* { margin: 0; padding: 0; }
@font-face {font-family:nanum; src:url(/nhroot/NanumGothic.eot); }
@font-face{
font-family:ng;
src:url/nhroot/NanumGothic.eot);
src:local(※), url(/nhroot/NanumGothic.eot) format(‘woff’)
}
body{font-family:나눔고딕, NanumGothic, ng;font-size: 10pt; letter-spacing:normal; }


/* 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; } */
body { font-size: 12pt; font-family:nanum,돋움,돋움체,verdana; color:#282828; table-layout: fixed; word-break: break-all;letter-spacing:0px;margin-left:0px; margin-top:0px; margin-right: 0px; margin-bottom:0px;}
td { font-size: 10pt; font-family:nanum,돋움,돋움체,verdana; color:#282828; table-layout: fixed; word-break: break-all;letter-spacing:0px;}

.ft1 {	
			font-size: 17px;
			font-weight: bold;
			color: #282828;
			
		}
.ft2 {	
			font-size: 13px;
			font-weight: bold;
			color: #b7fffb;
			letter-spacing:-1pt;
		}

.ft3 {	
			font-size: 23px;
			font-weight: bold;
			color: #282828;
			
		}
.ft4 {	
			font-size: 14px;
			font-weight: bold;
			color: #7f7f7f;
			
		}
/*로그인 input*/
.input {
	font-family: "돋움", "굴림", "한강체";
	font-size:11px;
	color:#888888;
	background-color:#ffffff;
	border: 1px solid #D4C5C7;
	padding:3;
}
.input1 {
	font-family: "돋움", "굴림", "한강체";
	font-size:12px;
	color:#464646;
	letter-spacing:-1pt;
	background-color:#ffffff;
	border: 1px solid #616161;
}
.input2 {
	font-family: "돋움", "굴림", "한강체";
	font-size:12px;
	color:#464646;
	background-color:#ffffff;
	border: 1px solid #D4C5C7;
	height:22;
	padding-top:3;
}

/* 기본링크*/
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); }

/* xxx */
.inputt { BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; BACKGROUND: url(/bbs/web/dot02.gif) repeat-x 100% bottom; BORDER-LEFT: #cccccc 0px solid; COLOR: black; BORDER-BOTTOM: #cccccc 0px solid; HEIGHT: 18px } 
.inputs-title {HEIGHT: 19px;FONT-FAMILY: "돋움"; font-COLOR: #cccccc; FONT-SIZE: 12px ; BACKGROUND: #DBE0E8 url(/bbs/web/button3.gif) no-repeat fixed left bottom  ;  cursor: hand; width: 98px; text-align: center; vertical-align: bottom ; text-indent: 15px ; border: 0px ;behavior: url(/bbs/web/button.htc) }
.inputs-title-todo {HEIGHT: 19px;FONT-FAMILY: "돋움"; font-COLOR: #cccccc; FONT-SIZE: 12px ; BACKGROUND: #DBE0E8 url(/bbs/web/button5.gif) no-repeat fixed left bottom  ;  cursor: hand; width: 122px; text-align: center; vertical-align: bottom ; text-indent: 10px ; padding-top:2; border: 0px ;behavior: url(/bbs/web/button.htc) }

.topmenu {font-size:11px; font-family:돋움,돋움체; color: #776E5F; text-decoration: none; }
a.topmenu:link {font-size:11px; font-family:돋움,돋움체; text-decoration:none; color:#ffffff;}
a.topmenu:visited {font-size:11px; font-family:돋움,돋움체; text-decoration:none; color:#ffffff;}
a.topmenu:hover {font-size:11px; font-family:돋움,돋움체; color:#ffffff; text-decoration:none;}
.testmenu {
	font-family: "돋움", "굴림", "한강체";
	font-size: 12px;
	line-height: 40px;
	color: 4C4C4C;
}
.qlist {
	font-family: "돋움", "굴림", "한강체";
	font-size: 11px;
	color: #565656;
	background-color: #E3E3E3;
}
.inputtxt{font-family:굴림,Tahoma,Verdana,MS Sans Serif; font-size:9pt; color:#3D3D3D; background-color:#FFFFFF; border-width:1; border-color:rgb(206,206,206); border-style:solid;}

.sch_inputtxt{font-family:굴림,Tahoma,Verdana,MS Sans Serif; font-size:9pt; color:#3D3D3D; background-color:#FFFFFF; border-width:0; border-color:rgb(206,206,206); border-style:solid;}

/* 전광판텍스트 */
.sear_txt{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:10pt; color:#fff;}

/* 메인타이틀텍스트 */
.mti_txt{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:10pt; color:#666666; font-weight:bold;letter-spacing:-1pt;}

/* 메인매물텍스트 */
.msi_txt1{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:8pt; color:#333; font-weight:bold; }
.msi_txt2{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:8pt; color:#0018FF;}
.msi_txt3{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:8pt; color:#FF0000;}

.style2 {color: #FFFFFF}
.style3 {color: #FFFFFF}
.style5 {color: #B80A00}
.style6 {
	color: #663333;
	font-weight: bold;
}
.style7 {
	color: #990000;
	font-weight: bold;
}
.style9 {color: #FF6600}
.style10 {color: #659418}

/*bottom_menu*/
.bottom_menu { font-size: 12pt;  font-family:돋움,돋움체,verdana; color:#ffffff; }
a.bottom_menu:link {text-decoration:none; color:#FFFFFF;}
a.bottom_menu:visited {text-decoration:none; color:#FFFFFF;}
a.bottom_menu:hover {text-decoration:none; color:#FFFFFF}



/* 전광판텍스트 */
.tbar{font-family:돋움,Tahoma,Verdana,MS Sans Serif; font-size:9pt; color:#001128; letter-spacing:-1pt;}


.tm { font-size: 10.5pt;  font-family:nanum,돋움,돋움체,verdana; color:#362e2b;font-weight: bold; }
a.tm:link {text-decoration:none; color:#362e2b;font-weight: bold;}
a.tm:visited {text-decoration:none; color:#362e2b;font-weight: bold;}
a.tm:hover {text-decoration:none; color:#d2c5c1;font-weight: bold;}


.tm1 { font-size: 10.5pt;  font-family:nanum,돋움,돋움체,verdana; color:#626262;font-weight: bold; }
a.tm1:link {text-decoration:none; color:#626262;font-weight: bold;}
a.tm1:visited {text-decoration:none; color:#626262;font-weight: bold;}
a.tm1:hover {text-decoration:none; color:#2a2a2a;font-weight: bold;}


png24 { 
    tmp:expression(setPng24(this)); 
} 


.mt1 { font-size:11pt;  font-family:nanum,돋움,돋움체,verdana; color:#ffffff;font-weight: bold; letter-spacing:-0pt; }
a.mt1:link {text-decoration:none; color:#ffffff;font-weight: bold;}
a.mt1:visited {text-decoration:none; color:#ffffff;font-weight: bold;}
a.mt1:hover {text-decoration:none; color:#f8eaa3;font-weight: bold;}

#at td {
    border: 0px solid #dddddd;
    text-align: center;
    padding: 20px ;
}
#at td.none {
    border-top: none;
   /* border-bottom: none;*/ }


   .font_copy {
   font-family:Tahoma;
    letter-spacing:0pt;
	color: #686868;
	font-size: 10px;
}

.tm11 { font-size: 13px;  font-family:nanum,돋움,돋움체,verdana; color:#000000;font-weight: bold; }

#wrapper {width:984px; margin:30px auto}

.sliderbutton {float:left; width:32px; padding-top:260px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:920px; height:560px; border:0px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:10px; left:10px; margin:0 0 0 -40px;}
#slider li {float:left; width:920px; height:560px;}

.pagination {float:left; list-style:none;  margin:5px;}
.pagination li {float:left; cursor:pointer; padding:0px 3px;  text-align:center; color:#181818}
.pagination li:hover { color:#ff2e33}
li.current { color:#ff2e33}


.room_ti {	
			font-size: 28px;
			font-weight: bold;
			color: #282828;
			
		}


.link_w {FONT-SIZE: 11px; COLOR: #ffffff;   LINE-HEIGHT: 1.2; TEXT-DECORATION: none}
.link_w A:link {FONT-SIZE: 11px; COLOR: #ffffff;  LINE-HEIGHT: 1.2; TEXT-DECORATION: none}
.link_w A:visited {FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 1.2; TEXT-DECORATION: none}
.link_w A:active {FONT-SIZE: 11px; COLOR: #ffffff;  LINE-HEIGHT: 1.2; TEXT-DECORATION: none}
.link_w A:hover {FONT-SIZE: 11px; COLOR: #ffffff;LINE-HEIGHT: 1.2; TEXT-DECORATION: underline;}

/* 즐길거리 */
#sub5m{background:url(../images/enjoy/bg_top.gif) top left repeat; border:#d9d9d9 1px solid; padding:7px; margin:45px 0 40px 0;}
#sub5m_in{background:#FFF; padding:30px; border:#d9d9d9 1px solid;}
#sub5m_in td{color:#6a6a6a; font-family:돋움,돋움체; font-size:11px; line-height:25px; letter-spacing:normal;} 
#sub5m_in td a:link, #sub5m_in td a:visited{color:#6a6a6a; font-family:돋움,돋움체; font-size:11px; line-height:25px; letter-spacing:normal;} 
#sub5m_in td a:hover{color:#f14a38; font-family:돋움,돋움체; font-size:11px; line-height:25px; letter-spacing:normal;}

.stxt01{color:#454646; font-size:14px; font-weight:bold; font-family:돋움,돋움체; background:url(../images/enjoy/arr_1.gif) top left no-repeat; padding:0 0 20px 20px; letter-spacing:normal;}
.ctx{color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; letter-spacing:normal;} 
.ctx02{color:#f14a38; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; letter-spacing:normal;} 
.gr_tx{color:#679230; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; font-weight:bold; letter-spacing:normal;} 
.stxt02{color:#454646; font-size:12px; font-weight:bold; font-family:굴림,'Gulim'; background:url(../images/enjoy/arr_2.gif) top left no-repeat; background-position:0 50px; padding:50px 0 20px 17px; letter-spacing:normal;}
.stxt0202{color:#454646; font-size:12px; font-weight:bold; font-family:굴림,'Gulim'; background:url(../images/enjoy/arr_2.gif) top left no-repeat; background-position:0 40px; padding:40px 0 20px 17px; letter-spacing:normal;}

#tbl_ch th{border-top:#5b5b5b 2px solid; padding:15px; background:url(../images/enjoy/line_dot.gif) bottom left repeat-x; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; font-weight:normal; letter-spacing:normal;}
#tbl_ch td{border-bottom:#d5d5d5 1px solid; padding:15px; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; letter-spacing:normal;}
#tbl_ch .td02{ border:none; background:url(../images/enjoy/line_dot.gif) bottom left repeat-x; padding:15px; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; letter-spacing:normal;}
#tbl_ch .box{border:none; padding:0;}

.img2p{margin:20px 0 20px;}
.img3p{margin:20px 0 0;}

#tbl_ch2{ border-top:#727272 2px solid;}
#tbl_ch2 th{background-color:#fafafa; border-bottom:#d0d0d0 1px solid; border-right:#d0d0d0 1px solid;  padding:5px; text-align:center; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; font-weight:bold; letter-spacing:normal;}
#tbl_ch2 th.tend{background-color:#fafafa; border-bottom:#d0d0d0 1px solid; border-right:#ffffff 1px solid;  padding:5px; text-align:center; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; font-weight:bold; letter-spacing:normal;}
#tbl_ch2 td{border-bottom:#d0d0d0 1px solid; padding:5px; border-right:#d0d0d0 1px solid; color:#434343; font-size:12px; font-family:굴림,'Gulim'; line-height:25px; font-weight:normal; letter-spacing:normal;}
#tbl_ch2 td.tadiv{background-color:#fcfcfc; text-align:center;}
#tbl_ch2 td.tadivs{background-color:#f8f8f8; text-align:center;}
#tbl_ch2 td.tend{border-right:#FFF 1px solid;}

/** 유토피아 **/
.copy{width:100%; height:40px; position:fixed;padding-top:10px; z-index:5; bottom:0px; font-size:11px; color:#ffffff; text-align:center;line-height:190%;}
.copy_bg{width:100%; height:36px;position:fixed;padding-top:10px; z-index:4; bottom:0px;background-color: #000000; opacity:0.5 }
.tel_n{color:#ffcc00;font-size:20px;font-weight:700;opacity:1;font-weight:700; letter-spacing:normal;text-shadow:1px 1px 1px black;}
/*게시판*/
#board {min-width:100%; min-height:100%; width:100%; height:100%;position: absolute; top:0;overflow:hidden;}
 .bt_img{ width:100%;height:285px;  top:0px; position:absolute;text-align:center;overflow-y:hidden;background:url(/nhroot/images/board_img1.jpg) top center no-repeat;}
 .bt_img img{margin-top:90px;}
 .bt_st { width:1100px;height:56%;  top:300px; position:relative;text-align:center;margin:0 auto;}

 /* 오시는길 */
.maptx {font-size:10pt;color:#181818;font-weight:700;}
#mapbg {min-width:100%; min-height:100%; width:100%; height:100%; background:url(/nhroot/images/map_bg.jpg) top center no-repeat;background-size:cover;  position: absolute; top:0;overflow:hidden;}
 .intbor{ width:55%;height:85%;right:20px; top:100px; font-size:13px; font-weight:300; position:absolute; line-height:140%;overflow: hidden;}
 .tit{ width:55%;height:110px;  top:55px; right:20px; color:#222222; font-size:26pt; position:absolute;text-align:center; font-weight: bold; line-height:120%;}
 .mapimg{width:98%;height:420px;overflow: hidden;text-align:center;background:url(/nhroot/images/map_img1.jpg) top center no-repeat;border : 1px solid #ededed;}

 /*예약요금표*/
#ptable{  background: #8e8e8e; width:99%; margin-left:auto;  margin-right:auto;  }
#ptable td{ background: white; text-align:center;vertical-align:;}
#ptable th{ background: #ededed; text-align:center; vertical-align:;}
 .re_st { width:1100px;  height: 4700px; top:300px; position:relative;text-align:center;margin:0 auto;}

 /*종합예약*/
#reser {min-width:100%; min-height:100%; width:100%; position: absolute; top:0;}
 .reser_img{ width:100%;height:195px;  top:90px; position:absolute;text-align:center;overflow-y:hidden;background:url(/nhroot/images/board_img1.jpg) top center no-repeat;}
 .re_con{ width:100%; color:#222222; font-size:10pt;  text-align:left; margin: 10px 20px 30px 0px ; font-weight:normal;}
 .sale1{font-size:10pt;color:red;font-weight:700;}
 .sale3{font-size:10pt;color:blue;font-weight:700;}
 .sale2{font-size:10pt;color:;font-weight:700;}
 .sale_red{font-size:10pt;color:red;}
 .sale_blue{font-size:10pt;color:blue;}
 /*유의사항,예약규정 table*/
 .re_inform {width:99%; margin: 0 auto; border-collapse: collapse;}
 .re_inform td {padding: 5px 5px; border: 1px solid #8e8e8e;}
 .re_inform1 {text-align: center;}

/*예약*/
*{font-family:'나눔고딕' !important;}
 .re_img{ width:100%;height:285px; top:0px;position:absolute;text-align:center;overflow-y:hidden;background:url(/nhroot/images/reser_top.jpg) top center no-repeat;}
 .re_img img{margin-top:90px;}
 #reser .int{ width:1100px;height:62%;  top:300px; color:#000000; font-size:13px; font-weight:300; position:relative; line-height:140%;overflow-x: hidden;margin:0 auto;}

/* 서브 타이틀 */
.stit{color:#1b7864; font-size:30px; font-family:font-family:nanum,돋움,돋움체,verdana; font-weight:bold;}
.stit .btx{color:#6a6969; font-size:30px; font-family:font-family:nanum,돋움,돋움체,verdana;font-weight:;}

/* 어바웃 */
#about1{min-width:100%; min-height:100%; width:100%; height:100%; position:absolute; top:0; text-align:center;overflow: hidden;}
@media  (max-height:1200px){
#about1 .int{text-align:center;  color:#000000; font-size:13px;  line-height:200%; letter-spacing:normal;position:relative;top:300px;}
}
@media  (max-height:860px){
#about1 .int{text-align:center;  color:#000000; font-size:13px;  line-height:180%; letter-spacing:normal;position:relative;top:190px;}
}
@media  (max-height:700px){
#about1 .int{text-align:center;  color:#000000; font-size:12px;  line-height:160%; letter-spacing:normal;position:relative;top:170px;}
}
@media  (max-height:620px){
#about1 .int{text-align:center;  color:#000000; font-size:12px;  line-height:160%; letter-spacing:normal;position:relative;top:110px;}
}


#about1 .int p{color:#000000;  font-size:12px;font-weight:bold; display:inline;}

/* 룸 미리보기 */
#rooms {height: 1400px;}
@media all and (max-height:880px){
#rooms{min-width:100%; min-height:100%; width:100%;  background:url(/nhroot/images/bg_room.jpg) top center no-repeat; background-size:cover; text-align:center;}
#rooms .int{ width:1220px; height:600px; padding: 200px 0 0; margin: 0 auto;}
#rooms .int li{float:left; width:220px;  list-style:none; margin:0 13px 27px 13px;}
#rooms .int li img{ display:none;width:100%;}
}
@media all and (min-height:881px){
#rooms{min-width:100%; min-height:100%; width:100%;  background:url(/nhroot/images/bg_room.jpg) top center no-repeat; text-align:center;}
#rooms .int{ width:1220px; height:600px; padding: 235px 0 0; margin: 0 auto;}
#rooms .int li{float:left; width:279px; height:273px; list-style:none; margin:0 13px 27px 13px;}
#rooms .int li img{ display:none;}
}
/* 룸 갤러리 */
@media all and (max-height:880px){
#rinfo {background:rgba(56, 141, 142, 0.9);max-height:950px; height:950px; width:0px; opacity:0; margin:-100px auto 0 auto ; overflow:hidden;}
#rbg_txt {width:634px; position:absolute;  z-index:9; text-align:center; top:120px; left:50%; margin-left:-317px; display:none; }
#r_txt01 {width:348px; position:absolute;  z-index:10; text-align:center; top:230px; left:50%; margin-left:-174px; display:none;}
#r_txt02 {width:292px; position:absolute;  z-index:10; text-align:center; top:170px; left:50%; margin-left:-146px;  display:none;}
#r_txt03 {width:201px; position:absolute;  z-index:10; text-align:center; top:85px; left:50%; margin-left:-100px; opacity:0;}
#r_tit {width:502px; position:absolute;  z-index:10; text-align:center; top:135px; left:50%; margin-left:-251px; opacity:0;}
#r_bt{ width:348px; position:absolute;  z-index:10; text-align:center; top:250px; left:50%; margin-left:-174px;}
.stx{background:rgba(12, 107, 108, 0.8); width:700px; height:40px; padding-top:15px; text-align:center; font-size:12px; color:#FFF; line-height:120%; position:relative; margin:400px auto 0 auto;}
}
@media all and (min-height:881px){
#rinfo {background:rgba(56, 141, 142, 0.9);max-height:950px; height:950px; width:0px; opacity:0; margin:0 auto ; overflow:hidden;}
#rbg_txt {width:634px; position:absolute;  z-index:9; text-align:center; top:145px; left:50%; margin-left:-317px; display:none; }
#r_txt01 {width:348px; position:absolute;  z-index:10; text-align:center; top:240px; left:50%; margin-left:-174px; display:none;}
#r_txt02 {width:292px; position:absolute;  z-index:10; text-align:center; top:280px; left:50%; margin-left:-146px;  display:none;}
#r_txt03 {width:201px; position:absolute;  z-index:10; text-align:center; top:95px; left:50%; margin-left:-100px; opacity:0;}
#r_tit {width:502px; position:absolute;  z-index:10; text-align:center; top:145px; left:50%; margin-left:-251px; opacity:0;}
#r_bt{ width:348px; position:absolute;  z-index:10; text-align:center; top:340px; left:50%; margin-left:-174px;}
.stx{background:rgba(12, 107, 108, 0.8); width:700px; height:50px; padding-top:20px; text-align:center; font-size:13px; color:#FFF; line-height:120%; position:relative; margin:400px auto 0 auto;}
}
.r_bt02{ width:140px; height:40px; display:none;}
.r_bt01a{width:140px; height:40px; background:url(/nhroot/images/room/bt_info01.png) no-repeat top center; border:none; cursor:pointer; display:none;}
.r_bt01b{width:140px; height:40px; background:url(/nhroot/images/room/bt_info02.png) no-repeat top center; border:none; cursor:pointer; display:none;} 


#info_t{border-top:1px solid #c2ffff; border-left:1px solid #c2ffff; margin:30px auto 0 auto; position:relative;}
#info_t td{color:#c2ffff; font-size:13px; padding:7px; border-right:1px solid #c2ffff; border-bottom:1px solid #c2ffff;}
.ftxt{position:relative; margin:10px auto 0 auto;  text-align:left; width:500px; color:#c2ffff; font-size:11px; line-height:130%;}