:root{
    --franchise-point: #4674f2;
}

#header {background: none;}
#header .header__logo {opacity: 0; visibility: hidden;transition: .4s;}
#header .header__logo > a {background: url("/_wavedream/images/common/logo_nanum_white.webp") no-repeat center center/contain;transition: .4s;}
#header .header__logo > a > img {opacity: 0;}
#header .header__gnb > ul > li {color: #fff;}
#header .header__gnb > ul > li:hover {color: var(--color-primary);}
#header .header__mobile-bar > svg {color: #fff;}
#header.on {background: #fff;}
#header.on .header__logo {opacity: 1;visibility: visible;}
#header.on .header__logo > a {background: url("/_wavedream/images/common/logo_nanum.webp") no-repeat center center/contain;}
#header.on .header__gnb > ul > li {color: #777;}
#header.on .header__gnb > ul > li:hover {color: var(--color-black);}
#header.on .header__mobile-bar > svg {color: var(--color-black);}


#franchise {font-size: 24px;font-weight: 700;}
#franchise * {word-break: keep-all;}
#franchise h2 {font-size: 55px;font-weight: 900;}
#franchise h3 {font-size: 35px;font-weight: 900;}
#franchise h4 {font-size: 30px;font-weight: 900;}
.section-wrap {max-width: 1000px;margin:0 auto;}
.section__title {font-size: 40px;font-weight: 900;color: var(--color-sub-02);}
#franchise h2.section__sub-title {font-size: 30px;font-weight: 900;}

.section__info {}
.section__info-list {display: flex;gap: 25px;}
.section__info-list > li {width: 100%;padding: 45px 15px 40px;border-radius: 20px;background: #f4fbfe;text-align: center;border: 1px solid #b3b3b3;}
.section__info-list > li > strong {display: block; margin-bottom: 10px;;font-size: 50px;font-weight: 900;color: var(--color-sub-02);}
.section__info-list > li > p {font-size: 30px;}
.section__info > p {line-height: 1.5;}
.section__info > strong {display: block;font-size: 30px;font-weight: 900;color: var(--color-sub-02);}






.franchise__banner {position: relative; margin-bottom: 120px;font-size: 0;}
.franchise__banner-bg {}
.franchise__banner-bg > img {width: 100%;}
.franchise__banner-logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 500px;}
.franchise__banner-logo > img {width: 100%;}



.section01 {margin-bottom: 120px;text-align: center;}
.section01 > div {}
.section01__title {margin-bottom: 80px;}
.section01__title > h4 {padding: 25px;border-radius: 15px;background: var(--franchise-point);color: #fff;}
.section01__title > p {padding: 55px 0;border-bottom: 3px solid var(--franchise-point);font-size: 40px;font-weight: 900;color: var(--franchise-point);line-height: 1.4;}
.section01__desc {}
.section01__desc > h4 {margin-bottom: 30px;font-size: 35px !important;}
.section01__desc > ul {max-width: 590px;margin: 0 auto;}
.section01__desc > ul > li {margin-bottom: 30px;padding: 20px 15px;border-radius: 10px;border: 2px solid var(--franchise-point);box-shadow: 2px 2px 5px #4674f2;font-size: 25px;color: var(--franchise-point);font-weight: 900;}
.section01__desc > ul > li:last-child {margin-bottom: 0;}


.section02 {padding: 120px 0;background: var(--franchise-point);color: #fff;text-align: center;}
.section02 > div {}
.section02__title {margin-bottom: 50px;}
.section02__title > h2 {margin-bottom: 10px;}
.section02__title > h3 {}
.section02__table {max-width: 800px;margin: 0 auto 50px;border-spacing: 10px 8px; border-collapse: separate;}
.section02__table th,
.section02__table td {padding: 23px 15px 20px;border-radius: 10px;font-weight: 900;border: 2px solid #fff;}
.section02__table th {background: #fff; color: var(--franchise-point);font-size: 25px;}
.section02__table td {font-weight: 700;font-size: 24px;}
.section02__table div {display: flex;flex-direction: column;justify-content: center;align-content: center;}
.section02__table tbody td > div {min-height: 59px;}
.section02__caution {font-size: 25px;line-height: 1.5;}




.section03 {padding: 120px 0;}
.section03 > div {max-width: 900px;}
.section03__reason {padding-bottom: 80px;margin-bottom: 100px;border-bottom: 3px solid var(--franchise-point);}
.section03__reason-title {margin-bottom: 50px;color: var(--franchise-point);text-align: center;}
.section03__reason-title > h3 {margin-bottom: 10px;}
.section03__reason-title > div {display: flex;gap: 5px;align-items: center;justify-content: space-between;}
.section03__reason-title > div .line {display: block;height: 3px;width:calc(50% - 160px);background-color: var(--franchise-point);}
.section03__reason-title > div > h2 {}
.section03__reason-list {max-width: max-content;margin: 0 auto;}
.section03__reason-item {display: flex;margin-bottom: 50px;}
.section03__reason-item:last-child {margin-bottom: 0;}
.section03__reason-item-num {display: flex;align-items: center;justify-content: center;width: 110px;height: 110px; border-radius: 10px; font-size: 80px;padding-top: 5px;;text-align: center;background: var(--franchise-point);color: #fff;font-weight: 900;}
.section03__reason-item-cont {width: calc(100% - 100px);padding-left: 30px;}
.section03__reason-item-cont > h3 {margin-bottom: 10px;;color: var(--franchise-point);}
.section03__reason-item-cont > p {}

.section03__step {margin-bottom: 150px;text-align: center;}
.section03__step > h3 {margin-bottom: 30px;;color: var(--franchise-point);}
.section03__step-list {max-width: 600px;margin: 0 auto;}
.section03__step-item {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 150px;margin-bottom: 30px;padding: 0 15px;border-radius: 10px;border: 2px solid var(--franchise-point);box-shadow: 2px 2px 5px #4674f2;}
.section03__step-item:last-child {margin-bottom: 0;}
.section03__step-item > h3 {margin-bottom: 10px;;color: var(--franchise-point);}
.section03__step-item > p {font-weight: 700;font-size: 25px;}

.section03__point {padding: 0 30px;}
.section03__point .line {position: relative;height: 2px;width: calc(100% - 100px);background: var(--franchise-point);}
.section03__point .line::before {content: '“';position: absolute;top: 0;left: -100px;transform: translateY(-21%);font-size: 200px;color: var(--franchise-point);}
.section03__point .line.line01 {margin-left: auto;}
.section03__point .line.line02 {background: #f00;}
.section03__point .line.line02::before {left: auto;right: -100px;color: #f00;}
.section03__point-text {padding: 40px 0;}
.section03__point-text > p {font-size: 45px;line-height: 1.3;color: var(--franchise-point);font-weight: 900;text-align: center;}
.section03__point-text > p:first-child {margin-bottom: 28px;}
.section03__point-text > p.red {color: #f00;}






.franchise__appli {padding: 130px 0;background: var(--franchise-point);}
.franchise__appli > div {display: flex;}
.franchise__appli-title {display: flex;flex-direction: column;width: 50%; color: #fff;}
.franchise__appli .section__sub-title {margin-bottom: 35px;padding: 0 0;}
.franchise__appli-title > p {}
.franchise__appli-title > figure {margin-top: auto;}
.franchise__appli-title > figure > img {width: 250px;}
.franchise__appli-form {width: 50%;padding-left: 85px;}
#franchise-form {}
.franchise-form__item {margin-bottom: 30px;}
.franchise-form__item > label {display: block; position: relative;width: 125px; margin-bottom: 5px;padding:0 5px 0 15px;color: #fff;font-size: 21px;text-align: justify;text-align-last: justify;letter-spacing: 0.08em;}
.franchise-form__item > label::before {content: "·";position: absolute;top: 50%;left: 0;transform: translateY(-50%);;}
.franchise-form__item.required > label:after {content: "*"; position: absolute;top: 84%;left: 100%;transform: translateY(-50%);;color: #f00;font-size: 38px;}
.franchise-form__item > input {width: 100%;height: 50px;border-radius: 5px;padding: 0 15px;font-size: 18px;font-weight: 700;border: none;}
.franchise-form__agree {}
.franchise-form__agree-box {display: flex; gap: 10px; margin-bottom: 15px;;align-items: center;}
.franchise-form__agree-box > input[type=checkbox] {width: 22px;height: 22px;}
.franchise-form__agree-box > input[type=checkbox] + label {color: #fff;font-size: 18px;border-bottom: 1px solid transparent;cursor: pointer;;}
.franchise-form__agree-box > span {display: block;cursor: pointer;color: #ddd;}
.franchise-form__agree-box > span > svg {display: none;width: 20px;vertical-align: middle;transform: translateY(-2px);}
.franchise-form__agree-box > span.active > svg {transform: translateY(-2px) rotate(180deg);}
.franchise-form__agree-box > span::before {content: "보기";font-size: 15px;vertical-align: middle;border-bottom: 1px solid #ddd;}
.franchise-form__agree-box > span.active::before {content: "접기";}
.franchise-form__agree textarea {display: none;width: 100%;height: 150px;padding: 20px;font-size: 16px;line-height: 1.4;border-radius: 10px;color: #444;}
.franchise-form__submit {margin-top: 40px;width: 100%;height: 50px;border-radius: 10px;background: #f00;color: #fff;text-align: center;font-size: 20px;font-weight: 900;}




.franchise-btn {display: flex;align-items: center;justify-content: center;position: fixed;bottom: 30px;right: 20px;width: max-content;height: 50px; padding: 0 25px; border-radius: 40px;background: #f00;color: #fff;font-size: 20px;text-align: center;font-weight: 700;z-index: 10; opacity: 1;visibility: visible;transition: .4s;cursor: pointer;}
.franchise-btn.on {opacity: 0;visibility: hidden;}


.grecaptcha-badge {display: none;}

/* 파트너 신청 로딩 오버레이 */
.franchise-loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100000; display: flex; align-items: center; justify-content: center;}
.franchise-loading-overlay .spinner { width: 50px; height: 50px; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: franchise-spin 1s ease-in-out infinite;}
@keyframes franchise-spin {
    to { transform: rotate(360deg); }
}





@media all and (max-width:1024px) {
    #franchise {font-size: 16px;}

    .section__title {font-size: 22px;}
    #franchise h2.section__sub-title {font-size: 23px;}
    .section__info-list {flex-direction: column; gap: 10px;}
    .section__info-list > li {padding: 20px 15px 25px;border-radius: 10px;}
    .section__info-list > li > strong {margin-bottom: 5px;;font-size: 25px;}
    .section__info-list > li > p {font-size: 17px;}
    .section__info > strong {font-size: 20px;}

    #franchise h2 {font-size: 35px;}
    #franchise h3 {font-size: 25px;}
    #franchise h4 {font-size: 20px;}

    .franchise__banner {margin-bottom: 70px;}
    .franchise__banner-bg > img {height: 400px; min-height: 300px;object-fit: cover;}
    .franchise__banner-logo {width: 300px;max-width: 90%;}


    .section01 {margin-bottom: 100px;}
    .section01__title {margin-bottom: 40px;}
    .section01__title > h4 {padding: 13px 10px;border-radius: 10px;}
    .section01__title > p {font-size: 27px;padding: 30px 0;border-width: 2px;}
    .section01__desc > h4 {margin-bottom: 25px;font-size: 25px !important;}
    .section01__desc > ul > li {margin-bottom: 20px;;padding: 10px 10px;font-size: 17px;border-radius: 7px;line-height: 1.5;}
    .section01__desc > ul > li:last-child {margin-bottom: 0;}



    .section02 {padding: 80px 0;}
    .section02__title {margin-bottom: 25px;}
    .section02__title > h2 {margin-bottom: 4px;}
    .section02__table {margin-bottom: 25px;border-spacing: 3px 4px;}
    .section02__table th, 
    .section02__table td {padding: 13px 0 11px;border-radius: 5px;border: 1px solid #fff;}
    .section02__table th {font-size: 14px;}
    .section02__table td {font-size: 13px;font-weight: 700;}
    .section02__table tbody td > div {min-height: 31px;}
    .section02__caution {font-size: 14px;}

    

    .section03 {padding: 80px 0;}
    .section03__reason {margin-bottom: 80px;border-width: 2px;}
    .section03__reason-title > div .line {height: 2px;;width: calc(50% - 100px);}
    .section03__reason-item {margin-bottom: 35px;}
    .section03__reason-item-num {width: 75px;height: 75px;font-size: 40px;}
    .section03__reason-item-cont {width: calc(100% - 75px);padding-left: 15px;}
    .section03__reason-item-cont > h3 {font-size: 24px !important;margin-bottom: 6px;}

    .section03__step {margin-bottom: 100px;}
    .section03__step > h3 {margin-bottom: 20px;}
    .section03__step-item {height: 130px;margin-bottom: 18px;;border-radius: 7px;}
    .section03__step-item > h3 {margin-bottom: 6px;}
    .section03__step-item > p {font-size: 18px;}


    .section03__point {padding: 0 0;}
    .section03__point .line {width: calc(100% - 60px);}
    .section03__point .line::before {left: -60px;font-size: 110px;}
    .section03__point .line.line02::before {right: -60px;}
    .section03__point-text > p {font-size: 26px;}
    .section03__point-text > p:first-child {margin-bottom: 10px;}




    .franchise__appli {padding: 80px 0;}
    .franchise__appli > div {flex-direction: column;}
    .franchise__appli-title {display: block;width: 100%;padding-top: 0;margin-bottom: 50px;}
    .franchise__appli .section__sub-title {margin-bottom: 10px;}
    .franchise__appli-title > p {}
    .franchise__appli-title > figure {display: none;}
    .franchise__appli-title > figure > img {width: 180px;}
    .franchise__appli-form {width: 100%;padding-left: 0;}
    .franchise-form__item {margin-bottom: 20px;}
    .franchise-form__item > label {width: 95px; margin-bottom: 7px;;padding: 0 5px 0 11px;font-size: 14px;}
    .franchise-form__item.required > label:after {top: 64%;font-size: 20px;}
    .franchise-form__item > input {height: 40px; padding: 0 10px; font-size: 14px;border-radius: 7px;}
    .franchise-form__agree-box {gap: 6px;}
    .franchise-form__agree-box > input[type=checkbox] {width: 18px;height: 18px;}
    .franchise-form__agree-box > input[type=checkbox] + label {font-size: 14px;border-color: #fff;}
    .franchise-form__agree textarea {padding: 15px 15px;border-radius: 7px; font-size: 12px;}
    .franchise-form__submit {height: 45px; margin-top: 35px;;font-size: 17px;border-radius: 7px;}


    .franchise-btn {bottom: var(--layout-padding);right: auto;left: 50%;transform: translateX(-50%);width: calc(100% - (var(--layout-padding) * 2));border-radius: 10px;font-size: 17px;}
}