@charset 'UTF-8';

@font-face {
  font-family: 'SpoqaHanSansNeo-Bold';
  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-face {
  font-family: 'SpoqaHanSansNeo-Regular';
  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-face {
  font-family: 'SpoqaHanSansNeo-Light';
  src: url('fonts/SpoqaHanSansNeo-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SpoqaHanSansNeo-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

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



/* Color */
:root {
	--yellow: #EF9300;
	--pale-yellow: #FCDEAF;
	--purple: #834DF7;
	--pale-purple: #EFEAFA;
	--blue: #0045BF;
	--pale-blue: #DDE3ED;
	--light-blue: #1C76B4;
	--mint: #19B2A7;
	--pale-mint: #C7E8D3;
	--dark-mint: #0C9F95;
	--red: #E54100;
	--pale-red: #FFD5C5;
	--white: #FFFFFF;
	--pale-gray: #F8F9F7;
	--weak-gray: #E6EDF0;
	--light-gray: #D2D8DB;
	--neutral-gray: #AFB3B5;
	--gray: #8B9092;
	--deep-gray: #616567;
	--dark-gray: #2F3235;
	--black: #000000;
}
/* End Color */



/* Typography */
h2 {
	font-family: 'SpoqaHanSansNeo-Light';
	font-size: 58px;
	line-height: 1.3;
	letter-spacing: -.06em;
	color: var(--dark-gray);
}

h3 {
	font-family: 'SpoqaHanSansNeo-Light';
	font-size: 42px;
	line-height: 1.3;
	letter-spacing: -.06em;
	color: var(--dark-gray);
}

h4 {
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

h5 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

h6 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -.03em;
	color: var(--dark-gray);
}

h2 span, 
h3 span, 
h4 span, 
h5 span, 
h6 span {
	display: block;
}

h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong {
	color: var(--mint);
}

.description-1 li, 
.description-2 li, 
.description-3 li {
	margin-left: 15px;
	list-style: outside;
}

.description-1 span, 
.description-2 span, 
.description-3 span {
	display: block;
}

.description-1 li, 
.description-2 li, 
.description-3 li {
	padding-left: 10px;
	list-style: outside;
}

.description-1 strong, 
.description-2 strong, 
.description-3 strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-weight: normal;
	color: var(--dark-gray);
}

.description-1 {
	font-size: 20px;
	color: var(--deep-gray);
}

.description-2 {
	font-size: 18px;
	color: var(--deep-gray);
}

.description-3 {
	font-size: 16px;
	color: var(--deep-gray);
}

.description-4 {
	font-size: 15px;
	color: var(--deep-gray);
}

.emphasis-1 {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.anchor-1 {
	font-family: 'SpoqaHanSansNeo-Bold';
	text-decoration: underline;
}

/* xxl */
@media (max-width: 1539.98px) {
	.description-1 span, 
	.description-2 span {
		display: inline;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	h2 {
		font-family: 'SpoqaHanSansNeo-Regular';
		font-size: 28px;
		letter-spacing: -.03em;
	}

	h3 {
		font-family: 'SpoqaHanSansNeo-Regular';
		font-size: 28px;
		letter-spacing: -.03em;
	}

	h4 {
		font-size: 28px;
	}

	h2 span, 
	h3 span, 
	h4 span, 
	h5 span, 
	h6 span {
		display: inline;
	}

	h2 strong, 
	h3 strong, 
	h4 strong, 
	h5 strong, 
	h6 strong {
		display: block;
	}

	.description-1 {
		font-size: 16px;
	}

	.description-2 {
		font-size: 16px;
	}

	.description-3 span {
		display: inline;
	}
}
/* 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: 1279.98px;
	}
}

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

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

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

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

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

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

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

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

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

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

/* 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) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* End Media Query */



/* Common */
body { 
    height: 100vh;
    font-family: 'SpoqaHanSansNeo-Regular';
	font-weight: normal;
    font-size: 100%;
	letter-spacing: -.03em;
	line-height: 1.5;
	scroll-behavior: smooth;
	background-color: var(--pale-gray);
	word-break: keep-all;
}

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

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
	word-break: keep-all;
	color: var(--mint);
}

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

input {
	color: var(--dark-gray);
	font-size: 15px;
}

input::placeholder {
	color: var(--gray);
}

textarea {
	display: block;
	padding: 20px;
	width: 100%;
	min-height: 350px;
	background-color: var(--white);
	border: 2px solid var(--light-gray);
	border-radius: 10px;
	color: var(--dark-gray);
	font-size: 16px;
}

a:focus, 
input:focus, 
select:focus, 
textarea:focus {
	outline: none !important;
	border-color: var(--mint);
	box-shadow: 0 0 5px var(--mint);
}

strong {
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

table {
	width: 100%;
}

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

th, td {
	padding: 5px 10px;
}

th {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 13px;
	color: var(--dark-gray);
	background-color: var(--white);
	border-bottom: 1px solid var(--deep-gray);
}

td {
	font-size: 15px;
	color: var(--deep-gray);
}

button {
	border: 0;
}

*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--deep-gray);
	border-radius: 4px;
}

*::-webkit-scrollbar-track {
	background-color: var(--weak-gray);
	border-radius: 4px;
}

.small-input, 
.small-select {
	display: inline-block;
	padding: 10px 20px;
	height: 46px;
	background: transparent;
	border: 1px solid var(--weak-gray);
	box-shadow: inset -1px -2px 3px rgba(255, 255, 255, 0.8), inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 25px;
	color: var(--dark-gray);
	font-size: 16px;
}

.small-select {
	appearance: none;
	-webkit-appearance: none;
	background: url('../images/icon-arrow-down-mint.svg') no-repeat right 15px center;
}

.medium-input,
.medium-select {
	display: inline-block;
	padding: 0 20px;
	min-width: 200px;
	height: 55px;
	background-color: var(--white);
	border: 2px solid var(--light-gray);
	border-radius: 10px;
	color: var(--dark-gray);
	font-size: 16px;
}

.medium-select {
	appearance: none;
	-webkit-appearance: none;
	background: url('../images/icon-arrow-down.svg') no-repeat right 15px center;
	background-color: var(--white);
}

.medium-input::placeholder {
	color: var(--gray);
}

.input-error {
	outline: none !important;
	border-color: var(--red);
	box-shadow: 0 0 5px var(--red);
}

.input-message, 
.input-error-message {
	display: block;
	padding: 5px 0 0 20px;
	font-size: 14px;
	color: var(--mint);
}

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

.input-checkbox, 
.input-radio {
	display: inline !important;
	width: 22px !important;
	height: 22px !important;
	border: 1px solid var(--light-gray) !important;
	border-radius: 3px;
	vertical-align: middle;
}

.input-checkbox:focus, 
.input-checkbox:checked, 
.input-radio:focus, 
.input-radio:checked {
	accent-color: var(--deep-gray);
	border-radius: 3px;
}

.form-search {
	display: inline-block;
}

.form-search input {
	margin-right: 10px;
	padding: 10px 50px 10px 20px;
	width: 250px;
	background: url('../images/icon-search.svg') no-repeat right 15px center;
}

.form-calendar {
	display: inline-block;
}

.form-calendar input {
	margin-right: 10px;
	padding: 10px 20px 10px 20px;
	width: 200px;
}

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

.disabled { opacity: 0.3 !important; }

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

.mt25vh { margin-top: 25vh !important; }
.mt22vh { margin-top: 22vh !important; }
.mt240 { margin-top: 240px !important; }
.mt180 { margin-top: 180px !important; }
.mt160 { margin-top: 160px !important; }
.mt120 { margin-top: 120px !important; }
.mt100 { margin-top: 100px !important; }
.mt80 { margin-top: 80px !important; }
.mt60 { margin-top: 60px !important; }
.mt50 { margin-top: 50px !important; }
.mt40 { margin-top: 40px !important; }
.mt30 { margin-top: 30px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt0 { margin-top: 0 !important; }

.ml20 { margin-left: 20px !important; }
.ml10 { margin-left: 10px !important; }

.mr30 { margin-right: 30px !important; }
.mr10 { margin-right: 10px !important; }

.mb240 { margin-bottom: 240px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb10 { margin-bottom: 10px !important; }

.pt15 { padding-top: 15px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb15 { padding-bottom: 15px !important; }
.plr40 { padding-left: 40px !important; padding-right: 40px !important; }

.fc-mint { color: var(--mint); }
.fc-neutral-gray { color: var(--neutral-gray); }
.bgc-white { background-color: var(--white); }

.ta-center { text-align: center; }
.ta-right { text-align: right; }
.ta-left { text-align: left; }

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

.va-top { vertical-align: top !important; }

.w100p { width: 100% !important; }
.w240px { width: 240px !important; }
.w220px { width: 220px !important; }
.w200px { width: 200px !important; }
.w190px { width: 190px !important; }
.w180px { width: 180px !important; }
.w160px { width: 160px !important; }
.w150px { width: 150px !important; }
.w130px { width: 130px !important; }
.w120px { width: 120px !important; }
.w100px { width: 100px !important; }
.w80px { width: 80px !important; }

.h100px { height: 100px !important; min-height: 100px !important; }

.keyline-top { border-top: 1px solid var(--light-gray); }

.border-0 { border: 0 !important; }
.border-bottom-1 { border-bottom: 1px solid var(--light-gray); }

#wrap, 
.wrap {
	min-height: 75vh;
}

.grid-3 {
	margin-top: 240px;
}

.grid-3-item {
	display: inline-block;
	width: 32%;
	margin-right: 1.6%;
	vertical-align: top;
}

.grid-3-item:last-child {
	margin-right: 0;
}

.grid-3-item .key-visual {
	width: 80%;
}

.event-popup {
	position: fixed;
	overflow: hidden;
	width: 600px;
	height: 650px;
	left: 60px;
	top: 160px;
	filter: drop-shadow(20px 30px 50px rgba(0, 0, 0, 0.3));
	border-radius: 15px;
	background-color: var(--white);
	z-index: 1000;
}

.event-popup .banner-image {
	overflow: hidden;
	width: 600px;
	height: 600px;
}

.event-popup .banner-options {
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 50px;
	text-align: center;
}

.event-popup .event-popup-today {
	position: absolute;
	top: 13px;
	left: 20px;
	font-size: 15px;
	color: var(--gray);
}

.event-popup .indicator {
	margin-top: 12px;
}

.event-popup .indicator a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 6px;
	border-radius: 6px;
}

.event-popup .indicator a:last-child {
	margin-right: 0;
}

.event-popup .indicator .selected {
	border: 2px solid var(--gray);
	background-color: var(--white);
}

.event-popup .indicator .unselected {
	border: 2px solid var(--light-gray);
	background-color: var(--light-gray);
}

.event-popup .event-popup-button {
	position: absolute;
	padding-top: 5px;
	top: 8px;
	right: 8px;
	width: 80px;
	height: 34px;
	background: var(--weak-gray);
	border-radius: 10px;
	font-family: 'SpoqaHanSansNeo-Bold';
	text-align: center;
	color: var(--deep-gray);
}

.preview-container img {
	width: 100%;
}

.lnb-grid {
	position: relative;
	padding-left: 390px;
	margin-top: 170px;
}

.lnb {
	position: fixed;
	padding-bottom: 20px;
	left: 10%;
	top: 170px;
	width: 300px;
	min-height: 320px;
	background: linear-gradient(180deg, #F1F1F0 0%, #FFFFFF 100%);
	border: 1px solid var(--white);
	box-shadow: 5px 10px 20px rgba(85, 91, 95, 0.13);
	border-radius: 15px;
}

.lnb .title {
	padding: 30px 30px 10px 30px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 20px;
	color: var(--dark-gray);
}

.lnb .lnb-item {
	padding: 15px 30px;
	border-bottom: 1px solid var(--light-gray);
}

.lnb .lnb-item:last-child {
	border-bottom: 0;
}

.lnb .lnb-item a {
	display: block;
	font-size: 16px;
	color: var(--dark-gray);
}

.lnb .selected a {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
}

.lnb .selected {
	background: url('../images/icon-arrow-next-mint.svg') no-repeat right 30px center;
}

.lnb .member {
	position: relative;
	padding: 30px 20px 25px 105px;
	min-height: 110px;
	border-bottom: 1px solid var(--light-gray);
}

.lnb .member .profile img {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
}

.lnb .member .institution {
	font-size: 18px;
	color: var(--dark-gray);
	word-break: break-all;
}

.lnb .member .name {
	margin-top: 5px;
	font-size: 14px;
	color: var(--deep-gray);
}

.lnb-body .filter {
	position: absolute;
	top: 5px;
	right: 0;
}

.lnb-body .post-details {
	margin-top: 0 !important;
}

.modal-popup {
    position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1100;
}

.modal-popup-container {
	width: 100%;
	max-width: 500px;
	min-height: 400px;
	background-color: var(--white);
	box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
}

.modal-popup-container .form-funcstions {
	display: block;
	padding-top: 30px;
	border-top: 0;
	text-align: center;
}

.modal-popup-header {
	position: relative;
	padding: 26px 20px 0 20px;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid var(--light-gray);
}

.modal-popup-header h4 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 18px;
}

.modal-popup .close-button {
	position: absolute;
	top: 21px;
	right: 20px;
}

.modal-popup-body {
	padding: 40px
}

.modal-popup-body .scroll-area {
	height: 400px;
	overflow-y: scroll;
}

.modal-popup-body .form-container {
	margin-top: 0;
	border-top: 0 !important;
}

.modal-popup-body .form-container .form-label {
	position: relative;
	display: block !important;
	left: 0;
	top: 0;
	padding: 0 10px;
	width: 100%;
}

.modal-popup-body .form-container .form-label strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
}

.modal-popup-body .form-container .form-row .form-item {
	padding: 10px 0 15px 0;
}

.modal-popup-body .form-container .options td {
	width: 33%;
	text-align: center;
}

.modal-popup-body .form-container .options label {
	display: block;
}

.modal-popup-body .form-container .options img {
	margin-bottom: 10px;
	border-radius: 60px;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
}

.modal-popup-body .form-container .options .profile-add {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background-color: var(--pale-gray);
	border-radius: 60px;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
	vertical-align: bottom;
}

.modal-popup-body .form-container .options .profile-add img {
	display: inline-block;
	padding-top: 50%;
	margin-top: -15px;
	box-shadow: none;
}

.modal-popup-body .file-name {
	padding-top: 15px;
	vertical-align: middle;
}

.modal-popup-body .form-with-button {
	position: relative;
}

.modal-popup-body .form-with-button .medium-input {
	width: 70% !important;
}

.modal-popup-body .form-with-button .large-button {
	position: absolute;
	top: 42px;
	right: 0;
	width: 105px;
}

.popup-header {
	position: relative;
	height: 60px;
}

.popup-header h1 {
	margin: 0;
	padding: 0;
	height: 60px;
	font-size: 24px;
	color: var(--dark-gray);
}

.popup-header h1 img {
	margin-right: 10px;
	width: 120px;
	height: auto;
	vertical-align: bottom;
}

.popup-header .close-button {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
}

.popup-header .close-button img {
	width: 60px;
	height: 60px;
}

.popup-body {
	margin-top: 120px;
}

.popup-body .popup-title {
	position: relative;
	padding: 30px 40px;
	background-color: var(--pale-gray);
	border-radius: 15px;
}

.popup-body .popup-title .label {
	font-size: 20px;
	color: var(--deep-gray);
	vertical-align: middle;
}

.popup-body .popup-title .title {
	margin-left: 20px;
	font-size: 32px;
	color: var(--dark-gray);
	vertical-align: middle;
}

.popup-body .popup-title .caption {
	position: absolute;
	top: 38px;
	right: 40px;
	font-size: 18px;
	color: var(--gray);
	vertical-align: middle;
}

.popup-body .question {
	margin-top: 100px;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: var(--dark-gray);
}

.popup-body .answer, 
.popup-body .answer-thermometer {
	margin-top: 60px;
	text-align: center;
}

.popup-body .answer .large-option {
	display: inline-block;
	padding: 20px;
	margin-right: 80px;
	width: 240px;
	height: 240px;
	border-radius: 120px;
	border: 4px solid transparent;
	vertical-align: middle;
}

.popup-body .answer .large-option:last-child {
	margin-right: 0;
}

.popup-body .answer .large-option img {
	display: inline-block;
	width: 192px;
	height: 192px;
}

.popup-body .answer .small-option {
	display: inline-block;
	padding: 6px;
	margin: 0 20px 70px 20px;
	width: 140px;
	height: 140px;
	border-radius: 120px;
	border: 4px solid transparent;
	vertical-align: middle;
	font-size: 18px;
	color: var(--dark-gray);
}

.popup-body .answer .small-option span {
	display: block;
	margin-top: 10px;
}

.popup-body .answer .small-option img {
	display: inline-block;
	width: 120px;
	height: 120px;
}

.popup-body .answer .large-option:focus, 
.popup-body .answer .small-option:focus {
	box-shadow: none;
}

.popup-body .answer a.selected {
	border: 4px solid var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.popup-body .answer a.unselected {
	border: 4px solid transparent;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.popup-body .answer .large-option.answer-good-amount-small, 
.popup-body .answer .large-option.answer-bad-amount-small {
	padding: 40px;
	width: 240px;
	height: 240px;
}

.popup-body .answer .answer-good-amount-small img, 
.popup-body .answer .answer-bad-amount-small img {
	width: 150px !important;
	height: 150px !important;
}

.popup-body .answer .large-option.answer-good-amount-smaller, 
.popup-body .answer .large-option.answer-bad-amount-smaller {
	padding: 65px;
	width: 240px;
	height: 240px;
}

.popup-body .answer .answer-good-amount-smaller img, 
.popup-body .answer .answer-bad-amount-smaller img {
	width: 100px !important;
	height: 100px !important;
}

.popup-body .contract-info {
	max-width: 1000px;
	margin: 0 auto;
}

.popup-body .contract-info ul li {
	list-style: disc;
	margin-left: 20px;
}

.popup-body .contract-info ol li {
	margin-left: 20px;
	margin-top: 10px;
}

.popup-body .contract-contractee, 
.popup-body .contract-contractor {
	display: inline-block;
	margin-top: 40px;
	width: 300px;
	text-align: left;
}

.popup-body .contract-contractor {
	padding-bottom: 55px;
	background: url('https://ewckids.com/uploads/info/seal.png') no-repeat right bottom;
	background-size: 80px;
}

.info-container {
	position: relative;
	margin-top: 40px;
	padding: 0 !important;
	text-align: center;
}

.info-container .profile {
	display: inline-block;
	position: absolute;
	left: 20%;
	top: 30px;
	width: 150px;
	height: 150px;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 75px;
	z-index: 990;
}

.info-container .profile img {
	border-radius: 75px;
}

.data-table {
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: top;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	text-align: left;
}

.data-table, 
.data-table tr, 
.data-table td {
	border: 0;
}

.data-table td {
	padding: 15px 0;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	vertical-align: middle;
}

.data-table.data-table-col-3 td {
	position: relative;
	padding: 15px 30px 15px 100px;
	width: 33% !important;
	vertical-align: top;
}

.data-table.data-table-col-3 td a {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--mint);
	text-decoration: underline;
}

.data-table .title {
	display: block;
	position: absolute;
	margin-right: 10px;
	left: 0;
	top: 17px;
	width: 100px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--dark-gray);
}

.data-table .info {
	font-size: 16px;
	color: var(--dark-gray);
}

.data-table strong {
	display: block;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.data-table .link {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
	text-decoration: underline;
}

.data-table .description {
	padding: 60px 0;
	font-size: 18px;
	color: var(--deep-gray);
	text-align: center;
}

.data-table .description span {
	display: block;
}

.data-table .description .medium-input {
	display: block;
	margin: 30px auto;
	width: 420px;
}

.data-table .description .medium-button {
	display: block;
	margin: 0 auto;
}

.data-table .numbering {
	min-width: 30px;
	font-size: 15px;
	color: var(--gray);
}

.data-table .profile-photo {
	width: 90px;
	height: 70px;
}

.data-table .profile-photo img {
	width: 70px;
	height: 70px;
	border-radius: 35px;
}

.data-table .class {
	display: inline-block;
	min-width: 60px;
	font-size: 14px;
	color: var(--gray);
}

.data-table .name {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
}

.data-table .id {
	font-size: 15px;
	color: var(--dark-gray);
}

.data-table .authority {
	font-size: 15px;
	color: var(--gray);
}

.data-table .state {
	font-size: 15px;
	color: var(--gray);
}

.data-table .state-complete {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 15px;
	color: var(--gray);
}

.data-table .state-pending {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 15px;
	color: var(--dark-gray);
}

.data-table .state-paid {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--dark-gray);
}

.data-table .state-wait {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--neutral-gray);
}

.data-table .state-cancel {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--red);
}

.data-table .date {
	font-size: 15px;
	color: var(--gray);
}

.data-table .new::after {
	display: inline-block;
	margin-left: 5px;
	font-family: 'Jalnan';
	font-size: 12px;
	color: var(--mint);
	content: 'N';
	vertical-align: top;
}

.data-table .info-container {
	display: none;
}

.data-table .functions a {
	vertical-align: top;
}

.data-table .special {
	display: inline-block;
	bottom: -20px;
	margin-right: 10px;
	margin-top: -2px;
}

.data-table .special img {
	width: 28px;
	height: 28px;
}

.data-table .gender {
	font-size: 15px;
	color: var(--gray);
}

.data-table .birth {
	font-size: 15px;
	color: var(--gray);
}

.data-table .parents {
	font-size: 15px;
	color: var(--dark-gray);
}

.data-table .relationship {
	font-size: 15px;
	color: var(--gray);
}

.data-table .divider {
	display: inline-block;
	margin: 0 10px;
	width: 1px;
	height: 15px;
	background-color: var(--light-gray);
	vertical-align: middle;
}

.data-table .price {
	text-align: right;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
}

.data-table .price-add {
	color: var(--dark-gray);
}

.data-table .price-wait {
	color: var(--neutral-gray);
}

.data-table .price-cancel {
	color: var(--red);
}

.data-table .empty {
	padding: 40px 0;
	text-align: center;
}

.data-table-buttons {
	margin-top: 20px;
	text-align: center;
}

.data-table-buttons a {
	margin-top: 10px;
}

.data-table-buttons a:first-child {
	margin-right: 10px;
}

.mypage-info td {
	width: 50%;
}

.mypage-info .title {
	display: inline-block;
	position: relative;
	top: 0;
}

.mypage-info .info {
	display: inline-block;
}

.ewc-kids-manual {
	min-width: 320px;
	width: 50%;
}

.table-header{margin-bottom: 1rem;}
.btn-wrap{margin-top: 2rem;}
.text-right{text-align: right;}

/* xxxl */
@media (max-width: 1799.98px) {
	.lnb {
		left: 4.5% !important;
	}
}

/* xxl */
@media (max-width: 1539.98px) {
	.desktop-item { display: none !important; }
	.tablet-item { display: inline-block !important; }
	.mobile-item { display: block !important; }

	.event-popup {
		left: 20px;
		top: 90px;
	}

	.lnb-grid {
		padding: 0 15px;
		margin-top: 110px;
	}
	
	.lnb {
		display: none;
	}

	.lnb-body h3 {
		margin-bottom: 20px;
		text-align: center;
	}

	.lnb-body .filter {
		position: relative;
		top: 0;
		right: 0;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.display-inline { display: inline !important; }

	.mt160 { margin-top: 100px !important; }

	.desktop-item { display: none !important; }
	.tablet-item { display: inline-block !important; }
	.mobile-item { display: block !important; }
	
	.grid-3 {
		margin-top: 80px;
	}

	.grid-3-item {
		display: block;
		width: 100%;
		padding: 0 30%;
		margin-bottom: 80px;
	}

	.grid-3-item:last-child {
		margin-bottom: 0;
	}

	.data-table.data-table-col-3 td {
		display: block;
		width: 100% !important;
	}

	.data-table.data-table-col-3 .title {
		width: 120px;
	}

	.data-table strong {
		display: inline-block;
	}
}

/* md */
@media (max-width: 767.98px) {
	.grid-3-item {
		padding: 0 10%;
	}

	.lnb-body .filter .medium-secondary-button, 
	.lnb-body .filter .medium-button {
		margin: 10px 0 0 0 !important;
		display: inline-block;
		width: 100% !important;
	}

	.event-popup {
		width: 80vw;
		left: 10vw;
		top: 20vh;
		height: auto;
		margin: auto;
		border-radius: 15px;
		background: transparent;
	}
	
	.event-popup .banner-image {
		position: absolute;
		display: block;
		overflow: hidden;
		width: 100%;
		height: auto;
		bottom: 50px;
		border-radius: 15px 15px 0 0;
		background: transparent;
	}
	
	.event-popup .banner-options {
		width: 100%;
		background-color: var(--white);
	}

	.popup-header {
		position: relative;
		padding-top: 6px;
		height: 40px;
	}

	.popup-header h1 {
		height: 40px;
		font-size: 18px;
	}
	
	.popup-header h1 img {
		width: 80px;
	}

	.popup-header .close-button {
		width: 40px;
		height: 40px;
	}
	
	.popup-header .close-button img {
		width: 40px;
		height: 40px;
	}

	.popup-body {
		margin-top: 75px;
	}

	.popup-body .popup-title {
		padding: 20px;
	}

	.popup-body .popup-title .label {
		display: block;
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	
	.popup-body .popup-title .title {
		display: block;
		margin-left: 0;
		width: 100%;
		font-size: 24px;
		text-align: center;
	}
	
	.popup-body .popup-title .caption {
		position: relative;
		display: block;
		top: auto;
		right: auto;
		margin-top: 10px;
		width: 100%;
		font-size: 16px;
		text-align: center;
	}

	.popup-body .question {
		font-size: 18px;
		padding: 0 5px;
	}

	.popup-body .answer, 
	.popup-body .answer-thermometer {
		margin-top: 40px;
	}
	
	.popup-body .answer .large-option {
		display: inline-block;
		padding: 10px;
		margin-right: 15px;
		width: 145px;
		height: 145px;
		border-radius: 120px;
		border: 3px solid transparent;
	}
	
	.popup-body .answer .large-option:last-child {
		margin-right: 0;
	}
	
	.popup-body .answer .large-option img {
		width: 119px;
		height: 119px;
	}

	.popup-body .answer a.selected {
		border: 3px solid var(--mint) !important;
	}
	
	.popup-body .answer a.unselected {
		border: 3px solid transparent !important;
	}

	.popup-body .answer .large-option.answer-good-amount-small, 
	.popup-body .answer .large-option.answer-good-amount-smaller, 
	.popup-body .answer .large-option.answer-bad-amount-small, 
	.popup-body .answer .large-option.answer-bad-amount-smaller {
		display: block;
		margin: 0 auto;
	}

	.popup-body .answer .large-option.answer-good-amount-small, 
	.popup-body .answer .large-option.answer-bad-amount-small {
		padding: 20px;
		margin-top: -20px;
		width: 145px;
		height: 145px;
	}

	.popup-body .answer .answer-good-amount-small img, 
	.popup-body .answer .answer-bad-amount-small img {
		width: 95px !important;
		height: 95px !important;
	}

	.popup-body .answer .large-option.answer-good-amount-smaller, 
	.popup-body .answer .large-option.answer-bad-amount-smaller {
		padding: 35px;
		width: 145px;
		height: 145px;
	}

	.popup-body .answer .answer-good-amount-smaller img, 
	.popup-body .answer .answer-bad-amount-smaller img {
		width: 65px !important;
		height: 65px !important;
	}

	.popup-body .answer .small-option {
		margin: 0 0 50px 0;
		width: 110px;
		height: 110px;
		font-size: 15px;
	}
	
	.popup-body .answer .small-option img {
		width: 92px;
		height: 92px;
	}

	.info-container .profile {
		position: relative;
		left: auto;
		top: auto;
		width: 150px;
		height: 150px;
		margin-bottom: 40px;
	}

	.mypage-info td:first-child {
		width: 0;
	}

	.mypage-info td:last-child {
		width: 100%;
	}

	.data-table td {
		vertical-align: top;
	}

	.data-table .description {
		padding: 60px 20px;
		font-size: 16px;
	}
	
	.data-table .description .medium-input {
		width: 100%;
	}
	
	.data-table .description span {
		display: inline;
	}

	.data-table tbody, 
	.data-table tr {
		display: table;
		position: relative !important;
		width: 100%;
	}

	.data-table .profile-photo {
		position: absolute;
		background: none;
		bottom: 20px;
	}

	.data-table .profile-photo img {
		position: absolute;
		left: -85px;
		width: 60px !important;
		height: 60px !important;
	}

	.data-table .functions {
		width: 30px;
	}
	
	.data-table .functions a {
		display: block;
		margin: 0 3px 15px 0 !important;
	}
	
	.data-table .functions a:first-child {
		margin-right: 0 !important;
	}

	.data-table .disabled-cell {
		display: none;
	}

	.data-table .numbering {
		width: 85px !important;
	}

	.data-table .numbering-narrow {
		width: auto !important;
	}

	.data-table .info-container {
		display: block;
		margin-top: 10px;
		text-align: left;
	}

	.data-table .numbering, 
	.data-table .class, 
	.data-table .authority, 
	.data-table .parents, 
	.data-table .relationship, 
	.data-table .link, 
	.data-table .state-complete, 
	.data-table .state-pending, 
	.data-table .date {
		font-size: 14px;
	}

	.data-table .price {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.data-table ul li {
		margin-left: 20px;
		list-style: disc;
		color: var(--mint);
		font-size: 14px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.modal-popup-container {
		margin: 0 15px;
	}

	.modal-popup-body {
		padding: 40px 20px;
	}

	.modal-popup-body .form-with-button .medium-input {
		min-width: 60% !important;
		width: 60% !important;
	}
	
	.modal-popup-body .form-with-button .large-button {
		position: absolute;
		top: 47px;
		right: 0;
		width: 105px;
	}

	.data-table-buttons a {
		width: 100%;
	}

	.data-table-buttons a:first-child {
		margin-right: 0;
	}

	.data-table .functions .link:first-child {
		margin-right: 0;
	}
}
/* End Common */



/* Button */
.small-button {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	height: 46px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F0 100%);
	border: 1px solid var(--weak-gray);
	box-shadow: inset -1px -2px 3px rgba(255, 255, 255, 0.8), inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 25px;
	color: var(--deep-gray);
	font-size: 16px;
}

.medium-button {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	height: 46px;
	background: var(--mint);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	border-radius: 25px;
	color: var(--white);
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.medium-button:focus, 
.medium-button:hover {
	color: var(--white) !important;
	box-shadow: 3px 4px 12px rgba(25, 178, 167, 0.8), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.medium-secondary-button {
	display: inline-block;
	padding: 10px 20px;
	height: 46px;
	background: var(--deep-gray);
	border-radius: 25px;
	color: var(--white);
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.medium-secondary-button:focus, 
.medium-secondary-button:hover {
	color: var(--white) !important;
	box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .3s; 
	transition: all .3s;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.large-button {
	display: inline-block;
	position: relative;
	padding: 15px 20px;
	height: 55px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F0 100%);
	border: 1px solid var(--weak-gray);
	box-shadow: inset -1px -2px 3px rgba(255, 255, 255, 0.8), inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 28px;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
	font-size: 16px;
	text-align: center;
}

.light-button {
	display: inline-block;
	padding: 13px 20px;
	height: 46px;
	background-color: var(--white);
	border-radius: 25px;
	color: var(--mint);
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	text-align: center;
	letter-spacing: -.03em;
}

.naver-button::before, 
.kakao-button::before, 
.google-button::before {
	position: absolute;
	display: block;
	content: ' ';

}

.naver-button {
	display: block;
	width: 320px !important;
	margin: 0 auto;
	color: var(--white) !important;
	background-color: #03cf5d !important;
	background: transparent;
	box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px !important;
}

.naver-button:hover {
	color: var(--white) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.naver-button::before {
	top: 15px;
	left: 14px;
	width: 16px;
	height: 16px;
	background: url('../images/icon-naver.png') no-repeat center center;
	background-size: 100%;
}

.kakao-button {
	display: block;
	width: 320px !important;
	margin: 0 auto;
	background-color: #fee500 !important;
	background: transparent;
	box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px !important;
}

.kakao-button:hover {
	color: var(--dark-gray) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.kakao-button::before {
	top: 14px;
	left: 14px;
	width: 18px;
	height: 19.2px;
	background: url('../images/icon-kakao.png') no-repeat center center;
	background-size: 100%;
}

.google-button::before {
	top: 10px;
	left: 20px;
	width: 26px;
	height: 26px;
	background: url('../images/icon-google.png') no-repeat center center;
	background-size: 100%;
}
/* End Button */



/* Labels */
.headline-1 {
	font-family: 'Jalnan';
	font-size: 32px;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--mint);
}

.label-1 {
	display: block;
	font-family: 'Jalnan';
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: .1em;
	color: var(--mint);
}

.label-2 {
	margin-left: 5px;
	font-size: 16px;
	color: var(--dark-gray);
}

.label-3 {
	margin-left: 5px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--mint);
}

.label-4 {
	margin-left: 5px;
	font-size: 15px;
	color: var(--gray);
}

.label-5 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 20px;
	color: var(--dark-gray);
}

.label-6 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 15px;
	color: var(--dark-gray);
}

.label-7 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 13px;
	color: var(--dark-gray);
}

.category, 
.category-1, 
.category-2 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--mint);
}

/* lg */
@media (max-width: 1019.98px) {
	.headline-1 {
		font-size: 24px;
	}

	.label-1 {
		font-size: 18px;
	}
}
/* End Labels */



/* FAB */
.fab {
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 70px;
	height: 70px;
	background: linear-gradient(180deg, #F1F1F0 0%, #FFFFFF 100%);
	border: 1px solid #FFFFFF;
	border-radius: 35px;
	box-shadow: 10px 15px 30px rgba(85, 91, 95, 0.13);
	text-align: center;
	vertical-align: middle;
	z-index: 998;
}

.fab img {
	margin-top: 22px;
}

/* md */
@media (max-width: 767.98px) {
	.fab {
		right: 10px;
		bottom: 10px;
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	
	.fab img {
		margin-top: 18px;
		width: 25px;
		height: auto;
	}
}
/* End FAB */



/* GNB */
header {
	position: fixed;
	padding: 40px 40px 0 40px;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background: linear-gradient(180deg, #F8F9F7 48.96%, rgba(238, 244, 247, 0) 100%, rgba(248, 249, 247, 0) 100%);
	z-index: 999;
}

header .gnb-container {
	position: relative;
	width: 100%;
	height: 70px;
	background: linear-gradient(180deg, #F1F1F0 0%, #FFFFFF 100%);
	border: 1px solid #FFFFFF;
	box-shadow: 10px 15px 30px rgba(85, 91, 95, 0.13);
	border-radius: 35px;
}

header h1 {
	float: left;
	padding: 18px 30px 22px 30px;
	height: 30px;
}

header h1 img {
	height: 30px;
}

header .main-menu {
	position: absolute;
	left: 50%;
	margin-left: -28%;
	margin-top: 22px;
}

header .main-menu a {
	margin-right: 45px;
	font-size: 18px;
	color: var(--dark-gray)
}

header .main-menu a:last-child {
	margin-right: 0;
}

header .main-menu .selected {
	position: relative;
	color: var(--mint);
}

header .main-menu .selected::after {
	position: absolute;
	display: block;
	content: ' ';
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: var(--mint);
}

header .login-menu {
	margin-left: -27%;
}

header .login-menu .tier-1 {
	display: inline-block;
	position: relative;
	margin-right: 50px;
}

header .login-menu a {
	margin-right: 0 !important;
}

header .login-menu .dropdown a::before {
	display: block;
	position: absolute;
	top: 8px;
	right: -18px;
	width: 12px;
	height: 7px;
	content: ' ';
	background: url('../images/icon-arrow-down.svg') no-repeat right top;
}

header .login-menu .tier-2 {
	display: none;
	position: absolute;
	margin-left: -105px;
	padding: 10px 0;
	top: 57px;
	left: 50%;
	width: 230px;
	background: linear-gradient(180deg, #F1F1F0 0%, #FFFFFF 100%);
	border: 1px solid var(--white);
	box-shadow: 5px 10px 20px rgba(85, 91, 95, 0.13);
	border-radius: 15px;
}

header .login-menu .tier-2 a {
	display: block;
	padding: 11px 20px;
	width: 230px;
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid var(--light-gray);
}

header .login-menu .tier-2 a:last-child {
	border-bottom: 0 !important;
}

header .login-menu .tier-2 a::before {
	display: none;
}

header .login-menu .non-dropdown {
	margin-right: 35px !important;
}

header .login-menu .view {
	display: block !important;
	visibility: visible !important;
}

header .login-menu .view-arrow::before {
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

header .login-menu .hidden {
	display: none !important;
}

header .login-menu .hidden-arrow::before {
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

header .utility-menu {
	float: right;
	padding: 12px;
}

header .utility-menu a:first-child {
	margin-right: 10px;
}

header .hamburger-menu {
	display: none;
	float: right;
	width: 46px;
	padding: 10px;
	margin: 6px 7px 0 0;
}

/* xxxl */
@media (max-width: 1799.98px) {
	header .main-menu {
		margin-left: -28%;
		margin-top: 23px;
	}
	
	header .main-menu a {
		margin-right: 30px;
		font-size: 16px;
	}

	header .login-menu {
		margin-left: -27%;
	}
}

/* xxl */
@media (max-width: 1539.98px) {
	header {
		padding: 10px 10px 0 10px;
		height: 80px;
	}
	
	header .gnb-container {
		height: 60px;
		border-radius: 30px;
	}
	
	header .main-menu {
		margin-top: 18px;
	}

	header .login-menu .tier-1 {
		margin-right: 35px;
	}
	
	header .main-menu a {
		margin-right: 30px;
		font-size: 16px;
	}

	header h1 {
		padding: 17px 25px 20px 25px;
		height: 23px;
	}

	header h1 img {
		height: 23px;
	}
	
	header .utility-menu {
		display: none;
	}

	header .hamburger-menu {
		display: block;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	header .main-menu a {
		margin-right: 20px;
		font-size: 13.5px;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	header .main-menu {
		display: none;
	}
}

/* Mobile GNB*/
.mobile-gnb-drawer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1100;
}

.mobile-gnb-container {
	position: relative;
	float: right;
	width: 340px;
	height: 100vh;
	background-color: var(--white);
}

.mobile-gnb-header {
	padding: 27px 27px 25px 30px;
}

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

.mobile-gnb-header .button-close {
	float: right;
}

.mobile-gnb-buttons {
	padding: 0 20px;
	width: 100%;
	height: 46px;
}

.mobile-gnb-buttons a {
	float: left;
	width: 145px;
	margin-right: 10px;
}

.mobile-gnb-buttons a:last-child {
	margin-right: 0;
}

.mobile-gnb-menu {
	padding: 0 30px;
	margin-top: 35px;
	text-align: center;
}

.mobile-gnb-menu li {
	border-bottom: 1px solid var(--weak-gray);
}

.mobile-gnb-menu a {
	display: block;
	position: relative;
	padding: 15px 0;
	font-size: 16px;
	color: var(--dark-gray);
}

.mobile-gnb-menu a .drawer-arrow {
	position: absolute;
	top: 25px;
	right: 0;
}

.mobile-gnb-menu .tier-2 li {
	padding: 0 20px;
	border-bottom: 0;
}

.mobile-gnb-menu .tier-2 a {
	margin-bottom: 10px;
	padding: 9px 10px 8px 10px;
	height: 40px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F0 100%);
	border: 1px solid #E6EDF0;
	box-shadow: inset -1px -2px 3px rgba(255, 255, 255, 0.8), inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 25px;
	font-size: 15px;
}

.mobile-gnb-menu .tier-2 li:last-child a {
	margin-bottom: 20px;
}

.mobile-gnb-links {
	margin-top: 60px;
	text-align: center;
}

.mobile-gnb-links a {
	margin-right: 12px;
	font-size: 13px;
	color: var(--deep-gray);
}

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

.mobile-gnb-links a strong {
	font-family: 'SpoqaHanSansNeo-Bold';
}

.mobile-gnb-cs {
	margin-bottom: 30px;
	text-align: center;
}

.mobile-gnb-cs a {
	display: block;
	margin-top: 25px;
	font-family: 'Jalnan';
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: .1em;
	color: var(--mint);
}

.mobile-gnb-cs .cs-info {
	margin-top: 10px;
	font-size: 12px;
	color: var(--gray);
}

.mobile-gnb-login {
	position: relative;
	padding: 0 30px 0 100px;
}

.mobile-gnb-login .profile img {
	position: absolute;
	top: 0;
	left: 30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
}

.mobile-gnb-login .my-info {
	padding-top: 5px;
}

.mobile-gnb-login .my-info .institution {
	display: inline-block;
	font-size: 15px;
	color: var(--dark-gray);
}

.mobile-gnb-login .my-info .name {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	color: var(--deep-gray);
}

.mobile-gnb-login .links {
	margin-top: 3px;
}

.mobile-gnb-login .links a {
	position: relative;
	padding-left: 22px;
	padding-top: 2px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--mint);
}

.mobile-gnb-login .links a::before {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	left: 0;
	top: 0;
	content: ' ';
}

.mobile-gnb-login .links .logout {
	margin-right: 21px;
}

.mobile-gnb-login .links .logout::before {
	background: url('../images/icon-logout.svg') no-repeat left top;
	background-size: cover;
}

.mobile-gnb-login .links .logout::after {
	position: absolute;
	display: block;
	width: 1px;
	height: 14px;
	right: -13px;
	top: 3px;
	content: ' ';
	background-color: var(--light-gray);
}

.mobile-gnb-login .links .mypage::before {
	background: url('../images/icon-sign-up-mint.svg') no-repeat left top;
	background-size: cover;
}
/* End Mobile GNB*/

/* End GNB */



/* Footer */
footer {
	margin-top: 80px;
	width: 100%;
	min-height: 170px;
}

footer .container-xxl {
	position: relative;
	padding-top: 35px;
	border-top: 1px solid var(--light-gray);
}

footer .cs {
	float: right;
	text-align: right;
	width: 200px;
}

footer .cs a {
	display: block;
	font-family: 'Jalnan';
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 1.3;
	color: var(--mint);
}

footer .cs .cs-info {
	display: block;
	margin-top: 5px;
	width: 200px;
	font-size: 13px;
	color: var(--gray);
}

footer .logo {
	position: absolute;
	top: 35px;
	left: 15px;
	width: 200px;
}

footer .info {
	float: left;
	margin-top: 5px;
	margin-left: 260px;
}

footer .info .links a {
	margin-right: 20px;
	font-size: 16px;
	color: var(--deep-gray);
}

footer .info .links a strong {
	font-family: 'SpoqaHanSansNeo-Bold';
}

footer .info .links a img {
	margin: -4px 4px 0 4px;
	vertical-align: middle;
}

footer .info .links .youtube {
	margin-right: 0;
}

footer .info .links .youtube::before {
	display: inline-block;
	content: ' ';
	margin-right: 16px;
	width: 1px;
	height: 15px;
	background-color: var(--light-gray);
	vertical-align: middle;
}

footer .info .copyright {
	margin-top: 18px;
	margin-bottom: 35px;
	font-size: 15px;
	color: var(--gray);
}

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

/* xl */
@media (max-width: 1279.98px) {
	footer .container-xxl {
		text-align: center;
	}

	footer .logo {
		position: relative;
		top: 0;
		left: 0;
	}

	footer .cs, 
	footer .info {
		float: inherit;
	}

	footer .cs {
		float: inherit;
		margin-bottom: 30px;
		text-align: left;
		width: 100%;
	}

	footer .cs a, 
	footer .cs .cs-info {
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}

	footer .cs a {
		font-size: 16px;
		padding-top: 5px;
		text-align: center;
	}

	footer .cs .cs-info {
		font-size: 12px;
	}

	footer .logo {
		margin-top: 30px;
	}

	footer .info {
		margin-left: 0;
	}

	footer .info .links a {
		margin-right: 15px;
		font-size: 14px;
	}

	footer .info .links .youtube {
		display: block;
		margin-top: 15px;
	}
	
	footer .info .links .youtube::before {
		display: none;
	}

	footer .info .copyright {
		margin-top: 30px;
		padding-bottom: 40px;
		font-size: 12px;
	}
}
/* End Footer */



/* Component */
.subtitle {
	margin-top: 200px;
	text-align: center;
}

.subtitle h3 {
	margin-top: 10px;
}

.subtitle .description-1 {
	margin-top: 40px;
}

.point-left , 
.point-right {
	position: relative;
	margin-top: 240px;
	padding-top: 200px;
}

.point-left img, 
.point-right img {
	width: 420px;
}

.point-left .device-front, 
.point-right .device-front {
	position: absolute;
	width: 420px;
	z-index: 500;
}

.point-left .device-back, 
.point-right .device-back, 
.point-left .point-image, 
.point-right .point-image {
	position: absolute;
	z-index: 499;
}

.point-left .device-front {
	top: 30px;
	right: 320px;
}

.point-left .device-back {
	top: 130px;
	right: 100px;
}
 
.point-right .device-front {
	top: 30px;
	left: 320px;
}

.point-right .device-back {
	top: 130px;
	left: 100px;
}

.point-left .point-image, 
.point-right .point-image {
	top: 0;
	width: 40%;
	margin-top: 200px;
}

.point-left .point-image {
	right: 130px;
}
 
.point-right .point-image {
	left: 130px;
}

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

.point-right .label-1, 
.point-right h3, 
.point-right .description-1, 
.point-right .description-3 {	
    margin-left: 55%;
}

.point-left h3 , 
.point-right h3 {
	margin-top: 30px;
}

.point-left .keyline-top , 
.point-right .keyline-top {
	margin-top: 70px;
	padding-top: 40px;
}

.wide-visual {
	margin-top: 80px;
	width: 100%;
	height: 480px;
	background-position: center center !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}

.wide-visual-feelings-dary {
	background: url('../images/feelings-diary-wide-hero.jpg');
}

.wide-visual-childcare-curriculum {
	background: url('../images/childcare-curriculum-wide-hero.jpg');
}

.wide-visual-portfolio {
	background: url('../images/portfolio-wide-hero.jpg');
}

.wide-visual-program {
	background: url('../images/program-wide-hero.jpg');
}

.video-section {
	margin-top: 100px;
	background: url('../images/wave-wide-background.png') no-repeat center center;
}

.video-section iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.wave-bg {
	margin-bottom: 160px;
	background: url('../images/wave-wide-background.png') no-repeat center center;
}

.wave-bg-container {
	padding: 0 10px;
}

.wave-bg-container:first-child {
	padding-left: 0;
}

.wave-bg-container:last-child {
	padding-right: 0;
}

.wave-bg-item {
	padding-bottom: 40px;
	min-height: 500px;
	background-color: var(--white);
	border: 1px solid var(--weak-gray);
	box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.wave-bg-item .thumbnail {
	margin-top: 40px;
	text-align: center;
}

.wave-bg-item .thumbnail img {
	width: 150px;
	height: 150px;
}

.wave-bg-item .profile {
	overflow: hidden;
	width: 100%;
	border-radius: 15px 15px 0 0;
}

.wave-bg-item .profile img {
	width: 100%;
	height: auto;
}

.wave-bg-item .caption {
	display: block;
	padding: 5px 20px;
	font-size: 15px;
	color: var(--deep-gray);
	text-align: center;
}

.wave-bg-item ul {
	padding: 0 40px;
	margin-top: 20px;
	margin-left: 15px;
	list-style: outside;
	font-size: 15px;
}

.wave-bg-item h6 {
	padding: 0 20px;
	margin-top: 20px;
	text-align: center;
}

.wave-bg-item .description-2 {
	padding: 0 20px;
	margin-top: 15px;
	text-align: center;
}

.quote-1 {
	display: block;
	position: relative;
	margin-top: 100px;
	padding-top: 20px;
	width: 100%;
	font-size: 24px;
	color: var(--dark-gray);
	text-align: center;
}

.quote-1 span {
	display: block;
}

.quote-1::before, 
.quote-1::after {
	position: absolute;
	top: 0;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 90px;
	color: var(--mint);
}

.quote-1::before {
	left: 0;
	content: "“";
}

.quote-1::after {
	right: 0;
	content: "”";
}

/* xxl */
@media (max-width: 1539.98px) {
	.point-left .device-front {
		right: 220px;
	}
	
	.point-left .device-back {
		right: 0;
	}

	.point-right .device-front {
		left: 220px;
	}
	
	.point-right .device-back {
		left: 0;
	}

	.point-right .label-1, 
	.point-right h3, 
	.point-right .description-1 {
		margin-left: 55%;
	}

	.point-right .description-3 span {
		display: block;
	}

	.wave-bg-item ul {
		padding: 0 20px;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.point-left img, 
	.point-right img {
		width: 320px;
	}

	.point-left .device-front, 
	.point-right .device-front {
		right: 170px;
		width: 320px;
	}

	.point-left .device-back, 
	.point-right .device-back {
		right: 0;
	}

	.point-left .device-front {
		top: 140px;
	}

	.point-left .device-back {
		top: 220px;
	}

	.point-right .device-front {
		top: 140px;
		left: 220px;
	}

	.point-right .device-back {
		top: 220px;
		left: 30px;
	}

	.wave-bg-container:first-child {
		padding-left: 10px;
	}
	
	.wave-bg-container:last-child {
		padding-right: 10px;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.point-left, 
	.point-right {
		margin-top: 80px;
		padding-top: 0;
	}

	.point-left h3 , 
	.point-right h3 {
		margin-top: 20px;
		text-align: center;
	}

	.point-left .label-1, 
	.point-left .description-1, 
	.point-right .label-1, 
	.point-right .description-1 {
		display: block;
		text-align: center;
	}

	.point-left img, 
	.point-right img {
		width: 220px;
	}

	.point-left .device-front, 
	.point-right .device-front {
		width: 220px;
	}

	.point-left .device-back, 
	.point-right .device-back, 
	.point-left .point-image, 
	.point-right .point-image {
		position: relative;
		top: 0;
		margin-top: 100px;
		text-align: center;
	}

	.point-left .device-front {
		top: 290px;
		left: 50%;
		right: auto;
		margin-left: -170px;
	}

	.point-left .device-back {
		padding-left: 130px;
	}

	.point-right .device-front {
		top: 340px;
		left: 50%;
		right: auto;
		margin-left: -30px;
	}

	.point-right .device-back {
		left: -60px;
	}

	.point-left::after, 
	.point-right::after {
		position: absolute;
		display: block;
		content: ' ';
		left: 0;
		margin-top: -220px;
		width: 100%;
		height: 1px;
		background-color: var(--light-gray);
		z-index: 1;
	}

	.point-left .keyline-top , 
	.point-right .keyline-top {
		margin-top: 30px;
		padding-top: 0;
		border-top: 0;
	}

	.point-right .label-1, 
	.point-right h3, 
	.point-right .description-1,
	.point-right .description-3 {
		margin-left: 0;
	}
	.point-left .point-image, 
	.point-right .point-image {
		margin-top: 20px;
		left: auto;
		right: auto;
		width: 100%;
		text-align: center;
	}

	.point-left .point-image img, 
	.point-right .point-image img {
		width: 50%;
	}

	.video-section {
		margin-top: 60px;
	}

	.video-section .container-lg {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.quote-1 {
		margin-top: 60px;
		padding-top: 70px;
		font-size: 20px;
	}

	.quote-1 span {
		display: inline;
	}
	
	.quote-1::before {
		left: 50%;
		margin-left: -10px;
	}
	
	.quote-1::after {
		display: none;
	}

	.wave-bg {
		margin-bottom: 0;
		background: transparent;
	}

	.wave-bg-container {
		margin-bottom: 20px;
		padding: 0 15px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.subtitle {
		margin-top: 120px;
	}

	.wide-visual {
		height: 280px;
		background-attachment: scroll !important;
	}
	
	.wide-visual-feelings-dary {
		background: url('../images/feelings-diary-mobile-hero.jpg');
	}

	.wide-visual-childcare-curriculum {
		background: url('../images/childcare-curriculum-mobile-hero.jpg');
	}

	.wide-visual-portfolio {
		background: url('../images/portfolio-mobile-hero.jpg');
	}
	
	.wide-visual-program {
		background: url('../images/program-mobile-hero.jpg');
	}
	
	.wave-bg-container:first-child {
		padding-left: 15px;
	}
	
	.wave-bg-container:last-child {
		padding-right: 15px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.point-left .point-image img, 
	.point-right .point-image img {
		width: 95%;
	}

	.wave-bg-item {
		min-height: auto;
	}
}
/* End Component */



/* Board */
.board {
	margin-top: 40px;
}

.board .col {
	display: flex;
}

.board .row .col a {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}

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

.board .thumbnail {
	border-radius: 10px;
}

.board a:hover .thumbnail {
    box-shadow: 4px 8px 25px rgb(0 0 0 / 20%);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.board .category, 
.board .category-1, 
.board .category-2 {
	display: inline-block;
	margin-right: 10px;
	margin-top: 15px;
	word-break: break-all;
}

.board .category-1 {
	margin-left: 10px;
}

.board .category-2 {
	position: relative;
	margin-right: 0;
	padding-left: 10px;
}

.board .category-2::before {
	position: absolute;
	display: inline-block;
	content: ' ';
	left: -1px;
	top: 3px;
	width: 1px;
	height: 14px;
	background-color: var(--light-gray);
}

.board .title {
	display: block;
	margin-top: 5px;
	padding: 0 10px;
	font-size: 18px;
	color: var(--dark-gray);
	word-break: break-all;
}

.board .info {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 10px;
	font-size: 13px;
	color: var(--gray);
	word-break: break-all;
}

.board-empty {
	margin-bottom: 30px;
	padding: 80px 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid var(--light-gray);
	border-bottom: 1px solid var(--light-gray);
	color: var(--deep-gray);
}

.board-result {
	margin-bottom: 30px;
	padding: 40px 0 80px 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid var(--light-gray);
	border-bottom: 1px solid var(--light-gray);
	font-size: 18px;
	color: var(--dark-gray);
}

.board-list {
	margin-top: 25px;
	margin-bottom: 40px;
}

.board-list .row {
	position: relative;
	padding: 15px 300px 15px 170px;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
}

.board-list .row:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.board-list .row .numbering, 
.board-list .row .notice-category, 
.board-list .row .faq-category, 
.board-list .row .category, 
.board-list .row .name, 
.board-list .row .date {
	display: block;
	position: absolute;
	padding: 0;
	top: 17px;
}

.board-list .row span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.board-list .row .numbering {
	left: 10px;
	width: 70px;
	font-size: 15px;
	color: var(--gray);
}

.board-list .row .notice,
.board-list .row .faq {
	padding-top: 1px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 13px;
	color: var(--mint);
}

.board-list .row .notice-category,
.board-list .row .faq-category,
.board-list .row .category {
	left: 70px;
	width: 100px;
	font-size: 14px;
	color: var(--gray);
}

.board-list .row .category {
	font-family: 'SpoqaHanSansNeo-Regular';
}

.board-list .row .title {
	padding: 0;
	font-size: 16px;
	color: var(--dark-gray);
}

.board-list .row .new {
	font-family: 'SpoqaHanSansNeo-Bold';
}

.board-list .row .icon-new {
	display: inline-block;
	margin-left: 5px;
	font-family: 'Jalnan';
	font-size: 12px;
	color: var(--mint)
}

.board-list .row .name {
	right: 120px;
	width: 180px;
	font-size: 15px;
	color: var(--dark-gray);
	text-align: right;
}

.board-list .row .date {
	left: auto;
	right: 10px;
	width: 100px;
	font-size: 15px;
	color: var(--gray);
	text-align: right;
}

.board-list .row .year {
	display: inline;
	padding: 0;
}

.board-list .row .state-wait {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.board-list .row .state-finish {
	color: var(--neutral-gray);
}

.accordion-trigger:focus {
	outline: none !important;
	box-shadow: none !important;
}

.accordion-row {
	background: url('../images/icon-arrow-down-mint.svg') no-repeat right 10px center;
}

.accordion .active.accordion-row {
	background: url('../images/icon-arrow-up-mint.svg') no-repeat right 10px center !important;
}

.accordion .active .title {
	font-family: 'SpoqaHanSansNeo-Bold';
}

.accordion .title {
	white-space: normal !important;
	overflow: auto !important;
	text-overflow: inherit !important;
}

.accordion-expand {
	display: none;
    padding: 20px 60px 20px 160px;
	border-bottom: 1px solid var(--deep-gray);
	font-size: 15px;
	color: var(--deep-gray);
}

.accordion .scroll-area {
	overflow-y: scroll;
	padding-right: 20px;
	height: 250px;
}

.accordion .wide-expand {
	padding: 0 10px 15px 10px !important;
}

.filter {
	width: 100%;
	text-align: right;
}

.filter-reset {
	position: relative;
	display: block;
	float: left;
	padding: 7px 30px 10px 15px;
	margin-top: 10px;
	height: 34px;
	background-color: var(--deep-gray);
	font-size: 14px;
	color: var(--white);
	border-radius: 17px;
}

.filter-reset strong {
	font-family: 'SpoqaHanSansNeo-Bold';
}

.filter-reset::after {
	position: absolute;
	content: '×';
	top: 7px;
	right: 12px;
}

.filter-reset:hover {
	color: var(--white) !important;
	background-color: var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.pagination {
	display: block;
	margin-top: 10px;
	text-align: center;
}

.pagination .prev, 
.pagination .next {
	display: inline-block;
	padding: 0 5px;
	height: 32px;
	vertical-align: bottom;
}

.pagination .paging {
	display: inline-block;
	margin: 0 5px;
	padding: 4px 10px 5px 10px;
	min-width: 32px;
	height: 32px;
	font-size: 15px;
	color: var(--deep-gray);
	background-color: transparent;
	border: 1px solid var(--light-gray);
	border-radius: 4.8px;
}

.pagination .paging:hover {
	border: 1px solid var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.pagination .selected {
	color: var(--white);
	background-color: var(--deep-gray);
	border: 1px solid var(--deep-gray);
}

.pagination .selected:hover {
	background-color: var(--mint) !important;
	border: 1px solid var(--mint);
	color: var(--white) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.post-details {
	margin-top: 200px;
}

.post-header .post-category .category, 
.post-header .post-category .category-1 {
	position: relative;
	font-size: 16px;
}

.post-header .post-category .category-1:first-child {
	padding-right: 15px;
}

.post-header .post-category .category-1:first-child::after {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 2px;
	content: ' ';
	width: 1px;
	height: 14px;
	background-color: var(--light-gray);
}

.post-header .post-category .category-1:last-child {
	padding-left: 10px;
}

.post-header .post-title {
	margin-top: 5px;
	font-size: 24px;
	color: var(--dark-gray);
}

.post-header .post-info {
	margin-top: 10px;
	padding-bottom: 40px;
	font-size: 15px;
	color: var(--gray);
	border-bottom: 1px solid var(--light-gray);
}

.post-body {
	font-size: 18px;
	color: var(--deep-gray);
	line-height: 1.5;
}

.post-body p {
	padding: 20px 5px;
}

.post-body b {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 20px;
	color: var(--dark-gray);
}

.post-body img {
	width: 100% !important;
}

.post-body iframe {
	width: 100% !important;
	min-height: 626px;
}

.post-body .post-file {
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding: 12px 150px 11px 115px;
	height: 46px;
	background: var(--weak-gray);
	border-radius: 25px;
	font-size: 15px;
	color: var(--deep-gray);
}

.post-body .post-file:hover {
	box-shadow: 0 0 2px var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.post-body .post-file:first-child {
	margin-top: 20px;
}

.post-body .post-file .file-title {
	position: absolute;
	display: block;
	top: 13px;
	left: 25px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	color: var(--mint);
}

.post-body .post-file .file-volume {
	position: absolute;
	display: block;
	top: 13px;
	right: 25px;
	padding-right: 30px;
	font-size: 14px;
	color: var(--gray);
	background: url('../images/icon-download.svg') no-repeat right center;
}

.post-body .post-expert {
	position: relative;
	margin: 40px 0;
	padding: 20px 50px 20px 40px;
	min-height: 170px;
	border: 4px solid var(--weak-gray);
	border-radius: 15px;
}

.post-body .post-expert::after {
	position: absolute;
	display: block;
	content: ' ';
	top: -15px;
	right: -15px;
	width: 60px;
	height: 75px;
	background: url('../images/panel-badge.png') no-repeat left top;
	background-size: cover;
}

.post-body .post-expert .post-expert-profile {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 120px !important;
	height: 120px !important;
	min-width: 120px !important;
	min-height: 120px !important;
	left: 40px;
	top: 20px;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 60px;
}

.post-body .post-expert .post-expert-profile img {
	width: 120px !important;
	height: 120px !important;
	min-width: 120px !important;
	min-height: 120px !important;
}

.post-body .post-expert .career {
	display: block;
	margin-top: 45px;
	padding: 35px 0 10px 160px;
	font-size: 15px;
	color: var(--deep-gray);
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: top;
	background-size: 7px 1px;
	background-repeat: repeat-x;
}

.post-body .post-expert .career ul,
.post-body .post-expert .career li {
	list-style: disc;
}

.post-body .post-expert .affiliation, 
.post-body .post-expert .name {
	margin-left: 150px;
	width: 40%;
}

.post-body .post-expert .affiliation {
	padding: 20px 0 0 0;
	margin-bottom: 5px;
	font-size: 20px;
	color: var(--deep-gray);
}

.post-body .post-expert .affiliation span:first-child {
	position: relative;
	padding-right: 13px;
}

.post-body .post-expert .affiliation span:first-child::after {
	position: absolute;
	display: block;
	top: 3px;
	right: 0;
	content: ' ';
	width: 1px;
	height: 18px;
	background-color: var(--light-gray)
}

.post-body .post-expert .affiliation span:last-child {
	padding-left: 10px;
}

.post-body .post-expert .name {
	padding: 0;
	font-size: 28px;
	color: var(--dark-gray);
}

.post-body .post-expert .info {
	position: absolute;
	top: 25px;
	right: 50px;
	font-size: 16px;
	text-align: right;
}

.post-body .post-expert .info .info-contact, 
.post-body .post-expert .info .info-mail, 
.post-body .post-expert .info .info-address, 
.post-body .post-expert .info .info-homepage {
	display: inline-block;
	padding: 5px 0;
}

.post-body .post-expert .info a {
	font-family: 'SpoqaHanSansNeo-Bold';
	text-decoration: underline;
	color: var(--mint);
}

.post-body .post-expert .info .info-contact, 
.post-body .post-expert .info .info-address {
	position: relative;
	padding-right: 13px;
}

.post-body .post-expert .info .info-contact::after, 
.post-body .post-expert .info .info-address::after {
	position: absolute;
	display: block;
	top: 10px;
	right: 0;
	content: ' ';
	width: 1px;
	height: 14px;
	background-color: var(--light-gray)
}

.post-body .post-expert .info .info-mail, 
.post-body .post-expert .info .info-homepage {
	padding-left: 10px;
}

.post-body .post-expert .info .info-homepage {
	padding-right: 20px;
	background: url('../images/icon-new-window-mint.svg') no-repeat right center;
}

.post-body .post-function {
	text-align: center;
}

.post-body .post-function a {
	margin-top: 10px;
	text-align: center;
}

.post-reply {
	border-top: 1px solid var(--light-gray);
	padding-top: 30px;
	margin-top: 50px;
}

.post-reply-upload {
	display: block;
	position: relative;
	padding-right: 230px;
}

.post-reply-upload .small-input {
	display: block;
	width: 100%;
}

.post-reply-upload .function {
	position: absolute;
	top: 0;
	right: 0;
}

.post-reply-upload .function label {
	margin-right: 15px;
}

.post-reply-upload .medium-button {
	width: 120px;
}

.post-reply-item {
	position: relative;
	padding: 30px 0;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
}

.post-reply-item .post-profile {
	position: absolute;
	top: 30px;
	left: 0;
	width: 50px;
	height: 50px;
	background: url(../images/ewc-kids-user-profile-1.jpg);
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 25px;
}

.post-reply-item .post-comment {
	margin: 3px 60px 3px 70px;
	font-size: 18px;
	color: var(--dark-gray);
}

.post-reply-item .post-comment-info {
	margin: 0 0 0 70px;
	font-size: 14px;
	color: var(--deep-gray);
}

.post-reply-item .post-comment-info .lock {
	position: relative;
	display: inline-block;
	padding-right: 21px;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.post-reply-item .post-comment-info .lock::after {
	display: block;
	position: absolute;
	top: 3px;
	right: 10px;
	content: ' ';
	width: 1px;
	height: 14px;
	background-color: var(--light-gray);
}

.post-reply-item .post-comment-info .lock img {
	vertical-align: middle;
}

.post-reply-item .post-reply-upload {
	margin: 0 0 0 70px;
}

.post-reply-item .post-functions {
	position: absolute;
	top: 30px;
	right: 0;
}

.post-reply-item .post-functions a:first-child {
	margin-right: 10px;
}

.qna-reply {
	margin-top: 10px;
	padding: 30px 5px;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: top;
	background-size: 7px 1px;
	background-repeat: repeat-x;
}

.qna-reply .qna-label {
	margin-bottom: 10px;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.qna-reply .qna-info {
	margin-top: 20px;
	font-size: 15px;
	color: var(--gray);
}

.form-container {
	position: relative;
	margin-top: 40px;
	border-top: 1px solid var(--light-gray);
}

.form-container .label.required {
	position: absolute;
	top: -35px;
	right: 0;
}

.form-container .label {
	padding-right: 8px;
	font-size: 14px;
	color: var(--deep-gray);
}

.form-container .form-row {
	display: inline-block;
	position: relative;
	width: 100%;
	clear: both;
}

.form-container .form-label {
	position: absolute;
	left: 0;
	top: 30px;
	display: inline-block;
	width: 120px;
	text-align: left !important;
	color: var(--deep-gray);
}

.form-container .form-label .required {
	position: relative;
	display: inline;
	padding-right: 10px;
}

.form-container .form-label .required::after {
	margin-top: -2px;
}

.form-container .file-name {
	display: inline-block;
	margin-left: 20px;
}

.form-container .file-name p {
	margin-bottom: 10px;
}

.form-container .label-break {
	position: relative !important;
	display: block !important;
	top: 0 !important;
	left: 10px !important;
}

.form-container .required::after {
	position: absolute;
	top:0;
	right: 0;
	padding-left: 15px;
	content: '*';
	color: var(--red);
}

.form-container .form-row .col-0 {
	padding: 15px 0 !important;
}

.form-container .form-row .col-1 {
	width: 100% !important;
}

.form-container .form-row .col-2:first-child {
	width: 55% !important;
}

.form-container .form-row .col-2:last-child {
	width: 45% !important;
}

.form-container .form-row .col-2-title-1, 
.form-container .form-row .col-2-title-2, 
.form-container .form-row .col-2-title-3  {
	width: 100% !important;
}

.form-container .form-row .col-2-title-1 input, 
.form-container .form-row .col-2-title-2 input, 
.form-container .form-row .col-2-title-3 input {
	width: 100%;
}

.form-container .form-row .col-2-category-1 {
	position: absolute;
	padding: 15px 0 15px 0 !important;
	width: 200px !important;
}

.form-container .form-row .col-2-title-1 {
	display: block;
	padding: 15px 0 15px 210px;
	width: 100%;
}

.form-container .form-row .col-2-category-2 {
	position: absolute;
	left: 210px;
	padding: 15px 0 15px 0 !important;
	width: 200px !important;
}

.form-container .form-row .col-2-title-2 {
	display: block;
	padding: 15px 0 15px 420px;
	width: 100%;
}

.form-container .form-row .col-3 {
	display: inline-block;
	padding: 15px 0;
	width: 33%;
	border-bottom: 1px solid var(--light-gray);
}

.form-container .form-row .col-3 input {
	width: 98%;
}

.form-container .form-row .col-3 select {
	width: 100%;
}

.form-container .label-break {
	position: relative;
	display: block;
	top: 0;
	left: 10px;
}

.form-container .form-row .form-item {
	position: relative;
	display: block;
	float: left;
	padding: 15px 0 15px 120px;
	width: 100%;
	min-height: 86px;
	border-bottom: 1px solid var(--light-gray);
}

.form-container .form-row .form-item:first-child {
	padding-right: 10% !important;
}

.form-container .form-row .form-item:last-child {
	padding-right: 0 !important;
}

.form-container .form-row .form-item input, 
.form-container .form-row .form-item select {
	width: 100%;
}

.form-container .form-row .address-form .post-code {
	padding-right: 160px;
}

.form-container .form-row .address-form .address-button {
	position: absolute;
	top: 15px;
	right: 0;
	width: 150px;
}

.form-container .form-row .account-form select {
	margin-right: 10px;
	width: 35%;
	min-width: 35%;
}

.form-container .form-row .account-form input {
	width: 61%;
}

.form-container .form-row .age-form {
	vertical-align: middle;
	text-align: right;
}

.form-container .form-row .age-form .form-label {
	float: left;
	margin-top: 15px;
	width: 100px;
}

.form-container .form-row .age-form input {
	display: inline-block;
	margin-right: 10px;
	width: 150px;
	min-width: 150px;
}

.form-container .form-row .price {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
	vertical-align: middle;
}

.form-container .form-row .price {
	margin-top: 15px;
}

.form-container .label-2 {
	position: relative;
	padding-right: 10px;
}

.form-container .form-gallery-file {
	top: 16px !important;
}

.form-expert-info {
	float: left;
	padding: 5px 0 10px 20px;
	margin-right: 50px;
	list-style: disc;
	color: var(--gray);
}

.form-expert-info li {
	padding: 5px 0;
}

.form-expert-info .input-checkbox {
	margin-top: -2px;
	margin-left: 10px;
	width: 16px !important;
	height: 16px !important;
}

.form-expert-info strong {
	color: var(--dark-gray);
}

.form-expert-info .medium-button {
	display: block;
	float: right;
}

.form-container .accordion .agreement {
	display: inline-block;
	padding: 15px 0 18px 10px;
}

.form-container .accordion-row {
	position: relative;
	display: block;
	float: right;
	margin-top: 14px;
	width: 120px;
	height: 30px;
}

.form-container .accordion .accordion-trigger {
	position: absolute;
	top: 0;
	right: 10px;
	display: block;
	width: 150px !important;
	color: var(--mint);
	font-family: 'SpoqaHanSansNeo-Bold';
	text-align: right;
}

.form-container .accordion-row .view-more {
	display: inline-block;
	padding: 5px 25px 0 0;
	font-size: 14px;
}

.form-container .accordion .scroll-area b {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
}

.form-container .form-row .form-item table, 
.form-container .form-row .form-item td {
	border: 0;
}

.form-container .form-notice .medium-input {
	width: 88% !important;
}
	
.form-container .form-notice .input-checkbox-container {
	display: inline-block;
}

.form-container .form-notice .input-checkbox {
	margin-left: 10px;
}

.form-function {
	padding-top: 30px;
	text-align: center;
	border-top: 1px solid var(--light-gray);
}

.form-function-nonborder {
	padding-top: 30px;
	text-align: center;
}

.form-caption {
	display: block;
	margin-top: 5px;
	width: 100%;
	font-size: 13px;
	color: var(--deep-gray);
}

.narrow-form {
	margin-top: 260px;
	max-width: 500px;
	width: 100%;
}

.narrow-form h2 {
	font-family: 'Jalnan';
	font-size: 32px;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--mint);
}

.narrow-form .form-container {
	margin-top: 30px;
}

.narrow-form .form-options {
	display: inline-block;
	padding: 15px 0 !important;
	width: 100%;
	text-align: right;
}

.narrow-form .form-options label {
	margin-right: 30px;
}

.narrow-form .form-options label:last-child {
	margin-right: 0;
}

.narrow-form .form-funcstions .small-button {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
	text-align: center;
}

.narrow-form .form-funcstions .caption {
	margin-top: 25px;
	font-size: 15px;
	color: var(--deep-gray);
	text-align: center;
}

.narrow-form .form-funcstions .caption a {
	font-family: 'SpoqaHanSansNeo-Bold';
	text-decoration: underline;
	color: var(--mint);
}

.narrow-form .form-links {
	padding: 25px 0;
	text-align: center;
}

.narrow-form .form-links a {
	position: relative;
	display: inline-block;
	padding-right: 31px;
	font-size: 16px;
	color: var(--dark-gray);
}

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

.narrow-form .form-links a:last-child {
	padding-right: 0;
}

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

.narrow-form .form-with-button .medium-input {
	width: 60% !important;
}

.narrow-form .form-with-button .large-button {
	position: absolute;
	top: 15px;
	right: 0;
	width: 27% !important;
}

.narrow-form .form-terms {
	padding: 15px 0;
	border-bottom: 1px solid var(--light-gray);
	color: var(--deep-gray);
}

.narrow-form .form-terms p {
	position: relative;
	padding: 7px 0;
}

.narrow-form .form-terms p .label-2 {
	width: 65%;
}

.narrow-form .form-terms p .view-more {
	position: absolute;
	top: 5px;
	right: 0;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
	text-decoration: underline;
}

.narrow-form .form-item .option-item {
	margin-bottom: 10px;
	padding: 15px 20px;
	border: 2px solid var(--weak-gray);
	border-radius: 15px;
}

.narrow-form .form-item .option-items {
	margin-top: 15px !important;
}

.narrow-form .form-item .option-item:hover {
	border: 2px solid var(--deep-gray);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.narrow-form .form-item .option-item.selected {
	border: 0;
	background-color: var(--mint);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	border-radius: 15px;
}

.narrow-form .form-item .option-item.selected label, 
.narrow-form .form-item .option-item.selected span {
	color: var(--white) !important;
}

.narrow-form .form-item .option-item.selected .input-checkbox {
	accent-color: var(--white);
}

.narrow-form .form-item .option-item .input-checkbox.selected:focus, 
.narrow-form .form-item .option-item .input-checkbox.selected:checked {
	accent-color: var(--white);
	border-radius: 3px;
}

.narrow-form .form-item .selected:hover {
	background-color: var(--dark-mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.narrow-form .form-item .option-item:last-child {
	margin-bottom: 0 !important;
}

.narrow-form .form-item .option-items label {
	margin-left: 5px;
	font-size: 16px;
	color: var(--dark-gray);
}

.narrow-form .form-item .option-items label span {
	display: block;
	font-size: 14px;
	color: var(--deep-gray);
}

.narrow-form .address-container {
	margin-top: 10px;
}

.narrow-form .address-container .medium-input {
	width: 100% !important;
}

.narrow-form textarea {
	height: 250px;
}

.board-calendar {
	margin-top: 40px;
}

.board-calendar .board-calendar-header {
	margin-bottom: 40px;
	position: relative;
	width: 100%;
	height: 34px;
	text-align: center;
	font-family: 'Jalnan';
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--mint);
}

.board-calendar .board-calendar-header a {
	position: absolute;
	width: 34px;
	height: 34px;
}

.board-calendar .board-calendar-header .button-prev {
	top: 0;
	left: 0;
}

.board-calendar .board-calendar-header .button-next {
	top: 0;
	right: 0;
}

.board-calendar table, 
.board-calendar tr, 
.board-calendar th, 
.board-calendar td {
	border: 0;
	background: transparent;
	text-align: center;
}

.board-calendar table thead th span {
	font-family: 'Jalnan';
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--neutral-gray);
}

.board-calendar table tbody td span, 
.board-calendar table tbody td a {
	display: inline-block;
	margin: 10px;
	padding: 10px;
	width: 46px;
	height: 46px;
	border-radius: 25px;
	background-color: var(--white);
	font-size: 15px;
	border: 2px solid var(--white);
}

.board-calendar table tbody td span {
	color: var(--light-gray);
}

.board-calendar table tbody td a {
	color: var(--gray);
}

.board-calendar table tbody td:first-child span, 
.board-calendar table tbody td:last-child span {
	color: var(--pale-red);
}

.board-calendar table tbody td:first-child a, 
.board-calendar table tbody td:last-child a {
	color: var(--red);
}

.board-calendar table tbody td a:hover {
	border: 2px solid var(--neutral-gray);
	color: var(--gray) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.board-calendar .today {
	background-color: var(--weak-gray);
	border: 2px solid var(--weak-gray);
}

.board-calendar .selected, 
.board-calendar .selected:hover {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--white) !important;
	border: 2px solid var(--mint) !important;
	background-color: var(--mint) !important;
}

.board-calendar .scheduled {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
	border: 2px solid var(--mint);
}

.board-calendar .schedule {
	margin-top: 80px;
}

.board-calendar .schedule h4 {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 18px;
	color: var(--mint);
}

.board-calendar .schedule ol {
	margin-top: 10px;
	list-style: none;
}

.board-calendar .schedule li {
	position: relative;
	padding: 15px 0;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
}

.board-calendar .schedule li div {
	display: inline-block;
}

.board-calendar .schedule li .numbering {
	width: 3%;
	font-size: 15px;
	color: var(--gray);
	vertical-align: top;
}

.board-calendar .schedule li .title {
	width: 59%;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
}

.board-calendar .schedule li .title p {
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 15px;
	color: var(--gray);
}

.board-calendar .schedule li .title a {
	display: block;
	margin-top: 10px;
	font-size: 15px;
}

.board-calendar .schedule li .info {
	width: 26%;
	vertical-align: top;
}

.board-calendar .schedule li .name {
	display: inline-block;
	width: 50%;
	text-align: right;
	font-size: 15px;
	color: var(--dark-gray);
	vertical-align: top;
}

.board-calendar .schedule li .time {
	display: inline-block;
	width: 48%;
	text-align: right;
	font-size: 15px;
	color: var(--gray);
	vertical-align: top;
}

.board-calendar .schedule li .functions {
	float: right;
	width: 10%;
	text-align: right;
}

.board-calendar .schedule li .functions a:first-child {
	margin-right: 10px;
}

.gallery-carousel {
	position: relative;
	margin: 40px 0;
	width: 100%;
	padding: 0 55px;
}

.gallery-carousel .prev, 
.gallery-carousel .next {
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 0;
	margin-top: -24px;
	padding: 8px 18px;
	width: 48px;
	height: 48px;
}

.gallery-carousel .prev {
	left: 0;
	width: 48px;
	height: 48px;
}

.gallery-carousel .next {
	right: 0;
	width: 48px;
	height: 48px;
}

.gallery-carousel .prev img, 
.gallery-carousel .next img {
	min-height: 24px !important;
}

.gallery-carousel-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 750px;
	z-index: 8;
}

.gallery-carousel-item img {
	max-height: 750px;
	object-fit: contain;
	z-index: 10;
}

.gallery-carousel-item .dimmed {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 750px;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 9;
}

.board-community {
	position: relative;
	margin-top: 170px;
}

.board-community .filter {
	position: absolute;
	top: 5px;
	right: 0;
}

.board-community-item {
	padding-bottom: 50px;
	background-color: var(--white);
	border-radius: 10px;
	border: 1px solid #E6EDF0;
	box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05);
}

.board-community-item.text-only .category-1 {
	margin-top: 20px;
}

.board-community-item.text-only .description {
	display: inline-block;
	margin: 20px 25px;
	padding-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: top;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	font-size: 15px;
	color: var(--deep-gray);
}

.board-community-item.with-thumbnail .info, 
.board-community-item.text-only .info {
	position: absolute;
	bottom: 0;
}

.board-community-item.text-only .title {
	padding-bottom: 0 !important;
}

.board-community-item:hover {
    box-shadow: 4px 8px 25px rgb(0 0 0 / 20%);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.board-community-item .thumbnail {
	border-radius: 10px 10px 0 0 !important;
}

.board-community-item:hover .thumbnail {
    box-shadow: none !important;
}

.board-community-item .category-1 {
	padding: 5px 15px 0 15px; 
}

.board-community-item .title {
	padding: 0 25px 50px 25px;
}

.board-community-item .info {
	padding: 0 25px 15px 25px;
}


/* xxl */
@media (max-width: 1539.98px) {
	.board-list {
		margin-top: 15px;
	}

	.board-community {
		margin-top: 110px;
	}

	.board-community h3 {
		text-align: center;
		margin-bottom: 20px;
	}

	.board-community .filter {
		position: relative;
		top: 0;
		right: 0;
	}

	.board-community-item.text-only .description {
		-webkit-line-clamp: 3;
	}

	.post-body .post-expert::after {
		top: -10px;
		right: -8px;
		width: 52px;
		height: 65px;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.form-container .form-label {
		position: relative;
		display: block;
		top: 0;
		left: 10px;
	}

	.form-container .form-row .col-1, 
	.form-container .form-row .col-2:first-child, 
	.form-container .form-row .col-2:last-child {
		width: 100% !important;
		padding: 15px 0 !important;
	}

	.form-container .form-row .col-2-category-1, 
	.form-container .form-row .col-2-title-1, 
	.form-container .form-row .col-2-category-2, 
	.form-container .form-row .col-2-title-2, 
	.form-container .form-row .col-2-category-3, 
	.form-container .form-row .col-2-title-3 {
		position: relative;
		display: block;
		width: 100% !important;
		padding: 15px 0 !important;
		min-height: 86px;
		border-bottom: 1px solid var(--light-gray);
	}

	
	.form-container .form-row .col-2-category-2 {
		left: 0;
	}

	.form-container .form-row .col-2-category-1 select, 
	.form-container .form-row .col-2-category-2 select, 
	.form-container .form-row .col-2-category-3 select {
		width: 100%;
	}

	.form-container .form-row .address-form .address-button {
		top: 47px;
	}

	.form-container .form-notice .medium-input {
		width: 100% !important;
	}
	
	.form-container .form-notice .input-checkbox-container {
		display: block;
		margin-top: 15px;
		width: 100%;
		text-align: right;
	}

	.form-container .form-gallery-file {
		top: 0 !important;
		width: 100%;
	}

	.form-container .form-gallery-file label {
		display: inline-block !important;
	}

	.form-container .form-gallery-file label:last-child {
		margin-left: 10px;
	}

	.form-expert-info {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.narrow-form .form-container .form-nowrap .col-1 {
		position: relative;
		display: block;
		float: left;
		padding-left: 90px !important;
	}

	.narrow-form .form-nowrap .form-label{
		position: absolute;
		left: 0;
		top: 30px;
		display: inline-block;
		width: 120px;
		text-align: left !important;
		color: var(--deep-gray);
	}

	.narrow-form .form-with-button .medium-input {
		width: 65% !important;
	}
	
	.narrow-form .form-with-button .large-button {
		position: absolute;
		top: 47px;
		right: 0;
		width: 32% !important;
	}

	.filter {
		margin-top: 20px;
	}

	.post-body .post-expert {
		padding: 15px 20px 20px 20px;
	}

	.post-body .post-expert::after {
		top: -10px;
		right: -8px;
		width: 52px;
		height: 65px;
	}

	.post-body .post-expert .post-expert-profile {
		top: 20px;
		right: 20px;
		left: auto;
		width: 80px !important;
		height: 80px !important;
		min-width: 80px !important;
		min-height: 80px !important;
	}

	.post-body .post-expert .post-expert-profile img {
		width: 80px !important;
		height: 80px !important;
		min-width: 80px !important;
		min-height: 80px !important;
	}

	.post-body .post-expert .affiliation, 
	.post-body .post-expert .name, 
	.post-body .post-expert .info {
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.post-body .post-expert .affiliation span {
		font-size: 13px;
	}

	.post-body .post-expert .affiliation span:first-child::after {
		top: 0;
		height: 14px;
	}

	.post-body .post-expert .name {
		font-size: 20px;
	}

	.post-body .post-expert .info {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 25px;
		text-align: left;
	}

	.post-body .post-expert .info .info-contact, 
	.post-body .post-expert .info .info-mail, 
	.post-body .post-expert .info .info-address {
		display: block;
		padding: 0;
		margin: 0;
	}

	.post-body .post-expert .info .info-mail {
		padding-top: 10px !important;
	}

	.post-body .post-expert .info .info-address {
		margin-top: -12px !important;
	}
	
	.post-body .post-expert .info .info-homepage {
		margin-top: 10px;
		padding: 0 20px 0 0;
	}

	.post-body .post-expert .info .info-contact::after, 
	.post-body .post-expert .info .info-address::after {
		display: none;
	}

	.post-body .post-expert .career {
		padding: 25px 0 5px 15px;
	}

	.gallery-carousel-item, 
	.gallery-carousel-item .dimmed {
		height: 500px;
	}

	.gallery-carousel-item img {
		min-height: 200px;
		max-height: 500px;
	}
}

/* md */
@media (max-width: 767.98px) {
	.board {
		margin-top: 30px;
	}

	.board-list .row {
		padding: 15px 50px 15px 100px !important;
	}
	
	.board-list .row .faq-category {
		left: 40px;
	}

	.accordion-expand {
		padding: 15px 50px 15px 90px !important;
	}
	
	.board-list .row .numbering, 
	.board-list .row .notice-category, 
	.board-list .row .name, 
	.board-list .row .year {
		display: none;
	}

	.board-list .row .notice, 
	.board-list .row .faq {
		display: block !important;
	}

	.board-list .row .faq {
		width: 30px;
	}

	.board-list .row .category {
		left: 10px !important;
	}

	.board-list .row .qna-name {
		display: block !important;
		position: relative;
		top: 0;
		right: auto;
		margin: 0;
		padding-top: 5px;
		text-align: left;
		color: var(--gray);
	}

	.form-container .accordion .scroll-area {
		font-size: 14px;
	}

	.form-container .accordion .scroll-area b {
		font-size: 15px;
	}

	.form-container .form-row .col-3 {
		display: block;
		width: 100% !important;
		padding: 15px 0 !important;
		min-height: 86px;
		border-bottom: 1px solid var(--light-gray);
	}

	.form-container .form-row .col-3 input {
		width: 100%;
	}

	.form-container .form-row .price {
		margin-top: 0 !important;
		margin-left: 10px;
	}

	.narrow-form {
		margin-top: 130px;
	}

	.narrow-form .form-container .form-nowrap .col-1 {
		position: relative;
		display: block;
		float: left;
		padding-left: 90px !important;
	}

	.narrow-form .form-nowrap .form-label{
		position: absolute;
		left: 0;
		top: 30px;
		display: inline-block;
		width: 120px;
		text-align: left !important;
		color: var(--deep-gray);
	}

	.narrow-form h2 {
		font-size: 24px;
	}

	.filter {
		text-align: left;
		min-height: 46px;
	}

	.filter .form-search, 
	.filter .form-calendar {
		float: left;
		width: 48% !important;
	}

	.filter .form-search-fit {
		float: left;
		width: 100% !important;
	}

	.filter .form-search input, 
	.filter .form-calendar input {
		width: 100% !important;
	}

	.filter .small-select {
		float: right;
		width: 48% !important;
	}

	.filter .mobile-fit {
		display: block;
		width: 100% !important;
	}

	.filter .form-search input {
		width: 100% !important;
	}

	.filter-reset {
		position: relative;
		display: inline-block;
		float: none;
	}

	.filter .block-item {
		display: block !important;
		float: inherit;
		margin-bottom: 10px;
		width: 100% !important;
	}

	.filter .block-item:last-child {
		margin-bottom: 0;
	}
	
	.post-details {
		margin-top: 120px;
	}

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

	.post-body b {
		font-size: 18px;
	}

	.post-header .post-title {
		font-size: 20px;
	}

	.post-body .post-file {
		padding: 12px 70px 11px 90px;
		font-size: 13px;
	}
	
	.post-body .post-file .file-title {
		font-size: 13px;
	}
	
	.post-body .post-file .file-volume {
		padding-right: 0;
		font-size: 13px;
		background: none;
	}
	
	.board-calendar .board-calendar-header {
		margin-bottom: 15px;
		font-size: 20px;
	}

	.board-calendar table tbody td {
		padding: 10px 0;
	}

	.board-calendar table tbody td span, 
	.board-calendar table tbody td a {
		margin: 0;
		padding: 5px;
		width: 34px;
		height: 34px;
		border-radius: 17px;
		font-size: 14px;
	}

	.board-calendar .schedule {
		margin-top: 40px;
	}

	.board-calendar .schedule li {
		padding-bottom: 45px;
	}

	.board-calendar .schedule li .numbering {
		position: absolute;
		top: 15px;
		left: 0;
		width: 30px;
	}
	
	.board-calendar .schedule li .title {
		padding-left: 30px;
		padding-right: 70px;
		width: 100%;
	}
	
	.board-calendar .schedule li .info {
		position: absolute;
		display: block;
		margin-left: 30px;
		margin-top: 5px;
		width: auto;
	}
	
	.board-calendar .schedule li .name, 
	.board-calendar .schedule li .time {
		display: inline-block !important;
		width: auto;
		text-align: left;
	}

	.board-calendar .schedule li .time {
		margin-left: 10px;
	}
	
	.board-calendar .schedule li .functions {
		position: absolute;
		top: 15px;
		right: 0;
		width: 70px;
	}

	.board-community .filter .medium-button {
		margin: 10px 0 0 0 !important;
		display: inline-block;
		width: 100% !important;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.post-reply-upload {
		padding-right: 0;
	}

	.post-reply-upload .function {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 10px;
	}

	.post-reply-upload .medium-button {
		float: right;
		width: 65%;
	}

	.gallery-carousel {
		min-height: 280px;
	}

	.gallery-carousel-container {
		position: absolute;
		left: -30px;
		width: 100vw;
	}

	.gallery-carousel-item, 
	.gallery-carousel-item .dimmed {
		height: 280px;
	}

	.gallery-carousel-item img {
		min-height: 100px;
		max-height: 280px;
	}

	.gallery-carousel .prev, 
	.gallery-carousel .next {
		top: 315px;
	}
	
	.gallery-carousel .prev {
		left: 50%;
		margin-left: -55px;
	}
	
	.gallery-carousel .next {
		right: 50%;
		margin-right: -55px;
	}

	.post-reply-upload .input-checkbox,
	.post-reply-upload label {
		padding-top: 10px;
	}
}
/* End Board */



/* Home */
.home h2 .fc-mint {
	display: block;
}

.home .key-visual-1 {
	background: url('../images/home-device-1-1.png') no-repeat left top;
	background-size: cover;
}

.home .key-visual-2 {
	background: url('../images/home-device-2-1.png') no-repeat left top;
	background-size: cover;
}

.home .key-visual-3 {
	background: url('../images/home-device-3-1.png') no-repeat left top;
	background-size: cover;
}

.home .key-visual-4 {
	background: url('../images/home-device-4-1.png') no-repeat left top;
	background-size: cover;
}
/* End Home */



/* Dashboard */
.dashboard {
	margin-top: 185px;
}

.dashboard .dashboard-header {
	position: relative;
}

.dashboard .dashboard-header .profile, 
.dashboard .dashboard-header .info {
	display: inline-block;
	vertical-align: middle;
}

.dashboard .dashboard-header .profile a {
	display: block;
	width: 110px;
	height: 110px;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 55px;
}

.dashboard .dashboard-header .profile a img {
	width: 110px;
	height: 110px;
	border-radius: 55px;
}

.dashboard .dashboard-header .info {
	margin-left: 25px;
}

.dashboard .dashboard-header .info .institution {
	display: block;
	font-size: 28px;
	color: var(--dark-gray);
}

.dashboard .dashboard-header .info .name {
	display: block;
	font-size: 18px;
	color: var(--deep-gray);
}

.dashboard .dashboard-header .links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: absolute;
	top: 0;
	right: 0;
}

.dashboard .dashboard-header .links.expert {
	display: block;
	text-align: right;
}

.dashboard .dashboard-header .links .links-row {
	display: inline-block;
}

.dashboard .dashboard-header .links a {
	display: inline-block;
	margin-left: 15px;
	width: 120px;
	height: 120px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F0 100%);
	border: 1px solid var(--weak-gray);
	box-shadow: inset -1px -2px 3px rgba(255, 255, 255, 0.8), inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-radius: 60px;
	text-align: center;
	font-size: 15px;
	color: var(--deep-gray);
}

.dashboard .dashboard-header .links a img {
	display: block;
	margin: 27px auto 5px auto;
}

.dashboard .dashboard-col-3, 
.dashboard .dashboard-col-2, 
.dashboard .dashboard-col-0 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.dashboard .dashboard-col-3 .dashboard-grid:nth-child(1) {
	flex-grow: 1;
}

.dashboard .dashboard-col-3 .dashboard-grid:nth-child(2) {
	flex-grow: 2;
}

.dashboard .dashboard-col-3 .dashboard-grid:nth-child(3) {
	flex-grow: 0.5;
}

.dashboard .dashboard-col-2 .dashboard-grid:nth-child(1) {
	flex-grow: 10;
}

.dashboard .dashboard-col-2 .dashboard-grid:nth-child(2) {
	flex-grow: 1;
}

.dashboard .dashboard-grid {
	margin: 10px;
	align-items: stretch;
}

.dashboard .dashboard-grid:first-child {
	margin-left: 0;
}

.dashboard .dashboard-grid:last-child {
	margin-right: 0;
}

.dashboard .dashboard-grid .vertical-scroll-3::-webkit-scrollbar, 
.dashboard .dashboard-grid .vertical-scroll-6::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.dashboard .dashboard-grid .vertical-scroll-3 {
	margin-top: 5px;
	padding-right: 15px;
	height: 180px;
	overflow-y: auto;
}

.dashboard .dashboard-grid .vertical-scroll-6 {
	margin-top: 5px;
	padding-right: 15px;
	height: 340px;
	overflow-y: auto;
}

.dashboard .dashboard-item-emphasis {
	margin-bottom: 20px;
	padding: 15px 20px 15px 25px;
	height: 60px;
	background-color: var(--mint);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	border-radius: 15px;
}

.dashboard .dashboard-item-emphasis .title {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-weight: bold;
	font-size: 20px;
	color: var(--white);
	text-shadow: 2px 2px 3px #19958C;
}

.dashboard .dashboard-item-emphasis a {
	padding-top: 3px;
	float: right;
	font-size: 16px;
	color: var(--white);
}

.dashboard .dashboard-item-emphasis a:hover {
	color: var(--white) !important;
}

.dashboard .dashboard-item-emphasis a::after {
	display: inline-block;
	margin-left: 10px;
	content: ' ';
	background: url('../images/icon-arrow-next-white.svg') no-repeat left top;
	width: 8px;
	height: 14px;
}

.dashboard .dashboard-item-link {
	margin-bottom: 20px;
	padding: 15px 20px 15px 25px;
	height: 60px;
	border-radius: 15px;
	border: 3px solid var(--mint);
}

.dashboard .dashboard-item-link a {
	display: block;
	font-family: 'SpoqaHanSansNeo-Bold';
    background: url(../images/icon-arrow-next-mint.svg) no-repeat right center;
}

.dashboard .dashboard-item {
	display: block;
	padding: 25px;
	background-color: var(--white);
	border: 1px solid var(--weak-gray);
	box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.dashboard .dashboard-item .data-table {
	margin-top: 5px;
	background-image: none;
}

.dashboard .dashboard-item .dashboard-item-header {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 18px;
	color: var(--mint);
}

.dashboard .dashboard-item .dashboard-item-header a {
	float: right;
	font-family: 'SpoqaHanSansNeo-regular';
	font-size: 16px;
	color: var(--mint);
}

.dashboard .dashboard-item .dashboard-item-header a::after {
	display: inline-block;
	margin-left: 10px;
	content: ' ';
	background: url('../images/icon-arrow-next-mint.svg') no-repeat left top;
	width: 8px;
	height: 14px;
}

.dashboard .dashboard-item .dashboard-item-header select {
	float: right;
	font-family: 'SpoqaHanSansNeo-Regular';
}

.dashboard .dashboard-item .data-table .numbering {
	width: 40px !important;
	font-size: 15px;
	color: var(--gray);
}

.dashboard .dashboard-item .data-table .category {
	width: 100px;
	padding-right: 10px;
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 15px;
	color: var(--gray);
}

.dashboard .dashboard-item .data-table .subject {
	font-size: 16px;
	color: var(--dark-gray);
}

.dashboard .dashboard-item .data-table .subject a {
	color: var(--dark-gray);
}

.dashboard .dashboard-item .data-table .subject a.new {
	font-family: 'SpoqaHanSansNeo-Bold';
}

.dashboard .dashboard-item .data-table .name {
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 15px;
	color: var(--dark-gray);
}

.dashboard .dashboard-item .data-table .name a {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
	color: var(--dark-gray);
}

.dashboard .dashboard-item .data-table .name .id {
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 15px;
	color: var(--dark-gray);
}

.dashboard .dashboard-item .data-table .contact, 
.dashboard .dashboard-item .data-table .email {
	font-family: 'SpoqaHanSansNeo-Regular';
	font-size: 15px;
	color: var(--mint);
}

.dashboard .dashboard-item .data-table .date {
	font-size: 15px;
	color: var(--gray);
	text-align: right;
}

.dashboard .dashboard-schedule .data-table .empty, 
.dashboard .dashboard-item .data-table .empty {
	background: none;
	text-align: center;
	padding-top: 50px;
}

.dashboard .dashboard-calendar {
	position: relative;
}

.dashboard .dashboard-calendar .board-calendar-header {
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	height: 34px;
	text-align: center;
	font-family: 'Jalnan';
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--mint);
}

.dashboard .dashboard-calendar .board-calendar-header a {
	position: absolute;
	width: 34px;
	height: 34px;
}

.dashboard .dashboard-calendar .board-calendar-header .button-prev {
	top: 0;
	left: 0;
}

.dashboard .dashboard-calendar .board-calendar-header .button-next {
	top: 0;
	right: 0;
}

.dashboard .dashboard-calendar table, 
.dashboard .dashboard-calendar tr, 
.dashboard .dashboard-calendar th, 
.dashboard .dashboard-calendar td {
	border: 0;
	background: transparent;
	text-align: center;
}

.dashboard .dashboard-calendar td {
	padding: 0;
}

.dashboard .dashboard-calendar table thead th span {
	font-family: 'Jalnan';
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--neutral-gray);
}

.dashboard .dashboard-calendar table tbody td span, 
.dashboard .dashboard-calendar table tbody td a {
	display: inline-block;
	margin: 3px;
	padding: 4px;
	width: 34px;
	height: 34px;
	border-radius: 25px;
	background-color: var(--white);
	font-size: 15px;
	border: 2px solid var(--white);
}

.dashboard .dashboard-calendar table tbody td span {
	color: var(--light-gray);
}

.dashboard .dashboard-calendar table tbody td a {
	color: var(--gray);
}

.dashboard .dashboard-calendar table tbody td:first-child span, 
.dashboard .dashboard-calendar table tbody td:last-child span {
	color: var(--pale-red);
}

.dashboard .dashboard-calendar table tbody td:first-child a, 
.dashboard .dashboard-calendar table tbody td:last-child a {
	color: var(--red);
}

.dashboard .dashboard-calendar table tbody td a:hover {
	border: 2px solid var(--neutral-gray);
	color: var(--gray) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.dashboard .dashboard-calendar .today {
	background-color: var(--weak-gray);
	border: 2px solid var(--weak-gray);
}

.dashboard .dashboard-calendar .selected, 
.dashboard .dashboard-calendar .selected:hover {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--white) !important;
	border: 2px solid var(--mint) !important;
	background-color: var(--mint) !important;
}

.dashboard .dashboard-calendar .scheduled {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--mint);
	border: 2px solid var(--mint);
}

.dashboard .dashboard-calendar .data-table td {
	padding: 15px 0;
	text-align: left;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
    background-position: bottom;
    background-size: 7px 1px;
    background-repeat: repeat-x;
    vertical-align: top;
}

.dashboard .dashboard-calendar .data-table .numbering {
	width: 20px !important;
}

.dashboard .dashboard-calendar .dashboard-schedule {
	position: absolute;
	display: block;
	padding: 0 20px 0 25px;
	left: 0;
	bottom: 25px;
	width: 100%;
}

.dashboard .dashboard-calendar .dashboard-schedule .subject p {
	font-size: 14px;
	color: var(--gray);
}

.dashboard .dashboard-calendar .dashboard-schedule .subject a {
	margin: 8px 0 0 0 !important;
	padding: 0 !important;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	font-weight: bold;
	color: var(--mint);
	border: 0 !important;
}

.dashboard .dashboard-calendar .dashboard-schedule .subject a:focus, 
.dashboard .dashboard-calendar .dashboard-schedule .subject a:hover {
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: 0 !important;
	color: var(--mint) !important;
}

.dashboard .weather-item {
	padding: 40px 0;
	min-height: 620px;
	filter: drop-shadow(4px 8px 20px rgba(0, 0, 0, 0.05));
	border-radius: 15px;
	text-align: center;
	color: var(--white);
	font-size: 13px;
}

.dashboard .weather-item .weather img {
	width: 180px;
	height: 180px;
}

.dashboard .weather-item .weather .source {
	margin-top: 10px;
	margin-bottom: 70px;
}

.dashboard .weather-item .source {
	opacity: 0.8;
}

.dashboard .weather-item .weather-info {
	margin-top: 20px;
}

.dashboard .weather-item .weather-info .info {
	display: block;
	margin: 0 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 18px;
}

.dashboard .weather-item .weather-info .info strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 18px;
	margin-right: 15px;
}

.dashboard .weather-item .weather-info .source {
	display: block;
	margin: 0 25px;
	padding-top: 7px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.dashboard .dashboard-chart {
	position: relative;
	padding: 0 0 0 170px;
}

.dashboard .dashboard-chart {
	margin-top: 20px;
}

.dashboard .dashboard-chart .graph {
	position: absolute;
	top: 25px;
	left: 0;
	width: 140px;
}

.dashboard .dashboard-chart .vertical-scroll-6 {
	display: inline-block;
	width: 100%;
}

.dashboard .dashboard-chart .graph .service-avg {
	position: relative;
	margin-top: -50px;
	width: 140px;
	height: 200px;
}

.dashboard .dashboard-chart .graph .service-avg ul {
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -70px;
	width: 140px;
	text-align: center;
}

.dashboard .dashboard-chart .graph .service-avg li {
	font-size: 14px;
	color: var(--deep-gray);
}

.dashboard .dashboard-chart .graph .service-avg li strong {
	font-family: 'Jalnan';
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.1;
}

.dashboard .dashboard-chart .graph .service-avg .purple {
	color: var(--purple);
}

.dashboard .dashboard-chart .graph .service-avg .mint {
	color: var(--mint);
}

.dashboard .dashboard-chart .category {
	min-width: 90px;
	margin-right: 10px;
}

.dashboard .dashboard-chart .functions {
	min-width: 420px;
	text-align: right;
}

.dashboard .dashboard-chart .on, 
.dashboard .dashboard-chart .off {
	display: inline-block;
	padding: 4px 20px 4px 20px;
	margin-left: 10px;
	height: 30px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 14px;
	border-radius: 15px;
}

.dashboard .dashboard-chart .off {
	border: 1px solid var(--light-gray);
	color: var(--neutral-gray);
}

.dashboard .dashboard-chart .on.diary, 
.dashboard .dashboard-chart .on.curriculum {
	border: 1px solid var(--purple);
	color: var(--white);
	background-color: var(--purple);
}

.dashboard .dashboard-chart .on.portfolio {
	border: 1px solid var(--mint);
	color: var(--white);
	background-color: var(--mint);
}

/* xxl */
@media (max-width: 1539.98px) {
	.dashboard {
		margin-top: 100px;
	}

	.dashboard .dashboard-header .links {
		position: relative;
		top: auto;
		margin-top: 20px;
		width: 100%;
	}

	.dashboard .dashboard-header .links.expert {
		position: absolute;
		top: 0;
		margin-top: 0;
		padding: 0;
	}

	.dashboard .dashboard-header .links a {
		margin: 5px;
	}

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

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

	.dashboard .dashboard-grid .disabled-cell {
		display: none;
	}

	.dashboard .dashboard-item .data-table .date .year {
		display: none;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.dashboard .dashboard-chart .graph .service-avg {
		margin-top: 0;
		min-height: 200px;
	}
	.dashboard .dashboard-chart .graph .service-avg:first-child {
		margin-right: 6%;
	}

	.dashboard .dashboard-col-3, 
	.dashboard .dashboard-col-2 {
		justify-content: center;
	}

	.dashboard .dashboard-col-3, 
	.dashboard .dashboard-col-2 {
		display: block;
	}

	.dashboard .dashboard-grid {
		margin: 20px 0;
	}
	
	.dashboard .dashboard-grid .vertical-scroll-3,
	.dashboard .dashboard-grid .vertical-scroll-6 {
		height: auto;
		overflow-y: visible;
		padding: 0;
	}

	.dashboard .dashboard-calendar .dashboard-schedule {
		margin-top: 60px;
		position: relative;
		padding: 0;
	}

	.dashboard .dashboard-chart {
		padding: 0;
	}

	.dashboard .dashboard-chart .graph {
		position: relative;
		width: 100%;
		margin-bottom: 50px;
	}

	.dashboard .dashboard-chart .graph .service-avg {
		display: inline-block;
		width: 45%;
	}
}

/* md */
@media (max-width: 767.98px) {
	.dashboard .dashboard-header .profile a, 
	.dashboard .dashboard-header .profile a img {
		width: 80px;
		height: 80px;
	}

	.dashboard .dashboard-header .info .institution {
		font-size: 20px;
	}
	
	.dashboard .dashboard-header .info .name {
		font-size: 15px;
	}

	.dashboard .dashboard-header .links {
		padding: 0 20%;
		justify-content: center;
	}

	.dashboard .dashboard-header .links a {
		margin: 5px;
		width: 105px;
		height: 105px;
		font-size: 14px;
	}

	.dashboard .dashboard-header .links a img {
		margin-top: 23px !important;
	}

	.dashboard .dashboard-chart .graph {
		overflow: hidden;
	}

	.dashboard .dashboard-chart .data-table .numbering {
		height: 110px;
	}

	.dashboard .dashboard-chart .functions {
		position: absolute;
		left: 0;
		width: 100%;
		min-width: 100%;
		background: none;
	}

	.dashboard .dashboard-chart .on, 
	.dashboard .dashboard-chart .off {
		padding: 4px 10px 4px 10px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.dashboard .dashboard-header .links {
		padding: 0 10%;
	}

	.dashboard .dashboard-header .links.expert {
		position: relative;
		top: auto;
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}

	.dashboard .dashboard-item-emphasis {
		padding: 12px 15px 14px 20px;
		height: 50px;
	}
	
	.dashboard .dashboard-item-emphasis .title {
		font-size: 16px;
	}
	
	.dashboard .dashboard-item-emphasis a {
		padding-top: 2px;
		font-size: 14px;
	}
	
	.dashboard .dashboard-item-emphasis a:after {
		margin-top: 3px;
	}

	.dashboard .dashboard-item-link {
		padding: 10px 15px 14px 20px;
		height: 50px;
	}

	.dashboard .dashboard-item-link a {
		font-size: 14px;
	}
}

@media (max-width: 400px) {
	.dashboard .dashboard-header .links {
		padding: 0;
	}
}
/* End Dashboard */



/* Service Plan */
.plan-container-1, 
.plan-container-2 {
	padding: 0 10px;
	margin-top: 40px;
}

.plan-container-1 .plan-item, 
.plan-container-2 .plan-item {
	min-height: 460px;
	background: var(--white);
	border: 1px solid var(--weak-gray);
	box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	font-size: 18px;
	color: var(--deep-gray);
}

.plan-container-1 .plan-item .title, 
.plan-container-2 .plan-item .title {
	padding: 17px 40px;
	height: 60px;
	border-radius: 15px 15px 0 0;
	font-family: 'Jalnan';
	font-size: 20px;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--white);
}

.plan-container-1 .plan-item .title {
	background-color: var(--mint);
}

.plan-container-2 .plan-item .title {
	background-color: var(--purple);
}

.plan-container-1 .plan-item .body, 
.plan-container-2 .plan-item .body {
	padding: 20px 40px 20px 40px;
}

.plan-container-1 .plan-item p, 
.plan-container-2 .plan-item p {
	margin: 20px 0;
}

/* md */
@media (max-width: 767.98px) {
	.plan-container-2 {
		margin-top: 20px;
	}

	.plan-container-1 .plan-item, 
	.plan-container-2 .plan-item {
		min-height: auto;
		font-size: 16px;
	}

	.plan-container-1 .plan-item .title, 
	.plan-container-2 .plan-item .title {
		padding: 13px 20px;
		font-size: 18px;
		height: 50px;
	}

	.plan-container-1 .plan-item .body, 
	.plan-container-2 .plan-item .body {
		padding: 20px;
	}
}
/* End Service Plan */



/* Feeling Diary / Curriculum / Portfolio */
@keyframes speech-cloud-animate {
	0% { 
		-webkit-transform: rotate(1deg);
		-o-transform: rotate(1deg);
		transform: rotate(1deg);
	}

	25% { 
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	
	50% { 
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	
	75% { 
		-webkit-transform: rotate(1deg);
		-o-transform: rotate(1deg);
		transform: rotate(1deg);
	}
	
	100% {
		-webkit-transform: rotate(1deg);
		-o-transform: rotate(1deg);
		transform: rotate(1deg);
	}
}

@keyframes swipe-container-animate {
	0% { 
		display: block;
		opacity: 1;
	}
	
	80% { 
		opacity: 1;
	}

	95% {
		opacity: 0;
	}

	100% {
		display: none;
		opacity: 0;
	}
}

.pagination-numbering {
	margin-top: 10px;
	text-align: right;
	font-size: 15px;
	color: var(--gray);
	padding-right: 10px;
}

.pagination-numbering strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.name-list {
	padding: 0;
}

.name-list div {
	padding: 10px;
	text-align: center;
}

.name-list .off, 
.name-list .on {
	position: relative;
	display: block;
	padding: 17px 20px;
	min-height: 70px;
	border: 2px solid var(--weak-gray);
	border-radius: 15px;
	font-size: 28px;
	color: var(--dark-gray);
}

.name-list .on {
	background-color: var(--mint);
	border: 2px solid var(--mint);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	text-shadow: 2px 2px 3px #19958C;
	color: var(--white);
}

.name-list .on::after {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	content: ' ';
	background: url('../images/icon-checked.svg') no-repeat right top;
}

.name-list .on:hover {
	color: var(--white) !important;
}

.name-list .off:hover {
	border: 2px solid var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.name-list-empty {
	height: 500px;
	text-align: center;
}

.name-list-empty img {
	margin-top: 200px;
	width: 340px;
}

.speech-cloud {
	-webkit-animation: speech-cloud-animate 0.7s linear infinite;
	-moz-animation: speech-cloud-animate 0.7s linear infinite;
	-ms-animation: speech-cloud-animate 0.7s linear infinite;
	-o-animation: speech-cloud-animate 0.7s linear infinite;
	animation: speech-cloud-animate 0.7s linear infinite;
}

.non-visible {
	display: none !important;
	visibility: none;
}

.visible {
	display: block !important;
	visibility: visible;
}

.popup-body .answer-box {
	display: block;
	padding-bottom: 300px;
}

.popup-message {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(248, 249, 247, 0.9);
	z-index: 1100;
}

.popup-message .message-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
	margin-left: 20px;
	width: 510px;
	height: 371px;
}

.popup-message .speech-cloud-message {
	position: absolute;
	left: 0;
	margin-top: -60px;
	padding-right: 20px;
	width: 100%;
	text-align: center;
	font-family: 'Jalnan';
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: var(--white);
	z-index: 1102;
}

.popup-body .answer-box .comment {
	padding: 30px 80px;
}

.popup-body .answer-box .comment label {
	display: block;
	margin-bottom: 5px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 15px;
}

.popup-body .answer-box .comment textarea {
	min-height: 100px !important;
	height: 100px !important;
}

.positive-thermometer, 
.negative-thermometer {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 114px;
	height: 404px;
}

.positive-thermometer img, 
.negative-thermometer img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 801;
}

.positive-thermometer a:focus, 
.negative-thermometer a:focus {
	box-shadow: 0 0 0 var(--white)!important;
}

.thermometer-1, 
.thermometer-2, 
.thermometer-3, 
.thermometer-4, 
.thermometer-5 {
	display: block;
	position: absolute;
	padding-top: 2px;
	width: 32px;
	height: 32px;
	font-family: 'Jalnan';
	font-size: 20px;
	color: var(--white);
	border-radius: 16px;
	border: 0 !important;
	opacity: 1;
	z-index: 802;
}

.thermometer-1.selected, 
.thermometer-2.selected, 
.thermometer-3.selected, 
.thermometer-4.selected, 
.thermometer-5.selected {
	border: 0 !important;
}

.thermometer-1:hover, 
.thermometer-2:hover, 
.thermometer-3:hover, 
.thermometer-4:hover, 
.thermometer-5:hover {
	color: var(--white) !important;
}

.thermometer-1:focus, 
.thermometer-2:focus, 
.thermometer-3:focus, 
.thermometer-4:focus, 
.thermometer-5:focus {
	border: 0 !important;
	box-shadow: 0 !important;
}

.thermometer-1 {
	top: 228px;
	left: 42px;
}

.thermometer-2 {
	top: 178px;
	left: 42px;
}

.thermometer-3 {
	top: 128px;
	left: 42px;
}

.thermometer-4 {
	top: 78px;
	left: 42px;
}

.thermometer-5 {
	top: 28px;
	left: 42px;
}

.thermometer-empty {
	opacity: 0;
}

.positive-thermometer .thermometer-1, 
.positive-thermometer .thermometer-2, 
.positive-thermometer .thermometer-3, 
.positive-thermometer .thermometer-4, 
.positive-thermometer .thermometer-5 {
	background-color: var(--yellow);
}

.negative-thermometer .thermometer-1, 
.negative-thermometer .thermometer-2, 
.negative-thermometer .thermometer-3, 
.negative-thermometer .thermometer-4, 
.negative-thermometer .thermometer-5 {
	background-color: var(--light-blue);
}

.positive-graduation, 
.negative-graduation {
	display: block;
	position: absolute;
	left: 53px;
	bottom: 80px;
	width: 10px;
	height: 30px;
	border-radius: 5px;
	z-index: 800;
}

.positive-graduation {
	background-color: var(--yellow);
}

.positive-graduation-1 {
	height: 80px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.positive-graduation-2 {
	height: 130px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.positive-graduation-3 {
	height: 180px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.positive-graduation-4 {
	height: 230px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.positive-graduation-5 {
	height: 280px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.negative-graduation {
	background-color: var(--light-blue);
}

.negative-graduation-1 {
	height: 80px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.negative-graduation-2 {
	height: 130px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.negative-graduation-3 {
	height: 180px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.negative-graduation-4 {
	height: 230px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.negative-graduation-5 {
	height: 280px;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.wide-banner {
	display: block;
	margin-top: 30px;
	width: 100%;
}

.wide-banner img {
	border-radius: 15px;
	width: 100%;
}

.curriculum-guide {
	margin-top: 60px;
}

.curriculum-guide td {
	padding: 10px 15px;
}

.curriculum-guide .title {
	width: 20%;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
	background-color: var(--pale-gray);
}

.curriculum-guide .title .degree-1, 
.curriculum-guide .title .degree-2, 
.curriculum-guide .title .degree-3, 
.curriculum-guide .title .degree-4 {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	border-radius: 9px;
	vertical-align: middle;
}

.curriculum-guide .title .degree-1 {
	background-color: var(--red);
}

.curriculum-guide .title .degree-2 {
	background-color: var(--yellow);
}

.curriculum-guide .title .degree-3 {
	background-color: var(--mint);
}

.curriculum-guide .title .degree-4 {
	background-color: var(--blue);
}

.curriculum-title {
	display: block;
	margin-top: 80px;
	padding: 10px;
	height: 44px;
	background-color: var(--deep-gray);
	border-radius: 15px;
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--white);
	text-align: center;
}

.curriculum-question {
	margin-top: 50px;
	font-size: 24px;
	color: var(--dark-gray);
	text-align: center;
}

.curriculum-answer {
	margin-top: 10px;
	padding-bottom: 50px;
	background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	vertical-align: middle;
}

.curriculum-answer div {
	padding: 10px;
}

.curriculum-answer div .unselected {
	position: relative;
	display: block;
	padding: 15px 20px;
	border: 2px solid var(--weak-gray);
	border-radius: 15px;
	text-align: center;
	font-size: 18px;
	color: var(--deep-gray);
}

.curriculum-answer div .unselected:hover {
	border: 2px solid var(--mint);
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.curriculum-answer div .selected {
	position: relative;
	display: block;
	padding: 15px 20px;
	border-radius: 15px;
	text-align: center;
	font-size: 18px;
	background-color: var(--mint);
	border: 2px solid var(--mint);
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2), inset -2px -3px 3px #19958C, inset 2px 3px 3px #3EBDB4;
	text-shadow: 2px 2px 3px #19958C;
	color: var(--white);
}

.curriculum-answer div .selected::after {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 16px;
	height: 16px;
	content: ' ';
	background: url('../images/icon-checked.svg') no-repeat right top;
}

.curriculum-answer div .selected:hover {
	color: var(--white) !important;
}

.curriculum-comment {
	margin-top: 40px;
}

.curriculum-comment textarea {
	height: 100px !important;
	min-height: 100px !important;
}

.comment-counter .comment-counter-num {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 13px;
	color: var(--dark-gray);
}

.comment-counter .comment-counter-total {
	font-size: 13px;
	color: var(--gray);
}

.curriculum-comment #home_memo, 
.curriculum-grid-left #solve_1, 
.curriculum-grid-right #solve_2 {
	height: 350px !important;
}

.overall-div {
	margin: 20px 0;
}

.portfolio-preview .form-control {
	font-size: 14px;
	height: 300px;
}

.swipe-container-animation {
	display: none;
}

.curriculum-grid-left {
	padding-right: 40px;
	border-right: 1px solid var(--weak-gray);
}

.curriculum-grid-right {
	padding-left: 40px;
}

.curriculum-grid-left, 
.curriculum-grid-right {
	position: relative;
}

.curriculum-grid-left .medium-input, 
.curriculum-grid-right .medium-input {
	width: 100%;
}

.curriculum-grid-left textarea, 
.curriculum-grid-right textarea {
	height: 100px !important;
	min-height: 100px !important;
}

.curriculum-grid-left .label-1, 
.curriculum-grid-right .label-1 {
	padding-top: 10px;
}

.curriculum-grid-left .form-date {
	position: absolute;
	top: 0;
	right: 40px;
}

.curriculum-grid-right .form-date {
	position: absolute;
	top: 0;
	right: 0;
}

.curriculum-grid-left .file, 
.curriculum-grid-right .file {
	position: relative;
	padding: 0 0 0 120px;
	margin-top: 15px;
}

.curriculum-grid-left .file .title, 
.curriculum-grid-right .file .title {
	position: absolute;
	top: 15px;
	left: 0;
}

.curriculum-grid-left .file .medium-secondary-button, 
.curriculum-grid-right .file .medium-secondary-button {
	width: 130px;
}

.curriculum-grid-left .file .add-file, 
.curriculum-grid-right .file .add-file {
	margin-top: 15px;
	width: 100%;
	border-radius: 15px;
}

.curriculum-grid-left .file .delete, 
.curriculum-grid-right .file .delete {
	position: absolute;
	top: 10px;
	right: 0;
}

.portfolio-container {
	margin-top: 40px;
}

.sort {
	position: relative;
	margin-top: 15px;
}

.sort .sort-right {
	position: absolute;
	top: 0;
	right: 0;
}

.portfolio-container .numbering {
	width: 5%;
}

.portfolio-container .profile-photo {
	width: 10%;
}

.portfolio-container .portfolio-info span, 
.portfolio-container .portfolio-info .links {
	display: inline-block;
}

.portfolio-container .portfolio-info .class {
	width: 10%;
}

.portfolio-container .portfolio-info .name {
	width: 13%;
}

.portfolio-container .portfolio-info .gender {
	width: 10%;
}

.portfolio-container .portfolio-info .age {
	width: 20%;
}

.portfolio-container .portfolio-info .links {
	width: 43%;
	text-align: right;
}

.portfolio-container .portfolio-info .links a {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 16px;
}

.portfolio-container .portfolio-info .links .daily-report {
	margin-right: 10%;
}

.portfolio-container .portfolio-info .links .portfolio-report {
	margin-right: 10%;
}

.print-options img {
	width: 100px;
}

.daily-report {
	margin-top: 80px;
	padding-bottom: 80px;
}

.daily-report-container {
	padding: 40px 0;
	border-top: 1px solid var(--light-gray);
}

.daily-report-question {
	position: relative;
	padding: 0 35px;
}

.daily-report-question .numbering {
	position: absolute;
	left: 0;
	top: 0;
}

.daily-report-answer .answer-good, 
.daily-report-answer .answer-bad {
	display: inline-block;
	padding: 5px;
	width: 130px;
	height: 130px;
	border: 4px solid transparent;
	border-radius: 70px;
}

.daily-report-answer .answer-good.selected, 
.daily-report-answer .answer-bad.selected {
	border: 4px solid var(--mint);
}

.daily-report-answer .thermometer {
	width: 90px;
}

.daily-report-answer .target {
	display: inline-block;
	margin-right: 40px;
	width: 120px;
	text-align: center;
}

.daily-report-answer .target span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
}

.daily-report-answer .comment {
	margin-top: 30px;
	padding: 20px;
	border: 2px solid #D2D8DB;
	border-radius: 10px;
}

.fab-print {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}

.popup-body.portfolio-preview {
	margin-top: 30px;
}

.portfolio-preview section {
	display: block;
	max-width: 800px;
	margin: 0 auto;
	padding: 30px;
	min-height: 85vh;
/* 	height: 1100px; */
}

.portfolio-preview section h3 {
	margin-top: 25px;
	font-size: 42px;
	text-align: center;
}

.portfolio-preview section h3 .subhead-logo {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 190px;
}

.portfolio-preview section h3::after {
	display: block;
	content: ' ';
	margin: 6px auto 15px auto;
	width: 1px;
	height: 70px;
	background-color: var(--light-gray);
}

.portfolio-preview section .subhead {
	font-size: 16px;
	color: var(--deep-gray);
	text-align: center;
}

.portfolio-preview section .subhead strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.portfolio-preview .cover {
	height: 1000px;
	background: linear-gradient(180deg, #FFFFFF 65.00%, #F8F9F7 65.01%);
}

.portfolio-preview .cover h2 {
	font-size: 76px;
	color: var(--dark-gray);
}

.portfolio-preview .cover h2 .subtitle {
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 6px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 32px;
	color: var(--yellow);
	letter-spacing: 0;
	text-align: left;
}

.portfolio-preview .cover-container {
	position: relative;
	margin-top: 70px;
	padding-left: 370px;
	height: 500px;
}

.portfolio-preview .cover-container .cover-info {
	position: absolute;
	padding: 25px;
	width: 320px;
	background-color: var(--mint);
	left: 0;
	color: var(--white);
}

.portfolio-preview .cover-container .cover-info ul li {
	padding: 6px 0;
	border-bottom: 1px solid #8FCFCB;
}

.portfolio-preview .cover-container .cover-info ul li .title {
	display: inline-block;
	width: 70px;
	font-size: 12px;
	vertical-align: top;
}

.portfolio-preview .cover-container .cover-info ul li .description {
	display: inline-block;
	width: 160px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 12px;
	vertical-align: top;
}

.portfolio-preview .cover-container .cover-info .common-message {
	margin-top: 50px;
	font-size: 12px;
}

.portfolio-preview .cover-container .greeting {
	padding-top: 25.6px;
	font-size: 12px;
}

.portfolio-preview .cover-container .cover-sign {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}

.portfolio-preview .cover-container .cover-sign .qr-code {
	width: 90px;
}

.portfolio-preview .cover-container .cover-sign .institution {
	margin: 25px 0 6px 0;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 15px;
}

.portfolio-preview .cover-container .cover-sign .cover-logo {
	width: 190px;
}

.portfolio-preview .summary,
.portfolio-preview .emotion, 
.portfolio-preview .environment, 
.portfolio-preview .stress, 
.portfolio-preview .state, 
.portfolio-preview .overall, 
.portfolio-preview .portfolio, 
.portfolio-preview .epilogue {
	background: linear-gradient(90deg, #F8F9F7 9.5%, #FFFFFF 9.6%);
}

.portfolio-preview .summary {
	height: auto;
}

.portfolio-preview .summary .summary-container {
	margin-top: 70px;
}

.portfolio-preview .summary .summary-container-first {
	margin-top: 150px;
}

.portfolio-preview .summary .summary-container-last {
	padding-bottom: 60px;
}

.portfolio-preview .summary .summary-container .title {
	display: block;
	font-family: 'Jalnan';
	font-size: 16px;
	color: var(--mint);
	letter-spacing: 0.1em;
}

.portfolio-preview .summary .summary-container .description {
	display: block;
	padding-left: 70px;
	margin-top: 10px;
	font-size: 15px;
	color: var(--deep-gray);
}

.portfolio-preview .emotion .emotion-horizontal-chart {
	padding: 0 90px;
}

.portfolio-preview .emotion .emotion-chart-container .emotion-polar-chart, 
.portfolio-preview .emotion .emotion-chart-container .emotion-bar-chart {
	display: inline-block;
	width: 49%;
}

.portfolio-preview .emotion .legend {
	margin-top: 35px;
	padding-left: 70px;
	font-size: 14px;
	color: var(--deep-gray);
}

.portfolio-preview .emotion .legend strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.portfolio-preview .environment .environment-body {
	margin-top: 128px;
	padding-left: 70px;
	font-size: 15px;
	color: var(--deep-gray);
}

.portfolio-preview .environment .environment-chart-container {
	margin-top: 35px;
}

.portfolio-preview .environment .environment-chart-container .environment-left-chart, 
.portfolio-preview .environment .environment-chart-container .environment-right-chart {
	display: inline-block;
	width: 49%;
	height: 250px;
	padding: 0 5%;
}

.portfolio-preview .environment .environment-chart-container .environment-left-chart canvas, 
.portfolio-preview .environment .environment-chart-container .environment-right-chart canvas {
	height: 200px !important;
}

.portfolio-preview .stress .stress-body {
	margin-top: 100px;
	padding-left: 70px;
	font-size: 15px;
	color: var(--deep-gray);
}

.portfolio-preview .stress .stress-chart-container {
	margin-top: 20px;
	padding: 0 90px;
}

.portfolio-preview .state {
	height: 1100px;
}

.portfolio-preview .state .subhead .legend {
	display: inline-block;
	margin: 0 6px;
	width: auto;
}

.portfolio-preview .state .subhead .legend span {
	margin-top: -5px;
}

.portfolio-preview .state .subhead .legend:last-child {
	margin-right: 40px;
}

.portfolio-preview .state .degree-1, 
.portfolio-preview .state .degree-2, 
.portfolio-preview .state .degree-3, 
.portfolio-preview .state .degree-4 {
	display: inline-block;
	margin: 0 2px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	vertical-align: middle;
}

.portfolio-preview .state .degree-1 {
	background-color: var(--red);
}

.portfolio-preview .state .degree-2 {
	background-color: var(--yellow);
}

.portfolio-preview .state .degree-3 {
	background-color: var(--mint);
}

.portfolio-preview .state .degree-4 {
	background-color: var(--blue);
}

.portfolio-preview .portfolio-table,
.portfolio-preview .portfolio-table th, 
.portfolio-preview .portfolio-table tr, 
.portfolio-preview .portfolio-table td {
	border-left: 0 !important;
	border-right: 0 !important;
	font-size: 11px;
}

.portfolio-preview .portfolio-table td {
	padding: 4px 15px 4px 4px;
	vertical-align: top;
}

.portfolio-preview .portfolio-table td strong {
	font-family: 'SpoqaHanSansNeo-Bold';
	color: var(--dark-gray);
}

.portfolio-preview h4 {
	display: block;
	margin-top: 55px;
	font-family: 'Jalnan';
	font-size: 16px;
	color: var(--mint);
	letter-spacing: 0.1em;
}

.portfolio-preview .overall {
	height: auto;
	min-height: auto;
}

.portfolio-preview .portfolio .portfolio-table td {
	padding: 10px 0;
	padding-right: 25px;
}

.portfolio-preview .portfolio .portfolio-table img {
	max-width: 380px;
	border-radius: 10px;
}

.portfolio-preview .epilogue {
	height: auto;
}

.portfolio-preview .epilogue .epilogue-emotion {
	padding-top: 25px;
	width: 420px;
	margin: 0 auto;
}

.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-left, 
.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-right {
	display: inline-block;
	width: 200px;
	text-align: center;
	font-size: 14px;
	color: var(--deep-gray);
}

.portfolio-preview .epilogue .epilogue-emotion img {
	width: 100px;
	margin-bottom: 8px;
}

.portfolio-preview .epilogue .epilogue-container {
	margin-top: 10px;
}

.portfolio-preview .epilogue .epilogue-container-left, 
.portfolio-preview .epilogue .epilogue-container-right {
	display: inline-block;
	padding-left: 70px;
	width: 49%;
	vertical-align: top;
}

.portfolio-preview .epilogue .epilogue-container-left {
	font-size: 13px;
	color: var(--deep-gray);
}

.portfolio-preview .backcover {
	position: relative;
	background: linear-gradient(180deg, #FFFFFF 65.00%, #F8F9F7 65.01%);
}

.portfolio-preview .backcover .backcover-info {
	width: 60%;
	margin: 0 auto;
	padding-top: 100px;
}

.portfolio-preview .backcover .backcover-info .institution {
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 22px;
	color: var(--dark-gray);
	text-align: center;
}

.portfolio-preview .backcover .backcover-info .description {
	margin-top: 10px;
	font-size: 13px;
	color: var(--deep-gray);
	text-align: center;
}

.portfolio-preview .backcover-sign {
	position: absolute;
	left: 0;
	bottom: 60px;
	width: 100%;
	text-align: center;
}

.portfolio-preview .backcover-sign .qr-code {
	width: 90px;
}

.portfolio-preview .backcover-sign .cover-logo {
	margin-top: 25px;
	width: 190px;
}

/* lg */
@media (max-width: 1019.98px) {
	.curriculum-grid-left, 
	.curriculum-grid-right {
		padding: 0 15px;
		border-right: 0 !important;
	}

	.curriculum-grid-left {
		padding-bottom: 40px;
		border-bottom: 1px solid var(--weak-gray);
	}

	.curriculum-grid-right {
		margin-top: 40px;
	}

	.curriculum-grid-left .form-date, 
	.curriculum-grid-right .form-date {
		right: 15px;
	}

	.portfolio-container .numbering {
		width: 7%;
	}
	
	.portfolio-container .profile-photo {
		width: 15%;
	}

	.portfolio-container .portfolio-info .gender, 
	.portfolio-container .portfolio-info .age {
		display: none;
	}

	.portfolio-container .portfolio-info .links {
		width: 70%;
	}
	
	.portfolio-preview .cover h2 {
		font-family: 'SpoqaHanSansNeo-Light' !important;
	}
}

/* md */
@media (max-width: 767.98px) {
	.name-list div {
		padding: 7.5px;
	}

	.name-list .off, 
	.name-list .on {
		font-size: 24px;
	}

	.name-list-empty img {
		width: 250px;
	}

	.curriculum-question {
		margin-top: 40px;
		font-size: 18px;
	}
	
	.curriculum-answer {
		padding-bottom: 40px;
	}

	.curriculum-answer div {
		padding: 3px;
	}

	.curriculum-answer div a {
		height: 70px;
		padding: 15px 3px !important;
		font-size: 13px !important;
	}

	.curriculum-answer div a span {
		display: block;
	}

	.swipe-container-animation {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -50px;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		background-color: rgba(0, 0, 0, 0.4);
		-webkit-animation: swipe-container-animate 2.5s linear forwards;
		-moz-animation: swipe-container-animate 2.5s linear forwards;
		-ms-animation: swipe-container-animate 2.5s linear forwards;
		-o-animation: swipe-container-animate 2.5s linear forwards;
		animation: swipe-container-animate 2.5s linear forwards;
		text-align: center;
	}

	.swipe-container-animation img {
		margin-top: 10px;
		width: 80%;
	}

	.popup-message .speech-cloud-message {
		font-size: 18px;
	}

	.popup-message .speech-cloud-message {
		margin-top: -12vw;
	}

	.popup-body .answer-box {
		padding-bottom: 220px;
	}

	.popup-body .answer-box .comment {
		padding: 30px 0;
	}

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

	.sort .sort-left span {
		display: inline-block;
		padding-top: 13px;
	}

	.sort .sort-left input {
		width: 45%;
	}

	.sort .sort-left input:first-child {
		float: left;
	}

	.sort .sort-left input:last-child {
		float: right;
	}
	
	.sort .sort-right {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
	}

	.portfolio-container {
		padding: 0;
	}
	
	.portfolio-container .numbering {
		padding-top: 30px;
		width: 40px !important;
	}
	
	.portfolio-container .profile-photo {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		width: 80px !important;
		background-image: linear-gradient(to right, var(--light-gray) 50%, var(--white) 0%);
		background-position: bottom;
		background-size: 7px 1px;
		background-repeat: repeat-x;
	}

	.portfolio-container .profile-photo img {
		position: relative;
		left: auto;
		top: auto;
	}

	.portfolio-container .portfolio-info {
		width: auto !important;
	}

	.portfolio-container .portfolio-info .links {
		display: block;
		margin-top: 10px;
		width: 100%;
		text-align: left;
	}

	.portfolio-container .portfolio-info .links a {
		font-size: 15px;
	}

	.portfolio-container .portfolio-info .links .portfolio-report span {
		display: none;
	}

	.print-options td {
		width: 50% !important;
	}

	.print-options td input, 
	.print-options td label {
		display: inline;
		font-size: 15px;
	}

	.print-options .form-funcstions a {
		display: block;
		width: 100% !important;
	}

	.print-options .form-funcstions a:first-child {
		margin-bottom: 10px;
	}

	.fab-print .pdf-button {
		display: none;
	}

	.portfolio-preview section {
		padding: 4vw;
		min-height: 115vw;
/*		height: 115vw;*/
	}
	
	.portfolio-preview section h3 {
		margin-top: 5vw;
		font-family: 'SpoqaHanSansNeo-Light';
		font-size: 4vw;
	}
	
	.portfolio-preview section h3 .subhead-logo {
		width: 18vw;
	}
	
	.portfolio-preview section h3::after {
		margin: 0.4vw auto 1vw auto;
		height: 6vw;
	}
	
	.portfolio-preview section .subhead {
		font-size: 1.8vw;
	}

	.portfolio-preview .cover {
		min-height: 115vw;
		height: 115vw;
	}
	
	.portfolio-preview .cover h2 {
		font-size: 9vw;
	}
	
	.portfolio-preview .cover h2 .subtitle {
		margin-top: 2vw;
		margin-bottom: 1vw;
		font-size: 3.8vw;
	}
	
	.portfolio-preview .cover-container {
		margin-top: 14vw;
		padding-left: 40%;
		height: 60vw;
	}
	
	.portfolio-preview .cover-container .cover-info {
		padding: 2vw;
		width: 30vw;
	}
	
	.portfolio-preview .cover-container .cover-info ul li {
		padding: 0.5vw 0;
	}
	
	.portfolio-preview .cover-container .cover-info ul li .title {
		width: 7vw;
		font-size: 1.3vw;
	}
	
	.portfolio-preview .cover-container .cover-info ul li .description {
		width: 18vw;
		font-size: 1.3vw;
	}
	
	.portfolio-preview .cover-container .cover-info .common-message {
		margin-top: 4vw;
		font-size: 1.2vw;
	}
	
	.portfolio-preview .cover-container .greeting {
		padding-top: 2vw;
		font-size: 1.3vw;
	}

	.portfolio-preview .cover-container .cover-sign .qr-code {
		width: 8vw;
	}
	
	.portfolio-preview .cover-container .cover-sign .institution {
		margin: 2vw 0 0 0;
		font-size: 1.5vw;
	}
	
	.portfolio-preview .cover-container .cover-sign .cover-logo {
		width: 18vw;
	}

	.portfolio-preview .summary .summary-container-first {
		margin-top: 15vw;
	}
	
	.portfolio-preview .summary .summary-container-last {
		padding-bottom: 5vw;
	}
	
	.portfolio-preview .summary .summary-container .title {
		font-size: 1.8vw;
		margin-left: -0.5vw;
	}
	
	.portfolio-preview .summary .summary-container .description {
		padding-left: 8vw;
		margin-top: 0.8vw;
		font-size: 1.6vw;
	}

	.portfolio-preview .emotion .emotion-horizontal-chart {
		padding: 0 90px;
	}
	
	.portfolio-preview .emotion .legend {
		padding-left: 8vw;
		font-size: 1.4vw;
	}
	
	.portfolio-preview .emotion .legend strong {
		font-family: 'SpoqaHanSansNeo-Bold';
		color: var(--dark-gray);
	}
	
	.portfolio-preview .environment .environment-body {
		margin-top: 10vw;
		padding-left: 8vw;
		font-size: 1.6vw;;
	}

	.portfolio-preview .stress .stress-chart-container {
		margin-top: 10vw;
		padding: 0 10vw;
	}
	
	.portfolio-preview .stress .stress-body {
		margin-top: 8vw;
		padding-left: 8vw;
		font-size: 1.6vw;;
	}
	
	.portfolio-preview .stress .stress-chart-container {
		margin-top: 2vw;
	}
	
	.portfolio-preview .state .subhead .legend {
		margin: 0 0.5vw;
	}
	
	.portfolio-preview .state .subhead .legend:last-child {
		margin-right: 3.6vw;
	}
	
	.portfolio-preview .state .degree-1, 
	.portfolio-preview .state .degree-2, 
	.portfolio-preview .state .degree-3, 
	.portfolio-preview .state .degree-4 {
		margin: 0 0.2vw;
		width: 2vw;
		height: 2vw;
		border-radius: 1vw;
	}

	.portfolio-preview .portfolio-table,
	.portfolio-preview .portfolio-table th, 
	.portfolio-preview .portfolio-table tr, 
	.portfolio-preview .portfolio-table td {
		font-size: 1.2vw;
	}
	
	.portfolio-preview .portfolio-table td {
		padding: 0.4vw 3vw 0.4vw 0;
	}
	
	.portfolio-preview h4 {
		margin-top: 4.5vw;
		font-size: 1.8vw;
	}

	.portfolio-preview .portfolio .portfolio-table td {
		padding: 1vw 0;
		padding-right: 2vw;
	}
	
	.portfolio-preview .portfolio .portfolio-table img {
		max-width: 40vw;
		border-radius: 1vw;
	}

	.portfolio-preview .epilogue .epilogue-emotion {
		padding-top: 3vw;
		width: 30vw;
	}
	
	.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-left, 
	.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-right {
		width: 14.5vw;
		font-size: 1.4vw;
	}
	
	.portfolio-preview .epilogue .epilogue-emotion img {
		width: 10vw;
		margin-bottom: 0.6vw;
	}
	
	.portfolio-preview .epilogue .epilogue-container {
		margin-top: 1.5vw;
	}
	
	.portfolio-preview .epilogue .epilogue-container-left, 
	.portfolio-preview .epilogue .epilogue-container-right {
		padding-left: 3vw;
		width: 49%;
	}

	.portfolio-preview .environment .environment-chart-container .environment-left-chart, 
	.portfolio-preview .environment .environment-chart-container .environment-right-chart {
		height: 150px;
	}

	.portfolio-preview .environment .environment-chart-container .environment-left-chart canvas, 
	.portfolio-preview .environment .environment-chart-container .environment-right-chart canvas {
		height: 150px !important;
	}
	
	.portfolio-preview .epilogue .epilogue-container-left {
		padding-left: 8vw;
		font-size: 1.6vw;
	}
	
	.portfolio-preview .backcover .backcover-info {
		width: 50%;
		margin-top: 0;
	}
	
	.portfolio-preview .backcover .backcover-info .institution {
		font-size: 1.8vw;
	}

	.portfolio-preview .backcover .backcover-info .description {
		margin-top: 1vw;
		font-size: 1.4vw;
	}

	.portfolio-preview .backcover .backcover-info .portfolio-table {
		margin-top: 10vw !important;
	}
	
	.portfolio-preview .backcover-sign {
		bottom: 5vw;
		width: 100%;
	}
	
	.portfolio-preview .backcover-sign .qr-code {
		width: 7vw;
	}
	
	.portfolio-preview .backcover-sign .cover-logo {
		margin-top: 2vw;
		width: 15vw;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.portfolio-preview .environment .environment-chart-container .environment-left-chart, 
	.portfolio-preview .environment .environment-chart-container .environment-right-chart {
		height: 100px;
	}

	.portfolio-preview .environment .environment-chart-container .environment-left-chart canvas, 
	.portfolio-preview .environment .environment-chart-container .environment-right-chart canvas {
		height: 100px !important;
	}
}
/* End Feeling Diary / Curriculum / Portfolio */



/* Print */
@page {
	size: auto;
	margin: 0;
}
  
@media print {
	* {
		margin: 0; 
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	body {
		margin: 0 !important;
		padding: 0 !important;
	}

	.non-print {
		display: none !important;
	}
	
	.prd-list-tr {
		page-break-inside: avoid;
	}
	
	.portfolio-preview section {
		min-height: 85vw;
		/* height: 1100px; */
	}
	
	.portfolio-preview section h3 {
		font-size: 22pt;
	}
	
	.portfolio-preview section h3 .subhead-logo {
		width: 140px;
	}
	
	.portfolio-preview section h3::after {
		height: 60px;
	}
	
	.portfolio-preview section .subhead {
		font-size: 10pt;
	}
	
	.portfolio-preview .cover {
		min-height: 85vw;
		height: 900px;
	}
	
	.portfolio-preview .cover h2 {
		font-size: 50pt;
	}
	
	.portfolio-preview .cover h2 .subtitle {
		font-size: 30px;
	}
	
	.portfolio-preview .cover-container {
		padding-left: 50%;
		height: 600px;
	}
	
	.portfolio-preview .cover-container .cover-info {
		width: 300px;	
	}

	.portfolio-preview .cover-container .cover-info ul li .title {
		display: inline-block;
		width: 60px;
		font-size: 8pt;
	}
	
	.portfolio-preview .cover-container .cover-info ul li .description {
		display: inline-block;
		width: 160px;
		font-size: 8.3pt;
	}
	
	.portfolio-preview .cover-container .cover-info .common-message {
		margin-top: 50px;
		font-size: 8.3pt;
	}
	
	.portfolio-preview .cover-container .greeting {
		font-size: 8.3pt;
	}

	.portfolio-preview .cover-container .cover-sign .qr-code {
		width: 70px;
	}
	
	.portfolio-preview .cover-container .cover-sign .institution {
		font-size: 10pt;
	}
	
	.portfolio-preview .cover-container .cover-sign .cover-logo {
		width: 140px;
	}

	.portfolio-preview .summary .summary-container .title {
		font-size: 11pt;
	}
	
	.portfolio-preview .summary .summary-container .description {
		padding-left: 50px;
		font-size: 9pt;
	}

	.portfolio-preview .emotion .legend {
		padding-left: 50px;
		font-size: 8.5pt;
	}
	
	.portfolio-preview .environment .environment-body {
		padding-left: 50px;
		font-size: 9pt;
	}
	
	.portfolio-preview .stress .stress-body {
		padding-left: 50px;
		font-size: 9pt;
	}

	.portfolio-preview .state {
		/* height: 1100px; */
	}

	.portfolio-preview .portfolio-table,
	.portfolio-preview .portfolio-table th, 
	.portfolio-preview .portfolio-table tr, 
	.portfolio-preview .portfolio-table td {
		font-size: 7pt;
	}

	.portfolio-preview .portfolio-table td {
		padding: 4px 20px 4px 4px;
	}
	
	.portfolio-preview h4 {
		font-size: 11pt;
	}

	.portfolio-preview .epilogue .epilogue-emotion {
		padding-left: 60px;
	}
	
	.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-left, 
	.portfolio-preview .epilogue .epilogue-emotion .epilogue-emotion-right {
		width: 150px;
		font-size: 8pt;
	}
	
	.portfolio-preview .epilogue .epilogue-emotion img {
		width: 75px;
	}
	
	.portfolio-preview .epilogue .epilogue-container-left, 
	.portfolio-preview .epilogue .epilogue-container-right {
		padding-left: 50px;
	}
	
	.portfolio-preview .epilogue .epilogue-container-left {
		font-size: 9pt;
	}
	
	.portfolio-preview .backcover {
		background: linear-gradient(180deg, #FFFFFF 65.00%, #F8F9F7 65.01%);
	}

	.portfolio-preview .backcover .backcover-info .institution {
		font-size: 16pt;
	}
	
	.portfolio-preview .backcover {
		height: 1020px;
	}
	
	.portfolio-preview .backcover .backcover-info .description {
		font-size: 9pt;
	}
	
	.portfolio-preview .backcover-sign {
		bottom: 80px;
	}
	
	.portfolio-preview .backcover-sign .qr-code {
		width: 70px;
	}
	
	.portfolio-preview .backcover-sign .cover-logo {
		width: 140px;
	}

	.overall-div {
		display: none;
	}
}

.swipe-container {
	padding-bottom: 20px;
	width: 100%;
}

.tax-bill table, 
.swipe-container img {
	margin-top: 10px;
	min-width: 700px;
}

.tax-bill table td {
	font-size: 14px;
}

/* md */
@media (max-width: 767.98px) {
	.swipe-container {
		overflow-x: auto;
	}

}

/* sm */
@media (max-width: 575.98px) {
	.tax-bill .description-4 {
		font-size: 13px;
	}

	.tax-bill table td {
		font-size: 13px;
	}
}
/* End Print */



/* Agreement */
.terms-body {
	font-size: 16px;
	color: var(--deep-gray);
	text-align: left;
}

.terms-body p {
	margin: 10px 5px;
}

.terms-body u {
	font-size: 24px;
	color: var(--dark-gray);
	text-decoration: none;
}

.terms-body b {
	font-size: 18px;
	color: var(--dark-gray);
}

.terms-body ol,
.terms-body ul {
	padding: 0 5px 10px 40px;
}

.terms-body ul {
	list-style: disc;
}
/* End Agreement */



/* Sitemap */
.sitemap .subtitle {
	margin-top: 300px !important;
}

.sitemap-body {
	margin-top: 50px;
}

.sitemap-body ul {
	margin-bottom: 50px;
}

.sitemap-body .tier-1 {
	padding: 20px 10px 0 10px;
	margin-bottom: 10px;
	border-top: 1px solid var(--light-gray);
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 18px;
	color: var(--dark-gray);
}

.sitemap-body .tier-2 {
	padding: 4px 0;
	margin-left: 30px;
	list-style: disc;
	font-size: 15px;
}

.sitemap-body .tier-2 a {
	color: var(--dark-gray);
}

/* xxl */
@media (max-width: 1539.98px) {
	.sitemap .subtitle {
		margin-top: 120px !important;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.sitemap-body {
		margin-top: 30px;
	}
}
/* End Sitemap */



/* 404 Error */
.error {
	display: flex;
	width: 100%;
	height: 100vh;
}

.error-box {
	margin: auto;
	text-align: center;
	max-width: 580px;
	width: 100%;
	align-items: center;
}

.error-box h1 img {
	width: 300px;
}

.error-box h2 {
	display: block;
	border-top: solid 1px var(--light-gray);
	margin-top: 40px;
	padding-top: 60px;
	font-family: 'SpoqaHanSansNeo-Bold';
	font-size: 24px;
	letter-spacing: 0;
	color: var(--dark-gray);
}

.error-box p {
	display: block;
	margin-top: 30px;
	border-bottom: solid 1px var(--light-gray);
	margin-bottom: 40px;
	padding-bottom: 60px;
	font-size: 16px;
	color: var(--deep-gray);
}

.error-box .solid-btn {
	display: block;
	margin: 0 auto 80px auto;
	width: 200px;
}

.error-box span {
	font-size: 15px;
	color: var(--gray);
}

/* sm */
@media (max-width: 575.98px) {
	.error-box h1 img {
		width: 240px;
	}

	.error-box h2 {
		font-size: 24px;
	}

	.error-box p {
		font-size: 14px;
	}
}
/* End 404 Error */