@charset "UTF-8";

/********** 풋터 **********/
.layout-footer {
	display:block;
	width:100%;
	border-top:1px solid #b2b2b2;
	word-wrap:break-word;
	word-break:keep-all;
	position:relative;
}
	.layout-footer img { max-width:100%; vertical-align:top; }
	

	/********** 풋터 - 사이트 정보 **********/
	.layout-footer .foot-site-info--frame {
		display:block;
		width:100%;
	}
		.layout-footer .foot-site-info {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			align-items:center;
			padding:20px 20px 100px 20px;
		}
			.layout-footer .link-frame {
				display:block;
				width:100%;
				padding-bottom:10px;
			}
				.layout-footer .link-frame .foot-link {
					display:block;
					width:auto;
					font-size:0.8rem;
					font-weight:600;
				}
			
			.layout-footer .info-frame {
				display:block;
				width:100%;
			}
				.layout-footer .info-frame .foot-site-info-item,
				.layout-footer .info-frame .contact-info--frame,
				.layout-footer .info-frame .copyright {
					display:block;
					width:100%;
				}
				
				.layout-footer .info-frame .foot-site-info-item {
					margin-bottom:8px;
					color:#000;
					font-weight:400;
					line-height:1.4;
					font-size:0.8rem;
					font-weight:600;
				}
				
				.layout-footer .info-frame .contact-info--frame {
					display:flex;
					flex-wrap:wrap;
					width:100%;
				}
					.layout-footer .info-frame .contact-info-item {
						display:block;
						width:auto;
						color:#000;
						font-weight:400;
						line-height:1.4;
						font-size:0.8rem;
						font-weight:600;
					}
					
				
				.layout-footer .copyright {
					margin-top:20px;
					font-size:0.8rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
					line-height:1.4;
				}
					
/*********** 상단으로 바로 가기 아이콘  ***********/
#topMove { 
	display:block;
	width:45px;
	height:45px;
	position:fixed;
	right:18px;
	bottom:100px;
	z-index:299;
}

	#topMove .top-move-link { 
		display:block;
		width:100%;
		background-color:rgba(102,180,198,.7);
		border-radius:5px;
		transition:0.3s all ease-in-out;
	}
	
	#topMove .top-move-link:hover,
	#topMove .top-move-link:focus { background-color:rgba(37,89,122,.7); }

/********** responsive - start **********/
/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	.layout-footer .info-frame .contact-info-item {
		display:block;
		width:100%;
	}
	
	.layout-footer .info-frame .contact-info-item:not(:last-of-type) { margin-bottom:6px; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 풋터 - 바로가기 버튼 **********/
	.layout-footer .info-frame .contact-info-item:not(:last-of-type) { margin-right:40px; }
}


/********** responsive - end **********/