/* ==========================================================================
   Library
   ========================================================================== */


/* Select2
   ========================================================================== */

.select2-container--general {
	display: block;
}
.select2-container--general .select2-selection {
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: 20px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.select2-container--general.select2-container--open.select2-container--below .select2-selection {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.select2-container--general.select2-container--open.select2-container--above .select2-selection {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.select2-container--general .select2-selection--single::before {
	content: "";
	position: absolute;
	right: 40px;
	width: 14px;
	height: 26px;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8' fill='none'%3e%3cpath d='M6.69498 5.3863L1.92743 0.745219C1.75716 0.585775 1.52928 0.497729 1.29289 0.500045C1.05649 0.50236 0.830486 0.594853 0.663556 0.7576C0.496626 0.920346 0.402127 1.14032 0.400414 1.37015C0.398701 1.59998 0.489911 1.82126 0.654397 1.98635L6.05847 7.24536C6.22271 7.40397 6.44342 7.49507 6.67488 7.49981C6.90633 7.50454 7.13078 7.42253 7.30174 7.27078L12.7464 1.99073C12.9109 1.82565 13.0021 1.60436 13.0004 1.37453C12.9987 1.14471 12.9042 0.924728 12.7372 0.761981C12.5703 0.599235 12.3443 0.506742 12.1079 0.504426C11.8715 0.502111 11.6436 0.590158 11.4734 0.749602L6.69498 5.3863Z' fill='%23151515'/%3e%3c/svg%3e") no-repeat center center / contain;
	transition: all .2s ease;
}
.select2-container--general.select2-container--open .select2-selection--single::before {
	transform: scaleY(-1);
}
.select2-container--general .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: #000;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
}
.select2-container--general .select2-dropdown {
	overflow: hidden;
	color: #000;
	background-color: #fff;
	border-color: rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.select2-container--general .select2-dropdown.select2-dropdown--below {
	border-top: 0 solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown--above {
	border-bottom: 0 solid transparent;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option {
	padding: 20px 40px;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option span {
	font-family: 'Pretendard';
	font-size: 16px;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
	color: #dedede;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
	color: #000;
	background-color: #f8f8f8;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] span {
	color: #f27761;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
	color: #dedede;
	opacity: 0.4;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option[role=group] {
	padding: 0;
}
.select2-container--general .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
	display: block;
	padding: 10px 30px;
}



/* ==========================================================================
   Common
   ========================================================================== */


/* Helpers
   ========================================================================== */

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}


/* Elements
   ========================================================================== */

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	background-color: #f27761;
	box-sizing: border-box;
	transition: background-color .2s;
}
.btn:hover {
	background-color: #f27761cc;
}
.btn.btn-outline {
	border: 1px solid #f27761;
	color: #f27761;
	background-color: #fff;
}
.btn.btn-outline:hover {
	background-color: #f277611a;
}
.btn.btn-outline-gray {
	border: 1px solid rgba(0, 0, 0, .3);
	color: rgba(0, 0, 0, .6);
	background-color: #fff;
}
.btn.btn-outline-gray:hover {
	background-color: rgba(0, 0, 0, .05);
}
.btn.btn-small {
	font-size: 15px;
}
.btn.btn-xlarge {
	width: 360px;
	height: 86px;
	padding: 30px 50px;
	font-size: 22px;
}
.btn:disabled {
	border-color: #dedede;
	color: #fff;
	background-color: #dedede;
	pointer-events: none;
}
.btn.btn-next {
	margin: 0 auto;
}

.input[type=text] {
	width: 100%;
	padding: 15px;
	border-radius: 3px;
	border: solid 1px #e0e0e0;
	font-size: 14px;
	box-sizing: border-box;
}

.textarea {
	width: 100%;
	height: 140px;
	padding: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	font-size: 14px;
	resize: vertical;
	box-sizing: border-box;
}

.select {
	display: block;
	width: 100%;
	height: 60px;
	padding: 15px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	color: #000;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 500;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8' fill='none'%3e%3cpath d='M6.69498 5.3863L1.92743 0.745219C1.75716 0.585775 1.52928 0.497729 1.29289 0.500045C1.05649 0.50236 0.830486 0.594853 0.663556 0.7576C0.496626 0.920346 0.402127 1.14032 0.400414 1.37015C0.398701 1.59998 0.489911 1.82126 0.654397 1.98635L6.05847 7.24536C6.22271 7.40397 6.44342 7.49507 6.67488 7.49981C6.90633 7.50454 7.13078 7.42253 7.30174 7.27078L12.7464 1.99073C12.9109 1.82565 13.0021 1.60436 13.0004 1.37453C12.9987 1.14471 12.9042 0.924728 12.7372 0.761981C12.5703 0.599235 12.3443 0.506742 12.1079 0.504426C11.8715 0.502111 11.6436 0.590158 11.4734 0.749602L6.69498 5.3863Z' fill='%23151515'/%3e%3c/svg%3e") no-repeat right 40px center / 14px 26px;
	box-sizing: border-box;
	appearance: none;
	transition: border-color .1s ease-in-out;
}
.select.select-small {
	height: 50px;
	padding: 15px 20px;
	font-size: 18px;
	background-position: right 20px center;
}

.radio-cards {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.radio-cards + .load-more {
	margin-top: 30px;
	text-align: center;
}
.radio-cards + .load-more .app-btn-load-more {
	margin-top: 0;	
}
.radio-card label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 28px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
	box-sizing: content-box;
	cursor: pointer;
	transition: .1s border-color ease-in;
}
.radio-card input[type="radio"] {
	position: absolute;
}
.radio-card input[type="radio"] + label {
	padding: 28px 40px;
}
.radio-card input[type="radio"] + label:after {
	display: none;
}
.radio-card label:hover,
.radio-card input[type="radio"] + label:hover,
.radio-card input[type="radio"]:checked + label {
	padding: 27px 39px;
	border-width: 2px;
	border-color: #f27761;
}
.radio-card input[type="radio"]:checked + label .icon svg path {
	fill: #f27761;
	fill-opacity: 1;
}
.radio-card label .texts .name {
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0;
}
.radio-card label .texts .desc {
	margin-top: 5px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
}
.radio-card label .icon svg {
	vertical-align: middle;
}

.radio-buttons {
	display: flex;
	gap: 10px;
}
.radio-button {
	flex: 1 1 0;
}
.radio-button label,
.radio-button input[type="radio"] + label,
.radio-button input[type="checkbox"] + label  {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	padding: 15px 20px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	box-sizing: border-box;
	cursor: pointer;
	transition: .1s border-color ease-in, .1s color ease-in, .1s background-color ease-in;
}
.radio-button.radio-button-small label,
.radio-button.radio-button-small input[type="radio"] + label,
.radio-button.radio-button-small input[type="checkbox"] + label {
	height: auto;
	border-radius: 5px;
	font-size: 16px;
}
.radio-button input[type="radio"],
.radio-button input[type="checkbox"] {
	position: absolute;
}
.radio-button input[type="radio"] + label:after,
.radio-button input[type="checkbox"] + label:after {
	display: none;
}
.radio-button label:hover,
.radio-button input[type="radio"] + label:hover,
.radio-button input[type="radio"]:checked + label,
.radio-button input[type="checkbox"] + label:hover,
.radio-button input[type="checkbox"]:checked + label {
	color: #fff;
	border-color: #f27761;
	background-color: #f27761;
}
.radio-button input[type="radio"]:disabled + label,
.radio-button input[type="checkbox"]:disabled + label {
	color: #e0e0e0;
	border-color: #e0e0e0;
	text-decoration: line-through;
	background-color: #fff;
	pointer-events: none;
}

.books {
	gap: 30px;
}
.radio-card label.book:hover,
.radio-card input[type="radio"] + label.book:hover,
.radio-card input[type="radio"]:checked + label.book {
	padding: 29px 39px;
	border-width: 2px;
	border-color: #f27761;
}
.radio-card label.book {
	display: block;
	padding: 30px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
}
.radio-card input[type="radio"] + label.book {
	padding: 30px 40px;
}
.book-badges {
	display: flex;
	align-items: center;
	gap: 5px;
}
.book-badge {
	padding: 3px 5px;
	border-radius: 5px;
	color: #fff;
	font-family: 'Pretendard';
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	background-color: #000;
}
.book-badge.book-badge-recommend {
	background-color: #ff0000;
}
.book-content {
	display: flex;
	gap: 30px;
	margin-top: 15px;
}
.book-content .book-texts .book-name {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
}
.book-content .book-texts .book-desc {
	margin-top: 10px;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 21px;
	word-break: keep-all;
}
.book-content .book-texts > a {
	width: 242px;
	height: 48px;
	margin-top: 25px;
}
.book-content .book-image img {
	width: 160px;
}

.callout {
	padding: 40px;
	border: 2px solid #f27761;
	border-radius: 10px;
	box-sizing: border-box;
}
.callout .title {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 20px;
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 600;
}
.callout .title::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.90822 4.71875C10.8262 3.08675 13.1746 3.08675 14.0914 4.71875L20.7874 16.6228C21.6874 18.2236 20.5318 20.1988 18.697 20.1988H5.30382C3.46782 20.1988 2.31222 18.2236 3.21222 16.6228L9.90822 4.71875ZM13.1998 16.6C13.1998 16.9182 13.0734 17.2234 12.8483 17.4485C12.6233 17.6735 12.3181 17.8 11.9998 17.8C11.6816 17.8 11.3763 17.6735 11.1513 17.4485C10.9262 17.2234 10.7998 16.9182 10.7998 16.6C10.7998 16.2817 10.9262 15.9765 11.1513 15.7514C11.3763 15.5264 11.6816 15.4 11.9998 15.4C12.3181 15.4 12.6233 15.5264 12.8483 15.7514C13.0734 15.9765 13.1998 16.2817 13.1998 16.6ZM11.9998 6.99995C11.6816 6.99995 11.3763 7.12638 11.1513 7.35142C10.9262 7.57647 10.7998 7.88169 10.7998 8.19995V11.8C10.7998 12.1182 10.9262 12.4234 11.1513 12.6485C11.3763 12.8735 11.6816 13 11.9998 13C12.3181 13 12.6233 12.8735 12.8483 12.6485C13.0734 12.4234 13.1998 12.1182 13.1998 11.8V8.19995C13.1998 7.88169 13.0734 7.57647 12.8483 7.35142C12.6233 7.12638 12.3181 6.99995 11.9998 6.99995Z' fill='%23f27761'/></svg>") no-repeat center center / contain;
}
.callout ol {
	list-style: decimal;
	padding-left: 16px;
}
.callout ol li {
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 33px;
	word-break: keep-all;
}
.callout ol li .highlight {
	background: linear-gradient(to top,#fff973 50%, transparent 50%);
}



/* ==========================================================================
   Sub pages
   ========================================================================== */


/* Layout
   ========================================================================== */

.registration-pages {
	overflow-y: hidden;
	padding: 110px 0;
}

.registration-pages h1 {
	font-family: 'Pretendard';
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0;
}
.registration-pages h2 {
	margin-bottom: 30px;
	font-family: 'Pretendard';
	color: #474747;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0;
}
.registration-pages h3 {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
}
.registration-pages h4 {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
}
.registration-pages hr {
	height: 1px;
	margin: 25px 0;
	border: 0;
	background-color: #e0e0e0;
}
.registration-pages .page-title {
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
}
.registration-pages .page-desc {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
}
.registration-pages .page-title + .page-desc {
	margin-top: 15px;
}
.registration-pages .error-message {
	width: 100%;
	font-family: 'Pretendard';
	font-size: 16px;
	text-align: center;
}

.registration-pages > .page {
	display: none;
	width: 600px;
	margin: 0 auto;
}
.registration-pages > .page.active,
.registration-pages > .page.show {
	display: block;
}
.registration-pages > .page.page-schedule-nav,
.registration-pages > .page.page-schedule-timetable {
	width: 900px;
}
.registration-pages > .page.page-schedule-tutor {
	width: 100%;
}
.registration-pages > .page.page-schedule-tutor .app-tutors {
	width: 900px;
}
.registration-pages > .page.page-schedule-tutor .app-tutors {
	margin-left: auto;
	margin-right: auto;
}


/* Navigation
   ========================================================================== */

nav.registration-step {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
}
nav.registration-step .container {
	display: flex;
	align-items: center;
	gap: 85px;
	width: 1000px;
}
nav.registration-step .btn-prev {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 0;
	border: 0;
	color: #000;
	font-family: 'Pretendard';
	font-size: 18px;
	background: none;
}
nav.registration-step ol {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	height: 70px;
}
nav.registration-step li {
	padding: 0;
	border: 0;
	color: #787878;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	background: none;
	transition: .1s color ease-in;
}
nav.registration-step li.active {
	color: #f27761;
	font-weight: 600;
}


/* Ticket
   ========================================================================== */

.page.page-ticket .radio-cards .book-category {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
}
.page.page-ticket .radio-cards .course-options {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
}
.page.page-ticket .radio-cards .course-options span {
	color: rgba(0, 0, 0, .5);
	font-size: 14px;
}
.page.page-ticket .radio-card input[type="radio"]:checked + label .course-options span {
	font-weight: 400;
}


/* Ticket Purchase
   ========================================================================== */

.page.page-ticket-purchase .app-radio-cards .course-options {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
}
.page.page-ticket-purchase .app-radio-cards .course-options span {
	color: rgba(0, 0, 0, .5);
	font-size: 14px;
}
.page.page-ticket-purchase .app-radio-card input[type="radio"]:checked + label .course-options span {
	font-weight: 400;
}
.page.page-ticket-purchase .purchase-summary {
	display: none;
	margin-top: 30px;
}
.page.page-ticket-purchase .purchase-summary .title {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
	font-size: 18px;
	font-weight: 700;
}
.page.page-ticket-purchase .purchase-summary * + .title {
	margin-top: 30px;
}
.page.page-ticket-purchase .purchase-summary ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.page.page-ticket-purchase .purchase-summary.loading ul {
	display: none;
}
.page.page-ticket-purchase .purchase-summary ul + ul {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e0e0e0;
}
.page.page-ticket-purchase .purchase-summary li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page.page-ticket-purchase .purchase-summary li div {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 600;
}
.page.page-ticket-purchase .purchase-summary li div:first-of-type {
	color: #9a9a9a;
}
.page.page-ticket-purchase .purchase-summary li div:last-of-type {
	display: flex;
	align-items: center;
	gap: 4px;
}
.page.page-ticket-purchase .purchase-summary li div.fz-small span {
	font-size: 14px;
}
.page.page-ticket-purchase .purchase-summary li div span.unit {
	font-size: 14px;
}

.page.page-ticket-purchase .purchase-summary ul + .app-info-message {
	display: none;
	padding: 20px 0;
	text-align: center;
}
.page.page-ticket-purchase .purchase-summary.loading ul + .app-info-message {
	display: block;
}

.page.page-ticket-purchase .purchase-summary .app-radio-buttons.methods {
	flex-wrap: wrap;
}
.page.page-ticket-purchase .purchase-summary .app-radio-buttons.methods .app-radio-button {
	flex: 0 0 calc((100% - 10px) / 2);
}
.page.page-ticket-purchase .purchase-summary .app-radio-buttons.methods .app-radio-button input[type=radio][value=naver-pay] + label {
	color: transparent;
	background: transparent no-repeat center center / 62px 24px;
}
.page.page-ticket-purchase .purchase-summary .app-radio-buttons.methods + select {
	margin-top: 20px;
}

.page.page-ticket-purchase .purchase-summary .help-block {
	margin-top: 5px;
	color: #9a9a9a;
	font-size: 12px;
}


/* Ticket reading gate confirm modal
   ========================================================================== */

.app-modal-ticket-reading-gate-confirm .app-modal-dialog {
	width: 700px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-title {
	padding: 42px 50px 0;
}
.app-modal-ticket-reading-gate-confirm .app-modal-title h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.app-modal-ticket-reading-gate-confirm .app-modal-title .closed {
	top: 46px;
	right: 45px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content {
	padding: 10px 50px 50px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content h6 {
	margin: 30px 0 10px;
	font-family: 'Pretendard';
	font-size: 16px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content ul {
	list-style: disc;
	padding-left: 16px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content li {
	font-family: 'Pretendard';
	font-size: 14px;
	word-break: keep-all;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content li + li {
	margin-top: 5px;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content .message {
	margin: 30px 0;
	font-family: 'Pretendard';
	font-size: 14px;
	word-break: keep-all;
}
.app-modal-ticket-reading-gate-confirm .app-modal-content .content .message + a {
	color: #f27761;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
}

.app-modal-ticket-reading-gate-confirm .actions {
	display: flex;
	gap: 30px;
	margin-top: 60px;
}
.app-modal-ticket-reading-gate-confirm .actions .btn {
	flex: 1 1 0;
	width: auto;
}


/* Person
   ========================================================================== */

.page.page-person .radio-cards .callout {
	display: none;
	padding: 14px 20px;
	border: 1px solid #e9ecef;
	border-left-width: 2.5px;
	border-left-color: #f27761;
	border-radius: 2.5px;
	font-size: 14px;
	line-height: 22px;
	word-break: keep-all;
}
.page.page-person .radio-cards .callout a {
	color: #f27761;
	font-weight: 500;
}

.page.page-person .radio-cards + .page-title {
	margin-top: 100px;
}
.page.page-person .radio-buttons {
	margin-bottom: 20px;
}

.page.page-person select[name=lesson-id],
.page.page-person select[name=lesson-id] option[value=none] {
	display: none;
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown-lesson .select2-results__options > .select2-results__option:nth-of-type(2) {
	display: none;
}

.page.page-person .select2-container .app-info-message {
	width: 24px;
	height: 24px;
}
.page.page-person select[name=lesson-id]:not([disabled]) + .select2-container .app-info-message {
	display: none;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection,
.page.page-person .select2-container .lesson-selection {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection > div,
.page.page-person .select2-container .lesson-selection > div {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'Pretendard';
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.name,
.page.page-person .select2-container .lesson-selection .name {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.schedule,
.page.page-person .select2-container .lesson-selection .schedule {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.user,
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.tutor,
.page.page-person .select2-container .lesson-selection .user,
.page.page-person .select2-container .lesson-selection .tutor {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.date,
.page.page-person .select2-container .lesson-selection .date {
	color: rgba(0, 0, 0, .4);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson .select2-results__options .select2-results__option .lesson-selection span.reason,
.page.page-person .select2-container .lesson-selection .reason {
	color: #f27761;
	font-size: 14px;
}


/* Book
   ========================================================================== */

.page.page-book .page-title {
	margin: 60px 0 20px;
}

.page.page-book .person-level {
	margin-bottom: 30px;
}
.page.page-book .person-level .text {
	display: flex;
	gap: 4px;
}
.page.page-book .person-level .text span {
	font-family: 'Pretendard';
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0;
}
.page.page-book .person-level .box {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 15px;
	padding: 20px 30px;
	border-radius: 10px;
	background-color: #f1f1f1;
}
.page.page-book .person-level .box span {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
}
.page.page-book .person-level .box span:first-of-type {
	font-size: 32px;
	font-weight: 700;
}

.page.page-box .lesson-book-history {
	display: none;
}

.page.page-book .select2-container .app-info-message {
	width: 24px;
	height: 24px;
}
.page.page-book select[name=lesson-book-id]:not([disabled]) + .select2-container .app-info-message {
	display: none;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection,
.page.page-book .select2-container .lesson-book-selection {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection > div,
.page.page-book .select2-container .lesson-book-selection > div {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'Pretendard';
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.name,
.page.page-book .select2-container .lesson-book-selection .name {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.schedule,
.page.page-book .select2-container .lesson-book-selection .schedule {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.user,
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.tutor,
.page.page-book .select2-container .lesson-book-selection .user,
.page.page-book .select2-container .lesson-book-selection .tutor {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.date,
.page.page-book .select2-container .lesson-book-selection .date {
	color: rgba(0, 0, 0, .4);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
.select2-container--general .select2-dropdown.select2-dropdown-lesson-book .select2-results__options .select2-results__option .lesson-book-selection span.book-name,
.page.page-book .select2-container .lesson-book-selection .book-name {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}

.page.page-book .radio-buttons + .select,
.page.page-book .select + .select,
.page.page-book .radio-cards {
	margin-top: 30px;
}


/* Schedule navigation
   ========================================================================== */

.page.page-schedule-nav h1 {
	display: none;
	margin-bottom: 80px;
	text-align: center;
}
.page.page-schedule-nav .step-1 h1 {
	display: block;
}

.page.page-schedule-nav .priorities {
	display: flex;
	align-items: center;
}
.page.page-schedule-nav .step-1 .priorities,
.page.page-schedule-nav .with-tutor-filter .priorities {
	margin-bottom: 50px;
}
.page.page-schedule-nav .priorities .radio-cards {
	display: none;
	flex-direction: row;
	gap: 15px;
}
.page.page-schedule-nav .priorities .radio-cards.active {
	display: flex;
}
.page.page-schedule-nav .priorities .radio-card label,
.page.page-schedule-nav .priorities .radio-card input[type="radio"] + label {
	flex-direction: row-reverse;
	justify-content: center;
	gap: 5px;
	height: 32px;
	padding: 10px 20px;
}
.page.page-schedule-nav .priorities .radio-card label:hover,
.page.page-schedule-nav .priorities .radio-card input[type="radio"] + label:hover,
.page.page-schedule-nav .priorities .radio-card input[type="radio"]:checked + label {
	padding: 9px 19px;
}
.page.page-schedule-nav .priorities .radio-card label:hover .texts .name,
.page.page-schedule-nav .priorities .radio-card input[type="radio"]:checked + label .texts .name {
	color: #f27761;
}
.page.page-schedule-nav .priorities .radio-card label .texts .name {
	font-size: 20px;
	font-weight: 700;
	transition: .1s color ease-in;
}
.page.page-schedule-nav .priorities .radio-card label .icon svg {
	width: 32px;
	height: 32px;
}

.page.page-schedule-nav .priorities .radio-buttons {
	display: none;
	margin-left: auto;
}
.page.page-schedule-nav .priorities .radio-buttons.active {
	display: flex;
}
.page.page-schedule-nav .priorities .radio-button label,
.page.page-schedule-nav .priorities .radio-button input[type="radio"] + label {
	width: 120px;
	height: 50px;
	border-color: #000;
	border-radius: 45px;
	font-size: 18px;
	font-weight: 500;
}
.page.page-schedule-nav .priorities .radio-button label:hover,
.page.page-schedule-nav .priorities .radio-button input[type="radio"] + label:hover,
.page.page-schedule-nav .priorities .radio-button input[type="radio"]:checked + label {
	border-color: #000;
	font-weight: 700;
	background-color: #000;
}


/* Schedule tutor
   ========================================================================== */

.page.page-schedule-tutor .radio-cards {
	flex-direction: row;
	gap: 15px;
}
.page.page-schedule-tutor .radio-card {
	width: calc((100% - 15px) / 2);
}
.page.page-schedule-tutor .radio-card input[type="radio"] + label {
	padding: 20px;
}
.page.page-schedule-tutor .radio-card label:hover,
.page.page-schedule-tutor .radio-card input[type="radio"] + label:hover,
.page.page-schedule-tutor .radio-card input[type="radio"]:checked + label {
	padding: 19px;
}
.page.page-schedule-tutor .radio-card input[type="radio"] + label.with-checkboxes {
	padding-bottom: 44px;
}
.page.page-schedule-tutor .radio-card label.with-checkboxes:hover,
.page.page-schedule-tutor .radio-card input[type="radio"] + label.with-checkboxes:hover,
.page.page-schedule-tutor .radio-card input[type="radio"]:checked + label.with-checkboxes {
	padding-bottom: 43px;
}
.app-tutor.app-tutor-horizontal .checkboxes {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	height: 34px;
	padding: 0 2px;
	font-family: 'Pretendard';
	font-size: 14px;
	background-color: rgba(242, 119, 97, .05);
	box-sizing: border-box;
}
.app-tutor.app-tutor-horizontal .checkboxes .checkbox input {
	display: none;
}
.app-tutor.app-tutor-horizontal .checkboxes .checkbox label,
.app-tutor.app-tutor-horizontal .checkboxes .checkbox label:hover {
	padding: 4px 4px 4px 25px;
	border: 0;
	font-size: 14px;
}
.page.page-schedule-tutor .radio-card label:hover .checkboxes,
.page.page-schedule-tutor .radio-card input[type="radio"] + label:hover .checkboxes,
.page.page-schedule-tutor .radio-card input[type="radio"]:checked + label .checkboxes {
	bottom: -1px;
	left: 1px;
	width: calc(100% - 2px);
	padding: 0;
}
.page.page-schedule-tutor .app-tutor {
	position: relative;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	transition: .1s border-color ease-in, opacity .2s, transform .2s !important;
}
.page.page-schedule-tutor .app-tutor.recommend,
.page.page-schedule-tutor .app-tutor[for="tutor-recommend"] {
	align-items: center;
}
.page.page-schedule-tutor .app-tutor:hover {
	transform: scale(1);
}
.page.page-schedule-tutor .app-tutor > .icon {
	position: absolute;
	top: 5px;
	right: 5px;
}
.page.page-schedule-tutor .radio-card input[type="radio"]:checked + label {
	font-weight: inherit;
}
.page.page-schedule-tutor .radio-card label:hover > .icon,
.page.page-schedule-tutor .radio-card input[type="radio"] + label:hover > .icon,
.page.page-schedule-tutor .radio-card input[type="radio"]:checked + label > .icon {
	top: 4px;
	right: 4px;
}
.page.page-schedule-tutor .app-tutor.recommend .signature,
.page.page-schedule-tutor .app-tutor[for="tutor-recommend"] .signature {
	margin-top: 10px;
	font-weight: 500;
}

.page.page-schedule-tutor .similar-tutors > .title {
	width: 100%;
	margin-top: 100px;
	font-family: 'Pretendard';
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}
.page.page-schedule-tutor .similar-tutors > .options {
	margin-top: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, .4);
}
.page.page-schedule-tutor .similar-tutors > .options .radio-buttons {
	position: relative;
	top: 1px;
	width: 900px;
	margin: 0 auto;
}
.page.page-schedule-tutor .similar-tutors > .options .radio-button input + label {
	border-color: transparent;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.page.page-schedule-tutor .similar-tutors > .options .radio-button label:hover,
.page.page-schedule-tutor .similar-tutors > .options .radio-button input[type="radio"] + label:hover {
	border-color: rgba(0, 0, 0, .4);
	border-bottom-color: transparent;
	color: #474747;
	background-color: #fff;
}
.page.page-schedule-tutor .similar-tutors > .options .radio-button input[type="radio"]:checked + label {
	border-color: rgba(0, 0, 0, .4);
	border-bottom-color: transparent;
	color: #f27761;
	background-color: #fff;
}
.page.page-schedule-tutor .similar-tutors > .similar-tutor-option-content {
	display: none;
}
.page.page-schedule-tutor .similar-tutors > .similar-tutor-option-content[data-for=days] {
	padding-top: 30px;
}
.page.page-schedule-tutor .similar-tutors > .similar-tutor-option-content[data-for=days] .app-callout {
	width: 900px;
	margin: 0 auto 30px;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
}


/* Schedule similar tutors modal
   ========================================================================== */

.app-modal-start-date .app-modal-dialog {
	width: 700px;
}
.app-modal-start-date .app-modal-title {
	padding: 42px 50px 0;
}
.app-modal-start-date .app-modal-title h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.app-modal-start-date .app-modal-title .closed {
	top: 46px;
	right: 45px;
}
.app-modal-start-date .app-modal-content {
	padding: 10px 50px 50px;
}
.app-modal-start-date .app-modal-content .content > h2 {
	margin: 40px 0 15px;
	font-family: 'Pretendard';
	font-size: 18px;
}
.app-modal-start-date .app-modal-content .content > .radio-buttons {
	flex-wrap: wrap;
}
.app-modal-start-date .app-modal-content .content > .radio-buttons > .app-info-message {
	width: 100%;
	padding: 20px 0;
}
.app-modal-start-date .app-modal-content .content > .radio-buttons.start-dates .radio-button {
	flex: 0 0 calc((100% - 10px) / 2);
}

.app-modal-start-date .actions {
	display: flex;
	gap: 30px;
	margin-top: 60px;
}
.app-modal-start-date .actions .btn {
	flex: 1 1 0;
	width: auto;
}


/* Schedule timetable
   ========================================================================== */

.page.page-schedule-timetable .comment {
	margin-top: -15px;
	margin-bottom: 20px;
	font-size: 14px;
  line-height: 24px;
}

.page.page-schedule-timetable input[name=start-date] {
	width: 400px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'><path d='M16.9995 3.66667V1M16.9995 3.66667V6.33333M16.9995 3.66667H10.9995M0.999512 11.6667V23.6667C0.999512 25.1395 2.19342 26.3333 3.66618 26.3333H22.3328C23.8056 26.3333 24.9995 25.1395 24.9995 23.6667V11.6667H0.999512Z' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M0.999512 11.667V6.33366C0.999512 4.8609 2.19342 3.66699 3.66618 3.66699H6.33284' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.33276 1V6.33333' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M25.0001 11.667V6.33366C25.0001 4.8609 23.8062 3.66699 22.3334 3.66699H21.6667' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center right 15px / 26px 28px;
}
.page.page-schedule-timetable .book-start-date + h2,
.page.page-schedule-timetable .revision-start-date + h2 {
	margin-top: 30px;
}

.page.page-schedule-timetable .days > .app-info-message {
	width: 100%;
}
.page.page-schedule-timetable .days .radio-button {
	max-width: calc((100% - 24px) / 3);
}
.page.page-schedule-timetable .days + h2 {
	margin-top: 30px;
}

.page.page-schedule-timetable .start-dates {
	flex-wrap: wrap;
	gap: 16px 12px;
}
.page.page-schedule-timetable .start-dates > .app-info-message,
.page.page-schedule-timetable .start-dates > .loading {
	width: 100%;
}
.page.page-schedule-timetable .start-dates > input[type=radio] {
	display: none;
}
.page.page-schedule-timetable .start-dates .radio-button {
	flex: 0 0 calc((100% - 12px * 2) / 3);
}
.page.page-schedule-timetable .start-dates .radio-button label,
.page.page-schedule-timetable .start-dates .radio-button input[type="radio"] + label,
.page.page-schedule-timetable .start-dates .radio-button input[type="checkbox"] + label {
	font-size: 16px;
}
.page.page-schedule-timetable .start-dates + h2 {
	margin-top: 30px;
}

.page.page-schedule-timetable .time-zones .radio-button label,
.page.page-schedule-timetable .time-zones .radio-button input[type="radio"] + label,
.page.page-schedule-timetable .time-zones .radio-button input[type="checkbox"] + label {
	font-size: 16px;
}

.page.page-schedule-timetable .time-slots {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 30px;
}
.page.page-schedule-timetable .time-slots .radio-button:first-of-type {
	flex: 0 0 auto;
	width: 120px;
}
.page.page-schedule-timetable .time-slots .radio-button:first-of-type label,
.page.page-schedule-timetable .time-slots .radio-button:first-of-type label:hover {
	border-color: #ebebeb;
	color: #000;
	background-color: #ebebeb;
	cursor: auto;
}
.page.page-schedule-timetable .time-slots.readonly .radio-button:not(:first-of-type) input:disabled + label {
	color: #e0e0e0;
	border-color: #e0e0e0;
	text-decoration: none;
}
.page.page-schedule-timetable .time-slots.readonly .radio-button:not(:first-of-type) input:checked + label {
	border-color: #8f8f8f;
	background-color: #8f8f8f;
}

.page.page-schedule-timetable .tutor-available-notification {
	display: none;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 10px;
}
.page.page-schedule-timetable .tutor-available-notification.active {
	display: flex;
}
.page.page-schedule-timetable .tutor-available-notification .help-text {
	font-size: 14px;
}
.page.page-schedule-timetable .tutor-available-notification .help-text span {
	border-bottom: 1px solid #000;
}


/* Schedule manual
   ========================================================================== */

.page.page-schedule-manual h2 {
	margin-bottom: 20px;
	font-size: 20px;
}
.page.page-schedule-manual * + h2 {
	margin-top: 45px;
}

.page.page-schedule-manual .days-message {
	margin-top: 10px;
	font-family: 'Pretendard';
	font-size: 14px;
}

.page.page-schedule-manual input[name=hope-start-date] {
	width: 400px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'><path d='M16.9995 3.66667V1M16.9995 3.66667V6.33333M16.9995 3.66667H10.9995M0.999512 11.6667V23.6667C0.999512 25.1395 2.19342 26.3333 3.66618 26.3333H22.3328C23.8056 26.3333 24.9995 25.1395 24.9995 23.6667V11.6667H0.999512Z' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M0.999512 11.667V6.33366C0.999512 4.8609 2.19342 3.66699 3.66618 3.66699H6.33284' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.33276 1V6.33333' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M25.0001 11.667V6.33366C25.0001 4.8609 23.8062 3.66699 22.3334 3.66699H21.6667' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center right 15px / 26px 28px;
}

.page.page-schedule-manual .radio-button label,
.page.page-schedule-manual .radio-button input[type="radio"] + label {
	font-size: 16px;
}

.page.page-schedule-manual .hope-time {
	display: flex;
	align-items: center;
	gap: 20px;
}
.page.page-schedule-manual .hope-time select {
	width: 200px;
}
.page.page-schedule-manual .hope-time span {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 600;
}

.page.page-schedule-manual .hope-time-readme {
	list-style: disc;
	margin-top: 45px;
	padding: 20px 10px 20px 30px;
	border-radius: 10px;
	background-color: #fbfbfb;
}
.page.page-schedule-manual .hope-time-readme li {
	color: #474747;
	font-family: 'Pretendard';
	font-size: 15px;
	letter-spacing: 0;
	word-break: keep-all;
}
.page.page-schedule-manual .hope-time-readme li + li {
	margin-top: 10px;
}


/* Summary
   ========================================================================== */

.page.page-summary h1,
.page.page-summary h3,
.page.page-summary h4 {
	text-align: center;
}
.page.page-summary h4 {
	margin-top: 10px;
}
.page.page-summary h3 + h4 {
	margin-top: 15px;
}
.page.page-summary h4 .color-red {
	color: #f00;
	font-weight: 600;
}
.page.page-summary h4 .font-weight-bold {
	font-weight: 700;
}

.page.page-summary .summaries {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 65px;
}
.page.page-summary .summary .summary-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
}
.page.page-summary .summary .summary-title .btn-edit {
	display: none;
	padding: 5px 15px;
	border-radius: 3px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	background-color: #f3f3f3;
}
.page.page-summary .summary .summary-content {
	padding: 20px 40px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
}

.page.page-summary .summary.summary-code .name {
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
}
.page.page-summary .summary.summary-code .desc {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 13px;
	font-weight: 600;
}
.page.page-summary .summary.summary-code .desc div {
	display: flex;
	gap: 5px;
}
.page.page-summary .summary.summary-code .desc div span {
	font-weight: 400;
}

.page.page-summary .summary.summary-book .summary-content {
	padding: 30px 40px;
}
.page.page-summary .summary.summary-book .name {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.page.page-summary .summary.summary-book .name .ko {
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
}
.page.page-summary .summary.summary-book .name .en {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
}
.page.page-summary .summary.summary-book .book .app-callout {
	display: none;
	margin-bottom: 15px;
	font-size: 14px;
  line-height: 22px;
}
.page.page-summary .summary.summary-book .book .book-links {
	display: none;
	align-items: center;
	gap: 20px;
	margin-top: 25px;
}
.page.page-summary .summary.summary-book .book .book-links.active {
	display: flex;
}
.page.page-summary .summary.summary-book .book .book-links .btn {
	flex: 1 1 50%;
	gap: 5px;
	height: 48px;
}

.page.page-summary .summary.summary-tutor-schedule .summary-content {
	padding: 25px 40px;
}
.page.page-summary .summary.summary-tutor-schedule dl {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 0;
	margin: 0;
}
.page.page-summary .summary.summary-tutor-schedule dt,
.page.page-summary .summary.summary-tutor-schedule dd {
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
}
.page.page-summary .summary.summary-tutor-schedule dt {
	width: 120px;
	color: #474747;
	font-size: 18px;
	font-weight: 500;
}
.page.page-summary .summary.summary-tutor-schedule dd {
	width: calc(100% - 120px);
	margin: 0;
	padding-left: 10px;
	box-sizing: border-box;
}
.page.page-summary .summary.summary-tutor-schedule dt.tutor-profile,
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile {
	border-top: 1px solid #e0e0e0;
	margin-top: 5px;
	padding-top: 20px;
}
.page.page-summary .summary.summary-tutor-schedule dt.tutor-profile {
	display: flex;
	align-items: center;
}
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile {
	display: flex;
	align-items: center;
	gap: 10px;
}
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile .tutor-image {
	width: 33px;
	height: 33px;
	border-radius: 50%;
	background: transparent no-repeat center center / cover;
}
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile .tutor-image.character {
	background-size: contain;
}
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile .tutor-name {
	color: #000;
}
.page.page-summary .summary.summary-tutor-schedule dd.tutor-profile button {
	display: flex;
	margin-left: auto;
	padding: 8px 20px;
	border-color: #000;
	border-radius: 20px;
	color: #000;
	background-color: #eee;
}


/* Lesson hold date
   ========================================================================== */

.page.page-date .comment {
	display: none;
	margin-top: -15px;
	margin-bottom: 20px;
	font-size: 14px;
  line-height: 24px;
}
.page.page-date .hold-date {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}
.page.page-date .resumption-date {
	display: none;
	margin-top: 30px;
}

.page.page-date .hold-date input[name=start-date],
.page.page-date .hold-date input[name=end-date],
.page.page-date .resumption-date input[name=resumption-date] {
	width: 200px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'><path d='M16.9995 3.66667V1M16.9995 3.66667V6.33333M16.9995 3.66667H10.9995M0.999512 11.6667V23.6667C0.999512 25.1395 2.19342 26.3333 3.66618 26.3333H22.3328C23.8056 26.3333 24.9995 25.1395 24.9995 23.6667V11.6667H0.999512Z' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M0.999512 11.667V6.33366C0.999512 4.8609 2.19342 3.66699 3.66618 3.66699H6.33284' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.33276 1V6.33333' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M25.0001 11.667V6.33366C25.0001 4.8609 23.8062 3.66699 22.3334 3.66699H21.6667' stroke='%23d2d2d2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center right 15px / 26px 28px;
}
.page.page-date .period + h2 {
	margin-top: 30px;
}