@charset "utf-8";

#m-container {position:relative; min-width:320px;overflow-x: hidden;}

/* main contents */
.main-content {position:relative; width:var(--sub-leftW);max-width: 100%; flex:1; min-width: 0;}
.main_inwrap {position: relative;margin: 17.5rem auto 0;box-sizing: border-box;padding: 0 6rem;width: 100%;min-width: 0;max-width: 152rem;display: flex;gap: 16.5rem;}
#m-container .main_visual {width: 26rem;}
#m-container .visual_wrap {width: 27%;min-width: 48rem;position: fixed;top: 0; right: 0;z-index:3600;}
/* #m-container .main_content {padding: 16rem 20px 0;width: 88.5%;max-width: 1100px;margin-left: 31%;} */
#m-container p.date, #m-container span.date, #m-container div.date {color:#666; font-size: 1.4rem;}
.m-vis-swiper {position:relative;}
.m-vis-swiper img {max-width: 100%;width: 100%;}
.vis_pagin_box {position: absolute;left: 6rem;bottom: 8rem;z-index: 99;display: flex;align-items: baseline;gap: 1.5rem;}
.vis_pagination_num {text-align: left;width: auto; position: static;color:#fff;margin-right: 1.4rem;}
.vis_pagination_num span {margin-right:0.5rem;}
.vis_pagination_num span:last-child {margin:0;}
.visual_paginations .visual_pagination {height: 1.8px;width: 31rem;background-color: #ffffff85;position: relative;}
.visual_paginations .visual_pagination .bar {position: absolute;top: 0;left: 0;height: 100%;width: 0;transform-origin: left;background: var(--point-color);}
.visual_paginations .visual_pagination .bar.on {animation: bar 5s linear infinite;}
@keyframes bar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.visual_paginations .visual_pagination .pause.bar {animation-play-state: paused;}

.main-section+.main-section {margin-top: 20rem;}

.sec {position:relative;}
.sec > img {position:relative; left:50%; top:0; width:1920px; height:auto; transform:translateX(-50%);}
.sec_wrap {min-width: 0;}
.sec_titlebox {margin-bottom: 4rem;}
.sec_titlebox .sec_btit {line-height:1.2;font-size: 1.6rem;margin-bottom: 0.8rem;}
.sec_titlebox .sec_title {line-height:1.2;font-size: 3.2rem; font-family: var(--font-title);color:var(--color-green);}
.sec_titlebox .sec_title span {font-size: 3.2rem; font-family: var(--font-title);color:var(--point-color);}

.more_btnbox {width:100%;}
.more_btn {width:100%;text-align: right;display: block;font-size:1.6rem; color: var(--color-gray);text-decoration: underline !important;transition: all 0.3s ease;}
.more_btn:hover {color: #000;}
.cars_more_btn {margin-top: 8rem;}
.cars_more_btn .more_btn {text-align: center;}

.sec-01 .sec01_title {margin-bottom: 12rem;}
.sec-01 .sec01_title .tit {font-size: 6rem; line-height: 6.6rem;font-weight:700;color:var(--color-green);font-family: 'kimm', 'OnemobileG','Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; }
.sec-01 .sec01_txtbox {overflow: hidden;height: 6.6rem;position: relative;}
.sec-01 .sec01_txtbox .tit {color: var(--point-color);}
.slide-txt {height: 6.6rem; position: absolute;top: 0;left: 0;width: 100%; opacity: 0;transform: translateY(100%);transition: all 0.6s ease;}
.slide-txt.active {opacity: 1;transform: translateY(0%);z-index: 2;}
.slide-txt.prev {transform: translateY(-100%);opacity: 0;z-index: 1;}
.sec-01 .sec01_title .txt {font-size: 2.4rem;margin-top: 1rem;line-height: 1.2;}
.sec-01 .sec01_bn {position:relative;}
.sec-01 .bn_txtbox {margin-left: 5rem;}
.sec-01 .bn_txtbox .sub_head {margin-bottom: 0.4rem;font-size: 1.6rem; font-weight: 700; color: var(--color-green);}
.sec-01 .bn_txtbox .sub_head span {font-size: 1.6rem; font-weight: 700; color: var(--point-color);}
.sec-01 .bn_txtbox .bn_tit {margin-bottom: 1rem;font-size: 2.6rem; font-family: var(--font-title);color: var(--color-green);}
.sec-01 .bn_txtbox .bn_txt {font-size: 1.6rem;margin-bottom: 2rem;line-height: 1.2;}
.sec-01 .bn_txtbox .bn_btn {transition: all 0.3s ease;display: inline-block;box-shadow: 5px 5px 15px 0 rgba(38, 94, 84,0.1);color:#fff;font-size: 1.6rem;padding: 1rem 2rem; border-radius: 50rem; background:var(--color-green);}
.sec-01 .bn_txtbox .bn_btn:hover {background: var(--point-color);}
.sec-01 .bn_icon {position:absolute; top:50%; right:0; transform:translateY(-50%);width: 37.3rem; height: 29.336rem;background: url(/share/portal/img/Main/today_bg.png) no-repeat center center;background-size: cover;}
.sec-01 .sec01_bn_bg {position:absolute;left: 0;top: -5rem;;z-index:-1;width: 100%; height: 16rem; border-radius: 1rem; background: var(--bg-gray);}


.cars-wrap {display: flex;flex-wrap: wrap;gap: 10rem 3rem;}
.cars-slide {width: calc(33.33% - 2rem);}
.cars_pagination {height:1px !important;background: #C9CFDA;bottom: -5rem;top: auto !important;}
.cars_pagination .swiper-pagination-progressbar-fill {background: var(--point-color);}

.cars-list-swiper {position: relative;}
.cars-list-slide {width: calc(33.33% - 2rem);position:relative;}
.cars-list-slide .imgbox {position: relative;width:100%;max-width: 30rem;padding-bottom: 109.33%; border-radius: 1rem; margin-bottom: 4rem; overflow: hidden;box-sizing: border-box;}
.cars-list-slide img {display: block;position: absolute;top: 0;left: 0;right: 0; bottom: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.cars_list_pagination {display: flex;align-items: center;gap:1rem;position: absolute;left: 4rem !important;bottom: auto !important;top: 4rem;}
.cars_list_pagination .swiper-pagination-bullet {margin:0 !important;background: rgba(255, 255, 255, 0.6);opacity: 1;}
.cars_list_pagination .swiper-pagination-bullet-active {width: 1.2rem;height: 1.2rem; background: var(--point-color);}

.cars-list_controls {opacity:0;display: flex;justify-content: space-between;padding: 0 2rem;position: absolute;left: 0;top: 16rem;width: 100%; z-index: 99;transition: all 0.2s ease;}
.cars-list_controls .arrow {width: 4rem; height: 4rem;background: url(/share/portal/img/default/ico_arrow_left.svg) no-repeat center center / auto 1.2rem;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;}
.cars-list_controls .arrow.next {background: url(/share/portal/img/default/ico_arrow_right.svg) no-repeat center center / auto 1.2rem;background-color: rgba(255, 255, 255, 0.8);}
.cars-list_controls:hover {opacity:1;}

.cars_tab {margin-bottom: 6rem;}
.cars_tab_list {display: flex; gap: 1rem; align-items: center;flex-wrap: wrap;}
.cars_tab_item .tab-btn {font-size: 1.6rem;display: flex;gap:0.6rem; align-items:center;padding: 1.6rem 2rem;background: var(--bg-gray);border-radius: 50rem;transition: all 0.3s ease;}
.cars_tab_item .tab-btn2 {background: var(--point-color2);}
.cars_tab_item a[aria-selected="true"].tab-btn{color:#fff;background: var(--point-color);box-shadow: 5px 5px 10px 0 rgba(255, 89, 0, 0.15);}
.cars_tab_item .ico_tab {width: 2rem; height: 2rem;}
.cars_tab_item .ico_tab_heart {background: url(/share/portal/img/Main/ico_tab_heart.svg) no-repeat center center / 2rem auto;}
.cars_tab_item .ico_tab_pet {background: url(/share/portal/img/Main/ico_tab_pet.svg) no-repeat center center / 2rem auto;}
.cars_tab_item .ico_tab_new {background: url(/share/portal/img/Main/ico_tab_new.svg) no-repeat center center / 2rem auto;}
.cars_tab_item a[aria-selected="true"] .ico_tab_heart {background: url(/share/portal/img/Main/ico_tab_heart_active.svg) no-repeat center center / 2rem auto;}
.cars_tab_item a[aria-selected="true"] .ico_tab_pet {background: url(/share/portal/img/Main/ico_tab_heart_active.svg) no-repeat center center / 2rem auto;}
.cars_tab_item a[aria-selected="true"] .ico_tab_new {background: url(/share/portal/img/Main/ico_tab_new_active.svg) no-repeat center center / 2rem auto;}

.cars_info .tit {font-size: 2.2rem; font-weight: 700; margin-bottom: 1rem;line-height: 1.2;    word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.cars_info .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%;max-width: 30rem;}
.cars_info .cat {display:flex; gap: 0.4rem;margin-bottom: 2rem;flex-wrap: wrap;}
.cars_info .cat li {background: var(--bg-gray);display: flex;gap: 0.6rem;align-items: center;font-size: 1.4rem;padding: 0.65rem 0.8rem; border-radius: 2px;}
.cars_info .cat li .ico_people {width:1.6rem;height: 1.6rem;background: url(/share/portal/img/default/ico_people.svg) no-repeat center center / 1.6rem auto;} 
.cars_info .cat li .ico_pet {width:1.4rem;height: 1.4rem;background: url(/share/portal/img/Main/ico_tab_pet.svg) no-repeat center center / 1.4rem auto;} 
.cars_info .add {font-size: 1.4rem;margin-bottom: 1.5rem;}
.cars_info .price {font-size: 1.4rem;}
.cars_info .price span {font-size: 2rem; font-weight: 700;}

.meta-box {z-index:2;position:absolute;right:4rem; top: 26rem;display: flex; gap: 0.6rem; align-items: center;}
.meta-box .meta-item {display: flex; gap: 0.6rem; align-items: center;padding: 0.8rem 1.4rem; border-radius: 20rem; background: #fff;transition: all 0.3s ease;}
.meta-box .meta-item.like:hover {background: var(--bg-gray);}
.meta-box .meta-item.star {background: var(--point-color2);cursor: default;}
.meta-box span {font-size: 1.4rem;color:#000;}
.meta-box .meta-item > div {width: 1.6rem; height: 1.6rem;}
.meta-box .ico-like {background: url(/share/portal/img/default/ico_like.svg) no-repeat center center / 1.6rem auto;}
.meta-box .on .ico-like {background: url(/share/portal/img/default/ico_like_on.svg) no-repeat center center / 1.6rem auto;flex:none;}
.meta-box .ico-star {background: url(/share/portal/img/default/ico_star.svg) no-repeat center center / 1.6rem auto;}

.sec-03 .cars_category {display:flex; gap: 6rem; flex-wrap: wrap;justify-content: center;height: 20rem;}
.sec-03 .cars_category .cat_img {margin-bottom:2rem;width: 14rem; height: 14rem;transition: all 0.3s ease;}
.sec-03 .cars_category .cat_img01 {background: url(/share/portal/img/Main/category_img01.png) no-repeat center center;background-size: cover;}
.sec-03 .cars_category .cat_img02 {background: url(/share/portal/img/Main/category_img02.png) no-repeat center center;background-size: cover;}
.sec-03 .cars_category .cat_img03 {background: url(/share/portal/img/Main/category_img03.png) no-repeat center center;background-size: cover;}
.sec-03 .cars_category .cat_img04 {background: url(/share/portal/img/Main/category_img04.png) no-repeat center center;background-size: cover;}
.sec-03 .cars_category .cat_img05 {background: url(/share/portal/img/Main/category_img05.png) no-repeat center center;background-size: cover;}
.sec-03 .cars_category .cat_txt {font-size: 1.8rem; font-weight: 700;text-align: center;}
.sec-03 .cars_category li a:hover .cat_img {height: 16rem;width: 16rem;}


.sec-04 .benefit_wrap {position: relative;padding-top: 13rem;}
.sec-04 .benefit-swiper {width: 100%;position: relative;}
.sec-04 .benefit-image {text-align: center;position: relative;}
.sec-04 .benefit-img {}
.sec-04 .benefit-text {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #fff;}
.sec-04 .benefit-text h3 {font-size: 3.4rem; font-weight:700;line-height: 4rem;margin-bottom: 0.5rem;}
.sec-04 .benefit-text p {font-size: 2rem;line-height: 4rem;}
.sec-04 .benefit_pagination_box {display: flex;align-items: center; gap: 2.4rem;}
.sec-04 .benefit_pagination {font-size: 1.8rem; position: static; width: auto;}
.sec-04  .benefit_pagination_bullet {display: flex;align-items: center;gap:1rem;position: static;}
.sec-04  .benefit_pagination_bullet .swiper-pagination-bullet {margin:0 !important;background: var(--bg-gray);opacity: 1;}
.sec-04  .benefit_pagination_bullet .swiper-pagination-bullet-active {width: 1.2rem;height: 1.2rem; background: var(--point-color);}
.sec-04 .ben_bg_txt {z-index:-1;width: 100%;text-align: center;line-height: 1.2;position: absolute;top:0; left:50%;transform: translateX(-50%);font-family: var(--font-title);font-size: 8rem; color: var(--bg-gray);}
.sec-04 .benefit-box {position: absolute;right:0; bottom: -0.8rem;}
.sec-04 .benefit-box .tit {text-align: right;font-size: 2.6rem; font-weight:700; line-height:3.2rem; color: var(--color-green);}
.sec-04 .benefit-box .tit span {display:block;font-size: 2.6rem; font-weight:700; line-height:3.2rem; color: var(--point-color);}
.sec-04 .benefit-box .txt {text-align: right;font-size: 2rem;line-height: 4rem;}


.sec-05 {position: relative;}
.sec-05 .spot_more_btn {position: absolute;right:0; top: 4rem;}
.sec-05 .spot-swiper {display: flex;gap: 3rem;}
.sec-05 .spot-wrap {display: flex;gap: 4rem 3rem;flex-wrap: wrap;}
.sec-05 .spot-wrap .spot-slide {width: calc(33.33% - 2rem);}
.sec-05 .spot-wrap .left-spot.spot-slide {width:100%;max-width: 30rem;}
.sec-05 .spot_link {display:block;position: relative;}
.sec-05 .spot_link .cat {z-index: 2;position: absolute;left: 3rem; top: 3rem; color:#fff;background: rgba(255, 89, 0, 0.9);border-radius: 2rem;font-size: 1.8rem; padding: 1rem 2rem;}
.sec-05 .spot_link .spot_imgbox {position: relative;width:100%;padding-bottom: 150%; border-radius: 1rem; margin-bottom: 2rem; overflow: hidden;box-sizing: border-box;}
.sec-05 .left-spot {width: 100%;max-width: 30rem;}
.sec-05 .left-spot .spot_link .spot_imgbox {max-width: 30rem; padding-bottom: 150.33%;}
.sec-05 .spot_link .spot-img {display: block;position: absolute;top: 0;left: 0;right: 0; bottom: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.sec-05 .spot_link:hover .spot-img {transform: scale(1.05);}
.sec-05 .spot_link .spot_info .tit {font-size: 2rem; font-weight: 700;margin-bottom: 0.8rem;}
.sec-05 .spot_link .spot_info .add {font-size:1.6rem;margin-bottom: 1.7rem;}
.sec-05 .spot_link .spot_info .tag ul {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--color-gray2);}
.sec-05 .spot_link .spot_info .tag ul li {display: inline;font-size: 1.6rem;color: var(--color-gray2);margin-right: 1.2rem;}
.sec-05 .spot_link .spot_info .tag ul li:last-child {margin-right: 0;}
.sec-05 .spot_pagination {display:none;height:1px !important;background: #C9CFDA;bottom: 15rem;width: 100%;top: auto !important;}
.sec-05 .spot_pagination .swiper-pagination-progressbar-fill {background: var(--point-color);}


.sec-06 {position: relative;}
.sec-06 .sec_title span {display:block;} 
.sec-06 .story-wrap {padding-left: 21rem;}
.sec-06 .video-box {margin-bottom: 4rem;border-radius: 1rem;position: relative;width: 100%;padding-bottom: 56.13%;height: 0;overflow: hidden;}
.sec-06 .video-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
.sec-06 .story-box {display: flex; gap: 4rem;}
.sec-06 .story-board {width: 50%;}
.sec-06 .srtoy_link .stroy-imgbox {position: relative;width:100%;padding-bottom: 66.76%; border-radius: 1rem; margin-bottom: 3rem; overflow: hidden;box-sizing: border-box;}
.sec-06 .srtoy_link img {display: block;position: absolute;top: 0;left: 0;right: 0; bottom: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.sec-06 .srtoy_link:hover .story-img {transform: scale(1.05);}
.sec-06 .story-txtbox .sub-tit {display: inline-block;margin-bottom: 1.6rem;font-size: 1.6rem; font-weight: 700;padding: 0.4rem 0.6rem; border-radius: 4px; background: var(--bg-gray);}
.sec-06 .story-txtbox .tit {font-size: 2rem; font-weight: 700; line-height: 3rem;margin-bottom: 2rem;}
.sec-06 .story-txtbox .txt {font-size: 1.6rem; line-height: 3rem;margin-bottom: 3rem;overflow: hidden; text-overflow: ellipsis; white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:  3;-webkit-box-orient: vertical;}
.sec-06 .like_btn {font-size: 1.4rem; display: flex; gap:0.6rem; align-items: center;background: var(--bg-gray);border-radius: 20rem; padding: 0.8rem 1.4rem;transition: all 0.3s ease;}
.sec-06 .like_btn:hover {background: #e2e8e9;}
.sec-06 .like_btn span {font-size: 1.4rem;color:#000;}
.sec-06 .ico_like {width: 1.6rem; height: 1.6rem; background: url(/share/portal/img/default/ico_like.svg) no-repeat center center / 1.6rem auto;}
.sec-06 .like_btn.on .ico_like {background: url(/share/portal/img/default/ico_like_on.svg) no-repeat center center / 1.6rem auto;flex:none;}
.sec-06 .story_more_btn {position: absolute;right:0; top: 5.2rem;}

@media screen and (max-width:1750px){
 
	#m-container .visual_wrap {min-width: 44rem;}
	.visual_paginations .visual_pagination {width: 25rem;margin-top: 21.5rem;}
	.main_inwrap {margin: 21.5rem auto 0;}
}

@media screen and (max-width:1567px) {
	.sec-03 .cars_category {gap: 3rem;height: 16rem;}
	.sec-03 .cars_category .cat_img {width: 10rem;height: 10rem;}
	.sec-03 .cars_category li a:hover .cat_img {height: 12rem;width: 12rem;}
}

@media screen and (max-width:1540px) {
	.meta-box {top: 25rem;}
}

@media screen and (max-width:1450px) {
	.meta-box {top: 23rem;}
	
	.sec-05 .spot_link .cat {font-size: 1.6rem;}
}

@media screen and (max-width:1340px){
	.meta-box {right: 2rem;top: 20rem;}
	.cars-list_controls {top: 11rem;}
	
	.sec-04 .ben_bg_txt {font-size: 6rem;}
	.sec-04 .benefit_wrap {padding-top: 9rem;}
	
	.sec-05 .spot-swiper {flex-direction: column;}

	.sec-06 .story-wrap {padding-left: 0;}
	.sec-06 .sec_title span {display: inline-block;}
}

@media screen and (max-width:1280px) {
	.cars-slide {width: calc(50% - 5rem);}
	.ico_cars_info {display:none;}
	.meta-box {top: 26rem;}
	.cars-list_controls {top: 16rem;}
}

@media screen and (max-width:1200px) {
	#m-container .main_visual {float: none;width: 100%;}
	#m-container .visual_wrap  {width: 100%;position: static;z-index: 1;}
	.main_inwrap {width: auto;margin: 0;display: flex;flex-direction: column-reverse;max-width: none;padding:0;gap: 0;}
	.main-content {margin: 0 6rem; padding-top: 8rem;width: auto;}

	.cars-slide {width: calc(33.33% - 2rem);}
	.meta-box {top: 30rem;}
	.cars-list_controls {top: 18rem;}
	.cars-list-slide .imgbox {max-width: none;}
	
	.sec-06 .srtoy_link .stroy-imgbox {max-width: 100%;}
}

@media screen and (max-width:1100px){
	.cars-list_controls {top: 16rem;}
    .meta-box {top: 27rem;}
}

@media screen and (max-width:1024px){
	.main-content {margin: 0 4rem;}
}

@media screen and (max-width:980px) {
	.cars-list_controls {top: 14rem;}
    .meta-box {top: 24rem;}
}

@media screen and (max-width:890px) {
	.meta-box {top: 21rem;}
}

@media screen and (max-width:830px) {
	.meta-box {top: 20rem;}
}

@media screen and (max-width:800px) {
	.meta-box {top: 19rem;}
}

@media screen and (max-width:768px){
	.sec-01 .sec01_bn {height: 36rem;}
	.sec-01 .bn_icon {top: auto; bottom:-3.5rem;transform: translate(-50%, 0);width: 36.3rem;right: auto;left: 50%;}
	.sec-01 .sec01_bn_bg {height: 36rem;}
	.sec-01 .sec01_title .tit {font-size: 5rem;line-height: 5.6rem;}
	.sec-01 .sec01_txtbox {height: 5.5rem;}
	
	.cars_list_pagination {left: 3rem !important;top: 3rem;}
	.cars-slide {width: calc(50% - 5rem);}
	.cars-list_controls {top: 15rem;}
	.meta-box {top: 26rem;}
	
	.sec-04 .benefit-img {width: 100%;max-width: 69.2rem;}
}

@media screen and (max-width:720px) {
	.meta-box {top: 24rem;}
}

@media screen and (max-width:699px) {
	.sec-03 .cars_category {height: 31rem;}
}

@media screen and (max-width:690px) {
	.meta-box {top: 22rem;}
	.cars-list_controls {top: 13rem;}
}

@media screen and (max-width:660px) {
	.sec-06 {padding-bottom: 8rem;}
	.story_more_btn {position: static !important;margin-top: 5rem;transform: none;}
	.story_more_btn .more_btn {text-align: center;}
}

@media screen and (max-width:650px) {
	.meta-box {top: 20rem;}
}

@media screen and (max-width:620px){
	.meta-box {top: 19rem;}
	
	.sec-04 .ben_bg_txt {font-size: 4rem;}
	.sec-04 .benefit_wrap {padding-top: 6rem;}
}

@media screen and (max-width:600px) {
	.main-section+.main-section {margin-top: 14rem;}
    .main-content {margin: 0 3rem;}

	.cars-wrap {flex-wrap: nowrap;gap: 0;}
	.cars-list-slide .imgbox {max-width: none;}
	.cars_more_btn {margin-top: 12rem;}
	.meta-box {top: 32rem;}
	.cars-list_controls {top: 17rem;}
	.cars-list-wrap {display: block;}
	.cars-list-slide {width: 100%;}

	.sec-04 .benefit-text h3 {font-size: 2.5rem;line-height: 2.8rem;}
	.sec-04 .benefit-text p {font-size: 2rem;line-height: 2.8rem; margin-top: 1rem;}
	.sec-04 .benefit_pagination {font-size: 1.6rem;}
	.sec-04 .benefit-box .tit {font-size: 2rem;line-height: 3.2rem;}
	.sec-04 .benefit-box .tit span {font-size: 2rem;line-height: 2.1rem;margin-left: 0.7rem;display: inline-block;}
	.sec-04 .benefit-box .txt {font-size: 1.6rem;line-height: 3.5rem;}
	.sec-04 .benefit-box {position: static;margin-top: 1rem;}
	
	.sec-05 {padding-bottom: 9rem;}

	.sec-05 .spot_link .spot_info .add {display: none;}
	.sec-05 .spot_link .spot_info .tit {margin-bottom: 1.7rem;}
	.sec-05 .spot_more_btn {position: static; margin-top: 8rem;transform: none;}
	.sec-05 .spot_more_btn .more_btn {text-align: center;}
	.sec-05 .spot-wrap .left-spot.spot-slide {max-width: 36rem;}
	.sec-05 .left-spot .spot_link .spot_imgbox {padding-bottom: 125.3%;}
	
	.sec-06 {padding-bottom: 6rem;}
	.sec-06 .story-box {flex-direction: column;}
	.sec-06 .story-board {width: 100%;}
	.sec-06 .story-txtbox .tit {font-size: 2.4rem;}
}

@media screen and (max-width:570px) {
	 .meta-box {top: 29rem;}
}

@media screen and (max-width:520px) {
	 .meta-box {top: 26rem;}
}

@media screen and (max-width:500px) {
	.sec-05 .spot-wrap {flex-wrap: nowrap;gap: 0;}
	.sec-05 .spot-wrap .left-spot.spot-slide, .sec-05 .spot-wrap .spot-slide {width: 100%;max-width: 29.7rem;}
	.sec-05 .left-spot .spot_link .spot_imgbox, .sec-05 .spot_link .spot_imgbox {max-width: 29.7em;padding-bottom: 134.34%;}
	.sec-05 .spot_pagination {display:block;}
}

@media screen and (max-width:480px){
	.sec-01 .sec01_title .tit {font-size: 4rem;line-height: 4.6rem;}
	.sec-01 .sec01_txtbox {height: 5rem;}
	.meta-box {top: 27rem;}
}

@media screen and (max-width:450px){
	.meta-box {top: 24rem;}
	.cars_list_pagination {left: 2rem !important;top: 2rem;}
}

@media screen and (max-width:410px){
	.sec-01 .sec01_title .tit {font-size: 3rem;line-height: 4rem;}
	.sec-01 .sec01_txtbox {height: 4rem;}
	.cars-list_controls {top: 13rem;}
	.meta-box {top: 22rem;}
}

@media screen and (max-width:390px){
	 .visual_paginations .visual_pagination {width: 17rem;}

	.cars-list_controls {top: 12rem;}
	.meta-box {top: 20rem;}
}

@media screen and (max-width:376px) {
	.sec-03 .cars_category {height: 48rem;}
}

@media screen and (max-width:360px){
	.sec-01 .bn_icon {width: 32.3rem;height: 26.336rem;}
	.sec-01 .bn_txtbox {margin: 0 3rem;}
	
	.cars-list_controls {top: 10rem;}
	.meta-box {top: 18rem;}
	.meta-box .meta-item {padding: 0.6rem 1.2rem;}
	.meta-box span {font-size: 1.3rem;}
	
	.sec-04 .benefit_wrap {padding-top: 5rem;}
	.sec-04 .ben_bg_txt {font-size: 3.2rem;}
}

@media screen and (max-width:340px){
	.meta-box {top: 17rem;}
	
	.meta-box span {font-size: 1.2rem;}
}

/* 2026-08-26 모바일(≤1200px) 메인비주얼: 고정 헤더(7.2rem)·하단 탭바(10.5rem)에 자막이 가리지 않게
   보이는 높이에 맞춰 아래쪽 기준으로 잘라 넣는다(자막은 이미지 하단 13% 위에 박혀 있음). 데스크톱(고정 세로 기둥)은 그대로 */
@media screen and (max-width:1200px){
	#m-container .m-vis-swiper img {height:min(calc(100vh - 10.5rem), 184.6vw);height:min(calc(100svh - 10.5rem), 184.6vw);object-fit:cover;object-position:50% 100%;}
}