/* Common division */
body{margin:0 0 0 7px}
body, a, input, textarea, select, td, th, txt, ul, li, .content, h1, h2, h3, h4, h5, select, input, div {
	font-size:9pt;
	/*letter-spacing:-0.8;*/
	font-family: 'dotum', 'arial', 'verdana';
	color: #5b5b5b;
	text-decoration: none;
}
body form {height:100%}
ul, li, h1, h2, h3, h4{margin:0; padding:0}
table, th, td {
	border-collapse: collapse;
	empty-cells: show;
	padding:0;margin:0;}
th {white-space:nowrap;word-break:keep-all; word-spacing:normal;}
ul{display:inline}
a:hover{color: #68a515}
textarea{width:100%}

.subbody {
	width:975px;
	height:100%;
	background:url('/images/left/left_line.gif') 180px 225px no-repeat;
	margin:0;padding:0; 
}

/* top division */
.topmenu {height:95px;}
.menu1 {width:973px;height:40px;}
.logo {height:29px;width:123px;padding-top:5px;padding-left:7px;float: left;}
.util {
	text-align:right;
	height:23px;
	padding-right:5px;
	float:right;
	margin: 0;
	padding-top:10px;
	vertical-align:middle;
}
.topmenu .menu2 {width:973px;height:33px;padding:0; margin:0}
.topmenu .menu2 table {border:0; width:973px; padding:0; margin:0}
.topmenu .menu2 table td {border:0;background-color:#273776; padding-left:0; padding-right:0;}


/* main division */
.main{width:973px; height:603px;background:url(/images/main/main_bg.gif) left bottom no-repeat;}
.bigbanner {float:left; width:370px;height:603px;}
.mainright1 {float:left; height:128px;width:535px;margin-top:30px; margin-left:30px }
.news {float:left; width:292px;height:128px; background:url(../images/main/tab_newsbg.gif) left top repeat-x; }

.news table{ margin:0;}

.news ul {width:292px; display:inline; margin-top:10px;padding:0}
.news ul li {
    width:217px;
	list-style:none;
	margin-left:5px;
	display:inline;
	margin:0;
	padding:0;
	padding-bottom:3px}
.news ul .date { margin:0;width:75px;padding-top:2px;}


.success {float:right; width:224px;height:128px; padding-left:0px}

.mainright2 {
    padding-top:10px;
	float:left;
	height:106px;
	width:555px;
	margin-left:30px;
}
.event {float:left; width:225px;height:105px; padding:0;}

.request {
	float:left;
	width:299px;
	height:105px;
	background: url(/images/main/support_bg.gif) no-repeat left top;
	text-align:right;
	margin-left:10px;
	padding-top:10px;

}
.community .communame{color:#80ae34; font-weight:bold;}

.mainright3 {padding-top:15px; float:left; height:140px;width:550px; margin-left:30px}
.support_up {
    width:174px;
	height:42px;
	float:left;
	margin-right:7px; 
}
.support_down {
    width:174px;
	height:100px;
	float:left;
	border-left:1px solid #dddddd;
}
.data_up {
    width:174px;
	height:42px;
	float:left;
	margin-right:7px;
}
.data_down {
    width:174px;
	height:100px;
	float:left;
	border-left:1px solid #dddddd;
	}
.data_down ul {
    width:165px;
    margin:0;
	padding:0;

	}
.data_down ul li {
    list-style-image:url(/images/main/data_dot.gif);
	list-style-position:inside;
	background:url(/images/main/line_dot.gif) left bottom repeat-x;	    
    margin:0;
	padding:0;
	margin-top:3px;
	margin-left:8px; 
	padding-bottom:2px;
	color:#4d8a31;
	}
.data_down ul li a{
	color:#4d8a31;
	}
	
.faq_up {
    width:174px;
	height:42px;
	float:left;
	margin-right:7px;
}
.faq_down {
    width:174px;
	height:100px;
	float:left;
	border-left:1px solid #dddddd;
	}
.faq_down ul {
    width:165px;
    margin:0;
	padding:0;
	
	}
.faq_down ul li {
    list-style-image:url(/images/main/faq_dot.gif);
	list-style-position:inside;
	background:url(/images/main/line_dot.gif) left bottom repeat-x;	    
    margin:0;
	padding:0;
	margin-top:3px;
	margin-left:8px; 
	padding-bottom:2px;
	color:#4570b3
	}

.faq_down ul li a{
	color:#4570b3
	}


.mainright4 {float:left; padding-top:10px; height:31px; width:535px; margin-left:30px}
.engage {float:left;
         background:url(/images/main/engage_bg.gif) left top no-repeat;
		 width:534px;
		 height:31px;
		 padding-left:110px;
		 padding-top:8px
		 } 
.mainright5 {float:left; height:31px; width:546px; margin-left:30px; margin-top:10px;text-align:center}
.mainright6 {float:left; height:31px; width:546px; margin-left:30px; margin-top:5px;}
.banner_hp {float:right; width:180px;padding-right:0; margin-top:-63px}

/* left division */
.leftmenu {
	float:left;
	padding-left:3px;
}
.leftmenu h2 {padding:5px 0;}
.leftmenu ul {margin:0;padding:0;width:165px;}
.leftmenu ul li {
	list-style:none;
	cursor:pointer;
	height:19px;
	list-style-position:outside;
	margin:0;padding:0;
	margin-left:10px; 
	}

.leftmenu ul li img{margin:0; border:0; padding:0;}

/* subpage common division */
h1{margin:0;padding:0;
	height:32px;
	border-bottom:1px solid #dadbdd;
	text-align: left;
	padding-top:5px;
	margin-bottom:2em; width:730px}
h3 {padding-bottom:15px}
h4 {color: #1c4e78; font-weight: bold;padding-bottom:2px;}
h5 {padding-bottom:5px}
.vat {text-align:right; font-size:8pt; margin-top:-30px; padding-right:30px}
.remark{font-size:8pt; line-height:17px; color: #1c4e78; margin-bottom:30px; padding-left:10px; padding-top:5px}
.navi {
	text-align: right;
	padding-right:50px;
	padding-top:7px;padding-bottom:5px;
	}

.bottom {
	width:973px;
	padding: 2px 0;
	background-color: #dedede;
	background-image: url(/images/main/bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right;	
	position:bottom;
	clear:both;
	display : inline-table;margin:0
}
	/* start mac explorer \*/
		* html .bottom {
			 height:1%;
		}
		.bottom {
			display:block
		}
	/* end mac explorer */
.bottom span{padding-left:52px; border:none;}
.bottom .private{ float:right; margin-right:12px; margin-top:-25px; border:none; width:93px; height:10px}

.content {padding-left:17px;line-height: 140%; width:690px;}
.subright{float:right;width:755px;  padding:0 0 60px 0; margin:0; }
.subright table{width:650px;table-layout:fixed;}
.subright th{
	font-weight: bold;
	background-color: #f2f2f2;
	border:1px solid #d9d9d9; 
	padding:9px 5px 7px;
	}
.subright td{padding:6px 5px 4px 5px;border:1px solid #d9d9d9}



/* table color */
.product th {background-color: #eef6f9;}
.service th {background-color: #e2f4f6;}
.help th {background-color: #f4eecb;}
.success th {background-color: #f6e5d5;}
.info th {background-color: #d8ecf7;}
.employ th {background-color: #d8ecf7;}


/* point color */
.point {color:#f28325; font-weight:bold}
.main .point{color:#3388bf; font-weight:bold}
.product .point {color:#ea7b1d}
.support .point {color:#68a515; font-weight:bold}
.help .point {color:#e89f05; font-weight:bold}
.success .point {color:#f58d08; font-weight:bold}
.company .point {color:#0181b3; font-weight:bold}
.service .point {color:#3ea4c0; font-weight:bold}
.roadmap  {color:#1c4e78; font-weight:bold}
.companyname  {color:#1c4e78; font-weight:bold; background-color:#e1e1e1}

/* products division */
.products_tab{text-align:right;padding-right:25px; margin-top:-10px}
table.brochure td { border:none; padding:0; margin:0}

.dotline{
	background:url(/images/dot.gif) bottom repeat-x;
	}
.onbrochure{
    width:650px;
	height:96px;
	margin:0 0 30px 17px;
	background:url(/images/products/img_onbrochure.jpg) center no-repeat
    }
.ptab{
    width:680px;	
    background:url(/images/products/tab_bg.gif) bottom repeat-x;
	margin-left:17px
    }
/* support division */
.support .subright table, .company .subright table, .helponline .subright table, .search .subright table  {background:url(/images/support/list_right.gif) right top no-repeat #f2f2f2; margin-left:17px; clear:both}
.support .subright th, .company .subright th, .helponline .subright th, .search .subright th {
	padding:9px 5px 7px;
	border:none; 
	background:url(/images/support/list_bar.gif) center left no-repeat
	}
.subright th.first{background:url(/images/support/list_left.gif) no-repeat #f2f2f2}
.support table td, .company table td, .helponline table td, .search table td { border-width:0 0 1px 0; background-color:#fff}
.datait01 {
	background:url(/images/support/titbar_01.gif) 17px top no-repeat;
	height:50px}
.datait02 {
	background:url(/images/support/titbar_02.gif) 17px top no-repeat;
	height:50px}
.datait03 {
	background:url(/images/support/titbar_03.gif) 17px top no-repeat;
	height:50px}
.datait04 {
	background:url(/images/support/titbar_04.gif) 17px top no-repeat;
	height:50px}
.subright table.goback{
	border-bottom:2px solid #d8d8d8;
	border-top:2px solid #d8d8d8;
	background:url(/images/dot.gif) 31px repeat-x #fff;
	margin-top:10px}
.subright .goback th{width:70px;background:none; height:28px}
.subright .goback td{border:none;background:none}

.support .tab{
    width:650px;	
    background:url(/images/tab_bg.gif) bottom repeat-x;
	margin-left:17px
    }
.support .question {
	width:650px;
	margin-left:17px;
    }
.support .question dt{
    height:20px;
    list-style:none;
	background:url(/images/dot.gif) bottom repeat-x;
	margin-bottom:5px;
	margin-top:10px
    }
.support .question dd{
    color:#4b557d;
    border:10px solid #f0f4e7;
	background:url(/images/support/a_bg.gif) 40px 30px no-repeat;
	padding:20px 15px 17px 70px;
	margin:0 0 30px
	}
.support .gotop{
	text-align:right;
	margin:-63px 0 0;
	padding-right:20px;
    }
.proposal{
    width:650px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/support/img_proposal.jpg) center no-repeat
    }
.content table.proposalbox { 
    margin:0;
	padding:0
	}
.proposalbox td { border:none;
}
	
/* company division */

.companytit01 {
	background:url(/images/company/titbar_01.gif) 17px top no-repeat;
	height:50px}
.companytit02 {
	background:url(/images/company/titbar_02.gif) 17px top no-repeat;
	height:50px}
.companytit03 {
	background:url(/images/company/titbar_03.gif) 17px top no-repeat;
	height:50px}
.companytit04 {
	background:url(/images/company/titbar_04.gif) 17px top no-repeat;
	height:50px}
.company01img1 {
	background:url(/images/company/title_1main.gif) 17px no-repeat;
	margin-bottom:20px;
	height:97px}
.company01img2 {
	background:url(/images/company/img_1info.jpg) no-repeat;
	margin-top:30px;
	height:180px}
.company01img3 {
	background:url(/images/company/title_2main.gif) no-repeat;
	margin-left:17px;
	margin-top:30px;
	height:97px;margin-bottom:20px;}
.company01img4 {
	background:url(/images/company/title_3main.gif) no-repeat;
	margin-left:17px;
	margin-top:30px;
	height:97px;margin-bottom:20px;}		
	
.company .content {width:667px;}
.subright .history{
    width:690px
    }
.subright .history table{
    background-color:white;
	background-image:none;
    width:470px}
.subright .history th{
	border:none;
	background-color:white;
	background-image:none;
	text-align:left;
	padding:10px 0 5px 0   
    }
.subright .history td{
	padding:0;   
	padding-left:5px;
	border-bottom:1px solid #d8d8d8;
	line-height:20px;
	vertical-align:text-top}
.subright .history td img{
	margin-top:3px}
.gotop{
	text-align:right;
	padding-right:20px;
    }
.value{
    width:650px;
	height:280px;
	margin:20px 0 30px 0;
	background:url(/images/company/img_4value.jpg) center no-repeat
    }
.valuetxt{

    }
.valuetxt dt{

	margin:0 0 5px 0;
    list-style:none;
    }
.valuetxt dd{

	margin:0 0 20px 0;
	}
.vision{
    width:650px;
	height:384px;
	margin:50px 0 30px 17px;
	background:url(/images/company/img_3vision.jpg) center no-repeat
    }
.business{
    width:650px;
	height:280px;
	margin:20px 0 30px 0;
	background:url(/images/company/img_5business.jpg) center no-repeat
    }
.recruit{
    width:650px;
	height:280px;
	margin:0 0 30px 0;
	background:url(/images/company/img_6recruit.jpg) center no-repeat
    }
.welfare{
    width:650px;
	height:153px;
	margin:0 0 30px 0;
	background:url(/images/company/img_7welfare.jpg) center no-repeat
    }
.bpartner{
    width:650px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/company/img_8bpartner.jpg) center no-repeat
    }
.itpartner{
    width:650px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/company/img_9itpartner.jpg) center no-repeat
    }
.map{
    width:650px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/company/img_10map.jpg) center no-repeat
    }
.contactus{
    width:650px;
	height:96px;
	margin:0 0 30px 17px;
	background:url(/images/company/img_11contact.jpg) center no-repeat
    }
.employetc li{
	margin:0 0 0 50px;
	padding-bottom:2px;
	list-style-image:url(../images/i_dot.gif);
	list-style-position:outside;
	vertical-align:middle;
	color:#0181b3;
    }


/* helpdesk division */
.helptit01 {
	background:url(/images/helpdesk/titbar_01.gif) 17px top no-repeat;
	height:50px}
.asp li{
	margin:0 0 0 20px;
	list-style-image:url(../images/i_dot.gif);
	list-style-position:outside;
	vertical-align:middle
    }
.asp li span{
	margin:0;
	color:#CC6600;

    }


/* success division */
.partner{width:730px; }
.partner a {padding-left:5px; padding-right:60px}

.sucstory {width:625px}
.suctitle {width:650px;
           height:44px;
           background:url(/images/success/suc_title.gif) left top no-repeat;
		   padding:8px 0 0 85px;
		   }
.content table.suctxt { margin:20px 0 0 0; padding:0; border:3px solid #ededed; line-height:17px; }
.btnright{width:650px; text-align:right; margin-top:10px}
.extxt { width:650px; margin:0; margin-top:10px}
.extxt dt{
	margin:0 0 5px 0;
    list-style:none;
    }
.extxt dd{
	margin:0 0 10px 0;
	}
.exbtn { width:650px; text-align:right; margin:0;}
.sucpoint  {color:#1c4e78;}

/* sitemap division */
.road_one {
    width:194px;
	height:420px;
	line-height:16px;
	float:left;
	background:url(/images/sitemap/sitemap_01.gif) left top no-repeat;
	margin-left:7px;
	margin-right:20px; 
	padding-top:40px;
	padding-left:10px;
}
.road_one dt {
	margin:0;
    padding-top:10px;
	padding-bottom:5px;
	color:#407cad;
	font-weight:bold
}
.road_one dd {
	margin:0;
    padding:2px 0;
}
.road_two {
    width:194px;
	height:420px;
	float:left;
	background:url(/images/sitemap/sitemap_02.gif) left top no-repeat;
	margin-right:20px; 
	padding-top:40px;
    padding-left:10px;
}
.road_two dt {
	margin:0;
    padding-top:10px;
    padding-bottom:5px;
	color:#3ea4c0;
	font-weight:bold
}
.road_two dd {
	margin:0;
    padding:2px 0;

}
.road_three {
    width:194px;
	height:420px;
	float:left;
	background:url(/images/sitemap/sitemap_03.gif) left top no-repeat;
	margin-right:20px;
	padding-top:40px;
	padding-left:10px;
}
.road_three dt {
	margin:0;
    padding-top:10px;
	padding-bottom:5px;
	color:#68a515;
	font-weight:bold
}
.road_three dd {
	margin:0;
    padding:2px 0;

}
.road_four {
    width:194px;
	height:420px;
	float:left;
	background:url(/images/sitemap/sitemap_04.gif) left top no-repeat;
	margin-left:7px;
	margin-right:20px;
	padding-top:40px;
	padding-left:10px;
}
.road_four dt {
	margin:0;
    padding-top:10px;
	padding-bottom:5px;
	color:#e89f05;
	font-weight:bold
}
.road_four dd {
	margin:0;
    padding:2px 0;

}
.road_five {
    width:194px;
	height:420px;
	float:left;
	background:url(/images/sitemap/sitemap_05.gif) left top no-repeat;
	margin-right:20px;
	padding-top:40px;
	padding-left:10px;
}
.road_five dt {
	margin:0;
    padding-top:10px;
	padding-bottom:5px;
	color:#f58d08;
	font-weight:bold
}
.road_five dd {
	margin:0;
    padding:2px 0;

}
.road_six {
    width:194px;
	height:420px;
	float:left;
	background:url(/images/sitemap/sitemap_06.gif) left top no-repeat;
	margin-right:20px;
	padding-top:40px;
	padding-left:10px;
}
.road_six dt {
	margin:0;
    padding-top:10px;
	padding-bottom:5px;
	color:#0181b3;
	font-weight:bold
}
.road_six dd {
	margin:0;
    padding:2px 0;

}

/* service division */
.consult01{
    width:700px;
	height:312px;
	margin:20px 0 20px;
	background:url(/images/service/consult01.jpg) center no-repeat
    }
.consult02{

	height:312px;
	margin:20px 0 20px;
	background:url(/images/service/consult02.jpg) center no-repeat
    }
.consult03{
    width:645px;
	height:464px;
	margin:20px 0 20px;
	background:url(/images/service/consult03.jpg) center no-repeat
    }
.consult04{
    width:681px;
	height:331px;
	margin:20px 0 20px;
	background:url(/images/service/consult04.jpg) center no-repeat
    }	
.consult05{
    width:697px;
	height:289px;
	margin:20px 0 20px;
	background:url(/images/service/consult05.jpg) center no-repeat
    }		
.consulttit01 {
    width:692px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/service/titbar_01.gif) left top no-repeat;
    }
.consulttit02 {
    width:692px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/service/titbar_02.gif) left top no-repeat;
    }
.poctit01 {
    width:692px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/service/titbar_03.gif) left top no-repeat;
    }
.cscaretit01 {
    width:692px;
	height:96px;
	margin:0 0 30px 0;
	background:url(/images/service/titbar_04.gif) left top no-repeat;
    }
.poc01{

	height:223px;
	margin:20px 0 20px;
	background:url(/images/service/poc01.jpg) center no-repeat
    }		
.poc02{
    float:left;
    width:160px;
	height:368px;
	margin:20px 50px 60px 0;
	background:url(/images/service/poc02.gif) center no-repeat
    }
.poclist{
    margin:20px 20px 20px 20px; 
    }
.cscare01{

	height:223px;
	margin:20px 0 20px;
	background:url(/images/service/poc02.jpg) center no-repeat
    }
.cscare02{

	height:351px;
	margin:20px 0 20px;
	background:url(/images/service/cscare01.jpg) center no-repeat
    }

/* search division */
.stab{
    width:680px;	
    background:url(/images/search/tab_bg.gif) bottom repeat-x;
	margin-left:17px
    }
.sbtnposition{
	background:#f2f2f2;
	width:680px;
	margin:15px 0 0 17px;
	vertical-align:middle;
	text-align:center}
.sbtnposition .uitop span{
	background:url(/images/support/ui_gray1.gif) left top no-repeat;
	height:6px;font:4px;width:50%;}
.sbtnposition .uitop{
	background:url(/images/support/ui_gray2.gif) right top no-repeat;
	height:6px; vertical-align:top;padding:0; text-align:left;font:4px;}
.sbtnposition .uibottom span{
	background:url(/images/support/ui_gray3.gif) left bottom no-repeat;
	height:6px;font:4px;width:50%}
.sbtnposition .uibottom{
	background:url(/images/support/ui_gray4.gif) right bottom no-repeat;
	height:6px; vertical-align:bottom;padding:0; text-align:left;font:4px;}
.detail{
	text-align:center;
	padding:5px;
	}
.detail .bar{border-left:1px solid #c1c1c1;width:1px; margin:0 10px; height:10px}
.sbtnposition img{margin-left:2px;}

.result {width:680px; margin-left:17px; margin-bottom:20px;}
.result h2{ margin: 5px 0 20px; }
.result h2 .point{font-size:14px}
.result h3{
    background:url(/images/search/btn_dotarrow.gif) 5px top no-repeat;
	margin:0 0 10px 0; 
	padding:2px 20px;
	border-bottom:1px solid #cccccc;
	color:#273776;
	}
.result h3 img{float:right; margin-top:-15px}

.result h4{
	margin: 5px 0;
	font:bold 11pt;
}
.result h4 span{color:#666; font:normal 12px; margin:0 10px}
.result .linkurl{
	padding:7px 15px 3px;
	margin:0px 0 30px 0;
	background:url(/images/support/linkurl.gif) left center no-repeat;
}
.result .linkurl a{
	color:#218d44;}
.linkurl a:hover{color:blue}
	
.search table.writing{
    width:680px
	}

/* bulletin board */
.view td{border:none}
td.text{background:url(/images/dot.gif) repeat-x;border:none;padding:10px}

.btnposition{background:url(/images/support/list_bleft.gif) left top no-repeat #f2f2f2;
	width:650px;
	height:52px;
	margin:15px 0 0 17px;
	text-align:right;
	}
	
.btnposition span{border:none;
	background:url(/images/support/list_bright.gif) right top no-repeat #f2f2f2;
	width:350px;
	height:52px;
	padding: 13px 15px 0 0;
	text-align:right;
	vertical-align:middle;
	margin-top:-1px;}
.btnposition span img{margin-left:2px;}

.page{text-align:center; margin-top:15px; clear:both}

.subright table.writing {border-collapse:separate; background-color:#fff;background-image:none}
.subright table.writing th{
	width:94px;
	background:url(/images/support/writing_top.gif) top no-repeat #f2f2f2;
	padding:6px 5px 4px;
	}
.subright table.writing td{vertical-align:middle;padding:3px; word-break:break-all; }

.company table.writing{
	table-layout:auto;
	}
.company table.writing th{
	padding:6px 0 4px;
	text-align:center;
	}
	
body.job {width:440px; margin:0}
body.job .jobclose {
	width:400px;
	height:30px;
	background-color:#d9d5c3;
	padding:5px 10px 0 0;
	margin:0 ;
	text-align:right;
	} 

body.popup {width:420px; margin:0}
body.popup .popupclose {
	width:420px;
	height:30px;
	background-color:#2e568a;
	color:#FFFFFF;
	padding:5px 10px 0 0;
	margin:0 ;
	text-align:right;
	} 

	
body.pop {margin:0; background:url(/images/pop_bg.gif) left top no-repeat;}
body.pop div{
    width:375px;
	height:230px;
	padding:0;
	margin:0;
	padding:110px 40px 40px 50px;
    }	
	
body.pop .popok{
	width:375px;
	height:30px;
	padding:0 30px 0 0;
	margin:0 ;
	text-align:right;
	
    }	




.support table td.last, .company table td.last, .helponline table td.last, .search table td.last
{
	border-width:0; background-color:#fff;
}