@charset "euc-kr";


@font-face{
    font-family:'NanumGothicLight';
    src:url(../css/NanumGothicLight.eot);
    src:url(../css/NanumGothicLight.eot?#iefix) format(embedded-opentype),
    url(../css/NanumGothicLight.woff) format(woff),
    url(../css/NanumGothicLight.ttf) format(truetype);
url(../css/NanumGothicLight.svg#NanumGothicLight) format(svg)
src:local(¡Ø), url(../css/NanumGothicLight.woff) format(woff);
}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {margin:0; padding:0; font-family:'Noto Sans KR' AppleGothic, Sans-Serif; font-weight:400; word-break:break-all;}

body{margin:0; padding:0; word-break:keep-all; /**word-break:break-all;-ms-word-break:break-all;*/}

b, th{font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', ±¼¸², Gulim, sans-serif;font-family:'Nanum Barun Gothic'\0/!important;*font-family:'Nanum Barun Gothic'; color:#010101;}
body{*word-break:break-all;-ms-word-break:break-all;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0; padding:0;}
ul, ol, dl, dd, dt, li{list-style:none; margin: 0; padding: 0;}

table, tbody, tfoot, thead, tr, th, td{border-collapse:collapse; border-spacing:0; }
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img, fieldset, iframe{border:0 none; margin:0; padding: 0;}


/* font */
body, td, p, input, button, textarea, select, h1, h2, div, li, ul{font-family:'Nanum Barun Gothic', 'Noto Sans KR', '³ª´®¹Ù¸¥°íµñ', ±¼¸², Gulim, sans-serif; font-family:'Nanum Barun Gothic'\0/!important;*font-family:'Nanum Square'; font-size:14px; color:#6b6b6b; line-height:160% ; letter-spacing: -0.4px;}

a:link, a:visited, a:active{text-decoration:none; color:#6b6b6b; line-height:100%; font-family:'Noto Sans KR', 'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif;font-family:'Nanum Barun Gothic'\0/!important;*font-family:'Nanum Barun Gothic';}
a:hover {text-decoration:none; line-height:100%; font-family:'Noto Sans KR', 'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif;font-family:'Nanum Barun Gothic'\0/!important;*font-family:'Nanum Barun Gothic';}

br{letter-spacing:0}


/* form */
form, fieldset, iframe{margin:0; padding:0; border:0;}
input {outline:none; margin:0; vertical-align:top}
select {vertical-align:middle}
input,select,button{vertical-align:middle}
label {cursor:pointer;}

/* float clearfix */
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}


/** °øÅë **/
#top{width: 100%; height: 67px; z-index: 39; position: fixed; top: 0; background: rgba(255, 255, 255, 0.3);}
#logo{width:100px; height: 52px; z-index:40; position: absolute; top:10px; left:25px;}
#copy{width: 100%; position: fixed; bottom: 0; z-index: 40;}

#gnb{width:196px; height: 49px; z-index: 40; position: absolute; top:8px; right: 30px; line-height: 60px; }
#gnb li{float:left; text-align: center;}
.gnbl{width:196px;}
.gnb_line{color: #FFF; font-size: 10px; margin: 0 12px; opacity: 0.5; }

#rthum{width:744px; height:110px; z-index: 40; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.4); left: 9px;}
#rthum .inner{width:750px; height:110px; border-left:rgba(255, 255, 255, 0.3) 1px solid; }
#rthum .inner li{max-height:110px; height: 110px; float: left; color: #FFF; font-size: 13px;  text-shadow:1px 1px 0px rgba(0,0,0,0.2); text-align: center; border-right:rgba(255, 255, 255, 0.3) 1px solid; cursor: pointer; line-height: 40px;}
#rthum .inner li:hover{background: rgba(0, 0, 0, 0.1);}
#rthum .inner li img{opacity:0.8; width: 89px; height: 70px; margin: 0; padding: 0;}
#rthum .inner li:hover img{opacity:1.0; }
.bt_rthx{width: 110px !important; height: 110px !important;  background: rgba(0, 0, 0, 0.1); }
.bt_rthx img{width: 110px !important; height: 110px !important; }

#marea{width: 700px; z-index: 40; position: fixed; top: 0; }


/* Common_footer */
#footer_ {position:absolute;bottom:-150px;right:0;font-family:'Nanum';background:#242424;width:30%;height:150px;color:#e1e1e1;font-size:12px;overflow:hidden;z-index:200;}
#footer_ .foot_in {padding:15px 15px;}
#footer_ .foot_in span{float:left;padding-top:15px;text-align:left;line-height:11px;}
#footer_ .foot_in span a {color:#e1e1e1;}
#footer_ .foot_in address{float:left;padding-left:30px;line-height:18px;}

.foot_btn {position:absolute;bottom:0;right:0;z-index:160;}
.foot_btn a {padding:12px 16px;background: rgba(0, 0, 0, 0.6);text-align:center;color:#e8e8e8;display:block;font-size:13px;}
.foot_btn img {width:25px;height:12px;}

#foot_box{position: fixed; width: 100%; bottom: 0; height: 42px; z-index:40; background: rgba(0,0,0,0.4); }
#foot_box > div{color: #e5e5e5;}
#foot_box .left{float: left; font-size: 11px; line-height: 17px; padding: 5px 0 0 0; margin: 0 0 0 25px;}
#foot_box .right{float: right; text-align: right; padding: 5px 0 0 0; margin: 0 25px 0 0 ;}
#foot_box > div li{font-size: 12px; line-height: 17px; color: #e5e5e5; cursor: pointer;}
#foot_box > div li a{color: #e5e5e5;}
/* Common_footer ³¡*/


/* ¿ÜºÎÀü°æ */
.extit{width: 300px;position: absolute;  bottom:190px; left: 50%; margin-left: -150px; text-align: center; opacity: 0;}
.extxt{width: 300px;position: absolute;  bottom:165px; left: 50%; margin-left: -150px; text-align: center; letter-spacing:10px; font-size:16px; color: #fff; text-shadow:1px 1px 0px rgba(0,0,0,0.4); opacity: 0;}

/* ž °øÅë */
#top_talk{width: 100%; height: 320px; position: absolute; background: url(/nhroot/images/top_talk.jpg) top center no-repeat; }
#top_reser{width: 100%; height: 320px; position: absolute; background: url(/nhroot/images/top_reser.jpg) top center no-repeat; }
#top_map{width: 100%; height: 320px; position: absolute; background: url(/nhroot/images/top_map.jpg) top center no-repeat; }
#top_tx01{width: 600px; position: absolute; top: 14%; left: 50%; margin-left: -300px; font-size:53px; color: #252525; text-align: center;  opacity: 0; }
#top_tx02{width: 600px; position: absolute; top: 19%; left: 50%; margin-left: -300px; font-size:18px; color: #252525; text-align: center;  opacity: 0; }
#top_tx03{width: 600px; position: absolute; top: 24%; left: 50%; margin-left: -300px; font-size:16px; color: #252525; text-align: center; opacity: 0;  }
#top_con{width: 1100px; min-height: 500px;  height: 500px; position: absolute;  left: 50%; top: 370px;   margin-left: -550px; padding-bottom: 95px; }
#top_con2{width: 1100px; min-height: 900px;  height: 900px; position: absolute;  left: 50%; top: 370px;  margin-left: -550px; padding-bottom: 95px; }

/* ±³Åë¾È³» */
.stit { width:100%; color:#264a73; font-size:14pt;  text-align:left; font-weight: 600;height:30px;letter-spacing:-0.5px;}
.stit1 { width:100%; color:#267dc0; font-size:20pt;  text-align:left; font-weight: bold; height:30px;vertical-align:top;}
.stit11 { width:100%; color:#267dc0; font-size:16pt;  text-align:left; font-weight: bold; height:30px;vertical-align:top;}
.bt_bl{width:200px; height:40px;  background: rgba(41, 41, 41, 0.8 ); line-height: 40px; text-align: center; cursor: pointer; font-size:14px;  margin-right: 20px; float: left; color: #FFF; }

/* °´½Ç¿ä±Ý */
.stit2 { width:100%; color:#403d33; font-size:15pt;  text-align:left; font-weight: 600;height:30px;letter-spacing:-0.5px;margin:0 auto;}
.stit2.acc {font-size:13pt;}
.stit3 { width:95%; color:#dc1616; font-size:16pt;  text-align:left; font-weight: bold;height:30px;top;margin:0 auto;}

/* ¿¹¾à */
#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable td {padding: 12px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; font-size:13px; text-align: center; line-height: 120%;}
#ptable th {border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; background: #ededed; font-weight: 300;color:#323232;}
.con { width:100%; margin:0 auto;}
.con1 {width:94%; margin:0 auto;}


/* ·ë ¹Ì¸®º¸±â */
#rv_stx01{width:600px;  color: #262626; font-size:33px; position: absolute;  top:13%; left: 50%; margin-left: -50px; font-weight:500; letter-spacing:1px; text-align: right; opacity: 0;}
#rv_stx02{width:600px;  color: #262626; font-size:15px; position: absolute;  top:20%; left: 50%; margin-left: -50px; letter-spacing:1px; text-align: right; opacity: 0;}

#rrr_bg{width: 100%; height: 100%; position: absolute; background: url(/nhroot/images/rooms/r_bg.jpg) top center no-repeat; }

.roomIntroTitle {position:fixed; top: 160px; left: 50%; margin-left: 240px; padding: 0 10px; z-index:50;}
.roomIntro {width:100%; height:100%; background-repeat: no-repeat !important; background-position: center top !important; background-size:auto 1000px !important;}

.roomInfoTitle {margin-top: 20px; padding:0 0 0 58px;}
.roomInfoTitle span {display:inline-block; font-size:21px; color: #2d2d2d; padding-bottom: 17px;}
.roomsborder{width: 100px; height: 1px; background: #585757; margin-left:120px;}
.roomInfoDesc {font-size: 15px; color: #6d6d6d; line-height: 30px; margin-left:8px; text-align:center;}

.roomAtxt {position:absolute; top:360px; left:50%; margin-left:-560px; color:#31304d; font-size:13px; line-height:1.6em; z-index:50;}
.roomA {position:absolute; top: 380px; left: 50%; margin-left: 240px; padding: 15px; background:#fff;}
.roomA.roomA1 {display:block;}
.roomA.roomA2 {display:none;}
.roomA.roomA3 {display:none;}
.roomA.roomA4 {display:none;}
.roomA.roomA5 {display:none;}
.roomA.roomA6 {display:none;}

#roomOverA01, #roomOverA02, #roomOverA03, #roomOverA04, #roomOverA05, #roomOverA06, #roomOverA07 {position:absolute; z-index:50; display:block; background-size:cover !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

#roomOverA01 {width: 64px; height: 64px; top: 560px; left: 46%; /*margin-left: -360px;*/ background-image:url("/nhroot/images/rooms/r1.png");}
#roomOverA02 {width: 64px; height: 64px; top: 445px; left: 46%; /*margin-left: -360px;*/ background-image:url("/nhroot/images/rooms/r2.png");}
#roomOverA03 {width: 64px; height: 64px; top: 585px; left: 59%; /*margin-left: -70px;*/ background-image:url("/nhroot/images/rooms/r3.png");}
#roomOverA04 {width: 64px; height: 64px; top: 450px; left: 59%; /*margin-left: -70px;*/ background-image:url("/nhroot/images/rooms/r4.png");}
#roomOverA05 {width: 64px; height: 64px; top: 605px; left: 74%; /*margin-left: 220px;*/ background-image:url("/nhroot/images/rooms/r5.png");}
#roomOverA06 {width: 64px; height: 64px; top: 455px; left: 74%; /*margin-left: 220px;*/ background-image:url("/nhroot/images/rooms/r6.png");}
#roomOverA07 {width: 64px; height: 64px; top: 525px; left: 27%; /*margin-left: 220px;*/ background-image:url("/nhroot/images/rooms/r7.png");}

#roomOverA01.current {background-image:url("/nhroot/images/rooms/r1ov.png");}
#roomOverA02.current {background-image:url("/nhroot/images/rooms/r2ov.png");}
#roomOverA03.current {background-image:url("/nhroot/images/rooms/r3ov.png");}
#roomOverA04.current {background-image:url("/nhroot/images/rooms/r4ov.png");}
#roomOverA05.current {background-image:url("/nhroot/images/rooms/r5ov.png");}
#roomOverA06.current {background-image:url("/nhroot/images/rooms/r6ov.png");}
#roomOverA07.current {background-image:url("/nhroot/images/rooms/r7ov.png");}


/* ½ºÆä¼È */
#sp_con {position:absolute;width:520px;height:200px;top:240px;left:50%;margin-left:-260px;z-index:3;text-align:center;}
#sp_text  {position:absolute;width:520px;height:100px;top:410px;left:50%;margin-left:-260px;z-index:3;color:#000;background:rgba(255,255,255,0.8);text-align:center;font-weight:500;opacity:0;}
.sp_txt {position:absolute;width:520px;height:100px;top:280px;left:50%;margin-left:-260px;z-index:3;color:#fff;text-align:center; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif; font-size:50px; letter-spacing: -1pt; font-weight:500;}
.sp_txt1 {position:absolute;width:120px;height:100px;top:400px;left:50%;margin-left:-65px;z-index:3;color:#fff;text-align:center; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif; font-size:22px; letter-spacing: -1pt; font-weight:500;}
.sp_line {position:absolute;width:420px;height:1px;top:365px;left:50%;margin-left:-205px;z-index:3;background:rgba(255,255,255,1);}
.sp_open {position:absolute;width:159px;height:33px;background:url(/nhroot/images/sp/sp_btn.png) no-repeat left bottom;text-align:center;left:50%;margin-left:-80px;top:460px;z-index:4;cursor:pointer;}
.sp_close {position:absolute;width:159px;height:33px;background:url(/nhroot/images/sp/sp_btn_ov.png) no-repeat left bottom;text-align:center;left:50%;margin-left:-80px;top:460px;z-index:4;cursor:pointer; }


/* ·ë °¶·¯¸® */
#r_tite{width: 500px; color: #FFF; text-align: center; font-size: 55px;  text-shadow:1px 1px 0px rgba(0,0,0,0.4); position: absolute; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif; bottom: 28%; left: 50%; margin-left: -250px;   opacity: 0;}
#r_titk{width: 500px; color: #FFF; text-align: center; font-size: 22px;  text-shadow:1px 1px 0px rgba(0,0,0,0.4); position: absolute; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif; bottom: 23%; left: 50%; margin-left: -250px;  opacity: 0;}
.r_line {position:absolute;width:210px;height:1px; bottom:28.5%; left:50%;margin-left:-110px;z-index:3;background:rgba(255,255,255,1);}
#r_bt{width: 176px; height: 78px; position: absolute; bottom: 11%; left: 50%; margin-left: -88px; opacity: 0;}
#r_bt img{margin:0 5px; cursor: pointer;}

#rinfo{max-width:1050px; width:1050px; height:380px; min-height:360px; opacity:0; overflow:hidden; top:20%; z-index:39; position:absolute; display:none; left: 50%; margin-left: -525px; background: #FFF;}
#rinfo .rin_tit{width: 930px; height: 120px; background: #4c6aa5;float: left;}
#rinfo .rin_tit .inner{color: #889ec9; font-size: 12px; margin: 40px 0 0 40px;}
#rinfo .rin_tit .inner h1{color: #c3d0ea !important; font-size: 38px; font-weight: normal; display: inline;}
#rinfo .rin_tit .inner h2{color:#FFF !important; font-size: 30px; font-weight: normal; display: inline;}

#rinfo .rin_x{width: 120px; height: 120px; background: #3e598d; float: left; cursor: pointer;}
#rinfo .rin_cbox{width: 1050px; position:absolute;top: 120px;}
#rinfo .rin_cbox .rin_con{width: 930px; height: 240px; float: left;}
#rinfo .rin_cbox .rin_bt{width: 120px; height: 240px; float: left; text-align: center;  color: #282828; line-height: 120px; font-size: 15px; cursor: pointer;}
#rinfo .rin_cbox .rin_bt .rbt_re01{width: 120px; height: 120px; background: #e8e8e8; }
#rinfo .rin_cbox .rin_bt .rbt_re02{width: 120px; height: 120px; background: #f2f2f2; }

#rin_tb{width:860px; position: relative; margin:0 auto ;  border-top: 1px solid #bfbfbf;   border-right: 1px solid #bfbfbf;  top: 30px; }
#rin_tb th{width:120px;  border-bottom: 1px solid #bfbfbf;   border-left: 1px solid #bfbfbf; background: #eeeeee; font-weight: normal; padding: 9px 0;  letter-spacing: -0.5pt; color: #000; font-size: 15px; }
#rin_tb td{border-bottom: 1px solid #bfbfbf;   border-left: 1px solid #bfbfbf; font-weight: normal; padding: 12px 0 12px  15px; text-align: left; letter-spacing: -0.5pt; color: #000; line-height: 160%;}


/* ¿¹¾à ŸÀÌƲ */
#reserv_tit{width: 560px; position: absolute; top:18%; left: 50%; margin-left: -280px; text-align: center; font-family: 'Nanum Gothic', '³ª´®°íµñ'; font-size: 40px; color: #212121; opacity: 0; z-index:5;}
#reserv_tline{width: 80px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute;  top:27%; left: 50%; margin-left: -40px; opacity: 0;z-index:5;}
#reserv_stx01{width: 400px;  color: #3a3a3a; font-size: 18px; position: absolute; top: 28%; left: 50%; margin-left: -200px;  text-align: center; opacity: 0;z-index:5;}


/* ¿À½Ã´Â ±æ  */
.map_box1 {width:300px; height:40px;  font-size:13px; line-height: 28px; background: #242424;}
.map_box1 p {padding: 9px 0 0 17px; color:#fff;}
/* ¿À½Ã´Â±æ ŸÀÌƲ */
#mapv_tit{width: 560px; position: absolute; top:18%; left: 50%; margin-left: -280px; text-align: center; font-family: 'Nanum Gothic', '³ª´®°íµñ'; font-size: 40px; color: #212121; opacity: 0; z-index:5;}
#mapv_tline{width: 80px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute;  top:27%; left: 50%; margin-left: -40px; opacity: 0;z-index:5;}
#mapv_stx01{width: 400px;  color: #3a3a3a; font-size: 18px; position: absolute; top: 28%; left: 50%; margin-left: -200px;  text-align: center; opacity: 0;z-index:5;}



/* °Ô½ÃÆÇ Å¸ÀÌƲ */
#boardv_tit{width: 560px; position: absolute; top:18%; left: 50%; margin-left: -280px; text-align: center; font-family: 'Nanum Gothic', '³ª´®°íµñ'; font-size: 40px; color: #212121; opacity: 0; z-index:5;}
#boardv_tit2{width: 560px; position: absolute; top:13%; left: 50%; margin-left: -280px; text-align: center;font-family: 'Nanum Gothic', '³ª´®°íµñ'; font-size: 14px; color: #4e4e4e; opacity: 0; z-index:5;}
#boardv_tline{width: 80px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute;  top:24%; left: 50%; margin-left: -40px; opacity: 0;z-index:5;}
#boardv_stx01{width: 400px;  color: #3a3a3a; font-size: 20px; position: absolute; top: 25%; left: 50%; margin-left: -200px;  text-align: center; opacity: 0;z-index:5;}


/* Åõ¾î */


/* vmovie */
#vwrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
    pointer-events: none;
    overflow: hidden;
}
#vwrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vp_bt_box {
    min-width: 120px;
    position: absolute;
    z-index: 30;
    bottom: 25%;
    left: 50%;
    margin:0 0 0 -60px;
    text-align: center;
}
.vp_bt_box > div {
    float: left;
    margin: 0 5px;
}
.vp_bt_stop, .vp_bt_play{
    width:120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    /*border: #fff 1px solid;*/
    /*border-radius: 50%;*/
    color: #fff;
    cursor: pointer;
}
.vp_bt_play{
    display: none;
}
.vp_bt_box div img {display: block;}