@charset="euc-kr";

*, *:after, *:before { margin:0; padding:0; font-family:'Malgun Gothic'; letter-spacing:-0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break:keep-all;}
body								{margin:0; color:#FFFFFF; font-size:12px; overflow-y:scroll;}
td									{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#434343; font-size:14px; line-height:24px;}
hr									{color:#DADFE5;}
img								{border:none;}

a:link							{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:14px; color:#676767; text-decoration:none;}
a:visited						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:14px; color:#676767; text-decoration:none;}
a:active						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:14px; color:#990000; text-decoration:none;}
a:hover							{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:14px; color:#990000; text-decoration:none;}

/* language_menu */
.language_menu {
	width:100px;	/* ¿øÇÏ´Â ³ÐÀÌ ¼³Á¤ */
	height:35px;		/* ¿øÇÏ´Â ³ôÀÌ ¼³Á¤ */
	background:url('../image/arrow_down.png') calc(100% - 5px) center no-repeat;	/* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */
	background-size:20px;
	color:#ffffff;
	padding:5px 30px 5px 10px;
	border-radius: 4px;				/* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
	border:1px solid #999;			/* Å׵θ® */
	-webkit-appearance: none;	/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
	-moz-appearance: none;
	appearance: none;
}
.language_menu option {
	background:#ffffff;
	color: #000000;
	padding: 3px 0;
}

/* top_menu */
.top_menu					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:16px; color:#ffffff; font-weight:bold; line-height:80px;}
a:link .top_menu			{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:16px; color:#ffffff; font-weight:bold; line-height:80px;}
a:hover .top_menu		{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:16px; color:#d64a4a; font-weight:bold; line-height:80px;}

/* sub_menu */
.sub_menu					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:15px; color:#464648; padding-top:0px; padding-left:0px;}
a:link .sub_menu			{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:15px; color:#464648; padding-top:0px; padding-left:0px;}
a:hover .sub_menu		{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:15px; color:#000000; padding-top:0px; padding-left:0px; font-weight:bold;}
.sub_menu_o				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; font-size:15px; color:#000000; padding-top:0px; padding-left:0px; font-weight:bold;}

/* button */
button {
	font-family:Malgun Gothic, Dotum, Verdana, sans-serif; padding:1% 2%; display:block; background:#ffffff; border:1px solid #9d9fa8; border-radius:0px; min-width:100px; height:40px; margin-top:0px; cursor: pointer; transition: all .5s;
}
button:hover {
	font-family:Malgun Gothic, Dotum, Verdana, sans-serif; background:#eeeeee; color:#d64a4a;
}
.button {
	font-family:Malgun Gothic, Dotum, Verdana, sans-serif; padding:1% 2%; display:block; background:#ffffff; border:1px solid #9d9fa8; border-radius:0px; min-width:200px; height:60px; margin-top:0px; cursor: pointer; transition: all .5s;
}
.button:hover {
	font-family:Malgun Gothic, Dotum, Verdana, sans-serif; background:#eeeeee; color:#d64a4a;
}


/* text */
.main_title	 					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:24px; font-weight:bold;}
.main_text 					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:16px;}
.main_text1					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:24px;}
.main_text2					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:36px;}

.sub_title						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:36px;	line-height:48px;}
.sub_title2 					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:28px;	line-height:36px;}
.sub_text 						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#000000; font-size:16px;}

.history_year1				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#00a5e3; font-size:24px;	font-weight:bold; line-height:36px;}
.history_year2				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#231815; font-size:18px;	font-weight:bold; line-height:26px;}
.history_text					{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#484848; font-size:14px;	line-height:26px;}

.contents_title				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#ffffff; font-size:18px; font-weight:bold; line-height:60px;}
.contents_title1				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#093173; font-size:24px; font-weight:bold; text-decoration:underline; line-height:36px;}
.contents_title2				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#424242; font-size:22px; font-weight:bold; line-height:28px;}
.contents_title3				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#424242; font-size:18px; line-height:28px;}

.greeting_text1				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#424242; font-size:20px;	font-weight:bold; line-height:28px;}
.greeting_text2				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#424242; font-size:36px;	font-weight:bold; line-height:48px;}

.roadmap						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#afd1e4; font-size:14px; line-height:60px;}

.product_title1				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#909191; font-size:20px; font-weight:bold;}
.product_title2				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#909191; font-size:28px; font-weight:bold;}

.facilities						{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#ffffff; font-size:18px; text-align:center; font-weight:bold; line-height:49px;}
a:link .facilities				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#ffffff; font-size:18px; text-align:center; font-weight:bold; line-height:49px;}
a:hover .facilities			{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#093173; font-size:18px; text-align:center; font-weight:bold; line-height:49px;}

.pro_pto						{ border:solid 1px #c9c9c9; width:438px; height:197px;}

.italic								{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#004098; font-size:16px; font-style:italic; line-height:36px;}

.copyright_title				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#4a4a4a; font-size:12px;	font-weight:bold;}
.copyright_text				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#4a4a4a; font-size:12px;}
.copyright_han				{font-family:Malgun Gothic, Dotum, Verdana, sans-serif; color:#4a4a4a; font-size:11px;}

/* form tag */
.search_input				{border:solid 0 #E0E0E0; font-family:Dotum; font-size:11px; color:#333333;}
input[type=text], select, textarea {
	width:100%; padding:10px; border: 1px solid #ccc; border-radius:4px; resize:vertical; background:#fff;
}
input[type=file] {
	width:100%; padding:10px; border: 1px solid #ccc; border-radius:4px; resize:vertical; background:#fff;
}
input[type=password] {
	width:100%; padding:10px; border: 1px solid #ccc; border-radius:4px; resize:vertical; background:#fff;
}
label {padding:12px 12px 12px 0; display:inline-block;}

/* submenu_layer */
#snb_box {width:100%; height:177px; padding:0px; background-color:#093173;
/* border-radius:0 0 20px 20px; */
position:absolute; top:110px; left:0px; opacity:10.0; display:none; z-index:99999;}

/* main */
#main_wrap {min-width:1920px;}
#main	{width:100%; height:auto; margin-top:0px; background-color:#000000;}

@media only screen and (max-width:1200px){
	#snb_box{width:1200px;}
}

#menu	{width:100%; margin:0 auto; position:fixed; top:0; z-index:99999;}

/* teduri */
#ex-one img {border:1px solid #7d7d7d; overflow:hidden;}



/* element slideshow css */
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	width:1363px;
	position: relative;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
}

/* Next & previous buttons */
.plus_box { 
	position:absolute;
	width:1186px;
	top:50%;
	right:0;
}

.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: black;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}
.mySlides>img { width:773px; float:left; display:inline-block;}
.mySlides>div {
	width:590px;
	display:inline-block;
}
.mySlides>div>img{
	width:590px;
}
.dot_box{
	position:absolute;
	bottom:30px;
	right:30px;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.active, .dot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.prev, .next,.text {font-size: 11px}
}