/* 메인페이지 단독 설정 */
#contents { max-width:100%; }
.allcate_list { display:block; background:rgba(0,0,0,0.7); margin-top:1px; }

/* 컨텐츠 위 아래 간격 */
.mtb30 { margin:30px auto}



/* 메인슬라이드 */
.main_slide_img { min-width:1300px; }
.main_slide_img .swiper-button-prev,
.main_slide_img .swiper-button-next {  position: absolute; top: 50%; width: 40px;  height: 60px;
 margin-top: -30px; z-index: 10; cursor: pointer; display: flex; align-items: center;  justify-content: center;  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
.main_slide_img .swiper-button-next,
.main_slide_img .swiper-button-prev { background:rgba(0,0,0,0.2); width:60px; height:80px; }
.main_slide_img .swiper-button-next { left:50%; margin-left:590px; }
.main_slide_img .swiper-button-prev { left:50%; margin-left:-469px; }
.main_slide_img .swiper-pagination { background:rgba(0,0,0,0.5); padding:5px 10px; width:auto; margin-left:570px; bottom:20px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet { border:0; background:rgba(255,255,255,0.5); height:8px; width:8px; border-radius:4px; margin:0 3px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet-active {  width:17px; background:#fff;  }

@media(max-width:1000px){
.main_slide_img { min-width:auto; }
.main_slide_img .swiper-button-next,
.main_slide_img .swiper-button-prev { background:rgba(0,0,0,0.2); width:30px; height:40px; margin-top:-20px; }
.main_slide_img .swiper-button-next:after,
.main_slide_img .swiper-button-prev:after { font-size:15px; }
.main_slide_img .swiper-button-next { left:auto; right:0; margin-left:0 }
.main_slide_img .swiper-button-prev { left:0; margin-left:0; }
.main_slide_img .swiper-pagination { margin-left:0; bottom:10px; left:auto; right:10px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet { border:0; background:rgba(255,255,255,0.5); height:6px; width:6px; border-radius:3px; margin:0 2px; }
.main_slide_img .swiper-pagination .swiper-pagination-bullet-active {  width:17px; background:#fff;  }
}

/* 메인슬라이드 PC */
.pc_on .swiper-container { height:450px; }
.pc_on .swiper-container img { height:450px; object-fit:cover; }



/* 상품 영역별 제목 */
.m_title_type01 { padding:20px 0 40px; text-align:center; }
.mt100 { margin-top:80px; }
.m_title_type01 p { font-size:30px; font-weight:400; color:#222; }

@media(max-width:1000px){
.m_title_type01 { padding:10px 0; text-align:center; }
.mt100 { margin-top:10px; }
.m_title_type01 p { font-size:25px; font-weight:400; color:#222; }
}



/* 상품 롤링 */
.main_product_rolling { width:100%; text-align:center; position:relative;  }
.main_product_rolling .swiper-slide { width:calc(100% / 5); padding:0 10px; }
.main_product_rolling .s-box { margin:0px; }
.main_product_rolling .s-box  img { margin-bottom:15px; width:100%; border:1px solid #ddd; }

.main_product_rolling .swiper-container {  width:100%; margin:0 auto; max-width:1340px; padding:0 10px;  }
.main_product_rolling .swiper-button-next,
.main_product_rolling .swiper-button-prev { background:#fff; border-radius:20px; width:40px; height:40px; top:30%;  color:#222; box-shadow:0px 0px 3px 3px #ddd; }
.main_product_rolling .swiper-button-next:after,
.main_product_rolling .swiper-button-prev:after { font-size:14px; }
.main_product_rolling .swiper-button-next { right:3px; }
.main_product_rolling .swiper-button-prev {  left:3px; }
.main_product_rolling .swiper-pagination { bottom:4em; }
.main_product_rolling .swiper-button-next:hover:after,
.main_product_rolling .swiper-button-prev:hover:after { color:#e72000; }

@media(max-width:900px){
.main_product_rolling { width:100%; text-align:center; height:auto; }
.main_product_rolling .swiper-slide { width:calc(100% / 2.5); }
.main_product_rolling .swiper-slide .s-box { background:#fff; border-radius:10px; padding:0 0 15px 0px; margin:0 10px; overflow:hidden; }
.main_product_rolling .swiper-container { padding:0em 0 1em; }
.main_product_rolling .swiper-button-next,
.main_product_rolling .swiper-button-prev { width:30px; height:30px; top:50%; margin-top:-4em;}
.main_product_rolling .swiper-pagination { bottom:1.5em; }
}




/* 기본 상품 출력 */
.main_disp { margin-bottom:30px; width:100%; }
.main_disp_gray { background:#eee; padding:80px 0 40px; }
.main_disp_gray_p { background:#eee; padding:0 0 50px 0; }
/*
.main_disp_gray_p .column4 > li { display:none }
.main_disp_gray_p .column4 > li:nth-child(1),
.main_disp_gray_p .column4 > li:nth-child(2),
.main_disp_gray_p .column4 > li:nth-child(3),
.main_disp_gray_p .column4 > li:nth-child(4),
.main_disp_gray_p .column4 > li:nth-child(5),
.main_disp_gray_p .column4 > li:nth-child(6),
.main_disp_gray_p .column4 > li:nth-child(7),
.main_disp_gray_p .column4 > li:nth-child(8) { display:block; }
*/
.product_style_basic { max-width:1300px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; }
.product_style_basic li { padding:0 15px; margin:10px 0 40px; }
.column1 > li { width:calc(100% / 1); }
.column2 > li { width:calc(100% / 2); }
.column3 > li { width:calc(100% / 3); }
.column4 > li { width:calc(100% / 4); }
.column5 > li { width:calc(100% / 5); }
.column6 > li { width:calc(100% / 6); }
.p_thumnail { margin-bottom:10px; }
.p_thumnail img { border:1px solid #ddd; }
.p_description { font-size:15px; }
.p_description > ul > li { margin-bottom:5px; width:100%; text-align:center; line-height:1.3em; } 
.p_description .name,
.p_description .name a { font-size:1em; }
.p_description .mileage { font-weight:300; font-size:12px }
.p_description .mileage  strong { display:inline-block; border-radius:7px; height:15px; width:15px; margin-right:4px; background:#999; color:#fff; line-height:15px;  text-align:center;  }
.p_description .etc_content { font-size:0.9em; color:#999; }
.p_description .price { font-weight:normal; font-size:1.1em; margin:0.2em 0 0.7em 0; }


@media(max-width:900px){
.main_disp { margin-bottom:30px; width:100%; padding:0 10px; }
.main_disp_gray { background:#eee; padding:40px 10px 40px; }
.main_disp_gray_p { background:#eee; padding:0 10px 40px 10px; overflow:hidden; }
.main_disp_gray_p .column4 > li:nth-child(7),
.main_disp_gray_p .column4 > li:nth-child(8) { display:none; }
.product_style_basic { max-width:1300px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.product_style_basic li { padding:0 5px; margin:0px auto 20px; }
.column1 > li { width:calc(100% / 1); }
.column2 > li { width:calc(100% / 1); }
.column3 > li { width:calc(100% / 2); }
.column4 > li { width:calc(100% / 2); }
.column5 > li { width:calc(100% / 3); }
.column6 > li { width:calc(100% / 3); }
.p_thumnail { margin-bottom:10px; }
.p_thumnail img { border:1px solid #ddd; }
.p_description { font-size:12px; }
.p_description > ul > li { margin-bottom:5px; width:100%; text-align:center; line-height:1.3em; } 
.p_description .name,
.p_description .name a { font-size:1em; }
.p_description .mileage { font-weight:300; font-size:12px }
.p_description .mileage  strong { display:inline-block; border-radius:7px; height:15px; width:15px; margin-right:4px; background:#999; color:#fff; line-height:15px;  text-align:center;  }
.p_description .etc_content { font-size:0.9em; color:#999; }
.p_description .price { font-weight:normal; font-size:1.1em; margin:0.2em 0 0.7em 0; }
}

