@charset "utf-8";

/* color */
[class*="--white"] {color: #222222;border: 1px solid #7D7D7D;background: #FFFFFF;}
[class*="--red"] {color: #FFFFFF;border: 1px solid #B60005;background: #B60005;}
[class*="--blue"] {color: #FFFFFF;border: 1px solid #428dfc;background: #428dfc;}
[class*="--black"] {color: #FFFFFF;border: 1px solid #000000;background: #000000;}
[class*="--gray"] {color: #FFFFFF;border: 1px solid #999999;background: #999999;}
[class*="--disabled"] {color: #7D7D7D;border: 1px solid #CFCFD0;background: #E7E7E7;cursor: auto;}
[class*="--full"] {width: 100% !important;}


/* button */
[class*="ui__btn"] {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;padding: 0 20px;}
[class*="ui__btn"] .arrow {display: inline-block;width: 36px;height: 20px;background-image: url("/images/ico_in_off_w_pc.svg");background-repeat: no-repeat;background-position: 0 0;background-size: cover;}
[class*="ui__btn"]:hover .arrow {background-image: url("/images/ico_in_on_w_pc.svg");-webkit-animation: hoverFade 0.5s;animation: hoverFade 0.5s;}
[class*="ui__btn"] i {margin-left: 10px;}
[class*="ui__btn"][disabled] {color: #999999;border: 1px solid #CFCFD0;background: #E7E7E7;cursor: auto;}
.ui__btn--white .arrow {background-image: url("/images/ico_in_off_pc.svg");}
.ui__btn--white:hover .arrow {background-image: url("/images/ico_in_on_pc.svg");}
table [class*="ui__btn"] {height: 32px;padding: 0 10px;font-size: 1.4rem;}

@media (max-width: 767px) {
	[class*="ui__btn"] {height: 32px;padding: 0 12px;}
	[class*="ui__btn"] .arrow {max-width: 24px;height: 13px;margin-left: 2px;}
	table [class*="ui__btn"] {height: 26px;padding: 0 5px;}
}
@media (max-width: 420px) {
	[class*="ui__btn"] {padding: 0 8px;}
}


/* toggle */
.ui__toggle {position: relative;}
.ui__toggle .ui__toggle-content {display: none;}
.ui__toggle.active .ui__toggle-content {display: block;}


/* modal */
.ui__modal {display: none;}
.ui__modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.6);z-index: 9998;}
.ui__modal-content {position: fixed;top: 50%;left: 50%;display: flex;flex-direction: column;width: 720px;min-height: 130px;padding: 30px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: #fff;border: 1px solid #DADADA;z-index: 9999;}
.ui__modal-content.type-black {width: 360px;padding: 0;}
.ui__modal-content.type-black .ui__modal-header {padding: 12px 20px;background-color: #222;}
.ui__modal-content.type-black .ui__modal-title h3 {font-size: 1.8rem;color: #FFFFFF;}
.ui__modal-content.type-black .ui__icon-close {width: 20px;height: 20px;background-image: url("/images/btn_close_w_small.svg");}
.ui__modal-content.type-black .ui__modal-body {margin: 0;padding: 20px;overflow-y: hidden;}
.ui__modal-header {display: flex;align-items: center;justify-content: space-between;}
.ui__modal-body {margin-top: 20px;margin-bottom: 30px;overflow-y: auto;max-height: 580px;}
.ui__modal-footer {}
.ui__modal-title h3 {font-size: 3.6rem;}
.ui__modal-btns {display: flex;align-items: center;justify-content: center;}
.ui__modal-btns [class*="ui__btn"] {max-width: 150px;height: 48px;}
.ui__modal-btns [class*="ui__btn"] + [class*="ui__btn"] {margin-left: 10px;}
.ui__modal-subtitle h4 {font-size: 2rem;font-weight: 500;}
.ui__modal-open {cursor: pointer;}
.ui__modal-pwd {display: flex;}
.ui__modal-pwd input {flex: 1;}
.ui__modal-pwd [class*="ui__btn"] {max-width: 80px;margin-left: 10px;}

@media (max-width: 1024px) {
	.ui__modal-content {width: 100%;height: 100%;padding: 0;}
	.ui__modal-content.type-black {height: auto;}
	.ui__modal-header {padding: 30px 25px;border-bottom: 1px solid #E7E7E7;}
	.ui__modal-body {margin-top: 0;padding: 30px 25px 0;max-height: none;}
	.ui__modal-footer {padding-bottom: 60px;}
}
@media (max-width: 767px) {
	.ui__modal-content.type-black {width: 320px;}
	.ui__modal-header {padding: 15px 20px;}
	.ui__modal-title h3 {font-size: 2.3rem;}
	.ui__modal-body {padding: 30px 20px 0;}
	.ui__modal-footer {padding-left: 20px;padding-right: 20px;}
	.ui__modal-btns [class*="ui__btn"] {max-width: 100%;height: 40px;}
	.ui__modal-pwd {flex-direction: column;}
	.ui__modal-pwd input {flex: auto;}
	.ui__modal-pwd [class*="ui__btn"] {max-width: 100%;margin-left: 0;margin-top: 10px;}
}


/* dialog */
.ui__dialog {display: none;}
.ui__dialog-content {position: relative;}
.ui-dialog {padding: 30px;background: #fff;border-radius: 10px;box-shadow: 0 3px 10px rgba(0,0,0,0.6);outline: 0;z-index: 99;}
.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.6);z-index: 98;}
.ui-dialog-titlebar {display: none;}
.ui-dialog-buttonset {display: flex;align-items: center;justify-content: center;}
.ui-dialog-buttonset button {width: 80px;height: 40px;margin: 0 5px;font-weight: 500;border: 0;border-radius: 6px;box-shadow: 0px 3px 6px rgba(0,0,0,0.15);}
.ui-dialog-buttonset .btn--primary {color: #fff;background: #383f53;}
.ui-dialog-buttonset .btn--secondary {color: #383f53;background: #d3d5db;}
.ui-dialog-buttonset .btn--tertiary {color: #fff;background: #e64d3e;}


/* tab */
.ui__tab {position: relative;}
.ui__tab-menu {display: flex;align-items: center;border-bottom: 1px solid #B60005;}
.ui__tab-menu .ui__tab-item {position: relative;flex: 1;display: flex;align-items: center;justify-content: center;height: 48px;color: #999;cursor: pointer;border: 1px solid #C1C1C2;border-bottom-color: transparent;background-color: #FFFFFF;text-align: center;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.ui__tab-menu .ui__tab-item.current {border-color: transparent;font-weight: 500;color: #B60005;}
.ui__tab-menu .ui__tab-item.current:after {content: '';position: absolute;bottom: -2px;left: -1px;right: -1px;display: block;width: 100%;height: 100%;border: 1px solid #B60005;border-bottom-color: #FFFFFF;}
.ui__tab2 {position: relative;}
.ui__tab-menu2 {display: flex;align-items: center;border-bottom: 1px solid #B60005;}
.ui__tab-menu2 .ui__tab-item2 {position: relative;flex: 1;display: flex;align-items: center;justify-content: center;height: 48px;color: #999;cursor: pointer;border: 1px solid #C1C1C2;border-bottom-color: transparent;background-color: #FFFFFF;text-align: center;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.ui__tab-menu2 .ui__tab-item2.current {border-color: transparent;font-weight: 500;color: #B60005;}
.ui__tab-menu2 .ui__tab-item2.current:after {content: '';position: absolute;bottom: -2px;left: -1px;right: -1px;display: block;width: 100%;height: 100%;border: 1px solid #B60005;border-bottom-color: #FFFFFF;}
.ui__tab-menu.other-type {border: 1px solid #C1C1C2;border-right: 0;}
.ui__tab-menu.other-type .ui__tab-item {height: 72px;border: 0;border-right: 1px solid #C1C1C2;}
.ui__tab-menu.other-type .ui__tab-item.current {color: #FFFFFF;background-color: #B60005;}
.ui__tab-menu.other-type .ui__tab-item.current:after {display: none;}
.ui__tab-content > .ui__tab-panel {display: none;}
.ui__tab-content > .ui__tab-panel.current {display: block;}
.ui__tab-panel {min-height: 100px;}

@media (max-width: 767px) {
	.ui__tab-menu.other-type {flex-wrap: wrap;align-items: stretch;border-bottom: 0;}
	.ui__tab-menu.other-type .ui__tab-item {flex: 1 0 33%;height: auto;padding: 10px 2px;border-bottom: 1px solid #C1C1C2;}
}


/* dropdown */
[class*="ui__dropdown-btn"] {position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 32px;background: #FFFFFF;border: 1px solid #CFCFD0;}
[class*="ui__dropdown-btn"]:after {content: '';display: flex;width: 20px;height: 20px;margin-left: 20px;background: url("/images/ico_expand_open_pc.svg") no-repeat 0 0;background-size: cover;}
.active [class*="ui__dropdown-btn"] {border-color: #7D7D7D;}
.active [class*="ui__dropdown-btn"]:after {background: url("/images/ico_expand_close_pc.svg") no-repeat 0 0;}
[class*="ui__dropdown-content"] {position: absolute;top: 100%;left: 0;width: 100%;background: #FFFFFF;border: 1px solid #7D7D7D;border-top: 0;z-index: 10;}
[class*="ui__dropdown-content"] > li {display: flex;align-items: center;}
[class*="ui__dropdown-content"] > li:hover {color: #B60005;}
[class*="ui__dropdown-content"] > li * {display: flex;align-items: center;width: 100%;height: 100%;padding: 5px 12px;color: inherit;}
.ui__dropdown-btn--foot {width: 100%;height: 48px;padding: 0 20px;background: #151515;border: 0;color: #C1C1C2;}
.ui__dropdown-content--foot {width: 100%;background: #151515;border: 0;color: #C1C1C2;}
.ui__dropdown-content--foot > li:hover {color: #FFFFFF;background: #000000;}
.ui__dropdown-content--foot > li * {padding: 12px 20px;color: inherit;}


/* radio, checkbox */
.ui__form-btn {position: relative;display: flex;align-items: center;}
.ui__form-btn label {padding-left: 30px;cursor: pointer;}
.ui__form-btn label:before {content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 20px;height: 20px;margin-top: -10px;box-sizing: border-box;background: #FFFFFF;background-size: cover;border: 1px solid #7D7D7D;z-index: 10;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.ui__form-btn input[type="radio"] + label:before {border-radius: 50%;}
.ui__form-btn input[type="radio"]:checked + label:before {background: #FFFFFF url("/images/btn_radio_on.svg") no-repeat center center;border: 0;}
.ui__form-btn input[type="radio"][disabled] + label:before {background: #E7E7E7;}
.ui__form-btn input[type="radio"]:checked[disabled] + label:before {background: url("/images/btn_radio_disable_on.svg") no-repeat center center;border: 0;}
.ui__form-btn input[type="checkbox"] + label:before {border-radius: 0;}
.ui__form-btn input[type="checkbox"]:checked + label:before {background: #FFFFFF url("/images/btn_checkbox_on.svg") no-repeat center center;border: 0;}
.ui__form-btn input[type="checkbox"][disabled] + label:before {background: #E7E7E7;}
.ui__form-btn input[type="checkbox"]:checked[disabled] + label:before {background: url("/images/btn_checkbox_disable_on.svg") no-repeat center center;border: 0;}
.ui__form-btn.no-txt {display: inline-block;}
.ui__form-btn.no-txt label {padding: 10px;}


/* search */
.ui__form-search {display: flex;align-items: center;margin-top: 10px;}
.ui__form-search input[type="text"],
.ui__form-search input[type="password"] {height: 48px;}
.ui__form-search button {max-width: 72px;height: 48px;padding: 0;font-weight: 500;}
.ui__form-search.type-gray {padding: 15px;justify-content: center;background-color: #F5F5F5}
.ui__form-search.type-gray input {max-width: 420px;}

@media (max-width: 767px) {
	.ui__form-search input[type="text"],
	.ui__form-search input[type="password"] {max-width: 100%;height: 40px;}
	.ui__form-search button {max-width: 60px;height: 40px;}
	.ui__form-search.type-gray {padding: 10px;}
}


/* accordion */
.ui__accordion {border-top: 1px solid #B60005;}
.ui__accordion-item {background-color: #FFFFFF;border-bottom: 1px solid #CFCFD0;}
.ui__accordion-item .txt {display: flex;}
.ui__accordion-item .txt p {flex: 1;}
.ui__accordion-item .qa {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin-right: 12px;border-radius: 50%;}
.ui__accordion-item .arrow {display: flex;width: 20px;height:20px;background-image: url("/images/ico_expand_open_pc.svg");background-repeat: no-repeat;background-position: 0 0;}
.ui__accordion-item.active {border-bottom: 0;}
.ui__accordion-item.active .arrow {background-image: url("/images/ico_expand_close_pc.svg");}
.ui__accordion-head {display: flex;align-items: center;justify-content: space-between;height: 60px;padding: 0 20px;cursor: pointer;}
.ui__accordion-head .txt {flex: 1;align-items: center;font-size: 1.8rem;font-weight: 500;}
.ui__accordion-head .qa {color: #7D7D7D;background-color: #E7E7E7;}
.ui__accordion-body {min-height: 150px;padding: 15px 20px;background-color: #F5F5F5}
.ui__accordion-body .qa {color: #FFFFFF;background-color: #B60005;}

@media (max-width: 767px) {
	.ui__accordion-item .qa {font-size: 1.4rem;width: 24px;height: 24px;margin-right: 10px;}
	.ui__accordion-item .arrow {display: none;}
	.ui__accordion-head {height: 44px;padding: 0 10px;}
	.ui__accordion-head .txt {font-size: 1.6rem;}
	.ui__accordion-body {padding: 10px;}
}


/* pagination */
.ui__pagination {display: flex;align-items: center;justify-content: center;}
.ui__pagination a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin: 0 2px;color: #999999;cursor: pointer;}
.ui__pagination a.active {color: #B60005;font-weight: 700;}
.ui__pagination a.arrow {background-repeat: no-repeat;background-position: center center;border: 1px solid #CFCFD0;text-indent: -9999px;}
.ui__pagination a.prev {background-image: url("/images/ico_prev_off_pc.svg");}
.ui__pagination a.next {background-image: url("/images/ico_next_off_pc.svg");}

@media (max-width: 767px) {
	.ui__pagination {width: 100%;}
	.ui__pagination a {width: 32px;height: 32px;margin: 0;}
}


/* icons */
[class*="ui__icon"] {display: flex;align-items: center;justify-content: center;margin: 0;padding: 0;background-repeat: no-repeat;background-position: 0 0;background-size: cover;text-indent: -9999px;color: transparent;}
.ui__icon-more {justify-content: flex-start;color: #7D7D7D;text-indent: 0;}
.ui__icon-more:before {content: '';background-image: url("/images/btn_more_off_pc.svg");background-repeat: no-repeat;background-position: 0 0;background-size: cover;display: inline-block;width: 30px;height: 22px;margin-right: 10px;}
.ui__icon-more:hover:before {background-image: url("/images/btn_more_on_pc.svg");-webkit-animation: hoverFade 0.5s;animation: hoverFade 0.5s;}
.ui__icon-more_2 {justify-content: flex-start;color: #7D7D7D;text-indent: 0;}
.ui__icon-more_2:before {content: '';display: inline-block;width:1px;height: 13px; background-color:#ddd; margin-right: 10px;}

.ui__icon-more_w {justify-content: flex-start;color: #FFFFFF;}
.ui__icon-more_w:before {content: '';background-image: url("/images/btn_more_off_w_pc.svg");background-repeat: no-repeat;background-position: 0 0;background-size: cover;display: inline-block;width: 30px;height: 22px;margin-right: 10px;}
.ui__icon-more_w:hover:before {background-image: url("/images/btn_more_on_w_pc.svg");-webkit-animation: hoverFade 0.5s;animation: hoverFade 0.5s;}
.ui__icon-close {background-image: url("/images/btn_close.svg");width: 48px;height: 48px;}
.ui__icon-subtitle {background-image: url("/images/ico_subtitle_pc.svg");width: 192px;height: 43px;}
.ui__icon-download {background-image: url("/images/ico_download.svg");width: 20px;height: 20px;}
.ui__icon-full {background-image: url("/images/ico_largeview.svg");width: 20px;height: 20px;}
.ui__icon-new {background-image: url("/images/ico_new_pc.svg");width: 20px;height: 20px;}
.ui__icon-lock {background-image: url("/images/ico_lock_pc.svg");width: 20px;height: 20px;}
.ui__icon-calendar {background-image: url("/images/btn_calendar.svg");width: 20px;height: 20px;}
.ui__icon-plus {background-image: url("/images/btn_more.svg");width: 16px;height: 16px;}
.ui__icon-celebration {background-image: url("/images/ico_celebration.svg");width: 60px;height: 60px;}
.ui__icon-ready {background-image: url("/images/ico_ready.svg");width: 60px;height: 60px;}
.ui__icon-award {background-image: url("/images/ico_award.svg");width: 60px;height: 60px;}
.ui__icon-notice {background-image: url("/images/ico_notice.svg");width: 60px;height: 60px;}
.ui__icon-blank {background-image: url("/images/ico_blank.svg");width: 90px;height: 93px;}
.ui__icon-privilege01 {background-image: url("/images/ico_privilege01.svg");width: 80px;height: 80px;}
.ui__icon-privilege02 {background-image: url("/images/ico_privilege02.svg");width: 80px;height: 80px;}
.ui__icon-advantage01 {background-image: url("/images/ico_advantage01.svg");width: 80px;height: 80px;}
.ui__icon-advantage02 {background-image: url("/images/ico_advantage02.svg");width: 80px;height: 80px;}
.ui__icon-advantage03 {background-image: url("/images/ico_advantage03.svg");width: 80px;height: 80px;}
.ui__icon-advantage04 {background-image: url("/images/ico_advantage04.svg");width: 80px;height: 80px;}
.ui__icon-advantage05 {background-image: url("/images/ico_advantage05.svg");width: 80px;height: 80px;}
.ui__icon-advantage06 {background-image: url("/images/ico_advantage06.svg");width: 80px;height: 80px;}
.ui__icon-advantage07 {background-image: url("/images/ico_advantage07.svg");width: 80px;height: 80px;}
.ui__icon-advantage08 {background-image: url("/images/ico_advantage08.svg");width: 80px;height: 80px;}
.ui__icon-ask {background-image: url("/images/ico_ask.svg");width: 40px;height: 40px;}
.ui__icon-info {background-image: url("/images/ico_info_pc.svg");width: 20px;height: 20px;}
.ui__icon-warning {background-image: url("/images/ico_warning_pc.svg");width: 20px;height: 20px;}
.ui__icon-classroom01 {background-image: url("/images/ico_classroom01_off_pc.svg");width: 40px;height: 40px;}
.ui__icon-classroom02 {background-image: url("/images/ico_classroom02_off_pc.svg");width: 40px;height: 40px;}
.ui__icon-classroom03 {background-image: url("/images/ico_classroom03_off_pc.svg");width: 40px;height: 40px;}
.ui__icon-classroom04 {background-image: url("/images/ico_classroom04_off_pc.svg");width: 40px;height: 40px;}
.ui__icon-classroom05 {background-image: url("/images/ico_classroom05_off_pc.svg");width: 40px;height: 40px;}
.ui__icon-classroom06 {background-image: url("/images/ico_classroom06_off_pc.svg");width: 40px;height: 40px;}


@media (max-width: 767px) {
	.ui__icon-more:before {width: 28px;height: 20px; vertical-align:middle;}
	.ui__icon-more_w:before {width: 28px;height: 20px;}
	.ui__icon-close {width: 30px;height: 30px;}
	.ui__icon-subtitle {width: 106px;height: 24px;}
	.ui__icon-new {width: 16px;height: 16px;}
	.ui__icon-lock {width: 16px;height: 16px;}
}


/* state */
.ui__state {display: flex;align-items: center;justify-content: center;width: 90px;height: 32px;border-radius: 20px;font-size: 1.5rem;text-align: center;}
.ui__state.waiting {color: #7D7D7D;background-color: #E7E7E7;}
.ui__state.cancel {color: #FFFFFF;background-color: #B60005;}
.ui__state.complete {color: #FFFFFF;background-color: #000000;}

@media (max-width: 767px) {
	.ui__state {width: 44px;height: 44px;border-radius: 10px;font-size: 1.4rem;}
}


/* slide btn */
.slick-dots {display: flex;align-items: center;justify-content: center;line-height: 1;}
.slick-dots li + li {margin-left: 10px;}
.slick-dots li button {width: 16px;height: 16px;padding: 0;background-color: transparent;border: 1px solid #FFFFFF;border-radius: 50%;text-indent: -9999px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.slick-dots li.slick-active button {width: 36px;background-color: #FFFFFF;border-radius: 8px;}

@media (max-width: 767px) {
	.slick-dots li + li {margin-left: 6px;}
	.slick-dots li button {width: 10px;height: 10px;}
	.slick-dots li.slick-active button {width: 20px;}
}


/* animation */
@-webkit-keyframes hoverFade {
	from {opacity: 0.3;}
	to {opacity: 1;}
}

/* Standard syntax */
@keyframes hoverFade {
	from {opacity: 0.3;}
	to {opacity: 1;}
}