/* 판매 */
.TITLE { padding: 20px 0px 15px 0px; font-size: 32px; font-weight: bold; }
.ColorPrimary		{ color: #007bff; }
.ColorInfo				{ color: #17a2b8; }
.ColorSecondary	{ color: #929497; }
.ColorDanger		{ color: #dc3545; }
.ColorSuccess		{ color: #28a745; }
.ColorOrange		{ color: orange; }
.ColorTomato		{ color: tomato; }

input {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; -webkit-border-radius: 0; }

.SearchPanel { width: 100%; margin: 0px 0px 12px 0px; padding: 13px 0px 0px 0px; border: 0px solid red; }
.TopBorder { border-top: 1px solid #ACACAC; }
.SearchPanel td { padding: 0px; border: 0px solid red; }
.SearchPanel .cate { padding: 2px 15px; border: 1px solid #DDDDDD; text-align: center; }
.SearchPanel .cate:hover { color: #FFFFFF; background: #007bff; cursor: pointer; }
.SearchPanel .cateOn { color: #FFFFFF; background: #007bff; border: 1px solid #007bff; }
.SearchPanel .cateBar { width: 5px; padding: 0px; border: 0px solid #DDDDDD; }
.SearchPanel .sch { padding: 0px; }
.SearchPanel .sch input { width: 150px; height: 30px; margin: 0px; padding-left: 10px; font-size: 14px; color: #5095de; border: 1px solid #DDDDDD; }
.SearchPanel .schBtn { width: 30px; height: 30px; margin: 0px; padding: 0px; background: #007bff; border: none; text-align: center; line-height: 0; }
.SearchPanel .order { height: 30px; padding: 0px 0px; font-size: 14px; color: #777777; border: 0px solid #DDDDDD; }
.SearchPanel .orderOn { color: #007bff; }
.SearchPanel .order:hover { color: #007bff; cursor: pointer; }
.SearchPanel .orderBar { padding: 0px 10px; font-size: 12px; color: #E0E0E0; text-align: center; border: 0px solid #DDDDDD; }

.ListPanel { width: 100%;margin: 0px; padding: 0px; border-top: 1px solid #C9B9B9; }
.ListPanel td { border: 0px solid silver; }

.Sales .photo { width: 200px; height: 200px; padding: 25px 30px 25px 0px; text-align: center; }
.Sales .exp { padding: 25px 30px 0px 0px; }
.Sales .exp .title { margin: 0px; padding: 0px; color: #007bff; font-size: 18px; font-weight: bold; line-height: 1.8; }
.Sales .exp .title:hover { text-decoration: underline; cursor: pointer; }
.Sales .exp .name { margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; line-height: 1.6; }
.Sales .exp .price { margin: 0px; padding: 0px; color: #28a745; font-size: 16px; font-weight: bold; line-height: 1.6; }
.Sales .exp .quantity { margin: 0px; padding: 0px; font-size: 16px; line-height: 1.6; }
.Sales .exp .start { color: #929497; font-weight: normal; text-decoration: line-through; }
.Sales .seller { margin: 0px; padding: 0px 0px 25px 0px; color: #666666; font-size: 14px; line-height: 1.0; }
.Sales .policy { width: 300px; padding: 15px 0px 15px 0px; font-size: 14px; text-align: center; }
.Sales .policy p { margin: 0px; padding: 10px 0px 00px 0px; font-size: 16px; }

.View { width: 100%; margin: 0px; padding: 0px; }
.Panel { margin: 0px; padding: 0px; border: 0px solid red; }
.View .photo { width: 42%; padding: 50px 0px 0px 0px; border: 0px solid red; }
.View .control { padding: 50px 0px 0px 50px; border: 0px solid red; }
.View .control .head { width: 20%; padding: 15px 0px 15px 0px; font-size: 18px; font-weight: bold; line-height: 1; }
.View .control .tail { padding: 15px 0px 15px 0px; font-size: 16px; line-height: 1.6; }
.View .control .title { font-size: 24px; padding: 0px 0px 15px 0px; font-weight: bold; line-height: 1.6; }
.View .control .name { font-size: 18px; font-weight: bold; }
.View .control .price { color: #28a745; font-size: 18px; font-weight: bold; }
.View .control .start { text-decoration: line-through;}
.View .control .date { color: #929497; }
.View .control .box { width: 100px; height: 36px; margin: 0px 0px; padding: 5px 0px 5px 0px; color: #007bff; font-size: 18px; border: 1px solid #ACACAC; vertical-align: middle; text-align: center; border-left: none; border-right: none; outline: none; }
.View .control .boxBtn { width: 36px; height: 36px; margin: 0px; padding: 0px 0px 0px 0px; color: #444444; font-size: 16px; font-weight: normal; line-height: 1; border: 1px solid #ACACAC; vertical-align: middle; background: #FFFFFF; outline: none; }
.View .control .boxBtn:hover { background: #929497; color: #FFFFFF; }
.View .control .viewBtn { width: 98%; height: 50px; margin: 0px 1%; padding: 0px 0px 0px 0px; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }

.View .tblPolicy { border: 1px solid #DDDDDD; }
.View .tblPolicy th { padding: 15px; color: #FFFFFF; font-size: 16px; text-align: center; font-weight: bold; background: #444444; }
.View .tblPolicy .smBtn { height: 32px; margin: 0px 0%; padding: 0px 10px 0px 10px; color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }

.View .tblSeller { border: 1px solid #DDDDDD; }
.View .tblSeller th { padding: 15px; color: #262626; font-size: 16px; text-align: center; font-weight: bold; background: #F0F0F0; }
.View .tblSeller td { padding: 15px; font-size: 16px; }

.ControlBar { position: absolute; width: 100%; height: 70px; margin: 0px; padding: 0px; color: #FFFFFF; background: #444444; border: 1px solid red; display: none; }

/*POPUP*/
.TITLE { padding: 20px 0px 15px 0px; font-size: 32px; font-weight: bold; }

.POP { padding: 15px; }
.POP .TITLE { padding: 0px 0px 15px 0px; font-size: 20px; font-weight: bold; }
.POP .TH { background: #888888; color: #FFFFFF; text-align: center; font-weight: bold; }
.POP .Head { padding: 0px 0px 0px 0px; font-size: 16px; text-align: center; }
.POP .Tail { padding: 0px 0px 0px 0px; font-size: 16px; }

.POPEdit { padding: 15px 10px 15px 10px; font-size: 24px; font-weight: bold; text-align: left; }
.POPEdit .box { height: 36px; margin: 0px 0px 10px 0px; padding: 4px 0px 4px 10px; color: #444444; font-size: 16px; }
.POPEdit .box::placeholder { color: #acacac; }
.POPEdit .boxName { width: 150px; }
.POPEdit .boxTel { width: 200px; }
.POPEdit .boxZip { width: 150px; }
.POPEdit .boxAddr1 { width: 100%; }
.POPEdit .boxAddr2 { width: 100%; }
.POPEdit .boxMsg { width: 100%; }
.POPEdit .PAddrBtn { height: 36px; margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; color: #FFFFFF; font-size: 16px; font-weight: normal; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }

.POP .btn { height: 36px; margin: 0px 3px 10px 0px; padding: 0px 20px 0px 20px; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }
.POP .btn:hover { opacity: 0.8; }

/* SALES */
.tblView { width: 100%; border: 1px solid #DDDDDD; }
.tblView th { border-bottom: 1px solid #DDDDDD; background: #F0F0F0; }
.tblView td { border-bottom: 1px solid #DDDDDD; }
.ContentView { width: 100%; border: 1px solid #DDDDDD; }
@media screen and (max-width:767px)
{
	.ContentView > div { width: 100%; padding: 0px; }
	.ContentView img[name=eImage] { width: 100%; height: ; }
}
@media screen and (min-width:768px) and (max-width:1501px)
{
	.ContentView > div { width: 100%; padding: 30px; }
	.ContentView img[name=eImage] { width: 100%; height: ; }
}
@media screen and (min-width:1481px)
{
	.ContentView > div { width: 1200px; padding: 50px 0px 50px 0px; }
	.ContentView img[name=eImage] { width: ; height: ; }
}

@media screen and (max-width:767px)
{
	.SearchPanel { width: 100%; height: 24px; margin: 12px 0px 11px 0px; padding: 0px 0px 0px 0px; border: 0px solid red; }
	.SearchPanel .sch { margin: 0px; padding: 0px; line-height: 0; border: 0px solid blue; }
	.SearchPanel .sch input { width: 100%; height: 24px; margin: 0px; padding: 0px; font-size: 14px; color: #5095de; border: 1px solid #DDDDDD; border-left: none; }
	.SearchPanel .schBtn { width: 26px; height: 24px; margin: 0px; padding: 0px; background: #007bff; border: none; text-align: center; line-height: 0; }
	.SearchPanel .gap { width: 10px; }
	.SearchPanel .order { width: 45px; height: 24px; padding: 0px 0px; font-size: 14px; color: #777777; border: 0px solid #DDDDDD; }
	.SearchPanel .orderOn { color: #007bff; }
	.SearchPanel .order:hover { color: #007bff; cursor: pointer; }
	.SearchPanel .orderBar { width: 10px; padding: 0px 10px; font-size: 12px; color: #E0E0E0; text-align: center; border: 0px solid #DDDDDD; }

	.ListPanel { width: 100%;margin: 0px; padding: 0px 0px 20px 0px; border-top: 1px solid #C9B9B9; }
	.ListPanel td { border: 0px solid silver; }
	.Sales .photo { width: 110px; height: 110px; padding: 10px 15px 0px 0px; text-align: center; border: 0px solid red; }
	.Sales .exp { padding: 10px 0px 0px 0px; }
	.Sales .exp .title { margin: 0px; padding: 0px; color: #007bff; font-size: 16px; font-weight: bold; line-height: 1.4; }
	.Sales .exp .title:hover { text-decoration: underline; cursor: pointer; }
	.Sales .exp .name { margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; line-height: 1.5; }
	.Sales .exp .price { margin: 0px; padding: 0px; color: #28a745; font-size: 17px; font-weight: bold; line-height: 1.5; }
	.Sales .exp .quantity { margin: 0px; padding: 0px; font-size: 14px; line-height: 1.7; }
	.Sales .exp .start { color: #929497; font-weight: normal; text-decoration: line-through; }
	.Sales .policy { width: 300px; padding: 10px 0px 0px 0px; font-size: 13px; text-align: center; }
	.Sales .policy .seller { margin: 0px; padding: 10px 0px 0px 0px; color: #666666; font-size: 14px; line-height: 1.4; text-align: left; }
	.Sales .policy .endDate { margin: 0px; padding: 10px 0px 0px 0px; font-size: 16px; text-align: left; border: 0px solid gold; }
	.Sales .policy .cart			{ width: 70px; margin: 0px; padding: 7px 0px 0px 0px; border: 0px solid gold; }
	.Sales .policy .cart .btn			{ float: right; margin: 0px; padding: 5px 7px 5px 7px; background: #FF0000; border: 1px solid #e11212; border-radius: 2px; }
	.Sales .policy .cart .btn .icon	{ float: left; margin: 0px; padding: 0px 5px 0px 0px; border: 0px solid blue;  }
	.Sales .policy .cart .btn .text	{ float: left; margin: 0px; padding: 1px 0px 0px 0px; color: #FFFFFF; font-size: 16px; border: 0px solid blue;  }

	.View .photo { float: left; width: 100%; padding: 10px 0px 0px 0px; }
	.View .photo	img { width: 100%; border: 0px solid red; }
	.View .control { float: left; width: 100%; padding: 0px 0px 0px 0px; }
	.View .control .head { float: left; width: 100%; padding: 15px 0px 0px 0px; color: #ACACAC; font-size: 14px; font-weight: bold; line-height: 1; text-align: left; }
	.View .control .tail { float: left; padding: 3px 0px 15px 0px; font-size: 16px; line-height: 1.6; }
	.View .control .title { font-size: 22px; padding: 15px 0px 15px 0px; font-weight: bold; line-height: 1.6; letter-spacing: 0px; }
	.View .control .name { font-size: 18px; font-weight: bold; letter-spacing: 0px; }
	.View .control .price { color: #28a745; font-size: 18px; font-weight: bold; letter-spacing: 0px; }
	.View .control .start { text-decoration: line-through;}
	.View .control .date { color: #929497; }
	.View .control .box { width: 70px; height: 36px; margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; color: #007bff; font-size: 18px; border: 1px solid #ACACAC; vertical-align: middle; text-align: center; border-left: none; border-right: none; outline: none; }
	.View .control .boxBtn { width: 36px; height: 36px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #444444; font-size: 16px; font-weight: normal; line-height: 1; border: 1px solid #ACACAC; vertical-align: middle; background: #FFFFFF; outline: none; }
	.View .control .boxBtn:hover { background: #929497; color: #FFFFFF; }
	.View .control .viewBtn { width: 98%; height: 50px; margin: 0px 1%; padding: 0px 0px 0px 0px; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }

	.View .tblPolicy .td1 { padding: 10px 10px 0px 10px; }
	.View .tblPolicy .td2 { padding: 3px 10px 10px 10px; text-align: left; }
	.View .tblPolicy .smBtn { height: 32px; margin: 0px 0%; padding: 0px 10px 0px 10px; color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }
	

	.View .control .head { float: left; width: 100%; padding: 15px 0px 0px 0px; color: #ACACAC; font-size: 15px; font-weight: bold; line-height: 1; text-align: left; }
	.View .control .tail { float: left; padding: 3px 0px 15px 0px; font-size: 16px; line-height: 1.6; }

	.View .tblSeller { border: 1px solid #DDDDDD; }
	.View .tblSeller th { padding: 15px; color: #262626; font-size: 16px; text-align: center; font-weight: bold; background: #F0F0F0; }
	.View .tblSeller td { padding: 15px; font-size: 16px; }
	
	.View .content img { width: 100%; }
	
	/*POPUP*/
	.POP { padding: 10px; }
	.POP .TITLE { padding: 5px 0px 10px 0px; font-size: 18px; font-weight: bold; }
	.POP .TH { background: #888888; color: #FFFFFF; text-align: center; font-weight: bold; }
	.POP .Head { float: left; width: 50%; padding: 0px 0px 0px 0px; font-size: 16px; text-align: left; }
	.POP .Tail { float: left; width: 100%; padding: 0px 0px 0px 0px; font-size: 16px; }
	
	.POPEdit { padding: 15px 10px 15px 10px; font-size: 24px; font-weight: bold; text-align: left; }
	.POPEdit .box { height: 36px; margin: 0px 0px 10px 0px; padding: 4px 0px 4px 10px; color: #444444; font-size: 16px; }
	.POPEdit .box::placeholder { color: #acacac; }
	.POPEdit .boxName { float: left; width: 100%; }
	.POPEdit .boxTel { float: left; width: 100%; }
	.POPEdit .boxZip { float: left; width: 100%; }
	.POPEdit .boxAddr1 { float: left; width: 100%; }
	.POPEdit .boxAddr2 { float: left; width: 100%; }
	.POPEdit .boxMsg { float: left; width: 100%; }
	.POPEdit .PAddrBtn { float: left; width: 49%; height: 36px; margin: 0px 1% 10px 0px; padding: 8px 15px 8px 15px; color: #FFFFFF; font-size: 16px; font-weight: normal; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }
	.POPEditSubmit { float: left; width: 100%; }
	
	/* SALES */
	.tblView th { float: left; width: 100%; border-bottom: none; }
	.tblView td { float: left; width: 100%; }
	.tblView .head { float: left; width: 30%; border-bottom: 1px solid #DDDDDD; }
	.tblView .tail { float: left; width: 70%; }

	.tblViewMob { width: 100%; border-top: 1px solid #DDDDDD; border: 1px solid #DDDDDD; }
	.tblViewMob tr { border-bottom: 1px solid #DDDDDD; }
	.tblViewMob th { background: #F0F0F0; }
	.tblViewMob td { padding: 15px; }
}
@media screen and (min-width:768px) and (max-width:1280px)
{
	.View .content img { width: 100%; }
}
@media screen and (min-width:1281px)
{
}


@media screen and (max-width:767px)
{
	.MyMenu { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid #b0d1ff; background: #FFF; overflow-x: scroll; }
	.MyMenu table { width: 670px; }
	.MyMenu .TMENU { margin: 0px; padding: 10px 10px 10px 10px; font-size: 16px; border: 0px solid red; }
	.MyMenu .TMENU:hover { color: none; }
	.MyMenu .on { color: #eb4357; cursor: default; }
	.MyMenu .bar { margin: 0px; padding: 0px; }
	.MyMenu .bar div { width: 1px; height: 12px; margin: 12px 0px 10px 0px; padding: 0px; background: #E0E0E0; }
	
	/*
	.ListPanel { width: 100%; margin: 0px; padding: 0px; border-top: 1px solid #ACACAC; border-bottom: 0px solid #ACACAC; }
	.ListPanel td { float: left; width: 100%; border-bottom: 0px solid #EEEEEE; padding: 8px 13px 8px 13px; }
	
	.name { font-size: 20px; font-weight: bold; text-align: left; background: #F0F0F0; }
	*/

	.SearchPanel .cate { padding: 2px 0px; border: 1px solid #DDDDDD; text-align: center; }
	.SearchPanel .cate:hover { background: #FFF; }
	.head { color: #17a2b8; font-size: 16px; font-weight: bold; text-align: left; }

	.BtnLine { border-top: 1px solid #ACACAC; text-align: right; }
	.btnSellInput { width: 100%; }
	.bbtn { width: 100%; height: 36px; margin: 10px 3px 10px 0px; padding: 0px 20px 0px 20px; color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1; border: 0px solid #ACACAC; vertical-align: middle; background: #FFFFFF; border-radius: 2px; }
	.bbtn:hover { opacity: 0.8; }

	/* 입력 */
	.boxZip { width: 100%; height: 36px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; vertical-align: middle; }
	.PAddrBtn { width: 49%; }

	/* 상세 */
	.btn33 { width: 32%; font-size: 18px; padding: 10px 0px; }
}
@media screen and (min-width:768px) and (max-width:1199px)
{
	.MyMenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #b0d1ff; background: #FFF; }
	.MyMenu table { border: 0px solid red; }
	.MyMenu .TMENU { margin: 0px; padding: 10px 20px 10px 20px; font-size: 20px; border: 0px solid red; }
	.MyMenu .TMENU:hover { color: #eb4357; cursor: pointer; }
	.MyMenu .on { color: #eb4357; cursor: default; }
	.MyMenu .bar { margin: 0px; padding: 0px; }
	.MyMenu .bar div { width: 1px; height: 14px; margin: 15px 0px 10px 0px; padding: 0px; background: #E0E0E0; }
}
@media screen and (min-width:1200px)
{
	.MyMenu { width: 100%; margin: 20px 0px 0px 0px; padding: 0px; border: 0px solid #b0d1ff; background: #FFF; }
	.MyMenu .TMENU { margin: 0px; padding: 10px 20px 10px 20px; font-size: 20px; border: 0px solid red; }
	.MyMenu .TMENU:hover { color: #eb4357; cursor: pointer; }
	.MyMenu .on { color: #eb4357; cursor: default; }
	.MyMenu .bar { margin: 0px; padding: 0px; }
	.MyMenu .bar div { width: 1px; height: 14px; margin: 15px 0px 10px 0px; padding: 0px; background: #E0E0E0; }
}