@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;height:100vh;min-height:750px;font-size:16px;line-height:1.6;color:#fff;background:#000;font-family:var(--kr-font)}
/* 메인 텍스트 */
#mainVisual .main_txt{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding-top:229px}
#mainVisual .main_txt .txt01{font-size:60px;font-weight:100;line-height:1.2}
#mainVisual .main_txt .txt01 span{display:block;font-weight:700}
#mainVisual .main_txt .txt02{margin-top:47px;white-space:pre-line;word-break:keep-all;color:rgba(255,255,255,.6)}
#mainVisual .main_txt a{display:inline-block;overflow:hidden;margin-top:74px}
#mainVisual .main_txt a .go_txt{float:left;display:flex;align-items:center;justify-content:center;width:220px;height:70px;border:1px solid rgba(255,255,255,.5);border-radius:80px;font-weight:500;color:#fff;transition:all .2s}
#mainVisual .main_txt a .arrow{float:left;display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-left:10px;border:1px solid rgba(255,255,255,.5);border-radius:100%;background-color:rgba(255,255,255,.2)}
#mainVisual .main_txt a .arrow svg{transition:all .2s;height:18px;color:#fff}
/* 메인 슬라이드 */
#mainVisual .main_slide{position:absolute;top:0;width:100%;height:100%}
#mainVisual .main_slide ul li .inner_img{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:115%;background-position:center;background-repeat:no-repeat;background-size:cover;transition: all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#mainVisual .main_slide ul li .img01{background-image:url('/img/web/main/main_img01.jpg')}
#mainVisual .main_slide ul li .img02{background-image:url('/img/web/main/main_img02.jpg')}
#mainVisual ul li.on .inner_img{width:100%;height:100%;opacity:1}
#mainVisual .pager_box{position:relative;z-index:2;margin-top:196px;border-bottom:1px solid rgba(255,255,255,.2)}
#mainVisual .pager{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:1400px}
#mainVisual .pager span{display:inline-block;position:relative;width:47px;height:40px;border-radius:0;opacity:.4;background:none;transition:all .5s}
#mainVisual .pager span:after{color:#fff;font-size:14px;font-weight:500;font-family:var(--eng-font)}
#mainVisual .pager span:nth-child(1):after{content:'01'}
#mainVisual .pager span:nth-child(2):after{content:'02'}
#mainVisual .pager span:nth-child(3):after{content:'03'}
#mainVisual .pager span.on{width:200px;border-bottom:solid 2px #fff;opacity:1}

/* 모바일 호버 X */
@media (hover: hover) {
#mainVisual .main_txt a:hover .go_txt{color:#111;background-color:#fff}
#mainVisual .main_txt a:hover .arrow svg{transform:rotate(45deg)}
}
/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual .main_txt{max-width:none;padding:14% 50px 0}
#mainVisual .main_txt .txt01{font-size:55px}
#mainVisual .pager{width:100%;margin-top:150px;padding:0 50px}
#mainVisual .pager span.on{width:170px}
}
@media (max-width:1230px){
#mainVisual .main_txt{padding:14% 30px 0}
#mainVisual .main_txt .txt01{font-size:50px}
#mainVisual .pager{padding:0 30px}
}
@media (max-width:1024px){
#mainVisual{height:680px;min-height:auto;font-size:15px}
#mainVisual .main_txt{padding-top:115px}
#mainVisual .main_txt .txt01{font-size:48px}
#mainVisual .main_txt a .go_txt{width:200px;height:65px}
#mainVisual .main_txt a .arrow{width:65px;height:65px}
#mainVisual .pager_box{margin-top:130px}
}
@media (max-width:768px){
#mainVisual{height:620px}
#mainVisual .main_txt{padding-top:100px}
#mainVisual .main_txt .txt01{font-size:38px}
#mainVisual .main_txt .txt02{margin-top:35px}
#mainVisual .main_txt a{margin-top:60px}
#mainVisual .main_txt a .go_txt{width:185px;height:60px}
#mainVisual .main_txt a .arrow{width:60px;height:60px}
#mainVisual .pager_box{margin-top:115px}
#mainVisual .pager span{height:35px}
#mainVisual .pager span.on{width:140px}
#mainVisual .pager span:after{font-size:13px}
}
@media (max-width:480px){
#mainVisual{height:540px}
#mainVisual{font-size:14px}
#mainVisual .main_txt{padding:75px 15px 0}
#mainVisual .main_txt .txt01{font-size:30px;line-height:1.3}
#mainVisual .main_txt a{margin-top:50px}
#mainVisual .main_txt a .go_txt{width:170px;height:55px}
#mainVisual .main_txt a .arrow{width:55px;height:55px}
#mainVisual .main_txt a .arrow svg{height:15px}
#mainVisual .pager_box{margin-top:95px}
#mainVisual .pager{padding:0 15px}
#mainVisual .pager span.on{width:95px}
}
@media (max-width:380px){
#mainVisual{height:485px}
#mainVisual .main_txt{padding:65px 15px 0}
#mainVisual .main_txt .txt01{font-size:25px}
#mainVisual .main_txt .txt02{margin-top:28px;white-space:normal}
#mainVisual .main_txt a{margin-top:45px}
#mainVisual .main_txt a .go_txt{width:160px;height:50px}
#mainVisual .main_txt a .arrow{width:50px;height:50px}
#mainVisual .pager_box{margin-top:90px}
}
/* 반응형 [e] */

/* =========================== atc01 */
#atc01{overflow:hidden}
#atc01 .inner{position:relative;max-width:1400px;margin:0 auto;padding:160px 0 235px}
#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:1200px}
#atc01 .txt_area .l_box .txt01{font-size:50px;line-height:1.2;font-weight:700;white-space:pre-line;color:#111}
#atc01 .txt_area .l_box .txt02{margin-top:43px;white-space:pre-line}
#atc01 .txt_area .r_box{overflow:hidden}
#atc01 .txt_area .r_box .pager{float:right;margin-bottom:40px;padding-right:30px}
#atc01 .txt_area .r_box .pager span{display:block;opacity:.3;transition:all .2s}
#atc01 .txt_area .r_box .pager span.on{opacity:1;height:20px;border-radius:50px;background-color:#111}
#atc01 .txt_area .r_box .pager span+span{margin-top:10px}
#atc01 .txt_area .r_box a{display:flex;align-items:flex-end;position:relative;clear:both;width:190px;height:190px;padding:0 0 34px 40px;border-radius:20px 0 0 0;color:#fff;background-color:var(--primary);transition:all .2s}
#atc01 .txt_area .r_box a svg{position:absolute;top:30px;right:50px;transition:all .2s;height:18px}
#atc01 .txt_area .r_box a p{font-size:18px;line-height:1.55;font-weight:500;white-space:pre-line}
#atc01 .img_slide{border-radius:20px;background-color:#000}
#atc01 .img_slide ul li{opacity:0 !important;padding:130px 0 132px 800px;color:#fff;background:no-repeat center;background-size:cover}
#atc01 .img_slide ul li.img01{background-image:url('/img/web/main/inc01/img01.jpg')}
#atc01 .img_slide ul li.img02{background-image:url('/img/web/main/inc01/img02.jpg')}
#atc01 .img_slide ul li.img03{background-image:url('/img/web/main/inc01/img03.jpg')}
#atc01 .img_slide ul li .slide_txt01{font-size:40px;line-height:1.3;font-weight:700;white-space:pre-line}
#atc01 .img_slide ul li .slide_txt02{margin-top:38px;white-space:pre-line}
#atc01 .img_slide ul li.on{opacity:1 !important}
#atc01 .icon_banner{display:flex;max-width:1200px;margin-top:60px}
#atc01 .icon_banner li{width:calc(100%/3);padding:0 30px}
#atc01 .icon_banner li a{display:flex}
#atc01 .icon_banner li .icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:10px;background-color:var(--black);transition:all .2s}
#atc01 .icon_banner li .txt{width:calc(100% - 65px);padding:3px 0 0 25px;font-size:15px;word-break:keep-all;color:#666}
#atc01 .icon_banner li .txt span{display:block;margin-bottom:11px;font-size:20px;font-weight:700;color:#111}
/* 모바일 호버 X */
@media (hover: hover) {
#atc01 .txt_area .r_box a:hover{background-color:var(--black)}
#atc01 .txt_area .r_box a:hover svg{transform:rotate(45deg)}
#atc01 .icon_banner li a:hover .icon{background-color:var(--primary)}
}
/* 반응형 [s] */
@media (max-width:1500px){
#atc01 .inner{max-width:none;padding:160px 50px 235px}
#atc01 .txt_area{max-width:none;width:calc(100% - 150px)}
#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{width:calc(100% - 90px)}
#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}
}
@media (max-width:1024px){
#atc01 .inner{padding:120px 30px 155px}
#atc01 .inner:before{left:calc(100% - 70px)}
#atc01 .txt_area{width:calc(100% - 40px)}
#atc01 .txt_area .l_box{width:calc(100% - 160px)}
#atc01 .txt_area .l_box .txt01{font-size:38px}
#atc01 .txt_area .l_box .txt02{max-width:520px;margin-top:30px;padding-right:30px;white-space:normal;word-break:keep-all}
#atc01 .txt_area .r_box a{width:160px;height:160px;padding:0 0 30px 30px}
#atc01 .txt_area .r_box a p{font-size:16px}
#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}
}
@media (max-width:768px){
#atc01 .inner{padding:90px 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% - 120px);padding-right:30px}
#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{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;row-gap:50px;width:120px}
#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 ul li{padding:70px 50px 72px}
#atc01 .img_slide ul li .slide_txt01{font-size:28px}

#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 .img_slide ul li{padding:60px 25px 62px}
#atc01 .img_slide ul li .slide_txt01{font-size:23px}
#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 .img_slide ul li{min-height:252px;padding:45px 25px}
#atc01 .img_slide ul li .slide_txt01{font-size:20px}
#atc01 .img_slide ul li .slide_txt02{margin-top:20px}
#atc01 .icon_banner{margin-top:20px}
#atc01 .icon_banner li .icon{width:50px;height:50px}
#atc01 .icon_banner li .icon img{height:25px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#atc02{display:flex}
#atc02 > div{width:50%;padding:160px 0}
#atc02 .l_inner{background:url(/img/web/main/inc02/bg_img.jpg) no-repeat center;background-size:cover}
#atc02 .l_inner .txt_box{width:700px;margin-left:auto;color:#fff}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:86px;font-size:15px;font-weight:600;font-family:var(--eng-font)}
#atc02 .l_inner .txt_box .big_txt{font-size:50px;font-weight:700;line-height:1.2;white-space:pre-line}
#atc02 .l_inner .txt_box .pager_txt{margin-top:242px;border-left:1px solid rgba(255,255,255,.2)}
#atc02 .l_inner .txt_box .pager_txt p{display:flex;position:relative;column-gap:23px;width:max-content;height:auto;margin-left:-1px;padding-left:33px;border-radius:0;font-size:20px;font-weight:600;line-height:1;background:none;opacity:.3;transition:all .2s}
#atc02 .l_inner .txt_box .pager_txt p.on{padding-left:54px;border-left:3px solid #fff;opacity:1}
#atc02 .l_inner .txt_box .pager_txt p.on:before{position:absolute;left:30px;top:50%;transform:translateY(-50%);content:'';width:4px;height:4px;border-radius:100px;background:#fff}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:35px}
#atc02 .r_inner{position:relative;border-top:1px solid #e1e1e1}
#atc02 .r_inner::before{position:absolute;left:0;top:0;content:'';z-index:10;width:150px;height:100%;background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0))}
#atc02 .r_inner ul li{text-align:center}
#atc02 .r_inner ul li .img{overflow:hidden;width:max-content;margin:0 auto;border-radius:20px}
#atc02 .r_inner ul li .img img{width:100%}
#atc02 .r_inner ul li .tit{margin:49px 0 22px;font-size:30px;font-weight:700;color:#111}
#atc02 .r_inner ul li .txt{white-space:pre-line;word-break:keep-all}
#atc02 .r_inner ul li a{display:flex;align-items:center;justify-content:center;column-gap:30px;width:200px;height:65px;margin:54px auto 0;border-radius:65px;font-weight:500;color:#fff;transition:all .2s;background-color:var(--black)}
#atc02 .r_inner ul li a svg{height:18px;transition:all .2s}
#atc02 .r_inner .nav_arrow{display:flex;align-items:center;justify-content:end;position:absolute;top:50%;left:-58px;transform:translateY(-50%);width:58px;height:186px;cursor:pointer;background:url('../img/main/inc02/nav_bg.png') no-repeat center}
/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .r_inner ul li a:hover{background-color:var(--primary)}
#atc02 .r_inner ul li a:hover svg{transform:rotate(45deg)}
}
/* 반응형 [s] */
@media (max-width:1500px){
#atc02 .l_inner{padding-left:50px}
#atc02 .r_inner ul li{padding:0 50px}
#atc02 .r_inner ul li .img{width:100%}
}
@media (max-width:1230px){
#atc02 > div{padding:140px 0}
#atc02 .l_inner{padding-left:30px}
#atc02 .l_inner .txt_box .big_txt{font-size:45px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:18px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:25px}
#atc02 .r_inner ul li .tit{font-size:25px}
}
@media (max-width:1024px){
#atc02 > div{padding:120px 0}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:70px;font-size:14px}
#atc02 .l_inner .txt_box .big_txt{font-size:38px}
#atc02 .l_inner .txt_box .pager_txt{margin-top:175px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:16px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:20px}
#atc02 .r_inner::before{width:50px}
#atc02 .r_inner ul li{padding:0 30px}
#atc02 .r_inner ul li .tit{font-size:23px}
#atc02 .r_inner ul li .txt{white-space:normal}
#atc02 .r_inner ul li a{column-gap:20px;width:185px;height:60px;margin-top:40px}
#atc02 .r_inner .nav_arrow{left:-46px;width:46px;height:147px;background-size:contain}
#atc02 .r_inner .nav_arrow p img{height:25px}
}
@media (max-width:768px){
#atc02{display:block}
#atc02 > div{width:100%;padding:0}
#atc02 .l_inner{padding:90px 30px 60px}
#atc02 .l_inner .txt_box{width:100%;margin-left:0}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:40px;font-size:13px}
#atc02 .l_inner .txt_box .big_txt{max-width:420px;font-size:30px;white-space:normal;word-break:keep-all}
#atc02 .l_inner .txt_box .pager_txt{margin-top:80px}
#atc02 .l_inner .txt_box .pager_txt p{padding-left:20px;font-size:15px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:15px}
#atc02 .l_inner .txt_box .pager_txt p.on{padding-left:30px}
#atc02 .l_inner .txt_box .pager_txt p.on:before{left:15px;width:3px;height:3px}
#atc02 .r_inner{padding:60px 0 90px}
#atc02 .r_inner::before{display:none}
#atc02 .r_inner ul li .img{max-width:450px}
#atc02 .r_inner ul li .tit{margin:25px 0 15px;font-size:20px}
#atc02 .r_inner ul li .txt{white-space:pre-line}
#atc02 .r_inner ul li a{column-gap:15px;width:165px;height:55px;margin-top:30px}
}
@media (max-width:480px){
#atc02 .l_inner{padding:70px 15px 50px}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:30px}
#atc02 .l_inner .txt_box .big_txt{font-size:25px}
#atc02 .l_inner .txt_box .pager_txt{margin-top:55px}
#atc02 .r_inner{padding:50px 0 70px}
#atc02 .r_inner ul li{padding:0 15px}
#atc02 .r_inner ul li .tit{margin-bottom:10px;font-size:18px}
#atc02 .r_inner ul li .txt{white-space:normal}
#atc02 .r_inner ul li a{column-gap:10px;width:160px;height:50px;margin-top:25px}
}
@media (max-width:380px){
#atc02 .l_inner .txt_box .big_txt{font-size:23px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:14px}
#atc02 .r_inner ul li .tit{font-size:16px}
#atc02 .r_inner ul li a{width:150px;margin-top:20px}
}
/* 반응형 [e] */

/* =========================== atc03 */
#atc03 .atc03_top{padding-top:160px;background:url('/img/web/main/inc03/bg_img.jpg') no-repeat center top;}
#atc03 .atc03_top .top_inner{display:flex;width:100%;max-width:1400px;margin:0 auto;}
#atc03 .news_box{position:relative;width:calc(100% - 90px);color:#fff}
#atc03 .news_box .eng_tit{position:absolute;left:0;top:23px;z-index:2;font-size:15px;font-weight:700}
#atc03 .news_slide ul li{opacity:0 !important;transition:all .2s}
#atc03 .news_slide ul li.swiper-slide-active{opacity:1 !important}
#atc03 .news_slide ul li a{display:flex;column-gap:95px}
#atc03 .news_slide ul li .news_txt{width:calc(100% - 610px);padding-top:92px;color:#fff}
#atc03 .news_slide ul li .news_txt .big_subj{display:-webkit-box;overflow:hidden;font-size:50px;line-height:1.2;font-weight:700;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#atc03 .news_slide ul li .news_txt .cont_txt{display:flex;margin-top:67px}
#atc03 .news_slide ul li .news_txt .cont_txt .date{width:130px;font-weight:500}
#atc03 .news_slide ul li .news_txt .cont_txt .cont{display:-webkit-box;overflow:hidden;width:calc(100% - 130px);word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:rgba(255,255,255,.65)}
#atc03 .news_slide ul li .news_img{overflow:hidden;width:610px;height:530px;border-radius:20px;}
#atc03 .news_slide ul li .news_img .thum{width:100%;height:100%;background-size:cover;background-position:center}
/*
#atc03 .news_slide ul li.slide01 .news_img .thum{background-image:url('/img/web/main/inc02/r_img01.jpg')}
#atc03 .news_slide ul li.slide02 .news_img .thum{background-image:url('/img/web/main/inc03/slide_img02.jpg')}
#atc03 .news_slide ul li.slide03 .news_img .thum{background-image:url('/img/web/main/inc03/slide_img03.jpg')}
*/
#atc03 .news_nav{margin-top:280px}
#atc03 .news_nav p{display:flex;align-items:center;justify-content:center;width:90px;height:90px;cursor:pointer;transition:all .2s}
#atc03 .news_nav p.hov{background-color:rgba(255,255,255,.1);}
#atc03 .news_nav p svg{height:18px;color:#fff}
#atc03 .atc03_bottom .bottom_inner{display:flex;justify-content:space-between;position:relative;width:100%;max-width:1400px;margin:80px auto 0;padding-bottom:130px}
#atc03 .atc03_bottom .bottom_inner:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:1px;height:calc(100% + 300px);background:#e1e1e1}
#atc03 .atc03_bottom .bottom_inner:after{position:absolute;left:0;top:0;content:'';z-index:-1;width:calc(100% + 260px);height:1px;background:#e1e1e1}
#atc03 .noti_late{width:580px;margin-left:50px}
#atc03 .noti_late .late_tit{display:flex;justify-content:center;align-items:center;width:110px;height:45px;margin-top:-23px;border-radius:50px;font-weight:500;color:#fff;;background-color:var(--primary);font-family:var(--eng-font)}
#atc03 .noti_late ul{padding-top:65px}
#atc03 .noti_late ul li{position:relative;padding:25px 10px}
#atc03 .noti_late ul li .subj{font-size:18px;font-weight:600;color:#111}
#atc03 .noti_late ul li .date{margin-top:7px;font-size:15px;color:#888}
#atc03 .noti_late ul li+li{border-top:1px solid #e1e1e1}
#atc03 .noti_late ul li .arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:100%;border:1px solid #e1e1e1;transition:all .2s}
#atc03 .noti_late ul li .arrow svg{height:18px;color:#111;transition:all .2s}
#atc03 .icon_box{display:flex;justify-content:space-between;column-gap:20px;padding-top:80px}
#atc03 .icon_box .icon_link{width:340px;height:340px;border-radius:20px;color:#fff;background-color:var(--black)}
#atc03 .icon_box .icon_link.co_blue{background-color:var(--primary)}
#atc03 .icon_box .icon_link a{display:flex;align-items:end;position:relative;width:100%;height:100%;padding:0 0 52px 40px;color:#fff}
#atc03 .icon_box .icon_link a .icon{display:flex;align-items:center;justify-content:center;position:absolute;right:40px;top:40px;width:70px;height:70px;border-radius:10px;transition:all .2s; background:rgba(255,255,255,0.1)}
#atc03 .icon_box .icon_link.co_blue a .icon{ background:rgba(255,255,255,0.1) }
#atc03 .icon_box .icon_link a .txt{font-size:25px;font-weight:700}
#atc03 .icon_box .icon_link a .txt span{display:block;margin-bottom:17px;font-size:15px;font-weight:500;font-family:var(--eng-font)}

/* 모바일 호버 X */
@media (hover: hover) {
#atc03 .noti_late ul li:hover .arrow{border:1px solid var(--black);background-color:var(--black)}
#atc03 .noti_late ul li:hover .arrow svg{transform:rotate(45deg);color:#fff}
#atc03 .icon_box .icon_link a:hover .icon{background-color:rgba(255,255,255,.8)}
#atc03 .icon_box .icon_link.co_blue a:hover .icon{  }
}
/* 반응형 [s] */
@media (max-width:1500px){
#atc03 .atc03_top{padding:160px 50px 0}
#atc03 .atc03_top .top_inner{max-width:none}
#atc03 .news_slide ul li a{column-gap:50px}
#atc03 .atc03_bottom .bottom_inner{column-gap:50px;max-width:none;padding:0 50px 130px}
#atc03 .atc03_bottom .bottom_inner:before{display:none}
#atc03 .noti_late{margin-left:0}
}
@media (max-width:1230px){
#atc03 .atc03_top{padding:140px 30px 0;background-size:1580px}
#atc03 .news_box{width:calc(100% - 75px)}
#atc03 .news_box .eng_tit{top:0}
#atc03 .news_slide ul li .news_txt{width:calc(100% - 520px);padding-top:75px}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:45px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:60px}
#atc03 .news_slide ul li .news_txt .cont_txt .date{width:110px}
#atc03 .news_slide ul li .news_txt .cont_txt .cont{width:calc(100% - 110px)}
#atc03 .news_slide ul li .news_img{width:470px;height:420px}
#atc03 .news_nav{margin-top:219px}
#atc03 .news_nav p{width:75px;height:75px}
#atc03 .atc03_bottom .bottom_inner{column-gap:40px;padding:0 30px 130px}
#atc03 .noti_late{width:420px}
#atc03 .icon_box{column-gap:15px;width:calc(100% - 460px)}
#atc03 .icon_box .icon_link{width:calc(100%/2 - 7.5px)}
#atc03 .icon_box .icon_link a{padding:0 0 45px 35px}
}
@media (max-width:1024px){
#atc03 .atc03_top{padding:120px 30px 0;background-size:1440px}
#atc03 .news_box{width:calc(100% - 65px)}
#atc03 .news_box .eng_tit{font-size:14px}
#atc03 .news_slide ul li a{column-gap:normal}
#atc03 .news_slide ul li .news_txt{width:60%;padding:65px 30px 0 0}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:38px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:50px}
#atc03 .news_slide ul li .news_img{width:40%;height:380px}
#atc03 .news_nav{margin-top:214px}
#atc03 .news_nav p{width:65px;height:65px}
#atc03 .atc03_bottom .bottom_inner{column-gap:30px}
#atc03 .noti_late{width:calc(100% - 340px)}
#atc03 .noti_late .late_tit{width:100px;height:40px;margin-top:-19px;font-size:14px}
#atc03 .noti_late ul li{padding:20px 10px}
#atc03 .noti_late ul li .subj{font-size:16px}
#atc03 .noti_late ul li .date{font-size:14px}
#atc03 .icon_box{display:block;width:310px}
#atc03 .icon_box .icon_link{width:100%;height:calc(100%/2 - 7.5px)}
#atc03 .icon_box .icon_link+.icon_link{margin-top:15px}
#atc03 .icon_box .icon_link a{padding:0 30px;align-items:center}
#atc03 .icon_box .icon_link a .txt{font-size:20px}
#atc03 .icon_box .icon_link a .txt span{font-size:14px}
#atc03 .icon_box .icon_link a .icon{width:65px;height:65px;background-size:33px}
}
@media (max-width:768px){
#atc03 .atc03_top{padding:90px 30px 0;background-size:2200px}
#atc03 .atc03_top .top_inner{display:block}
#atc03 .news_box{width:100%}
#atc03 .news_box .eng_tit{position:initial;font-size:13px}
#atc03 .news_slide ul li a{display:block}
#atc03 .news_slide ul li .news_txt{width:100%;padding:40px 0 0}
#atc03 .news_slide ul li .news_txt .big_subj{width:420px;font-size:30px}
#atc03 .news_slide ul li .news_img{width:100%;height:400px;margin-top:45px}
#atc03 .news_nav{display:flex;justify-content:center;column-gap:15px;margin-top:45px}
#atc03 .news_nav p{width:60px;height:60px;border-radius:15px;border:1px solid #e1e1e1}
#atc03 .news_nav p svg{transform:rotate(-90deg);color:var(--black)}
#atc03 .atc03_bottom .bottom_inner{display:block;margin-top:70px;padding:0 30px 90px}
#atc03 .atc03_bottom .bottom_inner:after{top:19px}
#atc03 .noti_late{width:100%}
#atc03 .noti_late .late_tit{font-size:13px;margin-top:0}
#atc03 .noti_late ul{padding-top:45px}
#atc03 .icon_box{display:flex;width:100%;padding-top:40px}
#atc03 .icon_box .icon_link{height:auto}
#atc03 .icon_box .icon_link+.icon_link{margin-top:0}
#atc03 .icon_box .icon_link a{padding:30px 25px}
#atc03 .icon_box .icon_link a .icon{top:50%;right:25px;transform:translateY(-50%);width:55px;height:55px}
#atc03 .icon_box .icon_link a .txt{font-size:18px}
#atc03 .icon_box .icon_link a .txt span{margin-bottom:15px;font-size:13px}
}
@media (max-width:480px){
#atc03 .atc03_top{padding:70px 15px 0;background-size:1900px}
#atc03 .news_slide ul li .news_txt{padding-top:30px}
#atc03 .news_slide ul li .news_txt .big_subj{width:100%;font-size:25px}
#atc03 .news_slide ul li .news_txt .cont_txt{display:block;margin-top:40px}
#atc03 .news_slide ul li .news_txt .cont_txt .date{display:block;margin-bottom:15px}
#atc03 .news_slide ul li .news_txt .cont_txt .cont{width:100%}
#atc03 .news_slide ul li .news_img{height:310px;margin-top:35px}
#atc03 .news_nav{margin-top:25px}
#atc03 .news_nav p{width:50px;height:50px}
#atc03 .atc03_bottom .bottom_inner{margin-top:60px;padding:0 15px 50px}
#atc03 .atc03_bottom .bottom_inner:after{top:17px}
#atc03 .noti_late .late_tit{width:85px;height:35px}
#atc03 .noti_late ul{padding-top:30px}
#atc03 .noti_late ul li .subj{overflow:hidden;width:80%;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
#atc03 .noti_late ul li .date{font-size:13px}
#atc03 .icon_box{display:block;padding-top:30px}
#atc03 .icon_box .icon_link+.icon_link{margin-top:10px}
#atc03 .icon_box .icon_link a .txt{font-size:16px}
#atc03 .icon_box .icon_link a .txt span{margin-bottom:10px}
}
@media (max-width:380px){
#atc03 .atc03_top{background-size:1750px}
#atc03 .news_slide ul li .news_txt .big_subj{font-size:23px}
#atc03 .news_slide ul li .news_txt .cont_txt{margin-top:35px}
#atc03 .news_slide ul li .news_img{height:260px;margin-top:35px}
#atc03 .atc03_bottom .bottom_inner{padding-bottom:40px}
#atc03 .icon_box .icon_link a{padding:25px}
}
/* 반응형 [e] */