/* Section Container */
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 500;
    src: url('./NanumBarunGothic.ttf');
}

/* Section Container */
@font-face {
    font-family: 'NanumGothicLight';
    font-style: normal;
    font-weight: 500;
    src: url('./NanumBarunGothicLight.ttf');


}


/* Section Container */
@font-face {
    font-family: 'RIDIBatang';
    font-style: normal;
    font-weight: 400;
    src: url('./RIDIBatang.otf');

}

@font-face {
    font-family: 'NanumGothicbold';
    font-style: normal;
    font-weight: 400;
    src: url('./NanumBarunGothicBold.ttf');

}


.ksb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ksb-background-image-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    /* Adjust size */
    height: 100%;
    /* Keep aspect ratio */
    background-image: url("../images/sections/1.png");
    /* Image 1 path */
    background-size: contain;
    background-repeat: no-repeat;
}

/* Background image 2 (Top-right) */
.ksb-background-image-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    /* Adjust size */
    height: 100%;
    /* Keep aspect ratio */
    background-image: url("../images/sections/2.png");
    /* Image 2 path */
    background-size: contain;
    background-repeat: no-repeat;
}

/* Content Container */
.ksb-content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    color: white;
}

/* Text Styling */
.ksb-text h1 {
    color: #F7C06F;
    font-family: 'RIDIBatang';
    font-size: 50px;
    font-weight: bold;
}

.ksb-text h1 span {
    color: #ffffff;
    -webkit-text-stroke-width: 0.001px;
    -webkit-text-stroke-color: #F7C06F;

}

.ksb .goldLine {
    width: 400px;
    margin-bottom: 20px;
    margin-top: 15px;

}

.ksb-text h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
}

.ksb-text p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 40px;
}

/* Foreground image centered */
.ksb-image-container {
    position: relative;
    z-index: 3;
}

.ksb-image {
    width: 100%;
    /* Set the size of the image */
    height: auto;
    object-fit: contain;
}

/* Responsive Styling */
@media (max-width: 768px) {
    .ksb-text h1 {
        font-size: 32px;
    }

    .ksb-text h2 {
        font-size: 20px;
    }

    .ksb-text p {
        font-size: 16px;
    }

    .ksb-image {
        width: 250px;
    }
}


/* Section container */
.noble-section {

    padding: 200px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

/* Frame image */
.noble-decorative {
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.noble-frame {

    height: auto;
}


/* Text styling */
.noble-text h1 {
    color: #F7C06F;
    font-family: 'RIDIBatang';
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 10px;
}

.noble-text h1 span {
    color: #ffffff;
    -webkit-text-stroke-width: 0.001px;
    -webkit-text-stroke-color: #F7C06F;

}

.noble-text h2 {
    color: white;
    font-size: 50px;
    font-family: 'NanumGothicbold';
    font-weight: normal;
}

/* Center alignment */
.noble-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* Section 12 - Background */
.sec12 {

    /* Set the background color */
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    color: white;
    position: relative;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* Text Block Styling */
.sec12_list p {
    margin: 0 0 10px;
}

.sec12_txt {
    font-size: 50px !important;
    font-weight: bold;
    margin-bottom: 10px;
    color: #F7C06F !important;
    /* Gold color for the text */
}

.sec12_desc {
    font-size: 16px;
    color: white;
    line-height: 1.5;
}

/* Box Block Styling */
.sec12_box {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "NanumGothic";
}

.sec12_box li {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px !important;
    color: white;
    font-size: 18px;
}

/* Background colors for each block */
.sec12_box li:nth-child(1) {
    background-color: #C99F68 !important;
    /* Color for the first block */
}

.sec12_box li:nth-child(2) {
    background-color: #8E766B !important;
    /* Color for the second block */
}

.sec12_box li:nth-child(3) {
    background-color: #9B7644 !important;
    /* Color for the third block */
}

.sec12_box li:nth-child(4) {
    background-color: #503715 !important;
    /* Color for the fourth block */
}

/* Styling for the percentage numbers */
.sec12_numtxt {
    font-size: 16px;
}

.sec12_num {
    font-size: 24px;
    font-weight: bold;
}

.sec12_small {
    font-size: 16px;
    vertical-align: top;
}

/* Full-width image */
.sec12_img {
    width: 100%;
    position: relative;
}

.sec12_img img {
    width: 100%;
    /* Make the image span the full width */
    height: auto;
    /* Maintain aspect ratio */
    display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .inner {
        flex-direction: column;
    }

    .sec12_img {
        display: block;
        margin-top: 20px;
    }

    .sec12_box li {
        padding: 10px;
    }
}

/* General Section Styling */
.membership-section {
    background-color: #4256BD;
    /* Background color */
    padding: 25rem 0;
    text-align: center;
    color: white;
}

.membership-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.membership-title {
    margin-top: 40px;
}


.membership-title1 {
    padding-top: 20vh;
}

.membership-title1 h3 {
    font-size: 50px;
    color: #F7C06F;
    /* Gold color */
    margin-bottom: 10px;
    text-align: center;
}

/* Title and Description */
.membership-title h3 {
    font-size: 50px;
    color: #F7C06F;
    /* Gold color */
    margin-bottom: 10px;
    text-align: center;
}

.membership-desc {
    font-size: 28px;
    color: white;
    margin-bottom: 50px;
    text-align: center;
    font-family: "NanumGothic";

}

/* Container for Image Boxes */
.membership-img-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    list-style: none;
    margin: 0;
}

.membership-img-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Align the text at the bottom */
    flex: 1;
    margin: 0 15px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 200px 200px 0 0;
    min-height: 500px;
    position: relative;
    padding: 0;
    box-shadow: inset 0px -134px 55px -13px rgba(0, 0, 0, 0.63);
}

/* Ensure full background image coverage */
.membership-img-list img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures the image covers the entire container */
    border-radius: 100px 100px 0 0;
}

/* Text Box Styling */
.membership-txt {
    position: absolute;
    top: 280px; /* Adjust this value to set the distance from the top */
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    color: white;
    padding: 5px 40px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.membership-title h3 {
    font-size: 32px;
}

/* Text Styling */
.membership-txt-title {
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    /* Gold color for the title */
    margin: 0 0 10px 0;

}

.membership-txt-desc {
    font-size: 20px;
    line-height: 1.6;
    overflow-y: auto;
    flex-grow: 1;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .membership-img-box {
        display: block;
    }

    .membership-img-list {
        margin-bottom: 30px;
    }
}

/* Section Styling */
.gnoble-matching-section {
    background:
        url('../images/sections/gold-bg-1.png'),
        /* Background image */
        #1B277D;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 15vh 0;
    color: white;
}

.gnoble-inner {
    max-width: 1300px;
    margin: 0 auto;
    text-align: left;
}

/* Title and Description */
.gnoble-title h3 {
    font-size: 50px;
    color: #F7C06F;
    /* Gold color */
    margin-bottom: 10px;
}

.goldLineTwo {
    background-color: #F7C06F;
    height: 5px;
    width: 200px;
    border-radius: 8px;
    border: 1px solid #F7C06F;
    margin: 15px 0;

}

.gnoble-desc {
    font-size: 32px;
    color: white;
    line-height: 1.8;
    margin-bottom: 50px;
}

/* Content Title */
.gnoble-content-title {
    font-size: 40px;
    margin-bottom: 80px;
    color: #FFF;
}

/* Matching List */
.gnoble-matching-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gnoble-matching-item {
    display: flex;
    align-items: center;
    gap: 25px;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    /* Optional background effect similar to the image */
}

.gnoble-item-content {
    display: flex;
    align-items: center !important;

    /* Optional background effect similar to the image */
}

/* Icon Styling */
.gnoble-icon img {
    width: 90%;
    object-fit: cover;
    border-radius: 50%;
    padding: 10px;
}

.gnoble-item-number {
    font-size: 8rem;
    /* Adjust size as needed */
    color: white;
    min-width: 60px;
    /* Adjust if necessary */
    flex-shrink: 0;
    /* Prevent the number from shrinking */
}

.gnoble-item-content>div {
    flex: 1;
}

.gnoble-item-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    /* Align items at the top */
    gap: 15px;
    /* Space between number and text */
}

.gnoble-text {
    display: flex;
    flex-direction: column;
}

.gnoble-item-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
}

.gnoble-item-desc {
    font-family: "NanumGothic";
    font-size: 32px;
    line-height: 1.6;
    color: white;
}

/* Responsive Design */
@media (max-width: 768px) {
    .gnoble-matching-list {
        gap: 15px;
    }

    .gnoble-matching-item {
        flex-direction: column;
        align-items: center;
    }

    .gnoble-item-number {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .gnoble-icon img {
        width: 50px;
        height: 50px;
    }
}


.pd6 {
    padding: 60px 0;
}

/* Section Styling */
.consult-section {
    background-color: #0C1763;
    padding: 50px 0;
    color: white;
}

.consult-register {
    max-width: 600px;
    margin: 0 auto;
}

.consult-container {
    padding: 20px;
    border-radius: 10px;
    background-color: #0C1763;
}

.consult-inner {
    text-align: center;
}

/* Form Box Styling */
.consult-form-box {
    padding: 20px;
    border-radius: 10px;
    /* White background for form */
    color: #000;
}

.consult-input-list {
    list-style: none;
    padding-bottom: 20px;
    margin: 0;
}

.consult-input-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 15px;
    height: 77px;
    border-radius: 10px;
}

.consult-label {
    text-align: left;
    margin-right: 20px;
    flex: 1;
    /* Make label take available space */
}

.consult-input {
    width: 60%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 24px;
    color: #333;
    box-sizing: border-box;
    outline: none;
}

.consult-input-2 {
    text-align: left !important;
    width: 60%;
    padding: 0 !important;
    /* font-size: 19px !important; */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'NanumGothicLight';

    color: #333;
    box-sizing: border-box;
    outline: none;
}



.consult-input-1 {
    width: 60%;
    padding: 12px;
    text-align: right !important;
    font-size: 18px;
    font-weight: 900;
    color: #333;
    box-sizing: border-box;
    outline: none;
}


.consult-select {
    width: 60%;
    padding: 12px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}

.consult-input-item select {
    margin-left: auto;
    /* Push the select element to the right */
    width: auto;
    font-size: 24px;

    border-radius: 4px;
}

.consult-input-item label {
    flex-grow: 1;
    font-family: 'NanumGothicLight';
    padding-right: 20px;
    text-align: left;

    color: #000;
}

/* Radio Button Group */
.consult-radio-group {
    display: flex;
    text-align: left;
    /* justify-content: space-between; */
    align-items: unset;
}

.consult-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.consult-radio input[type="radio"] {
    display: none;
    /* Hide the default radio button */
}

.consult-radio-text {
    font-size: 14px;
    color: #666;
    margin-left: 8px;
}

/* General Styling for the radio text before it's checked */


input[type="radio"],
select {
    margin-bottom: 0;
    width: auto;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    /* Remove extra space between form fields */
}

input[type="text"],
select {
    margin-bottom: 0;
    width: 302px;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    /* Remove extra space between form fields */
}


.consult-radio-text::before {
    content: '';
    display: inline-block;
    width: 26px;
    /* Adjust size as needed */
    height: 26px;
    /* Adjust size as needed */
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px;
    outline: none;
    transition: background-image 0.3s, border-color 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Unchecked State - Background Image */
.consult-radio input[type="radio"]+.consult-radio-text::before {
    background-image: url('../images/common/check_off.svg');
    outline: none;
}

/* Checked State - Background Image */
.consult-radio input[type="radio"]:checked+.consult-radio-text::before {
    background-image: url('../images/common/check_on1.svg');
    /* Optional: Change border color when checked */
}

/* Change text color when selected */
.consult-radio input[type="radio"]:checked+.consult-radio-text {
    color: black;
}

/* Additional sections if necessary */
#wasMarriedN:checked+.consult-radio-text::before,
#wasMarriedY:checked+.consult-radio-text::before {
    background-image: url('../images/common/check_on1.svg');

}

.demoinout {
    text-align: left !important;
    border-bottom: 1px solid #000000 !important;
    width: 100% !important;
}


.consult-title {
    font-size: 50px;
    color: #F7C06F;
    background-color: #1B277D;
    text-align: center;
    padding-top: 10vh;
    padding-bottom: 5vh;

}

.consult-logo {
    font-size: 50px;
    font-weight: bold;
    display: block;
    font-family: 'RIDIBatang';
    color: #F7C06F;
}

.consult-subtitle {
    font-size: 28px;
    margin-top: 5px;
    color: #fff;
}

/* Agreement Section */
.consult-agreement {
    margin-top: 20px;
    padding-bottom: 5px;
}

.consult-textarea {
    background-color: #E2DDD6;
    color: #333;
    padding: 20px;
    font-size: 10px;
    text-align: left;
    line-height: 18px;
    font-family: 'NanumGothicLight';
    height: 100px;

    overflow-y: auto;

}

.field.checkbox {
    margin-top: 30px;
    color: #fff;
}

/* Button Styling */
.consult-button-container {
    text-align: center;
    margin-top: 20px;
}

.consult-button {
    background-color: #273596;
    color: white;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}



/* Footer Section */
.custom-footer {
    background-color: #100405;
    color: white;
    /* padding: 20px 0; */
    font-size: 14px;
}

.custom-inner {
    width: 80%;
    margin: 0 auto;
    padding: 0 20px;
}

/* Footer Upper Section */
.custom-footer-upper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #555;
    padding-bottom: 20px;
    padding-top: 20px;
}

.custom-footer-logo {
    width: 100px;
}

.custom-footer-tel {
    text-align: left;
}

.custom-footer-tel p {
    margin: 0;
    color: rgb(143, 138, 138);
    font-family: 'NanumGothic';
}

.custom-phone-number a {
    font-size: 20px;
    color: white;
    text-decoration: none;
}

/* Footer Content Section */
.custom-footer-content {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.custom-footer-info {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.custom-footer-info div {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 10px;
}

.custom-footer-info p {
    margin: 0 0 5px;
    color: white;
}

.custom-footer-info span {
    color: gray;
    font-weight: bold;
}

.custom-email {
    color: white;
}

.custom-footer-copyright {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}

/* Responsive Design */
@media (max-width: 768px) {
    .custom-footer-upper {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-footer-content {
        flex-direction: column;
    }

    .custom-footer-info div {
        flex-basis: 100%;
    }
}

.all-sections {
    background:
        url('../images/sections/gold-bg.png'),
        /* Background image */
        linear-gradient(to bottom,
            #34495E 5%,
            #3C3F8F 14%,
            #0E20AD 25%,
            #625EBE 44%,
            #5C74E7 61%,
            #1B277D 92%
        );
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}