@charset "euc-kr";
@import url("layout.css");
@import url("common.css");
 
body {font-family:'Noto Sans KR','NanumBarunGothic','Nanum Gothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic', AppleGothic, sans-serif; margin:0; padding:0;-webkit-text-size-adjust:none;  word-wrap:break-word; word-break:keep-all;}
#wrap {margin:0 auto;  position:relative; overflow:hidden;min-width:320px; }
.topmenu{background:#75b61e;height:40px;width:100%;}
.topmenu ul li{float:left;padding-top:10px;padding-bottom:10px; width:20%;text-align:center;background: url(../image/line.png) no-repeat right center}
.topmenu ul li.last{background:none;}

.topmenu ul li a{font-weight:bold;font-size:13px;}
.topmenu ul li a,.topmenu ul li a:hover{ color:#fff;}

.main_contents { background:#fff url(../image/m_bg.gif) repeat; padding-bottom:0px;}
  

/*
.main_visual {width:100%; line-height:0; position:relative; }
.main_visual img {width:100%;}

.main_visual_b:after {clear:both;display:block;content:"";}
.main_visual_b { clear:both;width:100%; line-height:0; position:relative; margin:20px auto 0 auto; background:url(../image/mcon_bg.gif) no-repeat center top; }
.main_visual_b p {float:left; width:33%;text-align:center;}
.main_visual_b p.b2 {width:34%; background:url(../image/mcon_bg1.gif) repeat;}
.main_visual_b p img {vertical-align:middle;padding:10px 0;width:70%; }*/

#main{position:relative;width:100%;height:100%; overflow:hidden;top:0;text-align:center;margin:0px auto 0 auto; background:url(../image/main1.jpg) no-repeat top; background-size:cover; border-top:5px solid #06289e;}
#main_lay {position:relative;width:100%; height:100%; overflow:hidden;margin:0 auto;top:0px;text-align:center;Z-INDEX: 2;}

#main_txt {position:absolute; right:10px; text-align:right;margin:40px 0 0 0; Z-INDEX: 5;}
#main_txt img {width:90%;}
			
.clsBannerScreen {position:absolute; width:100%; top:70px;  /*border:1px solid #e1e1e1;*/ cursor:pointer; clear:both; text-align:center; left:50%; margin:0 0 0 -200px;Z-INDEX:70;}
.clsBannerScreen .images {position:relative; display:none; }
.clsBannerScreen .images img {width:100%;}

.clsBannerButtonBlank  {float:left;width:156px; }
.clsBannerButton {float:left;width:100px;cursor:pointer;  Z-INDEX: 5;
	POSITION: absolute; top:150px; padding-left:920px;}
.clsBannerButton li {/*width:20px;*/float:left;/*border-top:1px solid #e1e1e1;padding:2px;border-left:1px solid #e1e1e1;*/} /* 1 Ä­´ç 26px */
.clsBannerButton li.lst {border-right:1px solid #e1e1e1;}

.clsBannerButton li.labelOverClass {font-weight:bold;}

/**¸ÞÀÎEND**/



/* ~ 768px ----------- */
@media only screen 
and (min-width : 480px)
{ 
	


}


/* -------------------------------Á¦Ç°¼Ò°³------------------------------------ */

#m_pro{
	POSITION:relative; 
	WIDTH:100%; height:100%; overflow:hidden;
	Z-INDEX:100;
	TOP:0px;
	text-align:center; margin:0px auto 0px auto; padding:0 0 0px 0; 
}
#m_pro h1 {font-size:30px; margin:0 0 0px 0; text-align:center;}

#m_pro ul { height:100%; overflow:hidden;margin:0px auto 0 auto; padding:0px 0 0 0 }
#m_pro li {float:left;width:33%;  min-height:150px; text-align:center; box-sizing:border-box;padding:20px 0  }
#m_pro li.pimg01 {margin:0; background:#0d377c url(../image/m_pro01.jpg) no-repeat center bottom;background-size:100%;}
#m_pro li.pimg02 {width:34%; margin:0; background:#1e7cac url(../image/m_pro02.jpg) no-repeat center bottom;background-size:100%;}
#m_pro li.pimg03 {margin:0; background:#0d377c url(../image/m_pro04.jpg) no-repeat center bottom;background-size:100%;}

#m_pro li a { height:100%;min-height:100px; overflow:hidden; display:block; text-align:center; color:#fff; font-size:20px;  font-weight:500; letter-spacing:-0.5px;box-sizing:border-box;}
#m_pro li a img {width:100%;}





/* -------------------------------Á¦Ç°¼Ò°³ end--------------------------------- */

/* ~ 768px ----------- */
@media only screen 
and (min-width : 640px){
	#m_pro li {float:left;width:33%;  min-height:210px;}
	#m_pro li.pimg01 {background-size:cover;}
	#m_pro li.pimg02 {background-size:cover;}
	#m_pro li.pimg03 {background-size:cover;}
	#m_pro li a { height:100%;min-height:170px;}
}

/* ~ 768px ----------- */
@media only screen 
and (max-width : 360px){
	/*#m_pro li {float:none; width:98%; }
	#m_online {float:none; width:98%;}*/#m_pro li {min-height:140px;}
}