@import url("http://kr-decarbonization.co.kr/assets/css/fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
html:not(#one) {
	scroll-behavior: auto;
}

body {
	line-height: 1;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

.clearfix::after {
	clear: both;
    display: table;
    content: '';
}

a { 
	text-decoration:none !important 
}
a:hover, a:focus {
	text-decoration: none !important;
}

@keyframes zoom_in {
	0% {margin-top:0px} 50%  {margin-top:-55px}  100% {margin-top:0}
}

/*swiper 속성*/
.swiper {
	width: 1130px;
	width: 100%;
	height: 370px;
}
.swiper-slide {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}
.pagethree .tabtab .swiper .swiper-wrapper .tab-box {
	padding: 0;
}
.swiper-pagination {
	bottom: -1em !important;
}
.swiper-button-prev {
	left: 300px !important;
	top: 200px !important;
}
.swiper-button-next {
	right: 300px !important;
	top: 200px !important;
}
.swiper-pagination-bullet { 
	width: 12px; 
	height: 12px; 
	background: transparent; 
	border: 1px solid #0085CA !important; 
	opacity: 1; 
}
.swiper-pagination-bullet-active { 
	width: 40px; 
	transition: width .5s !important; 
	border-radius: 5px; 
	background: #0085CA !important; 
	border: 1px solid transparent; 
}

	@media screen and (min-width: 768px) and (max-width: 1119px) {

		.swiper-button-prev {
			left: 90px !important;
		}
		.swiper-button-next {
			right: 90px !important;
		}

	}

	@media screen and (max-width: 767px) {
		.container {
			padding: 0 !important;
		}
		.swiper {
			width: 100% !important;
			margin: 0;
		}
		.swiper-button-prev {
			left: -20px !important;
		}
		.swiper-button-next {
			right: -5px !important;
		}

	}

	/*insight 마지막 표*/
	table.so tr {
		border-top: 1px dotted #77a6d8 !important;
		border-bottom: 1px dotted #77a6d8 !important;
		}



/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: #2e3842;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea {
		color: #fff;
		font-family: "Open Sans", Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: 400;
		letter-spacing: 0.075em;
		line-height: 1.65em;
	}

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

			body, input, select, textarea {
				font-size: 13pt;
			}

		}

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

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

		}

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

			body, input, select, textarea {
				font-size: 11pt;
				letter-spacing: 0.0375em;
			}

		}

	a {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		/*border-bottom: dotted 1px;*/
		color: inherit;
		text-decoration: none;
	}

		a:hover, a:focus {
			border-bottom-color: transparent;
			color: white;
		}

		.pageone a:hover, .pageone a:focus, .pagetwo a:hover, .pagetwo a:focus, .pagethree a:hover, .pagethree a:focus, .pagefour a:hover, .pagefour a:focus, .pageinterview a:hover, .pageinterview a:focus {
			color: black;
		}

	strong, b {
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 1em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #fff;
		font-weight: 800;
		letter-spacing: 0.225em;
		line-height: 0.75em;
		margin: 0 0 1em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-family: 'Arita-dotum';
		font-size: 2.25em;
		line-height: 1.75em;
		text-transform: none;
		line-height: 45px;
		letter-spacing: 1px;
	}
		@media screen and (max-width: 767px) {

			h2 {
				font-size: 1.6em;
				line-height: 1.65em;
			}

		}
		
	h2 {
		font-family: 'Gi';
		font-size: 1.95em;
		line-height: 1.75em;
		text-transform: none;
		letter-spacing: 1px;
		line-height: 45px;
	}

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

			h2 {
				font-size: 1.15em;
				line-height: 1.65em;
			}

		}

	h3 {
		font-size: 1.15em;
		line-height: 1.75em;
	}

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

			h3 {
				font-size: 0.95em;
				line-height: 1.65em;
			}

		}

	h4 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.8em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
		line-height: 0;
	}

	sup {
		font-size: 0.7em;
		position: relative;
		top: -0.5em;
		line-height: 0;
	}

	hr {
		border: 0;
		border-bottom: solid 2px #dfdfdf;
		margin: 3em 0;
	}

		hr.major {
			margin: 4.5em 0;
		}

	blockquote {
		border-left: solid 4px #fff;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.25);
		border-radius: 3px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		letter-spacing: 0;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}
		@media screen and (max-width: 767px) {
			hr {
				margin: 1.5em;
			}
		}


	

/* Row */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
			margin: 0 auto;
		}

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

				.row > .col-1, .col-1 {
					width: 8%;
				}
				.row > .col-4, .col-4 {
					width: 50%;
				}
				.row > .col-4, .col-4 {
					width: 55%;
				}
				.row > .col-5, .col-5 {
					width: 55%;
				}
				.row > .col-6, .col-6 {
					width: 60%;
				}
				.row > .col-7, .col-7 {
					width: 75%;
				}
				.row > .col-8, .col-8, .row > .col-9, .col-9 {
					width: 75%;
				}
				.row > .col-10, .col-10 {
					width: 100%;
					padding: 0 30px;
				}
				.row > .col-11, .col-11, .row > .col-12, .col-12 {
					width: 100%;
					padding: 0 30px;
				}

		}

		@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 {
					margin-top: 0;
					margin-left: -1.5em;
				}

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

		}

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

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

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

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

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


		}

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

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

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

				.row > .col-1, .col-1 {
					width: 20%;
				}
				.row > .col-3, .col-3 {
					width: 60%;
				}
				.row > .col-4, .col-4 {
					width: 75%;
				}
				.row > .col-5, .col-5 {
					width: 75%;
				}
				.row > .col-6, .col-6 {
					width: 80%;
				}
				.row > .col-7, .col-7 {
					width: 80%;
				}
				.row > .col-8, .col-8, .row > .col-9, .col-9, .row > .col-10, .col-10, .row > .col-11, .col-11, .row > .col-12, .col-12 {
					width: 100%;
				}

		}

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

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

		}

/* Section/Article */

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

	
	header p {
		color: rgba(255, 255, 255, 0.5);
		position: relative;
		top: -0.25em;
	}

	header h3 + p {
		font-size: 1.1em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
	}

	/* header.major {
		margin: 0 0 3.5em 0;
	} */
	header .major p:first-child {
		font-family: 'Accidental';
		color: inherit;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		top: 0;
		margin: 0;
	}
	

		header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
			border-bottom: solid 2px #fff;
			display: inline-block;
			padding-bottom: 1em;
			position: relative;
		}

			header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
				content: '';
				display: block;
				height: 1px;
			}

			header.major h2 {
				/* line-height: 30px; */
				line-height: 1em;
				padding-bottom: 0;
			}

		header.major p {
			color: #fff;
			top: 0;
		}

		

			@media screen and (min-width: 768px) and (max-width: 1119px) {

				header br {
					display: none;
				}
				header.major {
					margin: 0;
				}

			}

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

				header.major {
					margin: 1em;
				}

			}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #fff;
		display: block;
		font-size: 0.9em;
		font-weight: 600;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: rgba(144, 144, 144, 0.25);
		border-radius: 3px;
		border: none;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			box-shadow: 0 0 0 2px #21b2a6;
		}

	select {
		background-size: 1.25em;
		background-repeat: no-repeat;
		background-position: calc(100% - 1em) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label: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;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.25);
				border-radius: 3px;
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.0625em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #2e3842;
			color: #fff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			box-shadow: 0 0 0 2px #21b2a6;
		}

	input[type="checkbox"] + label:before {
		border-radius: 3px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(255, 255, 255, 0.5) !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 3px;
		border: solid 2px #fff;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}
			@media screen and (max-width: 736px) {
				.box.alt {
					width: 100%;
    				margin: 0 auto;
				}
			 	.col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
					padding: 0 0 1.5em 0;
				} 

			}
		
		

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon: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: 400;
		}

		.icon > .label {
			display: none;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.major {
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			border-radius: 3px;
			border: solid 2px #fff;
			display: inline-block;
			font-size: 1.35em;
			height: calc(3em + 2px);
			line-height: 3em;
			text-align: center;
			width: calc(3em + 2px);
		}

			.icon.major:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				display: inline-block;
				font-size: 1.5em;
			}

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

				.icon.major {
					font-size: 1em;
				}

			}

		.icon.style1 {
			color: #00ffcc;
		}

		.icon.style2 {
			color: #00f0ff;
		}

		.icon.style3 {
			color: #76ddff;
		}

/* Image */

	.image {
		border-radius: 3px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 3px;
			display: block;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 2em 2em;
			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 2em 0; */
			width: 100%;
			/* margin-top: 0.8em; */
			position: relative;
		}
		.pagefour .image.fit {
			height: 80%;
		}

			.image.fit img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.pagefour .image.fit img {
				width: auto;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #fff;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

	dl {
		margin: 0 0 2em 0;
	}

/* 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: 1em 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;
						}

		}

/* Icons */

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.icons li {
			display: inline-block;
			padding: 0 1em 0 0;
		}

			ul.icons li:last-child {
				padding-right: 0 !important;
			}

		ul.icons.major {
			padding: 1em 0;
		}

			ul.icons.major li {
				padding-right: 3.5em;
			}

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

					ul.icons.major li {
						padding: 0 1em !important;
					}
					ul.icons li:last-child {
						margin: 0;
					}

				}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		width: 100%;
	}

		table tbody tr {
			border: solid 1px #fff;
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {

			}

		table td {
			text-align: center;
			padding: 0.75em 0.75em;
		}

		table th {
			color: #fff;
			font-size: 0.9em;
			font-weight: 600;
			padding: 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px #fff;
		}

		table tfoot {
			border-top: solid 2px #fff;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #fff;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 3px;
	border: 0;
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	height: 3.125em;
	letter-spacing: 0.225em;
	line-height: 3.125em;
	max-width: 30em;
	padding: 0 2.75em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
		background-color: rgba(144, 144, 144, 0.25);
	}

	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active,
	button:active,
	.button:active {
		background-color: rgba(144, 144, 144, 0.5);
	}

	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	input[type="button"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5em;
	}

	input[type="submit"].fit,
	input[type="reset"].fit,
	input[type="button"].fit,
	button.fit,
	.button.fit {
		width: 100%;
	}

	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small,
	button.small,
	.button.small {
		font-size: 0.8em;
	}

	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large,
	button.large,
	.button.large {
		font-size: 1.35em;
	}

	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.primary,
	.button.primary {
		background-color: #1A344D;
		box-shadow: none !important;
		color: #ffffff !important;
		font-family: 'SUIT-Regular';
	}

	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.small.qrcode,
	.button.small.qrcode {
		background-color: #1A344D;
		box-shadow: none !important;
		color: #ffffff !important;
		font-family: 'SUIT-Regular';
	}


		input[type="submit"].primary:hover,
		input[type="reset"].primary:hover,
		input[type="button"].primary:hover,
		button.primary:hover,
		.button.primary:hover {
			background-color: #0085CA !important;
			color: black !important;
		}

		input[type="submit"].primary:hover,
		input[type="reset"].primary:hover,
		input[type="button"].primary:hover,
		button.small.qrcode:hover,
		.button.small.qrcode:hover {
			background-color: #0085CA !important;
			color: black !important;
		}


		input[type="submit"].primary:active,
		input[type="reset"].primary:active,
		input[type="button"].primary:active,
		button.primary:active,
		.button.primary:active {
			background-color: #0085CA !important;
			color: black !important;
		}


		input[type="submit"].primary:active,
		input[type="reset"].primary:active,
		input[type="button"].primary:active,
		button.small.qrcode:active,
		.button.small.qrcode:active {
			background-color: #0085CA !important;
			color: black !important;
		}


		input[type="submit"].primary:active,
		input[type="reset"].primary:active,
		input[type="button"].primary:active,
		button.primary:active,
		.button.primary:active {
			background-color: #0085CA !important;
			color: black !important;
		}

	input[type="submit"].disabled, input[type="submit"]:disabled,
	input[type="reset"].disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="button"]:disabled,
	button.disabled,
	button:disabled,
	.button.disabled,
	.button:disabled {
		pointer-events: none;
		opacity: 0.25;
	}

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

		input[type="submit"],
		input[type="reset"],
		input[type="button"],
		button,
		.button {
			height: 3.75em;
			line-height: 3.75em;
		}

	}

/* Features */

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		list-style: none;
		padding: 0;
		width: 100%;
	}

		.features li {
			padding: 3em 3.4em;
			display: block;
			position: relative;
			text-align: left;
			width: 25%;
		}

			.features li:nth-child(1) {
				background-color: rgba(255, 255, 255, 0.55);
			}

			.features li:nth-child(2) {
				background-color: rgba(255, 255, 255, 0.41);
			}

			.features li:nth-child(3) {
				background-color: rgba(255, 255, 255, 0.37);
			}

			.features li:nth-child(4) {
				background-color: rgba(255, 255, 255, 0.25);
			}

			.features li:nth-child(5) {
				background-color: rgba(0, 0, 0, 0.175);
			}

			.features li:nth-child(6) {
				background-color: rgba(0, 0, 0, 0.21);
			}

			.features li:nth-child(7) {
				background-color: rgba(0, 0, 0, 0.245);
			}

			.features li:nth-child(8) {
				background-color: rgba(0, 0, 0, 0.28);
			}

			.features li:nth-child(9) {
				background-color: rgba(0, 0, 0, 0.315);
			}

			.features li:nth-child(10) {
				background-color: rgba(0, 0, 0, 0.35);
			}

			.features li:before {
				display: block;
				color: #00ffcc;
				position: absolute;
				left: 1.75em;
				top: 2.75em;
				font-size: 1.5em;
			}

			.features li:nth-child(1) {
				border-top-left-radius: 3px;
			}

			.features li:nth-child(2) {
				border-top-right-radius: 3px;
			}

			.features li:nth-last-child(1) {
				border-bottom-right-radius: 3px;
			}

			.features li:nth-last-child(2) {
				border-bottom-left-radius: 3px;
			}

			@media all and (max-width: 1200px) {

				.features li {
					padding: 3em 2em 1em 2em ;
					text-align: center;
				}

					.features li:before {
						left: 0;
						margin: 0 0 1em 0;
						position: relative;
						top: 0;
					}

			}

			@media all and (max-width: 767px) {

				.features li {
					padding: 2em 0 1em 0 ;
					/* border-top: solid 2px #fff; */
					width: 100%;
				}

					.features li:first-child {
						border-top: 0;
					}

			}

/* Spotlight */

	.spotlight {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		.spotlight .image {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
			border-radius: 0;
			width: 40%;
			overflow: hidden;
		}

		/* .spotlight .image:hover img {
			transform: scale(1.2);
			transition: .4s;
		} */
			.spotlight .image img {
				border-radius: 0;
				width: 100%;
			}

		.spotlight .content {
			padding: 1em 2em 1em 3em;
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
			max-width: 48em;
			width: 50%;
			/* margin-bottom: auto; */
		}

		.leftline {
			display: inline-block; 
			/* text-transform: uppercase; */
			font-family: 'SUIT-Regular';
			font-size: 19px;
			color: white;
			letter-spacing: 0.028em;
			word-break: keep-all;
		}
		.leftline::after {
			display:block;
			content: ''; 
			transform: scaleX(0);  
			transition: transform 250ms ease-in-out;
			transform-origin: 0% 50%;
		}
		.leftline:hover:after { transform: scaleX(1); }

		/*Index 제목 아래 선 - 매달 수정필요*/
		.leftline.line1::after {
			border-bottom: solid 3px #f4ff92;
		}
		.leftline.line2::after {
			border-bottom: solid 3px #92e5fa;
		}
		.leftline.line3::after {
			border-bottom: solid 3px #8affef;
		}
		.leftline.line4::after {
			border-bottom: solid 3px #ffc691;
		}
		.leftline:hover::after {
			transform: scaleX(1);
			transform-origin: bottom left;
		}

		.spotlight:nth-child(2n) {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

		.spotlight:nth-child(1) {
			background-color: #19585c;
		}

		.spotlight:nth-child(2) {
			background-color: #30598b;
		}

		.spotlight:nth-child(3) {
			background-color: #0d2955;
		}

		.spotlight:nth-child(4) {
			background-color: #3799c0;
		}

		.spotlight:nth-child(5) {
			background-color: rgba(0, 0, 0, 0.375);
		}

		.spotlight:nth-child(6) {
			background-color: rgba(0, 0, 0, 0.45);
		}

		.spotlight:nth-child(7) {
			background-color: rgba(0, 0, 0, 0.525);
		}

		.spotlight:nth-child(8) {
			background-color: rgba(0, 0, 0, 0.6);
		}

		.spotlight:nth-child(9) {
			background-color: rgba(0, 0, 0, 0.675);
		}

		.spotlight:nth-child(10) {
			background-color: rgba(0, 0, 0, 0.75);
		}

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

				.spotlight .image {
					width: 45%;
				}

				.spotlight .content {
					width: 55%;
				}

			}

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

				.spotlight {
					display: block;
				}

					/* .spotlight br {
						display: none;
					} */

					.spotlight .image {
						width: 100%;
					}

					.spotlight .content {
						padding: 2em 2em 2em 2em ;
						max-width: none;
						text-align: center;
						width: 100%;
					}

			}

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

				.spotlight .content {
					padding: 1.5em 2em 1em 2em ;
				}

			}

/* Wrapper */

	.wrapper {
		padding: 5em 0 3em 0 ;
	}
	.pagefour .wrapper {
		padding: 1.8em 0;
	}

		.wrapper > .inner {
			width: 80%;
			margin: 0 auto;
		}
		.wrapper > .inside {
			width: 55em;
			margin: 0 auto;
		}
		#one > .inner {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.inner > ul, .inside > ul {
			margin-bottom: 0;
			font-family: 'Accidental';
		}
		.features h3 {
			font-family: 'SUIT-Regular';
			font-size: 1em;
			letter-spacing: 1px;
		}
		.features p {
			height: 10vh;
			color: black;
			font-family: 'SUIT-Regular';
			font-size: 0.81em;
			letter-spacing: 0.1em;
			line-height: 1.50em;
			word-spacing: -2px;
		}
		.features a {
			font-family: 'SUIT-Regular';
		}
		.button {
			padding: 0 1.5em;
		}

			@media all and (max-width: 1200px) {

				.wrapper > .inner {
					width: 100%;
				}	
				.wrapper > .inside {
					width: 90%;
				}

			}

			@media all and (min-width: 768px) and (max-width: 1119px) {

				.wrapper > .inner, .wrapper > .inside {
					width: 60%;
					word-break: keep-all;
				}
				#three.wrapper .inner {
					width: 100%;
				}
				.wrapper .inner .major h2, .wrapper .inside .major h2 {
					display: none;
				}

				.features p {
					letter-spacing: 0.08em;
				}

			}

			@media all and (max-width: 767px) {
				.features p {
					height: auto;
				}
			}

		.wrapper.alt {
			padding: 0;
		}

		.wrapper.style1 {
			position: relative;
			background-image: url("../../../images/01.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			color: #c8ece9;
    		height: 28vh;
			padding: 0;
		}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #ffffff;
			}

			.wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #ffffff;
			}

			.wrapper.style1 hr {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 blockquote {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 code {
				background: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style1 header p {
				color: #a6e0db;
			}

			.wrapper.style1 header.major h2, .wrapper.style1 header.major h3, .wrapper.style1 header.major h4, .wrapper.style1 header.major h5, .wrapper.style1 header.major h6 {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 header.major p {
				color: white;
				font-family: 'SUIT-Regular';
				font-size: 0.85em;
				letter-spacing: 0.028em;
				margin: 0;
			}
			/* .wrapper.style1 header.major p:first-child {
				font-family: 'Arita-buri';
				font-size: 1.00em;
				font-weight: bold;
			} */

			.wrapper.style1 label {
				color: #ffffff;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				background-color: rgba(255, 255, 255, 0.075);
			}

			/* .wrapper.style1 select {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.125)' /%3E%3C/svg%3E");
			} */

				.wrapper.style1 select option {
					color: #ffffff;
					background: #21b2a6;
				}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #c8ece9;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background: #ffffff;
				color: #21b2a6;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style1 .icon.major {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 ul.alt li {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 table tbody tr {
				border-color: rgba(0, 0, 0, 0.125);
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style1 table th {
				color: #ffffff;
			}

			.wrapper.style1 table thead {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 table tfoot {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
				color: #ffffff;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				@media screen and (min-width: 768px) and (max-width: 1119px) {

					.wrapper.style3 {
						height: 56vh;
					}
					.wrapper .features li {
						width: 40%;
						height: 70%;
					}
					.wrapper .features li:nth-child(2) {
						height: auto;
					}
					.wrapper .features li a {
						width: 90%;
					}
				}


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

					.wrapper.style1 header.major p {
						color: white;
						text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.5);
					}
					.wrapper.style1 .features li {
						border-top-color: rgba(0, 0, 0, 0.125);
					}

				}

		.wrapper.style2 {
			background-color: #2e3842;
		}

		.wrapper.style3 {
			background-color: rgba(29, 36, 42, 0.5);
			color: #d3d4e4;
		}

			.wrapper.style3 strong, .wrapper.style3 b {
				color: #ffffff;
			}

			.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
				color: #ffffff;
			}

			.wrapper.style3 hr {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 blockquote {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 code {
				background: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style3 header p {
				color: #b9bad4;
			}

			.wrapper.style3 header.major h2, .wrapper.style3 header.major h3, .wrapper.style3 header.major h4, .wrapper.style3 header.major h5, .wrapper.style3 header.major h6 {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 header.major p {
				color: #d3d4e4;
			}

			.wrapper.style3 label {
				color: #ffffff;
			}

			.wrapper.style3 input[type="text"],
			.wrapper.style3 input[type="password"],
			.wrapper.style3 input[type="email"],
			.wrapper.style3 select,
			.wrapper.style3 textarea {
				background-color: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style3 select {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.125)' /%3E%3C/svg%3E");
			}

				.wrapper.style3 select option {
					color: #ffffff;
					background: #505393;
				}

			.wrapper.style3 input[type="checkbox"] + label,
			.wrapper.style3 input[type="radio"] + label {
				color: #d3d4e4;
			}

				.wrapper.style3 input[type="checkbox"] + label:before,
				.wrapper.style3 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style3 input[type="checkbox"]:checked + label:before,
			.wrapper.style3 input[type="radio"]:checked + label:before {
				background: #ffffff;
				color: #505393;
			}

			.wrapper.style3 ::-webkit-input-placeholder {
				color: #b9bad4 !important;
			}

			.wrapper.style3 :-moz-placeholder {
				color: #b9bad4 !important;
			}

			.wrapper.style3 ::-moz-placeholder {
				color: #b9bad4 !important;
			}

			.wrapper.style3 :-ms-input-placeholder {
				color: #b9bad4 !important;
			}

			.wrapper.style3 .formerize-placeholder {
				color: #b9bad4 !important;
			}

			.wrapper.style3 .icon.major {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 ul.alt li {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table tbody tr {
				border-color: rgba(0, 0, 0, 0.125);
			}

				.wrapper.style3 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style3 table th {
				color: #ffffff;
			}

			.wrapper.style3 table thead {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table tfoot {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table.alt tbody tr td {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 input[type="submit"],
			.wrapper.style3 input[type="reset"],
			.wrapper.style3 input[type="button"],
			.wrapper.style3 button,
			.wrapper.style3 .button {
				box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
				color: #ffffff;
			}

				.wrapper.style3 input[type="submit"]:hover,
				.wrapper.style3 input[type="reset"]:hover,
				.wrapper.style3 input[type="button"]:hover,
				.wrapper.style3 button:hover,
				.wrapper.style3 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style3 input[type="submit"]:active,
				.wrapper.style3 input[type="reset"]:active,
				.wrapper.style3 input[type="button"]:active,
				.wrapper.style3 button:active,
				.wrapper.style3 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

			
			@media all and (min-width: 768px) and (max-width: 1119px) {
				.wrapper .features li a {
					width: 90%;
				}
			}

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

				.wrapper.style3 {
					background-color: rgba(0, 133, 202, 0.7);
				}
				.wrapper.style3 .features li {
					border-top-color: white;
				}
				.wrapper .features li a {
					width: 54%;
				}
				.wrapper .features li div {
					width: 54%;
					margin: 0 auto;
				}

			}


		.wrapper.style4 {
			background-color: transparent;
		}

		.wrapper.style5 {
			background-color: #ffffff;
			color: #4E4852;
		}

			.wrapper.style5 strong, .wrapper.style5 b {
				color: #2E3842;
			}

			.wrapper.style5 h1, .wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5, .wrapper.style5 h6 {
				color: #2E3842;
			}

			.wrapper.style5 hr {
				border-color: #dfdfdf;
			}

			.wrapper.style5 blockquote {
				border-color: #dfdfdf;
			}

			.wrapper.style5 code {
				background: rgba(0, 0, 0, 0.0375);
			}

			.wrapper.style5 header p {
				color: #8E8892;
			}

			.wrapper.style5 header.major h2, .wrapper.style5 header.major h3, .wrapper.style5 header.major h4, .wrapper.style5 header.major h5, .wrapper.style5 header.major h6 {
				border-color: #dfdfdf;
			}

			.wrapper.style5 header.major p {
				color: #4E4852;
			}

			.wrapper.style5 label {
				color: #2E3842;
			}

			.wrapper.style5 input[type="text"],
			.wrapper.style5 input[type="password"],
			.wrapper.style5 input[type="email"],
			.wrapper.style5 select,
			.wrapper.style5 textarea {
				background-color: rgba(0, 0, 0, 0.0375);
			}

			.wrapper.style5 select {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23dfdfdf' /%3E%3C/svg%3E");
			}

				.wrapper.style5 select option {
					color: #2E3842;
					background: #ffffff;
				}

			.wrapper.style5 input[type="checkbox"] + label,
			.wrapper.style5 input[type="radio"] + label {
				color: #4E4852;
			}

				.wrapper.style5 input[type="checkbox"] + label:before,
				.wrapper.style5 input[type="radio"] + label:before {
					background: rgba(0, 0, 0, 0.0375);
				}

			.wrapper.style5 input[type="checkbox"]:checked + label:before,
			.wrapper.style5 input[type="radio"]:checked + label:before {
				background: #2E3842;
				color: #ffffff;
			}

			.wrapper.style5 ::-webkit-input-placeholder {
				color: #8E8892 !important;
			}

			.wrapper.style5 :-moz-placeholder {
				color: #8E8892 !important;
			}

			.wrapper.style5 ::-moz-placeholder {
				color: #8E8892 !important;
			}

			.wrapper.style5 :-ms-input-placeholder {
				color: #8E8892 !important;
			}

			.wrapper.style5 .formerize-placeholder {
				color: #8E8892 !important;
			}

			.wrapper.style5 .icon.major {
				border-color: #dfdfdf;
			}

			.wrapper.style5 ul.alt li {
				border-color: #dfdfdf;
			}

			.wrapper.style5 table tbody tr {
				border-color: #dfdfdf;
				background-color: #FCF8F3;
			}

				.wrapper.style5 table tbody tr:nth-child(2n + 1) {
					/* background-color: rgba(0, 0, 0, 0.0375); */
					border: none;
				}

			.wrapper.style5 table th {
				color: #2E3842;
			}

			.wrapper.style5 table thead {
				border-color: #dfdfdf;
			}

			.wrapper.style5 table tfoot {
				border-color: #dfdfdf;
			}

			.wrapper.style5 table.alt tbody tr td {
				border-color: #dfdfdf;
			}

			.wrapper.style5 input[type="submit"],
			.wrapper.style5 input[type="reset"],
			.wrapper.style5 input[type="button"],
			.wrapper.style5 button,
			.wrapper.style5 .button {
				box-shadow: inset 0 0 0 2px #dfdfdf;
				color: #2E3842;
			}

				.wrapper.style5 input[type="submit"]:hover,
				.wrapper.style5 input[type="reset"]:hover,
				.wrapper.style5 input[type="button"]:hover,
				.wrapper.style5 button:hover,
				.wrapper.style5 .button:hover {
					background-color: rgba(0, 0, 0, 0.0375);
				}

				.wrapper.style5 input[type="submit"]:active,
				.wrapper.style5 input[type="reset"]:active,
				.wrapper.style5 input[type="button"]:active,
				.wrapper.style5 button:active,
				.wrapper.style5 .button:active {
					background-color: rgba(0, 0, 0, 0.1);
				}

					@media screen and (min-width: 768px) and (max-width: 1119px) {

						.wrapper {
							padding: 3em;
						}
						

					}

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

						.wrapper {
							padding: 2em;
						}
						.pagefour .wrapper {
							padding: 3em 2em 4em 2em;
						}
						.wrapper.style5 .features li {
							border-top-color: #dfdfdf;
						}

					}

/* Page Wrapper + Menu */

	#page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		/* opacity: 1; */
		/* padding-top: 52px; */
		padding-top: 2.6em;
	}

		#page-wrapper:before {
			background: rgba(0, 0, 0, 0);
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

	#menu {
		-moz-transform: translateX(20em);
		-webkit-transform: translateX(20em);
		-ms-transform: translateX(20em);
		transform: translateX(20em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: #5B91CC;
		color: #ffffff;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		padding: 3em 2em;
		position: fixed;
		right: 0;
		top: 0;
		width: 20em;
		z-index: 10002;
	}

	#menu ul {
		list-style: none;
		padding: 0;
	}

		#menu > ul > li {
			border-top: solid 1px rgba(0, 0, 0, 0.125);
			margin: 0.5em 0 0 0;
			padding: 0.5em 0 0 0;
		}

			#menu ul > li:first-child {
				border-top: 0 !important;
				margin-top: 0 !important;
				padding-top: 0 !important;
			}

			#menu ul > li > p > a {
				border: 0;
				color: inherit;
				display: block;
				font-size: 0.8em;
				letter-spacing: 0.225em;
				outline: 0;
				text-decoration: none;
				/* text-transform: uppercase; */
			}
			
			#menu ul > li > .menu-t > a {
				font-family: 'Gi';
				font-size: 0.97em;
				font-weight: bold;
			}

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

					#menu ul {
						margin: 0;
					}
					#menu ul > li > p {
						line-height: 1.5em;
					}

					#menu ul > li:first-child > ul > li,  #menu ul > li > p > a, #menu ul > li > span > p > a  {
						font-family: 'Open Sans';
						font-size: 0.90em;
						letter-spacing: 0.0375em;
						line-height: 160%;
					}

				}

		#menu .close {
			background-image: url("images/close.svg");
			background-position: 4.85em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}

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

			#menu {
				padding: 3em 1.5em;
			}

		}

	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

/* Header */

	#header {
		display: flex;
		-moz-transition: background-color 0.2s ease;
		-webkit-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
		background: #2e3842;
		/* height: 52px; */
		height: 2.6em;
		left: 0;
		line-height: 3em;
		position: fixed;
		top:10px;
		width: 100%;
		z-index: 10000;
	}
		#header > div > ul {
			width: 100%;
			height: 100%;
    		margin: 0;
		}
		#header .header-up-l {
			float: left;
			width: 15%;
			height: 100%;
			padding-left: 0;
			padding-top: 0.3em;
		}
		#header .header-up-l > div {
			width: 100% !important;
		}
		#header .header-up-l > div > a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#header .header-up-l > div > a > img {
			max-width: 100%;
    		max-height: 100%;
		}
		#header .header-up-r {
			float: right;
			width: 85%;
			height: 100%;
		}
		#header .header-up-r h3 a p {
			color: white;
			top: 0;
			line-height: normal;
			margin: 0;
		}

		#header > div > h3 > a > p {
			color: white;
			margin: 0;
			padding: 0 0 0 0.6em;
		}

		#header h1 {
			-moz-transition: opacity 0.2s ease;
			-webkit-transition: opacity 0.2s ease;
			-ms-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			position: absolute;
			top: 0;
		}

			#header h1 a {
				border: 0;
				display: block;
				height: inherit;
				line-height: inherit;
			}

				@media all and (min-width: 768px) and (max-width: 1119px) {

					#header {
						height: 52px;
					}
					#header .header-up-l {
						/* padding: 0.3rem; */
					}
				}
				@media screen and (max-width: 767px) {

					#header > div > ul {
						padding-left: 0.2rem;
						display: flex;
					}
					#header h1 a {
						font-size: 0.8em;
					}

				}

		/* #header > div > ul > li:first-child {
			float: left;
			width: 80%;
		}
		#header > div > ul > li:last-child {
			float: right;
			width: 20%;
		} */

		#header #nav {
			width: 60%;
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'Arita-dotum';
    		font-weight: 600;
			display: none;
		}

			@media screen and (min-width: 768px) and (max-width: 1120px) {
				
				#header #nav {
					width: 10%;
					height: 100%;
					display: inherit;
				}
				#header #nav .menuToggle span {
					display: none;
				}
			}

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

				#header #nav {
					width: 100%;
					height: 100%;
					display: inherit;
				}
			}

			#header #nav > ul {
				list-style: none;
				height: 100%;
				margin: 0;
				padding: 0;
				white-space: nowrap;
			}

				#header #nav > ul > li {
					display: inline-block;
					position: relative;
					padding: 0;
				}

					#header #nav > ul > li > a {
						border: 0;
						color: #fff;
						display: block;
						font-size: 0.8em;
						letter-spacing: 0.225em;
						text-transform: uppercase;
					}
					#header #nav > ul > li > a > span {
						position: absolute;
						left: 0;
						top: -3px;
					}
					#header nav > ul > li > a.menuToggle:after {
						background-image: url(images/bars.svg);
						background-position: right center;
						background-repeat: no-repeat;
						content: '';
						display: inline-block;
						height: 3.2em;
						vertical-align: top;
						width: 2em;
					}

						@media screen and (min-width: 768px) and (max-width: 1120px) {
									
							#header #nav > ul > li > a {
								padding: 0.3em 1.5em 0 0;	
							}
						}

						@media screen and (min-width: 768px) and (max-width: 788px) {

							#header #nav > ul > li > a {
								padding: 0.5em 0.6em 1.5em 0;
							}
						}


						@media screen and (min-with: 737px) and (max-width: 767px) {

							#header #nav > ul > li > a {
								padding: 0 1.5em;
							}
						}

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

							#header #nav > ul > li > a {
								padding: 0 0 0 5em;
								/* visibility: hidden; */
							}
							#header #nav > ul > li > a.menuToggle {
								padding: 0 1.5em 0 0;
							}

						}

					#header #nav > ul > li:first-child {
						padding: 0 0 0 3em;
						height: 100%;
					}
					#header #nav > ul > li {
						float: right;
					}
					select {
						display: inline-block;
						/* width: 100%; */
						width: 5em;
						vertical-align: center;
						text-align-last: center;
						padding-right: 1em;
						/* height: 52px; */
						height: 2.6em;
						margin: 0;
						padding: 0;
						background: url('../../../images/arrow.png') no-repeat 95% 50%; 
						border-radius: 0px; 
						-webkit-appearance: none; 
						-moz-appearance: none;
						appearance: none;
					}
					select::-ms-expand {
						display: none;
					}
					select:focus, button:focus, input:focus, textarea:focus {
						outline: 0 !important;
					}
					select option {
						background-color: rgba(46, 56, 66, 0.3);
						text-align-last: center;
						text-align: center;
						-ms-text-align-last: center;
						-moz-text-align-last: center;
					}


		/**nav 새로 생성******/
		#header #m-nav {
			width: 100%;
			/* height: inherit; */
			line-height: inherit;
			/* position: absolute;
			right: 0;
			top: 0; */
			display: flex;
			margin-left: auto;
			position: relative;
			font-family: 'Arita-dotum';
    		font-weight: 600;
			/* height: 52px; */
			height: 2.6em;
			overflow: hidden;
		}

			@media screen and (min-width: 1120px) and (max-width: 1540px) {
				#header #m-nav {
					width: 100%;
				}
			}

			@media screen and (min-width: 767px) and (max-width: 1119px) {

				#header #m-nav {
					display: none;
				}
			}
			@media screen and (max-width: 766px) {
				#header #m-nav {
					display: none;
				}
			}

			#header #m-nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				margin-left: auto;
				white-space: nowrap;
				text-align: center;
			}

						@media screen and (min-width: 768px) and (max-width: 1542px) {
										
							#header #m-nav > ul {
								margin-right: 0 !important;
							}
						}

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

							#header #m-nav > ul > li > a {
								padding: 0 0 0 1.5em;
								visibility: hidden;
							}

							#header #m-nav > ul > li > a.menuToggle {
								padding: 0 1.5em;
							}

								#header #m-nav > ul > li > a.menuToggle span {
									display: none;
								}

						}


					#header #m-nav > ul > li {
						float: left;
						display: flex;
						height: 100%;
    					justify-content: center;
    					align-items: center;
						border: 0;
						color: #fff;
						/* display: block; */
						font-size: 0.8em;
						letter-spacing: 0.225em;
						padding: 0 1.5em;
						text-transform: uppercase;
						/* height: 52px; */
						line-height: 52px;
					}
					#header #m-nav > ul > li > p {
						top: 0;
						margin: 0;
						color: white;
					}
					#header #m-nav > ul > li > ul {
						width: 100%; 
						display: none;
						position: absolute;
						font-family: 'SUIT-Regular';
						font-size: 1.00em;
						color: #2E3842;
					}
					#header #m-nav > ul > li a:hover {
						color: #037BE1;
					}
					.s1 > ul {
						transform: translate(0%, 50%);
					}
					.s2 > ul {
						transform: translate(-27%, 100%);
					}
					.s3 > ul {
						transform: translate(-50%, 5%);
					}
					
					#header #m-nav > ul > li > ul > li {
						line-height: 38px;
						
					}
					#m-nav > ul > li:hover ul {
						display: block;
					}
						@media all and (min-width: 768px) and (max-width: 1119px) {

							#header #m-nav > ul li:last-child {
								display: none;
							}
						}
						
		#header .scroll-nav {
			position: relative; 
			width: 60%; 
			height: 30vh; 
			float: right;
		}
		#header #m-sub-nav {
			width: 100%; 
			left: 0; 
			height: 30vh;
			font-family: 'SUIT-Regular';
			font-size: 0.90em;
			color: #2E3842;
			background-color: rgba(255, 255, 255, 1);
			box-shadow: 0 3px 5px rgba(0,0,0,0.6);
		}
			#header #m-sub-nav #m-sub-nav-menu {
				width: 100%; 
				text-align: center; 
				display: flex; 
				justify-content: center; 
				align-items: center;
			}
			#header #m-sub-nav #m-sub-nav-menu .menu {
				margin: 0 auto;
			}
			#header #m-sub-nav #m-sub-nav-menu .menu > li {
				line-height: 38px;
			}
				@media screen and (max-width: 767px) {

					#header .m-sub-nav {
						padding: 0 0 0 1.5em;
						visibility: hidden;
					}

				}
		


		#header.alt {
			background: transparent;
		}
		#header.sub-header {
			background: #2e3842;
		}

			#header.alt h3, #header h3 {
				opacity: 1;
				font-size: 1.00em;
				letter-spacing: 0.1em;
				padding: 0.4em 0em 0em 1em;
				margin: 0;
			}
			#header.alt div:nth-child(1), #header div:nth-child(1) {
				width: 30%;
				height: 100%;
				margin-left: 0;
			}
			#header.alt div:nth-child(2), #header div:nth-child(2) {
				position: relative;
				width: 70%;
				float: right;
			}
			#header .scroll-nav {
				width: 60% !important;
			}


				@media all and (min-width: 1120px) and (max-width: 1664px) {

					#header h3, #header.alt h3 {
						display: flex;
						height: 100%;
						justify-content: left;
						align-items: center;
						font-size: 14px !important;
						padding: 0;
					}
				}
			
				@media all and (min-width: 768px) and (max-width: 1119px) {
					
					#header h3, #header.alt h3 {
						display: flex;
						height: 100%;
						justify-content: left;
						align-items: center;
						font-size: 14px !important;
						padding: 0 0 0 1em;
					}
					#header.alt div:nth-child(1), #header div:nth-child(1) {
						width: 50%;
					}
					#header.alt div:nth-child(2), #header div:nth-child(2) {
						width: 50%;
					}
				}

				@media screen and (max-width: 767px) {
					
					#header.alt {
						background-color: transparent;
					}
					#header h3 {
						padding: 1.1em 0em 0em 0.4em;
					}
					#header.alt h3, #header h3 {
						display: flex;
						height: 100%;
						justify-content: left;
						align-items: center;
						padding: 0 0 0 1.0em;
					}
					#header.alt div:nth-child(1), #header div:nth-child(1) {
						width: 70%;
						font-size: 0.75em;
					}
					#header.alt div:nth-child(2), #header div:nth-child(2) {
						font-size: 1.00em;
						width: 30%;
					}
					select {
						visibility: hidden;
					}

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

					.mainpage h3 {
						padding: 0.1em 0 0 0.6em !important;
					}
					#header.alt h3, #header h3 {
						padding: 0 0 0 1em;
					}
				}
		/*Icon*/
		.icon-bar {
			position: fixed;
			-webkit-transform: translateZ(0);
			/* top: 50%; */
			bottom: 0;
			width: 80px;
			padding: 15px;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 0;
			z-index: 1;
		}

		.icon-bar a {
			display: block;
			text-align: center;
			/* padding: 16px; */
			transition: all 0.3s ease;
			color: white;
			font-size: 20px;
			width: 50px;
			height: 50px;
			background: url(../../../images/icon.png) no-repeat;
			background-size: 380px auto;
			transition: all .35s ease-in;
			background-position: -64px -134px;
		}
		

		.goTop-mobile {
			display: none !important;
		}
		
		@media screen and (max-width: 767px) {
			.icon-bar {
				top: 94%;
				right: 0;
				width: 50px;
				padding: 16px 10px;
			}

			.icon-bar .goTop {
				display: none;
			}
			
			.goTop-mobile {
				display: block !important;
			}

			.icon-bar a {
				width: 30px;
				height: 30px;
				background-size: 284px auto;
				transition: all .35s ease-in;
				background-position: -53px -104px;
			}

		}



/* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 100vh;
		min-height: 35em;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#banner h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 1.75em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
			font-family: 'Arita-buri';
			margin: 0;
		}

			#banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

			#banner h2:before {
				top: 0;
				left: 0;
			}

			#banner h2:after {
				bottom: 0;
				right: 0;
			}

		#banner h3, #banner p {
			font-family: 'Accidental';
			letter-spacing: 0.028em;
			margin-top: 1em;
		}

			#banner h3 {
				font-family: 'Pretendard-Regular';
				font-weight: bold;
				text-transform: uppercase;
				color: white;
			}
				#banner p:nth-child(2) {
					margin-top: 0.3em;
					margin-bottom: 2em;
					font-size: 0.88em;
				}
				#banner p a {
					color: inherit;
				}

		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 3.5s;
			-webkit-transition-delay: 3.5s;
			-ms-transition-delay: 3.5s;
			transition-delay: 3.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: inherit;
			font-size: 0.8em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			text-transform: uppercase;
			width: 16em;
			z-index: 1;
		}

			#banner .more:after {
				background-image: url("images/arrow.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}

		#banner:after {
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: #2e3842;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}

		@media all and (min-width: 768px) and (max-width: 1119px) {
			#banner p {
				padding: 0 5em 0 5em;
			}
		}
		@media screen and (max-width: 767px) {

			#banner {
				padding: 7em 3em 5em 3em ;
				height: auto;
				min-height: 0;
			}

				#banner h2 {
					font-size: 1.25em;
					line-height: 1.5em;
				}

				#banner br {
					display: none;
				}

				#banner .more {
					display: none;
				}
			.wrapper.style1 {
				height: 25vh;
			}

		}

	body.is-preload #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-preload #banner h2:before, body.is-preload #banner h2:after {
			width: 0;
		}

	body.is-preload #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-preload #banner:after {
		opacity: 1;
	}

/* CTA */

	#cta .inner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width: 45em;
		margin: 0 auto;
	}

		#cta .inner header {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
			padding-right: 3em;
			width: 70%;
		}

			#cta .inner header p {
				color: inherit;
				font-family: 'SUIT-Regular';
				font-size: 0.85em;
			}

		#cta .inner .actions {
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
			width: 30%;
			padding: 3em 0em 0em 0em;
		}

			@media screen and (min-width: 768px) and (max-width: 1119px) {

				#cta .inner {
					display: block;
					text-align: center;
				}

					#cta .inner header {
						padding-right: 0;
						width: 100%;
					}

					#cta .inner .actions {
						margin-left: auto;
						margin-right: auto;
						max-width: 20em;
						width: 100%;
						padding: 0;
					}
					#cta .button.fit {
						width: 55%;
					}

			}

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

				#cta .inner header {
					padding-right: 1em;
				}

				#cta .inner .actions {
					max-width: none;
				}

			}

/* Main */
	
	#main > header {
		position: relative;
		padding: 8em 0;
		/* background-attachment: fixed; */
		background-attachment: scroll;
		/* background-position: center center; */
		background-position: 50% 70%;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#main.pagezero > header {
		background-position: 50% 75%;
	}
	#main.pageone > header {
		background-position: 50% 70%;
	}
	#main.pagetwo > header {
		background-position: 50% 80%;
	}
	#main.pagethree > header {
		background-position: 50% 55%;
	}
	#main.pagefour > header {
		background-position: 50% 80%;
	}
	#main.pageinterview > header {
		background-position: 50% 80%;
	}

	/*기본값 검정 0.5*/
	.pagezero > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("../../../images/pagezero.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("../../../images/pagezero.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("../../../images/pagezero.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("../../../images/pagezero.jpg");
	}
	.pageone > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
	}
	.pageone > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pageone.jpg");
	}
	.pagetwo > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagetwo.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagetwo.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagetwo.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagetwo.jpg");
		background-position: 0% 70%;
	}
	.pagethree > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagethree.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagethree.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagethree.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagethree.jpg");
	}
	.pagefour > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("../../../images/pagefour.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("../../../images/pagefour.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("../../../images/pagefour.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("../../../images/pagefour.jpg");
	}
	.pageinterview > header {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagefive.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagefive.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagefive.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/pagefive.jpg");
	}

		@media all and (min-width: 2000px) {
			.pagezero > header {
				background-position: center bottom;
			}
		}

		@media all and (min-width: 768px) and (max-width: 1119px) {
			#main.pageone > header {
				background-position: 50% 100%;
			}
		}

		@media all and (max-width: 767px) {
			#main.pageone > header {
				background-position: 50% 100%;
			}
		}


		#main > header h2 {
			font-size: 2.50em;
			margin: 0 0 0.5em 0;
		}

		#main > header > div {
			position: absolute;
			right: 25px;
			bottom: 0;
			font-size: 0.90em;
		}
		#main > header div p {
			font-family: 'Accidental';
			color: inherit;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			top: 0;
		}
		
		#main > header > p:nth-child(3) {
			font-size: 0.825em;
		}

			#main > header p a {
				color: inherit;
			}

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

			#main > header {
				padding: 10em 0 8em 0 ;
			}

		}

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

			#main > header {
				padding: 8em 3em 6em 3em ;
			}

		}

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

			#main > header {
				padding: 10em 3em 8em 3em ;
			}

		}

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

			#main > header {
				padding: 5em 2em 2em 2em ;
			}

			#main > header h2 {
				font-size: 1.44em;
				margin: 0 0 0.3em 0;
				line-height: 1em !important;
			}
			#main > header > div {
				right: 5px;
			}
			#main > header div p {
				margin: 0.5em;
				font-size: 0.69em;
			}

		}
		.nav-tabs {
			/* max-width: 1120px;  */
			/*Insights 탭 3개일때*/
			max-width: 744px; 
			/*Insights 탭 2개일때*/

    		height: 328px;
			max-height: 328px;
    		margin: 0 auto;
			border-bottom: none;
		}
		/*Insights 탭 3개일때*/
		.pageone .nav-tabs {
			max-width: 744px;
		}
		.pagetwo .nav-tabs, .pageinterview .nav-tabs {
			max-width: 1120px;
		}
		
		/* .pageone .nav-tabs {
			height: 450px;
			max-height: 450px;
		} */
		.pagetwo .nav-tabs, .pageinterview .nav-tabs {
			border-bottom: none !important;
			height: 328px;
		}
		.pagethree .nav-tabs {
			/* max-width: 1280px; 기존값*/
			max-width: 1450px; /* 제목 넓이 맞추려고 늘림 */
			max-height: 675px;
			height: auto;
			border-bottom: none;
		}



		.tab-content {
			padding: 0 0 2em 0;
		}
		.contentbox h1 {
			font-family: 'GmarketSansBold';
			font-weight: bolder;
			font-size: 1.84em;
			letter-spacing: -2px;
		}
		.contentbox h2 {
			color: #0085CA;
			font-family: 'S-CoreDream-3Light';
			/* font-size: 1.5em; */
			font-size: 2.5rem;
			font-weight: 600;
			letter-spacing: -1px;
			line-height: 1.75em;
		}
		.contentbox h3 {
			font-size: 0.88em;
			/* color: #0F2A55; */
			color: black;
			font-family: 'Accidental', sans-serif;
			font-weight: 600;
			margin: 0 0 0.5em 0;
			letter-spacing: -0.029em;
			word-spacing: 0;
			line-height: 180%;
			word-break: keep-all;
		}
		.contentbox p {
			font-family: 'SUIT-Regular';
			font-size: 0.88em;
			font-weight: 300;
			letter-spacing: -0.5px;
			letter-spacing: -0.029em;;
			/* word-spacing: -1.5px; */
			word-spacing: 0;
			line-height: 180%;
			word-break: keep-all;
			color: #404041;
		}
		.underline {
			text-decoration: underline 3px solid rgba(2, 170 ,220, 0.5);
			text-underline-position: under;
		}

		.pageinterview .contentbox .qna h2 {
			font-family: 'SUIT-Regular';
			font-size: 2.2rem;
			color: #30598b;
		}
		.pagethree .contentbox h2, .pagethree .contentbox h3 {
			color: #24B7B1;
		}
		.pagethree .contentbox h2 {
			font-size: 2.0rem;
		}
		.pagethree .contentbox h3 {
			font-size: 1.0em;
			margin: 0 0 1.2em 0;
			line-height: 130%;
		}

			@media all and (min-width: 768px) and (max-width: 1119px) {

				.pageone .nav-tabs {
					height: auto;
				}
				.pagethree .nav-tabs {
					width: 100%;
					height: auto;
					max-height: inherit;
				}
				.contentbox h2 {
					font-size: 1.85rem;
				}
				.contentbox p {
					font-size: 1.6rem;
				}

				.pageinterview .contentbox .qna h2 {
					font-size: 2.0rem;
				}
				
			}

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

				
				.pageone .nav-tabs {
					/*Insights 탭 2개일 때*/
					height: 260px;
					max-height: 260px;
					/*Insights 탭 4개일때*/
					/* height: 520px;
					max-height: 520px; */
				}
				.pagetwo .nav-tabs, .pageinterview .nav-tabs {
					height: 130px;
					max-height: 130px;
				}
				/*Inside 탭 4개일 때*/
				.pagethree .nav-tabs {
					border-bottom: none;
					max-height: 500px;
					height: 500px;
				}
				/*Inside 탭 6개일 때*/
				/*.pagethree .nav-tabs {
					border-bottom: none;
					max-height: 780px;
					height: 780px;
				}*/
				/*Inside 탭 7개일 때
				 .pagethree .nav-tabs {
					border-bottom: none;
					max-height: 910px;
					height: 910px;
				}*/
				/*Inside 탭 8개일 때
				.pagethree .nav-tabs {
					border-bottom: none;
					max-height: 1040px;
					height: 1040px;
				}*/
				.contentbox h2 {
					font-size: 1.46rem;
				}
				.contentbox h3 {
					line-height: 150%;
				}
				.contentbox p {
					font-size: 1.2rem;
				}

				.pagethree .contentbox h2 {
					font-size: 1.5rem;
				}

				.pageinterview .contentbox .qna h2 {
					font-size: 1.6rem;
					line-height: 130%;
				}

			}

	body.is-mobile #main > header {
		background-attachment: scroll;
	}

/* Footer */

	#footer {
		padding: 2em 0 2em 0 ;
		background-color: #1d242a;
		text-align: center;
	}

		#footer .icons {
			font-size: 1.25em;
		}

			#footer .icons a {
				color: rgba(255, 255, 255, 0.5);
			}

				#footer .icons a:hover {
					color: #fff;
				}

		#footer .copyright {
			display: flex;
			width: 40%;
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			/* letter-spacing: 0.225em; */
			list-style: none;
			padding: 0;
		}
		.copyright {
			display: flex;
			margin: 0 auto;
		}
		.copyright-l {
			margin-right: auto; 
			width: 30%;
		}
		.copyright-l > a {
			display: block;
			width: 48%;
			height: 9vh;
			margin: 0 auto;
			background-image: url(../../../images/logo_w.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
		.copyright-r {
			margin-left: auto;
			width: 70%;
			text-align: left;
			font-size: 0.88em;
			font-family: 'SUIT-Regular';
		}

			#footer .copyright li {
				display: inline-block;
				/* border-left: solid 1px rgba(255, 255, 255, 0.5);
				line-height: 1em;
				margin-left: 1em;
				padding-left: 1em; */
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					/* padding-left: 0; */
				}

				#footer .copyright li a {
					color: inherit;
				}

					#footer .copyright li a:hover {
						color: #fff;
					}

						@media all and (min-width: 768px) and (max-width: 1200px) {

							#footer {
								padding: 2em;
							}
							#footer .copyright {
								width: 100%;
							}
							#footer .copyright li {
								width: 100%;
							}
				
						}
			

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

							#footer {
								padding: 1em;
							}
							#footer .icons .facebook, #footer .icons .twitter, #footer .icons .linkedin, #footer .icons .youtube, .icons .instagram {
								display: block;
							}
							#footer .icon {
								/* margin: 1em; */
							}
							#footer .copyright {
								width: 100%;
							}
							#footer .copyright {
								display: inline-block !important;
							}
							#footer .copyright-l {
								margin-bottom: 1em;
							}
							#footer .copyright-l, .copyright-r {
								width: 100%;
								text-align: center;
							}
							#footer .copyright-l a {
								width: 30%;
							}
							#footer .copyright li {
								border: 0;
								display: block;
								line-height: 1.65em;
								margin: 0;
								padding: 0.5em 0 0 0;
							}

						}

	/* Contact Icons */

	#footer .footer-p {
		display: block;
	}
	#footer .footer-m {
		display: none;
	}
		@media screen and (max-width: 767px) {

			#footer .footer-p {
				display: none;
			}
			#footer .footer-m {
				display: block;
			}
		}



	ul.contact-icons {
		list-style: none;
		padding-left: 0;
	}

		ul.contact-icons li {
			padding-top: 2rem;
			display: inline-block;
			margin: 15px;
		}

			ul.contact-icons li .icon:before {
				/* border-radius: 50%; */
				display: inline-block;
				height: 3rem;
				line-height: 3rem;
				margin-right: 1rem;
				text-align: center;
				width: 3rem;
			}

			ul.contact-icons li .icon .label {
				display: block;
			}


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

				ul.contact-icons {
					display: flex;
					justify-content: center;
					align-items: center;
				}

			}

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

				ul.contact-icons {
					width: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
				}

					ul.contact-icons li {
						width: 5%;
						margin: 0 1.5em 0 0;
						display: inline-block;
					}

			}

		ul.contact-icons li .icon:before {
			content: '';
			display: block;
			width: 30px;
			height: 30px;
			background: url(../../../images/icon.png) no-repeat;
			background-size: 284px auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			transition: all .35s ease-in;
		}
		ul.contact-icons li:first-child .icon:before {
			background-position: -128px -65px;
			
		}
		ul.contact-icons li:nth-child(2) .icon:before {
			background-position: -90px -65px;
		}
		ul.contact-icons li:nth-child(3) .icon:before {
			background-position: -53px -65px;
			border-radius: 50%;
		}
		ul.contact-icons li:nth-child(4) .icon:before {
			background-position: -165px -65px;
		}
		ul.contact-icons li:nth-child(5) .icon:before {
			background-position: -90px -102px;
		}

			@media screen and (max-width: 767px) {
				ul.contact-icons li .icon:before {
					width: 25px;
					height: 25px;
					background-size: 240px auto;
				}
				ul.contact-icons li:first-child .icon:before {
					background-position: -108px -55px;
					
				}
				ul.contact-icons li:nth-child(2) .icon:before {
					background-position: -75px -55px;
				}
				ul.contact-icons li:nth-child(3) .icon:before {
					background-position: -45px -55px;
					border-radius: 50%;
				}
				ul.contact-icons li:nth-child(4) .icon:before {
					background-position: -139px -55px;
				}
				ul.contact-icons li:nth-child(5) .icon:before {
					background-position: -75px -85px;
				}
			}

		
		.footer-m {
			display: flex; 
			justify-content: center; 
			align-items: center; 
			margin: 1.2rem;
		}
			


/* Landing */

	body.landing #page-wrapper {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.38), rgba(0,0,0,0.38)), url("../../../images/banner.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.38), rgba(0,0,0,0.38)), url("../../../images/banner.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.38), rgba(0,0,0,0.38)), url("../../../images/banner.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.38), rgba(0,0,0,0.38)), url("../../../images/banner.jpg");
		background-attachment: fixed;
		/* background-position: center center; */
		background-position: 20% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 0;
	}

	body.landing #footer {
		background-color: rgba(29, 36, 42, 0.9);
	}

	body.is-mobile.landing #page-wrapper {
		background: none;
	}

	body.is-mobile.landing #banner,
	body.is-mobile.landing .wrapper.style4 {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/banner.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/banner.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/banner.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../../images/banner.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	body.is-mobile.landing #footer {
		background-color: #1d242a;
	}

/*insight 본문 내용*/
	.tabtab, .tabtab-m {
		position: relative;
		width: 100%; 
		background-color: white; 
		padding: 1.5em 0;
	}
	.mySwiper-m {
		display: none;
	}
	.pagethree .tabtab {
		padding-bottom: 2.5em;
	}
	.pagethree .tabtab, .pagethree .tabtab-m {
		position: relative;
	}
	.tab {
		overflow: hidden; 
		width: 60%; 
		max-width: 1120px; 
		height: 330px;
		margin: 0 auto;
	}

	.pagetwo .tabtab .container .nav > div, .pageinterview .tabtab .container .nav > div {
		/* width: 65%; */
		width: 32.5%;
		height: 100%;
		margin: 0 auto;
		/* border-bottom: 1px solid #ddd; */
	}
		@media screen and (max-width: 720px) { 
			.pagetwo .tabtab .container .nav > div, .pageinterview .tabtab .container .nav > div {
				width: 100%;
				height: 100%;
			}
		}
	.tablinks {
		width: 100%;
		height: 100%;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		transition: 0.5s ease-in-out;
		font-size: 17px;
		box-shadow: none;
		padding: 0;
	}
	.pagethree .tablinks {
		border-right: 1px solid #B4B4B4;
	}

	/*Inside 탭이 6개인 경우*/
	/*.pagethree .tab-box:nth-child(6) .tablinks, .pagethree .tab-box:nth-child(9) .tablinks {
		border-right: none;
	}*/

	/*Inside 탭이 7개인 경우*/
	 .pagethree .tab-box:nth-child(4) .tablinks, .pagethree .tab-box:nth-child(7) .tablinks {
		border-right: none;
	}

	/*Inside 탭이 8개인 경우
	.pagethree .tab-box:nth-child(4) .tablinks, .pagethree .tab-box:nth-child(8) .tablinks {
		border-right: none;
	}*/

	.pagethree .swiper-wrapper .swiper-slide:last-child .tablinks {
		border-right: none;
	}

	.tablinks > div:first-child {
		position: relative;
		width: 89%;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 1em;
	}
	.tab-box {
		width: 50%;
		/* insights 탭 2개일 때 */
		/* width: 33.33333%; */
		/* insights 탭 6개일 때 */
		/* width: 25%; */
		/* insights 탭 7개일 때*/
		float: left; 
		height: 100%; 
		/* padding: 0 1.5% 1.5% 1.5%; */
		/* border-right: 1px solid #B4B4B4; */
	}
	.pagetwo .tab-box, .pageinterview .tab-box {
		/* width: 50%;  탭 2개인 경우*/
		width: 100%;
	}

	/*Inside 탭이 8개인 경우
	.pagethree .tab-box {
		width: 25%;
		border-right: none;
	}*/

	.pagethree .tab-box {
		width: 25%;
	}
	/*Inside 탭이 7개인 경우*/
	.pagethree .tab-box:nth-child(5), .pagethree .tab-box:nth-child(6), .pagethree .tab-box:nth-child(7) {
		width: 33.33333%;
	}

	.tab-box:last-child {
		border-right: none;
	}

	.tablinks div img {
		width: 100%;
		height: 200px;
		max-height: 200px;
		object-fit: cover;
	}
	/* .tab-box .tablinks.active {
		background-color: #FCF8F3;
	} */

	.tab-title-txt {
		display: block; 
		width: 100%; 
		/* font-size: 20px; */
		font-size: 1.18em;
		font-family: 'S-CoreDream-3Light';
		color: black;
		word-break: break-all;
    	letter-spacing: 0px;
		text-align: center;
		line-height: 1.5em;
		text-transform: none;
	}
	.tab-title-txt, .inside-txt h1 {
		word-break: keep-all;
	}
	.inside-txt h1 {
		color: #000;
		margin: 2.5em 0 0.5em 0;
		text-align: center;
	}

	.pagethree .inside-txt h1 {
		text-align: center;
	}

	.i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8, .i9, .i10 {
		margin: 0.8em 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.tabtab .nav-tabs .active .tablinks {
		background-color: #1C3879;
	}
	.tabtab .nav-tabs .active .tablinks h3 {
		color: white;
	}

		@media screen and (min-width: 1200px) {
			
			.pageone .tab-box {
				height: 100%;
			}
			.pagethree .tab-box {
				height: 90%;
			}

			.tablinks:hover .i1, .tablinks:hover .i2, .tablinks:hover .i3, .tablinks:hover .i4, .tablinks:hover .i5, .tablinks:hover .i6 {
				color: #1C3879;
			}


			.tablinks div img {
				object-fit: cover;
				transform: scale(1.0);
				transition: transform .5s !important;
			}
			.tablinks:hover div img {
				transform: scale(1.1);
				transition: transform .5s !important;
			}
		}

		@media all and (min-width: 768px) and (max-width: 1119px) {

			/* .pagethree .tab-box {
				border-bottom: 1px solid #B4B4B4;
			} */
			.pagethree .tab-box:nth-child(1), .pagethree .tab-box:nth-child(2), .pagethree .tab-box:nth-child(3), .pagethree .tab-box:nth-child(4), .pagethree .tab-box:nth-child(5), .pagethree .tab-box:nth-child(6), .pagethree .tab-box:nth-child(7) {
				width: 25%;
				/* width: 25%; */
			}
			.pagethree .tab-box:nth-child(4) .tablinks, .pagethree .tab-box:nth-child(7) .tablinks {
				border-right: 1px solid #B4B4B4;
			}
			.pagethree .tabtab .container .nav .tab-box .tablinks div:last-child {
				/* height: 80px; */
				height: 6.78vh;
			}
			.tab-title-txt {
				font-size: 1.00em;
			}
		}

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

			.tabtab {
				padding-bottom: 0;
			}
			.pagethree .tabtab {
				display: block;
				padding-bottom: 1.5em;
			}
			.tabtab .tab {
				width: 80% !important;
			}
			.pagethree .tablinks {
				border-right: none;
			}
			.tab-box {
				width: 100% !important;
				border-right: none;
				padding: 0;
			}
			.pageone .tab-box {
				/*Insights 탭 2일때*/
				height: 50%;
				/*Insights 탭 3일때*/
				/* height: 33.3333%; */
				/*Insights 탭 4일때*/
				/* height: 25%; */
			}
			
			/*Rel  탭 2개일 때*/
			/* .pagetwo .tab-box {
				height: 50%;
			} */
			/*Rel  탭 1개일 때*/
			.pagetwo .tab-box, .pageinterview .tab-box {
				height: 100%;
			}
			/*Inside 탭 4개일 때*/
			.pagethree .tab-box {
				height: 25%;
			}
			/*Inside 탭 6개일 때*/
			/*.pagethree .tab-box {
				height: 16.666666667%;
			}*/
			/*Inside 탭 7개일 때
			.pagethree .tab-box {
				height: 14.28571428571429%; 
			}*/
			/*Inside 탭 8개일 때*/
			/*.pagethree .tab-box {
				height: 12.5%; 
			}*/

			
			
			.inside-txt-box-r > div:first-child {
				display: none;
			}
			.tab-box .tablinks > div:first-child {
				float: left;
				width: 50% !important;
				height: 100%;
				margin-top: 0;
			}
			.tab-box .tablinks > div:last-child {
				position: relative;
				float: right;
				width: 50% !important;
				height: 100%;
			}
			.i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8, .i9, .i10 {
				position: absolute;
				top: 50%;
    			left: 50%;
    			transform: translate(-50%, -50%);
				font-size: 16px !important;
				margin: 0 !important;
			}
			.tablinks div img {
				width: 100%;
				height: 100%;
			}

		}

	.tab-sub-txt {
		/* font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		color: gray; */
		font-family: 'SUIT-Regular';
		font-size: 15px;
		color: gray;
		word-break: break-all !important;
		word-spacing: -1px;
		letter-spacing: 1px;
		line-height: 25px;
		margin: 0 1em 0 1em;
	}

	.inside-txt.sign {
		text-align: right;
		word-spacing: 3px;
		margin-top: 5%;
	}
	.inside-txt.sign p {
		font-family: 'Arita-buri';
	}
	.inside-txt.sign p span {
		/* font-size: 23px;  */
		font-size: 1.50em;
		font-weight: bold;
		word-spacing: 3px;
		letter-spacing: 2px;
	}
	.inside-txt, .inside-txt-box, .image-box {
		padding: 0 50px;
	}
	.inside-txt-box {
		margin-bottom: 2%;
	}
	.contentbox .small-title {
		font-family: 'Arita-dotum' !important;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		color: black;
	}
	.image-box {
		padding: 1em 0 2.5em 0;
	}
	.image-box2 {
		padding: 1em 0 2.5em 0;
		width:47%;
		display: inline-block;
	}

	.inside-txt-box2 table{
		margin:0;
		width: 80%;
		float: right;
	}

	.inside-txt-box table tr td {
		padding: 0em;
	}

	.inside-txt-box2 table tr .inside-txt-box-l div img {
		border-radius: 0px;
		/*border: 2px solid #89d4d1;*/
	}

	.open-txt.sign {
		text-align: right;
		word-spacing: 3px;
	}
	.open-txt.sign p {
		font-family: 'Arita-buri';
	}
	.open-txt.sign p span {
		/* font-size: 23px;  */
		font-size: 1.50em;
		font-weight: bold;
		word-spacing: 3px;
		letter-spacing: 2px;
	}

	
	.inside-txt-box table {
		margin: 0;
	}
	.inside-txt-box table tr td {
		padding: 1em;
	}
	.inside-txt-box table tr .inside-txt-box-l {
		/* float: left; */
		width: 24%;
	}
	.inside-txt-box table tr .inside-txt-box-l > div {
		text-align: center;
	}
	.inside-txt-box table tr .inside-txt-box-l .name1 {
		margin-bottom: -0.4em;
	}
	.inside-txt-box table tr .inside-txt-box-l .name2 {
		margin-top: 0;
	}
	.inside-txt-box table tr .inside-txt-box-l div img {
		margin: 0 0.75em;
		/*border-radius: 90px 90px;*/
		/*border: 2px solid #9ad6d3;*/
	}
	.inside-txt-box table tr .inside-txt-box-l p {
		margin-top: 1em;
		text-align: center;
		font-family: 'SUIT-Regular';
	}
	.inside-txt-box table tr .inside-txt-box-r {
		float: right;
		width: 76%;
	}
	
	.inside-txt-box-r > div:nth-child(2) {
		border-left: 3px solid #0085CA;
		margin: 20px 0;
	}
	.inside-txt-box-r div h2 {
		color: black;
		padding: 0 10px;
		font-size: 1.00em;
		line-height: 1.75em;
	}
	
	/*내부 표, 상자*/
	.inside-chart {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1em;
		text-align: left;
		/* background-color: #E1F2F1; */
		border: 2px solid #D4ECF3;
		word-break: keep-all;
	}
	.inside-chart div {
		margin: 3% 0;
	}
	.inside-chart p {
		margin: 0 0 0.5em 0;
		font-size: 0.75em;
	}
	.pageone #insights2 .inside-chart p {
		color: black;
		text-indent: -2rem;
    	margin-left: 2rem;
	}

		/*왼쪽 제목, 오른쪽 내용, 하단 선이 있는 상자*/
	.inside-linebox {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		position: relative;
		font-family: 'SUIT-Regular';
		font-size: 0.88em;
    	font-weight: 300;
		letter-spacing: -0.029em;
		word-spacing: 0;
		word-break: keep-all;
		color: #404041;
		padding: 2rem 0;
	}
	.inside-linebox::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-image: repeating-linear-gradient(to right,#4a6b70 0px, #4a6b70 5px, transparent 6px, transparent 8px);
	}
	.inside-linebox .inside-linebox-title {
		flex: 0 0 15%;
		display: flex;
		flex-direction: column;
		justify-content: center;    
		align-items: center;
		text-align: center;
		line-height: 120%;
	}
	.inside-linebox .inside-linebox-content {
		flex: 1;
		line-height: 120%;
		padding-left: 2rem;
	}
		@media screen and (max-width: 767px) {

			.inside-linebox .inside-linebox-title, .inside-linebox .inside-linebox-content {
				flex: 0 0 100%;
			}
			.inside-linebox .inside-linebox-title {
				margin-bottom: 1rem;
			}
			.inside-table {
				font-size: 1.2rem;
			}
			.inside-table2 {
				font-size: 1.2rem;
			}
		}

	/*내부 table*/
	.inside-table {
		color: black;
		font-size: 1.6rem;
		margin: 3em 0;
	}
	.contentbox .inside-table h3 {
		font-size: 1.0em;
		color: black;
	}
	.inside-table table tr th {
		text-align: center;
		color: white;
		background: #76d1cb;
	}
	.inside-table table tr th, .inside-table table tr td {
		border: 1px solid #1B595C;
		vertical-align: middle;
	}
	.inside-table .table-copy {
		width: 100%;
		text-align: left;
		padding: 0;
		margin-top: 1%;
	}
	.inside-table .table-copy p {
		font-size: 0.85em;
		color: #595656;
		margin: 0;
		line-height: 120%;
	}

		@media screen and (max-width: 767px) {
			.inside-table {
				font-size: 1.2rem;
			}
		}
		.inside-table2 {
		color: black;
		font-size: 1.6rem;
	}
	.contentbox .inside-table2 h3 {
		font-size: 1.0em;
		color: black;
	}
	.inside-table2 table tr th {
		text-align: center;
		color: white;
		background: #76d1cb
	}
	.inside-table2 table tr th, .inside-table table tr td {
		border: 1px solid #5ab4b0;
		vertical-align: middle;
	}
	.inside-table2 .table-copy {
		width: 100%;
		text-align: left;
		padding: 0;
		margin-top: 1%;
	}
	.inside-table2 .table-copy p {
		font-size: 0.85em;
		color: #595656;
		margin: 0;
		line-height: 120%;
	}
	
	/*기고자 이름*/
	.name1 {
		text-align: center;
		font-weight: bold;
	}

	/*주석*/
	.inside-ann {
		margin-bottom: 2%;
	}
	.inside-ann p {
		font-size: 0.625em;
	}
	.inside-ann a:hover {
		color: blue !important;
	}

	span.inside-ann {
		color: #2ebcb4;
	}
	.pageinterview span.inside-ann {
		font-size: 0.625em;
	}
	

	.pageone .inside-ann p {
		color: gray; 
		font-size: 1.2rem;
	}

	.pagetwo .inside-ann p, .pagethree .inside-ann p {
		color: #2ebcb4;
	}

			@media all and (min-width: 768px) and (max-width: 1119px) {
				.inside-chart p {
					font-size: 1.4rem;
				}
				.inside-ann p {
					font-size: 0.85em;
    				line-height: 120%;
				}
			}

			@media screen and (max-width: 767px) {
				.pageone .inside-ann p {
					font-size: 0.8rem;
					line-height: 120%;
				}
			}


	/* 표가 있는 박스 */
	.inside-chart p {
		text-indent: -2%;
    	padding-left: 2%;
	}
	.inside-chart p:last-of-type {
		margin: 0;
	}
	.pagezero .inside-chart {
		width: 44%;
		margin: 0 auto;
	}
	.contentbox .inside-chart .inside-chart-title, .contentbox .inside-chart-title {
		color: #0F2A55; 
		font-family: 'Noto Sans KR';
		font-weight: bold;
		margin: 0 0 0.5em 0;
	}
	.pageone #insights2 .inside-chart .inside-chart-title {
		color: #C8D6ED;
	}
	.inside-chart .inside-chart-sub, .inside-chart-sub {
		margin: 0 0 0.2em 0;
	}

	/*유튜브 주석*/
	.inside-chart.youtube-chart {
		background-color: #FDE3DA;
	}
	.inside-chart.youtube-chart p {
		font-size: 0.88em;
	}
	.inside-chart.youtube-chart p:hover {
		text-decoration: underline blue;
	}


	/*들여쓰기, 이탤릭체(기울기)*/
	p.indent-bar {
		text-indent: -2%;
		padding-left: 4%;
	}

	/*Sup는 행간 간격을 없애기 위해 <sup></sup> 태그 사용*/
	.sub {
		font-size: 1.0rem;
	}
	.italic {
		font-style: italic;
	}


	.box-title {
		width: 100%;
		text-align: center;
		margin-bottom: 0.5em;
		padding: 0;
		font-size: 1.25em;
	}
	.box-title p {
		margin: 1.5em 0 0 0;
		font-weight: bold;
    	font-size: 0.81em;
	}
	.box-copy {
		width: 100%;
		text-align: right;
		padding: 0;
	}
	.box-copy > p {
		font-size: 0.75em;
	}

		@media all and (min-width: 768px) and (max-width: 1119px) {

			.inside-txt-box table tr .inside-txt-box-l {
				width: 38%;
			}
			.inside-txt-box table tr .inside-txt-box-r {
				width: 62%;
			}
			.pagezero .inside-chart {
				width: 55%;
				margin: 0 auto;
			}
			/* .inside > div:nth-of-type(5) > p:nth-of-type(4) {
				text-indent : -15px;
				padding-left: 15px;
			} */
			.pagethree #inside6 .inside-chart p {
				font-size: 1.4rem;
			}
		}
			

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

			.inside-txt, .inside-txt-box, .image-box {
				padding: 0 30px;
			}
			.inside-txt h1 {
				font-size: 1.25em;
				line-height: 25px;
			}
			.inside-txt-box table tr td {
				padding: 0;
			}
			.inside-txt-box table tr .inside-txt-box-l {
				width: 100%;
			}
			.inside-txt-box-l div {
				width: 130px;
    			margin: 0 auto;
			}
			.inside-txt-box table tr .inside-txt-box-l div img 
			{
				margin: 0;
			}
			.inside-txt-box-l > div > img {
				width: 130px;
				max-width: 130px;
				height: 180px;
			}
			.inside-txt-box table tr .inside-txt-box-r {
				width: 100%;
				padding-top: 0;
			}
			.inside-txt-box-r > div:first-child {
				display: none;
			}
			.tab-sub-txt {
				display: none;
			}
			.inside-chart {
				padding: 0 30px;
			}
			.pagezero .inside-chart {
				width: 82%;
			}
			.pagethree #inside6 .inside-chart p {
				font-size: 1.0rem;
			}
			.box-title p {
				margin-top: 1.5em;
				font-size: 0.75em;
			}
			.blank {
				display: none;
			}
		}
	
	#history-1 .count-txt > h3 {
		text-align: center;
	}
	#history-1 .contentbox {
		background-color: transparent;
	}
	#history-1 .contentbox .box {
		margin-bottom: 0;
	}
	#history-1 .contentbox .box .swiper-slide {
		margin: 0 auto;
	}
	#history-1 .contentbox .box .swiper-slide a {
		width: 100%;
    	height: 100%;
	}
	#history-1 .contentbox .box .swiper-slide .count-txt {
		margin: 0.6em 0;
		font-family: 'SUIT-Regular';
		font-weight: bold;
		text-align: center;
		padding: 0 20px;
	}
	#history-1 .contentbox .box .swiper-slide .count-txt p {
		letter-spacing: 0.025em;
		font-weight: bold;
		margin: 0;
	}

	.h1 {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99;
        box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 18%);;
	}

		@media all and (min-width: 768px) and (max-width: 1119px) {
			#history-1 {
				height: 50vh;
			}
		}
		
		@media screen and (max-width: 767px) {

			#history-1 {
				height: auto;
			}
			
			#history-1 .contentbox .box .col-3 {
				width: 40%;
				padding: 0;
			}
			#history-1 .contentbox .box .col-3 .count-txt {
				padding: 0;
			}
		}


	/* history page: button, modal*/
	.append-buttons {
		text-align: center; 
		margin: 1em 0 0 0;
	}
	.append-buttons .on {
		background-color: #0085CA !important;
		color: white !important
	}
	.append-buttons a {
		display: inline-block;
		border: 1.5px solid #0085CA;
		color: #0085CA;
		text-decoration: none;
		padding: 0px 8px;
		border-radius: 4px;
		margin: 0 10px;
		font-family: 'SUIT-Regular';
		font-size: 15px;
		font-weight: 600;
		letter-spacing: -0.11115px;
	}
	.append-buttons a:hover {
		background-color: #0085CA !important;
		color: white;
	}


	.modal, .modal2, .modal3, .modal4, .modal5, .modal6, .modal7, .modal8, .modal9, .modal10, .modal11 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		background-color: rgba(0, 0, 0, 0.4);
		overflow-y: auto !important; 
		font-family: 'Arita-dotum';
		font-weight: 500;
		z-index: 1040;
	}

	.modal p, .modal2 p, .modal3 p, .modal4 p, .modal5 p, .modal6 p, .modal7 p, .modal8 p, .modal9 p, .modal10 p, .modal11 p {
		/* font-size: 15px; */
		font-size: 13px;
		margin: 0 0 0.5em 0;
	}
	.modal table, .modal2 table, .modal3 table, .modal4 table, .modal5 table, .modal6 table, .modal7 table, .modal8 table, .modal9 table, .modal10 table, .modal11 table {
		border: none;
		font-size: 14px;
		background-color: transparent; 
		border-collapse: collapse;
	}
	.modal table tr, .modal2 table tr, .modal3 table tr, .modal4 table tr, .modal5 table tr, .modal6 table tr, .modal7 table tr, .modal8 table tr, .modal9 table tr, .modal10 table tr, .modal11 table tr {
		background-color: transparent !important;
		border: none !important;
	}
	.modal table tr td, .modal2 table tr td, .modal3 table tr td, .modal4 table tr td, .modal5 table tr td, .modal6 table tr td, .modal7 table tr td, .modal8 table tr td, .modal9 table tr td, .modal10 table tr td, .modal11 table tr td   {
		line-height: 1.5;
		padding: 0 0.8em 1.5em 0;
	}
	.modal table tr:last-child td:last-child {
		padding: 0 0 2em 0;
	}
	
	.modal.show, .modal2.show, .modal3.show, .modal4.show, .modal5.show, .modal6.show, .modal7.show, .modal8.show, .modal9.show, .modal10.show, .modal11.show {
		display: block;
	}

	.modal_body, .modal2_body, .modal3_body, .modal4_body, .modal5_body, .modal6_body, .modal7_body, .modal8_body, .modal9_body, .modal10_body, .modal11_body {
		position: absolute;
		top: 50%;
		left: 50%;
		/* width: 27.3%; */
		width: 35%;
		/* height: 720px; */
		height: auto;
		padding: 30px;
		text-align: left;
		word-break: keep-all;
		background-color: rgb(255, 255, 255);
		border-radius: 10px;
		box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
		transform: translateX(-50%) translateY(-50%);
		letter-spacing: -0.0125em;
	}
	.modal_body {
		width: 30%;
	}
	.modal2_body{
		width: 27.3%;
	}
	.modal8_body{
		width: 38%;
	}

	.modal_body > p, .modal2_body > p, .modal3_body > p, .modal4_body > p, .modal5_body > p, .modal6_body > p, .modal7_body > p, .modal8_body > p, .modal9_body > p, .modal10_body > p, .modal11_body > p {
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		margin: 0 0 1em 0;
	}
	.modal_body > p, .modal5_body > p, .modal9_body > p  {
		color: #28BCB3;
	}
	.modal2_body > p, .modal6_body > p, .modal10_body > p {
		color: #5A9E62;
	}
	.modal3_body > p, .modal7_body > p, .modal11_body > p {
		color: #5B91CC;
	}
	.modal4_body > p, .modal8_body > p {
		color: #F48473;
	}

	.modal_body table, .modal2_body table, .modal3_body table, .modal4_body table, .modal5_body table, .modal6_body table, .modal7_body table, .modal8_body table, .modal9_body table, .modal10_body table, .modal11_body table {
		margin: 0;
	}
	.modal_body > div:last-child, .modal2_body > div:last-child, .modal3_body > div:last-child, .modal4_body > div:last-child, .modal5_body > div:last-child, .modal6_body > div:last-child, .modal7_body > div:last-child, .modal8_body > div:last-child, .modal9_body > div:last-child, .modal10_body > div:last-child, .modal11_body > div:last-child {
		display: flex; width: 100%;
	}
	.modal_body > div:last-child > div, .modal2_body > div:last-child > div, .modal3_body > div:last-child > div, .modal4_body > div:last-child > div, .modal5_body > div:last-child > div, .modal6_body > div:last-child > div, .modal7_body > div:last-child > div, .modal8_body > div:last-child > div, .modal9_body > div:last-child > div, .modal10_body > div:last-child > div, .modal11_body > div:last-child > div {
		margin: 0 auto;
		padding: 0.1em 2em;
		font-size: 15px; 
		text-align: center;
		text-transform: uppercase;
		box-shadow: inset 0 0 0 2px #dfdfdf;
	}
	.modal_body > div:last-child > div:hover, .modal2_body > div:last-child > div:hover, .modal3_body > div:last-child > div:hover, .modal4_body > div:last-child > div:hover, .modal5_body > div:last-child > div:hover, .modal6_body > div:last-child > div:hover, .modal7_body > div:last-child > div:hover, .modal8_body > div:last-child > div:hover, .modal9_body > div:last-child > div:hover, .modal10_body > div:last-child > div:hover, .modal11_body > div:last-child > div:hover {
		background-color: rgba(0, 0, 0, 0.12);
	}
	.modal_body > div:last-child > div:hover a, .modal2_body > div:last-child > div:hover a, .modal3_body > div:last-child > div:hover a, .modal4_body > div:last-child > div:hover a, .modal5_body > div:last-child > div:hover a, .modal6_body > div:last-child > div:hover a, .modal7_body > div:last-child > div:hover a, .modal8_body > div:last-child > div:hover a, .modal9_body > div:last-child > div:hover a, .modal10_body > div:last-child > div:hover a, .modal11_body > div:last-child > div:hover a {
		color: black;
	}

	.modal_index {
		line-height: 150%;
		color: #162855;
	}

	.modal_close, .modal_close2, .modal_close3, .modal_close4, .modal_close5, .modal_close6, .modal_close7, .modal_close8, .modal_close9, .modal_close10, .modal_close11{
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  cursor: pointer;
	  color: black;
	}

	
	.btn-open-popup, .btn-open-popup2, .btn-open-popup3, .btn-open-popup4, .btn-open-popup5, .btn-open-popup6, .btn-open-popup7, .btn-open-popup8, .btn-open-popup9, .btn-open-popup10, .btn-open-popup11 {
		position: absolute;
		width: 55%; 
		height: 50%;
		z-index: 99; 
		cursor: pointer; 
	}

		@media screen and (min-width: 2000px) {
			.modal_body {
				width: 33%;

			}
		}


		@media screen and (max-width: 767px) {
			.modal_body {
				display: none;
			}
			.btn-open-popup, .btn-open-popup2, .btn-open-popup3, .btn-open-popup4, .btn-open-popup5, .btn-open-popup6, .btn-open-popup7, .btn-open-popup8, .btn-open-popup9, .btn-open-popup10, .btn-open-popup11 {
				display: none;
			}
		}


/*타이틀 글자색*/
		
		.green-title {
			color: #5A9E75;
		}
		.blue-title {
			color: #18AFCD;
		}
		.yellow-title {
			color: #D4BA59;
		}
		.red-title {
			color: #C56B65;
		}

/* 본문 내 타이틀 span 속성*/

	.tit-bg {
		background: #2ebcb4;
		color: white;
		padding: 0 3%;
		letter-spacing: 0.5px;
	}
	.qna-bg {
		background-color: #7cc9c5;
		color: white;
		font-weight: bold;
		padding: 0 0.5% 0 1.5%;
	}

	.qna-hr {
		border-width:1px 0 0 0; 
		border-style:dashed; 
		border-color:#30598b;
		margin: 2em 0;
	}
		@media screen and (max-width: 767px) {
			.tit-bg {
				padding: 1% 2%;
			}	
		}
		/* Scroll Indicator */
#scrollIndicatorContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #bfc6d4;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9999;
  }
  
  #scrollIndicatorContainer.visible {
	opacity: 1;
  }
  
  #scrollIndicator {
	height: 100%;
	width: 0%;
	background-color: #3b82f6;
	transition: width 0.1s ease-out;
  }
  @media screen and (max-width: 767px) {
	#scrollIndicatorContainer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background-color: #bfc6d4;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 9999;
	  }
	  
	  #scrollIndicatorContainer.visible {
		opacity: 1;
	  }
	  
	  #scrollIndicator {
		height: 100%;
		width: 0%;
		background-color: #3b82f6;
		transition: width 0.1s ease-out;
	  }
}