/* 미니 숲 이미지 */ #miniBg {width: 1000px; height: 48px;} #miniBg img {float: right;} /* LNB 타입 */ #csBox {margin-top: 22px;} /* 레일바이크 서브 박스 */ #subRailbike01 {float: left; width: 762px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subRailbike03 {float: left; width: 762px; height: 1200px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subRailbikeInfo {float: left; width: 762px; height: 1000px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subspecialbike {float: left; width: 762px; height: 1000px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} p.location{padding-left:25px ;margin-top:15px; color:#727272; vertical-align:middle} #subRailbikePay {float: left; width: 762px; height: 1000px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subRailbikeTrain {float: left; width: 762px; height: 1500px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subCustomer {float: left; width: 762px; height: 900px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} /* 서브타이틀 폰트 */ #subTT01 {margin:70px 30px 15px 30px; text-align: letf;} #subTT02 {margin:70px 30px 15px 0; float: right; background-image:url(/images/sub/common/img_railbike3.png); background-repeat: no-repeat;} #subTT03 {margin:40px 30px 10px 25px; text-align: letf;} .subcont_TT {font-size: 28px;color: #655847; margin:20px 0 20px 0;font-family:"나눔고딕","NG","돋움","dotum";letter-spacing:-1px; text-align: left;} .subcont_TT .sumtext li {float: left; margin-right: 10px; width:9px; height: 9px; background: #fff; border: 2px solid #909090; text-indent: -9999em; border-radius: 50%; cursor: pointer; } .cp_date { font-size:13px; font-weight:bold; letter-spacing:-1px; line-height:1.5; color:#ffffff; background-color:#ae9b84; border-bottom:2px solid white; text-align:center} .cp_map { margin-top:30px} .subcont_img {margin-left: 10px; margin-top: 20px;} .subcont_b {font-family:"나눔고딕","NG","돋움","dotum";font-size: 20px; color: #655847; font-weight:normal; text-align:left; margin:40px 0 20px 10px; width:655px;} .subcont {font-family:"나눔고딕", "NG","돋움","dotum";font-size: 15px; color: #676767; font-weight:normal; text-align:left; margin:0px 0 0 10px; letter-spacing:-0.5px; line-height:150%; width:655px;} #sumtext h3 {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-left:15px; margin-bottom:8px; margin-top:20px; } .sumtexh3 {background:url(/images/sub/sun_title/bu_s_tit.gif) no-repeat left 4px; margin-left:30px; margin-bottom:8px; margin-top:20px;} .sumtexp {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-left:20px; margin-top:30px;} .sumtexpR {font-family:"나눔고딕","NG","돋움","dotum";font-size: 12px; color: #655847; font-weight:normal; float:right; margin:10px 25px 0 0;} .sumtexh4 {background:url(/images/sub/sun_title/bu_s_tit.gif) no-repeat left 4px; margin-bottom:8px; margin-top:20px;} .sumtexh5 {background:url(/images/sub/sun_title/bu_s_tit.gif) no-repeat left 4px; margin-bottom:8px; margin-top:10px;} .sumtexp02 {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-top:30px; margin-left:20px;} .sumtexp03 {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-top:10px; margin-left:20px;} .sumtexp04Test {font-family:"나눔고딕","NG","돋움","dotum";font-size: 18px; color: #ffffff; font-weight:normal; text-align:left; margin-top:10px; margin-left:10px;} .sumtexp01 {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-top20px; margin-bottom:30px; line-height:145%;} #sumtext li {font-family:"나눔고딕","NG","돋움","dotum";font-size: 16px; color: #655847; font-weight:normal; text-align:left; margin-left:5px; background:url(/images/sub/sun_title/bu_s_tit.gif) no-repeat left 4px; } #subexpan {margin:20px 30px 15px 30px; text-align: letf;} .subcont_TT {font-size: 28px;color: #655847; margin:20px 0 20px 0;font-family:"나눔고딕","NG","돋움","dotum";letter-spacing:-1px; text-align: left;} .subcont_TT .sumtext li {float: left; margin-right: 10px; width:9px; height: 9px; background: #fff; border: 2px solid #909090; text-indent: -9999em; border-radius: 50%; cursor: pointer; } /* 레일바이크 기타 css */ #railChartA {margin-left: 63px; margin-top: 23px;} #railChartB {margin-left: 63px; margin-top: 23px;} #railChartC {margin-left: 63px; margin-top: 23px;} #railChartD {margin-left: 63px; margin-top: 23px;} #ruleAgree {font-size: 18px; text-align: center; font-weight: bold;} /*레일바이크 요금 표*/ /*table 가로스타일*/ #railpay {margin-left:50px; width:80%;} #bikepay {margin-left:20px; width:80%;} .tbl_h thead th{padding:0px 0 0 50x;height:38px;text-align:center;vertical-align:middle;background:#e9e3dc; border-bottom:1px solid #cbcbcb; border-top:2px solid #cbcbcb; border-left:1px solid #cbcbcb; font-family:"나눔고딕","NG","돋움","dotum";font-size:14px;} .tbl_h thead tr.bg_none{background:none;} .tbl_h td{height:22px;padding:0px 0;text-align:center;border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .tbl_h tbody td{line-height:20px;} .tbl_h tbody th, .tbl_h tfoot th{height:32px;border-bottom:1px solid #a0a0a0;text-align: center;} .tbl_h tbody.th_b th{font-weight:bold} .tbl_h th:first-child, .tbl_h td:first-child{border-left:none; border-right:none;} .tbl_h tbody.lin_btm td{border-bottom:1px solid #000} .tbl_h tfoot td {padding:3px 0;color:#064aa5;background:#f8f8f8;}.tbl_h tbody.t_lin02{border-top:3px solid #a0a0a0} .tbl_h tfoot.bg_blue td{font-weight: bold;background: #e0eaf7;color: #000;} .tbl_h tfoot.t_lind02{border-top:2px solid #000} .tbl_h tfoot.t_lind02 td{color:#464646;background:none;} .tbl_h tbody td{padding:5px 0;line-height:20px;} .tbl_h tr.cont th, .tbl_h tr.cont td{vertical-align:top} .tbl_h2 thead th{padding:0px 0 0 0px;height:32px;text-align:center;vertical-align:middle;background:#e9e3dc; border-bottom:1px solid#cbcbcb; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; font-family:"나눔고딕","NG","돋움","dotum";font-size:14px;} .tbl_h2 thead tr.bg_none{background:none;} .tbl_h2 td{height:22px;padding:0px 0;text-align:center;border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .tbl_h2 tbody td{line-height:20px;} .tbl_h2 tbody th, .tbl_h tfoot th{height:32px;border-bottom:1px solid #a0a0a0;text-align: center;} .tbl_h2 tbody.th_b th{font-weight:bold} .tbl_h2 th:first-child, .tbl_h td:first-child{border-left:none; border-right:none;} .tbl_h2 tbody.lin_btm td{border-bottom:1px solid #000} .tbl_h2 tfoot td {padding:3px 0;color:#064aa5;background:#f8f8f8;}.tbl_h tbody.t_lin02{border-top:3px solid #a0a0a0} .tbl_h2 tfoot.bg_blue td{font-weight: bold;background: #e0eaf7;color: #000;} .tbl_h2 tfoot.t_lind02{border-top:2px solid #000} .tbl_h2 tfoot.t_lind02 td{color:#464646;background:none;} .tbl_h2 tbody td{padding:5px 0;line-height:20px;} .tbl_h2 tr.cont th, .tbl_h tr.cont td{vertical-align:top} .txt_brown{font-family:"나눔고딕","NG","돋움","dotum";font-size: 14px; color:#82725e; font-weight:normal; text-align:left; letter-spacing:-0.5px; line-height:150%;} .txt_Bbrown{font-family:"나눔고딕","NG","돋움","dotum";font-size: 15px; color:#82725e; font-weight:normal; text-align:left; letter-spacing:-0.5px;} .txt_white{font-family:"나눔고딕","NG","돋움","dotum";font-size: 15px; color:#ffffff; font-weight:normal; text-align:left; letter-spacing:-0.5px;} .txt_red{font-family:"나눔고딕","NG","돋움","dotum";font-size: 12px; color:#fe1616; font-weight:normal; text-align:left; letter-spacing:-0.5px; line-height:160%; width:655px; list-style-type:disc;} .txt_Bred{font-family:"나눔고딕","NG","돋움","dotum";font-size: 15px; color:#fe1616; font-weight:normal; text-align:left; letter-spacing:-0.5px; line-height:160%; width:655px; list-style-type:disc;} /*table 가로스타일 sub*/ #bikepay {margin-left:25px; margin-top:15px; width:80%;} .tbl_w thead th{padding:5px 5px 5px 5px;height:20px;text-align:center;vertical-align:middle;background:#ececec; border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; font-family:"나눔고딕","NG","돋움","dotum";font-size:12px; line-height:130%; } .tbl_w thead tr.bg_none{background:none;} .tbl_w td{height:26px;padding:3px;text-align:center;border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} .tbl_w tbody td{line-height:18px;} .tbl_w tbody th, .tbl_h tfoot th{height:32px;border-bottom:1px solid #a0a0a0;text-align: center;} .tbl_w tbody.th_b th{font-weight:bold} .tbl_w th:first-child, .tbl_w td:first-child{border-left:none; border-right:none;} .tbl_w tbody.lin_btm td{border-bottom:1px solid #000} .tbl_w tfoot td {padding:3px 0;color:#064aa5;background:#f8f8f8;}.tbl_w tbody.t_lin02{border-top:3px solid #a0a0a0} .tbl_w tfoot.bg_blue td{font-weight: bold;background: #e0eaf7;color: #000;} .tbl_w tfoot.t_lind02{border-top:2px solid #000} .tbl_w tfoot.t_lind02 td{color:#464646;background:none;} .tbl_w tbody td{padding:5px 0;line-height:20px;} .tbl_w tr.cont th, .tbl_w tr.cont td{vertical-align:top} #sumtext_c {margin-top:10px;} #sumtext_c li{font-family:"나눔고딕","NG","돋움","dotum";font-size: 15px; color: #676767; font-weight:normal; text-align:letf; margin:0px 0 0 25px; letter-spacing:-0.5px; line-height:160%; width:655px; list-style-type:disc;} .tbl_h tr.cont_view td{padding:20px 10px;vertical-align:top} .tbl_h tr.cont_view td p.img{padding:20px 0} .tbl_h tfoot th {text-align:center;border-bottom:1px solid #a0a0a0;background:#fafafa;font-weight:bold;} .tbl_h tbody td select{vertical-align:middle;margin:5px 0;} .tbl_h .tot-won td {background:#f8f8f8;font-weight:bold;color:#555;text-align:right;padding:9px 25px 9px 0;} .tbl_h .tot-won td strong{font-size:16px;} .tbl_h th.btm_no, .tbl_h tbody.btm_no td, .tbl_h td.btm_no {border-bottom:none;} .tbl_w th.btm_no, .tbl_w tbody.btm_no td, .tbl_w td.btm_no {border-bottom:none;} .tbl_h td.total{font-weight:bold;color:#fe1616;text-align:right;border-bottom:2px solid #cfcfcf;} .tbl_h tr.b_btm2 th, .t.tbl_h tr.b_btm2 td{border-bottom:2px solid #cfcfcf;} .bdl_left_off {border-left:0px solid #ffffff !important;} .bdl_top_off {border-top:0px solid #ffffff !important;} .bdl_on {border-left:1px solid #cfcfcf !important;} .tbl_h tbody.lef td, .tbl_h tbody.lef td, .tbl_h th.lef, .tbl_h td.lef {padding-left:10px;text-align:left;} .tbl_h tbody.rig td, .tbl_h tbody.rig td, .tbl_h th.rig, .tbl_h td.rig {padding-right:10px;text-align:right;} .tbl_h td.pant {padding-left:25px;text-align:left;} .t_re{position:absolute;left:0;bottom:20px} .pnt{position:absolute;right:20%;top:17px} .tbl-railpay tbody tr{background:#f9f9f9;} .tbl-railpay tbody th{background:#fff;border-top:3px solid #efefef; border-bottom:1px solid #efefef;} .tbl-railpay tbody tr > th:first-child{border-left:0;} .tbl-railpay .tinfo-ml{font-weight:normal;text-align:left;padding-left:15px;} .tbl-railpay .blog-box{text-align:right;padding-right:10px;} .tbl-railpay .blog-box a{margin-right:10px;} .tbl-railpay .tinfo-txt{padding:25px;text-align:left;} .tbl-railpay tfoot th{text-align:center;background:#fbfbfb;border-right:1px solid #efefef;} .tbl-railpay tfoot td{text-align:left;padding-left:15px;} /* 기차펜션 서브 박스 */ #subPension01 {float: left; width: 762px; height: 1450px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPension02 {float: left; width: 762px; height: 770px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPension03 {float: left; width: 762px; height: 1330px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPension04 {float: left; width: 762px; height: 1520px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPension05 {float: left; width: 762px; height: 840px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPension06 {float: left; width: 762px; height: 950px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subPensionInfo {float: left; width: 762px; height: 700px; border: 1px solid #ae9b84; background-color: #fff; background-image:url(../images/sub/sun_title/subBn_b2.png); background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative;} /* 자전거공원 css */ #campay { margin-left:20px; line-height:2} #cpintro { margin-left:35px; padding-bottom:20px} #cpintro>#sumtext { margin-top:50px} #park_intro #sumtext { margin-top:50px} .cp_process { } .cp_process li { float:left; width:21%; margin-right:15px; padding-bottom:30px} .cp_process li h3 { font-size:13px; line-height:1.7; padding:15px 0 15px 10px; color:#FFFF99; margin-bottom:10px; background:#655847 ;} .cp_process li h3 span { letter-spacing:-2px; color:#fff;} .cp_process li h3:hover { background: url(../images/subpage/icon_camping01.png) no-repeat 100%, #ae9b84;} .cp_process li p { color:#676767; line-height:1.5} .mtb_process { } .mtb_process li { float:left; width:21%; margin-right:15px; padding-bottom:30px} .mtb_process li h3 { font-size:13px; line-height:1.7; padding:15px 0 15px 10px; color:#FFFF99; margin-bottom:10px; background:#655847 ;} .mtb_process li h3 span { letter-spacing:-2px; color:#fff;} .mtb_process li h3:hover { background: url(../images/subpage/icon_mtb.png) no-repeat 100%, #ae9b84 ;} .mtb_process li p { color:#676767; line-height:1.5; font-size:11.5px} #subTravel06 {float: left; width: 762px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px; padding-bottom:50px} #sumtext { clear:both} #introbtn_01 a { display: inline-block; width:30.5%; height:30px; font-size:13px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#ae9b84; text-align:center; font-weight:bold; padding:10px 0} #introbtn_02 a { display: inline-block; width:30.5%; height:30px; font-size:13px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#ae9b84; text-align:center; font-weight:bold; padding:10px 0} #introbtn_03 a { display: inline-block; width:30.5%; height:30px; font-size:13px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#ae9b84; text-align:center; font-weight:bold; padding:10px 0} #iconTab01 span a:hover { background:#ae9b84; color:#fff} #introA { padding-left:10px; margin-top:20px;} #introA p { margin-top:20px} #introB { padding-left:10px; margin-top:20px; display:none} #introB p { margin-top:20px} #introC { padding-left:10px; margin-top:20px; display:none} #introC p { margin-top:20px} #intro_1st { position:absolute; top:190px} /* 기차펜션 기타 css */ #pensionChartA {margin-left: 63px; margin-top: 23px;} #pensionChartB {margin-left: 63px; margin-top: 43px;} #roomItem {margin-top: 10px;} #roomItem p {margin-top: 8px;} #callNumber {font-size: 13px; margin-left: 22px; height: 190px;} .revInfo {margin-top: 25px; margin-bottom: 25px;} .subImgPadding {margin-top: 10px; margin-bottom: 10px;} .aTrainMap {margin-left: -20px;} .aTrainPay {margin-top: 30px; margin-left: -20px;} .mc_intro {} .mc_intro li { float:left; width:32px; margin-right:15px; border:1px solid #ae9b84; color:#ae9b84; text-align:center; padding: } .mc_intro li:hover { background:#ae9b84; color:#fff} /* 여행안내 서브 박스 */ #subTravel01 {float: left; width: 762px; height: 1000px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subTravel02 {float: left; width: 762px; height: 1250px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subTravel03 {float: left; width: 762px; height: 1630px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subTravel04 {float: left; width: 762px; height: 1550px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} #subTravel05 {float: left; width: 762px; border-top: 5.2px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative; margin: 150px, 0, 0, 250px;} /* 여행안내 기타 css */ #tabWrap {width: 642px; height: 485px; margin: auto; margin-top: 40px;} #imgTabA {width: 657px; height: 305px; background-image: url(../images/sub/sun_title/travelTabA1.jpg);} /* 서브슬라이드 이미지 */ .conBox01 {width: 657px; height: 305px; margin-top: 15px; background:url(/images/sub/imageBox/slide01.jpg);} .conBox02 {width: 657px; height: 305px; margin-top: 15px; background:url(/images/sub/imageBox/slide02.jpg);} .conBox03 {width: 657px; height: 305px; margin-top: 15px; background:url(/images/sub/imageBox/slide03.jpg);} .transbox {width:255; height:305; margin:30px 30px 30px 400px; background-color:#000000; opacity:0.6; filer:alpha(opacity=60); float:right;} .transbox p{font-family:"나눔고딕","NG","돋움","dotum";font-size: 14px; color:#FFFFFF; font-weight:normal; text-align:letf; letter-spacing:-0.5px; padding:20px; line-height:150%;} .transboxtest{font-family:"나눔고딕","NG","돋움","dotum";font-size: 14px; color:#FFFFFF; font-weight:normal; text-align:letf; letter-spacing:-0.5px; padding:20px; line-height:150%;} /* 예약확인 서브 박스 */ #subCheck01 {float: left; width: 762px; height: 477px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subCheck02 {float: left; width: 762px; height: 600px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} /* 예약확인 기타 css */ #reservationA {margin-left: 50px; margin-top: 23px; width: 662px; height: 196px; border-bottom: 2px solid #969696;} #reservationB {margin-left: 50px; margin-top: 23px; width: 662px; height: 100px;} #reservationC {margin-left: 50px; margin-top: 23px; width: 662px; height: 226px; border-bottom: 2px solid #969696;} #reservInput img {vertical-align: middle;} .reservInputA {margin-left: 50px; font-family:"나눔고딕","NG","돋움","dotum"; font-size: 16px; color: #655847; font-weight:normal; text-align:left;} .reservInputB {margin-left: 7px; font-family:"나눔고딕","NG","돋움","dotum"; font-size: 16px; color: #655847; font-weight:normal; text-align:left;} .reservInputC {margin-left: 25px; font-family:"나눔고딕","NG","돋움","dotum"; font-size: 16px; color: #655847; font-weight:normal; text-align:left;} /* 고객센터 서브 박스 */ #subService01 {float: left; width: 762px; height: 700px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subService02 {float: left; width: 762px; height: 1150px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subService03 {float: left; width: 762px; height: 530px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #subService04 {float: left; width: 762px; height: 910px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} /* 고객센터 기타 css */ #serviceCenterA {margin-left: 45px; margin-top: 23px; width: 662px; height: 66px;} #serviceCenterB {margin-left: 45px; margin-top: 23px; width: 662px; height: 60px;} #serviceCenterC {margin-left: 50px; margin-top: 23px; width: 662px; height: 196px; border-bottom: 2px solid #969696;} .subTitletxt {margin-left: 23px; margin-top: 12px; margin-bottom: 12px; font-size: 13px; font-weight: bold; color: #989897; letter-spacing : -1px;} .subTitletxt2 {display: inline-block; margin-left: 23px; margin-bottom: 20px; font-size: 13px; font-weight: bold; color: #989897; letter-spacing : -1px;} #loginBox {width: 535px; height: 145px; margin:auto; margin-top: 45px;} #writeBox {margin-left: 50px;} #subBox01 {width: 288px; float: left;} .subBoxImg01 {display: block; margin-top: 20px;} .subBoxImg02 {display: block; margin-top: 15px;} .subBoxBtn {float: right; margin-right: -15px; margin-top: -47px;} .txtbarA {float: left; margin-left: 70px; margin-top: -46px;} .txtbarB {float: left; margin-left: 70px; margin-top: -18px;} #btn_ipin {margin-top: 15px;} #subBox02 {width: 201px; float: right;} /* 커뮤니티 서브 박스 */ #community2 {float: left; width: 762px; height: 800px; border: 1px solid #ae9b84; background-color: #fff; background-image:url(../images/sub/sun_title/subBn_f2.png); background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative;} #community3 {float: left; width: 762px; height: 1000px; border: 1px solid #ae9b84; background-color: #fff; background-image:url(../images/sub/sun_title/subBn_f2.png); background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative;} #community4 {float: left; width: 762px; height: 760px; border: 1px solid #ae9b84; background-color: #fff; background-image:url(../images/sub/sun_title/subBn_e1.png); background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative;} /* 커뮤니티 공통 css */ #hoogiBox {margin-left: 85px; margin-top: 10px;} .boardTitle {margin-bottom: 15px;} /* 커뮤니티-이벤트 */ #eventBoard {float: left; width: 762px; height: 580px; border: 1px solid #ae9b84; background-color: #fff; background-repeat: no-repeat; behavior:url(/css/PIE.htc); position: relative;} #eventBox {margin-top: 35px; margin-left: 50px;} #eventMore {float: right; margin-top: 25px; margin-right: 50px;} /* 포토갤러리 */ #boardBox {margin-left: 50px; margin-top: 230px;} #boardBtn {margin-left: 170px; margin-top: 16px;} .photoBoard {width: 204px; height: 200px; float: left;} .photoBoard2 {width: 204px; height: 200px; float: left; margin-left: 25px;} .photoBoard a img {border: 3px solid #dadada;} .photoBoard2 a img {border: 3px solid #dadada;} .photoTxtA {text-align: center; margin-top: 10px; font-size:13px; font-weight: bold; color: #000000;} .photoTxtB {text-align: center; margin-top: 5px; font-size:11px; color: #999999;} /* 이용안내 서브 박스 */ #operationGuide1 {float: left; width: 762px; height: 583px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #operationGuide2 {float: left; width: 762px; height: 850px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} #operationGuide3 {float: left; width: 762px; height: 600px; border: 1px solid #ae9b84; background-color: #fff; behavior:url(/css/PIE.htc); position: relative;} /* 이용안내 css*/ #familySite {margin-left: 20px; margin-top: 35px;} #siteMap {margin-left: 50px; margin-top: 35px;} .famTitle {margin-left: 35px;} .famImg img {margin-left: 3px; margin-top: 15px;} #familyBoxA {float: left; } #familyBoxB {margin-top: 40px; float: left; } #familyBoxC {margin-top: 40px; float: left; } .familyLeft {} .familyRight {margin-left: 20px;} #getMailBox {width: 670px; height: 400px; border: 1px solid #a9a9a9; border-radius: 8px; behavior:url(/css/PIE.htc); position: relative;} #getMailBox img {margin-left: 45px;} .emailTxt {size: 14px; text-align:center; margin-top: 20px; line-height: 20px;} #siteA {float: left; width: 138px; height: 250px;} #siteB {float: left; width: 138px; height: 250px; margin-left: 35px;} #siteC {float: left; width: 138px; height: 250px; margin-left: 35px;} #siteD {float: left; width: 138px; height: 250px; margin-left: 35px;} #siteE {float: left; width: 138px; height: 250px; } #siteF {float: left; width: 138px; height: 250px; margin-left: 35px;} #siteG {float: left; width: 138px; height: 250px; margin-left: 35px;} .siteImg {margin-bottom: 10px;} .sitemapTxt {font-size: 15px; color:#6c6c6c; font-weight: bold; line-height: 37px; letter-spacing: -2px;} /* 미니 네비게이션 블랙 */ .mininav {text-align:left; margin-top: 15px; margin-left: 10px;} .mininav dd{display: inline; margin-left:5px} .mininav dd a{font-size: 12px; color: #333;} /* 미니 네비게이션 볼드 */ .mininav2 {text-align: left; margin-top: 15px; margin-left: 10px;} .mininav2 dd{display: inline; margin-left:5px} .mininav2 dd a{font-size: 12px; color: #333; font-weight: bold;} /* 미니 네비게이션 화이트 */ .mininav3 {text-align: right; margin-top: 15px; margin-left: 10px; text-shadow: 1px 1px 1px #888888;} .mininav3 dd{display: inline; margin-left:5px; color: #ffffff; } .mininav3 dd a{font-size: 12px; } /* tab */ ul.tabs2 { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #ae9b84; border-left: 1px solid #ae9b84; width: 100%; } ul.tabs2 li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #ae9b84; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #cabfb1; } ul.tabs2 li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs2 li a:hover { background: #cabfb1; } html ul.tabs2 li.active, html ul.tabs2 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } #tabs2 img { margin-top: 20px; margin-right:20px; } /* tab content */ .tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 20px; font-size: 1.2em; } /* tab conten 끝 */ /* 서브페이지 타이틀 */ #subtitle {display:block; margin-left: 25px; padding:10px;} /* 서브페이지 하부컨텐츠 타이틀 */ .miniTitle1 {} .miniTitle2 {margin-top: 20px;} .minititle3 {margin-left: 25px;} .miniTitle4 {margin-top: 10px;} .minititle5 {margin-left: 25px; margin-top:20px;} /* 서브페이지 메인이미지 */ #railbikeTxt img {margin-top: 240px;} #pensionTxt img {margin-top: 240px;} #travelTxt img {margin-top: 240px;} .subimgMargin {margin-top: 13px;} .subimgMargin2 {margin-top: 20px; margin-bottom: 20px;} .subimgMargin3 {margin-top: 13px; margin-left: 50px;} /* 레일바이크, 기차펜션 예약 아이콘 4종세트 */ #iconTab01 {width: 680px; height: 50px; margin: auto; margin-top: 30px;} #oneStep {width: 642px; height: 191px; margin: auto; border-bottom: 2px solid #919191; margin-top: 30px;} #iconcampingAon {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; background-color:#ae9b84; color:#fff; text-align:center; font-weight:bold} #iconcampingBon {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; background-color:#ae9b84; color:#fff; text-align:center; font-weight:bold} #iconcampingCon {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; background-color:#ae9b84; color:#fff; text-align:center; font-weight:bold} #iconcampingDon {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; background-color:#ae9b84; color:#fff; text-align:center; font-weight:bold} #iconcampingAoff {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#676767; text-align:center} #iconcampingBoff {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#676767; text-align:center} #iconcampingCoff {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#676767; text-align:center} #iconcampingDoff {display: inline-block; width:23%; height:30px; line-height:2.8; margin:0 3px; border:1px solid #ae9b84; color:#676767; text-align:center} .title { font-size:14px} #iconSpaceA {display: inline-block; width: 127px; height: 191px; margin-right: 20px; text-indent: -9999em;} #iconSpaceB {display: inline-block; width: 127px; height: 191px; text-indent: -9999em;margin-left: 20px; margin-right: 20px;} #iconSpaceC {display: inline-block; width: 127px; height: 191px; text-indent: -9999em;margin-left: 20px; margin-right: 20px;} #iconSpaceD {display: inline-block; width: 126px; height: 191px; margin-left: 20px; text-indent: -9999em;} .iconSpaceAon {background-image: url(../images/sub/sun_title/jsTravel_Aon.png);} .iconSpaceBon {background-image: url(../images/sub/sun_title/jsTravel_Bon.png);} .iconSpaceCon {background-image: url(../images/sub/sun_title/jsTravel_Con.png);} .iconSpaceDon {background-image: url(../images/sub/sun_title/jsTravel_Don.png);} .iconSpaceAoff {background-image: url(../images/sub/sun_title/jsTravel_Aoff.png);} .iconSpaceBoff {background-image: url(../images/sub/sun_title/jsTravel_Boff.png);} .iconSpaceCoff {background-image: url(../images/sub/sun_title/jsTravel_Coff.png);} .iconSpaceDoff {background-image: url(../images/sub/sun_title/jsTravel_Doff.png);} /* 예약페이지 이미지 감싸기 */ #imageWrap01 {width:610px; padding:20px 0 20px 0; margin:0 auto} /* 예약페이지 좌우 이미지*/ #leftimageA1 {margin-right: 20px;} #rightimageA1 {} .subimageA1 {margin-top: 20px; margin-bottom: 10px;} /* 예약페이지 하부 이미지 (여행약관) */ #travelClause {margin-top: 15px; margin-left: 80px;} #endImage {margin-top: 20px; margin-left: 0px;} #endImage2 { background: url(../images/subpage/icon_camping.png) no-repeat 30px 20px; margin-top: 30px; width:530px; border:2px solid #ae9b84; margin-left:43px; padding:20px 0 20px 130px; font-size:14px; color:#676767; font-weight:300;} #endImage2 p.first { padding-top:10px; padding-bottom:10px; font-size:18px; font-weight:bold} #endImage2 p { padding-top:5px} /* 원클릭예약 가격현시 */ #priceTxt {font-size: 20px; font-weight: bold; text-align:center; margin-bottom: 20px;} /* 버튼 css */ #btnNext {width: 181px; height: 45px; margin: auto; margin-top: 37px;} #btnAgree {margin-top: 20px;} #btnTriple {display: inline; width: 181px; height: 45px; margin: auto; } #btnRevCancle {width: 182px; height: 45px; margin-left:270px; background-color:#ae9b84; margin-top: 50px; text-align:center;} #tpPopupBtn { color:#fff; font-size:15px; font-weight:bold; line-height:3.2; padding:10px 50px; letter-spacing:-1px } #tpenPopupBtn img {margin-top: 50px; margin-left: 300px;} #btnMore {width: 181px; height: 45px; margin: auto; margin-top: 15px;} #btn_reserv img {margin-top: 50px; margin-left: 250px;} .btn_chart {float: right; margin-top: 15px;} .cssBtn1 {float: right; margin-right: 52px; margin-top: 17px;} .cssBtn2 {float: right; margin-right: 10px; margin-top: 17px;} /* 팝업 */ #popupBg {width:100%;height:1340px;position: absolute;left:0;top:0; background:#000;opacity: 0.2; filter: alpha(opacity: 40); z-index: 10;} #railbikePopup {width:700px;height: 400px;background-color: #fff; border:3px solid #ae9b84; position: fixed;left:50%;top:50%; margin-left:-357px;margin-top:-227px; z-index: 15; font-family:"nanum";} #railbikePopup2 {width:700px;height: 400px;background-color: #fff; border:3px solid #ae9b84; position: fixed;left:50%;top:50%; margin-left:-357px;margin-top:-227px; z-index: 17; font-family:"nanum";} .popupClose {float: right; width: 23px; height: 23px; background:url(/images/sub/sun_title/btn_popupClose.jpg); text-indent: -9999px; margin-right: -330px; margin-top: 10px;} #railbikePopup2 img {float: right;} #railbikePopup2 p {font:35px '나눔고딕', 'NanumGothic','nanum', sans-serif; color:#444; display: inline-block; margin-top: 20px; margin-left: 20px;} #railbikePopup2 p .subTitle2 {font: 20px '나눔고딕', 'NanumGothic','nanum';} #railbikePopup2 .popupTxt {font:14px '나눔고딕', 'NanumGothic','nanum', sans-serif; color:#444; text-align: justify; width: 300px; height: 330px; line-height: 20px; margin-top:50px; margin-left: 25px;} .popupTitle {border-bottom: 1px solid #d8d8d8; padding-bottom: 5px;} .popupBtn a{float: left;} #railbikePopupA img {margin-top: 50px; margin-left: 120px;} #railbikePopupB img {margin-top: 50px; margin-left: 240px;} #travelPopupA img {margin-top: 50px; margin-left: 300px;} #restorantPopupA img {margin-top: 50px; margin-left: 300px;} #tpenPopup {width:700px;height: 400px;background-color: #fff; border:3px solid #ae9b84; position: fixed;left:50%;top:50%; margin-left:-357px;margin-top:-227px; z-index: 15; font-family:"nanum";} #travelPopup {width:700px;height: 400px;background-color: #fff; border:3px solid #ae9b84; position: fixed;left:50%;top:50%; margin-left:-357px;margin-top:-227px; z-index: 15; font-family:"nanum"; } #restorantPopup {width:582px;height: 810px;background-color: #fff; border:3px solid #ae9b84; position: fixed;left:50%;top:50%; margin-left:-291px;margin-top:-405px; z-index: 15; font-family:"nanum"; } #tpenlnb {width: 156px; height: 312px; background-color: #fd9500; border-radius: 10px; margin-left: 20px; behavior:url(/css/PIE.htc); position: relative;} #tpenlnb a img {margin-top: 22px; margin-bottom: 20px;} #travellnb {width: 156px; height: 312px; background-color: #fd9500; border-radius: 10px; margin-left: 20px; behavior:url(/css/PIE.htc); position: relative;} #travellnb a img {margin-left: 14px; margin-top: 27px; margin-bottom: 24px;} #menuPicA {position: relative; float: right; margin-top: -312px;} #menuPicB {position: relative; float: right; margin-top: -312px;} #menuPicC {position: relative; float: right; margin-top: -312px;} #menuPicD {position: relative; float: right; margin-top: -312px;} #menuPicA2 {position: relative; float: right; margin-top: -312px;} #menuPicB2 {position: relative; float: right; margin-top: -312px;} #menuPicC2 {position: relative; float: right; margin-top: -312px;} #menuPicD2 {position: relative; float: right; margin-top: -312px;} #menuPicE2 {position: relative; float: right; margin-top: -312px;} .restorantOn {background-image:url(../images/sub/sun_title/btn_restorant_on.png) ;} .restorantOff {background-image:url(../images/sub/sun_title/btn_restorant_off.png) ;} .cafeOn {background-image:url(../images/sub/sun_title/btn_cafe_on.png) ;} .cafeOff {background-image:url(../images/sub/sun_title/btn_cafe_off.png) ;} #restorantGnb a {float: left;} #btnResto {width: 293px; height: 49px; text-indent: -9999em} #btnCafe {width: 288px; height: 49px; text-indent: -9999em} /* 글자색css 및 li아이콘 */ .listStyle {margin-top: 20px;} .listStyle li {list-style-image:url(../images/sub/sun_title/listStyle.png); font-size: 14px; line-height: 24px; margin-left: 22px;} .listStyle2 {margin-top: 20px;} .listStyle2 li {list-style-image:url(../images/sub/sun_title/listStyle.png); font-size: 14px; line-height: 24px; margin-left: 22px; letter-spacing: -1.5px} .listStyle3 {margin-top: 20px; float: left;} .listStyle3 li {list-style-image:url(../images/sub/sun_title/listStyle.png); font-size: 14px; line-height: 24px; margin-left: 22px;} .listStyle4 {margin-top: 20px; float: left;} .listStyle4 li {list-style-image:url(../images/sub/sun_title/listStyle.png); font-size: 14px; line-height: 24px; margin-left: 22px;} .txtBlue {color: #1c4cff;} .txtRed {color: #f73300; letter-spacing:-0.5px} .printBtn {width: 120px; height:30px; background-color:#a0a0a0; font-size: 12px; font-weight: bold; color: #fff; margin-top: 15px; float:right;} .paymentBtn {width: 200px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 25px; margin-left: 45px;} .onlineBtn {width: 200px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 25px; ; margin-left: 45px;} .paymentBtn2 {width: 150px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 15px; } .cardBtn2 {width: 150px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; } .onlineBtn2 {width: 150px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff;} .cancleBtn2 {width: 150px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff;} .paymentBtn3 {width: 200px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 25px; margin-left: 220px;} .onlineBtn3 {width: 200px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 25px; margin-left: 10px;} .paymentBtn4 {width: 150px; height:40px; background-color:#ae9b84; font-size: 12px; font-weight: bold; color: #fff; margin-top: 25px; cursor:pointer;} .boardStyle {min-height: 200px;} .boardStyle2 {min-height: 300px;} .imgMiddle {vertical-align: middle;} .imgMiddle2 {vertical-align: middle; margin-left: 10px;} .txtMargin {display: inline-block;margin-top: 5px;} .txtMargin2 {display: inline-block;margin-top: 7px;} .inputMargin {margin-top: -1px;} .personalTxt {line-height: 18px;} .notice_text {line-height: 25px; font-size: 15px;letter-spacing:0px;} /**/ #tbl2x2 {display:block; padding:15px 0 20px 20px; margin:0} #tbl_new {display:block; padding:0px 0 20px 0px; margin:0;} /***** Oscar *****/ /*---------------*/ .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; max-width: 657px; max-height: 305px; width: 100%; background: #3085a3; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 84%; height: 65%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-family: '나눔고딕', 'NanumGothic','nanum'; font-size: 18px; font-weight: bold; } .grid figure h2 span { font-weight: nomal; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { font-family:"나눔고딕","NG","돋움","dotum"; font-size: 14px; letter-spacing: 1px; } figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption:before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } figure.effect-oscar h2 { margin: 10% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity: 0.4; } /*---------------*/