

html, body {margin:0px;padding:0px; font-size:15px; color:#444; font-family: '¸¼Àº °íµñ', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;}

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}

#popupWrap {position:relative;width:100%; *zoom:1; background-color:#FFF; box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:1px; box-sizing:border-box; margin-bottom:20px;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}



.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:9999; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em;	top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content {	position: relative;	border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:201;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}


	
	.vw_content img {max-width: 890px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 10%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 20%;}
	.Wid30 { width: 30%;}
	.Wid35 { width: 35%;}
	.Wid40 { width: 40%;}
	.Wid50 { width: 50%;}
	.Wid60 { width: 60%;}
	.Wid65 { width: 65%;}
	.Wid70 { width: 70%;}
	.Wid80 { width: 80%;}
	.Wid90 { width: 90%;}
	.Wid98 { width: 98%;}

	.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
	.tableSearch:after {content:""; display:block; clear:both;}
	.tableSearch p.tableSearchBox {float:left; margin-right:4px;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px; width:99%; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; width:99%; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch p.tableSearchBtn {float:left; background-color:#333; color:#fff; line-height:35px; width:63px; letter-spacing:-1px; text-align:center; font-size:13px; cursor:pointer;}

	table.tableList {clear:both; text-align:center; margin:0 auto; margin-bottom:20px; border-top:solid 3px #669508; border-bottom:solid 2px #dedee1; font-size:14px; width:100%;color:#444;  }
	table.tableList th {background-color:#f8f8f8; line-height:19px; padding:10px 5px; font-weight:600; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:5px ; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}



	
	#mainSell {background-color:#f7f7f7; padding:10px 0; text-align:center;}
	#mainSell h3 {width:1300px; margin:0 auto; font-size:26px; color:#111; letter-spacing:-1.5px; margin-bottom:15px; position:relative; font-family:'NanumSquare', sans-serif;}
	#mainSell h3 p {position:absolute; bottom:-84px; right:3px;}
	#mainSell h3 p.mainSellMore {position:absolute; bottom:-4px; right:3px;}
	#mainSell .mainSellTab {width:750px; margin:0 auto; margin-bottom:15px;}
	#mainSell .mainSellTab:after {content:""; display:block; clear:both;}
	#mainSell .mainSellTab p {float:left; padding:0 25px; background:url(/images/bg/bg_sell.gif) right 10px no-repeat;}
	#mainSell .mainSellTab p.mainSellTabEnd {padding-right:0; background:none;}
	#mainSell .mainSellTab p span a {display:block; font-size:18px; color:#222;  letter-spacing:-1.2px;}
	#mainSell .mainSellTab p span a:hover {display:block; color:#6f9b15; font-weight:700;}
	#mainSell .mainSellTab p span a.selected {display:block; color:#6f9b15; font-weight:700;}
	
	#mainSell ul {width:1299px; margin:0 auto; border-left:solid 1px #e5e5e5;}
	#mainSell ul:after {content:""; display:block; clear:both;}
	#mainSell ul li {float:left; border:solid 1px #e5e5e5; border-left:none; background-color:#fff; width:253px; height:420px;padding:20px 35px 10px 35px;cursor:pointer;}
	#mainSell ul li.mainSellEnd {width:252px;}
	#mainSell ul li p.mainSellIcon {text-align:left; margin-bottom:20px;height:30px;}
	#mainSell ul li p.mainSellIcon span {padding-right:8px;}
	#mainSell ul li .mainSellImg { text-align: center; width:253px; height:169px; display: inline-block; margin-bottom:15px;}	
	
	#mainSell ul li .mainSellImg .mainSellBox { overflow: hidden; } 			
	.mainSellBox  img {
		width:253px;
		height:169px;
		cursor:pointer;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1); 
		-o-transform:scale(1);  
		transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;}
	
	.mainSellBox:hover img {
		
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);   
		-o-transform:scale(1.2);
		transform:scale(1.2);}

	#mainSell ul li h4 {text-align:left; font-size:20px; color:#444; letter-spacing:-2px; margin-bottom:25px; font-weight:normal;}
	#mainSell ul li h4 p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#mainSell ul li h4 span {display:block; font-size:14px; color:#797979; letter-spacing:-1px; padding-top:5px;}
	
	

	#mainSell ul li .mainSellNo {text-align:left; font-size:15px; line-height:22px; margin-bottom:5px; }

	#mainSell ul li .mainSellInfo {text-align:left; line-height:22px;}
	#mainSell ul li .mainSellInfo p.mainSellPrice01 {font-size:16px; color:#0095b8; letter-spacing:-.5px;}
	#mainSell ul li .mainSellInfo p.mainSellPrice02 {font-size:16px; color:#f64438; letter-spacing:-.5px;}
	#mainSell ul li .mainSellInfo p span.mainSellPrice {font-size:18px; font-weight:700;}
	#mainSell ul li .mainSellInfo p.mainSellBt {font-size:14px; letter-spacing:-.5px; color:#8f8e8e; padding-top:6px; font-weight:700;}
	#mainSell ul li .mainSellInfo p.mainSellBt span {text-decoration:underline;}

	#sub {clear:both; width:100%; text-align:center; *zoom:1;}
	#sub:after {content:""; display:block; clear:both;}
	
	#subContents {width:1200px; margin:0 auto;}
	#subContents:after {content:""; display:block; clear:both;}
	
	
	#sub h2 {clear:both; background-color:#f0f5f4; height:100px; line-height:100px; font-size:23px; color:#222; letter-spacing:-1px; font-weight:700; text-align:center; margin-bottom:50px;}
	
	#sub .sale {width:1200px; margin:0 auto;}
	#sub .sale ul.saleTab {margin-bottom:30px;}
	#sub .sale ul.saleTab:after {content:""; display:block; clear:both;}
	#sub .sale ul.saleTab li {float:left; width:50%; height:70px; text-align:center;}
	#sub .sale ul.saleTab li a {display:block; font-size:19px; color:#444; font-weight:700; letter-spacing:-1px; border:solid 1px #dfdfdf; line-height:68px;}
	#sub .sale ul.saleTab li a:hover {display:block; color:#74b409; border:solid 1px #d7d7d7; text-decoration:none; letter-spacing:-1px;}
	#sub .sale ul.saleTab li a.selected {display:block; color:#fff; background-color:#74b409; text-decoration:none; border:none; letter-spacing:-1px; line-height:70px;}

	/*¸ÞÀÎ¸®½ºÆ® ¸®º»*/
	.mainSellBox{position:relative;overflow:hidden; border-radius:5px;}
	.ribbon { position:absolute; top:0px; left:-75px; width:150px; height:110px;}
	.ribbon span { font-size:13px; color:#fff; font-weight:700; position:absolute; width:205px; padding:10px; transform: rotate(-45deg); text-align:center; display:block;
	left:0px; top:15px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); font-size:15px;}

	.ribbon01{ background:linear-gradient(90deg,#ea3e88 , #b74bd9);}
	.ribbon02{ background:linear-gradient(90deg,#cd9a5b , #eac966);}
	.ribbon03{ background:linear-gradient(90deg,#8d9a9d , #b2bdbf);}
	.ribbon04{ width:100px!important; height:100px!important; position:absolute; top:10%!important; left:70%!important; display:block; transform: rotate(-40deg)!important; border-radius:100%; border:6px solid red; padding:0!important; color:red!important; font-size:22px!important; font-weight:700; line-height:100px; background:rgba(255,255,255,0.45);}

	.listBtn{text-align:right; margin-top:20px;}


	.tag{ position:absolute; top:5px; right:5px; height:30px; width:98px;}
	.tag span {padding:4px 8px 5px 8px; border-radius:5px; text-align:center; margin-right:7px;  font-size:12px; font-weight:600;  color:#fff; box-sizing:border-box;}
	.tag span:last-child {margin-right:0;}

	.tag01 {background-color:#b74bd9;}
	.tag02 {background-color:#ea3e88;}
	.tag03 {background-color:#4c4b4b;}
	.tag04 {background-color:#ba2b13;}
	.tag05 {background-color:#5960f1;}
	.tag06 {background-color:#084574;}
	.tag07 {background-color:#4fad8f;}

