#container_title{display:none;}
#subpage{width:100%; /*background:url('../img/sub_bg.png'); background-size:100% 100%;*/}
#subpage .container{ }
#subpage .sub_visual{width:100%; height:150px; background:url('../img/sub_visual.png') no-repeat center center; background-size:cover; text-align:center;}
#subpage .sub_visual p{font-size:1.6em; color:#fff; padding-top:40px; background:rgba(0,0,0,0.4); display:inline-block; width:100%; height:100%;}
#subpage .sub_visual p span{color:#b9f747;}
#subpage .container{background:#fff; padding:0; position:relative;    min-height: 700px;}
.sidebar{width:250px;  position:absolute; left:0; height:100%; background:#f9f9f9; padding:50px 0;}
.side_title{ padding:0 30px;}
.side_title .g_title{width:115px; font-weight:700; font-size:0.95em; color:#04347b; border-bottom:1px solid #04347b;}
.side_title .s_title{font-size:2.1em; color:#15315a; font-weight:700; margin-top:10px; word-break: keep-all;}
.side_title .s_title span {display: block;}

.sidebar ul{margin:0; padding:50px 30px;}
.sidebar ul li{width:100%; padding:10px 0;}
.sidebar ul li a{color:#666; display:block; font-size:17px; font-weight:600; letter-spacing:-1px;     text-indent: -15px;  padding-left: 10px;} 
.sidebar .active a{color:#72b52e;}
.sidebar ul li a:hover{color:#72b52e;}

.sub_content{padding:80px 50px 50px 350px; width:100%;}
.sub_content .con_position{float:right; margin-top:20px;}
.sub_content .con_position a{display:inline-block; color:#aaa; font-size:1em; font-weight:400;}
.sub_content .con_position a.active{color:#72b52e;}
.sub_content .s_title{font-size:2.4em; color:#01197e; font-weight:500; padding-bottom:50px; border-bottom:1px solid #ddd; width:100%; margin-bottom:25px;}

.content{font-size:1.2em; line-height:1.4;}

@media (max-width:1170px){
	#subpage .container{margin-top:0;}
}

@media (max-width:500px){
	#subpage .container{min-height:auto;}
}

/* 서브페이지 공통 */

.center{text-align:center;}
.sb_txt{font-size:1.15em; margin:20px 0; font-weight:400;}
.sb_txt span{color:navy; font-weight:600;}

.border-box{margin-top:20px;}
.border-box .img{text-align:center; padding:40px 0;}
.border-txt{font-size:1em;padding:30px; font-weight:500;background: #f9f9f9;}

/* table */

.gb-table{width:100%; border-top:2px solid navy; margin:20px 0 10px;}
.gb-table tr th,.gb-table tr td{border:1px solid #ddd; font-size:.99em; padding:10px 0;}


.gb-table2{width:100%; border-top:2px solid navy; margin:0 0 20px;}
.gb-table2 tr th,.gb-table2 tr td{border:1px solid #ddd; padding:15px;}
.gb-table2 tr th{background:#f9f9f9; text-align:center;}

.gb-table3{width:100%; border-top:2px solid navy; margin:0 0 20px;}
.gb-table3 tr th,.gb-table3 tr td{border:1px solid #ddd; padding:15px 10px;}
.gb-table3 tr th{background:#f9f9f9; text-align:center;}

.gb-table4{width:100%; border-top:2px solid navy; margin:0 0 20px;}
.gb-table4 tr th,.gb-table4 tr td{border:1px solid #ddd; padding:10px 0;}
.gb-table4 tr th{background:#f9f9f9; text-align:center;}


.table_wrap{margin:0 0 20px; font-size:17px;}

.con_tab{width:100%; margin-bottom:30px; }
.con_tab ul{overflow:hidden; width:100%; margin:0; padding:0;}
.con_tab ul li{float:left; width:16.6%; text-align:center; background:#f9f9f9; border-top:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid navy;}
.con_tab ul li:first-child{border-left:1px solid #ddd;}
.con_tab ul li a{display:block; color:navy;padding:10px 0; }
.con_tab ul li.active{background:#fff; border:1px solid navy;border-bottom: 0;}
.con_tab ul li:hover{background:#fff; border:1px solid navy;}


.con_tab2{width:100%; margin-bottom:30px; }
.con_tab2 ul{overflow:hidden; width:100%; margin:0; padding:0;}
.con_tab2 ul li{float:left; width:33.3%; text-align:center; background:#f9f9f9; border-top:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid navy;}
.con_tab2 ul li:first-child{border-left:1px solid #ddd;}
.con_tab2 ul li a{display:block; color:navy;padding:10px 0; }
.con_tab2 ul li.active{background:#fff; border:1px solid navy;border-bottom: 0;}
.con_tab2 ul li:hover{background:#fff; border:1px solid navy;}



.con_tab3{width:100%; margin-bottom:30px; }
.con_tab3 ul{overflow:hidden; width:100%; margin:0; padding:0;}
.con_tab3 ul li{float:left; width:50%; text-align:center; background:#f9f9f9; border-top:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid navy;}
.con_tab3 ul li:first-child{border-left:1px solid #ddd;}
.con_tab3 ul li a{display:block; color:navy;padding:10px 0; }
.con_tab3 ul li.active{background:#fff; border:1px solid navy;border-bottom: 0;}
.con_tab3 ul li:hover{background:#fff; border:1px solid navy;}



.con_tab4{width:100%; margin-bottom:30px; }
.con_tab4 ul{overflow:hidden; width:100%; margin:0; padding:0;}
.con_tab4 ul li{float:left; width:16.6%; text-align:center; background:#f9f9f9; border-top:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid navy;}
.con_tab4 ul li:first-child{border-left:1px solid #ddd;}
.con_tab4 ul li a{display:block; color:navy;padding:10px 0; }
.con_tab4 ul li.active{background:#fff; border:1px solid navy;border-bottom: 0;}
.con_tab4 ul li:hover{background:#fff; border:1px solid navy;}


@media screen and (max-width:600px){
	.con_tab4 ul li{width:33.3%; border:1px solid #ddd;}
	.con_tab4 ul li.active,.con_tab4 ul li:hover{ border:1px solid navy !important; height:42px;}
	.con_tab4 ul li:nth-child(1){border-bottom:0; border-right:0;}
	.con_tab4 ul li:nth-child(2){border-bottom:0; border-right:0;}
	.con_tab4 ul li:nth-child(3){border-bottom:0;}
	.con_tab4 ul li:nth-child(4){border-right:0;}
	.con_tab4 ul li:nth-child(5){border-right:0;}
	.con_tab3 ul li a,.con_tab2 ul li a{font-size:14px;}
	.con_tab ul li{width:33.3%; border:1px solid #ddd; height:40px; line-height:38px;}
	.con_tab ul li a{padding:0; letter-spacing:0;}
	.con_tab ul li.active{border:2px solid navy; box-sizing:border-box;}
	.sb_txt{font-size:1em;}
}



@media screen and (max-width:1200px){
	.sidebar{padding-left:0; width:220px;}
	.logo{width:220px; padding-left:10px; text-align:left; padding-top:0;}
	.sub_content{padding:80px 30px 50px 250px;}
	.gb-table4 tr th,.gb-table4 tr td{font-size:.8em; }
}


@media screen and (max-width:1000px){
	.logo{background:#fff;}
	.sidebar{position:static; width:100%; padding:10px 20px; overflow:hidden; background:#04347b;}
	.side_title{float:left; height:auto; border:0; padding:0;}
	.sidebar ul{float:left; padding:0 20px;}
	.sidebar ul li{display:inline-block; padding:0 10px; width:auto;}
	.sidebar ul li a{font-size:1em;color:#ddd; }
	.sidebar ul li.active a{color:#ddd; font-weight:bold;}
	.sub_content{padding:30px 20px;}
	.side_title .g_title{display:none;}
	.side_title .s_title{font-size:1.2em; font-weight:normal;color:#fff; margin:0; }
	.sidebar ul li a:hover{color:#fff;}
}

@media screen and (max-width:767px){
	#subpage .sub_visual{display:none;}
	.sidebar{}
	.sidebar ul{position:absolute; left:0; top:40px; padding:0; width:100%; display:none; z-index:9;}
	.sidebar ul li{width:100%; background:#fff; border-bottom:1px solid #ddd; padding:10px; }
	.sidebar ul li.active a,.sidebar ul li a{color:#000;}
	.sidebar:hover ul{display:block;}
	.sub_content .con_position{float:none;}
	.sidebar ul li a:hover{color:#04347b;}

	.gb-table,.gb-table3{width:767px;}
	.table_wrap{width:100%; overflow-x:scroll;-webkit-transform:translateZ(0);
	-webkit-overflow-scrolling: touch; } 
	.gb-table4 tr th,.gb-table4 tr td{font-size:.3em; }
	.gb-table4 tr th:last-child,.gb-table4 tr td:last-child{display:none;}

}

@media screen and (max-width:480px){
	.sub_content .s_title{padding-bottom:30px; margin-bottom:20px; font-size:2em;}
	.content{font-size:1.1em;}
	.sub_content{padding:0 15px 30px;}
	.sidebar{padding:10px 15px;}
	.border-box .img{padding:20px;}
	.border-txt{padding:20px;}
}


/* CEO 인사말 */

.insaBox{background:#f7f7f7; padding:40px; position:relative; margin-top:60px;}
.ceo_wrap{padding:40px; background:#fff; margin-top:115px;}
.ceo_img{position:absolute; right:80px; top:-30px; width:auto;}


.ceo_title{font-size:28px; color:#000; padding:20px 0 0 20px;}
.ceo_title span{font-weight:bold; font-size:30px; color:#04347b;}
.ceo_txt{font-size:18px; margin:0 0 20px;}
.ceo_txt span{font-size:20px; color:#72b52e;}
 
.ceo_wrap{width:100%; overflow:hidden; }
.ceo_left{width:100%;  text-align:justify; color:#000; line-height:1.6;} 
.ceo_name{position:absolute; top:250px; right:360px;}
.ceo_name span{color:#000; font-size:24px; font-weight:bold;}

@media screen and (max-width:1100px){ 
	.ceo_title{font-size:24px;}
	.ceo_wrap{margin-top:126px;}
}

@media screen and (max-width:788px){ 
	.ceo_img{position:static; width:100%; text-align:center;}
	.ceo_name{position:static; width:100%; text-align:right;}
	.ceo_wrap{margin-top:0;}
	.insaBox{padding:20px; margin-top:20px;}
	.ceo_wrap{padding:20px;margin-top: -13px;}
	.ceo_title{padding:0;}
	.ceo_title{font-size:20px;}
	.ceo_title span{font-size:22px; }
}



/* 회사개요연혁 */

.com_about{width:100%; text-align:center;}
.com_about img{display:inline-block; width:49%; vertical-align:top;}
.com_about .right{display:inline-block; width:49%; border-top:2px solid #04347b;}
.com_about .right tr td,.com_about .right tr th{padding:10px; font-weight:normal; font-size:1em;}
.com_about .right tr td{border-bottom:1px solid #ddd; text-align:left; width:80%;}
.com_about .right tr th{border-bottom:1px solid #ddd; background:#f9f9f9; width:20%;}

.about_tabs ul.tabs {
	margin: 50px 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ddd;
	width: 100%;
	text-align:center;
}

.about_tabs ul.tabs li {
	display:inline-block;
	margin: 0;
	cursor: pointer;
	width:47%;
	text-align:center;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #fff;
	color: #333;
	position: relative;
	border-radius: 10px 10px 0 0;
	box-sizing:border-box;
	font-size:1.6rem;
}

.about_tabs .tab_last { border-right: 1px solid #ddd; }

.about_tabs ul.tabs li.active {
	background-color: #01197e;
	color: #fff;
}

.about_tabs ul.tabs li:hover {
	background-color: #01197e;
	color: #fff;
}

.about_tabs .tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
	margin:0 0 50px;
}

.about_tabs .tab_content {
	padding: 20px;
	display: none;
}

.about_tabs .tab_drawer_heading { display: none; }


.yh{width:100%;}
.yh tr td{padding:10px;}
.yh tr td span{font-family:'dotum';}
.yh tr td:first-child{font-size:1.4em; color:#68b920;font-weight:bold;}
.yh tr td:nth-child(2){font-weight:bold; text-align:center;}
.yh tr.line{border-bottom:1px solid #f7f7f7;}



@media screen and (max-width:800px){
	.com_about img,.com_about .right{float:none; width:100%;}
}

/* CI 소개 */

.ci_s_title{font-size:18px; color:#aaa;}
.ci_title{font-size:24px; color:#04347b; font-weight:bold; margin-bottom:30px;}
.ci_title span{vertical-align:middle;}

.ci_01{padding:30px 30px;  margin-bottom:50px; width: 79%; background:#5e4e3e; border:1px solid #ddd; text-align:center;}
.ci_01 img{display:inline-block;}
.ci_01 p{display:inline-block; color:#fff; padding-left:20px; text-align:left;}

.ci_02{width:100%; overflow:hidden;  margin-bottom:50px;}
.ci_02 .left{float:left;}
.ci_02 .right{float:left; margin-left: 20px;}


.ci_03{width:100%; overflow:hidden;  margin-bottom:50px;}
.ci_03 .left{float:left; width:24%;}
.ci_03 .right{float:left; width:60%; border:1px solid #ddd; padding:30px;}

.ml-20{margin-left:20px;}

@media screen and (max-width:1080px){
	.ci_01 img{margin-bottom:20px;}
	.ci_02 .left,.ci_02 .right,.ci_03 .left,.ci_03 .right{float:none; width:100%;}
	.ci_02 .left{margin-bottom:50px;}
	.ci_01 p{padding:0 20px}
	.ml-20{margin-left:0;}
}

@media screen and (max-width:480px){
	.ci_03 .right{padding:20px;}
	.ci_02 .left{margin-bottom:20px;}
	.ci_title{font-size:20px;}
	.ci_title span,.ci_s_title{font-size:16px;}
}


/* 홍보영상 */

.video{text-align:center;}
.video p{font-size:1.4em; margin-bottom:30px; text-align:left; }
.video p span{color:#72b52e; font-weight:bold;}


@media screen and (max-width:1070px){
	.video iframe{width:100%;}
}


@media screen and (max-width:767px){
	.video iframe{height:300px;}
}

@media screen and (max-width:480px){
	.video iframe{height:250px;}
}



/* 조직도 */

.org{width:100%; text-align:center;}
.org p{ text-align:center; text-align:left; padding:20px 0; margin:40px auto 0; border-bottom:1px solid #04347b;}
.org p span{color:tomato; display:block; font-size:1.2em;}

.org_table table{width:100%; margin-top:60px;}
.org_table table td,
.org_table table th{border:1px solid #ddd; text-align:center; padding:10px 0;}
.org_table table th{background:#f9f9f9; width:70px;}

@media screen and (max-width:780px){
	.wrap_map{height:250px !important;}
	.org p{ width:100%; border-bottom:none; margin:20px 0 0;}
}

@media screen and (max-width:700px){
	.org_table{ overflow-x:scroll;}
	.org_table table{width:700px;}
}




/* 오시는길 */

.info{font-size:1.1em;}
.info tr th, .info tr td{margin-bottom:10px;}
.info tr th{border:2px solid #04347b; color:#04347b; padding:5px 0; width:100px;  text-align:center;  font-weight:400; margin-bottom:5px; display: inline-block;}
.info tr td{vertical-align:initial; padding:0 10px 20px; }

@media screen and (max-width:1200px){
	.info{font-size:1.1em;}
	.root_daum_roughmap{width:100% !important;}
}
@media screen and (max-width:780px){
}

@media screen and (max-width:767px){
	.wrap_map{height:250px !important;}
	.info tr:first-child td{vertical-align:top;}
}


/* 인증 및 수상 */


.text-center {
  text-align: center;
  margin-bottom: 1em;
}

.lightbox-gallery {
  width:100%;
  overflow:hidden;
}

.lightbox-gallery div > img {
  max-width: 100%;
  display: block;
}

.lightbox-gallery div {
  float:left;
  width:23%;
  margin: 1%;
  padding:10px;
  box-shadow:1px 1px 5px #ccc;
  cursor:pointer;
}
.lightbox-gallery p{
	margin-top:10px;
	text-align:center;
	letter-spacing:-2px;
	font-size:1.35rem;
}

@media screen and (max-width: 767px) {
	.lightbox-gallery div {width:49%; margin:0.5%;}
	.lightbox-gallery p{font-size:1.2rem;}
}

/*Lighbox CSS*/

.lightbox {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 100px;
  box-sizing: border-box;
  z-index: 9999;
}

.lightbox img {
  display: block;
  margin: auto;
}


/* 복리후생 */

.overFlow{overflow:hidden; margin:0; padding:0;}
.overFlow li{ width:100%; ; margin-bottom:10px; padding:30px; }
.overFlow li:nth-child(2n){margin-right:0;}
.overFlow li img{float:right;}
.li_num01{border:1px solid #122078;}
.li_num01 p.colorT{color:#122078; font-size:22px; font-weight:bold;}
.li_num01 p.colorT span{font-size:3rem;}
.li_num01 p{font-size:17px; line-height:1.6;}
.li_num01 p span{color:#122078; }

.li_num02{border:1px solid #69b316;}
.li_num02 p.colorT{color:#69b316; font-size:22px; font-weight:bold;}
.li_num02 p.colorT span{font-size:3rem;}
.li_num02 p{font-size:17px; line-height:1.6;}
.li_num02 p span{color:#69b316; }

.li_num03{border:1px solid #d5bc13;}
.li_num03 p.colorT{color:#d5bc13; font-size:22px; font-weight:bold;}
.li_num03 p.colorT span{font-size:3rem;}
.li_num03 p{font-size:17px; line-height:1.6;}
.li_num03 p span{color:#d5bc13; }

.li_num04{border:1px solid #916f50;}
.li_num04 p.colorT{color:#916f50; font-size:17px; font-weight:bold;}
.li_num04 p.colorT span{font-size:3rem;}
.li_num04 p{font-size:17px; line-height:1.6;}
.li_num04 p span{color:#916f50; }

@media (max-width:767px){
	.li_num01 p.colorT,.li_num02 p.colorT,.li_num03 p.colorT,.li_num04 p.colorT{display:inline-block;}
}
@media (max-width:674px){
	.overFlow li{width:100%; height:auto; padding:20px;}
	.overFlow li img{width:50px;}
}


/* 인재육성 */


.recruit_3{width:100%; overflow:hidden; margin:40px 0; padding:0;}
.recruit_3 li{float:left; width:33.3%; border-right:1px solid #ddd; padding-right:40px; padding-left:20px;}
.recruit_3 li:first-child{padding-left:0;}
.recruit_3 li:last-child{border-right:0; padding-right:0;}
.recruit_3 li .tit{font-size:1.2em; color:navy; font-weight:bold;}
.recruit_3 li .s_tit{font-size:1em;}
.recruit_3 li span.line{width:30px; height:2px; margin:15px 0; background:navy; display:inline-block;}

.font-s{font-size:1em; }

@media screen and (max-width:767px){	
	.recruit_3 li{float:none; width:100%; border-right:0; border-bottom:1px solid #ddd; padding-left:0; padding-right:0; padding-bottom:20px; margin-bottom:20px;}
}

/* 채용절차 */


.rp_tit{font-size:1.6em; color:navy; font-weight:bold;}
.rp_s_tit{font-size:1.2em;}
.rp_s_tit span{color:navy;}
.rp_list{width:100%; overflow:hidden; margin:40px 0; padding:0 0 40px; border-bottom:1px solid #ddd;}
.rp_list li{float:left; width:20%; background:url('/img/rp_arrow_right.png') no-repeat center right; text-align:center;}
.rp_list li:last-child{background:none;}

.rp_box{width:100%; overflow:hidden; margin-bottom:40px;}
.rp_box .left{width:20%; float:left; font-weight:bold;}
.rp_box .right{width:80%; float:left;}
.rp_box .right span.br{display:block; padding-left:10px;}

@media screen and (max-width:700px){
	.rp_box{margin-bottom:30px;}
	.rp_box .left{width:100%; float:none; font-weight:bold;}
	.rp_box .right{width:100%; float:none;}
	.rp_box .right span.br{padding-left:10px;}
	.rp_box .right span.br2{display:block; padding-left:10px;}
	.con_tab ul li a{font-size:.8em;}
	.about_tabs .tab_content{padding:10px 0;}
	.yh tr td{padding:5px;}
	
}


/* 다운로드 버튼 */


a.downBtn{padding:10px 40px; background:navy; color:#fff; display:inline-block; vertical-align:top; font-weight:bold; margin:0 10px; border-radius:30px;}
a.downBtn:hover{color:navy; background:#ddd;}
a.downBtn i{margin-right:10px;}



/* e-catalog */

.e-catalog{box-shadow:1px 1px 10px #ddd;}

@media (max-width:1150px){
	.e-catalog{width:100%;}
	a.downBtn{margin:10px auto; display:block; text-align:center;}
}