#footer{
	margin-top:100px;
	padding-top:80px;
	padding-bottom:80px;
	border-top:1px solid #eee;
}
#footer .container-inner{
	display:flex;
	min-width:1200px;
}
#footer .container-inner > h2{
	width:270px;
	flex-shrink: 0;
}
#footer .container-inner > .cs_container{
	width:calc(100% - 270px);
	display:flex;
	justify-content: space-between;
}
#footer .container-inner > .cs_container > div{}
#footer .container-inner > .cs_container > .line{
	border-left:1px solid #eee;
	width:1px;
}
#footer .container-inner h4{
	font-size:18px;
	margin-bottom:15px;
}

/*고객문의*/
#footer .container-inner .f_notice{
	min-width:33%;
	max-width:33%;
}
#footer .container-inner .f_notice .h4_h{
	display:flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #333;
	padding-bottom:15px;
	margin-bottom:15px;
}
#footer .container-inner .f_notice .h4_h h4{
	margin-bottom:0;
}
#footer .container-inner .f_notice .h4_h a{
	display:flex;
	padding:2px 15px;
	align-items: center;
	justify-content: center;
	border-radius:20px;
	box-shadow: 0px 0px 4px rgba(0,0,0,.15);
	font-size:14px;
	font-size:13px;
	border:1px solid #eee;
	color:#888;
}
#footer .container-inner .f_notice ul li + li{
	margin-top:8px;
}
#footer .container-inner .f_notice ul li a{
	position:relative;
	padding-right:100px;
	font-size:15px;
	display:block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#footer .container-inner .f_notice ul li a span{
	position:absolute;
	right:0;
	color:#888;
}


#footer .container-inner .f_cs{}
#footer .container-inner .f_cs p:nth-of-type(1){
	font-size:36px;
	color:#df3d3d;
	margin-bottom:5px;
}
#footer .container-inner .f_cs p:nth-of-type(2){
	font-size:16px;
	color:#666;
	margin-bottom:10px;
}
#footer .container-inner .f_cs p:nth-of-type(3) a{
	border:1px solid #eee;
	background:#fff;
	display:flex;
	padding:5px;
	width:100px;
	align-items: center;
	justify-content: center;
	border-radius:3px;
	box-shadow: 0px 0px 4px rgba(0,0,0,.15);
	font-size:14px;
	font-weight:500;
	gap:4px;
}
#footer .container-inner .f_bank{}
#footer .container-inner .f_bank p.account_number{
	display:flex;
	align-items: center;
	font-size:16px;
} 
#footer .container-inner .f_bank p.account_number span{
	padding:0 15px 0 5px;
}
#footer .container-inner .f_bank p.account_number strong{
	font-size:22px;
}
#footer .container-inner .f_bank p.depositor{
	font-size:16px;
	color:#666;
	margin-top:10px;
}


@media(max-width:1500px){
	#footer .container-inner > h2 {
		width: 220px;
		flex-shrink: 0;
	}
	#footer .container-inner > .cs_container{
		width: calc(100% - 220px);
	}
}
@media(max-width:1300px){
	#footer .container-inner{
		display:block;
	}
	#footer .container-inner > .cs_container{
		width: calc(100%);
		margin-top:20px;
		gap:0px 15px;
	}
	#footer .container-inner h4{
		font-size:16px;
	}
	#footer .container-inner .f_cs p:nth-of-type(1){
		font-size:26px;
	}
	#footer .container-inner .f_cs p:nth-of-type(2){
		font-size:13px;
	}
	#footer .container-inner .f_notice ul li a{
		font-size:13px;
	}
	#footer .container-inner .f_bank p:nth-of-type(1) strong,
	#footer .container-inner .f_bank p:nth-of-type(2) strong{
		font-size:18px;
	}
	#footer .container-inner .f_bank p:nth-of-type(2){
		font-size:13px;
	}
}