@charset "utf-8";

#atc01{float:right}
#atc01 .left{float:left;margin-right:14px}
#atc01 .box{padding:30px 32px;border-radius:10px;background-color:#fff}
#atc01 .box .tit_area{overflow:hidden}
#atc01 .box .tit{float:left;font-size:20px;font-family:'notokr-bold'}
#atc01 .box .tit_area a{float:right;font-size:12px;font-weight:700;color:#999;transition:all .3s;font-family:'Play',sans-serif}
#atc01 .box .tit_area a img{transition:all .3s}
#atc01 .box .tit_area a img:hover{margin-right:3px}
#atc01 .box .tit_area i{font-size:22px}
#atc01 .tel{display:block;width:100%;height:40px;line-height:40px;text-align:center;color:#222;font-size:22px;font-weight:700;}

#atc01 .box01{overflow:hidden;width:342px;height:350px;padding:0;margin-bottom:14px}
#atc01 .box01 .sub_box_all{overflow:hidden;padding:30px 32px}
#atc01 .box01 .sub_box_all a:nth-child(1), #atc01 .box01 .sub_box_all a:nth-child(2){border-bottom:1px solid #d7d7d7}
#atc01 .box01 .sub_box_all a:nth-child(odd){border-right: 1px solid #d7d7d7}
#atc01 .box01 .sub_box_all a{display:block;position:relative;float:left;width:50%;height:116px;text-align:center}
#atc01 .box01 .sub_box_all .sub_box{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:100%}
#atc01 .box01 .sub_box_all .sub_box .img{position:relative;z-index:1}
#atc01 .box01 .sub_box_all a:hover .sub_box .img:before{background-color:rgba(204,204,204,.25)}
#atc01 .box01 .sub_box_all .sub_box .img:before{position:absolute;top:50%;left:50%;z-index:-1;-webkit-transition:all 3s;-ms-transition:all 3s;transition:all 3s;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:42px;height:42px;border-radius:50%;background-color:rgba(204,204,204,0);content:'';-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc01 .box01 .sub_box_all .sub_box p{margin-top:6px;font-size:16px;color:#555;font-family:'notokr-medium'}
#atc01 .box01 .link{display:block;position:relative;padding:0 32px;line-height:58px;background-color:#7d9ecd;color:#fff;font-size:16px;font-family:'notokr-medium'}
#atc01 .box01 .link:before,#atc01 .box01 .link:after{display:block;content:"\f0da";position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#atc01 .box01 .link:before{right:42px;opacity:0}
#atc01 .box01 .link:after{right:32px}
#atc01 .box01 .link:hover:before{right:32px;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc01 .box01 .link:hover:after{right:20px;opacity:0}

#atc01 .box02{width:342px;background:#f1fff1}
#atc01 .box02 .tit span{color:#03c75a}
#atc01 .box02 .cont li{overflow:hidden;width:136px !important;border-radius:3px}

#atc01 .box04{width:342px;height:122px;margin-top:10px;text-align:center;color:#fff;background:#1c1637}
#atc01 .box04 .tit_area .tit{float:none;margin-bottom:5px;font-size:16px;font-family:'notokr-medium'}
#atc01 .box04 .tit_area .tel{color:#fff;font-size:28px;font-weight:700;font-family:'Play',sans-serif}