@charset "utf-8";

/* atc01 */
#atc01 .inner{position:relative;z-index:1;display:flex;max-width:1400px;height:400px;margin:65px auto 0}

/* 수업 로드맵 */
#atc01 .latest{display:flex;flex-flow:column;width:75%;}
#atc01 .latest .tit_area{display:flex;align-items:center;padding:40px 55px}
#atc01 .latest .tit_area a{font-size:17px;color:#777;font-family:'Pretendard'}
#atc01 .latest .tit_area .tit{margin-right:15px;font-size:26px;color:#111;font-family:'EstablishRetrosans'}
#atc01 .latest .tit_area .control{display:flex;align-items:center;position:relative;margin-left:auto;font-size:25px}
#atc01 .latest .tit_area .control span{width:30px;text-align:center;cursor:pointer}
#atc01 .latest .tit_area .control span+span{margin-left:20px}
#atc01 .latest .tit_area .control:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:11px;content:'';background:#ccc}
#atc01 .latest .late_wrap{flex-grow:1}
#atc01 .latest .late_slide {height:100%}
#atc01 .latest .late_slide ul li a{display:flex;flex-flow:column;align-items:flex-start;word-break:keep-all;height:100%;padding:50px;color:#777;background:#fff;transition:all .2s}
#atc01 .latest .late_slide ul li a .subj{margin-bottom:15px;font-size:20px;font-weight:700;color:#111}
#atc01 .latest .late_slide ul li a span{margin-top:auto;font-size:14px;padding:10px 20px;border-radius:30px;color:#111;background:#f1f2f4;transition:all .2s;font-family:'EstablishRetrosans'}

/* 입시리포트 */
#atc01 .report{position:relative;width:25%;padding:40px 45px 55px;background:var(--primary);color:#fff;font-family:'Pretendard'}
#atc01 .report .tit_sub{display:flex;flex-flow:column;justify-content: center;align-items: center;position:absolute;top:-30px;right:25px;width:95px;height:95px;padding-bottom:2px;border-radius:100%;font-size:15px;line-height:1.4;background:var(--dark);font-family:'EstablishRetrosans'}
#atc01 .report .tit_sub span{color:var(--second)}
#atc01 .report .tit{margin-bottom:25px;font-size:22px;color:#fff;font-family:'EstablishRetrosans'}
#atc01 .report ul li+li{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}
#atc01 .report ul li a{display:block}
#atc01 .report ul li .cate{font-size:15px;font-weight:700;color:var(--second)}
#atc01 .report ul li p{overflow:hidden;margin-bottom:6px;font-size:17px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:#fff;transition:all .2s}
#atc01 .report ul li .date{font-size:13px;font-weight:500;color:rgba(255,255,255,.4)}
#atc01 .report .more_btn{position:absolute;left:0;bottom:0;display:block;width:100%;height:55px;font-size:13px;text-align:center;line-height:55px;font-weight:700;color:rgba(255,255,255,.6);background:rgba(0,0,0,.2);transition:all .2s} 

/* 모바일 호버 X */
@media (hover: hover) {
#atc01 .latest .late_slide ul li a:hover{background:#f1f2f4}
#atc01 .latest .late_slide ul li:hover a span{color:#fff;background:var(--primary)}
#atc01 .report .more_btn:hover{color:#fff;background:rgba(0,0,0,.4)}
}

/* 반응형 [s] */
@media (max-width:1230px){
#atc01 .latest .late_slide ul li a{padding:50px 30px}
#atc01 .latest .tit_area{padding:40px 30px}
#atc01 .report{padding:40px 30px 55px}
}
@media (max-width:1024px){
#atc01 .inner{margin-top:55px}
#atc01 .latest{width:65%}
#atc01 .latest .tit_area{padding:40px 20px 0}
#atc01 .latest .tit_area a{font-size:15px}
#atc01 .latest .tit_area .tit{display:block;font-size:23px}
#atc01 .latest .late_slide ul li a .subj{font-size:18px}
#atc01 .latest .late_slide ul li a{padding:50px 20px}
#atc01 .report{width:35%}
#atc01 .report .tit_sub{top:-15px;right:20px;width:85px;height:85px;font-size:13px}
#atc01 .report ul li p{font-size:16px}
}
@media (max-width:768px){
#atc01 .inner{display:block;height:auto;margin-top:0}
#atc01 .latest{width:100%}
#atc01 .latest .tit_area{padding:45px 15px 0}
#atc01 .latest .late_slide ul li a{padding:50px 30px}
#atc01 .latest .late_slide ul li a span{margin-top:15px}
#atc01 .report{width:100%;padding:45px 15px 55px}
#atc01 .report .tit_sub{z-index:10}
#atc01 .report .tit{margin-bottom:10px}
#atc01 .report ul li{padding:30px 15px !important}
#atc01 .report ul li+li{margin-top:0}
}
@media (max-width:480px){
#atc01 .latest .tit_area .tit{font-size:20px}
#atc01 .latest .tit_area a{font-size:14px}
#atc01 .latest .late_slide ul li a{padding:50px 15px}
#atc01 .latest .late_slide ul li a span{font-size:13px}
#atc01 .latest .late_slide ul li a .subj{margin-bottom:10px;font-size:16px}
#atc01 .report .tit_sub{width:95px;height:95px;font-size:14px}
#atc01 .report .tit{font-size:20px}
#atc01 .report ul li p{font-size:15px}
}
@media (max-width:380px){
#atc01 .latest .tit_area .tit{font-size:18px}
#atc01 .latest .tit_area .control span{width:25px}
#atc01 .report .tit{font-size:18px}
}
/* 반응형 [e] */