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

/* top */
.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 {}
.gnb {position:absolute; right: 40px; top:0;  padding:0 0 0 0; margin: 0;}
.gnb > li {float:left; margin:0 25px;}
.gnb > li:last-child {margin:0 0 0 25px;}
.gnb a.depth1 { display:inline-block; font-size:13px; line-height: 65px; color:#3f3f3f; 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:#a20606;}
.gnb li.kakao {margin: 0;}
.gnb a.tx_kakao {display: inline-block; line-height: 65px;}
.gnb a.tx_kakao img {display: inline-block; width: 25px; height: 25px;}
.gnb a.tx_reser {display:inline-block; font-size:13px; line-height: 65px; color:#a20606; text-transform: uppercase; letter-spacing:0.05em;}
.gnb a.tx_reser:hover, .gnb a.tx_reser:focus, .gnb li:hover a.tx_reser, .gnb li.this a.tx_reser {color:#a20606;}
.gnb a.tx_reser .icon_reser {margin: 5px 0 0 7px; display: inline; background: #df263e; width: 14px; height: 14px;}
.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: 245px;}
.gnb3 .gnb_sub {right:0; width: 360px;}
.gnb6 .gnb_sub {right:0; width: 170px;}
.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 {}

#top {width: 100%; height: 65px; background:rgba(255, 255, 255, 0.8); position: absolute; top:0; z-index: 999;}
#top .logo {width: 133px; height: 65px; font-size: 0; cursor: pointer; position: absolute; top: 0; left:40px;}

/* foot */
.btn_info {width: 120px; height: 40px; background: #323231; color: #ffffff; line-height: 40px; text-align: center; position: fixed; bottom: 0; right: 0; cursor: pointer; z-index: 998; font-size: 13px;}
#foot_box {display:none; position:fixed; width:100%; height:190px; z-index:10; bottom:0; background-color:#fff; border-top: #e7e7e7 1px solid; z-index: 999;}
#foot_box .fbt {width: 100%; height: 39px; border-bottom: #e7e7e7 1px solid; text-align: center;line-height: 39px;}
#foot_box .fbt a {font-size: 12px; color: #616161;line-height: 39px;}
#foot_box .fbt .fbt_line {margin: 0 20px;}
#foot_box .copy {width: 100%; text-align: center; color:#616161; font-size: 12px; margin-top: 30px; line-height: 180%;}
#foot_box .copy .ptx {color:#000000; font-size: 15px; display: block; margin-bottom: 10px;}
#foot_box .copy .ptx b {color:#b2160c; font-weight: normal;}
#foot_box .copy img {margin: 0 8px 0 8px;}

/* main */
#mrv {width: 100%; height: 780px; margin: 60px auto  0; text-align: center; background: none; position: relative;}
#mrv .tit {font-size: 28px; color: #323232; font-weight: normal; line-height: 40px; font-family:'NanumGothicLight' !important; margin: 35px 0 30px 0;}
#mrv .txt {font-size: 14px; color: #868686; letter-spacing: 1pt; font-family:'NanumGothicLight' !important;}
#mrv .rthum {width: 1200px; height: 333px; margin: 70px auto 0;}
#mrv .rthum ul {margin-bottom: 13px;}
#mrv .rthum ul > div {float: left; width: 160px; height: 160px; margin-right: 13px; overflow: hidden; position: relative;}
#mrv .rthum ul > div:last-child {margin-right:0;}
#mcopy_bg {width: 100%; height: 200px; background: #e6e6e6; position:absolute; bottom: 0; z-index: -1;}

.rthum .timg_ov {width:160px; height:160px; background:rgba(0, 0, 0, 0.5); opacity:0; position: absolute; z-index: 10; cursor: pointer; text-align: center;}
.rthum .timg_ov b {font-size: 31px; color: #ffffff; margin-top: 50px; display: block;}
.rthum .timg_ov h1 {font-size: 12px; opacity: 0.7; color: #ffffff; font-weight: normal; line-height: 200%;}
.rthum .timg_ov h2 {font-size: 14px; color: #ffffff; font-weight: normal;line-height:110%;}
/*.rthum .rt_img {-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;}*/
/*.rthum a:hover .rt_img,*/
/*.rthum a:focus .rt_img {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); opacity:1.0; filter: alpha(opacity=1.0;);}*/


/* ¿Ü°ü */
.ex_tx01 {width: 500px; position: absolute; top: 13%; left: 50%; margin-left: -250px; text-align: center; font-family:'NanumGothicLight' !important; color: #000; font-size: 45px; z-index: 30; opacity: 0;}
.ex_line {width: 280px; height:1px; position: absolute; top: 20%; left: 50%; margin-left: -140px; text-align: center; background: #000; z-index: 30; opacity: 0;}

/* ½ºÆä¼È */
.sp_tx01 {width: 500px; position: absolute; bottom: 28%; left: 50%; margin-left: -250px; text-align: center; font-family:'NanumGothicLight' !important; color: #fff; font-size: 45px; z-index: 30; text-transform:uppercase; opacity: 0;}
.sp_tx02 {width: 250px; position: absolute; bottom: 11.5%; left: 50%; margin-left: -130px; text-align: center; font-family:'NanumGothicLight' !important; color: #2a2a2a; font-weight: bold; font-size: 15px; z-index: 40;  opacity: 0;}
.sp_line {width: 200px; height:1px; position: absolute; bottom: 28%; left: 50%; margin-left: -100px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.sp_line1 {width: 420px; height:1px; position: absolute; bottom: 28%; left: 50%; margin-left: -210px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.sp_line2 {width: 300px; height:1px; position: absolute; bottom: 28%; left: 50%; margin-left: -150px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.sp_bg {width: 430px; height:150px; background:rgba(255, 255, 255, 0.5); position: absolute; bottom: 10%; left: 50%; margin-left: -215px; z-index: 30; opacity: 0;}


/* Åõ¾î */
.t_tx01 {width: 500px; position: absolute; top: 43%; left: 50%; margin-left: -250px; text-align: center; font-size: 45px; font-family:'NanumGothicLight' !important; font-weight: normal;  color: #2a2a2a; opacity: 0;  position: absolute; z-index: 30;}
.t_line {width: 370px; height:1px; position: absolute; top: 51.5%; left: 50%; margin-left: -180px; text-align: center; background: #2a2a2a; z-index: 30;}
.t_tx02 {width: 500px; position: absolute; top: 52.5%; left: 50%; margin-left: -250px; text-align: center; font-size: 9px; font-weight: normal; line-height: 11px; color: #2a2a2a; letter-spacing: 0.5pt; opacity: 0; position: absolute; z-index: 30;}
#to_con {width: 100%; margin: 80px auto; position: relative; background: none;}
#to_con .bg01 {width: 100%; min-height: 430px; background: #f5f5f5; position: absolute; top:510px; z-index: -1;}
#to_con section {width: 1200px; margin: 0 auto 80px ;}
#to_con section:last-child {padding-bottom: 100px;}
#to_con section.mar {width: 1200px; margin: 0 auto 160px ;}
#to_con section div {float: left;}
#to_con section .t_img {width: 730px;}
#to_con section img {display: block;}
.tc_tx {margin-left: 60px; width: 410px;}
.tc_ltx {margin-right:60px; text-align: right; width: 410px;}
.tc_tx01 {font-size: 19px; color: #5e5e5e; margin-top: 52px;}
.tc_tx02 {font-size: 30px; color: #323232; margin-bottom: 30px;}
.tc_tx03 {font-size: 19px; color: #000000; margin-bottom: 5px;}
.tc_tx04 {font-size: 16px; color: #464545;}
#to_con section.txc {width:100% !important; clear: both;}
#to_con section.txc img {width: 100%; height: auto;}
#to_con section.txc div:nth-child(2) {text-align: center; width: 100%; margin-bottom: 160px;}

/* ½ºÅ©·Ñ ¾Ö´Ï */
.main_slide_mouse {width:100%; height:100px; position: fixed; bottom:9%;  z-index:10;}
.main_mus {width:24px; height:36px; margin:auto; background:url(/nhroot/images/tour/mouse.png) center center no-repeat;}
.main_mus_d {width:41px; height:28px; margin:auto;  background:url(/nhroot/images/tour/scroll.png) center bottom no-repeat; padding-top:5px;}
.main_mus_d2 {width:131px; height:23px; margin:auto;  background:url(/nhroot/images/rooms/bt_info.png) center bottom no-repeat; padding-top:0px;}

/* room */
.r_tx01 {width: 100px; position: absolute; bottom: 18.5%; left: 50%; margin-left: -10px; text-align: center; font-family: 'NanumGothic'; font-weight: 600; color: #ffffff; font-size: 100px; z-index: 30; opacity: 0;}
.r_tx02 {width: 100px; position: absolute; bottom: 21%; left: 50%; margin-left: -95px; text-align: center; font-family:'NanumGothicLight' !important;  color: #ffffff; font-size: 40px; z-index: 30; opacity: 0;}
.r_tx03 {width: 500px; position: absolute; bottom:17%; left: 50%; margin-left: -250px; text-align: center; color: #ffffff; font-size: 18px; letter-spacing: 5pt; z-index: 30; opacity: 0;}
.r_line {width: 200px; height:1px; position: absolute; bottom: 20.5%; left: 50%; margin-left: -105px; text-align: center; background: #fff; z-index: 30; opacity: 0;}

#rbtn_info {bottom:10.5% !important; height: 40px; width: 131px; left: 50%; margin-left: -65px;}
#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: 50px 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;}

/* °´½Ç¹Ì¸®º¸±â */
.rooms {position:relative; width:100%; height:1000px;}
.room_title {position:fixed; left:50%; bottom:96px; z-index:50;}
#room_titleA01 {margin-left:-260px;}

.roomSelect {display:inline-block; position:absolute; top:315px; left:50%; margin-left:-196px;}
.roomSelect li {display:inline-block; width:120px; height:33px; margin:0 7px; float:left; border:solid 1px #fff; color:#fff;}
.roomSelect li.current {background:#fff; color:#000; font-weight:600;}
.roomSelect li a {display:inline-block; width:100%; height:100%; line-height:33px; text-align:center;}

.roomIntroTitle {position:fixed; top:10px; left:50%; margin-left:170px; z-index:50;}
.roomIntro {width:100%; height:100%; background-repeat:no-repeat !important; background-position:center top !important; background-size:auto 1000px !important;}
.roomIntro#roomA {background-image:url("/nhroot/images/rooms/r_bg.jpg");}

#roomOverA01, #roomOverA02, #roomOverA03, #roomOverA04 {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:69px; height:108px; top:310px; left:50%; margin-left:100px; background-image:url("/nhroot/images/rooms/r01.png");}*/
#roomOverA01 {width:69px; height:108px; top:340px; left:50%; margin-left:-25px; background-image:url("/nhroot/images/rooms/r01.png");}
#roomOverA02 {width:69px; height:108px; top:370px; left:50%; margin-left:-150px; background-image:url("/nhroot/images/rooms/r02.png");}
#roomOverA03 {width:69px; height:108px; top:460px; left:50%; margin-left:-310px; background-image:url("/nhroot/images/rooms/r03.png");}

/*#roomOverA01.current {background-image:url("/nhroot/images/rooms/r_over01_on.png");}*/
#roomOverA01.current {background-image:url("/nhroot/images/rooms/r_over01_on.png");}
#roomOverA02.current {background-image:url("/nhroot/images/rooms/r_over02_on.png");}
#roomOverA03.current {background-image:url("/nhroot/images/rooms/r_over03_on.png");}

/* 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; position: absolute; top: 42%; left: 50%; margin-left: -250px; text-align: center; font-family:'NanumGothicLight' !important; color: #2a2a2a; font-size: 40px; z-index: 30; opacity: 0;}
.intx2 {width:500px; left:50%; margin-left:-250px; top:233px; text-align:center; font-size: 9px; font-weight: normal; line-height: 11px; color: #2a2a2a; letter-spacing: 0.5pt; opacity: 0;position: absolute;}

#top_con {width: 1100px; min-height: 400px; margin: 50px auto;}
.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;}

/* ¿¹¾à */
#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 td.sale {color: #ff0000;}
#ptable td.sale s {color: #6b6b6b;}
#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;}