@charset "utf-8";

#hnn-wrap {width:100%; min-width: 1200px;}
.hnn-inner {max-width: 1200px; margin: 0 auto; position: relative;}
.clearfix:after {content:''; display:block; clear:both;}
/*
==============================
HEADER
==============================
*/
#header { height:90px; width:100%;z-index:100;position:absolute; box-sizing:border-box; transition:all 0.1s; padding:0 60px;background-color:rgba(0,0,0,0.3);}
#header.sub{background-color:#004f50;}
#header .hnn-inner {max-width:none;text-align: center;min-width:1450px;}

.hnn-bg {
    width:100%;
    display: none;
    position:absolute; 
    top:90px;
    left:0;
    height:320px;       
    z-index:15;
    overflow:hidden;     
    background:#004f50;
	box-shadow:5px 5px 6.93px 0.07px rgba(0,0,0,0.1);
}

#hnn-logo {
    position: absolute; 
    top: 16px; 
    left: 0;
}

#hnn-logo  a {display:block;  width:286px; height:46px; background:url('../images/logo_badge_w.png?ver=1') no-repeat left center/contain;}
.tnb {
    position:absolute;
    right:0px;
    top:29px;     
	font-size:32px;
	color:#fff;
	line-height: 1;
    display: inline-block;
	font-weight:500;
	letter-spacing:0.3px;
	font-family: 'ns', sans-serif;
}

.tnb .tnb_box {margin-bottom:15px;}
.tnb .tnb_box a {display:inline-block;font-size:14px;color:#bca7ab;padding-left:22px;}

/* .tnb img {position:relative;top:7px;} */
.tnb em {display:inline-block;width:22px;height:22px;text-indent:-9999px;background:url(../images/tnb-tel.gif) left center no-repeat;margin-right:5px;line-height:1;}
.tnb strong {font-family:'roboto',nr,sans-serif;font-size:32px;color:#002c5c;font-weight:600;line-height:1;vertical-align:middle;}
.tnb span {font-weight:400;vertical-align:baseline;}


#header.on { background:#004f50;  border-bottom:1px solid rgba(255,255,255,0.2);}


/*
==============================
GNB
==============================
*/
#hnn-gnb {display: inline-block;}
#hnn-gnb:after{content: ""; display: block; clear: both;}
#hnn-gnb > li {
    float: left;
    position:relative;         
}
#hnn-gnb > li > a {
    display: block;    
    height:90px;
    line-height: 90px;
    color:#fff;
    font-size:18px;
    z-index:10;
    letter-spacing:-0.05em;    
}


#hnn-gnb li div {
    display:none;
    width:100%;
    position:absolute;
    left:0;
    top:100px;   
    z-index:20;  
	padding:20px 0;
}
#hnn-gnb li ul li a {
    display:block;
    font-size:15px;
    color:#b7d5d5;
    padding:5px 0;     
	letter-spacing:-0.03em;
	font-weight:300;
}

#hnn-gnb li ul li a:hover {color:#fff;font-weight:600;}

#hnn-gnb > li > a span {display:inline-block;position:relative;padding:0 33px;}
#hnn-gnb > li > a > span:before {content: '';
    display: block;
    width: 0;
    height: 3px;
    background:#cf886f;
    position: absolute;
    left:50%;
    bottom: 0;
    transition: 0.1s;
    z-index: 9999;}


#header.on  #hnn-gnb > li:hover a span:before {width:60px;margin-left:-30px;}

#hnn-vis {
    position: relative;
    width: 100%;     
    z-index: 10;
    overflow: hidden;
}

/* SUB */
#hnn-sub {
    width: 100%;
    /*position:absolute;
    top:0;
    left:0;*/
    z-index:0;      
}
.svis { 
    width:100%;
    height:310px;   
    text-align:center;
    background:url(../images/sub-top-D.jpg?ver=1) no-repeat center; background-size:cover;
	padding-top:90px;
	position:relative;
 }
.svis .hnn-inner {position:relative;}
.inner_wrap {
    width:100%; 
    position:relative;  
}
.sub-top {
	padding-top:125px; 
	box-sizing:border-box;
    text-align: center; 
	line-height:1;
}
/* 서브네비게이션 */
#hnn-navi {height:43px;border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; position:relative;z-index:999;}
#hnn-navi > ul {width:1100px;margin:0 auto;position:relative;}
#hnn-navi > ul:after {content:"";display:block;clear:both;height:0;}
#hnn-navi > ul > li {border-right:1px solid #dcdcdc;float:left;position:relative; height: 43px; line-height: 43px; min-width: 168px; text-indent: 20px;}
#hnn-navi > ul > li.home {min-width: 48px; padding: 0; text-align: center; text-indent: 0;}
#hnn-navi > ul > li > span,
#hnn-navi > ul > li > a {display:block;height:43px;line-height:43px;font-size:15px; padding-right: 35px;}
#hnn-navi > ul > li > a {
    font-family: nm;
    color:#555;
    background:url(../images/nav-arrow1.png) no-repeat 93% 50%;
    min-width:160px;
    letter-spacing: -0.025em;
}
#hnn-navi > ul > li > a.on { font-weight:600; color:#ea8b1c;background:url(../images/nav-arrow2.png) no-repeat 93% 50%; }
/*#hnn-navi > ul > li:hover > a {background:#fafafa url(../images/navi-arrow.gif) no-repeat 93% 50%;}*/
#hnn-navi > ul > li:first-child {border-left:1px solid #dcdcdc;}
#hnn-navi ul li ul {width:100%;position:absolute;top:43px;border:1px solid #dcdcdc;left:-1px;background:#fff;display:none;}
#hnn-navi ul li ul li {border-top:1px solid #dcdcdc;}
#hnn-navi ul li ul li:first-child {border-top: 0;}
#hnn-navi ul li ul li a {
    display:block;
    background:#fff;
    font-size:15px;
    letter-spacing:-0.1em;
    word-spacing:-0.1em;
    color:#555;
}

#hnn-navi ul li ul li a:hover {text-decoration:underline; color:#ea8b1c;}
.hnn-stit {
    display: block;
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 12px rgba(0,0,0,.18);
}
.hnn-root {
    display: block;
    font-size: 13px; color: #999;
    letter-spacing: -0.05em;
    padding-top: 40px;
}
.hnn-root span {
    display: inline-block;
    width: 5px; height: 9px;
    background: url(../images/root-arrow.gif) 0 0 no-repeat;
    position: relative;
    top: -1px;
    margin: 0 7px;
}
.hnn-root .ico-home {
    width: 14px; height: 13px;
    background: url(../images/root-home.gif) 0 0 no-repeat;
    position: relative;
    display: inline-block;
    top: 1px; margin-right: 5px;
}
.hnn-slogan {
    color: #999; 
    font-size: 14px; 
    letter-spacing: -0.075em;
}
.hnn-arrow {
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    z-index: 20;
}
.hnn-arrow a {
    display: block; 
    width: 58px; 
    height: 58px; 
    position: absolute; 
    top: 186px;
}
.hnn-arrow .prev {
    background:url(../images/sub_prev.png) no-repeat; 
    left: 0;
}
.hnn-arrow .next {
    background:url(../images/sub_next.png) no-repeat; 
    right: 0;
}
#hnn-lnb {
    width: 100%;
    margin-bottom:46px;
}
#hnn-lnb:after {
    content: ""; 
    display: block; 
    clear: both;
}
#hnn-lnb li,
#hnn-lnb li a { 
    font-size: 16px; 
    color: #333; 
    letter-spacing: -0.075em;
}
#hnn-lnb li {
    float: left;
    text-align: center;
    line-height: 45px;
    position: relative;
}
#hnn-lnb li a {
    display: block;
    border: solid #cccccc;
    border-width: 1px 1px 1px 0;
}
#hnn-lnb li:first-child {
    border-left: 1px solid #ccc;
}
.lnb2 li {
    width: 49.95%;
}
.lnb3 li {
    width: 33.3%;
}
.lnb4 li {
    width: 24.97%;
}
.lnb5 li {
    width: 19.98%;
}
#hnn-lnb li:hover,
#hnn-lnb li.active  {
    background-color: #002c5c;
}
#hnn-lnb li:hover a,
#hnn-lnb li.active a  {
    border-color: #002c5c; color: #fff;
}

#hnn-lnb li:hover:after,
#hnn-lnb li.active:after  {
    content: ""; 
    display: block; 
    width: 0; 
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    border-top:8px solid #002c5c;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
}
#hnn-content {
    min-height: 500px; 
    width: 1200px; 
    margin: 0 auto; 
    padding: 80px 0 130px;
    overflow:hidden;
}
#hnn-content .sub-tit{
font-size:32px;
color:#004f50;
font-weight:500;
text-align:center;
padding-bottom:90px;
margin-bottom:100px;
line-height:1;
position:relative;
}
#hnn-content .sub-tit::before{content:"";display:block;background-color: rgba(0,79,80,0.3);width:1px;height:50px;position:absolute;bottom:0;left:50%;}
/* //SUB */

#snb {box-sizing:border-box;position:relative;z-index:10;border-top:1px solid rgba(255,255,255,0.3);position:absolute;left:0;bottom:0;width:100%;}
#snb ._inner{width:1200px;margin:0 auto;}
#snb ._inner:after {content:'';display:block;clear:both;}
#snb ._inner > li {float:left;position:relative;border-right:1px solid rgba(255,255,255,0.3);text-align:left;}
#snb ._inner > li > a {display:block;height:60px;line-height:60px;position:relative;font-size:16px;color:#fff;}
#snb ._inner > li:first-child {padding:0 22px;background-color:#cf886f;border-right:none;}
#snb ._inner ._ovv > a {padding:0 30px;min-width:200px;}
#snb ._inner ._ov > a {padding:0 30px;min-width:200px;}
#snb ._inner ._ovv > a:after {
    content:"";
    display:block;
    width:12px;
    height:7px;
    background:url(../images/ico-arr.png) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-4px;  
}
#snb ._inner ._ov > a:after {
    content:"";
    display:block;
    width:12px;
    height:7px;
    background:url(../images/ico-arr.png) no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-4px;
}
#snb ._inner ._ov > ul, #snb ._inner ._ovv > ul {display:none;position:absolute;left:0;min-width:100%;white-space:nowrap;background:#fff;}
#snb ._inner ._ov > ul li, #snb ._inner ._ovv > ul li {border:1px solid #e5e5e5;margin-top:-1px;}
#snb ._inner ._ov > ul li:first-child, #snb ._inner ._ovv > ul li:first-child {margin-top:0;}
#snb ._inner ._ov > ul li a, #snb ._inner ._ovv > ul li a {display:block;padding:10px 10px 10px 30px;font-size:15px;color:#666;}
#snb ._inner ._ov:hover > ul, #snb ._inner ._ovv:hover > ul {display:block;}
#snb ._inner li > ul li a:hover {background-color:#f5f5f5;color:#004f50;}

/* sub11 */
.sub11_tit {font-size:30px;color:#222;font-family:ns;text-align:center;display:block;font-weight:normal;margin-bottom:35px;margin-top:80px;}
.sub11_wrap:after {content:'';display:block;clear:both;}
.sub1_img {display:block;margin:0 auto 40px;}
.sub11_left {text-align:center;margin-bottom:30px;}
.sub11_right {}
.sub11_right table {border-top:1px solid #e8e8e8;}
.sub11_right th, .sub11_right td {font-family:ns;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:8px 0 5px;font-size:17px;text-align:center;}
.sub11_right th {color:#222;font-weight:normal;background:#f9f9f9;}
.sub11_right td {color:#222;line-height:28px;}
.sub11_right td.col1 {background:#eaf8f9;}
.sub11_right td.col2 {background:#eaf0f9;}
.sub11_right td.col3 {background:#f8fdfd;}
.sub11_right td.col4 {background:#fafcff;}
.sub11_right td.brn {border-right:none;}

.sub11_tbl {border-top:2px solid #004b1c;}
.sub11_tbl th, .sub11_tbl td {font-family:ns, nr, sans-serif;font-size:17px;color:#000;border-bottom:1px solid #eaeaea;height:49px;font-weight:400;}
.sub11_tbl th {font-weight:normal;background:#f8f8f8;text-align:center;}
.sub11_tbl td {font-size:17px;color:#777;text-indent:30px;}

/* //sub11 */

/* #hnn_order, #bo_list, #bo_v {margin-top:80px;} */

#hnn-tab {
	width: 100%;
	margin-bottom:60px;
}
#hnn-tab:after {
	content: ""; 
	display: block; 
	clear: both;
}
#hnn-tab li {
	float: left;
	text-align: center;
	line-height: 60px;
	position: relative;
}
#hnn-tab li a {
	display: block;
	border: solid #dedede;
	border-width: 1px 1px 1px 0;
	font-size: 20px; 
	color: #888; 
	letter-spacing: -0.075em;
	background:#f0f0f0;
	font-weight:normal;
}
#hnn-tab li:first-child {
	border-left: 1px solid #dedede;
}
.tab1 li {
	width: 100%;
}
.tab2 li {
	width: 49.95%;
}
.tab3 li {
	width: 33.333%; box-sizing:border-box;
}
.tab4 li {
	width: 24.97%;
}
.tab5 li {
	width: 19.98%;
}
#hnn-tab li a:hover,
#hnn-tab li a.active  {
	border-color: #cf886f; color: #fff;background:#cf886f;
}

#hnn-tab li a:hover:after,
#hnn-tab li a.active:after  {
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	border-top:8px solid #cf886f;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}

.map {text-align:center;}
.map .btn {margin-top:28px;}
.map .btn a {display:inline-block;margin:0 20px;}
.map .btn a span {display:block;font-size:18px;color:#555;margin-bottom:10px;}

.sub11-box {overflow:hidden;}
.sub11-box > * {float:left;}
.sub11-box .img {width:490px;}

.sub_con {text-align:center;}

.sub_ori {font-size:12px;color:#a3a3a3;line-height:20px;margin-top:15px;}

.quick {width:calc(100% - 257px); margin-left:257px;}
.quick:after{content:"";display:block;clear:both; }
.quick li{float:left;width:22%; margin-left:4%;text-align:center;}
.quick li a{display:block;padding-top:80px;background-repeat:no-repeat;background-position:center  top;}
.quick li:nth-child(1) a{background-image:url(../images/quick1.png)}
.quick li:nth-child(2) a{background-image:url(../images/quick2.png)}
.quick li:nth-child(3) a{background-image:url(../images/quick3.png)}
.quick li:nth-child(4) a{background-image:url(../images/quick4.png)}
.quick li:nth-child(1) {margin-left:0;}
.quick li strong{display:block;color:#404040;font-size:20px;font-weight:500;margin-bottom:15px;}
.quick li p {color:#949494;font-size:16px;line-height:20px;}

.loc_box {text-align:center;}
.loc_box:after {content:'';display:block;clear:both;}
.loc_box .rig {float:right;}
.loc_box .btn {margin-top:60px;}

.main_audio {display:block;width:100px;height:99px;color:#fff;text-align:center;background:#404041;padding:22px 0 0 0;position:absolute;top:400px;right:0;z-index:1000;box-sizing:border-box;}
.main_audio .tit {display:block;margin-bottom:10px;}
.main_audio .audio_play_btn1, .main_audio .audio_pause_btn1 {cursor:pointer;}

.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 { line-height: 140%; }
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:15px;}
.agree h5{display:inline-block;}
.agree table {float:right;}
.agree tr { }
.agree td {color:#666; padding-right: 10px; }
.agree div{background-color:#f5f5f5;padding:20px ;}
.agree1{margin-bottom: 10px;}

.board_btn .bobtn_center li{display:inline-block;float:none !important;text-align:center;margin:0 5px;}
.board_btn .bobtn_center li:nth-child(1) a{color:#fff;background-color:#353535;}
.board_btn .bobtn_center li:nth-child(1) a:hover{background-color:#fff;color:#353535;border:1px solid #353535;box-sizing:border-box;width:160px;}
.board_btn .bobtn_center li:nth-child(2) a{background-color:#fff;color:#353535;border:1px solid #353535}
.board_btn .bobtn_center li:nth-child(2) a:hover{color:#fff;background-color:#353535;}

@media screen and (max-width:1600px){
.hnn-inner {width: 100%;}
#hnn-gnb {left:450px;}
}
@media screen and (max-width:1300px){
#hnn-gnb {left:350px;}
}
@media screen and (max-device-width:450px){
.main_audio {position:absolute; top:18%; right:-21%;}
}

.hnn-tab {text-align:center;border-top:1px solid #352d28;border-bottom:1px solid #352d28;margin-bottom:30px;}
.hnn-tab > li {display:inline-block;margin:0 20px;}
.hnn-tab > li > a {display:inline-block;height:50px;line-height:50px;font-size:18px;color:#888;}
.hnn-tab > li > a:hover {color:#002c5c;}
.hnn-tab > li > a.active {color:#002c5c;font-weight:600;} 
#hnn-lnb li:first-child {
    border-left: 1px solid #ccc;
}
.lnb2 li {
    width: 50%; box-sizing:border-box;}
#hnn-lnb li a { 
    font-size: 15px; 
    color: #333; 
    letter-spacing: -0.075em;
	box-sizing:border-box;

}
.event-box {padding:0 85px;}
.event-box:after {content:'';display:block;clear:both;}
.event-box .lef {float:left;}
.event-box .rig {float:right;}
.event-box table {width:480px;border-top:1px solid #ccc;}
.event-box table th, .event-box table td {font-size:15px;text-align:center;padding:14px 0;}
.event-box table th {color:#fff;font-weight:400;background:#002c5c;border:1px solid #ccc;border-top:none;}
.event-box table td {color:#333;border:1px solid #ccc;}

.btn-wrap {position:relative; }
.event-link1 {display:block; width:310px; height:60px; position:absolute; top:880px; left:280px; }
.event-link2 {display:block; width:310px; height:60px; position:absolute; top:880px; left:610px;}

.cer {overflow:hidden;padding-bottom:50px;}
.cer .lef {float:left;width:52%;box-sizing:border-box;padding-right:60px;}
.cer .rig {float:left;width:48%;box-sizing:border-box;padding-top:10px;}
.cer .rig .tit {font-size:24px;color:#222;font-weight:500;}
.cer .rig .txt {font-size:16px;color:#666;margin-top:20px;line-height:30px;}
.cer .rig .txt span {color:#222;}

.cer .rig .btn {display:inline-block;width:150px;height:50px;line-height:48px;font-size:15px;color:#fff;text-align:center;background:#702121;border:1px solid #702121;margin-top:30px;}
.cer .rig .btn1 {margin-top:30px;}

.cer-ori {font-size:14px;color:#555;padding-top:10px;border-top:1px solid #e1e1e1;}
.cer-ori a {color:#222;font-weight:400;padding-left:5px;vertical-align:top;}

.cer-btn1 {display:inline-block;width:100px;height:36px;border:none;background:#777;color:#fff;font-size:13px;margin-left:5px;}
.cer-btn2 {display:inline-block;width:100px;height:36px;border:none;background:#000;color:#fff;font-size:13px;margin-left:5px;}

.__schedule .tbl tr td.end {text-align:center;background:#d8d8d8;}
.__schedule .tbl tr td.end .end_text {font-size:18px;color:#222;font-weight:600;}

.cer-tit {display:block;font-size:24px;color:#222;font-weight:500;margin-bottom:20px;}
.cer .boardwrite_table {width:100%;border-top:2px solid #222;}
.cer .boardwrite_table th, .cer .boardwrite_table td {font-size:15px;color:#222;padding:10px;border-bottom:1px solid #e1e1e1;}
.cer .boardwrite_table th {font-weight:500;text-align:left;background:#fafafa;}
.cer .boardwrite_table td {padding-left:30px;}
.cer .boardwrite_table td select {height:36px;border-color:#dedede;}

.__reser-box {border:3px solid #ebebeb;padding:25px;margin-bottom:40px;}
.__reser-box .tit {display:block;font-size:16px;color:#000;font-weight:500;padding:3px 0 3px 28px;background:url(../images/reserbox-ico.png) left center no-repeat;margin-bottom:10px;}
.__reser-box p {font-size:13px;color:#777;line-height:20px;}
.__reser-box p span {color:#702121;}

.botarea {margin-top:30px;text-align:center;}

.cer-btn3 {display:inline-block;width:160px;height:40px;line-height:40px;border:none;background:#004f50;color:#fff;font-size:15px;margin-left:5px;}
.cer-btn4 {display:inline-block;width:160px;height:40px;line-height:40px;border:none;background:#777;color:#fff;font-size:15px;margin-left:5px;}

.end-box {width:944px;height:525px;padding:40px;text-align:center;position:relative;margin:0 auto;box-sizing:border-box;}
.end-box:before {content:'';display:block;width:100%;height:100%;background:url(../images/eng-box-bg.gif) 0 0/cover no-repeat;position:absolute;left:0;top:0;z-index:1;}
.end-box .box {height:100%;background:#fff;position:relative;z-index:10;padding-top:50px;box-sizing:border-box;}
.end-box .tit {display:block;font-size:36px;color:#702121;font-weight:500;padding-bottom:30px;position:relative;}
.end-box .tit:before {content:'';display:block;width:50px;height:2px;background:#000;position:absolute;left:50%;margin-left:-25px;bottom:0;}
.end-box .txt {font-size:20px;color:#666;font-weight:300;line-height:30px;margin-top:30px;}
.end-box .txt strong {color:#000;}
.end-box .img {display:block;margin:40px auto 0;}
.logo-size {width:320px;}
.no-reser-ment {font-size:18px;color:#666;text-align:center;padding:50px 0 !important;}
.compl-msg {position:relative; width:1200px;height:511px;/* background:url(../images/compl-bg.jpg) 50% 0 no-repeat; */ background:#a3a3a3; margin-bottom:30px;}
.guide-line {text-align:center; font-size:18px; color:#444; margin-top:50px; line-height:28px;}
.compl-msg span {display:block;font-size:37px;color:#fff;text-align:center;line-height:54px;padding-top:150px;}

.tab-content-n{ display:none;margin-top:80px; } 
.tab-content-n.current{ display: inherit; }


ul.tabs-n2{ margin: 0px; padding: 0px; list-style: none; margin-bottom:80px; }
ul.tabs-n2:after {content:''; display:block; clear:both;}
ul.tabs-n2 li { color: #000; float:left; text-align:center; cursor: pointer; width:14.28%; line-height:22px; border:1px solid #dcdcdc; box-sizing:border-box; border-left:none; font-size:16px;padding: 10px 0px 10px 0px;}

ul.tabs-n2 li:first-child {border-left:1px solid #dcdcdc; }

ul.tabs-n2 li.current{ background: #002c5c; color: #fff; } 
a.new-link { position:absolute; top:30%; left:22%; width:22.5%; height:1.5%;}

@media screen and (max-width:1870px){
	.open-tag {right:110px;}
}




#hnn-tab2 {	
	width: 100%;
	text-align:center;
	margin-bottom:60px;
	border-top:1px solid #3a718f;border-bottom:1px solid #3a718f;
}
#hnn-tab2:after {
	content: ""; 
	display: block; 
	clear: both;
}
#hnn-tab2 li {
	display:inline-block;
	/* width:70px; */margin:0 30px;
	text-align: center;
	position: relative;
}

#hnn-tab2 li a {
	display:block;height:63px;line-height:63px;font-size:18px;color:#222;
}
#hnn-tab2 li a.active {color:#3a718f;}
#hnn-tab2 li a.active:after  {
	content: ""; 
	display: block; 
	width: 0; 
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom:0;
	border-bottom:8px solid #f37022;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}

#hnn-vis,
.slick-list,
.slick-track,
.slick-slide > div,
#vis,
#vis .vis {height:100%;position:relative;overflow:hidden;}
#vis .vis .bg2 {width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
#vis .vis1 .bg2 {background-image:url(../images/vis1_sq.jpg?ver=sq1);}
#vis .vis2 .bg2 {background-image:url(../images/vis2_sq.jpg?ver=sq1);}
#vis .vis3 .bg2 {background-image:url(../images/vis3_sq.jpg?ver=sq1);}
#vis .vis4 .bg2 {background-image:url(../images/vis4_sq.jpg?ver=sq1);}
#vis .vis5 .bg2 {background-image:url(../images/vis5_sq.jpg?ver=sq1);}
#vis .vis-txt{text-align:center;position:absolute;}
#vis .vis-txt img{display:inline-block;}
#vis .vis1 .vis-txt{top:24%;left:50%;margin-left:-240px;}
#vis .vis1 .vis-txt .vis1-tit{margin-bottom:50px;opacity:0;transform:translate(0,-50px);}
#vis .vis1 .vis-txt .vis1-txt{opacity:0;transform:translate(0,30px);}
#vis .vis2 .vis-txt{top:24%;left:50%;margin-left:-542px;}
#vis .vis2 .vis-txt .vis2-wrap{display:flex;align-items:center;}
#vis .vis2 .vis-txt .vis2-tit{margin-bottom:60px;opacity:0;transform:translate(0,60px);}
#vis .vis2 .vis-txt .vis2-txt{opacity:0;}
#vis .vis2 .vis-txt .vis2-lef{margin-right:50px;opacity:0;transform:translate(-40px,0);}
#vis .vis2 .vis-txt .vis2-rig{margin-left:50px;opacity:0;transform:translate(40px,0);}
#vis .vis3 .vis-txt{top:17%;left:50%;margin-left:-203px;}
#vis .vis3 .vis-txt .vis3-tit{opacity:0;transform:translate(0,-50px);}
#vis .vis3 .vis-txt .vis3-txt{margin-bottom:50px;opacity:0;transform:translate(0,30px);}
#vis .vis4 .vis-txt{top:22%;left:15%;}
#vis .vis4 .vis-txt .vis4-tit{margin-bottom:60px;opacity:0;transform:translate(-60px,0);}
#vis .vis4 .vis-txt .vis4-txt{opacity:0;transform:translate(-60px,0);}
#vis .vis5 .vis-txt{left:50%; top:160px; transform:translate(-50%,-100px); opacity:0}
#vis .active .vis5 .vis-txt{transform:translate(-50%,0);opacity:1;transition:0.8s}
#vis .active .vis-txt .vis1-tit,
#vis .active .vis-txt .vis1-txt,
#vis .active .vis-txt .vis2-tit,
#vis .active .vis-txt .vis2-txt,
#vis .active .vis-txt .vis2-lef,
#vis .active .vis-txt .vis2-rig,
#vis .active .vis-txt .vis3-tit,
#vis .active .vis-txt .vis3-txt,
#vis .active .vis-txt .vis4-tit,
#vis .active .vis-txt .vis4-txt{opacity:1;transition:0.8s;transform:translate(0,0);}
#vis .active .vis-txt .vis1-txt,
#vis .active .vis-txt .vis2-lef,
#vis .active .vis-txt .vis3-tit,
#vis .active .vis-txt .vis4-tit{transition-delay:0.5s;}
#vis .active .vis-txt .vis2-rig,
#vis .active .vis-txt .vis3-txt{transition-delay:0.8s;}
#vis .active .vis-txt .vis2-txt,
#vis .active .vis-txt .vis4-txt{transition-delay:1.5s;}
#vis  .slick-dots {position: absolute; width:100%;  bottom:30px; z-index: 100; text-align:center;}
#vis  .slick-dots li  {display:inline-block; margin:0 7.5px;}
#vis  .slick-dots li  button {position:relative; color:#fff;   display:block; background:#878189;width:50px; height:8px;  text-indent:-999999999999px;  border:1px solid #fff; box-sizing:border-box; background:rgba(255,255,255,0.2);}
#vis  .slick-dots li.slick-active  button {position:relative; background:#fff;  }
#hnn-vis .cont {position:absolute; left:calc(50% - 750px); bottom:60px;width:1500px; height:40px;display:flex;align-items:center;}
#hnn-vis .cont .num {font-family:'Open Sans',sans-serif;font-size:16px;color:#999;margin-left:15px;font-weight:600;letter-spacing: 1px;}
#hnn-vis .cont .num span {display:inline-block;vertical-align:bottom;position:relative;}
#hnn-vis .cont .num span::before{content:"0";}
#hnn-vis .cont .num span.present-page {color:#fff;}
#hnn-vis .cont .arr {display:flex;margin-left:40px;}
#hnn-vis .cont .arr a {display:block;width:40px;height:40px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;transition:0.3s;}
#hnn-vis .cont .arr .prev {left:14px;background-image:url(../images/vis-prev.png?ver=1);}
#hnn-vis .cont .arr .prev:hover{background-image:url(../images/vis-prev-h.png);}
#hnn-vis .cont .arr .next {right:14px;background-image:url(../images/vis-next.png?ver=1);}
#hnn-vis .cont .arr .next:hover{background-image:url(../images/vis-next-h.png);}
#hnn-vis .cont .bar {display:block; width:calc(100% - 255px); height:1px;background:rgba(255,255,255,0.5);position:relative;}
#hnn-vis .cont .bar span {display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#fff;animation-fill-mode:forwards;z-index:999;}
#hnn-vis .cont .bar span::before{content:"";display:block;position:absolute;right:-8px;top:-10px;width:19px;height:19px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;}
#hnn-vis .cont .bar span::after{content:"";display:block;position:absolute;right:0px;top:-2px;width:5px;height:5px;background-color:#fff;border-radius:50%;}
#hnn-vis .cont .bar.active span {animation:visBar 5.8s linear;animation-fill-mode: forwards;}
@keyframes visBar {
	0 {width:0;}
	100% {width:100%;}
}

.con_btn{margin:0 10px;}
.con_btn > button {border:none; background:none; width:40px; height:40px; cursor:pointer;transition:0.3s}
.con_btn > button.stop {background:url('../images/icon_pause.png?ver=1') center center no-repeat;}
.con_btn > button.stop:hover{background-image:url(../images/icon_pause-h.png);}
.con_btn > button.play {background:url('../images/icon_play.png?ver=1') center center no-repeat;}
.con_btn > button.play:hover{background-image:url(../images/icon_play-h.png);}

.reservation{text-align:center;font-weight:300;font-size: 24px;margin:60px 0;}
.reservation span{color:#004f50;font-weight:500;vertical-align: text-bottom;}
.btn_reser {
    border: none;
    cursor: pointer;
}
.btn_reser{width: 150px;height: 50px;background: #004f50;color: #fff;font-size: 15px;}

#info{display:flex;}
#info .tbl_1{margin-right:50px;width:calc(50% - 25px);}
#info .tbl_2{width:calc(50% - 25px);}
#info table{border-top:2px solid #121212;}
#info table caption{font-size:24px;color:#121212;font-weight:300;margin-bottom:25px;text-indent:0;height:auto;text-align:left;}
#info table tr{font-size: 18px;border-bottom: 1px solid #d5d5d5;padding: 25px 0;display: inline-block;width:100%;}
#info table tr:nth-child(1){border-top: 1px solid #d5d5d5;}
#info table tr th{color: #121212;font-weight: 500;width: 145px;border-right: 1px solid #ededed;text-align:center;}
#info table tr td{color: #666;font-weight: 300;width: 453px;text-indent: 30px;}

.aside-quick {position:fixed; top:50%; right:40px; z-index:99;margin-top:-227px;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);border-radius:50px;overflow:hidden;}
.aside-quick ul li{text-align:center;border-bottom: 1px solid #e1e1e1;background-color:#fff;}
.aside-quick ul li:first-child{padding:35px 0 15px;background-color:#cf886f;}
.aside-quick ul li:last-child{border-bottom:none;padding-bottom:10px;}
.aside-quick ul li:nth-child(2) a{background-image:url(../images/ban1.png?ver=20261003cg);}
.aside-quick ul li:nth-child(3) a{background-image:url(../images/ban2.png?ver=20261003cg);}
.aside-quick ul li:nth-child(4) a{background-image:url(../images/ban4.png?ver=20261003cg);}
/*.aside-quick ul li:nth-child(5) a{background-image:url(../images/ban4.png?ver=20261003cg);}*/
.aside-quick ul li a{display:block;color:#777;font-size:12px;width:80px;padding:48px 0 15px;background-repeat:no-repeat;background-position:center 20px;}

.map{display:flex;justify-content: space-between;}

.section{min-width:1500px;}
.hnn-inner2{max-width:1630px;margin:0 auto;position:relative;}
.hnn-inner2::after{content:"";display:block;clear:both;}

#section1{background:url(../images/main1-bg.jpg) no-repeat center;background-size:cover;}
.main1-tit{margin-bottom:60px;}
.main1-slide1{position:absolute;left:0;top:40px;width:470px;}
.main-cont{margin-top:65px;display:flex;align-items:center;width:380px;}
.main-cont .main-num{position:static;margin-left:13px;font-family:'Open Sans',sans-serif;color:#999;font-size:15px;letter-spacing:0.5px;width:auto;}
.main-cont .main-num span{vertical-align:bottom;}
.main-cont .main-num span::before{content:"0";}
.main-cont .main-num .swiper-pagination-current{color:#004f50;font-weight:600;}
.main-cont .main-bar {display:block; width:calc(100% - 65px); height:1px;background:#ddd;position:relative;}
.main-cont .main-bar span {display:block;position:absolute;left:0;top:0;width:0;height:100%;background:#004f50;animation-fill-mode:forwards;z-index:999;}
.main-cont .main-bar span::before{content:"";display:block;position:absolute;right:-8px;top:-10px;width:19px;height:19px;border:1px solid rgba(0,79,80,0.5);border-radius:50%;}
.main-cont .main-bar span::after{content:"";display:block;position:absolute;right:0px;top:-2px;width:5px;height:5px;background-color:#004f50;border-radius:50%;}
.main-cont .main-bar.active span {animation:mainBar 2.5s linear;animation-fill-mode: forwards;}
@keyframes mainBar {
	0 {width:0;}
	100% {width:100%;}
}
.main1-slide2{width:1000px;margin:0 auto;margin-right:0;position:relative;}
.main1-slide2 .swiper-slide a{display:block;position:relative;}
.main1-slide2 .swiper-slide img{padding:9px;border:1px solid rgba(255,255,255,0);box-sizing:border-box;transition:0.6s;}
.main1-slide2 .swiper-slide-active img{border:1px solid #d9a08c;}
.main1-slide2 .swiper-slide-next img{border:1px solid rgba(255,255,255,0.2);}
.main1-slide2 .swiper-slide img.on{position:absolute;border:none;top:0;left:0;opacity:0;}
.main1-slide2 .swiper-slide-active img.on{opacity:1;}
.main1-slide2 .swiper-3d .swiper-slide-shadow {background: none; }
.main1-slide2 .rotate{position: absolute;left: -160px;bottom: 35px;}
.main1-slide2 .rotate img{animation: rotate 8s linear infinite;}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}

#section2{background-color:#f4f4f4;}
#section2 .fp-tableCell{vertical-align:bottom;}
.main2-tit{text-align:center;margin-bottom:60px;}
.main2 ul{max-width:1500px;margin:0 auto;}
.main2 ul::after{content:"";display:block;clear:both;}
.main2 ul li{float:left;}
.main2 ul li a{display:block;background-repeat:no-repeat;background-position:center;background-size:cover;}
.main2 ul li:nth-child(1) a{background-image:url(../images/main2-img1_fac2.jpg?ver=1);}
.main2 ul li:nth-child(2) a{background-image:url(../images/main2-img2_fac.jpg?ver=1);}
.main2 ul li:nth-child(3) a{background-image:url(../images/main2-img3_fac.jpg?ver=1);}
.main2 ul li:nth-child(4) a{background-image:url(../images/main2-img4_fac.jpg?ver=1);}
.main2 ul li a img{opacity:0;transition:0.2s;transform:translate(0 , 20px);}
.main2 ul li a:hover img{opacity:1;transform:translate(0 , 0);box-shadow:0 -10px 30px rgba(0,0,0,0.25);}

#section3{position:relative;}
#section3::before{content:"";display:block;background:url(../images/main3-bg_cg.jpg?ver=1) no-repeat center;background-size:cover;width:calc(100% - 1374px);height:calc(100% - 384px);position:absolute;left:0;top:0;}
#section3 .fp-tableCell{vertical-align:bottom;}
.main3-top{text-align:center;margin-bottom:60px;}
.main3-tit{padding-left:100px;display: inline-block;}
.main3-slide{width:1374px;margin:0 auto;margin-right:0;}
.main3-slide .swiper-slide a{display:block;position:relative;}
.main3-slide .swiper-slide a span{background-color:rgba(0,0,0,0.7);width:100%;height:0;position:absolute;bottom:0;left:0;z-index:1;padding-left:240px;transition:0.5s;transition-delay:0.5s;display:flex;align-items:center;}
.main3-slide .swiper-slide a span img{opacity:0;transform:translate(-50px , 0);transition:0.5s;transition-delay:1s;}
.main3-slide .swiper-slide-active a span{height:100px;}
.main3-slide .swiper-slide-active a span img{opacity:1;transform:translate(0,0);}

#section4{background-color:#004f50;}
.main4-tit{margin-bottom:60px;text-align:center;}
.main4 ul::after{content:"";display:block;clear:both;}
.main4 ul li{float:left;width:50%;box-sizing:border-box;}
.main4 ul li:first-child{padding-right:80px;text-align:right}
.main4 ul li:last-child{border-left:1px solid rgba(255,255,255,0.1);padding-left:80px;text-align:left;}
.main4 ul li div{position:relative;display: inline-block;}
.main4 ul li a{position:absolute;bottom:0;right:0;}

footer{background-color:#222;padding: 50px 60px;min-width:1650px;}
.foot-brand .ori{text-align:left;padding-left:180px;position:relative;}
.foot-brand .type{position:absolute;left:0;top:0;}
.foot-brand{display:flex;justify-content: space-between;text-align:center;}
.foot-brand ul:after{content:"";display:block;clear:both;}
.foot-brand ul li{background-color:#393939;float:left;line-height:48px;padding:0 20px;}
.foot-brand ul li ~ li{margin-left:10px;}
.foot-brand ul li span{color:rgba(255,255,255,0.7);font-weight:300;font-size:12px;padding-right:15px;}
.foot-brand ul li strong{color:#fff;font-weight:300;font-size:14px;}
footer p{line-height:20px;font-size:12px;color:#a3a3a3;}
footer .ori1{font-weight:300;}
footer .ori2{margin-top:15px;}

#fp-nav.fp-left{left:40px;}
#fp-nav ul li ~ li{margin-top:15px;}
#fp-nav ul li a{width:21px;height:21px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,0);}
#fp-nav ul li a span{background-color:#aaa;border-radius:50%;width:5px;height:5px;display:block;margin: 8px 0 0 8px;}
#fp-nav ul li a.active{border:1px solid rgba(255,255,255,0.5);}
#fp-nav ul li a.active span{background-color:#fff;}

.fp-viewing-1 #fp-nav ul li a.active,
.fp-viewing-2 #fp-nav ul li a.active,
.fp-viewing-3 #fp-nav ul li a.active{border:1px solid rgba(0,79,80,0.5);}
.fp-viewing-1 #fp-nav ul li a.active span,
.fp-viewing-2 #fp-nav ul li a.active span,
.fp-viewing-3 #fp-nav ul li a.active span{background-color:#004f50;}
.fp-viewing-5 #fp-nav,
.fp-viewing-5 #header,
.fp-viewing-5 aside{display:none;}

/* 방문예약 */
.compl-msg {position:relative; width:1200px;background:#eee; margin-bottom:30px;padding:60px 300px 100px;box-sizing:border-box;}
.compl-tit{color:#121212;font-size:36px;font-weight:300;margin-bottom:20px;text-align:center;}
.compl-txt{color:#121212;font-size:18px;text-align:center;font-weight:300;margin-bottom:30px;}
.compl-msg > span {display:block;font-size:32px;color:#121212;text-align:center;line-height:52px;font-weight:600;padding:40px 0;border-top:1px solid #004f50;border-bottom:1px solid #004f50;}
.compl-msg .compl-light{padding-top:0}
.compl-msg .compl-p{ text-align: center;padding-top: 50px;font-size: 16px;}
.compl-msg  .compl-spn{color:#df7000}

.step {position: relative;padding-left: 20%;margin-bottom: 30px;}
.step dt {display: inline-block;position: absolute;left: 0;top: 0;width: 20%;background: #7bb4da;color: #fff;line-height: 99px;text-align: center;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;font-size: 16px;}
.step dt i {display: inline-block;margin-left: 10px;}
.step dd ul {box-sizing: border-box;display: table;table-layout: fixed;max-width: 100%;border: 1px solid #ddd;border-left: none;border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;}
.step dd ul li {display: table-cell;width: 25%;vertical-align: middle;font-size: 18px;text-align: left;height: 97px;padding: 0 5.3rem;position: relative;font-weight: 500;}
.step dd ul li::before {content: "";width: 1px;height: 37px;background: #cccccc;position: absolute;left: 0;top: 30px;}
.step dd ul li:first-child::before{content:none;}
.step dd ul li span {display: block;font-size: 14px;color: #9a9a9a;font-weight: 400;}


/*pop*/
.black_overlay22{ position:fixed; top:0px;  left: 0px;  width:100%;  height:100%; background-color: black;   z-index:1180;  -moz-opacity: 0.60;   opacity:.60;   filter: alpha(opacity=50);  } 
.white_content{ margin-left:-700px;  animation-duration:2s; animation-name:pr;  width:1400px; height:675px;  position: fixed;  top:100px;    left: 50%;  z-index:119999;  } 
#player3 { z-index:10000; animation-duration:2s; animation-name:pr; position: fixed; top: 100px; left: 50%; margin-left: -700px; }
#movie-close { position: absolute; top:0px; right: -40px;z-index: 1189;}
@keyframes pr {
	  from { opacity:0; margin-top:-1000px; }
	  50% {opacity:0;  margin-top:-1000px;}
	  to { }
	}


	/*SUB5 */
.with_tab{margin-bottom:30px;}
.with_tab ul{display:flex;}
.with_tab ul.block{display:block}
.with_tab ul li{background-color:#fff;text-align:center;cursor:pointer;font-size:18px;border:1px solid #d4d4d4;line-height:50px; color:#333}
.with_tab ul li.on{background-color:#004f50;color:#fff;border:1px solid #004f50;}
.tab2 ul li{width:50%;}
.tab6 ul li{width:33.33%;}
.with_box{display:none;}
.with_box.on{display:block;}
.tab7 ul li{width:25%;}
.tab7.tab8 ul li{width:50%;}
.tab4 .block li{float:left; width:12.333%}


/* CSS */
.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear:both;
}

.clearfix {
	*zoom: 1;
}

/* sub69 */
.sub69{display:flex;padding:75px 0;justify-content: center;}


/* NOBLUE PC 보정 2026-10-02 — 화면 폭 1700 미만에서 PREMIUM 6 글자가 왼쪽 끝에 붙는 것 */
@media (min-width:769px) and (max-width:1700px){.main1 .main1-slide1{left:70px}}

/* NOBLUE 서브 고해상 2026-10-03 — 2400px 원본을 1200px 로 표시(레티나 선명) */
.sub_con img,#hnn-content img[src*="/images/sub"]{max-width:1200px;width:100%;height:auto}
img[src*="/images/sub"]{max-width:1200px;height:auto}

/* NOBLUE 메인CG 글자 가독 2026-10-03 — CG 배경 위 옛 글자이미지가 묻혀 슬라이드별로 은은한 막을 깐다(사진은 가장자리까지 살림) */
#vis .vis .bg2::after{content:"";position:absolute;inset:0;pointer-events:none}
#vis .vis5 .bg2::after{background:radial-gradient(ellipse 42% 30% at 50% 22%,rgba(255,255,255,.88),rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
#vis .vis1 .bg2::after{background:radial-gradient(ellipse 34% 34% at 50% 34%,rgba(255,255,255,.9),rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
#vis .vis2 .bg2::after{background:radial-gradient(ellipse 48% 48% at 50% 48%,rgba(0,32,33,.78),rgba(0,32,33,.45) 55%,rgba(0,32,33,0) 100%)}
#vis .vis3 .bg2::after{background:radial-gradient(ellipse 36% 40% at 50% 34%,rgba(255,255,255,.9),rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
#vis .vis4 .bg2::after{background:linear-gradient(90deg,rgba(0,24,25,.8) 0%,rgba(0,24,25,.55) 32%,rgba(0,24,25,0) 58%)}
#vis .vis3 .vis-txt .vis3-txt img{filter:drop-shadow(0 0 2px rgba(0,40,41,.9)) drop-shadow(0 0 10px rgba(0,40,41,.7))}

/* NOBLUE 2026-10-04 로고 확대 — 메뉴와 안 겹치는 폭에서만 */
@media (min-width:1720px){#hnn-logo{top:12px}#hnn-logo a{width:320px;height:52px}}
@media (min-width:1800px){#hnn-logo{top:9px}#hnn-logo a{width:372px;height:58px}}