@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;height:100vh;min-height:750px;font-size:16px;line-height:1.6;color:#fff;font-family:var(--e-font), var(--k-font)}

/* 메인 텍스트 */
#mainVisual .main_txt{position:relative;top:50%;transform:translateY(-50%);z-index:2;max-width:1200px;margin:0 auto}
#mainVisual .main_txt h1{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:flex;width:max-content;gap:22px;margin-top:90px}
#mainVisual .main_txt a .go_txt{display:flex;align-items:center;justify-content:center;width:200px;height:60px;border:1px solid rgba(255,255,255,.5);border-radius:80px;font-weight:500;font-size:15px;color:#fff;transition:all .2s}

/* 메인 슬라이드 */
#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/main/main_img01.JPG')}
#mainVisual .main_slide ul li .img02{background-image:url('../img/main/main_img02.JPG')}
/*#mainVisual .main_slide ul li .img03{background-image:url('../img/main/main_img03.jpg')}*/
#mainVisual .main_slide ul li.on .inner_img{width:100%;height:100%;opacity:1}
#mainVisual .nav_container {position:relative;display:flex;align-items:center;gap:8px}
#mainVisual .nav_container div.nav{display:flex;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;border-radius:50%;background-color:rgba(255,255,255,0.10);border:1px solid #e1e1e1;cursor:pointer}
#mainVisual .nav_container svg{ color:#fff}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .main_txt a .go_txt:hover{color:#111;background:#fff}
#mainVisual .nav_container div.nav:hover {background-color:rgb(0,0,0,0.2)}
}
@media (max-width:1380px){
#mainVisual .main_txt{left:50%;transform:translate(-50%, -50%);margin:unset;max-width:unset;width:90%}
#mainVisual .main_txt h1{font-size:55px}
}
@media (max-width:1024px){
#mainVisual{min-height:unset;height:650px}
#mainVisual .main_txt{top:64%;width:95%}
#mainVisual .main_txt h1{font-size:38px}
#mainVisual .main_txt .txt02{margin-top:25px}
#mainVisual .main_txt a{margin-top:70px}
#mainVisual .main_txt a .go_txt{width:180px;height:56px}
#mainVisual .nav_container div.nav{width:56px;height:56px}
#mainVisual .nav_container svg{width:22px}
}
@media (max-width:768px){
#mainVisual{height:510px}
#mainVisual .main_txt{top:56%;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:15px}
#mainVisual .main_txt h1{font-size:30px}
#mainVisual .main_txt .txt02{margin:20px auto 0;width:85%;white-space:normal}
#mainVisual .main_txt a .go_txt{width:170px;height:52px}
#mainVisual .nav_container{display:none}
}
@media (max-width:480px){
#mainVisual{height:430px}
#mainVisual .main_txt h1{font-size:24px}
#mainVisual .main_txt .txt02{margin:15px auto 0;width:95%;font-size:14px}
#mainVisual .main_txt a{margin-top:50px}
#mainVisual .main_txt a .go_txt{width:156px;height:48px;font-size:14px}
}
@media (max-width:380px){
#mainVisual{height:390px}
#mainVisual .main_txt h1{font-size:21px}
#mainVisual .main_txt .txt02{margin:12px auto 0;font-size:13px}
#mainVisual .main_txt a{margin-top:40px}
#mainVisual .main_txt a .go_txt{width:142px;height:46px;font-size:13px}
}
/* 반응형 [e] */


/* =========================== atc01 */
#atc01{position:relative;padding-top:120px;background:url(../img/main/inc01/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/main/inc01/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 162px 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:120px 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:100px 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:80px 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:70px 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] */

/* =========================== atc02 */
#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] */

/* =========================== atc03 */
#atc03 {padding:150px 0;font-family:var(--e-font), var(--k-font)}
#atc03 .tit_box{font-size:40px;text-align:center}
#atc03 .tit_box .en_tit {position:relative;padding-top:26px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc03 .tit_box .en_tit .deco:before,#atc03 .en_tit .deco:after{content:"";position:absolute;width:6px;height:6px;top:0;background:var(--primary);border-radius:50%}
#atc03 .tit_box .en_tit .deco:before{left:49.6%}
#atc03 .tit_box .en_tit .deco:after{left:50.5%}
#atc03 .tit_box h2{padding:40px 0 90px 0;line-height:1.3;color:#111;font-weight:700}
#atc03 .cont{position:relative;width:100%;max-width:1780px;margin:0 auto;overflow:hidden}
#atc03 .btn{position:relative;z-index:10;height:900px;padding:0;display:flex}
#atc03 .btn a{display:block;width:calc(100% / 3);height:900px;position:relative;background:linear-gradient(to bottom, transparent 50%, #11111154)}
#atc03 .btn a ~ a{border-left:1px solid rgba(255,255,255,0.2)}
#atc03 .bg i {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/main/inc03/img01.jpg) no-repeat;background-size:cover;z-index:0;transform:scale(1.05);opacity:0;transition:0.75s}
#atc03 .bg i.active{transform:scale(1);opacity:1;z-index:1}
#atc03 .bg .bg2{background-image:url(../img/main/inc03/img02.jpg)}
#atc03 .bg .bg3{background-image:url(../img/main/inc03/img03.jpg)}
#atc03 .btn a .txt_box{position:absolute;bottom:70px;left:90px;text-align:left}
#atc03 .btn a .txt_box p{padding-bottom:50px;color:rgba(255,255,255,0.5);line-height:1.1;font-size:35px;font-weight:700}
#atc03 .btn a .txt_box .tit{color:rgba(255, 255, 255, 0.7);font-size:16px;font-weight:400;font-family:var(--k-font);opacity:0}
#atc03 .btn a.active .tit{opacity:1}
#atc03 .btn a.active .txt_box{font-size:60px}
#atc03 .btn a.active .txt_box p{color:#Fff}

/* 반응형 [s] */
@media (max-width:1780px){
#atc03 .cont{max-width:unset;width:90%}
#atc03 .bg i{background-position:center}
}
@media (max-width:1380px){
#atc03 .tit_box{font-size:35px}
#atc03 .tit_box h2{padding:35px 0 80px}
#atc03 .btn{height:850px}
#atc03 .btn a{height:100%}
#atc03 .btn a .txt_box{left:60px}
#atc03 .btn a .txt_box p{font-size:45px}
}
@media (max-width:1024px){
#atc03{padding:120px 0}
#atc03 .tit_box .en_tit .deco:before{left:calc(50% - 5px);transform:translateX(-50%)}
#atc03 .tit_box .en_tit .deco:after{right:calc(50% - 5px);transform:translateX(50%)}
#atc03 .tit_box{font-size:30px}
#atc03 .tit_box .en_tit{padding-top:18px}
#atc03 .tit_box h2{padding:30px 0 70px}
#atc03 .cont{width:95%}
#atc03 .btn{height:700px}
#atc03 .btn a .txt_box{left:35px;bottom:35px}
#atc03 .btn a .txt_box p{padding-bottom:25px;font-size:30px}
#atc03 .btn a .txt_box .tit{font-size:15px}
}
@media (max-width:768px){
#atc03{padding:80px 0}
#atc03 .tit_box{font-size:26px}
#atc03 .tit_box h2{padding:22px 0 52px}
#atc03 .btn{height:600px}
#atc03 .btn a .txt_box{left:0px;bottom:25px;width:100%;text-align:center}
#atc03 .btn a .txt_box p{padding-bottom:12px;font-size:25px}
}
@media (max-width:480px){
#atc03{padding:60px 0}
#atc03 .tit_box{font-size:21px}
#atc03 .tit_box .en_tit{padding-top:16px;font-size:14px}
#atc03 .tit_box h2{padding:18px 0 42px}
#atc03 .btn{flex-direction: column;height:500px}
#atc03 .btn a{width:100%;border-bottom: 1px solid rgb(255, 255, 255, 0.2);background:none}
#atc03 .btn a .txt_box{bottom:50%;transform:translateY(50%)}
#atc03 .btn a .txt_box .tit{opacity:1;line-height:1;font-size:14px;word-break:keep-all}
#atc03 .btn a .txt_box p{padding-bottom:12px;font-size:20px}
#atc03 .bg i{filter:brightness(0.7)}
}
@media (max-width:380px){
#atc03{padding:50px 0}
#atc03 .tit_box .en_tit{font-size:13px}
#atc03 .tit_box h2{padding:16px 0 36px;font-size:19px}
#atc03 .btn{height:460px}
#atc03 .btn a .txt_box p{padding-bottom:9px;font-size:19px}
#atc03 .btn a .txt_box .tit{font-size:13px}
}
/* 반응형 [e] */

/* =========================== atc04 */
#atc04 .top_box{max-width:1500px;width:100%;margin:0 auto;padding-bottom:100px}
#atc04 .top_box p{position:relative;padding-left:22px;color:#aaa;font-size:15px;font-weight:700;text-transform:uppercase}
#atc04 .top_box p:after{position:absolute;content:"";left:0;top:10px;width:6px;height:6px;background:var(--primary);border-radius:50px}
#atc04 .top_box h2{padding-top:60px;color:#111;line-height:1.3;font-size:40px;font-weight:700}
#atc04 .wrap{display:flex}
#atc04 .latest{width:100%}
#atc04 .latest .list{display:flex;flex-direction:column;justify-content:center;position:relative;padding:50px 90px;border-top:1px solid #e1e1e1;font-family:var(--k-font)}
#atc04 .latest .list.aos-animate:before{width:100%}
#atc04 .latest .list a{font-weight:500;color:#aaa}
#atc04 .latest .list .subj{padding-bottom:30px;color:#111;font-size:17px;font-weight:600}
#atc04 .latest .list .cont{padding-bottom:20px;transition:0.5s}
#atc04 .latest .list .date{font-size:15px;transition:0.5s}
#atc04 .latest .list ul{margin-bottom:16px}
#atc04 .latest .list ul li span{display:block;font-size:16px;font-weight:700;color:#111}
#atc04 .latest .list ul li .status em{display:inline-block;width:6px;height:6px;border-radius:100%;border:1px solid var(--primary)}
#atc04 .latest .list ul li .status em+em{margin-left:5px;border:none;font-weight:200;background:rgba(0,0,0,0.1)}
#atc04 .latest .list ul li .status em.on{background-color:var(--primary)}
#atc04 .latest .flex{display:flex;justify-content:space-between;color:#888}

/* 반응형 [s] */
@media (hover:hover){
#atc04 .latest .list:hover .cont, #atc04 .latest .list:hover .date{color:#000}
}
@media (max-width:1780px){
#atc04 .wrap img{width:50%;object-fit:cover}
#atc04 .latest{width:50%}
}
@media (max-width:1380px){
#atc04 .top_box{max-width:unset;width:90%}
#atc04 .top_box h2{font-size:35px}
#atc04 .latest .list{padding:50px 60px}
}
@media (max-width:1024px){
#atc04 .top_box{padding-bottom:80px;width:95%}
#atc04 .top_box h2{padding-top:50px;font-size:30px}
#atc04 .latest .list{padding:30px 40px}
#atc04 .latest .list ul{margin-bottom:10px}
#atc04 .latest .list .subj{padding-bottom:25px;font-size:16px}
#atc04 .latest .list .cont{padding-bottom:10px;font-size:15px}
#atc04 .latest .list .date{font-size:14px}
}
@media (max-width:768px){
#atc04 .top_box{padding-bottom:60px}
#atc04 .top_box p{padding-left:0px;padding-top:18px;text-align:center}
#atc04 .top_box p:after{top:0px;left:50%;transform:translateX(-50%)}
#atc04 .top_box p:after{top:7px}
#atc04 .top_box h2{padding-top:22px;font-size:26px;text-align:center}
#atc04 .latest .list{padding:25px 2.5%}
#atc04 .latest .list ul{margin-bottom:6px}
#atc04 .latest .list ul li{text-align:center}
#atc04 .latest .list .subj{padding-bottom:4px;text-align:center}
#atc04 .latest .flex{flex-direction:column;justify-content:center;align-items:center;text-align:center}
#atc04 .latest .list .cont{padding-bottom:2px}
}
@media (max-width:480px){
#atc04{padding-bottom:30px}
#atc04 .top_box{padding-bottom:45px}
#atc04 .top_box p{font-size:13px}
#atc04 .top_box h2{padding-top:18px;font-size:21px}
#atc04 .wrap{flex-direction:column-reverse;margin:auto;width:95%;overflow:hidden}
#atc04 .latest{display:flex;flex-wrap:wrap;width:100%}
#atc04 .latest .list{padding:30px 2.5%;width:100%;border:1px solid #e1e1e1}
#atc04 .latest .list:nth-child(1){border-right:none}
#atc04 .latest .list:nth-child(-n+2){width:50%}
#atc04 .latest .list:nth-child(3){border-top:none}
#atc04 .latest .list ul{margin-bottom:3px}
#atc04 .latest .list .subj{font-size:15px}
#atc04 .latest .list .cont{font-size:14px}
#atc04 .latest .list .date{font-size:13px}
#atc04 .wrap img{position:relative;left:-1px;width:101%;height:300px}
}
@media (max-width:380px){
#atc04{padding-bottom:20px}
#atc04 .top_box{padding-bottom:36px}
#atc04 .top_box h2{padding-top:16px;font-size:19px}
#atc04 .latest{flex-wrap:nowrap;flex-direction:column}
#atc04 .latest .list:nth-child(1){border-right:1px solid #e1e1e1}
#atc04 .latest .list:nth-child(2){border-top:none}
#atc04 .latest .list:nth-child(-n+2){width:100%}
#atc04 .latest .list .subj{font-size:14px}
#atc04 .latest .list .cont{font-size:13px}
#atc04 .latest .list .date{font-size:12px}
#atc04 .wrap img{height:270px}
}
/* 반응형 [e] */