@CHARSET "UTF-8"; /* skip_navi */ #skip_navi { height:0; left:0; position:absolute; top:0; width:100%;} #skip_navi .title { font-size:0; line-height:0; text-indent:-5000px;} #skip_navi a { background-color:#1D60A7; color:#fff; font-family:'Nanum Gothic Bold'; height:30px; left:0; line-height:30px; position:absolute; text-align:center; top:-1000px; width:100%; z-index:1000;} #skip_navi a.on { top:0;} #skip_navi a:focus { height:30px; top:0;} /*-------------------------------------------------------------------------------------------------------------- Header --------------------------------------------------------------------------------------------------------------*/ #Wrap { position:relative; width:100%; margin:0; padding:0; min-width:1100px} #wrap { position:relative;} .box { position:relative; width:1080px; margin:0 auto; } .box:after { content:""; clear:both; display:block;} #header { position:relative; width:100%;} /* Topline */ .topline { width:100%; height:32px; border-bottom:1px solid #e1e1e1; background-color:#f1f1f1; background-color:#FFCC00;} .topline .top_link { float:left} .topline .top_link ul li { float:left; width:90px; text-align:center; border-right:1px solid #d5d5d5; line-height:32px; font-size:13px; font-weight:600;} .topline .top_link ul li:first-child { border-left:1px solid #d5d5d5} .topline .top_link ul li a { display:block; color:#555} .topline .top_link ul li.on { background:#fff; border-bottom:1px solid #fff} .topline .top_link ul li.on a { color:#fe690f} .gnb { float:right} .gnb ul { display:inline-block} .gnb ul li { position:relative; float:left; font-family:"돋움", Dotum; font-size:13px; letter-spacing:-1px; padding:7px 15px 0 15px; } .gnb ul li:before { content:""; position:absolute; top:10px; left:0; width:1px; height:9px; background:#999} .gnb ul li:first-child:before { width:0; background:#fff} .gnb ul li a { display:block; font-weight:bold; color:#666 } .gnb ul li.mo { /*padding-left:30px*/} .gnb ul li.mo a:after { content:""; position:absolute; top:5px; /*left:15px; */width:11px; height:20px; /*background:url(../images/common/top_mb_icon.jpg) no-repeat;*/} /* Middleline */ .top_middle { height:103px} .top_middle .logo { float:left; margin-top:30px; /*margin-left:50%; transform:translateX(-50%);*/} .top_middle .top_bnr { float:right; margin-top:35px} .top_middle .top_bnr ul li { float:left; padding-left:50px} /* Menu */ /*#lnb { width:100%; height:45px; border-top:1px solid #e0e5eb; border-bottom:1px solid #e1e1e1; background:#f1f1f1;}*/ #lnb { width:100%; height:45px; border-top:1px solid #e0e5eb; border-bottom:1px solid #e1e1e1; background:url(/images/common/lnb_bg.png)} #lnb ul { } #lnb ul li {display:inline-block;position:relative; line-height:45px; /*padding:0 28px;*/padding:0 19px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} #lnb ul li.last { padding-right:0} #lnb ul li a { display:block; position:relative; font-weight:600; font-size:14px;} #lnb ul li a.on:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#fe690f} #lnb ul li a.selected:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#fe690f} #lnb ul li.bd { padding:0} #lnb ul li.bd a { margin:0 45px} #lnb ul li.last a { margin-right:0} #lnb ul li.all_menu { position:relative; width:140px; text-align:center; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:0; margin:0; background:#f9f9f9;} #lnb ul li.all_menu a i{vertical-align:middle; font-size:22px;} #lnb ul li.all_menu a { display:block; position:relative; font-size:14px; font-weight:600; /*padding:0 0 0 30px;*/ margin:0; letter-spacing: -0.3px;} #lnb ul li.all_menu a.all_btn { display:block; position:relative; font-size:14px; font-weight:600; margin:0; background:#fe690f; color:#fff;} #lnb ul li.all_menu a:before { content:""; position:absolute; top:15px; left:20px; width:19px; height:14px;} #lnb ul li.all_menu a.on:after { content:none} #lnb ul li .menu_box { position:absolute; top:45px; left:0; min-width:150px; min-height:130px; background:#fff; border:1px solid #e1e1e1; border-top:0 none; z-index:10000; margin:0; overflow:hidden} #lnb ul li .menu_box ul { padding:20px 20px 10px 20px; } #lnb ul li .menu_box ul li { float:none; display:block; font-size:13px; font-weight:600; line-height:normal; padding:0; } #lnb ul li .menu_box ul li a { display:block; color:#666; line-height:18px; height:auto; padding:0 0 15px 0} #lnb ul li .menu_box ul li a:hover { color:#fe690f; } /*company tell*/ /*.c_tell { position:absolute; top: 12px; right: 0; padding-right:10px; font-size:30px; font-weight:600;}*/ .c_english{position:absolute; top: 55px; right: 0px; padding-right:10px; } .c_tell { position:absolute; top: 55px; right: 225px; padding-right:0px; font-size:17px; font-weight:300;} .c_tell img { margin: 0 5px; } .c_qna { position:absolute; top: 55px; right: 90px; padding-right:10px; font-weight:bold; font-size:19px; text-decoration: underline !important;} .c_cm{position:absolute; top: 17px; right: 390px; right:85px;} .audioplayer { position:absolute; top: 8px; right: 0;} /*start area btn*/ .area_btn {position:absolute; top: 30px; right:500px; padding-right:10px;} .area_btn ul li{float:left; padding-left:2px;} .area_btn a{font-size:13px;} /*sns_icon*/ /*.sns_icon { position:absolute; top: 50px; right: 0;} .sns_icon:after { content:""; clear:both; display:block;} .sns_icon li{float: left; margin: 0 10px;} .sns_icon li a{width:33px; padding:5px 0px; text-align:center; background:#f4f4f4; border:1px solid #eee; border-radius:2px; display:block} .sns_icon li a i{font-size:1.7em !important; color:#999}*/ .sns_icon { position:absolute; top: 0; left: 200px;} .sns_icon:after {} .sns_icon li{float: left; width: 40px !important; height: 32px !important; margin: 0; padding-top: 2px; border: none !important;} .sns_icon li a{width:22px; height:22px; padding: 0; text-align:center; background:#f4f4f4; display:block; background:none;} .sns_icon li a i{font-size:1.2em !important; color:#999} /* .sns_icon li a i.xi-youtube-play:hover{color:#ff0000} .sns_icon li a i.xi-instagram:hover{color:#d91483} .sns_icon li a i.xi-kakaotalk:hover{color:#3b1e1e;} .sns_icon li a i.xi-blogger:hover{color:#00d037;} .sns_icon li a i.xi-facebook:hover{color:#3c5a9a} .sns_icon li a i.xi-twitter:hover{color:#00aced} */ .sns_icon li a i.xi-youtube-play{color:#ff0000} .sns_icon li a i.xi-instagram{color:#d91483} .sns_icon li a i.xi-kakaotalk{color:#3b1e1e;} .sns_icon li a i.xi-blogger{color:#00d037;} .sns_icon li a i.xi-facebook{color:#3c5a9a} .sns_icon li a i.xi-twitter{color:#00aced} /*.sns_icon li i.xi-instagram{color:#C00} .sns_icon li i.xi-kakaotalk{color:#C00} .sns_icon li i.xi-blogger{color:#C00} .sns_icon li i.xi-facebook-official{color:#C00}*/ .sns_icon li a i.xi-cafe:hover{color:#3c5a9a} /*-------------------------------------------------------------------------------------------------------------- Quick --------------------------------------------------------------------------------------------------------------*/ .quick { position:fixed; top:180px; right:50%; margin-right:-650px; z-index:1000} .quick ul { width:80px; /*background:url(../images/quick/q_back.png) 0 0 repeat-y;*/ background:#fff; text-align:center; /*padding:35px 0 17px 0;*/ border:1px solid #eaeaea; border-top:2px solid #fe690f} .quick ul li { font-size:12px; font-family:돋움, Dotum; /*margin-bottom:15px;*/ line-height:24px;padding:15px 0px;} .quick ul li:nth-child(1){border-bottom:1px dashed #eaeaea} .quick ul li:nth-child(2){border-bottom:1px dashed #eaeaea} .quick ul li:nth-child(3){border-bottom:1px dashed #eaeaea} .quick ul li a { display:block; color:#888;} .quick ul li a i.xi-facebook:hover{color:#3c5a9a;} .quick ul li a i.xi-blogger{font-size:1.8em !important} .quick ul li a i.xi-blogger:hover{color:#00d037;} .quick ul li a i.xi-instagram:hover{color:#d91483;} .quick ul li a i.xi-youtube-play:hover{color:#ff0000;} .quick ul li a i.xi-kakaotalk{font-size:2.2em !important} .quick ul li a i.xi-kakaotalk:hover{color:#3b1e1e;} .quick ul li img { display:block; margin:0 auto} .quick .arr { position:absolute; top:1px; left:1px} #taday_list {margin:4px 0 6px 0;background:#ffffff; width:80px;} #taday_list dt {background: #fe690f;text-align:center;height:25px;line-height:23px;font-size:11px; color: #fff;} #taday_list dd {text-align:center;background:#ffffff;padding-bottom:15px;border: 1px solid #eaeaea; border-top: none;} #taday_list dd ul {width:66px;padding:15px 0 0 0;margin:0 auto;border: none;} #taday_list dd li { border:1px solid #e2e2e2; width:64px; padding:0; margin-bottom:10px;} #taday_list strong {display:block; margin-bottom:7px; } #taday_list strong span {color:#113783; } #taday_list li.no_margin {margin-bottom:3px;} .top_go a {display: block; width: 30px; height:30px; border-radius:30px; line-height:30px; text-align:center; margin:9px auto; font-size:11px; background: #fe690f; color: #fff;} /*-------------------------------------------------------------------------------------------------------------- m_quick --------------------------------------------------------------------------------------------------------------*/ .m_quick { position:fixed; top:220px; right:50%; margin-right:-650px; z-index:1000} .m_quick ul { width:80px; /*background:url(../images/quick/q_back.png) 0 0 repeat-y;*/ background:#fff; text-align:center; /*padding:35px 0 17px 0;*/ border:1px solid #eaeaea; border-top:2px solid #fe690f} .m_quick ul li { font-size:12px; font-family:돋움, Dotum; /*margin-bottom:15px;*/ line-height:24px;padding:15px 0px;} .m_quick ul li:nth-child(1){border-bottom:1px dashed #eaeaea} .m_quick ul li:nth-child(2){border-bottom:1px dashed #eaeaea} .m_quick ul li:nth-child(3){border-bottom:1px dashed #eaeaea} .m_quick ul li a { display:block; color:#888;} .m_quick ul li a i.xi-facebook:hover{color:#3c5a9a;} .m_quick ul li a i.xi-blogger{font-size:1.8em !important} .m_quick ul li a i.xi-blogger:hover{color:#00d037;} .m_quick ul li a i.xi-instagram:hover{color:#d91483;} .m_quick ul li a i.xi-youtube-play:hover{color:#ff0000;} .m_quick ul li a i.xi-kakaotalk{font-size:2.2em !important} .m_quick ul li a i.xi-kakaotalk:hover{color:#3b1e1e;} .m_quick ul li a i.xi-twitter:hover{color:#00aced;} .m_quick ul li img { display:block; margin:0 auto} .m_quick .arr { position:absolute; top:1px; left:1px} .m_quick .TOP-CUST-WIFIEGG {} .m_quick .TOP-CUST-WIFIEGG button {background: #F00; color: #FFF;} .m_quick .WebZine img {padding: 3%; width: 27%;} a.bx-prev, a.bx-next{display:none !important;} /*-------------------------------------------------------------------------------------------------------------- Body --------------------------------------------------------------------------------------------------------------*/ #container { position:relative; width:100%; padding-bottom: 1px;} #container:after { content:""; clear:both; display:block} .main_bg{background:#f2f2f2;} /* SNB*/ #snb { position:relative; float:left; width:200px; margin-top:40px}/*2f62cb*/ #snb h2 { height:50px; line-height:50px; /*background:url(../images/common/snb_back.jpg) 0 0 #575b66;*/ /*border-top:2px solid #fe690f; border-bottom:1px dotted #d9d9d9;*/ font-size:20px; color:#fe690f; text-align:left; /*margin-bottom:10px;*/ background:#fff; padding-left:20px; border-bottom:1px solid #fe690f} /*#snb ul { border-top:1px solid #ddd }*/ #snb ul li { position:relative; height:45px; line-height:45px; font-size:14px; border-bottom:1px dotted #d9d9d9;} #snb ul li a { display:block; padding:0 20px; color:#333} #snb ul li.on { font-weight:600; background:#fe690f } #snb ul li.on:after { content:""; position:absolute; right:20px; top:50%; margin-top:-5px; width:6px; height:9px; background:url(../images/common/snb_arr.png) 0 0 no-repeat} #snb ul li.on a { color:#fff} #snb ul li a:hover { font-weight:600; background:#f6f6f6; color:#000 } #snb ul li a:hover:after { content:""; position:absolute; right:20px; top:50%; margin-top:-5px; width:6px; height:9px; background:url(../images/common/snb_arr.png) 0 0 no-repeat} /* contents */ #contents { position:relative; width:1100px; margin:0 auto; } #contents:after { content:""; clear:both; display:block;} .conbody { position:relative; float:right; width:850px; min-height:450px; margin:40px 0 50px 0} .conbody:after { content:""; clear:both; display:block;} #title { position:relative; width:100%; margin-bottom:30px; height:45px; /*border-bottom:2px solid #575b66*/ background:#f4f4f4;} #title.left {background:none; width:auto; margin-top:50px; height:85px; margin-bottom:0; border-bottom:0 none} #title #location { position:absolute; right:20px; top:15px; font-family:돋움, Dotum; font-size:12px; color:#777} #title.left #location { position:relative; top:0; margin-bottom:15px; color:#333} #title #location strong { font-weight:normal; color:#fe690f} #title h3 { position:relative; font-size:16px; color:#333; font-weight:600; width:150px; letter-spacing:-0.5px; line-height:45px; text-align:center; background:#ddd; display:inline-block; height:45px;} /*#title.left h3 {padding-left:17px; color:#333}*/ #title h3.con_tit{background:none; width:auto; line-height:1; height:auto; text-align:left; font-size:24px;} #title.left h3:before { content:""; position:absolute; /*top:-1px; left:0; width:8px; height:28px; background:#006bb5*/ bottom: 0px; height:2px; width:25px; border-bottom: 2px solid #fe690f; margin-bottom: -15px;} #contents.board .conbody { float:none; width:100%} #contents.board #title { border-bottom:0 none; height:auto} /* sub_visual */ .list_visual{ clear:both; position:relative; width:100%; margin:0 auto;} .list_visual .clfix {*zoom:1; width:100%;} .list_visual .clfix:after {content:" "; display:block; clear:both;} .list_visual .album-wrap { width:100%; position:relative; height:500px; overflow:hidden; z-index:1;} .list_visual .album-wrap ul.album { position:relative; z-index:1; height:500px;} .list_visual .album-wrap ul.album li { float:left;} .list_visual .album-wrap ul.album li img{} .list_visual .center_align{ margin:0 auto; width:1080px; overflow: hidden;} .list_visual .prev:hover { background: url(../image/main_roll/visual_btn_prev_on.png) 0 0 no-repeat;} .list_visual .next:hover { background: url(../image/main_roll/visual_btn_next_on.png) 0 0 no-repeat;} .list_visual div.prev { float:left; width:64px; height:64px; line-height:200%;margin-top:200px;margin-left: -65px; position:absolute; z-index:10; background: url(../image/main_roll/visual_btn_prev.png) 0 0 no-repeat; cursor:pointer;} .list_visual div.next { float:right; width:64px; height:64px; line-height:200%;margin-top:200px;margin-left: 1080px; position:absolute; z-index:10; background: url(../image/main_roll/visual_btn_next.png) 0 0 no-repeat; cursor:pointer;} .list_visual .gray_layer{ z-index:6; margin-right:0; position:absolute; width:1080px;height: 500px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*ie 옛날버전*/ filter: alpha(opacity=30); ie 브라우저 zoom:1; opacity: 0.30; /*최근 브라우저*/; } /*-------------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------------*/ #footer { width:100%; padding:40px 0; color:#888; border-top:1px solid #eaeaea; background: #575757;} .callcenter { position:relative; width:100%; margin-bottom:30px; border-bottom:1px solid #B6B6B6; color: #fff;} /*.callcenter:after { content:""; position:absolute; right:0; bottom:0px; width:507px; height:450px;}*/ .callcenter h2 { display:inline-block; font-size:24px; margin-right:10px; margin-bottom:30px; color: #FEB487;} .h2_txt { font-size:15px} .callbox { width:1080px} .callbox ul li { float:left; width:16.6%; margin-bottom:30px; line-height:18px} .callbox ul li dl{line-height:22px;text-align:center;} .callbox ul li dt{display:inline-block;width: 155px;font-size: 15px;background-color:#fe690f;color:#fff;border-radius: 20px;padding: 3px 0px;font-weight:600;margin-bottom:10px;} .callbox ul li dd{letter-spacing:-0.5px;} .address { font-size:12px; line-height:20px} .address strong { display:inline-block; width:60px; margin-right:5px} #footer .bnr { position:absolute; top:30px; text-align:center} #footer .bnr.tico { right:160px; top:50px} #footer .bnr.radio { right:0} #footer .bnr strong { display:inline-block; font-family:Raleway, sans-serif; font-size:15px; color:#fff; margin-bottom:10px} #footer .bnr img { display:block; margin:0 auto} #footer .bnr p { margin-top:7px; font-size:13px; color:#c0cadd; letter-spacing:-0.5px; line-height:16px} .link { width:100%; margin-top:30px; color: #fff; text-align: center;} /*.link ul {text-align: left;}*/ .link ul li { position:relative;display:inline-block; padding:0 20px 0 16px;} .link ul li a { color:#fff} .link ul li:first-child{padding:0 20px 0 16px;} .link ul li:after { content:""; position:absolute; right:0; top:3px; width:1px; height:10px; background:#fff; font-weight: bolder;} .link ul li:last-child:after { width:0; background:#384042} .copy {text-align: left; margin-top:15px; font-size:11px; color: #fff; font-size: 14px; font-weight: bolder; text-align: center;} /*-------------------------------------------------------------------------------------------------------------- Spare --------------------------------------------------------------------------------------------------------------*/ .price { font-family:Tahoma, 나눔고딕, "Nanum Gothic", sans-serif;} .calendar { cursor:pointer; background:url(../images/common/btn_calendar.gif) 95% center no-repeat} /***** Select *****/ .select_box { position:relative; width:180px; height:45px; background:url(../images/common/select_arr.jpg) 90% center no-repeat #fff; overflow:hidden; cursor:pointer } .select_box label { position:absolute; top:15px; left:20px; font-size:14px; color:#555} select.choose { width:100%; height:45px; line-height:45px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; font-size:14px; color:#333; padding-left:20px; cursor:pointer} /***** calendar *****/ .calendar_wrap{ width:137px; border:1px solid #CFCFD1; background-color:#FFFFFF} .calendar_wrap .calendar_input{ border:0; height:auto; margin:0; height:18px; background-image:url(../image/btn/btn_calendar.gif);background-repeat:no-repeat; background-position:97% 50%; cursor:pointer; width:133px; color:#6B6B6B; font-size:14px; padding:2px 0 2px 3px} *:first-child+html .calendar_wrap .calendar_input{ height:18px;} .invisible{ visibility:hidden; width:0; height:0; position:absolute; overflow:hidden; font-size:0 } /***** btn_wrap *****/ .btn_wrap{ text-align:center} .btn_wrap li{ display:inline-block; zoom:1; *display:inline; margin:0 3px} .btn_wrap a{ display:block; color:#FFFFFF; font-size:15px; width:120px; text-align:center; font-weight:600; height:55px; line-height:55px; text-decoration:none; border-radius:2px;} .btn_wrap .reserve_able a{ background-color:#d43031}/*확정예약*/ .btn_wrap .reserve_wait a{ background-color:#388fc2}/*대기예약*/ .btn_wrap .reserve_close a{ background-color:#595959}/*마감*/ .btn_wrap .reserve_cart a{ background-color:#4B8BD8;}/*장바구니*/ .btn_wrap .reserve_cancel a{ background-color:#666666} .btn_wrap .btn_ok a{ background-color:#fe690f} .btn_wrap .btn_cancel a{ background-color:#666666} .btn_wrap .btn_pay a{ background-color:#d43031;} .btn_wrap .btn_cart a{ background-color:#666666} .btn_wrap .btn_style01 a{ background-color:#777777;} .btn_wrap .blue a{ background-color:#d43031} .btn_pay_wrap .btn_pay a{display: block; padding: 9px 20px; color: #fff; font-size: 13px; background: #999; border-radius: 2px; position:absolute; z-index:1000; right:0; bottom: 80px;} /* view_btn 버튼 css 변경 절대 금지 */ .btn_wrap .view_btn_ok a{ background-color:#dc3637;} .btn_wrap .view_btn_able a{ background-color:#4178bd;} .btn_wrap .view_btn_wait a{ background-color:#484242;} .btn_wrap .view_btn_close a{ background-color:#d1d1d1;} /* footer 투어가이드 */ /* .m_guide { position:relative; width:1100px; height:140px; margin:0 auto 60px auto; } .m_guide:after { content:""; clear:both; display:block;} .m_guide h3 { position:absolute; top:-10px; left:50%; margin-left:-74px; width:150px; height:150px; padding-top:40px; color:#fff; letter-spacing:-0.5px; font-weight:600; font-size:24px; text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:100} .m_guide h3.ny { background:url(../images/main/m_guide_back_ny.jpg) 0 0 no-repeat} .m_guide h3 .area { display:inline-block; font-size:14px; margin-top:15px; border-top:1px solid #ccc; padding-top:10px } .m_guide ul { width:980px; margin:0 auto} .m_guide ul li { text-align:center; font-size:13px; font-weight:600} .m_guide ul li img { display:block; margin:0 auto 5px auto } .m_guide ul li a { display:inline-block; width:100%; color:#686f79} */ .m_guide { position:relative; width:1100px; height:210px; margin:0 auto 60px auto; } .m_guide:after { content:""; clear:both; display:block;} .m_guide h3 .area { display:inline-block; font-size:114px; margin-top:15px; border-top:1px solid #ccc; padding-top:10px } .m_guide ul { width:980px; margin:0 auto; margin-top:30px;} .m_guide ul li { text-align:center; font-size:15px; font-weight:600; height:175px;} .m_guide ul li img { display:block; margin:0 auto 5px auto } .m_guide ul li a { display:inline-block; width:100%; color:#686f79}