@charset "utf-8";

#atc02{overflow:hidden;position:relative;width:100%;font-size:15px}
#atc02 .inner{max-width:1200px;margin:0 auto} 
#atc02 .r_cont{overflow:hidden;position:relative;padding:50px 0;background:#e4f2ff}
#atc02 .r_cont .lt_list{width:45%}
#atc02 .r_cont .lt_tit{display:flex;flex-wrap:wrap;width:25%;padding:20px;font-size:20px;font-weight:700;color:#111}
#atc02 .r_cont .lt_tit div{display:flex;align-items:center;gap:3px;margin:0 7px}
#atc02 .r_cont .lt_tit span{padding:3px 7px;border-radius:3px;font-size:15px;color:#fff;background:var(--point)}
#atc02 .r_cont .inq_tit{line-height:1.5;color:#111}
#atc02 .r_cont .inq_tit p{margin-bottom:10px;font-size:30px;font-weight:700}
#atc02 .r_cont .inq_lt{display:flex;justify-content:space-between;color:#111}
#atc02 .r_cont .move_list{overflow:hidden;width:100%;height:310px;font-weight:600}
#atc02 .r_cont .move_list li{display:flex;align-items:center;text-align:center}
#atc02 .r_cont .move_list .sort{display:inline-block;width:150px;margin-right:5px;padding:3px 10px;border-radius:50px;font-size:13px;font-weight:700;color:var(--primary);background:#e5f0fe}
#atc02 .r_cont .m_lt{display:block;width:100%}
#atc02 .r_cont .m_lt a{display:block;width:125px;padding:3px 10px;border-radius:3px;font-size:13px;color:#fff;background:#050548}
#atc02 .r_cont .inq_bg{width:100%;padding:20px;border-radius:10px;background:#fff}
#atc02 .r_cont svg{width:15px}
#atc02 .r_cont .move_list li div{display:flex;gap:5px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#atc02 .r_cont .move_list li .start{width:95px}
#atc02 .r_cont .move_list li .end{width:95px}

#atc02 .r_cont .flow-text{display:flex;flex:0 0 auto;white-space:nowrap;transition:0.3s}
#atc02 .r_cont .flow-wrap{display:flex;animation:textLoop2 150s linear infinite;padding-right:10px}

#atc02_new{width:1100px;margin:60px auto}
#atc02_new .tit{font-weight:700;font-size:35px;text-align:center;color:#111}
#atc02_new .tit span{color:var(--primary)}
#atc02_new .s_tit{margin:10px 0 30px;font-weight:500;font-size:17px;line-height:26px;text-align:center;color:#111}
#atc02_new ul{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
#atc02_new ul li{flex:1 1 0}
#atc02_new ul li button{display:block;width:100%;padding:25px 10px;background:#fff;border:1px solid #e1e1e1;border-radius:20px;box-shadow:2px 2px 9px rgba(0,0,0,0.1)}
#atc02_new ul li button:hover{border-color:#0c78e8;background:#e4f2ff}
#atc02_new ul li img{width:120px}
#atc02_new ul li .name{margin:7px 0;font-weight:700;font-size:20px;color:#111}
#atc02_new ul li .blue{font-size:14px;color:var(--primary)}
#atc02_new ul li .blue br{display:none}

@keyframes textLoop2{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}
#atc02 .inq_area{width:50%}
#atc02 .inq_area .cs{display:flex;margin-top:41px;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;letter-spacing:-0.5px;color:#333}
#atc02 .inq_area .tit{font-size:27px;font-weight:700}
#atc02 .inq_area .tel{margin-top:-16px;font-size:50px;font-weight:700;line-height:normal;color:var(--primary);letter-spacing:0;font-family:'Poppins'}
#atc02 .inq_area .time{display:block}
#atc02 .inq_area dl{display:flex}
#atc02 .inq_area dt{width:120px}
#atc02 .inq_area .guide .tit{margin-top:70px;text-align:center}
#atc02 .inq_area .guide div{overflow:hidden;margin-top:10px}
#atc02 .inq_area .guide a{float:left;position:relative;width:49%;margin-right:2%;padding:0 20px;border-radius:5px;font-weight:600;font-size:16px;line-height:46px;color:#fff;background-color:var(--primary);font-family:'Pretendard'}
#atc02 .inq_area .guide a:last-child{margin-right:0}
#atc02 .inq_area .guide a svg{position:absolute;top:50%;right:20px;width:20px;margin-top:-10px;font-size:20px}

/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .r_cont .flow-text:hover{color:#111}
#atc02 .r_cont .flow-text:hover .flow-wrap{animation-play-state:paused;cursor:pointer}
}
/* 반응형 [s] */
@media (max-width:1100px){
    #atc02_new{width:100%;padding:0 20px}
}
@media (max-width:1150px){
    #atc02 .inq_area{width:55%}
    #atc02 .inq_area .tel{font-size:48px}
}
@media (max-width:1024px){
#atc02{display:block}
#atc02 .r_cont{padding:40px 10px}
#atc02 .r_cont .inq_lt{gap:50px}
#atc02 .r_cont .lt_list{width:50%}

#atc02 .inq_area .cs img{width:45%}
#atc02 .inq_area .tel{font-size:38px}
}
@media (max-width:768px){
#atc02_new ul li button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
#atc02_new ul li button:hover{border-color:#e1e1e1;background:#fff}
#atc02 .r_cont .inq_tit{display:flex;justify-content:center;align-items:center;gap:30px;margin:0;margin-bottom:15px;text-align:center;line-height:1.5}
#atc02 .r_cont .inq_area{flex-wrap:wrap;justify-content:center;gap:30px;padding:20px 0 0}
#atc02 .r_cont .inq_lt{display:block;margin-bottom:20px}
#atc02 .r_cont .lt_tit{width:100%;justify-content:center}
#atc02 .r_cont .inq_tit p{margin-bottom:0;font-size:25px}
#atc02 .r_cont .inq_area .inq_tit img{width:220px}
#atc02 .r_cont .move_list{width:100%}
#atc02 .r_cont .lt_list{width:100%}
#atc02 .r_cont .move_list{height:250px}
#atc02 .r_cont .inq_tit p{font-size:25px}
#atc02 .inq_area .cs{justify-content:center}
#atc02 .inq_area .cs>div{margin-left:20px}
#atc02 .inq_area .tit{font-size:25px}
#atc02 .inq_area{width:100%}
#atc02 .inq_area dt{width:100px;margin-top:0}
#atc02 .inq_area .guide{display:none}
}
@media (max-width:480px){
#atc02 .r_cont{padding-bottom:0}
#atc02 .r_cont .inq_tit p{display:none}
#atc02 .r_cont .lt_tit{width:100%;justify-content:space-between}
#atc02 .r_cont .flow-wrap{display:none}
#atc02 .r_cont .move_list{height:185px}
#atc02 .r_cont .inq_bg{padding:10px}
#atc02 .r_cont .move_list li span{display:none}
#atc02 .r_cont .move_list .sort{font-size:12px}
#atc02 .r_cont .inq_tit{display:none}
#atc02 .inq_area .cs{margin-top:0;font-size:14px}
#atc02 .inq_area .cs img{width:120px}

#atc02 .r_cont .move_list li .start{width:auto}
#atc02 .r_cont .move_list li .end{width:auto}
#atc02_new{margin:40px 0}
#atc02_new .tit{font-size:27px}
#atc02_new .s_tit{font-size:15px}
#atc02_new ul{gap:10px}
#atc02_new ul li .name{font-size:17px}
#atc02_new ul li .blue{word-break:keep-all}
#atc02_new ul li .blue br{display:block}
#atc02_new ul li{flex:1 1 40%}
#atc02_new ul li img{width:90px}
}
@media (max-width:415px){
#atc02 .r_cont .move_list .sort{font-size:11px}
#atc02 .r_cont .move_list li{font-size:13px}
#atc02 .r_cont .m_lt a{width:100px;font-size:12px}
#atc02 .inq_area .tel{font-size:30px}
#atc02 .inq_area dt{width:75px}
#atc02 .inq_area .tit{font-size:22px}
#atc02 .inq_area .tel{margin-top:-13px}
#atc02_new .tit{font-size:25px}
}
/* 반응형 [e] */