@charset "UTF-8";

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/camp-fixed-banner-hover.png)
   	url(../images/section03-resultGuide-icon-download-hover.png)
   	url(../images/section03-resultGuide-icon-kakao-hover.png)
   	url(../images/section03-resultGuide-icon-refresh-hover.png)
	url(../images/section03-bg02.jpg)
	url(../images/section05-download-icon01-hover.png)
	url(../images/section05-download-icon02-hover.png)
	url(../images/section05-download-icon03-hover.png);
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Text.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family:'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:190.8rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;color:#000;letter-spacing:-0.04rem}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'],
.campaign-wrap input[type='radio'] {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}

#event {position:relative;top:-80px}
#guideForm {width:100%;height:8rem;background-color:transparent;position:absolute;top:-8rem;z-index:-1}

.campaign-wrap .cont-section.section01 {height:80rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {width:116.2rem;padding-top:14rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-eyebrow {width:31.8rem;height:5rem;border-radius:10rem;border:0.1rem solid #8E1F5E;background:rgba(142, 31, 94, 0.30);display:flex;align-items:center;justify-content:center;color:#FFF;font-family:"IbmPlexSans";font-size:2rem;font-weight:400;line-height:150%}
.campaign-wrap .cont-section.section01 .section-inner h4 {margin-top:2rem;line-height:150%;display:flex;flex-direction:column;margin-bottom:6rem}
.campaign-wrap .cont-section.section01 .section-inner h4 > span {display:flex;align-items:center}
.campaign-wrap .cont-section.section01 .section-inner h4 > span.title-line01 {width:45.7rem;height:9rem}
.campaign-wrap .cont-section.section01 .section-inner h4 > span.title-line02 {width:32.8rem;height:9rem}
.campaign-wrap .cont-section.section01 .section-inner h4 > span.title-line03 {width:40.6rem;height:12.3rem;margin-top:1rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-sub {color:#FFF;font-size:3rem;font-weight:700;line-height:150%;letter-spacing:-0.045rem}

.campaign-wrap .cont-section.section02 {height:109.3rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {width:136.9rem;padding-top:10rem;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner h4 {color:#FFF;font-family:"IbmPlexSans";font-size:5rem;font-weight:600;line-height:150%;letter-spacing:-0.1rem;margin-bottom:5.7rem}
.campaign-wrap .cont-section.section02 .section-inner > ul {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section02 .section-inner > ul > li {width:44rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box {width:100%;height:41rem;border:0.1rem solid #8E1F5E;background:rgba(142, 31, 94, 0.30);display:flex;padding:3rem 4.5rem 3rem 4.6rem;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box h5 {color:#FFF;font-family:"IbmPlexSans";font-size:3rem;font-weight:600;line-height:150%;letter-spacing:-0.06rem;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box h5::before {content:'';display:block;width:2.3rem;height:1.8rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4756 12.2919C12.4756 10.6611 13.0668 8.83893 14.2494 6.8255C15.4319 4.79195 17.2254 2.51678 19.6298 0L23 3.14094C22.4482 3.68456 21.9259 4.24832 21.4332 4.83221C20.9602 5.39597 20.5463 5.94966 20.1915 6.49329C19.8368 7.03691 19.5608 7.55034 19.3638 8.03356C19.1667 8.49664 19.0681 8.88926 19.0681 9.21141C19.0681 9.43289 19.1568 9.64429 19.3342 9.84564C19.5313 10.0268 19.7481 10.2282 19.9846 10.4497C20.497 10.8926 20.9503 11.3658 21.3445 11.8691C21.7584 12.3523 21.9653 12.9564 21.9653 13.6812C21.9653 14.2852 21.8569 14.849 21.6401 15.3725C21.4233 15.896 21.1178 16.3591 20.7237 16.7617C20.3295 17.1443 19.8466 17.4463 19.2751 17.6678C18.7232 17.8893 18.1123 18 17.4422 18C16.8115 18 16.1907 17.8591 15.5797 17.5772C14.9884 17.2953 14.4563 16.9027 13.9833 16.3993C13.53 15.896 13.1654 15.302 12.8895 14.6174C12.6135 13.9128 12.4756 13.1376 12.4756 12.2919ZM0 12.2919C0 10.6611 0.59126 8.83893 1.77378 6.8255C2.9563 4.79195 4.74979 2.51678 7.15424 0L10.5244 3.14094C9.97258 3.68456 9.4503 4.24832 8.95758 4.83221C8.48458 5.39597 8.07069 5.94966 7.71594 6.49329C7.36118 7.03691 7.08526 7.55034 6.88818 8.03356C6.69109 8.49664 6.59255 8.88926 6.59255 9.21141C6.59255 9.43289 6.68123 9.64429 6.85861 9.84564C7.0557 10.0268 7.27249 10.2282 7.509 10.4497C8.02142 10.8926 8.48458 11.3658 8.89846 11.8691C9.31234 12.3523 9.51928 12.9564 9.51928 13.6812C9.51928 14.2852 9.41088 14.849 9.19409 15.3725C8.97729 15.896 8.66195 16.3591 8.24807 16.7617C7.8539 17.1443 7.37104 17.4463 6.79949 17.6678C6.24764 17.8893 5.63668 18 4.96658 18C4.3359 18 3.71508 17.8591 3.10411 17.5772C2.51285 17.2953 1.98072 16.9027 1.50771 16.3993C1.05441 15.896 0.689803 15.302 0.413882 14.6174C0.137961 13.9128 0 13.1376 0 12.2919Z" fill="white"/></svg>');margin:auto;margin-bottom:1rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box p {color:#EC6083;font-size:1.8rem;font-weight:500;line-height:150%;letter-spacing:-0.027rem;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box p > strong {font-weight:700}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box p.number {font-family:"IbmPlexSans";font-size:5rem;font-weight:700;line-height:150%;letter-spacing:0.1rem;background:linear-gradient(180deg, #FFF 0%, #E86CB2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:7.5rem;filter:drop-shadow(0 0 0.6rem rgba(0, 0, 0, 0.6))}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner .inner-box p.camp-txt-small {color:#92406E;font-size:1.6rem;font-weight:500;line-height:125%;letter-spacing:-0.024rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > .list-inner > p {margin-top:1rem;color:#777;font-size:1.2rem;font-weight:400;line-height:125%;letter-spacing:-0.018rem}
.campaign-wrap .cont-section.section02 .section-inner .line {width:0.2rem;height:10rem;;margin:auto;margin-top:5.5rem;margin-bottom:3rem;background:linear-gradient(180deg, #8E1F5E 0%, #97D3B0 100%);transform:scaleY(0);transform-origin:top}
.campaign-wrap .cont-section.section02 .section-inner .line.active {animation:drawLine .7s ease forwards}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text {opacity:0;transform:translateY(40px);transition:.6s ease}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text.show {opacity:1;transform:translateY(0)}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text > h4 {font-size:4.6rem;margin-bottom:2rem}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text > h4 > span {font-weight:700;font-size:4rem;letter-spacing:-0.08rem;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:35%;background:linear-gradient(180deg, #FFF 0%, #E86CB2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;vertical-align:top}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text > .camp-txt-box {display:inline-flex;padding:1rem 2rem;justify-content:center;align-items:center;gap:0.6rem;border-radius:0.5rem;background:#15372C;color:#FFF;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section02 .section-inner .bottom-text > .camp-txt-box > strong {font-weight:700}

@keyframes drawLine{
    to{
        transform:scaleY(1);
    }
}

.circle-wrapper {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.circle-wrapper .wrapper-inner {width:100%;height:100%;position:relative}
.circle-wrapper .wrapper-inner .circle {position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,154,110,0.8);border-radius:10rem;transform:translate(-50%, -50%) scaleY(0.5) scaleX(0.4);animation:ripple 1.5s ease-out infinite}
.circle-wrapper .wrapper-inner .circle:nth-child(2) {animation-delay:0.5s}
.circle-wrapper .wrapper-inner .circle:nth-child(3) {animation-delay:1s}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scaleY(1) scaleX(1);
    opacity:0.35;
  }
  100% {
    transform: translate(-50%, -50%) scaleY(1.4) scaleX(1.1);
    opacity: 0;
  }
}

.campaign-wrap .cont-section.section03 {height:102rem;background-image:url(../images/section03-bg01.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:10rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {color:#1B201E;text-align:center;font-family:"IbmPlexSans";font-size:4rem;font-weight:700;line-height:150%;letter-spacing:-0.08rem;margin-bottom:4rem}
.campaign-wrap .cont-section.section03 .section-inner h4 > span {text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:35%}
.campaign-wrap .cont-section.section03 .section-inner .digital-parenting-type-box {width:92rem;height:72rem;background-image:url(../images/section03-box-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin-left:54rem;filter:drop-shadow(0 0.2rem 0.2rem rgba(203, 189, 163, 1))}
.campaign-wrap .cont-section.section03 .section-inner .digital-parenting-type-box .box-inner {width:70rem;height:100%;margin-left:7.6rem;display:flex;flex-direction:column;align-items:center}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner {justify-content:center}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner .txt-box-line {display:inline-flex;padding:1rem 2rem;justify-content:center;align-items:center;border:0.1rem solid #009A6E;color:#009A6E;font-size:2rem;font-weight:700;line-height:150%}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner h5 {margin-top:1rem;color:#009A6E;font-family:"IbmPlexSans";font-size:5rem;font-weight:700;line-height:150%;letter-spacing:-0.075rem}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner h5::after {content:'';display:block;width:24.5rem;height:24.5rem;background-image:url(../images/section03-box-icon.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin:auto;margin-top:5rem;margin-bottom:3.8rem}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner h5 + p {color:#000;font-size:2.1rem;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner h5 + p > strong {font-weight:700}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner .camp-btn-event {margin-top:3rem;position:relative}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner .camp-btn-event > a {display:flex;width:40rem;height:8rem;padding:1rem;justify-content:center;align-items:center;border-radius:10rem;background:#009A6E;transition:all 0.3s;position:relative;z-index:1}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner .camp-btn-event > a > span {color:#FFF;font-size:2.4rem;font-weight:800;line-height:150%;letter-spacing:-0.036rem}
.campaign-wrap .cont-section.section03.typeStart .section-inner .digital-parenting-type-box .box-inner .camp-btn-event > a:hover {background:#105E4C}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner {padding:3rem 5rem 0 5rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question {width:60rem;height:40rem;border-radius:2rem;background:#FCFBF8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > p {color:#CFC198;font-size:2rem;font-weight:500;line-height:150%;display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-bottom:0.9rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > p::before {content:'';display:block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21ZM11.768 15.64L16.768 9.64L15.232 8.36L10.932 13.519L8.707 11.293L7.293 12.707L10.293 15.707L11.067 16.481L11.768 15.64Z" fill="%23CFC198"/></svg>')}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > h5 {color:#1E1E1E;font-size:2.4rem;font-weight:500;line-height:150%;letter-spacing:-0.036rem;display:flex;flex-direction:column;justify-content:center;align-items:center}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > h5 > span {display:flex;justify-content:center;align-items:center;gap:1.5rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > h5 > span > em {display:flex;width:5rem;height:3rem;justify-content:center;align-items:center;border-radius:0.5rem;background:#009A6E;color:#FFF;font-size:2rem;font-weight:500;line-height:150%;letter-spacing:-0.03rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {content:'';display:block;width:40rem;height:26rem;margin:auto;margin-top:0.9rem;margin-bottom:2rem;background-repeat:no-repeat;background-position:center center;background-size:contain;margin-bottom:2rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .step-progressBar {width:60rem;height:0.7rem;margin-top:1.7rem;margin-bottom:3rem;border-radius:1rem;background:#EAEAEA;position:relative}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {content:'';display:block;height:100%;border-radius:1rem;background:#009A6E;position:absolute;top:0;left:0}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul {display:flex;width:100%;flex-direction:column;gap:1rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li {width:100%;height:7rem;position:relative}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > label {display:flex;width:100%;height:100%;padding:1rem;align-items:center;gap:2rem;border-radius:10rem;border:0.1rem solid #009A6E;background:#FFF;color:#009A6E;font-size:2.4rem;font-weight:700;line-height:150%;letter-spacing:-0.036rem;transition:all 0.3s;cursor:pointer}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > label > span {display:flex;width:5rem;height:5rem;align-items:center;justify-content:center;border-radius:50%;background:rgba(0, 154, 110, 0.20);color:#009A6E;font-size:2.4rem;font-weight:600;line-height:150%;letter-spacing:-0.036rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > label:hover,
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > input[type='radio']:checked + label {background:#009A6E;color:#fff}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > label:hover > span,
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner > ul > li > input[type='radio']:checked + label > span {background:#fff;color:#009A6E}
.campaign-wrap .cont-section.section03.typeStep.step01 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test01-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step02 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test02-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step03 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test03-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step04 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test04-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step05 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test05-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step06 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test06-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step07 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test07-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step08 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test08-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step09 .section-inner .digital-parenting-type-box .box-inner .inner-question > h5::before {background-image:url(../images/section03-test09-img.png)}
.campaign-wrap .cont-section.section03.typeStep.step01 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:6.6rem}
.campaign-wrap .cont-section.section03.typeStep.step02 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:13.2rem}
.campaign-wrap .cont-section.section03.typeStep.step03 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:19.8rem}
.campaign-wrap .cont-section.section03.typeStep.step04 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:26.4rem}
.campaign-wrap .cont-section.section03.typeStep.step05 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:33rem}
.campaign-wrap .cont-section.section03.typeStep.step06 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:39.6rem}
.campaign-wrap .cont-section.section03.typeStep.step07 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:46.2rem}
.campaign-wrap .cont-section.section03.typeStep.step08 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:52.8rem}
.campaign-wrap .cont-section.section03.typeStep.step09 .section-inner .digital-parenting-type-box .box-inner .step-progressBar::before {width:100%}
.campaign-wrap .cont-section.section03.typeStep.step07 .section-inner .digital-parenting-type-box .box-inner > ul > li > label {font-size:1.9rem;line-height:140%;letter-spacing:-0.0285rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .txt-prev {margin-top:1.7rem}
.campaign-wrap .cont-section.section03.typeStep .section-inner .digital-parenting-type-box .box-inner .txt-prev > a {color:#CCC;font-size:1.8rem;font-weight:500;line-height:150%;letter-spacing:-0.027rem;display:inline-block;padding:0.2rem 0.5rem;border-bottom:0.15rem solid #ccc}
.campaign-wrap .cont-section.section03.typeResult {height:221.7rem;background-image:url(../images/section03-bg02.jpg)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box {width:90.6rem;height:75rem;background-image:url(../images//section03-result-bg.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner {padding:3rem 2rem 2rem 2rem;margin-left:7rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 > h5 {color:#000;font-size:2.2rem;font-weight: 600;line-height:150%;letter-spacing:-0.033rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 > h5 > span {color:#009A6E;font-family:"IbmPlexSans";font-size:4rem;font-weight:700;line-height:150%;letter-spacing:-0.06rem;margin-top:-0.5rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 > h5::after {content:'';display:block;width:23rem;height:23rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01.typeResult01 > h5::after {background-image:url(../images/section03-result01-img.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01.typeResult02 > h5::after {background-image:url(../images/section03-result02-img.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01.typeResult03 > h5::after {background-image:url(../images/section03-result03-img.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01.typeResult04 > h5::after {background-image:url(../images/section03-result04-img.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01.typeResult05 > h5::after {background-image:url(../images/section03-result05-img.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 > p {margin-top:1rem;text-align:center}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 > p > span {display:inline-flex;padding:1rem 1.5rem;justify-content:center;align-items:center;border-radius:0.5rem;border:0.1rem solid #009A6E;background:#EAF2F0;color:#009A6E;font-size:1.6rem;font-weight:500;letter-spacing:-0.024rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 .result-txt-box {display:flex;width:100%;height:30rem;padding:3rem 0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;border-radius:1rem;background:#FCFBF8;margin-top:3rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 .result-txt-box p {color:#000;text-align:center;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row01 .result-txt-box p strong {font-weight:700}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 {height:43.5rem;flex-direction:row;align-items:initial;justify-content:space-between;padding:0;margin-top:2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card {width:34.5rem;height:100%;border:0.1rem solid #99D4C0;background:#FFF;box-shadow:0 0.2rem 0.2rem 0 #CBBDA3}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary {display:flex;flex-direction:column;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary > h5 {color:#000;text-align:center;font-size:1.6rem;line-height:150%;letter-spacing:-0.024rem;font-weight:700}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary > h5 > span {font-family:"IbmPlexSans";font-size:3rem;font-weight:700;line-height:150%;letter-spacing:-0.045rem;color:#009A6E}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary > h5 > span > em {color:#1e1e1e}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary > h5::after {content:'';display:block;width:14rem;height:14rem;margin:auto;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary.summary100 > h5::after {background-image:url(../images/section03-resultFlower-100.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary.summary75 > h5::after {background-image:url(../images/section03-resultFlower-75.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary.summary55 > h5::after {background-image:url(../images/section03-resultFlower-55.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary.summary35 > h5::after {background-image:url(../images/section03-resultFlower-35.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .result-score {display:flex;width:20rem;height:5.5rem;padding:0 2rem;justify-content:center;align-items:center;gap:1.5rem;border-radius:1rem;background:#FCFBF8;margin-top:1rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .result-score > span {color:#99D4C0;font-size:1.6rem;font-weight:500;line-height:150%;letter-spacing:-0.024rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .result-score > strong {color:#009A6E;font-size:3.6rem;font-weight:700;line-height:150%;letter-spacing:-0.05rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .result-description {color:#595959;text-align:center;font-size:1.6rem;line-height:150%;letter-spacing:-0.024rem;margin-top:1rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .digital-parenting-info {width:28rem;height:6rem;border-radius:1rem;background:#EAEAEA;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .digital-parenting-info h6 {color:#595959;font-size:1.2rem;font-weight:700;line-height:150%;letter-spacing:-0.018rem;position:relative;padding-left:1.2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .digital-parenting-info h6 > span {content:'※';position:absolute;left:0}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-summary .digital-parenting-info > ul > li {color:#595959;font-size:1.2rem;line-height:150%;letter-spacing:-0.018rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress {padding:4rem 3rem 6rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > h5 {color:#1E1E1E;text-align:center;font-size:2.4rem;font-weight:700;line-height:150%;letter-spacing:-0.036rem;margin-bottom:4.5rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul {display:flex;flex-direction:column;gap:4rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li {display:flex;flex-direction:column;gap:0.2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li > .progress-txt {display:flex;justify-content:space-between;align-items:center}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li > .progress-txt > h6 {color:#1E1E1E;font-size:1.8rem;font-weight:500;line-height:150%;letter-spacing:-0.027rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li > .progress-txt > p {color:#009A6E;text-align: right;font-size:2.4rem;font-weight:700;line-height:150%;letter-spacing:-0.036rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li > .progress-bar {width:100%;height:2rem;border-radius:10rem;background:#EAEAEA;overflow:hidden}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row02 > .result-card.card-progress > ul > li > .progress-bar > .progress-fill {height:100%;border-radius:10rem;background:#009A6E}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 {margin-top:2rem;width:70rem;height:62.8rem;border:0.1rem solid #99D4C0;background:#FFF;box-shadow:0 0.2rem 0.2rem 0 #CBBDA3;padding:2rem 2rem 3rem 2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide {width:100%;height:100%}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide .guide-top-box {display:flex;width:100%;padding:4rem 0;flex-direction:column;align-items:center;gap:2rem;align-self:stretch;border-radius:1rem;background:#FCFBF8;margin-bottom:4rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide .guide-top-box > h5 {color:#009A6E;text-align:center;font-size:2.8rem;font-weight:700;line-height:150%;letter-spacing:-0.042rem;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:35%}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide .guide-top-box > p {color:#000;text-align:center;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > h6 {color:#1E1E1E;text-align:center;font-family:"IbmPlexSans";font-size:2.4rem;font-weight:600;line-height:150%;letter-spacing:-0.036rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .txt-guide-sub > span {display:flex;align-items:center;justify-content:center;gap:0.5rem;color:#1E1E1E;font-size:2.1rem;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .txt-guide-sub > span::before {content:'';display:block;width:2.1rem;height:2.1rem;background-image:url(../images/section03-resultGuide-icon.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box {margin-top:2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul {display:flex;flex-wrap:wrap;width:60rem;margin:auto;justify-content:space-between;row-gap:2rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li:nth-child(1) {width:100%}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li:nth-child(2),
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li:nth-child(3) {width:25rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li:nth-child(4) {width:8rem}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a {display:flex;width:100%;height:8rem;align-items:center;justify-content:center;gap:0.5rem;border-radius:10rem;font-size:2.4rem;font-weight:800;line-height:150%;letter-spacing:-0.036rem;background:#fff;color:#009A6E;border:0.1rem solid #009A6E;transition:all 0.3s}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a:hover {background:#009A6E;color:#fff}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-guide {background:#009A6E;color:#fff}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-guide:hover {background:#105E4C}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-save::after,
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-share::after {content:'';display:block;width:3rem;height:3rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-save::after {background-image:url(../images/section03-resultGuide-icon-download.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-save:hover::after {background-image:url(../images/section03-resultGuide-icon-download-hover.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-share::after {background-image:url(../images/section03-resultGuide-icon-kakao.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-share:hover::after {background-image:url(../images/section03-resultGuide-icon-kakao-hover.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-refresh {background-repeat:no-repeat;background-position:center center;background-size:5.6rem 5.6rem;background-image:url(../images/section03-resultGuide-icon-refresh.png)}
.campaign-wrap .cont-section.section03.typeResult .section-inner .digital-parenting-type-box .box-inner.box-row03 > .result-guide > .guide-btn-box > ul > li > a.camp-btn-refresh:hover {background-image:url(../images/section03-resultGuide-icon-refresh-hover.png)}

.campaign-wrap .cont-section.section04 {height:187.6rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {padding:10rem 0;width:110rem}
.campaign-wrap .cont-section.section04 .section-inner h4 {font-family:"IbmPlexSans";color:#1E1E1E;text-align:center;font-size:5rem;font-weight:600;line-height:150%;letter-spacing:-0.1rem}
.campaign-wrap .cont-section.section04 .section-inner h4 > span {color:#ED0973;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:35%}
.campaign-wrap .cont-section.section04 .section-inner .gift-list {display:flex;justify-content:space-between;margin-top:3.5rem}
.campaign-wrap .cont-section.section04 .section-inner .gift-list > li {width:35rem}
.campaign-wrap .cont-section.section04 .section-inner .gift-list > li > .list-inner {width:35rem;position:relative;height:35rem;margin-top:6rem;border-radius:2rem;border:0.1rem solid #99D4C0;background:linear-gradient(180deg, #FCF6EB 0%, #FFF 100%);box-shadow:0 0.2rem 0.6rem 0 #C0D2CE;display:flex;flex-direction:column;align-items:center;align-items:center;padding-top:7rem}
.campaign-wrap .cont-section.section04 .section-inner .gift-list > li > .list-inner h5 {display:flex;align-items:center;justify-content:center;width:12rem;height:12rem;background:linear-gradient(180deg, #2EC5A2 0%, #107E6B 100%);border-radius:50%;color:#FFF;font-family:"IbmPlexSans";font-size:3.4rem;font-weight:700;line-height:150%;letter-spacing:-0.051rem;position:absolute;left:50%;transform:translateX(-50%);top:-6rem}
.campaign-wrap .cont-section.section04 .section-inner .gift-list > li > .list-inner img {width:25rem;height:18.7rem}
.campaign-wrap .cont-section.section04 .section-inner .gift-list > li > .list-inner > p {color:#000;text-align:center;font-family:"IbmPlexSans";font-size:2.4rem;font-weight:700;line-height:150%;letter-spacing:-0.036rem;height:7.2rem;display:flex;align-items:center}
.campaign-wrap .cont-section.section04 .section-inner .event-info {width:100%;height:28.6rem;border-radius:2rem;border:0.1rem solid #99D4C0;background:#FAFEFD;padding-left:14.5rem;display:flex;justify-content:center;flex-direction:column;gap:2rem;margin-top:2.5rem;margin-bottom:6rem}
.campaign-wrap .cont-section.section04 .section-inner .event-info > li {color:#1E1E1E;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section04 .section-inner .event-info > li > span {display:inline-block;width:3.4rem;height:3.4rem;border-radius:3.4rem;background:#107E6B;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:1.5rem}
.campaign-wrap .cont-section.section04 .section-inner .event-info > li > strong {font-weight:700;color:#009A6E}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form {width:100%;height:71rem;border-radius: 30px;border:0.2rem solid #99D4C0;background:#FFF;box-shadow:0 0.2rem 0.2rem 0 #CBBDA3;padding:4rem 0 5rem;position:relative}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner {width:70rem;margin:auto}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > h5 {color:#105E4C;text-align:center;font-family:"IbmPlexSans";font-size:3rem;font-weight:700;line-height:150%;letter-spacing:-0.045rem;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > h5 + p {color:#1E1E1E;text-align:center;font-size:2.1rem;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap {width:100%;margin-top:3rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul {display:flex;gap:2rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li:nth-child(1) {width:28rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li:nth-child(2) {width:40rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item {display:flex;flex-direction:column;gap:0.5rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-left label {font-size:2.1rem;font-weight:700;line-height:150%;letter-spacing:-0.0315rem;color:#1E1E1E}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-left label .required {color:#009A6E}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right.phone-wrap {display:flex;justify-content:space-between;gap:0.6rem;align-items:center}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right input[type='text'],
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right input[type='tel'],
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right select {width:100%;height:7rem;padding:1.7rem 3rem;border-radius:1rem;background:#FCFBF8;border:0.1rem solid #E1DACD;font-family:'Pretendard';font-size:2.4rem;line-height:150%;letter-spacing:-0.036rem;color:#1e1e1e}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right select:invalid,
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right input::placeholder,
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap > ul > li > .camp-form-item > .form-right span {color:#E1DACD}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list {margin-top:2rem;border-radius:1rem;border:0.1rem solid #E1DACD;background:#FCFBF8;padding:2rem 4rem 2.3rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul {display:flex;flex-direction:column;gap:1.5rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li:first-child {margin-bottom:0.5rem;border-bottom:0.1rem solid #E1DACD;padding-bottom:1.5rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li {display:flex;gap:0.5rem;align-items:center}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label {line-height:150%;display:flex;align-items:center;gap:1.2rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label span {line-height:150%;font-size:1.8rem;letter-spacing:-0.027em;color:#1e1e1e;margin-left:0}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label span > em {color:#9C916F;margin-right:0.5rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label:before {width:1.8rem;height:1.8rem;border:0.1rem solid #9C916F;border-radius:0.5rem;background-color:#fff;margin-top:0.2rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"]:checked + label:before {border:0.1rem solid #009A6E;background-color:#009A6E}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li > .input-field .chk-cont1 input[type="checkbox"] + label:after {width:1.2rem;height:0.9rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.707031 3.20703L4.70703 7.20703L11.207 0.707031" stroke="white" stroke-width="2"/></svg>');top:1rem;left:0.4rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li:first-child > .input-field .chk-cont1 input[type="checkbox"] + label:after {top:1.3rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li:first-child > .input-field .chk-cont1 input[type="checkbox"] + label span {font-weight:700;font-size:2.1rem;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > ul > li:nth-child(2) > .input-field .chk-cont1 input[type="checkbox"] + label span > em {color:#009A6E;font-weight:700}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list .btn-agree-more {color:#009A6E;font-size:1.4rem;line-height:150%;letter-spacing:-0.021rem;margin-top:0.2rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > .agree-list-info {margin-top:0.6rem;margin-left:8rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > .agree-list-info > ul {display:flex;flex-direction:column;gap:0.7rem;color:#9C916F;font-size:1.2rem;line-height:125%;letter-spacing:-0.018rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > .agree-list-info > ul > li {position:relative;padding-left:1rem}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .inner-form-wrap .agree-list > .agree-list-info > ul > li::before {content:'※';position:absolute;left:0}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .btn-apply {margin-top:2rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .btn-apply > a {display:flex;align-items:center;justify-content:center;width:30rem;height:8rem;padding:1rem;border-radius:10rem;background:#105E4C;transition:all 0.3s}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .btn-apply > a:hover {background:#009A6E}
.campaign-wrap .cont-section.section04 .section-inner .guide-apply-form .form-inner > .btn-apply > a > span {color:#FFF;font-size:2.4rem;font-weight: 800;line-height:150%;letter-spacing:-0.036rem} 

.v2 .popup-layer__type2.cp-1551-popup {z-index:1000}
.v2 .popup-layer__type2.cp-1551-popup .popup-wrap {width:110rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont {border:0;border-radius:3rem;box-shadow:none;padding:9rem 12rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont .btn-close {top:2rem;right:2rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont .btn-close .ico-close {width:4.8rem;height:4.8rem;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><circle cx="25" cy="25" r="24" stroke="%239C916F" stroke-width="2"/><path d="M35 35L16 16M16 35L35 16" stroke="%239C916F" stroke-width="2"/></svg>');background-size:contain;background-position:center center}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont .popup-header {padding-bottom:2rem;border-bottom:0.1rem solid #838383}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont .popup-header > strong {color:#111;font-family:"IbmPlexSans";font-size:3.5rem;font-weight:600;line-height:140%;letter-spacing:-0.72px;padding-right:0}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .popup-cont .popup-body {margin-top:0;padding-top:0;border-top:0;max-height:initial;padding-right:0}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont {color: #111;font-family:'Pretendard';font-size:1.8rem;font-weight:400;line-height:140%;letter-spacing:-0.36px;padding-bottom:0;margin-top:4rem;word-break:keep-all}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .row ul > li {margin-bottom:0}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list {display:flex;flex-direction:column;gap:2rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list > li {display:flex;gap:1.8rem;margin-bottom:0}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list > li.flex-col {flex-direction:column;gap:0.5rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont h6 {font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list > li > h7 {font-size:1.8rem;font-weight:700}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list > li > p {font-weight:initial;margin-top:0}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .popup-cont-list > li > p small {font-size:1.4rem}
.v2 .popup-layer__type2.popup-primary.cp-1551-popup .body-cont .row ul > li strong {font-size:1.8rem;color:#111}


.campaign-wrap .cont-section.section05 {height:143.2rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding:10rem 0;width:110rem}
.campaign-wrap .cont-section.section05 .section-inner h4 {color:#FFF;text-align:center;font-family:"IbmPlexSans";font-size:5rem;font-weight:600;line-height:150%;letter-spacing:-0.1rem;margin-bottom:4rem}
.campaign-wrap .cont-section.section05 .section-inner h4 > span {text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:5%;text-underline-offset:35%}
.campaign-wrap .cont-section.section05 .section-inner p {color: #FFF;text-align:center;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list {margin-top:4rem;width:100%;height:49.6rem;position:relative}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li {background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li .list-inner {display:flex;flex-direction:column;gap:1rem;margin:auto;margin-top:2rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li .list-inner .comment-txt {font-weight:600;font-size:2.3rem;line-height:150%;letter-spacing:-0.015em;color:#1e1e1e}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li .list-inner .comment-author {font-weight:500;font-size:1.8rem;line-height:125%;letter-spacing:-0.015em;color:#5CBC9C}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(even) .list-inner .comment-author {color:#D195B1}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(1) {width:37.3rem;height:17.5rem;background-image:url(../images/section05-box-bg01.png);top:0;left:16.7rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(1) .list-inner {width:33.3rem;height:10.5rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(2) {width:46.7rem;height:17.5rem;background-image:url(../images/section05-box-bg02.png);top:6rem;right:4.4rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(2) .list-inner {width:42.6rem;height:10.5rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(3) {width:42.5rem;height:21.1rem;background-image:url(../images/section05-box-bg03.png);bottom:6rem;left:0}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(3) .list-inner {width:38.5rem;height:14.1rem}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(4) {width:55.3rem;height:21.1rem;background-image:url(../images/section05-box-bg04.png);bottom:0;right:0}
.campaign-wrap .cont-section.section05 .section-inner .comment-list > li:nth-child(4) .list-inner {width:51.3rem;height:14.1rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info {width:100%;height:38.2rem;border-radius:3rem;border:0.1rem solid #99D4C0;background:#327263;padding:2rem 3.7rem 2rem 2rem;display:flex;align-items:center;justify-content:space-between;margin-top:6rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-img {width:60.5rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-img img {filter:drop-shadow(0.4rem 0.4rem 0.8rem rgba(45, 61, 58, 0.70))}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download {width:40rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download h5 {color:#FFF;text-align:center;font-size:2.1rem;font-weight:400;line-height:150%;letter-spacing:-0.0315rem;margin-bottom:1rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul {display:flex;flex-direction:column;gap:1rem}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li > a {display:flex;width:100%;height:8rem;align-items:center;justify-content:center;gap:0.7rem;background:#D4EEE5;border-radius:10rem;color:#105E4C;font-size:2.4rem;font-weight:800;line-height:150%;letter-spacing:-0.036rem;transition:all 0.3s}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li > a::before {content:'';display:block;width:3rem;height:3rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li > a:hover {background:#009A6E;color:#D4EEE5}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(1) > a::before {background-image:url(../images/section05-download-icon01.png)}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(1) > a:hover::before {background-image:url(../images/section05-download-icon01-hover.png)}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(2) > a::before {background-image:url(../images/section05-download-icon02.png)}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(2) > a:hover::before {background-image:url(../images/section05-download-icon02-hover.png)}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(3) > a::before {background-image:url(../images/section05-download-icon03.png)}
.campaign-wrap .cont-section.section05 .section-inner .bom-game-info .game-download ul > li:nth-child(3) > a:hover::before {background-image:url(../images/section05-download-icon03-hover.png)}

.campaign-wrap .cont-section.section06 {height:82.2rem;background:linear-gradient(180deg, #B8DDC8 0%, #97D3B0 100%)}
.campaign-wrap .cont-section.section06 .section-inner {padding:10rem 0}
.campaign-wrap .cont-section.section06 .section-inner h4 {color:#1E1E1E;text-align:center;font-family:"IbmPlexSans";font-size:5rem;font-weight:700;line-height:150%;letter-spacing:-0.1rem}
.campaign-wrap .cont-section.section06 .section-inner h4 > span {color:#107E6B;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:5%;text-underline-offset:35%}
.campaign-wrap .cont-section.section06 .section-inner .img-box {width:39.5rem;height:28.3rem;margin:4rem auto;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section06 .section-inner .img-box > div {height:100%;background-repeat:no-repeat;background-size:contain;opacity:0;transform:translateY(-10px) scale(.8);transform-origin:center bottom;will-change:transform, opacity}
.campaign-wrap .cont-section.section06 .section-inner .img-box .img01 {width:25.3rem;background-image:url(../images/section06-img01.png);background-position:left top}
.campaign-wrap .cont-section.section06 .section-inner .img-box .img01.active {animation:characterIn .65s cubic-bezier(.18,.89,.32,1.28) forwards}
.campaign-wrap .cont-section.section06 .section-inner .img-box .img02 {width:13.4rem;background-image:url(../images/section06-img02.png);background-position:right bottom}
.campaign-wrap .cont-section.section06 .section-inner .img-box .img02.active {animation:characterIn .65s cubic-bezier(.18,.89,.32,1.28) .12s forwards}
.campaign-wrap .cont-section.section06 .section-inner > p {color:#1E1E1E;text-align:center;font-size:2.1rem;line-height:150%;letter-spacing:-0.0315rem}
.campaign-wrap .cont-section.section06 .section-inner > p > strong {font-weight:700}
.campaign-wrap .cont-section.section06 .section-inner .camp-btn-box {margin-top:4rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.section06 .section-inner .camp-btn-box > a {display:flex;width:30rem;height:8rem;align-items:center;justify-content:center;border-radius:10rem;background:#009A6E;color:#FFF;text-align:center;font-size:2.4rem;font-weight:800;line-height:150%;letter-spacing:-0.036rem;transition:all 0.3s}
.campaign-wrap .cont-section.section06 .section-inner .camp-btn-box > a:hover {background:#105E4C}

@keyframes characterIn{

    0%{
        opacity:0;
        transform:translateY(24px) scale(0.9);
    }

    60%{
        opacity:1;
        transform:translateY(-8px) scale(1.3);
    }

    82%{
        transform:translateY(2px) scale(0.995);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}

.campaign-copyright {height:16.2rem;font-size:2.1rem}

.camp-fixed-banner {width:36rem;height:10rem;position:fixed;bottom:3rem;right:3rem;z-index:999}
.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 center;background-size:contain;transition:all 0.3s}
.camp-fixed-banner > a:hover {background-image:url(../images/camp-fixed-banner-hover.png)}


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