@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 

@font-face{
	font-family:'Nanum'; font-style:normal; font-weight:normal; 
	src:url(../jscss/NanumBarunGothic.eot); /* IE9 Compat Modes */
	src:url(../jscss/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(../jscss/NanumBarunGothic.ttf) format('truetype'), /* Modern Browsers */
	url(../jscss/NanumBarunGothic.woff) format('woff') /* Safari, Android, iOS */
}

@font-face{
	font-family:'NanumBold'; font-style:normal; font-weight:normal; 
	src:url(../jscss/NanumBarunGothicBold.eot); /* IE9 Compat Modes */
	src:url(../jscss/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(../jscss/NanumBarunGothicBold.ttf) format('truetype'), /* Modern Browsers */
	url(../jscss/NanumBarunGothicBold.woff) format('woff') /* Safari, Android, iOS */
}


/* font */
body, td, p, input, button, textarea, select{font-family:'Nanum', '³ª´®°íµñ', '±¼¸²', Gulim, sans-serif; font-family:'Nanum'\0/!important; *font-family:'Nanum'; font-size:13px; color:#666; line-height:160% ; letter-spacing:0.5pt;}
body {margin: 0px;}
a:link, a:visited, a:active{text-decoration:none; color:#4a4a4a; line-height:160%; font-family:'Nanum', ±¼¸², Gulim, sans-serif; font-family:'Nanum'\0/!important; *font-family:'Nanum'; letter-spacing:0.5pt;}
a:hover {text-decoration:none; color:#4a4a4a; line-height:160%; font-family:'Nanum', ±¼¸², Gulim, sans-serif; font-family:'Nanum'\0/!important; *font-family:'Nanum'; letter-spacing:0.5pt;}
ul, li{list-style: none;}
/* bgÀ̹ÌÁöó¸® body margin&background*/
/*.topbg { margin-left:0px; margin-top:0px; margin-right: 0px; margin-bottom:0px; background:url("/img/bg.jpg") no-repeat center top;} */

/* ±âº»¸µÅ©
A:link,A:visited{text-decoration:none; color:#333333;}
A:hover {text-decoration:none; color:#333333;}*/

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


/* ½½¶óÀ̵å */
html, body {height: 100%; margin: 0; padding: 0;}
body {font-size: 14px; color: #000;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {background-position: center; background-size: cover;}

/* ½½¶óÀ̵å¹öÆ° */
#slidebtn {position: absolute; top: 50%; right: 0; width: 70px; height: 183px; margin: -92px 0 0 0;}


/* -----------------¸ÞÀÎ----------------- */
/* index style */
/* ž */
#top_warp {position:fixed; width:100%; z-index:99999; top:0;}
#top{width: 100%; min-width: 1100px; height: 55px; background:rgba(255, 255, 255, 0.7); border-bottom:rgba(255, 255, 255, 0.5) 1px solid;}
#top .logo{width: 225px; height: 22px; background:url("/nhroot/images/common/logo.png"); font-size: 0; margin-left: 100px; margin-top:16px; cursor: pointer;float: left;}
#top .tm{width: 520px; height: 55px; float: left; margin-left: 50px; }
#top .gnb{width: 113px; height: 12px; float: right; margin-right: 30px; margin-top: 20px; text-align: right; padding-left: 1px; background: url("/nhroot/images/common/bt_reser_l.gif") no-repeat; }

.menu ul {clear:both; margin: 0; padding: 0;}
.menu li{font-size:15px;text-align:center; display:inline-block; }
.menu li > a{color:#000000; margin: 0 20px; display:inline-block;font-size:15px;font-weight:500; line-height: 55px;font-family: 'Nanum';}
.menu li > a:hover,.menu li a.on,.menu li.on a{color:#000000; border-bottom: #000000 3px solid; z-index:99999;}
.menu li .subMenu {position:fixed;top:58px;text-align:left;background:#fff;opacity:1;right:0;width:100%;display:none;color:#242424;z-index:100;font-size:14px; height: 39px;}
.menu li:hover .subMenu {display:block;height:auto;}
.menu li .sub1100 {position:relative;width:1100px; margin-left: 100px; height:32px;color:#535353; padding-top: 7px; }
.menu li .sub1100 a:link, .menu li .sub1100 a:active{color:#535353; padding:0 17px  !important;font-size:13px;font-weight:400; background:none; /* border-right:#000000 1px solid;*/}
/* .menu li .sub1100 a:last-child{border-right:none;}*/
.menu li .sub1100 a:hover{color:#535353; text-decoration: underline;}
.menu li .subMenu span {left: 70px; }

.menu li .ch1 a:first-child {margin-left: 200px; }
.menu li .ch2 a:first-child {margin-left: 200px; }
.menu li .ch3 a:first-child {margin-left: 200px;}
.menu li .ch4 a:first-child {margin-left: 200px;}
.menu li .ch5 a:first-child {margin-left: 520px;}
.menu li a span {padding:13px 40px; background:#575757;}

.btn_reser { display:inline-block;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition:
		all 0.2s ease; transition: all 0.2s ease;}
.btn_reser:hover, .btn_reser:focus { margin-left:20px;}

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


/* ¸ÞÀν½¶óÀ̵幮±¸ */
.maintit{position: absolute; top: 365px; right:50%; left:20%; text-align: right; z-index: 10;}
.maintit .txt1{width: 543px; height: 136px; padding: 0; margin: 0;}

/* index style end */


/* -----------------footer----------------- */
#footer {position:relative;background:#242424;width:100%;height:50px;color:#e1e1e1;font-size:11px;overflow:hidden;z-index:200;}
#footer .foot_in {padding-top:8px;}
#footer .foot_in span{float:right;padding-right:30px;text-align:right;line-height:11px;}
#footer .foot_in span a {color:#e1e1e1;}
#footer .foot_in address{float:left;padding-left:30px;line-height:18px;}

#footer_ {background:#242424;width:100%;height:50px;color:#e1e1e1;font-size:11px;overflow:hidden;z-index:200;}
#footer_ .foot_in {padding-top:8px;}
#footer_ .foot_in span{float:right;padding-right:30px;text-align:right;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:10px 15px;background:#242424;text-align:center;color:#e8e8e8;display:block;font-size:13px;}

/* -----------------¿Ü°ü----------------- */
.extit{position: absolute; bottom: 195px; left: 50%; width: 1000px; text-align: center; margin-left: -500px; z-index: 10;}
.extit .txt1{height: 38px; padding: 0; margin: 0;}
.extit .border{display: inline-block; width: 235px; height: 1px; background: #313131; margin: 15px 0 17px 0;}
.extit .txt2{font-family: 'NanumBarunGothic', sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; font-style: italic; color: #000; text-shadow: 0px 0px 5px rgba(255,255,255,0.7), 0px 0px 5px rgba(255,255,255,0.7); margin: 0;}


/* -----------------°´½Ç¹Ì¸®º¸±â----------------- */
#r_con {position:absolute;width:1000px;height:auto;top:90px;left:50%;margin-left:-500px;z-index:3;text-align:left;}
.r_ti {position:absolute;color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:20px;top:45px; left:50%;margin-left:-280px; z-index:3;text-align:left;}
.r_txt {position:absolute;width:100%;height:42px;top:30px; left:50%;margin-left:-470px; z-index:3;text-align:left;}
.rtxt1 {position:absolute;color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:16px;top:120px; left:50%;margin-left:-470px; z-index:3;text-align:left;}
.r_line {position:absolute;width:1100px;height:1px;top:90px;left:50%;margin-left:-560px;z-index:3;background:rgba(49,49,49,0.5);}

.rbg {height:1250px; width:100%; background:#f7f7f7; 400px center repeat-x; text-align:center; color:#000; padding-top:400px;}
.r_a {position:absolute;width:194px;height:218px;top:450px; left:200px;text-align:left;}
.r_b {position:absolute;width:167px;height:217px;top:850px; left:230px;text-align:left;}


.img_box{position:absolute;top:325px;left:50%;margin-left:-600px;}
.img_box > div{display: inline-block; width: 1215px;}
.img_box .room{width: 290px; float: left; margin: 0 5px 0 5px; cursor: pointer;}
.img_box .room .img{width: 290px; height: 270px; overflow: hidden;}
.img_box .room .img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out; /*ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡*/
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.img_box .room:hover .img img, #rv_con .img_box .room:focus .img img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.img_box .room .txt{font-family: "Nanum Gothic", "³ª´®°íµñ", sans-serif; font-size: 14px; line-height: 25px; letter-spacing: -0.5px; text-align: center; color: #313131; padding: 25px 0 40px 0;}
.img_box .room .txt span{display: block; width: 165px; font-family: "Nanum Gothic", "³ª´®°íµñ", sans-serif; font-size: 18px; font-weight: 600; line-height: 33px; vertical-align: bottom; letter-spacing: -0.5px; color: #313131; padding: 0; border-top: 1px solid #313131; border-bottom: 1px solid #313131; margin: 0 auto 15px;}

/* -----------------°´½Ç°¶·¯¸®----------------- */
#rtit_con {position:absolute;width:1000px;height:auto;bottom:150px;left:50%;margin-left:-500px;z-index:6;text-align:left;}
.rtit_txt {position:absolute;width:100%;top:0; left:50%; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size: 40px; font-weight: 400; line-height: 40px; margin-left:-470px; z-index:3;text-align:left;}
.rtit_txt span {display: block; float: left; font-family: 'Roboto'; font-size: 50px; font-weight: 900; vertical-align: bottom; margin: -3px 10px 0 0;}
.rtit_ti {position:absolute;top:16px;left:50%; color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:26px;margin-left:-270px; z-index:3;text-align:left;}

.rtit_line {position:absolute;width:1100px;height:1px;top:55px;left:50%;margin-left:-540px;z-index:3;background:rgba(49,49,49,0.5);}
.rinfo_open {position:absolute;width:170px;height:21px;line-height:21px;color:#fff;background:#313131;padding:3px 0;text-align:center;left:50%;margin-left:-42px;top:42px;z-index:4;cursor:pointer;}
/* °´½ÇÁ¤º¸ */
#rinfo{position:absolute; bottom: -205px; width: 100%; height: 280px; background:rgba(255, 255, 255, 1.0) url(/nhroot/images/sp/bg_info.gif) top center no-repeat; opacity:0; overflow:hidden; z-index:5; padding: 20px 0 0 0;}
#rinfo .inner{width:1000px; margin:40px auto 0 auto;}

#intb{border-top:#b5b5b5 1px solid; border-left:#b5b5b5 1px solid; margin-top:20px;} 
#intb th{background:#e5e5e5; border-bottom:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; color:#313131; text-align:center; padding:15px 10px; font-weight:700; font-size:15px;}
#intb td{background:#ffffff; border-bottom:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; color:#313131; text-align:left; padding:15px 10px; line-height:140%;}


/* -----------------½ºÆä¼È----------------- */
#sp_con {position:absolute;width:1000px;height:auto;top:90px;left:50%;margin-left:-500px;z-index:3;text-align:left;}
.sp_ti {position:absolute;color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:26px;top:45px; left:50%;margin-left:-250px; z-index:3;text-align:left;}
.sp_txt {position:absolute;width:100%;height:42px;top:30px; left:50%;margin-left:-470px; z-index:3;text-align:left;}
.sp_img {position:absolute;width:100%;height:42px;top:120px; left:50%;margin-left:40px; z-index:3;text-align:left;}
.stxt1 {position:absolute;color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:20px;top:120px; left:50%;margin-left:-470px; z-index:3;text-align:left;}
.stxt2 {position:absolute;color:#313131; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:14px;top:160px; left:50%;margin-left:-470px; z-index:3;text-align:left;}

.sp_line {position:absolute;width:1100px;height:1px;top:90px;left:50%;margin-left:-540px;z-index:3;background:rgba(49,49,49,0.5);}


/* -----------------¿©Çà----------------- */

#to_con {position:absolute;width:1000px;height:auto;top:90px;left:50%;margin-left:-500px;z-index:3;text-align:left;}
.to_ti {position:absolute;color:#ffffff; font-family: "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size:26px;top:45px; left:50%;margin-left:-270px; z-index:3;text-align:left;text-shadow:0px 0.3px 0px black;}
.tour_txt {position:absolute;width:100%;height:42px;top:30px; left:50%;margin-left:-470px; z-index:3;text-align:left; }

.to_line {position:absolute;width:1100px;height:1px;top:110px;left:50%;margin-left:-540px;z-index:3;background:rgba(255, 255, 255, 0.5);}
.to_open {position:absolute;width:170px;height:21px;line-height:21px;color:#313131;background:#ffffff;padding:3px 0;text-align:center;left:50%;margin-left:-42px;top:97px;z-index:4;cursor:pointer;}
.to_close {position:absolute;width:170px;height:21px;line-height:21px;color:#313131;background:#ffffff;padding:3px 0;text-align:center;left:50%;margin-left:-42px;top:97px;display:none;z-index:43;cursor:pointer;}

#to_text  {position:absolute;width:1000px;height:100px;top:230px;left:50%;margin-left:-460px;z-index:3;color:#ffffff;text-align:left; opacity:0; } 

/******************************** °øÅë ********************************/
#top_map{width: 100%; min-height: 200px; background: url("/nhroot/images/common/top_map.jpg") top center no-repeat;}
#top_reser{width: 100%; min-height: 200px; background: url("/nhroot/images/common/top_reser.jpg") top center no-repeat;}
#top_tx{width: 100%; height: 173px; position: relative;}
#top_tx .top_tx01{width: 500px; position: absolute; left: 50%; top:15px; margin-left: -250px; text-align: center; font-style:italic; font-family: 'Nanum Myeongjo'; color: #000; font-size: 48px; line-height: 100%; opacity: 0;}
#top_tx .top_line{min-height: 1px; position: absolute; left: 50%; top:70px; background: #000; opacity: 0;}
#top_tx .top_line2{min-width: 1px; min-height: 15px; position: absolute; left: 50%; top:83px; background: #000; transform: skewx(-30deg);  opacity: 0;}
#top_tx .top_tx02{width: 500px; position: absolute; left: 50%; top:100px; margin-left: -250px; text-align: center; font-style:italic; font-family: 'Nanum Myeongjo'; color: #aeaeae; font-size: 15px; line-height: 15px; opacity: 0;}
#top_con{width: 1100px; margin: 0 auto 50px auto;}
#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto;}
#ptable td {padding: 6px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; font-size:13px; text-align: center;}
#ptable th {border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;background: #ededed;font-weight: 300;color:#323232;}
.stit { width:100%; color:#000; font-size:14pt;  text-align:left; font-weight: 400;height:30px;letter-spacing:-0.5px;}
.stit3 { width:95%; color:#000; font-size:16px;  text-align:left; font-weight: 400;height:30px;top;margin:0 auto;}
.con1 {width:94%; margin:0 auto; font-size: 14px;}


#topbg{width: 100%; height: 300px; background: #f2f2f2; }
.toptit{position: absolute; top: 175px; left: 50%; width: 700px; text-align: center; margin-left: -350px; z-index: 10;}
.toptit .txt1{display: inline-block; margin: 0 0 20px 0;}
.toptit .txt2{font-family:  "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 5px; line-height: 20px; color: #313131;}
#top_con{position: relative; top: 0; left: 50%; width: 1100px; min-height: 1000px; color: #565656; margin-left: -550px;}
#top_con b{font-weight: 400; color: #000;}

/* ¿À½Ã´Â±æ */
#top_tit{width: 700px; z-index: 20; position: absolute; top: 230px; left: 50%; margin-left: -350px; opacity: 0; letter-spacing: 3px; font-size: 40px; font-weight: 700; color: #313131; font-family: "Nanum Gothic", "³ª´®°íµñ";  text-align:center;}
#top_txt{width: 700px; z-index: 20; position: absolute; top: 300px; left: 50%; margin-left: -350px; opacity: 0; letter-spacing: 2pt; font-size: 11px; font-weight: 400; color: #313131; font-family:'NanumBarunGothic', sans-serif;  text-align:center;}

#trabl{margin:0 auto 40px; width:1100px; clear:both;}
#trabl{width:1100px; background:#fff; text-align:center; margin:0 auto; border:1px solid #e2e2e2;}
#trabl tr{height:40px;}
#trabl tr th{font-size: 14px; text-align:center; line-height: 20px; background:#f5f5f5; vertical-align:middle; font-weight:normal; border:1px solid #e2e2e2;}
#trabl tr td{font-size: 13px; line-height: 30px; vertical-align:middle; border:1px solid #e2e2e2;}

/* ¿¹¾à¾È³»&½Ç½Ã°£ */
#reser {width: 100%; height: 1400px; padding-bottom: 50px;}
.reser_txt01{width: 600px; position: absolute; top: 160px; left: 50%; margin-left: -300px; font-size: 36px; text-align: center; color: #313131; font-weight: 900; opacity: 0; z-index:10;}
.reser_txt_{width: 156px; height: 1px; position: absolute; top: 220px; left: 50%; margin-left: -78px; background: #191e26; text-align: center; opacity: 0; z-index:10;}
.reser_txt02{width: 600px; position: absolute; top: 234px; left: 50%; margin-left: -300px; font-size: 16px; text-align: center; color: #313131; opacity: 0; z-index:10; font-family: 'Nanum';}

#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: 130%;}
#ptable td.red {color: #d61212;}
#ptable td.red s{color: #565656;}
#ptable th {border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; background: #ededed; font-weight: 300; color:#323232;}
#ptable2 {border-top:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; width:100%; margin: 0 auto;}
#ptable2 td {border-bottom:#d9d9d9 1px solid; padding: 12px 20px ; font-size:13px; text-align: left; line-height: 150%;}
#ptable2 td.td4 {border-bottom: none;}
#ptable2 th {border-right:#d9d9d9 1px solid; font-weight: 300;color:#323232;}
#ptable2 th.th2 {border-top:#d9d9d9 1px solid; vertical-align: top;}
.con { width:100%; margin:0 auto;}
.con1 {width:94%; color: #787878; margin:0 auto;}
.con1 p{width:100%; margin:0 auto; text-align: right;}

/* °Ô½ÃÆÇ */
#board {width: 100%; padding-bottom: 50px;}
.board_txt01{width: 600px; position: absolute; top: 160px; left: 50%; margin-left: -300px; font-size: 36px; text-align: center; color: #313131; font-weight: 900; opacity: 0; z-index:10;}
.board_txt_{width: 120px; height: 1px; position: absolute; top: 220px; left: 50%; margin-left: -60px; background: #191e26; text-align: center; opacity: 0; z-index:10;}
.board_txt02{width: 600px; position: absolute; top: 234px; left: 50%; margin-left: -300px; font-size: 16px; text-align: center; color: #313131; opacity: 0; z-index:10; font-family: 'Nanum';}