@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);

@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:'NanumGothic', ±¼¸², Gulim, sans-serif;font-family:'Nanum'\0/!important;*font-family:'Nanum'; font-size:14px; color:#2a2a2a; 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:'NanumGothic', ±¼¸², Gulim, sans-serif;font-family:'NanumGothic'\0/!important;*font-family:'NanumGothic';  letter-spacing:0.5pt;}
a:hover {text-decoration:none; color:#4a4a4a; line-height:160%; font-family:'NanumGothic', ±¼¸², Gulim, sans-serif;font-family:'NanumGothic'\0/!important;*font-family:'NanumGothic';  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);}


/** °øÅë **/
#logo{width: 208px; height: 65px; position: absolute; z-index: 40; top: 50px; left: 50%; margin-left: -69px; position: fixed;}
#gnb{width: 120px; height: 60px; position: fixed; top: 50px; right: 0; z-index: 40;}
#gnb.gnb2{width: 180px; top: 0;}
#gnb a{display: block; float: right;}

#rmenu{position: fixed; top: 110px; right: 0; width: 180px; height: 0; margin: 0; padding: 0; overflow: hidden;}
#rmenu.rmenu2{top: 60px;}
#rmenu > p{height: 50px; background: rgba(100, 100, 100, 0.8); color: #fff; cursor: pointer; margin: 0; padding:5px 0 0 10px;}
#rmenu li{height: 70px; background: rgba(255, 255, 255, 0.8); box-shadow: 1px 1px rgba(185,199,214,1); cursor: pointer; /*border-bottom: 1px solid #b9c7d6;*/}
#rmenu li:hover{background: rgba(255, 255, 255, 1);}
#rmenu li img{padding: 5px; float: left;}
#rmenu li p{font-size: 13px; line-height: 20px; margin: 0; padding-top: 20px;}

#tmenu{width: 270px; height: auto; position: fixed; top: 0; left: -210px; z-index: 50;}
#tmenu > #tmr{width: 100%; height: 80px; font-size: 16px;}
#tmenu > #tmr .logo2{position: relative; width: 210px; height: 104px; margin: 0;}
#tmenu > #tmr .menu{width: 210px; height: auto; background: #fff; padding: 27px 0;}
#tmenu > #tmr .menu > ul{padding-left: 35px;}
#tmenu > #tmr .menu > ul > li{}
#tmenu > #tmr .menu > ul > li > a{ font-size: 16px; color: #3b3b3b; font-weight: bold; display: block; margin-bottom: 13px;}
#tmenu > #tmr .menu > ul > li > a img{margin-right: 10px;}
#tmenu > #tmr .menu > ul > li .smenu{ padding-left: 25px;}
#tmenu > #tmr .menu > ul > li .smenu li{width: 100%; margin-bottom: 5px;}
#tmenu > #tmr .menu > ul > li .smenu li a{font-size: 13px; color: #313131;}
#tmenu > #tmr .menu > ul > li .smenu li.rv a{font-size: 15px; color: #b71b1b; font-weight: 600;}
#tmenu > #tmr .menu .menu_btn{position: absolute; left: 210px; top: 44px; cursor: pointer;}
#tmenu > #tmr .menu .logo{position: absolute; left: 280px; top: 28px; margin: 0;}
#ic_scroll{width:70px; height: 35px; position: fixed; bottom: 3%; left: 50%; margin-left: -35px; z-index: 39;}


/* Ä«ÇÇ */
#foot_box{position: fixed; bottom: 0; right: 0; width: 100%; min-height: 35px; z-index: 40;}
#foot_box.foot2{position: absolute; bottom: 0; right: 0; width: 100%; min-height: 35px; z-index: 40;}
.copytx{color: #535353; line-height:17px; font-size: 12px; position: absolute; top: 56px; left: 275px; letter-spacing: -0.6pt;}
#cotxa{width: 100%; height: 35px; background:#372f2d; color: #d2d2d2; font-size: 11px; line-height: 35px; letter-spacing: -0.1pt;}
.cotx{position: absolute; right: 345px;}
.cotx02{position: absolute; right: 145px;}
.cotx02 a{color: #d2d2d2;}
.pnbt{position: absolute; right: 0; height: 35px; font-size: 12px; color: #fff; cursor: pointer;}
.pnbt ul{margin: 0; padding: 0;}
.pnbt ul li{float: left; text-align: center;}
.pnbt ul li:first-child{width: 80px; background: #464646;}
.pnbt ul li:last-child{width: 55px; background: #499761;}

/* ¸ÞÀÎ */
#maintxt{}
#maintxt .txt{position: fixed; bottom: 35%; left: -1%; opacity: 0;}

/* ž°øÅë */
#top_talk {width: 100%; height: 250px; background: url(/nhroot/images/t_talk.jpg) top center no-repeat; position: absolute; top: 0; z-index: -1;}
#top_reser {width: 100%; height: 250px; background: url(/nhroot/images/t_reser.jpg) top center no-repeat; position: absolute; top: 0; z-index: -1;}
#top_map {width: 100%; height: 250px; background: url(/nhroot/images/t_map.jpg) top center no-repeat; position: absolute; top: 0;z-index: -1;}
.ttx01{ position: absolute; top: 100px; left: 50%; width: 700px;margin-left: -350px; text-align: center; color: #000; font-size:34px;  letter-spacing: 1pt; opacity: 0;}
.ttx02{position: absolute; top: 140px; left: 50%; width: 700px; margin-left: -350px; text-align: center; color: #000; font-size:16px;  opacity: 0;}
#top_conbox{width: 100%;  position: absolute;  top: 310px;}
#top_con{width: 1100px; min-height: 550px; padding-bottom: 55px; position: relative; margin:0 auto;}
#top_con2{width: 1250px; min-height: 900px; height: 900px; position: relative; 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; 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;}

/* °´½Ç¿ä±Ý */
#top_tit1 {position: absolute; top: 55px; left: 50%; width: 350px; font-size: 35px; text-align: center; color: #fff; margin-left: -175px; opacity: 0; letter-spacing: 8px;}
#top_tit2 {position: absolute; top: 100px; left: 50%; width: 350px; font-size: 15px; text-align: center; color: #fff; margin-left: -175px; opacity: 0; letter-spacing: 6px;}
#top_tit3 {position: absolute; top: 140px; left: 50%; width: 160px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; margin-left: -80px; border: #fff 1px solid; box-shadow: 1px 1px rgba(0,0,0,0.3); opacity: 0;}
.stit2 { width: 100%; font-size: 15pt; color: #403d33; text-align: left; font-weight: 600; height: 30px; letter-spacing: -0.5px; margin: 0 auto;}
.stit3 { width: 95%; font-size: 14pt; color: #ff4e00; text-align: left; font-weight: bold; height:3 0px; 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: 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;}
.con {width:100%; margin:0 auto;}
.con1 {width:94%; margin:0 auto;}

/* ¿Ü°ü */
#extx01{position: fixed; top: 20%;  left: 50%; width: 500px; margin-left: -250px; font-size: 36px; font-weight: 500; color: #ffa11c; text-shadow: 1px 1px 0px rgba(0,0,0,1); text-align: center; letter-spacing: -1px;}
#extx02{position: fixed; top: 25%;  left: 50%; width: 500px; margin-left: -250px; font-size: 32px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,1); text-align: center; letter-spacing: -1px;}

/* Ä«Æä */
#cafetx01{position: fixed; top: 14%;  left: 50%; width: 500px; margin-left: -250px; text-align: center;}

/* °´½Ç¹Ì¸®º¸±â */
#roomswrap{width: 100%; height: 100%; background: url(/nhroot/images/rooms/r/bg.jpg) top center no-repeat; background-size: cover;}
#roomswrap .tit{position: relative; width: 100%; height: 200px; margin: 0 auto; text-align: center;}
#roomswrap .tit #rsg_txa{position: absolute; top: 29%; left: 50%; width: 1000px; margin-left: -500px; opacity: 0;}
#roomswrap .tit #rsname{position: absolute; top: 48%; left: 50%; width: 700px; margin-left: -350px; opacity: 0;}
#roomswrap .tit #rsname2{position: absolute; top: 75%; left: 50%; width: 700px; font-size: 28px; color: #353535; margin-left: -350px; opacity: 0;}
#roomswrap > #rooms{padding: 0 0 70px;}
#roomswrap > #rooms div{height: 325px; margin: 0 auto; text-align: center;}
#roomswrap > #rooms .rs1{width: 733px; margin-bottom: 30px; opacity: 0;}
#roomswrap > #rooms .rs2{width: 1102px; clear: both; opacity: 0;}
#roomswrap > #rooms div ul{margin: 0 0 0 -40px;}
#roomswrap > #rooms div ul li{position: relative; width: 324px; height: 325px; float: left; margin: 0 0 0 45px;}
#roomswrap > #rooms div ul li:first-child{margin-left: 0;}
#roomswrap > #rooms div ul li a{width: 100%; height: 100%;}
#roomswrap > #rooms div ul li a img{}
#roomswrap > #rooms div ul li a h1{position: absolute; bottom: 65px; left: 15px; font-size: 20px; color: #333; font-weight: 600; margin: 0;}
#roomswrap > #rooms div ul li a p{position: absolute; bottom: 22px; left: 15px; font-size: 14px; background: url(/nhroot/images/rooms/r/line.jpg) top left no-repeat;); color: #333; margin: 0; padding-top: 10px;}

/* °´½Ç */
#rtitle{}
#rtitle > #rname{position: fixed; top: 0; left: 0; width: 271px; height: 91px; background: rgba(255, 255, 255, 0.8);}
#rtitle > #rname p{font-size: 12px; color: #a2414f; letter-spacing: 2px; padding: 19px 0 0 27px;}
#rtitle > #rname h1{position: absolute; top: 13px; left: 116px; color: #535353; font-size: 22px; font-weight: normal;}
#rtitle > #rname h2{position: absolute; top: 45px; left: 113px; color: #000; font-size: 36px; font-weight: normal;}
#rtitle > #btn_rinfo{position: fixed; top: 0; left: 271px; width: 58px; height: 58px; cursor: pointer;}
#rtitle > #rtxt{position: absolute; bottom: 27%; right: 1%; opacity: 0;}
#rsc_box{width:70px; height: 35px; position: fixed; z-index: 30; left: 50%; bottom: 7%;  margin-left:-35px; opacity: 0;}

#rinfo{position: fixed; top: 20%; width: 100%; background: rgba(255, 255, 255, 0.8); color: #313131; padding:55px 0 78px 0; display: none; text-align: center; z-index: 10;}
.rinner{position: relative; width: 1120px; margin:0 auto;}
.rclose{position: absolute; top: 0; right: 250px; width: 50px; height: 50px; text-align:right;}
#rinfo .rname{font-size: 40px; line-height: 40px; font-weight: 600;}
#rinfo .rname2{font-size: 17px; line-height: 17px; margin: 15px 0 25px 0;}
#rinfo .rname2 img {margin: 3px 30px;}
#rinfo .rintxt{}
#rinfo .rintxt .txt{font-size: 14px; line-height: 22px; margin: 0 0 25px 0;}
#rinfo .rintxt .txt2{font-size: 20px; color: #b71b1b; line-height: 20px; margin: 0 0 25px 0;}
#rinfo .rintxt .txt3{font-size: 20px; line-height: 20px; font-weight: 500; margin: 0 0 25px 0;}
#rinfo .rintxt .btn{position: absolute; top: 170px; right: 75px; width: 115px; height: 30px; font-size: 14px; background: #b71b1b; color: #fff; line-height: 30px; cursor: pointer;}
#rinfo .rintxt .btn a:hover{color: #fff; line-height: 30px;}
.rinfotxt{width: 976px; margin: 0 auto;  text-align: left;}
.rinfotxt table{width: 974px; border-collapse: collapse;}
.rinfotxt table tr{}
.rinfotxt table tr th{width: 95px; background: #626262; color: #fff; text-align: center;}
.rinfotxt table tr td{background: #fff; color: #000; padding: 20px; border: 1px solid #aaaaaa; letter-spacing: -0.5px;}
.rinfotxt table tr td.rleft{width: 280px;}
.rinfotxt table tr td span{color: #b71b1b; font-weight: bold;}

#rm{width: 630px; height: 116px; margin-top: 13px;}
#rm li{float: left; height: 166px; width: 116px; margin-left: 10px;}

/* Åõ¾î */
#trsc_box{width:70px; height: 35px; position: fixed; z-index: 30; left: 50%; bottom: 3%;  margin-left:-35px; opacity: 0;}
#trtxt{position: fixed; left:62%; width:395px;}
.trtxt01{position: fixed; top:65%; color: #313131; font-size:30px; text-align:left; letter-spacing: -3pt; opacity: 0; padding-bottom:20px;}
.trtxt01 span{color:#313131;}
.trtxt02{position: fixed; top:69%; color: #313131; font-size:13px; text-align:left; opacity: 0; letter-spacing: -0.2pt;}
.trtxt03{position: fixed; top:60%; color: rgba(49, 49, 49, 0.5); font-size:40px; text-align:left; opacity: 0; font-weight:700;}

/* ½ºÆä¼È */
#spg_txa{position: fixed; top: 20%;  left: 50%; width: 500px; margin-left: -250px; font-size: 36px; font-weight: 500; color: #ffa11c; text-shadow: 1px 1px 0px rgba(0,0,0,1); text-align: center; opacity: 0; letter-spacing: -1px;}
#spname{position: fixed; top: 25%;  left: 50%; width: 500px; margin-left: -250px; font-size: 32px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,1); text-align: center; letter-spacing: -1px; opacity: 0;}
#spbt_info{position: fixed; top: 32%; left:50%; width:150px; height: 36px; line-height: 36px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; margin-left: -75px; border: 1px solid rgba(255, 255, 255, 0.5); cursor: pointer; opacity: 0; z-index: 40;}

#spinfo{position: fixed; top: 17%; left: 50%; width: 640px; background: rgba(255, 255, 255, 1); color: #313131; z-index: 42; margin: 0 0 0 -320px; padding: 65px 0 27px 0; display: none; opacity: 0;}
#spinfo .intit{font-size: 32px; line-height: 49px; text-align: center; letter-spacing: 2pt; margin-bottom: 25px;}
#spinfo .intxt{background: url(/nhroot/images/sp/line.png) top center no-repeat; text-align: center; padding-top: 25px;}
#spinfo .intxt .p1{font-size: 18px; margin-bottom: 20px;}
#spinfo .intxt .txt{font-size: 14px; line-height: 20px; margin-bottom: 25px;}
#spinfo .intxt .close{width: 150px; height: 36px; font-size: 14px; color: #313131; line-height: 36px; margin:0 auto; border:1px solid rgba(0, 0, 0, 0.3); cursor: pointer;}