@charset "UTF-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* SCROLL TO TOP */
.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 1.8em;
	right: 1.8em;
}
.scroll-up ul{
	margin: 0;
	padding: 0;
}
.scroll-up li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.scroll-up a {
	background-color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #000;
	font-size: 20px;
	line-height: 38px;
	box-shadow: 0px 0px 6px #ccc;
}
.scroll-up a:hover,
.scroll-up a:active {
	background-color: #f5f5f5;
	color: #000;
}


.greeting_tit{display:none; }
.left{float:left; width:50%;}
.hitory_area_1{float:left; width:100%; margin-top:20px;}

/* 블릿 및 텍스트 스타일 */
.bu1 {clear:both; margin:0px 0 10px 0; padding-left:32px; font-size:18px; line-height:1.8em; background:url("/images/bu1.png") no-repeat left center; font-family:Malgun Gothic, NanumSquare, nanumgothic; color:#000}
.bu2 { /*clear:both;*/ margin:10px 0 20px 0; padding-left:15px; font-size:18px; line-height:23px;  font-weight:normal; background:url("/images/dot_ico.gif") no-repeat left center;}

.bu3 {margin:10px 0 20px 0; padding-left:15px; font-size:18px; line-height:23px; font-weight:normal; background:url("/images/dot_ico.gif") no-repeat left center;}

ul.li_ico {list-style:none; margin:0px; padding:0px;}
ul.li_ico li{margin:10px 0 20px 10px; padding-left:15px; font-size:17px; line-height:23px; background:url("/images/line_ico.gif") no-repeat left 10px;}
ul.li_ico li ul {list-style:none; margin:0px; padding:0px;}
ul.li_ico li ul li {margin:7px 0 5px 0; padding:0px; background:#fff;}
ul.li_ico2 {list-style:none; margin:0px 10px 0px 10px; padding:0px;}
ul.li_ico2 li{margin:20px 0;  padding-left:32px; font-size:18px; line-height:25px; background:url("/images/bu1.png") no-repeat left 2px;}

p.con_txt {clear:both; padding-bottom:15px; font-size:17px; /*letter-spacing:-0.03em;*/ text-align:justify;}
p.con_txt2 {clear:both; padding-bottom:15px; font-size:17px;/* letter-spacing:-0.03em;*/ text-align:justify;}

.img_box1 {padding:15px 10px; background:#f8f8f8; border:1px solid #dedede;}
.img_box1 img {display:block; margin:0 auto;}
.img_box2 {padding:15px 10px; margin-bottom:10px; background:#f8f8f8; border:1px solid #dedede;}
.img_box2 img {display:block; margin:0 auto;}
.img_box3 {padding:40px 10px 30px 10px; margin-bottom:10px; background:#f8f8f8; border:1px solid #dedede;}
.img_box3 img {display:block; margin:0 auto;}
.img_box3 span {display:block; padding-top:20px; text-align:center;}

/* 마진&패딩 */
.pL-15 {padding-left:0px;}
.mT50 {margin-top:50px;}
.mT10 {margin-top:10px;}
@media (min-width: 991px) {
	.mR5 {margin-right:5px;}
	.mL5 {margin-right:-10px;  margin-left:5px; width:49.15%;}
}

.clear {clear:both;}

/* 테이블 */
.blue_table {font-size:16px; border-bottom:1px solid #ccc;}
.blue_table th {text-align:center; background:#3689b8; color:#fff; font-weight:400;}
.blue_table td {text-align:center;}
.blue_table td.left {text-align:left;}

.blue_table2 {font-size:16px; border-bottom:1px solid #ccc;}
.blue_table2 th {text-align:center; background:#3689b8; color:#fff; font-weight:400;}
.blue_table2 td {padding-top:18px !important; padding-bottom:18px !important; text-align:center;}
.blue_table2 td.left {text-align:left;}

.blue_table3 {font-size:16px; border-bottom:1px solid #ccc;}
.blue_table3 thead th {text-align:center; background:#3689b8; color:#fff; font-weight:400;}
.blue_table3 tbody th {text-align:center; background:#f8f8f8; font-weight:400; vertical-align:middle !important;}
.blue_table3 td {padding-top:18px !important; padding-bottom:18px !important; text-align:center; vertical-align:middle !important;}
.blue_table3 td.left {text-align:left;}

/* 상단 메뉴 */
.globalMenu {}
.globalMenu li {list-style: outside none none;}


/*최상단계*/
@media (min-width: 1200px) {	
	.nav {font-size:17px !important;}
	.st-navbar{border-top:2px solid #000; /*background:url(/images/top-bg.jpg) repeat-x top;*/}
	.st-navbar ul li.tmenu{/*background-color:#00a348;*/}
	.st-navbar ul li.tmenu  a:hover{color:#000;}
	.st-navbar ul li.tmenu a.on{/*color:#000;*/}
	.st-navbar ul li.tmenu .dropdown-toggle{color:#000; margin:15px 30px 15px 30px; !important; font-size:17px; font-weight:600; /*letter-spacing:-1.5px; */font-family:'Malgun Gothic';}
	/*.st-navbar ul li.tmenu a.dropdown-toggle { margin:15px 50px 15px 60px; !important; color:#fff; font-size:17px; font-weight:600; font-family:'NanumSquare';}*/
	.greeting_tit{display:none;}
	.st-navbar ul li.tmenu a.dropdown-toggle a:hover{color:#000;}
	.st-navbar ul li.tmenu a.dropdown-toggle a.on{color:#000; }

	.global {font-size:14px !important; }
	.global a {margin:14px 5px !important; font-weight:normal !important;}
	.global a:after {content:"·";  margin-left:5px;}
	.abtn {font-size:12px !important; }
	.abtn a {margin:14px 5px !important; padding-left:5px !important; padding-right:5px !important; font-weight:normal !important; background:#2e5a86; color:#fff; border-radius:5px; border:1px solid #2e5a86;}
	#header .nav li .dropdown-menu {/*right:-30px;*/ background:#222326; color:#fff;}
	#header .nav li .dropdown-menu li{border-bottom:1px solid #5d5d5d; font-size:14px; font-weight:normal;}
	#header .nav li .dropdown-menu a {text-align:left; padding-left:15px;}

	.top-menu-h{float:right; margin:30px 0 0 700px;}

}



/*중간단계*/
@media all and (min-width: 993px) and (max-width: 1199px) {	
.b_list li .date {display:none;}
	.nav-justified .nav-tabs{width:100%; }
	.greeting_tit{display:none;}
	.nav {font-size:16px !important;}
	.st-navbar{border-top:2px solid #000; /*background:url(/images/top-bg.jpg) repeat-x top;*/}
	.st-navbar ul li.tmenu{/*background-color:#00a348;*/}
	.st-navbar ul li.tmenu .dropdown-toggle{color:#000; margin:10px 20px 10px 10px; !important; font-size:15px; font-weight:600; font-family:'Malgun Gothic';}
	/*.st-navbar ul li.tmenu a.dropdown-toggle { margin:10px 30px 10px 30px; !important; color:#fff; font-size:18px; font-weight:bold;}*/
	.st-navbar ul li.tmenu a.dropdown-toggle a:hover{color:#000;}
	.st-navbar ul li.tmenu a.dropdown-toggle a.on{color:#000; }

	.global {font-size:14px !important; }
	.global a {margin:14px 5px !important; font-weight:normal !important;}
	.global a:after {content:"·";  margin-left:5px;}
	.abtn {font-size:12px !important; }
	.abtn a {margin:14px 5px !important; padding-left:5px !important; padding-right:5px !important; font-weight:normal !important; background:#2e5a86; color:#fff; border-radius:5px; border:1px solid #2e5a86;}
	#header .nav li .dropdown-menu {right:-7px; background:#222326; color:#fff;}
	#header .nav li .dropdown-menu li{border-bottom:1px solid #5d5d5d; font-size:14px; font-weight:normal;}
	#header .nav li .dropdown-menu a {text-align:left; padding-left:15px;}
	.top-menu-h{float:right; margin:25px 0 0 500px;}


	.carousel-caption .adtxt1 {
		font-size:16px;

	}
	.adtxt1_border{ width:17%; border-top:1px solid #fff; margin-bottom:10px; opacity:0.5; margin-left:20px;}

	.carousel-caption .adtxt2 {
		padding-left:20px;
		opacity:1;
		font-size:48px;
		/*margin-top:10px;*/
		margin-bottom:10px;
		line-height:50px;
		/*text-transform:lowercase;*/
		/*letter-spacing:-2px;*/
		font-weight:600;
		font-family:NanumSquare, "나눔고딕", Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif; 
		/*text-shadow:1px 2px rgba(0,0,0,.8);*/
		word-break: keep-all;
		text-align:left;
	}
	.carousel-caption .adtxt3 {
		padding-left:20px;
		opacity:0.7;
		font-size:18px;
		/*margin-top:10px;*/
		margin-bottom:20px;
		line-height:23px;
		/*text-transform:lowercase;*/
		/*letter-spacing:-1px;*/
		font-weight:600;
		font-family:"맑은 고딕", NanumSquare, "나눔고딕", Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif; 
		/*text-shadow:1px 2px rgba(0,0,0,.8);*/
		word-break: keep-all;
		text-align:left;
	}

	.button_main{padding-left:20px; text-align:left;}



}




/*하단*/
@media all and (min-width: 767px) and (max-width: 992px) {	
	.greeting_tit{display:none;}
	.nav {/*letter-spacing:-0.1em;*/ }
	.navbar-nav > li{margin:0 0 0 20px;}
	.st-navbar ul{margin-top:0;}
	.global {font-size:11px !important; }
	.global a {margin:14px 2px !important; font-weight:normal !important;}
	.global a:after {content:"·";  margin-left:3px;}
	.abtn {font-size:11px !important; }
	.abtn a {margin:14px 5px !important; padding-left:5px !important; padding-right:5px !important; font-weight:normal !important; background:#222326; color:#fff; border-radius:5px; border:1px solid #5d5d5d;}
	.logo img {width:70%;}
	.top-menu-h{display:none;}
	#header .nav li .dropdown-menu {min-width:145px !important;}
	#header .nav li .dropdown-menu {left:-10px; background:#222326; color:#fff;}
	#header .nav li .dropdown-menu a {text-align:left; padding-left:10px;}
}
@media all and (max-width: 767px){
	.logo img {}
	#header .nav li .dropdown-menu {background:#222326;}
	#header .nav li .dropdown-menu a {color:#fff; background:url("/images/dot_ico.gif") no-repeat 15px center;}
	.top-menu-h{display:none;}
}
.red {color:#cb1623 !important;}



/* 서브 */
#subvisual {
  background-attachment: fixed;
  background-size: cover;
  padding: 150px 0 100px 0;
  position: relative;
/*  background:url('/images/subvisual.jpg') no-repeat center bottom;#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}
#subvisual01 {
  background-attachment: fixed;
  background-size: cover;  
  position: relative;
  /*background:url('/images/subvisual1.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 

}
.s_adtxt {
	font-size:18px;
	font-weight:400;
	line-height:1.25em;
	padding:80px 0 0 0;
	font-family:'Malgun Gothic', NanumSquare, "나눔고딕", Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif;
	word-break: keep-all;
	white-space : pre-line;
	/*letter-spacing:-0.05em;*/

}
#subvisual02 {
   background-attachment: fixed;
  background-size: cover;  
  position: relative;
  /*background:url('/images/subvisual1.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
}
#subvisual03 {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  /*background:url('/images/subvisual3.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}
#subvisual04 {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  /*background:url('/images/subvisual5.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}
#subvisual05 {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
 /* background:url('/images/subvisual4.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}
#subvisual06 {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  /*background:url('/images/subvisual7.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}
#subvisual07 {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
 /* background:url('/images/subvisual7.jpg') no-repeat center bottom;/*#02bdd5*/
  color: #fff; 
  border-bottom:1px solid #ccc;
}*/



/* 탭메뉴 */
.tabmenu1 {position: relative;}
.tabmenu1 ul {overflow:hidden; list-style:none; margin: 0 !important; padding:0 !important; border-left:1px solid #ccc;}
.tabmenu1 li {float:left; width:20%;}
.tabmenu1 li a {display:block;  line-height:45px; text-align:center; font-size:16px;
	font-family:'Malgun Gothic', NanumSquare, Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif;
	border-right:1px solid #ccc;
}

.tabmenu1 li a.on {color:#fff; background:#555555;}
.tabmenu1 li a:hover {color:#fff; background:#555555;}



.tabmenu2 {/*position: relative;*/  font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif;}
.tabmenu2 ul { overflow:hidden; width:1100px; position:absolute; top:98px; list-style:none; margin: 0 !important; padding-left:20px; /*border-left:1px solid #ccc;*/}
.tabmenu2 li {float:left; width:8%; color:#fff; background:#3d3d3d; margin:0 0 0 2px; border-radius:5px 5px 0 0;}
.tabmenu2 li a {display:block; padding:0 5px 0 5px;  line-height:45px; color:#cacaca;  text-align:center; font-size:14px;
	font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif; border-radius:5px 5px 0 0;
	border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; }

.tabmenu2 li a.on {color:#000; background:#ffffff; border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; border-radius:5px 5px  0px 0;}
.tabmenu2 li a:hover {color:#000; background:#ffffff;}



.tabmenu3 {position: relative;}
.tabmenu3 ul {overflow:hidden; list-style:none; margin: 0 !important; padding:0 !important; border-left:1px solid #ccc;}
.tabmenu3 li {float:left; width:25%;}
.tabmenu3 li a {display:block;  line-height:45px; text-align:center; font-size:16px;
	font-family:NanumSquare, Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif;
	border-right:1px solid #ccc;
}
.tabmenu3 li a.on {color:#fff; background:#555555;}
.tabmenu3 li a:hover {color:#fff; background:#555555;}

.tabmenu4 {/*position: relative;*/  font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif;}
.tabmenu4 ul { overflow:hidden; width:1100px; position:absolute; top:98px; list-style:none; margin: 0 !important; padding-left:20px; /*border-left:1px solid #ccc;*/}
.tabmenu4 li {float:left; width:18%; color:#fff; background:#3d3d3d; margin:0 0 0 2px; border-radius:5px 5px 0 0;}
.tabmenu4 li a {display:block; padding:0 5px 0 5px;  line-height:45px; color:#cacaca;  text-align:center; font-size:14px;
	font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif; border-radius:5px 5px 0 0;
	border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; }

.tabmenu4 li a.on {color:#000; background:#ffffff; border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; border-radius:5px 5px  0px 0;}
.tabmenu4 li a:hover {color:#000; background:#ffffff;}


.tabmenu5 {/*position: relative;*/  font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif;}
.tabmenu5 ul { overflow:hidden; width:1100px; position:absolute; top:98px; list-style:none; margin: 0 !important; padding-left:20px; /*border-left:1px solid #ccc;*/}
.tabmenu5 li {float:left; width:13%; color:#fff; background:#3d3d3d; margin:0 0 0 2px; border-radius:5px 5px 0 0;}
.tabmenu5 li a {display:block; padding:0 5px 0 5px;  line-height:45px; color:#cacaca;  text-align:center; font-size:14px;
	font-family:Malgun Gothic, NanumSquare, "맑은 고딕", AppleGothic, Dotum, sans-serif; border-radius:5px 5px 0 0;
	border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; }

.tabmenu5 li a.on {color:#000; background:#ffffff; border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; font-weight:600; border-radius:5px 5px  0px 0;}
.tabmenu5 li a:hover {color:#000; background:#ffffff;}




#con-header {position: relative; }
#con-header {/*position:absolute;*/ background:url('/images/subvisual3.jpg') no-repeat center bottom; display:block; margin-bottom:10px; z-index:1; }
/*#con-header:after {position:absolute; top:45px; display:block; width:100%; /*height:1px; content:""; */ background:#ccc; z-index:1; }*/


/* 모바일용 비주얼 */
.sm-title01 {position: relative;  color:#fff; text-align:center;  background:url('/images/mobile_svisual1.jpg') no-repeat center top; z-index:2;}
.sm-title02 {position: relative;  color:#fff; text-align:center;  background:url('/images/mobile_svisual2.jpg') no-repeat center top; z-index:2;}
.sm-title03 {position: relative; /*margin-top:90px; padding:40px 0; */color:#fff; text-align:center;  background:url('/images/mobile_svisual3.jpg') no-repeat center top; z-index:2;}
.sm-title05 {position: relative;  /*margin-top:90px; padding:40px 0;*/ color:#fff; text-align:center;  background:url('/images/mobile_svisual5.jpg') no-repeat center top; z-index:2;}
.sm-title04 {position: relative;  /*margin-top:90px; padding:40px 0;*/ color:#fff; text-align:center;  background:url('/images/mobile_svisual4.jpg') no-repeat center top; z-index:2;}
.sm-title_intranet {position: relative;  /*margin-top:90px; padding:40px 0;*/ color:#fff; text-align:center;  background:url('/images/mobile_svisual5.jpg') no-repeat center top; z-index:2;}
.sm-title06 {position: relative;  /*margin-top:90px; padding:40px 0; */color:#fff; text-align:center;  background:url('/images/mobile_svisual6.jpg') no-repeat center top; z-index:2;}
.sm-title07 {position: relative;  /*margin-top:90px; padding:40px 0;*/ color:#fff; text-align:center;  background:url('/images/mobile_svisual7.jpg') no-repeat center top; z-index:2;}



.navigation2 {padding:30px 0 60px 30px; color:#fff; /*letter-spacing:-0.01em;*/ float:left; font-size:30px; font-weight:bold; font-family:"Nanumsquare";}

.navigation { padding-top:40px;  color:#fff;  padding-right:20px;/*letter-spacing:-0.01em;*/ float:right; font-size:12px}
.navigation .last {font-weight:bold; color:#a4e8c2; }

.sub_tab_bg{background-color:#eeeeee; border-right:1px solid #cacaca; border-radius:0px 0px 0 0; }




.dropmenu_area {margin-bottom:20px;}
.dropmenu_area .btn-group {width:100%;}
.dropmenu_area .droptitle {width:89%; border-radius:0px; font-size:20px; background:#f6f6f6;}
.dropmenu_area .dropdown-toggle {width:11%;  border-radius:0px; font-size:20px; background:#f6f6f6;}
.dropmenu_area .dropdown-menu {width:100%; border-radius:0px;}
.dropmenu_area .dropdown-menu li a{line-height:30px;}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.greeting_tit{display:none;}
	.navigation {padding:10px 10px 20px 10px; }
	.dropmenu_area {padding-left:10px; padding-right:10px; }	
}

/* xs */
@media (max-width: 767px) {
	.navigation {padding:10px 10px 20px 10px;}
	.navigation2 {padding:30px 0 15px 15px; color:#fff; /*letter-spacing:-0.01em;*/ float:left; font-size:20px; font-weight:bold; font-family:"Nanumsquare";}
	.dropmenu_area {padding-left:10px; padding-right:10px;}	
}


/*솔루션*/
.tex-erp_2 ul{margin:0; padding:0;  border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; border-left:1px solid #cacaca;}
.tex-erp_2 ul li{ border-top:1px solid #cacaca;text-decoration:none; list-style:none; text-align:center; font-size:14px; padding:10px 10px; background-color:#fff;}
.tex-erp_2 ul .tex-erp_2_bg{background-color:#e1e1e1;  border-top:2px solid #ff8a00; font-weight:bold;}


/*사이트맵*/
.sitemap_2 ul{margin:0; padding:0;  border-bottom:1px solid #cacaca;}
.sitemap_2 ul li{ border-top:1px solid #cacaca;text-decoration:none; list-style:none; text-align:center; font-size:14px; padding:10px 10px; background-color:#fff;}
.sitemap_2 ul li a:hover {color:#007cff; font-weight:bold;} 
.sitemap_2 ul .sitemap_2_bg{background-color:#f2f2f2;  border-top:2px solid #00a348; font-weight:bold;}

.col-lg-13{width:20%; }


/* 인사말 */
#greeting {position: relative; margin-bottom:30px; }
#greeting .img-responsive {width: 100%;}
#greeting .con_txt {text-align:justify; }
#greeting .con_txt .tit {margin-bottom:45px; margin-top:10px; font-size:25px; /*letter-spacing:-0.1em;*/ font-weight:600; text-align:left; } 
#greeting .con_txt p {margin-bottom:35px;/* font-size:15px; letter-spacing:-0.07em;*/ /* word-break: keep-all;*/ }
#greeting .con_txt .ceo_name {font-size:16px;}
#greeting .con_txt .ceo_name span {font-size:20px; font-weight:bold;}
.mobile_ceo {margin-bottom:40px;}


/* xs */
@media (max-width: 480px) {
	.greeting_tit{display:block; font-weight:bold; font-size:15px;}
}


/* 연혁 */
#history {position: relative; margin-bottom:30px; }
#history .nav-tabs.nav-justified>li>a {border-radius:0px; }
#history .nav-tabs a {border: none; border-bottom:3px solid #666; background:#fbfbfb;}
/*#history .nav-tabs a:hover {border: 3px solid #666; border-bottom:none; background:#fff;}*/
#history .nav-tabs .active {top:3px;}
#history .nav-tabs .active a, #history .nav-tabs .active a:hover {border-left: 3px solid #666; border-right: 3px solid #666;  border-top: 3px solid #666;  border-bottom:none; background:#fff; font-weight:bold;}

/*.hitory_table {margin:30px 0; width:100%; border-spacing: 0; border-collapse: collapse; }
.hitory_table caption {display:none;}
.hitory_table tbody th {padding-top:25px;color:#3689b8; font-size:25px; vertical-align:top;}
.hitory_table tbody td {padding-top:30px; padding-bottom:30px;}
.hitory_table tbody td ul {overflow:hidden; list-style:none; margin: 0 !important; padding:0 !important;}
.hitory_table tbody td ul li {clear:both; font-size:20px;}
.hitory_table tbody td ul li strong {float:left; display:block; width:20%; text-align:center;}
.hitory_table tbody td ul li span {float:left; display:block; width:80%;}*/

.hitory_area {clear:both; padding:20px 30px 10px 10px;}
.hitory_area dl {display:table; width:100%; border-bottom:1px solid #ccc;}
.hitory_area dt {display:table-cell; padding-top:10px; width:10%; color:#3689b8; font-size:20px;  font-weight:bold; vertical-align:top;}
.hitory_area dd {display:table-cell; padding-top:10px; padding-bottom:30px; width:90%; }
.hitory_area dd ul {overflow:hidden; list-style:none; margin: 0 !important; padding:0 !important;}
.hitory_area dd ul li {clear:both; font-size:18px; line-height:1.8em;}
.hitory_area dd ul li strong {float:left; display:block; width:15%; text-align:center; /*padding-left:30px; padding-right:30px;*/}
.hitory_area dd ul li span {float:left; display:block; width:85%;}

.solution_mespop_img{margin-bottom:10px; line-height:1.8em; }
.solution_mespop{overflow:hidden; padding:0px; padding-left:30px; font-size:15px;/*background:#f8f8f8; border:1px solid #dcdcdc;*/  }

/* xs */
@media (max-width: 767px) {
	#history {margin:0px 10px 30px 10px;}
	#history .nav-tabs li {float:left; width:50%;}
	#history .nav-tabs .active {top:0px;}

	.hitory_area {padding:30px 10px;}
	.hitory_area dl {display:block; width:100%; border-bottom:1px solid #ccc;}
	.hitory_area dt {display:block; padding-top:10px; width:100%; color:#3689b8; font-size:24px; font-weight:bold; vertical-align:top;}
	.hitory_area dd {display:block; padding-top:10px; padding-bottom:30px; width:100%;}
	.hitory_area dd ul li {padding-bottom:10px; font-size:18px;}
	.hitory_area dd ul li strong {float:none; width:100%;  text-align:left;}
	.hitory_area dd ul li span {float:none; width:100%;}
	#greeting .con_txt .tit{font-size:20px;}
}


/* 조직도 */
#organization {margin:0px 10px 30px 10px;}

/* 경영이념 */
.vision_box img {display:block; margin:0 auto;}
.vision_box {padding:100px 0 40px 0; background:url("/images/intro/vision_bg.png") no-repeat center top; background-size:100% auto;}
.vision_box .tit {margin-bottom:25px;}
.vision_box p {margin-bottom:80px;}
.vision_area1 {margin-bottom:250px;}
.vision_area2 {}
.vision_area2 {margin:40px 0;}
/*.vision_area3 {padding:50px; background:#f8f8f8; border:1px solid #dcdcdc;}*/
.vision_text {overflow:hidden; padding:40px 50px;/* background:#f8f8f8; border:1px solid #dcdcdc;*/ font-size:20px;/* letter-spacing:-0.05em;*/}
.vision_text div {margin-top:10px; margin-bottom:10px;}
.vision_area4 {text-transform: none; margin-bottom:50px; }
.vision_area4 .tit2 {color:#3689b8; font-size:40px;}
.vision_area4 .stxt {font-size:18px; font-weight:400;/* letter-spacing:0.03em;*/}


/*스마트공장*/
#smart {position: relative; margin-bottom:30px; }
#smart .img-responsive {width: 100%;}
#smart .con_txt {text-align:justify; }
#smart .con_txt .tit {margin-bottom:45px; font-size:30px; /*letter-spacing:-0.1em;*/ font-weight:500; text-align:left; } 
#smart .con_txt p {margin-bottom:30px; /*font-size:18px; font-weight:300; letter-spacing:-0.07em;*//* word-break: keep-all;*/ }

.solution_mespop_table_con_txt_p{clear:both; font-size:16px; margin-bottom:0px;}


#smart .con_txt .ceo_name {font-size:16px;}
#smart .con_txt .ceo_name span {font-size:20px; font-weight:bold;}
.mobile_ceo {margin-bottom:40px;}

.smart_text{overflow:hidden; padding:10px 10px 0 10px; background:#f8f8f8; border-top:2px solid #9361be;  border-bottom:1px solid #dcdcdc; font-size:16px; /*letter-spacing:-0.05em;*/}
.smart_text2{overflow:hidden; padding:10px 10px 0 10px; background:#f8f8f8; border-top:2px solid #2ba2e2;  border-bottom:1px solid #dcdcdc; font-size:16px; /*letter-spacing:-0.05em;*/}
.smart_text3{overflow:hidden; padding:10px 10px 0 10px; background:#f8f8f8; border-top:2px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; font-size:16px; /*letter-spacing:-0.05em;*/}
.smart_text4{overflow:hidden; padding:10px 10px 0 10px; font-size:16px; /*letter-spacing:-0.05em; */}

.smart_text_b{padding-top:15px; text-align:center; /* color:#9361be;*/  font-weight:600;}
.smart_text_b2{padding-top:15px; text-align:center; /*color:#2ba2e2;*/ font-weight:600;}
.smart_text_s{text-align:left; padding-bottom:10px;}
.smart_text div{font-family:NanumSquare;  margin-top:0px; margin-bottom:0px; }


@media (max-width: 991px) {
	.vision_box {padding:30px 10px;}
	.vision_area1 {margin-top:50px; margin-bottom:70px;}
	.vision_area2 img {width:70%;}
	.vision_area3 {padding:15px; background:#f8f8f8; border:1px solid #dcdcdc;}
	.vision_text {padding:15px; }
	.vision_text .first {margin-bottom:0px; line-height:1.5em;}
	.vision_text .last {margin-top:0px; margin-bottom:30px; line-height:1.5em;}
	.vision_text .last img {width:34px; vertical-align:middle;}
	.vision_area4 {padding:0 10px;}	


}

@media (max-width: 767px) {
	.vision_text {border:none; font-size:16px;}
	.vision_area4 .stxt {font-size:16px;}
	.carousel-caption .adtxt3{font-size:12px; margin-top:0; line-height:15px; margin-bottom:5px;/* letter-spacing:-1px;*/  }
	.carousel-caption .adtxt3_1{font-size:12px; margin-top:0; line-height:15px;/* letter-spacing:-1px;*/  }
	.carousel-caption .adtxt2{font-size:30px; margin-top:10px; margin-bottom:20px;/* letter-spacing:-1px;  */}
	.carousel-caption .adtxt2_1{font-size:40px; margin-top:10px; margin-bottom:20px;line-height:15px;/* letter-spacing:-1px;  */}
	.carousel-caption .adtxt1{font-size:13px; margin-top:0; line-height:15px;/* letter-spacing:-1px;*/  }
	.carousel-caption .adtxt1_1{font-size:13px; margin-top:0; line-height:15px;/* letter-spacing:-1px;*/  }
	.adtxt1_border{display:none;}
	.button_main img{width:90px; height:28px; margin:0;}
	.main_ico_but{display:none;}
	.about_ico{display:none;}
	.greeting_tit{display:block; font-weight:bold; font-size:20px;}
}


/*하드웨어*/
.hardware01_table{width:100%; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center;} 
.hardware01_table th{background:#f0f0f0; border-right:1px solid #d6d6d6; color:#303030; border-bottom:1px solid #d6d6d6; text-align:center; padding:10px 10px;}
.hardware01_table tr td{padding:10px 10px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; background:#fff;}
.hardware01_table tr .td_bg{background:#f0f0f0;}
.hardware01_table tr .table_left{text-align:left; padding-left:15px; letter-spacing:-0.5px;}


.rk_color a{text-decoration:none; color:blue;}
.rk_color a:hover, a:active {color:blue; text-decoration:none; font-weight:bold;}


/*하드웨어*/
.hardware01_list{width:100%; text-align:center;} 
.hardware01_list ul{width:100%;}
.hardware01_list ul li{padding:10px 10px; text-align:center; float:left; list-style:none;}

/*스마트공장*/
.smart_table{width:100%; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center;} 
.smart_table th{background:#f0f0f0; border-right:1px solid #d6d6d6; color:#303030; border-bottom:1px solid #d6d6d6; text-align:center; padding:10px 10px;}
.smart_table tr td{border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; background:#fff; padding:8px 8px; }
.smart_table tr .table_left{text-align:left; padding-left:20px;}



/* 위치안내 */
#map_canvas {height:550px;}
.adress_info {margin-top:20px; margin-bottom:50px; padding-left:0px !important; }
.adress_info .txt1 {font-size:20px; /*letter-spacing:-0.05em;*/}
.adress_info .txt2 {font-size:15px; }
.mapgo_btn {margin-top:20px;  margin-bottom:50px;}
.mapgo_btn .naver {line-height:30px; background:#22b500; color:#fff; border-radius:0px;}
.mapgo_btn .naver:hover {border:1px solid #22b500;}
.mapgo_btn .daum {line-height:30px; background:#5a95fd; color:#fff; border-radius:0px;}
.mapgo_btn .daum:hover {border:1px solid #5a95fd;}


@media (max-width: 767px) {
	#map_canvas {height:300px;}
	.adress_info {padding-left:10px !important;}
	.adress_info .txt1 {font-size:20px;}
	.adress_info .txt2 {font-size:16px;}

}



/* 주요사업 */
#service-con {position: relative; margin-bottom:30px; }
#service-con .nav-tabs.nav-justified>li>a {border-radius:0px; }
#service-con .nav-tabs a {border: none; border-bottom:3px solid #666; background:#fbfbfb;}
#service-con .nav-tabs .active {top:3px;}
#service-con .nav-tabs .active a, #history .nav-tabs .active a:hover {border-left: 3px solid #666; border-right: 3px solid #666;  border-top: 3px solid #666;  border-bottom:none; background:#fff; font-weight:bold;}


/* xs */
@media (max-width: 767px) {
	#service-con {margin:0px 10px 30px 10px;}
	#service-con .nav-tabs a {border:none; background:#f5f5f5; }
	#service-con .nav-tabs a.tab1, #service-con .nav-tabs a.tab3 {border-right:1px solid #fff;}
	#service-con .nav-tabs li {float:left; width:50%;}
	#service-con .nav-tabs .active {top:0px;}
	#service-con .nav-tabs .active a, #history .nav-tabs .active a:hover {border:none; background:#666; color:#fff;}
}


/* 사업권역 */
#business-area {margin-bottom:30px;}
.business-box ul {width:100%;}
.business-box ul li{ float:left; list-style:none; padding:10px 0px 50px 0;}
.business-box ul li img{width:100%; }
.business-box ul li .business-box-title{ text-align:center; font-weight:bold; font-size:18px; padding:15px 0 0 0;}

.business-box ul li  .btn-more {display:block; text-align:center; width:70%; background:#3689b8; padding:7px 0; margin:20px auto 0 auto; color:#fff; border:1px solid #f5f5f5;}
.business-box ul li  .btn-more:hover {background:#f5f5f5; color:#000;}


/* 면허&제휴현황 */
#license {margin-bottom:80px;}
#license h2 {font-size:50px; font-weight:500;}
#license p {font-size:17px; margin-bottom:60px;  word-break: keep-all;}
#license .img-responsive {width: 100%;}
#license figure {margin-bottom:20px; border:1px solid #ccc;}
#license figcaption {border-top:1px solid #ccc; height:70px; background:#fbfbfb;}
#license h3 {font-size:16px;/* letter-spacing:-0.05em;*/}

#partner {padding:60px 10px; background:#f8f8f8;}
#partner h2 {font-size:50px; font-weight:500;}
#partner p {font-size:17px; margin-bottom:60px;  word-break: keep-all;}
#partner .img-responsive {width: 100%;}
#partner .imgbox {margin-bottom:30px;}

@media (max-width: 767px) {
	#license h2 {font-size:30px;}	
	#license p {padding-left:10px; padding-right:10px; font-size:14px;}
	#partner h2 {font-size:30px;}
	#partner p {padding-left:10px; padding-right:10px; font-size:14px;}
}

/* 채용정보 */
#info {margin-bottom:50px;}
#info .recruit_img img {display:block; margin:0 auto;}
#info h3 small {text-transform: none;}
#info .tit1 {color:#005e8e;}
#info .tit2 {color:#00b9c5;}
#info .tit3 {color:#0083b2;}
#info .tit4 {color:#00badb;}
#info p {word-break: keep-all;/* letter-spacing:-0.03em;*/}

.box1 {padding:50px 20px; font-size:16px; word-break: keep-all; /*letter-spacing:-0.05em; */background:#fbfbfb; border:1px solid #ccc;}
.li_square {list-style: square;}
.mtb60 {margin-top:60px;}

.step ul {list-style:none; margin:0px; padding:0px;}
.step ul li {float:left;}
.step ul li img {width:100%;}
.step2 img {margin:0 auto; }

.dt_table {display:table; width:100%;}
.dt_table dt {display:table-cell;  width:20%; background:#3689b8; color:#fff;}
.dt_table dd {display:table-cell;  width:80%;}

.tableType1 {margin-bottom:30px; width:100%; border-spacing: 0; border-collapse: collapse; border-top:1px solid #ccc; font-size:16px;/* letter-spacing:-0.03em;*/}
.tableType1 caption {display:none;}
.tableType1 tbody th {padding:10px 15px 10px 20px; background:#3689b8; color:#fff; line-height:25px; border-bottom:1px solid #ccc; font-weight:normal;}
.tableType1 tbody td {padding:10px 15px 10px 20px; border-bottom:1px solid #ccc; line-height:25px;}

@media (max-width: 990px) {
	#info {padding-left:10px; padding-right:10px;}
	#person {padding-left:10px; padding-right:10px;}
}

@media (max-width: 767px) {
	.xs_margin {padding-left:0px; padding-right:0px;}
	.box1 {padding:10px 10px; text-align:left;}
	.tableType1 tbody th {padding:5px 5px; }
	.tableType1 tbody td {padding:5px 5px; }
}

/* 회원 */
#member_header {position:fixed; top:0px; width:100%; line-height:90px; background:#fff; border-bottom:1px solid #ccc; text-align:center; z-index:100;}
#member_footer {padding:15px 10px 30px 10px; background:#14314e; color:#fff; text-align:center;/* letter-spacing:-0.05em;*/}
#member_footer a {color:#5e7286;}
.mbskin {padding-top:90px; font-family:"맑은 고딕", NanumSquare, "나눔고딕", Malgun Gothic, AppleGothic, Dotum, sans-serif;}
.mbskin h1 {padding:15px 0; background:#3689b8; color:#fff; text-align:center; font-size:20px; font-family:"맑은 고딕", NanumSquare, "나눔고딕", Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif;}
.member_area {margin:15px 10px; font-size:14px; line-height:1.5em;}
.member_area p {}
.member_area h2 {margin:30px 0 20px 0; padding-left:32px; font-size:20px; line-height:23px; background:url("/images/bu1.png") no-repeat left center;}
.member_area textarea {display:block;margin-bottom:10px;padding:5px;width:97%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
.member_area .btn_confirm {margin-top:30px; }
.member_area .btn_confirm .btn_go {display:inline-block; height:20px; padding: 6px; border: 0; background:#333; color:#fff; font-family:NanumSquare, "나눔고딕"; text-decoration:none; vertical-align:top; font-size:14px;}
.member_area .fregister_agree {text-align:center;}


#mb_login {padding-bottom:30px; /*background:#f5f5f5;*/}
#login_fs {padding:10px 15px; background:#fff; box-shadow:0px 1px 5px 0 #999; border-radius:7px;}
#login_fs dl {width:100%;}
#login_fs dl dt {width:28%; float:left; }
#login_fs dl dd {width:72%; float:left; margin:0 0 5px 0; text-align:right;}
#login_fs dl dd input {width:100%;}
#login_fs .auto_check {clear:both; padding-top:5px; border-top:1px solid #dedede;}
#login_fs .btn_submit {margin:10px 0; height:35px; line-height:35px; width:100%; background:#263661; -webkit-appearance: none;}

.btn_submit {-webkit-appearance: none; border-radius:0px;}

/*
#info_fs {padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #ccc; }
#info_fs p {letter-spacing:-0.07em; text-align:center;}
#info_fs input {width:100%;}
#info_fs dl {width:100%;}
#info_fs dt {width:25%; float:left;}
#info_fs dd {width:75%; float:left; margin:0 0 5px 0; text-align:right;}
.captcha_area {text-align:center;}*/

/* 아이디/비밀번호 찾기 */
#info_fs {}
#info_fs  p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#info_fs  p strong {display:block}
#info_fs  fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#info_fs  fieldset .frm_input {background-color:#fff !important}
#info_fs  label {/*letter-spacing:-0.1em*/}
#info_fs dl {overflow:hidden; margin:0; border:1px solid #e9e9e9;background:#f5f6fa;}
#info_fs dt {width:25%; float:left; padding-top:20px; padding-bottom:20px; text-align:center; }
#info_fs dd {width:75%; float:left; padding-top:20px; padding-bottom:20px; margin:0px; text-align:center;}
#info_fs dd input {width:90%; background-color:#fff !important;}
.captcha_area {padding:10px; text-align:center; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;background:#fff;}


.result_area {width:100%;}

/* 회원가입 완료 */
#reg_result {padding:50px 0 0}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .btn_confirm {margin:50px 0}

/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}

/* 회원 비밀번호 확인 */
/*#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}*/
#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {/*letter-spacing:-0.1em*/}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
.mo_br {display:block;}

/* 비밀글 비밀번호 확인 */
/*#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}*/
#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {/*letter-spacing:-0.1em*/}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}


@media all and (min-width:768px) and (max-width:1024px){
	.member_area {margin:15px 50px;}
	#login_fs {padding:40px 120px;}
	#login_fs dl {float:left; width:80%;}
	#login_fs .btn_submit {float:right; margin-top:14px; width:18%; height:53px; line-height:53px;}
	
	#info_fs {margin:10px auto 0px auto;}
	#info_fs dl {}
	#info_fs dt {width:20%; float:left;}
	#info_fs dd {width:80%; float:left;}
	.result_area {width:80%; margin:15px auto;}
	.mo_br {display:inline-block;}
}

@media all and (min-width:1024px){
	.member_area {width:980px; margin:30px auto;}
	#login_fs {padding:50px 150px;}
	#login_fs dl {float:left; width:70%;}
	#login_fs .btn_submit {float:right; margin-top:14px; width:28%; height:53px; line-height:53px;}	
	#info_fs {margin:10px auto 0px auto;}
	.result_area {width:58%; margin:15px auto;}
	.mo_br {display:inline-block;}
}



/* 인트라넷 */
#intranet_bbs {position:relative; margin-bottom:50px;}
#intranet_bbs .bbs {position:relative; margin-bottom:10px; padding-top:40px; }
#intranet_bbs .bbs h2 {margin:0px 0px 10px 0px; font-size:24px; font-weight:normal; color:#526bbe; }
#intranet_bbs .m_list {position:relative; list-style:none; margin:0; padding:0;}
#intranet_bbs .m_list li{padding:10px 15px; background:#f6f6f6;}
#intranet_bbs .m_list li a {display:block;}
#intranet_bbs .m_list li a:hover {text-decoration:underline; color:#ef0712;}
#intranet_bbs .m_list li dl dt {margin-bottom:10px; font-size:18px; font-weight:400;}
#intranet_bbs .m_list li dl dd .date  {position:absolute; right:15px;}
#intranet_bbs .m_list li.no-data {min-height:137px; line-height:137px;}
#intranet_bbs .more_btn2 {position:absolute; right:15px; top:40px;}
#intranet_photo {position:relative; padding-top:50px; padding-bottom:50px;  background:#f6f6f6;}
#intranet_photo h2 {font-size:24px; font-weight:normal; color:#526bbe;}
#intranet_app {padding-top:40px; padding-bottom:40px;}
#intranet_app h2 {margin-bottom:40px; font-size:26px; font-weight:600; color:#526bbe; text-align:center; /*letter-spacing:-0.03em;*/}
#intranet_app img {display:block; margin:0 auto;}
#intranet_app dl {margin-top:10px;}
#intranet_app dl dt { margin-bottom:15px; text-align:center; }
#intranet_app dl dd {text-align:center; margin-bottom:5px;}
#intranet_app dl dd a {display:inline-block; width:65%; padding:5px 0px; border:1px solid #14314e; border-radius:7px; color:#666;}
#intranet_app dl dd a:hover {background:#14314e; color:#fff;}

@media all and (max-width:480px){
	#intranet_app dl dd a {width:95%; /*letter-spacing:-0.05em;*/}
}