/*
@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");
*/

/*
	Strata by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
@font-face {
    font-family: "Noto Sans KR";
    src: url("/m_web/common/css/font/NotoSansKR-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;        
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/m_web/common/css/font/NotoSansKR-500.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;        
}
@font-face {
    font-family: "Noto Sans KR";
    src: url("/m_web/common/css/font/NotoSansKR-700.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;        
}     
html,body,*{font-family:'Noto Sans KR', sans-serif !important;}
/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: 0;
			margin-left: -0.625em;
		}

			.row.gtr-25 > * {
				padding: 0 0 0 0.625em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.625em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.625em;
				}

		.row.gtr-50 {
			margin-top: 0;
			margin-left: -1.25em;
		}

			.row.gtr-50 > * {
				padding: 0 0 0 1.25em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -1.25em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 1.25em;
				}
            
			.row > * {
				padding: 0 0 0 1.5em;
			}

			.row.gtr-uniform {
				margin-top: -2.5em;
			}

				.row.gtr-uniform > * {
					padding-top: 2.5em;
				}

		.row.gtr-150 {
			margin-top: 0;
			margin-left: -3.75em;
		}

			.row.gtr-150 > * {
				padding: 0 0 0 3.75em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -3.75em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 3.75em;
				}

		.row.gtr-200 {
			margin-top: 0;
			margin-left: -5em;
		}

			.row.gtr-200 > * {
				padding: 0 0 0 5em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -5em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 5em;
				}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.625em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.625em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1.25em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1.25em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1.25em;
						}
					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 2.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3.75em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3.75em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3.75em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3.75em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -5em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 5em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -1em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 1em;
						}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-uniform > * {
							padding-top: 2em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 3em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -4em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 4em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -4em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 4em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xsmall {
					order: -1;
				}

				.row > .col-1-xsmall {
					width: 8.33333%;
				}

				.row > .off-1-xsmall {
					margin-left: 8.33333%;
				}

				.row > .col-2-xsmall {
					width: 16.66667%;
				}

				.row > .off-2-xsmall {
					margin-left: 16.66667%;
				}

				.row > .col-3-xsmall {
					width: 25%;
				}

				.row > .off-3-xsmall {
					margin-left: 25%;
				}

				.row > .col-4-xsmall {
					width: 33.33333%;
				}

				.row > .off-4-xsmall {
					margin-left: 33.33333%;
				}

				.row > .col-5-xsmall {
					width: 41.66667%;
				}

				.row > .off-5-xsmall {
					margin-left: 41.66667%;
				}

				.row > .col-6-xsmall {
					width: 50%;
				}

				.row > .off-6-xsmall {
					margin-left: 50%;
				}

				.row > .col-7-xsmall {
					width: 58.33333%;
				}

				.row > .off-7-xsmall {
					margin-left: 58.33333%;
				}

				.row > .col-8-xsmall {
					width: 66.66667%;
				}

				.row > .off-8-xsmall {
					margin-left: 66.66667%;
				}

				.row > .col-9-xsmall {
					width: 75%;
				}

				.row > .off-9-xsmall {
					margin-left: 75%;
				}

				.row > .col-10-xsmall {
					width: 83.33333%;
				}

				.row > .off-10-xsmall {
					margin-left: 83.33333%;
				}

				.row > .col-11-xsmall {
					width: 91.66667%;
				}

				.row > .off-11-xsmall {
					margin-left: 91.66667%;
				}

				.row > .col-12-xsmall {
					width: 100%;
				}

				.row > .off-12-xsmall {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

/* Image */

	.image {
		border-radius: 0.35em;
		border: 0;
		display: inline-block;
		position: relative;
	}

		
        .image:before {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background: url("images/overlay.png");
			border-radius: 0.35em;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.5;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.image.thumb {
			text-align: center;
		}
		
		.image.thumb.s:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				/*
				background-color:rgba(256, 256, 256, 0.8);  
				color: #fff;				               
                border: solid 2px #000;
				left: 25%;				
				font-family: Noto Sans CJK KR Thin;
				border-radius: 2em;
				font-family: Noto Sans CJK KR Thin;
				box-shadow: 2px 2px 10px #000;
				text-shadow: 4px 3px 5px #1e1611;
				font-weight: bold; 
				*/
			
				
				border: solid 1px rgb(255, 255, 255);	
				background-color:rgba(31, 22, 15, 0.82);
				color: #fff;
				content: 'SHOPPING FOR YOUR HEALTH';
				font-family: Noto Sans CJK KR Thin;
				display: inline-block;
				font-size: 1.5em;		
				
				left: 32%;
				line-height: 2.25em;
				margin: -1.25em 0 0 -3em;
				
				padding: 0 1.5em;
				position: absolute;
				text-align: center;
				text-decoration: none;
				
				top: 85%;
				white-space: nowrap;				
			} 
            
            /*
			.image.thumb:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				border-radius: 0.35em;
                /*
				border: solid 3px rgba(255, 255, 255, 0.5);
				color: #fff;
                *
                border: solid 2px #000;
                color: #000;
				content: 'View';
				display: inline-block;
				font-size: 0.8em;
				font-weight: bold;
				left: 50%;
				line-height: 2.25em;
				margin: -1.25em 0 0 -3em;
				opacity: 0;
				padding: 0 1.5em;
				position: absolute;
				text-align: center;
				text-decoration: none;
				top: 50%;
				white-space: nowrap;
			}
            */
			.image.thumb:hover:after {
				opacity: 1.0;
			}

			.image.thumb:hover:before {
				background: url("images/overlay.png"), url("images/overlay.png");
				opacity: 1.0;
			}

		.image img {
			display: block;
		}
		/*border-radius: 0.35em;*/
		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 1.5em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.avatar {
			border-radius: 100%;
		}

			.image.avatar:before {
				display: none;
			}

			.image.avatar img {
				border-radius: 100%;
				width: 100%;
			}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

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

			ul.actions:not(.fixed) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				margin-left: 0;
				width: 100% !important;
			}

				ul.actions:not(.fixed) li {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions:not(.fixed) li > * {
						width: 100%;
					}

					ul.actions:not(.fixed) li:first-child {
						padding-top: 0;
					}

					ul.actions:not(.fixed) li input[type="submit"],
					ul.actions:not(.fixed) li input[type="reset"],
					ul.actions:not(.fixed) li input[type="button"],
					ul.actions:not(.fixed) li button,
					ul.actions:not(.fixed) li .button {
						width: 100%;
					}

						ul.actions:not(.fixed) li input[type="submit"].icon:before,
						ul.actions:not(.fixed) li input[type="reset"].icon:before,
						ul.actions:not(.fixed) li input[type="button"].icon:before,
						ul.actions:not(.fixed) li button.icon:before,
						ul.actions:not(.fixed) li .button.icon:before {
							margin-left: -0.5em;
						}

		}
/* Main */

	#main {
		/*margin-left: 35%;*/
        margin:0 auto;
		/*max-width: 54em;*/
        /*max-width:1410px;*/
        max-width:1100px;
		/*padding: 8em 4em 4em 4em;*/
        padding:70px 0;
		/*width: calc(100% - 35%);*/
        width:100%;
	}

		#main > section {
			border-top: solid 2px #efefef;
			margin: 4em 0 0 0;
			padding: 4em 0 0 0;
		}

			#main > section:first-child {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}

/* Poptrox */

	@-moz-keyframes spin {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-webkit-keyframes spin {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-ms-keyframes spin {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes spin {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		background: #fff;
		border-radius: 0.35em;
		box-shadow: 0 0.1em 0.15em 0 rgba(0, 0, 0, 0.15);
		overflow: hidden;
		padding-bottom: 3em;
	}

		.poptrox-popup .loader {
			text-decoration: none;
			-moz-animation: spin 1s linear infinite;
			-webkit-animation: spin 1s linear infinite;
			-ms-animation: spin 1s linear infinite;
			animation: spin 1s linear infinite;
			font-size: 1.5em;
			height: 1em;
			left: 50%;
			line-height: 1em;
			margin: -0.5em 0 0 -0.5em;
			position: absolute;
			top: 50%;
			width: 1em;
		}

			.poptrox-popup .loader:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			.poptrox-popup .loader:before {
				content: '\f1ce';
			}

		.poptrox-popup .caption {
			background: #fff;
			bottom: 0;
			cursor: default;
			font-size: 0.9em;
			height: 3em;
			left: 0;
			line-height: 2.8em;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 1;
		}

		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
			text-decoration: none;
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			background: rgba(0, 0, 0, 0.01);
			cursor: pointer;
			height: 100%;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 50%;
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				color: #fff;
				font-size: 2.5em;
				height: 1em;
				line-height: 1em;
				margin-top: -0.75em;
				position: absolute;
				text-align: center;
				top: 50%;
				width: 1.5em;
			}

		.poptrox-popup .nav-next {
			right: 0;
		}

			.poptrox-popup .nav-next:before {
				content: '\f105';
				right: 0;
			}

		.poptrox-popup .nav-previous {
			left: 0;
		}

			.poptrox-popup .nav-previous:before {
				content: '\f104';
				left: 0;
			}

		.poptrox-popup .closer {
			text-decoration: none;
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			color: #fff;
			height: 4em;
			line-height: 4em;
			opacity: 0;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 4em;
			z-index: 2;
		}

			.poptrox-popup .closer:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			.poptrox-popup .closer:before {
				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box;
				-ms-box-sizing: content-box;
				box-sizing: content-box;
				border-radius: 100%;
				border: solid 3px rgba(255, 255, 255, 0.5);
				content: '\f00d';
				display: block;
				font-size: 1em;
				height: 1.75em;
				left: 50%;
				line-height: 1.75em;
				margin: -0.875em 0 0 -0.875em;
				position: absolute;
				top: 50%;
				width: 1.75em;
			}

		.poptrox-popup:hover .nav-next,
		.poptrox-popup:hover .nav-previous {
			opacity: 0.5;
		}

			.poptrox-popup:hover .nav-next:hover,
			.poptrox-popup:hover .nav-previous:hover {
				opacity: 1.0;
			}

		.poptrox-popup:hover .closer {
			opacity: 0.5;
		}

			.poptrox-popup:hover .closer:hover {
				opacity: 1.0;
			}

/* Touch */

	body.is-touch .image.thumb:before {
		opacity: 0.5 !important;
	}

	body.is-touch .image.thumb:after {
		display: none !important;
	}

	body.is-touch #header {
		background-attachment: scroll;
		background-size: auto, cover;
	}

	body.is-touch .poptrox-popup .nav-next,
	body.is-touch .poptrox-popup .nav-previous,
	body.is-touch .poptrox-popup .closer {
		opacity: 1.0 !important;
	}

/* XLarge */

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

		/* Basic */

			body, input, select, textarea {
				/*font-size: 12pt;*/
			}

	}

/* Large */

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

		/* Header */

			#header {
				padding: 6em 3em 3em 3em;
				width: 30%;
			}

				#header h1 {
					font-size: 1.25em;
				}

					#header h1 br {
						display: none;
					}

				#header > .inner {
					margin-bottom: 0;
				}

		/* Footer */

			#footer .copyright li {
				border-left-width: 0;
				display: block;
				line-height: 2.25em;
				margin-left: 0;
				padding-left: 0;
			}

		/* Main */

			#main {
				margin:0 auto;
				max-width: none;
				/*padding: 6em 3em 3em 3em;*/
                padding:65px 0;
				/*width: calc(100% - 30%);*/
                width:100%;
			}

	}

/* Medium */

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

		/* Basic 

			h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}
		*/
		/* List */

			ul.icons li .icon {
				font-size: 1.25em;
			}

		/* Header */

			#header {
				background-attachment: scroll;
				background-position: top left, center center;
				background-size: auto,		cover;
				left: auto;
				padding: 6em 4em;
				position: relative;
				text-align: center;
				top: auto;
				width: 100%;
				display: block;
			}

				#header h1 {
					font-size: 1.75em;
				}

					#header h1 br {
						display: inline;
					}

		/* Footer */

            /*
			#footer {
				background-attachment: scroll;
				background-color: #1f1815;
				background-image: url("images/overlay.png"), url("../../images/bg.jpg");
				background-position: top left,						bottom center;
				background-repeat: repeat,							no-repeat;
				background-size: auto,							cover;
				bottom: auto;
				left: auto;
				padding: 4em 4em 6em 4em;
				position: relative;
				text-align: center;
				width: 100%;
			}

				#footer .icons {
					margin: 0 0 1em 0;
				}

				#footer .copyright {
					margin: 0 0 1em 0;
				}

					#footer .copyright li {
						border-left-width: 1px;
						display: inline-block;
						line-height: 1em;
						margin-left: 0.75em;
						padding-left: 0.75em;
					}
             */       

		/* Main */

			#main {
				margin: 0;
				/*padding: 6em 4em;*/
                padding:3em 0;
				width: 100%;
			}

	}

/* Small */

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

		/* Section/Article */

			section.special, article.special {
				text-align: center;
			}

			header.major h2 {
				font-size: 1.35em;
			}

		/* List */

			ul.labeled-icons li {
				padding-left: 2em;
			}

				ul.labeled-icons li h3 {
					line-height: 1.75em;
				}

		/* Main */

			#main {
				/*padding: 2.25em 1.5em 0.25em 1.5em;*/
                padding:0;
			}

				#main > section {
					margin: 2.25em 0 0 0;
					/*padding: 2.25em 0 0 0;*/
                    padding:0;
				}
     
	}
    @media screen and (max-width: 820px) and (min-width:615px) {
        .row > .col-6 {width: 50% !important; /* height: 25%; float: right; */ }
        .row > .tt {width: 100% !important; /* height: 25%; float: right; */ }
        .row > * {padding:0;}
    }
    
    @media screen and (max-width: 614px){
        .row > .col-6 {width: 100% !important; /* height: 25%; float: right; */ }
        .row > * {padding:0;}
    }
@media only screen and (min-width: 769px){}
/*#main > section {width: 1100px; margin:0 auto;}
}    

/* line 8, ../scss/_main.scss */
.contained {
  width: calc(100% - 30px);
  margin: 0 auto;
}
/* line 12, ../scss/_main.scss */
.contained.mobile-full {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 8, ../scss/_main.scss */
  .contained {
    max-width: calc(100% - 30px);
  }
}
/*
@media (min-width: 1024px) {
  /* line 8, ../scss/_main.scss /
  .contained {
    max-width: 994px;
  }
}
*/
@media (min-width: 1440px) {
  /* line 8, ../scss/_main.scss */
  .contained {
    max-width: 100%;
  }
}
* {
  box-sizing: border-box; -webkit-font-smoothing: antialiased; color: var(--color-interactive-7);
}

.tile-scrim {
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
	transition: all 200ms ease-in-out 0s;
	overflow:hidden;
} 

/*.tile-scrim {
  background-color: rgba(256, 256, 256, 0.8);
        position: absolute;
        left: 0;
        top: 25px;
        text-align: right;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        height: auto;
        min-height: 50px;
        width: auto;
        min-width: 50%;
        max-width: calc(100% - 20px);
        -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
        transition: var(--global-transition);
}  bottom --> top */

.scrim-copy {
    width: 100%;
    font-size: 20px;
    padding: 28px 27px;
    text-align: center;
	color: #fff;
	transition: all 400ms ease-in-out 0s;
	position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.18);
	font-weight: bold;
	}
	
/*.scrim-copy {text-transform:uppercase; padding: 15px 35px 15px 15px; font-size:17px;}*/
.scrim-viewmore {
     padding: 14px 19px;
    margin: 20px auto;
    display: inline-block;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-shadow: none;
}
@media (min-width: 768px) {
    .tile-scrim:hover {box-shadow:2px 2px 7px rgba(0, 0, 0, 0.45);}
	/*.scrim-copy:hover {color: #ffffff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.84); padding: 46% 0%; height: 100%;}*/
}

@media (min-width: 1024px) {
    .tile-scrim {min-height: 40px;} /*max-width: calc(100% - 25px);*/
} 
@media screen and (max-width:1023px) and (min-width:821px) {
    .row > .col-6.rightPg{padding:0 1.5em 0 0;}    
}

/* rew18_slidePc_wrap ?ƒ‘ ?Š¬?Ό?΄?“œ λ°°λ„ˆ */
.top-slide-sec {
	height: 280px;
    position: relative;
}
.rew18_slidePc .swiper-slide > .inner {
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
	width: 1080px;
    margin: 0 auto;
}

.rew18_slidePc .swiper-slide > .inner {
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
}
.main-home-txt {
    z-index: 1;
    position: relative;
    width: 50%;
}
.main-home-txt strong {
    font-size: 46px;
    color: #fff;
    display: block;
    font-weight: 700;
	letter-spacing: -2px;
}

.main-home-txt p {
    font-size: 20px;
    line-height: 1.6;
    color: #545454;
}

.main-home-img {
    position: absolute;
    left: 44%;
    bottom: 0;
    width: 1000px;
    height: 100%;
    top: 0;
}
.btn-09 {
	margin-top: 50px;
    position: relative;
    padding: 14px 30px;
    border-radius: 40px;
    overflow: hidden;
    display: inline-block;
    background: #414141;
	color: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 9%);
    transition: .3s;
}
.btn-09:hover > div {
    animation: animate 10s linear infinite;
    opacity: 1;
}
.btn-09:hover {
    box-shadow: 0 0 17px 6px rgb(0 0 0 / 0%);
	background: #25a2dd;
}
.btn-09 > span {
    font-size: 14px;
    position: relative;
    z-index: 1;
    transition: .3s;
	color: #fff;
}
.btn-09:hover > span {
    color: #fff;
}
.btn-09 > span i {
    margin-left: 5px;
}

.btn-09 > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    background-size: 1000%;
}

.btn-10 {
	margin-top: 27px;
    position: relative;
    padding: 14px 30px;
    border-radius: 40px;
    overflow: hidden;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 17px 6px rgb(0 0 0 / 9%);
    transition: .3s;
}
.btn-10:hover > div {
    animation: animate 10s linear infinite;
    opacity: 1;
}
.btn-10:hover {
    box-shadow: 0 0 17px 6px rgb(0 0 0 / 0%);
	/*background: transparent;*/
}
.btn-10 > span {
    font-size: 14px;
    position: relative;
    z-index: 1;
    transition: .3s;
	color: #7c7c7c;
}
.btn-10:hover > span {
    color: #25a2dd;
	font-weight: bold;
}
.btn-10 > span i {
    margin-left: 5px;
}

.btn-10 > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    background-size: 1000%;
}

@media (max-width: 768px) {
	.top-slide-sec {
		height: auto;
	}
    .top-slide-sec .swiper-slide {
		border-radius: 15px;
		overflow: hidden;
		padding: 30px 20px;
		margin-left: 10px;
	}
	.main-home-txt strong {
		font-size: 27px;
	}
	.main-home-txt p {
		font-size: 16px;
	}
	.btn-10.top-mo {
		margin-top: 10px;
		padding: 7px 14px;
	}
	.top-slide-sec .rew18_slidePC_scrollbar {
		bottom: 5px;
		width: 23%;
		left: 50%;
		height: 3px;
		margin-left: inherit;
		transform: translate(-50%, -50%);
	}
	
	.top-slide-sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff;
    opacity: .8;
    border-radius: 10px;
	}
	.main-home-txt {width: auto;}
	/*.main-home-img {left: 24%;}*/
	.main-home-img img {height: 100%;}
	
	.hot-box {
    padding: 10px 10px 0;
	}
}


/* λͺ¨λ°”?Ό ?‚€?›Œ?“œ λ°”λ‘œκ°?κΈ? */
.hot-box {
	width: 100%;
    padding: 0 10px;
}

.hot-box .keyword h3 {margin: 10px 0 8px;}
.hot-box .keyword ul {display: flex;}
.hot-box .keyword ul li {margin-right:8px;}
.hot-box .keyword ul li a {
	display: block;
	padding: 2px 9px;
    border-radius: 25px;
    font-size: 14px;
	background: #eee;
    color: #565656;
}

.hot-box.s-header {
    padding: 0;
}

.hot-box.s-header .keyword {
    padding: 10px;
}

.hot-box.s-header .keyword ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.hot-box.s-header .keyword ul li {
    white-space: nowrap;
    margin: 3px;
}
/*
.colorA {border: 1px solid #dd59c2; color:#dd59c2;}
.colorB {border: 1px solid #2733b2; color:#2733b2;}
.colorC {border: 1px solid #e48a2a; color:#e48a2a;}
*/
/* pc ?•„?΄μ½? λ°°λ„ˆ */
.quick-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 30px;
}

.quick-menu a {
    display: block;
    width: 100%;
    text-align: center;
    /*padding: 25px 16px;*/
    padding:25px 0;
	cursor: pointer;
}

.quick-menu a:hover {
    top: -20px;
}

.quick-menu a div {
    height: 138px;
    position: relative;
    top: 0;
    transition: .4s;
}

.quick-menu a:hover div {
    top: -20px;
}

.quick-menu a div img {
    height: 105px;
    text-align: center;
}

.quick-menu a strong {
    font-size: 18px;
}
.quick-menu a p {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.6;
    word-break: keep-all;
}

.fade {
    position: relative;
    top: 100px;
    opacity: 0;
    transition-property: opacity, top;
    transition-duration: 1s;
}

.fade.show {
    top: 0 !important;
    opacity: 1 !important;
}

.fade-1 {
    transition-delay: 0s;
}
/* μ€‘μ•™λ°°λ„ˆ */
.main_index.center-bn {
	/* ?›λ³?
	background: linear-gradient(to right, #e0eefb, #f6f6f6, #dde8ed);
    padding-bottom: 33px;*/
	background: #0d2440;
    height: 72px;
	padding: 0;
} 
.centerBN {
	display:block;
	margin: 0 10px;
    border-radius: 10px;
    overflow: hidden;
}

.minibn {
	display: flex;
	justify-content: space-between;
}
.minibn li {
	/* ?›λ³? margin-left: 10px;*/
	flex-grow: 1;
}
.minibn li a {
	/* ?›λ³?
	padding: 15px 20px;
	background: #fff;
	color: #454545;
	display: block;
	border-radius: 8px;
	transition: .3s;
	position: relative;
	box-shadow: 0 0 6px 0px rgb(0 0 0 / 5%)*/
	/*padding: 15px 20px;*/
    padding:18px 10px;
	display: block;	
	transition: .3s;
    position: relative;
	color: #fff;
}
.minibn li a::before {
	content: '';
    width: 1px;
    height: 35px;
    background: #727272;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.minibn li:first-child a::before {display: none;}
.minibn li a:hover::before {display: none}
.minibn li a:hover  {color: #fff; padding: 20px;}

.minibn li a strong {
	display: block;
}
.miniP-img {
	position: absolute;
    top: 50%;
    /*right: 18px;*/
    right:10px;
    width: 47px;
    opacity: 0.9;
    transition: .3s;
    transform: translate(0, -50%);
}
.minibn li a:hover .miniP-img {transition: .3s;}

.miniP-img img {
	width: 100%;
}
/*
.minibn li .mini-box-01 {background: #ffd8d8; color: ;}
.minibn li .mini-box-02 {background: #edcde6; color: ;}
.minibn li .mini-box-03 {background: #a6bfe3; color: ;}
*/
.minibn li .mini-box-01:hover {background: #db4d4d; z-index: 1;}
.minibn li .mini-box-02:hover {background: #db47bb; z-index: 1;}
.minibn li .mini-box-03:hover {background: #2b60ad; z-index: 1;}
.minibn li .mini-box-04:hover {background: #0285bb; z-index: 1;}

@media (max-width: 1000px){
	.main_index.center-bn {height: 93px;}
	.minibn li a {
    padding-right: 75px;
	}
	.minibn li a:hover {
    padding-right: 75px;
	}
}
/*RND λ°°λ„ˆ*/
.main_index.rnd_bn {
	background: #0e4532 url(../_re_default/images/bg_rnd_green.jpg) right no-repeat;
	background-size: auto 100%;
}

.main_index.rnd_bn .gotornd {
    display: flex;
    padding: 25px 0;
}


.main_index.rnd_bn .gotornd .silq_img {
	position: relative;
    width: 28%;
}

.main_index.rnd_bn .gotornd .silq_img img {
    position: absolute;
    top: -6px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgb(106 106 106 / 43%);
}

.main_index.rnd_bn .gotornd .rnd_t_box {
	width: calc(100% - 28%);
}

.main_index.rnd_bn .gotornd .rnd_t_box strong {
	font-size: 1.1rem;
}

.main_index.rnd_bn .gotornd button {
	min-width: 194px;
    background: #53957f;
    border-radius: 5px;
    margin-left: 9px;
    padding: 0 10px;
    color: #fff;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 26%);
    font-size: 0.8rem;
    transition: .3s;
    line-height: 43px;
    text-align: left;
	display: flex;
    justify-content: space-between;
    align-items: center;
	overflow: hidden;
}

.main_index.rnd_bn .gotornd button:hover {
    background: #e97400;
	transition: .3s;
}

.main_index.rnd_bn .gotornd button svg {
    margin-left: 5px;
    vertical-align: middle;
}

.main_index.rnd_bn .gotornd .login_member {
	padding-left:0;
}

.main_index.rnd_bn .gotornd .login_member span {
	display: block;
    background: #c3dbca;
    padding: 0 10px;
    color: #000;
	line-height: 47px;
}

.main_index.rnd_bn .rnd_subcon {
    display: flex;
	justify-content: space-between;
    margin-top: 15px;
}

.main_index.rnd_bn .rnd_subcon li {
	display: flex;
	color: #fff;
}

.main_index.rnd_bn .rnd_subcon .rndmark {
	display: flex;
	align-items: center;
	margin-right: 30px;
	font-size: 12px;
}

.main_index.rnd_bn .rnd_subcon .rndmark img {
    width: 85px;
    margin-right: 10px;
}


/*type2*/
.main_index.rnd_bn.type2 {
	background: #eeeef0 url(../_re_default/images/bg_rnd_RgrC.jpg) no-repeat;
	background-size: auto 100%;
    background-position: center;
} 

.main_index .ly_inner .rndbn_wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.main_index .ly_inner .leftBox {
	position: relative;
    width: calc(100% - 360px);
}

.main_index .ly_inner .leftBox h3 {color: #0e4532;}

.main_index .ly_inner .leftBox h3 span {
    font-size: 18px;
	font-weight: normal;
	padding-right: 5px;
}

.main_index .ly_inner .leftBox .subtBox {
    font-size: 14px;
    /*background: #f6ff00;*/
    color: #727272;
    display: inline-block;
	margin-top: 10px;
}

.main_index .ly_inner .leftBox .img_silqpowder {
    position: absolute;
	top: 43%;
    left: 47%;
    width: 200px;
}

.main_index .ly_inner .leftBox .img_cocoon {
	display: none;
    position: absolute;
    top: -9px;
    left: 31%;
    width: 225px;
}

.main_index .ly_inner .leftBox .img_redtxt {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 300px;
}

.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: left;
}

@keyframes swing {
    0% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

.main_index .ly_inner .rightBox ul {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.main_index .ly_inner .rightBox ul li {
    font-size: 14px;
    margin-top: 10px;
    /* vertical-align: middle; */
    display: block;
    /* width: 100%; */
}

.main_index .ly_inner .rightBox ul li:first-child {
	margin-top: 0;
}

.main_index .ly_inner .rightBox ul li button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	background: #d8d8d8;
    color: #000;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 26%);
	transition: .3s;
	padding: 15px;
    /*padding:15px 7px 15px 7px;*/
	border-radius: 5px;
	white-space: nowrap;
}

.main_index .ly_inner .rightBox ul li button span {
	display: block;
	line-height: normal;
	white-space: nowrap;
}

.main_index .ly_inner .rightBox ul li button span b {white-space: nowrap;}

.main_index .ly_inner .rightBox ul li button p {
    font-weight: bold;
    padding-left: 12px;
	color: #0e4532;
}

.main_index .ly_inner .rightBox ul li button p svg {
	vertical-align: bottom;
}
/*
.main_index .ly_inner .rightBox ul li:last-child button {
    background: #53957f;
    color: #fff;
}

.main_index .ly_inner .rightBox ul li:last-child button p {
	color: #fff;
}
*/
.main_index .ly_inner .rightBox ul li button:hover {
	background: #0e4532;
	color: #fff;
	transition: .3s;
}

.main_index .ly_inner .rightBox ul li button:hover p {
	color: #fff;
}

/*
.main_index .ly_inner .rightBox ul li:last-child button:hover {
	background: #2a5e4c;
	transition: .3s;
}
*/

.round-yellow-txt {
	color: #f6ff00;
    border: 1px solid;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 3px;
	margin-left: 3px;
}

.roundbg-yellow-txt {
	background: #f6ff00;
	color: #000;
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 3px;
    margin-left: 3px;
}

.roundbg-bule-txt {
	background: #0072ff;
	color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 3px;
    margin-left: 3px;
	white-space: normal;
}

.newbg-skyblue-txt {
	background: #0285bb;
	color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    padding: 1px 5px;
    margin-left: 3px;
	white-space: normal;
    position:absolute;
    top:17px;
}
.minibn li .mini-box-04:hover strong .newbg-skyblue-txt {
    top:19px;
}    

.only-pc768 {display: block;}
@media (max-width: 1024px){
	.main_index.rnd_bn .rnd_subcon {
		flex-direction: column;
	}

	.main_index.rnd_bn .gotornd {
		display: flex;
		justify-content: center;
	}

	.main_index.rnd_bn .gotornd .silq_img {
		width: 30%;
	}

	.main_index.rnd_bn .gotornd .silq_img img {
		position: unset;
		width: 100%;
	}

	.main_index.rnd_bn .gotornd .rnd_t_box {
		width: auto;
		padding-left: 23px;
	}

	.main_index.rnd_bn .rnd_subcon .rndmark {
		margin-bottom: 10px;
	}

	/*type2*/
	.main_index .ly_inner .leftBox .img_silqpowder {
		position: absolute;
		top: 38px;
    	left: 39%;
		width: 200px;
	}

	.main_index .ly_inner .leftBox .img_cocoon {
		position: absolute;
		top: 30px;
		left: 39%;
		width: 183px;
	}

	.main_index .ly_inner .leftBox .img_redtxt {
		position: absolute;
		top: 19px;
		right: 0;
		width: 200px;
	}
}

@media (max-width: 768px) {
	.main_index.rnd_bn {
		margin-top: 20px;
	}
	.main_index.rnd_bn .gotornd .silq_img {
		display: none;
	}

	.main_index.rnd_bn .gotornd .rnd_t_box {
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.main_index.rnd_bn .rnd_subcon .rndmark {
		display: flex;
		justify-content: center;
		text-align: left;
		margin-right: 0;
	}

	.main_index.rnd_bn .gotornd button {
		min-width: calc(100% / 2 - 10px);
		margin: 0 5px;
	}

	/*type2*/
	.main_index .ly_inner .rndbn_wrap {
		display: block;
		padding: 30px 0;
	}

	.main_index .ly_inner .leftBox {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}

	.main_index .ly_inner .leftBox .moving_img {
		position: relative;
		width: 60%;
  		padding-bottom: 20px;
	}

	.main_index .ly_inner .leftBox .img_silqpowder {
		position: unset;
		width: 65%;
	}

	.main_index .ly_inner .leftBox .img_cocoon {
		position: absolute;
		top: 0;
		left: 6%;
		width: 59%;
	}

	.main_index .ly_inner .leftBox .img_redtxt {
		position: absolute;
		top: 0;
		right: 0;
		width: 64%;
	}

	.main_index .ly_inner .leftBox .wndtitle {
		padding-bottom: 30px;
	}

	.only-pc768 {display: none;}

}

@media (max-width: 500px) {
	.only-pc500 {display: none;}
	
	.main_index.rnd_bn.type2 {
		background: #eeeef0 url(../_re_default/images/bg_rnd_RgrC_mo.jpg) no-repeat;
		background-size: auto 100%;
		background-position: center;
	}
	
	.main_index .ly_inner .leftBox {
		width: 100%;
		display: block;
	}

	.main_index .ly_inner .leftBox .moving_img {
		position: relative;
		width: 100%;
	}

	.main_index .ly_inner .leftBox .img_silqpowder {
		position: unset;
		padding-top: 12px;
		padding-left: 6%;
		width: 62%;
	}

	.main_index .ly_inner .leftBox .img_cocoon {
		position: absolute;
		top: -3%;
		left: 5%;
		width: 52%;
	}

	.main_index .ly_inner .leftBox .img_redtxt {
		position: absolute;
		top: 0;
		right: 0;
		width: 60%;
	}

	.main_index .ly_inner .leftBox .wndtitle {
		text-align: center;
		padding-bottom: 30px;
	}


}

@media (max-width: 425px) {
	.only-pc425 {display: none;}
	.main_index.rnd_bn .rnd_subcon li {
		display: flex;
		flex-direction: column;
	}

	.main_index.rnd_bn .gotornd button {
		margin: 5px;
	}

	.main_index .ly_inner .rightBox ul li button {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.main_index .ly_inner .rightBox ul li button span {padding-bottom: 3px;}
}

/* 곡μ???‚¬?•­, GMw?•„?…?•ˆ?‚΄?‚¬?•­ */
.news-wrap {display: flex;}
.news-box {
		width: calc(50% - 20px);
	}
.board-top {
	display: flex;align-items: flex-end; padding-bottom: 17px;
}
.board-top a {
	color: #000; font-size: 20px;
	cursor: pointer;
}
.cont-tit-2 {
	font-size: 30px; color:#000;
} 
.cont-tit-4 {
	font-size: 22px; color:#000; z-index: 1;
}
.board-top > .btn-12 {
	margin-left:auto;
}
.btn-12 {
	transition:.5s;
	display: block;
		width: 28px;
		height: 28px;
		position:relative;
	}
.btn-12 span{
    width: 100%;
    display: block;
    background: #b5b5b5;
    height: 1px;
    transform-origin: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
}
.btn-12 span:nth-of-type(2) {
	transform:translate(-50%, -50%) rotate(90deg);
}

.main_direct_service {margin-right: 40px;}
.board-li > li:first-of-type {
    border-top: 2px solid #000;
}
.board-li > li {
	border-bottom:1px solid #e7eced;
    position: relative;
	transition:.3s;
}
.board-li > li strong {
	color:#333333;
	font-size:18px;
	display: block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board-li > li a {
    display: flex;
    align-items: flex-start;
    padding: 20px 25px;
	transition:.3s;
	position:relative;
}

.board-li > li:hover a {
    box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.13);
	border-radius: 20px;
}
.board-li > li a::after {
	content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: -1;
	opacity:0;
	transition:.3s;
}
.board-li > li:hover a::after {
	opacity:1;
}

.board-li > li a .date {
    display: block;
    margin-top: 15px;
    color: #7f7f7f;
	font-size:14px;
}

.bRedNew {
	padding: 5px 10px;
	color: #fff;
	display: inline-block;
	border-radius: 20px;
	font-family: "NanumSquareB";
	margin-right: 15px;
	position: relative;
	flex-shrink: 0;
	margin-right: 11px;
	font-size:12px;
	background:red;
}
.pdt33 {padding-top:33px;}
.pdt60 {padding-top:60px;}
.between-pd {padding-bottom: 60px;}
.between-pd20 {padding-bottom: 20px;}
.notice__ {margin-top: 4.5rem;}
@media(max-width:1100px){
	.quick-menu a {padding:0;}
	.board-li > li a {
		padding: 15px;
		overflow: hidden;
	}
	.board-li > li a .date {
    margin-top: 7px;
	}
	.bRedNew {
		padding: 2px 8px;
		margin-right: 8px;
	}
}
@media(min-width:768px){
	.board-li > li:hover {
	border-bottom:1px solid transparent;
	z-index: 0;
	}

}

@media(max-width:768px){
	.notice__ {margin-top: 2.5rem;}
	.main_index .ly_inner {padding: 0 10px !important;}
	.cont-tit-4 {font-size: 17px;}
	.news-wrap {
		flex-direction: column;
	}
	.news-box:nth-of-type(2n-1) {
		margin-right: 0;
	}
	.news-box {
		width:100%;
		margin-bottom:30px;
	}
	.news-box:last-of-type {
		margin-bottom:0;
	}
	.board-top {
		padding-bottom: 7px;
	}
	
	.news-mo .board-li-txt {
		min-width: 84%;
	}
	.board-li-txt {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.board-li-txt > span {
		margin-top: 15px;
		font-size: 11px;
	}
	/*.board-li-txt strong {
		font-size: 13px;
	}*/
	.board-li > li a > span {
		font-size: 11px;
		padding: 2px 8px;
		margin-right: 7px;
		top: -2px;
	}
	.board-li > li:hover a {
		box-shadow:none;
	}
	.board-li > li a {
		padding: 10px 0;
	}
	.board-li > li strong {font-size: 15px; width: 67%;}
	.board-li > li a .date { margin-top: 0; font-size: 13px;}	
	.btn-12 {width: 18px; height: 18px;}
	.between-pd {
		padding-bottom: 33px;
	}
}

/* ????ž„μ¦? λ°”λ‘œκ°?κΈ? λ°°λ„ˆ */
.shy {
	position: absolute !important;
	opacity: 0;
}
.main-vdo {
    position: relative;
	text-align: center;
	height: 180px;
	/*height: calc(var(--vh, 1vh) * 100);*/
	overflow:hidden;
}

.main-vdo > video {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.typing > ul {
	text-align:left;
	/*height:60px;
	margin-top:20px;*/
}


.section-main.main-vdo .ly_inner{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.section-main.main-vdo .ly_inner a {
	/*margin-top:75px;*/
	background:transparent;
	top:50px;
	opacity:0;
	transition:1.5s 2.7s;
}
.section-main.main-vdo .ly_inner a.on {
	top:0;
	opacity:1;
}
.section-main.main-vdo .ly_inner a.btn-11 > div {
    opacity: 1;
    animation: animate 10s linear infinite;
}
.section-main.main-vdo .ly_inner a.btn-11 > span {
    color: #fff;
}

.section-main.main-vdo .title{
    position: absolute;

}
.section-main.main-vdo .click-sabo {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #000;
    opacity: 0;
	z-index: 10;
}

.section-main.main-vdo .click-sabo:hover {
	 opacity: .7;
	 transition: .4s;
}

.section-main.main-vdo .click-sabo:hover::before {
    content: '????ž„μ¦? 보러κ°?κΈ? \276F';
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.typing-txt{display: none;}
.typing {
	text-align:left;
}
.typing > p {
	font-size: 32px;
    font-weight: 600;
    text-align: left;
    color: #322850;
	display: inline;
   /*border-bottom: 2px solid #fff;
    padding-bottom: 3px;*/
    background-repeat: no-repeat;
    background-size: 0% 92%;
    transition: background-size 1.5s 0s;
    background-position: left bottom;
    /*background-image: linear-gradient(to right, #206eb3, #007dd6);*/
	top:50px;
	opacity:0;
	position:relative;
}
.typing > p.on {
    background-size: 100% 92%;
    opacity: 1;
    transition: background-size 1.5s 2s, top 1.2s 0s, opacity 1.7s 0s;
	top:0;
	opacity:1;
}
.typing ul li{
  display:block;
  color: #322850;
  font-size: 35px;
  text-align: left;
  line-height: 1.3; 
  font-weight: 700;
}

.typing ul li.on { 
  display: inline-block; 
  animation-name: cursor; 
  animation-duration: 0.3s; 
  animation-iteration-count: infinite; 
} 
/*
@keyframes cursor{ 
  0%{border-right: 1px solid #605b5d} 
  50%{border-right: 1px solid transparent} 
  100%{border-right: 1px solid #605b5d} 
}
*/

.main-vdo > img {
	width:100%;
}
.main-vdo-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index:1;
	display:none;
}
.play-btn {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: red;
    width: 160px;
    height: 160px;
    border-radius: 50%;
	background: -moz-linear-gradient(-45deg,  #11a2b3 0%, #8daadd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #11a2b3 0%,#8daadd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #11a2b3 0%,#8daadd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.play-btn i {
    color: #fff;
    font-size: 49px;
    transform: translate(15%, 0);
}
.play-btn i.fas {
	opacity:0;
	z-index:1;
	position:absolute;
	transition:.3s;
}
.play-btn:hover i.fas {
	opacity:1;
}


@media (max-aspect-ratio: 1920 / 1080) and (min-width:1201px) {
	/*.main-vdo > video {
		width:auto;
		height:100%;
	}
	*/
}

@media (max-aspect-ratio: 1920 / 1080) and (max-width:1200px) {
	.main-vdo > video {
		width:100%;
		height:auto;
	}
}
@media (max-width:1200px) {
	.main-vdo {
		height:auto;
	}
	.main-vdo > video {
		position:static;
		transform:none;
	}
	.section-main.main-vdo .ly_inner {
		position: absolute;
		z-index: 1;
		top: 50%;
		transform: translate(0, -50%);
	}
}
@media (max-width:768px) {
	.main-vdo {
		height: 120px;
	}
	/*.typing {text-align: center;}*/
	.typing {padding: 25px 0;}
	
	.typing > p {
		font-size: 18px;
		color: #fff;
	}
	.typing ul li {
		font-size: 22px;
	}
	.section-main.main-vdo .ly_inner {
		align-items: center;
	}
	
}
/* ????ž„μ¦? ?„Ή?…˜ */
.times-wrap {
	background: url(images/bg_times-05.jpg) no-repeat;
	background-size: cover;
	position: relative; 
	background-position: center;
}

.times-wrap::before{
	content:'';
	display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
	background-color: #fff;
}
.main_index .ly_inner.times-box {
    padding: 33px 0;
    display: flex;
    justify-content: space-between;
}
.main_index .ly_inner.times-con-bg {
    background: #fff;
    padding: 28px 20px;
	border-radius: 20px;
	/*width:1080px;*/
	box-shadow: 0 0 12px 3px rgb(0 0 0 / 9%);
}

.main_index .ly_inner.issue-con-bg {
    background: #fff;
    padding: 25px 20px 15px 20px;
	border-radius: 20px;
	/*width:1080px;*/
	box-shadow: 0 0 12px 3px rgb(0 0 0 / 9%);
}

/*
.main_index .ly_inner.times-con-bg::after {
	content: '';
    background: #fff;
    padding: 19px;
	border-radius: 20px;
    position: absolute;
    top: -16px;
    left: -31px;
    width: 106%;
    height: 115%;
    opacity: .9;
}
*/
.quick-bn-times a{
	background: #322850;
    display: inline-block;
    color: #fff;
    padding: 24px;
    border-radius: 15px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 0 12px 3px rgb(0 0 0 / 5%);
}
.quick-bn-times a:hover{
	background: #fff;
    color: #322850;
	box-shadow: 0 0 12px 3px rgb(0 0 0 / 10%);
	transition: .4s;
	font-weight:700;
}
@media (max-width:1100px){
	.main_index .ly_inner.times-con-bg {
		width:100%;
	}
}
@media (max-width:768px){
	.main_index .ly_inner.times-con-bg {
		width:100%;
		background: none;
		box-shadow: none;
	}
	.times-wrap::before {
		opacity: 1;
	}
	.main_index .ly_inner.times-box {background: #322850; align-items: center;/*flex-direction: column;*/margin-bottom: 20px;}	
	.quick-bn-times a {    
		padding: 12px 13px;
		background: #6b4fbe;
	}
}
/* ?ƒ?‹΄λ¬Έμ˜ */
.main_index.contact {
    padding-top: 40px;
}
/*
.contact-box {
	position: relative;
	background-image: linear-gradient( -45deg,#006CBF,#1d9bd7, #73c4ee, #165085,#0c3165, #001f5f,#1f89c3,#6ec0ec, #165185,#20b6ff,#1e8ac4) !important;
	background-size: 1000%;
    border-radius: 20px;
	margin-bottom: 50px;
	padding: 33px 44px;
}
*/
.txt-top {
    display: flex;
    align-items: flex-start;
	/*border-bottom: 2px solid #fff;*/
    justify-content: space-between;
	margin-bottom: 15px;
}
/*
.txt-top .hour {
	background: #1478bc;
    border-radius: 20px;
    padding: 23px 15px;
    color: #fff;
}
*/
.txt-top span {
	font-size: 17px;
	padding-top: 8px;
    display: inline-block;
	color: #989898;
    line-height: 26px;
}


/*
.txt-top span b {
	background: #fff;
    border-radius: 20px;
    padding: 1px 10px;
    color: #1fa5e8;
}

.txt-top span b:nth-of-type(2) {
	margin-left: 15px;
}
*/
.cfff {
	color: #fff !important;
}

.fs50 {
	font-size: 50px;
}

.mb17 {margin-bottom:17px;}
.contact-info {
	display: flex;
	justify-content: space-evenly;
}

.contact-info ul {
    align-items: flex-start;
    flex-direction: column;
	margin-left: 80px;
}

.contact-info ul li:nth-of-type(1) {
	font-size: 18px;
	padding-bottom: 9px;
}

.contact-info ul li:nth-of-type(2) {
	color: #0091ff;
}

.contact-info ul > .num {
	font-size:45px;
	font-weight: bold;
}

.contact-info ul:first-child > .num {
	margin-right: 50px;
}
.main_index.busi-wrap {
	border-bottom: 1px solid #ddd;
	height: 65px;
}
.busi-info ul {
	display: flex;
	/*border: 1px solid #cecece;
	border-radius:10px;
	justify-content: space-around;
	overflow: hidden;*/
	align-items: center;
	height: 100%;
}

.busi-info ul li {
	flex-grow: 1;
    text-align: center;
	/*border-left: 1px solid #cecece;*/
	position: relative;
}

.busi-info ul li a:hover {
    color: #ff863c;
    font-size: 18px;
    font-weight: bold;
    transition: .5s;
}

.busi-info ul li a:before {
    content: '';
    width: 1px;
    background: #ddd;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.busi-info ul li:last-child a:before {
    content: '';
    display: none;
}

.busi-info ul li:nth-of-type(1) {
	border-left: 0;	
}

.busi-info ul li a {
	display: block;
    padding: 15px 0;
    font-size: 16px;
	transition: .5s;
	/*background: #f5f5f5;*/
}

.only-mo {display: none;}
.only-pc {display: block;}
.only-pc500 {display: block;}
.only-mo500 {display: none;}
.only-pc768 {display: block;}
.only-mo768 {display: none;}

@media(max-width:1025px){
	.contact-info ul li:nth-of-type(2) {
		font-size: 45px;
	}
}
@media(max-width:768px){
	.only-mo {display: block;}
	.only-pc {display: none;}
	.only-pc768 {display: none;}
	.only-mo768 {display: block;}
	.main_index.contact {
		padding: 17px 0;
		background: #1c5385;
		margin-top: 30px;
	}
	.txt-top {
		align-items: center;
		flex-direction: column;
		margin-bottom:0;
	}
	.hour h2 {color: #fff;}
	.contact-info {flex-direction: column; align-items: center;}
	.contact-info ul {margin-left: 0;}
	.contact-info ul li:nth-of-type(2) {
		font-size: 20px;
		font-size: 25px;
		color: #f5ffa8;
	}
	.txt-top span {
		font-size: 14px;
		border: 1px solid #dbdbdb;
		border-radius: 20px;
		padding: 0px 14px;
		line-height: 23px;
		color: #dbdbdb;
		margin: 8px 0;
	}
	.txt-top span b {font-weight: normal;}
	.txt-top span b:nth-of-type(2) {margin-left:12px;}
}

@media (max-width: 500px){
	.only-pc500 {display: none;}
	.only-mo500 {display: block;}
}

/* κ΅Ώλͺ¨?‹ 맀거μ§? */
/*
.edu.main_index {
	background: #eee;
	padding: 40px 0;
	*margin-bottom: 60px;
}*/
.times .list {display: flex; height: auto;}
.times .list .magazine_img {
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    padding: 0;
    overflow: hidden;
    border-radius: 15px;
	width: calc(100% / 4);
    /*margin-left: 8px;*/
	width: 250px;
}

.magazine_news_main {
    width: 100%;
    height: 162px;
    overflow: hidden;
}

.magazine_news_main img {
    height: 162px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.edu .times ul li a:hover img {
    transform: scale(1.10) rotate(.02deg);
    transition: transform .5s cubic-bezier(.175,.885,.32,1.275);
}
.mag-txt {
	padding: 10px 20px;
}
.mag-txt span {
    display: block;
    font-size: 16px;
	box-sizing: border-box;
}

.mag-txt span:nth-of-type(1) {
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	margin-bottom:8px;
}
.mag-txt span {
	font-size: 15px;
}
.mag-txt .date {
    margin-top: 5px;
}

@media (max-width: 768px) {
	/*.mag-txt span:nth-of-type(1) {
	height: 62px;
	}*/
	.magazine_news_main, .magazine_news_main img {
		height: 83px;
	}
	
	.times .list .magazine_img {
		width: 150px;
	}
}

/* ?‹œ????  ?˜„?•ˆ */
.mms-wrap .main_major_service {display: flex; justify-content: space-between;}
.main-issue-tit {/*width:700px; width:400px;*/ width: 100%;}
.shareNews .issue_wrap {width: 80%;}
.issue-slide > div {flex-wrap: wrap;}
.issue-slide .issueBox {
    width: calc(95% / 3);
	height: 70px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
	background: #fff;
}

.issue-slide .issueBox a {
	margin: 15px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.btn-11 {
	/*margin-top: 27px;*/
    position: relative;
    padding: 14px 30px;
    border-radius: 40px;
    overflow: hidden;
    display: inline-block;
    /*box-shadow: 0 0 17px 6px rgb(0 0 0 / 9%);*/
    transition: .3s;
	background: #e9e9e9;
	cursor: pointer;
}
.btn-11:hover > div {
    animation: animate 10s linear infinite;
    opacity: 1;
}
.btn-11:hover {
    /*box-shadow: 0 0 17px 6px rgb(0 0 0 / 0%);*/
	background: #414141;
}
.btn-11 > span {
    font-size: 14px;
    position: relative;
    z-index: 1;
    transition: .3s;
	color: #000;
}
.btn-11:hover > span {
    color: #fff;
}
.btn-11 > span i {
    margin-left: 5px;
}

.btn-11 > div {
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient( -45deg,#006CBF,#1d9bd7, #73c4ee, #165085,#0c3165, #001f5f,#1f89c3,#6ec0ec, #165185,#20b6ff,#1e8ac4) !important;*/
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    background-size: 1000%;
}

.far {
    font-weight: 400;
	    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-long-arrow-alt-right:before {
    content: "\279D";
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.main-support-utils {
    display: flex;
    align-items: center;
}

.swiper-button-prev-support {
    margin-right: 9px;
}

.swiper-button-prev-support, .swiper-button-next-support {
    cursor: pointer;
}

.swiper-button-prev-support i, .swiper-button-next-support i {
    font-size: 35px;
    color: #b6b6b6;
    transition: .4s;
}

.fa-long-arrow-left:before {
    content: "\2190";
}

.fa-long-arrow-right:before {
    content: "\2192";
}

@media (max-width: 768px) {
	.main-issue-tit {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}
	.main_major_service {flex-direction: column;}
	.main-support-utils {display:none;}
	.issue-slide .issueBox {
		width: calc(50% - 8px); margin: 0 8px 8px 0;
	}
	.btn-11 {margin-top:0;
	padding: 8px 16px;
	}
}

/* footer */
.inner {
    margin: 0 auto;
    width: 100%;
}
.inner.center-1800 {
    max-width: 1080px;
    position: relative;
}
footer {
	background:#fff;
	/*z-index:90;*/
    position:relative;
}
.footer-top {
    background-color: #f5f5f5;
	position:relative;
	padding: 0;
}
.footer-top-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 23px 0;
    position: relative;
}
.footer-top-wrap > ul {
    display: flex;
    flex-wrap: nowrap;
}
.footer-top-wrap > ul li {
    margin-right: 40px;
	cursor: pointer;
}
.footer-top-wrap > ul li:last-child {
    margin-right: 0;
}
.footer-top-wrap > ul li > * {
    color: #777;
    font-size: 17px;
	transition:.2s;
}
.footer-top-wrap > ul li > *:hover {
    color: #000;
}

.footer-top-wrap > ul li > * span {
    font-size: 17px;
}

.footer-top-wrap > ul li > * span.pri {
    color: #008ed5;
    font-weight: 500;
}
.footer-top-wrap .footer-selbox {
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-size: 16px;
    color: #939393;
    width: 245px;
}
.footer-top-wrap .footer-selbox .nice-select {
    border: none;
    border-radius: 12px;
    position: relative;
}
.footer-top-wrap .footer-selbox .nice-select.open::after {
    content: "\f107";
}
.footer-top-wrap .footer-selbox .nice-select::after {
    content: "\f106";
    font-family: "fontawesome";
    font-size: 16px;
    position: absolute;
    right: 16px;
    color: #aaa;
}
.footer-top-wrap .footer-selbox .nice-select .list {
    top: auto !important;
    bottom: 100%;
    margin-bottom: 1px;
	display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
}

.footer-mid {
	/*z-index:1;*/
	position:relative;
}
.footer-mid-wrap {
    display: flex;
    flex-wrap: nowrap;
    padding: 31px 0;
    font-family: "Noto Sans KR";
}
.footer-mid-wrap .footer-more-btn {
    display: flex;
    flex-wrap: wrap;

}
.footer-mid-wrap .footer-more-btn li {
	margin-right:40px;
}
.footer-mid-wrap .footer-more-btn li:last-of-type {
	margin-right:0;
}
.footer-mid-wrap .footer-more-btn li:nth-child(-n + 3) {
    margin-bottom: 14px;
}
.footer-mid-wrap .footer-more-btn li a {
    color: #767676;
	transition:.3s;
	cursor: pointer;
	font-size: 17px;
}
.footer-mid-wrap .footer-more-btn li a:hover {
    color: #000;

}
.footer-mid-wrap .footer-info {
    color: #aaa;
    margin: 0 auto;
}
.footer-mid-wrap .footer-info p:first-child {
    margin-bottom: 8px;
}
.footer-mid-wrap .footer-sns p {
    margin-bottom: 20px;
    color: #aaa;
}
.footer-mid-wrap .footer-sns {
    margin-left: auto;
}
.footer-mid-wrap .footer-sns ul {
    display: flex;
    flex-wrap: nowrap;
}
.footer-mid-wrap .footer-sns ul li {
    font-size: 20px;
    color: #777;
    margin-right: 15px;
    opacity: 0.5;
    transition: 0.3s;
}
.footer-mid-wrap .footer-sns ul li:hover {
	opacity: 1;
}
.footer-mid-wrap .footer-sns ul li:last-child {
    margin-right: 0;
}
.footer-btm-wrap {
    font-size: 15px;
    color: #aaa;
    padding-top: 3px;
	padding-bottom: 47px;
}
.footer-btm-wrap .footer-logo {
    max-width: 233px;
    opacity: 0.4;
    margin-bottom: 30px;
}
.footer-btm-wrap .footer-adr {
    margin-bottom:10px;
}
.footer-btm-wrap .footer-contact {
    margin-bottom: 25px;
	line-height: 1.5;
}
.footer-btm-wrap .footer-contact span {
    margin-right: 20px;
	display:inline-block;
}
.footer-btm-wrap .footer-contact span:last-child {
    margin-right: 0;
}

.footer-btm-wrap .footer-ego {
    margin-bottom: 8px;
	font-size:14px;
}
.footer-btm-wrap .cpr {
	font-size:14px;
}
.family-site {
	position:relative;
    /*z-index: 1;*/
}
.family-site > button {
    background: #fff;
    border-radius: 14px;
    padding: 13px 19px;
    width: 237px;
    text-align: left;
    font-size: 14px;
    color: #939393;
	position: relative;
}
.family-site > button::after {
    content: "\276F";
    font-family: "fontawesome";
    font-size: 13px;
    position: absolute;
    right: 18px;
    color: #aaa;
    transform-origin: 50% 58%;
	top: 14px;
	rotate: 90deg;
}
.family-site.on > button::after {
	transform:rotate(180deg);
}
.family-site > ul {
	width:100%;
    background: #fff;
    top: 0;
    position: absolute;
    transform: translate(0, -100%);
	border-radius: 14px;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
	display:none;
	overflow:hidden;
}

.family-site > ul li {
    font-size: 14px;
    color: #939393;
}
.family-site > ul li a {
    padding: 15px 20px;
	display:block;
	transition:.3s;
}
.family-site > ul li a:hover {
    background-color: #f6f6f6;
}
.footer-sns a i:before {
	display: block;
    width: 23px;
    height: 23px;
    background-size: 100%;
}
.fa-facebook:before {
    content: '';
	background: url(images/icon_facebook_Ver20.png) no-repeat;
}

.fa-instagram:before {
    content: '';
	background: url(images/icon_instargram_Ver20.png) no-repeat;
}

.fa-youtube:before {
    content: '';
	background: url(images/icon_youtube_Ver20.png) no-repeat;
}

.fa-kakao:before {
    content: '';
	background: url(images/icon_plusfriend_Ver20.png) no-repeat;
}

.fa-blog:before {
    content: '';
	background: url(images/icon_blog_Ver20.png) no-repeat;
}

.phone-only {
    display: none;
}
.phone-over {
    display: block;
}

/* footer popup */
.content.footer_pop {
    padding: 20px 50px 60px 20px;
}
.content.footer_pop.td_img {
	padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.footer_pop table tr td .style1 {
    padding-left: 35px;
    padding-right: 0;
    padding-bottom: 13px;
}
.footer_pop table tr td .style1 div {
    padding: 0;
}

.companies {
    width: 94%;
    border: 1px solid #ddd;
    text-align: center;
	margin-bottom: 15px;
	margin-left: 34px;
}

.companies tr th {
    background: #ececec;
    padding: 10px 0;
}

.companies tr {
    border-top: 1px solid #ddd;
}
.companies tr td {
    font-size: 14px;
    border-left: 1px solid #ddd;
	padding: 10px 0;
}
.companies tr td:first-child {
    border-left: 0;
}
.only-mo375 {display: none;}
.file_down {font-size: 25px;margin-left:40px;color: red;}

/* ?›„?›?ž₯? €κΈ?(?ˆ˜?‹Ή)곡μ?? */
.su_board {
    padding: 20px 20px 60px 20px;
}
.su_board .tb2Title {
	color:#039497;
	font-size:17px;
	letter-spacing:-1px;
}

.su_board .tab {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow-x: auto;
    display: flex;
}

/* width:456px; */
.su_board .tab li {
    float: left;
    border-bottom: 1px solid #ccc;
    margin-top: 6px;
    flex-grow: 1;
}

.su_board .tab li a {
    display: inline-block;
    color: #000;
    text-align: center;
    text-decoration: none;
    padding: 14px 26px;
    font-size: 17px;
    transition: 0.3s;
    cursor:pointer;
}

.sub-t-green {
    background: #003D50;
    width: 389px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 25px;
}

.sub-t-red {
    text-align: right;
    padding-right: 12px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
    color: brown;
}

.su_board .tabcontent {
    display: none;
    padding: 6px 12px;
}

/*background-color:rgb(0,154,200);*/
ul.tab li.current {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #222;
}

.su_board .tabcontent.current {
    display: block;
}

.su_board .tableStyle3 {
    border-top: 1px solid #333;
    font-size: 0.9rem;
	margin-bottom: 20px;
}

.su_board .tableStyle3 th {
    background: #f5f5f5;
    color: #6f6f6f;
    border-bottom: 1px solid #acacac;
    padding: 6px 0
}

.su_board .tableStyle3 td {
    border-bottom: 1px solid #d3d3d3;
    text-align: right;
    vertical-align: middle;
    padding: 5px 6px;
    line-height: 1.5
}

.su_board .tableStyle3 .l {
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
    vertical-align: middle;
    padding: 10px 12px;
    line-height: 1.5;
    letter-spacing: -1px;
}

.su_board .tableStyle3 .tr {
    font-size: 14px;
}

/* λͺ¨λ‹?”Œ?ž˜?„ˆ κ²??ƒ‰ */
.findplanner {
    padding: 20px 20px 0 20px;
}

.findplanner table tr td {
    text-align: center;
    padding: 10px 0;
    border-left: 1px solid #c9c9c9;
}

.findplanner table tr td:first-child {
    border-left: 0;
}

.sub_txt {
	display: block;
    font-size: 14px;
    color: #ff4c4c;
}
.boxGray1.ft_find {
    border: 1px solid #ddd;
    padding: 25px 10px;
    margin: 20px 0;
}

.ft_find .searchBox {
	text-align: center;
	display: flex;
    justify-content: center;
}
.ft_find .searchBox .find_info {
    width: 80px;
    display: inline-block;
    line-height: 35px;
    margin-bottom: 8px;
	text-align: left;
}
.ft_find .searchBox input {
    height: 35px;
	width: 150px;
}
.btn_red {
    display: block;
    background: #b43030;
    color: #fff;
    padding: 0;
    margin-left: 10px;
    width: 97px;
    line-height: 79px;
    height: 100%;
}
.popList_tbl {
    border-top: 1px solid #505050;
    border-bottom: 1px solid #505050;
}
.popList_tbl tr {
    border-top: 1px solid #505050;
}
.popList_tbl tr th {
    background: #505050;
    font-weight: normal;
    color: #fff;
    border-left: 1px solid #fff;
    padding: 6px 0;
    font-size: 14px;
}
.popList_tbl tr th:first-child {
	border-left:0;
}

.popList_tbl tr .no_info {
	text-align: center;
	padding: 20px 0;
}
@media (max-width: 768px) {
    .sub-t-green {
        width: 100%;
    }

    .sub-t-red {
        padding-right: 0;
        padding-bottom: 9px;
        font-size: 13px;
    }

    .su_board .tabcontent.current {
        padding: 0;
    }

}


@media(max-width:768px){
	.inner.center-1800 {
		width: 100%;
		/*padding: 0 15px;*/
	}
	.footer-top-wrap {
		padding:15px;
	}
	.footer-top-wrap > ul li {
		margin-right: 15px;
	}
	.footer-top-wrap > ul li > * {
		font-size: 12px;
	}
	.footer-mid-wrap {
		padding: 10px 15px 0;
		flex-direction: column;
	}
	.footer-mid-wrap .footer-more-btn {
		width: 100%;
		margin-bottom: 9px;
	}
	.footer-mid-wrap .footer-more-btn li a {
		font-size: 12px;
	}
	.footer-mid-wrap .footer-more-btn li {
		margin-right: 20px;
	}
	
	
	.footer-mid-wrap .footer-sns {
		margin-left: 0;
		position: absolute;
		bottom: 0;
		right: 15px;
		transform: translate(0, 100%);
	}
	.footer-mid-wrap .footer-sns p {
		display: none;
	}
	
	.footer-btm-wrap {
		font-size: 11px;
		padding-top: 0;
		padding-bottom: 20px;
        padding:0 15px;
	}
	.footer-btm-wrap .footer-logo {
		max-width: 150px;
		margin-bottom: 12px;
		padding-top: 4px;
	}
	
	.footer-btm-wrap .footer-adr {
		margin-bottom: 5px;
	}
	.footer-btm-wrap .footer-contact {
		margin-bottom: 10px;
	}
	.footer-btm-wrap .cpr {
		font-size: 11px;
	}
	
	.family-site {
		padding: 0 0 15px;
		text-align: center;
		margin-left: calc(50vw - 100px);
		margin-top: 20px;
	}
	
	.family-site > button {
		padding: 12px 14px;
		width: 199px;
		font-size: 12px;
		border: 1px solid #e1e1e1;
	}
	
	.family-site > button::after {
		font-size: 16px;
		right: 14px;
		top: 9px;
	}
	.family-site > ul {
		padding: 5px 0;
	}
	.family-site > ul li {
    font-size: 12px;
	}
	.family-site > ul li a {
		padding: 11px 16px;
		text-align: left;
	}
	.family-site.phone-only {
		display: inline-block;
		margin-bottom: 25px;
	}
	.phone-over {
		display: none;
	}
	
	/* footer popup */
	.content.footer_pop {
		padding: 15px 15px 70px 15px;
	}
	.footer_pop table tr td div {
		padding: 0;
	}
	.footer-top-wrap > ul li > * span {
		font-size: 15px;
	}
	/*.content.footer_pop table {
		display: contents;
		width: 100%;
	}
	.content.footer_pop table tr {
		display: grid;
	}
	*/
	.footer_pop table tr td .style1 {
		padding-left: 15px;
	}
	.companies {
		width: 100%;
		margin: 0;
	}
	.companies tr th {font-size: 14px;}
	.file_down {font-size: 25px;margin-left:15px;color: red;}
    
    #footer{padding:0 0 50px 0 !important;}
}
@media (max-width: 425px){
	.footer-mid-wrap .footer-sns {
		position: unset;
		margin-bottom: 40px;
	}
	.footer-sns a i:before {
		width: 27px;
		height: 27px;
	}
	
	.ft_find .searchBox {flex-direction: column;}
	.btn_red {
		width: 91%;
		margin: 0;
		line-height: 40px;
		margin: 0 auto;
		margin-top: 17px;
	}
}
@media (max-width: 375px){
	.only-mo375 {display: block;}
	.footer-top-wrap > ul {
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
	}
}
/* ?ž₯바ꡬ?‹ˆ ?Œ?—…*/
#objPopupLayer {
    left: 50% !important;
    top: 50%!important;
    transform: translate(-50%, -50%) !important;
}
.cart_popup {
	width: 400px;
    height: 250px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #bcbcbc;
    text-align: center;
	padding-top: 36px;
	padding-right: 0;
	padding-left: 0;
	position: relative;
	
}
.cart_popup img {width: 45px;}
.cart_popup p {color: #2758bc;font-size: 20px; padding-top: 10px;}
.cart_popup ul {
	position: absolute;
    bottom: 0;
    display: flex;
	border-top: 1px solid #bcbcbc;
	width: 100%;
}
.cart_popup ul li {flex-grow:1;}
.cart_popup ul li:first-child {
    border-right: 1px solid #bcbcbc;
}
.cart_popup ul li a {
	display: block;
    padding: 20px 0;
    font-size: 16px;
	cursor: pointer;
}

@media (max-width: 768px){
	#objPopupLayer {width: 100%}
	.cart_popup {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 67%;
		height: 168px;
		z-index: 100;
		padding-top: 16px;
	}
	.cart_popup img {
		width: 35px;
	}
	.cart_popup p {
		font-size: 17px;
	}
	.cart_popup ul li a {
		padding: 12px 0;
		font-size: 13px;
	}
}

/* ?—… λ²„νŠΌ */
.up-btn {
    transform: translate(0px, -62px);
    left: auto;
    right: 20px;
    width: 80px;
    height: 80px;
	position: absolute;
	top: 0px;
    z-index: 300;
}

.up-btn a {
    font-size: 28px;
}


.up-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(0 145 255);
    border-radius: 50%;
    cursor: pointer;
}

.up-btn a i {
    position: relative;
    transition: all 0.4s ease 0s;
    top: 0px;
}

.up-btn a:hover i {
	top:-7px;
}

.fa-arrow-up:before {
    content: "\1F861";
}


#up-btn {
    transform: translate(0px, -62px);
    width: 80px;
    height: 80px;
	position: fixed;
    right: 20px;
	bottom: 20px;	
    z-index:9999;
	cursor:pointer;
}

#up-btn a {
    font-size: 28px;
}


#up-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(0 145 255);
    border-radius: 50%;
    cursor: pointer;
}

#up-btn a i {
    position: relative;
    transition: all 0.4s ease 0s;
    top: 0px;
}

#up-btn a:hover i {
	top:-7px;
}

@media (max-width: 768px) {
	#up-btn {
		transform: translate(0, -39px);
		width: 50px;
		height: 50px;
		right: 20px;
	}
	
	#up-btn a {
		font-size: 20px;
	}
}

#footer{overflow:visible; padding: 0;}

/* login_business_continue */
.login_box {
	width: 100%;
	margin-top: 80px;
}

.bodyContAreaLogin {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding: 30px 0;
}

.bodyContAreaLogin .sectionMemTitleRual_b {
	width: 100%;
	text-align: center;
	font-size: 30px;
	padding: 20px 0;
	color: #000;
}

.bodyContAreaLogin .sectionMemTitleRualSub_b {
	width: 100%;
}

.bodyContAreaLogin .myOrderCont_b {
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

.bodyContAreaLogin .contArea_b {
	width: 100%;
}

.lbcBtnBox {
    display: flex;
}

.lbc_wrap .top {
    text-align: center;
	margin-bottom: 40px;
}

.lbc_wrap .top img {
    max-width: 300px;
    display: block;
    margin: 0 auto;
}

.lbc_wrap .top p {
    font-size: 18px;
    line-height: 26px;
	padding-top: 20px;
}

.lbc_wrap .top p font {
    font-weight: bold;
}

.lbcBtnBox .cbtn {
    display: block;
    padding: 26px 14px;
    border: 1px solid #1a91f5;
    background-color: #1a91f5;
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin: 0 5px;
    width: calc(100% / 3 - 10px);
	height: auto;
    line-height: normal;
	cursor: pointer;
    transition: .3s;
}

.lbc_wrap .bottomRedT {
	line-height: normal;
    color: red;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
    text-indent: -16px;
    padding-left: 16px;
}

@media (max-width: 768px) {
	.lbc_wrap {
		padding: 0 15px;
	}

	.login_box {
		margin-top: 53px;
	}
}

@media (max-width: 425px) {
	.lbcBtnBox {
		display: flex;
		flex-direction: column;
	}

	.lbcBtnBox .cbtn {
		width: 100%;
		margin: 5px 0;
	}

}

.viewMemberBtn{display: inline-block; border-radius: 8px; box-sizing: border-box; flex: 1; text-align: center; height: 74px; font-size: 25px; font-weight: 700; background-color: #30b0b7; color: #fff; width: 100%; line-height: 3.222em;}
.viewMemberBtn:hover{color:#fff;}
@media (max-width: 768px) {
    .viewMemberBtn{display:block; height:55px; font-size:18px; width:90%; margin:0 auto;}
}

.hot-box .keyword ul{flex-wrap:wrap;}
.hot-box .keyword ul li:last-child{margin-right:0;}
.hot-box .keyword ul li{margin-top:10px;}
@media (max-width: 419px) {
        .hot-box .keyword ul li:not(:last-child){margin-right:4px;}
}