@charset "UTF-8";

@font-face {
    font-family: 'EsaManru';
    font-weight: 500;
    font-style: normal;
    src: url('/resources/font/campaign/EsaManru/EsaManruMedium.eot');
    src: url('/resources/font/campaign/EsaManru/EsaManruMedium.eot?#iefix') format('embedded-opentype'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.woff2') format('woff2'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.woff') format('woff'),
        url('/resources/font/campaign/EsaManru/EsaManruMedium.otf') format("opentype");
}


/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    content:
    url(../images/section08-tab04-bg.jpg);
	
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.4rem;font-weight:500;color:#373737;letter-spacing:-0.03em}
.campaign-wrap img {vertical-align:bottom}
.campaign-wrap * {box-sizing:border-box}
.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;margin:auto}

.camp-fixed-banner {position:fixed;top:48rem;right:4rem;z-index:99;width:19.2rem;height:28.9rem;filter:drop-shadow(0 0.4rem 0.4rem rgba(0,0,0,0.25))}
.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 top;background-size:contain}

.campaign-wrap .cont-section.section01 {height:132rem;background-image:url(../images/section01-bg.jpg);background-size:contain}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:6.6rem;height:100rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {margin-left:3.7rem;width:95rem;height:58.4rem}
.campaign-wrap .cont-section.section01 .section-inner p {font-size:3.2rem;font-weight:500;line-height:1.44;color:#fff;display:flex;gap:3.4rem;margin-left:10rem;margin-top:4.7rem}
.campaign-wrap .cont-section.section01 .section-inner p::before {content:'';display:block;width:12rem;height:1rem;background-color:#F7288F;margin-top:1.8rem}
.campaign-wrap .cont-section.section01 .section-bottom {height:32rem;background-color:#F4F4ED;display:flex;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section01 .section-bottom h4 {width:57.3rem;height:11.6rem}

.campaign-wrap .cont-section.section02 {background-color:#fff;padding:12rem 0}
.campaign-wrap .cont-section.section02 .section-inner {width:140rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro {display:flex;gap:8rem;margin-left:13.2rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .photo-box {width:65.9rem;height:90.3rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box h4 {width:51.5rem;height:21.2rem;margin-bottom:3.5rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .camp-txt-box {font-size:2.8rem;font-weight:400;line-height:1.5;display:flex;flex-direction:column;gap:5rem;margin-bottom:6rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .camp-txt-box > p > span {font-weight:600;color:#F7288F}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .intro-list > ul {display:flex;flex-direction:column;gap:0.8rem;width:39.6rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .intro-list > ul > li {background-color:#D2FFF0;border:0.1rem solid #49D3A5;border-radius:2rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .intro-list > ul > li > .list-inner {padding:2rem 2.5rem;display:flex;font-size:1.9rem;color:#4E4E4E}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .intro-list > ul > li > .list-inner h5 {font-size:1.9rem;font-weight:700;width:8.3rem;margin-top:0.7rem}
.campaign-wrap .cont-section.section02 .section-inner .jihyun-intro .intro-box .intro-list > ul > li > .list-inner > ul {font-weight:300;line-height:1.7}

.campaign-wrap .cont-section.section03 {height:174.8rem;background-color:#006A47}
.campaign-wrap .cont-section.section03 .section-inner {display:flex}
.campaign-wrap .cont-section.section03 .section-inner > div {width:50%}
.campaign-wrap .cont-section.section03 .section-inner > .comment-box .box-inner {padding:14rem 11rem}
.campaign-wrap .cont-section.section03 .section-inner > .comment-box .box-inner h4 {width:38.9rem;height:28.2rem;margin-bottom:14rem}
.campaign-wrap .cont-section.section03 .section-inner > .comment-box .box-inner h4::after {content:'';display:block;width:21.8rem;height:0.1rem;background-color:#fff;margin-top:7rem}
.campaign-wrap .cont-section.section03 .section-inner > .comment-box .box-inner .camp-txt-box {color:#fff;font-size:3.2rem;font-weight:200;line-height:1.6;letter-spacing:-0.08em;display:flex;flex-direction:column;gap:4rem;margin-bottom:9rem}
.campaign-wrap .cont-section.section03 .section-inner > .comment-box .box-inner .camp-txt-box strong {font-weight:600}

.campaign-wrap .cont-section.section04 {background-color:#fff;padding:12rem 0}
.campaign-wrap .cont-section.section04 .section-inner {width:110rem;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner h4 {width:86.4rem;height:6rem;display:inline-block;margin-bottom:3rem}
.campaign-wrap .cont-section.section04 .section-inner p {font-size:3rem;color:#777;line-height:1.5;margin-bottom:6rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner > .yt-box {width:100%;height:61.9rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner > .yt-box iframe {border-radius:2rem}

.campaign-wrap .cont-section.section05 > ul {display:grid;grid-template-columns:repeat(5, 1fr)}
.campaign-wrap .cont-section.section05 > ul > li {height:35.7rem}
.campaign-wrap .cont-section.section05 > ul > li:nth-child(odd) {background-color:#D2FFF0}
.campaign-wrap .cont-section.section05 > ul > li:nth-child(even) {background-color:#FFFFF1}
.campaign-wrap .cont-section.section05 > ul > li:nth-child(7) {grid-column:auto / span 3}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner {padding:4rem;height:100%;position:relative}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner > .money {display:inline-block;font-size:2.6rem;font-weight:700;line-height:1.4;letter-spacing:0;background-color:#F7288F;color:#fff;padding:0.3rem 1.2rem 0.3rem 0.8rem;border-radius:5.6rem}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner > h5 {margin-top:2.4rem;margin-bottom:3.4rem;font-size:3.6rem;font-weight:700;color:#373737;line-height:1.25;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner > p {font-size:2.2rem;font-weight:500;line-height:1.3;letter-spacing:-0.07em;color:#373737;position:absolute;left:4rem;bottom:4rem}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner.section-main-txt {background-color:#81E5C4;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}
.campaign-wrap .cont-section.section05 > ul > li > .grid-inner.section-main-txt > img {width:94.1rem;height:23.6rem}

.campaign-wrap .cont-section.section06 {background-color:#fff;padding:14rem 0}
.campaign-wrap .cont-section.section06 .section-inner {width:136rem}
.campaign-wrap .cont-section.section06 .section-inner h4 {width:82.8rem;height:13.2rem;margin:auto;margin-bottom:6rem}
.campaign-wrap .cont-section.section06 .section-inner ul {width:100%;display:flex;gap:2rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li {width:44rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li > .list-inner {background-color:#F4F4ED;border:0.1rem solid #F4F4ED;border-radius:1rem;overflow:hidden}
.campaign-wrap .cont-section.section06 .section-inner ul > li > .list-inner .inner-txt-box {padding:4.5rem}
.campaign-wrap .cont-section.section06 .section-inner ul > li > .list-inner .inner-txt-box > h5 {font-size:3rem;font-weight:700}
.campaign-wrap .cont-section.section06 .section-inner ul > li > .list-inner .inner-txt-box > div {white-space:pre-line;font-size:2.4rem;font-weight:300;line-height:1.55;letter-spacing:-0.06em}
.campaign-wrap .cont-section.section06 .section-inner ul > li > .list-inner .inner-txt-box > div strong {font-weight:500;letter-spacing:-0.07em}

.campaign-wrap .cont-section.section07 {height:64.2rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 > p {width:94.6rem;height:28rem;position:absolute;top:50%;transform:translateY(-50%);left:32rem}

.campaign-wrap .cont-section.section08 {background-color:#fff;padding:10rem 0}
.campaign-wrap .cont-section.section08 .section-inner {width:96.8rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu {position:relative;z-index:1;width:100%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul {display:flex;gap:1.6rem;justify-content:space-between;position:relative;height:20.4rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li {width:23rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li a {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.6rem;width:100%;height:100%;text-align:center;background-color:#F0F0E7;border:0.1rem solid #CDCDC2;color:#8C8C8C;font-size:1.8rem;font-weight:400;padding:2rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li a .menu-title {display:flex;flex-direction:column;justify-content:center;width:100%;height:7.3rem;background-color:#CDCDC2;border-radius:6rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li a .menu-title > strong {font-size:2.4rem;font-weight:700;line-height:1.4}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li a .menu-title > em {font-size:1.5rem;font-weight:400}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li a .menu-txt {display:flex;width:100%;height:7.5rem;justify-content:center;align-content:center;flex-wrap:wrap;line-height:1.4}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li.on a {background-color:#006A47;border:0.1rem solid #006A47;color:#FFF;box-shadow:0.4rem 0.4rem 0 #F0F0E7;margin-top:-0.4rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li.on a .menu-title {background-color:#fff;color:#006A47}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu > ul > li.on a .menu-txt {font-weight:700}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content {display:none;width:100%;margin-top:4rem;text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner {width:100%;height:61rem;padding:8rem 7rem;background-color:#006A47;border-radius:2rem;box-shadow:1.36rem 1.36rem 1.903rem #BDBDAE;position:relative}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner::before {content:'';display:block;width:11.5rem;height:2.3rem;background-image:url(../images/section08-tabInner-logo.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:3.1rem;right:3rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner.tab-last-inner {background-image:url(../images/section08-tab04-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner > ul {width:100%;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner > ul > li > img {border-radius:2rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner > ul > li > p {margin-top:2.6rem;font-size:2.4rem;font-weight:600;color:#fff;line-height:1.4;text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box {margin-top:16rem;font-size:2.7rem;color:#fff;line-height:1.6;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box .main-txt {font-size:3.4rem;font-weight:600;margin-bottom:1rem;line-height:1.5;letter-spacing:-0.04em}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .btn-box {position:absolute;bottom:8rem;left:7rem;width:80.2rem}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content .tab-cont-inner .btn-box > a {display:flex;width:100%;height:9rem;align-items:center;justify-content:center;background-color:#F7288F;color:#fff;font-family:'EsaManru';font-weight:500;font-size:3.2rem;box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.3)}
.campaign-wrap .cont-section.section08 .section-inner .tab-menu .content.on{display:block}
.campaign-wrap .cont-section.section08 .section-inner .info-txt {margin-top:4rem;font-size:1.6rem;color:#969696;letter-spacing:-0.04em;line-height:1.5;text-align:center}

.campaign-wrap .cont-section.section09 {background-color:#F4F4ED;padding:12rem 0}
.campaign-wrap .cont-section.section09 .section-inner {width:140rem;text-align:center;display:flex;flex-direction:column;gap:6rem;align-items:center}
.campaign-wrap .cont-section.section09 .section-inner .book-info {width:88rem;height:52.3rem;background-color:#fff;padding:8rem;border-radius:2rem;display:flex;gap:8rem;align-items:center}
.campaign-wrap .cont-section.section09 .section-inner .book-info .book-txt {text-align:left}
.campaign-wrap .cont-section.section09 .section-inner .book-info .book-txt > h5 {font-size:2.7rem;font-weight:700;line-height:1.6;margin-bottom:3rem}
.campaign-wrap .cont-section.section09 .section-inner .book-info .book-txt > h5::after {content:'';display:block;width:8.9rem;height:0.1rem;background-color:#373737;margin-top:3rem}
.campaign-wrap .cont-section.section09 .section-inner .book-info .book-txt > p {font-size:2.5rem;font-weight:400;line-height:1.5;color:#5E5E5E}
.campaign-wrap .cont-section.section09 .section-inner .info-gift {font-size:2.4rem;font-weight:400;line-height:1.5;color:#5E5E5E}



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