:root {accent-color:#f46318;}

.pc {display:none;}
.mobile {display:block;}
.br {display:none;}
.mbr {display:block; width:100%; height:1px; }
.img-responsive {width:100%;}
.img-maxponsive {max-width:100%;}
.fc-orange{color:#f46318;}
.fc-red {color:#e50524;}
.bold {font-weight:800;}

.container {margin:0 auto; max-width:760px;}

#visual {position: relative; width:100%; max-width:760px; margin:0 auto;}

#mcounsel{padding:30px 20px; background:#eee;}
#mcounsel .cs-wrap dl{display:flex; align-items:center; margin-bottom:10px;}
#mcounsel .cs-wrap dl dt{width:100px; font-size:16px; font-weight:600; color:#000;}
#mcounsel .cs-wrap dl dd{flex:1;}
#mcounsel .cs-wrap dl dd input{width:100%; height:40px; line-height:38px; padding:0 10px; border:1px solid #ccc; background:#fff; font-size:14px}
#mcounsel .agreeWarp{display:flex; align-items:center; justify-content:center; gap:5px; margin-top:20px; line-height:1; font-size:14px;}
#mcounsel .agreeWarp input{width:20px; transform: scale(1.2);}
#mcounsel .agreeWarp a{font-weight:600;}
#mcounsel button.btn{
    display:block; width:100%; max-width:450px; height:54px; margin:30px auto 0;
    background:#f46318; border:0; border-radius:10px; font-size:20px; font-weight:700; color:#fff;
}
/*타이머배너*/
.timer_banner {width:100%; height:270px; background:url('../_img/promotion-bg.png') no-repeat center / cover;}
.timer {padding:0 70px; display:flex; justify-content:space-between; align-items:center;}
.timer li {width:140px; margin-top:92px;}
.timer span {
    display:inline-block; width:100px; line-height:130px;
    text-align:center; font-size:40px; letter-spacing:-0.03em; color:#333;
}
@media all and (max-width:760px) {
	.timer_banner {height:initial; padding-bottom:31.7%; position:relative;}
	.timer {position:absolute; width:100%; padding:0 14.8%; top:0; left:0;}
	.timer li {width:20.5%; margin-top: 11vw;}
	.timer span {width:67%; font-size:4.5vw; line-height: 13vw;}
}


#domesticCar .carlist{
    display:grid; grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
    gap:30px; padding:30px 20px; background:#f2f4f6; letter-spacing: -0.5px;
}
#domesticCar .carlist li{
    border: 1px solid #eee; border-radius:15px; overflow: hidden; border-bottom:none; position:relative;
    background:#fff; box-shadow: 0px 10px 15px 0px rgba(0,13,56,0.04); color:#454545;
}
#domesticCar .carlist li .icoWrap{display:flex; flex-wrap:wrap; gap:3px; position:absolute; top:10px; left:10px; font-size:11px; z-index:2;}
#domesticCar .carlist li .icoWrap span {padding:5px 7px; border-radius:3px; line-height:1; color: #fff;}
#domesticCar .carlist li .icoWrap span.ico01{background:crimson;}
#domesticCar .carlist li .icoWrap span.ico02{background:lightseagreen}
#domesticCar .carlist li .icoWrap span.ico03{background:#f7e11c; color:#333;}
#domesticCar .carlist li .icoWrap span.ico04{background:#146af0;}
#domesticCar .carlist li .icoWrap span.ico05{background:#ff9800;}

#domesticCar .carlist li .carimg{
    position:relative; padding-top:20px; height:160px; background:linear-gradient(-180deg, #bac3ce 60%, #fff 40%); overflow:hidden;
}
#domesticCar .carlist li .carimg > img {
    position:absolute; width:auto; height:95%; left:50%; transform: translateX(-50%); z-index:1;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
#domesticCar .carlist li .carimg:hover > img {
    transform:translateX(-50%) scale(1.05);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

#domesticCar .carlist li .carname{
    padding:15px 15px 0; line-height:24px; font-size:20px; font-weight:bold; color:#333;
    white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
#domesticCar .carlist li .listtxt{padding:0 15px 15px; font-family:'Lato', sans-serif;}
#domesticCar .carlist li .listtxt h5{margin-top:5px; line-height:16px; height:38px; font-size:16px; overflow:hidden; word-break:keep-all; color:#777;}
#domesticCar .carlist li .listtxt h4{line-height:15px; font-size:15px; font-weight:400; text-align:right; color:#777;}
#domesticCar .carlist li .listtxt .price{display:flex; align-items:center; margin-top:10px; font-size:16px;}
#domesticCar .carlist li .listtxt .price .oldPrice{margin-left:auto; font-weight:600; text-decoration:line-through; color: #777;}
#domesticCar .carlist li .listtxt .price .newPrice{margin-left:5px; font-size:26px; font-weight:bold; color:#0045e3;}
#domesticCar .carlist li .listtxt .price .won{margin-left:3px; font-weight:600; color:#777;}
#domesticCar .carlist li .listtxt .priceInfo{margin-top: 5px; font-size: 12px; color: #aaa; text-align: right;}

#domesticCar .carlist li .carBtm a{ text-align:center; line-height:60px; color:#fff; background:linear-gradient(to bottom,#ff7b22 0%, #ff5700 100%); font-weight:600; font-size:20px; width:100%; border-radius:0 0 15px 15px;}
#domesticCar .carlist li .carBtm a i{margin-left: 7px; line-height: 60px;}

/*btn_style*/
.btn-style01{overflow:hidden; position:relative; display:inline-block;   letter-spacing:-0.5px;color:#333;}   
.btn-style01 span{position:relative; z-index:1;; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-style01 b{position:absolute; top:-1px; right:10px;}
.btn-style01:before{display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#ff7400; transform:skew(-20deg); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.btn-style01:hover span{ color:#fff;}
.btn-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

#footer .container{
    padding:30px; background-color:#333; font-size:14px; font-weight:200; line-height:1.3;
    text-align:center; color:#fff; -webkit-text-fill-color: #fff;}
#footer .container .copyright{margin-top:15px; font-size:0.9em; font-weight:100; opacity:0.5;}

/*media*/
@media (min-width: 560px) { 

}
@media (min-width: 760px) { 
    .pc {display:block;}
    .mobile {display:none;}
    .br {display:block; width:100%; height:1px; }
    .mbr {display:none; width:100%; height:1px; }

    .container {padding:0;}
    #mcounsel{padding:50px 30px;}
    #mcounsel .cs-wrap dl dt{width:180px; font-size:20px;}
    #mcounsel .cs-wrap dl dd input{height:50px; line-height:48px; font-size:16px;}
    #mcounsel .agreeWarp{margin-top:30px; font-size:16px;}
    #mcounsel .agreeWarp input{width:30px; transform: scale(1.5);}
    #mcounsel button.btn{height:64px; margin:40px auto 0; font-size:30px;}

    #domesticCar .carlist{padding:30px;}
}