/*-----------------------------------------------------------------
SelectUI CSS ½ºÅ¸ÀÏ(js_itemSelectOption.php)
-----------------------------------------------------------------*/
.pSelectUI
{
	position			: relative;
	height				: 44px;
}
.pSelectUI .pSelectUIBtn
{
	margin				: 0;
	padding				: 5px 28px 5px 15px;
	width				: 100%;
	height				: 100%;
	box-sizing			: border-box;
	cursor				: pointer;
}
.pSelectUI button
{
	margin				: 0;
	padding				: 0;
	width				: 100%;
	height				: 100%;
	border				: none;
	box-sizing			: border-box;
	outline				: none;
	letter-spacing		: -1px;
	word-break			: break-all;
	text-align			: left;
	font-size			: 14px;
	background-color	: transparent;
	color				: #1B1B1B;
}
.pSelectUI .pSelectUIBtnTitle
{
	border				: 1px solid #AAA;
}
.pSelectUI .pSelectUIBtnTitle button
{
	overflow			: hidden;
	width				: 100%;
	height				: 100%;
}
.pSelectUI.pHightlighted .pSelectUIBtnTitle
{
	border-bottom		: 2px solid #1EC400;
}
.pSelectUI.pDisabled .pSelectUIBtnTitle
{
	border-color		: #F0F0F0;
	border-bottom		: 2px solid #DDD;
	background-color	: #F0F0F0;
	color				: #666;
}
.pSelectUI.pOpened .pSelectUIBtnTitle
{
	padding-bottom		: 7px;
	border				: 1px solid #1EC400;
	border-bottom		: none;
	background-color	: #F0F0F0;
}
.pSelectUI .pSelectUIBtnTitle:before
{
	content				: '';
	position			: absolute;
	top					: 50%;
	right				: 12px;
	margin-top			: -2px;
	width				: 0px;
	height				: 0px;
	border				: 5px solid transparent;
	border-top			: 5px solid #C4C4C4;
}
.pSelectUI.pOpened .pSelectUIBtnTitle:before
{
	margin-top			: -8px;
	border				: 5px solid transparent;
	border-bottom		: 5px solid #C4C4C4;
}

.pSelectUI .pSelectUIMenuWrap
{
	display				: none;
	overflow-x			: hidden;
	overflow-y			: auto;
	z-index				: 101;
	position			: absolute;
	top					: 100%;
	left				: 0;
	right				: 0;
	max-height			: 500px;
	border				: 1px solid #1EC400;
	border-top			: none;
	background-color	: #FFF;
}
.pSelectUI.pOpened .pSelectUIMenuWrap
{
	display				: block;
}
.pSelectUI .pSelectUIMenu
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

.pSelectUI .pSelectUIMenu li
{
	font-size			: 16px;
	color				: #1B1B1B;
	border-top			: 1px solid #F0F0F0;
	cursor				: pointer;
}
.pSelectUI .pSelectUIMenu li:first-child
{
	border-top			: none;
}
.pSelectUI .pSelectUIMenu li:hover
{
	background-color	: #F6F6F6;
}
.pSelectUI .pSelectUIMenu li.pSelected
{
	background-color	: #F6F6F6;
}
.pSelectUI .pSelectUIMenu li.pDisabled button
{
	color				: #AAA;
}
.pSelectUI .pSelectUIMenu li button
{
	padding-top			: 5px;
	padding-bottom		: 5px;
	min-height			: 44px;
	height				: auto;
	font-size			: 14px;
	letter-spacing		: -1px;
}
.pSelectUI .pSelectUIBtnTitle label,
.pSelectUI .pSelectUIMenu li button label,
.pOptResult .pOptResultNames label
{
	display				: inline-block;
	margin				: 0;
	padding				: 0;
	height				: auto;
	font-size			: 13px;
	font-weight			: normal;
	color				: #666;
	vertical-align		: baseline;
	line-height			: normal;
}

/* ¿É¼ÇÀÌ ¿©·¯°³ÀÎ °æ¿ì */
.pSelectUI
{
	margin-top			: 11px;
}
.pSelectUI:first-child
{
	margin-top			: 0;
}



/*-----------------------------------------------------------------
¿É¼Ç¼±ÅÃ °á°ú ¿¤¸®¸ÕÆ® CSS ½ºÅ¸ÀÏ(js_itemSelectOption.php)
-----------------------------------------------------------------*/
.pOptResult
{
	margin-top			: 10px;
	padding				: 10px 10px 10px 10px;
	border-top			: 1px solid #DDD;
	border-bottom		: 1px solid #1B1B1B;
	color				: #1B1B1B;
	background-color	: #F6F6F6;
}
.pOptResult:first-child
{
	margin-top			: 0;
}
.pOptResult .pOptResultNames
{
	font-size			: 14px;
	word-break			: break-all;
}
.pOptResult .pOptResultInput
{
	overflow			: hidden;
	position			: relative;
	margin-top			: 11px;
}
.pOptResult .pOptResultInput .pOptResultQty
{
	float				: left;
	margin-top			: 5px;
	font-size			: 0;
}
.pOptResult .pOptResultInput .pOptResultQty button
{
	margin				: 0;
	padding				: 0;
	width				: 28px;
	height				: 28px;
	border				: 1px solid #CCC;
	box-sizing			: border-box;
	font-size			: 16px;
	color				: #1B1B1B;
	background-color	: #FFF;
	background-repeat	: no-repeat;
	cursor				: pointer;
	text-align			: left;
	outline				: none;
	vertical-align		: middle;
	-webkit-user-select	: none; /* Chrome all / Safari all */
	-moz-user-select	: none; /* Firefox all */
	-ms-user-select		: none; /* IE 10+ */
	user-select			: none; /* Likely future */

}
.pOptResult .pOptResultInput .pOptResultQty button img
{
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
.pOptResult .pOptResultInput .pOptResultQty input
{
	margin				: 0;
	padding				: 0;
	width				: 60px;
	height				: 28px;
	border				: none;
	border-top			: 1px solid #CCC;
	border-bottom		: 1px solid #CCC;
	box-sizing			: border-box;
	text-align			: center;
	font-size			: 16px;
	color				: #1B1B1B;
	background-color	: #FFF;
	vertical-align		: middle;
}

/* .pOptResult .pOptResultInput .pOptResultQty .pBtnOptQtyUp
{
	background-image	: url('https://cdn1.domeggook.com/image/item/view/btn_optQtyUp.png');
	background-position	: 8px 7px;
}
.pOptResult .pOptResultInput .pOptResultQty .pBtnOptQtyDown
{
	background-image	: url('https://cdn1.domeggook.com/image/item/view/btn_optQtyDown.png');
	background-position	: 9px 11px;
} */
.pOptResult .pOptResultInput .pOptResultQty .pBtnOptDel
{
	position			: absolute;
	bottom				: 5px;
	right				: 0px;
	width				: 10px;
	height				: 10px;
	background-color	: transparent;
	background-image	: url('https://cdn1.domeggook.com/image/item/view/btn_optDel.png');
	border				: none;
}
.pOptResult .pOptResultInput .pOptResultTotal
{
	float				: right;
	padding				: 0 20px 0 0;
	font-size			: 14px;
}
.pOptResult .pOptResultInput .pOptResultTotal .pOptTotal
{
	letter-spacing		: 0;
	font-size			: 20px;
	font-weight			: bold;
	font-family			: Tahoma, sans-serif;
}
