/* 공통 */
.bold{
	font-family:'NGB', Dotum, '돋움', Arial, sans-serif;
}

.active{
	color:#3d8ccB;
}

.contents{
	padding-right:15px;
	padding-left:15px
}

.padding-10{
	padding-top: 10px;
}

.padding-30{
	padding-top: 30px;
}

.padding-50{
	padding-top: 50px;
}

.padding-60{
	padding-top: 60px;
}

/* 소갯말 */
.intro{
	font-size:13px;
	color:#242424;
}

/* 네비게이터 */
.navi_wrap{
	margin-top:15px;
}
.navi_wrap .title{
	font-family:'NGB', Dotum, '돋움', Arial, sans-serif;
	color:#242424;
	font-size:26px;
	position:relative;
	float:left;
}

/* 서브메뉴 */
.submenu_wrap{
	width:100%;
	padding-top:20px;
	text-align:center;
	float:left;
}

/* 지혜추가 */
/* 채용공고 리스트*/
.job_list,
.recruit_detail{
	width:100%;
	height:auto;
	padding-top:20px;
}

.job_list,
.job_banner_border,
.job_banner{
	float:left;
}

.job_banner_border{
	border:1px solid #efefef;
	width:100%;
	padding:10px 10px;
}


.job_banner{
	width:100%;
	height:auto;
	padding-bottom:20px;
}

/* 타이틀정보 */
.recruit_title{
	width:100%;
	float:left;
	font-size:15px;
	padding:20px 0 0;
	font-family:'NGB', Dotum, '돋움', Arial, sans-serif;
}

.job_list ul{
	width: 100%;
	padding-top:10px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
  
/* .job_list li {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #efefef;
    width:33%;
    height:150px;
} */
@media only screen and (min-width: 600px){

.job_list li {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #efefef;
    width:33%;
    height:150px;
}
}
.job_list li:after {
    content:"";
    display: inline-block;
    width:100%;
    margin-top:30px;
}

.job_list li .banner_career{
    display: inline-block;
    font-size: 12px;
    width:100%;
    height:15px;
    text-align:right;
}

.job_list li .banner_title{
    display: inline-block;
    font-size: 15px;
    width:100%;
    height:30px;
    text-align:left;
    margin-bottom: 20px;
    margin-left:5px;
}

.job_list li .banner_info{
    display: inline-block;
    font-size: 12px;
    width:100%;
    height:15px;
    text-align:left;
    margin-left:5px;
}

.job_list li .underline{
	content:"";
    display: block;
    width:100%;
    margin-top:15px;
    border-bottom:1px solid #6e6e6e;
}

.job_list li .banner_date{
    display: inline-block;
    float:left;
    font-size: 12px;
    margin-top:10px;
    margin-left:5px;
    width:62%;
    height:15px;
    text-align:left;
}

.job_list li .banner_detail{
    display: inline-block;
    float:left;
    font-size: 12px;
    margin-top:10px;
    width:18%;
    height:15px;
    /* cursor: pointer; */
    text-align:right;
}

.job_list li .banner_apply{
    display: inline-block;
    float:left;
    font-size: 12px;
    margin-top:10px;
    width:18%;
    height:19px;
    /* cursor: pointer; */
    text-align:right;
}

/* 채용상세 테이블 모바일 */
@media screen and (max-width: 300px) {
  table, tr, td {
    display: block;
  }

  td:first-child {
    position: absolute;
    top: 50%;
    font-weight:bold;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100px;
  }
  td:not(:first-child) {
    clear: both;
    margin-left: 50px;
    padding: 4px 20px 4px 90px;
    position: relative;
    text-align: left;
  }

  tr {
    padding: 10px 0;
    position: relative;
  }
  tr:first-child, td:last-child {
    display: none;
  }
}
/* 테이블 웹 */
table {
  width: 100%;
}
table td, table th {
  color: #727272;
  padding: 10px;
}

table td {
  vertical-align: middle;
}

td:first-child, td:last-child {
	text-align:center;
 }

table th {
  background-color: #cccccc;
  font-weight: bold;
  text-align:center;
}

table tr:nth-child(2n) {
  background-color: #f7f7f7;
}

table tr:nth-child(2n+1) {
  background-color: white;
}

.recruit_detail ul{
	list-style:disc;
}

/* 채용 상세화면 전형절차 */
.recruit_step{
	width:100%;
	height:auto;
	align:center;
}

.inline{
	width:100%;
	height:20px;
	align:center;
	display:inline-block;
	list-style:none;
	margin-bottom: 100px;
}

.pointer{
	display:inline ;
	text-align:center;
	width:150px;
	height:auto;
}

.pointer img{
	width:33px;
}

.circle_step{/* blue */
	background-color:#3d8ccB;
	width:13%;
	height:120px;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-ms-border-radius:60px;
	khtml-border-radius:60px;
	-o-border-radius:60px;
	opacity:0.7;
	color:#ffffff;
	text-align:center;
	display:inline-block;
	vertical-align: middle;
	font-weight: bold;
	line-height:120px;
	/* position:relative; */
}

/* GRAY
.circle_step2{
	background-color:#c4c4c4;
	width:120px;
	height:120px;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	-ms-border-radius:60px;
	khtml-border-radius:60px;
	-o-border-radius:60px;
	opacity:0.7;
	color:#ffffff;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	font-weight: bold;
	position:relative;
	left:50px;
}
 */
 
 /* 복리후생 */
.benefits_list{
	width:100%;
	height:auto;
	padding-top:50px;
	
}
 
.benefits_banner{
	display:inline-flex;
	width:300px;
	height:100px;
	margin-bottom: 30px;
}
 
.left_box{
	float:left;
	width:30%;
	display:inline;
	padding-left:30px;
	padding-top:5px;
} 

.left_box img{
	width:90px;
}

.right_box{
	float:left;
	width:70%;
	display:inline;
	padding:20px 10px 10px 10px;
}

.right_box h4{
	font-weight: bold;
	margin-bottom: -10px;
}

/* 회사위치 */
.companymap{
	width:100%;
	height:auto;
	padding-top:30px;
	float:left;
}

.map_img{
	width:100%;
	height:auto;
	margin-bottom: 20px;
}

.map_img:after{
	width:100%;
}

.map_left{
	float:left;
	width:50%;
} 

.map_right{
	float:left;
	width:50%;
}

/*메인*/

/*메인 버튼 */
.main_btn{
	width:100%;
	text-align:center;
	border:1px solid #3d8ccb;
	backgroup-color:#3d8ccb;
}
/*메인 아이콘 */
.main_icon{
	width:40px;
	height:40px;
	margin-right:30px;
}

.main_wrap .tab .tabs1
{
  width: 20%;
  margin: 0px;
  display: inline-block;
  box-shadow: none;
  border-radius: 0;
  font-size:14px;
  padding: 5px 10px;
  color : #fff;
  background-color:#3d8ccb;
  text-align:center;
  border:1px solid #3d8ccb;
  border-bottom:0px;
  float:left;
}

.main_wrap .main_list {
  margin-bottom: 0px;
  height:163px;
}
.main_wrap .main_list li {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  margin-left:-39px;
}

#board_wrap .main_list li a {
  display: block;
  overflow: hidden;
  height: 28px;
  line-height: 28px;
}

#board_wrap .main_list li a:hover,
#board_wrap .main_list li a.active,
#board_wrap .main_list li a:hover > span,
#board_wrap .main_list li a:hover > span.title{
	color: #3d8ccb;
}

#board_wrap .main_list li a > span{
  display: block;
  float: left;
  text-align: center;
  width: 20%;
}

#board_wrap .main_list li a > span.title{
  display: block;
  float: left;
  text-align: left;
  padding-left:10px;
  width: 80%;
}

#board_wrap .main_list li.no_result{
  text-align: center;
  height: auto;
  line-height: 38px;
}

#board_wrap .text-box.border{
  border:1px solid #3d8ccb;
}


/* 게시판 */
#board_wrap{
	float:left;
	width:100%;
	padding : 0 0 0 0;
}
#board_wrap .search_wrap {
  text-align: right;
  margin-bottom: 5px;
}
#board_wrap .search_wrap select {
  display: inline-block;
  margin-right: 3px;
  text-align: left;
  width: 120px !important;
  height: 22px;
  line-height: 22px;
  color: #242424;
}
 
#board_wrap .search_wrap input {
  width: 260px;
  height: 22px;
  line-height: 22px;
}
#board_wrap .search_wrap button {
  width: 44px;
  height: 22px;
  line-height: 22px;
  background-color: #848484;
  color: #2d2d2d;
  font-family: 'NG', Dotum, '돋움', Arial, sans-serif;
}
#board_wrap .keyword {
  margin-bottom: 5px;
  color: #8e8e8e;
  vertical-align: top;
  font-size:12px;
  text-align: right;
}
#board_wrap .keyword span {
  color: #3d8ccB;
  vertical-align: top;
}
#board_wrap .list {
  margin-bottom: 20px;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
}
#board_wrap .list li {
  border-top: 1px solid #c0c0c0;
  height: 39px;
  line-height: 38px;
  overflow: hidden;
  margin-left:-39px;
}

#board_wrap .list li.title {
  border-top: none;
}
#board_wrap .list li.title > strong {
  display: block;
  float: left;
  text-align: center;
  width: 120px;
  font-size: 14px;
  color: #242424;
  font-family: 'NGB', Dotum, '돋움', Arial, sans-serif;
  font-weight: normal;
}
#board_wrap .list li.title > strong.num {
  width: 120px;
}
#board_wrap .list li.title > strong.title {
  width: 800px;
}
#board_wrap .list li.no_result,
#board_wrap .faq li.no_result,
#board_wrap .post li.no_result {
  text-align: center;
  height: auto;
  line-height: 38px;
  font-size:13px;
}
#board_wrap .faq li.no_result {
  border-top: 1px solid #6d6d6d;
}
#board_wrap .list li.no_result img {
  display: block;
  margin: 0 auto 20px;
}
#board_wrap .list li.no_result p{
  font-size: 16px;
  color: #848484;
}
#board_wrap .list li a {
  display: block;
  overflow: hidden;
  height: 39px;
  line-height: 38px;
}

#board_wrap .list li a:hover,
#board_wrap .list li a.active,
#board_wrap .list li a:hover > em,
#board_wrap .list li a:hover > em.title > strong {
	color: #3d8ccB;
}

#board_wrap .list li a > span,
#board_wrap .list li a > em {
  display: block;
  float: left;
  text-align: center;
  width: 120px;
}

#board_wrap .list li a > em.title > strong{
  font-failmy : 'NGB', Dotum, '돋움', Arial, sans-serif;
  color:#000000;
}

#board_wrap .list li a > span.num,
#board_wrap .list li a > strong.num,
#board_wrap .list li a > em.num {
  width: 120px;
}
#board_wrap .list li a > span.title,
#board_wrap .list li a > em.title {
  width: 800px;
}
#board_wrap .list li a > span>em {
	display:none;
}
#board_wrap .list li a > em {
  text-align: left;
  font-style: normal;
}
#board_wrap .list li a > em > span {
  display: inline-block;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#board_wrap .list.question li.title > strong.title {
  width: 503px;
}
#board_wrap .list.question li a > span.title,
#board_wrap .list.question li a > strong.title,
#board_wrap .list.question li a > em.title {
  width: 503px;
}
#board_wrap .view {
  border-top: 3px solid #242424;
}
#board_wrap .view .title li {
  overflow: hidden;
  border-bottom: 1px solid #c0c0c0;
  margin:6px 0 0 -39px;
}
#board_wrap .view .title li p {
  overflow: hidden;
  float: left;
  height: 30px;
  line-height: 29px;
}

#board_wrap .view .title li p strong {
  display: block;
  overflow: hidden;
  float: left;
  width: 80px;
  padding-left: 20px;
  margin-right: 10px;
  font-family: 'NGB', Dotum, '돋움', Arial, sans-serif;
  font-weight: normal;
  color : #000000;
}

#board_wrap .view .title li p strong.event {
  width: 100px;
}

#board_wrap .view .title li p strong:after{
  display: block;
  content: '|';
  float: right;
}
#board_wrap .view .title li p.w100p {
  width: 100%;
}
#board_wrap .view .title li p.w70p {
  width: 70%;
}
#board_wrap .view .title li p.w30p {
  width: 30%;
}
#board_wrap .view .contents {
  line-height: 22px;
  padding: 20px;
  margin-bottom: 30px;
  border-bottom: 3px solid #000000;
}

#board_wrap .view .contents a{
  height:29px;
  padding-top:4px;
  width: 68px;
}

/* 페이징 */
.paging_wrap{
	float:left;
	width:100%;
}

.paging_wrap .blog-pagenation li a > i {
	margin-top:8px;
}

.box1 {
	display: inline-block;
	width:23%;
	height:200px;
	margin-left:1em;
	margin-top:1em;
}
.box2 {
	display: inline-block;
	width:23%;
	height:200px;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:1em;
}
.project_Type{
	padding-top: 10px;
	font-size:17px;
	width:100%;
	float:left;
	font-family:'NGB', Dotum, '돋움', Arial, sans-serif;
}

.reference{
	border:2px solid #efefef;
	overflow:auto; 
	width:100%; 
	height:230px;
}