@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-family: 'Malgun Gothic', dotum, sans-serif;
}

.platform h1 {font-size:36px !important;}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding:0px !important}
.elementor-section.elementor-section-boxed > .elementor-container {max-width:100% !important}
.elementor-section {background-color:#fff;}
li {list-style:none}

.pl{white-space:pre-line;word-break:keep-all}
.section_cate{font-size:24px !important;font-weight:700;color:#0ac290}
.section_h2{font-size:40px !important;font-weight:700;line-height:1.3;color:#2e3138;white-space:pre-line;word-break:keep-all}
.section_h3{font-size:22px !important;font-weight:700;color:#2e3138;word-break:keep-all}
.section_h3 span{color:#0ac290}

#inc01{overflow-x:hidden;width:100%; font-size: 16px; font-weight: 500; line-height: 1.5;}
#inc01 .inc01_wrap{position:relative;margin:auto;width:80%;}
#inc01 .inc01_wrap .section_h2 {font-size:36px !impportant;}
#inc01 .top_cont{margin-top:150px}
#inc01 .top_cont .txt{text-align:center}
#inc01 .top_cont p{margin-top:20px;font-size:16px;font-weight:400;word-break:keep-all}
#inc01 .top_cont .cate_wrap{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:80px;width:100%}
#inc01 .top_cont .cate_wrap li a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:200px;height:200px;border:2px solid #e1e1e1;border-radius:15px;color:#aaa;transition:all .3s;}
#inc01 .top_cont .cate_wrap li h3 { font-size:1em !important}
#inc01 .top_cont .cate_wrap li .icon{width:57px;height:48px;background-repeat:no-repeat;background-position:center}
#inc01 .top_cont .cate_wrap .item01 .icon{background-image:url(/sub_img/icon_01.png)}
#inc01 .top_cont .cate_wrap .item02 .icon{background-image:url(/sub_img/icon_02.png)}
#inc01 .top_cont .cate_wrap .item03 .icon{background-image:url(/sub_img/icon_03.png)}
#inc01 .top_cont .cate_wrap .item04 .icon{background-image:url(/sub_img/icon_04.png)}
#inc01 .top_cont .cate_wrap .item05 .icon{background-image:url(/sub_img/icon_05.png)}
#inc01 .bottom_cont{position:relative;margin:200px 0;width:100%}
#inc01 .bottom_cont .tit{font-size:30px;font-weight:700;text-align:center;color:#000}
#inc01 .bottom_cont .tit span{color:#0ac290}
#inc01 .bottom_cont .inc01_slide_wrap{margin:auto;width:90%}
#inc01 .bottom_cont .slide_container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:180px}
#inc01 .bottom_cont .slide_container:last-child{flex-direction:row-reverse}
#inc01 .bottom_cont .slide_container p{margin-top:20px;font-size:15px;font-weight:400;line-height:1.6}
#inc01 .bottom_cont .slide_container .pager{display:flex;flex-wrap:wrap;gap:15px;margin-top:50px}
#inc01 .bottom_cont .slide_container .pager div{opacity:1;padding:8px 24px;width:auto;height:auto;border:1px solid #0ac290;border-radius:21px;background:none;transition:all .5s}
#inc01 .bottom_cont .slide_container .pager div.on{background-color:#0ac290}
#inc01 .bottom_cont .slide_container .pager div span{font-size:15px;font-weight:700;font-family:'pretendard';color:#0ac290}
#inc01 .bottom_cont .slide_container .pager div.on span{color:#fff;transition:all .5s}
#inc01 .bottom_cont .slide_container .txt_cont{width:40%}
#inc01 .bottom_cont .slide_container .swiper-container{margin:unset;width:50%;height:600px;border-radius:20px}
#inc01 .bottom_cont .slide_container .swiper-container ul li{width:100%;height:100%}
#inc01 .bottom_cont .slide_container .swiper-container ul li img{width:100%;height:100%;object-fit:cover}

/* 반응형 [s] */
@media (hover:hover){
#inc01 .top_cont .cate_wrap li:hover a{border:2px solid #0ac290;color:#0ac290}
#inc01 .top_cont .cate_wrap li:hover .icon{filter:invert(22%) sepia(97%) saturate(2734%) hue-rotate(125deg) brightness(98%) contrast(92%)}
#inc01 .bottom_cont .slide_container .pager div:hover{background-color:#0ac290}
#inc01 .bottom_cont .slide_container .pager div:hover span{color:#fff}
}
@media(max-width:1980px){
#inc01 .bottom_cont .slide_container .swiper-container{height:460px}
}
@media (max-width:1380px){
#inc01 .inc01_wrap{width:90%}
#inc01 .top_cont .cate_wrap{gap:20px}
#inc01 .top_cont .cate_wrap li a{width:185px;height:185px}
#inc01 .top_cont .cate_wrap li .icon{width:39px;background-size:contain}
#inc01 .top_cont .cate_wrap li:nth-child(3) .icon{width:46px}
#inc01 .bottom_cont .slide_container{margin-top:150px}
#inc01 .bottom_cont .inc01_slide_wrap{width:100%}
#inc01 .bottom_cont .slide_container .txt_cont{width:45%}
#inc01 .bottom_cont .slide_container .swiper-container{height:430px}
}
@media (max-width:1024px){
#inc01 .inc01_wrap{width:95%}
#inc01 .top_cont{margin:120px 0 80px}
#inc01 .top_cont p{margin-top:15px}
#inc01 .top_cont .cate_wrap{gap:15px}
#inc01 .top_cont .cate_wrap li{position:relative;width:calc(100% / 5 - 8px)}
#inc01 .top_cont .cate_wrap li:after{content:"";display:block;padding-bottom:100%}
#inc01 .top_cont .cate_wrap li a{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;gap:0px;border-radius:10px}
#inc01 .top_cont .cate_wrap li a h3{margin-top:5%;font-size:15px}
#inc01 .top_cont .cate_wrap li .icon{width:21%}
#inc01 .top_cont .cate_wrap li:nth-child(3) .icon{width:25%}
#inc01 .bottom_cont{margin:150px 0}
#inc01 .bottom_cont .tit{font-size:28px}
#inc01 .bottom_cont .slide_container{margin-top:110px}
#inc01 .bottom_cont .slide_container .swiper-container{height:400px}
#inc01 .bottom_cont .slide_container .pager div{padding:7px 20px;border-radius:20px}
#inc01 .bottom_cont .slide_container .pager div span{font-size:14px}
}
@media (max-width:768px){
#inc01 .top_cont{margin-top:110px}
#inc01 .top_cont p{margin-top:10px;font-size:15px}
#inc01 .top_cont .cate_wrap{flex-wrap:wrap;gap:10px;margin-top:60px}
#inc01 .top_cont .cate_wrap li{height:165px}
#inc01 .top_cont .cate_wrap li:nth-child(-n+3){width:calc(100% / 3 - 7px)}
#inc01 .top_cont .cate_wrap li:nth-last-child(-n+2){width:calc(100% / 2 - 5px)}
#inc01 .top_cont .cate_wrap li:after{display:none}
#inc01 .top_cont .cate_wrap li a{position:static;transform:none;border:2px solid #e1e1e1 !important;color:#0ac290}
#inc01 .top_cont .cate_wrap li .icon{width:34px;filter:invert(22%) sepia(97%) saturate(2734%) hue-rotate(125deg) brightness(98%) contrast(92%)}
#inc01 .top_cont .cate_wrap li a h3{margin-top:6px}
#inc01 .top_cont .cate_wrap li:nth-child(3) .icon{width:40px}
#inc01 .bottom_cont{margin:100px 0}
#inc01 .bottom_cont .tit{font-size:25px}
#inc01 .bottom_cont .slide_container{flex-direction:column-reverse !important;margin-top:60px}
#inc01 .bottom_cont .slide_container .swiper-container{width:100%;height:350px}
#inc01 .bottom_cont .slide_container .txt_cont{margin-top:45px;width:100%;text-align:center}
#inc01 .bottom_cont .slide_container .pager{justify-content:center;margin-top:45px}
#inc01 .top_cont .cate_wrap {margin:0 auto;}
#inc01 .bottom_cont .slide_container .swiper-container ul li {width:100% !important}
#inc01 .bottom_cont .slide_container .swiper-container ul li img {width:100% !important}
}
@media (max-width:480px){
#inc01 .top_cont{margin-top:100px}
#inc01 .top_cont p{margin-top:8px;font-size:14px}
#inc01 .top_cont .cate_wrap{margin-top:50px}
#inc01 .top_cont .cate_wrap li{height:135px}
#inc01 .top_cont .cate_wrap li:nth-child(-n+4){width:calc(100% / 2 - 5px)}
/*#inc01 .top_cont .cate_wrap li:last-child{width:calc(100%)}*/
#inc01 .top_cont .cate_wrap li .icon{width:30px}
#inc01 .top_cont .cate_wrap li:nth-child(3) .icon{width:38px}
#inc01 .top_cont .cate_wrap li a h3{margin-top:3px;font-size:14px}
#inc01 .bottom_cont{margin:80px 0}
#inc01 .bottom_cont .tit{font-size:21px;white-space:pre-line}
#inc01 .bottom_cont .slide_container:first-child{margin-bottom:20px}
#inc01 .bottom_cont .slide_container .txt_cont{margin-top:40px}
#inc01 .bottom_cont .slide_container .swiper-container{height:260px;border-radius:15px}
#inc01 .bottom_cont .slide_container p{margin-top:15px;font-size:14px}
#inc01 .bottom_cont .slide_container .pager{margin-top:30px;gap:8px}
#inc01 .bottom_cont .slide_container .pager div{padding:5px 15px;border-radius:18px}
#inc01 .bottom_cont .slide_container .pager div span{font-size:13px}
}
@media (max-width:380px){
#inc01 .top_cont{margin-top:90px}
#inc01 .top_cont p{margin-top:6px;font-size:13px}
#inc01 .top_cont .cate_wrap{margin-top:40px;gap:8px}
#inc01 .top_cont .cate_wrap li{height:125px}
#inc01 .top_cont .cate_wrap li:nth-child(-n+4){width:calc(100% / 2 - 4px)}
#inc01 .top_cont .cate_wrap li a h3{margin-top:0px;font-size:13px}
#inc01 .top_cont .cate_wrap li .icon{width:28px}
#inc01 .top_cont .cate_wrap li:nth-child(3) .icon{width:35px}
#inc01 .bottom_cont{margin:70px 0}
#inc01 .bottom_cont .tit{font-size:19px}
#inc01 .bottom_cont .slide_container{margin-top:50px}
#inc01 .bottom_cont .slide_container .txt_cont{margin-top:30px}
#inc01 .bottom_cont .slide_container .swiper-container{height:230px;border-radius:12px}
#inc01 .bottom_cont .slide_container p{margin-top:12px;font-size:13px}
#inc01 .bottom_cont .slide_container .pager{margin-top:28px}
#inc01 .bottom_cont .slide_container .pager div{padding:4px 12px;border-radius:17px}
#inc01 .bottom_cont .slide_container .pager div span{font-size:12px}
}




#inc02{position:relative;padding:100px 0; width: 80%; margin: 0 auto;background-color:#fff !important}
#inc02 .inc02_wrap{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin:auto;}
#inc02 .tit{position:sticky;top:70px}
#inc02 .tit .section_h2{margin-top:25px; font-size: 40px}
#inc02 .tit p{margin-top:30px;font-size:18px;font-weight:400}
#inc02 .tit a{display:flex;justify-content:center;align-items:center;margin-top:60px;width:180px;height:60px;font-size:16px;font-weight:700;border:2px solid #0ac290;border-radius:30px;color:#0ac290;transition:all .3s}
#inc02 .cont_wrap{display:grid;gap:30px;grid-template-columns:repeat(2, 1fr)}
#inc02 .cont_wrap li{position:relative; list-style:none}
#inc02 .cont_wrap li:nth-child(odd){position:relative;top:60px}
#inc02 .cont_wrap li a{display:flex;flex-direction:column;padding:50px;width:460px;height:460px;border-radius:15px;background-color:#fbfbfb}
#inc02 .cont_wrap li a .top_cont_wrap{display:flex;justify-content:space-between;align-items:center}
#inc02 .cont_wrap li a .cate{font-size:15px;font-weight:700;color:rgb(0, 0, 0, 0.2);transition:all .3s}
#inc02 .cont_wrap li a .icon{width:80px;height:80px;border-radius:10px;background-color:#0ac290;background-repeat:no-repeat;background-position:center;background-size:50%}
#inc02 .cont_wrap li a h3{margin-top:50px}
#inc02 .cont_wrap li a p{margin-top:15px;font-size:16px;font-weight:400;word-break:keep-all;color:#777}
#inc02 .cont_wrap li a span {position:relative;margin:auto 0 0 15px;width:7px;height:7px;border-radius:5px;background-color:#b2b2b2}
#inc02 .cont_wrap li a span::before, #inc02  .cont_wrap li a span::after {content:"";display:inline-block;position:absolute;top:0}
#inc02 .cont_wrap li a span::before {left:-15px;width:7px;height:7px;border-radius:5px;background-color:#b2b2b2}
#inc02 .cont_wrap li a span::after {left:15px;width:7px;height:7px;border-radius:5px;background-color:#b2b2b2}
#inc02 .cont_wrap li:nth-child(1) a .icon{background-image:url(/sub_img/icon01.png)}
#inc02 .cont_wrap li:nth-child(2) a .icon{background-image:url(/sub_img/icon02.png)}
#inc02 .cont_wrap li:nth-child(3) a .icon{background-image:url(/sub_img/icon03.png)}
#inc02 .cont_wrap li:nth-child(4) a .icon{background-image:url(/sub_img/icon04.png)}
@keyframes dot-elastic {0% {transform:scale(1, 1)}25% {transform:scale(1, 1)}50% {transform:scale(1, 1.5)}75% {transform:scale(1, 1)}100% {transform:scale(1, 1)}}
@keyframes dot-elastic-before {0% {transform:scale(1, 1)} 25% {transform:scale(1, 1.5)} 50% {transform:scale(1, 0.67)} 75% {transform:scale(1, 1)} 100% {transform:scale(1, 1)}}
@keyframes dot-elastic-after {0% {transform:scale(1, 1)}25% {transform:scale(1, 1)}50% {transform:scale(1, 0.67)}75% {transform:scale(1, 1.5)}100% {transform:scale(1, 1)}}


/* 반응형 [s] */
@media (hover:hover){
#inc02 .tit a:hover{color:#fff;background-color:#0ac290}
#inc02 .cont_wrap li a:hover .cate{color:#0ac290}
#inc02 .cont_wrap li a:hover span{animation:dot-elastic 1s linear infinite;background-color:#0ac290}
#inc02 .cont_wrap li a:hover span:after{animation:dot-elastic-after 1s linear infinite;background-color:#0ac290}
#inc02 .cont_wrap li a:hover span:before{animation:dot-elastic-before 1s linear infinite;background-color:#0ac290}
}
@media(max-width:1980px){
#inc02  .cont_wrap li a{width:420px;height:420px}
}
@media (max-width:1580px){
#inc02 .cont_wrap li a{padding:40px;width:390px;height:390px}
#inc02 .cont_wrap li a .icon{width:75px;height:75px}
}
@media (max-width:1380px){
#inc02 .inc02_wrap{width:90%}
#inc02 .tit a{width:165px;height:56px;border-radius:28px}
#inc02 .cont_wrap{gap:20px;width:60%}
#inc02 .cont_wrap li a{padding:34px;width:100%;height:340px}
#inc02 .cont_wrap li a .icon{width:65px;height:65px}
#inc02 .cont_wrap li a h3{font-size:18px}
#inc02 .cont_wrap li a .cate{font-size:14px}
}
@media (max-width:1024px){
#inc02{padding:120px 0}
#inc02 .tit{position:relative;top:0px;width:100%}
#inc02 .tit a{position:absolute;bottom:0px;right:0px;width:155px;height:55px;line-height:55px;font-size:15px;border-radius:27px;margin-top:0px}
#inc02 .inc02_wrap{width:95%;flex-direction:column}
#inc02 .cont_wrap{margin-top:70px;width:100%}
#inc02 .cont_wrap li:nth-child(odd){top:0px}
#inc02 .cont_wrap li a{padding:30px;height:290px}
#inc02 .cont_wrap li a .icon{width:60px;height:60px}
#inc02 .cont_wrap li a p{margin-top:12px;font-size:15px}
#inc02 .cont_wrap li a h3{margin-top:30px;font-size:19px}
}
@media (max-width:768px){
#inc02{padding:100px 0}
#inc02 .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc02 .tit p{margin-top:20px;white-space:pre-line}
#inc02 .tit a{position:static;margin-top:30px;width:150px;height:52px;line-height:52px;border-radius:26px}
#inc02 .cont_wrap{margin-top:60px;gap:15px; margin:0 auto}
#inc02 .cont_wrap li a{padding:25px;height:270px}
#inc02 .cont_wrap li a .icon{width:55px;height:55px}
#inc02 .cont_wrap li a h3{margin-top:25px;font-size:17px}
#inc02 .cont_wrap li a p{margin-top:8px}
#inc02 .tit .section_h2 {font-size:24px !important;}
.platform h1 {font-size:22px !important}
.feature-item {margin:0 20px;}
#sh_ft .info div a {margin-right: 10px !important;}
#sh_ft .info {margin: 0 20px; align-items: center; padding-bottom: 20px;}
#sh_ft .add {justify-content: center; gap: 20px; padding: 20px 0 20px 0 !important; margin: 0 20px !important; flex-direction: column;}
#sh_ft .copy {padding: 10px 0 !important; margin: 0 20px !important;}
#sh_ft .flex {padding: 40px 0 !important;}
}
@media (max-width:480px){
#inc02{padding:80px 0}
#inc02 .tit .section_h2{margin-top:12px}
#inc02 .tit p{margin-top:15px;font-size:14px}
#inc02 .tit a{width:142px;height:50px;line-height:50px;border-radius:25px;font-size:14px}
#inc02 .cont_wrap{gap:10px}
#inc02 .cont_wrap li a{padding:15px;height:250px}
#inc02 .cont_wrap li a .icon{width:45px;height:45px}
#inc02 .cont_wrap li a .cate{font-size:13px}
#inc02 .cont_wrap li a h3{margin-top:22px;font-size:16px}
#inc02 .cont_wrap li a p{font-size:13px}
#inc02 .cont_wrap li a span{width:6px;height:6px}
#inc02 .cont_wrap li a span::after{width:6px;height:6px}
#inc02 .cont_wrap li a span::before{width:6px;height:6px}
}
@media (max-width:380px){
#inc02{padding:70px 0}
#inc02 .tit p{font-size:13px}
#inc02 .tit a{width:130px;height:48px;line-height:48px;border-radius:24px;font-size:13px}
#inc02 .cont_wrap{grid-template-columns:repeat(1, 1fr);margin-top:50px}
#inc02 .cont_wrap li a{height:auto}
#inc02 .cont_wrap li a h3{margin-top:20px}
#inc02 .cont_wrap li a .icon{width:50px;height:50px}
#inc02 .cont_wrap li a p{font-size:14px}
#inc02 .cont_wrap li a span{margin-top:55px}
}

/* FOOTER */
#sh_ft{font-size:15px;font-weight:400;color:rgba(255, 255, 255, .25);line-height:1.8;background:#222;font-family:var(--k-font)}
#sh_ft .flex{width:100%;max-width:1500px;padding:100px 0 63px 0;margin:0 auto;line-height:1.7;color:rgba(255,255,255,0.6)}
#sh_ft .info{display:flex;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.3);font-family:'NanumSquareNeoBold'}
#sh_ft .info .left img {width:120px;}
#sh_ft .info div a{margin-right:34px;color:#fff}
#sh_ft .info div a:last-child{margin-right:0}
#sh_ft .add{padding:70px 0 90px 0;display:flex;align-items:center;justify-content:space-between}
#sh_ft .add .down_box{padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:204px;line-height:50px;color:#fff;background:#333;font-size:14px;transition:all 0.2s}
#sh_ft .add .down_box:hover{background:var(--primary)}
#sh_ft .add .down_box svg{width:17px}
#sh_ft .copy{display:flex;padding:30px 0;color:#777;font-family:'NanumSquareNeoBold';font-size:14px}
#sh_ft .copy div{display:flex;gap:20px;margin-left:auto;font-family:var(--e-font), var(--k-font);font-weight:500}
#sh_ft .copy div a{color:#777;transition:all 0.3s}
#sh_ft .copy div a:hover{color:#fff}



.platform {text-align: center;  padding: 40px 20px;}
.platform h1 {font-size: 2rem;color: #023B7C;margin-bottom: 20px;}
.platform .subheading {font-size: 1rem;color: #000;margin-bottom: 40px;}

.features {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 0fr)); gap: 20px; justify-content: center;}
.feature-item {background: #ffffff;border-radius: 10px;padding: 20px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);text-align: center;}
.feature-item .icon img {width: 60px;height: 60px;margin-bottom: 15px;text-align: center}
.feature-item h3 {font-size: 22px;;font-weight:bold;color: #023B7C;margin-bottom: 10px; text-align: center}
.feature-item p {font-size: 16px; color: #023B7C; padding: 20px 45px;  margin: 0;}

@media (max-width: 768px) {
	.platform h1 {font-size: 1.5rem;}
	.platform .subheading {font-size: 0.9rem;}
	.feature-item h3 {font-size: 1rem;}
	.feature-item p {font-size: 0.8rem;}
}