@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 999px){
/* desktop to ipad */
#wrap { min-width:10px; }
#wrap .container { width:100%; padding:0 15px; }

#top { xborder-bottom:1px solid #999999; }
#top .top_member { width:400px; margin-bottom:0; }
#top .top_member .search_area { display:none; }
#top .top_member .mobile_btn { display:inline-block; }
#top .top_member a.social { display:none; }

#top .menu_area { display:none; }

#banner { }
#banner > .container { padding-top:12px; }
#banner .banner_show { width:100%; height:auto; }
#banner .banner_row a.bnr_row { top:92px; width:41px; height:41px; }

#main > .container { padding-top:20px; }

.wrap_left_main_content { width:100%; margin-top:30px; }
.wrap_left_main_content .left_cate_list { margin-top:0 !important; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#top .toolbar { width:310px; }
#top .top_member { width:310px; }

#banner .banner_row { display:none; }

#footer .footer_copyright { padding:32px 0 8px 0; position:relative; text-align:center; }
#footer .copyright { width:100%; padding-bottom:4px; }
#footer .designby { width:100%; }
#footer .disclaimer { float:none; position:absolute; left:0; top:8px; width:100%; }
}

@media screen and (max-width: 620px){
/* below iphone 6 plus */
#top .logo { width:181px; }
#top .top_member { padding-top:10px; }
#top .toolbar a#btn_club { display:none; }

#top .toolbar { width:200px; }
#top .top_member { width:200px; }

.openResponsive #wrap { transform:translate3d(250px, 0, 0); }
.openResponsive #mobile_menu { width:250px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#top .logo { width:161px; padding-left:0; }

#top .toolbar { width:140px; }
#top .top_member { width:170px; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 999px){
.index_prd_list_area { width:100%; }
.index_prd_list { width:calc(100% + 1px) !important; }

#index_box_area .index_box_list { margin:0 -6px; }

#index_box_area .index_box { border-left:none; }
#index_box_area .left_box { width:50%; padding-left:6px; }
#index_box_area .middle_box { width:50%; }
#index_box_area .right_box { width:50%; padding-right:6px; }

#index_box_area .index_box:first-child+.index_box,
#index_box_area .index_box:first-child+.index_box+.index_box+.index_box,
#index_box_area .index_box:first-child+.index_box+.index_box+.index_box+.index_box+.index_box { border-left:1px solid #ffffff; }
}

@media screen and (max-width: 767px){
#index_box_area .index_box { float:none; max-width:355px; border-left:none; margin:0 auto 9px auto; }
#index_box_area .left_box { width:100%; }
#index_box_area .middle_box { width:100%; }
#index_box_area .right_box { width:100%; }

#index_box_area .index_box:first-child+.index_box,
#index_box_area .index_box:first-child+.index_box+.index_box+.index_box,
#index_box_area .index_box:first-child+.index_box+.index_box+.index_box+.index_box+.index_box { border-left:none; }

#index_box_area .index_prd_cate { width:321px; margin:0 auto; box-sizing:border-box; padding-left:3px; }
#index_box_area .index_prd_cate a { float:left; display:block; width:103px; height:113px; padding-top:4px; background-color:#ffffff; border-radius:4px; margin-right:3px; margin-bottom:3px; text-align:center; }
}

@media screen and (max-width: 479px){

}

/*-------------------------------------------------------------------------------------*/
/* BRAND && PRODUCT */

@media screen and (max-width: 999px){
.brand_list { width:717px; padding:30px 0; margin:0 auto; }

.brand_info_area { width:100%; max-width:958px; background-size:100% 100%; transition:all 0.2s linear; }
.brand_info_area .brand_info { width:calc(100% - 189px); transition:all 0.2s linear; }

.product_cate_area { width:100%; max-width:958px; box-sizing:border-box; }

.product_content { padding:40px 0 30px 0; }
.product_content .left_cate_list { width:100%; padding:18px 5px 20px 5px; box-sizing:border-box; margin-top:30px; }
.product_content .left_cate_list > ul { text-align:left; font-size:0; }
.product_content .left_cate_list > ul > li { display:inline-block; zoom:1; *display:inline; width:33.33%; box-sizing:border-box; padding:0 7px 10px 7px; }
.product_content .left_cate_list > ul > li > a { font-size:15px; }
.product_content .left_cate_list > ul > li > ul > li { font-size:13px; }

.product_content .prd_list_area { width:100%; }
.product_content .prd_list { width:717px; margin:0 auto; }
.product_content .prd_item { padding:0 10px 12px 10px; }
.product_content .prd_info { width:calc(100% - 20px); }

.prd_detail { width:100%; }
.prd_detail_photo_area { padding-left:24px; }

.wrap_prdPromotionList { text-align:center; font-size:0; }
.wrap_prdPromotionList .wrap_prdPromotion { float:none; display:inline-block; zoom:1; *display:inline; vertical-align:top; }
}

@media screen and (max-width: 767px){
.brand_list { width:calc(100% + 18px); margin:0 -9px; }
.brand_list .brand_item { width:calc(50% - 18px); }

.product_content .left_cate_list > ul > li { width:50%; }

.product_content .prd_list { width:auto; margin:0 -10px; }
.product_content .prd_item { width:50%; }

.prd_detail_photo_area { padding-left:0; }
.prd_detail_photo_area .large_photo { width:calc(100% - 95px); font-size:0; }
.prd_detail_photo_area .large_photo img { max-width:100%; max-height:100%; }

.wrap_prdPromotionList .wrap_prdPromotion { width:50%; max-width:237px; }
.wrap_prdPromotionList .wrap_prdPromotion+.wrap_prdPromotion+.wrap_prdPromotion { display:none; }
}

@media screen and (max-width: 479px){
.brand_info_area { padding:6px 14px; }
.brand_info_area .brand_logo { width:96px; transition:all 0.2s linear; }
.brand_info_area .brand_info { width:calc(100% - 135px); }
}

@media screen and (max-width: 413px){
.prd_detail_photo_area .large_photo { width:100%; }

.prd_detail_photo_area .sub_photo_area { width:100%; height:auto; margin-bottom:20px; }
.prd_detail_photo_area .sub_photo_area a.list_row { display:none; }

.prd_detail_photo_area .list_area { width:100%; height:auto; overflow:visible; }
.prd_detail_photo_area .list_area .list { position:relative; width:100%; height:auto !important; }
.prd_detail_photo_area .list_area .list a.item { margin:5px; }

.wrap_prdPromotionList .wrap_prdPromotion { width:100%; margin-bottom:20px; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 999px){
.wrap_right_main_content { width:100%; padding:20px 0; }

table.table_newsDetailList tr._2col td:first-child { width:80px; }

}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 479px){
table.table_newsDetailList tr._2col td:first-child { width:60px; }
}

@media screen and (max-width: 413px){

}

/*-------------------------------------------------------------------------------------*/
/* SHOP */

@media screen and (max-width: 999px){
.bSpace_15 img { max-width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* CS CENTER */

@media screen and (max-width: 999px){
table.tb_content tbody tr td:first-child { width:24px; }
}

@media screen and (max-width: 479px){
.wrap_csAboutBrand .wrap_brand, .wrap_csWarr .wrap_brand { width:100%; min-width:100px; }
.wrap_csAboutBrand .wrap_brand .wrap_brandImg, .wrap_csAboutBrand .wrap_brand .brandTitle, .wrap_csWarr .wrap_brand .wrap_brandImg { width:144px; padding-bottom:14px; }
.wrap_csWarr .wrap_brand .brandDesc { width:100%; }
.wrap_csAboutBrand .wrap_brand .brandDesc, .wrap_csAboutBrand .wrap_brand .brandList { width:calc(100% - 144px); }
}

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

@media screen and (max-width: 999px){
.contact_us_img { margin-top:0; text-align:center; }
}

@media screen and (max-width: 767px){
#main .section .dark-matter { padding:20px 15px; }
#main .section .dark-matter h1 { margin:-10px -15px 30px -15px; }
}