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


/*
	GENERIC RESET & BASIC STRUCTURE
*/
* 									{ margin: 0; padding: 0; }
body 								{ font-family: Verdana, Arial, Helvetica, sans-serif;
						  		 	  font-size: 11px; }
a 									{ /* remove the dotted outlines when clicking tabs */
						  		      outline: none; text-decoration: none; }
ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap2 					{ width: 1024px; margin: 0px auto; top: -10px;

									  padding-bottom:  0px ; position: relative; }
#blogSlider2 						{ margin-left:  0px ; padding: 0px ; width: 1024px;
									  }
.stripViewer2 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer2 .innerWrap2 .panelContainer2 		{ position: relative; left: 0px; top: 0px; }
.stripViewer2 .innerWrap2 .panelContainer2 .panel2 { float: left; position: relative; width: 1024px;; }
.stripNav2 							{ margin-left:  0px ; position: relative; top: 0px; z-index: 99;
									  width: 1024px; }
.wrapper2 							{ padding:  0px ; }
.innerWrap2 							{width: 1024px; overflow: hidden; }
#push 								{ height: 35px; }


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

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


/*
	SUB NAVIGATION
*/
.stripNavL2 a, .stripNavR2 a 			{ display: block; position: absolute; width: 18px;
							 		  height: 22px; text-indent: -9999px; }
.stripNavL2 a						{ top: -20px; right: 30px; background: url(../../_img/com/ar_left01.png) no-repeat; background-size:100% 100%;float:left }
.stripNavR2 a 						{ top: -20px; right: 0px; background: url(../../_img/com/ar_right01.png);
}


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





.f_list_box ul{float:left;  border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; width:100%
}
*:first-child+html .f_list_box ul{float:left;  border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; width:1021px
}
.f_list_box ul li.line{float:left;  width:20%;  border-right:1px solid #e4e4e4;   border-bottom:1px solid #e4e4e4; height:310px; box-sizing:border-box
}
*:first-child+html .f_list_box ul li.line{float:left;   width:20%;    border-right:1px solid #e4e4e4;   border-bottom:1px solid #e4e4e4; height:310px;
}
.f_list_box ul li.line p.pro{float:left; width:100%; margin:10px 0px 5px 0px; text-align:center
}
.f_list_box ul li.line p.icon{float:left; width:150px; margin-left:20px ; display:flex; margin-bottom:5px; align-items: center;
}
.f_list_box ul li.line p.code{float:left; width:150px;  margin-left:25px; font-size:14px; color:#4db3de ; display:block
}
.f_list_box ul li.line p.title{float:left; width:160px;  margin-left:25px; font-size:14px; color:#999; line-height:14px ; display:block; margin-bottom:5px; height:34px; overflow: hidden;
}
.f_list_box ul li.line .price_box{float:left; margin-left:25px; font-size:12px; color:#999; width:160px;
}
.f_list_box ul li.line .price_box p.price1{
	color:#999;
	float:left; margin-right:0px; font-size:11px;
	text-decoration: line-through;
}
.f_list_box ul li.line .price_box p.price2{float:right;

}
.f_list_box ul li.noline{float:left;  width:20%;     border-bottom:1px solid #e4e4e4; height:310px; box-sizing:border-box
}
*:first-child+html .f_list_box ul li.noline{float:left;  width:20%;     border-bottom:1px solid #e4e4e4; height:310px; box-sizing:border-box  ; margin-left:-4px
}
.f_list_box ul li.noline p.pro{float:left; width:100%; margin:10px 0px 5px 0px; text-align:center
}
.f_list_box ul li.noline p.icon{float:left; width:150px; margin-left:20px ; display:flex; margin-bottom:5px ; align-items: center;
}
.f_list_box ul li.noline p.code{float:left; width:150px;  margin-left:25px; font-size:14px; color:#4db3de ; display:block
}
.f_list_box ul li.noline p.title{float:left; width:160px;  margin-left:25px; font-size:12px; color:#999; line-height:14px ; display:block; margin-bottom:5px; height:34px; overflow: hidden;
}
.f_list_box ul li.noline .price_box{float:left; margin-left:25px; font-size:12px; color:#999; width:160px;
}
.f_list_box ul li.noline .price_box p.price1{
	color:#999;
	float:left; margin-right:0px; font-size:11px;
	text-decoration: line-through;
}
.f_list_box ul li.noline .price_box p.price2{float:right;

}


.f_list_box ul li .price_box p.price2  .won_color1{
	font-weight: bold;
	font-size:15px;
	color:#187Bc2;font-family:"NanumBarunGothic", nbg, dotum, sans-serif; }
.f_list_box ul li .price_box p.price2  .won_color{
	font-weight: normal;
	font-size:12px;
	color:#187Bc2;line-height:18px;
}