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

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

#toolbar { display:none !important; }

#top {
    border-top: 5px solid #0f66ce;
}
#top .search_area { display:none; }
#top .menu_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:20px !important; }

#mobile_menu { display:block; }

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

#footer .footer_sitemap { xdisplay:none; }
#footer .footer_sitemap .sitemap_row { xwidth:50%; padding-right:20px; }
#footer .footer_sitemap .sitemap_brand,
#footer .footer_sitemap .sitemap_delivery { display:none; }
#footer .footer_sitemap .sitemap_contact { padding-bottom:20px; }
#footer .footer_sitemap .sitemap_address p { line-height:20px; }
#footer .newsletter_area { width:300px; padding-left:20px; }
}

@media screen and (min-width: 767px){
#footer .footer_sitemap .sitemap_row.sitemap_address { max-width: 70%; }
}

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

#main .direct_path_area { padding:0; }
#main .direct_path_area .direct_path { font-size:14px; line-height:normal; }
#main .direct_path_area .multipage { display:none; }

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

#footer .footer_sitemap .sitemap_area { xdisplay:none; }
#footer .footer_sitemap .sitemap_address { width:60%; }
#footer .footer_sitemap .sitemap_contact,
#footer .footer_sitemap .sitemap_payment { xwidth:45%; }
#footer .newsletter_area { width:100%; border-left:none; padding-left:0; }
#footer .copyright, 
#footer .designby { width:100%; text-align:center; }
}

@media screen and (max-width: 520px){
#footer .footer_sitemap .sitemap_row { width:100%; }
#footer .footer_sitemap .sitemap_address { padding-bottom:20px; max-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); }
}

@media screen and (max-width: 767px){
.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; }
}

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

.prd_list .prd_item {
    min-height: 308px; 
}



}

@media screen and (max-width: 479px){
.prd_detail .prd_detail_youtube iframe { height:260px; }
}

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

@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=email],
.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; }
}