TD {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 15px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
INPUT {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 15px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
SELECT {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 15px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
TEXTAREA {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 15px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.ht14 {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 14px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.ht16 {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 16px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.ht18 {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 18px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.ht20 {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.white {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.font11 {
	FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.font12 {
	FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 15px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"; FONT-WEIGHT: "BOLD"
}
.location {
	FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 14px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.copyright {
	FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 16px; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.date {
	FONT-SIZE: 12px; COLOR: #e86e14; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
.forms {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #ffffff  
}
.forms1 {
	BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; BORDER-BOTTOM: #d5d5d5 1px solid
}
.forms2 {
	BORDER-RIGHT: #81cc37 1px solid; BORDER-TOP: #81cc37 1px solid; BORDER-LEFT: #81cc37 1px solid; BORDER-BOTTOM: #81cc37 1px solid
}
.forms3 {
	BORDER-RIGHT: #68a9e0 1px solid; BORDER-TOP: #68a9e0 1px solid; BORDER-LEFT: #68a9e0 1px solid; BORDER-BOTTOM: #68a9e0 1px solid
}
.forms100 {
	BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; BORDER-BOTTOM: #d5d5d5 1px solid; background-color: #EAEAEA
}

IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.bgleft {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/bgi_smenu.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright01 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(01_wellbeing/images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright02 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(02_subject/images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright03 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(03_qna/images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright04 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(04_news/images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.bgright05 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(05_join/images/bgi_right.jpg); BACKGROUND-REPEAT: no-repeat
}
.a {
	COLOR: #666666; FONT-FAMILY: "µ¸¿ò", "Arial", "Verdana"
}
A:link {
	COLOR: #444444; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
	COLOR: #d2751a; TEXT-DECORATION: none
}
A:active {
	COLOR: #999999; TEXT-DECORATION: none
}

BODY {

	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #f5f5f5; SCROLLBAR-DARKSHADOW-COLOR: #ffffff

}


#apDiv1 {
	position:absolute;
	width:769px;
	height:24px;
	z-index:1;
	left: 256px;
	top:68px;
	visibility: hidden;
}
#apDiv2 {
	position:absolute;
	width:630px;
	height:24px;
	z-index:2;
	left: 420px;
	top: 68px;
	visibility: hidden;
}
#apDiv3 {
	position:absolute;
	width:440px;
	height:24px;
	z-index:3;
	left: 650px;
	top: 68px;
	visibility: hidden;
}
#apDiv4 {
	position:absolute;
	width:780px;
	height:24px;
	z-index:4;
	left: 698px;
	top: 68px;
	visibility: hidden;
}
#apDiv5 {
	position:absolute;
	width:470px;
	height:24px;
	z-index:5;
	left: 698px;
	top: 68px;
	visibility: hidden;
}
#apDiv6 {
	position:absolute;
	width:540px;
	height:24px;
	z-index:4;
	left: 700px;
	top: 68px;
	visibility: hidden;
}

#bgarea {
	background-image:url(image/title_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/*
#img1 {
margin-top: 60px;
width: 400px;
position: absolute;
top: 70px;
left: 150px;
}

#img2 {
margin-top: 60px;
width: 400px;
position: absolute;
top: 70px;
left: 650px;
}
*/


#movediv1 {
	width: 20px;
	height: 10px;	
	display: block;
	animation: myAnimation3 2s infinite;
	animation-direction: alternate;
}

#movediv2 {
	width: 20px;
	height: 10px;
	display: block;
	animation: myAnimation4 2s infinite;
	animation-direction: alternate;
}

#movediv3{
	width: 20px;
	height: 10px;
	display: block;
	animation: myAnimation5 2s infinite;
	animation-direction: alternate;
}


#movediv {
	top: 450px;
	left: 5px;
	display: flex;
	position: absolute;
	animation: myAnimation2 5s infinite;
	animation-timing-function: linear;
	animation-direction: reverse;
}


#img1 {
	margin-top: 60px;
	width: 300px;
	top: 70px;
	left: 150px;
	border: 3px solid gold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-color: magenta;
	position: absolute;
	animation: myAnimation 7s infinite;
	animation-direction: normal;
}

#img2 {
	margin-top: 60px;
	width: 300px;
	top: 70px;
	left: 650px;
	border: 3px solid gold;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-color: magenta;
	position: absolute;
	animation: myAnimation1 7s infinite;	
	animation-direction: alternate;
}

@keyframes myAnimation {
	0% {
	transform: rotate(-360); 
	background: cyan; 
	padding-top:10px; 
	left: 150px;
	top: 100px;
	}

	100% {
	transform: rotate(360deg); 
	background: yellow; 
	left: 150px;
	top: 100px;
	}
	
	
}

@keyframes myAnimation1 {
	0% {
	background: yellow; 
	padding-top:10px; 
	left: 600px;
	top: 100px;
	}

	100% {
	background: green;
	left: 800px;
	top: 100px;
	}
}

@keyframes myAnimation2 {
	0% {
	left: 300px;
	}
	
	50% {
	left: 550px;
	background: yellow; 
	}
	
	100% {
	left: 800px;
	}
}

@keyframes myAnimation3 {
	0% {
	background: yellow; 
	}
	
	50% {
	left: 550px;
	background: white; 
	}
	
	100% {
	background: green; 
	}
}

@keyframes myAnimation4 {
	0% {
	background: green; 
	}
	
	50% {
	left: 550px;
	background: yellow; 
	}
	
	100% {
	background: white; 
	}
}

@keyframes myAnimation5 {
	0% {
	background: white; 
	}
	
	50% {
	left: 550px;
	background: green; 
	}
	
	100% {
	background: yellow; 
	}
}

table.border {
    border-top-width:1px;
	border-right-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-top-color:#ccddcc;
	border-right-color:#ccddcc;

}
td.border{
    border-bottom-width:1px;
	border-left-width:1px;
	border-bottom-style:solid;
	border-left-style:solid;
	border-bottom-color:#ccddcc;
	border-left-color:#ccddcc;

}
table.border1 {
    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:solid;
	border-left-style:solid;

	border-top-color:#a7a7a7;
	border-right-color:#a7a7a7;
	border-bottom-color:#a7a7a7;
	border-left-color:#a7a7a7;

}