/* common */
:root {
   --bs-body-font-family: 'Roboto', sans-serif !important;
}

input.form-control {
    height: 43px;
    border-color: rgba(17,17,17,0.3 );
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
}

.form_button {
    min-width: 180px;
    height: 47px;
}

.link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 2.8rem;
    font-size: 1rem;
    font-weight: 500;
    color: #136af8;
    background-color: #ffffff;
    border: 1px solid #136af8;
    border-radius: 50px;
    transition: background-color 0.2s, color 0.2s;
}

.content_render {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;   
}

.content_render .container:first-of-type {
    padding-left: 40px;
    padding-right: 40px;
}

/* header */
.Header .navbar {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

.Header .navbar-brand {
    margin-left: 3.5px;
}

.navbar-toggler {
    border: unset;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2030%2030%27%3E%3Cpath%20stroke%3D%27%23ffffff%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272%27%20d%3D%27M4%207h22M8%2015h22M4%2023h22%27%2F%3E%3C%2Fsvg%3E");
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}



/* login page */

.login_page {
    margin-top: 2.3rem;
}

.login_page .email_item {
    margin-bottom: 30px;
}

.login_page .password_item {
    margin-bottom: 40px;
}

.login_page .button_item {
    margin-bottom: 60px;
}

.login_page .link_item {
    color: #136af8;
    font-weight: normal;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.login_page .link_item p:first-child {
    margin-bottom: 45px;
}

/* footer */

.footer_container {
    height: 62px;
    display:flex;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem;
}

.footer_container a {
    color: #212529 !important;
    text-decoration: none;
}


/* register page */
.register_page .register_form p {
    margin-top: 15px;
    margin-bottom: 10px;
}

.register_page .register_form .input_item {
    margin-bottom: 15px;
}

.register_page .register_form .input_item:nth-child(7) {
    margin-bottom: 20px;
}

.register_page .button_item {
    padding-bottom: 10px;
}


/*detail page */
.detail_page .name_area {
    margin-top: 5px;
}

.detail_page .notice-area {
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #f8fcfc;
    padding: 15px;
    border-radius: 10px;
}

.detail_page .notice-area .list-group {
    max-height: 170px;
    overflow-y: auto;
}


.detail_page .list-group-item::after {
    content: url('data:image/svg+xml;utf8,<svg fill="%23136af8" height="10px" width="10px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve"><path id="XMLID_222_" d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/></svg>');
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.detail_page .point_area {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.detail_page .point_area .point_number {
    width: 175px;
    padding-right: 17px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 3px solid #707070;
    text-align: right;
    line-height: 1.3;
}

.detail_page .link_item {
    color: #136af8;
    font-weight: normal;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.change_email_page {
    padding-bottom: 10px;
}

.change_email_page .name_area {
    margin-top: 15px;
}

.change_email_page .h2_area {
    font-size: 20px;
    margin-top: 30px;
}

.change_email_page .id_area {
    margin-top: 20px;
}

.change_email_page .text_area1 {
    margin-top: 35px;
    line-height: 1.6;
}

.change_email_page .email_area {
    margin-top: 25px;
}

.change_email_page .text_area2 {
    margin-top: 30px;
    line-height: 1.6;
}

.change_email_page .phone_area {
    margin-top: 20px;
}

.change_email_page .button_item {
    margin-top: 20px;
}

.content_render .point_history_page {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.point_history_page .point_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.point_history_page .point_area .point_number {
    width: 175px;
    padding-right: 17px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 3px solid #707070;
    text-align: right;
    line-height: 1.3;
}

.point_history_page .title_area {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.point_history_page .table_area {
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
    background-color: #fff; 
    height: 342px;
    
}

.table_section {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.point_history_page > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(17, 17, 17, 0.3);
}

.point_history_page .link-button {
    margin-top: 18px;
}


.notice_list_page .title_area {
    font-size:20px;
    font-weight: bold;
}

.notice_list_page .notice-area {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    background-color: #ffffff;
}


.notice_list_page .list-group-item::after {
    content: url('data:image/svg+xml;utf8,<svg fill="%23136af8" height="10px" width="10px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve"><path id="XMLID_222_" d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001 c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213 C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606 C255,161.018,253.42,157.202,250.606,154.389z"/></svg>');
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.notice_list_page .list-group-item {
    padding: 15px 10px 10px 0;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    font-size: 16px;
    margin-top: 17px;
}

.page-item {
    margin: 0 4px;
}

.page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.page-link:not(.link_dot) {
    background: rgba(17,17,17,0.07 )
}

    

.page-item.active .page-link {
    background-color: #007bff;
    color: #fff;
    border: 1px solid #007bff;
}

.page-link:focus {
    box-shadow: none;
}

.page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    font-size: 25px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    font-size: 25px;
}


.privacy_page .title1 {
    font-size: 20px;
    margin-top: 45px;
    margin-bottom: 35px;
}

.privacy_page .title2 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.privacy_page .link_section {
    margin-top: 40px;
}

.privacy_page .link_section a {
    color: #136af8;
    font-weight: normal;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.forgot_password_page .top_title {
    margin-top: 100px;
}

.reset_password_page .top_title {
    margin-bottom: 25px;
}

.reset_password_page .page_content {
    margin-top: 30px;
}

.reset_password_success_page .top_title {
    margin-bottom: 45px;
    margin-top: 50%;
}

.notice_detail_page {
    padding-bottom: 10px;
}