@charset "UTF-8";

.footer-box {
	width:100%;
	border-top:1px solid #c8c8c8;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}

	.footer-box .foot-info--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	
	.footer-box .foot-left--frame {
		display:block;
		font-size:0.85rem;
	}
	
	.footer-box .foot-right--frame {
		display:block;
		font-size:0.85rem;
	}

		.footer-box .link-box {
			display:flex;
			justify-content:flex-start;
			width:100%;
			margin-bottom:40px;
		}
		
			.footer-box .link-box .q-f-link {
				display:block;
				font-weight:600;
				color:#000;
			}
			.footer-box .link-box .q-f-link:not(:last-of-type) { margin-right:30px; }

			.footer-box  .address,
			.footer-box  .foot-copyright { margin-top:12px; }

			.footer-box .address {
				display:flex;
				justify-content:flex-start;
				flex-wrap:wrap;
				width:100%;
			}
				.footer-box .address .items {
					display:block;
					width:auto;
					color:#000;
					font-weight:600;
					line-height:1.5;
				}

			.footer-box .foot-copyright {
				display:block;
				width:100%;
				color:rgba(0,0,0,.4);
				font-weight:600;
			}

		.footer-box .foot-right--frame .content-title {
			display:block;
			width:100%;
			margin-bottom:25px;
			font-weight:600;
			color:#000;
		}
		
		.footer-box .foot-right--frame .number {
			display:block;
			width:100%;
			font-family:'SEBANG_Gothic_Bold', sans-serif;
			color:#000;
		}
		
		.footer-box .foot-right--frame .small-info {
			display:block;
			width:100%;
			margin-top:15px;
			color:rgba(0,0,0,.6);
			font-weight:600;
			line-height:1.4;
		}

	.scroll-top {
		position:fixed;
		right:20px;
		bottom:20px;
		z-index:102;
	}
		.scroll-top .move-btn {
			display:block;
			width:45px;
			height:45px;
			padding-top:22px;
			background-color:rgba(0,102,153,0.6);
			background-image: url(/res/home/img/common/top-bg.png);
			background-repeat:no-repeat;
			background-position:center 10px;
			border-radius:100px;
			transition:0.3s all ease-in-out;
			text-align:center;
			font-size:0.6em;
			font-weight:600;
			color:#fff;
		}
		.scroll-top .move-btn:hover,
		.scroll-top .move-btn:focus {
			background-color:rgba(61,164,217,1);
			text-decoration:none;
		}

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	.footer-box .address .items { width:100%; }
	.footer-box .foot-right--frame .number { font-size:1.8rem; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	.footer-box {  }
		
		.footer-box .foot-left--frame,
		.footer-box .foot-right--frame {
			width:100%;
			padding:40px;
			text-align:center;
		}
		
		.footer-box .foot-left--frame { background-color:#fafafa; }
		.footer-box .foot-right--frame { background-color:#fff; }
		
			.footer-box .link-box { justify-content:center; }
			.footer-box .address { justify-content:center; text-align:center; }
			
			.footer-box .foot-copyright { text-align:center; } 
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	.footer-box .address .items:not(:last-of-type) { margin-right:25px; }
	.footer-box .foot-right--frame .number { font-size:2.3rem; }
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	.footer-box {
		padding:60px 140px;
		background-color:#fafafa;
	}
	
		.footer-box .foot-left--frame {
			width:77%;
			margin-right:3%;
		}
		
		.footer-box .foot-right--frame { width:20%; }
		
			.footer-box .link-box,	
			.footer-box .address { justify-content:flex-start; }
}