@charset "utf-8";


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


#wrap{background:url(/images/youngjae/content/mvisual_bg2.JPG) no-repeat 50% 30px; }


/* 메인비주얼 */
#mvisual{position:relative; top:-12px; height:230px; background:none; background-size:cover;}
#mvisual .wrap{position:relative; margin:0 auto; padding:42px 3% 0; width:94%; background:none;}

#mvisual h2 span {display:block; visibility:visible; text-align:center; color:#444C58;}

#mvisual h2 img {display:none; visibility:hidden;}



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


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

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

.sect1 .m_mcnt2 .grap{position:absolute;top:67px;left:0; width:90%;background:#fff; border-radius:0 0 5px 5px; }
.sect1 .m_mcnt2 .grap ul{padding:0 0 5px 0;}
.sect1 .m_mcnt2 .grap li{position:relative;margin:6px 0 0;padding:0 0 0 8px;font-size:13px;color:#999}
.sect1 .m_mcnt2 .grap li:before{display:block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#a9a9a9;content:'';}
.sect1 .m_mcnt2 .grap li.new:before{top:2px;left:-7px;width:16px;height:16px;background:url(/images/organ/common/notice_new.png) no-repeat;}
.sect1 .m_mcnt2 .grap li:first-child{margin:0;}
.sect1 .m_mcnt2 .grap li:after{display:block;clear:both;content:'';}
.sect1 .m_mcnt2 .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_mcnt2 .grap li a:hover,
.sect1 .m_mcnt2 .grap li a:focus{text-decoration:underline;}
.sect1 .m_mcnt2 .grap li span{float:right;}

.sect1 .m_mcnt2 .grap .more{/*display:none;*/position:absolute;top:-57px;right:5px}
.sect1 .m_mcnt2 .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;}



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


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




@media only screen and (min-width:360px){
	.sect1 .m_mcnt2 .grap .more{right:10px}
}



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


	/* 메인비주얼 */
	#mvisual{background:none;}
	#mvisual .wrap{position:relative; margin:0 auto; padding:42px 3% 0; width:94%; background:none; text-align:right;}


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



}


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



	#wrap{background:url(/images/youngjae/content/mvisual_bg.JPG) no-repeat 50% 120px; }


	/* 메인비주얼 */
	#mvisual{height:295px; padding:0PX; background:none;}
	#mvisual .wrap{position:relative;  padding:115px 28PX 0 5%; width:753px;}

	#mvisual h2:before{display:block;position:absolute;top:90px;left:5%;width:120px;height:5px; background:#34A50E; content:'';}
	#mvisual h2 span {display:none; visibility:hidden;}

	#mvisual h2 img {display:block; visibility:visible;}




}



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


	#mvisual .wrap{ padding:138px 30px 0 15px; width:985px;}
	#mvisual h2:before{display:block;position:absolute;top:110px; left:20px;}
	

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


	/* 메인 공지사항 */
	.sect1 .m_mcnt2{width:430px;}
	.sect1 .m_mcnt2 .grap li a{width:70%; }

	.sect1 .m_mcnt2 .grap .more{right:13px}



}



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


	/* 메인 콘텐츠 */
	.msectwrap{padding:30px 0 0 0px;  width:1000px;}


}