@charset "utf-8";

#atc02{position:relative;width:100%;height:684px;background:#b1acb6}
#atc02:before{position:absolute;content:'';top:-90px;left:0;width:130px;height:90px;background:#b1acb6}
#atc02 .atc02_cont_wrap{overflow:hidden;position:relative;overflow:hidden;z-index:10;width:100%;height:684px;margin:0 auto}
#atc02 .atc02_cont_wrap .inner{position:relative;z-index:100;overflow:hidden;display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}
#atc02 .inner .cont01{max-width:465px;width:100%;padding:120px 85px 120px 0}
#atc02 .inner .cont02{position:relative;max-width:735px;width:100%;padding:120px 0 120px 85px}
#atc02 .inner .cont01 .cont_tit{margin-bottom:65px;font-weight:700;font-size:35px;line-height:1;color:#fff;font-family:'Josefin Sans', sans-serif}
#atc02 .inner .cont01 .box{padding-bottom:30px;margin-bottom:30px;border-bottom:1px dotted rgba(255,255,255,.3)}
#atc02 .inner .cont01 .box:nth-child(2){animation-delay:.3s}
#atc02 .inner .cont01 .box:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;animation-delay:.6s}
#atc02 .inner .cont01 .box .box_tit{margin-bottom:10px;font-weight:600;font-size:16px;color:#fff;font-family:'Josefin Sans', sans-serif;transition:all .3s}
#atc02 .inner .cont01 .box .box_txt{font-size:14px;line-height:24px;color:rgba(255,255,255,.6);font-family:'notokr-regular';word-break:keep-all;transition:all .3s}
#atc02 .inner .cont01 .box:hover .box_tit{color:#6727a6}
#atc02 .inner .cont01 .box:hover .box_txt{color:#fff}
#atc02 .inner .cont02 .img_box{position:relative;overflow:hidden;max-width:650px;width:100%;height:444px;animation-delay:1s}
#atc02 .inner .cont02 .img_box a{display:block;width:100%;height:100%}
#atc02 .inner .cont02 .img_box .cont02_img{width:100%;height:100%;object-fit:cover;transition:all 1s}
#atc02 .inner .cont02 .img_box .img_txt{position:absolute;bottom:0;left:0;display:flex;align-items:center;align-items:center;width:420px;height:105px;padding:0 50px;font-weight:600;font-size:16px;color:#fff;background:#9c8cad;animation-delay:1.5s;font-family:'Josefin Sans', sans-serif}
#atc02 .inner .cont02 .img_box .img_txt .more{position:absolute;right:50px;top:50%;transform:translateY(-50%);margin-top:-2px;transition:all .3s}
#atc02 .inner .cont02 .img_box:hover .cont02_img{transform:scale(1.05,1.05)}
#atc02 .inner .cont02 .img_box:hover .more{transform:translateY(-50%) rotate(90deg)}
#atc02 .inner .cont02 .r_bg{display:none}

#atc02 .bg-box{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;z-index:-1}
#atc02 .bg-box .fl-l{flex:1;width:100%}
#atc02 .bg-box .fl-r{flex:1.2;width:100%;height:100%;background:url(./img/bg.jpg) top right #9c8cad no-repeat;animation-delay:.5s}

/* 반응형 [s] */
@media (max-width:1600px){
#atc02 .inner .cont01{flex:1}
#atc02 .inner .cont02{flex:1.2;padding:120px 0 120px 100px}
#atc02 .bg-box .fl-r{flex:1.2}
}
@media (max-width:1400px){
#atc02{height:auto}
#atc02 .atc02_cont_wrap{height:auto}
#atc02 .atc02_cont_wrap .inner{padding:0 20px}
#atc02 .inner .cont01{padding:100px 50px 100px 0}
#atc02 .inner .cont01 .cont_tit{margin-bottom:50px;font-size:30px}
#atc02 .inner .cont01 .box{padding-bottom:25px;margin-bottom:25px}
#atc02 .inner .cont02{padding:100px 0 100px 85px}
#atc02 .inner .cont02 .img_box{height:410px;transform:translateZ(0);will-change:transform}
#atc02 .inner .cont02 .img_box .img_txt{height:92px}
}
@media (max-width:1200px){
#atc02 .inner .cont01{padding:80px 30px 80px 0}
#atc02 .inner .cont01 .cont_tit{margin-bottom:40px;font-size:26px}
#atc02 .inner .cont01 .box .box_tit{margin-bottom:5px}
#atc02 .inner .cont02{padding:80px 0 80px 60px}
#atc02 .inner .cont02 .img_box{height:375px}
}
@media (max-width:1024px){
#atc02:before{display:none}
#atc02 .atc02_cont_wrap .inner{flex-direction:column;align-items:center}
#atc02 .inner .cont01{display:flex;flex-direction:column;align-items:center;max-width:none;height:100%;padding:50px 15px;text-align:center;padding:50px 0}
#atc02 .inner .cont02{display:flex;align-items:center;justify-content:center;flex:1;height:100%;padding:50px 15px}
#atc02 .inner .cont02 .img_box{height:auto}
#atc02 .bg-box{display:none}
#atc02 .atc02_cont_wrap .inner{padding:0}
#atc02 .inner .cont02{max-width:none}
#atc02 .inner .cont02 .r_bg{display:block;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background:url(./img/bg.jpg) top right #9c8cad no-repeat;animation-delay:.5s}
#atc02 .inner .cont02 .img_box .img_txt{width:290px;height:80px}
}
@media (max-width:768px){
#atc02 .inner .cont01{padding:50px 15px 30px}
#atc02 .inner .cont01 .cont_tit{margin-bottom:26px;font-size:24px}
#atc02 .inner .cont02{padding:30px 15px}
#atc02 .inner .cont02 .img_box .img_txt{max-width:220px;width:100%;height:62px;font-size:15px}
}
@media (max-width:480px){
#atc02 .inner .cont01{padding:40px 15px 30px}
#atc02 .inner .cont01 .cont_tit{font-size:22px}
#atc02 .inner .cont01 .box{padding-bottom:20px;margin-bottom:20px}
#atc02 .inner .cont01 .box .box_tit{font-size:15px}
#atc02 .inner .cont02 .img_box .img_txt{position:static;justify-content:center;gap:20px;max-width:none;font-size:14px}
#atc02 .inner .cont02 .img_box .img_txt .more{position:static;transform:none}
}
/* 반응형 [s] */