@charset 'UTF-8';

@font-face {
  font-family: 'SpoqaHanSansNeo-B';
  src: url('fonts/SpoqaHanSansNeo-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight: 700;
	   font-style: normal;
	   font-stretch: normal;
}

@font-face {
	font-family: 'SpoqaHanSansNeo-R';
	src: url('fonts/SpoqaHanSansNeo-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/SpoqaHanSansNeo-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/SpoqaHanSansNeo-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
}

@font-face {
  font-family: 'OneMobileTitle';
  src: url('fonts/OneMobileTitle.eot'); /* IE9 Compat Modes */
  src: url('fonts/OneMobileTitle.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OneMobileTitle.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OneMobileTitle.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OneMobileTitle.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight: 700;
	   font-style: normal;
	   font-stretch: normal;
}



/* Color */
:root {
	--green: #50B47C;
	--deep-green: #449266;
	--red: #F33643;
	--deep-red: #AC2D36;
	--yellow: #FFD80D;
	--deep-yellow: #E8C615;
	--white: #FFFFFF;
	--pale-gray: #FAFAFD;
	--weak-gray: #F5F4FA;
	--light-gray: #E0E0E7;
	--neutral-gray: #B0B0B9;
	--gray: #707076;
	--deep-gray: #4D4D53;
	--dark-gray: #28282B;
	--black: #000000;
}

.color-green {
	color: var(--green) !important;
}

.color-deep-green {
	color: var(--deep-green) !important;
}

.color-red {
	color: var(--red) !important;
}

.color-deep-red {
	color: var(--deep-red) !important;
}

.color-yellow {
	color: var(--yellow) !important;
}

.color-deep-yellow {
	color: var(--deep-yellow) !important;
}

.color-white {
	color: var(--white) !important;
}

.color-pale-gray {
	color: var(--pale-gray) !important;
}

.color-weak-gray {
	color: var(--weak-gray) !important;
}

.color-light-gray {
	color: var(--light-gray) !important;
}

.color-neutral-gray {
	color: var(--neutral-gray) !important;
}

.color-gray {
	color: var(--gray) !important;
}

.color-deep-gray {
	color: var(--deep-gray) !important;
}

.color-dark-gray {
	color: var(--dark-gray) !important;
}

.color-black {
	color: var(--black) !important;
}
/* End Color */



/* Typography */
body {
    font-family: 'SpoqaHanSansNeo-R', AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;
	font-weight: normal;
    font-size: 100%;
	letter-spacing: -.03em;
	line-height: 1.5;
	color: var(--deep-gray);
	background-color: var(--white);
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6, 
.h7, 
.h8,
h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong, 
.h1 strong, 
.h2 strong, 
.h3 strong, 
.h4 strong, 
.h5 strong, 
.h6 strong, 
.h7 strong, 
.h8 strong {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--dark-gray);
}

h1, .h1 {
	font-size: 62px;
}

h2, .h2 {
	font-size: 42px;
}

h3, .h3 {
	font-size: 38px;
}

h4, .h4 {
	font-size: 30px;
}

h5, .h5 {
	font-size: 24px;
}

h6, .h6 {
	font-size: 20px;
}

.h7 {
	font-size: 18px;
}

.h8 {
	font-size: 16px;
}

.h8 {
	font-size: 14px;
}

.emphasis-1, 
.emphasis-2, 
.emphasis-3, 
.emphasis-4, 
.emphasis-5, 
.emphasis-6, 
.emphasis-7 {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

.emphasis-1 {
	font-size: 22px;
}

.emphasis-2 {
	font-size: 18px;
}

.emphasis-3 {
	font-size: 16px;
}

.emphasis-4 {
	font-size: 15px;
}

.emphasis-5 {
	font-size: 14px;
}

.emphasis-6 {
	font-size: 13px;
}

.emphasis-7 {
	font-size: 12px;
}

.body-1, 
.body-2, 
.body-3, 
.body-4, 
.body-5, 
.body-6, 
.body-7, 
.body-8 {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -.03em;
	color: var(--deep-gray);
}

.body-1 {
	font-size: 26px;
}

.body-2 {
	font-size: 22px;
}

.body-3 {
	font-size: 18px;
}

.body-4 {
	font-size: 16px;
}

.body-5 {
	font-size: 15px;
}

.body-6 {
	font-size: 14px;
}

.body-7 {
	font-size: 13px;
}

.body-8 {
	font-size: 12px;
}

/* lg */
@media (max-width: 1019.98px) {
	h1, .h1 {
		font-size: 42px;
	}
	
	h2, .h2 {
		font-size: 38px;
	}
	
	h3, .h3 {
		font-size: 30px;
	}
	
	h4, .h4 {
		font-size: 24px;
	}
	
	h5, .h5 {
		font-size: 20px;
	}
	
	h6, .h6 {
		font-size: 18px;
	}
	
	.h7 {
		font-size: 16px;
	}
	
	.h8 {
		font-size: 14px;
	}
	
	.h9 {
		font-size: 13px;
	}

	.emphasis-1 {
		font-size: 18px;
	}
	
	.emphasis-2 {
		font-size: 16px;
	}
	
	.emphasis-3 {
		font-size: 15px;
	}
	
	.emphasis-4 {
		font-size: 14px;
	}
	
	.emphasis-5 {
		font-size: 13px;
	}
	
	.emphasis-6 {
		font-size: 12px;
	}
	
	.emphasis-7 {
		font-size: 11px;
	}
	
	.body-1 {
		font-size: 22px;
	}
	
	.body-2 {
		font-size: 18px;
	}
	
	.body-3 {
		font-size: 16px;
	}
	
	.body-4 {
		font-size: 15px;
	}
	
	.body-5 {
		font-size: 14px;
	}
	
	.body-6 {
		font-size: 13px;
	}
	
	.body-7 {
		font-size: 12px;
	}
	
	.body-8 {
		font-size: 11px;
	}
}
/* End Typography */



/* Media Query */
@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 767.98px;
	}
}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		max-width: 1019.98px;
	}
}

@media (min-width: 1020px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 1099.98px;
	}
}

@media (min-width: 1230px) {
	.container-xl {
		max-width: 1180px;
	}

	.container-lg {
		max-width: 1020px;
	}

	.container-md {
		max-width: 780px;
	}

	.container-sm {
		max-width: 576px;
	}
}

@media (min-width: 1540px) {
	.container-xxl {
		max-width: 1540px;
	}

	.container-xl {
		max-width: 1230px;
	}

	.container-lg {
		max-width: 1020px;
	}

	.container-md {
		max-width: 810px;
	}

	.container-sm {
		max-width: 600px;
	}
}

/* xxxl */
@media (max-width: 1799.98px) {
}

/* xxl */
@media (max-width: 1539.98px) { 
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* xl */
@media (max-width: 1229.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* sm */
@media (max-width: 575.98px) {
}
/* End Media Query */



/* Common */
body { 
    height: 100vh;
	word-break: keep-all;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
	background: var(--green);
	color: var(--white);
}
 
::selection {
	background: var(--green);
	color: var(--white);
}


::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--light-gray); }
::-webkit-scrollbar-thumb { background: var(--gray); }
::-webkit-scrollbar-thumb:hover { background: var(--white); }

img {
    border: 0;
    vertical-align: bottom;
	width: 100%;
    max-width: 100%;
}

ul {
    list-style: none;
}

a,
a:hover {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
    text-decoration: none;
	word-break: keep-all;
	color: var(--green);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

a:hover {
	color: var(--blue) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

input {
	padding: 10.25px 15px 10.25px 15px;
	color: var(--dark-gray);
	font-size: 15px;
	letter-spacing: -.03em;
	border: 0;
	border-radius: 45px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

input.light-theme::placeholder {
	color: var(--neutral-gray);
}

input.dark-theme::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

input.light-theme {
	border: 1px solid rgba(0, 0, 0, 0.3);
	color: var(--dark-gray);
	background: transparent;

}

input.light-theme:disabled {
	opacity: .2;
}

input.dark-theme {
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: var(--white);
	background: transparent;
}

input.light-theme:hover, 
input.light-theme:focus, 
input.light-theme:active {
	border: 1px solid rgba(0, 0, 0, 1);
	color: var(--dark-gray);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

input.dark-theme:hover, 
input.dark-theme:focus, 
input.light-theme:active {
	border: 1px solid rgba(255, 255, 255, 1);
	color: var(--white);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

input[type=text], 
input[type=email], 
input[type=tel], 
input[type=date], 
input[type=datetime-local], 
input[type=file], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=time], 
input[type=url] {
	width: 100%;
}

input[type=search] {
	padding: 11px 50px 11px 20px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-attachment: scroll;
	background-position: right 15px top 10px;
	background-image: url('../images/icon-search.png');
}

input[type=checkbox], 
input[type=radio] {
	accent-color: var(--green);
	color: var(--white);
}

label {
	position: absolute;
	padding-top: 11px;
	left: 30px;
	top: -15px;
	min-width: 90px;
	font-size: 13px;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

label.required::after {
	margin-left: 3px;
	content: '*';
	color: var(--green);
}

label.dark-theme {
	color: var(--white);
}

label.dark-theme.required::after {
	color: var(--white);
}

label.checkbox {
	display: inline;
	position: relative;
	margin-left: 10px;
	margin-right: 35px;
	min-width: 50px;
	font-size: 15px;
	color: var(--dark-gray);
	left: 0;
}

.label {
	padding: 7px 9px 6px 9px;
	border-radius: 6px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -.03em;
}

.label.label-not-approved {
	border: 1px solid var(--green);
	color: var(--green);
}

.label.label-approved {
	border: 1px solid var(--gray);
	color: var(--gray);
}

textarea {
	width: 100%;
	height: auto;
	min-height: 100px;
	font-size: 15px;
	padding: 15px;
	letter-spacing: -.03em;
	resize: none;
	border-radius: 10px 0 0 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-transition: all .3s; 
	transition: all .3s;
	overflow-y: scroll;
	color: var(--dark-gray);
}

textarea::placeholder {
	color: var(--neutral-gray);
}

textarea:hover, 
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 1);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

select {
	display: inline-block;
	padding: 10.25px 40px 10.25px 25px;
	color: rgba(40, 40, 43, 1);
	font-size: 15px;
	letter-spacing: -.03em;
	border: 0;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 23px;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	-webkit-transition: all .3s; 
	transition: all .3s;
	background: transparent;
}

select.light-theme:hover, 
select.light-theme:focus,
select.light-theme:active {
	border: 1px solid rgba(40, 40, 43, 1);
	color: var(--dark-gray);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

select.dark-theme:hover, 
select.dark-theme:focus,
select.dark-theme:active {
	border: 1px solid rgba(255, 255, 255, 1);
	color: var(--white);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

select[disabled] {
	opacity: .2;
}

select[disabled]:hover, 
select[disabled]:active {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

select option[value=""][disabled] {
	display: none;
}

select.light-theme {
	border: 1px solid rgba(40, 40, 43, 0.4);
	color: var(--dark-gray);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-attachment: scroll;
	background-position: right 15px top 11px;
	background-image: url('../images/icon-chevron-down-light.png');
}

select.dark-theme {
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--white);
	background: transparent;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-attachment: scroll;
	background-position: right 15px top 11px;
	background-image: url('../images/icon-chevron-down.png');
}

input[type="radio"], 
input[type="checkbox"] {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
	transform: scale(1.5);
}

input:focus, 
select:focus, 
textarea:focus {
	outline: none !important;
}

strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

table {
	width: 100%;
}

table, th, td {
	border: 1px solid var(--light-gray);
}

th, td {
	padding: 10px;
}

th {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 13px;
	color: var(--dark-gray);
	border-bottom: 1px solid var(--deep-gray);
}

td {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 15px;
	color: var(--deep-gray);
}

.data-table-light {
	border-top: 1px solid var(--deep-gray);
	border-bottom: 1px solid var(--deep-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-light th, 
.data-table-light td {
	padding: 17px 65px 19px 65px;
	border-left: 0;
	border-right: 0;
}

.data-table-light th:first-child, 
.data-table-light td:first-child {
	background-color: var(--weak-gray);
}

.data-table-light tbody tr:last-child td {
	border-bottom: 1px solid var(--deep-gray);
}

.data-table-dark {
	border-top: 1px solid var(--neutral-gray);
	border-bottom: 1px solid var(--neutral-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-dark th, 
.data-table-dark td {
	padding-left: 65px;
	border-top: 1px solid var(--neutral-gray);
	border-bottom: 1px solid var(--neutral-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-dark th:first-child, 
.data-table-dark td:first-child {
	background-color: rgba(245, 244, 250, 0.5);
}

button {
	border: 0;
}

/* Hides Video Controller */
video::-webkit-media-controls {
	display: none !important;
}
video::-webkit-media-controls-enclosure {
	display: none !important;
}
video::-webkit-media-controls-panel {
	display: none !important;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	overflow: hidden;
	background-color: var(--light-gray);
	opacity: 1;
}

#wrap {
	min-height: 100vh;
	position: relative;
}

.undisplay { display: none !important; }
.undisplay-after::after { display: none !important; }
.undisplay-before::before { display: none !important; }

.desktop-item { display: block !important; }
.mobile-item { display: none !important; }

.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w100p { width: 100% !important; }
.w80px { width: 80px !important; }
.w110px { width: 110px !important; }
.w130px { width: 130px !important; }
.w140px { width: 140px !important; }
.w150px { width: 150px !important; }
.w160px { width: 160px !important; }
.w170px { width: 170px !important; }
.w180px { width: 180px !important; }
.w200px { width: 200px !important; }
.w210px { width: 210px !important; }
.w220px { width: 220px !important; }
.w240px { width: 240px !important; }

.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
.mt30px { margin-top: 30px; }
.mt40px { margin-top: 40px; }
.mt50px { margin-top: 50px; }
.mt60px { margin-top: 60px; }
.mt80px { margin-top: 80px; }
.mt140px { margin-top: 140px; }

.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }

.pt50px { padding-top: 50px; }
.pb10px { padding-bottom: 10px; }

.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }
.text-align-center { text-align: center !important; }

@keyframes vertical-scroll-animation {
    0% {margin-top: 0;}
    50% {margin-top: -15px;}
    100% {margin-top: 0;}
}

.vertical-scroll {
	position: absolute;
	width: 96px;
	height: 96px;
	left: 50%;
	bottom: 0;
	margin-left: -48px;
	z-index: 50;
}

.vertical-scroll svg {
    animation-name: vertical-scroll-animation;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
}

.common-background {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.common-background .desktop-item, 
.common-background .mobile-item {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.video-background, 
.image-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 1;
}

.video-background video, 
.image-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes image-backgroun-animation {
    0% {
		width: 130%;
		height: 130%;
	}
    100% {
		width: 100%;
		height: 100%;
	}
}

.image-background {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.image-background img {
    animation-name: image-backgroun-animation;
    animation-duration: 6s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
}

.inquiry {
	padding: 85px 0;
	background-color: var(--deep-gray);
	background-image: url('../images/contact-bg-lg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center;
}

.inquiry .container {
	position: relative;
	padding: 0 0 0 190px;
}

.inquiry .container h2 {
	position: absolute;
	left: 0;
	top: 20px;
	color: var(--white);
	font-size: 30px;
}

.inquiry table, 
.inquiry table td {
	border: 0;
	padding: 22px 15px;
}

.inquiry table td {
	position: relative;
	width: 50%;
}

.inquiry .agree label {
	top: 0;
	color: var(--white);
}

.inquiry .agree label a {
	color: var(--white);
	text-decoration: underline;
}

/* xxxl */
@media (max-width: 1799.98px) {
}

/* xxl */
@media (max-width: 1539.98px) { 
	.inquiry .container {
		position: relative;
		padding: 0;
	}

	.inquiry .container h2 {
		position: relative;
		display: block;
		left: 0;
		top: 0;
		text-align: center;
		margin-bottom: 50px;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.inquiry .agree .primary-button-lg {
		width: 120px !important;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.inquiry {
		padding: 85px 120px;
	}

	.inquiry table td {
		display: block;
		clear: both;
		width: 100%;
	}
	.inquiry .agree .primary-button-lg {
		display: block;
		width: 100% !important;
		margin-top: 20px;
	}
}

/* md */
@media (max-width: 767.98px) {
	input[type="radio"], 
	input[type="checkbox"] {
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Chrome, Safari, Opera */
		transform: scale(1);
	}

	textarea {
		border-radius: 10px !important;
	}

	.desktop-item { display: none !important; }
	.mobile-item { display: block !important; }

	.vertical-scroll {
		width: 56px;
		height: 56px;
		margin-left: -28px;
	}
	.vertical-scroll svg {
		animation-name: vertical-scroll-animation;
		animation-duration: .8s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-timing-function: ease-in-out;
	}

	.inquiry {
		padding: 85px 50px;
		background-image: url('../images/contact-bg-sm.jpg');
	}
}

/* sm */
@media (max-width: 575.98px) {
	.inquiry {
		padding: 85px 0;
	}

	.inquiry .container h2 {
		font-size: 24px;
	}
}

/* iOS Hack */
@supports (-webkit-hyphens: none) {
	.iOS-bg-attachment {
		background-attachment: scroll !important;
	}
}
/* End Common */



/* Button */
.primary-button-lg {
	display: inline-block;
	padding: 10.25px 15px 12.25px 15px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 15px;
	border-radius: 45px;
	text-align: center;
	border: 0 !important;
	vertical-align: middle;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.primary-button-lg.light-theme {
	color: var(--white);
	background-color: var(--green);
}

.primary-button-lg.dark-theme {
	color: var(--dark-gray);
	background-color: var(--white);
}

.primary-button-lg.light-theme:focus, 
.primary-button-lg.light-theme:hover {
	background-color: var(--deep-green);
	color: var(--white) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.primary-button-lg.dark-theme:focus, 
.primary-button-lg.dark-theme:hover {
	background-color: var(--green);
	color: var(--white) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.primary-button-sm {
	display: inline-block;
	padding: 7px 15px 7px 15px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 13px;
	border-radius: 31px;
	text-align: center;
	border: 0 !important;
	vertical-align: middle;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.primary-button-sm.light-theme {
	color: var(--white);
	background-color: var(--green);
}

.primary-button-sm.dark-theme {
	color: var(--dark-gray);
	background-color: var(--white);
}

.primary-button-sm.light-theme:focus, 
.primary-button-sm.light-theme:hover {
	background-color: var(--deep-green);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.primary-button-sm.dark-theme:focus, 
.primary-button-sm.dark-theme:hover {
	background-color: var(--green);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-lg {
	display: inline-block;
	padding: 9.75px 13px 10.75px 13px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 15px;
	border-radius: 45px;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-lg.light-theme {
	border: 1px solid var(--green) !important;
	color: var(--green);
	background-color: transparent;
}

.secondary-button-lg.dark-theme {
	border: 1px solid var(--white) !important;
	color: var(--white);
	background-color: transparent;
}

.secondary-button-lg.light-theme:focus, 
.secondary-button-lg.light-theme:hover {
	border: 1px solid var(--deep-green) !important;
	color: var(--deep-green) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-lg.dark-theme:focus, 
.secondary-button-lg.dark-theme:hover {
	border: 1px solid var(--green) !important;
	color: var(--green) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-sm {
	display: inline-block;
	padding: 6px 14px 6px 14px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 13px;
	border-radius: 31px;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-sm.light-theme {
	border: 1px solid var(--green) !important;
	color: var(--green);
	background-color: transparent;
}

.secondary-button-sm.dark-theme {
	border: 1px solid var(--white) !important;
	color: var(--white);
	background-color: transparent;
}

.secondary-button-sm.light-theme:focus, 
.secondary-button-sm.light-theme:hover {
	color: var(--green) !important;
	border: 1px solid var(--gren) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.secondary-button-sm.dark-theme:focus, 
.secondary-button-sm.dark-theme:hover {
	color: var(--green) !important;
	border: 1px solid var(--green) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
/* End Button */



/* Header */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	min-height: 90px;
	text-align: center;
	background-color: var(--white);
	border-bottom: 1px solid var(--light-gray);
	z-index: 999;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header .gnb-container {
	position: relative;
}

.header .logo {
	position: absolute;
	left: 40px;
	top: 33px;
}

.header .logo img {
	float: left;
	width: 190px;
	height: auto;
}

.header.transparent {
	background-color: transparent;
	border-bottom: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header .gnb-container .depth-1 {
	width: 100%;
	min-height: 90px;
}

.header .gnb-container .depth-1 a {
	display: inline-block;
	position: relative;
	padding: 32px 30px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--dark-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent .gnb-container .depth-1 a {
	color: var(--white);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header .gnb-container .depth-1 a.active {
	color: var(--green);
}

.header .gnb-container .utility-menu {
	position: absolute;
	right: 25px;
	top: 19px;
}

.header .gnb-container .utility-menu .links {
	display: inline-block;
	margin-right: 10px;
}

.header .gnb-container .utility-menu .links a {
	position: relative;
	display: inline-block;
	padding: 15px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.03em;
	color: var(--deep-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent .gnb-container .utility-menu .links a {
	color: var(--white);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header .gnb-container .utility-menu .links a:first-child::after {
	position: absolute;
	content: ' ';
	width: 1px;
	height: 15px;
	top: 16px;
	right: -2px;
	background-color: var(--neutral-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent .gnb-container .utility-menu .links a:first-child::after {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header:hover {
	background-color: var(--white) !important;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent:hover .gnb-container .depth-1 a {
	color: var(--dark-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent:hover .gnb-container .utility-menu .links a {
	color: var(--deep-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent:hover .gnb-container .utility-menu .links a:first-child::after {
	background-color: var(--neutral-gray);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent .gnb-container .depth-1 a:hover, 
.header.transparent .gnb-container .depth-1 a:active {
	color: var(--green) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header.transparent .gnb-container .utility-menu .links a:hover, 
.header.transparent .gnb-container .utility-menu .links a:active {
	color: var(--green) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.header .mobile-gnb .utility-menu li a {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 16px;
	color: var(--dark-gray);
}

.header .mobile-gnb .utility-menu .smart-store svg, 
.header .gnb-container .utility-menu .smart-store svg {
	margin-top: -4px;
}

.header .gnb-container .utility-menu .mobile-menu {
	display: none;
}

.header .mobile-gnb-container {
	display: none;
}

.mobile-gnb-container {
	z-index: 999;
}

.mobile-gnb-container {
	display: none;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	z-index: 1000;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.mobile-gnb-container.active {
	display: block;
	opacity: 1;
	backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.mobile-gnb {
	position: fixed;
	right: 0;
	width: 320px;
	height: 100vh;
	background-color: var(--white);
}

.mobile-gnb-header {
	position: relative;
	height: 140px;
	padding: 15px;
	text-align: right;
}

.mobile-gnb-header .mobile-logo {
	position: absolute;
	left: 20px;
	top: 22px;
}

.mobile-gnb-header .mobile-logo img {
	width: 150px;
	height: auto;
}

.mobile-gnb-depth-1, 
.mobile-gnb-depth-1:hover {
	display: block;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 20px;
	line-height: 1.3em;
	color: var(--dark-gray);
}

.mobile-gnb-row {
	padding: 12.5px 20px;
}

.mobile-utility-menu {
	position: absolute;
	width: 320px;
	bottom: 0;
	right: 0;
	padding: 40px 20px;
}

.mobile-utility-menu .links {
	margin-bottom: 30px;
}

.mobile-utility-menu .links a {
	position: relative;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 18px;
	color: var(--deep-gray);
}

.mobile-utility-menu .links a:first-child {
	margin-right: 15px;
}

.mobile-utility-menu .links a:first-child::after {
	position: absolute;
	content: ' ';
	width: 1px;
	height: 15px;
	top: 4px;
	right: -17px;
	background-color: var(--neutral-gray);
}

.mobile-utility-menu .links a:last-child {
	margin-left: 15px;
}

/* xxl */
@media (max-width: 1539.98px) {
	.header .gnb-container .depth-1 a {
		padding: 32px 20px;
		font-size: 18px;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.header {
		min-height: 60px;
	}

	.header .gnb-container .depth-1, 
	.header .gnb-container .depth-2, 
	.header .gnb-container .utility-menu .links, 
	.header .gnb-container .utility-menu .primary-button-lg {
		display: none;
	}

	.header .gnb-container .utility-menu .mobile-menu {
		display: block !important;
	}

	.header:hover .gnb-container .depth-2 {
		display: none;
	}
	
	.header:hover {
		box-shadow: none;
	}

	.header .logo {
		left: 16px;
		top: 20px;
	}
	
	.header .logo img {
		width: 150px;
	}

	.header .gnb-container .utility-menu {
		right: 16px;
		top: 16px;
	}

	.header .mobile-gnb .utility-menu {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.header .mobile-gnb .link {
		padding: 0 30px;
	}

	.header .mobile-gnb .smart-store {
		display: block;
		width: 100%;
	}
}
/* End Header */



/* FAB */
.fab {
	position: fixed;
	right: 30px;
	bottom: 30px;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	z-index: 900;
}

.fab a {
	display: block;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 28px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.10);
}

.fab a img {
	width: 100%;
}

.fab-fade-out {
	opacity: 0;
	pointer-events: none; 
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.fab-fade-in {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

/* lg */
@media (max-width: 1019.98px) {
	.fab {
		right: 10px;
		bottom: 10px;
	}

	.fab a {
		width: 56px;
		height: 56px;
		border-radius: 24px;
	}
}
/* End FAB */



/* Footer */
.footer {
	position: relative;
	width: 100%;
	padding: 40px;
	background-color: var(--white);
	border-top: 1px solid var(--light-gray);
	z-index: 15;
}

.footer .footer-logo {
	width: 180px;
	height: auto;
	margin-top: 5px;
}

.footer .links {
	position: relative;
	margin-top: 25px;
	z-index: 11;
}

.footer .links a {
	position: relative;
	display: inline-block;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: var(--deep-gray);
	margin-right: 15px;
	margin-left: 15px;;
}

.footer .links a:first-child {
	margin-left: 0;
}

.footer .links a:last-child {
	margin-right: 0;
}

.footer .links a::after {
	position: absolute;
	right: -16px;
	top: 4px;
	display: block;
	content: ' ';
	width: 1px;
	height: 15px;
	background-color: var(--neutral-gray);
}

.footer .links a:last-child:after {
	display: none;
}

.footer .links a strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--dark-gray);
}

.footer .links a:hover, 
.footer .links a:active, 
.footer .links a:hover strong, 
.footer .links a:active strong {
	color: var(--green) !important;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}

.footer .copyright {
	position: absolute;
	right: 40px;
	top: 40px;
	text-align: right;
	font-size: 14px;
	color: var(--gray);
}

.footer .copyright .sns {
	position: relative;
	margin-top: 15px;
	z-index: 10;
}

.footer .copyright .sns a {
	margin-right: 25px;
}

.footer .copyright .sns a:last-child {
	margin-right: 0;
}

/* lg */
@media (max-width: 1019.98px) {
	.footer {
		padding: 40px 16px;
		text-align: center;
	}

	.footer .footer-logo {
		width: 150px;
		margin-top: 0;
	}

	.footer .links a {
		font-size: 13px;
		margin-right: 10px;
		margin-left: 10px;;
	}

	.footer .links a::after {
		right: -12px;
		top: 1px;
	}

	.footer .copyright {
		padding-bottom: 40px;
		position: relative;
		right: auto;
		text-align: center;
	}

	.footer .copyright .sns {
		margin-top: 30px;
	}
}

/* md */
@media (max-width: 767.98px) {
}
/* End Footer */



/* Popup */
.event-popup {
	position: fixed;
	left: 30px;
	top: 110px;
	z-index: 998;
}

.event-popup .popup-item {
	width: 80vw;
	max-width: 500px;
	padding: 10px;
	border-radius: 15px;
	background-color: var(--white);
	box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.25);
}

.event-popup .popup-item .popup-slider img {
	border-radius: 10px;
}

.event-popup .popup-item .action-button {
	padding: 10px 10px 0 10px;
	height: 40px;
}

.event-popup .popup-item .action-button .today {
	float: left;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 14px;
	color: var(--dark-gray);
	padding-top: 3px;
}

.event-popup .popup-item .action-button .close {
	float: right;
	font-size: 14px;
	padding: 5px 0;
}

.event-popup .popup-item .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.event-popup .popup-item .slick-dots {
	bottom: -30px;
}

.event-popup .popup-item .slick-dots li {
	width: 10px;
	height: 10px;
}

.event-popup .popup-item .slick-dots li button {
	width: 10px;
	height: 10px;
}

.event-popup .popup-item .slick-dots li.slick-active button {
	background: var(--deep-gray);
	border: 2px solid var(--deep-gray);
	opacity: 1;
}

.close-popup {
	display: none !important;
}

/* xl */
@media (max-width: 1279.98px) {
	.event-popup {
		left: 15px;
		top: 65px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.event-popup {
		top: auto;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.event-popup .popup-item {
		width: 100%;
		max-width: 100%;
		border-radius: 15px 15px 0 0;
	}

	.event-popup .popup-item .action-button .today {
		font-size: 12px;
		padding-top: 7px;
	}
}
/* End Popup */



/* HOME */
.home .hero {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.home .hero .copy {
	position: absolute;
	flex-basis: 100%;
	max-width: 810px;
	text-align: center;
	z-index: 10;
}

.home .hero .copy h1 {
	font-size: 42px;
	color: var(--white);
	margin-bottom: 30px;
}

.home .hero .copy .description {
	font-size: 22px;
	color: var(--white);
	margin-bottom: 40px;
}

.home .hero .video-background::before {
	position: absolute;
	left: 0;
	top: 0;
	content: ' ';
	width: 100vw;
	height: 100vh;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
}

.home .features {
	position: relative;
	overflow: hidden;
}

.home .features .copy {
	position: absolute;
	width: 28vw;
	max-width: 495px;
	left: 23.5vw;
	top: 320px;
	z-index: 50;
}

.home .features .copy h2 {
	font-size: 30px;
	color: var(--white);
	margin-bottom: 40px;
}

.home .features .copy h2 strong {
	color: var(--green);
}

.home .features .copy .description {
	font-size: 22px;
	color: var(--white);
}

.home .features .features-item {
	position: relative;
	width: 100%;
	padding-top: 200px;
	padding-bottom: 200px;
	padding-right: 18vw;
	text-align: right;
	z-index: 50;
}

.home .features .features-item ul {
	display: inline-block;
	width: 495px;
}

.home .features .features-item li {
	position: relative;
	margin-bottom: 60px;
	text-align: left;
}

.home .features .features-item li:last-child {
	margin-bottom: 0;
}

.home .features .features-item .logo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.home .features .features-item .description {
	position: absolute;
	right: 0;
	top: 58px;
	width: 285px;
	font-size: 22px;
	color: var(--white);
}

.home .features .features-item .description strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--white);
}

.home .features .clients {
	position: relative;
	padding-bottom: 200px;
	text-align: center;
	z-index: 50;
}

.home .features .clients h2 {
	padding: 0 30px;
	margin-bottom: 20px;
	font-size: 38px;
	color: var(--white);
}

.home .features .clients h2 strong {
	color: var(--green);
}

.home .features .clients .description {
	padding: 0 30px;
	margin-bottom: 80px;
	font-size: 22px;
	color: var(--white);
}

.point {
	position: relative;
	height: 230vh;
	background-color: #F0F0F0;
}

.point .chat {
	position: absolute;
	padding: 180px 23.39vw 0 23.39vw;
	width: 100%;
	overflow: hidden;
	z-index: 50;
}

.point .chat .question, 
.point .chat .answer {
	position: relative;
	margin-bottom: 80px;
}

.point .chat .question img, 
.point .chat .answer img {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	top: -30px;
	stroke-width: 1px;
	stroke: rgba(0, 0, 0, 0.10);
	border-radius: 50%;
}

.point .chat .answer img {
	left: auto;
	right: 0;
}

.point .chat .question p, 
.point .chat .answer p {
	display: block;
	padding: 40px 80px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.10);
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
}

.point .chat .question p strong, 
.point .chat .answer p strong {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	color: var(--green);
}

.point .chat .question {
	margin-right: 210px;
}

.point .chat .question p {
	margin-left: 50px;
}

.point .chat .answer {
	margin-left: 210px;
}

.point .chat .answer p {
	margin-right: 50px;
}

.point .video-background, 
.point .image-background {
	position: sticky;
}

.home .partners {
	position: relative;
	padding-bottom: 200px;
	background-color: var(--green);
	text-align: center;
}

.home .partners .copy {
	text-align: center;
}

.home .partners .copy img {
	position: relative;
	display: inline-block;
	margin-top: -30vh;
	max-width: 500px;
	z-index: 50;
}

.home .partners .copy .secondary-button-lg {
	position: relative;
	display: inline-block;
	margin-top: -65px;
	z-index: 70;
}

.home .partners h2 {
	margin-top: 160px;
	color: var(--white);
}

.home .partners .description {
	margin-top: 20px;
	font-size: 22px;
	color: var(--white);
}

.home .partners-list {
	display: flex;
	margin-top: 125px;
	margin-bottom: 35px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.home .partners-list a {
	flex-basis: 23%;
	width: 23%;
	height: 285px;
	margin: 15px 0;
	border-radius: 15px;
	background-color: var(--white);
	background-image: url('../images/icon-arrow-right.png');
	background-repeat: no-repeat;
	background-size: 35px 12.5px;
	background-position: right 25px bottom 30px;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
}

.home .partners-list a:hover, 
.home .partners-list a:active {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
}

.home .partners-list a img {
	margin-top: 60px;
	max-width: 225px;
	margin-bottom: 28px;
}

.home .partners-list a .title {
	display: block;
	margin-bottom: 10px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 24px;
	color: var(--dark-gray);
}

.home .partners-list a .category {
	display: block;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 16px;
	color: var(--green);
}

.home .partners-list a:nth-child(odd) {
	margin-top: -60px;
}

.home .partners .secondary-button-lg.dark-theme:focus, 
.home .partners .secondary-button-lg.dark-theme:hover {
	border: 1px solid var(--black) !important;
	color: var(--black) !important;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.home .statistics {
	padding: 130px 0;
	background-color: var(--deep-gray);
	background-image: url('../images/features-bg-lg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.home .statistics .container {
	padding: 0 63px;
	text-align: center;
}

.home .statistics .statistics-item {
	display: inline-block;
	width: 33%;
	padding: 0 42px;
	text-align: left;
	vertical-align: top;
}

.home .statistics .statistics-item .title .number {
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 62px;
	color: var(--green);
}

.home .statistics .statistics-item .title .progress {
	height: 8px;
	border-radius: 0;
	overflow: hidden;
	background-color: transparent;
}

.home .statistics .statistics-item .title .progress span {
	display: block;
	width: 100%;
	height: 8px;
	background-color: var(--green);
}

.home .statistics .statistics-item .description {
	margin-top: 20px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 18px;
	color: var(--white);
}

.service {
	padding: 200px 0 150px 0;
	text-align: center;
	overflow: hidden;
	background-color: var(--pale-gray);
}

.service .container {
	position: relative;
}

.service h2 {
	font-size: 38px;
	margin-bottom: 160px;
}

.service h2 strong {
	display: inline-block;
	color: var(--green);
}

.service h2::after {
	position: absolute;
	display: block;
	content: ' ';
	width: 1px;
	height: 160px;
	left: 50%;
	top: 90px;
	background-color: var(--green);
	z-index: 50;
}

.service .service-container {
	width: 1290px;
	margin: 0 auto;
}

.service .service-container .draggable {
	padding-bottom: 50px !important;
}

.service .service-container .service-item {
	height: 390px;
	margin-right: 30px;
	padding: 80px 25px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
}

.service .service-container .service-item:last-child {
	margin-right: 0;
}

.service .service-container .service-item img {
	display: inline-block;
	width: 90px;
	margin-bottom: 40px;
}

.service .service-container .service-item .title {
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 24px;
	color: var(--green);
	margin-bottom: 20px;
}

.home .reviews {
	padding-bottom: 150px;
	background-color: var(--pale-gray);
	overflow: hidden;
}

.home .reviews h2 {
	font-size: 38px;
	text-align: center;
	margin-bottom: 80px;
}

.home .reviews h2 strong {
	display: inline-block;
	color: var(--green);
}

.home .reviews .reviews-container .draggable {
	padding-top: 70px !important;
	padding-bottom: 50px !important;
}

.home .reviews .reviews-container a {
	margin: 0 15px;
	border-radius: 15px;
	background: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-image: url('../images/icon-arrow-right.png');
	background-repeat: no-repeat;
	background-size: 35px 12.5px;
	background-position: right 30px bottom 30px;
}

.home .reviews .reviews-container a:hover, 
.home .reviews .reviews-container a:active {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.home .reviews .reviews-container a:nth-child(odd) {
	margin-top: -70px;
}

.home .reviews .reviews-container a .title {
	padding: 30px 30px 10px 30px;
	display: block;
	font-size: 18px;
	color: var(--dark-gray);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home .reviews .reviews-container a .description {
	padding: 0 30px 0 30px;
	margin-bottom: 70px;
	display: block;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: var(--deep-gray);
	height: 90px;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* xxxl */
@media (max-width: 1799.98px) {
	.home .features .copy {
		left: 15vw;
	}

	.home .features .features-item {
		padding-right: 15vw;
	}
}

/* xxl */
@media (max-width: 1539.98px) {
	.home .features .copy {
		width: 40vw;
		left: 10vw;
	}

	.home .features .features-item {
		padding-right: 5vw;
	}

	.point .chat {
		padding: 180px 150px 0 150px;
	}

	.service .service-container {
		width: 100%;
	}

	.service .service-container .service-item {
		margin: 0 15px;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.home .features .copy h2, 
	.home .features .clients h2 {
		font-size: 24px;
	}

	.home .features .copy .description, 
	.home .features .clients .description {
		font-size: 18px;
	}

	.home .features .clients .description {
		margin-bottom: 40px;
	}

	.point .chat {
		padding: 180px 30px 0 30px;
	}

	.home .statistics .container {
		padding: 0;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.home .hero .copy {
		min-width: 100%;
		left: 0;
		margin-left: 0;
	}

	.home .hero .copy h1 {
		font-size: 30px;
	}
	
	.home .hero .copy .description {
		font-size: 18px;
	}

	.home .features .copy {
		top: 100px;
	}

	.home .features .features-item .description {
		top: 32px;
		width: 160px;
		font-size: 16px;
	}

	.home .features .features-item {
		padding-right: 5vw;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.home .features .features-item ul {
		width: 290px;
	}

	.home .features .features-item li {
		margin-bottom: 30px;
	}

	.home .features .features-item .logo {
		width: 110px;
		height: 110px;
	}

	.home .features .clients {
		padding-bottom: 80px;
	}

	.point .chat .question {
		margin-right: 100px;
	}

	.point .chat .answer {
		margin-left: 100px;
	}

	.point .chat .question p, 
	.point .chat .answer p {
		font-size: 20px;
	}

	.home .partners {
		padding-bottom: 80px;
	}

	.home .partners h2 {
		font-size: 38px;
	}
	
	.home .partners .description {
		font-size: 18px;
	}

	.home .partners-list {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.home .partners-list a {
		flex-basis: 48%;
		width: 48%;
	}

	.home .partners-list a:nth-child(odd) {
		margin-top: 15px;
	}

	.home .statistics {
		padding: 80px 0;
	}

	.home .statistics .statistics-item {
		width: 32%;
		padding: 0 10px;
	}

	.home .statistics .statistics-item .title .number {
		font-size: 38px;
	}

	.home .statistics .statistics-item .title .progress {
		height: 5px;
	}
	
	.home .statistics .statistics-item .title .progress span {
		height: 5px;
	}
	
	.home .statistics .statistics-item .description {
		margin-top: 15px;
		font-size: 16px;
	}

	.service .service-container .service-item {
		height: 220px;
		padding: 40px 25px 0 25px;
	}

	.service .service-container .service-item img {
		width: 60px;
		margin-bottom: 15px;
	}
	
	.service .service-container .service-item .title {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.service .service-container .service-item .primary-button-lg {
		width: 120px !important;
		font-size: 13px !important;
		padding: 5.75px 15px !important;
	}
}

/* md */
@media (max-width: 767.98px) {
	.home .features .copy {
		position: relative;
		top: auto;
		left: 0;
		width: 100%;
		max-width: 100%;
		padding: 80px 30px 0 30px;
		text-align: center;
	}

	.home .features .copy h2 {
		margin-bottom: 30px;
	}

	.home .features .features-item {
		padding: 60px 30px 100px 30px;
		text-align: center;
	}

	.home .features .features-item ul {
		margin: 0 auto;
	}

	.point {
		height: 200vh;
		min-height: 1550px;
	}

	.point .chat {
		padding: 80px 16px 0 16px;
	}

	.point .chat .question, 
	.point .chat .answer {
		margin-bottom: 42px;
	}

	.point .chat .question img, 
	.point .chat .answer img {
		top: -12px;
		width: 50px;
		height: 50px;
	}

	.point .chat .question p, 
	.point .chat .answer p {
		font-size: 18px;
	}

	.point .chat .question p {
		margin-left: 24px;
		padding: 25px 25px 25px 30px;
	}

	.point .chat .answer p {
		margin-right: 24px;
		padding: 25px 30px 25px 25px;
	}

	.service {
		padding: 80px 0 30px 0;
	}

	.service h2 {
		font-size: 24px;
		margin-bottom: 70px;
	}

	.service h2::after {
		height: 80px;
		top: 80px;
	}
	
	.service h2 strong {
		display: block;
	}

	.home .reviews {
		padding-bottom: 30px;
	}

	.home .reviews h2 {
		font-size: 24px;
		margin-bottom: 40px;
	}
	
	.home .reviews h2 strong {
		display: block;
	}

	.home .reviews .reviews-container .draggable {
		padding-top: 0 !important;
	}

	.home .reviews .reviews-container a {
		background-position: right 20px bottom 25px;
	}

	.home .reviews .reviews-container a:nth-child(odd) {
		margin-top: 0;
	}

	.home .reviews .reviews-container a .title {
		padding: 20px 20px 10px 20px;
		font-size: 16px;
	}
	
	.home .reviews .reviews-container a .description {
		padding: 0 20px 45px 20px;
		font-size: 14px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.home .hero .copy h1 {
		padding: 0 16px;
		font-size: 24px;
	}
	
	.home .hero .copy .description {
		padding: 0 16px;
		font-size: 16px;
	}

	.home .features .copy {
		padding: 80px 16px 0 16px;
	}

	.home .features .copy h2 {
		font-size: 20px;
	}

	.home .features .clients h2 {
		padding: 0 16px;
	}

	.home .features .clients .description {
		padding: 0 16px;
		font-size: 16px;
	}

	.home .features .clients .description {
		margin-bottom: 40px;
	}

	.point .chat .question, 
	.point .chat .answer {
		margin-right: 0;
		margin-left: 0;
	}

	.point .chat .question p, 
	.point .chat .answer p {
		font-size: 16px;
	}

	.home .partners .copy .secondary-button-lg {
		margin-top: -25px;
	}

	.home .partners h2 {
		margin-top: 120px;
		font-size: 30px;
	}
	
	.home .partners .description {
		font-size: 16px;
	}

	.home .partners-list a {
		flex-basis: 45%;
		width: 45%;
		height: 156px;
		margin: 8px;
		background-size: 22px 7px;
		background-position: right 15px bottom 15px;
		border-radius: 8px;
	}

	.home .partners-list a:nth-child(odd) {
		margin-top: 8px;
	}

	.home .partners-list a img {
		width: 126px;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.home .partners-list a .title {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.home .partners-list a .category {
		font-size: 12px;
	}

	.home .statistics .statistics-item {
		display: block;
		margin-bottom: 50px;
		width: 100%;
	}

	.home .statistics .statistics-item:last-child {
		margin-bottom: 0;
	}

	.service .service-container .service-item, 
	.home .reviews .reviews-container a {
		border-radius: 8px;
	}
}
/* End HOME */



/* Sub Page Common */
.subpage {
	background-color: var(--pale-gray);
}

.subpage .hero {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.subpage .hero .copy {
	position: absolute;
	flex-basis: 100%;
	max-width: 810px;
	text-align: center;
	z-index: 10;
}

.subpage .hero .copy h1 {
	font-size: 42px;
	color: var(--white);
	margin-bottom: 30px;
}

.subpage .hero .copy h1 strong {
	font-size: 62px;
	color: var(--green);
}


.subpage .hero .copy .description {
	font-size: 22px;
	color: var(--white);
}

.subpage .hero .copy .description strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--green);
}

.subpage .page-title {
	margin-top: 210px;
	text-align: center;
}

.subpage .page-title h2 {
	margin-top: 210px;
	text-align: center;
}

.subpage .body-container {
	margin: 60px 0 120px 0;
	text-align: left;
}

.subpage .body-container p {
	margin-bottom: 50px;
	font-size: 15px;
}

.subpage .body-container p b {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--dark-gray);
	font-size: 16px;
}

.utility-hero {
	position: relative;
	padding-top: 120px;
	margin-top: 90px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	text-align: center;
	background-color: var(--deep-gray);
}

.utility-hero.my-page {
	background-image: url('../images/my-page-hero-lg.jpg');
}

.utility-hero.cs {
	background-image: url('../images/utility-hero-lg.jpg');
}

.utility-hero.review {
	height: 340px;
}

.utility-hero.review::after {
	position: absolute;
	content: ' ';
	left: 0;
	top: 0;
	width: 100%;
	height: 340px;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
	z-index: 1;
}

.utility-hero.review .container {
	position: relative;
	z-index: 5;
}

.utility-hero .tabs {
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.utility-hero .tabs a {
	position: relative;
	display: inline-block;
	height: 60px;
	padding-top: 17px;
	margin-right: 60px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 18px;
	color: var(--white);
}

.utility-hero .tabs a:last-child {
	margin-right: 0;
}

.utility-hero .tabs a.active::before {
	position: absolute;
	display: block;
	content: ' ';
	width: 100%;
	height: 2px;
	top: 0;
	left: 0;
	background-color: var(--white);
}

.utility-hero .tabs a:hover::before, 
.utility-hero .tabs a:active::before {
	background-color: var(--green);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.utility-hero .tabs a:hover, 
.utility-hero .tabs a:active {
	color: var(--green) !important;
}

.utility-body {
	padding-top: 50px;
	padding-bottom: 120px;
}

.utility-body .sort-container {
	padding-bottom: 20px;
}

.utility-body .sort-container select {
	display: inline-block;
	width: 30%;
}

.utility-body .sort-container input[type=search] {
	display: inline-block;
	float: right;
	width: 68%;
}

.board-list a {
	position: relative;
	display: block;
	padding: 19.5px 100px 18.5px 50px;
	margin-bottom: 16px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	color: var(--dark-gray);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.board-list a:hover, 
.board-list a:active {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.board-list a:last-child {
	margin-bottom: 0;
}

.board-list a .num {
	position: absolute;
	left: 20px;
	top: 20px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 15px;
	color: var(--green);
}

.board-list a .date {
	position: absolute;
	right: 20px;
	top: 22px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 13px;
	color: var(--gray);
}

.board-list .empty {
	min-height: 30vh;
	padding-top: 15vh;
	text-align: center;
}

.board-pagination {
	width: 100%;
	margin-top: 30px;
	text-align: center;
}

.board-pagination a {
	display: inline-block;
	min-width: 36px;
	height: 36px;
	margin: 0 3px;
	padding-top: 6px;
	border: 1px solid var(--light-gray);
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: var(--dark-gray);
}

.board-pagination a:hover, 
.board-pagination a:active {
	border: 1px solid var(--dark-gray);
}

.board-pagination a.arrows svg {
	margin-top: -3px;
}

.board-pagination a.disabled svg {
	opacity: 0.2;
}

.board-pagination a.disabled:hover, 
.board-pagination a.disabled:active {
	border: 1px solid var(--light-gray) !important;
}

.board-pagination a.selected {
	background-color: var(--gray);
	border: 1px solid var(--gray) !important;
	color: var(--white) !important;
}

.board-body {
	padding: 50px 40px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
}

.board-body .title {
	display: block;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--dark-gray);
	margin-bottom: 20px;
}

.board-body .info {
	display: block;
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--light-gray);
	margin-bottom: 40px;
}

.board-body .info span:first-child {
	position: relative;
	padding-right: 10px;
}

.board-body .info span:first-child::after {
	position: absolute;
	display: block;
	content: ' ';
	width: 1px;
	height: 12px;
	right: -2px;
	top: 3px;
	background-color: var(--neutral-gray);
}

.board-body .info span:last-child {
	padding-left: 10px;
}

.board-body .board-description p {
	margin-bottom: 30px;
}

.board-body .board-description blockquote {
	padding-left: 20px;
	border-left: 2px solid var(--deep-gray);
}

.board-body .board-description pre {
	padding: 20px;
	background-color: var(--dark-gray);
	color: var(--white);
	border-radius: 8px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
}

.board-body .board-description h1, 
.board-body .board-description h2, 
.board-body .board-description h3, 
.board-body .board-description h4, 
.board-body .board-description h5, 
.board-body .board-description h6 {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--dark-gray);
}

.board-body .board-description h1 {
	font-size: 32px;
}

.board-body .board-description h2 {
	font-size: 28px;
}

.board-body .board-description h3 {
	font-size: 26px;
}

.board-body .board-description h4 {
	font-size: 24px;
}

.board-body .board-description h5 {
	font-size: 20px;
}

.board-body .board-description h6 {
	font-size: 18px;
}

.board-body .board-description ul, 
.board-body .board-description ol {
	padding: 20px 0 20px 20px;
}

.board-body .board-description ul li {
	list-style: disc;
}

.board-body .board-utility li:first-child {
	border-top: 1px solid var(--light-gray);
}

.board-body .board-utility li {
	position: relative;
	padding: 17px 10px 17px 90px;
	height: 60px;
	border-bottom: 1px solid var(--light-gray);
}

.board-body .board-utility li .title {
	position: absolute;
	left: 10px;
	top: 18px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: var(--dark-gray);
}

.board-body .board-utility li .link {
	text-decoration: underline;
}

.board-body .board-utility li .sns {
	margin-right: 20px;
}

.utility-body .board-buttons {
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.utility-body .tabs {
	text-align: center;
	padding: 5px 0;
	margin-bottom: 20px;
}

.utility-body .tabs a {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-gray);
	margin-right: 30px;
}

.utility-body .tabs a.selected {
	color: var(--green) !important;
	border-bottom: 2px solid var(--green);
}

.utility-body .tabs a:hover, 
.utility-body .tabs a:active {
	color: var(--green) !important;
}

.utility-body .tabs a:last-child {
	margin-right: 0;
}

.utility-body .faq-item {
	position: relative;
	display: block;
	padding: 19.5px 40px 18.5px 110px;
	margin-bottom: 16px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	color: var(--dark-gray);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-attachment: scroll;
	background-position: right 15px top 19px;
	background-image: url('../images/icon-chevron-down-light.png');
	cursor: pointer;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.utility-body .faq-item.active {
	background-image: url('../images/icon-chevron-up-light.png');
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.utility-body .faq-item .category {
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 15px;
	color: var(--deep-gray);
}

.utility-body .faq-item .title {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-gray);
}

.utility-body .faq-item .answer {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	color: var(--deep-gray);
	display: none;
}

.utility-body .faq-item .answer .date {
	font-size: 13px;
	color: var(--gray);
	margin-top: 15px;
}

.utility-body .faq-item .answer .details-answer {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--light-gray);
}

.utility-body .contact-info {
	font-size: 18px;
	text-align: center;
}

.utility-body .contact-info a {
	text-decoration: underline;
}

.utility-body .faq-list.qna-list .state {
	position: absolute;
	font-size: 15px;
	right: 45px;
	top: 19px;
}

.utility-body .faq-list.qna-list .state.hold {
	color: var(--green);
}

.utility-body .faq-list.qna-list .state.complete {
	color: var(--neutral-gray);
}

.form-body {
	padding: 40px 60px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
}

.form-body .form-header {
	text-align: right;
	font-size: 13px;
	color: var(--dark-gray);
	padding: 0 15px 10px 15px;
	border-bottom: 1px solid var(--light-gray);
}

.form-body .form-header .required {
	display: inline-block;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--green);
	margin-left: 3px;
}

.form-body li {
	position: relative;
	margin-top: 40px;
}

.form-body li:last-child {
	margin-top: 15px;
}

.form-body li label {
	left: 15px !important;
	top: -35px !important;
}

.form-body .caption {
	padding: 0 15px;
	font-size: 12px;
	color: var(--green);
	margin-top: 10px;
}

.form-body .form-half {
	display: inline-block;
	width: 49%;
}

.form-body .form-half:last-child {
	float: right;
}

.form-body .form-half select {
	width: 100%;
}

.form-body .two-thirds {
	display: inline-block;
	width: 65%;
}

.form-body .one-third {
	display: inline-block;
	width: 33%;
	float: right;
}

.form-body .checkbox {
	margin-left: 8px;
	margin-right: 0;
	left: 0 !important;
	top: 0 !important;
}

.form-body .description {
	margin-top: 30px;
	text-align: center;
	font-size: 15px;
}

.form-body .description a {
	text-decoration: underline;
}

.utility-body .container-xxs {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}

.utility-body .container-xxs .form-field {
	position: relative;
	margin-top: 50px;
}

.utility-body .container-xxs .form-field label {
	left: -5px;
	top: -35px;
	margin-left: 0;
	margin-top: 0;
}

.body-container .container-xs {
	max-width: 480px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}

.body-container .container-xs img {
	max-width: 400px;
	margin-bottom: 40px;
}

.body-container .container-xs .primary-button-lg {
	margin-top: 40px;
}

.login-container .container-xs {
	max-width: 390px;
	margin: 0 auto;
}

.login-container .container-xs .form-body {
	padding: 20px 30px 30px 30px;
	margin-top: 40px;
	text-align: left;
}

.login-container .container-xs .form-body .text-align-right {
	padding-right: 15px;
	padding-bottom: 20px;
}

.login-container .container-xs .form-body .utility-links {
	margin-top: 30px;
	text-align: center;
}

.login-container .container-xs .form-body .utility-links a {
	position: relative;
	color: var(--dark-gray);
	font-size: 15px;
	padding-right: 15px;
	margin-right: 15px;
}

.login-container .container-xs .form-body .utility-links a:hover, 
.login-container .container-xs .form-body .utility-links a:active {
	color: var(--green) !important;
}

.login-container .container-xs .form-body .utility-links a:last-child {
	padding-right: 0;
	margin-right: 0;
}

.login-container .container-xs .form-body .utility-links a::after {
	position: absolute;
	content: ' ';
	right: -2px;
	top: 2px;
	width: 1px;
	height: 15px;
	background-color: var(--neutral-gray);
}

.login-container .container-xs .form-body .utility-links a:last-child::after {
	display: none;
}

.login-container .buttons {
	padding: 30px;
}

.login-container .buttons li {
	margin-bottom: 10px;
}

.login-container .buttons li:last-child {
	margin-bottom: 0;
}

.login-container .buttons a {
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	background-repeat: no-repeat !important;
	background-position: left 20px top 9px !important;
	background-size: 26px !important;
}

.login-container .buttons a:hover, 
.login-container .buttons a:active {
	border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.login-container .buttons .kakaotalk {
	background: #FEE500;
	color: var(--dark-gray) !important;
	background-image: url('../images/kakaotalk-icon.png');
}

.login-container .buttons .naver {
	background: #03CF5D;
	color: var(--white) !important;
	background-image: url('../images/naver-icon.png');
}

.login-container .buttons .google {
	background: var(--white);
	color: var(--dark-gray) !important;
	background-image: url('../images/google-icon.png');
}

.sign-up {
	margin-top: 40px;
	margin-bottom: 120px;
	text-align: left;
}

.sign-up .buttons {
	margin-top: 40px;
	text-align: center;
}

.contact-us {
	margin-top: 40px;
	margin-bottom: 120px;
	text-align: left;
}

.contact-us .description {
	margin-top: 0;
	margin-bottom: 20px;
}

.contact-us .buttons {
	margin-top: 40px;
	text-align: center;
}

.round-box {
	width: 100%;
	padding: 40px 30px;
	border-radius: 15px;
	border: 6px solid var(--weak-gray);
}

.half-box-left, 
.half-box-right {
	display: inline-block;
	min-height: 460px;
	margin-top: 80px;
	padding: 80px 30px 30px 30px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	width: 48.5%;
}

.half-box-left .icon, 
.half-box-right .icon {
	width: 90px;
}

.half-box-left h2, 
.half-box-right h2 {
	margin-top: 20px !important;
}

.half-box-left .description, 
.half-box-right .description {
	margin-top: 20px !important;
}

.half-box-left {
	float: left;
}

.half-box-right {
	float: right;
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
	.subpage .page-title {
		margin-top: 140px;
	}

	.utility-hero {
		margin-top: 60px;
	}

	.utility-hero.review {
		margin-top: 60px;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.subpage .hero .copy {
		min-width: 100%;
		padding: 0 16px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.subpage .hero .copy h1 {
		font-size: 24px;
	}
	
	.subpage .hero .copy h1 strong {
		font-size: 30px;
	}

	.subpage .hero .copy .description {
		font-size: 16px;
	}

	.subpage .page-title {
		margin-top: 110px;
	}
	
	.subpage .page-title .h6 {
		font-size: 14px;
	}

	.subpage .page-title .h2 {
		font-size: 24px;
	}

	.utility-hero.my-page {
		background-image: url('../images/my-page-hero-sm.jpg');
	}

	.utility-hero.cs {
		background-image: url('../images/utility-hero-sm.jpg');
	}

	.form-body {
		padding: 30px 16px;
		border-radius: 9px;
	}

	.body-container .container-xs {
		font-size: 16px;
	}
	
	.body-container .container-xs img {
		max-width: 260px;
	}

	.sign-up {
		margin-top: 30px;
		margin-bottom: 80px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.subpage .body-container {
		margin: 40px 0 80px 0;
	}

	.subpage .body-container p {
		margin-bottom: 40px;
		font-size: 14px;
	}
	
	.subpage .body-container p b {
		font-size: 15px;
	}

	.utility-hero {
		padding-top: 50px;
		height: 200px;
	}

	.utility-hero .h6 {
		font-size: 14px;
	}

	.utility-hero .h2 {
		font-size: 24px;
	}

	.utility-hero .tabs {
		height: 54px;
	}

	.utility-hero .tabs a {
		height: 54px;
		padding-top: 15px;
		margin-right: 13vw;
		font-size: 16px;
	}

	.utility-body {
		padding-top: 40px;
		padding-bottom: 80px;
	}

	.utility-body .sort-container select {
		width: 40%;
	}
	
	.utility-body .sort-container input[type=search] {
		width: 58%;
	}

	.board-list a {
		padding: 18px 100px 17.5px 50px;
		border-radius: 8px;
		font-size: 15px;
	}

	.board-list a .num {
		top: 19px;
		font-size: 14px;
	}
	
	.board-list a .date {
		top: 20px;
		font-size: 12px;
	}

	.board-body {
		padding: 30px 20px;
		border-radius: 8px;
	}

	.board-body .title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.board-body .info {
		margin-bottom: 30px;
	}

	.board-body .board-description p {
		margin-bottom: 30px;
		font-size: 15px;
	}

	.board-body .board-description blockquote, 
	.board-body .board-description pre {
		font-size: 15px;
	}

	.board-body .board-description h1 {
		font-size: 28px;
	}
	
	.board-body .board-description h2 {
		font-size: 26px;
	}
	
	.board-body .board-description h3 {
		font-size: 24px;
	}
	
	.board-body .board-description h4 {
		font-size: 20px;
	}
	
	.board-body .board-description h5 {
		font-size: 18px;
	}
	
	.board-body .board-description h6 {
		font-size: 16px;
	}
	
	.board-body .board-description ul, 
	.board-body .board-description ol {
		padding: 10px 0 10px 20px;
	}

	.utility-hero.review, 
	.utility-hero.review::after {
		height: 160px;
	}

	.utility-body .tabs {
		padding: 0;
	}

	.utility-body .tabs a {
		font-size: 13px;
		margin-right: 20px;
	}

	.utility-body .tabs.qna a {
		margin-right: 15px;
	}

	.utility-body .faq-item {
		padding: 13px 15px 15px 15px;
		border-radius: 8px;
		background-size: 20px 20px;
		background-position: right 10px top 15px;
	}

	.utility-body .faq-item .category {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		font-size: 13px;
	}

	.utility-body .faq-list.qna-list .state {
		right: 36px;
		top: 16px;
		font-size: 13px;
	}

	.utility-body .faq-item .title {
		font-size: 15px;
	}

	.utility-body .faq-item .answer {
		font-size: 14px;
	}

	.utility-body .contact-info {
		font-size: 15px;
	}

	.utility-body .container-xxs {
		font-size: 16px;
	}

	.login-container .container-xs .form-body {
		padding: 20px 16px 30px 16px;
		margin-top: 40px;
		text-align: left;
	}

	.login-container .buttons {
		padding: 30px 16px;
	}

	.contact-us {
		margin-bottom: 80px;
	}

	.half-box-left, 
	.half-box-right {
		display: block;
		min-height: auto;
		padding: 30px 30px 40px 30px;
		border-radius: 9px;
		width: 100%;
	}
	
	.half-box-left .icon, 
	.half-box-right .icon {
		width: 70px;
	}
	
	.half-box-left h2, 
	.half-box-right h2 {
		margin-top: 10px !important;
		font-size: 18px;
	}

	.half-box-left .description, 
	.half-box-right .description {
		margin-top: 10px !important;
		font-size: 13px;
	}
	
	.half-box-left {
		margin-top: 30px;
		margin-bottom: 16px;
	}
	
	.half-box-right {
		margin-top: 0;
	}
}
/* End Sub Page Common */



/* 그린에그 */
.subpage .hero .copy-company h1 {
	font-size: 46px !important;
	color: var(--dark-gray);
	margin-bottom: 5px;
}

.subpage .hero .copy-company h2 {
	color: var(--deep-green);
}

.core-value {
	padding-top: 200px;
}

.core-value .quote {
	position: relative;
	padding: 0 50px;
	margin-bottom: 100px;
	border-left: 3px solid var(--green);
	border-right: 3px solid var(--green);
	text-align: center;
}

.core-value .quote h3 {
	margin-bottom: 30px;
}

.core-value .quote h3 strong {
	color: var(--green);
}

.core-value .quote .bracket-left-top, 
.core-value .quote .bracket-right-top, 
.core-value .quote .bracket-left-bottom, 
.core-value .quote .bracket-right-bottom {
	position: absolute;
	content: ' ';
	display: block;
	background-color: var(--green);
	width: 30px;
	height: 3px;
}

.core-value .quote .bracket-left-top {
	left: 0;
	top: 0;
}

.core-value .quote .bracket-right-top {
	right: 0;
	top: 0;
}

.core-value .quote .bracket-left-bottom {
	left: 0;
	bottom: 0;
}

.core-value .quote .bracket-right-bottom {
	right: 0;
	bottom: 0;
}

.core-value-items {
	display: inline-block;
}

.core-value-items li {
	position: relative;
}

.core-value-items li:nth-child(1) span::before, 
.core-value-items li:nth-child(2) span::before, 
.core-value-items li:nth-child(3) span::before {
	position: absolute;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: var(--green);
	left: 0;
	top: 3px;
}

.core-value-items li:nth-child(1) span::before {
	content: '1';
}

.core-value-items li:nth-child(2) span::before {
	content: '2';
}

.core-value-items li:nth-child(3) span::before {
	content: '3';
}

.core-value-items li span {
	font-size: 26px;
	color: var(--dark-gray);
}

.core-value-items li {
	position: relative;
	text-align: left;
	padding-left: 25px;
}

.core-value .value {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.core-value .value .value-item {
	position: relative;
	flex-basis: 30%;
	aspect-ratio: 1;
	border-radius: 50%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.core-value .value .value-copy {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -47px;
}

.core-value .value .value-item .title {
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: var(--green);
}

.core-value .value .value-item .description {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: var(--white);
}

.team {
	padding: 180px 0;
	background-image: url('../images/team-bg-lg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.team h2 {
	font-size: 38px;
	text-align: center;
	margin-bottom: 40px;
}

.team h2 strong {
	color: var(--deep-green);
}

.team .ceo {
	position: relative;
	padding: 40px 40px 50px 40px;
	border-radius: 15px;
	border: 5px solid var(--white);
}

.team li {
	list-style: disc;
	margin-left: 15px;
	color: var(--dark-gray);
}

.team .title {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	color: var(--deep-green);
	margin-bottom: 15px;
}

.team .ceo .title, 
.team .ceo ul {
	width: 60%;
}

.team .ceo li {
	font-size: 16px;
}

.team .ceo .title {
	font-size: 24px;
}

.team .ceo .profile {
	position: absolute;
	width: 350px;
	right: 0;
	bottom: 0;
}

.team .colleague-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	margin-top: 20px;
}

.team .colleague-container .colleague-item {
	position: relative;
	flex-basis: 30%;
	padding: 0 30px;
	margin-top: 60px;
}

.team .colleague-container .profile {
	width: 160px;
	margin-left: -20px;
	margin-bottom: 20px;
}

.team .colleague-container .title {
	font-size: 20px;
}

.history {
	position: relative;
	padding-top: 200px;
}

.history h2 {
	position: sticky;
	font-size: 38px;
	left: 0;
	top: 200px;
}

.history h2 strong {
	color: var(--green);
}

.history .history-list {
	margin-left: 55%;
	margin-top: -75px;
	padding-bottom: 10px;
	border-left: 1px solid var(--green);
}

.history .history-list li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
}

.history .history-list .year {
	margin-left: -70px;
}

.history .history-list .year strong {
	display: block;
	padding: 10px;
	margin: 20px auto;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--dark-gray);
	background-color: var(--pale-gray);
}

.history .history-list .date {
	position: absolute;
	width: 120px;
	left: -151px;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--green);
	text-align: right;
}

.history .history-list .date::after {
	position: absolute;
	display: block;
	content: ' ';
	width: 7px;
	height: 7px;
	left: 147px;
	top: 9px;
	background-color: var(--green);
	border-radius: 50%;
}

.history .history-list .description {
	font-size: 16px;
	color: var(--dark-gray);
}

.subpage .clients {
	padding: 200px 0 45vh 0;
	background-image: url('../images/about-us-client-lg.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.subpage .clients h2 {
	font-size: 38px;
	text-align: center;
}

.subpage .clients h2 strong {
	color: var(--green);
}

.subpage .clients .container-sm {
	text-align: center;
	margin-top: 20px;
	font-size: 22px;
}

.subpage .clients .list {
	display: flex;
	margin-top: 60px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.subpage .clients .list a {
	flex-basis: 19%;
	margin-bottom: 20px;
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
	.team .colleague-container .colleague-item {
		flex-basis: 48%;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.history h2 strong {
		display: block;
	}
}

/* md */
@media (max-width: 767.98px) {
	.subpage .hero .copy-company h1 {
		font-size: 30px !important;
		margin-bottom: 10px;
	}
	
	.subpage .hero .copy-company h2 {
		font-size: 24px;
	}

	.core-value {
		padding-top: 80px;
	}

	.core-value .quote {
		padding: 0 30px;
		margin-bottom: 60px;
	}
	
	.core-value .quote h3 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	
	.core-value .quote .bracket-left-top, 
	.core-value .quote .bracket-right-top, 
	.core-value .quote .bracket-left-bottom, 
	.core-value .quote .bracket-right-bottom {
		width: 15px;
	}

	.core-value-items li:nth-child(1) span::before, 
	.core-value-items li:nth-child(2) span::before, 
	.core-value-items li:nth-child(3) span::before {
		font-size: 15px;
		top: 1px;
	}

	.core-value-items li span {
		font-size: 16px;
	}

	.core-value-items li {
		padding-left: 18px;
	}

	.core-value .value .value-copy {
		margin-top: -35px;
	}

	.core-value .value .value-item .title {
		font-size: 24px;
	}
	
	.core-value .value .value-item .description {
		font-size: 14px;
	}

	.team {
		padding: 80px 0;
		background-image: url('../images/team-bg-sm.jpg');
	}

	.team h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.team .ceo {
		padding: 30px 25px;
	}

	.team .ceo li {
		font-size: 15px;
	}
	
	.team .ceo .title {
		font-size: 18px;
	}

	.history {
		padding-top: 80px;
	}

	.history h2 {
		font-size: 24px;
		margin-left: 20px;
	}

	.history .history-list .year strong {
		font-size: 18px;
	}

	.history .history-list .date {
		font-size: 14px;
	}
	
	.history .history-list .description {
		font-size: 14px;
	}

	.subpage .clients {
		padding: 80px 0 35vh 0;
		background-image: url('../images/about-us-client-sm.jpg');
		background-size: auto 100%;
	}

	.subpage .clients h2 {
		font-size: 24px;
	}

	.subpage .clients .container-sm {
		text-align: center;
		margin-top: 20px;
		font-size: 16px;
	}

	.subpage .clients .list {
		margin-top: 50px;
	}
	
	.subpage .clients .list a {
		flex-basis: 49%;
		margin-bottom: 16px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.core-value .value {
		display: block;
	}

	.core-value .value .value-item {
		display: inline-block;
		width: 45%;
	}

	.core-value .value .value-item:nth-child(1) {
		display: block;
		margin: 0 auto;
	}

	.core-value .value .value-item:nth-child(2), 
	.core-value .value .value-item:nth-child(3) {
		margin-top: 10px;
	}

	.core-value .value .value-item:nth-child(3) {
		float: right;
	}

	.team .ceo {
		padding-bottom: 0 !important;
		text-align: center;
	}

	.team .ceo .title, 
	.team .ceo ul {
		width: 100%;
		text-align: left;
	}
	
	.team .ceo .profile {
		position: relative;
		width: 90%;
		right: auto;
		bottom: 0;
		margin-top: 20px;
	}

	.team .colleague-container {
		margin-top: 10px;
	}

	.team .colleague-container .colleague-item {
		flex-basis: 100%;
		margin-top: 30px;
		padding-left: 90px;
	}

	.team .colleague-container .profile {
		width: 80px;
		margin-left: 0;
	}

	.team .colleague-container .title {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.team .colleague-container li {
		font-size: 12px;
	}

	.team .colleague-container .profile {
		position: absolute;
		left: 0;
		top: 0;
	}

	.history h2 {
		position: relative;
		top: auto;
		text-align: center;
		margin-left: 0;
	}

	.history h2 strong {
		display: inline-block;
	}

	.history .history-list {
		margin-top: 10px;
		margin-left: 100px;
	}

	.history .history-list .year {
		margin-left: -48px;
	}

	.history .history-list li {
		margin-bottom: 15px;
		padding-left: 15px;
	}

	.history .history-list .date {
		width: 100px;
		left: -118px;
	}

	.history .history-list .date::after {
		left: 113.8px;
	}
	
	.history .history-list .description {
		display: block;
		margin-top: -4px;
	}
}
/* End 그린에그 */



/* 대행운영 서비스 */
.subpage .features {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.subpage .features .features-left, 
.subpage .features .features-right {
	width: 50%;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center;
}

.subpage .features .features-left .copy, 
.subpage .features .features-right .copy {
	flex-basis: 60%;
}

.subpage .features .features-left .copy h2, 
.subpage .features .features-right .copy h2 {
	font-size: 38px;
	margin-bottom: 30px;
}

.subpage .features .features-left .copy .description, 
.subpage .features .features-right .copy .description {
	font-size: 22px;
}

.subpage .features .features-left .copy .price, 
.subpage .features .features-right .copy .price {
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 38px;
	font-weight: 700;
	color: var(--deep-green);
}

.subpage .features .features-left .copy .price .caption, 
.subpage .features .features-right .copy .price .caption {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: var(--deep-gray);
}

.subpage .features .vs {
	position: absolute;
	display: block;
	width: 160px;
	left: 50%;
	margin-left: -80px;
	top: 50%;
	margin-top: -80px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 100px;
	font-weight: 700;
	color: var(--deep-green);
	text-align: center;
}

.subpage .features .title {
	position: absolute;
	display: block;
	left: 50%;
	bottom: 20vh;
	width: 80vw;
	margin-left: -40vw;
	color: var(--deep-green);
	text-align: center;
}

.subpage .point {
	height: 150vh;
	background-color: var(--deep-gray);
}

.subpage .sub-contents {
	min-height: 100vh;
	text-align: center;
}

.subpage .sub-contents {
	padding: 200px 0;
}

.subpage .sub-contents .subtitle {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--green);
	margin-bottom: 30px;
}

.subpage .sub-contents h2 {
	font-size: 38px;
	margin-bottom: 40px;
}

.subpage .sub-contents .description {
	font-size: 22px;
}

.subpage .sub-contents .description strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--green);
}

.subpage .sub-contents .process-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.subpage .sub-contents .process-container .process-item {
	position: relative;
	flex-basis: 13.2%;
	height: 180px;
	padding: 30px 10px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.10);
}

.subpage .sub-contents .process-container .process-item span {
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 16px;
	color: var(--neutral-gray);
}

.subpage .sub-contents .process-container .process-item img {
	width: 54px;
	margin-top: 10px;
}

.subpage .sub-contents .process-container .process-item .caption {
	margin-top: 10px;
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 16px;
	color: var(--dark-gray);
}

.subpage .dark-theme h2, 
.subpage .dark-theme h3, 
.subpage .dark-theme h3 strong, 
.subpage .dark-theme .description {
	color: var(--white) !important;
}

.subpage .keyword {
	position: relative;
}

.subpage .keyword .container {
	position: absolute;
	width: 100%;
	max-width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index: 10;
}

.subpage .sub-contents h3 {
	font-size: 24px;
}

.subpage .sub-contents h3 strong {
	font-size: 42px;
}

.subpage .advertising {
	position: relative;
	width: 100%;
	background-color: var(--green);
}

.subpage .result-container {
	position: relative;
	width: 100%;
	min-height: 210px;
}

.subpage .slick-prev {
	margin-left: -70px;
}

.subpage .slick-next {
	margin-right: -70px;
}

.subpage .reviews-container {
	max-width: 1230px;
	margin: 0 auto;
}

.subpage .reviews {
	padding-top: 200px;
}

.subpage .reviews h2 {
	font-size: 38px;
	text-align: center;
	margin-bottom: 40px;
}

.subpage .reviews h2 strong {
	color: var(--green);
}

.subpage .reviews .reviews-container a {
	margin: 8px;
	border-radius: 8px;
	background-color: var(--white);
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-image: url('../images/icon-arrow-right.png');
	background-repeat: no-repeat;
	background-size: 35px 12.5px;
	background-position: right 20px bottom 25px;
}

.subpage .reviews .reviews-container a .title {
	display: block;
	padding: 20px 20px 0 20px;
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	color: var(--dark-gray);
}

.subpage .reviews .reviews-container a .description {
	display: block;
	padding: 10px 20px 0 20px;
	margin-bottom: 45px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--deep-gray);
	height: 70px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.subpage .faq {
	padding: 200px 0;
}

.subpage .faq h2 {
	font-size: 38px;
	text-align: center;
}

.subpage .faq-list {
	margin-top: 40px;
}

.subpage .faq-item {
	position: relative;
	display: block;
	padding: 22px 100px 22px 110px;
	margin-bottom: 16px;
	border-radius: 15px;
	border: 1px solid var(--light-gray);
	background-color: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	font-size: 18px;
	color: var(--dark-gray);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-attachment: scroll;
	background-position: right 20px top 24px;
	background-image: url('../images/icon-chevron-down-light.png');
	cursor: pointer;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.subpage .faq-item.active {
	background-image: url('../images/icon-chevron-up-light.png');
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.subpage .faq-item .num {
	position: absolute;
	left: 30px;
	top: 20px;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--green);
}

.subpage .faq-item .title {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--dark-gray);
}

.subpage .faq-item .answer {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	color: var(--deep-gray);
	display: none;
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
	.subpage .features .features-left .copy h2, 
	.subpage .features .features-right .copy h2 {
		font-size: 30px;
	}
	
	.subpage .features .features-left .copy .description, 
	.subpage .features .features-right .copy .description {
		font-size: 20px;
	}
	
	.subpage .features .features-left .copy .price, 
	.subpage .features .features-right .copy .price {
		font-size: 30px;
	}
	
	.subpage .features .features-left .copy .price .caption, 
	.subpage .features .features-right .copy .price .caption {
		font-size: 16px;
	}
	
	.subpage .features .vs {
		font-size: 62px;
	}
	
	.subpage .features .title {
		font-size: 38px;
	}

	.subpage .reviews .slick-arrow {
		display: none !important;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.subpage .features .features-left .copy h2, 
	.subpage .features .features-right .copy h2 {
		font-size: 24px;
	}
	
	.subpage .features .features-left .copy .description, 
	.subpage .features .features-right .copy .description {
		font-size: 18px;
	}
	
	.subpage .features .features-left .copy .price, 
	.subpage .features .features-right .copy .price {
		font-size: 24px;
	}
	
	.subpage .features .features-left .copy .price .caption, 
	.subpage .features .features-right .copy .price .caption {
		font-size: 14px;
	}
	
	.subpage .features .vs {
		font-size: 62px;
	}
	
	.subpage .features .title {
		font-size: 24px;
	}

	.subpage .sub-contents .process-container {
		justify-content: center;
	}

	.subpage .sub-contents .process-container .process-item {
		flex-basis: 22%;
		margin: 9px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.subpage .features {
		display: block;
	}

	.subpage .features .features-left, 
	.subpage .features .features-right {
		width: 100%;
		height: 50vh;
	}

	.subpage .features .features-left .copy, 
	.subpage .features .features-right .copy {
		flex-basis: auto;
		width: 100%;
		padding: 0 16px;
		text-align: center;
	}

	.subpage .features .features-right .copy {
		margin-bottom: 100px;
	}
	
	.subpage .features .vs {
		margin-top: -45px;
	}
	
	.subpage .features .title {
		bottom: 10vh;
	}

	.subpage .sub-contents {
		padding: 80px 0;
	}
	
	.subpage .sub-contents .subtitle {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	.subpage .sub-contents h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.subpage .sub-contents .description {
		font-size: 14px;
	}

	.subpage .sub-contents .process-container .process-item {
		flex-basis: 30%;
	}

	.subpage .sub-contents h3 {
		font-size: 18px;
	}
	
	.subpage .sub-contents h3 strong {
		font-size: 30px;
	}

	.subpage .reviews {
		padding-top: 80px;
	}

	.subpage .reviews h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	.subpage .reviews h2 strong {
		display: block;
	}

	.subpage .faq {
		padding: 80px 0;
	}
	
	.subpage .faq h2 {
		font-size: 24px;
		text-align: center;
	}
	
	.subpage .faq-list {
		margin-top: 30px;
	}
	
	.subpage .faq-item {
		padding: 16px 40px 16px 50px;
		background-size: 18px 18px;
		background-position: right 15px top 17px;
	}
	
	.subpage .faq-item .num {
		left: 15px;
		top: 16px;
		font-size: 16px;
	}
	
	.subpage .faq-item .title {
		font-size: 16px;
	}
	
	.subpage .faq-item .answer {
		margin-top: 10px;
		font-size: 14px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.subpage .point {
		height: 130vh;
		min-height: 130vh;
	}

	.subpage .sub-contents .process-container {
		justify-content: flex-start;
	}

	.subpage .sub-contents .process-container .process-item {
		flex-basis: 47%;
		margin: 4px;
	}
}
/* End 대행운영 서비스 */



/* 교육 서비스 */
.education-features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	overflow: hidden;
}

.education-features .features-item {
	position: relative;
	flex-grow: 1;
	flex-basis: 33%;
	min-height: 640px;
	padding: 60px 60px 80px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.education-features .features-item .copy {
	margin-top: 350px;
}

.education-features .features-item .copy h4 {
	font-family: 'OneMobileTitle', sans-serif;
	font-size: 24px;
	color: var(--green);
	margin-bottom: 25px;
}

.education-features .features-item .copy li {
	min-height: 24px;
	margin-bottom: 10px;
	color: var(--white);
	padding-left: 30px;
	background-image: url('../images/icon-check-circle.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left 0 top 3px;
}

.education-features .features-item .copy li:last-child {
	margin-bottom: 0;
}

.education-service {
	padding-top: 200px;
}

.education-service .container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
	overflow: hidden;
	border-bottom: 2px solid var(--green);
}

.education-service .container .service-item {
	flex-basis: 33%;
	padding-bottom: 50px;
}

.education-service .container .service-item .subtitle  {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: var(--green);
	margin-bottom: 20px;
}

.education-service .container .service-item h3 {
	font-size: 30px;
	min-height: 147px;
}

.education-service .container .service-item img {
	max-width: 340px;
}

.education-service .links {
	text-align: center;
	padding-top: 30px;
}

.education-service .links a {
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
	.education-features .features-item {
		min-height: 460px;
		padding: 40px 40px 60px 40px;
	}

	.education-features .features-item .copy {
		margin-top: 200px;
	}
	
}

/* lg */
@media (max-width: 1019.98px) {
	.education-service .container .service-item .subtitle  {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.education-service .container .service-item h3 {
		font-size: 24px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.education-features {
		display: block;
	}

	.education-features .features-item {
		width: 100%;
		min-height: 360px;
		padding: 30px;
	}

	.education-service .container .service-item .subtitle  {
		font-size: 24px;
	}

	.education-service .container .service-item h3 {
		font-size: 20px;
	}

	.education-service {
		padding-top: 80px;
	}

	.education-service .links a {
		font-size: 20px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.education-service .container {
		display: block;
	}

	.education-service .container .service-item{
		position: relative;
		width: 100%;
	}

	.education-service .container .service-item .subtitle  {
		width: 55%;
		font-size: 20px;
	}

	.education-service .container .service-item h3 {
		width: 60%;
		font-size: 18px;
		min-height: 60px;
	}

	.education-service .container .service-item img {
		position: absolute;
		right: 0;
		top: 0;
		width: 45%;
	}

}
/* End 교육 서비스 */



/* 정부지원 사업 */
.gov-service {
	position: relative;
	padding: 0 !important;
}

.gov-service .copy {
	position: absolute;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
	z-index: 10;
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
}

/* sm */
@media (max-width: 575.98px) {
}
/* End 정부지원 사업 */



/* 파트너스 */
.partners-title {
	margin-top: 90px;
	padding-top: 120px;
	height: 500px;
	text-align: center;
	background-color: var(--green);
}

.partners-title .subtitle {
	margin-bottom: 10px;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: var(--white);
}

.partners-title h1 {
	margin-bottom: 30px;
	font-size: 42px;
	color: var(--white);
}

.partners-title .description {
	font-size: 22px;
	color: var(--white);
}

.partners-list  {
	margin-top: -120px;
	padding-bottom: 170px;
}

.partners-list .partners-item {
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
	background: var(--white);
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
}

.partners-list .partners-item:hover, 
.partners-list .partners-item:active {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.partners-list .partners-item .title {
	position: relative;
	padding: 30px 50px;
	background-color: var(--pale-gray);
	border-bottom: 1px dashed var(--light-gray);
}

.partners-list .partners-item .title .field {
	width: 50%;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--dark-gray);
	margin-bottom: 10px;
}

.partners-list .partners-item .title .company-name {
	width: 50%;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--green);
}


.partners-list .partners-item .title img {
	position: absolute;
	width: 260px;
	right: 50px;
	top: 30px;
}

.partners-list .partners-item .details {
	padding: 0 50px;
}

.partners-list .partners-item .details-container {
	display: none;
	padding-top: 40px;
}

.partners-list .partners-item .details h4 {
	margin-bottom: 5px;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--green);
}

.partners-list .partners-item .details li {
	font-size: 16px;
	list-style: disc;
	margin-left: 15px;
}

.partners-list .partners-item .details li strong {
	font-family: 'SpoqaHanSansNeo-B', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--dark-gray);
}

.partners-list .partners-item .details li a {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	text-decoration: underline;
	color: var(--dark-gray);
}

.partners-list .partners-item .details li a:hover,
.partners-list .partners-item .details li a:active  {
	font-family: 'SpoqaHanSansNeo-R', sans-serif;
	font-weight: 400;
	text-decoration: underline;
	color: var(--dark-gray);
}

.partners-list .partners-item .details-control {
	padding: 30px;
	font-family: 'OneMobileTitle', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--gray);
	text-align: center;
}

.partners-list .partners-item .details-control::after {
	content: ' +';
}

.partners-list .partners-item.active .details-control::after {
	content: ' -';
}

/* xxl */
@media (max-width: 1539.98px) {
}

/* xl */
@media (max-width: 1279.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
	.partners-title {
		margin-top: 60px;
		padding-top: 50px;
		height: 340px;
	}

	.partners-title .subtitle {
		margin-bottom: 5px;
		font-size: 14px;
	}
	
	.partners-title h1 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	
	.partners-title .description {
		font-size: 16px;
	}

	.partners-list  {
		margin-top: -80px;
		padding-bottom: 80px;
	}

	.partners-list .partners-item {
		margin-bottom: 16px;
		border-radius: 8px;
	}

	.partners-list .partners-item .title {
		padding: 20px;
	}
	
	.partners-list .partners-item .title .field {
		width: 60%;
		font-size: 16px;
	}
	
	.partners-list .partners-item .details-container {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.partners-list .partners-item .details h4, 
	.partners-list .partners-item .details li, 
	.partners-list .partners-item .details li strong {
		font-size: 14px;
	}
	
	.partners-list .partners-item .title .company-name {
		width: 60%;
		font-size: 15px;
	}
	
	.partners-list .partners-item .title img {
		width: 126px;
		right: 10px;
		top: 20px;
	}

	.partners-list .partners-item .details {
		padding: 20px;
	}

	.partners-list .partners-item .details-control {
		padding: 0px;
		font-size: 14px;
	}
}

/* sm */
@media (max-width: 575.98px) {
}
/* End 파트너스 */



/* iOS Hack */
@supports (-webkit-hyphens:none) {
	.common-background .desktop-item, 
	.common-background .mobile-item, 
	.home .statistics, 
	.team {
		background-attachment: scroll;
	}
}
/* End iOS Hack */