/*------공통//------*/

::-moz-selection{
	color: #fff;
	background:rgba(11,78,161,0.7);
}
::-webkit-selection{ 
	color: #fff;    
	background:rgba(11,78,161,0.7);
}
::selection{ 
	color: #fff;
	background:rgba(11,78,161,0.7);
}

.container {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
@media (max-width: 767px) {
	.container { max-width: 100%; }
}
@media (min-width: 768px) {
	.container { max-width: 720px; }
}
@media (min-width: 992px) {
	.container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}
@media (min-width: 1440px) {
	.container { max-width:1400px; }
}

@font-face {
  font-family: 'Pretendard';
  src: url('fonts/Pretendard-Regular.woff2') format('woff2'), url('fonts/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* scrollbar */
::-webkit-scrollbar { width: 5px; } /* 스크롤바 전체 영역 */
::-webkit-scrollbar-track { background-color: #062f87; border-radius:8px;border:1px solid #ededed;} /* 스크롤 배경  */
::-webkit-scrollbar-thumb { background-color: #062f87; border-radius:8px; } /*  스크롤이 움직이는 영역  */
::-webkit-scrollbar-button:start:decrement, /*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-button:end:increment,/*  스크롤의 화살표가 포함된 영역   */
::-webkit-scrollbar-corner,/*  상하+좌우 스크롤이 만나는 공간   */
::-webkit-scrollbar-button:vertical:incremen,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:vertical:decrement,/* 스크롤 상하방향 */
::-webkit-scrollbar-button:horizontal:increment,/* 스크롤 좌우방향 */
::-webkit-scrollbar-button:horizontal:decrement/* 스크롤 좌우방향 */{ display:none; }
/* IE 스크롤 바 */
html{
	scrollbar-3dLight-Color: #062f87; /* 스크롤 밖 테두리 컬러 */
	scrollbar-arrow-color: #062f87; /* 스크롤 상하 버튼 컬러 */
	scrollbar-Face-Color: #062f87; /* 스크롤 바 컬러 */
	scrollbar-Track-Color: #062f87; /* 스크롤 배경 컬러 */
	scrollbar-DarkShadow-Color: #666; /* 스크롤 arrow와 스크롤 바 의 어두운그림자 컬러 */
	scrollbar-Highlight-Color: #666; /* 스크롤 arrow와 스크롤 바 의 하이라이트 컬러 */
	scrollbar-Shadow-Color: #666; /* 스크롤 arrow와 스크롤 바 의 그림자 컬러 */

	/*firefox*/
	scrollbar-face-color:#062f87;/* 스크롤 바 컬러 */
	scrollbar-track-color: #062f87;/* 스크롤 배경 컬러 */
	scrollbar-color:#062f87 #f3f3f3; /* 2가지 통합 순서 : 스크롤 바 스크롤 배경 scrollbar-face-color scrollbar-track-color; */
	scrollbar-width: thin; /* 스크롤 바 넓이 값 옵션 : auto / thin / none */
}



/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold {font-weight:700;}
.semibold {font-weight:600;}
.clear{clear:both;}
.clearfix:after {content:" "; display:block; clear:both;}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.pointer {cursor:pointer;}
.input {height:44px; padding:6px 16px; color:#505050; font-size: var(--font-size-16); line-height:1.5em; border:1px solid #ddd; outline:none;}
.input[readonly] {background-color:#e8e8e8; color:#aaaaaa;}
.input:focus {border-color:var(--base-color);}
textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;}
select.input {padding-right:40px; }
select.input::-ms-expand {display:none;}
input[type=file].input {padding:0;}

/* 공통 */
.bg-transparent { background-color: transparent;}
.bg-gray { background-color: #f9f9f9; }
.bg-blue { background-color: #062f87; color: #fff;}


.section-padding { padding: 120px 0;}
.section-padding-top { padding-top: 120px; padding-bottom: 0;}
.section-padding-bottom { padding-top: 0; padding-bottom: 120px;}

.title-h1 { font-size: var(--font-size-70); margin-bottom: 30px;}
.title-h2 { font-size: var(--font-size-54);}
.title-h3 { font-size: var(--font-size-48);}
.title-h4 { font-size: var(--font-size-38); font-weight: 700; margin-bottom: 40px;}
.title-h5 { font-size: var(--font-size-20); margin-bottom: 20px; line-height: 1.4em; letter-spacing: -.03em; font-weight: 400; text-transform: uppercase; color: #fff;}

.sub { font-size: var(--font-size-18);}
.sub-title { font-size: var(--font-size-20); margin-bottom: 20px;}
.sub-text { font-size: var(--font-size-16); font-weight: 600;}
.sub-text22 { font-size: var(--font-size-22);}

.c1{ color: #062f87;}
.c2{ color: #111;}
.img-border { border-radius: 10px;}
.fw-600 { font-weight: 600;}
.text-left { text-align: left;}

/*.bg-very-light-gray { background-color: #e9e9e9;}*/

/*btn*/
.btn-white { background-color: #fff; padding: 10px 20px;}
.btn-common { padding: 10px 20px; border: 1px solid #fff; display: flex; justify-content: center; position: relative; align-items: flex-start; font-weight: 500; letter-spacing: 0; height: 40px; line-height: 1.3em;}
.btn-common.header span { font-weight: bold; font-size: var(--font-size-20);}
.btn-common.header { padding: 12px 30px; width: 190px; height: 50px;}

a.btn-common  { color: #062f87; background: #fff;}
.btn-common:hover { background: #fff; border-color: 1px solid #fff; color: #062f87;}
a.btn-common a:hover {color: #fff; border-color: 1px solid var(--base-color); }

.btn-common-blue { background-color: #062f87; color: #fff; height: 50px; display: flex; padding: 20px 40px; font-size: var(--font-size-24);}
.btn-common-blue:hover { background-color: #062f87; color: #fff;}

.btn-common-blue.list{ padding: 10px 30px; font-size: var(--font-size-16);}

.btn-border { border: 1px solid #505050; padding: 10px 20px;}
.btn-border:hover { border: 1px solid #fff; }


.btn.btn-border-w span,
.btn.btn-border-w i {transition: color 0.3s ease;}


/**/


/*스크롤 시 헤더 버튼색상변경*/
header.sticky.sticky-active [data-header-hover=light] .header-button .btn-common { background-color: #062f87; color: #fff; border-color: #062f87;}

/*index_main-visual*/
#main-visual .t1 { font-family: var(--font-pretendard); font-weight: 700; font-size: var(--font-size-72); letter-spacing: -.01em; line-height: 1.1em; padding-bottom: 20px; margin-bottom: 30px; text-transform: capitalize; color: #fff;}



#main-visual span i { color: #fff;}
#main-visual .btn.btn-white { background-color: #062f87; border-radius: 50px;}
#main-visual .btn.btn-box-shadow.btn-white:hover, .btn.btn-box-shadow.btn-white:active { color: #fff;}


.overlay-gradient { position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0; 같은 의미 */ background: linear-gradient(to right, rgb(0 0 0 / 70%) 0%, rgb(85 85 85 / 30%) 50%, rgb(6 47 135 / 0%) 100%); z-index: 2; pointer-events: none;}
.cover-background .container { position: relative; z-index: 3;}

#main-about .about { align-items: flex-end;}
#main-about .slide-text .sub-title {  font-size: var(--font-size-30); color: #fff;}


.text-blue { color: #062f87;}
.bg-medium-gray { background-color: #062f87;}
.bg-light-blue { background-color: #e3e3e3;}
i.text-white {color: #fff;}
i.text-white:hover {color: #062f87 !important;}
#main-about a.rounded-circle:hover { background-color: #fff;}
.bold { font-weight: 700;}
.circle-box i { color: #fff; transition: color 0.3s ease;}
.circle-box:hover i { color: #062f87 !important;}
.interactive-banner-style-08:hover i { color: inherit !important;}

#main-about2 .bg-dark-gray, 
#main-about2 .bg-dark-gray:focus { background-color: #062f87;}

.bg-dark-blue, .bg-dark-blue:focus { background-color: #062f87;}

/*인사말*/
#company-ceo h5.title-h5 { font-size: var(--font-size-32); font-weight: 600; color: var(--dark-gray);}
#company-ceo .text .sub-text { font-weight: 500;}


/*찾아오시는 길*/
.root_daum_roughmap .cont .section.lst { display: none;}
.root_daum_roughmap .wrap_controllers { display: none;}
.company-info h3 { font-size: var(--font-size-32); font-weight: 700; letter-spacing: -.04em; line-height: 1.38em; color: #2c2c2c;}
.company-info { margin-bottom: 20px;}
.company-info .contact.txt{font-size: var(--font-size-17); font-weight: 400;letter-spacing: -.04em;}
.location { display: flex; justify-content: flex-start; gap: 10px;}
.btn-naver { background-color: #039f48; padding: 8px 23px; height: 40px; color: #111;}
.btn-naver:hover { background-color: #039f48; color: #111;}
.btn-kakao { background-color: #f2de3a; padding: 8px 23px; height: 40px; color: #111;}
.btn-kakao:hover { background-color: #f2de3a; color: #111;}
.location a span i { margin-left: 10px;}
#main-about2 .sub-text { font-size: var(--font-size-18);}

/*검색*/
.search-wrap { display: flex; justify-content: flex-end;}
.search-bx { position: relative; margin-bottom: 50px; max-width: 400px; width: 100%;}
.search-bx .search-input { padding-right: 25px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 50px;}
input[type="text"], input[type="number"], input[type="password"], textarea, select { padding: 10px 20px; color: #878787; white-space: normal;  border: 1px solid #ddd; /* transition: all 0.4s; */ outline: none;  background: #fff; width: 100%; font-weight: 300; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
input[type="text"], input[type="number"], input[type="password"], select { height: 60px; line-height: 58px;}
.search-bx button { position: absolute;  width: 50px; height: 50px;  right: 5px; top: 5px; background: #062f87; color: #fff; border: none; outline: none; transition: all 0.4s; border-radius: 50px;}
.search-input:focus { border-color: #062f87;}

/*신차판매*/
#product .card-body { padding: 22px; height: auto;}
#product .card-body h5 { font-size: var(--font-size-24);}
#product .blog-image img { aspect-ratio: 440 / 315; display: block; margin: 0 auto;}

/*.tab-style-01 .nav-tabs .nav-link.show, .tab-style-01 .nav-tabs .nav-link.active, .tab-style-01 .nav-tabs .nav-link:hover { border: 1px solid #062f87;}*/
.product-info { display: flex; flex-direction: column; gap: .4rem;}
.product-info dl { display: flex; align-items: center; gap: 10px;}
.product-info dl dt { color: #adadad; width: 40%; min-width: 110px; font-size: var(--font-size-18);}
.product-info dl dd { width: 60%; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.box-shadow-quadruple-large { border: none; transition: all 0.3s ease;}
.box-shadow-quadruple-large-hover:hover { border: 1px solid #062f87; transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.card { border-radius: 10px; overflow: hidden;}


/*신차판매-게시판*/
.product-top { display: flex; align-items: center; gap: 6%;}
.product-top .product-view-img { width: 55%; position: relative;}
.product-top .product-view-img .swiper-slide { position: relative; height: 0; padding-top: 65%;}
.product-top .product-view-img .swiper-slide img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 75%; height: auto; object-fit: contain; aspect-ratio: 690 / 490;}
.product-top .product-view-img .swiper-button-next i, .product-top .product-view-img .swiper-button-prev i { color: #a5a5a5; font-size: 2.4rem;}
.product-top .product-view-img .swiper-pagination-bullet-active { background: #062f87;}

.product-top .productview-summary { flex: 1; width: 100%;}
.product-top .productview-summary { display: block; margin-bottom: .8rem; padding-top: 35px;}
.product-top .productview-summary h3 { color: #111; font-size: var(--font-size-42); margin-bottom: 0;}
.product-top .productview-summary span.sub { margin-bottom: 10px;}
.product-top .productview-summary-list { margin-top: 4rem; display: flex; flex-direction: column; gap: .8rem; text-overflow: ellipsis; word-break: break-all;}
.product-top .productview-summary-list dl { display: flex; align-items: center; gap: 10px; }
.product-top .productview-summary-list dt { min-width: 120px; color: #999;}
.product-top .productview-summary-list dd { overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.product-top .productview-catalog { display: flex; align-items: center; margin-top: 4rem;}
.product-top .productview-catalog a { width: 100%; height: 3.8rem; max-width: 350px; display: flex; align-items: center; justify-content: center; gap: 1rem; border: 1px solid #000; color: #111;}
.product-top .productview-catalog a:hover { background: #062f87; color: #fff;}
.product-top .productview-catalog a:hover i { color: #fff;}

.productview-bottom { padding-top: 50px;}
.productview-bottom h4 { color: #111; font-size: var(--font-size-26); margin-bottom: 0;}
.productview-bottom-list { border-top: 1px solid #ddd; margin-top: .8rem;}
.productview-bottom-list li {border-bottom: 1px solid #ddd; background-color: #fafafa; display: flex; align-items: center;}
.productview-bottom-list li span:first-of-type { width: 30%; min-width: 120px;}
.productview-bottom-list li span { padding: 15px 20px; white-space: normal; word-break: break-word; overflow-wrap: break-word;}
.productview-bottom-list li span:last-child { flex: 1; background: #fff;}

/*중고판매*/
#used h5 { font-size: var(--font-size-24); margin-bottom: 0;}
#used .image-box { position: relative;}
#used .badge{ position: absolute; top: 20px; left: 20px; border-radius: 50px; padding: 0 15px;}
#used .badge.blue { background-color: var(--base-color); }
#used .sell-text { font-size: var(--font-size-14); color: #fff; line-height: 24px; font-weight: 500;}
#used .box-shadow-large { transition: all 0.3s ease;}
#used .box-shadow-large:hover { border: 1px solid #062f87; transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
#used .content { padding: 35px 40px; border-color: rgba(35, 35, 35, 0.1); border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); }
#used .content-bottom { padding: 20px 35px; align-items: center;}
#used .badge.gray { background-color : #979797;}
#used .badge.green { background-color : #00ae41;}
#used .sales-box { border-radius: 10px; overflow: hidden;}
#used .image-box img { aspect-ratio: 440 / 315; display: block; margin: 0 auto;}

/*중고판매-게시판*/
#used-view h5 { font-size: var(--font-size-24); margin-bottom: 0;}
#used-view .productview-summary { position: relative; margin: 45px 0;}
#used-view .badge{ position: absolute; top: 0; left: 0; border-radius: 50px; padding: 0 15px;}
#used-view .badge.blue { background-color: var(--base-color); }
#used-view .badge.gray { background-color : #979797;}
#used-view .badge.green { background-color : #00ae41;}
#used-view .sell-text { font-size: var(--font-size-14); color: #fff; line-height: 24px; font-weight: 500;}
#used-view .product-top .productview-summary h3 { margin-top: 30px; position: relative;}
#used-view .board_view { border-bottom: 1px solid #ddd;}
#used-view .board_view .con_view img { margin-bottom: 20px;}
#used-view .productview-bottom-list { margin-top: 0;}
#used-view .both { top: 0; left: 70px;}
#used-view .badge-wrap { position: absolute; display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}



/*렌탈*/
.bg-slate-blue { background-color: #262b35;}
#rental01 .row .col:nth-child(n+4) { margin-top: 30px;}
#rental02 .img-text-box { display: flex; align-items: center; justify-content: flex-start; gap: 20px;}

/*유상수리*/
.repair-btn { display: flex; justify-content: flex-end;}
.bottom .btn-common-blue{ height: auto; padding: 18px 46px;}
.bg-very-light-gray {background: #f7f7f7;}
#repair .img-box{ border-radius: 10px; overflow: hidden;}
#repair .feature-box { background: #f7f7f7; border-radius: 10px; padding: 66px; }
#repair .icon-with-text-style-04:nth-child(4),
#repair .icon-with-text-style-04:nth-child(5),
#repair .icon-with-text-style-04:nth-child(6) { margin-top: 30px;}


/*온라인문의1*/
.form-check { position: relative; display: flex; align-items: center; gap: 8px; padding-left: 0;}
#online .e-mail { height: 60px; line-height: 58px;}
#online-banner-img { height: 630px;}

/* 기본 체크박스 숨기기 */
.form-check-input { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid #c2c2c2; border-radius: 4px; cursor: pointer; position: relative; transition: all 0.2s ease-in-out; background-color: #fff; background-image: none; box-shadow: none;}
.form-check-input:checked[type="checkbox"] { background-color: #062f87; border-color: #062f87;}
.form-check-input:checked[type="checkbox"]::after { content: ""; position: absolute; top: 3px; left: 6px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.form-check-input:hover { border-color: #555;}
.form-check-label { cursor: pointer; user-select: none; color: #222;}

.form-check-input:focus { box-shadow: none; outline: none;}
.privacy-box { border: 1px solid #e4e4e4; margin-bottom: .5rem; padding: 10px 20px; height: 150px; overflow-y: auto; border-radius: var(--bs-border-radius);}
#online .privacy-item.half { margin-bottom: 40px;}

/*개인정보처리방침*/
.privacy h2{ margin-bottom: 30px;}

.privacy p{ font-size: var(--font-size-18);}
.sub-txt p { margin-bottom: 40px;}

.privacy-item { counter-increment: list-number; margin-top: 15px;}
.privacy-item h3 { font-weight: 500; position: relative; line-height: 1.3; font-size: var(--font-size-24); margin-bottom: 6px; color: #111;}
.privacy-item h3:before { content: counter(list-number) '.'; display: inline-block; font-size: inherit; color: inherit; font-family: inherit; line-height: inherit; font-weight: inherit;}
.privacy-item > p { font-size: var(--font-size-17); color: #505050;}
.privacy-info { margin-top: 10px;}
.privacy-item ul { line-height: 1.1;}
.privacy-item .privacy-list > li { padding-left: 14px;}
.privacy-item .privacy-list > li:not(:last-child) { margin-bottom: 14px;}

.privacy-item .privacy-list > li h4 { position: relative; margin-bottom: 4px;}
.privacy-item .privacy-list > li h4:before { content: ""; position: absolute; width: 4px; height: 4px; background: #705b54; border-radius: 100%; left: -14px; top: 18px;}

.privacy-item .privacy-info h4 { font-size: var(--font-size-17); color: #505050;}
.privacy-item .privacy-info p, 
.privacy-item .list > li { font-size: var(--font-size-16); color: #898989; margin-top: 0;}
.privacy-item .list > li:not(:last-child) { margin-bottom: 10px;}

.privacy-item .privacy-info .list li { line-height: 20px;}

.privacy-item .privacy-number { counter-reset: list-number;}
.privacy-item .privacy-number li { color: #505050; font-weight: 500; font-size: var(--font-size-16); padding-left: 24px; line-height: 20px;}
.privacy-item .privacy-number li span { color: #353535; font-weight: 600;}
.privacy-item .privacy-number li:not(:last-child) { margin-bottom: 10px;}
.privacy-item.half { margin-bottom: 40px;}
.privacy-item:not(:last-child) { margin-bottom: 80px;}

.privacy-item .list > li:before { content: ""; position: absolute; width: 6px; height: 1px; background: #aaa; left: 0; top: 8px;}
.privacy-item .privacy-list > li, .privacy-item .list > li { padding-left: 14px;}
.privacy-item ul li, .privacy-item .privacy-list > li h4 { position: relative;}
.privacy-item .privacy-number li:before { content: counter(list-number); position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 4px; font-size: var(--font-size-14); width: 16px; height: 16px; border: 1px solid #505050; border-radius: 50%; text-align: center; line-height: 14px;}
.privacy-item .privacy-number li { counter-increment: list-number; color: #505050; font-weight: 500; font-size: 16px; padding-left: 24px; line-height: 20px;}
.privacy-info p { font-size: var(--font-size-17); color: #505050;}

#online .privacy-item h3 { font-size: var(--font-size-20);}
#online p { font-size: var(--font-size-16);}








/*페이지네이션*/
.pagination { font-size: var(--font-size-14);}
.pagination .page-item .page-link i { font-size: var(--font-size-18);}


/*footer*/






/*
footer p { color: #fff;}
footer p a { color: #fff;}

.company-inq { display: flex; justify-content: flex-start; gap: 20px;}
.company-inq p { color: #fff; font-weight: 400; font-size: var(--font-size-14);}

.company-inq a { color: #fff; text-decoration: underline;  font-size: var(--font-size-14);}
.company-inq a:hover { text-decoration: underline; color: #999;}

.address { font-size: var(--font-size-14); color: #fff;}
.address span + span::before { content: "|"; margin: 0 8px; color: #fff;}*/


/**/
footer { padding: 20px 0; background: var(--dark-gray); font-size: var(--font-size-15); font-weight: 300;}
footer span { font-size: var(--font-size-16);}
.footer .row.g-5 { display: flex; align-items: center; margin-top: 0px;}
.footer-entire { list-style: none; display: flex; flex-wrap: wrap;}
.footer-info { margin-bottom: 0;}
.footer-info span { margin-right: 10px; margin-left: 10px; color: #fff;}
.footer-info:after { content: ""; height: 18px; border-color: #FFFFFF30; position: absolute; border-style: solid; border-width: thin; margin-top: 4px;}

.footer-box { margin-top: 0;}

#copyright .hf-center { display: flex; justify-content: space-between; align-items: center;}
.footer-copy-right { padding: 16px 0; background: var(--dark-gray); border-top: 1px solid #333;}

.footer-copy-right p,
.footer-copy-right a { color: #fff; } 

.footer-copy-right a:hover,
.footer-copy-right a{ text-decoration: underline;}






















/*------미디어쿼리//------*/
@media (max-width: 1600px) {

:root {
		/* font */
        --font-size-14: 13px;
        --font-size-15: 14px;
        --font-size-16: 15px;
        --font-size-17: 15px;
        --font-size-18: 16px;
        --font-size-20: 17px;
        --font-size-24: 18px;
		--font-size-25: 19px;
        --font-size-26: 19px;
        --font-size-28: 20px;
        --font-size-30: 21px;
        --font-size-32: 25px;
        --font-size-36: 29px;
        --font-size-38: 34px;
        --font-size-42: 38px;
        --font-size-48: 40px;
        --font-size-54: 44px;
        --font-size-70: 55px;
        --font-size-80: 60px;
        --font-size-120: 80px;
        --header-height: 80px;
    }

}

@media (max-width: 640px) {
:root {
		/* font */
		--font-size-14: 12px;
		--font-size-15: 13px;
		--font-size-16: 14px;
		--font-size-17: 15px;
		--font-size-18: 16px;
		--font-size-20: 16px;
		--font-size-24: 16px;
		--font-size-25: 18px;
		--font-size-26: 18px;
		--font-size-28: 18px;
		--font-size-30: 20px;
		--font-size-32: 20px;
		--font-size-36: 21px;
		--font-size-38: 21px;
		--font-size-42: 28px;
		--font-size-48: 28px;
		--font-size-54: 32px;
		--font-size-70: 36px;
		--font-size-80: 40px;
		--font-size-120: 45px;
	}
}

@media all and (min-width:1200px) and (max-width: 1439px) {
.btn-common.header { padding: 15px 15px; align-items: center;}
.btn.btn-switch-text.btn-large > span { padding: 15px 30px;}



}

@media (max-width: 1199px) {
.section-padding { padding: 100px 0;}
.section-padding-top { padding-top: 100px; padding-bottom: 0;}
.section-padding-bottom { padding-top: 0; padding-bottom: 100px;}

.btn-common.header { padding: 10px 15px;}
.btn-common { align-items: center;}
.btn.btn-switch-text.btn-large > span { padding: 15px 30px;}

/*header*/

.btn-common.header { width: 150px;}

/*중고판매-게시판*/
#used-view .productview-summary { margin: 0;}
/*.product-top .productview-summary { padding-top: 0px;}*/
.product-top .product-view-img {width: 100%;}
.product-top .productview-catalog a { max-width: 100%;}

/*렌탈*/
.lg-p-14 { padding: 6% !important;}

/*유상수리*/
#repair .lg-pt-15 { padding-top: 13% !important;}
#repair .lg-pe-10 { padding-right: 5% !important;}
#repair .lg-pb-15 { padding-bottom: 13% !important;}
#repair .lg-ps-10 { padding-left: 5% !important;}




#repair-banner .repair-btn{ justify-content: center;}
#repair-banner .col-xl-6.text-xl-start.lg-mb-30px { text-align: center !important;}

}

@media all and (min-width:992px) and (max-width:1199px) {}

@media (max-width: 991px) {
.section-padding { padding: 80px 0;}
.section-padding-top { padding-top: 80px; padding-bottom: 0;}
.section-padding-bottom { padding-top: 0; padding-bottom: 80px;}

/*header*/
nav .icon { margin-left: auto;}
.menu-order { display: flex; align-items: center; gap: 10px;}

.header-icon { order: 2; margin: 0 20px;}


.product-top {flex-direction: column; align-items: flex-start; gap: 2.4rem;}
.product-top .product-view-img {width: 100%;}
.product-top .product-view-img .swiper-slide { padding-top: 80%;}
.product-top .product-view-img .swiper-slide img { width: 75%;}

.product-top .productview-summary { padding-top: 0;}
.product-top .productview-summary-list { margin-top: 24px;}
.product-top .productview-catalog a { max-width: 100%;}

.tab-style-01 .nav-tabs .nav-link { padding: 5px 20px;}

#rental01 .row .col:nth-child(n+4) { margin-top: 0px;}
#rental01 .row .col:nth-child(5) { margin-top: 30px;}
#rental01 .row .col:nth-child(6) { margin-top: 30px;}
#repair br.mo { display: none;}
#repair .icon-with-text-style-04:nth-child(4), 
#repair .icon-with-text-style-04:nth-child(5), 
#repair .icon-with-text-style-04:nth-child(6) { margin-top: 0;}



}


@media (max-width: 767px) {
.section-padding { padding: 60px 0;}
.section-padding-top { padding-top: 60px; padding-bottom: 0;}
.section-padding-bottom { padding-top: 0; padding-bottom: 60px;}

.btn-common.header { width: 160px;}




}

@media (max-width: 575px) {
.header-button { display: block;}
.sub-title { margin-bottom: 0;}
.title-h1 { margin-bottom: 20px;}

br.mo { display: none;}
.title-h2.mb-15px { margin-bottom: 5px !important; line-height: 33px;}
.search-bx { max-width: 500px;}

/*header*/
.btn-common.header { width: 140px; height: 40px; padding: 11px 11px;}

/*인사말*/
.col-xl-8 .mb-10px { margin-bottom: 0px !important;}
.col-xl-12 .mb-10px { margin-bottom: 0px !important;}

/*찾아오시는길*/
.root_daum_roughmap.root_daum_roughmap_landing.mb-5 { height: 400px;}

/*product*/
.nav-tabs li { width: 30%;}
.tab-style-01 .nav-tabs > li.nav-item .nav-link { border-radius: 50px; }
#product .card-body h5 { font-size: var(--font-size-38);}

/*product-게시판*/
.productview-bottom { padding-top: 40px;}
.productview-bottom h4 { font-size: var(--font-size-32);}
.mo_line { width: 100%; border-bottom: 1px solid #ddd;}

.productview-bottom-list { border-top: none;}

#view .productview-bottom-list{ border-top: 1px solid #ddd;}

#used h5 { font-size: var(--font-size-38);}

#rental02 .mb-10px { margin-bottom: 0px !important;}

/*유상수리*/
.lg-mb-30px { margin-bottom: 15px !important;}

/*footer*/
.footer-copy-right p, .footer-copy-right a { font-size: var(--font-size-16);}

}

@media (max-width: 480px ) {

/*header*/
header .navbar-brand .mobile-logo { width: 140px !important;}
.btn-common.header { width: 130px; height: 40px; padding: 6px 10px;}
.navbar-toggler.float-start { margin: 0 10px;}
.header-icon { margin: 0;}



/*신차판매-게시판*/
.productview-bottom-list li span:first-of-type { width: 43%;}

/*중고판매-게시판*/
#used-view .productview-summary { padding: 25px 15px 0 15px;}


/*렌탈*/
#rental01 .row .col:nth-child(6) { margin-top: 0px;}
#rental02 .row.align-items-center.pt-25px.pb-25px.border-bottom.border-color-charcoal-grey.g-0.position-relative.sm-pe-40px { gap:10px;}

/*online-inquiry*/
#online-banner-img { height: 430px;}

/*footer*/
.footer-logo { margin-bottom: 10px;}
#copyright .hf-center { align-items: flex-start; flex-direction: column; margin-right: 10px; margin-left: 10px;}
#copyright .hf-center p { margin-bottom: 5px;}


}

@media (max-width: 420px ) {
.footer-logo { width: 200px;}



}

@media (max-width: 390px ) {

}

@media (max-width: 375px ) {

header .navbar-brand .mobile-logo { width: 120px !important;}

.btn-common-blue { height: 40px;}



}



@media (max-width: 360px ) {
header .navbar-brand .mobile-logo { width: 108px !important;}



}

@media (max-width: 344px ) {





}





@media (max-width: 320px ) {

.btn-common.header { width: 130px;}

/*신차메뉴-게시판*/
.productview-bottom-list li span:first-of-type { width: 47%;}

}