@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* {
    font-family: inherit;
    color: inherit;
    box-sizing: border-box;
    word-break: keep-all;
    margin: 0;
    padding: 0;
}

p {
    word-break: keep-all;
}

.container {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    height: auto;
}

.font--noto {
    font-family: "Noto Sans KR", sans-serif !important;
}

.font--nanum {
    font-family: "NanumSquare", sans-serif !important;
}

.font--roboto {
    font-family: "Roboto", sans-serif !important;
}

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

body {
    height: auto;
}

img {
    max-width: 100%;
}

.for_pc {
    display: block;
}

img.for_pc, em.for_pc {
    display: inline;
}

.for_tablet {
    display: none;
}

.for_mobile {
    display: none;
}

.for_tm {
    display: none;
}

.for_pt {
    display: block;
}

em.for_pt {
    display: inline;
}

img.for_pt {
    display: inline;
}

em {
    font-style: normal;
}

header {
    height: 76px;
    width: 100%;
    background: #fff;
    position: fixed;
}

header .container {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
}

.header__menu {
    float: left;
    width: 100%;
}

.header__menu__wrap {
    display: flex;
    justify-content: space-between;
    float: left;
    width: 60%;
}

.header__menu__item {
    color: #444;
    font-weight: 900;
    font-size: 18px;
    padding: 28px 0;
    letter-spacing: -0.5px;
}

.header__menu__item:hover, .header__menu__item.on {
    box-shadow: inset 0 -4px 0 0 #D600D1
}

.header__menu__button {
    float: right;
    height: 100%;
    padding: 20px 0;
}

.header__menu__button a {
    width: 100px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #D600D1;
    color: #D600D1;
    font-size: 14px;
    font-weight: 500;
    display: block;
    float: left;
    margin-left: 10px;
    line-height: 36px;
    text-align: center;
    transition: 0.2s all;
}

.instr__select__item__desc span {
    color: #fff;
    background-color: black;
}

.header__menu__button a:nth-of-type(3) {
    border: 1px solid #FF6E03;
    color: #fff;
    background: #FF6E03;
    width: 120px;
}

.header__menu__button a:nth-of-type(2) {
    border: 1px solid #E61F83;
    color: #E61F83;
}

.header__menu__button a:hover {
    color: #fff;
    background: #D600D1;
}

.header__menu__button a:nth-of-type(3):hover {
    background: #FF6E03;
}

.header__menu__button a:nth-of-type(2):hover {
    background: #E61F83;
}

.quick__item.header__menu__item {
    padding: 0;
}

.quick__item.header__menu__item:hover, .quick__item.header__menu__item.on {
    box-shadow: none
}

.bg-top {
    background: url("../img/bg2.jpg") no-repeat top center;
    background-size: cover;
}

#cbmc-2022 {
    margin-top: 76px;
}

.sec__title {
    font-size: 50px;
    font-family: "NanumSquare", sans-serif;
    font-weight: 900;
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 9;
    padding: 46px 0;
}

.sec__title::before {
    content: '';
    position: absolute;
    opacity: .3;
    font-size: 150px;
    color: rgba(0, 0, 0, 0);
    font-family: "Roboto", sans-serif;
    -webkit-text-stroke: 1px #FFF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    line-height: 150px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sec__title::before {
        color: #fff;
    }
}

#intro {
    padding: 62px 0 70px 0;
}

.intro__img {
    text-align: center;
}

.intro__date {
    background: #FFFFFF;
    transform: skew(10deg);
    width: 800px;
    height: 60px;
    color: #100201;
    padding: 16px 140px;
    margin: 35px auto 0;
}

.intro__date--left {
    transform: skew(-10deg);
    font-size: 27px;
    font-weight: 900;
    float: left;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 2px solid #FF1ADC;
    line-height: 30px;
}

.intro__date--right {
    transform: skew(-10deg);
    font-size: 30px;
    font-weight: 600;
    float: left;
    line-height: 30px;
}

.intro__iframe {
    width: 800px;
    height: 0;
    position: relative;
    padding-bottom: 43.5%;
    margin: 35px auto 0;
}

.intro__iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.intro__btn {
    width: 480px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-family: "NanumSquare", sans-serif;
    border: 2px solid #FFFFFF;
    border-radius: 70px;
    font-size: 26px;
    font-weight: 600;
    margin: 30px auto 60px;
    background: #D600D1;
}

#about {
    padding-bottom: 105px;
}

.about__title::before {
    content: 'ABOUT';
}

.about__desc {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    padding-top: 10px;
    text-align: center;
}

.about__desc span {
    font-weight: 500;
}

.about__desc strong {
    font-size: 22px;
    font-weight: 600;
    color: #FCFFB7;
    display: inline-block;
    padding-top: 10px;
}

.about__items {
    padding-top: 35px;
    display: flex;
    justify-content: space-between;
    max-width: 870px;
    margin: 0 auto;
}

.about__item {
    max-width: 270px;
    width: 100%;
    background: #fff;
    padding-bottom: 25px
}

.about__item__day {
    background: #000000;
    color: #fff;
    height: 45px;
    padding: 15px 0;
    position: relative;
    text-align: center;
}

/*.about__item__day::before{content: '';position: absolute;width: 2px; heiiight: 15px;background: #D600D1;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
/*.about__item__day--2::before{background: #FF6E03;}*/
/*.about__item__day--3::before{background: #E61F83;}*/
.about__item__day__text {
    font-size: 20px;
    display: inline-block;
    padding-right: 15px;
    margin-right: 12px;
    border-right: 2px solid #D600D1;
    line-height: 15px;
}

.about__item__day--2 .about__item__day__text {
    border-right: 2px solid #FF6E03;
}

.about__item__day--3 .about__item__day__text {
    border-right: 2px solid #E61F83;
}

.about__item__day__date {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    line-height: 15px;
}

.about__item__content {
    text-align: center;
    margin: 0 18px;
}

.about__item__content__title {
    padding: 10px 0 10px;
    color: #D600D1;
    font-size: 48px;
    font-weight: 600;
    border-bottom: 2px solid #E9E9E9;
    margin: 0 0 15px;
    display: flex;
    flex-direction: column;
    height: 130px;
}

.about__item__content__title--2 {
    color: #FF6E03;
}

.about__item__content__title--3 {
    color: #E61F83
}

.about__item__content__title span {
    font-size: 15px;
    font-weight: 500;
    color: #444;
    padding-top: 5px;
}

.about__item__content__title strong {
    display: inline-block;
    width: 100%;
}

.about__item__content__desc {
    font-size: 14px;
    color: #666;
    word-break: keep-all;
}

.about__item__content__desc span {
    font-weight: 500;
    color: #444;
}

#schedule {
    padding-bottom: 75px;
}

.schedule__title::before {
    content: 'SCHEDULE';
    color: #fff;
}

.schedule__items {
    padding-top: 25px;
}

.schedule__item {
    width: 100%;
    padding: 30px 0 40px;
    background: #fff;
    margin-bottom: 30px;
    overflow: hidden;
}

.schedule__item:last-child {
    margin-bottom: 0;
}

.schedule__item__day {
    width: 380px;
    height: 60px;
    transform: skew(10deg);
    background: #D600D1;
    padding: 17px 10px 0 70px;
    margin-left: -10px;
    margin-bottom: 28px;
    font-size: 28px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}

.schedule__item__day--2 {
    background: #FF6E03;
}

.schedule__item__day--3 {
    background: #E61F83;
}

.schedule__item__day > * {
    transform: skew(-10deg);
}

.schedule__item__day__date {
    float: left;
    padding-right: 17px;
    margin-right: 17px;
    border-right: 2px solid #fff;
}

.schedule__item__day__text {
    float: left;
}

.schedule__item__day span {
    font-size: 18px;
    font-weight: 400;
}

.schedule__item__content {
    padding: 0 20px 0 60px;
}

.schedule__item__time {
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #ADADAD;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    float: left;
}

.schedule__item__li {
    padding-bottom: 11px;
}

.schedule__item__li:last-child {
    padding-bottom: 0;
}

.schedule__item__task {
    float: left;
    font-size: 20px;
    padding-top: 1px;
    letter-spacing: -0.5px;
}

.schedule__item__task__purpose {
    float: left;
    font-weight: 600;
    color: #444;
    padding: 0 10px 0 20px;
    line-height: 35px;
}

.schedule__item__task__purpose span {
    font-weight: 400;
}

.schedule__item__task__do {
    float: left;
    color: #666;
    line-height: 35px;
}

.schedule__task__do__span--1 {
    color: #D600D1;
}

.schedule__task__do__span--2 {
    color: #FF6E03;
}

.schedule__task__do__span--3 {
    color: #E61F83;
}

.schedule__item__task__purpose--only-line {
    width: 100%;
}

#instructor {
    padding-bottom: 150px;
}

.instr__title::before {
    content: 'INSTRUCTOR';
}

.instr__item {
    float: left;
    width: 50%;
    min-height: 442px;
}

/*.instr__item:nth-of-type(n+3){min-height: auto;}*/
.instr__item {
    min-height: auto !important;
}

.instr__item:nth-of-type(2n) {
    float: right;
}

.instr__desc {
    text-align: center;
    color: #fff;
    padding-top: 10px;
    width: 100%;
}

.instr__desc__name {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 5px;
}

.instr__desc__name span {
    font-size: 18px;
}

.instr__desc__history {
    font-size: 16px;
}

.instr__select__title {
    margin-top: 60px;
    background: #ec880e;
    transform: skew(10deg) !important;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.instr__select__title > * {
    transform: skew(-10deg);
}

.instr__select__items {
}

.instr__select__item {
    color: #fff;
    padding-top: 40px;
    width: 50%;
    float: left;
}

.instr__select__item__img {
    float: left;
    padding-right: 20px;
}

.instr__select__item__wrap {
    float: left;
}

.instr__select__item__name {
    font-size: 24px;
    font-weight: 600;
    padding-top: 10px;
}

.instr__select__item__name span {
    font-size: 18px;
    font-weight: 400;
}

.instr__select__item__desc {
    font-size: 18px;
    font-weight: 500;
    padding-top: 30px;
}

#guide {
    background: #333;
    padding: 80px 0 150px;
}

.guide__title::before {
    /*content: 'GUIDE';*/
    content: 'LECTURE';
    color: #fff;
}

.guide__wrap {
    padding-top: 30px;
}

.guide__way {
    padding: 20px 60px 50px;
    background: #fff;
    overflow: hidden;
}

.guide__way--1 {
    margin-bottom: 40px;
}

.guide__way__notice {
    width: 360px;
    height: 60px;
    transform: skew(10deg);
    background: #D600D1;
    padding: 19px 10px 0 70px;
    margin-left: -70px;
    margin-bottom: 28px;
    font-size: 26px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    position: relative;
}

.guide__way__notice--2 {
    background: #A03794;
}

.guide__way__notice--2::after {
    /*content: '강의별 100명 선착순 마감';*/
    content: '';
    display: inline-block;
    transform: skew(-10deg);
    float: left;
    position: absolute;
    width: 100%;
    color: #A03794;
    right: -390px;
}

.guide__way__notice > * {
    transform: skew(-10deg);
    display: inline-block;
}

.guide__way__notice span {
    font-weight: 400;
}

.guide__way__top {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #E9E9E9;
}

.guide__way__top--2 {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.guide__way__top__head {
    margin-bottom: 23px;
}

.guide__way__top__head:last-child {
    margin-bottom: 0;
}

.guide__way__top__text {
    font-size: 20px;
    font-weight: bold;
    color: #D600D1;
    min-width: 84px;
    display: inline-block;
    float: left;
}

.guide__way__top__text--2 {
    color: #A03794;
}

.guide__way__top__content {
    float: left;
    color: #444;
    font-size: 16px;
    font-weight: 400;
}

.guide__way__top__content strong {
    color: #222;
    font-size: 20px;
    padding: 0 .5px;
}

.guide__way__top__content p {
    padding-bottom: 15px;
    line-height: 29px;
}

.guide__way__top__content p:last-child {
    padding-bottom: 0;
}

.guide__way__top__content p strong {
    font-size: 16px;
}

.guide__way__top__content--name {
    font-size: 14px;
}

.guide__way__top__num {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #A03794;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    margin-right: 3px;
}

.guide__way__bottom {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.guide__way__bottom:last-child {
    margin-bottom: 0;
}

.guide__way__bottom__img {
    float: left;
}

.guide__way__bottom__content {
    float: left;
    font-size: 18px;
    color: #666;
    padding-left: 38px;
}

.guide__way__bottom__content--2 {
    padding-left: 84px;
}

.guide__way__bottom__content strong {
    font-size: 20px;
    color: #222;
}

.guide__way__bottom__content--small {
    font-size: 14px;
    padding-top: 10px;
}

.guide__way__bottom__content--small p {
    line-height: 14px;
    padding-bottom: 11px;
}

.guide__way__bottom__content--small p:last-child {
    padding-bottom: 0;
}

.guide__way__bottom__content--small span {
    font-size: 16px;
    color: #EE5B4D;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

.guide__way__bottom__content--small strong {
    font-size: 14px;
    color: #666;
}

.guide__thanks {
    width: 100%;
    margin-top: 30px;
}

.guide__thanks__wrap {
    display: flex;
    padding: 30px 60px;
    position: relative;
    background: url("../img/cbmc_bg.png") no-repeat top center;
    background-size: cover;
}

.guide__btn {
    width: 300px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-family: "NanumSquare", sans-serif;
    border: 2px solid #FFFFFF;
    border-radius: 70px;
    font-size: 26px;
    font-weight: 600;
}

.guide__btn--1 {
    margin: 30px auto 60px;
    background: #D600D1;
}

.guide__btn--2 {
    margin: 30px auto 0;
    background: #EC880E;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 1px;
}

.guide__text--thanks {
    font-size: 24px;
    color: #222;
    text-align: left;
    padding: 5px 0 0 25px;
}

.guide__text--thanks strong span {
    color: #003E92;
}

.guide__thanks__bank {
    background-color: #003E92;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    line-height: 34px;
}

.guide__thanks__bank span {
    font-weight: 500;
}

.guide__thanks__bank strong {
    color: #B1D6FF;
}

#prayer {
    background: url("../img/prayer-bg.png") no-repeat top center;
    padding: 70px 0 150px;
    background-size: cover;
}

#prayer .container {
    max-width: 1185px;
}

.prayer__title::before {
    content: 'PRAYER';
}

.booth__title::before{
    content: 'PARTICIPATE';
}

.booth__title_dd::before{
    content: 'HOTEL INFO';
}

.prayer__sub__title {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding-bottom: 50px;
    line-height: 26px;
}

.slide__top {
    background: #000;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 0 11px;
}

.slide__top--left {
    float: left
}

.slide__top--right {
    float: right;
}

.slide__content {
    background: #fff;
    padding: 25px 10px;
    font-size: 22px;
    font-weight: 600;
    color: #868686;
    text-align: center;
}

#prayer .swiper-slide.on .slide__top {
    font-weight: 600;
    color: #FFFA80;
}

#prayer .swiper-slide.on .slide__content {
    color: #FF6E03;
}

.prayer__button {
    width: fit-content;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 80px auto 0;
}

.prayer__button--left {
    margin-right: 40px;
    background: #D600D1;
}

.prayer__button--right {
    background: #EC880E;
}

#prayer .swiper-button-next {
    background: url("../img/right_arrow.png") no-repeat top center;
    width: 30px;
    height: 60px;
    opacity: 1;
    background-size: cover;
    top: 57%;
    left: 101.5%;
}

#prayer .swiper-button-prev {
    background: url("../img/right_arrow.png") no-repeat top center;
    width: 30px;
    height: 60px;
    opacity: 1;
    transform: rotate(180deg);
    background-size: cover;
    top: 57%;
    left: -4%;
}

#prayer .swiper-button-next:hover {
    background: url("../img/hover_right_arrow.png") no-repeat top center;
    background-size: cover;
}

#prayer .swiper-button-prev:hover {
    background: url("../img/hover_right_arrow.png") no-repeat top center;
    background-size: cover;
}

@media only screen and (max-width: 1350px) {
    #prayer .swiper-container {
        padding: 0 13px;
    }
}

#sponsor {
    background: #656565;
    padding: 80px 0 100px;
}

.sponsor__title::before {
    content: 'SPONSOR';
    color: #fff;
}

.sponsor__items {
    margin-top: 60px;
}

.sponsor__item {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-top: 40px;
}

.sponsor__item:nth-of-type(2n) {
    margin-right: 0;
    float: left;
}

.sponsor__item:nth-of-type(1), .sponsor__item:nth-of-type(2) {
    margin-top: 0;
}

.sponsor__item a {
    display: inline-block;
}

.sponsor__item img {
    width: 100%;
}

/*#sponsor .swiper-container{max-width: 895px;margin-top: 30px;}*/
/*#sponsor .swiper-pagination{width: 100%;margin-top: 25px;}*/
/*#sponsor .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;background: #C6C6C6;margin-left: 12px;}*/
/*#sponsor .swiper-pagination-bullet:first-child{margin-left: 0;}*/
/*#sponsor .swiper-pagination-bullet-active{background: #EC880E}*/
/*#sponsor .swiper-button-next{background: url("../img/right_arrow.png") no-repeat top center;width: 50px;height: 100px;opacity: 1;background-size: cover;top: 63%;left: 97%;}*/
/*#sponsor .swiper-button-prev{background: url("../img/right_arrow.png") no-repeat top center;width: 50px;height: 100px;opacity: 1;transform: rotate(180deg);background-size: cover;top: 63%;left: -2%;}*/
/*#sponsor .swiper-button-next:hover{background: url("../img/hover_right_arrow.png") no-repeat top center;background-size: cover;}*/
/*#sponsor .swiper-button-prev:hover{background: url("../img/hover_right_arrow.png") no-repeat top center;background-size: cover;}*/

footer {
    width: 100%;
    height: 80px;
    background: #333;
    line-height: 80px;
}

footer .copyright {
    color: #fff;
    float: left;
    font-size: 16px;
}

footer .phone {
    float: right;
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

footer .phone strong {
    font-size: 20px;
    font-weight: 600;
}

.registration-info {
    background: rgb(129, 175, 197);
    padding: 60px 0 200px;
    font-family: Pretendard, 'Noto Sans KR', 'NanumGothic', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.registration-info .container {
    max-width: 1140px;
}

.registration-form {
    background: url("../../../theme/basic/img/page/about_cbmc_sec04_bg.png") no-repeat top center;
    background-size: cover;
    padding: 60px 0 200px;
}

.registration-form__line {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.registration-form__label {
    display: block;
    min-width: 120px;
    max-width: 120px;
    font-size: 17px;
    font-weight: 500;
}

.registration-form__input {
    height: 40px;
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    padding: 0 10px;
    width: 100%;
    font-size: 16px;
}

.registration-form__select {
    height: 40px;
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 16px;
}

.registration-form__text {
    font-size: 17px;
    font-weight: 500;
}

.purchase-form {
    background: url("../../../theme/basic/img/page/about_cbmc_sec04_bg.png") no-repeat top center;
    background-size: cover;
    padding: 60px 0 200px;
}

.purchase-form__line {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.purchase-form__label {
    display: block;
    min-width: 120px;
    max-width: 120px;
    font-size: 17px;
    font-weight: 500;
}

.purchase-form__input {
    height: 40px;
    border: 1px solid #9b9b9b;
    border-radius: 3px;
    padding: 0 10px;
    width: 100%;
    font-size: 16px;
}

.purchase-form__text {
    font-size: 17px;
    font-weight: 500;
}

.purchase-form__notice {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}

button {
    width: 150px;
    height: 50px;
    border-radius: 3px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #90ab87;
}

.footer {
    background-color: #fff;
}

.footer .f_l {
    float: left;
}

.footer .f_r {
    float: right;
}

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

.footer .container {
    padding: 40px 0 50px;
}

.footer .logo_container {
    width: 195px;
}

.footer .logo_container img {
    width: 100%;
}

.footer .top {
    padding-bottom: 20px;
    border-bottom: 1px solid #B8B8B8;
}

.footer .top .right {
    padding-top: 10px;
}

.footer .top .right span {
    margin-left: 20px;
}

.footer .top .right span a {
    color: #666;
    font-size: 16px;
    font-family: "Noto Sans KR", sans-serif;
}

.footer .top .right span a:hover {
    color: #EE5B4D;
}

.footer .bottom {
    padding-top: 24px;
}

.footer .bottom .line {
    line-height: 25px;
}

.footer .bottom .category_text {
    color: #004B85;
    font-weight: 500;
    padding-right: 7px;
    font-size: 16px;
}

.footer .bottom span {
    font-size: 14px;
    color: #666666;
    font-family: "Noto Sans KR", serif;
    padding-right: 15px;
}

.footer .bottom .left {
    width: 100%;
}

.footer .bottom .right .select_wrap {
    padding-top: 12px;
}

.footer .bottom .right .select_wrap select {
}

.footer .bottom .right .select_wrap select option {
    padding: 10px 0;
}

.footer .bottom .right .select_wrap select::-ms-expand {
    display: none;
}

.footer__business-info {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
}

.registration-info__item--mobile {
    display: none;
}

.registration-info__title {
    font-size: 50px;
    font-family: Pretendard, sans-serif;
    font-weight: 800;
    position: relative;
    text-align: center;
    color: #353944;
    z-index: 9;
    padding: 46px 0;
    letter-spacing: -1.33px;
}

.registration-info__title::before {
    content: 'REGISTER';
    position: absolute;
    opacity: .35;
    font-size: 150px;
    color: rgba(0, 0, 0, 0);
    font-family: "Roboto", sans-serif;
    -webkit-text-stroke: 2px #FFF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    line-height: 150px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .registration-info__title::before {
        color: #fff;
    }
}

.registration-info__box {
    font-family: Pretendard, sans-serif;
    margin-top: 50px;
    padding: 80px 73px;
    background: rgb(239, 239, 239);
}

.registration-info__item-title {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: #325bba;
    transform: skew(20deg);
}

.registration-info__item-title span {
    display: block;
    transform: skew(-20deg);
    font-size: 27px;
    color: #fff;
    font-weight: 600;
}

.registration-info__content-box {
    display: -ms-grid;
    display: grid;
    padding: 60px 25px 55px;
    grid-column-gap: 25px;
}

.registration-info__content-box--rows-2 {
    padding: 60px 200px 55px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 45px;
}

.registration-info__content-box--rows-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.registration-info__content-box--rows-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.registration-info__content {
    width: 100%;
}

.registration-info__category {
    display: flex;
    align-items: center;
}

.registration-info__category--pdt-20 {
    padding-bottom: 20px;
}

.registration-info__category--pdt-25 {
    padding-bottom: 25px;
}

.registration-info__category--pdt-45 {
    padding-bottom: 45px;
}

.registration-info__line {
    margin-left: 9px;
    width: 100%;
    height: 3px;
}

.registration-info__line--blue {
    background: #3d76c4;
}

.registration-info__line--yellow {
    background: #c29734;
}

.registration-info__line--black {
    background: #8898bd;
}

.registration-info__category-content {
    display: flex;
    font-size: 37px;
    color: #222;
    letter-spacing: -1.67px;
    font-family: "NanumSquare", sans-serif;
    font-weight: 800;
}

.registration-info__category-content--korean {
    font-size: 32px;
    letter-spacing: normal;
    font-weight: 400;
}

.registration-info__category-content span {
    display: block;
    letter-spacing: normal;
    font-weight: 400;
    font-size: 16px;
    font-family: Pretendard, sans-serif;
    padding-left: 10px;
}

.registration-info__category-main {
    line-height: 37px;
}

.registration-info__category-content span.date {
    color: #77778a;
    font-weight: 600;
}

.registration-info__category-content strong {
    color: #464748;
    font-weight: 800;
}

.registration-info__text-line {
    font-size: 19px;
    font-weight: 600;
    white-space: nowrap;
}

.registration-info__text-line--big {
    font-size: 21px;
}

.registration-info__text-line--blue {
    color: #3d76c4;
}

.registration-info__text-line--yellow {
    color: #c29734;
}

.registration-info__text-line--black {
    color: #353944;
}

.registration-info__more-item {
    margin-top: 18px;
    border-top: 1px solid #cecfd6;
    width: 100%;
    padding-top: 18px;
}

.registration-info__category-sub {
    font-size: 15px;
    color: #77778a;
    font-family: Pretendard, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    padding-top: 14px;
}


.registration-info__cancel {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
    margin: -27px 24px 50px;
    border-top: 1px solid #cecfd6;
}

.registration-info__title--cancel {
    position: relative;
    font-size: 16px;
    color: #325bba;
    padding-left: 30px;
    margin-right: 15px;
    align-items: center;
}

.registration-info__title--cancel:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 25px;
    height: 5px;
    background: #325bba;
}

.registration-info__caption {
    margin-top: 0;
    margin-bottom: -25px;
}

.registration-info__content--cancel {
    color: #77778a;
}

.registration-info__notice-box {
    background: #dedfe3;
    padding: 30px 30px 40px;
}

.registration-info__notice {
    display: flex;
    margin-bottom: 10px;
}

.registration-info__number {
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #404c52;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 25px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.registration-info__content--notice {
    display: flex;
    align-items: center;
    font-size: 19px;
    color: #444;
    font-weight: 600;
}

.registration-info__btn-box {
    display: flex;
    width: 100%;
    padding-top: 10px;
    justify-content: center;
}

.registration-info__btn {
    width: 245px;
    height: 42px;
    background: #737c8e;
    margin-left: 10px;
    font-size: 21px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}

.registration-info__btn-medium {
    font-weight: 500;
}

.registration-info__btn-regular {
    font-weight: 400;
}

.registration-info__submit {
    display: flex;
    width: 364px;
    height: 60px;
    align-items: center;
    justify-content: space-around;
    border-radius: 30px;
    background-color: #353944;
    margin: 60px auto 0;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.registration-info__item-title span {
    display: flex;
}
.registration-info__item-title--light {
    font-weight: 300;
    font-size: 27px;
    color: #fff;
}

.registration-info__content-box--option {
    display: flex;
    justify-content: flex-start;
}

.registration-info__content-box--form {
    padding: 60px 70px 50px;
}

.registration-info__label {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    min-width: 145px;
}

.registration-info__label--small {
    min-width: 94px;
}

.registration-info__flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 35px;
}

.registration-info__flex-row.flex-d-c {
    flex-direction: column;
    align-items: start;
    justify-content: stretch;
}

.registration-info__flex-row:last-child {
    padding-bottom: 0;
}

.registration-info__form-box {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 500;
    color: #325bba;
}

.registration-info__form-box--no-label {
    margin: 20px 0 0 125px;
    border-top: 1px solid #cecfd6;
    padding-top: 20px;
    width: calc(100% - 125px);

}

.registration-info__form-box select {
    width: 270px;
    height: 40px;
    border: 2px solid #325bba;
    background: #efefef;
    padding: 0 6px;
}

.registration-info__input {
    width: 270px;
    height: 40px;
    border: 2px solid #325bba;
    background: #efefef;
    padding: 0 12px;
}

.registration-info__input--small {
    width: 150px;
}

.registration-info__input--tiny {
    width: 80px;
}

.registration-info__form-box input:placeholder-shown {
    border: 2px solid #cacbcd;
    background: #e6e6e6;
}

.registration-info__form-box .registration-info__input[disabled] {
    background: #a1a1a1;
}

.registration-info__form-box .registration-info__option {
    padding-bottom: 0;
    padding-left: 30px;
}

.registration-info__form-box .registration-info__option--no-left {
    padding-left: 0;
}

.registration-info__option-box {
    display: flex;
}

.registration-info__option {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    font-size: 24px;
    letter-spacing: -1px;
    color: #222;
}

.registration-info__option:last-child {
    padding-bottom: 0;
}

.registration-info__option input[type='radio'] {
    display: none;
}

.registration-info__radio-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.registration-info__radio-label:before {
    content: '';
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background: #cacbcd;
    border-radius: 50%;
    left: 0;
    top: 3px;
}

input[type=radio]:checked + .registration-info__radio-label::after {
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    background: #325bba;
    border-radius: 50%;
    left: 5px;
    top: 8px;
}

.registration-info__option strong {
    margin-right: 5px;
}

.registration-info__hyphen {
    width: 10px;
    height: 2px;
    background-color: #325bba;
    margin: 0 12px;
}

.registration-info__content-box--children {
    padding: 60px 10px 50px;
}

.registration-info__children-box {
    margin-top: 60px;
}

.registration-info__children-box:first-child {
    margin-top: 0;
}

.registration-info__content-box--children .outline {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #c29734;
    padding-bottom: 35px;
}

.registration-info__content-box--children .outline .number {
    padding-right: 10px;
    min-width: 65px;
}

.registration-info__content-box--children .outline .line {
    width: 100%;
    height: 3px;
    background-color: #c29734;
}

.registration-info__children {
    padding: 0 20px 0 49px;
}

.registration-info__cancel--sub {
    border-top: 0;
    margin: 0 0 0 20px;
    padding: 0;
    align-items: center;
}

.registration-info__cancel--sub input {
    font-size: 21px;
}

.registration-info__children-box--button {
    display: flex;
    width: 100%;
    border-top: 2px solid #cecfd6;
    margin-top: 40px;
    padding-top: 20px;
    justify-content: flex-end;
}

.registration-info__btn--small-box {
    width: 170px;
}

.payment__box {
    background: #dedfe3;
    padding: 70px 20px;
    text-align: center;
    border-top: 3px solid #325bba;
}

.payment__main-title {
    font-size: 48px;
    color: #293d88;
    letter-spacing: -1.68px;
    line-height: 1;
    padding-bottom: 25px;
}

.payment__main-description {
    font-size: 19px;
    line-height: 1.42;
    font-weight: 600;
    color: #444;
}

.payment__main-description strong {
    color: #222;
}

.payment__item-box {
    padding-top: 40px;
    width: 100%;
    max-width: 605px;
    margin: 0 auto;
}

.payment__item-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #737c8e;
    margin: 0 auto;
    transform: skew(20deg);
}

.payment__item-title div {
    display: block;
    transform: skew(-20deg);
    font-size: 21px;
    color: #fff;
    font-weight: 600;
}

.payment__item-title span {
    font-weight: 400;
}

.payment__content-box {
    padding: 30px 45px;
    display: grid;
    grid-template-columns: auto auto;
    margin-top: -10px;
}

.payment__content-box--price {
    display: flex;
    justify-content: center;
}

.payment__content {
    margin-top: 10px;
}

.payment__content-box--result {
    display: block;
    padding-bottom: 0;
}

.payment__content-option {
    position: relative;
    padding-left: 35px;
    font-size: 19px;
    font-weight: 600;
    color: #444;
    text-align: left;
}

.payment__content-option::before {
    display: block;
    content: '';
    position: absolute;
    width: 25px;
    height: 5px;
    background: #325bba;
    left: 0;
    top: 7px;
}

.payment__content-option--result {
    padding-left: 0;
    text-align: center;
}

.payment__content-option--result::before {
    content: none;
}

.result__bank-img {
    display: block;
    margin: 20px auto 30px;
}

.payment__content-price {
    font-size: 48px;
    color: #444;
    font-weight: 300;
}

.payment__content-price span {
    color: #325bba;
    font-weight: 800;
}

.registration-info__submit--payment {
    margin: 20px auto 0;
}

.payment__method {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

.registration-info__option--payment {
    font-size: 32px;
    padding-bottom: 0;
    letter-spacing: -1.4px;
}

.registration-info__option--payment:first-child {
    padding-right: 30px;
}

.payment__refund {
    margin-top: 44px;
    padding: 33px 0 30px;
    border-top: 3px solid #cecfd6;
}

.refund__item-box {
    padding-top: 22px;
}

.refund__title {
    position: relative;
    font-size: 21px;
    color: #325bba;
    font-weight: 600;
    padding-left: 35px;
}

.refund__title:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 5px;
    background-color: #325bba;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.refund__item {
    position: relative;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    color: #77778a;
    padding: 0 0 12px 24px;
}

.refund__item:last-child {
    padding-bottom: 0;
}

.refund__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #9494a5;
}

@media only screen and (max-width: 1200px) {
    [data-aos] {
        transition-delay: 0s !important;
    }

    .for_pc, img.for_pc, em.for_pc {
        display: none;
    }

    .for_tablet {
        display: block;
    }

    img.for_tablet {
        display: inline;
    }

    .for_tm {
        display: block;
    }

    img.for_tm {
        display: inline;
    }

    .bg-top {
        background: url("../img/bg2_mobile.jpg") no-repeat top center;
        background-size: cover;
    }

    #cbmc-2022 {
        margin-top: 60px;
    }

    .hide_menu_black {
        width: 100%;
        height: 100%;
        position: fixed;
        left: -100%;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: 0s all;
        display: block;
        opacity: 1;
        z-index: 99
    }

    .hide_menu_black.on {
        left: 0;
    }

    header {
        height: 60px;
        position: fixed;
    }

    .header__menu {
        position: relative;
        z-index: 9999;
    }

    .header__open__icon {
        max-width: 26px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .header__menu__button {
        padding: 12px 0;
    }

    .hide_menu {
        position: fixed;
        top: 0;
        left: -492px;
        width: 100%;
        max-width: 492px;
        height: 100%;
        background-color: #D600D1;
        padding: 0;
        transition: 0.3s all;
        z-index: 9999;
    }

    .hide_menu.on {
        left: 0;
    }

    .hide_menu .header__menu__item a {
        font-size: 24px;
        color: #fff;
    }

    .hide_menu a:hover {
        color: #fff;
    }

    .header__menu__top {
        width: 100%;
        height: 60px;
        background: #fff;
        line-height: 60px;
        padding: 0 20px;
        margin-bottom: 45px;
    }

    .header__menu__top img {
        max-width: 20.5px;
    }

    .header__menu__item {
        padding: 9px 20px;
    }

    .intro__date {
        width: 100%;
        height: 50px;
        padding: 10px 0;
        text-align: center;
        max-width: 700px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 50px auto 0;
    }



    .intro__date--flex {
        width: auto;
        display: table;
    }

    .intro__date--left {
        font-size: 23px;
        line-height: 20px;
    }

    .intro__date--right {
        font-size: 24px;
        line-height: 20px;
    }

    .intro__iframe {
        width: 100%;
        max-width: 700px;
        padding-bottom: 56.35%;
        margin-top: 80px;
    }

    .intro__btn {
        width: 400px;
        height: 60px;
        font-size: 22px;
        line-height: 60px;
        margin: 30px auto 50px;
    }

    .sec__title {
        font-size: 48px;
        padding: 25px 0;
    }

    .sec__title::before {
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -4px;
    }

    #about {
        padding-bottom: 70px;
    }

    .about__items {
        display: block;
        padding-top: 25px;
    }

    .about__item {
        max-width: 525px;
        width: 100%;
        margin: 30px auto 0;
        height: auto;
        max-height: 100%;
        padding-bottom: 35px;
    }

    .about__item:first-child {
        margin-top: 0;
    }

    .about__item__day {
        padding: 15px 0;
    }

    .about__desc {
        font-size: 16px;
        padding-top: 20px;
    }

    .about__desc strong {
        font-size: 18px;
    }

    .about__item__content__title {
        padding: 25px 0 20px;
        margin: 0 0 30px;
        height: auto
    }

    .about__item__content__title strong {
        margin-bottom: 5px
    }

    .schedule__item__day {
        width: 330px;
        height: 46px;
        padding: 11px 10px 0 40px;
        font-size: 24px;
    }

    .schedule__item__day span {
        font-size: 16px;
    }

    .schedule__item__time {
        min-width: 150px;
        width: 150px;
        height: 36px;
        font-size: 18px;
    }

    .schedule__item__li {
        display: flex;
    }

    .schedule__item__task {
        font-size: 18px;
        letter-spacing: -0.7px;
    }

    .schedule__item__task__do {
        padding-left: 13px;
    }

    .schedule__item__content {
        padding: 0 40px;
    }

    .schedule__item__task__purpose {
        padding: 0 0 0 13px;
    }

    #instructor {
        padding-bottom: 100px;
    }

    .instr__item {
        min-height: 420px;
    }

    .instr__desc__name {
        font-size: 22px;
    }

    .instr__desc__name span {
        font-size: 16px;
    }

    .instr__desc__history {
        font-size: 14px;
    }

    .instr__select__title {
        background: none;
        transform: skew(0) !important;
    }

    .instr__select__title div {
        background: #ec880e;
        transform: skew(10deg);
    }

    .instr__select__title div span {
        transform: skew(-10deg);
        display: block;
    }

    .instr__select__item {
        text-align: center;
        padding-top: 27px;
        height: 340px;
    }

    .instr__select__item__img {
        float: none;
        display: inline;
        text-align: center;
        padding-right: 0;
    }

    .instr__select__item__wrap {
        width: 100%;
    }

    .instr__select__item__name {
        font-size: 22px;
    }

    .instr__select__item__name span {
        font-size: 16px;
    }

    .instr__select__item__desc {
        font-size: 16px;
        padding-top: 15px;
    }

    #guide {
        padding: 60px 0 100px;
    }

    .guide__way__notice {
        width: 300px;
        height: 46px;
        padding: 12px 10px 0 50px;
        font-size: 22px;
        margin-left: -45px;
        margin-bottom: 25px;
    }

    .guide__way__notice--2::after {
        font-size: 20px;
        right: -315px;
    }

    .guide__way__top__text {
        min-width: 80px;
        font-size: 18px;
    }

    .guide__way__top__content {
        font-size: 14px;
    }

    .guide__way__top__content strong {
        font-size: 18px;
    }

    .guide__way__top__content--left {
        float: left;
    }

    .guide__way__top__content--right {
        float: left;
    }

    .guide__way__top__content--name {
        font-size: 13px;
    }

    .guide__way__top__content p {
        line-height: 20px;
        padding-bottom: 10px;
        display: flex;
    }

    .guide__way__top__content p strong {
        font-size: 17px;
    }

    .guide__way__bottom__content {
        font-size: 14px;
        padding-left: 20px;
    }

    .guide__way__bottom__content--2 {
        padding-left: 0;
    }

    .guide__way__bottom__content strong {
        font-size: 16px;
    }

    .guide__way__bottom__content--small {
        font-size: 12px;
    }

    .guide__way__bottom__content--small span {
        font-size: 14px;
    }

    .guide__way__bottom__content--small strong {
        font-size: 12px;
    }

    .guide__way__bottom__content--small p {
        line-height: 19px;
        padding-bottom: 2px;
    }

    .guide__way__bottom__img {
        max-width: 140px;
    }

    .guide__way__bottom {
        margin-bottom: 15px;
    }

    .guide__way {
        padding: 25px 40px 40px;
    }

    .guide__way--1 {
        margin-bottom: 20px;
    }

    .guide__way__top__head {
        margin-bottom: 20px;
        display: flex;
    }

    .guide__way__top__head--2 {
        display: flex;
    }

    .guide__way__top__num {
        margin-right: 8px;
    }

    .guide__thanks__wrap {
        padding: 34px 37px;
    }

    .guide__img--thanks {
        max-width: 120px;
    }

    .guide__btn {
        width: 240px;
        height: 60px;
        font-size: 22px;
        line-height: 60px;
    }

    .guide__btn--1 {
        margin: 30px auto 50px;
    }

    .guide__btn--2 {
        margin: 30px auto 0;
    }

    .guide__text--thanks {
        font-size: 18px;
        padding-bottom: 0;
        padding-top: 5px;
    }

    .guide__thanks__bank {
        font-size: 18px;
        line-height: 26px;
        padding: 13px 0;
    }

    #prayer {
        padding: 60px 0 100px;
    }

    .slide__content {
        font-size: 18px;
        padding: 20px 10px;
        letter-spacing: -1px;
    }

    .prayer__button {
        margin: 40px auto 0;
    }

    #prayer .swiper-container {
        max-width: 82%;
        padding: 0;
    }

    #prayer .swiper-button-prev {
        left: 5%;
        top: 58%;
    }

    #prayer .swiper-button-next {
        left: 91.5%;
        top: 58%;
    }

    #sponsor {
        padding: 65px 0 100px;
    }

    .sponsor__items {
        margin-top: 40px;
    }

    .sponsor__item {
        margin-top: 25px;
    }

    .registration__center--mobile {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .registration-info {
        padding: 40px 0 70px;
    }

    .registration-info__box {
        margin-top: 28px;
        padding: 24px 24px 50px 24px;
    }

    .registration-info__title {
        font-size: 32px;
        padding: 0;
    }

    .registration-info__title::before {
        font-size: 72px;
        line-height: 1;
    }

    .registration-info__content-box {
        grid-template-columns: 1fr;
        margin-top: -30px;
        padding: 30px 10px 40px;
    }

    .registration-info__text-line {
        font-size: 17px;
    }

    .registration-info__content-box--rows-4 {
        padding: 30px 10px 55px;
    }

    .registration-info__content {
        padding-top: 30px;
    }

    .registration-info__item-title {
        height: 40px;
        transform: skew(12deg);
    }

    .registration-info__item-title span {
        transform: skew(-12deg);
    }

    .registration-info__item-title span {
        font-size: 19px;
        letter-spacing: -1.5px;
    }

    .registration-info__item-title--big {
        height: 60px;
    }

    .registration-info__title--long {
        flex-direction: column;
    }

    .registration-info__category-main {
        font-size: 32px;
        line-height: 1;
    }

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

    .registration-info__category-content {
        text-align: center;
    }

    .registration-info__category-content span {
        font-size: 21px;
        line-height: 1;
        padding-left: 5px;
    }

    .registration-info__category-content--korean {
        flex-direction: column;
        padding-bottom: 19px;
    }

    .registration-info__category-content .korean__strong {
        font-size: 27px;
        color: #222;
    }

    .registration-info__category-content span.date {
        font-size: 17px;
        padding: 14px 0 0 0;
    }

    .registration-info__category--pdt-45 {
        padding-bottom: 20px;
    }

    .registration-info__category--pdt-25 {
        padding-bottom: 20px;
    }

    .registration-info__item--pc {
        display: none;
    }

    .registration-info__item--mobile {
        display: block;
    }

    .registration-info__category-sub {
        padding-top: 8px;
    }

    .registration-info__cancel {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .registration-info__title--cancel {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .registration-info__caption {
        margin-bottom: -25px;
    }

    .registration-info__notice-box {
        margin-top: 0;
        padding: 30px 15px;
    }

    .registration-info__number {
        min-width: 22px;
        height: 22px;
        font-size: 13px;
        margin-right: 15px;
    }

    .registration-info__notice {
        margin-bottom: 20px;
    }

    .registration-info__content--notice {
        font-size: 15px;
    }

    .registration-info__btn-box {
        flex-direction: column;
        margin-top: -10px;
        row-gap: 10px;
    }

    .registration-info__btn {
        margin: 10px 0 0;
        width: 100%;
        font-size: 17px;
    }

    .registration-info__submit {
        margin: 40px auto 0;
        height: 50px;
        font-size: 21px;
        width: 100%;
        max-width: 272px;
    }

    .registration-info__content-box--form {
        padding: 60px 10px 50px;
        margin: -30px 0;
    }

    .registration-info__flex-row {
        flex-direction: column;
        padding-bottom: 0;
    }

    .registration-info__form-box {
        width: 100%;
        padding-bottom: 30px;
        flex-direction: column;
        align-items: flex-start;
    }

    .registration-info__form-box--pb-0 {
        padding-bottom: 0;
    }

    .registration-info__label--small {
        width: 100%;
        padding-bottom: 9px;
        font-size: 19px;
    }

    .registration-info__form-box select, .registration-info__form-box input {
        width: 100%;
        max-width: 500px;
        font-size: 19px;
    }

    .registration-info__option {
        font-size: 21px;
    }

    .registration-info__option-box {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 15px;
    }

    .registration-info__form-box .registration-info__option {
        padding-bottom: 5px;
        padding-left: 0;
    }

    .registration-info__radio-label {
        padding-left: 43px;
    }

    .registration-info__radio-label:before {
        width: 33px;
        height: 33px;
    }

    input[type=radio]:checked + .registration-info__radio-label::after {
        width: 18px;
        height: 18px;
        left: 8px;
    }

    .registration-info__children {
        padding: 0;
        margin-bottom: -30px;
    }

    .registration-info__content-box--children {
        padding: 60px 10px 50px;
    }

    .registration-info__label {
        padding-bottom: 10px;
    }

    .registration-info__form-box--no-label {
        margin: 20px 0 0 0;
    }

    .registration-info__hyphen {
        display: none;
    }

    .registration-info__cancel--sub {
        align-items: flex-start;
        margin-left: 0;
        margin-top: 14px;
    }

    .registration-info__content--cancel {
        font-size: 17px;
    }

    .registration-info__content-box--children .outline {
        padding-bottom: 20px;
    }

    .registration-info__content-box--children .outline .number {
        padding-right: 3px;
        min-width: 55px;
        font-size: 17px;
    }

    .registration-info__option-box--bottom-input {
        padding-top: 20px;
    }

    .registration-info__form-box--department {
        padding-bottom: 20px;
    }

    .registration-info__form-box--no-label {
        margin-top: 0;
        padding-top: 20px;
        border-top: 2px solid #cecfd6;
    }

    .registration-info__form-box--no-label .registration-info__cancel--sub {
        flex-direction: row;
        align-items: center;
    }

    .registration-info__form-box--no-label .registration-info__cancel--sub .registration-info__title--cancel {
        margin: 0 18px 0 0;
    }

    .registration-info__form-box--no-label .registration-info__cancel--sub:first-child {
        margin-top: 0;
    }

    .registration-info__form-box--no-label input {
        width: 120px;
    }

    .registration-info__children-box--button {
        margin-top: 30px;
    }

    .registration-info__children-box--button {
        column-gap: 16px;
    }

    .registration-info__btn {
        margin: 0;
    }

    .registration-info__content-box--option {
        padding: 60px 10px 0;
        flex-direction: column;
    }

    .registration-info__label {
        font-size: 19px;
    }

    .registration-info__radio-label::before {
        top: 0;
        transform: none;
    }

    input[type=radio]:checked + .registration-info__radio-label::after {
        top: 8px;
        transform: none;
    }

    .registration-info__item-title--light {
        font-size: 19px;
    }

    .payment__box {
        border-top: 2px solid #325bba;
        padding: 50px 20px;
    }

    .payment__item-title {
        transform: skew(10deg);
    }

    .payment__item-title > div {
        transform: skew(-10deg);
    }

    .payment__main-title {
        font-size: 32px;
        padding-bottom: 20px;
    }

    .payment__item-box {
        padding-top: 30px;
    }

    .payment__content-box {
        margin-top: 0;
        padding: 30px 0 35px;
    }

    .payment__content-box {
        grid-template-columns: auto;
        margin-top: -10px;
    }

    .payment__content-option {
        font-size: 18px;
    }

    .payment__content-option::before {
        height: 8px;
    }

    .payment__item-title--big {
        height: 60px;
    }

    .payment__item-title--small {
        font-size: 16px;
        display: block;
    }

    .payment__content-price {
        font-size: 35px;
    }

    .payment__content-box--price {
        padding: 30px 0 0;
    }

    .payment__method {
        padding: 30px 0 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 15px;
    }

    .payment__refund {
        margin-top: 30px;
        padding: 30px 0 0;
    }

    .refund__title {
        font-size: 17px;
    }

    .refund__title:before {
        height: 8px;
    }

    .refund__item {
        font-size: 17px;
    }

    .payment__content-option--result {
        font-size: 21px;
    }
    /*.registration-info__flex-row:last-child .registration-info__form-box:last-child {*/
    /*    padding-bottom: 0;*/
    /*}*/




















    /*#sponsor .swiper-container{max-width: 630px;}*/
    /*#sponsor .swiper-button-next{left: 90%;width: 40px;height: 74px;top: 67%}*/
    /*#sponsor .swiper-button-prev{left: 4%;width: 40px;height: 74px;top: 67%}*/
    /*#sponsor .swiper-pagination{margin-top: 18px;width: 96%;}*/
    /*#sponsor .swiper-pagination-bullet{width: 10px;height: 10px;margin-left: 8px;margin-top: 0;}*/
    footer {
        height: 66px;
        line-height: 66px;
    }

    footer .copyright {
        font-size: 14px;
    }

    footer .phone {
        font-size: 14px;
    }

    footer .phone strong {
        font-size: 18px;
    }
}

@media only screen and (max-width: 850px) {
    .instr__item {
        min-height: 380px;
    }
}

@media only screen and (max-width: 800px) {
    #sponsor .swiper-button-next {
        display: none;
    }

    #sponsor .swiper-button-prev {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .instr__item {
        min-height: 320px;
    }
}

@media only screen and (max-width: 650px) {
    .for_tablet {
        display: none;
    }

    img.for_tablet {
        display: none;
    }

    .for_mobile {
        display: block;
    }

    img.for_mobile {
        display: inline;
    }

    .for_pt {
        display: none;
    }

    img.for_pt {
        display: none;
    }

    em.for_pt {
        display: none;
    }

    .header__menu__button {
        padding: 20px 0;
    }

    .hide_menu {
        max-width: 275px;
    }

    .hide_menu .header__menu__button {
        display: block;
    }

    header {
        height: 50px;
        line-height: 50px;
    }

    header.on {
        background: rgba(0, 0, 0, 0);
    }

    .header__menu {
        height: 100%;
    }

    .hide_menu a {
        font-size: 20px;
    }

    .header__menu__top {
        height: 50px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .header__menu__item {
        padding: 11px 25px;
        font-weight: 600;
    }

    .header__menu__item:hover {
        box-shadow: none;
    }

    .header__menu__button a {
        width: 180px;
        height: 36px;
        background: #fff;
        border-radius: 6px;
        border: none !important;
        margin-bottom: 10px;
        margin-left: 25px;
        font-size: 14px;
    }

    .header__menu__button a:nth-of-type(3) {
        width: 180px;
    }

    .header__menu__button a:hover {
        background: #fff !important;
    }

    .header__menu__button a:nth-of-type(1):hover {
        color: #D600D1
    }

    .header__menu__button a:nth-of-type(2):hover {
        color: #FF6E03
    }

    .header__menu__button a:nth-of-type(3):hover {
        color: #E61F83
    }

    .header__menu__quick {
        float: right;
    }

    .header__menu__quick img {
        max-width: 100px;
    }

    .header__menu__quick .header__menu__item {
        float: left;
        padding: 0 0 0 10px;
    }

    .bg-top {
        background: url("../img/bg2_m.jpg") no-repeat top center;
        background-size: cover;
    }

    #cbmc-2022 {
        margin-top: 50px;
    }

    .sec__title {
        font-size: 26px;
        padding: 10px 0;
    }

    .sec__title::before {
        font-size: 56px;
        letter-spacing: -1px;
        line-height: 56px;
    }

    #intro {
        padding: 40px 0 45px;
    }

    .intro__date {
        height: 40px;
        margin: 20px auto 0;
    }

    .intro__date--left {
        font-size: 18px;
        padding-right: 10px;
        margin-right: 8px;
        letter-spacing: -0.3px;
    }

    .intro__date--right {
        font-size: 20px;
        letter-spacing: -0.5px;
    }

    .intro__iframe {
        margin-top: 40px;
    }

    .intro__btn {
        width: 100%;
        max-width: 340px;
        height: 48px;
        line-height: 48px;
        font-size: 17px;
        letter-spacing: -0.6px;
    }

    .intro__btn--1 {
        margin: 20px auto 35px;
    }

    .about__desc {
        font-size: 14px;
    }

    .about__desc strong {
        font-size: 16px;
    }

    .about__desc br {
        display: none;
    }

    .about__items {
        padding-top: 5px;
        margin: 20px auto 0;
    }

    .about__item {
        height: auto;
        padding-bottom: 5px;
    }

    .about__item__day {
        padding: 13px 0;
        height: 40px;
    }

    .about__item__day__text {
        font-size: 18px;
    }

    .about__item__day__date {
        font-size: 18px;
    }

    .about__item__content__title {
        font-size: 36px;
        line-height: 28px;
        padding: 27px 0 18px;
        margin: 0 0 15px;
    }

    .about__item__content__title span {
        line-height: 22px;
        padding-top: 8px;
    }

    .about__item__content__desc {
        font-size: 13px;
        padding-bottom: 23px;
    }

    .schedule__item {
        margin-bottom: 20px;
        padding: 15px 0 25px;
    }

    .schedule__item__day {
        width: 230px;
        height: 36px;
        padding: 9px 10px 0 29px;
        margin-bottom: 20px;
    }

    .schedule__item__day {
        font-size: 18px;
        line-height: 18px;
    }

    .schedule__item__day span {
        font-size: 14px;
    }

    .schedule__item__content {
        padding: 0 30px;
    }

    .schedule__item__time {
        min-width: 120px;
        width: 120px;
        height: 28px;
        font-size: 16px;
        line-height: 29px;
    }

    .schedule__item__li {
        display: block;
        padding-bottom: 18px;
    }

    .schedule__item__task {
        width: 100%;
    }

    .schedule__item__task__do {
        line-height: 19px;
        font-size: 14px;
        word-break: keep-all;
        width: 100%;
    }

    .schedule__item__task__do span {
        padding-top: 10px;
        display: inline-block;
    }

    .schedule__item__task__do span:first-child {
        padding-top: 0;
    }

    .schedule__item__task__purpose {
        font-size: 14px;
    }

    #instructor {
        padding-bottom: 80px;
    }

    .instr__items {
        padding-top: 10px;
    }

    .instr__item {
        width: 100%;
        min-height: auto;
        padding-bottom: 15px;
    }

    .instr__item:last-child {
        padding-bottom: 0;
    }

    .instr__desc__name {
        font-size: 18px;
    }

    .instr__desc__name span {
        font-size: 14px;
    }

    .instr__desc__history {
        font-size: 13px;
    }

    .instr__select__title {
        margin-top: 40px;
        height: 30px;
    }

    .instr__select__title div span {
        height: 33px;
        line-height: 33px;
        font-size: 15px;
    }

    .instr__select__item {
        padding-top: 50px;
        width: 100%;
        min-height: auto;
        height: auto;
    }

    /*.instr__select__item:first-child{padding-top: 40px;}*/
    .instr__select__item__name {
        font-size: 18px;
        padding-top: 8px;
    }

    .instr__select__item__name span {
        font-size: 14px;
    }

    .instr__select__item__desc {
        padding-top: 5px;
    }

    #guide {
        padding: 35px 0 70px;
    }

    .guide__way {
        padding: 15px 15px 30px;
    }

    .guide__wrap {
        padding-top: 15px;
    }

    .guide__way__notice {
        width: 210px;
        height: 36px;
        font-size: 16px;
        padding: 6px 5px 0 25px;
        margin-left: -20px;
        margin-bottom: 18px;
    }

    .guide__way__top {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .guide__way__top__head {
        margin-bottom: 15px;
        display: flex;
    }

    .guide__way__top__text {
        min-width: 70px;
        font-size: 15px;
    }

    .guide__way__top__content {
        font-size: 12px;
        padding-top: 0;
    }

    .guide__way__top__content strong {
        font-size: 14px;
    }

    .guide__way__bottom__content {
        padding-left: 0;
    }

    .guide__way__bottom {
        display: block;
        margin-bottom: 25px;
    }

    .guide__way__bottom__img {
        width: 100%;
        max-width: 100%;
        padding-bottom: 5px;
    }

    .guide__way__bottom__content strong {
        font-size: 14px;
    }

    .guide__way__bottom__content--small strong {
        font-size: 12px;
    }

    .guide__way__notice--2::after {
        content: none;
    }

    .guide__way__top__num {
        width: 18px;
        height: 18px;
        font-size: 11px;
        line-height: 18px;
        margin-right: 8px;
    }

    .guide__way__top__content p strong {
        font-size: 13px;
    }

    .guide__way__top__content--name {
        font-size: 11px;
    }

    .guide__way__top--2 {
        padding: 0;
        margin: 0;
    }

    .guide__way__bottom__content--2 strong {
        font-size: 12px;
    }

    .guide__thanks__wrap {
        display: block;
        text-align: center;
        padding: 30px 20px;
    }

    .guide__img--thanks {
        margin: 0 auto;
    }

    .guide__btn {
        width: 200px;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
    }

    .guide__btn--1 {
        margin: 20px auto 35px;
    }

    .guide__text--thanks {
        font-size: 15px;
        padding: 20px 0 0 0;
        text-align: center;
    }

    /*.guide__text--thanks br{display: none;}*/
    .guide__btn--2 {
        margin: 20px auto 0;
    }

    .guide__thanks__bank {
        font-size: 15px;
        line-height: 22px;
    }

    #prayer {
        padding: 35px 0 70px;
    }

    #prayer .container {
        padding: 0;
    }

    .prayer__sub__title {
        font-size: 18px;
        line-height: 18px;
        padding: 10px 0 36px;
    }

    #prayer .swiper-container {
        max-width: 100%;
    }

    #prayer .swiper-button-prev {
        display: none;
    }

    #prayer .swiper-button-next {
        display: none;
    }

    .prayer__button {
        display: block;
    }

    .prayer__button--left {
        float: none;
        margin: 0 0 20px 0
    }

    .prayer__button--right {
        float: none;
    }

    #sponsor {
        padding: 35px 0 70px;
    }

    .sponsor__items {
        margin-top: 30px;
    }

    .sponsor__item {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    .sponsor__item:nth-of-type(2) {
        margin-top: 20px;
    }

    /*#sponsor .swiper-container{margin-top: 20px;}*/
    /*#sponsor .swiper-slide{width: 100% !important;}*/
    /*#sponsor .swiper-pagination{width: 90%;margin-top: 12px;}*/
    footer {
        height: 90px;
        line-height: 25px;
        text-align: center;
        padding-top: 20px;
    }

    footer .copyright {
        float: none;
        font-size: 12px;
    }

    footer .phone {
        float: none;
    }
}

@media only screen and (min-width: 1921px) {
    .bg-top {
        background-size: cover;
    }
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .registration-info__content-box {
        display: flex;
        justify-content: space-between;
    }

    .registration-info__content {
        padding: 0 10px;
    }
}

.msg_box{
    text-align: center;
    background-color: white;
    margin: 0 auto;
    padding: 15px;
    font-size: 20px;
    width: 500px
}

.msg_box2{
    text-align: center;
    margin: 0 auto 30px auto;
    padding: 3px;
    font-size: 40px;
    font-weight: bold;
    color: rgb(255, 219, 108);
    background-color: rgb(24, 78, 138);
    width: 800px;
}

@media (max-width: 650px) {
    .msg_box{
        width: 90%;
    }

    .msg_box2{
        width: 95%;
    }
}

.bank_info{
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    margin: -35px 0 35px 0;
}

.bank_info_point{
    color: red;
}

.bank_enter{
    display: none;
}

@media (max-width: 1200px) {
    .bank_info{
        font-size: 20px;
        margin: -15px 0 15px 0;
    }

    .bank_enter:nth-child(2){
        display: block;
    }
}

@media (max-width: 520px) {
    .bank_info{
        font-size: 16px;
        margin: -15px 0 15px 0;
    }

    .bank_enter:nth-child(1){
        display: block;
    }
}