@charset "utf-8";
#section01 {border:1px solid #e1e1e1}
#atc01{overflow:hidden}
#atc01 .inner{position: relative; max-width: 1400px; margin: 0 auto; padding: 160px 50px 50px 0;}
#atc01 .inner:before{position:absolute;left:calc(100% - 200px);top:0;content:'';width:100%;height:100%;border-left:1px solid #e1e1e1;background:#f5f5f5}
#atc01 .txt_area{display: flex; justify-content: space-between; max-width: 1400px; padding-bottom: 100px;}
#atc01 .txt_area .l_box .eng_tit {font-size: 14px; font-weight: 500; font-family: 'Montserrat'; color: #7d8bc1; letter-spacing: 0.08em; padding-bottom: 20px;}
#atc01 .txt_area .l_box .txt01{font-size:40px;line-height:1.2;font-weight:700;white-space:pre-line;color:#111}
#atc01 .txt_area .l_box .txt01 span{color:#2645b8}
#atc01 .txt_area .l_box .txt02{margin-top:38px;}
#atc01 .txt_area .l_box .cont_txt{display:flex;margin-top:40px}
#atc01 .txt_area .l_box .cont_txt a {display: flex; align-items: center; justify-content: center; column-gap: 30px; width: 168px; height: 55px; margin: 0px auto 0; border-radius: 65px; font-weight: 600; color: #000; transition: all .2s; border: 1px solid #a9a9a9;}
#atc01 .txt_area .l_box .cont_txt a:hover {background:var(--primary);border:1px solid var(--primary);color:#fff}
#atc01 .txt_area .l_box .cont_txt .date{/* width: 130px; */ font-weight: 500; padding: 5px;}

#atc01 .txt_area .r_box{width:50%}
#atc01 .img_slide{border-radius: 20px !important; background: url('./img/main_about_bg.jpg') no-repeat center; padding: 70px 0px 70px 0px; color: #fff; background-size: cover; display: block; position: relative;}
#atc01 .img_slide section .section_about{padding: 60px 20px;}
#atc01 .img_slide section .about_container {max-width: 1200px; margin: 0 auto; display: grid; gap: 40px; text-align: center; grid-auto-flow: column; align-content: space-around; align-items: center; justify-items: center;}

#atc01 .img_slide section .card {padding: 20px;}
#atc01 .img_slide section .icon {font-size: 50px;margin-bottom: 20px;}
#atc01 .img_slide section .title {  font-size: 30px;font-weight: bold;color: #2c4a8a;margin-bottom: 10px;}
#atc01 .img_slide section .desc {font-size: 18px; color: #6b7a99; line-height: 1.6; font-weight: 400;}

#atc01 .about_bottom {display: flex; padding: 80px 0 80px 0; gap: 40px; max-width: 1200px; justify-content: space-between;}
#atc01 .about_bottom_lt {width: 62%; left: 70px; position: relative; padding-right: 70px;}
#atc01 .about_bottom_rt {}

#counter_wrap {width:100%; min-width:320px; margin:0px auto; margin-bottom:0; } 
#counter_wrap:after { content:""; display:block; clear:both;}
#counter_wrap .con_area { width:100%; padding:0; margin:0 auto;}
#counter_wrap .con_area :after { content:""; display:block; clear:both;}
#counter_wrap .con_area li {float:left; width:50%; text-align:center; padding:0 10px; }
#counter_wrap .con_area li:first-child {border-left:0;}
#counter_wrap .con_area li i{display:block; font-size:2.5em; text-align:center; margin-bottom:18px; color:#fff;}
#counter_wrap .con_area li p {color: #000; padding-top: 40px;}
#counter_wrap .con_area li p	.count_animate{color: #274e94; font-size: 40px; font-family: 'montserrat'; font-weight: 600;}
#counter_wrap .con_area li span.tit {display: block; color: #666666; font-size: 20px; margin: 20px 0 26px 0; font-weight: 500; position: relative;}
#counter_wrap .con_area li span.tit:before {content: ''; width: 13px; height: 13px; position: absolute; left: 48%; top: 45px; background: #274e94; border-radius: 50%;}

.video-container {position:relative;height:0;padding-bottom:56.25%;border-radius:20px}
.video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px}
.video-container video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);border-radius:20px}


/* 모바일 호버 X */
@media (hover: hover) {
#atc01 .txt_area .r_box a:hover{background-color:#000}
#atc01 .txt_area .r_box a:hover svg{transform:rotate(45deg)}
#atc01 .icon_banner li a:hover .icon{background-color:#eb2a2e}
}

/* 반응형 [s] */
@media (max-width:1500px){
#atc01 .txt_area{max-width:none;width:calc(100% - 0px)}
#atc01 .img_slide ul li{padding-left:55%}
#atc01 .icon_banner{max-width:none;width:calc(100% - 150px)}
}
@media (max-width:1230px){
#atc01 .inner{padding:140px 30px 185px}
#atc01 .inner:before{left:calc(100% - 120px)}
#atc01 .txt_area .l_box .txt01{font-size:45px}
#atc01 .img_slide ul li{padding:110px 0 112px 50%}
#atc01 .img_slide ul li .slide_txt01{font-size:35px}
#atc01 .icon_banner{width:calc(100% - 90px)}
#atc01 .icon_banner li{padding:0 20px}
#atc01 .icon_banner li .txt span{margin-bottom:8px;font-size:18px}
#atc01 .about_bottom {max-width:990px}
#counter_wrap {min-width: 255px;}
}
@media (max-width:1024px){
#atc01 .inner{padding:60px 30px 20px 30px}
#atc01 .inner:before{left:calc(100% - 70px);display:none}
#atc01 .txt_area{padding-bottom: 50px;flex-direction: column; display: flex; justify-content: space-between; }
#atc01 .txt_area .l_box .cont_txt { display: flex; margin: 10px 0 40px 0; }
#atc01 .txt_area .l_box .cont_txt a { width: 168px; height: 46px; }
#atc01 .txt_area .l_box{width:calc(100% - 0px)}
#atc01 .txt_area .l_box .txt01{font-size:26px}
#atc01 .txt_area .l_box .txt01 br {display:none}
#atc01 .txt_area .l_box .txt02{max-width:100%;margin-top:30px;padding-right:0px;white-space:normal;word-break:keep-all}
#atc01 .txt_area .r_box { width: 100%; }
#atc01 .img_slide ul li{padding:90px 0 92px calc(100% - 480px)}
#atc01 .img_slide ul li .slide_txt01{font-size:30px}
#atc01 .img_slide ul li .slide_txt02{max-width:420px;margin-top:25px;white-space:normal;word-break:keep-all}
#atc01 .icon_banner{width:calc(100% - 40px);margin-top:50px}
#atc01 .icon_banner li{padding:0 15px}
#atc01 .icon_banner li .icon{width:55px;height:55px}
#atc01 .icon_banner li .txt{padding-left:20px}
#atc01 .icon_banner li .txt span{font-size:16px}
#atc01 .img_slide {padding:30px 0 30px 0}
#atc01 .img_slide section .section_about {padding: 100px 20px;}
#atc01 .img_slide section .title {font-size: 18px;}
#atc01 .img_slide section .desc {font-size: 14px;}
#atc01 .img_slide section .about_container {max-width: 100%; gap: 0px;}
#atc01 .about_bottom_lt { left: 0; position: relative; padding-right: 0; width:100%}
#atc01 .about_bottom {display: flex; padding: 40px 0 40px 0; gap: 0px; width:100%; justify-content: space-between; flex-direction: column;}
}
@media (max-width:768px){
#atc01 .inner{padding:50px 30px}
#atc01 .inner:before{display:none}
#atc01 .txt_area{align-items:center;width:100%;margin-bottom:30px}
#atc01 .txt_area .l_box{width:calc(100% - 0px);padding-right:0px}
#atc01 .txt_area .l_box .txt01{font-size:30px;word-break:keep-all}
#atc01 .txt_area .l_box .txt02{padding-right:0}
#atc01 .txt_area .r_box .pager{margin-bottom:0;padding-right:0}
#atc01 .txt_area .r_box a{width:120px;height:120px;padding:0 0 20px 20px;border-radius:20px}
#atc01 .txt_area .r_box a p{font-size:15px}
#atc01 .txt_area .r_box a svg{top:20px;right:20px}
#atc01 .img_slide section .section_about{padding: 0px 20px;}
#atc01 .img_slide section .about_container {max-width: 100%; display: grid; gap: 0; text-align: center; grid-auto-flow: row;}
#atc01 .img_slide section .desc br{display:none}
#atc01 .img_slide section .icon { font-size: 0; margin-bottom: 10px; }
#atc01 .img_slide section .icon img{width:50px}
#atc01 .about_bottom_lt { width: 100%; left: 0; position: relative; padding-right: 0; }
#atc01 .about_bottom { display: flex; padding: 50px 0 0px 0; gap: 0px; width:100%;justify-content: space-between; flex-direction: column; }
#counter_wrap .con_area li span.tit {  font-size: 16px; margin: 20px 0 10px 0; }
#counter_wrap .con_area li p	.count_animate { font-size: 26px; }
#counter_wrap .con_area li span.tit:before {position: absolute; left: 47%; }

#atc01 .icon_banner{display:block;width:100%;margin-top:40px}
#atc01 .icon_banner li{width:100%;padding:15px 0}
#atc01 .icon_banner li+li{margin-top:10px;border-top:1px dotted #e1e1e1}
#atc01 .icon_banner li:last-child{padding-bottom:0}
#atc01 .icon_banner li .txt{padding-top:0}
#atc01 .icon_banner li .txt span{margin-bottom:5px}


}
@media (max-width:480px){
#atc01 .inner{padding:70px 15px}
#atc01 .txt_area{display:block;margin-bottom:20px}
#atc01 .txt_area .l_box{width:100%;padding-right:0}
#atc01 .txt_area .l_box .txt01{font-size:25px}
#atc01 .txt_area .l_box .txt02{margin:23px 0 30px}
#atc01 .txt_area .r_box{align-items:center;justify-content:space-between;flex-direction:row-reverse;width:100%}
#atc01 .txt_area .r_box a{width:170px;height:auto;padding:18px 30px;border-radius:50px}
#atc01 .txt_area .r_box a p{font-size:14px;white-space:normal}
#atc01 .txt_area .r_box a svg{right:20px;top:50%;transform:translateY(-50%)}
#atc01 .txt_area .r_box .pager span{width:6px;height:6px}
#atc01 .txt_area .r_box .pager span.on{height:15px}
#atc01 .txt_area .r_box .pager span+span{margin-top:7px}
#atc01 .icon_banner{margin-top:30px}
#atc01 .icon_banner li .txt{font-size:14px}
#atc01 .icon_banner li .txt span{font-size:15px}
}
@media (max-width:380px){
#atc01 .txt_area .l_box .txt01{font-size:23px}
#atc01 .txt_area .l_box .txt02{margin-top:20px}
#atc01 .txt_area .r_box a{width:165px;padding:15px 25px}
#atc01 .icon_banner{margin-top:20px}
#atc01 .icon_banner li .icon{width:50px;height:50px}
#atc01 .icon_banner li .icon img{height:25px}
}
/* 반응형 [e] */