/*********************************************************************
**********************************************************************
                           레이아웃
**********************************************************************
*********************************************************************/
.camp-banner {display: none;}
.camp-event {text-align: center;}
.camp-event-section1 {width: 100%;height: 54rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section1-bg01.jpg") no-repeat center;background-size: cover;}
.camp-event-section2 {width: 100%;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section2-bg01.webp") no-repeat center;background-size: cover;}
.camp-event-section3 {width: 100%;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section3-bg01.jpg") no-repeat center;background-size: cover;}
.camp-event-section4 {width: 100%;background-color: #FFED91;}
.camp-event-section5 {width: 100%;background-color: #E6E3FF;}
.camp-event-section6 {width: 100%;background-color: #CDF5B6;}
.camp-width {width: 1080px;margin: 0 auto;padding: 6rem 0;box-sizing: border-box;}
.camp-event-section-title {margin-bottom: 3rem;}
.camp-event-section-title > span {display: block;font-size: 1.6rem;font-weight: 400;line-height: 2.2rem;color: #333;}
.camp-event-section-title > strong {display: block;font-size: 2.6rem;font-weight: 700;line-height: 3.8rem;color: #000;}

@media screen and (max-width: 1080px) {
    .camp-width {width: 100%;padding: 5rem 1.5rem;}
}
@media screen and (max-width: 767px) {
    .camp-width {padding: 5rem 4.4445vw;}
    .camp-event-section-title {margin-bottom: calc(1rem + 5.2782vw);}
    .camp-event-section-title > span {font-size: calc(1rem + 1.389vw);}
}
@media screen and (max-width: 414px) {
    .camp-event-section1 {height: 38.3rem;}
}
/*********************************************************************
**********************************************************************
                           메인비주얼
**********************************************************************
*********************************************************************/
.camp-event-section1-title {font-size: 6.3rem;line-height: 1.3;color: #000;}
.camp-event-section1-title > span {display: block;font-size: 2rem;line-height: 1.2;color: #FF5409;}
.camp-event-section1-title > em {color: #FF2121;}
@media screen and (max-width: 767px) {
    .camp-event-section1-title {font-size: calc(1rem + 9.1674vw);}
    .camp-event-section1-title > span {font-size: calc(1rem + 2.5002vw);}
}
/*********************************************************************
**********************************************************************
               우리 아이에게 특별한 경험을 선물하세요
**********************************************************************
*********************************************************************/
.camp-event-section2-con {padding-bottom: 1.2rem;border-radius: 12px;background: #fff;}
.camp-event-section2-con-inner {padding: 3rem 4.6rem 0;}
.camp-event-section2-con .camp-event-section-title {margin-bottom: 1.6rem;}
.camp-event-section2-con-img > img {width: 100%;}
.camp-event-section2-con-text {padding-top: 1.6rem;font-size: 2rem;font-weight: 700;line-height: 1.3;color: #000;}
.camp-event-section2-con-text > span {font-size: 1.6rem;font-weight: 400;color: #333;}
.camp-event-section2-con-text > strong {display: block;padding-top: .6rem;line-height: 1.35;color: #FF4B13;}
.camp-event-section2-con-focus {display: block;width: 87.6%;height: 8.95rem;margin: 0.8rem auto 0;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section2-img02.png") no-repeat center;background-size: contain;}
.camp-event-section2-con-focus > strong {position: relative;padding-left: 50px;font-size: 2rem;font-weight: 700;line-height: 8.85rem;color: #FF2121;}
.camp-event-section2-con-focus > strong:before {display: block;position: absolute;top: 50%;left: 0;width: 50px;height: 50px;margin-top: -25px;margin-right: 10px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section2-icon01.png") no-repeat center;background-size: 40px 50px;content: "";}
@media screen and (max-width: 767px) {
    .camp-event-section2-con {padding-bottom: 0;}
    .camp-event-section2-con-inner {padding: 3rem calc(1rem - 0.2778vw) 0}
    .camp-event-section-title > strong {font-size: calc(1rem + 4.167vw);line-height: 1.32;}
    .camp-event-section2-con-focus {width:100%;max-width: 328px;height: 183px;margin: 16px auto 0;background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section2-img02-mo.png")}
    .camp-event-section2-con-focus > strong {display: block;margin:0 auto;padding: 30px 0 0;line-height: 35px;}
    .camp-event-section2-con-focus > strong:before {display: block;position: static;width: 28px;height: 28px;margin: 0 auto 2px;background-size: auto 28px}
}

/*********************************************************************
**********************************************************************
                      얼리버드 한정 특별한 혜택
**********************************************************************
*********************************************************************/
.camp-event-section3 .camp-event-section-title > span {color: #fff;}
.camp-event-section3 .camp-event-section-title > strong {color: #F8FF2D;}
.camp-event-section3-list {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;}
.camp-event-section3-list > li {padding: 2rem 0;border-radius: 12px;background-color: #fff;}
.camp-event-section3-list > li:last-child {padding: 2rem calc(1rem - 0.2778vw);grid-column: span 3;}
.camp-event-section3-list-text {padding-top: 16px;font-size: 1.3rem;font-weight: 700;line-height: 1.4;color: #333;}
.camp-event-section3-list-text > strong {display: block;color: #FF4B13;}
.camp-event-section3-list-col .camp-event-section3-list-text {padding: 1.2rem 0;}
.camp-event-section3-list-col .camp-event-section3-list-text > strong {padding-bottom: 12px;font-size: 2rem;}
.camp-event-section3-list-link {display: block;width: 25.6rem;height: 4.7rem;margin: 0 auto;border-radius: 12px;background-color: #FF2121;box-shadow: 0 6px 12px #FFB9BE;font-size: 1.6rem;font-weight: 700;line-height: 4.6rem;color: #fff;}
.camp-event-section3-list-link > img {display: inline-block;margin-top: -4px;vertical-align: middle;}
@media screen and (max-width: 767px) {
    .camp-event-section3-list {grid-gap: 8px;}
    .camp-event-section3-list > li > img {width: 50px;height: 50px;}
    .camp-event-section3-list > li:last-child > img {width: 80px;height: 80px;}
    .camp-event-section3-list-col .camp-event-section3-list-text {font-size: calc(1rem + 1.9446vw);}
    .camp-event-section3-list-link {width: 100%;}
    .camp-event-section3-list-link > img {width: 26px;height: 26px;}
}
/*********************************************************************
**********************************************************************
                      부모님들의 이유있는 선택
**********************************************************************
*********************************************************************/
.camp-event-section4-list {text-align: left;}
.camp-event-section4-list > li {margin-bottom: 1.2rem;border-radius: 12px;background-color: #fff;}
.camp-event-section4-list > li:last-child {margin-bottom: 0;}
.camp-event-section4-list-text {width: 712px;margin: 0 auto;padding: 2rem 0;font-size: 1.6rem;font-weight: 700;line-height: 1.45;color: #000;}
.camp-event-section4-list-text:before {display: inline-block;width: 40px;height: 40px;margin-right: 4px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section4-icon01.png") no-repeat center;background-size: cover;vertical-align: top;content: "";}
.camp-event-section4-list-text > span {font-size: 0.9rem;color: #333;}
.camp-event-section4-list-text > em {color: #FC2B3F;}
@media screen and (max-width: 767px) {
    .camp-event-section4-list {text-align: center;}
    .camp-event-section4-list-text {width: 100%;}
    .camp-event-section4-list-text:before {display: block;width: 32px;height: 32px;margin: 0 auto 4px;}
    .camp-event-section4-list-text > span {display: block;font-size: calc(1rem + 0.5556vw);font-weight: 400;line-height: 1.3;}
}
/*********************************************************************
**********************************************************************
                      해외 영어캠프 생생한 후기
**********************************************************************
*********************************************************************/
.camp-event-section5 .camp-event-section-title > strong {font-size: 2.7rem;}
.camp-event-section5-list {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 24px;}
.camp-event-section5-list > li {position: relative;padding-bottom: 3.2rem;border-radius: 12px;background-color: #fff;}
.camp-event-section5-list > li >img {width: 100%;}
.camp-event-section5-list-text {padding: 1.2rem 1.2rem 0;font-size: 0.8rem;}
.camp-event-section5-list-text > strong {display: block;padding-bottom: 0.8rem;font-size: 1.3rem;color: #333;}
.camp-event-section5-list-text > em {color: #FF3B4E;}
.camp-event-section5-list-text > span {display: block;position: absolute;right: 1.2rem;bottom: 1.6rem;padding-top: 0.5rem;text-align: right;color: #666;}
@media screen and (max-width: 767px) {
    .camp-event-section5 .camp-event-section-title > strong {font-size: calc(1rem + 4.167vw);}
    .camp-event-section5-list {display: block;}
    .camp-event-section5-list > li {margin-bottom: calc(1rem + 0.8334vw);padding-bottom: 0;border-radius: 24px;}
    .camp-event-section5-list > li:last-child {margin-bottom: 0;}
    .camp-event-section5-list-text {padding: 1.2rem;font-size: calc(1rem + 0.2778vw);}
    .camp-event-section5-list-text > strong {font-size: calc(1rem + 1.9446vw);}
    .camp-event-section5-list-text > span {position: static;text-align: center;}
}
/*********************************************************************
**********************************************************************
                      우리 아이에게 맞는 캠프 찾기
**********************************************************************
*********************************************************************/
.camp-event-section6 .camp-event-section-title > strong {font-size: 2.7rem;}
.camp-event-section6-con {padding: 3rem 4.6rem 2.3rem;border-radius: 12px;background: #fff;}
.camp-event-section6-con-focus {display: block;width: 100%;height: 5.7rem;margin-top: 1.4rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section6-img01.png") no-repeat center;background-size: contain;}
.camp-event-section6-con-focus > strong {display: block;font-size: 1.6rem;font-weight: 400;line-height: 4.7rem;color: #333;}
.camp-event-section6-con-video {display: block;aspect-ratio: 1250 / 703;margin: 1.2rem auto 0;box-shadow: 0 12px 12px rgb(0, 0, 0, 0.16);}
.camp-event-section6-con-video > iframe {display: block;width: 100%;height: 100%;border: none;}
.camp-event-section6-con-col {margin-top: 4rem;}
.camp-event-section6-con-col > h3 {font-size: 2rem;color: #000;}
.camp-event-section6-con-col-text {display: block;padding-top: 1rem;font-size: 1.6rem;color: #333;}
.camp-event-section6-con-col-tag {display: block;width: 35.6rem;margin: 1.6rem auto;padding: 0.8rem 0;border-radius: 36px;background-color: #F8F8F8;font-size: 1.3rem;font-weight: 700;color: #333;}
.camp-event-section6-con-col-tag > span{margin-right: 1rem;}
.camp-event-section6-con-col-tag > span:last-child {margin-right: 0;}
.camp-event-section6-con-col-list {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 24px;}
.camp-event-section6-con-col-list > li > img {width: 100%;}
.camp-event-section6-list-link {display: block;width: 25.6rem;height: 4.7rem;margin: 2rem auto 0;border-radius: 12px;background-color: #00B837;box-shadow: 0 6px 12px #9EE1B2;font-size: 1.6rem;font-weight: 700;line-height: 4.6rem;color: #fff;}
.camp-event-section6-list-link > img {display: inline-block;margin-top: -4px;vertical-align: middle;}

@media screen and (max-width: 767px) {
    .camp-event-section6 .camp-event-section-title > strong {font-size: calc(1rem + 4.167vw);}
    .camp-event-section6-con {padding: 3rem calc(1rem - 0.2778vw);}
    .camp-event-section6-con-focus {height: 118px;background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-earlybird-event/camp-event-section6-img01-mo.png");}
    .camp-event-section6-con-focus > strong {padding: 16px 0;font-size: 22px;line-height: 30px;}
    .camp-event-section6-con-col > h3 {font-size: calc(1rem + 3.3336vw);}
    .camp-event-section6-con-col-text {font-size: calc(1rem + 1.389vw);}
    .camp-event-section6-con-col-tag {width: 100%;font-size: calc(1rem + 1.9446vw);}
    .camp-event-section6-con-col-tag > span:nth-child(3n) {margin-right: 0;}
    .camp-event-section6-con-col-list {display: block;}
    .camp-event-section6-con-col-list > li {margin-bottom: calc(1rem + 0.8334vw);}
    .camp-event-section6-con-col-list > li:last-child {margin-bottom: 0;}
    .camp-event-section6-list-link {width: 100%;}
    .camp-event-section6-list-link > img {width: 26px;height: 26px;}
}