@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:var(--primary);content:''}
#atc01 .atc01_wrap{position:relative;display:flex;width: 1580px;height: auto;margin:0 auto;border-radius:15px;background:var(--primary);justify-content: space-between;}
#atc01 .atc01_wrap .slide_tit{flex-shrink:0;width: 400px;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 .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 ul{position: relative;display:grid;grid-template-columns:repeat(4, 1fr);z-index: 9999;overflow:hidden;margin: 42px 0;}
#atc01 ul li{overflow:hidden;position:relative;max-width:285px;width: 276px;height:387px;margin-right:20px;text-align:center;border-radius: 12px;}
#atc01 ul .li04{margin:0}
#atc01 ul .bg{position:absolute;top:0;left:0}
#atc01 ul .bg img{transition:0.3s}
#atc01 ul .bg.on img{transform:scale(1.1)}
#atc01 ul .cont{position:relative;z-index:1}
#atc01 ul .img{margin:49px 0 14px;height: 72px;}
#atc01 ul dt{font-size:22px;line-height:21px;color:#fff;letter-spacing:-0.1px;font-family:'notokr-medium',sans-serif}
#atc01 ul dt:after{display:block;width:1px;height:20px;margin:5px auto 11px;background:#fff;content:""}
#atc01 ul dt span{font-size:13px;color:#97a2b8;letter-spacing:-0.2px;font-family:'Open Sans'}
#atc01 ul dd{font-size:16px;line-height:24px;color:#fff;letter-spacing:-0.1px;font-family:'notokr-regular',sans-serif}
#atc01 ul .more{position:relative;width:129px;height:43px;margin:16px auto 0}
#atc01 ul .more a{display:block;position:relative;width:100%;height:100%;border:1px solid #8b96af;box-sizing:border-box;font-size:15px;line-height:43px;color:#fff;letter-spacing:-0.1px;transition:0.3s;font-family:'notokr-regular',sans-serif}
#atc01 ul .more a:before{display:block;position:absolute;top:0px;left:0px;width:0;height:100%;background:#fff;transition:0.3s;content:""}
#atc01 ul .more a:hover,#atc01 ul .more a:focus{border-color:#fff;color:#0b2458}
#atc01 ul .more a:hover:before,#atc01 ul .more a:focus:before{width:100%}
#atc01 ul .more a span{position:relative;z-index:2}