#mainBG{width:100%; background: url('/images/recruit/mainBG.png'); background-position: center top; background-repeat: no-repeat;}

.mCon{position: relative; width:100%;}

.main_Txt{position: relative; width:100%; text-align:center; margin-top:77px; margin-bottom:50px;}

.main_bg_mens{position: relative; width:100%; height:382px; background:url('/images/recruit/main_bg_mens.png') 227px top no-repeat;}

.main_boardArea{position: absolute; left:326px; top:175px; width:517px; height:133px;}

.Board_wrap{position: relative; width:100%; line-height: 100%; }
	.Board{position: relative; display: block; width: 100%; overflow: visible;}
	.Board dt{width: 454px; float: left; font-size: 18px; display: block; font-family: "Nanum GothicB"; color: #000000; padding:12px 0 10px 0;}
	.Board dd.more{float: right; width: 63px; line-height: 100%; padding:12px 0; text-align: right;}
	.Board dd.more a{display: inline-block; text-decoration: none; font-size: 14px; color: #000; font-family: "Nanum GothicB"; background: url('/images/recruit/ico_more.png') right 5px no-repeat; padding: 0 15px 0 0;}

	.Board .Cont_wrap{position: absolute; left:0; top:43px; width:100%; border-top:1px solid #b8b8b8;}
	.Board.on .Cont_wrap{display:block;}
		.Cont_wrap ul.Cont{width: 100%; font-size: 13px;}
		.Cont_wrap ul.Cont li{width: 100%;}
		.Cont_wrap ul.Cont a.title{display: inline-block; text-decoration: none; width: 340px; padding: 10px 0 0px 13px; background: url('/images/recruit/bullet_mboard.png') 5px 18px no-repeat; color: #666;}
		.Cont_wrap ul.Cont a.title:hover{text-decoration: underline;}
		.Cont_wrap ul.Cont span.date{float: right; display: inline-block; width: 160px; color: #666; padding-top: 10px; text-align:right;}
		.Cont_wrap ul.Cont .new{display: inline-block; text-indent: -9999px; width: 13px; height: 13px; background: url('/images/recruit/ico_new.png') 0 0 no-repeat;}


@media screen and (max-width:1200px){

	.main_bg_mens{background-position:center top;}
	.main_boardArea{left:50%; transform:translateX(calc(-50% - 26px)); height: auto;}
	.Board_wrap{height:135px;}
}

@media screen and (max-width:768px){


	.mCon{padding:30px 16px; box-sizing:border-box;}
	.main_Txt{margin:30px 0;}
	.main_Txt img{max-width:80%;}
	.main_bg_mens{height:auto; background:none; box-sizing:border-box;}
	.main_boardArea{position:static; transform:inherit; width:100%; padding:20px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; box-shadow:5.7px 5.7px 8px 0 rgb(0 0 0 / 10%);}
	.Cont_wrap ul.Cont a.title{display:inline-block; width:calc(100% - 160px); box-sizing:border-box;}
	.Cont_wrap ul.Cont a.title .txt{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 25px);}
	.Board dt{width:auto; font-size:15px;}
	.Board dd.more{position:absolute; top:0; right:0;}

}