@charset "utf-8";

html,body{overflow-x:hidden;}


/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}

body{margin:0;padding:0;font-family:'pretendard', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif;font-weight:400;font-size:20px;color:var(--primary-color);-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address,i{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 130px #f4f4f4 inset !important;-webkit-text-fill-color:#0d0d0d;}
::-webkit-scrollbar{width:6px; height:6px;border:6px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#fff}
::-webkit-scrollbar-track{background:#fff; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#c3c6cd;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

@font-face{font-style:normal;font-weight:100;font-family:'pretendard';src:url(../fonts/Pretendard-Thin.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:200;font-family:'pretendard';src:url(../fonts/Pretendard-Light.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:400;font-family:'pretendard';src:url(../fonts/Pretendard-Regular.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:500;font-family:'pretendard';src:url(../fonts/Pretendard-Medium.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:600;font-family:'pretendard';src:url(../fonts/Pretendard-SemiBold.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:700;font-family:'pretendard';src:url(../fonts/Pretendard-Bold.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:900;font-family:'pretendard';src:url(../fonts/Pretendard-ExtraBold.woff2) format("woff2");}
@font-face{font-style:normal;font-weight:1000;font-family:'pretendard';src:url(../fonts/Pretendard-Black.woff2) format("woff2");}

:root {
	--primary-color:#292929;
	--secondary-color:#004537;
	--secondary-color-20:#007d54;
}

.cons{position:relative;max-width:1280px;margin:0 auto;padding:100px 0;box-sizing:border-box;}
.cons h2{font-size:48px;font-weight:600}
.cons h2 strong{color:var(--secondary-color-20)}
.dl_txtg{position:relative;}
.dl_txtg dt{font-size:28px;font-weight:700;color:var(--secondary-color)}
.dl_txtg dd{margin-top:16px;line-height:30px;}

.set1 .cons{padding:0}
.set1{height:836px;background:url(../images/img_set1_1.png) no-repeat 50% 50%/cover;}
.set1 h1{position:absolute;z-index:2;top:47px;left:0;width:139px;height:40px;font-size:0;background:url(../images/logo.svg) no-repeat 50% 50%/contain}
.set1 .side{z-index:3;position:absolute;top:40px;right:0;}
.set1 .side a{display:flex;align-items:center;justify-content:center;width:150px;height:54px;;font-weight:700;border:1px solid #fff;border-radius:40px;background:#ffff;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.set1 .side a:hover{color:#fff;background:none;}
.set1 .box{margin-left:50px;color:#fff}
.set1 .txtg{position:relative;}
.set1 .txtg:after{content:"";position:absolute;top:185px;right:-70px;width:743px;height:621px;background:url(../images/img_set1_2.png) no-repeat 50% 50%/contain}
.set1 .txtg p{position:relative;z-index:1;}
.set1 .txtg p:nth-child(1){opacity:.8;padding-top:300px;line-height:62px;font-size:48px;font-weight:600}
.set1 .txtg p:nth-child(2){margin-top:16px;line-height:30px;}
.set1 .btng{position:relative;z-index:1;margin-top:50px;}
.set1 .btng a{display:inline-block;vertical-align:top;font-size:0;transition:all 0.3s ease-in-out;}
.set1 .btng .apple{width:161px;height:53px;background:url(../images/btn_app.svg) no-repeat 50% 50%/contain}
.set1 .btng .apple:hover{background:url(../images/btn_app_ov.svg) no-repeat 50% 50%/contain}
.set1 .btng .google{width:170px;height:52px;margin-left:30px;background:url(../images/btn_goggle.svg) no-repeat 50% 50%/contain}
.set1 .btng .google:hover{background:url(../images/btn_goggle_ov.svg) no-repeat 50% 50%/contain}

.set2{background:#fafafa}
.set2 h2{margin-bottom:60px;text-align:center}
.set2 dl div{text-align:center}
.set2 dl div~div{margin-top:60px}
.set2 dl div:before{content:"";display:block;margin:0 auto 16px;}
.set2 dl div:nth-child(1):before{width:262px;height:162px;background:url(../images/img_set2_1.svg) no-repeat 50% 50%/contain}
.set2 dl div:nth-child(2):before{width:222px;height:162px;background:url(../images/img_set2_2.svg) no-repeat 50% 50%/contain}
.set2 dl div:nth-child(3):before{width:262px;height:162px;background:url(../images/img_set2_3.svg) no-repeat 50% 50%/contain}

.set3 .cons{padding-left:680px;padding-top:140px}
.set3 .cons:before{content:"";position:absolute;top:80px;left:0;width:805px;height:761px;background:url(../images/img_set3_1.png) no-repeat 50% 50%/contain}
.set3 h2{margin-bottom:198px}
.set3 dl div~div{margin-top:42px}
.set3 dt{position:relative;padding-left:46px;}
.set3 dt:before{content:"";position:absolute;top:-2px;left:0;width:36px;height:36px;background:url(../images/ic_check.png) no-repeat 50% 50%/contain}
.set3 dd{margin-left:46px}

.set4{background:#fafafa}
.set4 .cons{padding-bottom:200px}
.set4 h2{margin-bottom:120px}
.set4 dl{display:flex;justify-content:space-between;text-align:center;}
.set4 dl div:before{content:"";position:absolute;left:0;right:0;top:-30px;margin:0 auto;}
.set4 dl div:nth-child(1):before{width:165px;height:138px;background:url(../images/img_set4_1.svg) no-repeat 50% 50%/contain}
.set4 dl div:nth-child(2):before{width:140px;height:149px;background:url(../images/img_set4_2.svg) no-repeat 50% 50%/contain}
.set4 dl div:nth-child(3):before{width:140px;height:148px;background:url(../images/img_set4_3.svg) no-repeat 50% 50%/contain}
.set4 dl div{position:relative;}
.set4 dt{display:flex;align-items:center;justify-content:center;line-height:44px;width:310px;height:310px;margin:0 auto;font-size:36px;font-weight:700;color:var(--secondary-color);border:42px solid #f0f0f0;border-radius:100%;box-sizing:border-box;}
.set4 dd{margin-top:24px;line-height:30px;}

.set5 h2{margin-bottom:100px;text-align:center}
.set5 .img{display:block;padding-top:34.688%;margin-bottom:10px;font-size:0;background:url(../images/img_set5_1.png) no-repeat 50% 0/contain}
.set5 dl{display:flex;justify-content:space-between;text-align:center;}
.set5 dl div:before{content:"";display:block;margin:0 auto -16px;}
.set5 dl div:nth-child(1):before{width:223px;height:157px;background:url(../images/img_set5_2.svg) no-repeat 50% 50%/contain}
.set5 dl div:nth-child(2):before{width:222px;height:157px;background:url(../images/img_set5_3.svg) no-repeat 50% 50%/contain}
.set5 dl div:nth-child(3):before{width:263px;height:157px;background:url(../images/img_set5_4.svg) no-repeat 50% 50%/contain}
.set5 dl div{width:100%}

.set6{background:#fafafa}
.set6 .cons:before{content:"";position:absolute;bottom:100px;right:0;width:718px;height:725px;background:url(../images/img_set6_4.png) no-repeat 50% 50%/contain} 
.set6 h2{margin-bottom:164px}
.set6 dl div~div{margin-top:38px}
.set6 dl div{position:relative;}
.set6 dl div:before{content:"";position:absolute;top:-10px;left:0;width:100px;height:154px}
.set6 dl div{padding-left:128px}
.set6 dl div:nth-child(1):before{background:url(../images/img_set6_1.png) no-repeat 50% 50%/contain}
.set6 dl div:nth-child(2):before{background:url(../images/img_set6_2.png) no-repeat 50% 50%/contain}
.set6 dl div:nth-child(3):before{background:url(../images/img_set6_3.png) no-repeat 50% 50%/contain}
.set6 p{margin:130px 0 0 78px;line-height:30px}

.set7{position:relative;background-image: linear-gradient(#007d54, #004537);}
.set7:before{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:597px;background:url(../images/img_set7_1.png) no-repeat 50% bottom/contain;}
.set7 .cons{position:relative;text-align:center;color:#fff}
.set7 h2{margin-bottom:70px}
.set7 dl{margin-bottom:120px}
.set7 dt{color:#fff}
.set7 ul{display:flex;justify-content:space-between;gap:50px;}
.set7 ul li{width:100%}
.set7 ul p:nth-child(1){display:flex;align-items:center;justify-content:center;width:220px;height:220px;margin:0 auto;font-size:28px;font-weight:600;border:1px solid #fff;border-radius:100%;box-sizing:border-box;}
.set7 ul p:nth-child(1) strong{display:block;margin-bottom:12px;font-size:62px;font-weight:700}
.set7 ul p:nth-child(2){height:46px;line-height:46px;margin-top:28px;color:var(--secondary-color);font-weight:600;border-radius:40px;background:#fff;}
.set7 .para{margin-top:50px;font-size:18px;line-height:30px}

.set8 h2{margin-bottom:80px;text-align:center}
.set8 ul{display:flex;align-items:center;justify-content:center;gap:0 20px}
.set8 ul li{display:flex;align-items:center;justify-content:center;height:108px;padding:0 56px;border-radius:20px;font-size:0;background:#fafafa}
.set8 ul~ul{margin-top:30px}
.set8 ul span{display:block;}
.set8 .logo_cj_enm{width:117px;height:57px;background:url(../images/logo_cj_enm.png) no-repeat 50% 50%/contain;}
.set8 .logo_kakao{width:184px;height:30px;background:url(../images/logo_kakao.svg) no-repeat 50% 50%;}
.set8 .logo_cau{width:189px;height:46px;background:url(../images/logo_cau.png) no-repeat 50% 50%/contain;}
.set8 .logo_mss{width:204px;height:42px;background:url(../images/logo_mss.png) no-repeat 50% 50%/contain;}
.set8 .logo_kstartup{width:192px;height:44px;background:url(../images/logo_kstartup.png) no-repeat 50% 50%/contain;}
.set8 .logo_stup{width:185px;height:38px;background:url(../images/logo_stup.png) no-repeat 50% 50%/contain;}
.set8 .logo_wonkwanguniv{width:178px;height:46px;background:url(../images/logo_wonkwanguniv.png) no-repeat 50% 50%/contain;}
.set8 .logo_daoudata{width:176px;height:26px;background:url(../images/logo_daoudata.png) no-repeat 50% 50%/contain;}
.set8 .logo_kcen{width:185px;height:46px;background:url(../images/logo_kcen.png) no-repeat 50% 50%/contain;}

footer{background:#004537}
footer .footer{position:relative;max-width:1280px;margin:0 auto;padding:100px 0;color:#fff}
footer a:hover{text-decoration:underline;text-underline-position:under;}
footer .sns{position:absolute;right:0;text-align:right}
footer .sns:before{content:"";display:block;width:139px;height:40px;margin-bottom:24px;background:url(../images/logo.svg) no-repeat 50% 50%/contain}
footer .sns a{display:inline-block;vertical-align:top;width:50px;height:50px;font-size:0}
footer .sns .instar{background:url(../images/ic_instar.svg) no-repeat 50% 50%/contain}
footer .sns .youtube{margin-left:20px;background:url(../images/ic_ytub.svg) no-repeat 50% 50%/contain}
footer .box p{font-size:16px;}
footer .box p~p{margin-top:40px}
footer .box p strong{font-weight:600}
footer .box p:nth-child(1) span{margin-left:50px}
footer .box p:nth-child(1) span strong{margin-left:12px}
footer .box p:nth-child(2) span{margin-left:12px}
footer .box p:nth-child(3) span~span{margin-left:32px}
footer .box p:nth-child(3) strong{margin-left:7px}
footer .box p:last-child a~a{position:relative;display:inline-block;padding-left:12px;margin-left:12px;}
footer .box p:last-child a~a:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#fff}
footer .copy{position:absolute;right:0;margin-top:-20px;font-size:13px;font-weight:100}
footer .copy span{font-size:9px}

/* for mobile */
@media (max-width: 1280px) {
	body{font-size:16px}
	
	.cons{margin:0 30px;padding:60px 0;}
	.cons h2{text-align:center;font-size:32px;}
	.dl_txtg dt{font-size:20px;}
	.dl_txtg dd{line-height:24px;}
	
	.set1{height:640px}
	.set1 h1{width:97px;height:28px}
	.set1 .side a{width:108px;height:36px;}
	.set1 .box{margin-left:0}
	.set1 .txtg p:nth-child(1){padding-top:200px;line-height:42px;font-size:30px}
	.set1 .btng .apple{width:126px;height:42px;}
	.set1 .btng .google{width:136px;height:42px;margin-left:20px;}
	.set1 .txtg:after{width:420px;height:351px;top:auto;bottom:-20px;right:0}
	
	.set2 h2{margin-bottom:60px}
	.set2 dl div:nth-child(1):before,.set2 dl div:nth-child(2):before,.set2 dl div:nth-child(3):before{height:120px;margin-bottom:0}
	
	.set3 .cons{padding:60px 0;}
	.set3 h2{margin-bottom:60px;}
	.set3 .cons:before{width:480px;height:454px;left:auto;right:-120px;top:auto;bottom:40px}
	.set3 dt{padding-left:36px}
	.set3 dt:before{width:28px;height:28px;}
	.set3 dd{margin-left:36px}
	
	.set4 h2{margin-bottom:60px}
	.set4 .cons{padding-bottom:60px}
	.set4 dt{width:220px;height:220px;line-height:32px;font-size:24px;border-width:24px;}
	.set4 dd{line-height:24px}
	.set4 dl div:nth-child(1):before{height:96px}
	.set4 dl div:nth-child(2):before{height:120px}
	.set4 dl div:nth-child(3):before{height:120px}
	
	.set5 h2{margin-bottom:60px}
	.set5 dl div:nth-child(1):before,.set5 dl div:nth-child(2):before,.set5 dl div:nth-child(3):before{height:120px;margin-bottom:0}
	
	.set6 h2{margin-bottom:60px}
	.set6 .cons:before{width:430px;height:435px}
	.set6 dl div{padding-left:90px}
	.set6 dl div:before{top:-2px;width:65px;height:100px}
	.set6 p{margin-top:90px}
	
	.set7 h2{margin-bottom:60px}
	.set7 ul{gap:12px}
	.set7 ul p:nth-child(1){width:180px;height:180px}
	.set7 ul p:nth-child(1) strong{font-size:32px}
	.set7 ul p:nth-child(1){font-size:18px}
	.set7 ul p:nth-child(2){font-size:14px}
	
	.set8 h2{margin-bottom:60px}
	.set8 ul{gap:0 12px}
	.set8 ul~ul{margin-top:12px}
	.set8 ul li{padding:0 24px}
	.set8 .logo_cj_enm{width:77px;}
	.set8 .logo_kakao{width:144px;background-size:contain}
	.set8 .logo_cau{width:149px}
	.set8 .logo_mss{width:164px}
	.set8 .logo_kstartup{width:162px}
	.set8 .logo_stup{width:145px;}
	.set8 .logo_wonkwanguniv{width:138px}
	.set8 .logo_daoudata{width:136px;}
	.set8 ..set8 .logo_kcen{width:145px;}
	
	footer .footer{margin:0 30px;padding:60px 0}
	footer .box p{line-height:19px;font-size:13px}
	footer .box p strong{font-weight:400}
	footer .box p~p{margin-top:12px}
	footer .box p:nth-child(1) span,footer .box p:nth-child(3) span~span{margin-left:12px}
	footer .sns:before{width:97px;height:28px}
	footer .sns a{width:32px;height:32px}
	footer .sns .youtube{margin-left:12px}
}

@media (max-width: 920px) {
	.cons{margin:0 16px}
	.cons h2{font-size:28px}
	
	.set1{height:720px}
	.set1 h1{top:24px;}
	.set1 .side{top:20px}
	.set1 .txtg p:nth-child(1){padding-top:120px}
	.set1 .txtg:after{bottom:-300px}
	.set1 .txtg p:nth-child(2){line-height:19px;font-size:14px}
	.set1 .txtg:after{width:320px;height:267px}
	.set1 .btng{margin-top:30px;text-align:center}
	
	.set3 .cons{padding-bottom:320px}
	.set3 .cons:before{width:320px;height:320px;right:0;left:50px;margin:0 auto}
	
	.set4 dl,.set5 dl{display:block;}
	.set4 dl div~div,.set5 dl div~div{margin-top:50px}
	
	.set6 .cons{padding-bottom:360px}
	.set6 .cons:before{width:320px;height:320px}
	.set6 p{position:relative;margin:30px 0 0 0;line-height:19px;text-align:center}
	
	.set7 dl{margin-bottom:60px}
	.set7 ul{display:block;}
	.set7 ul li~li{margin-top:50px}
	.set7 ul p:nth-child(2){max-width:420px;margin:16px auto 0;font-size:16px}
	.set7 .para{line-height:19px;font-size:14px;font-weight:400}
	
	.set8 .cons{text-align:center}
	.set8 ul{display:inline-block;}
	.set8 ul~ul{margin-top:2px}
	.set8 ul li{display:inline-block;width:160px;height:auto;padding:12px 0;border-radius:12px}
	.set8 ul span{display:inline-block;width:100%  ! important;height:24px ! important;background-size:contain ! important}
	
	.set8 .logo_kakao{background-size:auto 16px ! important}
	.set8 .logo_daoudata{background-size:auto 16px ! important}
	.set8 .logo_stup{background-size:auto 20px ! important}
	
	footer .footer{margin:0 16px;padding-top:80px;padding-bottom:30px;}
	footer .sns{width:100%;top:24px;left:0;right:auto;text-align:right}
	footer .sns a{margin-top:-50px;}
	footer .copy{position:static;margin-top:30px;}
}

@media (max-width:480px) { 
	.set8 ul:nth-of-type(1) li:nth-child(1){width:76px  ! important}
	.set8 ul:nth-of-type(1) li:nth-child(2){width:122px  ! important}
	.set8 ul:nth-of-type(1) li:nth-child(3){width:118px  ! important}
}


@media (max-width: 330px) { 
	body{font-size:13px;} 
}