@charset "utf-8";

main.sub .content-wrapper{padding:var(--header-height) var(--container-padding) 0;}

main.sub .top-box{width: 100%;height: 401px;max-width: var(--container-width);margin: 0 auto;border-radius: 30px;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
main.sub .top-box::after{content:'';width: 100%;height: 100%;display: block;background-color: rgba(52,47,43,0.5);position: absolute;top:0;left: 0;}
main.sub .top-box .title-box{display: flex;flex-direction: column;row-gap: 25px;position: relative;z-index: 1;}
main.sub .top-box .title-box .sub-title{font-family:var(--NanumSquareNeo);text-align: center;font-size: 20px;font-weight: 700;letter-spacing: -0.03em;color:var(--orange2);}
main.sub .top-box .title-box h2{font-family: var(--GangwonEduPower);font-size: 48px;letter-spacing: -0.048em;font-weight: 800;color:var(--white);text-align: center;}
main.sub .top-box .title-box p{font-size: 20px;letter-spacing: -0.03em;font-weight: 700;color:var(--orange3);text-align: center;line-height: 1.5;}
main.sub .top-box .title-box .button-box{display: flex;column-gap: 20px;justify-content: center;}
main.sub .top-box .title-box .button-box .icon-button{background-size: 100% auto;background-repeat: no-repeat;width: 24px;height: auto;aspect-ratio: 24 / 25;}
main.sub .top-box .title-box .button-box .icon-button.share{background-image: url("../images/icons/icon-share.svg");}
main.sub .top-box .title-box .button-box .icon-button.bookmark{background-image: url("../images/icons/icon-bookmark.svg");}
main.sub .top-box .title-box .button-box .icon-button.link{background-image: url("../images/icons/icon-link.svg");}
main.sub .top-box .title-box .button-box .icon-button.print{background-image: url("../images/icons/icon-print.svg");}

main.sub.sub-search .top-box{background-image: url("../images/sub-top.png");}
main.sub.sub-plus .top-box{background-image: url("../images/sub-plus-top.png");}
main.sub.sub-customer .top-box{background-image: url("../images/sub-customer-top.png");}
main.sub.sub-edu .top-box{background-image: url("../images/sub-edu-top.png");}
main.sub.sub-company .top-box{background-image: url("../images/sub-company-top.png");}
main.sub.sub-extra .top-box{background-image: url("../images/sub-extra.png");}



main.sub .section-wrapper{padding:100px var(--container-padding) 60px;position: relative}
main.sub .section-wrapper::before{content:'';background-image: url("../images/bg-sub.svg");background-size:100% auto; ;background-repeat: no-repeat;width: 280px;height: 1967px;display: block;position: absolute;top:100px;left: calc(((100vw - (var(--content-width))) / 2 ) * -1);z-index: -1}

/*검색 바*/
.search-section .search-box{width:  100%;background-color: var(--orange1);border-radius: 100px;display: flex;padding:0 40px;align-items: center;column-gap: 40px;}
.search-section .search-box .t-box{flex: none;font-size: 32px;font-weight: 800;color:var(--white);font-family:var(--GangwonEduPower);display: flex;align-items: center}
.search-section .search-box .t-box::before{content:'';background-image: url("../images/search-cat.svg");background-size: cover;display: block;width: 150px;height: 102px;}
.search-section .search-box .button-box{display: flex;column-gap: 10px;width: 100%;}
.search-section .search-box .search-input{width: 100%;background-color: var(--white);border-radius: 60px;height: 60px;position: relative;display: flex;}
.search-section .search-box .search-input > input{border:0;height: 100%;width: calc(100% - 60px);padding:0 40px;background-color: transparent;font-size: 22px;font-weight: 700;letter-spacing: -0.03em;font-family: var(--NanumSquareNeo);color:var(--black1)}
.search-section .search-box .search-input > input:focus{outline:0;}
.search-section .search-box .search-input > input::placeholder{color:var(--black1)}
.search-section .search-box .search-input .search-button{width: 60px;height: 60px;background-image: url("../images/icons/icon-search-orange.svg");background-size: 29px auto;background-position: center;background-repeat: no-repeat;font-size: 0;text-indent: -9999px;}
/*검색 바*/

/*상세검색 바*/
.search-detail-section{}
.search-detail-section .tab-box .tab-list{display: flex;}
.search-detail-section .tab-box .tab-list .tab-item{width: 50%;height: 70px;display: flex;justify-content: center;align-items: center;font-family:var(--GangwonEduPower);font-size: 26px;font-weight: 800;letter-spacing: -0.03em;color:var(--button_on);background-color: var(--orange3);border-radius: 30px 30px 0 0;cursor: pointer;outline:none;-webkit-tap-highlight-color:transparent;}
.search-detail-section .tab-box .tab-list .tab-item.icon-light{background-color: var(--orange1);color:var(--white);}
.search-detail-section .tab-box .tab-list .tab-item.icon-light::after{content:'';display: block;margin-left: 10px;background-image: url("../images/icons/icon-light.svg");width: 30px; height: 30px;}
.search-detail-section .tab-box .tab-list .tab-item.icon-sell::after{content:'';display: block;margin-left: 10px;background-image: url("../images/icons/icon-sell.svg");width: 30px; height: 30px;}
.search-detail-section .tab-box .tab-content{}
.search-detail-section .tab-box .tab-content .tab-content-item{display: none;border-radius: 0 0 30px 30px;padding:40px 60px;position: relative;}
.search-detail-section .tab-box .tab-content .tab-content-item .deco-item{position: absolute;}
.search-detail-section .tab-box .tab-content .tab-content-item .deco-item > img{width: 100%;display: block;}
.search-detail-section .tab-box .tab-content .detail-search{background-color: var(--orange1);}
.search-detail-section .tab-box .tab-content .detail-search .search-input{display: flex;column-gap: 30px;}
.search-detail-section .tab-box .tab-content .detail-search .search-input .input-item{display: flex;flex-direction: column;row-gap: 10px;}
.search-detail-section .tab-box .tab-content .detail-search .search-input .input-item.text-input{width: 100%;}
.search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .select-box{width: 100%;min-width: 260px;}
.search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .input-group{display: flex;column-gap: 10px;width: 100%;}
.search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .input-title{font-family:var(--NanumSquareNeo);font-size: 18px;color:var(--white);font-weight: 800;letter-spacing: -0.03em;}
.search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(1){width:74px;top: -70px;left: -37px;}
.search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(2){width:175px;bottom: -60px;left: -25px;}
.search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(3){width:142px;bottom: -60px;right: -43px;}

.search-detail-section .tab-box .tab-content .button-box{display: flex;justify-content: center;margin: 30px auto 0;column-gap: 10px;}
.search-detail-section .tab-box .tab-content .tag-search{background-color: var(--orange3);}
.search-detail-section .tab-box .tab-content .tag-search .deco-item:nth-of-type(1){width:127px;top: 40px;left: -62px;}
.search-detail-section .tab-box .tab-content .tag-search .deco-item:nth-of-type(2){width:288px;bottom: -30px;right: -85px;}

.search-detail-section .tag-list{display: flex;gap: 10px;flex-wrap: wrap;width:100%;}
.search-detail-section .tag-list .tag-item{}
.search-detail-section .tag-list .tag-item input[type='checkbox']{display: none;}
.search-detail-section .tag-list .tag-item input[type='checkbox'] + label{color:var(--black2);background-color: var(--white);padding:10px;border-radius: 30px;display: inline-block;cursor: pointer;transition-duration: 0.2s;transition-property: background-color,color,box-shadow,transform;outline:none;-webkit-tap-highlight-color:transparent;}
.search-detail-section .tag-list .tag-item input[type='checkbox'] + label::before{content:'#';}
.search-detail-section .tag-list .tag-item input[type='checkbox']:checked + label{background-color: var(--orange1);color:var(--white);box-shadow: var(--shadow4);transform: translateY(-3px)}

.search-detail-section[data-tab='detail'] .tab-box .tab-content .tab-content-item.detail-search{display: block;}
.search-detail-section[data-tab='tag'] .tab-box .tab-content .tab-content-item.tag-search{display: block;}

/*상세검색 바*/

/*기간 검색 바*/
.search-period-section{}
.search-period-section .search-wrapper{background-color: var(--orange1);display: flex;justify-content:center;position: relative;width: 100%;padding:20px;border-radius: 30px;column-gap: 10px;}
.search-period-section .search-wrapper .search-input{display: flex;column-gap: 10px;}
.search-period-section .search-wrapper .search-input .select-box{min-width: 200px;height: 50px;font-size: 18px;}
.search-period-section .search-wrapper .search-input .select-box .select-list-content {padding: 20px 0;}
.search-period-section .search-wrapper .button-box .button {width: 130px;height: 50px;padding: 0 20px;font-size: 18px;}
.search-period-section .search-wrapper .deco-item{position: absolute;}
.search-period-section .search-wrapper .deco-item > img{width: 100%;display: block;}
.search-period-section .search-wrapper .deco-item:nth-of-type(1){width:157px;top: -62px;left: -8px;}
.search-period-section .search-wrapper .deco-item:nth-of-type(2){width:203px;bottom: -50px;right: -12px;}

/*기간 검색 바*/


.list-title{display: flex;align-items: baseline;column-gap: 16px;}
.list-title.top-line{border-top:2px solid var(--orange1);padding-top: 20px;}
.list-title .title{position: relative;padding-left: 49px;}
.list-title .title::before{content:'';background-image: url("../images/icons/icon-mark.svg");background-size: 100% auto;background-position: center;background-repeat: no-repeat;width: 39px;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;}


.facilities{display: flex;gap: 10px 6px;flex-wrap: wrap;}
.facilities .facility-item{width: 80px;height: 80px;}
.facilities .facility-item span{display: flex;flex-direction: column;align-items: center}
.facilities .facility-item span::before{content:'';display: block;background-size: 100% auto;width: 48px;height: 49px;aspect-ratio: 48 / 49;}
.facilities .facility-item span::after{content:'';text-align: center;color:var(--black2);font-size: 14px;line-height: 1.428;letter-spacing: -0.03em;font-weight: 800;}

.facilities.camp .facility-item{width: 100px;height: 100px;}
.facilities.camp .facility-item span::before{content:'';display: block;background-size: 100% auto;width: 80px;height: auto;aspect-ratio: 1 / 1;}
.facilities.camp .facility-item span::after{color:var(--black1);font-size: 18px;font-weight: 700;}

/*전기*/
.facilities .facility-item span.facility001::before{background-image: url("../images/icons/facillity/icon-facility001.svg");}
.facilities.camp .facility-item span.facility001::before{background-image: url("../images/icons/facillity/icon-red-facility001.svg");}
.facilities .facility-item span.facility001::after{content:'전기';}

/*장작판매*/
.facilities .facility-item span.facility002::before{background-image: url("../images/icons/facillity/icon-facility002.svg");}
.facilities.camp .facility-item span.facility002::before{background-image: url("../images/icons/facillity/icon-red-facility002.svg");}
.facilities .facility-item span.facility002::after{content:'장작판매';}

/*온수*/
.facilities .facility-item span.facility003::before{background-image: url("../images/icons/facillity/icon-facility003.svg");}
.facilities.camp .facility-item span.facility003::before{background-image: url("../images/icons/facillity/icon-red-facility003.svg");}
.facilities .facility-item span.facility003::after{content:'온수';}

/*놀이터*/
.facilities .facility-item span.facility004::before{background-image: url("../images/icons/facillity/icon-facility004.svg");}
.facilities.camp .facility-item span.facility004::before{background-image: url("../images/icons/facillity/icon-red-facility004.svg");}
.facilities .facility-item span.facility004::after{content:'놀이터';}

/*산책로*/
.facilities .facility-item span.facility005::before{background-image: url("../images/icons/facillity/icon-facility005.svg");}
.facilities.camp .facility-item span.facility005::before{background-image: url("../images/icons/facillity/icon-red-facility005.svg");}
.facilities .facility-item span.facility005::after{content:'산책로';}

/*운동장*/
.facilities .facility-item span.facility006::before{background-image: url("../images/icons/facillity/icon-facility006.svg");}
.facilities.camp .facility-item span.facility006::before{background-image: url("../images/icons/facillity/icon-red-facility006.svg");}
.facilities .facility-item span.facility006::after{content:'운동장';}

/*와이파이*/
.facilities .facility-item span.facility007::before{background-image: url("../images/icons/facillity/icon-facility007.svg");}
.facilities.camp .facility-item span.facility007::before{background-image: url("../images/icons/facillity/icon-red-facility007.svg");}
.facilities .facility-item span.facility007::after{content:'와이파이';}

/*운동시설*/
.facilities .facility-item span.facility008::before{background-image: url("../images/icons/facillity/icon-facility008.svg");}
.facilities.camp .facility-item span.facility008::before{background-image: url("../images/icons/facillity/icon-red-facility008.svg");}
.facilities .facility-item span.facility008::after{content:'운동시설';}

/*트렘폴린*/
.facilities .facility-item span.facility009::before{background-image: url("../images/icons/facillity/icon-facility009.svg");}
.facilities.camp .facility-item span.facility009::before{background-image: url("../images/icons/facillity/icon-red-facility009.svg");}
.facilities .facility-item span.facility009::after{content:'트렘폴린';}

/*마트,편의점*/
.facilities .facility-item span.facility010::before{background-image: url("../images/icons/facillity/icon-facility010.svg");}
.facilities.camp .facility-item span.facility010::before{background-image: url("../images/icons/facillity/icon-red-facility010.svg");}
.facilities .facility-item span.facility010::after{content:'마트,편의점';}

/*물놀이장*/
.facilities .facility-item span.facility011::before{background-image: url("../images/icons/facillity/icon-facility011.svg");}
.facilities.camp .facility-item span.facility011::before{background-image: url("../images/icons/facillity/icon-red-facility011.svg");}
.facilities .facility-item span.facility011::after{content:'물놀이장';}

.list-box.list-style001{}
.list-box.list-style001 .list-item{display: flex;padding:40px 0;column-gap: 50px;border-bottom:1px solid var(--line1);}
.list-box.list-style001 .list-item .img-box{width: 440px;height: 440px;overflow: hidden;position: relative;flex: none;border-radius: 30px;}
.list-box.list-style001 .list-item .img-box::before{content:'';width:60px;height: 66px;display: block;border-radius: 0 0 30px 30px;background-color: var(--white);position: absolute;top:0;left: 24px;background-size: 60px 60px;background-position: top;background-repeat: no-repeat;z-index: 2;}
.list-box.list-style001 .list-item.forest .img-box::before{background-image: url("../images/icons/icon-theme001.svg");}
.list-box.list-style001 .list-item.city .img-box::before{background-image: url("../images/icons/icon-theme002.svg");}
.list-box.list-style001 .list-item.beach .img-box::before{background-image: url("../images/icons/icon-theme003.svg");}
.list-box.list-style001 .list-item.valley .img-box::before{background-image: url("../images/icons/icon-theme004.svg");}
.list-box.list-style001 .list-item.island .img-box::before{background-image: url("../images/icons/icon-theme005.svg");}
.list-box.list-style001 .list-item.mount .img-box::before{background-image: url("../images/icons/icon-theme006.svg");}
.list-box.list-style001 .list-item.lake .img-box::before{background-image: url("../images/icons/icon-theme007.svg");}
.list-box.list-style001 .list-item.river .img-box::before{background-image: url("../images/icons/icon-theme008.svg");}
.list-box.list-style001 .list-item .img-box .mark{position: absolute;top:0;right: 30px;display: flex;z-index: 2}
.list-box.list-style001 .list-item .img-box .mark .update{display: flex;font-family: var(--NanumSquareNeo);font-size: 16px;letter-spacing: -0.03em;font-weight: 800;color:var(--white);background-color: var(--black1);padding: 8px 14px 8px 10px;border-radius: 0 0 20px 20px;}
.list-box.list-style001 .list-item .img-box .mark .update::before{content:'';display: inline-block;background-image: url("../images/icons/icon-update.svg");background-size: 100% auto;width: 20px;height: 20px;}
.list-box.list-style001 .list-item .img-box .mark .close{display: flex;font-family: var(--NanumSquareNeo);font-size: 16px;letter-spacing: -0.03em;font-weight: 800;color:var(--white);background-color: var(--orange1);padding: 8px 14px 8px 10px;border-radius: 0 0 20px 20px;}
.list-box.list-style001 .list-item .img-box .mark .close::before{content:'';display: inline-block;background-image: url("../images/icons/icon-show_close.svg");background-size: 100% auto;width: 20px;height: 20px;}
.list-box.list-style001 .list-item .img-box img{width: 100%;height: 100%;display: block;object-fit: cover}
.list-box.list-style001 .list-item .img-box.no-img{border:1px solid var(--line1);display: flex;justify-content: center;align-items: center;}
.list-box.list-style001 .list-item .img-box.no-img .no-text{display: flex;flex-direction: column;align-items: center;row-gap: 26px;}
.list-box.list-style001 .list-item .img-box.no-img .no-text .symbol{width: 64px;display: block;}
.list-box.list-style001 .list-item .img-box.no-img .no-text .join-button{height: 60px; background-color: var(--orange1);color:var(--white);display: flex;justify-content: center;align-items: center;padding:0 30px;border-radius: 50px;font-family: var(--NanumSquareNeo);font-size: 22px;letter-spacing: -0.03em;font-weight: 800;}
.list-box.list-style001 .list-item .img-box.no-img .no-text .join-button::after{content:'';display: inline-block;background-image: url("../images/icons/icon-join.svg");background-size: 100% auto;width: 24px;height: 24px;margin-left: 20px;}
.list-box.list-style001 .list-item .img-box.no-img::before{content:none;}
.list-box.list-style001 .list-item.hotel_close .img-box::after{content:'';display:block;background-color: rgba(255,255,255,0.5);width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 1;}
.list-box.list-style001 .list-item .text-box{}
.list-box.list-style001 .list-item .text-box .text-top-box{display: flex;justify-content: space-between;}
.list-box.list-style001 .list-item .text-box .text-top-box .certification{display: flex;column-gap: 10px;}
.list-box.list-style001 .list-item .text-box .text-top-box .register{display: flex;align-items: center;padding:0 8px ;border-radius: 10px;height: 30px;border:1px solid var(--orange1);font-family: var(--NanumSquareNeo);font-size: 16px;letter-spacing: -0.03em;}
.list-box.list-style001 .list-item .text-box .text-top-box .register::before{content:'';display: inline-block;background-image: url("../images/icons/icon-register.svg");background-size: 100% auto;width: 20px;height: 20px;}
.list-box.list-style001 .list-item .text-box .text-top-box .award{display: flex;align-items: center;padding:0 8px ;border-radius: 10px;height: 30px;border:1px solid var(--orange1);font-family: var(--NanumSquareNeo);font-size: 16px;letter-spacing: -0.03em;}
.list-box.list-style001 .list-item .text-box .text-top-box .award::before{content:'';display: inline-block;background-image: url("../images/icons/icon-award.svg");background-size: 100% auto;width: 20px;height: 20px;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box{display: flex;align-items: center;column-gap: 10px;font-size: 16px;letter-spacing: -0.03em;color:var(--black2);}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .like{display: flex;align-items: center;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .like::before{content:'';background-image: url("../images/icons/icon-like.svg");background-size: 100% auto;width: 20px;height: 20px;display: inline-block;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .view{display: flex;align-items: center;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .view::before{content:'';background-image: url("../images/icons/icon-view2.svg");background-size: 100% auto;width: 20px;height: 20px;display: inline-block;;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .comment{display: flex;align-items: center;}
.list-box.list-style001 .list-item .text-box .text-top-box .info-box .comment::before{content:'';background-image: url("../images/icons/icon-comment.svg");background-size: 100% auto;width: 20px;height: 20px;display: inline-block;}
.list-box.list-style001 .list-item .text-box .title-box{margin-top: 30px;}
.list-box.list-style001 .list-item .text-box .title-box .subject{color: var(--black1);}
.list-box.list-style001 .list-item .text-box .title-box .summary{color: var(--orange1);margin-top: 10px;}
.list-box.list-style001 .list-item .text-box .title-box .content{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: var(--black1);margin-top: 20px;}
.list-box.list-style001 .list-item .text-box .title-box .company{display: flex;column-gap: 20px;margin-top: 30px;}
.list-box.list-style001 .list-item .text-box .title-box .company .address{color: var(--black2);display: flex;}
.list-box.list-style001 .list-item .text-box .title-box .company .address::before{content:'';flex: none;display: inline-block;background-image: url("../images/icons/icon-map.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(3px);margin-right: 4px;}
.list-box.list-style001 .list-item .text-box .title-box .company .contact{color: var(--black2);display: flex;}
.list-box.list-style001 .list-item .text-box .title-box .company .contact::before{content:'';flex: none;display: inline-block;background-image: url("../images/icons/icon-tel.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(3px);margin-right: 4px;}
.list-box.list-style001 .list-item .text-box .title-box .facilities{margin-top: 30px;}

/*썸네일형 리스트*/
.list-box.list-style002{}
.list-box.list-style002 .list-wrapper .list-box{display: flex;width: 100%;flex-wrap: wrap;gap:40px 30px}
.list-box.list-style002 .list-wrapper .list-box .list-item{width: calc((100% - 60px) / 3)}
.list-box.list-style002 .list-wrapper .list-box .list-item .img-box{width: 100%;height: auto;aspect-ratio: 1 /1;overflow: hidden;border-radius: 30px;flex: none;transition-duration: 0.3s;transition-property:box-shadow,transform; }
.list-box.list-style002 .list-wrapper .list-box .list-item .img-box img{width: 100%;height: 100%;display: block;object-fit: cover}
.list-box.list-style002 .list-wrapper .list-box .list-item .title-box{text-align: center;display: flex;flex-direction: column;row-gap: 10px;padding:20px 10px;color:var(--black1)}
.list-box.list-style002 .list-wrapper .list-box .list-item .title-box :is(.subject,.summary){overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.list-box.list-style003{}
.list-box.list-style003 .list-wrapper .list-box{display: flex;width: 100%;flex-wrap: wrap;gap:30px;}
.list-box.list-style003 .list-wrapper .list-box .list-item{width: calc((100% - 60px) / 3);border: 1px solid var(--green1);border-radius: 20px;padding:12px 30px;transition-duration: 0.3s;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box{text-align: center;display: flex;flex-direction: column;row-gap: 13px;color:var(--black1);position: relative;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box::before{content:'';display: block;background-image: url("../images/icons/icon-notice.svg");background-repeat:no-repeat;background-size: 28px auto;width: 28px;height: 23px;margin: 0 auto;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .camp{color:var(--green1);}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .subject{height: 60px;display: flex;align-items: center;justify-content: center;    color: inherit;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .subject h2{overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;    color: inherit;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .info{font-family: var(--NanumSquareNeo);display: flex;justify-content: center;color:var(--black2)}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .info > li{font-size: 16px;letter-spacing: -0.03em;display: flex;align-items: center;    color: inherit;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .info > li.icon-view::before{content:'';background-image: url("../images/icons/icon-view.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .info > li:after{content:'|';margin: 0 0.5em;color:var(--line1)}
.list-box.list-style003 .list-wrapper .list-box .list-item .title-box .info > li:last-of-type:after{content:none;}
.list-box.list-style003 .list-wrapper .list-box .list-item.active{border-color: var(--red);background-color: var(--orange3);}



/*썸네일형 리스트*/
.list-box.board-style001{}
.list-box.board-style001 .list-item{display: flex;align-items: center;padding:10px 0;}
.list-box.board-style001 .list-item::before{content:'';display: inline-block;background-image: url("../images/icons/icon-board.svg");background-size: 100% auto;width: 20px;height: 20px;margin-right: 4px;}
.list-box.board-style001 .list-item p{color:var(--black1);overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list-box.board-style001 .list-item p em{color:var(--orange1);font-weight: 800;}
/*썸네일형 리스트*/

/*리스트 기본*/
.list-box.table-style{}
.list-box.table-style .table-box{width: 100%; }
.list-box.table-style .table-box table{width: 100%;;border-collapse: collapse;font-family: var(--NanumSquareNeo);color:var(--black1);border-top: 2px solid var(--orange1);}
.list-box.table-style .table-box table th{border-bottom:1px solid var(--black2);height:70px;vertical-align: middle;font-size: 18px;letter-spacing: -0.03em;line-height: 1.666;}
.list-box.table-style .table-box table th.num{width: 60px;}
.list-box.table-style .table-box table td{font-size: 18px;letter-spacing: -0.03em;font-weight: 400;vertical-align: middle;padding:20px 0;text-align: center;border-bottom: 1px solid var(--line1);}
.list-box.table-style .table-box table td.subject{text-align: left;}
.list-box.table-style .table-box table td.class{text-align: left;}
.list-box.table-style .table-box table td.subject a{color:var(--black1);cursor: pointer;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list-box.table-style .table-box table td.writer{width: 150px;}
.list-box.table-style .table-box table td.date{width: 150px;}
.list-box.table-style .table-box table td.view{width: 120px;}
.list-box.table-style .table-box table td.file{width: 80px;}
.list-box.table-style .table-box table td.time{width: 100px;}
.list-box.table-style .table-box table td .icon-file{background-image: url("../images/icons/icon-file.svg");background-size:100% auto;background-repeat:no-repeat;width: 24px;height: 24px;display: block;margin: 0 auto;}
.list-box.table-style .table-box table td.notice::before{content:'';display:block;background-image: url("../images/icons/icon-list-notice.svg");background-size:100% auto;background-repeat:no-repeat;width: 24px;height: 24px;margin: 0 auto;}
.list-box.table-style .table-box table td .button{width: 120px;height: 38px;border-radius: 100px;display: flex;justify-content: center;align-items: center;margin: 0 auto;font-family: var(--NanumSquareNeo);font-size: 18px;font-weight: 700;color:var(--line2);border:1px solid var(--line1)}
.list-box.table-style .table-box table td .button.ready{background-color: var(--orange1);color:var(--white);border:0;}
.list-box.table-style .table-box table td .button.ready::after{content:'';display: block;background-image: url("../images/icons/icon-edu.svg");background-size: 100% auto;background-repeat: no-repeat;width: 24px;height: 24px;margin-left: 4px;}
.list-box.table-style .table-box table td .button.run{background-color: var(--button_on);color:var(--white);border:0;}
.list-box.table-style .table-box table td .button.run::after{content:'';display: block;background-image: url("../images/icons/icon-edu.svg");background-size: 100% auto;background-repeat: no-repeat;width: 24px;height: 24px;margin-left: 4px;}
.list-box.table-style .table-box table td .button.close{pointer-events: none;}
/*리스트 기본*/

/*FAQ 스타일*/

.table-box.faq-style{border-top:2px solid var(--orange1);color:var(--black1);}
.table-box.faq-style .table-row{}
.table-box.faq-style .table-row p{color: var(--gray);font-size: 13px;letter-spacing: -0.025em;line-height: 1.61em;font-weight: 400;}
.table-box.faq-style .table-row .question{border-bottom: 1px solid #dedede;display: flex;align-items:center;min-height: 70px;padding:20px 0;cursor: pointer;position: relative;justify-content: space-between;font-family: var(--NanumSquareNeo);font-size: 18px;letter-spacing: -0.03em;line-height: 1.666;}
.table-box.faq-style .table-row .question .subject-item{display: flex;}
.table-box.faq-style .table-row .question .subject-item .num{width: 80px;text-align: center;}
.table-box.faq-style .table-row .question .subject-item .subject{width: 100%;}
.table-box.faq-style .table-row .question .info-item {display: flex;}
.table-box.faq-style .table-row .question .info-item div{width: 150px;text-align: center;}
.table-box.faq-style .table-row .answer{height: 0;overflow: hidden;transition-duration: .3s;transition-property: height;background-color: var(--orange4);}
.table-box.faq-style .table-row .answer .text-box{border-bottom: 1px solid #dedede;display: flex;align-items:flex-start;min-height: 70px;padding:30px;}
.table-box.faq-style .table-row .answer .text-box p{font-family: var(--NanumSquareNeo);font-size: 18px;letter-spacing: -0.03em;line-height: 1.666;color:var(--black1);}
.table-box.faq-style .table-row .answer .text-box p a{text-decoration: underline;color:var(--black1);}
.table-box.faq-style .table-row.open .question .subject-item .subject{color:var(--orange1);font-weight:800; }

/*FAQ 스타일*/

/*리스트 이미형*/
.list-box.gallery-style{}
.list-box.gallery-style .list-wrapper .list-box{display: flex;width: 100%;flex-wrap: wrap;gap:40px 30px}
.list-box.gallery-style .list-wrapper .list-box .list-item{width: calc((100% - 60px) / 3)}
.list-box.gallery-style .list-wrapper .list-box .list-item .img-box{width: 100%;height: auto;aspect-ratio: 1 /1;position:relative;overflow: hidden;border-radius: 30px;flex: none;transition-duration: 0.3s;transition-property:box-shadow,transform; }
.list-box.gallery-style .list-wrapper .list-box .list-item .img-box.video{aspect-ratio: 406 / 264;border-radius: 20px;}
.list-box.gallery-style .list-wrapper .list-box .list-item .img-box.video::before{content:'';display: block;background-image: url("../images/icons/icon-play.svg");width: 40px;height: 40px;position: absolute;top:20px;left: 20px;}
.list-box.gallery-style .list-wrapper .list-box .list-item .img-box img{width: 100%;height: 100%;display: block;object-fit: cover}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box{text-align: left;display: flex;flex-direction: column;row-gap: 10px;padding:20px 10px;color:var(--black1)}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box :is(.subject,.summary){overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info{font-family: var(--NanumSquareNeo);display: flex;justify-content: flex-start;color:var(--black2)}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li{font-size: 14px;letter-spacing: -0.03em;display: flex;align-items: center;}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li.icon-view::before{content:'';background-image: url("../images/icons/icon-view.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li:after{content:'|';margin: 0 0.5em;color:var(--line1)}
.list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li:last-of-type:after{content:none;}
/*리스트 이미형*/

/*게시판 검색*/
.board-search{width: 100%;max-width: 840px;margin-left:auto;margin-right: auto;}
.board-search .board-search-wrapper{display: flex;column-gap: 10px;}
.board-search .board-search-wrapper .select-box{min-width: 200px;}
.board-search .board-search-wrapper .full{width: 100%;min-width: unset;}
/*게시판 검색*/

/*상세 페이지*/
.list-detail-top{width: 100%;display: flex;flex-direction: column;align-items: center;}
.list-detail-top .cate{font-family: var(--NanumSquareNeo);font-size: 20px;font-weight: 700;letter-spacing: -0.03em;color:var(--orange1);margin-bottom: 60px;}
.list-detail-top .title-box{width: 100%;padding:35px 0;border-top:2px solid var(--orange1);border-bottom: 1px solid var(--line2);}
.list-detail-top .title-box .subject{font-family: var(--NanumSquareNeo);font-size:24px;line-height: 1.5em;font-weight:900;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: var(--black1);text-align: center;}
.list-detail-top .title-box{width: 100%;display: flex;flex-direction: column;align-items: center;}
.list-detail-top .title-box .info{font-family: var(--NanumSquareNeo);display: flex;justify-content: center;margin-top: 10px;color:var(--black2)}
.list-detail-top .title-box .info > li{font-size: 16px;letter-spacing: -0.03em;display: flex;align-items: center;}
.list-detail-top .title-box .info > li.icon-view::before{content:'';background-image: url("../images/icons/icon-view.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;transform: translateY(3px);}
.list-detail-top .title-box .info > li:after{content:'|';margin: 0 0.5em;color:var(--line1)}
.list-detail-top .title-box .info > li:last-of-type:after{content:none;}

.list-detail-top .writer-box{width:100%;display: flex;align-items: center;padding:20px 0;justify-content: flex-start;    border-bottom: 1px solid var(--line1);}
.list-detail-top .writer-box::before{content:'첨부파일';display: block;width: 150px;text-align: center;font-size: 18px;letter-spacing: -0.03em;color:var(--black1);}

/*상세 페이지*/

/*상세 페이지 파일*/
.files-box{padding:20px 0;border-bottom: 1px solid var(--line1)}
.files-box .file-list{display: flex;flex-wrap: wrap;gap:10px 20px;}
.files-box .file-list .file-item{/*width: calc((100% - 40px) / 3);*/}
.files-box .file-list .file-item a{display: flex;align-items: center;font-family: var(--NanumSquareNeo);font-size:18px;letter-spacing: -0.03em;color:var(--black1);transition-duration: 0.2s;transition-property: color;}
.files-box .file-list .file-item a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.files-box .file-list .file-item a::before{content:'';background-image: url("../images/icons/icon-file.svg");background-size:100% auto;background-repeat:no-repeat;width: 24px;height: 24px;display: block;flex: none;}
.files-box.title{display: flex;align-items: center}
.files-box.title::before{content:'첨부파일';display: block;width: 150px;text-align: center;font-size: 18px;letter-spacing: -0.03em;color:var(--black1);}
.files-box.title .file-list {width: calc(100% - 150px);}
/*상세 페이지 파일*/

/*상세 페이지 내용*/
.list-detail-content{padding:30px;border-bottom: 1px solid var(--line1);}
.list-detail-wrapper{display: flex;flex-direction: column;row-gap: 40px;}
.list-detail-wrapper .img-box{width: max-content;max-width: 100%;margin: 0 auto;}
.list-detail-wrapper .img-box > img{width: 100%;height:auto;display: block;}
.list-detail-wrapper .video-box{max-width: 1000px;width: 100%;margin: 0 auto;}
.list-detail-wrapper .video-box iframe{width: 100%; height: auto;aspect-ratio: 1000 / 562;}
.list-detail-wrapper p{font-size: 18px;line-height: 1.666;letter-spacing: -0.03em;color:var(--black1);}
.list-detail-wrapper a{font-size: 18px;line-height: 1.666;letter-spacing: -0.03em;color:var(--black1);text-decoration: underline;}
/*상세 페이지 내용*/


/*상세 페이지 댓글*/
.list-detail-comment{}
.list-detail-comment .comment-list{display: flex;flex-direction: column;}
.list-detail-comment .comment-list .comment-item{padding:10px 40px;}
.list-detail-comment .comment-list .comment-item:nth-of-type(n + 2){border-top:1px solid var(--line1);}
.list-detail-comment .comment-list .comment-item .user-box {display: flex;column-gap: 10px;align-items: baseline}
.list-detail-comment .comment-list .comment-item .comment-content p {font-family: var(--NanumSquareNeo);font-size: 18px;letter-spacing: -0.03em;line-height: 2.2em;}
.list-detail-comment .comment-input{padding:30px 40px;background-color: var(--orange4);border-top:1px solid var(--line1);}
.list-detail-comment .comment-input .input-box{display: flex;column-gap: 20px;}
.list-detail-comment .comment-input .input-box input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]) {height: 50px;font-size: 18px;}
.list-detail-comment .comment-input .input-box .write-button{display:flex;justify-content:space-between;align-items:center;width: 130px;height: 50px;border-radius: 50px;border:1px solid var(--line1);background-color: var(--white);padding:0 20px;transition-duration: 0.3s;transition-property: background-color;line-height: 1;}
.list-detail-comment .comment-input .input-box .write-button::after{content:'';background-image: url("../images/icons/icon-pen.svg");display: block;width: 20px;height: 20px;}
/*상세 페이지 댓글*/

/*지도형 리스트*/
.map-list.list-style002{}
.map-list.list-style002 .map-wrapper{display: flex;column-gap: 40px;}
.map-list.list-style002 .map-wrapper .map-box{width: 100%;}
.map-list.list-style002 .map-wrapper .map-box .camp_map{width: 100%;height: auto;aspect-ratio: 895 / 731;}
.map-list.list-style002 .map-wrapper .list-box{overflow: auto;width:345px;height: 660px;padding:5px 10px;}
.map-list.list-style002 .map-wrapper .list-box::-webkit-scrollbar {width: 6px;}
.map-list.list-style002 .map-wrapper .list-box::-webkit-scrollbar-thumb {background-color: var(--line2);border-radius: 10px;}
.map-list.list-style002 .map-wrapper .list-box::-webkit-scrollbar-track {background-color: transparent;}
.map-list.list-style002 .map-wrapper .list-box .list-item{display:block;padding-bottom:20px;border-bottom:1px solid var(--line1);cursor: pointer;color:var(--black1);}
.map-list.list-style002 .map-wrapper .list-box .list-item:nth-of-type(n + 2){padding-top:20px;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .subject{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company{display: flex;flex-direction:column;margin-top: 10px;row-gap: 4px;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company .address{color: var(--black2);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company .address::before{content:'';flex: none;display: inline-block;background-image: url("../images/icons/icon-map.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(5px);margin-right: 4px;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company .contact{color: var(--black2);display: flex;}
.map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company .contact::before{content:'';flex: none;display: inline-block;background-image: url("../images/icons/icon-tel.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(5px);margin-right: 4px;}
.map-list.list-style002 .map-wrapper .pagination{padding:30px 0;}

.map-list.list-style003{}
.map-list.list-style003 .map-wrapper{display: flex;flex-direction:column;row-gap: 80px;}
.map-list.list-style003 .map-wrapper .map-box{width: 100%;}
.map-list.list-style003 .map-wrapper .map-box .camp_map{width: 100%;height: auto;aspect-ratio: 1230 / 730;}
.map-list.list-style003 .map-wrapper .list-box{display: flex;flex-wrap: wrap;gap:20px;}
.map-list.list-style003 .map-wrapper .list-box .list-item{border:1px solid var(--line1);width: calc((100% - 20px) / 2);display: flex;align-items: center;border-radius: 30px;padding:10px;column-gap: 20px;transition-duration: 0.3s;transition-property: box-shadow;}
.map-list.list-style003 .map-wrapper .list-box .list-item .img-box{width: 180px;height: auto;aspect-ratio: 1 /1;overflow: hidden;border-radius: 20px;flex: none;}
.map-list.list-style003 .map-wrapper .list-box .list-item .img-box img{width: 100%;height: 100%;display: block;object-fit: cover}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box{display: flex;flex-direction: column;row-gap: 10px;justify-content: center;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .region{color:var(--orange1);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .subject{color:var(--black1);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company{display: flex;flex-direction:column;row-gap: 4px;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company .address{color: var(--black2);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;    padding-left: 24px;position: relative;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company .address::before{content:'';display: inline-block;background-image: url("../images/icons/icon-map.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(3px);margin-right: 4px;position: absolute;left: 0;top:0;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company .contact{color: var(--black2);display: flex;padding-left: 24px;position: relative;}
.map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company .contact::before{content:'';display: inline-block;background-image: url("../images/icons/icon-tel.svg");;background-size: 100% auto;width: 20px;height: 20px;transform: translateY(3px);margin-right: 4px;position: absolute;left: 0;top:0;}


/*페이지 네이션*/
.pagination{display: flex;column-gap: 6px;justify-content: center;padding:40px 0;}
.pagination :is(.num,.start,.prev,.next,.end){width: 40px;height: auto;aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;font-family: var(--NanumSquareNeo);font-size: 14px;letter-spacing: -0.03em;color:var(--black1);transition-duration: 0.3s;transition-property: background-color;border-radius: 50px;}
.pagination .num.active{background-color: var(--orange1);color:var(--white);}
.pagination .start{width: 40px;height: auto;aspect-ratio: 1 / 1;background-image: url("../images/icons/icon-pagination-start.svg");background-size: 100% auto;background-repeat: no-repeat;}
.pagination .prev{width: 40px;height: auto;aspect-ratio: 1 / 1;background-image: url("../images/icons/icon-pagination-prev.svg");background-size: 100% auto;background-repeat: no-repeat;}
.pagination .next{width: 40px;height: auto;aspect-ratio: 1 / 1;background-image: url("../images/icons/icon-pagination-next.svg");background-size: 100% auto;background-repeat: no-repeat;}
.pagination .end{width: 40px;height: auto;aspect-ratio: 1 / 1;background-image: url("../images/icons/icon-pagination-end.svg");background-size: 100% auto;background-repeat: no-repeat;}
/*페이지 네이션*/


/*셀렉트 박스*/
/*lib.js setSelect 와 세트로 작동합니다.*/
.select-box select{opacity: 0;pointer-events: none;display: none;}
.select-box > label{display: none;}
.select-box{min-width:180px;height: 60px;display: inline-block;color: var(--black1);font-family:var(--NanumSquareNeo);font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;position: relative;cursor: pointer;white-space: nowrap;letter-spacing: -0.03em;}
.select-box .select-value{position: relative;top: 50%;left: 0;transform: translateY(-50%);border:1px solid var(--line1);border-radius: 30px;height: 100%;display: flex;justify-content:space-between;align-items: center;padding:0 10px 0 20px;background-color: var(--white);color:var(--black1);}
.select-box .select-value::after{content:'';display: inline-block;background-image: url("../images/icons/icon-select-arrow.svg");width: 40px;height: 40px;background-size: cover;margin-left: 5px;transition-duration: 0.2s;transition-property:transform; }
.select-box .select-list-content{position: absolute;padding:30px 0;min-width:100%;border:1px solid var(--line1);background-color: #ffffff;border-radius: 30px;left: 0;bottom:-10px;transform: translateY(100%);opacity: 0;pointer-events: none;transition-duration: 0.2s;transition-property:bottom,opacity;transition-timing-function: cubic-bezier(0, 0, 0.34, 1.27); z-index: 3;box-shadow: var(--shadow2);}
.select-box .select-list{overflow-y: auto;max-height: 340px;padding:0 10px;}
.select-box .select-list::-webkit-scrollbar {width: 6px;}
.select-box .select-list::-webkit-scrollbar-thumb {background-color: var(--line2);border-radius: 10px;}
.select-box .select-list::-webkit-scrollbar-track {background-color: transparent;}
.select-box .select-list .select-item{white-space: nowrap;padding:10px 20px;border-radius:20px;cursor: pointer;transition-duration: 0.2s;transition-property: background-color;color:var(--black1);}
.select-box .select-list .select-item.selected {background-color:var(--orange3);}
.select-box .select-list .select-item.disabled {color:rgba(0,0,0,0.2);cursor: default;}
.select-box .select-list .select-item:hover:not(.disabled){background-color:var(--orange3);}
.select-box.active .select-value{border-color: var(--orange1);box-shadow: var(--shadow2);}
.select-box.active .select-list-content{opacity: 1;pointer-events: auto;}
.select-box.bottom-fix.active .select-list{bottom:calc(100% + 10px);transform: translateY(0);}

.select-box.small{min-width:150px;height: 50px;font-size: 18px;}
.select-box.small .select-value::after{background-image: url("../images/icons/icon-select-arrow-small.svg");width: 20px;height: 20px;}
.select-box.small .select-list-content {padding: 10px 0;border-radius: 25px;}
/*셀렉트 박스*/

/*input 스타일*/
.input-box{min-width: 180px;}
.input-box input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]){border: 1px solid var(--line1);width:100%;border-radius: 30px;height: 60px;padding: 0 20px;background-color: var(--white);color: var(--black1);font-size: 20px;}
.input-box input:is([type=text],[type=password],[type=number],[type=mail],[type=tel])::placeholder{color:#333333;}
.input-box input:focus{outline: none;border: 1px solid var(--orange1);box-shadow: var(--shadow2);}
.input-box.small input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]){height: 50px;padding: 0 20px;background-color: var(--white);color: var(--black1);font-size: 18px;}
/*input 스타일*/

/*button 스타일*/
.button-box .button{width: 180px;height: 60px;background-color: var(--white);border-radius: 50px;font-size: 22px;font-weight: 700;letter-spacing: -0.03em;color:var(--black1);line-height: 1;display: flex;justify-content: space-between;align-items: center;padding:0 30px;}
.button-box .button.black{background-color: var(--black1);color:var(--white);}
.button-box .button.icon-detail{transition-duration: 0.3s;border:1px solid var(--line2);}
.button-box .button.icon-detail::after{content:'';display: block;background-image: url("../images/icons/icon-detail-black.svg");background-size:100% auto;width: 28px;height: 28px;}
.button-box .button.icon-detail:hover{background-color: var(--black1);color:var(--white);border-color: var(--black1);}
.button-box .button.icon-detail:hover::after{background-image: url("../images/icons/icon-detail.svg");}
.button-box .button.icon-search{transition-duration: 0.3s;}
.button-box .button.icon-search::after{content:'';display: block;background-image: url("../images/icons/icon-search-white.svg");background-size:100% auto;width: 28px;height: 28px;}
.button-box .button.icon-search:hover{background-color: var(--black0);color:var(--white);}

.button-box .button.orange{background-color: var(--orange1);color:var(--white)}
.button-box .button.icon-write{transition-duration: 0.3s;}
.button-box .button.icon-write::after{content:'';display: block;background-image: url("../images/icons/icon-write.svg");background-size:100% auto;width: 28px;height: 28px;}
.button-box .button.icon-write:hover{background-color: var(--orange0);color:var(--white);}
.button-box.small .button.icon-write{width: 150px;}

.button-box .button.icon-list{transition-duration: 0.3s;}
.button-box .button.icon-list::after{content:'';display: block;background-image: url("../images/icons/icon-list.svg");background-size:100% auto;width: 28px;height: 28px;}
.button-box .button.icon-list:hover{background-color: var(--black0);color:var(--white);}

.button-box.flexEnd{display: flex;justify-content: flex-end}
.button-box.small .button{height: 50px;font-size: 20px;width: 130px;}
.button-box .button.small{height: 50px;font-size: 20px;width: 116px;padding:0 20px}

/*button 스타일*/

/*필터 박스*/
.board-filter{display: flex;justify-content: space-between;align-items: baseline;flex-wrap: wrap;row-gap: 16px;}
.board-filter .result-text{display: flex;flex-direction: column;row-gap: 10px;}
.board-filter .result-text h2{font-size: 24px;font-weight: 700;color:var(--black1);}
.board-filter .result-text h2 .count{color:var(--orange1);}
.board-filter .filter-box{display: flex;align-items: center;column-gap: 20px;}
.board-filter .filter-box .view-mode{display: flex;align-items: center}
.board-filter .filter-box .view-mode .mode-item{font-family:var(--NanumSquareNeo);display: flex;align-items: center;}
.board-filter .filter-box .view-mode .mode-item:nth-of-type(n + 2):before{content:'|';margin: 0 0.5em;color:#D0D0D0;}
.board-filter .filter-box .view-mode .mode-item > a{font-size: 16px;font-style: normal;font-weight: 400;line-height: 1;letter-spacing: -0.03em;color:var(--black2);display: block;}
.board-filter .filter-box .view-mode .mode-item.active > a{color:var(--black0);font-weight: 700;}
.board-filter .info{width: 100%;font-family:var(--NanumSquareNeo);font-size: 18px;font-weight: 400;color:#828282;}


/*패스워드 입력 창*/
.password-box{display: flex;background-color: var(--orange3);width: 100%;max-width: 700px;border-radius: 50px;padding:70px 50px;margin: 0 auto;}
.password-box .password-wrapper{display: flex;width:100%;flex-direction: column;align-items: center;row-gap: 30px;}
.password-box .password-wrapper .text-box{color:#333333;}
.password-box .password-wrapper .input-box{display: flex;column-gap: 10px;width: 100%;justify-content: center;}
.password-box .password-wrapper .input-box input[type='password']{width: calc(100% - 110px);max-width: 400px;}
.password-box .password-wrapper .input-box .submit{width: 100px;height: 60px;background-color: var(--black1);color:var(--white);border-radius: 50px;font-family:var(--NanumSquareNeo);font-size: 22px;font-weight: 700;letter-spacing: -0.03em;}
/*패스워드 입력 창*/

/*로그인 창*/
.logo-box{}
.logo-box .login-wrapper{display: flex;column-gap: 60px;}
.logo-box .login-wrapper .login-item{display: flex;flex-direction: column;background-color: var(--orange3);width: 100%;max-width: 700px;border-radius: 50px;padding:70px 50px;margin: 0 auto;row-gap: 60px;}
.logo-box .login-wrapper .login-item .logo{width: 373px;margin: 0 auto;}
.logo-box .login-wrapper .login-item .logo > img{width: 100%;display: block;}
.logo-box .login-wrapper .login-item .form-box{display:flex;flex-direction:column;width: 100%;max-width: 400px;margin: 0 auto;row-gap: 30px;}
.logo-box .login-wrapper .login-item .input-group{display:flex;flex-direction:column;row-gap: 10px;}
.logo-box .login-wrapper .login-item .input-box{display: flex;column-gap: 10px;width: 100%;justify-content: center;}
.logo-box .login-wrapper .login-item .input-box input:is([type='password'],[type='text']){width: 100%;text-align: center;}
.logo-box .login-wrapper .login-item .submit{width: 100%;height: 60px;background-color: var(--black1);color:var(--white);border-radius: 50px;font-family:var(--NanumSquareNeo);font-size: 22px;font-weight: 700;letter-spacing: -0.03em;}
.logo-box .login-wrapper .login-item .user-link{font-family: var(--NanumSquareNeo);display: flex;justify-content: center;color:var(--black2)}
.logo-box .login-wrapper .login-item .user-link > a{font-size: 20px;letter-spacing: -0.03em;display: flex;align-items: center;font-weight: 700;color:var(--black1);}
.logo-box .login-wrapper .login-item .user-link > a:after{content:'|';margin: 0 0.5em;color:var(--line1);font-size: 18px;}  .logo-box .login-wrapper .login-item .user-link > a:last-of-type:after{content:none;}
.logo-box .login-wrapper .login-item .info{text-align: center;color:var(--button_on);}

.logo-box .login-wrapper .login-item .title{display: flex;align-items: center;justify-content: center;}
.logo-box .login-wrapper .login-item .title.icon-login::before{content:'';background-image: url("../images/icons/icon-user.svg");display: block;width: 40px;height: 40px;margin-right: 10px;}
.logo-box .login-wrapper .login-item.join .title{color:var(--white);}
.logo-box .login-wrapper .login-item .title.icon-logo::before{content:'';background-image: url("../images/icons/icon-mark.svg");display: block;width: 38px;height: 24px;margin-right: 10px;}

.logo-box .login-wrapper .login-item.join{background-color: var(--black1);font-family: var(--NanumSquareNeo);}
.logo-box .login-wrapper .login-item.join .text-box{height: 130px;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: -0.03em;line-height: 1.666;color:var(--white);display: flex;align-items: center;justify-content: center;}
.logo-box .login-wrapper .login-item.join .text-box p{color:inherit;}
.logo-box .login-wrapper .login-item.join .submit{background-color: var(--orange1);}
.logo-box .login-wrapper .login-item.join .info{text-align: center;color:var(--orange2);font-size: 20px;letter-spacing: -0.03em;line-height: 1.5em;}
/*로그인 창*/

/*강의 상세 정보*/
.class-detail-box{}
.class-detail-box .title-box{display: flex;justify-content: center;}
.class-detail-box .class-info{width:100%;margin-top: 40px;display: flex;align-items: flex-start;column-gap: 50px;padding-bottom: 40px;border-bottom: 1px solid var(--black1);}
.class-detail-box .class-info .img-box{width: 46.875%;height: auto;aspect-ratio:600 / 360;overflow: hidden;border-radius: 30px;}
.class-detail-box .class-info .img-box > img{width: 100%;height: 100%;object-fit: cover}
.class-detail-box .class-info .text-box{width: 53.125%;}
.class-detail-box .class-info .text-box dl{display: flex;flex-wrap: wrap;color:#342F2B;}
.class-detail-box .class-info .text-box dl :is(dt,dd){padding:15px 0;}
.class-detail-box .class-info .text-box dl dt{width: 170px;display: flex;align-items: flex-start;}
.class-detail-box .class-info .text-box dl dt::before{content:'';background-image: url("../images/icons/icon-ckeck.svg");width: 24px;height: 24px;display: inline-block;margin-right: 4px;}
.class-detail-box .class-info .text-box dl dd{width: calc(100% - 170px);padding-left: 20px;}
.class-detail-box .class-info .text-box dl :is(dt,dd):nth-of-type(n + 2){border-top:1px solid var(--line1);}
.class-detail-box .class-wrapper{}
.class-detail-box .class-wrapper .info-text{display: flex;padding:40px 0;border-bottom: 1px solid var(--line1);}
.class-detail-box .class-wrapper .info-text .t-box{width: 290px;}
.class-detail-box .class-wrapper .info-text .v-box{width:calc(100% - 290px);}
/*강의 상세 정보*/

/*캠프 상세 정보*/
.camp-detail-box{}
.camp-detail-box .title-box{width: 100%;display: flex;flex-direction: column;align-items: center;font-family: var(--NanumSquareNeo);row-gap: 10px;}
.camp-detail-box .title-box .subject{color:var(--black1);}
.camp-detail-box .title-box .area{margin-right: 0.3em}
.camp-detail-box .title-box .summary{color:var(--orange1)}
.camp-detail-box .title-box .info{font-family: var(--NanumSquareNeo);display: flex;justify-content: center;color:var(--black2);column-gap: 10px;}
.camp-detail-box .title-box .info > li{font-size: 16px;letter-spacing: -0.03em;display: flex;align-items: center;}
.camp-detail-box .title-box .info > li.icon-heart::before{content:'';background-image: url("../images/icons/icon-heart.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;transform: translateY(3px);}
.camp-detail-box .title-box .info > li.icon-view::before{content:'';background-image: url("../images/icons/icon-view.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;transform: translateY(3px);}
.camp-detail-box .title-box .info > li.icon-comment::before{content:'';background-image: url("../images/icons/icon-comment2.svg");background-size: 100% auto;width: 24px;height: 24px;display: inline-block;transform: translateY(3px);}

.camp-detail-box .camp-info{width:100%;margin-top: 40px;display: flex;align-items: flex-start;column-gap: 50px;padding-bottom: 60px;}
.camp-detail-box .camp-info .img-box{width: 46.875%;height: auto;aspect-ratio:1 / 1;overflow: hidden;border-radius: 30px;}
.camp-detail-box .camp-info .img-box > img{width: 100%;height: 100%;object-fit: cover}
.camp-detail-box .camp-info .text-box{width: 53.125%;}
.camp-detail-box .camp-info .text-box dl{display: flex;flex-wrap: wrap;color:#342F2B;}
.camp-detail-box .camp-info .text-box dl :is(dt,dd){padding:17px 0;}
.camp-detail-box .camp-info .text-box dl dt{width: 170px;display: flex;align-items: flex-start;}
.camp-detail-box .camp-info .text-box dl dd{width: calc(100% - 170px);padding-left: 20px;}
.camp-detail-box .camp-info .text-box dl :is(dt,dd):nth-of-type(n + 2){border-top:1px solid var(--line1);}
.camp-detail-box .camp-info .text-box dl dd a{color:inherit;transition-duration: 0.3s;transition-property: color;}
.camp-detail-box .camp-info .text-box dl dd a:hover{color:var(--orange1);}
.camp-detail-box .camp-info .text-box dl dt::before{content:'';background-image: url("../images/icons/icon-ckeck.svg");width: 24px;height: 24px;display: inline-block;margin-right: 4px;}
.camp-detail-box .camp-info .text-box dl dt.marker001::before{background-image: url("../images/icons/marker001.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker002::before{background-image: url("../images/icons/marker002.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker003::before{background-image: url("../images/icons/marker003.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker004::before{background-image: url("../images/icons/marker004.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker005::before{background-image: url("../images/icons/marker005.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker006::before{background-image: url("../images/icons/marker006.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker007::before{background-image: url("../images/icons/marker007.svg");}
.camp-detail-box .camp-info .text-box dl dt.marker008::before{background-image: url("../images/icons/marker008.svg");}
.camp-detail-box .camp-info .camp-buttons{display: flex;column-gap: 10px;margin-top: 20px;}
.camp-detail-box .camp-info .camp-buttons .button{color:var(--black1);width:calc((100% - 20px) / 3);height: 50px;border-radius: 50px;border:1px solid var(--black1);display: flex;justify-content: space-between;align-items: center;padding:0 20px;}
.camp-detail-box .camp-info .camp-buttons .button::after{content:'';width: 20px;height: 20px;}
.camp-detail-box .camp-info .camp-buttons .button:is(.like,.heart){color:var(--white);background-color: var(--black1);}
.camp-detail-box .camp-info .camp-buttons .button.like::after{background-image: url("../images/icons/icon-like2.svg");}
.camp-detail-box .camp-info .camp-buttons .button.heart::after{background-image: url("../images/icons/icon-heart2.svg");}
.camp-detail-box .camp-info .camp-buttons .button.modify::after{background-image: url("../images/icons/icon-modify2.svg");}

.camp-detail-box .camp-info .text-box.dumpstation dl dt {width: 200px;}
.camp-detail-box .camp-info .text-box.dumpstation dl dd {width: calc(100% - 200px);}

.camp-detail-box .camp-wrapper{display: flex;flex-direction:column;row-gap: 50px}

.camp-detail-box .camp-description .camp-picture{display: flex;column-gap: 30px;}
.camp-detail-box .camp-description .camp-picture .picture-item{width: calc((100% - 60px) / 3);height: auto;aspect-ratio: 1 / 1;border-radius: 30px;overflow: hidden;}
.camp-detail-box .camp-description .camp-picture .picture-item > img{display: block;width: 100%;height: 100%;object-fit: cover;}
.camp-detail-box .camp-description .revision-date{color:var(--black2);display: inline-block;}
.camp-detail-box .camp-description dl{display: flex;column-gap: 20px;}

.camp-detail-box .camp-facilities{border:1px solid var(--line1);border-radius:30px;padding:30px;}
.camp-detail-box .camp-etc-facilities{border:1px solid var(--line1);border-radius:30px;padding:30px;}
.camp-detail-box .camp-etc-facilities dl{display: flex;flex-wrap: wrap;color:#342F2B;}
.camp-detail-box .camp-etc-facilities dl :is(dt,dd){padding:17px 0;}
.camp-detail-box .camp-etc-facilities dl dt{width: 170px;display: flex;align-items: flex-start;}
.camp-detail-box .camp-etc-facilities dl dd{width: calc(100% - 170px);padding-left: 20px;}
.camp-detail-box .camp-etc-facilities dl :is(dt,dd){border-bottom:1px solid var(--line1);}
.camp-detail-box .camp-etc-facilities dl dd a{color:inherit;transition-duration: 0.3s;transition-property: color;}
.camp-detail-box .camp-etc-facilities dl dd a:hover{color:var(--orange1);}
.camp-detail-box .camp-etc-facilities dl dt::before{content:'';background-image: url("../images/icons/icon-check2.svg");width: 24px;height: 24px;display: inline-block;margin-right: 4px;}

.camp-detail-box .camp-facilities-picture{}
.camp-detail-box .camp-facilities-picture .list-picture{display: flex;flex-wrap: wrap;gap: 30px 15px;}
.camp-detail-box .camp-facilities-picture .list-picture .picture-item{width: calc((100%  -  60px) / 5);height: auto;aspect-ratio: 1 / 1;}
.camp-detail-box .camp-facilities-picture .list-picture .picture-item :is(a,button){width: 100%;height: 100%;display: block;position: relative;border-radius: 20px;overflow: hidden;}
.camp-detail-box .camp-facilities-picture .list-picture .picture-item :is(a,button) img{width: 100%;height: 100%;display: block;object-fit: cover}
.camp-detail-box .camp-facilities-picture .list-picture .picture-item :is(a,button)::before{content:'';position: absolute;width: 100%;height: 100%;display: block;top:0;left: 0;background-color: rgba(0,0,0,0.5);background-image: url("../images/icons/icon-magnifier.svg");background-size: 40px 40px;background-position: center;background-repeat: no-repeat;transition-duration: .3s;opacity: 0;}
.camp-detail-box .camp-facilities-picture .list-picture .picture-item :is(a,button):hover::before{opacity: 1;}

.camp-detail-box .picture-popup{position: fixed;width: 100%;height: 100%;top:0;left: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.8);z-index: 103;opacity: 0;pointer-events: none;transition-duration: 0.3s;transition-property: opacity;}
.camp-detail-box .picture-popup .title-box{font-family: var(--NanumSquareNeo);font-size: 20px;letter-spacing: -0.03em;font-weight: 700;line-height: 2;color: var(--white);position: absolute;text-align: center;top:10px;}
.camp-detail-box .picture-popup .close-button{position: absolute;width: 44px;height: 44px;top:10px;right: 30px;}
.camp-detail-box .picture-popup .picture-wrapper{width: 700px;max-width:100%;height: auto;aspect-ratio: 700 / 467;}
.camp-detail-box .picture-popup .popup-wrapper{width: 100%;max-width: 1200px;position: relative;}
.camp-detail-box .picture-popup .popup-wrapper .picture-swiper-button-next{position: absolute;transform: translateY(-50%);background-image: url("../images/icons/icon-arrow.svg");width: 48px;height: 48px;top:50%;right: 0;cursor: pointer;}
.camp-detail-box .picture-popup .popup-wrapper .picture-swiper-button-prev{position: absolute;background-image: url("../images/icons/icon-arrow.svg");transform: translateY(-50%) rotate(180deg);width: 48px;height: 48px;top:50%;left: 0;cursor: pointer;}
.camp-detail-box .picture-popup .pictureSwiper{width: 100%;}
.camp-detail-box .picture-popup .pictureSwiper .swiper-wrapper{width: 100%;}
.camp-detail-box .picture-popup .pictureSwiper .swiper-slide{width: 100%;}
.camp-detail-box .picture-popup .pictureSwiper .swiper-slide > img{width: 100%;height:auto;display: block;}
.camp-detail-box .picture-popup .picture-swiper-pagination{z-index: 1;position: absolute;bottom:10px;color:var(--white);display: block;text-align: center;font-family: var(--NanumSquareNeo);font-size: 18px;letter-spacing: -0.03em;font-weight: 400;}

body.picturePopupOpen{height: 100%;overflow: hidden;}
body.picturePopupOpen .camp-detail-box .picture-popup{opacity: 1;pointer-events: auto;}

.camp-detail-box .camp-title{font-family: var(--NanumSquareNeo);font-size: 22px;letter-spacing: -0.03em;line-height: 1.27em;font-weight: 900;display: flex;align-items: center;margin-bottom: 10px;}
.camp-detail-box .camp-title::before{content:'';background-image: url("../images/icons/icon-check3.svg");width: 24px;height: 24px;display: inline-block;margin-right: 4px;}

.camp-detail-box .camp-use-info{}
.camp-detail-box .camp-use-info .camp-table{overflow: auto;width: 100%;padding-bottom: 10px;}
.camp-detail-box .camp-use-info .camp-table::-webkit-scrollbar {height:6px;}
.camp-detail-box .camp-use-info .camp-table::-webkit-scrollbar-thumb {background-color: var(--line2);border-radius: 10px;}
.camp-detail-box .camp-use-info .camp-table::-webkit-scrollbar-track {background-color: transparent;}
.camp-detail-box .camp-use-info .camp-table .table-wrapper{width: 100%;min-width:800px;border-radius: 30px 30px 0 0;overflow: hidden}
.camp-detail-box .camp-use-info .camp-table table{width: 100%;border-collapse: collapse;font-family: var(--NanumSquareNeo);font-size: 20px;letter-spacing: -0.03em;line-height: 1.4em;border:0;}
.camp-detail-box .camp-use-info .camp-table table th{height:50px;vertical-align: middle;font-size: 18px;letter-spacing: -0.03em;line-height: 1.666;background-color: var(--orange1);color:var(--white);border: 1px solid var(--orange2);}
.camp-detail-box .camp-use-info .camp-table table td{height:60px;border: 1px solid var(--orange2);font-size: 18px;letter-spacing: -0.03em;font-weight: 400;vertical-align: middle;text-align: center;border-bottom: 1px solid var(--line1);}
.camp-detail-box .camp-use-info .camp-table table td:first-of-type{border-left:0; }
.camp-detail-box .camp-use-info .camp-table table td:last-of-type{border-right:0; }

.camp-detail-box .camp-map #camp_map{width: 100%;height: auto;aspect-ratio: 1280 / 600;border-radius: 30px;overflow: hidden;}

.camp-detail-box .review-title{display: flex;justify-content: space-between;align-items: center;}
.camp-detail-box .review-title .review-wrapper{display: flex;align-items: center;}
.camp-detail-box .review-title .review-wrapper .text{display: flex;flex-direction: column;color:var(--black1);row-gap: 10px;}
.camp-detail-box .review-title .review-wrapper::before{content:'';background-image: url("../images/img-revew.svg");width: 169px;height: 165px;display: inline-block;margin-right: 4px;    flex: none;}
.camp-detail-box .review-title .write-button{width: 180px;height: 60px;background-color: var(--black1);border-radius: 50px;font-size: 22px;font-weight: 700;letter-spacing: -0.03em;padding:0 30px;display: flex;justify-content: space-between;align-items: center;color:var(--white);cursor: pointer;flex: none;}
.camp-detail-box .review-title .write-button::after{content:'';background-image: url("../images/icons/icon-pen-hover.svg");background-size: 100% auto;display: block;width: 28px;height: 28px;}



.map-window{;display: flex;flex-direction: column;align-items: center;}
.map-window::after{content: '';width: 20px;height: 20px;box-shadow: 6px 9px 8px rgba(0, 0, 0, 0.08);display: block;transform: rotate(45deg) translateY(-17%) translateX(-50%);position: relative;z-index: 2;background-color: var(--white);}
.map-window a{box-shadow: var(--shadow2);border-radius: 20px;padding:20px;overflow: hidden;background-color: var(--white);color:var(--black1);display: flex;flex-direction:column;row-gap: 10px;align-content: flex-start;position: relative;}
.map-window h2{}
.map-window ul{display: flex;flex-direction: column;row-gap: 4px;}
.map-window ul li{color:#342F2B;display: flex;align-content: center;}
.map-window .address::before{content:'';background-image: url("../images/icons/icon-window-map.svg");width: 20px;height: 20px;display: inline-block;margin-right: 4px;}
.map-window .tel::before{content:'';background-image: url("../images/icons/icon-window-tel.svg");width: 20px;height: 20px;display: inline-block;margin-right: 4px;}

/*캠프 상세 정보*/

.map-swiper-item.oil-bank{
    --main-color:var(--green1);
    --marker:url("../images/icons/icon-map-marker002.svg");
    --map:url("../images/icons/icon-map-green.svg");
    --tel:url("../images/icons/icon-tel-green.svg");
}
.map-swiper-item.camp{
    --main-color:var(--orange1);
    --marker:url("../images/icons/icon-map-marker003.svg");
    --map:url("../images/icons/icon-map-orange.svg");
    --tel:url("../images/icons/icon-tel-orange.svg");
}
.map-swiper-item.eco{
    --main-color:var(--green1);
    --marker:url("../images/icons/icon-map-marker004.svg");
    --map:url("../images/icons/icon-map-green.svg");
    --tel:url("../images/icons/icon-tel-green.svg");
}
.map-swiper-item.family{
    --main-color:var(--orange1);
    --marker:url("../images/icons/icon-map-marker005.svg");
    --map:url("../images/icons/icon-map-orange.svg");
    --tel:url("../images/icons/icon-tel-orange.svg");
}

.map-swiper-item.disabled{
    --main-color:var(--green1);
    --marker:url("../images/icons/icon-map-marker006.svg");
    --map:url("../images/icons/icon-map-green.svg");
    --tel:url("../images/icons/icon-tel-green.svg");
}

.map-swiper-item.pet{
    --main-color:var(--orange1);
    --marker:url("../images/icons/icon-map-marker007.svg");
    --map:url("../images/icons/icon-map-orange.svg");
    --tel:url("../images/icons/icon-tel-orange.svg");
}

.map-swiper-item .title{color:var(--black1);display: flex;align-items: center}
.map-swiper-item .title::before{content:'';background-image: var(--marker);background-repeat: no-repeat;background-size: cover;display: inline-block;width: 50px;height: 50px;margin-right: 10px;}
.map-swiper-item .title em{color:var(--main-color);margin-right: 10px;font-family: inherit;}
.map-swiper-item .map-item {color: initial;}
.map-swiper-item .map-item .summary{color:var(--main-color);}
.map-swiper-item .map-item .address{display: flex;align-items: flex-start;}
.map-swiper-item .map-item .address::before{content:'';flex: none;background-image: url("../images/icons/icon-map.svg");width: 20px;height: 20px;display: inline-block;margin-right: 4px;}
.map-swiper-item .map-item .img-box{width:100%;height: auto;aspect-ratio: 616 / 420;overflow: hidden;border-radius: 30px; transition-duration: 0.3s;transition-property: box-shadow,transform;}
.map-swiper-item .map-item .img-box img{width: 100%;display: block;}

.custom-map-wrapper{position: relative;font-size: 10px;}
.custom-map-wrapper  img{width: 100%;display: block;}
.custom-map-wrapper .map-marker{position: absolute;top:0;left: 0;cursor: pointer;width: 3.90625%;height: auto;aspect-ratio: 1 / 1;}
.custom-map-wrapper .map-marker .map-window .address::before{content:'';background-image: var(--map);width: 20px;height: 20px;display: inline-block;margin-right: 4px;}
.custom-map-wrapper .map-marker .map-window .tel::before{content:'';background-image: var(--tel);width: 20px;height: 20px;display: inline-block;margin-right: 4px;}
.custom-map-wrapper .map-marker::before{content:'';background-image: var(--marker);background-repeat: no-repeat;background-size: cover;display: inline-block; width: 100%;height: 100%;display: block;}
.custom-map-wrapper .map-marker .map-window{width: max-content;max-width: 300px;position: absolute;top:0;left: 50%;transform: translate(-50%,-100%);opacity: 0;pointer-events: none;transition-duration: 0.3s;transition-property: opacity;}
.custom-map-wrapper .map-marker.open .map-window{opacity: 1;pointer-events: auto;z-index: 1;}


.map-swiper-item:is(.eco,.family,.disabled,.pet) .custom-map{position: relative;}
.map-swiper-item.eco .custom-map::after{content:'';display: block;width:300px;height: 300px;background-image: url("../images/eco-deco.svg");background-repeat: no-repeat;background-size: cover;position: absolute;top: -240px;right: -175px;}
.map-swiper-item.disabled .custom-map::after{content:'';display: block;width:300px;height: 300px;background-image: url("../images/disabled-deco.svg");background-repeat: no-repeat;background-size: cover;position: absolute;top: -166px;right: -182px;}
.map-swiper-item.pet .custom-map::after{content:'';display: block;width:300px;height: 300px;background-image: url("../images/pet-deco.svg");background-repeat: no-repeat;background-size: cover;position: absolute;top: -166px;left: -182px;}
.custom-map .camp-map-wrapper .map-wrapper {width: 100%;height: auto;aspect-ratio: 1280 / 680;border-radius: 30px;overflow: hidden;z-index: 1;}

.recommend-title {display: flex;flex-direction: column;row-gap: 10px;align-items: center;text-align: center}


.year-tab{width:100%;display: flex;column-gap: 10px;background-color: var(--orange3);padding:20px;border-radius: 90px;}
.year-tab .tab-item{width:calc((100% - 10px) / 2);height:60px;display: flex;justify-content: center;align-items: center;background-color: var(--white);border-radius: 30px;font-size: 18px;letter-spacing: -0.03em;font-weight: 400;color:var(--black1);}
.year-tab .tab-item.active{background-color: var(--black1);color:var(--white);font-weight: 800;}  .download-button{display: inline-flex;align-items:center;height: 50px;padding:0 20px;border:1px solid var(--line1);border-radius: 30px;color:var(--black1)}
.download-button::after{content:'';display: block;width:20px;height: 20px;background-image: url("../images/icons/icon-download.svg");background-repeat: no-repeat;background-size: cover;margin-left: 4px;}

/* 전자우편 */
.usr-btn{display:inline-block;vertical-align: middle; max-width: 352px;height: 60px;border-radius: 50px;font-size: 22px;font-weight: 700;letter-spacing: -0.03em;color: var(--white);line-height: 1;background-color: var(--orange1);padding: 0 20px;}
.usr-btn.sm{height: 50px;font-size: 20px}
.usr-btn.xs{padding: 2px 10px;height: 34px;font-weight: 800;font-size: 16px;}
.usr-btn.white{background: #FFFFFF;border: 1px solid #D8D8D8;color: var(--black1);}
.usr-btn.close:before{content: "";background-image: url("../images/icons/icon-close2.svg");background-repeat: no-repeat;width:1em;height: 1em;background-position: 50%;margin-right: 4px;display: inline-block;vertical-align: middle;}
.usr-btn.black{background: var(--black1);color: var(--white);}
.usr-btn.icon-edu:after{
	content: "";
	background-image: url("../images/icons/icon-edu-join.svg");
	display: inline-block;
	width: 26px;
	height: 22px;
	margin-left: 1em;
	vertical-align: middle;

}

a.usr-btn{display: flex;align-items: center;justify-content: center;}

.usr-btn.icon-download:after{
	content: "";
	background-image: url("../images/icons/icon-download3.svg");
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 1em;
	background-size: cover;
}

.usr-btn.square{border-radius: 0.5em}


.usr-btn-icon{width:24px;height:24px;border:1px solid var(--line2);border-radius: 5px;display: flex;justify-content: space-evenly;align-items: center;font-size: 16px;font-weight: 700;line-height: 1;background-color:var(--white);}

.w-5{
	width: 8em;
}

.w-50{
	width: 50%;
}
.w-10{
	width: 10em;
}

.w-700{
	width: 100%;
	max-width: 700px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.w-a{
	width: auto;
	padding-left: 2em;
	padding-right: 2em;
}

.w-100{
	width: 100%;
}

.usr-box-list{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
}

.usr-box{
	padding: 4em;
	text-align: center;
	border-radius: 3em;
	flex-grow: 1;
	margin-bottom: 1em;
	text-align: -webkit-center;
	flex-basis: 390px;
	flex-shrink: 1;
	max-width: 390px;
}

.usr-box:first-child{
	margin-left: 0;
}


.usr-box h4{
font-family:var(--GangwonEduPower);
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.03em;
color: var(--black1)
}

.usr-box p{
font-weight: 800;
font-size: 20px;
line-height: 28px;
color: var(--black1);
display: flex;
align-items: center;
justify-content: center;
height: 5em;
margin: 2em 0;
}

.usr-box.cus-yellow{
	background-color: var(--orange3);
}

.usr-box.cus-green{
	background-color: var(--green3);
}

.usr-box.cus-blue{
	background-color:#D6F2F6;
}

.usr-box-list.n3 > dl{
	flex-grow: 1;
	max-width: 32%;
	border:1px solid var(--line1);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.usr-box-list.n3 > dl > dt{
padding: 10px 0px;
background: #D8D8D8;
border-bottom: 1px solid var(--line1);
text-align: center;
font-weight: 700;
font-size: 18px;
}

.usr-box-list.n3 > dl > dd{
padding: 20px;
background: var(--white);
text-align: left;
font-weight: 400;
font-size: 18px;
line-height: 1.5em;
height: 140px;
align-items: center;
position: relative;
}

.usr-box-list.n3 > dl > dd b{
	font-weight: 900;
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}





.usr-box-warn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border: 1px solid var(--green1);
	border-radius: 20px;
	padding: 1em;
	padding-left: 4em;
	flex-wrap: wrap;
}

.usr-box-warn:before{
	content: "";
	position: absolute;
	display: block;
	background-image: url("../images/icons/icon-noti.svg");
	background-repeat: no-repeat;
	width: 1.5em;
	height: 1.5em;
	left: 2em;
	background-size: cover;
}

.usr-box-warn p{font-weight: 900;font-size: 20px;color:var(--black1);}

.usr-tabs{display: flex;width: 100%;
	align-items: center;
	justify-content: space-around;
	border-bottom: 1px solid var(--line1);
	margin-bottom: 4em;
}

.usr-tabs > li{
	text-align: center;
	color:var(--black2);
	font-size:20px;
	font-weight:900;
	line-height:1.5em;
	padding-bottom: 1em;
	width: 33.3333%;
}

.usr-tabs > li a{
	color:var(--black2);
}

.usr-tabs > li.on{
	box-shadow: inset 0 -4px 0 var(--orange1);
}

.usr-tabs > li.on a{
	color:var(--orange1);
}

.usr-tabs > li:hover{
	box-shadow: inset 0 -4px 0 var(--orange1);
	color:var(--orange1);
}

.usr-total-num{
	display: block;
	color: var(--black1);
	margin-bottom: 0.5em;
	text-align: right;
}

.usr-total-num span{
	color:var(--orange1);
	font-weight: 900;
}

.usr-dl-list{
	display: table;
	width: 100%;
	border-top: 2px solid var(--orange1);
	margin-bottom: 4em;
	font-size: 18px;
}

.usr-dl-list.mb-0{
	margin-bottom: 0;
}

.usr-dl-list.no-top-border{
	border-top:none;
}

.usr-dl-list .files-box{
	border-bottom: none;
}

.usr-dl-list > dl{
	display: table;
	width: 100%;
	border-bottom: 1px solid var(--line1);
}

.usr-dl-list > dl > dt{
	display: table-cell;
	width: 20%;
	white-space: normal;
	padding-right: 10px;
	text-align: center;
	padding: 1.3em 0;
	font-weight: 800;
	vertical-align: middle;
}

.usr-dl-list > dl > dt.pilsu:after{
	content: "*";
	color: var(--orange1);

}

.usr-dl-list > dl > dd{
	display: table-cell;
	width: 80%;
	font-weight: 400;
	padding: 0.8em 0;
	vertical-align: middle;
}

.usr-dl-list > dl > dd label{
	color:var(--black2);
	margin-left: 1em;
}

.usr-button-list{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	column-gap: 1em;
}

.usr-button-list.icon{
	column-gap: 5px;
}

.usr-button-list.right{
	justify-content: right;
}

.usr-button-list .usr-btn:nth-of-type(1n+0){

}

.usr-button-list p{
	position: absolute;
	left: 0;

}

.usr-input{
	border:1px solid var(--line1);
	display: inline-block;
	padding: 0.6em 0.5em 0.6em 1em;
	border-radius: 0.5em;
	font-size: 18px;
	height: 50px;
}

.usr-input.gray{
	background: #EAEAEA;
}

.usr-input.textarea{
	height: initial;
}

.usr-input[type=file]{
	height: initial;
	vertical-align: middle;
	padding: 0.8em 0.5em 0.8em 1em;
}

.select-box.square{
	border-radius: 0.5em;
}

.select-box.square .select-value{
	border-radius: 0.5em;
}

.select-box.square .select-list-content{
	border-radius: 0.5em;
}

.select-box.usr-select{
	border-radius: 0.5em;
	padding: 1em 0.5em 1em 0em;
	font-size: 1em;
}

.select-box.usr-select .select-value{
	border-radius: 0.5em;
	padding: 1em 0.5em 1em 1em;
	font-size: 1em;
	height: 50px;
}

.select-box.usr-select .select-list-content{
	border-radius: 0.5em;
}

.usr-warn{
	color: var(--orange1);
	font-weight: 800;
	font-size: 18px;
	line-height: 1.5em;
}

.usr-warn:before{
	content: "";
	background-image: url("../images/icons/icon-happy.svg");
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-right: 1em;
	vertical-align: middle;
}

.button-box.right{
	display: flex;
	justify-content: right;
}

.button-box.right.write{
	margin-bottom: 3em;
}

.usr-file-add{
	display: table;
	width: 100%;
}

.usr-file-add > li{
	display: table;
	width: 100%;
	margin-bottom: 0.5em;
}

.usr-p{font-weight: 400;font-size: 20px;line-height: 28px;color: var(--black1);}
.usr-p2{font-weight: 800;font-size: 20px;line-height: 28px;color: var(--black1);text-align: center;letter-spacing: -1px}


.usr-p2 span{color: var(--green1);font-size: 18px;display: block;margin-top: 1em;}

.usr-p3{font-weight: 900;font-size: 28px;line-height: 28px;color: var(--black1);text-align: center;letter-spacing: -1px}
.usr-p3.font-g{font-family:var(--GangwonEduPower);font-weight: 400;}

.usr-p4{font-weight: 800;font-size: 18px;line-height:1.5em;color: var(--black1);text-align: center;letter-spacing: -1px}

.usr-p4 span{font-family:var(--GangwonEduPower);font-weight: 400;font-size:28px;display: block;margin-top: 40px;padding-bottom: 40px;border-bottom: 1px solid var(--line1)}

.usr-title{
	font-family:var(--GangwonEduPower);font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
	color: var(--black1)
}

.usr-title.icon-edu:before{
	content: "";
	background-image: url("../images/icons/icon-edu3.svg");
	width: 1em;
	height: 1em;
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 0.5em;
	vertical-align: middle;
}

.login-after{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.login-after p{
	font-family: var(--GangwonEduPower);
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	color: var(--black1);
	margin-top: 2em;
}

.logo-box .login-wrapper .login-item .input-group.label{
	align-items: center;	
}

.logo-box .login-wrapper .login-item .input-group.label .input-box{
	align-items: center;	
}
.logo-box .login-wrapper .login-item .input-box label{
	white-space: nowrap;
	font-weight: 800;
	font-size: 20px;
	padding-right: 1em;
}

.class-detail-box .title-box.flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.button-box .button.small.long{
	width: 160px;
}

.list-box.table-style .table-box table td .button.ready.brown{
	background-color: #6D4B21;
}

.list-box.table-style .table-box table td .button.ready.none:after{
	content: none;
}

.list-box.table-style .table-box table td.ret {text-align: center;}
.list-box.table-style .table-box table td.ret span{width: 87px;height: 30px;background: var(--white);border: 1px solid var(--orange1);border-radius: 8px;font-size: 18px;font-weight: 700;color: var(--orange1);display: flex;align-items: center;justify-content: center;margin:0 auto;}


.list-detail-top .title-box.left{
	align-items: flex-start;
}

.usr-check{
	display: flex;
	align-items: center;
}
.usr-check input{display: none;}
.usr-check input + label{
   	display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 10px;
    background-image: url("../images/icons/icon-uncheck.png");
     background-size: cover;
    
}

.usr-check label{
	font-weight: 800;
font-size: 20px;
}


.usr-check input:checked + label::after{
        content:'';
        background-image: url("../images/icons/icon-check.png");
        width: 24px;
        height: 24px;
        text-align: center;
        position: absolute;
        left: 0;
        top:0;
        color: var(--white);
        background-size: cover;
}

.list-detail-content.agree{
	padding-left: 0;
	padding-right: 0;
}
.list-detail-content.agree h4{
font-weight: 900;
font-size: 20px;
color: var(--black1);

}

.usr-agree{border: 1px solid var(--line1);display: block;padding: 2em;height: 500px;overflow: auto}

.usr-agree .g0{font-weight: 900;font-size: 20px;line-height: 28px;color: var(--black1);display: table;margin-bottom: 1em;}
.usr-agree .g1{font-weight: 800;font-size: 18px;line-height: 28px;color: var(--black1);display: table;margin-bottom: 1em;}
.usr-agree .g2{font-weight: 400;font-size: 18px;line-height: 28px;color: var(--black1);display: table;margin-bottom: 1em;}

.usr-agree.h2{
	height: auto;
}

.usr-inline{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}

.usr-inline *{
	margin-right: 10px;
}

.icon-warn:before{
	content: "";
	background-image: url("../images/icons/icon-warn.svg");
	width: 1em;
	height: 1em;
	display: inline-block;
	background-repeat: no-repeat;
	margin-right: 0.5em;
	vertical-align: middle;
}

.usr-btn.k2{
	line-height: 57px;
}

.usr-btn.k2 img{
	display: inline-block;
vertical-align: middle;
}

.usr-dl-list > dl > dd .usr-radio + label{
	margin-left: 0.3em;
	margin-right: 1em;
}



.section-wrapper.email-deny .a1 .d1{width: 100%;padding: 35px 30px;border-top: 2px solid var(--orange1);border-bottom: 1px solid var(--line2);}
.section-wrapper.email-deny .a1 .j1{font-family: var(--NanumSquareNeo);font-size: 20px;line-height: 1.5em;font-weight: 800;}
.section-wrapper.email-deny .a1 .j2{font-weight: 400;font-size: 1rem;margin-top: 2em;margin-right: auto}

.section-wrapper.email-deny .a1 .d2{width: 100%;padding: 35px 30px;border-bottom: 1px solid var(--line2);}
.section-wrapper.email-deny .a1 .d2 .g1{font-family: var(--GangwonEduPower);font-style: normal;font-weight: 400;font-size: 28px;line-height: 1.5em;color: #342F2B;}
.section-wrapper.email-deny .a1 .d2 .g2{display: flex;flex-wrap: wrap;justify-content:space-between;align-items:center }
.section-wrapper.email-deny .a1 .d2 .g2 .h1{font-size: 20px;line-height: 1.5em;margin-top: 30px;width: 80%}
.section-wrapper.email-deny .a1 .d2 .g2 .h2{text-align: right;width: 20%}

.section-wrapper.email-deny.camping-request-guide .a1 .d2 .g2 .h1 .k1{font-weight: 600;}
.section-wrapper.email-deny.camping-request-guide .a1 .d2 .g2 .h1 .k3{color: #6C6763;margin-top:1.2em;font-weight: 300}


.section-wrapper.edu-search-id-ret .logo-box .login-wrapper .login-item{row-gap: 40px;}
.section-wrapper.join .logo-box .login-wrapper .login-item .form-box{max-width: 500px}
.section-wrapper.edu-graduate .logo-box .login-wrapper .login-item .form-box{max-width: 500px}

.list-detail-content.agree .list-detail-wrapper{row-gap: 20px;}
.section-wrapper.edu-qna-view .usr-dl-list > dl > dt{width: 10%}
.section-wrapper.edu-qna-view .usr-dl-list > dl > dd{width: 90%}

@media all and (max-width:1400px) {

    main.sub .section-wrapper::before {content: none;}


    main.sub .section-wrapper {padding: 100px 0 60px;}
    main.sub .m-full-wrapper{padding: 0 var(--container-padding);}

    .search-section .m-view {display: block;}
    .list-box.list-style001 .list-item .text-box .text-top-box {flex-direction: column;row-gap: 16px;}
    .list-box.list-style001 .list-item .text-box .title-box .content {-webkit-line-clamp: 3;margin-top: 16px;}
    .list-box.list-style001 .list-item .text-box .title-box .company {flex-direction: column;row-gap: 8px;margin-top: 16px;}

    .list-box.table-style .table-box table colgroup{display: none;}
    .list-box.table-style .table-box table td{min-width:100px;}
    .list-box.table-style.edu .table-box table .num{display: none;}
    .list-box.table-style.edu .table-box table th{display: none}
    .list-box.table-style.edu .table-box table tr:first-of-type{display: none;}
    .list-box.table-style.edu .table-box table tr{display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--line1);padding:16px 0;}
    .list-box.table-style.edu .table-box table tr td{text-align: left;border-bottom: 0;width: auto;min-width: auto;padding: 10px 0;}
    .list-box.table-style.edu .table-box table tr td.field002{order: 2;}
    .list-box.table-style.edu .table-box table tr td.field002::before{content:'교육대상 : ';margin-right: 0.3em;}
    .list-box.table-style.edu .table-box table tr td.field003{order: 2}
    .list-box.table-style.edu .table-box table tr td.field003::before{content:'운영주체 : ';margin-right: 0.3em;}
    .list-box.table-style.edu .table-box table tr td.field004{order: 2}
    .list-box.table-style.edu .table-box table tr td.field004:before{content:'분류 : ';}
    .list-box.table-style.edu .table-box table tr td.field005{order: 1;width: 100%; font-family: var(--NanumSquareNeo);letter-spacing: -0.03em;line-height: 1.5em;font-weight: 800;padding: 0;}
    .list-box.table-style.edu .table-box table tr td.field006{order: 1;width: 100%;}
    .list-box.table-style.edu .table-box table tr td.field006::before{content:'신청기간 : ';}
    .list-box.table-style.edu .table-box table tr td.field007{order: 1;width: 100%;}
    .list-box.table-style.edu .table-box table tr td.field007::before{content:'교육기간 : ';}
    .list-box.table-style.edu .table-box table tr td.field008{order: 2;}
    .list-box.table-style.edu .table-box table tr td.field008::before{content:'차수 : ';}
    .list-box.table-style.edu .table-box table tr td.field009{order: 2;width: 100%;}
    .list-box.table-style.edu .table-box table tr td .button{width: 100%;}
    
    .list-box.table-style.edu .table-box table tr td.field102{order: 1;}
    .list-box.table-style.edu .table-box table tr td.field102::before{content:'이수번호 : ';margin-right: 0.3em;}
    .list-box.table-style.edu .table-box table tr td.field103{order: 1}
    .list-box.table-style.edu .table-box table tr td.field103::before{content:'지역 : ';margin-right: 0.3em;}
    .list-box.table-style.edu .table-box table tr td.field104{order: 1}
    .list-box.table-style.edu .table-box table tr td.field104::before{content:'업체명 : ';}
    .list-box.table-style.edu .table-box table tr td.field105{order: 1}
    .list-box.table-style.edu .table-box table tr td.field105::before{content:'대표자 : ';}
    .list-box.table-style.edu .table-box table tr td.field106{order: 1}
    .list-box.table-style.edu .table-box table tr td.field106::before{content:'수강자 : ';}
    .list-box.table-style.edu .table-box table tr td.field107{order: 1;width: 100%;}
    .list-box.table-style.edu .table-box table tr td.field107::before{content:'교육일 : ';}
    .list-box.table-style.edu .table-box table tr td.field108{order: 1;width: 100%;}
    .list-box.table-style.edu .table-box table tr td.field108::before{content:'수여일자 : ';}
    .list-box.table-style.edu .table-box table tr td.field109{order: 2;width: 100%;}
    
    .list-box.table-style.edu .table-box table tr td:is(:nth-of-type(2),:nth-of-type(3),:nth-of-type(4),:nth-of-type(5)){display: flex;align-items: center;}
    .list-box.table-style.edu .table-box table tr td:is(:nth-of-type(2),:nth-of-type(3),:nth-of-type(4),:nth-of-type(5))::after{content:'|';color:var(--line1);font-size: 13px;margin: 0 8px;}


    .search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .select-box {min-width: 200px;}
    .search-detail-section .tab-box .tab-content .tag-search .deco-item:nth-of-type(1) {display: none;}
    .search-detail-section .tab-box .tab-content .tag-search .deco-item:nth-of-type(2) {display: none;}


    .list-box.table-style.edu-my-list .table-box table th{display: none}
    .list-box.table-style.edu-my-list .table-box table tr:first-of-type{display: none;}
    .list-box.table-style.edu-my-list .table-box table tr{display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--line1);padding:16px 0;}
    .list-box.table-style.edu-my-list .table-box table tr td{text-align: left;border-bottom: 0;width: auto;min-width: auto;padding: 10px 0;}
    .list-box.table-style.edu-my-list .table-box table tr td.num{display: none}
    .list-box.table-style.edu-my-list .table-box table tr td.field002{order: 2;width: 100%}
    .list-box.table-style.edu-my-list .table-box table tr td.field003{order: 2;width: 80%;font-weight: 600}
    .list-box.table-style.edu-my-list .table-box table tr td.field004{order: 2;width: 20%;}
    .list-box.table-style.edu-my-list .table-box table tr td.field009{order: 2;width: 100%;}
    .list-box.table-style.edu-my-list .table-box table tr td .button{width: 100%;}
   

}

@media all and (max-width:1200px) {
    .search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .select-box {min-width: 180px;}

    .map-list.list-style002 .map-wrapper{flex-direction: column;row-gap: 24px;}
    .map-list.list-style002 .map-wrapper .list-box {overflow: auto;width: 100%;height: 400px;}

    .map-list.list-style003 .map-wrapper .list-box .list-item {width: 100%;}

    .list-box.list-style002 .list-wrapper .list-box .list-item {width: calc((100% - 60px) / 2);}

    .list-box.list-style003 .list-wrapper .list-box .list-item {width: calc((100% - 60px) / 2);}


    .logo-box .login-wrapper  {column-gap: 30px;}

    .camp-detail-box .camp-info .camp-buttons .button{flex-direction: column;padding:8px;border-radius: 16px;height: auto;}
}

@media all and (max-width:1000px) {
    .search-section .search-box {align-items: flex-start;flex-direction: column;padding:8px 16px 16px;border-radius: 24px;position: relative;}
    .list-box.list-style001 .list-item {max-width: 100%;flex-direction: column;row-gap: 24px;}

    .list-box.table-style .table-box table :is(th,td){font-size: 16px;}
    .list-box.table-style .table-box table td.writer{width: 100px;}
    .list-box.table-style .table-box table td.date{width: 100px;}
    .list-box.table-style .table-box table td.view{width: 60px;}
    .list-box.table-style .table-box table td.file{width: 60px;}

    .list-box.table-style.class .table-box table .num{display: none;}
    .list-box.table-style.class .table-box table th{display: none}
    .list-box.table-style.class .table-box table tr:first-of-type{display: none;}
    .list-box.table-style.class .table-box table tr{display: flex;flex-wrap: wrap;justify-content:space-between;border-bottom: 1px solid var(--line1);padding:16px 0;}
    .list-box.table-style.class .table-box table tr td{text-align: left;border-bottom: 0;width: auto;min-width: auto;padding: 10px 0;}
    .list-box.table-style.class .table-box table tr td.subject{width: 100%;}
    .list-box.table-style.class .table-box table tr td.class{width: calc(100% - 70px);font-weight: 800;}
    .list-box.table-style.class .table-box table tr td.time{width: 60px;text-align: right;}
    .list-box.table-style.class .table-box table tr td.btn{width: 100%;}
    .list-box.table-style.class .table-box table tr td .button{width: 100%;}


    .list-box.gallery-style .list-wrapper .list-box {gap: 24px 16px;}
    .list-box.gallery-style .list-wrapper .list-box .list-item {width: calc((100% - 16px) / 2);}

    .search-detail-section .tab-box .tab-content .detail-search .search-input {flex-direction: column;row-gap: 16px;}

    .search-period-section .search-wrapper {flex-direction: column;align-items: center;row-gap: 10px;}

    .logo-box .login-wrapper  {flex-direction: column;row-gap: 24px;}
    .logo-box .login-wrapper .login-item.join .text-box {height: auto;font-size: 16px;}
    .logo-box .login-wrapper .login-item.join .info {font-size: 13px;}
    .logo-box .login-wrapper .login-item.join .info br{display: block;}

    .class-detail-box .class-wrapper .info-text .t-box{width: 150px;}
    .class-detail-box .class-wrapper .info-text .v-box{width:calc(100% - 150px);}

    .camp-detail-box .review-title {flex-direction: column;row-gap: 12px}



}
@media all and (max-width:750px) {
    main.sub .section-wrapper {padding: 48px 0 24px;}
    main.sub .m-full-wrapper{padding: 0}
    main.sub .top-box{width: 100%;height: auto;aspect-ratio:343 / 240;max-width: var(--container-width);margin: 0 auto;border-radius: 30px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
    main.sub .top-box .title-box .sub-title {font-size: 13px;font-weight: 400;}
    main.sub .top-box .title-box h2 {font-size: 28px;letter-spacing: -0.03em;}
    main.sub .top-box .title-box p {font-size: 13px;}

    main.sub.sub-search .top-box{background-image: url("../images/m-sub-top.png");background-size: cover;}
    main.sub.sub-plus .top-box{background-image: url("../images/m-sub-plus-top.png");background-size: cover;}
    main.sub.sub-customer .top-box{background-image: url("../images/m-sub-customer-top.png");background-size: cover;}
    main.sub.sub-edu .top-box{background-image: url("../images/m-sub-edu-top.png");background-size: cover;}
    main.sub.sub-extra .top-box{background-image: url("../images/m-sub-extra-top.png");background-size: cover;}
    
    .search-section .search-box .t-box {font-size: 24px;width: 100%;justify-content: space-between;padding: 0 16px;}
    .search-section .search-box .t-box::before {background-position: bottom;background-repeat: no-repeat;background-size: 100% auto;display: block;width: 109px;height: 77px;transform: translateY(1px);}
    .search-section .search-box .search-input {border-radius: 40px;height: 48px;}
    .search-section .search-box .search-input > input {font-size: 16px;padding: 10px 16px;}
    .search-section .search-box .search-input .search-button {width: 48px;height: 48px;background-size: 24px auto;}

    .search-detail-section .tab-box .tab-list .tab-item {width: 50%;height: 70px;font-size: 20px;border-radius: 20px 20px 0 0;cursor: pointer;}
    .search-detail-section .tab-box .tab-content .tab-content-item {border-radius: 0 0 20px 20px;padding: 24px 16px;}
    .search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .input-title {font-size: 14px;}
    .search-detail-section .tab-box .tab-content .detail-search .search-input .input-item .select-box {min-width: unset;}
    .search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(1) {width: 62px;top: -45px;left: -30px;}
    .search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(2) {width: 99px;bottom: -35px;left: -15px;}
    .search-detail-section .tab-box .tab-content .detail-search .deco-item:nth-of-type(3) {width: 89px;bottom: -35px;right: -25px;}


    .search-detail-section .tab-box .tab-content .button-box{flex-direction: row-reverse;margin: 16px auto 0;}

    .search-period-section .search-wrapper .deco-item:nth-of-type(1) {width: 118px;top: -50px;left: -15px;}
    .search-period-section .search-wrapper .deco-item:nth-of-type(2){width:88px;bottom: -22px;right: -12px;}
    .search-period-section .search-wrapper .search-input .input-item{width: calc((100% - 10px) / 2);}
    .search-period-section .search-wrapper .search-input .select-box{width:100%;min-width: unset;height: 48px;font-size: 16px;}
    .search-period-section .search-wrapper .button-box .button {width: 120px;height: 48px;font-size: 16px;}


    .button-box .button {width: 140px;height: 48px;font-size: 18px;padding: 0 24px;}
    .button-box .button.icon-detail {font-size: 0;width: 48px;padding: 0;display: flex;justify-content: center;align-items: center;}
    .button-box .button.icon-search::after {content: '';display: block;background-image: url(../images/icons/icon-search-white.svg);width: 24px;height: 24px;}
    .button-box .button.icon-detail::after {content: '';display: block;background-image: url(../images/icons/icon-detail-black.svg);width: 24px;height: 24px;}

    .button-box .button.small {width: 120px;height: 48px;font-size: 18px;padding: 0 20px;}


    .list-title {justify-content: space-between;}
    .list-title .title{position: relative;padding-left: 32px;}
    .list-title .title::before {width: 26px;margin-right: 6px;}

    .list-box.list-style001 .list-item .img-box {width: 100%;height: auto;max-width: 440px;aspect-ratio: 1 / 1;}
    .list-box.list-style001 .list-item .text-box .title-box .content {-webkit-line-clamp: 2;}
    .list-box.list-style001 .list-item .text-box .title-box .facilities {margin-top: 16px;}
    .list-box.list-style001 .list-item .text-box .title-box {margin-top: 16px;}
    .list-box.list-style001 .list-item .text-box .text-top-box :is(.register,.award) {font-size: 13px;}
    .list-box.list-style001 .list-item .img-box::before {width: 50px;height: 46px;background-size:40px 40px;}
    .list-box.list-style001 .list-item .img-box.no-img .no-text .join-button {height: 40px;padding: 0 24px;font-size: 16px;}
    .list-box.list-style001 .list-item .img-box.no-img .no-text .join-button::after {width: 20px;height: 20px;margin-left: 8px;}
    .list-box.list-style001 .list-item .img-box .mark .update {font-size: 14px;}
    .list-box.list-style001 .list-item .img-box .mark .close {font-size: 14px;}

    .list-box.list-style002 .list-wrapper .list-box {row-gap: 16px;}
    .list-box.list-style002 .list-wrapper .list-box .list-item {width: 100%;}
    .list-box.list-style002 .list-wrapper .list-box .list-item .title-box {row-gap: 8px;padding: 16px 10px;}

    .list-box.list-style003 .list-wrapper .list-box {row-gap: 16px;}
    .list-box.list-style003 .list-wrapper .list-box .list-item {width: 100%;}
    .list-box.list-style003 .list-wrapper .list-box .list-item .title-box {row-gap: 8px;padding: 16px 10px;}

    .list-box.board-style001 .list-item {padding: 4px 0;}

    .list-box.table-style .table-box table tr:nth-of-type(1){display: none;}
    .list-box.table-style .table-box table th {display: none;}
    .list-box.table-style .table-box table tr{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;padding:10px 0;border-bottom: 1px solid var(--line1);position: relative;}
    .list-box.table-style .table-box table tr td{border-bottom: 0;min-width: unset;}
    .list-box.table-style .table-box table tr td.num{width: 56px;min-width: auto;padding: 0;position: absolute;height: 100%;display: flex;align-items: center;justify-content: center;left: 0;top: 0;font-size: 14px;}
    .list-box.table-style .table-box table tr td.subject{width: 100%;padding: 0 0 0 64px;}
    .list-box.table-style .table-box table tr td.subject > a{-webkit-line-clamp: 2;line-height: 1.5em;}
    .list-box.table-style .table-box table tr td.writer{padding: 8px 0 0 64px;font-size: 14px;width: auto;}
    .list-box.table-style .table-box table tr td.date{padding: 8px 0 0;font-size: 14px;width: auto;}
    .list-box.table-style .table-box table tr td.file{padding: 8px 0 0;font-size: 14px;order: 1}
    .list-box.table-style .table-box table tr td.view{padding: 8px 0 0;font-size: 14px;width: auto;}
    .list-box.table-style .table-box table tr td:is(.date,.file,.view){display: flex;align-items: center;}
    .list-box.table-style .table-box table tr td:is(.date,.file,.view)::before{content:'|';color:var(--line1);font-size: 10px;margin: 0 8px;}
    .list-box.table-style .table-box table td .icon-file {width: 20px;height: 20px;}
    

    .list-box.table-style.edu .table-box table tr td.subject {font-size: 16px;}
    .list-box.table-style.edu .table-box table tr td {font-size: 13px; padding: 4px 0;}
    .list-box.table-style.edu .table-box table td:nth-of-type(9){width: 100%;}
    .list-box.table-style.edu .table-box table td .button {width: 100%;}


    .list-box.table-style.class .table-box table tr td {padding: 4px 0;}
    .list-box.table-style.class .table-box table tr td.subject {padding: 4px 0;font-size: 14px;}
    .list-box.table-style.class .table-box table tr td.time {font-size: 13px;}

    .table-box.faq-style{border-top:2px solid var(--orange1);color:var(--black1);}
    .table-box.faq-style .table-row{}
    .table-box.faq-style .table-row p{color: var(--gray);font-size: 13px;letter-spacing: -0.025em;line-height: 1.61em;font-weight: 400;}
    .table-box.faq-style .table-row .question{flex-direction: column;row-gap: 8px;align-items: flex-start;padding:10px 0 10px 60px;}
    .table-box.faq-style .table-row .question .subject-item .num{width: 56px;position: absolute;top:0;left: 0;font-size: 14px;height: 100%;display: flex;align-items: center;justify-content: center;}
    .table-box.faq-style .table-row .question .subject-item .subject{width: 100%;font-size: 16px}
    .table-box.faq-style .table-row .question .info-item div{width: auto;font-size: 14px;}
    .table-box.faq-style .table-row .question .info-item div:nth-of-type(n + 2)::before{content:'|';color:var(--line2);margin: 0 8px;font-size: 12px;}
    .table-box.faq-style .table-row .answer .text-box{padding:24px 16px;}
    .table-box.faq-style .table-row .answer .text-box p{font-size: 16px;;}


    .board-search .board-search-wrapper .select-box {min-width: 120px;font-size: 14px;}
    .board-search .board-search-wrapper .input-box.small input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]) {height: 40px;padding: 0 16px;font-size: 14px;}
    .board-search .button-box .icon-search{font-size: 0;width: 40px;height: 40px;padding: 0;}
    .board-search .button-box .icon-search::after {background-size: 24px auto;background-repeat: no-repeat;background-position: center;width: 100%;height: 100%;}

    .map-list.list-style002 .map-wrapper .list-box {height: 240px;}

    .map-list.list-style002 .map-wrapper .list-box .list-item {padding-bottom: 15px;}
    .map-list.list-style002 .map-wrapper .list-box .list-item:nth-of-type(n + 2) {padding-top: 15px;}
    .map-list.list-style002 .map-wrapper .list-box .list-item .title-box .company {margin-top: 5px;}
    .map-list.list-style002 .map-wrapper .map-box :is(img,iframe) {width: 100%;height: auto;aspect-ratio: 343 / 500;}

    .map-list.list-style003 .map-wrapper {row-gap: 24px;}
    .map-list.list-style003 .map-wrapper .map-box :is(img,iframe) {width: 100%;height: auto;aspect-ratio: 343 / 500;}

    .map-list.list-style003 .map-wrapper .list-box .list-item {border: 0;border-radius: 0;padding: 0;}
    .map-list.list-style003 .map-wrapper .list-box .list-item .img-box {width: 120px;border-radius: 16px;}
    .map-list.list-style003 .map-wrapper .list-box .list-item .title-box {row-gap: 4px;}
    .map-list.list-style003 .map-wrapper .list-box .list-item .title-box .company .address {-webkit-line-clamp: 2;}


    .list-box.gallery-style .list-wrapper .list-box .list-item.m-widthFull{width: 100%;}
    .list-box.gallery-style .list-wrapper .list-box .list-item .img-box {border-radius: 16px;}
    .list-box.gallery-style .list-wrapper .list-box .list-item .title-box {row-gap: 8px;padding: 16px 0 0;}
    .list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li {font-size: 13px;}
    .list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info.m-flexCenter {justify-content: center;}
    .list-box.gallery-style .list-wrapper .list-box .list-item .title-box .info > li.writer {display: none;}


    .list-detail-top .title-box {padding: 30px 0;}
    .list-detail-top .cate {font-size: 16px;margin-bottom: 20px;}
    .list-detail-top .title-box .subject {font-size: 16px;font-weight: 800;}
    .list-detail-top .title-box .info > li {font-size: 13px;}
    .list-detail-top .title-box .info > li.icon-view::before {width: 20px;height: 20px;transform: translateY(0);}

    .list-detail-comment .comment-list .comment-item {padding: 10px 16px;}
    .list-detail-comment .comment-list .comment-item .comment-content p {font-size: 16px;}
    .list-detail-comment .comment-input {padding: 16px;}
    .list-detail-comment .comment-input .input-box {column-gap: 8px;}
    .list-detail-comment .comment-input .input-box input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]) {height: 40px;font-size: 16px;}
    .list-detail-comment .comment-input .input-box .write-button {font-size: 0;width: 40px;height: 40px;padding: 0;flex: none;}
    .list-detail-comment .comment-input .input-box .write-button::after {background-repeat: no-repeat;background-position: center;background-size: 20px 20px;width: 100%;height: 100%;}


    .files-box{display: flex;align-items: center}
    /*.files-box::before{content:'첨부파일';display: block;width: 100px;text-align: center;font-size: 14px;letter-spacing: -0.03em;color:var(--black1);}*/
    .files-box .file-list {width: calc(100% - 100px);display: flex;flex-wrap: wrap;gap: 0 20px;}
    .files-box .file-list .file-item {width: 100%}
    .files-box .file-list .file-item a {font-size: 14px;;line-height: 2.2em;}

    .list-detail-content {padding: 24px 0;}



    .board-filter .result-text h2 {font-size: 16px;}
    .board-filter .filter-box {width: 100%;justify-content: space-between;}
    .board-filter .filter-box .view-mode .mode-item > a {font-size: 14px;}
    .board-filter .info {font-size: 14px;}
    .board-filter .info {font-size: 14px;}

    .pagination {column-gap: 0;padding: 32px 0;}
    .pagination .num:nth-of-type(n + 8){display: none;}
    .pagination :is(.start,.end){display: none;}

    .select-box {height: 48px;font-size: 16px;}
    .select-box.small {min-width: 140px;height: 40px;font-size: 16px;}
    .select-box .select-list-content {padding: 20px 0;}

    .input-box input:is([type=text],[type=password],[type=number],[type=mail],[type=tel]) {height: 48px;font-size: 16px;}

    .password-box{border-radius: 40px;padding:40px 10px;}
    .password-box .password-wrapper {row-gap: 16px;}
    .password-box .password-wrapper .text-box {text-align: center;}
    .password-box .password-wrapper .m-view{display: block;}
    .password-box .password-wrapper .input-box {max-width: 320px;}
    .password-box .password-wrapper .input-box .submit {width: 100px;height: 48px;font-size: 18px;}

    .logo-box .login-wrapper .login-item .logo {width: 200px;}
    .logo-box .login-wrapper .login-item {row-gap: 24px;padding: 40px 16px;border-radius: 32px;}
    .logo-box .login-wrapper .login-item .form-box {row-gap: 24px;}
    .logo-box .login-wrapper .login-item .submit {height: 48px;font-size: 18px;}
    .logo-box .login-wrapper .login-item .user-link > a {font-size: 16px;}
    .logo-box .login-wrapper .login-item .info br{display: none;}

    .class-detail-box .class-info {flex-direction: column;margin-top: 24px;padding-bottom: 24px;row-gap: 16px;}
    .class-detail-box .class-info .img-box {width: 100%;}
    .class-detail-box .class-info .text-box {width: 100%;}
    .class-detail-box .class-info .text-box dl dt{width: 120px;}
    .class-detail-box .class-info .text-box dl dd{width: calc(100% - 120px);}

    .class-detail-box .class-wrapper .info-text {flex-direction: column;padding: 16px 0;row-gap: 8px;}
    .class-detail-box .class-wrapper .info-text {flex-direction: column;padding: 16px 0;row-gap: 8px;}
    .class-detail-box .class-wrapper .info-text .t-box {width: 100%;}
    .class-detail-box .class-wrapper .info-text .v-box {width: 100%;}

    .camp-detail-box .camp-facilities-picture .list-picture{flex-wrap: nowrap;gap: 0;}

    .camp-detail-box .camp-info .text-box dl :is(dt,dd) {padding: 8px 0;}
    .camp-detail-box .camp-info .text-box dl dt {width: 130px;}
    .camp-detail-box .camp-info .text-box dl dd {width: calc(100% - 130px);padding-left: 8px;}
    .camp-detail-box .camp-info .text-box dl dt::before{width: 20px;height: 20px;background-size: cover}
    .camp-detail-box .title-box{text-align: center;}
    .camp-detail-box .title-box .area{display: block;}
    .camp-detail-box .title-box .info > li{font-size: 14px;}
    .camp-detail-box .camp-info {margin-top: 24px;padding-bottom: 24px;flex-direction: column;row-gap: 16px;}
    .camp-detail-box .camp-info .img-box{width: 100%;}
    .camp-detail-box .camp-info .text-box{width: 100%;}
    .camp-detail-box .camp-description .camp-picture {flex-direction: column;row-gap: 16px;}
    .camp-detail-box .camp-description .camp-picture .picture-item {width: 100%;}
    .camp-detail-box .camp-wrapper {row-gap: 32px;}
    .camp-detail-box .camp-facilities {padding: 30px 16px;}
    .camp-detail-box .camp-facilities .facilities{justify-content: center;gap: 10px;}
    .facilities.camp .facility-item {width: 70px;height: 80px;}
    .facilities.camp .facility-item span::before {width: 48px;}
    .facilities.camp .facility-item span::after {font-size: 14px;}
    .camp-detail-box .camp-etc-facilities {border-radius: 24px;padding: 24px 16px;}
    .camp-detail-box .camp-etc-facilities dl dt {width: 130px;}
    .camp-detail-box .camp-etc-facilities dl dd {width: calc(100% - 130px);padding-left: 8px;}
    .camp-detail-box .camp-title{font-size: 16px;}
    .camp-detail-box .camp-use-info .camp-table table th {height: 48px;font-size: 16px;}
    .camp-detail-box .camp-use-info .camp-table table td {height: 60px;font-size: 16px;}
    .camp-detail-box .camp-map #camp_map {aspect-ratio: 343 / 500;border-radius: 24px;}

    .camp-detail-box .review-title .review-wrapper {flex-direction: column;;}
    .camp-detail-box .review-title .review-wrapper .text {row-gap: 8px;text-align: center;}
    .camp-detail-box .review-title .review-wrapper .text .m-view{display: block;}
    .camp-detail-box .review-title .write-button {width: 140px;height: 40px;font-size: 16px;padding: 0 24px;}
    .camp-detail-box .review-title .write-button::after {width: 24px;height: 24px;}


    .camp-detail-box .list-box.table-style .table-box table tr{display: table-row;}
    .camp-detail-box .list-box.table-style .table-box table tr td {border-bottom: 0;min-width: 80px;font-size: 13px;}
    .camp-detail-box .list-box.table-style .table-box table tr td.num {min-width: 40px;width: 40px;position: static;height: auto; display: table-cell;}
    .camp-detail-box .list-box.table-style .table-box table tr td.subject {font-size: 14px;padding: 0 10px;}

    .camp-detail-box .camp-info .text-box.dumpstation dl {flex-direction: column;}
    .camp-detail-box .camp-info .text-box.dumpstation dl dt {width: 100%;border-bottom: 0;padding:8px 0;}
    .camp-detail-box .camp-info .text-box.dumpstation dl dd {width: 100%;padding:0 0 8px 24px;border-bottom: 1px solid var(--line1);}
    .camp-detail-box .camp-info .text-box.dumpstation dl :is(dt,dd):nth-of-type(n + 2) {border-top: 0;}

    .camp-detail-box .picture-popup .title-box {font-size: 16px;padding-left: 16px;display: inline-block;text-align: left;}
    .camp-detail-box .picture-popup .close-button {width: 40px;height: 40px;top: 10px;right: 16px;}
    .camp-detail-box .picture-popup .picture-swiper-pagination {bottom: 10px;font-size: 14px;}

    .map-swiper-item .title{display: flex;flex-direction: column;}
    .map-swiper-item .title::before {width: 40px;height: 40px;margin-right: 0;margin-bottom: 10px;}

    .custom-map-wrapper .map-marker {width: 10.66666666666667%;}

    .custom-map .camp-map-wrapper .map-wrapper {height: auto;aspect-ratio: 343 / 500;border-radius: 24px;}
    .map-swiper-item:is(.eco,.family,.disabled,.pet) .custom-map::after{content:none;}

    .recommend-title .summary br{display: none;}

    .year-tab {width: 100%;display: flex;column-gap: 10px;background-color: var(--orange3);padding: 8px;border-radius: 90px;}
    .year-tab .tab-item {height: 48px;}

    .section-wrapper.email-deny .a1 .d2 .g2 .h1{
    	width: 100%;
    }

    .section-wrapper.email-deny .a1 .j1{font-size:16px }
    .section-wrapper.email-deny .a1 .j2 {font-size:14px }

    .section-wrapper.email-deny .a1 .d2 .g1{font-size: 20px}
    .section-wrapper.email-deny .a1 .d2 .g2 p{font-size: 16px}
    .section-wrapper.email-deny .a1 .d2 .g2 .h2 {text-align: center;width: 100%;margin-top: 5vw;}
    .section-wrapper.email-deny .a1 .d2 .g2 .h2 img {max-width: 33vw}
    .section-wrapper.email-deny.camping-request-guide .a1 .d2 .g2 .h1 .k1{font-size: 16px}
    .section-wrapper.email-deny.camping-request-guide .a1 .d2 .g2 .h1 .k3 {font-size: 16px;font-weight: 400}
    .usr-btn{font-size: 16px;height: 48px}
    .usr-btn.sm {font-size: 16px;height: 40px}
    .usr-btn.xs {font-size: 14px;}
    .usr-tabs > li{font-size: 3.5vw}
    .usr-dl-list{font-size: 14px}
    .usr-btn.k2 {line-height: 40px;}
    .usr-btn.k2 img {height: 50%;}

    .usr-input {padding: 0.4em 0.5em 0.4em 1em;font-size: 16px;height: 40px;width:100%;}
    .section-wrapper.mypage-pw .usr-dl-list > dl > dt{width: 40%}
    .section-wrapper.mypage-pw .usr-dl-list > dl > dd{width: 60%}
    .section-wrapper.mypage-pw .usr-dl-list > dl > dd label{display: block;margin-top: 2vw;margin-left: 0}
    .select-box.usr-select{width: 100%;height: 40px}
    .select-box.usr-select .select-value {height: 40px;}

    .usr-dl-list > dl > dd .select-box.usr-select.n3 label{margin-top:0;}
    .usr-warn{font-size: 14px;}
    .usr-dl-list > dl.usr-editor  > dt{display: none;}
    .usr-button-list .usr-btn.sm{font-size: 16px;height: 40px;padding-left: 0;padding-right: 0;text-align: center}
    .usr-button-list .usr-btn{width: 100%;}
    .usr-dl-list > dl.usr-file > dt{display: table;width: 100%;text-align: left}
    .usr-dl-list > dl.usr-file > dd{display: table;width: 100%;}
    .usr-dl-list > dl.usr-file > dd input{width: 100%;}

    .usr-button-list.mt-xs-0{margin-top: 0}

    .usr-dl-list > dl.usr-file > dt .usr-button-list{display: inline-flex;}
    .section-wrapper .usr-dl-list > dl > dt{width: 20%;text-align: left}
    .section-wrapper .usr-dl-list > dl > dd{width: 80%}

    .section-wrapper .usr-dl-list > dl.usr-file > dt{display: table;width: 100%;text-align: left}
    .section-wrapper .usr-dl-list > dl.usr-file > dd{display: table;width: 100%;}
    .section-wrapper .usr-dl-list > dl.usr-file > dd input{width: 100%;}
    .button-box.right.write .icon-write{font-size: 16px;width: 100%;height: 40px}

    .section-wrapper.modify-write .usr-button-list.b2{flex-wrap: wrap}
    .section-wrapper.modify-write .usr-button-list.b2 p{position: relative;margin-bottom: 5vw;width: 100%}
    .section-wrapper.modify-write .usr-button-list.b2 button{width:47%;}

    .section-wrapper.camp-write .usr-button-list.b2{flex-wrap: wrap}
    .section-wrapper.camp-write .usr-button-list.b2 p{position: relative;margin-bottom: 5vw;width: 100%}
    .section-wrapper.camp-write .usr-button-list.b2 button{width:47%;}
    .login-after p{font-size: 20px}
    .usr-p2{font-size: 16px;}
    .usr-p2 span{font-size: 14px}

    .section-wrapper.edu-mypage .usr-dl-list > dl > dt{width: 30%}
    .section-wrapper.edu-mypage .usr-dl-list > dl > dd{width: 70%}

    .section-wrapper.edu-mypage .usr-btn{font-size: 3vw;height: 40px}
    .class-detail-box .title-box.flex{flex-wrap: wrap;}
    .class-detail-box .title-box.flex h2{display: flex;align-items: center;justify-content: center;width: 100%}
    .class-detail-box .title-box.flex .icon-edu{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 5vw;}
    .class-detail-box .title-box.flex .icon-edu:after{width: 5vw;height: 4vw;background-size: cover}
    .usr-box-warn{flex-direction: column;row-gap: 20px;padding-left: 1em}
    .usr-box-warn p{font-size: 16px;font-weight: 800}
    .usr-box-warn:before{position: static;}
    .button-box .button.small{font-size: 16px;}

    .list-box.table-style .table-box table td.ret span{font-size: 2.5vw;height: 5vw;width:16vw}
    .list-box.table-style .table-box table tr td.ret{position: absolute;right:0;bottom:-10px;}
    .xs-block{width:100%;margin-bottom: 5vw;}

    .usr-box p{height: auto;margin:1.5em;}
    .usr-check label{font-size: 14px;}
    .usr-agree .g0{font-size: 14px;line-height: 1.5em;}
    .usr-agree .g1{font-size: 14px;line-height: 1.5em;}
    .usr-agree .g2{font-size: 14px;line-height: 1.5em;}
    .list-detail-content.agree h4{font-size: 16px}
    .usr-box-list.n3 > dl{max-width: 100%;margin-bottom: 20px;font-size: 14px;}
    .usr-box-list.n3 > dl > dt{font-size: 14px;}
    .usr-box-list.n3 > dl > dd{font-size: 14px;height: auto}

    .section-wrapper.edu-join-info .usr-dl-list dt{display: table;width: 100%;padding: 5vw 0 0 0}
    .section-wrapper.edu-join-info .usr-dl-list dd{display: flex;width: 100%;column-gap: 10px}
    .section-wrapper.edu-join-info .usr-dl-list dd button{white-space: nowrap;}
    .section-wrapper.edu-join-info .usr-dl-list dd.row2{flex-direction: column;row-gap: 10px}
    .section-wrapper.edu-join-info .usr-dl-list dd.row3{flex-direction: column;row-gap: 10px;}
    .section-wrapper.edu-join-info .usr-dl-list dd.col-group{display: block;width: 100%;}
    .section-wrapper.edu-join-info .usr-dl-list dd .col1{display: flex;width: 100%;column-gap: 10px}
    
    .section-wrapper.edu-join-info .usr-dl-list dd .col2{display: flex;width: 100%;flex-direction: column;}
    .usr-p4{font-size: 16px}
    .usr-p4 span{font-size: 18px}

    .section-wrapper.edu-qna-view .usr-dl-list > dl > dt{width: 20%;}
    .section-wrapper.edu-qna-view .usr-dl-list > dl > dd{width: 80%;}
    .logo-box .login-wrapper .login-item .input-box label{font-size: 4vw}
    .usr-p{font-size: 16px}
    .section-wrapper.email-deny .a1 .d1{padding: 16px}
    .section-wrapper.email-deny .a1 .d2{padding: 16px}
    .section-wrapper.email-deny .a1 .d2 .g2 .h1{margin-top: 10px}
    .usr-box h4{font-size: 6vw}
    .usr-box{padding: 2em;}

    .usr-p3{font-size: 5vw}
}



@media all and (max-width:500px) {
    .facilities {gap: 10px 0;}
    .facilities .facility-item {width: calc(100% / 4);height: 80px;}

    .camp-detail-box .camp-facilities .facilities {justify-content: center;gap: 10px 3px;}

    .download-button{padding: 10px 20px;height: auto;}
    .download-button .m-view{display: block;}


}

/*호버 이벤트가 가능할때만 적용*/
@media (hover: hover) and (pointer: fine) and (min-width:750px) {
    .pagination :is(.num,.start,.prev,.next,.end):hover {background-color: var(--orange1);color: var(--white);}
    .pagination .start:hover {background-image: url("../images/icons/icon-pagination-start-hover.svg");}
    .pagination .prev:hover {background-image: url("../images/icons/icon-pagination-prev-hover.svg");}
    .pagination .next:hover {background-image: url("../images/icons/icon-pagination-next-hover.svg");}
    .pagination .end:hover {background-image: url("../images/icons/icon-pagination-end-hover.svg");}

    .list-box.table-style .table-box table td.subject a:hover{text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness : 2px;text-decoration-color : #FFC76D;}

    .list-box.list-style002 .list-wrapper .list-box .list-item:hover .img-box{box-shadow: var(--shadow1);transform: translateY(-5px)}

    .list-box.list-style003 .list-wrapper .list-box .list-item:hover{box-shadow: var(--shadow1);background-color: var(--green1);color:var(--white);transform: translateY(-5px);border-color: var(--green1);}
    .list-box.list-style003 .list-wrapper .list-box .list-item:hover .title-box{color:var(--white);}
    .list-box.list-style003 .list-wrapper .list-box .list-item:hover .title-box .camp{color:var(--white);}
    .list-box.list-style003 .list-wrapper .list-box .list-item:hover .title-box .info{color:var(--white);}
    .list-box.list-style003 .list-wrapper .list-box .list-item:hover .title-box .info > li.icon-view::before {background-image: url(../images/icons/icon-view-hover.svg);}


    .list-box.gallery-style .list-wrapper .list-box .list-item:hover .img-box{box-shadow: var(--shadow1);transform: translateY(-5px)}

    .list-detail-comment .comment-input .input-box .write-button:hover{background-color: var(--black0);color: var(--white);}
    .list-detail-comment .comment-input .input-box .write-button:hover::after{background-image: url("../images/icons/icon-pen-hover.svg");}

    .map-list.list-style002 .map-wrapper .list-box .list-item .title-box .subject:hover{text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness : 2px;text-decoration-color : #FFC76D;}

    .map-list.list-style003 .map-wrapper .list-box .list-item:hover{box-shadow: var(--shadow1);}

    .files-box .file-list .file-item a:hover{color:var(--orange1);}

    .map-swiper-item .map-item:hover .img-box{box-shadow: var(--shadow1);transform: translateY(-5px);}

}