/* Default CSS Definitions */
/* Elements Default Setting */
body {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	background-image:url(../images/common/sub_bg.jpg);
	background-repeat:repeat-x;
}

html { overflow-x:hidden;
  scrollbar-face-color:#d7d7d7;
  scrollbar-3dlight-color:#d7d7d7;
  scrollbar-highlight-color:#d7d7d7;
  scrollbar-shadow-color:#d7d7d7;
  scrollbar-darkshadow-color:#b0b0b0;
  scrollbar-arrow-color:#b0b0b0;
  scrollbar-track-color:#e7e7e7; 
}

h1, h2, h3 {
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
hr {
	display: none;
}
ul, ol, dl {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
li img {
	vertical-align: top;	/* for IE imge margin */
}

p, div, td, select {
	color: #666666;
	font-family: "µ¸¿ò", "dotum", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
}

/* ¸µÅ©Á¡¼±Á¦°Å*/
a { selector-dummy : expression(this.hideFocus=true);}

img, input.type-image {
	border: 0 none;
/*	display:block;*/
}

/* PNG ÆÄÀÏ */
.png24 { 
    tmp:expression(setPng24(this)); 
} 

/* basic link */
link 					    { color: #666666; text-decoration: none; }
a:link 					    { color: #666666; text-decoration: none; }
a:visited				    { color: #666666; text-decoration: none; }
a:active 				    { color: #666666; text-decoration: none; }
a:hover 				    { color: #666666; text-decoration: none; }

/* À̹ÌÁö º¸´õ*/
.skin_border                { border:1px solid #c3c3c3; }
.name_border                { border:1px solid #d8d8d8; }
.port_border                { border:1px solid #d0d0d0; }
.popup_border               { border:1px solid #e0e0e0; }
.ttl_border                 { border-bottom:1px solid #e0e0e0; }
.board_top                  { border-top:2px solid #ff1900; border-bottom:1px solid #ff1900; }
.board_top2                 { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.board_top3                 { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.board_top4                 { border-top:2px solid #ff1900; border-bottom:1px solid #e9e9e9; }
.board_top5                 { border-top:1px solid #ff1900; }
.board_top6                 { border-top:2px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
.board_bottom               { border-bottom:1px solid #ff1900; }
.board_bottom2              { border-bottom:2px solid #ff1900; }
.board_bottom3              { border-bottom:1px solid #d0d0d0; }
.board_line                 { border-bottom:1px solid #e9e9e9; }

.board_bottom_v             { border-bottom:1px solid #8b48a8; }
.board_bottom_v2            { border-bottom:2px solid #8b48a8; }

.board_top_g                { border-top:2px solid #e0e0e0; border-bottom:1px solid #e9e9e9; }
.board_bottom_g             { border-bottom:2px solid #e0e0e0; }

.board_p                    { padding:7px 0px 5px 10px; }
.board_m                    { margin:6px 0px 5px 0px; }

/* font */
.red                        { color: #ff1900;}
.orange_1                   { color: #ff7465;}
.black                      { color: #000000;}
.gray60                     { color: #606060;}
.gray25                     { color: #252525;}
.gray45                     { color: #454545;}
.gray45_b                   { color: #454545; font-weight:bold; }
.gray5                      { color: #555555;}
.gray9                      { color: #999999;}
.gray9b                     { color: #9b9b9b;}
.gray9b_b                   { color: #9b9b9b; font-weight:bold;}
.gray_bf                    { color: #bfbfbf;}
.violet                     { color: #53298a;}
.violet_1                   { color: #9226c1;}
.white                      { color: #ffffff;}
.green						{ color: #004700;}

.course                     { font-size: 11px; line-height: 15px; color: #999999; }
.course_color               { font-size: 11px; line-height: 15px; color: #ff897c; }

.font11                     { font-size: 11px; line-height: 15px; }
.font11_red                 { color: #ff1900; font-size: 11px; line-height: 15px; }
.font11_orange1             { color: #ff7465; font-size: 11px; line-height: 15px; }
.font11_gray9               { color: #999999; font-size: 11px; line-height: 15px; }
.font11_violet              { color: #6021b4; font-size: 11px; line-height: 15px; }

.font11_gray8               { color: #888888; font-size: 11px; line-height: 15px; }
.font11_gray8 a:link 		{ color: #888888; text-decoration: none; }
.font11_gray8 a:visited		{ color: #888888; text-decoration: none; }
.font11_gray8 a:active 		{ color: #888888; text-decoration: none; }
.font11_gray8 a:hover 		{ color: #ff7465; text-decoration: none; }

.font11_v                   { font-family:verdana; font-size: 11px; line-height: 15px; }
.font11_v_gray9             { color: #999999; font-family:verdana; font-size: 11px; line-height: 15px; }

.font11_orange_b            { color: #ff4e00; font-size: 11px; line-height: 15px; font-weight:bold; }

.font14_b                   { font-size: 14px; color: #454545; line-height: 18px; font-weight:bold; }

/* ÅؽºÆ® link */
.txt_over 				    { color: #666666; text-decoration: none; }
.txt_over a:link 		    { color: #666666; text-decoration: none; }
.txt_over a:visited		    { color: #666666; text-decoration: none; }
.txt_over a:active 		    { color: #666666; text-decoration: none; }
.txt_over a:hover 		    { color: #ff7465; text-decoration: none; }

/* ¸®½ºÆ® ¸µÅ©¿À¹ö */
.list_over 				    { color: #666666; text-decoration: none; font-size: 11px; line-height: 13px; padding-top:3px; }
.list_over a:link 		    { color: #666666; text-decoration: none; }
.list_over a:visited	    { color: #666666; text-decoration: none; }
.list_over a:active 	    { color: #666666; text-decoration: none; }
.list_over a:hover 		    { color: #ff7465; text-decoration: none; }

.solution_over 				    { color: #666666; text-decoration: none; font-size: 11px; line-height: 15px;}
.solution_over a:link 		    { color: #666666; text-decoration: none; }
.solution_over a:visited	    { color: #666666; text-decoration: none; }
.solution_over a:active 	    { color: #666666; text-decoration: none; }
.solution_over a:hover 		    { color: #ff7465; text-decoration: none; }

.pagging			        { color: #ba959e; font-family:verdana; font-size:11px; line-height:11px; text-decoration: none; }
.pagging a:link 			{ color: #ba959e; text-decoration: none }
.pagging a:visited	    	{ color: #ba959e; text-decoration: none }
.pagging a:active 		    { color: #ba959e; text-decoration: none }
.pagging a:hover 			{ color: #ba959e; text-decoration: none }

.pagging_b			        { color: #f28192; font-family:verdana; font-size:11px; line-height:11px; font-weight: bold; text-decoration: none }
.pagging_b a:link 			{ color: #f28192; text-decoration: none }
.pagging_b a:visited		{ color: #f28192; text-decoration: none }
.pagging_b a:active 		{ color: #f28192; text-decoration: none }
.pagging_b a:hover 			{ color: #f28192; text-decoration: none }

/* form */
.login {
    padding-left:2px;    
	font-size: 11px; line-height:11px;
	color: #666666;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #666666;
}

.login1 {
    padding-left:2px;    
	font-size: 11px; line-height:14px;
	color: #ffffff;
	text-decoration: none;
	background-color: #bbb8ae;
	border: 1px solid #9e9b91;

}

.input1 {
	font-size: 12px; line-height:16px;
	padding:0px 3px 0px 3px;    
	text-decoration: none;
	background-color: #f0f0f0;
	border: 1px solid #d5d5d5;
}

.t_area1 { 
	font-size: 12px; line-height:16px;
	padding:3px;    
	background: #f0f0f0; 
	text-decoration: none; 
	border:1px solid #d5d5d5; 
	overflow: auto;
}

.t_area2 { 
	font-size: 12px; line-height:16px;
	color: #8a8a8a;
	background: #191414; 
	text-decoration: none; 
	border:1px solid #333333;
	overflow-y: none;
	padding:5px;
}


/* margin */
.mt03              { MARGIN-TOP:3px;}
.mt05              { MARGIN-TOP:5px;}
.mt10              { MARGIN-TOP:10px;}
.mt15              { MARGIN-TOP:15px;}
.mt20              { MARGIN-TOP:20px;}
.mt25              { MARGIN-TOP:25px;}
.mt30              { MARGIN-TOP:30px;}

.ml03             { MARGIN-LEFT:3px;}
.ml05             { MARGIN-LEFT:5px;}
.ml10             { MARGIN-LEFT:10px;}
.ml12             { MARGIN-LEFT:12px;}
.ml15             { MARGIN-LEFT:15px;}
.ml20             { MARGIN-LEFT:20px;}
.ml25             { MARGIN-LEFT:25px;}
.ml30             { MARGIN-LEFT:30px;}

.mr03            { MARGIN-RIGHT:3px;}
.mr05            { MARGIN-RIGHT:5px;}
.mr10            { MARGIN-RIGHT:10px;}
.mr12            { MARGIN-RIGHT:12px;}
.mr15            { MARGIN-RIGHT:15px;}
.mr20            { MARGIN-RIGHT:20px;}
.mr25            { MARGIN-RIGHT:25px;}
.mr30            { MARGIN-RIGHT:30px;}

.mb03           { MARGIN-BOTTOM:3px;}
.mb05           { MARGIN-BOTTOM:5px;}
.mb10           { MARGIN-BOTTOM:10px;}
.mb15           { MARGIN-BOTTOM:15px;}
.mb20           { MARGIN-BOTTOM:20px;}
.mb25           { MARGIN-BOTTOM:25px;}
.mb30           { MARGIN-BOTTOM:30px;}


/* padding */
.pt03              { PADDING-TOP:3px;}
.pt05              { PADDING-TOP:5px;}
.pt10              { PADDING-TOP:10px;}
.pt15              { PADDING-TOP:15px;}
.pt20              { PADDING-TOP:20px;}
.pt25              { PADDING-TOP:25px;}
.pt30              { PADDING-TOP:30px;}

.pl03             { PADDING-LEFT:3px;}
.pl05             { PADDING-LEFT:5px;}
.pl10             { PADDING-LEFT:10px;}
.pl12             { PADDING-LEFT:12px;}
.pl15             { PADDING-LEFT:15px;}
.pl20             { PADDING-LEFT:20px;}
.pl25             { PADDING-LEFT:25px;}
.pl30             { PADDING-LEFT:30px;}

.pr03            { PADDING-RIGHT:3px;}
.pr05            { PADDING-RIGHT:5px;}
.pr10            { PADDING-RIGHT:10px;}
.pr12            { PADDING-RIGHT:12px;}
.pr15            { PADDING-RIGHT:15px;}
.pr20            { PADDING-RIGHT:20px;}
.pr25            { PADDING-RIGHT:25px;}
.pr30            { PADDING-RIGHT:30px;}

.pb03           { PADDING-BOTTOM:3px;}
.pb05           { PADDING-BOTTOM:5px;}
.pb10           { PADDING-BOTTOM:10px;}
.pb15           { PADDING-BOTTOM:15px;}
.pb20           { PADDING-BOTTOM:20px;}
.pb25           { PADDING-BOTTOM:25px;}
.pb30           { PADDING-BOTTOM:30px;}


/* ¼Ö·ç¼Ç Æ˾÷ */
.tb01 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8D8D8;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-left-color: #D8D8D8;
}
.tb2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #D8D8D8;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
	border-left-color: #D8D8D8;
	background-color: #EFEFEF;
}