/*
	A Better Blogroll
	by Chris Coyier
	http://css-tricks.com
*/


/*
	GENERIC RESET & BASIC STRUCTURE
*/
* 									{ margin: 0; padding: 0; }
body 								{  font-family:"NanumBarunGothic", nbg, dotum, sans-serif; }
a 									{ /* remove the dotted outlines when clicking tabs */
						  		      outline: none; text-decoration: none; }
ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 1024px; margin: 0px auto;

									  padding-bottom:  0px ; position: relative; }
#blogSlider 						{ margin-left:  0px ; padding: 0px ; width: 1024px;
									  }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 1024px;; }
.stripNav 							{ margin-left:  0px ; position: relative; top: 0px; z-index: 99;
									  width: 1024px; }
.wrapper 							{ padding:  0px ; }
.innerWrap 							{width: 1024px; overflow: hidden; }
#push 								{ height: 35px; }


/*
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 18px; text-indent: -9999px; }


/*
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 18px;
							 		  height: 22px;  }
.stripNavL a						{ top: 5px; left: 0px; background: url(../../_img/com/ar_left01.png); display: none;}
.stripNavR a 						{ top: 5px; right: 0px; background: url(../../_img/com/ar_right01.png); display: none;}


/*
	HEADLINES STYLING
*/
.panel ul 							{ width: 1024px; }
.panel ul li a 						{color: #353535;
						  		  	  display: block; padding:  0px ; }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list */
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{	background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }



#main_e_wrap {
	width:1024px;   margin:0px auto 0px  auto;  clear:both ;
}
#main_e_wrap .title_bar{
	width:1024px;  text-align:center; position:absolute
}


.e_list_box {
	width:1024px; float:left; margin-top:30px; height:450px;
}
.e_list_box ul li.pro_box{
	width:332px; float:left; border:1px solid #cccccc; height:430px; background-color:#f9f9f9; position:relative;
}
.e_list_box ul li.pro_box p.por_img{
	width:100%; float:left; border-bottom:1px solid #cccccc; height:330px; background-color:#fff; text-align:center; overflow: hidden;
}
.e_list_box ul li.pro_box .icon_best{ position: absolute; left:0px; top:0px; width:100%; height:50px; text-align:right
}
.e_list_box ul li.pro_box .icon_point{ position: absolute; left:150px; bottom:92px
}
.e_list_box ul li.pro_box .icon_box{
	width:290px; float:left; margin-left:20px; margin-bottom:5px
}
.e_list_box ul li.pro_box .info_box{
	width:300px; float:left; margin-left:20px
}
.e_list_box ul li.pro_box .info_box .left{
	width:170px; float:left;
}
.e_list_box ul li.pro_box .info_box .left p.code{
	width:100%; float:left; font-size:14px; color:#4db3de
}
.e_list_box ul li.pro_box .info_box .left p.title{
	width:100%; float:left; font-size:12px; color:#666; line-height:15px; height:28px; overflow: hidden;
}
.e_list_box ul li.pro_box .info_box .right{
	width:120px; float:right;
}
.e_list_box ul li.pro_box .info_box .right p.price1{
	width:100%;
	float:left;
	text-align:right;
	color:#999;
	font-size:12px;
	text-decoration: line-through; margin-bottom:5px
}

.e_list_box ul li.pro_box .info_box .right p.price2{
	width:100%; float:right; text-align:right;  color:#378ac9; position:relative  ; font-family:"NanumBarunGothic", nbg, dotum, sans-serif;  font-weight:none
}
.e_list_box ul li.pro_box .info_box .right p.price2 .won_1{
	font-weight:bold;
	color:#187BC2;  font-size:23px;  line-height:25px; position: absolute; top:0px; right:20px; letter-spacing:-0.5px; font-family:"NanumBarunGothic", nbg, dotum, sans-serif; right:12px;
}
.e_list_box ul li.pro_box .info_box .right p.price2 .won_2{ font-size:12px;
	color:#187BC2; line-height:23px; display:block; position: absolute; top:3px; right:0px; font-family:"NanumBarunGothic", nbg, dotum, sans-serif;
}

.e_list_box ul li.sp_box{
	width:14px; float:left; height:370px
}
*:first-child+html .e_list_box ul li.sp_box{
	width:10px; float:left; height:370px
}