/* 비밀번호 입력 필드에 대한 스타일 */
    input[type="password"] {
        background-color: transparent !important;
        color: inherit !important;
    }

    /* 자동완성 시 배경색 변경 방지 */
    input[type="password"]:-webkit-autofill,
    input[type="password"]:-webkit-autofill:hover,
    input[type="password"]:-webkit-autofill:focus,
    input[type="password"]:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px transparent inset !important;
        -webkit-text-fill-color: inherit !important;
    }


.nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.nav-item {
    flex: 1;
    text-align: center;
    border: 1px solid #ccc;
    margin-left: -1px; /* 좌우 테두리 겹치기 */
}
.nav-item:first-child {
    margin-left: 0; /* 첫 번째 아이템의 왼쪽 마진 제거 */
}
.nav-item a {
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    color: inherit;
    font-size: 17px;
}
.nav-item.active {
    background-color: #4CAF50;
    color: white;
    position: relative; /* active 상태일 때 겹침 순서 조정 */
    z-index: 1;
}
.nav-item:hover {
    background-color: #e9e9e9;
}
.nav-item.active:hover {
    background-color: #45a049;
}

/* 400px 이하에서 탭이 2개씩 2줄로 나오게 하는 스타일 */
@media (max-width: 400px) {
    .nav-item {
        flex: 0 0 50%; /* 너비를 50%로 설정하여 한 줄에 두 개씩 배치 */
    }
    .nav-item:nth-child(2n+1) {
        margin-left: 0; /* 각 줄의 첫 번째 아이템의 왼쪽 마진 제거 */
    }
    .nav-item {
        margin-left: -1px; /* 테두리 겹침 유지 */
        margin-top: -1px;  /* 상하 테두리 겹치기 */
    }
}


.form-container {
    display: block;
    overflow: hidden;
    border-top: 3px solid #ed7d31;
    text-align: left;
    font-family: 'GmarketSansMedium', sans-serif;
}
.form-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
.form-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
}
.form-section.full-width .form-group {
    width: 100%;
}
.form-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    background: #f3f3f3;
    text-align: center;
    color: #4d4d4d;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
}
.form-label span {
    line-height: 1.2em;
}
.form-input {
    display: flex;
    align-items: center;
    width: 70%;
    background: #fff;
    text-align: left;
    line-height: 1.6em;
    box-sizing: border-box;
    margin: 0;

}

.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="tel"],
.form-container select {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px;
    vertical-align: middle;
    font-family: 'GmarketSansMedium', sans-serif;
    margin: 5px 0;
    width: 100%;
    box-sizing: border-box;
}
.form-container input[type="radio"] {
    margin-right: 5px;
}
.radio-option {
    display: inline-block;
    margin-right: 15px;
    line-height: 23px;
    font-size: 17px
}
.radio-option input {
    vertical-align: middle;
}

.marathon_btn {
    text-align: center;
    position: relative;
    margin-top: 30px;
    display: flex;
    gap:5px;
    justify-content: center;
}

.apply_btn1 { display:inline-block; vertical-align:middle; width:100%; max-width:200px; text-align:center; height:60px; line-height:62px; font-size:18px; }
.apply_btn { display: inline-block; vertical-align: middle; width: 100%;   max-width: 200px;  text-align: center; height: 60px; line-height: 62px; font-size: 18px;}

.apply_btn1 {
    background: #ed7d31;
    color: #fff;
}
.apply_btn2 {
    background: #333;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .form-group {
        width: 50%;
    }
    .form-label {
        width: 250px;
        font-size: 16px
    }
    .form-input {
        width: calc(100% - 250px);
    }
}

@media screen and (max-width: 767px) {
    .form-section {
        flex-direction: column;
    }
    .form-group,
    .form-section.full-width .form-group {
        width: 100%;
    }
    .form-label,
    .form-input {
        width: 100%;
    }
    .radio-option {
        display: block;
        margin-bottom: 10px;
    }
}



 .group-mrth_app_w {
    display: block;
    overflow: hidden;
    border-top: 3px solid #ed7d31;
    text-align: left;
    font-family: 'GmarketSansMedium';
}
.group-mrth_app_in {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
.group-mrth_app_in dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; 
    border-bottom: 1px solid #d9d9d9;
}
.group-mrth_app_in.w_100 dl {
    width: 100%;
}
.group-mrth_app_in dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    background: #f3f3f3;
    text-align: center;
    color: #4d4d4d;
    font-weight: bold;
    padding: 0; 
    box-sizing: border-box;
}
.group-mrth_app_in dl dt span {
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.group-mrth_app_in dl dd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 250px);
    background: #fff;
    text-align: left;
    line-height: 1.6em;
    box-sizing: border-box;
    padding: 10px 15px;
}
.group-mrth_app_w input[type="text"],
.group-mrth_app_w input[type="password"],
.group-mrth_app_w select {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    padding: 0 10px;
    vertical-align: middle;
    font-family: 'GmarketSansMedium';
    margin: 5px 0;
    width: 95%;
    box-sizing: border-box;
}
.group-mrth_app_w input[type="radio"] {
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.group-mrth_app_w span.course_list {
    display: inline-block;
    padding-left: 15px;
    height: 23px;
    line-height: 23px;
}
.group-mrth_app_w select {
    width: 100px;
}

@media screen and (max-width: 768px) {
    .group-mrth_app_in dl,
    .group-mrth_app_in.w_100 dl {
        flex-direction: column;
    }
    .group-mrth_app_in dl dt,
    .group-mrth_app_in dl dd {
        width: 100%;
    }
    .group-mrth_app_in dl dt {
        height: auto;
        padding: 10px 0;
    }
    .group-mrth_app_w input[type="text"],
    .group-mrth_app_w input[type="password"],
    .group-mrth_app_w select {
        width: 100%;
    }
    .group-mrth_app_w span.course_list {
        display: block;
        padding-left: 0;
    }
}

/*
   .member-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #f9f9f9;
            margin-top: 50px
        }
        .member-table th, .member-table td {
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        .member-table th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        .member-table input[type="text"],
        .member-table select {
            width: 100%;
            padding: 5px;
            border: 1px solid #ddd;
        }
        .member-table .phone-input {
            display: flex;
            gap: 5px;
        }
        .member-table .phone-input input {
            width: 30%;
        }
        .delete-btn {
            background-color: #cc0000;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
        }
        @media screen and (max-width: 768px) {
            .member-table, .member-table tbody, .member-table tr, .member-table td {
                display: block;
            }
            .member-table thead {
                display: none;
            }
            .member-table tr {
                margin-bottom: 15px;
                border: 1px solid #ddd;
            }
            .member-table td {
                text-align: left;
                padding-left: 30%;
                position: relative;
            }
            .member-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }
            .member-table .phone-input {
                flex-direction: row;
                justify-content: flex-end;
            }
            .member-table .phone-input input {
                width: 30%;
            }
        }


   .registration {
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px;
        }
        .registration__title {
            text-align: center;
            margin-bottom: 20px;
        }
        .registration__notice {
            margin-bottom: 20px;
        }
        .registration__notice-item {
            margin-bottom: 10px;
        }
        .registration__notice-item--highlight {
            color: #ff0000;
        }
        .registration__form {
            display: flex;
            flex-direction: column;
            border-top: 2px solid #ff6600;
            border: 1px solid #ddd;
        }
        .registration__field {
            display: flex;
        }
        .registration__label {
            width: 80px;
            font-weight: bold;
            background-color: #f2f2f2;
            padding: 10px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ddd;
        }
        .registration__input-container {
            flex: 1;
            display: flex;
            align-items: center;
        }
        .registration__input {
            width: 100%;
            padding: 15px;
            border: 1px solid #ddd;
            box-sizing: border-box;
        }
        .registration__phone {
            display: flex;
            gap: 10px;
        }
        .registration__phone-input {
            flex: 1;
        }


        .registration__phone-input:last-child,
        .registration__input[type="password"] {
            background-color: transparent;
        }
        @media screen and (max-width: 480px) {
            .registration {
                padding: 10px;
            }
            .registration__field {
                flex-direction: column;
            }
            .registration__label {
                width: 100%;
                margin-bottom: 5px;
            }
            .registration__input-container {
                width: 100%;
            }
        }*/