@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif&display=swap");
.text-left {
	text-align: left;
}

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

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

@media (min-width: 769px) {
	.is-pc {
		display: block;
	}
	.is-mobile {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.is-pc {
		display: none !important;
	}
	.is-mobile {
		display: block;
	}
}

[data-level='basic']:before,
[data-level='BASIC']:before {
	content: '기본';
}

[data-level='introduction']:before,
[data-level='INTRODUCTION']:before {
	content: '입문';
}

[data-level='advanced']:before,
[data-level='ADVANCED']:before {
	content: '고급';
}

[data-level='professional']:before,
[data-level='PROFESSIONAL']:before {
	content: '전문';
}

[data-level='beginner']:before,
[data-level='BEGINNER']:before {
	content: '초급';
}

[data-level='intermediate']:before,
[data-level='INTERMEDIATE']:before {
	content: '중급';
}

.order-status {
	display: inline-block;
	min-width: 92px;
	height: 24px;
	line-height: 22px;
	padding: 0 10px;
	border-radius: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.order-status {
		min-width: 75px;
		height: 19px;
		line-height: 19px;
		padding: 0 5px;
		border-radius: 10px;
		font-size: 12px;
		letter-spacing: -0.5px;
	}
}

.order-status.order-type {
	font-size: 14px;
	color: #d01111;
}

.order-status.order-type.corp {
	color: #506ddb;
}

@media (max-width: 768px) {
	.order-status.order-type.corp {
		background-color: #506ddb;
		color: #fff;
	}
}

@media (max-width: 768px) {
	.order-status.order-type {
		font-size: 12px;
		background-color: #d01111;
		color: #fff;
	}
}

.order-status.order-tax {
	height: 32px;
	line-height: 30px;
	margin-right: 20px;
	padding: 0 18px;
	color: #111;
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #bdc0c5;
	border-radius: 4px;
}

.order-status.order-tax.complete {
	background-color: #f1f1f1;
	opacity: .5;
}

.status-pending {
	background-color: #d01111;
}

.status-cancel {
	background-color: #506ddb;
}

.status-complete {
	background-color: #63a225;
}

.status-refund {
	background-color: #252f3e;
}

.status-refund-part {
	background-color: #375925;
}

.clazz-status {
	position: relative;
	display: inline-block;
	line-height: 24px;
	margin-left: 25px;
	padding-left: 8px;
	padding-right: 12px;
	font-size: 14px;
	color: #fff;
}

.clazz-status:before {
	content: '';
	position: absolute;
	top: 0;
	left: -12px;
	width: 12px;
	height: 24px;
	border-top: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	box-sizing: border-box;
}

.clazz-status.cancel {
	background-color: #d01111;
}

.clazz-status.cancel:before {
	border-right-color: #d01111;
}

.warning {
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	font-weight: 300;
	color: #d01111;
}

.warning .icon {
	-ms-flex: none;
	    flex: none;
	margin-right: 3px;
}

@media (max-width: 768px) {
	.warning {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 15px;
		margin-left: 15px;
		font-size: 12px;
	}
	.warning .icon {
		margin-top: 2px;
	}
}

.operator {
	text-align: center;
}

.operator-multiple {
	width: 45px;
}

.operator-multiple .icon {
	position: relative;
	top: -2px;
}

.operator-multiple .icon:before, .operator-multiple .icon:after {
	width: 2px;
	height: 10px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.operator-multiple {
		width: 31px;
	}
}

.operator-minus {
	width: 40px;
	text-align: center;
}

.operator-minus .icon {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.operator-minus {
		width: 25px;
	}
}

.operator-equal {
	width: 52px;
}

.operator-equal .icon {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.operator-equal {
		width: 32px;
	}
}

.scrollbar, .custom-select-list, .payment-agree .agree-box-active .agree-contents > .inner {
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
	scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar, .custom-select-list::-webkit-scrollbar, .payment-agree .agree-box-active .agree-contents > .inner::-webkit-scrollbar {
	width: 5px;
}

.scrollbar::-webkit-scrollbar-thumb, .custom-select-list::-webkit-scrollbar-thumb, .payment-agree .agree-box-active .agree-contents > .inner::-webkit-scrollbar-thumb {
	border-radius: 2.5px;
	background: rgba(37, 47, 62, 0.2);
}

.scrollbar::-webkit-scrollbar-thumb:hover, .custom-select-list::-webkit-scrollbar-thumb:hover, .payment-agree .agree-box-active .agree-contents > .inner::-webkit-scrollbar-thumb:hover {
	background: rgba(37, 47, 62, 0.5);
}

.scrollbar.horizontal, .horizontal.custom-select-list, .section-related .related-list, .page-main .section-schedule .schedule-list, .page-main .section-faq .faq-list, .page-main .section-event .event-list, .payment-agree .agree-box-active .agree-contents > .horizontal.inner {
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
	scrollbar-width: thin;
}

.scrollbar.horizontal::-webkit-scrollbar, .horizontal.custom-select-list::-webkit-scrollbar, .section-related .related-list::-webkit-scrollbar, .page-main .section-schedule .schedule-list::-webkit-scrollbar, .page-main .section-faq .faq-list::-webkit-scrollbar, .page-main .section-event .event-list::-webkit-scrollbar, .payment-agree .agree-box-active .agree-contents > .horizontal.inner::-webkit-scrollbar {
	height: 3px;
}

.scrollbar.horizontal::-webkit-scrollbar-track, .horizontal.custom-select-list::-webkit-scrollbar-track, .section-related .related-list::-webkit-scrollbar-track, .page-main .section-schedule .schedule-list::-webkit-scrollbar-track, .page-main .section-faq .faq-list::-webkit-scrollbar-track, .page-main .section-event .event-list::-webkit-scrollbar-track, .payment-agree .agree-box-active .agree-contents > .horizontal.inner::-webkit-scrollbar-track {
	background: #ebeced;
}

.scrollbar.horizontal::-webkit-scrollbar-thumb, .horizontal.custom-select-list::-webkit-scrollbar-thumb, .section-related .related-list::-webkit-scrollbar-thumb, .page-main .section-schedule .schedule-list::-webkit-scrollbar-thumb, .page-main .section-faq .faq-list::-webkit-scrollbar-thumb, .page-main .section-event .event-list::-webkit-scrollbar-thumb, .payment-agree .agree-box-active .agree-contents > .horizontal.inner::-webkit-scrollbar-thumb {
	border-radius: 2.5px;
	background: #252f3e;
}

.scrollbar.horizontal::-webkit-scrollbar-thumb:hover, .horizontal.custom-select-list::-webkit-scrollbar-thumb:hover, .section-related .related-list::-webkit-scrollbar-thumb:hover, .page-main .section-schedule .schedule-list::-webkit-scrollbar-thumb:hover, .page-main .section-faq .faq-list::-webkit-scrollbar-thumb:hover, .page-main .section-event .event-list::-webkit-scrollbar-thumb:hover, .payment-agree .agree-box-active .agree-contents > .horizontal.inner::-webkit-scrollbar-thumb:hover {
	background: #252f3e;
}

/*
[data-grade='associate'] {
	&:before {
		content: '기본';
	}
}
[data-grade='professional'] {
	&:before {
		content: '고급';
	}
}
[data-grade='specialty'] {
	&:before {
		content: '전문';
	}
}
*/
/*
@mixin hexagon{
	position: relative;
	display: inline-block;
	width: 32px;
	height: 18px;
	font: 0/0 a;
	text-align: center;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	background-color: #fff;
	box-sizing: border-box;
	&:before,
	&:after {
		content: "";
		position: absolute;
		left: 3px;
		width: 22px;
		height: 23px;
		background-color: inherit;
		box-sizing: border-box;
		transform: scaleY(0.5774) rotate(-45deg);
	}
	&:before {
		top: -11px;
		border-top: solid 2.8284px #ccc;
		border-right: solid 2.8284px #ccc;
	}
	&:after {
		bottom: -11px;
		border-bottom: solid 2.8284px #ccc;
		border-left: solid 2.8284px #ccc;
	}
}
*/
/*!
 * fonts
 */
/* NotoSans */
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 350;
	src: url("../fonts/NotoSansKR-DemiLight-Hestia.eot");
	src: local("Noto Sans DemiLight"), local("NotoSans-DemiLight"), url("../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-DemiLight-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-DemiLight-Hestia.otf") format("opentype");
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansKR-Regular-Hestia.eot");
	src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../fonts/NotoSansKR-Regular-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Regular-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-Regular-Hestia.otf") format("opentype");
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/NotoSansKR-Medium-Hestia.eot");
	src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../fonts/NotoSansKR-Medium-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-Medium-Hestia.otf") format("opentype");
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansKR-Bold-Hestia.eot");
	src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/NotoSansKR-Bold-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-Bold-Hestia.otf") format("opentype");
}

@media (max-width: 768px) {
	@font-face {
		font-family: 'Noto Sans Korean';
		font-style: normal;
		font-weight: 400;
		src: url("../fonts/NotoSansKR-Medium-Hestia.eot");
		src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../fonts/NotoSansKR-Medium-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-Medium-Hestia.otf") format("opentype");
	}
	@font-face {
		font-family: 'Noto Sans Korean';
		font-style: normal;
		font-weight: 500;
		src: url("../fonts/NotoSansKR-Bold-Hestia.eot");
		src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/NotoSansKR-Bold-Hestia.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold-Hestia.woff") format("woff"), url("../fonts/NotoSansKR-Bold-Hestia.otf") format("opentype");
	}
}

/* Roboto */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/Roboto-Light.eot");
	src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/Roboto-Medium.eot");
	src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.otf") format("opentype"), url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/Roboto-Bold.eot");
	src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/Roboto-Black.eot");
	src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg");
}

/*
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Thin'), local('NotoSans-Thin'),
	url(../fonts/NotoSansKR-Thin-Hestia.eot),
	url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 900;
	src: local('Noto Sans Black'), local('NotoSans-Black'),
	url(../fonts/NotoSansKR-Black-Hestia.eot),
	url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
	url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

*/
/*!
 * common
 */
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	word-break: keep-all;
	color: #111;
}

body,
button,
input,
select,
textarea {
	font-family: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

mark {
	background: #ff0;
	font-style: italic;
}

pre,
code,
kbd,
samp {
	font-family: monospace;
	_font-family: monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

p {
	margin: 0;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul,
ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
}

img {
	max-width: 100%;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	display: none;
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

label {
	cursor: pointer;
}

button {
	padding: 0;
	outline: 0;
	border: none;
	background: transparent;
}

button,
input,
select,
textarea {
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	border-radius: 0;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

table button,
table input {
	*overflow: auto;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:invalid,
textarea:invalid {
	border-color: #C82E2D;
}

button[disabled],
input[disabled] {
	cursor: default;
	opacity: 0.5;
}

input::-ms-clear {
	display: none;
}

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

td {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

address,
em,
i {
	font-style: normal;
}

.clear {
	content: '';
	display: block;
	clear: both;
}

.hidden {
	position: absolute;
	font: 0/0 a;
	visibility: hidden;
}

html {
	font-family: 'Noto Sans Korean', sans-serif;
	overflow-y: scroll;
}

.icon {
	display: inline-block;
	font: 0/0 a;
	background-repeat: no-repeat;
}

.icon-answer {
	background-image: url("../images/sprite.pc.png");
	background-position: -38px -273px;
	background-size: 395px auto;
	width: 19px;
	height: 18px;
}

.icon-arrow-circle-down {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -270px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-arrow-up {
	background-image: url("../images/sprite.pc.png");
	background-position: -164px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 20px;
}

.icon-attached-file {
	background-image: url("../images/sprite.pc.png");
	background-position: -305px -273px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-back-arrow {
	background-image: url("../images/sprite.pc.png");
	background-position: -130px -153px;
	background-size: 395px auto;
	width: 20px;
	height: 14px;
}

.icon-blank-simple {
	background-image: url("../images/sprite.pc.png");
	background-position: -182px -317px;
	background-size: 395px auto;
	width: 13px;
	height: 13px;
}

.icon-blank {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px 0px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-calendar {
	background-image: url("../images/sprite.pc.png");
	background-position: -83px -229px;
	background-size: 395px auto;
	width: 21px;
	height: 21px;
}

.icon-cap {
	background-image: url("../images/sprite.pc.png");
	background-position: -190px -187px;
	background-size: 395px auto;
	width: 23px;
	height: 20px;
}

.icon-cart-mini {
	background-image: url("../images/sprite.pc.png");
	background-position: -179px -104px;
	background-size: 395px auto;
	width: 29px;
	height: 25px;
}

.icon-cart {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -229px;
	background-size: 395px auto;
	width: 21px;
	height: 24px;
}

.icon-check-circle {
	background-image: url("../images/sprite.pc.png");
	background-position: -233px -187px;
	background-size: 395px auto;
	width: 20px;
	height: 20px;
}

.icon-chevron-double-left-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -283px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.icon-chevron-double-left {
	background-image: url("../images/sprite.pc.png");
	background-position: -315px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.icon-chevron-double-right-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -347px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.icon-chevron-double-right {
	background-image: url("../images/sprite.pc.png");
	background-position: -101px -353px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.icon-chevron-left-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -210px -153px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.icon-chevron-left {
	background-image: url("../images/sprite.pc.png");
	background-position: -164px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.icon-chevron-right-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -190px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.icon-chevron-right {
	background-image: url("../images/sprite.pc.png");
	background-position: -216px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.icon-code {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -36px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-coupon {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -92px;
	background-size: 395px auto;
	width: 99px;
	height: 75px;
}

.icon-delete {
	background-image: url("../images/sprite.pc.png");
	background-position: -68px -353px;
	background-size: 395px auto;
	width: 13px;
	height: 16px;
}

.icon-document {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px 0px;
	background-size: 395px auto;
	width: 17px;
	height: 20px;
}

.icon-download-pdf {
	background-image: url("../images/sprite.pc.png");
	background-position: -313px -187px;
	background-size: 395px auto;
	width: 9px;
	height: 11px;
}

.icon-download {
	background-image: url("../images/sprite.pc.png");
	background-position: -76px -317px;
	background-size: 395px auto;
	width: 18px;
	height: 15px;
}

.icon-edit {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -121px;
	background-size: 395px auto;
	width: 17px;
	height: 17px;
}

.icon-equal {
	background-image: url("../images/sprite.pc.png");
	background-position: -203px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 19px;
}

.icon-error {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px 0px;
	background-size: 395px auto;
	width: 110px;
	height: 72px;
}

.icon-exclamation-circle-lg {
	background-image: url("../images/sprite.pc.png");
	background-position: -273px -187px;
	background-size: 395px auto;
	width: 20px;
	height: 20px;
}

.icon-exclamation-circle-point {
	background-image: url("../images/sprite.pc.png");
	background-position: -124px -229px;
	background-size: 395px auto;
	width: 20px;
	height: 20px;
}

.icon-exclamation-circle {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -72px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-experience {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -108px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-fail-gray {
	background-image: url("../images/sprite.pc.png");
	background-position: -238px -104px;
	background-size: 395px auto;
	width: 60px;
	height: 60px;
}

.icon-fail {
	background-image: url("../images/sprite.pc.png");
	background-position: -238px 0px;
	background-size: 395px auto;
	width: 84px;
	height: 84px;
}

.icon-go-megaone {
	background-image: url("../images/sprite.pc.png");
	background-position: -133px -353px;
	background-size: 395px auto;
	width: 11px;
	height: 10px;
}

.icon-language {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -144px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-layer {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -180px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-level {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -80px;
	background-size: 395px auto;
	width: 14px;
	height: 21px;
}

.icon-list-grid-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -77px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-list-grid {
	background-image: url("../images/sprite.pc.png");
	background-position: -115px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-list-row-active {
	background-image: url("../images/sprite.pc.png");
	background-position: -153px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-list-row {
	background-image: url("../images/sprite.pc.png");
	background-position: -191px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-location {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 24px;
}

.icon-logout-active {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -317px;
	background-size: 395px auto;
	width: 18px;
	height: 16px;
}

.icon-logout {
	background-image: url("../images/sprite.pc.png");
	background-position: -38px -317px;
	background-size: 395px auto;
	width: 18px;
	height: 16px;
}

.icon-mail-gray {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -187px;
	background-size: 395px auto;
	width: 30px;
	height: 22px;
}

.icon-mail {
	background-image: url("../images/sprite.pc.png");
	background-position: -215px -317px;
	background-size: 395px auto;
	width: 14px;
	height: 10px;
}

.icon-map-pin {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -232px;
	background-size: 395px auto;
	width: 15px;
	height: 18px;
}

.icon-megaone {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -216px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-new {
	background-image: url("../images/sprite.pc.png");
	background-position: -229px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-order-cart {
	background-image: url("../images/sprite.pc.png");
	background-position: -50px -187px;
	background-size: 395px auto;
	width: 28px;
	height: 20px;
}

.icon-order-complete {
	background-image: url("../images/sprite.pc.png");
	background-position: -146px -187px;
	background-size: 395px auto;
	width: 24px;
	height: 20px;
}

.icon-order-payment {
	background-image: url("../images/sprite.pc.png");
	background-position: -98px -187px;
	background-size: 395px auto;
	width: 28px;
	height: 20px;
}

.icon-person-soon {
	background-image: url("../images/sprite.pc.png");
	background-position: -114px -317px;
	background-size: 395px auto;
	width: 14px;
	height: 14px;
}

.icon-person-stroke {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -40px;
	background-size: 395px auto;
	width: 17px;
	height: 20px;
}

.icon-person {
	background-image: url("../images/sprite.pc.png");
	background-position: -148px -317px;
	background-size: 395px auto;
	width: 14px;
	height: 14px;
}

.icon-phone {
	background-image: url("../images/sprite.pc.png");
	background-position: -130px -104px;
	background-size: 395px auto;
	width: 29px;
	height: 29px;
}

.icon-question-bold {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -158px;
	background-size: 395px auto;
	width: 17px;
	height: 17px;
}

.icon-question-point {
	background-image: url("../images/sprite.pc.png");
	background-position: -242px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 19px;
}

.icon-question {
	background-image: url("../images/sprite.pc.png");
	background-position: -281px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 19px;
}

.icon-refresh {
	background-image: url("../images/sprite.pc.png");
	background-position: -170px -153px;
	background-size: 395px auto;
	width: 20px;
	height: 14px;
}

.icon-search-darken {
	background-image: url("../images/sprite.pc.png");
	background-position: -267px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.icon-search {
	background-image: url("../images/sprite.pc.png");
	background-position: -41px -229px;
	background-size: 395px auto;
	width: 22px;
	height: 21px;
}

.icon-sort {
	background-image: url("../images/sprite.pc.png");
	background-position: -249px -317px;
	background-size: 395px auto;
	width: 14px;
	height: 10px;
}

.icon-success {
	background-image: url("../images/sprite.pc.png");
	background-position: -130px 0px;
	background-size: 395px auto;
	width: 88px;
	height: 84px;
}

.icon-time-stroke {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -252px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-time {
	background-image: url("../images/sprite.pc.png");
	background-position: -379px -288px;
	background-size: 395px auto;
	width: 16px;
	height: 16px;
}

.icon-type-corporate {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -195px;
	background-size: 395px auto;
	width: 17px;
	height: 17px;
}

.icon-type-individual {
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -353px;
	background-size: 395px auto;
	width: 14px;
	height: 16px;
}

.icon-type {
	background-image: url("../images/sprite.pc.png");
	background-position: -34px -353px;
	background-size: 395px auto;
	width: 14px;
	height: 16px;
}

@media (max-width: 768px) {
	.icon-answer {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -141.5px;
		width: 12px;
		height: 12px;
	}
	.icon-arrow-circle-down {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -163.5px;
		width: 12px;
		height: 12px;
	}
	.icon-arrow-up {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -128px;
		width: 14px;
		height: 15px;
	}
	.icon-associate-simple {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: 0px -116px;
		width: 43.5px;
		height: 49.5px;
	}
	.icon-attached-file {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -134px -146px;
		width: 16px;
		height: 16px;
	}
	.icon-back-arrow {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -82px -175.5px;
		width: 15px;
		height: 10.5px;
	}
	.icon-calendar {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -28px;
		width: 15px;
		height: 15px;
	}
	.icon-cap {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: 0px -175.5px;
		width: 16px;
		height: 15px;
	}
	.icon-cart-mini {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -53.5px -116px;
		width: 23px;
		height: 20px;
	}
	.icon-check-circle {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -148.5px -116px;
		width: 17px;
		height: 17px;
	}
	.icon-chevron-double-left-active {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -105px;
		width: 10px;
		height: 8px;
	}
	.icon-chevron-double-left {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -123px;
		width: 10px;
		height: 8px;
	}
	.icon-chevron-double-right-active {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -141px;
		width: 10px;
		height: 8px;
	}
	.icon-chevron-double-right {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -159px;
		width: 10px;
		height: 8px;
	}
	.icon-chevron-left-active {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -177px;
		width: 5px;
		height: 8px;
	}
	.icon-chevron-left {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -195px;
		width: 5px;
		height: 8px;
	}
	.icon-chevron-right-active {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -175.5px -116px;
		width: 5px;
		height: 8px;
	}
	.icon-chevron-right {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -129px -175.5px;
		width: 5px;
		height: 8px;
	}
	.icon-code {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: 0px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-coupon {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -132px -60px;
		width: 49.5px;
		height: 37.5px;
	}
	.icon-delete {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -94.5px;
		width: 12px;
		height: 15px;
	}
	.icon-document {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px 0px;
		width: 15px;
		height: 18px;
	}
	.icon-download {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -71.5px;
		width: 14px;
		height: 13px;
	}
	.icon-equal {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -53px;
		width: 15px;
		height: 15px;
	}
	.icon-error {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: 0px -65px;
		width: 63px;
		height: 41px;
	}
	.icon-exclamation-circle-lg {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -53.5px -146px;
		width: 17px;
		height: 17px;
	}
	.icon-exclamation-circle-point {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -80.5px -146px;
		width: 17px;
		height: 17px;
	}
	.icon-experience {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -119.5px;
		width: 12.5px;
		height: 12px;
	}
	.icon-fail-gray {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -132px 0px;
		width: 50px;
		height: 50px;
	}
	.icon-fail {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -67px 0px;
		width: 55px;
		height: 55px;
	}
	.icon-language {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -22px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-layer {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -78px;
		width: 15px;
		height: 15px;
	}
	.icon-login {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -107.5px -146px;
		width: 16.5px;
		height: 16.5px;
	}
	.icon-logout {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -86.5px -116px;
		width: 23px;
		height: 20px;
	}
	.icon-mail {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -87px;
		width: 11px;
		height: 8px;
	}
	.icon-map-pin {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px 0px;
		width: 11px;
		height: 13px;
	}
	.icon-megaone {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -119.5px -116px;
		width: 19px;
		height: 18.5px;
	}
	.icon-new {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px 0px;
		width: 14px;
		height: 14px;
	}
	.icon-order-cart {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -160px -146px;
		width: 19px;
		height: 13px;
	}
	.icon-order-complete {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -153px;
		width: 15px;
		height: 12.5px;
	}
	.icon-order-payment {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -54px -175.5px;
		width: 18px;
		height: 12.5px;
	}
	.icon-person-soon {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -45px;
		width: 11px;
		height: 11px;
	}
	.icon-person {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -66px;
		width: 11px;
		height: 11px;
	}
	.icon-question-bold {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -48px;
		width: 13.5px;
		height: 13.5px;
	}
	.icon-question-point {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -44px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-question {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -66px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-refresh {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -26px -175.5px;
		width: 18px;
		height: 13px;
	}
	.icon-search-darken {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -24px;
		width: 14px;
		height: 14px;
	}
	.icon-search {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -192px -103px;
		width: 15px;
		height: 15px;
	}
	.icon-sort {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -107px -175.5px;
		width: 12px;
		height: 8.5px;
	}
	.icon-success {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: 0px 0px;
		width: 57px;
		height: 55px;
	}
	.icon-time-stroke {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -88px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-time {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -110px -200.5px;
		width: 12px;
		height: 12px;
	}
	.icon-type {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -23px;
		width: 11px;
		height: 12px;
	}
	.icon-user {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -73px -65px;
		width: 35px;
		height: 35px;
	}
}

.icon-check:before, .custom-checkbox input[type="checkbox"] + label:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 7px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	box-sizing: border-box;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.icon-plus:before, .icon-plus:after {
	content: '';
	display: inline-block;
	width: 3px;
	height: 23px;
}

.icon-plus:before {
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}

.icon-plus:after {
	-webkit-transform: translateX(-50%) rotate(90deg);
	        transform: translateX(-50%) rotate(90deg);
}

@media (max-width: 768px) {
	.icon-plus:before, .icon-plus:after {
		width: 2px;
		height: 100%;
	}
}

.icon-minus:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.icon-minus:before {
		width: 8px;
	}
}

.icon-close {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.icon-close:before, .icon-close:after {
	content: '';
	display: inline-block;
	width: 3px;
	height: 23px;
}

.icon-close:before {
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}

.icon-close:after {
	-webkit-transform: translateX(-50%) rotate(90deg);
	        transform: translateX(-50%) rotate(90deg);
}

.icon-angle, .icon-angle-circle-right:after, .section-mypage-schedule .order-wrap-body .link:after, .order-steps li:after {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: -1px;
	border-top: 2px solid #92979e;
	border-right: 2px solid #92979e;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.icon-angle-left {
	-webkit-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}

.icon-angle-right, .section-mypage-schedule .order-wrap-body .link:after, .order-steps li:after {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.btn .icon-angle-right, .btn .section-mypage-schedule .order-wrap-body .link:after, .section-mypage-schedule .order-wrap-body .btn .link:after, .btn .order-steps li:after, .order-steps .btn li:after {
	margin-left: 5px;
}

.icon-angle-up {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.icon-angle-circle-right {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	border: 1px solid rgba(37, 47, 62, 0.3);
	border-radius: 50%;
}

.icon-angle-circle-right:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
}

.icon-architect {
	width: 258px;
	height: 258px;
	background-image: url("../images/architect.png");
	background-size: contain;
}

.icon-developer {
	width: 300px;
	height: 258px;
	background-image: url("../images/developer.png");
	background-size: contain;
}

.icon-operations {
	width: 303px;
	height: 258px;
	background-image: url("../images/operations.png");
	background-size: contain;
}

.icon-business {
	width: 101px;
	height: 82px;
	background-image: url("../images/pages/course/gcp/icon-business.png"); /* 여기까지 */
	background-size: contain;
}

.icon-practitioner {
	width: 288px;
	height: 258px;
	background-image: url("../images/practitioner.png");
	background-size: contain;
}

.icon-benefit-badge {
	width: 98px;
	height: 76px;
	background-image: url("../images/benefit-badge.png");
	background-size: contain;
}

.icon-benefit-discount {
	width: 79px;
	height: 86px;
	background-image: url("../images/benefit-discount.png");
	background-size: contain;
}

.icon-benefit-event {
	width: 72px;
	height: 79px;
	background-image: url("../images/benefit-event.png");
	background-size: contain;
}

.icon-benefit-global {
	width: 78px;
	height: 86px;
	background-image: url("../images/benefit-global.png");
	background-size: contain;
}

.icon-benefit-exams {
	width: 100px;
	height: 78px;
	background-image: url("../images/benefit-exams.png");
	background-size: contain;
}

.icon-benefit-store {
	width: 91px;
	height: 80px;
	background-image: url("../images/benefit-store.png");
	background-size: contain;
}

.icon-feature-teacher {
	width: 100px;
	height: 80px;
	background-image: url("../images/feature-teacher.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-teacher {
		width: 87px;
		height: 69px;
	}
}

.icon-feature-teacher-gcp {
	width: 101px;
	height: 80px;
	background-image: url("../images/pages/main/icon-teacher-gcp.png");
	background-size: contain;
}

.icon-feature-curriculum {
	width: 94px;
	height: 80px;
	background-image: url("../images/feature-curriculum.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-curriculum {
		width: 81px;
		height: 69px;
	}
}

.icon-feature-curriculum-gcp {
	width: 100px;
	height: 80px;
	background-image: url("../images/pages/main/icon-curriculum-gcp.png");
	background-size: contain;
}

.icon-feature-handson {
	width: 100px;
	height: 80px;
	background-image: url("../images/feature-handson.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-handson {
		width: 86px;
		height: 69px;
	}
}

.icon-feature-handson-gcp {
	width: 100px;
	height: 80px;
	background-image: url("../images/pages/main/icon-handson-gcp.png");
	background-size: contain;
}

.icon-feature-cloud {
	width: 100px;
	height: 80px;
	background-image: url("../images/pages/center/icon-cloud.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-cloud {
		width: 87px;
		height: 69px;
	}
}

.icon-feature-educate {
	width: 100px;
	height: 80px;
	background-image: url("../images/pages/center/icon-educate.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-educate {
		width: 87px;
		height: 69px;
	}
}

.icon-feature-training {
	width: 84px;
	height: 80px;
	background-image: url("../images/pages/center/icon-training.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-feature-training {
		width: 87px;
		height: 69px;
	}
}

.icon-start-online {
	width: 100px;
	height: 78px;
	background-image: url("../images/start-online.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-start-online {
		width: 86px;
		height: 69px;
	}
}

.icon-start-offline {
	width: 100px;
	height: 82px;
	background-image: url("../images/start-offline.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-start-offline {
		width: 87px;
		height: 69px;
	}
}

.icon-start-certification {
	width: 100px;
	height: 80px;
	background-image: url("../images/start-certification.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-start-certification {
		width: 86px;
		height: 69px;
	}
}

.icon-badge {
	width: 132px;
	height: 155px;
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-badge {
		width: 75px;
		height: 87px;
	}
}

.icon-badge-sm {
	width: 75px;
	height: 87px;
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-badge-sm {
		width: 56px;
		height: 65px;
	}
}

.icon-associate {
	width: 72px;
	height: 82px;
	background-image: url("../images/certification/associate.png");
	background-size: contain;
}

.icon-associate-admin {
	background-image: url("../images/certification/associate-administrator.png");
}

.icon-associate-admin-sm {
	background-image: url("../images/certification/associate-administrator-sm.png");
}

@media (max-width: 768px) {
	.icon-associate-admin {
		background-image: url("../images/certification/mo_associate-administrator.png");
	}
	.icon-associate-admin-sm {
		background-image: url("../images/certification/mo_associate-administrator-sm.png");
	}
}

.icon-associate-architect {
	background-image: url("../images/certification/associate-architect.png");
}

.icon-associate-architect-sm {
	background-image: url("../images/certification/associate-architect-sm.png");
}

@media (max-width: 768px) {
	.icon-associate-architect {
		background-image: url("../images/certification/mo_associate-architect.png");
	}
	.icon-associate-architect-sm {
		background-image: url("../images/certification/mo_associate-architect-sm.png");
	}
}

.icon-associate-developer {
	background-image: url("../images/certification/associate-developer.png");
}

.icon-associate-developer-sm {
	background-image: url("../images/certification/associate-developer-sm.png");
}

@media (max-width: 768px) {
	.icon-associate-developer {
		background-image: url("../images/certification/mo_associate-developer.png");
	}
	.icon-associate-developer-sm {
		background-image: url("../images/certification/mo_associate-developer-sm.png");
	}
}

.icon-associate-simple {
	width: 29px;
	height: 33px;
	background-image: url("../images/certification/associate-simple.png");
	background-size: contain;
	background-position: 50% 50%;
}

.icon-professional {
	width: 72px;
	height: 82px;
	background-image: url("../images/certification/professional.png");
	background-size: contain;
}

.icon-professional-architect {
	background-image: url("../images/certification/professional-architect.png");
}

.icon-professional-architect-sm {
	background-image: url("../images/certification/professional-architect-sm.png");
}

@media (max-width: 768px) {
	.icon-professional-architect {
		background-image: url("../images/certification/mo_professional-architect.png");
	}
	.icon-professional-architect-sm {
		background-image: url("../images/certification/mo_professional-architect-sm.png");
	}
}

.icon-professional-engineer {
	background-image: url("../images/certification/professional-engineer.png");
}

.icon-professional-engineer-sm {
	background-image: url("../images/certification/professional-engineer-sm.png");
}

@media (max-width: 768px) {
	.icon-professional-engineer {
		background-image: url("../images/certification/mo_professional-engineer.png");
	}
	.icon-professional-engineer-sm {
		background-image: url("../images/certification/mo_professional-engineer-sm.png");
	}
}

.icon-professional-simple {
	width: 29px;
	height: 33px;
	background-image: url("../images/certification/professional-simple.png");
	background-size: contain;
}

.icon-specialty {
	width: 72px;
	height: 82px;
	background-image: url("../images/certification/specialty.png");
	background-size: contain;
}

.icon-specialty-bigdata {
	background-image: url("../images/certification/specialty-bigdata.png");
}

.icon-specialty-bigdata-sm {
	background-image: url("../images/certification/specialty-bigdata-sm.png");
}

@media (max-width: 768px) {
	.icon-specialty-bigdata {
		background-image: url("../images/certification/mo_specialty-bigdata.png");
	}
	.icon-specialty-bigdata-sm {
		background-image: url("../images/certification/mo_specialty-bigdata-sm.png");
	}
}

.icon-specialty-networking {
	background-image: url("../images/certification/specialty-networking.png");
}

.icon-specialty-networking-sm {
	background-image: url("../images/certification/specialty-networking-sm.png");
}

@media (max-width: 768px) {
	.icon-specialty-networking {
		background-image: url("../images/certification/mo_specialty-networking.png");
	}
	.icon-specialty-networking-sm {
		background-image: url("../images/certification/mo_specialty-networking-sm.png");
	}
}

.icon-specialty-security {
	background-image: url("../images/certification/specialty-security.png");
}

.icon-specialty-security-sm {
	background-image: url("../images/certification/specialty-security-sm.png");
}

@media (max-width: 768px) {
	.icon-specialty-security {
		background-image: url("../images/certification/mo_specialty-security.png");
	}
	.icon-specialty-security-sm {
		background-image: url("../images/certification/mo_specialty-security-sm.png");
	}
}

.icon-specialty-machine-learning {
	background-image: url("../images/certification/specialty-machine-learning.png");
}

.icon-specialty-machine-learning-sm {
	background-image: url("../images/certification/specialty-machine-learning-sm.png");
}

@media (max-width: 768px) {
	.icon-specialty-machine-learning {
		background-image: url("../images/certification/mo_specialty-machine-learning.png");
	}
	.icon-specialty-machine-learning-sm {
		background-image: url("../images/certification/mo_specialty-machine-learning-sm.png");
	}
}

.icon-specialty-alexa {
	background-image: url("../images/certification/specialty-alexa.png");
}

.icon-specialty-alexa-sm {
	background-image: url("../images/certification/specialty-alexa-sm.png");
}

@media (max-width: 768px) {
	.icon-specialty-alexa {
		background-image: url("../images/certification/mo_specialty-alexa.png");
	}
	.icon-specialty-alexa-sm {
		background-image: url("../images/certification/mo_specialty-alexa-sm.png");
	}
}

.icon-specialty-simple {
	width: 29px;
	height: 33px;
	background-image: url("../images/certification/specialty-simple.png");
	background-size: contain;
}

.icon-gcp {
	width: 150px;
	height: 150px;
}

@media (max-width: 768px) {
	.icon-gcp {
		width: 87px;
		height: 87px;
	}
}

.icon-gcp-sm {
	width: 76px;
	height: 76px;
}

@media (max-width: 768px) {
	.icon-gcp-sm {
		width: 56px;
		height: 56px;
	}
}
/* --------------- 여기 아래부터 이미지 다운로드 필요 ---------------------- */
.icon-gcp-associate {
	background-image: url("../images/certification_gcp/gcp-associate-big.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-gcp-associate {
		background-image: url("../images/certification_gcp/gcp-associate-big-mo.png");
	}
}

.icon-gcp-associate-simple {
	width: 29px;
	height: 33px;
	background-image: url("../images/pages/certification/gcp/associate-simple.png");
	background-size: contain;
	background-position: 50% 50%;
}

.icon-gcp-professional {
	background-image: url("../images/certification_gcp/gcp-professional-big.png");
	background-size: contain;
}

@media (max-width: 768px) {
	.icon-gcp-professional {
		background-image: url("../images/certification_gcp/gcp-professional-big-mo.png");
	}
}

.icon-gcp-professional-simple {
	width: 29px;
	height: 33px;
	background-image: url("../images/pages/certification/gcp/professional-simple.png");
	background-size: contain;
}

.active .icon-list-grid {
	background-image: url("../images/sprite.pc.png");
	background-position: -77px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.active .icon-list-row {
	background-image: url("../images/sprite.pc.png");
	background-position: -153px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
}

.btn {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	min-width: 108px;
	height: 42px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 1;
	letter-spacing: -0.4px;
	color: #111;
	text-align: center;
	box-sizing: border-box;
	background: transparent;
}

@media (max-width: 768px) {
	.btn {
		min-width: 60px;
		height: 33px;
		padding: 0 14px;
		font-size: 13px;
	}
}

.btn-sm {
	height: 32px;
}

.btn-lg {
	height: 52px;
	font-size: 17px;
}

@media (max-width: 768px) {
	.btn-lg {
		font-size: 14px;
		height: 39px;
	}
}

.btn-stroke {
	border-radius: 6px;
	border: solid 1px #bdc0c5;
}

@media (max-width: 768px) {
	.btn-stroke {
		font-size: 13px;
	}
}

.btn-point {
	font-size: 17px;
	color: #fff;
	border-radius: 6px;
	background-color: #b20c1a;
}

@media (max-width: 768px) {
	.btn-point {
		font-size: 14px;
		border-radius: 5px;
	}
}

.btn-checkout {
	background-color: #e25c1a;
}

.btn-darken, .search-warp .btn-search-darken {
	border-radius: 4px;
	color: #fff;
	background-color: #252f3e;
}

.btn[disabled], .btn.disabled {
	pointer-events: none;
	background-color: #e1e1e5;
}

.btn-toggle {
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
}

.btn-toggle .icon {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 24px;
	height: 24px;
	border: solid 1px rgba(37, 47, 62, 0.3);
	border-radius: 50%;
	background-color: transparent;
	transition: background-color 0.3s;
}

.btn-toggle .icon:before, .btn-toggle .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 8px;
	height: 2px;
	margin-top: -1px;
	border-radius: 1px;
	background-color: #252f3e;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform-origin: 0 50%;
	        transform-origin: 0 50%;
}

.btn-toggle .icon:before {
	margin-left: 1.5px;
	-webkit-transform: rotate(135deg) translate(-50%, -50%);
	        transform: rotate(135deg) translate(-50%, -50%);
}

.btn-toggle .icon:after {
	margin-left: -1.5px;
	-webkit-transform: rotate(-135deg) translate(-50%, -50%);
	        transform: rotate(-135deg) translate(-50%, -50%);
}

@media (max-width: 768px) {
	.btn-toggle .icon {
		width: 18px;
		height: 18px;
	}
	.btn-toggle .icon:before, .btn-toggle .icon:after {
		margin-top: 0px;
		width: 6px;
		height: 1px;
	}
}

.btn-group {
	height: 42px;
}

.btn-group:after {
	content: '';
	display: block;
	clear: both;
}

.btn-group button {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	float: left;
	min-width: 80px;
	height: 100%;
	margin-left: -1px;
	font-size: 16px;
	font-weight: 300;
	border: solid 1px #bdc0c5;
	background-color: #fff;
	box-sizing: border-box;
	transition: background-color 0.3s;
}

.btn-group button:first-child {
	margin-left: 0;
	border-radius: 4px 0 0 4px;
}

.btn-group button:last-child {
	border-radius: 0 4px 4px 0;
}

.btn-group button.active {
	color: #fff;
	border-top: #252f3e;
	border-bottom: #252f3e;
	background-color: #252f3e;
	transition: background-color 0.3s;
}

::-webkit-input-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
}

:-ms-input-placeholder {
	color: #999;
}

::-ms-input-placeholder {
	color: #999;
}

::placeholder {
	color: #999;
}

.form-control {
	width: 100%;
	height: 42px;
	padding: 0 15px;
	font-size: 15px;
	font-weight: 300;
	color: #111;
	border: solid 1px #bdc0c5;
	border-radius: 4px;
	background-color: #fff;
	background-image: linear-gradient(transparent, transparent);
	box-sizing: border-box;
}

.form-control:focus {
	border-color: #d01111;
	outline: none;
}

@media (max-width: 768px) {
	.form-control {
		height: 33px;
		font-size: 13px;
	}
}

.custom-select {
	position: relative;
	padding: 0;
}

.custom-select.focus, .custom-select:focus {
	z-index: 40;
	border-color: #d01111;
}

.custom-select:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid #252f3e;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.custom-select button,
.custom-select a,
.custom-select .custom-input {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	text-align: left;
	width: 100%;
	height: 100%;
	min-height: 39px;
	padding: 0 35px 0 22px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.custom-select button,
	.custom-select a,
	.custom-select .custom-input {
		min-height: 33px;
		padding-left: 12px;
		padding-right: 25px;
	}
	.custom-select button:after,
	.custom-select a:after,
	.custom-select .custom-input:after {
		right: 11px;
	}
}

.custom-select button .icon ~ span {
	margin-left: 7px;
}

.custom-select .custom-input {
	background-image: none;
	border: none;
}

.custom-select .custom-input::-webkit-input-placeholder {
	color: #000;
}

.custom-select .custom-input::-moz-placeholder {
	color: #000;
}

.custom-select .custom-input:-ms-input-placeholder {
	color: #000;
}

.custom-select .custom-input::-ms-input-placeholder {
	color: #000;
}

.custom-select .custom-input::placeholder {
	color: #000;
}

.custom-select.input:after {
	display: none;
}

.custom-select.calendar button:after {
	border: none;
	background-image: url("../images/sprite.pc.png");
	background-position: -83px -229px;
	background-size: 395px auto;
	width: 21px;
	height: 21px;
}

.custom-select-list {
	display: none;
	z-index: 1;
	position: absolute;
	min-width: calc(100% + 4px);
	max-height: 274px;
	top: calc(100% + 4px);
	left: -2px;
	border: 1px solid #252f3e;
	border-radius: 4px;
	box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.07);
	box-sizing: border-box;
	background-color: #fff;
	font-size: 15px;
	font-weight: 300;
	overflow: auto;
	white-space: nowrap;
}

.custom-select-list button,
.custom-select-list a {
	padding: 10px 22px;
	border-top: 1px solid #ececed;
}

.custom-select-list button:hover, .custom-select-list button:focus,
.custom-select-list a:hover,
.custom-select-list a:focus {
	background-color: #fafafb;
}

.custom-select-list button:after,
.custom-select-list a:after {
	display: none;
}

.custom-select-list > :first-child button,
.custom-select-list > :first-child a {
	border-top: 0;
}

@media (max-width: 768px) {
	.custom-select-list button,
	.custom-select-list a {
		padding: 0 12px;
		font-size: 13px;
	}
}

.custom-select.focus .custom-select-list {
	display: block;
}

.custom-select.disabled {
	border-color: #dddde8;
	background-color: #fafafa;
}

.custom-select.disabled a,
.custom-select.disabled button {
	color: #bbb;
	pointer-events: none;
}

.custom-select.disabled a:after,
.custom-select.disabled button:after {
	border-top-color: rgba(37, 47, 62, 0.3);
}

.custom-select select {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 70px;
	height: 100%;
	padding: 0 25px 0 12px;
	background: none;
	border: none;
	border-radius: 4px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

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

@media (max-width: 768px) {
	.custom-select select {
		padding: 0 12px;
		font-size: 13px;
	}
}

.custom-radio {
	line-height: 1;
	position: relative;
	display: inline-block;
}

.custom-radio input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: none;
	cursor: pointer;
}

.custom-radio input[type="radio"] + label {
	display: inline-block;
	padding-left: 32px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.4px;
	vertical-align: top;
	color: #686868;
}

.custom-radio input[type="radio"] + label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 22px;
	height: 22px;
	border: solid 1px #bdc0c5;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	transition: background-color 0.3s;
	pointer-events: none;
}

.custom-radio input[type="radio"] + label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #e6e6ec;
}

@media (max-width: 768px) {
	.custom-radio input[type="radio"] + label {
		padding-left: 24px;
		line-height: 16px;
		font-size: 15px;
	}
	.custom-radio input[type="radio"] + label:before {
		width: 16px;
		height: 16px;
	}
	.custom-radio input[type="radio"] + label:after {
		width: 9.5px;
		height: 9.5px;
		top: 3px;
		left: 3px;
	}
}

.custom-radio input[type="radio"]:checked + label {
	color: #111;
}

.custom-radio input[type="radio"]:checked + label:after {
	background-color: #252f3e;
	transition: background-color 0.3s;
}

.custom-radio input[type="radio"][disabled], .custom-radio input[type="radio"].disabled {
	cursor: default;
}

.custom-radio input[type="radio"][disabled] + label, .custom-radio input[type="radio"].disabled + label {
	color: #999;
	border-color: #dddde8;
	pointer-events: none;
}

.custom-checkbox {
	line-height: 1;
	position: relative;
	display: inline-block;
}

.custom-checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: none;
	cursor: pointer;
}

.custom-checkbox input[type="checkbox"] + label {
	display: inline-block;
	padding-left: 26px;
	font-size: 15px;
	letter-spacing: -0.4px;
	vertical-align: top;
}

.custom-checkbox input[type="checkbox"] + label:before {
	z-index: 1;
	position: absolute;
	top: 7px;
	left: 6px;
	width: 11px;
	height: 6px;
	border-color: #e6e6ec;
	pointer-events: none;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.custom-checkbox input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 22px;
	height: 22px;
	border: solid 1px #252f3e;
	border-radius: 2px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	transition: background-color 0.3s;
	pointer-events: none;
}

@media (max-width: 768px) {
	.custom-checkbox input[type="checkbox"] + label {
		padding-left: 24px;
		line-height: 16px;
	}
	.custom-checkbox input[type="checkbox"] + label:before {
		top: 4.5px;
		left: 4px;
		width: 8.5px;
		height: 5px;
	}
	.custom-checkbox input[type="checkbox"] + label:after {
		width: 16px;
		height: 16px;
	}
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
	border-color: #fff;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.custom-checkbox input[type="checkbox"]:checked + label:after {
	background-color: #252f3e;
}

.custom-checkbox input[type="checkbox"][disabled], .custom-checkbox input[type="checkbox"].disabled {
	cursor: default;
}

.custom-checkbox input[type="checkbox"][disabled] + label, .custom-checkbox input[type="checkbox"].disabled + label {
	pointer-events: none;
}

.custom-checkbox input[type="checkbox"][disabled] + label:after, .custom-checkbox input[type="checkbox"].disabled + label:after {
	border-color: #dddde8;
}

.custom-checkbox.half-checked input[type="checkbox"] + label:before {
	top: 10px;
	width: 11px;
	height: 2px;
	border-color: #fff;
	-webkit-transform: none;
	        transform: none;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.custom-checkbox.half-checked input[type="checkbox"] + label:after {
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.custom-checkbox.half-checked input[type="checkbox"] + label:before {
		top: 7px;
		width: 9px;
	}
}

.search-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	min-width: 300px;
	height: 42px;
	box-sizing: border-box;
	border: solid 1px #dddde8;
	border-radius: 4px;
}

.search-box input {
	-ms-flex: 1;
	    flex: 1;
	width: 100%;
	height: 100%;
	padding: 0 0 0 15px;
	border: 0;
	font-size: 15px;
	font-weight: 300;
	outline: none;
	background-color: transparent;
}

.search-box .btn {
	min-width: 0;
	padding: 0 17px;
}

@media (max-width: 768px) {
	.search-box {
		height: 33px;
		min-width: 0;
	}
	.search-box input {
		padding-left: 13px;
		font-size: 13px;
	}
	.search-box .btn {
		height: 100%;
		padding: 0 10px;
	}
}

.clazz {
	font-size: 15px;
}

.clazz .level {
	display: inline-block;
	min-width: 64px;
	height: 20px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	vertical-align: top;
}

.clazz .level-introduction, .clazz .level-beginner {
	background-color: #5593f1;
}

.clazz .level-basic {
	background-color: #41bad4;
}

.clazz .level-advanced, .clazz .level-intermediate {
	background-color: #65bcb9;
}

.clazz .level-professional {
	background-color: #9671ee;
}

@media (max-width: 768px) {
	.clazz .level {
		min-width: 47px;
		height: 15px;
		font-size: 10px;
		line-height: 15px;
	}
}

.clazz .tags {
	-ms-flex: 1;
	    flex: 1;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: end;
	    align-items: flex-end;
}

.clazz .tags .tag {
	margin-right: 10px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -0.3px;
	color: #999;
}

.clazz .tags .tag:before {
	content: '#';
	margin-right: 2px;
}

@media (max-width: 768px) {
	.clazz .tags .tag {
		font-size: 12px;
	}
}

.clazz .btn-layer {
	position: absolute;
	top: 10px;
	right: 10px;
	min-width: 0;
	padding: 10px;
}

.clazz-name a {
	display: inline-block;
}

.clazz-name strong {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.clazz-name small {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.4px;
	color: #959aa0;
}

@media (max-width: 768px) {
	.clazz-name strong {
		font-size: 17px;
	}
	.clazz-name small {
		font-size: 12px;
	}
}

.clazz-date {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	margin-bottom: 8px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 900;
}

.clazz-date .period .day {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.clazz-date .period .day:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #252f3e;
	opacity: 0.3;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.clazz-date .period .day em {
	font-style: italic;
}

.clazz-date .month {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 60px;
	height: 28px;
	margin-right: 9px;
	font-size: 15px;
	font-style: normal;
	color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #252f3e;
}

.clazz-date .month.current {
	background-color: #65bcb9;
}

.clazz-date .month em {
	margin-right: 2px;
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.4px;
}

@media (max-width: 768px) {
	.clazz-date {
		width: 100%;
		font-size: 13px;
	}
	.clazz-date time {
		display: block;
		width: 100%;
	}
}

.clazz-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-direction: column;
	    flex-direction: column;
	font-size: 14px;
	letter-spacing: -0.4px;
}

.clazz-info p {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	margin-right: 20px;
	margin-bottom: 5px;
}

.clazz-info span {
	margin-left: 8px;
}

.clazz-info span strong {
	color: #ff5b32;
}

.clazz-info .icon {
	-ms-flex: none;
	    flex: none;
}

@media (max-width: 768px) {
	.clazz-info {
		width: 100%;
		font-size: 12px;
	}
	.clazz-info p {
		width: 100%;
		margin-bottom: 5px;
		margin-right: 0;
	}
}

.clazz-time .icon {
	margin-top: 1px;
}

.clazz-location {
	letter-spacing: -0.4px;
}

.clazz-seat .status {
	display: none;
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
}

.clazz-seat .status:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
	height: 13px;
}

.clazz-seat .available {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
}

.clazz-foot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.clazz-foot .price {
	margin-right: 15px;
	font-size: 16px;
	letter-spacing: -0.4px;
}

.clazz-foot .price em {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-weight: 700;
}

.clazz-foot .btn {
	-ms-flex: none;
	    flex: none;
	position: static;
}

@media (max-width: 768px) {
	.clazz-foot .price {
		font-size: 14px;
	}
	.clazz-foot .price em {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.clazz-foot .tags {
		-ms-flex: none;
		    flex: none;
		width: 100%;
	}
}

.end.clazz .status,
.end .clazz .status,
.soon.clazz .status,
.soon .clazz .status {
	display: inline-block;
}

.soon.clazz-seat .status,
.soon .clazz-seat .status {
	color: #d01111;
}

.soon.clazz .icon-person,
.soon .clazz .icon-person {
	background-image: url("../images/sprite.pc.png");
	background-position: -114px -317px;
	background-size: 395px auto;
	width: 14px;
	height: 14px;
}

@media (max-width: 768px) {
	.soon.clazz .icon-person,
	.soon .clazz .icon-person {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -241px -45px;
		width: 11px;
		height: 11px;
	}
}

.end.clazz:not(.month),
.end .clazz:not(.month) {
	color: #999;
}

.end.clazz-foot .btn,
.end .clazz-foot .btn {
	pointer-events: none;
	background-color: #ff5b32;
}

.end.clazz .month,
.end.clazz .level,
.end .clazz .month,
.end .clazz .level {
	opacity: .3;
}

.list-default li {
	position: relative;
	padding-left: 15px;
	margin-top: 15px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.67;
	letter-spacing: -0.4px;
	color: #111;
}

.list-default li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #111;
}

.list-default li:first-child {
	margin-top: 0;
}

@media (max-width: 768px) {
	.list-default li {
		margin-top: 7px;
		padding-left: 10px;
		font-size: 13px;
	}
	.list-default li:before {
		top: 8px;
		width: 4px;
		height: 4px;
	}
}

.list-utils {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	    align-items: flex-end;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.list-utils {
		margin-bottom: 12px;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.list-utils .total {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.list-utils .total .point {
	font-weight: 500;
	color: #d01111;
}

@media (max-width: 768px) {
	.list-utils .total {
		font-size: 13px;
		margin-top: 13px;
	}
}

.list-utils .aside {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 768px) {
	.list-utils .aside {
		-ms-flex-pack: end;
		    justify-content: flex-end;
	}
}

.list-utils .aside-item {
	-ms-flex: none;
	    flex: none;
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.list-utils .aside-item:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.list-utils .aside-item:first-child:before {
	display: none;
}

.list-utils .sort {
	position: relative;
	margin-right: 20px;
	padding-left: 35px;
	padding-right: 20px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.list-utils .sort:after {
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	content: '';
	right: 0;
	height: 18px;
}

.list-utils .sort .icon {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.list-utils .sort-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: 8px;
	border-radius: 4px;
	box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.07);
	border: solid 1px #252f3e;
	background-color: #ffffff;
}

.list-utils .sort-list.active {
	display: block;
	z-index: 1;
}

.list-utils .sort-list li {
	font-size: 15px;
	font-weight: 300;
	border-top: solid 1px #dddde8;
}

.list-utils .sort-list li:first-child {
	border-top: 0;
}

.list-utils .sort-list li button {
	width: 100%;
	padding: 9px 20px;
}

@media (max-width: 768px) {
	.list-utils .sort {
		margin-right: 0;
		padding-left: 20px;
		padding-right: 0;
		font-size: 13px;
	}
	.list-utils .sort:after {
		display: none;
	}
	.list-utils .sort-list {
		min-width: 100px;
		right: 0;
		left: auto;
	}
	.list-utils .sort-list li button {
		padding: 7px 13px;
		font-size: 13px;
		text-align: left;
	}
}

.list-utils .sort-status .custom-select, .list-utils .sort-period .custom-select {
	display: none;
}

@media (max-width: 768px) {
	.list-utils .sort-status .btn-group, .list-utils .sort-period .btn-group {
		display: none;
	}
	.list-utils .sort-status .custom-select, .list-utils .sort-period .custom-select {
		display: block;
	}
}

.list-utils .view-type {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.list-utils .view-type button {
	width: 18px;
	height: 18px;
	margin-left: 7px;
}

.list-utils .view-type button:first-child {
	margin-left: 0;
}

@media (max-width: 768px) {
	.list-utils .view-type {
		display: none;
	}
}

.list-item {
	position: relative;
	border-radius: 10px;
	border: solid 1px #dddde8;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.list-grid .list-item.empty, .list-row .list-item.empty {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 100%;
	min-height: 240px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #999;
}

.list-grid .list-item.empty .icon, .list-row .list-item.empty .icon {
	margin-bottom: 9px;
}

@media (max-width: 768px) {
	.list-grid .list-item.empty, .list-row .list-item.empty {
		min-height: 120px;
		font-size: 17px;
	}
	.list-grid .list-item.empty .icon, .list-row .list-item.empty .icon {
		margin-bottom: 5px;
	}
}

.list-grid {/*width 속성 적용 안됨*/
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -5px;
}

.list-grid ul {
	width: 100%;
}

.list-grid .list-item {/*정상*/
	width: calc(50% - 10px);
}

.list-grid .clazz-name {
	margin-bottom: 32px;
}

.list-grid .clazz-name strong {
	display: block;
}

.list-grid .clazz-foot {
	margin-top: 20px;
}

@media (max-width: 1200px) {
	.list-grid .clazz-info p {
		width: 100%;
		margin-bottom: 5px;
		margin-right: 0;
	}
}

@media (max-width: 768px) {
	.list-grid {
		margin: 0;
	}
	.list-grid .list-item {
		width: 100%;
		margin: 0 0 15px;
		padding: 23px 21px 23px 18px;
	}
	.list-grid .clazz-name {
		margin-bottom: 22px;
	}
	.list-grid .clazz .tags {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		display: -ms-flexbox;
		display: flex;
	}
	.list-grid .clazz .tags .tag {
		width: 100%;
	}
}

.list-row .list-item {
	margin: 0 0 10px;
	padding: 30px 30px 30px 40px;
}

.list-row .clazz-name {
	margin-bottom: 22px;
}

.list-row .clazz-date {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

.list-row .clazz-info {
	display: inline-block;
	/*
        background: black;
        p{
            background: pink;
        }
        .icon{
            border: 1px solid red;
        }
        span{
            background: blue;
        }
        */
}

.list-row .clazz-foot {
	margin-top: -20px;
	-ms-flex-align: end;
	    align-items: flex-end;
}

.list-row .clazz-foot .price {
	-ms-flex-item-align: center;
	    align-self: center;
}

.list-row .clazz-foot .btn {
	height: 42px;
}

@media (max-width: 768px) {
	.list-row .clazz-foot .btn {
		height: 33px;
	}
}

@media (max-width: 1200px) {
	.list-row .clazz-foot {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.list-row .list-item {
		margin: 0 0 15px;
		padding: 23px 21px 23px 18px;
	}
	.list-row .clazz-name strong {
		display: block;
	}
	.list-row .clazz-date {
		margin-right: 0;
	}
	.list-row .clazz-foot {
		-ms-flex-align: center;
		    align-items: center;
		margin-top: 20px;
	}
	.list-row .clazz .tags {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		display: -ms-flexbox;
		display: flex;
	}
	.list-row .clazz .tags .tag {
		width: 100%;
	}
}

.loading-cart {
	position: relative;
}

.loading-cart:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-color: #252f3e;
	background-repeat: no-repeat;
	background-image: url("../images/loading/cart.png");
	-webkit-animation: loading-cart 2s steps(8) 0s infinite;
	        animation: loading-cart 2s steps(8) 0s infinite;
}

.loading-inline, .loading-inner, .loading-dim {
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 100%;
}

.loading-inline:before, .loading-inline:after, .loading-inner:before, .loading-inner:after, .loading-dim:before, .loading-dim:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.loading-inline:before, .loading-inner:before, .loading-dim:before {
	z-index: 1;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url("../images/loading/dim.png");
	-webkit-animation: loading-dim 2s steps(38) 0s infinite;
	        animation: loading-dim 2s steps(38) 0s infinite;
}

.loading-inline:after, .loading-inner:after, .loading-dim:after {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.5);
}

.loading-dim {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
}

.loading-inner {
	position: absolute;
}

.loading-inline {
	position: relative;
	min-height: 300px;
}

[v-clock] {
	display: none;
}

@-webkit-keyframes flex-inner {
	0% {
		width: 100%;
	}
	50% {
		width: 50%;
	}
	100% {
		width: 100%;
	}
}

@keyframes flex-inner {
	0% {
		width: 100%;
	}
	50% {
		width: 50%;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes loading-cart {
	100% {
		background-position: -120px 0;
	}
}

@keyframes loading-cart {
	100% {
		background-position: -120px 0;
	}
}

@-webkit-keyframes loading-dim {
	100% {
		background-position: -3040px 0;
	}
}

@keyframes loading-dim {
	100% {
		background-position: -3040px 0;
	}
}

/*!
 * plugins
 */
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*!
 * layout
 */
.header {
	position: relative;
	position: fixed;
	top: 0;
	z-index: 50;
	box-sizing: border-box;
	width: 100%;
	padding-left: 50px;
	color: #111;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	height: 80px;
	background-color: #fff;
}

@media (max-width: 1200px) {
	.header {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding-top: 20px;
		padding-left: 20px;
		height: 148px;
	}
}

@media (max-width: 768px) {
	.header {
		-ms-flex-direction: row;
		    flex-direction: row;
		height: 53px;
		padding-top: 0;
		padding-left: 0;
	}
}

.header h1 {
	-ms-flex: none;
	    flex: none;
	display: block;
	width: 206px;
	height: 80px;
	font: 0/0 a;
}

@media (max-width: 1200px) {
	.header h1 {
		height: 48px;
	}
}

@media (max-width: 768px) {
	.header h1 {
		-ms-flex: 1;
		    flex: 1;
		height: 100%;
	}
}

.header h1 a {
	box-sizing: border-box;
	display: block;
	height: 100%;
	margin-left: 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	/* background-image: url("../images/logo/logo-cc.png"); */
	background-image: url("../images/logo/logo-cc.png");
}

@media (max-width: 768px) {
	.header h1 a {
		width: 145px;
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.header-toggle {
		position: relative;
		display: block;
		width: 55px;
		height: 100%;
	}
	.header-toggle i {
		position: absolute;
		top: 50%;
		left: 20px;
		display: block;
		width: 20px;
		height: 2px;
		margin-top: -1px;
		border-radius: 1px;
		background-color: #000;
	}
	.header-toggle i:first-child {
		-webkit-transform: translateY(-8.5px);
		        transform: translateY(-8.5px);
	}
	.header-toggle i:last-child {
		-webkit-transform: translateY(8.5px);
		        transform: translateY(8.5px);
	}
}

.header-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-ms-flex: 1;
	    flex: 1;
}

@media (max-width: 768px) {
	.header-inner {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 60;
		-ms-flex: none;
		    flex: none;
		-ms-flex-direction: column;
		    flex-direction: column;
		overflow: auto;
		width: 80%;
		height: 100vh;
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}

.header-global {
	margin-left: 20px;
}

.header-global a {
	cursor: pointer;
}

@media (min-width: 769px) {
	.header-global ul {
		display: -ms-flexbox;
		display: flex;
	}
}

.header-global li {
	margin: 0 20px;
}

@media (min-width: 769px) {
	.header-global li.header-active a:before {
		-webkit-transform: none;
		        transform: none;
	}
	.header-global li .header-link:focus a:after, .header-global li .header-link:hover a:after {
		width: 100%;
		opacity: 1;
	}
}

@media (max-width: 1200px) {
	.header-global {
		margin-left: 10px;
	}
	.header-global li {
		margin: 0 10px;
	}
}

@media (max-width: 768px) {
	.header-global {
		-ms-flex: 1;
		    flex: 1;
		-ms-flex-order: 1;
		    order: 1;
		margin-left: 0;
		background-color: #ebeced;
	}
	.header-global ul {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.header-global li {
		margin: 0;
	}
}

.header-open,
.header-open body {
	overflow: hidden;
}

@media (max-width: 768px) {
	.header-open .document {
		padding-top: 0;
	}
	.header-open .document .header {
		position: -webkit-sticky;
		position: sticky;
	}
}

@media (max-width: 768px) {
	.header-open .header-toggle {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 59;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
	}
}

.header-open .header-inner {
	-ms-flex: none;
	    flex: none;
	-webkit-transform: none;
	        transform: none;
}

[data-load='loaded'] .header-inner {
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.header-link {
	display: block;
}

@media (min-width: 769px) {
	.header-link a {
		font-size: 17px;
		font-weight: 500;
		letter-spacing: -0.4px;
		position: relative;
		overflow: hidden;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-direction: column;
		    flex-direction: column;
		height: 80px;
		text-align: center;
	}
	.header-link a:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 10px 8px;
		margin-left: -8px;
		border-color: transparent transparent #2b3036 transparent;
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.header-link a:after {
		content: '';
		display: block;
		width: 0;
		height: 4px;
		background-color: #d01111;
		opacity: 0;
		transition: width 0.3s, opacity 0.3s;
	}
}

@media (max-width: 768px) {
	.header-link {
		border-top: 1px solid #dddde8;
		border-bottom: 1px solid #dddde8;
		margin-top: 6px;
	}
	.header-link a {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		height: 49px;
		padding: 0 15px;
		background-color: #fff;
		transition: background-color 0.3s;
	}
}

@media (max-width: 768px) {
	.header-nav {
		display: none;
	}
}

@media (min-width: 769px) {
	.header-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		width: 190px;
		padding-top: 20px;
		padding-right: 15px;
		padding-left: 15px;
		background-color: #23272b;
	}
	.header-nav li {
		position: relative;
		box-sizing: border-box;
		-ms-flex: none;
		    flex: none;
		-ms-flex-preferred-size: 138px;
		    flex-basis: 138px;
		margin: 0;
		padding-top: 30px;
		border-top: 1px solid #2b3036;
	}
	.header-nav li:first-child {
		border-top: 0;
	}
	.header-nav-link {
		color: #959aa0;
		font-size: 24px;
		line-height: 1.2;
		white-space: nowrap;
		display: block;
		height: 100%;
	}
	.header-nav-link:hover {
		color: #f79792;
	}
	.header-nav-main {
		color: #959aa0;
		font-size: 14px;
		position: absolute;
		top: 76px;
		left: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		min-width: 100px;
		height: 30px;
		margin-top: 3px;
		border: 1px solid #65686B;
		border-radius: 5px;
		transition: background-color 0.3s;
	}
	.header-nav-main:after {
		content: '';
		box-sizing: border-box;
		display: inline-block;
		width: 7px;
		height: 7px;
		margin-left: 9px;
		border-right: 2px solid;
		border-bottom: 2px solid;
		-webkit-transform: rotate(-45deg) translateY(-50%);
		        transform: rotate(-45deg) translateY(-50%);
		-webkit-transform-origin: 100%;
		        transform-origin: 100%;
	}
	.active .header-nav-link {
		color: #fff;
	}
	.active .header-nav-main {
		color: #fff;
		border-color: #d01111;
		background-color: #d01111;
	}
	.header-nav .active:after {
		content: '';
		position: absolute;
		top: 40px;
		right: -15px;
		border-style: solid;
		border-width: 8px 10px 8px 0;
		border-color: transparent #2b3036 transparent transparent;
	}
}

@media (min-width: 1201px) {
	.header-nav {
		width: 300px;
		padding-right: 60px;
		padding-left: 60px;
	}
	.header-nav-link {
		font-size: 34px;
	}
	.header-nav .active:after {
		right: -60px;
	}
}

@media (min-width: 1601px) {
	.header-nav {
		width: 355px;
		padding-left: 210px;
	}
}

@media (min-width: 769px) {
	.header-columns {
		position: relative;
		display: none;
		width: 100%;
		max-width: 1145px;
		padding: 50px 0;
		background-color: #2b3036;
	}
	.header-columns .header-title {
		display: none;
	}
	.header-columns.active {
		display: -ms-flexbox;
		display: flex;
	}
}

@media (min-width: 769px) {
	.header-column {
		position: relative;
		-ms-flex: 1;
		    flex: 1;
		padding-left: 40px;
		padding-right: 30px;
	}
	.header-column:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 1px;
		height: 100%;
		background-color: #1e2226;
	}
	.header-column:first-child {
		padding-left: 0;
	}
	.header-column:last-child:before {
		display: none;
	}
	.header-column a {
		display: block;
	}
	.header-column a:hover strong {
		color: #f79792;
	}
	.header-column strong {
		font-size: 22px;
		font-weight: 500;
		position: relative;
		display: inline-block;
		margin-bottom: 25px;
		padding-right: 20px;
		transition: color 0.3s;
	}
	.header-column strong:after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		box-sizing: border-box;
		width: 10px;
		height: 10px;
		border-right: 2px solid;
		border-bottom: 2px solid;
		-webkit-transform: rotate(-45deg) translateY(-50%);
		        transform: rotate(-45deg) translateY(-50%);
	}
	.header-column span {
		color: rgba(255, 255, 255, 0.7);
		font-size: 15px;
		font-weight: 300;
		display: block;
		transition: color 0.3s;
	}
	.header-column .roadmap {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		position: absolute;
		bottom: 40px;
		left: 0;
		height: 42px;
		padding: 0 20px;
		border-radius: 6px;
		background-color: #d01111;
	}
	.header-column .roadmap:after {
		content: '';
		display: inline-block;
		margin-left: 10px;
		background-image: url("../images/sprite.pc.png");
		background-position: -379px 0px;
		background-size: 395px auto;
		width: 16px;
		height: 16px;
	}
	.header-column .level-package {
		background-color: #454e5b;
		/* background-color: #d01111; */
	}
	dl.header-column strong {
		font-size: 16px;
		margin-bottom: 0;
	}
	dl.header-column strong:after {
		width: 8px;
		height: 8px;
		border-right: 2px solid;
		border-bottom: 2px solid;
		opacity: 0.3;
	}
	dl.header-column span {
		font-size: 12px;
		opacity: 0.8;
	}
	dl.header-column a {
		margin-top: 25px;
	}
	dl.header-column a:first-child {
		margin-top: 0;
	}
	dl.header-column a:focus strong:after, dl.header-column a:hover strong:after {
		opacity: 1;
	}
	dl.header-column a:focus span, dl.header-column a:hover span {
		color: #f79792;
		opacity: 1;
	}
	dt {
		font-size: 13px;
		font-weight: 400;
		line-height: 22px;
		white-space: nowrap;
		display: inline-block;
		height: 22px;
		margin-bottom: 30px;
		padding: 0 15px;
		border-radius: 11px;
		background-color: #454e5b;
	}
	dt:empty {
		background-color: transparent;
	}
	dd {
		height: calc(100% - 52px);
		overflow-y: auto;
		padding-right: 10px;
	}
}

@media (max-width: 768px) {
	.header-column a {
		display: block;
		padding: 13px 25px;
		border-top: 1px solid #eeeef3;
	}
	.header-column a:first-child {
		border-top: 0;
	}
	.header-column strong {
		color: #111;
		font-size: 14px;
		font-weight: 400;
		display: block;
	}
	.header-column span {
		color: #959aa0;
		font-size: 10px;
		display: block;
	}
	.header-column:first-child strong:after {
		content: '전체 보기';
		font: inherit;
	}
	.header-column:first-child span {
		display: none;
	}
	dl.header-column dt {
		color: #fff;
		font-size: 11px;
		line-height: 20px;
		height: 20px;
		margin: 0 10px;
		padding: 0 15px;
		border-radius: 10px;
		background-color: #454e5b;
	}
	dl.header-column .level-introduction {
		background-color: #5593f1;
	}
	dl.header-column .level-basic {
		background-color: #41bad4;
	}
	dl.header-column .level-advanced {
		background-color: #65bcb9;
	}
	dl.header-column .level-professional {
		background-color: #9671ee;
	}
	dl.header-column .level-package {
		background-color: #454e5b;
		/* background-color: #d01111; */
	}
	dl.header-column .grade-associate {
		background-color: #5593f1;
	}
	dl.header-column .grade-professional {
		background-color: #65bcb9;
	}
	dl.header-column .grade-specialty {
		background-color: #9671ee;
	}
	.header-column .roadmap, .header-column.contact-us, .header-column.benefits {
		display: none;
	}
}

@media (max-width: 1200px) {
	.header-column {
		padding: 0 20px;
	}
	.header-column dd strong {
		font-size: 14px;
	}
	.header-column dd span {
		font-size: 11px;
	}
}

.header-depth dl {
	margin: 0;
}

@media (min-width: 769px) {
	.header-depth {
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		right: 0;
		left: 0;
		top: 100%;
		z-index: 100;
		color: #fff;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		max-height: 600px;
		background-color: #2b3036;
		transition: opacity 0.3s, visibility 0s linear 0.3s;
	}
	.header-depth-courses .header-column:first-child strong, .header-depth-certification .header-column:first-child strong {
		font-size: 34px;
		font-weight: 400;
	}
}

@media (max-width: 768px) {
	.header-depth {
		display: none;
		border-bottom: 1px solid #dddde8;
		background-color: #fff;
	}
	.header-depth a {
		position: relative;
	}
	.header-depth a:after {
		content: '';
		position: absolute;
		right: 15px;
		top: 50%;
		box-sizing: border-box;
		width: 5.5px;
		height: 5.5px;
		border-right: 1.5px solid #bdc0c5;
		border-bottom: 1.5px solid #bdc0c5;
		-webkit-transform: rotate(-45deg) translateY(-50%);
		        transform: rotate(-45deg) translateY(-50%);
	}
	.header-depth-courses .header-link a:before, .header-depth-courses .header-link a:after, .header-depth-certification .header-link a:before, .header-depth-certification .header-link a:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 15px;
		background-color: #252f3e;
		width: 15px;
		height: 1.5px;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.header-depth-courses .header-link a:before, .header-depth-certification .header-link a:before {
		-webkit-transform: translateY(-50%) rotate(-180deg);
		        transform: translateY(-50%) rotate(-180deg);
	}
	.header-depth-courses .header-link a:after, .header-depth-certification .header-link a:after {
		-webkit-transform: translateY(-50%) rotate(90deg);
		        transform: translateY(-50%) rotate(90deg);
	}
	.header-depth-courses.header-active .header-link a:before, .header-depth-certification.header-active .header-link a:before {
		-webkit-transform: translateY(-50%) rotate(0deg);
		        transform: translateY(-50%) rotate(0deg);
	}
	.header-depth-courses.header-active .header-link a:after, .header-depth-certification.header-active .header-link a:after {
		-webkit-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
	}
}

@media (max-width: 768px) {
	.header-depth-about .header-column {
		border-top: 1px solid #eeeef3;
	}
	.header-depth-about .header-column:first-child,
	.header-depth-about .header-column:first-child + .header-column {
		border-top: 0;
	}
	.header-depth-about .header-column span {
		display: none;
	}
}

.header-depth-courses, .header-depth-certification {
	padding-bottom: 12px;
}

@media (max-width: 768px) {
	.header-depth-courses .header-link, .header-depth-certification .header-link {
		font-size: 0.8em;
		border: 0;
		margin-top: 12px;
	}
	.header-depth-courses .header-link a, .header-depth-certification .header-link a {
		height: auto;
		pointer-events: none;
		background-color: transparent;
	}
	.header-depth-courses .header-link a:before, .header-depth-courses .header-link a:after, .header-depth-certification .header-link a:before, .header-depth-certification .header-link a:after {
		display: none;
	}
	.header-depth-courses .header-depth, .header-depth-certification .header-depth {
		display: block;
		border-bottom: 0;
		background-color: transparent;
	}
	.header-depth-courses .header-columns, .header-depth-certification .header-columns {
		display: none;
		background-color: #fff;
	}
}

.header-depth ::-webkit-scrollbar {
	width: 5px;
}

.header-depth ::-webkit-scrollbar-track {
	background-color: transparent;
}

.header-depth ::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 769px) {
	.header-category {
		display: none;
	}
}

@media (max-width: 768px) {
	.header-category {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		border-top: 1px solid #dddde8;
		border-bottom: 1px solid #dddde8;
		-ms-flex-align: center;
		    align-items: center;
		width: 100%;
		height: 49px;
		margin-top: 6px;
		padding: 0 15px;
		background-color: #fff;
		transition: background-color 0.3s;
	}
	.header-category:before, .header-category:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 15px;
		background-color: #252f3e;
		width: 15px;
		height: 1.5px;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.header-category:before {
		-webkit-transform: translateY(-50%) rotate(-180deg);
		        transform: translateY(-50%) rotate(-180deg);
	}
	.header-category:after {
		-webkit-transform: translateY(-50%) rotate(90deg);
		        transform: translateY(-50%) rotate(90deg);
	}
	.header-category.active {
		background-color: #f5f5f6;
	}
	.header-category.active:before {
		-webkit-transform: translateY(-50%) rotate(0deg);
		        transform: translateY(-50%) rotate(0deg);
	}
	.header-category.active:after {
		-webkit-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
	}
	.header-category.active + .header-columns {
		display: block;
	}
}

@media (max-width: 768px) {
	.header-active .header-link a {
		background-color: #f5f5f6;
	}
}

@media (min-width: 769px) {
	.header-active .header-depth {
		pointer-events: all;
		opacity: 1;
		visibility: visible;
		transition: opacity 0.3s, visibility 0s linear 0s;
	}
}

@media (max-width: 768px) {
	.header-active .header-depth {
		display: block;
	}
}

@media (min-width: 769px) {
	.header-current .header-link a:after {
		width: 100%;
		opacity: 1;
	}
}

.header .logo-aws-training, .header .logo-mzc {
	font: 0/0 a;
	overflow: hidden;
	display: block;
	width: 195px;
}

.header .logo-aws-training:before, .header .logo-mzc:before {
	content: '';
	display: block;
	height: 0;
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.header .logo-aws-training:before {
	padding-bottom: 23.43096234309623%;
	background-image: url("../images/logo/logo-aws-training.png");
}

.header .logo-mzc:before {
	padding-bottom: 26.06060606060606%;
	background-image: url("../images/logo/logo-mzc.png");
}

.header-personal {
	margin-right: 165px;
}

.header-personal > ul {
	display: -ms-flexbox;
	display: flex;
}

.header-personal > ul > li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -10px;
	width: 1px;
	height: 16px;
	margin-top: -7px;
	background-color: #dddde8;
}

@media (max-width: 768px) {
	.header-personal > ul {
		display: block;
		position: relative;
	}
}

.header-personal li {
	margin: 0 10px;
	font-size: 14px;
}

.header-personal li:first-child {
	margin-left: 0;
}

.header-personal li:last-child {
	margin-right: 0;
}

@media (max-width: 768px) {
	.header-personal li {
		margin: 0;
	}
}

.header-personal a {
	font-size: 14px;
	font-weight: 350;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 80px;
	letter-spacing: -0.4px;
}

.header-personal .personal-type a {
	display: inline-block;
	border-radius: 5px;
	height: auto;
	font-weight: 400;
}

.header-personal .personal-type span {
	vertical-align: middle;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	color: #d01111;
}

.header-personal .personal-type span:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	background-image: url("../images/sprite.pc.png");
	background-position: 0px -353px;
	background-size: 395px auto;
	width: 14px;
	height: 16px;
}

.header-personal .personal-type.corp a {
	display: none;
}

.header-personal .personal-type.corp span {
	color: #506ddb;
}

.header-personal .personal-type.corp span:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -195px;
	background-size: 395px auto;
	width: 17px;
	height: 17px;
}

@media (min-width: 769px) {
	.header-personal .personal-type {
		white-space: nowrap;
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
	}
	.header-personal .personal-type a {
		line-height: 30px;
		margin-right: 25px;
		padding: 0 17px;
		color: #757575;
		border: 1px solid rgba(37, 47, 62, 0.3);
	}
	.fixed .header-personal .personal-type a {
		border-color: #fff;
	}
	.header-personal .personal-user {
		white-space: nowrap;
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
	}
	.header-personal .personal-user span {
		vertical-align: middle;
		display: inline-block;
	}
	.header-personal .personal-user .name {
		font-weight: bold;
		margin-right: 5px;
	}
	.header-personal .personal-user a {
		font: 0/0 a;
		vertical-align: top;
		display: inline-block;
		height: auto;
		top: -3px;
	}
	.header-personal .personal-user a:after {
		content: '';
		vertical-align: middle;
		display: inline-block;
		margin-bottom: -3px;
		margin-left: 8px;
		background-image: url("../images/sprite.pc.png");
		background-position: -38px -317px;
		background-size: 395px auto;
		width: 18px;
		height: 16px;
	}
	.header-personal .personal-mypage {
		position: relative;
	}
	.header-personal .personal-mypage-list {
		text-align: left;
		white-space: nowrap;
		position: absolute;
		top: 57px;
		right: 0;
		z-index: 100;
		border: 1px solid #252f3e;
		border-radius: 3px;
		background-color: #fff;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.header-personal .personal-mypage-list li {
		margin: 0;
		border-top: 1px solid #e6f0fe;
	}
	.header-personal .personal-mypage-list li:first-child {
		border-top: 0;
	}
	.header-personal .personal-mypage-list a {
		position: relative;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		min-width: 150px;
		height: 38px;
		padding: 0 20px;
	}
	.header-personal .personal-mypage-list a:hover {
		background-color: #f8faff;
	}
	.header-personal .personal-mypage-active > a:after {
		border-top-color: #252f3e;
	}
	.header-personal .personal-mypage-active .personal-mypage-list {
		opacity: 1;
		pointer-events: all;
	}
}

@media (max-width: 768px) {
	.header-personal .personal-login a {
		color: #fff;
		font-size: 17px;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		height: 50px;
		padding-left: 15px;
	}
	.header-personal .personal-login a:after {
		content: '';
		display: inline-block;
		margin-bottom: -4px;
		margin-left: 5px;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -107.5px -146px;
		width: 16.5px;
		height: 16.5px;
	}
	.header-personal .personal-type {
		position: absolute;
		bottom: 112px;
		width: 100%;
		right: 0;
	}
	.header-personal .personal-type a {
		position: absolute;
		right: 15px;
		bottom: -5px;
		line-height: 24px;
		padding: 0 5px;
		color: #fff;
		border: 1px solid #636a73;
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	.header-personal .personal-type span {
		padding-left: 60px;
	}
	.header-personal .personal-type span:before {
		display: none;
	}
	.header-personal .personal-user {
		color: #fff;
		position: relative;
		overflow: hidden;
		display: block;
		height: auto;
		padding: 18px 15px;
		margin-bottom: 30px;
	}
	.header-personal .personal-user:before {
		content: '';
		float: left;
		margin-right: 12px;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -73px -65px;
		width: 35px;
		height: 35px;
		position: static;
		top: 0;
		margin-top: 0;
		background-color: transparent;
	}
	.header-personal .personal-user a {
		font: 0/0 a;
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		height: auto;
		padding: 15px;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.header-personal .personal-user a:after {
		content: '';
		display: block;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -86.5px -116px;
		width: 23px;
		height: 20px;
	}
	.header-personal .personal-user span {
		font-weight: normal;
		display: block;
	}
	.header-personal .personal-user .name {
		font-size: 19px;
		line-height: 1;
	}
	.header-personal .personal-user .mail {
		font-size: 12px;
	}
	.header-personal .personal-mypage {
		color: #fff;
	}
	.header-personal .personal-mypage > a {
		display: none;
	}
	.header-personal .personal-mypage-list {
		position: relative;
		display: block;
		padding-top: 43px;
	}
	.header-personal .personal-mypage-list ul {
		display: -ms-flexbox;
		display: flex;
	}
	.header-personal .personal-mypage-list li {
		-ms-flex: 1;
		    flex: 1;
		border-top: 1px solid #313a47;
		border-left: 1px solid #313a47;
	}
	.header-personal .personal-mypage-list li a {
		-ms-flex-pack: start;
		    justify-content: flex-start;
		padding: 0 10px;
		position: relative;
		height: 49px;
	}
	.header-personal .personal-mypage-list li a:after {
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		box-sizing: border-box;
		width: 5.5px;
		height: 5.5px;
		border-right: 1.5px solid #636a73;
		border-bottom: 1.5px solid #636a73;
		-webkit-transform: rotate(-45deg) translateY(-50%);
		        transform: rotate(-45deg) translateY(-50%);
	}
	.header-personal .personal-mypage-list li:first-child {
		border-left: 0;
	}
	.header-personal .personal-mypage-list li:last-child {
		position: absolute;
		top: 0;
		right: 15px;
		left: 15px;
		-ms-flex: none;
		    flex: none;
		border: 0;
	}
	.header-personal .personal-mypage-list li:last-child a {
		-ms-flex-pack: center;
		    justify-content: center;
		box-sizing: border-box;
		height: 33px;
		border-radius: 5px;
		border: 1px solid #636a73;
	}
	.header-personal .personal-mypage-list li:last-child a:after {
		display: none;
	}
}

@media (max-width: 768px) {
	.header-personal {
		-ms-flex-order: 0;
		    order: 0;
		margin-right: 0;
		background-color: #1f2937;
	}
}

.mini-cart {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	max-width: 140px;
	max-height: 46px;
	margin-right: 0;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 18px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-right: 0;
}

@media (max-width: 1200px) {
	.mini-cart {
		top: 68px;
	}
}

@media (max-width: 768px) {
	.mini-cart {
		top: 0;
		max-width: 64px;
		max-height: 38px;
		padding-top: 6.5px;
		padding-left: 6px;
		padding-bottom: 6.5px;
	}
}

.mini-cart-toggle {
	color: #fff;
	text-align: center;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: none;
	    flex: none;
	-ms-flex-align: center;
	    align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 6px 0 0 6px;
	background-color: #b20c1a;
}

.mini-cart-toggle:before, .mini-cart-toggle:after {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	width: 23px;
	height: 3px;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.mini-cart-toggle .title {
	transition: opacity 0.3s;
}

.mini-cart-toggle .count {
	position: relative;
	margin-right: 23px;
	font-size: 12px;
	white-space: nowrap;
	-ms-flex: none;
	    flex: none;
}

.mini-cart-toggle .count em {
	font-family: 'Roboto', sans-serif;
	position: absolute;
	right: -13px;
	bottom: -6px;
	min-width: 22px;
	height: 22px;
	margin-left: -4px;
	border-radius: 11px;
	background-color: #252f3e;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 768px) {
	.mini-cart-toggle .count {
		margin-left: 5px;
	}
}

.mini-cart-toggle .icon {
	vertical-align: middle;
}

@media (max-width: 768px) {
	.mini-cart-toggle {
		height: 38px;
		padding: 0 15px;
	}
	.mini-cart-toggle span:not(.count) {
		display: none;
	}
}

.mini-cart-list, .mini-cart-foot {
	opacity: 0;
	pointer-events: none;
}

.mini-cart-list button, .mini-cart-foot button {
	display: block;
}

.mini-cart-list {
	overflow: auto;
	box-sizing: border-box;
	width: 307px;
	max-height: 461px;
	margin-top: 17px;
	margin-right: 10px;
	padding: 0 13px;
}

.mini-cart-clazz {
	position: relative;
	padding: 20px 0 20px 28px;
	border-top: 1px solid #eeeef3;
}

.mini-cart-clazz:first-child {
	border-top: 0;
}

@media (max-width: 768px) {
	.mini-cart-clazz {
		padding-top: 12px;
		padding-bottom: 15px;
	}
}

.mini-cart-clazz .custom-checkbox {
	position: absolute;
	top: 23px;
	left: 0;
	width: 18px;
	height: 18px;
}

.mini-cart-clazz .custom-checkbox input[type="checkbox"] + label:before {
	top: 5px;
	left: 4px;
	width: 10px;
	height: 6px;
}

.mini-cart-clazz .custom-checkbox input[type="checkbox"] + label:after {
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.mini-cart-clazz .custom-checkbox {
		top: 15px;
	}
}

.mini-cart-options {
	font-size: 14px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.mini-cart-options .price em {
	font-size: 16px;
	font-weight: bold;
}

.mini-cart-options .delete {
	position: absolute;
	top: 13px;
	right: -10px;
	padding: 10px;
}

.mini-cart-name {
	display: block;
	margin-bottom: 22px;
}

@media (max-width: 768px) {
	.mini-cart-name {
		margin-bottom: 15px;
	}
}

.mini-cart-name small,
.mini-cart-name time,
.mini-cart-name strong {
	display: block;
}

.mini-cart-name small,
.mini-cart-name time {
	color: #686868;
	font-size: 13px;
}

.mini-cart-name strong {
	font-size: 16px;
}

@media (max-width: 768px) {
	.mini-cart-name strong {
		font-size: 14px;
		font-weight: 400;
	}
}

.mini-cart-total {
	font-size: 14px;
	letter-spacing: -0.4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	height: 47px;
	padding-top: 20px;
	margin-right: 28px;
	margin-left: 13px;
	border-top: 1px solid #252f3e;
}

.mini-cart-total em {
	font-size: 24px;
	font-weight: bold;
}

@media (max-width: 768px) {
	.mini-cart-total {
		padding-top: 0;
		padding-bottom: 12px;
		height: 30px;
	}
	.mini-cart-total em {
		font-size: 19px;
	}
}

.mini-cart-buttons {
	padding-right: 21px;
	padding-bottom: 11px;
}

@media (max-width: 768px) {
	.mini-cart-buttons {
		padding-left: 10px;
		padding-bottom: 14px;
	}
}

.mini-cart-buttons .btn {
	color: #fff;
	width: 100%;
	margin-top: 4px;
	border-radius: 6px;
}

@media (max-width: 768px) {
	.mini-cart-buttons .btn {
		margin-top: 5px;
	}
}

.mini-cart-buttons .btn-cart {
	background-color: #252f3e;
}

.mini-cart-buttons .btn-payment {
	background-color: #b20c1a;
}

.mini-cart-active {
	max-width: 317px;
	max-height: 693px;
	border-color: #252f3e;
	background-color: #fff;
}

@media (max-width: 768px) {
	.mini-cart-active {
		max-height: 500px;
	}
}

.mini-cart-active .mini-cart-toggle:before, .mini-cart-active .mini-cart-toggle:after {
	opacity: 1;
}

.mini-cart-active .mini-cart-toggle:before {
	-webkit-transform: translateY(-50%) rotate(135deg);
	        transform: translateY(-50%) rotate(135deg);
}

.mini-cart-active .mini-cart-toggle:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

.mini-cart-active .mini-cart-toggle .title {
	opacity: 0;
}

.mini-cart-active .mini-cart-list, .mini-cart-active .mini-cart-foot {
	opacity: 1;
	pointer-events: all;
}

.mini-cart-active .toast {
	opacity: 0;
}

.mini-cart .custom-select {
	display: inline-block;
	width: auto;
	height: 32px;
}

.mini-cart .custom-select button,
.mini-cart .custom-select a {
	min-height: 0;
}

[data-load='loaded'] .mini-cart {
	transition: max-width 0.3s, max-height 0.3s, border-color 0.3s, background-color 0.3s;
}

[data-load='loaded'] .mini-cart-list, [data-load='loaded'] .mini-cart-foot {
	transition: opacity 0.3s;
}

.footer {
	position: relative;
	padding-right: 50px;
	padding-left: 50px;
	border-top: 1px solid #e1e3e4;
}

@media (max-width: 1200px) {
	.footer {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 768px) {
	.footer {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.footer-notice {
	position: relative;
	max-width: 605px;
	height: 59px;
	padding-left: 40px;
	box-sizing: border-box;
}

.footer-notice .notice-list,
.footer-notice .notice-list > div,
.footer-notice .notice-list a {
	height: 59px;
}

.footer-notice .notice-list {
	padding-right: 15px;
}

.footer-notice .slick-vertical .slick-slide {
	border: none;
	float: none;
	outline: none;
}

.footer-notice a {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	width: 100%;
}

.footer-notice-label {
	display: inline-block;
	min-width: 65px;
	height: 20px;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 10px;
	background-color: #252f3e;
}

.footer-notice-title {
	display: inline-block;
	width: 300px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 300;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.footer-notice-time {
	margin-left: 90px;
	font-size: 13px;
	font-weight: 300;
	color: #999;
}

.footer-notice .btn-arrow {
	position: absolute;
	right: -5px;
	padding: 0 5px;
	font: 0/0 a;
}

.footer-notice .btn-arrow:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 7px solid #252f3e;
}

.footer-notice .btn-arrow.btn-prev {
	top: 20px;
}

.footer-notice .btn-arrow.btn-prev:before {
	-webkit-transform: rotate(0);
	        transform: rotate(0);
}

.footer-notice .btn-arrow.btn-next {
	bottom: 20px;
}

.footer-notice .btn-arrow.btn-next:before {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.footer-notice .btn-arrow.slick-disabled {
	cursor: default;
}

.footer-notice .btn-arrow.slick-disabled:before {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 1200px) {
	.footer-notice {
		width: 60%;
		height: 46px;
		margin-right: 40px;
		padding-left: 10px;
	}
	.footer-notice .notice-list,
	.footer-notice .notice-list > div,
	.footer-notice .notice-list a {
		height: 46px;
	}
	.footer-notice a {
		width: 100%;
	}
	.footer-notice-title {
		margin-left: 7px;
		font-size: 12px;
	}
	.footer-notice-time {
		display: none;
	}
	.footer-notice .btn-arrow.btn-prev {
		top: 13px;
	}
	.footer-notice .btn-arrow.btn-next {
		bottom: 13px;
	}
}

@media (max-width: 768px) {
	.footer-notice {
		width: auto;
	}
	.footer-notice-label {
		min-width: 37px;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
		border-radius: 8px;
	}
	.footer-notice .btn-arrow {
		display: none !important;
	}
}

.footer h1 {
	-ms-flex: none;
	    flex: none;
	display: block;
	width: 140px;
	height: 36px;
	font: 0/0 a;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/logo/logo-cc-reverse.png");
}

.footer h1 a {
	display: block;
	height: 100%;
}

@media (max-width: 768px) {
	.footer h1 {
		width: 92px;
		height: 24px;
		margin-bottom: 25px;
	}
}

.footer-inner {
	position: relative;
	color: #fff;
	padding: 40px 40px 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	background-color: #2b3036;
	border-radius: 14px 14px 0 0;
}

@media (max-width: 1200px) {
	.footer-inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 20px 20px 25px;
	}
}

@media (max-width: 768px) {
	.footer-inner {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding: 20px 20px 50px;
	}
}

.footer-content {
	-ms-flex: 1;
	    flex: 1;
	margin-left: 39px;
}

@media (max-width: 1200px) {
	.footer-content {
		-ms-flex: none;
		    flex: none;
		width: calc(100% - 180px);
	}
}

@media (max-width: 768px) {
	.footer-content {
		-ms-flex: none;
		    flex: none;
		width: 100%;
		margin-left: 0;
	}
	.footer-content .footer-info,
	.footer-content .footer-copyright {
		min-height: 0;
		max-height: 0;
		padding: 0;
		margin: 0;
		opacity: 0;
		transition: opacity 0.1s, max-height 0.3s, min-height 0.3s;
	}
	.footer-content-active .btn-toggle:before {
		margin-top: 0;
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.footer-content-active .footer-info {
		min-height: 50px;
		max-height: 300px;
		padding-top: 15px;
		padding-bottom: 10px;
		opacity: 1;
		transition: opacity 0.1s, max-height 0.3s, min-height 0.3s;
	}
	.footer-content-active .footer-copyright {
		max-height: 300px;
		padding-bottom: 20px;
		opacity: 1;
		transition: opacity 0.1s, max-height 0.3s, min-height 0.3s;
	}
}

.footer-content .btn-toggle {
	display: none;
}

@media (max-width: 768px) {
	.footer-content .btn-toggle {
		position: absolute;
		bottom: 0;
		right: 0;
		display: inline-block;
		min-width: 0;
		width: 22px;
		height: 22px;
		padding: 0;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, 0.3);
		font: 0/0 a;
		box-sizing: border-box;
	}
	.footer-content .btn-toggle:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		margin-top: 1px;
		border-style: solid;
		border-width: 4px 3px 0 3px;
		border-color: #fff transparent transparent transparent;
	}
}

.footer-util {
	position: relative;
	margin-bottom: 22px;
	overflow: hidden;
}

.footer-util li {
	position: relative;
	display: inline-block;
	margin-left: -23px;
	margin-right: 23px;
	padding-left: 23px;
}

.footer-util li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	margin: -4px 11px 0;
	background-color: rgba(235, 236, 237, 0.1);
}

.footer-util li:first-child:before {
	display: none;
}

.footer-util li a {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	letter-spacing: -0.4px;
}

.footer-util li a.point {
	color: #f79792;
}

@media (max-width: 768px) {
	.footer-util {
		padding-right: 30px;
	}
	.footer-util li a {
		font-size: 13px;
	}
}

.footer-info {
	overflow: hidden;
	max-width: 640px;
	margin-bottom: 18px;
}

.footer-info li {
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.4);
	margin-right: 13px;
	margin-left: -13px;
}

.footer-info li:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 6px;
	background-color: rgba(235, 236, 237, 0.1);
}

.footer-info li address {
	display: inline-block;
}

@media (max-width: 768px) {
	.footer-info {
		padding-top: 15px;
		margin-bottom: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
}

.footer-copyright {
	font-size: 12px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.4);
}

.footer-top {
	position: absolute;
	top: 15px;
	right: 50px;
	display: inline-block;
	width: 19px;
	height: 20px;
	margin-right: 47px;
	padding: 5px;
}

.footer-top .icon {
	vertical-align: top;
}

@media (max-width: 1200px) {
	.footer-top {
		top: 10px;
		right: 20px;
		margin-right: 0;
	}
}

@media (max-width: 768px) {
	.footer-top {
		width: 14px;
		height: 15px;
	}
}

.footer-certification {
	width: 280px;
	padding: 0 25px;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.footer-certification {
		margin-top: 30px;
		margin-left: 180px;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.footer-certification {
		position: relative;
		width: 100%;
		margin: 0;
	}
}

.footer-certification ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 100%;
}

.footer-certification .item {
	width: 63px;
	height: 38px;
	margin-right: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

@media (max-width: 768px) {
	.footer-certification .item {
		background-size: auto 60%;
	}
}

.footer-certification .item:first-child {
	width: 45px;
	height: 45px;
	margin-right: 20px;
	background-image: url("../images/layout/footer/cert_01.jpg");
}

@media (max-width: 768px) {
	.footer-certification .item:first-child {
		background-size: auto 70%;
	}
}

.footer-certification .item:nth-child(2) {
	background-image: url("../images/layout/footer/cert_02.jpg");
}

.footer-certification .item:nth-child(3) {
	background-image: url("../images/layout/footer/cert_03.jpg");
}

.footer-certification .item:nth-child(4) {
	margin-right: 0;
	background-image: url("../images/layout/footer/cert_04.jpg");
}

.document {
	padding-top: 80px;
}

@media (max-width: 1200px) {
	.document {
		padding-top: 148px;
	}
}

@media (max-width: 768px) {
	.document {
		padding-top: 53px;
	}
}

.section {
	position: relative;
	padding-right: 50px;
	padding-left: 50px;
}

.section:after {
	content: '';
	display: block;
	clear: both;
}

@media (max-width: 1200px) {
	.section {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.toast {
	color: #111;
	position: relative;
	box-sizing: border-box;
	min-width: 335px;
	margin-bottom: 5px;
	padding: 20px 30px;
	border-radius: 6px;
	border: 1px solid #d01111;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(20px);
	        transform: translateY(20px);
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.toast-name {
	display: block;
}

.toast-name small,
.toast-name time,
.toast-name strong {
	display: block;
}

.toast-name small,
.toast-name time {
	color: #686868;
	font-size: 13px;
}

.toast-name strong {
	font-size: 16px;
}

@media (max-width: 768px) {
	.toast-name strong {
		font-size: 14px;
		font-weight: 500;
	}
}

.toast-foot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding-top: 30px;
}

.toast-foot .btn-close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	min-width: 0;
}

.toast-foot .btn-close:before, .toast-foot .btn-close:after {
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	width: 16px;
	height: 2px;
	background-color: #252f3e;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.toast-foot .btn-close:before {
	-webkit-transform: translateY(-50%) rotate(135deg);
	        transform: translateY(-50%) rotate(135deg);
}

.toast-foot .btn-close:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

.toast-foot .btn-close .title {
	opacity: 0;
}

.toast-total {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.toast-total em {
	font-size: 16px;
	font-weight: bold;
}

.toast-personnel {
	font-size: 14px;
}

.toast-personnel em {
	color: #d01111;
	font-size: 15px;
	font-weight: bold;
}

.toast-area {
	position: absolute;
	top: 73px;
	right: 10px;
}

@media (max-width: 768px) {
	.toast-area {
		top: 68px;
	}
}

.toast-show {
	opacity: 1;
	-webkit-transform: none;
	        transform: none;
}

/*!
 * contents
 */
.section-bg {
	background-color: #f5f5f6;
}

.section-box {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	box-sizing: border-box;
}

.section-box h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.09;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-box h3 {
		font-size: 17.5px;
	}
}

.section-menu {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	border-bottom: 1px solid #e1e3e4;
	background-color: #fff;
	z-index: 9;
	height: 62px;
}

@media (max-width: 1200px) {
	.section-menu {
		top: 0;
	}
}

@media (max-width: 768px) {
	.section-menu {
		display: none;
		padding: 0;
		font-size: 14px;
	}
}

.section-menu .section-box {
	position: relative;
	max-width: 1240px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	border-bottom: 1px solid #e1e3e4;
	background-color: #fff;
	overflow: hidden;
}

.section-menu .menu {
	-ms-flex: none;
	    flex: none;
	width: 100%;
	max-width: 1240px;
	height: 62px;
	margin: 0 auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.section-menu .menu {
		width: auto;
		max-width: none;
		height: auto;
		margin: 0;
	}
}

.section-menu .menu li {
	display: inline-block;
	height: 62px;
	margin-right: 40px;
}

@media (max-width: 1200px) {
	.section-menu .menu li {
		margin-left: 7px;
		margin-right: 7px;
	}
}

@media (max-width: 768px) {
	.section-menu .menu li {
		display: block;
		height: 43px;
		margin-left: 0;
		border-bottom: 1px solid #dddde8;
	}
}

.section-menu .menu li a {
	position: relative;
	height: 100%;
	font-size: 17px;
	font-weight: 500;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 1200px) {
	.section-menu .menu li a {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.section-menu .menu li a {
		padding: 0 0 0 20px;
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}
}

.section-menu .menu li a:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	width: 0;
	height: 4px;
	background-color: #d01111;
	opacity: 0.5;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	transition: width 0.3s, opacity 0.3s;
}

@media (max-width: 768px) {
	.section-menu .menu li a:after {
		height: 100%;
		opacity: .3;
		background-color: rgba(221, 221, 232, 0.3);
		border-bottom: 1px solid #d01111;
		z-index: -1;
	}
}

.section-menu .menu li.active a {
	background-color: rgba(245, 245, 246, 0.3);
}

.section-menu .menu li.active a:after {
	width: 100%;
	opacity: 1;
}

.section-menu .aside {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.section-menu .aside .btn {
	white-space: nowrap;
	font-size: 17px;
}

.section-menu .aside .btn-point:after {
	content: '';
	vertical-align: middle;
	box-sizing: border-box;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	margin-left: 10px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	display: none;
}

.section-menu .aside .btn + .btn {
	margin-left: 5px;
}

@media (max-width: 1200px) {
	.section-menu .aside .btn {
		padding: 0 10px;
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.section-menu .aside {
		display: inline-block;
		position: static;
		-webkit-transform: none;
		        transform: none;
		margin: 15px 20px;
	}
	.section-menu .aside .btn:after {
		width: 5px;
		height: 5px;
		margin-left: 5px;
		border-width: 1px;
	}
}

.section-menu .aside {
	-ms-flex: none;
	    flex: none;
	text-align: right;
	display: block;
	max-width: 1240px;
	margin: 10px auto 0;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.section-menu .aside {
		display: -ms-flexbox;
		display: flex;
		width: auto;
		max-width: none;
		margin: 0;
		-webkit-transform: none;
		        transform: none;
	}
}

.section-tab {
	position: relative;
	margin: 30px 0;
}

@media (max-width: 768px) {
	.section-tab {
		margin: 22px 0 25px;
	}
}

.section-tab:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dddde8;
	opacity: 0.5;
	z-index: -1;
}

.section-tab ul {
	display: -ms-flexbox;
	display: flex;
	max-width: 360px;
	height: 42px;
	-ms-flex-pack: center;
	    justify-content: center;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.section-tab ul {
		max-width: 240px;
		height: 33px;
	}
}

.section-tab ul li {
	-ms-flex: 1;
	    flex: 1;
	background-color: #fff;
	color: #999;
	border: 1px solid #b20c1a;
	overflow: hidden;
}

.section-tab ul li:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

@media (max-width: 768px) {
	.section-tab ul li:first-child {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
}

.section-tab ul li:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

@media (max-width: 768px) {
	.section-tab ul li:last-child {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}

.section-tab ul li a {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 768px) {
	.section-tab ul li a {
		font-size: 13px;
	}
}

.section-tab ul li.active {
	background-color: #b20c1a;
	color: #fff;
}

@media (max-width: 768px) {
	.page-certification .section-tab {
		margin: 22px 0 28px;
	}
}

.section-tab-full {
	margin-top: 60px;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.section-tab-full {
		margin-top: 20px;
	}
}

.section-tab-full .section-box {
	max-width: 1240px;
}

.section-tab-full ul {
	display: -ms-flexbox;
	display: flex;
	height: 56px;
}

@media (max-width: 768px) {
	.section-tab-full ul {
		height: 40px;
		font-size: 13px;
	}
}

.section-tab-full ul li {
	-ms-flex: 1;
	    flex: 1;
	background-color: #f2f4f5;
	border: 1px solid #dddde8;
	color: rgba(17, 17, 17, 0.8);
}

.section-tab-full ul li + li {
	border-left-width: 0;
}

.section-tab-full ul li.active {
	background-color: #fff;
	border-top: 2px solid #b20c1a;
	border-bottom: 0;
	color: #111;
}

.section-tab-full ul li a {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.section-tab-fit .section-box {
	max-width: 1240px;
}

.section-tab-fit ul {
	display: -ms-flexbox;
	display: flex;
	height: 56px;
}

@media (max-width: 768px) {
	.section-tab-fit ul {
		height: 40px;
	}
}

.section-tab-fit ul li {
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	background-color: #f2f4f5;
	border: 1px solid #dddde8;
	color: rgba(17, 17, 17, 0.8);
}

@media (max-width: 768px) {
	.section-tab-fit ul li {
		-ms-flex: 1;
		    flex: 1;
	}
}

.section-tab-fit ul li + li {
	border-left-width: 0;
}

.section-tab-fit ul li.active {
	background-color: #fff;
	border-top: 2px solid #d01111;
	border-bottom: 0;
	color: #111;
}

.section-tab-fit ul li a {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 0 84px;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 768px) {
	.section-tab-fit ul li a {
		padding: 0;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.section-tab-trans {
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
	.section-tab-trans ul {
		display: none;
	}
}

.section-tab-trans .custom-select {
	height: 35px;
	display: none;
}

.section-tab-trans .custom-select.focus button:after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	        transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 768px) {
	.section-tab-trans .custom-select {
		display: block;
	}
}

.section-tab-trans .custom-select-list {
	min-width: calc(100% + 2px);
	left: -1px;
	height: auto;
	border-color: #ccccdf;
	box-shadow: none;
}

.section-tab-trans .custom-select-list li {
	background-color: #fff;
	border: 0;
	color: #111;
	height: 35px;
}

.section-tab-trans .custom-select-list li a {
	-ms-flex-pack: left;
	    justify-content: left;
}

.section-search .section-box {
	position: relative;
	max-width: 1240px;
}

.section-search .section-head {
	margin-bottom: 45px;
	font-size: 24px;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-search .section-head {
		margin-bottom: 30px;
		font-size: 18px;
	}
}

.section-column .section-box {
	display: -ms-flexbox;
	display: flex;
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
	border-top: 1px solid #e1e3e4;
}

@media (max-width: 768px) {
	.section-column .section-box {
		padding: 35px 0;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-column .col {
	position: relative;
}

.section-column .col:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #eeeef3;
}

@media (max-width: 768px) {
	.section-column .col:after {
		content: none;
	}
}

.section-column .col-1 {
	-ms-flex: 0 1 68%;
	    flex: 0 1 68%;
	padding-right: 70px;
}

@media (max-width: 768px) {
	.section-column .col-1 {
		-ms-flex: 1 1 100%;
		    flex: 1 1 100%;
		padding: 0;
		margin-bottom: 30px;
	}
}

.section-column .col-2 {
	-ms-flex: 0 1 32%;
	    flex: 0 1 32%;
	padding-left: 40px;
}

@media (max-width: 768px) {
	.section-column .col-2 {
		-ms-flex: 1 1 100%;
		    flex: 1 1 100%;
		padding: 0;
	}
}

.section-column .col-2 h3 {
	display: inline-block;
	min-width: 80px;
	height: 30px;
	margin-bottom: 25px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.4px;
	color: #fff;
	border-radius: 6px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-column .col-2 h3 {
		min-width: 70px;
		height: 22px;
		margin-bottom: 16px;
		line-height: 22px;
		font-size: 13px;
	}
}

.section-summary {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: start;
	    justify-content: flex-start;
	box-sizing: border-box;
	height: 350px;
	margin-left: 50px;
	border-radius: 20px 0 0 20px;
	background-color: #252f3e;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.section-summary:before, .section-summary:after {
	display: none;
}

@media (max-width: 1200px) {
	.section-summary {
		height: auto;
		margin-left: 20px;
		padding: 30px 20px 25px;
	}
}

@media (max-width: 480px) {
	.section-summary {
		margin-left: 10px;
	}
}

.section-summary .section-box {
	position: relative;
	left: -25px;
	max-width: 1240px;
}

.section-summary .section-box:after {
	content: attr(data-title);
	position: fixed;
	top: 0;
	height: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

@media (max-width: 1200px) {
	.section-summary .section-box {
		left: 0;
	}
}

.section-summary .summary-name {
	margin-bottom: 50px;
}

@media (max-width: 1200px) {
	.section-summary .summary-name {
		margin-bottom: 40px;
	}
}

.section-summary .summary-name h2 {
	font-size: 42px;
	font-weight: 700;
	letter-spacing: -1.1px;
	color: #fff;
}

@media (max-width: 1200px) {
	.section-summary .summary-name h2 {
		font-size: 26px;
		margin-bottom: 35px;
	}
}

.section-summary .summary-name p {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.23;
	letter-spacing: 0.3px;
	color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1200px) {
	.section-summary .summary-name p {
		font-size: 13px;
		margin-bottom: 4px;
	}
}

.section-summary .summary-items {
	position: relative;
	margin-bottom: 40px;
}

@media (max-width: 1200px) {
	.section-summary .summary-items {
		margin-bottom: 20px;
	}
}

.section-summary .summary-items ul {
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 1200px) {
	.section-summary .summary-items ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-bottom: 10px;
		border-bottom: 1px solid #3b4452;
	}
}

.section-summary .summary-items li {
	font-size: 20px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 0 35px;
}

@media (max-width: 1200px) {
	.section-summary .summary-items li {
		-ms-flex: 0 1 50%;
		    flex: 0 1 50%;
		padding-left: 0;
		padding-bottom: 25px;
		font-size: 16px;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	.section-summary .summary-items li {
		-ms-flex-pack: start;
		    justify-content: flex-start;
		padding-bottom: 7px;
	}
}

.section-summary .summary-items li:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 70px;
	background-color: #3b4452;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 1200px) {
	.section-summary .summary-items li:before {
		content: none;
	}
}

.section-summary .summary-items li:first-child {
	padding-left: 0;
}

.section-summary .summary-items li:last-child:before {
	display: none;
}

.section-summary .summary-items li span,
.section-summary .summary-items li strong {
	display: block;
}

.section-summary .summary-items li span {
	margin-bottom: 5px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
	color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 768px) {
	.section-summary .summary-items li span {
		margin-bottom: 3px;
	}
}

.section-summary .summary-items .point {
	font-size: 34px;
	line-height: 1;
}

@media (max-width: 1200px) {
	.section-summary .summary-items .point {
		font-size: 20px;
	}
}

.section-summary .summary-level .level {
	font-weight: inherit;
	letter-spacing: -0.6px;
	color: #fff;
	background-color: transparent;
}

.section-summary .summary-level .level-basic {
	color: #41bad4;
}

.section-summary .summary-level .level-introduction, .section-summary .summary-level .level-beginner {
	color: #5593f1;
}

.section-summary .summary-level .level-advanced, .section-summary .summary-level .level-intermediate {
	color: #65bcb9;
}

.section-summary .summary-level .level-professional {
	color: #9671ee;
}

.section-summary .summary-level .level .point {
	margin-right: 3px;
	font-size: 30px;
	font-weight: 700;
}

@media (max-width: 1200px) {
	.section-summary .summary-level .level .point {
		font-size: 20px;
	}
}

.section-summary .summary-level .grade-associate {
	color: #5593f1;
}

.section-summary .summary-level .grade-professional {
	color: #65bcb9;
}

.section-summary .summary-level .grade-professional-gcp {
	color: #fbbc05;
}

.section-summary .summary-level .grade-specialty {
	color: #9671ee;
}

.section-summary .summary-role strong {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #fff;
}

@media (max-width: 1200px) {
	.section-summary .summary-role strong {
		font-size: 16px;
	}
}

.section-summary .summary-duration strong {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	color: #fff;
}

@media (max-width: 1200px) {
	.section-summary .summary-duration strong {
		font-size: 14px;
	}
}

.section-summary .summary-duration strong .point {
	margin-right: 3px;
	font-style: italic;
	color: #f79792;
}

.section-summary .summary-price strong {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.section-summary .summary-price strong .point {
	color: #f79792;
}

.section-summary .summary-tags .tag {
	display: inline-block;
	height: 28px;
	padding: 0 20px;
	margin-right: 2px;
	font-size: 15px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #fff;
	border-radius: 14px;
	background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1200px) {
	.section-summary .summary-tags .tag {
		font-size: 13px;
	}
}

.section-summary .summary-tags .tag:before {
	content: '#';
	margin-right: 2px;
}

@media (max-width: 768px) {
	.section.summary-course .summary-items ul {
		padding-bottom: 0;
	}
	.section.summary-course .summary-items li {
		padding-bottom: 18px;
	}
}

.section.summary-course .summary-level .level .point:after {
	content: '-';
	margin-left: 4px;
	color: #fff;
}

@media (max-width: 768px) {
	.section.summary-course .summary-level .level .point {
		margin-right: 0;
	}
	.section.summary-course .summary-level .level .point:before {
		display: block;
	}
}

.section.summary-course .aside {
	position: absolute;
	right: 0;
	bottom: 0;
}

.section.summary-course .aside .btn {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	min-width: 0;
	font-size: 17px;
}

.section.summary-course .aside .btn:after {
	content: '';
	vertical-align: middle;
	box-sizing: border-box;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	border-bottom: 2px solid #92979f;
	border-left: 2px solid #92979f;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	display: none;
}

@media (max-width: 1200px) {
	.section.summary-course .aside {
		bottom: initial;
		top: 100%;
		right: 0;
		margin-top: 15px;
	}
	.section.summary-course .aside .btn {
		font-size: 15px;
	}
	.section.summary-course .aside .btn:after {
		width: 5px;
		height: 5px;
		margin-left: 5px;
		border-width: 1px;
	}
}

@media (max-width: 768px) {
	.section.summary-course .aside {
		margin-top: 20px;
	}
	.section.summary-course .aside .btn {
		font-size: 14px;
	}
}

.section.summary-certification {
	padding-top: 70px;
	padding-bottom: 70px;
}

@media (max-width: 768px) {
	.section.summary-certification {
		padding-top: 31px;
		padding-bottom: 31px;
	}
}

.section.summary-certification .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	height: 100%;
}

@media (max-width: 1200px) {
	.section.summary-certification .section-box {
		display: block;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: stretch;
		    align-items: stretch;
	}
}

.section.summary-certification .section-box .inner {
	-ms-flex: 1;
	    flex: 1;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-right: 50px;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (max-width: 1200px) {
	.section.summary-certification .section-box .inner {
		-ms-flex: 1 1 100%;
		    flex: 1 1 100%;
		padding: 0;
	}
}

.section.summary-certification .summary-name {
	position: relative;
	margin-bottom: 0;
	padding-right: 140px;
}

@media (max-width: 1200px) {
	.section.summary-certification .summary-name {
		margin-right: 20px;
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	.section.summary-certification .summary-name {
		padding-right: 85px;
	}
}

.section.summary-certification .summary-name .icon {
	position: absolute;
	top: 0;
	right: 0;
	font: 0/0 a;
}

@media (max-width: 1200px) {
	.section.summary-certification .summary-name .icon {
		top: 0;
	}
}

.section.summary-certification .summary-name h2 .is-pc {
	display: none;
}

.section.summary-certification .summary-items {
	margin-bottom: 0;
}

.section.summary-certification .summary-aside {
	-ms-flex: 0 1 400px;
	    flex: 0 1 400px;
}

@media (max-width: 1200px) {
	.section.summary-certification .summary-aside {
		-ms-flex: 1 1 100%;
		    flex: 1 1 100%;
		padding: 0;
		margin-top: 15px;
	}
}

.section.summary-certification .summary-aside ul {
	padding: 0 39px;
	border-left: 1px solid #3b4452;
	border-right: 1px solid #3b4452;
}

@media (max-width: 1200px) {
	.section.summary-certification .summary-aside ul {
		padding: 0;
		border: 0;
	}
}

.section.summary-certification .summary-aside li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	    align-items: flex-start;
	-ms-flex-pack: left;
	    justify-content: left;
	margin-bottom: 14px;
	font-size: 15px;
	letter-spacing: -0.4px;
	color: #fff;
}

@media (max-width: 768px) {
	.section.summary-certification .summary-aside li {
		margin-bottom: 8px;
	}
}

.section.summary-certification .summary-aside li span {
	display: inline-block;
	min-width: 110px;
	font-weight: 400;
}

.section.summary-certification .summary-aside li span .icon {
	margin-right: 3px;
	vertical-align: middle;
}

.section.summary-certification .summary-aside li strong {
	font-weight: 300;
}

.section.summary-certification .summary-aside li strong em {
	font-weight: 700;
}

.section.summary-certification .summary-aside li.price {
	margin-bottom: 0;
	padding-top: 23px;
	border-top: 1px solid #3b4452;
}

.section.summary-certification .summary-aside li.price .point {
	margin-left: 10px;
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #f79792;
}

.section.summary-certification .summary-aside li.price small {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -0.3px;
}

@media (max-width: 768px) {
	.section.summary-certification .summary-aside li.price {
		margin-top: 16px;
	}
}

.section-visual {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 350px;
	margin-left: 50px;
	margin-bottom: 70px;
	border-radius: 20px 0 0 20px;
	background-color: #252f3e;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

@media (max-width: 1200px) {
	.section-visual {
		margin-left: 20px;
		padding-right: 20px;
		padding-left: 50px;
	}
}

@media (max-width: 768px) {
	.section-visual {
		height: 215px;
		margin-left: 10px;
		margin-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
		border-radius: 12px 0 0 12px;
	}
}

.section-visual .section-box {
	position: relative;
	left: -25px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

@media (max-width: 1200px) {
	.section-visual .section-box {
		left: 0;
	}
}

.section-visual .heading {
	position: relative;
	z-index: 1;
	padding-left: 270px;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.76;
	letter-spacing: -0.4px;
	color: #fff;
}

.section-visual .heading h2 {
	margin-bottom: 20px;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -1.5px;
}

@media (max-width: 1200px) {
	.section-visual .heading {
		padding-left: 70px;
	}
}

@media (max-width: 768px) {
	.section-visual .heading {
		padding-left: 0;
		font-size: 14px;
	}
	.section-visual .heading h2 {
		margin-bottom: 10px;
		font-size: 31px;
	}
}

.section-visual.visual-simple {
	height: 230px;
	background: #252f3e;
	margin-bottom: 50px;
}

.section-visual.visual-simple:before, .section-visual.visual-simple:after {
	display: none;
}

.section-visual.visual-simple .section-box {
	max-width: 1240px;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

.section-visual.visual-simple .heading {
	padding-left: 0;
	font-size: 18px;
	letter-spacing: -0.5px;
	color: rgba(255, 255, 255, 0.7);
}

.section-visual.visual-simple .heading h2 {
	font-size: 42px;
	letter-spacing: -1.1px;
	color: #fff;
}

@media (max-width: 768px) {
	.section-visual.visual-simple {
		height: 195px;
		padding-left: 31px;
		margin-bottom: 20px;
	}
	.section-visual.visual-simple .heading {
		font-size: 14px;
		color: #fff;
	}
	.section-visual.visual-simple .heading h2 {
		margin-bottom: 16px;
		font-size: 31px;
	}
}

@media (max-width: 768px) {
	.page-order .section-visual {
		height: auto;
	}
	.page-order .section-visual .section-box {
		padding: 48px 0 43px;
	}
	.page-order .section-visual .heading h2 {
		margin-bottom: 10px;
	}
	.page-order .section-visual .order-steps {
		margin-top: 25px;
	}
	.page-order .section-visual .order-steps ol {
		-ms-flex-align: start;
		    align-items: flex-start;
	}
	.page-order .section-visual .order-steps li {
		padding-right: 15px;
	}
	.page-order .section-visual .order-steps li:after {
		width: 11px;
		height: 11px;
		margin-top: -5px;
	}
	.page-order .section-visual .order-steps li strong {
		white-space: nowrap;
	}
}

@media (max-width: 480px) {
	.page-order .section-visual .order-steps li strong {
		font-size: 16px;
	}
}

.page-main .section-visual {
	-ms-flex-pack: start;
	    justify-content: flex-start;
	background-color: #0c0705;
	overflow: hidden;
}

.page-main .section-visual .section-box {
	-ms-flex: none;
	    flex: none;
	width: 100%;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.page-introduce-main .section-visual {
	background-color: #19120e;
	background-image: url("../images/visual/pc/main-introduce.jpg");
}

.page-cloud .section-visual {
	background-color: #000000;
	background-image: url("../images/visual/pc/main-introduce.jpg");
}

.page-course .section-summary {
	background-color: #252f3e;
	background-image: url("../images/visual/pc/course.png");
}

.page-course-main .section-visual {
	background-color: #211d1c;
	background-image: url("../images/visual/pc/main-course.jpg");
}

.page-certification .section-summary {
	background-color: #2b3036;
	background-image: url("../images/visual/pc/certification.png");
}

.page-certification-gcp .section-summary {
	background-color: #2b3036;
	background-image: url("../images/visual/pc/certification-gcp.png");
}

.page-certification-main .section-visual {
	background-color: #000000;
	background-image: url("../images/visual/pc/main-certification.jpg");
}

.page-order .section-visual {
	background-image: url("../images/visual/pc/order.png");
}

.page-mypage .section-visual {
	background-color: #2c251b;
	background-repeat: no-repeat;
	background-image: url("../images/visual/pc/mypage.png");
}

.page-faq .section-visual {
	background-color: #2b3036;
	background-repeat: no-repeat;
	background-image: url("../images/visual/pc/faq.png");
}

.page-notice .section-visual {
	background-color: #2b3036;
	background-repeat: no-repeat;
	background-image: url("../images/visual/pc/notice.png");
}

.page-terms .section-visual {
	background-color: #2b3036;
	background-repeat: no-repeat;
	background-image: url("../images/visual/pc/terms.png");
}

.page-schedule-main .section-visual {
	background-color: #10141f;
	background-image: url("../images/visual/pc/main-schedule.jpg");
}

.page-company-main .section-visual {
	background-color: #010000;
	background-image: url("../images/visual/pc/main-company.jpg");
}

.section-merit {
	margin-bottom: 95px;
}

@media (max-width: 768px) {
	.section-merit {
		margin-bottom: 45px;
	}
}

.section-merit .section-box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	padding: 0 40px 0 80px;
}

@media (max-width: 1200px) {
	.section-merit .section-box {
		padding: 0;
	}
}

@media (max-width: 768px) {
	.section-merit .section-box {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-merit .section-box .inner {
	-ms-flex: 1;
	    flex: 1;
}

.section-merit .section-head {
	margin-bottom: 35px;
	padding-right: 420px;
}

@media (max-width: 768px) {
	.section-merit .section-head {
		min-height: 0;
		margin-bottom: 25px;
		padding-right: 0;
	}
}

.section-merit .section-head h2 {
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: -1.1px;
}

@media (max-width: 768px) {
	.section-merit .section-head h2 {
		margin-bottom: 14px;
		font-size: 26px;
	}
	.section-merit .section-head h2 img {
		margin: 4px 0;
	}
}

.section-merit .section-head p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-merit .section-head p {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.page-certification .section-merit {
		margin-bottom: 40px;
	}
	.page-certification .section-merit .section-head {
		margin-bottom: 13px;
	}
	.page-certification .section-merit .section-head h2 {
		margin-bottom: 14px;
	}
	.page-certification .section-merit .section-head p {
		font-size: 18px;
	}
}

.section-merit .merit-list {
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 1600px) {
	.section-merit .merit-list {
		padding-right: 420px;
	}
}

@media (max-width: 768px) {
	.section-merit .merit-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-merit .merit-list li {
	position: relative;
	-ms-flex: 1;
	    flex: 1;
	margin-right: 40px;
	padding-right: 40px;
}

@media (max-width: 768px) {
	.section-merit .merit-list li {
		margin-bottom: 18px;
		margin-right: 0;
		padding: 0;
	}
}

.section-merit .merit-list li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #eeeef3;
}

@media (max-width: 768px) {
	.section-merit .merit-list li:after {
		content: none;
	}
}

.section-merit .merit-list li:last-child {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
}

@media (max-width: 768px) {
	.section-merit .merit-list li:last-child {
		margin-bottom: 0;
	}
}

.section-merit .merit-list li:last-child:after {
	display: none;
}

.section-merit .merit-list li .ordinal-number {
	display: block;
	margin-bottom: 3px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #d01111;
}

@media (max-width: 768px) {
	.section-merit .merit-list li .ordinal-number {
		font-size: 12px;
		margin-top: -5px;
	}
}

.section-merit .merit-list li strong {
	display: block;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.09;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-merit .merit-list li strong {
		margin-bottom: 12px;
		font-size: 18px;
	}
}

.section-merit .merit-list li p {
	display: block;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-merit .merit-list li p {
		font-size: 13px;
		line-height: 1.6;
	}
}

.section-merit .merit-contents {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-merit .merit-contents {
		font-size: 13px;
	}
}

.section-merit .merit-media {
	position: absolute;
	right: 0;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 420px;
	height: 276px;
	border-radius: 10px;
	background-image: url("../images/visual/bg-course.png");
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.page-course-gcp .section-merit .merit-media {
	height: 301px;
	background: none;
}

@media (max-width: 1600px) {
	.page-course-gcp .section-merit .merit-media {
		height: 220px;
	}
}

@media (max-width: 768px) {
	.page-course-gcp .section-merit .merit-media {
		height: auto;
	}
}

.section-merit .merit-media > .inner {
	position: relative;
	height: 100%;
}

.section-merit .merit-media iframe {
	width: 100%;
	height: 100%;
}

.section-merit .merit-media .logo-aws-training {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 198px;
	height: 95px;
	font: 0/0 a;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-image: url("../images/logo/logo-aws-training.png");
	background-size: contain;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.section-merit .merit-media .logo-gcp-training {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	font: 0/0 a;
	background-image: url("../images/pages/course/gcp/gcp.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 100% 50%;
}

@media (max-width: 768px) {
	.section-merit .merit-media .logo-gcp-training {
		background-position-x: 50%;
	}
}

@media (max-width: 768px) {
	.section-merit .merit-media {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 31px;
	}
	.section-merit .merit-media > .inner {
		height: auto;
		max-height: 240px;
	}
	.section-merit .merit-media > .inner:before {
		content: '';
		width: 100%;
		display: block;
		padding-bottom: 56.25%;
	}
	.page-course-gcp .section-merit .merit-media > .inner:before {
		padding-bottom: 71.5%;
	}
	.section-merit .merit-media iframe {
		position: absolute;
		top: 0;
	}
	.section-merit .merit-media .logo-aws-training {
		width: 157px;
		height: 75px;
	}
}

.section-merit .merit-aside {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 358px;
	height: 288px;
	margin-top: 12px;
}

.section-merit .merit-aside .logo-certification {
	display: inline-block;
	width: 284px;
	height: 287px;
	font: 0/0 a;
	background-image: url("../images/certification/certification-all.png");
	background-size: contain;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.section-merit .merit-aside .logo-gcp {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 100%;
}

.section-merit .merit-aside .logo-gcp .icon {
	margin: 0 15px;
}

@media (max-width: 768px) {
	.section-merit .merit-aside {
		position: static;
		width: 100%;
		height: auto;
		margin-top: 28px;
		text-align: center;
	}
	.section-merit .merit-aside .logo-certification {
		display: inline-block;
		width: 230px;
		height: 233px;
		vertical-align: top;
		background-image: url("../images/certification/certification-all-mobile.png");
	}
}

.page-cloud .section-merit .section-head h2 {
	width: 179px;
}

.page-cloud .section-merit .merit-list strong {
	font-family: Roboto, sans-serif;
	font-size: 28px;
	font-style: italic;
}

.page-cloud .section-merit .merit-list strong em {
	color: #d01111;
	font-style: italic;
}

.page-cloud .section-merit .merit-list strong i {
	margin-left: 4px;
	vertical-align: top;
	font-size: 25px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.page-cloud .section-merit .merit-list strong {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.page-cloud .section-merit .merit-list strong em {
		font-weight: 500;
	}
	.page-cloud .section-merit .merit-list strong i {
		font-size: 20px;
		font-weight: 350;
		vertical-align: 2px;
	}
}

.page-introduce-main .section-merit .section-head,
.page-cloud .section-merit .section-head {
	min-height: 275px;
}

@media (max-width: 768px) {
	.page-introduce-main .section-merit .section-head,
	.page-cloud .section-merit .section-head {
		min-height: 0;
	}
}

.section-purpose {
	margin-bottom: 70px;
}

@media (max-width: 768px) {
	.section-purpose {
		margin-bottom: 40px;
	}
}

.section-purpose .section-box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	padding: 0 40px;
}

@media (max-width: 1200px) {
	.section-purpose .section-box {
		padding: 0;
	}
}

.section-purpose .section-box .inner {
	-ms-flex: 1;
	    flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

@media (max-width: 768px) {
	.section-purpose .section-box .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-purpose .section-head {
	-ms-flex-order: 0;
	    order: 0;
	-ms-flex-preferred-size: calc(100% - 420px);
	    flex-basis: calc(100% - 420px);
}

@media (max-width: 768px) {
	.section-purpose .section-head {
		min-height: 0;
		padding-right: 0;
	}
}

.section-purpose .section-head h2 {
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: -1.1px;
}

@media (max-width: 768px) {
	.section-purpose .section-head h2 {
		margin-bottom: 14px;
		font-size: 26px;
	}
}

.section-purpose .section-head p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-purpose .section-head p {
		font-size: 17px;
	}
}

.section-purpose .purpose-list {
	-ms-flex-order: 2;
	    order: 2;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 35px;
}

@media (min-width: 1600px) {
	.section-purpose .purpose-list {
		padding-right: 420px;
	}
}

@media (max-width: 768px) {
	.section-purpose .purpose-list {
		-ms-flex-order: 1;
		    order: 1;
		-ms-flex-direction: column;
		    flex-direction: column;
		margin-top: 25px;
		padding-right: 0;
	}
}

.section-purpose .purpose-list li {
	position: relative;
	-ms-flex: 1;
	    flex: 1;
	margin-right: 40px;
	padding-right: 40px;
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li {
		margin-bottom: 18px;
		margin-right: 0;
		padding: 0;
	}
}

.section-purpose .purpose-list li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #eeeef3;
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li:after {
		content: none;
	}
}

.section-purpose .purpose-list li:last-child {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li:last-child {
		margin-bottom: 0;
	}
}

.section-purpose .purpose-list li:last-child:after {
	display: none;
}

.section-purpose .purpose-list li strong {
	display: block;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.09;
	letter-spacing: -0.6px;
}

.section-purpose .purpose-list li strong em {
	color: #d01111;
	font-family: Roboto, sans-serif;
	font-style: italic;
	font-size: 14px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li strong em {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li strong {
		margin-bottom: 3px;
	}
}

.section-purpose .purpose-list li p {
	display: block;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-purpose .purpose-list li p {
		font-size: 14px;
		line-height: 1.6;
	}
}

.section-purpose .purpose-figure {
	-ms-flex-order: 1;
	    order: 1;
	-ms-flex: 1;
	    flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	-ms-flex-align: center;
	    align-items: center;
}

.section-purpose .purpose-figure .logo {
	width: 321px;
	height: 81px;
	background-image: url("../images/logo/center/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.section-purpose .purpose-figure .logo {
		width: 210px;
		height: 52px;
	}
}

@media (max-width: 768px) {
	.section-purpose .purpose-figure {
		-ms-flex-order: 2;
		    order: 2;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		margin-top: 30px;
	}
}

.page-cloud .section-purpose .section-head {
	min-height: 275px;
}

@media (max-width: 768px) {
	.page-cloud .section-purpose .section-head {
		min-height: 0;
	}
}

.page-cloud .section-purpose .section-head h2 {
	width: 179px;
}

.section-mission {
	display: -ms-flexbox;
	display: flex;
	height: 342px;
	margin-bottom: -18px;
	background-image: url("../images/pages/center/bg-triangle.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

@media (max-width: 768px) {
	.section-mission {
		height: 270px;
	}
}

.section-mission .inner {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 600px;
	height: 160px;
	margin: 120px auto 0;
	font-size: 14px;
	border: 10px solid #b20c1a;
	border-radius: 80px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-mission .inner {
		width: auto;
		height: 145px;
		margin-top: 75px;
		padding: 0 20px;
		border-width: 6px;
		border-radius: 145px;
		text-align: center;
	}
}

.section-mission .inner:before, .section-mission .inner:after {
	content: '';
	position: absolute;
	bottom: -60px;
}

@media (max-width: 768px) {
	.section-mission .inner:before, .section-mission .inner:after {
		bottom: -42px;
	}
}

.section-mission .inner:before {
	width: 1px;
	height: 60px;
	background-color: #5a616d;
	z-index: -1;
}

@media (max-width: 768px) {
	.section-mission .inner:before {
		height: 40px;
	}
}

.section-mission .inner:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #b20c1a;
	z-index: 1;
}

@media (max-width: 768px) {
	.section-mission .inner:after {
		width: 8px;
		height: 8px;
	}
}

.section-mission .inner em {
	color: #d01111;
	font-family: Roboto, sans-serif;
	font-style: italic;
	font-weight: 700;
}

@media (max-width: 768px) {
	.section-mission .inner em {
		font-size: 12px;
	}
}

.section-mission .inner strong {
	font-size: 22px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-mission .inner strong {
		font-size: 18px;
	}
}

.section-mission .inner span {
	color: #959aa0;
	font-family: Roboto, sans-serif;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-mission .inner span {
		font-size: 11px;
	}
}

.section-benefit {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-benefit {
		margin-bottom: 40px;
		padding: 0;
	}
}

.section-benefit .section-box {
	padding: 45px 40px 0;
	border-radius: 16px;
	background-image: url("../images/visual/bg-main-certification.png");
	background-size: cover;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-benefit .section-box {
		padding: 40px 20px 0;
		border-radius: 0;
		background-image: none;
	}
}

.section-benefit .section-head {
	margin-bottom: 30px;
	padding-left: 40px;
	color: #fff;
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-benefit .section-head {
		padding-left: 0;
		font-size: 14px;
	}
}

.section-benefit .section-head h2 {
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-benefit .section-head h2 {
		font-size: 22px;
	}
}

.section-benefit .benefit-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: center;
	    justify-content: center;
	margin: 0 -10px;
}

@media (max-width: 768px) {
	.section-benefit .benefit-list {
		margin: 0;
	}
}

.section-benefit .benefit-box {
	position: relative;
	-ms-flex: none;
	    flex: none;
	width: 33.3334%;
	min-height: 170px;
	padding: 0 10px 20px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.section-benefit .benefit-box:nth-last-child(-n+3) {
		margin-bottom: -1px;
		padding-bottom: 0;
	}
	.section-benefit .benefit-box:nth-last-child(-n+3) .benefit-content {
		border-radius: 10px 10px 0 0;
	}
	.page-certification-gcp .section-benefit .benefit-box:nth-child(3) {
		padding-bottom: 20px;
	}
	.page-certification-gcp .section-benefit .benefit-box:nth-child(3) .benefit-content {
		border-radius: 10px;
	}
}

@media (max-width: 1200px) {
	.section-benefit .benefit-box {
		padding-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.section-benefit .benefit-box {
		-ms-flex: 0 1 100%;
		    flex: 0 1 100%;
		min-height: 0;
		margin-top: 10px;
		padding: 0;
	}
	.section-benefit .benefit-box:last-child .benefit-content {
		border-radius: 10px 10px 0 0;
	}
}

.section-benefit .benefit-content {
	height: 100%;
	padding: 37px 40px 30px 160px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
}

@media (max-width: 1200px) {
	.section-benefit .benefit-content {
		padding: 40px 28px 40px 46px;
	}
}

@media (max-width: 768px) {
	.section-benefit .benefit-content {
		padding: 25px 20px 50px 90px;
		font-size: 13px;
	}
}

.section-benefit .benefit-content .icon {
	position: absolute;
	top: 26px;
	left: 45px;
	display: block;
	width: 100px;
	height: 86px;
	background-position: 0 50%;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.section-benefit .benefit-content .icon {
		position: static;
		margin-bottom: 37px;
	}
}

@media (max-width: 768px) {
	.section-benefit .benefit-content .icon {
		left: 20px;
		top: 25px;
		width: 60px;
		height: 50px;
	}
}

.section-benefit .benefit-title {
	margin-bottom: 23px;
}

@media (max-width: 1200px) {
	.section-benefit .benefit-title {
		margin-bottom: 25px;
	}
}

@media (max-width: 768px) {
	.section-benefit .benefit-title {
		margin-bottom: 15px;
	}
}

.section-benefit .benefit-title em {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #a2a6ab;
}

.section-benefit .benefit-title strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-benefit .benefit-title strong {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.page-certification .section-benefit .section-box {
		padding-top: 33px;
	}
	.page-certification .section-benefit .section-head {
		margin-bottom: 22px;
	}
	.page-certification .section-benefit .section-head h2 {
		margin-bottom: 6px;
	}
	.page-certification .section-benefit .benefit-box:first-child {
		margin-top: 0;
	}
	.page-certification .section-benefit .benefit-title {
		margin-bottom: 8px;
	}
	.page-certification .section-benefit .benefit-content {
		min-height: 185px;
		padding: 25px 20px 20px 90px;
	}
}

.section-learning-path {
	margin-bottom: 95px;
}

@media (max-width: 768px) {
	.section-learning-path {
		padding: 0;
		margin-bottom: 58px;
	}
}

.section-learning-path .section-box {
	padding: 45px 40px 0;
	border-radius: 16px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-learning-path .section-box {
		padding: 33px 20px 0;
		border-radius: 0;
	}
}

.section-learning-path .section-head {
	margin-bottom: 30px;
	padding-left: 40px;
	color: #fff;
}

@media (max-width: 768px) {
	.section-learning-path .section-head {
		margin-bottom: 21px;
		padding-left: 0;
	}
}

.section-learning-path .section-head h2 {
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-learning-path .section-head h2 {
		font-size: 22px;
		margin-bottom: 6px;
	}
}

.section-learning-path .section-head p {
	font-size: 19px;
	font-weight: 300;
	line-height: 1.53;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section-learning-path .section-head p {
		font-size: 14px;
	}
}

.section-learning-path .roadmap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -10px;
}

.section-learning-path .roadmap-box {
	position: relative;
	-ms-flex: 0 1 25%;
	    flex: 0 1 25%;
	box-sizing: border-box;
	min-height: 350px;
}

@media (max-width: 1200px) {
	.section-learning-path .roadmap-box {
		-ms-flex: 0 1 50%;
		    flex: 0 1 50%;
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
	.section-learning-path .roadmap-box {
		min-height: 0;
		margin-top: 10px;
	}
}

.section-learning-path .roadmap .role {
	position: relative;
	height: 100%;
	margin-right: 10px;
	margin-left: 10px;
	padding: 36px 41px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap .role {
		padding: 23px 20px;
		height: auto;
		margin: 0;
	}
}

.section-learning-path .roadmap .role .icon {
	display: block;
	width: 100px;
	height: 86px;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap .role .icon {
		width: 80px;
		height: 69px;
	}
}

.section-learning-path .roadmap .role p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap .role p {
		font-size: 13px;
	}
}

.section-learning-path .roadmap .role-nm {
	display: block;
	margin-top: 34px;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap .role-nm {
		margin-top: 15px;
		margin-bottom: 5px;
		font-size: 18px;
	}
}

.section-learning-path .roadmap .role .btn-more {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-learning-path .roadmap .role .btn-more .icon {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
	text-align: center;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section-learning-path .roadmap .role .btn-more .icon:before, .section-learning-path .roadmap .role .btn-more .icon:after {
	background-color: #d6d6e0;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap .role .btn-more .icon {
		width: 21px;
		height: 21px;
	}
}

.section-learning-path .roadmap .learning-path {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 10px;
	height: 100%;
	padding-top: 35px;
	border-radius: 10px;
	background-color: #d01111;
	box-sizing: border-box;
	pointer-events: none;
	opacity: 0;
}

.section-learning-path .roadmap .learning-path .learning-title {
	margin-left: 40px;
	margin-bottom: 25px;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	line-height: 1.25;
	letter-spacing: -0.8px;
}

@media (max-width: 1600px) {
	.section-learning-path .roadmap .learning-path {
		padding-top: 25px;
	}
}

.section-learning-path .roadmap .learning-list {
	margin: 0 20px;
}

.section-learning-path .roadmap .learning-list li {
	margin: 11px 0;
	border-radius: 6px;
	background-color: #ed9516;
}

.section-learning-path .roadmap .learning-list li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	position: relative;
	padding-top: 13px;
	padding-right: 36px;
	padding-bottom: 13px;
	padding-left: 36px;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: #fff;
	-ms-flex-pack: left;
	    justify-content: left;
	box-sizing: border-box;
}

.section-learning-path .roadmap .learning-list li a:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.section-learning-path .roadmap .learning-list li a:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255, 255, 255, 0.5);
	border-right: 2px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 1600px) {
	.section-learning-path .roadmap .learning-list li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.section-learning-path .roadmap-box.active .role {
	box-shadow: 8px 13.9px 16px 0 rgba(0, 0, 0, 0.1);
}

.section-learning-path .roadmap-box.active .role .btn-more {
	left: auto;
	width: 80px;
	min-width: 0;
	height: 60px;
}

.section-learning-path .roadmap-box.active .role .btn-more .icon {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section-learning-path .roadmap-box.active .role .btn-more .icon:before, .section-learning-path .roadmap-box.active .role .btn-more .icon:after {
	background-color: #fff;
}

.section-learning-path .roadmap-box.active .learning-path {
	opacity: 1;
	pointer-events: all;
}

@media (max-width: 768px) {
	.section-learning-path .roadmap-box.active .role .btn-more {
		width: 60px;
		height: 50px;
	}
	.section-learning-path .roadmap-box.active .learning-path {
		padding-top: 20px;
	}
	.section-learning-path .roadmap-box.active .learning-title {
		margin-left: 20px;
		margin-bottom: 15px;
		font-size: 22px;
	}
	.section-learning-path .roadmap-box.active .learning-list {
		margin: 0 10px;
	}
	.section-learning-path .roadmap-box.active .learning-list li {
		margin: 8px 0;
		border-radius: 10px;
	}
	.section-learning-path .roadmap-box.active .learning-list li a {
		padding: 7px 20px 7px 22px;
		font-size: 13px;
	}
	.section-learning-path .roadmap-box.active .learning-list li a:before {
		left: 10px;
		width: 4px;
		height: 4px;
	}
	.section-learning-path .roadmap-box.active .learning-list li a:after {
		right: 10px;
		width: 6px;
		height: 6px;
		border-top-width: 1px;
		border-right-width: 1px;
	}
}

@media (max-width: 1200px) {
	.section-learning-path .roadmap .role {
		border-radius: 10px;
	}
	.section-learning-path .roadmap-box:last-child .role, .section-learning-path .roadmap-box:nth-last-child(2) .role {
		border-radius: 10px 10px 0 0;
	}
}

@media (max-width: 768px) {
	.section-learning-path .roadmap {
		-ms-flex-direction: column;
		    flex-direction: column;
		margin-top: -10px;
		margin-left: 0;
		margin-right: 0;
	}
	.section-learning-path .roadmap-box:nth-last-child(2) .role {
		border-radius: 10px;
	}
}

.section-course-map {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-course-map {
		margin-bottom: 0;
	}
}

.section-course-map .section-head {
	text-align: center;
}

.section-course-map .section-head h3 {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-course-map .section-head h3 {
		font-size: 22px;
	}
}

.section-course-map .section-head p {
	margin-top: 15px;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section-course-map .section-head p {
		font-size: 14px;
		margin-top: 11px;
	}
}

.section-course-map .section-box {
	max-width: 1240px;
}

.section-course-map .tab-category {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.4px;
	color: #686868;
}

@media (max-width: 768px) {
	.section-course-map .tab-category {
		margin: 0 auto 30px;
		font-size: 13px;
	}
}

.section-course-map .tab-category:after {
	content: '';
	display: block;
	clear: both;
}

.section-course-map .tab-category li {
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 768px) {
	.section-course-map .tab-category li {
		margin: 4px 0;
	}
}

.section-course-map .tab-category li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.section-course-map .tab-category li:before {
		display: none;
	}
}

.section-course-map .tab-category li:first-child:before {
	display: none;
}

.section-course-map .tab-category li.active {
	color: #111;
}

@media (max-width: 768px) {
	.section-course-map .tab-category li.active a {
		position: relative;
	}
	.section-course-map .tab-category li.active a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 100%;
		height: 3px;
		background-color: #b20c1a;
	}
}

.section-course-map .tab-category li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #252f3e transparent transparent transparent;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 768px) {
	.section-course-map .tab-category li.active:after {
		display: none;
	}
}

.course-map-wrap {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -5px;
}

@media (max-width: 768px) {
	.course-map-wrap {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding-bottom: 20px;
	}
}

.course-map-top {
	display: none;
}

@media (max-width: 768px) {
	.course-map-top {
		display: block;
		text-align: center;
	}
	.course-map-top .tab-category {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.page-course-gcp .course-map-top .tab-category li {
		-ms-flex: none;
		    flex: none;
		min-width: 30%;
		box-sizing: border-box;
	}
}

.course-map-top + .course-map-box .row-title {
	display: -ms-flexbox;
	display: flex;
}

.course-map-box {
	-ms-flex: 1 1 33.33%;
	    flex: 1 1 33.33%;
	margin: 0 5px;
	border-radius: 10px;
	background-color: #f5f5f6;
}

@media (max-width: 768px) {
	.course-map-box {
		margin-right: 0;
		margin-left: 10px;
		margin-bottom: 30px;
	}
}

.course-map-head {
	position: relative;
	height: 108px;
	padding: 30px 30px 0;
	box-sizing: border-box;
	text-align: center;
}

@media (max-width: 768px) {
	.course-map-head {
		height: 80px;
		padding-top: 20px;
		padding-left: 40px;
	}
}

.course-map-head small {
	display: block;
	margin-bottom: 5px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #a2a6ab;
}

@media (max-width: 1200px) {
	.course-map-head small {
		font-size: 12px;
	}
}

.course-map-head strong {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.7px;
}

@media (max-width: 1200px) {
	.course-map-head strong {
		font-size: 18px;
	}
}

.course-map-head .icon {
	position: absolute;
	top: 25px;
	right: 30px;
	width: 73px;
	height: 62px;
	background-position: 100% 0;
}

@media (max-width: 768px) {
	.course-map-head .icon {
		top: 13px;
		height: 50px;
	}
}

.course-map-row {
	position: relative;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.course-map-row {
		margin-bottom: 20px;
	}
}

.course-map-row .row-title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	display: none;
	-ms-flex-align: center;
	    align-items: center;
	width: 50px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: -0.4px;
	color: #fff;
	word-break: break-all;
	text-align: center;
	background-color: #252f3e;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.course-map-row .row-title {
		display: -ms-flexbox;
		display: flex;
		left: -10px;
		width: 40px;
		font-size: 14px;
	}
}

.course-map-row .row-title:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	border-color: #252f3e transparent transparent transparent;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 768px) {
	.course-map-row .row-title:before {
		display: none;
	}
}

.course-map-list li {
	position: relative;
	height: 100px;
	margin-bottom: 10px;
}

@media (max-width: 1200px) {
	.course-map-list li {
		height: 120px;
	}
}

.course-map-list li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-direction: column;
	    flex-direction: column;
	position: relative;
	height: 100%;
	padding: 0 30px;
	margin: 0 30px;
	border: 1px solid #ddd;
	border-left-width: 6px;
	border-radius: 6px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.course-map-list li a {
		padding-right: 30px;
		padding-left: 10px;
	}
}

@media (max-width: 768px) {
	.course-map-list li a {
		margin: 0 10px 0 40px;
	}
}

.course-map-list li .icon-angle-circle-right {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 0;
	height: 20px;
	border-width: 0 0 0 20px;
}

.course-map-list li .icon-angle-circle-right:after {
	width: 6px;
	height: 6px;
	margin-left: -10px;
	border-color: #fff;
}

@media (max-width: 768px) {
	.course-map-list li .icon-angle-circle-right {
		height: 15px;
		border-left-width: 15px;
	}
	.course-map-list li .icon-angle-circle-right:after {
		margin-left: -8px;
	}
}

.course-map-list li.col-hidden {
	visibility: hidden;
}

@media (max-width: 768px) {
	.course-map-list li.col-hidden {
		visibility: visible;
	}
}

@media (max-width: 768px) {
	.course-map-list li.col-shape {
		display: none;
	}
}

@media (min-width: 768px) {
	.course-map-list li.col-2 a, .course-map-list li.col-3 a {
		position: absolute;
		z-index: 1;
	}
	.course-map-list li.col-2 a {
		width: calc(200% - 50px);
	}
	.course-map-list li.col-3 a {
		width: calc(300% - 40px);
	}
}

.course-map-list strong {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.75px;
	color: #252f3e;
}

@media (max-width: 1200px) {
	.course-map-list strong {
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 13px;
		max-height: 51px;
	}
}

.course-map-list small {
	display: block;
	width: 100%;
	margin-top: 5px;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.5px;
	color: #959aa0;
}

@media (max-width: 1200px) {
	.course-map-list small {
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 11px;
		max-height: 40px;
	}
}

.course-map-starter .row-title {
	border-left: 5px solid #5593f1;
}

.course-map-starter .row-title:before {
	display: none;
}

.course-map-starter .course-map-list li a,
.course-map-starter .course-map-list li .icon-angle-circle-right {
	border-color: #5593f1;
}

.course-map-role .row-title {
	border-left: 5px solid #65bcb9;
}

.course-map-role .course-map-list li a,
.course-map-role .course-map-list li .icon-angle-circle-right {
	border-color: #65bcb9;
}

.course-map-pro .row-title {
	border-left: 5px solid #9671ee;
}

.course-map-pro .course-map-list li a,
.course-map-pro .course-map-list li .icon-angle-circle-right {
	border-color: #9671ee;
}

.course-map-all {
	border-radius: 20px;
	background-color: #f5f5f6;
}

@media (max-width: 768px) {
	.course-map-all {
		margin: 0 -20px;
		border-radius: 0;
		background-color: #fff;
	}
}

.course-map-all .course-map-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 35px 40px 10px;
}

@media (max-width: 768px) {
	.course-map-all .course-map-top {
		position: relative;
		padding: 0 20px;
		-ms-flex-pack: stretch;
		    justify-content: stretch;
	}
}

.course-map-all .course-map-top .total {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.4px;
}

.course-map-all .course-map-top .total .point {
	font-weight: 500;
	color: #d01111;
}

@media (max-width: 768px) {
	.course-map-all .course-map-top .total {
		position: absolute;
		top: 100%;
		z-index: 1;
		margin-top: 20px;
		font-size: 12px;
	}
}

.course-map-all .section {
	background-color: #f5f5f6;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 768px) {
	.course-map-all .section {
		padding: 37px 20px 40px;
	}
}

.course-map-all .section.related-course {
	border-radius: 20px;
}

@media (max-width: 768px) {
	.course-map-all .section.related-course {
		border-radius: 0;
	}
}

.course-map-all .section.related-course .section-box {
	padding-top: 0;
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	.course-map-all .section.related-course .section-box {
		padding-bottom: 0;
	}
}

.course-map-all .section.related-course .related-list {
	padding-bottom: 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	overflow-x: visible;
}

.course-map-all .section.related-course .related-list li {
	-ms-flex: 0 1 50%;
	    flex: 0 1 50%;
}

@media (max-width: 768px) {
	.course-map-all .section.related-course .related-list li {
		-ms-flex: 0 1 100%;
		    flex: 0 1 100%;
	}
	.course-map-all .section.related-course .related-list li:first-child {
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.course-map-all .section.related-course .related-list .related-box {
		padding: 10px 0 0;
	}
}

.section.related-course .related-box a {
	padding: 30px 30px 71px;
}

@media (max-width: 768px) {
	.section.related-course .related-box a {
		padding: 23px 20px 75px;
	}
}

.section.related-course .related-box .level {
	display: inline-block;
	min-width: 64px;
	height: 20px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	vertical-align: top;
}

@media (max-width: 768px) {
	.section.related-course .related-box .level {
		min-width: 47px;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
		margin-bottom: 5px;
	}
}

.section.related-course .related-box .level-introduction, .section.related-course .related-box .level-beginner {
	background-color: #5593f1;
}

.section.related-course .related-box .level-basic {
	background-color: #41bad4;
}

.section.related-course .related-box .level-advanced, .section.related-course .related-box .level-intermediate {
	background-color: #65bcb9;
}

.section.related-course .related-box .level-professional {
	background-color: #9671ee;
}

.section.related-course .related-box .course-name {
	display: block;
	margin-bottom: 35px;
}

@media (max-width: 768px) {
	.section.related-course .related-box .course-name {
		margin-top: -4px;
		margin-bottom: 12px;
	}
}

.section.related-course .related-box .course-name strong {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section.related-course .related-box .course-name strong {
		font-size: 18px;
	}
}

.section.related-course .related-box .course-name small {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: -0.4px;
	color: #959aa0;
}

@media (max-width: 768px) {
	.section.related-course .related-box .course-name small {
		font-size: 12px;
	}
}

.section.related-course .related-box .tags {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: end;
	    align-items: flex-end;
	position: absolute;
	left: 30px;
	bottom: 30px;
}

@media (max-width: 768px) {
	.section.related-course .related-box .tags {
		left: 22px;
		bottom: 23px;
	}
}

.section.related-course .related-box .tags .tag {
	margin-right: 10px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -0.3px;
	color: #999;
}

.section.related-course .related-box .tags .tag:before {
	content: '#';
}

.section.related-course .related-box .icon-angle-circle-right {
	position: absolute;
	top: 20px;
	right: 20px;
}

@media (max-width: 768px) {
	.section.related-course .related-box .icon-angle-circle-right {
		top: 14px;
		right: 14px;
		width: 22px;
		height: 22px;
	}
	.section.related-course .related-box .icon-angle-circle-right:after {
		width: 6px;
		height: 6px;
	}
}

.section-certify h3 {
	display: inline-block;
	font-size: 22px;
}

@media (max-width: 768px) {
	.section-certify h3 {
		font-size: 18px;
	}
}

.section-certify .section-box {
	position: relative;
	max-width: 1240px;
	padding-bottom: 100px;
}

.section-certify .section-box .aside .sort {
	margin-right: 0;
}

.section-certify .section-box .aside .sort:after {
	display: none;
}

@media (max-width: 768px) {
	.section-certify .section {
		padding-bottom: 50px;
	}
}

.section-certify .certify-status {
	display: block;
	margin-bottom: 15px;
	font-size: 22px;
}

.section-certify .certify-list {
	margin-bottom: 35px;
}

@media (max-width: 768px) {
	.section-certify .certify-list .clazz-name strong {
		display: block;
	}
}

@media (max-width: 768px) {
	.section-certify .certify-list .clazz-name {
		margin-bottom: 15px;
	}
}

.section-certify .certify-list .clazz-date {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 0;
	padding-left: 7px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	vertical-align: middle;
	color: #959aa0;
}

.section-certify .certify-list .clazz-date:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: #959aa0;
}

@media (max-width: 1200px) {
	.section-certify .certify-list .clazz-date {
		display: block;
		margin-left: 0;
		padding-left: 0;
	}
	.section-certify .certify-list .clazz-date:before {
		display: none;
	}
}

.section-certify .certify-list .clazz-info {
	position: absolute;
	top: 55px;
	right: 40px;
}

@media (max-width: 768px) {
	.section-certify .certify-list .clazz-info {
		position: static;
	}
}

.section-certify .certify-list .clazz-num {
	margin-right: 0;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-certify .certify-list .clazz-num {
		font-size: 15px;
	}
}

.section-certify .certify-list .btns {
	position: absolute;
	top: 10px;
	right: 30px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.section-certify .certify-list .btns {
		position: static;
		display: -ms-flexbox;
		display: flex;
		margin-top: 10px;
	}
}

.section-certify .certify-list .btns .btn {
	position: relative;
	top: 0;
	right: 0;
	min-width: 0;
	padding: 10px;
	color: #959aa0;
}

@media (max-width: 768px) {
	.section-certify .certify-list .btns .btn {
		border: 1px solid #bdc0c5;
		border-radius: 6px;
	}
}

.section-certify .certify-list .btns .btn .icon {
	margin-left: 5px;
}

@media (max-width: 768px) {
	.section-certify .certify-list .btns .btn + .btn {
		margin-left: 5px;
	}
}

.section-certify-month .section-box {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-certify-month .section-head {
	margin-bottom: 16px;
}

.section-certify-month .list-utils {
	position: absolute;
	top: 52px;
	right: 0;
	margin-bottom: 0;
}

.section-certify-month .list-item:nth-child(odd):last-child:before {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	content: '';
	position: absolute;
	top: -1px;
	right: -11px;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	width: 100%;
	height: 100%;
	border: dashed 1px #dddde8;
	border-radius: 10px;
	background-color: #fafafb;
	background-image: url("../images/logo/logo-aws-training-fade.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.list-row .section-certify-month .list-item:nth-child(odd):last-child:before {
	display: none;
}

@media (max-width: 768px) {
	.section-certify-month .section-box {
		padding-top: 32px;
		padding-bottom: 35px;
	}
	.section-certify-month .list-row .list-item, .section-certify-month .list-grid .list-item {
		padding: 23px 20px;
	}
	.section-certify-month .list-row .list-item:nth-child(odd):last-child:before, .section-certify-month .list-grid .list-item:nth-child(odd):last-child:before {
		display: none;
	}
	.section-certify-month .list-row .clazz-date .month, .section-certify-month .list-grid .clazz-date .month {
		width: 45px;
		height: 21px;
		margin-right: 5px;
		font-size: 13px;
	}
	.section-certify-month .list-row .clazz-date .month em, .section-certify-month .list-grid .clazz-date .month em {
		font-size: 18px;
	}
	.section-certify-month .list-row .clazz-foot, .section-certify-month .list-grid .clazz-foot {
		top: auto;
		bottom: 23px;
		right: 21px;
		-webkit-transform: none;
		        transform: none;
	}
	.section-certify-month .certify-list {
		margin-bottom: 15px;
	}
	.section-certify-month .certify-list .clazz-date {
		margin-bottom: 13px;
	}
	.section-certify-month .certify-list .clazz-date .period {
		display: inline;
	}
	.section-certify-month .certify-list .clazz-seat .available {
		vertical-align: -1px;
	}
}

.section-certification {
	margin-bottom: 55px;
}

.section-certification .section-box {
	background-image: url("../images/visual/bg-main-certification.png");
	background-size: cover;
	background-color: #252f3e;
}

.section-certification .section-head {
	color: #fff;
}

.section-certification .certification-list {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px;
}

.section-certification .certification-box {
	-ms-flex: 0 1 33.33%;
	    flex: 0 1 33.33%;
	min-height: 230px;
	margin: 0 10px;
	padding: 29px 40px 0;
	border-radius: 10px 10px 0 0;
	background-color: #fff;
	box-sizing: border-box;
}

.section-certification .certification-content {
	position: relative;
	padding-left: 105px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
}

.section-certification .certification-content .icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 72px;
	height: 82px;
}

.section-certification .certification-title {
	margin-bottom: 34px;
}

.section-certification .certification-title em {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #a2a6ab;
}

.section-certification .certification-title strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.6px;
}

@media (max-width: 1200px) {
	.section-certification .certification-content {
		padding-left: 0;
	}
	.section-certification .certification-content .icon {
		position: static;
	}
}

@media (max-width: 768px) {
	.section-certification .certification-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.section-certification .certification-box {
		-ms-flex: none;
		    flex: none;
		min-height: 0;
		padding: 22px 20px;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.section-certification .certification-box:last-child {
		margin-bottom: 0;
		border-radius: 10px 10px 0 0;
	}
	.section-certification .certification-content {
		padding-left: 80px;
		font-size: 13px;
		line-height: 1.62;
	}
	.section-certification .certification-content .icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 69px;
	}
	.section-certification .certification-title {
		margin-bottom: 15px;
	}
	.section-certification .certification-title em {
		font-size: 12px;
	}
	.section-certification .certification-title strong {
		font-size: 18px;
	}
}

.section-certification-map {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-certification-map {
		margin-bottom: 0;
	}
}

.section-certification-map .section-head {
	text-align: center;
}

.section-certification-map .section-head h3 {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

.section-certification-map .section-head p {
	margin-top: 15px;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -0.5px;
}

.section-certification-map .section-box {
	max-width: 1240px;
	margin-bottom: 100px;
	padding: 0 20px;
}

@media (max-width: 768px) {
	.section-certification-map .section-head h3 {
		font-size: 22px;
	}
	.section-certification-map .section-head p {
		margin-top: 11px;
		font-size: 14px;
	}
	.section-certification-map .section-box {
		margin-bottom: 0;
		padding: 0;
	}
}

.section-certification-map .tab-category {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.4px;
	color: #686868;
}

@media (max-width: 768px) {
	.section-certification-map .tab-category {
		margin: 0 auto;
		font-size: 13px;
	}
}

.section-certification-map .tab-category li {
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 768px) {
	.section-certification-map .tab-category li {
		margin: 4px 0;
	}
}

.section-certification-map .tab-category li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.section-certification-map .tab-category li:before {
		display: none;
	}
}

.section-certification-map .tab-category li:first-child:before {
	display: none;
}

.section-certification-map .tab-category li.active {
	color: #111;
}

@media (max-width: 768px) {
	.section-certification-map .tab-category li.active a {
		position: relative;
	}
	.section-certification-map .tab-category li.active a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 100%;
		height: 3px;
		background-color: #b20c1a;
	}
}

.section-certification-map .tab-category li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #252f3e transparent transparent transparent;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 768px) {
	.section-certification-map .tab-category li.active:after {
		display: none;
	}
}

.section .certification-map-wrap {
	margin-top: 50px;
}

@media (max-width: 768px) {
	.section .certification-map-wrap {
		margin-top: 0;
	}
}

.section .certification-map-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	    align-items: flex-end;
}

@media (max-width: 768px) {
	.section .certification-map-inner {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: stretch;
		    align-items: stretch;
		margin-bottom: 50px;
	}
}

.section .certification-map-top {
	display: none;
}

@media (max-width: 768px) {
	.section .certification-map-top {
		display: block;
		text-align: center;
	}
	.section .certification-map-top .tab-category {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.page-certification-gcp .section .certification-map-top .tab-category li {
		-ms-flex: none;
		    flex: none;
		min-width: 30%;
		box-sizing: border-box;
	}
}

.section .certification-map-box {
	position: relative;
	-ms-flex: 1 1 100%;
	    flex: 1 1 100%;
	background-color: #f5f5f6;
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 20px;
}

.section .certification-map-box:nth-child(1) .certification-map-title {
	margin-top: 5px;
}

.section .certification-map-box:nth-child(1) .certified-badge:after {
	height: 50%;
	opacity: 0.4;
}

.page-certification-gcp .section .certification-map-box:nth-child(1) .certified-badge:after {
	display: none;
}

.section .certification-map-box:nth-child(2) .certification-map-title {
	margin-top: 35px;
}

.section .certification-map-box:nth-child(2) .certified-badge:after {
	height: 80%;
	opacity: 0.3;
}

.page-certification-gcp .section .certification-map-box:nth-child(2) .certified-badge:after {
	display: none;
}

.section .certification-map-box:nth-child(3) .certification-map-title {
	margin-top: 65px;
}

.section .certification-map-box:nth-child(3) .certified-badge:after {
	height: 110%;
	opacity: 0.2;
}

.page-certification-gcp .section .certification-map-box:nth-child(3) .certified-badge:after {
	display: none;
}

@media (max-width: 1200px) {
	.section .certification-map-box {
		padding: 30px 20px;
	}
}

@media (max-width: 768px) {
	.section .certification-map-box {
		margin-top: 22px;
		margin-right: 0;
		padding: 30px 20px;
	}
	.section .certification-map-box:nth-child(1) .certification-map-title {
		margin-top: 0px;
	}
	.section .certification-map-box:nth-child(2) .certification-map-title {
		margin-top: 20px;
	}
	.section .certification-map-box:nth-child(3) .certification-map-title {
		margin-top: 40px;
	}
}

.section .certification-map-box:last-child {
	margin-right: 0;
}

.section .certification-map-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #252f3e;
}

.section .certification-map-box .certified-badge {
	position: relative;
	display: inline-block;
}

.section .certification-map-box .certified-badge:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}

.layer-roadmap-gcp .section .certification-map-box .certified-badge:after {
	display: none;
}

.section .certification-map-box .certified-badge .icon {
	position: relative;
	z-index: 1;
	width: 86px;
	height: 100px;
	vertical-align: top;
}

@media (max-width: 768px) {
	.section .certification-map-box .certified-badge .icon {
		width: 60px;
		height: 70px;
	}
}

.section .certification-map-box .certification-map-title {
	margin-bottom: 15px;
}

.section .certification-map-box ul {
	margin-top: 25px;
	min-height: 560px;
}

@media (max-width: 1400px) {
	.section .certification-map-box ul {
		min-height: 415px;
	}
}

@media (max-width: 768px) {
	.section .certification-map-box ul {
		min-height: 0;
	}
}

.section .certification-map-box ul li {
	position: relative;
	background-color: #fff;
	border: 1px solid;
	border-radius: 6px;
}

.section .certification-map-box ul li + li {
	margin-top: 10px;
}

.section .certification-map-box ul li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	line-height: 1.4;
	padding: 25px 15px 25px 20px;
	letter-spacing: -0.5px;
}

@media (max-width: 1200px) {
	.section .certification-map-box ul li a {
		padding: 15px;
	}
}

@media (max-width: 768px) {
	.section .certification-map-box ul li a {
		min-height: 73px;
		padding: 15px 22px;
		box-sizing: border-box;
	}
}

.section .certification-map-box ul li a strong {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #252f3e;
}

@media (max-width: 1200px) {
	.section .certification-map-box ul li a strong {
		font-size: 15px;
	}
}

.section .certification-map-box ul li a span,
.section .certification-map-box ul li a small {
	font-size: 14px;
	color: #959aa0;
}

@media (max-width: 1200px) {
	.section .certification-map-box ul li a span,
	.section .certification-map-box ul li a small {
		font-size: 12px;
	}
}

.section .certification-map-box .certified-badge-simple {
	margin-right: 15px;
}

@media (max-width: 1200px) {
	.section .certification-map-box .certified-badge-simple {
		display: none;
	}
}

@media (max-width: 768px) {
	.section .certification-map-box .certified-badge-simple {
		display: inline-block;
	}
}

.section .certification-map-box .icon-angle-circle-right {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 0;
	height: 20px;
	border-width: 0 0 0 20px;
}

.section .certification-map-box .icon-angle-circle-right:after {
	width: 6px;
	height: 6px;
	margin-left: -10px;
	border-color: #fff;
}

@media (max-width: 768px) {
	.section .certification-map-box .icon-angle-circle-right {
		height: 15px;
		border-width: 0 0 0 15px;
	}
	.section .certification-map-box .icon-angle-circle-right:after {
		width: 5px;
		height: 5px;
		margin-left: -8px;
		border-width: 1px;
	}
}

.section .certification-map-box.associate ul li,
.section .certification-map-box.associate ul .icon-angle-circle-right {
	border-color: #5593f1;
}

.section .certification-map-box.associate .certified-badge:after {
	background: linear-gradient(to bottom, #5593f1, transparent);
}

.section .certification-map-box.professional ul li,
.section .certification-map-box.professional ul .icon-angle-circle-right {
	border-color: #65bcb9;
}

.page-certification-gcp .section .certification-map-box.professional ul li, .layer-roadmap-gcp .section .certification-map-box.professional ul li, .page-certification-gcp
.section .certification-map-box.professional ul .icon-angle-circle-right, .layer-roadmap-gcp
.section .certification-map-box.professional ul .icon-angle-circle-right {
	border-color: #fbbc05;
}

.section .certification-map-box.professional .certified-badge:after {
	background: linear-gradient(to bottom, #65bcb9, transparent);
}

.section .certification-map-box.specialty ul li,
.section .certification-map-box.specialty ul .icon-angle-circle-right {
	border-color: #9671ee;
}

.section .certification-map-box.specialty .certified-badge:after {
	background: linear-gradient(to bottom, #9671ee, transparent);
}

.section .certification-map-title span {
	font-style: italic;
	font-size: 14px;
	color: #a2a6ab;
}

@media (max-width: 1200px) {
	.section .certification-map-title span {
		font-size: 12px;
	}
}

.section .certification-map-title strong {
	display: block;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -0.7px;
}

@media (max-width: 1200px) {
	.section .certification-map-title strong {
		font-size: 20px;
	}
}

.section .certification-map-explain {
	font-size: 15px;
	font-weight: 300;
}

.section .certification-map-explain em {
	font-weight: 500;
}

@media (max-width: 1200px) {
	.section .certification-map-explain {
		margin-top: 20px;
		font-size: 13px;
	}
}

.section .certification-map-all {
	border-radius: 20px;
	background-color: #f5f5f6;
}

@media (max-width: 768px) {
	.section .certification-map-all {
		margin: 0 -20px;
		border-radius: 0;
		background-color: #fff;
	}
}

.section .certification-map-all .certification-map-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 35px 40px 10px;
}

@media (max-width: 768px) {
	.section .certification-map-all .certification-map-top {
		position: relative;
		padding: 0 20px 30px;
		-ms-flex-pack: stretch;
		    justify-content: stretch;
	}
}

.section .certification-map-all .certification-map-top .total {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.4px;
}

.section .certification-map-all .certification-map-top .total .point {
	font-weight: 500;
	color: #d01111;
}

@media (max-width: 768px) {
	.section .certification-map-all .certification-map-top .total {
		position: absolute;
		top: 100%;
		z-index: 1;
		margin-top: 16px;
		font-size: 12px;
	}
}

.section .certification-map-all .section {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 768px) {
	.section .certification-map-all .section {
		padding: 37px 20px 50px;
		background-color: #f5f5f6;
	}
}

.section .certification-map-all .section-box {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

@media (max-width: 768px) {
	.section .certification-map-all .section-box {
		margin-top: 15px;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.section .certification-map-all .section-related .related-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.section .certification-map-all .section-related .related-list li {
		-ms-flex: 0 1 100%;
		    flex: 0 1 100%;
		min-width: 100%;
		margin-top: 10px;
	}
	.section .certification-map-all .section-related .related-list li:first-child {
		margin: 0;
	}
	.section .certification-map-all .section-related .related-box {
		padding: 0;
	}
}

.section-certification-path {
	background-color: #f5f5f6;
}

.section-certification-path .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
}

@media (max-width: 768px) {
	.section-certification-path .section-box {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

.section-certification-path .section-head {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-certification-path .section-head {
		margin-bottom: 17px;
	}
}

.section-certification-path .section-head h3 {
	margin-bottom: 10px;
}

.section-certification-path .section-head p {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-certification-path .section-head p {
		font-size: 13px;
	}
}

.section-certification-path .section-foot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: start;
	    align-items: flex-start;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-certification-path .section-foot strong {
	display: block;
	margin-bottom: 9px;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.6px;
}

.section-certification-path .recommand-process {
	position: relative;
	margin-bottom: 45px;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process {
		margin-bottom: 0;
	}
}

.section-certification-path .recommand-process:before {
	content: '';
	z-index: 1;
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 69px;
	display: block;
	width: 2px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process:before {
		left: 40px;
	}
}

.section-certification-path .recommand-process .number {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	z-index: 1;
	position: absolute;
	top: 25px;
	left: 54px;
	width: 30px;
	height: 30px;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 700;
	border: solid 2px #0f3455;
	border-radius: 4px;
	background-color: #fff;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .number {
		top: 22px;
		left: 25px;
	}
}

.section-certification-path .recommand-process .number .icon:before {
	width: 12px;
	height: 6px;
	border-color: #0f3455;
	border-width: 3px;
	-webkit-transform-origin: 2px 2px;
	        transform-origin: 2px 2px;
}

.section-certification-path .recommand-process .recommand-list li {
	position: relative;
	border-top: 1px solid #dddde8;
}

.section-certification-path .recommand-process .recommand-list li:first-child {
	border-top: none;
}

.section-certification-path .recommand-process .recommand-list li a {
	display: block;
	height: 100%;
}

.section-certification-path .recommand-process .recommand-list li .inner {
	padding: 25px 80px 25px 0;
}

.section-certification-path .recommand-process .recommand-list li .label {
	display: inline-block;
	min-width: 78px;
	height: 20px;
	margin-bottom: 10px;
	padding: 0 15px;
	border-radius: 10px;
	text-align: center;
	font-size: 13px;
	letter-spacing: -0.3px;
	color: #fff;
	background-color: #252f3e;
	box-sizing: border-box;
}

.section-certification-path .recommand-process .recommand-list li .course-name {
	display: block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.section-certification-path .recommand-process .recommand-list li p {
	margin-top: 10px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.67;
	letter-spacing: -0.4px;
}

.section-certification-path .recommand-process .recommand-list li .icon-angle-circle-right {
	position: absolute;
	top: 50%;
	right: 31px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.section-certification-path .recommand-process .info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-pack: left;
	    justify-content: left;
	margin-top: 12px;
	margin-bottom: 30px;
	padding-left: 93px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-certification-path .recommand-process .info .icon {
	margin-right: 8px;
}

.section-certification-path .recommand-process .step {
	position: relative;
	margin-top: 30px;
	padding-left: 140px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddde8;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step {
		padding-left: 88px;
	}
}

.section-certification-path .recommand-process .step:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	border-left: 5px solid #dddde8;
}

.section-certification-path .recommand-process .step:first-child .number:before {
	display: none;
}

.section-certification-path .recommand-process .step-introduction .icon, .section-certification-path .recommand-process .step-introduction, .section-certification-path .recommand-process .step-introduction:before {
	border-color: #5593f1;
}

.section-certification-path .recommand-process .step-basic .icon, .section-certification-path .recommand-process .step-basic, .section-certification-path .recommand-process .step-basic:before {
	border-color: #41bad4;
}

.section-certification-path .recommand-process .step-advanced .icon, .section-certification-path .recommand-process .step-advanced, .section-certification-path .recommand-process .step-advanced:before {
	border-color: #65bcb9;
}

.section-certification-path .recommand-process .step-professional .icon, .section-certification-path .recommand-process .step-professional, .section-certification-path .recommand-process .step-professional:before {
	border-color: #9671ee;
}

.section-certification-path .recommand-process .step-gcp-associate .icon, .section-certification-path .recommand-process .step-gcp-associate, .section-certification-path .recommand-process .step-gcp-associate:before {
	border-color: #4285f4;
}

.section-certification-path .recommand-process .step-gcp-professional .icon, .section-certification-path .recommand-process .step-gcp-professional, .section-certification-path .recommand-process .step-gcp-professional:before {
	border-color: #fbbc05;
}

.section-certification-path .recommand-process .step-gcp-professional .grade {
	color: #fbbc05;
}

.section-certification-path .recommand-process .step-recommend {
	margin: 30px 0;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-recommend {
		margin: 20px 0;
	}
}

.section-certification-path .recommand-process .step-recommend .number {
	background-color: #252f3e;
}

.section-certification-path .recommand-process .step-recommend .number:before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #252f3e transparent transparent transparent;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	box-sizing: border-box;
}

.section-certification-path .recommand-process .step-recommend .number .icon:before {
	border-color: #fff;
}

.section-certification-path .recommand-process .step-final {
	z-index: 1;
	overflow: visible;
	position: relative;
	padding-left: 0;
	border-color: #252f3e;
}

.section-certification-path .recommand-process .step-final:before {
	position: absolute;
	top: -5px;
	left: 69px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #252f3e #f5f5f6 #f5f5f6 #f5f5f6;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final:before {
		left: 40px;
	}
}

.section-certification-path .recommand-process .step-final .inner {
	display: block;
	padding: 24px 31px;
}

.section-certification-path .recommand-process .step-final .inner:after {
	content: '';
	display: block;
	clear: both;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .inner {
		padding: 18.5px 16px 17px;
	}
}

.section-certification-path .recommand-process .step-final .icon {
	float: left;
	width: 75px;
	height: 87px;
	margin-right: 30px;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .icon:not(.icon-download) {
		width: 56px;
		height: 65px;
		margin-right: 15px;
		background-position: center center;
	}
}

.section-certification-path .recommand-process .step-final .grade {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	line-height: 1;
	margin: 9px 0 10px;
	text-transform: capitalize;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .grade {
		margin-top: 0;
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .course-name {
		margin-left: 71px;
	}
}

.section-certification-path .recommand-process .step-final .btn {
	position: absolute;
	top: 50%;
	right: 30px;
	min-height: 0;
	padding: 0 20px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .btn {
		position: static;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-transform: none;
		        transform: none;
		margin-left: 87.5px;
		margin-bottom: 20px;
		padding: 0 13px;
	}
}

.section-certification-path .recommand-process .step-final .btn .icon {
	width: 18px;
	height: 15px;
	float: none;
	margin-left: 10px;
	margin-right: 0;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step-final .btn .icon {
		width: 14px;
		height: 13px;
		margin-left: 7px;
	}
}

.section-certification-path .recommand-process .step-associate .grade {
	color: #5593f1;
}

.section-certification-path .recommand-process .step-professional .grade {
	color: #65bcb9;
}

.section-certification-path .recommand-process .step-specialty .grade {
	color: #9671ee;
}

.section-certification-path .recommand-process .step .label {
	display: inline-block;
	min-width: 68px;
	height: 20px;
	padding: 0 10px;
	line-height: 20px;
	margin-top: 2px;
	margin-left: 10px;
	font-size: 13px;
	color: #fff;
	letter-spacing: -0.3px;
	vertical-align: top;
	text-align: center;
	border-radius: 10px;
	background-color: #252f3e;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step .label {
		min-width: 54px;
		height: 15px;
		line-height: 15px;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 11px;
	}
}

.section-certification-path .recommand-process .step a {
	position: relative;
	display: block;
	-ms-flex-align: center;
	    align-items: center;
	min-height: 80px;
	padding-top: 15px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step a {
		min-height: 75px;
		padding-top: 20px;
	}
}

.section-certification-path .recommand-process .step .course-name {
	display: inline-block;
	line-height: 1.2;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step .course-name {
		display: block;
	}
}

.section-certification-path .recommand-process .step .course-name strong {
	display: block;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step .course-name strong {
		font-size: 15px;
	}
}

.section-certification-path .recommand-process .step .course-name small {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.4px;
	color: #959aa0;
}

@media (max-width: 768px) {
	.section-certification-path .recommand-process .step .course-name small {
		display: -ms-flexbox;
		display: flex;
		margin-top: 7px;
		font-size: 13px;
	}
}

.section-certification-path .recommand-process .step .icon-angle-circle-right {
	position: absolute;
	top: 9px;
	right: 9px;
	-ms-flex: none;
	    flex: none;
	width: 0;
	height: 20px;
	border-width: 0 0 0 20px;
	border-style: solid;
}

.section-certification-path .recommand-process .step .icon-angle-circle-right:after {
	width: 6px;
	height: 6px;
	border-color: #fff;
	left: -10px;
}

.section-certification-path .recommand-process .step .inner-text {
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
}

.section.related-certification .related-list li {
	-ms-flex: 0 1 50%;
	    flex: 0 1 50%;
}

.section.related-certification .related-box a {
	padding: 25px 65px 35px 77px;
}

@media (max-width: 768px) {
	.section.related-certification .related-box a {
		min-height: 204px;
		padding: 24px 30px 25px 64px;
	}
}

.section.related-certification .related-box p {
	-webkit-line-clamp: 4;
	max-height: 96px;
}

.section.related-certification .related-box .certified-badge-simple {
	position: absolute;
	top: 5px;
	left: -47px;
}

.section.related-certification .related-box .certification-name {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.section.related-certification .related-box .certification-name {
		margin-bottom: 16px;
	}
}

.section.related-certification .related-box .certification-name strong {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section.related-certification .related-box .certification-name strong {
		display: block;
		margin-bottom: 5px;
		font-size: 17px;
	}
}

.section.related-certification .related-box .certification-name small {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: -0.4px;
	color: #959aa0;
}

@media (max-width: 768px) {
	.section.related-certification .related-box .certification-name small {
		font-size: 13px;
		line-height: 1.5;
	}
}

.section.related-certification .related-box .icon-angle-circle-right {
	position: absolute;
	top: 30px;
	right: 20px;
}

@media (max-width: 768px) {
	.section.related-certification .related-box .icon-angle-circle-right {
		top: 15px;
		right: 15px;
		width: 22px;
		height: 22px;
	}
	.section.related-certification .related-box .icon-angle-circle-right:after {
		width: 6px;
		height: 6px;
	}
}

.section-cloud {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.section-cloud {
		padding: 0;
		margin-bottom: 0;
	}
}

.section-cloud .section-box {
	padding: 45px 40px 40px;
	border-radius: 16px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-cloud .section-box {
		padding: 33px 20px 30px;
		border-radius: 0;
	}
}

.section-cloud .section-head {
	margin-bottom: 30px;
	padding-left: 40px;
	color: #fff;
	font-size: 19px;
}

@media (max-width: 1200px) {
	.section-cloud .section-head {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.section-cloud .section-head {
		font-size: 14px;
		margin-bottom: 12px;
	}
}

.section-cloud .section-head h2 {
	margin-bottom: 10px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-cloud .section-head h2 {
		font-size: 26px;
		font-weight: 400;
		margin-bottom: 6px;
	}
}

.section-cloud .section-head p {
	font-weight: 300;
}

@media (min-width: 769px) {
	.section-cloud .section-head p {
		font-size: 19px;
	}
}

.section-cloud .cloud-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}

@media (max-width: 768px) {
	.section-cloud .cloud-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-cloud .cloud-box {
	position: relative;
	-ms-flex: none;
	    flex: none;
	width: 25%;
	min-height: 200px;
	padding: 0 10px 10px;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.section-cloud .cloud-box {
		-ms-flex: none;
		    flex: none;
		width: 50%;
		padding-top: 10px;
	}
}

@media (max-width: 768px) {
	.section-cloud .cloud-box {
		margin-top: 10px;
		width: 100%;
		padding: 0 10px;
	}
}

.section-cloud .cloud-content {
	height: 100%;
	padding: 40px 29px 70px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.section-cloud .cloud-content .year {
	display: inline-block;
	background-color: #b20c1a;
	color: #fff;
	padding: 0 40px;
	line-height: 36px;
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 500;
	margin-left: -29px;
	margin-bottom: 25px;
	border-radius: 0 5px 5px 0;
}

.section-cloud .cloud-content .year i {
	font-size: 16px;
}

.section-cloud .cloud-content .year i:after {
	content: '~';
	display: inline-block;
	margin: 0 5px;
}

.section-cloud .cloud-content .year em {
	color: #111;
}

@media (max-width: 1200px) {
	.section-cloud .cloud-content .year {
		margin-left: -40px;
	}
}

@media (max-width: 768px) {
	.section-cloud .cloud-content .year {
		font-size: 18px;
		font-weight: 400;
		padding: 0 20px;
		margin-left: -20px;
		margin-bottom: 16px;
		line-height: 28px;
	}
	.section-cloud .cloud-content .year i {
		font-size: 14px;
		font-weight: 400;
	}
}

.section-cloud .cloud-content .icon {
	position: absolute;
	top: 26px;
	left: 45px;
	display: block;
	background-position: 0 50%;
	min-width: 100px;
	margin-bottom: 25px;
}

@media (max-width: 1200px) {
	.section-cloud .cloud-content {
		padding-top: 40px;
		padding-left: 40px;
		font-size: 13px;
	}
	.section-cloud .cloud-content .icon {
		position: static;
	}
}

@media (max-width: 768px) {
	.section-cloud .cloud-content {
		padding: 25px 35px 31px 20px;
	}
	.section-cloud .cloud-content .icon {
		min-width: auto;
		margin-bottom: 20px;
	}
}

.section-cloud .cloud-content .list-default li {
	margin-top: 11px;
}

@media (max-width: 768px) {
	.section-cloud .cloud-content .list-default li strong {
		font-weight: 300;
	}
}

.section-cloud .cloud-title {
	margin-bottom: 27px;
}

@media (max-width: 768px) {
	.section-cloud .cloud-title {
		margin-bottom: 15px;
	}
}

.section-cloud .cloud-title span {
	color: #d01111;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: normal;
}

@media (max-width: 768px) {
	.section-cloud .cloud-title span {
		font-size: 14px;
	}
}

.section-cloud .cloud-title strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-cloud .cloud-title strong {
		font-size: 18px;
	}
}

.section-client {
	padding-top: 87px;
	padding-bottom: 80px;
	text-align: center;
}

@media (max-width: 768px) {
	.section-client {
		padding: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	.section-client .section-box {
		padding: 43px 20px 40px;
		border-radius: 0;
	}
}

.section-client .section-head {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.section-client .section-head {
		font-size: 14px;
		margin-bottom: 20px;
	}
}

.section-client .section-head h3 {
	margin-bottom: 15px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-client .section-head h3 {
		font-size: 22px;
	}
}

.section-client .section-head p {
	font-size: 19px;
	font-weight: 300;
	line-height: 1.53;
}

@media (max-width: 768px) {
	.section-client .section-head p {
		font-size: 0;
	}
	.section-client .section-head p:before {
		content: '대기업, 게임사, 스타트업, 공공기관 등 1,200여 고객사에 AWS 솔루션을 제공하고 있습니다.';
		font-size: 14px;
	}
}

.section-client .client-box {
	margin: 0 auto;
	max-width: 1160px;
}

@media (max-width: 1200px) {
	.section-client .client-box {
		padding: 0 20px;
	}
}

.section-client .client-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}

.section-client .client-list li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: calc(20% - 20px);
	height: 100px;
	margin: 0 10px 20px;
	padding: 10px;
	border: 1px solid #dddde8;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-client .client-list li {
		width: calc(33.333% - 10px);
		height: 65px;
		margin: 0 5px 10px;
		padding-left: 18px;
		padding-right: 18px;
	}
	.section-client .client-list li:last-child {
		display: none;
	}
}

.section-competency {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.section-competency {
		padding: 0;
		margin-bottom: 0;
	}
}

.section-competency .section-box {
	padding: 36px 0px 40px;
	border-radius: 16px;
}

@media (max-width: 768px) {
	.section-competency .section-box {
		padding: 32px 20px 35px;
		border-radius: 0;
	}
}

.section-competency .section-head {
	margin-bottom: 30px;
	font-size: 19px;
	text-align: center;
}

@media (max-width: 768px) {
	.section-competency .section-head {
		font-size: 14px;
		margin-bottom: 12px;
	}
}

.section-competency .section-head h2 {
	margin-bottom: 3px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-competency .section-head h2 {
		margin-bottom: 6px;
		font-size: 26px;
	}
}

.section-competency .section-head p {
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-competency .section-head p {
		font-size: 14px;
	}
}

.section-competency .competency-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	max-width: 1260px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.section-competency .competency-list {
		margin: 0 -5px;
	}
}

.section-competency .competency-box {
	position: relative;
	-ms-flex: none;
	    flex: none;
	width: 25%;
	padding: 0 10px 20px;
	box-sizing: border-box;
}

@media (max-width: 1000px) {
	.section-competency .competency-box {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.section-competency .competency-box {
		width: 100%;
		padding: 0 5px 10px;
	}
	.section-competency .competency-box:nth-child(n+5) {
		width: 50%;
	}
}

.section-competency .competency-content {
	height: 100%;
	padding: 40px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.4px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #f5f5f6;
	/*
        @media (max-width: $bp-sm) {
            padding: 22px 35px 25px 20px;
            min-height: auto;
            .icon {
                min-width: auto;
                margin-bottom: 20px;
            }
        }
        */
}

.section-competency .competency-content > div {
	position: relative;
	height: 100%;
	padding-bottom: 141.4%;
	box-sizing: border-box;
}

.section-competency .competency-content > div p {
	margin-bottom: 23px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.4px;
}

.section-competency .competency-content > div p strong {
	font-weight: 500;
}

@media (max-width: 1200px) {
	.section-competency .competency-content {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 13px;
	}
	.section-competency .competency-content > div p {
		margin-bottom: 16px;
	}
}

@media (max-width: 1200px) and (max-width: 768px) {
	.section-competency .competency-content > div p {
		margin-bottom: 15px;
	}
}

@media (max-width: 1000px) {
	.section-competency .competency-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.section-competency .competency-content > div {
		padding-bottom: 0;
	}
	.section-competency .competency-content > div p {
		font-size: 13px;
	}
	.section-competency .competency-content > div p strong {
		display: block;
	}
}

.section-competency .competency-inner {
	position: absolute;
	bottom: 0;
}

@media (max-width: 1000px) {
	.section-competency .competency-inner {
		position: static;
	}
}

.section-competency .competency-badge {
	width: 100%;
	margin-bottom: 20px;
	/*
        @media (max-width: $bp-sm) {
            position: static;
            text-align: left;
            max-width: 125px;
        }
        */
}

@media (max-width: 1000px) {
	.section-competency .competency-badge {
		margin-bottom: 10px;
	}
}

.section-competency .competency-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px;
}

@media (max-width: 1600px) {
	.section-competency .competency-title {
		font-size: 17px;
	}
}

@media (max-width: 1000px) {
	.section-competency .competency-title {
		font-size: 15px;
	}
}

.section-overview {
	font-size: 20px;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

@media (max-width: 1200px) {
	.section-overview {
		font-size: 15px;
	}
}

.section-overview .inner {
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
}

.section-overview .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	max-width: 1240px;
	padding-top: 40px;
	padding-bottom: 50px;
}

@media (max-width: 1200px) {
	.section-overview .section-box {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

@media (max-width: 768px) {
	.section-overview .section-box {
		padding-top: 39px;
		padding-bottom: 35px;
	}
}

.section-overview .section-head {
	margin-bottom: 22px;
}

.section-overview .section-head h3 {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-overview .section-head {
		margin-bottom: 14px;
	}
	.section-overview .section-head h3 {
		margin-bottom: 14px;
	}
}

.section-overview .video {
	-ms-flex: none;
	    flex: none;
	width: 400px;
	max-width: 100%;
	height: 224px;
	margin-left: 35px;
}

.section-overview .video video {
	-o-object-fit: fill;
	   object-fit: fill;
}

.section-overview .video iframe {
	width: 100%;
	height: 100%;
}

@media (max-width: 1200px) {
	.section-overview .video {
		margin: 25px 0 0 0;
	}
}

@media (max-width: 768px) {
	.section-overview .video {
		position: relative;
		width: 100%;
		height: auto;
	}
	.section-overview .video:before {
		content: '';
		width: 100%;
		display: block;
		padding-bottom: 56.25%;
	}
	.section-overview .video iframe {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (max-width: 768px) {
	.page-course .section-overview .video {
		margin-top: 19px;
	}
}

.section-target .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
	border-top: 1px solid #eeeef3;
}

@media (max-width: 768px) {
	.section-target .section-box {
		padding-top: 35px;
		padding-bottom: 31px;
	}
}

.section-target .section-head {
	margin-bottom: 22px;
}

.section-target .section-head h3 {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-target .section-head {
		margin-bottom: 14px;
	}
	.section-target .section-head h3 {
		margin-bottom: 12px;
	}
}

.section-goal .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
	border-top: 1px solid #eeeef3;
}

@media (max-width: 768px) {
	.section-goal .section-box {
		padding-top: 33px;
		padding-bottom: 31px;
	}
}

.section-goal .section-head {
	margin-bottom: 22px;
}

.section-goal .section-head h3 {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-goal .section-head {
		margin-bottom: 14px;
	}
	.section-goal .section-head h3 {
		margin-bottom: 12px;
	}
}

.info-wrap {
	position: relative;
	padding: 30px 25px 40px;
	border: 1px solid #252f3e;
	border-radius: 10px;
}

.info-wrap ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: -20px;
}

@media (max-width: 768px) {
	.info-wrap ul {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.info-wrap input[readonly] {
	cursor: default;
	background-color: #fafafa;
}

.info-wrap .note {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #d01111;
}

.info-wrap .info {
	margin-top: 15px;
	font-size: 12px;
}

.info-wrap .info span {
	display: block;
	margin-bottom: 5px;
}

.info-wrap .info .note {
	line-height: 1.4;
	margin-top: 15px;
	padding-left: 0;
	border-bottom: 0;
}

.info-wrap.edit .info-item p {
	border-bottom-color: transparent;
}

.info-wrap.edit .info-item .form-wrap {
	opacity: 1;
	z-index: 1;
}

.info-wrap.edit .info-item .btn {
	pointer-events: auto;
}

.info-wrap.edit .info-item .btn-wrap {
	opacity: 1;
	visibility: visible;
}

.info-wrap .custom-checkbox label {
	line-height: 22px;
	padding-left: 30px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.info-wrap .custom-checkbox label {
		line-height: inherit;
		padding-left: 25px;
	}
}

.info-wrap .tooltip {
	margin-left: 5px;
	cursor: pointer;
}

.info-wrap .tooltip.active span {
	opacity: 1;
	z-index: 5;
}

.info-wrap .tooltip span {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 202px;
	padding: 5px 10px;
	line-height: normal;
	font-size: 12px;
	background-color: #fff;
	box-shadow: 0 0 1px 1px #252f3e;
	opacity: 0;
}

.info-wrap .tooltip .icon {
	vertical-align: middle;
}

@media (max-width: 768px) {
	.info-wrap .tooltip .icon {
		vertical-align: top;
	}
}

.info-item {
	position: relative;
	-ms-flex: 1 0;
	    flex: 1 0;
	-ms-flex-preferred-size: calc((100% - 60px) / 2);
	    flex-basis: calc((100% - 60px) / 2);
	margin: 20px 15px 0;
}

@media (max-width: 768px) {
	.info-item {
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		margin: 30px 0 0;
	}
}

.info-item.half {
	-ms-flex-preferred-size: calc(100% - 60px);
	    flex-basis: calc(100% - 60px);
}

@media (max-width: 768px) {
	.info-item.half {
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
	}
}

.info-item.half strong, .info-item.half p, .info-item.half .form-wrap {
	width: calc(50% - 15px);
}

@media (max-width: 768px) {
	.info-item.half strong, .info-item.half p, .info-item.half .form-wrap {
		width: 100%;
	}
}

.info-item.half .btn-wrap {
	width: 53px;
	right: calc(50% + 15px);
}

@media (max-width: 768px) {
	.info-item.half .btn-wrap {
		width: 48px;
		right: 0;
	}
}

.info-item.corp .custom-checkbox {
	position: absolute;
	top: 0;
	right: 0;
}

.info-item.corp .custom-checkbox input {
	width: calc(100% - 22px);
}

.info-item.corp .note {
	margin-bottom: 0;
}

.info-item strong {
	display: block;
	margin-bottom: 7px;
	font-size: 15px;
}

.info-item p {
	line-height: 41px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: 300;
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
}

.info-item .form-wrap {
	opacity: 0;
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	z-index: -1;
	transition: opacity .3s;
}

.info-item .form-wrap .corp-list {
	height: auto;
	margin-top: 5px;
	padding: 0;
}

.info-item .form-wrap .corp-list li {
	width: 100%;
}

.info-item .form-wrap .corp-list li a {
	display: block;
	padding: 0 15px;
	line-height: 42px;
}

.info-item .form-wrap .corp-list li a:hover {
	background-color: rgba(189, 192, 197, 0.2);
}

.info-item .btn {
	position: relative;
	min-width: 52px;
	pointer-events: none;
}

@media (max-width: 768px) {
	.info-item .btn {
		min-width: 48px;
	}
}

.info-item .btn-wrap {
	position: absolute;
	top: 27px;
	right: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.info-item .btn-stroke {
	min-width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.info-item .btn-stroke {
		height: 25px;
		line-height: 25px;
		padding: 0 5px;
		font-size: 11px;
	}
}

.info-item .required {
	color: #d01111;
	font-weight: normal;
}

.info-util {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	margin: 30px -25px 0;
	padding: 35px 25px 0;
	border-top: 1px solid #252f3e;
}

@media (max-width: 768px) {
	.info-util {
		-ms-flex-align: start;
		    align-items: flex-start;
	}
}

.info-util-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	font-size: 14px;
}

.info-util-item p {
	margin-left: 45px;
}

@media (max-width: 768px) {
	.info-util-item p {
		margin-left: 0;
	}
}

.info-util-item.optional {
	display: block;
	margin-top: 5px;
}

.info-util-item.optional .custom-checkbox:first-of-type {
	margin-left: 45px;
}

@media (max-width: 768px) {
	.info-util-item.optional .custom-checkbox:first-of-type {
		margin-left: 0;
	}
}

.info-util-item.optional .info {
	margin-top: 25px;
	margin-left: 45px;
}

@media (max-width: 768px) {
	.info-util-item.optional .info {
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.info-util-item.optional {
		margin-top: 15px;
		padding-left: 25px;
	}
}

.info-util-item:not(.optional) .custom-checkbox {
	min-width: 210px;
}

.info-util .custom-checkbox {
	margin-left: 15px;
}

@media (max-width: 768px) {
	.info-util .custom-checkbox {
		margin-left: 0;
		margin-top: 10px;
	}
}

.info-util .btn {
	position: relative;
	margin-left: 15px;
	padding: 0 15px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.info-util .btn {
		margin-left: 0;
		margin-top: 5px;
		padding-left: 1px;
	}
}

.info-util .btn .icon {
	margin-right: 10px;
}

.info-util .btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 1px;
	height: 16px;
	background-color: #eeeef3;
}

.info-notice {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	padding-left: 30px;
	padding-bottom: 40px;
	line-height: 1.8;
	font-size: 15px;
}

.info-notice strong {
	position: relative;
}

.info-notice strong:before {
	content: '';
	position: absolute;
	left: -15px;
	top: 9px;
	width: 5px;
	height: 5px;
	background-color: #252f3e;
	border-radius: 50%;
}

.info-notice .alert {
	color: #d01111;
}

.section-contents .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
	border-top: 1px solid #eeeef3;
}

@media (max-width: 768px) {
	.section-contents .section-box {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

.section-contents .section-head {
	margin-bottom: 20px;
}

.section-contents .section-head h3 {
	margin-bottom: 10px;
}

.section-contents .section-head p {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-contents .plan-list {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px;
	list-style: none;
}

@media (max-width: 768px) {
	.section-contents .plan-list {
		-ms-flex-direction: column;
		    flex-direction: column;
		margin: 0;
	}
}

.section-contents .plan-list > li {
	-ms-flex: 1;
	    flex: 1;
	margin: 0 10px;
}

@media (max-width: 768px) {
	.section-contents .plan-list > li {
		margin-top: 8px;
		margin-left: 0;
		margin-right: 0;
	}
	.section-contents .plan-list > li:first-child {
		margin-top: 0;
	}
}

.section-contents .plan-list > li .plan-box {
	height: 100%;
	padding: 30px;
	border: solid 1px #dddde8;
	border-radius: 10px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-contents .plan-list > li .plan-box {
		padding: 23px 20px;
	}
}

.section-contents .plan-list > li .day {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-align: baseline;
	    align-items: baseline;
	min-width: 80px;
	height: 40px;
	margin-bottom: 25px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.3px;
	color: #fff;
	border-radius: 20px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-contents .plan-list > li .day {
		min-width: 55px;
		height: 26px;
		margin-bottom: 14px;
		font-size: 12px;
	}
}

.section-contents .plan-list > li .day em {
	margin-top: 1px;
	margin-right: 5px;
	font-size: 30px;
	font-style: italic;
	letter-spacing: -0.8px;
	color: #f79792;
}

@media (max-width: 768px) {
	.section-contents .plan-list > li .day em {
		margin-right: 3px;
		font-size: 20px;
	}
}

.section-pre-knowledge h3 {
	margin-bottom: 22px;
}

.section-pre-course .level {
	display: inline-block;
	min-width: 64px;
	height: 20px;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

@media (max-width: 768px) {
	.section-pre-course .level {
		min-width: 47px;
		height: 15px;
		line-height: 15px;
		font-size: 8px;
	}
}

.section-pre-course .level-introduction, .section-pre-course .level-beginner {
	background-color: #5593f1;
}

.section-pre-course .level-basic {
	background-color: #41bad4;
}

.section-pre-course .level-advanced, .section-pre-course .level-intermediate {
	background-color: #65bcb9;
}

.section-pre-course .level-professional {
	background-color: #9671ee;
}

.section-pre-course .course-name {
	display: block;
}

.section-pre-course .course-name strong {
	position: relative;
	display: inline-block;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-pre-course .course-name strong {
		padding-right: 10px;
		font-size: 14px;
	}
}

.section-pre-course .course-name strong:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: 1px;
	box-sizing: border-box;
	border-top: 2px solid #92979e;
	border-right: 2px solid #92979e;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 768px) {
	.section-pre-course .course-name strong:after {
		width: 5px;
		height: 5px;
		border-width: 1px 1px 0 0;
	}
}

.section-pre-course .course-name small {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: -0.3px;
	color: #959aa0;
}

.section-schedule {
	background-color: #f5f5f6;
}

.section-schedule h3 {
	display: inline-block;
	font-size: 22px;
}

@media (max-width: 768px) {
	.section-schedule h3 {
		font-size: 18px;
	}
}

.section-schedule .section-box {
	position: relative;
	max-width: 1240px;
	padding-top: 30px;
	padding-bottom: 100px;
}

@media (max-width: 768px) {
	.section-schedule .section {
		padding-bottom: 50px;
	}
}

.section-schedule .term {
	padding-left: 14px;
	margin-left: 10px;
	color: #001432;
	position: relative;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.section-schedule .term:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	width: 1px;
	height: 15px;
	background-color: #dddde8;
}

@media (max-width: 768px) {
	.section-schedule .term {
		font-size: 15px;
	}
}

.section-schedule .schedule-list {
	margin-bottom: 25px;
}

.section-schedule .schedule-list ~ .aside {
	text-align: right;
}

.section-schedule-month .section-box {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-schedule-month .section-head {
	margin-bottom: 16px;
}

.section-schedule-month .list-utils {
	position: absolute;
	top: 52px;
	right: 0;
	margin-bottom: 0;
}

.section-schedule-month .list-item:nth-child(odd):last-child:before {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	content: '';
	position: absolute;
	top: -1px;
	right: -11px;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	width: 100%;
	height: 100%;
	border: dashed 1px #dddde8;
	border-radius: 10px;
	background-color: #2b3036;
	background-image: url("../images/logo/logo-cc-fade.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 25%;
	opacity: 0.05;
}

.list-row .section-schedule-month .list-item:nth-child(odd):last-child:before {
	display: none;
}

.section-schedule-month .list-grid .clazz-date {
	margin-bottom: 20px;
}

.section-schedule-month .list-grid .clazz-info {
	display: block;
	margin-bottom: 0;
}

.section-schedule-month .list-grid .clazz-info p {
	width: 100%;
	margin-top: 5px;
}

.section-schedule-month .list-grid .clazz-info p:first-child {
	margin-top: 0;
}

@media (min-width: 769px) {
	.section-schedule-month .list-grid .clazz-info p.clazz-location {
		padding-right: 108px;
		box-sizing: border-box;
	}
}

.section-schedule-month .list-grid .clazz-foot {
	position: absolute;
	bottom: 31px;
	right: 31px;
}

.section-schedule-month .list-row .list-item {
	margin-bottom: 10px;
	padding: 31px;
}

.section-schedule-month .list-row .list-item:nth-child(odd):last-child:before {
	display: none;
}

.section-schedule-month .list-row .clazz-date {
	margin-bottom: 15px;
}

.section-schedule-month .list-row .clazz-info {
	display: -ms-flexbox;
	display: flex;
	margin-left: 0;
}

.section-schedule-month .list-row .clazz-info p:last-child {
	margin-bottom: 0;
}

.section-schedule-month .list-row .clazz-foot {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.section-schedule-month .section-box {
		padding-top: 32px;
		padding-bottom: 35px;
	}
	.section-schedule-month .list-row .list-item, .section-schedule-month .list-grid .list-item {
		padding: 23px 20px;
	}
	.section-schedule-month .list-row .list-item:nth-child(odd):last-child:before, .section-schedule-month .list-grid .list-item:nth-child(odd):last-child:before {
		display: none;
	}
	.section-schedule-month .list-row .clazz-date .month, .section-schedule-month .list-grid .clazz-date .month {
		width: 45px;
		height: 21px;
		margin-right: 5px;
		font-size: 13px;
	}
	.section-schedule-month .list-row .clazz-date .month em, .section-schedule-month .list-grid .clazz-date .month em {
		font-size: 18px;
	}
	.section-schedule-month .list-row .clazz-foot, .section-schedule-month .list-grid .clazz-foot {
		top: auto;
		bottom: 23px;
		right: 21px;
		-webkit-transform: none;
		        transform: none;
	}
	.section-schedule-month .schedule-list {
		margin-bottom: 15px;
	}
	.section-schedule-month .schedule-list .clazz-date {
		margin-bottom: 13px;
	}
	.section-schedule-month .schedule-list .clazz-date .period {
		display: inline;
	}
	.section-schedule-month .schedule-list .clazz-seat .available {
		vertical-align: -1px;
	}
}

.section-related .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 100px;
}

@media (max-width: 768px) {
	.section-related .section-box {
		padding-top: 35px;
		padding-bottom: 50px;
	}
}

.section-related h3 {
	margin-bottom: 15px;
}

@media (max-width: 768px) {
	.section-related h3 {
		margin-bottom: 9px;
	}
}

.section-related .related-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}

@media (max-width: 768px) {
	.section-related .related-list {
		margin: 0;
		padding-bottom: 5px;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.section-related .related-list li {
	-ms-flex: 0 1 33.33%;
	    flex: 0 1 33.33%;
}

@media (max-width: 768px) {
	.section-related .related-list li {
		-ms-flex: 0 1 auto;
		    flex: 0 1 auto;
		min-width: 80%;
	}
	.section-related .related-list li:first-child {
		margin-left: -10px;
	}
	.section-related .related-list li:last-child div {
		padding-right: 0;
	}
}

.section-related .related-box {
	position: relative;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.section-related .related-box a {
	position: relative;
	display: block;
	height: 100%;
	border: solid 1px #dddde8;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.section-related .related-box p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 72px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-related .related-box p {
		max-height: 61px;
		font-size: 13px;
	}
}

.section-requirement .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 45px;
	border-top: 1px solid #eeeef3;
}

@media (max-width: 768px) {
	.section-requirement .section-box {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

.section-requirement .section-head {
	margin-bottom: 20px;
}

.section-requirement .section-head h3 {
	margin-bottom: 10px;
}

.section-requirement .section-head p {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-requirement .section-head {
		margin-bottom: 10px;
	}
	.section-requirement .section-head h3 {
		margin-bottom: 14px;
	}
}

.section-assessment {
	font-size: 24px;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

@media (max-width: 1200px) {
	.section-assessment {
		font-size: 15px;
	}
}

.section-assessment .inner {
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
}

.section-assessment .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	max-width: 1240px;
	padding: 50px 0;
	border-top: 1px solid #eeeef3;
}

@media (max-width: 1200px) {
	.section-assessment .section-box {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

@media (max-width: 768px) {
	.section-assessment .section-box {
		padding-top: 39px;
		padding-bottom: 35px;
	}
}

.section-assessment .section-head {
	margin-bottom: 22px;
}

.section-assessment .section-head h3 {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-assessment .section-head {
		margin-bottom: 14px;
	}
	.section-assessment .section-head h3 {
		margin-bottom: 14px;
	}
}

.section-assessment .video {
	-ms-flex: none;
	    flex: none;
	width: 400px;
	max-width: 100%;
	height: 224px;
	margin-left: 35px;
}

.section-assessment .video video {
	-o-object-fit: fill;
	   object-fit: fill;
}

.section-assessment .video iframe {
	width: 100%;
	height: 100%;
}

@media (max-width: 1200px) {
	.section-assessment .video {
		margin: 25px 0 0 0;
	}
}

@media (max-width: 768px) {
	.section-assessment .video {
		position: relative;
		width: 100%;
		height: auto;
	}
	.section-assessment .video:before {
		content: '';
		width: 100%;
		display: block;
		padding-bottom: 56.25%;
	}
	.section-assessment .video iframe {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (max-width: 768px) {
	.page-course .section-assessment .video {
		margin-top: 19px;
	}
}

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

.section-start h2 {
	margin-bottom: 11px;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

.section-start p {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-start .btn {
	width: 200px;
	margin-top: 25px;
	letter-spacing: -0.5px;
}

@media (min-width: 769px) {
	.section-start .btn {
		font-size: 17px;
	}
}

@media (max-width: 768px) {
	.section-start h2 {
		font-size: 21px;
	}
	.section-start p {
		font-size: 14px;
	}
	.section-start .btn {
		margin-top: 20px;
	}
}

.section-start-cc {
	background-color: #f2f4f5;
	text-align: center;
	padding: 70px 0 100px;
}

@media (max-width: 768px) {
	.section-start-cc {
		padding: 40px 20px 50px;
	}
}

.section-start-cc .section-box {
	max-width: 1240px;
}

.section-start-cc h3 {
	margin-bottom: 11px;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

@media (max-width: 768px) {
	.section-start-cc h3 {
		font-size: 22px;
	}
}

.section-start-cc p {
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-start-cc p {
		font-size: 14px;
	}
}

.section-start-cc .btn {
	-ms-flex-pack: left;
	    justify-content: left;
	margin-top: 16px;
	letter-spacing: -0.5px;
}

.section-start-cc .btn-point {
	height: 52px;
	font-size: 20px;
}

@media (max-width: 768px) {
	.section-start-cc .btn {
		margin-top: 15px;
	}
	.section-start-cc .btn-point {
		height: 39px;
		font-size: 15px;
	}
}

.section-start-cc ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	margin-top: 50px;
}

@media (max-width: 768px) {
	.section-start-cc ul {
		-ms-flex-direction: column;
		    flex-direction: column;
		margin-top: 25px;
	}
}

.section-start-cc ul li {
	background-color: #fff;
	text-align: left;
	padding: 40px;
	border: 1px solid #e4e4ed;
	border-radius: 10px;
	font-size: 15px;
	box-sizing: border-box;
	-ms-flex: 0 1 33.333%;
	    flex: 0 1 33.333%;
}

.section-start-cc ul li + li {
	margin-left: 20px;
}

.section-start-cc ul li strong {
	font-size: 22px;
}

.section-start-cc ul li p {
	margin-top: 15px;
}

.section-start-cc ul li a .icon {
	margin-left: 10px;
}

.section-start-cc ul li > .icon {
	margin-bottom: 22px;
	min-height: 82px;
}

.section-start-cc ul li .btn {
	padding: 0 20px;
}

@media (max-width: 768px) {
	.section-start-cc ul li {
		padding: 25px 20px;
		width: 100%;
		height: 237px;
	}
	.section-start-cc ul li + li {
		margin-top: 10px;
		margin-left: 0;
	}
	.section-start-cc ul li strong {
		font-size: 18px;
		font-weight: 500;
	}
	.section-start-cc ul li p {
		font-size: 13px;
		margin-top: 7px;
	}
}

@media (max-width: 768px) and (max-width: 768px) {
	.section-start-cc ul li a .icon {
		margin-left: 7px;
	}
}

@media (max-width: 768px) {
	.section-start-cc ul li > .icon {
		margin-bottom: 7px;
		min-height: auto;
	}
	.section-start-cc ul li .btn {
		font-size: 13px;
		padding: 0 14px;
		height: 33px;
		margin-top: 17px;
	}
}

.section-order .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	    align-items: flex-start;
	max-width: 1240px;
	margin-top: 49px;
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-order .section-box {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 20px;
		margin-bottom: 50px;
	}
}

.section-order .soon .quantity .left .point,
.section-order .end .quantity .left .point {
	color: #d01111;
}

.section-order .excess,
.section-order .end {
	border-color: #d01111;
}

.section-order .excess .quantity,
.section-order .end .quantity {
	border-color: #dddde8;
	background-color: #fafafa;
}

.section-order .excess .quantity .left,
.section-order .end .quantity .left {
	color: #111;
	border-color: #dddde8;
}

.section-order .excess .quantity .custom-select a,
.section-order .excess .quantity .custom-select button,
.section-order .end .quantity .custom-select a,
.section-order .end .quantity .custom-select button {
	color: #999;
}

.section-order .excess .quantity .custom-select a:after,
.section-order .excess .quantity .custom-select button:after,
.section-order .end .quantity .custom-select a:after,
.section-order .end .quantity .custom-select button:after {
	border-top-color: rgba(37, 47, 62, 0.3);
}

.section-order .excess .attendee-wrap .btn-wrap .btn,
.section-order .end .attendee-wrap .btn-wrap .btn {
	opacity: 0.3;
	pointer-events: none;
	background-color: #f5f5f5;
}

.section-order .end .price {
	color: #999;
}

.section-order .end .operator .icon,
.section-order .end .attendee-info .icon {
	opacity: .3;
}

.section-order .end .attendee-wrap {
	color: #bbb;
}

.section-order .end .attendee-wrap .attendee-summary .num {
	color: #bbb;
}

.section-order .end .clazz .level {
	opacity: .3;
}

.section-order.order-cart .attendee-box:first-child .attendee-info {
	background-color: #fff;
}

.section-order.order-cart .attendee-delete:before {
	display: none;
}

.section-order.order-cart-empty .section-box {
	margin-bottom: 60px;
}

.section-order.order-cart-empty .order-wrap-top .count {
	color: #999;
}

.section-order.order-cart-empty .order-wrap-top button {
	opacity: 0.3;
	pointer-events: none;
	background-color: #f5f5f5;
}

.section-order.order-cart-empty .order-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 180px;
	border-color: #dddde8;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	color: #999;
}

@media (max-width: 768px) {
	.section-order.order-cart-empty .order-box {
		font-size: 17px;
		font-weight: 350;
	}
}

.section-order.order-cart-empty .section-start {
	margin-top: 20px;
	padding-top: 25px;
}

@media (max-width: 768px) {
	.section-order.order-cart-empty .section-start {
		padding-top: 44px;
		padding-bottom: 41px;
	}
	.section-order.order-cart-empty .section-start .btn {
		margin-top: 22px;
	}
}

@media (max-width: 768px) {
	.section-order.order-payment {
		margin-top: 28px;
	}
}

.section-order.order-payment .order-wrap-top {
	-ms-flex-pack: start;
	    justify-content: flex-start;
	height: auto;
	padding: 0;
	border: 0;
}

.section-order.order-payment .order-wrap-top h2 {
	margin-right: 20px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-order.order-payment .order-wrap-top h2 {
		margin-right: 10px;
	}
}

.section-order.order-payment .order-wrap-top .total {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-order.order-payment .order-wrap-top .total .point {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #d01111;
}

.section-order.order-payment .order-box .clazz {
	padding-left: 20px;
}

@media (max-width: 768px) {
	.section-order.order-payment .order-box .clazz {
		padding-left: 5px;
	}
}

.section-order.order-payment .order-box .clazz .btn-layer {
	right: 10px;
}

.section-order.order-payment .attendee-info .btn-toggle {
	width: 30px;
	left: auto;
	right: 10px;
}

.section-order.order-payment .attendee-info .btn-toggle:after {
	display: none;
}

.section-order.order-payment .attendee-form .form-control {
	background-color: transparent;
	border-width: 0 0 1px;
	border-radius: 0;
	cursor: default;
}

.section-order.order-payment .attendee-form .form-control:focus {
	border-color: #bdc0c5;
}

.section-order.order-complete .section-box {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.section-order.order-complete .section-box {
		margin-bottom: 30px;
	}
}

.section-order.order-complete .section-box, .section-order.order-fail .section-box {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.section-order.order-complete .order-wrap-top, .section-order.order-fail .order-wrap-top {
	-ms-flex-pack: start;
	    justify-content: flex-start;
	height: auto;
	padding: 0;
	border: 0;
}

@media (max-width: 768px) {
	.section-order.order-complete .order-wrap-top, .section-order.order-fail .order-wrap-top {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
	}
}

.section-order.order-complete .order-wrap-top h2, .section-order.order-fail .order-wrap-top h2 {
	margin-right: 20px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

.section-order.order-complete .order-wrap-top .total, .section-order.order-fail .order-wrap-top .total {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-order.order-complete .order-wrap-top .total .point, .section-order.order-fail .order-wrap-top .total .point {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #d01111;
}

.section-order.order-complete .order-box, .section-order.order-fail .order-box {
	border-color: #eeeef3;
}

@media (max-width: 768px) {
	.section-order.order-complete .order-box .price-column, .section-order.order-fail .order-box .price-column {
		margin-bottom: 0px;
	}
	ㄴ .section-order.order-complete .order-box .price-column .operator-minus, ㄴ .section-order.order-fail .order-box .price-column .operator-minus {
		width: 20px;
		text-align: left;
	}
}

.section-order.order-complete .order-box .cost,
.section-order.order-complete .order-box .number,
.section-order.order-complete .order-box .voucher, .section-order.order-fail .order-box .cost,
.section-order.order-fail .order-box .number,
.section-order.order-fail .order-box .voucher {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.section-order.order-complete .order-box .cost em,
.section-order.order-complete .order-box .number em,
.section-order.order-complete .order-box .voucher em, .section-order.order-fail .order-box .cost em,
.section-order.order-fail .order-box .number em,
.section-order.order-fail .order-box .voucher em {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.section-order.order-complete .order-box .sum em, .section-order.order-fail .order-box .sum em {
	font-size: 20px;
}

.section-order.order-complete .order-box .clazz, .section-order.order-fail .order-box .clazz {
	padding-left: 20px;
}

@media (max-width: 768px) {
	.section-order.order-complete .order-box .clazz, .section-order.order-fail .order-box .clazz {
		padding-left: 5px;
	}
}

.section-order.order-complete .order-box .clazz-name, .section-order.order-fail .order-box .clazz-name {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.section-order.order-complete .order-box .clazz-name, .section-order.order-fail .order-box .clazz-name {
		margin-bottom: 18px;
	}
}

.section-order.order-complete .order-box .clazz-info li, .section-order.order-fail .order-box .clazz-info li {
	margin-top: 7px;
}

.section-order.order-complete .order-box .clazz-info li:first-child, .section-order.order-fail .order-box .clazz-info li:first-child {
	margin-top: 0;
}

.section-order.order-complete .order-box .clazz-info li strong, .section-order.order-fail .order-box .clazz-info li strong {
	font-weight: 500;
}

.section-order.order-complete .order-box .clazz-info li span, .section-order.order-fail .order-box .clazz-info li span {
	margin-left: 5px;
	font-weight: 300;
}

.section-order.order-complete .order-box .clazz-info li span:before, .section-order.order-fail .order-box .clazz-info li span:before {
	content: ':';
	margin-right: 5px;
}

.section-order.order-complete .order-box .clazz .btn-layer, .section-order.order-fail .order-box .clazz .btn-layer {
	right: 10px;
}

.section-order.order-fail .order-box {
	border-color: #d01111;
	color: #999;
}

.section-order.order-fail .order-box .level,
.section-order.order-fail .order-box .icon {
	opacity: 0.3;
}

.section-order.order-fail .order-box .list-default li {
	color: #999;
}

.section-order.order-fail .order-box .list-default li:before {
	background-color: rgba(17, 17, 17, 0.3);
}

.section-order.order-fail .amount-box .amount-calc span {
	color: #999;
}

.section-faq-list {
	margin-top: 40px;
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-faq-list {
		margin-top: 12px;
		margin-bottom: 50px;
	}
}

.section-faq-list .section-box {
	max-width: 1240px;
}

.section-faq-list ul {
	border-radius: 10px;
	overflow: hidden;
}

.section-faq-list ul li {
	position: relative;
	border: 1px solid #ccccdf;
	transition: border-color .3s;
}

.section-faq-list ul li:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.section-faq-list ul li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.section-faq-list ul li + li {
	border-top-width: 0;
}

.section-faq-list ul li + li:before {
	content: '';
	width: calc(100% + 2px);
	height: 1px;
	position: absolute;
	top: -1px;
	left: -1px;
	background-color: transparent;
	transition: background-color .3s;
}

.section-faq-list ul li + li.open:before {
	background-color: #252f3e;
}

.section-faq-list ul li a {
	display: inline-block;
}

.section-faq-list ul li a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 31px;
	margin-top: -8px;
	background-image: url("../images/sprite.pc.png");
	background-position: -281px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 19px;
}

@media (max-width: 768px) {
	.section-faq-list ul li a:before {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -66px -200.5px;
		width: 12px;
		height: 12px;
	}
}

.section-faq-list ul li.open {
	border-color: #252f3e;
}

.section-faq-list ul li.open .faq-title a {
	cursor: pointer;
}

.section-faq-list ul li.open .faq-title a:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -242px -229px;
	background-size: 395px auto;
	width: 19px;
	height: 19px;
}

@media (max-width: 768px) {
	.section-faq-list ul li.open .faq-title a:before {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -44px -200.5px;
		width: 12px;
		height: 12px;
	}
}

.section-faq-list ul li.open .faq-title .icon:before, .section-faq-list ul li.open .faq-title .icon:after {
	background-color: #252f3e;
}

.section-faq-list ul li.open .faq-title .icon:before {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.section-faq-list ul li.open .faq-title .icon:after {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.section-faq-list ul li.open .faq-contents {
	height: auto;
	opacity: 1;
	pointer-events: auto;
}

.section-faq-list ul li.open .faq-contents .inner {
	padding: 34px 0 33px;
	white-space: pre-line;
}

@media (max-width: 768px) {
	.section-faq-list ul li.open .faq-contents .inner {
		padding: 19px 0 25px;
	}
}

.section-faq-list ul li.open .faq-category {
	background-color: #d01111;
}

.section-faq-list .faq-title {
	position: relative;
	font-size: 18px;
	letter-spacing: -.9px;
}

.section-faq-list .faq-title strong {
	font-weight: 400;
}

.section-faq-list .faq-title a {
	position: relative;
	display: block;
	padding: 27px 74px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.section-faq-list .faq-title a {
		padding: 20px 45px 16px 38px;
	}
	.section-faq-list .faq-title a:before {
		top: 22px;
		left: 16px;
		margin-top: 0;
	}
	.section-faq-list .faq-title a strong {
		display: block;
		margin-top: -6px;
		font-weight: 400;
		font-size: 15px;
	}
}

.section-faq-list .faq-title .icon {
	position: absolute;
	top: 31px;
	right: 31px;
	width: 20px;
	height: 20px;
	text-align: center;
	cursor: pointer;
}

.section-faq-list .faq-title .icon:before, .section-faq-list .faq-title .icon:after {
	position: absolute;
	width: 2px;
	height: 20px;
	background-color: #bbbbcc;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section-faq-list .faq-title .icon:before {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-1px) rotate(90deg);
	        transform: translateX(-1px) rotate(90deg);
}

.section-faq-list .faq-title .icon:after {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 768px) {
	.section-faq-list .faq-title .icon {
		top: 50%;
		right: 15px;
		width: 14px;
		height: 14px;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.section-faq-list .faq-title .icon:before, .section-faq-list .faq-title .icon:after {
		height: 14px;
	}
}

.section-faq-list .faq-category {
	display: inline-block;
	margin-right: 10px;
	min-width: 80px;
	height: 24px;
	padding: 0 16px;
	line-height: 24px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -.35px;
	color: #fff;
	text-align: center;
	border-radius: 12px;
	background-color: #b4b9be;
	box-sizing: border-box;
	transition: background-color 0.3s;
}

@media (max-width: 768px) {
	.section-faq-list .faq-category {
		height: 15px;
		line-height: 15px;
		padding: 0 10px;
		font-size: 10px;
		min-width: 53px;
		border-radius: 15px;
		vertical-align: top;
	}
}

.section-faq-list .faq-contents {
	position: relative;
	height: 0;
	opacity: 0;
	pointer-events: none;
	transition: height 0.3s;
}

.section-faq-list .faq-contents .inner {
	border-top: 1px solid #dddde8;
	margin: 0 74px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -.75px;
}

@media (max-width: 768px) {
	.section-faq-list .faq-contents .inner {
		margin: 0 38px;
		font-size: 13px;
	}
}

.section-faq-list .faq-contents .inner:before {
	content: '';
	position: absolute;
	top: 39px;
	left: 31px;
	width: 19px;
	height: 18px;
	background-image: url("../images/sprite.pc.png");
	background-position: -38px -273px;
	background-size: 395px auto;
	width: 19px;
	height: 18px;
	transition: background-image 0.3s;
}

@media (max-width: 768px) {
	.section-faq-list .faq-contents .inner:before {
		top: 25px;
		left: 16px;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -141.5px;
		width: 12px;
		height: 12px;
	}
}

.section-faq-list .faq-contents .inner:after {
	content: '';
	display: block;
	clear: both;
}

.section-feature {
	margin-bottom: 105px;
}

@media (max-width: 768px) {
	.section-feature {
		padding: 0;
		margin-bottom: 0;
	}
}

.section-feature .section-box {
	padding: 45px 40px 0;
	border-radius: 16px;
	background-image: url("../images/visual/bg-main-certification.png");
	background-size: cover;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-feature .section-box {
		padding: 33px 20px 30px;
		border-radius: 0;
	}
}

.section-feature .section-head {
	margin-bottom: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-feature .section-head {
		font-size: 14px;
		margin-bottom: 12px;
	}
}

.section-feature .section-head h2 {
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

@media (max-width: 768px) {
	.section-feature .section-head h2 {
		font-size: 22px;
		margin-bottom: 6px;
	}
}

.section-feature .feature-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}

@media (max-width: 768px) {
	.section-feature .feature-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-feature .feature-box {
	position: relative;
	-ms-flex: none;
	    flex: none;
	width: 33.3334%;
	min-height: 170px;
	padding: 0 10px 10px;
	box-sizing: border-box;
}

.section-feature .feature-box:nth-last-child(-n+3) {
	padding-bottom: 0;
}

.section-feature .feature-box:nth-last-child(-n+3) .feature-content {
	border-radius: 10px 10px 0 0;
}

@media (max-width: 768px) {
	.section-feature .feature-box:nth-last-child(-n+3) .feature-content {
		border-radius: 10px;
	}
}

@media (max-width: 768px) {
	.section-feature .feature-box {
		width: auto;
		height: 229px;
		margin-top: 10px;
	}
}

.section-feature .feature-content {
	height: 100%;
	padding: 36px 40px 27px 160px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.section-feature .feature-content .icon {
	position: absolute;
	top: 40px;
	left: 45px;
	display: block;
	background-position: 0 50%;
	min-width: 100px;
	margin-bottom: 25px;
}

@media (max-width: 1200px) {
	.section-feature .feature-content {
		padding-top: 40px;
		padding-left: 40px;
		font-size: 13px;
	}
	.section-feature .feature-content .icon {
		position: static;
	}
}

@media (max-width: 768px) {
	.section-feature .feature-content {
		padding: 25px 35px 25px 20px;
	}
	.section-feature .feature-content .icon {
		min-width: auto;
		margin-bottom: 17px;
	}
}

.section-feature .feature-title {
	margin-bottom: 23px;
}

@media (max-width: 768px) {
	.section-feature .feature-title {
		margin-bottom: 8px;
	}
}

.section-feature .feature-title em {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #a2a6ab;
}

.section-feature .feature-title strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-feature .feature-title strong {
		font-size: 18px;
	}
}

.section-vision {
	margin-bottom: 70px;
}

@media (max-width: 768px) {
	.section-vision {
		padding: 0;
		margin-bottom: 0;
	}
}

.section-vision .section-box {
	padding: 45px 40px 0;
	border-radius: 16px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.section-vision .section-box {
		padding: 40px 20px 0;
		border-radius: 0;
	}
}

.section-vision .section-head {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	margin-bottom: 30px;
	color: #fff;
	font-size: 14px;
}

@media (max-width: 768px) {
	.section-vision .section-head {
		font-size: 14px;
		margin-bottom: 12px;
	}
}

.section-vision .section-head em {
	color: #f79792;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-style: italic;
}

@media (max-width: 768px) {
	.section-vision .section-head em {
		font-size: 12px;
	}
}

.section-vision .section-head strong {
	font-size: 22px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-vision .section-head strong {
		font-size: 18px;
	}
}

.section-vision .section-head span {
	font-family: Roboto, sans-serif;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-vision .section-head span {
		font-size: 11px;
	}
}

.section-vision .feature-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: center;
	    justify-content: center;
	margin: 0 -10px;
}

@media (max-width: 768px) {
	.section-vision .feature-list {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-vision .feature-box {
	position: relative;
	-ms-flex: none;
	    flex: none;
	width: 33.3334%;
	max-width: 400px;
	min-height: 170px;
	padding: 0 10px 10px;
	box-sizing: border-box;
}

.section-vision .feature-box:nth-last-child(-n+3) {
	padding-bottom: 0;
}

.section-vision .feature-box:nth-last-child(-n+3) .feature-content {
	border-radius: 10px 10px 0 0;
}

@media (max-width: 768px) {
	.section-vision .feature-box:nth-last-child(-n+3) .feature-content {
		border-radius: 10px;
	}
}

@media (max-width: 768px) {
	.section-vision .feature-box {
		max-width: none;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.section-vision .feature-box:last-child .feature-content {
		border-radius: 10px 10px 0 0;
	}
}

.section-vision .feature-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	height: 100%;
	padding: 40px;
	background-color: #fff;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-vision .feature-content {
		padding: 30px;
	}
}

.section-vision .feature-content .icon {
	margin-bottom: 36px;
}

@media (max-width: 768px) {
	.section-vision .feature-content .icon {
		margin-bottom: 20px;
	}
}

.section-vision .feature-content li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px;
	font-size: 15px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-vision .feature-content li {
		font-size: 13px;
	}
}

.section-vision .feature-content li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #111;
}

.section-vision .feature-title {
	margin-bottom: 23px;
}

@media (max-width: 768px) {
	.section-vision .feature-title {
		margin-bottom: 15px;
	}
}

.section-vision .feature-title strong {
	display: block;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-vision .feature-title strong {
		font-size: 18px;
	}
}

.section-core {
	margin: 70px auto;
}

@media (max-width: 768px) {
	.section-core {
		margin: 40px auto;
	}
}

.section-core .inner {
	position: relative;
}

.section-core .section-head {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 90px;
	height: 90px;
	color: #fff;
	font-size: 14px;
	font-style: italic;
	background-color: #b20c1a;
	border-radius: 50%;
	letter-spacing: -0.5px;
}

@media (max-width: 768px) {
	.section-core .section-head {
		width: 50px;
		height: 50px;
		font-size: 8px;
	}
}

.section-core .section-head:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border: 18px solid rgba(208, 17, 17, 0.1);
	border-radius: 50%;
}

@media (max-width: 768px) {
	.section-core .section-head:before {
		border-width: 10px;
	}
}

.section-core .section-head:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 60%);
	border-radius: 50%;
}

.section-core .section-head strong {
	font-family: Roboto, sans-serif;
}

@media (max-width: 768px) {
	.section-core .section-head strong {
		padding: 0 5px;
		text-align: center;
	}
}

.section-core .value-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	padding: 0 20px;
}

@media (max-width: 768px) {
	.section-core .value-list {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 -8px;
		padding: 0;
	}
}

.section-core .value-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	margin: 0 -17px;
	width: 306px;
	height: 126px;
	border-radius: 63px;
}

@media (max-width: 768px) {
	.section-core .value-item {
		width: 50%;
		height: 70px;
		margin: 0 -8px;
		border-radius: 35px;
	}
}

.section-core .value-item:nth-child(odd) {
	background-color: rgba(87, 87, 87, 0.1);
}

.section-core .value-item:nth-child(even) {
	background-color: rgba(45, 67, 113, 0.1);
}

@media (max-width: 768px) {
	.section-core .value-item:nth-child(3) {
		margin-top: 6px;
		background-color: rgba(45, 67, 113, 0.1);
	}
}

@media (max-width: 768px) {
	.section-core .value-item:nth-child(4) {
		margin-top: 6px;
		background-color: rgba(87, 87, 87, 0.1);
	}
}

.section-core .value-item:nth-child(2) {
	margin-right: 90px;
}

@media (max-width: 768px) {
	.section-core .value-item:nth-child(2) {
		margin-right: -8px;
	}
}

.section-core .value-item strong {
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-core .value-item strong {
		font-size: 14px;
	}
}

.section-core .value-item span {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-core .value-item span {
		font-size: 13px;
	}
}

.section-ci {
	margin: 70px 0;
	letter-spacing: -0.25px;
}

@media (max-width: 768px) {
	.section-ci {
		margin: 40px 0;
		padding: 0;
	}
}

.section-ci .inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

@media (max-width: 768px) {
	.section-ci .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section-ci .section-box {
	padding: 70px 40px;
	border-radius: 16px;
	background-color: #f3f3f3;
}

@media (max-width: 768px) {
	.section-ci .section-box {
		padding: 40px 20px;
		border-radius: 0;
	}
}

.section-ci .section-head {
	-ms-flex-order: 1;
	    order: 1;
	max-width: 590px;
	margin-left: 40px;
}

@media (max-width: 768px) {
	.section-ci .section-head {
		-ms-flex-order: 0;
		    order: 0;
		margin-left: 0;
		text-align: center;
	}
}

.section-ci .section-head h2 {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-ci .section-head h2 {
		margin-bottom: 10px;
		font-size: 26px;
	}
}

.section-ci .section-head p {
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-ci .section-head p {
		font-size: 14px;
	}
}

.section-ci .ci {
	width: 236px;
	height: 70px;
	z-index: 1;
}

.section-ci .ci-wrap {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex-order: 0;
	    order: 0;
	width: 379px;
	height: 169px;
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.section-ci .ci-wrap {
		width: auto;
		padding: 0 40px;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	.section-ci .ci-wrap {
		width: 100%;
		-ms-flex-order: 1;
		    order: 1;
		margin: 25px 30px 0;
	}
}

.section-ci .ci-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 7px 7px;
	background-image: linear-gradient(to right, #f6f6f9 1px, transparent 1px), linear-gradient(to bottom, #f6f6f9 1px, transparent 1px);
	z-index: 0;
}

.section-facility {
	margin: 70px 0;
	letter-spacing: -0.25px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.section-facility {
		margin: 40px 0;
	}
}

.section-facility .inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-direction: column;
	    flex-direction: column;
}

.section-facility .section-box {
	padding: 0 40px;
}

@media (max-width: 768px) {
	.section-facility .section-box {
		padding: 0;
	}
}

.section-facility .section-head {
	text-align: center;
}

.section-facility .section-head h2 {
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-facility .section-head h2 {
		font-size: 26px;
	}
}

.section-facility .section-head p {
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-facility .section-head p {
		font-size: 14px;
	}
}

.section-facility .tab-list {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 0 40px;
	max-width: 813px;
	width: 100%;
}

@media (max-width: 768px) {
	.section-facility .tab-list {
		width: 100%;
		margin: 20px 0;
	}
}

.section-facility .tab-list:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 960px;
	height: 1px;
	background-color: #dddde8;
	z-index: 0;
}

@media (max-width: 1200px) {
	.section-facility .tab-list:before {
		display: none;
	}
}

.section-facility .tab-item {
	-ms-flex: 1 1 25%;
	    flex: 1 1 25%;
	z-index: 1;
}

@media (max-width: 768px) {
	.section-facility .tab-item {
		-ms-flex-preferred-size: 25%;
		    flex-basis: 25%;
	}
}

.section-facility .tab-item button {
	width: 100%;
	max-width: 204px;
	height: 48px;
	color: #999;
	background-color: #fff;
	border: 1px solid #b20c1a;
}

@media (max-width: 768px) {
	.section-facility .tab-item button {
		width: 100%;
		height: 30px;
		font-size: 13px;
	}
}

.section-facility .tab-item.active button {
	color: #fff;
	background-color: #b20c1a;
}

.section-facility .tab-item + li {
	margin-left: -1px;
}

.section-facility .tab-item:first-child button {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.section-facility .tab-item:last-child button {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.facility-wrap {
	max-width: 980px;
	width: 100%;
}

.facility-list {
	position: relative;
	display: none;
	-ms-flex-direction: row-reverse;
	    flex-direction: row-reverse;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.facility-list.active {
	display: -ms-flexbox;
	display: flex;
}

.facility-image {
	overflow: hidden;
	width: 75%;
}

.facility-image:hover ~ .facility-arrow {
	opacity: 1;
}

.facility-item {
	position: relative;
}

.facility-item figure {
	position: relative;
	padding-bottom: 66.667%;
}

.facility-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.facility-arrow {
	position: absolute;
	right: 0;
	width: 75%;
	height: 100%;
	font: 0/0 a;
	opacity: 0;
	transition: opacity 0.3s;
}

.facility-arrow:hover {
	opacity: 1;
}

.facility-arrow .slick-arrow {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	background-color: rgba(43, 48, 54, 0.5);
	transition: background-color .3s;
}

.facility-arrow .slick-arrow:hover {
	background-color: rgba(43, 48, 54, 0.9);
}

.facility-arrow .slick-arrow:before {
	content: '';
	position: absolute;
	top: 20px;
	border-right: 8px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.facility-arrow .slick-prev {
	left: 0;
}

.facility-arrow .slick-prev:before {
	left: 20px;
}

.facility-arrow .slick-next {
	right: 0;
}

.facility-arrow .slick-next:before {
	right: 20px;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.facility-paging {
	position: relative;
	width: 25%;
}

.facility-paging:before {
	content: '';
	position: absolute;
	padding-bottom: 20%;
}

.facility-paging ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.facility-paging li {
	position: relative;
	height: calc((100% - 15px) / 4);
	margin-top: 5px;
	margin-right: 5px;
	opacity: 0.5;
	transition: opacity 0.8s;
	overflow: hidden;
}

.facility-paging li:first-child {
	margin-top: 0;
}

.facility-paging li.slick-active {
	opacity: 1;
}

.facility-paging button {
	width: 100%;
	height: 100%;
}

.facility-paging button img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.section-organization {
	margin: 70px 0;
	padding-top: 70px;
	padding-bottom: 70px;
	letter-spacing: -0.25px;
	background-color: #f5f5f6;
	overflow: hidden;
}

@media (max-width: 768px) {
	.section-organization {
		margin: 40px 0;
		padding-top: 0;
		padding-bottom: 0;
	}
}

.section-organization .inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-direction: column;
	    flex-direction: column;
}

.section-organization .section-box {
	padding: 0 40px;
}

@media (max-width: 768px) {
	.section-organization .section-box {
		padding: 40px 0;
	}
}

.section-organization .section-head {
	text-align: center;
}

.section-organization .section-head h2 {
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-organization .section-head h2 {
		font-size: 26px;
	}
}

.section-organization .section-head p {
	margin-bottom: 40px;
	font-size: 19px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-organization .section-head p {
		font-size: 14px;
	}
}

.organization-chart {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	width: 100%;
	padding: 60px 30px;
	border-radius: 10px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.organization-chart {
		position: relative;
		padding: 25px 12px;
		border: 1px solid #dddde8;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	.organization-chart:before {
		content: '';
		position: absolute;
		top: 26px;
		left: 18px;
		width: 1px;
		height: calc(100% - 78px);
		background-color: #515965;
	}
}

.organization-row {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 100%;
}

@media (max-width: 768px) {
	.organization-row {
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}
}

.organization-row:first-child div {
	width: 380px;
	background-color: #b20c1a;
}

.organization-row:first-child div:before {
	display: none;
}

.organization-row:first-child:before {
	display: none;
}

@media (max-width: 768px) {
	.organization-row:nth-child(2) {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		margin-left: 30px;
	}
}

.organization-row:nth-child(2) div {
	width: 33.334%;
	max-width: 330px;
	background-color: #f1f1f1;
}

@media (max-width: 768px) {
	.organization-row:nth-child(2) div {
		width: 70%;
	}
}

.organization-row:nth-child(2) div strong {
	color: #111;
}

.organization-row:nth-child(2) div span {
	color: #959aa0;
}

.organization-row:nth-child(2) div + div {
	margin-left: 12%;
}

@media (max-width: 768px) {
	.organization-row:nth-child(2) div + div {
		margin-top: 25px;
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.organization-row:nth-child(2) div:nth-child(2) {
		margin-bottom: 90px;
	}
}

.organization-row:nth-child(2):before {
	width: calc(((100% - 24%) / 3 * 2) + 24%);
	max-width: calc(660px + 24%);
}

@media (max-width: 768px) {
	.organization-row:nth-child(2):before {
		display: none;
	}
}

@media (max-width: 768px) {
	.organization-row:last-child {
		position: absolute;
		left: 40px;
		bottom: 106px;
		max-width: 80%;
	}
}

.organization-row:last-child div {
	width: 50%;
	max-width: 260px;
	background-color: #2b3036;
}

@media (max-width: 768px) {
	.organization-row:last-child div {
		width: 60%;
	}
}

.organization-row:last-child div + div {
	margin-left: 20px;
}

@media (max-width: 768px) {
	.organization-row:last-child div:first-child:before {
		top: -35px;
		height: 35px;
	}
}

@media (max-width: 768px) {
	.organization-row:last-child div:before {
		content: '';
		position: absolute;
		top: -18px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 1px;
		height: 18px;
		background-color: #515965;
	}
}

.organization-row:last-child div:after {
	display: none;
}

.organization-row:last-child:before {
	width: calc(50% - 20px);
	max-width: 280px;
}

@media (max-width: 768px) {
	.organization-row:last-child:before {
		width: calc(50% + 10px);
		top: -18px;
	}
}

.organization-row + .organization-row {
	margin-top: 70px;
}

@media (max-width: 768px) {
	.organization-row + .organization-row {
		margin-top: 35px;
	}
}

.organization-row:before {
	content: '';
	position: absolute;
	top: -35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 100%;
	height: 1px;
	background-color: #515965;
}

.organization-item {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 104px;
	padding: 0 20px;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.organization-item {
		height: 56px;
		padding: 0 10px;
	}
}

.organization-item strong {
	font-size: 18px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.organization-item strong {
		font-size: 13px;
	}
}

.organization-item span {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.organization-item span {
		margin-top: 2px;
		font-size: 8px;
	}
}

.organization-item:before, .organization-item:after {
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 1px;
	height: 35px;
	background-color: #515965;
}

.organization-item:before {
	bottom: 100%;
}

@media (max-width: 768px) {
	.organization-item:before {
		top: 50%;
		left: -8px;
		bottom: auto;
		width: 8px;
		height: 1px;
		-webkit-transform: none;
		        transform: none;
	}
}

.organization-item:after {
	top: 100%;
}

@media (max-width: 768px) {
	.organization-item:after {
		display: none;
	}
}

.organization-item:not(.organization-depth):after {
	display: none;
}

.section-notice-list, .section-notice-detail {
	margin-top: 60px;
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-notice-list, .section-notice-detail {
		margin-top: 20px;
		margin-bottom: 50px;
	}
}

.section-notice-list .section-box, .section-notice-detail .section-box {
	max-width: 1240px;
}

@media (max-width: 768px) {
	.section-notice-list .search-box {
		-ms-flex: 1;
		    flex: 1;
		max-width: 180px;
		margin-left: 8px;
	}
}

.section-notice-list ul {
	margin-top: 16px;
	margin-bottom: 30px;
	border-top: 1px solid #252f3e;
}

.section-notice-list ul li {
	border-bottom: 1px solid #ccccdf;
}

.section-notice-list ul li.empty {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	min-height: 180px;
	font-size: 20px;
	font-weight: 300;
	color: #999;
}

@media (max-width: 768px) {
	.section-notice-list ul li.empty {
		height: 165px;
		font-size: 17px;
	}
}

.section-notice-list ul li a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	position: relative;
	height: 96px;
}

@media (max-width: 768px) {
	.section-notice-list ul li a {
		height: auto;
		padding: 14px 20px 15px 0;
	}
}

.section-notice-list ul li a .notice-head {
	font-size: 18px;
	color: #999;
	min-width: 45px;
	padding: 0 11px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 20px;
	font-weight: 400;
	font-family: Roboto, 'Noto Sans Korean';
}

@media (max-width: 768px) {
	.section-notice-list ul li a .notice-head {
		font-size: 15px;
		padding: 0 7px;
		min-width: 0;
		margin: 0 10px;
	}
}

.section-notice-list ul li a .notice-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex: 1 1 100%;
	    flex: 1 1 100%;
}

.section-notice-list ul li a .notice-title strong {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

@media (max-width: 768px) {
	.section-notice-list ul li a .notice-title strong {
		font-size: 15px;
	}
}

.section-notice-list ul li a .notice-title strong i {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 80px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media (max-width: 768px) {
	.section-notice-list ul li a .notice-title strong i {
		display: inline;
		font-weight: 300;
		max-width: calc(100% - 30px);
		white-space: normal;
	}
}

.section-notice-list ul li a .notice-title strong:after {
	content: '';
	display: none;
	background-image: url("../images/sprite.pc.png");
	background-position: -229px -273px;
	background-size: 395px auto;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-left: 5px;
}

@media (max-width: 768px) {
	.section-notice-list ul li a .notice-title strong:after {
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px 0px;
		width: 14px;
		height: 14px;
	}
}

.section-notice-list ul li a .notice-title span {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
	margin-top: 5px;
}

@media (max-width: 768px) {
	.section-notice-list ul li a .notice-title span {
		margin-top: 3px;
		font-size: 13px;
	}
}

.section-notice-list ul li a .icon {
	position: absolute;
	right: 20px;
}

@media (max-width: 768px) {
	.section-notice-list ul li a .icon {
		display: none;
	}
}

.section-notice-list ul li.top {
	background-color: rgba(245, 245, 246, 0.5);
}

.section-notice-list ul li.top .notice-head {
	font-size: 13px;
	color: #fff;
	background-color: #252f3e;
	height: 20px;
	line-height: 20px;
	border-radius: 12px;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.section-notice-list ul li.top .notice-head {
		font-size: 10px;
		height: 15px;
		line-height: 15px;
		border-radius: 15px;
	}
}

.section-notice-list ul li.new .notice-title strong:after {
	display: inline-block;
}

@media (max-width: 768px) {
	.section-notice-list ul {
		margin-top: 12px;
		margin-bottom: 20px;
	}
}

.section-notice-detail .attached-file {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-align: start;
	    align-items: flex-start;
	word-break: break-all;
}

.section-notice-detail .attached-file .icon {
	-ms-flex: none;
	    flex: none;
	margin-top: 3px;
	margin-right: 5px;
}

.section-notice-detail .notice-title, .section-notice-detail .notice-contents {
	padding: 0 20px;
}

@media (max-width: 768px) {
	.section-notice-detail .notice-title, .section-notice-detail .notice-contents {
		padding: 0 10px;
	}
}

.section-notice-detail .notice-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	    justify-content: center;
	min-height: 140px;
	padding: 20px;
	border: 1px solid transparent;
	border-top-color: #252f3e;
	border-bottom-color: #ccccdf;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-notice-detail .notice-title {
		min-height: 0;
		padding: 19px 10px 21px;
	}
}

.section-notice-detail .notice-title strong {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -1.3px;
}

@media (max-width: 768px) {
	.section-notice-detail .notice-title strong {
		font-size: 18px;
	}
}

.section-notice-detail .notice-title span {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.section-notice-detail .notice-title span {
		font-size: 13px;
	}
}

.section-notice-detail .notice-contents .inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.section-notice-detail .notice-promotion {
	min-width: 980px;
	margin-top: 40px;
	overflow: hidden;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion {
		min-width: auto;
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
}

.section-notice-detail .notice-promotion .image {
	margin: 0;
}

@media (max-width: 1200px) {
	.section-notice-detail .notice-promotion .image .is-pc {
		display: none;
	}
}

.section-notice-detail .notice-promotion .image .is-tab {
	display: none;
}

@media (max-width: 1200px) {
	.section-notice-detail .notice-promotion .image .is-tab {
		display: block;
	}
}

.section-notice-detail .notice-promotion .link {
	position: absolute;
	font: 0/0 a;
}

.section-notice-detail .notice-promotion .links {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.section-notice-detail .notice-promotion .link-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.section-notice-detail .notice-promotion .contents {
	position: relative;
}

@media (max-width: 1200px) {
	.section-notice-detail .notice-promotion .contents {
		max-width: 640px;
		margin: 0 auto;
	}
}

.section-notice-detail .notice-promotion .contents-02 .link {
	width: 106px;
	height: 36px;
	top: 50%;
	right: 169px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-02 .link {
		width: 16.5625%;
		height: 31.57895%;
		right: 6.25%;
	}
}

.section-notice-detail .notice-promotion .contents-04 .link, .section-notice-detail .notice-promotion .contents-05 .link, .section-notice-detail .notice-promotion .contents-06 .link {
	width: 208px;
	height: 46px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-04 .link, .section-notice-detail .notice-promotion .contents-05 .link, .section-notice-detail .notice-promotion .contents-06 .link {
		width: 39.0625%;
	}
}

.section-notice-detail .notice-promotion .contents-04 .link, .section-notice-detail .notice-promotion .contents-06 .link {
	bottom: 60px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-04 .link, .section-notice-detail .notice-promotion .contents-06 .link {
		bottom: 8.68486%;
		height: 6.94789%;
	}
}

.section-notice-detail .notice-promotion .contents-05 .link {
	bottom: 86px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-05 .link {
		bottom: 8.4507%;
		height: 7.88732%;
	}
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-06 .link {
		bottom: 8.4507%;
		height: 7.88732%;
	}
}

.section-notice-detail .notice-promotion .contents-07 .link {
	height: 46px;
}

.section-notice-detail .notice-promotion .contents-07 .links {
	width: 436px;
	height: 46px;
	bottom: 28px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-07 .links {
		width: 81.5625%;
		height: 13.82716%;
		bottom: 8.64198%;
	}
}

.section-notice-detail .notice-promotion .contents-07 .link-01 {
	width: 228px;
	left: 0;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-07 .link-01 {
		width: 53.125%;
	}
}

.section-notice-detail .notice-promotion .contents-07 .link-02 {
	width: 192px;
	right: 0;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-07 .link-02 {
		width: 44.53125%;
	}
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-07 .link {
		height: 100%;
	}
}

.section-notice-detail .notice-promotion .contents-09 .link {
	width: 182px;
	height: 37px;
}

.section-notice-detail .notice-promotion .contents-09 .links {
	width: 740px;
	height: 658px;
	bottom: 80px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-09 .links {
		width: 90%;
		height: 88.38821%;
		bottom: 5.19931%;
	}
}

.section-notice-detail .notice-promotion .contents-09 .link-top {
	top: 172px;
}

.section-notice-detail .notice-promotion .contents-09 .link-middle {
	top: 370px;
}

.section-notice-detail .notice-promotion .contents-09 .link-bottom {
	bottom: 50px;
}

.section-notice-detail .notice-promotion .contents-09 .link-left {
	left: 34px;
}

.section-notice-detail .notice-promotion .contents-09 .link-right {
	right: 31px;
}

@media (max-width: 1100px) {
	.section-notice-detail .notice-promotion .contents-09 .link {
		width: 38.28125%;
		height: 4.41176%;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(odd) {
		left: 6.71875%;
		right: auto;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(even) {
		left: auto;
		right: 6.71875%;
	}
	.section-notice-detail .notice-promotion .contents-09 .link-center {
		-webkit-transform: none;
		        transform: none;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(1), .section-notice-detail .notice-promotion .contents-09 .link:nth-child(2) {
		top: 20.19608%;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(3), .section-notice-detail .notice-promotion .contents-09 .link:nth-child(4) {
		top: 43.62745%;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(5), .section-notice-detail .notice-promotion .contents-09 .link:nth-child(6) {
		top: 67.15686%;
	}
	.section-notice-detail .notice-promotion .contents-09 .link:nth-child(7), .section-notice-detail .notice-promotion .contents-09 .link:nth-child(8) {
		top: 90.68627%;
	}
}

.section-notice-detail .section-foot {
	margin-top: 50px;
}

@media (max-width: 768px) {
	.section-notice-detail .section-foot {
		margin-top: 35px;
	}
}

.section-notice-detail .section-foot .button-wrap {
	display: -ms-flexbox;
	display: flex;
}

.section-notice-detail .section-foot .button-wrap .btn {
	-ms-flex: 1 1 100%;
	    flex: 1 1 100%;
	height: 78px;
	border: 1px solid #ccccdf;
	padding: 0 30px;
	font-size: 17px;
}

@media (max-width: 768px) {
	.section-notice-detail .section-foot .button-wrap .btn {
		height: 45px;
		padding: 0 16px;
	}
}

.section-notice-detail .section-foot .button-wrap .btn-prev-text, .section-notice-detail .section-foot .button-wrap .btn-next-text {
	position: relative;
}

.section-notice-detail .section-foot .button-wrap .btn-prev-text:before, .section-notice-detail .section-foot .button-wrap .btn-next-text:before {
	display: inline-block;
	letter-spacing: -0.8px;
	font-size: 15px;
	font-weight: 300;
	background-repeat: no-repeat;
}

.section-notice-detail .section-foot .button-wrap .btn-prev-text .icon, .section-notice-detail .section-foot .button-wrap .btn-next-text .icon {
	position: absolute;
}

@media (max-width: 768px) {
	.section-notice-detail .section-foot .button-wrap .btn-prev-text, .section-notice-detail .section-foot .button-wrap .btn-next-text {
		font-size: 0;
	}
	.section-notice-detail .section-foot .button-wrap .btn-prev-text:before, .section-notice-detail .section-foot .button-wrap .btn-next-text:before {
		font-size: 13px;
	}
}

.section-notice-detail .section-foot .button-wrap .btn-prev-text {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-ms-flex-pack: start;
	    justify-content: flex-start;
}

.section-notice-detail .section-foot .button-wrap .btn-prev-text:before {
	content: '이전글';
	padding-left: 15px;
	margin-right: 30px;
	background-position: 0 center;
}

@media (max-width: 768px) {
	.section-notice-detail .section-foot .button-wrap .btn-prev-text {
		padding-left: 18px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.section-notice-detail .section-foot .button-wrap .btn-prev-text:before {
		padding-left: 10px;
	}
}

.section-notice-detail .section-foot .button-wrap .btn-next-text {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.section-notice-detail .section-foot .button-wrap .btn-next-text:before {
	content: '다음글';
	padding-right: 15px;
	margin-left: 30px;
	-ms-flex-order: 2;
	    order: 2;
	background-position: 100% center;
}

@media (max-width: 768px) {
	.section-notice-detail .section-foot .button-wrap .btn-next-text {
		padding-right: 18px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.section-notice-detail .section-foot .button-wrap .btn-next-text:before {
		padding-right: 10px;
	}
}

.section-notice-detail .section-foot .button-wrap .btn + .btn {
	border-left: none;
}

.section-mypage-info .section-box {
	max-width: 1240px;
}

.section-mypage-info.essential {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.section-mypage-info.essential {
		margin-bottom: 40px;
	}
}

.section-mypage-info.essential .section-head strong {
	display: block;
	margin-bottom: 25px;
	font-size: 22px;
	letter-spacing: -0.25px;
}

.section-mypage-info.essential .section-footer {
	margin-top: 20px;
}

.section-mypage-info.essential .section-footer .btn {
	min-width: auto;
}

.section-mypage-info.essential .section-footer .btn + .btn {
	margin-left: 5px;
}

.section-mypage-info.essential .btn-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.section-mypage-info.additional {
	padding-top: 50px;
	padding-bottom: 100px;
	background-color: #f5f5f6;
}

.section-mypage-info.additional .additional-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	height: 60px;
	margin-top: 10px;
	padding: 0 30px;
	background-color: #fff;
	border: 1px solid #dddde8;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-box {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		height: auto;
		padding: 20px;
	}
}

.section-mypage-info.additional .additional-box:first-child {
	margin-top: 0;
}

.section-mypage-info.additional .additional-box.corporate {
	position: relative;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: start;
	    align-items: flex-start;
	height: 60px;
	border-color: #d01111;
	overflow: hidden;
}

.section-mypage-info.additional .additional-box.corporate.show {
	height: auto;
}

.section-mypage-info.additional .additional-box.corporate.show .additional-content button .icon {
	-webkit-transform: rotate(270deg);
	        transform: rotate(270deg);
}

.section-mypage-info.additional .additional-box.corporate .additional-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex: none;
	    flex: none;
	position: relative;
	width: 100%;
	height: 60px;
}

.section-mypage-info.additional .additional-box.corporate .additional-content:after {
	content: '';
	position: absolute;
	left: -30px;
	bottom: 0;
	width: calc(100% + 60px);
	height: 1px;
	background-color: #efefef;
}

.section-mypage-info.additional .additional-box.corporate .additional-content button {
	position: absolute;
	right: 0;
}

.section-mypage-info.additional .additional-box.corporate .additional-content button .icon {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.section-mypage-info.additional .additional-box.corporate .info-wrap {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border: 0;
}

.section-mypage-info.additional .additional-box.corporate .info-wrap > .btn {
	position: absolute;
	right: 15px;
	bottom: -45px;
}

.section-mypage-info.additional .additional-box.corporate .badge-status {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 12px;
	background-color: #999;
	box-sizing: border-box;
}

.section-mypage-info.additional .additional-box.corporate .badge-status.process {
	background-color: #d01111;
}

.section-mypage-info.additional .additional-box.corporate .badge-status.complete {
	background-color: #63a225;
}

.section-mypage-info.additional .additional-box .btn {
	min-width: auto;
	justify-self: flex-end;
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-box .btn {
		-ms-flex: none;
		    flex: none;
		margin-top: 30px;
	}
}

.section-mypage-info.additional .additional-content {
	-ms-flex: 1;
	    flex: 1;
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-content {
		-ms-flex: none;
		    flex: none;
		width: 100%;
	}
}

.section-mypage-info.additional .additional-content strong {
	display: inline-block;
	min-width: 210px;
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-content strong {
		position: relative;
		display: block;
		min-width: auto;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-content strong:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: -20px;
		right: -20px;
		height: 1px;
		background-color: #dddde8;
	}
}

.section-mypage-info.additional .additional-content span {
	position: relative;
	margin-left: 30px;
	padding-left: 32px;
	font-size: 14px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-content span {
		margin-left: 0;
		padding-left: 0;
	}
}

.section-mypage-info.additional .additional-content span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 26px;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.section-mypage-info.additional .additional-content span:before {
		display: none;
	}
}

.section.schedule-empty .order-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 180px;
	font-size: 20px;
	font-weight: 300;
	color: #999;
	border-color: #dddde8;
}

@media (max-width: 768px) {
	.section.schedule-empty .order-box {
		height: 165px;
		margin-bottom: 45px;
		font-size: 17px;
	}
}

.section-mypage-schedule {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-mypage-schedule {
		margin-bottom: 50px;
	}
}

.section-mypage-schedule .section-box {
	max-width: 1240px;
}

.section-mypage-schedule .list-utils {
	-ms-flex-align: end;
	    align-items: flex-end;
	margin-top: 30px;
	margin-bottom: 15px;
}

.section-mypage-schedule .list-utils .search-box {
	min-width: 400px;
}

@media (max-width: 1200px) {
	.section-mypage-schedule .list-utils .search-box {
		min-width: 200px;
	}
}

@media (max-width: 768px) {
	.section-mypage-schedule .list-utils {
		margin-top: 20px;
		margin-bottom: 12px;
	}
	.section-mypage-schedule .list-utils .search-box {
		-ms-flex: none;
		    flex: none;
		max-width: 120px;
	}
	.section-mypage-schedule .list-utils .search-box input {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.section-mypage-schedule .list-utils {
		-ms-flex-align: end;
		    align-items: flex-end;
	}
	.section-mypage-schedule .list-utils .search-box {
		position: relative;
		width: 100%;
		min-width: 165px;
		padding-right: 34px;
	}
	.section-mypage-schedule .list-utils .search-box .btn {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}

.section-mypage-schedule .order-wrap-body {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.section-mypage-schedule .order-wrap-body {
		margin-bottom: 15px;
	}
}

.section-mypage-schedule .order-wrap-body .clazz {
	padding-left: 21px;
	border-bottom: 0;
}

.section-mypage-schedule .order-wrap-body .clazz .btn-layer {
	right: 10px;
}

@media (max-width: 768px) {
	.section-mypage-schedule .order-wrap-body .clazz {
		padding-left: 5px;
	}
	.section-mypage-schedule .order-wrap-body .clazz .btn-layer {
		top: 0;
		right: 5px;
	}
}

.section-mypage-schedule .order-wrap-body .order-detail time .aside {
	font-size: 13px;
}

.section-mypage-schedule .order-wrap-body .link {
	position: relative;
	display: inline-block;
	padding-right: 13px;
	font-size: 15px;
	font-weight: 300;
	color: #d01111;
	text-decoration: underline;
}

.section-mypage-schedule .order-wrap-body .link:after {
	content: '';
	width: 6px;
	height: 6px;
	border-color: #d01111;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 768px) {
	.section-mypage-schedule .order-wrap-body .link {
		padding-right: 8px;
		font-size: 13px;
	}
}

.section-mypage-schedule .attendee-info .attendee-summary {
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.section-mypage-schedule .attendee-info .btn-toggle {
	width: 100%;
}

.section-mypage-schedule .attendee-info .btn-toggle:after {
	border-radius: 0 8px 8px 0;
}

.section-mypage-schedule .pagination-wrap {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.section-mypage-schedule .pagination-wrap {
		margin-bottom: 50px;
	}
}

.section-past-course .attendee-wrap {
	padding: 5px 40px;
	border: solid 1px #dddde8;
	border-radius: 8px;
}

@media (max-width: 768px) {
	.section-past-course .attendee-wrap {
		padding: 5px 16px;
	}
}

.section-past-course .attendee-box {
	margin: 0;
	border-width: 0 0 1px 0;
	border-color: #dddde8;
	border-radius: 0;
}

.section-past-course .attendee-box:last-child {
	border-bottom: 0;
}

.section-past-course .attendee-info {
	background-color: #fff;
}

.section-past-course .attendee-summary span:first-of-type {
	min-width: 205px;
}

.section-past-course .attendee-summary span:first-of-type:after {
	display: none;
}

@media (max-width: 768px) {
	.section-past-course .attendee-summary span {
		font-size: 13px;
	}
	.section-past-course .attendee-summary span:first-of-type {
		min-width: 65px;
		padding: 0;
		font-size: 13px;
	}
	.section-past-course .attendee-summary span:nth-child(2) {
		display: inline-block;
	}
	.section-past-course .attendee-summary span:nth-child(2):after {
		display: none;
	}
}

.section-terms {
	display: none;
	font-size: 15px;
}

.section-terms.active {
	display: block;
}

.section-terms .section-box {
	max-width: 1240px;
}

.section-terms .utils {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	    align-items: flex-end;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 30px 0 14px;
	border-bottom: 1px solid #252f3e;
}

@media (max-width: 768px) {
	.section-terms .utils {
		padding: 20px 0 8px;
	}
}

.section-terms .utils .update {
	font-size: 15px;
}

@media (max-width: 768px) {
	.section-terms .utils .update {
		font-size: 14px;
	}
}

.section-terms .utils .update em {
	font-size: 17px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-terms .utils .update em {
		font-size: 13px;
	}
}

.section-terms .utils .form-control {
	min-width: 260px;
}

@media (max-width: 768px) {
	.section-terms .utils .form-control {
		min-width: 0;
	}
}

.section-terms .term-info {
	margin-bottom: 20px;
}

.section-terms .term-info span {
	position: relative;
}

.section-terms .term-info span + span {
	margin-left: 7px;
	padding-left: 10px;
}

.section-terms .term-info span + span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: #ddd;
}

.section-terms .term-select {
	padding-top: 30px;
	margin-bottom: 50px;
	border-top: 1px solid #e1e3e4;
}

.section-terms .term-select .form-control {
	width: 300px;
}

.section-roadmap {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	padding: 40px 0;
	background-color: #fff;
}

.section-roadmap .certification-map-wrap,
.section-roadmap .course-map-wrap {
	max-width: 1240px;
	margin: 0 auto;
}

@media (max-width: 1200px) {
	.section-roadmap {
		padding: 0 10px;
	}
}

.show-roadmap .aside .btn {
	background-color: #191f26;
}

.show-roadmap .aside .btn:after {
	margin-top: 5px;
	border-color: #d01111;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}

.show-roadmap .section-roadmap {
	display: block;
}

.notice-contents p {
	margin: 30px 0;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.75px;
}

@media (max-width: 768px) {
	.notice-contents p {
		margin: 20px 0;
		font-size: 13px;
	}
}

.notice-contents strong {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: -1px;
}

@media (max-width: 768px) {
	.notice-contents strong {
		font-size: 17px;
	}
}

.notice-contents h3 {
	margin-top: 40px;
	margin-bottom: 15px;
}

.notice-contents h3 strong {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.23;
}

@media (max-width: 768px) {
	.notice-contents h3 {
		margin-bottom: 10px;
	}
	.notice-contents h3 strong {
		font-size: 18px;
		line-height: 1.39;
	}
}

.notice-contents .btn .icon {
	margin-left: 10px;
}

.notice-contents .text-center img {
	margin: 0 auto 45px;
}

.notice-contents .schedule-list {
	margin-bottom: 35px;
}

.notice-contents .list-item {
	padding: 30px 40px;
}

.notice-contents .list-item:nth-child(odd):last-child:before {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	content: '';
	position: absolute;
	top: -1px;
	right: -11px;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	width: 100%;
	height: 100%;
	border: dashed 1px #dddde8;
	border-radius: 10px;
	background-color: #fafafb;
	background-image: url("../images/logo/logo-aws-training-fade.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.list-row .notice-contents .list-item:nth-child(odd):last-child:before {
	display: none;
}

@media (max-width: 768px) {
	.notice-contents .list-item {
		padding: 23px 21px 23px 18px;
		margin-bottom: 10px;
	}
	.notice-contents .list-item:nth-child(odd):last-child:before {
		display: none;
	}
}

.notice-contents .clazz-name {
	margin-bottom: 28px;
}

.notice-contents .clazz-foot {
	position: absolute;
	right: 30px;
	bottom: 30px;
	display: inline-block;
	margin-top: 0;
}

.notice-contents .clazz-foot .btn {
	min-width: 97px;
}

@media (max-width: 768px) {
	.notice-contents .clazz-name {
		margin-bottom: 22px;
	}
	.notice-contents .clazz-date {
		margin-bottom: 0;
	}
	.notice-contents .clazz-foot {
		right: 16px;
		bottom: 23px;
	}
	.notice-contents .clazz-foot .btn {
		min-width: 74px;
	}
}

.fixed .header {
	width: 100%;
	background-color: #191f26;
	box-sizing: border-box;
}

.fixed .header h1 a {
	background-repeat: no-repeat;
	background-image: url("../images/logo/logo-cc-reverse.png");
}

.fixed .header-toggle i {
	background-color: #fff;
}

@media (min-width: 769px) {
	.fixed .header-global a, .fixed .header-personal,
	.fixed .header-personal a {
		color: #fff;
	}
	.fixed .header .personal-user a:after {
		background-image: url("../images/sprite.pc.png");
		background-position: 0px -317px;
		background-size: 395px auto;
		width: 18px;
		height: 16px;
	}
	.fixed .header .personal-mypage-list a {
		color: #111;
	}
}

/* TODO: IE sticky 이슈 해결후 supports 삭제 */
.fixed-summary .section-summary .section-box:after {
	z-index: 40;
	opacity: 1;
	content: attr(data-title);
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	-ms-flex-align: center;
	    align-items: center;
	top: 80px;
	left: 50%;
	width: 100%;
	max-width: 1240px;
	height: 64px;
	margin-top: 15px;
	padding: 0 30px;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1.1px;
	background-color: #0f3455;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 1200px) {
	.fixed-summary .section-summary .section-box:after {
		top: 128px;
		max-width: calc(100% - 40px);
		height: 43px;
		margin-top: 10px;
		padding: 0 20px;
		font-size: 15px;
		font-weight: 400;
	}
}

@media (max-width: 768px) {
	.fixed-summary .section-summary .section-box:after {
		top: 53px;
	}
}

.fixed-summary .summary-course .section-box:after {
	background-color: #252f3e;
}

.fixed-summary .summary-course .summary-items {
	height: 60px;
}

@media (max-width: 1200px) {
	.fixed-summary .summary-course .summary-items {
		height: auto;
	}
}

.fixed-summary .summary-course .summary-items ul {
	z-index: 41;
	position: fixed;
	top: 80px;
	right: 50%;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	width: 100%;
	max-width: 1240px;
	height: 64px;
	padding: 0 30px;
	margin-top: 15px;
	-ms-flex-align: center;
	    align-items: center;
	box-sizing: border-box;
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}

@media (max-width: 1200px) {
	.fixed-summary .summary-course .summary-items ul {
		position: static;
		-webkit-transform: none;
		        transform: none;
	}
}

.fixed-summary .summary-course .summary-items li {
	padding: 0 10px;
}

.fixed-summary .summary-course .summary-items li:before {
	height: 20px;
}

.fixed-summary .summary-course .summary-items li:last-child {
	padding-right: 0;
}

.fixed-summary .summary-course .summary-items li span {
	display: none;
}

.fixed-summary .summary-course .summary-level .level,
.fixed-summary .summary-course .summary-level .point {
	font-size: 15px;
	font-weight: 300;
}

.fixed-summary .summary-course .summary-role strong {
	font-size: 15px;
	font-weight: 300;
}

.fixed-summary .summary-course .summary-duration strong {
	font-size: 14px;
	font-weight: 500;
}

.fixed-summary .summary-course .summary-duration .point {
	margin-right: 0;
	font-size: 20px;
}

.fixed-summary .summary-course .summary-price:before {
	display: none;
}

.fixed-summary .summary-course .summary-price strong {
	font-size: 14px;
	font-weight: 300;
}

.fixed-summary .summary-course .summary-price .point {
	font-size: 20px;
	font-weight: 500;
}

.fixed-summary .summary-course .aside {
	display: none;
}

.fixed-summary .summary-certification .section-box:after {
	background-color: #0f3455;
}

.fixed-summary .section-menu {
	top: 80px;
	padding-top: 79px;
}

@media (max-width: 1200px) {
	.fixed-summary .section-menu {
		top: 102px;
	}
}

@media (max-width: 768px) {
	.fixed-summary .section-menu {
		top: 27px;
	}
}

.fixed-summary .section-menu .section-box {
	position: fixed;
	top: 80px;
	right: 0;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 79px;
}

.fixed-summary .section-menu .section-box:after {
	content: '';
	display: block;
}

@media (max-width: 1200px) {
	.fixed-summary .section-menu .section-box {
		top: 102px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.fixed-summary .section-menu .section-box .menu {
	-ms-flex: 1;
	    flex: 1;
}

.fixed-summary .section-menu .section-box .aside {
	margin-top: -53px;
	margin-bottom: 10px;
	-webkit-transform: none;
	        transform: none;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.fixed-summary .section-menu .section-box {
		position: relative;
		top: 0;
		display: -ms-flexbox;
		display: flex;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.fixed-summary .section-menu .section-box .aside {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.search-warp {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -2px 10px;
}

.search-warp .form-control {
	-ms-flex: 1;
	    flex: 1;
	height: 52px;
	margin: 0 2px;
	font-size: 16px;
	border: solid 2px #252f3e;
}

.search-warp .form-control.focus, .search-warp .form-control:focus, .search-warp .form-control.active {
	border-color: #d01111;
}

.search-warp .form-control-refresh {
	text-align: right;
	-ms-flex: 0 1 100%;
	    flex: 0 1 100%;
	padding-top: 16px;
}

.search-warp .btn-search-darken {
	width: 52px;
	height: 52px;
	min-width: 52px;
	padding: 0;
}

.search-warp .btn-search-darken.btn-point {
	background-color: #d01111;
}

.search-warp .btn-refresh {
	min-width: 0;
	height: auto;
	padding: 0;
}

.search-warp .btn-refresh .icon {
	margin-left: 8px;
}

@media (max-width: 1200px) {
	.search-warp {
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
	.search-warp .custom-select {
		-ms-flex: none;
		    flex: none;
		width: calc(33.3334% - 4px);
		margin-bottom: 5px;
	}
	.search-warp .col-md-2 {
		-ms-flex: none;
		    flex: none;
		width: calc(50% - 4px);
	}
	.search-warp .col-md-3 {
		-ms-flex: none;
		    flex: none;
		width: calc(100% - 60px);
	}
	.search-warp .btn-search-darken {
		margin: 0 2px;
	}
	.search-warp .form-control-refresh {
		padding-top: 5px;
	}
}

@media (max-width: 768px) {
	.search-warp {
		margin: 0 -4px 10px;
	}
	.search-warp .form-control {
		margin: 0 4px 8px;
	}
	.search-warp .form-control-refresh {
		margin: 0 4px;
	}
	.search-warp .custom-select {
		-ms-flex: 1;
		    flex: 1;
		width: auto;
		height: 39px;
		font-size: 13px;
	}
	.search-warp .col-sm-2 {
		-ms-flex: none;
		    flex: none;
		width: calc(100% - 8px);
	}
	.search-warp .btn-search-darken {
		width: calc(100% - 8px);
		height: 39px;
		margin: 0 auto;
	}
	.search-warp .btn-search-darken:after {
		content: '검색하기';
		margin-left: 7px;
		font-size: 14px;
		color: #fff;
	}
}

.pagination-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.pagination-wrap a {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	min-width: 34px;
	height: 34px;
	margin: 0 2px;
	padding: 0 5px;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: -0.4px;
	border: solid 1px #dddde8;
	box-sizing: border-box;
}

.pagination-wrap .page-link {
	border-color: transparent;
}

.pagination-wrap .page-link.active {
	font-weight: 400;
	color: #fff;
	border-color: #252f3e;
	background-color: #252f3e;
}

.pagination-wrap .btn-first,
.pagination-wrap .btn-prev,
.pagination-wrap .btn-next,
.pagination-wrap .btn-end {
	font: 0/0 a;
	background-color: #fff;
}

.pagination-wrap .btn-first[disabled="disabled"],
.pagination-wrap .btn-prev[disabled="disabled"],
.pagination-wrap .btn-next[disabled="disabled"],
.pagination-wrap .btn-end[disabled="disabled"] {
	cursor: default;
	pointer-events: none;
}

.pagination-wrap .btn-first:before,
.pagination-wrap .btn-prev:before,
.pagination-wrap .btn-next:before,
.pagination-wrap .btn-end:before {
	content: '';
}

.pagination-wrap .btn-first:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -283px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.pagination-wrap .btn-first[disabled="disabled"]:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -315px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.pagination-wrap .btn-prev:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -210px -153px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.pagination-wrap .btn-prev[disabled="disabled"]:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -164px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.pagination-wrap .btn-next:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -190px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.pagination-wrap .btn-next[disabled="disabled"]:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -216px -353px;
	background-size: 395px auto;
	width: 6px;
	height: 10px;
}

.pagination-wrap .btn-end:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -347px -317px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

.pagination-wrap .btn-end[disabled="disabled"]:before {
	background-image: url("../images/sprite.pc.png");
	background-position: -101px -353px;
	background-size: 395px auto;
	width: 12px;
	height: 10px;
}

@media (max-width: 480px) {
	.pagination-wrap {
		margin: 0 -10px;
	}
	.pagination-wrap a {
		min-width: 27px;
		height: 27px;
		font-size: 12px;
		border-radius: 3px;
	}
}

.page-main .section-head {
	position: relative;
}

.page-main .section-head h2 {
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -1.1px;
}

.page-main .section-head p {
	font-size: 19px;
	font-weight: 300;
	letter-spacing: -0.5px;
}

.page-main .section-head .aside {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (max-width: 768px) {
	.page-main .section-head h2 {
		font-size: 26px;
	}
}

.page-main .section-visual {
	height: 550px;
	padding: 0;
	overflow: hidden;
}

.page-main .section-visual.main-visual {
	height: 550px;
}

.page-main .section-visual .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	width: 100%;
	max-width: none;
	height: 550px;
	background-position: 45% 50%;
	left: 0;
	padding: 0 100px;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.page-main .section-visual .section-box {
		padding: 0 20px;
	}
}

@media (max-width: 768px) {
	.page-main .section-visual .section-box {
		padding: 0;
		height: 330px;
	}
}

.page-main .section-visual .catchphrase {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
}

@media (max-width: 768px) {
	.page-main .section-visual .catchphrase {
		padding: 10px 40px;
	}
}

.page-main .section-visual .catchphrase strong, .page-main .section-visual .catchphrase p {
	display: block;
	max-width: 1280px;
	margin: 0 auto;
}

.page-main .section-visual .catchphrase strong {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -1.5px;
	color: #fff;
}

.page-main .section-visual .catchphrase p {
	margin-top: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.88;
	letter-spacing: -0.4px;
	color: #fff;
}

.page-main .section-visual .catchphrase.visual strong {
	font: 0/0 a;
}

.page-main .section-visual .catchphrase.visual p {
	margin-top: 0;
}

@media (max-width: 768px) {
	.page-main .section-visual .catchphrase.visual p {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		height: 330px;
		padding: 20px 0 40px;
		box-sizing: border-box;
	}
}

.page-main .section-visual .catchphrase.visual p a {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 550px;
}

@media (max-width: 768px) {
	.page-main .section-visual .catchphrase.visual p a {
		height: 100%;
	}
}

.page-main .section-visual.slick-slider .slick-arrow {
	width: 36px;
}

.page-main .section-visual.slick-slider .slick-arrow:before {
	width: 51px;
	height: 51px;
	border-top: 2px solid #d3d5d8;
	border-right: 2px solid #d3d5d8;
}

.page-main .section-visual.slick-slider .slick-prev {
	padding-left: 50px;
}

.page-main .section-visual.slick-slider .slick-next {
	padding-right: 50px;
}

.page-main .section-visual.slick-slider .slick-list {
	width: 100%;
}

.page-main .section-visual.slick-slider .slick-slide img {
	max-height: 100%;
}

@media (max-width: 768px) {
	.page-main .section-visual.slick-slider .slick-slide img {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.page-main .section-visual {
		height: 330px;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.page-main .section-visual.main-visual {
		margin-bottom: 40px;
	}
	.page-main .section-visual .catchphrase strong {
		font-size: 30px;
	}
	.page-main .section-visual .catchphrase p {
		margin-top: 20px;
		font-size: 13px;
	}
}

.page-main .section-mzc {
	margin-bottom: 50px;
	letter-spacing: -0.5px;
}

.page-main .section-mzc:before {
	content: '';
	display: block;
	width: 50%;
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	left: -50px;
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.page-main .section-mzc {
		margin-bottom: 37px;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.page-main .section-mzc:before {
		display: none;
	}
}

.page-main .section-mzc .section-box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
}

@media (max-width: 768px) {
	.page-main .section-mzc .section-box {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-left: 10px;
	}
}

.page-main .section-mzc .section-head {
	margin-left: 0;
	padding-right: 0;
}

.page-main .section-mzc .logo-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: end;
	    align-items: flex-end;
	-ms-flex-pack: center;
	    justify-content: center;
	min-width: 550px;
	min-height: 250px;
	margin-right: 100px;
	padding-right: 50px;
	text-align: right;
	border-radius: 0 14px 14px 0;
	background-color: #252f3e;
	box-sizing: border-box;
}

@media (max-width: 1600px) {
	.page-main .section-mzc .logo-center {
		min-width: 380px;
		margin-right: 50px;
		padding-right: 40px;
	}
}

@media (max-width: 768px) {
	.page-main .section-mzc .logo-center {
		position: relative;
		-ms-flex-align: start;
		    align-items: flex-start;
		width: 100%;
		min-width: 0;
		min-height: 153px;
		margin-right: -10px;
		margin-bottom: 35px;
		padding-right: 10px;
	}
	.page-main .section-mzc .logo-center:before {
		content: '';
		display: block;
		width: 50%;
		position: absolute;
		top: 0;
		right: 50%;
		bottom: 0;
		left: -50px;
		background-color: #252f3e;
	}
}

.page-main .section-mzc .logo-center span {
	position: relative;
	display: block;
	font: 0/0 a;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

.page-main .section-mzc .logo-center span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -30px;
	display: inline-block;
	width: 1px;
	height: 44px;
	background-color: #515965;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 1200px) {
	.page-main .section-mzc .logo-center span:before {
		left: -20px;
		height: 38px;
	}
}

.page-main .section-mzc .logo-center span:first-child {
	margin-left: 0;
}

.page-main .section-mzc .logo-center span:first-child:before {
	display: none;
}

.page-main .section-mzc .logo-center span:last-child {
	margin-right: 0;
}

.page-main .section-mzc .logo-center .desc {
	-ms-flex: none;
	    flex: none;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.5px;
	color: #fff;
	width: 100%;
}

@media (max-width: 768px) {
	.page-main .section-mzc .logo-center .desc {
		z-index: 1;
		font-size: 15px;
		text-align: left;
	}
}

.page-main .section-mzc .logo-mzc {
	width: 165px;
	height: 43px;
	margin-left: 30px;
	margin-bottom: 40px;
	background-image: url("../images/logo/logo-mzc.png");
}

@media (max-width: 1600px) {
	.page-main .section-mzc .logo-mzc {
		width: 132px;
		height: 34px;
		margin-left: 19px;
	}
}

@media (max-width: 768px) {
	.page-main .section-mzc .logo-mzc {
		width: 115px;
		height: 31px;
		-ms-flex-align: start;
		    align-items: flex-start;
		margin-bottom: 24px;
	}
	.page-main .section-mzc .logo-mzc:before {
		height: 28px;
	}
}

.page-main .section-merit {
	margin-bottom: 0;
}

.page-main .section-merit .section-head p {
	font-size: 24px;
	line-height: 1.67;
	letter-spacing: -0.6px;
}

.page-main .section-merit .merit-list {
	padding-right: 0;
}

.page-main .section-merit .merit-list li:after {
	content: none;
}

@media (max-width: 768px) {
	.page-main .section-merit {
		padding-right: 10px;
	}
	.page-main .section-merit .section-head {
		margin-bottom: 18px;
	}
	.page-main .section-merit .section-head h2 {
		margin-bottom: 0;
	}
	.page-main .section-merit .merit-list li {
		margin-bottom: 18px;
	}
	.page-main .section-merit .merit-list li strong {
		font-size: 18px;
	}
	.page-main .section-merit .merit-list li p {
		font-size: 13px;
	}
}

.page-main .section-learning-path {
	margin-bottom: 55px;
}

.page-main .section-learning-path .section-head {
	padding-left: 40px;
	color: #111;
}

@media (max-width: 768px) {
	.page-main .section-learning-path .section-head {
		padding-left: 0;
	}
}

.page-main .section-learning-path .section-head h2 {
	margin-bottom: 10px;
}

.page-main .section-learning-path .section-box {
	margin-bottom: 50px;
	padding-bottom: 40px;
}

@media (max-width: 768px) {
	.page-main .section-learning-path .section-box {
		margin-bottom: 0;
	}
}

.page-main .section-learning-path .section-box:nth-child(odd) {
	background-color: #ebeced;
}

.page-main .section-learning-path .section-box:nth-child(even) {
	background-color: #2b3036;
}

.page-main .section-learning-path .section-box:nth-child(even) .section-head {
	color: #fff;
}

.page-main .section-learning-path .section-box:last-child {
	margin-bottom: 0;
}

.page-main .section-learning-path .roadmap {
	margin: 0;
	-ms-flex-wrap: unset;
	    flex-wrap: unset;
}

.page-main .section-learning-path .roadmap-box {
	min-height: 0;
	-ms-flex: 0 1 33.334%;
	    flex: 0 1 33.334%;
}

.page-main .section-learning-path .roadmap-box .role {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	border-radius: 10px;
}

@media (max-width: 1200px) {
	.page-main .section-learning-path .roadmap-box .role {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
	}
}

.page-main .section-learning-path .roadmap-box .role .icon {
	-ms-flex: none;
	    flex: none;
	margin-right: 30px;
}

@media (max-width: 1200px) {
	.page-main .section-learning-path .roadmap-box .role .icon {
		margin-bottom: 20px;
	}
}

.page-main .section-learning-path .roadmap-box .role strong {
	margin-top: 0;
}

.page-main .section-learning-path .roadmap-box .role div {
	width: 100%;
}

@media (max-width: 1200px) {
	.page-main .section-learning-path .roadmap-box {
		min-height: 315px;
	}
}

@media (max-width: 768px) {
	.page-main .section-learning-path {
		margin-bottom: 33px;
	}
	.page-main .section-learning-path .section-head {
		margin-bottom: 20px;
	}
	.page-main .section-learning-path .section-head h2 {
		margin-bottom: 5px;
	}
	.page-main .section-learning-path .section-head p {
		font-size: 14px;
	}
	.page-main .section-learning-path .section-box {
		padding-top: 32px;
	}
	.page-main .section-learning-path .roadmap {
		margin: 0;
	}
	.page-main .section-learning-path .roadmap-box {
		min-height: 229px;
		margin-top: 10px;
	}
	.page-main .section-learning-path .roadmap-box:first-child {
		margin-top: 0;
	}
	.page-main .section-learning-path .roadmap .role {
		min-height: 229px;
		margin: 0;
		padding: 23px 20px 30px;
	}
}

@media (max-width: 768px) and (max-width: 768px) {
	.page-main .section-learning-path .roadmap .role {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.page-main .section-learning-path .roadmap .role-nm {
		margin-top: 14px;
		margin-bottom: 6px;
	}
	.page-main .section-learning-path .roadmap .role p {
		line-height: 1.62;
	}
	.page-main .section-learning-path .roadmap .role .btn-more .icon {
		top: 20px;
		right: 20px;
	}
	.page-main .section-learning-path .roadmap .learning-path {
		left: 0;
		right: 0;
	}
}

.page-main .section-schedule {
	margin-bottom: 60px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.page-main .section-schedule {
		margin-bottom: 40px;
	}
}

.page-main .section-schedule .slick-list {
	padding: 0 40px;
}

.page-main .section-schedule .slick-track {
	display: -ms-flexbox;
	display: flex;
}

.page-main .section-schedule .slick-slide {
	float: none;
	outline: none;
	height: auto;
}

.page-main .section-schedule .slick-prev {
	padding-left: 18px;
	background: linear-gradient(to right, white 75%, rgba(255, 255, 255, 0) 100%);
}

.page-main .section-schedule .slick-next {
	padding-right: 18px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
}

.page-main .section-schedule .section-head {
	margin-bottom: 16px;
	padding-left: 80px;
}

.page-main .section-schedule .section-head h2 {
	display: inline-block;
	margin-bottom: 0;
	font-size: 32px;
}

.page-main .section-schedule .section-head .term {
	margin-left: 0;
	font-size: 22px;
}

.page-main .section-schedule .section-head .term:before {
	display: none;
}

.page-main .section-schedule .section-head .term .point {
	color: #d01111;
}

.page-main .section-schedule .section-head .aside {
	right: 50px;
}

@media (max-width: 768px) {
	.page-main .section-schedule .section-head {
		padding-left: 0;
	}
	.page-main .section-schedule .section-head h2 {
		display: block;
		font-size: 22px;
	}
	.page-main .section-schedule .section-head .term {
		padding-left: 0;
		margin-left: 0;
		font-size: 18px;
	}
	.page-main .section-schedule .section-head .term:before {
		display: none;
	}
	.page-main .section-schedule .section-head .aside {
		right: 0;
	}
}

.page-main .section-schedule .section-box {
	max-width: 1920px;
	padding-top: 0;
	padding-bottom: 0;
}

/* @media (max-width: 768px) { */
	.page-main .section-schedule .schedule-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		padding-bottom: 15px;
		overflow-x: hidden;/*auto;*/
		-webkit-overflow-scrolling: touch;
	}
/* } */

.page-main .section-schedule .list-item {
	-ms-flex: none;
	    flex: none;
	margin: 0 10px;
	padding: 30px 30px 30px 40px;
	transition: border-color 0.6s;
}

.page-main .section-schedule .list-item:hover {
	border-color: #252f3e;
}

@media (max-width: 768px) {
	.page-main .section-schedule .list-item {
		width: 290px;
		padding: 23px 20px;
		margin: 0 5px;
	}
	.page-main .section-schedule .list-item:first-child {
		margin-left: 0;
	}
}

.page-main .section-schedule .clazz-name {
	margin-bottom: 25px;
}

.page-main .section-schedule .clazz-name strong {
	display: block;
}

.page-main .section-schedule .clazz-info {
	margin-bottom: 28px;
}

.page-main .section-schedule .clazz-info p {
	margin-top: 8px;
}

@media (max-width: 1600px) {
	.page-main .section-schedule .clazz-info {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.page-main .section-schedule .clazz-info p {
		margin-top: 10px;
	}
	.page-main .section-schedule .clazz-info p:first-child {
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.page-main .section-schedule .clazz-info p {
		margin-top: 0;
	}
	.page-main .section-schedule .clazz-foot .btn {
		position: absolute;
		right: 21px;
		bottom: 23px;
	}
}

.page-main .section-certification {
	margin-bottom: 95px;
}

.page-main .section-certification .certification-title {
	margin-bottom: 27px;
}

.page-main .section-certification .section-box {
	padding: 45px 40px 0;
	border-radius: 16px;
}

.page-main .section-certification .section-head {
	margin-bottom: 30px;
}

.page-main .section-certification .section-head h2 {
	margin-bottom: 10px;
}

.page-main .section-certification .aside .btn {
	color: #ebeced;
}

@media (max-width: 768px) {
	.page-main .section-certification {
		padding: 0;
		margin-bottom: 40px;
	}
	.page-main .section-certification .certification-title {
		margin-bottom: 14px;
	}
	.page-main .section-certification .section-box {
		padding: 32px 20px 0;
		border-radius: 0;
	}
	.page-main .section-certification .section-head {
		margin-bottom: 20px;
	}
	.page-main .section-certification .section-head h2 {
		margin-bottom: 7px;
	}
	.page-main .section-certification .section-head p {
		padding-right: 95px;
		font-size: 14px;
	}
}

.page-main .section-faq {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	margin-bottom: 70px;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
}

@media (max-width: 1600px) {
	.page-main .section-faq {
		width: 100%;
		padding-right: 100px;
	}
}

@media (max-width: 1200px) {
	.page-main .section-faq {
		padding: 0 70px;
	}
}

@media (max-width: 768px) {
	.page-main .section-faq {
		padding: 0 20px;
	}
}

.page-main .section-faq .section-head {
	margin-bottom: 16px;
}

.page-main .section-faq .section-head h2 {
	margin-bottom: 0;
	padding-left: 40px;
	font-size: 32px;
}

@media (max-width: 1200px) {
	.page-main .section-faq .section-head h2 {
		padding-left: 30px;
	}
}

.page-main .section-faq .faq-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	margin: 0 -10px;
	overflow: hidden;
}

.page-main .section-faq .faq-box {
	-ms-flex: none;
	    flex: none;
	width: 25%;
	min-height: 234px;
	box-sizing: border-box;
}

.page-main .section-faq .faq-box a {
	display: block;
	height: 100%;
	margin: 0 10px;
	padding: 30px 60px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #f7f7f8;
}

.page-main .section-faq .faq-category {
	position: relative;
	display: inline-block;
	min-width: 75px;
	height: 20px;
	margin-bottom: 9px;
	padding: 0 15px;
	line-height: 20px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -0.3px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	background-color: #b4b9be;
	box-sizing: border-box;
}

.page-main .section-faq .faq-category:before {
	content: '';
	position: absolute;
	left: -30px;
	top: 1.5px;
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url("../images/sprite.pc.png");
	background-position: -342px -158px;
	background-size: 395px auto;
	width: 17px;
	height: 17px;
}

@media (max-width: 768px) {
	.page-main .section-faq .faq-category:before {
		top: 0;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -217px -48px;
		width: 13.5px;
		height: 13.5px;
	}
}

.page-main .section-faq .faq-question {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

.page-main .section-faq .faq-answer {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 78px;
}

@media (max-width: 768px) {
	.page-main .section-faq .faq-answer {
		-webkit-line-clamp: 3;
		max-height: none;
	}
}

@media (max-width: 1200px) {
	.page-main .section-faq .faq-box {
		-ms-flex: none;
		    flex: none;
		width: 50%;
		padding: 5px;
	}
	.page-main .section-faq .faq-box a {
		margin: 0;
	}
	.page-main .section-faq .faq-list {
		margin: -5px;
	}
}

@media (max-width: 768px) {
	.page-main .section-faq {
		margin-bottom: 50px;
	}
	.page-main .section-faq .section-box {
		padding: 0;
	}
	.page-main .section-faq .section-head {
		margin-bottom: 20px;
	}
	.page-main .section-faq .section-head h2 {
		padding-left: 0;
		font-size: 22px;
	}
	.page-main .section-faq .faq-list {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0;
		-webkit-overflow-scrolling: touch;
	}
	.page-main .section-faq .faq-box {
		-ms-flex: none;
		    flex: none;
		min-width: 290px;
		height: 200px;
		margin: 0 0 14px 10px;
		padding: 0;
	}
	.page-main .section-faq .faq-box:first-child {
		margin-left: 0;
	}
	.page-main .section-faq .faq-box a {
		padding: 22px 29px 24px 42px;
	}
	.page-main .section-faq .faq-category {
		min-width: 54px;
		height: 15px;
		padding: 0 10px;
		line-height: 15px;
		border-radius: 8px;
		font-size: 10px;
	}
	.page-main .section-faq .faq-category:before {
		left: -20px;
	}
	.page-main .section-faq .faq-question {
		margin-bottom: 15px;
		font-size: 15px;
	}
	.page-main .section-faq .faq-answer {
		font-size: 13px;
	}
}

.page-main .section-event {
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
	margin-left: -4px;
	margin-bottom: 70px;
	padding-left: 20px;
	padding-right: 100px;
	box-sizing: border-box;
}

@media (max-width: 1600px) {
	.page-main .section-event {
		width: 100%;
		padding-left: 100px;
	}
}

@media (max-width: 1200px) {
	.page-main .section-event {
		padding: 0 70px;
	}
}

@media (max-width: 768px) {
	.page-main .section-event {
		padding: 0 20px;
	}
}

.page-main .section-event .section-head {
	margin-bottom: 16px;
}

.page-main .section-event .section-head h2 {
	margin-bottom: 0;
	padding-left: 40px;
	font-size: 32px;
}

.page-main .section-event .event-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	margin: 0 -10px;
	overflow: hidden;
}

.page-main .section-event .event-box {
	-ms-flex: none;
	    flex: none;
	width: 50%;
	height: 234px;
	box-sizing: border-box;
}

.page-main .section-event .event-box a {
	display: block;
	height: 100%;
	margin: 0 10px;
	padding: 50px 60px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #f7f5f5;
}

.page-main .section-event .event-title {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

.page-main .section-event .event-desc {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: -0.4px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 78px;
}

@media (max-width: 768px) {
	.page-main .section-event .event-desc {
		-webkit-line-clamp: 3;
		max-height: none;
	}
}

@media (max-width: 1200px) {
	.page-main .section-event .event-box {
		-ms-flex: none;
		    flex: none;
		width: 50%;
		padding: 5px;
	}
	.page-main .section-event .event-box a {
		margin: 0;
	}
	.page-main .section-event .event-list {
		margin: -5px;
	}
}

@media (max-width: 768px) {
	.page-main .section-event {
		margin-bottom: 50px;
	}
	.page-main .section-event .section-box {
		padding: 0;
	}
	.page-main .section-event .section-head {
		margin-bottom: 20px;
	}
	.page-main .section-event .section-head h2 {
		padding-left: 0;
		font-size: 22px;
	}
	.page-main .section-event .event-list {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0;
		-webkit-overflow-scrolling: touch;
	}
	.page-main .section-event .event-box {
		-ms-flex: none;
		    flex: none;
		min-width: 290px;
		height: 200px;
		margin: 0 0 14px 10px;
		padding: 0;
	}
	.page-main .section-event .event-box:first-child {
		margin-left: 0;
	}
	.page-main .section-event .event-box a {
		padding: 30px 29px 30px 42px;
	}
	.page-main .section-event .event-title {
		margin-bottom: 15px;
		font-size: 15px;
	}
	.page-main .section-event .event-desc {
		font-size: 13px;
	}
}

.page-main .section-cs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	margin-bottom: 100px;
}

@media (max-width: 768px) {
	.page-main .section-cs {
		margin-bottom: 50px;
	}
}

.page-main .section-cs h2 {
	margin-bottom: 5px;
	font-size: 32px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.page-main .section-cs h2 {
		font-size: 22px;
	}
}

.page-main .section-cs .tel, .page-main .section-cs .mail {
	font-family: Roboto, sans-serif;
	font-weight: 300;
}

.page-main .section-cs .tel {
	font-size: 15px;
}

@media (max-width: 768px) {
	.page-main .section-cs .tel {
		font-size: 18px;
	}
}

.page-main .section-cs .mail {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	color: #5e5e5e;
	font-size: 30px;
}

.page-main .section-cs .mail .icon {
	margin-bottom: -3px;
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}

@media (max-width: 768px) {
	.page-main .section-cs .mail {
		font-size: 13px;
	}
}

.page-main .slick-slider .slick-track, .page-main .slick-slider .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}

.page-main .slick-slider .slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	width: 22px;
	font: 0/0 a;
	box-sizing: content-box;
}

.page-main .slick-slider .slick-arrow:before {
	content: '';
	display: inline-block;
	width: 27px;
	height: 27px;
	border-top: 5px solid #d3d5d8;
	border-right: 5px solid #d3d5d8;
	box-sizing: border-box;
}

.page-main .slick-slider .slick-arrow.slick-disabled {
	pointer-events: none;
}

.page-main .slick-slider .slick-arrow.slick-disabled:before {
	border-top-color: #252f3e;
	border-right-color: #252f3e;
}

.page-main .slick-slider .slick-prev {
	left: 0;
}

.page-main .slick-slider .slick-prev:before {
	-webkit-transform: translateX(5px) rotate(-135deg);
	        transform: translateX(5px) rotate(-135deg);
}

.page-main .slick-slider .slick-next {
	right: 0;
}

.page-main .slick-slider .slick-next:before {
	-webkit-transform: translateX(-10px) rotate(45deg);
	        transform: translateX(-10px) rotate(45deg);
}

.page-main .slick-slider .slick-dots {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
}

.page-main .slick-slider .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 6px;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
	font-size: 0;
}

.page-main .slick-slider .slick-dots li.slick-active {
	opacity: 1;
}

@media (max-width: 1200px) {
	.page-main .slick-slider .slick-dots {
		bottom: 20px;
	}
}

.section-error {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	height: 100vh;
	margin-top: -80px;
	background-color: #f2f4f5;
}

.section-error .section-box {
	max-width: 980px;
	padding: 0 50px;
	border: solid 1px #dddde8;
	border-radius: 10px;
	background-color: #fff;
}

.section-error .section-box > .inner {
	max-width: 640px;
	margin: 0 auto;
	padding-top: 55px;
}

.section-error .heading {
	padding-bottom: 15px;
	border-bottom: 1px solid #252f3e;
}

.section-error .heading h2 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.section-error .heading {
		padding-bottom: 10px;
	}
	.section-error .heading h2 {
		font-size: 18px;
	}
}

.section-error .error-box {
	display: -ms-flexbox;
	display: flex;
	padding: 45px 30px 60px;
}

.section-error .error-box .icon {
	margin-top: 5px;
	margin-right: 35px;
	-ms-flex: none;
	    flex: none;
}

.section-error .error-box p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.73;
	letter-spacing: -0.4px;
}

.section-error .error-box .warning-msg {
	margin-bottom: 22px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: -0.6px;
}

.section-error .error-box .warning-msg .point {
	color: #d01111;
}

.section-error .error-box .btn-wrap {
	margin-top: 45px;
}

.section-error .error-box .btn-wrap .btn {
	margin-right: 4px;
}

@media (max-width: 1200px) {
	.section-error {
		margin-top: -128px;
	}
}

@media (max-width: 768px) {
	.section-error {
		margin-top: -53px;
		background-color: transparent;
	}
	.section-error .section-box {
		border: 0;
		padding: 0;
	}
	.section-error .section-box > .inner {
		padding-top: 0;
	}
	.section-error .error-box {
		padding: 25px 0 0;
	}
	.section-error .error-box .icon {
		margin-right: 17px;
	}
	.section-error .error-box > div {
		-ms-flex: 1;
		    flex: 1;
	}
	.section-error .error-box .warning-msg {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.section-error .error-box p {
		font-size: 13px;
	}
	.section-error .error-box .btn-wrap {
		margin-top: 20px;
	}
	.section-error .error-box .btn-wrap .btn {
		height: 33px;
		padding: 0 14px;
		min-width: auto;
	}
}

.layer {
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 30px;
	opacity: 0;
	transition: opacity 0.3s;
}

@media (max-width: 768px) {
	.layer {
		padding: 30px 10px;
	}
}

.layer-active,
.layer-active body {
	overflow: hidden;
}

.layer-active .layer {
	overflow: auto;
	opacity: 1;
}

.layer .dim {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.layer-wrap {
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	border: solid 1px #252f3e;
	background-color: #fff;
	box-sizing: border-box;
}

.layer-section {
	padding: 25px 0;
	border-top: 1px solid #eeeef3;
}

.layer-section:first-child {
	border-top: 0;
}

@media (max-width: 768px) {
	.layer-section {
		padding: 20px 0;
	}
}

.layer-head {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 60px;
	margin: 0 31px;
	border-bottom: 1px solid #252f3e;
}

.layer-head .title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.6px;
}

.layer-head .btn {
	position: absolute;
	top: 15px;
	right: 0;
	min-width: 30px;
	height: 30px;
	padding: 0;
}

.layer-head .btn .icon:before, .layer-head .btn .icon:after {
	background-color: #252f3e;
}

@media (max-width: 768px) {
	.layer-head {
		margin: 0 20px;
	}
	.layer-head .title {
		font-size: 18px;
	}
}

.layer-body {
	margin: 0 30px;
}

@media (max-width: 768px) {
	.layer-body {
		margin: 0 20px;
		font-size: 13px;
		line-height: 1.6;
	}
}

.layer-body h2 {
	margin-bottom: 13px;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 768px) {
	.layer-body h2 {
		margin-bottom: 10px;
		font-size: 15px;
	}
}

.layer-body .desc {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.86;
	letter-spacing: -0.4px;
}

.layer-body .desc.emphasize {
	line-height: 1.6;
	font-size: 16px;
}

.layer-body .desc.emphasize strong {
	color: #ff5b32;
}

.layer-body .desc .point {
	font-weight: 500;
	color: #d01111;
}

@media (max-width: 768px) {
	.layer-body .desc {
		font-size: 13px;
		line-height: 1.6;
	}
}

.layer-body .list-default li {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 300;
}

.layer-body .list-default li strong {
	position: relative;
	display: inline-block;
	min-width: 60px;
	padding-right: 5px;
	font-weight: 500;
	letter-spacing: -0.4px;
	box-sizing: border-box;
}

.layer-body .list-default li strong:after {
	content: ':';
	position: absolute;
	right: 0;
}

@media (max-width: 768px) {
	.layer-body .list-default li {
		font-size: 13px;
		line-height: 1.4;
	}
	.layer-body .list-default li span {
		font-size: 12px;
	}
	.layer-body .list-default li span em {
		font-size: 14px;
	}
}

.layer-body .map {
	height: 100%;
}

.layer-body .map-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.layer-body .map-wrap {
	position: relative;
	min-height: 173px;
	margin-top: 15px;
	border: 1px solid #dddde8;
	box-sizing: border-box;
}

.layer-foot .btn-wrap {
	margin: 0 31px;
	padding-top: 20px;
	padding-bottom: 32px;
	border-top: solid 1px #dddde8;
	text-align: right;
}

.layer-foot .btn-wrap .btn {
	min-width: 0;
}

@media (max-width: 768px) {
	.layer-foot .btn-wrap .btn {
		height: 33px;
	}
}

.layer-foot .price {
	-ms-flex-align: center;
	    align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	padding: 20px 30px;
	border-top: solid 1px #dddde8;
	background-color: #f5f5f6;
}

.layer-foot .price .cost {
	font-size: 14px;
}

.layer-foot .price .cost em {
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.layer-foot .price .sum {
	margin-right: 20px;
}

.layer-foot .price .sum em {
	font-size: 14px;
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.layer-foot .price .btn {
	min-width: 131px;
	border-radius: 6px;
	font-size: 17px;
}

.layer-foot .price .btn + .btn {
	margin-left: 5px;
}

.layer-foot.disable {
	position: relative;
	pointer-events: none;
}

.layer-foot.disable:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
	.layer-foot .btn-wrap {
		margin: 0 20px;
		padding: 15px 0 20px;
	}
}

.layer-clazz .clazz .level {
	margin-bottom: 0;
}

.layer-clazz .clazz-name {
	margin-left: 10px;
	line-height: 1;
}

.layer-clazz .layer-foot .btnwrap {
	white-space: nowrap;
}

@media (max-width: 768px) {
	.layer-clazz {
		padding: 0;
	}
	.layer-clazz .layer-wrap {
		border: none;
	}
	.layer-clazz .layer-body {
		padding-bottom: 105px;
	}
	.layer-clazz .layer-head {
		height: 86px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.layer-clazz .layer-head .title {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		width: 100%;
		padding-right: 30px;
	}
	.layer-clazz .clazz .level {
		margin-bottom: 5px;
	}
	.layer-clazz .clazz-name {
		margin-left: 0;
	}
	.layer-clazz .clazz-name strong {
		display: block;
	}
	.layer-clazz .layer-foot {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	.layer-clazz .layer-foot .price {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: center;
		    justify-content: center;
		margin: 0;
		padding: 10px 0 0;
		font-size: 12px;
	}
	.layer-clazz .layer-foot .price .cost {
		font-size: 12px;
	}
	.layer-clazz .layer-foot .price .cost em {
		font-size: 13px;
	}
	.layer-clazz .layer-foot .price .operator-multiple {
		width: 26px;
	}
	.layer-clazz .layer-foot .price .operator-multiple .icon {
		top: 1px;
	}
	.layer-clazz .layer-foot .price .operator-equal {
		width: 35px;
	}
	.layer-clazz .layer-foot .price .sum em {
		font-size: 16px;
	}
	.layer-clazz .layer-foot .btnwrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		margin-top: 10px;
		padding: 6px 10px;
		border-top: solid 1px #dddde8;
	}
	.layer-clazz .layer-foot .btn {
		width: 48%;
		height: 39px;
		font-size: 14px;
	}
}

.layer-error {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.layer-error .layer-wrap {
	max-width: 670px;
}

.layer-error .layer-body h2 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: -0.6px;
}

.layer-error .layer-body .desc {
	font-size: 15px;
	line-height: 1.73;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.layer-error .layer-body h2 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.layer-error .layer-body .desc {
		font-size: 13px;
	}
}

.layer-error .layer-section {
	padding-left: 69px;
}

.layer-error .layer-section h2 {
	margin-left: -37px;
}

.layer-error .layer-section h2 .icon {
	margin-right: 16px;
}

@media (max-width: 768px) {
	.layer-error .layer-section {
		padding-left: 37px;
		padding-right: 25px;
	}
	.layer-error .layer-section h2 {
		position: relative;
		margin-left: 0;
	}
	.layer-error .layer-section h2 .icon {
		position: absolute;
		top: 6px;
		left: -27px;
	}
}

.layer-order-cancel .layer-wrap {
	max-width: 670px;
}

.layer-order-cancel .layer-body h2 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: -0.6px;
}

.layer-order-cancel .layer-body .desc {
	font-size: 15px;
	line-height: 1.73;
	letter-spacing: -0.4px;
}

@media (max-width: 768px) {
	.layer-order-cancel .layer-body h2 {
		font-size: 18px;
	}
	.layer-order-cancel .layer-body .desc {
		font-size: 13px;
	}
}

.layer-order-cancel .layer-section {
	padding-left: 65px;
}

.layer-order-cancel .layer-section h2 {
	margin-left: -32px;
}

.layer-order-cancel .layer-section h2 .icon {
	margin-right: 12px;
}

@media (max-width: 768px) {
	.layer-order-cancel .layer-section {
		padding-left: 37px;
		padding-right: 22px;
	}
	.layer-order-cancel .layer-section h2 {
		position: relative;
		margin-left: -25px;
		padding-left: 25px;
	}
	.layer-order-cancel .layer-section h2 .icon {
		position: absolute;
		top: 5px;
		left: 0;
		margin-right: 10px;
	}
}

.layer-order-cancel .list-default {
	margin-top: 22px;
}

.layer-order-cancel .list-default li strong {
	min-width: 105px;
	font-size: 15px;
}

.layer-order-cancel .list-default li span {
	display: inline-block;
	min-width: 150px;
	text-align: right;
	font-size: 14px;
	letter-spacing: -0.4px;
}

.layer-order-cancel .list-default li span em {
	margin-right: 2px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
}

.layer-order-cancel .list-default li span .total {
	font-weight: 700;
}

@media (max-width: 768px) {
	.layer-order-cancel .list-default li strong {
		font-size: 13px;
	}
	.layer-order-cancel .list-default li span {
		min-width: 0;
		width: calc(100% - 110px);
		font-size: 12px;
	}
	.layer-order-cancel .list-default li span em {
		font-size: 14px;
	}
}

.layer-payment-cancel .layer-wrap {
	max-width: 670px;
}

.layer-payment-cancel .survey {
	padding: 25px 30px 30px;
}

.layer-payment-cancel .survey-title {
	font-size: 16px;
	font-weight: 500;
}

.layer-payment-cancel .survey-list li {
	margin-top: 16px;
}

.layer-payment-cancel .survey-list li:first-child {
	margin-top: 18px;
}

.layer-payment-cancel .survey-list .custom-radio label {
	font-size: 15px;
	font-weight: 300;
	color: #111;
}

.layer-payment-cancel .survey-list .custom-radio + div {
	margin-top: 10px;
}

.layer-payment-cancel .survey-list .form-control {
	width: 240px;
	margin-left: 28px;
}

@media (max-width: 768px) {
	.layer-payment-cancel .survey {
		padding: 20px 10px;
	}
	.layer-payment-cancel .survey-title {
		font-size: 14px;
	}
	.layer-payment-cancel .survey-list li {
		margin-top: 9px;
	}
	.layer-payment-cancel .survey-list .custom-radio + div {
		margin-left: 24px;
	}
	.layer-payment-cancel .survey-list .custom-radio label {
		font-size: 13px;
	}
	.layer-payment-cancel .survey-list .form-control {
		width: 100%;
		margin-left: 0;
	}
}

.layer-payment-cancel .info {
	padding: 25px 30px;
	border-top: 1px solid #eeeef3;
}

.layer-payment-cancel .info p {
	font-size: 15px;
	font-weight: 300;
}

.layer-payment-cancel .info p strong {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 1.73;
}

@media (max-width: 768px) {
	.layer-payment-cancel .info {
		padding: 20px 10px;
	}
	.layer-payment-cancel .info p {
		font-size: 13px;
	}
	.layer-payment-cancel .info p strong {
		font-size: 15px;
	}
}

.layer-roadmap .section {
	padding: 0;
}

.layer-roadmap .course-map-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

.layer-roadmap .course-map-head {
	height: 150px;
	padding: 30px;
}

.layer-roadmap .course-map-list li a {
	padding-left: 15px;
}

.layer-roadmap .course-map-list strong {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 13px;
	max-height: 51px;
}

.layer-roadmap .course-map-list small {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 11px;
	max-height: 40px;
}

.layer-roadmap .certification-map-wrap {
	margin-top: 30px;
	margin-bottom: 30px;
}

.layer-roadmap .certification-map-box ul {
	min-height: 680px;
}

.layer-roadmap .certification-map-box ul li a {
	padding: 25px 15px 25px 15px;
}

.layer-roadmap .certification-map-box ul li a strong {
	font-size: 16px;
}

.layer-roadmap .certification-map-box ul li a span {
	font-size: 13px;
}

@media (max-width: 1200px) {
	.layer-roadmap .certification-map-box ul {
		min-height: 395px;
	}
	.layer-roadmap .certification-map-box ul li a strong {
		font-size: 15px;
	}
	.layer-roadmap .certification-map-box ul li a span {
		font-size: 12px;
	}
}

@media (max-width: 1000px) {
	.layer-roadmap .course-map-role .course-map-list li {
		height: 110px;
	}
	.layer-roadmap .course-map-role .course-map-list small {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.layer-roadmap .course-map-wrap {
		margin: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	.layer-roadmap .certification-map-wrap {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.layer-roadmap .certification-map-box ul {
		min-height: 0;
	}
}

.layer-add-course .section-search,
.layer-add-course .section-schedule {
	margin: 0 -30px;
	padding: 0 30px;
}

.layer-add-course .section-search {
	margin-top: 30px;
}

.layer-add-course .section-schedule .section-box {
	padding-bottom: 10px;
}

.layer-add-course .section-schedule .clazz-foot .btn {
	min-width: 71px;
}

.layer-add-course .section-schedule .pagination-wrap {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.layer-add-course {
		padding: 0;
	}
	.layer-add-course .layer-wrap {
		border: none;
	}
	.layer-add-course .section-search,
	.layer-add-course .section-schedule {
		margin: 0 -20px;
		padding: 0 20px;
	}
	.layer-add-course .section-search {
		margin-top: 20px;
	}
	.layer-add-course .section-schedule .section-box {
		padding-top: 8px;
		padding-bottom: 10px;
	}
}

.layer-agree-info .layer-section {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 15px;
}

@media (max-width: 768px) {
	.layer-agree-info .layer-section {
		padding-left: 0;
		padding-right: 0;
		font-size: 13px;
	}
}

.layer-agree-info .desc {
	font-size: inherit;
}

.layer-agree-info .desc.dot {
	position: relative;
}

@media (max-width: 768px) {
	.layer-agree-info .desc.dot {
		padding-left: 15px;
	}
}

.layer-agree-info .desc.dot:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -14px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #7c828b;
}

@media (max-width: 768px) {
	.layer-agree-info .desc.dot:before {
		top: 8px;
		left: 0;
	}
}

.layer-agree-info ul {
	margin-top: 20px;
}

.layer-agree-info li strong {
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.layer-agree-info li strong {
		font-size: 16px;
	}
}

.layer-agree-info li + li {
	margin-top: 10px;
}

.layer-coupon .layer-section {
	padding: 50px 30px;
	font-size: 15px;
}

@media (max-width: 768px) {
	.layer-coupon .layer-section {
		padding: 30px 0;
		font-size: 13px;
	}
}

.layer-coupon .coupon-title {
	text-align: center;
}

.layer-coupon .coupon-title strong {
	display: block;
	margin: 30px 0;
	font-size: 22px;
	font-weight: normal;
}

@media (max-width: 768px) {
	.layer-coupon .coupon-title strong {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
}

.layer-coupon .coupon-input {
	display: -ms-flexbox;
	display: flex;
	margin: auto 120px;
}

@media (max-width: 768px) {
	.layer-coupon .coupon-input {
		margin: 0;
	}
}

.layer-coupon .coupon-input .btn {
	-ms-flex: none;
	    flex: none;
	margin-left: 8px;
}

.layer-coupon .desc {
	font-size: inherit;
}

.layer-coupon .desc.dot {
	position: relative;
}

@media (max-width: 768px) {
	.layer-coupon .desc.dot {
		padding-left: 15px;
	}
}

.layer-coupon .desc.dot:before {
	content: '';
	position: absolute;
	top: 11px;
	left: -14px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #7c828b;
}

@media (max-width: 768px) {
	.layer-coupon .desc.dot:before {
		top: 8px;
		left: 0;
	}
}

.layer-main .layer-wrap {
	background-color: transparent;
	border-color: transparent;
}

@media (max-width: 768px) {
	.layer-main .layer-body {
		margin: 0 auto;
	}
}

.layer-main .layer-section {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
}

.layer-main .layer-section .visual {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

.layer-main .layer-section .visual .btn {
	position: absolute;
}

.layer-main .layer-section .visual .btn-close {
	right: 20px;
	top: 20px;
	width: 54px;
	height: 54px;
	min-width: auto;
}

@media (max-width: 768px) {
	.layer-main .layer-section .visual .btn-close {
		top: 4.24242%;
		right: 4.11765%;
		width: 10.29412%;
		height: 10.60606%;
	}
}

.layer-main .layer-section .visual .btn-link {
	width: 112px;
	height: 42px;
	top: 272px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 768px) {
	.layer-main .layer-section .visual .btn-link {
		width: 25%;
		height: 10.30303%;
		top: 68.78788%;
		left: 10.58824%;
		-webkit-transform: none;
		        transform: none;
	}
}

.layer-certify {
	font-family: 'Noto Serif', 'Noto Sans Korean';
}

.layer-certify .layer-head {
	height: 0;
	border-bottom: none;
}

@media (max-width: 768px) {
	.layer-certify .layer-head .btn {
		top: 0;
		right: -20px;
	}
}

@media (max-width: 768px) {
	.layer-certify .layer-head .icon-close:before, .layer-certify .layer-head .icon-close:after {
		height: 15px;
	}
}

.layer-certify .layer-wrap {
	padding-top: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.layer-certify .layer-section {
	text-align: center;
}

.layer-certify canvas {
	max-width: 100%;
}

.layer-withdrawal .layer-section.agreement {
	margin: 0 -30px;
	padding: 30px;
	background-color: #f5f5f6;
}

@media (max-width: 768px) {
	.layer-withdrawal .layer-section.agreement {
		margin: 0 -20px;
		padding: 20px;
	}
}

.layer-withdrawal .layer-section.agreement strong {
	letter-spacing: -0.25px;
	font-size: 18px;
}

@media (max-width: 768px) {
	.layer-withdrawal .layer-section.agreement strong {
		font-size: 15px;
	}
}

.layer-withdrawal .layer-section.agreement .agreement-box {
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #dddde8;
	border-radius: 10px;
}

.layer-withdrawal .layer-section.agreement .agreement-box:first-of-type {
	margin-top: 15px;
}

.layer-withdrawal .layer-section.agreement .agreement-header {
	padding: 20px 30px;
	border-bottom: 1px solid #eeeef3;
}

.layer-withdrawal .layer-section.agreement .agreement-header .custom-checkbox label {
	line-height: 18px;
}

.layer-withdrawal .layer-section.agreement .agreement-header .custom-checkbox label:before {
	top: 4px;
	left: 4px;
	width: 10px;
}

.layer-withdrawal .layer-section.agreement .agreement-header .custom-checkbox label:after {
	width: 18px;
	height: 18px;
}

.layer-withdrawal .layer-section.agreement .agreement-contents {
	padding: 30px;
	line-height: 1.7;
	font-size: 14px;
	font-weight: 300;
}

@media (max-wdith: 768px) {
	.layer-withdrawal .layer-section.agreement .agreement-contents {
		padding: 20px;
		font-size: 13px;
	}
}

.layer-withdrawal .layer-section.agreement .btn {
	min-width: auto;
}

.layer-withdrawal .layer-section.agreement .btn-wrap {
	margin-top: 20px;
	text-align: right;
}

.layer-withdrawal .layer-section.agreement .btn-stroke {
	background-color: #f8f8f9;
}

.layer-withdrawal .layer-section.agreement .btn-point {
	font-size: 15px;
}

@media (max-width: 768px) {
	.layer-withdrawal .layer-section.agreement .btn-point {
		font-size: 13px;
	}
}

.layer-search-member .layer-section.search {
	padding-bottom: 15px;
}

.layer-search-member .layer-section.result {
	margin: 0 -30px;
	padding: 30px;
	background-color: #f5f5f6;
}

.layer-search-member .layer-section.result .util {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
}

.layer-search-member .layer-section.result .total {
	font-size: 15px;
}

.layer-search-member .layer-section.result .total strong, .layer-search-member .layer-section.result .total span {
	font-weight: 300;
}

.layer-search-member .layer-section.result .total span em {
	color: #d01111;
	font-weight: bold;
}

.layer-search-member .layer-section.result .self-check .custom-checkbox label {
	padding-left: 30px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 300;
}

.layer-search-member .layer-section.result .contents {
	margin-top: 20px;
}

.layer-search-member .layer-section.result .list-wrap {
	position: relative;
	border: 1px solid #dddde8;
	border-radius: 8px;
	background-color: #fff;
}

.layer-search-member .layer-section.result .list-wrap .member-no {
	-ms-flex: 1 1 7%;
	    flex: 1 1 7%;
	color: #686868;
	text-align: center;
}

.layer-search-member .layer-section.result .list-wrap .member-name, .layer-search-member .layer-section.result .list-wrap .member-corporate, .layer-search-member .layer-section.result .list-wrap .member-mail {
	-ms-flex: 1 1 30%;
	    flex: 1 1 30%;
}

.layer-search-member .layer-section.result .list-wrap [class^="member-"] + [class^="member-"]:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.layer-search-member .layer-section.result .list-wrap .custom-radio {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.layer-search-member .layer-section.result .list-wrap .custom-radio input {
	height: 22px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 1;
}

.layer-search-member .layer-section.result .list-wrap .custom-radio input + label {
	height: 22px;
}

.layer-search-member .layer-section.result .list-wrap .custom-radio input + label:before, .layer-search-member .layer-section.result .list-wrap .custom-radio input + label:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.layer-search-member .layer-section.result .list-wrap .custom-radio input[disabled] + label {
	opacity: .5;
}

.layer-search-member .layer-section.result .list-header {
	display: -ms-flexbox;
	display: flex;
	line-height: 68px;
	margin: 0 40px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.25px;
}

.layer-search-member .layer-section.result .list-header:before {
	content: '';
	position: absolute;
	top: 68px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #dddde8;
}

.layer-search-member .layer-section.result .list-header span {
	padding: 0 10px 0 20px;
}

.layer-search-member .layer-section.result .list-member {
	padding-bottom: 12px;
}

.layer-search-member .layer-section.result .list-member .member {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	line-height: 60px;
	margin: 0 40px;
	font-size: 15px;
}

.layer-search-member .layer-section.result .list-member .member + .member {
	border-top: 1px solid #dddde8;
}

.layer-search-member .layer-section.result .list-member .member-no {
	font-family: 'Roboto';
	font-weight: bold;
}

.layer-search-member .layer-section.result .list-member .member-name em {
	font-weight: 300;
}

.layer-search-member .layer-section.result .list-member .member-name em:before {
	content: '(';
}

.layer-search-member .layer-section.result .list-member .member-name em:after {
	content: ')';
}

.layer-search-member .layer-section.result .list-member .member span {
	position: relative;
	padding: 20px 10px 20px 20px;
	line-height: 1.6;
	vertical-align: middle;
}

.layer-search-member .layer-section.result .list-empty {
	line-height: 60px;
	padding-top: 12px;
	color: #999;
	text-align: center;
}

.layer-search-member .layer-section.result .pagination-wrap {
	margin: 15px 0 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dddde8;
}

.layer-search-member .layer-section.result .btn {
	min-width: auto;
}

.layer-search-member .layer-section.result .btn-wrap {
	margin-top: 20px;
	text-align: right;
}

.layer-search-member .layer-section.result .btn-stroke {
	background-color: #fff;
}

.layer-search-member .layer-section.result .btn-point {
	font-size: 15px;
}

.layer-search-member .search-warp {
	margin-bottom: 0;
}

.layer-search-member .search-warp input::-webkit-input-placeholder {
	color: #999;
}

.layer-search-member .search-warp input::-moz-placeholder {
	color: #999;
}

.layer-search-member .search-warp input:-ms-input-placeholder {
	color: #999;
}

.layer-search-member .search-warp input::-ms-input-placeholder {
	color: #999;
}

.layer-search-member .search-warp input::placeholder {
	color: #999;
}

.layer-confirm .layer-section {
	padding: 50px 30px;
	font-size: 15px;
}

@media (max-width: 768px) {
	.layer-confirm .layer-section {
		padding: 30px 0;
		font-size: 13px;
	}
}

.layer-confirm .confirm-title {
	display: block;
	margin-bottom: 30px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
}

@media (max-width: 768px) {
	.layer-confirm .confirm-title {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
}

.layer-confirm .confirm-input {
	display: -ms-flexbox;
	display: flex;
	margin: auto 120px;
}

@media (max-width: 768px) {
	.layer-confirm .confirm-input {
		margin: 0;
	}
}

.layer-confirm .confirm-input .btn {
	-ms-flex: none;
	    flex: none;
	margin: 0 auto;
}

.layer-tax .layer-wrap {
	width: 670px;
}

.layer-tax .layer-foot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	margin: 0 31px;
	padding-top: 20px;
	padding-bottom: 32px;
	border-top: 1px solid #dddde8;
}

.layer-tax .layer-foot .note {
	margin-left: 30px;
	font-size: 14px;
}

.layer-tax .layer-foot .note:before {
	content: '*';
	vertical-align: middle;
}

.layer-tax .layer-foot .btn-wrap {
	margin: 0;
	margin-right: 30px;
	padding: 0;
	border: 0;
}

.layer-tax .info-wrap {
	padding: 30px;
	border: 0;
}

.layer-tax .info-item {
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	margin-left: 0;
	margin-right: 0;
}

.layer-tax .info-item strong {
	font-weight: 400;
}

.layer-agreement .agreement {
	padding-bottom: 20px;
}

.layer-agreement .agreement strong {
	display: block;
	margin-top: 30px;
}

.layer-agreement .agreement strong:first-child {
	margin-top: 0;
}

.layer-agreement .agreement span {
	display: block;
	margin: 10px 0 5px;
}

.layer-agreement .agreement span:before {
	content: '-';
	display: inline-block;
	margin-right: 4px;
}

.layer-agreement .agreement small {
	font-size: 100%;
}

.layer-agreement .agreement .note {
	margin: 5px 0;
	font-size: 14px;
}

.layer-agreement .agreement .table + span {
	margin-top: 20px;
}

.agreement {
	padding-bottom: 50px;
}

@media (max-width: 768px) {
	.agreement p {
		font-size: 13px;
	}
}

.agreement .title {
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.agreement .title {
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 16px;
	}
}

.agreement .sub-title {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}

@media (max-width: 768px) {
	.agreement .sub-title {
		margin-top: 15px;
		margin-bottom: 5px;
		font-size: 13px;
	}
}

.agreement .desc,
.agreement .decimal {
	margin: 10px 0;
	font-size: 15px;
}

@media (max-width: 768px) {
	.agreement .desc,
	.agreement .decimal {
		margin: 5px 0;
		font-size: 13px;
	}
}

.agreement .decimal > li {
	position: relative;
	counter-increment: li;
	margin-top: 10px;
	padding-left: 15px;
}

.agreement .decimal > li:before {
	content: counter(li) ".";
	position: absolute;
	left: 0;
	top: 0;
}

.agreement .decimal > li li {
	margin-top: 10px;
	padding-left: 20px;
	counter-increment: sub;
}

.agreement .decimal > li li:before {
	content: counter(sub);
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	top: 5px;
	border: 1px solid #111;
	border-radius: 100%;
	font-size: 10px;
}

@media (max-width: 768px) {
	.agreement .decimal > li li:before {
		top: 3px;
	}
}

.agreement .decimal > li .dash {
	margin-top: 5px;
}

.agreement .decimal > li .dash li {
	position: relative;
	padding-left: 15px;
	counter-increment: none;
}

.agreement .decimal > li .dash li:first-child {
	margin-top: 0;
}

.agreement .decimal > li .dash li:before {
	content: "-";
	position: absolute;
	left: 0;
	height: auto;
	border: none;
	line-height: 1;
}

@media (max-width: 768px) {
	.agreement .decimal > li {
		margin-top: 5px;
	}
	.agreement .decimal > li li {
		margin-top: 5px;
	}
}

.agreement .table {
	width: 100%;
	margin: 10px 0;
}

.agreement .table th, .agreement .table td {
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 15px;
	vertical-align: middle;
}

.agreement .table th.text-left, .agreement .table td.text-left {
	text-align: left;
}

.agreement .table th.text-center, .agreement .table td.text-center {
	text-align: center;
}

.agreement .table th {
	text-align: center;
	font-weight: 500;
	background-color: #eee;
}

@media (max-width: 768px) {
	.agreement .table th, .agreement .table td {
		font-size: 13px;
		word-break: break-all;
	}
}

.agreement .etc {
	margin-top: 50px;
}

.editable .promotion-big .contents-01 .link, .editable .promotion.default .contents-01 .link {
	width: 106px;
	height: 36px;
	right: 159px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-01 .link, .editable .promotion.default .contents-01 .link {
		width: 34.375%;
		height: 6.86901%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion-big .contents-01 .link-01, .editable .promotion.default .contents-01 .link-01 {
	top: 56px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-01 .link-01, .editable .promotion.default .contents-01 .link-01 {
		top: 22.68371%;
	}
}

.editable .promotion-big .contents-01 .link-02, .editable .promotion.default .contents-01 .link-02 {
	top: 166px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-01 .link-02, .editable .promotion.default .contents-01 .link-02 {
		top: 54.79233%;
	}
}

.editable .promotion-big .contents-01 .link-03, .editable .promotion.default .contents-01 .link-03 {
	bottom: 58px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-01 .link-03, .editable .promotion.default .contents-01 .link-03 {
		bottom: 6.38978%;
	}
}

.editable .promotion-big .contents-03 .link, .editable .promotion-big .contents-04 .link, .editable .promotion-big .contents-05 .link, .editable .promotion.default .contents-03 .link, .editable .promotion.default .contents-04 .link, .editable .promotion.default .contents-05 .link {
	width: 128px;
	height: 46px;
	top: 50px;
	right: 159px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-03 .link, .editable .promotion-big .contents-04 .link, .editable .promotion-big .contents-05 .link, .editable .promotion.default .contents-03 .link, .editable .promotion.default .contents-04 .link, .editable .promotion.default .contents-05 .link {
		width: 25%;
		right: 11.875%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-03 .link, .editable .promotion.default .contents-03 .link {
		height: 5.93561%;
		top: 5.23139%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-04 .link, .editable .promotion.default .contents-04 .link {
		height: 5.76172%;
		top: 5.07813%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-05 .link, .editable .promotion.default .contents-05 .link {
		height: 5.50373%;
		top: 5.78358%;
	}
}

.editable .promotion-big .contents-06 .link, .editable .promotion.default .contents-06 .link {
	width: 182px;
	height: 37px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link, .editable .promotion.default .contents-06 .link {
		width: 38.02083%;
		height: 4.41176%;
	}
}

.editable .promotion-big .contents-06 .links, .editable .promotion.default .contents-06 .links {
	width: 740px;
	height: 658px;
	bottom: 20px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .links, .editable .promotion.default .contents-06 .links {
		width: 90%;
		height: 87.4036%;
		bottom: 2.57069%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(odd), .editable .promotion.default .contents-06 .link:nth-child(odd) {
		left: 6.5625%;
		right: auto;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(even), .editable .promotion.default .contents-06 .link:nth-child(even) {
		left: auto;
		right: 6.5625%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(1), .editable .promotion-big .contents-06 .link:nth-child(2), .editable .promotion.default .contents-06 .link:nth-child(1), .editable .promotion.default .contents-06 .link:nth-child(2) {
		top: 20.19608%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(3), .editable .promotion-big .contents-06 .link:nth-child(4), .editable .promotion.default .contents-06 .link:nth-child(3), .editable .promotion.default .contents-06 .link:nth-child(4) {
		top: 43.62745%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(5), .editable .promotion-big .contents-06 .link:nth-child(6), .editable .promotion.default .contents-06 .link:nth-child(5), .editable .promotion.default .contents-06 .link:nth-child(6) {
		top: 67.15686%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link:nth-child(7), .editable .promotion.default .contents-06 .link:nth-child(7) {
		top: 90.68627%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link-center, .editable .promotion.default .contents-06 .link-center {
		-webkit-transform: none;
		        transform: none;
	}
}

.editable .promotion-big .contents-06 .link-top, .editable .promotion.default .contents-06 .link-top {
	top: 172px;
}

@media (max-width: 1100px) {
	.editable .promotion-big .contents-06 .link-top, .editable .promotion.default .contents-06 .link-top {
		top: 20.19608%;
	}
}

.editable .promotion-big .contents-06 .link-middle, .editable .promotion.default .contents-06 .link-middle {
	top: 371px;
}

.editable .promotion-big .contents-06 .link-bottom, .editable .promotion.default .contents-06 .link-bottom {
	bottom: 50px;
}

.editable .promotion-big .contents-06 .link-left, .editable .promotion.default .contents-06 .link-left {
	left: 34px;
}

.editable .promotion-big .contents-06 .link-right, .editable .promotion.default .contents-06 .link-right {
	right: 30px;
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-03 .link {
		height: 5.93561%;
		top: 5.23139%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-04 .link {
		height: 5.87065%;
		top: 5.17413%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-05 .link {
		height: 5.17998%;
		top: 5.44337%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link {
		height: 4.41176%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .links {
		height: 90.50577%;
		bottom: 2.66193%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link:nth-child(1), .editable .promotion.default.dec .contents-06 .link:nth-child(2) {
		top: 20.19608%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link:nth-child(3), .editable .promotion.default.dec .contents-06 .link:nth-child(4) {
		top: 43.62745%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link:nth-child(5), .editable .promotion.default.dec .contents-06 .link:nth-child(6) {
		top: 67.15686%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link:nth-child(7) {
		top: 90.68627%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link-center {
		-webkit-transform: none;
		        transform: none;
	}
}

.editable .promotion.default.dec .contents-06 .link-top {
	top: 172px;
}

@media (max-width: 1100px) {
	.editable .promotion.default.dec .contents-06 .link-top {
		top: 20.19608%;
	}
}

.editable .promotion.dec-02 .link {
	height: 36px;
	-webkit-transform: none;
	        transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.editable .promotion.dec-02 .contents-02 .link-01, .editable .promotion.dec-02 .contents-02 .link-02, .editable .promotion.dec-02 .contents-02 .link-03 {
	top: 239px;
	width: 182px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-01, .editable .promotion.dec-02 .contents-02 .link-02, .editable .promotion.dec-02 .contents-02 .link-03 {
		top: 23.96383%;
		width: 34.21875%;
		height: 3.31575%;
	}
}

.editable .promotion.dec-02 .contents-02 .link-01 {
	left: 183px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-01 {
		left: 14.0625%;
	}
}

.editable .promotion.dec-02 .contents-02 .link-02 {
	left: 398px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-02 {
		left: auto;
		right: 14.21875%;
	}
}

.editable .promotion.dec-02 .contents-02 .link-03 {
	right: 183px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-03 {
		top: 33.76036%;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.dec-02 .contents-02 .link-04, .editable .promotion.dec-02 .contents-02 .link-05 {
	bottom: 79px;
	height: 45px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-04, .editable .promotion.dec-02 .contents-02 .link-05 {
		bottom: 5.1997%;
		height: 4.22005%;
	}
}

.editable .promotion.dec-02 .contents-02 .link-04 {
	width: 227px;
	left: 271px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-04 {
		width: 42.8125%;
		left: 9.6875%;
	}
}

.editable .promotion.dec-02 .contents-02 .link-05 {
	width: 190px;
	right: 272px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-02 .link-05 {
		width: 35.9375%;
		right: 9.6875%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-01, .editable .promotion.dec-02 .contents-03 .link-02, .editable .promotion.dec-02 .contents-03 .link-03 {
	top: 239px;
	width: 182px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-01, .editable .promotion.dec-02 .contents-03 .link-02, .editable .promotion.dec-02 .contents-03 .link-03 {
		top: 28.29181%;
		width: 34.21875%;
		height: 3.91459%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-01 {
	left: 183px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-01 {
		left: 14.0625%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-02 {
	left: 398px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-02 {
		left: auto;
		right: 14.21875%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-03 {
	right: 183px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-03 {
		top: 39.85765%;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.dec-02 .contents-03 .link-04, .editable .promotion.dec-02 .contents-03 .link-05 {
	bottom: 59px;
	height: 45px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-04, .editable .promotion.dec-02 .contents-03 .link-05 {
		bottom: 6.9395%;
		height: 4.98221%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-04 {
	width: 227px;
	left: 271px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-04 {
		width: 42.8125%;
		left: 9.6875%;
	}
}

.editable .promotion.dec-02 .contents-03 .link-05 {
	width: 190px;
	right: 272px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-03 .link-05 {
		width: 35.9375%;
		right: 9.6875%;
	}
}

.editable .promotion.dec-02 .contents-06 .link {
	width: 182px;
	height: 37px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link {
		width: 38.02083%;
		height: 4.14703%;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
}

.editable .promotion.dec-02 .contents-06 .links {
	width: 740px;
	height: 685px;
	bottom: 82px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .links {
		width: 90%;
		height: 90.91688%;
		bottom: 2.57069%;
	}
}

.editable .promotion.dec-02 .contents-06 .link-top {
	top: 195px;
}

.editable .promotion.dec-02 .contents-06 .link-middle {
	top: 395px;
}

.editable .promotion.dec-02 .contents-06 .link-bottom {
	bottom: 51px;
}

.editable .promotion.dec-02 .contents-06 .link-left {
	left: 32px;
}

.editable .promotion.dec-02 .contents-06 .link-right {
	right: 31px;
}

.editable .promotion.dec-02 .contents-06 .link-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link-center {
		-webkit-transform: none;
		        transform: none;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:nth-child(odd) {
		left: 9.72222%;
		right: auto;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:nth-child(even) {
		left: auto;
		right: 9.72222%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:nth-child(1), .editable .promotion.dec-02 .contents-06 .link:nth-child(2) {
		top: 22.24317%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:nth-child(3), .editable .promotion.dec-02 .contents-06 .link:nth-child(4) {
		top: 44.76909%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:nth-child(5), .editable .promotion.dec-02 .contents-06 .link:nth-child(6) {
		top: 67.295%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-02 .contents-06 .link:last-child {
		top: auto;
		bottom: 5.84354%;
	}
}

.editable .promotion.dec-03 .link {
	height: 47px;
	box-sizing: border-box;
	-webkit-transform: none;
	        transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.editable .promotion.dec-03 .contents-02 .link, .editable .promotion.dec-03 .contents-03 .link, .editable .promotion.dec-03 .contents-04 .link, .editable .promotion.dec-03 .contents-05 .link {
	width: 206px;
	top: 41px;
	right: 150px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-02 .link, .editable .promotion.dec-03 .contents-03 .link, .editable .promotion.dec-03 .contents-04 .link, .editable .promotion.dec-03 .contents-05 .link {
		width: 38.59375%;
		height: 8.27179%;
		top: auto;
		bottom: 10.33973%;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-05 .link {
		height: 8.61538%;
		bottom: 10.76923%;
	}
}

.editable .promotion.dec-03 .contents-08 .link {
	width: 183px;
	height: 37px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link {
		width: 38.02083%;
		height: 3.3358%;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}
}

.editable .promotion.dec-03 .contents-08 .links {
	width: 740px;
	height: 685px;
	bottom: 80px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .links {
		width: 90%;
		height: 89.99333%;
		bottom: 5.33689%;
	}
}

.editable .promotion.dec-03 .contents-08 .link-top {
	top: 197px;
}

.editable .promotion.dec-03 .contents-08 .link-middle {
	top: 397px;
}

.editable .promotion.dec-03 .contents-08 .link-bottom {
	bottom: 51px;
}

.editable .promotion.dec-03 .contents-08 .link-left {
	left: 33px;
}

.editable .promotion.dec-03 .contents-08 .link-right {
	right: 31px;
}

.editable .promotion.dec-03 .contents-08 .link-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link-center {
		-webkit-transform: none;
		        transform: none;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(odd) {
		left: 9.72222%;
		right: auto;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(even) {
		left: auto;
		right: 9.72222%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(1), .editable .promotion.dec-03 .contents-08 .link:nth-child(2) {
		top: 17.56857%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(3), .editable .promotion.dec-03 .contents-08 .link:nth-child(4) {
		top: 35.2854%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(5), .editable .promotion.dec-03 .contents-08 .link:nth-child(6) {
		top: 53.00222%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:nth-child(7), .editable .promotion.dec-03 .contents-08 .link:nth-child(8) {
		top: 72.34989%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-03 .contents-08 .link:last-child {
		top: auto;
		bottom: 4.29948%;
	}
}

.editable .promotion.dec-04 .link {
	height: 47px;
	box-sizing: border-box;
	-webkit-transform: none;
	        transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.editable .promotion.dec-04 .contents-01 .link {
	width: 106px;
	height: 36px;
	right: 160px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-01 .link {
		width: 34.375%;
		height: 6.55488%;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.dec-04 .contents-01 .link-01 {
	top: 56px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-01 .link-01 {
		top: 21.64634%;
	}
}

.editable .promotion.dec-04 .contents-01 .link-02 {
	top: 166px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-01 .link-02 {
		top: 52.28659%;
	}
}

.editable .promotion.dec-04 .contents-01 .link-03 {
	bottom: 78px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-01 .link-03 {
		bottom: 10.67073%;
	}
}

.editable .promotion.dec-04 .contents-02 .link, .editable .promotion.dec-04 .contents-03 .link, .editable .promotion.dec-04 .contents-04 .link {
	width: 128px;
	top: 50px;
	right: 160px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-02 .link, .editable .promotion.dec-04 .contents-03 .link, .editable .promotion.dec-04 .contents-04 .link {
		width: 25%;
		right: 11.875%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-02 .link {
		height: 5.77114%;
		top: 5.17413%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-03 .link {
		height: 5.83501%;
		top: 5.23139%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-04 .link {
		height: 5.63654%;
		top: 5.05345%;
	}
}

.editable .promotion.dec-04 .contents-05 .link {
	width: 183px;
	height: 38px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link {
		width: 34.84375%;
		height: 3.51617%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.dec-04 .contents-05 .link:nth-of-type(odd) {
	left: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(odd) {
		left: 50%;
	}
}

.editable .promotion.dec-04 .contents-05 .link:nth-of-type(even) {
	right: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(even) {
		right: auto;
	}
}

.editable .promotion.dec-04 .contents-05 .link:nth-of-type(1), .editable .promotion.dec-04 .contents-05 .link:nth-of-type(2) {
	top: 279px;
}

.editable .promotion.dec-04 .contents-05 .link:nth-of-type(3), .editable .promotion.dec-04 .contents-05 .link:nth-of-type(4) {
	bottom: 47px;
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(1) {
		top: 23.20675%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(2) {
		top: 47.67932%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(3) {
		top: 71.02672%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.dec-04 .contents-05 .link:nth-of-type(4) {
		top: 94.37412%;
	}
}

.editable .promotion.jan-01 .link {
	height: 47px;
	box-sizing: border-box;
	-webkit-transform: none;
	        transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.editable .promotion.jan-01 .contents-01 .link {
	width: 106px;
	height: 36px;
	right: 160px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-01 .link {
		width: 25%;
		height: 6.23188%;
		right: 11.25%;
	}
}

.editable .promotion.jan-01 .contents-01 .link-01 {
	top: 72px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-01 .link-01 {
		top: 21.15942%;
	}
}

.editable .promotion.jan-01 .contents-01 .link-02 {
	top: 202px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-01 .link-02 {
		top: 52.31884%;
	}
}

.editable .promotion.jan-01 .contents-01 .link-03 {
	bottom: 78px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-01 .link-03 {
		bottom: 10.14493%;
	}
}

.editable .promotion.jan-01 .contents-02 .link, .editable .promotion.jan-01 .contents-03 .link, .editable .promotion.jan-01 .contents-04 .link {
	width: 128px;
	top: 50px;
	right: 160px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-02 .link, .editable .promotion.jan-01 .contents-03 .link, .editable .promotion.jan-01 .contents-04 .link {
		width: 73.125%;
		top: auto;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-02 .link {
		height: 4.47186%;
		bottom: 7.01619%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-03 .link {
		height: 4.31869%;
		bottom: 6.77587%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-04 .link {
		height: 4.31548%;
		bottom: 6.77083%;
	}
}

.editable .promotion.jan-01 .contents-05 .link {
	width: 183px;
	height: 38px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link {
		width: 34.84375%;
		height: 3.51617%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.jan-01 .contents-05 .link:nth-of-type(odd) {
	left: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(odd) {
		left: 50%;
	}
}

.editable .promotion.jan-01 .contents-05 .link:nth-of-type(even) {
	right: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(even) {
		right: auto;
	}
}

.editable .promotion.jan-01 .contents-05 .link:nth-of-type(1), .editable .promotion.jan-01 .contents-05 .link:nth-of-type(2) {
	top: 275px;
}

.editable .promotion.jan-01 .contents-05 .link:nth-of-type(3), .editable .promotion.jan-01 .contents-05 .link:nth-of-type(4) {
	bottom: 55px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(1) {
		top: 21.49153%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(2) {
		top: 45.15254%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(3) {
		top: 68.81356%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-01 .contents-05 .link:nth-of-type(4) {
		top: 92.47458%;
	}
}

.editable .promotion.jan-02 .link {
	height: 47px;
	box-sizing: border-box;
	-webkit-transform: none;
	        transform: none;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

.editable .promotion.jan-02 .contents-02 .links {
	height: 47px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-02 .links {
		height: 5.29623%;
	}
}

.editable .promotion.jan-02 .contents-02 .link, .editable .promotion.jan-02 .contents-03 .link {
	width: 209px;
	height: 47px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-02 .link, .editable .promotion.jan-02 .contents-03 .link {
		width: 49.0625%;
		height: 100%;
	}
}

.editable .promotion.jan-02 .contents-02 .link-01, .editable .promotion.jan-02 .contents-03 .link-01 {
	left: 0;
}

.editable .promotion.jan-02 .contents-02 .link-02, .editable .promotion.jan-02 .contents-03 .link-02 {
	right: 0;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-02 .link-01, .editable .promotion.jan-02 .contents-02 .link-02, .editable .promotion.jan-02 .contents-03 .link-01, .editable .promotion.jan-02 .contents-03 .link-02 {
		top: 0;
	}
}

.editable .promotion.jan-02 .contents-02 .links, .editable .promotion.jan-02 .contents-03 .links {
	width: 430px;
	bottom: 74px;
	left: 270px;
	-webkit-transform: none;
	        transform: none;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-02 .links, .editable .promotion.jan-02 .contents-03 .links {
		width: 75.9375%;
		left: 50%;
		right: auto;
		bottom: 7.98923%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.jan-02 .contents-03 .links {
	height: 47px;
	left: 273px;
	bottom: 80px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-03 .links {
		height: 5.706%;
		left: 50%;
		bottom: 8.70406%;
	}
}

.editable .promotion.jan-02 .contents-05 .link {
	width: 183px;
	height: 38px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link {
		width: 34.84375%;
		height: 1.64799%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(odd) {
	left: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(odd) {
		left: 50%;
	}
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(even) {
	right: 209px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(even) {
		right: auto;
	}
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(1), .editable .promotion.jan-02 .contents-05 .link:nth-of-type(2) {
	top: 305px;
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(3), .editable .promotion.jan-02 .contents-05 .link:nth-of-type(4) {
	top: 608px;
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(5), .editable .promotion.jan-02 .contents-05 .link:nth-of-type(6) {
	bottom: 432px;
}

.editable .promotion.jan-02 .contents-05 .link:nth-of-type(7), .editable .promotion.jan-02 .contents-05 .link:nth-of-type(8) {
	bottom: 130px;
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(1) {
		top: 12.22808%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(2) {
		top: 23.86289%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(3) {
		top: 36.25577%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(4) {
		top: 46.8029%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(5) {
		bottom: 40.2439%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(6) {
		bottom: 28.93869%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(7) {
		bottom: 16.54581%;
	}
}

@media (max-width: 1100px) {
	.editable .promotion.jan-02 .contents-05 .link:nth-of-type(8) {
		bottom: 4.15293%;
	}
}

.editable .promotion.feb-01 .link {
	width: 106px;
	height: 36px;
	position: absolute;
	right: 160px;
	-webkit-transform: none;
	        transform: none;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .link {
		width: 25%;
		right: 11.25%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-01 .link {
		height: 6.52174%;
	}
}

.editable .promotion.feb-01 .contents-01 .link-01 {
	top: 66px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-01 .link-01 {
		top: 23.4472%;
	}
}

.editable .promotion.feb-01 .contents-01 .link-02 {
	top: 192px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-01 .link-02 {
		top: 53.57143%;
	}
}

.editable .promotion.feb-01 .contents-01 .link-03 {
	bottom: 91px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-01 .link-03 {
		bottom: 9.31677%;
	}
}

.editable .promotion.feb-01 .contents-02 .link, .editable .promotion.feb-01 .contents-03 .link, .editable .promotion.feb-01 .contents-04 .link {
	top: 49px;
	width: 127px;
	height: 46px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-02 .link, .editable .promotion.feb-01 .contents-03 .link, .editable .promotion.feb-01 .contents-04 .link {
		top: auto;
		width: 53.59375%;
		right: 13.125%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-02 .link {
		height: 4.44612%;
		bottom: 5.12434%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-03 .link {
		height: 4.86397%;
		bottom: 5.68838%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-04 .link {
		height: 4.64933%;
		bottom: 6.22537%;
	}
}

.editable .promotion.feb-01 .contents-06 .link {
	width: 182px;
}

.editable .promotion.feb-01 .contents-06 .link-01 {
	top: 306px;
	left: 208px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-06 .link-01 {
		top: 20.474%;
	}
}

.editable .promotion.feb-01 .contents-06 .link-02 {
	top: 306px;
	right: 208px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-06 .link-02 {
		top: 43.44964%;
	}
}

.editable .promotion.feb-01 .contents-06 .link-03 {
	bottom: 130px;
	left: 208px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-06 .link-03 {
		bottom: 30.15142%;
	}
}

.editable .promotion.feb-01 .contents-06 .link-04 {
	bottom: 130px;
	right: 208px;
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-06 .link-04 {
		bottom: 7.17577%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.feb-01 .contents-06 .link {
		width: 34.84375%;
		height: 3.29164%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.apr-01 .link {
	height: 36px;
	-webkit-transform: none;
	        transform: none;
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .link {
		height: 44px;
	}
}

.editable .promotion.apr-01 .links {
	-webkit-transform: none;
	        transform: none;
}

.editable .promotion.apr-01 .contents-02 .link-01, .editable .promotion.apr-01 .contents-02 .link-02, .editable .promotion.apr-01 .contents-02 .link-03, .editable .promotion.apr-01 .contents-03 .link-01, .editable .promotion.apr-01 .contents-03 .link-02, .editable .promotion.apr-01 .contents-03 .link-03, .editable .promotion.apr-01 .contents-04 .link-01, .editable .promotion.apr-01 .contents-04 .link-02, .editable .promotion.apr-01 .contents-04 .link-03 {
	top: 316px;
	width: 182px;
}

.editable .promotion.apr-01 .contents-02 .link-01, .editable .promotion.apr-01 .contents-03 .link-01, .editable .promotion.apr-01 .contents-04 .link-01 {
	left: 178px;
}

.editable .promotion.apr-01 .contents-02 .link-02, .editable .promotion.apr-01 .contents-03 .link-02, .editable .promotion.apr-01 .contents-04 .link-02 {
	left: 382px;
}

.editable .promotion.apr-01 .contents-02 .link-03, .editable .promotion.apr-01 .contents-03 .link-03, .editable .promotion.apr-01 .contents-04 .link-03 {
	right: 171px;
}

.editable .promotion.apr-01 .contents-02 .link-04, .editable .promotion.apr-01 .contents-02 .link-05, .editable .promotion.apr-01 .contents-03 .link-04, .editable .promotion.apr-01 .contents-03 .link-05, .editable .promotion.apr-01 .contents-04 .link-04, .editable .promotion.apr-01 .contents-04 .link-05 {
	top: auto;
	bottom: 79px;
	height: 46px;
}

.editable .promotion.apr-01 .contents-02 .link-04, .editable .promotion.apr-01 .contents-03 .link-04, .editable .promotion.apr-01 .contents-04 .link-04 {
	left: 271px;
	width: 228px;
}

.editable .promotion.apr-01 .contents-02 .link-05, .editable .promotion.apr-01 .contents-03 .link-05, .editable .promotion.apr-01 .contents-04 .link-05 {
	right: 271px;
	width: 192px;
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-01, .editable .promotion.apr-01 .contents-02 .link-02, .editable .promotion.apr-01 .contents-02 .link-03 {
		top: 29.30556%;
		width: 34.21875%;
		height: 3.05556%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-01 {
		left: 14.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-02 {
		left: auto;
		right: 14.84375%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-03 {
		top: 46.04167%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		right: auto;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-04, .editable .promotion.apr-01 .contents-02 .link-05 {
		bottom: 6.11111%;
		height: 3.88889%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-04 {
		width: 42.8125%;
		left: 9.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-02 .link-05 {
		width: 35.9375%;
		right: 9.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-01, .editable .promotion.apr-01 .contents-03 .link-02, .editable .promotion.apr-01 .contents-03 .link-03 {
		top: 33.572%;
		width: 34.21875%;
		height: 3.5004%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-01 {
		left: 14.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-02 {
		left: auto;
		right: 14.84375%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-03 {
		top: 52.74463%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		right: auto;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-04, .editable .promotion.apr-01 .contents-03 .link-05 {
		bottom: 7.0008%;
		height: 4.45505%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-04 {
		width: 42.8125%;
		left: 9.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-03 .link-05 {
		width: 35.9375%;
		right: 9.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-01, .editable .promotion.apr-01 .contents-04 .link-02, .editable .promotion.apr-01 .contents-04 .link-03 {
		top: 33.84122%;
		width: 34.21875%;
		height: 3.52847%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-01 {
		left: 14.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-02 {
		left: auto;
		right: 14.84375%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-03 {
		top: 53.1676%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		right: auto;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-04, .editable .promotion.apr-01 .contents-04 .link-05 {
		bottom: 6.25501%;
		height: 4.49078%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-04 {
		width: 42.8125%;
		left: 9.6875%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-04 .link-05 {
		width: 35.9375%;
		right: 9.6875%;
	}
}

.editable .promotion.apr-01 .contents-06 .link {
	width: 182px;
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link {
		width: 38.02083%;
		height: 4.32645%;
	}
}

.editable .promotion.apr-01 .contents-06 .link-top {
	top: 197px;
}

.editable .promotion.apr-01 .contents-06 .link-middle {
	top: 422px;
}

.editable .promotion.apr-01 .contents-06 .link-bottom {
	bottom: 50px;
}

.editable .promotion.apr-01 .contents-06 .link-left {
	left: 32px;
}

.editable .promotion.apr-01 .contents-06 .link-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.editable .promotion.apr-01 .contents-06 .link-right {
	right: 30px;
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(odd) {
		left: 9.89583%;
		right: auto;
		-webkit-transform: none;
		        transform: none;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(even) {
		left: auto;
		right: 9.72222%;
		-webkit-transform: none;
		        transform: none;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(1), .editable .promotion.apr-01 .contents-06 .link:nth-child(2) {
		top: 23.20551%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(3), .editable .promotion.apr-01 .contents-06 .link:nth-child(4) {
		top: 44.44444%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(5), .editable .promotion.apr-01 .contents-06 .link:nth-child(6) {
		top: auto;
		bottom: 24.09046%;
	}
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .link:nth-child(7), .editable .promotion.apr-01 .contents-06 .link:nth-child(8) {
		top: auto;
		bottom: 6.09636%;
	}
}

.editable .promotion.apr-01 .contents-06 .links {
	top: 78px;
	left: 120px;
	width: 740px;
	height: 710px;
}

@media (max-width: 1200px) {
	.editable .promotion.apr-01 .contents-06 .links {
		top: 6.49573%;
		left: 5%;
		width: 90%;
		height: 86.92308%;
	}
}

.editable .promotion.may-04 .link {
	width: 80px;
	right: 160px;
	-webkit-transform: none;
	        transform: none;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link {
		width: 15.625%;
		right: 21.25%;
	}
}

.editable .promotion.may-04 .link-01, .editable .promotion.may-04 .link-04 {
	height: 90px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-01, .editable .promotion.may-04 .link-04 {
		height: 6.53935%;
	}
}

.editable .promotion.may-04 .link-02, .editable .promotion.may-04 .link-03, .editable .promotion.may-04 .link-05 {
	height: 57px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-02, .editable .promotion.may-04 .link-03, .editable .promotion.may-04 .link-05 {
		height: 4.22454%;
	}
}

.editable .promotion.may-04 .link-01 {
	top: 112px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-01 {
		top: 14.23611%;
	}
}

.editable .promotion.may-04 .link-02 {
	top: 287px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-02 {
		top: 34.60648%;
	}
}

.editable .promotion.may-04 .link-03 {
	top: 428px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-03 {
		top: 52.60417%;
	}
}

.editable .promotion.may-04 .link-04 {
	top: 570px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-04 {
		top: 70.65972%;
	}
}

.editable .promotion.may-04 .link-05 {
	top: 744px;
}

@media (max-width: 1200px) {
	.editable .promotion.may-04 .link-05 {
		top: 90.50926%;
	}
}

.editable .promotion.jun-01 .link {
	width: 158px;
	height: 44px;
	top: 831px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 1200px) {
	.editable .promotion.jun-01 .link {
		width: 26.875%;
		height: 1.3176%;
		top: 21.68542%;
	}
}

.editable .promotion.jul-01 .link {
	width: 80px;
	height: 34px;
	right: 160px;
	-webkit-transform: none;
	        transform: none;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link {
		width: 15%;
		right: 22.34375%;
		height: 1.3447%;
	}
}

.editable .promotion.jul-01 .link-01 {
	height: 90px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-01 {
		height: 3.54214%;
	}
}

.editable .promotion.jul-01 .link-02, .editable .promotion.jul-01 .link-05, .editable .promotion.jul-01 .link-08, .editable .promotion.jul-01 .link-10 {
	height: 57px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-02, .editable .promotion.jul-01 .link-05, .editable .promotion.jul-01 .link-08, .editable .promotion.jul-01 .link-10 {
		height: 2.23024%;
	}
}

.editable .promotion.jul-01 .link-01 {
	top: 112px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-01 {
		top: 8.42899%;
	}
}

.editable .promotion.jul-01 .link-02 {
	top: 287px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-02 {
		top: 19.54739%;
	}
}

.editable .promotion.jul-01 .link-03 {
	top: 428px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-03 {
		top: 29.05871%;
	}
}

.editable .promotion.jul-01 .link-04 {
	top: 546px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-04 {
		top: 37.94687%;
	}
}

.editable .promotion.jul-01 .link-05 {
	top: 664px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-05 {
		top: 46.90062%;
	}
}

.editable .promotion.jul-01 .link-06 {
	top: 806px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-06 {
		top: 56.87111%;
	}
}

.editable .promotion.jul-01 .link-07 {
	top: 924px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-07 {
		top: 65.82486%;
	}
}

.editable .promotion.jul-01 .link-08 {
	top: 1042px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-08 {
		top: 74.74582%;
	}
}

.editable .promotion.jul-01 .link-09 {
	top: 1183px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-09 {
		top: 84.65071%;
	}
}

.editable .promotion.jul-01 .link-10 {
	top: 1302px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-01 .link-10 {
		top: 94.71958%;
	}
}

.editable .promotion.jul-02 .link {
	width: 110px;
	height: 37px;
	-webkit-transform: none;
	        transform: none;
}

.editable .promotion.jul-02 .link-01, .editable .promotion.jul-02 .link-02, .editable .promotion.jul-02 .link-03 {
	width: 182px;
	top: 583px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-01, .editable .promotion.jul-02 .link-02, .editable .promotion.jul-02 .link-03 {
		width: 33.59375%;
		height: 3.46184%;
	}
}

.editable .promotion.jul-02 .link-01 {
	left: 145px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-01 {
		top: 50.66876%;
		left: 9.6875%;
	}
}

.editable .promotion.jul-02 .link-02 {
	left: 399px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-02 {
		top: 50.66876%;
		left: auto;
		right: 9.6875%;
	}
}

.editable .promotion.jul-02 .link-03 {
	right: 140px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-03 {
		top: 75.13769%;
		left: 10.15625%;
	}
}

.editable .promotion.jul-02 .link-04, .editable .promotion.jul-02 .link-05, .editable .promotion.jul-02 .link-06 {
	right: 160px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-04, .editable .promotion.jul-02 .link-05, .editable .promotion.jul-02 .link-06 {
		width: 39.0625%;
		height: 1.95209%;
		bottom: auto;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.editable .promotion.jul-02 .link-04 {
	top: 153px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-04 {
		top: 30.21295%;
	}
}

.editable .promotion.jul-02 .link-05 {
	top: 638px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-05 {
		top: 62.06744%;
	}
}

.editable .promotion.jul-02 .link-06 {
	top: 1106px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-02 .link-06 {
		top: 94.49867%;
	}
}

.editable .promotion.jul-04 .link {
	width: 210px;
	height: 42px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

@media (max-width: 1200px) {
	.editable .promotion.jul-04 .link {
		width: 32.8125%;
		height: 3.18665%;
	}
}

.editable .promotion.jul-04 .link-01 {
	top: 597px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-04 .link-01 {
		top: 45.2959%;
	}
}

.editable .promotion.jul-04 .link-02 {
	top: 890px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-04 .link-02 {
		top: 67.60243%;
	}
}

.editable .promotion.jul-04 .link-03 {
	top: 1185px;
}

@media (max-width: 1200px) {
	.editable .promotion.jul-04 .link-03 {
		top: 89.90895%;
	}
}

.mailform__title {
	display: -ms-flexbox;
	display: flex;
	height: 80px;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	background-color: #252f3e;
}

.mailform__contents {
	max-width: 1000px;
	margin: 25px auto;
}

.mailform__contents select, .mailform__contents button {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border-radius: 5px;
}

.mailform__contents select {
	border: 1px solid #ccc;
	background-color: #fff;
}

.mailform__contents button {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	background-color: #d01111;
}

.mailform__contents iframe {
	display: block;
	border: 1px solid #ccc;
}

.order-wrap {
	-ms-flex: 1;
	    flex: 1;
	max-width: calc(100% - 288px);
	margin-right: 20px;
}

@media (max-width: 768px) {
	.order-wrap {
		max-width: 100%;
		margin-right: 0;
	}
}

.order-wrap-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	height: 65px;
	padding: 0 22px;
	border: solid 1px #dddde8;
	border-radius: 10px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.order-wrap-top {
		height: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.order-wrap-top .custom-checkbox {
	margin-right: 14px;
}

@media (max-width: 768px) {
	.order-wrap-top .custom-checkbox {
		margin-right: 2px;
	}
}

.order-wrap-top .count {
	-ms-flex: 1;
	    flex: 1;
	font-size: 15px;
	letter-spacing: -0.4px;
}

.order-wrap-top .count em {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
}

.order-wrap-top .count .point {
	font-weight: 700;
	color: #d01111;
}

@media (max-width: 768px) {
	.order-wrap-top .count {
		font-size: 13px;
	}
}

.order-wrap-top .order-number {
	position: relative;
	padding-left: 14px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.order-wrap-top .order-number:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	height: 20px;
	left: 0;
}

.order-wrap-top .order-number em {
	font-weight: 300;
}

@media (max-width: 768px) {
	.order-wrap-top .order-number {
		padding-left: 0;
		margin-top: 4px;
		margin-bottom: 1px;
	}
	.order-wrap-top .order-number:before {
		display: none;
	}
}

.order-wrap-top .btn {
	width: 91px;
	min-width: 0;
}

.order-wrap-top .btn-delete {
	width: auto;
}

.order-wrap-top .btn-delete .icon {
	margin-right: 4px;
}

.order-wrap .add-course {
	margin-top: 9px;
}

.order-wrap .add-course .btn {
	width: 100%;
	font-size: 17px;
	line-height: 1.65;
	border-radius: 6px;
}

.order-wrap .add-course .btn .icon {
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.order-wrap .add-course .btn .icon:before, .order-wrap .add-course .btn .icon:after {
	width: 2px;
	height: 10px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.order-wrap .add-course .btn {
		border-radius: 5px;
		font-size: 13px;
	}
	.order-wrap .add-course .btn .icon {
		margin-right: 7px;
	}
}

.order-wrap-body {
	position: relative;
}

.order-wrap-body .order-tax {
	position: absolute;
	top: -45px;
	right: 0;
	margin-right: 0;
}

.order-box {
	position: relative;
	margin-top: 9px;
	padding: 32px 20px 16px;
	background-color: #fff;
	border: solid 1px #252f3e;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.order-box {
		padding: 23px 15px 20px;
		margin-top: 10px;
	}
}

.order-box .custom-checkbox {
	z-index: 1;
	position: absolute;
	top: 32px;
}

@media (max-width: 768px) {
	.order-box .custom-checkbox {
		top: 22px;
	}
}

.order-box .clazz {
	padding-left: 37px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(221, 221, 232, 0.5);
}

.order-box .clazz-name {
	margin-bottom: 25px;
}

@media (max-width: 768px) {
	.order-box .clazz-name {
		margin-top: -3px;
		margin-bottom: 18px;
	}
	.order-box .clazz-name strong {
		font-weight: 400;
	}
}

.order-box .clazz-date {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

.order-box .clazz-info {
	display: inline-block;
}

.order-box .clazz .btn-layer {
	min-width: 0;
	right: 55px;
}

.order-box .clazz .btn-layer + .btn-delete:before {
	content: '';
	position: absolute;
	left: -7px;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: #eeeef3;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.order-box .clazz .btn-layer {
		right: 49px;
	}
	.order-box .clazz .btn-layer + .btn-delete:before {
		left: -4px;
	}
}

.order-box .clazz .btn-delete {
	position: absolute;
	top: 10px;
	right: 10px;
	min-width: 0;
	padding: 10px;
}

@media (max-width: 768px) {
	.order-box .clazz {
		padding-left: 25px;
	}
	.order-box .clazz-name small {
		display: block;
	}
}

.order-box .price {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	margin: 20px 0 25px;
	padding: 0 20px;
}

.order-box .price-column {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

@media (max-width: 1200px) {
	.order-box .price-column {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (max-width: 768px) {
	.order-box .price-column {
		width: 100%;
		-ms-flex-pack: end;
		    justify-content: flex-end;
	}
	.order-box .price-column:first-child {
		-ms-flex-pack: left;
		    justify-content: left;
	}
	.order-cart .order-box .price-column {
		margin-bottom: 7px;
	}
}

@media (max-width: 1200px) {
	.order-box .price {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (max-width: 768px) {
	.order-box .price {
		padding: 0;
		margin-bottom: 10px;
	}
}

.order-box .cost {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.order-box .cost em {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.order-box .quantity {
	display: -ms-flexbox;
	display: flex;
	width: 186px;
	height: 42px;
	border: solid 1px #bdc0c5;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: -0.4px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.order-box .quantity {
		max-width: 100px;
		height: 33px;
	}
}

.order-box .quantity .left {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex: 0 1 50%;
	    flex: 0 1 50%;
	border-right: solid 1px #bdc0c5;
}

.order-box .quantity .left .point {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #d01111;
}

.order-box .quantity .custom-select {
	-ms-flex: 1;
	    flex: 1;
	height: 100%;
	border: 0;
}

.order-box .quantity .custom-select a,
.order-box .quantity .custom-select button {
	padding-left: 15px;
	padding-right: 25px;
}

.order-box .quantity .custom-select a:after,
.order-box .quantity .custom-select button:after {
	right: 10px;
}

.order-box .quantity .custom-select-list {
	border-color: #bdc0c5;
}

.order-box .number {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.order-box .number em {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.order-box .voucher .custom-select {
	min-width: 240px;
}

.order-box .voucher .expire {
	margin-left: 5px;
	font-size: 13px;
	font-weight: 300;
	color: #686868;
}

@media (max-width: 768px) {
	.order-box .voucher {
		-ms-flex: 1;
		    flex: 1;
		margin: 5px 0;
	}
	.order-box .voucher .custom-select {
		padding-left: 5px;
	}
}

.order-box .sum {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.order-box .sum span {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.order-box .sum span em {
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.order-box .sum small {
	position: absolute;
	right: 0;
	top: 100%;
	font-size: 13px;
	letter-spacing: -0.3px;
	color: #999;
}

.order-box .sum .sub-total {
	margin-top: 5px;
	margin-right: 5px;
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
}

.order-box .sum .sub-total em {
	font-size: 18px;
}

@media (max-width: 768px) {
	.order-box .sum span {
		font-size: 12px;
	}
	.order-box .sum span em {
		font-size: 16px;
	}
}

.order-box .warning {
	position: absolute;
	left: 42px;
	bottom: 27px;
}

@media (max-width: 768px) {
	.order-box .warning {
		position: relative;
		bottom: auto;
		left: auto;
	}
}

.order-detail ul {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
}

@media (max-width: 768px) {
	.order-detail ul {
		-webkit-column-count: auto;
		   -moz-column-count: auto;
		        column-count: auto;
	}
	.order-detail ul + ul {
		margin-top: 16px;
	}
}

.order-detail li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	    align-items: flex-start;
	margin-top: 0;
	box-sizing: border-box;
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	        break-inside: avoid;
}

@media (max-width: 768px) {
	.order-detail li + li {
		margin-top: 6px;
	}
}

.order-detail li .title {
	position: relative;
	display: inline-block;
	min-width: 65px;
	padding-right: 5px;
	font-weight: 500;
}

.order-detail li .title:after {
	content: ':';
	position: absolute;
	right: 0;
}

@media (max-width: 768px) {
	.order-detail li .title {
		min-width: 55px;
	}
}

.order-detail li > div {
	padding-left: 5px;
}

.order-detail li em {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	font-size: 14px;
}

.order-detail li em .icon {
	-ms-flex: none;
	    flex: none;
	margin: 0 2px;
}

@media (max-width: 768px) {
	.order-detail li em {
		font-size: 12px;
	}
}

.order-detail li .number {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

@media (max-width: 768px) {
	.order-detail li .number {
		font-size: 14px;
	}
}

.order-detail li .point {
	color: #d01111;
}

.order-detail li .aside {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.order-detail li .aside:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	height: 15px;
}

@media (max-width: 768px) {
	.order-detail li .aside {
		margin-left: 4px;
		padding-left: 4px;
	}
	.order-detail li .aside:before {
		height: 10px;
	}
	.order-detail li .aside-block {
		display: inline-block;
		margin-left: 0;
		padding-left: 0;
	}
	.order-detail li .aside-block:before {
		display: none;
	}
}

.order-detail li .btn {
	font-size: 13px;
	padding: 0 10px;
	min-width: auto;
}

.order-detail li .btns {
	margin-top: 5px;
}

.order-detail li .btn .icon {
	margin-left: 5px;
}

.order-detail-column {
	display: -ms-flexbox;
	display: flex;
}

.order-detail-column ul {
	-ms-flex: 1;
	    flex: 1;
	-webkit-column-count: auto;
	   -moz-column-count: auto;
	        column-count: auto;
}

@media (max-width: 768px) {
	.order-detail-column {
		display: block;
	}
}

.order-result {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	width: 100%;
	margin: 10px 0 39px;
	padding-bottom: 59px;
	border-bottom: 1px solid #252f3e;
}

.order-result .icon {
	-ms-flex: none;
	    flex: none;
	margin-right: 20px;
	box-sizing: border-box;
}

.order-result-desc {
	-ms-flex: 1;
	    flex: 1;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: -0.5px;
}

.order-result-desc strong {
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -1.1px;
}

.order-result-desc .warning {
	color: #d01111;
}

@media (max-width: 768px) {
	.order-result {
		-ms-flex-align: start;
		    align-items: flex-start;
		padding-bottom: 35px;
		margin-top: 14px;
		margin-bottom: 22px;
	}
	.order-result .btn {
		margin-top: 18px;
		margin-left: 77px;
	}
	.order-result-desc {
		font-size: 17px;
	}
	.order-result-desc strong {
		font-size: 27px;
	}
	.order-result-desc p {
		margin-top: 7px;
	}
}

@media (max-width: 1200px) {
	.order-steps {
		margin-top: 20px;
	}
}

.order-steps ol {
	display: -ms-flexbox;
	display: flex;
}

.order-steps li {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-align: center;
	    align-items: center;
	padding-left: 30px;
	padding-right: 45px;
}

.order-steps li:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	margin-top: -9px;
}

.order-steps li:first-child {
	padding-left: 0;
}

.order-steps li:last-child {
	padding-right: 0;
}

.order-steps li:last-child:after {
	display: none;
}

@media (max-width: 768px) {
	.order-steps li {
		padding-left: 20px;
		padding-right: 25px;
	}
}

.order-steps li em {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-ms-flex: none;
	    flex: none;
	width: 52px;
	height: 52px;
	margin-right: 9px;
	border-radius: 50%;
	background-color: rgba(103, 110, 120, 0.5);
}

.order-steps li em .icon {
	opacity: 0.3;
}

@media (max-width: 768px) {
	.order-steps li em {
		width: 33px;
		height: 33px;
		margin-bottom: 10px;
	}
}

.order-steps li strong {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.27;
	letter-spacing: -0.6px;
	color: rgba(255, 255, 255, 0.6);
}

.order-steps li strong:before {
	content: "step " attr(data-step);
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: -0.3px;
	text-transform: capitalize;
}

@media (max-width: 768px) {
	.order-steps li strong {
		font-size: 18px;
	}
}

.order-steps li.active:after {
	border-color: #f79792;
}

.order-steps li.active em {
	background-color: #d01111;
}

.order-steps li.active em .icon {
	opacity: 1;
}

.order-steps li.active strong {
	color: #f79792;
}

.attendee-wrap .btn-wrap {
	padding-top: 10px;
	text-align: right;
}

.attendee-wrap .btn-add {
	background-color: #fff;
}

.attendee-wrap .btn-add .icon-plus {
	width: 10px;
	height: 10px;
	margin-right: 8px;
}

.attendee-wrap .btn-add .icon-plus:before, .attendee-wrap .btn-add .icon-plus:after {
	width: 2px;
	height: 100%;
	background-color: #111;
}

.attendee-box {
	margin: 5px 0;
	border: solid 1px #dddde8;
	border-radius: 8px;
	background-color: #fafafa;
}

.attendee-info {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	height: 58px;
	border-radius: 8px;
	background-color: #f5f5f6;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.attendee-info {
		height: 43px;
	}
}

.attendee-info .btn-toggle {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: calc(100% - 54px);
}

@media (max-width: 768px) {
	.attendee-info .btn-toggle {
		width: calc(100% - 40px);
	}
}

.attendee-info .btn-toggle:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 70px;
	background: linear-gradient(to right, rgba(245, 245, 246, 0) 0%, #f5f5f6 30%, #f5f5f6 100%);
}

.attendee-info .btn-toggle .icon {
	position: absolute;
	top: 50%;
	right: 13px;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}

@media (max-width: 768px) {
	.attendee-info .btn-toggle .icon:before, .attendee-info .btn-toggle .icon:after {
		height: 1.5px;
	}
}

.attendee-summary {
	white-space: nowrap;
	overflow: hidden;
	-ms-flex: 1;
	    flex: 1;
}

.attendee-summary span {
	position: relative;
	display: inline-block;
	padding-left: 6px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.attendee-summary span:first-of-type {
	font-size: 16px;
	font-weight: 500;
}

.attendee-summary span:last-child:after {
	display: none;
}

.attendee-summary span:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
	height: 14px;
}

.attendee-summary span:empty:before {
	content: attr(data-label);
	font-size: 15px;
	font-weight: 300;
	color: #999;
}

@media (max-width: 768px) {
	.attendee-summary span {
		display: none;
	}
	.attendee-summary span:first-of-type {
		font-size: 14px;
		font-weight: 400;
		display: inline-block;
	}
	.attendee-summary span:first-of-type:after {
		display: none;
	}
}

.attendee-summary .num {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	width: 52px;
	border-right: solid 1px #dddde8;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #686868;
	box-sizing: border-box;
}

.attendee-summary .num:after {
	display: none;
}

@media (max-width: 768px) {
	.attendee-summary .num {
		width: 36px;
		font-size: 15px;
	}
}

.attendee-delete {
	z-index: 1;
	position: relative;
	width: 54px;
	height: 100%;
	text-align: center;
}

.attendee-delete:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	height: 26px;
}

.attendee-delete .btn-delete {
	min-width: 0;
	height: 100%;
	margin: 0 10px;
	padding: 10px;
	vertical-align: top;
	background-color: transparent;
}

@media (max-width: 768px) {
	.attendee-delete {
		width: 40px;
	}
	.attendee-delete .btn-delete {
		margin: 0;
	}
}

.attendee-form {
	display: none;
	padding: 0 30px;
	border-top: solid 1px #dddde8;
}

.attendee-form ul {
	margin: 0 -15px;
	padding: 15px 0 20px;
}

.attendee-form ul:after {
	content: '';
	display: block;
	clear: both;
}

.attendee-form li {
	float: left;
	width: 50%;
	margin: 10px 0;
	padding: 0 15px;
	box-sizing: border-box;
}

.attendee-form li label {
	font-size: 15px;
	line-height: 1.87;
}

.attendee-form li label sup {
	color: #d01111;
}

.attendee-form li:nth-child(4) {
	clear: left;
}

.attendee-form .btn-wrap {
	padding-top: 0;
}

.attendee-form .btn-wrap .btn {
	min-width: 72px;
	vertical-align: top;
}

@media (max-width: 768px) {
	.attendee-form {
		padding: 0 15px;
	}
	.attendee-form ul {
		padding: 5px 0 10px;
	}
	.attendee-form li {
		float: none;
		width: 100%;
	}
	.attendee-form li label {
		font-size: 12px;
	}
	.attendee-form .btn-wrap {
		padding: 15px 0 20px;
	}
}

.attendee-form--bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding: 20px 0 30px;
	border-top: 1px solid rgba(221, 221, 232, 0.5);
}

@media (max-width: 768px) {
	.attendee-form--bottom {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		padding-bottom: 0;
	}
}

.attendee-form--bottom.right {
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

.attendee-form--bottom .personal-info {
	position: relative;
}

@media (max-width: 768px) {
	.attendee-form--bottom .personal-info {
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.attendee-form--bottom .custom-checkbox {
	position: relative;
	top: -2px;
}

@media (max-width: 768px) {
	.attendee-form--bottom .custom-checkbox {
		top: 0;
	}
}

.attendee-form--bottom .custom-checkbox input[type="checkbox"] + label {
	padding-left: 30px;
	vertical-align: middle;
}

.attendee-form--bottom .custom-checkbox input[type="checkbox"] + label em {
	color: #999;
}

@media (max-width: 768px) {
	.attendee-form--bottom .custom-checkbox input[type="checkbox"] + label {
		padding-left: 23px;
		vertical-align: top;
		font-size: 12px;
	}
}

.attendee-form--bottom .custom-checkbox ~ .btn {
	min-width: 84px;
	margin-left: 20px;
	padding: 0 12px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.attendee-form--bottom .custom-checkbox ~ .btn {
		min-width: auto;
		margin-left: auto;
		padding: 0 8px;
		font-size: 13px;
		height: 30px;
	}
}

@media (max-width: 768px) {
	.attendee-form--bottom .btn-wrap {
		-ms-flex-item-align: end;
		    align-self: flex-end;
		padding: 20px 0;
	}
}

.attendee-box-active .attendee-info {
	border-radius: 8px 8px 0 0;
}

.attendee-box-active .attendee-info .btn-toggle .icon {
	background-color: #252f3e;
}

.attendee-box-active .attendee-info .btn-toggle .icon:before, .attendee-box-active .attendee-info .btn-toggle .icon:after {
	background-color: #fff;
}

.attendee-box-active .attendee-info .btn-toggle .icon:before {
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	        transform: rotate(45deg) translate(-50%, -50%);
}

.attendee-box-active .attendee-info .btn-toggle .icon:after {
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
	        transform: rotate(-45deg) translate(-50%, -50%);
}

.attendee-box-active .attendee-form {
	display: block;
}

.attendee-box-complete .attendee-info {
	background-color: #fff;
}

.attendee-box-complete .attendee-info .btn-toggle:after {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 30%, white 100%);
}

.attendee-self {
	margin-top: 20px;
}

@media (max-width: 768px) {
	.attendee-self {
		font-size: 12px;
	}
}

.attendee-self span {
	margin-right: 5px;
}

@media (max-width: 768px) {
	.attendee-self input {
		vertical-align: middle;
	}
}

.payment {
	padding-top: 45px;
}

@media (max-width: 768px) {
	.payment {
		margin-bottom: 25px;
		padding-top: 28px;
	}
}

.payment h2 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.6px;
}

@media (max-width: 768px) {
	.payment h2 {
		font-size: 18px;
	}
}

.payment-box {
	position: relative;
	padding-right: 40px;
	padding-left: 200px;
	border: solid 1px #dddde8;
	border-radius: 10px;
}

@media (max-width: 1200px) {
	.payment-box {
		padding-top: 28px;
		padding-left: 40px;
	}
}

@media (max-width: 768px) {
	.payment-box {
		padding: 17px 21px;
	}
}

.payment-title {
	position: absolute;
	top: 28px;
	left: 32px;
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 1200px) {
	.payment-title {
		position: static;
		top: auto;
		left: auto;
		font-size: 17px;
	}
}

.payment-type {
	padding: 30px 32px;
	font-size: 15px;
	font-weight: 300;
	border-bottom: 1px solid #dddde8;
}

.payment-type:last-child {
	border-bottom: 0;
}

.payment-type .custom-radio {
	left: -32px;
}

.payment-type p {
	margin-top: 9px;
}

@media (max-width: 1200px) {
	.payment-type {
		padding: 20px 24px;
	}
	.payment-type .custom-radio {
		left: -24px;
	}
	.payment-type p {
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.payment-type {
		padding-top: 15px;
		padding-bottom: 18px;
	}
	.payment-type:last-child {
		padding-bottom: 0;
	}
	.payment-type p {
		margin-top: 6px;
	}
}

.payment-agree {
	padding-top: 32px;
	border-top: 1px solid #dddde8;
}

@media (max-width: 768px) {
	.payment-agree {
		padding-top: 25px;
	}
}

.payment-agree .custom-checkbox {
	height: 18px;
	vertical-align: top;
}

.payment-agree .custom-checkbox input[type="checkbox"] + label {
	line-height: 18px;
}

.payment-agree .custom-checkbox input[type="checkbox"] + label:before {
	top: 5px;
	left: 4px;
	width: 10px;
	height: 6px;
}

.payment-agree .custom-checkbox input[type="checkbox"] + label:after {
	width: 18px;
	height: 18px;
}

.payment-agree .agree-top {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.payment-agree .agree-top {
		margin-bottom: 7px;
	}
}

.payment-agree .agree-top label {
	font-size: 18px;
}

.payment-agree .agree-box {
	margin-bottom: 9px;
	border: solid 1px #dddde8;
	border-radius: 8px;
}

.payment-agree .agree-box:last-child {
	margin-bottom: 0;
}

.payment-agree .agree-head {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.payment-agree .agree-head .custom-checkbox {
	margin-left: 30px;
}

.payment-agree .agree-head .btn-toggle {
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	padding: 25px 30px 20px;
}

@media (max-width: 768px) {
	.payment-agree .agree-head .btn-toggle {
		padding-top: 17px;
		padding-bottom: 15px;
	}
}

@media (max-width: 768px) {
	.payment-agree .agree-head .custom-checkbox {
		margin-left: 20px;
	}
	.payment-agree .agree-head .custom-checkbox input[type="checkbox"] + label {
		font-size: 13px;
	}
	.payment-agree .agree-head .btn-toggle {
		padding-top: 17px;
		padding-right: 20px;
		padding-bottom: 15px;
	}
}

.payment-agree .agree-contents {
	height: 0;
	padding-right: 11px;
	box-sizing: border-box;
}

.payment-agree .agree-contents > .inner {
	height: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.86;
	letter-spacing: -0.4px;
	transition: max-height 0.3s, opacity 0.3s;
}

.payment-agree .agree-box-active .agree-head .btn-toggle .icon {
	background-color: #252f3e;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.payment-agree .agree-box-active .agree-head .btn-toggle .icon:before, .payment-agree .agree-box-active .agree-head .btn-toggle .icon:after {
	background-color: #fff;
	margin-top: -1px;
}

.payment-agree .agree-box-active .agree-head .btn-toggle .icon:before {
	margin-left: 1px;
}

.payment-agree .agree-box-active .agree-head .btn-toggle .icon:after {
	margin-left: -2px;
}

.payment-agree .agree-box-active .agree-contents {
	height: auto;
	border-top: solid 1px #dddde8;
	box-sizing: border-box;
}

.payment-agree .agree-box-active .agree-contents > .inner {
	opacity: 1;
	height: auto;
	max-height: 214px;
	margin: 30px 0;
	padding: 0 30px;
	box-sizing: border-box;
	overflow-y: scroll;
	transition: max-height 0.3s, opacity 0.3s;
}

@media (max-width: 768px) {
	.payment-agree .agree-box-active .agree-contents > .inner {
		margin: 20px 0;
		padding: 0 20px;
		font-size: 12px;
		line-height: 1.5;
	}
}

@media (max-width: 768px) {
	.section-payment-info {
		padding-top: 30px;
	}
}

.section-payment-info .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 100px;
}

@media (max-width: 768px) {
	.section-payment-info .section-box .list-default li {
		margin-top: 9px;
	}
}

.section-payment-info .section-head {
	margin-bottom: 15px;
}

@media (max-width: 768px) {
	.section-payment-info .section-box {
		padding-top: 0;
		padding-bottom: 35px;
	}
}

.section-payment-info .payment-info-box {
	padding: 0 40px;
	margin-bottom: 25px;
	border: solid 1px #dddde8;
	border-radius: 10px;
	background-color: #fff;
}

@media (max-width: 768px) {
	.section-payment-info .payment-info-box {
		padding: 0 20px;
		margin-bottom: 15px;
	}
}

.section-payment-info .payment-info-box li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding: 25px 0;
	border-top: 1px solid rgba(221, 221, 232, 0.5);
}

.section-payment-info .payment-info-box li:first-child {
	border-top: 0;
}

.section-payment-info .payment-info-box li > div {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-payment-info .payment-info-box li small {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.3px;
	color: #999;
}

.section-payment-info .payment-info-box li .title {
	width: 23%;
	max-width: 187px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.section-payment-info .payment-info-box li .number {
	margin-right: 3px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.section-payment-info .payment-info-box li .number .point {
	margin-right: 10px;
	color: #d01111;
}

.section-payment-info .payment-info-box li .remain {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: 300;
	color: #d01111;
}

.section-payment-info .payment-info-box li .remain:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	height: 14px;
}

.section-payment-info .payment-info-box li .remain .point {
	font-size: 16px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.section-payment-info .payment-info-box li {
		padding: 16px 0;
		height: 70px;
		box-sizing: border-box;
	}
	.section-payment-info .payment-info-box li:nth-child(2) .number {
		display: block;
	}
	.section-payment-info .payment-info-box li > div {
		font-size: 13px;
	}
	.section-payment-info .payment-info-box li .title {
		font-size: 14px;
		margin-right: 5px;
	}
	.section-payment-info .payment-info-box li .number {
		font-size: 14px;
	}
	.section-payment-info .payment-info-box li .account {
		display: block;
	}
	.section-payment-info .payment-info-box li .remain {
		display: block;
		margin-left: 0;
		padding-left: 0;
		font-size: 13px;
	}
	.section-payment-info .payment-info-box li .remain:before {
		display: none;
	}
	.section-payment-info .payment-info-box li .remain .point {
		font-size: 14px;
	}
}

.page-mypage .section-payment-info {
	background-color: transparent;
}

.section-order .amount-wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 9px;
	right: 0;
	z-index: 40;
	-ms-flex: 0 1 280px;
	    flex: 0 1 280px;
	box-sizing: border-box;
	border: 1px solid #dddde8;
	border-radius: 10px;
	background-color: #fff;
}

.section-order .amount-wrap .btn-toggle {
	display: none;
}

@media (max-width: 768px) {
	.section-order .amount-wrap {
		position: static;
		top: auto;
		right: auto;
		bottom: 0;
		-ms-flex: none;
		    flex: none;
		box-sizing: border-box;
		width: 100%;
		margin-top: 30px;
		margin-right: 0;
		transition: background-color 0.3s;
	}
}

.section-order .amount-box {
	padding: 0 21px 30px;
}

.section-order .amount-box .btn {
	width: 100%;
	margin-bottom: 10px;
}

.section-order .amount-box .warning {
	display: -ms-flexbox;
	display: flex;
	color: #d01111;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-order .amount-box .warning .icon {
	-ms-flex: none;
	    flex: none;
	margin-right: 3px;
}

@media (max-width: 768px) {
	.section-order .amount-box .warning {
		font-size: 12px;
	}
	.section-order .amount-box .warning .icon {
		margin-top: 2px;
	}
}

.section-order .amount-box .list-default {
	margin-top: 25px;
}

.section-order .amount-box .list-default li {
	line-height: 1.57;
	font-size: 14px;
}

.section-order .amount-box .list-default .point {
	color: #d01111;
}

@media (max-width: 768px) {
	.section-order .amount-box .list-default {
		margin-top: 11px;
	}
	.section-order .amount-box .list-default li {
		font-size: 12px;
	}
}

.section-order .amount-head {
	height: 65px;
	padding-top: 28px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.4px;
	border-bottom: 1px solid #252f3e;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.section-order .amount-head {
		height: 54px;
		padding-top: 20px;
		font-size: 14px;
	}
}

.section-order .amount-calc li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	min-height: 60px;
	padding: 15px 0;
	border-top: 1px solid #e1e3e4;
	box-sizing: border-box;
}

.section-order .amount-calc li:first-child {
	border-top: 0;
}

.section-order .amount-calc li strong {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.4px;
}

.section-order .amount-calc li span {
	font-size: 14px;
	letter-spacing: -0.4px;
}

.section-order .amount-calc li span em {
	font-family: Roboto, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.section-order .amount-calc li {
		min-height: auto;
		height: 45px;
	}
	.section-order .amount-calc li strong,
	.section-order .amount-calc li span {
		font-size: 12px;
	}
	.section-order .amount-calc li strong em,
	.section-order .amount-calc li span em {
		font-size: 15px;
	}
}

.section-order .amount-calc .fade {
	color: #999;
}

.section-order .amount-calc .vat span {
	font-size: 13px;
}

.section-order .amount-calc .vat span em {
	font-size: 15px;
}

@media (max-width: 768px) {
	.section-order .amount-calc .vat span {
		font-size: 12px;
	}
	.section-order .amount-calc .vat span em {
		font-size: 13px;
	}
}

.section-order .amount-calc .total {
	-ms-flex-align: unset;
	    align-items: unset;
	-ms-flex-direction: column;
	    flex-direction: column;
	padding-bottom: 0;
}

.section-order .amount-calc .total strong {
	display: block;
	width: 100%;
}

.section-order .amount-calc .total span {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: right;
}

.section-order .amount-calc .total span em {
	font-size: 28px;
}

.section-order .amount-calc .total small {
	text-align: right;
	font-size: 13px;
	line-height: 1.38;
	letter-spacing: -0.3px;
	color: #999;
	display: block;
}

@media (max-width: 768px) {
	.section-order .amount-calc .total {
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-align: center;
		    align-items: center;
		position: relative;
		padding-bottom: 3px;
		height: 55px;
		padding: 0;
		margin-bottom: 0;
	}
	.section-order .amount-calc .total span {
		margin-top: 0;
		font-size: 14px;
	}
	.section-order .amount-calc .total span em {
		font-size: 21px;
	}
	.section-order .amount-calc .total small {
		position: absolute;
		right: 0;
		bottom: 0;
	}
}

.section-order .amount-buttons {
	padding-top: 15px;
}

@media (max-width: 768px) {
	.section-order .amount-buttons {
		padding-top: 5px;
	}
}

@media (max-width: 768px) {
	.section-order .amount-buttons .btn-lg {
		height: 39px;
	}
}

.section-order .amount-buttons .btn-go-basket {
	position: relative;
}

.section-order .amount-buttons .btn-go-basket:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 20px;
	display: inline-block;
	margin-top: -7px;
	background-image: url("../images/sprite.pc.png");
	background-position: -130px -153px;
	background-size: 395px auto;
	width: 20px;
	height: 14px;
}

@media (max-width: 768px) {
	.section-order .amount-buttons .btn-go-basket:before {
		left: 15px;
		margin-top: -5.25px;
		background-image: url("../images/sprite.mobile.png");
		background-size: 252px auto;
		background-position: -82px -175.5px;
		width: 15px;
		height: 10.5px;
	}
}

@media (max-width: 768px) {
	.section-order .amount-sticky.amount-wrap .btn-toggle {
		font: 0/0 a;
		position: fixed;
		bottom: 53px;
		left: 0;
		z-index: 51;
		display: block;
		height: 20px;
		margin-bottom: 0;
		background-position: 50% 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url("../images/btn-amount-toggle.png");
	}
	.section-order .amount-sticky.amount-wrap .btn-toggle .icon-angle-up {
		border: 0;
		margin-top: 3px;
	}
	.section-order .amount-sticky.amount-show .btn-toggle {
		position: absolute;
		top: -18px;
		bottom: auto;
	}
	.section-order .amount-sticky.amount-show .btn-toggle .icon {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	.section-order .amount-sticky.amount-show .btn-toggle .icon:before, .section-order .amount-sticky.amount-show .btn-toggle .icon:after {
		background-color: #d01111;
	}
	.section-order .amount-sticky.amount-show .amount-head {
		height: 31px;
		padding-top: 0;
	}
	.section-order .amount-sticky.amount-show .amount-box {
		position: fixed;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 12px;
		border-top: 1px solid #dddde8;
		background-color: #f5f5f6;
	}
	.section-order .amount-sticky.amount-show .amount-inner {
		padding: 20px;
		border: 1px solid #252f3e;
		border-radius: 10px;
		background-color: #fff;
	}
	.section-order .amount-sticky.amount-show .amount-calc .total {
		margin-bottom: 0;
	}
	.section-order .amount-sticky.amount-show .amount-buttons {
		border-top-color: transparent;
	}
	.section-order .amount-sticky.amount-show .list-default,
	.section-order .amount-sticky.amount-show .warning {
		display: none;
	}
	.section-order .amount-sticky .amount-box {
		box-sizing: border-box;
	}
	.section-order .amount-sticky .amount-inner {
		margin-bottom: 55px;
	}
	.section-order .amount-sticky .amount-buttons {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 50;
		box-sizing: border-box;
		height: 55px;
		padding: 6px;
		border-top: 1px solid #dddde8;
		background-color: #f5f5f6;
		display: -ms-flexbox;
		display: flex;
	}
	.section-order .amount-sticky .amount-buttons .btn {
		height: 100%;
		margin-bottom: 0;
		-ms-flex-order: 1;
		    order: 1;
	}
	.section-order .amount-sticky .amount-buttons .btn-darken, .section-order .amount-sticky .amount-buttons .search-warp .btn-search-darken, .search-warp .section-order .amount-sticky .amount-buttons .btn-search-darken {
		-ms-flex-order: 0;
		    order: 0;
	}
	.section-order .amount-sticky .amount-buttons .btn-go-basket {
		font: 0/0 a;
		box-sizing: border-box;
		width: 43px;
		min-width: 0;
		margin-right: 5px;
	}
}

.refund-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	min-height: 80px;
	box-sizing: border-box;
	padding: 30px;
	margin-top: 9px;
	border: solid 1px #dddde8;
	border-radius: 10px;
	background-color: #fff;
}

@media (max-width: 1200px) {
	.refund-box {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

@media (max-width: 768px) {
	.refund-box {
		padding: 22px;
	}
}

.refund-title {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

@media (max-width: 1200px) {
	.refund-title {
		width: 100%;
		margin-bottom: 15px;
		font-size: 15px;
	}
}

.refund-calc {
	-ms-flex: 1;
	    flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

@media (max-width: 768px) {
	.refund-calc {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.refund-calc .price-column {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: end;
	    justify-content: flex-end;
}

@media (max-width: 768px) {
	.refund-calc .price-column > div {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
	.refund-calc .price-column > div.operator {
		display: inline-block;
	}
	.refund-calc .price-column:first-child {
		-ms-flex-pack: start;
		    justify-content: flex-start;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: 15px;
	}
}

.refund-calc strong {
	font-size: 15px;
	font-weight: 400;
}

.refund-calc strong:after {
	content: ':';
	margin: 0 5px;
}

@media (max-width: 768px) {
	.refund-calc strong {
		font-size: 13px;
	}
}

.refund-calc span {
	font-size: 14px;
}

@media (max-width: 768px) {
	.refund-calc span {
		font-size: 12px;
	}
}

.refund-calc em {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.refund-calc em {
		font-size: 14px;
	}
}

.refund-calc .sum em {
	font-size: 20px;
	color: #d01111;
}

@media (max-width: 768px) {
	.refund-calc .sum {
		font-size: 12px;
	}
	.refund-calc .sum em {
		font-size: 16px;
	}
}

.refund-box.disabled {
	color: #999;
}

.refund-box.disabled .sum em {
	color: #999;
}

.refund-box.disabled .icon {
	opacity: 0.3;
}

.section-order-history {
	padding-bottom: 100px;
}

.section-order-history .section-box {
	max-width: 1240px;
}

.section-order-history .list-utils {
	-ms-flex-align: end;
	    align-items: flex-end;
	margin-bottom: 15px;
}

.section-order-history .list-utils .custom-select {
	min-width: 270px;
}

@media (max-width: 768px) {
	.section-order-history {
		padding-bottom: 50px;
	}
	.section-order-history .list-utils {
		margin-bottom: 12px;
	}
	.section-order-history .list-utils .custom-select {
		min-width: 100px;
	}
}

.section .order-group {
	padding: 10px 40px 20px;
	margin-bottom: 9px;
	border: solid 1px #dddde8;
	border-radius: 10px;
}

.section .order-group:last-child {
	margin-bottom: 30px;
}

.section .order-group:hover {
	border-color: #252f3e;
}

.section .order-group-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	padding: 15px 0;
}

.section .order-group-top a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.section .order-group-top strong {
	font-size: 18px;
	font-weight: 500;
}

.section .order-group-top strong em {
	margin-right: 4px;
}

.section .order-group-top strong .icon {
	width: 20px;
	height: 20px;
	margin-left: 9px;
}

.section .order-group-top strong .icon:after {
	width: 6px;
	height: 6px;
}

.section .order-group-top strong .count {
	margin-left: 4px;
	margin-right: 0;
	font-family: Roboto, sans-serif;
}

.section .order-group-top .date {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.4px;
}

.section .order-group-top .date em {
	font-weight: 300;
}

.section .order-group-top .date em:before {
	content: ':';
	margin: 0 4px;
}

.section .order-group-top .warning {
	margin-left: 5px;
}

.section .order-group-contents {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding-top: 30px;
	border-top: 1px solid #eeeef3;
}

.section .order-group-contents .list-default {
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	display: -ms-flexbox;
	display: flex;
}

.section .order-group-contents .list-default li {
	-ms-flex: 0 1 50%;
	    flex: 0 1 50%;
	margin-top: 0;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.section .order-group-contents .list-default li strong {
	display: inline-block;
	font-weight: 500;
}

.section .order-group-contents .list-default li span:before {
	content: ':';
	margin: 0 4px;
}

.section .order-group-contents .list-default li .number {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.section .order-group {
		padding: 20px;
	}
	.section .order-group:last-child {
		margin-bottom: 20px;
	}
	.section .order-group-top {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		padding-top: 0;
		padding-bottom: 17px;
	}
	.section .order-group-top a {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.section .order-group-top strong {
		font-size: 15px;
	}
	.section .order-group-top strong em {
		margin: 0;
	}
	.section .order-group-top strong .icon {
		width: 15px;
		height: 15px;
		margin-left: 5px;
	}
	.section .order-group-top strong .icon:after {
		width: 5px;
		height: 5px;
		border-width: 1px;
	}
	.section .order-group-top .date {
		font-size: 13px;
		margin-top: 7px;
	}
	.section .order-group-contents {
		padding-top: 20px;
	}
	.section .order-group-contents .list-default li {
		-ms-flex: 0 1 100%;
		    flex: 0 1 100%;
		margin-bottom: 6px;
	}
	.section .order-group-contents .list-default li .number {
		font-size: 14px;
	}
}

.section .order-group.corp .order-group-contents {
	-ms-flex-align: center;
	    align-items: center;
}

@media (max-width: 768px) {
	.section .order-group.corp .order-group-contents {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.section .order-group.corp .order-group-contents .btn {
		width: 100%;
	}
}

.section .order-group.corp .order-type {
	margin-right: 15px;
}

@media (max-width: 768px) {
	.section .order-group.corp .order-type {
		margin-bottom: 5px;
	}
}

.section .order-group.corp .list-request {
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
}

@media (max-width: 768px) {
	.section .order-group.corp .list-request {
		white-space: normal;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.section .order-group.corp .list-request li {
	position: relative;
	margin-left: 8px;
	padding-left: 8px;
}

.section .order-group.corp .list-request li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background-color: #dddde8;
}

@media (max-width: 768px) {
	.section .order-group.corp .list-request li:before {
		display: none;
	}
}

@media (max-width: 768px) {
	.section .order-group.corp .list-request li {
		margin-left: 0;
		margin-bottom: 10px;
		padding-left: 0;
	}
}

.section .order-group.corp .list-request li:first-child {
	margin-left: 0;
	padding-left: 0;
}

.section .order-group.corp .list-request li:first-child:before {
	display: none;
}

.section .order-group.corp .list-request .name span, .section .order-group.corp .list-request .corporate span {
	text-transform: uppercase;
}

.section .order-group.corp .list-request .name span:before, .section .order-group.corp .list-request .corporate span:before {
	content: '(';
}

.section .order-group.corp .list-request .name span:after, .section .order-group.corp .list-request .corporate span:after {
	content: ')';
}

.section .order-group.corp .list-default {
	-ms-flex-preferred-size: auto;
	    flex-basis: auto;
}

@media (max-width: 768px) {
	.section .order-group.corp .list-default {
		width: 100%;
		border-top: 1px solid #dddde8;
		margin-top: 15px;
		padding: 15px 0;
	}
}

.section .order-group.corp .list-default li {
	-ms-flex-preferred-size: auto;
	    flex-basis: auto;
	margin-left: 20px;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.section .order-group.corp .list-default li {
		margin-left: 0;
	}
}

.section.order-history-empty .list-utils,
.section.order-history-empty .point {
	color: #999;
}

.section.order-history-empty .order-group {
	height: 180px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	margin-bottom: 55px;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	color: #999;
}

.section.order-history-empty .order-group:hover {
	border-color: #dddde8;
}

@media (max-width: 768px) {
	.section.order-history-empty .order-group {
		height: 165px;
		margin-bottom: 45px;
		font-size: 17px;
	}
}

.section-history-detail .section-box {
	max-width: 1240px;
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.section-history-detail .section-box {
		margin-bottom: 4px;
	}
}

.section-history-detail .section-head {
	margin-bottom: 15px;
}

.section-history-detail .section-head h2 {
	margin-bottom: 32px;
	font-size: 32px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.section-history-detail .section-head {
		margin-top: 30px;
	}
	.section-history-detail .section-head h2 {
		margin-bottom: 26px;
		font-size: 23px;
	}
}

.section-history-detail .history-detail-box {
	padding: 0 40px;
	border: solid 1px #dddde8;
	border-radius: 10px;
}

.section-history-detail .history-detail-box .box-row {
	padding: 30px 0 25px;
	border-top: 1px solid rgba(221, 221, 232, 0.5);
}

.section-history-detail .history-detail-box .box-row:after {
	content: '';
	display: block;
	clear: both;
}

.section-history-detail .history-detail-box .box-row:first-child {
	border-top: none;
}

.section-history-detail .history-detail-box .title {
	float: left;
	width: 23%;
	max-width: 187px;
	font-size: 16px;
	font-weight: 500;
}

.section-history-detail .history-detail-box .contents {
	float: right;
	width: 77%;
}

.section-history-detail .history-detail-box .list-default li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	    align-items: flex-start;
	margin-top: 0;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.section-history-detail .history-detail-box .list-default li > strong {
	display: inline-block;
	min-width: 90px;
	font-size: 15px;
	font-weight: 500;
}

.section-history-detail .history-detail-box .list-default li > strong:after {
	content: ':';
	float: right;
	margin: 0 5px;
}

.section-history-detail .history-detail-box .list-default li em {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	    align-items: center;
	font-size: 14px;
}

.section-history-detail .history-detail-box .list-default li em .icon {
	margin: 0 2px;
}

.section-history-detail .history-detail-box .list-default li small {
	font-size: 13px;
	color: #999;
}

.section-history-detail .history-detail-box .list-default li .aside {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

.section-history-detail .history-detail-box .list-default li .aside:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #dddde8;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	height: 15px;
}

@media (max-width: 768px) {
	.section-history-detail .history-detail-box .list-default li .aside {
		margin-left: 5px;
		padding-left: 5px;
	}
	.section-history-detail .history-detail-box .list-default li .aside:before {
		height: 10px;
	}
}

.section-history-detail .history-detail-box .list-default li .point {
	color: #d01111;
}

.section-history-detail .history-detail-box .list-default li .number {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.section-history-detail .history-detail-box .list-default + .list-default {
	margin-top: 10px;
}

.section-history-detail .history-detail-box .cancel-item {
	padding: 15px 0;
	border-bottom: 1px solid #eeeef3;
}

.section-history-detail .history-detail-box .cancel-item:first-child {
	padding-top: 0;
}

.section-history-detail .history-detail-box .cancel-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.section-history-detail .history-detail-box .cancel-item .list-default:after {
	content: '';
	display: block;
	clear: both;
}

.section-history-detail .history-detail-box .cancel-item .list-default li {
	float: left;
	width: 50%;
}

.section-history-detail .history-detail-box .cancel-item .list-default li.align-right {
	float: right;
	-ms-flex-align: start;
	    align-items: flex-start;
	min-height: 80px;
}

.section-history-detail .history-detail-box .cancel-item .list-default li.align-right > div {
	padding-left: 5px;
}

.section-history-detail .history-detail-box .cancel-item .list-default li > div {
	float: right;
	width: 77%;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.section-history-detail .history-detail-box .title {
		float: none;
		width: auto;
	}
	.section-history-detail .history-detail-box .contents {
		float: none;
		width: auto;
	}
	.section-history-detail .history-detail-box .cancel-item .list-default {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.section-history-detail .history-detail-box .cancel-item .list-default li {
		-ms-flex-order: 0;
		    order: 0;
		float: none;
		width: auto;
	}
	.section-history-detail .history-detail-box .cancel-item .list-default li.align-right {
		-ms-flex-order: 1;
		    order: 1;
	}
}

@media (max-width: 768px) {
	.section-history-detail .history-detail-box {
		padding: 0 20px;
		margin-bottom: 35px;
	}
	.section-history-detail .history-detail-box .box-row {
		padding: 20px 0;
	}
	.section-history-detail .history-detail-box .title {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.section-history-detail .history-detail-box .list-default li {
		margin-bottom: 6px;
	}
	.section-history-detail .history-detail-box .list-default li > strong {
		min-width: 78px;
		font-size: 13px;
	}
	.section-history-detail .history-detail-box .list-default li em {
		font-size: 12px;
	}
	.section-history-detail .history-detail-box .list-default li .number {
		font-size: 14px;
	}
	.section-history-detail .history-detail-box .cancel-item .list-default li.align-right {
		min-height: 0;
	}
}

.section-order-course .section-box {
	max-width: 1240px;
	padding-top: 45px;
	padding-bottom: 95px;
}

.section-order-course .section-head {
	margin-bottom: 15px;
}

.section-order-course .section-head p {
	margin-top: 10px;
	font-size: 15px;
	font-weight: 300;
}

.section-order-course .order-box .clazz {
	padding-bottom: 10px;
	border-bottom: 0;
}

.section-order-course .order-box .clazz .order-status {
	position: absolute;
	top: 20px;
	right: 47px;
}

.section-order-course .order-box .clazz .order-type {
	right: 137px;
}

.section-order-course .order-box .clazz .btn-layer {
	right: 10px;
}

.section-order-course .order-box-checkless .clazz {
	padding-left: 21px;
}

.section-order-course .order-box-checkless .attendee-box .attendee-info {
	padding-left: 0;
}

.section-order-course .attendee-box .attendee-info {
	padding-left: 44px;
	background-color: #fff;
}

.section-order-course .attendee-box .attendee-info .custom-checkbox {
	top: 18px;
	left: 22px;
}

@media (max-width: 768px) {
	.section-order-course .attendee-box .attendee-info {
		padding-left: 32px;
	}
	.section-order-course .attendee-box .attendee-info .custom-checkbox {
		top: 14px;
		left: 15px;
	}
	.section-order-course .attendee-box .attendee-info .attendee-summary {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.section-order-course .attendee-box-disabled .attendee-info {
	border-color: #dddde8;
	color: #999;
	background-color: #f5f5f6;
}

.section-order-course .attendee-box-disabled .attendee-info .custom-checkbox {
	pointer-events: none;
}

.section-order-course .attendee-box-disabled .attendee-info .custom-checkbox label:after {
	border-color: #dddde8;
}

.section-order-course .attendee-box-disabled .attendee-info .num {
	color: #999;
}

.section-order-course .attendee-box-disabled .order-status {
	position: absolute;
	top: 50%;
	right: 21px;
	border: 1px solid #808798;
	color: #808798;
	background-color: transparent;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.section-order-course .section-box {
		padding-top: 34px;
		padding-bottom: 45px;
	}
	.section-order-course .section-head {
		margin-bottom: 17px;
	}
	.section-order-course .section-head p {
		font-size: 13px;
	}
	.section-order-course .order-box .clazz {
		margin-bottom: 17px;
	}
	.section-order-course .order-box .clazz .order-status {
		top: 17px;
		right: 40px;
	}
	.section-order-course .order-box .clazz .order-type {
		right: 105px;
		background-color: transparent;
		color: #d01111;
	}
	.section-order-course .order-box .clazz .order-type.corp {
		color: #506ddb;
	}
	.section-order-course .order-box .clazz .btn-layer {
		top: 10px;
		right: 5px;
	}
	.section-order-course .order-box-checkless .clazz {
		padding-left: 10px;
	}
	.section-order-course .attendee-box-disabled .order-status {
		right: 16px;
		line-height: 17px;
	}
}

.section .payment-guide {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	padding-top: 19px;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.87;
	letter-spacing: -0.4px;
}

.section .payment-guide > .guide {
	-ms-flex: 1;
	    flex: 1;
	position: relative;
	padding-left: 31px;
}

.section .payment-guide > .guide p {
	margin-top: 7px;
}

.section .payment-guide > .guide a {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.4px;
}

.section .payment-guide > .guide .icon {
	position: absolute;
	top: 11px;
	left: 0;
}

.section .payment-guide > .guide .point {
	color: #d01111;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.section .payment-guide > .guide p {
		margin-top: 0;
	}
	.section .payment-guide > .guide .icon {
		top: 2px;
	}
}

.section .payment-guide .btn-cancel {
	border: solid 1px #b6b9be;
	border-radius: 6px;
	background-color: #f8f8f9;
}

.section .payment-guide .btn-cancel.disabled, .section .payment-guide .btn-cancel[disabled] {
	color: #bbbbbb;
	border-color: #dddde8;
	background-color: #fbfbfb;
	pointer-events: none;
}

@media (min-width: 769px) {
	.section .payment-guide .btn-cancel {
		font-size: 17px;
	}
}

@media (max-width: 768px) {
	.section .payment-guide {
		padding-top: 15px;
	}
	.section .payment-guide > .guide {
		padding-left: 24px;
	}
	.section .payment-guide > .guide p {
		font-size: 13px;
		line-height: 1.69;
	}
	.section .payment-guide > .guide a {
		font-size: 14px;
	}
}

.notice-discount {
	margin-top: 40px;
	color: #fff;
	border-radius: 15px 15px 10px 10px;
	overflow: hidden;
}

.notice-discount .contents {
	background-color: #252f3e;
	background-image: url("../images/contents/shape.png");
	background-position: 100% 0;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.notice-discount .contents {
		background-position: 60% 0;
	}
}

.notice-discount .contents .inner {
	max-width: 800px;
	padding: 10px 20px 60px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.notice-discount .contents .inner {
		padding-bottom: 40px;
	}
}

.notice-discount .contents .explain p {
	margin: 0;
}

.notice-discount .discount, .notice-discount .howto {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
	background-image: url("../images/contents/line.png");
	background-position: 0 100%;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.notice-discount .discount, .notice-discount .howto {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: center;
		    align-items: center;
		text-align: center;
	}
}

.notice-discount .discount .explain, .notice-discount .howto .explain {
	max-width: 300px;
}

.notice-discount .discount .img, .notice-discount .howto .img {
	margin-left: 30px;
}

@media (max-width: 768px) {
	.notice-discount .discount .img, .notice-discount .howto .img {
		margin-top: 12px;
		margin-left: 0;
		max-width: 120px;
	}
}

.notice-discount .discount {
	padding: 40px 0;
}

@media (max-width: 768px) {
	.notice-discount .discount {
		padding: 25px 0;
	}
}

.notice-discount .discount strong {
	font-size: 30px;
	line-height: 1.3;
}

@media (max-width: 768px) {
	.notice-discount .discount strong {
		font-size: 17px;
	}
}

.notice-discount .discount strong em {
	display: block;
	color: #ed9312;
}

.notice-discount .discount .explain strong {
	display: block;
}

.notice-discount .discount .explain p {
	margin-top: 10px;
	opacity: .7;
}

.notice-discount .howto {
	padding: 30px 0;
}

@media (max-width: 768px) {
	.notice-discount .howto {
		padding: 25px 0;
	}
}

.notice-discount .howto em {
	-ms-flex: none;
	    flex: none;
	margin-right: 20px;
	font-size: 14px;
	font-style: italic;
	color: #ed9312;
}

@media (max-width: 768px) {
	.notice-discount .howto em {
		width: 60px;
		margin-right: 10px;
	}
}

.notice-discount .howto .explain {
	display: -ms-flexbox;
	display: flex;
}

.notice-discount .howto .explain p {
	font-size: 18px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.notice-discount .howto .explain p {
		text-align: left;
	}
}

@media (max-width: 768px) {
	.notice-discount .howto .explain em, .notice-discount .howto .explain p {
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.notice-discount .howto .img {
		margin-left: 40px;
	}
}

.notice-discount .curriculum {
	text-align: center;
}

@media (max-width: 768px) {
	.notice-discount .curriculum {
		padding: 0 20px;
	}
}

.notice-discount .curriculum strong {
	display: block;
}

@media (max-width: 768px) {
	.notice-discount .curriculum strong em {
		display: block;
	}
}

.notice-discount .curriculum p strong {
	font-weight: normal;
}

.notice-discount .curriculum p span {
	font-size: 16px;
}

@media (max-width: 768px) {
	.notice-discount .curriculum p strong, .notice-discount .curriculum p span {
		font-size: 13px;
	}
}

.notice-discount .curriculum p .icon-blank {
	vertical-align: -2px;
	margin: 0 3px;
}

.notice-discount .curriculum-chart {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 30px 50px;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.notice-discount .curriculum-chart {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding: 20px 15px;
	}
}

.notice-discount .curriculum .monthly {
	-ms-flex: 1 1 33.333%;
	    flex: 1 1 33.333%;
	border-right: 1px solid #eeeef3;
	padding: 0 10px;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly {
		-ms-flex: none;
		    flex: none;
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
		border-right: 0;
	}
}

.notice-discount .curriculum .monthly:last-child {
	border-right: 0;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly:last-child {
		margin-bottom: 0;
	}
}

.notice-discount .curriculum .monthly .month, .notice-discount .curriculum .monthly .class-list {
	max-width: 180px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly .month, .notice-discount .curriculum .monthly .class-list {
		max-width: none;
	}
}

.notice-discount .curriculum .monthly .month {
	line-height: 36px;
	font-size: 18px;
	border-radius: 5px;
	background-color: #d01111;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly .month {
		line-height: 28px;
		font-size: 13px;
	}
}

.notice-discount .curriculum .monthly .class-list {
	color: #111;
}

.notice-discount .curriculum .monthly li {
	margin-top: 30px;
	text-align: left;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li {
		margin-top: 20px;
	}
}

.notice-discount .curriculum .monthly li a {
	position: relative;
	display: block;
	padding-left: 15px;
	padding-right: 25px;
	line-height: 1;
}

.notice-discount .curriculum .monthly li a.emphasis {
	color: #d01111;
	font-weight: bold;
}

.notice-discount .curriculum .monthly li a.emphasis strong {
	font-weight: inherit;
}

.notice-discount .curriculum .monthly li a strong {
	font-size: 15px;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li a strong {
		font-size: 10px;
		line-height: 1;
	}
}

.notice-discount .curriculum .monthly li a strong:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #111;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li a strong:before {
		top: 7px;
		width: 3px;
		height: 3px;
	}
}

.notice-discount .curriculum .monthly li a span {
	font-size: 13px;
	font-style: italic;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li a span {
		font-size: 8px;
	}
}

.notice-discount .curriculum .monthly li a span + span:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #bdc0c5;
	vertical-align: 3px;
	margin-left: 6px;
	margin-right: 7px;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li a span + span:before {
		width: 2px;
		height: 2px;
		vertical-align: 2px;
		margin-left: 2px;
		margin-right: 3px;
	}
}

.notice-discount .curriculum .monthly li a .icon {
	position: absolute;
	top: 4px;
	right: 0;
}

@media (max-width: 768px) {
	.notice-discount .curriculum .monthly li a .icon {
		top: 0;
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
	}
}

/*!
 * apn
 */
.main.apn .section .title {
	display: block;
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}

@media (max-width: 768px) {
	.main.apn .section .title {
		font-size: 24px;
	}
}

.main.apn .section-visual {
	-ms-flex-pack: start;
	    justify-content: flex-start;
	height: 550px;
	padding: 0;
	overflow: hidden;
	background-color: #0c0705;
}

.main.apn .section-visual.main-visual {
	height: 550px;
}

.main.apn .section-visual .section-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	width: 100%;
	max-width: none;
	height: 550px;
	background-position: 45% 50%;
	left: 0;
	padding: 0 100px;
	box-sizing: border-box;
}

@media (max-width: 1200px) {
	.main.apn .section-visual .section-box {
		padding: 0 20px;
	}
}

@media (max-width: 768px) {
	.main.apn .section-visual .section-box {
		padding: 0;
		height: 330px;
	}
}

.main.apn .section-visual .catchphrase {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1920px;
	margin: 0;
}

.main.apn .section-visual .catchphrase strong, .main.apn .section-visual .catchphrase p {
	display: block;
	max-width: 1280px;
	margin: 0 auto;
}

.main.apn .section-visual .catchphrase strong {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -1.5px;
	color: #fff;
}

.main.apn .section-visual .catchphrase p {
	margin-top: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.88;
	letter-spacing: -0.4px;
	color: #fff;
}

.main.apn .section-visual .catchphrase.visual strong {
	font: 0/0 a;
}

.main.apn .section-visual .catchphrase.visual p {
	margin-top: 0;
}

@media (max-width: 768px) {
	.main.apn .section-visual .catchphrase.visual p {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		height: 330px;
		padding: 20px 0 40px;
		box-sizing: border-box;
	}
}

.main.apn .section-visual .catchphrase.visual p a {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	height: 550px;
}

@media (max-width: 768px) {
	.main.apn .section-visual .catchphrase.visual p a {
		height: 100%;
	}
}

.main.apn .section-visual.slick-slider .slick-arrow {
	width: 36px;
}

.main.apn .section-visual.slick-slider .slick-arrow:before {
	width: 51px;
	height: 51px;
	border-top: 2px solid #d3d5d8;
	border-right: 2px solid #d3d5d8;
}

.main.apn .section-visual.slick-slider .slick-prev {
	padding-left: 50px;
}

.main.apn .section-visual.slick-slider .slick-next {
	padding-right: 50px;
}

.main.apn .section-visual.slick-slider .slick-list {
	width: 100%;
}

.main.apn .section-visual.slick-slider .slick-slide img {
	max-height: 100%;
}

@media (max-width: 768px) {
	.main.apn .section-visual {
		height: 330px;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.main.apn .section-visual.main-visual {
		margin-bottom: 40px;
	}
	.main.apn .section-visual .catchphrase strong {
		font-size: 30px;
	}
	.main.apn .section-visual .catchphrase p {
		margin-top: 20px;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	.main.apn .section-visual {
		height: 330px;
		padding-left: 0px;
		margin-bottom: 20px;
	}
}

.main.apn .section-visual .section-box {
	-ms-flex: none;
	    flex: none;
	width: 100%;
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.main.apn .section-visual.slick-slider .slick-arrow {
	width: 36px;
}

.main.apn .section-visual.slick-slider .slick-arrow:before {
	width: 51px;
	height: 51px;
	border-top: 2px solid #d3d5d8;
	border-right: 2px solid #d3d5d8;
}

.main.apn .section-visual.slick-slider .slick-prev {
	padding-left: 50px;
}

.main.apn .section-visual.slick-slider .slick-next {
	padding-right: 50px;
}

.main.apn .section-visual.slick-slider .slick-list {
	width: 100%;
}

.main.apn .section-visual.slick-slider .slick-slide img {
	max-height: 100%;
}

.main.apn .section-box {
	padding: 50px 0;
}

@media (max-width: 768px) {
	.main.apn .section-box {
		padding: 30px 0;
	}
}

.main.apn .section-schedule .title {
	margin-bottom: 5px;
}

.main.apn .section-schedule .title ~ span {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

@media (max-width: 768px) {
	.main.apn .section-schedule .title ~ span {
		margin-bottom: 20px;
		font-size: 14px;
	}
}

.main.apn .schedule-list .clazz {
	position: relative;
}

.main.apn .schedule-list .clazz-info .price {
	color: #d01111;
}

@media (max-width: 768px) {
	.main.apn .schedule-list .clazz-info .price {
		margin-left: 0;
	}
}

.main.apn .schedule-list .clazz-info .note {
	font-size: 12px;
	color: #555;
}

.main.apn .schedule-list .clazz-foot {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.main.apn .schedule-list .clazz-foot {
		position: static;
		-ms-flex-pack: end;
		    justify-content: flex-end;
		margin-top: 20px;
		-webkit-transform: none;
		        transform: none;
	}
}

.main.apn .schedule-list .clazz-foot a {
	margin-left: 5px;
}

.main.apn .schedule-list .empty {
	padding: 100px 0 50px 0;
	border-top: 1px solid #dddde8;
	color: #999;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
}

@media (max-width: 768px) {
	.main.apn .schedule-list .empty {
		padding: 50px 0 25px 0;
		font-size: 18px;
	}
}

.main.apn .schedule-notice {
	color: #e60404;
	text-align: right;
	text-decoration: underline;
}

.main.apn .slick-slider .slick-track, .main.apn .slick-slider .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}

.main.apn .slick-slider .slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	width: 22px;
	font: 0/0 a;
	box-sizing: content-box;
}

.main.apn .slick-slider .slick-arrow:before {
	content: '';
	display: inline-block;
	width: 27px;
	height: 27px;
	border-top: 5px solid #d3d5d8;
	border-right: 5px solid #d3d5d8;
	box-sizing: border-box;
}

.main.apn .slick-slider .slick-arrow.slick-disabled {
	pointer-events: none;
}

.main.apn .slick-slider .slick-arrow.slick-disabled:before {
	border-top-color: #252f3e;
	border-right-color: #252f3e;
}

.main.apn .slick-slider .slick-prev {
	left: 0;
}

.main.apn .slick-slider .slick-prev:before {
	-webkit-transform: translateX(5px) rotate(-135deg);
	        transform: translateX(5px) rotate(-135deg);
}

.main.apn .slick-slider .slick-next {
	right: 0;
}

.main.apn .slick-slider .slick-next:before {
	-webkit-transform: translateX(-10px) rotate(45deg);
	        transform: translateX(-10px) rotate(45deg);
}

.main.apn .slick-slider .slick-dots {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	    justify-content: center;
}

.main.apn .slick-slider .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 6px;
	border-radius: 50%;
	background-color: #fff;
	opacity: .5;
	font-size: 0;
}

.main.apn .slick-slider .slick-dots li.slick-active {
	opacity: 1;
}

@media (max-width: 1200px) {
	.main.apn .slick-slider .slick-dots {
		bottom: 20px;
	}
}

.apn.header .header-active {
	position: relative;
}

.apn.header .header-active .header-depth {
	opacity: 1;
}

.apn.header .header-depth {
	min-width: 260px;
	padding: 50px;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-radius: 10px;
	box-shadow: 0 15px 8px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: opacity .3s;
}

.apn.header .header-depth ul {
	-ms-flex-direction: column;
	    flex-direction: column;
}

.apn.header .header-depth li + li {
	margin-top: 25px;
}

.apn.header .header-depth a {
	display: block;
	margin-top: 25px;
}

.apn.header .header-depth a:first-child {
	margin-top: 0;
}

.apn.header .header-depth a:hover strong {
	color: #d01111;
}

.apn.header .header-depth a:focus strong:after, .apn.header .header-depth a:hover strong:after {
	opacity: 1;
}

.apn.header .header-depth a:focus span, .apn.header .header-depth a:hover span {
	color: #d01111;
	opacity: 1;
}

.apn.header .header-depth span {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
	font-weight: 300;
	display: block;
	transition: color 0.3s;
}

.apn.header .header-depth strong {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding-right: 20px;
	letter-spacing: -0.25px;
	transition: color 0.3s;
	font-size: 16px;
}

.apn.header .header-depth strong:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	opacity: 0.3;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	        transform: rotate(-45deg) translateY(-50%);
}

.apn.page-mypage .section-mypage-info .section-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

@media (max-width: 768px) {
	.apn.page-mypage .section-mypage-info .section-footer {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: inherit;
		    align-items: inherit;
	}
}

.apn.page-mypage .section-mypage-info .section-footer .note {
	color: #e60404;
	font-size: 14px;
}

@media (max-width: 768px) {
	.apn.page-mypage .section-mypage-info .section-footer .note {
		margin-bottom: 15px;
	}
}

.apn.page-mypage .info-item .form-wrap {
	position: static;
}

.apn.page-mypage .course-detail {
	padding: 30px;
	border: 1px solid #dddde8;
	border-radius: 10px;
}

.apn.page-mypage .course-detail ul {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #dddde8;
}

.apn.page-mypage .course-detail ul li {
	margin-bottom: 10px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.apn.page-mypage .course-detail ul li {
		font-size: 13px;
	}
}

.apn.page-mypage .course-detail ul li:before {
	content: '-';
}

.apn.page-mypage .course-detail ul li strong {
	margin-left: 5px;
}

.apn.page-mypage .course-detail ul li strong ~ span:before {
	content: ':';
	margin-right: 5px;
}

@media (max-width: 768px) {
	.apn.page-mypage .course-detail ul li strong ~ span {
		display: block;
	}
}

.apn.page-mypage .order-result {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	padding: 30px;
	border-bottom: 0;
}

.apn.page-mypage .order-result-desc {
	-ms-flex: none;
	    flex: none;
}

@media (max-width: 768px) {
	.apn.page-order .order-result .warning {
		margin-left: 5px;
	}
}

.apn.page-location .section-visual {
	background-image: url("../images/visual/pc/order.png");
}

.apn-confirm .section-box {
	max-width: 1240px;
	padding-bottom: 45px;
}

.apn-confirm .section-box .attendee-form--bottom {
	padding-bottom: 0;
}

@media (max-width: 768px) {
	.apn-confirm .section-box .attendee-form--bottom {
		padding-top: 0;
	}
}

.apn-confirm .section-box .clazz .order-status {
	right: 20px;
}

.apn-confirm .section-box .custom-checkbox {
	top: 35px;
}

@media (max-width: 768px) {
	.apn-confirm .section-box .custom-checkbox {
		top: 25px;
	}
}

.apn-confirm .section-footer {
	text-align: right;
}

.apn-confirm .confirm-box {
	display: -ms-flexbox;
	display: flex;
	margin: 20px 0;
	padding: 40px 60px;
	border: 1px solid #eee;
	border-width: 1px 0;
}

@media (max-width: 768px) {
	.apn-confirm .confirm-box {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding: 20px;
	}
	.apn-confirm .confirm-box:first-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
}

.apn-confirm .confirm-box .form-box {
	-ms-flex: 1;
	    flex: 1;
	margin: 0 40px;
}

@media (max-width: 768px) {
	.apn-confirm .confirm-box .form-box {
		margin: 10px 0;
	}
}

.apn-confirm .confirm-box .form-box label {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.apn-confirm .confirm-box .form-box label strong {
	display: block;
	margin-right: 15px;
}

@media (max-width: 768px) {
	.apn-confirm .confirm-box .form-box label strong {
		min-width: 30%;
		font-size: 14px;
	}
}

.apn-confirm .confirm-box .form-box label input {
	max-width: 70%;
}

.apn-confirm .confirm-box.authentication-timer {
	margin-top: 0;
	padding-top: 20px;
	border-top: 0;
}

.apn-confirm .confirm-box.authentication-timer .confirm-timer {
	padding-left: 15px;
}

.apn-confirm .confirm-box.authentication-timer .form-control {
	max-width: 37.5%;
}

@media (max-width: 768px) {
	.apn-confirm .confirm-box.authentication-timer {
		padding-top: 0;
	}
}

.apn-confirm-location .section-box {
	max-width: 780px;
}

.apn .section.contact .title {
	margin-bottom: 0;
}

.apn .section.contact .contents ul {
	display: -ms-flexbox;
	display: flex;
	padding: 45px 0;
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
}

.apn .section.contact .contents ul li {
	position: relative;
	-ms-flex: 1 1 50%;
	    flex: 1 1 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	padding: 0 42px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul li {
		padding: 0;
		-ms-flex-pack: start;
		    justify-content: flex-start;
	}
}

.apn .section.contact .contents ul li .icon-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	margin-right: 25px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #eee;
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul li .icon-wrap {
		min-width: 56px;
	}
}

.apn .section.contact .contents ul li p em {
	display: block;
	margin-bottom: 7px;
	color: #d01111;
}

.apn .section.contact .contents ul li p span {
	font-size: 20px;
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul li p span {
		font-size: 18px;
	}
}

.apn .section.contact .contents ul li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 66px;
	background-color: #eeeef3;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul li + li:before {
		display: none;
	}
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul li + li {
		margin-top: 20px;
	}
}

.apn .section.contact .contents ul .mail span a {
	border-bottom: 1px solid #263c5c;
}

@media (max-width: 768px) {
	.apn .section.contact .contents ul .mail span a {
		word-break: break-all;
	}
}

.apn .section.location {
	text-align: center;
}

.apn .section.location .section-box {
	padding-bottom: 50px;
	border-bottom: 1px solid #eeeef3;
}

@media (max-width: 768px) {
	.apn .section.location .section-box {
		padding-bottom: 30px;
	}
}

.apn .section.location strong {
	display: block;
	margin-bottom: 60px;
	font-size: 42px;
	font-weight: 500;
}

@media (max-width: 768px) {
	.apn .section.location strong {
		margin-bottom: 20px;
		font-size: 30px;
	}
}

.apn .section.location p {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	margin-bottom: 15px;
	font-size: 24px;
}

@media (max-width: 768px) {
	.apn .section.location p {
		font-size: 18px;
	}
}

.apn .section.location p .icon {
	margin-right: 10px;
}

@media (max-width: 768px) {
	.apn .section.location p .icon {
		display: none;
	}
}

.apn .section.location span {
	color: #666;
	font-size: 20px;
	font-weight: 300;
}

.apn .section.location span.notice {
	display: block;
	font-size: 16px;
}

.apn .section.location span.notice:before, .apn .section.location span.notice:after {
	content: '*';
	vertical-align: middle;
	margin: 0 3px;
}

@media (max-width: 768px) {
	.apn .section.location span {
		font-size: 14px;
	}
}

.apn .section.map {
	max-width: 1240px;
	height: 630px;
	margin: 0 auto;
	background-image: url("../images/location.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.apn .section.map {
		height: 250px;
	}
}

.apn.footer {
	padding-top: 50px;
}

.apn .footer-info {
	border-top: 0;
}

@media (max-width: 768px) {
	.apn .footer-info li {
		display: block;
		margin: 0;
	}
}

@media (max-width: 768px) {
	.apn .footer-info li:before {
		display: none;
	}
}

/*# sourceMappingURL=../styles/maps/style.css.map */