@charset "utf-8";
#atc04{position:relative;width:100%;overflow:hidden}
#atc04 .empty{text-align:center;font-size:15px}
#atc04 .info_tit a{display:block;padding:80px 0;text-align:center;border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);color:var(--primary);transition:all .3s}
#atc04 .info_tit a h2{font-size:50px;font-weight:400;font-family:var(--e-font)}
#atc04 .info_tit a p{margin-top:10px;font-size:16px;font-weight:700}
#atc04 .service{display:flex;position:relative;margin:auto;width:80%}
#atc04 .service > div{padding:70px 0 140px;width:50%}
#atc04 .service > div:first-child{padding-right:5%;border-right:1px solid var(--primary)}
#atc04 .service > div:last-child{padding-left:5%}
#atc04 .service h3{font-size:35px;font-weight:400;font-family:var(--e-font);color:var(--primary)}
#atc04 .inc04_slide{overflow:hidden;position:relative;margin-top:30px}
#atc04 .inc04_slide .img_cont{overflow:hidden;width:100%;height:270px}
#atc04 .inc04_slide img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#atc04 .inc04_slide h4, #atc04 .inc04_slide div.clone{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:15px 0 0 5px;width:95%;;font-size:16px;font-weight:700;color:var(--primary)}
#atc04 .inc04_slide .pager{position:relative;top:unset;left:unset;margin-top:50px}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--primary)}
#atc04 .promotion{display:flex;align-items:center;gap:80px;padding:0 0 0 70px}
#atc04 .promotion .tit h3{margin-bottom:50px;font-size:30px;font-family:var(--k-font);}
#atc04 .promotion .tit a{font-size:14px;font-weight:700;color:var(--primary);transition:all .3s}
#atc04 .promotion ul{margin-top:40px}
#atc04 .promotion ul li+li{margin-top:30px}
#atc04 .promotion ul li a{position:relative;display:flex;justify-content:space-between;padding-left:20px;width:100%}
#atc04 .promotion ul li a:after{content:"";position:absolute;top:50%;left:0px;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background-color:var(--primary);transition:all .3s}
#atc04 .promotion ul li a h4{font-size:16px;font-weight:700;color:var(--primary);transition:all .3s} 
#atc04 .promotion ul li a span{font-size:15px;font-weight:400;color:rgb(105,75,64, 0.5);transition:all .3s}
#atc04 .promotion .chat_txt{color:var(--primary)}
#atc04 .promotion .chat_txt .box_txt{display:flex;justify-content:space-between;align-items:baseline;width:325px;margin-bottom:20px;padding:10px 20px;border:2px solid #e4d9cc;border-radius:15px;font-size:17px;font-weight:400;}
#atc04 .promotion .chat_txt .btm_txt{padding-left:10px;font-size:16px;font-weight:600}
#atc04 .promotion .chat_txt .btm_txt:before{content:'';display:inline-block;width:4px;height:4px;margin:-5px 10px 0 0;vertical-align:middle;background:var(--primary);border-radius:100%;}}
#atc04 .promotion .qr_img{display:flex;align-items:center;justify-content:center;width:270px;height:270px;border-radius:100%;background:#ebe1d0}

/* 반응형 [s] */
@media (hover:hover){
#atc04 .info_tit a:hover{color:#fff;background-color:var(--primary)}
#atc04 .inc04_slide li a:hover img{filter:brightness(0.5);transform:scale(1.1)}
#atc04 .promotion .tit a:hover{color:var(--hover-color)}
#atc04 .promotion ul li a:hover:after{background-color:var(--hover-color)}
#atc04 .promotion ul li a:hover h4{color:var(--hover-color)}
#atc04 .promotion ul li a:hover span{color:rgb(51,51,51, 0.5)}
}
@media(max-width:1980px){
#atc04 .inc04_slide .img_cont{height:220px}
}
@media (max-width:1380px){
#atc04 .info_tit a h2{font-size:45px}
#atc04 .service{width:90%}
#atc04 .promotion{flex-direction:column;gap:30px;align-items:flex-start;justify-content:center}
#atc04 .promotion .tit h3{margin-bottom:30px}
}
@media (max-width:1024px){
#atc04 .info_tit a{padding:65px 0}
#atc04 .info_tit a h2{font-size:38px}
#atc04 .info_tit a p{margin-top:5px;font-size:15px}
#atc04 .service{width:95%}
#atc04 .service > div{padding:60px 0 120px}
#atc04 .service > div:first-child{padding-right:2.5%}
#atc04 .service > div:last-child{padding-left:2.5%}
#atc04 .service h3{font-size:28px}
#atc04 .inc04_slide .img_cont{height:160px}
#atc04 .inc04_slide h4, #atc04 .inc04_slide div.clone{font-size:14px}
#atc04 .inc04_slide .pager{margin-top:35px}
#atc04 .promotion ul{margin-top:30px}
#atc04 .promotion ul li a{padding-left:12px}
#atc04 .promotion ul li a h4{font-size:15px}
#atc04 .promotion ul li a span{font-size:14px}
#atc04 .promotion ul li+li{margin-top:20px}
}
@media (max-width:768px){
#atc04 .info_tit a{padding:60px 0}
#atc04 .info_tit a h2{font-size:33px}
#atc04 .service{flex-direction:column;margin:60px auto 100px}
#atc04 .service > div{width:100%}
#atc04 .service > div:first-child{border-right:none;padding:0px}
#atc04 .service > div:last-child{width:100%;padding:0px;margin-top:60px}
#atc04 .service h3{font-size:26px}
#atc04 .inc04_slide{margin-top:25px}
#atc04 .inc04_slide .img_cont{height:210px}
#atc04 .inc04_slide .pager{margin-top:50px}
#atc04 .promotion{align-items:center;padding-left:0;text-align:center}
#atc04 .promotion .chat_txt .box_txt{width:270px;margin-bottom:14px}
#atc04 .promotion .chat_txt .btm_txt{padding-left:0}
#atc04 .promotion .qr_img img{width:80%}
#atc04 .service h3{text-align:center}
/* #atc04 .promotion ul{margin-top:25px} */
}
@media (max-width:480px){
#atc04 .info_tit a{padding:50px 0}
#atc04 .info_tit a h2{font-size:27px}
#atc04 .info_tit a p{margin-top:3px;font-size:14px}
#atc04 .service{margin:50px auto 80px;width:100%}
#atc04 .service h3{font-size:25px;text-align:center}
#atc04 .inc04_slide{margin-top:22px}
#atc04 .inc04_slide .img_cont{height:230px}
#atc04 .inc04_slide h4, #atc04 .inc04_slide div.clone{margin:15px auto 0;text-align:center}
#atc04 .inc04_slide .pager{margin:40px auto 0;width:95%}
#atc04 .promotion .tit{justify-content:center}
#atc04 .promotion .tit a{display:none}
#atc04 .promotion ul{margin-top:40px}
#atc04 .promotion ul li a{flex-direction:column;padding-left:0px;text-align:center}
#atc04 .promotion ul li a:after{display:none}
#atc04 .promotion ul li a span{margin-top:5px}
#atc04 .promotion ul li+li{margin-top:20px;padding-top:25px;border-top:1px solid #e1e1e1}
#atc04 .empty{font-size:14px}
}
@media (max-width:390px){
#atc04 .info_tit a{padding:45px 0}
#atc04 .info_tit a h2{font-size:24px}
#atc04 .info_tit a p{font-size:13px}
#atc04 .service{margin:45px auto 60px}
#atc04 .service h3{font-size:24px}
#atc04 .service > div:last-child{margin-top:55px}
#atc04 .inc04_slide{margin-top:18px}
#atc04 .inc04_slide .img_cont{height:210px}
#atc04 .inc04_slide h4, #atc04 .inc04_slide div.clone{font-size:13px}
#atc04 .inc04_slide .pager{margin-top:35px;height:3px}
#atc04 .promotion .chat_txt .box_txt{width:90%;margin:0 auto 20px}
/* #atc04 .promotion ul{margin-top:30px}
#atc04 .promotion ul li a h4{font-size:14px}
#atc04 .promotion ul li a span{margin-top:3px;font-size:13px} */
#atc04 .empty{font-size:13px}
}
/* 반응형 [e] */