<!--
// =========================================================
// 
//  Title : CSS 
// 
//  Made By Keum Seok Ryong
// 
// =========================================================
-->


<!--
// =========================================================
// body style
// =========================================================
-->

body{

	topmargin : 0;
	leftmargin : 0; 
	marginwidth : 0; 
	marginheight : 0;

	background-position : center center;
	background-attachment : fixed;


	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #333333;
	font-style : none;
	font-weight : none ;

	letter-spacing :-1px;

	scrollbar-3dlight-color : #595959;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-base-color : #CFCFCF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-face-color : #CFCFCF;
	scrollbar-highlight-color : #FFFFF;
	scrollbar-shadow-color : #595959 

}




<!--
// =========================================================
// table style
// =========================================================
-->

table, tr, td{

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #333333;
	font-style : none;
	font-weight : none ;

	line-height : 130%;

}




<!--
// =========================================================
// Basic hyper link style
// =========================================================
-->

a:link, a:visited, a:active{

	text-decoration : none;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #6B6B6B;

}


a:hover{

	text-decoration : none;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	font-weight : none ;
	color : #FF7600;

}




<!--
// =========================================================
// Manage hyper link style
// =========================================================
-->

a:link, a:visited, a:active{

	text-decoration : none;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #000000;

}


a:hover{

	text-decoration : none;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	font-weight : none ;
	color : #FF7600;

}




<!--
// =========================================================
// image style
// =========================================================
-->

img{

	border : none;

}




<!--
// =========================================================
// Basic input style
// =========================================================
-->

form{

	margin : 0px;
	padding : 0px;

}




<!--
// =========================================================
// Basic input style
// =========================================================
-->

input{

	background : none;
	background-color : none;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none ;

}




<!--
// =========================================================
// input style
// =========================================================
-->

.input{

	background : none;
	background-color : #F5F5F5;

	border-top :1px solid #E0E0E0 ;
	border-left :1px solid #E0E0E0 ;
	border-right :1px solid #E0E0E0 ;
	border-bottom :1px solid #E0E0E0;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none ;

}




<!--
// =========================================================
// Basic select style
// =========================================================
-->

select{

	background : none;
	background-color : #F7F7F7;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 8pt;
	color : #000000;
	font-style : none;
	font-weight : none ;

}




<!--
// =========================================================
// button style
// =========================================================
-->

.button{

	background : none;
	background-color : #EBEBEB;

	border-top : 1px solid #C4C4C4;
	border-left : 1px solid #C4C4C4;
	border-right : 2px solid #949694;
	border-bottom : 2px solid #949694;

	height : 25px;

	padding : 4px;

	font-family : 굴림, verdana, Seoul, Gulim;
	font-size : 9pt;
	color : #454444;
	font-style : none;
	font-weight : bold;

}


.smbutton{

	background : none;
	background-color : #EEEEEE;

	border-top : 1px outset #C0C0C0;
	border-left : 1px outset #C0C0C0;
	border-right : 1px outset #C0C0C0;
	border-bottom : 1px outset #C0C0C0;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #454444;
	font-style : none;
	font-weight : bold;

}


.SpellSearchButton{

	background : none;
	background-color : #EEEEEE;

	border-top : 1px dotted #448888;
	border-left : 1px dotted #448888;
	border-right : 1px dotted #448888;
	border-bottom : 1px dotted #448888;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #408080;
	font-style : none;
	font-weight : bold;

}


.FullSizeButton{

	background : none;
	background-color : #50889F;

	border-top : 1px solid #1F556A;
	border-left : 1px solid #1F556A;
	border-right : 1px solid #1F556A;
	border-bottom : 1px solid #1F556A;

	width : 100%;
	height : 100%;

	padding : 0px;

	font-family : verdana, Dotum, 굴림, tahoma, Seoul, Gulim;
	font-size : 9pt;
	color : #FFFFFF;
	font-style : none;
	font-weight : bold;

}


.bt {

	background : none;
	background-color : #F6F6F6;

	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-right : 1px solid #AAAAAA;
	border-bottom : 1px solid #AAAAAA;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Dotum, tahoma, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none;
	
}


.bt_1 {

	background : none;
	background-color : A5B2E9;

	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-right : 1px solid #AAAAAA;
	border-bottom : 1px solid #AAAAAA;

	height : 22px;

	padding : 3px;

	font-family : verdana, 굴림, Dotum, tahoma, Seoul, Gulim;
	font-size : 9pt;
	color : #000000;
	font-style : none;
	font-weight : none;
	
}




<!--
// =========================================================
// textarea style
// =========================================================
-->

textarea{

	background : none;
	background-color : ;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none ;

	scrollbar-3dlight-color : #595959;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-base-color : #CFCFCF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-face-color : #CFCFCF;
	scrollbar-highlight-color : #FFFFF;
	scrollbar-shadow-color : #595959 

}


.textarea{

	background : none;
	background-color : #F5F5F5;

	border-top : 1px solid #E0E0E0 ;
	border-left : 1px solid #E0E0E0 ;
	border-right : 1px solid #E0E0E0 ;
	border-bottom : 1px solid #E0E0E0;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none ;

	scrollbar-3dlight-color : #595959;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-base-color : #CFCFCF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-face-color : #CFCFCF;
	scrollbar-highlight-color : #FFFFF;
	scrollbar-shadow-color : #595959 

}




<!--
// =========================================================
// 리스트 부분에서 셀렉트시 색 변경
// =========================================================
-->
TR.SelectHRColor{

	background-color: #FBFFDC;

}




<!--
// =========================================================
// 입력폼의 필수 입력값 체크 표시
// =========================================================
-->

.EssentialityCheck{

	font-family : Wingdings 2;
	font-size : 16pt;
	color : #FF7600;
	font-style : none;
	font-weight : bold;

}



<!--
// =========================================================
// 투명한 input-text
// =========================================================
-->

.TransparencyInput{

	background : none;
	background-color : #FFFFFF;

	border-top : 0px dotted #448888;
	border-left : 0px dotted #448888;
	border-right : 0px dotted #448888;
	border-bottom : 0px dotted #448888;

	height : 18px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none;

}






<!--
// =========================================================
// Delivery 카드용 TD
// =========================================================
-->
.DeliveryCardTD_01{

	background : none;
	background-color : #FFFFFF;

	border-top : 0px solid #000000;
	border-left : 0px solid #000000;
	border-right : 0px solid #000000;
	border-bottom : 0px dotted #000000;

	height : 18px;

	padding : 3px;

	font-family : verdana, 굴림, Seoul, Gulim;
	font-size : 9pt;
	color : #666666;
	font-style : none;
	font-weight : none;

}
/* 테이블 */
table { border-collapse:collapse; }

.list { font:12px 돋움;  height:26px;}
.list td {background:none; border-bottom:1px solid #c8d5e6; height:28px; font: 12px; color:#333; padding-left:2px;   }
.list td.first {background:url(/section_html/img/list_first.gif) no-repeat left center; font:12px 돋움; color:#FFF; font-weight:bold ; padding-left:10px;text-align:center; width:30px}
.list td.tit {{background:url(/section_html/img/list_bg.gif) repeat-x left center; font:12px 돋움; color:#FFF; font-weight:bold ;text-align:center; }
.list td.bot {background:url(/section_html/img/list_bot.gif) no-repeat right center; font:12px 돋움; color:#FFF; font-weight:bold;  padding-right:5px; text-align:center;}
.list td.title { font:12px ; color:#0066CC;  padding-left:3px;  }
.list td.issn { font:11px ; color:#666;  padding-left:3px;  }
.list td.link { font:11px ; color:#666; text-align:center  }

<!--
// =========================================================
// ▣ 이미지 효과중 filter 효과
// =========================================================

- filter:gray();		// 흑백효과

- filter:invert();		// 필름효과

- filter:xray();		// 엑스레이 효과

- filter:fliph();		// 좌우 역상 효과

- filter:flipv();		// 상하 역상 효과

- filter:alpha( opacity, style, finishOpacity )		// 투명효과

	( opacity : 불투명도로 1-100까지 숫자를 사용하며 숫자가 작을 수록 투명해짐 )
	( style : 0이면 단일 1이면 선형 2이면 타원형 3이면 직사각형모양으로 투명하게 함 )
	( finishOpacity : 불투명도인데 style=1~3인 경우만 영향을 줍니다.. 투명해진 그림을 다시 투명하게 또는 진하게 만드는 속성 )


- filter:wave( add, freq, lightstrength, phase, strength )		// 뒤틀림효과

	( add : 원본 이미지를 합칠 것인가를 결정합니다. 1이면 겹치는 것이고 2이면 안겹침 )
	( freq : 뒤틀리는 모양의 개수 입니다. )
	( lightstrength : 빛의 강도를 나타냅니다. (0-100) )
	( phase : 웨이브 효과의 시작 위치로 0(0도)~100(360도)사이의 값을 가집니다. 만약 25이면 90도가 시작 위치가 됩니다. )
	( strength : 웨이브 효과의 강도(1~100) )


- filter:blur( strength, direction )		// 흐림효과

	( strength : 강도를 설정합니다. 0-100까지 )
	( direction : 각도를 설정합니다. 0-360의 값을 가집니다. )

-->