@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/css?family=Oswald); @font-face {font-family:nanum; src:url(../NanumGothic.eot)}; body{font-family:나눔고딕, NanumGothic, ng;font-size: 10pt; letter-spacing:normal; } div{font-family:nanum;} body { font-size: 12pt; font-family:Nanum Gothic,돋움,돋움체,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 Gothic,돋움,돋움체,verdana; color:#282828; table-layout: fixed; word-break: break-all;letter-spacing:0px;} /* 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); } /*** 쉴만한물가펜션 ***/ /* 공통 */ *{font-family:'나눔고딕' !important;} .gnb{width:117px; height:115px; position: fixed; z-index:10; top:15px; right:20px; text-align:left;} .gnb .reser{width:81px; height:81px; margin:15px 0 0 20px; } .foot_bg {background:url('/nhroot/images/foot_bg.png') bottom right no-repeat;width:100%; height:50px; position: fixed; z-index:29;bottom:0px; right:0px;} .copy{width:100%; height:35px; position:fixed; z-index:30; bottom:10px; right:10px; font-size:14px; color:#ffffff; text-align:right; line-height:130%;} .copy li{float: right; list-style:none; padding-left:10px;} #atx03{width: 1000px; color: #000; text-align: center; text-shadow:2px 1px 0px rgba(255,255,255,0.6); font-size:42px; font-family: 'Nanum Myeongjo'; z-index:40; position: absolute; top: 16%; left: 50%; margin-left: -500px; letter-spacing: -0.3pt; opacity: 0;} #atx04{width: 600px; color: #FFF; text-align: center; font-size:10px; letter-spacing: 0.3pt; z-index:40; position: absolute; top: 27%; left: 50%; margin-left: -300px; opacity: 0;} /*예약*/ #reser {min-width:100%; min-height:100%; width:100%; height:100%; background:url(/nhroot/images/reser_bg.jpg) top center no-repeat;background-size:cover; position: absolute; top:0; left:0;overflow:hidden;z-index:-1;} .int_reser{ width:55%;height:75%; top:145px; right:5%; color:#000000; font-size:13px; font-weight:300; position:absolute; line-height:140%;overflow-x: hidden;z-index:10;overflow:hidden;} #reser .intreser{ width:74%;height:95%;left:25%; color:#000000; font-size:13px; font-weight:300; position:absolute; line-height:140%;overflow-x: hidden;} #reser .tit{ width:55%;height:110px; top:70px; right:5%; color:#222222; font-family: 'Oswald', sans-serif !important;font-size:26pt; position:absolute;text-align:left; font-weight: bold; line-height:120%;} .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;} #reser .con{ width:100%; color:#222222; font-size:10pt; text-align:left; margin: 10px 20px 50px 0px ;} .ktit {font-size:10pt;color:#777777;font-weight:500;} /* 예약 타이틀 */ #reserv_tit{width: 560px; position: absolute; top:18%; left: 50%; margin-left: -280px; text-align: center; font-family: 'Nanum Gothic', '나눔고딕'; font-size: 40px; color: #212121; opacity: 0; z-index:5;} #reserv_tit2{width: 560px; position: absolute; top:13%; left: 50%; margin-left: -280px; text-align: center;font-family: 'Nanum Gothic', '나눔고딕'; font-size: 14px; color: #787878; opacity: 0; z-index:5;} #reserv_tline{width: 80px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute; top:24%; left: 50%; margin-left: -40px; opacity: 0;z-index:5;} #reserv_stx01{width: 400px; color: #3a3a3a; font-size: 20px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center; opacity: 0;z-index:5;} #top_reser{width: 100%; height: 320px; position: absolute; background: url(/nhroot/images/top_reser.jpg) top center no-repeat; } #top_con2{width: 1100px; min-height: 1000px; height: 1000px; position: absolute; left: 50%; top: 370px; margin-left: -550px; padding-bottom: 95px; } /*예약요금표*/ #ptable{ background: #8e8e8e; width:99%; margin-left:auto; margin-right:auto;} #ptable td{ background: white; text-align:center; font-size:12px;} #ptable th{ background: #ededed; text-align:center;} /*오시는길*/ #map {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; left:0;overflow:hidden;z-index:-1;} #map .tit{ width:55%;height:110px; top:70px; right:5%; color:#222222; font-family: 'Oswald', sans-serif !important;font-size:26pt; position:absolute;text-align:left; font-weight: bold; line-height:120%;} /*게시판*/ #board {min-width:100%; min-height:100%; width:100%; height:100%; background:url(/nhroot/images/board_bg.jpg) top center no-repeat;background-size:cover; position: absolute; top:0; left:0;overflow:hidden;z-index:-1;} #board .tit{ width:55%;height:110px; top:70px; right:5%; color:#222222; font-family: 'Oswald', sans-serif !important;font-size:26pt; position:absolute;text-align:left; font-weight: bold; line-height:120%;} #top_talk{width: 100%; height: 320px; position: absolute; background: url(/nhroot/images/top_talk.jpg) top center no-repeat; } /*인사말*/ #about {min-width:100%; min-height:100%; width:100%; height:100%; background:url(/nhroot/images/about_bg.jpg) top center no-repeat;background-size:cover; position: absolute; top:0; left:0;overflow:hidden;z-index:-1;} .int_about{ width:55%;height:90%; top:8%; left:50%; color:#000000; font-size:13px; font-weight:300; position:absolute; line-height:140%;overflow: hidden;z-index:10; text-align:center;} /* 룸갤러리 */ #rtxt {position:absolute; z-index:10; left:0; top:70px; opacity:0;} #rtit {position:absolute; z-index:10; left:0; top:125px; opacity:0;} #bt_info{position:absolute; z-index:10; left:75px; top:228px; opacity:0;} #bt_reser{position:absolute; z-index:10; left:150px; top:228px; opacity:0;} .r_bt01a{width:65px; height:65px; border:none; cursor:pointer; display:none;} .r_bt01b{width:65px; height:65px; border:none; cursor:pointer; display:none;} #rinfo{width:0px; max-width:460px; height:100%; min-height:100%; opacity:0; background:rgba(255, 255, 255, 0.9); position:absolute; left:0; top:0; z-index:9; border-top:4px solid #80b8c1;} #rinfo .stx{background:rgba(97, 152, 168, 0.8); width:460px; height:50px; padding-top:20px; text-align:center; font-size:13px; color:#FFF; line-height:120%; position:relative; margin:325px auto 0 auto;} #info_t{border-top:1px solid #a0a0a0; border-left:1px solid #a0a0a0; margin:30px auto 0 auto; position:relative;} #info_t td{color:#464646; font-size:13px; padding:7px; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0;} .ftxt{position:relative; margin:10px auto 0 auto; text-align:left; width:410px; color:#464646; font-size:12px; line-height:130%;} #r_ptx{width: 175px; height: 23px; background: rgba(255, 255, 255, 0.2 ); border: rgba(0, 0, 0, 0.7) 1px solid; letter-spacing: 3pt; color: #000; line-height: 23px; text-align: center; font-size: 12px; position: absolute; top: 7%; left: 70px; opacity: 0; z-index:50;} #r_tite{width: 400px; color: #000; text-align: left; font-size: 60px; position: absolute; top: 10%; left: 70px; font-family: 'Nanum Myeongjo'; opacity: 0; z-index:50;} #r_titk{width: 400px; color: #000; text-align: left; font-size: 25px; position: absolute; top: 18%; left: 73px; opacity: 0; z-index:50;} /* 룸갤러리 메뉴 */ #rm{width:80px; height:100%; min-height:100%; background:rgba(255, 255, 255, 0.9); overflow:hidden; position:absolute; top:0; right:0; z-index:10px;} #icom li{width:80px; height:90px; list-style:none;} #txm li{width:80px; line-height:35px; background:url(/nhroot/images/room/dot.png) bottom center no-repeat; color:#383838; font-size:12px; text-align:center; list-style:none;} #txm li a:link, #txm li a:active, #txm li a:visited{color:#383838; font-size:12px; text-decoration:none;} #txm li a:hover{color:#6198a8; font-size:12px; text-decoration:none;} /* 스페셜 */ #spm{width:950px; height:120px; position:absolute; bottom:130px; left:50%; margin-left:-480px; z-index:40; text-align:center; opacity:0;} #spm img{margin:0 5px;} #sp_tit{width:500px; position:absolute; z-index:40; bottom:370px; left:50%; margin-left:-250px; text-align:center; color:#fff; font-size:36px; letter-spacing:-0.5pt; text-shadow:1px 1px 0px rgba(0,0,0,0.6); opacity:0;} #sp_stit{width:500px; position:absolute; z-index:40; bottom:340px; left:50%; margin-left:-250px; text-align:center; color:#fff; font-size:14px; font-family:'Nanum Myeongjo'; letter-spacing:5pt; font-weight:400; text-shadow:1px 1px 0px rgba(0,0,0,0.6); opacity:0;} #sp_txt{width:500px; position:absolute; z-index:40; bottom:270px; left:50%; margin-left:-250px; text-align:center; color:#ffffff; font-size:14px; line-height:18px; text-shadow:1px 1px 0px rgba(0,0,0,0.6); opacity:0;} /* 투어 */ .tx_box a{display: block; width: 310px; height: 28px; font-size: 13px; margin: 0 auto; text-align: center; line-height: 28px; background: #dadada;} .bt_top{width: 1220px; height: 51px; text-align: center; background: url(/nhroot/images/tour/bg_top.gif) repeat-x; margin: 40px 0 70px 0; } #bt_t{cursor: pointer;} #sc_box{width: 100%; height: 100%;} .t_copy{position: relative; margin-top: 300px;} #tov_tit{width:572px; position: absolute; top:16%; left: 50%; margin-left: -280px; text-shadow:1px 1px 0px rgba(0,0,0,0.4); text-align: center; font-family: 'Nanum Myeongjo'; opacity: 0; z-index:5;} #tov_tline{width:75px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute; top:28%; left: 50%; margin-left: -50px; opacity: 0;z-index:5;} #tov_stx01{width:400px; color: #3a3a3a; font-size:15px; position: absolute; top:30%; left: 50%; margin-left: -210px; text-align: center; opacity: 0;z-index:5;} /* 게시판 타이틀 */ #boardv_tit{width: 560px; position: absolute; top:18%; left: 50%; margin-left: -280px; text-align: center; font-family: 'Nanum Gothic', '나눔고딕'; font-size: 40px; color: #212121; opacity: 0; z-index:5;} #boardv_tit2{width: 560px; position: absolute; top:13%; left: 50%; margin-left: -280px; text-align: center;font-family: 'Nanum Gothic', '나눔고딕'; font-size: 14px; color: #4e4e4e; opacity: 0; z-index:5;} #boardv_tline{width: 80px; height: 1px; background: rgba(58, 58, 58, 0.8); position: absolute; top:24%; left: 50%; margin-left: -40px; opacity: 0;z-index:5;} #boardv_stx01{width: 400px; color: #3a3a3a; font-size: 20px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center; opacity: 0;z-index:5;}