@charset "utf-8";

:root {
	--font-size:18px;
	--sub-font-size: 16px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view, .mb_br {display:none}
.mont {font-family:'Montserrat', sans-serif; }


/*
.down .w_gnb .gnb > li > a, .over .w_gnb .gnb > li > a {color:#000 !important;}
.down .top_search > button, .over .top_search > button {color:#000;}
.down .top_search > button img, .over .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .over .top_search:before {background:#000;}
.down .top_lang > a, .over .top_lang > a  {color:#000;}
.down .top_lang > a img, .over .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_menu > li a.txt_bt, .over .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}
#header.over h1 img  {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0) !important;}


.down .menu_btn a span, .over .menu_btn a span {background: #000 !important}
.down .menu_btn span:before, .down .menu_btn span:after, .over .menu_btn span:before, .over .menu_btn span:after  {background: #000 !important}
.down .menu_btn a img, .over .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1) !important;}
 */

.down #header {top: -132px;}
.down #header .header_bar {top: -132px;}
.up #header {top:0px !important; }
.up #header .header_bar {top:0 !important}
#header.down {box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}


/* header */
#header {width:100%; position: fixed; left: 0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; margin-top:5px; line-height:0px}
.header_bar {padding:0px 10px; background: #fff; border-bottom:1px solid #d4d4d4;}
.in_header {max-width:var(--inner); width:100%; height:130px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out; padding-top: 131px;}
#inner_wrap {position:relative; padding:0px 10px 100px 10px; min-height:calc(100vh - 130px)}
.inner {width:100%; max-width:var(--inner); margin:0 auto;}


.all_menu {display:none;}
.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {display:flex; width:48px; padding:5px; height:48px; background:#fff; align-items:center; font-size:0px; font-weight:600; color:#000;}
.menu_btn a > span {display:flex; margin-left:3px; width:38px; height:38px; background: #fff; border-radius:100%; align-items:center; justify-content: center; overflow:hidden;}
.menu_btn a > span > span {position:relative; width:30px; height:21px;background: #000;}
.menu_btn a > span > span:After {content:""; width:100%; height:6px; background:#fff; position:absolute; left:0%; top:3px;}
.menu_btn a > span > span:before {content:""; width:100%; height:6px; background:#fff; position:absolute; left:0%; bottom:3px;}

.top_search_bt {position: absolute; right: 60px ;top: 50%; transform: translateY(-50%); display:none;}
.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size); z-index: 2;}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:200px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area .input {background:none}
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%);}
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;}
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
.search_area {display:flex; overflow:hidden; height:75px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat center center ;}


/* GNB */
.w_gnb {padding:0px 240px 0px 320px; height: 100%; display: flex; align-items: flex-end;}
.w_gnb .gnb {width: 100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; position:relative; max-width:180px;}
.w_gnb .gnb > li > a {color:#000000; display:flex; width:100%; justify-content:center; align-items:center; box-sizing:border-box; font-size:21px; font-weight:600; height:110px; transition:all 0.5s 0s ease-out; position:relative;}
.w_gnb .gnb > li > a::before {content: ""; width:0%; height: 32px; background: url(../img/common/on.svg) no-repeat center top; position: absolute; left: 50%; top:10px; transform: translateX(-50%); opacity:0; transition:all 0.3s 0s ease-out;}
.w_gnb .gnb > li:hover > a::before {opacity:1; width: 100%;}
.w_gnb .gnb > li.on > a::before {opacity:1; width: 100%;}
.w_gnb .gnb > li > a > span {display: flex; width: 100%; height:40px; border-radius:60px; justify-content:center; align-items:center; position: relative;}
.w_gnb .gnb > li > a > span .small {font-size:14px; position:absolute; left: 0px; top:-35%; text-align: center; width: 100%;}
.w_gnb .gnb > li:hover > a > span {}
.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:190px; overflow:hidden; top:80%; display:none; background: #272727; padding:25px 0px; border-radius:10px;}
.w_gnb .sub_menu > li {padding:5px 0px; }
.w_gnb .sub_menu > li > a {display:block; font-size:18px; color: #fff; text-align:center; font-weight:400; padding:4px 0px; line-height:1.4em; }
.w_gnb .sub_menu > li > a:hover {text-decoration: underline;}


.top_search {max-width:242px; border:2px solid var(--sub-key-color); width: 100%; border-radius:30px; position:relative; overflow: hidden; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); margin-top:10px;}
.top_search .search_area {display:flex; overflow:hidden; height:42px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area .input {border:none; outline:none; flex:1; width:100%; font-size:15px; text-indent: 1em;}
.top_search .search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat center center; background-size:20px auto ;}


/* slide_menu */
.slide_menu_wrap {width:100%; max-width:100%; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-102%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.2;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding:0px 30px 30px 30px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {background:url(../img/common/logo.png) no-repeat left center; height:100px; display: flex; align-items:center; position: relative;}
.slide_menu_inner .header:after {content:""; width:calc(100% + 60px); height:1px; background: #ccc; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.slide_menu_inner .bt_close {margin-left:auto; width:38px; height:38px; background: #000; border-radius: 100%; position: relative; font-size:1px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:2px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:2px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}

.slide_menu_wrap .top_menu {display:flex; margin-top:30px; background: var(--key-color); border-radius:10px;}
.slide_menu_wrap .top_menu > li:not(:first-child):before {content:""; width:1px; height:1em; background: #fff; opacity: 0.3; position: absolute; left:-5px; top:50%; transform: translateY(-50%);}
.slide_menu_wrap .top_menu > li {flex:1; position: relative; gap:10px}
.slide_menu_wrap .top_menu > li > a {color:#fff; display:flex; height:4em;justify-content:center; align-items:center; font-size:14px; line-height:1.4em; font-weight:400; padding:0px;}
.slide_menu_wrap .gnb {overflow:hidden; margin-top:20px;}
.slide_menu_wrap .gnb > li {transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > li > a {display:flex; justify-content: space-between; font-size:20px; line-height:1.3em; align-items: center; min-height:2.5em; font-weight:600; color:#000;}
.slide_menu_wrap .gnb > li:has(.sub_menu) > a:after {display: block; justify-content:center; align-items: center; content:"+"; width:26px; height:26px; border-radius:100%; background: #000; color:#fff; font-size:20px; line-height:24px; font-weight:400; text-align:center;}
.slide_menu_wrap .gnb > li:has(.sub_menu) > a.on:after {content:"-";background:var(--key-color);}
.slide_menu_wrap .gnb .sub_menu {display:none}
.slide_menu_wrap .gnb .sub_menu > li:not(:first-child) {margin-top:5px}
.slide_menu_wrap .gnb .sub_menu > li > a {display:flex; align-items: center; min-height:3em; background: #efefef; border-radius:4px; line-height:1.4; padding:5px 1em; font-size:16px; color:#000; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:600;}
.slide_menu_wrap.on .gnb > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}


.section {padding:0px 10px; padding-top:min(50px, 8vw); padding-bottom:min(50px, 8vw); font-size: var(--font-size); line-height:1.5em}


#section1 {padding:0px;}
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative; max-width:100%; margin: 0 auto;}
.main_visual .banner_slide .swiper  {position: relative;}
.main_visual .swiper-slide {text-align: center; position: relative;}

.main_visual .swiper-slide-active {position: relative; z-index: 9;}

.main_visual .swiper-slide .pc_view {display:inline-block; min-width: max-content;}
.main_visual .slide_control_wrap {position: absolute; width:100%; left:50%; transform: translateX(-50%); bottom:-1px; z-index:97; max-width:var(--inner); padding-left: 60px;}
.main_visual .slide_control {display: flex; background:url(../img/main/slide_control_bg.png) no-repeat left top; align-items: center; z-index:97; width: 306px; height:55px; gap:0px; margin:0px; justify-content: flex-start; padding-left:30px;}
.main_visual .slide_control .swiper-pagination {display: flex; align-items: center; gap:8px; min-width:3em; justify-content: center; font-size:11px; color:#666666; font-size:20px; font-weight:400}
.main_visual .slide_control .swiper-pagination-current {color: #000; font-weight:800;}
.main_visual .slide_control .play_stop_wrap {display: flex; align-items: center; justify-content: center; margin-left: 20px; width:32px; height: 32px; border:1px solid #000; border-radius:100%; background: #fff;}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:100%; height:26px; justify-content: center; align-items: center; color:#000; outline:none !important;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #000}
.main_visual .slide_control .play:before {display: block; content: "▶"; font-size:11px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width:2px; height:12px; border-left:3px solid #000; border-right:3px solid #000;}

.slide_control {display:flex; align-items:center; justify-content:center; gap:10px; margin-top:2.5em;}
.slide_control .arrow {width:30px; height:30px;}
.slide_control .arrow:after {content: ''; width:10px; height:10px; border-top: 3px solid #333; border-right: 3px solid #333; border-radius:2px; display: block;}
.slide_control .arrow.swiper-button-prev:after {transform: rotate(-135deg);}
.slide_control .arrow.swiper-button-next:after {transform: rotate(45deg);}
.slide_control .play_stop {font-size:0px; display: flex; width:30px; height:30px; justify-content: center; align-items: center; color:#000;}
.slide_control .play:before {display: block; content: "▶"; font-size:16px;}
.slide_control .stop:before {display: block; content: ""; width:4px; height:18px; border-left:4px solid #000; border-right:4px solid #000;}

.ask_wrap {width:100%; max-width: 350px; padding-top:55px; position: absolute; right:50%; top:60px; transform: translateX(-50%); margin-right: -885px; z-index: 9;}
.ask { border-radius: 0px 30px 30px 30px; background: var(--key-color); width:100%; border-radius: 0px 30px 30px 30px; background: var(--key-color); z-index: 9;}
.ask > h3 {background: url(../img/main/ask_bg.png) no-repeat left top; width: 306px; height: 80px; color: #fff; font-size:30px; line-height: 1.3em; font-weight: 700; padding:26px 0px 0px 40px; transform: translateY(-55px);}
.ask_wrap::before {content: ""; width:100%; height:100%; position: absolute; left:10px; top:-10px; background:#000; border-radius:30px; z-index: -1;}
.ask_wr {padding:0px 40px 30px 40px; margin-top:-45px}
.ask_wr > ul > li {display: flex; border-radius:8px; background: #fff; align-items: center; overflow: hidden;}
.ask_wr > ul > li + li {margin-top:10px}
.ask_wr > ul label {color: #666666; font-size:15px; line-height: 1.4em; min-width:6em; padding-left:1em; font-weight: 500; border-right:1px solid #ccc;}
.ask_wr > ul input {flex:1; height:54px; padding:5px 0.8em; font-size:var(--font-size); width: 100%;}
.ask_wr > ul select {flex:1; height:54px; padding:5px 0.8em; font-size:15px;color: #666666; width: 100%;font-weight: 500;}
.ask_wr > ul select option { font-size:var(--font-size); color: #000;  }
.ask_wr .agree {display: flex; align-items: center; justify-content: space-between; margin-top: 1em; color:#fff; font-size:15px; line-height: 1.4em;}
.ask_wr .agree a { color:#fff; text-decoration: underline; font-weight: 300;}
.ask_wr .ask_btn {display: flex; justify-content: center; align-items: center; color: #ffd800; font-size:1.33em; line-height: 1.4em; height: 60px; border-radius:8px; background: #000; margin-top: 20px; font-weight: 600;}

.section .more, .bg_section .more , .car_list_slide .more  {position:absolute; right:0px; top:0px;}
.section .more > a, .bg_section .more > a, .car_list_slide .more > a {display:flex; color:#000; font-weight:400; gap:5px; align-items:center;}



.m_tit {padding:1em 0px 0.6em 0px; color:#000000; font-size:2.5em; line-height:120%; font-weight:400; display: flex; gap: 0px 0.2em;}
.m_tit > strong {font-weight:800;}
.m_tit_txt {font-size:1.11em;}
.m_tit_txt + .m_tit {padding-top:0px;}
.m_tit_b {font-size:2.66em;}
.m_tit .label {display: block; color: #fff; padding: 0.2em 0.5em; font-weight: 500; transform: skew(-10deg); z-index: 2; background: #581696; font-size:26px; line-height:1.3em; align-self: flex-start; position: relative;}
.m_tit .label:After {content: ""; border-top: 10px solid #581696; border-right: 30px solid transparent; position: absolute; left: 0px; top: calc(100% - 2px);}


#section2 {position:relative; padding-top:min(50px, 5vw);}

.main_quick {display: flex; justify-content: space-between; gap:10px;}
.main_quick > li {max-width: 340px; flex: 1;}
.main_quick > li > a {display: flex; gap:5px; justify-content: center; align-items: center; height: 120px; border-radius:20px; padding:10px; font-size:1.333em; line-height: 1.4em; font-weight: 500; background: var(--sub-key-color); color: #fff; transition:all 0.3s 0s ease-in-out; }

.main_quick > li > a .small {font-size:var(--font-size); font-weight: 400; line-height: 1.2em; display: block;}
.main_quick .ico {min-width: max-content;}

@media (hover: hover) and (pointer: fine) {
	.main_quick > li > a:hover {box-shadow:0px 0px 15px rgba(0, 0, 0, 50%);}
  }

#section3 {background: #f2f2f2;}
.car_search_wrap {display: flex; gap:25px}
.car_search {flex:1; display: flex; gap: 25px;}
.car_search > li {flex:1; }
.car_search .label {font-size:20px; line-height:1.4em; font-weight: 700;margin-bottom: 10px; }
.car_search .list {display: flex; flex-wrap: wrap; gap: 5px; overflow-y: auto; max-height: 152px;}
.car_search .list::-webkit-scrollbar { width: 6px; }
.car_search .list::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.car_search .list::-webkit-scrollbar-track { background-color: transparent;  }
.car_search .list > li {width:calc(50% - 2.5px)}
.car_search .list > li label {display:flex; height:46px; cursor: pointer; border:1px solid #d4d4d4; border-radius:8px; background: #fff; justify-content: center; font-size:17px; font-weight: 700; line-height: 1.2em; flex-wrap: nowrap; text-align: center;}
.car_search .list > li label .ico {min-width:60px; flex: none; line-height: 0px; text-align: center;}
.car_search .list > li label img {max-width: 49px; max-height: 30px;}
.car_search .list > li :checked + label {background: var(--key-color); color: #fff;}
.car_search .list > li label::before {display: none;}
.car_search .list > li label:has(.ico) {justify-content: flex-start;}
.car_search_wrap .search {width: 23%;}
.car_search_wrap .search .tit {font-size:24px; line-height: 1.4em; margin-bottom: 5px;}
.car_search_wrap .search input {border-radius:8px; border:1px solid #d4d4d4; font-size:15px; line-height: 1.5em; width: 100%; height: 46px; margin-bottom:10px;}
.car_search_wrap .search .btn {display: flex; gap:5px;}
.car_search_wrap .search .btn > li {flex:1;}
.car_search_wrap .search .btn a {display: flex; height:50px; border-radius: 8px; background: var(--sub-key-color); color: #fff; justify-content: center; align-items: center;}
.car_search_wrap .search .btn .bt2 {font-size:1.22em; color: #ffd800; font-weight:600; line-height: 1.3em;}

.car_list {position: relative;}
.car_list .more {top:-3.5em;}
.car_list > ul {display: flex; flex-wrap: wrap; gap:21px;}
.car_list > ul > li {width:calc(25% - 16px)}
.car_list .box {display:flex; flex-direction: column; height: 100%; border:1px solid #d4d4d4; position: relative; border-radius:min(20px, 3vw); padding: 34px 12px 0px 12px; overflow: hidden;  transition:all 0.3s 0s ease-in-out;}
.car_list .box::before {content: ""; width: 100%; height:30%; background: #ececec; position: absolute; left:50%; top: 0px; transform: translateX(-50%); z-index: -1;}
.car_list .box .label {display: block; position: absolute; left:23px; top: 23px; color: #fff; padding:0.2em 0.5em; font-weight: 500; transform: skew(-10deg); z-index: 2; border:none !important}
.car_list .box .label:After {content: ""; border-top:10px solid #fd7015; border-right:30px solid transparent; position: absolute; left: 0px; top:90%;}
.car_list .box .label.type1 {background: #fd7015;}
.car_list .box .label.type2 {background: #df00ad;}
.car_list .box .label.type2:After {border-top-color:#df00ad;}
.car_list .box .label.type3 {background: #b400ff;}
.car_list .box .label.type3:After {border-top-color:#b400ff;}
.car_list .box .label.type4 {background: #17a54d;}
.car_list .box .label.type4:After {border-top-color:#17a54d;}
.car_list .box .label.type5 {background:#049bb1}
.car_list .box .label.type5:After {border-top-color:#049bb1;}
.car_list .box .photo {padding-bottom:calc(198 / 318 * 100%); overflow: hidden; position: relative; display: block;}

.car_list .box .photo > img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.car_list .box .body {padding:0px 18px 20px 18px}
.car_list .box .name {font-size:1.33em; line-height: 1.4em; font-weight: 700;}
.car_list .box .age { display: inline-block; border-radius: 10px; color: #fff; font-size:0.95em; font-weight:500; line-height: 1.4em; padding:0.2em 0.5em;}
.car_list .box .dec { padding-top:0.7em; line-height: 1.2em;}
.car_list .box .info {overflow: hidden; display: flex; flex-wrap: wrap; gap: 0px 1.6em; color: #7b7b7b;}
.car_list .box .info > li + li {position: relative;}
.car_list .box .info > li + li::after {content: ""; width: 1px; height:0.8em; background: #ccc; position: absolute; left:-0.8em; top: 50%; transform: translateY(-50%);}
.car_list .box .deposit {margin-top:1em; font-size: 1.1em; line-height: 1.4em; font-weight: 700; color: #000;}
.car_list .box .rent_price {display: flex; gap:0px 0.5em; align-items: center; flex-wrap: wrap; justify-content: center; min-height:2.7em; color: #fff; font-size:1.444em; line-height: 1.4em; font-weight: 500 ; margin: 0px -12px; padding: 0.5em; text-align: center; margin-top: auto;}
.car_list .box .rent_price > strong {font-size:1.07em; font-weight: 800;}
.car_list.new .box .rent_price {background: #00158c;}
.car_list.new .box .age { background: #00158c;}
.car_list.used .box .rent_price {background: #046247;}
.car_list.used .box .age { background: #046247;}
.car_list.subscription .box .rent_price {background: #581696;}
.car_list.subscription .box .age { background: #581696;}



.introduce > div {position: relative;}
.introduce > div .bg_img {position:absolute; left: 50%; top: 0px; max-width:inherit; width:1920px; height: 100%; transform: translateX(-50%); object-fit: cover; z-index: -1;}
.introduce>div .txt_a {font-size: 2.55em;line-height: 1.4em;font-weight: 700;}
.introduce>div .txt_b {font-size: 1.444em;line-height: 1.4em;padding-top: 0.5em;}
.introduce .first-box {height: 640px; color: #fff; display: flex; flex-direction: column; justify-content: center; padding-bottom:5em;}
.introduce .second-box {padding:min(100px, 10vw) 0px; background: #f5fbff; text-align: center;}
.introduce .second-box::before {display: block; content: ""; position:absolute; left: 50%; top: 0px; width:100vw; height: 100%; transform: translateX(-50%); background: #f5fbff; z-index:-1}
.introduce .second-box > ul {display:flex; gap:20px;}
.introduce .second-box > ul > li {flex:1; text-align: center;}
.introduce .second-box > ul > li img {max-width:30vw;}
.introduce .second-box > ul dt {color:var(--sub-key-color); margin-top:0.4em}
.introduce .third-box {height: 1105px; color: #fff; display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom:5em;}
.introduce .third-box .txt_a {padding-top:2.5em}

.map_wrap {border-bottom:1px solid #ccc; height:580px; overflow:hidden; box-sizing:border-box; margin-top:30px; margin-bottom:1em}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}




@media (hover: hover) and (pointer: fine) {
	.car_list.new .box:hover {box-shadow:inset 0 0 0 1px #00158c; border-color:#00158c;}
	.car_list.used .box:hover {box-shadow:inset 0 0 0 1px #046247; border-color:#046247;}
	.car_list.subscription .box:hover {box-shadow:inset 0 0 0 1px #581696; border-color:#581696;}
  }




#section5 {background: #f2f2f2;}

.main_banner {display: flex; gap:30px;}
.main_banner > li {flex:1;}
.main_banner .box {border-radius:min(24px, 4vw); overflow: hidden; padding:1em 2.5em; display: flex; justify-content: space-between; gap: 5px; align-items: center; min-height:260px;}
.main_banner .box .info {flex: 1;}
.main_banner .box .img {max-width:33%}
.main_banner .box .txt_a {font-size:2.55em; font-weight:800; line-height:1.3em;}
.main_banner .box .txt_b {font-weight:300; padding-top: 0.3em;}
.main_banner .box .txt_c {font-size:1.22em; font-weight:500; line-height:1.3em;}
.main_banner .box .txt_d {font-size:3em; font-weight: 800; line-height:1.2em;}
.main_banner .ban01 .box {background: var(--key-color); color: #fff;}
.main_banner .ban02 .box {background: var(--sub-key-color); color: #fff;}
.main_banner .ban03 .box {background:#fddc2f; color:#000; padding-right: 1.5em; padding-bottom: 0px;}
.main_banner .ban03 .box .img {min-width:42%; align-self: flex-end;}
.main_banner .ban02 .box .txt_c {color: #ffd800;}
.main_banner .ban02 .box .txt_d {color: #ffd800;}

.quick_ask_wrap {position: relative; transition:all 0.3s 0s ease-in-out;}
.quick_ask_wrap .quick_ask {transition:all 0.3s 0s ease-in-out;}
.quick_ask .toggle_btn {display: flex; align-items:center; justify-content:center; color:#fff; gap:5px; border-radius:10px 10px 0px 0px; font-size:1em; width:160px; height:50px; position: absolute; left: 50%; bottom:99%; transform: translateX(-50%);  background:#00158c;}
.quick_ask .toggle_btn img {vertical-align:middle; transform:translateY(1px)}
.off .quick_ask {transform: translateY(100%);}
/* .quick_ask_wrap.off {margin-top: -147px;} */

#section7 {background:#f2f2f2;}
.car_review {position: relative;}
.car_review .more {top: -3.5em;}
.car_review .swiper {overflow: hidden;}
.car_review .swiper-scrollbar {opacity:1 !important; bottom:0px !important; width: 100%; height:4px; margin-top:50px;}
.car_review .list {display: flex; flex-wrap: wrap;}
.car_review .list > li {width:calc(25% - 21px)}
.car_review .box {display: block; height: 100%; border: 1px solid #d4d4d4; position: relative; border-radius: min(20px, 3vw); overflow: hidden;}
.car_review .box .photo {padding-bottom: calc(285 / 339 * 100%); overflow: hidden; position: relative; display: block;}
.car_review .box .photo > img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover;}
.car_review .box .body {padding: 1.4em; border-top:4px solid #000;}
.car_review .box .txt_a {font-size: 1.33em; line-height: 1.4em; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.car_review .box .txt_b {font-size: 1.22em; margin-top: 0.2em; line-height: 1.3em; font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.6em;}
.car_review .box .txt_c {line-height: 1.4em; color: #333333; margin-top: 0.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.8em;}
.car_review .box .date {padding-top:1em; color: #7b7b7b;}
.car_review .list {display: flex; flex-wrap: wrap; gap:21px;}
.car_review .list > li {width:calc(25% - 16px)}

.side_quick { position: fixed; right:0px; top: 50%; z-index:98; transform: translateY(-50%); min-height:488px; transition:all 0.3s 0s ease-in-out;}
.side_quick > ul {width: 130px;}
.side_quick > ul > li {border-radius:36px 0px 0px 36px;}
.side_quick .tel {background:#00158c}
.side_quick .kakao {background:#1d1d1d}
.side_quick .cafe {background:#03c75a}
.side_quick a {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-weight:700; line-height: 1.2em; color:#fff; padding:20px 0px 20px 10px;}
.side_quick a .ico {display:block; margin-bottom:10px;}
.side_quick .tel a {font-size:30px; line-height: 1.1em ;}
.side_quick .kakao a {font-size:26px; line-height: 1.2em; color: #ffd800;}
.side_quick .cafe a {padding:15px 0px 10px 10px}

.quick_ask_wrap {position: relative;}
.quick_ask.stop {position: relative; height: 100%;}
.quick_ask {position: relative; padding: 22px 20px; border-radius:30px 30px 0px 0px ; background:var(--sub-key-color); position:fixed; left: 0px; bottom: 0px; width: 100%; z-index:97;}
.quick_ask .ask {background:var(--sub-key-color); max-width: var(--inner); margin: 0 auto;}
.quick_ask > h4 {color: #fff; font-size: 1.5em; line-height: 1.4em;}
.quick_ask .ask_wr {display: flex; flex-wrap: wrap; gap:10px; padding:0px; margin: 0px; align-items: flex-end;}
.quick_ask .ask > h3 {background:none; width: 100%; height: auto; font-size:1.5em; padding:0px; transform:none;}
.quick_ask .agree_wrap {width:20%; margin-top: -1em;}
.quick_ask .ask_wr .agree {margin:0px}
.quick_ask .ask_wr .ask_btn {margin-top:10px; height:54px; background:var(--key-color); color: #000;}
.quick_ask .ask_wr > ul {flex:1; display: flex; align-items: center; gap: 10px;}
.quick_ask .ask_wr > ul > li {flex:1;}
.quick_ask .ask_wr > ul > li + li {margin:0px;}

#section10 {display:none;}



/* footer */
#footer {max-width:var(--inner); padding:50px 10px; position:relative; margin:0 auto; background:#272727; display: flex; gap:20px; z-index:97;}
#footer a {color: #fff;}
#footer::before {content:""; width: 100vw; height: 100%; position:absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1; background:#272727;}
#footer .navi {display: flex;}
#footer .navi > li {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
#footer .navi > li:not(:first-child) {margin-left:1em; padding-left:1em;}
#footer .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:0.8em; background:#fff; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
#footer .navi > li a {display:block; color:#fff; font-weight:400; line-height:1.3em; }
#footer .f_logo {min-width: max-content; align-self: flex-end;}
#footer .customer {margin-left: auto; align-self: flex-start;}
#footer .customer > dl {font-size:1.222em; line-height: 1.4em; color: #fff;}
#footer .customer > dl dd {font-size:2em; line-height: 1.4em; font-weight:700;}


.addressW {gap:10px; position:relative; color: #fff; padding-left: 1em;}
.addressW address {display: flex; flex-wrap: wrap; gap:0em 2em; flex: 1; max-width:710px; margin-top:1em;}
.addressW .copy {width:100%; display: flex; flex-wrap: wrap; gap: 10px 20px;}
.addressW .copy > a {text-decoration: underline;}

.go_top {position:fixed; right:20px; top:50%; transform:translateY(-50%); margin-top:330px; z-index:98; transition:all 0.3s 0s ease-in-out;}
.go_top > a {display:flex; align-items:center; justify-content:center; background:#1d1d1d; border-radius:100%; width:80px; height:80px;}


/* sub_page */

.quick_sns {display:flex; justify-content: flex-end; gap:2px; margin:20px 0px 30px 0;}
.quick_sns a {display:block;}
.quick_sns img {max-width:8vw; vertical-align: top;}

.title_bar {text-align: center; padding:3em 0px 3em 0px;}
.title_bar > h2 {font-size:2.33em; line-height: 1.4em; font-weight:800}


.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.font20 {font-size:1.11em; line-height: 1.4em ;}
.bg_section {position: relative; margin:min(60px, 6vw) 0px; padding:min(50px, 5vw) 0px}
.bg_section .s_tit:first-child {margin-top: 0px;}
.bg_section .m_tit:first-child {padding-top: 0px;}
.bg_section::after {content:""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background:#f2f2f2; z-index: -1;}
.s_tit {font-size:2.22em; line-height:130%; position:relative; margin:2em 0px 0.3em 0px; font-weight:600; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
.s_tit.no-flex::before {display:none;}
.s_tit:before {display:block; content:""; z-index:0; width:var(--sub-font-size); height:var(--sub-font-size); border-radius:100%; background:var(--key-color); margin-right:0.3em;}

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.33em; margin:2.15em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}

.bar_tit {display: flex; color: #fff; background: var(--key-color); font-size: 1em; line-height: 1.4em; min-height: 2.8em; align-items: center; justify-content:center; text-align:center; padding:0.5em; margin:10px 0px;}
.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.sub_top_img {max-width: var(--inner); margin: 0 auto; margin-bottom:0em;}


.introduce .big_text {font-size:min(2.66em, 6vw); line-height:1.4em;}
.introduce .in_movie .video_wrap {border-radius:min(20px, 4vw); overflow: hidden;}
.introduce .in_movie .vod-txt {width:100%; height:186px; padding:25px 4%; border-radius:6px; border:none; background:#f6f8fe; display:block; overflow-x:hidden;}
.introduce .img_box {display: flex; gap:25px; padding-top:25px}
.introduce .img_box .img {width:50%}
.introduce .img_box .txt {flex:1}
.introduce .img_box img {width:100%}
.introduce .sign {text-align: right; font-size:1.222em; line-height:1.3em;}

.car_view {position: relative; padding:min(50px, 6vw) 0px;}
.car_view::before {content:""; width: 100vw; height: 100%; background: #f2f2f2; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1;}

.car_view .top {display: flex; gap:10px; justify-content: space-between; flex-wrap: wrap; font-size:1.33em; line-height: 1.4em ;}
.car_view .top_left {flex:1}
.car_view .name {font-size:2.08em; line-height: 1.4em; font-weight: 800;}
.car_view .top_left .info {max-width: 620px; margin-top:0.5em;}
.car_view .info {overflow: hidden; display: flex; flex-wrap: wrap; gap:0px 1.4em;}
.car_view .info > li {position: relative;}
.car_view .info > li + li::before {content:""; width: 1px; height:60%; background: #c5c5c5; position: absolute; left: -0.7em; top: 50%; transform: translateY(-50%);}
.car_view .top_right {display: flex; align-items: center; gap: 1em; align-self: flex-start;}
.car_view .top_right .btns {display: flex; align-items: center; gap:0px 0.8em;}
.car_view .btns .btn {display: flex; width: 60px; height: 60px; background:#fff; border-radius:100%; justify-content: center; align-items: center; padding: 0px;}
.car_view .btns .btn:hover img {filter: invert(50%) sepia(85%) saturate(2219%) hue-rotate(351deg) brightness(100%) contrast(99%);}

.car_detail {display: flex; margin-top:30px; gap: 34px; align-items: flex-start; justify-content: space-between;}
.car_detail .mySwiper2 {flex:1; max-width: 1080px;  overflow: hidden;position: relative;}
.car_detail .mySwiper {width: 315px; min-width:315px;}

.car_detail .img { border-radius:20px; overflow: hidden; display: block; padding-bottom: calc(640 / 1080 * 100%); position: relative;}
.car_detail .img > img {width:100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px;}
.car_detail .slide_control {position: absolute;  display: flex; right:20px; bottom:20px; border-radius:30px; background: rgba(0, 0, 0, 50%); justify-content: center; align-items: center; padding: 0px 1.3em; z-index: 97; height:2.5em; gap: 0px;}
.car_detail .slide_control .swiper-pagination {display: flex; align-items: center; gap:7px; font-size:1.222em; color:#fff; font-weight:300;}
.car_detail .slide_control .swiper-pagination > span {font-weight:600; min-width: 1.3em; text-align: center;}
.car_detail .slide_control .arrows:after {width: 10px; height: 10px; border-radius:0px;}

.car_detail .thumbSwiper {height:640px; overflow-y: auto; }
.car_detail .thumbSwiper .swiper-wrapper {flex-wrap: wrap; gap:7px; align-items: flex-start; height: auto; margin-left: auto; max-width:295px;}
.car_detail .thumbSwiper .swiper-slide {height:85px !important; width:144px; border-radius:10px; overflow: hidden; cursor: pointer;}
.car_detail .thumbSwiper .swiper-slide-thumb-active {border: 2px solid #ffa800;}
.car_detail .thumbSwiper img {width: 100%; height: 100%; object-fit: cover;}
.car_detail .thumbSwiper .img {border-radius: 0px;}

@media screen and (min-width:1440px) {
	.car_detail .thumbSwiper .swiper-slide {margin: 0px !important;}
	.car_detail .thumbSwiper .swiper-wrapper {transform: none !important;}

}



.car_option {display: flex; flex-wrap: wrap;}
.car_option > li {width:14.28%; border:1px solid #dddddd; display: flex; flex-direction: column; gap: 0.5em; padding: 1em; justify-content: center; align-items: center; margin-top: -1px; border-left:none; text-align: center;}
.car_option > li:nth-child(1),
.car_option > li:nth-child(8) {border-left: 1px solid #ddd;}
.car_option_box {padding:1.5em; background: #f8f8f8;}

.contract_option {display: flex; flex-wrap: wrap;}
.contract_option > li {width:25%; border:1px solid #dddddd; display: flex; gap: 0.7em; padding: 1em; align-items: center; margin-top: -1px; border-left:none; padding:1.5em}
.contract_option > li .ico {min-width:max-content }
.contract_option dl dt {font-size: 1.222em; line-height: 1.4em; font-weight: 600;}
.contract_option dl dd {color: #666666;}
.contract_option > li:nth-child(1),
.contract_option > li:nth-child(5) {border-left: 1px solid #ddd;}

.rent_step {display: flex; justify-content: space-between; gap: 10px;}
.rent_step > li {max-width:260px; flex: 1; background: #fff; border:1px solid #ddd; border-radius:15px; padding:1.5em; display: flex; align-items: center; gap:0.8em;}
.rent_step > li .ico {min-width:max-content}
.rent_step > li .txt {display:flex; flex-direction: column; align-items: flex-start; align-self: flex-start;  line-height: 1.3em; font-size: 1.222em; font-weight:600; }
.rent_step > li .num {background:var(--sub-key-color); color: #fff; border-radius:20px; display: inline-flex; font-weight: 500; min-width:2.5em;justify-content: center; padding:0.05em 0.2em; margin-bottom: 0.2em; font-size: 0.9em;}

.car_list_slide {position: relative;}
.car_list_slide .car_list {overflow: hidden; }
.car_list_slide .car_list > ul {flex-wrap: nowrap; gap:0px;}
.car_list_slide .more {top:-60px;}
.car_list_slide .swiper-scrollbar {opacity:1 !important; bottom:0px !important; width: 100%; height:4px; margin-top:50px;}


.faq_list > li:not(:first-child) {margin-top:1em}
.faq_list .q_box {display: flex; align-items: center; background: #b1b0fc; border-radius:min(14px, 4vw); min-height:3.55em; padding:10px 1em; position: relative; z-index: 2;}
.faq_list .num {margin-right:1em; display: flex; align-items: center; justify-content: center; width: 2.444em; height:2.444em; background: #fff; font-weight:700; border-radius:100%;}
.faq_list .q_box .txt_t {flex:1; font-weight:700;}
.faq_list .q_box .plus {margin-left:auto; display: flex; align-items: center; justify-content: center; width:32px; height:32px; background:#000; color:#fff; font-weight: 600; font-size:22px; border-radius:10px;}
.faq_list .a_box {padding:1.5em 1em 1.2em 4.444em; margin-top:-0.5em; background: #f6f8fe; border-radius:0px 0px min(14px, 4vw) min(14px, 4vw);}

.file_type > li {display: flex; align-items: center;}
.file_type > li + li {margin-top:0.5em;}
.file_type > li .subj {min-width:8em;}

.cart_top {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; margin-bottom:0.8em}
.cart_top .ss_tit {margin:0px;}
.cart_top .btnNormal {height:2.2em}
.car_chk label {font-size:0px}
.car_chk input[type="checkbox"] + label:before {margin:0px; width:16px; height:16px}
.table-list + .cart_top {margin-top:min(55px, 6vw)}
.car_img img {max-width:120px; width:100%; }

.atab_wrap { padding:1em; background: #f6f8fe; border-radius:100px;}
.atab {display:flex; overflow-x:auto; gap:min(12px, 2vw); position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:3.11em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#666666; padding:0px 5px; border-radius:60px; }
.atab li.on a {background:var(--key-color); color:#fff;}

.btab {border-bottom:1px solid #cccc; margin-bottom:40px; display:flex; flex-wrap:wrap; justify-content:center; padding:1.5em 0px;}
.btab li {padding:2px 1em;}
.btab li a {color:#999999; font-weight:600;}
.btab li.on a {color:#009477; font-weight:700;}



.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 40%);  zoom:1;}
.layerPop_inner {width:100%; height:100%; padding:15px; display:table; table-layout:fixed; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {position:relative; padding:15px 20px; font-size:17px; line-height:1.5em; background:#fff; word-break:keep-all; max-height:calc(100vh - 200px); overflow-y: auto;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .pop_body .x_btn {top:10px; right:10px; transform:none;}
.pop_wrap .pop_body .x_btn:after {background:#000}
.pop_wrap .pop_body .x_btn:before {background:#000}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:5px solid #000; overflow:hidden; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%) }
.pop_wrap .pop_wrap_in.round{border-radius: min(16px, 5vw); border:none;}
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff; min-height:40px; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .title {color:#000}
/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000}
.pop_wrap .pop_head {background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%);; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 20px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}

.pop_wrap.round {
    border-radius: min(16px, 5vw);
}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:99999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; font-size:14px; box-sizing:border-box; border-top:1px solid #000; display: flex;}
.main_pop_bottom .close {background: #fff; flex: 1; height:2.8333em; display: flex; justify-content:center; align-items: center; text-align: center; font-size:18px; line-height:1.4em; font-weight: 600;}
.main_pop_bottom .close + .close {border-left:1px solid #000;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative;}
.main_layer_pop .pop_wrap_in {margin:0 auto; border-radius:20px; border:1px solid #000;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}



.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}



/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}

}

/* 1640px 이하 */
@media screen and (max-width:1640px) {

	.side_quick {transform: translate(120%, -50%);}
	.go_top {margin-top:0px;  transform:none; top:auto; bottom:150px}
	.go_top.down {margin:0px; transform:none; top:auto; bottom:10px}
}

/* 1440px 이하 */
@media screen and (max-width:1439px) {

	.ask_wrap {right:18px; transform:none; margin-right:0px;}


	#footer {flex-direction: column;}
	#footer .f_logo {align-self:center;}
	#footer .f_logo img {max-width:44vw}
	#footer .customer {margin: 0px; align-self:center;}
	#footer .navi {justify-content: center;}
	.addressW address {max-width: none; justify-content: center;}
	.addressW .copy {justify-content: center;}

	.car_detail .mySwiper2 {width: 100%; max-width: 100%; flex: none;}
	.car_detail {flex-direction: column;}
	.car_detail .thumbSwiper {height: auto; overflow: inherit}
	.car_detail .mySwiper {width: 100%; min-width:inherit	}
	.car_detail .thumbSwiper .swiper-wrapper {flex-wrap: nowrap; gap:0px; max-width:inherit; }
	.car_detail .thumbSwiper .swiper-slide {height: auto !important;}

}
@media screen and (max-width:1280px) {
	.all_menu {display:block;}
	.w_gnb {display: none;}
}
/* 1200px 이하 */
@media screen and (max-width:1200px) {

	#header h1 {}
	.menu_btn {}
	.top_search {margin-top: 0px; right:60px}

	#wrap {padding-top: 110px;}
	.in_header {height: 110px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .txt_frame {justify-content: center; padding-bottom:60px;}
	.main_visual .banner_slide {width:100%; max-width: none;}
	.main_visual .slide_control_wrap {padding-left:10px;}
	.main_visual .ask_wrap {max-width: 100%; padding:20px 10px; position: relative; top: auto; right:auto; 	}
	.main_visual .ask {padding:30px; border-radius:30px;}
	.main_visual .ask > h3 {background: none; width: 100%; height: auto; padding:0px 0px 0px 0px; transform: none;}
	.main_visual .ask_wrap::before {display:none;}
	.main_visual .ask_wr {margin: 10px 0px 0px 0px; padding:0px}
	.main_visual .ask_wr > ul {display: flex; flex-wrap: wrap; gap:20px 10px;}
	.main_visual .ask_wr > ul > li {flex:calc(50% - 5px); margin:0px !important;}
	.car_search_wrap {flex-direction: column;}
	.car_search_wrap .search {width:100%}
	.car_list > ul > li {width: calc(33.333% - 14px);}

	.car_review .list > li {width: calc(33.333% - 14px);}

	.car_view .top {flex-direction: column; font-size: 1.2em;}
	.car_view .top_right {margin-left: auto;}
	.car_option > li {width: 33.3333%; border-left:none !important}
	.car_option > li:nth-child(1), .car_option > li:nth-child(4), .car_option > li:nth-child(7), .car_option > li:nth-child(10), .car_option > li:nth-child(13) {border-left: 1px solid #ddd !important;	}

	.contract_option > li {width:50%; border-left:none !important}
	.contract_option > li:nth-child(1), .contract_option > li:nth-child(3), .contract_option > li:nth-child(5), .contract_option > li:nth-child(7) {border-left: 1px solid #ddd !important;}
	.rent_step {flex-wrap: wrap;}
	.rent_step > li {width:calc(50% - 5px); flex: none; max-width:none;}

	.main_banner {flex-direction: column;}
	.main_banner .ban03 .box .img {min-width:auto; max-width: max-content;}
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:17px;
		--sub-font-size:15px;
	}


	.slide_menu_wrap {width:100%; max-width:100%; right:-102%}
	.main_visual .swiper-slide .pc_view {display:none;}
	.main_visual .swiper-slide .mb_view {display:inline-block;}

	.car_search {flex-direction: column;}
	.car_search .list > li {width:calc(20% - 4px);}
	.car_search .list > li label {padding:0px 1em}
	.car_list > ul > li {width: calc(50% - 11px);}
	.car_review .list > li {width: calc(50% - 11px);}

	.quick_ask_wrap {display:none;}

	.main_quick {flex-wrap:wrap}
	.main_quick > li {flex: none; width: calc(50% - 5px); max-width: none;}

	.m_tit {font-size: 2.2em;}
	.m_tit .label {font-size:20px;}

	.side_quick {transform: none; width:100%; padding: 20px; bottom: 0px; transition: none; min-height: auto; top: auto;}
	.side_quick > ul {width: 100%; display: flex; border-radius:20px ; overflow: hidden;}
	.side_quick > ul > li {flex:1; border-radius:0px;}
	.side_quick .cafe {display:none;;}
	.side_quick a {flex-direction: row; gap:0.5em; padding:0px; height:90px;}
	.side_quick a br {display:none;}
	.side_quick a .ico {margin:0px; width:60px;}
	
	.side_quick .kakao {background:#ffd800}
	.side_quick .kakao a {font-size: 1.3em; color:#361c1d; animation: blink-animation 0.8s infinite steps(1);}

	@keyframes blink-animation {
	  0% { opacity: 1; }   
	  50% { opacity: 0; } 
	  100% { opacity: 1; } 
	}

	.side_quick .tel a {font-size: 1.4em;}

	#footer {padding-bottom:120px;}
	.go_top  {bottom:110px !important; transform: none !important; margin:0px !important; top:auto !important}
	.go_top > a  {width:50px; height:50px;}
	.go_top > a img {width:24px}

}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:15px;
		--sub-font-size:14px;
	}


	.pc_view {display:none}
	.mb_view {display:block}
	.top_search {display:none;}
	.top_search_bt {display:block; right: 40px;}
	.top_search_bt img {width: 26px;}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important; padding:10px;}

    .main_pop_bottom .close {font-size:14px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	#wrap {padding-top:70px;}
	#header h1 {margin:0px}
	#header h1 img {height:50px}
	.in_header {height:70px;}
	.menu_btn a {width:32px; height:32px; padding:0px; text-indent: -9999999em; border: none;}
	.menu_btn a > span {border-radius:0px;}
	.menu_btn a > span > span {width:100%; height:3px;}
	.menu_btn a > span > span:after {background: #000; top:-10px; height:100%}
	.menu_btn a > span > span:before {background: #000; bottom:-10px; height:100%}

	.main_visual .txt_frame {height:min(550px, 110vw);}
	.main_visual .txt_frame > img {max-height:80%;}

	.m_tit {font-size:min(2em, 8vw);}
	.section .more > a > span {width:28px; height:28px}


	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}

	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
    /* .table_wrap:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background: linear-gradient(to left, rgba(0, 0, 0, 10%) 0%, rgba(57, 114, 57, 0) 100%);} */


	.introduce .first-box {padding-bottom: 10em; font-size:2.2vw; height: min(500px, 90vw);}
	.introduce > div .bg_img {width:110%}
	.introduce .second-box .logo img {max-width: 40vw;}
	.introduce .second-box > ul > li {font-size:2.2vw;}
	.introduce .third-box { height: min(1105px, 140vw); font-size:2.2vw ;}

	.car_detail {gap: 10px;}

	.car_view .btns .btn {width: 50px; height: 50px;}

}






/* 560px 이하 */
@media screen and (max-width:560px) {
	:root {
		--font-size:14px;
		--sub-font-size:13px;
	}

	.mb_br {display: block;}

	.top_search {max-width: calc(100% - 250px);}
	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}



	.slide_menu_inner {padding:0px 15px}
	.slide_menu_inner .header {height:80px; background-size:auto 55px ;}
	.slide_menu_inner .header:after {width: calc(100% + 30px);	}
	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}

	.main_visual .slide_control {height:40px; width: 256px; padding-left: 20px; background-size:cover;}
	.main_visual .slide_control .play_stop_wrap {width: 28px; height: 28px; margin-left: 10px;}
	.main_visual .slide_control .swiper-pagination {font-size:17px;}
	.main_visual .ask {padding:20px; border-radius:10px;}
	.main_visual .ask > h3 {font-size: 20px;;}
	.main_visual .ask_wr > ul > li {flex: 100%;}
	.main_quick .ico img {max-width:19vw;}
	.main_quick > li > a {height: 100px; font-size:1.2em; border-radius: 10px;}

	.car_search {gap:15px}
	.car_search .list {max-height: none;}

	.car_search .list > li label {font-size:12px; flex-direction: column; gap:3px; justify-content: center !important; text-align: center;}
	.car_search .list > li label img {max-width: 24px; max-height: 16px; width: auto !important; height: auto !important;	}

	.car_list > ul {gap:10px}
	.car_list > ul > li {width: calc(50% - 5px);}
	.car_list .box .body {padding: 5px 5px 15px 5px;}
	.car_list .box .label {left: 15px;top: 10px;	}
	.car_list .box .rent_price {font-size:1.2em;}
	.car_list .box .info {gap:0px 1em;}
	.car_list .box .info > li + li::after {left: -0.5em;}

	.car_review .list {gap:10px}
	.car_review .list > li {width: calc(50% - 5px);}
	.car_list .box {padding: 24px 5px 0px 5px;	}

	.main_banner .box .img {width:26%;}
	.main_banner .ban03 .box .img {min-width:26%;}

	.section .more {font-size:13px;}
	.section .more > a > span {width:22px; height:22px; border-radius:3px ;}

	.m_tit .label {font-size:min(18px, 5vw);}
	.side_quick {padding: 10px;}
	.side_quick > ul {border-radius: 14px;}
	.side_quick a .ico {margin: 0px;  width:30px;}
	.side_quick .tel a .ico {margin-top: -0.2em;}
	.side_quick .tel a {font-size: 1.2em; padding-top: 0.2em;}
	.side_quick .kakao a {font-size: 1.1em;}
	.side_quick a {height: 50px;}
	.main_banner .box .txt_a {font-size:1.8em;}
	.main_banner .box .txt_d {font-size: 2.2em;}
	.main_banner .box {min-height:auto; padding: 20px;}
	.main_banner .box .txt_c {font-size: 1.1em;}
	.main_banner .ban03 .box {padding-bottom: 20px;}

	#section10 {display:block; padding:0px;}
	#section1 .main_visual .ask_wrap  {display:none}

	#footer {padding-bottom: 80px;}
	.go_top {bottom:62px !important}


    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}

	.sub_visual {border-radius: 0px;;}
	.s_tit {font-size: 2em;}
	.font20 {font-size: 1em;}


	.car_detail .slide_control {right:10px; bottom: 10px; padding:0px 1em}
	.car_detail .slide_control .swiper-pagination {font-size: 1em;}
	.car_detail .slide_control .arrows:after {width:6px; height:6px; border-width:2px;}

	.car_option > li .ico img {max-width:20vw;}
	.contract_option > li {flex-direction: column; text-align: center;}
	.contract_option > li .ico img {max-width:12vw;}

	.rent_step > li {flex-direction: column; text-align: center; align-items: center; justify-content: center;}
	.rent_step > li .txt {align-self: center; align-items: center;}
	.rent_step > li .ico img {max-width:12vw;}
	.car_view .top {font-size: 1.1em;}
	.car_view .name {font-size: 1.8em;}
	.car_view .btns .btn {width: 40px; height: 40px;}
	.car_view .top_right .btns { gap: 0.5em;}
	.car_view .info {font-size: var(--font-size);}
	.car_detail .img {border-radius:10px;}
	.car_detail .thumbSwiper .swiper-slide {border-radius:5px ;}
	.car_detail {margin-top:20px}
}