@charset "UTF-8";

html {font-size:62.5%}

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

.camp-txt-point-green {font-weight:700;color:#00c587}
.camp-txt-point-red {font-weight:700;color:#ff0000}

.button {pointer-events:auto;cursor:pointer;border:none;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;text-align:center}
.button::before,
.button::after {position:absolute;top:0;left:0;width:100%;height:100%}
.button--dione {background: none;font-weight:700;font-size:28px;width:333px;height:100px;line-height:100px;vertical-align:middle;letter-spacing:0}
.button--dione span {display:inline-block;position:relative;color:#fff}
.button--dione::before {content:'';background:rgb(10,71,52);background:linear-gradient(90deg, rgba(10,71,52,1) 0%, rgba(19,134,90,1) 100%);transition:transform 0.3s cubic-bezier(0.2,1,0.7,1)}
.button--dione:hover>span {color:#fffb9b;outline-offset:12px;outline-color:#005B48}
.button--dione:hover::before {transform: scale3d(0.9, 0.8, 1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.31);background:#005b48}
.button--dione::after {content:'';transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);transform:scale3d(0.9, 0.8, 1)}
.button--dione:hover::after {transform:scale3d(1,1,1);outline:4px solid rgba(255, 255, 255, 0.5);-webkit-transition:all 1.25s cubic-bezier(0.19, 1, 0.22, 1);transition:all 2.2s cubic-bezier(0.19, 1, 0.22, 1);animation:fadeout 1.2s 1 ease;animation-fill-mode:forwards}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

.campaign-wrap .cont-section.section01 {height:86.1rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:14.9rem;margin-left:102.8rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-eyebrow {font-weight:700;font-size:1.6rem;line-height:3.8rem;color:#fff;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:58.9rem;height:32.5rem;margin-bottom:2.5rem;filter:drop-shadow(0.2rem 0.2rem 2.1rem rgba(6,0,0,0.52))}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt {font-weight:500;font-size:2.3rem;line-height:3.7rem;color:#fff;filter:drop-shadow(0.2rem 0.2rem 2.1rem rgba(6,0,0,0.52))}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box {margin-top:4.5rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a {width:57.5rem;height:7.8rem;display:flex;align-items:center;transition:all 0.3s;filter:drop-shadow(0.5rem 0.5rem 0.9rem rgba(0,0,0,0.3))}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a::before {background:#ff0000}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a:hover::before {background:#005b48}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a > span {line-height:initial;margin-left:2.5rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a img {display:block;width:28.4rem;height:4.7rem;transition:all 0.3s}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a:hover img {transform:scale3d(0.9, 0.9, 1)}

.campaign-wrap .cont-section.section02 {height:49.4rem;background-color:#fff;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding-top:5rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt {margin-left:39rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt h4 {width:30.7rem;height:3.8rem;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt p {font-size:2.6rem;line-height:3.8rem;color:#121212}

.campaign-wrap .cont-section.section03 {height:255.5rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:12.5rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {width:62.6rem;height:13.7rem;margin:auto;margin-bottom:11rem}
.campaign-wrap .cont-section.section03 .section-inner > ul {display:flex;flex-direction:column;gap:10.9rem;width:140rem;margin:auto}
.campaign-wrap .cont-section.section03 .section-inner > ul > li {display:flex;align-items:flex-end;justify-content:center;gap:7.8rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(odd) {margin-left:13rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(even) {flex-direction:row-reverse;margin-right:13rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .photo-box > ul {display:flex;flex-direction:column;gap:2rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .photo-box > ul > li > img {width:53rem;height:35.8rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .txt-box {font-size:2.5rem;line-height:4.5rem;letter-spacing:-0.035em;color:#fff}
.campaign-wrap .cont-section.section03 .section-inner > ul > li:nth-child(even) > .txt-box {text-align:right}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .txt-box > .txt-img {margin-bottom:5rem;margin-left:-1.3rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .txt-box > .txt-small {font-size:1.8rem;line-height:3rem;margin-top:3rem}

.campaign-wrap .cont-section.section04 {padding:14rem 0 15rem;background-color:#fff}
.campaign-wrap .cont-section.section04 .section-inner {width:130.2rem}
.campaign-wrap .cont-section.section04 .section-inner h4 {margin:auto;width:80.6rem;height:16.4rem;margin-bottom:3.6rem}
.campaign-wrap .cont-section.section04 .section-inner .list-box {width:100%;height:40rem;border-radius:5rem;background-color:#f5f2e8}
.campaign-wrap .cont-section.section04 .section-inner .list-box > ul {display:flex;justify-content:space-between;align-items:center;width:96.5rem;height:100%;margin:auto}
.campaign-wrap .cont-section.section04 .section-inner .list-box > ul > li::before {content:'';display:block;width:100%;height:15.1rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(1)::before {background-image:url(../images/section04-icon01.png)}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(2)::before {background-image:url(../images/section04-icon02.png)}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(3)::before {background-image:url(../images/section04-icon03.png)}
.campaign-wrap .cont-section.section04 .section-inner .list-box > ul > li > .inner {margin-top:1.4rem;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .list-box > ul > li > .inner h5 {margin-bottom:1.9rem}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(1) > .inner > h5 > img {width:16.1rem;height:2.8rem}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(2) > .inner > h5 > img {width:23.9rem;height:2.7rem}
.campaign-wrap .cont-section.section04 .section-inner .list-box.box01 > ul > li:nth-child(3) > .inner > h5 > img {width:17.6rem;height:2.7rem}
.campaign-wrap .cont-section.section04 .section-inner .list-box > ul > li > .inner p {font-size:2.2rem;line-height:3.3rem;color:#121212;letter-spacing:-0.025em;height:10rem}

.campaign-wrap .cont-section.section05 {height:124.5rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:13.8rem}
.campaign-wrap .cont-section.section05 .section-inner h4 {width:95.2rem;height:21.1rem;margin:auto;filter:drop-shadow(0.2rem 0.2rem 2rem rgba(6,0,0,0.5))}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box {margin-top:5rem;display:flex;justify-content:center;gap:5.4rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box > a {width:29.6rem;height:10.6rem;background-color:#009365;border-radius:2rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s;filter:drop-shadow(0.5rem 0.5rem 0.9rem rgba(0,0,0,0.3))}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box > a + a {background-color:#ff0000}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box > a:hover {background-color:#005b48}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box > a > img {width:13.4rem;height:3.5rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box > a + a > img {width:13.5rem;height:3.5rem}

.campaign-copyright {height:14rem;font-size:2rem;font-weight:600;line-height:3.6rem;letter-spacing:-0.4px;background-color:#000;color:#fff!important;display:flex;align-items:center;justify-content:center}

.camp-fixed-banner {width:16.8rem;height:16.8rem;position:fixed;top:18rem;right:7.4rem;border-radius:50%;overflow:hidden;z-index:999;opacity:0;transition:all 0.3s}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner > a {display:flex;width:100%;height:100%;background-color:#009365;align-items:center;justify-content:center;transition:all 0.3s}
.camp-fixed-banner > a:hover {background-color:#ff0000}
.camp-fixed-banner > a > span {display:block;margin-top:0.8rem}
.camp-fixed-banner > a > span > img {width:11.7rem;height:10.8rem}


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