/*============================| base.css vol.2|===================================/

	프로젝트 : 
	작성일 :
	수정일 :

===============================================================================*/

@import url('common.css');
@import url('layout.css');


@charset "utf-8";
html, body{height:100%;}
*html, body{height:100%;}
html, body, div, ul, li, dl, ol, dt, dd,  a, table, th, td, p, strong, form, fieldset, h1, h2, h3, h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#646464;
	}
.frame { background:#fff;}

.border{border:1px solid red;}



h1{ font-size:21px; }
h2{ font-size:17px; padding:10px 0 0 18px; }
h3{ font-size:15px; }
h4{ color:#000;}

a{ text-decoration:none; }

ul, ol, li, dl, dt, dd{ list-style:none; }

img { border:0; margin:0; padding:0; }

table { border-collapse:collapse; }

.png24 {_tmp:expression(setPng24(this));}

.in{ display:inline; }
.bl{ display:block; }

/*
-----------------------------------------------------------------------------------------Text Size
*/

.fss{font-size:10px;}
.fs{font-size:11px;}
.fm{font-size:12px;}
.fll{font-size:14px;}
.flll{font-size:15px;}

/*
-----------------------------------------------------------------------------------------Text Color
*/

/*프로젝트에 맞게 색 입력해 주세요*/

.icon_arow {background:url('/images/icon_arow.gif') 0 3px  no-repeat; padding-left:20px; color:#294287; font-weight:bold;}
.icon_arow2 {background:url('/images/icon_arow.gif') 0 3px no-repeat; padding-left:20px; color:#294287; font-weight:bold;}

.down_date {margin:12px 9px 22px 20px; line-height:18px;}
.blue_tit {color:#294287; font-weight:bold;}
.black_stit {color:#1b1b1b; font-weight:bold;}
.oren_bold {color:#f48c22; font-weight:bold;}
.oren{color:#f48c22; font-weight:normal;}
.blue02{color:#294287;}
.black{color:#000; font-weight:bold;}
.pro_point ul li{background:url(/images/img/point.gif) no-repeat 0 24%; padding-left:5px; line-height:18px; }
.pro_point2{background:url(/images/img/point.gif) no-repeat 0 28%; padding-left:5px; line-height:18px; }
.product_stit{ color:#1b1b1b; font-size:11px; font-weight:bold;}


/*
-----------------------------------------------------------------------------------------Link
*/

/*기본 Link*/
a:link{color:#646464;}
a:hover{ color:#646464;}
a:active{color:#646464;}
a:visited{color:#646464;}

a.orenge:link{color:#f48c22; text-decoration:underline;}
a.orenge:hover{ color:#f48c22; text-decoration:underline;}
a.orenge:active{color:#f48c22; text-decoration:underline;}
a.orenge:visited{color:#f48c22; text-decoration:underline;}

a.linkline:link{color:#646464;}
a.linkline:hover{ color:#646464; text-decoration:underline;}
a.linkline:active{color:#646464;}
a.linkline:visited{color:#646464;}


/*
-----------------------------------------------------------------------------------------Align
*/


/*상하*/
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}

/*좌우*/
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/*
-----------------------------------------------------------------------------------------from
*/

input{
		border:1px solid #fff; 
		height:18px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#fff;
		padding:0 3px;
		color:#646464;
}
input.line{
		border:1px solid #dddddd; 
		height:18px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#eeeeee;
		padding:0 3px;
		color:#646464;
}

.input_none{border:none; background:none;}

textarea {
		font-size: 12px; 
		background:#eeeeee;
		font-family:  Arial, Helvetica, sans-serif;
		color: #646464;
		line-height: 15px; 
		border:1px solid #eeeeee;
		scrollbar-face-color:#ffffff;
		scrollbar-highlight-color:#f7f7f7;
		scrollbar-shadow-color:#e7e7e7;
		scrollbar-3dlight-color:#e7e7e7;
		scrollbar-arrow-color:#e7e7e7;
		scrollbar-track-color:#f7f7f7;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-base-color:#f7f7f7;
}

select{
		border:1px solid #d5d5d5;
		color:#646464;
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		background-color:#fafafa ;
		height:20px;
}

#pagingwrap{clear:both;margin-top:20px;position:relative;}

.paging{text-align:center;line-height:120%;}
.paging a{padding:0 10px 0 10px; background:url(/images/event/tit_bar.gif) width:1px; right 50% no-repeat; text-decoration:none; text-align:center;}
.paging a strong{color:#f7701f;}
.paging a:link,.paging a:hover,.paging a:active{color:#787878;}
.paging a:visited{color:#787878;}
.paging span a{padding:0 0 0 2px; background-image:none;}
.paging a.none{background-image:none;}
.paging span a img{vertical-align:bottom;}
.paging a.first-child{background:none;padding-left:8px;}
.paging img{padding-top:2px;}


/*paging*/
#pagingwrap{clear:both; margin-top:20px;}

.paging{text-align:center;line-height:120%;}
.paging a{padding:0 10px 0 10px; background:url(/images/event/bar.gif) right 50% no-repeat; text-decoration:none; text-align:center;}
.paging a strong{color:#f7701f;}
.paging a:link,.paging a:hover,.paging a:active{color:#787878;}
.paging a:visited{color:#787878;}
.paging span a{padding:0 0 0 2px; background-image:none;}
.paging a.none{background-image:none;}
.paging span a img{vertical-align:top;}
.paging a.first-child{background:none;padding-left:8px;}

.htc{width:180px; behavior: url('/css/selectbox.htc');CURSOR:hand;}