@charset "utf-8";

/* 공지사항, 금융소식 */
#atc07{width:100%}
.atc07_wrap{display:flex;max-width:1204px;z-index:10;margin:0 auto 40px}
#atc07 .index01{width:50%}
#atc07 .box1{margin-right:50px}
#atc07 .tit{display:block;position:relative;padding-bottom:40px;font-size:20px;color:#333;font-family:'notokr-bold'}
#atc07 .tit:before{position:absolute;width:100%;height:2px;left:0;bottom:15px;content:'';background:#090097}
#atc07 .tit span{display:block;float:right;width:35px;height:35px;border-radius:3px;border:1px solid #e1e1e1;text-align:center;color:#090097;background:#fff}
#atc07>div ul li{padding:15px 25px 30px 0}
#atc07>div ul li:nth-child(2){padding-top:30px}
#atc07>div ul li a{display:flex;align-items:center}
#atc07>div ul .sh_date{flex-shrink:0;width:76px;height:76px;margin-left:30px;padding-top:10px;border-radius:5px;border:1px solid #ddd;text-align:center;color:#fff}
#atc07>div ul .sh_date .day{font-size:25px;font-weight:700;color:#090097;font-family:'Poppins',sans-serif}
#atc07>div ul .sh_date .day_02{display:block;margin-top:-5px;font-size:13px;opacity:.5;color:#6a6a6a;font-family:'Poppins',sans-serif}
#atc07>div ul .txt_wrap{width:calc(100% - 76px);padding-left:20px;word-break:keep-all}
#atc07 .index01 ul li:nth-child(1){border-bottom:1px solid #ddd}
#atc07>div ul .sh_notice{margin-bottom:7px;font-size:14px;color:#333;font-family:'notokr-medium'}
#atc07>div ul .sh_contents{line-height:24px;font-size:14px;color:#666;opacity:0.8;font-family:'notokr-regular'}

@media (hover:hover){
#atc07>div ul li a:hover .sh_date{transition: all .3s;background:#090097}
#atc07>div ul li a:hover .sh_date .day, #atc07>div ul li a:hover .sh_date .day_02{color:#fff}
}
@media (max-width:1200px){
#atc07{padding:0 20px}
#atc07>div ul li{padding:15px 15px 30px 0}
}
@media (max-width:1024px){
.atc07_wrap{flex-direction:column}
#atc07 .index01{width:100%}
#atc07 .box1{margin:0 0 30px 0}
#atc07>div ul .txt_wrap{word-break: keep-all;}
}
@media (max-width:1024px){
.atc07_wrap{margin:0 auto 30px}
#atc07>div ul .sh_date{margin-left:10px}
}
@media (max-width:768px){
#atc07>div ul .sh_date{margin:0}
#atc07>div ul .sh_notice{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:480px){
.atc07_wrap{margin:0 auto}
}