/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ @import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Bitter); @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:'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;} /* 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: 141px; height: 126px; position: fixed; top:0px; left: 0px; z-index: 40;} #gnb{width:200px; height:25px; position: fixed; top:0px; right: -40px; z-index: 40; } #gnb img{margin: 0 10px;} #gnb1{width:51px; height:51px;position: fixed; top:0px; right: 210px; z-index: 40;text-align:right ;margin-top:10px;} #mbt{width: 70px; height: 51px; position: fixed; top: 0; right: 130px; z-index: 40;} #tmopen{width:51px; height:51px; cursor:pointer; display:block;} #tmclose{width:51px; height:51px; cursor:pointer; display:none;} #tmenu{width: 100%; height: 51px; position: fixed; top: 0; opacity: 0;background:url(/nhroot/images/t_mrbg.png) top right no-repeat;z-index:2;} #copy{width:100%; height:50px; position:fixed; bottom:0; z-index:40; text-align:right;color:#fff; line-height:22px; letter-spacing:0pt; font-size:12px;background:url(/nhroot/images/f_bg.png) bottom right no-repeat;} /* 스페셜 갤러리 */ .sp_txt{ width:100%; position:absolute; text-align:center; color:#403f3f; font-size:17px; top:70%; letter-spacing:-0.5pt;} .sp_txt h2{font-size:23px; color:#c18649; display:block; font-weight:normal;} .sp_txt h1{font-size:48px; color:#000000; display:block;line-height:100px; font-weight:normal;} /* 인사말 */ #about {min-width:100%; min-height:100%; width:100%; height:100%; background:url(/nhroot/images/about/abg.jpg) top center no-repeat;background-size:cover; position: absolute; top:0; left:0;overflow:hidden;z-index:-1;} /* 룸 갤러리 */ #rgnb{widht:200px; height:66px; position:absolute; top:10px; right:10px; z-index:40;} .rbt{width:54px; height:26px; float:left; margin:20px 10px 0 0; z-index:40;} /* 탑이미지 공통 */ #tsim{width:40px; height:40px; z-index:20; position:absolute; top:100px; left:50%; margin-left:-20px; opacity:0; } #txt{width:200px; z-index:20; position:absolute; top:138px; left:50%; margin-left:-100px; opacity:0; letter-spacing:6pt; font-size:18px; color:#ffffff; text-align:center;} #tline{width:50px; height:2px; z-index:20; position:absolute; top:190px; left:50%; margin-left:-25px; opacity:0;} #ttit{width:700px; z-index:20; position:absolute; top:200px; left:50%; margin-left:-350px; opacity:0; letter-spacing:6pt; font-size:50px; color:#ffffff; font-family:'Nanum Myeongjo'; text-align:center;} #ser_con{width:1220px; position:relative; margin:50px auto 0 auto; min-height:500px; height:500px;} #bg_copy{width:100%; background:#cfcfcf; z-index:39; height:50px; position:fixed; bottom:0;} /* map */ #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:57%;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:#2a2f2a; font-size:14pt; text-align:left; font-weight: 600;height:30px;letter-spacing:-0.5px;vertical-align:text-bottom;} .stit1 { width:100%; color:#090909; font-size:20pt; text-align:left; font-weight: bold; font-family: 'Oswald', sans-serif !important;height:30px;} .stit3 { width:95%; color:#dc1616; font-size:16pt; text-align:left; font-weight: bold;height:30px;top;margin:0 auto;} .ktit {font-size:10pt;color:#777777;font-weight:500;} /* reser */ #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;} #reser .tit{ width:57%;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%;} /*예약요금표*/ #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;} /* talk */ #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:57%;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%;} .int_reser{ width:57%;height:75%; top:145px; right:3%; color:#000000; font-size:13px; font-weight:300; position:absolute; line-height:140%;overflow-x: hidden;z-index:10;overflow:hidden;} /* 투어 */ #t_sub {position:absolute;width:350px;height:100%;min-height:100%;right:0px;background:rgba(255,255,255,0.8);z-index:1;text-align:center;} #t_all {width:100%;height:137px;} #tti {width:100%;height:50px;line-height:50px;text-align:center;color:#000;font-size:20px;} #tcon {width:100%;text-align:center;color:#323232;font-size:12px;line-height:20px;} #tme_img {float:left;margin:2px 0 0 2px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: url(filters.svg#grayscale); /* Firefox */ filter: grayscale(100%); /* IE */ filter:gray; -webkit-filter: grayscale(100%); /* Webkit */ cursor:pointer; } #tme_img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(0%); -webkit-filter: grayscale(0%);} #tme_over {float:left;margin:2px 0 0 2px;} /* 룸 갤러리 */ #rgnb{width:255px; right:0px; top:0px; z-index:40; position:fixed; text-align:right; } #rpm{width:0; height:195px; position:absolute; right:0; top:66px; z-index:40; opacity:0; overflow:hidden;} #rpm li{list-style:none; height:65px; width:255px;} #rpopen{cursor:pointer;} #rpclose{cursor:pointer; display:none;} #rtit{width:700px; position:absolute; left:50%; margin-left:-350px; bottom:170px; text-align:center; font-family:'Nanum Myeongjo'; color:#000000; font-size:45px; letter-spacing:-0.3pt; opacity:0;} #rtxt{width:700px; height:15px; position:absolute; left:50%; margin-left:-350px; bottom:135px; text-align:center; color:#000000; font-size:16px; letter-spacing:5pt; font-weight:400; opacity:0;} #rinfo_bt{width:450px; height:30px; position:absolute; left:50%; margin-left:-225px; bottom:80px; text-align:center; opacity:0;} #rinfo_bt img{margin:0 3px; cursor:pointer;} .in_close{display:none;} #rinfo{background:rgba(255, 255, 255, 0.8) url(/nhroot/images/rooms/room_galbg.jpg) top center no-repeat; max-width:100%; width:100%; height:0px; opacity:0; overflow:hidden; bottom:0; position:absolute;} #rinfo .rinfo_inner{width:1050px; height:200px; position:relative; margin:0 auto;} #intb{border-top:#b5b5b5 1px solid; border-left:#b5b5b5 1px solid; margin-top:10px;} #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%;} #rsub_btn1 {width:124px;height:37px;text-align:center; background:url(/nhroot/images/rooms/r_btn1.png) top center no-repeat;line-height:32px;letter-spacing:-1px;color:#000000;float:left;cursor:pointer; font-weight:700;} #rsub_btn2 {width:146px;height:37px;text-align:center; background:url(/nhroot/images/rooms/r_btn2.png) top center no-repeat;line-height:32px;letter-spacing:-1px;color:#000000;float:left;cursor:pointer; font-weight:700;} #tinfo_txt {position:relative;width:700px;left:50%;margin-left:-350px;margin-top:20px;text-align:center;color:#3b5330;font-weight:700;} /* 스페셜 */ #sinfo {position:absolute;height:0px;width:100%;background:rgba(0,0,0,0.9);top:420px;;text-align:center;color:#fff;opacity:0;overflow:hidden;} #sti1 {position:absolute;width:400px;left:50%;margin-left:-200px;font-family: 'Pinyon Script', cursive;font-size:36px;color:#000;opacity:0;top:130px;text-align:center;} #sti2 {position:absolute;width:600px;left:50%;margin-left:-300px; font-family:'Nanum Myeongjo'; font-size:70px;color:#FFF;top:180px;text-align:center;opacity:0;text-shadow: 1px 1px 3px #000;} #sti3 {position:absolute;width:400px;left:50%;margin-left:-200px; font-family:'Nanum Myeongjo'; font-size:12px;color:#FFF;opacity:0;top:230px;text-align:center;letter-spacing:10px;font-weight:700;} #sti4 {position:absolute;width:400px;left:50%;margin-left:-200px; font-size:30px;color:#FFF;top:280px;text-align:center;opacity:0;text-shadow: 1px 1px 3px #000;} #sbu1 {position:absolute;width:68px;height:68px;left:50%;margin-left:-85px;color:#FFF;top:370px;text-align:center;background:rgba(47,47,47,1);border-radius:39px;line-height:16px;border:5px solid #a67851;cursor:pointer;opacity:0;} #sbu1_ {position:absolute;width:68px;height:68px;left:50%;margin-left:-85px;color:#FFF;top:380px;text-align:center;background:rgba(96,79,64,1);border-radius:39px;line-height:16px;border:5px solid #000;cursor:pointer;display:none;} #sbu1:hover {background:rgba(96,79,64,1);border:5px solid #000;} #sbu2 {position:absolute;width:68px;height:68px;left:50%;margin-left:10px;color:#FFF;top:370px;text-align:center;background:rgba(47,47,47,1);border-radius:39px;line-height:16px;border:5px solid #a67851;cursor:pointer;opacity:0;} #sbu2_ {position:absolute;width:68px;height:68px;left:50%;margin-left:10px;color:#FFF;top:380px;text-align:center;background:rgba(96,79,64,1);border-radius:39px;line-height:16px;border:5px solid #000;cursor:pointer;display:none;} #sbu2:hover {background:rgba(96,79,64,1);border:5px solid #000;} .sbu_text {color:#d9ab86;} #sbu2_1 {position:absolute;width:58px;height:58px;left:50%;margin-left:70px;color:#FFF;top:325px;text-align:center;background:url(/nhroot/images/special/simg1.jpg) top center no-repeat;border-radius:39px;line-height:58px;border:3px solid #161616;cursor:pointer;opacity:0;font-weight:700;text-shadow:1px 1px 3px #000;} #sbu2_2 {position:absolute;width:58px;height:58px;left:50%;margin-left:100px;color:#FFF;top:385px;text-align:center;background:url(/nhroot/images/special/simg2.jpg) top center no-repeat;border-radius:39px;line-height:14px;border:3px solid #161616;cursor:pointer;opacity:0;font-weight:700;text-shadow:1px 1px 3px #000;} #sbu2_3 {position:absolute;width:58px;height:58px;left:50%;margin-left:70px;color:#FFF;top:445px;text-align:center;background:url(/nhroot/images/special/simg3.jpg) top center no-repeat;border-radius:39px;line-height:14px;border:3px solid #161616;cursor:pointer;opacity:0;font-weight:700;text-shadow:1px 1px 3px #000;}