#myproduct_menu {}

#myproduct_menu .title {padding:0 0 7px 0;margin:10px 0 20px 0;border-bottom:#dfdfdf solid 1px;height:28px;}
#myproduct_menu .title .xl {float:left;}
#myproduct_menu .title .xl h6 {font-family:"malgun gothic",dotum;font-size:15px;padding:0;margin:0;}
#myproduct_menu .title .xl h6 a {color:#3489E0;}
#myproduct_menu .title .xr {float:right;}


#myproduct_menu .title ul {padding:0;margin:0;}
#myproduct_menu .title li {position:relative;top:8px;height:26px;list-style-type:none;float:left;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;background:#f9f9f9;cursor:pointer;color:#666666;}
#myproduct_menu .title li a {display:block;width:67px;padding:7px 0 7px 0;text-align:center;}
#myproduct_menu .title li a img {position:relative;top:-3px;}
#myproduct_menu .title .leftside {border-left:#dfdfdf solid 1px;border-right:0;}
#myproduct_menu .title .selected {border-bottom:#ffffff solid 1px;background:#ffffff;color:#000000;font-weight:bold;}
#myproduct_menu .title .m a {width:40px;}
#myproduct_menu .title .buyer {font-weight:bold;color:#ff0000;}

/* JusQ Content Store 1.0 -------------------------------------------------- */
#front_menu,
#front_colum,
#front_list,
#shopview,
#brandview,
#productlist,
#productregis,
#orderlist,
#userinfo,
#bbslist,
#bbsview,
#commentregis,
#myproduct_menu {
	box-sizing:border-box;
	color:#24364b;
	font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
}

#front_menu *, #front_colum *, #front_list *, #shopview *, #brandview *,
#productlist *, #productregis *, #orderlist *, #userinfo *, #bbslist *,
#bbsview *, #commentregis *, #myproduct_menu * {box-sizing:border-box;}

#front_menu h2, #shopview h2, #brandview h2, #userinfo h2,
#productregis h2, #productlist h2, #orderlist h2, #bbslist h2, #bbsview h2 {
	color:#09275a !important;
	font-family:inherit !important;
	font-size:24px !important;
	font-weight:700 !important;
	letter-spacing:-.04em;
}

#front_menu .title, #myproduct_menu .title {
	height:auto !important;
	min-height:52px;
	padding:0 0 14px !important;
	margin:0 0 22px !important;
	border-bottom:1px solid #dce7f2 !important;
}

#front_menu .title .xl li, #myproduct_menu .title li {
	top:0 !important;
	height:auto !important;
	margin:0 6px 6px 0 !important;
	border:1px solid #d8e4ef !important;
	border-radius:10px;
	background:#fff !important;
	overflow:hidden;
}

#front_menu .title .xl li a, #myproduct_menu .title li a {
	width:auto !important;
	min-width:68px;
	padding:9px 14px !important;
	color:#52657b;
}

#front_menu .title .xl .selected, #myproduct_menu .title .selected {
	border-color:#81c7f4 !important;
	background:#eaf7ff !important;
	color:#007fc7 !important;
}

#front_colum .pbox, #front_list .listbox, #brandview .viewbox,
#shopview .goodsbox, #productlist .listbox, #orderlist .listbox,
#bbsview .viewbox, #commentregis, #userinfo .editbox {
	border:1px solid #dce7f2 !important;
	border-radius:16px;
	background:#fff;
	box-shadow:0 10px 30px rgba(15,45,80,.05);
}

#front_colum .pbox {padding:14px !important;}

#front_list table, #productlist table, #orderlist table, #bbslist table,
#userinfo table, #productregis table {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}

#front_list thead td, #productlist thead td, #orderlist thead td,
#bbslist thead td {
	padding:12px 10px !important;
	border-top:1px solid #dce7f2 !important;
	border-bottom:1px solid #dce7f2 !important;
	background:#f5f9fd !important;
	color:#52657b !important;
	font-weight:600;
}

#front_list tbody td, #productlist tbody td, #orderlist tbody td,
#bbslist tbody td {
	padding:13px 10px !important;
	border-bottom:1px solid #e8eff6 !important;
	color:#5b6d81;
}

#front_list tbody tr:hover td, #productlist tbody tr:hover td,
#orderlist tbody tr:hover td, #bbslist tbody tr:hover td {background:#f8fbfe;}

#userinfo input[type="text"], #userinfo input[type="email"],
#userinfo input[type="password"], #userinfo input[type="file"],
#userinfo textarea, #userinfo select, #productregis input[type="text"],
#productregis textarea, #productregis select, #commentregis input[type="text"],
#commentregis textarea, #orderbox input[type="text"], #orderbox select {
	min-height:40px;
	padding:8px 11px !important;
	border:1px solid #cbdbea !important;
	border-radius:8px;
	background:#fff;
	color:#22364d;
	font-family:inherit;
}

#userinfo textarea, #productregis textarea, #commentregis textarea {
	width:100% !important;
	height:auto;
	min-height:112px;
	line-height:1.65;
	resize:vertical;
}

#userinfo input:focus, #userinfo textarea:focus, #userinfo select:focus,
#productregis input:focus, #productregis textarea:focus, #productregis select:focus,
#commentregis input:focus, #commentregis textarea:focus {
	outline:0;
	border-color:#1e9ce5 !important;
	box-shadow:0 0 0 3px rgba(30,156,229,.12);
}

#userinfo .btnblue, #productregis .btnblue, #orderbox .btnblue,
#commentregis .btnblue, #myproduct_menu .btnblue,
#userinfo input[type="submit"], #productregis input[type="submit"] {
	height:auto !important;
	min-height:40px;
	padding:9px 18px !important;
	border:0 !important;
	border-radius:9px !important;
	background:#098bd6 !important;
	color:#fff !important;
	font-family:inherit;
	font-weight:600 !important;
	box-shadow:0 7px 16px rgba(9,139,214,.2);
	cursor:pointer;
}

#userinfo .btngray, #productregis .btngray, #orderbox .btngray,
#commentregis .btngray {
	height:auto !important;
	min-height:36px;
	padding:8px 14px !important;
	border:0 !important;
	border-radius:8px !important;
	background:#8796a8 !important;
	color:#fff !important;
	font-family:inherit;
	cursor:pointer;
}

#goodstab ul, #goodstab1 ul {
	display:flex;
	height:auto !important;
	gap:7px;
	padding:6px !important;
	border:1px solid #dce7f2;
	border-radius:12px;
	background:#f4f8fc !important;
}

#goodstab li, #goodstab1 li {
	float:none !important;
	flex:1 1 0;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:11px 9px;
	border-radius:8px;
	background:transparent !important;
	color:#5b6d81;
}

#goodstab li span, #goodstab1 li span {top:0 !important;}
#goodstab li.gover, #goodstab1 li.gover {background:#fff !important;color:#0789d3;box-shadow:0 3px 12px rgba(27,67,105,.08);}

#orderbox .box .buybox {
	padding:22px !important;
	border:1px solid #dce7f2;
	border-radius:14px;
	background:#f8fbfe;
}

#orderbox .box .buybox textarea {
	width:100%;
	min-height:210px;
	padding:16px !important;
	border:1px solid #cbdbea !important;
	border-radius:10px;
	background:#fff;
	color:#455b72;
	line-height:1.75;
	resize:vertical;
}

#orderbox .box .buybox .shift {padding:14px 0 18px !important;color:#4c6076;}

@media (max-width:760px) {
	#front_menu .title .xl, #front_menu .title .xr,
	#myproduct_menu .title .xl, #myproduct_menu .title .xr {float:none !important;}
	#front_menu .title .xr, #myproduct_menu .title .xr {padding-top:10px !important;}
	#front_menu .title .xl ul, #myproduct_menu .title ul {display:flex;flex-wrap:wrap;height:auto !important;}
	#goodstab ul, #goodstab1 ul {flex-wrap:wrap;}
	#goodstab li, #goodstab1 li {flex:1 1 45%;}
	#userinfo table, #userinfo tbody, #userinfo tr, #userinfo td,
	#productregis table, #productregis tbody, #productregis tr, #productregis td {
		display:block;
		width:100% !important;
	}
	#userinfo .td1, #productregis .td1 {padding:14px 0 5px !important;}
	#userinfo .td2, #productregis .td2 {display:none;}
	#userinfo input[type="text"], #userinfo input[type="email"],
	#userinfo input[type="password"], #userinfo input[type="file"],
	#userinfo select, #productregis input[type="text"], #productregis select {max-width:100%;}
	#orderbox .box .buybox {padding:15px !important;}
}