@charset "utf-8";

/*팝업창 이미지 사이즈 재설정 - 필수*/
@media screen and (max-width:768px) {
	.drag_pop{left:0 !important;top:0 !important;max-width:310px !important;height:auto !important;}
}

/*main_layout*/
#main_wrap{}

#main_gal .banner_container{position:relative;width:100%;}
	#banner_content {position:relative;width:100%; height:604px;overflow:hidden;}
	#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
	#banner_content div.area{display:block; width:100%; height:100%;}
	#banner_content div.img1 {background: url('../img/main/visual1.jpg') center center no-repeat;background-size:auto 100%;}
	#banner_content div.img2 {background: url('../img/main/visual2.jpg') center center no-repeat;background-size:auto 100%;}
	#banner_content div.img3 {background: url('../img/main/visual3.jpg') center center no-repeat;background-size:auto 100%;}
	#banner_content div.img4 {background: url('../img/main/visual4.jpg') center center no-repeat;background-size:auto 100%;}
	#banner_content div.area .typo{position:absolute;top:50%;left:50%;width:630px;margin-top:-46px;margin-left:-525px;}

	#btn_prev_banner{position:absolute;width:60px;height:60px;top:50%;left:10%;margin-top:-30px;text-indent:-9999px;overflow:hidden;background:url(../img/btn_prev.png) no-repeat 0 0;cursor:pointer;z-index:1;}
	#btn_prev_banner:hover{background-position:0 -60px;}
	#btn_next_banner{position:absolute;width:60px;height:60px;top:50%;right:10%;margin-top:-23px;text-indent:-9999px;overflow:hidden;background:url(../img/btn_next.png) no-repeat 0 0;cursor:pointer;z-index:1;}
	#btn_next_banner:hover{background-position:0 -60px;}
	
	#banner_nav{position:absolute;width:100%;height:21px;left:0px;bottom:25px;z-index:1;text-align:center;}
	#banner_nav li{display:inline-block;}
	#banner_nav li a{display:inline-block;width:17px;height:17px;margin:0px;ovflow:hidden;padding:0;background:url('../img/jquery/main_paging.png') 0 0 no-repeat;text-indent:-9999px}
	#banner_nav li a.select {background-position:0 -17px;} 

#main_con{position: relative;width:1100px;margin:0 auto;text-align:center;}	
#main_con h3.link_title{font-size:25px;line-height:25px;font-weight:800;color:#444;letter-spacing:1px;}
#main_con .line{position:absolute;height:10px;width:15px;left:50%;top:12px;margin-left:-127px;border-top:1px solid #aaa;}
#main_con .line2{margin-left:110px;}
#main_con ul.link_icon{font-size:0;}
#main_con ul.link_icon li{display:inline-block;width:20%;}
#main_con ul.link_icon li a{display:block;height:210px;overflow:hidden;}
#main_con ul.link_icon li a:hover img{margin-top:-210px;}


@media screen and (max-width:1600px){
		#btn_prev_banner{left:3%;}
		#btn_next_banner{right:3%;}
}		

@media screen and (max-width:1400px){
		#btn_prev_banner{left:0;}
		#btn_next_banner{right:0;}
}	


	
@media screen and (max-width:768px){
		#banner_content {height:350px;}
		#banner_content div.area{background-position:55% 0;}
		#banner_content div.area .typo{left:10%;width:300px;margin-top:-20px;margin-left:0;}
		#btn_navi{display:none;}
		#banner_nav{bottom:-35px;}
		
		#main_con{width:90%;}
		#main_con h3.link_title{font-size:19px;line-height:19px;}
		#main_con .line{height:10px;width:10px;left:50%;top:10px;margin-left:-99px;}
		#main_con .line2{margin-left:90px;}
		
		#main_con .link_icon_mobile{width:80%;margin:0 auto;font-size:0;text-align:center;}
		#main_con .link_icon_mobile li{display:inline-block;width:29%;margin:4% 2% 0;}
	}

@media screen and (max-width:480px){ 
	#banner_content {height:250px;}
	#banner_content div.area{background-position:58% 0;}
	#banner_content div.area .typo{left:6%;width:190px;margin-top:0px;margin-left:0;}
	
	#main_con{width:96%;}
	
	#main_con .link_icon_mobile{width:90%;}
	#main_con .link_icon_mobile li{display:inline-block;width:29%;margin:4% 2% 0;}
}