@charset "utf-8";
/* CSS Document */

/** { margin:0; padding:0; font-family:dotum; font-size:12px; color:#7f7f7f; line-height:160%;}*/
* { margin:0; padding:0;}
.normalClass { margin:0; padding:0; font-family:dotum; font-size:12px; color:#7f7f7f; line-height:160%;}
img, fieldset {border:0;}
html{ width:100%; height:100%;;}
head{ width:100%; text-align:center; } 
li{list-style:none;}
a{text-decoration:none; color:#7f7f7f;}
a:hover{color:#372B1B;}
body{ background:url(../img/common/bg_top.gif) repeat-x top; margin:0;padding:0;}

/*공통*/
.wrapBox{width:100%;}
.wrap{ width:1000px;}
.topmn{width:940px; text-align:right;  margin-top:5px;}
.topmn a{ color:#929292; font-family:tahoma; font-size:10px;}
.topmn a:hover{ color:#3489d1;}
.conBox{width:965px; position:relative; margin-top:3px;}
.logo{
	position:absolute;
	left:15px;
	top:0px;
	width:134px;
	height:61px;
	z-index: 1;
}
.navi{
	position:absolute;
	right:-9px;
	top:19px;
	width:520px;
	height:60px;
	text-align:left;
}
.sky{
	position:absolute;
	right:-71px;
	_top:7px;
	background:url(../img/common/bg_right.gif) no-repeat 0 0;
	width:50px;
	height:400px;
	padding:20px 0 0 15px;
	z-index: 3;
}
.sky p{margin-bottom:20px;}
.footer{border-top:#e0e1e6 solid 1px; margin-top:20px; padding:10px 0;} 

/*공통클래스*/
.flr{float:right;}
.flL{float:left;}
.clr{clear:both;}
.mgt10{margin-top:10px;}
.mgCon{margin:5px 30px;}
.pdl15{padding-left:15px;}
.pdl5{padding-left:5px;}
.black14{font-family:dotum; font-size:14px; font-weight:bold; color:#6a6a6a;}
.black{color:#6a6a6a;}

/*메인*/
.mainFla{
	float:left;
	width:405px;
	text-align:center;
}
.mainCon{
	float:right;
	width:529px;
	margin:100px 5px 0 15px;
}
.mainNews{ background:url(../img/main/tit_news.gif) no-repeat 6px 0; float:right;}
.mainNews ul {padding:25px 10px 0; width:440px; float:right;}
.mainPro{ margin-top:20px; background:url(../img/main/bg_highlight.gif) no-repeat; padding:5px;}
.mainPro h2{color:#fff;}
.mainPro .arw{text-align:right; margin:0 10px 4px; *margin:4px 10px 0;}
.mainPro .txt{color:#fff; font-size:11px; letter-spacing:-0.05em; padding-right:5px;}
.mainwws{ float:left; margin-top:20px; *margin-top:110px;}
.mainwws p{float:left;}

/*서브*/
.subBox{width:950px; padding-top:51px;}
.subWrap{ float:left;width:950px;}
.leftMn{float:left; width:200px;}
.leftmn01 a{background:url(../img/common/leftmn1.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn01 .title{background:url(../img/common/leftmn1.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn01 .mn1{background-position:0 -50px;}
.leftmn01 .mn2{background-position:0 -78px;}
.leftmn01 .mn3{background-position:0 -106px;}
.leftmn01 .mn1_on, .leftmn01 .mn1:hover{background-position:-200px -50px;}
.leftmn01 .mn2_on, .leftmn01 .mn2:hover{background-position:-200px -78px;}
.leftmn01 .mn3_on, .leftmn01 .mn3:hover{background-position:-200px -106px;}

.leftmn02 a{background:url(../img/common/leftmn2.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn02 .title{background:url(../img/common/leftmn2.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn02 .mn1{background-position:0 -50px;}
.leftmn02 .mn2{background-position:0 -78px;}
.leftmn02 .mn1_on, .leftmn01 .mn1:hover{background-position:-200px -50px;}
.leftmn02 .mn2_on, .leftmn01 .mn2:hover{background-position:-200px -78px;}

.leftmn03 a{background:url(../img/common/leftmn3.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn03 .title{background:url(../img/common/leftmn3.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn03 .mn1{background-position:0 -50px;}
.leftmn03 .mn2{background-position:0 -78px;}
.leftmn03 .mn3{background-position:0 -106px;}
.leftmn03 .mn1_on, .leftmn03 .mn1:hover{background-position:-200px -50px;}
.leftmn03 .mn2_on, .leftmn03 .mn2:hover{background-position:-200px -78px;}
.leftmn03 .mn3_on, .leftmn03 .mn3:hover{background-position:-200px -106px;}

.leftmn04 a{background:url(../img/common/leftmn4.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn04 .title{background:url(../img/common/leftmn4.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn04 .mn1{background-position:0 -50px;}
.leftmn04 .mn2{background-position:0 -78px;}
.leftmn04 .mn3{background-position:0 -106px;}
.leftmn04 .mn4{background-position:0 -134px;}
.leftmn04 .mn5{background-position:0 -162px;}
.leftmn04 .mn6{background-position:0 -190px;}
.leftmn04 .mn1_on, .leftmn04 .mn1:hover{background-position:-200px -50px;}
.leftmn04 .mn2_on, .leftmn04 .mn2:hover{background-position:-200px -78px;}
.leftmn04 .mn3_on, .leftmn04 .mn3:hover{background-position:-200px -106px;}
.leftmn04 .mn4_on, .leftmn04 .mn4:hover{background-position:-200px -134px;}
.leftmn04 .mn5_on, .leftmn04 .mn5:hover{background-position:-200px -162px;}
.leftmn04 .mn6_on, .leftmn04 .mn6:hover{background-position:-200px -190px;}


.leftmn05 a{background:url(../img/common/leftmn5.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn05 .title{background:url(../img/common/leftmn5.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn05 .mn1{background-position:0 -50px;}
.leftmn05 .mn2{background-position:0 -78px;}
.leftmn05 .mn3{background-position:0 -106px;}
.leftmn05 .mn4{background-position:0 -134px;}
.leftmn05 .mn5{background-position:0 -162px;}
.leftmn05 .mn1_on, .leftmn05 .mn1:hover{background-position:-200px -50px;}
.leftmn05 .mn2_on, .leftmn05 .mn2:hover{background-position:-200px -78px;}
.leftmn05 .mn3_on, .leftmn05 .mn3:hover{background-position:-200px -106px;}
.leftmn05 .mn4_on, .leftmn05 .mn4:hover{background-position:-200px -134px;}
.leftmn05 .mn5_on, .leftmn05 .mn5:hover{background-position:-200px -162px;}

.subCon{float:left; width:750px; background:url(../img/common/bg_sub.gif) no-repeat 0 0;}
.midline1{height:15px; margin-top:1px; background-color:#afcee8; text-align:left;}
.midline2{height:15px; margin-top:1px; background:#c9deef url(../img/common/midcopy.gif) no-repeat right;}
.contents{margin:23px 0 50px 25px;}
.subTit{border-bottom:#eaeaea solid 1px; position:relative; padding-bottom:7px;}
.location{
	position:absolute;
	right:10px;
	top:10px;
	font-size:11px;
	letter-spacing:-0.05em;
	color:#ababab;
	width: 177px;
}
.location b{font-size:11px; letter-spacing:-0.05em; font-weight:bold; color:#3489d1;}
.substance{ margin:20px 0;}
.greet{background:url(../img/company/bg_greet.gif) no-repeat; padding:70px 30px 10px 150px;}

/*제품소개*/
.stitle{background:url(../img/product/icon_title.gif) no-repeat 10px 3px; font-family:dotum; font-size:14px; font-weight:bold; color:#000; padding-left:30px;}
.proSmn{background-color:#efefef; padding:5px; float:left; width:655px;}
.proSmn a{float:left; display:block; border-right:#d1d1d1 solid 1px; padding:0 13px; font-family:dotum; font-size:12px; font-weight:bold; color:#5f5f5f;}
.proSmn a:hover, .proSmn .select{color:#1376c9;}
.proBtn{float:left; margin:5px 0;}
.proBtn a{background:url(../img/product/btn.gif) no-repeat; width:112px; height:23px; display:block; margin-right:6px; float:left;  filter:alpha(opacity=65);}
.proBtn a:hover{ filter:alpha(opacity=100);}
.proBtn .btn1{background-position:0 0;}
.proBtn .btn2{background-position:-112px 0;}
.proBtn .btn3{background-position:-225px 0;}
.proBtn .btn4{background-position:-338px 0;}
.imgBox{background:url(../img/product/imgLogo.gif) right top no-repeat; width:655px; margin-top:13px; float:left;}
.proImg{border:#e8e8e8 solid 1px; float:left;}
.prothum{ margin:0 0 4px 4px;border:#e8e8e8 solid 1px;}
.proTxt{ padding:20px 0 15px; border-bottom:#eaeaea solid 1px;}
h3{background:url(../img/product/icon_cong.gif) no-repeat 5px 6px; color:#3282d4; font-family:dotum; font-weight:bold; font-size:14px; padding-left:18px;}
.proTxt p{ color:#9b9a9a; font-family:dotum; font-size:12px; margin:5px 0 5px 7px; }
.proTxt table{ margin-top:10px;}
.proTxt td{ color:#9b9a9a;font-family:dotum; font-size:11px; letter-spacing:-0.05em; padding:3px 5px;}
.proTxt th{color:#636363;font-family:dotum; font-size:11px; background-color:#f1f1f1; font-weight:bold; letter-spacing:-0.05em; text-align:left; padding:3px 5px 3px 18px;}
.btn_bg{position:absolute; right:-32px; top:700px; background:url(../img/product/bg_top.gif) no-repeat 0% 50%; width:46px; padding:35px 0;}
.btn_top{background:url(../img/product/btn_top.gif) no-repeat; width:46px; height:35px; display:block; cursor:pointer;}

/*다운로드*/
.downSearch{background:#efefef; padding:10px; margin:0 30px 10px;}
.downSearch input{border:#e3e3e3 solid 1px; height:20px;}
.board{margin:0 30px;}
.board th{font-size:12px; color:#fff; font-weight:bold;}
.board td{border-bottom:#e8e8e8 solid 1px; height:26px; vertical-align:middle;}

/*제품문의*/
.subTitImg{background:#efefef; margin:0 30px 10px;}
.onlineBox{border:#d3d3d3 solid 2px; border-right:none; border-left:none; margin:0 30px; padding:10px;}
.onlineBoxTxt{margin:15px 40px 5px; font-size:11px; color:#3489d1; letter-spacing:-0.05em;}
.onlineBox td{padding:3px 10px;}
.onlineBox th{padding:3px 0 3px 13px; color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../popup/img/icon_arw.gif) no-repeat 0 7px; text-align:left;}
.onlineBox .arw2{padding:3px 0 3px 13px; color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../popup/img/icon_arw2.gif) no-repeat 0 7px; text-align:left;}
.onlineBox input{border:#d8d8d8 solid 1px; margin-bottom:2px; height:18px;}
.substance .btn{margin-top:15px; text-align:center;}
.onlineBox .product{margin-top:5px; font-size:11px; letter-spacing:-0.05em;}
.onlineBox .product input{border:none; vertical-align:middle; margin:0 0 0 5px;}

/*회사소개*/
.certificate{padding:0 0 0 30px; float:left;}
.certificate .certiBox{border-bottom:#e8e8e8 solid 1px; padding:20px 0; float:left; clear:both;}
.certificate .imgThum{ float:left; margin:0 10px 0 0; }
.certificate .imgThum .ctfImg{border:#e8e8e8 solid 1px;}
.certificate .imgThum p{font-size:11px; text-align:center; line-height:13px; margin-top:5px;}
.certificate .xLine{margin:25px 0; height:1px; background-color:#e8e8e8;}
.img_pop{background:#fff; width:100%;}
.img_close{background:#ecebeb; text-align:right; padding:3px 20px;}


/*제품문의*/
.paging{color:#908980; font-size:11px; text-align:center; letter-spacing:0.1em; margin-top:20px;}
.paging a{color:#908980; font-size:11px;}
.paging a:hover{color:#3489d1;}
.paging b{color:#3489d1; font-weight:bold;}

.boardTit { background-color:#669acb; margin-top:20px;}
.boardTit td {border-top:#e8e8e8 solid 1px; font-size:12px; color:#fff; vertical-align:middle;}
.boardView{padding:20px; border-bottom:#e8e8e8 solid 1px;}
.txtFile{font-size:11px; color:#669acb; margin-top:10px; padding-top:5px; border-top:#e8e8e8 dashed 1px;}


.textEll{width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
.box02 { color: #999; border: 1px solid #DDD; font: 12px Dotum, Gulim, Tahoma, Verdana;line-height:18px; height:20px; }

.submenu {position:absolute;background:#4492d4;font-family:dotum; font-size:13px; font-weight:bold; color:#fff;width:80px;padding:5px 10px 5px 10px;text-align:center;cursor:pointer;}
.submenu a{color:#fff;}
.submenu:hover{background:#7db9ec;cursor:pointer;}

/*컨설턴트 & 강사*/
.box04 { color: #666666; border: 1px solid #DDD; width:650px; font: 11px Dotum, Tahoma; margin-left:30px; padding:8px; line-height:18px;}

/*교육강의*/
.edulec{margin:20px 0 10px 20px;}
.edulec h1{background:url(../img/common/icon_cong.gif) no-repeat 5px 5px; color:#222; font-family:dotum; font-weight:bold; font-size:18px; padding-left:20px; margin:30px 0 6px; letter-spacing:-0.1em;}
.edulec dl{ border-bottom:#e8e8e8 solid 1px; padding:10px 0; *border-bottom:#fff solid 1px; margin-right:10px;}
.edulec dt{ float:left; width:190px; border:#d6d6d6 solid 1px; border-radius:18px; font-family:dotum; font-size:18px; letter-spacing:-0.1em; font-weight:bold; text-align:center; padding:10px;line-height:130%;}
.edulec dd{ float:left; font-family:dotum; font-size:11px; margin:3px 0 3px 20px; width:430px; color:#888; line-height:130%;}

.edulec h4{color:#fff; font-family:dotum; font-weight:bold; font-size:16px; padding:5px; letter-spacing:-0.15em; font-weight:bold; text-align:center; border-radius:7px; line-height:130%;}
.eduBox{float:left; width:220px; padding:6px;}
.eduBox ul{ padding:10px 3px 15px 10px;}
.eduBox li{ color:#777; font-size:11px; padding:2px 0 3px 10px; background:url(../img/common/icon2.gif) no-repeat 0 2px; line-height:120%; letter-spacing:-0.05em; }

.btnEdu{ background:#666; font-size:11px; padding:3px 10px 2px;  border-radius:8px; display:block; color:#fff; letter-spacing:-0.05em; width:130px; text-align:center; margin:5px 0 0 20px; *margin:5px 0 0 10px;}
.btnEdu:hover{ color:#fff;}