@charset 'utf-8';

ul.main_visual li.li1 { background:url('../img/main/visual1.jpg') 50% 0 no-repeat; background-size:auto 100%; }
ul.main_visual li.li2 { background:url('../img/main/visual2.jpg') 50% 0 no-repeat; background-size:auto 100%; }

#visual .bx-wrapper .bx-pager { padding-top:0; position:absolute; bottom:20px; z-index:9996; }
#visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:100%; text-align:center; }
#visual .bx-wrapper .bx-pager.bx-default-pager a { width:11px; height:11px; background:url('../img/main/pager_off.png') 0 0 no-repeat; }
#visual .bx-wrapper .bx-pager.bx-default-pager a.active { width:36px; height:11px; background:url('../img/main/pager_on.png') 0 0 no-repeat; }
#visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left:50%; margin-left:25px; bottom:88px; z-index:9996; }
#visual .bx-wrapper .bx-controls-auto .bx-stop { width:11px; height:11px; background:url('../img/main/btn_stop.png') 0 0 no-repeat; }
#visual .bx-wrapper .bx-controls-auto .bx-start { width:11px; height:11px; background:url('../img/main/btn_play.png') 0 0 no-repeat; }

#container div.main_content { padding-top:30px; }
#container div.main_content h3 { margin-bottom:45px; font-size:26px; font-family:'Noto Sans KR', sans-serif; color:#000; text-align:center; line-height:1.4; }

/* 추가 css */
#visual { position:relative; margin-top:84px; width:100%; height:524px; overflow:hidden; }
#visual .main_sdr_wrap { position:relative; left:50%; width:3657px; margin-left:-1828px; height:524px; }
#visual .main_sdr img.m_img { display:none; }

#visual div.ms_before { position:absolute; right:50%; top:0; margin-right:610px; width:100%; height:100%; background:url('../img/main/ms_dimm.png') 0 0 repeat; }
#visual div.ms_after { position:absolute; left:50%; top:0; margin-left:610px; width:100%; height:100%; background:url('../img/main/ms_dimm.png') 0 0 repeat; }

#visual .ms_prev { position:absolute; top:50%; left:50%; margin-top:-42px; margin-left:-590px; z-index:10; }
#visual .ms_next { position:absolute; top:50%; right:50%; margin-top:-42px; margin-right:-590px; z-index:10; }

/*
#visual .swiper-container { position:relative; left:50%; width:3657px; margin-left:-1828px; }
#visual .swiper-pagination-bullet { width:11px; height:11px; background:url('../img/main/pager_off.png') 0 0 no-repeat; border-radius:0; opacity:1; }
#visual .swiper-pagination-bullet-active { width:36px; height:11px; background:url('../img/main/pager_on.png') 0 0 no-repeat; border-radius:0; opacity:1; }
*/

@media screen and (max-width:1220px){
	#visual { height:auto; }
	#visual .ms_prev { left:20px; margin-left:0; }
	#visual .ms_next { right:20px; margin-right:0; }

	#visual .main_sdr_wrap { width:300%; margin-left:-150%; height:auto; }
}

@media screen and (max-width:640px){
	#container div.main_content { padding-top:0; }
	#visual .main_sdr img.m_img { display:block; }
	#visual .main_sdr img.w_img { display:none; }

	#visual .ms_prev { width:24px; margin-top:-21px; }
	#visual .ms_next { width:24px; margin-top:-21px; }
}