@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; border-top:5px solid #6aa208;  }


#main_txt {position:absolute; right:10px; text-align:right;margin:80px 0 0 0; Z-INDEX: 5;}
#main_txt img {width:90%;}
			
/*visual*/
#main_Visual { width:100%;height:100%; z-index:1 !important; overflow:hidden;}/*¸ÞÀκñÁÖ¾ó ºí¸´*/
#main_Visual .bx-pager {text-align:center; position:relative; top:0px; z-index:30; display:none;}
#main_Visual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#main_Visual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; margin:0 3px; width:16px; height:16px; background:url('../images/main/mainbull.png') no-repeat left top;}
#main_Visual .bx-pager-item .bx-pager-link.active {background-position:left bottom;}

#main_Visual .mainSlide { min-width:720px;Z-INDEX:2;}
#main_Visual li {text-align:center;left:50%; margin-left:-360px }
#main_Visual li img {width: inherit; height:250px;}

/**¸ÞÀÎEND**/



/* ~ 768px ----------- */
@media only screen 
and (min-width : 480px)
{ 
	#main_Visual li img {width: inherit; height: auto;}


}


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

#m_pro{
	POSITION:relative; 
	WIDTH:100%; height:100%; overflow:hidden;
	Z-INDEX:100;
	TOP:0px;
	text-align:center; margin:-50px auto 20px 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 2% 0 2%; padding:0px 0 0 0 }
#m_pro li { display:inline-block;width:30%;   text-align:center; box-sizing:border-box;padding:0px 0; margin:0 1%  }
#m_pro li span {display:block; margin:5px 0 0 0} 
#m_pro li span.btmore{ display:inline-block; background:#5e9765; border:1px solid #1d7124; color:#fff; font-size:12px; padding:0 10px; margin:0 auto}
#m_pro li a { height:100%;min-height:100px; overflow:hidden; display:block; text-align:center; color:#222; font-size:17px;  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){

}

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