@charset "utf-8";

#inc03{padding:150px 0}
#inc03 .inner{display:flex;align-items:center}
#inc03 .l_cont p{font-size:16px;white-space:pre-line;word-break:keep-all}
#inc03 .l_cont a{margin-left:30px;font-size:16px;font-weight:600;font-family:var(--e-font)}
#inc03 .l_cont .control{display:flex;margin-top:80px}
#inc03 .l_cont .control .btnWrap{display:flex;align-items:center}
#inc03 .l_cont .control .prev{padding-right:15px}
#inc03 .l_cont .control .next:before{display:inline-block;content:'';width:1px;height:20px;margin-right:15px;background:#e1e1e1}
#inc03 .l_cont .control span{display:flex;align-items:center;cursor:pointer}
#inc03 .img_list{width:1000px;margin-right:0}
#inc03 .img_list ul li{position:relative}
#inc03 .img_list ul li .img{height:530px}
#inc03 .img_list ul li .img div{height:100%;background-position:center;background-size:cover}
#inc03 .img_list ul li .txt{position:absolute;z-index:10;left:50px;bottom:0;opacity:0;color:#fff;transition:all .3s}
#inc03 .img_list ul li .txt .tab{font-size:15px}
#inc03 .img_list ul li .txt p{font-size:20px;font-weight:500}
#inc03 .img_list ul li a{position:relative;display:block;width:100%;height:100%}
#inc03 .img_list ul li a:hover .txt{opacity:1;bottom:50px}
#inc03 .img_list ul li a:after{opacity:0;position:absolute;z-index:5;content:'';bottom:0;left:0;width:100%;height:100%;background:linear-gradient(360deg, rgba(0,0,0,.8), rgba(0,0,0,.2));transition:all .3s}
#inc03 .img_list ul li a:hover:after{opacity:1}
#inc03 .bar_area{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}
#inc03 .bar_area p{font-size:15px;font-weight:700;color:#111;font-family:var(--e-font);white-space:nowrap}
#inc03 .bar_area .bar{position:relative;width:85%;height:3px}
#inc03 .bar_area .bar span{background:#111}

/* 반응형 [s] */
@media (max-width:1400px){
#inc03{padding:100px 20px}
}
@media (max-width:1200px){
#inc03 .inner{flex-direction:column;align-items:center;text-align:center}
#inc03 .l_cont{margin-bottom:40px}
#inc03 .l_cont .control{flex-direction:column-reverse;align-items:center;gap:18px;margin-top:18px}
#inc03 .l_cont .control .next:before{height:14px}
#inc03 .l_cont a{margin-left:0}
#inc03 .l_cont p{white-space:normal}
#inc03 .img_list{width:100%;margin:0}
#inc03 .img_list ul li .txt{left:50%;transform:translateX(-50%)}
#inc03 .img_list ul li .img{height:460px}
}
@media (max-width:768px){
#inc03{padding:60px 15px}
#inc03 .l_cont p{font-size:15px}
#inc03 .l_cont .control{gap:14px;margin-top:14px}
#inc03 .l_cont .control span svg{width:22px}
#inc03 .img_list ul li .img{height:400px}
#inc03 .img_list ul li a:hover .txt{bottom:30px}
#inc03 .img_list ul li .txt p{font-size:18px}
#inc03 .bar_area p{font-size:13px}
}
@media (max-width:480px){
#inc03{padding:60px 15px 10px}
#inc03 .l_cont{margin-bottom:24px}
#inc03 .l_cont p{font-size:14px}
#inc03 .l_cont a{font-size:15px}
#inc03 .l_cont .control span svg{width:20px}
#inc03 .bar_area{flex-direction:column;gap:12px;margin-top:18px}
#inc03 .img_list ul li .txt .tab{font-size:14px}
#inc03 .img_list ul li .txt p{font-size:16px}
}
/* 반응형 [e] */