@charset "UTF-8";

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/camp-fixed-banner-hover.jpg);
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;line-height:140%;color:#121212;letter-spacing:-0.02em}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'] {position:absolute;left:0;top:0;width:0;height:0;opacity:0}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover}
.campaign-wrap .cont-section .section-inner {position:relative;height:100%;margin:auto}

.button {pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;text-align:center}
.button::before,
.button::after {position:absolute;top:0;left:0;width:100%;height:100%}
.button--dione {background:none;font-weight:800;font-size:3.2rem;width:34rem;height:10rem;line-height:10rem;vertical-align:middle;border-radius:2rem;letter-spacing:-0.025em}
.button--dione span {display:inline-block;position:relative;color:#fff}
.button--dione::before {content:'';background:#005b48;transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);border-radius:1rem;box-shadow:0rem 0.6rem 0.4rem 0 rgba(0, 0, 0, 0.3)}
.button--dione:hover>span {outline-offset:12px;outline-color:#4dab8f;color:#4dab8f}
.button--dione:hover::before {transform:scale3d(0.9, 0.8, 1);box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.31);background-color:#000000}
.button--dione::after {content:'';transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);transform:scale3d(0.9, 0.8, 1)}
.button--dione:hover::after {transform:scale3d(1,1,1);outline:4px solid rgba(255, 255, 255, 0.5);-webkit-transition:all 1.25s cubic-bezier(0.19, 1, 0.22, 1);transition:all 2.2s cubic-bezier(0.19, 1, 0.22, 1);border-radius:15px;animation:fadeout 1.2s 1 ease;animation-fill-mode:forwards}

@keyframes fadeout {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

.campaign-wrap .cont-section.section01 {height:74.8rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {width:104rem;padding-top:24rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:54rem;height:20.5rem;margin-bottom:3.7rem}

.campaign-wrap .cont-section.section02 {padding:11rem 0}
.campaign-wrap .cont-section.section02 .section-inner .yt-inner {width:112.8rem;height:63.5rem;margin:auto}
.campaign-wrap .cont-section.section02 .section-inner .yt-inner > .yt-box {width:100%;height:100%;border-radius:1rem;overflow:hidden}

.campaign-wrap .cont-section.section03 {height:74.4rem;background-color:#0c5444}
.campaign-wrap .cont-section.section03::after {content:'';display:block;width:113.2rem;height:50.4rem;background-image:url(../images/section03-photo.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;left:39.6rem;top:13.4rem;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.5))}
.campaign-wrap .cont-section.section03 .section-inner {width:112.8rem;padding:13rem 0 10.6rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {width:65.2rem;height:4.6rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li {position:absolute;z-index:1}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(1) {width:22.4rem;height:12.3rem;left:22.3rem;top:23.3rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(2) {width:26rem;height:13.2rem;right:22.9rem;top:37.1rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(3) {width:22.7rem;height:15.9rem;right:-9rem;top:14rem}

.campaign-wrap .cont-section.section04 {height:49.3rem;background-image:url(../images/section04-bg.png)}
.campaign-wrap .cont-section.section04 .section-inner {width:100.4rem;padding-top:15.5rem}
.campaign-wrap .cont-section.section04 .section-inner h4 {width:41rem;height:9.5rem;margin-bottom:3.5rem}
.campaign-wrap .cont-section.section04 .section-inner p {font-size:2.5rem;line-height:3.8rem;letter-spacing:-0.035em}

.campaign-wrap .cont-section.section05 {background-color:#fffbee}
.campaign-wrap .cont-section.section05 .section-inner {padding:10.7rem 0 9rem;width:108.2rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box {display:flex;flex-direction:row-reverse}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-left {width:61.1rem;padding-left:13rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-left h4 {width:47.9rem;height:9.8rem;margin-bottom:4.6rem;margin-top:2.9rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-left .camp-txt-box {display:flex;flex-direction:column;gap:2rem;font-weight:500;font-size:2.4rem;line-height:4.1rem;letter-spacing:-0.025em}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-left .camp-txt-box strong {font-weight:800}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-left .camp-txt-small {font-weight:500;font-size:1.6rem;line-height:3.6rem;letter-spacing:-0.015em;color:rgba(18,18,18,0.6);margin-top:0.6rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-right {width:45.2rem;height:53rem;margin-left:2rem;background-image:url(../images/section05-img.png);background-repeat:no-repeat;background-position:center top;background-size:cover}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-right ul {width:39rem;margin:auto;margin-top:12.5rem;padding:3rem 4.7rem 0 5rem;font-weight:700;font-size:2.4rem;line-height:3.8rem;letter-spacing:-0.025em;color:#121212;display:flex;flex-direction:column;gap:4.8rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-right ul > li {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-right ul > li:last-child {margin-top:0.8rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-box .box-right ul > li:last-child > span + span {font-size:3rem}

.campaign-wrap .cont-section.section06 {padding:12.4rem 0 12rem;background-color:#fff}
.campaign-wrap .cont-section.section06 .section-inner {width:103.2rem;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner h4 {width:91.7rem;height:4.8rem;margin:auto;margin-bottom:2.7rem}
.campaign-wrap .cont-section.section06 .section-inner .sub-txt {font-weight:600;font-size:2.2rem;line-height:2.8rem;letter-spacing:-0.015em;color:#000;display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-bottom:2.4rem}
.campaign-wrap .cont-section.section06 .section-inner .sub-txt::before,
.campaign-wrap .cont-section.section06 .section-inner .sub-txt::after {content:'';display:block;width:1.1rem;height:2.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section06 .section-inner .sub-txt::before {background-image:url(../images/section06-txt-deco-left.png)}
.campaign-wrap .cont-section.section06 .section-inner .sub-txt::after {background-image:url(../images/section06-txt-deco-right.png)}
.campaign-wrap .cont-section.section06 .section-inner .sub-txt strong {font-weight:800}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box {display:flex;flex-direction:column;gap:2rem;font-size:2.4rem;line-height:3.6rem;letter-spacing:-0.035em;color:#121212}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box strong {font-weight:600}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .txt-point {font-weight:600;color:#121212;position:relative;z-index:0}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .txt-point::after {content:'';display:block;width:106%;height:1.2rem;background-color:rgba(0,148,101,0.3);position:absolute;bottom:0;left:-0.4rem;z-index:-1}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .icon-question {display:inline-block;width:2.4rem;height:2.4rem;background-image:url(../images/section06-icon-popup.png);background-repeat:no-repeat;background-position:center center;background-size:contain;vertical-align:middle;margin-top:-0.5rem;margin-left:0.8rem;position:relative;cursor:pointer}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-box .icon-question .speech-bubble {position:absolute;top:-8.5rem;left:3.5rem;display:none;width:36.8rem;height:21rem;z-index:1000}
.campaign-wrap .cont-section.section06 .section-inner > ul {display:flex;justify-content:space-between;align-items:flex-start;margin-top:4rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section06 .section-inner > ul li img {width:50.1rem;height:34.6rem}
.campaign-wrap .cont-section.section06 .section-inner .camp-txt-small {font-size:1.6rem;line-height:3.6rem;letter-spacing:-0.015em;color:rgba(18,18,18,0.7)}

.campaign-wrap .cont-section.section07 {height:50rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {width:100%}
.campaign-wrap .cont-section.section07 .section-inner h4 {width:34.2rem;height:18rem;position:absolute;top:50%;transform:translateY(-50%);right:42.8rem}

.campaign-wrap .cont-section.section08 {height:53.3rem;background-image:url(../images/section08-bg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner {width:128.3rem;display:flex;justify-content:space-between;align-items:center}
.campaign-wrap .cont-section.section08 .section-inner .inner-left {width:67rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-left h4 {width:100%;height:14.3rem;margin-bottom:4.2rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box {text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a {width:42.2rem;height:8.6rem;line-height:8.4rem;border-radius:0}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a::before {border-radius:0;box-shadow:initial;border:0.6rem solid #121212}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a::before,
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a::after {box-sizing:border-box}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a:hover::after {border-radius:0}
.campaign-wrap .cont-section.section08 .section-inner .inner-left .camp-btn-box > a > span {width:33.1rem;height:2.7rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-right {margin-right:6.7rem}

.campaign-wrap .cont-section.section09 {padding:10.8rem 0 14.5rem;background-color:#fff}
.campaign-wrap .cont-section.section09 .section-inner {width:112.8rem}
.campaign-wrap .cont-section.section09 .section-inner h4 {width:28.3rem;height:4.1rem;margin:auto;margin-bottom:4.5rem}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box {width:100%}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion {width:100%;display:flex;flex-direction:column;gap:2.4rem}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion-inner {text-align:left}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle {height:8.6rem;background-color:#fff;position:relative;cursor:pointer;border:0.4rem solid #121212;border-radius:2rem 2rem 0 0}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle p {position:relative;height:100%;display:flex;align-items:center;margin-left:4.2rem}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle p img {height:2.3rem}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle::after {content:'';display:block;width:2.2rem;height:1.4rem;background-image:url(../images/section09-icon-arrow-on.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;right:4.3rem;transform:translateY(-50%) rotate(180deg)}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle.active::after {transform:translateY(-50%) rotate(0deg)}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content {display:none;padding:2.9rem 4.2rem;font-weight:600;font-size:2.1rem;line-height:3.8rem;color:#000;border:0.4rem solid #121212;border-top:0;border-radius:0 0 2rem 2rem;background-color:#fff}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content > p {display:flex;word-break:keep-all}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content > p > span {display:inline-block;width:22.5rem;padding-left:6.4rem;font-family:'NanumSquareExtraBold';font-size:3rem}
.campaign-wrap .cont-section.section09 .section-inner .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content.default {display:block}


.camp-fixed-banner {width:24rem;height:24.2rem;position:fixed;top:16rem;right:5rem;background-image:url(../images/camp-fixed-banner.png);background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 0.3s}
.camp-fixed-banner:hover {background-image:url(../images/camp-fixed-banner-hover.png)}
.camp-fixed-banner > a {display:block;width:100%;height:100%}


/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
    html {overflow-x:hidden;font-size:50%}
    .wrap-camp {width:1536px}
    .campaign-wrap {width:100%}
    .campaign-wrap img {max-width:100%}    
}