@charset "UTF-8";
/*전역 변수*/
:root{
    --font-sans: "Paperlogy", sans-serif;
    --color00:#ffffff;
    --color01:#000000;
    --color02:#245623;
    --color03:#4D9F3D;
    --color04:#D5DE35;
    --color05:#98C537;
    --color06:#FBC43A;
    --color07:#FCFF5A;
    --color08:#0B9CDA;
    --color09:#E43989;
    --color10:#F8F9D0;
    --color11:#1B4300;
    --color12:#8C8C8C;
    --color13:#d9d9d9;
    --color14:#BECE45;
    --color15:#5FA133;
    --color16:#535B50;
    --container-width:1240px;
}
body{font-family: var(--font-sans);}
.f-color008{color:var(--color08)}
.f-color009{color:var(--color09)}
.f-color014{color:var(--color14)}

/*바운스 모션*/
#titleToBounce {white-space: pre;}
#titleToBounce .char {display: inline-block;transform-origin: bottom;}
#titleToBounce.bouncing .char {animation: bounce 900ms ease both;animation-delay: calc(var(--i) * 80ms);}
@keyframes bounce { 0%   { transform: translateY(0) scale(1); } 30%  { transform: translateY(-14px) scale(1.05); } 55%  { transform: translateY(0); } 70%  { transform: translateY(-7px); } 85%  { transform: translateY(0); } 100% { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {  #titleToBounce .char { animation: none !important; }  }

.campaign-wrapper .container{width: 100%;max-width: var(--container-width);margin: 0 auto;padding:0 20px;}

/*고정 로고 및 버튼*/
.fix-logo{position: fixed;left: 60px;top:50px;z-index: 10;}
.fix-logo picture{transition-duration: 0.3s;position: absolute;left: 0;top:0;}
.fix-logo .black{opacity: 1;}
.fix-logo .white{opacity: 0;}
.fix-logo.white .black{opacity: 0;}
.fix-logo.white .white{opacity: 1;}
.fix-button{position: fixed;right: 0;bottom:60px;z-index: 10}

@media screen and (max-width: 480px) {
    .fix-logo{left: 20px;top:14px;}
    .fix-button{right: 0;bottom:43px;}

}

@media screen and (max-width: 340px) {
    .fix-logo{left: 14px;top:14px;}
    .fix-button{right: 0;bottom:20px;}
}
/*고정 로고 및 버튼*/

.section001{width: 100%;height: 100vh;min-height:880px;background: center / cover no-repeat url("../images/section001-bg.png");display: flex;justify-content: center;align-items: center;}
.section001 .m-only{display: none;}
.section001 .title-box{display: flex;flex-direction: column;}
.section001 .title-box .kor-title{font-weight: 600;font-size: 54px;line-height: 1.25em;text-align: center;color:#ffffff;margin-bottom: 25px;}
.section001 .title-box .title{font-family: Oxfam Global Headline, sans-serif;font-weight: 400;font-size: 130px;line-height: 100%;letter-spacing: 0;text-align: center;color:var(--color00);}
.section001 .title-box .title .char{ text-shadow: 4px 4px 0 var(--color16);}
.section001 .title-box .summary {font-weight: 600;font-size: 54px;line-height: 1.25;letter-spacing: 0;text-align: center;color:var(--color00);margin-top: 54px;}
@media screen and (max-width: 1440px) {
    .section001 {background: center / cover no-repeat url("../images/table/section001-bg.png");}
    .section001 .title-box .kor-title{font-size: 36px;margin-bottom: 12px;}
    .section001 .title-box .title{font-size: 120px;}
    .section001 .title-box .summary {font-size: 48px;margin-top: 22px}
}
@media screen and (max-width: 980px) {
    .section001{min-height:558px;}
    .section001 .title-box .title{font-size: 76px;}
    .section001 .title-box .summary {font-size: 36px;}
}

@media screen and (max-width: 620px) {
    .section001 .m-only{display: block;}
}

@media screen and (max-width: 480px) {
    .section001 {background: center / cover no-repeat url("../images/mobile/section001-bg.png");}
    .section001 .title-box .kor-title{font-size: 36px;margin-bottom: 15px;}
    .section001 .title-box .title{font-size: 64px;}
    .section001 .title-box .summary {font-size: 30px;margin-top: 26px;}
}

@media screen and (max-width: 340px) {
    .section001 .title-box .title{font-size: 54px;}
    .section001 .title-box .kor-title{font-size: 30px;margin-bottom: 12px;}
    .section001 .title-box .summary {font-size: 24px;margin-top: 22px;}
}


.section002{width: 100%;background: center / cover no-repeat url("../images/section002-bg.png");background-attachment: fixed;display: flex;justify-content: center;align-items: flex-start;padding: 120px 0 180px;overflow: hidden;}
.section002 .m-only{display: none;}
.section002 .title-box{display: flex;flex-direction: column;row-gap: 80px;position: relative;}
.section002 .title-box .title{font-weight: 900;font-size: 68px;line-height: 1.4;letter-spacing: 0;text-align: center;color:var(--color00);display: block;position: relative;z-index: 1;}
.section002 .title-box .title::after{content:'';background: center / cover no-repeat url("../images/section002-title-line.svg");display: block;width: 1008px;height: auto;aspect-ratio: 336 / 19;position: absolute;left: 50%;bottom:0;transform: translate(-50%,50%);z-index: -1;}
.section002 .content-area{position: relative;padding-left: 220px;}
.section002 .content-area .img-box{position: absolute;top:20px;left: 450px;display: block;background: center / cover no-repeat url("../images/section002-img.png");width:826px;height: auto;aspect-ratio:59 / 32;}
.section002 .text-box{background: center / cover no-repeat url("../images/section002-text-bg.svg");width: 463px;height: auto;aspect-ratio: 463 / 450;position: relative;margin-top: 88px;padding:51px 54px;z-index: 1;}
.section002 .text-box > p {font-weight: 500;font-size: 28px;line-height: 1.2;letter-spacing: -0.02em;}
.section002 .text-box > span {display: inline-block;font-weight: 500;font-size: 16px;line-height: 1.4;letter-spacing: -0.02em;margin-top: 27px;}
.section002 .text-box .floating-text{position: absolute;right:0;bottom:50px;transform: translateY(100%);}
.section002 .text-box .floating-text > p{display: inline;box-decoration-break: clone;-webkit-box-decoration-break: clone;padding: 0 0.25em;font-weight: 600;font-size: 42px;line-height: 1.5em;letter-spacing: 0;color:var(--color02);white-space: nowrap;background-color: #FCFF5A;}

@media screen and (max-width: 1380px) {
    .section002 .content-area{padding-left: 120px;}
    .section002 .content-area .img-box{top:20px;left: 350px;width:826px;}
    .section002 .text-box .floating-text {right: -100px;}
}

@media screen and (max-width: 1200px) {
    .section002 .content-area{padding-left: 60px;}
    .section002 .content-area .img-box{top:20px;left: 350px;width:726px;}
    .section002 .text-box .floating-text {right: auto;left: 0}
}

@media screen and (max-width: 1100px) {

    .section002 .title-box .title{font-size: 52px;}
    .section002 .title-box .title::after{;width: 755px;}
    .section002 .content-area{padding-left: 0;max-width: 800px;margin: 0 auto;}
    .section002 .content-area .img-box{top:20px;left: 250px;width:600px;}
    .section002 .text-box {width: 400px;margin-top: 88px;padding: 51px 54px;}
    .section002 .text-box > p {font-size: 24px;}
    .section002 .text-box .floating-text {right: auto;left: -20px;bottom:30px;}
    .section002 .text-box .floating-text > p {font-size: 32px;}
}

@media screen and (max-width: 980px) {
    .section002 .title-box .title{font-size: 42px;}
    .section002 .title-box .title::after{;width: 619px;}
    .section002 .content-area{padding-left: 0;max-width: 610px;margin: 0 auto;}
    .section002 .content-area .img-box{top:54px;left: 200px;width:461px;}
    .section002 .text-box {width: 330px;margin-top: 70px;padding: 40px;}
    .section002 .text-box > p {font-size: 20px;}
    .section002 .text-box > span {font-size: 14px;margin-top: 18px;}
    .section002 .text-box .floating-text {right: auto;left: -20px;bottom:30px;}
    .section002 .text-box .floating-text > p {font-size: 28px;}
}
@media screen and (max-width: 730px) {
    .section002 {background-attachment: local;}
    .section002 .content-area .img-box {position: relative;top: auto;left: auto;display: block;background: center / cover no-repeat url("../images/mobile/section002-img.png");width: 335px;max-width: 100%;height: auto;aspect-ratio:335 / 233;margin: 0 auto;}
    .section002 .text-box {padding: 40px;margin: 36px auto;}
}
@media screen and (max-width: 660px) {
    .section002 .m-only{display: block;}
    .section002 .title-box .title::after {content: '';background: center / cover no-repeat url(../images/mobile/section002-title-line002.svg);width: 235px;height: auto;aspect-ratio: 47 / 6;left: 50%;bottom: 15px;}
    .section002 .title-box .title::before {content:'';display: block;position: absolute;background: center / cover no-repeat url(../images/mobile/section002-title-line.svg);width: 358px;height: auto;aspect-ratio: 137 / 13;left: 50%;top: 11px;transform: translate(-50%,50%);z-index: -1;}
}
@media screen and (max-width: 480px) {
    .section002 {padding:60px 0 90px;}
    .section002 .title-box .title {font-size: 32px;}
    .section002 .title-box .title::after {width: 235px;}
    .section002 .title-box .title::before {width: 274px;top: 10px;}
    .section002 .text-box {background: center / cover no-repeat url("../images/mobile/section002-text-bg.svg");width: 289px;padding: 40px 33px;}
    .section002 .text-box > p {font-size: 18px;}
    .section002 .text-box > span {font-size: 12px;margin-top: 13px;}
    .section002 .text-box .floating-text > p {font-size: 22px;}

}
@media screen and (max-width: 340px) {
    .section002 {padding:50px 0 80px;}
    .section002 .title-box .title {font-size: 28px;}
    .section002 .title-box .title::after {width: 204px;}
    .section002 .title-box .title::before {width: 238px;top: 8px;}
    .section002 .text-box {width: 255px;padding: 32px 30px;}
    .section002 .text-box > p {font-size: 16px;}
    .section002 .text-box > span {font-size: 10px;margin-top: 15px;}
    .section002 .text-box .floating-text > p {font-size: 20px;}
}


.section003{width: 100%;background: center / cover no-repeat url("../images/section003-bg.png");display: flex;justify-content: center;align-items: flex-start;padding: 120px 0 180px;}
.section003 .m-only{display: none;}
.section003 .title-box{display: flex;flex-direction: column;row-gap: 80px;position: relative;}
.section003 .title-box .title{font-weight: 900;font-size: 68px;line-height: 1.2;letter-spacing: 0;text-align: center;color:var(--color01);display: block;position: relative;z-index: 1}
.section003 .title-box .title::after{content:'';background: center / cover no-repeat url("../images/section003-title-line.svg");display: block;width: 910px;height: auto;aspect-ratio: 455 / 29;position: absolute;left: 50%;bottom:0;transform: translate(-50%,50%);z-index: -1;}
.section003 .content-area{margin: 76px auto 0;}
.section003 .list-box{display: flex;column-gap: 140px; justify-content: center;}
.section003 .list-box .list-item{display: flex;align-items: center;flex-direction: column;row-gap: 24px;}
.section003 .list-box .list-item .img-box{width: 282px;height: auto;aspect-ratio: 1 / 1;}
.section003 .list-box .list-item .img-box > img{display: block;width: 100%;height: auto;}
.section003 .list-box .list-item .text-box > p{font-weight: 600;font-size: 26px;line-height: 1.3;letter-spacing: 0;text-align: center;color:var(--color00);}
.section003 .list-box .list-item .text-box .highlight{background-color: var(--color00);color:var(--color09)}

@media screen and (max-width: 1300px) {
    .section003 .list-box {column-gap: 52px;justify-content: center;}
}

@media screen and (max-width: 980px) {
    .section003{padding: 70px 0 100px;}
    .section003 .title-box .title {font-size: 42px;}
    .section003 .title-box .title::after {width: 610px;}
    .section003 .list-box {column-gap: 52px;justify-content: center;}
    .section003 .title-box .title {font-size: 42px;}
    .section003 .title-box .title::after {width: 580px;}
    .section003 .list-box .list-item .img-box {width: 210px;}
    .section003 .list-box .list-item .text-box > p {font-size: 18px;}
}

@media screen and (max-width: 770px) {
    .section003 .list-box {column-gap: 40px;}
    .section003 .list-box .list-item .img-box {width: 150px;}
    .section003 .list-box .list-item .text-box > p {font-size: 16px;}
}

@media screen and (max-width: 660px) {
    .section003 .m-only{display: block;}
    .section003 .title-box .title::after {content: '';background: center / cover no-repeat url(../images/mobile/section003-title-line.svg);width: 350px;height: auto;aspect-ratio: 262 / 25;left: 50%;bottom: 15px;}
    .section003 .title-box .title::before {content:'';display: block;position: absolute;background: center / cover no-repeat url(../images/mobile/section003-title-line002.svg);width: 248px;height: auto;aspect-ratio: 225 / 29;left: 50%;top: 5px;transform: translate(-50%,50%);z-index: -1;}
    .section003 .list-box {width:480px;flex-direction: column;align-items: center;margin: 0 auto;}
    .section003 .list-box .list-item {flex-direction: row;align-items: center;column-gap: 60px;width: 100%;}
    .section003 .list-box .list-item .text-box > p {text-align: left;}
    .section003 .list-box .list-item .img-box {width: 210px;}
    .section003 .list-box .list-item .text-box > p {font-size: 20px;}
}

@media screen and (max-width: 580px) {
    .section003 .list-box {width:440px;}
    .section003 .list-box .list-item {flex-direction: row;align-items: center;column-gap: 40px;}
    .section003 .list-box .list-item .img-box {width: 180px;}
    .section003 .list-box .list-item .text-box > p {font-size: 20px;}
}

@media screen and (max-width: 480px) {
    .section003{padding: 60px 0 80px;}
    .section003 .title-box .title {font-size: 32px;}
    .section003 .title-box .title::after {width: 262px;bottom:10px}
    .section003 .title-box .title::before {width: 225px;top: 0;}
    .section003 .content-area {margin: 20px auto 0;}
    .section003 .list-box {width:380px;}
    .section003 .list-box .list-item {flex-direction: row;align-items: center;column-gap: 25px;}
    .section003 .list-box .list-item .img-box {width: 150px;}
    .section003 .list-box .list-item .text-box > p {font-size: 18px;}
}

@media screen and (max-width: 420px) {
    .section003{padding: 50px 0 70px;}
    .section003 .list-box {width:300px;}
    .section003 .list-box .list-item {flex-direction: row;align-items: center;column-gap: 15px;}
    .section003 .list-box .list-item .img-box {width: 130px;}
    .section003 .list-box .list-item .text-box > p {font-size: 14px;}
}

@media screen and (max-width: 340px) {
    .section003 .title-box .title {font-size: 28px;}
    .section003 .title-box .title::after {width: 240px;bottom:10px}
    .section003 .title-box .title::before {width: 180px;top: 0;}
}



@keyframes qLeave { 0%   { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-8px); } }
@keyframes qEnter { 0%   { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .section004 .test-wrapper .question-leave, .section004 .test-wrapper  .question-enter { animation: none !important; }  }

.section004{width: 100%;background-color:var(--color10);display: flex;justify-content: center;align-items: flex-start;padding: 100px 0 160px;}
.section004 .m-only{display: none;}
.section004 .title-box{display: flex;flex-direction: column;row-gap: 30px;position: relative;}
.section004 .title-box .title{font-weight: 900;font-size: 68px;line-height: 1.2;letter-spacing: 0;text-align: center;color:var(--color01);display: block;position: relative;z-index: 1}
.section004 .title-box .title::after{content:'';background: center / cover no-repeat url("../images/section004-title-line.svg");display: block;width: 647px;height: auto;aspect-ratio: 647 / 59;position: absolute;left: 50%;bottom:0;transform: translate(-50%,50%);z-index: -1;}
.section004 .title-box .sub-title {display: flex;flex-direction: column;row-gap: 12px;align-items: center;}
.section004 .title-box .sub-title span{text-align: center;font-weight: 600;font-size: 42px;line-height: 1;letter-spacing: 0;background-color: #FCFF5A;padding:8px 10px;color:var(--color11)}
.section004 .test-wrapper{width: 944px;height: 522px;border-radius: 28px;background-color: var(--color00);margin: 60px auto 0;padding:64px 50px;}
.section004 .test-wrapper .steps{display: flex;justify-content:center;align-items: center;column-gap: 19px;}
.section004 .test-wrapper .steps .step{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50px;font-family: Oxfam Global Headline, sans-serif;font-weight: 400;font-size: 28px;line-height: 100%;letter-spacing: 0.01em;text-align: center;color:var(--color00);background-color: var(--color13);padding: 0 0 4px;}
.section004 .test-wrapper .steps .step.active{background-color: var(--color02);}
.section004 .test-wrapper .steps .dats{display: flex;column-gap: 14px;}
.section004 .test-wrapper .steps .dats .dat{display: inline-block;width: 11px;height: 11px;background-color: var(--color12);border-radius: 50%;}
.section004 .test-wrapper .button-box{display: flex;column-gap: 30px;justify-content: center;align-items: center;}
.section004 .test-wrapper .button-box .button{width: 277px;height: 92px;border-radius: 200px;background-color: var(--color03);font-weight: 900;font-size: 52px;line-height: 1;letter-spacing: 0;text-align: center;color:#ffffff;transition-duration: 0.3s;transition-property: background-color;}
.section004 .test-wrapper .button-box .button:hover{background-color: var(--color02);}
.section004 .test-wrapper .question{font-weight: 700;font-size: 46px;line-height: 1.3;letter-spacing: 0;text-align: center;padding:60px 0;}
.section004 .test-wrapper .questions .question {will-change: transform, opacity;}
.section004 .test-wrapper .questions .question .mo-only{display: none;}
.section004 .test-wrapper .questions .question .pc-only{display: block;}
.section004 .test-wrapper .question-leave {animation: qLeave 280ms ease forwards;}
.section004 .test-wrapper .question-enter {animation: qEnter 360ms ease forwards;}
.section004 .test-wrapper .result-box { display: none; text-align: center;}
.section004 .test-wrapper .result-box .result-title{font-weight: 500;font-size: 42px;line-height: 1;letter-spacing: 0;text-align: center;padding:4px 34px 5px;display: inline-block;background: #4D9F3D4D;margin-bottom: 40px;}
.section004 .test-wrapper .result-box .result-text{font-weight: 700;font-size: 52px;line-height: 1.5;letter-spacing: 0;text-align: center;}
.section004 .test-wrapper .result-box .result-text .percent{display: block;font-weight: 700;font-size: 80px;line-height: 1.5;letter-spacing: 0.01em;text-align: center;color:var(--color03)}
.section004 .test-wrapper .result-box .result-text .percent::after{content:'%';}
.section004 .test-wrapper .question-wrapper { display: none; }
.section004 .test-wrapper .start-box {width: 100%;height: 100%;justify-content: center;align-items: center;text-align: center;display: flex;flex-direction: column;row-gap: 68px;}
.section004 .test-wrapper .start-box .start-title{background:center / cover no-repeat  url("../images/question-start-title.svg");width: 647px;height: auto;aspect-ratio: 647 / 94;font-size: 0;text-indent: -99999px;}
.section004 .test-wrapper .start-box .button{width: 584px;height: 92px;border-radius: 200px;background-color: var(--color03);font-weight: 900;font-size: 52px;line-height: 1;letter-spacing: 0;text-align: center;color:#ffffff;transition-duration: 0.3s;transition-property: background-color;}
.section004 .test-wrapper .start-box .button:hover{background-color: var(--color02);}

@media screen and (max-width: 980px) {
    .section004{padding: 60px 0 100px;}
    .section004 .title-box{display: flex;flex-direction: column;row-gap: 30px;position: relative;}
    .section004 .title-box .title{font-size: 42px;}
    .section004 .title-box .title::after{background: center / cover no-repeat url("../images/table/section004-title-line.svg");width: 408px;height: auto;aspect-ratio: 408 / 37;}
    .section004 .title-box .sub-title {row-gap: 10px;}
    .section004 .title-box .sub-title span{font-size: 28px;padding:4px 6px;}

    .section004 .test-wrapper {width: 720px;height: auto;margin: 40px auto 0;padding: 50px 40px;}
    .section004 .test-wrapper .question {font-size: 34px;padding: 48px 0;}
    .section004 .test-wrapper .button-box{column-gap: 20px;}
    .section004 .test-wrapper .button-box .button{width: 211px;height: 70px;font-size: 38px;}
    .section004 .test-wrapper .steps {column-gap: 15px;}
    .section004 .test-wrapper .steps .step {width: 50px;height: 50px;font-size: 20px;padding: 0 0 4px;}
    .section004 .test-wrapper .steps .dats {column-gap: 12px;}
    .section004 .test-wrapper .steps .dats .dat{width: 9px;height: 9px;}
    .section004 .test-wrapper .result-box .result-title {font-size: 28px;padding: 4px 27px 4px;margin-bottom: 23px;}
    .section004 .test-wrapper .result-box .result-text {font-size: 42px;}
    .section004 .test-wrapper .result-box .result-text .percent {font-size:72px;}
    .section004 .test-wrapper .start-box {row-gap: 42px;}
    .section004 .test-wrapper .start-box .start-title{background:center / cover no-repeat  url("../images/table/question-start-title.svg");width: 408px;height: auto;aspect-ratio: 136 / 19;}
    .section004 .test-wrapper .start-box .button{width: 304px;height: 70px;font-size: 38px;}
}

@media screen and (max-width: 820px) {
    .section004 .test-wrapper {width: 700px;max-width:100%;}
    .section004 .test-wrapper .questions .question .mo-only{display: block;}
    .section004 .test-wrapper .questions .question .pc-only{display: none;}
}
@media screen and (max-width: 620px) {
    .section004 .test-wrapper .steps {column-gap: 15px;}
    .section004 .test-wrapper .steps .step {width: 40px;height: 40px;font-size: 18px;padding: 0 0 4px;}
    .section004 .test-wrapper .steps .dats .dat {width: 6px;height: 6px;}
    .section004 .test-wrapper .question {font-size: 32px;}
    .section004 .test-wrapper .start-box {row-gap: 23px;}
    .section004 .test-wrapper .start-box .start-title{background:center / cover no-repeat  url("../images/mobile/question-start-title.svg");width: 190px;height: auto;aspect-ratio: 38 / 17;}
    .section004 .test-wrapper .start-box .button{width: 208px;height: 36px;font-size: 20px;}
}

@media screen and (max-width: 480px) {

    .section004{padding: 60px 0 90px;}
    .section004 .m-only{display: block;}
    .section004 .title-box{row-gap: 25px;}
    .section004 .title-box .title{font-size: 32px;}
    .section004 .title-box .sub-title {row-gap: 8px;}
    .section004 .title-box .sub-title span{font-size: 22px;padding:2px 4px;}
    .section004 .title-box .title::after {content: '';background: center / cover no-repeat url(../images/mobile/section004-title-line.svg);width: 190px;height: auto;aspect-ratio: 19 / 3;left: 50%;bottom: 15px;}
    .section004 .title-box .title::before {content:'';display: block;position: absolute;background: center / cover no-repeat url(../images/mobile/section004-title-line.svg);width: 190px;height: auto;aspect-ratio: 19 / 3;left: 50%;top: 0;transform: translate(-50%,50%);z-index: -1;}

    .section004 .test-wrapper {width: 340px;max-width:none;height: 253px;margin: 40px auto 0;padding: 30px 20px;}
    .section004 .test-wrapper .steps {column-gap: 10px;}
    .section004 .test-wrapper .steps .step {width: 28px;height: 28px;font-size: 14px;padding: 0 0 4px;}
    .section004 .test-wrapper .steps .dats {column-gap: 3px;}
    .section004 .test-wrapper .steps .dats .dat {width: 3px;height: 3px;}
    .section004 .test-wrapper .question {font-size: 22px;padding: 20px 0;}
    .section004 .test-wrapper .button-box{column-gap: 8px;}
    .section004 .test-wrapper .button-box .button{width: 100px;height: 36px;font-size: 20px;}


    .section004 .test-wrapper .result-box .result-title {font-size: 18px;padding: 3px 20px 3px;margin-bottom: 23px;}
    .section004 .test-wrapper .result-box .result-text {font-size: 22px;}
    .section004 .test-wrapper .result-box .result-text .percent {font-size:42px;}

}

@media screen and (max-width: 360px) {

    .section004{padding: 50px 0 80px;}
    .section004 .title-box .title{font-size: 28px;}
    .section004 .title-box .sub-title {row-gap: 8px;}
    .section004 .title-box .sub-title span{font-size: 20px;padding:2px 4px;}
    .section004 .title-box .title::after {width: 170px;}
    .section004 .title-box .title::before {width: 170px;}
    .section004 .test-wrapper {width: 100%;height: 253px;margin: 30px auto 0;padding: 30px 20px;}
    .section004 .test-wrapper .steps {column-gap: 8px;}
    .section004 .test-wrapper .result-box .result-title {font-size: 16px;padding: 3px 20px 3px;margin-bottom: 23px;}
    .section004 .test-wrapper .result-box .result-text {font-size: 22px;}
    .section004 .test-wrapper .result-box .result-text .percent {font-size:42px;}

}

.section005{width: 100%;background: center / cover no-repeat url("../images/section005-bg.jpg");display: flex;justify-content: center;align-items: flex-start;padding: 120px 0 170px;}
.section005 .m-only{display: none;}
.section005 .title-box{}
.section005 .title-box .title{font-weight: 600;font-size: 56px;line-height: 1.3;letter-spacing: 0;text-align: center;color:var(--color00);}
.section005 .dat{display: flex;justify-content: center;margin:50px auto 37px;background-image: url("../images/section005-dat.svg");background-size: auto;background-repeat: no-repeat;width: 80px;height: 14px;}
.section005 .slogan{margin: 0 auto;width:650px;height: auto;aspect-ratio: 325 / 47;}
.section005 .slogan img {width: 100%;height: auto;display: block;}
.section005 .gif-box{width: 1080px;max-width:100%;height: auto;border-radius: 30px;border: 10px solid var(--color04);background-color: #ffffff;margin: 83px auto 0;display: flex;align-items: center;padding:40px 50px;column-gap: 44px;}
.section005 .gif-box .img-box {flex: none;width: 421px;height: auto;aspect-ratio: 421 / 366;}
.section005 .gif-box .img-box img{width: 100%;height: auto;display: block;}
.section005 .gif-box .text-box .text {font-weight: 600;font-size: 30px;line-height: 1.4;letter-spacing: 0;}
.section005 .gif-box .text-box .text .brand-logo{background: center / cover no-repeat url("../images/brand-logo.svg");display: inline-block;width: 108px;height: auto;aspect-ratio: 108 / 29;margin-right: 5px}
.section005 .gif-box .text-box .text .highlight{background-color: var(--color07);}
.section005 .gif-box .text-box .info {font-weight: 500;font-size: 18px;line-height: 1.4;letter-spacing: 0;margin-top: 40px;}
.section005 .gif-box .text-box .info::before{content:'*';color: var(--color15);margin-right: 7px;line-height: 1em;transform: translateY(4px);display: inline-block;}

@media screen and (max-width: 1100px) {
    .section005 .title-box .title{font-size: 42px;}

    .section005 .gif-box {width: 800px;padding: 40px 40px;column-gap: 44px;}
    .section005 .gif-box .img-box {width: 300px;}
    .section005 .gif-box .text-box .text {font-size: 22px;}
    .section005 .gif-box .text-box .info {font-size: 18px;line-height: 1.4;letter-spacing: 0;}
}

@media screen and (max-width: 980px) {
    .section005{padding: 70px 0 90px;}
    .section005 .title-box .title{font-size: 36px;}
    .section005 .dat{margin:30px auto 27px;background-image: url("../images/table/section005-dat.svg");width: 60px;height: 11px;}
    .section005 .slogan{width:549px;}
    .section005 .gif-box {width: 720px;height: auto;border: 8px solid var(--color04);margin: 70px auto 0;padding: 28px 35px;column-gap: 40px;}
    .section005 .gif-box .img-box {width: 278px;}
    .section005 .gif-box .text-box .text {font-size: 20px;}
    .section005 .gif-box .text-box .info {font-size: 14px;}

}

@media screen and (max-width: 820px) {
    .section005 .gif-box {width: 620px;max-width:100%;flex-direction: column;row-gap: 16px;}
    .section005 .gif-box .img-box {width: 278px;}
    .section005 .gif-box .text-box .text {font-size: 20px;}
    .section005 .gif-box .text-box .info {font-size: 14px;}
}

@media screen and (max-width: 740px) {
    .section005 .m-only{display: block;}
    .section005 .slogan{width:480px;}
}

@media screen and (max-width: 560px) {
    .section005 .slogan{width:440px;}
}

@media screen and (max-width: 480px) {
    .section005{padding: 50px 0 90px;}
    .section005 .title-box .title{font-size: 24px;}
    .section005 .slogan{width:304px;}
    .section005 .dat{margin:30px auto 27px;background-image: url("../images/mobile/section005-dat.svg");width: 45px;height: 8px;}
    .section005 .gif-box {padding: 25px 35px 30px;}
    .section005 .gif-box .img-box {width: 100%;}
    .section005 .gif-box .text-box .text {font-size: 18px;}
    .section005 .gif-box .text-box .info {font-size: 12px;margin-top: 14px;}
    .section005 .gif-box .text-box .text .brand-logo{width: 71px;}
}
@media screen and (max-width: 420px) {
    .section005 .gif-box {padding: 5px 25px 30px;}
    .section005 .gif-box .text-box .text {font-size: 16px;}
    .section005 .gif-box .text-box .text .brand-logo{width: 62px;}
}

@media screen and (max-width: 360px) {
    .section005 .gif-box {padding: 5px 16px 30px;}
    .section005 .gif-box .text-box .text {font-size: 16px;}
    .section005 .gif-box .text-box .text .brand-logo{width: 62px;}
}

@media screen and (max-width: 340px) {
    .section005{padding: 50px 0 70px;}
    .section005 .title-box .title{font-size: 22px;}
    .section005 .slogan{width:275px;}
}


.section006{width: 100%;background-color:var(--color10);padding: 92px 0 0;overflow: hidden;}
.section006 .container{position: relative;padding-bottom: 87px;}
.section006 .text-box {max-width:100%;}
.section006 .text-box .title .title-line{font-weight: 900;font-size: 68px;line-height: 1.2;letter-spacing: 0;text-align: left;color:var(--color01);position: relative;z-index:1}
.section006 .text-box .title .title-line::after{content:'';background: center / contain no-repeat url("../images/section006-title-line.svg");display: block;width: 518px;height: auto;aspect-ratio: 329 / 30;position: absolute;left: 0;bottom: -6px;z-index: -1;}
.section006 .text-area{background: center / cover no-repeat url("../images/section006-text-bg.svg");width: 582px;height: auto;aspect-ratio: 194 / 115 ;position: relative;margin-top: 88px;padding:32px 0 19px 66px;z-index: 1;display: flex;flex-direction: column;row-gap: 20px;}
.section006 .text-area > p {font-weight: 500;font-size: 28px;line-height: 1.4;letter-spacing: -0.02em;}
.section006 .img-box{position: absolute;right: -158px;bottom:0;width: 928px;height: auto; aspect-ratio: 928 / 696;}
.section006 .img-box img{display: block;width: 100%;height: 100%;}

@media screen and (max-width: 1100px) {
    .section006 .img-box {right: -108px;width: 728px;aspect-ratio: 928 / 696;}
}
@media screen and (max-width: 980px) {
    .section006{padding: 60px 0 0;}
    .section006 .container {padding-bottom: 57px;}
    .section006 .text-box {width: 840px;margin: 0 auto;}
    .section006 .text-box .title {margin-left: 40px;}
    .section006 .text-box .title .title-line{width: 329px;font-size: 42px;}
    .section006 .img-box {right: 0;width: 632px;aspect-ratio: 928 / 696;}
    .section006 .text-area {width: 412px;margin-top: 60px;padding: 23px 0 19px 42px;row-gap: 20px;}
    .section006 .text-area > p {font-size: 20px;}
}

@media screen and (max-width: 850px) {
    .section006 .img-box {width: 550px;}
}

@media screen and (max-width: 800px) {
    .section006 .img-box {width: 500px;right:-50px;
    }
}
@media screen and (max-width: 740px) {
    .section006 .container {padding-bottom: 230px;}
    .section006 .text-box .title .title-line::after {left: 50%;transform: translateX(-50%);width:300px;}
    .section006 .text-box .title .title-line:nth-of-type(1)::after {}
    .section006 .text-box .title .title-line:nth-of-type(2)::after {  width: 340px;}
    .section006 .text-box .title .title-line:nth-of-type(3)::after {}


    .section006 .text-area {background: center / cover no-repeat url("../images/mobile/section006-text-bg.svg");width: 330px;height: auto;aspect-ratio: 22 / 19;padding: 22px 40px ;row-gap: 8px;margin: 25px auto 0;position: relative;z-index: 1;}
    .section006 .text-box .title {text-align: center;margin: 0 auto;}
    .section006 .img-box {width: 500px;aspect-ratio: 50 / 33;right: 50%;transform: translateX(50%);z-index: 2}
    .section006 .text-area > p {font-size: 18px;}
}

@media screen and (max-width: 480px) {
    .section006 .text-box .title .title-line{font-size: 30px;}
    .section006 .text-box .title .title-line::after {width:226px;}
    .section006 .text-box .title .title-line:nth-of-type(2)::after {  width: 264px;}
}

@media screen and (max-width: 360px) {
    .section006{padding: 50px 0 0;}
    .section006 .container {padding-bottom: 220px;}
    .section006 .text-box .title .title-line{font-size: 28px;}
    .section006 .text-area{width: 299px;}
    .section006 .text-area > p {font-size: 16px;}
}

.section007{width: 100%;background: center / auto repeat url("../images/section007-bg.jpg");display: flex;justify-content: center;align-items: flex-start;padding: 120px 0 170px;}
.section007 .title-box{text-align: center;display: flex;flex-direction: column;row-gap: 30px;}
.section007 .title-box .title{font-weight: 900;font-size: 57px;line-height: 1.2;letter-spacing: 0;text-align: center;color:var(--color00);word-break:keep-all;}
.section007 .title-box .title .highlight{color:var(--color07);}
.section007 .title-box .sub-title{font-family: "Noto Sans KR", sans-serif;font-weight: 700;font-size: 25px;line-height: 1;letter-spacing: -0.02em;text-align: center;background-color: var(--color00);padding:15px;display: inline-flex;align-items: center;column-gap: 8px;margin: 0 auto;color:var(--color03);}
.section007 .title-box .sub-title::before{content:'';background: center / cover repeat url("../images/toilet-bowl.svg");width: 37px; height: 32px;}
.section007 .title-box .sub-title em{font-size: 34px;}

.section007 .list-box{width:100%;margin-top: 66px;}
.section007 .mo-only{display: none;}
.section007 .pc-only{display: block;}
.section007 .mobile-only{display: none;}
.section007 .list-box :is(.img-list,.text-list){display: flex;column-gap: 44px;}
.section007 .list-box .img-item{width: calc((100% - 90px) / 3);height:auto;aspect-ratio:37 / 24;overflow: hidden;border-radius: 20px;}
.section007 .list-box .img-item img{width: 100%;height: 100%;display: block;}
.section007 .list-box .price-box{font-weight: 700;font-size: 42px;line-height: 1.4;color: #325F14;background: #FCFF5A;text-align: center;margin: 30px 0;}
.section007 .list-box .text-item {width: calc((100% - 90px) / 3);font-weight: 600;font-size: 26px;line-height: 1.3;text-align: center;position: relative;}
.section007 .list-box .text-item:nth-of-type(n +2)::before{content:'OR';width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;font-weight: 700;font-size: 15px;line-height: 100%;text-align: center;position: absolute;top:50%;left: -4px;background-color: #ffffff;color: #325F14;border-radius: 50%;transform: translate(-100%,-50%);}

.section007 .section007Swiper{}
.section007 .section007Swiper .swiper-slide{width: 240px;}
.section007 .section007Swiper .img-box{width: 100%;}
.section007 .section007Swiper .img-box img{width: 100%;display: block;}
.section007 .section007Swiper .text-box {font-weight: 600;font-size: 18px;line-height: 130%;text-align: center;margin-top: 15px;}
.section007 .section007Swiper .swiper-button-next{right: calc((100% - 308px) / 2);left: auto;width: 28px;height: 28px;}
.section007 .section007Swiper .swiper-button-prev {left: calc((100% - 308px) / 2);right: auto;width: 28px;height: 28px;}
.section007 .section007Swiper :is(.swiper-button-next,.swiper-button-prev):after {content:'OR';width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;font-weight: 700;font-size: 15px;line-height: 100%;text-align: center;background-color: #ffffff;border-radius: 50px;color:#325F14;}
.section007 .section007Swiper :is(.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled) {opacity: 0;}

.section007 .info-box{margin-top: 59px;display: flex;flex-direction: column;row-gap: 15px;}
.section007 .info-box p {font-weight: 400;font-size: 20px;line-height: 130%;text-align: center;color: #FFFFFF;}
.section007 .info-box p::before{content:'*';font-weight: 400;font-size: 26px;line-height: 1.3%;text-align: center;color: #FCFF5A;transform: translateY(8px);margin-right: 5px;display: inline-block;}

.section007 .button-box{display: flex;justify-content: center;margin-top: 38px;}
.section007 .button {position: relative;display: inline-block;padding: 25px 24px 23px 35px;background: #FBC43A;font-weight: 900;font-size: 57px;line-height: 100%;text-align: center;z-index: 1;}
.section007 .button::before {content: "";position: absolute;inset: 0;background: #ffffff; /* 노란색 */clip-path: polygon(0 0%, 100% 0, 100% 100%, 2% 100%);z-index: -1;height: calc(100% - 26px);width: calc(100% + 40px);top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media screen and (max-width: 1100px) {
    .section007 .title-box .sub-title {font-size: 16px;padding: 6px 10px;column-gap: 8px;}
    .section007 .title-box .sub-title::before {width: 28px;height: auto;aspect-ratio: 37 / 32;}
    .section007 .title-box .sub-title em {font-size: 22px;}
    .section007 .title-box .title {font-size: 38px;}
    .section007 .list-box :is(.img-list,.text-list){display: flex;column-gap: 16px;}
    .section007 .list-box {max-width: 812px;margin: 40px auto 0;}
    .section007 .list-box .img-item{width: calc((100% - 32px) / 3);}
    .section007 .list-box .text-item{width: calc((100% - 32px) / 3);font-size: 18px;}
    .section007 .list-box .text-item:nth-of-type(n +2)::before {width: 28px;height: 28px;font-size: 11px;left: 8px;}
    .section007 .list-box .price-box {font-size: 32px;margin: 27px 0;}
    .section007 .info-box {margin-top: 50px;row-gap: 10px;}
    .section007 .info-box p{font-size: 16px;}
    .section007 .info-box p::before{font-size: 18px;transform: translateY(4px);margin-right: 4px;}
    .section007 .button {padding: 23px 21px 22px 30px;font-size: 42px;}
    .section007 .button::before {height: calc(100% - 22px);width: calc(100% + 34px);}
}

@media screen and (max-width: 980px) {
    .section007 {padding: 60px 0 110px;}
}

@media screen and (max-width: 820px) {
    .section007 {padding: 60px 0 90px;}
    .section007 .container{padding:0;}
    .section007 .pc-only{display: none;}
    .section007 .mobile-only{display: block;}
    .section007 .title-box .sub-title {font-size: 14px;padding: 6px 8px;column-gap: 5px;}
    .section007 .title-box .sub-title::before {width: 23px;}
    .section007 .title-box .sub-title em {font-size: 20px;}
    .section007 .title-box .title {font-size: 26px;}
    .section007 .list-box .price-box{max-width:280px;font-size: 26px;margin: 30px auto;}
    .section007 .info-box {margin-top: 33px;row-gap: 6px;}
    .section007 .info-box p{font-size: 14px;}
    .section007 .info-box p::before{font-size: 16px;transform: translateY(4px);margin-right: 2px;}
    .section007 .button {padding: 12px 10px 14px 10px;font-size: 28px;}
    .section007 .button::before {height: calc(100% - 12px);width: calc(100% + 20px);}
}

@media screen and (max-width: 480px) {
    .section007 .mo-only{display: block;}
}

@media screen and (max-width: 420px) {
    .section007 {padding: 50px 0 80px;}
    .section007 .title-box .title {font-size: 22px;}
    .section007 .info-box {margin-top: 42px;row-gap: 8px;}
    .section007 .info-box p{font-size: 12px;letter-spacing: -0.02em;}
    .section007 .info-box p::before{font-size: 14px;transform: translateY(4px);margin-right: 2px;}
    .section007 .button-box {margin-top: 25px;}
    .section007 .button {padding: 12px 7px 14px 5px;font-size: 28px;}
}


.section008{width: 100%;background-color:var(--color10);padding: 90px 0 120px;}
.section008 .title-box .title{text-align: center;font-weight: 900;font-size: 68px;line-height: 100%;letter-spacing: 0;color:var(--color01);position: relative;z-index: 1;}
.section008 .title-box .title::after{content:'';background: center / cover no-repeat url("../images/section008-title-line.svg");display: block;width: 192px;height: auto;aspect-ratio: 193 / 49;position: absolute;left: 50%;bottom:0;transform: translate(-50%,50%);z-index: -1;}


.section008 .faq-list {max-width: 1035px;margin: 76px auto 0;display: flex;flex-direction: column;row-gap: 35px;padding: 0 10px 0 45px;}
.section008 .faq-list .faq-item{cursor: pointer;}
.section008 .faq-list .faq-item .question{display: flex;align-items: center;background-color: #ffffff;padding:15px 55px;position: relative;}
.section008 .faq-list .faq-item .question::after{content:'';background-image: url("../images/faq-arrow.svg");background-repeat: no-repeat;background-size: cover;width: 23px;height: auto;aspect-ratio:23 / 15;position: absolute;right: 25px;top:50%;transform: translateY(-50%);transition-duration: 0.3s;}
.section008 .faq-list .faq-item .question .num {width: 70px;height: 70px;background: #4D9F3D;border-radius: 50%;font-family: Oxfam Global Headline, sans-serif;font-weight: 400;font-size: 38px;line-height: 100%;letter-spacing: 0.01em;text-align: center;display: flex;justify-content: center;align-items: center;position: absolute;color:#ffffff;left: 0;transform: translateX(-50%);padding-bottom: 6px;}
.section008 .faq-list .faq-item .question p {font-weight: 600;font-size: 30px;line-height: 1.2em;}
.section008 .faq-list .faq-item .answer{height: 0;overflow: hidden;transition: height 0.4s ease;}
.section008 .faq-list .faq-item .answer p {font-weight: 500;font-size: 22px;line-height: 1.4;letter-spacing: -0.02em;padding:30px 55px;}
.section008 .faq-list .faq-item .answer a{text-decoration: underline;}
.section008 .faq-list .faq-item.open .answer{height: auto;overflow: hidden;}
.section008 .faq-list .faq-item.open .question p{color:#245623;}
.section008 .faq-list .faq-item.open .question::after{transform: translateY(-50%) rotate(-180deg)}

@media screen and (max-width: 1100px) {
    .section008 .faq-list .faq-item .question p {font-size: 26px;}
}

@media screen and (max-width: 980px) {
    .section008{padding: 60px 0 90px;}
    .section008 .title-box .title{font-size: 42px;}
    .section008 .title-box .title::after{width: 140px;}
    .section008 .faq-list{row-gap: 20px;margin-top: 50px;}
    .section008 .faq-list .faq-item .question {padding: 15px 45px;}
    .section008 .faq-list .faq-item .question .num {width: 62px;height: 62px;font-size: 24px;padding-bottom: 3px;}
    .section008 .faq-list .faq-item .question::after{width: 18px;}
    .section008 .faq-list .faq-item .question p {font-size: 22px;}
    .section008 .faq-list .faq-item .answer p {font-size: 16px;padding:20px 35px;}

}
@media screen and (max-width: 680px) {
    .section008 .title-box .title{font-size: 32px;}
    .section008 .title-box .title::after{width: 110px;}
    .section008 .faq-list{row-gap: 18px;margin-top: 40px;}
    .section008 .faq-list .faq-item .question {padding: 15px 45px;}
    .section008 .faq-list .faq-item .question .num {width: 48px;height: 48px;font-size: 20px;padding-bottom: 3px;}
    .section008 .faq-list .faq-item .question::after{width: 15px;right:15px;}
    .section008 .faq-list .faq-item .question p {font-size: 15px;}
    .section008 .faq-list .faq-item .answer p {font-size: 12px;padding:15px 25px;}
}

@media screen and (max-width: 480px) {
    .section008 .faq-list{padding: 0 0 0 24px;}
    .section008 .faq-list .faq-item .question::after{width: 13px;}
}

@media screen and (max-width: 340px) {
    .section008{padding: 50px 0 100px;}
    .section008 .title-box .title{font-size: 28px;}
    .section008 .faq-list{row-gap: 18px;margin-top: 36px;}
}

/*
기존 푸터 스타일
공통 영역 스타일 사용시 삭제 하시면 됩니다
*/
.wrap_footer {padding: 48px 40px 100px;min-width: 300px;background: #0c0c0c;overflow: hidden;z-index: 10;position: relative;}
.wrap_footer .add_set .f_logo {display: block;width: auto;padding-bottom: 10.4vw;}
.wrap_footer .f_logo img {width: 33.33vw;}
.wrap_footer .add_r {font-size: 3.73vw;color: #868e96;letter-spacing: -0.05vw;line-height: 5.87vw;}
.wrap_footer .add_r .link {padding-bottom: 4.8vw;font-weight: 700;font-size: inherit;color: inherit;letter-spacing: inherit;line-height: inherit;}
.wrap_footer .add_r .link a {position: relative;display: inline-block;font-size: inherit;color: inherit;letter-spacing: inherit;line-height: inherit;font-weight: inherit;}
.wrap_footer .add_r .link a.first {padding-right: 4.27vw;}
.wrap_footer .add_r .link a.first:before {content: '';position: absolute;top: 0.8vw;right: 1.5vw;width: 1px;height: 4vw;background: #868e96;}
.wrap_footer .add_r .add {font-size: inherit;color: inherit;}
.wrap_footer .copy {padding-top: 9.07vw;font-size: 3.73vw;color: #868e96;font-weight: normal;letter-spacing: -0.07vw;}
@media (min-width: 441px) {

    .wrap_footer .add_set {width: 720px;margin: 0 auto;}
    .wrap_footer .add_set .f_logo {display: inline-block;width: 104px;padding-bottom: 0;}
    .wrap_footer .f_logo img {width: 100%;}
    .wrap_footer .add_set .add_r {position: relative;display: inline-block;vertical-align: top;margin-left: 32px;padding-left: 17px;font-size: inherit;color: inherit;letter-spacing: inherit;line-height: inherit;}
    .wrap_footer .add_set .add_r:before {content: '';position: absolute;top: 0;left: 0;width: 0.5px;height: 80px;background: #868e96;}
    .wrap_footer .add_set .link {padding-bottom: 13px;}
    .wrap_footer .add_set .link a {display: inline-block;position: relative;font-size: 10px;color: #868e96;letter-spacing: -0.15px;line-height: 16px;font-weight: 700;}
    .wrap_footer .add_r .link a.first {padding-right: 14px;}
    .wrap_footer .add_r .link a.first:before {content: '';position: absolute;top: 50%;right: 4px;margin-top: -5px;width: 1px;height: 10px;background: #868e96;}
    .wrap_footer .add_set .add {font-size: 10px;color: #868e96;letter-spacing: -0.15px;line-height: 16px;}
    .wrap_footer .copy {padding: 32px 0 0 0;font-size: 10px;letter-spacing: -0.15px;line-height: 14px;}
}
@media screen and (min-width: 1440px) {
    .wrap_footer {padding: 100px 0;width: 100%;text-align: center;background: #0c0c0c;}
    .wrap_footer .add_set {display: inline-block;width: 1200px;font-size: 0;text-align: left;}
    .wrap_footer .add_set .f_logo {width: 153px;}
    .wrap_footer .add_set .f_logo img {width: 100%;}
    .wrap_footer .add_set .add_r {margin-left: 47px;padding-left: 46px;}
    .wrap_footer .add_set .add_r:before {height: 107px;}
    .wrap_footer .add_set .link {padding-bottom: 18px;}
    .wrap_footer .add_set .link a {font-size: 14px;letter-spacing: -0.2px;line-height: 22px;}
    .wrap_footer .add_set .link a.first:before {margin-top: -8px;right: 6.5px;height: 14px;}
    .wrap_footer .add_set .add {font-size: 14px;letter-spacing: -0.2px;line-height: 22px;}
    .wrap_footer .copy {padding: 57px 0 0 0;font-size: 14px;letter-spacing: -0.2px;line-height: 19px;}
}

@media screen and (min-width: 2000px) {
    .wrap_footer {padding: 100px 0;width: 100%;text-align: center;background: #0c0c0c;}
    .wrap_footer .add_set {display: inline-block;width: 1200px;font-size: 0;text-align: left;}
    .wrap_footer .add_set .f_logo {width: 153px;}
    .wrap_footer .add_set .f_logo img {width: 100%;}
    .wrap_footer .add_set .add_r {margin-left: 47px;padding-left: 46px;}
    .wrap_footer .add_set .add_r:before {height: 107px;}
    .wrap_footer .add_set .link {padding-bottom: 18px;}
    .wrap_footer .add_set .link a {font-size: 14px;letter-spacing: -0.2px;line-height: 22px;}
    .wrap_footer .add_set .link a.first:before {margin-top: -8px;right: 6.5px;height: 14px;}
    .wrap_footer .add_set .add {font-size: 14px;letter-spacing: -0.2px;line-height: 22px;}
    .wrap_footer .copy {padding: 57px 0 0 0;font-size: 14px;letter-spacing: -0.2px;line-height: 19px;}
}