/* pretendard */
@font-face {
  font-family: 'Pretendard Variable';
  src: url('fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Cafe24Shiningstar */
@font-face {
    font-family: 'Cafe24ShiningStar';
    src: url('fonts/Cafe24ShiningStar/Cafe24Shiningstar-v2.0.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* GyeonggiBatang */
/*@font-face {
	font-family: 'GyeonggiBatang';
	src: url('fonts/GyeonggiBatang/woff/Batang_Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GyeonggiBatang';
	src: url('fonts/GyeonggiBatang/woff/Batang_Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'GodoMaum';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/godoMaum.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}*/


/* 나눔스퀘어 네오 */
/*@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 900;
    font-display: swap;
}
*/

/* Noto Serif KR */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');*/
/*import 로 사용하지 말로 link로 사용해야 함*/


/* 어비 컹컹 */
/*@font-face{font-family:'EobiKeongkeong';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeKeongKeong.woff') format('woff');font-weight:normal;font-display:swap;}*/
/* 어비 베이비 */
/*@font-face {
    font-family: 'AbeeBaby';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeebaby.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/
/* 어비 똥영 */
/*@font-face {
    font-family: 'AebiTtolYeong';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeddolyoung.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/
/* 어비 마츠코체 */
/*@font-face {
    font-family: 'AbiMatsuko';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeematsuko.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}*/

/* 초록우산 어린이만세 */
/*@font-face {
    font-family: 'YoonChoWooSan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaManSeh.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}*/

/* SD 에그로체 */
/*@font-face { font-family:'SBAggro'; font-weight:300; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff'); font-display:swap; }
@font-face { font-family:'SBAggro'; font-weight:500; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff'); font-display:swap; }
@font-face { font-family:'SBAggro'; font-weight:700; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff'); font-display:swap; }
*/



html{overflow:scroll;overflow-x:auto;}
html{ width:100%;height:100%;-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{ width:100%;min-width:320px;margin:0px;padding:0px;font-family:'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#202020;line-height:1.4; word-break:keep-all;}
img{border:none;vertical-align:top}

/*@media (min-width:361px){
    body{
		overflow:hidden;
        transform: scale(1.05);
        transform-origin: top center;
    }
}
*/

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal;}
p{margin:0;padding:0;}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none;}

textarea{margin:0;padding:0;border:none;resize:none;}
input{margin:0;padding:0;border:none;font-family:'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}

a{color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true); font-family: 'NanumSquareNeo','Pretendard Variable',sans-serif,'Noto Sans KR';}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}

body{letter-spacing:-0.025em;}

:root {
	--c-point:#207cca;	
	--c-main:#333333;
	--c-white:#ffffff;
	--c-black:#333333;
	--c-font:#344568;
	--c-color2:#f6b6b6;
	--c-color3:#f5f5f5;
	--c-color4:#cccccc;
	--c-color5:#365493;
	--c-color6:#1852c8;
	
	
	
}

.pc{display:block;}
.mobile{display:none;}
@media only screen and (max-width:1024px) {
.pc{display:none;}
.mobile{display:block;}
}

.wrap{overflow:hidden}

/* visual */
h1{position:fixed; left:50px; top:50px; z-index:99999; width:134px; height:44px; background: url(images/logo.svg) left top no-repeat; background-size:100% auto; text-indent:-999999px;}
@media screen and (max-width:1600px){
	h1{position:fixed; left:3.125vw; top:3.125vw; z-index:99999; width:8.375vw; height:2.75vw; background: url(images/logo.svg) left top no-repeat; background-size:100% auto; text-indent:-999999px;}
}
@media only screen and (max-width:1024px) {
	h1{left:5.5556vw; top:5.5556vw; width:25vw; height:8.2vw;}
}


.quick-area{ display:flex; align-items: center; justify-content: center; position:fixed;right:30px;bottom:201px;z-index:9000;}
.quick-area a{ display:block; width:221px;height:297px; font-size:32px; font-weight:800; line-height:47px; color:#ffffff;filter: drop-shadow(4px 6px 7px rgba(0,0,0,0.3));background:url(images/banner.png) center no-repeat; background-size:contain;}
.quick-area a:hover{background:url(images/banner-on.png) center no-repeat; background-size:contain;}
.quick-area a img{}
.quick_area_mobile{display:none;}
@media screen and (max-width:1600px){
	.quick-area{display:flex; align-items: center; justify-content: center; position:fixed;right:1.875vw;bottom:12.5625vw;z-index:9000;}
	.quick-area a{display:block; width:13.8125vw;height:18.5625vw; font-size:2vw; font-weight:800; line-height:2.9375vw; color:#ffffff;filter: drop-shadow(0.25vw 0.375vw 0.4375vw rgba(0,0,0,0.3));background:url(images/banner.png) center no-repeat; background-size:contain;}
}
@media only screen and (max-width:1024px) {
.quick-area{display:none;}
.quick_area_mobile{display:block;position:fixed;left:0;bottom:-3.7709vw;z-index:9000;width:100%;height:33.2402vw;}
.quick_area_mobile a{display:block;width:100vw;height:33.2402vw;margin:0 auto;background:url(images/banner-m.png) center;background-size:contain;filter: drop-shadow(0 0.98vw 0.98vw rgba(0,0,0,0.3));}
.quick_area_mobile a span{display:none;}
}


.content-area{max-width:1476px;margin:0 auto;}
@media screen and (max-width:1600px){
	.content-area{max-width:92.25vw;margin:0 auto;}
}
@media screen and (max-width:1024px){
.content-area{max-width:206.15vw;}
}


.section-1{position:relative; display:flex; max-width:1920px; margin:0 auto; flex-direction: column;background:url(images/section-1-bg.png) center top no-repeat, url(images/section-1-img-6.png) left calc(50% + 140px)  bottom 70px no-repeat;; background-size:1920px auto, 1944px auto;}
.section-1 .img{position:absolute;right:0;top:0;z-index:100;width:999px;height:972px;margin-left:auto;background:url(images/section-1-img.png) center no-repeat; background-size:cover;}
.section-1 .airplane{position:relative;padding:240px 0 270px 0;text-align:center;background-size:1944px auto;}
.section-1 .airplane .text{font-size:60px;font-weight:800;letter-spacing:-0.025em;}
.section-1 .airplane .text strong{color:#30c2ff;font-weight:800;}

.section-1 .content-area{z-index:200;display:flex;flex-direction: column;width:100%;}
.section-1 .content-area .header{position:relative;display:flex;flex-direction:column;margin:0;color:#202020;}

.section-1 .content-area .header h2{margin-top:26px;font-weight:900;font-size:90px;line-height:106px;letter-spacing:-0.025em;}
.section-1 .content-area .header h2 span{display:block;font-weight:900;}
.section-1 .content-area .header h2 strong{color:#0072bc;font-weight:900;}
.section-1 .content-area .header h2 .rise{display:inline-block;font-style:normal;}
.section-1 .content-area .header .rise-b{}
.section-1 .content-area .header.play h2 .rise,
.section-1 .content-area .header.play .rise-b{animation:heroRise .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s);}
@keyframes heroRise{from{opacity:0;transform:translateY(0.7em);}to{opacity:1;transform:translateY(0);}}
.section-1 .content-area .header .round{position:absolute;left:-150px;top:160px;width:871px;height:214px;background:url(images/section-1-img-2.png) center no-repeat; background-size:cover;}

.section-1 .content-area .header .txt1{z-index:200;margin-top:323px;font-size:35px;font-weight:600;letter-spacing:-0.025em;}
.section-1 .content-area .header .txt2{margin-top:60px;font-size:30px;font-weight:500;letter-spacing:-0.025em;line-height:45px;}
.section-1 .content-area .header .txt2 span{display:block;}
.section-1 .content-area .header .txt2 strong{font-weight:900;}

.section-1 .content-area .intro{display:flex;flex-direction:row;margin-top:230px;}
.section-1 .content-area .intro .imgarea{margin-right:158px;height:848px;overflow:hidden;}
.section-1 .content-area .intro .imgarea .track{display:flex;flex-direction:column;animation:introSlideUp 50s linear infinite;}
.section-1 .content-area .intro .imgarea .img1,
.section-1 .content-area .intro .imgarea .img2,
.section-1 .content-area .intro .imgarea .img3,
.section-1 .content-area .intro .imgarea .img4,
.section-1 .content-area .intro .imgarea .img5,
.section-1 .content-area .intro .imgarea .img6{flex:none;display:block;width:666px;height:398px;margin:0 0 52px 0;background-position:center;background-repeat:no-repeat;}
.section-1 .content-area .intro .imgarea .img1{background-image:url(images/section-1-img-3-1.jpg);background-size:cover;}
.section-1 .content-area .intro .imgarea .img2{background-image:url(images/section-1-img-3-2.jpg);background-size:cover;}
.section-1 .content-area .intro .imgarea .img3{background-image:url(images/section-1-img-3-3.jpg);background-size:cover;}
.section-1 .content-area .intro .imgarea .img4{background-image:url(images/section-1-img-3-4.jpg);background-size:cover;}
.section-1 .content-area .intro .imgarea .img5{background-image:url(images/section-1-img-3-5.jpg);background-size:cover;}
.section-1 .content-area .intro .imgarea .img6{background-image:url(images/section-1-img-3-6.jpg);background-size:cover;}


/* 이미지 높이(398px) + 여백(52px) × 6장 = 2700px */
@keyframes introSlideUp{from{transform:translateY(0);}to{transform:translateY(-2700px);}}
.section-1 .content-area .intro .text{}
.section-1 .content-area .intro .text .txt1{margin-top:166px;font-size:35px;font-weight:500;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt2{margin-top:8px;font-size:45px;font-weight:900;line-height:52px;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt2 span{padding: 0 5px;color:#ffffff;background:#0072bc;white-space: nowrap}
.section-1 .content-area .intro .text .txt3{margin-top:8px;font-size:45px;font-weight:900;line-height:52px;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt4{margin-top:33px;font-size:30px;font-weight:500;line-height:45px;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt4 span{display:block;}
.section-1 .content-area .intro .text .txt4 strong{font-weight:900;}

.section-1 .content-area .moviearea{margin-top:185px;;}
.section-1 .content-area .moviearea .text{text-align:center;}
.section-1 .content-area .moviearea .text{font-size:50px;font-weight:700;letter-spacing:-0.025em;}
.section-1 .content-area .moviearea .text span{padding:0 5px;font-weight:900;line-height:57px;color:#ffffff;background:#0072bc;}
.section-1 .content-area .moviearea .text strong{color:#0072bc; font-weight:900;}

.section-1 .content-area .moviearea .movie{position:relative;margin-top:60px;}
.section-1 .content-area .moviearea .movie .point{position:absolute;left:-65px;top:-70px;width:86px;height:87px;background:url(images/section-1-img-5.png) center no-repeat; background-size:cover;}
.section-1 .content-area .moviearea .movie .play{}
.section-1 .content-area .moviearea .movie .play .youtube{position: relative;width: 100%;padding-bottom: 56.25%;}
.section-1 .content-area .moviearea .movie .play .youtube iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

@media screen and (max-width:1600px){
	.section-1{position:relative; display:flex; max-width:120vw; margin:0 auto; flex-direction: column;background:url(images/section-1-bg.png) center top no-repeat, url(images/section-1-img-6.png) left calc(50% + 8.75vw)  bottom 4.375vw no-repeat;; background-size:120vw auto, 121.5vw auto;}
	.section-1 .img{position:absolute;right:0;top:0;z-index:100;width:62.4375vw;height:60.75vw;margin-left:auto;background:url(images/section-1-img.png) center no-repeat; background-size:cover;}
	.section-1 .airplane{position:relative;padding:15vw 0 16.875vw 0;text-align:center;background-size:121.5vw auto;}
	.section-1 .airplane .text{font-size:3.75vw;font-weight:800;letter-spacing:-0.025em;}
	.section-1 .content-area .header h2{margin-top:1.625vw;font-weight:900;font-size:5.625vw;line-height:6.625vw;letter-spacing:-0.025em;}
	.section-1 .content-area .header .round{position:absolute;left:-9.375vw;top:10vw;width:54.4375vw;height:13.375vw;background:url(images/section-1-img-2.png) center no-repeat; background-size:cover;}
	.section-1 .content-area .header .txt1{z-index:200;margin-top:20.1875vw;font-size:2.1875vw;font-weight:600;letter-spacing:-0.025em;}
	.section-1 .content-area .header .txt2{margin-top:3.75vw;font-size:1.875vw;font-weight:500;letter-spacing:-0.025em;line-height:2.8125vw;}
	.section-1 .content-area .intro{display:flex;flex-direction:row;margin-top:14.375vw;}
	.section-1 .content-area .intro .imgarea{margin-right:9.875vw;height:53vw;overflow:hidden;}
	.section-1 .content-area .intro .imgarea .img1,
.section-1 .content-area .intro .imgarea .img2,
.section-1 .content-area .intro .imgarea .img3,
.section-1 .content-area .intro .imgarea .img4,
.section-1 .content-area .intro .imgarea .img5,
.section-1 .content-area .intro .imgarea .img6{flex:none;display:block;width:41.625vw;height:24.875vw;margin:0 0 3.25vw 0;background-position:center;background-repeat:no-repeat;background-size:cover;}
	.section-1 .content-area .intro .text .txt1{margin-top:10.375vw;font-size:2.1875vw;font-weight:500;letter-spacing:-0.025em;}
	.section-1 .content-area .intro .text .txt2{margin-top:0.5vw;font-size:2.8125vw;font-weight:900;line-height:3.25vw;letter-spacing:-0.025em;}
	.section-1 .content-area .intro .text .txt2 span{padding: 0 0.3125vw;color:#ffffff;background:#0072bc;}
	.section-1 .content-area .intro .text .txt3{margin-top:0.5vw;font-size:2.8125vw;font-weight:900;line-height:3.25vw;letter-spacing:-0.025em;}
	.section-1 .content-area .intro .text .txt4{margin-top:2.0625vw;font-size:1.875vw;font-weight:500;line-height:2.8125vw;letter-spacing:-0.025em;}
	.section-1 .content-area .moviearea{margin-top:11.5625vw;;}
	.section-1 .content-area .moviearea .text{font-size:3.125vw;font-weight:700;letter-spacing:-0.025em;}
	.section-1 .content-area .moviearea .text span{padding:0 0.3125vw;font-weight:900;line-height:3.5625vw;color:#ffffff;background:#0072bc;}
	.section-1 .content-area .moviearea .movie{position:relative;margin-top:3.75vw;}
	.section-1 .content-area .moviearea .movie .point{position:absolute;left:-4.0625vw;top:-4.375vw;width:5.375vw;height:5.4375vw;background:url(images/section-1-img-5.png) center no-repeat; background-size:cover;}
	/* 이미지 높이(24.875vw) + 여백(3.25vw) × 6장 = 168.75vw */
	@keyframes introSlideUp{from{transform:translateY(0);}to{transform:translateY(-168.75vw);}}
}
@media screen and (max-width:1024px){
.section-1{position:relative; display:flex; max-width:268.1564vw; margin:0 auto; flex-direction: column;background:url(images/m-section-1-bg.png) center top no-repeat, url(images/m-section-1-img-6.png) left 50%  bottom 6.9832vw no-repeat;; background-size:100vw auto, 100vw auto;}
.section-1 .img{position:absolute;right:0;top:0;z-index:100;width:76.5363vw;height:82.6816vw;margin-left:auto;background:url(images/m-section-1-img.png) center no-repeat; background-size:cover;}
.section-1 .airplane{position:relative;padding:12.5698vw 0 16.7598vw 0;text-align:center;background-size:271.5084vw auto;}
.section-1 .content-area .header .round{position:absolute;left:12.0112vw;top:84.2179vw;width:76.1173vw;height:18.5754vw;background:url(images/section-1-img-2.png) center no-repeat; background-size:cover;}
.section-1 .content-area .header .txt1{z-index:200;margin-top:95.3911vw;font-size:4.1899vw;font-weight:600;letter-spacing:-0.025em;text-align:center;}
.section-1 .content-area .header h2{margin-top:2.2346vw;font-weight:900;font-size:8.3799vw;line-height:10.4749vw;letter-spacing:-0.025em;text-align:center;}
.section-1 .content-area .header .txt2{margin-top:4.1899vw;font-size:3.9106vw;font-weight:500;letter-spacing:-0.025em;line-height:6.2849vw;text-align:center;}

.section-1 .content-area .intro{display:flex;flex-direction: column;;margin-top:20.6704vw;}
.section-1 .content-area .intro .imgarea{width:100%;height:42.8771vw;margin-right:0;}
.section-1 .content-area .intro .imgarea .track{flex-direction:row;animation:introSlideLeft 50s linear infinite;}
.section-1 .content-area .intro .imgarea .img1,
.section-1 .content-area .intro .imgarea .img2,
.section-1 .content-area .intro .imgarea .img3,
.section-1 .content-area .intro .imgarea .img4,
.section-1 .content-area .intro .imgarea .img5,
.section-1 .content-area .intro .imgarea .img6{width:75.6983vw;height:42.8771vw;margin:0 4.1899vw 0 0;}



.section-1 .content-area .intro .text{text-align:center;}
.section-1 .content-area .intro .text .txt1{margin-top:10.6145vw;font-size:4.8883vw;font-weight:500;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt2{margin-top:1;font-size:4.8883vw;font-weight:900;line-height:7.2626vw;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt3{margin-top:-0.5587vw;font-size:4.8883vw;font-weight:900;line-height:7.2626vw;letter-spacing:-0.025em;}
.section-1 .content-area .intro .text .txt4{margin-top:6.4246vw;font-size:3.9106vw;font-weight:500;line-height:5.3073vw;letter-spacing:-0.025em;}

.section-1 .content-area .moviearea{margin-top:17.4581vw;;}
.section-1 .content-area .moviearea .text{font-size:3.9106vw;font-weight:700;letter-spacing:-0.025em;}
.section-1 .content-area .moviearea .movie{position:relative;margin:0 auto;margin-top:4.1899vw;width:88.8268vw;}
.section-1 .content-area .moviearea .movie .point{position:absolute;left:-3.7709vw;top:-3.6313vw;width:5.0279vw;height:4.1899vw;background:url(images/m-section-1-img-5.png) center no-repeat; background-size:100% 100%;}
.section-1 .airplane .text{font-size:5.0279vw;font-weight:800;letter-spacing:-0.025em;}


}
/* 이미지 너비(75.6983vw) + 여백(4.1899vw) × 6장 = 479.3292vw */
@keyframes introSlideLeft{from{transform:translateX(0);}to{transform:translateX(-479.3292vw);}}



.section-2{position:relative;padding:118px 0 138px 0;background:url(images/section-2-img-1.jpg) center no-repeat; background-size:cover;}
.section-2::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/section-2-img-2.jpg); background-size: cover; opacity: 0; transition: opacity 1.5s ease;}
.section-2.bg-on::after { opacity: 1; }
.section-2 .content-area{position:relative;z-index:1;}
.section-2 .content-area .text{}
.section-2 .content-area .text .grp{opacity:0;transform:translateY(70px);transition:opacity 0.9s ease, transform 0.9s ease;}
.section-2 .content-area .text .grp.reveal{opacity:1;transform:translateY(0);}
.section-2 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:95px;letter-spacing:-0.025em;font-style: italic;line-height:1;}
.section-2 .content-area .text h2 strong{color:#00abf2;}
/* grp-a h2 strong: section-1의 '처음/10년'처럼 아래→위 등장 */
.section-2 .content-area .text .grp-a h2 strong.rise{display:inline-block;opacity:0;}
.section-2 .content-area .text .grp-a.play h2 strong.rise{animation:heroRise .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s);}
.section-2 .content-area .text .txt1{font-size:40px;font-weight:600;letter-spacing:-0.025em;}
.section-2 .content-area .text .txt2{font-size:26px;font-weight:500;letter-spacing:-0.025em;line-height:41px;}
.section-2 .content-area .text .txt2 .line{margin-top:30px;}
.section-2 .content-area .text .txt2 .line span{display:block;}
.section-2 .content-area .text .txt2 .line strong{font-weight:800;}
.section-2 .content-area .text a{margin-top:62px;}
/* 스크롤 진입 전: 흰색 → 진입 후: 원래 색 */
.section-2 .content-area .text h2,
.section-2 .content-area .text .txt1,
.section-2 .content-area .text .txt2{color:#ffffff;transition:color 1.5s ease;}
.section-2.bg-on .content-area .text h2,
.section-2.bg-on .content-area .text .txt1,
.section-2.bg-on .content-area .text .txt2{color:#333333;}
.section-2.bg-on .content-area .text h2 strong{color:#00abf2;}
/* txt2 2번째 줄부터 + 버튼: 처음 숨김 → 스크롤 진입 시 나타남 */
.section-2 .content-area .text a.btn{transition:opacity 0.6s ease, transform 0.6s ease;}
/* === section-2·3·4 스크롤 핀(스티키 섹션): PC 전용 ===
   조상(.wrap)의 overflow:hidden 때문에 position:sticky가 동작하지 않으므로
   JS로 absolute→fixed→absolute 상태를 토글해 핀 고정을 구현한다. */
.section-2-pin, .section-3-pin, .section-4-pin{position:relative;}
@media only screen and (min-width:1025px){
	.section-2-pin, .section-3-pin, .section-4-pin{height:300vh;}
	.section-2-pin > section, .section-3-pin > section, .section-4-pin > section{position:absolute;top:0;left:0;width:100%;height:100vh;min-height:100vh;display:flex;align-items:center;padding:0;overflow:hidden;}
	.section-2-pin.is-fixed > section, .section-3-pin.is-fixed > section, .section-4-pin.is-fixed > section{position:fixed;top:0;}
	.section-2-pin.is-bottom > section, .section-3-pin.is-bottom > section, .section-4-pin.is-bottom > section{position:absolute;top:auto;bottom:0;}
	.section-2-pin > section .content-area, .section-3-pin > section .content-area, .section-4-pin > section .content-area{width:100%;}
}
@media screen and (max-width:1600px){
	.section-2{position:relative;padding:7.375vw 0 8.625vw 0;background:url(images/section-2-img-1.jpg) center no-repeat; background-size:cover;}
	.section-2 .content-area .text .grp{opacity:0;transform:translateY(4.375vw);transition:opacity 0.9s ease, transform 0.9s ease;}
	.section-2 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:5.9375vw;letter-spacing:-0.025em;font-style: italic;line-height:1;}
	.section-2 .content-area .text .txt1{font-size:2.5vw;font-weight:600;letter-spacing:-0.025em;}
	.section-2 .content-area .text .txt2{font-size:1.625vw;font-weight:500;letter-spacing:-0.025em;line-height:2.5625vw;}
	.section-2 .content-area .text .txt2 .line{margin-top:1.875vw;}
	.section-2 .content-area .text a{margin-top:3.875vw;}
}
@media screen and (max-width:1024px){
	.section-2{position:relative;padding:56.9832vw 0 9.7765vw 0;background:url(images/m-section-2-img-2.jpg) center no-repeat; background-size:cover;}
	.section-2::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/m-section-2-img-2.jpg); background-size: cover; opacity: 1; transition: opacity 1.5s ease;}
	.section-2 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:10.4749vw;letter-spacing:-0.025em;font-style: italic;line-height:1;text-align:center;color:#333333;}
	.section-2 .content-area .text .txt1{font-size:5.0279vw;font-weight:600;letter-spacing:-0.025em;text-align:center;color:#333333;}
	.section-2 .content-area .text .txt2{font-size:3.5615vw;font-weight:500;letter-spacing:-0.025em;line-height:4.9581vw;text-align:center;}
	.section-2 .content-area .text .txt2 .line{margin-top:2.7933vw;}
	.section-2 .content-area .text a{margin-top:6.2849vw;}
}	
	

.section-3{position:relative;padding:118px 0 138px 0;background:url(images/section-3-img-1.jpg) center no-repeat; background-size:cover;}
.section-3::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/section-3-img-2.jpg); background-size: cover; opacity: 0; transition: opacity 1.5s ease;}
.section-3.bg-on::after { opacity: 1; }
.section-3 .content-area{ display:flex;justify-content: flex-end; position:relative;z-index:1;}
.section-3 .content-area .text{}
.section-3 .content-area .text .grp{opacity:0;transform:translateY(70px);transition:opacity 0.9s ease, transform 0.9s ease;}
.section-3 .content-area .text .grp.reveal{opacity:1;transform:translateY(0);}
.section-3 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:95px;letter-spacing:-0.025em;font-style: italic;line-height:1;}
.section-3 .content-area .text h2 strong{color:#00abf2;}
/* grp-a h2 strong: section-1의 '처음/10년'처럼 아래→위 등장 */
.section-3 .content-area .text .grp-a h2 strong.rise{display:inline-block;opacity:0;}
.section-3 .content-area .text .grp-a.play h2 strong.rise{animation:heroRise .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s);}
.section-3 .content-area .text .txt1{font-size:40px;font-weight:600;letter-spacing:-0.025em;}
.section-3 .content-area .text .txt2{font-size:26px;font-weight:500;letter-spacing:-0.025em;line-height:41px;}
.section-3 .content-area .text .txt2 .line{margin-top:30px;}
.section-3 .content-area .text .txt2 .line span{display:block;}
.section-3 .content-area .text .txt2 .line strong{font-weight:800;}
.section-3 .content-area .text a{margin-top:62px;}
/* 스크롤 진입 전: 흰색 → 진입 후: 원래 색 */
.section-3 .content-area .text h2,
.section-3 .content-area .text .txt1,
.section-3 .content-area .text .txt2{color:#ffffff;transition:color 1.5s ease;}
.section-3.bg-on .content-area .text h2,
.section-3.bg-on .content-area .text .txt1,
.section-3.bg-on .content-area .text .txt2{color:#333333;}
.section-3.bg-on .content-area .text h2 strong{color:#00abf2;}
.section-3 .content-area .text a.btn{transition:opacity 0.6s ease, transform 0.6s ease;}

@media screen and (max-width:1600px){
	.section-3{position:relative;padding:7.375vw 0 8.625vw 0;background:url(images/section-3-img-1.jpg) center no-repeat; background-size:cover;}
	.section-3 .content-area .text .grp{opacity:0;transform:translateY(4.375vw);transition:opacity 0.9s ease, transform 0.9s ease;}
	.section-3 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:5.9375vw;letter-spacing:-0.025em;font-style: italic;line-height:1;}
	.section-3 .content-area .text .txt1{font-size:2.5vw;font-weight:600;letter-spacing:-0.025em;}
	.section-3 .content-area .text .txt2{font-size:1.625vw;font-weight:500;letter-spacing:-0.025em;line-height:2.5625vw;}
	.section-3 .content-area .text .txt2 .line{margin-top:1.875vw;}
	.section-3 .content-area .text a{margin-top:3.875vw;}
}
@media screen and (max-width:1024px){
	.section-3{position:relative;padding:59.7765vw 0 9.7765vw 0;background:url(images/m-section-3-img-2.jpg) center no-repeat; background-size:cover;}
	.section-3::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/m-section-3-img-2.jpg); background-size: cover; opacity: 1; transition: opacity 1.5s ease;}
	.section-3 .content-area{ display:flex;justify-content: center; position:relative;z-index:1;}
	.section-3 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:10.4749vw;letter-spacing:-0.025em;font-style: italic;line-height:1;text-align:center;color:#333333;}
	.section-3 .content-area .text .txt1{margin-bottom:4.1899vw;font-size:5.0279vw;font-weight:600;letter-spacing:-0.025em;text-align:center;color:#333333;}
	.section-3 .content-area .text .txt2{font-size:3.5615vw;font-weight:500;letter-spacing:-0.025em;line-height:4.9581vw;text-align:center;}
	.section-3 .content-area .text .txt2 .line{margin-top:2.7933vw;}
	.section-3 .content-area .text a{margin-top:6.2849vw;}
}	
	


.section-4{position:relative;padding:118px 0 138px 0;background:url(images/section-4-img-1.jpg) center no-repeat; background-size:cover;}
.section-4::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/section-4-img-2.jpg); background-size: cover; opacity: 0; transition: opacity 1.5s ease;}
.section-4.bg-on::after { opacity: 1; }
.section-4 .content-area{position:relative;z-index:1;}
.section-4 .content-area .text{}
.section-4 .content-area .text .grp{opacity:0;transform:translateY(70px);transition:opacity 0.9s ease, transform 0.9s ease;}
.section-4 .content-area .text .grp.reveal{opacity:1;transform:translateY(0);}
.section-4 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:95px;letter-spacing:-0.025em;font-style: italic;line-height:1;}
.section-4 .content-area .text h2 strong{color:#00abf2;}
/* grp-a h2 strong: section-1의 '처음/10년'처럼 아래→위 등장 */
.section-4 .content-area .text .grp-a h2 strong.rise{display:inline-block;opacity:0;}
.section-4 .content-area .text .grp-a.play h2 strong.rise{animation:heroRise .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s);}
.section-4 .content-area .text .txt1{font-size:40px;font-weight:600;letter-spacing:-0.025em;}
.section-4 .content-area .text .txt2{font-size:26px;font-weight:500;letter-spacing:-0.025em;line-height:41px;}
.section-4 .content-area .text .txt2 .line{margin-top:30px;}
.section-4 .content-area .text .txt2 .line span{display:block;}
.section-4 .content-area .text .txt2 .line strong{font-weight:800;}
.section-4 .content-area .text a{margin-top:62px;}
/* 스크롤 진입 전: 흰색 → 진입 후: 원래 색 */
.section-4 .content-area .text h2,
.section-4 .content-area .text .txt1,
.section-4 .content-area .text .txt2{color:#ffffff;transition:color 1.5s ease;}
.section-4.bg-on .content-area .text h2,
.section-4.bg-on .content-area .text .txt1,
.section-4.bg-on .content-area .text .txt2{color:#333333;}
.section-4.bg-on .content-area .text h2 strong{color:#00abf2;}
.section-4 .content-area .text a.btn{transition:opacity 0.6s ease, transform 0.6s ease;}
@media screen and (max-width:1600px){
	.section-4{position:relative;padding:7.375vw 0 8.625vw 0;background:url(images/section-4-img-1.jpg) center no-repeat; background-size:cover;}
	.section-4 .content-area .text .grp{opacity:0;transform:translateY(4.375vw);transition:opacity 0.9s ease, transform 0.9s ease;}
	.section-4 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:5.9375vw;letter-spacing:-0.025em;font-style: italic;line-height:1;}
	.section-4 .content-area .text .txt1{font-size:2.5vw;font-weight:600;letter-spacing:-0.025em;}
	.section-4 .content-area .text .txt2{font-size:1.625vw;font-weight:500;letter-spacing:-0.025em;line-height:2.5625vw;}
	.section-4 .content-area .text .txt2 .line{margin-top:1.875vw;}
	.section-4 .content-area .text a{margin-top:3.875vw;}
}
@media screen and (max-width:1024px){
	.section-4{position:relative;padding:61.1732vw 0 9.7765vw 0;background:url(images/m-section-4-img-2.jpg) center no-repeat; background-size:cover;}
	.section-4::after {content: ''; position: absolute; inset: 0; z-index: 0; background-image: url(images/m-section-4-img-2.jpg); background-size: cover; opacity: 1; transition: opacity 1.5s ease;}
	.section-4 .content-area .text h2{font-family:'Cafe24ShiningStar';font-size:10.4749vw;letter-spacing:-0.025em;font-style: italic;line-height:1;text-align:center;color:#333333;}
	.section-4 .content-area .text .txt1{margin-bottom:4.6089vw;font-size:5.0279vw;font-weight:600;letter-spacing:-0.025em;text-align:center;color:#333333;}
	.section-4 .content-area .text .txt2{font-size:3.5615vw;font-weight:500;letter-spacing:-0.025em;line-height:4.9581vw;text-align:center;}
	.section-4 .content-area .text .txt2 .line{margin-top:2.7933vw;}
	.section-4 .content-area .text a{margin-top:6.2849vw;}
}	



.section-5{}
.section-5 .content-area{text-align:center;padding:135px 0 119px 0;}
.section-5 .content-area h2{font-size:65px;font-weight:900;letter-spacing:-0.025em;line-height:80px;}
.section-5 .content-area h2 > span{display:block;}
.section-5 .content-area h2 strong{position:relative;font-weight:800;}
.section-5 .content-area h2 strong .round{position:absolute;left:-28px;top:-15px;width:194px;height:111px;background:url(images/section-5-img-1.png) center no-repeat; background-size:cover;}
.section-5 .content-area .text{margin-top:30px;font-size:45px;font-weight:500;letter-spacing:-0.025em;line-height:70px;}
.section-5 .content-area .text span{display:block;}
.section-5 .content-area .text strong{display:inline-block;width:163px;padding:0 15px 0 0;font-family:'Cafe24ShiningStar';font-size:90px;color:#00abf2;;font-style: italic; vertical-align:middle;}
.section-5 .content-area .text strong.blinking{animation:wordBlink 0.55s steps(1);}
@keyframes wordBlink{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}
@media screen and (max-width:1600px){
	.section-5 .content-area{text-align:center;padding:8.4375vw 0 7.4375vw 0;}
	.section-5 .content-area h2{font-size:4.0625vw;font-weight:900;letter-spacing:-0.025em;line-height:5vw;}
	.section-5 .content-area h2 strong .round{position:absolute;left:-1.75vw;top:-0.9375vw;width:12.125vw;height:6.9375vw;background:url(images/section-5-img-1.png) center no-repeat; background-size:cover;}
	.section-5 .content-area .text{margin-top:1.875vw;font-size:2.8125vw;font-weight:500;letter-spacing:-0.025em;line-height:4.375vw;}
	.section-5 .content-area .text strong{display:inline-block;width:10.19vw;padding:0 0.9375vw 0 0;font-family:'Cafe24ShiningStar';font-size:5.625vw;color:#00abf2;;font-style: italic; vertical-align:middle;}
}
@media screen and (max-width:1024px){
	.section-5 .content-area{text-align:center;padding:15.5028vw 0 12.8492vw 0;}
	.section-5 .content-area h2{font-size:5.4469vw;font-weight:900;letter-spacing:-0.025em;line-height:7.8212vw;}
	.section-5 .content-area h2 strong .round{position:absolute;left:-1.3966vw;top:-1.257vw;width:15.7821vw;height:8.9385vw;background:url(images/section-5-img-1.png) center no-repeat; background-size:cover;}
	.section-5 .content-area .text{margin-top:0.9777vw;font-size:3.6313vw;font-weight:500;letter-spacing:-0.025em;line-height:5.7263vw;}
	.section-5 .content-area .text strong{display:inline-block;width:13vw;padding:0 1.3966vw 0 0;font-family:'Cafe24ShiningStar';font-size:7.4022vw;color:#00abf2;;font-style: italic; vertical-align:middle;}
}


.section-6{position:relative;background:url(images/section-6-img-1.png);}
.section-6 > .content-area{padding-top:119px;}
.section-6 > .content-area h2{position:relative;font-size:65px;font-weight:900;letter-spacing:-0.025em;line-height:80px;color:#ffffff;text-align:center;}
.section-6 > .content-area h2 span{display:block;}
.section-6 > .content-area h2 span.flower{position:absolute;right:-80px;top:25px;width:105px;height:125px;background:url(images/section-6-img-6.png) center no-repeat;}
.section-6 > .content-area h2 strong{height:66px;font-weight:900;color:#0072bc;background:#ffffff;}
.section-6 > .content-area .text{margin-top:42px;font-size:30px;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:34px;text-align:center;}
.section-6 > .content-area .text strong{font-weight:900;}
.section-6 > .content-area .data{position:relative;}
.section-6 > .content-area .data .heart{position:absolute;left:-40px;top:95px;z-index:100;width:141px;height:99px;background:url(images/section-6-img-5.png) center no-repeat;}
.section-6 > .content-area .data ul{display:flex;gap:8px;padding: 0 82px;margin-top:77px;}
.section-6 > .content-area .data ul li{flex:1;cursor:pointer}
.section-6 > .content-area .data ul li dl{position:relative;overflow:hidden;padding:20px 30px;aspect-ratio: 432 / 574;border-radius:20px;}
.section-6 > .content-area .data ul li dl::before{content:'';position:absolute;inset:0;z-index:0;transition:transform 0.4s ease;}
.section-6 > .content-area .data ul li dl dt,
.section-6 > .content-area .data ul li dl dd{position:relative;z-index:1;}
.section-6 > .content-area .data ul li dl dt{font-size:49px;font-weight:900;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
.section-6 > .content-area .data ul li dl dd{font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
.section-6 > .content-area .data ul li dl dd span{display:block;}
.section-6 > .content-area .data ul li:nth-child(1) dl::before{background-image:url(images/section-6-img-2.jpg);}
.section-6 > .content-area .data ul li:nth-child(2) dl::before{background-image:url(images/section-6-img-3.jpg);}
.section-6 > .content-area .data ul li:nth-child(3) dl::before{background-image:url(images/section-6-img-4.jpg);}
.section-6 > .content-area .data .txt1{padding-right:82px;margin:9px 6px 0 0;font-size:20px;font-weight:500;letter-spacing:-0.025em;color:#ffffff;text-align:right;}
.section-6 > .content-area .data ul li{transition:transform 0.4s ease;}
.section-6 > .content-area .data ul li:hover dl::before{transform:scale(1.1);}
.section-6 > .content-area .data ul li:hover dl dt{/*color:#00abf2;*/}
.section-6 > .content-area .data ul li:hover dl dd{/*color:#00abf2;*/}
.section-6 > .content-area .data ul li:hover dl dd span{/*color:#00abf2;*/}

.section-6 .content-round{margin-top:103px;border-top-right-radius:420px;background:url(images/section-6-img-8.jpg) center no-repeat; background-size:cover;}
.section-6 .content-round .content-area{display:flex;justify-content: space-between;padding:183px 0 143px 0;}
/* h2의 '처음' · '당신의 힘' 두 단어만 떠오르는 효과 */
.section-6 .content-round .content-area .text h2 strong{display:inline-block;opacity:0;transform:translateY(35px);transition:opacity 0.7s ease, transform 0.7s ease;}
.section-6 .content-round.reveal .content-area .text h2 strong{opacity:1;transform:translateY(0);}
.section-6 .content-round.reveal .content-area .text h2 span:nth-child(2) strong{transition-delay:0.25s;}
.section-6 .content-round .content-area .text h2{font-size:45px;font-weight:900;letter-spacing:-0.025em;color:#ffffff;line-height:60px;}
.section-6 .content-round .content-area .text h2 span{display:block;}
.section-6 .content-round .content-area .text h2 strong{color:#3dc2ff;font-weight:900;}
.section-6 .content-round .content-area .text .txt1{margin-top:30px;font-size:26px;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:41px;}
.section-6 .content-round .content-area .text .txt1:nth-child(2){margin-top:70px;}
.section-6 .content-round .content-area .text .txt1 span{display:block;}
.section-6 .content-round .content-area .text .txt1 span strong{font-weight:900;}
.section-6 .content-round .content-area .text a.btn{width:376px;margin-top:70px;}
.section-6 .content-round .content-area .chart{width:781px;}
.section-6 .content-round .content-area .chart .title{font-size:35px;font-weight:700;letter-spacing:-0.025em;color:#ffffff;text-align:center;}
.section-6 .content-round .content-area .chart .img{max-width:781px;margin-top:44px;;aspect-ratio: 781 / 457;background:url(images/section-6-img-7.png) center no-repeat; background-size:cover;}
@media screen and (max-width:1600px){
	.section-6 > .content-area{padding-top:7.4375vw;}
	.section-6 > .content-area h2{position:relative;font-size:4.0625vw;font-weight:900;letter-spacing:-0.025em;line-height:5vw;color:#ffffff;text-align:center;}
	.section-6 > .content-area h2 span.flower{position:absolute;right:-5vw;top:1.5625vw;width:6.5625vw;height:7.8125vw;background:url(images/section-6-img-6.png) center no-repeat;}
	.section-6 > .content-area h2 strong{height:4.125vw;font-weight:900;color:#0072bc;background:#ffffff;}
	.section-6 > .content-area .text{margin-top:2.625vw;font-size:1.875vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:2.125vw;text-align:center;}
	.section-6 > .content-area .data .heart{position:absolute;left:-2.5vw;top:5.9375vw;z-index:100;width:8.8125vw;height:6.1875vw;background:url(images/section-6-img-5.png) center no-repeat;}
	.section-6 > .content-area .data ul{display:flex;gap:0.5vw;padding: 0 5.125vw;margin-top:4.8125vw;}
	.section-6 > .content-area .data ul li dl{position:relative;overflow:hidden;padding:1.25vw 1.875vw;aspect-ratio: 432 / 574;border-radius:1.25vw;}
	.section-6 > .content-area .data ul li dl dt{font-size:3.0625vw;font-weight:900;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
	.section-6 > .content-area .data ul li dl dd{font-size:1.5vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
	.section-6 > .content-area .data .txt1{padding-right:5.125vw;margin:0.5625vw 0.375vw 0 0;font-size:1.25vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;text-align:right;}
	.section-6 .content-round{margin-top:6.4375vw;border-top-right-radius:26.25vw;background:url(images/section-6-img-8.jpg) center no-repeat; background-size:cover;}
	.section-6 .content-round .content-area{display:flex;justify-content: space-between;padding:11.4375vw 0 8.9375vw 0;}
	.section-6 .content-round .content-area .text h2 strong{display:inline-block;opacity:0;transform:translateY(2.1875vw);transition:opacity 0.7s ease, transform 0.7s ease;}
	.section-6 .content-round .content-area .text h2{font-size:2.8125vw;font-weight:900;letter-spacing:-0.025em;color:#ffffff;line-height:3.75vw;}
	.section-6 .content-round .content-area .text .txt1{margin-top:1.875vw;font-size:1.625vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:2.5625vw;}
	.section-6 .content-round .content-area .text .txt1:nth-child(2){margin-top:4.375vw;}
	.section-6 .content-round .content-area .text a.btn{width:23.5vw;margin-top:4.375vw;}
	.section-6 .content-round .content-area .chart{width:48.8125vw;}
	.section-6 .content-round .content-area .chart .title{font-size:2.1875vw;font-weight:700;letter-spacing:-0.025em;color:#ffffff;text-align:center;}
	.section-6 .content-round .content-area .chart .img{max-width:48.8125vw;margin-top:2.75vw;;aspect-ratio: 781 / 457;background:url(images/section-6-img-7.png) center no-repeat; background-size:cover;}
}
@media screen and (max-width:1024px){
	.section-6 > .content-area{padding-top:12.4302vw;}
	.section-6 > .content-area h2{position:relative;font-size:5.4469vw;font-weight:900;letter-spacing:-0.025em;line-height:6.9832vw;color:#ffffff;text-align:center;}
	.section-6 > .content-area h2 span.flower{position:absolute;right:5.3073vw;top:-6.0056vw;width:7.9609vw;height:9.4972vw;background:url(images/section-6-img-6.png) center no-repeat; background-size:cover;}
	.section-6 > .content-area .text{margin-top:1.676vw;font-size:3.352vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:4.7486vw;text-align:center;}
	.section-6 > .content-area .text span{display:block;}
	.section-6 > .content-area .data .heart{position:absolute;left:2.2346vw;top:12.7095vw;z-index:100;width:9.6369vw;height:6.8436vw;background:url(images/section-6-img-5.png) center no-repeat; background-size:cover;}
	.section-6 > .content-area .data ul{display:flex;gap:1.5363vw;flex-direction: column;padding: 0 7.5419vw;margin-top:7.9609vw;}
	.section-6 > .content-area .data ul li{flex:1;cursor:pointer;text-align:right;}
	.section-6 > .content-area .data ul li:nth-child(2){text-align:left;}
	.section-6 > .content-area .data ul li:nth-child(1) dl::before{background-image:url(images/m-section-6-img-2.jpg); background-size:cover}
	.section-6 > .content-area .data ul li:nth-child(2) dl::before{background-image:url(images/m-section-6-img-3.jpg); background-size:cover;}
	.section-6 > .content-area .data ul li:nth-child(3) dl::before{background-image:url(images/m-section-6-img-4.jpg); background-size:cover;}
	.section-6 > .content-area .data ul li dl{position:relative;overflow:hidden;padding:2.7933vw 5.5866vw; box-sizing:border-box;aspect-ratio: 607 / 159;border-radius:2.7933vw;}
	.section-6 > .content-area .data ul li dl dt{font-size:5.4469vw;font-weight:900;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
	.section-6 > .content-area .data ul li dl dd{font-size:2.6536vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;transition:color 0.3s ease;}
	.section-6 > .content-area .data .txt1{padding-right:11.4525vw;margin:1.257vw 0.838vw 0 0;font-size:2.095vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;text-align:right;}
	
	.section-6 .content-round{margin-top:8.3799vw;border-top-right-radius:32.8212vw;background:url(images/section-6-img-8.jpg) center no-repeat; background-size:cover;}
	.section-6 .content-round .content-area{display:flex;flex-direction: column-reverse;justify-content: space-between;padding:9.7765vw 0 11.5922vw 0;}
	.section-6 .content-round .content-area .chart{width:100%;}
	.section-6 .content-round .content-area .chart .title{font-size:3.0726vw;font-weight:700;letter-spacing:-0.025em;color:#ffffff;text-align:center;}
	.section-6 .content-round .content-area .chart .img{max-width:75.419vw;margin:0 auto;margin-top:4.7486vw;aspect-ratio: 540 / 315;background:url(images/section-6-img-7.png) center no-repeat; background-size:cover;}


	.section-6 .content-round .content-area .text h2{margin-top:6.1453vw;font-size:5.5866vw;font-weight:900;letter-spacing:-0.025em;color:#ffffff;line-height:6.9832vw;text-align:center;}
	.section-6 .content-round .content-area .text .txt1{margin-top:2.3743vw;font-size:3.0726vw;font-weight:500;letter-spacing:-0.025em;color:#ffffff;line-height:4.4693vw;text-align:center;}
	.section-6 .content-round .content-area .text .txt1:nth-child(2){margin-top:3.7709vw;}
	.section-6 .content-round .content-area .text a.btn{width:41.8994vw;margin-top:6.5642vw;}



}

.section-7{padding:152px 0 117px 0;background:url(images/section-7-img-1.jpg); background-size:cover;}
.section-7 .content-area{}
.section-7 .content-area h2{position:relative;font-size:65px;font-weight:900;letter-spacing:-0.025em;line-height:78px;text-align:center;}
.section-7 .content-area h2 span{display:block;}
.section-7 .content-area h2 strong span.count-up{display:inline-block;}
.section-7 .content-area h2 strong{display:inline-block;position:relative;font-weight:900;color:#1aaff3;text-align:right; white-space:nowrap; font-variant-numeric: tabular-nums;}
.section-7 .content-area h2 strong span.heart{position:absolute;left:-92px;top:-46px;width:72px;height:86px;background:url(images/section-7-img-2.png); background-size:cover;}
.section-7 .content-area .text{text-align:center;}
.section-7 .content-area .text .txt1{margin-top:30px;font-size:26px;font-weight:400;letter-spacing:-0.025em;line-height:41px;}
.section-7 .content-area .text .txt1:nth-child(1){margin-top:47px;}
.section-7 .content-area .text .txt1 span{display:block;}
.section-7 .content-area .text .txt1 span.point{display:inline-block;font-weight:700;color:#1aaff3}
.section-7 .content-area .text .txt1 strong{font-weight:700;}
.section-7 .content-area a.btn{margin:83px auto 0 auto;width:438px;height:110px;line-height:110px; border-radius:55px;}


@media screen and (max-width:1600px){
	.section-7{padding: 9.5vw 0 7.31vw 0;background:url(images/section-7-img-1.jpg); background-size:cover;}
	.section-7 .content-area h2{position:relative;font-size:4.0625vw;font-weight:900;letter-spacing:-0.025em;line-height:4.875vw;text-align:center;}
	.section-7 .content-area h2 strong span.heart{position:absolute;left:-5.75vw;top:-2.875vw;width:4.5vw;height:5.375vw;background:url(images/section-7-img-2.png); background-size:cover;}
	.section-7 .content-area .text .txt1{margin-top:1.875vw;font-size:1.625vw;font-weight:400;letter-spacing:-0.025em;line-height:2.5625vw;}
	.section-7 .content-area .text .txt1:nth-child(1){margin-top:2.9375vw;}
	.section-7 .content-area a.btn{margin:5.1875vw auto 0 auto;width:27.375vw;height:6.875vw;line-height:6.875vw; border-radius:3.4375vw;}
}
@media screen and (max-width:1024px){
	.section-7{padding: 12.29vw 0 10.34vw 0;;background:url(images/section-7-img-1.jpg); background-size:cover;}
	.section-7 .content-area h2{position:relative;font-size:5.5866vw;font-weight:900;letter-spacing:-0.025em;line-height:6.9832vw;text-align:center;}
	.section-7 .content-area h2 strong{position:relative;margin-left:7.2626vw;font-weight:900;color:#1aaff3}
	.section-7 .content-area h2 strong span.heart{position:absolute;left:-7.2626vw;top:-2.514vw;width:6.0056vw;height:7.4022vw;background:url(images/section-7-img-2.png); background-size:cover;}
	

	.section-7 .content-area .text .txt1{margin-top:2.7933vw;font-size:3.352vw;font-weight:400;letter-spacing:-0.025em;line-height:4.7486vw;}
	.section-7 .content-area .text .txt1:nth-child(1){margin-top:3.6313vw;}
	.section-7 .content-area a.btn{margin:4.6089vw auto 0 auto;width:42.0391vw;height:10.6145vw;line-height:10.6145vw; border-radius:10.6145vw;}

}






















a.btn{display:block;width:415px;height:95px; border-radius:48px; font-weight:700; font-size:35px;text-align:center;line-height:95px;color:#ffffff;background:#00abf2;}
a.btn:hover{background-color:var(--c-font);}
@media screen and (max-width:1600px){
	a.btn{display:block;width:25.9375vw;height:5.9375vw; border-radius:3vw; font-weight:700; font-size:2.1875vw;text-align:center;line-height:5.9375vw;color:#ffffff;background:#00abf2;}
}
@media screen and (max-width:1024px){
	a.btn{display:block;width:41.8994vw;height:8.9385vw; margin:0 auto; border-radius:6.7039vw; font-weight:700; font-size:3.352vw;text-align:center;line-height:8.9385vw;color:#ffffff;background:#00abf2;}
}


/*footer*/
.footerWrap{ position:relative; width:100%; background:#363636; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  color:white; font-size:1rem; position:relative; float:left; text-decoration: none;}
#footer{width:70%; height:100%; position:relative; margin:0 auto; padding-top:80px;}
#footer:after{display:block;content:"";clear:both;}
.footerTitleList{width:20%; position:relative; float:left; font-weight: 700;}
.footerTitleList li{margin-bottom:20px;}
.footerTextList{width:40%; position:relative; float:left;}
.footerTextList li{margin-bottom:20px;}
.footerKakao{width:40%; position:relative; float:left;}
.footerKakao li span{display:block; float:right; height:35px;}
.footerKakao li span.kakao{ width:35px; height:35px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footerKakao li span.txt{ padding:0 20px 0 40px; margin-left:3px; line-height:35px; border-radius:21px; background:#fff url(images/f_icon.jpg) 10px center no-repeat; background-size:25px auto; color:#363636;}
.footerIconList{width:100%; height:50px; position:relative;margin-top:50px;  float:left; }
.footerIconList > li{float:left; margin-right:20px; text-align: center;}
.footerIconList > li img{width:100%; height:auto; }
.footerIconList > li a{ display:block; width:100%;}
.footerIconList > li:last-child{float:right; bottom:0; margin-right:0;}
.footerWrap p{ float:left; width:100%; margin:40px auto 0 auto; border-top:1px solid #444; padding:20px 15%; font-size:14px; line-height:20px; text-align:center; color:#CCC; box-sizing:border-box; word-break:keep-all}
@media screen and (max-width:1024px){
.footerWrap{padding-bottom:29.75vw}
.footerWrap .brM{display: inline-block;}
}

@media screen and (max-width:780px){
#footer{width:90%;}
.footerTitleList,.footerTextList{font-size:0.813rem; line-height:1.2rem; }
.footerKakao li span{height:30px;}
.footerKakao li span.kakao{ width:30px; height:30px; }
.footerKakao li span.txt{ padding:0 10px 0 25px; margin-left:2px; line-height:30px; border-radius:15px; font-size:0.813rem; background-size:18px auto; background-position:6px center}
.footerIconList>li:last-child{float:left;}
.footerWrap p{ /*padding:10px 10%;*/ font-size:13px; margin-top:20px; line-height:18px;}
}
@media screen and (max-width:640px){
.footerWrap{}
.footerIconList>li{margin-bottom:50px;}

}
@media screen and (max-width:540px){
.footerTextList{width:80%; }
.footerKakao{width:auto; position:absolute; right:4%; top:50px;}
.footerIconList{height:100px;}
.footerIconList>li{margin-bottom:20px;}
.footerIconList>li:last-child{clear:both;}
.footerWrap{}
.footerWrap p{ margin-top:30px; }
}

@media screen and (max-width:480px){
.footerIconList>li{width:10%;}
.footerIconList>li:last-child{width:100px;}
/*.footerWrap p{ padding:10px 5% 0 5%}*/
}



/* motion */
.motion { opacity: 0;transform: translateY(50px);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.motion.active {opacity: 1; transform: translateY(0);}
.motion.hidden {opacity: 0;transform: translateY(30px);}

.delay1 { transition-delay: 0.2s; }
.delay2 { transition-delay: 0.4s; }
.delay3 { transition-delay: 0.6s; }
.delay4 { transition-delay: 0.8s; }

@keyframes fadeInUp {
    from {opacity: 0;transform: translateY(50px);}
    to {opacity: 1;transform: translateY(0);}
}

@keyframes fadeOutDown {
    from {opacity: 1;transform: translateY(0);}
    to {opacity: 0;transform: translateY(50px);}
}

@keyframes sway {
    0% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

@keyframes walk {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-5px);}
}


/*포인트 커지기 */
@keyframes pointFadeGrow{
	0%{opacity:0;transform:scale(0.6);}
	100%{opacity:1;transform:scale(1);}
}