@charset "utf-8";

/*footer*/ 
.footer { color: #fff; font-size: 13px;}
.footer a { color: #fff; }
.footer ul li span { margin-right: 5px;}
.footer .copy { font-size: 11px; } 

/*submain*/

body#submain {}
	.submain-con {  font-size: 13px; overflow: hidden; width: 980px; margin: 0 auto; padding-bottom: 60px;}
		.con-left { position: relative; float: left;  width: 750px;}
	.submain-con  dl { position: relative; float: left;  padding-bottom: 44px; margin-right: 60px;}
	.submain-con  dl.last { padding-right: 0;}
	.submain-con  dl.last1 { padding-right: 0;}
	/*.submain-con  dl dt { background: url('/img/share/submain_tit_bg.gif') no-repeat; width: 91px; padding-top: 46px; text-align: left; padding-left: 10px;}*/
	.submain-con  dl dt { text-align:left; }
	.submain-con  dl dd { padding-top: 16px; }
	.submain-con  dl dt, .submain-con dl dd { }
	
	.submain-con .list { width: 690px; text-align: left;}
	.submain-con .list li { position: relative;  line-height:2.5;; border-bottom:1px solid #e0e0e0;}
	.submain-con .list li.last { padding-bottom: 0;}
	.submain-con .list li a { color: #444444;  padding-left:10px; }
	.submain-con .list .group{ display: inline-block; color: #ffa200; width: 94px; text-align:center;}
	.submain-con .list .date { position: absolute; top: 0; right: 0; color: #767676;}
	.submain-con .recruit-list { width: 60px;}
	.submain-con .list .group2{ display: inline-block; color: #ffa200; padding-right: 10px;}
	.submain-con .list .last02 { border-bottom:1px solid #c0c0c0; }
	.submain-con .last02 .group{ border-bottom:1px solid #014587; margin-bottom: -1px;}


		.con-ban-area { float: right; }
/*			.service-ban li { border: 1px solid #e7e7e7; margin-bottom: 4px;}*/
			.service-ban li {margin-bottom: 8px;}
			/*.con-ban-area p.ban { padding-top: 90px;}*/

			.company-ban { /*clear: both;*/ float: right; /*margin-top: 46px;*/}
			
			.overseas-ban { clear: both; padding-top: 40px; border-top: 1px solid #e8e8e8; }
			.overseas-ban li { float: left; width: 270px; text-align: left; padding: 15px 0 10px 20px; border: 1px solid #e8e8e8; margin-right: 52px;}
			.overseas-ban li.last { margin-right: 0;}
			.overseas-ban li a { display: block;}
		
		dl.con { float: left; margin-right: 46px;}
		dl.con dd { overflow: hidden;}
		dl.con dd p, dl.con dd ul { float: left; }
		dl.con ul { padding-left: 15px; text-align: left;}

		ul.board { width: 232px; border-bottom: 1px solid #c0c0c0; padding-bottom: 10px;}
		ul.board .tit a{ font-size: 15px; color: #ff5a00;}
		ul.board .tit {width: 232px; overflow:hidden; padding-bottom: 4px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
		ul.board .con { height: 56px; overflow: hidden; line-height:1.4 } 
		ul.board .con a { color:#000; }
		ul.board .more { position: absolute; right: 0; top: 0; }
		
			.info-ban { clear: both;}
			.info-ban li { float: left; margin-right: 56px;}
			.info-ban li.last { margin-right: 0;}
			
			.recruit-ban {  margin-bottom: 4px;}
			.recruit-ban li { margin-bottom: 8px;}
	
	.submain-con .txt { position: relative; float: left; width: 220px; text-align: left; height: 89px; font-size: 12px; border-bottom:1px solid #c0c0c0; padding-left:13px;}
	.submain-con .txt02 { width:595px; } 
	.submain-con .txt .txt01 { height:55px; }
	.submain-con .txt a { color:#000; }
	.submain-con .txt span.spacing { letter-spacing: -1px;}
	.submain-con .txt img { display: block;}
	.submain-con .img { float: left; padding-bottom: 11px; border-bottom:1px solid #014587;}
	.submain-con .img02 { padding-bottom:11px; padding-bottom:12px \0/IE8+9;*padding-bottom:12px;}
	/*.submain-con .img { float: left;}*/

	.product-main { position: relative; width: 980px; height: 689px; margin: 0 auto; background: url('/img/product/product_main_bg.gif') no-repeat; }
	.product-main .tit { position: absolute; top: 56px; left: 38px;}

	.menu p{ position: absolute;}
		.menu01 { top: 220px; left: 40px;}	
		.menu04 { top: 295px; left: 40px;}	
		.menu05 { top: 370px; left: 40px;}	
		.menu06 { top: 447px; left: 40px;}	
		.menu02 { top: 520px; left: 40px;}
		.menu03 { top: 595px; left: 40px;}	
		.menu07 { top: 523px; left: 40px;}	
		.menu08 { top: 600px; left: 40px;}	

.data-con-area { background: url('/img/product/database_bg.gif') repeat-x left top;}
	.data-con { width: 980px; margin: 0 auto;  background: url('/img/product/database_img01.png') no-repeat right -2px; 
				text-align: left;}
	.data-info { padding: 122px 0 0 62px;}
	.data-info h1 { padding-bottom: 66px;}
		.database-ban p {float: left;}
		.database-ban a { float: right;}
	.data-info p.txt { clear: both; padding: 40px 0 105px 0; font-size: 18px; line-height: 1.8;}
	
	.data-box { overflow: hidden;  padding-bottom: 98px;}
	.data-box li { position: relative; float: left; height: 365px;}
	.data-box li.box1 { width: 326px; background: url('/img/product/database_main01.gif') no-repeat left top;}
	.data-box li.box2 { width: 327px; background: url('/img/product/database_main02.gif') no-repeat left top;}
	.data-box li.box3 { width: 327px; background: url('/img/product/database_main03.gif') no-repeat left top;}
	.data-box li img { padding: 53px 0 0 63px;}
	.data-box li p { width: 226px; margin: 0 auto; text-align: center; padding-top: 50px; font-size: 15px; line-height: 1.7;}
	.data-box li p span { position: absolute; left: 80px; top: 335px; display: inline-block; font-size: 13px; color: #fff; 
						  background: url('/img/share/box_arrow.png') no-repeat right center; padding-right: 10px;}

/** product **/

/* top */
.product-info { border-bottom: 5px solid #f5f5f7; background: url('/img/product/product_top_bg.gif') repeat-x left top;}
	.product { height: 262px;}
	.database { background: url('/img/product/database_top.png') repeat-x left top;}
	.prosync { background: url('/img/product/database_top.png') repeat-x left top;}
	.infinidata { background: url('/img/product/database_top.png') repeat-x left top;}
	.zetadata { background: url('/img/product/database_top.png') repeat-x left top;}
	.anyminer { background: url('/img/product/database_top.png') repeat-x left top;}
	.datahub { background: url('/img/product/database_top.png') repeat-x left top;}
	.sysmaster  { background: url('/img/product/database_top.png') repeat-x left top;}
	.hypersql { background: url('/img/product/database_top.png') repeat-x left top;}
	
	.database .product-logo { padding-left: 104px;}
	.prosync .product-logo { padding-left: 104px;}
	.infinidata .product-logo { padding-left: 104px;}
	.zetadata .product-logo { padding-left: 104px;}
	.anyminer .product-logo { padding-left: 104px;}
	.datahub .product-logo { padding-left: 104px;}
	.sysmaster .product-logo { padding-left: 104px;}
	.hypersql .product-logo { padding-left: 104px;}
	.tmaxopensql .product-logo { padding-left: 104px;}

	.database .product-desc, .infinidata .product-desc, .sysmaster .product-desc, .hypersql .product-desc, .tmaxopensql .product-desc { padding-top: 45px;}
	.prosync .product-desc { padding-top: 70px;}
	

	.product-desc span {  display: block; font-size: 15px; padding-top: 5px;  letter-spacing: -1px;}
	.database .product-desc span, .infinidata .product-desc span {color: #00448c;}
	.anyminer .product-desc span, .infinidata .product-desc span {color: #00448c;}
	.datahub .product-desc span, .infinidata .product-desc span {color: #00448c;}
	
	.product-desc span sup { font-size:9px;}

	.product { width: 980px;margin:0 auto; }
	.product .product-logo { float: left;}
	.product-desc {float: right; /* padding-left: 500px;*/ width: 480px; font-size: 15px; line-height: 1.5;}
	.product-desc .sns p { display: inline-block; padding: 0 5px 0 36px; }
	.product-desc .sns a img { border: 1px solid #c6e7ff;}

	.product-menu li { float: left;}
	.product-menu li.first { padding-right: 13px;}
	.product-menu { margin-top: 30px;}
	.product-desc .product-menu p { vertical-align: top; font-size: 1; line-height: 1;}

/* tab */
	.product-tab { width: 100%; position: relative; top: -6px;}
	.product-tab ul { overflow: hidden; width: 980px; margin: 0 auto;}
	.product-tab ul li { float: left; padding-top: 18px; text-align: center; font-size: 18px;}
	.product-tab ul li a { display: block;}	
	
		li.on a { color: #ff5a00;}

	.tab2 li { width: 490px;}
	.tab3 li { width: 326px;}
	.tab4 li { width: 245px;}


	.tab2 li { background: url('/img/share/product_tab02.gif') no-repeat left top;  background-size: 490px;}
	.tab2 li.on { background: url('/img/share/product_tab05_on.gif') no-repeat left top; background-size: 490px;}
	.tab3 li { background: url('/img/share/product_tab02.gif') no-repeat left top;}
	.tab3 li.on { background: url('/img/share/product_tab05_on.gif') no-repeat left top;}
	.tab4 li { background: url('/img/share/product_tab02.gif') no-repeat left top;}
	.tab4 li.on { background: url('/img/share/product_tab05_on.gif') no-repeat left top;}

#contents { margin-top: 0px;}
.product-intro { overflow: hidden;}
.product-intro  li { float: left; padding: 0 5px 5px 0;}
.product-intro  li.last { padding-right: 0;}

.product-tit { padding-bottom:70px; border-bottom: 1px solid #f1f1f1; margin-bottom: 70px; font-size: 15px; line-height: 1.8;}
.product-tit-ex { border-bottom: 0; margin-bottom: 0;}
	.tit-img { padding-left: 166px;}
	.txtC { padding-top: 65px; text-align: center; width: 790px; margin: 0 auto;}
	.graph { padding-top: 69px;}
	
	.tit-desc { overflow: hidden; padding-top: 65px;}
	.tit-desc ul { padding-top: 30px;}
	.tit-desc ul li { background: url('/img/share/bu_example02.gif') no-repeat 0 12px; padding-left: 13px; }
		.desc-txt01, .desc-txt02 { float: left; width: 475px;}
		.desc-txt01 { padding-right: 30px;}

.infinidata-tit { background: url('/img/share/infinidata_tit_bg.gif') no-repeat right bottom;}

/* 성공사례 */
.ex-info { text-align: center;}
.ex-info p.txt { padding: 65px 0; font-size: 15px; line-height: 1.8;}
.ex-info .graph { padding-bottom: 70px; margin-bottom: 70px; border-bottom: 1px solid #e5e8f5;}

.ex .ex-answer ul.sub-ul { border:0; padding: 0; margin: 0;}
.ex .ex-answer ul.sub-ul span { display: inline-block; width: 600px; vertical-align: top; }
.ex .ex-answer .graph { padding-top: 40px; margin-top: 40px; border-top: 1px solid #f1f1f1; background: none; padding-left:0; }

.ex .answer-one dl dd { border-bottom: none; }

/* DownLoads */
.downloads { width: 224px; overflow: hidden;  float: left; margin-right: 112px; }
.downloads ul.tab { width: 748px; overflow: hidden; margin-bottom: 8px; }
.downloads ul.tab li a { padding: 2px; color: #fff; display: block; }
.downloads ul.tab li.selected a { color: #fff;}
.downloads ul.tab li { 
	float: left; 
	border: 1px solid #ffc500; 
	border-bottom: 0;
	background: #ffc500; 
	line-height: 29px; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 29px; 
	color: #fff;
	width: 110px;
	letter-spacing: -1px;
	text-align: center;
	}
.downloads ul.tab li.selected { background: #ffa200; }
.down-cont { width: 224px; overflow: hidden; }
.down-cont a { color: #ffed00; display: block; background: url('/img/product/dot_downloads.gif') no-repeat 0 -0px; padding-left: 10px; }
.down-cont li { position: relative; }
.down-cont li span { position: absolute; right: 0; top: 5px; background: url('/img/product/file_downloads.gif') no-repeat 0 -18px ; display: block; width: 9px; height: 9px; text-indent: -9999em;}
.down-cont li a:hover { color: #fff; background: url('/img/product/dot_downloads.gif') no-repeat 0 -20px;}
.down-cont li a:hover span { background: url('/img/product/file_downloads.gif') no-repeat 0 1px ; }

.top-issues { float: left; width: 564px; overflow: hidden; }
.top-issues .issues-slider dl { width: 564px; overflow: hidden; }
.top-issues .issues-slider dt { width: 376px; float: right; font-size: 18px; color: #fff; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px;}
.top-issues .issues-slider dd { width: 376px; float: right; font-size: 16px; color: #fff; letter-spacing: -1px;}
.top-issues .issues-slider dd p { margin-top: 7px;}
.top-issues .issues-slider dd .detail { background: url('/img/product/go_detail.gif') no-repeat right center; padding-right: 10px; color: #dc0714; font-size: 13px; }
.top-issues .issues-slider dd.img { float: left; width: 188px; }

/*에러페이지*/
.error { width: 980px; height: 289px; margin: 0 auto; background: url('/img/share/error_bg.gif') no-repeat;}
.error p { text-align: center; font-size: 15px; line-height: 1.6;}
.error p.txt { padding-top: 108px;}
.error p.txt2 { padding-top: 75px;}
.error p.txt2 span { font-size: 18px; font-weight: bold; display: block;  padding-bottom: 10px;}
.error .btn { padding-top: 20px;}

/* 세미나_view_설문조사 */
.view-cont-q { padding:40px 36px 40px 38px !important;}
.seminar-que { width:905px;}
.seminar-que h3 { padding-bottom:24px; }
.seminar-que p { border:1px solid #767676; padding:30px 25px; background:#f8f9fa; line-height:1.6; margin-bottom:41px; }
.que-desc {  width:905px; margin:30px 0; border-top:1px solid #767676; border-left:1px solid #d6dce1; border-right:1px solid #d6dce1; border-bottom:1px solid #d6dce1; }
.que-desc-ex { margin-top:10px }
.que-desc first-child{ margin-top:0; }
.que-desc h5 {padding:15px 0 15px 21px; background:#fffded;  font-weight:normal;}
.que-cont { overflow: hidden; padding:17px 0 28px 21px; }
.checkbox-desc01 {}
	.que-cont  .checkbox-desc01 li { float:left; width: 130px; line-height:2.0;}
	.que-cont .checkbox-desc01 li.long { width:250px; }
	.que-cont .checkbox-desc01 li.long-2 { width:227px;; }
	.que-cont  .checkbox-desc01 li.w215 { width:215px; }
	.w100 { width:100px; }
	.w174 { width:174px; }
	.w264 { width:264px;}
	.w400 { width:400px; }
	.w600 { width:600px; }
		.radio-sw li{ width:183px !important; }
		.radio-sw li.last { width:140px !important; }
.que-cont .checkbox-desc02 li{ width: 207px  ; padding: 3px 0; }
.que-cont .checkbox-desc02 li.long02 { width:622px; }
.que-cont  .checkbox-desc02 li.mild { width:175px; }
.que-cont .checkbox-desc03 li{ width:170px ; }
.que-cont  .checkbox-desc03 li.w175 { width:178px; }
.que-cont .checkbox-desc04 li { width:186px; }
.checkbox-desc05 li { width:157px; }
.checkbox-desc06 li { width: 100% !important; }
.product-bast { border:1px solid #767676; }
.product-qst-desc label ,.product-qst-desc input{ float:left; }
.product-qst { width:450px; }


/*************************** 2013-11-07 제품페이지 텍스트화 ***************************/
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt45 { margin-top: 45px;}
.mt60 { margin-top:60px; }
.mt100 { margin-top:100px; }

.ml40 {margin-left:40px;}

.mb25 { margin-bottom:25px; }
.mb35 { margin-bottom:35px; }
.mbt50 { margin:50px 0;}
.mbt02 { margin:20px 0 40px; }
.mbt03 { margin:20px 0 65px; }
.con-txt { margin:40px 0 50px; }
.con-txt02 { margin:35px 0; }
.text-c { text-align:center; }

.floatRight{
	float: right;
	width: 500px;
}
/* 제품 */
.product-sub { font-size:15px; color: #474747;}
.product-sub p { line-height:1.8;}
.product-sub .sub-tit { text-align: center;}
.product-sub .txt01 { margin-top:70px;}
.product-sub .group01 section{ border-bottom:2px solid #f1f1f1;}
.product-sub .group-section section { overflow: hidden; padding:50px 0;}
.product-sub .group-section section .product-con { overflow:hidden; }
.product-sub .group-section section .con01{ float: left;}
.product-sub .group-section section .con02 { float: right;}
.product-sub .group-section section.last { padding-bottom:70px;}
.product-sub .group-section section h6 { clear: both; color: #000; font-size: 18px; font-weight: bold; margin: 35px 0 15px;}
.product-sub .group01 section .point01 { color: #5a4aba;}

.product-sub .split { overflow:hidden; }
.product-sub .split li { float:left; width: 22.7%; margin-right: 30px;}
.product-sub .split li.last { margin-right:0; }
.product-sub .split02 li { width: 21.3%;
margin-right: 35px; line-height:1.8;}
.product-sub .split h6 { letter-spacing:-1px }
.product-sub .desc { text-align: center;}
.product-sub .desc p { margin-top: 10px;}
.con-p { background: url('/img/share/bu_product.gif') no-repeat 0 13px; padding-left: 11px; margin-bottom: 10px; }
.con-ul01 li { background: url('/img/share/bu_product.gif') no-repeat 0 9px; padding-left: 11px; margin-bottom: 10px;}
.con-ul01 li.none { background:none; padding-left:5px; }
.con-ul02 {  }
.con-ul02 li {  }
.con-ul02 h6 { margin:35px 0; }

.database02-bg { background: url('/img/product/database02_bg01.gif') no-repeat right bottom;  }
.infinidata-bg01 { background: url('/img/product/infinidata_bg01.gif') no-repeat right bottom;  }
.prosync01-bg01 { background: url('/img/product/prosync01_bg01.gif') no-repeat right bottom;  }
.prosync01-bg02 { background: url('/img/product/prosync01_bg02.gif') no-repeat right top;  }
.prosync02-bg01 { background: url('/img/product/prosync02_bg01.gif') no-repeat right bottom;  }
