@charset 'euc-kr';
/* CSS Document */
/* (ÁÖ)3S-Tec Çѱ۽ÎÀÌÆ®ÀÇ ±âº» ½ºÅ¸ÀϽÃÆ® ÀÔ´Ï´Ù. */
/* Àû  ¿ë : Web SiteÀÇ ¸ðµç ÇÑ±Û ÆäÀÌÁö¿¡ ±âº» Àû¿ë */
/* ÀÛ¼ºÀÏ : 2006.07.12 */
/* ºñ  °í : ½ºÅ©·Ñ¹Ù ½ºÅ¸ÀÏÀº Netscape navigator 4.0, Netscape navigator 6.0, Microsoft Internet Explorer 5.0¿¡¼­´Â Áö¿øÇÏÁö ¾Ê½À´Ï´Ù. */

body {
	font-family: "µ¸¿òü";
	font-size: 9pt;
	color: #555555;
	background-color:#ffffff;
	margin: 0;
	scrollbar-face-color: #EDEEEF;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #bbbbbb;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-track-color: #EDEEEF;
	scrollbar-arrow-color: #999999;
}
	
font { font-family: "µ¸¿òü"; font-size: 9pt; text-decoration: none; line-height: 12pt;}
	A:link    { font-size: 9pt; color: #555555; line-height:12pt;}
	A:active  { font-size: 9pt; text-decoration: none; color: #555555; line-height:12pt;}
	A:visited { font-size: 9pt; text-decoration: none; color: #777777; line-height:12pt;}
	A:hover   { font-size: 9pt; text-decoration: none; color: #333333; line-height:12pt;}

th {
	font-family: "µ¸¿òü"; font-size: 9pt; color: #071A3A; 
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	background-color: #88BED3; 
	padding: 1px 1px 1px 1px;
}

td, p, b, div, span {
	font-family: "µ¸¿òü";
	color: #555555;
	font-size: 9pt;
	text-decoration: none;
	line-height: 12pt;
	vertical-align:top;
}

a { cursor:hand; }/*img&input*/

A:link {color:#666666;font-size:9pt;text-decoration:none;} 
A:visited {color:#666666;font-size:9pt;text-decoration:none;} 
A:active {color:#0682ab;font-size:9pt;text-decoration:none;} 
A:hover {color:#0682ab;font-size:9pt;text-decoration:none;} 	

img { border: none; }

form { margin: 0px; }

select {
	text-decoration: none; 
	font-family:µ¸¿ò, Arial; 
	font-size:12px; 
	color:#555555;
	background-color:#FFFFFF;
	}

textarea { 
	font-family: "µ¸¿òü"; font-size: 9pt; 
	color: #555555;
	line-height: 16px;
	text-decoration: none;
	border: 1px solid #cccccc; 
	scrollbar-face-color: #f6f6f6; scrollbar-shadow-color: #bbbbbb; scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #f6f6f6; scrollbar-arrow-color: #cccccc;
	top:1;
	position:relative; 
}

.bottom_height {
	height: 20px;
	width: 20px;
}

.noborder { border: none; }  /* input typeÁß Ã¼Å©¹Ú½º, ¶óµð¿À¹öÆ°¿¡ Àû¿ë */

input.radio {
	height:11px; 
	border:0px; 
	border-style:none;
	position:relative; 
	top:-1px; 
	}
	
input.checkbox {
	border:0px; 
	border-style:none;
	height:11px;
	position:relative; 
	top:2px;  
	}

input { 
	font-family: "µ¸¿òü"; font-size: 9pt; color: #555555;
    line-height: 20px;
	border: 1px solid #cccccc; 
	background-color: #ffffff; 
	position:relative; top:0px; 
} 

.input_ar { 
	text-align: right;
	padding-right:3px;
} 
/*Åõ¸í ÀÎDz - ¼ýÀÚ¿À¸¥ÂÊ Á¤·ÄÀÏ°æ¿ì*/

.input_18px { 
	font-family: "µ¸¿òü"; font-size: 9pt; color: #555555; 
	height: 18px;
	border: 1px solid #BBBBBB; 
	background-color: #ffffff; 
	position:relative; 
	top:0px; 
} 

/* ¸ÞÀÎ ÆäÀÌÁö¿ë ¸®½ºÆ® ½ÃÀÛ */

ul#mainpagelist {
	list-style-position : inside;
	list-style-image:url(../images/bullet_grsqaure.gif);
	font-family: "µ¸¿òü"; font-size: 11px; color : #666666;
	line-height:18px; 
	letter-spacing:-1px;
	text-align:left;
	margin-top:12px;
	margin-bottom:0px;
	margin-left:2px;
}

.mainpagelist_text { font-size:11px; text-decoration: none; color: #666666; letter-spacing: -1px; }	
	A.mainpagelist_text:link      { font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }
	A.mainpagelist_text:visited   { font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }
	A.mainpagelist_text:active    { font-size:11px; text-decoration: none ; color: #2a917c; letter-spacing: -1px; }
	A.mainpagelist_text:hover     { font-size:11px; text-decoration: none ; color: #2a917c; letter-spacing: -1px; }
	
.main_news { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none; color: #666666; line-height:18px; letter-spacing: -1px; }
	A.main_news:link      { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; line-height:18px; letter-spacing: -1px; }
	A.main_news:visited   { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; line-height:18px; letter-spacing: -1px; }
	A.main_news:active    { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #2a917c; line-height:18px; letter-spacing: -1px; }
	A.main_news:hover     { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #2a917c; line-height:18px; letter-spacing: -1px; }
	
.en_small_text1 {
	font-family: tahoma;
	font-size:11px;
	color: #666666;
	letter-spacing: 0px;
}

.hacking_text1 {
	color: #425eb0;
	font-weight: bold;
	word-spacing: -2px;
	line-height: 32px;	
}

.hacking_text2 {
	color: #0682ab;
	line-height: 16px;	
}

.hacking_text3sm { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none; color: #666666; letter-spacing: -1px; }
	A.hacking_text3sm:link      { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }
	A.hacking_text3sm:visited   { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }
	A.hacking_text3sm:active    { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }
	A.hacking_text3sm:hover     { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666666; letter-spacing: -1px; }

/* ¸ÞÀÎ ÆäÀÌÁö¿ë ¸®½ºÆ® ³¡ */


/*company*/
.co_text {
	color: #666666;
	line-height: 20px;
}

.co_text01 {
	color: #666666;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.co_text_blue {
	color: #666e7d;
	line-height: 18px;
}



.co_text_blue01 { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none; color: #666e7d; line-height:18px;}
	A.co_text_blue01:link      { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666e7d; line-height:18px; }
	A.co_text_blue01:visited   { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #666e7d; line-height:18px; }
	A.co_text_blue01:active    { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #0682ab; line-height:18px; }
	A.co_text_blue01:hover     { font-family: "µ¸¿òü"; font-size:11px; text-decoration: none ; color: #0682ab; line-height:18px; }

.co_blue {
	color: #5b6b9e;
	line-height: 18px;
	font-weight: bold;
}

.co_text_td {
	padding-top: 20px;
	padding-bottom: 5px;
}

.co_icon {
	padding-bottom: 25px;
	padding-right: 5px;
}


/*PRODUCT*/
.gray_text {
	color: #666666;
	line-height: 18px;
	padding-right: 18px;
	padding-left: 18px;	
}

.red_text {
	color: #FF0000;
	font-weight: bold;
	line-height: 18px;
	padding-right: 18px;
	padding-left: 18px;	
}

.gray_text_left {
	color: #666666;
	line-height: 18px;
	padding-left: 5px;
}
.table_text {
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 18px;
}

.table_text_01{
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 18px;
	background-color: #F9F9F9; 
}

.gray_text01 {
	color: #888888;
	line-height: 18px;
}

.blue_title {
	color: #425eb0;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 20px;
	line-height: 18px;	
}

.blue_text {
	color: #2d7396;
	line-height: 18px;
	left: 25px;
	padding-left: 18px;
	padding-right: 20px;
	padding-bottom: 15px;
	vertical-align: top;
}

.title_td {
	padding-top: 30px;
	padding-bottom: 15px;
}


.bg_left {
	background-color: #ecece9; 
}

.box_mid01 {
	background-image: url(../images/box_middle01.gif);
	background-position: top;
}

.box_mid02 {
	background-image: url(../images/box_middle02.gif);
	background-position: top;
}

.box_top02 {
	background-image: url(../images/box_top02.gif);
	background-position: top;
}

.box_bot02 {
	background-image: url(../images/box_bottom02.gif);
	background-position: top;
}
.table_bg {
	background-color: #f7f4fa; 
	color: #666666;
	line-height: 18px;
	padding-right: 18px;
	padding-left: 18px;	
}
.imgtop_bg {
	background-color: #f0f3ed; 
	color: #666666;
	line-height: 18px;
}
	ul#noticelist {
	list-style-position : inside;
	list-style-image:url(../images/bullet_b01.gif);
	color : #425eb0;
	line-height:18px;
	text-align:left;
	margin-bottom:0px;
	margin-left:2px;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom: 5px;
	}


	ul#noticelist_top {
	list-style-position : inside;
	list-style-image:url(../images/bullet_b01.gif);
	color : #425eb0;
	line-height:18px;
	text-align:left;
	margin-bottom:0px;
	margin-left:2px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
	}
	
	ul#noticelist_left {
	list-style-position : inside;
	list-style-image:url(../images/bullet_b01.gif);
	color : #425eb0;
	line-height:18px;
	text-align:left;
	margin-bottom:0px;
	margin-left:2px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
	}
	
	.line_bg {
	background-color: #929DC0; 
}

/* other ½ÃÀÛ */
    .ot_text {
	font-family: µ¸¿ò, tahoma;
	font-size:11px;
	color: #777777;
	line-height: 14px;
	letter-spacing: -1px;
    }
	.ot_text_s {
	font-family: tahoma;
	font-size:10px;
	color: #999999;
	line-height: 14px;
    }
	.ot_text_k {
	font-family: µ¸¿òü;
	font-size:11px;
	color: #777777;
	line-height: 14px;
	letter-spacing: -2px;
    }
/* other ³¡ */
/* ÀÎŬ·çµå_Äü¸µÅ©½Ã ¿À¹ö ½ºÅ©·Ñ¹Ú½º ½ÃÀÛ */
#boxscroll {
	width:188px; 
	height:105px; 
	overflow:auto;
	scrollbar-y:scroll; 
	scrollbar-x:hidden;
	padding:0px;
	border-width:1px;
	border-color:#dddddd;
	border-style:solid;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-arrow-color:#cccccc;
	scrollbar-track-color:#ffffff;
}

.main_text {
	FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Arial"; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; TEXT-VALIGN: bottom; TEXT-DECORATION: none
}

.main_text2 {
	FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Arial"; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; TEXT-VALIGN: bottom; TEXT-DECORATION: none
}

.contents_title1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 22px; BACKGROUND-COLOR: #EBE9DF; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.contents_title2 {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #336699; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 22px; TEXT-DECORATION: none
}
.contents_title3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 22px; TEXT-DECORATION: none
}
.contents_title4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #f6f9fc; FONT-FAMILY: "Gulim","Dotum","Arial"; BACKGROUND-COLOR: #63a0cd; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.contents_text1 {
	PADDING-LEFT: 3px; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.contents_text2 {
	PADDING-LEFT: 7px; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 22px; TEXT-DECORATION: none
}
.contents_text3 {
	FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 23px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; TEXT-VALIGN: bottom; TEXT-DECORATION: none
}

.contents_text31 {
	FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 23px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; TEXT-VALIGN: bottom; TEXT-DECORATION: none
}

.contents_text4 {
	PADDING-LEFT: 6px; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 25px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.contents_text5 {
	FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.contents_text6 {
	PADDING-LEFT: 6px; FONT-SIZE: 12px; COLOR: #525252; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 25px; BACKGROUND-COLOR: #f7f7f7; TEXT-DECORATION: none
}
.contents_text7 {
	PADDING-LEFT: 7px; FONT-WEIGHT: ; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "Gulim","Dotum","Arial"; HEIGHT: 22px; TEXT-DECORATION: none
}


/* ÀÎŬ·çµå_Äü¸µÅ©½Ã ¿À¹ö ½ºÅ©·Ñ¹Ú½º ³¡ */

/* SERVICES */


/* New Styles */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* top nav menu */
.nav_wrap {width:688px;position:relative; height:61px; background:#fff;display:inline-block;}
ul.menu, ul.sub {list-style:none;}
ul.menu {display:inline-block;width:100%;height:30px;line-height:30px;margin-top:0;position:relative;text-align:center;background:url(../new_img/nav_img.png)no-repeat;background-size:688px 30px;}
ul.menu li {float:left;width:auto;margin:0 47px;margin-top:7px;}
ul.menu a, ul.sub a {text-decoration:none;text-transform:uppercase;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.5px;}
ul.menu > li > a {display:block;width:auto;font-size:13px;color:#fff;transition:all .2s ease-in;padding-bottom:5px;}
ul.menu > li > a:hover {color:#fdfd04;}
ul.menu li:hover ul {width: 660px;visibility: visible;opacity: 1;-moz-transition-property: opacity;-o-transition-property: opacity;-webkit-transition-property: opacity;}
ul.sub {padding:0;opacity:0;visibility: hidden;display:block;position: absolute;top:28px;left:30px;height:28px;line-height:28px;z-index:10;
  background-image:url(../new_img/sub_img.png);background-repeat:no-repeat;background-position:0 2px;background-size:655px 27px;}
ul.sub li {margin:0 10px !important;position:relative;top:50%;transform:translateY(-50%);}
ul.sub > li > a {display:inline-block;font-size:11px;font-weight:bold;color:#8c458b;padding:1px 6px;border:1px solid transparent;transition:all .3s linear;}
ul.sub > li > a:hover {color:#fff;background:#0b869e;border:1px solid #4a96a6;border-radius:4px;}
.pos1 {width:635px !important;padding-left:20px !important;position:absolute;left:62px;}
.pos1 > li:after {content:'';position:absolute;background-image:url(../new_img/sub_bdr.png);background-repeat:no-repeat;width:1px;height:10px;top:50%;transform:translateY(-50%);margin-left:10px;}
.pos1 > li:last-child:after {content:'';display:none;}
.pos2 {width:570px !important;padding-left:85px !important;position:absolute;left:62px;}
.pos2 > li:after {content:'';position:absolute;background-image:url(../new_img/sub_bdr.png);background-repeat:no-repeat;width:1px;height:10px;top:50%;transform:translateY(-50%);margin-left:10px;}
.pos2 > li:last-child:after {content:'';display:none;}
.pos3 {width:315px !important;padding-left:340px !important;position:absolute;left:62px;}
.pos4 {width:335px !important;padding-left:320px !important;position:absolute;left:62px;}
.pos4 > li:after {content:'';position:absolute;background-image:url(../new_img/sub_bdr.png);background-repeat:no-repeat;width:1px;height:10px;top:50%;transform:translateY(-50%);margin-left:10px;}
.pos4 > li:last-child:after {content:'';display:none;}

/* solutions information */
.sol_info {font-family:'Noto Sans KR', sans-serif; width:325px;height:185px;display:inline-block;margin-top:10px;}
.s_lgnd {display:inline-block;width:160px;height:30px;vertical-align:middle;position:relative;}
.s_lgnd img {position:absolute;top:0;bottom:0;left:0;right:0;margin: auto;-webkit-box-shadow: 0 9px 6px -5px #ced2dd;-moz-box-shadow: 0 9px 6px -5px #ced2dd;box-shadow: 0 9px 6px -5px #ced2dd;}
.sol_info > a {display:inline-block;text-decoration:none;color:#fff;font-size:13px;background:#00076d;padding:2px 3px 4px;border-radius:6px;text-transform:capitalize;margin-left:15px;margin-right:30px;}
.pr_name {display:inline-block;position:relative;margin-top:10px;}
.pr_name > a {width:110px;height:35px;display:block;border-bottom-left-radius:7px; border-top-left-radius:7px;}
.pr_name > a img {display:inline-block;position:relative; top:50%; transform:translateY(-50%);}
.pr_name > a:hover {border:1px solid #ccc !important;border-right:1px solid #fff !important; z-index:2;}
.pr_name > span {position:absolute;display:block;width:1px; height:160px; background:#ccc; left:111px;top:-15px;z-index:-1;}
.pr_img_gal {display:inline-block ;padding:0;margin:0;vertical-align:top; width:175px; height:165px; overflow:hidden;font-size:0;}
.pr_img_gal > li {display:inline-block;vertical-align:middle;}
.pr_img_gal > li > a {display:block;}
.slidesImg {height:156px;transition:width .2s ease-in;}

/* sub_support */
.sub_support {display:inline-block;width:635px; height:110px;position:relative;}
.sub_support p {font-family:'Noto Sans KR', sans-serif;}
.sub_sp_par1 {text-transform:uppercase;font-size:20px;color:#0066ff;letter-spacing:-1px;position:absolute;top:-2px;left:270px;animation:fading 6s infinite;}
.sub_sp_par2 {font-size:13px;color:#fff;letter-spacing:-.5px;position:absolute;top:32px;left:270px;-webkit-animation: fading 6s infinite; -moz-animation: fading 6s infinite; animation:  fading 6s infinite;}

/* sub_company */
.sub_company {display:inline-block;width:635px; height:110px;position:relative;}
.sub_company p {font-family:'Noto Sans KR', sans-serif;}
.sub_c_par1 {text-transform:uppercase;font-size:20px;color:#fff;letter-spacing:-1px;position:absolute;top:-2px;left:305px;animation:fading 6s infinite;}
.sub_c_par2 {font-size:12px;color:#fff;letter-spacing:-.5px;position:absolute;top:35px;left:305px;-webkit-animation: fading 6s infinite; -moz-animation: fading 6s infinite; animation:  fading 6s infinite;}

/* sub_services */
.sub_services {width:635px; height:110px;position:relative;}
.sub_services p {font-family:'Noto Sans KR', sans-serif;}
.sub_s_par1 {text-transform:uppercase;font-size:20px;color:#0066ff;letter-spacing:-1px;position:absolute;top:5px;left:305px;animation:fading 6s infinite;}
.sub_s_par2 {font-size:12px;color:#fff;letter-spacing:-.5px;position:absolute;top:40px;left:305px;-webkit-animation: fading 6s infinite; -moz-animation: fading 6s infinite; animation:  fading 6s infinite;}


/* animation */
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}