@charset "utf-8";

#atc02{width:100%;padding:0 0 160px 0;max-width:1500px;margin:auto}
#atc02 .pl{white-space:pre-line}
#atc02  > .cont{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;color:#fff;line-height:1.4;font-size:30px;font-weight:700}
#atc02 .cont p{padding: 20px 0 0;margin-bottom:28px;font-size: 18px;font-weight:600;word-break:keep-all}
#atc02 .cont span{color:#888}
#atc02 .cont .box{padding:60px 48px}
#atc02 .cont .left{background:url('./img/bg01.jpg') no-repeat;height:350px}
#atc02 .cont .left a{color:#111 !important;background:#fff;border:none !important}
#atc02 .cont .right{background:url('./img/bg02.jpg') no-repeat;height:350px}
#atc02 .cont .more{margin-top:40px;text-align:right}
#atc02 .cont .more a{display:inline-block;padding:0 50px;line-height:55px;color: #111;background: #fff;border-radius:50px;font-size:15px;transition:all 0.2s}
#atc02 .late_area{display:flex;width:100%;max-width:1500px;margin-top:123px;overflow:hidden}
#atc02 .late_area .left{width:40%}
#atc02 .late_area .left h2{color:#111;line-height:1.2;font-size:48px;font-weight:700}
#atc02 .late_area .left a{display:inline-block;margin-top:18px;padding:0 35px;line-height:55px;color:#111;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;font-weight:700;transition:all 0.2s}
#atc02 .late_area .right{margin-top:-23px;width:85%}
#atc02 .late_area .right .late_box .latest .l_cont{display:flex;gap:46px}
#atc02 .late_area .right .late_box .latest .l_cont .lfet_box span{display:inline-block;width:100px;line-height:35px;letter-spacing:0;color:#888;border:1px solid #e1e1e1;font-size:15px;font-weight:600;text-align:center}
#atc02 .late_area .right .late_box .latest .l_cont .right_box{width:100%;color:#666;font-size:15px}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .subj{width:87.5%;line-height:85px;color:#222;letter-spacing:-.2px;font-size:18px;font-weight:700}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_w{width:68%;line-height:1.7}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_none .date{padding-right:46px;text-align:right}
#atc02 .late_area .right .late_box .latest .l_cont .right_box .late_flex.one{display:flex;align-items:center}
#atc02 .late_area .right .late_box .latest.on{height:250px;border-bottom:1px solid #e1e1e1;transition:all 0.2s}
#atc02 .late_area .right .late_box .latest.on .l_cont .lfet_box span{color:#fff;background:var(--primary)}
#atc02 .late_area .right .late_box .latest{overflow:hidden;line-height:95px;height:95px;border-bottom:1px solid #e1e1e1;transition:all 0.4s}
#atc02 .late_area .right .late_box .latest.on{height:250px;border-bottom:1px solid #e1e1e1;transition:all 0.2s}
#atc02 .late_area .right .late_box .latest.on .l_cont .right_box .late_flex.one .date{display:none}
#atc02 .late_area .right .late_box .latest.on .l_cont .lfet_box span{color:#fff;background:var(--primary)}
#atc02 .late_area .right .late_box .latest:last-child{border-bottom:none}

/* contact */
#atc02 .cont_area{padding-top:130px}
#atc02 .top_box{text-align:center}
#atc02 .top_box span{color:var(--primary);font-weight:700;font-size:15px;text-transform:uppercase}
#atc02 .top_box h2{padding:30px 0;line-height:1.2;color:#111;font-size:48px;font-weight:700}
#atc02 .contact .cont_box{padding-top:140px;display:flex;justify-content:space-between}
#atc02 .contact .cont_box .left{width:430px}
#atc02 .contact .cont_box .left .adress{padding:36px 50px;background:#f5f5f5}
#atc02 .contact .cont_box .left .adress p{color:var(--primary);font-size:15px;font-weight:700;text-transform:uppercase}
#atc02 .contact .cont_box .left .num{padding:22px 0 20px 0;color:#111;font-size:35px;font-weight:700}
#atc02 .contact .cont_box .left ul li{display:flex;padding:12px 0;gap:30px;border-bottom:1px solid #e1e1e1;font-weight:600}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:none}
#atc02 .contact .cont_box .left ul li .tit{width:20%;color:#111;font-weight:700}
#atc02 .contact .cont_box .left .map{padding:20px;border-bottom:3px solid #e1e1e1;font-weight:600;text-align:center}
#atc02 .contact .cont_box .left .map a{display:inline-block;margin-left:30px;padding:0 18px;line-height:35px;color:#fff;background:var(--primary);border-radius:50px;font-size:13px;font-weight:500}
#atc02 .contact .cont_box .left .map a i{margin-left:8px;transition:all 0.2s}
#atc02 .contact .cont_box .right{background:url('./img/bg03.jpg') no-repeat;padding:70px;width:100%;max-width:1018px;color:rgba(255,255,255,0.7);font-weight:300}
#atc02 .contact .cont_box .right .tit{margin-bottom:40px;color:#fff;line-height:1.3;font-size:38px;font-weight:200}
#atc02 .contact .cont_box .right .tit span{font-weight:700}
#atc02 .contact .cont_box .right .more{text-align:right}
#atc02 .contact .cont_box .right a{display:inline-block;padding:0 50px;line-height:55px;color:#fff;background:var(--primary);border-radius:50px;font-size:15px;font-weight:600;transition:all 0.2s}
#atc02 .cont_slide{overflow:hidden;margin-top:50px}
#atc02 .cont_slide .img{height:340px;border-radius:10px;background-size:cover;background-position:center}
#atc02 .cont_area .controls{display:flex;cursor:pointer;gap:12px;justify-content:center}
#atc02 .cont_area .cont_slide ul li{padding: 20px;border:1px solid #e1e1e1;border-radius:10px}

/* 하단 */
#atc02 .bot_box{padding: 180px 0 0 0;text-align:center}
#atc02 .bot_box p{font-size:60px;font-weight:700;color:#111;font-family:var(--k-font)}
#atc02 .bot_box .more_btn{display:flex;align-items:center;justify-content:center;gap:12px;width:202px;color:#111;border: 1px solid #e1e1e1;border-radius:50px;line-height:60px;font-size:15px;font-weight:700;font-family:var(--e-font);transition:all 0.2s;margin: 40px auto 0;transition:all 0.2s}
#atc02 .bot_box .more_btn:hover{background:var(--primary);color:#fff}
#atc02 .bot_box .more_btn svg{width:18px}

/* 반응형 [s] */
@media(hover:hover){
#atc02 .cont .left a:hover{color:#fff !important;background:var(--primary)}
#atc02 .cont .right a:hover{color:#fff !important;background:var(--primary)}
#atc02 .late_area .left a:hover{color:#fff;border:1px solid var(--primary);background:var(--primary)}
#atc02 .contact .cont_box .left .map a:hover i{padding-left:20px}
#atc02 .contact .cont_box .right a:hover{color:#111;background:#fff}
}
@media (max-width:1024px){
#atc02{padding:80px 0px}
#atc02 .top_box h2{font-size:38px}
#atc02 .cont_area{padding-top:0}
#atc02 .cont{width:100%;margin:auto}
#atc02 .cont .left{padding:60px 40px;height:300px;background-position:center;background-size:cover}
#atc02 .cont .right{height:300px;background-position:center;background-size:cover}
#atc02 .cont p{margin-bottom:15px;font-size:17px}
#atc02 .cont .more{margin-top:47px}
#atc02 .cont .more a{padding:0px 30px;line-height:45px;font-size:14px}
#atc02 .contact .cont_box{width:95%;margin:auto;padding-top:70px}
#atc02 .contact .cont_box .left{width:35%}
#atc02 .contact .cont_box .left .adress{padding:20px}
#atc02 .contact .cont_box .left .adress p{font-size:14px}
#atc02 .contact .cont_box .left .num{padding:15px 0px;font-size:27px}
#atc02 .contact .cont_box .left ul li{flex-direction:column;gap:5px;font-size:14px}
#atc02 .contact .cont_box .left ul li .tit{width:27%}
#atc02 .contact .cont_box .left .map{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}
#atc02 .contact .cont_box .left .map a{margin-left:0px}
#atc02 .contact .cont_box .right{padding:55px;width:60%;word-break:keep-all}
#atc02 .contact .cont_box .right .tit{margin-bottom:20px;font-size:26px}
#atc02 .contact .cont_box .right .more{margin-top:105px}
#atc02 .contact .cont_box .right a{padding:0 45px;line-height:50px}
}
@media (max-width:768px){
#atc02{padding:30px 0px 70px 0px}
#atc02 .top_box h2{font-size:34px}
#atc02 .cont{grid-template-columns:repeat(1, 1fr)}
#atc02 .cont .box{padding:30px}
#atc02 .cont .left{height:260px}
#atc02 .cont .right{height:260px}
#atc02 .cont p{font-size: 16px;}
#atc02 .cont .more a{padding:0px 35px;line-height:45px}
#atc02 .contact .cont_box{flex-direction:column}
#atc02 .contact .cont_box{padding:45px 0px 0px 0px}
#atc02 .contact .cont_box .left{width:100%}
#atc02 .contact .cont_box .left .adress p{text-align:center}
#atc02 .contact .cont_box .left .num{text-align:center}
#atc02 .contact .cont_box .left .map{flex-direction:row}
#atc02 .contact .cont_box .left ul{display:flex;justify-content:space-between}
#atc02 .contact .cont_box .left ul li{flex-direction:row;justify-content:center;gap:15px;width:49%}
#atc02 .contact .cont_box .left ul li .tit{width:auto}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:1px solid #e1e1e1}
#atc02 .contact .cont_box .right{margin-top:15px;width:100%;padding:25px}
#atc02 .contact .cont_box .right .more{margin-top:55px}
}
@media (max-width:480px){
#atc02{padding:50px 0px 30px}    
#atc02 .cont{font-size:15px}
#atc02 .cont .left{height:230px}
#atc02 .cont .right{height:230px}
#atc02 .cont .more{margin-top:35px}
#atc02 .cont .more a{padding:0px 30px;line-height:40px}
#atc02 .contact .cont_box{padding-top:30px}
#atc02 .contact .cont_box .left ul{flex-direction:column}
#atc02 .contact .cont_box .left ul li{width:100%}
#atc02 .contact .cont_box .left ul li:nth-child(2){border-bottom:none}
#atc02 .contact .cont_box .left .adress{padding:20px 0px 10px 0px}
#atc02 .contact .cont_box .left .adress p{font-size:13px}
#atc02 .contact .cont_box .left .num{padding:10px 0px;font-size:24px}
#atc02 .contact .cont_box .left .map{font-size:15px}
#atc02 .contact .cont_box .left .map a{padding:0px 15px;line-height:30px}
#atc02 .contact .cont_box .right{height:auto;font-size:14px}
#atc02 .contact .cont_box .right .tit{font-size:23px}
#atc02 .contact .cont_box .right .more{margin-top:25px}
#atc02 .contact .cont_box .right a{padding:0px 32px;line-height:40px}
#atc02 .cont_slide {margin-top:20px}
}
@media (max-width:380px){
#atc02{padding-top:55px}
#atc02 .cont{font-size:15px}
#atc02 .cont .left{height:210px}
#atc02 .cont .right{height:210px}
#atc02 .cont .more a{padding:0px 20px;line-height:35px;font-size:13px}
#atc02 .contact .cont_box{padding-top:50px}
#atc02 .contact .cont_box .left .adress{padding:20px 0px 10px}
#atc02 .contact .cont_box .right{font-size:13px}
#atc02 .contact .cont_box .right .tit{font-size:20px}
#atc02 .contact .cont_box .right a{padding:0px 25px;line-height:35px;font-size:13px}
#atc02 .contact .cont_box .right .more{margin-top:28px}
}
/* 반응형 [e] */