@charset "utf-8";
@import url('/mobileseafarers/css/fonts.css');

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option{font-family:"Noto Sans KR", "맑은 고딕", "돋움", dotum, sans-serif;letter-spacing:-0.2px;}

html{position:relative;}
html, body{font-weight:normal;color:#666;}
body{position:relative;font-size:16px;word-break:keep-all;}
body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input{margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption{word-break:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;word-break:keep-all;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option{font-size:16px;font-weight:normal;color:inherit;}
pre, code, samp, kbd{font-family:inherit;}
em, var, address{font-style:normal;}
ul, ol, li{list-style:none;}
.sound_only{position:absolute!important;width:1px!important; height:1px!important;clip:rect(0 0 0 0)!important;overflow:hidden!important; border:0!important; padding:0!important;margin:-1px!important;}

legend, fieldset, button, img{border:0 none;}
input, select, textarea, button, label, strong, a, time{vertical-align:inherit;}
input, select, textarea, button, option{font-family:inherit;font-weight:inherit;}
input[type="text"]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none;}
button, select, option{color:inherit;text-transform:none;}
caption, legend{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
button{overflow:visible;text-align:left;cursor:pointer;background:none;}
:focus{outline:0;}
a{color:#666;text-decoration:none;}
.hidden,
.sound-only{position:absolute!important;width:1px!important; height:1px!important;clip:rect(0 0 0 0)!important;overflow:hidden!important; border:0!important; padding:0!important;margin:-1px!important;}

/* common */
#header{position:fixed;height:79px;display:block;width:100%;background:#fff;z-index:9;text-align:center;}
#footer{display:block;width:100%;background:#fff;z-index:9;text-align:center;}

#fullpage,
#header,
#footer{min-width:1600px;}

#fullpage .bg,
#header .bg,
#footer .bg{margin:0 auto;width:1400px;}

#header{top:0px;background-color:#fff;border-radius:0 0 60px 60px;}
#header .bg{height:79px;}
#header h1{float:left;padding:13px 0 0 10px;}
#header .link{float:right;margin:25px 27px 0 0;}
#header .link a{position:relative;color:#000;font-weight:500;margin:0 0 0 15px;padding:0 0 0 18px;}
#header .link a:first-child:before{display:none;}
#header .link a:before{content:"";position:absolute;top:10px;left:0;background-color:#666;border-radius:50%;width:5px;height:5px;}
#header .link a em{color:#ff6f6f;}

#footer{bottom:0px;height: 210px;}
#footer .bg{height: 210px;}
#footer .text{position:relative;float:left;padding:43px 0 0 148px;text-align:left;}
#footer .text .logo{position:absolute;top:37px;left:0;}
#footer .text .util{color:#0b0b0b;font-size:15px;}
#footer .text .util a{position:relative;margin:0 0 0 12px;padding:0 0 0 15px;}
#footer .text .util a:first-child{margin-left:0;padding-left:0;}
#footer .text .util a:first-child:before{display:none;}
#footer .text .util a:before{content:"";position:absolute;top:10px;left:-2px;background-color:#666;border-radius:50%;width:4px;height:4px;}
#footer .text .txt{color:#919191;font-size:12px;line-height:170%;margin:20px 0 0;}
#footer .banner{float:right;margin:36px 20px 0 0;}
#footer .banner img{margin-left:52px;}

.section{background:url(/mobileseafarers/images/k_section1.jpg) 50% 0 no-repeat;background-size:cover;}
.section1{background-position:50% 50%;}
.section2{background-image:url(/mobileseafarers/images/k_section2.png);}
.section3{background-image:url(/mobileseafarers/images/k_section3.png);}
.section4{background-image:url(/mobileseafarers/images/k_section4.png);}
.section5{background-image:url(/mobileseafarers/images/k_section5.png);}
.section6{background-image:url(/mobileseafarers/images/k_section6.png);}
.section7{background-image:url(/mobileseafarers/images/k_section7.png);}

#fp-nav{position:fixed;right:0 !important;-webkit-transform: translate3d(0, 0, 0);margin-top:-150px;}
#fp-nav ul li{width:auto;height:auto;margin:0;}
#fp-nav ul li a{background:url(/mobileseafarers/images/k_navi1.png) 0 0 no-repeat;width:54px;height:50px;}
#fp-nav ul li a span{display:none;}
#fp-nav ul li:nth-child(1) a{height: 51px;}
#fp-nav ul li:nth-child(2) a{background-position:0 -51px;}
#fp-nav ul li:nth-child(3) a{background-position:0 -101px;}
#fp-nav ul li:nth-child(4) a{background-position:0 -151px;}
#fp-nav ul li:nth-child(5) a{background-position:0 -201px;}
#fp-nav ul li:nth-child(6) a{background-position:0 -251px;}
#fp-nav ul li a.active{background-position:-56px 0;}
#fp-nav ul li:nth-child(2) a.active{background-position:-56px -51px;}
#fp-nav ul li:nth-child(3) a.active{background-position:-56px -101px;}
#fp-nav ul li:nth-child(4) a.active{background-position:-56px -151px;}
#fp-nav ul li:nth-child(5) a.active{background-position:-56px -201px;}
#fp-nav ul li:nth-child(6) a.active{background-position:-56px -251px;}
#fp-nav ul li:nth-child(7){display:none;}

.mTitle2{position:relative;color:#000;font-size:26px;margin:0 0 20px;padding:0 0 18px;text-align: center;}
.mTitle2:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-25px;background-color:#000;width:50px;height:2px;}
.mTitle2 strong{display:block;font-size:50px;letter-spacing:-2px;}

.mInfo1{font-size:18px;letter-spacing:-1px;line-height:170%;text-align: center;}
.mInfo2{color:#000;font-size:14px;letter-spacing:0;line-height:170%;text-align: center;margin:-40px 0 0;}

.txtBlue{color:#204695;}

.mMain1{display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding-top:30px;padding-bottom:30px;}
.mMain1 .text{-webkit-flex:1;flex:1;padding:0 0 109px 10px;}
.mMain1 .text h2{color:#000;font-size:50px;line-height:120%;}
.mMain1 .text .info{color:#000;font-size:19px;margin:30px 0 0;}
.mMain1 .img{margin:15px 20px 0 0;}

.mMain2{text-align: center;padding-top: 30px;padding-bottom: 30px;}
.mMain2 .img{background:url(/mobileseafarers/images/img_main2.png) 0 0 no-repeat;margin:35px auto 0;width:516px;height:472px}

.mMain3{background: url(/mobileseafarers/images/img_main3.png) 0 calc(50% + 65px) no-repeat;padding-top: 30px;padding-bottom: 30px;}
.mMain3 .img{position:relative;background:url(./mobileseafarers/images/img_main3.png) 0 0 no-repeat;margin:-80px auto 0;width:1491px;height:782px}
.mMain3 .img li{position:absolute;top:166px;left:66px;display:table;color:#000;font-size:18px;width:220px;height:121px;text-align:center;background-color:#fff;border-radius:20px 35px 35px 35px;;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.mMain3 .img li .nu{position:absolute;top:9px;left:9px;background-color:#4a66a0;color:#fff;font-size:11px;border-radius:50%;width:24px;line-height:24px;height:24px;}
.mMain3 .img li .cell{display:table-cell;vertical-align:middle;}
.mMain3 .img li .tx .s{font-size:14px;}
.mMain3 .img li.ls2{left:335px;}
.mMain3 .img li.ls3{left:606px;}
.mMain3 .img li.ls4{left:885px;}
.mMain3 .img li.ls5{left:1160px;}
.mMain3 .img li.ls6{top:428px;left:1180px;}
.mMain3 .img li.ls7{top:428px;left:959px;width:180px;}
.mMain3 .img li.ls8{top:428px;left:733px;width:180px;}
.mMain3 .img li.ls9{top:428px;left:508px;width:180px;}
.mMain3 .img li.ls10{top:428px;left:283px;width:180px;}
.mMain3 .img li.ls11{top:428px;left:60px;width:180px;background-color:#4a66a0;color:#fff;}
.mMain3 .img li.ls11 .nu{background-color:#fff;color:#4a66a0;}
.mMain3 .img li.ls11 .pos1,
.mMain3 .img li.ls11 .pos2{position:absolute;top:-83px;left:0;width:100%;border:2px solid #4a66a0;color:#4a66a0;font-size:18px;text-align:center;background-color:#fff;padding:14px 10px;border-radius:56px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);}
.mMain3 .img li.ls11 .pos2{top:auto;bottom:-83px;}

.mMain4{padding:30px 0 30px;text-align:center;}
.mMain4 h2{color:#000;font-weight:bold;font-size:40px;margin:43px 0 54px;text-align:center;}

.mMain5,
.mMain6{padding-top: 30px;padding-bottom:30px;}

.mList1{padding:50px 0 30px;text-align:center;zoom:1;}
.mList1 ul:after{display:block;clear:both;content:'';} 
.mList1 li{display:inline-block;position:relative;color:#000;font-size:18px;width:240px;height:380px;text-align:center;background-color:#fff;border-radius:20px 35px 35px 35px;box-shadow:10px 10px 10px rgba(0,0,0,0.1);margin:0 13px;padding:74px 0 0;vertical-align:top;}
.mList1 li:before{content:"";position:absolute;top:23px;left:0;right:0;margin:0 auto;background-color:#c9c9c9;border-radius:5px;width:30px;height:5px;}
.mList1 li .img{background: url(/mobileseafarers/images/ico_main5_1.png) 50% 0 no-repeat;height:105px;}
.mList1 li .txt{font-size:15px;line-height:160%;margin:33px 0 0;}
.mList1 li .txt .tx .t{display:inline-block;background-color:#4a66a0;border-radius:5px;padding:0 10px;color:#fff;font-size:13px;line-height:23px;height:25px;vertical-align:top;}
.mList1 li .txt .nu{position:absolute;bottom:29px;left:0;right:0;margin:0 auto;background-color:#4a66a0;color:#fff;font-size:14px;border-radius:50%;width:30px;line-height:30px;height:30px;}
.mList1 li.i2 .img{background-image:url(/mobileseafarers/images/ico_main5_2.png);}
.mList1 li.i3 .img{background-image:url(/mobileseafarers/images/ico_main5_3.png);}
.mList1 li.i4 .img{background-image:url(/mobileseafarers/images/ico_main5_4.png);}
.mList1 li.i5 .img{background-image:url(/mobileseafarers/images/ico_main5_5.png);}

.mMain6 li.i1 .img{background-image:url(/mobileseafarers/images/ico_main6_1.png);}
.mMain6 li.i2 .img{background-image:url(/mobileseafarers/images/ico_main6_2.png);}
.mMain6 li.i3 .img{background-image:url(/mobileseafarers/images/ico_main6_3.png);}

.fp-prev{left:90px;}
.fp-next{right:80px;}

.slide.fp-table{height:100%;}

.fp-slidesNav.fp-bottom{bottom:auto;top:115px;text-align:center;width:100%;}

#fp-nav ul li a span,
.fp-slidesNav ul li a span,
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{background-color: #c5bebe;margin:0 !important;width:10px;height:10px;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {background-color: #000;}

.fp-arrow.fp-prev{display:block;background: url(../images/ico_prev1.png) 50% 50% no-repeat;border:0;width:51px;height:51px;}
.fp-arrow.fp-next{display:block;background: url(../images/ico_next1.png) 50% 50% no-repeat;border: 0;width:51px;height:51px;}

#section-footer{padding-top:0 !important;height:210px;}

.fp-watermark{display:none;}