@charset "utf-8";

#atc01{overflow:hidden;position:relative;padding:135px 0 165px;background-color:#768177;color:#fff}
#atc01 .inner{position:relative;max-width:1200px;margin:0 auto}

/* 타이틀 */
#atc01 .tit_area{padding-left:95px;margin-bottom:15px}
#atc01 .tit_area p{font-size:32px;font-weight:700}
#atc01 .tit_area p span{vertical-align:top;margin-right:40px;font-size:14px;line-height:52px;font-weight:700;font-family:'Poppins',sans-serif}

/* 이미지 */
#atc01 .img_area{opacity:0;position:relative;margin-bottom:95px;-webkit-transform:translate(20px,20px);-ms-transform:translate(20px,20px);transform:translate(20px,20px)}
#atc01 .img_area:before{display:block;content:"";position:absolute;left:100%;top:0;z-index:0;width:50%;height:100%;margin-left:-120px;background:url(./img/atc01_img-bg.jpg) repeat}
#atc01 .img_area img{position:relative;z-index:1}
#atc01 .img_area .txt{display:inline-block;position:absolute;right:-28px;top:200px;-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);padding-left:22px;color:rgba(255,255,255,.6)}
#atc01 .img_area .txt:before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background-color:#fff}

/* 텍스트 */
#atc01 .txt_area{position:relative;padding-left:415px}
#atc01 .txt_area:after{display:block;content:"";visibility:hidden;clear:both}
#atc01 .txt_area .left{opacity:0;position:absolute;left:0;top:0;width:415px;height:100%;padding-left:95px;-webkit-transform:translate(20px,20px);-ms-transform:translate(20px,20px);transform:translate(20px,20px)}
#atc01 .txt_area .left:before{display:block;content:"";position:absolute;left:0;top:15px;width:425px;height:1px;margin-left:-360px;background-color:rgba(255,255,255,.2)}
#atc01 .txt_area .left span{position:relative;z-index:1;color:rgba(255,255,255,.7);letter-spacing:0.5px;font-weight:800;font-size:17px;font-family:'Cinzel'}
#atc01 .txt_area .left p{position:absolute;left:175px;top:0;z-index:0;text-align:right;color:#768177;line-height:56px;font-size:58px;font-weight:900;white-space:pre-line;text-shadow:-1px 0 rgba(255,255,255,.3), 0 1px rgba(255,255,255,.3), 1px 0 rgba(255,255,255,.3), 0 -1px rgba(255,255,255,.3);font-family:'Cinzel'}
#atc01 .txt_area .right{opacity:0;float:left;padding-top:5px;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
#atc01 .txt_area .right .tit{margin-bottom:20px;font-size:34px;font-weight:300;line-height:42px}
#atc01 .txt_area .right .tit b{display:block;font-weight:700}
#atc01 .txt_area .right .txt{color:rgba(255,255,255,.5);font-size:15px;white-space:pre-line;word-break:keep-all}
#atc01 .b_n{display:none}

/* 반응형 [s] */
@media (max-width:1380px){
#atc01 .inner{max-width:unset;width:95%}
#atc01 .img_area:before{left:unset;right:0px}
#atc01 .img_area img{width:82%;height:420px;object-fit:cover}
#atc01 .img_area .txt{top:50%;transform:translateY(-50%) rotate(-90deg)}
}
@media (max-width:1024px){
#atc01{padding:80px 0 110px}
#atc01 .tit_area{padding-left:0px}
#atc01 .tit_area p{display:flex;align-items:center;font-size:28px}
#atc01 .tit_area p span{margin-right:25px}
#atc01 .img_area{margin-bottom:65px}
#atc01 .img_area img{height:300px}
#atc01 .img_area .txt{right:-50px}
#atc01 .txt_area{display:flex;gap:40px;padding-left:0px}
#atc01 .txt_area:after{display:none}
#atc01 .txt_area .left{position:static;padding-left:0px;width:calc(30% - 20px)}
#atc01 .txt_area .left:before{display:none}
#atc01 .txt_area .left span{padding-bottom:2px;font-size:16px;border-bottom:1px solid #e1e1e1}
#atc01 .txt_area .left p{position:static;margin-top:12px;font-size:36px;line-height:1.2;white-space:normal;text-align:start;word-break:keep-all}
#atc01 .txt_area .right{float:none;width:calc(70% - 20px)}
#atc01 .txt_area .right .tit{font-size:28px;line-height:1.2}
#atc01 .txt_area .right .txt{font-size:14px;white-space:normal}
}
@media (max-width:768px){
#atc01{padding:45px 0 85px}
#atc01 .tit_area p{font-size:25px}
#atc01 .tit_area p span{margin-right:20px}
#atc01 .img_area{margin-bottom:45px}
#atc01 .img_area img{width:85%;height:250px}
#atc01 .txt_area .left span{font-size:15px}
#atc01 .txt_area .left p{font-size:28px}
#atc01 .txt_area .right .tit{margin-bottom:15px;font-size:24px}
#atc01 .txt_area .right .txt{padding: 0px 29px;font-size:13px;word-break: keep-all;}
}
@media (max-width:480px){
#atc01{padding:40px 0 80px}
#atc01 .tit_area{margin-bottom:10px}
#atc01 .img_area{margin-bottom:30px}
#atc01 .img_area:before{display:none}
#atc01 .img_area img{width:100%;height:210px}
#atc01 .img_area .txt{display:none}
#atc01 .tit_area p{font-size:22px}
#atc01 .tit_area p span{margin-right:15px;font-size:13px;line-height:1.3}
#atc01 .txt_area{flex-direction:column;gap:25px}
#atc01 .txt_area .left{width:100%;text-align:center}
#atc01 .txt_area .left span{font-size:14px}
#atc01 .txt_area .left p{text-align:center;font-size:24px}
#atc01 .txt_area .right{padding-top:0px;width:100%;text-align:center}
#atc01 .txt_area .right .tit{font-size:20px}
#atc01 .b_n{display:block}
}
@media (max-width:380px){
#atc01{padding:35px 0 65px}
#atc01 .tit_area p{font-size:19px}
#atc01 .tit_area p span{margin-right:12px}
#atc01 .img_area img{height:180px}
#atc01 .txt_area{gap:20px}
#atc01 .txt_area .left span{font-size:13px}
#atc01 .txt_area .left p{margin-top:8px;font-size:21px}
#atc01 .txt_area .right .tit{margin-bottom:10px;font-size:18px}
#atc01 .txt_area .right .txt{font-size:12px}
}
/* 반응형 [e] */