@charset "utf-8";

#atc01{position:relative;width:1280px;margin:0 auto;padding:60px 50px;color:#aaa}
#atc01:after{display:block;content:"";visibility:hidden;clear:both}

/* 아이콘 링크 */
#atc01 ul{float:left}
#atc01 ul li{display:inline-block;position:relative;vertical-align:top}
#atc01 ul li+li{margin-left:40px}
#atc01 ul li a{display:block;padding-left:106px;color:#aaa}
#atc01 ul li .event{opacity:1;position:absolute;left:22px;top:-35px;width:90px;height:35px;border-radius:20px;font-size:13.5px;color:#fff;text-align:center;line-height:37px;background-color:#9b4ddf;-webkit-transition:all .2s;transition:all .2s}
#atc01 ul li .event.flash{opacity:0}
#atc01 ul li .event:after{display:block;content:"";position:absolute;left:20px;bottom:-7px;width:11px;height:8px;background:url(/sh_img/include/inc01/edge.png) no-repeat}
#atc01 ul li .icon{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:86px;height:86px;border-radius:50%;text-align:center;line-height:86px;background-color:#111;-webkit-transition:all .2s;transition:all .2s}
#atc01 ul li p{margin-bottom:10px;font-size:18px;font-weight:700;color:#111}
#atc01 ul li span{display:block;margin-top:10px;font-size:14px;font-weight:700;color:#111}
#atc01 ul li span i{vertical-align:1px;padding-left:20px;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
#atc01 ul li:hover .icon{background-color:#9b4ddf}
#atc01 ul li:hover span i{padding-left:30px}

/* cs */
#atc01 dl{float:right;border-left:1px solid #e1e1e1;padding-left:40px}
#atc01 dl dt{position:relative}
#atc01 dl dt p{display:inline-block;font-size:18px;font-weight:700;color:#111}
#atc01 dl dt span{color:#aaa}
#atc01 dl dt span:before{display:inline-block;content:"";width:1px;height:10px;margin:0 10px;background-color:#ccc}
#atc01 dl dt span b{font-weight:600 ;color:#111}
#atc01 dl dd p {padding:5px 0;font-size:32px;font-weight:900;color:#111;font-family:'Lato'}

#atc01 dl dt .event{opacity:1;position:absolute;left:0;top:-45px;width:90px;height:35px;border-radius:20px;font-size:13.5px;color:#fff;text-align:center;line-height:37px;background-color:#9b4ddf;-webkit-transition:all .2s;transition:all .2s}
#atc01 dl dt .event.flash{opacity:0}
#atc01 dl dt .event:after{display:block;content:"";position:absolute;left:20px;bottom:-7px;width:11px;height:8px;background:url(/sh_img/include/inc01/edge.png) no-repeat}