@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/gh/sunghyunzz/eulyoo1945/eulyoo1945.css);

:root {
	--font-camp-main:'Eulyoo1945';
	
	--color-point-green:#00B362;
	--color-bg-green:#286443;
	--color-btn-green:#1F845D;
}

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

html {font-size:62.5%}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:3rem;font-weight:500;color:#171717;letter-spacing:-0.07em}
.campaign-wrap img {vertical-align:bottom}
.campaign-wrap * {box-sizing:border-box}
.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;width:136rem;margin:auto}
.campaign-wrap .cont-section .section-inner .inner-flex-box {display:flex}

.camp-fixed-banner {position:fixed;top:44rem;right:4rem;z-index:99;width:19.4rem;height:29.1rem;filter:drop-shadow(0 0.4rem 0.4rem rgba(0,0,0,0.25))}
.camp-fixed-banner > a {display:block;width:100%;height:100%;background-image:url(../images/camp-fixed-banner.png);background-repeat:no-repeat;background-position:center top;background-size:contain}

.campaign-wrap .cont-section.section01 {height:100rem;background-image:url(../images/section01-bg.jpg);font-family:var(--font-camp-main)}
.campaign-wrap .cont-section.section01 .camp-eyebrow {font-size:3rem;font-weight:400;line-height:150%;color:rgba(255,255,255,0.5);text-align:right;position:absolute;top:6rem;right:4rem}
.campaign-wrap .cont-section.section01 .camp-main-txt {padding-top:16rem;margin-left:9rem}
.campaign-wrap .cont-section.section01 .camp-main-txt h3 {display:inline-flex;flex-direction:column;gap:1.4rem;align-items:flex-start;font-size:11.3rem;font-weight:600;letter-spacing:-0.1em;line-height:120%;margin-bottom:8rem}
.campaign-wrap .cont-section.section01 .camp-main-txt h3 > span {display:inline-block;padding:0 1.9rem;background-color:var(--color-point-green)}
.campaign-wrap .cont-section.section01 .camp-main-txt .sub-txt {font-size:3.7rem;font-weight:400;line-height:150%;color:rgba(255,255,255,0.7)}

.campaign-wrap .cont-section.section02 {height:131.4rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {width:102.3rem;padding:12rem 0}
.campaign-wrap .cont-section.section02 .section-inner h4 {font-family:var(--font-camp-main);font-size:5.4rem;line-height:136%;letter-spacing:-0.05em;color:#fff;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner h4::before {content:'';display:block;width:5.3rem;height:3.6rem;margin:auto;margin-bottom:3.5rem;background-image:url(../images/section02-icon-comment.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner .support-list {width:92.5rem;height:40.9rem;margin:auto;margin-top:6rem;background-color:#000;border-radius:2.4rem;border:0.1rem solid #3E3E3E;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul {padding:6rem;display:flex;flex-direction:column;gap:2.8rem;font-size:3rem;font-weight:600;line-height:170%;letter-spacing:-0.05em}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li {display:flex;align-items:center;font-weight:300}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li > span {display:flex;width:45.4rem;font-weight:600}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li > span::before {content:'';display:block;width:9.2rem;height:5.4rem;background-repeat:no-repeat;background-position:left center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li:nth-child(1) > span::before {background-image:url(../images/section02-icon-list01.png)}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li:nth-child(2) > span::before {background-image:url(../images/section02-icon-list02.png)}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li:nth-child(3) > span::before {background-image:url(../images/section02-icon-list03.png)}
.campaign-wrap .cont-section.section02 .section-inner .support-list > ul > li:nth-child(4) > span::before {background-image:url(../images/section02-icon-list04.png)}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box {margin-top:6rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;text-align:center;font-weight:300;line-height:150%;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > p > span {display:inline-block;padding:0 2rem;background-color:var(--color-point-green);background-image:url(data:image/png;base64,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);color:#101010;font-weight:700;margin-top:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > p > strong {font-weight:700}

.campaign-wrap .cont-section.section03 {height:118.3rem;background-image:url(../images/section03-bg.jpg);color:#fff}
.campaign-wrap .cont-section.section03 .section-inner {padding:12rem 0}
.campaign-wrap .cont-section.section03 .section-inner > h4 {display:flex;flex-direction:column;gap:1.2rem;text-align:center;font-family:var(--font-camp-main);font-size:4.5rem;font-weight:600;line-height:136%;letter-spacing:-0.05em;margin-bottom:5rem}
.campaign-wrap .cont-section.section03 .section-inner > h4 > span > em {display:inline-block;padding:0 1rem;background-color:var(--color-point-green);color:#101010;font-weight:600}
.campaign-wrap .cont-section.section03 .section-inner > ul {display:flex;justify-content:space-between;gap:2rem;margin-top:5rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li {width:44rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner {height:76rem;background-color:#171717;border-radius:1rem;overflow:hidden}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box {padding:4.5rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h5 {font-family:var(--font-camp-main);font-size:2.8rem;font-weight:600;line-height:140%;letter-spacing:-0.09em;color:#fff;margin-bottom:2.6rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h6 {font-family:var(--font-camp-main);font-size:2.3rem;font-weight:400;line-height:140%;letter-spacing:-0.09em;color:rgba(255,255,255,0.7);margin-bottom:3rem;position:relative;padding-left:2.9rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h6::before {content:'';display:block;width:1.3rem;height:1rem;background-image:url(../images/section03-icon-comment.png);background-repeat:no-repeat;background-position:center center;position:absolute;top:0.85rem;left:0}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > p {font-size:2.4rem;font-weight:300;line-height:155%;letter-spacing:-0.07em;color:#fff;border-top:0.1rem solid #CBCBB0;padding-top:3rem}

.campaign-wrap .cont-section.section04 {padding:12rem;background-color:var(--color-bg-green)}
.campaign-wrap .cont-section.section04 .section-inner > h4 {display:flex;flex-direction:column;gap:1.2rem;text-align:center;font-family:var(--font-camp-main);font-size:4.5rem;font-weight:600;line-height:136%;letter-spacing:-0.05em;color:#fff;margin-bottom:5rem}
.campaign-wrap .cont-section.section04 .section-inner > h4 > span > em {display:inline-block;padding:0 1rem;background-color:var(--color-point-green);color:#101010;font-weight:600}
.campaign-wrap .cont-section.section04 .section-inner > ul {display:flex;justify-content:space-between;gap:2rem;margin-top:5rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li {width:44rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner {height:62.1rem;background-color:#fff;border-radius:1rem;overflow:hidden}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box {padding:3.9rem 4.5rem 0 4.5rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h5 {font-family:var(--font-camp-main);font-size:2.8rem;font-weight:600;line-height:140%;letter-spacing:-0.09em;color:var(--color-btn-green);margin-bottom:3rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > p {font-size:2.4rem;font-weight:400;line-height:155%;letter-spacing:-0.05em;color:#676767;border-top:0.1rem solid #CBCBB0;padding-top:3rem}

.campaign-wrap .cont-section.section05 {height:114rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding:14rem 0;width:139rem}
.campaign-wrap .cont-section.section05 .section-inner > h4 {font-family:var(--font-camp-main);font-size:4.7rem;font-weight:600;line-height:136%;letter-spacing:-0.05em;color:#1A1A1A;text-align:center;width:73.2rem;margin:auto;margin-bottom:5.2rem;position:relative}
.campaign-wrap .cont-section.section05 .section-inner > h4::after,
.campaign-wrap .cont-section.section05 .section-inner > h4::before {content:'';display:block;width:3.9rem;height:2.8rem;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0}
.campaign-wrap .cont-section.section05 .section-inner > h4::after {background-image:url(../images/section05-icon-comment-right.png);right:-6rem}
.campaign-wrap .cont-section.section05 .section-inner > h4::before {background-image:url(../images/section05-icon-comment-left.png);left:-6rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-story-box {display:flex;justify-content:flex-end}
.campaign-wrap .cont-section.section05 .section-inner .camp-story-box .box-inner {width:77.7rem;height:67.8rem;background-color:#F4F4ED;border:0.1rem solid #DDDDCF;padding:9rem 8rem;display:flex;flex-direction:column;gap:2.2rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-story-box .box-inner > p {font-family:var(--font-camp-main);font-size:2.8rem;font-weight:400;color:#1A1A1A;letter-spacing:-0.09em;line-height:170%}
.campaign-wrap .cont-section.section05 .section-inner .camp-story-box .box-inner > p > span {font-weight:600}

.campaign-wrap .cont-section.section06 {height:64.2rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {width:128rem;height:100%}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box {height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.2rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box > p {font-family:var(--font-camp-main);font-size:4.5rem;font-weight:600;line-height:166%;letter-spacing:-0.07em;color:#404040}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box > p > span {display:inline-block;padding:0 1rem;background-color:#FFFCA3}

.campaign-wrap .cont-section.section07 {background-color:#fff;padding:10rem 0}
.campaign-wrap .cont-section.section07 .section-inner {width:96.8rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu {position:relative;width:100%;letter-spacing:-0.05em}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul {display:flex;gap:1.6rem;justify-content:space-between;position:relative;height:8.7rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li {width:23rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li a {display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;line-height:140%;letter-spacing:-0.05em;color:#878787;width:100%;height:100%;background-color:#F1F1F1;border:0.1rem solid #D0D0D0;border-radius:6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li a > span {font-size:1.6rem;font-weight:400;line-height:140%}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li.on a {background-color:#1F845D;border:0.1rem solid #1F845D;color:#FFF}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content {display:none;width:100%;margin-top:4rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner {width:100%;height:49.8rem;padding:7rem;border-radius:2rem;box-shadow:1.36rem 1.36rem 1.903rem #BDBDAE;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;margin-bottom:5.8rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner::before {content:'';display:block;width:11.4rem;height:2.175rem;background-image:url(/resources/microCampaign/cpView20001157/pc/images/section07-tabInner-logo.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:7rem;left:7rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content01 .tab-cont-inner {background-image:url(../images/section07-tab01-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content02 .tab-cont-inner {background-image:url(../images/section07-tab02-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content03 .tab-cont-inner {background-image:url(../images/section07-tab03-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content04 .tab-cont-inner {background-image:url(../images/section07-tab04-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box {padding-top:9.2rem;color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box h5 {font-size:4.5rem;font-weight:700;line-height:130%;letter-spacing:-0.05em;margin-bottom:2.6rem;display:inline-flex;flex-direction:column;align-items:flex-start;gap:0.8rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box h5 > span {display:inline-block;padding:0 0.7rem;background-color:#fff;color:var(--color-btn-green)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul {display:flex;flex-direction:column;gap:0.2rem;font-size:2rem;line-height:160%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul > li {display:flex;align-items:center;gap:1rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul > li::before {content:'';display:block;width:0.7rem;height:0.7rem;background-color:#fff;border-radius:50%}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .btn-box {padding-top:5.8rem;border-top:0.1rem solid #C0C0C0}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .btn-box > a {display:flex;width:62.4rem;height:9rem;margin:auto;align-items:center;justify-content:center;background-color:var(--color-btn-green);color:#fff;font-size:3.2rem;font-weight:600;letter-spacing:-0.05em;box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.3);border-radius:6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .btn-box > p {margin-top:2.8rem;font-size:2rem;font-weight:400;line-height:150%;color:#616161}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.on{display:block}
.campaign-wrap .cont-section.section07 .section-inner .info-txt {text-align:center;margin-top:2.8rem;font-size:2rem;font-weight:400;line-height:150%;color:#616161;letter-spacing:initial}

.campaign-copyright.cp1157-copyright {height:15.8rem;font-size:1.8rem;font-weight:400;line-height:160%;color:#fff}
.campaign-copyright.cp1157-copyright > p {display:flex;flex-direction:column;text-align:center;gap:2rem}


/* 노트북 배율 스타일 지우지 말 것 */
@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%}
}