@import "font.css";

* { margin:0; padding:0; }
body, html { margin:0; padding:0; color:#333; overflow-x:hidden; font-size:14px; font-family: "NotoSans",sans-serif !important;}
li { list-style:none; }
div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, li, img { margin:0; padding:0 ; font-family: "NotoSans",sans-serif !important;}
section, footer, header, nav { display:block; }
a:link, a:visited { text-decoration:none; color:#333; font-size:14px; }
h2 { position:absolute; left:-9999px; width:1px; height:1px; line-height:0; overflow:hidden;}
button, input, textarea, select { font-size:14px; font-family: "NotoSans",sans-serif !important;}
img { vertical-align:middle; border:none !important;}

#k_wrap { width:100%; max-width:1920px; min-width:1200px; margin:0 auto; }
#k_header_wrap { width:100%; }
.layer { width:1200px; margin:0 auto; position:relative; }
.layer:after { clear:both; display:block; content:""; }

#k_header_wrap > .layer { height:90px; }
#k_header_wrap .layer .top_menu { 
	position:absolute; 
	right:0; 
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.top_menu a {
	display:inline-block; 
	padding:0 5px 0 7px;
	font-size:12px;
}
#k_logo { 
	position:absolute; 
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
#k_logo img { width:250px; }
#k_gnb_wrap { background-color:#f1592a; } 
#k_gnb {  width:960px; margin:0 auto; height:20px; line-height:20px; padding:15px 0; }
#k_gnb:after { clear:both; display:block; content:""; }
#k_gnb > li.level_0 { 
	float:left; 
	width:240px; 
	position:relative; 
	text-align:center; 
	border-right:1px solid rgba(255,255,255,0.2);
	box-sizing:border-box;
}
#k_gnb > li:first-child { border-left:1px solid rgba(255,255,255,0.2); }
#k_gnb li.level_0 > a { 
	font-size:18px; 
	font-weight:400; 
	display:block;
	color:#f1f1f1;
}
.level_1 {
	display:none;
	width:240px;
	position:absolute;
	left:0;
	top:35px;
	width:100%;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #f1592a;
	background-color:#fff;
	z-index:9999;
}
.level_1 > li {
	z-index:9999;
	position:relative;
	height:40px;
	line-height:40px;
	border-bottom:1px dotted #e9e9e9;
}
.level_1 > li > a { display:block;}
.level_1 > li:hover { background-color:#4c4d4f; }
.level_1 > li:hover > a { color:#f1f1f1; }
.level_1 > li:last-child { border-bottom:0; }
.level_1 > li > div {
	display:none;
	position:absolute;
	left:239px;
	top:0;
	width:240px;
	background-color:#fff;
	border:1px solid #e9e9e9;
	box-sizing:border-box;
}
.level_1 > li > div a {
	display:block;
	border-bottom:1px dotted #e9e9e9;
}
.level_1 > li > div a:hover { background-color:#f1f1f1; }
.level_1 > li > div a:last-child { 	border-bottom:0; }

#k_container { 	width:100%; }
.main_wrap { width:100%; }
.section00 { width:100%; position:relative; height:500px; }

.section01 { padding:40px 0 30px;}
.section01_left { width:350px; float:left;  box-sizing:border-box; }
.section01_left h3 {
	width:100%;  
	padding:5px 10px 5px; 
	box-sizing:border-box; 
	font-size:20px; 
	position:relative;
}
.section01_right {
	width:810px;
	float:left;
	margin-left:40px;
	box-sizing:border-box;
}

/*푸터영역*/
#k_footer {
	background-color:#f1f1f1;
	color:#333; 
	padding:20px 0; 
}
#k_footer .layer > div { float:left; }
.ft_left { width:400px;}
.ft_right { width:800px; text-align:right; line-height:25px; }
#k_footer p { padding-top:10px; clear:both; text-align:center; }
#k_footer span { display:inline-block; padding:0 5px 0 7px; }

#top_btn { 
	position:fixed; 
	right:20px; 
	bottom:20px; 
	text-align:center; 
	line-height:50px;
	border:1px solid #e9e9e9;
	color:#fff;
	width:50px;
	height:50px;
	cursor:pointer;
	background-color:#48455b;
}

/* 서브페이지 공통 영역 */
.sub_page_wrapper {
	width:100%;
	max-width:1920px;
	margin:40px auto;
}
.sub_top {
	width:100%;
	height:200px;
	background:url("../img/sub_top.png") no-repeat center center;
}
.sub_page_cnt { width:100%; }
.sub_nav { height:40px; line-height:40px; text-align:right; font-size:12px; color:#999; }
.sub_nav span  { display:inline-block; padding:0 3px 0 5px; }
.sub_nav a { font-size:12px; color:#999;}

.sub_page_left { 
	width:250px; 
	float:left;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	box-sizing:border-box;
}
.sub_page_left h3 {
	width:100%; 
	height:150px;
	line-height:25px;
	/*background-color:#f1f1f1;*/
	background:url("../img/left_top_bg.png") no-repeat center center;
	position:relative;
} 
.sub_page_left h3 span {
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	font-size:24px;
	letter-spacing:-0.05em;
	color:#999;
}
.sub_page_left h3 b { 
	display:inline-block; 
	padding-bottom:5px; 
	font-size:34px;
	color:#333;
}
.sub_page_left li {
	width:100%;
	min-height:50px;
}
.sub_page_left li > a {
	display:block;
	text-indent:10px;
	font-size:16px;
	border-bottom:1px solid #e9e9e9;
	line-height:50px;
	font-weight:600;
}
.sub_page_left li div a {
	display:block;
	padding:10px 15px;
	box-sizing:border-box;
	border-bottom:1px dotted #e9e9e9;
	color:#999;
}
.sub_page_left li div a:last-child { border-bottom:1px solid #e9e9e9; }
.left_menu_hover {
	background:url("../img/left_menu_hover.png") no-repeat center center;
	color:#fff !important;
	position:relative;
}.left_menu_hover2 {
	background:#ddd;
	color:#333 !important;
	position:relative;
}
.left_menu_hover:after {
	content:"〉";
	display:block;
	position:absolute;
	right:10px;
	top:0;
	color:#fff;
	font-weight:800;
	
}
.sub_page_right { 
	width:950px; 
	float:left; 
	min-height:300px;; 
	box-sizing:border-box;
	line-height:30px;
	font-size:18px;
}
.sub_page_cnt {
	box-sizing:border-box;
	padding-left:50px;
	padding-top:20px;
}
.sub_page_top { width:100%; }
.sub_page_top h3 { 
	font-size:32px; 
	padding-bottom:15px;
	box-sizing:border-box;
	position:relative;
	letter-spacing:-0.03em;
}
.sub_page_top h3:after { 
	content:"";
	display:block;
	width:100%;
	height:3px;
	padding-bottom:10px;
	position:absolute;
	left:0;
	bottom:-5px;
	background:url("../img/sub_page_top_h3.png") no-repeat center center;
}
.sub_page { padding:30px 0; min-height:500px; font-size:16px; }

/* 서브페이지 공통 영역 */

/*인사말*/
.sub00_00 { 
	line-height:40px; 
	font-size:18px;
	letter-spacing:-0.05em;
}
.sub00_00 p {
	padding-top:50px;
	text-align:right;
}
/*인사말*/

/*회사연혁*/
.history_wrap { width:100%; }
.history_wrap > li {float:left;}
.history_wrap > li:nth-child(1) { width:260px; position:relative; overflow:hidden; }
.history_wrap > li:nth-child(1) img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.history_wrap > li:nth-child(2) { 
	width:640px; 
	padding-left:40px; 
	box-sizing:border-box;
	font-size:16px;
}
/*회사연혁*/

/* 조직도 */
.org_chart_banner {
	position:absolute;
	background-color:#f1f1f1;
	padding:30px 15px;
	border-radius:10px;
	line-height:20px;	
}
.org_chart_banner:after {
  content:"";
  display:block;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-top: 80px solid #f1f1f1;
  position:absolute; 
  bottom:-80px;
  left:30%;
  margin-left:-10px;
}

.org_chart {
	width:100%; 
	position:relative;
}
.repeat-x {
	height:2px;
	background:url("../img/x-line.png") repeat-x center top;
	width:738px;
	margin:0 auto;
}
.box00 { 
	width:100%;
	background:url("../img/y-line.png") repeat-y center center;
	padding-bottom:70px;
}

.box00 h3 { 
	width:210px; 
	height:50px; 
	margin:0 auto; 
	background-color:#17375e;
	color:#fff;  
	line-height:44px; 
	text-align:center; 
	border:3px solid #f1f1f1;
	box-sizing:border-box;
	border-radius:10px;
	-webkit-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	-moz-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
}
.box01 { text-align:center; }
.box01:after { clear:both; display:block; content:""; }
.box01 > div {
	padding:50px 0;
	float:left;
	background:url("../img/y-line.png") repeat-y center center;
	margin-right:14px;
	margin-right:20px
}
.box01 > div:last-child { 
	margin-right:0; 
}
.box01 > div:first-child h3{ 
	background-color:#225289 !important;
}
.box01 h3 {
	width:164px;
	height:50px;
	background-color:#555;
	color:#fff;  
	box-sizing:border-box;
	line-height:44px; 
	text-align:center; 
	border:3px solid #f1f1f1;
	border-radius:10px;
	-webkit-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	-moz-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	
}
.box02 {width:100%; }
.box02:after { clear:both; display:block; content:""; }
.box02 p {
	margin-right:14px;
	float:left;
	margin-right:20px;
}
.box02 p:last-child { margin-right:0; }
.box02 p span {
	display:block;
	width:164px;
	margin-bottom:10px;
	font-size:14px !important;
	background-color:#f1f1f1;
	color:#333;  
	text-align:center; 
	border:3px solid #ccc;
	box-sizing:border-box;
	border-radius:10px;
	font-weight:600;
	-webkit-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	-moz-box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	box-shadow: 10px 10px 19px -1px rgba(0,0,0,0.09);
	letter-spacing:-0.05em;
}
.span_arrow {
	box-shadow:none !important;
	background-color:#fff !important;
	border:0 !important;
}
/*조직도*/

/*오시는 길*/
.sub00_02 li {
	width:100%;
	margin-bottom:30px;
	letter-spacing:-0.03em;
} 
.sub00_02 li h3 { 
	font-size:24px; 
	margin-bottom:10px; 
	position:relative;
	padding-left:15px;
	box-sizing:border-box;
}
.sub00_02 li h3:before {
	display:block;
	content:"";
	width:8px;
	height:8px;
	background-color:#f1592a;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
}
.sub00_02 li > div { float:left; padding-top:20px; border-top:1px solid #e9e9e9; }
.sub00_02 li:after { clear:both; display:block; content:""; }
.info_box { width:450px; box-sizing:border-box; padding-right:50px; }
.info_box p:first-child { padding-bottom:10px;}
.info_box p:last-child { padding-top:5px; text-align:center; }
.map_box { width:450px; }
/*오시는 길*/

/*보유장비 및 시설*/
.sub00_03 {
	box-sizing:border-box;
	line-height:35px;
	padding-top:150px;
	background:url("../img/sub00_03.png") no-repeat center 20px;
	letter-spacing:-0.05em;
	font-size:17px;
}
/*보유장비 및 시설*/

/* 견적문의 */
.contact_mail_form { padding-top:30px;}
.contact_mail_form li {	width:100%; margin-bottom:10px;}
.contact_mail_form li:after { clear:both; display:block; content:""; }
.contact_mail_form li p { width:430px; margin-right:40px; float:left; }
.contact_mail_form li p:last-child { margin-right:0; }
.contact_mail_form li label { display:block; font-size:18px; margin-bottom:5px;}
.contact_mail_form li input[type="text"] {
	border:0;
	background-color:#f9f9f9;
	border-bottom:1px solid #e9e9e9;
	width:430px;
	height:40px;
}
.contact_mail_form li textarea {
	width:900px; 
	background-color:#f9f9f9;
	border:0;
	border-bottom:1px solid #e9e9e9;
	height:150px;
}
.form_btn_layer { text-align:center;}
.form_btn { 
	cursor:pointer;
	display:inline-block;
	padding:7px 30px; 
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
background-color:#f1592a;
color:#f1f1f1;
}
/* 견적문의 */

/*관계사*/
.sub02_01 { 
	padding-bottom:100px;
	background:url("../img/sub02_01_bg.png") no-repeat right bottom;
}
.sub02_01 img{
	margin-bottom:30px;
}
.sub02_01 ul:after {
	clear:both;
	display:block;
	content:"";
}
.sub02_01 li{
	float:left;
	width:210px;
	height:100px;
	box-sizing:border-box;
	border:1px solid #e9e9e9;
	margin-right:20px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	letter-spacing:-0.03em;
	background-color:rgba(255,255,255,0.8);
}
.sub02_01 li p {
	width:80%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.li_last { margin-right:0 !important; }
/* 관계사 */

/*기술소개*/
.sub_page_txt { letter-spacing:-0.03em; font-size:16px;}
.sub_page_title { 
	font-size:20px; 
	box-sizing:border-box; 
	position:relative; 
	margin:30px 0 10px;
	padding-left:15px;
}
.sub_page_title:after{
	display:block;
	content:"";
	width:8px;
	height:8px;
	background-color:#f1592a;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
}

.sub_page_table { 
	border-collapse:collapse; 
	width:100%; 
	line-height:30px; 
	margin-bottom:20px; 
}
.sub_page_table thead th { padding:10px; border-top:1px solid #333 !important; }
.sub_page_table tbody tr:last-child th, .sub_page_table tbody tr:last-child td {border-bottom:1px solid #333 !important;}
.sub_page_table th { border:1px solid #e9e9e9; padding:5px 10px; background-color:}
.sub_page_table td { border:1px solid #e9e9e9; padding:15px 10px;}

.sub_page_img:after { clear:both; display:block; content:""; }
.sub_page_img li {
	width:210px; 
	height:190px;
	float:left;
	margin-right:20px;
	padding:9px;
	box-sizing:border-box;
	border:1px solid #e9e9e9;
	box-sizing:border-box;
}
.sub_page_img li p { letter-spacing:-0.03em;}
.sub_page_img li:hover {
	background-color:rgba(0,0,0,0.5);
	transition:all .3s;
}
.sub_page_img li:hover p {
	color:#fff;
	transition:all .3s;
}
.sub_page_img_box {
	width:100%;
	height:100%;
} 
.sub_page_img_box p { text-align:center; font-size:14px; line-height:35px;}
/*기술소개*/

/* ESC 제작 공정 */
.sub01_02_list {
	width:100%;
}
.sub01_02_list:after {
	clear:both; display:block; content:"";
}
.sub01_02_list li {
	float:left;
	display:inline-block;
	padding:10px 20px;	
	border:1px solid #e9e9e9;
	border-radius:20px 20px 0 0;
	background-color:#f9f9f9;
	color:#aaa;
	cursor:pointer;
}
.sub01_02_list_hover {
	background-color:rgba(0,0,0,0.7) !important;
	color:#fff !important;
}
.sub01_02_content:after {
	clear:both;
	display:block;
	content:"";
}
.sub01_02_content li {
	width:100%;
	padding-top:15px; 
	float:left;
	display:none;
}
.sub01_02_content li h3 { padding-bottom:20px;} 
/*최신글*/
.recent { display:block; height:23.8px; line-height:23.8px; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
.recent_subject { width:100%; height:100%; position:relative; }
.recent_subject span { position:absolute; right:0; top:0; font-size:12px; }

/*게시판영역*/
#bo_v_table, #hd_login_msg { display:none; }
.tbl_head01 thead th { background-color:#f9f9f9; padding:7px 0; font-size:14px; }
a.btn_admin { 
	border:1px solid #999; 
	color:#333; 
	border-radius:5px;
	background-color:#fff;
	font-size:12px;
	padding:0 10px;
	height:30px;
	line-height:30px;
}
a.btn_b02, a.btn_b01 {
	border:1px solid #e9e9e9;
	color:#333;
	background-color:#fff;
	border-radius:5px;
	font-size:12px;
	padding:0 10px;
	height:30px;
	line-height:30px;
}
.btn_bo_adm input, .btn_cancel {
	border:1px solid #999 !important;
	background-color:#fff !important; 
	color:#333 !important;
	font-size:12px !important;
	padding:0 10px !important;
	height:30px;
	line-height:30px;
}
.btn_submit { 
	background-color:#333; 
	color:#fff;
	font-size:12px;
	padding:0 10px;
	height:30px;
	line-height:30px;
}