@charset "utf-8";

/* base */
body, table, br, p, li, a, td 
	{ font: normal 12px/130% dotum,Arial; color: #7e7e7e; }
img	{ border:0 none;}
form	{padding: 0; margin: 0;}
body	{scrollbar-face-color: #617081; scrollbar-shadow-color: #788a9e; scrollbar-highlight-color: #788a9e; scrollbar-3dlight-color: #4c5b6d; scrollbar-darkshadow-color: #EAEAEA; scrollbar-track-color: #EAEAEA; scrollbar-arrow-color: #ffffff; background-color:#002250; text-align:center; height:100%; margin:18 0 18 0; padding:0;}

A:link, A:visited	{text-decoration: none; }
A:active, A:hover	{text-decoration:underline;}

input, select, textarea {vertical-align:top;}


/* Hyperlink Style */

A.base:link, A.base:visited	{font: 12px dotum,Arial; color: #7e7e7e; letter-spacing:0; text-decoration:none;line-height:20px;}
A.base:active, A.base:hover	{font: 12px dotum,Arial; color: #7e7e7e; letter-spacing:0; text-decoration:underline;line-height:20px;}





/* space type */
.mt5 {margin-top:5px}  .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px}
.mt25 {margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px}

.mb5 {margin-bottom:5px}  .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px}
.mb25 {margin-bottom:25px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px}

.ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml20{margin-left:20px;}

.mr5{margin-right:5px;} .mr10{margin-right:10px;} .mr15{margin-right:15px;} .mr20{margin-right:20px;}



.pt5 {padding-top:5px}  .pt7 {padding-top:7px}  .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px}
.pt25 {padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px}

.pl5 {padding-left:5px}  .pl10{padding-left:10px} .pl15{padding-left:15px} .pl20{padding-left:20px}
.pl25 {padding-left:25px} .pl30{padding-left:30px} .pl35{padding-left:35px} .pl40{padding-left:40px}   .pl45{padding-left:45px}

.pb5{padding-bottom:5px}    .pb10{padding-bottom:10px} 

.pr10 {padding-right:10px}    
.pr20 {padding-right:20px}
.pr22 {padding-right:22px}
.pr25 {padding-right:25px}    
.pr30 {padding-right:30px}

.pd8{padding:8px 5px}     .pd20{padding:20px 45px}

.space_3	{ height:3px;}
.space_5	{ height:5px;}
.space_8	{ height:8px;}
.space_10	{ height:10px;}
.space_15	{ height:15px;}
.space_20	{ height:20px;}



/* align */
.l{text-align:left; }
.c{text-align:center; }
.r{text-align:right; }
.b{font-weight: bold;}

.vat{ vertical-align:top;}
.w{color:#fff;}
.g{color:#afafaf;}

/* form */	
.fmtext {  BACKGROUND-COLOR:#FFFFFF; font-family:"dotum, arial"; letter-spacing:0; font-size:12px; color:#002250; width:138; height:21; padding:3px} 




.textarea {border: #dbdbdb; border-style: 
solid; border-top-width: 
1px; border-right-width: 
1px; border-bottom-width: 
1px; border-left-width: 
1px; BACKGROUND-COLOR: #FFFFFF;
scrollbar-3dlight-color:#cccccc;
        scrollbar-arrow-color:#9a9a9a;
        scrollbar-base-color:#f4f4f4;
        scrollbar-face-color:#FFFFFF;
        scrollbar-highlight-color:#FFFFFF;
        scrollbar-shadow-color:#cccccc;
        scrollbar-darkshadow-color:#FFFFFF;
font-family: "04b_08";
font-size: 4.5pt;
line-height: 150%;
color: #9d9c9c;
} 



.select {border: #E0E0E0; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
BACKGROUND-COLOR: #FFFFFF; 
font-family:돋움, Gulim, 돋움, Gulim; 
font-size: 8pt; 
color: #6a6a6a; 
}





/* Title text style */
.ptitle	{font:bold 16px arial; color: #ffffff; letter-spacing:0; vertical-align:text-bottom}
.stitle	{font:bold 14px dotum; color: #ffffff; letter-spacing:0; vertical-align:text-bottom}
.sub1_title	{font:bold 12px Tahoma; color: #ffffff; letter-spacing:0;}
.sub1_title02	{font:bold 18px Tahoma; color: #028d02; letter-spacing:0;}



/* main */
.copy_menu{ font: 11px dotum, Tahoma; color:#ffffff; line-height:20px; letter-spacing:0; text-decoration:none;}
.copy_menu a:link, .copy_menu a:visited { font: 11px dotum, Tahoma; color:#ffffff; line-height:20px; letter-spacing:0; text-decoration:none;}
.copy_menu a:active, .copy_menu a:hover { font: 11px dotum, Tahoma; color:#ffffff; line-height:20px; letter-spacing:0; text-decoration:underline;}

.copy{ font: 11px Arial; color:#afafaf; line-height:12px; letter-spacing:0;}


.news {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:16px;}
.news a:link, .news a:visited {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:16px;}
.news a:active, .news a:hover {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:underline;line-height:16px;}

.news02 {font: bold 12px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:17px;}
.news02 a:link, .news02 a:visited {font: bold 12px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:17px;}
.news02 a:active, .news02 a:hover {font: bold 12px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:underline;line-height:17px;}

.news03 {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:14px;}
.news03 a:link, .news03 a:visited {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:14px;}
.news03 a:active, .news03 a:hover {font: 11px dotum; color: #d8d8d8; letter-spacing:0; text-decoration:underline;line-height:14px;}


.m_slide {font: 11px tahoma; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:12px;}
.m_slide a:link, .m_slide a:visited {font: 11px tahoma; color: #d8d8d8; letter-spacing:0; text-decoration:none;line-height:12px;}
.m_slide a:active, .m_slide a:hover {font: 11px tahoma; color: #d8d8d8; letter-spacing:0; text-decoration:underline;line-height:12px;}



.link {position:absolute;left:0;width:100%;height:0;background-color:#617081;overflow:hidden;visibility:hidden;}
.title   {position:relative;cursor:pointer;width:100%;background-color:#1a3d6b;font-family:arial;font-size:12px;left:1;height:25;overflow:hidden;color:#fff; padding-left:23px; padding-top:3px;}
.title_o {position:relative;cursor:pointer;width:100%;background-color:#1a3d6b;font-family:arial;font-size:12px;left:1;height:25;overflow:hidden;color:#fff; padding-left:23px; padding-top:3px;}
.text {position:relative;text-align:justify;margin:10px;font-family:arial;font-size:11px;color:#d8d8d8;overflow:hidden;height:90%}


/* 주메뉴 */ 
.diz_menu { font-size:12px; color:#c3dcff; font-family:dotum; text-decoration:none;}
a.diz_menu:link { font-size:12px; color:#c3dcff; font-family:dotum; text-decoration:none;}
a.diz_menu:visited { font-size:12px; color:#c3dcff; font-family:dotum; text-decoration:none;}
a.diz_menu:hover { font-size:12px; color:#36ff00; font-family:dotum; text-decoration:none; font-weight:bold;}
a.diz_menu:active { font-size:12px; color:#c3dcff; font-family:dotum; text-decoration:none;}

.diz_menu_over { font-size:12px; color:#36ff00; font-family:dotum; text-decoration:none; font-weight:bold; background-image:url(http://www.i-on.net/images/main/bg_menu02.gif); background-repeat:repeat-x; cursor:hand;}


/* 서브메뉴 */
.diz_popmenu { font-family:arial; font-size:11px; color:#d8d8d8; cursor:hand; text-decoration:none;}
.diz_popmenu_over { font-family:arial; font-size:11px; color:#d8d8d8; cursor:hand; text-decoration:underline;}




/* sub */
.m_title {font: bold 14px dotum; color: #515151; letter-spacing:0; text-decoration:none; line-height:35px;}
.m_title a:link, .m_title a:visited {font: bold 14px dotum; color: #515151; letter-spacing:0; text-decoration:none; line-height:35px;}
.m_title a:active, .m_title a:hover {font: bold 14px dotum; color: #515151; letter-spacing:0; text-decoration:underline; line-height:35px;}


.content01 {font: bold 14px dotum; color: #646464; letter-spacing:0; text-decoration:none; line-height:44px;}
.content02 {font: 12px gulim, Tahoma; color: #000000; letter-spacing:0; text-decoration:none; line-height:15px;}



.local {font-family:dotum;font-size:11px;color:#e9e9e9; text-decoration:none}
.local a:link, .local a:visited   {font-family:dotum;font-size:11px;color:#e9e9e9; text-decoration:none}
.local a:active, .local a:hover {font-family:dotum;font-size:11px;color:#e9e9e9; text-decoration:underline}


.local02 {font-family:dotum;font-size:11px;color:#7a7a7a; text-decoration:none}
.local02 a:link, .local02 a:visited   {font-family:dotum;font-size:11px;color:#7a7a7a; text-decoration:none}
.local02 a:active, .local02 a:hover {font-family:dotum;font-size:11px;color:#7a7a7a;text-decoration:underline}

.l_menu {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc; height:26; padding:4px 14px;}
.l_menu a:link, .l_menu a:visited   {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc;}
.l_menu a:active, .l_menu a:hover {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc;}

.l_menu02 {font-family:tahoma; font-size:12px;color:#6f6f6f; text-decoration:none; height:20;}
.l_menu02 a:link, .l_menu02 a:visited   {font-family:tahoma; font-size:12px;color:#6f6f6f; text-decoration:none; line-height:15px;}
.l_menu02 a:active, .l_menu02 a:hover {font-family:tahoma; font-size:12px;color:#6f6f6f; text-decoration:underline; line-height:15px;}

.blt {vertical-align:top; padding-top:8px;}

/* 추가::20091110 */
dl, ul, ol, li, dt, dd {margin:0; padding:0; font:12px 돋움, Dotum, 굴림, Gulim, Malgun Gothic, AppleGothic, serif; color:#464646; line-height:16px; list-style:none;}
.clear {clear:both; width:0; height:0; font:0 Arial; line-height:0;}
.gray_line { width:845px; height:1px; padding:0; margin:6px 0; border-bottom:1px solid #d1d1d1; text-align:center; }
.sub_line { width:100%; height:1px; padding:0; margin:6px 0; border-bottom:1px solid #d1d1d1; text-align:center; }

a.smn:link, a.smn:visited   {font-family:tahoma; font-size:12px;color:#6f6f6f; text-decoration:underline; line-height:15px; height:22px;}
a.smn:active, a.smn:hover {font-family:tahoma; font-size:12px;color:#6f6f6f; text-decoration:none; line-height:15px; height:22px;}

/* 서브메인::Product */
a.tit_pro:link {font-family:tahoma; font-size:12px; color:#40928e; text-decoration:none; font-weight:bold; line-height:15px;}
a.tit_pro:visited {font-family:tahoma; font-size:12px; color:#40928e; text-decoration:none; font-weight:bold; line-height:15px;}
a.tit_pro:hover {font-family:tahoma; font-size:12px; color:#40928e; text-decoration:underline; font-weight:bold; line-height:15px;}
a.tit_pro:active {font-family:tahoma; font-size:12px; color:#40928e; text-decoration:none; font-weight:bold; line-height:15px;}
a.tit_pro:focus {font-family:tahoma; font-size:12px; color:#40928e; text-decoration:none; font-weight:bold; line-height:15px;}

/* 서브메인::Solutions */
.tit_sol {font: bold 14px dotum; color:#7b9244; letter-spacing:0; text-decoration:none; line-height:25px;}
a.menu_sol:link {font-family:dotum; font-size:12px; color:#7c9345; text-decoration:none; line-height:15px;}
a.menu_sol:visited {font-family:dotum; font-size:12px; color:#7c9345; text-decoration:none; line-height:15px;}
a.menu_sol:hover {font-family:dotum; font-size:12px; color:#7c9345; text-decoration:underline; line-height:15px;}
a.menu_sol:active {font-family:dotum; font-size:12px; color:#7c9345; text-decoration:none; line-height:15px;}

/* 서브메인::Industries */
.tit_ind {font: bold 15px dotum; color:#907f4b; letter-spacing:0; text-decoration:none; line-height:25px;}
a.menu_ind:link {font: bold 14px dotum; color:#907f4b; text-decoration:none; line-height:15px;}
a.menu_ind:visited {font: bold 14px dotum; color:#907f4b; text-decoration:none; line-height:15px;}
a.menu_ind:hover {font: bold 14px dotum; color:#907f4b; text-decoration:underline; line-height:15px;}
a.menu_ind:active {font: bold 14px dotum; color:#907f4b; text-decoration:none; line-height:15px;}

/* 서브메인::Service */
.tit_ser {font: bold 15px dotum; color:#7d619b; letter-spacing:0; text-decoration:none; line-height:25px;}
a.menu_ser:link {font: bold 14px dotum; color:#7d6393; text-decoration:none; line-height:15px;}
a.menu_ser:visited {font: bold 14px dotum; color:#7d6393; text-decoration:none; line-height:15px;}
a.menu_ser:hover {font: bold 14px dotum; color:#7d6393; text-decoration:underline; line-height:15px;}
a.menu_ser:active {font: bold 14px dotum; color:#7d6393; text-decoration:none; line-height:15px;}

/* 서브메인::Company */
.tit_com {font: bold 15px dotum; color:#5a6ba1; letter-spacing:0; text-decoration:none; line-height:25px;}
a.menu_com:link {font: bold 14px dotum; color:#5a6ba1; text-decoration:none; line-height:15px;}
a.menu_com:visited {font: bold 14px dotum; color:#5a6ba1; text-decoration:none; line-height:15px;}
a.menu_com:hover {font: bold 14px dotum; color:#5a6ba1; text-decoration:underline; line-height:15px;}
a.menu_com:active {font: bold 14px dotum; color:#5a6ba1; text-decoration:none; line-height:15px;}

/* 서브상세::News Center */
div.press { margin-top:10px; }
div.press td { font: 12px dotum; height:28px; border-bottom:1px solid #dcdcdc; padding:3px 0 2px 0; }
div.press td a:link { font: 12px dotum;color:#6f6f6f; text-decoration:none; }
div.press td a:visited { font: 12px dotum;color:#6f6f6f; text-decoration:none; }
div.press td a:hover { font: 12px dotum;color:#6f6f6f; text-decoration:underline; }
div.press td a:active { font: 12px dotum;color:#6f6f6f; text-decoration:none; }

div.pagenav { text-align:center; margin-top:17px; }
div.pagenav a:link, a:visited, a:active { font-family:tahoma; font-size:11px;color:#6f6f6f; text-decoration:none; }
div.pagenav a:hover { font-family:tahoma; font-size:11px;color:#6f6f6f; text-decoration:underline; }

div.story .tit { font: bold 14px dotum; color: #878682; letter-spacing:0; border-bottom:1px solid #d1d1d1; padding:8px 0; }
div.story .date { font: bold 11px tahoma; color: f65117; letter-spacing:0; padding-top:8px; }
div.story .cont { padding:20px 0; }
div.story .cont a:link, a:visited, a:active, a:hover { font: 12px dotum; color:#6f6f6f; text-decoration:none; }

div.PrevNext td { color:#c1c1bf; }
div.PrevNext a:link, a:visited, a:active { font-family:tahoma; font-size:11px;color:878883; text-decoration:none; }
div.PrevNext a:hover { font-family:tahoma; font-size:11px;color:878883; text-decoration:underline; }

div.mNews { width:410px; height:200px; border-bottom:1px solid #d1d1d1; vertical-align:top; text-align:center; }
div.mNews td { height:21px; }

div.mNotice { width:410px; vertical-align:top; text-align:center; }
div.mNotice td { height:21px; }

div.mStory { width:410px; height:200px; border-bottom:1px solid #d1d1d1; vertical-align:top; text-align:center; }
div.mStory img.Pimg { border:1px solid #888888; }
div.mStory ul li { margin:0 0 5px 0; font: 12px dotum;color:#898681; }

div.newsLetter { width:410px; height:155px; border-bottom:1px solid #d1d1d1; vertical-align:top; text-align:center; }
div.newsLetter img.Pimg { border:1px solid #888888; }
div.newsLetter ul li { margin:0 0 5px 0; font: 12px dotum;color:#898681; }

a.tit:link { font-size:12px; color:#898681; text-decoration:none; font-weight:bold;}
a.tit:visited { font-size:12px; color:#898681; text-decoration:none; font-weight:bold;}
a.tit:hover { font-size:12px; color:#898681; text-decoration:underline; font-weight:bold;}
a.tit:active { font-size:12px; color:#898681; text-decoration:none; font-weight:bold;}

/*메인*/
a.m_slide2:link { font-size:11px; color:#d8d8d8; font-family:dotum; text-decoration:none; line-height:14px;}
a.m_slide2:visited { font-size:11px; color:#d8d8d8; font-family:dotum; text-decoration:none; line-height:14px;}
a.m_slide2:hover { font-size:11px; color:#d8d8d8; font-family:dotum; text-decoration:underline; line-height:14px;}
a.m_slide2:active { font-size:11px; color:#d8d8d8; font-family:dotum; text-decoration:none; line-height:14px;}

#all_menu { position:absolute; top:49px; width:773px; font-family:Dotum; letter-spacing:-1px; background:#062e65; filter:Alpha(opacity=85); display:none; z-index:150; text-align:left; border:1px solid #35527b;}
#all_menu .am_bottom{width:100%; padding:20px 0 0 0; text-align:center;}
#all_menu .am {padding-top:13px;}
#all_menu .tit { font-size:12px; color:#36ff00; font-family:dotum; text-decoration:none; font-weight:bold; cursor:hand;}

#subMain { position:absolute; top:205px; width:400px; font-family:Dotum; letter-spacing:-1px; z-index:30; text-align:left; padding-left:20px;}
#mBanner { position:absolute; top:333px; width:965px; z-index:7; text-align:right;}

table.productsList {float:left; padding:13px 0 13px 0;}
table.productsList td {float:left; display:inline; padding:0 0 5px 10px;}
table.productsList td.line {float:left; display:inline; margin:0 0 0 20px; background:url(http://www.i-on.net/images/main/icon_line.gif) 0 6px no-repeat; padding:0 0 5px 10px;}

/*LeftMenu*/
a.smenu:link {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc; line-height:14px;}
a.smenu:visited {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc; line-height:14px;}
a.smenu:active {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc; line-height:14px;}
a.smenu:hover {font-family:tahoma; font-size:12px;color:#000000; text-decoration:none; background-color:#dcdcdc; line-height:14px;}

/*Industries:상세페이지*/
table.indusList {border:1px solid #8f7d4b; padding:0;}
table.indusList td {padding:4px 8px; vertical-align:top;}
table.indusList td.line {border-right:1px solid #8f7d4b;}
table.indusList td.tbg1 {background:#c8bea5; font-size:12px; color:#786226; font-weight:bold; width:100px;}
table.indusList td.tbg2 {border-bottom:1px solid #8f7d4b; background:#c8bea5; font-size:12px; color:#786226; font-weight:bold; width:50%; text-align:center;}
table.indusList td ul {margin:10px 8px;}
table.indusList td ul li {margin:2px 0; background:url(http://www.i-on.net/images/sub/icon_gray.gif) 0 6px no-repeat; padding:0 0 0 6px; font: 12px dotum; color:#6f6f6f;}
table.indusList td a:link, a:visited, a:active { font: 12px dotum; color:#6f6f6f; text-decoration:none; }
table.indusList td a:hover { font: 12px dotum; color:#6f6f6f; text-decoration:underline; }

/**/
table.cont01 { border-collapse:collapse; padding:0px; margin:0px; }
table.cont01 td.first { background:url(http://www.i-on.net/images/ss_bg_640.jpg) 0 0 no-repeat; padding:0px; }
table.cont01 td.end { background:url(http://www.i-on.net/images/ss_bg_640.jpg) top right no-repeat; }

#submenu_1 { display:none }
#submenu_2 { display:none }
#submenu_3 { display:none }
#submenu_4 { display:none }
#submenu_5 { display:none }
#mainmenu_img { cursor:pointer; border:0; }

/*20100114 추가*/

.line_form {background-image:url(http://www.i-on.net/images/sub/dot_gray.gif); background-repeat:repeat-x;}
.line_form02 {background-image:url(http://www.i-on.net/images/sub/dot_red.gif); background-repeat:repeat-x;}

.title_form {font: 12px dotum, Tahoma; color: #434343; letter-spacing:0; text-decoration:none; line-height:32px;}
.title_form02 {font: 12px dotum, Tahoma; color: #e2051d; letter-spacing:0; text-decoration:none; line-height:32px;}

.input_g {  border: #a5acb2; border-style: solid; border-top-width: 1px; border-right-width:1px; border-bottom-width:1px; border-left-width: 1px; BACKGROUND-COLOR: f4f4f4; font-family: "dotum, Tahoma"; letter-spacing:0; font-size: 12px; color: #434343; line-height: 140%; height:20;}