@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/gh/sunghyunzz/eulyoo1945/eulyoo1945.css);

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/section07-tab02-bg.jpg)
    url(../images/section07-tab03-bg.jpg)
    url(../images/section07-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.5rem;font-weight:500;color:#171717;letter-spacing:-0.05em}
.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;width:136rem;margin:auto}
.campaign-wrap .cont-section .section-inner .inner-flex-box {display:flex}

.camp-fixed-banner {position:fixed;top:12rem;right:4rem;z-index:99;width:19.4rem;height:29.1rem;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:100rem;background-image:url(../images/section01-bg.jpg);background-size:cover;background-position:center bottom;font-family:'Eulyoo1945'}
.campaign-wrap .cont-section.section01 .section-inner {width:168rem;padding-top:12rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-eyebrow {font-size:3rem;font-weight:400;line-height:150%;color:rgba(255,255,255,0.5)}
.campaign-wrap .cont-section.section01 .section-inner h3 {font-size:10rem;font-weight:600;line-height:130%;color:#fff;margin-top:16.9rem;margin-bottom:3rem;letter-spacing:-0.08em}
.campaign-wrap .cont-section.section01 .section-inner .sub-txt {font-size:4rem;font-weight:400;line-height:160%;color:#c1c1c1}

.campaign-wrap .cont-section.section02 {padding:12rem;background-color:#E5E4E2}
.campaign-wrap .cont-section.section02 .section-inner {width:154rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box {justify-content:space-between}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img {width:89.8rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > ul {display:flex;gap:1.3rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > ul > li {background-color:rgba(255,255,255,0.6);border-top:0.3rem solid #000}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > ul > li > .main-txt {padding-top:3.4rem;padding-left:3.9rem;font-family:'Eulyoo1945';font-size:3.1rem;font-weight:400;line-height:150%;letter-spacing:-0.05em;color:#000}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > ul > li > .schedule-img {margin-top:2.6rem;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > p {margin-top:3.8rem;font-size:1.8rem;font-weight:600;line-height:148%;color:#6F6F6F;position:relative;padding-left:1.9rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > p::before {content:'*';display:block;position:absolute;top:0.2rem;left:0}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-img > p > span {display:block;font-weight:300}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-txt {width:56.2rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-txt > h4 {font-family:'Eulyoo1945';font-size:4.5rem;font-weight:600;line-height:160%;letter-spacing:-0.065em;color:#171717;margin-bottom:3rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-txt > .camp-txt-box {font-size:2.5rem;font-weight:300;line-height:148%;letter-spacing:-0.05em;color:#171717;display:flex;flex-direction:column;gap:2rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-flex-box .vacation-schedule-txt > .camp-txt-box span {font-weight:600}

.campaign-wrap .cont-section.section03 {padding:14rem;background-color:#A59E91}
.campaign-wrap .cont-section.section03 .section-inner > h4 {text-align:center;font-family:'Eulyoo1945';font-size:4.5rem;font-weight:600;line-height:136%;letter-spacing:-0.03em;color:#fff;margin-bottom:5rem}
.campaign-wrap .cont-section.section03 .section-inner > ul {display:flex;justify-content:space-between;gap:2rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li {width:44rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner {height:70.9rem;background-color:#F4F4ED;border-radius:1rem;border:0.1rem solid #D6D6BB;overflow:hidden}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box {padding:4.5rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h5 {font-family:'Eulyoo1945';font-size:4rem;font-weight:600;line-height:140%;letter-spacing:-0.07em;color:#171717;margin-bottom:0.4rem}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h6 {font-family:'Eulyoo1945';font-size:2.5rem;font-weight:400;line-height:155%;color:#676767;padding-bottom:1.7rem;margin-bottom:1.7rem;border-bottom:0.1rem solid #000}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .list-inner > .camp-list-txt-box > p {font-size:2.2rem;font-weight:300;line-height:155%;letter-spacing:-0.07em;color:#676767}
.campaign-wrap .cont-section.section03 .section-inner > ul > li > .txt-source {margin-top:1rem;font-size:1.6rem;font-weight:400;line-height:150%;letter-spacing:0;color:rgba(255,255,255,0.4);display:flex;gap:1rem}

.campaign-wrap .cont-section.section04 {padding:14rem;background-color:#F4F4ED}
.campaign-wrap .cont-section.section04 .section-inner > h4 {text-align:center;font-family:'Eulyoo1945';font-size:4.5rem;font-weight:400;line-height:136%;letter-spacing:-0.03em;color:#171717;margin-bottom:5rem}
.campaign-wrap .cont-section.section04 .section-inner > h4 > span {font-weight:600}
.campaign-wrap .cont-section.section04 .section-inner > ul {display:flex;justify-content:space-between;gap:2rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li {width:44rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner {height:64rem;background-color:#fff;border-radius:1.1rem;border:0.1rem solid #D6D6BB;overflow:hidden}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box {padding:4.5rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > h5 {font-family:'Eulyoo1945';font-size:3.2rem;font-weight:600;line-height:140%;letter-spacing:-0.07em;color:#1F845D;margin-bottom:1.7rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > p {font-size:2.5rem;font-weight:400;line-height:155%;letter-spacing:-0.07em;color:#676767;margin-bottom:1.7rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > ul {font-size:2.5rem;font-weight:400;line-height:155%;letter-spacing:-0.07em;color:#676767}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > ul > li {display:flex;gap:1.7rem}
.campaign-wrap .cont-section.section04 .section-inner > ul > li > .list-inner > .camp-list-txt-box > ul > li > span {width:3rem}

.campaign-wrap .cont-section.section05 {padding:14rem;background-color:#fff}
.campaign-wrap .cont-section.section05 .section-inner > h4 {font-family:'Eulyoo1945';font-size:4.7rem;font-weight:600;line-height:136%;letter-spacing:-0.03em;color:#1F845D;width:38rem;height:12.8rem;text-align:center;margin:auto;margin-bottom:3.6rem;position:relative}
.campaign-wrap .cont-section.section05 .section-inner > h4::after,
.campaign-wrap .cont-section.section05 .section-inner > h4::before {content:'';display:block;width:5.9rem;height:4.1rem;background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0}
.campaign-wrap .cont-section.section05 .section-inner > h4::after {background-image:url(../images/section05-icon-comment-right.png);right:-10.6rem}
.campaign-wrap .cont-section.section05 .section-inner > h4::before {background-image:url(../images/section05-icon-comment-left.png);left:-10.6rem}
.campaign-wrap .cont-section.section05 .section-inner > p {width:46.1rem;height:5.4rem;margin:auto;display:flex;align-items:center;justify-content:center;border:0.1rem solid #1F845D;border-radius:5rem}
.campaign-wrap .cont-section.section05 .section-inner > p > span {display:inline-block;font-size:2.4rem;font-weight:500;line-height:140%;letter-spacing:-0.03em;color:#1F845D}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box {align-items:center;justify-content:space-between;gap:1.1rem;margin-top:5rem}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-photo {width:64.9rem;height:54.9rem}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-txt {width:73rem;height:100.8rem;background-color:#EFFFEC;border:0.1rem solid #DCEDD9;padding:6rem 5rem}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-txt ul {width:100%;height:27.8rem;background-color:#DDF2DA;border:0.1rem solid #CCE4C7;border-radius:2.7rem;padding:4rem 5rem;display:flex;flex-direction:column;gap:0.2rem;margin-bottom:4rem;line-height:170%}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-txt ul > li {display:flex;color:#4e4e4e;height:4.8rem;align-items:center}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-txt ul > li > span {display:inline-block;width:14rem;font-weight:700}
.campaign-wrap .cont-section.section05 .section-inner .stroy-box .story-txt-box {font-family:'Eulyoo1945';font-size:2.8rem;font-weight:400;line-height:180%;letter-spacing:-0.12em;color:#1F845D;display:flex;flex-direction:column;gap:4rem}

.campaign-wrap .cont-section.section06 {height:64.1rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {width:128rem;height:100%}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box {height:100%;align-items:center}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box > p {font-family:'Eulyoo1945';font-size:4.5rem;font-weight:400;line-height:166%;letter-spacing:-0.05em;color:#171717}
.campaign-wrap .cont-section.section06 .section-inner .inner-flex-box > p > span {font-weight:600}

.campaign-wrap .cont-section.section07 {background-color:#fff;padding:10rem 0}
.campaign-wrap .cont-section.section07 .section-inner {width:96.8rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu {position:relative;z-index:1;width:100%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul {display:flex;gap:1.6rem;justify-content:space-between;position:relative;height:8.7rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li {width:23rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li a {display:flex;align-items:center;justify-content:center;font-family:'Eulyoo1945';font-size:2.4rem;font-weight:600;line-height:140%;letter-spacing:-0.03em;color:#878787;width:100%;height:100%;background-color:#F1F1F1;border:0.1rem solid #D0D0D0;border-radius:6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li.on a {background-color:#1F845D;border:0.1rem solid #1F845D;color:#FFF}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content {display:none;width:100%;margin-top:4rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner {width:100%;height:62.8rem;padding:7rem;border-radius:2rem;box-shadow:1.36rem 1.36rem 1.903rem #BDBDAE;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner::before {content:'';display:block;width:11.4rem;height:2.175rem;background-image:url(../images/section07-tabInner-logo.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:7rem;left:7rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content01 .tab-cont-inner {background-image:url(../images/section07-tab01-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content02 .tab-cont-inner {background-image:url(../images/section07-tab02-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content03 .tab-cont-inner {background-image:url(../images/section07-tab03-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.content04 .tab-cont-inner {background-image:url(../images/section07-tab04-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box {padding-top:9.2rem;color:#fff}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box h5 {font-family:'Eulyoo1945';font-size:4rem;font-weight:600;line-height:130%;letter-spacing:-0.03em;margin-bottom:2.6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul {display:flex;flex-direction:column;gap:0.2rem;font-size:2rem;line-height:160%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul > li {display:flex;align-items:center;gap:1rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .tab-txt-box ul > li::before {content:'';display:block;width:0.7rem;height:0.7rem;background-color:#fff;border-radius:50%}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner .btn-box {position:absolute;bottom:7rem;left:7rem;width:80.2rem}
.campaign-wrap .cont-section.section07 .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:#fff;color:#1F845D;font-family:'Eulyoo1945';font-size:3.2rem;font-weight:600;letter-spacing:-0.03em;box-shadow:0.4rem 0.4rem 0 rgba(0,0,0,0.3);border-radius:6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.on{display:block}
.campaign-wrap .cont-section.section07 .section-inner .info-txt {margin-top:5.8rem;font-size:2rem;font-weight:400;color:#616161;letter-spacing:0;line-height:150%;text-align:center}

.campaign-copyright.cp1157-copyright {height:21.6rem;font-size:1.6rem;font-weight:500;line-height:160%;color:#fff}
.campaign-copyright.cp1157-copyright > p {display:flex;flex-direction:column;text-align:center;gap:1.8rem}
.campaign-copyright.cp1157-copyright > p > span {color:rgba(255,255,255,0.3)}


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