.rayno-creator-wrap {
    font-family: 'Pretendard', sans-serif;
    color: #222;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 1920px;
}

/* HERO */
.rayno-creator-hero {
    text-align: center;
    padding: 135px 0px 90px 0px;
    background: #fff;
    position: relative;
     /* 동전 배경 */
}

.rayno-creator-title {
    font-size: 55px;
    font-weight: 800;
    letter-spacing: -2.5px;
    margin-bottom: 55px;
}

.rayno-creator-main-img {
    width: 60%;
    margin: 0 auto;
}

.rayno-creator-main-img img {
    max-width: 100%;
}

.rayno-creator-desc-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    flex-direction: column;
}

.rayno-creator-desc-wrap.mt {
    margin-top: 40px;
}

.rayno-creator-logo-group {
    display: flex;
    gap: 20px;
}

.rayno-creator-logo-group img {
    height: 70px;
}

.rayno-creator-desc {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #0C081B;
}

.rayno-creator-desc strong {
    font-weight: 700;
}

.rayno-creator-btn-group {
    display: flex;
    justify-content: center;
    gap: 55px;
    margin-top: 40px;
}

.rayno-btn-primary {
    background: #F58608;
    color: #fff;
    border: none;
    padding: 15px 25px;
    font-size: 20px;
    cursor: pointer;
    font-weight: 200;
    min-width: 230px;
    box-sizing: border-box;
}

/* PROGRAM */
.rayno-creator-program {
    padding: 65px 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../images/creator_center/bg.png');
    background-position: center;
}

.rayno-program-title {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #333333;
}

.rayno-program-desc {
    font-size: 16px;
    width: 50%;
    margin: 20px auto 0 auto;
    line-height: 1.75;
    color: #333333;
    letter-spacing: -0.5px;
}

/* BENEFIT */
.rayno-creator-benefit {
    padding: 75px 40px 120px 40px;
    text-align: center;
}

.rayno-benefit-label {
    color: #f58220;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.rayno-benefit-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    letter-spacing: -1.5px;
    color: #0C081B;
}

.rayno-benefit-list {
    max-width: 970px;
    margin: 40px auto 0 auto;
}

.rayno-benefit-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 30px;
    border-radius: 999px;
    border: 1px solid transparent;
    border-image: linear-gradient(90deg, #F24C05, #F58608);
    border: 3px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(90deg, #F24C05, #F58608) border-box;
}

.rayno-benefit-item:not(:first-child){
    margin-top: 30px;
}

.rayno-benefit-text {
    text-align: left;
    max-width: 45%;
}

.rayno-benefit-item-title {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -1px;
    color:  #F7561E;
}

.rayno-benefit-item-desc {
    font-size: 16px;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 1.75;
    margin-top: 8px;
    color: #0C081B;
}

.rayno-benefit-icon {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    margin-right: 120px;
    background-position: center;
}

.rayno-benefit-icon:after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: linear-gradient(180deg, #F24C05, #F58608);
    position: absolute;
    right: -60px;
    top: 0;
    opacity: 0.5;
}

.rayno-benefit-icon.g1 {
    background-image: url('../images/creator_center/gift_1.svg');
}
.rayno-benefit-icon.g2 {
    background-image: url('../images/creator_center/gift_2.svg');
}
.rayno-benefit-icon.g3 {
    background-image: url('../images/creator_center/gift_3.svg');
}

/* Q&A */
.rayno-creator-qa {
    padding: 75px 20px 120px 20px;
    background-color: #F58608;
}

.rayno-qa-label {
    display: blcok;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.rayno-qa-title {
    display: block;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    letter-spacing: -1.5px;
    color: #fff;
}

.rayno-qa-toggle {
    width: 100%;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    gap: 20px;
    cursor: pointer;
    flex-direction: column;
    margin-top: 25px;
}

.rayno-qa-toggle div {
    line-height: 1;
    letter-spacing: -1.3px;
    font-weight: 500;
}
.rayno-qa-toggle div:nth-of-type(1) {
    font-size: 30px;
}
.rayno-qa-toggle div:nth-of-type(2) {
    font-size: 25px;
}

.rayno-qa-content {
    display: none;
    max-width: 970px;
    margin: 40px auto 0 auto;
}

.rayno-qa-item {
    background-color: #fff;
    border-radius: 120px;
    padding: 30px 120px;
}
.rayno-qa-item:not(:first-child){
    margin-top: 30px;
}

.rayno-qa-question {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -1px;
    color: #F7561E;
}

.rayno-qa-answer {
    font-size: 16px;
    color: #0C081B;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 1.75;
    margin-top: 8px;
}

/* 지원하기 */
.rayno-apply-container {

width: 100%;

max-width: 1920px;

margin: 0 auto;

background-color: #f8f2eb;
}
.rayno-apply-wrap {
    max-width: 640px;
    margin: 0 auto;
    padding: 70px 20px;
    font-family: 'Pretendard', sans-serif;
}

/* ROW */
.rayno-apply-row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    flex-direction: column;
}

.rayno-apply-column {
    align-items: flex-start;
}

/* LABEL */
.rayno-apply-label {
    width: 100%;
    font-weight: 600;
    color: #f58220;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.5px;
}

/* FIELD */
.rayno-apply-field {
    width: 100%;
    margin-top: 10px;
}
.rayno-apply-field > .rayno-apply-field-link-wrap:not(:last-child){
    margin-bottom: 20px;
}
.rayno-apply-field-link-wrap {}

.rayno-apply-field-link-wrap .add-link-button {width: 100%;line-height: 1.3;color: #333;background: rgba(255, 255, 255, 0.35);border: 1px solid rgba(0, 0, 0, 0.5);box-sizing: border-box;padding: 10px 10px;font-size: 14px;border-radius: 5px;}

.rayno-apply-field select {
    appearance: none;
    background: url('arrow.png') no-repeat right 10px center / 10px;
}

/* FLEX */
.rayno-apply-flex {
    display: flex;
    gap: 10px;
}

.rayno-apply-flex select {
    width: 50%;
}

/* CHECK / RADIO */
.rayno-apply-check,
.rayno-apply-radio {
    margin-right: 15px;
    font-size: 16px;
    cursor: pointer;
}

.rayno-apply-check input,
.rayno-apply-radio input {
    margin-right: 5px;
}

/* AGREE */
.rayno-apply-agree {
    margin-top: 30px;
    border-top: 1px solid #f58220;
    padding-top: 20px;
}

.rayno-apply-agree > .rayno-apply-agree-item:not(:first-child){
    margin-top: 10px;
}

.rayno-apply-agree-item {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 10px 4px;
}
.rayno-apply-agree-item .label {
    color: #f58220;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1.3;
}

.rayno-apply-agree-item .link {
    color: #999;
    font-weight: 400;
    font-size: 13px;
    margin-left: 8px;
}

/* BUTTON */
.rayno-apply-submit {
    text-align: center;
    display: flex;
    justify-content: end;
    gap: 15px;
    margin-top: 20px;
    border-top: 1px solid #f58220;
    padding-top: 30px;
}

.rayno-apply-submit .button:not([type='submit']) {
    background-color: #000;
}
.rayno-apply-submit .button {
    background: #f58220;
    color: #fff;
    border: none;
    padding: 15px 50px;
    font-size: 16px;
    cursor: pointer;
    width: auto;
    line-height: 1.3;
    box-sizing: border-box;
}

/* ====== form reset 복구 ====== */
.rayno-apply-wrap input[type="radio"],
.rayno-apply-wrap input[type="checkbox"] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    width: auto;
    height: auto;
    position: relative;
    opacity: 1;
}

/* ====== select 복구 ====== */
.rayno-apply-wrap select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    background: none;
    color: #333;
    border-bottom: 1px solid #999;
    padding: 10px 8px;
}

/* ====== 기존 input 유지 ====== */
.rayno-apply-field input[type="text"],
.rayno-apply-field input[type="email"] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #999;
    font-size: 16px;
    outline: none;
    color: #333;
    min-height: auto;
    background: 0 none;
    padding: 10px 8px;
}

/* ====== 체크/라디오 정렬 개선 ====== */
.rayno-apply-check,
.rayno-apply-radio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 15px;
    font-size: 16px;
    padding: 10px 8px;
}

/* ====== 체크박스 클릭 영역 확대 ====== */
.rayno-apply-check input,
.rayno-apply-radio input {
    cursor: pointer;
}


/* =========================
   TABLET (1024px 이하)
========================= */
@media (max-width: 1024px) {

    .rayno-creator-title {
        font-size: 40px;
    }

    .rayno-creator-main-img {
        width: 80%;
    }

    .rayno-program-desc {
        width: 80%;
    }

    .rayno-benefit-item {
        flex-direction: column;
        text-align: center;
    }

    .rayno-benefit-icon {
        margin: 0 0 20px 0;
    }

    .rayno-benefit-icon:after {
        display: none;
    }

    .rayno-benefit-text {
        max-width: 65%;
        text-align: center;
    }

    .rayno-qa-item {
        padding: 30px 40px;
        border-radius: 40px;
    }
}


/* =========================
   MOBILE (768px 이하)
========================= */
@media (max-width: 768px) {

    .rayno-creator-program {
    padding-left: 40px;
    padding-right: 40px;
    }

    /* HERO */
    .rayno-creator-hero {
        padding: 80px 40px 60px 40px;
    }

    .rayno-creator-title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .rayno-creator-main-img {
        width: 100%;
    }

    .rayno-creator-desc {
        font-size: 16px;
    }

    .rayno-creator-btn-group {
        flex-direction: column;
        gap: 15px;
    }

    .rayno-btn-primary {
        width: 100%;
        font-size: 16px;
    }


    /* PROGRAM */
    .rayno-program-title {
        font-size: 24px;
    }

    .rayno-program-desc {
        width: 100%;
        font-size: 14px;
    }


    .rayno-creator-qa {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* BENEFIT */
    .rayno-benefit-title {
        font-size: 24px;
    }

    .rayno-benefit-item {
        padding: 20px;
    }

    .rayno-benefit-item-title {
        font-size: 18px;
    }

    .rayno-benefit-item-desc {
        font-size: 14px;
    }

    .rayno-benefit-icon {
        width: 70px;
        height: 70px;
    }


    /* Q&A */
    .rayno-qa-title {
        font-size: 24px;
    }

    .rayno-qa-item {
        padding: 20px;
        border-radius: 25px;
    }

    .rayno-qa-question {
        font-size: 18px;
    }

    .rayno-qa-answer {
        font-size: 14px;
    }


    /* FORM */
    .rayno-apply-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .rayno-apply-label {
        font-size: 16px;
    }

    .rayno-apply-field input,
    .rayno-apply-field select {
        font-size: 14px;
    }

    .rayno-apply-flex {
        flex-direction: column;
    }

    .rayno-apply-flex select {
        width: 100%;
    }

    .rayno-apply-check,
    .rayno-apply-radio {
        width: 100%;
        margin-right: 0;
    }

    .rayno-apply-agree-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .rayno-apply-agree-item > label {
        margin-left: auto;
    }

    .rayno-apply-agree-item .label {
        margin-left: auto;
        text-align: right;
    }

    .rayno-apply-submit {
        flex-direction: column;
        align-items: stretch;
    }

    .rayno-apply-submit .button[type="submit"] {
        order: -1;
    }

    .rayno-apply-submit .button {
        width: 100%;
    }
}


/* =========================
   SMALL MOBILE (480px 이하)
========================= */
@media (max-width: 480px) {

    .rayno-creator-title {
        font-size: 24px;
    }

    .rayno-benefit-title {
        font-size: 20px;
    }

    .rayno-program-title {
        font-size: 20px;
    }

    .rayno-benefit-item-title {
        font-size: 16px;
    }

    .rayno-qa-question {
        font-size: 16px;
    }
}