@import "/css/font.css";

* { margin:0; padding:0; }
body, html { margin:0; padding:0; 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; }

#k_wrap { width:100%; }
#k_header_wrap { 
	width:100%;
	border-bottom:2px solid #707070;
	
}
.layer { width:1100px; margin:0 auto; position:relative; }
.layer:after { clear:both; display:block; content:""; }

.top_menu { width:100%; text-align:right; padding:5px 0 3px; }
.top_menu a { display:inline-block; font-size:12px; padding:0 10px; line-height:20px; }
.top_menu span { display:inline-block; vertical-align:middle; font-size:10px;}
.eng_button { 
	color:#fff !important; 
	background-color:#de0023; 
	border-radius:10px; 
	font-size:10px !important;
	margin-left:10px;
}
#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_gnb {  padding:10px 0 25px 250px; width:100%; box-sizing:border-box;  }
#k_gnb:after { clear:both; display:block; content:""; }
#k_gnb li.level_0 { float:left; width:150px; position:relative; text-align:center; }
#k_gnb li.level_0 > a { font-size:18px; font-weight:600;}

.k_gnb_wrap {
	display:none;
	position:absolute;
	left:0;
	top:88px; 
	width:100%; 
	z-index:9999;
	padding:10px 0;
	background-color:rgba(255,255,255,0.9);
	height:200px
}
.k_gnb_wrap .layer {
	padding-left:250px;
	box-sizing:border-box;
}
.k_gnb_wrap ol {
	display:none;
	float:left;
	border-right:1px dotted #555;
	box-sizing:border-box;
	min-height:200px;
}
.k_gnb_wrap ol:last-child { border-right:0; }
.k_gnb_wrap ol li{
	width:150px;	
	height:40px;
	line-height:40px;
	text-align:center;
}
.k_gnb_wrap ol li a {
	color:#333;
	font-size:16px;
}
.k_gnb_wrap ol li a:hover {
	font-weight:800;
}

#k_container {
	width:100%;
}
.main_wrap { width:100%; }
.section00 { width:100%; height:500px; }
.section00 .layer { height:100%;  }
.section00_bg {
	background:url("../img/main_bg.png") no-repeat right 10px;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.section00_txt {
	position:absolute;
	left:-1000px;
	top:30%;
	opacity:0;
	
}
.section00_product {
	position:absolute;
	left:0;
	bottom:10px;
}

.slogun { position:absolute; right:50px; top:50px; }
#slogun_box { 
	position:relative; 
	width:570px; 
	height:100px; 
	line-height:100px; 
	text-align:center; 
}
	#slogun_box:after { clear:both; display:block; content:""; }
	#slogun_box strong { 
		font-size:30px; 
		display:block; 
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	}
	#slogun_box p { 
		font-size:24px; 
		font-weight:bold; 
		float:left; 
		position:absolute;
		top:52%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
	}

	.slogun_img { 
		display:none; 
		width:500px;
		position:absolute; 
		left:50%; 
		top:50%; 
		transform:translate(-50%,-50%); 
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		text-align:center;
		width:500px;
		height:200px;
	}
	.slogun_img span { 
		font-size:26px; 
		font-weight:600; 
		padding-bottom:15px;
		display:block;
		height:50px;
	}
	.strong00 { 
		width:60px;  
		left:41%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	}
	.span00 { width:142px; left:60px;}

	.strong01 {
		width:53px; 	 
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
	 }
	.span01 { width:330px; left:250px; }

	.span00, .span01 { display:none;}

.section01 {
	padding:20px 0;
	background: rgba(90,154,209,1);
	background: -moz-linear-gradient(top, rgba(90,154,209,1) 0%, rgba(66,116,191,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,154,209,1)), color-stop(100%, rgba(66,116,191,1)));
	background: -webkit-linear-gradient(top, rgba(90,154,209,1) 0%, rgba(66,116,191,1) 100%);
	background: -o-linear-gradient(top, rgba(90,154,209,1) 0%, rgba(66,116,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(90,154,209,1) 0%, rgba(66,116,191,1) 100%);
	background: linear-gradient(to bottom, rgba(90,154,209,1) 0%, rgba(66,116,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a9ad1', endColorstr='#4274bf', GradientType=0 );
}
.section01 ul:after { clear:both; display:block; content:""; }
.section01 ul li { 
	float:left; 
	color:#fff;
	width:340px;
	margin-right:40px; 
}
.section01 ul li h3 { padding-bottom:10px; font-weight:600; font-size:18px;}
.section01 ul li:nth-child(2) ul {
	width:100%; 
}
.section01 ul li:nth-child(2) ul:after { clear:both; display:block; content""; }
.section01 ul li:nth-child(2) ul li {float:left; width:73px; margin-right:14px; }
.section01 ul li:nth-child(2) ul li:last-child { margin-right:0; }
.section01 ul li:nth-child(2) ul li img { display:block; }
.section01 ul li:nth-child(2) ul li span { display:block; font-size:10px; padding-top:5px; }

.section01 ul li:last-child { margin-right:0;}
.section01 ul li:last-child div:after { clear:both; display:block; content:"";  }
.section01 ul li:last-child p { 
	float:left; 
	width:100px; 
	float:left; 
	margin-right:20px; 
	
}
.section01 ul li:last-child p:nth-child(2) { box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1); }
.section01 ul li:last-child p img { display:block; margin:5px auto;}
.section01 ul li:last-child p:last-child { margin-right:0; }
.section01 ul li:last-child strong { display:block; width:100%; padding:5px 0; text-align:center; color:#fff; font-weight:400;}

#k_footer { background:#f5f5f5; padding:20px 0; }
#k_footer p { padding-top:10px; }


/* 서브페이지 공통 영역 */
.sub_page_wrapper {
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.sub_top {
	width:100%;
	height:200px;
	background:url("../img/sub_top.png") no-repeat center center;
}
.sub_page_left {
	float:left;
	width:200px;
	margin-top:-150px;
	border:2px solid #e9e9e9;
	box-sizing:border-box;
}
.sub_page_left h3 {
	width:100%;
	height:150px;
	background-color:#fff;
	position:relative;
	background:url("../img/left_h3_bg.png") no-repeat center center;
}
.sub_page_left h3 span {
	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:32px;
	width:100%;
	font-weight:800;
	text-align:center;
	color:#333;
}
.sub_page_left ul {
	width:100%;
}
.sub_page_left ul li {
	width:100%;
	box-sizing:border-box;
	border-bottom:1px dotted #e9e9e9;
}
.sub_page_left ul li a {
	display:block;
	padding:10px 0 10px 15px;
	width:100%;
	box-sizing:border-box;
	letter-spacing:-0.05em;
}
.left_menu_hover {
	color:#fff !important;
	font-weight:800;
	background:url("../img/left_menu.png") no-repeat 183px center, #4274bf;
	background-size:10px;
}
.sub_page_right {
	float:left;
	width:900px;
	padding-left:30px;
	box-sizing:border-box;
}
.sub_page_top { width:100%; margin-bottom:15px; padding-top:10px; position:relative; }
.sub_page_top h3 { font-size:32px; font-weight:600; height:50px; line-height:50px; letter-spacing:-0.05em;}
.sub_nav { 
	position:absolute; 
	right:0; 
	bottom:3px; 
	font-size:12px;
	letter-spacing:-0.05em; 
}
.sub_nav a { font-size:12px; }
.sub_nav span { display:inline-block; padding:0 3px;}
.sub_page_top:after {
	clear:both; 
	display:block; 
	content:"";
	width:200px;
	height:2px;
	background-color:#5999d0;
	position:absolute;
	left:50px;
	bottom:-5px
}
.sub_page { padding-top:20px; padding-bottom:40px; font-size:16px; }
.sub_page_title { font-size:24px; padding-bottom:20px; line-height:30px; vertical-align:middle; font-weight:600; }
.sub_page_title span { display:inline-block; color:#4274bf; padding-right:5px; font-size:14px; vertical-align:middle; font-weight:800;  }
/* 서브페이지 공통 영역 */

/* CEO 인사말 */
.sub00_00 {
	line-height:30px;
	font-size:18px;
}
.sub00_00 p {
	text-align:right;
}
/* CEO 인사말 */

/* 비전 및 연혁 */
.sub00_01 { font-size:18px; line-height:30px; }
/* 비전 및 연혁 */


/* 비전 및 연혁 */
.sub00_03 img { width:100%; }
/* 비전 및 연혁 */

/* 사업장 소개 */
.sub00_02 table { width:100%; border-collapse:collapse; margin-bottom:50px; }
.sub00_02 table th { border:1px solid #e9e9e9; padding:10px 5px; background-color:#f9f9f9;}
.sub00_02 table td { 
	border:1px solid #e9e9e9; 
	font-size:14px;
	padding:10px 0 10px 10px;
}

/* 사업장 소개 */

/* 오시는 길 */
.contact_info h3 {
	padding-top:20px;
	padding-bottom:10px;
}
.contact_info table {
	border-collapse:collapse;
	width:100%; 
	border-top:2px solid #999;
	border-bottom:2px solid #999;
}
.contact_info table tr:first-child { border-bottom:1px solid #e9e9e9; }
.contact_info table th { padding:10px 0; background-color:#f1f1f1;}
.contact_info table td { padding:10px 0 10px 15px; }

/* 오시는 길 */

/*제품소개*/
.sub01 {
	width:100%;
}
.sub01 ul { width:100%; }
.sub01 ul li { width:100%; border-bottom:1px solid #999; height:30px; line-height:30px; padding:10px 0;}
.sub01 ul li:last-child { border-bottom:0; }
.sub01 ul li:after { clear:both; display:block; content:""; }
.sub01 ul li div:nth-child(1) { width:600px; float:left; }
.sub01 ul li div:nth-child(1) span { 
	display:inline-block; 
	padding-right:15px; 
	font-weight:800;
	color:#4274bf;
}
.sub01 ul li div:nth-child(2) { 
	width:270px; 
	float:left; 
	border-left:1px solid #aaa;
	box-sizing:border-box;
	text-align:center;
}
.sub01 ul li div:nth-child(2) a {
	display:inline-block;
	margin:0 10px;
	width:70px;
	height:30px;
	line-height:30px;
	background-color:#333;
	color:#f1f1f1;
	font-weight:300;
	font-size:12px;
	box-sizing:border-box;
	border:1px solid #333;
}
.sub01 ul li div:nth-child(2) a:hover {
	border:1px solid #333;
	color:#333 !important;
	font-weight:400;
	background-color:#fff;
	box-sizing:border-box;
}

.pd_sub_title { 
	margin-bottom:15px; 
	font-size:20px; 
	font-weight:600; 
	position:relative;
	padding-left:15px;
	box-sizing:border-box;
}
.pd_sub_title:before { 
	background-color:#4274bf;
	width:3px;
	height:20px;
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-10px; 
}

.pd_sub_box { padding-bottom:30px; line-height:25px; }
.pd_sub_box img { width:85%;}

.pd_sub_box table { border-collapse:collapse; width:100%; margin:20px 0; }
.pd_sub_box table th { border:1px solid #e9e9e9; background-color:#f9f9f9; padding:10px 0; }
.pd_sub_box table td { border:1px solid #e9e9e9; text-align:center; padding:10px 0; }
/*제품소개*/

/* 온라인 문의 */

.contact_mail_form {
	width:800px; 
	margin:20px auto 0;
}
.contact_mail_form p {	
	width:100%; 
	height:50px;
	padding:10px 0;
}
.contact_mail_form p:after {
	clear:both;
	display:block;
	content:"";
}
.contact_mail_form p label {
	display:block;
	width:150px;
	height:100%;
	font-size:14px;
	line-height:50px;
	float:left;
	box-sizing:border-box;
	/*background-color:rgba(51,51,51,0.5);*/
	color:#0c51a0;
	font-weight:bold; 
	text-align:center; 
	background-color:#e2e2e2;

	
}
.contact_mail_form p input {
	display:block;
	width:248px;
	height:100%;
	float:left;
	border:1px solid #e9e9e9;
	text-indent:10px;
}
.contact_mail_form p:nth-child(3) {
	height:200px !important;
}
.contact_mail_form p:nth-child(3) label {
	width:150px;
	height:200px;
	line-height:200px !important;
}
.contact_mail_form p textarea {
	width:648px;
	height:100%;
	border:1px solid #e9e9e9;
	padding:none !important;
	letter-spacing:0; 
	text-indent:0;
}
.form_btn_layer {
	width:100%; 
	padding:20px 0;
	text-align:center;
}
.form_btn {
	display:inline-block;
	padding:20px 100px;
	color:#fff;
	background-color:#555;
	cursor:pointer;
	border-radius:10px;
}

.form_btn:hover {
	background-color:#0c51a0;
	color:#f1f1f1;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
}
/* 온라인 문의 */

/* 사이트맵 */
.sitemap_wrap { }
.sitemap { width:100%; padding:100px 0; }
.sitemap:after { clear:both; display:block; content:""; }
.sitemap > li { width:260px; float:left; margin-right:20px; }
.sitemap > li:last-child { margin-right:0; }
.sitemap > li > a { 
	padding:10px 0; 
	text-align:center; 
	background-color:#4274bf; 
	display:block;
	color:#f1f1f1;
	font-size:20px;
	font-weight:600;
}

.sitemap > li > ol { width:100%; }
.sitemap > li > ol li { 
	width:100%; 
	border-bottom:1px dotted #e9e9e9; 
	height:40px; 
	line-height:40px; 
	text-align:center;
}
.sitemap > li > ol li a{
	font-size:16px;
}
/* 사이트맵 */

/* 게시판 영역 */
#bo_v_table { display:none; }

/* 게시판 영역 */
.pg_page, .pg_current {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    color: #000;
    letter-spacing: 0;
    line-height: 25px;
    font-size:11px;
    vertical-align: middle;
    background-color:#fff;
}
#hd_login_msg, #bo_v_table { display:none; }

/* 갤러리 게시판 */
#bo_w .tbl_frm01 th { background-color:#fff; }
.btn_submit { background-color:#333 !important;}
#bo_gall .gall_li { margin:0 10px 30px 0; }
.gall_text_href { text-align:center; }

/*일반 게시판*/

a.btn_admin { height:30px; line-height:30px; padding:0 10px !important; color:#fff; }
a.btn_b02, a.btn_b01 { height:30px; line-height:30px; padding:0 10px !important; }
.btn_cancel {  height:30px; line-height:30px; padding:0 10px !important;}
.btn_submit {  height:30px; line-height:30px; padding:0 10px !important; }

.tbl_head01 thead th {
	padding:6px;
}
#bo_list .tbl_head01 thead th {
	background-color:#fff; 
}
#bo_list .tbl_head01 thead th input {
	vertical-align:middle; 
}
a.btn_b02 { color:#fff; }

/*최신글 영역*/
.lt { width:100%; position:relative; }
.lt li { width:100%; height:25px; border-bottom:1px dotted rgba(255,255,255,0.2);}
.lt_more { position:absolute; display:inline-block; right:0; top:-35px; }
.lt_more a {color:#fff;}
/*최신글 영역*/