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

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

@media screen and (max-width: 1199px){
#wrap { min-width:1000px; }
#wrap .container { max-width:1000px; }

#top .logo { width:317px; }

#top .search_area input[type=text] { height:36px; line-height:34px; }
#top .search_area select { height:36px; }
#top .search_area button { width:36px; height:36px; }

#top ul.menu_list { margin:0 -20px; }
#top ul.menu_list > li { padding:0 20px; }
#top ol.menu_sub_list { left:20px; }

#main .left_side { }
#main .right_side { width:700px; }
}

@media screen and (max-width: 1023px){
/* desktop to ipad */
html, body { overflow-x:hidden; overflow-y:visible; }

#wrap { min-width:10px; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transition:transform 0.5s ease; }
#wrap .container { max-width:768px; }

#toolbar { display:none !important; }

#top { padding:20px 0; }
#top .logo { width:267px; }
#top .search_area { display:none; }
#top .menu_area { display:none; }
#top .mobile_btn { display:block; }

#mobile_menu { display:block; }

#banner .inner_banner { height:292px; }

#main .container { padding-bottom:60px; }
#main .left_side { width:200px; }
#main .right_side { width:calc(100% - 220px); }

#footer .footer_sitemap .sitemap_area { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap .container { max-width:none; }

#top .logo { width:217px; }
#top .mobile_btn a { width:36px; height:36px; line-height:36px; }

#main .left_side { display:none; }
#main .right_side { width:100%; }
#main .multipage { text-align:center; }

#banner .inner_banner { height:192px; }
#banner .inner_banner .bnr_text{ font-size:32px; }

#footer .footer_sitemap .sitemap_area { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; }

#footer .social_footer { display:none; }
#footer .social_footer_h { display:none; }
#footer .newsletter_area { width:100%; border-left:none; padding-left:0; }
#footer .wd, 
#footer .copyright, 
#footer .designby, 
#footer .footer_social { width:100%; text-align:center; }
#footer .footer_social { padding-bottom:12px; }
#footer .copyright, 
#footer .designby { display: block; }
#footer .footer_copyright { display: block; }
#footer .title{text-align: center;}
}

@media screen and (max-width: 520px){
#footer .footer_sitemap { padding:30px 0; }
#footer .footer_sitemap .sitemap_area { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0 15px; }
#footer .footer_sitemap .sitemap_area ul { padding-bottom:15px; }
}

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

#banner .inner_banner { height:162px; }
}

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

@media screen and (max-width: 1199px){
.index_products_section { width:calc(100% - 256px); }

.index_news_section { width:256px; }

.index_shops_section { width:256px; }
}

@media screen and (max-width: 1023px){
.index_products_section { width:100%; }

.index_news_section { width:50%; }

.index_shops_section { width:50%; }
}

@media screen and (max-width: 767px){
.index_prd_list .prd_item { width:50% !important; }
}

@media screen and (max-width: 479px){
.index_news_section { width:100%; }

.index_shops_section { width:100%; }

.index_shops_list .prd_item { padding:3px 0 !important; }
.index_shops_list .prd { max-width:205px; }
}

/*-------------------------------------------------------------------------------------*/
/* COMMON CONTENT */

@media screen and (max-width: 767px){
.common_title { padding:0 10px 12px 10px; margin:0 -10px; }
}

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

@media screen and (max-width: 1199px){
.prd_list .prd_item { width:33.33%; }
}

@media screen and (max-width: 1023px){
.prd_detail .prd_detail_photo { float:left; width:350px; }
.prd_detail .prd_detail_photo .sub_photo { width:83px; }
.prd_detail .prd_detail_info { width:calc(100% - 370px); }
#banner .ab_banner .ab_right{ position:relative; margin-left:130px; }
#banner .ab_banner .ab_right_txt{font-size: 40px; right:0px;}
#banner .ab_banner .ab_right_txt2{font-size: 15px; right:0px;}
}

@media screen and (max-width: 767px){
#main .direct_path_area { padding-right: 20px; }
#main .direct_path_area .multipage { position: relative; float: right; }

.prd_content .prd_cate_name { padding-right:0; }
.prd_content .prd_cate_name+.multipage { display:none; }

.prd_detail .prd_detail_photo { width:100%; }
.prd_detail .prd_detail_photo .large_photo { max-width:430px; margin:0 auto; }
.prd_detail .prd_detail_photo .sub_photo_list { max-width:436px; margin:0 auto; }
.prd_detail .prd_detail_photo .sub_photo { width:calc(25% - 6px); }

.prd_detail .prd_detail_info { width: 100%;padding-top: 25px;  }
#banner .ab_banner .ab_text{ margin-left:30px; min-width:200px;}
#banner .ab_banner .ab_logo{ margin-left:30px; min-width:200px;}
#banner .ab_banner .ab_welcome{margin-left:30px; min-width:200px;}
#banner .ab_banner .ab_right{ display:none;}
}

@media screen and (max-width: 520px){
.prd_list .prd_item { width:49%; }
}

@media screen and (max-width: 413px){
.prd_detail .prd_detail_row label { position:static; width:100%; padding-bottom:8px; }
.prd_detail .prd_detail_row p { display: block; padding-left: 0; }
}

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

@media screen and (max-width: 1199px){
.news_content .news_list_area { width:200px; }
.news_content .news_list { min-height:100px; }
.news_content .news { padding:16px 20px; }
.news_content .news_photo { display:none; }
.news_content .news_info { width:100%; }

.news_content .news_detail { width:calc(100% - 230px); padding:16px 28px; }
}

@media screen and (max-width: 767px){
.news_content .news_detail { float:left; width:100%; }
.news_content .news_list_area { width:100%; }
.news_content .news_list { display:none; }
.news_content .news_select { display:block; }
.news_content .multipage { display:none; }
}

@media screen and (max-width: 479px){
.news_content .news_detail_iframe iframe { height:30vh; }
}

/*-------------------------------------------------------------------------------------*/
/* LOGIN & REGISTER  */

@media screen and (max-width: 590px){
.login_area .login_item { width:100%; }
.login_area .login_box_content { min-height:auto; margin-bottom:20px; }

.forgot_pwd_area .login_box_content { min-height:120px; }
}

@media screen and (max-width: 479px){
.register_area .register_btn input[type=submit] { width:120px; }
}

@media screen and (max-width: 413px){
.register_area .register_btn input[type=submit] { width:calc(50% - 8px); }
}

/*-------------------------------------------------------------------------------------*/
/* CHECKOUT  */

@media screen and (max-width: 1199px){
.checkout_area .checkout_item_info { width:778px; }
.checkout_area .checkout_total_side { padding-left:583px; }
.checkout_area .checkout_info_note { width:calc(100% - 650px); }
.checkout_area .checkout_info_delivery { width:650px; }

.order_area .order_code { width:292px; }
.order_area .order_date, 
.order_area .order_price, 
.order_area .order_status { width:160px; }
}

@media screen and (max-width: 1023px){
.checkout_area .checkout_topic { display:none; }
.checkout_area .checkout_item_photo { vertical-align:top !important; }
.checkout_area .checkout_item_info { width:calc(100% - 120px); }
.checkout_area .checkout_item_info .item_field { display:block; width:100%; padding-left:130px; padding-bottom:6px; text-align:left; }
.checkout_area .checkout_item_info .item_field b { display:block; }

.checkout_area .checkout_total_side { padding-left:371px; }
.checkout_area .checkout_discount_row { width:calc(100% - 360px); }
.checkout_area .checkout_discount_row input[type=text] { width:calc(100% - 164px); }
.checkout_area .checkout_price_area { padding-left:20px; }

.checkout_area .checkout_info_note { width:100%; padding-left:0; padding-bottom:20px; }
.checkout_area .checkout_info_delivery { width:100%; }

.order_area .order_code { width:180px; }
.order_area .order_date, 
.order_area .order_price, 
.order_area .order_status { width:120px; }
}

@media screen and (max-width: 767px){
.checkout_area .checkout_total_side { padding:0; }
.checkout_area .checkout_discount_row { position:static; width:100%; padding:24px 15px; }
.checkout_area .checkout_discount_row input[type=text] { max-width:100%; }
.checkout_area .checkout_price_area { min-height:10px; padding:20px 15px 0 15px; border-top:1px solid #cccccc; border-left:none; }

.order_area .order_topic { display:none; }
.order_area .order .order_field { display:block; min-height:10px; padding-left:92px; line-height:20px; }
.order_area .order .order_field b { display:block; }
.order_area .order_code { width:100%; }
.order_area .order_date, 
.order_area .order_price, 
.order_area .order_status { width:100%; }

/*Juno edit*/
.our_story_area .brand_col_img { position: inherit; }
.our_story_area .brand_col_desc { padding-left: 0px; }
.our_story_area .brand_col_img img { max-width: unset;}

}

@media screen and (max-width: 479px){
.checkout_area .checkout_item_photo { display:none !important; }
.checkout_area .checkout_item_info { width:calc(100% - 30px); }

.checkout_area .checkout_discount_row input[type=text] { width:100%; margin-right:0; margin-bottom:10px; }
.checkout_area .checkout_discount_row input[type=submit] { display:block; margin:0 auto; }

.checkout_area .checkout_btn_area { text-align:center; }

.checkout_area .checkout_info_row label { width:100%; }
.checkout_area .checkout_info_row input[type=text],
.checkout_area .checkout_info_row select,
.checkout_area .checkout_info_row textarea { width:100%; }

.order_area .order { padding:10px; }
.order_area .order_btn { position:static; width:100%; padding-top:10px; }
.order_area .order_btn a { height:30px; line-height:28px; }
}

@media screen and (max-width: 374px){
.checkout_area .checkout_item_info .item_field { padding-left:0; }
.checkout_area .checkout_item_info .item_field b { position:static; padding-bottom:2px; }
}

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

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

}

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

}

@media screen and (max-width: 767px){
.contact_area .text_side { width: 100%; }
.contact_area .map_side { width: 100%; }

}

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

}