@charset "UTF-8";

/* register */
.register {
    border-top:1px solid #707070;
    padding-top:1.5rem;
}


.register .row + .row {margin-top:1rem;}
.register__box {
    padding-bottom:1.5rem;
    border-bottom:1px dashed #4B4B4B;
}
.register__box + .register__box {margin-top:1.4rem;}
.register__box .form-check {
    margin-top:0.5rem;
    font-size:0.7rem;
    color:#666;
}

.register-agree {margin-top:1.85rem;}
.register-agree__title {
    display: block;
    font-weight: 500;
    font-size: 0.9rem;
    color: #000;
    margin-bottom: 1rem;
    text-align:center;
}
.register-agree__content {
    padding:1rem 1.85rem;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #bcbcbc;
}
@media screen and (max-width:1023px) {
    .register-agree__content {
        padding:1rem 1rem;
    }
}
.register-agree__all {
    font-size:0.65rem;
    color: #4b4b4b;
    margin-bottom:1.2rem;
    border-bottom: 1px solid #bcbcbc;
}
.register-agree__box {margin-top:1.15rem;}
.register-agree__box + .register-agree__box {margin-top:2rem;}
.register-agree__title2 {
    display: block;
    font-weight: 400;
    font-size: 0.65rem;
    color: #4b4b4b;
}
.register-agree__policy {
    width:100%;
    height:138px;
    margin-top:0.9rem;
    margin-bottom:0.55rem;
    padding:0.6rem 0.85rem;
    overflow:hidden;
    overflow-y:auto;
    border-radius: 4px;
    background: #f9f9f9;
    border: 1px solid #bcbcbc;    
    font-size:0.65rem;
    color: #4b4b4b;
}
.register-agree__policy dl dt {font-weight:400;}
.register-check {
    font-size:0.65rem;
    text-align: left;
    color: #4b4b4b;
}
.register__btn-box {
    margin-top:3.5rem;
    text-align:center;    
}
.register__btn-box .btn-submit {
    display:inline-block;
    position:relative;
    width:100%;
    max-width:241px;
    height:1.9rem;
    border:0;
    border-radius: 6px;
    background: #4f57f4;
    font-size:0.75rem;
    line-height:1.9rem;
    text-align:center;
    color: #fff;
}

@media screen and (max-width:768px) {
    .register .label {margin-bottom:0.4rem;}
}

.login {
    border-top:1px solid #707070;
    padding-top:1.5rem;
}
.login__content {
    position:relative;
    width:100%;
    max-width:535px;
    margin:3.15rem auto 0;
}
@media screen and (max-width:1023px) {
    .login__content {margin-top:2rem;}
}
.login__title {
    font-weight:700;
    font-size:1.5rem;
    text-align:center;
    color: #707070;    
}
.login__form {
    width:100%;
    margin-top:4.5rem;
}
@media screen and (max-width:1023px) {
    .login__form {margin-top:2rem;}
}
@media screen and (max-width:768px) {
    .login__form .label {margin-bottom:0.4rem;}
}
.login__form .row + .row {margin-top:1.45rem;}
.login__check {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    margin-top:5px;
    font-size:0.75rem;
    color:#000;
}
.login__btn-box {
    position:relative;
    margin-top:2rem;
}
.login__btn-box .btn-submit {
    display:inline-block;
    position:relative;
    width:100%;
    padding:0.5rem 0;
    border-radius: 21px;
    background-color: #4f57f4;
    border:0;
    font-size:0.85rem;
    text-align:center;
    color: #fff;
}
.login__etc {margin-top:3.25rem;}
@media screen and (max-width:1023px) {
    .login__etc {margin-top:2rem;}
}
.login__etc ul {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.login__etc li {
    position:relative;
    padding:0 0.6rem;
}
.login__etc li::after {
    content:"";
    display:block;
    position:absolute;
    top:0.5rem;
    right:0;
    width:1px;
    height:0.35rem;
    background-color:#000;
}
.login__etc li:first-child {padding-left:0;}
.login__etc li:last-child {padding-right:0;}
.login__etc li:last-child::after {display:none;}
.login__etc a,
.login__etc button {    
    padding:0;
    margin:0;
    border:0;
    font-size:0.75rem;
    color: #000;
    background-color:transparent;
}

.login-text {
    font-size:0.7rem;
    text-align: center;
    color: #000;
    margin-bottom:0;
}
.member-search {
    position:relative;
    width:100%;
    max-width:322px;
    margin:1rem auto 0;
}
.member-search .label {
    font-weight: 500;
    font-size:0.7rem;
    color: #000;
}
.member-search .row + .row {margin-top:5px;}
.member-search__btn-box {
    position:relative;
    margin-top:1rem;
    text-align:center;
}
.member-search__btn-box .btn + .btn {margin-left:0.65rem;}
@media screen and (max-width:768px) {
    .member-search .label {margin-bottom:0.4rem;}
}

.myinfo {
    margin-top:0.75rem;
    padding:1.65rem;
    background-color:#F5F5FF;
    border-bottom:1px dashed #4B4B4B;
}
.myinfo .row + .row {margin-top:0.6rem;}
.myinfo .form-control,
.myinfo .form-select {background-color:#fff;}
.myinfo .register__btn-box {margin-top:1.5rem;}
@media screen and (max-width:1023px) {
    .myinfo {padding:1rem;}
}


.premium-change {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    margin-top:1.65rem;    
}
.premium-change__text {
    font-size:0.75rem;
    color: #000;
    margin-right:0.95rem;
}
.premium-change__btn {
    display:inline-block;
    padding:0.55rem 2rem;    
    border-radius: 21.5px;
    background: transparent;
    border: 1px solid #4f57f4;
    font-weight: 500;
    font-size:0.75rem;
    color: #4f57f4;
}
.premium-change__btn + .premium-change__btn {margin-left:1rem;}
@media screen and (max-width:416px) {
    .premium-change {
        flex-direction:column;
        justify-content:center;
    }
    .premium-change__text {
        margin-right:0;
        margin-bottom:0.5rem;
    }
    .premium-change__btn + .premium-change__btn {
        margin-left:0;
        margin-top:0.5rem;
    }
}

.premium-info {
    position:relative;
    margin-top:3.15rem;
}
.premium-info__title {    
    font-weight:400;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.premium-info__content {
    position:relative;
    width:100%;
    margin-top:1.1rem;
    overflow-x:hidden;
}
.premium-info__table {
    width:100%;
    border-collapse:collapse;
}
.premium-info__table th {
    padding:0.55rem;    
    border-top:1px solid #707070;
    border-right:1px solid #DEDEDE;
    border-left:1px solid #DEDEDE;
    background-color:#F1F1F1;
    text-align:center;
    font-weight:400;
    font-size:0.75rem;
    color:#000000;
}
.premium-info__table td {
    padding:0.55rem; 
    text-align:center;
    border:1px solid #DEDEDE;
    font-size:0.75rem;
    color:#000000;
    text-align:center;
}
.premium-info__table td.td--left {
    text-align:left;
}
.premium-info__table tr td:first-child,
.premium-info__table tr th:first-child {border-left-width:0;}
.premium-info__table tr td:last-child,
.premium-info__table tr th:last-child {border-right-width:0;}
@media screen and (max-width:720px) {
    .premium-info__content {
        -webkit-overflow-scrolling: touch;
        overflow-x:auto;
    }
    .premium-info__table {
        min-width:720px;
    }
}

.premium-register {
    position:relative;
    width:100%;
    max-width:396px;
    margin:0 auto;
    padding:1rem 2.1rem 1.75rem;
    border:1px solid #F2F2F2;
}
@media screen and (max-width:720px) {
    .premium-register {
        padding:1rem 1.5rem 1.6rem;
    }
}
.premium-register__title {
    text-align:center;
    font-weight: 500;
    font-size:0.75rem;
    text-align: center;
    color: #000;
}
.premium-register__content {
    margin-top:3.2rem;
    font-size:0.75rem;
    color:#000;
}
.premium-register__content strong {font-weight:500;}
.premium-register__content .row  + .row {
    margin-top:0.75rem;
}
.premium-register__price {
    margin-top:0.7rem;
    text-align:right;
    font-size:0.75rem;
    color:#000;
}
.premium-register__price span {
    display:inline-block;
    vertical-align:top;
} 
.premium-register__price span + span {margin-left:1rem;}
.premium-register__btn-box {
    margin-top:2.7rem;
    text-align:center;
    font-size:0.6rem;
    color:#000;
}
.premium-register__btn-box .btn {
    padding:6px 1.1rem;
    font-size:0.75rem;
    color:#fff;
    border-radius:50px;
}
.premium-register__btn-box .mt9 {margin-top:9px;}

.premium-result {
    position:relative;    
}
.premium-result__title {
    font-weight: 500;
    font-size:1.25rem;
    text-align: center;
    color: #000;
}
.premium-result__price {
    margin-top:1.3rem;
    font-size:0.75rem;
    text-align: center;
    color: #000;
}

.bank-info {
    position:relative;
    width:100%;
    max-width:451px;
    margin:1.5rem auto 0;
    padding:0.9rem 0.5rem;
    background-color:#F5F5FF;
    font-size:0.75rem;
    line-height:1.5rem;
    text-align: center;
    color: #000;
}
.bank-info .btn-outline-primary {
    border-color:#4F57F4;
    color:#4F57F4;
}
.bank-info .btn-outline-primary:hover {
    background-color:#4F57F4;
    border-color:#4F57F4;
}

.bank-info__btn-box {
    margin-top:0.75rem;
}
.premium-result__text {
    margin-top:1.45rem;
    font-size:0.75rem;
    line-height:1.25rem;
    text-align: center;
    color: #000;
}

.premium-period {
    position:relative;
    margin-top:2.15rem;
}
.premium-period__title {
    font-weight:400;
    font-size:0.75rem;
    color: #000;
}
.premium-period__title .color-vy {color:#4F57F4;}
.premium-period__content {
    margin-top:0.75rem;
    border-top:1px solid #707070;
}
.premium-period__item {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:stretch;
    border-bottom:1px solid #DEDEDE;
}
.premium-period__item .btn {font-size:0.75rem;}
.premium-period__item .btn-outline-primary {
    border-color:#4F57F4;
    color:#4F57F4;
}
.premium-period__item .btn-outline-primary:hover {
    background-color:#4F57F4;
    border-color:#4F57F4;
}
.premium-period__item-title {
    width:292px;
    padding:0.75rem 1.4rem;
    background-color:#F5F5FF;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.premium-period__item-content {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    width:calc(100% - 292px);    
    padding:0.75rem 1.4rem;
    font-size:0.75rem;
    color: #000;
}
@media screen and (max-width:768px) {
    .premium-period__item {flex-direction:column;}
    .premium-period__item-title {width:100%;}
    .premium-period__item-content {
        width:100%;
        justify-content:center;
        align-items:center;
        flex-direction:column;
    }
    .premium-period__item-content p + p {margin-top:0.5rem;}
}