@charset "utf-8";

#atc01{position:relative;top:-40px;width:1200px;margin:0 auto;padding:0px 0 70px;border-radius:10px;background-color:#f4f5f7;}
/* #atc01:before{display:block;content:"";position:absolute;left:0;top:-150px;z-index:-2;width:100%;height:150px;background-color:#f4f5f7} */
#atc01:before{display:block;content:"";position:absolute;left:0;top:0px;z-index:-2;width:100%;height:150px;background-color:#f4f5f7}
#atc01:after{display:block;content:"";position:absolute;left:0;bottom:0;z-index:0;width:100%;height:70px;background-color:#fff}

#atc01 .cal_btn.ev_col{margin:0 auto 50px;background-color:#7705ee}
#atc01 .cal_btn.ev_col:hover{background-color:#8c23f9}
#atc01 .cal_btn .txt p{color:#0c78e8;font-size: 16px;}
#atc01 .cal_btn{display:block;position:relative;width:1200px;padding: 7px 0;margin:0 auto 65px;border-radius:8px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);background-color: #fa695b;color: #fff;font-size: 26px;text-align: center;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s;}
#atc01 .cal_btn:before{display: block;content: "";position: absolute;top:24px;left:50%;margin-left:154px;width:48px;height:19px;background:url('/sh_img/include/inc01/r_arrow.png') no-repeat center top;-webkit-animation:blink .7s ease-in-out infinite alternate; -moz-animation:blink .7s ease-in-out infinite alternate; animation:blink .7s ease-in-out infinite alternate;}
#atc01 .cal_btn.ev_col:before{margin-left: 176px}
#atc01 .cal_btn:hover{background-color:#ff7a6c}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }



/* 2주년특별이벤트 */
#atc01 .wrap_btns{overflow:hidden;margin:0 auto 65px}
#atc01 .wrap_btns .cal_btn{padding:15px 0;margin:50px auto 0;background:url('/sh_img/include/inc01/inc01_cal.png') #fa695b no-repeat 410px 14px;background-size:3%;}
#atc01 .wrap_btns .badge_all{padding:50px;background-color:#263f3d;border-radius:8px}
#atc01 .wrap_btns .badge_all dl:after{display:block;content:'';clear:both}
#atc01 .wrap_btns .badge_all dt{float:left}
#atc01 .wrap_btns .badge_all dt img{display:block;float:left;margin-right:50px;border-radius: 10px;}
#atc01 .wrap_btns .badge_all dt p{float:left;margin-top:20px;;font-size:30px;color:#fff}
#atc01 .wrap_btns .badge_all dt p span{display:block;line-height:36px;color:rgba(255,255,255,.5)}
#atc01 .wrap_btns .badge_all dd{float:right;width:20%;margin: 48px 0;}
#atc01 .wrap_btns .badge_all dd a{display:block;padding:10px;background-color:#71a9a1;border-radius:5px;text-align:center;color:#fff;transition:all .3s}
#atc01 .wrap_btns .badge_all dd a:hover{background-color:#4a857c}
#atc01 .wrap_btns .cal_btn:hover{background-color:#ff7a6c;}
#atc01 .wrap_btns .cal_btn:before{top:unset;bottom:16px}
#atc01 .wrap_btns .room_bnr{position:relative;float:left;width:590px;padding:146px 0 14px;border-radius:8px;border:1px solid #e1e1e1;text-align:center;font-size:26px;color:#fff;background:url('/sh_img/include/inc01/inc01_room_new.png') #7705ee no-repeat center 20px;background-size:35%;-ms-transition:all .2s;-webkit-transition:all .2s;transition:all .2s}
#atc01 .wrap_btns .room_bnr:before{display:block;content: "";position:absolute;bottom:35px;left:57%;margin-left:175px;width:48px;height:9px;background:url('/sh_img/include/inc01/r_arrow.png') no-repeat center top;-webkit-animation:blink .7s ease-in-out infinite alternate; -moz-animation:blink .7s ease-in-out infinite alternate; animation:blink .7s ease-in-out infinite alternate}
#atc01 .wrap_btns .room_bnr:hover{background-color:#8c23f9}
#atc01 .wrap_btns .room_bnr span{display:inline-block;font-size:15px}
#atc01 .wrap_btns .service_bn{margin-top:20px;border-radius:10px}
#atc01 .img{width:1200px;margin:0 auto 65px}

#atc01 .tit_area{opacity:0;margin-bottom:50px;text-align:center}
#atc01 .tit_area p b{position:relative;padding: 12px 12px 3px;border-radius:23px;color:#fff;background-color:#ff6b5a;}
#atc01 .tit_area p b:before,#atc01 .tit_area p b:after{display:inline-block;content:'\f00c';position:absolute;top: -1px;font-size:10px;font-family:'fontawesome';}
#atc01 .tit_area p b:before{left: 21px;}
#atc01 .tit_area p b:after{right:21px}
#atc01 .tit_area p{font-size:30px;color:#1b1438}
#atc01 .tit_area span{color:#007aef;font-size:13px}

#atc01 ul{position:relative;z-index:1;width:1200px;margin:0 auto 80px;text-align:center}
#atc01 ul li{opacity:0;display:inline-block;vertical-align:bottom;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);width:calc(100% / 5 - 36px);font-size:17px}
#atc01 ul li a{display:block;color:#8a8796}
#atc01 ul li a .br{white-space:pre-line}
#atc01 ul li a span{display:block;margin-bottom:30px}
#atc01 ul li:not(:first-child){padding-left:40px;margin-left:40px}
#atc01 ul li:not(:first-child):before{display:block;content:"";position:absolute;left:0;top:20px;width:1px;height:105px;background-color:#e0e2e8}
#atc01 ul li:nth-child(1){animation-delay:0s}
#atc01 ul li:nth-child(2){animation-delay:.2s}
#atc01 ul li:nth-child(3){animation-delay:.4s}
#atc01 ul li:nth-child(4){animation-delay:.6s}
#atc01 ul li img{-webkit-transition:all .3s;transition:all .3s}
#atc01 ul li p {margin:27px 0 10px;font-size:22px;line-height:1;color:#1b1438}
#atc01 ul li p span{display:inline-block;position:relative;padding-bottom:5px;margin-bottom:0}
#atc01 ul li p span:before{display:block;content:"";position:absolute;left:50%;bottom:0;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:15px;background-color:#f9e855;-webkit-transition:all .3s;transition:all .3s}
#atc01 ul li:hover{cursor:pointer}
#atc01 ul li:hover span:before{width:calc(100% + 10px)}
#atc01 ul li:hover img{-webkit-transform:translateY(-5px);transform:translateY(-5px)}

#atc01 .bnr{position:relative;z-index:1;width:1200px;height:140px;margin:0 auto;padding:38px 0 0 100px;border-radius:8px;box-shadow:20px 20px 30px rgba(27,30,92,.12);
background:url(/sh_img/common/texture.png) repeat , url(/sh_img/include/inc01/bnr_bg.png) 92% no-repeat;background-color:#007aef}
#atc01 .bnr span{position:relative;color:#ffed59}
#atc01 .bnr span:before{display:block;content:"";position:absolute;top:-13px;left:-20px;width:27px;height:27px;border-radius:50%;background-color:rgba(255,255,255,.1)}
#atc01 .bnr p{font-size:26px;color:#fff}

/* 실시간 견적 현황 */
#atc01 .inq_area{-webkit-transform:translateY(20px);transform:translateY(20px);position:relative;height:280px;padding:30px;margin-top: 20px; margin-bottom:60px;border-radius:8px;background: url(/sh_img/include/inc02/tit_bg.png) 125px bottom no-repeat #fff}
#atc01 .inq_area:after{display:block;content:"";visibility:hidden;clear:both}
#atc01 .inq_area dt{float:left;padding:10px 0 0 20px}
#atc01 .inq_area dt p{margin-bottom:10px;font-size:26px;color:#1b1438}
#atc01 .inq_area dt span{display:inline-block;font-size:16px;color:#acacaf;line-height:24px;white-space:pre-line}
#atc01 .inq_area dt a{display:block;margin-top:12px;color:#222;-webkit-transition:all .2s;transition:all .2s}
#atc01 .inq_area dt a:hover{color:#007aef}
#atc01 .inq_area dd{float:right;width:775px;height:230px}
#atc01 .inq_area dd ul li{width:90%;height:45px;padding: 0; margin-bottom:7px;border:1px solid #e0e2e8;border-radius:6px;font-size:16px;color:#8a8796;line-height:43px;background-color:#fff}
#atc01 .inq_area dd ul li .sort{display:inline-block;vertical-align:2px;min-width:62px;height:23px;border-radius:20px;font-size:12px;text-align:center;line-height:24px;color:#fff;background-color:#0079ec}
#atc01 .inq_area dd ul li .name{margin-left:50px}
#atc01 .inq_area dd ul li .dpt{margin-left:50px}
#atc01 .inq_area dd ul li .dpt:after{content:"\f105";margin:0 15px 0 20px;color:#0079ec;font-family:fontawesome}
#atc01 .inq_area dd ul li .date{margin-left:30px}
#atc01 .inq_area dd ul li .price i{font-style:normal;font-size:13px;color:#adacb1}
#atc01 .inq_area dd ul li .price.low{margin-left:80px}
#atc01 .inq_area dd ul li .price.low:before{content:"\f0d7";padding-right:8px;color:#ff4530;font-family:fontawesome}
#atc01 .inq_area dd ul li .price.high{margin-left:30px}
#atc01 .inq_area dd ul li .price.high:before{content:"\f0d8";padding-right:8px;color:#0079ec;font-family:fontawesome}
#atc01 .inq_area dd .ps{margin-top:8px;font-size:14px;text-align:right}
#atc01 .bx-viewport{height:201px!important}

/* 라테스트 */
#atc01 .late_area{-webkit-transform:translateY(20px);transform:translateY(20px);animation-delay:.2s;overflow:hidden}
#atc01 .late_area > div{float:left}
#atc01 .late_area .left{width:660px}
#atc01 .late_area .right{float:right;width:505px}
#atc01 .late_area .tit{margin-bottom:8px;padding:0 5px;font-size:26px;color:#1b1438}
#atc01 .late_area .tit a{float:right;padding:12px 0 0 0;font-size:15px;color:#1b1438;-webkit-transition:all .2s;transition:all .2s}
#atc01 .late_area .tit a:hover{color:#007aef}
#atc01 .late_area > ul li{height:45px;margin-bottom:7px;border-radius:6px;border:1px solid #e0e2e8;font-size:16px;line-height:45px}
#atc01 .late_area > ul li a{display:block;height:100%;padding:0 20px;color:#8a8796}
#atc01 .late_area > ul li .star{margin:0 10px}
#atc01 .late_area > ul li .state{display:inline-block;vertical-align:1px;min-width:62px;height:23px;margin-right:10px;border-radius:20px;border:1px solid #0079ec;font-size:12px;text-align:center;line-height:23px;color:#0079ec}
#atc01 .late_area > ul li .date{float:right;font-size:12px;color:#bdbbc2}
#atc01 .late_area .right .star{float:right;line-height:43px}
#atc01 .late_area > ul li.empty{height:auto;padding:20px 0;text-align:center}