@charset "UTF-8";

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/camp-btn-arrow-hover.png)
	url(../images/camp-fixed-banner-hover.png);
}

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;line-height:140%;color:#000;letter-spacing:-0.035em}
.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;height:100%;margin:auto}

.button {pointer-events:auto;cursor:pointer;background:#e7e7e7;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:800;font-size:3rem;width:58.2rem;height:10.4rem;line-height:10.4rem;vertical-align:middle;border-radius:6rem;letter-spacing:-0.025em}
.button--dione span {display:inline-block;position:relative;color:#fff}
.button--dione::before {content:'';background:#00986e;transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);border-radius:6rem}
.button--dione:hover>span {outline-offset:12px;outline-color:#000;color:#e3f597}
.button--dione:hover::before {transform:scale3d(0.9, 0.8, 1);background-color:#000}
.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:6rem;animation:fadeout 1.2s 1 ease;animation-fill-mode:forwards}

@keyframes fadeout {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

.camp-btn-box {text-align:center}
.camp-btn-box > a > span {display:flex;align-items:center;justify-content:center;gap:1.8rem;font-weight:700;font-size:3.8rem}
.camp-btn-box > a > span::after {content:'';display:block;width:2.2rem;height:3.6rem;background-image:url(../images/camp-btn-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.camp-btn-box > a:hover > span::after {background-image:url(../images/camp-btn-arrow-hover.png)}

.campaign-wrap .cont-section.section01 {height:94rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:13.3rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box {margin-left:19.3rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box h3 {width:79.8rem;height:28.6rem;margin-bottom:2.3rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .txt-sub > span {display:flex;align-items:center;justify-content:center;width:42.6rem;height:7.6rem;background-image:url(../images/section01-txt-sub-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain;font-weight:500;font-size:3rem;line-height:4rem;color:#009a6f;margin-left:10.4rem}

.campaign-wrap .cont-section.section02 {height:93.7rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding:14rem 0 10rem}
.campaign-wrap .cont-section.section02 .section-inner h4 {text-align:center;font-weight:700;font-size:5.7rem;line-height:8rem;letter-spacing:-0.022em}
.campaign-wrap .cont-section.section02 .section-inner h4 > .txt-point {color:inherit;display:inline-block;position:relative;z-index:0}
.campaign-wrap .cont-section.section02 .section-inner h4 > .txt-point::after {content:'';display:block;width:70.5rem;height:5.4rem;background-image:url(../images/section02-txt-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;bottom:0;left:-0.9rem;z-index:-1}
.campaign-wrap .cont-section.section02 .section-inner h4::before {content:'';display:block;width:6.2rem;height:6.2rem;background-image:url(../images/section02-title-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin:auto;margin-bottom:3rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box {margin-top:2.8rem;font-size:3.2rem;line-height:5.6rem;text-align:center;margin-bottom:8rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box strong {color:#00986e;font-weight:700;display:inline-block}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box strong::after {content:'';display:block;width:10.7rem;height:0.8rem;background-image:url(../images/section02-txt-point-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin-top:-0.4rem;margin-left:0.4rem}

.campaign-wrap .cont-section.section03 {height:146.4rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding:9.7rem 0 10rem}
.campaign-wrap .cont-section.section03 .section-inner .anthonyBrowne-intro-box {width:142rem;height:75rem;margin:auto;border-radius:5rem;background-color:#fff;padding:9.5rem 12.2rem 8.1rem 11.2rem;position:relative}
.campaign-wrap .cont-section.section03 .section-inner .anthonyBrowne-intro-box h4 {width:69.8rem;height:16.1rem;margin:auto;margin-bottom:5rem}
.campaign-wrap .cont-section.section03 .section-inner .anthonyBrowne-intro-box .intro-txt {display:flex;flex-direction:column;gap:1.3rem;font-size:2.8rem;line-height:4.7rem;color:#624132}
.campaign-wrap .cont-section.section03 .section-inner .anthonyBrowne-intro-box .intro-txt strong {font-weight:700;color:#00986e}
.campaign-wrap .cont-section.section03 .section-inner .anthonyBrowne-intro-box::after {content:'';display:block;width:24.4rem;height:32.9rem;background-image:url(../images/section03-anthonyBrowne-intro-photo.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;right:11.2rem;bottom:8.1rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box {width:73.8rem;height:45.6rem;margin:auto;margin-top:6rem;background-image:url(../images/section03-txt-box-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;text-align:center;font-weight:600;font-size:4.5rem;line-height:7.2rem;color:#624132;padding-top:8.3rem}

.campaign-wrap .cont-section.section04 {height:179.6rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04::before {content:'';display:block;width:100.8rem;height:49.3rem;background-image:url(../images/section04-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:-23.8rem;left:0;z-index:9}
.campaign-wrap .cont-section.section04 .section-inner {padding-top:15.5rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner {width:154rem;height:86.7rem;margin:auto;position:relative}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner::before,
.campaign-wrap .cont-section.section04 .section-inner .yt-inner::after {content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner::before {width:32.3rem;height:30.6rem;background-image:url(../images/section04-video-deco01.png);bottom:-16.2rem;left:-8rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner::after {width:22.7rem;height:93.3rem;background-image:url(../images/section04-video-deco02.png);top:1.7rem;right:-5.9rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner > .yt-box {width:100%;height:100%}
.campaign-wrap .cont-section.section04 .section-inner .anthonyBrowne-comment {position:absolute;left:40rem;bottom:13.7rem;width:50rem;height:32.1rem}

.campaign-wrap .cont-section.section05 {height:183rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {width:121rem;padding-top:8.9rem}
.campaign-wrap .cont-section.section05 .section-inner h4 {font-weight:700;font-size:5.1rem;line-height:7.8rem;color:#624132}
.campaign-wrap .cont-section.section05 .section-inner h4 > strong {font-weight:700;color:#009a6f}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt-box {display:flex;font-size:3.2rem;line-height:5.5rem;color:#624132}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt-box strong {font-weight:700}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt-box span {font-weight:700;font-size:6.3rem;color:#009a6f}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt-box.txt-box01 {justify-content:flex-end;text-align:right;margin-top:18rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt-box.txt-box02 {flex-direction:column;gap:2.2rem;margin-top:21rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-btn-box {text-align:left;margin-top:7.5rem}
.campaign-wrap .cont-section.section05 .section-inner .txt-info {margin-top:3rem;font-weight:300;font-size:2.1rem;line-height:3.5rem;color:#818181;position:relative;padding-left:1.8rem}
.campaign-wrap .cont-section.section05 .section-inner .txt-info::before {content:'*';position:absolute;top:0;left:0}

.campaign-wrap .cont-section.section06 {height:158rem}
.campaign-wrap .cont-section.section06 .section-inner > div {background-repeat:no-repeat;background-position:center top;background-size:cover}
.campaign-wrap .cont-section.section06 .section-inner .inner-top {height:68.1rem;background-image:url(../images/section06-top-bg.jpg);display:flex;align-items:center;justify-content:center;font-size:5.9rem;line-height:8.8rem;color:#fff;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner .inner-top strong {font-weight:800}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom {height:89.9rem;background-image:url(../images/section06-bottom-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont {padding-top:11.4rem;width:122.4rem;margin:auto}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont > p {font-size:3.2rem;line-height:5.5rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box {margin-top:5rem;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-left {width:59.2rem;height:50.5rem;background-image:url(../images/section06-bottom-memo-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-left > ul {margin-top:17rem;margin-left:6rem;font-size:3rem;line-height:5.5rem;position:relative}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-left > ul > li {position:relative;padding-left:2rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-left > ul > li::before {content:'';display:block;width:0.9rem;height:0.9rem;background-color:#009a6f;border-radius:50%;position:absolute;top:2rem;left:0}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-right {position:relative;width:58.2rem;display:flex;flex-direction:column;align-items:flex-end;gap:4rem;padding-top:17rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-right::before {content:'';display:block;width:21rem;height:13.3rem;background-image:url(../images/section06-bottom-txt-deco01.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:-3.6rem;right:3.4rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-right > p {font-weight:700;font-size:4.6rem;line-height:7.3rem;color:#624132;margin-right:2rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-right > p > .txt-point {color:#ff9d25;position:relative}
.campaign-wrap .cont-section.section06 .section-inner .inner-bottom .bottom-cont .cont-box .box-right > p > .txt-point::after {content:'';display:block;width:22.5rem;height:1.5rem;background-image:url(../images/section06-bottom-txt-deco02.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;left:-1rem;bottom:-1.4rem}

.campaign-wrap .cont-section.section07 {height:120.4rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {width:100rem;padding-top:10.6rem;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner h4 {font-weight:600;font-size:4.4rem;line-height:6.8rem;color:#624132;margin-bottom:5rem}
.campaign-wrap .cont-section.section07 .section-inner h4 > span {color:#00986e;font-weight:800}
.campaign-wrap .cont-section.section07 .section-inner .img-box {margin-bottom:7rem}
.campaign-wrap .cont-section.section07 .section-inner .img-box {margin-bottom:7rem}
.campaign-wrap .cont-section.section07 .section-inner .img-box > img {width:96.3rem;height:45.5rem}
.campaign-wrap .cont-section.section07 .section-inner .camp-txt-box {font-size:3.2rem;line-height:5.5rem}
.campaign-wrap .cont-section.section07 .section-inner .camp-txt-box strong {font-weight:700;display:inline-block;position:relative;z-index:1}
.campaign-wrap .cont-section.section07 .section-inner .camp-txt-box strong::after {content:'';display:block;width:26.6rem;height:2.3rem;background-image:url(../images/section07-txt-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;bottom:0.7rem;left:-0.4rem;z-index:-1}
.campaign-wrap .cont-section.section07 .section-inner .camp-btn-box {margin-top:5rem}

.campaign-wrap .cont-section.section08 {height:277.7rem;background-image:url(../images/section08-bg.jpg);overflow:hidden}
.campaign-wrap .cont-section.section08 .section-inner {padding-top:11rem;text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .txt-main {font-weight:500;font-size:5rem;line-height:7.7rem}
.campaign-wrap .cont-section.section08 .section-inner .txt-main strong {font-weight:700;color:#009a6f}
.campaign-wrap .cont-section.section08 .section-inner h4 {width:46.8rem;height:14.4rem;margin:auto;margin-bottom:5rem;margin-top:6.5rem}
.campaign-wrap .cont-section.section08 .section-inner .camp-txt-box {font-size:3rem;line-height:5.5rem}
.campaign-wrap .cont-section.section08 .section-inner .camp-btn-box {margin-top:4rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list {margin-top:9.5rem;width:166.4rem;height:184.9rem;background-image:url(../images/section08-book-box-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner {padding-top:14.6rem;width:99.3rem;margin-left:47.4rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner .inner-txt {font-size:4rem;line-height:6rem;color:#624132;margin-left:18rem;text-align:left}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner .inner-txt .question {margin-bottom:3.3rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner .inner-txt .answer {margin-left:10.5rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner .inner-txt .answer strong {font-weight:700}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner ul {display:flex;flex-direction:column;gap:7.5rem;margin-left:26.2rem;margin-top:9rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner ul li:nth-child(2) {margin-top:0.6rem}
.campaign-wrap .cont-section.section08 .section-inner .book-list .list-inner ul li img {width:72.2rem;height:auto}

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


.camp-fixed-banner {width:15.7rem;height:23.6rem;position:fixed;top:34rem;right:5rem;background-image:url(../images/camp-fixed-banner.png);background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 0.3s;box-shadow:0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.3);border-radius:2.5rem;opacity:0}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner:hover {background-image:url(../images/camp-fixed-banner-hover.png);}
.camp-fixed-banner > a {display:block;width:100%;height:100%}


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