@charset "utf-8";

#inc01{max-width:1400px;margin:0 auto;padding:150px 0 180px}
#inc01 .sh_cont_box{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;margin-bottom:90px;padding:0 110px}
#inc01 .sh_cont_box .txt_group p{margin-bottom:30px}
#inc01 .sh_cont_box a{display:flex;justify-content:space-between;width:200px;margin-top:30px;padding:20px 25px;font-size:16px;font-weight:600;color:#fff;background:var(--primary);transition:all .3s}
#inc01 .box_wrap{position:relative;margin:0 auto;padding:130px 130px 0;background:url('./img/inc01_bg.jpg') top center;background-size:cover}
#inc01 .link{position:relative;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;text-align:center;background:#fff}
#inc01 .link li{margin:50px 0;padding:35px 50px 0}
#inc01 .link li+li{border-left:1px solid #e1e1e1}
#inc01 .link li div{margin:50px 0}
#inc01 .link li p{margin-bottom:5px;font-size:20px;font-weight:700;color:#111;text-transform:uppercase}
#inc01 .link li a{display:block;font-size:15px}
#inc01 .link li a div{color:#777}
#inc01 .link li a span{font-weight:700;transition:all .3s}
#inc01 .lt_area{overflow:hidden;position:absolute;display:flex;align-items:flex-start;width:1140px}
#inc01 .lt_tit{display:flex;justify-content:space-between;align-items:center;width:50%;padding:25px 30px 25px 35px;font-size:18px;font-weight:700;color:#fff;background:#111}
#inc01 .lt_tit .lt_control{display:flex;align-items:center}
#inc01 .lt_tit span{display:flex}
#inc01 .lt_tit svg{width:20px;cursor:pointer}
#inc01 .lt_tit .next{margin-left:20px;padding-left:20px;border-left:1px solid rgba(255,255,255,.3)}
#inc01 .lt_slide{width:50%;height:70px}
#inc01 .lt_slide a{display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 40px;color:#777}
#inc01 .lt_slide a .sh_notice{position:relative;padding-left:15px;font-size:16px;font-weight:500;color:#111;transition:all .3s}
#inc01 .lt_slide a .sh_notice:before{position:absolute;content:'';top:10px;left:0;width:4px;height:4px;background:#111}

@media(hover:hover){
#inc01 .sh_cont_box a:hover{padding:20px 45px}
#inc01 .link li a:hover span{color:var(--primary)}
#inc01 .lt_slide a:hover .sh_notice{text-decoration:underline}
}

/* 반응형 [s] */
@media (max-width:1400px){
#inc01{padding:115px 0 180px}
#inc01 .sh_cont_box a{width:175px;padding:15px 25px}
#inc01 .link li p{font-size:17px}
#inc01 .box_wrap{padding:130px 10% 0}
}
@media (max-width:1024px){
#inc01{padding:90px 0 180px}
#inc01 .sh_cont_box{display:block;padding:0;text-align:center}
#inc01 .sh_cont_box .txt_group p{margin-bottom:15px}
#inc01 .sh_cont_box a{margin:30px auto 0}
#inc01 .box_wrap li img{width:80px}
#inc01 .link{display:block}
#inc01 .link li{margin:0;padding:50px}
#inc01 .link li+li{border-left:none;border-top:1px solid #e1e1e1}
#inc01 .link li a{display:flex;justify-content:space-between;align-items:center}
#inc01 .link li p{margin-bottom:0;font-size:16px}
#inc01 .link li div{width:57%;margin:0;text-align:left}
#inc01 .lt_area{display:block;width:80%}
#inc01 .lt_tit{position:relative;z-index:10;width:100%;padding:20px 25px;font-size:17px}
#inc01 .lt_slide{width:100%}
}
@media (max-width:768px){
#inc01 .sh_cont_box{margin-bottom:60px}
#inc01 .box_wrap{height:493px;padding:90px 55px 0}
#inc01 .lt_area{position:unset;width:100%}
#inc01 .link li{padding:30px}
#inc01 .box_wrap li img{width:60px}
}
@media (max-width:580px){
#inc01 .box_wrap{height:720px;padding:65px 30px 0}
#inc01 .box_wrap li img{width:80px}
#inc01 .link li a{display:block;text-align:center}
#inc01 .link li div{width:100%;margin:15px 0 10px;text-align:center}
#inc01 .link li a span{font-size:12px}
}
@media (max-width:480px){
#inc01 .box_wrap{height:792px}
#inc01 .sh_cont_box a{width:155px;padding:10px 20px;font-size:15px}
#inc01 .lt_tit .next{margin-left:10px;padding-left:10px}
#inc01 .lt_tit svg{width:17px}
#inc01 .lt_slide a{padding:0 15px}
#inc01 .lt_slide a .sh_notice{overflow:hidden;width:210px;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:380px){
#inc01 .lt_slide a .data{display:none}
}
/* 반응형 [e] */
