@charset "UTF-8";

body{}
.body_wrap{max-width:var(--body_width);margin:0 auto;}

/* bar */
.bar{ height: 1.0rem; background-color: #F8F8F8;}

/*버튼*/
.bottom_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding: 1.1rem 1.6rem 1.3rem;
    max-width: var(--body_width);
    transform: translateX(-50%);
	z-index:1001;
}
.go_top {
    width: 6.0rem;
    height: 6.0rem;
    background: url(../img/go_top.png)no-repeat center;
    background-color: rgba(0,0,0,0.2);
    background-size: 3.0rem auto;
    z-index: 1000;
    border-radius: 50%;
    display: none;
    position: fixed;
	right: 2rem;
    bottom: 2rem;
}
.go_top.show{display: block;}

.border_top2{border-top:2px solid var(--primary);}

.zd_2{position:relative;z-index:2;}
.add_btn{font-weight:400;padding-left: 0.5rem;}
.add_btn .add_icon {
    background: var(--light);
    border-radius: 50%;
    height: 5.0rem;
    width: 5.0rem;
    margin-right: 2.0rem;
    align-items: center;
    justify-content: center;
    display: flex;
}
.add_btn .add_icon img{width:2.2rem;}


/*PC헤더 스타일*/
.hd_pc .logo img{width:21rem;}
.tnb{padding-top:2.0rem;padding-bottom:2.0rem;}
.tnb button, .tnb a{padding:0 1.5rem;color:#fff;border-left: 1px solid rgba(255, 255, 255, 0.3);}
.tnb button:last-child, .tnb a:last-child{padding-right:0;}
.tnb button:nth-child(1), .tnb a:nth-child(1){border-left:0;}
.hd_pc{position: fixed; left: 0; top: 0; width: 100%;z-index:1000;height: var(--hd_height);background: rgb(34 35 38 / 90%);z-index: 999;backdrop-filter: blur(7px);}
.hd_pc .container{max-width:1232px; display: flex; align-items: center; justify-content: space-between;}


.ind_hd {background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);}
/* .ind_hd.fixed{background: rgb(34 35 38 / 90%);} */


.hd_pc .nav_menu{margin-left:5.0rem;}
.hd_pc .top_sch {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5.0rem;
    background: transparent;
    display: flex;
    height: var(--height);
    max-width: 30rem;
    justify-content: space-between;
    padding: 0 1.8rem 0 2.5rem;
    align-items: center;
    flex: 1 1 auto;
}
.hd_pc .hd_btn{displayr: flex;align-items: center;}
.hd_pc .hd_btn button{margin-left:1.5rem;width:3.6rem;border:0;background:transparent;}
.hd_pc .nav_ul{display:flex;font-size:1.9rem;font-weight:600;margin-right:1.5rem;}
.hd_pc .nav_ul .nav_li{position:relative;flex-shrink: 0;}
.hd_pc .nav_ul .nav_li > a{padding:1.1rem 1.5rem 0.5rem;display:flex;align-items: center;color: #fff;}
.hd_pc .nav_ul .nav_li > a:after {
    content: '';
    display: block;
    height: 0.3rem;
    width: 0px;
    background: var(--secondary);
    position: absolute;
    bottom: -2.7rem;
    left: 50%;
    transform: translateX(-50%);
	transition:all .1s ease-out .05s;
	-webkit-transition:all .1s ease-out .05s;
	-moz-transition:all .1s ease-out .05s;
	-ms-transition:all .1s ease-out .05s;
	-o-transition:all .1s ease-out .05s;
}
.hd_pc .nav_ul .nav_li:hover > a{color:#fff;}
.hd_pc .nav_ul .nav_li:hover > a:after{
	width: 4.0rem;
	transition:all .1s ease-out .05s;
	-webkit-transition:all .1s ease-out .05s;
	-moz-transition:all .1s ease-out .05s;
	-ms-transition:all .1s ease-out .05s;
	-o-transition:all .1s ease-out .05s;
}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu{display:block;}

.hd_pc .nav_ul2{display: none;min-width: 20rem;font-size:1.5rem;}
.hd_pc .nav_li:hover .nav_ul2{display: block; position: absolute; background: var(--bg); top: 100%; left: 50%; transform: translateX(-50%); border: 1px solid var(--border); z-index: 9999;}
.hd_pc .nav_ul2 a{display: block; padding: 1.4rem 1.5rem; white-space: nowrap;border-bottom:1px solid var(--border);background:#fff;}

.hd_pc .nav_ul2 a:hover{color:var(--primary);background:#F7F8F9;}
.hd_pc .nav_ul2 li:last-child a{border-bottom:0;}
.hd_pc .nav_ul2 a span{display:none;}
.hd_pc .nav_a img{display: none;}

/* 헤더 */
.hd_m {
	display:flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_m) !important;
    width: 100%;
	max-width: var(--body_width);
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	padding:0 1.6rem;
    z-index: 1000;
	border-bottom:1px solid var(--border);
}
.hd_m .logo img{width:12.5rem;height:auto;display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;}
.hd_m button img, .hd_m a img{height:3.0rem;}


.hd_m .page_tit {text-align: center;padding-top:0.3rem;font-size:1.8rem;}
.hd_m .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;min-width: 5rem;}
.hd_m .hd_btn button{margin-left:2.0rem;}

.hd_lg{
    display:flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_lg) !important;
    width: 100%;
    max-width: var(--body_width);
    background: transparent;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding:0;
    padding-top: env(safe-area-inset-top, 0px);
    z-index: 1000;
}
.mobile_head_logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    max-width: var(--body_width);
    padding:1.3rem 1.6rem;
}
.mobile_head_logo .logo img{width:12.5rem;height:auto;display:flex;}
.mobile_head_logo .logo_area{display:flex;flex-direction:row;align-items:center;gap:0.8rem;}
.mobile_head_logo .log_txt{font-family:'Pretendard',sans-serif;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:0.05em;line-height:1.2;margin-top:0.5rem;}
.mobile_head_logo .log_txt span {padding: 0 0.5rem;}
.mobile_head_logo button{border:0; background: transparent;}
.mobile_head_logo button img, .mobile_head_logo a img{height:3.0rem;}


.mobile_head_logo .page_tit {text-align: center;padding-top:0.3rem;font-size:1.8rem;}
.mobile_head_logo .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;min-width: 5rem;}
.mobile_head_logo .hd_btn button{margin-left:2.0rem;}

button.top_cart{position:relative;}
button.top_cart span {
    color: #fff;
    background: var(--secondary);
    display: inline-block;
    position: absolute;
    right: -0.5rem;
    top: -0.2rem;
    border-radius: 1.8rem;
    font-size: 1.1rem;
    padding: 0.2rem 0.4rem 0.1rem;
}

.nav_menu_m{background:var(--primary);padding-top: var(--hd_height_lg);}
.nav_menu_m .nav_ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.nav_menu_m .nav_ul a{color:#fff;font-size: 1.6rem;padding:1.4rem 0;display: block;font-weight:700;}




/*검색*/
.readonly {background: var(--input_disabled) !important;}
.sch_ip {display: flex;border:1px solid var(--border);background: #fff;padding: 0 1.5rem 0 1.5rem;border-radius: 1.0rem;}
.sch_ip .form-control{height:4.8rem;padding: 0.5rem 0;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:2.0rem;height:2.0rem;border:0;background: transparent;}

/*회색 검색*/
.sch_gray.sch_ip{background: #F5F6F8;border:0;}


.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}

.detail_info li {
    margin-bottom: 1.0rem;
    display: flex;
    flex-wrap: nowrap;
}
.detail_info li:last-child{margin-bottom:0;}
.detail_info li{margin-left:-0.8rem;margin-right:-0.8rem;}
.detail_info li > [class*=col-], .detail_info li > .col{padding-left:0.8rem;padding-right:0.8rem;min-width: 10rem;}

/*노데이터*/
.no_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}



.item_opt_counter {
    position: relative;
    width: 8.7rem;
    height: 3.2rem;
    line-height: 2.8rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
	z-index:2;
}
.item_opt_counter_btn {
    width: 26%;
    height: 3.2rem;
    vertical-align: top;
    padding: 0;
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
    background: transparent;
	border:transparent;
}
.item_opt_counter .quantity{
    width: 48%;
    height: 100%;
    vertical-align: top;
    color: #333333;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 4.4rem;
    text-align: center;
    border: unset;
}
.item_opt_counter .quantity:focus{outline: 0;}


.item_opt_counter.time_counter {
    width: 15.0rem;
    height: 4.7rem;
    line-height: 4.7rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}



.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}

/*타이어 검색*/
.search_tire {
    position: fixed;
    top: 12.1rem;
    right: 50%;
    width: 100%;
    max-width: 51rem;
    border-radius: 2.0rem;
    background: #fff;
    padding: 3.0rem;
    z-index: 1000;
    border: 1px solid var(--border);
    box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.1);
    display: none;
    transform: translateX(60rem);
}
.search_tire_open .search_tire{display:block;}
#vehicle_search .detail_info{border-top:2px solid var(--primary);border-bottom:1px solid var(--border);}


/*하단메뉴*/
.bt_menu {
    width: calc(100% + 2px);
    max-width: var(--body_width);
    background: var(--primary);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: block;
}
.bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 1.6rem; height:6.2rem;}
.bt_menu ul li{width:20%;max-width:6.0rem;}
.bt_menu ul li a {
    display: inline-block;
	color:var(--gray-300);
	font-weight:600;
	font-size:1.1rem;
}
.bt_menu ul li .ico {
    width: 2.8rem;
    display: block;
    margin: 0 auto 0.6rem;
}
.bt_menu ul li .img_on{display:none;}
.bt_menu ul li.on a{color:#fff;}
.bt_menu ul li.on .img_on{display:block;}
.bt_menu ul li.on .img_off{display:none;}





/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.5rem;margin-bottom:0.5rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.5rem;margin-bottom:0.5rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;margin-bottom:0.5rem;}
.edit_style .h4, .edit_style h4{font-weight:700;font-size:1.5rem;margin-bottom:0.5rem;}
.edit_style img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: inline-block;
}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}


/*아이템 기본요소*/
.item{display:flex;flex-direction: column;position: relative;}
.item .thum{background:#F6F6F6;border-radius:1.0rem;width:100%;position:relative;padding:18%;flex-shrink:0;overflow: hidden;}
.item .thum2{border-radius:1.0rem;width:100%;position:relative;flex-shrink:0;overflow: hidden;}
.item .thum .badge_wrap{position:absolute;top:0;left:0;display:flex;z-index: 1;}
.item .thum .badge_wrap .badge {
    height: 3.8rem;
    padding: 0 1.5rem;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item .thum .badge_wrap .badge:nth-child(1){border-top-left-radius:1.0rem;}
.item .thum .badge_wrap .badge:last-child{border-bottom-right-radius:1.0rem;}
.item .thum .brand_logo{position:absolute;bottom:1.0rem;right:1.0rem;z-index: 1;}
.item .thum .rect{mix-blend-mode: multiply;}
.item .item_body{flex:1 1 auto;padding-top: 2.0rem;}
.item .name{font-size:1.8rem;margin-bottom:0.5rem;line-height: 130%;}
.item .store_name{font-size:1.6rem;font-weight:700;margin-bottom:0.5rem;line-height: 130%;}
.item .cou_name{font-size:2.2rem;margin-bottom:1.0rem;line-height: 140%;font-weight:700;}
.item .span_wr{display:flex;flex-wrap:wrap;}
.item .span_wr > div{display:flex;flex-wrap:wrap;}
.item .span_wr > div:after{content:'';display:block;width:1px;height:1.5rem;background:var(--border);margin:0 1.0rem;}
.item .span_wr > div:last-child:after{display:none;}
.item .item_label{display:flex;flex-wrap:wrap;align-items: center;margin-bottom:1.0rem;}
.item .item_label .product_pattern{color:var(--gray-300);margin-right:1.0rem;}
.item .item_label .stock {
    color: var(--secondary);
    font-size: 1.2rem;
    background: #FFE8EA;
    border-radius: 2.0rem;
    padding: 0.55rem 0.5rem 0.1rem;
}
.item .product_price{display:flex;flex-wrap:wrap;align-items: center;margin-bottom:0.5rem;flex-shrink: 0;}
.item .product_price .discount_rate{margin-right:0.8rem;color:var(--secondary);font-weight:700;font-size:1.8rem;}
.item .product_price .price{font-weight:700;font-size:1.8rem;}
.item .pre_price{text-decoration: line-through;color:var(--gray-300);}
.item .rating_wrap{font-size:1.4rem;display:flex;flex-wrap:wrap;align-items: center;}
.item .rating_wrap .rating{display:flex;align-items: center;margin-right:0.5rem;}
.item .rating_wrap .rating img{width:1.3rem;vertical-align:middle;margin-right:0.3rem; }
.rating_wrap .rating img{width:1.3rem;vertical-align:middle;margin-right:0.3rem; }
.item .rating_wrap .reviews{color:var(--gray-300);}
.item .property_wrap{display:flex;flex-wrap:wrap;margin-top:1.5rem;margin-left:-0.25rem;margin-right:-0.25rem;}
.item .property_wrap span {
    display: inline-block;
    border: 1px solid var(--border);
    padding: 0.7rem 1.0rem 0.5rem;
    font-size: 1.4rem;
    margin: 0.25rem;
    border-radius: 0.6rem;
	color:var(--gray-300);
}
.item .size{color:var(--gray-300);margin-bottom:1.0rem;}
.item_link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.item .service_store{display:flex;align-items: center;flex-wrap:wrap;}
.item .service_store > div:after{content:'';display:block;width:1px;height:1.5rem;background:var(--border);margin:0 0.8rem;}
.item .service_store > div:last-child:after{display:none;}
.item .photo_review{display:flex;margin-left:-0.4rem;margin-right:-0.4rem;}
.item .photo_review .rect{max-width:7.0rem;flex-wrap:wrap;margin:0.4rem;border-radius:0.6rem;}
.item .review_hd{display:flex;flex-wrap:wrap;align-items: center;}
.item .writer{display:flex;flex-wrap:wrap;align-items: center;}
.item .writer > div{margin-right:0.8rem;display: flex;}
.item .writer_name:after{content:'';display:block;width:1px;height:1.5rem;background:var(--border);margin-left:0.8rem;}
.item .keyword_review{display:flex;flex-wrap:wrap;margin-left:-0.4rem;margin-right:-0.4rem;}
.item .keyword_review span{display:flex;border-radius:0.6rem;padding:0.8rem 1.5rem;background:var(--light);align-items: center;margin:0.4rem;}
.item .keyword_review span img{width:2.4rem;margin-right:0.6rem;flex-shrink}
.service_type{display:flex;align-items: center;font-weight:700;}
.service_type img{width:3.0rem;margin-right:0.8rem;}


/*아이템 변형*/
.item.item_media{display:flex;flex-direction: row;align-items: start;}
.item.item_media .thum{max-width:8.0rem;padding: 1.2rem;margin-right:1.0rem;}
.item.item_media .thum2{max-width:8.0rem;margin-right:1.0rem;}
.item.item_media .item_body{padding-top: 0;}
.item.item_media .item_body > div:last-child{margin-bottom:0;}
.product_item .row{margin-left:-1.5rem;margin-right:-1.5rem;}
.product_item .col{margin-bottom:5.0rem;padding-left:1.5rem;padding-right:1.5rem;}

.review_item .review_row{flex-direction: row;border:1px solid var(--border);box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);height: 100%;}

.review_item .pr_info .item.item_media .thum{max-width:7.0rem;}
.review_item .review_row .pr_info{width: 45%;max-width: 35rem;padding: 3rem;flex-shrink: 0;border-right:1px solid var(--border);}
.review_item .review_row .review_body{flex: 1 1 auto;padding: 3rem;}

.review_item .row{margin-left:0;margin-left:0;}
.review_item .col{padding-bottom:3.0rem;padding-top:3.0rem;padding-left:0;padding-right:0;border-bottom:1px solid var(--border);}
/*.review_item .col:last-child{border-bottom:0;}*/

.event_item .item .thum{background:#fff;padding: 0;}
.event_item .item .name{font-size:2.2rem;}
.event_item .row{}
.event_item .col{margin-bottom:4.0rem;}
.event_item .col:last-child{margin-bottom:0;}

.car_item .row{margin-left:-1.5rem;margin-right:-1.5rem;}
.car_item .col{margin-bottom:2.6rem;padding-left:1.5rem;padding-right:1.5rem;}


.store_item .row{margin-left:0;margin-right:0;}
.store_item .col{padding:2.0rem;border-bottom:1px solid var(--border);}
.store_item .col:last-child{border-bottom:0;}

.media_item .row{margin-left:0;margin-right:0;}
.media_item .col{padding:2.0rem;border-bottom:1px solid var(--border);}
.media_item.media_item2 .col{padding:2.0rem 0;}
.media_item .col:last-child{border-bottom:0;}



.coupon_item .row{margin-left:-0.8rem;margin-right:-0.8rem;}
.coupon_item .col{margin-bottom:2.0rem;padding-left:0.8rem;padding-right:0.8rem;}
.coupon_item .item{border:1px solid var(--border);border-radius:1.0rem;}
.coupon_item .item:before, .coupon_item .item:after {
    content: '';
    display: block;
    width: 2.1rem;
    height: 5.1rem;
    background: url(../img/coupon_side.png) no-repeat center / 100%;
    position: absolute;
    bottom: 4.2rem;
    z-index: 1;
}
.coupon_item .item:before{left:-1px;}
.coupon_item .item:after{right:-1px;transform: rotate(180deg);}
.coupon_item .item.disabled{color:var(--gray-300);}
.coupon_item .item.disabled .badge{background:var(--gray);}
.coupon_item .item .item_body{padding-top:0;padding:2.5rem 3.0rem;}
.coupon_item .item .item_footer {
    padding: 2.5rem 3.0rem;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius:0 0 1.0rem 1.0rem;
	flex-wrap: wrap;
}



/*메인*/
#main_pop .swiper-pagination-bullet{background: #fff;opacity: 0.22;width:1.2rem;height:1.2rem;margin: 0 0.4rem,;}
#main_pop .swiper-pagination-bullet-active {background: #fff;opacity: 1;}
#main_pop .swiper-horizontal>.swiper-pagination-bullets, #main_pop .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1.1rem;
}

.main_banner_pc{height:62rem;background-size:cover;background-position:center;}
.main_visual .swiper_btn_wr {position: absolute;left: 50%;top: 50%;z-index: 1;width: 100%;padding-top: 3.0rem;max-width: 1360px;margin: 0 auto;transform: translateX(-50%);}
.main_visual .swiper-button-prev, .main_visual .swiper-button-next{width:6.0rem;height:6.0rem;background:rgba(0,0,0,0.6);border-radius:50%;position: static;margin: 0;}
.main_visual .swiper-button-prev:after{content: "";background-image:url(../img/slide_prev_w.png);}
.main_visual .swiper-button-next:after{content: "";background-image:url(../img/slide_next_w.png);}
.main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after {display: block;background-size: 3.0rem;background-repeat: no-repeat;background-position: center;height: 3.0rem;width: 3.0rem;}
.main_visual .swiper-pagination-progressbar.swiper-pagination-horizontal{position: relative;background:rgba(255,255,255,0.2);height:3px;}
.main_visual .swiper-pagination {position: static;width: auto;flex-shrink: 0;margin-left:1.0rem;}
.main_visual .pagination_container {
	display: flex;align-items: center;background: rgba(0,0,0,0.2);position: absolute;bottom: 2.0rem;
    max-width: 25rem;right: 50%;width: 100%;z-index: 10;color: #fff;padding: 0.5rem 1.5rem;border-radius: 2.0rem;
    transform: translateX(590px);
}
.main_visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--secondary);}
.main_visual .swiper-button-pause {cursor: pointer;width:2.0rem;height:2.0rem;margin-left:1.0rem;background-image:url(../img/pause_icon.png);background-size: cover;flex-shrink: 0;}



.sec{margin-top:10.0rem;margin-bottom:10.0rem;overflow-x: hidden;}

.idx_sch{border-bottom:2px solid var(--primary);padding-bottom:1.5rem;}
.idx_sch button{border:0;background: transparent;display: flex; align-items: center; height: 6rem;text-align: left;}
.idx_sch button .idx_sch_icon{width:6.0rem;height:6.0rem;display: flex; align-items: center;background:var(--primary);justify-content: center;border-radius:50%;margin-lefT:1.0rem;flex-shrink: 0;}
.idx_sch button .idx_sch_icon img{width:3.0rem;}



.main_all_product{background:url(../img/main_all_product_bg.jpg)no-repeat center / cover;padding:0 6.0rem 0 6.0rem;}
.main_all_product .logo{width:17.7rem;}
.main_all_product .sec02_top{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1.2;}
.main_all_product .tit{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1.2;}
.main_all_product .cont_left{width:100%;max-width:calc(100% - 49.5rem);padding:6.0rem 0 0;}
.main_all_product .cont_right{width:100%;max-width:49.5rem;}


.product_more{display:flex;width:11rem;height:11rem;border-radius:50%;background:var(--secondary);color:#fff; justify-content: center;flex-direction: column; align-items: center;padding:1.2rem 2.0rem;}
.product_more img{width:3.2rem;margin-bottom:0.5rem;}
.product_more:hover{background:var(--secondary-hover);color:#fff;}


/*베스트*/
.main_best_sec{position:relative;}
.grid_wrap {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 49rem 1fr;
	gap: 4.0rem;
	height:auto;
	width:100%;
}
.grid_wrap .grid_01 {
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 4;
   grid-column-end: 2;
}
.grid_wrap .grid_02 {
   grid-row-start: 1;
   grid-column-start: 2;
   grid-row-end: 2;
   grid-column-end: 3;
}
.grid_wrap .grid_03 {
	position: relative;
   grid-row-start: 2;
   grid-column-start: 2;
   grid-row-end: 3;
   grid-column-end: 3;
}
.main_best_sec .swiper_btn{top: 16rem;}
.main_best_sec .swiper_btn .swiper-button-prev{left: -1.5rem;}
.main_best_sec .swiper_btn .swiper-button-next {right: -2.5rem;}
.grid_wrap .grid_04 {
	overflow: hidden;
   grid-row-start: 3;
   grid-column-start: 2;
   grid-row-end: 4;
   grid-column-end: 3;
}

.item.best_first .name{font-size:2.5rem;}
.item.best_first .product_price .discount_rate{font-size:2.5rem;}
.item.best_first .product_price .price{font-size:2.5rem;}

/*스와이퍼*/
.best_item .swiper-slide{width:17rem;}

.sec .btn-icon{width:3.2rem;}

/*swiper*/
.swiper_wrap{position:relative;}
.swiper_btn {
    position: absolute;
    top: 50%;
    width: 100%;
	z-index:3;
}
.swiper_btn .swiper-button-prev, .swiper_btn .swiper-button-next {
    width: 5.0rem;
    height: 5.0rem;
    border: 1px solid var(--border);
    border-radius: 50%;
    z-index: 10;
    background-color: #fff;
	transform: translateY(-50%);
	margin:0;
	box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);
}
.swiper_btn .swiper-button-prev{left:-3.0rem;}
.swiper_btn .swiper-button-next{right:-3.0rem;}
.swiper_btn .swiper-button-prev:after{content: "";background-image:url(../img/slide_prev.png);}
.swiper_btn .swiper-button-next:after{content: "";background-image:url(../img/slide_next.png);}
.swiper_btn .swiper-button-prev:after, .swiper_btn .swiper-button-next:after {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 3.0rem;
    width: 3.0rem;
}
.swiper_btn .swiper-button-next.swiper-button-disabled, .swiper_btn .swiper-button-prev.swiper-button-disabled{display:none;}
.default_pager.swiper-pagination-fraction {
    background: #000;
    color: #fff;
    border-radius: 2.0rem;
    font-weight: 700;
    padding: 0.3rem 1.0rem;
    font-size: 1.3rem;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.0rem;
}


/*리뷰*/
.main_review{overflow: hidden;position: relative;}
.main_review .col_left:before {
    content: '';
    display: block;
    width: 30%;
    min-width: calc((100% - 120rem) / 1);
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    top: 0;
	z-index:-1;
}
.main_review .col_left {
    background: #fff;
    position: inherit;
    z-index: 2;
}
.main_review .col_left .btn_wrap{margin-top:10.0rem;}
.main_review .swiper{overflow: visible;padding-bottom: 0.6rem;}
.main_review .swiper-wrapper{}
.main_review .swiper-slide {
    width: 100%;
    max-width: 78rem;
    min-height: 100%;
    height: auto;
}

.main_review .swiper_btn {
    position: static;transform: none;
    width: auto;
    display: flex;
    align-items: center;
	margin-left:1.0rem;
}
.main_review .swiper_btn .swiper-button-next, .main_review .swiper_btn .swiper-button-prev{position: static;transform: none;margin-left:1.0rem;}


/*이벤트*/
.main_event{position: relative;}

/*서브*/
.st_100{padding-top:10rem;}
.st_70{padding-top:7rem;}
.st_50{padding-top:5rem;}



/*로그인*/
.login_btn .btn{margin-bottom:1.5rem;}
.login_pg .logo{width:21.6rem;}

/*최초인증*/
.sign_cont{border-top:2px solid var(--primary);}
.terms_check li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom:2.0rem;
}

/*타이어*/
/*필터*/
.filter_btn_wrap{border:1px solid #AAAAAA;border-radius:1.0rem;}
.filter_btn_wrap .filter_block {
    display: flex;
    flex-wrap: wrap;
	border-bottom:1px solid var(--border);
}
.filter_btn_wrap .filter_block .filter_dropdown:nth-child(1) .dropdown-toggle{margin-left:1.0rem;}
.filter_dropdown .dropdown-toggle::after{border:0;width:1.5rem;height:1.5rem;background:url(../img/ic_ip_select.png)no-repeat center / cover;margin-left:1.5rem;}
.filter_dropdown .dropdown-toggle[aria-expanded="false"]::after{transform: rotate(0deg);}
.filter_dropdown .dropdown-toggle[aria-expanded="true"]::after{transform: rotate(180deg);}
.filter_btn{height:auto;border:0;background:transparent;padding:2.4rem 1.0rem;font-weight:400;}

.filter_container{width:51rem;border: 1px solid var(--border);box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.16);padding: 3.0rem;flex-direction: column;max-height: 36rem; position: absolute; background: var(--white); z-index: 1001; display: flex; border-radius:15px;}
.filter_container.dropdown-menu.show{display:flex;}
.filter_cont { flex: 1 1 auto;overflow-y: auto;padding-bottom: 2.0rem;overflow-x: clip;}

/*filter-slider 슬라이드*/
.filter-slider .slider-track {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.filter-slider .slider.slider-horizontal .slider-track {height: 6px;background:#EEEEEE;}
.filter-slider .slider-primary .slider-selection {background: var(--primary);}
.filter-slider .slider.slider-horizontal {
    width: 100% !important;
    height: 22px;
}
.filter-slider .slider-handle {
    top: -2px;
    width: 22px;
    height: 22px;
    border: 0.8rem solid var(--primary);
    background-color: #fff !important;
    background-image: none !important;
    -webkit-box-shadow:  0px 3px 6px rgba(0,0,0,0.16) !important;
    -moz-box-shadow:  0px 3px 6px rgba(0,0,0,0.16) !important;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16) !important;
}


/*타이어상세보기*/
.product_img_logo.brand_logo{width:17rem;}
.product_img_wr{position:relative;max-width:47rem;width: 80%;}
.product_img_wr .swiper-slide{padding:10%;}
.product_img_wr .swiper-pagination{position: static;}
.product_img_wr .swiper-pagination-bullet{background:#DDDDDD;opacity: 1;width:0.4rem;height:0.4rem;margin: 0 0.3rem !important;}
.product_img_wr .swiper-pagination-bullet-active {background: var(--primary);opacity: 1;width:0.6rem;height:0.6rem;}
.product_img_wr .swiper-horizontal>.swiper-pagination-bullets, .product_img_wr .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1.1rem;
}
.product_img2 .swiper-slide{width:10rem !important;height:10rem !important;border:1px solid var(--border);padding:23%;border-radius:1.0rem;}
.product_img2 .swiper-slide.swiper-slide-thumb-active{border-color:var(--primary);}

.item_details .name{font-size:2.5rem;}
.product_fixed{position: sticky;top:var(--hd_height);padding-top:5.0rem;}

.navbar_detail{position:sticky;top:var(--hd_height);z-index: 999;}
.dt_sec{padding-top:5.0rem;padding-bottom:5.0rem;}
.dt_sec01{padding-top:4.0rem;}
.detail_cont{height: 70rem;overflow: hidden;}
.detail_cont.show {height: auto; overflow: hidden;}


.warranty_li ul{margin-left:-0.5rem;margin-right:-0.5rem;}
.warranty_li li{padding-left:0.5rem;padding-right:0.5rem;margin-bottom:1.0rem;}
.warranty_item{display:flex;min-height:10rem;background:var(--light);border-radius:1.0rem;padding:1.0rem 1.5rem;align-items: center;overflow:hidden;}
.warranty_item .rect {
    width: 5.0rem;
    flex-shrink: 0;
    margin-right: 1.0rem;
}
.warranty_item > div:not(.rect){
    font-weight: 700;
    word-break: keep-all;
    overflow-wrap: anywhere;
    line-height: 140%;
    min-width: 0;
}

.recommend_tire .swiper-slide{width:22rem;}

.review_score > div{border-right:1px solid var(--border);}
.review_score > div:last-child{border-right:0;}
.review_score li{
	display: flex;
    align-items: center;
	margin-bottom:1.0rem;
}
.review_score .line_graph{width:5rem;height:0.8rem;background:#E3E3E3;border-radius:2.0rem;position: relative;flex-shrink: 0;}
.review_score .line_graph .on{
    background: var(--secondary);
    border-radius: 2.0rem;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;width: 100%;
}
.review_score .num{font-weight:700; width:35px; text-align: center;}


/*장바구니*/
.cart_wrap .cart_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.0rem 0;
    border-top: 2px solid var(--primary);
    border-bottom: 1px solid var(--border);
	flex-wrap: wrap;
}
.cart_cont li{padding-bottom:3.0rem;padding-top:3.0rem;border-bottom:1px solid var(--border);}
.cart_cont li:last-child{border-bottom:0;}


/*예약하기*/
.reserve_box li{margin-bottom:2.0rem;}
.reserve_btn {
    width: 100%;
    text-align: left;
    height: auto;
    font-weight: 400;
	padding:0;
	border:1px solid var(--border);border-radius:1.0rem;padding:3.0rem 4.0rem 3.0rem 3.0rem;box-shadow: 0 0 00.5rem rgba(0, 0, 0, 0.05);
}

/*******지도*******/
.modal_map_wrap .modal-content{height: 100%;}
.modal_map_wrap.modal .modal-body{/*overflow-y: hidden;*/}
.map_cont{display:flex;height:100%;}
.map_cont .map_l{width:39rem;position:relative;background: #fff;z-index: 2;height:100%;display: flex;flex-direction: column;}
.map_cont .map_l .map_handle {
    width: 2.7rem;
    height: 11.3rem;
    position: absolute;
    right: 0;
    top: 50%;
	z-index: 1;
    transform: translate3d(2.6rem, -50%, 0);
	cursor: pointer;
	background:url(../img/handle_img.png)no-repeat center / cover;
}
.map_cont .map_r{flex:1 1 auto;position:relative;height: 100%;}
.map_cont.hide .map_l {position: absolute;left: -39rem;height: 100%;}
.map_cont.hide .map_r{width:100%;}
.map_cont .map_l .nav-tabs { padding: 0.8rem;}

/*지도 영역*/
/* .map_area {height: 100%;background: url(../img/map_bg.png) no-repeat center / cover;} */
.map_area {height: 100%;}
.map_area #map {width:100%; height: 100%;}
.map_area .map_pointer_fixed{width:2.2rem;height:3.8rem;background: url(../img/map_center_pin.png) no-repeat center / cover;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0); z-index:2}
.map_area .my_location_pin{width:3.5rem;height:4.36rem;background: url(../img/map_my_locations.png) no-repeat center / cover;position: absolute;top: 50%;left: 50%;transform: translate3d(100%, 100%, 0);}
.map_area .map_marker{width:3.0rem;height:3.0rem;background: url(../img/map_store_locations.png) no-repeat center / cover;position: absolute;top: 40%;left: 40%;transform: translate3d(100%, 100%, 0);}
.map_area .map_marker.on{width:3.5rem;height:4.36rem;background: url(../img/map_store_locations_on.png) no-repeat center / cover;position: absolute;top: 20%;left: 60%;transform: translate3d(100%, 100%, 0);}

.map_area .map_fixed_btn{position: absolute;bottom: 1.6rem;right: 1.6rem; z-index: 2;}
.map_area .map_fixed_btn .btn{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--border);box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);background: #fff;}
.map_area .my_location{background:#B1B1B1 !important;border:0 !important;box-shadow: none !important;}
.map_area .my_location img{width:2.6rem;}
.map_area .my_location[aria-pressed="true"]{background:var(--secondary) !important;}

.map_area .store_select_box {
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 2.0rem;
    width: 100%;
    max-width: 50rem;
    padding: 2.0rem;
    border-radius: 1.0rem;
    transform: translateX(-50%);
    border: 1px solid var(--border);
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
	z-index: 1;
}

/*지도 리스트영역*/
.map_list{height: 100%;display: flex;flex-direction: column;flex: 1 1 auto;}
.map_list .tab-content{display: flex;flex-direction: column;flex: 1 1 auto;overflow-y: auto;}
.map_list .tab-pane{display: none;flex-direction: column;flex: 1 1 auto;height: 100%;}
.map_list .tab-pane.active{display: flex;}
.map_list .list_area{flex: 1 1 auto;overflow-y: auto;}
.map_list .list_area_in{}
.map_list .filter_dropdown{position: static;}
.map_list .filter_container{width: 35.9rem;}
.map_list .filter_container2{left: -180px;}
.address_ip_wrap{}
.address_ip_cont {
    background: #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: absolute;
    top: 13.5rem;
    left: 0;
    right: 0;
    display:none;
    bottom: 0;
    z-index: 1;
}
.address_ip_cont.show{display:block;}

.date_select_table {width:100%; border-collapse: collapse;   border-bottom:1px solid #e3e3e3;border-top: 1px #eee solid;line-height: 140%;margin-bottom:2.0rem;}
.date_select_wrap .date_select_table:last-child{margin-bottom:0;}
.date_select_table th {
	border-bottom: 1px solid var(--border);
    border-left: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: #F6F6F6;
}
.date_select_table th span{
	height: 5.0rem;
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.date_select_table td {border-bottom:1px solid  var(--border);border-left:1px solid  var(--border);color: #1C1C1E;}
.date_select_table td:last-child, .date_select_table th:last-child{border-right:1px solid  var(--border);}
.date_select_table button{height:5.0rem;width:100%;border:0;background:transparent;color:#000;}
.date_select_table .lunch {
    height: 5.0rem;
    width: 100%;
    border: 0;
    background: #FEF2F2;
    color: #E60012;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.date_select_table th .holiday, .date_select_table button.holiday{background: #FEF2F2;color: #E60012;}
.date_select_table button.disabled{color:#AAAAAA;}
.date_select_table button.complet{color:#AAAAAA;background: #EBEBEB;}
.date_select_table button.on{color:#fff;background: var(--primary);}



.sticky_box{position: sticky;top:calc(12.7rem + 5.0rem);padding:2.0rem;border-radius:1.0rem;border:1px solid var(--border);}

/*결제*/
.info_open{margin-bottom:2.0rem;}
.info_open .info_box{border:1px solid var(--border);border-radius:1.0rem;}
.info_open .collapse_hd{padding:1.8rem 2.0rem;display: flex;justify-content: space-between;width: 100%;height: auto;border-radius: 0;}
.info_open .collapse_hd img{width:2.0rem;}
.info_open .collapse_hd[aria-expanded="false"] img{transform: rotate(0deg);}
.info_open .collapse_hd[aria-expanded="true"] img{transform: rotate(180deg);}
.info_open .info_content{padding:2.5rem 2.0rem;}


#apply_coupon .radios_wr{margin-bottom:1.6rem;}
#apply_coupon .radios_wr:last-child{margin-bottom:0}



/*매장*/
.store_pg{height: 100vh;overflow: hidden;}
.store_pg .map_cont{height:calc(100vh - 12.7rem);}


.store_details_wr{position: relative;}
.store_details_wr .swiper_btn .swiper-button-prev{left: -7rem;}
.store_details_wr .swiper_btn .swiper-button-next{right: -7rem;}
.swiper_btn .swiper-button-next.swiper-button-disabled, .swiper_btn .swiper-button-prev.swiper-button-disabled{display:flex;opacity:0.4;}


.store_icon li{margin-bottom:2.0rem;}
.store_icon li .rect{width:7.0rem;margin:0 auto 1.0rem;}
.store_icon li p{text-align:center;font-size:1.4rem;word-break: keep-all;max-width: 7rem;margin:0 auto;}

/*리뷰*/
.board_sch{background:var(--light);border-radius:1.0rem;padding:3.5rem 1.5rem;}
.board_sch .sch_ip{max-width:38rem;}
.review_mid_filter{border-bottom:1px solid var(--border);}

.purchase_info{border:1px solid var(--border);border-radius:1.0rem;}
.pmd-material-rating img{width:4.5rem;}


/*마이페이지, 고객센터*/
.my_layout{margin-left:-2.5rem;margin-right:-2.5rem;}
.my_layout .col-menu{flex: 0 0 18.48%;max-width: 18.48%;}
.my_layout > .col{flex: 0 0 81.52%;max-width: 81.52%;}
.my_layout > .col, .my_layout > [class*=col-]{padding-left:2.5rem;padding-right:2.5rem;}
.my_menu .block{padding:2.5rem 0 2.0rem;border-bottom:1px solid var(--border);}
.my_menu .block:nth-child(2){padding-top:0;}
.my_menu .block li a{display:block;padding:0.5rem 0;color:var(--gray-300);}
.my_menu .block li a.on{color:#000;font-weight:700;}



/*faq*/
.faq_info{background:var(--light);border-radius:1.0rem;}
.faq_info .col-lg-4{border-right:1px solid var(--border);}
.faq_info .col-lg-4:last-child{border-right:0;}


.faq_collapse{border-top:2px solid var(--primary);}
.faq_collapse .faq_hd button {
    text-align: left;
    display: flex;
    border: 0;
    background: transparent;
	align-items: center;
	padding:2.5rem 1.5rem;
	border-bottom:1px solid var(--border);
	width:100%;
	color: #000
}
.faq_collapse .faq_hd button img{margin-left:1.0rem;width:2.0rem;flex-shrink: 0;}
.faq_collapse .faq_hd button > div{align-items: center;}
.faq_collapse .faq_hd button .col-lg-2{flex: 0 0 13.202%;}
.faq_collapse .faq_hd button[aria-expanded="false"] img{transform: rotate(0deg);}
.faq_collapse .faq_hd button[aria-expanded="true"] img{transform: rotate(180deg);}
.faq_collapse .faq_cont{background:var(--light);padding:3.0rem;}


/*마이페이지*/
.mypage_info{background:var(--light);border-radius:1.0rem;padding: 4rem 3rem;}
.mypage_info .col-lg-6{border-right:1px solid var(--border);}
.mypage_info .col-lg-6:last-child{border-right:0;}
.mypage_info .col-lg-6 .col-4{border-right:1px solid var(--border);}
.mypage_info .col-lg-6 .col-4:last-child{border-right:0;}
.mypage_info .rect{width:8.0rem;border:3px solid #fff;margin-right:2.0rem;}


.status_plate{}
.status_plate .stus_body {display: flex;justify-content: space-around;margin:0;}
.status_plate .stus_body .elmnt{display: flex;align-items: center;flex-direction: column;position: relative;padding:0;}
.status_plate .stus_body .elmnt .ico:before {content: '';display: block;width: 1.1rem;height: 1.1rem;border-radius: 50%;background: var(--border-300);position: absolute;top: 0.5rem;left: 0.5rem;}
.status_plate .stus_body .elmnt .ico {
    width: 2.3rem;
    height: 2.3rem;
	background-color:#fff;
	border:1px solid var(--border-300);
    box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);
    border-radius: 1.4rem;
	position: relative;
	z-index:1;
}
.status_plate .stus_body .elmnt.active .ico:before, .status_plate .stus_body .elmnt.after .ico:before{background: var(--secondary);}
.status_plate .stus_body .elmnt.active .ico, .status_plate .stus_body .elmnt.after .ico {
    border-color:var(--secondary);
    background: #fff;
}
.status_plate .stus_body .elmnt.active .ico img{brightness(0) invert(0.6); filter: brightness(0) invert(0.6);}
.status_plate .stus_body .elmnt p{color:#bbb;font-size:1.3rem;margin-top:1.0rem;font-weight:700;word-break: keep-all}
.status_plate .stus_body .elmnt.active p, .status_plate .stus_body .elmnt.after p{color:var(--secondary);}
.status_plate .stus_body .elmnt:after {
    content: '';
    display: block;
    width: 100%;
    height: 2.3rem;
    background: var(--light);
    left: 50%;
    position: absolute;
    top: 0;
}
.status_plate .stus_body .elmnt:last-child:after{display:none;}
.status_plate .stus_body .elmnt.after:after{background:var(--secondary);}

.ongoing{border: 1px solid var(--border);border-radius:1.0rem;}
.ongoing .ongoing_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 2.0rem;
    border-bottom: 1px solid var(--border);
}
.ongoing .ongoing_body{padding:2.5rem 2.0rem;}
.ongoing .ongoing_item.store_item .col{transform: translateY(1px);}
.ongoing .ongoing_item.store_item .col:last-child{border-bottom:1px solid var(--border);}
.ongoing .ongoing_item.store_item .col:nth-child(3), .ongoing .ongoing_item.store_item .col:nth-child(4){border-bottom:0;}


.st01{display: flex;align-items: center;}
.st01 .num{width:2.8rem;height:2.8rem;flex-shrink: 0;border-radius:1.0rem;background:var(--primary);color:#fff;display: flex;align-items: center;justify-content:center;margin-right:1.0rem;}


.use_info02 .row .col-sm-4{flex: 0 0 29.075%;}
.use_info02 .row .col-sm-8{flex: 1 1 auto;}

.service_cont .col-md-6 > ul > li{padding:2.5rem 0;border-bottom:1px solid var(--border);}
.service_cont .col-md-6 > ul > li:last-child{border-bottom:0;}

/*워런티*/
.warranty_tab{margin-right: 0;margin-left: 0;}
.warranty_tab .col, .warranty_tab [class*=col-]{padding-left: 0.4rem;padding-right: 0.4rem;}


/*게시판*/
.bo_list{border-top:2px solid var(--primary);}
.bo_list li .bo_item{padding-top:2.5rem;padding-bottom:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-bottom:1px solid var(--border);}

.bo_header{padding-top:2.5rem;padding-bottom:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-bottom:1px solid var(--border);border-top:2px solid var(--primary);}
.bo_write{padding-top:3.0rem;border-top:2px solid var(--primary);}



.select_content .row{margin-left:-0.5rem;margin-right:-0.5rem;}
.select_content li{padding-left:0.5rem;padding-right:0.5rem;}
.select_content li .select_item {
    background: url(../img/tire_select01.png) no-repeat center / cover;
    color: #fff;
    height: 40.0rem;
    border-radius: 1.0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.select_content li .select_item .tit_h2{color:#fff;}
.select_content li .select_item .tit_h2:after{content:'';display:block;width:7.5rem;height:2px;background:#fff;margin:1.3rem auto 0;}
.select_content li:nth-child(2) .select_item{background-image:url(../img/tire_select02.png);}
.select_content li:nth-child(3) .select_item{background-image:url(../img/tire_select03.png);}
.select_content li:nth-child(4) .select_item{background-image:url(../img/tire_select04.png);}


.partnership_review .swiper-slide{padding:6.0rem 2.0rem;}
.partnership_review .swiper-button-prev{left:3.0rem;}
.partnership_review .swiper-button-next{right:3.0rem;}

/*직원채용*/
.employ_top .row {
    background: url(../img/employ_top.jpg) no-repeat top right;
    height: 36rem;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 1.0rem;
    padding: 2.0rem 6.0rem;
    background-size: contain;
}

/*차량관리*/
.my_car_item > .row > .col{margin-bottom:2.0rem;}
.my_car_item .item{display:flex;flex-direction: row;border:1px solid var(--border);border-radius:1.0rem;overflow: hidden;}
.my_car_item .item .car_img {
    width: 50%;
    background: #F6F6F6;
    text-align: center;
    height: 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.my_car_item .item .car_img .rect2{width:60%;max-width:28rem;margin:0 auto;}
.my_car_item .item .item_body{padding:3.0rem;display:flex;align-items: start;}


.reservation_details_pg .media_item .btn-outline-light{min-width:15.3rem;}


/*이미지확대 보기 슬라이드*/
.review_slide_box{overflow: hidden;}
.review_img_box .review_img{width: 100%; aspect-ratio: 1 / 1;}
.review_img_box .review_img .swiper-slide{display: flex; align-items: center; justify-content: center;}


/*비회원*/
.non_member_pg{min-height:auto;}
.non_member_pg .logo{width: 21.6rem;}


/*푸터*/
.ft{padding:6.0rem 0 10rem;background:var(--primary);}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb a{
    display: inline-block;
    font-weight: 400;
	color:#fff;
	padding-right:2.5rem;
	margin-right:2.5rem;
	margin-bottom: 1.0rem;
	border-right:1px solid rgba(255,255,255,0.2);
}
.ft .fnb a:nth-child(1){border-left:0;}
.ft .fnb a:last-child{border-right:0;}

.ft .ft_service{margin-bottom:2.2rem;}
.ft .ft_service span{
    display: inline-block;
    font-weight: 400;
	color:rgba(255,255,255,0.5);
	padding-right:1.0rem;
	margin-right:1.0rem;
	margin-bottom: 0.8rem;
	border-right:1px solid rgba(255,255,255,0.5);
}
.ft .ft_service span:nth-child(1){border-left:0;}
.ft .ft_service span:last-child{border-right:0;}
.ft .ft_logo{width:17.7rem;}
.ft .fnb_company{margin-bottom:2.2rem;}
.ft .fnb_company span{
    display: inline-block;
    font-weight: 400;
	color:#fff;
	padding-right:1.0rem;
	margin-right:1.0rem;
	margin-bottom: 0.8rem;
	border-right:1px solid rgba(255,255,255,0.2);
}
.ft .fnb_company span:last-child{border-right:0;}
.ft span.line{margin:0 0.5rem;}


/*레이싱 선수*/
.player_wrap .hd_pc{height:9.0rem;}
.player_wrap .sub_pg{padding-top:9.0rem;}
.player_wrap .navbar_detail {top: 9.0rem;}
.player_wrap .product_fixed{top: 9.0rem;}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}

 /* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*j얼럿*/
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{background-color: #1C1C1E;opacity: .5;}
.jconfirm .jconfirm-box {padding: 5.5rem 2.0rem 0;}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 2.0rem;
}
.jconfirm .jconfirm-box div.jconfirm-title-c{display:none !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{font-size:1.6rem;text-align:center;color:#000;}
.jconfirm .jconfirm-box div.jconfirm-content-pane {margin-bottom: 3.3rem;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: none;
}
.jconfirm-buttons button {
    display: block !important;
    height: var(--height) !important;
    width: 100%;
    border-radius: 1.0rem !important;
	font-size:1.5rem !important;
	font-weight:700 !important;
}
.jconfirm-buttons button.btn-default {
    color: #fff !important;
    background: var(--primary) !important;
}



/* #region GR 수정 */
.tbr_checks input:checked + .ic_box{
    background-color: var(--primary-tbr);
    border-color: var(--primary-tbr);
}

.thum10{max-width:10rem !important;}

/* mobile_app */
    /* app 오늘의 주행거리 */
    .today_driving_distance{margin-bottom:3rem;}
    .driving_distance{
        padding:1.6rem 0;
        position: relative;
    }
    .truck_img{
        position:absolute;
        bottom:-1rem;
        right:-1.6rem;
        z-index: -1;
        width:22rem
    }
    .reward_all{
        border-radius: 1.0rem;
        background-color: var(--light);
        padding: 0.8rem 1rem;
        font-weight: 700;
        color:var(--gray-700);
        width:fit-content;
        margin-top:1.6rem;
    }
    .distance_list_box{
        border:1px solid var(--border);
        border-radius:1.0rem;
        background-color: #fff;
    }
    .distance_list *{font-size: 1.5rem;}
    .distance_list{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.6rem;
        border-bottom: 1px solid var(--border);
    }
    .driving_distance .dot{font-size: 0.5rem;}
    .distance_unit{
        display: inline-block;
        min-width: 1.5rem;
        text-align: center;
    }
    .distance_list:last-child{border-bottom: 0;}

    /* app main banner */
    .app_main_visual{border-radius: 1rem; margin-top: 1.6rem;}

    /* app menu */
    .app_menu{
        /* padding:0 1.6rem; */
        margin-top:4rem;
    }
    .app_menu .app_menu_tire{
        background-color: var(--primary-tbr);
        border-radius: 1rem;
        min-height:16rem;
    }
    .app_menu .app_menu_plan, .app_menu .app_menu_event{
        background-color: var(--light);
        border-radius: 1rem;
        display: flex;
        align-items: center;
    }
    .app_menu .app_menu_store{
        background-color: var(--primary);
        border-radius: 1rem;
        min-height:16rem;
    }
    .app_menu .app_menu_review{
        background-color: var(--white);
        border-radius: 1rem;
        border: 1px solid var(--border);
    }
    .app_menu_box{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:1.2rem 1rem 1.2rem 1.6rem;
        width:100%;
    }
    .app_menu .app_menu_tit{
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.4;
        min-width: fit-content;
    }
    .app_menu .app_menu_txt{
        font-weight: 700;
        word-break: keep-all;
        line-height: 1.4;
    }

    .app_menu_icon{width:6rem;}
/* mobile_app 끝 */



/* pc 헤더 */
.hd_pc{background: #222326;}
/* pc의 header에 들어가는 내용은 최대 1232px을 기준으로 한다 */
.hd_pc .container {
    max-width: 1232px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* tap header */
/* header 기본 세팅 */
.tire_type{background-color: #f6f6f6;}

/* #region header top 설정 */
    .tire_type .tnb{
        padding:0 1.6rem;
    }
    /* 승용차용, 상용차용 페이지를 나누는 탭버튼 */
    /* 승용차용, 상용차용 tab button 설정 */
    .tire_type .tire_tab{padding-top:1.2rem;}
    /* 승용차용, 상용차용 탭버튼의 기본 세팅 */
    .tire_type .tire_tab button{
        height:fit-content;
        padding:0.9rem 2.4rem;
        font-size: 1.6rem;
        font-weight: 700;

        position:relative;
        transition: none;
    }
    .tire_type_tab li a{
        height:fit-content;
        padding:0.9rem 2.4rem;
        font-size: 1.6rem;
        font-weight: 700;

        position:relative;
        transition: none;
    }
    /* 승용차용, 상용차용에 들어가는 삼각형 표시 */
    .chek_tab{
        display: none;

        /* 위치 설정 */
        position: absolute;
        top:0.2rem;
        left:0.2rem;

        /* 모양 설정 */
        width:0;
        height:0;
        border-top:8px solid #fff;
        border-bottom:8px solid transparent;
        border-right:8px solid transparent;
        border-left:8px solid #fff;

        /* 왼쪽 상단 모서리 둥글게 */
        border-top-left-radius: 5px;
    }

    /* 승용차용 기본 */
    .PCR_header_btn{
        color:var(--gray-600);
    }

    /* 상용차용 기본 */
    .TBR_header_btn{
        color:#B70100;
        background-color: #fff;
    }

    /* 로그인, 로그아웃, 고객센터 등의 ui button */
    /* utility_menu 설정 */
    .utility_menu{
        display: flex;
        align-items: center;
    }
    /* 양쪽 여백과 오른쪽 선으로 버튼 사이를 구분 */
    .utility_menu button, .utility_menu span{
        color:#000;
        padding:0 1.5rem;
        border-right:1px solid rgba(0,0,0,0.3);

        font-size: 1.5rem;
        font-weight: 400;
    }
    /* 마지막 버튼은 오른쪽 선과 여백을 없앱니다 */
    .utility_menu button:last-child{
        padding-right:0;
        border-right:0;
    }
/* #endregion header top 끝 */

/* mobile_header */
.mobile_head.tire_type{
    display: flex;
    justify-content: space-between;
    height: 100%;
    width:100%;
}
.mobile_head.tire_type .tire_tab {padding-top: 0;}
.mobile_head.tire_type .nav{height:100%;}
.mobile_head.tire_type button{
    height:100%;
    border-radius: 0;
    padding:0 1.6rem;
}
.mobile_head.tire_type .utility_menu button{height:fit-content;}
.mobile_head.tire_type + .mobile_head_bg{background-color: var(--primary);}
.mobile_head.tire_type:has(.TBR_header_btn.is_active) + .mobile_head_bg{background-color: #B70100;}
/* mobile_header 끝 */

/*하단메뉴*/
.tbr_bt_menu {
    width: calc(100% + 2px);
    max-width: var(--body_width);
    background: var(--white);
    border-top: 1px solid var(--border);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: block;
}
.tbr_bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 1.6rem; height:6.2rem;}
.tbr_bt_menu ul li{width:20%;max-width:6.0rem;}
.tbr_bt_menu ul li a {
    display: inline-block;
    color:var(--gray-600);
    font-weight:600;
    font-size:1.1rem;
}
.tbr_bt_menu ul li .ico {
    width: 2.8rem;
    display: block;
    margin: 0 auto 0.6rem;
}
.tbr_bt_menu ul li .img_on{display:none;}
.tbr_bt_menu ul li.on a{color:var(--primary-tbr);}
.tbr_bt_menu ul li.on .img_on{display:block;}
.tbr_bt_menu ul li.on .img_off{display:none;}



/* #region 승용차 tab active 설정 */
    /* 승용차용 버튼에 active가 있을때 승용차용 버튼의 디자인 */
    .PCR_header_btn.is_active{
        background-color: #222326;
        border-radius: 0.5rem 0.5rem 0 0;
        color:#fff;
    }
    /* 승용차용 버튼에 active가 있을때 상용차용 버튼의 디자인 */
    .tire_type:has(.PCR_header_btn.is_active) .TBR_header_btn{
        background-color: #fff;
        color:#B70100;
    }
    /* 승용차용 버튼이 active 되었을 때 버튼의 삼각형 */
    .PCR_header_btn.is_active .chek_tab{
        display: block;
        border-top:8px solid #fff;
        border-left:8px solid #fff;
    }

/* #endregion 승용차 tab active 끝 */

/* #region 상용차 tab active 설정 */
    /* 상용차용 버튼에 active가 있을때 상용차용 버튼의 디자인 */
    .TBR_header_btn.is_active{
        background-color: #B70100;
        border-radius: 0.5rem 0.5rem 0 0;
        color:#fff;
    }
    /* 상용차용 버튼에 active가 있을때 승용차용 버튼의 디자인 */
    .tire_type:has(.TBR_header_btn.is_active) .PCR_header_btn{
        background-color: transparent;
        color:#888;
    }
    /* 상용차용 버튼이 active 되었을 때 버튼의 삼각형 */
    .TBR_header_btn.is_active .chek_tab{
        display: block;
        border-top:8px solid #fff;
        border-left:8px solid #fff;
    }

    /* pc 헤더 */
    .hd_pc:has(.TBR_header_btn.is_active){background: #B70100;}
    /* 상용차 헤더 로고 색 변경 */
    .hd_pc:has(.TBR_header_btn.is_active) .logo_img{background-image: url(../img/logo.png);}

    /* header menu */
    /* 상용차 메뉴 색 변경 */
    .hd_pc:has(.TBR_header_btn.is_active) .nav_ul .nav_li .nav_a{color:#fff;}
    .hd_pc:has(.TBR_header_btn.is_active) .nav_ul .nav_li > a:after{background-color: var(--white);}

    .hd_pc:has(.TBR_header_btn.is_active) .nav_ul .nav_li.on .nav_a{color:var(--white);}
    .hd_pc:has(.TBR_header_btn.is_active) .nav_ul .nav_li.on .nav_a:after{width:100%;}

    /* 상용차 헤더 하단 구분선 추가 */
    .hd_pc:has(.TBR_header_btn.is_active) .top_sch{border: 1px solid rgba(255, 255, 255, 0.3);}

    /* 상용차 헤더 검색어 입력 */
    .hd_pc:has(.TBR_header_btn.is_active) .top_sch_tit{color:rgba(255, 255, 255, 0.6);}
    .hd_pc:has(.TBR_header_btn.is_active) .top_sch_ic{
        background-image: url(../img/top_sch_w.png);
    }
    /* 상용차 헤더 장바구니 */
    .hd_pc:has(.TBR_header_btn.is_active) .top_cart_ic{background-image: url(../img/top_cart_w.png);}
    .hd_pc:has(.TBR_header_btn.is_active) button.top_cart span{
        background-color: #fff;
        color: var(--primary-tbr);
    }
    /* 상용차 헤더 마이페이지 */
    .hd_pc:has(.TBR_header_btn.is_active) .tob_my_ic{background-image: url(../img/top_my_w.png);}

    /*타이어 검색*/
    .tbr_search_tire {
        position: fixed;
        top: 12.1rem;
        right: 50%;
        width: 100%;
        max-width: 51rem;
        border-radius: 2.0rem;
        background: #fff;
        padding: 3.0rem;
        z-index: 1000;
        border: 1px solid var(--border);
        box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.1);
        display: none;
        transform: translateX(60rem);
    }
    .tbr_search_tire_open .tbr_search_tire{display:block;}
    #vehicle_search .detail_info{border-top:2px solid var(--primary);border-bottom:1px solid var(--border);}

    .tbr_search_tire .search_tit{
        display: flex;
        align-items: center;
        justify-content: space-between;

        font-size: 1.8rem;
        font-weight: 700;
        color:#000;
    }
    .tbr_search_tire .search_close{
        border:0;
        padding:0;
        background-color: #fff;
        width:2.4rem;
        height:2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* #endregion 상용차 tab active 끝 */


/* menu header */
.logo_img{
    width: 21rem;
    height:2.6rem;
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;

    margin:auto 0;
}
.hd_pc .logo_area{display:flex;flex-direction:column;justify-content:center;}
.hd_pc .logo_area .logo_img{margin:0;}
.hd_pc .logo_area .log_txt{font-family:'Pretendard',sans-serif;font-size:1.8rem;font-weight:800;color:#fff;margin-top:0.8rem;text-align:center;letter-spacing:0.05em;line-height:1;}

/* 메뉴 */
.hd_pc .nav_ul{
    height:100%;
    gap:3rem;
}
.hd_pc .nav_ul .nav_li > a{
    height:100%;
    padding:0;
}
.hd_pc .nav_ul .nav_li:hover > a:after{width:100%;}
.hd_pc .nav_ul .nav_li > a:after{bottom:0;}

/* 헤더 검색어 입력 */
.header_tools{
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1;
    padding:1.1rem 0;
}
.top_sch_tit{color:rgba(255, 255, 255, 0.3);}
.top_sch_ic{
    height:3rem;
    background-image: url(../img/top_sch_w.png);
    background-size: contain;
    background-repeat: no-repeat;
}
/* 헤더 장바구니 */
.top_cart_ic{
    width:3.6rem;
    height:3.6rem;

    background-image: url(../img/top_cart_w.png);
    background-size: contain;
    background-repeat: no-repeat;
}
/* 헤더 마이페이지 */
.tob_my_ic{
    width:3.6rem;
    height:3.6rem;

    background-image: url(../img/top_my_w.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* footer */
    .ft *{color:#fff;}
    .ft_logo{
        height:2.2rem;

        background-image: url(../img/logo.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .ft .ft_service span, .ft .copyright{color:rgba(255, 255, 255, 0.5);}

    /* 상용차 탭 */
    .body_wrap:has(.TBR_header_btn.is_active) .ft *{color:#000;}
    .body_wrap:has(.TBR_header_btn.is_active) .ft{
        background: #fff;
        border-top:1px solid #e3e3e3;
    }
    .body_wrap:has(.TBR_header_btn.is_active) .ft_logo{background-image: url(../img/logo_color.png);}
    .body_wrap:has(.TBR_header_btn.is_active) .ft .fnb a,
    .body_wrap:has(.TBR_header_btn.is_active) .ft .fnb_company span{
        color:#000;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }
    .body_wrap:has(.TBR_header_btn.is_active) .ft .fnb a:last-child,
    .body_wrap:has(.TBR_header_btn.is_active) .ft .fnb_company span:last-child{border-right: 0;}

    .body_wrap:has(.TBR_header_btn.is_active) .ft .ft_service span{border-right:1px solid rgba(0, 0, 0, 0.2);}
    .body_wrap:has(.TBR_header_btn.is_active) .ft .ft_service span:last-child{border-right:0;}
    .body_wrap:has(.TBR_header_btn.is_active) .ft .ft_service span, .body_wrap:has(.TBR_header_btn.is_active) .ft .copyright{color:rgba(0, 0, 0, 0.5);}

/* footer 끝 */

/* #region index.php */
    /* .idx_pg{padding-top:var(--hd_height);} */
    /* banner */
    .main_banner_pc{max-height:55rem;}
    .main_visual .swiper_btn_wr{
        padding-top:0;
        transform: translate(-50%, -50%);
    }

    /* 승용차 pcr_pg */

    /* 상용차 tbr_pg */
    .tbr_pg{}

    /* 상용차 primary color 텍스트 지정 */
    .text_primary_tbr{color:var(--primary-tbr);}

    /* 페이지 내용의 검색 폼 디자인 */
    .tbr_pg .idx_sch button .idx_sch_icon{background: var(--primary-tbr);}
    .tbr_pg .idx_sch{border-bottom: 2px solid var(--primary-tbr);}

    /* 전체상품 가기 버튼 */
    .tbr_pg .main_all_product{background:linear-gradient(90deg, #FABABF, #FFE8EA);}
    .tbr_pg .main_all_product .tit{color:#000;}
    .tbr_pg .main_all_product .sec02_top{color:#000;}
    .tbr_pg .product_more{background: var(--primary-tbr);}

    /* 베스트셀러 */
    .tbr_pg .grid_wrap{
        gap:0 4rem;
        align-content: space-between;
    }
    .tbr_pg .best_swiper{
        position: relative;
        display: grid;
    }
    .tbr_pg .main_best_sec .swiper_btn{
        top:50%;
    }

    /* 최저가 타이어 */
    /* 상용차 상품 리스트의 타이어 사이즈 ~ 허용하주 css */
    .tbr_item .item_body{padding-top:1rem;}
    .tbr_size{
        display: flex;
        flex-wrap: wrap;
        gap:0.5rem 2rem;
    }
    .tbr_size > div{
        display: flex;
        align-items: center;
        gap:0.5rem;
        color:#000;
    }
    .tbr_item .tbr_size{margin-bottom:2rem;}
    
    .tbr_item .item_label{margin-bottom:0.5rem;}
    /* 상용차 상품 리스트의 가격 */
    .tbr_item .product_price .price{font-size: 2.4rem;}
    /* 상용차 상품 리스트의 리뷰 간격 조정 */
    .tbr_item .rating_wrap .rating{gap:0.3rem;margin-right:0.7rem;}
    /* 상용차 상품 키워드의 상위 여백 조정 */
    .tbr_item .property_wrap{margin-top:1rem;}
    
    /* 상용차 tbr_pg 끝 */

/* #endregion index.php 끝 */

/* tire.php */
    /* 상용차 */
    .sec_md_tire{
        margin-top:4rem;
        margin-bottom:8rem;
    }
    .sec_md_tire .tbr_recommend .thum .rect4 {
        mix-blend-mode: multiply;
    }
    .sec_md_tire .tbr_recommend .thum .badge_wrap .badge{
        height: 4rem;
        font-size: 1.6rem;
        font-weight: 700;
    }
    /* 상용차 필터 */
    /* 필터 헤더 */
    .filter_tit{
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.8rem;
        font-weight: 700;
        color: #000;
        margin-bottom:2rem;
    }
    .filter_close{
        border: 0;
        padding: 0;
        background-color: #fff;
        width: 2.4rem;
        height: 2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 라디어 버튼 색 변경 */
    .radios.tbr_radios input:checked + .ic_box{border-color: var(--primary-tbr);}
    .radios.tbr_radios .ic_box:after{
        content: '';
        display: block;
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        background-color: var(--gray-500);
    }
    .radios.tbr_radios input:checked + .ic_box:after{background-color: var(--primary-tbr);}
    /* 가격선택 */
    .tbr_filter_cont .filter-slider .slider-primary .slider-selection {background: var(--primary-tbr);}
    .tbr_filter_cont .filter-slider .slider-handle {
        border: 0.8rem solid var(--primary-tbr);
    }
/* tire.php 끝 */

/* product_detail.php */
    /* 타이어 상세 페이지 */
    .product_img2.tbr_product_img .swiper-slide.swiper-slide-thumb-active{border-color: var(--primary-tbr);}
    /* 상품가격 리스트 */
    .detail_info .tbr_detail_li{
        align-items: center;
        margin-right:0;
    }
    .detail_info .tbr_discount_list{
        flex-direction: column;
        font-size: 1.2rem;
        color:var(--gray-300);
        margin-right:0;
    }
    .tbr_discount_list .discount_info{
        display: flex;
        align-items: center;
    }
    .price_detail_box{
        border-radius: 1rem;
        background-color: var(--light);
        padding:2rem;
    }
/* product_detail.php 끝 */

/* cart.php */
    /* 승용차 상용차 버튼 기본 */
    .nav-tabs .pcr_nav_tab button, .nav-tabs .tbr_nav_tab{
        height: 5.0rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color:var(--gray-600);
        background: transparent;
        border: 0;
        margin-bottom: 0px;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        padding-top: 0.5rem;
        border-radius: 5.0rem;
        font-weight: 600;
        word-break: keep-all;
    }

    /* 승용차 버튼 기본 */
    .nav-tabs .pcr_nav_tab{
        padding:0;
        margin:0;
        background-color: transparent;
    }
    .pcr_nav_btn{
        display: flex;
        flex-direction: column;
    }
    .pcr_nav_btn .pcr_nav_subtab{
        font-size: 1.3rem;
        font-weight: 400;
        margin-top:0.5rem;
    }

    /* 승용차 버튼 클릭시 */
    .nav-tabs .pcr_nav_tab.active{background-color: transparent;height:stretch;}

    /* 승용차 버튼 클릭시 나타나는 매장,출장 서비스 버튼 */
    /* 기존 숨김 */
    .pcr_service_options { display:none; height:100%;}
    /* 승용차 버튼 클릭시 나타남 */
    .pcr_service_options.active {
        display:flex;
        background-color: var(--primary);
        border-radius: 5rem;
        padding: 0.5rem;
    }

    .pcr_service_options button.service_btn{padding:0;margin:0;height:100%;}
    .pcr_service_options .service_btn.active{
        background-color: var(--white);
        color: #000;
    }

    /* 상용차 tab */
    .nav-tabs .tbr_nav_tab.active, .nav-tabs .nav-item.show .tbr_nav_tab{
        background-color: var(--primary-tbr);
    }

    /* 장바구니 승용차 페이지 */

    /* 장바구니 상용차 페이지 */
    .tbr_cart .checks input:checked + .ic_box{
        background-color: var(--primary-tbr);
        border-color: var(--primary-tbr);
    }
    .tbr_cart .item.item_media .thum{max-width:10.0rem;}
    .tbr_cart_price{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:3rem;
        border-radius: 1rem;
        background-color: var(--light);
    }
    .price_discount_info{flex:1;}
    .discount_info_li{
        display: flex;
        flex-direction: column;
        gap:0.8rem;
    }
    .discount_info_li li{
        color:var(--gray-300);
        display: flex;
        align-items: center;
        gap:0.6rem;
    }
    .discount_info_li li span{
        display: inline-block;
        width:0.4rem;
        height:0.4rem;
        border-radius: 50%;
        background-color: var(--gray-300);
    }
    .tbr_price{
        display: flex;
        flex-direction: column;
        
        max-width: 35rem;
        width:100%;
        flex:1;
    }
    .price_box{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .tbr_price_tit{color: var(--gray-300);}
/* cart.php 끝 */

/* reservation.php */
    
    .calender_month{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:1rem 0;
    }
    .calender_disabled{opacity: 0.2;}
    
    .calender_body *{
        text-align: center;
        font-size: 1.6rem;
        font-weight: 400;
    }
    .calender_body thead th{
        border:0;
        color: var(--gray-600);
        padding:1rem 0 0.5rem;
    }
    .calender_body td{
        border: 0;
        padding:0.75rem 0;
        position: relative;
    }
    .calender_body .holiday{color: var(--danger);}
    .calender_body .d_day{color:#0084FF !important;}
    .calender_body .disabled{color:var(--gray-600);}
    .calender_body .data_txt{
        position: absolute;
        bottom: 0;
        left:50%;
        transform: translateX(-50%);
        font-size: 1.2rem;
        text-wrap: nowrap;
    }

    .calender_body div{
        display: inline-block;
        width:3.8rem;
        height:3.8rem;
        line-height: 3.8rem;
    }
    .calender_body .on{
        color:#fff;
        background-color: var(--primary-tbr);
        border-radius: 50%;
    }
/* reservation.php 끝 */

/* payment.php */
    .pay_num{
        color: var(--gray-300);
        display: flex;
        align-items: center;
        gap:1rem;
        margin-top:0.5rem;
    }
    .pay_num span{
        padding-right:1rem;
        border-right:1px solid rgba(0,0,0,0.3);
    }
    .pay_num span:last-child{
        padding:0;
        border:0;
    }
/* payment.php 끝 */

/* review.php & review_update.php */
    .car_type{
        display:flex;
        align-items: center;
    }
    .car_type_badge{
        display: flex;
        align-items: center;
        line-height: 1rem;
        gap:0.5rem;

        height:fit-content;
        padding:0.5rem 0.8rem;
        border-radius: 3rem;
        background-color: var(--primary);
        color:#fff;
    }
    .car_type_badge.tbr_type{background-color: var(--primary-tbr);}

    .register_info{
        background-color: var(--light);
        border-radius: 1rem;
        display: flex;
        align-items: start;
        gap:1rem;
        padding:1.6rem;
    }
    .register_check{
        display: flex;
        flex-direction: column;
        gap:1.6rem;
        margin:2rem 0;
    }
/* review.php & review_update.php 끝 */

/* 이벤트 & 기획전 */
    .event_time{
        background-color: var(--light);
        color:var(--gray-700);
        border-radius: 50rem;
        width: fit-content;
        padding:0.5rem 1.5rem;
        margin:0 auto;
    }

    /* 이벤트 종료 */
    .event_close_item .thum{position:relative;}
    .close_card{
        position:absolute;
        top:0;
        left:0;
        z-index: 1;

        width:100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .close_card img{
        rotate: -15deg;
        width:16rem;
        opacity: 0.7;
    }

    /* 기획전 상세 */
    .product_list_hd{
        justify-content: space-between;
        width:100%;
        padding-bottom:2rem;
    }
    .product_list_hd.tbr_hd{
        padding-top:2rem;
        border-top:1px solid var(--border);
    }
    .product_list{
        padding:2rem 2.5rem 0rem;
        border-radius: 1rem;
        border:1px solid var(--border);
    }
    .product_list .product_item .col{
        margin:0;
        padding:0 1rem;
    }
    .product_list .product_item .row{
        gap:3rem 0;
    }
    .b_plan{
        font-size: 1.2rem;
        color:#fff;
        background-color: var(--primary-tbr);
        border-radius: 50rem;
        max-height:2rem;
        height:100%;
        padding:0.3rem 0.6rem;
        display: flex;
        align-items: center;
        gap:0.3rem;
        
        margin-right:0.5rem;
    }
    .b_plan img{width:1.2rem;}
    .b_plan p{padding-top:0.4rem;}
/* 이벤트 & 기획전 끝 */

/* 마이페이지 mypage.php */
    .rewards{
        display: flex;
        gap:2rem;
    }
    .rewards .reward_item{
        background-color: #fff;
        border:1px solid var(--border);
        border-radius: 1rem;
        padding:3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap:0.8rem;
        width: calc((100% - 4rem) / 3);
    }
    .reward_item_center{
        display: flex;
        gap:1.5rem;
    }
    .reward_item_icon{
        background-color: var(--primary-tbr-light);
        border-radius: 0.7rem;
        height: fit-content;
    }
    .reward_item_icon img{width:3.6rem;}
    .reward_item_txt .reward_distance{font-size: 1.4rem;}

    .ongoing .item.item_media .thum{max-width: 10rem;}
    .ongoing .tbr_size{gap:0.5rem 1rem;}
/* 마이페이지 mypage.php 끝 */

/* 차량관리 */

    /* 버튼 슬라이드 색상 변경 */
    .hd_pc:has(.TBR_header_btn.is_active) ~ .wrap .btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active, .hd_pc:has(.TBR_header_btn.is_active) ~ .wrap .btn-group-toggle .show > .btn-outline-light.dropdown-toggle{
        color: #fff;
        background-color: var(--primary-tbr);
        border-color: var(--primary-tbr);
    }

/* 차량관리 끝 */

/* 쿠폰 */
    .hd_pc:has(.TBR_header_btn.is_active) ~ .wrap .my_coupon_pg .btn-primary, .hd_pc:has(.TBR_header_btn.is_active) ~ .wrap:has(.my_coupon_pg) ~ .modal .btn-primary{
        color: #fff;
        background-color: var(--primary-tbr);
        border-color: var(--primary-tbr);
    }
    .coupon_item .item{height:100%;}
    .coupon_item .item .item_footer{max-height: 7rem;}
    .coupon_cord_btn{
        border-radius: 50rem;
        padding:0;
        height: fit-content;
        overflow: hidden;
    }
    .coupon_tit{
        background-color: #fff;
        color:var(--primary-tbr);
        font-weight: 700;
        font-size: 1.2rem;
        padding:0.9rem 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .coupon_cord{
        padding:0.3rem 0.5rem 0.3rem 0.2rem;
        background-color: var(--primary-tbr);
    }
    .coupon_cord img{width:2.4rem;}

    .coupon_close{
        background-color: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items:center;
        justify-content: center;
        border-radius: 1rem;
    }
    .coupon_close img{
        rotate: -15deg;
        width: 12rem;
        opacity: 0.6;
    }
    .coupon_item:has(.coupon_close) .item:before, .coupon_item:has(.coupon_close) .item:after{z-index:3;}

    .coupon_use_list .item{
        background-color: var(--light);
        padding:2rem 3rem;
        border-radius: 1rem;
    }
    .coupon_use_list .item:before, .coupon_use_list .item:after{
        content: '';
        display: block;
        width: 2.1rem;
        height: 5.1rem;
        background: url(../img/coupon_side_none.png) no-repeat center / 100%;
        position: absolute;
        top:50%;
        left:-1px;
        transform: translateY(-50%);
        z-index: 1;
    }
    .coupon_use_list .item:after {
        right: -1px;
        left:auto;
        transform: rotate(180deg) translateY(50%);
    }
/* 쿠폰 끝 */

/* 리뷰관리 */
    .tbr_busi_name{
        display: flex;
        align-items: center;
        font-weight: 400;
    }
    .tbr_busi_name:after{
        content: '';
        display: block;
        width: 1px;
        height: 1.5rem;
        background: var(--border);
        margin: 0 0.8rem;
    }
    .tbr_busi_addr{font-weight: 400;}
    #list_tbr{display: none;}
/* 리뷰관리 끝 */

/* #endregion GR 수정 끝 */



/*반응형 max 1400 xl*/
@media (max-width: 1400px) {
	/*마이페이지, 고객센터*/
	.my_layout{margin-left:-1.6rem;margin-right:-1.6rem;}
	.my_layout > .col, .my_layout > [class*=col-]{padding-left:1.6rem;padding-right:1.6rem;}
	.my_layout .col-menu .tit_h1{font-size: 2.9rem;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
	/*헤더*/
	.hd_pc .nav_menu{margin-left:2.0rem;}
	/* .hd_pc .nav_ul .nav_li > a {padding: 0.8rem 0.8rem 0.5rem;} */
	.hd_pc .top_sch {padding: 0 1.5rem 0 1.8rem;}

    .hd_pc .nav_ul{gap:1.6rem;}

	/*타이어 검색*/
	.search_tire, .tbr_search_tire {right: 1.6rem;transform: none;}

	/*메인*/
	.main_banner_pc { height: 50rem;}
	.main_visual .pagination_container {transform:translateX(0);right:unset;left:1.6rem;max-width: 19rem;}



}


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {

	/*에디터스타일*/
	.edit_style{}
	.edit_style .h1, .edit_style h1{font-size:2.2rem;}
	.edit_style .h2, .edit_style h2{font-size:2.0rem;}
	.edit_style .h3, .edit_style h3{font-size:1.6rem;}
	.edit_style .h4, .edit_style h4{font-size:1.3rem;}

	/*버튼*/
	.bottom_mo_btn {
		position: fixed;
		left: 50%;
		bottom: 0;
		width: 100%;
		padding: 1.1rem 1.6rem 1.3rem;
		max-width: var(--body_width);
		transform: translateX(-50%);
		border-top:0 !important;
		z-index:1001;
	}
	/*타이어 검색*/
	body.search_tire_open {
        overflow: hidden scroll;
        position: fixed;
        height: 100%;
    }
	.search_tire {
        right: 0;
        transform: none;
        top: 0;
        left: 0;
        max-width: 100%;
        border: 0;
        box-shadow: none;
        bottom: 0;
        padding: 7.6rem 1.6rem 0;
        border-radius: 0;
    }

	.add_btn .add_icon {
		height: 4.4rem;
		width: 4.4rem;
		margin-right: 1.5rem;
	}


    /*타이어 검색*/
    body.tbr_search_tire_open {
        overflow: hidden scroll;
        position: fixed;
        height: 100%;
    }
    .tbr_search_tire {
        right: 0;
        transform: none;
        top: 0;
        left: 0;
        max-width: 100%;
        border: 0;
        box-shadow: none;
        bottom: 0;
        padding: 7.6rem 1.6rem 0;
        border-radius: 0;
    }
    .tbr_search_tire .search_close{
        width:auto;
        height:auto;    
    }

	/*아이템 기본요소*/
	.item .thum .badge_wrap .badge {font-size:1.4rem; height: 2.8rem;padding: 0 0.8rem;border-radius: 0;font-size: 1.2rem;font-size: 1.2rem !important;}
	.item .thum .brand_logo {bottom: 0.5rem;right: 0.5rem;width: 7rem !important;}
	.item .item_body {padding-top: 1.0rem;}
	.item .item_label{margin-bottom: 0.6rem;}
	.item .item_label .stock{font-size: 1.0rem;padding: 0.4rem 0.5rem 0.1rem;}
	.item .name {font-size: 1.5rem;}
	.item .cou_name {font-size: 1.8rem;margin-bottom: 0.5rem;}
	.item .product_price .price{font-size: 1.5rem;}
	.item .size{margin-bottom:0.5rem;}
	.item .property_wrap span {padding: 0.35rem 0.5rem 0.15rem;font-size: 1.1rem;border-radius: 0.4rem;}
	.item .rating_wrap {font-size: 1.3rem;}

	/*아이템 변형*/
	.product_item .row{margin-left:-0.8rem;margin-right:-0.8rem;}
	.product_item .col{margin-bottom:3.0rem;padding-left:0.8rem;padding-right:0.8rem;}

    .tire_pg .product_item .row{gap:3rem 0;}
    .tire_pg .product_item .col{margin-bottom:0;}

	.review_item .row{margin-lefT:-1.6rem;margin-right:-1.6rem;}
	.review_item .col{padding-bottom:2.0rem;padding-top:2.0rem;padding-left:1.6rem;padding-right:1.6rem;}
	.review_item .review_row .review_body {padding: 2rem;}
	.event_item .item .item_body{padding-top: 2.0rem;}
	.event_item .item .name{font-size:1.7rem;}
	.event_item .col{margin-bottom:2.5rem;}
	.store_item .col {padding: 2.0rem 1.6rem;}
	.media_item .col { padding: 2.0rem 1.6rem;}


	.coupon_item .col{margin-bottom:1.5rem;}
	.coupon_item .item .item_body {padding: 2.0rem 2.0rem;}
	.coupon_item .item .item_footer {padding: 1.5rem 1.5rem;}
	.coupon_item .item:before, .coupon_item .item:after {bottom: 2.2rem;}


	/*메인*/
	.sec{margin-top:8.0rem;margin-bottom:8.0rem;}
    .sec_md_tire{margin-top:3rem;margin-bottom:6rem;}
	.sec.sec01{margin-top:4.0rem;margin-bottom:2.5rem;}
	.sec.sec02{margin-top:0;}


	.idx_sch{border:1px solid var(--border);border-radius:3.0rem;padding:0 0 0 2.0rem;margin-top:1.5rem;}
	.idx_sch button{height:5.0rem;width: 100%;justify-content: space-between;}
	.idx_sch button .fs_19{font-size:1.4rem !important;}
	.idx_sch button .idx_sch_icon { width: 5.0rem;height: 5.0rem;}
	.idx_sch button .idx_sch_icon img{width:2.6rem;}

	.main_all_product{padding: 3.0rem 2.0rem 0 3.0rem;}
	.main_all_product .cont_left{max-width:100%;padding-top:0;}
	.main_all_product .cont_right{max-width:100%;margin-top: -1.0rem;}
	.main_all_product .cont_right .img img{max-width:11.0rem;}
	.main_all_product .logo {width: 13.5rem;}
	.main_all_product .tit {font-size: 2.0rem;white-space: pre-line;line-height: 1.3;}
	.main_all_product .sec02_top {font-size: 2.0rem;line-height: 1.3;font-weight:700;letter-spacing:-0.01em;}

	.product_more { width: auto;height: auto;border-radius: 3.0rem;justify-content: center;flex-direction: row-reverse;}
	.product_more img {
		width: 1.5rem;
		margin-bottom: 0;
		margin-left: 0.5rem;
	}

	/*베스트*/
	.main_best_right{padding-left:0;}
	.grid_wrap {
		grid-template-rows: 1fr auto;
		grid-template-columns: 18rem 1fr;
		gap: 1.5rem;
	}
	.grid_wrap .grid_01 {
		grid-row-start: 1;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-column-end: 2;
	}
	.grid_wrap .grid_02 {
		grid-row-start: 1;
		grid-column-start: 2;
		grid-row-end: 2;
		grid-column-end: 3;
	}
	.grid_wrap .grid_03{display:none;}
	.grid_wrap .grid_04 {
		grid-row-start: 2;
		grid-column-start: 1;
		grid-row-end: 3;
		grid-column-end: 3;

	}
	.item.best_first .product_price .discount_rate, .item.best_first .product_price .price, .item.best_first .name{font-size: 1.7rem;}

	.sec .btn-icon{width:2.4rem;}

	/*스와이퍼*/
	.swiper_wrap .swiper-slide{width:18rem;}
	.swiper_btn .swiper-button-prev, .swiper_btn .swiper-button-next {width: 4.4rem;height: 4.4rem;}
	.swiper_btn .swiper-button-prev:after, .swiper_btn .swiper-button-next:after {height: 2.2rem;width: 2.2rem;}
	.best_item .swiper-slide {width: 14rem;}
	.main_event .swiper-slide {width: 30rem;}

    .sec_md_tire .swiper_wrap .swiper-slide{width:23rem;}
    .sec_md_tire .tbr_recommend .thum{height:15rem; padding:1.6rem;}


	/*리뷰*/
	.main_review .col_left:before{display:none;}
	.main_review .col_left .btn_wrap{margin-top:0;}
	.main_review .wh_pre{white-space: normal;}
	.main_review .swiper_btn {margin-left:0;}
	.main_review .swiper_btn .swiper-button-next, .main_review .swiper_btn .swiper-button-prev{margin-left:0.6rem;}


	/*서브*/
	.st_100{padding-top:4rem;}
	.st_70{padding-top:2.5rem;}
	.st_50{padding-top:1.5rem;}


	/*로그인*/
	.login_pg .logo{width:16rem;}
	.login_btn .btn {margin-bottom: 1.0rem;}
	.login_btn .btn .mr_20 {margin-right: 0.5rem;}

	/* 최초인증*/
	.terms_check li {margin-bottom: 1.5rem;}
	.terms_check .py_24{padding-top: 1.8rem;padding-bottom: 1.8rem;}


	/*타이어*/
	.sec_tire01{margin-bottom:5.0rem;}
	.sec_tire02{margin-top:5.0rem;}

	/*필터*/
	.filter_btn_wrap {
		border: 0;
		display: flex;
	}
	.filter_btn_wrap .filter_block {flex-wrap: nowrap;border-bottom: 0;}
	.filter_container {
		width: 100%;
		padding:0 1.6rem 1.5rem;
		bottom: 0 !important;
		position: fixed !important;
		top: unset !important;
		right: 0 !important;
		transform: translate(0) !important;
		border-radius: 2.0rem 2.0rem 0 0;
		max-height: calc(100vh - 6.0rem);
		z-index: 1001;
		left:0;
		border:0;
		border-top: 1px solid var(--border);
	}

	.filter_backdrop_box{display:none;width:100vw;height:100vh;background:rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 1000;}
	.filter_backdrop_box.show{display:block;}
	.filter_btn {
		border: 1px solid var(--border);
		background: transparent;
		padding: 1.2rem 1.5rem;
		font-size: 1.4rem;
		border-radius: 3.0rem;
		margin-right: 0.5rem;
	}
	.filter_btn_wrap .filter_block .filter_dropdown:nth-child(1) .dropdown-toggle{margin-left: 0;}
	.filter_btn[aria-expanded="false"] ~ .filter_container:after{display: none;}
	.filter_btn[aria-expanded="true"] ~ .filter_container:after{display: block;}
	.sheet_header{padding:1.0rem 1.6rem 0.8rem;width:100%;display:block;border:0;background:transparent;}
	.sheet_header span{display:block;width:4.0rem;height:1.5rem;background:url(../img/sheet_header.png)no-repeat center / auto 1.5rem;margin: 0 auto;}



	/*타이어상세보기*/
	.product_img_logo.brand_logo{width:12rem;}
	.product_img_wr{min-width:25rem;width:60%;}

	.item_details .name{font-size:2.0rem;}
	.item_details .property_wrap{font-size:2.0rem;margin-top: 0.8rem;}
	.product_fixed{position: static;padding-top:0;}
	.product_fixed_container {
		display:none;
		width: 100%;
		padding:0 1.6rem 1.5rem;
		bottom: 0;
		position: fixed;
		right: 0;
		left:0;
		background: #fff;
		transform: translate(0) !important;
		border-radius: 2.0rem 2.0rem 0 0;
		max-height: calc(100vh - 6.0rem);
		border: 1px solid var(--border);
		box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.16);
		z-index: 1001;
	}
	body.fixed_on .product_fixed_container{display:block;}
	.product_fixed_backdrop{display:none;width:100vw;height:100vh;background:rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 1000;}
	body.fixed_on .product_fixed_backdrop{display:block;}

	.navbar_detail{top:5.9rem;}
	.dt_sec{padding-top:2.5rem;padding-bottom:2.5rem;}
	.dt_sec01{padding-top:3.0rem;}
	.detail_cont {height: 40rem;}

	.warranty_item{height: 7rem;}
	.warranty_item .rect {width: 3.3rem;}

	.recommend_tire .swiper-slide{width:17rem;}
	.review_score{border-bottom:1px solid var(--border);padding-bottom:1.0rem;}

    .price_info{margin-top:0.6rem;padding-top:2rem;border-top:1px solid var(--border);}
    .price_detail_box{padding:0;background-color: var(--white);border-radius: 0;}

	/*장바구니*/
	.cart_wrap li {padding-bottom: 2.5rem; padding-top: 2.5rem;}


	/*예약하기*/
	.reserve_box li {margin-bottom: 1.2rem;}
	.reserve_box li .reserve_btn{padding: 2.0rem;}

	/*지도*/
	.map_cont {min-height: 100%;max-height: 100%;}
	.map_cont .map_l {width: calc(100% - 2.7rem); z-index:20;}
	.map_cont .map_backdrop{
		opacity: 0.4;
		position: fixed;
		left: 0;
		right:0;
		bottom:0;
		top:var(--hd_height_m);
		background-color: #000;
		display:block;
		z-index: 2;
	}
	.map_handle2 {
		width: 2.8rem;
		height: 2.8rem;
		position: fixed;
		top: 1.6rem;
		left:1.6rem;
		cursor: pointer;
		transform: none;
		background:url(../img/ic_list.png)no-repeat center / cover;
	}
	.map_cont.hide .map_l {left: calc(-100% + 2.7rem);}
	.map_cont .map_r {
		flex: 1 1 auto;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.map_cont.hide .map_backdrop{display:none;}
	.map_area .store_select_box {
		max-width: 100%;
		padding: 2.0rem;
		bottom:0;
		border-radius: 1.0rem 1.0rem 0 0;
	}
	.map_list .filter_container {width: 100%;}
	.map_list .filter_container2 {left:0px;}
	.map_area .map_fixed_btn {bottom: unset;top: 1.0rem;right:1.0rem;}
	.map_area .map_fixed_btn .btn {width: 4.0rem;height: 4.0rem;}
	.map_area .my_location img {width: 2.4rem;}


	.date_select_table th span{height: 4.2rem;}
	.date_select_table button{height:4.2rem;}
	.date_select_table .lunch { height: 4.2rem;}




	.sticky_box{position: static;padding:2.5rem 0;border:0;}


	/*결제*/

	.mo_box{background:var(--light);padding:1.5rem;border-radius:1.0rem;}
	.info_open{margin-bottom:0;}
	.info_open .info_box{border:0;border-radius:0;}
	.info_open .collapse_hd{padding:1.2rem 1.6rem;}
	.info_open .info_content{padding:2.5rem 1.6rem;}

	/*매장찾기*/
	.store_pg .map_cont {height: calc(100vh - 6rem);}
	.store_icon li{margin-bottom:1.0rem;}
	.store_icon li .rect{width:5.0rem;margin:0 auto 0.5rem;}
	.store_icon li p{font-size:1.3rem;}


	/*리뷰*/
	.review_mid_filter{border-bottom:0;}
	.board_sch {background: transparent;border-radius: 0;padding: 0;}
	.board_sch .sch_ip { max-width: 100%;}
	.pmd-material-rating img {width: 3.5rem;}



	/*faq*/
	.faq_info .col-lg-4{border-right:0;}
	.faq_collapse .faq_hd button {padding: 2.0rem 0;}
	.faq_collapse .faq_hd button .col-lg-2{flex: 0 0 100%;}
	.faq_collapse .faq_cont{padding:2.0rem;}


	.mypage_pg .my_layout .block{padding-left:1.6rem;padding-right:1.6rem;}
	.mypage_pg .my_layout .tit_h1{padding-left:1.6rem;padding-right:1.6rem;font-size:1.5rem;color:#B1B1B1;margin-top: 2.5rem;}
	.mypage_pg .my_layout .col-menu{flex: 0 0 100%;max-width:100%;}

	.my_layout > .col{flex: 0 0 100%;max-width:100%;}


	/*서비스소개*/
	.use_info01 .w-50 {width: 40% !important;max-width: 13rem !important;}

	.service_cont .col-md-6  > ul > li{padding:2.0rem 0;}
	.service_cont .col-md-6  > ul > li .w-50{max-width:8rem !important;}


	/*마이페이지*/
	.mypage_pg .st_70{padding-top:0;}
	.mypage_info{background:#fff;border-radius:0;padding: 3.0rem 1.6rem 0;margin-left: -1.6rem;margin-right: -1.6rem;}
	.mypage_info .media{padding-bottom:3.0rem;}
	.mypage_info .col-lg-6{border-right:0;border-bottom:1px solid var(--border);}
	.mypage_info .col-lg-6:last-child{border-right:0;}
	.mypage_info .col-lg-6 .col-4{border-right:1px solid var(--border);padding:1.5rem 0.5rem;}
	.mypage_info .rect{width:5.6rem;margin-right:1.0rem;}

	.ongoing .ongoing_hd {padding: 1.5rem 1.6rem;}
	.ongoing .ongoing_body { padding: 2.0rem 1.6rem;}


	/*워런티*/
	.warranty_tab{margin-right: -0.4rem;margin-left: -0.4rem;flex-wrap: wrap;}
	.warranty_tab .col, .warranty_tab [class*=col-]{padding-bottom:0.4rem;padding-top:0.4rem;}

	/*게시판*/
	.bo_list li .bo_item, .bo_header{
		padding-top: 2.2rem;
		padding-bottom: 2.2rem;
		padding-left: 0;
		padding-right: 0;
	}


	.select_content li .select_item {height: 26rem;}
	.select_content li .select_item .tit_h2{margin-bottom:1.0rem;font-size: 1.8rem;}
	.select_content li .select_item .tit_h2:after {width: 4.5rem;margin: 1.0rem auto 0;}


	/*직원채용*/
	.employ_top .row {
		height: auto;
		padding: 6rem 3rem;
	}

	/*계정정보*/
	.my_info_pg .container-sm{padding-left:0;padding-right:0;}
	.my_info_pg .py_40.border-bottom{border-bottom:0 !important;}

	/*예약내역*/
	.reservation_details_pg .media_item .btn-outline-light { min-width: auto;}


	/*레이싱 선수*/
	.player_wrap .sub_pg{padding-top: var(--hd_height_m);}
	.player_wrap .navbar_detail {top:5.9rem;}

	/*푸터*/
	.ft{}
	.ft .ft_logo{width:13.4rem;}
	.ft .fnb a{padding-right:1.0rem;margin-right:1.0rem;}
	.ft .ft_service span{margin-right:0.5rem;border-right:0;}
	.ft .fnb_company span {border-right: 0;}
	.go_top {
		width: 4.0rem;
		height: 4.0rem;
		background-size: 1.9rem auto;
		right: 1.6rem;
		bottom: 2.0rem;
	}

    /* Gr */
    /* tire.php */
    .tbr_pg .idx_sch{
        border:1px solid #F7B3B8;
    }
    .tbr_size .icon_24{width: 1.6rem;}
    .mo_best .swiper_wrap .swiper-slide{width:32rem;border-radius: 1rem;border:1px solid var(--border);}
    .mo_best .item .thum{height: 20rem;padding:1.8rem;}
    .mo_best .rect4{mix-blend-mode: multiply;}
    .mo_best .item .item_body{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border);}

    /* cart.php */
    .tbr_cart_price{padding:2.4rem 2rem;}
    .discount_info_li li{padding:0;}

    .calender_body *{font-size: 1.4rem;}
    .calender_body .data_txt{font-size: 1.1rem;}

    /* 기획전 */

    .b_plan{font-size: 1.0rem;padding:0.15rem 0.6rem;}
    .b_plan img{width:1rem;}
    .b_plan p{padding-top:0.2rem;}

    .rewards .reward_item{padding:2rem;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
	.m_menu_wr{width: 100%; left: 50%; transform: translate(-50%); max-width:var(--body_width);}
	.menu_bg{width: 100%; left: 50%;}
	.menu_on .m_nav{max-width: 80%;}


    /* 타이어 */
    .sec_md_tire .swiper_wrap .swiper-slide{width:30rem;}

	/*매장찾기*/
	.store_details_pg .st_70{padding-top:0;}
	.store_details_wr .store_details{border-radius: 0 !important;}

	/*리뷰*/
	.review_write_pg .st_70{padding-top:0;}
	.purchase_info{border:0;border-radius:0;margin-left:-1.6rem;margin-right:-1.6rem;}

	/*이벤트*/
	.event_details_pg .st_70{padding-top:0;}
	.event_details_pg .edit_style img{margin-left:-1.6rem;margin-right:-1.6rem;}


	/*faq*/
	.faq_pg{padding-bottom:0;}
	.faq_pg .st_70{padding-top:0;}
	.faq_info{border-radius:0;margin-left:-1.6rem;margin-right:-1.6rem;}

	/*차량관리*/
	.my_car_item .item {flex-direction: column;}
	.my_car_item .item .car_img {width: 100%;height: auto;padding-bottom: 2.5rem;}
	.my_car_item .item .item_body {padding: 2rem;}


    /* Gr 수정 */
    /* cart.php */
    .tbr_cart_price{flex-direction: column-reverse;gap:2rem;}
    .price_discount_info{width:100%;}
    .tbr_price{max-width:100%;}

    .rewards{gap:1.5rem;}
    .rewards .reward_item{width: calc((100% - 2rem) / 2);}
}

/*반응형 max var(--body_width) sm*/
@media (max-width: 575.98px) {
	.go_top {
		right: 1.6rem;
		transform: translateX(0);
	}


	.review_score > div{border-right:0;}

	.review_pg .item .keyword_review span {width: 100%;}
	.review_pg .item .keyword_review span p{display: block;}


	.use_info02 .row .col-sm-4 {flex: 0 0 100%;}


	/*직원채용*/
	.employ_pg .st_70{padding-top:0;}
	.employ_top .row {
        padding: 16rem 1.6rem 0;
        background-size: 53rem auto;
        border: 0;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }

	.status_plate .stus_body .elmnt p {font-size: 1.2rem;}

    /* GR 수정 */
    .calender_body div{
        width:3.2rem;
        height: 3.2rem;
        line-height: 3.2rem;
    }

    /* 이벤트 종료 카드 */
    .close_card img{
        rotate: -15deg;
        width:12rem;
        opacity: 0.7;
    }

    .rewards{gap:1rem;}
    .rewards .reward_item{width: 100%;}
}

/*반응형 max 380px*/
@media (max-width:380px) {



	/*스와이퍼*/
	.swiper_wrap .swiper-slide{width:16rem;}
    
    .sec_md_tire .swiper_wrap .swiper-slide{width:26rem;}

	.best_item .swiper-slide {width: 13rem;}
	.recommend_tire .swiper-slide { width: 13rem ;}

	.grid_wrap {grid-template-columns: 40vw 1fr;}
	.item .keyword_review span{width:calc(50% - 0.8rem);}
	.item .keyword_review span p{white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}



    /* GR 수정 */
    .mobile_head.tire_type button{padding:0 1rem;}

    .pcr_service_options button.service_btn{max-width: 35%;}
    .pcr_service_options .service_btn.active{max-width: 100%;}
    .service_btn .service_word{display: none;}
    .service_btn.active .service_word{display: inline;}

    .mo_best .swiper_wrap .swiper-slide{width:28rem;}


}