@charset "UTF-8";

@media screen and (max-width:320px){
	.m-call-box li a{padding: 16px !important}
	.m-call-box li a.m-call-01{background-size: auto 40px !important}
	.m-call-box li a.m-call-02{background-size: auto 40px !important}
	.m-call-box li a.m-call-03{background-size: auto 48px !important}
	.m-call-box li a em{font-size: 1.05em !important;}
	.m-call-box li a span{font-size: 0.95em;}
	.banner-area .buttons{position: relative; justify-content: center;right: auto;bottom: auto;border-bottom: 1px solid #eee;}
	.service-tit::after, .service-tit::before{display: none;}
	.service-cont li a{padding: 10px 16px !important; border-radius: 10px;}
	.service-cont li a span small{display: block;}
	.service-cont li a i{display: none;}
	.cnt-box .service-tit > p{width: 100%;}
}

@media screen and (max-width:767px){
	#main-wrap{padding:1em;}
	.main-top{gap: 0.5em;}
	.banner-area .banner-zone{border-radius: 10px 10px 0 0;}
	.banner-area .banner-zone .banner-item{height: auto}
	.banner-area .buttons::before{display: none;}
	.m-call-box{gap: 10px;}
	.m-call-box .m-wait strong{line-height: 1.4;}
	.main-time .m-time-cont p{flex: 1 1 100%;}
	.main-time .m-time-link{top: 8px !important;}
	.m-a-link{padding: 0; width: 40px; border-radius: 50%;}
	.m-a-link span{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);border: 0;clip: rect(0 0 0 0);}
	.m-mid-right{gap: 1em;}
	.service-cont{gap: 10px; margin-top: 10px;}
	.service-cont li a{padding: 11px 16px 10px 20px}
	.notice-new{margin-top: 10px; align-items: center; gap: 10px;}
	.notice-new .new-date{padding-top: 8px; min-width: 84px; min-height: 64px; border-radius: 8px;}
	.notice-new .new-date em{font-size: 1.2em;}
	.notice-new .new-date b{bottom: 4px;}
	.notice-new .new-cont > strong{display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0; line-height: 1.4; max-height: 2.8em;white-space: normal;word-break: break-all; font-size: 1em;}
	.notice-new .new-cont > span{display: none;}
	.notice-last{padding-top: 10px; margin-top: 16px; gap: 0}
}

@media screen and (min-width:768px) and (max-width:1024px){
	#main-wrap{padding: 0.625em;}
	.banner-area .banner-zone{border-radius: 10px;}
	.banner-area .banner-zone .banner-item{height: 530px;}
	.m-call-box{flex-direction: row; gap: 1em;}
	.m-call-box li{flex: 1;}
	.m-call-box li:first-child{display: flex; align-items: baseline; justify-content: space-between; flex: 0 0 100%}
	.m-call-box li a em{margin-bottom: 10px;}
	.m-call-box li a br{display: block;}
	.main-time .m-time-cont p{flex: 1 1 48%;}
	.m-mid-left{flex-direction: row;}
	.service-cont{flex-direction: row;}
	.service-cont li{flex: 1 0 auto;}
	.m-mid-right{flex-direction: row; gap: 16px;}
	.m-check-lst{flex-direction: column; justify-content: center;}
	.car-total {flex: 1;}
}

@media screen and (max-width:1024px){
	.main-content h3{font-size: 1.25em;}
	.m-mid-left a,
	.m-mid-center,
	.m-bottom-left{padding: 20px 1em; border-radius: 10px;}
	.mlst-cont{margin-top: 10px; line-height: 1.6;}
	.m-bottom-right{margin-left: 0;padding: 20px 1em 16px; border-radius: 10px;}
	.notice-more{top: 20px; right: 1em;}
	.m-check-lst{padding: 16px 25px;}
	.main-top{grid-template-columns: 1fr}
	.main-top .m-top-left,
	.main-top .m-top-right{grid-column: span 1}
	.m-call-box li a{border-radius: 10px;}
	.m-call-box li a.m-call-01{background-size: auto 60px}
	.m-call-box li a.m-call-02{background-size: auto 60px}
	.m-call-box li a.m-call-03{background-size: auto 68px}
	.m-call-box li a{padding: 20px 24px; background-position: right 10px bottom 15px;}
	.m-call-box li a span{line-height: 1.5;}
	.main-time .m-time-cont{gap: 10px;}
	.main-time .m-time-cont{padding: 20px; border: 1px solid #DFE1E5; border-radius: 10px;}
	.main-time .m-time-cont p{padding: 0;}
	.main-time .m-time-cont p::before{display: none;}
	.main-mid{grid-template-columns: 1fr;}
	.car-total{padding: 20px 25px 15px; border-radius: 10px;}
	.car-total ul{margin-top: 10px;}
	.car-total ul li strong{font-size: 1.9em;}
	.car-total > p{margin-top: 10px; font-size: 0.9em;}
	.main-bottom{flex-direction: column; gap: 1em;}
	.service-tit::before{text-align: right; font-size: 1.4em;}
	.service-tit::after{top: 50%; transform: translateY(-50%);}
	.ser-box .service-tit::after{width: 60px; background-size: auto 60px;}
	.cnt-box .service-tit::after{width: 70px; background-size: auto 70px;}
	.service-tit > p{font-size: 0.9em; line-height: 1.5;}
	.m-check-lst{border-radius: 10px;}
	.m-mid-left{gap: 1em;}
	.m-bottom-right .no-data{padding: 2em 0}
	.m-top-left{order: 2;}
}

@media screen and (min-width:1025px) and (max-width:1199px){
	#main-wrap{padding: 0.875em 0.425em;}
	.banner-area .banner-zone .banner-item{height: 530px;}
	.m-call-box li a{padding: 28px 20px; background-position: right 20px bottom 20px;}
	.m-call-box li a.m-call-01{background-size: auto 70px}
	.m-call-box li a.m-call-02{background-size: auto 70px}
	.m-call-box li a.m-call-03{background-size: auto 88px}
	.m-mid-left a,
	.m-mid-center{padding:25px 40px 25px 30px;}
	.car-total{padding: 25px 40px 15px 30px}
	.car-total ul{margin-top: 20px;}
}

@media screen and (max-width:1199px){
	:root {--main-gap: 1em;}
	.main-time,
	.main-mid{margin-top: 1em;}
	.m-call-box li a em{font-size: 1.25em}
	.m-call-box .m-wait-txt{font-size: 0.95em;}
}

@media screen and (max-width:1399px){
	.main-time{gap: 0;}
	.main-time .m-time-tit,
	.main-time .m-time-cont{flex: 0 0 100%;}
	.main-time .m-time-link{position: absolute; top: 0; right: 0;}
}

@media screen and (min-width:1200px) and (max-width:1599px){
	:root {--main-gap: 1.375em;}
	#main-wrap{padding: 1.375em;}
	.main-time,
	.main-mid{margin-top: 1.375em;}
}