@charset "utf-8";
html, body {height:100%; width:100%; min-width:1100px
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button{margin:0;padding:0;color:#666;font-size:12px;line-height:20px; font-family:"NanumBarunGothic", nbg, dotum, sans-serif;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible}

a{line-height:1.25em;text-decoration:none;}
a:hover{}
form,fieldset,img{border:0 none;}
table{ border-collapse:collapse;table-layout:fixed;border-collapse:collapse;border-spacing:0}
em{font-style:normal}
ul,ol,li{list-style:none;}
input,select{vertical-align:middle;}
button{border:0;margin:0;padding:0;overflow:visible;background:none;*padding:0 .25em  0 .25em;}
caption, .skip, .hide{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;margin:0;padding:0;}
legend, caption { display:none; }
img{vertical-align:top}
.container { width:1100px;  }
.tab_box{ width:100%; text-align: center; overflow: hidden;}

.top_smenu{ position: absolute; top:18px; right:0px; width:200px  ; text-align:right }
.ebox a{ background-color: rgba(255, 255, 255, 0.1); font-size:12px; color:rgba(255, 255, 255, 0.5); border:1px solid rgba(255, 255, 255, 0.3) ; padding:5px 10px; display:block; float:right; margin-left:-1px; }
.ebox a:hover{ background-color: rgba(255, 255, 255, 0.5); font-size:12px; color:rgba(255, 255, 255, 0.8); border:1px solid rgba(255, 255, 255, 0.3) ; padding:5px 10px; display:block;float:right; text-decoration:none}
.top_smenu2{ position: absolute; top:40px; right:0px;  color:rgba(255, 255, 255, 0.7); font-size:12px;  font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;; }
.top_smenu2 a{ color:#fff}

/**** 공통 ****/
.container .title_box{ position: absolute; top:150px; padding:0px; left:0; margin-left:0px; width:100%}
.container .title_box .stext{ width:100%; font-size:14px; color:#999; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; text-align:center; line-height:14px; padding-top:10px }
.container .title_box .btext{ width:100%; font-size:36px; color:#fff; text-transform:uppercase; font-family: 'Montserrat', sans-serif;; text-align:center; margin-bottom:10px; font-weight:700}


#all{ position:relative; width:100%; min-height:100%; height:100%; float:left; box-sizing:border-box; overflow:hidden; zoom; height:auto !important}
.img_title01{	position: absolute;	width:100%;	height:270px;	background-image: url(../_img/01/topbg01.jpg);	background-repeat: no-repeat;	background-position: center bottom; position:relative; margin-top:-20px}

.img_title02{position: absolute;	width:100%;	height:270px;	background-image: url(../_img/02/topbg01.jpg);	background-repeat: no-repeat;	background-position: center bottom; position:relative; margin-top:-20px}

.img_title03{	position: absolute;	width:100%;	height:270px;	background-image: url(../_img/03/topbg01.jpg);	background-repeat: no-repeat;	background-position: center bottom; position:relative; margin-top:-20px}


.img_title04{	position: absolute;	width:100%;	height:270px;	background-image: url(../_img/01/topbg01.jpg);	background-repeat: no-repeat;	background-position: center bottom; position:relative; margin-top:-20px}

.img_title05{	position: absolute;	width:100%;	height:270px;	background-image: url(../_img/01/topbg01.jpg);	background-repeat: no-repeat;	background-position: center bottom; position:relative; margin-top:-20px}



 
 #bottom_nextbg{width:100%; float:left; background:url(../_img/01/bottombg.jpg); height:196px; position:relative; z-index:9999999999 }
.next_page_info{width:50%; float:right;  }
.next_page_info .next_text_bg{	width:100%;	float:left;	z-index:999999}
.next_page_info .next_text_bg a{	width:100%;	float:left;	background-image: url(../_img/common/ar_next.png);
	background-repeat: no-repeat;	background-position: right center; margin-top:70px; opacity:0.5; }
.next_page_info .next_text_bg a:hover {	width:100%;	float:left;	background-image: url(../_img/common/ar_next.png);
	background-repeat: no-repeat;	background-position: right center; margin-top:70px; opacity:0.8}
.next_page_info .next_text_bg .text1{ font-size:11px; color:rgba(255, 255, 255, 0.5); margin-bottom:5px; text-align:right; line-height:14px; padding-right:50px}
.next_page_info .next_text_bg .text2{ font-size:30px; color:rgba(255, 255, 255, 1);; text-align:right;  font-family: 'Montserrat', sans-serif;; padding-right:50px; width:100%; box-sizing:border-box}


.back_page_info{width:50%; float:left;}
.back_page_info .back_text_bg{	width:100%;	float:left;	}
.back_page_info .back_text_bg a{	width:100%;	float:left;	background-image: url(../_img/common/ar_back.png);
	background-repeat: no-repeat;	background-position: left center; margin-top:70px; opacity:0.5;  display:block }
.back_page_info .back_text_bg a:hover {	width:100%;	float:left;	background-image: url(../_img/common/ar_back.png);
	background-repeat: no-repeat;	background-position: left center; margin-top:70px; opacity:0.8; display:block}
.back_page_info .back_text_bg .text1{ font-size:11px; color:rgba(255, 255, 255, 0.5); margin-bottom:5px; text-align:left; line-height:14px; padding-left:50px}
.back_page_info .back_text_bg .text2{ font-size:30px; color:rgba(255, 255, 255, 1);; text-align:left;  font-family: 'Montserrat', sans-serif;; padding-left:50px; width:100%; box-sizing:border-box}

	

#footer {
 
  color: #fff;
  background-color:#1f2929; float:left; width:100%
}



#footer .container .sitemap{ width:78%; float:left ; box-sizing:border-box; border-left:1px solid #505256; margin:40px 0px}
#footer .container .sitemap .menu_box{ width:14%; float:left;box-sizing:border-box; border-right:1px solid #505256 ; height:160px}
#footer .container .sitemap .menu_box .title_text{ width:100%; float:left; font-size:16px; color:#fff; margin-bottom:10px ; padding-left:20px; box-sizing:border-box}
#footer .container .sitemap .menu_box .title_text a{ width:100%; float:left; font-size:16px; color: rgba(255, 255, 255, 1); margin-bottom:10px }
#footer .container .sitemap .menu_box ul li{ width:100%; float:left; font-size:12px; color:rgba(255, 255, 255, 0.5); margin-bottom:3px; padding-left:20px; box-sizing:border-box }
#footer .container .sitemap .menu_box ul li a{ color:rgba(255, 255, 255, 0.3);  }
#footer .container .sitemap .menu_box ul li a:hover{ color:rgba(255, 255, 255, 1);  }

#footer .container .sitemap .menu_box2{ width:68%; float:left;box-sizing:border-box; border-right:1px solid #505256 ; height:160px}
#footer .container .sitemap .menu_box2 .title_text{ width:100%; float:left; font-size:16px; color:#fff; margin-bottom:10px ; padding-left:20px; box-sizing:border-box}
#footer .container .sitemap .menu_box2 .title_text a{ width:100%; float:left; font-size:16px; color: rgba(255, 255, 255, 1); margin-bottom:10px }
#footer .container .sitemap .menu_box2 .smenubox{ width:26%; float:left; padding-left:20px; box-sizing:border-box}
#footer .container .sitemap .menu_box2 .smenubox .title_s{ width:100%; float:left;  font-size:14px; color: rgba(255, 255, 255, 0.8); margin-bottom:5px}
#footer .container .sitemap .menu_box2 .smenubox ul li{ width:100%; float:left; font-size:12px; color:rgba(255, 255, 255, 0.5); margin-bottom:3px; padding-left:0px; box-sizing:border-box }
#footer .container .sitemap .menu_box2 .smenubox ul li a{ color:rgba(255, 255, 255, 0.3);  }
#footer .container .sitemap .menu_box2 .smenubox ul li a:hover{ color:rgba(255, 255, 255, 1);  }
#footer .container .sitemap .menu_box2 .smenubox2{ width:15%; float:left; padding-left:20px; box-sizing:border-box}
#footer .container .sitemap .menu_box2 .smenubox2 .title_s{ width:100%; float:left;  font-size:14px; color: rgba(255, 255, 255, 0.8); margin-bottom:5px}
#footer .container .sitemap .menu_box2 .smenubox2 ul li{ width:100%; float:left; font-size:12px; color:rgba(255, 255, 255, 0.5); margin-bottom:3px; padding-left:0px; box-sizing:border-box }
#footer .container .sitemap .menu_box2 .smenubox2 ul li a{ color:rgba(255, 255, 255, 0.3);  }
#footer .container .sitemap .menu_box2 .smenubox2 ul li a:hover{ color:rgba(255, 255, 255, 1);  }

#footer .container .sitemap .menu_box2 .smenubox3{ width:30%; float:left; padding-left:20px; box-sizing:border-box}
#footer .container .sitemap .menu_box2 .smenubox3 .title_s{ width:100%; float:left;  font-size:14px; color: rgba(255, 255, 255, 0.8); margin-bottom:5px}
#footer .container .sitemap .menu_box2 .smenubox3 ul li{ width:100%; float:left; font-size:12px; color:rgba(255, 255, 255, 0.5); margin-bottom:3px; padding-left:0px; box-sizing:border-box }
#footer .container .sitemap .menu_box2 .smenubox3 ul li a{ color:rgba(255, 255, 255, 0.3);  }
#footer .container .sitemap .menu_box2 .smenubox3 ul li a:hover{ color:rgba(255, 255, 255, 1);  }


#footer .container .cs{ width:22%; float:right ; box-sizing:border-box; margin:40px 0px}
#footer .container .cs .cs01{ width:100%; float:right ; box-sizing:border-box; height:35px; color:#fff}
#footer .container .cs .cs01  em{ font-size:20px; font-weight:bold; color:#fff}

#footer .container .cs .cs02{	width:100%;	float:left;	box-sizing:border-box;	 height:60px; color:#ccc; }
#footer .container .cs .cs03{	width:100%;	float:left;	box-sizing:border-box;	height:35px;	background-position: left center;color:#ccc;}
#footer .container .cs .cs04{	width:100%;	float:left;	box-sizing:border-box;	height:35px;		background-position: left center;  color:#ccc; }

#footer .copy{ width:100%; float:left ;  background-color:#000; padding:20px 0px; text-align:center; color:#666 }

	
	
	
	/* 서브메뉴 탭 */
.sub_left_menu { width:1100px; float:left;  }
.sub_left_menu h1{ height:0px;}
.sub_left_menu h1 p{display:none}

.sub_left_menu dl{border-left:1px solid #cccccc;width:100%; }
.sub_left_menu dt{ font-size:16px; line-height:1.0em; color:#464646;   background-color:#ededed; cursor:pointer;  float:left; text-align:center;  border:1px solid #cccccc;  margin-left:-2px; padding:18px 0px; margin-bottom:-1px}

.dt_w5 dt{ width:20%; }
.dt_w4 dt{ width:25%; }
.sub_left_menu dt.selected, 
 .sub_left_menu dt.over{ color:#fff; background:url(none) repeat-y 0 16px; }
 .sub_left_menu dt.selected a,
.sub_left_menu dt.over a{ color:#fff; display:block; background:url("../_img/common/icon_arrow.png") no-repeat 100% 3px;  }

.sub_left_menu.sub_left_menu_01 dt.over{background-color:#ccc;border:1px solid #ccc; color:#666; }
.sub_left_menu.sub_left_menu_01 dt.selected{background-color:#0062b5;	border:1px solid #0062b5; color:#fff;}

.sub_left_menu.sub_left_menu_02 dt.over{background-color:#ccc;border:1px solid #ccc;color:#666; }
.sub_left_menu.sub_left_menu_02 dt.selected{background-color:#0062b5;border:1px solid #0062b5; color:#fff;	 }

.sub_left_menu.sub_left_menu_03 dt.over{background-color:#ccc;border:1px solid #ccc; color:#666; }
.sub_left_menu.sub_left_menu_03 dt.selected{background-color:#0062b5;border:1px solid #0062b5; color:#fff;	}
.sub_left_menu.sub_left_menu_04 dt.over{background-color:#ccc;border:1px solid #ccc; color:#666; }
.sub_left_menu.sub_left_menu_04 dt.selected{background-color:#0062b5;	border:1px solid #0062b5; color:#fff;}
.sub_left_menu.sub_left_menu_05 dt.over{background-color:#ccc;border:1px solid #cc; color:#666; }
.sub_left_menu.sub_left_menu_05 dt.selected{background-color:#0062b5;border:1px solid #0062b5; color:#fff;	}


.sub_left_menu.sub_left_menu_01{ display:none; }
.sub_left_menu.sub_left_menu_02{ display:none; }
.sub_left_menu.sub_left_menu_03{ display:none; }
.sub_left_menu.sub_left_menu_04{ display:none; }
.sub_left_menu.sub_left_menu_05{ display:none; }
.sub_left_menu.sub_left_menu_06{ display:none; }
 .sub_left_menu.sub_left_menu_07{ display:none; }
 
 
 
#bbs_top {
 width:100%;
margin-top:10px; float:left

}

#bbs_top .search_box{  font-size:12px; float:right; }

.search_box input{ height:30px; float:left; margin-right:5px;}
.search_box a{ background-color:#999; border:1px solid #000; color:#fff; height:30px;float:right; padding:0px 10px; line-height:30px }
.search_box a:hover{ background-color:#333; border:1px solid #000; color:#fff; height:30px;float:right; padding:0px 10px; line-height:30px }



/* 게시판 리스트-공통 */
table { border-collapse:collapse; }

.bbs_list {
 width:100%;
 margin-bottom:10px;
  border-bottom:1px solid #666666;	

}


.bbs_list thead tr th{
	height:50px; border-top:3px solid #333; background:#f0f0f0; border-bottom:1px solid #999; color:#333; font-size:14px;  text-align:center;
}


.bbs_list tbody th {
 background-color:#878a8d;
 border-right:none;
 border-left:none; 
}
.bbs_list tbody td {
 padding:8px 0 8px 0;
 line-height:30px;
 border:1px solid #e1e1e1;
 border-right:none;
  border-left:none;
 text-align:center; COLOR:#666666;font-size:13px; 
}


.bbs_list td.center {text-align: center;} 
.bbs_list td.left {text-align:left; padding-left:10px} 
.bbs_list td.right {text-align:right; padding-right:20px} 

/* Paginate */
	.paginate{padding:2px 0 30px 0; text-align:center; clear:both; }
	.paginate a {display:inline-block;_position:relative;margin-left:-7px;padding:3px 8px 1px 7px;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background:#ffffff;color:#aaaaaa;f	font-family:'NanumGothic','돋음',gulim,arial,tahoma,dotum,'굴림',sans-serif; text-align:left;font-size:13px; line-height:normal;text-decoration:none}
	.paginate strong{display:inline-block;_position:relative;margin-left:-7px;padding:3px 8px 1px 7px;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background:#ffffff; f	font-family:'NanumGothic','돋음',gulim,arial,tahoma,dotum,'굴림',sans-serif; text-align:left;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none}
	.paginate strong{color:#464646 !important; text-decoration:underline;}
	.paginate a:hover{background:#f7f7f7}
	.paginate a.pre{padding:3px 8px 1px 16px;border:none;background:url(../_img/bbs/bu_pg1_l1.gif) no-repeat 8px 6px !important;font-weight:normal; }
	.paginate a.pre_end{padding:3px 8px 1px 16px;border:none;border-right:1px solid #dcdcdc;background:url(../_img/bbs/bu_pg1_l2.gif) no-repeat 4px 6px !important;font-weight:normal}
	.paginate a.next{padding:3px 16px 1px 8px;border:none;background:url(../_img/bbs/bu_pg1_r1.gif) no-repeat 34px 6px !important;font-weight:normal}
	.paginate a.next_end{padding:3px 16px 1px 8px;border:none;border-left:1px solid #dcdcdc;background:url(../_img/bbs/bu_pg1_r2.gif) no-repeat 34px 6px !important;font-weight:normal}
	.paginate span.pre{padding:3px 8px 1px 16px;border:none;background:url(../_img/bbs/bu_pg1_l1.gif) no-repeat 8px 6px !important;font-weight:normal}
	.paginate span.pre_end{padding:3px 8px 1px 16px;border:none;border-right:1px solid #dcdcdc;background:url(../_img/bbs/bu_pg1_l2.gif) no-repeat 4px 6px !important;font-weight:normal}
	.paginate span.next{padding:3px 16px 1px 8px;border:none;background:url(../_img/bbs/bu_pg1_r1.gif) no-repeat 34px 6px !important;font-weight:normal}
	.paginate span.next_end{padding:3px 16px 1px 8px;border:none;border-left:1px solid #dcdcdc;background:url(../_img/bbs/bu_pg1_r2.gif) no-repeat 34px 6px !important;font-weight:normal}

#bbs_box{  float:left; width:100%}
#bbs_box02{  float:left; width:100%; margin-bottom:20px}

/* 게시판 뷰 타입1 */
.bbs_view01 {
 width:100%;
 margin-bottom:30px;
 border-top:3px solid #333;
}



.bbs_view01 tbody th {
	padding:10px 25px 10px 25px;
	font-size:14px;
	border-bottom:1px solid #bfbfbf;
	f	font-family:'NanumGothic','돋음',gulim,arial,tahoma,dotum,'굴림',sans-serif; text-align:left;
	text-align:left;
	color:#333;
	background-image: url(../_img/bbs/table_icon.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #f0f0f0; font-weight:normal
}

.bbs_view01 tbody td {
 line-height:10px;
border-bottom:1px solid #bfbfbf;
 border-right:none;
  border-left:none; padding:5px 10px; line-height:20px; font-size:14px;

}
.bbs_view01 tbody td .noline{
border:none; padding:0px; margin:0px

}


.bbs_view02 {
 width:100%;
 margin-bottom:30px;
 border-top:1px solid #333;
}



.bbs_view02 tbody th {
	padding:10px 25px 10px 25px;
	font-size:14px;
	border-bottom:1px solid #bfbfbf;
	f	font-family:'NanumGothic','돋음',gulim,arial,tahoma,dotum,'굴림',sans-serif; text-align:left;
	text-align:left;
	color:#333;
	background-image: url(../_img/bbs/table_icon.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #f0f0f0; font-weight:normal
}

.bbs_view02 tbody td {
 line-height:10px;
border-bottom:1px solid #bfbfbf;
 border-right:none;
  border-left:none; padding:5px 10px; line-height:20px; font-size:14px;

}
.table_view_text { width:100%; float:left; margin-bottom:30px }

.btn_post { width:100%; float:left; margin-top:10px; height:50px}
.left_btn { float:left;width:50%;}
.right_btn { float:right;width:50%; ; text-align:right}
.btn_post  a{   padding:10px 20px; background-color:#f7f7f7; border:1px solid #ccc; font-size:14px; color:#333; }
.btn_post a:hover{   padding:10px 20px; background-color:#ccc; border:1px solid #666; font-size:14px; color:#333; }




/* 구글지도 */ 
#map-canvas, #map_canvas { 
  width : 100%; /* 구글 지도 넓이 */ 
  height: 500px; /* 구글 지도 높이 */ 
  font-size:12px; 
} 

/* 말풍선관련 css 시작 */ 
.map_Heading { /* 말풍선 타이틀(회사명) css */ 
  line-height:30px; 
  font-size:20px; 
  font-weight:bold; 
  color:#30C; 
} 

.map_Content { /* 말풍선 내용 css */ 
  font-size:12px; 
  color:#333; 
} 

/* 말풍선 회사홈페이지 링크 css */ 
a:link.map_Content    { text-decoration: none; color: #333; } 
a:active.map_Content  { text-decoration: none; color: #333; } 
a:visited.map_Content { text-decoration: none; color: #333; } 
a:hover.map_Content  { text-decoration: none; color: #A2002E; } 
/* 말풍선관련 css 끝 */