@charset "utf-8";

/* color */
:root{
    --main-color:#f5e536;
    --sub-color:#00a7e9;
    --light-color:#ffffff;
}

/* font */
.pre{ font-family: 'Pretendard';}


body{font-size: 18px;}
.h2-blog-card h4:hover{color: var(--sub-color) !important;}
a:hover p{color: var(--sub-color) !important;}
a:hover h5{color: var(--main-color) !important;}
a:hover h3{color: var(--main-color) !important;}
.filter-card-item:hover .outline-btn {background-color: var(--main-color); border-color:var(--main-color)}
.small-btn-meta{background: var(--main-color);}
.explore-btn{background: var(--main-color);}
.main_con01 .sr-service-single .icon-wrapper::after{content: none;}
.main_con01 .sr-service-single .icon-wrapper::before{content: none;}
.sr-service-single .btn-secondary:hover{background-color: var(--main-color);}
.sr-service-single .btn-secondary::after{background-image: linear-gradient(135deg, #f5e536 0%, #f5b140 47%, #f49b45 100%); box-shadow: 5.657px 5.657px 28px 0px rgba(0, 173, 238, 0.25);}
.bg-primary{background-color: var(--sub-color) !important;}
.bg-blue{background-color:#52a8ee}
.bg-orange{background-color: #f49b45 !important;}
.btn-primary{background-color: var(--sub-color);}
.btn:hover {background-color: var(--sub-color);}
.footer-copyright p a{color: var(--sub-color);}
.footer-nav li a:hover{color: var(--sub-color);}
.sr-service-single .icon-wrapper::before {background-color: var(--sub-color);}
.sr-service-single .icon-wrapper::after {background-color: var(--sub-color);}
.text-primary {color: var(--sub-color) !important;}
.sr-section-title h2 .shape-primary::after{ border: 3px solid var(--sub-color);}
/* ------------------------------------------------------- *
*Common CSS*
* ------------------------------------------------------- */
.main_tit h4{font-weight: 700; font-size: 48px; letter-spacing: -0.04em; color:#222222; text-align: center;}
.main_tit h4 span{font-weight: 300;}
.main_tit h4 span b{font-weight: 700;}
.main_tit h4 span b.blue{color:#0e76cb;}

/* 퀵메뉴 */
#quick .quick_menu li{width: 92px; height: 92px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 50%;  margin-top: 25px; text-align: center;}
#quick .quick_menu li p{color: #FFF; transform: translateY(13px); font-size: 16px; font-weight: bold;}
#quick .quick_menu li img{transform: translateY(15px);}
#quick .quick_menu li.blue{ background-color: #0e76cb; }
#quick .quick_menu li.yellow{ background-color: #ffe800;}
#quick .quick_menu li.yellow p{color: #381e1f; transform: translateY(5px);}
#quick .quick_menu li.sky{ background-color: #25aef3;}

/* ------------------------------------------------------- *
*main_visual*
* ------------------------------------------------------- */
.main_visual01 .dl-hero-single::before {content: none ;}   
.main_visual01 .at_hero_slider .at-hero-title .at-subtitle{font-size: 18px; color: var(--main-color) !important; letter-spacing: 0.08em;}
.main_visual01 .col-xl-7 {position: relative; top: 130px;}
.main_visual01 .at-hero-title .at-subtitle::after { content: ""; width: 50px; height: 2px; background: var(--main-color); position: absolute; bottom: 12px; left: calc(100% + 5px);}
.main_visual01 .at-hero-title{letter-spacing: -0.040em; width: 100%;}
.main_visual01 .at-hero-title h1{font-size: 56px;}
.main_visual01 .at-hero-title p{ word-break: keep-all; max-width: none; font-size: 42px; color: var(--light-color);} 
.dealership-hero .swiper-pagination{ bottom: 65px !important;}
.main_visual01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #ffffff ;}
.main_visual01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background-color: #FFF;}
.main_visual01 .scr_btn{color: #FFF !important;} 
.main_visual01 .me-2 path{stroke: #ffffff;}
.main_visual01 .me-2 rect{stroke: #ffffff;}


/* ------------------------------------------------------- *
*main_con01*
* ------------------------------------------------------- */
.main_con01 .sr-service-single .icon-wrapper{left: 50%; transform: translateX(-50%);}
.main_con01 .sr-service-single .h4{text-align: center;}

.main_con01 .ct-row .ct-col{width: calc(16.666% - 20px); height: 174px;}
.main_con01 .ct-row .ct-col a{display: block; height: 100%;}
.main_con01 .ct-row .ct-col a .brand-card h5{color:#ffffff;}
.main_con01 .ct-row .ct-col a .brand-card{background-repeat:no-repeat;background-position: center center; background-size: cover; height: 100%;}
.main_con01 .ct-row .ct-col:nth-child(1) a .brand-card{background-image: url(/img/img_slide01.jpg);}
.main_con01 .ct-row .ct-col:nth-child(2) a .brand-card{background-image: url(/img/img_slide02.jpg);}
.main_con01 .ct-row .ct-col:nth-child(3) a .brand-card{background-image: url(/img/img_slide03.jpg);}
.main_con01 .ct-row .ct-col:nth-child(4) a .brand-card{background-image: url(/img/img_slide04.jpg);}
.main_con01 .ct-row .ct-col:nth-child(5) a .brand-card{background-image: url(/img/img_slide05.jpg);}
.main_con01 .ct-row .ct-col:nth-child(6) a .brand-card{background-image: url(/img/img_slide06.jpg);}

.main_con01 .ct-row{gap: 20px;}


.main_con01 .sr-service-single a:hover .service_list p{color:rgb(97,97,97) !important;}
.main_con01 .sr-service-single.bg-blue{height: 100%;}
.main_con01 .sr-service-single.bg-blue a:hover .service_list p{color:#fff;}
.main_con01 .service_list{flex-direction: column; text-align: center;}

.main_con02 .filter-card-item .filter-card-content a h5{overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.main_con01 .justify-content-center .col-xl-4{margin-top: 0; padding: 0;}
@media (min-width: 1200px){
    .main_con01 .justify-content-center .col-xl-4 {
    width: 25%; }

    
}
@media all and (max-width:1400px){
    .main_con01 .ct-row .ct-col{width: calc(33% - 15px);}

}
@media all and (max-width:1000px){
   .main_con01 .ct-row .ct-col{width: calc(50% - 10px);}
    .main_con01 .justify-content-center{gap: 10px;}
    .main_con01 .justify-content-center .col-6{width:calc(50% - 5px);}

}

/* ------------------------------------------------------- *
*main_con03*
* ------------------------------------------------------- */

.latest-collection{padding-top: 0 !important;}

/* about_sub_visual */
.breadcrumb-section::before{content: none;}
.at_product_view .row .col-md-6 .img_box img{border-radius: 30px; width: 100%; object-fit: cover;}
.at_product_view .row .col-md-6 .product_view_right h3{margin-bottom: 50px; font-size: 40px; font-weight: 800; }
.at_product_view .row .col-md-6 .product_view_right .sign_box{margin:50px 30px 0 0; text-align: right;}
.at_product_view .row .col-md-6 .product_view_right .wrap{padding: 50px 0;}

/* location */
.root_daum_roughmap {width: 100% !important;}
.location_box h3{font-size: 20px; font-weight: bold;} 
.location_box .contact-info li .info-content p{font-size: 15px; font-weight: bold; margin-bottom: 15px;} 


/* rental */
.sr-service-section .container .wrap{padding: 50px 0;} 
.sr-service-section .row > *{margin-top: 100px;}

.rental_con01 .sr-service-content{min-height: 280px;}
.sr-service-single .feature-img img{width: 100%; object-fit: cover;}
@media all and (max-width:1000px) {
    .rental_con01 .sr-service-content{min-height: 0;}
}


/*service news*/
.programCon_Custom .program_table table tr td p{margin: 0;}


/* ------------------------------------------------------- *
*인사말*
* ------------------------------------------------------- */
.about_bot{padding: 150px 0 200px; background-color: #FFF;}
.product_modal{background-color: unset;}
.about_bot h3{font-size: 40px; letter-spacing: -0.040em; font-weight: bold; text-align: center; padding-bottom: 50px;}
.about_bot .img_wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_bot .img_wrap li{width: 30%;}
.about_bot .img_wrap li img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.about_bot .txt_wrap {display: flex; gap: 20px; padding-top: 30px;}
.about_bot .txt_wrap li{width: calc(50% - 10px); display: flex; padding: 15px 0;}
.about_bot .txt_wrap li .tit{font-size: 22px; width: 240px; letter-spacing: -0.040em; font-weight: bold; text-align: left;}
.about_bot .txt_wrap li .txt{font-size: 18px;margin-left: 10px; font-weight: 400; letter-spacing: -0.040em;}

@media all and (max-width:1000px) {
    .about_bot .img_wrap{gap: 30px;}
    .about_bot .img_wrap li{width: calc(50% - 20px); flex-direction: column;}
    .about_bot .txt_wrap li .tit{width: 230px;}
}
@media all and (max-width:650px) {
    .about_bot .img_wrap li{width: calc(100% ); }
    .about_bot .txt_wrap {flex-direction: column;}
    .about_bot .txt_wrap li{width: 100%;}
}
/* faq */
#searchForm{padding: 0 0 50px 0;}

/* 팝업 */
input[type="checkbox"]{vertical-align: top;}

/* 사업 영역 */
/* .business_con01 .promotion-price-single h5{font-size: 28px;}
.promotion-price-single{padding: 0;}
.business_con01 .promotion-price-single .padding_box{padding: 0 25px 20px;}
.business_con01 .promotion-price-single ul{min-height: 190px; margin-bottom: 15px; }
.business_con01 .promotion-price-single ul li{font-size: 18px; letter-spacing: -0.040em;}
.business_con01 .promotion-price-single .btn_wrap{display: flex;}
.business_con01 .promotion-price-single .btn_wrap a{display: block;padding: 3px 0; font-size: 12px; text-align: center; border-radius: 5px; line-height: 15px; font-weight: bold; border: 1px solid #eee;}
.business_con01 .promotion-price-single .btn_wrap.three a{width: 33.33%; }
.business_con01 .promotion-price-single .btn_wrap.two a{width: 50%; }
.business_con01 .promotion-price-single .btn_wrap a:hover{color: var(--main-color);}
span.spacer::before{background-color: var(--main-color);} */
.business_con01{padding: 100px 0;}
.business_con01 p {margin:0;}
.business_con01 .con_wrap .business_list{display: flex; flex-direction: column;}
.business_con01 .con_wrap .business_list > li{width: 100%; display: flex; flex-direction: column; padding: 30px 40px; box-sizing: border-box; background-color: #fff;}
.business_con01 .con_wrap .business_list > li + li{margin-top: 30px;}
.business_con01 .con_wrap .business_list > li .top_box .tit{font-size: 30px; font-weight: 700; color:#222222;}
.business_con01 .con_wrap .business_list > li .right_box .top{display: flex; gap: 10px; flex-wrap: wrap;}
.business_con01 .con_wrap .business_list > li .right_box .top div p{display: flex; padding: 10px 15px; border: 1px solid #696969; border-radius: 10px; color:#222222;}

.business_con01 .con_wrap .business_list > li .bot_box{display: flex; gap: 30px;}
.business_con01 .con_wrap .business_list > li .bot_box .img_box{border-radius: 30px; overflow: hidden;}
.business_con01 .con_wrap .business_list > li .right_box .bot{margin-top: 35px;}

@media all and (max-width:768px){

    .business_con01 .con_wrap .business_list > li{padding: 30px 20px;}
    .business_con01 .con_wrap .business_list > li .bot_box{flex-direction: column;}
    .business_con01 .con_wrap .business_list > li .bot_box .img_box img{width: 100%;}.business_con01 .con_wrap .business_list > li .right_box .top div p{padding: 10px;}
    .business_con01 .con_wrap .business_list > li .right_box .bot p br{display: none;}
    .business_con01 .con_wrap .business_list > li .top_box .tit{text-align: center;}
}

/* 채용 정보 */
.em_con01 .bgr-slide-card{width: 100%;}
.em_con01 .bgr-slide-card h3{ line-height: 60px;}
.em_con01 .bgr-slide-card p{ font-weight: 500;}
.em_con01 .bgr-slide-card h3 span{color: var(--sub-color); }
.em_con02 .grid_item{text-align: center; }
.em_con02 .h2-blog-card{min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.em_con02 .grid_item .img_block img{width: 120px; }

.em_con02 .container.max_110{max-width: 1000px !important;}

.em_con02 .bot_box{margin-top: 20px; text-align: center;}
.em_con02 .bot_box p{font-size: 22px; font-weight: 700; margin: 0;}