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

/* s 나눔스퀘어네오 */
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}



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{overflow:hidden;width:100%;min-width:320px;margin:0px;padding:0px;font-family:'NanumSquareNeo',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#000000;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;}
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',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);}
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}

.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); /* 살짝만 내려가게 해서 부드럽게 */
}

@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 float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px); /* 위로 10px 이동 */
  }
  100% {
    transform: translateY(0px);
  }
}


.wrap{}

h1{ position:absolute; left:calc(50% - 85px); top:58px; z-index:99999;}
h1 > a{display:block;width:170px; height:56px; background: url(images/logo_top.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h2{ font-family: 'NanumSquareNeo'; font-size:70px; letter-spacing:-0.03em; line-height:80px; color:#000}
h2 strong{ color:#0072bc;}
h3{ font-family: 'NanumSquareNeo'; font-size:50px; letter-spacing:-0.03em; line-height:60px; color:#000}
h3 strong{ color:#0072bc;}
@media only screen and (max-width:1200px) {
h1{ left:30px; top:25px; }
}
@media only screen and (max-width:1024px) {
h1{ left:20px; top:15px; }
h1 > a{width:90px; height:32px;}
h2{ font-size:35px;line-height:40px;}
h3{ font-size:25px;line-height:30px;}
}


.quick_button{display:none;position:fixed;right:20px;bottom:20px;z-index:1000;}
.quick_button a{display:block;width:230px;height:230px; border-radius:23px; text-align:center; background:url(images/tomato2.png) center bottom 25px no-repeat #fff001;}
.quick_button a span{display:block;font-family: 'NanumSquareNeoExtraBold';font-size:28px;line-height:35px;color:#000000;letter-spacing:-0.025em;}
.quick_button a span:first-child{padding-top:25px;}
.quick_pc{display:block;}
.quick_mobile{display:none;}
@media only screen and (max-width:1024px) {
	.quick_button{position:fixed;left:24px;right:0;bottom:10px;z-index:1000;}
	.quick_button a{display:block;width:calc(100% - 24px);height:74px; border-radius:10px; text-align:center; background:url(images/tomato2.png),url(images/arrow.png); background-position:left 18px center, right 18px center; background-repeat:no-repeat; background-color:#fff001; background-size:78px auto,8px auto;;}
	.quick_button a span{display:inline-block;font-family: 'NanumSquareNeoExtraBold';font-size:15px;line-height:74px;color:#000000;letter-spacing:-0.025em;}
	.quick_button a span:first-child{padding-top:0;}
	.quick_button a span:first-child{padding-left:70px;}
	.quick_pc{display:none;}
	.quick_mobile{display:block;}
}


.visualwrap{position:relative;height:1077px;background:url(images/bg_visual.png) right bottom no-repeat #ffffff}
.visualwrap .visual{position:relative;display:flex;align-items: center;max-width:1543px;height:100%;padding:0 55px;margin:0 auto;}
.visualwrap .visual .textbox{width:704px;text-align:center;}
.visualwrap .visual .textbox .goodjob{}
.visualwrap .visual .textbox .txt1{padding-top:60px;font-family: 'NanumSquareNeoExtraBold';font-size:40px;color:#5b5b5b; letter-spacing:-0.05em; line-height:1.13;}
.visualwrap .visual .textbox .txt1 > span{font-family: 'NanumSquareNeoExtraBold';color:#0ba3a9}
.visualwrap .visual .textbox .txt2{padding:55px 0 110px 0;}
.visualwrap .visual .textbox a{display:block;width:538px;height:119px;margin:0 auto;text-align:left;background-color:#fff001;background-image: url(images/tomato.png), url(images/arrow.png);background-position: left 24px center, right 44px center;background-repeat: no-repeat, no-repeat;}
.visualwrap .visual .textbox a:hover{background-color:#24c3ca;}
.visualwrap .visual .textbox a span{padding-left:170px;font-family:'Pretendard Variable';font-weight:700;font-size:30px;line-height:119px;color:#121717;letter-spacing:-0.05em;}

.visualwrap .visual .staff{position:absolute;right:0;top:830px; padding:0 14px; border-radius:8px; font-family: 'NanumSquareNeoHeavy';font-size:20px; color:#000000;background:#24c3ca;line-height:44px; letter-spacing:-0.025em;}
@media only screen and (max-width:1713px) {
	.visualwrap .visual .staff{right:58px;}	
}
@media only screen and (max-width:1655px) {
	.visualwrap{background:url(images/bg_visual.png) right 40% bottom no-repeat #ffffff}
	
}
@media only screen and (max-width:1024px) {
	.visualwrap{height:655px;background:url(images/bg_m_visual.png) center bottom no-repeat #ffffff; background-size:auto 654px}
	.visualwrap .visual{padding:0 24px; align-items:normal;}
	.visualwrap .visual .textbox{width:100%;text-align:center;}
	.visualwrap .visual .textbox .goodjob{padding-top:85px;}
	.visualwrap .visual .textbox .goodjob img{height:16px;}
	.visualwrap .visual .textbox .txt1{padding-top:22px;font-size:20px;line-height:22.5px;}
	.visualwrap .visual .textbox .txt2{padding:22px 0 24px 0;}
	.visualwrap .visual .textbox .txt2 img{height:80px;}
	.visualwrap .visual .textbox a{width:282px;height:61px;background-image: url(images/tomato.png), url(images/arrow.png);background-position: left 16px center, right 16px center;background-repeat: no-repeat, no-repeat; background-size:64px auto,8px auto;}
	.visualwrap .visual .textbox a span{padding-left:91px;font-size:15px;line-height:61px;}
	
	.visualwrap .visual .staff{left:calc(50% + 32px);right:auto;top:auto; bottom:55px; padding:0 9px; border-radius:4px; font-size:10px; line-height:22px; letter-spacing:-0.025em;}
}


.step1{padding:220px 0;background:url(images/bg_step1.png) center bottom no-repeat #0c2822; background-size:cover}
.step1 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:center;}
.step1 .contbox > .txt1{font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:65px;color:#ffffff;letter-spacing:-0.025em;}
.step1 .contbox > .txt1 span{display:inline;}
.step1 .contbox > .txt1 span.db{display:block;}
.step1 .contbox > .txt1 span strong{color:#fe875f} 
.step1 .contbox > .txt2{padding-top:35px;font-family: 'NanumSquareNeoBold';font-size:26px;line-height:40px;color:#ffffff;letter-spacing:-0.025em;}
.step1 .contbox > .txt2 span{display:block;}
.step1 .contbox > .txt2 span strong{color:#fe875f} 

.step1 .contbox .explan{display:flex; gap:60px; max-width:1251px; padding-top:120px; margin:0 auto;}
.step1 .contbox .explan .box{width:33.333%; padding:35px 0; border-radius:10px; background:#ffffff;}
.step1 .contbox .explan .box .tit1{font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:65px;color:#fe875f;letter-spacing:-0.05em;}
.step1 .contbox .explan .box .tit1 > span{display:block;}
.step1 .contbox .explan .box .tit2{font-family: 'NanumSquareNeo';font-size:21px;line-height:35px;color:#000000;letter-spacing:-0.05em;}
.step1 .contbox .explan .box .tit2 > span{display:block;}
.step1 .contbox .caution{padding-top:70px;font-family: 'NanumSquareNeoExtraBold';font-size:21px;line-height:1.4;color:#ffffff;letter-spacing:-0.05em;}

.step1 .contbox .explan2{position:relative;padding-top:150px;text-align:left;}
.step1 .contbox .explan2 .txt{}
.step1 .contbox .explan2 .txt .txt1{font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#ffffff;letter-spacing:-0.025em;}
.step1 .contbox .explan2 .txt .txt1 > span{display:block;}
.step1 .contbox .explan2 .txt .txt1 > span > strong{color:#fe875f}
.step1 .contbox .explan2 .txt .txt2{padding-top:35px;font-family: 'NanumSquareNeo';font-size:26px;line-height:40px;color:#ffffff;letter-spacing:-0.05em;}
.step1 .contbox .explan2 .txt .txt2 > span{display:block;}
.step1 .contbox .explan2 .txt .txt2 > span > strong{font-family: 'NanumSquareNeoHeavy';}
.step1 .contbox .explan2 .txt .txt3{padding-top:35px;font-family: 'NanumSquareNeo';font-size:35px;line-height:65px;color:#ffffff;letter-spacing:-0.025em;}
.step1 .contbox .explan2 .txt .txt3 > span{display:inline-block;}
.step1 .contbox .explan2 .txt .txt3 > span > strong{font-family: 'NanumSquareNeoHeavy';}
.step1 .contbox .explan2 .txt .txt4{font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#fe875f;letter-spacing:-0.05em;}
.step1 .contbox .explan2 .txt .txt4 > span.db{display:block;}
.step1 .contbox .explan2 .img{position:absolute;right:0;top:157px;width:777px;padding-bottom:89.45%;background:url(images/people.png) right top no-repeat; background-size:contain;animation: float 3s ease-in-out infinite;}
@media only screen and (max-width:1655px) {
	.step1 .contbox .explan2{text-align:center;}
	.step1 .contbox .explan2 .img{position:relative;margin:0 auto;padding-bottom:795px;}

}
@media only screen and (max-width:1024px) {
	.step1{padding:0 0;}
	.step1 .contbox{padding:0 24px;}
	.step1 .contbox > .txt1{padding-top:70px;font-size:24px;line-height:32.5px;}
	.step1 .contbox > .txt1 span{display:block;}
	.step1 .contbox > .txt2{padding-top:13px;font-size:13.5px;line-height:20px;letter-spacing:-0.05em;}

	.step1 .contbox .explan{display:block; padding-top:40px;}
	.step1 .contbox .explan .box{width:100%; max-width:312px; padding:40px 0 30px 0; margin:33px auto 0 auto; background-color:ffffff;}
	.step1 .contbox .explan .box .tit1{font-family: 'NanumSquareNeoExtraBold';font-size:24px;line-height:25px;}
	.step1 .contbox .explan .box .tit1 > span{ display:inline;}
	.step1 .contbox .explan .box .tit2{padding-top:11px;font-family: 'NanumSquareNeo';font-size:10px;line-height:17.5px;}
	.step1 .contbox .explan .box .tit2 > span{ display:inline; color:#000000;}
	.step1 .contbox .caution{padding-top:22px;font-family: 'NanumSquareNeo';font-size:10px;line-height:20px;color:#ffffff;}
	
	.step1 .contbox .explan2{padding-top:135px;text-align:center;}
	.step1 .contbox .explan2 .txt .txt1{font-family: 'NanumSquareNeoHeavy';font-size:24px;line-height:32.5px;}
	.step1 .contbox .explan2 .txt .txt2{padding-top:20px;font-family: 'NanumSquareNeoBold';font-size:13.5px;line-height:20px;letter-spacing:-0.05em;}
	.step1 .contbox .explan2 .txt .txt3{padding-top:20px;font-size:20px;line-height:27.5px;letter-spacing:-0.025em;}
	.step1 .contbox .explan2 .txt .txt3 > span{display:block;}

	.step1 .contbox .explan2 .txt .txt4{padding-top:30px;font-size:24px;line-height:32.5px;letter-spacing:-0.025em;}
	.step1 .contbox .explan2 .txt .txt4 > span{display:block;}
	.step1 .contbox .explan2 .img{position:relative;right:0;top:0;width:312px;height:271px;padding-bottom:72px;margin:75px auto 0 auto;background:url(images/people_m.png) right top no-repeat; background-size:contain;}
}

.step2{height:1082px;background:url(images/bg_step2.png) center bottom no-repeat; background-size:cover}
.step2 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:center;}
.step2 .contbox .txt1{padding-top:145px;;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#000000;letter-spacing:-0.025em;}
.step2 .contbox .txt1 > span{display:inline-block;}
.step2 .contbox .txt1 > span > strong{color:#0ba3a9}
.step2 .contbox .txt2{padding-top:30px;font-family: 'NanumSquareNeoLight';font-size:26px;line-height:40px;color:#000000;letter-spacing:-0.05em;}
.step2 .contbox .txt2 span.db{display:block;}
.step2 .contbox .txt2 span strong{font-family:'NanumSquareNeoExtraBold';}
@media only screen and (max-width:1024px) {
	.step2{height:698px;background:url(images/bg_step2_m.png) right -150px bottom -60px no-repeat; background-size:auto 1150px}
	.step2 .contbox{padding:0 24px;}
	.step2 .contbox .txt1{padding-top:70px;font-size:24px;line-height:32.5px;color:#000000;letter-spacing:-0.025em;}
	.step2 .contbox .txt1 > span{display:block;}
	.step2 .contbox .txt2{padding-top:30px;font-size:13.5px;line-height:20px;}
	.step2 .contbox .txt2 span{display:block;}
}


.step3{height:1070px;background:url(images/bg_step3.png) right top no-repeat; background-size:cover}
.step3 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:left;}
.step3 .contbox .txt1{padding-top:130px;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#000000;letter-spacing:-0.025em;}
.step3 .contbox .txt1 span{display:inline-block;}
.step3 .contbox .txt1 span strong{color:#0ba3a9}
.step3 .contbox .txt2{padding-top:40px;font-family: 'NanumSquareNeoLight';font-size:26px;line-height:40px;color:#000000;letter-spacing:-0.05em;}
.step3 .contbox .txt2.first{padding-top:30px;}
.step3 .contbox .txt2 span{display:block;}
.step3 .contbox .txt2 span strong{font-family:'NanumSquareNeoExtraBold';}

.step3 .contbox .pointarea{display:flex;margin-left:-40px;padding-top:85px;}
.step3 .contbox .pointarea .left{width:101px;height:451px;background:url(images/pointbox_l.png) center no-repeat;}
.step3 .contbox .pointarea .center{width:636px;height:451px;background:url(images/pointbox_c.png) center no-repeat;}
.step3 .contbox .pointarea .center .pointbox{display:flex;padding-top:150px;}
.step3 .contbox .pointarea .center .pointbox .box{width:33.333%;text-align:center;}
.step3 .contbox .pointarea .center .pointbox .box .tit{font-family: 'NanumSquareNeoExtraBold';font-size:23px;line-height:30px;color:#000000;letter-spacing:-0.05em;}
.step3 .contbox .pointarea .center .pointbox .box .point{padding-top:25px;;font-family: 'NanumSquareNeoExtraBold';font-size:48px;line-height:1.4;color:#000000;letter-spacing:-0.075em;}
.step3 .contbox .pointarea .center .pointbox .box .point > span{font-family: 'NanumSquareNeo';font-size:40px; vertical-align:middle}
.step3 .contbox .pointarea .center .year{padding-top:30px;font-family: 'NanumSquareNeo';font-size:21px;line-height:1.4;color:#000000;letter-spacing:-0.05em;text-align:center;}
.step3 .contbox .pointarea .right{width:101px;height:451px;background:url(images/pointbox_r.png) center no-repeat;}
@media only screen and (max-width:1655px) {
	.step3{background:url(images/bg_step3.png) right 30% top no-repeat;}
}
@media only screen and (max-width:1024px) {
	.step3{height:699px;background:url(images/bg_step3_m.png) center bottom no-repeat #f6fbfe; background-size:auto 700px;}
	.step3 .contbox{padding:0 24px;text-align:center;}
	.step3 .contbox .txt1{padding-top:60px;font-size:24px;line-height:32.5px;}
	.step3 .contbox .txt1 span{display:block;}
	.step3 .contbox .txt2{padding-top:20px;font-size:13.5px;line-height:20px;}
	.step3 .contbox .txt2 span.db{display:block;}
	.step3 .contbox .txt2first{padding-top:40px;}
	
	.step3 .contbox .pointarea{padding-top:35px;margin-left:0;}
	.step3 .contbox .pointarea .left{width:0;height:0;}
	.step3 .contbox .pointarea .center{width:100%;max-width:768px;height:auto;margin:0 auto;background:none;}
	.step3 .contbox .pointarea .center .pointbox{display:flex;padding-top:0; margin:0 auto;}
	.step3 .contbox .pointarea .center .pointbox .box{width:33.333%;text-align:center;}
	.step3 .contbox .pointarea .center .pointbox .box .tit{font-size:11.5px;line-height:15px;}
	.step3 .contbox .pointarea .center .pointbox .box .point{padding-top:14px;font-size:24px;}
	.step3 .contbox .pointarea .center .pointbox .box .point > span{font-size:20px;}
	.step3 .contbox .pointarea .center .year{padding-top:16px;font-size:10.5px;}
	.step3 .contbox .pointarea .right{width:0;height:0;}
}

.step4{height:1120px;background:url(images/bg_step4.png) center no-repeat; background-size:cover;}
.step4 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:left;}
.step4 .contbox .txt1{padding-top:140px;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#ffffff;text-align:center;letter-spacing:-0.025em;}
.step4 .contbox .txt2{padding-top:30px;font-family: 'NanumSquareNeoBold';font-size:26px;line-height:40px;color:#ffffff;text-align:center;letter-spacing:-0.05em;}
.step4 .contbox .txt2 > span{display:inline-block;}
.step4 .contbox .txt2 > span > strong{font-family: 'NanumSquareNeoHeavy';}

.step4 .contbox .staff{ display:flex; position:relative; max-width:798px; width:100%; padding: 36px 38px; box-sizing:border-box; border-radius:50px; background:#ffffff;;}
.step4 .contbox .staff .round{width:185px;height:185px;border-radius:100px;background:#ff0000;}
.step4 .contbox .staff.st1{margin-top:45px; left:9.5%;}
.step4 .contbox .staff.st2{float:right; right:9.5%; justify-content: space-between;}
.step4 .contbox .staff.st1 .round{margin-right:25px;background:url(images/staff1.png) center no-repeat;}
.step4 .contbox .staff.st2 .round{margin-left:35px;background:url(images/staff2.png) center no-repeat;}
.step4 .contbox .staff.st2 .round.mobile{display:none;}
.step4 .contbox .staff.st2 .round.pc{display:block;}


.step4 .contbox .staff dl{padding-left:10px;}
.step4 .contbox .staff dl dt{font-family: 'NanumSquareNeoHeavy';font-size:26px;line-height:40px;color:#000000;letter-spacing:-0.05em;}
.step4 .contbox .staff dl dd{padding-top:10px;font-family: 'NanumSquareNeo';font-size:24px;line-height:35px;color:#000000;letter-spacing:-0.075em;}
.step4 .contbox .staff dl dd > span{display:block;}
.step4 .contbox .staff dl dd > span > strong{font-family: 'NanumSquareNeoExtraBold';}

.step4 .contbox .map{position:relative;width:468px;height:69px;margin:45px auto;}
.step4 .contbox .map .position{display:inline-block;padding: 0 14px;border-radius: 8px;font-family: 'NanumSquareNeoHeavy';font-size: 20px;color: #000000;background: #24c3ca;line-height: 44px;letter-spacing: -0.025em;}
.step4 .contbox .map .position.st1{position:absolute;left:0;top:0;}
.step4 .contbox .map .position.st2{position:absolute;right:0;bottom:0;}
@media only screen and (max-width:1655px) {
	.step4 .contbox .staff.st1{left:0}
	.step4 .contbox .staff.st2{right:0}
}
@media only screen and (max-width:1024px) {
	.step4{height:739px;background:url(images/bg_step4_m.png) center bottom 0 no-repeat; background-size:cover;}
	.step4 .contbox{padding:0 24px;}
	.step4 .contbox .txt1{padding-top:74px;font-size:24px;line-height:35px;}
	.step4 .contbox .txt2{padding-top:20px;font-size:13.5px;line-height:20px;}
	.step4 .contbox .txt2 span{display:block;}
	
	.step4 .contbox .staff{max-width:313px;padding:22px 24px;;border-radius:10px;}
	.step4 .contbox .staff .round{width:85px;height:85px;padding:0;border-radius:185px;}
	.step4 .contbox .staff.st1{float:none;margin:0 auto;margin-top:33px;}
	.step4 .contbox .staff.st2{float:none;margin:0 auto;}
	.step4 .contbox .staff.st1 .round{margin-right:0;background:url(images/staff1.png) center no-repeat; background-size:auto 90px;}
	.step4 .contbox .staff.st2 .round{margin-left:0;background:url(images/staff2.png) center no-repeat; background-size:auto 90px;}
	.step4 .contbox .staff.st2 .round.mobile{display:block;}
	.step4 .contbox .staff.st2 .round.pc{display:none;}
	
	.step4 .contbox .staff dl{ width:160px;padding-left:16px;}
	.step4 .contbox .staff dl dt{font-size:13.5px;line-height:20px;}
	.step4 .contbox .staff dl dd{padding-top:0;font-size:13.5px;line-height:20px;letter-spacing:-0.05em;}
	.step4 .contbox .staff dl dd span.db{display:block;}
	.step4 .contbox .staff dl dd span.in{display:inline;}
	
	.step4 .contbox .map{width:234px;height:34px;margin:20px auto;}
	.step4 .contbox .map .position{padding: 0 8px;border-radius: 4px;font-size: 10px;line-height: 22px;}
}


.step5{background:#2dc5cb;}
.step5 .contbox{position:relative;display:block;height:419px;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:left;background:url(images/people1.png), url(images/people2.png); background-position:left bottom, right bottom; background-repeat:no-repeat; }
.step5 .contbox .txt{max-width:800px;margin:0 auto;text-align:center;}
.step5 .contbox .txt .txt1{padding-top:70px;font-family: 'NanumSquareNeoBold';font-size:35px;line-height:65px;color:#000000;letter-spacing:-0.025em;}
.step5 .contbox .txt .txt1 strong{font-family: 'NanumSquareNeoHeavy';}
.step5 .contbox .txt .txt2{padding-top:10px;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#ffffff;letter-spacing:-0.025em;}
.step5 .contbox .txt .txt2 span{display:inline-block;}
.step5 .contbox .txt .txt3{padding-top:25px;font-family: 'NanumSquareNeoBold';font-size:26px;line-height:40px;color:#000000;text-align:center;letter-spacing:-0.075em;}
.step5 .contbox .txt .txt3 strong{font-family: 'NanumSquareNeoHeavy';}
@media only screen and (max-width:1655px) {
	.step5 .contbox{height:auto;}
	.step5 .contbox .txt{max-width:calc(100% - 600px); padding-bottom:70px}
}
@media only screen and (max-width:1024px) {
	.step5 .contbox{height:404px;padding:0 24px;background:url(images/people1.png), url(images/people2.png); background-position:left calc(50% - 60px) bottom, left calc(50% + 60px)  bottom; background-repeat:no-repeat; background-size:auto 119px, auto 107px;}
	.step5 .contbox .txt{max-width:100%;}
	.step5 .contbox .txt .txt1{padding-top:60px;font-size:17.5px;line-height:32.5px; white-space:nowrap}
	.step5 .contbox .txt .txt1 span{}
	.step5 .contbox .txt .txt2{padding-top:6px;font-size:24px;line-height:32.5px;}
	.step5 .contbox .txt .txt2 span{display:block;}
	.step5 .contbox .txt .txt3{padding-top:12px;font-size:17.5px;line-height:25px;letter-spacing:-0.05em;}
	.step5 .contbox .txt .txt3 span{display:block;}
}


.step6{height:1083px;background:#2dc5cb;background:url(images/bg_step6.png) center no-repeat; background-size:cover;}
.step6 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:left;}
.step6 .contbox .txt{float:right;display:inline-block;padding-top:400px;}
.step6 .contbox .txt .txt1{padding-bottom:80px;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:70px;color:#000000;letter-spacing:-0.025em;text-align:center;}
.step6 .contbox .txt .txt1 span{display:block;}
.step6 .contbox .txt .txt1 span strong{color:#0ba3a9}

.step6 .contbox .txt a{display:block;width:538px;height:119px;margin:0 auto;text-align:left;background-color:#fff001;background-image: url(images/tomato.png), url(images/arrow.png);background-position: left 24px center, right 44px center;background-repeat: no-repeat, no-repeat;}
.step6 .contbox .txt a:hover{background-color:#24c3ca;}
.step6 .contbox .txt a span{padding-left:170px;font-family:'Pretendard Variable';font-weight:700;font-size:30px;line-height:119px;color:#121717;letter-spacing:-0.05em;}
@media only screen and (max-width:1655px) {
	.step6{background:url(images/bg_step6.png) left 70% center no-repeat;}
}
@media only screen and (max-width:1024px) {
	.step6{height:625px;background:#2dc5cb;background:url(images/bg_step6_m.png) center bottom no-repeat; background-size:auto 416px;}
	.step6 .contbox{padding:0 24px;text-align:center;}
	.step6 .contbox .txt{float:none;display:inline-block;padding-top:60px;}
	.step6 .contbox .txt .txt1{padding-bottom:35px;font-size:24px;line-height:32.5px;}
	
	
	.step6 .contbox .txt a{width:282px;height:61px;background-image: url(images/tomato.png), url(images/arrow.png);background-position: left 16px center, right 16px center;background-repeat: no-repeat, no-repeat; background-size:64px auto,8px auto;}
	.step6 .contbox .txt a span{padding-left:91px;font-size:15px;line-height:61px;}

}

.step7{height:418px;background:#0068b7;}
.step7 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px; box-sizing:border-box; margin:0 auto;text-align:left;}
.step7 .contbox .box{display:flex; justify-content: space-between; padding-top:135px;}
.step7 .contbox .box .txt{}
.step7 .contbox .box .txt .txt1{font-family: 'NanumSquareNeoHeavy';font-size:45px;line-height:65px;color:#ffffff;letter-spacing:-0.025em;}

.step7 .contbox .box .txt .txt2{font-family: 'NanumSquareNeoExtraBold';font-size:25px;line-height:40px;color:#ffffff;letter-spacing:-0.025em;}
.step7 .contbox .box .txt .txt2 span{ display:inline;}
.step7 .contbox .box .txt .txt2 span.db{display:block;}
.step7 .contbox .box .txt .txt2 span strong{color:#fff001}

.step7 .contbox .box a{display:block;width:714px;height:162px; border-radius:81px;font-family: 'NanumSquareNeoHeavy';font-size:45px;line-height:162px;color:#0068b7;letter-spacing:-0.025em;text-align:center;background:url(images/arrow2.png) right 106px center no-repeat #ffffff;}
.step7 .contbox .box a:hover{background-color:#fff001;}
.step7 .contbox .box a > span{padding-right:78px;}
@media only screen and (max-width:1024px) {
	.step7{height:381px;}
	.step7 .contbox{padding:0 24px;}
	.step7 .contbox .box{display:block;padding-top:62px;text-align:center;}
	.step7 .contbox .box .txt .txt1{font-size:24px;line-height:32.5px;letter-spacing:-0.05em;}
	.step7 .contbox .box .txt .txt1 > span{display:block;}
	
	.step7 .contbox .box .txt .txt2{padding:11px 0 34px 0;font-size:13.5px;line-height:20px;}
	.step7 .contbox .box .txt .txt2 span{display:block;}
	
	.step7 .contbox .box a{width:282px;height:61px; margin:0 auto; border-radius:61px;font-size:15px;line-height:61px;background:url(images/arrow2.png) right 54px center no-repeat #ffffff; background-size:auto 13px;}
	.step7 .contbox .box a > span{padding-right:31px;}
}


.step8{}
.step8 .contbox{position:relative;display:block;max-width:1655px;padding:0 55px 60px 55px; box-sizing:border-box; margin:0 auto;text-align:left;}
.step8 .contbox .title{padding:180px 0 80px 0;font-family: 'NanumSquareNeoHeavy';font-size:48px;line-height:65px;color:#000000;letter-spacing:-0.025em;text-align:center;}
.step8 .contbox dl{padding:0 83px 60px 83px;}
.step8 .contbox dl dt{display:flex;padding-bottom:13px;border-bottom:5px solid #25c9d0;font-family: 'NanumSquareNeoExtraBold';font-size:40px;line-height:70px;color:#000000;letter-spacing:-0.05em; background:url(images/btn_plus.png) right 55px top 18px no-repeat}
.step8 .contbox dl dt.open{ background-image:url(images/btn_minus.png);}
.step8 .contbox dl dt .q{padding:0 39px 0 53px;color:#25c9d0}
.step8 .contbox dl dt .question{padding-right:150px;}
.step8 .contbox dl dd{display:none;padding: 36px 50px 36px 130px;font-family: 'NanumSquareNeo';font-size:26px;line-height:40px;color:#05080c;letter-spacing:-0.05em;}
.step8 .contbox dl dd span{display:block;}
.step8 .contbox dl dd span strong{font-family: 'NanumSquareNeoExtraBold';}
.step8 .contbox dl dd span a{font-family: 'NanumSquareNeoExtraBold'; text-decoration:underline;}
@media only screen and (max-width:1024px) {
	.step8 .contbox{padding:0 24px 50px 24px;}
	.step8 .contbox .title{padding:65px 0 52px 0;font-size:24px;line-height:32.5px;}
	.step8 .contbox dl{max-width:768px;padding:0 0 24px 0; margin:0 auto;}
	.step8 .contbox dl dt{padding-bottom:0;border-bottom:3px solid #25c9d0;font-size:14.5px;line-height:17.5px;background:url(images/btn_plus.png) right 12px top 0 no-repeat; background-size:auto 17px;}
	.step8 .contbox dl dt .q{padding:0 16px 16px 10px;}
	.step8 .contbox dl dt .question{padding-right:40px;padding-bottom:16px;}
	.step8 .contbox dl dt .question span{display:inline-block;}
	.step8 .contbox dl dd{padding: 16px 20px 36px 40px;font-size:13.5px;line-height:20px;}
}
































/*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 p{ 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 p{ 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 }

}