@charset "UTF-8";

h4 { margin: 40rem 0 20rem; font-size: 31rem; font-weight: 700; }
h4+h5 { margin-top: 20rem; }
h5 { margin: 40rem 0 15rem 3rem; font-size: 26rem; font-weight: 700; color: #3f4e63; }
h6 { margin: 20rem 0 20rem 3rem; font-size: 22rem; font-weight: 600; color: #626262; }
h6:before { content: '['; padding-right: 5rem; }
h6:after { content: ']'; padding-left: 5rem; }
@media all and (max-width:480px) { h4 { font-size: 27rem; }
 h5 { font-size: 24rem; }
 h6 { font-size: 20rem; }
 }

.dep_01 { margin: 10rem 0 15rem 5rem; }
.dep_01 > li { position: relative; margin: 5rem 0; padding: 0 0 0 18rem; }
.dep_01 > li:before { content: ''; position: absolute; top: 8rem; left: 0; width: 0; height: 0; border-left: 6rem solid #1570b7; border-top: 6rem solid transparent; border-bottom: 6rem solid transparent; }
.dep_02 { margin: 5rem 0 10rem 5rem; }
.dep_02 > li { position: relative; margin: 5rem 0; padding: 0 0 0 17rem; }
.dep_02 > li:before { content: ''; position: absolute; top: 11rem; left: 0; width: 4px; height: 4px; background: #3f4e63; border-radius: 50rem; }
.dep_03 { margin: 0 0 10rem 5rem; }
.dep_03 > li { position: relative; padding: 5rem 0 0 17rem; font-size: 16rem; }
.dep_03 > li:before { content: ''; position: absolute; top: 18rem; left: 0; width: 7px; height: 1px; background: #3e3e3e; }
.dep_01.none > li { padding-left: 0; }
.dep_01.none > li:before { display: none; }
.dep_02.none > li:before { display: none; }

.cont_box { border-radius: 30rem; margin: 40rem 0; border: 1px solid #e6e6e6; border-top: 2px solid #1570b7; padding: 40rem 40rem 40rem 190rem; box-shadow: 2px 2px 10px rgba(133,133,133,0.1); border-radius: 30rem; background: #fff url("../img/content/box_bg.png") no-repeat left 60rem top 40rem; position: relative; }
.cont_box h4,
.cont_box p,
.cont_box ul { position: relative; z-index: 2; }
.cont_box h4 { margin: 0 0 11rem; color: #1570b7; font-size: 29rem;}
.cont_box h5:first-child { margin-top: 0; }
.cont_box .dep_01 { margin-top: 0; margin-bottom: 0; }
@media all and (max-width:880px){
 .cont_box { padding: 30rem 30rem 30rem 150rem; background-size: 80rem; background-position: left 40rem top 40rem; }
 .cont_box h4 { font-size: 26rem; }
 }
@media all and (max-width:480px){
 .cont_box { padding: 30rem 40rem; background-image: none; }
 }

.txt_box { background: #fffcf4; border: 1px solid #e8e0c9; border-radius: 10rem; padding: 13rem 20rem; /*text-align: center; */
 margin-bottom: 20rem; }
/* .txt_box02 { text-align: left; } */

.caution { position: relative; margin: 5rem 0; padding-left: 30rem; font-size: 16rem; color: #b9173e; }
.caution:before { content: '!'; position: absolute; top: 3rem; left: 0; background: #b9173e; color: #fff; font-weight: 900; font-size: 12rem; padding: 0 9rem; border-radius: 5rem; }

.file li { display: flex; align-items: center; justify-content: space-between; min-height: 68rem; padding: 9rem 20rem 9rem 25rem; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); margin: 15rem 0; border-radius: 10rem; }
.file li p { font-weight: 500; }

.link_btn,
.text_blank { display: inline-block; position: relative; padding-right: 20rem; color: #2149a6; font-weight: 500; }
.link_btn:before,
.text_blank::before { content: ''; position: absolute; bottom: 8rem; right: 3rem; width: 13px; height: 13px; background: url("../../common/img/blank.png") no-repeat 100% 0/400% auto; }

.text_blank.down::before { background-image: url("../../common/img/btn_type_bl.png"); background-position: -2px -2px; right: 0; width: 15px; height: 15px; }

.btn_type { display: inline-block; background: #fff; color: #3f4e63; border: 1px solid #3f4e63; border-radius: 6rem; padding: 6rem 14rem 6rem 18rem; margin: 5rem; font-size: 16rem; font-weight: 700; }
.btn_type span { display: inline-block; padding-right: 24rem; position: relative; }
.btn_type span::before { content: ''; position: absolute; top: 3rem; right: 0; width: 20rem; height: 20rem; background: url("../img/content/btn_type.png") no-repeat; background-position: 0 0; }
.btn_type.view span::before { background-position-x: -40px; }
.btn_type.blank span::before { background-position-x: -20px; }
.btn_type.small { padding: 3rem 10rem 3rem 11rem; border-radius: 50rem; font-size: 15rem; }
.btn_type.small span::before { top: 1rem; }

.dep_02.btn_bf_ul > .btn_bf_li::before { top: 18rem; }
.dep_03.btn_bf_ul > .btn_bf_li::before { top: 23rem; }

.btn_type ~ .caution { margin-left: 4rem; }

.tmg { margin: 20rem 0 25rem; padding: 30rem; border: 1px solid #d2d3d9; border-radius: 20rem; }
.tmg img { display: block; margin: 0 auto; }
.tmg2 { margin: 20rem 0 25rem; padding: 30rem; background: #f5f5f5; }
.tmg2 img { display: block; margin: 0 auto; }
.img_box { padding: 10rem; border: 1px solid #ddd; }

.video_script { max-height: 200rem; width: 100%; border-radius: 6rem; overflow-x: auto; padding: 20rem; border: 1px solid #ddd; }

/* 테이블 */
.table { overflow-x: auto; border-top: 2px solid #3f4e63; margin: 20rem 0 25rem; clear: both; }
.table table { width: 100%; text-align: center; margin-left: -1px; line-height: 1.6; }
.table table tbody th,
.table table thead th { background: #f5f7f8; border-left: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; padding: 10rem; }
.table table tbody th { background: #fbfbfb; }
.table table tbody td,
.table table tfoot td { padding: 10rem; border-bottom: 1px solid #d7dee3; border-left: 1px solid #d7dee3; }
.table table tbody td ul { margin-top: 0; margin-bottom: 0; text-align: left; }
.table table tbody td ul.dep_02 > li:first-child { margin-top: 0; }
.table table tbody td ul.dep_02 li:last-child { margin-bottom: 0; }
.table table tfoot td { background: #f5f7f8; font-weight: 600; }
.table.tdL table tbody td { text-align: left; }
.table_scroll { background: url("../../common/img/scroll.png") no-repeat left center; padding: 10rem 0 10rem 70rem; margin: 15rem 0 -15rem; }
.table.type2 { border-top: 2px solid #323232; }
.table.type2 table tbody th,
.table.type2 table thead th { background: transparent; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table.type2 table thead th { border-bottom: 1px solid #323232; }
.table.type2 table tbody th { background: transparent; }
.table.type2 table tbody td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }

/*캠핑장 배치도*/
.facility2_map { border: 1px solid #d7d7d7; text-align: center; padding-top: 60px; position: relative; margin-bottom: 50px; }
.facility2_map .fclear::after {content: ''; clear: both; display: block;}
.facility2_map .bg_brown { background: #1f58cc; color: #ffffff; padding: 13px 20px; position: absolute; width: 500px; left: 0; bottom: 20px; text-align: left; padding-top: 45px; padding-bottom: 3px; height: 266px; }
.facility2_map .bg_brown p { background: #ffffff; color: #1f58cc; font-weight: 700; padding: 4px 18px; border-radius: 0 50px 50px 0; width: 66px; position: absolute; left: 0.5px; top: 11px; }
.facility2_map .bg_brown ul { text-align: left; padding-top: 13px; display: inline-block; width: 32%; vertical-align: top; }
.facility2_map .bg_brown ul li { padding-bottom: 10px; }
.facility2_map .bg_brown ul li img { vertical-align: middle; margin-right: 8px; margin-top: -4px; width: 35px; }
.facility2_map .bd_green { border: 14px solid #C4DF9C; background: #ffffff; padding: 19px 15px; height: 266px; box-sizing: border-box; bottom: 20px; left: 500px; position: absolute; text-align: left; }
.facility2_map .bd_green li {font-size: 16rem;}
.facility2_map .bd_green li span { width: 65px; display: inline-block; font-size: 13px; font-weight: 900; padding: 10.5px 0; text-align: center; margin-right: 7px; }
.facility2_map .bd_green li:nth-of-type(1) span { background: #FFF56B; color: #C09632; }
.facility2_map .bd_green li:nth-of-type(2) span { background: #87CDB1; color: #1D6649; }
.facility2_map .bd_green li:nth-of-type(3) span { background: #8DD8F8; color: #2F83B4; }
.facility2_map .bd_green li:nth-of-type(4) span { background: #C7C4E2; color: #6961AB; }
.facility2_map .bd_green li:nth-of-type(5) span { background: #FBD5E5; color: #BB2262; }
@media(max-width: 1024px){
 .facility2_map { padding-top: 15px; }
 .facility2_map .bg_brown { position: relative; left: unset; bottom: unset; display: block; width: 100%;  }
 .facility2_map .bd_green { display:block; position: unset; width: 100%; height:auto; }
 .facility2_map .bd_green li { float: left; width: 50%; }
 }
@media(max-width: 620px){
 .facility2_map .bd_green li { float: none; width: 100%;  margin: 0 auto; }
 }
@media(max-width: 450px){
 .facility2_map .bg_brown { padding: 45px 10px 10px; }
 .facility2_map .bg_brown ul li img { width: 23px; margin-right: 4px; }
 .facility2_map .bg_brown { height: auto; }
 }

/*시설소개*/
.facilityInfo .cont_top {display: flex; flex-wrap: wrap; justify-content: space-between;}
.facilityInfo .cont_top .cont_box {margin-top: 0;}
.facilityInfo .cont_top .info_img {width: 50%;}
.facilityInfo .cont_top .info_txt {width: 45%;}
.facilSlide .swiper-control a { display:block; width:50rem; height:50rem; border-radius:50%; background:var(--blue); text-indent:-999999px; margin-top: 0;}
.facilSlide .swiper-control a::before {content:''; position:absolute; left:42%; top:40%; width:6rem; height:6rem; border-top:4rem solid #fff; border-left:4rem solid #fff; transform:rotate(-45deg); }
.facilSlide .swiper-control a.swiper-button-next { transform:rotate(180deg); }
.facilSlide .swiper-slide {position: relative; min-height: 400rem; max-height: 400rem; overflow: hidden;}
.facilSlide .swiper-slide img {height: 100%; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.facilThumb {margin-top: 30rem;}
.facilThumb .swiper-slide {overflow: hidden; position: relative; height: 86rem;}
.facilThumb .swiper-slide img {position: absolute; min-height: 100%; min-width: 100%; max-width: 200rem; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.facilList {display: flex; flex-wrap: wrap; padding: 20rem; border-radius: 30rem; background: #eef1f7;}
.facilList > li {width: calc((100% - 100rem)/6); margin-left: 20rem; position: relative; padding-top: 70rem; text-align: center;}
.facilList > li:first-child {margin-left: 0;}
.facilList > li > p {line-height: 1.3;}
.facilList > li::before {content: ''; display: block; width: 60rem; height: 60rem; border-radius: 50%; background: #fff url("../img/content/icon_facility.png") no-repeat 0 0/500%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.facilList > li.icon01::before {background-position: 0 0;}
.facilList > li.icon02::before {background-position: 25% 0;}
.facilList > li.icon03::before {background-position: 50% 0;}
.facilList > li.icon04::before {background-position: 75% 0;}
.facilList > li.icon05::before {background-position: 100% 0;}
.facilList > li.icon06::before {background-position: 0 100%;}
.facilList > li.icon07::before {background-position: 25% 100%;}
.facilList > li.icon08::before {background-position: 50% 100%;}
.facilList > li.icon09::before {background-position: 75% 100%;}
@media all and (max-width: 1240px) {
  .facilityInfo .cont_top .info_img {width: 40%;}
  .facilityInfo .cont_top .info_txt {width: 55%;}
  .facilSlide .swiper-slide {min-height: 300rem; max-height: 300rem;}
  .facilThumb .swiper-slide {height: 60rem;}
  .facilThumb .swiper-slide img {max-width: 100rem;}
}
@media all and (max-width: 1080px) {
  .facilityInfo .cont_top .info_img {width: 100%;}
  .facilityInfo .cont_top .info_txt {width: 100%;}
  .facilityInfo .cont_top .cont_box {margin-top: 40rem;}
}
@media all and (max-width: 768px) {
    .facilList > li {padding-top:60rem;}
    .facilList > li::before {width:50rem; height:50rem;}
}
@media all and (max-width: 480px) {
    .facilList > li {padding-top:50rem;}
    .facilList > li::before {width:40rem; height:40rem;}
    .facilList > li > p {font-size:14rem;}
}

/* 게시판 검색부분 */
.board_search > *{height: 40rem;}


#content iframe {height:700rem;}
@media all and (max-width:1023px){
    #content iframe {height:550rem;}
}
@media all and (max-width:768px){
    #content iframe {height:350rem;}
}