/*placeholder*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa !important;
}

/*아이콘*/
.view_content .file_ico{width:15px;}

/*커뮤니티*/
.cummnitybox{margin-left:5px; margin-top:5px; position:relative; box-sizing:border-box; display:inline-block; cursor:pointer;}
.cummnitybox h3{color:#000; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.cummnitybox p{color:#666; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.cummnitybox .cm_pd{padding:30px 30px;}


/*마이페이지*/
#mapagebox{display:inline-block; width:100%; height:100%; box-sizing:border-box;}
#mapagebox h1,#mapagebox h2,#mapagebox h3,#mapagebox h4,#mapagebox p{margin:0px;}

#mapagebox .mapagebox_view1{padding:50px 0px; /*background:#f4f7fc;*/ border-bottom:1px solid #717271;}
#mapagebox .mapagebox_view2{padding:50px 0px; background:#fff;}

#mapagebox .jobinforbox_1{background:#f5f5f4; width:100%; display:inline-block; box-sizing:border-box; border-radius:20px;}
#mapagebox .jobinforbox_1 .jobinf_left{float:left; box-sizing:border-box;}
#mapagebox .jobinforbox_1 .jobinf_right{float:left; box-sizing:border-box;}
#mapagebox .jobinforbox_1 .jobpsn_left{float:left; box-sizing:border-box;}
#mapagebox .jobinforbox_1 .jobpsn_right{float:left; box-sizing:border-box;}

#mapagebox .jobinforbox_1 .jobin_logo{width:100%; height:100%;  padding-bottom:90%;}
#mapagebox .jobinforbox_1 .hp_ico{width:19px;}
#mapagebox .jobinforbox_1 .jobinf1list li{float:left; padding:2px 0px;}

#mapagebox .jobin_photo{/*max-width:147px; max-height:147px;*/ width:100%; height:100%; margin:0px auto;}
#mapagebox .jobin_photo{/*border-radius:50%;*/ border-radius:20px; border:1px solid #aaa;}


#mapagebox .mptop_listbox{display:inline-block; width:100%; box-sizing:border-box;}
#mapagebox .mptop_list{background:#fff; border:3px solid #f5f5f4; /*border:1px solid #fff;*/ border-radius:10px; width:100%; display:inline-block; min-height:100px; letter-spacing:-0.5px;}
#mapagebox .mptop_list_a{border:1px solid #bed5ed;}
#mapagebox .mptop_list .mptl_pd{padding:20px;}
#mapagebox .mptop_list h4{font-size:15px;}
#mapagebox .mptop_list p{font-size:15px;}
#mapagebox .mptop_list .num{font-size:18px;}
#mapagebox .mptop2box{display:inline-block; width:100%;}
#mapagebox .mptop2box .mpt2_left{width:35%; float:left; box-sizing:border-box;}
#mapagebox .mptop2box .mpt2_right{width:65%; float:left; box-sizing:border-box;}

#mapagebox .mptop_list .rcu_bar{background:#1d1d1b; height:1px; margin:10px auto 10px; position:relative; z-index:0;}
#mapagebox .mptop_list .rcu_bar .rcubar_rdbox{position:absolute; z-index:5; top:0px; width:100%;}
#mapagebox .mptop_list .rcu_bar .rcubar_rdbox span{background:#000; border-radius:50%; width:4px; height:4px; position:absolute; z-index:5; top:-2px;}
#mapagebox .mptop_list .rcu_bar .rcubar_rdbox span.right{right:0px;}


#mapagebox .mptop2box .a_link{color:#888888; font-size:15px; text-decoration:underline;}
#mapagebox .mpstate_box1{font-size:13px; padding:5px 10px; background:#a5a4a4; /*background:#f9921c;*/ color:#fff; display:inline-block; border-radius:10px;}
#mapagebox .mpstate_box2{font-size:13px; padding:5px 10px; background:#585856; /*background:#0b4caa;*/ color:#fff; display:inline-block; border-radius:10px;}
#mapagebox .mpstate_box3{font-size:13px; padding:5px 10px; background:#008080; color:#fff; display:inline-block; border-radius:10px;}

#mapagebox .bsjpeople-contents-scroll-carousel .item{
	/*width:180px;*/
	width:160px;
	text-align:center;
}
#mapagebox .bsjpeople-contents-scroll-carousel .item a:link{text-decoration:none;}
#mapagebox .bsjpeople-contents-scroll-carousel .item a:hover,active,focus{text-decoration:none;}

#mapagebox .bsjpeople-contents-scroll-carousel .item h3{color:#0b4caa;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mapagebox .bsjpeople-contents-scroll-carousel .item p{ font-size:15px; /*color:#000;*/}
#mapagebox .bsjpeople-contents-scroll-carousel .item .career{color:#666666;}
#mapagebox .pp_prfimg{ 
	background-size:150px;
	width:150px; 
	height:150px;
	border-radius:50%; 
	/*background-size:155px;
	width:155px; 
	height:155px;*/
}

#mapagebox .bsjpeople-contents-scroll-carousel .bsjpeople_roll{/*position:absolute;*/ width:100%; display:inline-block; text-align:center; margin:57px 0px 0px;}
#mapagebox .bsjpeople-contents-scroll-carousel .bsjpeople_roll .sld-autos {/*display:inline-block; margin:0 0px 0 0*/ display:none;}

#mapagebox .bsjpeople-contents-scroll-carousel .custom_dots {display:inline-block; z-index:100; text-align:center;}
#mapagebox .bsjpeople-contents-scroll-carousel .custom_dots .owl-dot span{background:#b0b0b0; border-radius:50%; width:10px; height:10px; display:block; transition:all .3s ease; margin:0 4px;}
#mapagebox .bsjpeople-contents-scroll-carousel .custom_dots .active span{background:#585857; border-radius:50%; width:10px; height:10px; /*border-radius:20px; width:27px;*/} 
#mapagebox .bsjpeople-contents-scroll-carousel .custom_dots .owl-dot:hover span{background:#585857; border-radius:50%; width:10px; height:10px; /*border-radius:20px; width:27px;*/}
#mapagebox .bsjpeople-contents-scroll-carousel .owl-nav{position:absolute; text-align:center; width:100%;  margin:0px 0px;}

.mypage_listboxa .wp_tit{color:#666666; font-size:18px; font-weight:normal;}
.mypage_listboxa .workpolicy_box{margin-left:5px; margin-top:5px; position:relative; box-sizing:border-box; display:inline-block; cursor:pointer;}
.mypage_listboxa .workpolicy_box .wp_pd{padding:20px 30px;}

.mypage_listboxa .workpolicy_box .wb_box{box-sizing:border-box; width:100%; display:inline-block;}
.mypage_listboxa .workpolicy_box h3{color:#000; font-weight:normal; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.mypage_listboxa .workpolicy_box table{border-collapse:collapse; table-layout:fixed; font-size:15px;}
.mypage_listboxa .workpolicy_box table th{color:#014099; font-weight:normal; width:20%; padding:3px 0px;}
.mypage_listboxa .workpolicy_box table td{color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:3px 0px;}


.mypage_listboxa .workpolicy_box .num_p1{color:#0b4caa;}
.mypage_listboxa .workpolicy_box .num_p2{color:#e51a1a;}
.mypage_listboxa .workpolicy_box .num_p3{color:#db7703;}
.mypage_listboxa .workpolicy_box .num_p4{color:#0d8e61;}

.mptop_list_1{cursor:pointer;}


.workpolicy_box_2{margin-left:5px; margin-top:5px; position:relative; box-sizing:border-box; display:inline-block; cursor:pointer;}
.workpolicy_box_2 .wp_pd{padding:20px 20px;}
.workpolicy_box_2  h3{color:#000; font-weight:normal; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}


/*상세페이지*/
.view_box{
	width:100%;
	table-layout:fixed;
	border-collapse: collapse;
	font-size:15px;
}
.view_box th{
	background-color:#cacaca; 
	padding:20px 1%;
	word-wrap:break-word;
	color:#575757;
	font-weight:bold;
	border:1px solid #575757;
	/*border:1px solid #d5d5d5;
	background-color:#f3f3f3; 
	color:#000;*/
	
}

.view_box .th_mobile{color:#000;}

.view_box td{
	padding:20px 1%;
	word-wrap:break-word;
	border:1px solid #575757;
	/*border:1px solid #d5d5d5;*/
}

.view_box td.view_detail{
	word-break:break-all; 
	white-space:normal; 
	word-wrap: break-word;
	padding:20px;
}

.view_box td.view_detail img{
	/*width:100%;*/
	max-width:100%;
}

/*테이블안 테이블*/
.intable{border-collapse:collapse;}
.intable th{color:#333; font-size:15px; padding:0px !important; background:transparent !important; border:0px !important;}
.intable td{color:#999; font-size:15px; padding:0px !important; background:transparent !important; border:0px !important;}
.intable .th_mobile{color:#333; font-size:15px;}

/*버튼*/
.list_bt{background:#999999; border:1px solid #999999; font-size:15px; color:#fff; line-height:38px; padding:0px 20px;}

/*마이페이지 제못 추가*/
.mptit{background:url(../images/common/mt_tit_ico_m.png); background-size:21px; background-repeat:no-repeat;}

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){


	/*마이페이지*/
	#mapagebox .jobinforbox_1 .jobinf_left{width:100%;}
	#mapagebox .jobinforbox_1 .jobinf_right{width:100%;}
	#mapagebox .jobinforbox_1 .jobin_logo{padding-bottom:60%;}

	#mapagebox .jobinforbox_1 .jobpsn_left{width:100%;}
	#mapagebox .jobinforbox_1 .jobpsn_left .jobin_photobox{padding:15px 10%;}
	#mapagebox .jobinforbox_1 .jobpsn_right{width:100%;}
	#mapagebox .jobin_photo{/*padding-bottom:37%;*/ padding-bottom:100%;}

	#mapagebox .jobinforbox_1 .jbif1_pd{padding:20px 20px;}

	#mapagebox .jobinforbox_1 .jobinf1list{width:100%; margin-bottom:5px;}
	#mapagebox .jobinforbox_1 .jobinf1list li{width:100%;}

	#mapagebox .mptop_list_1{width:97%; margin:0px 0px 15px 0px;}
	#mapagebox .mptop_list_2{width:97%; margin:0px 0px 0px 0px;}

	#mapagebox .mptop2box .mpt2_left{width:97%; margin-bottom:15px;}
	#mapagebox .mptop2box .mpt2_right{width:97%; }


	#mapagebox .bsjpeople-contents-scroll-carousel .item{width:150px;}


}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){

	/*마이페이지*/
	#mapagebox .jobinforbox_1 .jobinf_left{width:30%;}
	#mapagebox .jobinforbox_1 .jobinf_right{width:70%;}
	#mapagebox .jobinforbox_1 .jobin_logo{padding-bottom:100%;}
	#mapagebox .jobinforbox_1 .jobpsn_left{width:35%;}
	#mapagebox .jobinforbox_1 .jobpsn_right{width:65%;}

	#mapagebox .jobin_photo{/*padding-bottom:69%;*/ padding-bottom:100%;}

	#mapagebox .jobinforbox_1 .jbif1_pd{padding:20px 20px;}
	#mapagebox .jobinforbox_1 .jobinf1list{width:100%; margin-bottom:5px;}
	#mapagebox .jobinforbox_1 .jobinf1list li{width:100%;}

	#mapagebox .mptop_list_1{/*width:47.5%; float:left;*/ width:47%; display:inline-block; margin:0px 2% 15px 0px; vertical-align:top;}
	#mapagebox .mptop_list_2{width:97%; float:left; margin:0px 2% 0px 0px; }

}


/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{


	/*마이페이지*/
	#mapagebox .jobinforbox_1 .jobinf_left{width:24%;}
	#mapagebox .jobinforbox_1 .jobinf_right{width:76%;}
	#mapagebox .jobinforbox_1 .jobin_logo{padding-bottom:80%;}
	#mapagebox .jobinforbox_1 .jobpsn_left{width:20%;}
	#mapagebox .jobinforbox_1 .jobpsn_right{width:80%;}

	#mapagebox .jobinforbox_1 .jbif1_pd{padding:30px 30px;}

	#mapagebox .jobin_photo{/*padding-bottom:77%;*/ padding-bottom:100%;}

	#mapagebox .jobinforbox_1 .jobinf1list li.li_1{width:35%;}
	#mapagebox .jobinforbox_1 .jobinf1list li.li_2{width:65%;}
	#mapagebox .jobinforbox_1 .jobinf1list .li_tit{width:25%; }
	#mapagebox .jobinforbox_1 .jobinf1list .li_cont{width:75%;}

	#mapagebox .mptop_list_1{width:22.7%; float:left; margin:0px 2% 0px 0px; }
	#mapagebox .mptop_list_2{width:47.3%; float:left; margin:0px 2% 0px 0px; }
}