@charset "utf-8";

#atc04{position:relative;width:1200px;margin:0 auto;padding:90px 0 86px}

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

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


/* 슬라이드 */
#atc04 .gallery{position: relative; top: -55px;}
#atc04 .tit_area{overflow:hidden;padding:0 20px;color:#777}
#atc04 .tit_area .tit{float:left;margin-top:20px;font-size:26px;letter-spacing:0;color:#222;}
#atc04 .gallery .tit_area a{position:relative;top:29px;left:25px;padding:10px 20px;border-radius:20px;background-color:#0079ec;color:#fff}
/* 컨트롤 */
#atc04 .inc04_arr{float:right;margin-bottom:40px}
#atc04 .inc04_arr > div{cursor:pointer;display:inline-block;vertical-align:middle;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.3);font-size:20px;text-align:center;line-height:47px;color:rgba(0,0,0,.3);-webkit-transition:all .2s;transition:all .2s}
#atc04 .inc04_arr > div:hover{border:1px solid #777;color:#777}

#atc04 ul li .img{height:360px;background-size:cover;background-position:center;border-radius:10px}
#atc04 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,  #333 0, transparent 70%);-webkit-transition:all .3s;transition:all .3s;opacity:0;border-radius: 10px;}
#atc04 ul li:hover a:before{opacity:1}
#atc04 ul li a .info{position:absolute;top:257px;left:40px;width:310px;font-size:14px;line-height:33px;color:#0079ec;opacity:0;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;font-family:'notokr-bold'}
#atc04 ul li:hover a .info{opacity:1}
#atc04 ul li a .info span{font-size:16px;color:#fff;font-family:'notokr-medium'}