@charset "utf-8";
#inc01{overflow-x:hidden;width:100%}
#inc01 .inc01_wrap{position:relative;margin:auto;width:80%}
#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 .icon{width:57px;height:48px;background-repeat:no-repeat;background-position:center}
#inc01 .top_cont .cate_wrap .item01 .icon{background-image:url(./img/icon01.png)}
#inc01 .top_cont .cate_wrap .item02 .icon{background-image:url(./img/icon02.png)}
#inc01 .top_cont .cate_wrap .item03 .icon{background-image:url(./img/icon03.png)}
#inc01 .top_cont .cate_wrap .item04 .icon{background-image:url(./img/icon04.png)}
#inc01 .top_cont .cate_wrap .item05 .icon{background-image:url(./img/icon05.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:var(--black)}
#inc01 .bottom_cont .tit span{color:var(--primary)}
#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 var(--primary);border-radius:21px;background:none;transition:all .5s}
#inc01 .bottom_cont .slide_container .pager div.on{background-color:var(--primary)}
#inc01 .bottom_cont .slide_container .pager div span{font-size:15px;font-weight:700;font-family:var(--k-font);color:var(--primary)}
#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 var(--primary);color:var(--primary)}
#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:var(--primary)}
#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:var(--primary)}
#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}
}
@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}
}
/* 반응형 [e] */