@charset "utf-8";
#atc04 {display:flex;justify-content:space-between;height:1056px;margin-top:-244px;background:url(./img/inc04_bg.jpg)}
#atc04 .left{overflow:hidden;padding:353px 0 0 14%}
#atc04 .right{overflow:hidden;width:calc(50% - 100px);background:rgba(0, 0, 0, 50%)}
#atc04 .tit{padding-bottom:70px}
#atc04 .tit p{padding-bottom:20px;font-size:15px;font-weight:700;color:#fff;font-family:'Poppins'}
#atc04 .tit span{font-size:40px;color:#fff;font-family:'notokr-bold'}
#atc04 .cont{display:flex;align-items:center;justify-content:center}
#atc04 .cont .txt{position:relative;text-align:center}
#atc04 .cont .txt p{padding-bottom:5px;font-size:15px;font-weight:700;color:#fff;font-family:'Poppins'}
#atc04 .cont .txt span{font-size:20px;color:#fff;font-family:'notokr-bold'}

#atc04 .cont .img01 .txt::before{content:"";display:block;position:absolute;top:-25px;left:50%;width:1px;height:67px;background:#fff}
#atc04 .cont .img02 .txt::before{content:"";display:block;position:absolute;bottom:-25px;left:50%;width:1px;height:67px;background:#fff}
#atc04 .cont .img01 .txt{padding-top:55px}
#atc04 .cont .img02 .txt{z-index:1;padding-bottom:55px}
#atc04 .cont .img01 .img_area,
#atc04 .cont .img02 .img_area{overflow:hidden;height:312px}
#atc04 .cont .img01 img,
#atc04 .cont .img02 img{transition:0.3s}

#atc04 .right > div{padding-top:435px}
#atc04 .right > div > b{display:block;padding-bottom:45px;font-size:40px;line-height:51px;color:#fff;text-align:center;white-space:pre-line;font-family:'notokr-bold'}
#atc04 .right > div > p{font-size:16px;text-align:center;color:#777;white-space:pre-line;word-break:keep-all}
/*#atc04 .right  > div > p::after{content:"";display:block;position:relative;top:65px;left:50%;transform:translateX(-50%);height:1px;width:112px;background:rgba(225, 225, 225, 0.3)}*/
#atc04 .right .info{display:flex;align-items:flex-start;justify-content:center;gap:40px;padding-top:140px}
#atc04 .right .info > div{margin-top:-12px;font-size:12px;font-weight:500;text-align:left;color:rgba(225, 225, 225, 0.3);font-family:'Poppins'}
#atc04 .right .info > p{font-size:40px;font-weight:700;color:#fff;font-family:'Poppins'}

/* 모바일 호버 X */
@media (hover: hover) {
#atc04 .cont .img01:hover img,
#atc04 .cont .img02:hover img{scale:1.05}
}

/* 반응형 [s] */
@media (max-width:1750px){
#atc04 .left{padding-left:10%}
}
@media (max-width:1570px){
#atc04 .left{padding-left:5.5%}
}
@media (max-width:1400px){
#atc04 .left{padding:353px 30px 0;margin:0 auto}
#atc04 .cont .img_area img{width:100%}
}
@media (max-width:1230px){
#atc04 .tit p{padding-bottom:30px}
#atc04 .tit span{font-size:35px}
#atc04 .right{width:50%}
#atc04 .right > div{padding:435px 30px 0}
#atc04 .right > div > b{font-size:35px;line-height:45px}
#atc04 .right > div > p{white-space:normal;word-break:keep-all}
#atc04 .right .info{gap:20px}
#atc04 .right .info > p{font-size:33px}
#atc04 .right .info > div p{word-break:keep-all}
}
@media (max-width:1080px){
#atc04 .right .info{display:block;text-align:center}
#atc04 .right .info > div{margin-top:20px;font-size:14px;line-height:24px;text-align:center}
}
@media (max-width:1024px){
#atc04{display:block;height:auto;margin-top:0;background-size:cover}
#atc04 .left{padding:80px 30px}
#atc04 .tit span{font-size:33px}
#atc04 .right{width:100%}
#atc04 .right > div{padding:80px 30px}
#atc04 .right > div > b{font-size:33px;line-height:43px}
#atc04 .right > div > p{padding-bottom:80px;white-space:pre-line}
#atc04 .right > div > p::after{display:none}
#atc04 .right .info{padding-top:80px;border-top:1px solid rgba(225, 225, 225, 0.3)}
}
@media (max-width:768px){
#atc04 .left{padding:60px 15px}
#atc04 .tit span{font-size:30px;line-height:40px;word-break:keep-all}
#atc04 .cont .img01 .img_area, #atc04 .cont .img02 .img_area{height:auto}
#atc04 .cont .txt span{font-size:18px}
#atc04 .right > div{padding:60px 15px}
#atc04 .right > div > b{font-size:30px;line-height:40px}
#atc04 .right > div > p{padding-bottom:60px;font-size:15px;line-height:25px}
}
@media (max-width:480px){
#atc04 .tit{padding-bottom:50px}
#atc04 .tit p{font-size:13px}
#atc04 .tit span{font-size:25px;line-height:35px}
#atc04 .cont .txt p{font-size:13px}
#atc04 .cont .txt span{font-size:15px}
#atc04 .cont .img01 .txt{padding-top:30px}
#atc04 .cont .img01 .txt::before{height:42px}
#atc04 .cont .img02 .txt{padding-bottom:30px}
#atc04 .cont .img02 .txt::before{height:42px}
#atc04 .right > div > b{padding-bottom:25px;font-size:25px;line-height:35px}
#atc04 .right > div > p{padding-bottom:0;font-size:14px;line-height:24px;white-space:normal}
#atc04 .right .info{display:none}
}
@media (max-width:380px){
#atc04 .tit span{font-size:23px;line-height:33px}
#atc04 .cont .txt span{font-size:14px}
#atc04 .right > div > b{font-size:23px;line-height:33px}
}
/* 반응형 [e] */