@charset "utf-8";

@media all and (min-width:290px){
	
	#popup_content {display:block; visibility:visible;}
	#popup_content .pop_bg { width: 350px; }
	#popup_content .pop_bg .pop_con_box {background:#fff; text-align:left; } 
	#popup_content .pop_bg .pop_con_box img {width: 338px; height: 372px;}
	#popup_content .pop_bt_bg { width: 350px; background:#383d43; }
	#popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
	#popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
	#popup_content .pop_bt_bg .pop_font a { color:#fff; }
	#popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }
}


@media all and (min-width:512px){
	 
	#popup_content .pop_bg .pop_con_box {text-align:center; } 
	#popup_content .pop_bg .pop_con_box img {width: 500px; height: 550px;}
	#popup_content .pop_bg,
	#popup_content .pop_bt_bg { width: 512px; }
}


/* 공통*/
.organ_wrapper {position:relative;margin:0;padding:0;width:100%;}
.organ_wrapper #mcontainer{margin:0; padding:0px;}



/* 메인비주얼 */
#mvisual{position:relative; top:-12px; height:250px; background:url(/images/job/content/mvisual_bg.JPG) no-repeat 50% top; background-size:cover;}
#mvisual .wrap{position:relative; margin:0 auto; padding:0 5%; width:90%; background:none;}

#mvisual h2{background:none;}
#mvisual .tx div, #mvisual .tx a{display:none; visibility:hidden;}
#mvisual .tx div{width:308px;}


/*팝업존*/
#mvisual .wrap .popupzone{overflow:hidden; position:relative; background:none; top:0px; padding:0px;}
	#mvisual .wrap .popupzone .grap{padding-top:23px; }
#mvisual .wrap .popupzone .grap .obj{position:relative;height:200px;background:none;}
#mvisual .wrap .popupzone .grap .obj li{position:absolute;top:0;left:0;/*margin-left:-149px;*/width:100%;text-align:center;}
#mvisual .wrap .popupzone .grap .obj li img{height:138px; width:90%; }


#mvisual .wrap .popupzone .pnote{position:absolute;top:0px;right:55px;}
#mvisual .wrap .popupzone .pnote a{display:block;float:left;margin-left:5px;width:17px;height:17px;background:url(/images/organ/common/mvs_cont.png) no-repeat 0 -27px;font-size:0;line-height:0;}
#mvisual .wrap .popupzone .pnote a.ov{width:57px;background-position:0 0}
#mvisual .wrap .popupzone .pnote a:first-child{margin:0;}

#mvisual .wrap .popupzone .control{position:absolute;top:0px;right:23px;}
#mvisual .wrap .popupzone .control a{display:block;float:left;width:20px;height:20px;background:url(/images/organ/common/mvs_cont.png) no-repeat;font-size:0;line-height:0;}
#mvisual .wrap .popupzone .control a[data-control="prev"],
#mvisual .wrap .popupzone .control a[data-control="next"]{display:none}
#mvisual .wrap .popupzone .control a[data-control="stop"]{background-position:0 -55px}
#mvisual .wrap .popupzone .control a[data-control="play"]{display:none;background-position:0 -82px;}



/* 메인링크 */
#mvisual #mlink{position:absolute;bottom:0;left:0;width:100%;background-color:#32302F;}
#mvisual #mlink ul.ml_box *{box-sizing: border-box;}
#mvisual #mlink ul.ml_box{}
#mvisual #mlink ul:after { content:""; display:block; clear:both; }
#mvisual #mlink ul.ml_box li:first-child{border-left:1px solid #A1D377; }
#mvisual #mlink ul.ml_box li{display:inline-block;float:left;width:50%; height:40px; background:#7DC242 url(/images/organ/common/mcnt4_bg.png) no-repeat; border-right:1px solid #A1D377; border-bottom:1px solid #A1D377;}
#mvisual #mlink ul.ml_box li a{display:block;margin:0 auto;padding:2px 0 0 0px;text-align:center;font-size:13px;line-height:40px;color:#fff;}
#mvisual #mlink ul.ml_box li a i{vertical-align:middle; display:inline-block; width:23px;height:18px; background: url(/images/job/content/img_bu.png) no-repeat;}
#mvisual #mlink ul.ml_box li a:hover,
#mvisual #mlink ul.ml_box li a:active,
#mvisual #mlink ul.ml_box li a:focus{ text-decoration:underline;}

#mvisual #mlink ul.ml_box li:last-child{background-color:#258412; }
#mvisual #mlink ul.ml_box li:last-child a{font-weight:bold;}


/* 메인 콘텐츠 */
.msectwrap{display:block;clear:both;content:'';padding:20px 4% 30px;}


/* 메인 공지사항 */
.sect1 .mcnt3{display:none; visibility:hidden;}
.sect1 .m_mcnt3{position:relative;height:200px; margin:0 0 30px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px; }
.sect1 .m_mcnt3:after{display:block;clear:both;content:'';}

.sect1 .m_mcnt3 h3{float:left;position:relative;}
.sect1 .m_mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
.sect1 .m_mcnt3 h3:first-child:after{display:none;}
.sect1 .m_mcnt3 h3 a{display:block;padding:11px 20px 6px;font-size:14px;color:#fff; text-decoration:none;}
.sect1 .m_mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:80px;height:3px;background:#7DC242;content:'';}
.sect1 .m_mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

.sect1 .m_mcnt3 .grap{position:absolute;top:67px;left:0; width:90%;background:#fff; border-radius:3px;}
.sect1 .m_mcnt3 .grap ul{padding:0 0 5px 0;}
.sect1 .m_mcnt3 .grap li{position:relative;margin:6px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
.sect1 .m_mcnt3 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .m_mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
.sect1 .m_mcnt3 .grap li:first-child{margin:0;}
.sect1 .m_mcnt3 .grap li:after{display:block;clear:both;content:'';}
.sect1 .m_mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
.sect1 .m_mcnt3 .grap li a:hover,
.sect1 .m_mcnt3 .grap li a:focus{text-decoration:underline;}
.sect1 .m_mcnt3 .grap li span{float:right;}

.sect1 .m_mcnt3 .grap .more{/*display:none;*/position:absolute;top:-55px;right:5px}
.sect1 .m_mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}



/*배너*/
.sect2 .mcnt_banner {background:url(/images/job/content/main_img02.PNG) no-repeat 15px 50%;}
.sect2 .mcnt_banner a h3{margin:5px 0;padding:0 0 0 118px;font-size:16px;font-weight:500;}
.sect2 ul li a .b_txt{display:block; visibility:visible; padding:0 10px 0 118px; font-size:13px;}
.sect2 .mcnt_banner a h3,
.sect2 .mcnt_banner a:hover h3,
.sect2 .mcnt_banner a:active h3{color:#fff;}
.sect2 .mcnt_banner a{background:#000000 url(/images/organ/common/dot_bg2.png) repeat; opacity:0.5; border-radius:3px; color:#fff;}
.sect2 .mcnt_banner a:hover,
.sect2 .mcnt_banner a:focus{opacity:0.6; color:#fff;}



@media only screen and (min-width:320px){

	
	/* 메인 공지사항 */
	.sect1 .m_mcnt3 .grap {padding:0 5% 10px 5%;}
}





@media only screen and (min-width:492px){

	/* 메인비주얼 */
	#mvisual{height:382px; }
	#mvisual .wrap{ margin:0 auto; padding:0 ; width:100%; }



	/* 팝업존 */
	#mvisual .wrap .popupzone{margin:0 auto; top:0px; width:492px;}
	#mvisual .wrap .popupzone .grap{padding-top:23px; }
	#mvisual .wrap .popupzone .grap .obj{ height:269px; background:url(/images/job/content/bg_popupzone.PNG) no-repeat left bottom;}
	#mvisual .wrap .popupzone .grap .obj li img{height:250px;width:450px; }



	/* 메인 공지사항 */
	.sect1 .m_mcnt3 .grap .more{right:20px}


	/*배너*/	
	.sect2 .mcnt_banner a h3{margin:15px 0 5px 0; font-size:17px;font-weight:500;}
	.sect2 ul li a .b_txt{font-size:15px;}
}


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

	/* 메인비주얼 */
	#mvisual .wrap{position:relative; margin:0 auto; padding:0px; width:100%;}


	/* 팝업존 */
	#mvisual .wrap .popupzone{margin:0 auto; top:19px;}
	#mvisual .wrap .popupzone .grap{padding-top:29px; }
	#mvisual .wrap .popupzone .grap .obj{height:274px; }
	/*#mvisual .popupzone .grap .obj li{margin-left:-250px;}*/
	#mvisual .wrap .popupzone .grap .obj li img{height:255px;}

	#mvisual .wrap .popupzone .pnote{right:65px;}

	#mvisual .wrap .popupzone .control{right:33px;}


	/* 메인링크 */
	#mvisual #mlink ul.ml_box li{width:25%; height:50px;}
	#mvisual #mlink ul.ml_box li{border-bottom:none;}
	#mvisual #mlink ul.ml_box li a{padding:3px 0 0 0px;font-size:15px;line-height:45px;}


	/* 메인 공지사항 */
	.sect1 .mcnt3{display:block; visibility:visible; position:relative; height:250px; margin:0 0 20px 0; background:#fff url(/images/organ/common/mcnt2_bar.gif) repeat-x; border-radius:3px;}
	.sect1 .mcnt3:after{display:block;clear:both;content:'';}

	.sect1 .mcnt3 h3{float:left;position:relative; }
	.sect1 .mcnt3 h3:after{display:block;position:absolute;top:16px;left:0;width:1px;height:9px;background:#a2a6ac;content:'';}
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3 a{display:block;padding:10px 20px 6px;font-size:16px;color:#fff; text-decoration:none;}
	.sect1 .mcnt3 h3 a.ov:before{position:absolute;bottom:-3px;left:50%;margin-left:-40px;width:80px;height:3px;background:#7DC242;content:'';}
	.sect1 .mcnt3 h3 a.ov:after{position:absolute;bottom:-17px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#7DC242;content:'';}

	.sect1 .mcnt3 .grap{position:absolute;top:65px;left:0;padding:0 5% 10px 5%;width:90%;background:#fff; border-radius:3px;}
	.sect1 .mcnt3 .grap li{position:relative;margin:9px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
	.sect1 .mcnt3 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
	.sect1 .mcnt3 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
	.sect1 .mcnt3 .grap li:first-child{margin:0;}
	.sect1 .mcnt3 .grap li:after{display:block;clear:both;content:'';}
	.sect1 .mcnt3 .grap li a{display:block;float:left;overflow:hidden;width:65%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:14px;color:#545454}
	.sect1 .mcnt3 .grap li a:hover,
	.sect1 .mcnt3 .grap li a:focus{text-decoration:underline;}
	.sect1 .mcnt3 .grap li span{float:right;}

	.sect1 .mcnt3 .grap .more{/*display:none;*/position:absolute;top:-55px;right:23px}
	.sect1 .mcnt3 .grap .more a{display:block;width:24px;height:24px;background:#2b2c2e url(/images/organ/common/more.png) no-repeat 49% 50%;font-size:0;line-height:0;}



	/*배너*/
	.sect2 .mcnt_banner {background:url(/images/job/content/main_img01.PNG) no-repeat 50% 0;}
	.sect2 .mcnt_banner a h3{margin:15px 0 0;padding:0; font-size:18px; font-weight:500;}
	.sect2 ul li a .b_txt{display:none; visibility:hidden;}


}


@media only screen and (min-width:840px){


	/* 메인비주얼 */
	#mvisual .wrap{padding:0px; width:830px;}
	#mvisual .tx div{display:block; visibility:visible; }
	#mvisual h2{display:block; float:left; margin:0; padding:64px 0 0 10px; background:none;}

	#mvisual .tx a{display:block; visibility:visible; position:absolute; margin:35px 0 0; background-color:#4D6184; opacity:0.5; color:#fff;}
	#mvisual .tx a:hover,
	#mvisual .tx a:active,
	#mvisual .tx a:focus{opacity:0.5; }
	#mvisual .tx .more{display:block;margin:0; padding:5px 60px 2px 15px; line-height:25px;font-size:13px; background:url(/images/job/content/img_arrow.PNG) no-repeat 90% 50%;}


	/* 팝업존 */
	#mvisual .wrap .popupzone{float:left; top:29px; width:492px; padding:0 10px;}
	#mvisual .wrap .popupzone .grap{padding-top:29px; }
	#mvisual .wrap .popupzone .grap .obj{height:274px; background:url(/images/job/content/bg_popupzone.PNG) no-repeat left bottom;}


}


@media only screen and (min-width:1000px){


	/* 메인비주얼 */
	#mvisual .wrap{width:1000px;}
	#mvisual .tx div{width:478px;}
	#mvisual h2{ padding:64px 0 0 10px;}

	/* 팝업존 */
	#mvisual .wrap .popupzone .grap .obj li img{width:auto;}


	/* 메인링크 */
	#mvisual #mlink ul.ml_box{z-index:12; margin:0 auto; width:1000px; }


	/* 메인 콘텐츠 */
	.msectwrap{display:block; clear:both;content:''; padding:30px 0; margin:0 auto; width:1000px; height:290px;}


	/* 메인 공지사항 */
	.sect1 .mcnt3 h3:first-child{padding-left:20px; }
	.sect1 .mcnt3 h3:first-child:after{display:none;}
	.sect1 .mcnt3 h3:first-child a.ov:before{margin-left:-30px;}
	.sect1 .mcnt3 h3:first-child a.ov:after{margin-left:3px;}
	.sect1 .mcnt3 .grap{top:65px; height:191px; padding:0 24px 4px 24px; width:440px;}
	.sect1 .mcnt3 .grap li a{width:70%; }
	.sect1 .mcnt3 .grap .more{display:block;}


}


#mvisual .tx a.alert_a{
  margin: -25px 0 0 10px; ;
  opacity: 1;
  
}