@charset "utf-8";

/* 슬라이드 */
#atc01{position:relative;width:100%;z-index:10;margin-top:-107px}
#atc01:before{position:absolute;width:1200px;height:100%;right:0;background-color:#090097;content:''}
#atc01 .atc01_wrap{position:relative;display:flex;width:100%;max-width:1220px;height:214px;margin:0 auto;border-radius:15px;background:var(--primary)}
#atc01 .atc01_wrap .slide_tit{flex-shrink:0;width:435px;padding:60px 0 0 60px;color:#fff;font-family:'notokr-regular'}
#atc01 .atc01_wrap .slide_tit .eng_tit{margin-bottom:10px;font-size:28px;font-weight:300;opacity:1;font-family:'Poppins',sans-serif}
#atc01 .atc01_wrap .slide_tit .product_txt{white-space:pre-line}
#atc01 .atc01_wrap .slide_tit .eng_tit span{font-weight:700}
#atc01 .atc01_wrap .slide_tit p{line-height:1.6;opacity:.6}
#atc01 .atc01_wrap .atc01_slide{position:relative;width:calc(1200px - 409px);margin-top:55px}
#atc01 .slide_wrap{height:240px}
#atc01 .slide_wrap .swiper-wrapper{height:auto}
#atc01 .swiper-slide{position:relative;border-radius:15px;box-shadow:4px 4px 16px rgba(0,0, 0, .05);word-break:keep-all}
#atc01 .swiper-slide a{display:block;height:100%;padding:10px 30px;color:#333;border-radius:15px;background:#fff;transition:all .3s}
/*#atc01 .swiper-slide a img{position:absolute;right:40px;top:45px}*/
#atc01 .swiper-slide a span{border-radius:6px;padding:5px 13px;border:1px solid var(--primary);color:var(--primary);font-size:13px;font-family:'notokr-bold'}
#atc01 .swiper-slide a p{margin:8px 0 15px 0;font-size:22px;font-family:'notokr-bold'}
#atc01 .swiper-slide a .br{white-space:pre-line;width: 60%;float: left;}
#atc01 .swiper-slide a div{display: flex;}
#atc01 .swiper-slide a div div{width: 55%;}
#atc01 .swiper-slide a div img{width: 45%;height: 160px;}


/* 컨트롤러 */
#atc01 .arrow{position:absolute;top:60px;width:50px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:none;transition:all .2s}
#atc01 .arrow.prev{left:-80px}
#atc01 .arrow.next{right:-80px}

@media (hover:hover){
#atc01 .arrow:hover{border-color:rgba(255,255,255,.7)}
}
@media (max-width:1400px){
#atc01{max-width:1220px;margin:-107px auto 0}
#atc01:before{display:none}
#atc01 .atc01_wrap{width:auto;margin:0 20px;}
#atc01 .atc01_wrap .slide_tit{width:335px;padding:50px 0 0 45px}
#atc01 .atc01_wrap .atc01_slide{width: calc(100% - 425px)}
#atc01 .arrow.prev{left:-65px}
#atc01 .arrow.next{right:-65px}
}
@media (max-width:1024px){
#atc01 .swiper-slide a{padding:30px}
#atc01 .swiper-slide a p{font-size:17px;margin:12px 0 2px}
}
@media (max-width:930px){
#atc01 .atc01_wrap{flex-direction:column;align-items:center;text-align:center;height: 390px;}
#atc01 .atc01_wrap .slide_tit{width:100%;padding:20px 0 0 0 }
#atc01 .atc01_wrap .slide_tit .eng_tit{margin-bottom:0}
#atc01 .atc01_wrap .slide_tit .product_txt{white-space:normal}
#atc01 .atc01_wrap .atc01_slide{width:calc(100% - 160px);margin:20px auto}
#atc01 .swiper-slide a{padding:20px 10px}
#atc01 .swiper-slide a .br{padding:0 10px;white-space:normal;word-break:keep-all;line-height:1.45}
#atc01 .arrow{top:30px}
#atc01 .slide_wrap{height:390px}
#atc01 .swiper-slide a div div{width: 55%;padding-right: 10px;}
#atc01 .swiper-slide a div img{width: 45%;height: auto;}
}
@media (max-width:580px){
#atc01 .atc01_wrap{width:100%;margin:0;border-radius:20px}
#atc01 .atc01_wrap .atc01_slide{width:100%}
#atc01 .arrow.prev{display:none}
#atc01 .arrow.next{display:none}
}
@media (max-width:480px){
#atc01{margin:-157px auto 0}
#atc01 .atc01_wrap .slide_tit .product_txt{white-space:pre-line}
#atc01 .atc01_wrap .slide_tit .eng_tit{font-size:25px}
}