.sidebar ul{padding:0; margin:0; }


#subpage{width:100%; /*background:url('../img/sub_bg.png'); background-size:100% 100%;*/}
#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:120px; font-weight:600; 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:45px 0 50px 300px; 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; width:100%;  }

.content{font-size:17px; line-height:1.4;}

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




@media screen and (max-width:1200px){
	.sidebar{padding-left:0; width:220px;}
	.logo{width:220px; padding-left:10px;}
	.sub_content{padding:50px 30px 50px 250px;}
}


@media screen and (max-width:1000px){
	.logo{background:#fff; padding-top:0;}
	.sidebar{position:static; width:100%; padding:10px 20px; overflow:hidden; background:#04347b;}
	.side_title{float:left; height:auto; border:0; padding:0;}
	.sidebar ul ul{float:left; padding:0 20px;}
	.sidebar ul a .leftmenu_s{display:inline-block; padding:0 10px; width:auto; font-size:1em;color:#ddd; }
	.sidebar ul li.active a{color:#ddd; font-weight:normal;}
	.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{width:767px;}
	.table_wrap{width:100%; overflow-x:scroll;}
	#subpage .container{min-height:400px;}
}

@media screen and (max-width:480px){
	.sub_content .s_title{padding-bottom:30px; margin-bottom:20px;}
	.content{font-size:1em;}
	.sub_content{padding:0 15px 30px;}
	.sidebar{padding:10px 15px;}
	.border-box .img{padding:20px;}
	.border-txt{padding:20px;}
	#bo_sch select{width:80px; background:#fff;}
}



/* 채용절차 */


.rp_tit{font-size:1.6em; color:navy; font-weight:bold; padding-top:10px;}
.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;}
	
}


#bo_v_con{font-size:1.4rem;}
#bo_vc h2{font-size:1.2rem; margin-top:0; padding-bottom:10px; border-bottom:1px solid #e5e8ec;}
#bo_vc p{font-size:1.5rem;}