@charset "utf-8";

#atc01{position:relative;width:100%;height:110px;font-family:'notokr-regular'}
#atc01 .tit{font-weight:700;font-family:'Josefin Sans','notokr-bold'}

/* 라테스트 */
#atc01 > div{float:left;position:relative;width:calc(100% / 3);height:100%;line-height:110px}
#atc01 > div:after{display:block;content:"";visibility:hidden;clear:both}
#atc01 .latest{overflow:hidden;position:relative;padding:0 55px;border-right:1px solid #e1e1e1;background-color:rgba(255,255,255,.95)}
#atc01 .latest p{float:left;margin-right:30px;padding-top:2px;font-size:15px}
#atc01 .latest p a{color:#fe5943}
#atc01 .latest ul{float:left}
#atc01 .latest ul li a{color:#222;letter-spacing:-.3px}
#atc01 .latest ul li .subj{font-size:15px}
#atc01 .latest ul li .subj img{vertical-align:2px}
#atc01 .latest ul li .date{position:absolute;right:55px;font-size:14px}

/* 버튼 + 레이어 */
#atc01 .layer{float:left;position:relative;width:320px;height:100%;background-color:rgba(255,255,255,.95)}
#atc01 .layer .trigger{position:relative;z-index:1;font-size:15px;color:#fe5943;text-align:center;-webkit-transition:all .2s;transition:all .2s}
#atc01 .layer .trigger i{padding-left:8px;font-size:12px}
#atc01 .layer .trigger:hover{cursor:pointer}
#atc01 .layer .box{opacity:0;position:absolute;left:0;bottom:-40px;z-index:0;width:100%;height:230px;padding:30px;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}
#atc01 .layer .box.on{opacity:1;bottom:0;z-index:2;-webkit-transition:all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);transition:all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#atc01 .layer .box a{display:block}
#atc01 .layer .box .thum{width:100px;height:100px;background-size: 100%;background-repeat: no-repeat;background-position: center;}
#atc01 .layer .box .txt{position:absolute;left:130px;top:30px;width:160px;padding:15px 0 0 20px;line-height:1.4}
#atc01 .layer .box .txt p{padding-bottom:5px;font-size:12px;color:#fe5943}
#atc01 .layer .box .txt .subj{font-size:13px;color:#222;font-family:'notokr-medium'}
#atc01 .layer .box .txt .date{display:block;padding-top:15px;font-size:12px;color:#222}
#atc01 .layer .box .view_btn{width:100%;height:50px;margin-top:20px;font-size:11px;color:#fff;text-align:center;line-height:51px;background-color:#c6c6c6;-webkit-transition:all .2s;transition:all .2s}
#atc01 .layer .box .view_btn:hover{background-color:#aaa}

/* 바로가기 */
#atc01 .link_btn{float:left;width:calc(100% - 320px);height:100%;padding-left:16px;font-size:15px;color:#fff;text-align:center;background-color:rgba(253,89,67,.95);-webkit-transition:all .2s;transition:all .2s}
#atc01 .link_btn i{position:relative;top:5px;opacity:0;vertical-align:1px;padding-left:8px;font-size:14px;-webkit-transition:all .2s 0s;transition:all .2s 0s}
#atc01 .link_btn:hover{padding-left:0;background-color:#fe5943}
#atc01 .link_btn:hover i{opacity:1;top:0;-webkit-transition:all .2s .1s;transition:all .2s .1s}