@charset "utf-8";
/* CSS Document */

<!-- 초기화 -->
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select,body {
	font-family: 'HPSimplified', sans-serif;
	margin:0;padding:0; word-break:keep-all; letter-spacing: -0.025em;
	line-height:1.5;
	}

h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top; max-width:100%;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
/*caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}*/
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:no:;rmal;}
a {color:#777;text-decoration:none;}
a:hover,a:focus{text-decoration: none !important;  }
img,fieldset{border:0;outline:none}
input,button{
  outline:none;
}


.wrap{width:100%; overflow:hidden; }

.top_box{width:100%; background:#fff; position:fixed; top:0; z-index:10}
.top_box .logo_box{text-align:center; border-bottom:1px solid #ccc;padding:5px;}


/* 모바일 메뉴 */
.top_box .m_menu{}
.top_box .m_bg{position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 90;
  display: none;
  opacity:0.1;
  }

.m_menu{ position:relative; height:100%; background:#000; top;0}
.m_menu .m_area{display: block;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 100;
  width: 100%;
  background: #fff;
  height:100%;
  overflow:auto;
  }

.m_area .m_list{position:relative; width:100%; background:#f8f8f8; }
.m_list .menu_logo{padding:5px; background:#fff;}
.m_area .m_list li a{ background: #f8f8f8;
  background-size: 15px auto;
  color: #333;
  border-bottom: 1px solid #dadada;
  display: block;
  padding: 12px 10px 12px 10px;}
      
.m_area .s_list{display:none; width:100%; position:relative;} 
.m_area .s_list li a{ background: #fff;
  color: #666;
  border-bottom: 1px solid #dadada;
  display: block;
  padding: 12px 0 12px 30px;
  transition: background-color 0.5s, color 0.5s;  	  
}
  
/* 모바일 메뉴버튼 */
.m_area .m_list .m_close{position:absolute; right:8%; top:15px; cursor:pointer;}


.m_menu .m_btn{position:absolute; top:-55px; left:25px;}
.m_menu .m_btn img{width:30px; height:30px; cursor:pointer}


/* 서브 로케이션 */

.location{ position:relative; z-index:3; background:#2471c8; margin:0; font-size:13px;}
.location:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.location .path{ width:100%; margin:0 auto; background:#3a7fce;}
.location .path>li{ position:relative; text-align:left; background:url(../img/menu_arr.png) 95% center no-repeat;}
.location .path>li>a{ display:block; padding-left:14px; color:#c8dbf1; line-height:40px; padding-right:40px; border-left:#3a7fce 1px solid; font-weight:400; color:#fff;}
.location .path>li>span{ display:block; padding-left:14px; color:#666; line-height:40px; padding-right:16px;  border-left:#e9e9e9 1px solid; }
.location .path>li>a:after{ content:""; position:absolute; top:50%; right:20px; margin-top:-2px; width:10px; height:5px; display:inline-block; background:url(../images/blt_loc.png) 50% 50% no-repeat;}
.location .path>li.on>a,
.location .path>li>a:focus,
.location .path>li>a:hover{ text-decoration:underline}
.location .path>li>a img{vertical-align:0}
.location .path>li:first-child{ margin-left:0; padding-left:0; width:40px; min-width:40px; }
.location .path>li:first-child>a:after{ display:none;}
.location .path>li:first-child>a{ line-height:40px; padding-left:10px;border-left:#3a7fce 1px solid;}
.location .path>li:first-child>a:hover, 
.location .path>li:first-child>a:focus{ }
.location .path>li:last-child{ display:block; min-width:100%;}
.location .path>li:last-child>a,
.location .path>li:last-child>span{ border-right:#3a7fce 1px solid;}
.location .path .sub-path{ display:none; position:absolute; top:40px; left:0; z-index:30; width:100%;}
.location .path .sub-path.show,.location .path .low_path.show
.location .path > li.on .sub-path,.location .path > li:hover .sub-path{ display:block;}
.location .path .sub-path ul{ background-color:#fff; border:1px solid #e7e7e7;}
.location .path .sub-path ul li{ position:relative; border-top:1px solid #e7e7e7;}
.location .path .sub-path ul li:first-child{ border-top:0 none;}
.location .path .sub-path ul li > a{ display:block; min-width:100%; height:32px; padding:0 10px 0 14px; color:#333; line-height:32px;}
.location .path .sub-path ul li.on > a ,
.location .path .sub-path ul li > a:focus,
.location .path .sub-path ul li > a:hover{ background-color:#f9f9f9; color:#0f6347;}


/* 중간 메뉴 */
.intro_wrap{display:block;}
.intro_area{width:100%; }
.intro_con{position:relative; width:100%;background:#32393f; }
.intro_con h2{font-size:1.45rem; text-align:center; color:#fff;padding:3% 0;}
.intro_con a{
	width:100%;display:block; 
	text-align:center; box-sizing:border-box; 
	padding:30px; font-size:1.2em;
	position:absolute;
	bottom:0;
	color:#fff;
	background:rgba(0,0,0,.6);}
.intro_con a span{display:block; margin:10px 0;}
.list_a{background:url(../img/bg_01.jpg) 0 0; background-position:52% 100%; background-size:cover; }
.list_b{background:url(../img/bg_02.jpg) 0 0; background-position:50% 100%; background-size:cover; 

}
.list_b .it_img{position:absolute;left:10%;top:22%; display:block; }
.list_b .it_img img{width:90%;margin:0 auto;}
.list_b a{background:rgba(0,0,0,.6); color:#fff; }

.list_c{display:block;}
.list_c ul{width:100%;margin:0 auto;overflow:hidden;}
.list_c ul li{float:left; width:50%; font-size:4vw; position:relative;}
.list_c ul li a{color:#fff; font-weight:bold; }
.list_c ul li a span{ position:absolute; left:5%; bottom:5%; text-shadow: 0.1em 0.1em 0.1em #000;}
.list_c ul li:first-of-type{width:100%; color:#000;}
.list_c ul li:first-of-type a{color:#000; font-size:6vw;}
.list_c ul li:first-of-type a span{ text-align:center; display:block; width:100%; top:45%; left:0; text-shadow: 0.1em 0.1em 0.1em #fff; }
.list_c ul li:nth-of-type(5) a{color:#000;} 
.list_c ul li:nth-of-type(5) a span{text-shadow: 0.1em 0.1em 0.1em #fff;}


.intro_area:before,
.intro_area:after {
  content: "";
  display: table;
  clear: both;
}

/* 서브컨텐츠 */
.sub_content{background-size:cover !important;}
.sub_content div{ background:rgba(0,0,0,.6); }

/* 서브 배경 */

#first_one {
  background: url(../bg/bg01.jpg) no-repeat center center fixed;
}

#first_two {
  background: url(../bg/bg02.jpg) no-repeat center center fixed;
}

#first_three {
  background: url(../bg/bg03.jpg) no-repeat center center fixed;
}

#first_four {
  background: url(../bg/bg04.jpg) no-repeat center center fixed;
}

#first_five {
  background: url(../bg/bg05.jpg) no-repeat center center fixed;
}

#first_six {
  background: url(../bg/bg06.jpg) no-repeat center center fixed;
}

/* 사업소개 배경*/

#second_one {
  background: url(../bg/bg07.jpg) no-repeat center center fixed;
}

#second_two {
  background: url(../bg/bg08.jpg) no-repeat center center fixed;
}

#second_three {
  background: url(../bg/bg09.jpg) no-repeat center center fixed;
}

#second_four {
  background: url(../bg/bg10.jpg) no-repeat center center fixed;
}

#second_five {
  background: url(../bg/bg11.jpg) no-repeat center center fixed;
}

#second_six {
  background: url(../bg/bg12.jpg) no-repeat center center fixed;
}

/* 갤러리 */

.img_arrow{ width:10%; height:50px; position:fixed; top:50%; right:3%; font-size:1.4em; text-align:right; font-weight:bold; color:#000 }


/* 협력사 배너 */
.partner_wrap{width:100%; margin:40px 0;}
.partner_tit{text-align:center; font-size:2em; color:#999;}

.swiper-container {
	width:100%;
	max-width: 250px;
	height: 80px;
	padding: 10px;
}
.swiper-slide {
	background: no-repeat;
	background-position: center;
	
	width: 300px;
	height: 80px;
}

/* 기타메뉴 */

.after_wrap{width:100%; }
.another_m{width:100%; max-width:900px; margin:0 auto; box-sizing:border-box; padding:0 0 5px 15px;}
.after_wrap li{width:32%;height:250px; display:inline-block; }
.after_wrap li a{
	width:100%; height:100%; 
	display:block; color:#999; 
	font-weight:bold; text-align:center; 
	box-sizing:border-box; padding-top:30px; 
	font-size:1.2rem; border:2px solid #666; 
	border-radius:10px;	
	}
.after_wrap li a:hover{
	border:2px solid #36C;
	}


.after_wrap .partner{
	background:url(../img/s_hand.png) no-repeat center 80%;
	background-size:55% 50%;
	}
	
.after_wrap .recruit{
	background:url(../img/recruit.png) no-repeat center 80%;
	background-size:55% 50%;
	}
	
.after_wrap .map{
	background:url(../img/map.png) no-repeat center 80%;
	background-size:55% 50%;
	}	

/* 상단메뉴 */

/* 맨위로 버튼 */

#toTop {
  display:none;
  z-index:20;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../img/ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}



/* 하단메뉴 */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix {
  zoom: 1;
}

.footer-brn{ position:relative; top:auto; right:auto; margin:0; padding:10px 20px;}
.footer-brn:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.footer-brn li{ position:relative;  display:block; float:left; width:50%; margin:0; padding:0 10px; text-align:center;}
.footer-brn li+li:after{ content:""; position:absolute; width:1px; height:22px; background-color:#eaeaea; display:block; top:50%; left:0; margin-top:-11px;}

 

.footer_wrap {
  padding: 20px 0;
}
.footer_wrap{width:100%; background:#262933;}

.footer-brn{ position:relative; top:auto; right:auto; margin:0; padding:10px 20px; }
.footer-brn:after{ content:'';display:block;clear:both;height:0px;visibility:hidden;}
.footer-brn li{ position:relative;  display:block; float:left; width:42%; margin:0; padding:0 10px; text-align:center;}
.footer-brn li+li:after{ content:""; position:absolute; width:1px; height:22px; background-color:#eaeaea; display:block; top:50%; left:0; margin-top:-11px;}

.footer-m{width: 100%;
  max-width: 1000px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;}
.footer_wrapper .footer_wrap .footer-logo {
  float: left;
  width: 20%;
}
.footer_wrapper .footer_wrap .footer-logo .inner {
  padding: 0 0px;
}
.footer_wrapper .footer_wrap .footer-logo .inner img{width:auto;}
.footer_wrapper .footer_wrap .footer-box {
  padding-top: 20px;
  position: relative;
  float: left;
  width: 80%;
  color: #b7b7b7;
  font-size: 12px;
}
.footer_wrapper .footer_wrap .footer-box .top li {
  float: left;
  margin-right: 3%;
  position: relative;
}
.footer_wrapper .footer_wrap .footer-box .top li.last-li {
  margin-right: 0;
}
.footer_wrapper .footer_wrap .footer-box .top li.last-li:before {
  background: none;
}


.footer_wrapper .footer_wrap .footer-box .cp {
  margin-top: 10px;
}