@charset "utf-8";

/* 화면 해상도 width 1025px 이상 Design --------------------------------------*/
@media screen and (min-width: 1025px){
		#banner { position: relative; width: 100%; height: 58px; margin: auto; padding-top: 0px; border-top: 0px solid #000; } 
		#banner > ul { width: 100%; }
			#banner > ul > li { 
				float: left;  width: calc(100% - 190px);
			}
			#banner > ul > li:first-child { 
				float: left; width: 190px; font-size: 16px; font-weight: 700; color: #3f3f3f;
			}
				#banner #banner_prev { position: absolute; top: 61px; left: 94px; width: 8px; height: 13px; background: url('../img/lmi_prev.gif') no-repeat; border: none; } 
				#banner #banner_next { position: absolute; top: 61px; left: 134px; width: 8px; height: 13px; background: url('../img/lmi_next.gif') no-repeat; border: none; } 
				#banner #banner_control { height: 58px; line-height: 58px;}
					#banner #banner_control button { position: absolute; top: 61px; left: 115px; width: 8px; height: 11px; background: url('../img/lmi_stop.gif') no-repeat; border: none; } 

				#banner #banner_slider { float: left; width: 100%; height: 58px; overflow: hidden; } 
					#banner #banner_slider ul { display: block; position: relative; float: left; width: 100%; height: 58px; overflow: hidden; } 
						#banner #banner_slider li { display: block; position: relative; float: left; width: 172px; height: 58px; text-align: center; overflow: hidden; margin-right: 10px; }

				#banner_slider{ overflow: hidden; }
					#banner_slider ul,#banner_slider ul li{ display: block; position: relative; overflow: hidden; }

}

/* 화면 해상도 width 641px 이상 1024px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
		#banner { position: relative; width: 98%; height: 53px; margin: auto; padding-top: 40px; border-top: 2px solid #000; } 
		#banner > ul { width: 100%; }
			#banner > ul > li { 
				float: left; width: calc(100% - 190px);
			}
			#banner > ul > li:first-child { 
				float: left; width: 190px; font-size: 16px; font-weight: 700; color: #3f3f3f;
			}
				#banner #banner_prev { position: absolute; top: 61px; left: 94px; width: 8px; height: 13px; background: url('../img/lmi_prev.gif') no-repeat; border: none; } 
				#banner #banner_next { position: absolute; top: 61px; left: 134px; width: 8px; height: 13px; background: url('../img/lmi_next.gif') no-repeat; border: none; } 
				#banner #banner_control { height: 53px; line-height: 53px;}
					#banner #banner_control button { position: absolute; top: 61px; left: 115px; width: 8px; height: 11px; background: url('../img/lmi_stop.gif') no-repeat; border: none; } 

				#banner #banner_slider { float: left; width: 100%; height: 53px; overflow: hidden; } 
					#banner #banner_slider ul { display: block; position: relative; float: left; width: 100%; height: 53px; overflow: hidden; } 
						#banner #banner_slider li { display: block; position: relative; float: left; width: 162px; height: 53px; text-align: center; overflow: hidden; margin-right: 10px; }

				#banner_slider{ overflow: hidden; }
					#banner_slider ul,#banner_slider ul li{ display: block; position: relative; overflow: hidden; }

.main-3floor{width: 100%;}
}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){



    #main div.bar span { width: 22%; margin: 15px 0; padding: 0; font-size: 12px; height: 40px; }
    #main div.bar div #mobile_hidden{display:none;}
    #main div.bar div #mobile_view{display:inline-block;}

    #main div.bar span img { display: none; }
    #main #container { width: 100%; }
	#main div.bar img {width:35%; margin-right:5%;}		
		
		
		#banner { position: relative; width: 95%; height: 53px; margin: auto; border-top: 2px solid #000; } 
		#banner > ul { width: 100%; }
			#banner > ul > li { 
				float: left;
				width: 100%;
				font-size: 16px; font-weight: 700; color: #3f3f3f;
			}
				#banner #banner_prev { position: absolute; top: 21px; left: 94px; width: 8px; height: 13px; background: url('../img/lmi_prev.gif') no-repeat; border: none; } 
				#banner #banner_next { position: absolute; top: 21px; left: 134px; width: 8px; height: 13px; background: url('../img/lmi_next.gif') no-repeat; border: none; } 
				#banner #banner_control { height: 53px; line-height: 53px;}
					#banner #banner_control button { position: absolute; top: 21px; left: 115px; width: 8px; height: 11px; background: url('../img/lmi_stop.gif') no-repeat; border: none; } 

				#banner #banner_slider { float: left; width: 100%; height: 53px; overflow: hidden; } 
					#banner #banner_slider ul { display: block; position: relative; float: left; width: 100%; height: 53px; overflow: hidden; } 
						#banner #banner_slider li { display: block; position: relative; float: left; width: 162px; height: 53px; text-align: center; overflow: hidden; margin-right: 10px; }

				#banner_slider{ overflow: hidden; }
					#banner_slider ul,#banner_slider ul li{ display: block; position: relative; overflow: hidden; }

}


.main-3floor{padding: 5px;}
.main-3floor{width: 1245px;margin: auto;padding: 0px 0 px 0px; border-top: 0px solid #000;}

.main-3floor #banner{padding:0 ;border: 0;}
#banner > ul > li:first-child{color: #333;font-size: 18px;font-weight: 400;}
#banner #banner_control button{top: 20px;left: 128px;width: 4px;height: 14px;background: url('../img/new_bg22.png') no-repeat;}
#banner #banner_prev{top: 20px;left: 110px;width: 8px;height: 14px;background: url('../img/new_bg21.png') no-repeat;}
#banner #banner_next{top: 20px;left: 142px;width: 8px;height: 14px;background: url('../img/new_bg23.png') no-repeat;}

@media screen and (max-width: 1024px){

/*main*/
.main-3floor{width: 100%;}
/*main*/
}