@charset "utf-8";


@media all and (max-width: 1200px){
	#index_wrapper {margin-top:200px;}
} 

@media all and (max-width: 700px){
	#index_wrapper {margin-top:10px;}
	
	#hd{margin-bottom: 0px;}
	#hd_wrapper{display: none;}
    #hd_topbar_wrapper{display: none;}
	#logo{float: none; padding: 15px; text-align: center;}
	#cb_gnb{display: none;}
	
	#bannermap {padding-top: 50px;}	
	#bannermap a {text-align: center}
	#bannermap a img{width: 80%;}
	
	#bannertit {display: none;}
	
	.main_line.introduce {padding-top:0px; padding-bottom: 0px;}
	
	.introduce.main_line .intro_box {width: 100%; float: none;}
	.introduce.main_line .intro_box .board_inner {height: 100%;}
	.introduce.main_line .intro_box .board_inner a{float: none;}
	.introduce.main_line .intro_box .board_inner a img{width: 100%;}
	.introduce.main_line .intro_img {width: 100%; float: none;}
	
	.bx-wrapper .bx-viewport ul li{height: 350px;}
	.main_content{padding: 10px;}
	#ft_company{padding: 30px 10px 30px;}
	#ft_logo {display: none;}
	
	.main_content .tit img{width: 40%;}
	
	#aside {width: 100%; float: none; padding-top: 0px;}
	#container{width: 100%; float: none;}
	#wrapper{padding: 20px 10px 20px 10px;}
	
	#top1 {width:100%; overflow:hidden;  padding:0; position:relative;display:block; margin-top:60px;}
	#visual {display:none;}
	
	#hd_pop {display:none;}
}