@charset "UTF-8";

.campaign-wrap {position:relative;width:1920px;margin:auto;font-family:'Pretendard';font-weight:400;color:#444;font-size:24px;line-height:38px;letter-spacing:-0.8px}
.campaign-wrap img {vertical-align:bottom}
.campaign-wrap .cont-section {position:relative}
.campaign-wrap .cont-section .cont-inner {position:relative;width:1300px;margin:auto}

.camp-floating-banner {width:155px;height:212px;background-image:url(../images/floating-banner-bg-v2.png);background-repeat:no-repeat;position:fixed;top:150px;right:3%;z-index:99;border-radius:12px;transition:all 0.5s}
.camp-floating-banner:hover {background-image:url(../images/floating-banner-bg-hover.png)}
.camp-floating-banner>a {color:#fff;font-size:24px;font-weight:800;padding-top:165px;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all 0.3s}
.camp-floating-banner:hover>a {color:#fffb9b}
.btn-camp-support > a {display:inline-block;border-radius:10px;font-size:29px;font-weight:700/* box-shadow:0px 0px 14px 1px rgba(0,0,0,0.3) */}
.txt-box {font-size:25px;line-height:40px;color:#fff}
.txt-box > p {margin-bottom:40px}
.txt-box > p:last-child {margin-bottom:0}

.cont-section.cont01 {height:1865px;background-image:url(../images/cont01-bg-v2.jpg)}
.cont-section.cont01 .cont-inner {padding-top:162px;text-align:center}
.cont-section.cont01 .cont-inner h3 {width:503px;height:182px;margin:auto;margin-bottom:110px;background-image:url(../images/camp-title.png);background-repeat:no-repeat;background-size:contain}
.cont-section.cont01 .cont-inner p {color:#fff;font-size:28px;line-height:48px;font-weight:500;margin-bottom:50px}
.cont-section.cont01 .cont-inner p > strong {font-weight:700}
.cont-section.cont01 .cont-inner .yt-area > .yt-box {width:937px;height:527px;margin:auto;margin-top:440px;box-shadow:4.5px 7.794px 31.36px 0.64px rgba(0, 0, 0, 0.45)}
.cont-section.cont01 .cont-inner .yt-area > .yt-box > p {font-size:18px;color:rgba(255,255,255,0.5);margin-top:25px;text-align:center}

.cont-section.cont02 {height:1028px;background-image:url(../images/cont02-bg.jpg)}
.cont-section.cont02 .cont-inner {padding-top:170px}
.cont-section.cont02 .cont-inner .txt-img {margin-left:-30px;margin-bottom:60px}
.cont-section.cont02 .cont-inner .txt-box > p > span {font-weight:600}

.cont-section.cont03 {height:976px;background-image:url(../images/cont03-bg.jpg)}
.cont-section.cont03 .cont-inner {padding-top:125px}
.cont-section.cont03 .cont-inner .txt-img {margin-left:680px;margin-bottom:60px}
.cont-section.cont03 .cont-inner .txt-box {margin-left:714px}
.cont-section.cont03 .cont-inner .txt-box > p {text-shadow:0px 0px 10px rgba(0,0,0,0.8)}

.cont-section.cont04 {height:947px;background-image:url(../images/cont04-bg.jpg)}
.cont-section.cont04 .cont-inner {padding-top:170px}
.cont-section.cont04 .cont-inner .txt-img {margin-left:-30px;margin-bottom:60px}
.cont-section.cont04 .cont-inner .txt-box > p > span {font-weight:600}

.cont-section.cont05 {height:976px;background-image:url(../images/cont05-bg.jpg)}
.cont-section.cont05 .cont-inner {padding-top:175px}
.cont-section.cont05 .cont-inner .txt-img {margin-left:680px;margin-bottom:60px}
.cont-section.cont05 .cont-inner .txt-box {margin-left:714px}
.cont-section.cont05 .cont-inner .txt-box > p {text-shadow:0px 0px 10px rgba(0,0,0,0.8)}
.cont-section.cont05 .cont-inner .txt-box > p > span {font-weight:600}

.cont-section.cont06 {height:958px;background-image:url(../images/cont06-bg.jpg)}
.cont-section.cont06 .cont-inner {padding-top:580px;text-align:center}
.cont-section.cont06 .cont-inner .txt-box {margin-bottom:60px}
.cont-section.cont06 .cont-inner .txt-box > p {font-size:30px;line-height:54px;text-shadow:0px -3px 10px rgba(0,0,0,1)}

.cont-section.cont07 {height:847px;background-image:url(../images/cont07-bg.jpg)}
.cont-section.cont07 >.cont-inner {height:100%}
.cont-section.cont07 >.cont-inner > p {height:100%;display:flex;align-items:center;justify-content:flex-end;height:100%}

.cont-section.cont-copyright {height:136px;background-color:#212121;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.cont-section.cont-copyright > p > strong {font-weight:600}

.accompany-comment {position:absolute;top:70px;left:3%;font-size:18px;line-height:24px;letter-spacing:initial;color:#64646c}


@media (max-width: 1600px) {
	body {
		overflow-x:hidden;
	}	
	
	html {
		width:1920px;
		overflow-x:scroll;
	}
}

.button {pointer-events:auto;cursor:pointer;border:none;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;text-align:center;color:#fff}
.button::before,
.button::after {position:absolute;top:0;left:0;width:100%;height:100%}
.button--dione {background:none;width:301px;height:88px;line-height:88px;vertical-align:middle;font-size:32px;font-weight:600}
.button--dione span {display:inline-block;position:relative;color:#fff}
.button--dione::before {content:'';background:#009465;transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.31);border-radius:10px}
.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-color:#005B48}
.button--dione::after {content:'';transition:transform 0.3s cubic-bezier(0.2,1,0.7,1);transform:scale3d(0.9, 0.8, 1);border-radius:10px}
.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:50px;animation:fadeout 1.2s 1 ease;animation-fill-mode:forwards}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}