@charset "utf-8";
/* 반응형 레이아웃 */
@media all and (max-width:1400px) {
	
}
@media all and (max-width:1200px) {
	#header .gnbWrap {display:none;}
	.quick_link {
		position:fixed;
		top:450px;
		right:10px;
		z-index:9999;
	}
	.quick_link ul li {
			border:1px solid #e7e7e7;
			width: 75px;
			height: 75px;
			border-radius: 75px;
			margin-bottom:15px;
			text-align:center;
			background:#fff;
		}
		.quick_link ul li a{
			display:block;
			width:75px;
			height:75px;
			text-align:center;
			vertical-align:middle;
			color: #333333;
			font-size:0.75rem;
		}
		.quick_link ul li a img{
			display:block;
			margin: 0 auto;
		}
		.quick_link ul li:first-child a img{
			width:30px;
			height:30px;
			margin-top:12px;
		}
		.quick_link ul li:nth-child(2) a img{
			width:30px;
			height:28px;
			margin-top:10px;
		}
		.quick_link ul li:last-child a img{
			width:35px;
			height:35px;
			margin-top:7px;
		}
}

@media all and (max-width:1024px) {	
	
}
@media all and (max-width:860px){

}
@media all and (max-width:768px) {
	.footer .footer_link { padding:20px 0 10px; overflow:hidden; }
	
	.ftBtn_wrap { clear:both;position:relative; left:0; top:0px; z-index:1; width:100%; padding:0px 0px; }
	.ftBtn_wrap .ftBtn_box { margin:0px; width:100%; }
	.ftBtn_wrap .ftBtn { width:100%; height:45px; line-height:30px; text-align:left; background:#fff; cursor:pointer; border:1px solid #dfdfdf; }
	.ftBtn_wrap .ftBtn span { position:relative; font-size:0.9rem; padding:0 30px 0 20px; font-weight:400; letter-spacing:-1px; color:#4a4848; display:block; }
	.ftBtn_wrap .ftBtn span::before { content:""; position:absolute; right:24px; top:7px; width:1px; height:15px; background:#4a4848; }
	.ftBtn_wrap .ftBtn span::after { content:""; position:absolute; right:17px; top:14px; width:15px; height:1px; background:#4a4848; }
	.ftBtn_wrap .ftBtn.open span::before { transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
	.ftBtn_wrap .ftBtn:hover { background:#1490df;border:1px solid #1490df;}
	
	.footer .box_info {clear:both; position:relative; width:100% !important; font-size:0.75rem; padding-top:10px; padding-left:0px; text-align:center;}
	.footer .box_info .ftLogo { position:relative; margin-bottom:10px; }
	.footer .box_info address { width:100%; margin-top:10px; font-size:0.9rem; color:#666; font-weight:400; }
	.footer .box_info p.copyright { font-size:0.9rem; color:#777; margin:5px 0 0; letter-spacing:0px; }
	.footer .connect {display:block; clear:both !important; margin:0 auto !important; font-size:0.9rem; text-align:center; padding-left:10px; margin-top:10px !important;width:100%; }
}
@media all and (max-width:719px) {

} 
@media all and (max-width:680px) {
	.ft_sns { position:absolute; right:8%; top:140px !important; border:0px solid #ccc;}
}
@media all and (max-width:480px) {
	.footer .footer_link a { font-size:0.9rem !important; letter-spacing:-1px !important;}
	.footer .box_info .ftLogo { margin-left:-30% !important; }
	.footer .box_info address { font-size:0.8rem; color:#666; font-weight:400; letter-spacing:-1px !important; }
	.ft_sns { position:absolute; right:20% !important; top:145px !important; border:0px solid #ccc;}
	.footer .box_info p.copyright { font-size:0.8rem; color:#777; margin:5px 0 0; letter-spacing:-0.5px; }
}