@charset "utf-8";



body{font-family:'scdream','Malgun Gothic',sans-serif;font-size:16px;color:#313131;word-break:break-word;}

/*common*/
.inner{position:relative;margin:0 auto;width:1280px;}
.inner:after{display:block;content:'';clear:both;}

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;}

#wrap{position:relative;}

#header{position:absolute;left:0;right:0;height:105px;border-bottom:1px solid #e5e5e5;z-index:2;}
#header h1{position:absolute;top:24px;left:0;}
#header h1 a{display:block;}

#header #gnb{float:right;margin:42px 440px 0 0;}
#header #gnb ul{display:flex;}
#header #gnb ul li a{display:block;font-size:20px;font-weight:500;color:#333;margin:0 40px;}
#header #gnb ul li a:hover,
#header #gnb ul li.active a{color:#000;font-weight:600;}
#header #gnb ul li a span{position:relative;display:inline-block;}
#header #gnb ul li a span:before{display:block;content:"";position:absolute;left:0;bottom:-3px;width:0;height:6px;background:rgba(99,251,225,0.5);transition:all 0.5s;}
#header #gnb ul li.active a span:before,
#header #gnb ul li a:hover span:before{width:100%;}

#header .topLink{position:absolute;right:0;top:33px;}
#header .topLink span{display:inline-block;}
#header .topLink .btnLogin{display:inline-block;vertical-align:middle;margin-left:20px;padding:0 22px 0 46px;background:#414448 url(/static/images/shipboard/common/icon_top_login.png) 20px 10px no-repeat;border-radius:50px;color:#fff;font-size:14px;;line-height:40px;}

#container{position:relative;margin:0 auto;min-height:610px;background:url(/static/images/shipboard/main/main_bg.png) center 105px no-repeat;padding-top:105px;background-size:contain;}

.mainVisual{position:relative;min-height:490px;}
.mainVisual .mainSlogan{margin:35px 0 0 20px;}
.mainVisual .mainSlogan span{display:block;color:#4f4f4f;margin-bottom:12px;}
.mainVisual .mainSlogan .txt1{display:inline-block;padding:5px 10px;border:1px solid #666;border-radius:8px;color:#666;margin-bottom:18px;}
.mainVisual .mainSlogan .txt2{margin-left:0;font-size:22px;font-weight:500;}
.mainVisual .mainSlogan .txt3{font-size:38px;font-weight:700;}
.mainVisual .mainSlogan .txt3 em{font-size:26px;vertical-align:super;font-weight:500;}
.mainVisual .mainSlogan .txt4{font-size:26px;color:#000;margin-top:14px;margin-left:4px;font-weight:500;}

.mainTab{position:absolute;top:0;right:0;}
.mainTab .tabBar li{float:left;text-align:center;width:50%;box-sizing:border-box;padding-top:10px;}
.mainTab>ul>li>a{display:block;color:#666;height:55px;line-height:60px;background:#dee2e4;border-top-right-radius:20px;border-top-left-radius:20px;border:1px solid #eee;border-bottom:0;box-sizing:border-box;}
.mainTab>ul>li.active{padding-top:0;}
.mainTab>ul>li.active>a{position:relative;display:block;height:65px;line-height:75px;font-weight:600;color:#666;font-size:18px;background:#fff}
.mainTab>ul>li.active>a:before{display:block;content:"";position:absolute;left:50%;transform:translateX(-50%);top:18px;width:12px;height:4px;background:#383838;border-radius:10px;}

.mainTab .tabPage{width:386px;height:356px;background:#fff;padding:15px 40px 0 40px;box-sizing:border-box;border-bottom-right-radius:20px;border-bottom-left-radius:20px;border:1px solid #eee;border-top:0;box-shadow:2px 1px 5px rgba(0,0,0,0.1);}
.mainTab .tabPage li a{position:relative;display:block;border-bottom:1px solid #ddd;padding:0 5px 0 15px;line-height:53px;}
.mainTab .tabPage li:last-child a{border:0;}
.mainTab .tabPage li a:before{display:block;content:"";position:absolute;left:5px;top:23px;width:5px;height:5px;background:url(/static/images/shipboard/main/main_tabLi_left.png) 0 0 no-repeat;}
.mainTab .tabPage li a:after{display:block;content:"";position:absolute;right:0;top:20px;width:25px;height:11px;background:url(/static/images/shipboard/main/main_tabLi_right.png) 0 0 no-repeat;}
.mainTab .tabPage li a:hover{color:#000;}
.mainTab .tabPage li a span{position:relative;}
.mainTab .tabPage li a:hover span{background:rgba(198,255,237,0.5);}

/* 팝업 */
.mainPop{display:none;position:fixed;left:-1000px;top:-1000px;z-index:999;max-width:1000px; }
.mainPop .title{padding:0 20px;background:#393939;border-top-left-radius:15px;border-top-right-radius:15px;}
.mainPop .title b{display:block;line-height:50px;color:#fff;font-size:15px;font-weight:500;letter-spacing:-1px;}
.mainPop .popImg img,
.mainPop .popImg iframe{display:block;max-width:100% !important;}
.mainPop .popImg.aTag-f a{position: absolute;top: 3px;left: 3px;width: calc(100% - 6px);height: calc(100% - 6px);}
.mainPop .closeDay{padding:0 15px;background:#393939;border-bottom-left-radius:15px;border-bottom-right-radius:15px;color:#fff;font-weight:500;line-height:36px;}
.mainPop .closeDay .inputSet input{margin-top:-3px;}
.mainPop .closeDay .btnClose{display:block;position:absolute;right:15px;bottom:11px;width:15px;height:15px;background:url(/images/n21/main/icon_mainPop_close.png) no-repeat;text-indent:-9999em;}

/*메인팝업 유튜브 스트리밍용 */
/* .mainPop{width:1000px;} */
.popImg {position:relative;  overflow:hidden;}
.popImg iframe,
.popImg object,
.popImg embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 팝업내링크 */
.pop-links{}
.pop-links ul{display:flex;width:100%;}
.pop-links ul li{width:25%;text-align:center;display:flex;}
/* .pop-links ul li a{display:block;padding:10px 0; color:#fff; font-size:17px;font-weight:400; letter-spacing:-1px; display:flex;width:100%; justify-content:center;align-items:center;transition:all 0.2s;word-break:break-all;}
.pop-links ul li a:hover{font-size:18px;}
.pop-links .link1{background-color:#6ca907;}
.pop-links .link2{background-color:#4351b7;}
.pop-links .link3{background-color:#008b95;}
.pop-links .link4{background-color:#cf6100;} */
.pop-links ul li a{display:block;height:50px; color:#222; background:#fff; border-right:1px solid #ddd; border-top:1px solid #ddd; font-size:16px;font-weight:600; letter-spacing:-1px; display:flex;width:100%; justify-content:center;align-items:center;transition:all 0.2s;}
/* .pop-links ul li a:hover{font-size:18px;} */
.pop-links .link1{background-color: #5d4803;}
.pop-links .link2{background-color: #6ca907;}
.pop-links .link3{background-color:#0f143f;}
.pop-links .link4{background-color:#cf6100;}
.pop-links ul.ac2 li{width:50% !important;}
.pop-links ul.ac3 li{width:calc(100% / 3) !important;}

@media all and (max-width:640px){
	.pop-links ul{flex-wrap:wrap;}
	.pop-links ul li{width:50%;}
	.pop-links ul li a{font-size:12px;}
	.pop-links ul li a:hover{font-size:12px;}
}

.mainSection{display:flex;justify-content:space-between; margin:0 0 30px;}

.scheduleList{position:relative;width:548px;height:465px;margin-top:-95px;}
.scheduleList>div{background:#fff;box-sizing:border-box;padding:40px 30px;border:1px solid #eee;border-radius:30px;box-shadow:2px 1px 5px rgba(0,0,0,0.1);}
.scheduleList h3{margin-bottom:20px;font-size:22px;font-weight:600;}
.scheduleList li{padding:13px 0 13px 45px;border-bottom:1px dashed #b1b3b8;background:url(/static/images/shipboard/main/main_icon01.png) 4px center no-repeat;z-index:2;}
.scheduleList li:last-child{border:0;padding-bottom:5px;}
.scheduleList li.item2{background:url(/static/images/shipboard/main/main_icon02.png) 4px center no-repeat;}
.scheduleList li.item3{background:url(/static/images/shipboard/main/main_icon03.png) 4px center no-repeat;}
.scheduleList li.item4{background:url(/static/images/shipboard/main/main_icon04.png) 4px center no-repeat;}
.scheduleList li.item5{background:url(/static/images/shipboard/main/main_icon05.png) 4px center no-repeat;}
.scheduleList li.item6{background:url(/static/images/shipboard/main/main_icon06.png) 4px center no-repeat;}
.scheduleList li.item7{background:url(/static/images/shipboard/main/main_icon07.png) 4px center no-repeat;}
/* .scheduleList li span{color:#ff3333;} */
.scheduleList li b{font-weight:600;}

.guideList ul{display:flex;justify-content:space-between;margin-bottom:20px;}

.mainBanner{position:relative;width:370px;height:160px;border-radius:12px;overflow:hidden;margin-bottom:20px;}
.mainBanner li a{display:block;}
.mainBanner li a img{width:100%;height:160px;}
.mainBanner li a:hover img{transform:scale(1.1);transition:0.3s;}
.mainBanner .bx-controls{position:absolute;right:6px;bottom:6px;background:rgba(255,255,255,.8);width:120px;height:28px;border-radius:14px;z-index:10;}
.mainBanner .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:-6px;width:9px;height:12px;text-indent:-9999em;}
.mainBanner .bx-controls-direction .bx-prev{left:58px;background:url(/static/images/shipboard/main/icon_mainBanner_prev.png) no-repeat;}
.mainBanner .bx-controls-direction .bx-next{left:76px;background:url(/static/images/shipboard/main/icon_mainBanner_next.png) no-repeat;}
.mainBanner .bx-pager{display:block;margin-left:10px;font-size:14px;font-weight:500;color:#333;line-height:28px;}
.mainBanner .bx-controls-auto a{display:block;position:absolute;right:18px;top:50%;margin-top:-5px;width:8px;height:12px;text-indent:-9999em;}
.mainBanner .bx-controls-auto a.active{display:none;}
.mainBanner .bx-controls-auto .bx-start{background:url(/static/images/shipboard/main/icon_mainBanner_start.png) no-repeat;}
.mainBanner .bx-controls-auto .bx-stop{background:url(/static/images/shipboard/main/icon_mainBanner_stop.png) no-repeat;}

.mainBanner2{position:relative;width:370px;height:160px;border-radius:12px;overflow:hidden;}
.mainBanner2 li a{display:block;}
.mainBanner2 li a img{width:100%;height:160px;}
.mainBanner2 li a:hover img{transform:scale(1.1);transition:0.3s;}
.mainBanner2 .bx-controls{position:absolute;right:6px;bottom:6px;background:rgba(255,255,255,.8);width:120px;height:28px;border-radius:14px;z-index:10;}
.mainBanner2 .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:-6px;width:9px;height:12px;text-indent:-9999em;}
.mainBanner2 .bx-controls-direction .bx-prev{left:58px;background:url(/static/images/shipboard/main/icon_mainBanner_prev.png) no-repeat;}
.mainBanner2 .bx-controls-direction .bx-next{left:76px;background:url(/static/images/shipboard/main/icon_mainBanner_next.png) no-repeat;}
.mainBanner2 .bx-pager{display:block;margin-left:10px;font-size:14px;font-weight:500;color:#333;line-height:28px;}
.mainBanner2 .bx-controls-auto a{display:block;position:absolute;right:18px;top:50%;margin-top:-5px;width:8px;height:12px;text-indent:-9999em;}
.mainBanner2 .bx-controls-auto a.active{display:none;}
.mainBanner2 .bx-controls-auto .bx-start{background:url(/static/images/shipboard/main/icon_mainBanner_start.png) no-repeat;}
.mainBanner2 .bx-controls-auto .bx-stop{background:url(/static/images/shipboard/main/icon_mainBanner_stop.png) no-repeat;}

#bannerZone{padding-top:16px;height:85px;border-top:1px solid #eaeaea;box-sizing:border-box;}
#bannerZone ul{padding-right:195px;}
#bannerZone .slick-slide a{display:block;position:relative;}
#bannerZone .slick-slide a:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-12px;height:24px;border-right:1px solid #eaeaea;}
#bannerZone .slick-slide img{margin:0 auto;width:auto;}
#bannerZone .slick-arrow{display:block;position:absolute;top:10px;width:30px;height:30px;border:1px solid #eee;border-radius:50%;text-indent:-9999em;box-sizing:border-box;}
#bannerZone .slick-prev{right:110px;background:#fff url(/static/images/shipboard/main/icon_bannerZone_prev.gif) no-repeat center;}
#bannerZone .slick-next{right:40px;background:#fff url(/static/images/shipboard/main/icon_bannerZone_next.gif) no-repeat center;}
#bannerZone .slick-stop,
#bannerZone .slick-start{display:block;position:absolute;top:10px;right:75px;width:30px;height:30px;border:1px solid #eee;border-radius:50%;text-indent:-9999em;box-sizing:border-box;}
#bannerZone .slick-stop{background:url(/static/images/shipboard/main/icon_bannerZone_stop.gif) no-repeat center;}
#bannerZone .slick-start{display:none;background:url(/static/images/shipboard/main/icon_bannerZone_start.gif) no-repeat center;}
#bannerZone .banner-all{display:block;position:absolute;top:10px;right:5px;width:30px;height:30px;background:url(/static/images/shipboard/main/icon_bannerZone_all.gif) no-repeat center;border:1px solid #eee;border-radius:50%;text-indent:-9999em;box-sizing:border-box;}

#footer{position:relative;border-top:1px solid #eaeaea;padding:30px 0;}
#footer .adress{float:left;}
#footer .adress p{margin-top:20px;font-size:14px;color:#999999;}
#footer .adress p span{color:#ff3d3d;}
#footer .footerLink{float:right;}
#footer .familySel{position:relative;padding-right:0px;width:220px;height:40px;box-sizing:border-box;margin:0 0 10px 50px;}
#footer .familySel .selectBtn{display:block;padding-left:10px;width:220px;height:38px;background:#e7e9ef url(/static/images/shipboard/common/icon_familyBtn.png) no-repeat 95% center;color:#484f57;border-radius:10px;box-sizing:border-box;line-height:38px;font-size:13px;}
#footer .familySel .familySelect{display:none;position:absolute;top:-404px;left:0;right:0;height:410px;background:#e7e9ef;overflow:auto;z-index:51;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:10px;box-sizing:border-box;}
#footer .familySel .familySelect a{display:block;padding:3px 0 3px 10px;color:#484f57;font-size:13px;}
#footer .familySel .familySelect a:hover{text-decoration:underline;}
#footer .snsLink{float:right;}
#footer .snsLink a{margin-left:10px;}