@charset "utf-8";

#atc02{overflow:hidden;position:relative;width:1120px;height:350px;margin:50px auto 0px}
#atc02:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 .bx-wrapper{position:absolute;right:0;top:0;width:910px}
/* 타이틀 */
#atc02 .tit_area{float:left;padding-top:20px;font-size:15px;color:#777;line-height:22px}
#atc02 .tit_area h3{padding-bottom: 30px; font-size:22px;color:#222;font-family:notokr-bold}
#atc02 .tit_area p{margin:20px 0 25px}
#atc02 .tit_area .more_btn{display:inline-block;position:relative;padding-right:24px;font-size:14px;line-height:1;letter-spacing:.1px;color:#222;transition:all .2s;font-family:notokr-medium}
#atc02 .tit_area .more_btn .arr_wrap{position:absolute;top:0;right:0;bottom:0;width:15px}
#atc02 .tit_area .more_btn .arr{display:inline-block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:-1px;background:#296bc6;transition:width .3s}
#atc02 .tit_area .more_btn .arr:after, #atc02 .tit_area .more_btn .arr:before{content:'';position:absolute;top:0;width:1px;height:0;background:#296bc6;transition:height .3s}	
#atc02 .tit_area .more_btn .arr:before{right:-1px;transform:rotate(135deg);transform-origin:top left;top:0}
#atc02 .tit_area .more_btn .arr:after{right:0;transform:rotate(45deg);transform-origin:top right;top:1px}
#atc02 .tit_area .more_btn:hover{color:#222}
#atc02 .tit_area .more_btn:hover .arr{width:20px;transition-delay:0}
#atc02 .tit_area .more_btn:hover .arr:after,#atc02 .tit_area .more_btn:hover .arr:before{height:7px;transition-delay:.3s}
#atc02 .tit_area .more_btn img{padding-left: 10px;}
#atc02 .tit_area .more_btn:hover img{padding-left:15px;transition: 0.5s;}
/* 리스트 */
#atc02 ul{}
#atc02 ul:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 ul li{height:330px;width:220px!important;border: 1px solid #ddd;border-radius:30px;font-size:14px;color:#777}
#atc02 ul li button{border:none;background:none}
#atc02 ul li h4{padding:0 15px;margin:10px 0 5px;font-size:15px;color:#222;text-align:left;font-family:notokr-medium}
#atc02 ul li .info{padding:5px 0 5px 13px;text-align:left;color:#777}
#atc02 ul li p{overflow:hidden;height:75px;margin:0 auto;padding:0 10px;color:#777;text-overflow:ellipsis}
#atc02 ul li button{padding: 0;width: 100%;}
#atc02 ul li button img{width: 100%;height: 100%;}
#atc02 ul li button .thum{overflow: hidden;width:100%;height:140px;background-size:cover;border-radius: 30px 30px 0 0;}
#atc02 ul li button .thum img{width: 100%;}
#atc02 ul li .star_area{position:absolute;width:100%;bottom:0;left:0;padding:0 15px;border-top:1px dotted #ddd;text-align:right;line-height:35px;box-sizing:border-box}
#atc02 ul li .star_area i{color:#ffc000}