#contents { width:100%; max-width:100%; }

.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:600px; text-align:center; }
.main_slide .swiper-slide img { height:100%; object-fit:cover; }

.page_toparea { display:none; }

.index_img img { height:600px; object-fit:cover; }



.index_img_m img { width:100%; }


#footer {  margin-top:0; }


/*swiper*/
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after{display:none}
.swiper-container .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.swiper-container .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px !important}
.swiper-container .swiper-pagination{bottom:30px}
.swiper-container .swiper-pagination-bullet-active{}



.main_introduce { padding:50px 0; }
.main_introduce .title_area {  text-align:center; color:#222; }
.main_introduce .title_area h2 { font-size:40px; font-weight:500; letter-spacing:-1px; margin-bottom:10px; }
.main_introduce .title_area p { font-size:16px; }

.main_con_bbs { padding:50px 0; }
.main_con_bbs ul { display:flex; width:1400px; margin:0 auto; flex-wrap:wrap; }
.main_con_bbs ul li { width:45%; margin:2.5%; }
.main_con_bbs ul li h2 { font-size:35px; margin-bottom:20px; font-weight:500; }
.main_con_bbs ul li p { font-size:16px; color:#777; line-height:150%; font-weight:100; display:-webkit-box; -webkit-line-clamp:4;
-webkit-box-orient:vertical; overflow:hidden; }

.main_intro_2 { position:relative; padding:150px 0; height:700px; width:100%; margin:0 auto; background:#f5f5f5; }
.main_intro_2 .textarea { position:absolute; width:1400px; left:50%; margin-left:-700px; z-index:2; padding:2.5% 20% 0 2.5% ; }
.main_intro_2 .textarea h2 { font-size:50px; margin-bottom:20px; }
.main_intro_2 .textarea p { font-size:25px; color:#777; }
.main_intro_2 .imagearea { position:absolute; right:0; }
.main_intro_2 .imagearea img { height:400px; width:800px; object-fit:cover; }


.main_contact { position:relative; width:100%; height:800px; background-position: center;  text-align:center; }
.main_contact .main_contact_image { height:100%; text-align:center; }
.main_contact .main_contact_image img { height:100%; object-fit:cover; }







@media(max-width:1090px){



#contents { width:100%; max-width:100%; }

.main_slide { width:100%;margin:0 auto;position: relative; }
.main_slide .swiper-slide { height:auto; }
.main_slide .swiper-slide img { height:auto; width:100%; object-fit:cover; }

.page_toparea { display:none; }


.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after{display:none}
.swiper-container .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_prev.png') no-repeat center }
.swiper-container .swiper-button-next{width:50px;height:50px;margin-top:-25px;background:url('../image/arrow_next.png') no-repeat center }
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:#fff;margin:0 6px !important}
.swiper-container .swiper-pagination{bottom:30px}
.swiper-container .swiper-pagination-bullet-active{}



.main_introduce { padding:50px 0; }
.main_introduce .title_area {  text-align:center; color:#222; }
.main_introduce .title_area h2 { font-size:40px; font-weight:500; letter-spacing:-1px; margin-bottom:10px; }
.main_introduce .title_area p { font-size:16px; }

.main_con_bbs { padding:30px 0 0; }
.main_con_bbs ul { display:flex; width:90%; margin:0 auto; flex-wrap:wrap; }
.main_con_bbs ul li { width:100%; margin:0 0 30px 0; }
.main_con_bbs ul li h2 { font-size:22px; margin-bottom:10px; font-weight:500; }
.main_con_bbs ul li p { font-size:14px; color:#777; line-height:130%; font-weight:100; display:-webkit-box; -webkit-line-clamp:4;
-webkit-box-orient:vertical; overflow:hidden; }

.main_intro_2 { position:relative; padding:50px 0; height:auto; width:100%; margin:0 auto; background:#f5f5f5; }
.main_intro_2 .textarea { position:static; width:90%; left:0; margin-left:0; z-index:2; padding:0 ; margin:0 auto; }
.main_intro_2 .textarea h2 { font-size:22px; margin-bottom:20px; }
.main_intro_2 .textarea p { font-size:16px; color:#777; }
.main_intro_2 .imagearea { position:static; right:0; margin-top:30px; }
.main_intro_2 .imagearea img { height:auto; width:100%; object-fit:cover; }


.main_contact { position:relative; width:100%; height:600px; background-position: center;  text-align:center; }
.main_contact .main_contact_image { height:100%; }
.main_contact .main_contact_image img { height:100%; object-fit:cover; }



}

.sc_main_title { margin:70px auto 0; width:100%; max-width:1400px; }
.sc_main_title h2 {   font-family: 'GmarketSansMedium'; font-weight:700; position:relative; font-size:80px; text-align:center; }
.sc_main_title h2 i { color:#999; font-style:normal; margin:0 30px; }

.sc_main_1 { margin:30px auto 70px; width:100%; max-width:1400px; display:flex; }
.sc_main_1 h2 {   font-family: 'GmarketSansMedium'; font-weight:700; position:relative; font-size:80px; text-align:center; }
.sc_main_1 h2 i { color:#999; font-style:normal; margin:0 30px; }
.sc_main_1 ul { display:flex; justify-content:space-between; margin-top:50px; flex-grow:1 }
.sc_main_1 ul li { text-align:center; line-height:20px; margin:0 10px 0 0; border:1px solid #ddd; padding-bottom:12px; }
.sc_main_1 ul li img { margin-bottom:10px; }
.sc_main_1 ul li strong { font-size:18px; padding:8px 0;  display:block; }
.sc_main_1 ul li p { font-size:14px; }

.sc_main_1 ul.ul2 {  }
.sc_main_1 ul.ul2 li { flex-shrink:1; }



@media(max-width:1090px){

.sc_main_title { margin:30px auto; width:100%; max-width:1400px; }
.sc_main_title h2 {  font-family: 'GmarketSansMedium'; font-weight:700; position:relative; font-size:28px; text-align:center; }
.sc_main_title h2 i { color:#999; font-style:normal; margin:0 10px; }


.sc_main_1 { margin:30px auto; width:100%; max-width:100%; display:block;}
.sc_main_1 ul { display:flex; justify-content:space-between; margin:20px auto 0; flex-wrap:wrap; width:calc(100% - 20px); }
.sc_main_1 ul li { text-align:center; line-height:20px; width:calc(100% / 3 - 1%); border:1px solid #ddd; padding-bottom:8px; margin:0 0.5% 10px; box-sizing:border-box; }
.sc_main_1 ul li img { margin-bottom:5px; }
.sc_main_1 ul li strong { font-size:14px; padding:4px 0;  display:block; }
.sc_main_1 ul li p { font-size:10px; line-height:13px; }

.sc_main_1 ul.ul2 { flex-wrap:nowrap; overflow-x:scroll }
.sc_main_1 ul.ul2 li { flex-shrink:0; }
}




.main_title { height:150px; position:relative; width:100%; text-align:center;  margin:80px auto}
.main_title img { height:100%; object-fit:cover; }
.main_title p { width:100%; text-align:center; color:#fff; font-size:57px; position:absolute; top:0; left:0; display:block; height:150px; line-height:157px;   font-family: 'GmarketSansMedium'; font-weight:700; }
.main_title p strong { color:rgba(0,0,0,0.6); font-weight:700; }
.title1 { background:#ff5757; }
.title2 { background:#fd9f69; }
.title3 { background:#fffebb; }
.title3 p { color:#c0c2b7; }
.title4 { background:#a6e9a4; }
.title5 { background:#b4fbfd; }
.title6 { background:#9bd5e0; }
.title7 { background:#edd4fe; }




/*
.title2 p strong { color:#a6ff7f; }
.title3 p strong { color:#d7adf5; }
.title4 p strong { color:#fefe68; }
.title5 p { color:#f8a74b; }
.title5 p strong { color:#d1b48c; }
*/

@media(max-width:1090px){
.main_title { height:55px; position:relative; width:100%; text-align:center;  margin:30px auto}
.main_title img { height:100%; object-fit:cover; }
.main_title p { width:100%; text-align:center; color:#fff; font-size:20px; position:absolute; top:0; left:0; display:block; height:55px; line-height:58px;   font-family: 'GmarketSansMedium'; font-weight:700; }
.main_title p strong { color:rgba(0,0,0,0.6);  font-weight:700; }
.title3 p { color:#c0c2b7; }
/*
.title2 p strong { color:#a6ff7f; }
.title3 p strong { color:#d7adf5; }
.title4 p strong { color:#fefe68; }
.title5 p { color:#f8a74b; }
.title5 p strong { color:#d1b48c; } 
*/
}

.line-through { text-decoration:line-through; font-size:15px; color:#777; }
.nonmembers { font-size:15px; color:#ff7800; }

.main_disp { width:1200px; margin:0px auto ; }
 
.main_list_style_1 { width:1200px; 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; }



.ritem { max-width:1300px;margin:50px auto 40px;position:relative; }
.ritem .swiper-container { width:100%;  }
.ritem .swiper-slide { width:calc(100% / 5); padding:0 10px; }
.ritem .swiper-slide img{vertical-align:top}
.ritem .swiper-button-prev:after,
.ritem .swiper-button-next:after{display:none}
.ritem .swiper-button-prev{left:-40px;background: url(../image/arrow_prev.png) no-repeat center; }
.ritem .swiper-button-next{right:-40px;background:url(../image/arrow_next.png) no-repeat center; }
.ritem .btn-type-01 { margin-top:-65px;width:44px; height:44px; border-radius:22px; overflow:hidden; }
.ritem .btn-type-01:hover { }

.ritem .thumnail { width:100%; overflow:hidden; border-radius:50%; border:1px solid #ddd; }
.ritem .thumnail img { width:100%; }
.ritem .description {text-align:center; padding-bottom:20px; }
.ritem .description li { height:auto; }
.ritem .description .name { padding:15px 0 5px; margin:0 auto; width:92%; }
.ritem .description .name a { font-size:14px; height:40px; font-size:14px; line-height:20px;
text-overflow: ellipsis; overflow: hidden; word-break: break-word; 
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:40px; }
.ritem .description .ect { display:none; box-sizing:border-box;  font-size:14px; color:#aaa;  padding-top:5px}
.ritem .description .price  {  font-weight:bold; font-size:18px; }
.ritem .description .price  strong {   font-weight:bold; font-size:18px;  }



@media(max-width:1090px){



.ritem {width:95%;margin:10px auto 10px;position:relative; padding:0 5% !important }
.ritem .swiper-container { width:100%;  margin:0 auto; }
.ritem .swiper-slide { width:calc(100% / 2); padding:0 10px; }
.ritem .swiper-button-prev{left:0px;background: url(../image/arrow_prev.png) no-repeat center; width:15px; background-size:15px auto;  }
.ritem .swiper-button-next{right:0px;background:url(../image/arrow_next.png) no-repeat center; width:15px; background-size:15px auto;  }
.ritem .description .name a { font-size:12px; }
.ritem .description .price  {  font-weight:bold; font-size:13px; }
.ritem .description .price  strong {   font-weight:bold; font-size:13px;  }

.main_disp { width:100%; margin:0px auto ; }
.main_list_style_1 { width:100%; margin:0 auto; font-size:0; }

.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; }
}


.subpage_line { display:none; }