@charset "utf-8";

#atc01{position:relative;padding-top:150px;background:url(img/bg.png) no-repeat;background-position:140% 67%;background-size:contain;border-bottom:1px solid #e1e1e1;font-weight:400;font-family:var(--e-font), var(--k-font)}
#atc01 .inner{width:100%;max-width:1780px;margin:0 auto}
#atc01 .pl{white-space:pre-line}
#atc01 .tit_box{font-size:40px;text-align:center;word-break:keep-all}
#atc01 .tit_box .en_tit{position:relative;padding-top:26px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc01 .tit_box .en_tit .deco:before,#atc01 .en_tit .deco:after{content:"";position:absolute;width:6px;height:6px;top:0;background:var(--primary);border-radius:50%}
#atc01 .tit_box .en_tit .deco:before{left:49.6%}
#atc01 .tit_box .en_tit .deco:after{left:50.5%}
#atc01 .tit_box h2{padding:40px 0 90px 0;line-height:1.3;color:#111;font-weight:300}
#atc01 .tit_box h2 span{display:block;font-weight:700}
#atc01 .txt{position:absolute;top:50%;transform:translateY(-50%);text-align:center;color:#111}
#atc01 .img_area{width:40%;height:580px;margin:0 auto;opacity:0;background:url(img/img01.jpg) center fixed no-repeat;transform:translateY(50px);transition:all 1.5s}
#atc01 .img_area.aos-animate{width:100%;opacity:1;transform:translateY(0)}
#atc01 .bot_box{display:flex;gap:116px;padding:180px 0 32px 0;width:100%;max-width:1500px;margin:0 auto;line-height:1.6}
#atc01 .bot_box .left{width:calc(40% - 58px)}
#atc01 .bot_box .left img{width:100%;height:906px;object-fit:cover}
#atc01 .bot_box .right{padding-top:60px;width:calc(60% - 58px)}
#atc01 .bot_box .right .top_tit{display:flex;flex-direction:column;padding:0 0 76px 60px}
#atc01 .bot_box .right .top_tit h2{margin-bottom:25px;color:#111;line-height:1.3;font-size:40px;font-weight:300;word-break:keep-all}
#atc01 .bot_box .right .top_tit h2 span{font-weight:700}
#atc01 .bot_box .nav_container{display:flex;gap:12px;padding:0 0 134px 60px}
#atc01 .bot_box .nav_container .nav{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:1px solid #e1e1e1;border-radius:50px;cursor:pointer;text-align:center}
#atc01 .bot_box .nav_container svg{color:#111;width:20px}
#atc01 .bot_box .inc01_main li a{display:block;width:fit-content;overflow:hidden}
#atc01 .bot_box .inc01_main li a img{transition:all .3s cubic-bezier(0.5, 1, 0.89, 1)}

/* 반응형 [s] */
@media (hover:hover){
#atc01 .bot_box .inc01_main li:hover img{transform:scale(1.05,1.05)}
}
@media (max-width:1780px){
#atc01 .inner{max-width:unset;width:90%}
#atc01 .bot_box{max-width:unset;width:100%}
}
@media (max-width:1380px){
#atc01 .tit_box{font-size:38px}
#atc01 .img_area{height:530px}
#atc01 .bot_box{gap:60px}
#atc01 .bot_box .left{width:calc(40% - 30px)}
#atc01 .bot_box .right{width:calc(60% - 30px)}
#atc01 .bot_box .right .top_tit{padding-left:40px}
#atc01 .bot_box .right .top_tit h2{font-size:38px}
#atc01 .bot_box .nav_container{padding-left:40px}
}
@media (max-width:1024px){
#atc01{padding-top:120px}
#atc01 .inner{width:95%}
#atc01 .tit_box{font-size:32px}
#atc01 .tit_box .en_tit{padding-top:18px}
#atc01 .tit_box .en_tit .deco:before{left:calc(50% - 5px);transform:translateX(-50%)}
#atc01 .tit_box .en_tit .deco:after{right:calc(50% - 5px);transform:translateX(50%)}
#atc01 .tit_box h2{padding:30px 0 70px 0}
#atc01 .img_area{height:430px}
#atc01 .bot_box{padding:160px 0;gap:30px}
#atc01 .bot_box .left{width:calc(40% - 15px)}
#atc01 .bot_box .left img{height:650px}
#atc01 .bot_box .right{padding-top:40px;width:calc(60% - 15px)}
#atc01 .bot_box .right .top_tit{padding:0 0 50px 20px}
#atc01 .bot_box .right .top_tit h2{margin-bottom:18px;font-size:27px}
#atc01 .bot_box .nav_container{padding:0 0 80px 20px}
#atc01 .bot_box .nav_container .nav{width:56px;height:56px}
#atc01 .bot_box .nav_container .nav svg{width:18px}
#atc01 .bot_box .inc01_main li a{width:100%}
#atc01 .bot_box .inc01_main li a img{width:100%;height:440px;object-fit:cover}
}
@media (max-width:768px){
#atc01{padding-top:100px}
#atc01 .tit_box{font-size:26px}
#atc01 .tit_box h2{padding:22px 0 52px}
#atc01 .img_area{height:370px}
#atc01 .img_area.aos-animate{background-size:cover}
#atc01 .bot_box{padding:160px 0 60px}
#atc01 .bot_box .left{display:none}
#atc01 .bot_box .right{padding-top:0px;width:100%}
#atc01 .bot_box .right .top_tit{padding-left:0px;padding-bottom:30px;text-align:center}
#atc01 .bot_box .right .top_tit h2{margin-bottom:15px;font-size:25px}
#atc01 .bot_box .right .top_tit p{margin:auto;width:80%;white-space:normal;word-break:keep-all}
#atc01 .bot_box .nav_container{padding-left:0px;padding-bottom:40px;justify-content:center}
#atc01 .bot_box .nav_container .nav{width:54px;height:54px}
#atc01 .bot_box .inc01_main li a img{height:370px}
}
@media (max-width:480px){
#atc01{padding-top:80px}
#atc01 .tit_box{font-size:21px}
#atc01 .tit_box .en_tit{padding-top:16px;font-size:14px}
#atc01 .tit_box h2{padding:18px 0 42px}
#atc01 .img_area{height:300px}
#atc01 .bot_box{padding:160px 0 40px}
#atc01 .bot_box .right .top_tit{padding-bottom:25px}
#atc01 .bot_box .right .top_tit h2{margin-bottom:12px;font-size:21px}
#atc01 .bot_box .right .top_tit p{width:95%}
#atc01 .bot_box .nav_container{padding-bottom:35px}
#atc01 .bot_box .nav_container .nav{width:52px;height:52px}
#atc01 .bot_box .inc01_main li a img{height:300px}
}
@media (max-width:380px){
#atc01{padding-top:70px}
#atc01 .tit_box{font-size:19px}
#atc01 .tit_box .en_tit{font-size:13px}
#atc01 .tit_box h2{padding:16px 0 36px}
#atc01 .img_area{height:270px}
#atc01 .bot_box{padding:250px 0 30px}
#atc01 .bot_box .right .top_tit{padding-bottom:20px}
#atc01 .bot_box .right .top_tit h2{font-size:19px}
#atc01 .bot_box .nav_container{padding-bottom:30px}
#atc01 .bot_box .nav_container .nav{width:50px;height:50px}
#atc01 .bot_box .nav_container .nav svg{width:17px}
#atc01 .bot_box .inc01_main li a img{height:270px}
}
/* 반응형 [e] */