@charset "utf-8";

#atc02{position:relative;width:100%}
#atc02_wrap{position:relative;width:1058px;height:505px;margin:0 auto;background-color:#f5f5f5}
#atc02:after{display:block;content:"";position:absolute;right:0;top:0;z-index:-1;width:25%;height:100%;background-color:#f5f5f5}

#atc02 .img {position:absolute;top:-70px;left:-425px;z-index:2}

#atc02 .cont{position:relative;height:100%;padding:95px 0 0 560px;border-right:1px solid #e1e1e1;font-size:16px;color:#444}
#atc02 .cont:after{display:block;content:"WASH HOUSE";position:absolute;left:0;top:230px;z-index:1;width:280px;height:130px;margin-left:-140px;font-size:18px;font-weight:700;line-height:130px;text-align:center;color:#fff;letter-spacing:1px;background-color:#0091d7;font-family:'Raleway', sans-serif}
#atc02 .cont .tit{font-size:48px;font-weight:100;color:#222;font-family:'Raleway', sans-serif}
#atc02 .cont .tit:after{display:inline-block;content:"";width:8px;height:8px;border-radius:8px;background-color:#a201ff}
#atc02 .cont strong{display:block;padding:15px 0 23px;font-size:17px;font-weight:normal;color:#222;font-family:'notokr-medium'}
#atc02 .cont a{display:inline-block;position:relative;margin-top:35px;font-size:13px;font-weight:600;letter-spacing:.5px;color:#222;font-family:'Raleway', sans-serif}
#atc02 .cont a:before{display:block;content:"";position:absolute;left:50%;top:50%;z-index:0;width:0;height:1px;margin-left:-65%;background-color:#a201ff;-webkit-transition:width .3s;transition:width .3s}
#atc02 .cont a:hover:before{width:130%}
#atc02 .cont .deco{display:block;content:"";position:absolute;top:0;right:-21px; top:-35px;width:41px;height:0;border:6px solid #a201ff;opacity:0}
#atc02 .cont .deco:before{position:absolute;left:0px;top:48px;content:"Greeting";font-size:13px;font-weight:600;letter-spacing:1px;color:#222;opacity:0;font-family:'Raleway', sans-serif}

#atc02 .cont.active .deco{height:95px;opacity:1;-webkit-transition:height 1s .3s, opacity 2s .3s;transition:height 1s .3s, opacity 2s .3s}
#atc02 .cont.active .deco:before{left:-90px;opacity:1;-webkit-transition:left 1s .3s;transition:left 1s .3s}
#atc02 .cont.active:after{top:440px;-webkit-transition:top .7s .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition:top .7s .3s cubic-bezier(0.165, 0.84, 0.44, 1)}