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

/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;700&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;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Serif KR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR-Bold.woff') format('woff');
    font-weight: 700;
    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: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
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}

/*@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; 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;}

.wrap{overflow:hidden}

/* 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;}
@media only screen and (max-width:1024px) {
	h1{left:5.5556vw; top:5.5556vw; width:25vw; height:8.0556vw;}
}


.quick-area{ display:flex; align-items: center; justify-content: center; position:fixed;right:30px;bottom:47px;z-index:9000; width:183px;height:304px;}
.quick-area a{ font-size:32px; font-weight:800; line-height:47px; color:#ffffff;}
.quick-area a img{filter: drop-shadow(4px 6px 7px rgba(0,0,0,0.3));}
.quick_area_mobile{display:none;}
@media only screen and (max-width:1024px) {
	.quick-area{display:none;}
	.quick_area_mobile{display:block; position:fixed;left:0;bottom:0;z-index:9000;width:100%;height:20vw;box-sizing:border-box;font-size:5.5556vw; font-weight:800; line-height:20vw; color:#ffffff; text-align:center;background:#23ac38; background-size:contain;}
	.quick_area_mobile a{display:block;width:100%;height:100%;padding-left:34.3vw; box-sizing:border-box;background:url(images/banner-m.jpg) left center no-repeat #23ac38; background-size:contain;}
}


.visual-wrap{height:1138px;background:url(images/visual.jpg) center no-repeat; background-size:cover}
.visual-wrap .area{display:flex;justify-content: flex-end;max-width:1288px;margin:0 auto;padding:0 30px;}
.visual-wrap .area .box{width:601px;padding-top:200px;}
.visual-wrap .area .box .txt{display:block;padding:30px 0 20px 0;font-size:27px;line-height:1.74;}
.visual-wrap .area .box .txt span{display:block;text-align:center;}
.visual-wrap .area .box .txt span.space{line-height:30px;}
.visual-wrap .area .box .txt strong{font-weight:800;color:#23ac38;}
.visual-wrap .area .box .btn{display:block;width:448px;height:103px;margin:0 auto;border-radius:103px;font-weight:800;font-size:27px;color:#ffffff;line-height:103px;text-align:center;background:#1f1f1f;}
.visual-wrap .area .box .btn:hover{background:#23ac38;}
@media only screen and (max-width:1024px) {
	.visual-wrap{height:208.8889vw;background:url(images/visual-m.jpg) center no-repeat; background-size:auto 208.8889vw}
	.visual-wrap .area .box{width:100%;padding-top:25vw;}
	.visual-wrap .area .box .hero{text-align:center;}
	.visual-wrap .area .box .hero img{width:66.6667vw;}
	.visual-wrap .area .box .txt{padding:8.3333vw 0 7.2222vw 0;font-size:3.8889vw;line-height:1.535;}
	.visual-wrap .area .box .txt span.space{line-height:6.1111vw;}
	.visual-wrap .area .box .btn{width:48.8889vw;height:11.1111vw;font-size:3.8889vw;line-height:11.1111vw;}
}


.step-area-1{position:relative;height:1094px;background:url(images/step-1.jpg) left center no-repeat; background-size:cover}
.step-area-1 .area{display:flex;justify-content: flex-end;max-width:1478px;margin:0 auto;padding:0 30px;}
.step-area-1 .area .box{width:795px;padding-top:250px;}
.step-area-1 .area .box .txt1{}
.step-area-1 .area .box .txt1 p{font-family: 'Noto Serif KR'; font-weight:700;font-size:48px;color:#ffffff;line-height:1.416;}
.step-area-1 .area .box .txt1 p span{display:block;}
.step-area-1 .area .box .txt1 p span:first-child{text-indent:-26px;}
.step-area-1 .area .box .txt1 p.author{padding-top:15px;font-weight:500;font-size:20px;}
.step-area-1 .area .box .txt1 p strong{font-weight:700;color:#25d03f}
.step-area-1 .area .box .txt2{padding-top:60px;font-size:27px;color:#ffffff;line-height:1.740;}
.step-area-1 .area .box .txt2 span{display:block;}
.step-area-1 .area .box .txt2 strong{font-weight:800;}
@media only screen and (max-width:1024px) {
	.step-area-1{height:198.8889vw;background:url(images/step-1-m.jpg) center no-repeat #112911; background-size:auto 198.8889vw;}
	.step-area-1 .area{padding:0 5.5556vw;}
	.step-area-1 .area .box{width:88.8889vw;margin:0 auto;padding-top:97.2222vw;text-align:right;}
	.step-area-1 .area .box .txt1 p{font-size:6.6667vw;line-height:1.312;}
	.step-area-1 .area .box .txt1 p span:first-child{padding-right:1.9444vw;}
	.step-area-1 .area .box .txt1 p.author{padding-top:2.5vw;padding-right:1.9444vw;font-size:2.5vw;}
	.step-area-1 .area .box .txt2{padding-top:6.3889vw;padding-right:2.7778vw;font-size:3.8889vw;line-height:1.535;}
	
}

.step-area-2{position:relative;height:1080px;background:url(images/step-2.jpg) center center no-repeat; background-size:cover}
.step-area-2 .area{display:flex;max-width:1478px;margin:0 auto;padding:0 30px;}
.step-area-2 .area .box{width:795px;padding-top:250px;}
.step-area-2 .area .box .txt1{}
.step-area-2 .area .box .txt1 p{font-family: 'Noto Serif KR'; font-weight:700;font-size:48px;color:#000000;line-height:1.416;}
.step-area-2 .area .box .txt1 p span{display:block;}
.step-area-2 .area .box .txt1 p span:first-child{text-indent:-26px;}
.step-area-2 .area .box .txt1 p.author{padding-top:15px;font-weight:500;font-size:20px;}
.step-area-2 .area .box .txt1 p strong{font-weight:700;color:#23ac38}
.step-area-2 .area .box .txt2{padding-top:60px;font-size:27px;color:#000000;line-height:1.740;}
.step-area-2 .area .box .txt2.pc{display:block;}
.step-area-2 .area .box .txt2.m{display:none;}
.step-area-2 .area .box .txt2 span{display:block;}
.step-area-2 .area .box .txt2 strong{font-weight:800;}
@media only screen and (max-width:1024px) {
	.step-area-2{height:154.1667vw;background:url(images/step-2-m.jpg) center center no-repeat; background-size:auto 154.1667vw}
	.step-area-2 .area{padding:0 5.5556vw;}
	.step-area-2 .area .box{width:88.8889vw;margin:0 auto;padding-top:12.7778vw;}
	.step-area-2 .area .box .txt1 p{font-size:6.6667vw;line-height:1.312;}
	.step-area-2 .area .box .txt1 p span:first-child{text-indent:0;}
	.step-area-2 .area .box .txt1 p span:nth-child(2){padding-left:1.3889vw;padding-bottom:1.3889vw;;}
	.step-area-2 .area .box .txt1 p span:nth-child(3){padding-left:1.6667vw;font-size:5.2778vw;}
	.step-area-2 .area .box .txt1 p.author{padding-top:2.5vw;padding-left:1.9444vw;font-size:2.5vw;}
	.step-area-2 .area .box .txt2{padding-top:5.5556vw;padding-left:2.7778vw;font-size:3.8889vw;line-height:1.535;}
	.step-area-2 .area .box .txt2.pc{display:none;}
	.step-area-2 .area .box .txt2.m{display:block;}
}

.step-area-3{position:relative;height:1023px;background:url(images/step-3.jpg) center center no-repeat; background-size:cover}
.step-area-3 .area{display:flex;margin:0 auto;padding:0 30px;text-align:center;}
.step-area-3 .area .box{width:100%;}
.step-area-3 .area .box .txt1{padding-top:202px;font-weight:900;font-size:48px;text-align:center;}
.step-area-3 .area .box .txt1 span{display:block;}
.step-area-3 .area .box .txt1 strong{position:relative;font-weight:900;color:#23ac38;}
.step-area-3 .area .box .txt1 .under > img{position:absolute;right:-40px; bottom:-11px;}
.step-area-3 .area .box .txt2{padding:40px 0 50px 0;font-size:27px;line-height:1.740;}
.step-area-3 .area .box .txt2 span{display:block;}
.step-area-3 .area .box .txt2 strong{font-weight:800;}
.step-area-3 .area .box .btn{display:block;width:448px;height:103px;margin:0 auto;border-radius:103px;font-weight:800;font-size:27px;color:#ffffff;line-height:103px;text-align:center;background:#23ac38;}
@media only screen and (max-width:1024px) {
	.step-area-3{height:164.4444vw;;background:url(images/step-3-m.jpg) center center no-repeat #e4e4e4; background-size:auto 164.4444vw}
	.step-area-3 .area .box{width:88.8889vw;margin:0 auto;}
	.step-area-3 .area .box .txt1{padding-top:55vw;font-size:6.6667vw;text-align:left;}
	.step-area-3 .area .box .txt1 .under > img{height:1.9444vw;}
	.step-area-3 .area .box .txt1 span:first-child{font-size:5.5556vw; white-space:nowrap;}
	.step-area-3 .area .box .txt2{padding:4.1667vw 0 8.3333vw 1.3889vw;font-size:3.8889vw;text-align:left;line-height:1.535;}
	.step-area-3 .area .box .txt2 span:nth-child(4){width:72.2222vw;}
	.step-area-3 .area .box .btn{width:48.8889vw;height:11.1111vw;margin:0;font-size:3.8889vw;line-height:11.1111vw;}

}


.step-area-4{position:relative;height:1080px;background:url(images/step-4.jpg) center center no-repeat; background-size:cover}
.step-area-4 .area{display:flex;max-width:1478px;margin:0 auto;padding:0 30px;}
.step-area-4 .area .box{padding-top:250px;}
.step-area-4 .area .box .txt1{}
.step-area-4 .area .box .txt1 p{font-family: 'Noto Serif KR'; font-weight:700;font-size:48px;color:#000000;line-height:1.416;}
.step-area-4 .area .box .txt1 p span{display:block;}
.step-area-4 .area .box .txt1 p span:first-child{text-indent:-26px;}
.step-area-4 .area .box .txt1 p.author{padding-top:15px;font-weight:500;font-size:20px;}
.step-area-4 .area .box .txt1 p strong{font-weight:700;color:#23ac38}
.step-area-4 .area .box .txt2{padding-top:70px;font-size:27px;color:#000000;line-height:1.740;}
.step-area-4 .area .box .txt2 span{display:block;}
.step-area-4 .area .box .txt2 strong{font-weight:800;}
.step-area-4 .area .box .txt3{padding-top:210px;font-size:15px;}
@media only screen and (max-width:1024px) {
	.step-area-4{height:173.6111vw;background:url(images/step-4-m.jpg) center center no-repeat; background-size:auto 173.6111vw}
	.step-area-4 .area{padding:0 5.5556vw;}
	.step-area-4 .area .box{width:88.8889vw;margin:0 auto;padding-top:10.8333vw;}
	.step-area-4 .area .box .txt1 p{font-size:6.6667vw;line-height:1.312;}
	.step-area-4 .area .box .txt1 p span:first-child{text-indent:0;}
	.step-area-4 .area .box .txt1 p span:nth-child(2){width:77.7778vw;padding-left:2.7778vw;padding-bottom:1.3889vw;;}
	.step-area-4 .area .box .txt1 p span:nth-child(3){padding-left:1.6667vw;font-size:5.2778vw;}
	.step-area-4 .area .box .txt1 p.author{padding-top:2.5vw;padding-left:1.9444vw;font-size:2.5vw;}
	.step-area-4 .area .box .txt2{padding-top:5.5556vw;padding-left:2.7778vw;font-size:3.8889vw;line-height:1.535;}
	.step-area-4 .area .box .txt3{padding-top:8.3333vw;padding-left:2.7778vw;font-size:1.6667vw;}
}

.step-area-5{height:1080px;background:url(images/step-5.jpg) center no-repeat; background-size:cover}
.step-area-5 .area{display:flex;justify-content: flex-end;max-width:1366px;margin:0 auto;padding:0 30px;}
.step-area-5 .area .box{width:596px;padding-top:200px;}
.step-area-5 .area .box .txt1{display:block;padding:30px 0 20px 0;font-size:48px;font-weight:900;line-height:1.416;}
.step-area-5 .area .box .txt1 strong{font-weight:900;color:#23ac38;}
.step-area-5 .area .box .txt2{padding:40px 0 80px 0;font-size:27px;line-height:1.74;}
.step-area-5 .area .box .txt2 span{display:block;}
.step-area-5 .area .box .txt2 strong{font-weight:800;}
.step-area-5 .area .box .btn{display:block;width:448px;height:103px;border-radius:103px;font-weight:800;font-size:27px;color:#ffffff;line-height:103px;text-align:center;background:#1f1f1f;}
.step-area-5 .area .box .btn:hover{background:#23ac38;}
@media only screen and (max-width:1024px) {
	.step-area-5{height:126.1111vw;background:url(images/step-5-m.jpg) center no-repeat; background-size:auto 126.1111vw}
	.step-area-5 .area{justify-content:center;padding:0 5.5556vw;}
	.step-area-5 .area .box{width:88.8889vw;padding-top:11.1111vw;}
	.step-area-5 .area .box .txt1{width:72.2222vw;padding-left:1.3889vw;font-size:6.6667vw;line-height:1.312;}
	.step-area-5 .area .box .txt2{padding:1.3889vw 0 6.9444vw 1.3889vw;font-size:3.8889vw;line-height:1.535;}
	.step-area-5 .area .box .txt2 em{display:block;}
	.step-area-5 .area .box .btn{width:48.8889vw;height:11.1111vw;font-size:3.8889vw;line-height:11.1111vw;}
}

.step-area-6{height:1080px;background:url(images/step-6.jpg) center no-repeat; background-size:cover}
.step-area-6 .area{display:flex;max-width:1456px;margin:0 auto;padding:0 30px;}
.step-area-6 .area .box{width:596px;padding-top:340px;}
.step-area-6 .area .box .txt1{display:block;padding-bottom:60px;font-size:48px;font-weight:900;line-height:1.416;}
.step-area-6 .area .box .txt1 span{display:block;}
.step-area-6 .area .box .txt1 strong{font-weight:900;color:#23ac38;}
.step-area-6 .area .box .btn{display:block;width:448px;height:103px;border-radius:103px;font-weight:800;font-size:27px;color:#ffffff;line-height:103px;text-align:center;background:#23ac38;}
.step-area-6 .area .box .btn:hover{background:#1f1f1f;}
@media only screen and (max-width:1024px) {
	.step-area-6{height:96.3889vw;background:url(images/step-6-m.jpg) center no-repeat #626262; background-size:contain}
	.step-area-6 .area{justify-content:center;padding:0 5.5556vw;}
	.step-area-6 .area .box{width:88.8889vw;padding-top:30.5556vw;}
	.step-area-6 .area .box .txt1{padding-bottom:4.1667vw;font-size:6.6667vw;line-height:1.312;color:#ffffff;text-align:center;}
	.step-area-6 .area .box .btn{width:48.8889vw;height:11.1111vw;margin:0 auto;font-size:3.8889vw;line-height:11.1111vw;}
}


.step-area-7{height:2042px;background:#f3f3f3;}
.step-area-7 .area{display:flex;max-width:1370px;margin:0 auto;padding:0 30px;}
.step-area-7 .area .box{width:100%;}
.step-area-7 .area .box .txt1{display:block;padding:135px 0 35px 0;font-size:48px;font-weight:900;line-height:1.416;text-align:center;}
.step-area-7 .area .box .txt1 span{display:block;}
.step-area-7 .area .box .txt1 strong{font-weight:900;color:#23ac38;}
.step-area-7 .area .box .txt2{padding-bottom:100px;font-size:30px;line-height:1.74;text-align:center;}
.step-area-7 .area .box .box2{display:flex;padding-bottom:30px;}
.step-area-7 .area .box .box2 > div{flex:1;background:#23ac38;}
.step-area-7 .area .box .box2:nth-child(2n){ flex-direction: row-reverse;}
.step-area-7 .area .box .box2 .text dl dt{padding-top:40px;font-size:50px; font-weight:700; color:#ffffff;text-align:center;}
.step-area-7 .area .box .box2 .text dl dd{width:185px;height:185px;margin:85px auto 0 auto;border-radius:100%;background:#ffffff;}
.step-area-7 .area .box .box2 .text dl dd.ico01{background:url(images/ico1.png) center no-repeat; background-size:cover}
.step-area-7 .area .box .box2 .text dl dd.ico02{background:url(images/ico2.png) center no-repeat; background-size:cover}
.step-area-7 .area .box .box2 .text dl dd.ico03{background:url(images/ico3.png) center no-repeat; background-size:cover}
@media only screen and (max-width:1024px) {
	.step-area-7{height:169.1667vw;}
	.step-area-7 .area{justify-content:center;padding:0 5.5556vw;}
	.step-area-7 .area .box{width:88.8889vw;padding-top:0;}
	.step-area-7 .area .box .txt1{padding:11.1111vw 0 9.7222vw 0;font-size:5.5556vw;line-height:1.5;text-align:center;}
	.step-area-7 .area .box .txt2{padding-bottom:8.3333vw;font-size:3.8889vw;line-height:1.535;}
	.step-area-7 .area .box .txt2 span{display:block;}
	.step-area-7 .area .box .box2{width:86.6667vw;padding-bottom:1.6667vw;margin:0 auto;}
	.step-area-7 .area .box .box2 .img img{width:43.3333vw;height:28.6111vw;}
	.step-area-7 .area .box .box2 .text dl dt{padding-top:3.0556vw;font-size:4.1667vw;}
	.step-area-7 .area .box .box2 .text dl dd{width:11.6667vw;height:11.6667vw;margin:4.1667vw auto 0 auto;}
}

.step-area-8{padding-bottom:80px;}
.step-area-8 .area{display:flex;max-width:1370px;margin:0 auto;padding:0 30px;}
.step-area-8 .area .box{width:100%;}
.step-area-8 .area .box .txt1{padding:133px 0 100px 0;font-size:48px;font-weight:900;line-height:1.416;text-align:center;}
.step-area-8 .area .box .txt2{padding-top:50px;font-size:20px;text-align:center;}
.step-area-8 .area .box dl{ padding:70px 62px 70px 75px; margin-bottom:30px; border-radius:15px;background:#f2f2f2;}
.step-area-8 .area .box dl dt{font-size:35px; font-weight:800; background:url(images/arrow.png) right top 13px no-repeat;cursor:pointer }
.step-area-8 .area .box dl dt.on{background-image:url(images/arrow-on.png)}
.step-area-8 .area .box dl dd{padding-top:40px;font-size:30px;line-height:1.666;display:none}
.step-area-8 .area .box dl dd span{display:block;padding-left:35px;}
.step-area-8 .area .box dl dd span:first-child{text-indent:-35px;}
@media only screen and (max-width:1024px) {
	.step-area-8{padding-bottom:8.3333vw;}
	.step-area-8 .area{justify-content:center;padding:0 5.5556vw;}
	.step-area-8 .area .box{width:88.8889vw;}
	.step-area-8 .area .box .txt1{padding:11.1111vw 0 8.3333vw 0;font-size:6.6667vw;}
	.step-area-8 .area .box .txt2{padding-top:8.3333vw;font-size:2.3611vw;}
	.step-area-8 .area .box dl{padding:5vw 4.1667vw;margin-bottom:1.6667vw;border-radius:1.9444vw;}
	.step-area-8 .area .box dl dt{font-size:3.1944vw; background:url(images/arrow.png) right top 1.6667vw no-repeat; background-size:auto 1.3889vw;}
	.step-area-8 .area .box dl dd{padding-top:2.2222vw;font-size:2.7778vw;}
	.step-area-8 .area .box dl dd span{display:block;padding-left:3.0556vw;}
	.step-area-8 .area .box dl dd span:first-child{text-indent:-3.0556vw;}
}


/*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:20vw}
.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%}*/
}