/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

/* 나눔스퀘어 네오 */
@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;
}
/* 어비 컹컹 */
@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: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{ width:100%;min-width:320px;margin:0px;padding:0px;font-family:'NanumSquareNeo','Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#333333;line-height:1.4; word-break:keep-all;}
img{border:none;vertical-align:top}

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal; font-family:'NanumSquareNeo', 'GmarketSansBold';}
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:'NanumSquareNeo', '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;}
.show-pc{display:block;}
.show-mobile{display:none;}
@media only screen and (max-width:1280px) {
	.show-pc{display:none;}
	.show-mobile{display:block;}
}

.wrap{overflow:hidden}
.snowwrap{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.snowwrap #snowBox{position:position:absolute;lefft:0;top:0;width:100%;height:100%;}

/* quick */
.quick-area{position:fixed; right:60px;top:218px;z-index:1000;}
.quick-area > a{display:block;position:relative;}
.quick-area > a > img{filter: drop-shadow(0px 20px 10px rgba(0,0,0,0.6));}
.quick-area > a > span{position:absolute;left:0;top:100px;width:100%;font-family:'SBAggro'; font-weight:700; font-size:30px;line-height:1.33; color:#ffffff; text-align:center; letter-spacing:-0.025em; filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.9));}

.quick_area_mobile{display:none;}

@media only screen and (max-width:1280px) {
	.quick-area{display:none;}
	.quick_area_mobile{display:block;position:fixed;left:0;z-index:2000;bottom:0;width:100%;height:73px;text-align:center;background:url(images/ico-quick-bg-m.png) left top repeat-x;}
	.quick_area_mobile > a{display:inline-block;padding:0;border-radius:81px;font-family: 'NanumSquareNeo'; font-weight:900; font-size:33px;line-height:81px;text-align:center;color:#ff0000;}
	.quick_area_mobile > a > span{display:inline-block;line-height:23px;font-size:18px;margin-top:13px;vertical-align:top;text-align:left;color:#ffffff;}
	.quick_area_mobile > a > span:hover{color:#fffca5}
	.quick_area_mobile > a > img{margin-top:3px;width:70px;vertical-align:middle}	
}



/* visual */
h1{position:fixed; left:50px; top:50px; z-index:99999; width:134px; height:42px; background: url(images/logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}

.wrap .visual{ overflow:hidden;height:1086px;background:url(images/tree.png) left calc(50% + 450px) top no-repeat #05663c;}
.wrap .visual .area{position:relative;}
.wrap .visual .area .title{position:absolute;left:50%;top:283px;text-align:center;}
.wrap .visual .area .title > .img{padding:0 33px}
.wrap .visual .area .title .txt{margin-top:20px;font-family:'NanumSquareNeo'; font-weight:700;font-size:35px;color:#ffffff;text-align:center; letter-spacing:-0.025em; filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.6));}
.wrap .visual .area .title .txt > span{display:block;}
.wrap .visual .area .title .txt > span > strong{font-family:'NanumSquareNeo'; font-weight:900;color:#fffca5;}
.wrap .visual .area .title a{position:relative;display:inline-block;width:432px;margin:60px auto 0 auto;border-radius:113px;font-family:'NanumSquareNeo';font-weight:900;font-size:35px;line-height:113px;color:#ffffff;text-align:center;background:#ba0000;box-shadow:inset 0 -4px 10px rgba(0,0,0,0.4), inset 0 4px 10px rgba(255,255,255,0.8), 0 10px 10px rgba(0,0,0,0.5);}
.wrap .visual .area .title a:hover{color:#fffca5;}
.wrap .visual .area .title a > img{position:absolute;left:-50px;top:-10px;width:122px;}
.wrap .visual .area .people{position:absolute;right:50%;margin-right:-20px;top:80px;}
.wrap .visual .area .people .twinkle{position:absolute;left:-40px; top:63px;}

.wrap .visual .area .obj-1{position:absolute;left:50%;top:300px;margin-left:-890px;}
.wrap .visual .area .obj-2{position:absolute;left:50%;top:646px;margin-left:-823px;}
.wrap .visual .area .obj-3{position:absolute;left:50%;top:68px;margin-left:363px;}
.wrap .visual .area .obj-4{position:absolute;left:50%;top:562px;margin-left:740px;}
.wrap .visual .area .obj-5{position:absolute;left:50%;top:768px;margin-left:596px;}
@media only screen and (max-width:1280px) {
	h1{left:15px; top:19px; width:90px; height:29px;}
	.wrap .visual{height:566px; background:url(images/tree.png) left calc(50% + 140px) top no-repeat #05663c; background-size:auto 566px;}
	.wrap .visual .area .title{top:84px; z-index:1000; transform:translateX(-50%);}
	.wrap .visual .area .title > .img > img{width:215px;}
	.wrap .visual .area .title .txt{margin-top:15px; font-size:17px;}
	.wrap .visual .area .title a{z-index:1000; width:181px; margin:250px auto 0 auto; font-size:14px; line-height:47px; box-shadow:inset 0 -2px 5px rgba(0,0,0,0.4), inset 0 2px 5px rgba(255,255,255,0.8), 0 5px 5px rgba(0,0,0,0.5);}
	.wrap .visual .area .title a > img{left:-20px; top:-5px; width:52px;}
	.wrap .visual .area .people{margin-right:-90px; top:240px;}
	.wrap .visual .area .people > img{width:185px;}
	.wrap .visual .area .people .twinkle{left:-23px; top:20px; z-index:100;}
	.wrap .visual .area .people .twinkle img{width:200px;}
	.wrap .visual .area .obj-1{left:30%; top:64px; margin-left:-100px;}
	.wrap .visual .area .obj-1 img{width:93px;}
	.wrap .visual .area .obj-2{left:20%; top:277px; margin-left:-100px;}
	.wrap .visual .area .obj-2 img{width:134px;}
	.wrap .visual .area .obj-3{left:80%; top:100px; margin-left:0;}
	.wrap .visual .area .obj-3 img{width:80px;}
	.wrap .visual .area .obj-4{left:75%; top:255px; margin-left:0;}
	.wrap .visual .area .obj-4 img{width:90px;}
	.wrap .visual .area .obj-5{left:80%; top:398px; margin-left:0; transform:scaleX(-1);}
	.wrap .visual .area .obj-5 img{width:98px;}
}


/* step-1 */
.step-area-1{position:relative;height:1214px;background:url(images/girl.png) center no-repeat;}
.step-area-1 .tree{position:absolute;left:0;top:0;}

.step-area-1 .info{max-width:1482px;padding:0 30px;margin:0 auto;font-family:'NanumSquareNeo';font-size:28px;letter-spacing:-0.023em;line-height:1.714;}
.step-area-1 .info .txt1{padding:260px 10px 0 10px;font-weight:700;font-family:'NanumSquareNeo';font-size:35px;}
.step-area-1 .info .txt1 strong{font-family:'NanumSquareNeo';font-weight:900;}
.step-area-1 .info .txt2{padding:0 10px;margin-top:10px;font-family:'SBAggro';font-weight:700;font-size:48px;line-height:1.416;}
.step-area-1 .info .txt2 > span{display:block;}
.step-area-1 .info .txt3{padding:0 10px;margin-top:40px;font-family:'NanumSquareNeo';}
.step-area-1 .info .txt3 .para{display:block;padding-bottom:30px;}
.step-area-1 .info .txt3 .para strong{font-weight:800;}
.step-area-1 .info .txt3 .para .subtxt{font-family:'EobiKeongkeong'}

.step-area-1 .snow{position:absolute;left:0;bottom:-340px;width:100%;height:637px;background:url(images/forest-left.png) left top no-repeat,url(images/forest-right.png) right top no-repeat,url(images/forest-bg.png) center repeat-x;}
@media only screen and (max-width:1280px) {
	.step-area-1{position:relative;height:600px;background:url(images/girl.png) left calc(50% - 80px) top -15px no-repeat; background-size:600px;}
	.step-area-1 .tree{position:absolute;left:0;top:0;}
	.step-area-1 .tree img{width:194px;}
	
	.step-area-1 .info{max-width:1482px;padding:0 30px;margin:0 auto;font-family:'NanumSquareNeo';font-size:12.56px;letter-spacing:-0.023em;line-height:1.714;text-align:center;}
	.step-area-1 .info .txt1{padding:230px 10px 0 10px;font-weight:700;font-family:'NanumSquareNeo';font-size:16.74px;}
	.step-area-1 .info .txt1 strong{font-family:'NanumSquareNeo';font-weight:900;}
	.step-area-1 .info .txt2{padding:0 10px;margin-top:10px;font-family:'SBAggro';font-weight:700;font-size:18.84px;line-height:1.416;}
	.step-area-1 .info .txt2 > span{display:block;}
	.step-area-1 .info .txt3{padding:0 10px;margin-top:20px;font-family:'NanumSquareNeo';}
	.step-area-1 .info .txt3 .para{display:block;padding-bottom:10px;}
	.step-area-1 .info .txt3 .para strong{font-weight:800;}
	.step-area-1 .info .txt3 .para .subtxt{font-family:'EobiKeongkeong'}
	
	.step-area-1 .snow{position:absolute;left:0;bottom:-50px;width:100%;height:134px;background:url(images/forest-left.png) left top no-repeat,url(images/forest-right.png) right top no-repeat,url(images/forest-bg.png) center repeat-x; background-size:auto 134px,auto 134px,auto 134px} 
}

/* step-2 */
.step-area-2{padding-top:460px;background:url(images/step-2-bg.png);}
.step-area-2 .title-1{font-family:'SBAggro';font-weight:700;font-size:48px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
.step-area-2 .title-1 strong{font-weight:900;color:#fffca5;}
.step-area-2 .title-2{font-family:'NanumSquareNeo';font-weight:700;font-size:35px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
.step-area-2 .title-2 strong{font-weight:900;color:#fffca5;}
.step-area-2 .title-3{padding-top:50px;;font-family:'NanumSquareNeo',sans-serif;font-weight:700;font-size:21px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
.step-area-2 .title-3 strong{font-weight:900;}
.step-area-2 .treearea{position:relative;height:1008px;padding-top:30px;}
.step-area-2 .treearea .tree{position:absolute;left:50%;bottom:-100px; transform:translateX(-50%)}

.step-area-2 .treearea .tree .deco{position:relative;cursor:pointer}
.step-area-2 .treearea .tree .deco-1{position:absolute;left:169px;top:283px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
.step-area-2 .treearea .tree .deco-2{position:absolute;left:404px;top:373px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
.step-area-2 .treearea .tree .deco-3{position:absolute;left:117px;top:631px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
.step-area-2 .treearea .tree .deco-4{position:absolute;left:405px;top:750px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}

.step-area-2 .treearea .tree .deco > span{position:absolute;left:0;top:0;display:block;font-family:'SBAggro';font-weight:500;font-size:28px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
.step-area-2 .treearea .tree .deco-1 > span{left:10px;top:160px;}
.step-area-2 .treearea .tree .deco-2 > span{left:0;top:170px;}
.step-area-2 .treearea .tree .deco-3 > span{left:40px;top:175px;}
.step-area-2 .treearea .tree .deco-4 > span{left:10px;top:170px;}


.step-area-2 .treearea .tree .deco .mail{display:none;position:absolute;width:559px;height:204px;padding:20px 30px 20px 30px; box-sizing:border-box;b}
.step-area-2 .treearea .tree .deco-1 .mail{right:180px;bottom:200px;}
.step-area-2 .treearea .tree .deco-2 .mail{left:100px;bottom:160px;}
.step-area-2 .treearea .tree .deco-3 .mail{right:160px;bottom:210px;}
.step-area-2 .treearea .tree .deco-4 .mail{left:100px;bottom:200px;}

.step-area-2 .bottom{height:536px;background:url(images/step-2-bottom.png);}
.step-area-2 .bottom > p{padding-top:170px;;font-family:'NanumSquareNeo';font-weight:700;font-size:48px;color:#ffffff;text-align:center;line-height:1.416;}
.step-area-2 .bottom > p .heavy{font-weight:900;}
.step-area-2 .bottom > p strong{font-weight:900;color:#fffca5;}
@media only screen and (max-width:1280px) {
	.step-area-2{padding-top:95px;background:url(images/step-2-bg.png); background-size:50px auto;}
	.step-area-2 .title-1{max-width:200px;margin:0 auto;font-family:'SBAggro';font-weight:700;font-size:18.84px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
	.step-area-2 .title-1 strong{font-weight:900;color:#fffca5;}
	.step-area-2 .title-2{padding-top:8px;font-family:'NanumSquareNeo';font-weight:700;font-size:14.23px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
	.step-area-2 .title-2 strong{font-weight:900;color:#fffca5;}
	.step-area-2 .title-3{padding-top:10px;;font-family:'NanumSquareNeo',sans-serif;font-weight:700;font-size:8.37px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
	.step-area-2 .title-3 strong{font-weight:900;}
	.step-area-2 .treearea{position:relative;height:386px;padding-top:0;}
	.step-area-2 .treearea .tree{position:absolute;left:50%;bottom:-35px; transform:translateX(-50%)}
	.step-area-2 .treearea .tree .deco-tree > img{height:406px;}
	
	.step-area-2 .treearea .tree .deco{position:relative;cursor:pointer}
	.step-area-2 .treearea .tree .deco-1{position:absolute;left:60px;top:97px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
	.step-area-2 .treearea .tree .deco-2{position:absolute;left:144px;top:126px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
	.step-area-2 .treearea .tree .deco-3{position:absolute;left:39px;top:256px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
	.step-area-2 .treearea .tree .deco-4{position:absolute;left:157px;top:290px; transform-origin: 50% 0%; animation: decoSwing 1.8s ease-in-out infinite;}
	
	.step-area-2 .treearea .tree .deco-1 > img{width:71px;}
	.step-area-2 .treearea .tree .deco-2 > img{width:59px;}
	.step-area-2 .treearea .tree .deco-3 > img{width:85px;}
	.step-area-2 .treearea .tree .deco-4 > img{width:61px;}
	
	.step-area-2 .treearea .tree .deco > span{position:absolute;left:0;top:0;display:block;font-family:'SBAggro';font-weight:500;font-size:10.64px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
	.step-area-2 .treearea .tree .deco-1 > span{left:2px;top:62px;}
	.step-area-2 .treearea .tree .deco-2 > span{left:4px;top:66px;}
	.step-area-2 .treearea .tree .deco-3 > span{left:15px;top:68px;}
	.step-area-2 .treearea .tree .deco-4 > span{left:4px;top:66px;}
	
	
	.step-area-2 .treearea .tree .deco .mail{display:none;position:absolute;width:auto;height:auto;padding:20px 30px 20px 30px; box-sizing:border-box;b}
	.step-area-2 .treearea .tree .deco-1 .mail{right:-19px;bottom:35px;}
	.step-area-2 .treearea .tree .deco-2 .mail{left:-28px;bottom:32px;}
	.step-area-2 .treearea .tree .deco-3 .mail{right:-28px;bottom:41px;}
	.step-area-2 .treearea .tree .deco-4 .mail{left:-41px;bottom:38px;}
	
	.step-area-2 .treearea .tree .deco-1 .mail img{width:156px;}
	.step-area-2 .treearea .tree .deco-2 .mail img{width:157px;}
	.step-area-2 .treearea .tree .deco-3 .mail img{width:156px;}
	.step-area-2 .treearea .tree .deco-4 .mail img{width:157px;}
	
	
	.step-area-2 .bottom{height:170px;background:url(images/step-2-bottom.png); background-size:50px auto}
	.step-area-2 .bottom > p{max-width:280px;margin:0 auto;padding-top:45px;font-family:'NanumSquareNeo';font-weight:700;font-size:14.23px;color:#ffffff;text-align:center;line-height:1.416;}
	.step-area-2 .bottom > p .heavy{font-weight:900;}
	.step-area-2 .bottom > p strong{font-weight:900;color:#fffca5;}
	.step-area-2 .bottom > p .line{display:block;}

}


@keyframes decoSwing {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-3deg); }
  50%  { transform: rotate(3deg); }
  75%  { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}


/* step-3 */
.step-area-3{overflow:hidden;text-align:center;background:#fffcf0;}
.step-area-3 .explan .txt-1{padding-top:160px;font-family:'SBAggro';font-size:48px;font-weight:700;line-height:1.416;color:#000000;}
.step-area-3 .explan .txt-1 strong{font-weight:700;color:#ba0000;}
.step-area-3 .explan .txt-2{padding-top:42px;font-family:'EobiKeongkeong';font-size:35px;color:#da0000;}
.step-area-3 .explan .txt-3{padding-top:40px;font-family:'NanumSquareNeo';font-weight:700;font-size:28px;line-height:1.718;color:#000000;}
.step-area-3 .explan .txt-3 strong{font-weight:900;}
.step-area-3 .mailarea{width:100%;display:flex;justify-content:center;margin-top:60px;}
.step-area-3 .mail{width:1052px;height:935px;position:relative;}
.step-area-3 .mail .swiper{}
.step-area-3 .mail .swiper-slide{position:relative;width:1052px;height:935px;display:flex;justify-content:center;background:url(images/letter-bg.png)center bottom no-repeat;}
.step-area-3 .mail .swiper-slide .cover{position:absolute;bottom:0;}
.step-area-3 .swiper-button-next,.swiper-button-prev{top:242px;width:67px;height:67px;border-radius:67px;background:#b2b2b2;color:#ffffff;}
.step-area-3 .swiper-button-prev{left:95px;}
.step-area-3 .swiper-button-next{right:95px;}
.step-area-3 .swiper-button-prev:after,.swiper-button-next:after{display:none;}
.step-area-3 .swiper-button-next:hover,.swiper-button-prev:hover{color:#333;content:'';}

.step-area-3 .besanta{padding-bottom:165px;text-align:center;}
.step-area-3 .besanta p{padding-top:80px;;font-family:'NanumSquareNeo';font-weight:800;font-size:35px;line-height:1.571;}
.step-area-3 .besanta p strong{font-weight:800;color:#ba0000}
.step-area-3 .besanta a{position:relative;display:inline-block;width:432px;margin:70px auto 0 auto;border-radius:113px;font-family:'NanumSquareNeo';font-weight:900;font-size:35px;line-height:113px;color:#ffffff;text-align:center;background:#ba0000;box-shadow:inset 0 -4px 10px rgba(0,0,0,0.4), inset 0 4px 10px rgba(255,255,255,0.8), 0 10px 10px rgba(0,0,0,0.5);}
.step-area-3 .besanta a:hover{color:#fffca5;}
.step-area-3 .besanta a > img{position:absolute;left:-40px;top:-16px;}
@media only screen and (max-width:1280px) {
	.step-area-3{text-align:center;background:#fffcf0;}
	.step-area-3 img{width:100%;}
	.step-area-3 .explan .txt-1{padding-top:50px;font-family:'SBAggro';font-size:18.84px;font-weight:700;line-height:1.416;color:#000000;}
	.step-area-3 .explan .txt-1 strong{font-weight:700;color:#ba0000;}
	.step-area-3 .explan .txt-2{padding-top:12px;font-family:'EobiKeongkeong';font-size:14.65px;color:#da0000;}
	.step-area-3 .explan .txt-3{padding-top:12px;font-family:'NanumSquareNeo';font-weight:700;font-size:12.56px;line-height:1.718;color:#000000;}
	.step-area-3 .explan .txt-3 span{display:block;}
	.step-area-3 .explan .txt-3 strong{font-weight:900;}
	.step-area-3 .mailarea{width:100%;display:flex;justify-content:center;margin-top:20px;}
	.step-area-3 .mail{width:326px;height:289px;position:relative;}
	.step-area-3 .mail > img{width:100%;}
	.step-area-3 .mail .swiper{}
	.step-area-3 .mail .swiper-slide{position:relative;width:326px;height:289px;display:flex;justify-content:center;background:url(images/letter-bg.png)center bottom no-repeat; background-size:contain}
	.step-area-3 .mail .swiper-slide .cover{position:absolute;bottom:0;}
	.step-area-3 .swiper-button-next,.swiper-button-prev{top:96px;width:20px;height:20px;border-radius:20px;background:#b2b2b2;color:#ffffff;}
	.step-area-3 .swiper-button-prev{left:29px;}
	.step-area-3 .swiper-button-prev img{width:6px;}
	.step-area-3 .swiper-button-next{right:29px;}
	.step-area-3 .swiper-button-next img{width:6px;}
	.step-area-3 .swiper-button-prev:after,.swiper-button-next:after{display:none;}
	.step-area-3 .swiper-button-next:hover,.swiper-button-prev:hover{color:#333;content:'';}
	
	.step-area-3 .besanta{padding-bottom:53px;text-align:center;}
	.step-area-3 .besanta p{padding-top:35px;font-family:'NanumSquareNeo';font-weight:800;font-size:14.65px;line-height:1.571;}
	.step-area-3 .besanta p strong{font-weight:800;color:#ba0000}
	.step-area-3 .besanta a{position:relative;display:inline-block;width:181px;margin:15px auto 0 auto;border-radius:113px;font-family:'NanumSquareNeo';font-weight:900;font-size:14px;line-height:47px;color:#ffffff;text-align:center;background:#ba0000;box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.4), inset 0 2px 5px rgba(255, 255, 255, 0.8), 0 5px 5px rgba(0, 0, 0, 0.5);}
	.step-area-3 .besanta a > img{position:absolute;left:-17px;top:-6px;width:36px;}
}

/* step-4 */
.step-area-4{height:1080px;background:url(images/kid.png) right 60px bottom 55px no-repeat,url(images/step-4-bg.png) center; background-size:640px auto , auto ;}
.step-area-4 .area{position:relative;max-width:1482px; margin:0 auto; padding:0 54px; box-sizing:border-box;}
.step-area-4 .area .flower{position:absolute;left:-120px;top:-150px;}
.step-area-4 .area .txt-1{padding-top:230px;padding-left:25px;font-family:'SBAggro';font-wight:700;font-size:48px;color:#ffffff;}
.step-area-4 .area .txt-1 strong{font-weight:700;color:#fffca5}
.step-area-4 .area .txt-2{padding-top:20px;padding-left:15px;font-family:'NanumSquareNeo';font-size:35px;line-height:1.428;color:#ffffff;}
.step-area-4 .area .txt-2 strong{font-weight:900;}
.step-area-4 .area ul{display:flex;gap:35px;padding-top:72px;}
.step-area-4 .area ul > li{position:relative;}
.step-area-4 .area ul > li > img{filter: drop-shadow(0px 20px 10px rgba(0,0,0,0.3));}

.step-area-4 .area ul > li > span{position:absolute;left:0;top:194px;width:100%;font-family:'NanumSquareNeo';font-weight:800;font-size:28px;line-height:1.25;text-align:center;}
.step-area-4 .area .txt-3{padding-top:60px;padding-left:25px;}
.step-area-4 .area .txt-3 > span{display:block;padding-bottom:5px;font-family:'NanumSquareNeo';font-size:21px;font-weight:700;color:#ffffff;}
.step-area-4 .area .txt-3 > span > strong{font-weight:900;}
@media only screen and (max-width:1280px) {
	.step-area-4{height:395px;background:url(images/kid.png) right -9999px bottom 55px no-repeat,url(images/step-4-bg.png) center; background-size:640px auto , auto ;}
	.step-area-4 .area{position:relative;max-width:1482px; margin:0 auto; padding:0; box-sizing:border-box;}
	.step-area-4 .area .flower{position:absolute;left:-13px;top:-32px;}
	.step-area-4 .area .flower img{width:145px;}
	.step-area-4 .area .txt-1{padding-top:53px;padding-left:0;font-family:'SBAggro';font-wight:700;font-size:18.83px;text-align:center;color:#ffffff;}
	.step-area-4 .area .txt-1 strong{font-weight:700;color:#fffca5}
	.step-area-4 .area .txt-1 span{display:block;}
	.step-area-4 .area .txt-2{padding-top:15px;padding-left:0;font-family:'NanumSquareNeo';font-size:14.65px;line-height:1.428;text-align:center;color:#ffffff;}
	.step-area-4 .area .txt-2 strong{font-weight:900;}
	.step-area-4 .area .txt-2 span{display:block;}
	.step-area-4 .area ul{display:flex;gap:10px;width:288px;margin:0 auto;padding-top:24px;}
	.step-area-4 .area ul > li{position:relative;margin:0 auto;	}
	.step-area-4 .area ul > li > img{width:88px;filter: drop-shadow(0px 20px 10px rgba(0,0,0,0.3));}
	
	.step-area-4 .area ul > li > span{position:absolute;left:0;top:56px;width:100%;font-family:'NanumSquareNeo';font-weight:800;font-size:10px;line-height:1.25;text-align:center;}
	.step-area-4 .area .txt-3{padding-top:20px;padding-left:15px;}
	.step-area-4 .area .txt-3 > span{display:block;width:288px;margin:0 auto;padding-bottom:5px;padding-left:6px; text-indent:-6px;font-family:'NanumSquareNeo';font-size:8.37px;font-weight:700;color:#ffffff;}
	.step-area-4 .area .txt-3 > span strong{font-weight:900;}
	.step-area-4 .area .txt-3 > span > span{display:block;}
}


/* step-5 */
.step-area-5{height:1080px;background:url(images/gift-bg.png) center no-repeat #e7e7e9;;}
.step-area-5 .area{display:flex;justify-content: flex-end;max-width:1482px;margin:0 auto;}
.step-area-5 .area .box{padding:0 35px;text-align:center;}
.step-area-5 .area .box .txt-1{padding-top:250px;;font-family:'SBAggro';font-wight:700;font-size:48px;color:#000000;}
.step-area-5 .area .box .txt-1 strong{font-weight:900;color:#ba0000;}
.step-area-5 .area .box .txt-2{padding-top:50px;font-family:'NanumSquareNeo';font-weight:900;font-size:35px;line-height:1.428;color:#000000; vertical-align:moddle;}
.step-area-5 .area .box .txt-3{padding-top:22px;font-family:'NanumSquareNeo';font-weight:700;font-size:21px;line-height:1.714;color:#000000;}
.step-area-5 .area .box .txt-3 span{display:block;}
.step-area-5 .area .box a{position:relative;display:inline-block;width:432px;margin:70px auto 0 auto;border-radius:113px;font-family:'NanumSquareNeo';font-weight:900;font-size:35px;line-height:113px;color:#ffffff;text-align:center;background:#ba0000;box-shadow:inset 0 -4px 10px rgba(0,0,0,0.4), inset 0 4px 10px rgba(255,255,255,0.8), 0 10px 10px rgba(0,0,0,0.5);}
.step-area-5 .area .box a:hover{color:#fffca5;}
@media only screen and (max-width:1280px) {
	.step-area-5{height:555px;background:url(images/gift-bg.png) left calc(50% + 140px) top 250px no-repeat #e7e7e9; background-size:750px;}
	.step-area-5 .area{display:flex;justify-content:center;max-width:1482px;margin:0 auto;}
	.step-area-5 .area .box{padding:0 35px;text-align:center;}
	.step-area-5 .area .box .txt-1{padding-top:46px;;font-family:'SBAggro';font-wight:700;font-size:18.84px;color:#000000;}
	.step-area-5 .area .box .txt-1 strong{font-weight:900;color:#ba0000;}
	.step-area-5 .area .box .txt-2{padding-top:10px;font-family:'NanumSquareNeo';font-weight:900;font-size:14.65px;line-height:1.428;color:#000000; vertical-align:moddle;}
	.step-area-5 .area .box .txt-3{padding-top:12px;font-family:'NanumSquareNeo';font-weight:700;font-size:8.37px;line-height:1.714;color:#000000;}
	.step-area-5 .area .box .txt-3 span{display:inline-block;}
	.step-area-5 .area .box a{position:relative;display:inline-block;width:181px;margin:30px auto 0 auto;border-radius:47px;font-family:'NanumSquareNeo';font-weight:900;font-size:14px;line-height:47px;color:#ffffff;text-align:center;background:#ba0000;        box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.4), inset 0 2px 5px rgba(255, 255, 255, 0.8), 0 5px 5px rgba(0, 0, 0, 0.5);}
}

.swiper-slide  .letter{
    opacity: 1;
    transform: translateY(300px);
    transition: 2s ease;
}

/* 액티브가 되면 위로 올라오며 나타남 */
.swiper-slide-active .letter {
    opacity: 1;
    transform: translateY(0);
}


.emoji-gift-1{height:54px;}
.emoji-gift-2{height:40px;margin-top:5px;}
.emoji-santa-1{height:54px;}
.emoji-chistmas-1{height:40px;margin-bottom:8px;vertical-align:middle}
@media only screen and (max-width:1280px) {
	.emoji-gift-1{height:21px;}
	.emoji-gift-2{height:17px;margin-top:1px;}
	.emoji-santa-1{height:23px;margin-top:-3px;}
	.emoji-chistmas-1{height:20px;margin-bottom:8px;vertical-align:middle}

}

/*footer*/
.footer{ width:100%; background-color:#363636; text-align:center; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.footer ul{padding:20px 0; font-size:0px}
.footer li{ display:inline-block; margin:13px 25px 0 25px; font-size:20px; line-height:41px; color:#ffffff;} 
.footer li.logo{}
.footer li.logo > a{display:block;width:127px; height:60px; margin-top:0; background:url(images/f_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:41px;}
.footer li span.kakao{ width:41px; height:41px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span.txt{ padding:0 30px 0 52px; margin-left:12px; border-radius:21px; background:#fff url(images/f_icon.jpg) 19px center no-repeat; background-size:28px auto; color:#363636;}
.footer .ps{padding-top:35px;font-family:'NanumSquareNeo'; font-size:20px;color:#ffffff;}
.footer .ps > span{display:inline-block;}
.footer .distribution{ border-top:1px solid #6c6c6c;font-size:16px;line-height:59px;color:#ffffff;}
@media only screen and (max-width:1130px) {
.footer li{ margin:13px 15px 0 15px; font-size:18px; line-height:41px;} 
}
@media only screen and (max-width:1024px) {
.footer{ padding:15px 0 87px 0;}
.footer li{ margin:7px 12px 0 12px; font-size:13px; line-height:22px;} 
.footer li.logo{}
.footer li.logo > a{width:64px; height:30px; background-size:auto 100%; margin-top:0}
.footer li span{ height:22px;}
.footer li span.kakao{ width:22px; height:22px;}
.footer li span.txt{ padding:0 12px 0 25px; margin-left:6px; border-radius:6px; background-position:6px center; background-size:16px auto;}
.footer .ps{ padding-top:21px; font-size:12px;line-height:1.6;color:#ffffff;}
.footer .distribution{ font-size:12px;line-height:52px;color:#ffffff;}
}
@media only screen and (max-width:650px) {
.footer li{ margin:7px 8px 0 8px; font-size:12px;;} 
.footer li.logo{width:100%; margin:5px 0 0 0; }
.footer li.logo > a{margin:0 auto;background-position:center }

}