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

/* ½ºÅ©·Ñ ¾Ö´Ï */
.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;}

/* À̹ÌÁö ÀÏ°ý ¸µÅ©Å׵θ®(dummy) 󸮾øÀ½*/
/*a,img,input{selector-dummy: expression(this.hideFocus=true);} */ 
IMG {border: none;} 
a { outline:none; select-dummy: expression(this.hideFocus=true); }


/*********************** °øÅë ***********************/
#mwrap{width: 100%; height: 60px; z-index: 999; position: fixed; top: 0; background: rgba(0, 0, 0, 0.3);}
#logo{width:137px; height:30px; z-index:1000; position: fixed; top:14px; left:25px;}

#gnb{width:260px; height: 60px; z-index: 40; position: absolute; top: 0; right: 0; line-height: 60px; }
#gnb li{float:left; text-align: center;}
.gnbl{width:140px;}
.gnb_line{color: #FFF; font-size: 10px; margin: 0 12px; opacity: 0.5; }
.gnbl a:link, .gnbl a:visited, .gnbl a:active{color:#FFF; font-size: 12px; text-shadow:1px 1px 0px rgba(0,0,0,0.2); }
.gnbl a:hover{color:#f2d98a; }
.gnbr{width:120px; color: #FFF; background: rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 12px; text-shadow:1px 1px 0px rgba(0,0,0,0.2); }
.gnbr:hover{color: #f2d98a;}

#rthum{width:561px; /*width:651px;*/ height:110px; z-index: 40; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.2); left: 38px;}
#rthum .inner{width:561px; /*width:651px;*/ 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; }
#rthum .inner li a {color: #fff;}
.bt_rthx{width: 110px !important; height: 110px !important;  background: rgba(0, 0, 0, 0.1); }
.bt_rthx img{width: 110px !important; height: 110px !important; }


#btn_reser{position: fixed; top: 12px; right: 25px; width: 177px; height: 36px; float: right; text-align: right; padding-left: 1px; z-index: 1000; }

.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}

#copy{position:fixed; bottom:0; width:100%; height:33px; z-index:40; text-align: right; color: #fff; line-height: 16px; letter-spacing:0pt; font-size: 12px;background: url("/nhroot/images/common/f_bg.png") bottom right no-repeat; padding: 10px 0;}
#copy a {color: #fff;}
#copy a:hover {color: #f0dac4;}
.copy {position:fixed; bottom:0; width: 100%; height: 53px; background: rgba(0,0,0,0.5);}


/* ¿Ü°ü */
#extit{position: absolute; bottom: 195px; width: 100%; text-align: center; z-index: 20; opacity: 0;}
#extxt{position: relative; padding-top:2px; bottom: 185px; width: 100%; font-family: "Nanum", "³ª´®°íµñ", sans-serif; font-size: 18px; text-align:center; color: #fff; z-index:20; opacity:0;}


/* ½ºÆä¼È */
.sp_text1 {width:600px; position: absolute; bottom: 17%; opacity:0; left: 50%; margin-left:-300px; text-align: center;  z-index:50; }
.sp_text2 {width:500px; position: absolute; bottom: 10%; opacity:0; left: 50%; margin-left:-250px; text-align: center; font-size: 40px; color: #fff; letter-spacing:-10px; font-weight: 700; font-family:"Nanum", "³ª´®°íµñ" !important; z-index:50; text-shadow:1px 1px 1px rgba(0,0,0,0.5);
letter-spacing:3px;}

#spinfo_bt{width:181px; height:40px; position:absolute; left:50%; margin-left:-90px; bottom:0; text-align:center;z-index:999;}
#spinfo_bt img{margin:0 3px; cursor:pointer;z-index:999;}
#in_close{display:none;z-index:999;}

#spinfo{background:rgba(255, 255, 255, 1.0) url("/nhroot/images/sp/bg_info.gif") top center no-repeat; max-width:100%; width:100%; height:0px; opacity:0; overflow:hidden; bottom:0; position:absolute;z-index:999;}
#spinfo .spinfo_inner{width:1050px; height:380px; position:relative; margin:40px auto 0 auto;}
#spinfo .spinfo_inner .s_menu_line {width:580px; height:1px; background:#cacaca; z-index:999; text-align:center; position:absolute; left:50%; margin-left:-280px;}
#spinfo .spinfo_inner .s_menu_line1 {width:580px; height:1px; background:#cacaca; z-index:999; text-align:center; position:absolute; left:50%; margin-left:-280px; margin-top:33px;}
#spinfo .spinfo_inner .sp_txt01 {width:300px; text-align:center; color:#313131; font-family:'NanumGothic'; font-weight:600;position:absolute; left:50%; margin-left:-160px; font-size:30px; padding:70px 0 20px 0; letter-spacing:2px;}
#spinfo .spinfo_inner .sp_txt02 {width:300px; text-align:center; color:#313131; font-family:'NanumGothic'; position:absolute; left:50%; margin-left:-160px; font-size:20px; padding:125px 0 20px 0; letter-spacing:2px;}
#spinfo .spinfo_inner p {width:700px; text-align:center; color:#313131; font-family:'NanumGothic'; position:absolute; left:50%; margin-left:-360px; font-size:14px; padding:190px 0 20px 0; letter-spacing:1px;}
#spinfo .spinfo_t{width:1050px; text-align:center; line-height:130%; color:#313131; }
#spinfo .spinfo_t ul{position:absolute; left:50%; margin-left:-275px; z-index:999;}
#spinfo .spinfo_t ul li{float:left; padding:5px 15px; font-family:'NanumGothic'; color:#cacaca; cursor:pointer; }
#spinfo .spinfo_t ul li:hover {color:#000;}


/*********************** žÀ̹ÌÁö °øÅë ***********************/
#tit{position: absolute; top: 245px; width: 100%; text-align: center; z-index: 20; opacity: 0;}
#txt{position: absolute; top: 325px; width: 100%; font-family: "Nanum", "³ª´®°íµñ", sans-serif; font-size: 18px; text-align:center; color: #fff; z-index:20; opacity:0;}
/* #bg_copy{width:100%; background:#cfcfcf; z-index:39; height:50px; position:fixed; bottom:0;} */
#top_con{width: 1100px; min-height: 400px; margin: 50px auto;}


/* ½ºÅ©·Ñ ¾Ö´Ï */
.top_slide_mouse {width: 43px; height: 50px; position: absolute; top: 500px; left: 50%; margin-left: -21px; z-index:20;}
.top_mus_d {width:41px; height:28px; background:url("/nhroot/images/common/scroll.png") center bottom no-repeat;  cursor: default; padding-top:5px; margin: auto;}

/* map */
#map_top {width:100%; min-height: 564px; background:url("/nhroot/images/common/timg_map.jpg") top center no-repeat; }
#map_con {position: relative; width: 1100px; height: 100%; min-height: 1200px; background: #fff; padding-top: 100px; margin: 0 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; font-family: 'Oswald', sans-serif !important; height:30px;vertical-align:top;}
.ktit {font-size:10pt;color:#777777;font-weight:500;}

/* reser */
#reser_top {width:100%; min-height: 564px; background:url("/nhroot/images/common/timg_reser.jpg") top center no-repeat; }
#reser_con {position: relative; width: 1100px; height: 100%; min-height: 1200px; background: #fff; padding-top: 100px; margin: 0 auto;}
#reser_con.reser2{min-height: 1700px;}

/* ¿¹¾à¿ä±ÝÇ¥ */
#ptable {width:100%; border-right:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; margin: 0 auto;}
#ptable th {font-weight: 300; background: #ededed; color:#323232; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;}
#ptable th {text-align:center; background: #ededed;}
#ptable td {font-size:13px; text-align: center; padding: 12px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; line-height: 120%;}
#ptable td.rrn {cursor: pointer;}
#ptable td.sale {color: #ff0033;}
#ptable td.sale s {color: #;}

/* ÀοøÃß°¡ºñ */
#ptable.ptable2 {width: 500px; margin: 10px;}

/* ¼­ºñ½º */
#ser_top{width:100%; min-height: 564px; background:url("/nhroot/images/service/timg.jpg") top center no-repeat; }
#ser_con{position: relative; width: 100%; height: 100%; min-height: 2000px; background: #373b44; margin: 0 auto;}
#ser_con .ser_tit{width: 100%; text-align: center; padding: 99px 0 108px;}

/* ÁÖº¯¿©ÇàÁö */
#tour_top{width:100%; min-height: 564px; background:url("/nhroot/images/tour/timg.jpg") top center no-repeat; }
#tour_con{position: relative; top:10%; width: 100%; height: 100%; min-height: 1100px; background: #373b44; margin: 30 auto;}
#t_box{width:970px; position:relative;  padding:60px 0; left: 50%; margin-left: -485px; color:#ffffff; font-size:14px; font-family:'Nanum Gothic' !important; text-align:center; line-height:18px; letter-spacing:-0.5pt;}

/* ÁÖº¯¿©ÇàÁö¸Þ´º */
#tourmenu {width: 100%; min-width: 1200px; text-align: center; padding: 70px 0 20px 0; }
#tourmenu li {display: inline-block; line-height: 54px; color: #fff; font-size:16px; padding: 0 15px; border: 1px solid #373b44; margin: 0 5px; cursor: pointer;}
#tourmenu li:first-child {}
#tourmenu li:hover, #tourmenu li.active {border: 1px solid #fff;}



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

.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; width:600px; top:230px; left:50%; margin-left:-210px; font-family:"Nanum", "³ª´®°íµñ" !important; z-index:50; text-align:center;}
.roomIntroTitle p {position: absolute; font-size:15px; color:#fff; font-family:"Nanum", "³ª´®°íµñ" !important; text-align:center; line-height:27px; letter-spacing:3pt;}


.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, #roomOverA05 {position:absolute; z-index:10; 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:633px; height:491px; top:290px; left:50%; margin-left:-10px; background-image:url("/nhroot/images/rooms/r01.png");}
#roomOverA02 {width:335px; height:194px; top:480px; left:50%; margin-left:-390px; background-image:url("/nhroot/images/rooms/r02.png");}
#roomOverA03 {width:213px; height:146px; top:620px; left:50%; margin-left:-270px; background-image:url("/nhroot/images/rooms/r03.png");}
#roomOverA04 {width:307px; height:114px; top:530px; left:50%; margin-left:-265px; background-image:url("/nhroot/images/rooms/r04.png");}
#roomOverA05 {width:322px; height:165px; top:550px; left:50%; margin-left:-705px; background-image:url("/nhroot/images/rooms/r05.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");}
#roomOverA04.current {background-image:url("/nhroot/images/rooms/r_over04_on.png");}
#roomOverA05.current {background-image:url("/nhroot/images/rooms/r_over05_on.png");}

/* room */
.r_tx01{width: 100px; position: absolute; bottom: 26.5%; left: 50%; margin-left: 10px; text-align: center; font-family:"Nanum", "³ª´®°íµñ" !important; font-weight: 600; color: #ffffff; font-size: 100px; z-index: 30; opacity: 0;}
.r_tx001{width: 300px; position: absolute; bottom: 26.5%; left: 50%; margin-left: -150px; text-align: center; font-family:"Nanum", "³ª´®°íµñ" !important; font-weight: 600; color: #ffffff; font-size: 100px; z-index: 30; opacity: 0;}
.r_tx02{width: 150px; position: absolute; bottom: 29.4%; left: 50%; margin-left: -125px; text-align: center; font-family:"Nanum", "³ª´®°íµñ" !important;  color: #ffffff; font-size: 40px; z-index: 30; opacity: 0;}
.r_tx03{width: 500px; position: absolute; bottom:24%; left: 50%; margin-left: -250px; text-align: center; color: #ffffff; font-size: 15px; letter-spacing: 5pt; z-index: 30; opacity: 0;}
.r_line{width: 250px; height:1px; position: absolute; bottom: 28%; left: 50%; margin-left: -125px; text-align: center; background: #fff; z-index: 30; opacity: 0;}
.rbtn_info {position: absolute; height: 40px; width: 131px; left: 50%; margin-left: -80px; text-align: center; z-index: 50; opacity: 0;}
#rbtn_info{bottom:16% !important; }


#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:"Nanum", "³ª´®°íµñ" !important; font-weight:700; font-size: 59px; color: #313131; line-height: 100%;}
#r_info > .inner > .rtit_tx{position: absolute; top: 0; left: 0; font-family:"Nanum", "³ª´®°íµñ" !important; font-weight:600; 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 .ltx2{position:relative; line-height: 15px; top: 23px; left: 30px; font-size: 13px !important;}
#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;}

/* talk */
#talk_top{width:100%; min-height: 564px; background:url("/nhroot/images/common/timg_talk.jpg") top center no-repeat; }
#talk_con{position: relative; width: 1100px; height: 700px; min-height: 700px; background: #fff; padding-top: 100px; margin: 0 auto;}