/* 공통 */
.mob { display:none; } 
.web { display:block; } 
.con {max-width: 1240px;width: 100%;padding: 0 20px;margin: 0 auto;}
/* div.con { width:1200px; margin:0 auto; box-sizing:border-box; }  */
div.con h3.tit { font-weight:700; color:#1d1d1d; margin-bottom:20px; font-size:38px; line-height:1.5; letter-spacing:-0.03em; } 
div.con h3.tit em { font-weight:300; font-style:normal; } 
div.con h3.tit span { display:block; text-transform:uppercase; font-size:18px; font-family: 'Poppins', serif; color:#0d9488; font-weight:300; } 
div.con h4 { font-weight:600; color:#1d1d1d; margin-bottom:20px; font-size:24px; line-height:1.0; letter-spacing:-0.03em; } 
div.con .vbar { padding:0px 5px; color:#b3b3b4; } 
div.con b { color:#1d1d1d; font-weight:600; } 
div.con h5 { font-weight:400; color:#1d1d1d; margin-bottom:20px; font-size:22px; line-height:1.0; letter-spacing:-0.03em; } 

.back_btn { text-align: center; z-index: 1; } 
.back_btn a.home { position: absolute; right: 0; top:7px; display: inline-block; width: 25px; height: 25px; margin: 5px 10px; color: transparent; text-indent: -9999px; background: url(/images/mobile/thome.png) no-repeat center center; background-size:25px auto; } 

.tred { color:#ff0000 !important; } 
.tblue { color:#007ed3 !important; } 
.tgreen { color:#39b54a !important; } 

.btn_g { padding:5px 8px; border:1px solid #ddd; border-radius:3px; background:#fff; transition: background 0.1s ease-out; } 
.btn_g:hover { background:#007ed3; border:1px solid #007ed3; color:#fff !important; } 

.line_box { border:1px solid #ddd; padding:20px; } 

/*예약하기 배치도*/
.mapBG { background:url('/images/default/content/map_back.jpg') no-repeat left bottom; } 
.rmap { width:1200px; height:950px; background:url('/images/default/content/map_bg.png') no-repeat left bottom; position:relative; } 
.rm1 { position:absolute; left:300px; top:370px; } 
.rm2 { position:absolute; left:61px; top:460px; } 
.rm3 { position:absolute; left:24px; bottom:200px; } 
.rm4 { position:absolute; left:455px; bottom:155px; } 

.arrow_box { display: none; position: absolute; width: 130px; padding: 8px; left: 50%; margin-left:-80px; top:50%; margin-top:30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #333; color: #fff; font-size: 14px; } 

.arrow_box:after { position: absolute; bottom: 100%; left: 50%; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-color: rgba(51, 51, 51, 0); border-bottom-color: #333; border-width: 10px; pointer-events: none; content: " "; } 

.rmap a img.over { display:none } 
.rmap a:hover { position:relative } 
.rmap a:hover img { display:none } 
.rmap a:hover img.over { display:inline } 
.rmap a:hover + em.arrow_box { display: block; } 
.rmap a img { vertical-align:top } 

.online_tb tr th { position:relative; } 
.online_tb tr td.arrow select:focus + .arrow_box1 { display: block; } 
.arrow_box1 { display: none; position: absolute; width: 180px; padding: 8px; left: 50%; margin-left:-90px; top:50%; margin-top:-135px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #333; color: #fff; font-size: 14px; } 

.arrow_box1:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -10px; border: solid transparent; border-color: rgba(51, 51, 51, 0); border-top-color: #333; border-width: 10px; pointer-events: none; content: " "; } 

ul.fac01 { overflow:hidden; margin-top:60px; } 
ul.fac01 li { width:50%; float:left; padding-left:170px; background:url('/images/default/content/fac01_2.jpg') no-repeat left top; } 
ul.fac01 li:first-child { background:url('/images/default/content/fac01_1.jpg') no-repeat left top; } 
ul.fac01 li h4 { margin-bottom:10px; } 

.alert { margin-bottom:45px; text-align:left; background:#F5F5F5; padding:15px 20px; color:#584944; box-sizing:border-box; } 

/*객실소개 롤링*/
.dsv_img { height:550px; } 
.swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } 
.swiper-slide { background-size: cover; background-position: center; } 
.gallery-top { height:675px; width: 100%; } 
.smallbox { margin-top:10px; } 
.gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } 
.gallery-thumbs .swiper-slide { width: 25%; height: 187px; opacity: 0.4; } 
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } 



/*객실소개*/
.fac_tit { overflow:hidden; margin-top:40px;display: flex;} 
.fac_tit div:nth-child(1) {flex: 0 1 75%;padding-right: 40px;border-right: 1px solid #ddd;} 
.fac_tit div:nth-child(2) {flex: 1 1 auto;padding-left: 40px;} 
/* .fac_tit div:first-child { width:900px; float:left; padding-left:0px; border-right:1px solid #ddd; }  */
/* .fac_tit div { width:300px; float:left; padding-left:30px; }  */
.fac_tit div h3.tit { margin-bottom:30px; } 
.fac_tit .desc { line-height: 1.5; } 
/* .fac_tit div ul.tit_box { overflow:hidden; background:#F8F5F1; width:870px; margin-top:30px; padding:30px 30px 50px; }  */
.fac_tit div ul.tit_box { overflow:hidden; background:#f5f5f5; /*width:870px;*/ margin-top:30px; padding:30px;display: flex;flex-wrap: wrap;gap: 10px 24px; } 
/* .fac_tit div ul.tit_box li { position:relative; width:33.3%; line-height:25px; height:25px; float:left; padding-left:90px; margin:5px 0; } */
.fac_tit div ul.tit_box li {flex: 1 1 calc((100% - 24px) / 2); display: flex;column-gap: 10px;line-height: 1.5;word-break: keep-all;}
.fac_tit div ul.tit_box li.long { width:100%; height:auto; } 
.fac_tit div ul.tit_box li span {display: block;font-weight:500;color:#1d1d1d; } 
.fac_tit div ul.cus { } 
.fac_tit div ul.cus li { line-height:1.5; margin-bottom:10px;display: flex;column-gap: 10px;align-items: center;} 
.fac_tit div ul.cus li img {display: block;width: 80px;height: 80px;object-fit: cover;} 
.fac_tit div ul.cus li p {font-size: 14px;} 
.fac_tit div ul.cus li b {font-size: 16px;color:#1d1d1d; display:block; font-weight:500; } 
.fac_tit div.btn { padding-left: 0;display: flex;flex-direction: column;row-gap: 10px;margin-top: 30px; } 
.fac_tit div .Btn_res { } 
.fac_tit div .Btn_res a { width: 100%; height:55px; color:#fff; text-align:center; display:flex;column-gap: 4px;justify-content: center;align-items: center; background:#3b4c3d;} 
.fac_tit div .Btn_con a { width:240px; height:55px; line-height:55px; color:#3b4c3d; text-align:center; display:block; background:#fff; border:1px solid #3b4c3d; margin-top:10px; } 

.fac_txt { margin-top:80px; } 
ul.dot li { margin-top:10px; position:relative; padding-left:13px; } 
ul.dot li:before { content : ""; display : block; position : absolute; left :0; top:11px; width : 4px; height : 4px; background : #D2BD99; border-radius:50%; } 
ul.dot li b { color:#FF0000; font-weight:400; } 
ul.dot li span { position:absolute; left:13px; top:0px; display:block; font-weight:500; color:#1d1d1d; } 

/*부대시설*/
.fimg .bx-wrapper .bx-pager { margin-right:0; } 
.fimg .bx-wrapper .bx-pager.bx-default-pager a { background:#fff; width:8px; height:8px; border-radius:50%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; margin:0px 5px; } 
.fimg .bx-wrapper .bx-pager.bx-default-pager a.active { background:#FF0000; } 

.fac_wrap { display: flex;gap: 60px;align-items: center;margin-top: 80px; } 
.fac_wrap .fimg { flex: 1; } 
.fac_wrap .fimg img { width: 100%;height: 100%;object-fit: cover; } 
.fac_wrap .ftxt { flex: 1; } 
/* .fac_wrap { overflow:hidden; }  */
/* .fimg { width:600px; float:left; }  */
/* .ftxt { width:600px; float:right; padding-left:30px;line-height: 1.5;height: 400px;display: flex;flex-direction: column;justify-content: center; }  */
.ftxt ul.flist { margin-top: 20px; } 
.ftxt ul.flist li { position:relative;padding-left:100px;line-height:1.5; } 
.ftxt ul.flist li span { position:absolute; left:0px; top:0px; display:block; font-weight:500; color:#1d1d1d; } 

.bg { background:#F8F5F1; padding:80px 0; margin:60px 0; } 
.bg .fac_wrap {flex-direction: row-reverse;margin-top: 0;} 
/* .bg .fac_wrap .fimg { width:600px; float:right; }  */
/* .bg .fac_wrap .ftxt { width:600px; float:left; padding-right:30px; }  */

/*소개*/
div.abo_top { background:url('/images/default/content/abo01_1.jpg') no-repeat left top; height:743px; color:#fff; padding-top:190px; font-size:25px; } 
div.abo_top h1 { color:#fff; font-weight:700; font-family: 'Assistant', sans-serif; font-size:110px; } 

/* .abo01 { position:relative; overflow:hidden; margin-top:80px !important; } 
.abo01 div.abo_txt { position:relative; padding-left:300px; } 
.abo01 h3.tit { position:absolute; left:0px; top:0px; } 
.abo01 > img { position:absolute; right:0px; top:0px; } */

div.abo_txt h2 { position:relative; margin-bottom:50px; height:44px; } 
div.abo_txt h2:before { content : ""; display : block; position : absolute; left : 0px; bottom : -10px; width : 80px; height : 3px; background : #D2BD99; } 
div.abo_txt p { width:400px; margin-top:40px; line-height:1.8; position:relative; } 
div.abo_txt p:after { content : ""; display : block; position : absolute; right : 0; bottom : 10px; width : 250px; height : 1px; background : #d7d7d7; } 

.bg_abo01 { background:url('/images/default/content/bg_abo01.jpg') repeat-x left top; margin-top:80px; padding-top:80px; overflow:hidden; } 
.bg_abo01 h3.tit { color:#fff !important; margin-bottom:40px !important; } 
.bg_abo01 ul { overflow:hidden; float:left; } 
.bg_abo01 ul li { float:left; margin-right:20px; } 
.bg_abo01 div.abo_txt { float:right; width:350px; } 
.bg_abo01 div.abo_txt h2 { -webkit-text-stroke: 1px #f6f6f6; margin-bottom:90px; margin-top:30px; } 
.bg_abo01 div.abo_txt p { text-align:right; width:350px; } 
.bg_abo01 div.abo_txt p:after { position : absolute; left : 0; right:auto; bottom : 10px; width : 210px; } 

.bg_abo02 { position:relative; margin-top:80px; padding:80px 0; overflow:hidden; } 
.bg_abo02:before { content : ""; display : block; position : absolute; left : 0; top : 0px; width : 1600px; height : 600px; background : #F6F6F6; z-index:-10; } 
.bg_abo02 div.con { position:relative; overflow:hidden; height:400px; } 
.bg_abo02 div > img { position:absolute; left:0px; top:0px; } 
.bg_abo02 div.abo_txt { float:left; width:750px; padding-left:450px; } 
.bg_abo02 div.abo_txt h2 { margin-bottom:90px; } 
.bg_abo02 h3.tit { position:absolute; right:0px; top:0px; } 

ul.abo_one { margin:0 auto; margin-top:80px; } 
ul.abo_one li { width:320px; display:inline-block; margin-left:60px; height:320px; border-radius:50%; position:relative; } 
ul.abo_one li.li01 { background:url('/images/default/content/abo01_6.jpg') no-repeat center center; } 
ul.abo_one li.li02 { background:url('/images/default/content/abo01_7.jpg') no-repeat center center; } 
ul.abo_one li.li03 { background:url('/images/default/content/abo01_8.jpg') no-repeat center center; } 
ul.abo_one li span { display:block; background:rgba(62,44,44,0.9); width:180px; height:180px; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-90px; color: #fff; text-align:center; font-size:35px; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
ul.abo_one li.li02 span { background:rgba(198,168,126,0.9); } 
ul.abo_one li.li03 span { background:rgba(171,207,193,0.9); } 

h3.mark { margin-top:100px; position:relative; } 
h3.mark:before { content : ""; display : block; position : absolute; left :50%; top:-40px; margin-left:-19px; width : 38px; height : 32px; background: url("/images/default/content/h3_mark.png") no-repeat left top; } 



/* 오시는길 */
.map { height:400px;} 
.add { position:relative; padding-left:45px; margin-top:30px; } 
.add:before { content : ""; display : block; position : absolute; left :0; top:0; width : 22px; height : 26px; background: url("/images/default/content/map_icon.png") no-repeat left top; } 
.add h4 { margin-bottom:0 !important; } 

.way { overflow:hidden; margin-top:60px; } 
.way div { float:left; width:45%; margin:30px; margin-bottom:0; } 
.way div h3.tit { position:relative; font-size:24px; background:#fff; width:260px; margin:0 auto; padding-left:60px; } 
.way div h3.tit:before { content : ""; display : block; position : absolute; left : 20px; top : 50%; margin-top:-21px; width : 42px; height : 42px; border-radius:50%; background : #D3B99B; z-index:5; } 
.way div h3.tit:after { content : ""; display : block; position : absolute; left : 38px; top : 50%; margin-top:-8px; width : 8px; height : 18px; background: url("/images/default/content/map_arrow.png") no-repeat left top; z-index:15; } 

.way div.car { position:relative; } 
.way div.car:before { content : ""; display : block; position : absolute; left : 0; top : 20px; width : 100%; height : 2px; background : #D3B99B; z-index:-15; } 

.way div ul.dot { padding:40px 20px; } 
.way div ul.dot li { padding-left:170px; } 

.way div.bus:before { background : #ABCFC1; } 
.way div.bus h3.tit:before { background : #ABCFC1; } 
.way div.bus ul.dot li:before { background : #ABCFC1; } 

/*이용안내*/
div.guide { position:relative; /*background: url("/images/default/content/guide01.jpg") no-repeat right bottom; */ padding-bottom:100px; } 
/*div.guide:before { content : "BEST FIELD"; display : block; position : absolute; left : -510px; top : 210px; color : #F9F5F2; font-size:210px; font-weight:900; font-family: 'Assistant', sans-serif; transform: rotate(-90deg ); z-index:-100; } */
ul.tel_box { padding:20px 70px; overflow:hidden; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); margin:30px 0; } 
ul.tel_box li { position:relative; float:left; width:50%; padding-left:180px; height:55px; line-height:55px; } 
ul.tel_box li span { position:absolute; left:75px; top:0px; display:block; font-weight:500; color:#1d1d1d; } 
ul.tel_box li:before { content : ""; display : block; position : absolute; left : 0; top : 0; width : 55px; height : 55px; background: url("/images/default/content/guide03.jpg") no-repeat left top; } 
ul.tel_box li:first-child:before { background: url("/images/default/content/guide02.jpg") no-repeat left top; } 
ul.tel_box li:first-child span { line-height:1.2; position:absolute; left:75px; top:8px; } 

/****테이블***/
.tstyle { border-collapse:collapse; clear:both; margin-bottom: 20px; } 
.tstyle caption { display:none; } 
.tstyle thead th { color:#fff; background:#41a39e; font-weight:300; padding: 20px 7px; } 
.tstyle tbody th { color:#1d1d1d; background:#F7F7F7; font-weight:500; border-bottom: 1px solid #e6e6e6; } 
.tstyle tbody td { border-bottom: 1px solid #e6e6e6; text-align:center; padding: 20px 7px; border-left:1px solid #e6e6e6; } 
.tstyle tbody td:first-child { border-left:none; } 

.tb01 thead th { background:#41a39e; } 
.tb01 tbody th { text-align:left; padding-left:100px; } 

/*요금안내*/
.don { margin-top:60px; overflow:hidden; } 
.don h4 { position:relative; padding-left:40px; } 
.don h4:before { content : ""; display : block; position : absolute; left : 0; top : 10px; width : 30px; height : 3px; background : #1d1d1d; } 
.don .fl { width:49%; margin-right:1%; } 
.don .fr { width:49%; margin-left:1%; } 

/*환불*/
.shadow { box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); padding:30px 20px 30px 190px; background:url("/images/default/content/res05_01.jpg") no-repeat 5% center; margin-bottom:30px; } 
ul.icon { border-left:3px solid #41a39e; padding-left:30px; margin:40px 0; } 
ul.icon li { background: url("/images/default/content/res_icon02.png") no-repeat left 60%; padding-left:150px; margin:10px 0; position:relative; } 
ul.icon li:first-child { background: url("/images/default/content/res_icon01.png") no-repeat left 60%; } 
ul.icon li span { color:#41a39e; font-weight:500; padding-left:30px; position : absolute; left : 0; top : 0px; } 

/*멤버쉽안내*/
.shadow2 { background:url("/images/default/content/res06_01.jpg") no-repeat 5% center; } 
.shadow2 > b { font-size:21px; } 

ul.mem_point { margin:0 auto; position: relative; } 
ul.mem_point li { float:left; width:370px; margin-left:45px; border:1px solid #ddd; border-radius:10px; text-align:center; overflow:hidden; height:384px; } 
ul.mem_point li:first-child { margin-left:0 } 
ul.mem_point li div { background:#41a39e; padding:20px; height:106px; color:#fff; font-size:22px; } 
ul.mem_point li div em { font-family: 'Literata', serif; color:#ffe6b9; text-align:right; display:block; margin-bottom:10px; font-size:17px; } 
ul.mem_point li div em b { font-size:21px; color:#ffe6b9; } 

/* 캠핑장 */
div.sisul_wrap { overflow:hidden; margin-bottom:20px; } 
div.sisul_b { float:left; width:460px; height:310px; background:#eee; } 
div.sisul_b img { width:460px; height:310px; } 
div.sisul_s { float:right; width:272px; } 
ul.sisul_s1 { overflow:hidden } 
ul.sisul_s1 li { float:left; width:130px; height:95px; margin:3px; background:#999; } 
ul.sisul_s1 li img { width:130px; height:95px; } 
li.sisul_s_img { cursor:pointer; } 

/* Table */
.tb_con { border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin-bottom: 10px; width:100%; } 
.tb_con thead th { background-color: #EEF9FF; color: #7F7F7F; font-weight: bold; padding:10px 5px; border:1px solid #C9E8FA; font-size: 13px; } 
.tb_con tbody th { border:1px solid #C9E8FA; color: #7F7F7F; padding:12px 2px; text-align:center; font-size: 14px; letter-spacing:-0.03em; font-weight:normal; } 
.tb_con tbody td { border:1px solid #C9E8FA; color: #7F7F7F; padding:12px 2px; text-align:center; font-size: 14px; letter-spacing:-0.04em; } 
.tb_con .txt_left { text-align: left; } 

.red { color:#D22C2C; font-weight:500; } 
.font_grey { color:#898989; } 
.purple { color:#8F08A0; font-weight:500; letter-spacing:0; } 

div.con ol { margin-left:20px; } 
div.con ol li { list-style:decimal; margin-bottom:10px; color:#444; } 

div.con ul.bar li { position:relative; padding-left:13px; } 
div.con ul.bar li:before { content : ""; display : block; position : absolute; left :0; top:10px; width : 6px; height : 1px; background : #888; } 
.indent { padding-left:153px; } 

/* 이용안내*/
p.b_bor { text-decoration:underline; margin-bottom:10px; color:#222; } 
div.bg_camp { background:url('/images/default/content/030401_img01.jpg') no-repeat 0 0; padding-bottom:10px; padding-top:10px; margin-bottom:20px; } 
div.bg_pension { background:url('/images/default/content/030402_img01.jpg') no-repeat 0 0; padding-bottom:5px; padding-top:25px; margin-bottom:20px; } 
div.bg_sukso { background:url('/images/default/content/030403_img01.jpg') no-repeat 0 0; padding-bottom:5px; padding-top:25px; margin-bottom:20px; } 
.sang { background:url('/images/default/content/030503_img01.jpg') no-repeat right bottom; padding-bottom:20px; padding-top:15px; margin-bottom:15px; background-size:100% auto; margin-bottom:20px; } 



div.detail p { margin-top:15px; color:#111; position:relative; padding-left:13px; } 
div.detail p:before { content : ""; display : block; position : absolute; left :0; top:9px; width : 5px; height : 5px; background : #74B200; border-radius:50%; } 
div.detail ul { margin-top:5px; } 


div.budae { background:url('/images/default/content/bu_bottom.gif') no-repeat 0 bottom; padding:26px; position:relative; box-sizing:border-box; overflow:hidden; margin-top:30px; } 
div.budae:before { content : ""; display : block; position : absolute; left :0; top:0; width : 100%; height :26px; background: url("/images/default/content/bu_top.gif") no-repeat 0 0; } 
div.budae h5 { font-size:20px; font-family: 'Nanum Myeongjo', serif; float:left; color:#222; } 
div.budae ul { float:left; margin-left:30px; } 
div.budae ul li { background:url('/images/default/content/check.png') no-repeat 0 center; padding-left:25px; color:#222; } 

/* 요금안내*/
div.tit_top { position:relative; } 
div.con h3.h3 { font-family: 'Nanum Myeongjo', serif; margin-top:40px; font-size:22px; letter-spacing:-0.06em; color:#333; margin-bottom: 10px; } 
div.con h3.h3 span { color:#74B200; } 
div.tit_top p { position:absolute; right:0; bottom:0px; font-size:13px; } 



/*요금 테이블*/

.cost_area1 { /*border:1px solid #eee; padding:30px; max-width:1200px; */ /*margin:30px auto; border-radius:20px; */ } 
.cost_area1 p.tit { font-size:23px; color:#000; margin-bottom:10px; } 
.cost_area1 table.tg { border-top:2px solid #000; width:100%; } 
.cost_area1 table.tg .red { color:#ff8a00; font-weight:700; } 
.cost_area1 .tg td { padding:10px; text-align:center; border:1px solid #eee; } 
.cost_area1 .tg tr.tit { background:#fafafa; border:1px solid #eee; color:#000; } 
.cost_area1 .tg th.tit { background:#fafafa; border:1px solid #eee; color:#000; } 
.cost_area1 .tg td.tit { background:#fafafa; border:1px solid #eee; color:#000; } 
.cost_area1 .tg td.left { text-align:left; padding-left:20px; } 




.usetip { font-size:17px; padding:30px 0px; } 
.usetip ul li { list-style:disc; margin-left:20px; line-height:2; } 



/* 예약안내*/


/* 예약확인*/
div.box { border:1px solid #ddd; box-sizing:border-box; padding:30px 20px; background-color:#f8f8f8; box-sizing:border-box; } 
div.box .btn_wrap { margin-bottom:0; text-align:center; } 

div.form1 { background-color:#fff; padding:15px 10px; } 
.tb_check { width:100%; } 
.tb_check td, .tb_check th { } 
.tb_check th { text-align:right; } 
.tb_check td { text-align:left; padding-left:15px; } 
.tb_check td input[type="text"], table.online_tb td input[type="password"] { line-height: 1; height: 30px; padding: 3px 0 5px; vertical-align:middle; border: 1px solid #cecece; border-radius: 0 !important; -webkit-appearance: none !important; background: #fff; font-size: 13px; color: #4d4d4d; text-indent: 5px !important; } 
.tb_check td input[type="file"] { height:30px; } 
.tb_check td select::-ms-expand { display: none; -webkit-display: none; -moz-display: none; -o-display: none; -ms-display: none; } 
.tb_check td select { *background-image:none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; height:30px; width:70px; background:url('/images/default/content/sel_bg.gif') no-repeat right center; } 



/* 실시간 예약 하기*/
/*예약안내 페이지*/
.res_btn { background:#f7f7f7; padding:60px 220px; margin:0 0 40px; text-align:center; overflow:hidden; } 
.res_btn > div { float:left; width:50%; } 
.res_btn > div .btn_res { display:inline-block; width:100%; height:70px; line-height:64px; border-radius:3px; border:3px solid #3b4c3d; color:#1D1D1D; font-size:24px; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translate(0, 0); transform :translate(0, 0); background:#fff; } 
.res_btn > div .btn_res:hover { background:#F7931E; border-color:#F7931E; color:#fff; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); } 
.res_btn > div .btn_res2 { margin-left:20px; } 
.res_btn > div .btn_res2:hover { background:#FF5D6A; border-color:#FF5D6A; } 
.res_info .btn_signup { display:inline-block; width:450px; height:80px; line-height:80px; border-radius:3px; background:#1D1D1D; color:#F6B559; font-size:24px; } 
.res_info .btn_signup:hover { box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2); } 
.res_info .shadow3 { background:none; padding:60px 30px 30px; border:3px solid #ffd497; border-radius:15px; } 
.res_info .shadow3 .mem_point li { width:50%; margin-left:2%; position: absolute; top:0; left: 50%; transform: translateX(-50%); } 
.res_info .shadow3 .mem_point li:first-child { margin-left:0 } 
.res_info .shadow3 p.att { text-align:center; font-size:24px; margin-bottom:40px; } 
/* .res_info .mem_point_sub { position:absolute; top:77%; left: 50%; transform: translateX(-50%); } ---------20240213 적용 */

/*예약하기*/
.detail_reserv { position:absolute; background:#fff; top:285px; left:350px; z-index:9999; width:1200px; } 
.detail_reserv img.btn_close { position:absolute; top:-55px; right:0px; } 
a.click_a { cursor:pointer } 

/* 달력 */
div.reservationDiv { padding:30px; } 

div.cal { text-align:center; width:100%; } 
div.cal_today { position:relative; margin-bottom:0px; background:#ffffff; margin-bottom:15px; font-size:18px; color:#242424; } 
div.cal_today div.today { text-align:center; } 
div.cal_today div.today h3 { font-size:40px; line-height:1.0; color:#333333; border-bottom: solid 1px #d7d7d7; display:inline-block; margin-bottom:5px; } 
div.cal_today div.today span { border:none; padding:0px; color:#ce150c; font-family:"Century Gothic"; font-weight:bold; } 
div.cal_today ul li.today { font-size:18px; font-weight:normal; margin-bottom:20px; } 
div.cal_today p.prev { position:absolute; left:35%; top:50%; margin-top:-18.5px; } 
div.cal_today p.next { position:absolute; right:35%; top:50%; margin-top:-18.5px; } 
div.cal_today p.date { position:absolute; right:10px; bottom:0px; font-size:13px; } 
div.cal_today p.date img { vertical-align:middle; } 

div.con p.bg { border-top:3px solid #03bfc4; border-bottom:1px solid #e2e6e7; background:#fafaf8 url('/images/default/content/bg.gif')no-repeat 30px 20px; font-weight:600; height:70px; padding-top:30px; padding-left:140px; } 
div.con div.bg1 { border-top:3px solid #03bfc4; border-bottom:1px solid #e2e6e7; background:#fafaf8 url('/images/default/content/bg.gif')no-repeat 30px 20px; font-weight:600; height:80px; padding-top:30px; padding-left:140px; } 
div.con div.tit_bg { background:url('/images/default/content/tit_bg.gif')no-repeat center left; width:800px; height:29px; padding-top:4px; margin-top:4px; padding-left:25px; font-weight:600; } 
div.con span.int_col { color:#bcc763; font-size:20px; } 
div.con p.int_txt { margin-top:10px; margin-bottom:20px; } 

table.schedule { border:1px solid #dbdbdb; /* border-collapse:collapse; */ border-top:2px solid #3E2C2C; } 
table.schedule thead tr th { color:#1d1d1d; background:#D7D8D9; height:40px; font-size:16px; border-bottom:1px solid #3E2C2C; } 

table.schedule thead tr th.sat { color:#1b8be2; } 
table.schedule thead tr th.sun { color:#EC3341; } 
table.schedule tbody tr td div.schedule_subject { font-size:14px; margin:5px; } 
table.schedule tbody tr td .btns { position:absolute; top:0; right:5px; } 
table.schedule tbody tr td { border:1px solid #dbdbdb; padding:10px; text-align:left; position:relative; height:100px; } 
table.schedule tbody tr td span { cursor:pointer; } 
table.schedule tbody tr td.used { cursor:pointer; } 
table.schedule tbody tr td.mon { color:#EC3341; } 
table.schedule tbody tr td p { font-weight:600; text-align:right; font-size:19px; position:absolute; right:10px; top:10px; } 
table.schedule tbody tr td.today { background:#F0F0F0; } 
table.schedule tbody tr td .btn_add { padding:5px 10px; background:#555; color:#fff; border:none; cursor:pointer; } 
table.schedule tbody tr td .btn_edit { padding:5px 10px; background:#555; color:#fff; border:none; cursor:pointer; } 
table.schedule tbody tr td .btn_del { padding:5px 10px; background:#555; color:#fff; border:none; cursor:pointer; } 
table.schedule tbody tr td ul li { height:30px; margin-bottom:5px; padding-left:10px; } 
table.schedule tbody tr td ul li:hover { background:#ddd; font-weight:600 !important; } 
table.schedule tbody tr td ul li.on { background:#fbcb1f; font-weight:600 !important; } 
table.schedule tbody tr td ul li.on div.right b { color:#000 !important; } 
table.schedule tbody tr td ul li.startDate { border-bottom-left-radius: 5em; border-top-left-radius: 5em; } 
table.schedule tbody tr td ul li.startEnd { border-bottom-right-radius: 5em; border-top-right-radius: 5em; } 
table.schedule tbody tr td.cal_back { background-color:#ffeeaa; } 
div.con h5.bul { background:url('/images/default/content/cal.gif')no-repeat left 3px; padding-left:40px; font-size:20px; line-height:30px; color:#333333; } 



.custopBox { text-align:left; margin-top:30px; } 
.custopBox .box1 { text-align:center; font-size:18px; font-weight:500; color:#333; } 
.custopBox .box1 img { margin-bottom:5px; } 
.custopBox .box2 { margin-top:10px; padding:20px 10px; box-sizing:border-box; border-top:1px solid #ddd; } 
.custopBox .box2 p { line-height:1.5; } 



.photo_wrap { width:735px; height:310px; padding:20px 0 20px 20px; overflow:hidden; } 
.photo_wrap .photo_b { float:left; width:460px; height:310px; padding-right:5px; } 
.photo_wrap .photo_b img { width:460px; height:310px; } 
.photo_wrap .photo_s { float:left; width:270px; } 
.photo_wrap .photo_s img { width:130px; height:100px; } 
.photo_wrap .photo_li li { float:left; width:130px; height:100px; padding:0 5px 5px 0; } 


div.img_bg { background-color:#f6f6f6; text-align:center; margin:20px 0px; box-sizing:border-box; border:1px solid #eee; } 
p.btn_rese { text-align:right; margin-bottom:30px; } 
p.btn_rese a { padding:8px 25px; background-color:#A2CC2A; color:#000; font-size:17px; letter-spacing:-0.06em; border-radius:3px; font-weight:500; } 


/******* 나의 예약내역 **********/
div.res_wrap { position: relative; border:3px solid #D2BE99; width:100%; height:140px; overflow:hidden; margin-bottom:40px; } 
div.res_wrap div.res_tit { float:left; width:460px; height:140px; background:#d2be99 url('/images/default/content/res_tit.png')no-repeat 40px 50%; padding:30px 40px 20px 140px; color:#fff; } 
div.res_wrap div.res_tit b { color:#fff; } 
div.res_wrap div.res_tit span { display:block; margin-top:10px; font-size:15px; text-decoration:underline; } 
div.res_wrap div.res_tit span a { color:#fff; } 

div.res_wrap ul.res_txt { float:left; width:734px; height:140px; padding:30px 0; overflow:hidden; } 
div.res_wrap ul.res_txt li { float:left; width:33.3%; text-align:center; position: relative; } 
div.res_wrap ul.res_txt li:before { content:''; display : block; position : absolute; left :-1px; top:50%; margin-top : -35px; width :1px; height : 70px; background : #D2BE99; } 
div.res_wrap ul.res_txt li span { display:block; font-size:19px; font-weight:500; margin-bottom:20px; } 
div.res_wrap ul.res_txt li b { font-size:24px; font-weight:600; color:#ff0000; } 
div.res_wrap ul.res_txt li input.btn_coupon { border:none; width:115px; height:35px; cursor:pointer; border-radius:3px; background:#41a39e; color:#fff; transition: background 0.2s ease-out; } 
div.res_wrap ul.res_txt li input.btn_coupon:hover { background:#b68b5b; } 

div.res_wrap ul.res_li4 li { width:25%; } 

/**쿠폰등록***/
.add_cp { border:1px solid #dbc5ad; background:#faf7f4; width:100%; padding:40px; } 
.add_cp form { margin:0 auto; text-align:center; } 
.add_cp form .btn_add { position:relative; top:2px; margin-left:-5px; width:150px; height:35px; border:none; cursor:pointer; background:#3D2C2C; color:#fff; transition: background 0.2s ease-out; } 


/***********실시간예약****************/
div.res_point { margin-top:30px; border:2px solid #000; } 
div.res_point ul.first { overflow:hidden; background:#f8f8f8; } 
div.res_point ul.first li { float:left; width:30%; height:60px; line-height:60px; padding:0 20px; text-align:left; font-weight:600; border-left:1px solid #ddd; } 
div.res_point ul.first li:first-child { border:0 } 
div.res_point ul.first li:last-child { float:left; width:40%; color:#1d1d1d; } 

div.res_point ul.money { overflow:hidden; border-bottom:1px solid #000; } 
div.res_point ul.money li { float:left; width:30%; padding:20px 30px; height:100px; position: relative; border-left:1px solid #ddd; text-align:right; color:#1d1d1d; } 
div.res_point ul.money li:first-child { border:0; } 
div.res_point ul.money li:first-child:before { content : ""; display : block; position : absolute; right :-13px; top:50%; margin-top:-21px; width : 26px; height : 26px; background: url("/images/default/content/minus.png") no-repeat left top; z-index:1; } 
div.res_point ul.money li span.total_price { font-size:30px; color:#ff0000; font-weight:600; } 
div.res_point ul.money li span.end_price { font-size:30px; color:#1d1d1d; font-weight:600; } 
div.res_point ul.money li:last-child { float:left; width:40%; } 
div.res_point ul.money li:last-child:before { content : ""; display : block; position : absolute; left :-13px; top:50%; margin-top:-21px; width : 26px; height : 26px; background: url("/images/default/content/equal.png") no-repeat left top; z-index:1; } 

div.mall_container .txt02 { text-align:center; font-size:25px; } 
div.mall_container ul.tit_box { overflow:hidden; background:#F8F5F1; margin-top:40px; padding:20px 50px; text-align:center; } 
div.mall_container ul.tit_box li { position:relative; padding-left:7%; line-height:1.5; display:inline-block; margin:0 40px; } 
div.mall_container ul.tit_box li span { color:#2b2e4b; font-weight:600; } 
div.mall_container img { display:block; margin:0 auto; margin-bottom:30px; } 
div.mall_container .btn_complete { background:#5B4944; padding:15px 20px; color:#fff; display:block; text-align:center; width:240px; height:55px; margin:0 auto; margin-top:60px; } 


/* 대둔산캠핑랜드 소개 */
.inner { max-width: 1240px;width: 100%;margin: 0 auto;padding: 0 20px;} 
.sub-visual { position: relative; } 
.sub-visual::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 5; } 
.visual-slider { overflow: hidden; } 
.visual-nav { display: flex; justify-content: center; align-items: center; column-gap: 10px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; z-index: 10; } 
.visual-title { font-size: 28px; font-weight: 200; line-height: 1.5; color: #fff; } 
.visual-nav .page-num { font-size: 14px; font-weight: 300; color: #fff; position: absolute; } 
.visual-nav > button { width: 50px; height: 40px; } 
.visual-nav .visual-btn-prev .page-num { left: 18px; top: 0; } 
.visual-nav .visual-btn-next .page-num { right: 18px; bottom: 0; } 
.visual-nav .arrow { display: block; width: 50px; height: 1px; background-color: #fff; position: relative; } 
.visual-nav .arrow.left::before { content: ''; position: absolute; top: -5px; left: 1px; width: 10px; height: 10px; border-top: 1px solid #fff; transform: rotate(-45deg); } 
.visual-nav .arrow.right::before { content: ''; position: absolute; top: -5px; right: 1px; width: 10px; height: 10px; border-top: 1px solid #fff; transform: rotate(135deg); } 


.abo01 .tit { font-size: 28px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; color: #333; } 
.desc { line-height: 1.5; } 
.abo01 .second { text-align: center; } 
.abo01 .second .tit { margin-top: 50px; } 
.abo01 .second p { margin-top: 20px; } 


.section {margin-top: 80px;}
.video-wrap {display: flex;column-gap: 20px;}
.video-wrap .video {flex: 1;}

.info-section .tit { font-size: 38px; font-weight: 700; line-height: 1.5; letter-spacing: -.03em; color: #111;margin-bottom: 20px; } 
.info-list {padding-left: 25px;margin-top: 8px;}
.info-list > li {list-style: decimal;line-height: 1.8;word-break: keep-all;}
.info-list > li b {font-weight: 700;color: #0d9488;}
.info-dl-wrap {margin: 8px auto;}
.info-dl {display: flex;}
.info-dl > dt {width: 20%;padding: 10px;border: 1px solid #eee;}
.info-dl > dd {width: 80%;padding: 10px;border: 1px solid #eee;}
.info-dl > dd.strong {font-weight: 700;color: #0d9488;}


/* 2025-07-08 */
.section .img img {display: block;max-width: 100%;width: 100%;}
@media screen and (max-width: 1200px) {
    .fac_tit div:nth-child(1) {flex: 1 1 65%;} 
    .fac_wrap {gap: 30px;margin-top: 60px;}
    .bg {padding: 60px 0;}
    .section {margin-top: 60px;}
}
@media screen and (max-width: 1024px) {
    .visual-slider .swiper-slide img {max-width: 100%;}

    div.con h3.tit {font-size: 32px;}
    div.con h3.tit span {font-size: 16px;}
}

@media screen and (max-width: 768px) {
    .visual-title {font-size: 18px;}

    .gallery-top {height: 400px;}

    div.con h3.tit {font-size: 24px;}
    div.con h3.tit span {font-size: 14px;}

    .abo01 .tit {font-size: 22px;}
    .abo01 .second .tit {margin-top: 32px;}
    
    .fac_tit {flex-direction: column;gap: 40px;}
    .fac_tit div:nth-child(1) {padding: 0;border: 0;flex: 1;}
    .fac_tit div:nth-child(2) {padding: 0;}
    .fac_tit div ul.cus {display: flex;gap: 20px;flex-wrap: wrap;}
    .fac_tit div ul.cus li {flex: 1 1 calc(50% - 10px);}

    .video-wrap {flex-direction: column;row-gap: 24px;}

    .info-dl > dt {width: 40%;}

    .fac_wrap, .bg .fac_wrap {flex-direction: column;}
    .fac_wrap .fimg, .fac_wrap .ftxt {width: 100%;}

    .info-section .tit {font-size: 28px;margin-bottom: 16px;}
}

@media screen and (max-width: 500px) {
    .gallery-top {height: 240px;}
    .gallery-thumbs .swiper-slide {height: 60px;}

    .fac_tit div ul.tit_box {flex-direction: column;}
    .fac_tit div ul.cus {flex-direction: column;gap: 16px;}
    .fac_tit div ul.cus li {margin-bottom: 0;column-gap: 16px;flex: 1;}
    .fac_tit div ul.cus li img {width: 33%;height: auto;}
    .fac_tit div ul.cus li p br {display: none;}
}
@media screen and (max-width: 480px) {
    .visual-nav {width: 100%;bottom: 30px;} 
    .visual-nav .visual-btn-prev .page-num {left: 50px;}
    .visual-nav .visual-btn-next .page-num {right: 50px;}

    .fac_tit div h3.tit {margin-bottom: 16px;}
    .fac_tit div ul.tit_box {margin-top: 24px;row-gap: 4px;padding: 24px;}
    .fac_tit div ul.tit_box li span {flex: 0 0 15%;}

    div.con h4 {margin-bottom: 16px;}
    .fac_tit div ul.cus {gap: 20px;margin-bottom: 16px;}
    .video-wrap {gap: 16px;}
    .video-wrap .video iframe {height: 240px;}

    .section {margin-top: 40px;}
    div.con h3.tit {margin-bottom: 16px;}
    .info-list > li {line-height: 1.7;}

    .fac_wrap {gap: 24px;}
    .ftxt ul.flist {margin-top: 16px;}
    .ftxt ul.flist li {padding-left: 80px;}
    .info-section .tit {font-size: 24px;}
}