html, body {height:100%; margin:0; padding:0;}
div.wrapper {width:100%;}
div.main {width:896px; margin:0 auto;}

img {border:none;}

td {font-family: "Arial", "tahoma"; font-size: 11px; color: #3D3F58;  letter-spacing:0px; text-decoration: none;  line-height:18px;}
A { font-family:"Arial", "tahoma"; font-size: 11.5px; color: #3D3F58; letter-spacing:0px; text-decoration: none;}
A:link {color: #3D3F58; text-decoration: none;}
A:hover {color: #FF6000; text-decoration: none;}
A:active {color: #3D3F58; text-decoration: none;}
A:visited {color: #3D3F58; text-decoration: none;}

.Lboard  { font-family:"Arial", "tahoma"; font-size: 11px; letter-spacing:0px; color: #3D3F58;}
.Lboard:link {color:#7D7D7D; text-decoration:none;}
.Lboard:visited {color:#7D7D7D; text-decoration:none;}
.Lboard:active {color:#7D7D7D; text-decoration:none;}
.Lboard:hover {color:#FF6000; text-decoration:none;}

.td_title01 {font-size: 20px; line-height:20px; COLOR:#0F0C3C; font-family:Arial, tahoma; letter-spacing:0px; font-weight:bold;}
.td_title02 {font-size: 13px; line-height:16px; COLOR:#000000; font-family:Arial, tahoma; font-weight: bold;}
.td_title03 {font-size: 14px; line-height:16px; COLOR:#3D3F58; font-family:Arial, tahoma; font-weight: bold;}
.date_text_kr {font-size: 11px; line-height:16px; COLOR:#3F86CF; font-family:Arial, tahoma; letter-spacing:0px;}
.date_text2_kr {font-size: 11px; line-height:16px; COLOR:#9b9b9b; font-family:Arial, tahoma; letter-spacing:0px;}
.line {line-height:16px; COLOR:#949494; font-family:Arial, tahoma; letter-spacing:0px;}
.mailto {color:#3b73b9; font-family:sans-serif; font-weight:bold; font-size:10.5px; text-decoration:none !important;}
.mailto:hover {color:#ff6000; text-decoration:none !important;}
.hid {display:none !important;}

.input {
	border:1px solid #b8b8b8;
	background-color:#ffffff;
	color:#000000;
	font-size:11px; line-height:15px;
	font-family:Arial, tahoma;
}

.input2 {
	border:1px solid #7697C7;
	background-color:#E4EAEF;
	color:#013298;
	font-size:12px; line-height:19px;
	font-family:Arial, tahoma;
}

a:link {
	color: #2e4a6f;
	text-decoration: none;
}
a:visited {
	color: #2e4a6f;
	text-decoration: none;
}
a:hover {
	color: #2e4a6f;
	text-decoration: none;
}
.sub_menu {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #ffffff;
	text-decoration: none;
	padding-top: 4px;

}
.sub_menu a:link 	{ color: #ffffff; text-decoration: none }
.sub_menu a:visited	{ color: #ffffff; text-decoration: none }
.sub_menu a:active 	{ color: #ffffff; text-decoration: none }
.sub_menu a:hover 	{ color: #000000; text-decoration: none }


.contents_link {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #7d7d7d;
	text-decoration: none;
}
.contents_link a:link 	{ color: #000000; text-decoration: none }
.contents_link a:visited	{ color: #000000; text-decoration: none }
.contents_link a:active 	{ color: #000000; text-decoration: none }
.contents_link a:hover 	{ color: #FF6000; text-decoration: underline }


.td_link {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #013298;
	text-decoration: none;
  text-indent:10px;margin-left:16px;
}


.td_link a:link 	{ color: #9ca8b9; text-decoration: none }
.td_link a:visited	{ color: #9ca8b9; text-decoration: none }
.td_link a:active 	{ color: #9ca8b9; text-decoration: none }
.td_link a:hover 	{ color: #9ca8b9; text-decoration: underline }


.td_link2 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #013298;
	text-decoration: none;
	letter-spacing:0px;

}
.td_link2 a:link 	{ color: #013298; text-decoration: none; font-size: 12px; }
.td_link2 a:visited	{ color: #013298; text-decoration: none; font-size: 12px; }
.td_link2 a:active 	{ color: #013298; text-decoration: none; font-size: 12px; }
.td_link2 a:hover 	{ color: #FF6000; text-decoration: underline; font-size: 12px; }


.main_menu {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #0D488C;
	text-decoration: none;
	font-weight: bold;
}


.color_text {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:18px;
	color: #3B73B9;
	text-decoration: none;
}
.color_text a:link 	{ color: #3B73B9; text-decoration: none }
.color_text a:visited	{ color: #3B73B9; text-decoration: none }
.color_text a:active 	{ color: #3B73B9; text-decoration: none }
.color_text a:hover 	{ color: #FF6000; text-decoration: underline }


.color_text2 {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #797979;
	text-decoration: none;
}
.color_text2 a:link 	{ color: #013298; text-decoration: none }
.color_text2 a:visited	{ color: #013298; text-decoration: none }
.color_text2 a:active 	{ color: #013298; text-decoration: none }
.color_text2 a:hover 	{ color: #FF6000; text-decoration: underline }


.color_text3 {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #013298;
	text-decoration: none;
	font-weight: bold;
}
.color_text3 a:link 	{ color: #013298; text-decoration: none }
.color_text3 a:visited	{ color: #013298; text-decoration: none }
.color_text3 a:active 	{ color: #013298; text-decoration: none }
.color_text3 a:hover 	{ color: #FF6000; text-decoration: underline }


.color_text4 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #013298;
	text-decoration: none;
	font-weight: bold;
}
.color_text4 a:link 	{ color: #013298; text-decoration: none }
.color_text4 a:visited	{ color: #013298; text-decoration: none }
.color_text4 a:active 	{ color: #013298; text-decoration: none }
.color_text4 a:hover 	{ color: #FF6000; text-decoration: underline }

.color_text5 {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #8999ae;
	text-decoration: none;
	background-color:#eff2f3;
}

.main_text {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #36393e;
	text-decoration: none;
	letter-spacing:0px;
}
.main_text a:link 	{ color: #48608C; text-decoration: none }
.main_text a:visited	{ color: #48608C; text-decoration: none }
.main_text a:active 	{ color: #48608C; text-decoration: none }
.main_text a:hover 	{ color: #FF6000; text-decoration: underline }


.main_text0 {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:18px;
	color: #758195;
	text-decoration: none;
	letter-spacing:0px;
}
.main_text0 a:link 	{ color: #758195; text-decoration: none }
.main_text0 a:visited	{ color: #758195; text-decoration: none }
.main_text0 a:active 	{ color: #758195; text-decoration: none }
.main_text0 a:hover 	{ color: #48608C; text-decoration: underline }


.main_text1 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #48608C;
	text-decoration: none;
	letter-spacing:0px;
}
.main_text1 a:link 	{ color: #48608C; text-decoration: none }
.main_text1 a:visited	{ color: #48608C; text-decoration: none }
.main_text1 a:active 	{ color: #48608C; text-decoration: none }
.main_text1 a:hover 	{ color: #FF6000; text-decoration: underline }


.main_text2 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #3F86CF;
	text-decoration: none;
	letter-spacing:0px;
	font-weight: bold;
}
.main_text2 a:link 	{ color: #48608C; text-decoration: none; font-size: 12px; }
.main_text2 a:visited	{ color: #48608C; text-decoration: none; font-size: 12px; }
.main_text2 a:active 	{ color: #48608C; text-decoration: none; font-size: 12px; }
.main_text2 a:hover 	{ color: #FF6000; text-decoration: underline; font-size: 12px; }


.main_text3 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #3F86CF;
	text-decoration: none;
	letter-spacing:0px;
	font-weight: bold;
}
.main_text3 a:link 	{ color: #3F86CF; text-decoration: none; }
.main_text3 a:visited	{ color: #3F86CF; text-decoration: none; }
.main_text3 a:active 	{ color: #3F86CF; text-decoration: none; }
.main_text3 a:hover 	{ color: #FF6000; text-decoration: underline; }


.sub_text {
	font-family: Arial, tahoma;
	font-size: 11px; line-height:16px;
	color: #000000;
	text-decoration: none;
}
.sub_text a:link 	{ color: #000000; text-decoration: none }
.sub_text a:visited	{ color: #000000; text-decoration: none }
.sub_text a:active 	{ color: #000000; text-decoration: none }
.sub_text a:hover 	{ color: #FF6000; text-decoration: underline }


.sub_text2 {
	font-family: Arial, tahoma;
	font-size: 12px; line-height:16px;
	color: #3D3F58;
	text-decoration: none;
}
.sub_text2 a:link 	{ color: #3D3F58; text-decoration: none }
.sub_text2 a:visited	{ color: #3D3F58; text-decoration: none }
.sub_text2 a:active 	{ color: #3D3F58; text-decoration: none }
.sub_text2 a:hover 	{ color: #FF6000; text-decoration: underline }

/*
.left_text {
	font-family: Arial, tahoma;
	font-size: 11.5px;
    font-weight: normal;
	color: #7789a1;
	text-decoration: none;
	padding:5px 20px;
    margin-left:16px;
	height:30px;
}

.left_text a:link { color: #7789a1; text-decoration: none }
.left_text a:visited { color: #7789a1; text-decoration: none }
.left_text a:active { color: #7789a1; text-decoration: none }
.left_text a:hover { color: #37d2e4; }
.left_text:hover {
	background:url('/img/bar_blit.png') no-repeat;
	background-size:3px 100%;
}
.left_text.on {
	color:#37d2e4;
	background:url('/img/bar_blit.png') no-repeat;
	background-size:3px 100%;
}

.left_text2 {
	font-family: Arial, tahoma;
	font-size: 11px;
	color: #3D3F58;
	text-decoration: none;
	font-weight: none;
}
.left_text2 a:link 	{ color: #3D3F58; text-decoration: none }
.left_text2 a:visited	{ color: #3D3F58; text-decoration: none }
.left_text2 a:active 	{ color: #3D3F58; text-decoration: none }
.left_text2 a:hover 	{ color: #307DB8; text-decoration: underline }
*/

.searchTextBox {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 125%;
	margin: 0px 5px 0px 10px;
	height: 18px;
	width: 200px;
}

.topBox{ background-color:#2b3a5b;height:100px;}
.type_table td { text-align:left }
.type_table .escape_align {text-align:center;}

.type_table2 td { text-align:left;height:22px;}
.type_table2 .escape_align {text-align:center;}

.type_table3 {margin:0 0 15px 0;}
.type_table3 td { text-align:left;height:17px;}
.type_table3 .escape_align {text-align:center;}
.type_table3 .td_gd_border { background-color:#c4cdd6;height:1px; }
.type_table3 .td_indent { text-align:center;}


/* 컨텐츠 문단 스타일*/
.type_table4 {width:619px;margin-top:40px;}
.type_table4 td { text-align:left }
.type_table4 .escape_align {text-align:center;}

.type_table5 {width:619px;margin:0;}
.type_table5 td { text-align:left }
.type_table5 .escape_align {text-align:center;}

.type_table6 {width:619px;margin-top:40px;}
.type_table6 td { text-align:left }
.type_table6 .escape_align {text-align:center;}

.type_table7 {width:619px;margin:40px 0;}
.type_table7 td { text-align:left }
.type_table7 .escape_align {text-align:center;}


ul {text-align:left;margin:0;padding-left:12px;}
ul li {text-align:left;}

.table_style {border-collapse:collapse;}
.table_style tr td {background-color:#ffffff;text-align:center;font-size:12px;border:1px solid #D3DADE;font-size:11px;}

.table_style2 {border-collapse:collapse;}
.table_style2 tr td {background-color:#ffffff;text-align:center;font-size:12px;border:1px solid #D3DADE;font-size:11px;height:20px;}

.overview_main_img { margin:34px 0;}

.left_menu_box .td_h_space{ height:1px;background-color:#ffffff; }
.left_menu_box ul {list-style:none;text-indent:-10px;display:none;}

/*
.left_text ul li {margin:3px 3px 0px 0px;color:#aab5c4;border:0px solid orange;line-height:15px;}
.left_text ul li a:link{color:#aab5c4;text-decoration:none;}
.left_text ul li a:visited	{ color: #aab5c4; text-decoration: none }
.left_text ul li a:active 	{ color: #aab5c4; text-decoration: none }
.left_text ul li a:hover {color:#37d2e4;}
*/

.left_top_menu_img { background:url('img/left_top_img2.html') no-repeat; }

.solution_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }
.solution_sub_title  {color: #2176E1;font-family: Arial;font-size: 15.5px;font-weight: bold;margin:0;margin-top:0px;margin-bottom:18px;}
.solution_callenge {color: #2176e1;font-family: Arial;font-size: 12.5px;line-height: 20px;margin:0;padding:0;}
.solution_body {color: #2e4a6f;font-family: Arial;font-size: 12.5px;line-height: 18px;margin:0;padding:0;}
.contents_layout .cnts_outline {border-right:0px solid #eff2f3;border-bottom:0px solid #eff2f3; }

/* common */
.navigation_top_bar { width:896px; }
.navigation_top_bar td {width:896px; height:30px; text-indent:20px; padding-right:25px; text-align:right; font-family:Arial, tahoma; font-size:11px; line-height:16px; color:#8999ae; background-color:#eff2f3;}
.border_bottom_line {border-bottom:0px solid #eff2f3;}

.diagram_outline {margin-top:20px;width:619px;}
.diagram_outline2 {margin-top:32px;width:619px;}
.diagram_outline_last {margin:20px 0 40px 0;width:619px;}

.bottom_link {color: #2176e1;font-family: Arial;font-size: 14px;line-height: 20px;font-weight: bold;margin:0;}

.line_divide_cls { width:619px;margin:34px 0 17px 0;}
.line_divide_cls2 { width:619px;margin:11px 0 17px 0;}
.line_divide_cls3 { width:619px;margin:0px 0 0px 0;}

.article_title {margin:0;padding:0;line-height:15px;list-style:none; list-style:none;color:#2176e1;font-size:12.5px;font-family:Arial;text-indent:0px;}
.article_title li {padding:0 0 0 10px;background:url('../img/arrow_1_b.png') no-repeat 0px 2px; }

.article_sub_list {margin:0;padding:0;line-height:18px; list-style:none;color:#2e4a6f;font-size:12.5px;font-family:Arial;text-indent:0px; }
.article_sub_list li {padding:0 0 0 10px;background:url('../img/arrow_1_g.png') no-repeat 0px 4px;}

.article_order_list { padding:0 0 0 17px;color:#2e4a6f;font-size:12.5px;font-family:Arial;text-indent:0px;margin:0px 0 20px 10px; }
.article_order_list li {padding:0;margin:0 0 0 0px;}

.article_list {color:#2e4a6f;list-style:none;font-size:12.5px;font-family:Arial;text-indent:0px;margin:0;padding:0;padding-left:10px;}
.article_list_dot {margin:0;padding:0;color:#2e4a6f;list-style:none;font-size:12.5px;font-family:Arial;text-indent:0px;padding-left:8px;margin-bottom:20px;}
.article_list_dot li {padding:0 0 0 10px;background:url('../img/dot_1_g.png') no-repeat 0px 5px;line-height:15px;}

.bottom_product_link a:link{font-size:12.5px;}
.bottom_product_link a:visited{ color: #2e4a6f; text-decoration: none }
.bottom_product_link a:active 	{ color: #2e4a6f; text-decoration: none }
.bottom_product_link a:hover {color:#37ccdf;}

/* solution */

/* product */
.product_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }

.extra_menu { margin: 35px 0 0 5px;}
.extra_menu ul {list-style:none;color:#7789a1;font-size:11.5px;margin:10px 0 0 0;}
.extra_menu ul li {background:url('../images/graphic/dot.gif') no-repeat 3px 6px;text-indent:10px;}
.extra_menu ul a:link { color: #7789a1; text-decoration: none }
.extra_menu ul a:visited { color: #7789a1; text-decoration: none }
.extra_menu ul a:active { color: #7789a1; text-decoration: none }
.extra_menu ul a:hover 	{ color: #37d2e4; text-decoration: none }

.overview_product {margin:42px 0;}

/* partners */
.partners_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }

/* customer */
.customer_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }

/* support */
.support_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }

/* company */
.company_firstLink { border:0px solid lime;width:144px;line-height:30px;height:30px;display:block;position:relative;top:8px;left:-14px; }


/* CSS Update (by yjpark, 2015.02.13) */
table tr td.overview {line-height:0;}
table tr td.menu_top {line-height:0;}
table tr td.body_top img {width:711px; height:100px;}
table tr td.body_top {line-height:0;}
table tr td.body_top img {width:711px; height:110px;}
div.main > table:nth-child(3) {border-right:1px solid #eff2f3; border-bottom:1px solid #eff2f3;}
.copyright {text-align:right; color:#9e9e9e;}

#left_div {width:100%; height:100%;}
#left_div div:first-child {width:184px; height:100px;}
#left_div div.left_top_product {background:url('../img/left_top_img1.png') no-repeat;}
#left_div div.left_top_solution {background:url('../img/left_top_img2.png') no-repeat;}
#left_div div.left_top_partner {background:url('../img/left_top_img3.png') no-repeat;}
#left_div div.left_top_customer {background:url('../img/left_top_img4.png') no-repeat;}
#left_div div.left_top_support {background:url('../img/left_top_img5.png') no-repeat;}
#left_div div.left_top_company {background:url('../img/left_top_img6.png') no-repeat;}
#left_div div.left_top_contact {background:url('../img/left_contact_us.png') no-repeat;}
#left_menu ul {margin:0; padding:0; font-weight:normal; line-height:0;}
#left_menu ul li {
	width:184px;
	height:40px;
	list-style:none;
	display:table-cell;
	vertical-align:middle;
	line-height:15px;
	padding:0 20px;
	font-size:11.5px;
	color:#7789a1;
	overflow:hidden;
}
#left_menu ul li:hover {color:#37d2e4; cursor:pointer; background:url('../img/bar_blit.png') repeat-y;}
#left_menu ul li.on {color:#37d2e4; background:url('../img/bar_blit.png') repeat-y #ffffff;}
#left_menu ul > span {display:block; width:100%; height:1px; background-color:#fff; padding:0;}
#left_menu ul li span {display:block; width:100%; color:#7789a1; margin:3px 0;}
#left_menu ul li span:nth-child(2) {display:none;}
#left_menu ul li span:hover {color:#37d2e4;}
#left_menu ul li span.on {color:#37d2e4;}


/* CSS Update (by yjpark, 2015.11.06) */
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.ml10 {margin-left:10px;}

div.hid {display:none;}
div.line {width:100%; margin-top:15px;}
span.circle {
	display:inline-block;
	position:relative;
	margin-right:5px;
	margin-bottom:3px;
	border:2px solid #2e4a6f;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
span.dot {
	display:inline-block;
	position:relative;
	top:-2px;
	margin-right:2px;
	border:3px solid #7c8798; /*8199b7*/
	border-radius:2px;
	box-shadow:3px 3px 3px #999;
	-moz-box-shadow:3px 3px 3px #999;
	-webkit-box-shadow:3px 3px 3px #999;
}
span.arrow {
	display:inline-block;
	position:relative;
	margin-right:5px;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #2e4a6f;
}
span.arrow.blue {border-left-color:#2176e1;}

table tr td p img {margin-top:15px; vertical-align:bottom;}
table tr td p.title {color:#2176e1; font-size:15.5px; font-weight:bold; margin-top:0; margin-bottom:15px;}
table tr td p.title.hand {cursor:pointer;}
table tr td p.title.hand:hover {color:#2160af;}
table tr td p.title_sub {color:#2176e1; font-size:13px; margin-top:0; margin-bottom:5px;}
table tr td p.content {color:#2e4a6f; font-size:12.5px; margin-top:0; line-height:18px; text-align:justify;}

/* Company > News (by park, 2016.12.30 Fri) */
div {box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_title {width:711px; height:100px; background-color:#eff2f3; padding:42px 45px; box-shadow:0 6px 6px 0px #e7eced inset; text-align:left;}
.news_title > span {font-size:24px; color:#314d71; font-weight:bold; font-family:'Malgun Gothic', sans-serif;}
.news_content {padding:20px 30px; font-size:12px;}
.news_content ul, .news_content li {list-style:none; margin:0;}

.news_content table {width:100%; margin:0; padding:0; border-collapse:collapse;}
.news_content table tbody tr:nth-child(odd) {background-color:#eff2f3;}
.news_content table tbody tr td {height:24px; border-bottom:1px solid #ccc;}
.news_content table tbody tr:nth-child(odd) td {font-size:12px; vertical-align:top; padding:8px 2px 2px;}
.news_content table tbody tr:nth-child(odd) td:nth-child(1) {text-align:center;}
.news_content table tbody tr:nth-child(odd) td:nth-child(2) {text-align:left; color:#2274b1; font-weight:bold;}
.news_content table tbody tr:nth-child(odd) td:nth-child(3) {text-align:right; padding-right:20px;}
.news_content table tbody tr td.contents {padding:10px 10px 10px 28px; background-color:#fff; cursor:pointer; font-size:12px;}
.news_content table tbody tr td.contents > div {height:72px; max-height:80px; overflow-y:hidden;}
.news_content table tbody tr td.contents > div.full {height:100%; max-height:100%; overflow-y:visible; display:inline-block; text-align:left;}