@charset "utf-8";

#atc03 {padding:150px 0;font-family:var(--e-font), var(--k-font)}
#atc03 .tit_box{font-size:40px;text-align:center}
#atc03 .tit_box .en_tit {position:relative;padding-top:26px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc03 .tit_box .en_tit .deco:before,#atc03 .en_tit .deco:after{content:"";position:absolute;width:6px;height:6px;top:0;background:var(--primary);border-radius:50%}
#atc03 .tit_box .en_tit .deco:before{left:49.6%}
#atc03 .tit_box .en_tit .deco:after{left:50.5%}
#atc03 .tit_box h2{padding:40px 0 90px 0;line-height:1.3;color:#111;font-weight:700}
#atc03 .cont{position:relative;width:100%;max-width:1780px;margin:0 auto;overflow:hidden}
#atc03 .btn{position:relative;z-index:10;height:900px;padding:0;display:flex}
#atc03 .btn a{display:block;width:calc(100% / 3);height:900px;position:relative;background:linear-gradient(to bottom, transparent 50%, #11111154)}
#atc03 .btn a ~ a{border-left:1px solid rgba(255,255,255,0.2)}
#atc03 .bg i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(img/img01.jpg) no-repeat;background-size:cover;z-index:0;transform:scale(1.05);opacity:0;transition:0.75s}
#atc03 .bg i.active{transform:scale(1);opacity:1;z-index:1}
#atc03 .bg .bg2{background-image:url(img/img02.jpg)}
#atc03 .bg .bg3{background-image:url(img/img03.jpg)}
#atc03 .btn a .txt_box{position:absolute;bottom:70px;left:90px;text-align:left}
#atc03 .btn a .txt_box p{padding-bottom:50px;color:rgba(255,255,255,0.5);line-height:1.1;font-size:50px}
#atc03 .btn a .txt_box .tit{color:rgba(255, 255, 255, 0.7);font-size:16px;font-weight:400;font-family:var(--k-font);opacity:0}
#atc03 .btn a.active .tit{opacity:1}
#atc03 .btn a.active .txt_box{font-size:60px}
#atc03 .btn a.active .txt_box p{color:#Fff}

/* 반응형 [s] */
@media (max-width:1780px){
#atc03 .cont{max-width:unset;width:90%}
#atc03 .bg i{background-position:center}
}
@media (max-width:1380px){
#atc03 .tit_box{font-size:35px}
#atc03 .tit_box h2{padding:35px 0 80px}
#atc03 .btn{height:850px}
#atc03 .btn a{height:100%}
#atc03 .btn a .txt_box{left:60px}
#atc03 .btn a .txt_box p{font-size:45px}
}
@media (max-width:1024px){
#atc03{padding:120px 0}
#atc03 .tit_box .en_tit .deco:before{left:calc(50% - 5px);transform:translateX(-50%)}
#atc03 .tit_box .en_tit .deco:after{right:calc(50% - 5px);transform:translateX(50%)}
#atc03 .tit_box{font-size:30px}
#atc03 .tit_box .en_tit{padding-top:18px}
#atc03 .tit_box h2{padding:30px 0 70px}
#atc03 .cont{width:95%}
#atc03 .btn{height:700px}
#atc03 .btn a .txt_box{left:35px;bottom:35px}
#atc03 .btn a .txt_box p{padding-bottom:25px;font-size:30px}
#atc03 .btn a .txt_box .tit{font-size:15px}
}
@media (max-width:768px){
#atc03{padding:80px 0}
#atc03 .tit_box{font-size:26px}
#atc03 .tit_box h2{padding:22px 0 52px}
#atc03 .btn{height:600px}
#atc03 .btn a .txt_box{left:0px;bottom:25px;width:100%;text-align:center}
#atc03 .btn a .txt_box p{padding-bottom:12px;font-size:25px}
}
@media (max-width:480px){
#atc03{padding:60px 0}
#atc03 .tit_box{font-size:21px}
#atc03 .tit_box .en_tit{padding-top:16px;font-size:14px}
#atc03 .tit_box h2{padding:18px 0 42px}
#atc03 .btn{flex-direction: column;height:500px}
#atc03 .btn a{width:100%;border-bottom: 1px solid rgb(255, 255, 255, 0.2);background:none}
#atc03 .btn a .txt_box{bottom:50%;transform:translateY(50%)}
#atc03 .btn a .txt_box .tit{opacity:1;line-height:1;font-size:14px;word-break:keep-all}
#atc03 .btn a .txt_box p{padding-bottom:12px;font-size:20px}
#atc03 .bg i{filter:brightness(0.7)}
}
@media (max-width:380px){
#atc03{padding:50px 0}
#atc03 .tit_box .en_tit{font-size:13px}
#atc03 .tit_box h2{padding:16px 0 36px;font-size:19px}
#atc03 .btn{height:460px}
#atc03 .btn a .txt_box p{padding-bottom:9px;font-size:19px}
#atc03 .btn a .txt_box .tit{font-size:13px}
}
/* 반응형 [e] */