@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; }

#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_logo { width:100%; text-align:center; padding:20px 0;}
#k_logo img { height:50px; }
#k_gnb_wrap {border-top:1px solid #e9e9e9;} 
#k_gnb {  width:1200px; margin:0 auto; height:20px; line-height:20px; padding:20px 0; }
#k_gnb:after { clear:both; display:block; content:""; }
#k_gnb li.level_0 { 
	float:left; 
	width:240px;
	padding:0 10px; 
	position:relative; 
	text-align:center; 
	border-right:1px solid #e9e9e9;
	box-sizing:border-box;
}
#k_gnb li:first-child { padding-left:0; border-left:1px solid #e9e9e9; }
#k_gnb li:last-child { padding-right:0;  }
#k_gnb li.level_0 > a { font-size:18px; font-weight:600; }

.k_gnb_wrap {
	position:absolute;
	left:0;
	top:152px; 
	width:100%; 
	z-index:9999;
	height:0px;
	border-bottom:2px solid #2e3192;
	background-color:#fff;
}
.k_gnb_wrap .layer {
	height:100%;
	box-sizing:border-box;
	background:url("../img/gnb_bg.png") no-repeat left center
}
.k_gnb_wrap ol {
	display:none;
	width:240px;
	height:400px;
	float:left;
}
.ol_hover {
	background-color:#f8f8f8;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	box-sizing:border-box;
}
.k_gnb_wrap ol:first-child { padding-left:0; }
.k_gnb_wrap ol li{
	width:100%;
	text-align:center;
	height:40px;
	line-height:40px;
	box-sizing::border-box;
}

.k_gnb_wrap ol li:last-child { border-bottom:0; }
.k_gnb_wrap ol li a {
	color:#777;
	font-size:16px;
	display:block;
}
.k_gnb_wrap ol li a:hover {
	color:#f1f1f1;
	background-color:#2e3192;
}
#k_container {
	width:100%;
}
.main_wrap { width:100%; }
.section00 { width:100%; position:relative; height:400px; }

.section01 { padding:40px 0 30px;}
.section01_left { width:800px; float:left;  box-sizing:border-box; }
.section01_left h3 {
	width:100%; 
	color:#f1f1f1; 
	padding:5px 10px 5px; 
	box-sizing:border-box; 
	font-size:20px; 
	position:relative;
}
.section01_left ul:after { clear:both; display:block; content:""; }
.section01_left li { 
	float:left; 
	width:160px; 
	height:180px;
	background-color:#f9f9f9; 
	border-right:1px solid rgba(0,0,0,0.1);
	box-sizing:border-box;
	position:relative;
}
.section01_left li a {
	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%);
}
.section01_left li:hover {
	background-color:rgba(0,0,0,0.3);
	transition:all .2s;
}
.section01_left li:last-child { border-right:0; }
.section01_left li img { display:block; margin:0 auto;}
.section01_left li strong { display:block;margin-top:10px; font-size:18px;}

.section01_right { width:400px; float:left; padding-left:30px; box-sizing:border-box; }
.section01_right h3 { 
	height:40px; 
	padding:5px 0 5px 10px;
	box-sizing:border-box; 
	line-height:30px; 
	font-size:20px; 
	color:#f1f1f1; 
	background-color:#2e3192;
	position:relative;
	font-weight:400; 
}
.section01_right h3 a { position:absolute; right:10px; top:5px; color:#f1f1f1; }
.section01_right > div { width:100%; height:140px; border:1px solid #e9e9e9; border-top:0; box-sizing:border-box;}

.notice_title{
	color:#f1f1f1; 
	background-color:#2e3192; 
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	padding-left:10px;
}

.notice_title a{
	position:absolute; right:10px; top:5px; color:#f1f1f1;
}

.section02 { padding-bottom:40px}
.section02 ul:after {
	clear:both; display:block; content:""; 
}
.section02 .layer > ul > li { 
	width:254px;
	height:150px;
	float:left;
	margin-right:20px;
	border:1px solid #e9e9e9;
	box-sizing:border-box;
	
}
.section02 .layer > ul >  li:last-child {
	margin-right:0;
}
/*회사동호회 최신글*/
.section_list li { height:60px; border-bottom:1px solid #e9e9e9; box-sizing:border-box; margin-bottom:10px;}
.section_list li:last-child { border-bottom:0; margin-bottom:0; }
.section_list li:after { clear:both; display:block; content:""; }
.section_list li .img { width:70px; float:left; }
.section_list li .inner { width:193px; float:left; }
.tit { border-bottom:1px solid #e9e9e9; color:#000; marign-bottom:5px;height:20px; box-sizing:border-box;}
.desc {font-size:10px; overflow:hidden; height:35px;}
/*푸터영역*/

#k_footer { 
	text-align:center;
	background-color:#f1f1f1;
	color:#333; 
	padding:20px 0; 
}
#k_footer p { padding-top:10px; }

#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:0 auto;
}
.sub_top {
	width:100%;
	height:200px;
	background:url("../img/sub_top.png") no-repeat center center;
}
.sub_page_cnt { width:100%; }
.sub_nav { border-bottom:1px solid #e9e9e9; height:40px; line-height:40px; }
.sub_nav ul{ float:right; display:inline-block; }
.sub_nav ul:after { clear:both; display:block; content:""; }
.sub_nav ul li { 
	min-width:80px; 
	padding:0 20px; 
	float:left; 
	border-right:1px solid #e9e9e9; 
	box-sizing:border-box;
	text-align:center;
	font-size:12px;
}
.sub_nav ul li a { font-size:12px; }
.sub_nav ul li:first-child { border-left:1px solid #e9e9e9; }

.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:150px;
	font-size:30px;
	text-align:center;
	background-color:#f1f1f1;
} 
.sub_page_left li {
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #e9e9e9;
}
.sub_page_left li a {
	display:block;
	text-indent:10px;
	font-size:16px;
}
.left_menu_hover {
	background-color:#555;
	color:#fff !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;; 
	border-right:1px solid #e9e9e9; 
	box-sizing:border-box;
	line-height:30px;
	font-size:18px;
}
.sub_page_cnt {
	box-sizing:border-box;
	padding-right:49px;
	padding-left:50px;
	padding-top:20px;
}
.sub_page_top { width:100%; }
.sub_page_top h3 { 
	font-size:34px; 
	position:relative;
	margin-bottom:30px;
	padding-left:20px;
	box-sizing:border-box;
}
.sub_page_top h3:after {
	content:"";
	display:block; 
	width:5px;
	height:20px;
	background-color:#2e3192;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	
}
.sub_page { padding-bottom:40px; min-height:500px; font-size:16px; }

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

/*인사말*/
.sub00_00 { 
	line-height:35px; 
	font-size:18px; 
	color:#555;
	letter-spacing:-0.05em;
	background:url("../img/sub00_00_bg.png") no-repeat center bottom;
	padding-bottom:0px;
}
/*인사말*/


/* 조직도 */
.org_chart {
	width:100%; 
}
.repeat-x {
	height:2px;
	background:url("../img/x-line.png") repeat-x center top;
	width:702px;
	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-top:120px;
	float:left;
	background:url("../img/y-line.png") repeat-y center center;
	margin-right:25px;
}
.box01 > div:last-child { 
	margin-right:0; 
}
.box01 h3 {
	width:150px;
	height:50px;
	background-color:#225289;
	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;
}
.box02 p:last-child { margin-right:0; }
.box02 p span {
	display:block;
	width:202px;
	height:50px;
	margin-bottom:10px;
	background-color:#f1f1f1;
	color:#333;  
	line-height:44px; 
	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);
}
/*조직도*/

/*오시는 길*/
.sub00_05 table { width:100%; border-collapse:collapse; margin-top:20px; }
.sub00_05 table th { border:1px solid #e9e9e9; padding:10px 20px; }
.sub00_05 table td { border:1px solid #e9e9e9; padding:10px 20px; } 
/*오시는 길*/


/* 견적문의 */
.contact_mail_form {
	width:100%; 
	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:#ccc;
	color:#333;
	font-weight:bold; 
	text-align:center; 

	
}
.contact_mail_form p input {
	display:block;
	width:275px;
	height:100%;
	float:left;
	border:1px solid #e9e9e9;
	text-indent:10px;
	box-sizing:border-box;
}
.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:700px;
	height:100%;
	border:1px solid #e9e9e9;
	padding:none !important;
	letter-spacing:0; 
	text-indent:0;
	box-sizing:border-box;
}
.form_btn_layer {
	width:100%; 
	padding:20px 0;
	text-align:center;
}
.form_btn {
	display:inline-block;
	padding:10px 50px;
	color:#fff;
	background-color:#555;
	cursor:pointer;
	border-radius:10px;
}

.form_btn:hover {
	background-color:#2e3192
}
/* 견적문의 */

/*최신글*/
.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;
}

.sub03_01_row_title{
	float:left;
	width:850px;
	border-bottom:1px solid #dadada;
	background:#99cccc;
} 

.sub03_01_row_title div{
	font-weight:bold;
}

.sub03_01_field{
	float:left;
	padding:12px 0px;
	text-align:center;
	font-size:14px;
	color:#3333333;
	border-right:1px solid #dadada;
}

.sub03_01_row{
	float:left;
	width:850px;
	border-bottom:1px solid #dadada;
}

.f_01{width:90px;}
.f_02{width:150px;border:0px;}
.f_03{width:200px;border-left:1px solid #dadada;}
.f_04{width:150px;}
.f_05{width:150px;}
.f_06{width:100px;border:0px;}

.main_slider{
	float:left;
	width:100%;
	height:400px;
}

.movie_layer{
	position:absolute;
	width:380px;
	height:360px;
	background:#f4f4f4;
	right:0px;
}


.n_section02{
	width:100%;
	border:0px solid red;
	margin-top:75px;
	margin-bottom:75px;
}

.n_section02_layer{
	width:1200px;
	height:300px;
	margin:0 auto;
}

.f_section02_layer{
	float:left;
	width:1200px;
}

.f_section02_left{
	float:left;
	width:580px;
	height:300px;
}

.f_section02_right{
	float:right;
}

.f_section02_box{
	float:left;
	width:183px;
	height:298px;
	border:1px solid #dadada;
	background:#f4f4f4;
}

.f_section02_box_title{
	float:left;
	width:160px;
	padding-top:14px;
	padding-bottom:14px;
	color:#ffffff;
	font-size:17px;
	text-align:left;
	padding-left:23px;
	background:#2e3192;
}

.f_section02_box_img{
	float:left;
	width:183px;
	height:180px;
	border-bottom:1px solid #dadada;
}

.f_sction02_box_txt{
	float:left;
	width:183px;
	text-align:center;
	font-size:14px;
	color:#444444;
	margin-top:9px;
}

.f_section02_notice_ul{
	float:left;
	width:170px;
	margin-left:12px;
	margin-top:10px;
}

.f_section02_notice_ul li{
	float:left;
	width:160px;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px dashed #dadada;
	font-size:13px;
	color:#666666;
	overflow: hidden; 
  	text-overflow: ellipsis;
  	white-space: nowrap; 
}

.f_section02_notice_ul li:hover{
	cursor:pointer;
	color:#2e3192;
	text-decoration:underline;
}


.process_row{
	float:left;
	width:850px;
	padding-bottom:50px;
	padding-top:50px;
	border-bottom:1px solid #dadada;
}

.process_left_img{
	float:left;
	width:380px;
	height:185px;
	margin-left:30px;
}

.procss_left_img01{
	float:left;
	width:185px;
	height:185px;
}

.procss_left_img02{
	float:right;
	width:185px;
	height:185px;
}

.process_right_txt{
	float:right;
	width:420px;
	text-align:center;
}

.process_title_txt{
	font-size:17px;
	font-weight:bold;
	color:#333333;
}

.process_txt{
	font-size:15px;
	color:#666666;
	line-height:160%;
}


.header_top_menu{
	float:right;
	margin-top:-80px;
	
}

.header_top_li{
	float:left;
	font-size:12px;
}

.top_li_margin{
	margin-left:20px;
	margin-right:20px;
}

.header_top_li:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#2e3192;
}


.map_box{
	float:left;
	width:30%;
}

.map_box_title{
	float:left;
	width:100%;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #dadada;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#091677;
}

.map_box_ul{
	float:left;
	width:100%;
}

.map_box_li{
	float:left;
	width:100%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px dashed #dadada;
	font-size:16px;
	color:#333333;
}

.map_box_li:hover{
	cursor:pointer;
	background:#f4f4f4;
}