@charset "UTF-8";

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:#1e1e1e;letter-spacing:-0.02em;color:#121212}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'] {position:absolute;left:0;top:0;width:0;height:0;opacity:0}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover}
.campaign-wrap .cont-section .section-inner {position:relative;width:120rem;height:100%;margin:auto}

.inner-flex-right {display:flex;justify-content:flex-end}

.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:2.8rem;width:33.3rem;height:10rem;line-height:10rem;vertical-align:middle;border-radius:1.5rem;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);border-radius:1.5rem;box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.31)}
.button--dione:hover>span {outline-offset:1.2rem;outline-color:#005B48}
.button--dione:hover::before {transform: scale3d(0.9, 0.8, 1);box-shadow:0 0 2rem 0 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);border-radius:1.5rem;animation:fadeout 1.2s 1 ease;animation-fill-mode:forwards}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

.campaign-wrap .cont-section.section01 {height:84.8rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:3rem}
.campaign-wrap .cont-section.section01 .section-inner .txt-eyebrow {font-weight:500;font-size:1.5rem;line-height:2.4rem;color:#242424}
.campaign-wrap .cont-section.section01 .section-inner .txt-eyebrow > span {color:#005b48}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:35.7rem;height:26rem;margin-top:9.2rem;margin-left:9rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt {width:36.5rem;display:flex;flex-direction:column;gap:3rem;align-items:center;text-align:center;font-weight:600;font-size:2.3rem;line-height:3.4rem;color:#1f1f1f;margin-top:3rem;margin-left:9rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn {margin-top:3rem;margin-left:9rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a {width:37rem;height:10rem;border-radius:1rem;font-weight:800;font-size:3rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a::before {background:#394226;border-radius:1rem;box-shadow:0.5rem 0.7rem 1rem 0 rgba(0, 0, 0, 0.3)}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a:hover::before {background:#005b48}

.campaign-wrap .cont-section.section02 {height:90.8rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {width:113.5rem;padding-top:13rem}
.campaign-wrap .cont-section.section02 .section-inner .yt-inner {width:100%;height:63.8rem}
.campaign-wrap .cont-section.section02 .section-inner .yt-inner > .yt-box {width:100%;height:100%}
.campaign-wrap .cont-section.section02 .section-inner .yt-inner > p {font-weight:500;font-size:1.6rem;color:#8893a0;margin-top:2.1rem;text-align:center}

.campaign-wrap .cont-section.section03 {height:90.2rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:14rem}
.campaign-wrap .cont-section.section03 .section-inner .txt-main {width:53.1rem;height:13.9rem;filter:drop-shadow(0 0 0.6rem #2c353c)}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt {font-size:2.4rem;line-height:4rem;color:#fff;display:flex;flex-direction:column;gap:2.5rem;margin-top:5rem;margin-left:0.3rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-photo {display:flex;gap:1.2rem;margin-top:4.5rem;margin-left:0.3rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-photo > p {width:29.6rem;height:21.3rem;position:relative}
.campaign-wrap .cont-section.section03 .section-inner .camp-photo > p::after {content:'';position:absolute;inset:0;border:0.3rem solid #d1d9b8;pointer-events:none}

.campaign-wrap .cont-section.section04 {height:76.9rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {padding-top:7.9rem}
.campaign-wrap .cont-section.section04 .section-inner .txt-main {width:85.9rem;height:16.4rem;position:absolute;top:7.9rem;left:22.3rem;z-index:1}
.campaign-wrap .cont-section.section04 .section-inner .txt-sub {width:74.3rem;height:30.9rem;position:absolute;top:13rem;left:23.1rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt {margin-top:32rem;font-size:2.4rem;line-height:4rem;color:#121212;display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt strong {font-weight:700}

.campaign-wrap .cont-section.section05 {height:58.2rem;background-image:url(../images/section05-img.jpg)}

.campaign-wrap .cont-section.section06 {height:108.5rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {width:124.8rem;padding-top:13.2rem;height:auto}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div {width:62.8rem}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div .txt-main {width:62.8rem;height:13.9rem;filter:drop-shadow(0 0 0.27rem #2c353c);margin-bottom:6rem}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div .camp-txt {display:flex;flex-direction:column;gap:2.5rem;font-size:2.4rem;line-height:4rem;color:#f5f2e8}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div .camp-txt .txt-img {display:block;width:41.6rem;height:2.8rem;margin-left:-1rem;margin-bottom:1rem}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div .camp-txt .txt-img > img {display:block}
.campaign-wrap .cont-section.section06 .section-inner.inner-flex-right > div .camp-txt .camp-txt-point {color:#bbd1af}
.campaign-wrap .cont-section.section06 .section-inner.inner-full {width:100%!important;padding-top:0;position:absolute;bottom:0;left:0}
.campaign-wrap .cont-section.section06 .section-inner.inner-full > ul {width:100%;display:flex}
.campaign-wrap .cont-section.section06 .section-inner.inner-full > ul > li {width:33.3333%;height:31.5rem;background-repeat:no-repeat;background-position:center top;background-size:cover}
.campaign-wrap .cont-section.section06 .section-inner.inner-full > ul > li:nth-child(1) {background-image:url(../images/section06-photo01.jpg)}
.campaign-wrap .cont-section.section06 .section-inner.inner-full > ul > li:nth-child(2) {background-image:url(../images/section06-photo02.jpg)}
.campaign-wrap .cont-section.section06 .section-inner.inner-full > ul > li:nth-child(3) {background-image:url(../images/section06-photo03.jpg)}

.campaign-wrap .cont-section.section07 {height:74.8rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {padding-top:12.8rem}
.campaign-wrap .cont-section.section07 .section-inner > div {margin-left:25.4rem}
.campaign-wrap .cont-section.section07 .section-inner > div .txt-main {width:54.2rem;height:22.5rem;margin-bottom:4.5rem}
.campaign-wrap .cont-section.section07 .section-inner > div .camp-txt {display:flex;flex-direction:column;gap:2.5rem;font-size:2.4rem;line-height:4rem;color:#fff}

.campaign-wrap .cont-section.section08 {height:99.5rem;background-image:url(../images/section08-bg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner {padding-top:71.8rem}
.campaign-wrap .cont-section.section08 .section-inner .bubble-comment {position:absolute}
.campaign-wrap .cont-section.section08 .section-inner .bubble-comment > img {display:block;width:100%;height:100%}
.campaign-wrap .cont-section.section08 .section-inner .bubble-comment.comment01 {width:59.3rem;height:20.7rem;top:10rem;right:11.7rem}
.campaign-wrap .cont-section.section08 .section-inner .bubble-comment.comment02 {width:50.1rem;height:16.2rem;top:30rem;right:4rem}
.campaign-wrap .cont-section.section08 .section-inner .bubble-comment.comment03 {width:60.1rem;height:16.7rem;top:44rem;right:-20.2rem}
.campaign-wrap .cont-section.section08 .section-inner .camp-txt {text-align:center;font-size:3.5rem;line-height:5.5rem;color:#394226}
.campaign-wrap .cont-section.section08 .section-inner .camp-btn {margin-top:3rem;display:flex;justify-content:center}
.campaign-wrap .cont-section.section08 .section-inner .camp-btn > a {width:45.8rem;height:10.7rem;line-height:10.7rem;border-radius:1rem;font-weight:700;font-size:3.5rem}
.campaign-wrap .cont-section.section08 .section-inner .camp-btn > a::before {background:#005b48;border-radius:1rem;box-shadow:0.4rem 0.4rem 1rem 0 rgba(0, 0, 0, 0.5)}
.campaign-wrap .cont-section.section08 .section-inner .camp-btn > a:hover::before {background:#617b52}

.campaign-wrap .cont-section.section09 {background-color:#e8efd7}
.campaign-wrap .cont-section.section09 .section-inner {padding:5.5rem 0 9rem;width:133.2rem}
.campaign-wrap .cont-section.section09 .section-inner h4 {width:79.7rem;height:12.3rem;margin:auto;margin-bottom:5.3rem}
.campaign-wrap .cont-section.section09 .section-inner > ul {width:100%;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section09 .section-inner > ul > li {width:41.6rem;height:44.7rem;border-radius:3.1rem;overflow:hidden;background-color:#404b2a;text-align:center}
.campaign-wrap .cont-section.section09 .section-inner > ul > li > p::before {content:"";display:block;width:100%;height:28.3rem;background-repeat:no-repeat;background-position:center top;background-size:cover;margin-bottom:3rem}
.campaign-wrap .cont-section.section09 .section-inner > ul > li:nth-child(1) > p::before {background-image:url(../images/section09-photo01.jpg)}
.campaign-wrap .cont-section.section09 .section-inner > ul > li:nth-child(2) > p::before {background-image:url(../images/section09-photo02.jpg)}
.campaign-wrap .cont-section.section09 .section-inner > ul > li:nth-child(3) > p::before {background-image:url(../images/section09-photo03.jpg)}
.campaign-wrap .cont-section.section09 .section-inner > ul > li > p {font-weight:500;font-size:2rem;line-height:2.8rem;color:#eef4e2;letter-spacing:-0.05em}
.campaign-wrap .cont-section.section09 .section-inner > ul > li > h5 {font-weight:700;font-size:2.8rem;line-height:5rem;color:#d3b35e;letter-spacing:-0.025em;margin-top:0.8rem}
.campaign-wrap .cont-section.section09 .section-inner .camp-txt-info {margin-top:2.8rem;text-align:center;font-size:1.7rem;line-height:3.3rem;color:#404b2a}

.campaign-wrap .cont-section.section10 {height:58.9rem;background-image:url(../images/section10-bg.jpg)}
.campaign-wrap .cont-section.section10 .section-inner {width:100%}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn {position:absolute;top:25.5rem;right:24.3rem}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn > a {width:50.7rem;height:11.2rem;line-height:11.2rem;border-radius:2rem;font-weight:700;font-size:3.5rem}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn > a span {color:#394226}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn > a::before {background:#eef4e2;border-radius:2rem;box-shadow:0.8rem 0.8rem 1rem 0 rgba(0, 0, 0, 0.27)}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn > a:hover::before {background:#617b52}
.campaign-wrap .cont-section.section10 .section-inner .camp-btn > a:hover span {color:#e8efd7}


.campaign-copyright {font-weight:600;font-size:2rem;letter-spacing:-0.025em}

.camp-fixed-banner {width:17.8rem;height:15.8rem;position:fixed;top:18rem;right:4.3rem;background-repeat:no-repeat;background-position:center center;background-size:contain;box-shadow:0.3rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5);border-radius:1.5rem;overflow:hidden;z-index:999}
.camp-fixed-banner > a {display:block;width:100%;height:100%;background-image:url(../images/camp-fixed-banner-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;border-radius:1.5rem;border:0.5rem solid #005b48;transition:all 0.3s}
.camp-fixed-banner > a:hover {border:0.5rem solid #5a724c}


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