@charset "utf-8";

#atc01{float:right}
#atc01 .left{float:left;margin-right:14px}
#atc01 .right{float:left}
#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;margin-top:8px;font-size:12px;font-weight:700;color:#999;transition:all .3s;font-family:'Play',sans-serif}
#atc01 .box .tit_area a:hover{color:#666}

#atc01 .box01{width:342px;height:276px;margin-bottom:20px;background-color:#055bb2;font-family:'Play',sans-serif}
#atc01 .box01 .tit{float:none;margin-bottom:24px;color:#fff;font-weight:700;font-family:'notokr-bold'}
#atc01 .box01 .txt{margin-bottom:20px;font-size:14px;letter-spacing:-.3px;line-height:1.8;color:#e6e6e6;font-family:'notokr-regular'}
#atc01 .box01 .tel{font-size:35px;font-weight:700;color:#fff;text-align:center}
#atc01 .box01 .etc{margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1;font-weight:600;line-height:1.4;color:#e6e6e6;text-align:center}
#atc01 .box02{width:342px;height:290px}
#atc01 .box02 .tit_area{position:relative}
#atc01 .box02 .tit_area .tit{float:none;margin-bottom:50px;color:#222}
#atc01 .box02 .tit_area a{float:none}
#atc01 .box02 div+div{margin-top:15px;padding-top:15px;border-top:1px dashed #e1e1e1}
#atc01 .box02 img{position:absolute;top:9px;right:14px}
#atc01 .box02 div+div img{top:30px}

#atc01 .box03{width:327px;height:276px;padding:0;margin-bottom:20px;font-size:14px;color:#777}
#atc01 .box03 a{display:block;position:relative;height:100%;padding:30px 0 0 32px}
#atc01 .box03 .cont{float:left}
#atc01 .box03 .cont .tit{float:none;margin-bottom:24px;color:#222;font-weight:700;font-family:'Play',sans-serif}
#atc01 .box03 .cont .txt{margin-bottom:30px;color:#777;line-height:22px;letter-spacing:-.5px}
#atc01 .box03 .cont .ceo{color:#777}
#atc01 .box03 .cont .ceo span{margin-left:4px;color:#333;font-size:18px;font-family:'notokr-bold'}
#atc01 .box03 .img{position:absolute;bottom:17px;right:-24px}
#atc01 .box03 a>p{position:absolute;background-color:#2197f4;opacity:.15}
#atc01 .box03 .square_l{right:50px;top:48px;width:70px;height:70px;border-radius:12px;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
#atc01 .box03 .square_s{right:175px;bottom:100px;width:18px;height:18px;border-radius:4px;-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);opacity:.2}
#atc01 .box03:hover .square_l{animation:rotate 2s linear infinite;transform-origin:50% 50%}
@-webkit-keyframes rotate{100%{-webkit-transform:rotate(390deg)}}
@keyframes rotate{100%{transform:rotate(390deg)}}
#atc01 .box03:hover .square_s{animation:rotate2 2s linear infinite;transform-origin:50% 50%}
@-webkit-keyframes rotate2{100%{-webkit-transform:rotate(-345deg)}}
@keyframes rotate2{100%{transform:rotate(-345deg)}}

#atc01 .box04{width:327px;height:290px}
#atc01 .box04 .tit_area{margin-bottom:25px}
#atc01 .box04 .img_wrap{overflow:hidden;padding-bottom:22px;margin-bottom:22px;border-bottom:1px dotted #ccc}
#atc01 .box04 .cont li:last-child .img_wrap{border-bottom:0}
#atc01 .box04 .img_wrap .img{float:left;width:107px;height:62px;margin-right:18px;border-radius:3px;background-position:center;background-size:cover}
#atc01 .box04 .img_wrap .cont{float:left;width:calc(100% - 142px);margin-top:5px;font-size:14px;letter-spacing:-.2px;line-height:22px;color:#777;transition:all .3s}
#atc01 .box04 a:hover .img_wrap .cont{color:#222}