.sub-tit-wr { background-image: url(/theme/basic/img/sub/sub02/sub_bg.jpg); }


.page-tit { font-size: 5rem; line-height: 1.3; }

@media all and (max-width:1440px) {
 .page-tit { font-size: 3.2rem; }

 }

 @media all and (max-width:400px) {
 .sub-gnb-scroll { width: 100%; height: auto; margin-bottom: 8.8rem; overflow: auto; }
 .sub-gnb { width: max-content; margin-bottom: 0; }
 .sub-gnb ul { justify-content: flex-start; width: max-content; padding: 0; }
 .sub-gnb li { flex: none; margin: 0 2rem; }
 }


.box-wr { grid-gap: 2rem; }
.ps { display: block; width: 100%; margin: 1rem 0; text-align: right; }

.btn-box { text-align: center; }
.btn-st01 { width: 95.6rem; height: 20.6rem; box-shadow: .8rem 1.1rem 1.3rem rgba(0, 0, 0, 0.09); font-size: 3.2rem; font-weight: 700; }
.btn-st01 p { font-size: 2.7rem; }
.btn-st01 .icon-arrow { width: 3rem; }

@media all and (max-width:1440px) {
.btn-st01 { width: 75.6rem; height: 16.6rem; }
.btn-st01 p { font-size: 2.2rem; }
 }
@media all and (max-width:768px) {
 .btn-st01 { width: 74%; }
 }
 @media all and (max-width:600px) {
 .btn-st { width: auto; height: auto; padding: 2rem 4rem; }
 .btn-st .icon-book { width: 4rem; }
 .btn-st .icon-camp { width: 6rem; }
 }


 /*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*캠프소개 - 캐나다 여름 캠프*/
/*화면배경색변경*/
#sub .page01 { transition: .5s; }
#sub.sec03on .page01 { background-color:#f2fcff; }
#sub.sec04on .page01 { background-color: #FF574C; }
#sub.sec04on .page01 .sec04 * { color: #fff; }

/*서브네비스크롤*/
.sub-gnb-fix { position: fixed; top: 0; left: 0; width: 100%; margin-bottom: 0; opacity: 0; visibility: hidden; z-index: -1; transition: .3s; }
.sub-gnb-fix a { cursor: pointer; }
.sub-gnb-fix.scroll { background: var(--color-bg); opacity: 1; visibility: visible; z-index: 3; }
.sub-gnb-fix li a { font-weight: 500 !important; color: #8D8D8D !important; }
.sub-gnb-fix li a::after { background:transparent!important; }
.sub-gnb-fix li.nav01.on a ,
.sub-gnb-fix li.nav02.on a ,
.sub-gnb-fix li.nav03.on a { background-color: var(--color-point); color: #fff!important; font-weight: 700!important; }
.sub-gnb-fix li.nav01.on a::after,
.sub-gnb-fix li.nav02.on a::after,
.sub-gnb-fix li.nav03.on a::after { position: absolute; width: 100%; height: 3px; bottom: -3px; left: 0; background: var(--color-point)!important; content: ''; }


.headerOn .sub-gnb-fix.scroll { top: var(--header-hei); }


/*투어핸즈*/
.sec-tit-wr .box-img { position: relative; text-align: center; }
.sec-tit-wr .deco { top: 4rem; left: 50%; width: 12rem; margin-left: -21%; }
.sec-tit-wr .btn-st { width: 45.6rem; height: 10.6rem; }
.sec-tit-wr .btn-st p { font-size: 2rem; }
.sec-tit-wr .btn-st .icon-book { width: 5rem; transform: rotateZ(8deg); }

@media all and (max-width:1440px) {
.sec-tit-wr .deco { top: 0; margin-left: -28%; }
 }
 @media all and (max-width:1024px) {
 .sec-tit-wr .box-img { width: 69%; margin: 0 auto; }
 }
 @media all and (max-width:768px) {
 .sec-tit-wr .deco { top: 0; left: 0; margin-left: 0; }
 }
@media all and (max-width:600px) {
.sec-tit-wr .deco { width: 8rem; }
.sec-tit-wr .btn-st { width: auto; height: auto; padding: 2rem 4rem; }
.sec-tit-wr .btn-st .icon-book { width: 4rem; }
 }

.page01 .sec02 { position: relative; background-color: #B4DC5E; overflow: hidden; }
.page01 .sec02 .inner { align-items: flex-start; }
.page01 .sec02 .page-tit { position: relative; width: 40%; text-align: left; }
.page01 .sec02 .box-wr { width: 60%; }
.page01 .sec02 .box { position: relative; width: 100%; height: 100%; padding-top: 100%; background: #fff; z-index: 2; }
.page01 .sec02 .box.box01 { border-radius: 8.4rem; }
.page01 .sec02 .box.box02 { border-radius: 2.1rem; }
.page01 .sec02 .box.box04 { border-radius: 100%; }
.page01 .sec02 .box .item { position: absolute; left: 6rem; bottom: 6rem; }
.page01 .sec02 .box .item .tit { margin-bottom: 1rem; margin-top: 3rem; font-size: 2.7rem; font-weight: 800; line-height: 1.4; }
.page01 .sec02 .box .item .txt { min-height: 6rem; }
.page01 .sec02 .deco-spring { right: 30%; }
.page01 .sec02 .text-wr { position: absolute; left: 0; bottom: 19rem; opacity: .4; overflow: hidden; z-index: 1; }
.page01 .sec02 .text-wr .text { width: 409.6rem; }
.page01 .sec02 .text-wr .text01 { animation: text-ani01 80s linear infinite; }
.page01 .sec02 .text-wr .text02 { animation: text-ani02 80s 80s linear infinite; }

@media all and (max-width:1600px) {
 .page01 .sec02 .inner { padding-left: var(--inner-pd); padding-right: var(--inner-pd); }
 }
 @media all and (max-width:1440px) {
 .page01 .sec02 .page-tit { font-size: 3.8rem; }
 .page01 .sec02 .deco-spring { right: 20%; }
 .page01 .sec02 .box .item { left: 5rem; bottom: 4rem; }
 .page01 .sec02 .box .item .tit { margin-top: 2rem; font-size: 2.2rem; }
 .page01 .sec02 .box .item .txt { font-size: 1.6rem; line-height: 1.5; }
 }
 @media all and (max-width:1240px) {
 .page01 .sec02 .inner { display: block; }
 .page01 .sec02 .page-tit { display: inline-block; width: auto; }
 .page01 .sec02 .deco-spring { top: 1rem; right: -4rem; transform: scale(.8) rotateZ(24deg) translateX(100%); }
 .page01 .sec02 .box-wr { width: 80%; margin-left: auto; }
 .page01 .sec02 .box .item { left: 4rem; }
 }
 @media all and (max-width:1024px) {
 .page01 .sec02 .box-wr { width: 100%; }
 .page01 .sec02 .box .item { top: 50%; left: 50%; bottom: initial; width: 100%; transform: translate(-50%, -50%); text-align: center; }
 .page01 .sec02 .box .item .txt { font-size: 1.8rem; }
 .page01 .sec02 .box03 .item .txt { padding: 0 9rem; }
 }
 @media all and (max-width:768px) {
 .page01 .sec02 .text-wr { bottom: -1rem; }
 .page01 .sec02 .box .item .tit { margin-top: 1rem; font-size: 2rem; }
 .page01 .sec02 .box .item .txt { font-size: 1.6rem; }
 .page01 .sec02 .box03 .item .txt { padding: 0 3rem; }
 }
 @media all and (max-width:600px) {
 .page01 .sec02 .page-tit { width: 100%; text-align: center; }
 .page01 .sec02 .box { width: 80%; height: 80%; padding-top: 80%; margin: auto; }
 .page01 .sec02 .deco-spring { top: 1rem; right: 0; transform: scale(.5) rotateZ(95deg) translate(14rem,-14rem); }
 }

.page01 .sec03 { margin-top: 5rem; margin-bottom: 5rem; }
.page01 .sec03 .page-tit { margin-bottom: 7rem; }
.page01 .sec03 .page-tit strong { position: relative; }
.page01 .sec03 .deco-cir { top: 50%; left: 50%; margin-left: 1em; margin-top: 0.2em; transform: scale(1.4) translate(-50%, -50%); mix-blend-mode: darken; }

@media all and (max-width:600px) {
 .page01 .sec03 .page-tit { margin-bottom: 5rem; }
.page01 .sec03 .list-chcek li { flex-direction: column; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
.page01 .sec03 .list-chcek .txt { padding-left: 3.4rem; }
 }


.page01 .sec04 { }
.page01 .sec04 .inner { position: relative; }
.page01 .sec04 .txt-wr { position: relative; text-align: center; z-index: 2; }
.page01 .sec04 .txt-wr .txt-m { margin-bottom: 1rem; font-weight: 700; font-size: 2rem; }
.page01 .sec04 .txt-wr .txt { font-weight: 400; }
.page01 .sec04 .txt-wr .txt br.br-m { display: none; }
.page01 .sec04 .deco { left: 50%; }
.page01 .sec04 .deco-img01 { top: -3rem; margin-left: 60rem; z-index: 2; }
.page01 .sec04 .deco-img02 { bottom: -11rem; margin-left: -81rem; z-index: 1; }
.page01 .sec04 .deco-img03 { bottom: -16rem; margin-left: 24rem; opacity: .8; mix-blend-mode: multiply; z-index: 1; }

@media all and (max-width:1600px) {
.page01 .sec04 .deco-img01 { left: initial; right: 3rem; margin-left: 0; }
.page01 .sec04 .deco-img02 { left: 0; margin-left: auto; }
 }
 @media all and (max-width:1240px) {
 .page01 .sec04 .deco-img01 { top: -8rem; }
 .page01 .sec04 .deco-img02 { bottom: -17rem; }
 }
 @media all and (max-width:1024px) {
 .page01 .sec04 .txt-wr .txt { width: 80%; margin: auto; padding-left: 0; }
 .page01 .sec04 .txt-wr .txt br { display: none; }
 .page01 .sec04 .txt-wr .txt br.br-m { display:block; }
 .page01 .sec04 .deco-img01 { width: 20rem; }
 .page01 .sec04 .deco-img02 { width: 33rem; }
 .page01 .sec04 .deco-img03 { margin-left: 0; }
 }
 @media all and (max-width:768px) {
 .page01 .sec04 .deco-img01 { top: -9rem; right: 0; width: 15rem; }
 .page01 .sec04 .deco-img02 { bottom: -8rem; width: 26rem; }
 }
 @media all and (max-width:600px) {
 .page01 .sec04 .deco-img01 { top: -12rem; width: 12rem; }
 .page01 .sec04 .deco-img02 { width: 19rem; }
 .page01 .sec04 .txt-wr .txt { width: 100%; }
 }



.page01 .sec05 .list-chcek-wr { margin-bottom: 7rem; }
.page01 .sec05 .list-chcek { width: 84rem; }
.page01 .sec05 .list-chcek .tit { min-width: 11rem }
.page01 .sec05 .list-chcek li { padding: 0.5rem 3rem; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 5rem; }
.page01 .sec05 .ta-st .day { background: #f7f7f7; }
.page01 .sec05 .ta-st.time td:nth-child(1) { background: #f7f7f7; }
.page01 .sec05 .tit.ma-tp { margin-top: 5rem; margin-bottom: 1rem; font-weight: 600; }

@media all and (max-width:1024px) {
.page01 .sec05 .list-chcek { width: 65rem; }
 }
 @media all and (max-width:600px) {
 .page01 .sec05 .list-chcek-wr { margin-bottom: 5rem; }
 .page01 .sec05 .list-chcek { width: 100%; }
 .page01 .sec05 .list-chcek .tit { min-width: 9rem; margin-right: 0; font-size: 1.8rem; }
 .page01 .sec05 .list-chcek .txt { font-size: 1.6rem; line-height: 1.4; }
 .page01 .sec05 .list-chcek li { align-items: center; padding: 1rem 3rem; }
 .page01 .sec05 .check { padding-left: 0; }
 .page01 .sec05 .check::before { display: none; }
 }

.uni-program { }
.uni-program .page-tit { text-align: left; }
.uni-program .list-st li:not(:last-child) { margin-bottom: 0.7rem; }
.uni-program .box-wr { justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.uni-program .box-wr .txt-wr { margin-top: 4rem; margin-left: 1rem; }
.uni-program .box-wr .txt-wr .txt-m { margin: .7rem 0 1.7rem; color: #000; font-size: 2.2rem; font-weight: 800; }
.uni-program .box-wr .box { position: relative; width: calc(50% - 4.6rem); }
.uni-program .box-wr .box span { display: inline-block; padding: 0.2em 1em; border-radius: 3rem; background-color:var(--color-point); color: #fff; }
.uni-program .box-wr .box .deco { width: 12rem; }
.uni-program .box-wr .box01 .box-img, .uni-program .box-wr .box04 .box-img { border-radius: 3.2rem; overflow: hidden; }
.uni-program .box-wr .box03 .box-img, .uni-program .box-wr .box06 .box-img { border-radius: 29rem; overflow: hidden; }
.uni-program .box-wr .box03 .txt-wr, .uni-program .box-wr .box06 .txt-wr { margin-left: 7rem; }
.uni-program .box-wr .box01 span { background-color: #007aff; }
.uni-program .box-wr .box02 span { background-color: #8526ff; }
.uni-program .box-wr .box03 span { background-color: #ff8e0d; }
.uni-program .btn-more { margin-top: 3rem; font-size: 1.6rem; font-weight: 800; }
.uni-program .btn-more p { margin: 0 1rem; font-size: 1.8rem; color: #369d30; transition: .3s; }
.uni-program .btn-more:hover p { margin: 0 1rem; margin-right: 1.8rem; }
.uni-program .btn-more .icon-arr { width: 2rem; }
.uni-program .box-wr .box:nth-child(1) { margin-top: 0; }
.uni-program .box-wr .box:nth-child(2) { margin-top: 42rem; }
/* .uni-program .box-wr .box:nth-child(3) { margin-top: -30rem; } */
.uni-program .box-wr .box:nth-child(4) { margin-top: 30rem; }
/* .uni-program .box-wr .box:nth-child(5) { margin-top: -40rem; } */
.uni-program .box-wr .box:nth-child(6) { margin-top: 25rem; }
.uni-program .box-wr .box01 .deco { top: 14rem; right: -5rem; }
.uni-program .box-wr .box02 .deco { top: 44rem; left: -7rem; }
.uni-program .box-wr .box03 .deco { top: 50%; right: 2rem; }
.uni-program .box-wr .box04 .deco { bottom: 3rem; right: 8rem; }
.uni-program .box-wr .box05 .deco { top: 60rem; right: 8rem; }
.uni-program .box-wr .box06 .deco { top: 50%; left: 2rem; }

@media all and (max-width:1600px) {
.uni-program .box-wr .box04 .deco { right: -7rem; }
 }
@media all and (max-width:1440px) {
 .uni-program .box-wr .box .deco { width: 10rem; }
 .uni-program .box-wr .box02 .deco { top: 29rem; }
 .uni-program .box-wr .box04 .deco { right: -7rem; }
 .uni-program .box-wr .box04 .tit, .uni-program .box-wr .box04 .txt { margin-left: .5rem; }
 }
 @media all and (max-width:1440px) {
 .uni-program .box-wr .box03 .txt-wr, .uni-program .box-wr .box06 .txt-wr { margin-left: 2rem; }
 .uni-program .box-wr .box04 .deco { right: 0; bottom: 32rem; }
 }
 @media all and (max-width:1024px) {
 .uni-program .box-wr .box .deco { width: 8rem; }
 }
 @media all and (max-width:768px) {
 .uni-program .box-wr { flex-direction: column; }
 .uni-program .box-wr .box { width: 100%; }
 .uni-program .box-wr .box .box-img { border-radius: 0 !important; }
 .uni-program .box-wr .box:not(:last-of-type) { margin-bottom: 7rem; }
 .uni-program .box-wr .box:nth-child(2),
 .uni-program .box-wr .box:nth-child(3),
 .uni-program .box-wr .box:nth-child(4),
 .uni-program .box-wr .box:nth-child(5),
 .uni-program .box-wr .box:nth-child(6) { margin-top: initial; }
 .uni-program .box-wr .txt-wr { margin-left: 0; }
 .uni-program .box-wr .box .deco { top: 32rem; right: 0; left: initial; bottom: initial; width: 6rem; }
 }
 @media all and (max-width:600px) {
 /* .uni-program .box-wr .box .deco { width:7rem; } */
 .uni-program .box-wr .txt-wr { margin-top: 2rem; }
 .uni-program .list-st li:not(:last-child) { margin-bottom: .3rem; }
 /* .uni-program .box-wr .box02 .deco { top: 19rem; left: -4rem; }
 .uni-program .box-wr .box03 .deco { top: 23rem; }
 .uni-program .box-wr .box04 .deco { bottom: initial; top: 24rem; }
 .uni-program .box-wr .box05 .deco { top: 43rem; right: 1rem }
 .uni-program .box-wr .box06 .deco { top: 38%; } */
 .uni-program .box-wr .box03 .txt-wr, .uni-program .box-wr .box06 .txt-wr { margin-left: 1rem; }
 }

/*슬라이드컨트*/
.program-wr { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.6); opacity: 0; visibility: hidden; z-index: -1; }
.program-wr .pro-cont { position: absolute; top: 0; right: 0; width: 70rem; height: 100%; background: #fff; transform: translateX(100%); transition: .3s; }
.program-wr .pro-cont .deco-scroll { top: 12rem; left: -18rem; z-index: 1; }
.program-wr .pro-cont .inner { height: calc(100% - 5rem); padding: 2rem 3rem 3rem; overflow: auto; }
.program-wr .pro-cont .txt-m { margin-top: 2rem; font-weight: 800; }
.program-wr .pro-cont .txt strong { color: #000; }
.program-wr .pro-cont .txt, .program-wr .pro-cont .txt i { font-size: 1.6rem; line-height: 1.7; font-weight: 500; }
.program-wr .pro-cont .swiper-wr { position: relative; margin-bottom: 2rem; }
.program-wr .pro-cont .swiper-pagination { position: relative; top: initial; left: initial; bottom: initial; margin-top: 1rem; text-align: center; }
.program-wr .pro-cont .swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; top: initial; left: initial; bottom: initial; margin-top: 1rem; text-align: center; }
.program-wr .pro-cont .swiper-pagination-bullet { margin: 0 0.2em; background: #fff; border: 1px solid var(--color-point); opacity: 1; }
.program-wr .pro-cont .swiper-pagination-bullet-active { opacity: 1; background: var(--color-point); }
.program-wr .pro-cont .swiper { height: 37rem; }
.program-wr .pro-cont .btn-slidcont { padding: 2rem 3rem 0 3rem; }
.program-wr .pro-cont .btn-slidcont .icon { transform: rotateZ(180deg); }
.program-wr .pro-cont .pro-info-wr { margin-top: 4rem; }
.program-wr .pro-cont .ta-st tr td:nth-child(1) { background-color: var(--color-bg); font-weight: 500; }
.program-wr .pro-cont .li-bt-not li:not(:last-child) { margin-bottom: 0; }
.program-wr.on { z-index: 999; opacity: 1; visibility: visible; }
.program-wr.on .pro-cont { transform: translateX(0%); }
.program-wr.on .pro-cont .deco-scroll { animation: scroll-ani 1s linear 5 alternate; }
.program-wr.hide { opacity: 0; visibility: hidden; z-index: -1; }
.program-wr.hide .pro-cont { transform: translateX(100%); }
.program-wr .pro-cont .inner::-webkit-scrollbar-thumb { background: var(--color-point03); }
.scroll .program-wr.hide { transition: .3s; }

#program06.program-wr .ta-st td { vertical-align: baseline; }
#program06.program-wr .ta-st li { text-align: left; }


@media all and (max-width:900px) {
.program-wr .pro-cont .deco-scroll { left: -22rem; }
 }
@media all and (max-width:768px) {
 .program-wr .pro-cont { width: 100vw; }
 .program-wr .pro-cont .deco-scroll { display: none; }
 #program06 .program-wr .pro-cont .swiper { height: 27rem; }
 }

.ta-st td.week-cont-wr { padding: 3rem 4rem 2rem; }
.week-cont-wr .txt ,.week-cont-wr strong { padding: 1rem 3rem; text-align: left; }
.week-cont-wr strong { display: block; }
.week-cont-wr .week-cont { justify-content: space-between; padding: 1rem 4rem; background: #007aff; border-radius: 4rem; color: #fff; }
.week-cont-wr .week-cont * { font-size: 1.8rem; letter-spacing: 0; }
.week-cont-wr .week-cont .icon { width: 2.6rem; margin-left: .5rem; }
.week-cont-wr02 .week-cont { background: #8526ff; }
.week-cont-wr03 .week-cont { background: #ff8e0d; }
.week-cont-wr04 .week-cont { background: #ff3b30; }
.week-cont-wr04-01 { vertical-align: top; }
.week-cont-wr04-01 .week-cont { background: #ff3b30; }
.week-cont-wr04-01 .txt { padding: 1rem 0; text-align: center; }

@media all and (max-width:1024px) {
.ta-st td.week-cont-wr { padding: 3rem 2rem 2rem; }
 }
 @media all and (max-width:600px) {
 .week-cont-wr .week-cont * { font-size: 1.6rem; }
 .week-cont-wr .week-cont { padding: 1rem 2rem; }
 .ta-st.time col:nth-child(1) { width: 30%; }
 .ta-st.time col:nth-child(2) { width: 30%; }
 .ta-st.time col:nth-child(3) { width: 40%; }
 .ta-st td.week-cont-wr .txt { font-size: 1.3rem !important; }
 .ta-st td.week-cont-wr .txt strong { font-size: 1.3rem !important; }
 }


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*캠프소개 - 대학프로그램*/
.page03 .uni-program { background: var(--color-bg); }
.page03 .uni-program .box-wr .txt-wr span { display: none; }
.page03 .uni-program .box-wr .box04,
.page03 .uni-program .box-wr .box05,
.page03 .uni-program .box-wr .box06 { display: none; }
.page03 br.br-m { display: none; }
.page03 #ftWr { background: var(--color-bg); }
.page03 #ftWr .img-bg { mix-blend-mode: darken; }

@media all and (max-width:400px) {
 .page03 br.br-m { display: block; }
 }
/* #appliWr { display: none; } */



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*캠프소개 - ESL*/
.page04 br.br-m { display: none; }
.page04 .sec-tit-wr .deco { top: auto; left: auto; bottom: 4rem; right: 50%; width: 12rem; margin-right: -28%; }
.page04 .sec-tit-wr .txt { margin-top: 2rem; text-align: center; }

.page04 .sec02 { position: relative; background-color: #D4E8FA; overflow: hidden; }
.page04 .sec02 .inner { align-items: flex-start; }
.page04 .sec02 .page-tit { position: relative; width: 40%; text-align: left; z-index: 1; }
.page04 .sec02 .page-tit .tit { margin-bottom: 2rem; }
.page04 .sec02 .box-wr { width: 60%; }
.page04 .sec02 .box { position: relative; width: 100%; height: 100%; padding-top: 100%; background: #fff; z-index: 2; }
.page04 .sec02 .box.box01 { border-radius: 100%; background: url(/theme/basic/img/sub/sub02/page04_img01.jpg)no-repeat center / cover; }
.page04 .sec02 .box.box02 { border-radius: 2.1rem; }
.page04 .sec02 .box .item { position: absolute; left: 6rem; bottom: 6rem; }
.page04 .sec02 .box .item .tit { margin-bottom: 1rem; margin-top: 3rem; font-size: 2.7rem; font-weight: 800; line-height: 1.4; }
.page04 .sec02 .box .item .txt { min-height: 6rem; }
.page04 .sec02 .deco-spring { right: 30%; }
.page04 .sec02 .deco-t { top: -7rem; left: -12rem; }
.page04 .sec02 .deco-h { top: 50%; left: 30%; }
.page04 .sec02 .deco-le { right: 30%; bottom: 2rem; z-index: 2; }
.page04 .sec02 .deco-r-l { bottom: -5rem; left: 0; }
.page04 .sec02 .deco-r-r { right: 1%; top: -2rem; }

@media all and (max-width:1600px) {
 .page04 .sec02 .inner { padding-left: var(--inner-pd); padding-right: var(--inner-pd); }
 }
 @media all and (max-width:1440px) {
 .page04 .sec02 .page-tit { font-size: 3.8rem; }
 .page04 .sec02 .deco-spring { right: 20%; }
 .page04 .sec02 .box .item { left: 5rem; bottom: 4rem; }
 .page04 .sec02 .box .item .tit { margin-top: 2rem; font-size: 2.2rem; }
 .page04 .sec02 .box .item .txt { font-size: 1.6rem; line-height: 1.5; }
 }
 @media all and (max-width:1240px) {
 .page04 .sec02 .inner { display: block; }
 .page04 .sec02 .page-tit { display: inline-block; width: auto; margin-bottom: 4rem; }
 .page04 .sec02 .deco-spring { top: 1rem; right: -4rem; transform: scale(.8) rotateZ(24deg) translateX(100%); }
 .page04 .sec02 .box-wr { width: 80%; margin-left: auto; }
 .page04 .sec02 .box .item { left: 4rem; }

 }
 @media all and (max-width:1024px) {
 .page04 .sec02 .box-wr { width: 100%; }
 .page04 .sec02 .box .item { top: 50%; left: 50%; bottom: initial; width: 100%; transform: translate(-50%, -50%); text-align: center; }
 .page04 .sec02 .box .item .txt { font-size: 1.8rem; }
 .page04 .sec02 .box03 .item .txt { padding: 0 9rem; }
 .page04 .sec02 .deco { transform: scale(0.6); }
 .page04 .sec02 .deco-r-l { bottom: -10rem; left: -9rem; }
 .page04 .sec02 .deco-t { top: -9rem; left: -18rem; }
 .page04 .sec02 .deco-r-r { right: -9%; top: -2rem; }
 .page04 .sec02 .deco-h { top: 20%; }
 }
 @media all and (max-width:768px) {
 .page04 .sec02 .text-wr { bottom: -1rem; }
 .page04 .sec02 .box .item .tit { margin-top: 1rem; font-size: 2rem; }
 .page04 .sec02 .box .item .txt { font-size: 1.6rem; }
 }
 @media all and (max-width:600px) {
 .page04 .sec02 .page-tit { width: 100%; text-align: center; }
 .page04 .sec02 .box { width: 80%; height: 80%; padding-top: 80%; margin: auto; }
 .page04 .sec02 .deco-spring { top: 1rem; right: 0; transform: scale(.5) rotateZ(95deg) translate(14rem,-14rem); }
 .page04 .sec02 .deco-r-r { right: -19%; top: 18rem; }
 .page04 .sec02 .deco-le { right: 0; }
 }
@media all and (max-width:400px) {
 .page04 br.br-m { display: block; }
 .page04 .sec-tit-wr .deco { right: 0; width: 7rem; margin-right: -3rem; }
 }



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*캠프소개 - 여행 etc*/
.page05 br.br-m { display: none; }
.page05 .sec-tit-wr .deco { top: auto; left: auto; bottom: 4rem; right: 50%; width: 12rem; margin-right: -28%; }
.page05 .sec-tit-wr .txt { margin-top: 2rem; text-align: center; }

@media all and (max-width:1440px) {
 .page05 .sec-tit-wr .deco { margin-right: -38%; }
 }

 @media all and (max-width:1024px) {
 .page05 .sec-tit-wr .deco { right: 0; margin-right: -6.2rem; }
 }
 @media all and (max-width:600px) {
 .page05 .sec-tit-wr .deco { width: 8rem; margin-right: -4.2rem; }
 .page05 .sec-tit-wr .txt br { display: none; }
 .page05 br.br-m { display: block; }
 }

 @media all and (max-width:400px) {
 .page05 .sec-tit-wr .deco { width: 5rem; margin-right: -2.2rem; }

 }


.page05 .sec02 { background: var(--color-bg); }
.page05 .sec02 .page-tit { text-align: left; }
.page05 .sec02 .box-wr .box:not(:last-of-type) { margin-bottom: 15rem; }
.page05 .sec02 .box-wr .txt-wr .txt-m { margin: .7rem 0 1.7rem; color: #000; font-size: 2.2rem; font-weight: 800; }
.page05 .sec02 .box-wr .box-txt { width: 50%; margin-left: 9.2rem; }
.page05 .sec02 .box-wr .box-txt .icon { width: 9rem; }
.page05 .sec02 .box-wr .box-img { position: relative; width: 50%; height: 50rem; border-radius: 3rem; isolation: isolate; overflow: hidden; }
.page05 .sec02 .box-wr .box02 { flex-direction: row-reverse; }
.page05 .sec02 .box-wr .box02 .box-txt { margin-left: 0; margin-right: 9.2rem; }
.page05 .swiper-pagination-bullet { width: 1rem; height: 1rem; margin: 0 0.2em !important; background: #fff; border: 1px solid var(--color-point); opacity: 1; }
.page05 .swiper-pagination-bullet-active { opacity: 1; background: var(--color-point); }
.page05 .swiper-button-next, .page05 .swiper-button-prev { color: var(--color-point); }

@media all and (max-width:1200px) {
.page05 .sec02 .box-wr .box-txt { margin-left: 3.2rem; }
 }

@media all and (max-width:1024px) {
 .page05 .sec02 .box-wr .box { flex-direction: column; }
 .page05 .sec02 .box-wr .box-img,.page05 .sec02 .box-wr .box-txt { width: 70%; margin-right: auto; }
 .page05 .sec02 .box-wr .box-txt { margin-left: 3rem; margin-top: 2rem; }
 .page05 .sec02 .box-wr .box02 .box-img,.page05 .sec02 .box-wr .box02 .box-txt { margin-left:auto; margin-right: 0; }
 .page05 .sec02 .box-wr .box02 .box-txt { margin-right:3rem; text-align: right; }
 }
 @media all and (max-width:768px) {
 .page05 .sec02 .box-wr .box-img { height: 40rem; }
 .page05 .sec02 .box-wr .box-img,.page05 .sec02 .box-wr .box-txt { width: 100%; margin-right: auto; }
 .page05 .sec02 .box-wr .box-txt { margin-left: 1rem; margin-top: 2rem; }
 .page05 .sec02 .box-wr .box-txt .icon { width: 7rem; }
 .page05 .sec02 .box-wr .box p br { display: none; }
 .page05 .sec02 .box-wr .box:not(:last-of-type) { margin-bottom: 9rem; }
 .page05 .sec02 .box-wr .box02 .box-img,.page05 .sec02 .box-wr .box02 .box-txt { margin-left:auto; margin-right: 0; }
 .page05 .sec02 .box-wr .box02 .box-txt { margin-right:1rem; text-align: left; }
 .page05 .swiper-button-next:after, .page05 .swiper-button-prev:after { font-size: 4rem; }
 }

.page05 .sec03 { position: relative; background-color: #edcfff; overflow: hidden; }
.page05 .sec03 .inner { align-items: flex-start; }
.page05 .sec03 .page-tit { position: relative; width: 40%; font-size: 4rem; text-align: left; z-index: 1; }
.page05 .sec03 .page-tit .tit { margin-bottom: 2rem; }
.page05 .sec03 .box-wr { width: 60%; }
.page05 .sec03 .box { position: relative; width: 100%; height: 100%; padding-top: 100%; background: #fff; z-index: 2; }
.page05 .sec03 .box .item { position: absolute; left: 50%; top: 50%; width: 80%; margin-top: -1rem; text-align: center; transform: translate(-50%, -50%); }
.page05 .sec03 .box .item .icon { width: 11rem; }
.page05 .sec03 .box .item .tit { margin-bottom: 1rem; margin-top: 3rem; font-size: 2.7rem; font-weight: 800; line-height: 1.4; }
.page05 .sec03 .box .item .txt { min-height: 6rem; }
.page05 .sec03 .box.box01 span { color: #8f8f8f; font-size: 1.6rem; line-height: 0; }
.page05 .sec03 .box.box01 { }
.page05 .sec03 .box.box02 { border-radius: 2.1rem; }
.page05 .sec03 .box.box03 { border-radius: 100%; }
.page05 .sec03 .box.box04 { border-radius: 9rem; }
.page05 .sec03 .box.box02 .item .icon { width: 10rem; }
.page05 .sec03 .box.box04 .item .icon { width: 9rem; }
.page05 .sec03 .deco-spring { right: 30%; }

@media all and (max-width:1600px) {
 .page05 .sec03 .inner { padding-left: var(--inner-pd); padding-right: var(--inner-pd); }
 }
 @media all and (max-width:1440px) {
 .page05 .sec03 .page-tit { font-size: 3.2rem; }
 .page05 .sec03 .deco-spring { right: 20%; }
 .page05 .sec03 .box .item .tit { margin-top: 2rem; font-size: 2.2rem; }
 .page05 .sec03 .box .item .txt { font-size: 1.6rem; line-height: 1.5; }
 .page05 .sec03 .box .item .icon,.page05 .sec03 .box.box02 .item .icon, .page05 .sec03 .box.box04 .item .icon { width: 7rem; }
 }
 @media all and (max-width:1240px) {
 .page05 .sec03 .inner { display: block; }
 .page05 .sec03 .page-tit { display: inline-block; width: auto; }
 .page05 .sec03 .deco-spring { top: 1rem; right: -4rem; transform: scale(.8) rotateZ(24deg) translateX(100%); }
 .page05 .sec03 .box-wr { width: 80%; margin-left: auto; }
 }
 @media all and (max-width:1024px) {
 .page05 .sec03 .box-wr { width: 100%; }
 .page05 .sec03 .box .item { width: 70%; }
 .page05 .sec03 .box .item .txt { font-size: 1.8rem; }
 .page05 .sec03 .box03 .item .txt { padding: 0 9rem; }
 }
 @media all and (max-width:768px) {
 .page05 .sec03 .text-wr { bottom: -1rem; }
 .page05 .sec03 .box .item { width: 90%; }
 .page05 .sec03 .box .item .tit { margin-top: 1rem; font-size: 2rem; }
 .page05 .sec03 .box .item .txt { font-size: 1.8rem; }
 .page05 .sec03 .box03 .item .txt { padding: 0 3rem; }
 }
 @media all and (max-width:600px) {
 .page05 .sec03 .page-tit { width: 100%; text-align: center; }
 .page05 .sec03 .box { width: 80%; height: 80%; padding-top: 80%; margin: auto; }
 .page05 .sec03 .box .tit br.br-m { display: none; }
 .page05 .sec03 .deco-spring { top: 1rem; right: 0; transform: scale(.5) rotateZ(95deg) translate(14rem,-14rem); }
 }
 @media all and (max-width:500px) {
 .page05 .sec03 .page-tit { font-size: 3rem; }
 }


.page05 .tag-wr { flex-wrap: wrap; }
.page05 .tag-wr .tag { display: flex; justify-content: center; align-items: center; padding: 0.5rem 3rem; margin: .5rem; border-radius: 5rem; color: #fff; }
.page05 .tag-wr .tag span { line-height: 4.4rem; font-size: 2.2rem; font-weight: 700; }
.page05 .tag-wr .tag .icon { width: 3rem; height: 3rem; margin-right: .5rem; }
.page05 .tag-wr .tag:nth-child(1) { background-color: #007aff; }
.page05 .tag-wr .tag:nth-child(2) { background-color: #8526ff; }
.page05 .tag-wr .tag:nth-child(3) { background-color: #ff8e0d; }
.page05 .tag-wr .tag:nth-child(4) { background-color: #00bf4c; }
.page05 .tag-wr .tag:nth-child(5) { background-color: #ff3b30; }
.page05 .tag-wr .tag:nth-child(6) { background-color: #ffbc00; color: #000; }
.page05 .tag-wr .tag:nth-child(7) { background-color: #ff3b30; }
.page05 .tag-wr .tag:nth-child(8) { background-color: #ffbc00; color: #000; }
.page05 .tag-wr .tag:nth-child(9) { background-color: #007aff; }
.page05 .tag-wr .tag:nth-child(10) { background-color:#8526ff; }
.page05 .tag-wr .tag:nth-child(11) { background-color: #ff8e0d; }
.page05 .tag-wr .tag:nth-child(12) { background-color: #00bf4c; }
.page05 .tag-wr .tag:nth-child(13) { background-color: #007aff; }

@media all and (max-width:600px) {
.page05 .tag-wr .tag span { font-size: 2rem; }
 }
/**/