@charset "utf-8";

#atc01{position:relative;width:100%;height:500px}
#atc01_wrap{position:relative;top:0;width:1120px;height:520px;margin:0 auto;opacity:0}
#atc01_wrap:after{display:block;content:"";visibility:hidden;clear:both}

/* 카운트 */
#atc01_wrap .count{position:absolute;left:0;top:0;width:400px;height:65px;line-height:65px;background-color:rgba(41,107,198,.8);opacity:0}
#atc01_wrap .count:before{display:block;content:"";position:absolute;left:50%;top:22px;width:1px;height:22px;background-color:rgba(255,255,255,.2)}
#atc01_wrap .count dl{overflow:hidden;width:100%}
#atc01_wrap .count dl dt, #atc01_wrap .count dl dd{float:left;color:#fff}
#atc01_wrap .count dl dt{width:20%;padding-right:15px;font-size:12px;text-align:right;text-transform:uppercase;color:#aab9d4;letter-spacing:.1px;font-family:notokr-medium}
#atc01_wrap .count dl dd{width:29%;font-size:22px;font-weight:700;font-family:'Roboto', sans-serif}
#atc01_wrap .count dl dt.total{}

/* 공통 */
#atc01_wrap > div{float:left}
#atc01_wrap > div h3{color:#fff;font-family:notokr-light}
#atc01_wrap > div h3 span{font-family:notokr-bold}

/* 자세히보기 버튼 */
#atc01_wrap .more_btn{display:inline-block;position:relative;padding-right:24px;font-size:13px;line-height:1;letter-spacing:.1px;color:#787878;transition:all .2s;font-family:notokr-medium}
#atc01_wrap .more_btn .arr_wrap{position:absolute;top:0;right:0;bottom:0;width:15px}
#atc01_wrap .more_btn .arr{display:inline-block;position:absolute;top:50%;left:0;width:0;height:1px;margin-top:-1px;background:#296bc6;transition:width .3s}
#atc01_wrap .more_btn .arr:after, #atc01_wrap .more_btn .arr:before{content:'';position:absolute;top:0;width:1px;height:0;background:#296bc6;transition:height .3s}	
#atc01_wrap .more_btn .arr:before{right:-1px;transform:rotate(135deg);transform-origin:top left;top:0}
#atc01_wrap .more_btn .arr:after{right:0;transform:rotate(45deg);transform-origin:top right;top:1px}

/* 실시간 견적문의 */
#atc01_wrap .box01{overflow:hidden;position:relative;width:400px;height:500px;padding:55px 40px 0;font-size:16px;color:#aaa;background:url(/sh_img/make24/include_01/img/box01_bg.jpg) no-repeat}
#atc01_wrap .box01:after{display:block;content:"";position:absolute;left:0;bottom:0;width:0;height:7px;background-color:#296bc6;transition:width .4s}
#atc01_wrap .box01:hover:after{width:100%}
#atc01_wrap .box01 h3{margin-bottom:8px;font-size:25px;font-family:notokr-bold}
#atc01_wrap .box01 h3 span{font-size: 28px;color: #cf0a2c;}
#atc01_wrap .box01 a{position:absolute;bottom:20px;width:80%;padding:20px;border:1px solid #fff;color:#fff;text-align:center;}
#atc01_wrap .box01 a:hover{background-color: rgba(225, 225, 225, 0.5);transition: 0.5s;}
#atc01_wrap .box01 .inquire_wrap{padding:17px 28px 15px;background-color:rgba(0,0,0,.45)}
#atc01_wrap .box01 .inquire{overflow:hidden;}
#atc01_wrap .box01 .inquire ul{overflow:hidden}
#atc01_wrap .box01 .inquire ul li{position:absolute;padding-left:22px;border-bottom:1px dotted #555;font-size:14px;color:#d2d2d2;line-height:42px;transition:all .2s}
#atc01_wrap .box01 .inquire ul li:last-child{border-bottom:none}
#atc01_wrap .box01 .inquire ul li:before{display:block;content:"";position:absolute;left:10px;top:21px;width:2px;height:2px;background-color:#fff}
#atc01_wrap .box01 .inquire ul li:hover{background-color:rgba(255,255,255,.1)}

/* 손비처리기준 */
#atc01_wrap .box01 .cont{margin-top:50px}
#atc01_wrap .box01 .cont p{margin-top:22px}
#atc01_wrap .box01 .cont p a{display:inline-block;position:relative;width:120px;height:45px;margin-right:3px;font-size:14px;line-height:45px;text-align:center;color:#fff}
#atc01_wrap .box01 .cont p a:after{display:block;content:"";position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.3)}
#atc01_wrap .box01 .cont p a span{position:relative;z-index:2}
#atc01_wrap .box01 .cont p a:before{display:block;content:"";position:absolute;z-index:1;width:0;height:100%;background-color:#fff;opacity:1;transition:all .3s}
#atc01_wrap .box01 .cont p a:hover{color:#000;font-family:notokr-medium}
#atc01_wrap .box01 .cont p a:hover:before{width:100%}
#atc01_wrap .box01 p{padding-top: 15px;}

/* 적합한 새차*/
#atc01_wrap .box02{position:relative;z-index:1;width:720px;height:260px;background:url(/sh_img/make24/include_01/img/box02_bg.jpg) 0 no-repeat;transition:background-position .2s}
#atc01_wrap .box02:hover{background-position:-20px}
#atc01_wrap .box02 a{position:relative;display:block;height:100%;padding:10px 0 0 40px}
#atc01_wrap .box02 img {position:absolute;left:35px;top:99px;width:85px}
#atc01_wrap .box02 h4{margin-bottom:20px;font-size:22px;color:#fff}
#atc01_wrap .box02 h4 span{color:#ffc600}
#atc01_wrap .box02 h3{font-size:27px;line-height:34px}
#atc01_wrap .box02 p{margin-bottom:50px;color: #fff;}
#atc01_wrap .box02:hover .arr{width:20px;transition-delay:0}
#atc01_wrap .box02:hover .more_btn{color:#fff}
#atc01_wrap .box02:hover .arr:after,#atc01_wrap .box02:hover .arr:before{height:7px;transition-delay:.3s}

/* 저렴할 수 밖에 없는 이유 */
#atc01_wrap .box03{position:relative;width:360px;height:240px;background:url(/sh_img/make24/include_01/img/box03_bg.jpg) no-repeat}
#atc01_wrap .box03 h3{margin-bottom:10px;font-size:27px;color:#222;line-height:34px}
#atc01_wrap .box03 a{display:block;height:100%;padding:35px 40px 0}
#atc01_wrap .box03 .more_btn{position:absolute;right:10px;bottom:25px;color:#888}
#atc01_wrap .box03 .more_btn .arr{background:#296bc6}
#atc01_wrap .box03 .more_btn .arr:after, #atc01_wrap .box03 .more_btn .arr:before{background:#296bc6}	
#atc01_wrap .box03:hover .arr{width:20px;transition-delay:0}
#atc01_wrap .box03:hover .more_btn{right:30px;color:#222}
#atc01_wrap .box03:hover .arr:after,#atc01_wrap .box03:hover .arr:before{height:7px;transition-delay:.3s}

/* 소개, 피해사례 */
#atc01_wrap .box04{overflow:hidden;position:relative;width:360px;height:120px}
#atc01_wrap .box04:before{display:block;content:url(/sh_img/make24/include_01/img/box04_bg.jpg) ;position:absolute;left:0;top:0;z-index:-1;transform:scale(1.1,1.1)}
#atc01_wrap .box04:hover:before{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)}
#atc01_wrap .box04 a{display:block;height:100%;padding:10px 0 0 20px}
#atc01_wrap .box04 h3{font-size:24px;line-height:31px}
#atc01_wrap .box04 .more_btn{position:absolute;right:10px;bottom:25px;color:#ccc}
#atc01_wrap .box04 .more_btn .arr{background:#fff}
#atc01_wrap .box04 .more_btn .arr:after, #atc01_wrap .box04 .more_btn .arr:before{background:#fff}	
#atc01_wrap .box04:hover .arr{width:20px;transition-delay:0}
#atc01_wrap .box04:hover .more_btn{right:30px;color:#fff}
#atc01_wrap .box04:hover .arr:after,#atc01_wrap .box04:hover .arr:before{height:7px;transition-delay:.3s}
#atc01_wrap .box05{height:120px}
#atc01_wrap .box05:before{content:url(/sh_img/make24/include_01/img/box05_bg.jpg)}