/* 250730 _ 프랜차이즈 페이지 리뉴얼 */

.site-top {display:none;}

.page-franchise .page-navigation {padding:40px 0;}
.page-franchise .page-navigation li a { font-family:'Pretendard',sans-serif; }

.franchise_wrap {font-family:'Pretendard',sans-serif; }

.franchise_wrap .txt-red {color:#ea0029}
.franchise_wrap .common_tit {font-size:50px;text-align:center;font-weight:800;padding-bottom:60px;}

.banner {padding:215px 0;background:url('/assets/images/franchise/new/banner-bg.jpg') no-repeat center center/cover;}
.banner .text {text-align: center; color:#fff;}
.banner h2 {font-size:70px;}
.banner p {font-size:55px;font-weight:700;}
.banner span {display:block;font-size:26px;font-weight: 600;}
.banner strong {display:block;font-size:80px;padding-top:90px;}


.business {padding:150px 0;background:url('/assets/images/franchise/new/business-bg.jpg') no-repeat center center/cover;}
.business .inner {width:1400px;margin:0 auto;}
.business .inner .title { font-size: 60px; font-weight: 800; line-height: 1.33;padding-bottom:65px;text-align:center;}
.business .item-wrap {display: flex;gap:55px;}
.business .item-wrap .item {position: relative; width:33.33%;background-color:#fff; text-align:center; padding:80px 20px 60px 20px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);border-top-left-radius: 250px;border-top-right-radius: 250px;}
.business .item-wrap .item img {display:block; margin:0 auto;}
.business .item-wrap .item em {font-family: 'GmarketSans',sans-serif;width:80px;height:80px;background-color:#ea0029; border-radius:50%;display: flex;align-items:center;justify-content:center;
    width:80px;height:80px;position: absolute;left:0;top:40px;font-size:35px;font-weight: 700;color:#fefefe;}
.business .item-wrap .item .text b {display:block;font-size:30px;font-weight: 800;padding-top:40px;}
.business .item-wrap .item .text p {line-height:1.39;color:#000;padding-top:25px;}


.onlyegggdrop {padding:0 0 40px 0;}
.onlyegggdrop .banner  {padding:400px 0 115px 0;background:url('/assets/images/franchise/new/onlyegggdrop-bg.jpg') no-repeat center center/cover;}
.onlyegggdrop .banner p {font-size: 60px;font-weight: 800;line-height: 1.33; color:#fff;text-align: center;}
.onlyegggdrop .inner {width:1200px;margin:0 auto;}
.onlyegggdrop .inner .item-wrap {padding-top:115px;}
.onlyegggdrop .inner .item-wrap .item {display: flex;gap:90px;justify-content: flex-start;margin-bottom:110px;}
.onlyegggdrop .inner .item-wrap .item .num {width:200px;height:200px;border-radius: 50%;color:#fff;display: flex;flex-direction: column;align-items:center; justify-content:center;background-color: #ea0029;}
.onlyegggdrop .inner .item-wrap .item .num span {display:block; font-size: 20px;line-height:1.4;text-align: center;}
.onlyegggdrop .inner .item-wrap .item .num strong {font-family: 'GmarketSans',sans-serif;font-size:50px;font-weight: 700;padding-top:7px;}
.onlyegggdrop .inner .item-wrap .item .cont h2 { font-size: 50px;font-weight: 800;padding-bottom:15px;} 
.onlyegggdrop .inner .item-wrap .item .cont p {font-size: 20px;line-height: 1.5;padding-bottom:20px;} 


.compare {position: relative;background-color:#fff9de;padding:150px 0 110px 0;}
.compare .icon {position: absolute;left:0;top:-152px;z-index:1;}
.compare .inner {width:1220px;margin:0 auto;}
.compare .inner .title {text-align: center;padding-bottom:60px;}
.compare .inner .title h2 {font-size: 60px; font-weight: 800;line-height:1;padding-bottom:25px;}
.compare .inner .title h3 {font-size: 50px; font-weight: 500;line-height:1;}
.compare .inner .title h3 span {font-weight: 800;}
.compare .inner .box {position:relative;padding:50px 180px;border-radius: 30px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);background-color: #fff;z-index:10;}
.compare .inner .box {margin-bottom:40px;}
.compare .inner .box .box-tit {font-size: 35px;font-weight: 800;text-align: center;padding-bottom:10px;}
.compare .inner .box .box-desc {font-size: 20px;font-weight: 500;text-align: center;padding-bottom:50px;}


.carrer {position:relative;padding:120px 0 30px 0;}
.carrer::after {content:'';position: absolute;right:0;top:-60px;background-image:url('/assets/images/franchise/new/carrer-bg-icon.png');width:441px;height:491px;}
.carrer .inner {width:1220px;margin:0 auto;}
.carrer .title p { font-size: 60px; font-weight: 800;line-height: 1.33;text-align: center;padding-bottom:100px;}
.carrer .title p em {position: relative;}
.carrer .title p em:after  {content:'';position: absolute;top:-16px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius: 50%;background-color: #ea0029;}
.carrer .small_tit {padding-bottom:60px;}
.carrer .small_tit .num {padding-bottom:25px;}
.carrer .small_tit img {display: block;margin:auto;}
.carrer .small_tit h2 {text-align: center;font-size: 50px;font-weight: 800; line-height:1;}
.carrer .small_tit .big-title {padding-top:100px;}
.carrer .common-area .wrap {display:flex;justify-content:center;gap:10px;padding-bottom:20px;}
.carrer .common-area .wrap .cont .text {padding:35px 10px;text-align:center}
.carrer .common-area .wrap .cont .text .tit {font-family:'SupremeLL',snas-serif; font-size: 30px; font-weight: 700;padding-bottom:15px;}
.carrer .common-area .wrap .cont .text .desc {font-size: 25px; font-weight: 500;line-height:1.2}
.carrer .common-area .wrap .cont:nth-child(1) .text {background-color: #f4f097;}
.carrer .common-area .wrap .cont:nth-child(2) .text {background-color: #c8e8f3;}
.carrer .common-area .wrap .cont:nth-child(3) .text {background-color: #def2bf;}
.carrer .common-area .common-text {font-size: 22px; font-weight: 600;line-height:1.59;text-align: center;padding-top:30px;}
.carrer .common-area .link-why {display:block;width:180px;height:60px;border:1px solid #111;border-radius:30px;font-size:20px;line-height:60px;margin:20px auto 0 auto;text-align:center;transition:all .4s;}
.carrer .common-area .link-why:hover {background:#111;color:#fff;}

.carrer .article {margin-bottom:120px;}
.carrer .article-1 .box-wrap {padding-top:60px;}
.carrer .article-1 .box-wrap .box {padding:37px 89px; border-radius: 30px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);margin-bottom:35px;}
.carrer .article-1 .box.box-1 .text-1 {font-size: 18px; font-weight: 700;padding-bottom:15px;}
.carrer .article-1 .box.box-1 > div {max-width: 700px;margin:0 auto;}
.carrer .article-1 .box.box-1 .text-2 {font-size: 25px; font-weight: 700;padding-bottom:18px;border-bottom:2px solid #000;}
.carrer .article-1 .box.box-1 .text-3 {font-size: 22px; font-weight: 700;padding:22px 0 26px 0;}
.carrer .article-1 .box.box-1 .img_desc {font-size:15px;color:#777;padding-top:13px;}
.carrer .article-1 .box.box-2 .tit {text-align: center;}
.carrer .article-1 .box.box-2 .text-1 {font-size: 28px;font-weight: 800;}
.carrer .article-1 .box.box-2 .text-2 {font-size: 16px;}
.carrer .article-1 .box.box-2 .text-3 {font-size: 20px;font-weight: 700;text-align: center;padding:30px 0 15px 0;}
.carrer .article-1 .box.box-2 .text-4 {font-size: 16px;text-align: center;}
.carrer .article-1 .box.box-3 .text-1 {font-size: 25px; font-weight: 800;text-align: center;padding-bottom:30px;}
.carrer .article-1 .box.box-3 .item-wrap {display: flex;gap:40px;}
.carrer .article-1 .box.box-3 .item-wrap .item strong {display: block;font-size:18px;text-align: center;padding:20px 0;}
.carrer .article-1 .box.box-3 .item-wrap .item .color-bg {border-radius: 10px;
  background-color: #f4f097; padding:15px; text-align: center;font-size:22px;font-weight: 700;margin-bottom:10px;}
.carrer .article-2 .item-wrap {display: flex;gap:10px;}
.carrer .article-2 .item-wrap .item .img {position: relative;overflow:hidden;}
.carrer .article-2 .item-wrap .item .img p {position: absolute; left:50%;transform:translateX(-50%);top:-85px;width:320px;height:160px;border-bottom-left-radius:160px;border-bottom-right-radius:160px; display: flex;align-items: flex-end; justify-content: center;}
.carrer .article-2 .item-wrap .item .img p > span { font-family:'SupremeLL',snas-serif; padding-bottom:30px;font-size: 25px;font-weight: 700;}
.carrer .article-2 .item-wrap .item:nth-child(1) .img p {background-color: #f4f097;}
.carrer .article-2 .item-wrap .item:nth-child(2) .img p {background-color: #c8e8f3;}
.carrer .article-2 .item-wrap .item:nth-child(3) .img p {background-color: #def2bf;}
.carrer .article-2 .item-wrap .item .text .top {border-bottom:2px solid #000;text-align: center;padding:28px 0 15px 0;}
.carrer .article-2 .item-wrap .item .text span {font-size:18px;font-weight: 700;}
.carrer .article-2 .item-wrap .item .text p {font-size:25px;font-weight: 700;}
.carrer .article-2 .item-wrap .item ul {padding-top:20px;padding-left:86px;}
.carrer .article-2 .item-wrap .item ul li {font-size:18px;font-weight: 500;}
.carrer .article-4 .item-wrap .item {padding:37px 62px; border-radius: 30px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); background-color: #fff;margin-bottom:37px;}
.carrer .article-4 .item-wrap .item .tit {display:flex;align-items:center;gap:15px;font-size:22px;font-weight: 700;border-bottom:2px solid #000;padding-bottom:15px;margin-bottom:30px;}


.inquiry {background:url('/assets/images/franchise/new/inquiry-bg.jpg') no-repeat center center/cover;padding:140px 0 150px 0;}
.inquiry .inner {width:1220px;margin:0 auto;}
.inquiry .form {background-color:#fff;padding:50px 160px;border-radius: 30px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);}
.inquiry .inquiry-title {text-align:center;}
.inquiry .inquiry-title p {font-size: 50px;font-weight:800;}
.inquiry .inquiry-title strong {display:block;font-size:70px;font-weight:800;padding-top:20px;}


.procedure {padding:140px 0;}
.procedure .inner {width:960px;margin:0 auto;}
.procedure .item-wrap {display: grid;grid-template-columns: repeat(3,2fr);justify-content: center;gap:68px 103px;}
.procedure .item-wrap .item {}
.procedure .item-wrap .item .img strong {display: block;font-family: 'GmarketSans',sans-serif;font-size:38px;font-weight: 700;}
.procedure .item-wrap .item .text {}
.procedure .item-wrap .item .text h3 {font-size:25px;color:#010101;text-align: left;padding:20px 0 15px 0;}
.procedure .item-wrap .item .text p {border-top:3px solid #000;font-size:18px;font-weight:500;padding-top:15px;}


.cost {padding:140px 0;background-color:#f7f7f7;}
.cost .inner {width:1220px;margin:0 auto;}
.cost .table_wrap .unit {display:block;text-align:right;font-size:16px;color:#010101;padding-bottom:15px;}
.cost .table_wrap table {width:100%;border-collapse: collapse;border-left:1px solid #e1e1e1;}
.cost .table_wrap table th, .cost .table_wrap table td {font-size:20px;font-weight: 600;text-align: center;padding:20px 10px}
.cost .table_wrap table th {background-color:#111;color:#fff;}
.cost .table_wrap table td {background-color:#fff;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.cost .table_wrap table tr.red td {background-color: #ea0029; color:#fff;border-right:0;}
.cost .table_wrap p {position: relative;padding-left:12px; font-size: 18px;line-height:1.56;}
.cost .table_wrap p.mt30 {margin-top:30px;}
.cost .table_wrap p:after {content:'*';position: absolute;left:0;top:0;}


.loan {padding:140px 0 0 0;}
.loan .inner {width:1220px;margin:0 auto;}
.loan .desc {font-size:22px;font-weight:500;text-align: center;padding-bottom:80px;}
.loan .desc span {font-weight:700;}
.loan .item-wrap {display: flex;gap:40px;}
.loan .item-wrap .item {position:relative;width:50%; border-radius: 30px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1); padding:96px 52px;}
.loan .item-wrap .item strong {position:absolute;display:flex;align-items:center;justify-content:center;width:357px;height:70px;top:-16px;left:50%;transform:translateX(-50%);
background:url('/assets/images/franchise/new/loan-img-1.png') no-repeat center center/cover;color:#fff;font-size: 25px;font-weight: 700;}
.loan .item-wrap .item .box > div:nth-child(1) {padding-bottom:30px;}
.loan .item-wrap .item .tit {padding-bottom:18px;}
.loan .item-wrap .item p {display:flex;font-size:20px;font-weight:500;}
.loan .item-wrap .item p em {display:block; width:50px; font-size:20px;font-weight:500;}
.loan .item-wrap .item p span {flex:1;}
.loan .item-wrap .item  ul li {position:relative;font-size: 20px; font-weight: 500;line-height:1.5; color:#010101; padding-left:25px;margin-bottom:10px;}
.loan .item-wrap .item  ul li:after {content:'';position:absolute;left:0;top:7px;background:url('/assets/images/franchise/new/loan-img-4.png') no-repeat center left;width:18px;aspect-ratio:18/15;}


.floting {position: fixed; right:20px; top:50%;transform: translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:1000;}
.floting .box {display:flex;flex-direction:column;background-color:#fff;padding:25px 24px;text-align:center;border-radius: 50px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);}
.floting .box > div {border-bottom:1px solid #ccc;padding:15px 0;}
.floting .box > div:last-child {border-bottom:0;}
.floting .box img {margin:0 auto;}
.floting .box .call a {font-family: GmarketSans, snas-serif; font-size: 20px;font-weight:700; color:#ea0029;}
.floting .box .call p {padding:0 0 10px 0;}
.floting .box p {font-family:'Pretendard',sans-serif;text-align:center;padding:10px 0 0 0;font-size:16px;font-weight:700;}
.floting .box a img {display:block;}
.floting .btn-top {background:#ea0029;width:66px;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;border-radius: 50%; margin-top:-20px;font-family: 'Montserrat',sans-serif;font-size: 14px;color:#fff;font-weight: 800;}