/* Reset */

	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; vertical-align: middle;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

	body {font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif; }
	ol, ul {list-style: none;}
	blockquote, q {	quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';}
	table {	border-collapse: collapse;	border-spacing: 0;}
	body {	-webkit-text-size-adjust: none;}

/* Box Model */

	*, *:before, *:after {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}

/* Basic */
@font-face {font-family:MalgunGothic; src:url(../fonts/MalgunGothic.eot);}
	@-ms-viewport {
		width: device-width;}

	html {}
	body {}
	body.is-loading *, body.is-loading *:before, body.is-loading *: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;
		}

/* Spinner */

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

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

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

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

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

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

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

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

/* Loader */

	@-moz-keyframes spinner-show {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	@-webkit-keyframes spinner-show {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	@-ms-keyframes spinner-show {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	@keyframes spinner-show {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}

	@-moz-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-webkit-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-ms-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-moz-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-webkit-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-ms-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	body {
		text-decoration: none;
	}

		body:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-moz-transform-origin: 50% 50%;
			-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #445eb2;
			content: '\f110';
			cursor: default;
			display: block;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0;
			position: fixed;
			text-align: center;
			top: 50%;
			width: 2em;
			z-index: -1;
		}

		body:after {
			-moz-animation: overlay-hide 1.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
			-ms-animation: overlay-hide 1.5s ease-in forwards !important;
			animation: overlay-hide 1.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}

		body.is-loading:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			z-index: 100001;
		}

		body.is-loading:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			opacity: 1;
			z-index: 100000;
		}

@media (-webkit-min-device-pixel-ratio: 2) {body:before {line-height: 2.025em;}}

/* Type */
body, input, textarea, select {font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
		font-weight: 300; font-size: 18pt; line-height: 1.75em;	color: #39454b;	letter-spacing: -0.05em;}

@media screen and (max-width: 1920px) {	body, input, textarea, select {font-size: 17pt;}}
@media screen and (max-width: 1680px) {	body, input, textarea, select {font-size: 15pt;}}
@media screen and (max-width: 1280px) {	body, input, textarea, select {	font-size: 13pt;}}
@media screen and (max-width: 1000px) {	body, input, textarea, select {	font-size: 13pt;}}
@media screen and (max-width: 736px) {	body, input, textarea, select {	font-size: 12pt; line-height: 1.5em;}}

h1, h2, h3, h4, h5, h6 {font-weight: 900;	color: inherit;	letter-spacing: -0.0325em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;	text-decoration: none;}
h2 {font-size: 2.25em;	line-height: 1.25em;	letter-spacing: -0.05em;}

@media screen and (max-width: 736px) {h2 {font-size: 1.5em;}}
strong, b {	font-weight: 900;	color: inherit;}
em, i {	font-style: italic;}
a { -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; color: #98c593;}
sub {position: relative; top: 0.5em;	font-size: 0.8em;}
sup {position: relative; top: -0.5em; font-size: 0.8em;}
hr {border: 0;	border-top: solid 1px #e5e6e7;}
blockquote {border-left: solid 0.5em #e5e6e7;	padding: 1em 0 1em 2em;	font-style: italic;	}
p, ul, ol, dl, table {	margin-bottom: 1em;	}

/* Box */
.box {background: #ffffff;	color: #39454b;	padding: 2em;}
.box > :last-child {margin-bottom: 0;}
.box.style2 {	padding: 3.5em 2.5em 3.5em 2.5em;}



/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		background-color: #98c593;
		border: 0;
		border-radius: 3.5em;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		height: 3.5em;
		line-height: 3.5em;
		outline: 0;
		padding: 0 2em 0 2em;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

		input[type="button"].down,
		input[type="submit"].down,
		input[type="reset"].down,
		.button.down,
		button.down {
			width: 2em;
			height: 5em;
			line-height: 4.5em;
			padding: 0;
			background-image: url("images/dark-arrow.svg");
			background-position: center center;
			background-repeat: no-repeat;
			text-indent: -10em;
			overflow: hidden;
		}

			input[type="button"].down.anchored,
			input[type="submit"].down.anchored,
			input[type="reset"].down.anchored,
			.button.down.anchored,
			button.down.anchored {
				bottom: 20px;
				border-radius: 20px;
				height: 50px;
				margin-left: -1em;
			}

		input[type="button"].anchored,
		input[type="submit"].anchored,
		input[type="reset"].anchored,
		.button.anchored,
		button.anchored {
			position: absolute;
			left: 50%;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		button:hover {
			background-color: #a8cea4;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active,
		button:active {
			background-color: #88bc82;
		}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		.button.style2,
		button.style2 {
			background-color: transparent;
			/*border: solid 2px #e5e6e7;*/
			color: inherit;
		}

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

			input[type="button"].style2:active,
			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			.button.style2:active,
			button.style2:active {
				background-color: rgba(229, 230, 231, 0.375);
			}

			input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				background-image: url("images/arrow.svg");
			}

/* Form */
form {margin: 0 0 2em 0;}
form .field {margin: 0 0 1.5em 0;}
form .field.half {width: 50%;	float: left;padding: 0 0 0 0.75em;}
form .field.half.first {padding: 0 0.75em 0 0;}
form > .actions {margin: 1.5em 0 0 0 !important;}

@media screen and (max-width: 736px) {
	form .field {argin: 0 0 1em 0;}
	form .field.half {padding: 0 0 0 0.5em;}
	form .field.half.first {padding: 0 0.5em 0 0;}
	form > .actions {margin: 1em 0 0 0 !important;}
}
@media screen and (max-width: 480px) {
	form .field.half {width: 100%; float: none; padding: 0;}
	form .field.half.first {padding: 0;}
}

	label {display: block;}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		color: #39454b;
		display: block;
		width: 100%;
		padding: 0.65em 0.75em;
		background: none;
		border: solid 2px #e5e6e7;
		color: inherit;
		border-radius: 0.5em;
		outline: none;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #9ac8e9;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		line-height: 1.35em;
	}

	textarea {
		min-height: 8em;
	}

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

	::-webkit-input-placeholder {
		opacity: 0.375;
	}

	:-moz-placeholder {
		opacity: 0.375;
	}

	::-moz-placeholder {
		opacity: 0.375;
	}

	:-ms-input-placeholder {
		opacity: 0.375;
	}

	.formerize-placeholder {
		opacity: 0.375;
	}

/* Icon */
.icon {text-decoration: none;}
.icon:before {display: inline-block;font-family: FontAwesome;font-size: 1.25em;	text-decoration: none;font-style: normal;font-weight: normal;	line-height: 1;
			-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon > .label {display: none;}

/* Image */
/*.image:before {content: ''; position: absolute; left: 0; top: 0;width: 100%; height: 100%;background: url("images/overlay.png");}*/
.image {position: relative; display: inline-block;}
.image img {display: block; width: 100%;}
.image.featured {display: block; width: 100%; margin: 0 0 2em 0;}
.image.fit {display: block; width: 100%;}
.image.left {float: left; margin: 0 2em 2em 0;}
.image.centered {display: block; margin: 0 0 2em 0;}
.image.centered img {margin: 0 auto; width: auto;}

/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
		}

		ul.icons a {
			display: inline-block;
			width: 2em;
			height: 2em;
			line-height: 2em;
			text-align: center;
			border: 0;
		}

	ul.menu {
		cursor: default;
	}



	ul.actions {
		cursor: default;
	}

		ul.actions li {
			display: inline-block;
			margin: 0 0 0 0.5em;
		}

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

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

/* Sections/Article */

	header {margin-bottom: 1em;}
	header p {display: block; margin: 1em 0 0 0; padding: 0 0 0.5em 0;}
	footer {margin-top: 2em;}

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr:nth-child(2n+2) {
				background: rgba(229, 230, 231, 0.5);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				font-weight: 900;
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default thead {
				background: #39454b;
				color: #ffffff;
			}

			table.default tfoot {
				background: #e5e6e7;
			}

/* Poptrox */

	.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		background: #fff;
		padding-bottom: 3em;
		box-shadow: 0 0.1em 0.15em 0 rgba(0, 0, 0, 0.15);
	}

		.poptrox-popup .loader {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -1em 0 0 -1em;
			width: 2em;
			height: 2em;
			display: block;
			font-size: 2em;
		}

			.poptrox-popup .loader:before {
				-moz-animation: spinner-rotate 0.75s infinite linear !important;
				-webkit-animation: spinner-rotate 0.75s infinite linear !important;
				-ms-animation: spinner-rotate 0.75s infinite linear !important;
				animation: spinner-rotate 0.75s infinite linear !important;
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
				color: #e5e6e7;
				content: '\f1ce';
				cursor: default;
				display: block;
				height: 2em;
				left: 0;
				line-height: 2em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2em;
			}

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

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

		.poptrox-popup .nav-next:before,
		.poptrox-popup .nav-previous:before {
			content: '';
			position: absolute;
			width: 96px;
			height: 64px;
			background: url("images/poptrox-nav.svg");
			top: calc(50% - 1.5em);
			margin: -32px 0 0 0;
		}

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

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

		.poptrox-popup .nav-previous:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			-ms-filter: "FlipH";
			filter: FlipH;
		}

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

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

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

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

		.poptrox-popup .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			position: absolute;
			top: 0;
			right: 0;
			width: 64px;
			height: 64px;
			text-indent: -9999px;
			z-index: 2;
			opacity: 0;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		}

			.poptrox-popup .closer:before {
				content: '';
				display: block;
				position: absolute;
				right: 16px;
				top: 16px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				box-shadow: inset 0 0 0 2px #fff;
				background: url("images/poptrox-closer.svg") center center;
				color: #ffffff !important;
			}

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

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

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

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

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				width: 48px;
				height: 32px;
				background-size: contain;
				margin: -16px 0 0 0;
			}

			.poptrox-popup .closer:before {
				right: 12px;
				top: 12px;
				width: 20px;
				height: 20px;
				box-shadow: inset 0 0 0 1px #fff;
				background-size: contain;
				opacity: 0.65;
			}

		}

/* Gallery */

	.gallery {
		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;
		width: 45em;
		max-width: 100%;
		margin: 0 auto 2em auto;
	}

		.gallery article {
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			width: 50%;
			position: relative;
			opacity: 1.0;
		}

			.gallery article .image {
				margin: 0;
				display: block;
			}

			.gallery article:nth-last-child(1n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

			.gallery article:nth-last-child(24n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

		.gallery.inactive article {
			opacity: 0;
		}

			.gallery.inactive article.from-left {
				-moz-transform: translateX(-14em);
				-webkit-transform: translateX(-14em);
				-ms-transform: translateX(-14em);
				transform: translateX(-14em);
			}

			.gallery.inactive article.from-right {
				-moz-transform: translateX(14em);
				-webkit-transform: translateX(14em);
				-ms-transform: translateX(14em);
				transform: translateX(14em);
			}

			.gallery.inactive article.from-top {
				-moz-transform: translateY(-7em);
				-webkit-transform: translateY(-7em);
				-ms-transform: translateY(-7em);
				transform: translateY(-7em);
			}

			.gallery.inactive article.from-bottom {
				-moz-transform: translateY(7em);
				-webkit-transform: translateY(7em);
				-ms-transform: translateY(7em);
				transform: translateY(7em);
			}

/* Header */
#header {position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; background: rgba(255, 255, 255, 0.95); height: 68px; line-height: 65px;	border-bottom: 1px solid #ddd;}
#header nav { color: #555;	max-width:1260px; width:100%; margin: auto;	}
#header h1 {width: 80px; height : auto; display: inline-block; margin-top: -15px; cursor: pointer}
#header nav ul {float:right; font-family: 'NanumSquare', sans-serif; }
#header nav ul li {display: inline-block; margin-left: 30px; font-size: 15px;  position: relative; cursor: pointer;}
#header nav ul li:hover{color: #1677e3;}
#header nav ul li.on{background: #1677e3; color: #fff; display: inline; padding: 8px 10px; border-radius: 20px; border-bottom: 0; cursor: inherit}
#header nav ul li.on:hover::after{content: ""; width:0}
#header nav ul li:hover::after{ width: 100%; opacity: 1;}
#header nav ul li::after{ content: ""; position: absolute; left: 0; bottom: 15px; width: 0px; height: 2px; transition: all 0.2s ease-in-out;  opacity: 0;  background-color: #1677e3;}


@media screen and (max-width: 736px) {
	#header {height: 55px; line-height: 55px;}
	#header nav > ul{display: none;}
	#header h1 {margin-left: 10px;}
}
	body {padding-top: 3em;}
@media screen and (max-width: 736px) {
	body {	padding-top: 2.5em;}
}

/* Main */
.main {	display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; position: relative; margin: 0;	overflow-x: hidden;	}
.main > .content {width: 100%;	max-width: 1240px;	/*max-width: calc(100% - 4em);*/margin: 0 auto;	}
.main > .content > :last-child {margin-bottom: 0;}
.main.fullscreen {min-height: 100%;	}
.main.style1 {	-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			text-align: center;
			padding: 3em 0 3em 0;
		}
.main.style1.padding6 {	padding: 6em 0 6em 0 !important; }
.main.style1 h2 {font-size: 4.25em; line-height: 1em;}
.main.style1 > .content {
				-moz-transition: opacity 1s ease;
				-webkit-transition: opacity 1s ease;
				-ms-transition: opacity 1s ease;
				transition: opacity 1s ease;
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				opacity: 1.0;
				margin: 0;
			}

			.main.style1.inactive > .content {
				opacity: 0;
			}

		.main.style2 {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			padding: 3em 0 3em 0;
			overflow: hidden;
		}

			.main.style2 > .content{
				-moz-transition: -moz-transform 1s ease;
				-webkit-transition: -webkit-transform 1s ease;
				-ms-transition: -ms-transform 1s ease;
				transition: transform 1s ease;
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				position: relative;
				width: 35%;
				margin: 0;
			}

/*원본*/
.main.style2.left {-moz-justify-content: -moz-flex-start; -webkit-justify-content: -webkit-flex-start; -ms-justify-content: -ms-flex-start; justify-content: flex-start;}
.main.style2.right {-moz-justify-content: -moz-flex-end; -webkit-justify-content: -webkit-flex-end; -ms-justify-content: -ms-flex-end; justify-content: flex-end;}
.main.style2.inactive.left > .content {-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
.main.style2.inactive.right > .content {-moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}

.main.style3 {text-align: center;	padding: 3em 0 3em 0;}
.main.style3 .content > header {margin-bottom: 3em;	}
.main.style3.primary {background: #ffffff;}
.main.style3.secondary {background: #fff}/*background: #f5f6f7;*/

.main.dark {color: #ffffff;	}
.main.dark a {color: inherit;}
.main.dark .button.style2 {border-color: #ffffff;}
.main.dark .button.style2:hover {background-color: rgba(255, 255, 255, 0.125);}
.main.dark .button.style2:active {background-color: rgba(255, 255, 255, 0.25);}
.main.dark .button.style2.down, .main.dark .button.style1.down{background-image: url("images/dark-arrow.svg");}
body.is-touch .main {background-attachment: scroll !important;}

/* Footer */
#footer {position: relative; margin: 0;	background: #222; color: #dadada; padding: 20px 0}
#footer ul.actions {width:100%; max-width: 1260px; margin: 10px auto 5px; letter-spacing: -0.05em; border-bottom: 1px solid #444;}
#footer ul.actions li {font-size:16px; margin-left: 0; line-height: 30px; display: block}
#footer ul.actions li:first-child{width:100px; margin-bottom: 20px;}
#footer ul.actions li img{width: 100%;}
#footer ul.actions li p{ color: #686868; display: inline-block; margin-left: 5px;}
#footer ul.actions li p::after{content: ''; border-right: 1px solid #686868; padding-left: 15px;}
#footer ul.actions li p:last-of-type::after{border-right: 0}

#footer ol.copyright{width:100%; max-width: 1260px; margin: auto; letter-spacing: -0.05em; font-size:16px; color: #999; margin-top: 10px;}
#footer ol.copyright li{display: inline-block}
#footer ol.copyright li:last-child{float: right}
#footer ol.copyright li p{display: inline-block; margin-left: 20px; cursor: pointer}

@media screen and (max-width: 1000px) {
	#footer {height: auto; line-height: inherit; padding: 2em 1em 2em 1em; }
}

/* Intro */
body.index #intro
	{background: url("../../images/intro.png"), url("../../images/intro.jpg") #eeeff1;	
	background-size: 589px 428px, 1920px 670px !important;	background-attachment: fixed, fixed; background-position: right 309px, left 67px; background-repeat: no-repeat, no-repeat; height: 670px !important;}
body.about #intro 
	{background: url("../../images/about.jpg") #e6f2f9; background-size: 1920px 670px !important; background-attachment: fixed; background-position:  left 67px;	
	background-repeat: no-repeat, no-repeat;  height: 670px !important;}
body.center #intro 
	{background: url("../../images/center.png"), url("../../images/centers.jpg") #eeeff1; background-size: 750px 640px, 1920px 670px !important;	background-attachment: fixed, fixed;
	background-position: right 110px, left 67px; background-repeat: no-repeat, no-repeat; height: 670px !important;}
/* One */
body.index #one{background: url("../../images/one.jpg"); background-size: cover; background-attachment: fixed;	background-position: center bottom;	height: 600px !important;}
body.about #one{background: url("../../images/one2.jpg"); background-size: cover; background-attachment: fixed;	background-position: left bottom;	height: 600px !important;}
body.center #one{background: url("../../images/one1.jpg"); background-size: cover; background-attachment: fixed;	background-position: center bottom;	height: 600px !important;}


/* Two */
body.index #two 
	{background: url("images/overlay.png"), url("../../images/two.jpg"); background-size: 256px 256px, cover; background-attachment: fixed, fixed; 
	background-position: top left, center center;}
body.center #two 
	{background: url("images/overlay.png"), url("../../images/two1.jpg"); background-size: 256px 256px, cover; background-attachment: fixed, fixed; 
	background-position: top left, center center;}

/* Contact */
#contact {overflow: hidden;	padding-bottom: 0;}
#contact .box {
			-moz-transition: -moz-transform 1s ease;
			-webkit-transition: -webkit-transform 1s ease;
			-ms-transition: -ms-transform 1s ease;
			transition: transform 1s ease;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			position: relative;}
#contact.inactive .box {-moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
@media screen and (max-width: 736px) {
#contact .box {padding-bottom: 2em;}}

/* css 꾸미기 공통 */
.pagination li, .pagination li:hover, .list, .slider, .phone, .phone img, .slider .slides li .img, .slider .slides li .img, .slider .slides li .img img,
.downss li, .downss li:hover, .downss li img, .downss p, .downss p img, .app_down > div,.downs li, .app_down > div:hover, .downs li:hover{transition: all 0.2s;}
#intro, .intro_sub, .intro_title, .intro_text, header .tit2, header .tit2 b,
.main.style2 .content, #one .tit, #two .tit, .icon_30 dl, .gallery article,
.slide_bg ul.text_left > .slide_title, .slide_bg ul.text_left > .slide_shap, .slide_bg ul.text_left > li:last-child,  .sunseo, .sunseo li,
div.points p, div.points, .arrow_gif, .arrow_gif img
{transition: all 1s;}

.intro_sub, .intro_title, .slide_bg ul > .slide_sub, .slide_bg ul > .slide_title, h2.dot, #one .tit, .app_down > div,.downs li,
header .tit, header .tit b, .downs li, header .tit2, header .tit2 b, .sunseo li.tit2, div.points p, .secondary .list dt
{font-family: 'NanumSquare', sans-serif; }

/*연결*/
dl.connected{overflow: hidden;}
dl.connected dt{float: left; width:49%}
dl.connected dd{float: right; width:49%; margin-left: 1.5%}
dl.connected img{width:100%}

div.points p{color: #333;vertical-align: middle; display: table-cell; font-weight: bold; font-size: 27px; line-height: 1.5em}
div.points{position: absolute; background: linear-gradient(#f7f8fb, #fff);border-radius: 50%; border: 15px solid #545061; transform: translate(-50%, -50%); display: table; 
	 width:300px; height: 300px; left: 50%; top:50%;}
.arrow_gif{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.arrow_gif img{width:100%}

/*인트로*/
.intro_sub{font-size:21px; background: #445eb2; color: #fff; padding: 8px 15px; border-radius: 20px;}
.intro_title{font-size: 55px; color: #1b1b1b; font-weight: 700; letter-spacing: -0.05em; margin: 30px;}
.intro_text{font-size: 18px; color: #666; letter-spacing: -0.05em}
.downss {margin-top: 50px;}
.downss li, .downss p{display: inline-block; cursor: pointer}
.downss li:last-child{margin-left: 20px;}
.downss li:hover, .downss p:hover{ transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px);}

/*슬라이드*/
#slide{background: #fff; overflow-y: hidden}
.slide_bg{position: relative}
.slide_bg ul.text_left{text-align: left; width:40%; display: inline-block; padding-left: 40px;}
.slide_bg ul.text_left > .slide_sub{font-size:17px;}
.slide_bg ul.text_left > .slide_title{font-size:35px; font-weight: 600; position: relative; margin-bottom: 50px;}
.slide_bg ul.text_left > .slide_title::after{content: ''; position: absolute; width:50px; height: 3px; background: #fff; bottom: -30px; left: 0}
.slide_bg ul.text_left > .slide_shap{font-size: 18px;}
.slide_bg ul.text_left > li:last-child{ margin-top: 50px;}
.slide_bg ul.text_left > li button{color:#fff; border: 1px solid #fff; background: none;  padding: 0 10px; font-size: 16px; height: 40px; line-height: 30px; cursor: inherit}

/*슬라이드 bg 컬*/
body.index .slide_bg{background: #6493f1; padding: 50px 0; }
body.about .slide_bg{background: #f7f7f7; overflow: hidden; padding: 10px 50px 0px 50px;}
body.center .slide_bg{background: none; padding: 50px 0; }

/*진짜 슬라이드*/
.phone{position: absolute; left: 0; top: -140px; z-index: 5}
.slider{width:58%; float: right; position: relative; height: 320px}
h2.dot{font-size:30px !important; font-weight: 200}
.slider .slides li .img{position:absolute; z-index:1; left: 37px; top:-125px; height: 380px}
.slider .slides li .img img{height:569px;width:267px;background-size: 267px 569px; background-position:center; background-repeat: no-repeat}
.slider .slides li .caption{position:absolute; left: 350px; top: 50px;; width: 200px; text-align: left}

/*슬라이드 점점점*/
.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:12px;width:12px;margin:0 10px; background: #fff; border-radius: 10px;
	-webkit-transition:background-color .3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.slider .indicators .indicator-item.active {background: #445eb2;}
.slider .indicators{position:absolute; text-align:center; left: 350px; z-index: 100; top: 100px;;}


/*옆으로 움직이는..*/
.btn_arrow{position: absolute; bottom: 40px; left: 360px}
.prev, .next{cursor: pointer}
.next{margin-left: 30px;}

/*어바웃*/
.sunseo {padding: 50px 0}
.sunseo li img{width:100%; max-width: 340px}
.sunseo li .white img{width:100%}
.sunseo li{text-align: center; color: #333;}
.sunseo li.tit2{font-size: 20px; margin: 20px 0; font-weight: 700}
.sunseo li:last-child{ letter-spacing: -0.05em; font-size: 17px; line-height: 1.75em;}/*padding: 0 20px;*/
.sunseo li .white{width:160px; height: 160px; background: #fff; border-radius: 100px; display: block; margin: auto;}
.box222{width:25%; clear: none; margin-left: 0; float: left}
.sunseo li:first-child span{display: block; margin: auto; width:50px; height: 50px; line-height: 50px; font-weight: bold; color: #fff; font-size: 20px; border-radius: 25px; z-index: 1; position: relative; background: #82b5e7}
.linesxss{width:100%; height: 2px; position: absolute; top: 85px; left: 0; background: #82b5e7}

/*아이콘 3개나오는것*/
#one .tit, #two .tit{font-weight: 900; font-size: 35px; color: #1d1d1d;}
.icon_30 dl{width: 25%; margin-right: 4%; display: inline-block; text-align: center}
.icon_30 dl dt{width:100px; height: 100px; background: #eee; border-radius: 50px; margin: 35px auto 15px}
.icon_30 dl dt img{width:65px; height: 65px; display: block; margin: auto}
.icon_30 dl dd.deco{font-size:18px; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 10px;}
.icon_30 dl dd{font-size:15px; line-height: 1.75em;}

/*케어고 필요하지않으세요.*/
header .tit, header .tit b{color: #1d1d1d; font-size:35px; text-align: center; line-height: 40px;}
header .tit2, header .tit2 b{color: #1d1d1d; font-size:50px; text-align: center; line-height: 60px;}
header .tit2{font-weight: 600}

.gallery article .title{font-size: 18px; font-weight: bold; background: #fff; padding: 2px 30px; position: absolute; top:50px; border-radius: 20px; z-index: 5}
.gallery article.from-left .title{right: 60px;}
.gallery article.from-right .title{left: 60px;}

.sub_texts{position: absolute; z-index: 5; font-size: 16px; color: #333; top:120px; line-height: 1.8em; width:200px; letter-spacing: -0.03em}
.gallery article.from-left .sub_texts{right: 30px;}
.gallery article.from-right .sub_texts{left: 30px;}

/*마지막 다운*/
.downs li{display: inline-block; border: 1px solid #ddd; font-size: 30px; font-weight: 500; color: #888; padding: 10px 30px 10px 70px;; border-radius: 30px;}
.downs li:first-child{background: url("../../images/icon_google.png") no-repeat; background-position: 30px 10px;}
.downs li:last-child{background: url("../../images/icon_apple.png")  no-repeat; background-position: 28px 5px;}

.app_down > div{border: 1px solid #ddd; font-size: 15px; width: 140px; height: 40px; line-height: 40px; font-weight: 500; color: #888; border-radius: 30px; padding-left: 45px;}
.app_down > div:first-of-type{background: url("../../images/icon_google.png") no-repeat; background-position: 20px 10px; background-size: 18px 20px }
.app_down > div:last-of-type{background: url("../../images/icon_apple.png") no-repeat; background-position: 15px 8px; background-size: 18px 20px; margin-top: 5px;}
.app_down > div,.downs li{cursor: pointer}
.app_down > div:hover, .downs li:hover{background-color: #f8f8f8; transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px);}

.app{position: relative}
.app.on .app_down{display: block}
#header nav ul li.app.on{background: none; color: #555; display: inline-block; padding: 0px; border-radius: 0; border-bottom: 0; cursor: pointer}
.app .app_down{position: absolute; bottom: -100px; left: -50%; margin-left: 0px; background: #fff; padding: 15px; border-radius: 20px; display: none;
  box-shadow: -2px 2px 10px rgba(0, 0, 0, .1);  -moz-box-shadow: -2px 2px 10px rgba(0, 0, 0, .1);  -webkit-box-shadow: -2px 2px 10px rgba(0, 0, 0, .1);
}
/*연혁*/
.history{font-size: 18px; margin-top: 20px; padding-left: 50px; position: relative;}
.history li{position: relative;  text-align: left; line-height: 1.8em;}
.history li::before{content: ''; position: absolute; width:8px; height: 8px; border-radius: 10px; background: #82b5e7; left: -20px; top:15px; z-index: 2}
.history::after{content: ''; position: absolute; width:1px; height: 100%;  background: #ddd; top: 0; left: 33px; z-index: 1}

/*툴팁*/
.not_yet{position: relative; }
.not_yet:hover .tooltiptext {visibility: visible; opacity: 1;}
.tooltip { display: inline-block; text-align: right;}
.tooltip .tooltiptext { width: 100px; font-size: 13px; line-height: 18px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 10px;  
	position: absolute;  z-index: 10001; bottom: -35px; left: -50%;  margin-left: 14px;;  opacity: 0;  transition: opacity 1s;}
.tooltip .tooltiptext::after {
  content: " ";  position: absolute;  top: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;}

.pd150{padding-left: 150px !important}

/*모바일 메뉴*/
.head{width:50%; height: 55px; position:relative; float: right; display: none;}
.m_menu-open{ position:fixed; top:0; right:0; width:50px; height:50px; cursor:pointer;}
.burgur{right: 15px;top: 26px;position: absolute;width: 20px;height: 2px;background: #000000;}
.burgur .top-line{width: 20px;height: 2px;background-color: #000000;bottom: -5px;content: '';position: absolute;right: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur .bot-line {width: 20px;height: 2px;background-color: #000000;top: -5px;content: '';position: absolute;right: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
.burgur.on {width: 0;}
.burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);transform: translateY(5px) rotate(135deg);}
.burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg);transform: translateY(-5px) rotate(-135deg);}
.m_menu{  width:100%;  position:fixed;  left:-100%;  top:55px;  right:0;  bottom:0;  background-color:#fff; 
	-webkit-transition: left .3s;  -moz-transition: left .3s;  -ms-transition: left .3s;  -o-transition: left .3s;  transition: left .3s;  z-index: 10002}
.m_menu.on{ left:0;}
.m_menu.on li.on{ text-decoration: underline; color: #445eb2; font-weight: bold;}
.m_menu ul li{  display:inline-block;  width:100%;  padding:15px 15px 15px 30px;  border-bottom:1px solid #e1e1e1; cursor: pointer}

.m_menu .app_down > div{display: inline-block}
.m_menu .not_yet span{display: none; background: #fff;}
.m_menu .not_yet{position: relative;}
.m_menu .not_yet.on span{display: block; padding: 15px 15px 15px 30px; position: absolute; top:0; left: 0; text-decoration: none; color: #888}

/*보도자료*/
.box > .list:first-of-type{border-top: 1px solid #ddd;}
.secondary .list{width:100%; border-bottom: 1px solid #ddd; text-align: left; padding: 30px; cursor: pointer; margin-bottom: 0; position: relative}
.secondary .list::after{content: ''; position: absolute; right: 30px; top: 50%; margin-top: -6px; width:8px; height: 12px; background: url("../../images/arrow_right.png")}
.secondary .list:hover{background: #f7f7f7}
.secondary .list dt{font-weight: bold;}
.secondary .list dd{font-size: 15px;}
.list .logo_img{display: inline-block; padding-right: 10px;}

/*리스트_페이징*/
.pagination{display:table; margin: 50px auto;}
.pagination li:hover{background-color:#e5e2e2; border-radius: 19px;}
.pagination li.on{background-color:#6493f1 !important; border-radius: 19px; color:#fff; }
.pagination li.arrow_left, .pagination li.arrow_right{border: 1px solid #ddd; border-radius: 30px;}
.pagination li{float:left; width:40px; height:40px; display:table-cell; vertical-align:middle; margin-right:5px; margin-left:5px; cursor: pointer; display: table}
.pagination li.arrow_left{background: url("../../images/arrow_left.svg") no-repeat; background-size: 14px 22px; background-position: 10px 8px; margin-right: 20px}
.pagination li.arrow_right{background: url("../../images/arrow_right.svg") no-repeat; background-size: 14px 22px; background-position: 14px 8px; margin-left: 20px}
.pagination li span{display: table-cell; vertical-align: middle}

/*Top*/
.scroll-to-top {width: 40px; height: 40px; line-height: 40px; background: #6493f1; position: fixed; bottom: 198px; right: 170px; z-index: 98; text-align: center; color: #fff;
	-webkit-transition: .4s; transition: .4s;}
.scroll-to-top img{width:20px; height: 20px; vertical-align:top; margin-top:10px;}
.scroll-to-top:hover, scroll-to-target:hover, .scroll-to-top:active, .scroll-to-top:focus{background: #6493f1; border-radius: 40px;}

@media screen and (max-width: 1680px) {
	.scroll-to-top{right: 10px !important}
}

/*반응형 제작*/
/*인트로 부분*/
@media screen and (max-width: 1600px) {
body.index #intro {background-size: 500px 363px, 1650px 576px !important;	background-position: right 279px, left 67px; height: 583px !important;}
body.about #intro {background-size: 1650px 576px !important;	background-position:left 67px; height: 583px !important;}
body.center #intro 	{background-size: 700px 597px, 1650px 576px !important;  background-position: 102% 60px, left 67px; height: 583px !important;}
	
.intro_sub{font-size:18px;}
.intro_title{font-size: 50px; margin: 29px;}
.intro_text{font-size: 18px;}
.downss {margin-top: 50px;}
.downss li, .downss li img{width:220px;}
.downss p img{width:510px;}
		
}
@media screen and (max-width: 1400px) {
body.index #intro {background-size: 450px 327px, 1500px 523px !important;	background-position: right 315px, left 118px}
body.about #intro{background-size:1500px 523px !important;	background-position: left 118px;}
body.center #intro 	{background-size: 650px 555px, 1500px 523px !important;  background-position: 106% 90px, left 118px;}

.intro_sub{font-size:16px;}
.intro_title{font-size: 45px; margin: 25px;}
.intro_text{font-size: 16px;}
.downss {margin-top: 50px;}
.downss li, .downss li img{width:180px;}
.downss p img{width:472px;}	
}
@media screen and (max-width: 1920px) {
	.main.style2 .content {	width: 50%;	}
}
@media screen and (max-width: 1500px) {
	.main.style2 .content {	width: 65%;	}
}
@media screen and (max-width: 1280px) {
	.main.style2 .content {	width: 80%;	}
	/*따뜻한 마음을 전하는 케어고*/
	.slide_bg ul.text_left > .slide_title{font-size:27px}
	.intro_title{font-size: 40px; margin: 20px; letter-spacing: -0.05em;}

	.box222{width:50%;}
	.linesxss{display: none;}
	
div.points p{font-size: 22px;}
div.points{border: 13px solid #545061; width:270px; height: 270px; max-width: 300px; max-height: 300px;}
.arrow_gif{width:40%; max-width: 400px;}

	
body.index #intro {background-size: 400px 291px, 1300px 454px !important; background-position: right 343px, left 182px;}
body.about #intro{background-size: 1300px 454px !important; background-position:left 182px;}
body.center #intro 	{background-size: 550px 469px, 1300px 454px !important; background-position: 110% 195px, left 182px;}
}
@media screen and (max-width: 1110px) {
	.intro_title{font-size: 37px; margin: 20px; letter-spacing: -0.05em;}

body.index #intro {background-size: 380px 276px, 1200px 419px !important;	background-position: right 359px, left 215px;}
body.about #intro{background-size: 1200px 419px !important;	background-position: left 215px;}
body.center #intro 	{background-size: 490px 393px, 1200px 419px !important;	background-position: right 250px, left 215px;}
	
.downss p img{width:448px;}	
.arrow_gif{width:35%; max-width: 400px;}
div.points p{font-size: 21px;}
div.points{border: 11px solid #545061; width:250px; height: 250px; max-width: 300px; max-height: 300px;}
}
@media screen and (max-width: 1000px) {
	.pd150{padding-left: 2.5em !important}
	.main.style2 {padding: 6em 15px 6em 15px;}
	.main.style2 .content {	width: 100%; max-width: 100%;text-align: center;-moz-transform: none;	-webkit-transform: none;-ms-transform: none;transform: none; }
	.box {	padding: 1em;}
	.box.style2 {padding: 4em 1.25em 3em 1.25em;background-color: rgba(255, 255, 255, 0.9);}
	
	.gallery article{width:100%; margin-bottom: 20px;}
	.gallery {-moz-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;	flex-wrap: nowrap;-moz-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	
	/*따뜻한 마음을 전하는 케어고*/
	.slide_bg ul.text_left > .slide_shap, .slide_bg ul.text_left > li:last-child{display: none}
	.slide_bg ul.text_left{width:100%; padding-left:0; position: absolute; left: 350px}
	.slider{width:100%; float: none; position: relative; height: 260px}
	.phone{top:-180px;}
	.slider .slides li .img{top:-165px;}
	.slider .slides li .caption{top:100px}
	.btn_arrow{display: none}
	.slider .indicators{top:230px;}

body.index #intro { background-size:  32%, 100% !important;background-position:right 70%, left 66%; height: 583px !important;}
body.about #intro{background-size: 100% !important;background-position: left 66%; height: 583px !important;}
body.center #intro 	{ background-size:  40%, 100% !important; background-position:right 66%, left 66%; height: 583px !important;}
	/*케어고가 필요하지않으세요?*/
	header .tit, header .tit b{font-size:38px}
	
	/*케어고를 지금 만나보세요!*/
	header .tit2, header .tit2 b{font-size: 45px}
	.downs li{font-size: 28px}
	.downs li:first-child{background-position: 30px 9px; background-size: 28px 31px}
	.downs li:last-child{background-position: 28px 5px; background-size: 28px 36px}
	.downss p img{width:65%}	
	.arrow_gif{width:32%; max-width: 400px;}
	div.points p{font-size: 20px;}
	div.points{border: 5px solid #545061; width: 25%; height: 50%; max-width: 300px; max-height: 300px;}
}
@media screen and (max-width: 736px) {
	.head{display: block !important}
	.main.fullscreen {height: auto !important;}
	.main.style1.padding6 {padding: 4em 15px 4em 15px;}
	.main.style3 {text-align: center;padding: 3em 10px 3em 10px;}
.box222{width:100%;}
body.index #intro {background-size:  32%, 100% !important;	background-position:right 100%, left 100%;	height: 583px !important}
body.about #intro{background-size: 100% !important;	background-position: left 100%;	height: 583px !important}
body.center #intro 	{background-size:  40%, 100% !important;	background-position:right 100%, left 100%;	height: 583px !important}
	
	/*따뜻한 마음을 전하는 케어고*/
	.slider{height: 160px;}
	.phone{left: 7px; top:-177px}
	.phone img{width:280px; height: 524px;}
	.slider .slides li .img{ top:-165px; left: 37px;}
	.slider .slides li .img img{height: 469px;width:220px;background-size: 220px 469px;}
	.slide_bg ul.text_left, .slider .slides li .caption, .slider .indicators{left:300px;}
	.slider .slides li .caption{top:90px;}
	.slider .indicators{top:140px;}
	
	/*케어고가 필요하지않으세요?*/
	header .tit, header .tit b{font-size:35px; letter-spacing: -0.05em}
	
	/*box 옆으로나오는 것들*/
	#one .tit, #two .tit{font-size: 32px; letter-spacing: -0.06em}
	.icon_30 dl{width:100%;}
	
	/*케어고를 지금 만나보세요!*/
	header .tit2, header .tit2 b{font-size: 40px; letter-spacing: -0.065em}
	.downs li{font-size: 25px; padding: 10px 20px 10px 55px}
	.downs li:first-child{background-position: 23px 8px; background-size: 25px 28px}
	.downs li:last-child{background-position: 21px 5px; background-size: 25px 32px}
	p.downs img{width:95%; max-width: 613px;}
	
.arrow_gif{width:50%; max-width: 400px;}
.arrow_gif img{transform: rotate(90deg); }
div.points p{font-size: 18px;}
div.points{border: 8px solid #545061; width: 250px; height: 250px;}
dl.connected dt{float: inherit; width:100%; margin-bottom: 20px;}
dl.connected dd{float: inherit; width:100%; margin-left: 0%}
	
	body.center .main.style1.padding6{padding: 0 !important}
}
@media screen and (max-width: 680px) {
	.intro_title{font-size: 30px}
	.intro_text{font-size: 14px;}
	.arrow_gif{width:60%; max-width: 400px;}
div.points{border: 8px solid #545061; width: 220px; height: 220px;}
}
@media screen and (max-width: 480px) {
	.main > .content {max-width: calc(100% - 1.5em);}
	
	/*따뜻함을 전하는 케어고*/
	#slide .text_left{display: none;}
	.slider{height: 350px;}
	.phone{left: 50%; margin-left: -140px; top:-174px}	
	.slider .slides li .caption, .slider .indicators{left:10px;}
	.slider .slides li .caption{top:345px;}
	.slider .indicators{bottom:-80px; top:inherit}
	.slider .slides li .img{ top:-161px; left: 50%; margin-left: -110px;}
	
	/*케어고가 필요하지않으세요?*/
	header .tit, header .tit b{font-size:26px}
	.gallery article.from-left .title{right: 20px;}
	.gallery article.from-right .title{left: 20px;}
	.gallery article.from-left .sub_texts{right: 5px;}
	.gallery article.from-right .sub_texts{left: 5px;}
	.sub_texts{top: 95px; width:175px; font-size: 15px; line-height: 1.5em}
	
	/*box 옆으로나오는 것들*/
	#one .tit, #two .tit{font-size: 28px;}
	
	/*케어고를 지금 만나보세요!*/
	header .tit2, header .tit2 b{font-size: 30px; letter-spacing: -0.065em}
	.downs li{font-size: 18px; padding: 10px 15px 10px 40px}
	.downs li:first-child{background-position: 18px 10px; background-size: 20px 22px}
	.downs li:last-child{background-position: 16px 7px; background-size: 20px 26px}
	
	body.index .intro_title{line-height: 1.5em; font-size: 29px;}
	body.center .intro_title,  body.about .intro_title{line-height: 1.5em; font-size: 27px; letter-spacing: -0.05em}
	.intro_text{font-size: 16px;}
	.downss{margin-top: 0}
	.downss li{margin-bottom: 10px;}
	.downss li:last-child{margin-left: 0}
	#footer ul.actions li:first-child, #footer ol.copyright li:last-child{display: none}
	#footer ul.actions li p{margin-bottom: 5px; font-size: 12px; display: inline; line-height: 1.2em;}
	#footer ul.actions li p::after{padding-left: 10px;}
	.scroll-to-top{bottom:10px;}
	.downss p img{width:96%}
	body.center #contact .box{padding: 2em 0}
	.arrow_gif{width:65%; max-width: 400px;}
div.points{border: 8px solid #545061; width: 180px; height: 180px;}
}
.intro_title .malgun { font-family: 'Noto Sans KR', sans-serif !important;}
/*
---삭제해도 무방---
@media screen and (max-width: 736px) {
.main.style2:before, .main.style2:after {display: none !important;}
.main.style2 .button.anchored {display: none;}
}
*/