.contents01 { width:100%; padding-top:0px;  max-width:100%; }

.swiper-slide-a { text-align:center; position:relative; }
.swiper-slide-a .slide-position {  position:absolute; top:0; left:0; width:100%; margin:0 auto; height:100%; transform:translate(50, 50); }
.swiper-slide-a img { object-fit:cover;  max-width:100%; height:100%;  margin:0 auto; }

.main_slide_img { width:100%; height:700px; text-align:center; margin:0 auto 15px 0; }
.main_slide_img .swiper-container {  width:100%; margin:0 auto;  padding:0 0px; height:100%;  }
.main_slide_img .swiper-container img { height:700px; object-fit:cover; }
.main_slide_img .swiper-button-next,
.main_slide_img .swiper-button-prev { border-radius:25px; width:50px; height:50px; top:47%; color:rgba(255,255,255,0.7); border:0; }
.main_slide_img .swiper-button-next:after,
.main_slide_img .swiper-button-prev:after { font-size:25px; width:50px; height:50px; display:flex; align-items:center; justify-content:center; }
.main_slide_img .swiper-button-next { right:20px; }
.main_slide_img .swiper-button-prev {  left:20px; }
.main_slide_img .swiper-pagination { bottom:1.2em; }
.main_slide_img .swiper-button-next:hover:after,
.main_slide_img .swiper-button-prev:hover:after { color:#fff; opacity:1; background:rgba(0,0,0,0.3); width:50px; height:50px;  }

@media(max-width:1200px){
.main_slide_img { width:100%;   text-align:center; margin:0 auto ; height:auto; }
.main_slide_img .swiper-button-next { right:10px; }
.main_slide_img .swiper-button-prev {  left:10px; }
.main_slide_img .swiper-container { height:auto; }
.main_slide_img .swiper-container img { height:auto; }
}

@media(max-width:1100px){
.main_slide_img { width:100%;   text-align:center; margin:0 auto ; height:auto; }
}




.main_disp { width:100%; max-width:1250px; margin:0px auto ; }
 
.main_list_style_1 { width:100%; margin:0 auto; font-size:0; }
.product_list .list_style_1 { display:inline-block;  margin:0 1%; font-size:16px; vertical-align:top;  position:relative; margin-bottom:40px; }
.product_list .list_style_1 .thumnail { margin:0 auto; display:table-cell;  background:#fff; box-sizing:border-box; border:1px solid #fff; }
.product_list .list_style_1 .thumnail:hover { border:1px solid #aaa; opacity:.7; }
.product_list .list_style_1 .thumnail img { max-width:100%;  }
.product_list .list_style_1 .description { margin:10px auto 20px; }
.product_list .list_style_1 .description li { margin-bottom:6px; text-align:center; }
.product_list .list_style_1 .description .name { display:block;  }
.product_list .list_style_1 .description .name a { font-size:16px; color:#444; }
.product_list .list_style_1 .description .price  { color:#333; }
.product_list .list_style_1 .description .price  strong { font-size:18px; }
.product_list .list_style_1 .description .soldout { color:#be1010; }
.product_list .list_style_1 .description .etc { color:#777;; }
.product_list .list_style_1 .description .etc .line-through { text-decoration:line-through; font-size:15px; color:#777; margin-right:5px; }
.product_list .list_style_1 .description .etc .mileage { font-weight:300; font-size:12px }
.product_list .list_style_1 .description .etc .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;  }

.product_list .colm5 { width:18%; }
.product_list .colm4 { width:23%; }
.product_list .colm3 { width:31%; margin:0 1%; }

.free_shipping span { border:1px solid #e70000; color:#e70000; font-size:11px; height:20px; line-height:19px; padding:0 5px; margin-top:5px; display:inline-block; }




@media(max-width:800px){

.product_list .colm4 { width:48%; }

.product_list .list_style_1 { display:inline-block;  margin:0 1%; font-size:16px; vertical-align:top;  position:relative; margin-bottom:10px; }
.product_list .list_style_1 .description { margin:10px auto 20px; }
.product_list .list_style_1 .description .name { display:block;  }
.product_list .list_style_1 .description .name a { font-size:13px; color:#444; }
.product_list .list_style_1 .description .price  { color:#333; }
.product_list .list_style_1 .description .price  strong { font-size:13px; }

.product_list .list_style_1 .description .etc { color:#777; font-size:12px;  }
.product_list .list_style_1 .description .etc .line-through { text-decoration:line-through; font-size:12px; color:#777; margin-right:5px; }
}







/* 상품 롤링 */
.main_product_rolling { width:100%; text-align:center; position:relative; margin:20px auto 40px }
.main_product_rolling .swiper-slide { width:calc(100% / 4); 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:45%;  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:#00b2c9; }
.main_product_rolling .p_description { font-size:14px; }

.rolling_title { font-size:25px; font-weight:600; color:#333; text-align:center; margin:50px auto 20px }

@media(max-width:800px){
.rolling_title { font-size:16px; font-weight:600; color:#333; margin:30px auto 10px; }
.main_product_rolling { width:100%; text-align:center; height:auto; margin:20px auto 30px; }
.main_product_rolling .swiper-slide { width:calc(100% / 3); padding:0 5px; }
.main_product_rolling .swiper-slide .s-box { background:#fff; border-radius:10px; padding:0 0 15px 0px; margin:0 5px; overflow:hidden; }
.main_product_rolling .swiper-container { padding:0em 20px 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_product_rolling .p_description { font-size:12px; }
}


ul.tabs{  margin: 0px;  padding: 0px;  list-style: none;}
ul.tabs li{ cursor:pointer; }
ul.tabs li.current{ }
.tab-content{ display: none; }
.tab-content.current{ display: inherit; }

ul.tabs2 {  margin: 0px;  padding: 0px;  list-style: none;}
ul.tabs2 li{ cursor:pointer; }
ul.tabs2 li.current2 { }
.tab-content2 { display: none; }
.tab-content2.current2{ display: inherit;}

.main_product_rolling.tab-content{ display: none; }





.main_introduce { width:100%; max-width:1300px; position:relative; margin:100px auto; border-radius:20px; overflow:hidden; height:500px; }
.main_introduce .img { height:100%; width:100%; }
.main_introduce img { height:100%; width:100%; object-fit:cover; }
.main_introduce .txt { position:absolute; left:50px; top:50px; height:calc(100% - 100px); background:#fff; width:calc(100% / 2 - 100px); padding:30px 0; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.main_introduce * { font-weight:normal; }
.main_introduce h1 { font-size:27px; margin:10px auto; font-weight:600 }
.main_introduce h2 { font-size:20px; margin:10px auto; line-height:27px ; color:#666; }
.main_introduce h3 { font-size:17px; margin:10px auto;  line-height:24px }
.main_introduce a.btn_about { background:#865bb6; color:#fff; display:inline-block; padding:10px 0px; width:200px; margin:20px auto 0; font-size:16px; }




@media(max-width:1000px){

.main_introduce { width:100%; max-width:auto; position:relative; margin:20px auto 70px; border-radius:0px; overflow:hidden; height:370px; }
.main_introduce .img { height:100%; }
.main_introduce img { height:100%; object-fit:cover; }
.main_introduce .txt { position:absolute; left:20px; top:20px; height:calc(100% - 40px); background:rgba(255,255,255,0.9); width:calc(100% - 40px); padding:20px 0; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.main_introduce * { font-weight:normal; }
.main_introduce h1 { font-size:22px; margin:10px auto; font-weight:600 }
.main_introduce h2 { font-size:15px; margin:10px auto; line-height:22px ; color:#666; }
.main_introduce h3 { font-size:12px; margin:10px auto;  line-height:19px }
.main_introduce a.btn_about { background:#865bb6; color:#fff; display:inline-block; padding:5px 0px; width:180px; margin:20px auto 0; font-size:14px; }

}




/* 기본 상품 출력 */
.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; }
}




.index_04 h4 { font-size:40px;  font-weight:500; }
.index_04 h6 { font-size:20px; font-weight:500; color:#555; }
.index_04 h5 { font-size:30px; line-height:120%; margin:20px 0; font-weight:500; color:#222 }


.index_04 { width:100%; height:500px;  text-align:center; position:relative; }
.index_04 img { height:500px; object-fit:cover; width:100%; }
.index_04 .inner { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:flex;flex-direction: row; align-content: center; flex-wrap:wrap;  }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:20px 0; }


@media(max-width:900px){


.index_04 { width:100%; height:300px;  text-align:center; position:relative; }
.index_04 img { height:300px; object-fit:cover; width:100%; }
.index_04 .inner { width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; display:flex;flex-direction: row; align-content: center; flex-wrap:wrap;  }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:20px 0; letter-spacing:-1px; }
.index_04 h4 { font-size:20px; }
.index_04 h6 { font-size:13px; }
}