@charset "utf-8";

#atc02{padding:150px 0 60px 0;font-family:var(--e-font), var(--k-font)}
#atc02 .pl{white-space:pre-line;word-break:keep-all}
#atc02 .top_box{width:100%;max-width:1500px;margin:0 auto}
#atc02 .top_box .deco{position:relative;padding-left:22px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc02 .top_box .deco:after{position:absolute;content:'';left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary);border-radius:50px}
#atc02 .top_box .flex{padding-bottom:100px;display:flex;align-items:flex-end;gap:170px}
#atc02 .top_box .flex .left h2{padding-top:66px;line-height:1.1;color:#111;font-family:var(--e-font);font-size:70px;font-weight:700;text-transform:uppercase}
#atc02 .top_box .flex .left h2 p{padding-left:50px;color:#aaa}
#atc02 .top_box .flex .right a{display:flex;align-items:center;justify-content:center;gap:18px;width:170px;line-height:56px;text-align:center;border-radius:50px;border:2px solid #e1e1e1;color:#111;font-size:14px;font-weight:700;transition:all 0.2s}
#atc02 .top_box .flex .right a svg{width:10px;font-weight:700;stroke-width:6px;transition:all 0.2s}
#atc02 .inc02_main ul{position:relative}
#atc02 .inc02_main ul li{display:flex}
#atc02 .inc02_main .list_txt{position:absolute;bottom:0;right:0;padding:90px;width:100%;max-width:1070px;height:575px;color:#666;background:#fff}
#atc02 .inc02_main .list_txt .tit{padding-bottom:60px;color:var(--primary);font-size:15px;font-weight:700;text-transform:uppercase}
#atc02 .inc02_main .list_txt .flex{display:flex;gap:70px}
#atc02 .inc02_main .list_txt .flex .left h3{color:#111;font-weight:700;font-size:35px;word-break:keep-all}
#atc02 .inc02_main .list_txt .nav_container{display:flex;gap:12px;justify-content:flex-end;padding:90px 100px 0 0}
#atc02 .inc02_main .list_txt .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}
#atc02 .inc02_main .list_txt .nav_container svg{color:#111;width:20px}

/* 반응형 [s] */
@media (hover:hover){
#atc02 .top_box .flex .right a:hover{gap:28px}
#atc02 .top_box .flex .right a:hover svg{transform:rotate(270deg)}
}
@media (max-width:1380px){
#atc02 .top_box{max-width:unset;width:90%}
#atc02 .top_box .flex{gap:0px;justify-content:space-between}
#atc02 .top_box .flex .left h2{font-size:56px}
#atc02 .inc02_main ul li img{width:60%;height:735px;object-fit:cover}
#atc02 .inc02_main .list_txt{padding:70px;max-width:unset;width:60%;height:510px}
#atc02 .pl{white-space:normal}
#atc02 .inc02_main .list_txt .flex .left{width:40%}
#atc02 .inc02_main .list_txt .flex .left h3{font-size:32px}
#atc02 .inc02_main .list_txt .flex .right{width:60%}
#atc02 .inc02_main .list_txt .nav_container{padding:90px 0 0 0}
}
@media (max-width:1024px){
#atc02{padding-top:120px}
#atc02 .top_box{width:95%}
#atc02 .top_box .flex{padding-bottom:80px}
#atc02 .top_box .flex .left h2{padding-top:50px;font-size:36px}
#atc02 .top_box .flex .left h2 p{padding-left:35px}
#atc02 .top_box .flex .right a{width:165px;line-height:54px}
#atc02 .inc02_main ul li img{height:675px}
#atc02 .inc02_main .list_txt{padding:50px;height:auto}
#atc02 .inc02_main .list_txt .tit{padding-bottom:30px;font-size:14px}
#atc02 .inc02_main .list_txt .flex{flex-direction:column;gap:25px}
#atc02 .inc02_main .list_txt .flex .left{width:auto}
#atc02 .inc02_main .list_txt .flex .left h3{font-size:25px}
#atc02 .inc02_main .list_txt .flex .right{width:auto}
#atc02 .inc02_main .list_txt .nav_container{justify-content:flex-start;padding-top:65px}
#atc02 .inc02_main .list_txt .nav_container .nav{width:55px;height:55px}
#atc02 .inc02_main .list_txt .nav_container svg{width:18px}
#atc02 .pl{font-size:15px}
}
@media (max-width:768px){
#atc02{padding:100px 0 20px}
#atc02 .top_box .flex{padding-bottom:60px}
#atc02 .top_box .flex .left h2{padding-top:20px;font-size:28px}
#atc02 .top_box .flex .left h2 p{padding-left:0px}
#atc02 .top_box .flex .right a{width:160px;line-height:50px;gap:15px}
#atc02 .top_box .flex .right a:hover{gap:22px}
#atc02 .inc02_main{margin:auto;width:95%}
#atc02 .inc02_main ul li{flex-direction:column}
#atc02 .inc02_main ul li img{width:100%;height:370px}
#atc02 .inc02_main .list_txt{position:relative;bottom:unset;left:unset;padding:50px 2.5%;width:100%;border:1px solid #e1e1e1;border-top:none;text-align:center}
#atc02 .inc02_main .list_txt .tit{padding-bottom:18px}
#atc02 .inc02_main .list_txt .flex{gap:15px}
#atc02 .inc02_main .list_txt .flex .left h3{font-size:23px}
#atc02 .inc02_main .list_txt .nav_container{justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;padding-top:0px;width:95%}
#atc02 .inc02_main .list_txt .nav_container .nav{width:50px;height:50px}
#atc02 .pl{margin:auto;width:68%}
}
@media (max-width:480px){
#atc02{padding:80px 0 20px}
#atc02 .top_box .deco{padding-left:18px;font-size:14px}
#atc02 .top_box .deco:after{top:46%}
#atc02 .top_box .flex{padding-bottom:45px}
#atc02 .top_box .flex .left h2{font-size:24px}
#atc02 .top_box .flex .right a{width:130px;line-height:42px;gap:10px !important}
#atc02 .inc02_main ul li img{height:300px}
#atc02 .inc02_main .list_txt{padding:30px 2.5%}
#atc02 .inc02_main .list_txt .tit{padding-bottom:10px;font-size:13px}
#atc02 .inc02_main .list_txt .flex{gap:8px}
#atc02 .inc02_main .list_txt .flex .left h3{font-size:20px}
#atc02 .inc02_main .list_txt .nav_container{display:none}
#atc02 .pl{width:95%;font-size:14px}
}
@media (max-width:380px){
#atc02{padding:70px 0 20px}
#atc02 .top_box .deco{padding-left:16px;font-size:13px}
#atc02 .top_box .deco:after{top:45%}
#atc02 .top_box .flex{padding-bottom:38px}
#atc02 .top_box .flex .left h2{font-size:21px}
#atc02 .top_box .flex .right a{width:115px;line-height:37px;font-size:13px;gap:6px !important}
#atc02 .top_box .flex .right a svg{width:9px}
#atc02 .inc02_main ul li img{height:270px}
#atc02 .inc02_main .list_txt{padding:22px 2.5%}
#atc02 .inc02_main .list_txt .tit{padding-bottom:8px;font-size:12px}
#atc02 .inc02_main .list_txt .flex{gap:6px}
#atc02 .inc02_main .list_txt .flex .left h3{font-size:18px}
#atc02 .pl{font-size:13px}
}
/* 반응형 [e] */