.dpnone_s {display:none;}







/* main_visual */

#index_wrapper { position:relative; z-index:1;	width:100%;margin:0; overflow:hidden;}
#index_wrapper .index_sliderbutton { 
	float: left;
	width: 49px; 

}


#index_wrapper .prev { position:absolute; z-index:15; top:218px; left: 10px;opacity:.0;filter:alpha(opacity=0);}
#index_wrapper .prev:hover {opacity:.7;filter:alpha(opacity=70);}

#index_wrapper .next { position:absolute; z-index:16; top:218px; right:30px;opacity:.0;filter:alpha(opacity=0);}
#index_wrapper .next:hover {opacity:.7;filter:alpha(opacity=70);}

.index_sliderbutton img {cursor: pointer}
.index_sliderbutton img:hover {	}
#index_slideshow {float: left;width:100%;height:470px;}
#index_slides { padding:0; margin:0;position: relative;	z-index:1; top:0;width:100%; height:470px;	list-style: none;	overflow: auto}
#index_slides li {width:100%;height:470px;}
.index_pagination {position:absolute; z-index:10; left:50%; top:450px;	list-style: none;height: 10px;	margin:0 0 0 -37px;}
.index_pagination li {float: left;	cursor: pointer;padding: 0;	width:10px; height:10px;background:url('../img/main/m_vis_btn_off.png') no-repeat 0 0 ;margin: 0 3px 0 0;	font-size:0;}
.index_pagination li:hover {background:url('../img/main/m_vis_btn_off.png') no-repeat 0 0 ;width:10px; height:10px;}
li.index_current {background:url('../img/main/m_vis_btn_on.png') no-repeat 0 0 ;width:49px; height:95px;}




.vbg_01 {background:url('../img/main/m_vis_01.jpg') no-repeat top center;}
.vbg_02 {background:url('../img/main/m_vis_01.jpg') no-repeat top center; }
.vbg_03 {background:url('../img/main/m_vis_01.jpg') no-repeat top center; }






.bx-prev {display:block;position:absolute;width:28px;height:28px;top:-37px; right:10px; #right:5px; background:url('../img/main/mban_next.gif') no-repeat 0 0; padding:0; margin:0; font-size:0; line-height:0;  }
.bx-next {display:block;position:absolute;width:28px;height:28px;top:-37px; right:40px; #right:35px;background:url('../img/main/mban_prev.gif') no-repeat 0 0;}





/* main */
#main h2 {color:#333; overflow:hidden; margin:45px 0 25px 0; font-size:24px; line-height:1.4;}

#main h2.m_notice_title {width:100%;}
#main h2.m_notice_title p{width:70%; float:left; color:#333; font-size:24px; line-height:1.4; font-family:NanumGothicBoldWeb;}
#main h2.m_notice_title a {width:20%; float:right;}
/*ÄÁÅ×À̳Ê*/
#main_container {max-width:1000px; margin:0 auto;}

/*Á¦Ç°¼Ò°³*/
#main_article1 {width:73%; float:left; }
#main_article1 ul { overflow:hidden;}
#main_article1 ul li {width:46%;  float:left; margin-right:2%;}
#main_article1 ul li img{width:100%; max-width:350px; }

#main_article1 ul li:last-child { margin-right:0; }
#main_article1 dl {margin-bottom:25px;}

#main_article1 dl dt {font-size:18px; color:#0b5ca1; padding:15px 0 15px 0; letter-spacing:-0.01em;}
#main_article1 dl dt span {font-size:18px; color:#333;}
#main_article1 dl dd {letter-spacing:-0.01em;}






/*¼³°èÀÚ·á½Ç*/

#main_article2 {width:22%;   float:right;}

#main_article2 ul li {width:100%; background:url(../../img/main/m_data_btn.png) no-repeat right 19px;}
#main_article2 ul li a {color:#333; line-height:55px; display:block;}
#main_article2 ul li:nth-of-type(1) {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#main_article2 ul li:nth-of-type(2) { border-bottom:1px solid #ccc;}
#main_article2 ul li:nth-of-type(3) { border-bottom:1px solid #ccc;}

#main_article2 #m_data_banner img {margin-top:15px;width:100%; max-width:218px; }


/*°øÁö»çÇ×*/

#main_article3 {width:30%; margin:0 3% 0 0; float:left; }


#main_article3 #m_plus_01 {float:right; margin-top:4px;}
#main_article3 #m_notice_ul {width:100%; }
#main_article3 #m_notice_ul li.txt{width:62%; float:left; padding:0 0 0 10px; background:url("../../img/main/m_notice_dot.png") no-repeat 0 50%;}
#main_article3 #m_notice_ul li.date {width:30%; float:right;}




/*ȍ翿*/

#main_article4 {width:40%; float:left; }


#main_article4 #m_plus_02 {float:right; margin-top:4px;}
#main_article4 ul li {width:32%; max-width:114px; float:left; margin:0 0.5%; text-align:center;}
/*
#main_article4 h2 {position:absolute; top:45px; left:34px; color:#333;}
#main_article4 #m_plus_02 {position:absolute; top:52px; left:367px;}
#main_article4 .m_picture_01 {position:absolute; top:100px; left:34px;}
#main_article4 .m_picture_02 {position:absolute; top:100px; left:152px;}
#main_article4 .m_picture_03 {position:absolute; top:100px; left:272px;}
#main_article4 p:nth-of-type(1) {position:absolute; top:183px;left:60px;}
#main_article4 p:nth-of-type(2) {position:absolute; top:183px;left:165px;}
#main_article4 p:nth-of-type(3) {position:absolute; top:183px;left:312px;}
*/



/*°í°´¼¾ÅÍ*/

#main_article5 {width:20%; float:right; position:relative;}

#main_article5 #m_phone {margin-left:6px;}
#main_article5 .m_number {font-size:22px; color:#0b5ca1; font-weight:bold; float:right; margin-top:10px;}
#main_article5 .m_speak {margin-left:65px; margin-top:10px;}



















@media all and (max-width:1000px){

/* main_visual */ 


.dpnone_b {display:none; height:0;}
.dpnone_s {display:block;}
#index_wrapper {display:none;}

/* main */ 
#main_container {width:96%; padding:0 2%;}	
#main_article1 ul {*zoom:1; display:inline-block; *display:inline; }
#main_article1 ul:after{content:""; display:block; clear:both;} 
#main_article1 ul li {display:inline-block; #float:left; margin:0 1.5%; }

#main_article1 {width:100%;  }
#main_article1 ul{width:100%; }
#main_article1 li{width:49%;   text-align:center;}
#main_article1 li img{width:100%; }

#main_article1 dl {margin-bottom:15px;}

#main_article2 {width:46%; float:left; margin-right:4%;}
#main_article3 {width:46%; float:left; }
#main_article4 {width:46%; float:left; }
#main_article5 {width:100%; float:left; }
}





@media all and (max-width:789px){

#main h2 {font-size:22px;}
#main h2.m_notice_title p{ font-size:22px; }
#main_article1 dl dt {font-size:16px; }
#main_article1 dl dt span {font-size:16px;}




#main_article1 {width:100%; floar:none;}

#main_article2 {float:left; width:45%;}
#main_article2 #m_data_banner {display:none;}
#main_article3 {float:right; width:45%;  margin:0; overflow:hidden;}
#main_article4 {float:left; width:55%; overflow:hidden;  }
#main_article5 {width:35%; float:left; }



}




@media all and (max-width:640px){

#main h2 {font-size:20px; margin:45px 0 20px 0;}
#main h2.m_notice_title p{ font-size:20px; }

#main_article3 #m_notice_ul li.txt{width:95%; float:none; padding:0 0 0 5%; background:url("../../img/main/m_notice_dot.png") no-repeat 2px 50%;}
#main_article3 #m_notice_ul li.date {width:95%; float:none; padding:0 0 0 5%; }




}

@media all and (max-width:480px){

#main h2 {font-size:18px; margin:45px 0 15px 0;}
#main h2.m_notice_title p{ font-size:18px; }
#main_article1 dl dt {font-size:15px; padding:13px 0 5px 0;}
#main_article1 dl dt span {font-size:15px;}

#main_article3 #m_notice_ul li.txt{width:95%; float:none; padding:0 0 0 5%; background:url("../../img/main/m_notice_dot.png") no-repeat 2px 50%;}
#main_article3 #m_notice_ul li.date {width:95%; float:none; padding:0 0 0 5%; }




}


@media all and (max-width:400px){
#main h2 {margin:25px 0 12px 0;}
#main_article1 ul {text-align:center;}
#main_article1 ul li {width:100%; float:none; margin-right:0; }
#main_article1 .m_introduce_03_dl {margin-bottom:0;}

#main_article2 {width:100%;}
#main_article3 {width:100%;}
#main_article3 #m_notice_ul li.txt{width:62%; float:left; }
#main_article3 #m_notice_ul li.date {width:23%; float:right; text-align:right; padding:0 3px 0 0; }

#main_article4 {width:100%; }
#main_article5 {width:100%; }
#main_article5 p {width:100%; text-align:center;}


#main_article1 ul li {margin:0; }
#main_article1 ul li img {width:70%; }

}


@media all and (max-width:360px){

#main h2 {font-size:16px;}
#main h2.m_notice_title p{ font-size:16px; }



}