@charset "utf-8";

#atc02{position:relative;top: -20px; width:1200px;margin:0 auto;padding:0px 0 70px}

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

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


/*배너 슬라이드*/
#mainVisual{margin-bottom:60px}
/* 이미지 */
#mainVisual .main_img{position:relative}
#mainVisual .main_img li{overflow:hidden;opacity:0;position:absolute;width:1200px;height:600px;border-radius:8px;-webkit-transition:all .4s;transition:all .4s}
#mainVisual .main_img li .txt{position:absolute;left:70px;top:180px;font-size:20px;color:#fff;font-family:'GongGothicLight'}
#mainVisual .main_img li .txt b { position:relative;z-index:1}
#mainVisual .main_img li .txt span{ display:inline-block;position:relative;opacity:0;margin-left:-10px;padding:0 13px;font-size:38px;line-height:50px;text-shadow:2px 2px 3px rgba(0,0,0,.2);font-family:'GongGothicMedium'}
#mainVisual .main_img li .txt span:before { display:block;content:"";position:absolute;bottom:0;left:0;z-index:0;width:100%;height:26px;border-radius:20px;background-color:#0079ec}
#mainVisual .main_img li .txt p{opacity:0;margin:20px 0 0 -10px;line-height:32px;color:rgba(255,255,255,1);text-shadow:2px 2px 3px rgba(0,0,0,.2)}
#mainVisual .main_img li .txt p b{font-weight:normal;color:#f9e855}

#mainVisual .main_img li.on{opacity:1}
#mainVisual .main_img li.on p{opacity:1;margin-left:0;-webkit-transition:all .8s .3s;transition:all .8s .3s}
#mainVisual .main_img li.on span{opacity:1;margin-left:0;-webkit-transition:all .8s;transition:all .8s}

#mainVisual .main_img li img{width:100%}

/* 페이저 */
#mainVisual .pager_dot{position:absolute;left:70px;bottom:90px;z-index:1002}
#mainVisual .pager_dot li{display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:50%;background-color:#fff;opacity:.4}
#mainVisual .pager_dot li.on{opacity:1}
#mainVisual .pager_dot li:hover{cursor:pointer}

#quickMove.main{position:absolute;top:0;right:0;width:400px;padding: 10.5px 0;border-radius:0 8px 8px 0}
#quickMove.main .cont{padding:0 24px}
#quickMove.main .cont_w{padding:0 24px;margin:0;border:none}
#quickMove.main .tit{font-size:20px;text-align:center}
#quickMove.main .tit b{color:#1889ff}
#quickMove.main .option{float:left;width:33%}
#quickMove.main .cont_w,#quickMove .main_float{overflow:hidden}
#quickMove.main .option:nth-child(2){margin:0 0.5%}
#quickMove.main .basic li{height:40px}
#quickMove.main .basic li label{font-size:14px;line-height:40px}
#quickMove.main .basic li input{font-size:14px}
#quickMove.main input[type=submit]{height:40px;font-size:15px}
#quickMove.main .add li span{height:40px}
#quickMove.main .option input + label{padding:7px;font-size:14px}
#quickMove.main .basic li.phone button{top:3px}
#quickMove.main .basic li.phone input{width:70%}