/*
	Copyright 2024 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import 'main.css';

@media (max-width: 1399.98px) {
}
@media (max-width: 1279.98px) {
}
@media (max-width: 1023.98px) {
}
@media (max-width: 766.98px) {
}
@media (max-width: 575.98px) {
}
.container,
.container-fluid{
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 15px;
}

@media (min-width: 1199.98px){
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1430px;
	}
}

:root {
	--mc : #0858a3;
	--sc : #61a4e2;
	--tc : #f9b86e;
}

#ft_wrap.footer .top {
	padding:2rem 0;
	box-sizing:border-box;
	border-bottom:1px solid #38414d;
}
#ft_wrap.footer .top .ft_inner {
	padding:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#ft_wrap.footer .top .ft_inner .info_link {
	display:flex;
	align-items:center;
}
#ft_wrap.footer .top .ft_inner .info_link > li > a {
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:0 1.5rem;
	color:#fff;
}
#ft_wrap.footer .top .ft_inner .info_link > li:first-child > a {
	padding-left:0;
}
#ft_wrap.footer .top .ft_inner .info_link > li:not(li:last-child) > a:before {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:60%;
	background:rgba(255,255,255,0.2);
}
#ft_wrap.footer .top .sns {
	display:flex;
	align-items:center;
	gap:0.6rem;
}
#ft_wrap.footer .top .sns > a {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:1.7rem;
	width:3.7rem;
	height:3.7rem;
	border-radius:50%;
	background:#43546a;
	color:#fff;
}
#ft_wrap.footer > .ft_inner {
	padding:3rem 0 4rem;
	display:flex;
	align-items:center;
}
#ft_wrap.footer > .ft_inner > .ft_info > .info > p {
	font-size:1.7rem;
	line-height:1.6;
	color:#fff;
	margin-right:2rem;
}
#ft_wrap.footer > .ft_inner > .ft_info > .info > p > a {
	color:#fff;
}
#ft_wrap.footer > .ft_inner > .ft_info > .copy {
	text-align:left;
	background:none;
	color:#757a82;
	font-size:1.7rem;
	padding:0;
	margin-top:3rem;
}
@media (max-width: 1399.98px) {
	#ft_wrap.footer .top .ft_inner,
	#ft_wrap.footer .ft_inner {
		padding-left:2rem;
		padding-right:2rem;
	}
}
@media (max-width: 1023.98px) {
	#ft_wrap.footer .top {
		padding:4rem 0 0;
		border-bottom:0;
	}
	#ft_wrap.footer .top .ft_inner {
		flex-direction:column;
		justify-content:center;
		gap:2rem;
	}
	#ft_wrap.footer .top .ft_inner .info_link > li > a {
		font-size:1.6rem;
		padding:0 1rem;
	}
	#ft_wrap.footer .top .ft_inner .info_link > li:last-child > a {
		padding-right:0;
	}
	#ft_wrap.footer .top .ft_inner .info_link > li:not(li:last-child) > a:before {
		display:none;
	}
	#ft_wrap.footer > .ft_inner {
		padding:2rem 0 4rem;
	}
	#ft_wrap.footer > .ft_inner > .ft_info > .info > p {
		font-size:1.6rem;
		margin-right:0;
		margin:0 1rem;
	}
	#ft_wrap.footer > .ft_inner > .ft_info > .copy {
		text-align:center;
		font-size:1.6rem;
		margin-top:2rem;
	}
}
@media (max-width: 766.98px) {
	#ft_wrap.footer .top .ft_inner .info_link > li > a {
		font-size:1.5rem;
	}
	#ft_wrap.footer > .ft_inner > .ft_info > .info > p {
		font-size:1.5rem;
		line-height:1.8;
	}
	#ft_wrap.footer > .ft_inner > .ft_info > .info > br {
		display:none;
	}
	#ft_wrap.footer > .ft_inner > .ft_info > .copy {
		font-size:1.5rem;
	}
}



/* 탑버튼 */
.quick-wrap {
	position:fixed;
	right:2rem;
	bottom:2rem;
	display:flex;
	flex-direction:column;
	gap:0.6rem;
	z-index:18;
}
.quick-wrap > a {
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	width:6rem;
	height:6rem;
	border-radius:50%;
	z-index:20;
	background:var(--sc);
	text-align:center;
	font-size:3rem;
}
.quick-wrap > a.btn-top {
	background:var(--mc);
}
@media (max-width: 1023.98px) {
	.quick-wrap {
		right:1.5rem;
		bottom:2rem;
		gap:0.5rem;
	}
	.quick-wrap > a {
		width:5rem;
		height:5rem;
		font-size:2.4rem;
	}
}
@media (max-width: 766.98px) {
	.quick-wrap {
		bottom:1.5rem;
		gap:0.4rem;
	}
	.quick-wrap > a {
		width:4rem;
		height:4rem;
		font-size:2rem;
	}
}