body,td,select,input,div,form,textarea,center,option,pre,blockquote
{font-size:9pt;font-family:±¼¸²;color:#5D5D5D;line-height:180%;}

A:link {font-family:±¼¸²;font-size:9pt;color:#5D5D5D;text-decoration:none;}
A:visited {font-family:±¼¸²;font-size:9pt;color:#5D5D5D;text-decoration:none;}
A:active {font-family:±¼¸²;font-size:9pt;color:#5D5D5D;text-decoration:none;}
A:hover {font-family:±¼¸²;font-size:9pt;color:#0071BC;text-decoration:none;}

body {
	scrollbar-3dlight-color:#D0D0D0;
	scrollbar-arrow-color:#666666;
	scrollbar-track-color:#F3F3F3;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#E6E6E6;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#D0D0D0}

.ami
{font-size:9pt;width:100%;font-family:web;filter:dropshadow(color=#FFFFFF,offX=-1,offY=-1,positive=1);line-height:170%}
.amib      {font-weight:bold;font-size:9pt;width:100%;font-family:web;filter:dropshadow(color=#FFFFFF,offX=1,offY=1,positive=1);line-height:170%}
.title {font-family:tahoma;font-size:7pt;color:#E16887}
.star {font-family:verdana;font-size:7pt;color:#CD74A9}
.co {font-family:verdana;font-size:7pt;color:#444444}
.input { font-family:"µ¸¿ò", "arial"; font-size:9pt; color: #4E4E4E; border:#D5D5D5 1px solid;line-height: 15px}
.input1 { font-family:"µ¸¿ò", "arial"; font-size:9pt; color: #4E4E4E; border:#CCD8DC 1px solid;line-height: 15px}
.input_search {font-family:"µ¸¿ò", "arial";font-size:9pt;color: #595959;border:#CAC4B2 1px solid;line-height: 15px}

textarea {font-family:"µ¸¿ò";color:#595959;font-size:9pt;line-height:16pt;font-size:9pt;background:#ffffff;scrolling:no;border:1px solid #D5D5D5;}
select { font-family:"µ¸¿ò", "arial"; font-size:9pt ; color:#373737; line-height:170%;}
.ver1 {font-size:9pt; font-family:verdana, tahoma; color:#0076A3; font-weight:bold;}


.board1 {font-family:µ¸¿ò; color:#6A6A6A; font-size:9pt; font-weight:bold;}
.board2 {font-family:µ¸¿ò; font-size:9pt; font-weight:bold;}

.notice {font-family:±¼¸²; font-size:9pt; line-height:180%;}
.notice_date {font-family:±¼¸²; font-size:9pt; color:#535F48; line-height:180%;}

#box {
	width: 620; height: 150; overflow: auto; padding:15px; border:1 solid #B0B0B0; color: #595959; font-size:9pt;
	scrollbar-3dlight-color:#D0D0D0;
	scrollbar-arrow-color:#666666;
	scrollbar-track-color:#F3F3F3;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#E6E6E6;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#D0D0D0}

select { font-family:"µ¸¿ò", "arial"; font-size:9pt ; color:#373737;}
.ver1 {font-size:9pt; font-family:verdana, tahoma; color:#0076A3; font-weight:bold;}

.ver7 {font-family:verdana, tahoma, arial; font-size:7pt;}
.color {color:#CE8A94}

.ver8 {font-family:verdana; font-size:8pt;}
.table {font-family:µ¸¿ò; color:#68859E; font-weight:bold;}
.table-1 {font-family:µ¸¿ò; color:#695B4E; font-size:8pt;}

.board {font-family:µ¸¿ò; color:#666666; font-size:8pt;}

.category1{font-size:9pt;font-family:µ¸¿ò;color:#695B4E;line-height:170%;}
.category1 a:link {font-family:µ¸¿ò;font-size:9pt;color:#695B4E;text-decoration:none;}
.category1 a:visited {font-family:µ¸¿ò;font-size:9pt;color:#695B4E;text-decoration:none;}
.category1 a:active {font-family:µ¸¿ò;font-size:9pt;color:#695B4E;text-decoration:none;}
.category1 a:hover {font-family:µ¸¿ò;font-size:9pt;color:#695B4E;text-decoration:underline;}

.route{font-size:9pt;font-family:µ¸¿ò;color:#844B14;}
.route a:link {font-family:µ¸¿ò;font-size:9pt;color:#844B14;text-decoration:none;}
.route a:visited {font-family:µ¸¿ò;font-size:9pt;color:#844B14;text-decoration:none;}
.route a:active {font-family:µ¸¿ò;font-size:9pt;color:#844B14;text-decoration:none;}
.route a:hover {font-family:µ¸¿ò;font-size:9pt;color:#844B14;text-decoration:underline;}

.copy{font-size:8pt;font-family:±¼¸²;color:#695B4E;line-height:160%;}

.sub_category{font-size:9pt;font-family:µ¸¿ò;color:#2F5146;line-height:170%;}
.sub_category a:link {font-family:µ¸¿ò;font-size:9pt;color:#2F5146;text-decoration:none;}
.sub_category a:visited {font-family:µ¸¿ò;font-size:9pt;color:#2F5146;text-decoration:none;}
.sub_category a:active {font-family:µ¸¿ò;font-size:9pt;color:#2F5146;text-decoration:none;}
.sub_category a:hover {font-family:µ¸¿ò;font-size:9pt;color:#2F5146;text-decoration:underline;}


.title{font-size:9pt;font-family:µ¸¿ò;color:#9D9C9C;line-height:170%;}
.title a:link {font-family:µ¸¿ò;font-size:9pt;color:#9D9C9C;text-decoration:none;}
.title a:visited {font-family:µ¸¿ò;font-size:9pt;color:#9D9C9C;text-decoration:none;}
.title a:active {font-family:µ¸¿ò;font-size:9pt;color:#9D9C9C;text-decoration:none;}
.title a:hover {font-family:µ¸¿ò;font-size:9pt;color:#9D9C9C;text-decoration:underline;}

.board{font-size:9pt;font-family:µ¸¿ò;color:#688A03;line-height:150%;font-weight:bold;}

.webbawoo{font-size:9pt;font-family:µ¸¿ò;color:#6C6C6C;line-height:200%;}



.thumb {
	POSITION: relative
}
.thumb IMG {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid
}
.btn_avi {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/image/play.png',sizingMethod='scale'); LEFT: 12px; BOTTOM: 10px; POSITION: absolute
}
HTML > BODY .btn_avi {
	BACKGROUND: url(../media/image/play.png)
}
.thumb .btn_avi {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}

.schedule1 {font-family:µ¸¿ò; font-size:8pt; font-weight:bold; color:#7C7B7B}
.schedule2 {font-family:µ¸¿ò; font-size:8pt; line-height:120%;}

.schedule3 {font-family:µ¸¿ò; font-size:8pt; font-weight:bold; color:red}
.schedule4 {font-family:µ¸¿ò; font-size:8pt; font-weight:bold; color:blue}

.schedule5 {font-family:µ¸¿ò; font-size:8pt; line-height:120%; color:red}
.schedule6 {font-family:µ¸¿ò; font-size:8pt; line-height:120%; color:blue}

.table1 {font-size:9pt;font-family:µ¸¿ò;color:#777777;line-height:180%;font-weight:bold;}
.table2 {font-size:9pt;font-family:µ¸¿ò;color:#818181;line-height:180%;font-weight:bold;}

.table_bg1 {background:url(../technology/image/table_bg1.gif)}
.table_bg2 {background:url(../technology/image/table_bg2.gif)}
.table_bg3 {background:url(../technology/image/table_bg3.gif)}

.mainb1 {font-size:9pt;font-family:µ¸¿ò;color:#534A4A;line-height:180%;}
.mainb2 {font-size:9pt;font-family:µ¸¿ò;color:#8E5E51;line-height:180%;}

.ContentView P {
	margin-top:1px;margin-bottom:1px;
}

.am {font-size:10pt;font-family:±¼¸²;color:#ffffff;line-height:180%;font-weight:bold;}
.am a:link {font-family:±¼¸²;font-size:10pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.am a:visited {font-family:±¼¸²;font-size:10pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.am a:active {font-family:±¼¸²;font-size:10pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.am a:hover {font-family:±¼¸²;font-size:10pt;color:#ffffff;text-decoration:underline;font-weight:bold;}

.sm {font-size:9pt;font-family:±¼¸²;color:#ffffff;line-height:150%;font-weight:bold;}
.sm a:link {font-family:±¼¸²;font-size:9pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.sm a:visited {font-family:±¼¸²;font-size:9pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.sm a:active {font-family:±¼¸²;font-size:9pt;color:#ffffff;text-decoration:none;font-weight:bold;}
.sm a:hover {font-family:±¼¸²;font-size:9pt;color:#ffffff;text-decoration:underline;font-weight:bold;}

.input_pass { font-size:9pt;font-family:verdana,Malgun Gothic color: #4E4E4E; border:#D5D5D5 1px solid;line-height: 15px}


/*¸ÞÀÎ,¼­ºê »ó´Ü top¸Þ´º ¿Í ¸ÞÀÎ,¼­ºê ºñÁÖ¾ó À̹ÌÁö*/
ul {
	display: block;
	list-style-type: disc;
}
ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: inherit;
}
.top-menu{
	background-color: #4e2c1d;
	border-radius: 5px 0 0 5px;
	margin-left: 215px;
	height: 40px;
}
.top-menu > li {
	display: inline-block;
	padding: 0;
	position: relative;
}
.top-menu > li:hover .submenu{
	top: 2.5rem;
}
.top-menu > li:first-child {
	margin-left: 1rem;
}
.top-menu > li > a {
	font-family: "¸¼Àº °íµñ","Malgun Gothic";
	font-weight: 600;
	font-size: 14.5px;
	color: #f1dbc1;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	line-height: 40px;
	letter-spacing: -1.5px;
	width: 110px;
	margin: 0 auto;
	text-align: center;
	text-align: -webkit-center;
}
.top-menu > li > a:hover{
	font-size: 16px;
	color: #e7e7cf;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.top-menu > li > a span {
	position: relative;
}
.submenu {
	z-index: 999;
	width: 11rem;
	right: 0;
	padding: 0;
	display: inline-block;
	padding: 1.3rem 0 1.25rem 0;
	box-sizing: content-box;
	position: absolute;
	top: -9999999px;
	left: -2rem;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	background-color: #eee
}
.submenu > ul {
	display: block;
}
.submenu > ul > li {
	text-align: center;
	padding: 0;
	box-sizing: border-box;
}
.submenu li {
	width: 100%;
	display: block;
	line-height: 1.5;
}
.submenu > ul > li > a,.submenu > ul > li > a.small {
	font-size: 0.8rem;
}
.submenu > ul > li > a {
	font-family: "±¼¸²";
	font-weight: 600;
	font-size: 12px;
	color: #706240;
	line-height: 1;
	margin: 0;
	padding: 0 0.5rem;
	box-sizing: border-box;
	position: relative;
	display: block;
	width: auto;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	text-align: center;
}
.submenu > ul > li > a:hover {
	color: #598527;
	transition: 0.1s;
	-webkit-transition: 0.1s;
}
.submenu > ul > li > a span {
	padding: 0.25rem 0;
	border-bottom: 3px solid transparent;
	transition: 0.1s;
	-webkit-transition: 0.1s;
}
.submenu li a span {
	display: inline-block;
	word-break: keep-all;
	line-height: 1.2;
}
.main-visual-wrap{
	width: 960px;
	height: 355px;
	border: none;
	margin: 0 auto;
}
.main-visual{
	height: 355px;
	overflow: hidden;
}
.main-visual > ul{
	position: relative;
	height: 100%;
}
.main-visual > ul > li{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	animation: fade 12s infinite;
}
.main-visual > ul > .main-visual1{
	background-image: url("../image/main_img1.png");
	width: 960px;
	height: 355px;
	animation-delay: 0s;
}
.main-visual > ul > .main-visual2{
	background-image: url("../image/main_img2.png");
	width: 960px;
	height: 355px;
	animation-delay: 3s;
}
.main-visual > ul > .main-visual3{
	background-image: url("../image/main_img3.png");
	width: 960px;
	height: 355px;
	animation-delay: 6s;
}
.main-visual > ul > .main-visual4{
	background-image: url("../image/main_img4.png");
	width: 960px;
	height: 355px;
	animation-delay: 9s;
}
.main-visual > ul > .main-visual5{
	background-image: url("../image/main_img5.png");
	width: 960px;
	height: 355px;
	animation-delay: 12s;
}
@keyframes fade {
	0%{opacity: 0;}
	8%{opacity: 1;}
	30%{opacity: 1;}
	40%{opacity: 0;}
	100%{opacity: 0;}
}