@charset "utf-8";

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

@media (max-width:1620px){
	/*.quick_sns_menu .quick_sns_absol{ position:fixed; left:auto; right:20px;}*/
}

@media (max-width:1550px){
}

@media (max-width:1400px){
	/* header */
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:10px 20px;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:1em;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap{ top:38px;}
	
	.payment_wrap .payment_form .payment_box .write_table .write_who p{ display:block; margin:0 0 4px;}
}

@media (max-width:1300px){
	/* header */
	header.header#pc nav#gnb .nav_1st_wrap{ gap:10px;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:first-child{ margin-left:0;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:10px 5px;}
	header.header#pc.comeoff nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:20px 5px;}
	header.header#pc.comeoff nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:1em;}
}

@media (max-width:1199px){
	/* header */
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:0.9em;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover .nav_2nd_wrap{ padding:15px 5px;}
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a{ font-size:0.8em;}
	header.header#pc.comeoff nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:20px 5px;}
	header.header#pc.comeoff nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:0.8em;}
	body.comeoff header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:0.8em;}
	
	/* footer */
	footer#footer #footer_top nav#fnb{ display:block; margin-top:15px;}
	footer#footer #footer_bottom p span{ display:block;}
	
	footer#footer #footer_box #footer_right nav#fnb ul li{ display:inline-block; vertical-align:middle; margin:0 15px 0 0;}


	/* content */
	#contants{ padding-bottom:65px;}
	.btns{ margin-top:20px;}
	.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% - 17px);}
	.pd_list .pd_list_count a{ line-height:30px;}

	/* cart 
	.cart_table{ display:none;}
	.cart_ul{ display:block;}
	*/
	/* cart */
	.cart_table{ margin-bottom:20px;}
	.cart_table table{ display:block;}

	.cart_table tr{ display:flex; gap:10px; flex-wrap:wrap; border-bottom:1px solid var(--wgraybordercolor); margin-bottom:10px; background-color:var(--white); position:relative; padding:5px 10px 10px;}

	.cart_table thead{ display:none;}
	.cart_table tr th{ display:none; border:0 !important; padding:0 !important; margin:0 !important;}

	.cart_table tbody{ display:block;}
	.cart_table tr td{ display:block; border:0 !important; padding:0 !important; margin:0 !important; text-align:left !important; width:auto !important;}

	.cart_table tr td.cart_chk{ padding-top:2px !important; width:20px !important;}
	
	.cart_table tr td.cart_pro{ width:calc(100% - 100px) !important; display:flex !important; gap:10px !important;}
	.cart_table tr td.cart_pro .cart_pro_img{ width:40px;}
	
	.cart_table tr td .pd_list_name{ width:auto; margin:0;}
	.cart_table tr td .pd_list_name p{ font-size:0.9em;}
	.cart_table tr td .pd_list_name b{ }
	
	.cart_table tr td.cart_count{ width:100% !important;}
	
	.sod_opt ul li{ font-size:0.8em;}

	.cart_table .cart_price{ padding-right:10px !important;}
	.cart_table .cart_price:before{ content:'판매가'; display:inline-block; vertical-align:middle; font-weight:600; font-size:0.8em; margin-right:5px;}

	.cart_table .cart_point{ padding-right:10px !important;}
	.cart_table .cart_point:before{ content:'포인트'; display:inline-block; vertical-align:middle; font-weight:600; font-size:0.8em; margin-right:5px;}

	.cart_table .cart_deli{ padding-right:10px;}
	.cart_table .cart_deli:before{ content:'배송비'; display:inline-block; vertical-align:middle; font-weight:600; font-size:0.8em; margin-right:5px;}

	.cart_table .cart_count{ /*position:absolute; top:-1px; right:-1px;*/ z-index:2; font-weight:600;}
	.cart_table .cart_count.cc_onlytext{ }
	.cart_table .cart_count.cc_onlytext:after{ content:'개'; display:inline-block; vertical-align:middle; font-weight:600; font-size:0.8em; margin-left:3px;}

	.cart_table .cart_sum{ position:absolute; top:5pxpx; right:5px; z-index:2;}
	.cart_table .cart_sum,
	.cart_table .cart_sum *{ font-weight:600; color:var(--subcolor);}
	.cart_table .cart_sum:before{ content:'합계'; display:inline-block; vertical-align:middle; font-weight:600; font-size:0.8em; margin-right:5px;}
	
	.cart_mobile_title{ border-top:1px solid var(--wgraybordercolor); padding:10px 10px; background-color:var(--wgraybgcolor);}
	
	.cart_ul ul{ border-top:1px solid var(--wgraybordercolor);}
	.cart_ul ul li{ padding:10px 0; margin:0; border-bottom:1px solid var(--wgraybordercolor);}
	.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% - 2px);}

	/* 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 select{ width:100% !important; margin-bottom:5px;}
	.page_search input[type="text"],
	.page_search input[type="date"]{ width:calc(50% - 38px) !important;}
	.page_search button{ margin:0; float:right;}

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

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

@media (max-width:1000px){
	/* header */
	header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:10px 2px;}
}