/* 공통 */
#wrap{overflow: hidden;}
.fr_inner{max-width: 1600px; margin:  0 auto;}
.gra_txt{background: linear-gradient(90deg, #FADFA0 1.83%, #D6A55D 99.71%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.gold{color: #EBC791 !important;}
.brown{color: #4C250D !important;}
.white{color: #FFF !important;}
.bk_bg{background: #111;}
.or_bg{background: #EE8C23;}
.main_tit{text-align: center;}
.main_tit em{font-size: 30px; letter-spacing: -1px; font-weight: 800; display: block;}
.main_tit div{margin-top: 20px; font-size: 60px; letter-spacing: -2px; font-family: 'yg-jalnan'; line-height: 1.1;}
.main_tit p{font-size: 25px; letter-spacing: -1px; margin-top: 20px;}
.main_btn{font-size: 16px; margin-top: 40px; width: 163px; height: 46px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: #4C250D; color: #fff; font-family: 'yg-jalnan'; position: relative; overflow: hidden; transition: all 0.3s;}
.main_btn span{position: relative; z-index: 20;}
.main_btn i{display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("/img/brand/btn_arrow.svg") no-repeat center / 100%; margin: -2px 0 0 5px; transition: all 0.3s;}
.main_btn:before {z-index: 10; content: ""; position: absolute; transition: all 0.3s; left: 0; bottom: 0; width: 100%; height: 0; border-top-left-radius: 50%; border-top-right-radius: 50%;}
.main_btn.ani_btn1:hover {color:#4C250D; background: #FFCB4E;}
.main_btn.ani_btn2:hover {color:#4C250D; background: #FFF;}
.main_btn.ani_btn1:before {background: #FFCB4E;}
.main_btn.ani_btn2:before {background: #FFF;}
.main_btn:hover:before {height: 200%;}
.main_btn:hover i {background-image: url("/img/brand/btn_arrow_ov.svg");}


/* header */
.header.fr{background: none;}
.header.fr .gnb{gap:90px}
.header.fr .gnb > li{padding: 0;}
.header .gnb > li:hover{background: none;}
.header.fr .gnb > li > a{color: #fff;}
.header.fr .gnb > li > a:after{display: none;}
.header.fr .gnb > li > a:hover:before{content: ''; display: block; width: 25px; height: 3px; border-radius: 5px; background: #FFF; position: absolute; bottom: 10px; left: 50%; transform:translateX(-50%);}
.header .head_rt a{background: #D2A664;}

.header.fr:hover{background: #D79440;}
.header.fr:hover .head_rt a{color: #D79440; background: #fff;}

.header.fr.fixed{background: #D79440;}
.header.fr.fixed .head_rt a{color: #D79440; background: #fff;}


/* quick menu */
.quick.fr{bottom: 150px;}
.quick.fr.on{bottom: 60px;}
.quick.fr ul li a{background: #E3B774;}


/* visual */
.fr_vis{position: relative; background: url("/img/franchise/vis_img.png") no-repeat center / cover; height: 950px;}
.fr_vis .txt{padding-top: 146px; text-align: center;}
.fr_vis .txt .star{display: flex; justify-content: center; align-items: center; gap:14px;}
.fr_vis .txt .star span{display: block; width: 30px; height: 29px; background: url("/img/franchise/vis_star.svg") no-repeat center / contain; animation: star 0.4s ease-in both;}
.fr_vis .txt .star .star2{animation-delay:0.2s;}
.fr_vis .txt .star .star3{animation-delay:0.4s;}
.fr_vis .txt .txt1{margin-top: 20px; font-size: 40px; letter-spacing: -1px; font-weight: 800; color: #EBC791;}
.fr_vis .txt .txt2{font-size: 80px; letter-spacing: -2px; margin-top: 15px; font-family: 'yg-jalnan'; line-height: 1.1;}
.fr_vis .txt p{font-size: 25px; letter-spacing: -1px; margin-top: 20px; color: #EBC791;}
.fr_vis .img{width: 940px; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); animation: fadeUp 1.5s ease both 1s;}

@keyframes star {
	0% {transform:scale(5); opacity: 0;}
	100% {transform:scale(1); opacity: 1;}
}

@keyframes fadeUp {
	0% {transform:translate(-50%, 100px); opacity: 0;}
	100% {transform:translate(-50%, 0); opacity: 1;}
}

/* sec1 */
.fr_sec1{background: #111 url("/img/franchise/sec1_bg.png") no-repeat center / cover; padding: 150px 0;}
.sec1_chart{margin-top: 115px; display: flex; justify-content: space-between;}
.sec1_chart li{width: 460px; height: 460px; position: relative;}
.sec1_chart li:nth-child(1){background: url("/img/franchise/sec1_chart1.svg") no-repeat center / contain;}
.sec1_chart li:nth-child(2){background: url("/img/franchise/sec1_chart2.svg") no-repeat center / contain;}
.sec1_chart li:nth-child(3){background: url("/img/franchise/sec1_chart3.svg") no-repeat center / contain;}
.sec1_chart li dl{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.sec1_chart li dl dt{font-size: 30px; margin-bottom: 25px; color: #EBC791; font-family: 'yg-jalnan'; text-align: center;}
.sec1_chart li dl dd{font-size: 25px; letter-spacing: -1px; padding-left: 30px; font-weight: 800; color: #D9D9D9; line-height: 1.4; position: relative;}
.sec1_chart li dl dd:before{content: ''; display: block; width: 15px; height: 15px; border-radius:50%; background: #D9D9D9; position: absolute; left: 0; top: 10px;}
.sec1_chart li dl dd + dd{margin-top: 5px; color: #D5A55D;}
.sec1_chart li dl dd + dd:before{background: #D5A55D;}
.sec1_chart li .ratio{display: inline-block; color: #FFF; letter-spacing: -1px; padding: 20px 35px; border-radius:50px; background: #E32325; position: absolute; top: -25px; right: 8px; animation: upDown 1.2s infinite ease;}
.sec1_chart li .ratio:before{content: ''; display: block; width: 26px; height: 18px; background: url("/img/franchise/sec1_tri.svg") no-repeat center / contain; position: absolute; bottom: -17px; left: 50%; transform:translateX(-50%);}
.sec1_chart li .ratio strong{font-size: 35px; font-weight: 800;}
.sec1_chart li .ratio span{font-size: 25px; font-weight: 500;}

@keyframes upDown {
	0% {top: -30px;}
	50% {top: -15px;}
	100% {top: -30px;}
}


/* sec2 */
.fr_sec2{background: #E2B064; padding: 145px 0 150px;}
.fr_sec2 .main_tit{color: #4C250D; position: relative; z-index: 5;}
.fr_sec2 .main_tit .white{position: relative; display: inline-block; margin-right: 13px;}
.fr_sec2 .main_tit .white:before{content: ''; display: block; width: 248px; height: 90px; border-radius: 20px; background: #4C250D; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: -1;}
.sec2_list{display: flex; justify-content: space-between; margin-top: 60px;}
.sec2_list li{width: 30%;}
.sec2_list li .img{}
.sec2_list li .img img{width: 100%;}
.sec2_list li .txt{margin-top: 60px; text-align: center; color: #4C250D;}
.sec2_list li .txt .title{font-size: 40px; letter-spacing: -2px; font-family: 'yg-jalnan'; margin-bottom: 35px;}
.sec2_list li .txt strong{font-size: 25px; letter-spacing: -0.8px; font-weight: 800;}
.sec2_list li .txt p{font-size: 18px; letter-spacing: -0.8px; margin-top: 15px; font-weight: 500; line-height: 1.55;}
.sec2_btn{margin-top: 70px;}
.sec2_btn .main_btn{margin: 0 auto;}


/* sec3 */
.fr_sec3{background: #000; padding: 145px 0 150px;}
.sec3_swiper{margin-top: 80px; position: relative;}
.sec3_swiper .swiper-slide{width: 880px; margin: 0 40px;}
.sec3_swiper .swiper-slide .img{}
.sec3_swiper .swiper-slide .img img{width: 100%;}
.sec3_swiper .swiper-slide .txt{margin-top: 60px; letter-spacing: -0.8px; color: #FFF; text-align: center;}
.sec3_swiper .swiper-slide .txt strong{font-size: 35px;}
.sec3_swiper .swiper-slide .txt p{font-size: 25px; margin-top: 25px; line-height: 1.4;}
.sec3_arrow{position: absolute; top: 180px; left: 50%; transform:translateX(-50%); z-index: 5; display: flex; gap:808px;}
.sec3_arrow div{width: 70px; height: 70px; background: #fff; border-radius:50%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.sec3_arrow div img{width: 22px;}


/* sec4 */
.fr_sec4{padding: 145px 0 125px;}
.sec4_cont{margin-top: 80px; display: flex; justify-content: space-between; align-items: center;}
.sec4_slide{width: 740px; border-radius: 40px; overflow: hidden;}
.sec4_cont .txt{width: calc(100% - 740px - 100px);}
.sec4_cont .txt strong{display: inline-block; font-size: 30px; font-weight: 800; letter-spacing: -0.8px; color: #FFF; padding: 20px 40px; border-radius:50px; background: #4C250D;}
.sec4_cont .txt p{font-size: 25px; letter-spacing: -0.8px; margin-top: 40px; color: #4C250D; line-height: 1.4;}
.sec4_cont .txt p + p{margin-top: 20px;}
.sec4_cont .txt p span{display: inline-block;}
.sec4_cont .txt p span + span{margin-left: 10px;}
.sec4_arrow{margin-top: 55px; display: flex; align-items: center; gap:10px;}
.sec4_arrow div{width: 50px; height: 50px; background: #fff; border-radius:50%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.sec4_arrow div img{width: 16px;}


/* sec5 */
.fr_sec5{padding: 150px 0;}
.qna_list{max-width: 1400px; margin: 80px auto 0;}
.qna_list li + li{margin-top:20px;}
.qna_list li > div{display:flex; align-items: flex-start;}
.qna_list li > div strong{width:3.5%;}
.qna_list li > div span{width:96.5%;}
.qna_list .question{border-radius: 10px; font-size: 30px; color:#fff; padding:45px; align-items:baseline; cursor:pointer; font-weight: 800; border: 1px solid #FFF; position: relative;}
.qna_list .question:before{content: ''; display: block; width: 55px; height: 55px; background: url("/img/franchise/sec5_qna_ic.svg") no-repeat center / 100%; position: absolute; right: 45px; top: 50%; transform:translateY(-50%);}
.qna_list .question.on{background: linear-gradient(90deg, #FADFA0 1.83%, #D6A55D 99.71%); color:#000; border-color: transparent;}
.qna_list .question.on:before{filter:invert(1);}
.qna_list .answer{border-radius: 10px; background: #fff; padding:50px 45px; margin-top:20px; display:none;}
.qna_list .answer[style*="display: block"]{display:flex !important;}
.qna_list .answer strong{font-size: 30px;}
.qna_list .answer span{font-size: 25px; letter-spacing: -2px; font-weight: 600; line-height:1.6;}


/* sec6 */
.fr_sec6{padding-bottom: 140px;}
.sec6_cont{max-width: 1500px; margin: 80px auto 0;}
.sec6_cont .desc{font-size: 25px; letter-spacing: -1px; font-weight: 700; color: #fff; text-align: right; margin-bottom: 20px;}
.sec6_table{width: 100%; border-collapse:collapse; border-top: 1px solid rgba(255,255,255,0.6);}
.sec6_table thead{background: #323232;}
.sec6_table thead th{font-size: 26px; letter-spacing: -1px; font-weight: 700; color: #fff; padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6);}
.sec6_table tbody td{font-size: 24px; letter-spacing: -1px; padding: 32px 30px; font-weight: 500; color: #FFF; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.6); border-right: 1px solid rgba(255,255,255,0.6);}
.sec6_table tbody td:nth-child(4){font-weight: 700;}
.sec6_table tbody td:last-child{text-align: left; border-right: none;}
.sec6_table tbody .last td{border-bottom: none;}
.sec6_table tbody .total td{background: #E2B064; border: none; color: #000; letter-spacing: -1px; font-weight: 700; font-size: 35px;}
.sec6_table tbody .total td:first-child, .sec6_table tbody .total td:last-child{font-size: 26px;}
.sec6_table tbody .total td:nth-child(5){font-size: 25px;}
.sec6_table tbody .total td .count{display: inline-block; min-width: 100px; text-align: right;}
.sec6_cont .other{margin-top: 30px;}
.sec6_cont .other li{font-size: 20px; letter-spacing: -0.8px; font-weight: 600; color: #fff; position: relative; padding-left: 20px;}
.sec6_cont .other li + li{margin-top: 10px;}
.sec6_cont .other li:before{content: '※'; position: absolute; left: 0; top: 0;}


/* sec7 */
.fr_sec7{padding: 150px 0 155px;}
.sec7_list{margin-top: 100px; gap:88px 1.25%; display: flex; flex-wrap: wrap;}
.sec7_list li{width: 19%; text-align: center; position: relative;}
.sec7_list li + li:before{content: ''; display: block; width: 32px; height: 32px; background: url("/img/franchise/sec7_arrow.svg") no-repeat center / 100%; position: absolute; left: -25px; top: 50%; transform:translateY(-50%);}
.sec7_list li:nth-child(6):before{display: none;}
.sec7_list li .icon img{width: 100px;}
.sec7_list li .txt{margin-top: 30px; color: #4C250D;}
.sec7_list li .txt .num{font-size: 20px; font-family: 'yg-jalnan';}
.sec7_list li .txt .title{font-size: 25px; margin-top: 17px; font-family: 'yg-jalnan';}
.sec7_list li .txt p{font-size: 20px; font-weight: 500; line-height: 1.3; margin-top: 25px;}


/* sec8 */
.fr_sec8{padding: 150px 0;}
.fr_form{max-width: 930px; margin: 80px auto 0; color: #FFF;}
.fr_form ul li{display: flex; justify-content: space-between; margin-bottom: 30px;}
.fr_form ul li .item.full{width: 100%;}
.fr_form ul li:nth-child(1) .item{width: calc(100% / 2 - 15px);}
.fr_form ul li .item dt{font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.fr_form ul li .item dt .req{color: #F00; font-style: normal;}
.fr_form ul li .item dd .input{font-size: 16px; font-weight: 500; width: 100%; height: 50px; border: 1px solid #E3E3E3; padding: 0 15px; background: none; color: #fff;}
.fr_form ul li .item dd .input::placeholder{color: #fff;}
.fr_form ul li .item dd .textarea{padding: 15px; height: 238px; resize:none; color: #fff; line-height: 1.3;}
.fr_form ul li .item dd .select{width: 100%; position: relative;}
.fr_form ul li .item dd .select .tit {position: relative; font-size: 16px; font-weight: 500; cursor: pointer; width: 100%; height: 50px; line-height: 50px; border: 1px solid #E3E3E3; padding: 0 15px; color: #fff;}
.fr_form ul li .item dd .select .tit::after {content: ""; background: url('/img/franchise/sel_ic.svg') no-repeat center / contain; width: 24px; height: 24px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.fr_form ul li .item dd .select ul {display: none; position: absolute; left: 0; top: 55px; border: 1px solid #fff; width: 100%; z-index: 10; background: #000;}
.fr_form ul li .item dd .select ul li {position: relative; height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; font-weight: 500; color: #E7E7E7; cursor: pointer; margin-bottom: 0;}
.fr_form ul li .item dd .select ul li > input {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.fr_form ul li .item dd .select ul li:hover {background: #fff; color: #000;}
.fr_form ul li .item dd.area{display: flex; gap:14px;}
.fr_form ul li .item dd.area .select{display: block; width: 185px;}
.fr_form ul li .item dd.radio{display: flex; align-items: flex-end; height: 50px; padding-bottom: 5px; gap:30px;}
.fr_form ul li .item dd.radio label{font-size: 16px; font-weight: 500; display: inline-block;}
.fr_form ul li .item dd.radio input[type="radio"]{width: 20px; height: 20px; border: 1px solid #E3E3E3; border-radius:50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0;}
.fr_form ul li .item dd.radio input[type="radio"]:checked{border: none; background: url("/img/franchise/radio_chk.svg") no-repeat center / 100%;}
.fr_form ul li .item dd.phone{width: 270px;}
.fr_form ul li .item dd.email{display: flex; align-items: center; gap:10px; font-size: 16px; font-weight: 500; color: #BEBEBE;}
.fr_form ul li .item dd.email span{width: 200px;}
.fr_form ul li .item dd.email span.first{width: 180px;}
.fr_form .bot .agree label{font-size: 16px; letter-spacing: -1px; font-weight: 500;}
.fr_form .bot .agree input[type="checkbox"]{width: 18px; height: 18px; border: 1px solid #E3E3E3; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0;}
.fr_form .bot .agree input[type="checkbox"]:checked{border: none; background: url("/img/franchise/checkbox_chk.svg") no-repeat center / 100%;}
.fr_form .bot .agree .view_more{font-size: 14px; text-decoration: underline; display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer; color: #fff;}
.fr_form .bot .apply_btn{margin: 60px auto 0; display: block; width: 300px; line-height: 63px; font-size: 25px; letter-spacing: -2px; font-weight: 800; color: #000; background: linear-gradient(90deg, #FADFA0 1.83%, #D6A55D 99.71%); border: none;}


/* 하단 빠른문의 */
.ft_apply {position: fixed; left: 0; bottom: 0; width: 100%; background: #E2B064; z-index: 99;}
.ft_apply.non_fixed {position: relative;}
.ft_apply.on .inner {height: 0 !important; padding: 0 !important;}
.ft_apply.on .open {display: flex !important;}
.ft_apply.on .close {display: none !important;}
.ft_apply.on .inner{display:none;}

.ft_apply .fr_inner{position: relative;}
.ft_apply .cont {position: relative;}
.ft_apply .close_cont {position: absolute; top: -40px; right: 0; background: #C68A31; height: 40px; cursor: pointer;}
.ft_apply .close {width: 50px; height: 100%; display: flex; align-items: center; justify-content: center;}
.ft_apply .close img {width: 14px; display: block;}
.ft_apply .open {display: none; width: 120px; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; height: 100%; gap: 0 5px; color: #fff;}
.ft_apply .open img {width: 20px; margin-right: -3px;}
.ft_apply .inner {position: relative; display: flex; align-items: center; justify-content: space-between; height: 80px; padding-top: 0 !important; padding-bottom: 0 !important;}
.ft_apply .inner .flex {display: flex; align-items: center; gap:54px;}
.ft_apply .inner .info {display: flex; align-items: center; margin-right: 41px;}
.ft_apply .inner .info img {width: 110px; margin: 3px 25px 0 0;}
.ft_apply .inner .info span {font-size: 30px; font-weight: 700; color: #4C250D;}
.ft_apply .inner .info strong {font-size: 35px; font-weight: 800; color: #4C250D;}
.ft_apply .inner .input_cont {display: flex; align-items: center; gap: 0 15px;}
.ft_apply .inner .input_cont input {width: 200px; height: 100%; background: #C68A31; border: 0; outline: none; height: 45px; box-sizing: border-box; font-size: 20px; font-weight: 400; color: #fff; padding: 0 20px;}
.ft_apply .inner .input_cont input::placeholder {font-size: 20px; font-weight: 400; color: #fff;}
.ft_apply .inner .agree {margin-right: 19px;}
.ft_apply .inner .agree label {display: flex; align-items: center; gap: 0 9px; cursor: pointer;}
.ft_apply .inner .agree label p {font-size: 16px; font-weight: 400; color: #4C250D;}
.ft_apply .inner .agree label span {text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.3px;}
.ft_apply .inner .agree label input {-webkit-appearance:none; background: url(/img/franchise/ft_check_ic.svg) no-repeat; width: 25px; height: 25px; background-size: contain;}
.ft_apply .inner .agree label input:checked {background: url(/img/franchise/ft_check_ic_on.svg) no-repeat; background-size: contain;}
.ft_apply .inner .apply_btn {width: 130px; height: 45px; background: #000; text-align: center; line-height: 45px; color: #fff; font-size: 18px; font-weight: 700; border:none;}

.ft_apply .inner .input_cont .select{position: relative;}
.ft_apply .inner .input_cont .selected{width: 220px; height: 45px; box-sizing: border-box; font-size: 20px; background: #C68A31; color:#fff; display:flex; justify-content:space-between; align-items:center; padding: 0 20px;}
.ft_apply .inner .input_cont .selected .arrow{width: 20px; height: 20px; background: url(/img/franchise/select_arrow.svg) no-repeat center / 100%;}
.ft_apply .inner .input_cont .select.active .selected .arrow{transform:rotate(180deg)}
.ft_apply .inner .input_cont .select .option_wrap{display:none; position:absolute; bottom:50px; left:0; width:100%; z-index:100; background: #C68A31;}
.ft_apply .inner .input_cont .select .option_wrap ul{max-height: 270px; overflow-y: auto;}
.ft_apply .inner .input_cont .select .option_wrap ul::-webkit-scrollbar {width: 4px;  /* 스크롤바의 너비 */}
.ft_apply .inner .input_cont .select .option_wrap ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #777; /* 스크롤바의 색상 */}
.ft_apply .inner .input_cont .select .option_wrap ul::-webkit-scrollbar-track {background: #E7E7E7; /*스크롤바 뒷 배경 색상*/}
.ft_apply .inner .input_cont .select .option_wrap ul li{padding:10px 20px; font-size: 20px; color:#fff;}
.ft_apply .inner .input_cont .select .option_wrap ul li:hover{background:#fff; color:#4C250D;}
.ft_apply .inner .input_cont .select.active .option_wrap{display:block}


/* footer */
#wrap.fr #footer{background: #111; color: #9A9A9A;}
#wrap.fr #footer a{color: #9A9A9A;}





@media screen and (max-width:1600px){

	/* 공통 */
	.fr_inner{max-width: 100%;}
	.main_tit em{font-size: 1.88vw; letter-spacing: -0.06vw;}
	.main_tit div{margin-top: 1.25vw; font-size: 3.75vw; letter-spacing: -0.13vw;}
	.main_tit p{font-size: 1.56vw; letter-spacing: -0.06vw; margin-top: 1.25vw;}
	.main_btn{font-size: 1.00vw; margin-top: 2.50vw; width: 10.19vw; height: 2.88vw;}
	.main_btn i{width: 1.13vw; height: 1.13vw; margin: -0.13vw 0 0 0.31vw;}


	/* header */
	.header.fr .gnb{gap:5.63vw}
	.header.fr .gnb > li > a:hover:before{width: 1.56vw; bottom: 0.63vw;}


	/* quick menu */
	.quick.fr{bottom: 9.38vw;}
	.quick.fr.on{bottom: 3.75vw;}


	/* visual */
	.fr_vis{height: 59.38vw;}
	.fr_vis .txt{padding-top: 9.13vw;}
	.fr_vis .txt .star{gap:0.88vw;}
	.fr_vis .txt .star span{width: 1.88vw; height: 1.81vw;}
	.fr_vis .txt .txt1{margin-top: 1.25vw; font-size: 2.50vw; letter-spacing: -0.06vw;}
	.fr_vis .txt .txt2{font-size: 5.00vw; letter-spacing: -0.13vw; margin-top: 0.94vw;}
	.fr_vis .txt p{font-size: 1.56vw; letter-spacing: -0.06vw; margin-top: 1.25vw;}
	.fr_vis .img{width: 58.75vw;}

	/* sec1 */
	.fr_sec1{padding: 9.38vw 0;}
	.sec1_chart{margin-top: 7.19vw;}
	.sec1_chart li{width: 28.75vw; height: 28.75vw;}
	.sec1_chart li dl dt{font-size: 1.88vw; margin-bottom: 1.56vw;}
	.sec1_chart li dl dd{font-size: 1.56vw; letter-spacing: -0.06vw; padding-left: 1.88vw;}
	.sec1_chart li dl dd:before{width: 0.94vw; height: 0.94vw; top: 0.63vw;}
	.sec1_chart li dl dd + dd{margin-top: 0.31vw;}
	.sec1_chart li .ratio{letter-spacing: -0.06vw; padding: 1.25vw 2.19vw; border-radius:3.13vw; top: -1.56vw; right: 0.50vw;}
	.sec1_chart li .ratio:before{width: 1.63vw; height: 1.13vw; bottom: -1.06vw;}
	.sec1_chart li .ratio strong{font-size: 2.19vw;}
	.sec1_chart li .ratio span{font-size: 1.56vw;}

	@keyframes upDown {
		0% {top: -1.88vw;}
		50% {top: -0.94vw;}
		100% {top: -1.88vw;}
	}


	/* sec2 */
	.fr_sec2{padding: 9.06vw 0 9.38vw;}
	.fr_sec2 .main_tit .white{margin-right: 0.81vw;}
	.fr_sec2 .main_tit .white:before{width: 15.50vw; height: 5.63vw; border-radius: 1.25vw;}
	.sec2_list{margin-top: 3.75vw;}
	.sec2_list li .txt{margin-top: 3.75vw;}
	.sec2_list li .txt .title{font-size: 2.50vw; letter-spacing: -0.13vw; margin-bottom: 2.19vw;}
	.sec2_list li .txt strong{font-size: 1.56vw; letter-spacing: -0.05vw;}
	.sec2_list li .txt p{font-size: 1.13vw; letter-spacing: -0.05vw; margin-top: 0.94vw;}
	.sec2_btn{margin-top: 4.38vw;}


	/* sec3 */
	.fr_sec3{padding: 9.06vw 0 9.38vw;}
	.sec3_swiper{margin-top: 5.00vw;}
	.sec3_swiper .swiper-slide{width: 55.00vw; margin: 0 2.50vw;}
	.sec3_swiper .swiper-slide .txt{margin-top: 3.75vw; letter-spacing: -0.05vw;}
	.sec3_swiper .swiper-slide .txt strong{font-size: 2.19vw;}
	.sec3_swiper .swiper-slide .txt p{font-size: 1.56vw; margin-top: 1.56vw;}
	.sec3_arrow{top: 11.25vw; gap:50.50vw;}
	.sec3_arrow div{width: 4.38vw; height: 4.38vw;}
	.sec3_arrow div img{width: 1.38vw;}


	/* sec4 */
	.fr_sec4{padding: 9.06vw 0 7.81vw;}
	.sec4_cont{margin-top: 5.00vw;}
	.sec4_slide{width: 46.25vw; border-radius: 2.50vw;}
	.sec4_cont .txt{width: calc(100% - 46.25vw - 5.25vw);}
	.sec4_cont .txt strong{font-size: 1.88vw; letter-spacing: -0.05vw; padding: 1.25vw 2.50vw;}
	.sec4_cont .txt p{font-size: 1.56vw; letter-spacing: -0.05vw; margin-top: 2.50vw;}
	.sec4_cont .txt p + p{margin-top: 1.25vw;}
	.sec4_cont .txt p span + span{margin-left: 0.63vw;}
	.sec4_arrow{margin-top: 3.44vw; gap:0.63vw;}
	.sec4_arrow div{width: 3.13vw; height: 3.13vw;}
	.sec4_arrow div img{width: 1.00vw;}



	/* sec5 */
	.fr_sec5{padding: 9.38vw 0;}
	.qna_list{max-width: 100%; margin: 5.00vw auto 0;}
	.qna_list li + li{margin-top:1.25vw;}
	.qna_list .question{border-radius: 0.63vw; font-size: 1.88vw; padding:2.81vw;}
	.qna_list .question:before{width: 3.44vw; height: 3.44vw; right: 2.81vw;}
	.qna_list .answer{border-radius: 0.63vw; padding:3.13vw 2.81vw; margin-top:1.25vw;}
	.qna_list .answer strong{font-size: 1.88vw;}
	.qna_list .answer span{font-size: 1.56vw; letter-spacing: -0.13vw;}


	/* sec6 */
	.fr_sec6{padding-bottom: 8.75vw;}
	.sec6_cont{max-width: 100%; margin: 5.00vw auto 0;}
	.sec6_cont .desc{font-size: 1.56vw; letter-spacing: -0.06vw; margin-bottom: 1.25vw;}
	.sec6_table thead th{font-size: 1.63vw; letter-spacing: -0.06vw; padding: 1.13vw 1.25vw;}
	.sec6_table tbody td{font-size: 1.50vw; letter-spacing: -0.06vw; padding: 2.00vw 1.88vw;}
	.sec6_table tbody .total td{letter-spacing: -0.06vw; font-size: 2.19vw;}
	.sec6_table tbody .total td:first-child, .sec6_table tbody .total td:last-child{font-size: 1.63vw;}
	.sec6_table tbody .total td:nth-child(5){font-size: 1.56vw;}
	.sec6_table tbody .total td .count{min-width: 6.25vw;}
	.sec6_cont .other{margin-top: 1.88vw;}
	.sec6_cont .other li{font-size: 1.25vw; letter-spacing: -0.05vw; padding-left: 1.25vw;}
	.sec6_cont .other li + li{margin-top: 0.63vw;}


	/* sec7 */
	.fr_sec7{padding: 9.38vw 0 9.69vw;}
	.sec7_list{margin-top: 6.25vw; gap:5.50vw 1.25%;}
	.sec7_list li{width: 19%;}
	.sec7_list li + li:before{width: 2.00vw; height: 2.00vw; left: -1.56vw;}
	.sec7_list li .icon img{width: 6.25vw;}
	.sec7_list li .txt{margin-top: 1.88vw;}
	.sec7_list li .txt .num{font-size: 1.25vw;}
	.sec7_list li .txt .title{font-size: 1.56vw; margin-top: 1.06vw;}
	.sec7_list li .txt p{font-size: 1.25vw; margin-top: 1.56vw;}


	/* sec8 */
	.fr_sec8{padding: 9.38vw 0;}
	.fr_form{max-width: 58.13vw; margin: 5.00vw auto 0;}
	.fr_form ul li{margin-bottom: 1.88vw;}
	.fr_form ul li .item.full{width: 100%;}
	.fr_form ul li:nth-child(1) .item{width: calc(100% / 2 - 0.94vw);}
	.fr_form ul li .item dt{font-size: 1.13vw; margin-bottom: 0.63vw;}
	.fr_form ul li .item dd .input{font-size: 1.00vw; height: 3.13vw; padding: 0 0.94vw;}
	.fr_form ul li .item dd .textarea{padding: 0.94vw; height: 14.88vw;}
	.fr_form ul li .item dd .select .tit {font-size: 1.00vw; height: 3.13vw; line-height: 3.13vw; padding: 0 0.94vw;}
	.fr_form ul li .item dd .select .tit::after {width: 1.50vw; height: 1.50vw; right: 0.94vw;}
	.fr_form ul li .item dd .select ul {top: 3.44vw;}
	.fr_form ul li .item dd .select ul li {height: 2.50vw; line-height: 2.50vw; padding: 0 0.94vw; font-size: 1.00vw;}
	.fr_form ul li .item dd.area{gap:0.88vw;}
	.fr_form ul li .item dd.area .select{width: 11.56vw;}
	.fr_form ul li .item dd.radio{height: 3.13vw; padding-bottom: 0.31vw; gap:1.88vw;}
	.fr_form ul li .item dd.radio label{font-size: 1.00vw;}
	.fr_form ul li .item dd.radio input[type="radio"]{width: 1.25vw; height: 1.25vw; margin: -0.13vw 0.63vw 0 0;}
	.fr_form ul li .item dd.phone{width: 16.88vw;}
	.fr_form ul li .item dd.email{gap:0.63vw; font-size: 1.00vw;}
	.fr_form ul li .item dd.email span{width: 12.50vw;}
	.fr_form ul li .item dd.email span.first{width: 11.25vw;}
	.fr_form .bot .agree label{font-size: 1.00vw; letter-spacing: -0.06vw;}
	.fr_form .bot .agree input[type="checkbox"]{width: 1.13vw; height: 1.13vw; margin: -0.13vw 0.63vw 0 0;}
	.fr_form .bot .agree .view_more{font-size: 0.88vw; margin-left: 0.63vw;}
	.fr_form .bot .apply_btn{margin: 3.75vw auto 0; width: 18.75vw; line-height: 3.94vw; font-size: 1.56vw; letter-spacing: -0.13vw;}


	/* 하단 빠른문의 */
	.ft_apply .close_cont {top: -2.50vw; height: 2.50vw;}
	.ft_apply .close {width: 3.13vw;}
	.ft_apply .close img {width: 0.88vw;}
	.ft_apply .open {width: 7.50vw; font-size: 1.13vw; gap: 0 0.31vw;}
	.ft_apply .open img {width: 1.25vw; margin-right: -0.19vw;}
	.ft_apply .inner {height: 5.00vw;}
	.ft_apply .inner .flex {gap:1.38vw;}
	.ft_apply .inner .info {margin-right: 0;}
	.ft_apply .inner .info img {width: 6.88vw; margin: 0.19vw 1.56vw 0 0;}
	.ft_apply .inner .info span {font-size: 1.88vw;}
	.ft_apply .inner .info strong {font-size: 2.19vw;}
	.ft_apply .inner .input_cont {gap: 0 0.94vw;}
	.ft_apply .inner .input_cont input {width: 11.50vw; height: 2.81vw; font-size: 1.25vw; padding: 0 1.25vw;}
	.ft_apply .inner .input_cont input::placeholder {font-size: 1.25vw;}
	.ft_apply .inner .agree {margin-right: 0;}
	.ft_apply .inner .agree label {gap: 0 0.56vw;}
	.ft_apply .inner .agree label p {font-size: 1.00vw;}
	.ft_apply .inner .agree label input {width: 1.56vw; height: 1.56vw;}
	.ft_apply .inner .apply_btn {width: 8.13vw; height: 2.81vw; line-height: 2.81vw; font-size: 1.13vw;}

	.ft_apply .inner .input_cont .selected{width: 13.75vw; height: 2.81vw; font-size: 1.25vw; padding: 0 1.25vw;}
	.ft_apply .inner .input_cont .selected .arrow{width: 1.25vw; height: 1.25vw;}
	.ft_apply .inner .input_cont .select .option_wrap{bottom:3.13vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul{max-height: 16.88vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul li{padding:0.63vw 1.25vw; font-size: 1.25vw;}

}


@media screen and (max-width:1280px){

	/* 공통 */
	.fr_inner{max-width: 100%;}
	.main_tit em{font-size: 2.34vw; letter-spacing: -0.08vw;}
	.main_tit div{margin-top: 1.56vw; font-size: 4.69vw; letter-spacing: -0.16vw;}
	.main_tit p{font-size: 1.95vw; letter-spacing: -0.08vw; margin-top: 1.56vw;}
	.main_btn{font-size: 1.25vw; margin-top: 3.13vw; width: 12.73vw; height: 3.59vw;}
	.main_btn i{width: 1.41vw; height: 1.41vw; margin: -0.16vw 0 0 0.39vw;}


	/* header */
	.header.fr .gnb{gap:7.03vw}
	.header.fr .gnb > li > a:hover:before{width: 1.95vw; bottom: 0.78vw; height: 2px;}


	/* quick menu */
	.quick.fr{bottom: 11.72vw;}
	.quick.fr.on{bottom: 4.69vw;}


	/* visual */
	.fr_vis{height: 74.22vw;}
	.fr_vis .txt{padding-top: 11.41vw;}
	.fr_vis .txt .star{gap:1.09vw;}
	.fr_vis .txt .star span{width: 2.34vw; height: 2.27vw;}
	.fr_vis .txt .txt1{margin-top: 1.56vw; font-size: 3.13vw; letter-spacing: -0.08vw;}
	.fr_vis .txt .txt2{font-size: 6.25vw; letter-spacing: -0.16vw; margin-top: 1.17vw;}
	.fr_vis .txt p{font-size: 1.95vw; letter-spacing: -0.08vw; margin-top: 1.56vw;}
	.fr_vis .img{width: 74.44vw;}

	/* sec1 */
	.fr_sec1{padding: 11.72vw 0;}
	.sec1_chart{margin-top: 8.98vw;}
	.sec1_chart li{width: 26.94vw; height: 26.94vw;}
	.sec1_chart li dl{width: max-content;}
	.sec1_chart li dl dt{font-size: 2.14vw; margin-bottom: 1.15vw; line-height: 1.3;}
	.sec1_chart li dl dd{font-size: 1.75vw; letter-spacing: -0.08vw; padding-left: 1.75vw;}
	.sec1_chart li dl dd:before{width: 0.9vw; height: 0.9vw; top: 0.78vw;}
	.sec1_chart li dl dd + dd{margin-top: 0.39vw;}
	.sec1_chart li .ratio{letter-spacing: -0.08vw; padding: 1.16vw 2.73vw; border-radius:3.91vw; top: -1.95vw; right: 0.63vw;}
	.sec1_chart li .ratio:before{width: 2.03vw; height: 1.41vw; bottom: -1.23vw;}
	.sec1_chart li .ratio strong{font-size: 2.3vw;}
	.sec1_chart li .ratio span{font-size: 1.75vw;}

	@keyframes upDown {
		0% {top: -2.34vw;}
		50% {top: -1.17vw;}
		100% {top: -2.34vw;}
	}


	/* sec2 */
	.fr_sec2{padding: 11.33vw 0 11.72vw;}
	.fr_sec2 .main_tit .white{margin-right: 1.02vw;}
	.fr_sec2 .main_tit .white:before{width: 19.38vw; height: 7.03vw; border-radius: 1.56vw;}
	.sec2_list{margin-top: 4.69vw;}
	.sec2_list li .txt{margin-top: 4.69vw;}
	.sec2_list li .txt .title{font-size: 3.13vw; letter-spacing: -0.16vw; margin-bottom: 2.73vw;}
	.sec2_list li .txt strong{font-size: 1.95vw; letter-spacing: -0.06vw;}
	.sec2_list li .txt p{font-size: 1.41vw; letter-spacing: -0.06vw; margin-top: 1.17vw;}
	.sec2_btn{margin-top: 5.47vw;}


	/* sec3 */
	.fr_sec3{padding: 11.33vw 0 11.72vw;}
	.sec3_swiper{margin-top: 6.25vw;}
	.sec3_swiper .swiper-slide{width: 60.75vw; margin: 0 3.13vw;}
	.sec3_swiper .swiper-slide .txt{margin-top: 4.69vw; letter-spacing: -0.06vw;}
	.sec3_swiper .swiper-slide .txt strong{font-size: 2.53vw;}
	.sec3_swiper .swiper-slide .txt p{font-size: 1.75vw; margin-top: 1.95vw;}
	.sec3_arrow{top: 14.06vw; gap:54.13vw;}
	.sec3_arrow div{width: 5.47vw; height: 5.47vw;}
	.sec3_arrow div img{width: 1.72vw;}


	/* sec4 */
	.fr_sec4{padding: 11.33vw 0 9.77vw;}
	.sec4_cont{margin-top: 6.25vw;}
	.sec4_slide{width: 42.81vw; border-radius: 3.13vw;}
	.sec4_cont .txt{width: calc(100% - 42.81vw - 5.81vw);}
	.sec4_cont .txt strong{font-size: 2.14vw; letter-spacing: -0.06vw; padding: 1.16vw 3.13vw;}
	.sec4_cont .txt p{font-size: 1.75vw; letter-spacing: -0.06vw; margin-top: 2.13vw;}
	.sec4_cont .txt p br{display: none;}
	.sec4_cont .txt p + p{margin-top: 1.56vw;}
	.sec4_cont .txt p span + span{margin-left: 0.78vw;}
	.sec4_arrow{margin-top: 2.30vw; gap:0.78vw;}
	.sec4_arrow div{width: 3.91vw; height: 3.91vw;}
	.sec4_arrow div img{width: 1.25vw;}


	/* sec5 */
	.fr_sec5{padding: 11.72vw 0;}
	.qna_list{max-width: 100%; margin: 6.25vw auto 0;}
	.qna_list li + li{margin-top:1.56vw;}
	.qna_list .question{border-radius: 0.78vw; font-size: 2.34vw; padding:3.52vw;}
	.qna_list .question:before{width: 4.30vw; height: 4.30vw; right: 3.52vw;}
	.qna_list .answer{border-radius: 0.78vw; padding:3.91vw 3.52vw; margin-top:1.56vw;}
	.qna_list .answer strong{font-size: 2.34vw;}
	.qna_list .answer span{font-size: 1.95vw; letter-spacing: -0.16vw;}


	/* sec6 */
	.fr_sec6{padding-bottom: 10.94vw;}
	.sec6_cont{max-width: 100%; margin: 6.25vw auto 0;}
	.sec6_cont .desc{font-size: 1.95vw; letter-spacing: -0.08vw; margin-bottom: 1.56vw;}
	.sec6_table thead th{font-size: 2.03vw; letter-spacing: -0.08vw; padding: 1.41vw 1.56vw;}
	.sec6_table tbody td{font-size: 1.88vw; letter-spacing: -0.08vw; padding: 2.50vw 2.34vw;}
	.sec6_table tbody .total td{letter-spacing: -0.08vw; font-size: 2.73vw;}
	.sec6_table tbody .total td:first-child, .sec6_table tbody .total td:last-child{font-size: 2.03vw;}
	.sec6_table tbody .total td:nth-child(5){font-size: 1.95vw;}
	.sec6_table tbody .total td:nth-child(n+2):nth-child(-n+4){padding-left: 0; padding-right: 0;}
	.sec6_table tbody .total td .count{min-width: 7.81vw;}
	.sec6_cont .other{margin-top: 2.34vw;}
	.sec6_cont .other li{font-size: 1.56vw; letter-spacing: -0.06vw; padding-left: 1.56vw;}
	.sec6_cont .other li + li{margin-top: 0.78vw;}


	/* sec7 */
	.fr_sec7{padding: 11.72vw 0 12.11vw;}
	.sec7_list{margin-top: 7.81vw; gap:6.88vw 2.5%;}
	.sec7_list li{width: 18%;}
	.sec7_list li + li:before{width: 2.50vw; height: 2.50vw; left: -2.35vw;}
	.sec7_list li .icon img{width: 6.81vw;}
	.sec7_list li .txt{margin-top: 2.34vw;}
	.sec7_list li .txt br{display: none;}
	.sec7_list li .txt .num{font-size: 1.56vw;}
	.sec7_list li .txt .title{font-size: 1.75vw; margin-top: 1.03vw;}
	.sec7_list li .txt p{font-size: 1.56vw; margin-top: 1.5vw; letter-spacing: -0.08vw;}


	/* sec8 */
	.fr_sec8{padding: 11.72vw 0;}
	.fr_form{max-width: 72.66vw; margin: 6.25vw auto 0;}
	.fr_form ul li{margin-bottom: 2.34vw;}
	.fr_form ul li .item.full{width: 100%;}
	.fr_form ul li:nth-child(1) .item{width: calc(100% / 2 - 1.17vw);}
	.fr_form ul li .item dt{font-size: 1.41vw; margin-bottom: 0.78vw;}
	.fr_form ul li .item dd .input{font-size: 1.35vw; height: 3.91vw; padding: 0 1.17vw;}
	.fr_form ul li .item dd .textarea{padding: 1.17vw; height: 18.59vw;}
	.fr_form ul li .item dd .select .tit {font-size: 1.35vw; height: 3.91vw; line-height: 3.91vw; padding: 0 1.17vw;}
	.fr_form ul li .item dd .select .tit::after {width: 1.88vw; height: 1.88vw; right: 1.17vw;}
	.fr_form ul li .item dd .select ul {top: 4.80vw;}
	.fr_form ul li .item dd .select ul li {height: 3.13vw; line-height: 3.13vw; padding: 0 1.17vw; font-size: 1.35vw;}
	.fr_form ul li .item dd.area{gap:1.09vw;}
	.fr_form ul li .item dd.area .select{width: 14.45vw;}
	.fr_form ul li .item dd.radio{height: 3.91vw; padding-bottom: 0.39vw; gap:2.34vw;}
	.fr_form ul li .item dd.radio label{font-size: 1.35vw;}
	.fr_form ul li .item dd.radio input[type="radio"]{width: 1.56vw; height: 1.56vw; margin: -0.16vw 0.78vw 0 0;}
	.fr_form ul li .item dd.phone{width: 21.09vw;}
	.fr_form ul li .item dd.email{gap:0.78vw; font-size: 1.35vw;}
	.fr_form ul li .item dd.email span{width: 15.63vw;}
	.fr_form ul li .item dd.email span.first{width: 14.06vw;}
	.fr_form .bot .agree label{font-size: 1.35vw; letter-spacing: -0.08vw;}
	.fr_form .bot .agree input[type="checkbox"]{width: 1.41vw; height: 1.41vw; margin: -0.16vw 0.78vw 0 0;}
	.fr_form .bot .agree .view_more{font-size: 1.09vw; margin-left: 0.78vw;}
	.fr_form .bot .apply_btn{margin: 4.69vw auto 0; width: 23.44vw; line-height: 4.92vw; font-size: 1.95vw; letter-spacing: -0.16vw;}


	/* 하단 빠른문의 */
	.ft_apply .close_cont {top: -3.13vw; height: 3.13vw;}
	.ft_apply .close {width: 3.91vw;}
	.ft_apply .close img {width: 1.09vw;}
	.ft_apply .open {width: 9.38vw; font-size: 1.41vw; gap: 0 0.39vw;}
	.ft_apply .open img {width: 1.56vw; margin-right: -0.23vw;}
	.ft_apply .inner {height: 6.25vw;}
	.ft_apply .inner .flex {gap:1.22vw;}
	.ft_apply .inner .info img {width: 7.59vw; margin: 0.23vw 1.5vw 0 0;}
	.ft_apply .inner .info span {font-size: 1.75vw;}
	.ft_apply .inner .info strong {font-size: 2.13vw; display: block;}
	.ft_apply .inner .input_cont {gap: 0 0.7vw;}
	.ft_apply .inner .input_cont input {width: 12.63vw; height: 3.52vw; font-size: 1.56vw; padding: 0 1.56vw;}
	.ft_apply .inner .input_cont input::placeholder {font-size: 1.56vw;}
	.ft_apply .inner .agree label {gap: 0 0.70vw;}
	.ft_apply .inner .agree label p {font-size: 1.25vw;}
	.ft_apply .inner .agree label input {width: 1.95vw; height: 1.95vw;}
	.ft_apply .inner .apply_btn {width: 10.16vw; height: 3.52vw; line-height: 3.52vw; font-size: 1.41vw;}

	.ft_apply .inner .input_cont .selected{width: 15.19vw; height: 3.52vw; font-size: 1.56vw; padding: 0 1.56vw;}
	.ft_apply .inner .input_cont .selected .arrow{width: 1.56vw; height: 1.56vw;}
	.ft_apply .inner .input_cont .select .option_wrap{bottom:3.91vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul{max-height: 21.09vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul li{padding:0.78vw 1.56vw; font-size: 1.56vw;}

}


@media screen and (max-width:768px){

	/* 공통 */
	.fr_inner{max-width: 100%;}
	.main_tit em{font-size: 4.17vw; letter-spacing: -0.13vw;}
	.main_tit div{margin-top: 3.60vw; font-size: 7.71vw; letter-spacing: -0.36vw; line-height: 1.4;}
	.main_tit p{font-size: 3.65vw; letter-spacing: -0.13vw; margin-top: 3.60vw; line-height: 1.5;}
	.main_btn{font-size: 3.13vw; margin-top: 5.21vw; width: 32.08vw; height: 10.11vw;}
	.main_btn i{width: 3.34vw; height: 3.34vw; margin: -0.26vw 0 0 1.5vw;}


	/* header */
	.header.fr .gnb{gap:11.72vw}
	.header.fr .gnb > li > a:hover:before{width: 3.26vw; bottom: 1.30vw;}
	.nav{height: 13.02vw; background: rgba(255, 255, 255, 0.95); display: none; justify-content: center; align-items: center; gap:9.11vw; position: fixed; width: 100%;top: 12.24vw; z-index: 100;}
	.nav.on{display: flex !important;}
	.nav li a{font-size: 3.65vw; letter-spacing: -0.26vw; color: #4C250D; position: relative; font-family: 'yg-jalnan';}
	.nav li a.on:before{content: ''; display: block; width: 5.21vw; height: 0.52vw; border-radius: 1.30vw; background: #4C250D; position: absolute; bottom: -1.82vw; left: 50%; transform:translateX(-50%);}


	/* quick menu */
	.quick.fr{bottom: 38.53vw;}
	.quick.fr.on{bottom: 11.81vw;}
	.quick.fr ul li.q_plus_btn a{background: #E3B774 url("/img/brand/q_plus_ic.svg") no-repeat center / 4.9vw;}


	/* visual */
	.fr_vis{height: 142.45vw; background: url("/img/franchise/vis_img_mob.png") no-repeat center / cover;}
	.fr_vis .txt{padding-top: 31.01vw;}
	.fr_vis .txt .star{gap:1.82vw;}
	.fr_vis .txt .star span{width: 3.91vw; height: 3.78vw;}
	.fr_vis .txt .txt1{margin-top: 2.60vw; font-size: 5.21vw; letter-spacing: -0.13vw;}
	.fr_vis .txt .txt2{font-size: 10.42vw; letter-spacing: -0.26vw; margin-top: 1.95vw;}
	.fr_vis .txt p{font-size: 3.65vw; letter-spacing: -0.13vw; margin-top: 3.60vw;}
	.fr_vis .img{width: 122.40vw;}

	/* sec1 */
	.fr_sec1{padding: 19.53vw 0;}
	.sec1_chart{margin-top: 14.97vw; display: block;}
	.sec1_chart li{width: 65.90vw; height: 65.90vw; margin: 0 auto;}
	.sec1_chart li + li{margin-top: 15vw;}
	.sec1_chart li dl dt{font-size: 5.21vw; margin-bottom: 3.26vw;}
	.sec1_chart li dl dd{font-size: 4.17vw; letter-spacing: -0.13vw; padding-left: 4.51vw;}
	.sec1_chart li dl dd:before{width: 2.15vw; height: 2.15vw; top: 1.50vw;}
	.sec1_chart li dl dd + dd{margin-top: 1.05vw;}
	.sec1_chart li .ratio{letter-spacing: -0.13vw; padding: 2.60vw 4.56vw; border-radius:6.51vw; top: -3.26vw; right: 1.04vw;}
	.sec1_chart li .ratio:before{width: 3.39vw; height: 2.34vw; bottom: -2.21vw;}
	.sec1_chart li .ratio strong{font-size: 5.21vw;}
	.sec1_chart li .ratio span{font-size: 3.26vw;}

	@keyframes upDown {
		0% {top: -3.91vw;}
		50% {top: -1.95vw;}
		100% {top: -3.91vw;}
	}


	/* sec2 */
	.fr_sec2{padding: 18.88vw 0 19.53vw;}
	.fr_sec2 .main_tit .white{margin-right: 1.69vw;}
	.fr_sec2 .main_tit .white:before{width: 32.29vw; height: 11.72vw; border-radius: 2.60vw;}
	.sec2_list.pc{display: none;}
	.sec2_list{margin-top: 15.81vw;}
	.sec2_list li{width: 65.10vw; margin: 0 3.91vw;}
	.sec2_list li .txt{margin-top: 7.81vw;}
	.sec2_list li .txt .title{font-size: 7.29vw; letter-spacing: -0.26vw; margin-bottom: 3.56vw;}
	.sec2_list li .txt strong{font-size: 4.69vw; letter-spacing: -0.10vw;}
	.sec2_list li .txt p{font-size: 3.65vw; letter-spacing: -0.20vw; margin-top: 1.95vw;}
	.sec2_arrow{position: absolute; top: 37.24vw; left: 50%; transform:translateX(-50%); z-index: 5; display: flex; gap:56.25vw;}
	.sec2_arrow div{width: 9.11vw; height: 9.11vw; background: #fff; border-radius:50%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
	.sec2_arrow div img{width: 2.86vw;}
	.sec2_btn{margin-top: 10.11vw;}


	/* sec3 */
	.fr_sec3{padding: 18.88vw 0 19.53vw;}
	.sec3_swiper{margin-top: 10.42vw;}
	.sec3_swiper .swiper-slide{width: 70.31vw; margin: 0 3.51vw;}
	.sec3_swiper .swiper-slide .txt{margin-top: 8.81vw; letter-spacing: -0.10vw;}
	.sec3_swiper .swiper-slide .txt strong{font-size: 4.69vw;}
	.sec3_swiper .swiper-slide .txt p{font-size: 3.65vw; margin-top: 3.26vw;}
	.sec3_arrow{top: 13.44vw; gap:61.21vw;}
	.sec3_arrow div{width: 9.11vw; height: 9.11vw;}
	.sec3_arrow div img{width: 2.86vw;}


	/* sec4 */
	.fr_sec4{padding: 18.88vw 0 16.28vw;}
	.sec4_cont{margin-top: 10.42vw; display: block;}
	.sec4_slide{width: 100%; border-radius: 5.21vw;}
	.sec4_cont .txt{width: 100%; margin-top: 8vw;}
	.sec4_cont .txt strong{font-size: 4.17vw; letter-spacing: -0.10vw; padding: 2.60vw 5.21vw;}
	.sec4_cont .txt p{font-size: 3.65vw; letter-spacing: -0.10vw; margin-top: 5.21vw;}
	.sec4_cont .txt p + p{margin-top: 2.60vw;}
	.sec4_cont .txt p span + span{margin-left: 1.30vw;}
	.sec4_arrow{margin-top: 7.16vw; gap:1.30vw;}
	.sec4_arrow div{width: 8.51vw; height: 8.51vw;}
	.sec4_arrow div img{width: 3.08vw;}


	/* sec5 */
	.fr_sec5{padding: 19.53vw 0;}
	.qna_list{max-width: 100%; margin: 10.42vw auto 0;}
	.qna_list li + li{margin-top:2.60vw;}
	.qna_list li > div strong{width: 8%;}
	.qna_list li > div span{width: 92%;}
	.qna_list .question{border-radius: 2.30vw; font-size: 3.91vw; padding:5.86vw 4vw;}
	.qna_list .question:before{width: 5.16vw; height: 5.16vw; right: 4vw;}
	.qna_list .answer{border-radius: 2.30vw; padding:6.51vw 4vw; margin-top:2.60vw;}
	.qna_list .answer strong{font-size: 3.91vw;}
	.qna_list .answer span{font-size: 3.65vw; letter-spacing: -0.26vw;}


	/* sec6 */
	.fr_sec6{padding-bottom: 18.23vw;}
	.sec6_cont{max-width: 100%; margin: 10.42vw auto 0;}
	.sec6_cont .desc{font-size: 3.65vw; letter-spacing: -0.13vw; margin-bottom: 3.60vw;}
	.sec6_table_wrap{overflow-x: scroll;}
	.sec6_table_wrap .swipe_ic {display: none; width: 23.96vw; height: 23.96vw; background: url("/img/franchise/swipe_ic.svg") no-repeat center / 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.sec6_table_wrap .swipe_ic.on{display:block;}
	.sec6_table{width: 190vw;}
	.sec6_table thead th{font-size: 3.95vw; letter-spacing: -0.13vw; padding: 3.34vw 2.60vw;}
	.sec6_table tbody td{font-size: 3.65vw; letter-spacing: -0.13vw; padding: 5.17vw 3.91vw;}
	.sec6_table tbody .total td{letter-spacing: -0.13vw; font-size: 4.56vw;}
	.sec6_table tbody .total td:first-child, .sec6_table tbody .total td:last-child{font-size: 3.65vw;}
	.sec6_table tbody .total td:nth-child(5){font-size: 4.86vw;}
	.sec6_table tbody .total td:last-child{font-size: 3.35vw;}
	.sec6_table tbody .total td .count{min-width: 13.02vw;}
	.sec6_table tbody .total td.mob{display: table-cell;}
	.sec6_cont .other{margin-top: 5.60vw;}
	.sec6_cont .other li{font-size: 3.65vw; letter-spacing: -0.10vw; line-height: 1.4; padding-left: 3.60vw;}
	.sec6_cont .other li + li{margin-top: 1.30vw;}


	/* sec7 */
	.fr_sec7{padding: 19.53vw 0 20.18vw;}
	.sec7_list{margin-top: 13.02vw; gap:8.46vw 1.25%;}
	.sec7_list li{width: 48%;}
	.sec7_list li + li:before{width: 4.17vw; height: 4.17vw; left: -3.26vw; display: none;}
	.sec7_list li .icon img{width: 13.02vw;}
	.sec7_list li .txt{margin-top: 3.91vw;}
	.sec7_list li .txt .num{font-size: 3.60vw;}
	.sec7_list li .txt .title{font-size: 4.26vw; margin-top: 2.21vw;}
	.sec7_list li .txt p{font-size: 3.60vw; margin-top: 3.26vw; line-height: 1.5;}


	/* sec8 */
	.fr_sec8{padding: 19.53vw 0;}
	.fr_form{max-width: 121.09vw; margin: 10.42vw auto 0;}
	.fr_form ul li{margin-bottom: 7.91vw; display: block;}
	.fr_form ul li .item{width: 100% !important;}
	.fr_form ul li .item + .item{margin-top: 7.91vw;}
	.fr_form ul li:nth-child(1) .item{width: calc(100% / 2 - 1.95vw);}
	.fr_form ul li .item dt{font-size: 4.17vw; margin-bottom: 2.30vw;}
	.fr_form ul li .item dd .input{font-size: 3.26vw; height: 10.51vw; padding: 0 3.15vw;}
	.fr_form ul li .item dd .textarea{padding: 3.15vw; height: 40.99vw;}
	.fr_form ul li .item dd .select .tit {font-size: 3.26vw; height: 10.51vw; line-height: 10.51vw; padding: 0 3.15vw;}
	.fr_form ul li .item dd .select .tit::after {width: 3.93vw; height: 3.93vw; right: 3.15vw;}
	.fr_form ul li .item dd .select ul {top: 12vw;}
	.fr_form ul li .item dd .select ul li {height: 8.21vw; line-height: 8.21vw; padding: 0 3.15vw; font-size: 3.26vw;}
	.fr_form ul li .item dd.area{gap:1.82vw;}
	.fr_form ul li .item dd.area .select{width: 29.09vw;}
	.fr_form ul li .item dd.radio{height: 6.51vw; padding-bottom: 0.65vw; gap:5.91vw;}
	.fr_form ul li .item dd.radio label{font-size: 3.26vw;}
	.fr_form ul li .item dd.radio input[type="radio"]{width: 4.60vw; height: 4.60vw; margin: -0.26vw 2.30vw 0 0;}
	.fr_form ul li .item dd.phone{width: 100%;}
	.fr_form ul li .item dd.email{gap:1.30vw; font-size: 3.26vw;}
	.fr_form ul li .item dd.email span{width: 29.04vw;}
	.fr_form ul li .item dd.email span.first{width: 27.44vw;}
	.fr_form .bot .agree label{font-size: 3.26vw; letter-spacing: -0.13vw;}
	.fr_form .bot .agree input[type="checkbox"]{width: 4.34vw; height: 4.34vw; margin: -0.26vw 2.30vw 0 0;}
	.fr_form .bot .agree .view_more{font-size: 2.86vw; margin-left: 1.30vw;}
	.fr_form .bot .apply_btn{margin: 8.81vw auto 0; width: 55.06vw; line-height: 11.20vw; font-size: 4.17vw; letter-spacing: -0.26vw;}

	
	/* footer */
    .ft_apply .close_cont {top: -7.16vw; right: 0; height: 7.16vw;}
    .ft_apply .close {width: 8.59vw;}
    .ft_apply .close img {width: 2.34vw;}
    .ft_apply .open {width: 23.63vw; font-size: 3.65vw; gap: 0 1vw;}
	.ft_apply .open img {width: 3.56vw; margin-right: -0.23vw;}
	.ft_apply .inner .info{margin-right:3.26vw;}
	.ft_apply .inner .info img{display:none;}
    .ft_apply .inner {height: auto; display: revert; padding: 4.95vw 3.13vw 5.21vw !important;}
    .ft_apply .inner .info {margin-right: 0;}
    .ft_apply .inner .info img {width: 7.03vw; margin-right: 2.47vw;}
    .ft_apply .inner .info span {font-size: 4.69vw; margin-right:2.60vw;}
    .ft_apply .inner .info strong {font-size: 4.69vw; display: inline-block;}
    .ft_apply .inner .input_cont {gap: 0 1.30vw; margin-right: 0; margin-top: 3.13vw;}
    .ft_apply .inner .input_cont input {width: 21.34vw; height: 9vw; font-size: 3.26vw; padding: 0 3vw;}
    .ft_apply .inner .input_cont input::placeholder{font-size: 3.26vw}
	.ft_apply .inner .input_cont .selected{width: 32.46vw; height: 9vw; font-size: 3.26vw; padding: 0 3vw;}
	.ft_apply .inner .input_cont .selected .arrow{width: 3.43vw; height: 3.43vw;}
	.ft_apply .inner .input_cont .select .option_wrap{bottom:9vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul{max-height: 46.27vw;}
	.ft_apply .inner .input_cont .select .option_wrap ul li{padding:1.65vw 3.39vw; font-size: 3.26vw;}
    .ft_apply .inner .flex {justify-content: space-between;}
    .ft_apply .inner .agree {margin-right: 0; position:absolute; top:4.95vw; right:3.13vw;}
    .ft_apply .inner .agree label {gap: 0 1.56vw;}
    .ft_apply .inner .agree label p {font-size: 2.73vw;}
    .ft_apply .inner .agree label input {width: 4.30vw; height: 4.30vw;}
    .ft_apply .inner .apply_btn.pc{display: none;}
    .ft_apply .inner .apply_btn {width: 11.58vw; height: 9vw; line-height: 7.81vw; font-size: 3.26vw; position:absolute; bottom:5.21vw; right:3.13vw;}

}