@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}
#atc01 .box02{width:342px;height:290px}

#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:0;right:0}
#atc01 .box03 a>p{position:absolute;background-color:#2197f4;opacity:.15}
#atc01 .box03 .square_l{right:26px;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:168px;bottom:72px;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}