@charset "utf-8";

#inc02{position:relative;display:flex;justify-content:space-between;max-width:1400px;margin:220px auto 0;padding-bottom:150px}
#inc02 .pl{white-space:pre-line}
#inc02 .txt{padding:35px}
#inc02 .txt span{font-size:13px;color:var(--primary);}
#inc02 .txt p{font-size:25px;font-weight:300;line-height:1.3;color:#111}
#inc02 .r_cont{display:flex;flex-direction:column-reverse}
#inc02 .c_cont{position:absolute;top:0;left:50%;transform:translateX(-50%);width:650px;transition:all .4s}
#inc02 .c_cont.fix{position:fixed}
#inc02 .c_cont.absol_bt{top:auto;bottom:322px}
#inc02 .c_cont .img_box{overflow:hidden;width:650px;height:490px}
#inc02 .c_cont .c_txt{position:relative;width:90%;margin:-80px auto 0;padding:50px 30px;text-align:center;background:#111}
#inc02 .c_cont .txt p{margin-bottom:40px;color:#fff;word-break: keep-all;}
#inc02 .c_cont .txt a{font-size:13px;color:#fff;font-family:'Unbounded'}
#inc02 .col2 .img_box{overflow:hidden}
#inc02  img{transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}
#inc02 .col2 li:nth-child(1) .img_box{width:355px;height:375px}
#inc02 .col2 li:nth-child(2) .img_box{width:355px;height:575px}

@media(hover:hover){
#inc02 .c_cont:hover img{transform:scale(1.05,1.05)}
#inc02 .col2 li:hover img{transform:scale(1.05,1.05)}
}

/* 반응형 [s] */
@media (max-width:1400px){
#inc02{display:block;margin:150px auto 0}
#inc02 .c_cont{position:unset;transform:unset;margin:0 auto}
#inc02 .c_cont.fix{position:unset}
#inc02 .col2{display:flex;justify-content:space-around}
#inc02 .col2 .img_box{width:400px !important;height:375px !important;margin:0 auto}
#inc02 .r_cont{margin-top:50px;flex-direction:row-reverse}
#inc02 .c_cont .img_box{height:390px}
#inc02 .txt{text-align:center}
}
@media (max-width:768px){
#inc02{margin:100px auto 30px;padding-bottom:0}
#inc02 .col2 .img_box{width:auto !important;height:220px !important}
#inc02 .c_cont{width:100%;text-align:center}
#inc02 .c_cont .c_txt{padding:30px}
#inc02 .c_cont .img_box{width:100%;height:310px}
#inc02 img{width:100%}
#inc02 .txt{margin-bottom:20px;padding:20px 0 30px}
#inc02 .txt p{font-size:20px}
}
@media (max-width:480px){
#inc02 .col2{display:block}
#inc02 .c_cont .img_box{height:290px}
#inc02 .r_cont{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
#inc02 .txt{margin-bottom:0}
}
/* 반응형 [e] */