@charset "utf-8";

/* /////////////// jinstar /////////////// */

@media (max-width:1550px){
	.my_process_wrap .my_proc_box .my_proc_ul ul li:after{ right:10%;}
}

@media (max-width:1400px){
	.my_process_wrap .my_proc_box .my_proc_ul ul li{ width:calc(33.33333% - 14px);}
	.my_process_wrap .my_proc_box .my_proc_ul ul li:after{ right:18%;}
}

@media (max-width:1199px){
	/* header */

	/* footer */
	footer#footer #footer_top nav#fnb{ display:block; margin-top:15px;}
	footer#footer #footer_bottom p span{ display:block;}

	/* content */
	#contants{  padding-bottom:655px;}
	.btns{ margin-top:50px;}
	.pagination{ margin-top:50px;}

	/* popup layer */
	.pop_wrap{ left:50%;}
	.pop_wrap .pop_box{ position:inherit !important; top:20px !important; bottom:20px !important; left:20px !important; right:20px !important; overflow-y:auto; background-color:var(--white); box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
	.pop_wrap .pop_box .pop_inner{ left:0 !important; right:0 !important; width:auto !important; box-shadow:none;}
	.pop_wrap .pop_box .pop_inner .pop_con .pop_pro .cart_pro_img{ }
	.pop_wrap .pop_box .pop_inner .pop_con .pop_pro .pd_list_name{ margin:10px 0 0; width:100%;}

	/* product */
	.pro_list_wrap .pro_list ul li{ width:calc(33.333333% - 14px);}
	.pd_list .pd_list_count a{ line-height:30px;}

	/* cart */
	.cart_table{ display:none;}
	.cart_ul{ display:block;}
	.cart_mobile_title{ border-top:1px solid var(--bordercolor); padding:10px 10px; background-color:var(--wgraybgcolor);}
	.cart_ul ul{ border-top:1px solid var(--bordercolor);}
	.cart_ul ul li{ padding:10px 0; margin:0; border-bottom:1px solid var(--bordercolor);}
	.cart_ul ul li .cart_order_num{ padding:10px 10px; text-align:center; background-color:var(--wgraybgcolor); margin-bottom:10px;}
	.cart_ul ul li .cart_pro{ display:flex;}
	.cart_ul ul li .cart_pro .cart_pro_chk{ width:20px; display:block;}
	.cart_ul ul li .cart_pro .cart_pro_img{ width:60px; display:block;}
	.cart_ul ul li .cart_pro .pd_list_name{ width:calc(100% - 80px); display:block;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_pay{ display:block; font-size:0.8em; margin-right:0; margin-bottom:2px; margin-top:10px;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_pay span{ font-size:1.2em; font-weight:500; margin-left:10px;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_pay b{ font-size:1.2em;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_pay del{ text-decoration:line-through; color:var(--wgraytcolor); font-size:1em;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_shipping,
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_point{ display:inline-block; font-size:0.8em; font-weight:200; margin-right:10px; padding:2px 5px; background-color:var(--wgraybgcolor);}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_allpay{ display:block; margin-top:10px; font-size:1.3em; font-weight:500; color:var(--secondarycolor);}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_condi{ margin-bottom:10px;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_condi span{ display:inline-block; color:var(--white); font-size:0.8em; font-weight:400; margin-right:10px; padding:2px 5px; background-color:var(--dgraybgcolor);}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_ship_btn{ margin-top:10px;}
	.cart_ul ul li .cart_pro .pd_list_name .cart_pro_ship_btn a{ margin:0 0 5px 0;}
	.cart_ul ul li .order_btns{ margin-top:10px; padding:10px; background-color:var(--wgraybgcolor);}

	.cart_order_btns .btn.bt_big{ width:calc(50% - 5px);}

	/* payment */
	.payment_wrap{ display:block;}
	.payment_wrap .payment_form{ width:auto;}
	.payment_wrap .payment_info{ width:auto;}
	.payment_wrap .payment_form .payment_box .write_table .write_who p{ display:block; margin-right:0; margin-bottom:2px;}
	.payment_wrap .payment_form .payment_box .write_table .write_who .btn{ float:none; margin-top:10px;}

	/* mypage */
	.page_search.center{ text-align:left;}
	.page_search form > span{ display:block !important; margin:0 0 10px !important;}
	.page_search form .ms_btns{ display:block !important; margin:0 0 5px !important;}
	.page_search form .ms_btns ul{ display:flex !important; gap:5px;}
	.page_search form .ms_btns ul li{ width:16.66666666%;}
	.page_search form .ms_btns ul li a{ margin:0; width:100%;}
	.page_search form select{ width:calc(50% - 20px) !important;}
	.page_search form input[type="text"],
	.page_search form input[type="date"]{ width:calc(50% - 38px) !important;}
	.page_search form button{ margin:0; float:right;}

	.mypage_btns .btn.bt_big{ width:calc(50% - 5px);}

	.my_process_wrap .my_proc_box .my_proc_ul ul li{ width:calc(50% - 10px);}
	.my_process_wrap .my_proc_box .my_proc_ul ul li:after{ display:none;}

	/* board */
	nav.board_nav > div a p{ max-width:150px;}
	nav.board_nav > div a span{ margin:0 0; font-size:0;}
	nav.board_nav > div a span i{ font-size:14px;}

	.board_btns .btn.bt_big{ float:none; width:calc(50% - 5px);}

	/* member */
}