﻿@charset "UTF-8";

html, body, table, input, textarea, select, h1, h2, h3, h4 {font-family:Dotum;font-size:12px;color:#505050;}
html, body {
	width:100%;
	margin:0;
	padding:0;
	}
html {overflow-y:scroll}
body {/*background:url(../images/common/bg_body_01.jpg) no-repeat center 84px;*/}

form, div, span, ul, ol, li, dl, dt, dd, textarea, h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
ul, ol {list-style:none;}
img {border:0px;vertical-align:top;}
input.box {

	height:15px;
	border:1px solid #cccccc;
	/*
	vertical-align:sub;
	line-height:15px;
	*/
	font-size:14px;
	font-family:Dotum;
}
textarea.box {border:1px solid #cccccc;}

input, select {vertical-align:middle;}

div.ClearBlock {clear:both;height:0;}
div.Vspace10 {clear:both;height:10px;}
div.Vspace15 {clear:both;height:15px;} /* 추가 08.10 */
div.Vspace40 {clear:both;height:40px;}

a {
	/*color:#505050;text-decoration:none;*/
}
a:hover {color:#523c1e;text-decoration:underline;}

/* Layout */
div.TopArea {width:915px;height:74px;margin:0 auto;position:relative;}
div.TopArea a.logo {position:absolute;left:0;top:35px;}
div.TopArea div.util {position:absolute;right:75px;top:8px;}
div.TopArea div.util a {margin-left:10px;font-size:0;line-height:0;}
div.TopArea ul.Menu {position:absolute;right:0;top:45px;}
div.TopArea ul.Menu li.one {float:left;width:160px;}
div.TopArea ul.Menu li.two {float:left;width:160px;}
div.TopArea ul.Menu li.three {float:left;width:155px;}
div.TopArea div.submenu {width:841px;position:absolute;left:0;top:75px;text-align:right;padding:27px 74px 0 0;color:#787878;z-index:999;}
div.TopArea div.submenu span {padding:0 12px;}
div.TopArea div.submenu a {color:#787878;}
div.TopArea div.submenu a:hover {font-weight:bold;text-decoration:none;letter-spacing:-1px;} /* 2012.08.02 */

div.TopArea #submenu_1 {background:url(../images/common/img_top_01.gif) no-repeat 497px 0;display:none;}
div.TopArea #submenu_2 {background:url(../images/common/img_top_01.gif) no-repeat 644px 0;display:none;}
div.TopArea #submenu_3 {background:url(../images/common/img_top_01.gif) no-repeat 807px 0;display:none;}

.designWrapperTable{
	/*margin:0 auto;*/
	width:1050px;
	/*border:1px solid blue;*/
}

div.wrapper {
		/*display:inline;*/
		width:1000px;
		/*margin-left:auto; 
		margin-right:auto; */
		margin:0 auto;
		/*margin:0 auto;*/
		/*margin-left:20%; 
		margin-right:10%;*/
		}
/*div.wrapper {width:915px;margin:0 auto;}*/

div.leftmenu {
	float:left;
	width:238px; 
	margin-left:auto; 
	margin-right:auto;
	/*margin-top:-30px; */
	/*padding-top:30px;*/ 
	vertical-align: top;
	/*border:1px solid black;*/
	/*display:inline-block;*/
	}
div.leftmenu a {
	/*color:#9f9f9f;text-decoration:none;*/
}
div.leftmenu a:hover {color:#7d91dd;text-decoration:underline;}
div.leftmenu h1 {height:39px;padding:30px 0 0 12px;}
div.leftmenu ul {width:192px;}
div.leftmenu li {
	/*border-bottom:1px solid #d6d6d6;*/
}
.leftmenu_bottom_line{border-bottom:1px solid #d6d6d6;}

div.leftmenu li.two {
	font-size:11px;
	color:#7d91dd;
	height: 23px;
	background:url(../images/common/submenu_icon.gif) no-repeat 17px 55%;
	padding-top:1px;
	text-indent:26px;
	background-color:#f7f7f7;
	line-height: 24px;
}

div.contents {
	/*float:left;*/
	width:677px;background:url(../images/business/bg_visual_01.jpg) no-repeat 0 24px;padding:190px 0 0 0;}
div.contents2 {
		float:left;
		width:720px;
		padding:30px 0 0 0;
		margin-left:auto; 
		margin-right:auto;
		/*border:2px solid blue;*/
		/*display:inline-block;*/
		}
		div.contents2_22 {
		float:center;
		width:720px;
		padding:30px 0 0 0;
		margin-left:auto; 
		margin-right:auto;
		/*border:2px solid blue;*/
		/*display:inline-block;*/
		}
		
		div.contents2_22_2 {
		float:center;
		width:730px;
		padding:30px 0 0 0;
		margin-left:auto; 
		margin-right:auto;
		/*border:2px solid blue;*/
		/*display:inline-block;*/
		}
div.contents3 {float:left;width:677px;background:url(../images/introduce/bg_visual_03.jpg) no-repeat 0 24px;padding:190px 0 0 0;}
div.contents4 {float:left;width:677px;background:url(../images/sitemap/bg_visual_01.jpg) no-repeat 0 24px;padding:190px 0 0 0;}

div.contents5 {
		float:left;
		width:677px;
		padding:0 0 0 0;
		}
		
div.contents6 {
		float:left;
		width:720px;
		
		}
		
/*
	기술지원센터용
*/
div.ts_contents2 {float:left;width:677px;background:url(../images/info/ts_bg_visual_01.jpg) no-repeat 0 24px;padding:190px 0 0 0;}

div.Footer {width:915px;margin:0 auto;text-align:right;padding:150px 8px 27px 0;}
div.Footer div {height:27px;}
div.Footer div a {margin-left:10px;}

/* 타이틀 */
h2.pageTitle {height:25px;background:url(../images/common/bu_01.gif) no-repeat 3px 0;padding:0 0 0 28px;color:#3b3b3b;font-size:17px;}

/* 히스토리 */
div.history {height:23px;background:url(../images/common/bg_his_01.gif) repeat-x 0 bottom;color:#767676;font-size:11px;text-align:right;margin:-23px 0 40px 0;}
div.history a {color:#767676;font-size:11px;}

/* 검색 */
div.searchbox {
	height:40px;
	width:685px; 
	text-align: center;
	vertical-align: middle;
	}
div.searchbox img {vertical-align:middle;}
div.searchbox select {marign:0 4px;color:#505050;}
div.searchbox input {width:140px;margin-right:6px;}

/* 타이틀 */
div.title {height:35px;text-align:left;}

/* 리스트 */
table.bbsListType {/*border-bottom:2px solid #00b1d7;*/ text-align:center;}
table.bbsListType thead th {
	height:34px;/*border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;*/color:grey;
	background:url('../design1/brd0101j_files/bar_bg.jpg') repeat-x;
	}
table.bbsListType1 thead th {
	height:34px;/*border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;*/color:grey;
	}
/*	

table.bbsListType thead th.division2{
	color:grey;
	height:28px;
	background:url('../design1/brd0101j_files/bar_bg2.jpg') repeat-x;
}*/
table.bbsListType tbody td {height:36px;border-bottom:1px solid #e3e4e7;text-align:center;}
table.bbsListType tbody td.subject {text-align:center;}
table.bbsListType tbody td.subject2 {text-align:left; padding-left:10px;}

table.bbsListType2 {border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;}
table.bbsListType2 tbody td {height:40px;border-bottom:1px solid #e3e4e7;text-align:left;}
table.bbsListType2 tbody td.icon {text-align:left; vertical-align:top; padding-top:8px;}
table.bbsListType2 tbody td.icon2 {text-align:left; vertical-align:center;}
table.bbsListType2 tbody td.question {font-weight: bold;}
table.bbsListType2 tbody td.answer {text-align: left; padding:8px 0;}
table.bbsListType2 tbody td.btn {text-align:center;}

/* 쓰기 */
div.bbsWriteType {border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;padding:30px 0 20px 0;}
div.bbsWriteType table th {background:url(../images/common/bg_bar_01.gif) no-repeat right 3px;vertical-align:top;text-align:left;color:grey;padding:3px 0 0 25px;}
div.bbsWriteType table td {vertical-align:top;padding:0 0 10px 15px;}
div.bbsWriteType table td.bold {vertical-align:top;text-align:left;color:#007cc4;padding:3px 0 0 25px; font-weight:bold;}
div.bbsWriteType table td.contents {padding:10px 0 10px 0;}

div.bbsWriteType2 {border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;}
div.bbsWriteType2 table td {height:17px;border-bottom:1px dashed #c0c0c0; vertical-align: center; padding:5px 0;}
div.bbsWriteType2 table td.bold {vertical-align:center;text-align:left;color:#007cc4;padding-left:25px; font-weight:bold;}
div.bbsWriteType2 table td p {padding-top:5px;}
div.bbsWriteType2 table td.contents {padding:10px 0 10px 0;}

/* 보기 */
table.bbsViewType {border-top:2px solid #00b1d7;border-bottom:2px solid #00b1d7;}
table.bbsViewType tbody th {height:25px;color:grey;text-align:left;padding:3px 0 0 15px;}
table.bbsViewType tbody td {padding-top:3px;}
table.bbsViewType tbody td.etc {
	text-align:right;
	padding-right:11px;
}
table.bbsViewType tbody td.contents {border-top:2px solid #00b1d7;border-bottom:2px solid #e3e4e7;padding:50px 30px;}
table.bbsViewType tbody td.contents2 {border-top:2px solid #e3e4e7; border-bottom:2px solid #00b1d7;padding:50px 30px;}
table.bbsViewType tbody td.attach {height:31px;}
table.bbsViewType tbody td.etc span, table.bbsViewType tbody td.attach span {padding:0 11px;}

table.bbsViewType2 tbody td {padding-top:3px;}
table.bbsViewType2 tbody td.etc {text-align:right;padding-right:11px;}
table.bbsViewType2 tbody td.contents {border-top:2px solid #00b1d7;border-bottom:2px solid #e3e4e7;padding:50px 30px;}
table.bbsViewType2 tbody td.etc span, table.bbsViewType tbody td.attach span {padding:0 11px;}

table.bbsViewType3 {border:1px solid #00b1d7; text-align:center; width:640px;}
table.bbsViewType3 tbody td.big { font-size:18px; font-family:dotum; font-weight:bold; padding:30px 0;}
table.bbsViewType3 tbody td.small {font-weight:bold; padding:30px 0;}


/* 페이징 */
div.paging {float:left;width:477px;padding:24px 0 0 100px;text-align:center;}
div.paging a {color:#8f8f8f;font-size:11px;}
div.paging a.sel {color:#656565;font-weight:bold;}

div.paging2 {float:right;text-align:center; padding-top:20px;}
div.paging2 a {color:#6eb1d2;font-size:11px;}
div.paging2 a.sel {color:#6eb1d2;font-weight:bold;}

/* 버튼 */
div.btnType1 {float:right;width:100px;text-align:right;padding-top:17px;}
div.btnType2 {text-align:right;padding-top:9px;}
div.btnType3 {text-align:right;padding-top:20px;}
div.btnType4 {text-align:center;padding-top:20px;}


/* 메인 */
div.TopArea.Main {width:1056px;}
div.TopArea.Main div.util {right:50px;}
div.TopArea.Main ul.Menu li.three {width:103px;}
div.TopArea.Main div.submenu {width:1006px;padding-right:50px;}
div.TopArea.Main #submenu_1 {background:url(../images/main/img_top_01.gif) no-repeat 660px 0;}
div.TopArea.Main #submenu_2 {background:url(../images/main/img_top_01.gif) no-repeat 810px 0;display:none;}
div.TopArea.Main #submenu_3 {background:url(../images/main/img_top_01.gif) no-repeat 975px 0;display:none;}

div.Footer.Main {width:1046px;padding-top:42px;}


/*div.wrapperMain {width:100%;background:url(../images/main/bg_main_01.jpg) no-repeat center 18px;}*/
div.wrapperMain {width:100%;background:url(../images/main/bg_main_01.jpg) no-repeat center 18px;}
div.wrapperMain div.visual {width:1100px;margin:0 auto;padding-top:64px;}
div.wrapperMain div.inBox {width:1046px;height:185px;margin:0 auto;background:url(../images/main/bg_main_02.jpg) no-repeat;position:relative;}
div.wrapperMain div.inBox .block1 {position:absolute;left:25px;top:38px;width:295px;}
div.wrapperMain div.inBox .block1 .tab {background:url(../images/main/bg_tab_01.gif) repeat-x 0 bottom;}
div.wrapperMain .tab .left {float:left; border-bottom:1px solid #dcdcdc; width:295px;}
div.wrapperMain .tab .right {float:right;padding-top:1px;}
div.wrapperMain div.inBox .block1 li {height:19px;}
div.wrapperMain div.inBox .block1 li a {background:url(../images/main/bu_03.gif) no-repeat 0 3px;padding-left:7px;font-size:11px;color:#a2a2a2;}
div.wrapperMain div.inBox .block1 li a:hover {background:url(../images/main/bu_02.gif) no-repeat 0 3px;color:#666;text-decoration:none;}
div.wrapperMain div.inBox .block2 {position:absolute;left:352px;top:25px;}
div.wrapperMain div.inBox .block2 h2 {height:33px;}
div.wrapperMain div.inBox .block2 li {float:left;padding-right:24px;}
div.wrapperMain div.inBox .block2 li.end {padding:0;}
.buttonised{
	cursor:pointer;
}
/*div.login_box*/  /* 추가 08.17 */
div.login_box{ 0 ;
	float:none;
	margin-top: 70px;
	margin-bottom: 118px;
	margin-left: 180px;
}

/*div.login_box*/  /* 추가 08.17 */
div.login_box{ 0 ;
	float:none;
	margin-top: 70px;
	margin-bottom: 118px;
	margin-left: 180px;
}

/*login*/  /* 추가 08.17 */
div.login{
	position:relative;
	width:250px;
	height: 60px;
	border: thin dotted #4C9ACE;
	z-index: auto;
	padding: 20px;
}
div.login ul li{ margin-bottom:5px;}
div.login ul li input.ip1{
	background:#f3f3f3;
	border:1px solid #cccbca;
	width:120px;
	height:16px;
	margin-left: 4px;
}
div.login ul li input.ip2{
	background:#f3f3f3;
	border:1px solid #cccbca;
	width:120px;
	height:16px;
	margin-left: 1px;
}
div.login ul li.txt a{font-size:11px; color:#797a7f;}
div.login p.btn{
	margin:0;
	padding:0;
	position:absolute;
	right:20px;
	top:38px;
}


/*======================================================================================================*/

div.login_box2{ 0 ;
	float:none;
	margin-top: 70px;
	margin-bottom: 118px;
	margin-left: 180px;
}

/*login*/  /* 추가 08.17 */
div.login2{
	position:relative;
	width:200px;
	height: 60px;
	border: thin dotted #4C9ACE;
	z-index: auto;
	padding: 20px;
}
div.login2 ul li{ margin-bottom:5px;}
div.login2 ul li input.ip12{
	background:#f3f3f3;
	border:1px solid #cccbca;
	width:120px;
	height:16px;
}

div.login2 ul li.txt a{font-size:11px; color:#797a7f;}
div.login2 p.btn2{
	margin:0;
	padding:0;
	position:absolute;
	right:30px;
	top:49px;
}

/*additional*/
.hidden{
	display:none;
}

.mebixonLeftMenu {
	height: 23px; 
	color: rgb(106, 106, 106); 
	padding-top: 12px; 
	padding-left: 20px; 
	font-family: 돋움; 
	font-size: 14px; 
	font-weight: bold; 
	vertical-align: middle; 
	padding-bottom:2px;
/*	border-bottom-color: rgb(207, 207, 207); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; */
	cursor: pointer;
}

.mebixonLeftMenu2 {
	height: 18px; 
	color: rgb(106, 106, 106); 
	padding-top: 5px; 
	padding-left: 25px; 
	font-family: 돋움; 
	font-size: 12px; 
	font-weight: bold; 
	vertical-align: middle; 
	padding-bottom:5px;
/*	border-bottom-color: rgb(207, 207, 207); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; */
	cursor: pointer;
}

.mebixonLeftHead {
	height: 23px; 
	color: rgb(106, 106, 106); 
	padding-top: 10px; 
	padding-left: 20px; 
	font-family: 돋움; 
	font-size: 14px; 
	font-weight: bold; 
	vertical-align: middle; 
	border-bottom-color: rgb(207, 207, 207); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	
}

.mebixonListHead{
	
	color: grey; 
	height: 36px; 
	background:url('../MDITAC_files/brd0101j_files/bar_bg.jpg') repeat-x;
	text-align:center;
	
}

.mebixonListHead th{
	
	color: grey; 
	height: 36px; 
	background:url('../MDITAC_files/brd0101j_files/bar_bg.jpg') repeat-x;
	text-align:center;
	
}



/* new  */

.view_table th{
	background-color: #F4F4F4;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	
	height:24px;
	text-indent:5px;
	text-align: left;
}

.view_table_noborder td{
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: rgb(255,255,255);
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: rgb(255,255,255);
	
	border-left-width: 0px;
	border-left-color: rgb(255,255,255);
	border-left-style: none;
	border-collapse: collapse;
	
}

.view_table_noborder {
	
	
}

.view_table td{
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	
	border-left-width: 1px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	/*
	height:30px;
	text-indent:5px;
	text-align: left;*/
	
}

.view_s {
	background-color: #F4F4F4;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}
.view_s2 {
	background-color: #F4F4F4;
	font-weight: bold;
	
}
.view_ct {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}
.view_table {
	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #5281cb;
	text-align: left;
	vertical-align: middle;
}
.view_table2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5281cb;
}

.safe_view_table {
	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #5281cb;
}
.safe_view_table th{
	background-color: #F4F4F4;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	text-align:left;
	/*height:30px;*/
	text-indent:5px;
	
}

.safe_view_table td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	
	
	border-left-width: 1px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	
}


.itemProperty th {
	background-color: #F4F4F4;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	height:30px;
	vertical-align:center;
	text-align: left;
	
}

.itemProperty td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	text-indent: 3px;
}



.location_text {
	float:right; padding: 0px; font-family: dotum; margin-top: 2px; display: block; vertical-align: top;
	height:30px;
}


.tab_font {
	font-weight: bold;
	color: #FFFFFF;
	/*
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5281cb;
	*/
	cursor:pointer;
	text-align: center;
	vertical-align: middle;
}
.view_table3 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #44a6c6;
}

.left_menu2 {
	
	color: rgb(106, 106, 106);
	padding-top: 5px;
	padding-left: 28px;
	padding-bottom: 5px;
	font-family: "dotum";
	font-size: 12px;
	vertical-align: top;
	cursor: pointer;
	background-color: #F4F4F4;
	font-weight: normal; 
}

.left_menu2_bottom {
	
	color: rgb(106, 106, 106);
	padding-top: 10px;
	padding-left: 28px;
	font-family: "dotum";
	font-size: 12px;
	vertical-align: middle;
	border-bottom-color: rgb(207, 207, 207);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	background-color: #F4F4F4;
	font-weight: normal; 
}

.left_menu2_top {
	
	color: rgb(106, 106, 106);
	padding-top: 10px;
	padding-left: 28px;
	font-family: "dotum";
	font-size: 12px;
	vertical-align: middle;
	border-top-color: rgb(207, 207, 207);
	border-top-width: 1px;
	border-top-style: solid;
	cursor: pointer;
	background-color: #F4F4F4;
	font-weight: normal; 
}

.spanTopImage{
	padding-left:2%;
}

.tabTable{
	border-collapse: collapse; 
	border-spacing: 0px;
	margin-bottom:-3px;
}

.bookletLink:hover{
	text-decoration:underline;
	color:#7d91dd;
	font-weight:bold;
	letter-spacing:1px;
	
}

.naviHead{
	font-size:25px; 
	font-weight:bold;
}

.alignTab{
	margin-bottom: -3px;
}

.specificationLink:hover{
	
	color:#7d91dd;
	border-bottom:#7d91dd 1px solid; 
	letter-spacing: -1;
		
}


.pageString{
	color: rgb(106, 106, 106);	
}
.pageStringCurrent{
	color: rgb(106, 106, 106);
}

.alignCenter{
	text-align:center;
}

.noBorder{
	border:none;
}

.textIndent{
	text-indent:5px;
}

.listover{
	cursor: pointer;
}
.listover:hover{
	/* text-decoration:none; */
	background-color: #F6F6F6;
}