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

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

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

#top.fixedTop .logo { width:108px; }

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

#footer .footer_sitemap { display: block; width: 100%; }
#footer .copyright { width:100%; text-align: right; }
}

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

#wrap { min-width:10px; padding-top:0 !important; 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; }

.trarea img {display: none;}

#toolbar { display:none !important; }

#top { xborder-top:5px solid #0088cc; padding-bottom: 5px; }
#top .logo { width:178px; left:0px;}
#top .menu_area { display:none; }
#top .search_area { display:none; }
#top .mobile_btn { display:block; }
#top.fixedTop { position:static; background-color:transparent; box-shadow:none; }
#top.fixedTop .logo { xdisplay:block; }

#banner { padding-top:0 !important; }

#mobile_menu { display:block; }

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

#footer .newsletter_area { width:300px; padding-left:20px; }
#footer .footer_social { width:40%; }
#footer .copyright { width:100%; }
}


@media screen and (max-width: 1199px){
.workshop_content .workshop_list_area { width:200px; }
.workshop_content .workshop_list { min-height:100px; }
.workshop_content .workshop { padding:16px 20px; }
.workshop_content .workshop_photo { display:none; }
.workshop_content .workshop_info { width:100%; }

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

@media screen and (max-width: 767px){
.workshop_content .workshop_detail { float:left; width:100%; }
.workshop_content .workshop_list_area { width:100%; }
.workshop_content .workshop_list { display:none; }
.workshop_content .workshop_select { display:block; }
.workshop_content .multipage { display:none; }


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

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

#banner .inner_banner .title { font-weight: 2em !important; }

#footer .footer_sitemap .sitemap_area  { display:none; }
#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 p{display: none;}
#footer .title{text-align: center;}
}

@media screen and (max-width: 520px){
#top .logo { width:148px; }
.prd_list .prd_info {height:95px;}
.prd_list .prd_title {height:75px;}

#banner .banner_item { width:50%; }
#banner .banner_item_1 { width:100%; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */

}

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

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

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

}

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

}

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

}

/*-------------------------------------------------------------------------------------*/
/* 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:25%; }
}

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

.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: 479px){

}

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

@media screen and (max-width: 1199px){
.news_list .news_photo+.news_info { width:calc(100% - 289px); }

.news_content .news_list_area { width: 240px; }
.news_content .news_detail { width: 702px; }
}

@media screen and (max-width: 1023px){
.news_list .news_photo { float:none; margin:0 auto; }
.news_list .news_photo+.news_info { width:100%; padding:16px 15px 0 15px; }

.news_content .direct_path_area { display: none !important; }
.news_content .news_list_area { width: 100%; }
.news_content .news_list_area .news_select { display: block; }
.news_content .news_list_area .news_list { display: none; }
.news_content .news_list_area .multipage { display: none; }
.news_content .news_detail { width: 100%; }
}

@media screen and (max-width: 767px){
.news_list .news_photo { float:left; width:229px; }
.news_list .news_photo+.news_info { width:calc(100% - 229px); padding-top:0; }

.news_content .news_detail { padding: 20px; }
}

@media screen and (max-width: 620px){
.news_list .news_photo { width:169px; }
.news_list .news_photo+.news_info { width:calc(100% - 169px); }
}

@media screen and (max-width: 520px){
.news_list .news_photo { float:none; width:229px; margin:0 auto; }
.news_list .news_photo+.news_info { width:100%; padding:16px 10px 0 10px; }
}

/*-------------------------------------------------------------------------------------*/
/* 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){

}