/* ======================================================
  Footer & 퀵메뉴
=========================================================*/

@media screen and (min-width:1001px){
/*PC*/
.footer{width: 100%;height:300px;/* padding:85px 0; */background:#fff;margin-top:80px;}
.footer_in{width:96%;max-width: 1200px;margin:0 auto;color:#000;display:flex;justify-content:space-between;}

.footer_in .footer_left{width: 63%;}
.footer_in .footer_right{width: 38%;display:flex;flex-direction:column;align-items: flex-end;}

.footer_in .f_logo_area{display:flex;align-items:center;}
.footer_in .f_logo{width:140px;margin-bottom:53px;}
.footer_in .f_logo img{width: 100%;}
.footer_in .f_logo .fm{display:none;}

.footer_in .f_logo_area p{font-size:15px;font-weight:400;margin-left:20px;}


.footer_in .f_logo a{display:block;}

.footer_in address{font-style:normal;font-size:14px;font-weight:400;display:flex;flex-wrap:wrap;align-items: flex-start}

.footer_in address ul{display:flex;flex-wrap:wrap;width: 50%;}

.footer_in address .address_left{width: 65%;}
.footer_in address .address_right{width: 35%;}

.footer_in address ul li{width: 100%;display:flex;padding:7px 0;}
.footer_in address ul li .title{width: 25%;color:#888;}
.footer_in address ul li .con{width: 75%;}

.footer_in .address_in span:nth-child(2){margin-left:64px;}
.footer_in .address_in span:last-child{margin-left:64px;}
.footer_in .address_in .none{display:none;}



.footer_right .footer_util:first-child{width: 220px;height: 60px;line-height:60px;border:1px solid #dbdbdb;border-radius:50px 0 50px 50px;transition:all 0.3s;}


.footer_right .footer_util a{display:block;text-indent:35px;font-size:13px;font-weight:400;}

.footer_right .footer_util:first-child{background:url(/images/footer_util3.png) no-repeat;background-position:right 30px center;margin-bottom:10px;}
.footer_right .footer_util:last-child{background:url(/images/footer_util1.png) no-repeat;background-position:right 30px center;}


.footer_right .footer_util:first-child:hover{background:url(/images/footer_util_on3.png) no-repeat #2d79eb;background-position:right 30px center ;border-color:#2d79eb;}
/* .footer_right .footer_util:last-child:hover{background:url(/images/footer_util_on1.png) no-repeat #2d79eb;background-position:right 30px center ;border-color:#2d79eb; */}

.footer_right .footer_util:first-child:hover a{color:#fff;}


.footer_right .footer_util #footer_select{width: 220px;height: 60px;text-indent:35px;line-height:60px;border:1px solid #dbdbdb;border-radius:50px 0 50px 50px;transition:all 0.3s;}



.footer_in .copy{margin-top:50px;font-size:15px;font-weight:400;color:#aaa;}




/*퀵메뉴들*/
.q_area{position:fixed;bottom:20px;right:64px;z-index:800;width:auto;}

.q_area ul{display:flex;flex-direction:column;align-items: flex-end}
.q_area ul li{width: 65px;height: 65px;border-radius:25px;background:#2e79eb;;overflow:hidden;margin-bottom:10px;}
/* .q_area ul li:hover {width: 236px;border-radius:50px;} */

.q_area ul li a{display:block;width: 100%;height: 100%;position:relative;}
.q_area ul li img{position:Absolute;top:50%;left:50%;transform:translate(-50%,-50%);}




.q_area .qt{display:none;width: 150%;color:#fff;position:Absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.q_area .qt span:first-child{font-size:12px;font-weight:700;}
.q_area .qt span:last-child{font-size:18px;font-weight:800;}


.q_area .q_top{background:#fff;box-shadow: 1px 1px 25px rgb(0 0 0 / 20%);border:1px solid #e1e1e1;box-sizing:border-box;}

/*호버효과*/
.q_btn.active{width:190px;border-radius:25px;transition:all 0.3s;}

.q_btn.active img{position:Absolute;top:50%;left:12%;transform:translateY(-50%);}

.q_btn.active .qt{position:Absolute;top:50%;left:35%;transform:translateY(-50%);}



}


@media screen and (min-width:1001px) and (max-width:1200px){

	.footer_in{width:98%;}
	.footer_in address .address_left{width: 70%;}
	.footer_in address .address_right{width: 30%;}

	.footer_in address .address_right .title{width: 35%;color:#888;}
	.footer_in address .address_right .con{width: 65%;}

	.footer_in .copy{margin-top:50px;font-size:13px;font-weight:500;color:#aaa;}

}

@media screen and (min-width:1001px) and (max-width:1060px){

	.footer_in address .address_left{width: 75%;}
	.footer_in address .address_right{width: 25%;}

	.footer_in address .address_right .title{width: 38%;color:#888;}
	.footer_in address .address_right .con{width: 63%;}

	.footer_in .copy{margin-top:50px;font-size:12px;font-weight:500;color:#aaa;}
}

@media screen and (min-width:731px) and (max-width:1000px){


	.footer{padding:100px 0;}
	.footer_in{width:96%;margin:0 auto;max-width: 1000px;display:flex;justify-content:space-between;align-items:center;
		flex-direction:column;
	}

	.footer_in .footer_left{width: 100%;}
	.footer_in .footer_right{width:100%;}

	.footer_in .f_logo_area{display:flex;align-items:center;}
	.footer_in .f_logo{height: 66px;}

	.footer_in .f_logo .fpc{display:none;}
	.footer_in .f_logo .fm{display:block;}

	.footer_in .f_logo a{display:block;}
	.footer_in .f_logo_area p{font-size:15px;font-weight:400;margin-left:20px;}

	.footer_in address{margin-top:50px;font-style:normal;font-size:22px;font-weight: 400;line-height:40px;}

	.footer_in address ul li{display:flex;}
	.footer_in address ul li .title{width: 23%;font-size:20px;color:#888;}
	.footer_in address ul li .con{width: 77%;font-size:20px;}

	.footer_right ul{display:flex;justify-content:space-between;margin-top:50px;}
	.footer_right .footer_util:first-child{width: 48%;height: 80px;line-height:80px;border:1px solid #888;border-radius:50px 0 50px 50px;}
	.footer_right .footer_util:last-child{width: 48%;height: 80px;border-radius:50px 0 50px 50px;}

	.footer_right .footer_util a{display:block;text-indent:50px;font-size:22px;color:#000;font-weight:500;}

	.footer_right .footer_util:first-child{order:2;background:url(/images/footer_util3.png) no-repeat;background-position:right 20px center;background-size:20px;}
	.footer_right .footer_util:last-child{background:url(/images/footer_util1.png) no-repeat;background-position:right 20px center;background-size:20px;}

	.footer_right .footer_util #footer_select{width: 100%;height: 80px;line-height:80px;border:1px solid #888;border-radius:50px 0 50px 50px;font-size:22px;}

	.footer_right .footer_util:first-child:hover a{color:#000}
	.footer_in .copy{width: 100%;margin-top:60px;font-size:15px;font-weight:400;color:#888;font-size:18px;text-align:center;}
	
	

	/*퀵메뉴들*/
	.q_area{display:none;}
}





@media screen and (min-width:721px) and (max-width:730px){

	.footer{padding:100px 0;}
	.footer_in{width:96%;margin:0 auto;max-width: 1000px;display:flex;justify-content:space-between;align-items:center;
		flex-direction:column;
	}

	.footer_in .footer_left{width: 100%;}
	.footer_in .footer_right{width:100%;}

	.footer_in .f_logo_area{display:flex;align-items:center;}
	.footer_in .f_logo{}
	.footer_in .f_logo a{height: 66px;display:block;}

	.footer_in .f_logo .fpc{display:none;}
	.footer_in .f_logo .fm{display:block;height: 100%;}

	.footer_in address{margin-top:50px;font-style:normal;font-weight: 400;line-height:40px;}

	.footer_in address ul li{display:flex;}
	.footer_in address ul li .title{width: 26%;font-size:20px;color:#888;}
	.footer_in address ul li .con{width: 74%;font-size:20px;}

	.footer_right ul{display:flex;justify-content:space-between;margin-top:50px;}

	.footer_right .footer_util:first-child{width: 48%;height: 80px;line-height:80px;border:1px solid #888;border-radius:50px 0 50px 50px;}
	.footer_right .footer_util:last-child{width: 48%;height: 80px;border-radius:50px 0 50px 50px;;}
	.footer_right .footer_util a{display:block;text-indent:50px;font-size:24px;color:#000;font-weight:500;}



	.footer_right .footer_util:first-child{order:2;background:url(/images/footer_util3.png) no-repeat;background-position:right 20px center;background-size:20px;}
	.footer_right .footer_util:last-child{background:url(/images/footer_util1.png) no-repeat;background-position:right 20px center;background-size:20px;}

	.footer_right .footer_util #footer_select{width: 100%;height: 100%;line-height:80px;border:1px solid #888;border-radius:50px 0 50px 50px;font-size:24px;}

	.footer_right .footer_util:first-child:hover a{color:#000}

	.footer_in .copy{width: 100%;margin-top:60px;font-size:20px;font-weight:400;color:#888;font-size:18px;text-align:center;}


	/*퀵메뉴들*/
	.q_area{display:none;}

}


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


	.footer{width:100vw;padding:13.6986vw 0;}
	.footer_in{width:96%;margin:0 auto;max-width: 136.9863vw;display:flex;justify-content:space-between;align-items:center;
		flex-direction:column;
	}

	.footer_in .footer_left{width: 100%;}
	.footer_in .footer_right{width:100%;}

	.footer_in .f_logo_area{display:flex;align-items:center;}
	.footer_in .f_logo{}
	.footer_in .f_logo a{height: 9.0411vw;display:block;}

	.footer_in .f_logo .fpc{display:none;}
	.footer_in .f_logo .fm{display:block;height: 100%;}

	.footer_in address{margin-top:6.8493vw;font-style:normal;font-weight: 400;line-height:5.4795vw;}

	.footer_in address ul li{display:flex;}
	.footer_in address ul li .title{width: 24%;font-size:3.0137vw;color:#888;}
	.footer_in address ul li .con{width: 76%;font-size:3.0137vw;}

	.footer_right ul{display:flex;justify-content:space-between;margin-top:6.8493vw;}
	.footer_right .footer_util:first-child{width: 48%;height: 9vw;line-height:9vw;border:0.1370vw solid #888;border-radius:6.8493vw 0 8.5vw 6.8493vw;}
	.footer_right .footer_util:last-child{width: 48%;height: 9vw;line-height:9vw;border:none;border-radius:6.8493vw 0 8.5vw 6.8493vw;}

	.footer_right .footer_util a{display:block;text-indent:6.8493vw;font-size:2.7vw;color:#000;font-weight:500;}

	.footer_right .footer_util:first-child{order:2;background:url(/images/footer_util3.png) no-repeat;background-position:right 2.7397vw center;background-size:2.7397vw;}
	.footer_right .footer_util:last-child{background:url(/images/footer_util1.png) no-repeat;background-position:right 2.7397vw center;background-size:2.7397vw;}

	.footer_right .footer_util #footer_select{width: 100%;height: 100%;line-height:80px;border:0.1370vw solid #888;    font-size: 2.7vw;}

	.footer_right .footer_util:first-child:hover a{color:#000}
	.footer_in .copy{width: 100%;margin-top:8.2192vw;font-weight:400;color:#888;font-size:2.7vw;text-align:center;}


	/*퀵메뉴들*/
	.q_area{display:none;}
 }