@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@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);
}

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;}

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', '³ª´®¹Ù¸¥°íµñ', ±¼¸², 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:160%; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', ±¼¸², Gulim, sans-serif;font-family:'Nanum Barun Gothic'\0/!important;*font-family:'Nanum Barun Gothic';}
a:hover {text-decoration:none; color:#2b9aff; line-height:160%; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', ±¼¸², Gulim, 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}

/* foot */
.btn_info{width: 120px; height: 40px; background: #262626 url("/nhroot/images/common/icon_foot.gif") no-repeat; background-position: 90px 10px; color: #ffffff; line-height: 40px; position: fixed; bottom: 0; right: 0; cursor: pointer; z-index: 30; font-size: 13px; text-indent: 23px;}

#foot_box{position: fixed; width: 100%; bottom: 0; height: 42px; z-index:40; background: rgba(255,255,255,0.4); }
#foot_box > div{color: #2d2d2d;}
#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: #2d2d2d; cursor: pointer;}
#foot_box > div li a{color: #2d2d2d;}


/* top */
#bt_reser{width: 134px; height: 27px; position: absolute; right: 30px; top: 59px; z-index: 101; cursor: pointer;}
#bt_khoa{position: absolute; right: 180px; top: 59px; z-index: 101; cursor: pointer; background: #313131; color: #fff; padding: 0 7px;}
#bt_khoa:hover{background: #0f49cc;}
#bt_khoa a{font-size:13px; line-height: 27px; color: #fff; padding: 0 7px;}
#tlogo{font-size:0; width: 112px; height: 112px; position: absolute; z-index: 101; left: 40px; top: 16px; cursor: pointer; background: url("/nhroot/images/common/logo.png") no-repeat;}
.transAll03_ease {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 999;}
#gnbArea {z-index: 999;}
.gnb {position:absolute; left: 200px; top:0;  padding:0 0 0 10px; margin: 0; z-index: 20;  height: 60px; background: #ffffff;}
.gnb > li { float:left; margin:0 25px;}
.gnb a.depth1 {display:inline-block; font-size:13px; line-height: 60px; color:#242323; text-transform: uppercase; letter-spacing:0.05em;  }
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li:hover a.depth1, .gnb li.this a.depth1 {color:#6273cd; }
.gnb li.this a.depth1 {}
.gnb_sub {position:absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display:none; padding: 0 10px; height: 30px;  font-size: 13px; line-height: 30px; margin-top: -15px; background: rgba(0, 0, 0, 0.8); }
.gnb2 .gnb_sub{ width: 660px; right: 0;}
.gnb3 .gnb_sub{ width: 175px;}
.gnb4 .gnb_sub{ width: 418px; right:0;}
.gnb5 .gnb_sub{ right:0; width: 345px;}
.gnb > li:hover .gnb_sub {display: block;}
.gnb_sub li { float:left; margin: 0 10px; font-size: 13px;}
.gnb_sub li a { color:#fff; line-height: 30px;font-size: 13px;}
.gnb_sub li a:hover, .gnb_sub li a:focus {text-decoration: underline;}
.gnb_sub li.this a {}

/* ¸ÞÀÎ ÅؽºÆ® */
#tx_box{width: 1000px; height: 205px; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -103px; z-index: 10; text-align: center;}
#tx_box > div{ color: #ffffff;}
#tx_box .tline{width: 80px; min-height: 1px; background: #ffffff; box-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin: 0 auto; opacity: 0;}
#tx_box .bline{width: 80px; min-height: 1px; background: #ffffff; box-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin: 43px auto 0; opacity: 0;}
#tx_box .tx1{font-size: 47px;  text-transform:uppercase; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0;}
#tx_box .tx1_2{font-size: 45px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
#tx_box .tx1_3{font-size: 70px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
#tx_box .tx2{font-size: 24px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: -10px; opacity: 0;}
#tx_box .tx3{font-size: 11px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); letter-spacing: 0.5px; opacity: 1; margin-top: 0px; opacity: 0;}
.txbg{font-size: 130px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0.2; font-family:'Nanum Barun Gothic', '³ª´®¹Ù¸¥°íµñ', sans-serif; position: absolute; color: #ffffff; text-align: center; width: 880px; left: 50%; margin-left: -440px; top: 28%; }


/* ¸ÞÀÎ ÅؽºÆ® */
#extx_box{width: 1000px; height: 205px; position: absolute; left: 50%; margin-left: -500px; top: 40%; margin-top: -100px; z-index: 10; text-align: center;}
#extx_box > div{ color: #ffffff;}
#extx_box .tline{width: 80px; min-height: 1px; background: #ffffff; box-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin: 0 auto; opacity: 0;}
#extx_box .bline{width: 80px; min-height: 1px; background: #ffffff; box-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin: 43px auto 0; opacity: 0;}
#extx_box .tx1{font-size: 47px;  text-transform:uppercase; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0;}
#extx_box .tx1_2{font-size: 45px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
#extx_box .tx1_3{font-size: 70px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: 25px;  opacity: 0; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif;}
#extx_box .tx2{font-size: 24px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); margin-top: -10px; opacity: 0;}
#extx_box .tx3{font-size: 11px; text-shadow: 1px 1px 0px rgba(0,0,0,0.3); letter-spacing: 0.5px; opacity: 1; margin-top: 0px; opacity: 0;}


/* ½ºÅ©·Ñ ¾Ö´Ï */
.main_slide_mouse{width:100%; height:100px; position: absolute; bottom:8%;  z-index:20; }
.main_mus{width:24px; height:36px; margin:auto; background:url(/nhroot/images/common/mouse.png) center center no-repeat;}
.main_mus_d{width:41px; height:28px; margin:auto;  background:url(/nhroot/images/common/scroll.png) center bottom no-repeat; padding-top:5px;}


/* top_con */
#map_top{width: 100%; height: 400px; text-align: center; background: url("/nhroot/images/common/timg_map.jpg") top center no-repeat; position: relative; z-index: -1;}
#reser_top{width: 100%; height: 400px; text-align: center; background: url("/nhroot/images/common/timg_reser.jpg") top center no-repeat; position: relative; z-index: -1;}
.intx1{width:500px; left:50%; margin-left:-250px; top:178px; text-align:center; font-size: 33px; font-family:'Nanum Myeongjo'; font-weight: normal; display: inline-block; color: #ffffff; line-height: 55px; opacity: 0; position: absolute;}
.intx2{width:500px; left:50%; margin-left:-250px; top:233px; text-align:center; font-size: 9px; font-weight: normal; line-height: 11px; color: #ffffff; letter-spacing: 0.5pt; opacity: 0;position: absolute;}

#top_con{width: 1100px; min-height: 400px; margin: 50px auto;}
.stit { width:100%; color:#313131; font-size:14pt;  text-align:left; font-weight: 600;height:30px;letter-spacing:-0.5px;}
.stit1 { width:100%; color:#313131; font-size:20pt;  text-align:left; font-weight: bold; height:30px;vertical-align:top;}

/* ¿¹¾à */
#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:98%; margin:20px auto; color: #888888; line-height: 180%; font-size: 13px;}
.reser_tit{width: 98%; border-bottom: #434343 1px solid; color: #2d2d2d; font-size: 15px; height: 50px; line-height: 50px; letter-spacing: -0.5pt; font-weight: bold; }

/* °´½Ç¿ä±Ý */
.stit2 { color:#403d33; }
.stit3 {color:#dc1616;  font-weight: bold;}


/* ·ë¹Ì¸®º¸±â */
#bg_rv{width: 100%; height:100%;  position: fixed;  min-height:100%; min-width: 1220px; background:url(/nhroot/images/rooms/bg_rv.jpg) top center no-repeat;}
#rv_tit01{position: absolute; width: 500px; left: 50%; top: 190px; margin-left: -250px; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-size: 35px; font-weight: 200; line-height: 27px; text-align:center; color: #454545; opacity: 0;}
#rv_line{position: absolute; width: 76px; height: 3px; left: 50%; top: 235px; margin-left: -38px; background: #454545; opacity: 0;}
#rv_tit02{position: absolute; width: 500px; left: 50%; top: 255px; margin-left: -250px; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-size: 12px; line-height: 11px; text-align:center; color: #7f7f7f; opacity: 0;}

.tabMenuB div {position:absolute; left:50%; width: 49px; height: 49px; font-family:'Nanum Gothic', '³ª´®°íµñ', sans-serif; font-size: 14px; font-weight: 600; line-height: 49px; text-align: center; cursor:pointer; background: url("/nhroot/images/rooms/rsb.png") no-repeat center center; color: #1b1b1b;}

#t1 {top:704px; margin-left:-13px;}
#t2 {top:671px; margin-left:-63px;}
#t3 {top:670px; margin-left:276px;}
#t4 {top:666px; margin-left:82px;}
#t5 {top:642px; margin-left:-13px;}
#t6 {top:609px; margin-left:-63px;}
#t7 {top:648px; margin-left:366px;}
#t8 {top:592px; margin-left:276px;}
#t9 {top:602px; margin-left:82px;}
#t10 {top:578px; margin-left:-13px;}
#t11 {top:545px; margin-left:-63px;}
#t12 {top:583px; margin-left:366px;}

.tabMenuB div.menu_on {background: url("/nhroot/images/rooms/rsbov.png") no-repeat center center !important; color: #fff;}

.tabMenuB div span{position:absolute; top: 50%; left: -3px; display: inline-block; width: 11px; height: 9px; background: url("/nhroot/images/rooms/left.png") no-repeat center center; margin: -5px 0 0 0; opacity: 0.9;}

.md_menu {position:absolute; width:399px;height:400px; display:none;bottom: 147px; left: 50%; margin-left:-548px; }


/* tour */
#tour_top{width: 100%; min-height: 397px; background:url(/nhroot/images/tour/topbg.jpg) top center no-repeat; }
#tour_tit{width: 700px; z-index: 20; position: absolute; top: 190px; left: 50%; margin-left: -350px; opacity: 0; letter-spacing: 3px; font-size: 40px; font-weight: 600; color: #fff; font-family: "Nanum Gothic", "³ª´®°íµñ"; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
#tour_txt{width: 300px; z-index: 20; position: absolute; top: 248px; left: 50%; margin-left: -150px; opacity: 0; letter-spacing: 1pt; font-size: 14px; font-weight: 400; color: #fff; font-family:'NanumBarunGothic', sans-serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
#tour_tab{width: 100%; z-index: 20; position: absolute; top: 291px; margin: 0 auto; opacity: 0; font-size: 15px; color: #fff; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.35);}
#tour_tab ul{width: 877px; font-size: 15px; color:#ffffff; text-align: center; margin: 0 auto;}
#tour_tab ul li{font-size: 15px; color: #fff; text-align: center; padding: 0 40px; float: left;}
#tour_tab ul li a{font-size: 15px; color: #fff; text-align: center; line-height: 38px;}
#tour_tab ul li a:hover{color: #000; text-align: center;}
#tour_con{width: 1601px; height: 500px; min-height: 500px; position: relative; left: 50%; margin-left: -801px; margin-top: 35px; padding-bottom: 100px;}
#tour_con .container{}
#tour_con .container > div{padding-bottom: 0;}
#tour_con .tourtit{width: 100%; padding: 75px 0 65px; text-align: center;}
#tour_con .tourtit h1{font-family:'NanumBarunGothic', sans-serif; letter-spacing: 10px; font-size: 25px; line-height: 34px; font-weight: 100; color: #313131; margin: 0 0 45px 0;}
#tour_con .tourtit h2{font-family: 'Nanum Myeongjo', serif; letter-spacing: 3px; font-size: 30px; line-height: 40px; font-weight: 400; color: #08798d;}
#tour_con .tx_box{width: 100%; text-align: center; padding: 50px 0 125px 0;}
#tour_con .tx_box h3{display: inline-block; font-size: 30px; color: #313131; font-family: 'Nanum Myeongjo', serif; font-weight: 400; line-height: 40px;  text-align: center; padding: 0 0 20px 0; border-bottom: 1px solid #000; margin: 0 0 20px 0;}
#tour_con .tx_box .con{font-size: 13px; line-height: 20px; font-family: "Nanum Gothic", "³ª´®°íµñ"; color: #626262;}


/* special */
.sp_tx01{width: 800px; position: absolute; bottom: 30%; left: 50%; margin-left: -400px; text-align: center; font-family:'NanumGothic' !important;  color: #ffffff; font-size: 55px; z-index: 30; opacity: 0;}
.sp_line{width: 320px; height:1px; position: absolute; bottom: 30.5%; left: 50%; margin-left: -160px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.sp_tx02{width: 500px; position: absolute; bottom:26%; left: 50%; margin-left: -250px; text-align: center; color: #ffffff; font-size: 16px; letter-spacing: 1pt; z-index: 30; opacity: 0;}
.sp_tx03{width: 500px; position: absolute; bottom:20%; left: 50%; margin-left: -250px; text-align: center; color: #ffffff; font-size: 22px; letter-spacing: 1pt; z-index: 30; opacity: 0;}
/* sp ½ºÅ©·Ñ ¾Ö´Ï */
.main_slide_mouse{width:100%; height:100px; position: fixed; bottom:9%;  z-index:10;}
.main_mus_d3{width:178px; height:38px; margin:auto;  background:url(/nhroot/images/sp/infobtn.gif) center bottom no-repeat; padding-top:0px;}
/* sp info */
#spbtn_info{bottom:14% !important; height: 40px; width: 131px; left: 50%; margin-left: -90px;}
#r_info{display:none; position:fixed; width:100%; z-index:10; bottom:0; background:rgba(255, 255, 255, 0.95); border-top: #e7e7e7 1px solid; z-index: 999; }
#r_info > .inner{width: 1000px; min-height: 330px; position: relative; margin: 25px auto;}
#r_info  .sp_tx01_in{width: 700px; position: absolute; bottom: 75%; left: 50%; margin-left: -350px; text-align: center; font-family:'NanumGothic' !important;  color: #000; font-size: 55px; z-index: 30;}
#r_info .sp_line_in{width: 320px; height:1px; position: absolute; bottom: 77%; left: 50%; margin-left: -160px; text-align: center; background: #000; z-index: 30;}
#r_info .sp_tx02_in{width: 300px; position: absolute; bottom:67%; left: 50%; margin-left: -150px; text-align: center; color: #000; font-size: 16px; letter-spacing: 1pt; z-index: 30;}
#r_info .sp_info_in{width: 550px; position: absolute; bottom:30%; left: 50%; margin-left: -280px; text-align: center; color: #000; font-size: 16px; letter-spacing: 1pt; z-index: 30;}

/* ROOMS */
.r_tx01{width: 200px; position: absolute; bottom: 21%; left: 50%; margin-left: -40px; text-align: center; font-family: 'NanumGothic'; font-weight: 600; color: #ffffff; font-size: 80px; z-index: 30; opacity: 0;}
.r_tx02{width: 200px; position: absolute; bottom: 23%; left: 50%; margin-left: -170px; text-align: center; font-family:'NanumGothicLight' !important;  color: #ffffff; font-size: 33px; z-index: 30; opacity: 0;}
.r_line{width: 300px; height:1px; position: absolute; bottom: 23%; left: 50%; margin-left: -150px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.r_tx03{width: 500px; position: absolute; bottom:20%; left: 50%; margin-left: -250px; text-align: center; color: #ffffff; font-size: 16px; letter-spacing: 1pt; z-index: 30; opacity: 0;}
/* sp ½ºÅ©·Ñ ¾Ö´Ï */
.main_slide_mouse{width:100%; height:100px; position: fixed; bottom:9%;  z-index:10;}
.main_mus_d2{width:226px; height:38px; margin:auto;  background:url(/nhroot/images/rooms/infobtn.gif) center bottom no-repeat; padding-top:0px;}
/* sp info */
#rbtn_info{bottom:14% !important; height: 40px; width: 131px; left: 50%; margin-left: -120px;}
#r_info{display:none; position:fixed; width:100%; z-index:10; bottom:0; background:rgba(255, 255, 255, 0.95); border-top: #e7e7e7 1px solid; z-index: 999; }
#r_info > .inner{width: 1000px; min-height: 330px; position: relative; margin: 25px auto;}
#r_info > .inner > .rtit{position: absolute; top: 35px; left: 0; font-family:'NanumGothicLight' !important; font-size: 59px; color: #313131; line-height: 100%;}
#r_info > .inner > .rtit_tx{position: absolute; top: 0; left: 0; font-family:'NanumGothicLight' !important; font-size: 20px; color: #a63e3e; letter-spacing: -0.4pt;}
#r_info > .inner > .r_icon{position: absolute; top: 0px; right: 175px; text-align: center;}
#r_info > .inner > .r_icon li{display: inline-block; width: 75px; height: 75px;  margin: 0 5px; border-radius: 70px; border:#bcbbba 1px solid; line-height: 75px; color: #656464; font-size: 13px;}
#r_info > .inner > .r_icon li:nth-child(3), #r_info > .inner > .r_icon li:nth-child(4){position: relative;}
#r_info > .inner > .r_icon li .ltx3{position: absolute; line-height: 15px; top: 23px; left: 15px; font-size: 13px !important;}
#r_info > .inner > .r_icon li .licon{position: absolute;top: 24px; left: 22px;}
#r_info > .inner > .rin_bt {position: absolute;top: 20px; right: 0; width: 125px; height: 80px; cursor: pointer;}
#r_info > .inner > .rin_bt li:first-child {width: 125px; height: 40px; background: #767676 url("/nhroot/images/rooms/arr.png") no-repeat; background-position: 100px 16px; color: #ffffff; line-height: 40px; text-indent:20px; }
#r_info > .inner > .rin_bt li:last-child {width: 125px; height: 40px; background: #c3c3c3 url("/nhroot/images/rooms/arr.png") no-repeat; background-position: 100px 16px; color: #ffffff; line-height: 40px; text-indent:20px; }
#r_info > .inner > .line {width: 100%; min-height: 1px; background: #bebebe; position: absolute; top: 100px;}
#r_info > .inner > .rin_txt {position: absolute; top: 115px; color: #656565;}
#r_info > .inner > .tb_box {position: absolute; top: 155px; width: 100%;}
#r_info > .inner > .tb_box .in_tb {width: 100%; border-left: #b9b9b9 1px solid; border-top: #b9b9b9 1px solid; border-bottom: #b9b9b9 1px solid;}
#r_info > .inner > .tb_box .in_tb th {color: #000; font-size: 13px; font-weight: normal; border-right: #b9b9b9 1px solid; background: #e7e7e7; width: 100px;}
#r_info > .inner > .tb_box .in_tb td {color: #000; font-size: 13px; padding:10px; border-right: #b9b9b9 1px solid; line-height: 20px;}
#r_info > .inner > .tb_box .rin_txt2 {color: #424241; margin-top: 23px;}