@charset "utf-8";

#inc02{overflow-x:hidden;width:100%;padding:10% 0}
#inc02 h2{margin-bottom:150px;font-size:40px;font-weight:700;color:#fff;text-align:center;line-height:1.3}
#inc02 h2 span{display:block;opacity:.3}

#inc02 .cont_slide li{display:flex;justify-content:space-between}
#inc02 .cont_slide .cont{position:relative;width:510px;padding:50px 0 50px 50px;border-radius:20px;color:#fff;background:#111}
#inc02 .cont_slide .cont span{display:flex;align-items:center;justify-content:center;width:80px;height:35px;border-radius:50px;font-weight:700;color:#111;background:#fff}
#inc02 .cont_slide .cont p{margin:30px 0 20px;font-size:30px;font-weight:700;line-height:1.3}
#inc02 .cont_slide .cont .txt{font-size:16px;opacity:.6}
#inc02 .cont_slide .cont .arrow{position:absolute;bottom:50px;display:flex;gap:5px}
#inc02 .cont_slide .cont .arrow span{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50px;cursor:pointer;opacity:1;color:#fff;background:rgba(255,255,255,.1);transition:all .3s}
#inc02 .cont_slide a{overflow:hidden;display:block;width:700px;height:440px;border-radius:20px;background-size:cover;transition:all .3s} 
#inc02 .cont_slide a .img{width:100%;height:100%;transition:all .3s}
#inc02 .cont_slide .img.none{border:1px solid #e1e1e1;background:#fff url(../../hd/top_menu/logo.png) center no-repeat !important}

/* 반응형 [s] */
@media(hover:hover){
#inc02 .cont_slide .cont .arrow span:hover{border:1px solid #fff;background:#111}
#inc02 .cont_slide a:hover .img{transform:scale(1.05)}
}
@media (max-width:1380px){
#inc02 h2{font-size:35px}
#inc02 .cont_slide .cont{width:calc(40% - 20px)}
#inc02 .cont_slide .cont p{font-size:26px}
#inc02 .cont_slide .cont .txt{font-size:15px}
#inc02 .cont_slide a{width:calc(60% - 20px)}
#inc02 .cont_slide a .img{background-position:center;background-size:cover}
}
@media (max-width:1024px){
#inc02{padding:90px 0}
#inc02 h2{margin:0 auto 120px;width:95%; font-size:30px}
#inc02 .cont_slide .cont{padding:30px 0 30px 30px;width:calc(40% - 10px)}
#inc02 .cont_slide .cont span{width:75px;height:30px}
#inc02 .cont_slide .cont p{font-size:22px}
#inc02 .cont_slide .cont .arrow{bottom:30px}
#inc02 .cont_slide .cont .arrow span{width:55px;height:55px}
#inc02 .cont_slide .cont .arrow span svg{width:22px}
#inc02 .cont_slide a{width:calc(60% - 10px);height:410px}
}
@media (max-width:768px){
#inc02{padding:80px 0}
#inc02 h2{margin-bottom:65px;font-size:26px}
#inc02 .cont_slide li{flex-direction:column}
#inc02 .cont_slide .cont{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 5%;width:100%;border-radius:20px 20px 0 0;background-color:#222}
#inc02 .cont_slide .cont p{font-size:20px}
#inc02 .cont_slide .cont .arrow{position:static;gap:10px;margin-top:40px}
#inc02 .cont_slide a{width:100%;height:380px;border-radius:0 0 20px 20px}
}
@media (max-width:480px){
#inc02{padding:100px 0 0}
#inc02 h2{margin-bottom:50px;font-size:22px}
#inc02 .cont_slide .cont{padding:30px 2.5%}
#inc02 .cont_slide .cont span{width:68px;height:26px}
#inc02 .cont_slide .cont p{margin:25px 0 15px;font-size:19px}
#inc02 .cont_slide .cont .txt{font-size:14px}
#inc02 .cont_slide .cont .arrow{margin-top:30px}
#inc02 .cont_slide .cont .arrow span{width:50px;height:50px}
#inc02 .cont_slide .cont .arrow span svg{width:21px}
#inc02 .cont_slide a{height:315px}
}
@media (max-width:380px){
#inc02{padding:90px 0 0}
#inc02 h2{margin-bottom:40px;font-size:19px}
#inc02 .cont_slide .cont{padding:25px 2.5%}
#inc02 .cont_slide .cont span{width:62px;height:25px}
#inc02 .cont_slide .cont p{margin:20px 0 10px;font-size:17px}
#inc02 .cont_slide .cont .txt{font-size:13px}
#inc02 .cont_slide .cont .arrow{margin-top:25px}
#inc02 .cont_slide .cont .arrow span{width:45px;height:45px}
#inc02 .cont_slide .cont .arrow span svg{width:19px}
#inc02 .cont_slide a{height:300px}
}
/* 반응형 [e] */

