@charset "utf-8";

#atc03{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:40px 0;font-size:15px;line-height:1.5}
#atc03 .bnr_slider{position:relative;width:100%;height:370px;border-radius:10px;text-align:center}
#atc03 .bnr_slider.pc{display:block}
#atc03 .bnr_slider.mobile{display:none}
#atc03 .bnr_slider li{overflow:hidden;display:flex;align-items:center;justify-content:center}
#atc03 .bnr_slider li a{display:block;width:100%}
#atc03 .bnr_slider li button{display:block;width:100%;height:100%;background:none;border:none}
#atc03 .bnr_slider li .img{width:100%;height:370px !important;background-repeat:no-repeat;background-position:center}
#atc03 .bnr_slider .inner span{display:inline-block;padding:5px 20px;border-radius:50px;font-weight:700;color:#fff;background:var(--point)}
#atc03 .bnr_slider .inner p{margin:20px 0 40px;font-size:35px;font-weight:300;line-height:1.3;color:#fff;white-space:pre-line}
#atc03 .bnr_slider .inner p b{font-weight:700}
#atc03 .bnr_slider .inner div{color:rgba(255,255,255,.5)}
#atc03 .bnr_slider .pager{position:absolute;top:50%;left:50px;z-index:10;width:8px}
#atc03 .bnr_slider .pager span{width:8px;height:8px;opacity:.3;background:#fff}
#atc03 .bnr_slider .pager span+span{margin-top:10px}
#atc03 .bnr_slider .pager .on{opacity:1}

#atc03 .cont_box{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;padding:40px 0}
#atc03 .cont_box li{position:relative;display:flex;border:1px solid #e1e1e1;border-radius:10px;background:#f2f2f2}
#atc03 .cont_box li.rent{display:none}
#atc03 .cont_box a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:25px 50px;}
#atc03 .cont_box li .inner>p{padding-bottom:20px;font-size:30px;font-weight:700;color:#111}
#atc03 .cont_box li .go_btn{overflow:hidden;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 25px;border:2px solid var(--primary);border-radius:50px;font-weight:700;color:var(--primary);transition:all .3s}

#atc03 .gall li{overflow:hidden;height:192px;border-radius:5px}
#atc03 .gall li .img_area{display:flex;align-items:center;height:192px}
#atc03 .gall li img{width:100%}
#atc03 .gall .pager{margin-top:30px;text-align:center}
#atc03 .gall .pager span{width:10px;height:10px;border-radius:50px;opacity:.3;background:var(--primary);transition:all .3s}
#atc03 .gall .pager .on{padding:0 10px;opacity:1}
#m_banner{display:none;margin-bottom:30px;order:2}
#m_banner .bnr_slider li div{height:150px;background-size:cover;background-position:center;}
#m_banner .bnr_slider li button{display:block;width:100%;height:100%;background:none;border:none}
/* 모바일 호버 X */
@media (hover: hover) {
#atc03 .cont_box a:hover .go_btn{color:#fff;background:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#atc03{padding:40px 10px}
#atc03 .cont_box{gap:20px}
#atc03 .cont_box a{padding:30px}
#atc03 .cont_box li .inner>p{font-size:22px}
#atc03 .cont_box li .go_btn{padding:10px 20px}
#atc03 .cont_box a img{position:absolute;right:30px;bottom:30px;width:160px}
#atc03 .cont_box li:nth-child(2) img{width:130px}
}
@media (max-width:768px){
#atc03{padding:35px 10px 40px}
#atc03 .cont_box{display:block}
#atc03 .bnr_slider.pc{display:none}
#atc03 .bnr_slider.mobile{display:block}
#atc03 .cont_box a{flex-wrap:wrap}
#atc03 .cont_box li+li{margin-top:10px}
#atc03 .cont_box li .inner>p{font-size:20px}
#atc03 .up_bnr{display:none}
#m_banner{display:block}
}
@media (max-width:480px){
#atc03{order:3;padding:0 10px 50px}
#atc03 .cont_box{padding:0 0 50px}
#atc03 .cont_box a{display:block;padding:25px}
#atc03 .cont_box li.rent{display:block}
#atc03 .cont_box li:nth-child(3) img{width:130px}
#atc03 .cont_box li .go_btn{gap:5px;padding:5px 18px;font-size:14px}
#atc03 .gall .pager{margin-top:0}
#atc03 .gall li .img_area{overflow:hidden;display:block;height:165px}
#atc03 .cont_box a img{width:20% !important}
#atc03 .gall li{height:125px}
#atc03 .gall .pager{margin-top:20px}
}
/* 반응형 [e] */