:root {accent-color:#146af0;}

.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-red {color:#e50524;}
.bold {font-weight:800;}

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

.content {padding-left:20px; padding-right:20px;}
.text_wrap {font-size:1.8rem; line-height: 1.7; overflow:hidden; width: 100%;}
.text_wrap p.txt {margin:15px 0; text-align:justify; font-weight:300;}


.section {margin-bottom:8%;}
.img_wrap > img {width:100%; margin:0 auto; display:block;}

h1 {font-size:3rem !important; font-weight:700 !important; word-break: keep-all;}
h2 {font-size:3.3rem; text-align:center; font-weight:400; line-height:1.3;}
h3 {font-size:2.3rem !important; margin-bottom:5px !important;  margin-top:10px !important; line-height:1.3 !important; }
h2 strong {margin-bottom:20px; font-weight:700 !important; display:block;}
h2 span.sub {font-size:2.7rem !important; font-weight:400 !important; line-height:1.3; display:block;}

/*헤더********************************************/
.header {background: #fff; padding:0 15px; height:55px; border-bottom:1px solid #ccc;}
.header li {text-align:center; line-height: 47px;}

/*메뉴********************************************/
.menu {display:flex; margin-bottom:20px; border-bottom:1px solid #ddd;}
.menu li {text-align:center; width:14.28%; height:54px; line-height:54px;}
.menu li a {font-size:1.7rem; display:block; width:100%;}
.menu li.active_menu {background:#0f4cad;}
.menu li.active_menu a {display:block; width:100%; color:#fff; font-weight:bold;}
.menu li a:hover {background:#eee;}
.menu li.active_menu a:hover {background:#0f4cad !important; }

/*타이틀********************************************/
h1 {line-height:1.4 !important;}
h1 strong {color:#db1b33; font-weight: 700 !important;}
h1 span {font-weight:700 !important;}
.sub_title {font-size:1.8rem; line-height: 1.5; margin-top:20px !important; font-weight:400;}
.sub_title li {margin-bottom:10px; color:#666;}
hr {height:1px !important; border:none !important; width:100%; background:#ccc !important; display: block; margin:10px auto !important;}

#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:#0f63e5; border:0; border-radius:10px; font-size:20px; font-weight:700; color:#fff;
}

/*공통*/
.info_line {display:flex; justify-content:space-between; margin:20px 0; font-size:14px;}
.info_line > div {display:flex;}
.info_line .view{flex:1; align-items:center; gap:5px; color:#666}
.info_line .view img{width:18px;}

.info-txt{margin-bottom:10px; font-size:14px; color:#666;}

/*뷰*/


/*텍스트 크기조절*/
#switcher > div {border:1px solid #ccc; width:30px; font-size:1.6rem; margin-left:-1px; text-align:center; height:30px; line-height: 1.8;}
#switcher > div:nth-child(2n-1) {cursor:pointer;}
#switcher > div:nth-child(2n-1):hover {background:#333; color:#fff;}
#switcher > div:nth-child(2) {width:85px;}

/*타이머배너*/
.timer_banner {width:100%; height:305px; background:url('../_img/img04.jpg') no-repeat center / cover;}
.timer {padding:0 143px; display:flex; justify-content:space-between; align-items:center;}
.timer li {width:137px; margin-top:109px;}
.timer span {display:inline-block; width:90px; line-height:130px; text-align:center; font-family: 'GmarketSansBold'; font-weight:700; font-size:45px; letter-spacing:-0.03em; color:#333;}

/*디비폼******************************************/
#domesticCar .carlist{
    display:grid; grid-template-columns: repeat(auto-fill, minmax(293px, 1fr));
    gap:20px; padding: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 b{}
#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:crimson;}
#domesticCar .carlist li .listtxt .price .won{margin-left:3px; font-weight:600; color:#777;}

#domesticCar .carlist li .carBtm a{ text-align:center; line-height:60px; color:#fff; background:linear-gradient(to bottom,#176af0 0%,#1156b6 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;}

/*댓글*****************************************/
.comment_wrap{font-size:14px;}
.comment_wrap p.tt {display:flex; gap:5px; align-items:center; margin:40px 0 10px; color:#222; font-weight:500 !important;}

.comment_wrap .wirte_area li:nth-child(1){width:100%; border:1px solid #ccc; height:70px; padding:10px;}
.comment_wrap .wirte_area li:nth-child(1) a { cursor:auto !important;}
.comment_wrap .wirte_area li:nth-child(2){width:100%; background:#555; color:#fff; text-align:center; padding:10px; cursor:pointer; font-weight:500;}
.comment_wrap .wirte_area li:nth-child(2) a {color:#fff !important; width:100%; display:block;}

.comment_wrap .total_wrap {border-top:1px solid #ccc;}
.comment_wrap .total_area {background:#f3f3f3; padding:25px 15px;}
.comment_wrap .total strong {color:red;}
.comment_wrap .total .top .top_inner {display:flex; align-items:center; overflow:hidden; margin-bottom:9px !important; font-weight:300;}
.comment_wrap .total .top .top_inner > li:nth-child(2) {margin-left: auto;}
.comment_wrap .total .top .top_inner > li .best_icon{display:inline-block; margin-bottom:0; background:red; color:#fff; font-weight:500; padding:2px 5px; border-radius:4px; margin-right:5px;}

.comment_wrap .total .bottom .bottom_inner img {margin-bottom:10px; width:100%; max-width:304px;}
.comment_wrap .total .bottom .bottom_inner p.txt {font-size:1.6rem; font-weight:300;}

.comment_wrap .total .info_line {overflow:hidden; margin-top:20px !important; padding:0;}
.comment_wrap .total .info_line a {display:inline-block; color:#666;}
.comment_wrap .total .info_line a:hover {border-bottom:1px solid #333;}
.comment_wrap .total .info_line > li:nth-child(1) {float:left; }
.comment_wrap .total .info_line > li:nth-child(2) {float:right;}
.comment_wrap .total .info_line .G_B > p {display:inline-block; border:1px solid #ccc; padding:2px 7px; cursor:pointer; margin-bottom:0;}

.comment_wrap .more a {width:100%; display:block; background:#333; color:#fff !important; text-align:center; padding:15px; font-size:15px;}


/*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:#0072ff; 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:#fff; font-size:14px; font-weight:200; line-height:1.3;
    text-align:center; color:#666; -webkit-text-fill-color: #666;}
#footer .container .copyright{margin-top:15px; font-size:0.9em; font-weight:100; opacity:0.8;}

/*-------responsive----------------------------------------------------------------*/

@media all and (max-width:980px) {
    .container > h1,
    .sub_title,
    .info_line,
    .info-txt,
    .section,
    .section_03 .text_wrap,
    .comment_wrap > div:first-child,
    .comment_wrap .total p.tt{padding:0 15px;}

	.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;}
}
@media all and (max-width:751px) {

	html{font-size:9px !important;}
	h1 {line-height: 1.3 !important;  font-size: 2.6rem !important;}
	h3 {font-size:2.1rem !important;}
	.content { padding-left: 10px; padding-right: 10px;}
	
    /*header*/
	.header {height:70px;}
	.header li > img{/*width:120px;*/ margin-top: 20px;}
	.header li:nth-child(2) img {width:130px;}
	
	/*menu*/
	.menu li {height:40px; line-height:40px;}
    
	/*text_zoom*/
	#switcher > div {line-height:2 !important;}
	
	/*본문*/
	.text_wrap .txt li {line-height:1.3; margin-bottom:5px;}
	.txt_icon {width: 6rem !important;}
}
@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;}

}