@charset "UTF-8";

/* common */
.highlight {position: relative; display: inline-block; transform: translateZ(0);}
.highlight::after {--h: 53.45%; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: var(--h); background: var(--color-yellow); z-index: -1; transform-origin: left center; will-change: transform; transform: scaleX(0);}
.animated .highlight::after {animation: highlightAnim .7s var(--delay) var(--easing_inOut) both;}
.heading {font-weight: var(--font-bd);}
.sec_header {display: flex; flex-direction: column; align-items: center;}
.sec_header .heading {font-size: var(--size80-42); line-height: 1;}
.sec_header .logo {height: var(--size49); position: relative; z-index: 1;}
.sec_header .logo + .heading {margin-top: 0.35em;}

@media (max-width: 992px) {
	.sec_header .logo + .heading {margin-top: 0.4286em;}
}

@media (max-width: 992px) {
	.highlight::after {--h: 62.5%;}
}

@keyframes highlightAnim {
	0% {
		transform: scaleX(0); 
	}
	100% {
		transform: scaleX(1);
	}
}
/* 메인비주얼 */
.sec_visual {height: 100vh; max-height: 940px; position: relative; transform: translateZ(0); background: #000;}
.sec_visual .img_area {position: absolute; inset: 0; z-index: -1;}
.sec_visual .img_area .col {position: relative;}
/* .sec_visual .col_img video {--x: -50%; --y: -45%; --scale: 0.6; width: 100%; min-height: 100vh; min-width: 177.77vh; position: absolute; left: 50%; top: 50%; transform: translate(var(--x), var(--y)) scale(var(--scale));} */
.sec_visual .col_img video {--x: -55%; --y: -50%; --scale: 1; width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; left: 50%; top: 50%; transform: translate(var(--x), var(--y)) scale(var(--scale));}
.sec_visual .bg {position: absolute;}
.sec_visual .bg_rt {top: 0; right: 0; width: calc(100% + 208px); height: 100%; background: url('../../images/img/sec_visual_bg_rt.png') no-repeat 0 center / cover;}
.sec_visual .bg_lt {left: 0; bottom: 0; height: 27.661%; aspect-ratio: 1 / 1.09244; background: url('../../images/img/sec_visual_bg_lt.png') no-repeat right top / cover;}


@media (min-width: 1921px) {
	.sec_visual .bg_rt {mask-image: linear-gradient(90deg, #000 70%, transparent 80%); -webkit-mask-image: linear-gradient(90deg, #000 70%, transparent 80%); background-size: auto 100%;}
}

@media (min-width: 993px) {
	.sec_visual .col_bg {background: #c8000f;}
	.sec_visual .img_area {display: flex;}
	.sec_visual .img_area .col {flex: 1;}
}

@media (max-width: 992px) {
	.sec_visual .img_area .col {position: absolute; inset: 0;}
	.sec_visual .col_img img {opacity: .9;}
	.sec_visual .col_img video {opacity: .8;}
	.sec_visual .bg_rt {width: 27.5vw; background-image: url('../../images/img/sec_visual_bg_rt@1.5x.webp');}
	.sec_visual .bg_lt {width: 39.1667vw; width: clamp(141px, 39.1667vw, 230px); height: auto; transform: translate(-12%, 6%); background-image: url('../../images/img/sec_visual_bg_lt@1.5x.webp');}
}

.sec_visual .content_area {height: 100%;}
.sec_visual .content_area .inner {display: grid; grid-template-columns: repeat(2, 1fr); height: 100%; padding-top: 25px;}
.visual_content {--f4: .4; --f55: .55; --f6: .6; grid-column: 2 / -1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; padding-bottom: calc(var(--quick) * 0.5);}
.visual_content .row {width: 100%;}
.visual_content .row1 .logo {width: clamp(249px, 69.167vw * var(--f55), 406px); margin-bottom: 10px;}
.visual_content .row1 .txt {width: clamp(262px, 72.778vw * var(--f55), 436px); filter: drop-shadow(var(--text-shadow));}
.visual_content .row1::after {content: ""; display: block; height: clamp(79px, 21.944vw * var(--f4), 90px); background: url('../../images/img/sec_visual_icon_01@1.5x.png') no-repeat center/clamp(40px, 11.111vw * var(--f55), 60px);}
.visual_content .row2 {margin-bottom: clamp(32px, 8.889vw * var(--f55), 43px);}
.visual_content .row2 p {--size: clamp(52px, 14.444vw * var(--f6), 100px); --line: var(--lineH100); --fator: .65; font-weight: var(--font-bd); text-shadow: var(--text-shadow);}
.visual_content .row2 .txt_big {font-size: clamp(60px, 16.667vw * var(--f6), 120px);}
/* .visual_content .box {--h: clamp(80px, 22.222vw * var(--f6), 160px); --gap: clamp(15px, 4.167vw * var(--f55), 33px); display: inline-flex; gap: var(--gap); max-width: clamp(338px, 93.889vw * var(--f6), 648px); min-height: var(--h); width: 100%; background: var(--color-deep); border-radius: calc(var(--h) / 2); justify-content: center; align-items: center; padding: var(--gap) 5%;}
.visual_content .box .col_img {flex-shrink: 0; width: clamp(46px, 12.778vw * var(--f6), 93px);}
.visual_content .box .col_txt {flex-grow: 1; text-align: left;}
.visual_content .box p {--size: clamp(16px, 4.103vw * var(--f55), 28px); --fator: .45; letter-spacing: -0.05em; font-weight: var(--font-md);}
.visual_content .box p.txt_big {--size: clamp(22px, 6.111vw * var(--f6), 40px); --line: 1.12; --fator: .65; letter-spacing: -0.025em; font-weight: var(--font-bd); margin-top: calc(var(--mg) + 0.575em);} */
.visual_content .row3 {display: flex; justify-content: center; align-items: center;}
.visual_content .box {--h: clamp(80px, 22.222vw * var(--f6), 160px); --gap: clamp(11px, 3.056vw * var(--f55), 25px); display: inline-flex; gap: var(--gap); max-width: clamp(338px, 93.889vw * var(--f6), 648px); min-height: var(--h); width: 100%; background: var(--color-deep); border-radius: calc(var(--h) / 2); justify-content: center; align-items: center;}
.visual_content .box .col_img {flex-shrink: 0; width: clamp(30px, 8.333vw * var(--f6), 60px);}
.visual_content .box p.txt_big {font-size: clamp(24px, 6.667vw * var(--f6), 46px); line-height: 1; --fator: .65; letter-spacing: -0.025em; font-weight: var(--font-bd);}

@media (min-width: 993px) {
	.visual_content {--f4: .3; --f55: .45; --f6: .5;}
}

@media (max-width: 992px) {
	.sec_visual .content_area .inner {grid-template-columns: 1fr; padding-top: 40px;}
	.visual_content {--text-shadow:  2px 4px 0px rgba(0,0,0,.3); grid-column: 1 / -1;}
	.visual_content .box {--ml: -0.54%; width: calc(100% - var(--ml) * 2); margin: 0 var(--ml, 0); }
	.visual_content .box p {--fator: .3;}
	/* .visual_content .box p.txt_big {margin-top: calc(var(--mg) + 0.409em);} */
}

/* 창업비용 */
.sec_cost {background: url('../../images/img/sec_cost_bg.webp') no-repeat center/cover; text-align: center; padding: clamp(88px, 24.445vw * .6, 172px) 0 clamp(76px, 21.111vw * .8, 209px); transform: translateZ(0); font-weight: var(--font-bd); overflow: hidden;}
.sec_cost .inner {z-index: 2; opacity: 1;}
.cost_header {--ml: 14.205%; --bg: #db1f28; width: 100%; color: #fff; margin-bottom: var(--size62);}
.cost_header .box {--bd: 52px; --w: 1260px; width: 90%; max-width: var(--w); margin: 0 auto; position: relative; min-height: 222px; display: flex; justify-content: center; align-items: center;}
.cost_header .box .bg {position: absolute; inset: 0; z-index: -1; background:linear-gradient(var(--bg),var(--bg)) no-repeat center/calc(100% + var(--bd)); border: var(--bd) solid transparent; border-image: url('../../images/img/sec_cost_frame.png') 53}
.cost_header .box .bg::before {content: ""; position: absolute; left: 50%; top: calc((var(--bd) * -1) + 12px); background: url('../../images/img/sec_cost_frame_top.png') no-repeat center bottom/contain; width: 411px; height: 63px; transform: translate(-50%, -100%) skewY(0.05deg); z-index: 1; transform-origin: 0 bottom;}
.cost_header .txt_area {padding: 2rem; transform: translateY(-21px);}
.cost_header .txt_area p {font-size: var(--size30); line-height: 1; letter-spacing: -0.025em; z-index: 2;}
.cost_header .heading {--size: clamp(40px, 11.111vw * 0.7, 90px); --line: 1.15; text-shadow: var(--text-shadow); transform: translateY(11px);}
.cost_header .box p {font-size: var(--size30); line-height: 1; letter-spacing: -0.025em; z-index: 2; margin-bottom: 0.4334em;}
.cost_header .heading {--size: clamp(40px, 11.111vw * 0.7, 90px); --line: 1.15; --fator: .3; text-shadow: var(--text-shadow);}

@media (min-width: 993px) {
	.cost_header .box {--spc: min(3.077vw, 40px); --pat: min(4.154vw , 54px);} /* 1300px 기준 */
	.cost_header .box::before,
	.cost_header .box::after {content: ""; display: block; position: absolute; top: 50%; width: 180px; height: calc(100% - 41px * 2); background: linear-gradient(90deg, var(--bg) 20px, transparent 1px); background-size: var(--pat) var(--pat); pointer-events: none;}
	.cost_header .box::before {left: calc(var(--spc) * -0.3); background-position: right center; transform: translate(-100%, -50%);}
	.cost_header .box::after {right: calc(var(--spc) * -1); transform: translate(100%, -50%);}
}

@media (max-width: 992px) {
	.sec_cost {--mpdd: -.1944vw;}
	.cost_header {width: auto; margin-left: var(--mpdd); margin-right: var(--mpdd);}
	.cost_header .box {--bd: 30px; width: 100%; min-height: 160px;}
	.cost_header .box .bg {border-image: url('../../images/img/sec_cost_frame_mo.png') 60;}
	.cost_header .box .bg::before {--top: 8.5px; --max: 320px; width: 86.87%; max-width: var(--max); height: auto; aspect-ratio: 1 / 0.1535; background-image: url('../../images/img/sec_cost_frame_top_mo.png'); top: calc((var(--bd) * -1) + var(--top));}
	.cost_header .txt_area {padding: 1.2rem 1rem; transform: translateY(-15px);}
	.cost_header .txt_area p {margin-bottom: -1px;}
	.cost_header .heading {--line: 1.25; --fator: 0;}
}

@media (max-width: 576px) {
	.cost_header .box .bg::before {--top: 7.5px; --max: 260px;}
}

.cost_copy {display: inline-block; font-size: var(--size58); line-height: 1; position: relative; position: relative; padding: 0 0.863em 0 1.0345em; margin-bottom: 56px; margin-bottom: 39px;}
.cost_copy::before,
.cost_copy::after {content: ""; position: absolute; width: clamp(43px, 11.944vw * 0.7, 101px); aspect-ratio: 1/0.16832; top: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.72 17.39'%3E%3Cpath d='M100.72 7.69H46.74L38.79 0l-7.45 7.21L23.89 0l-7.45 7.21L8.99 0 0 8.7l8.99 8.7 7.45-7.21 7.45 7.21 7.45-7.21 7.45 7.21 7.95-7.7h53.98v-2Zm-56.19 1-5.74 5.56-5.75-5.56 5.75-5.56 5.74 5.56Zm-14.9 0-5.75 5.56-5.74-5.56 5.74-5.56 5.75 5.56Zm-14.9 0-5.75 5.56-5.74-5.56 5.74-5.56 5.75 5.56Z' style='fill:%23e6202a;stroke-width:0'/%3E%3C/svg%3E") no-repeat center/contain; pointer-events: none;}
.cost_copy::after {left: 0; transform: translate(-100%, -50%);}
.cost_copy::before {right: 0; transform: translate(100%, -50%) rotate(180deg);}
.cost_copy .highlight::after {width: 102.25%; bottom: -.03em; left: -.1em;}

@media (max-width: 992px) {
	.cost_copy {margin-left: var(--mpdd); margin-right: var(--mpdd); padding: 0 0.5417em;}
	.cost_copy .highlight::after {width: 100%;}
}

.cost_table {width: 91.464%; max-width: 700px; /* height: 577px; */ position: relative; margin: 0 auto; transform: translateZ(0); display: flex; flex-direction: column; align-items: center; padding: 23px 0 53px;}
.cost_table::after {--w: 105.143%; --h: 103.293%; content: ""; position: absolute; width: 100%; left:0; top: 0; width: var(--w); height: var(--h); transform-origin: center 0;  background: url('../../images/img/sec_cost_table.png') no-repeat center/contain; transform: translate(-1.5%, -1.5%); z-index: -1;}
.cost_table .row {--h: 3px; display: flex; align-items: center; width: 92.7143%; position: relative; padding-bottom: 10px; height: clamp(70px, 19.445vw * 0.8, 165px);}
.cost_table .row + .row {margin-top: var(--h);}
.cost_table .row + .row::before {--line: clamp(5px, 1.389vw * 0.6, 11px); --spc: clamp(8px, 2.222vw * 0.6, 20px); content: ""; position: absolute; left: 0; top: calc(var(--h) * -1); width: 100%; height: var(--h); background: linear-gradient(90deg, var(--color-black) var(--line), transparent 1px); background-size: var(--spc);}
.cost_table .row dt {font-size: var(--size32); line-height: 1; color: var(--color-point); flex-shrink: 0; width: clamp(55px, 15.278vw, 188px); transform: translateY(13%);}
.cost_table .row dd {flex-grow: 1; padding-right: .5em; position: relative; padding-right: 9.8%;}
.cost_table .row .stamp_wrap {position: absolute; right: 10%; top: 33%; transform: translate(100%, -50%); z-index: 10;}
.cost_table .row .stamp {display: block; width: clamp(91px, 25.278vw * 0.8, 227px); aspect-ratio: 1/0.8371; transform-origin: center;}
.cost_table .row .stamp::before {content: "면제"; position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.cost_table .row .stamp::after {content: ""; position: absolute; inset: 0; background: url('../../images/img/sec_cost_stamp.png') no-repeat center/contain;}
.cost_table .cost {position: relative; display: inline-block; width: clamp(150px, 41.667vw * 0.8, 375px);}

@media (max-width: 992px) {
	.cost_table {/* height: 230px;  */ padding: max(8px, 2.223vw)}
	.cost_table::after {--w: 112%; --h: 112.174%; background-image: url('../../images/img/sec_cost_table_mo.webp'); background-size: 100% 100%; transform: translate(-2.8%, -2.4%);}
	.cost_table .row {--h: 2px; width: 97.89%; padding-bottom: 7px;}
	.cost_table .row dd {padding-right: 7%;}
	.cost_table .row .stamp_wrap {right: 23%; top: 40%;}
}

.cost_effect {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;}
.cost_effect .effect {position: absolute; inset: 0;}
.cost_effect .effect::before,
.cost_effect .effect::after {content: ""; position: absolute; inset: 0; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%;}
.cost_effect .effect::before {background-image: url('../../images/img/sec_cost_effect.png');}
.cost_effect .effect::after {background-image: url('../../images/img/sec_cost_coin.png');}

@media (min-width: 993px) { 
	.cost_effect {height: 100%; max-height: 1380px;}
}

@media (max-width: 992px) {
	.cost_effect {height: 95%;}
	.cost_effect .effect {transform: scale(1.2); transform-origin: center bottom;}
	.cost_effect .effect::after {background-image: url('../../images/img/sec_cost_coin_mo.png');}
}

@media (max-width: 576px) {
	.cost_effect {height: 85%;}
}

/* 창업과정 */
.course_slogan {background: var(--color-yellow); padding: clamp(25px, 6.944vw * 0.7, 31px) var(--pdd) clamp(23px, 6.389vw * 0.7, 32px); display: flex; justify-content: center; text-align: center;}
.course_slogan p {--size: var(--size58-38); --line: 1.2; font-weight: var(--font-bd);}
.course_slogan p .txt_big {font-size: var(--size80); line-height: 1; display: inline-block; transform: skewX(-10deg); color: #f5222d; filter: drop-shadow(3px 3px 0px #8c1815);}
.course_slogan p .dot {display: inline-block; position: relative; padding-top: 0.3125em;}
.course_slogan p .dot::before {content: ""; position: absolute; left: 50%; top: 0; width: 0.3em; aspect-ratio: 1/0.6667; background: url('../../images/img/sec_course_dot@2x.png') no-repeat center/contain; transform: translateX(-50%);}

@media (max-width: 992px) {
	.course_slogan p {--line: 1.3158;}
	.course_slogan p .dot {padding-top: 0.3654em;}
	.course_slogan p .dot::before {width: 0.3077em;}
}

.course_steps {display: flex; background: var(--color-yellow);}
.course_steps .row {--h: clamp(190px, 52.778vw * 0.7, 350px); flex: 1; --delay: 0.3s; display: flex; flex-direction: column; position: relative;}
.course_steps .txt_area {height: var(--h); display: flex; justify-content: center; align-items: center; background: url('../../images/img/course_steps_bg.jpg') no-repeat center/cover; padding: 0 6%;}
.course_steps .content {--f5: .5; --f55: .55; --f6: .6; --f7: .7; display: flex; flex-direction: column; align-items: center; color: #fff;}
.course_steps .content::before {content: ""; display: block; width:	clamp(35px, 9.722vw * var(--f7), 70px); aspect-ratio: 1/0.6143; margin: 0 auto; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 69.74 42.97'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='M0 0h69.74v42.97H0z' style='stroke-width:0;fill:none'/%3E%3C/clipPath%3E%3Cstyle%3E.cls-2%7Bstroke-width:0;fill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg style='clip-path:url(%23clippath)'%3E%3Cpath d='M41.31 5.35s.07-.07.1-.11C44.4 2.02 48.67 0 53.4 0c7.16 0 13.25 4.61 15.45 11.02.57 1.67.88 3.45.88 5.31 0 4.71-2 8.97-5.19 11.95h-.01a16.251 16.251 0 0 1-11.13 4.38c-.2 0-.4 0-.59-.01 1.02 3.68 4.33 7.09 9.94 10.23-.58.06-1.16.09-1.75.09-6.39 0-12.09-2.61-17.11-7.84s-7.53-11-7.53-17.33c0-4.82 1.65-8.97 4.96-12.44M4.96 5.35s.07-.07.1-.11C8.04 2.02 12.31 0 17.05 0 24.21 0 30.3 4.61 32.5 11.02c.57 1.67.88 3.45.88 5.31 0 4.71-2 8.97-5.19 11.95h-.01a16.251 16.251 0 0 1-11.13 4.38c-.2 0-.4 0-.59-.01 1.02 3.68 4.33 7.09 9.94 10.23-.58.06-1.16.09-1.75.09-6.39 0-12.09-2.61-17.11-7.84C2.51 29.9 0 24.12 0 17.8c0-4.82 1.65-8.97 4.96-12.44' class='cls-2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain; opacity: 0.3; margin-bottom: var(--size28);} 
.course_steps .txt_md {font-size: clamp(26px, 7.222vw * var(--f6), 44px); line-height: 1; margin-bottom: 0.3182em;}
.course_steps .txt_box {font-size: clamp(38px, 10.556vw * .55, 66px); line-height: 1; background: rgba(140,24,21,.6); letter-spacing: -0.025em; font-weight: var(--font-bd); padding: 10px clamp(16px, 4.444vw * var(--f5), 20px) 5px; white-space: nowrap;}
.course_steps .img_area {height: var(--h);}

@media (min-width: 1921px) {
	.course_steps .row {--h: max(18.229vw, 440px);}
}

@media (min-width: 993px) { 
	.course_steps .row:nth-of-type(even) .txt_area {order: 1;}
	.course_steps .content {--f5: .4; --f6: .45; --f7: .55; transform: translateY(-17px);}
	.course_steps .txt_box {font-size: min(3.327vw * 1.1, 66px);} /* 992px 기준 - 33px */
	.course_steps .row:nth-of-type(1) {--delay: 0.3s;}
	.course_steps .row:nth-of-type(2) {--delay: 0.6s;}
	.course_steps .row:nth-of-type(3) {--delay: 0.9s;}
	.course_steps .row:nth-of-type(3) .txt_area,
	.course_steps .row:nth-of-type(3) .img_area {margin-left: -1px;}
}

@media (max-width: 992px) { 
	.course_steps {flex-direction: column;}
	.course_steps .row {--bd: max(1.389vw * 0.7, 5px); border-bottom: var(--bd) solid var(--color-yellow);}
	.course_steps .row::before {content: ""; position: absolute; inset: 0; border-left: var(--bd) solid var(--color-yellow); border-right: var(--bd) solid var(--color-yellow); pointer-events: none;}
	.course_steps .txt_md {letter-spacing: -0.025em; margin-bottom: 0.2693em;}
}

.sec_compete {--bg: rgba(0,0,0,.1); --size: clamp(23px, 6.389vw * 0.8, 49px); background: linear-gradient(90deg, var(--bg) 1px, transparent 1px var(--size)) center / var(--size) var(--size), linear-gradient(var(--bg) 1px, transparent 1px var(--size)) center 0 / var(--size) var(--size); text-align: center; font-weight: var(--font-bd); position: relative; z-index: 1;}
.sec_compete .bg_img {position: absolute; width: var(--w, 500px); transform: translate(var(--x, 0), var(--y, 0)); pointer-events: none; z-index: 1;}
.sec_compete .bg_img img {width: 100%;}
.sec_compete .bg_img.top {top: var(--top, 0);}
.sec_compete .bg_img.btm {bottom: var(--btm, 0);}
.sec_compete .bg_img.lt {left: 0;}
.sec_compete .bg_img.rt {right: 0;}
.sec_compete .bg1 {--top: 51.3%; --x: -48%; --y: -50%;}
.sec_compete .bg2 {--x: 42.4%; --y: 29.5%;}
.sec_compete .bg3 {--x: -25%; --y: 46.5%;}

@media (min-width: 993px) { 
	.sec_compete .bg1 {--w: min(37.605vw, 722px);} /* 1920px 기준 */
	.sec_compete .bg2 {--w: min(42.760vw, 821px);} /* 1920px 기준 */
	.sec_compete .bg3 {--w: min(28.750vw, 552px);} /* 1920px 기준 */
}

@media (max-width: 1320px) { 
	.sec_compete .bg1 {--top: 33.3%; --x: -65%;}
	.sec_compete .bg2 {--x: 51%; --y: 26.5%;}
}

@media (max-width: 992px) { 
	.sec_compete .bg1 {--w: max(48.889vw, 176px);}
	.sec_compete .bg2 {--w: max(53.334vw, 192px);}
	.sec_compete .bg3 {--w: max(48.056vw, 173px); --x: -37%; --y: 58.5%;}
}

.compete_steps {opacity: 1 !important;}
.compete_steps .inner {padding-top: clamp(82px, 22.778vw * 0.55, 125px); padding-bottom: clamp(86px, 23.889vw * 0.8, 195px);}
.compete_steps_header {margin-bottom: clamp(42px, 11.667vw * 0.75, 88px); position: relative; z-index: 1; opacity: 1 !important;}
.compete_steps_header::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 354px; aspect-ratio: 1/1.0791; background: url('../../images/img/compete_steps_arrow.png') no-repeat center/contain; z-index: -1; transform: translate(0, 37%); margin-left: 360px; opacity: 0;}
.animated .compete_steps_header::after {animation: showDown 0.6s 0.6s both;}
.compete_steps_header .heading {width: clamp(181px, 50.278vw * 0.8, 434px); margin: 0 auto;}
.compete_steps_header .txt_big {font-size: 0; margin: var(--size33) 0 var(--size48);}
.compete_steps_header .txt_big p {font-size: var(--size80-32); line-height: 1; display: inline-block; margin: 0 0.094em;}
.compete_steps_header .txt_big p:not(:first-of-type) {margin-top: 0.15625em;}
.compete_steps_header .txt_big p > span {filter: drop-shadow(var(--text-shadow));}
.compete_steps_header .txt_big .dot {display: inline-block; position: relative; padding-top: 0.475em;}
.compete_steps_header .txt_big .dot::before {content: ""; width: var(--size16-8); aspect-ratio: 1; border-radius: 50%; background: currentColor; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.compete_steps_header .highlight::after {--h: 0.45em; left: -0.2em; right: -0.15em; bottom: -0.0875em; width: auto;}
.compete_steps_header .txt_mdd {--size: var(--size32-17); --line: 1.2;}
.compete_steps_header .txt_mdd img {height: 1.6875em; vertical-align: middle;}

@media (min-width: 1561px) {
	.compete_steps_header::after {margin-left: 495px;}
	.compete_steps_header .txt_big {margin-top: -5px; white-space: nowrap;}
	.compete_steps_header .txt_big p:not(:first-of-type) {margin-top: 0;}
}

@media (max-width: 1320px) { 
	.compete_steps_header .txt_mdd {--line: 1.7647;} 
}

@media (max-width: 992px) {
	.compete_steps_header::after {width: max(43.611vw * 0.8, 157px); aspect-ratio: 1/0.91083; bottom: auto; top: 11%; transform: translate(70%, -100%); margin-left: 0; background-image: url('../../images/img/compete_steps_arrow_mo.webp');}
	.compete_steps_header .txt_big p > span {--text-shadow: 1px 2px 0px rgba(0,0,0,.22)}
	.compete_steps_header .txt_big .dot {padding-top: 0.375em;}
	.compete_steps_header .highlight::after {--h: 0.5625em; left: -0.2em; right: -0.15em; bottom: -0.18em;}
	.compete_steps_header .txt_mdd img {height: 1.5295em;}
}

.compete_steps_content {--h: clamp(120px, 33.334vw * 0.8, 290px); max-width: var(--max-mdd); margin: 0 auto; position: relative;}
.compete_steps_list {display: flex; flex-direction: column; align-items: center; gap: var(--size80-34); color: #fff; counter-reset: number; position: relative;}
.compete_steps_list .item {width: 97.561%; max-width: 780px; height: var(--h); position: relative; counter-increment: number;}
.compete_steps_list .number {--x: -15.78%; --y: -11.364%; position: absolute; left: 0; top: 0; transform: translate(var(--x), var(--y)) translateZ(0); width: clamp(72px, 20vw * 0.9, 171px); aspect-ratio: 1/0.51462; z-index: 1; display: flex; justify-content: center; align-items: center;}
.compete_steps_list .number::before {content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170.062' height='87.44'%3E%3Cpath d='M480.589 3682.43h-19.882l-6.743 28.9 18.02 12.23 8.605-41.13m0 0-8.605 41.13 8.605 3.89v-45.02' style='fill-rule:evenodd;fill:%233d3d3d' transform='translate(-452.969 -3640)'/%3E%3Cpath d='M586.1 3639.99H467.352l-14.384 71.04h170.074v-34.23a36.878 36.878 0 0 0-36.942-36.81Z' style='fill:%23111;fill-rule:evenodd' transform='translate(-452.969 -3640)'/%3E%3C/svg%3E") no-repeat 0 0 /contain; z-index: -1;}
.compete_steps_list .number p {font-size: clamp(11px, 3.056vw * 0.9, 26px); line-height: 1; font-style: italic; transform: translateY(-28%);}
.compete_steps_list .box {--rds: var(--size20) var(--size20) var(--size80-40) var(--size20); --bd: 4px; display: flex; height: 100%; border-radius: var(--rds); background: #fff; overflow: hidden; border: var(--bd) solid var(--color-black); position: relative; box-shadow: var(--box-shadow);}
.compete_steps_list .txt_area {flex-grow: 1; background: var(--color-light); display: flex; justify-content: center; align-items: center; border-right: var(--bd) solid var(--color-black);}
.compete_steps_list .txt_area p {font-size: clamp(46px, 12.778vw * 0.8, 110px); line-height: 1; font-style: italic; filter: drop-shadow(var(--text-shadow));}
.compete_steps_list .img_area {flex-shrink: 0; width: 43.784%; overflow: hidden; transform: translateZ(0);}
.compete_steps_list .img_area video {--x: -50%; --y: -50%; --scale: 1; width: 320%; position: absolute; left: 50%; top: 50%; transform: translate(var(--x), var(--y)) scale(var(--scale));}

.compete_steps_list .item:nth-of-type(even) .number {--x: 15.78%; left: auto; right: 0;}
.compete_steps_list .item:nth-of-type(even) .number::before {transform: scaleX(-1);}
.compete_steps_list .item:nth-of-type(even) .box {--rds: var(--size20) var(--size20) var(--size20) var(--size80-40);}
.compete_steps_list .item:nth-of-type(even) .txt_area {order: 2; border-right: none; border-left: var(--bd) solid var(--color-black);}

@media (min-width: 993px) { 
	.compete_steps_list .item {margin-right: 13.5%;}
	.compete_steps_list .item:nth-of-type(even) {margin-right: -13.5%;}
	.compete_steps_content {position: relative;}
	.compete_steps .bg_line {position: absolute; top: calc(var(--h) * 0.5); bottom: calc(var(--h) * 0.5); left: 0; width: 100%; z-index: -1; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); pointer-events: none;}
	.compete_steps .bg_line::before,
	.compete_steps .bg_line::after {content: ""; display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1324' height='384'%3E%3Crect width='1320' height='380' x='2' y='2' fill='none' rx='190' ry='190' style='fill:%23fff;fill-opacity:0;stroke:%23111;stroke-width:4px;stroke-dasharray:16 8'/%3E%3C/svg%3E") no-repeat center 0/100% 100%; margin-top: -4px;}
	.compete_steps .bg_line::before {clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);}
	.compete_steps .bg_line::after {clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);}
}

@media (max-width: 992px) {
	.compete_steps_list .box {--bd: 3px;}
	.compete_steps_list .img_area {width: 44.375%;}
}

@media (max-width: 576px) {
	.compete_steps_list .box {--bd: 2px;}
}

.compete_system {color: var(--color-black); opacity: 1 !important;}
.compete_system .inner {padding-bottom: clamp(63px, 17.5vw * 0.9, 167px);}
.compete_system_header {margin-bottom: clamp(47px, 13.056vw * 0.55, 72px);}
.compete_system_header .txt_mdd {width: clamp(191px, 53.056vw * 0.9, 480px); margin: 0 auto; position: relative; padding-top: clamp(23px, 6.389vw * 0.7, 46px);}
.compete_system_header .txt_mdd::after {content: ""; position: absolute; left: 0; top: 0; width: var(--size85); aspect-ratio: 1/1.071; background: url('../../images/img/compete_system_star.png') center/contain; transform: translateX(-78.83%);}
.compete_system_header .heading {font-size: var(--size100); line-height: 1; font-weight: var(--font-bd); color: var(--color-point); text-shadow: var(--text-shadow); margin-top: clamp(19px, 5.278vw * 0.8, 42px);}

@media (max-width: 992px) {
	.compete_system_header .txt_mdd::after {transform: translateX(-88.37%);}
}

.compete_system_content {max-width: var(--max-mdd); margin: 0 auto; display: flex; flex-direction: column; gap: var(--size60); position: relative; transform: translateZ(0);}
.compete_system_content::before {content: ""; position: absolute; top: 0; left: 0; left: 3.864%; width: clamp(82px, 22.778vw * 0.8, 242px); aspect-ratio: 1/1.583; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.32 382.88'%3E%3Cpath d='M0 183.23h14.92v161.52h30V183.23h14.91l-29.91-51.81L0 183.23zM121.24 0 57.42 110.53h31.81v216.35h64V110.53h31.82L121.24 0zm88.18 184.05-31.91 55.27h15.9v143.56h32V239.32h15.91l-31.9-55.27z' style='fill:%23faa634'/%3E%3C/svg%3E") center 0/contain; z-index: -1; transform: translate(0, -74.413%);}
.compete_system_content .box {--bd: var(--color-black); --bdw: 3px; --rds: var(--size20); --pl: 5.076%; background: #fff; border: var(--bdw) solid var(--bd); border-radius: calc(var(--rds) * 4) var(--rds) calc(var(--rds) * 4) var(--rds); display: flex; flex-direction: column; align-items: center; gap: clamp(22px, 6.111vw * 0.8, 51px); padding: clamp(50px, 13.889vw * 0.75, 102px) var(--pl) clamp(18px, 5vw * 0.85, 43px); box-shadow: var(--box-shadow); position: relative;}
.compete_system_content .tit {--bg: var(--color-light); --h: 2.2813em; --mt: -0.6875em; --rds: 28.5px; --font: var(--size32-16); flex-shrink: 0; background: var(--bg); color: #fff; border-radius: 0 0 var(--rds) var(--rds); border: var(--bdw) solid var(--bd); font-size: var(--font); line-height: 1; height: var(--h); display: flex; justify-content: center; align-items: center; margin-top: var(--mt); padding: 0 0.915em; position: absolute; top: calc(var(--bdw) * -1); left: 50%; transform: translateX(-50%);}
.compete_system_content .tit img {height: 1.5em; margin-right: 0.6563em;}
.compete_system_content .range {--w: 6.6667em; width: 100%; font-size: clamp(11px, 3.056vw * 0.9, 30px); line-height: 1; white-space: nowrap;}
.compete_system_content .range .txt_mdd {font-size: 1.1334em; color: var(--color-black);}
.compete_system_content .highlight::after {--h: 0.706em; bottom: -.14em; left: -.28em; right: -.04em; width: auto;}
.compete_system_content .range .cont {display: grid; grid-template-columns: var(--w) 1fr var(--w); margin-bottom: 1.3334em;}
.compete_system_content .bar {--h: var(--size10); --color: var(--color-light); background: #e7e7e8; height: var(--h); border-radius: calc(var(--h) / 2); display: grid; grid-template-columns: var(--w) 1fr var(--w);}
.compete_system_content .bar_inner {display: block; grid-column: 2 / 3; background: var(--color); position: relative; border-radius: calc(var(--h) / 2);}
.compete_system_content .bar_inner::before,
.compete_system_content .bar_inner::after {content: ""; position: absolute; top: 50%; width: var(--size26); aspect-ratio: 1; border: var(--bdw) solid var(--color); background: #fff; border-radius: 50%; transform: translateY(-50%);}
.compete_system_content .bar_inner::before {left: 0;}
.compete_system_content .bar_inner::after {right: 0;}
.compete_system_content .desc {--size: var(--size26-14); --line: 1; white-space: nowrap;}

.compete_system_content .box.gray {--bd: var(--color-gray)}
.compete_system_content .gray .tit {--bg: var(--color-gray2); padding: 0 1.124em;}
.compete_system_content .gray .range .cont {color: var(--color-gray);}
.compete_system_content .gray .bar {--color: var(--color-gray);}
.compete_system_content .gray .bar_inner {grid-column: 1 / -1;}

@media (max-width: 1320px) {
	.compete_system_content::before {left: -5.5%; transform: translate(0, -66.923%); mask-image: linear-gradient(to bottom, #000 65%, transparent 90%, transparent 100%);}
}

@media (min-width: 993px) {
	.compete_system_content .gray .tit {--h: 1.9em; --font: 30px; --mt: -0.3334em;}
	.compete_system_content .range .txt_mdd.type2 {transform: scale(1.0286);}
}

@media (max-width: 992px) {
	.compete_system_content .box {--bdw: 2px;}
	.compete_system_content .tit {--h: 2.375em; --mt: -0.625em; --rds: 1.25em; width: max(61.111vw * 0.7, 220px); padding: 0; border-width: 2px;}
	.compete_system_content .tit img {height: 1.4375em;}
	.compete_system_content .range {--w: 6.364em;}
	.compete_system_content .range .txt_mdd {font-size: 1.273em;}
	.compete_system_content .range .txt_mdd.type2 {font-size: 1.182em; letter-spacing: -0.025em;}
	.compete_system_content .range .cont {margin: 2px 0 1.182em;}
	.compete_system_content .desc {--line: 1.5714;}
	.compete_system_content .box:not(.gray) .desc {--size: calc(var(--size26-14) + 3px); line-height: 1.41177;}
}

@media (max-width: 768px) {
	.compete_system_content .box {--pl: max(2.223vw, 8px);}
}

.compete_system_footer {margin-top: var(--size70);}
.compete_system_footer .txt_big {--size: var(--size60-26); --line: 1.2615; margin-bottom: calc(var(--size41) + var(--mg));}
.compete_system_footer .txt_big img {height: 0.9834em; margin: 0 0.05em; transform: translateY(.14em);}
.compete_system_footer .txt_mdd {--size: var(--size32-17); --line: 1;}

@media (max-width: 992px) {
	.compete_system_footer .txt_big {--line: 1.4615;}
	.compete_system_footer .txt_big img {height: 0.96154em;}
	.compete_system_footer .txt_mdd {--line: 1.5294;}
}

.compete_end {position: absolute; left: 0; bottom: 0; height: 50vh; width: 100%; z-index: 1; pointer-events: none;}
.compete_end .inner {height: 100%;}

.sec_alltime {transform: translateZ(0); background: url('../../images/img/alltime_bg.jpg') center bottom/cover; padding: var(--size162) 0 var(--size170); text-align: center; font-weight: var(--font-bd);}
.sec_alltime .inner {display: grid; grid-template-areas: "header header" "day night"; grid-template-columns: repeat(2, 1fr); grid-template-rows: min-content auto; grid-row-gap: var(--size110); max-width: 1920px; margin: 0 auto; opacity: 1 !important;}
.sec_alltime .bg_img {position: absolute; top: var(--top, 0); z-index: -1; opacity: 0.2; pointer-events: none;}
.sec_alltime .bg_img.sun {width: clamp(181px, 50.278vw * 0.65, 329px); left: var(--lt, 22.4%); --top: clamp(21px, 5.833vw * var(--fa, 1), 118px);}
.sec_alltime .bg_img.moon {width: clamp(117px, 32.5vw * 0.75, 253px); right: var(--rt, 19%); --top: clamp(46px, 12.778vw * var(--fa, 1), 148px);}

@media (min-width: 993px) {
	.sec_alltime .bg_img.sun {--fa: 2; transform: translateX(-100%);}
	.sec_alltime .bg_img.moon {--fa: 2; transform: translateX(100%);}
}

@media (max-width: 992px) {
	.sec_alltime .bg_img.sun {--lt: -5.8334%;}
	.sec_alltime .bg_img.moon {--rt: -1.6667%;}
}

@media (max-width: 359px) {
	.sec_alltime .bg_img.sun {width: 50.278%;}
	.sec_alltime .bg_img.moon {width: 32.5%;}
}

.alltime_headr {grid-area: header;}
.alltime_headr .heading {--size: var(--size100); --line: 1; text-shadow: var(--text-shadow2); color: #fff; margin-bottom: 0.42em; position: relative;}
.alltime_headr .txt_sm {margin-bottom: clamp(22px, 6.111vw * 0.45, 26px);}
.alltime_headr .txt_sm img {height: var(--size40);}
.alltime_headr .txt_mdd {--size: var(--size60-36); --line: 1;}
.alltime_headr .txt_mdd img {height: 0.9667em; position: relative; z-index: 1;}
.alltime_headr .txt_mdd .box {display: inline-block; position: relative; vertical-align: top;}
.alltime_headr .txt_mdd .box::after {--pl: -0.0667em; content: ""; position: absolute; inset: var(--pl); height: 1.1334em; background: var(--color-yellow); transform: skewX(-11deg); z-index: 0;}

@media (min-width: 993px) {
	.alltime_headr .heading {font-size: min(11.667vw * 0.75, 100px);}
}

@media (max-width: 992px) {
	.sec_alltime {background-image: url('../../images/img/alltime_bg_mo.webp');}
	.alltime_headr .heading {--line: 1.2857; margin-bottom: 0.5238em;}
	.alltime_headr .txt_mdd {--line: 1.3889;}
	.alltime_headr .txt_mdd img {height: 1em;}
	.alltime_headr .txt_mdd .box::after {--pl: -0.125em; height: 1.25em; transform: skewX(-18deg);}
}

.alltime_content {display: flex; position: relative; justify-content: center;}
.alltime_content.day {grid-area: day; z-index: 10;}
.alltime_content.night {grid-area: night;}
.alltime_content .vs_wrap {--top: 45.5%; position: absolute; top: var(--top); right: 0; width: clamp(86px, 23.889vw * var(--fa, 0.8), 344px); transform: translate(50%, -50%); z-index: 5; filter: drop-shadow(var(--box-shadow)); pointer-events: none; opacity: 1;} 
.alltime_content .vs_wrap .vs {--delay: 0.8s;}
.alltime_content .vs img {--scale: 0.8; animation: blankZoom .7s ease-in-out infinite;}

.alltime_content .box {--bd: 4px; --bdc: var(--color-black); --rds: 10px; background: #fff; border: var(--bd) solid var(--bdc); border-radius: var(--rds); width: 100%; max-width: 706px; padding: clamp(19px, 5.278vw, 71px) clamp(6px, 1.667vw * var(--fa, 1), 30px) clamp(12px, 3.333vw * var(--fa, 1), 56px); position: relative; box-shadow: var(--box-shadow);} /* 1920px 기준 */
.alltime_content .tit {--rds: 0.95em; --bg: var(--color-light); --w: 10.8334em; --h: 2.4334em; --mt: -0.8334em; font-size: clamp(14px, 3.889vw * var(--fa, 0.75), 30px); width: var(--w); height: var(--h); border-radius: 0 0 var(--rds) var(--rds); background: var(--bg); color: #fff; border: var(--bd) solid var(--bdc); position: absolute; left: 50%; top: calc(var(--bd) * -1 ); transform: translateX(-50%); margin-top: var(--mt); display: flex; align-items: center; justify-content: center;}
.alltime_content .tit img {height: 1.6667em;}

@media (min-width: 993px) {
	.alltime_content {--pl: 4.1667%;}
	.alltime_content.day {padding-left: var(--pl);}
	.alltime_content.night {padding-right: var(--pl);}
	.alltime_content .box {width: 90%; --fa: 1.2;}
	.alltime_content .tit {--bd: 3px; --fa: 0.6}
	.alltime_content .gray .tit {--w: 9.3em; --h: 2em; --mt: -0.3334em;}
}

@media (max-width: 992px) {
	.alltime_content {--pl: max(2.778vw, 10px); --pr: max(1.389vw, 5px);}
	.alltime_content .vs {--top: 60%;}
	.alltime_content.day {padding-left: var(--pl); padding-right: var(--pr);}
	.alltime_content.night {padding-left: var(--pr); padding-right: var(--pl);}
	.alltime_content .box {--bd: 3px;}
	.alltime_content .tit {--bd: 2px; --w: 7.571em; --h: 2.143em; --mt: -0.5em;}
	.alltime_content .tit img {height: 1.3572em;}
	.alltime_content .gray .tit {--h: 1.9286em; --mt: -0.3571em;}
}

@media (max-width: 576px) {
	.alltime_content .box {--bd: 2px;}
}

@media (max-width: 380px) {
	.alltime_content .vs {--top: 55.6%;}
}

@media (max-width: 359px) {
	.alltime_content .vs {width: max(23.750vw, 76px);}
}

.alltime_content .graph {background: url('../../images/img/alltime_graph_bg.png'); position: relative; max-width: 625px; margin: 0 auto; margin-bottom: clamp(13px, 3.611vw * var(--fa, 1), 53px);}
.alltime_content .graph::before,
.alltime_content .graph::after {content: ""; position: absolute; inset: 0; z-index: 1; background-repeat: no-repeat; background-size: contain;}
.alltime_content .graph::before {background-image: url('../../images/img/alltime_graph1_info.png');}
.alltime_content .graph::after {background-image: url('../../images/img/alltime_graph_top.png')}
.alltime_content .gray .graph::before {background-image: url('../../images/img/alltime_graph2_info.png');}
.alltime_content .gray .graph::after {background-image: url('../../images/img/alltime_graph_top_gray.png');}

@media (min-width: 993px) {
	.alltime_content .graph {--fa: 1.2;}
}

@media (max-width: 992px) {
	.alltime_content .graph {background: url('../../images/img/alltime_graph_bg_mo.png'); position: relative;}
	.alltime_content .graph::before {background-image: url('../../images/img/alltime_graph1_info_mo.png');}
	.alltime_content .graph::after {background-image: url('../../images/img/alltime_graph_top_mo.png');}
	.alltime_content .gray .graph::before {background-image: url('../../images/img/alltime_graph2_info_mo.png');}
	.alltime_content .gray .graph::after {background-image: url('../../images/img/alltime_graph_top_gray_mo.png');}
}

.alltime_content .desc {--h: 1.9231em; --color: #e60012; display: grid; grid-template-columns: repeat(2, auto); grid-gap: 0.7693em 0.46154em; font-size: clamp(12px, 3.333vw * var(--fa, 0.8), 26px); color: var(--color); width: 100%; max-width: 606px; margin: 0 auto; text-align: left;}
.alltime_content .desc li {background: #f0f0f0; height: var(--h); border-radius: calc(var(--h) / 2); display: flex; align-items: center; padding: 0 0.5em;}
.alltime_content .desc li::before {content: ""; display: block; width: 1.9231em; aspect-ratio: 1/0.8; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 50 40' viewBox='0 0 50 40'%3E%3Cpath d='M14.6 39.4 6.8 29C3.5 24.6.1 20 0 19.9l.9-.9 14.2 10.1L49.1 0l.9.9L15.1 40l-.5-.6z' style='fill:%23e6202a'/%3E%3C/svg%3E") no-repeat center/contain; margin-right: 2px; transform: translateY(-20%);}

.alltime_content .gray {--bdc: var(--color-gray3);}
.alltime_content .gray .tit {--bg: var(--color-gray2);}
.alltime_content .gray .desc {--color: var(--color-gray); font-weight: var(--font-rg);}
.alltime_content .gray .desc li::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 50 40' viewBox='0 0 50 40'%3E%3Cpath d='M14.6 39.4 6.8 29C3.5 24.6.1 20 0 19.9l.9-.9 14.2 10.1L49.1 0l.9.9L15.1 40l-.5-.6z' style='fill:%23666666'/%3E%3C/svg%3E");}

@media (min-width: 993px) {
	.alltime_content .desc {--fa: 0.5}
}

@media (max-width: 992px) {
	.alltime_content .desc {--h: 2.3334em; grid-template-columns: 1fr; grid-gap: 0.5em;}
	.alltime_content .desc li {padding: 0 0.6667em;}
	.alltime_content .desc li::before {width: 1.5em; margin-right: 4px; transform: translateY(-10%);}
	.alltime_content .gray .desc li {letter-spacing: -0.025em;}
}

@media (max-width: 359px) {
	.alltime_content .desc {font-size: max(10px, 3.125vw);}
}

.sec_target {padding: var(--size138) 0 calc(var(--size138) - 2px); background: url('../../images/img/target_bg.jpg') center/cover; font-weight: var(--font-bd); color: #fff;}
.target_content {position: relative; z-index: 1; opacity: 1 !important;}
.target_content .heading {--size: clamp(42px, 11.667vw * var(--fa, 0.75), 100px); --line: 1.12; margin-bottom: calc(var(--mb, 0.44em) + var(--mg));}
.target_content .txt_big {--size: clamp(32px, 8.889vw * var(--fa, 0.65), 60px); --line: 1.375; margin-bottom: calc(var(--mb, 0.8em) + var(--mg));}
.target_content .txt_big img {height: 0.9834em;}
.target_content .txt_mdd {font-size: clamp(16px, 4.444vw * var(--fa, 0.7), 32px); line-height: 1; width: 15.0625em; }

@media (min-width: 993px) {
	.sec_target .inner {display: grid; grid-template-areas: "content"; grid-template-columns: 1fr; grid-template-rows: 1fr;}
	.target_content,
	.target_chart {grid-area: content; pointer-events: none;}
	.target_content *,
	.target_chart * {pointer-events: auto;}
	.target_content {padding-left: 10px; margin-top: 22px;}
	.target_content .heading {--fa: 0.7;}
	.target_content .txt_big {--fa: 0.55;}
	.target_content .txt_mdd {--fa: 0.55; margin-bottom: min(4.792vw * 1.3, 92px);} /* 1920px 기준 */
	.target_content .img {width: 42%; max-width: 606px;}
	.target_chart {margin-top: auto;}
}

@media (max-width: 992px) {
	.sec_target {padding-bottom: calc(var(--size138) - 5px); background-image: url('../../images/img/target_bg_mo.webp');}
	.target_content {margin-bottom: 17px;}
	.target_content .heading {--line: 1.2857; --mb: 25px;}
	.target_content .txt_big {--mb: 22px;}
	.target_content .txt_big img {height: 0.96875em;}
	.target_content .txt_mdd {width: 15.125em;}
}

.target_chart {opacity: 1 !important;}
.target_chart .chart {--pt: clamp(44px, 12.222vw * var(--fa, 0.7), 87px); width: 95.732%; max-width: 978px; display: flex; justify-content: space-between; align-items: flex-end; position: relative; transform: translateZ(0); padding-top: var(--pt);}
.target_chart .chart dl {--size: clamp(150px, 41.667vw * var(--fa, 0.9), 440px); --h: var(--size); --color: #fff;  --dur: 0.6s; color: var(--color); display: flex; flex-direction: column; text-align: center;}
.target_chart .chart dl.current {--color: var(--color-yellow);}
.target_chart .chart dt {order: 2; font-size: clamp(12px, 3.333vw * var(--fa, 0.7), 24px); line-height: 1; margin-top: 1.5em;}
.target_chart .chart dd p {font-size: clamp(16px, 4.444vw * var(--fa, 0.8), 36px); line-height: 1; position: relative; margin-bottom: 0.7223em; padding-top: 1.3612em;}
.target_chart .chart dd p::after {content: ""; position: absolute; left: 50%; top: 0; width: 0.4445em; aspect-ratio: 1; border-radius: 50%; background: #fff; transform: translate(-50%, -100%);}
.target_chart .chart dd::after {--w: clamp(24px, 6.667vw * var(--fa, 0.9), 70px); content: ""; display: block; width: var(--w); height: var(--h); background: var(--color); margin: 0 auto; border-radius: calc(var(--w) / 2);}
.target_chart .chart .c1 {--h: calc(var(--size) * 0.3864);} /* 170px */
.target_chart .chart .c2 {--h: calc(var(--size) * 0.52273);} /* 230px */
.target_chart .chart .c3 {--h: calc(var(--size) * 0.6364);} /* 280px */
.target_chart .chart .c4 {--h: calc(var(--size) * 0.77273);} /* 340px */
.target_chart .line {--lt: 3.68%; --btm: 49.857%; --dur: 1s; position: absolute; left: var(--lt); right: var(--lt); bottom: var(--btm); top: calc(var(--pt) - 1.3%); z-index: -1; pointer-events: none;}
.target_chart .line svg {fill: currentColor; position: absolute; inset: 0; width: 100%; height: 100%;}
.target_chart .bubble_wrap {position: absolute; left: 56.5%; top: 0; transform: translateX(-50%);}
.target_chart .bubble {width: clamp(68px, 18.889vw * var(--fa, 0.9), 174px); aspect-ratio: 1/0.977; background: url('../../images/img/target_chart_bb.png') no-repeat center/contain;}

@media (min-width: 993px) {
	.target_chart .chart {margin-left: auto; max-width: min(50.938vw, 978px);} /* 1920px 기준 */
	.target_chart .chart dl {--fa: 0.8;}
	.target_chart .chart dt {--fa: 0.6}
	.target_chart .chart dd::after {--fa: 0.7;}
	.target_chart .chart dd p {--fa: 0.7;}
	.target_chart .line {--lt: 34px;}
	.target_chart .bubble {--fa: .75;}
}

@media (max-width: 992px) {
	.target_chart .chart {margin: 0 auto;}
	.target_chart .chart dt {margin-top: 0.6667em;}
	.target_chart .chart dd p {margin-bottom: 0.5em; padding-top: 1.5em;}
	.target_chart .chart dd p::after{width: 0.375em;}
	.target_chart .line {--lt: 4.2%; --btm: 48.2%;} 
}

@media (max-width: 400px) {
	.target_chart .line {--lt: 5.3%; --btm: 49.1%;}
}

/* 메뉴 */
.sec_menu {padding: var(--size160-70) 0 var(--size140); background: url('../../images/img/menu_bg.jpg') repeat-y center 0/100% auto; text-align: center; font-weight: var(--font-bd); transform: translateZ(0);}
.sec_menu::before,
.sec_menu::after {content: ""; position: absolute; inset: 0; z-index: -1; background-repeat: no-repeat; background-size: 100% auto; pointer-events: none;}
.sec_menu::before {background-image: url('../../images/img/menu_bg_lt.png'); background-position: 0 bottom;}
.sec_menu::after {background-image: url('../../images/img/menu_bg_rt.png'); background-position: 0 0;}
.sec_menu .heading {--size: var(--size100); --line: 1; margin-bottom: .71em;}

@media (max-width: 992px) {
	.sec_menu {padding-bottom: var(--size80-40); background-image: url('../../images/img/menu_bg_mo.webp');}
	.sec_menu .heading {--size: var(--size100); --line: 1.2857; margin-bottom: calc(var(--mg) + 0.6191em);}
}

.menu_content {--h: clamp(230px, 63.889vw * var(--fa, 0.8), 520px); --rgap: clamp(24px, 6.667vw * var(--gfa, 1), 40px); --cgap: clamp(8px, 2.222vw, 38px); max-width: 1520px; margin: 0 auto; margin-bottom: calc(var(--rgap) * -1); position: relative; overflow: hidden; padding-bottom: var(--rgap); height: calc(var(--h) + var(--rgap));}
.open .menu_content {height: calc(var(--max) + var(--rgap)); transition: height .4s ease;}
.menu_list {display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: var(--rgap) var(--cgap);}
.menu_list .item {--rds: 20px; --bd: 4px; --shadow: 5.56px 6.94px 0px rgba(140, 24, 21, 0.2); grid-column: auto/span var(--g, 4); height: var(--h); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 408 408'%3E%3Cpath fill='%23bf221d' d='M408 408H0V302.4l408-140V408z' /%3E%3C/svg%3E") no-repeat center bottom / 100% auto; border-radius: var(--rds); position: relative; box-shadow: var(--shadow);}
.menu_list .item::before {content: ""; position: absolute; inset: 0; border: var(--bd) solid #000; border-radius: var(--rds); z-index: 1; pointer-events: none;}
.menu_list .item.new::after {--w: 25.7353%; --x: -16.19%; --y: 18.75%; --shadow: 8.66px 5px 10px rgba(0, 0, 0, 0.3); content: ""; position: absolute; right: 0; bottom: 0; width: var(--w); max-width: 105px; aspect-ratio: 1/1.37143; background: url('../../images/img/menu_new.png') no-repeat center/contain; z-index: 2; filter: drop-shadow(var(--shadow)); transform: translate(var(--x), var(--y));}
.menu_list .img_food {position: absolute; left: 0; bottom: 0; width: 100%; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; pointer-events: none;}
.menu_list .txt_area {--lt: 6.25%; padding: clamp(25px, 6.944vw * var(--fa, 0.9), 63px) var(--lt) 0; position: relative; z-index: 1;}
.menu_list .txt_area .name {--size: clamp(18px, 5vw * var(--fa, 0.9), 46px); --line: 1.1957; --fator: 0.4; letter-spacing: -0.025em; margin-bottom: calc(var(--mg) + 0.56522em);}
.menu_list .txt_area .desc {--size: clamp(10px, 2.778vw * var(--fa, 0.7), 20px); --line: 1.6; letter-spacing: -0.025em;}

@media (min-width: 993px) {
	.menu_content {--gfa: 0.4; --fa: 0.5;}
	.menu_list {width: 86%; max-width: 1300px; margin: 0 auto;}
	.menu_list .txt_area {--fa: 0.5;}
	.menu_list .txt_area .name {--fa: 0.5;}
	.menu_list .txt_area .desc {--fa: 0.45; padding: 0 0.5em;};
}

@media (max-width: 992px) {
	.menu_content {height: calc(var(--h) * 2 + var(--rgap) * 2);}
	.menu_list .item {--rds: 10px; --bd: 3px; --shadow: 2.78px 3.47px 0px rgba(140, 24, 21, 0.2); --g: 6;}
	.menu_list .item.new::after {--w: 27.5%; --x: -18.182%; --y: 31.667%; --shadow: 4.33px 2.5px 5px rgba(0, 0, 0, 0.3); max-width: 80px;}
	.menu_list .img_food {transform: scale(1.0678) translateY(-2.8%);}
	.menu_list .txt_area .name {--line: 1.2223;  margin-bottom: calc(var(--mg) + 0.5em);}
	.menu_list .txt_area .desc {--line: 1.6;}
}

@media (max-width: 576px) {
	.menu_list .item {--bd: 2px;}
}

.sec_menu .btn_area {margin-top: var(--size80-30);}
.menu_more {--h: var(--size70-50); --bd: 3px; font-size: var(--size30-20); width: 87.805%; height: var(--h); border: var(--bd) solid var(--color-black); border-radius: calc(var(--h) / 2); gap: 0.6em; box-shadow: 3px 5.2px 0px #b5b5b5; background: transparent;}
.menu_more .icon {width: 1.4em;}
.menu_more.on .icon {transform: rotate(-180deg);}
.menu_more .txt {--size: 0.9667em; height: var(--size);}
.menu_more .txt_on {height: calc(var(--size) - 1px); display: none;}
.menu_more.on .icon {transform: rotate(-180deg);}
.menu_more.on .txt_off {display: none;}
.menu_more.on .txt_on {display: block;}


@media (min-width: 993px) {
	.menu_more {max-width: 460px;}
}

@media (max-width: 992px) {
	.menu_more {--bd: 2px; gap: 0.5em;}
	.menu_more .icon {width: 1.6em;}
	.menu_more .txt {--size: 0.95em;}
}

/* 후기 */
.sec_review {text-align: center; position: relative; background: #fff; transform: translateZ(0); padding: calc(var(--size160-70) - 3px) 0 var(--size152);}
.sec_review::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; --h: clamp(700px, 194.4445vw * 0.78, 1320px); height: var(--h); background: #c11b23 url('../../images/img/review_bg.jpg') no-repeat center bottom/cover; z-index: -1;}
.sec_review .heading {--size: var(--size100); --line: 1; color: #fff; text-shadow: var(--text-shadow2); margin-bottom: 1.12em;}

.review_header {color: #fff; margin-bottom: max(10.278vw * 0.7, 37px); position: relative; transform: translateZ(0); opacity: 1 !important;}
.review_header .inner {display: grid; grid-template-columns: repeat(2, 1fr); position: relative; transform: translateZ(0);}
.review_header .inner::after {content: "&"; color: #fff; font-family: var(--font-esamanru); font-size: clamp(180px, 50vw * 0.85, 460px); position: absolute; left: 50%; top: 0; font-weight: var(--font-bd); transform: translate(-53%, 2%); opacity: 0.1; z-index: -1;}
.review_grade .tit {font-size: var(--size36); line-height: 1; margin-bottom: 1.13889em;}
.review_grade .tit .txt {height: 1em;}
.review_grade .tit .ico {height: var(--size47); margin-bottom: 1.4445em;}
.review_grade.rt .tit .ico {transform: scale(1.8298);}
.review_grade .grade {--dur: 1s; font-size: var(--size120); line-height: 0.9; font-weight: var(--font-sm); text-shadow: var(--text-shadow2); position: relative; white-space: nowrap}
.review_grade .grade::after {content: ""; display: block; width: 1.85em; aspect-ratio: 1/0.22523; margin: 0.1834em auto 0.2667em; background: url('../../images/img/review_tit_line.png') no-repeat center/contain; pointer-events: none;}
.review_grade .grade strong {position: relative;}
.review_grade .grade [data-counter] {position: absolute; inset: 0; transform: translateY(.13em);}
.review_grade .grade .back {opacity: 0;}
.review_grade .desc {--size: var(--size32); --line: 1.5625; --delay: 0.6s; --dur: .6s; letter-spacing: -0.025em;} 

@media (min-width: 993px) {
	.sec_review {padding-top: 160px;}
	.review_header {margin-bottom: 132px;}
	.review_grade.lt {padding-right: 9.271vw;} /* 1920px 기준 178px */
	.review_grade.rt {padding-left: 1.458vw;} /* 1920px 기준 28px */
}

@media (max-width: 992px) {
	.sec_review::before {background-image: url('../../images/img/review_bg_mo.webp'); background-size: 100% auto;}
	.sec_review .heading {--line: 1.28572; margin-bottom: 0.7143em;}
	.review_header .inner::after {transform: translate(-48%, 2%);}
	.review_grade .tit {margin-bottom: 0.9375em;}
	.review_grade .tit .ico {margin-bottom: 0.8125em;}
	.review_grade.rt {margin-right: calc(var(--pdd) * -1);}
	.review_grade.rt .tit .ico {transform: scale(1.579);}
	.review_grade .grade::after {margin-top: 0.34783em; margin-bottom: 0.3696em;}
	.review_grade .desc {line-height: 1.572;}
}

@media (max-width: 359px) {
	.review_grade .grade {font-size: max(12.778vw, 40px);}
}

.review_header .bg_img {position: absolute; top: var(--top, 117px); z-index: -1; opacity: 0.1; pointer-events: none;}
.review_header .bg_img.lt {width: clamp(181px, 50.278vw * 0.65, 330px); left: var(--lt, 20.6%); transform: translateX(-100%);}
.review_header .bg_img.rt {width: clamp(202px, 56.111vw * 0.75, 362px); right: var(--rt, 23.5%); transform: translateX(100%);}

@media (min-width: 993px) {
	.sec_review .bg_img.lt {transform: translateX(-100%);}
	.sec_review .bg_img.rt {transform: translateX(100%);}
}

@media (max-width: 992px) {
	.review_header .bg_img {--top: -14.02%;}
	.review_header .bg_img.lt {--lt: 25.4%;}
	.review_header .bg_img.rt {--rt: 31%;}
}

@media (max-width: 359px) {
	.sec_review .bg_img.lt {width: 50.278%;}
	.sec_review .bg_img.rt {width: 56.111%;}
}

.review_content {--width: clamp(228px, 63.334vw * 0.7, 328px); --ratio: 1/2.0427; --shadow: 2.5px 10px 10px rgba(0,0,0,0.2);}
.review_mask {display: flex; justify-content: center; position: relative; z-index: 10; pointer-events: none;}
.review_mask_inner {position: relative;}
.review_mask .phone {position: relative; width: var(--width); aspect-ratio: var(--ratio);}
.review_mask .effect {position: absolute;}
.review_mask .bubble_wrap {width: 94vw; max-width: 1004px; height: 257px; left: 50%; top: 0; transform: translate(-50%, -174px);}
.review_mask .bubble {width: 100%; height: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr;} /* 1320px 기준 */
.review_mask .bubble img {grid-area: 1 / 1 / -1 / -1; filter: drop-shadow(var(--shadow));}
.review_mask .bubble .lt {align-self: end;}
.review_mask .bubble .ct {justify-self: center;}
.review_mask .bubble .rt {align-self: end; justify-self: end;}
.review_mask .smile {left: var(--lt, -14.634%); top: var(--top, 16.716%); width: 139px; height: auto;}
.review_mask .heart {right: var(--rt, -18.598%); top: var(--top, 7.762%); width: 94px; aspect-ratio: 1/1.56383;}
.review_mask .heart img {position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; filter: drop-shadow(var(--shadow)); /* opacity: 0; */}

.animated .bubble {transform-origin: center bottom; animation: bubbleAnim 0.8s var(--easing_bounce) both; opacity: 0;}
.animated .smile img {animation: smileAnim 1.2s ease-in-out infinite;}
.animated .heart img {animation: heartAnim 1.6s var(--delay, .2s) ease infinite; opacity: 0;}
.animated .heart img.h1 {--delay: .2s;}
.animated .heart img.h2 {--delay: .4s;}
.animated .heart img.h3 {--delay: .6s;}

@media (min-width: 993px) {
	.review_content {--width: 328px;}
}

@media (max-width: 992px) {
	.review_mask .smile {width: 42.983%; --lt: -13.597%; --top: 17.597%;}
	.review_mask .heart {width: 25%; --rt: -16.2281%; --top: 9.013%;}
}

@keyframes bubbleAnim  {
	0% {transform: scale(0) translateY(300%);}
	100% {transform: scale(1) translateY(0%);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes smileAnim  {
	0%, 100% {transform: translateY(12%);}
	50% {transform: translateY(0);}
}

@keyframes heartAnim  {
	0% {transform: translateY(0);}
	60% {transform: translateY(-100%);}
	100% {transform: translateY(-100%);}
	0% {opacity: 0;}
	40% {opacity: 1;}
	45% {opacity: 1;}
	100% {opacity: 0;}
}

.preload .review_slider .item {transition: none !important;}
.review_slider {width: 100%; height: 100%; position: absolute; overflow: visible; left: 50%; top: 0; transform: translateX(-50%);}
.review_slider::after {content: ""; position: absolute; left: 50%; top: 0; width: var(--width); aspect-ratio: var(--ratio); background: #fff; border-radius: 50px; transform: translateX(-50%) scale(.98);} 
.review_slider .swiper-slide {display: flex; align-items: center; justify-content: var(--align, flex-start);}
.review_slider .swiper-slide-active {--align: center;}
.review_slider .swiper-slide-active ~ .swiper-slide {--align: flex-end;}
.review_slider .item {--w: 260px; --rds: 20px; --x: -38px; --y: -6px; --scale: 1; width: var(--w); aspect-ratio: 1/1.56154; border-radius: var(--rds); overflow: hidden; transition: .3s ease; transform: translate(var(--x), var(--y)) scale(var(--scale)); box-shadow: var(--box-shadow);}
.review_slider .item img {width: 100%; height: 100%; object-fit: cover; object-position: center 0;}
.review_slider .swiper-slide-active .item {--rds: 0; --x: 0px; --y: 51px; --scale: 1.1154; /* aspect-ratio: 1/1.6552; */ aspect-ratio: 1/1.82068; margin: 0 auto; box-shadow: none;}
.review_slider .swiper-slide-active ~ .swiper-slide .item {--x: 38px;}

@media (min-width: 993px) {
	.review_slider {width: 1460px; left: 50%; top: 0; transform: translateX(-50%);}
	.review_slider {--factor: 50px; clip-path: polygon(calc(var(--factor) * -1) 0%, calc(100% + var(--factor)) 0%, calc(100% + var(--factor)) 100%, calc(var(--factor) * -1) 100%);}
}

@media (max-width: 992px) {
	.review_slider {width: calc(var(--width) * 2.8422);} /* width: 648px */
	.review_slider .item {--w: 100%; --x: 0;}
	.review_slider .swiper-slide-active .item {--scale: 1.1388; --y: calc(var(--width) * 0.17);}
	.review_slider .swiper-slide-active ~ .swiper-slide .item {--x: 0;}
}

/* 배달영역 */
.sec_dzone {background: url('../../images/img/dzone_bg.jpg') center/cover; text-align: center; font-weight: var(--font-bd); padding: var(--size140) 0 var(--size160-80); overflow: hidden;}
.sec_dzone .inner {width: 100%; max-width: var(--max-full); margin: 0 auto; opacity: 1 !important;}
.sec_dzone .heading {--size: var(--size80-42); --line: 1; margin-bottom: 1.4375em;}
.sec_dzone .heading img {height: 0.9625em;}

@media (max-width: 992px) {
	.sec_dzone {background-image: url('../../images/img/dzone_bg_mo.webp');}
	.sec_dzone .heading {--line: 1.28572; --fator: 0.1; margin-bottom: calc(var(--mg) + 1.07143em);}
	.sec_dzone .heading img {height: 0.9524em;}
}

.dzone_content {--rds: var(--size20); display: grid; grid-template-columns: var(--lt, 53.646%) auto;}
.dzone_content .col {--pl: max(2.778vw, 10px); padding: 0 var(--pl); display: flex; justify-content: center; align-items: center; position: relative;}
.dzone_content .col.brand {z-index: 10;}
.dzone_content .vs_wrap {--top: 47.7%; position: absolute; top: var(--top); right: 0; width: clamp(107px, 29.7223vw * 0.8, 372px); transform: translate(50%, -50%); z-index: 5; filter: drop-shadow(6px 16px 10px rgba(0,0,0,0.5)); pointer-events: none;} 
.dzone_content .vs_wrap .vs {--delay: 0.8s;}
.dzone_content .vs img {--scale: 0.8; animation: blankZoom .7s ease-in-out infinite;}

@media (min-width: 993px) {
	.dzone_content .col.brand {padding-left: calc(var(--pl) + 1.9418%);}	
	.dzone_content .col.other {padding-right: calc(var(--pl) + 7.8652%);}	
}

@media (max-width: 992px) {
	.dzone_content {--lt: 58.3334%;}
	.dzone_content .vs_wrap {--top: 47.5%;}
}

.dzone_content .box {width: 100%; position: relative;}
.dzone_content .tit {--tw: 5.5264em; --th: 1.8422em; width: var(--tw); height: var(--th); font-size: clamp(12px, 3.333vw * .8, 38px); line-height: 1; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 0; transform: translate(-50%, var(--y, -50%)); background: var(--tbg, var(--color-gray2)); border: 1px solid var(--tbd, #292121); border-radius: calc(var(--th) / 2); z-index: 5; color: var(--color-gray4); font-weight: var(--font-bd); padding-top: .1em;}
.dzone_content .map_area {background-position: center; background-size: cover; border-radius: var(--rds) var(--rds) 0 0; overflow: hidden; position: relative;}
.dzone_content .map_area::after {content: ""; position: absolute; inset: 0; background-position: center; background-size: cover; z-index: 1;}
.dzone_content .txt_area {border-radius: 0 0 var(--rds) var(--rds);}
.dzone_content .txt_area dt {font-size: var(--size, clamp(24px, 6.667vw * 0.7, 56px)); line-height: 1; margin-bottom: var(--mb, 0.4822em);}

@media (max-width: 992px) {
	.dzone_content .tit {--tw: 6.3334em; --th: 1.6667em;}
	.dzone_content .txt_area dt {--mb: 0.5em;}
}

.dzone_content .brand .box {max-width: 710px;}
.dzone_content .brand .tit {--tw: 9.3685em; --th: 2.1053em; --tbg: var(--color-light); --tbd: #65110f;}
.dzone_content .brand .tit img {height: 1.2895em;}
.dzone_content .brand .map_area {background-image: url('../../images/img/dzone_map1.jpg');}
.dzone_content .brand .map_area::after {background-image: url('../../images/img/dzone_map1_point.png');}
.dzone_content .brand .txt_area {background: rgba(191,34,27,.6);color: #ccc; display: flex; flex-direction: column; align-items: center; padding: var(--size32-17) 0 clamp(17px, 4.723vw * 0.9, 50px);}
.dzone_content .brand .txt_area dt {--size: clamp(34px, 9.445vw * 0.65, 80px); --sd: 3.5px; --mb: 23px; width: 2.9375em; aspect-ratio: 1/0.566; background: url('../../images/img/dzone_ccl.png') no-repeat center/contain; display: flex; justify-content: center; align-items: center; position: relative; color: var(--color-yellow); text-shadow: var(--sd) calc(var(--sd) + 0.5px) 0 var(--color-point); position: relative;} 
.dzone_content .brand .txt_area dt::after {content: ""; position: absolute; right: -0.225em; top: -0.05em; width: 1.2375em; aspect-ratio: 1/1.17172; transform: translateX(100%); background: url('../../images/img/dzone_star.png') no-repeat center/contain;}
.dzone_content .brand .txt_area dd {--size: clamp(15px, 4.167vw * 0.6, 32px); --line: 1.5625;}
.dzone_content .brand .txt_area dd strong {color: #fff;}

@media (min-width: 993px) {
	.dzone_content .brand .tit {--y: -43.75%;}
}

@media (max-width: 992px) {
	.dzone_content .brand .tit {--tw: 9.5em; --th: 2.5em;}
	.dzone_content .brand .tit img {height: 1.5em;}
	.dzone_content .brand .map_area {background-image: url('../../images/img/dzone_map1_mo.webp');}
	.dzone_content .brand .map_area::after {background-image: url('../../images/img/dzone_map1_point_mo.webp');}
	.dzone_content .brand .txt_area dt {--sd: 2px; width: 3.0883em; aspect-ratio: 1/0.54286; background-image: url('../../images/img/dzone_ccl_mo.webp'); margin-bottom: 14px; }
	.dzone_content .brand .txt_area dt::after {width: 1em; aspect-ratio: 1/1.1471; right: 0.1177em; top: -0.26471em;}
	.dzone_content .brand .txt_area dd {--line: 1.4667;}
}

.dzone_content .other .box {max-width: 540px;}
.dzone_content .other .map_area {background-image: url('../../images/img/dzone_map2.jpg');}
.dzone_content .other .map_area::after {background-image: url('../../images/img/dzone_map2_point.png');}
.dzone_content .other .txt_area {background: rgba(0,0,0,.3); color: var(--color-gray5); padding: var(--size43) 0 var(--size52);}
.dzone_content .other .txt_area dt {font-weight: var(--font-md);}
.dzone_content .other .txt_area dd {--size: clamp(11px, 3.056vw * 0.7, 28px); --line: 1.4286;}

@media (min-width: 993px) {
	.dzone_content .other .tit {--y: -47.143%;}
}

@media (max-width: 992px) {
	.dzone_content .other .map_area {background-image: url('../../images/img/dzone_map2_mo.webp');}
	.dzone_content .other .map_area::after {background-image: url('../../images/img/dzone_map2_point_mo.webp');}
	.dzone_content .other .txt_area dd {--line: 1.4546; --fator: 0.6;}
}

/* 지점찾기 */
.sec_branch {background: url('../../images/img/branch_bg.jpg') repeat-y center 0/100% auto; padding: var(--size168) max(2.2223vw, 8px) var(--size157); position: relative; transform: translateZ(0);}
.sec_branch .inner {opacity: 1 !important; position: relative; z-index: 1;}
.sec_branch .heading {position: relative; transform: translateZ(0); margin-bottom: var(--size50-35);}
.sec_branch .heading::after {content: ""; position: absolute; left: 50%; bottom: 0.175em; width: 9.7125em; aspect-ratio: 1/0.22008; transform: translateX(-50%); z-index: -1; background: url('../../images/img/branch_heading.png') no-repeat center/contain; pointer-events: none;}

@media (min-width: 993px) {
	.sec_branch::after {content: ""; position: absolute; inset: 0; background: url('../../images/img/branch_bg_overlay.png') no-repeat center bottom/100% auto; pointer-events: none;}
}

@media (max-width: 992px) {
	.sec_branch {background-image: url('../../images/img/branch_bg_mo.webp');}
	.sec_branch .heading::after {bottom: 0.19048em; width: 9.76191em; aspect-ratio: 1/0.26188; background-image: url('../../images/img/branch_heading_mo.webp');}
}

.branch_content {--bd: 3px; --rds: var(--size20); font-size: var(--size16); width: 100%; max-width: calc(1200px + var(--bd) * 2); margin: 0 auto; background: #fff; border: var(--bd) solid var(--color-black); border-radius: var(--rds); padding: 40px clamp(12px, 3.333vw, 50px) var(--size40-30); display: grid; grid-template-areas: "tablist search" "content content"; grid-template-columns: 1fr min-content; color: var(--color-black); overflow: hidden; box-shadow: var(--box-shadow);}
.branch_content * {letter-spacing: -0.025em;}

@media (max-width: 992px) {
	.branch_content {--bd: 2px; grid-template-areas: "tablist" "content" "search"; grid-template-columns: 1fr; padding-top: 0;}
}

.branch_content .tablist {--lt: 11.5px; grid-area: tablist; overflow: hidden; line-height: 1; margin-left: calc(var(--lt) * -1); position: relative;}
.branch_content .tablist::after {content: ""; position: absolute; right: 0; top: 0; width: 2em; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); z-index: 2;}
.branch_content .tablist button {width: auto; height: 40px; display: flex; align-items: center; padding: 0 var(--lt);}
.branch_content .tablist button:last-child {margin-right: 2em;}
.branch_content .tablist button.active {color: #e60012;}

@media (max-width: 992px) {
	.branch_content .tablist {--lt: 6.5px;}
	.branch_content .tablist button {height: 3.572em;}
	.branch_content .tablist button:last-child {margin-right: 1em;}
}

.branch_content .search {grid-area: search; width: 166px; height: 40px; position: relative; border: 1px solid #ccc; border-radius: 3px; background: #fff; display: flex;}
.branch_content .frm_search {width: 100%; height: 100%; font-size: 12px; letter-spacing: 0; padding: 0 14px;}
.branch_content .frm_search::-webkit-input-placeholder {color: var(--color-gray5);}
.branch_content .frm_search::-moz-placeholder {color: var(--color-gray5);}
.branch_content .frm_search::placeholder {color: var(--color-gray5);}
.branch_content .btn_search {flex-shrink: 0; width: 44px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.8 17.8'%3E%3Cpath fill='%23e60012' d='m17.53 16.26-4.23-4.15a7.276 7.276 0 0 0 1.73-4.71c0-4.08-3.37-7.4-7.51-7.4S0 3.32 0 7.39s3.37 7.4 7.52 7.4c1.67 0 3.21-.55 4.46-1.46l4.29 4.21c.18.17.4.26.63.26s.47-.09.64-.27a.9.9 0 0 0-.01-1.27ZM1.8 7.39c0-3.08 2.57-5.59 5.72-5.59s5.72 2.51 5.72 5.59c0 1.59-.69 3.03-1.78 4.05-.02.02-.04.02-.06.04 0 0-.01.02-.02.03a5.77 5.77 0 0 1-3.85 1.47c-3.15 0-5.72-2.51-5.72-5.59Z'/%3E%3C/svg%3E") no-repeat center/18px auto;}

@media (max-width: 992px) {
	.branch_content .search {width: 59.877%; margin: 0 auto; margin-top: calc(var(--size40-30) - 10px);}
}

.branch_content .content {grid-area: content; border-top: 1px solid var(--color-black);}
.branch_content .dropdown {border-bottom: 1px solid #ebebeb;}
.branch_content .drop_header {display: flex;}
.branch_content .drop_header .tit {display: flex; align-items: center; width: 240px;}
.branch_content .drop_header .tit p {font-size: var(--size18-16); font-weight: var(--font-bd);}
.branch_content .drop_header .tit .cate {--h: 1.8572em; display: inline-flex; font-size: var(--size14); line-height: 1; justify-content: center; align-items: center; width: 3.4286em; height: var(--h); border-radius: calc(var(--h) / 2); background: var(--color-light); color: #fff; padding-top: .15em; margin-right: 1.3572em;}
.branch_content .drop_header .address { display: flex;}
.branch_content .drop_header .address p {margin-right: 0.8125em; line-height: 1.5714; }
.branch_content .drop_btn {flex-shrink: 0; display: inline-flex; justify-content: space-between; align-items: center; font-size: 13px; width: 77px; height: 24px; background: var(--color-gray2); color: #fff; padding: 0 8px; padding-top: .1em; border-radius: 6px;}
.branch_content .drop_btn::before,
.branch_content .drop_btn::after {font-family: inherit; display: inline-block;}
.branch_content .drop_btn::before {content: "지도보기";}
.branch_content .drop_btn::after {content: "+"; font-size: 20px;}
.branch_content .drop_btn.on::before {content: "지도닫기";}
.branch_content .drop_btn.on::after {content: "-";}
.branch_content .drop_content {padding-bottom: 20px;}

@media (min-width: 993px) {
	.branch_content .content {margin-top: 20px;}
	.branch_content .drop_header {display: flex; min-height: 70px; align-items: center;}
	.branch_content .drop_header .col {padding: 1em 10px;}
	.branch_content .drop_header .tit,
	.branch_content .drop_header .tel {flex-shrink: 0;}
	.branch_content .drop_header .address {flex-grow: 1; align-items: center;}
}

@media (max-width: 992px) {
	.branch_content .drop_header {padding: 1.286em 0; flex-direction: column;}
	.branch_content .drop_header .tit {margin-bottom: 0.9286em;}
	.branch_content .drop_header .tit .cate {--h: 2em; width: 3.6667em; margin-right: 1em;}
	.branch_content .drop_header .address + .tel {margin-top: 10px;}
	.branch_content .drop_header .tel {line-height: 1;}
	.branch_content .drop_btn {font-size: 12px; width: 73px; height: 22px; margin-left: auto;}
	.branch_content .drop_btn::after {font-size: 18px;}
	.branch_content .drop_content {padding-bottom: 18px;}
}

.branch_content .map_wrap {background: #eee; position: relative; height: var(--size280);}
.branch_content .map {width: 100%; height: 100%;}
.map_marker {--bdc: #a8a8a8; --arr: 0.57143em; position: absolute; background: #fff; color: #888; left: 50%; transform: translateX(-50%); border: 1px solid var(--bdc); min-width: 7.5em; white-space: normal;  z-index: 10; font-family: var(--font-sebang); font-size: var(--size14); display: flex; justify-content: center; align-items: center; padding: 0 .6em; height: 2.3572em; letter-spacing: -0.025em;}
.map_marker::before, 
.map_marker::after {content: ""; position: absolute; width: 0; height: 0; left: 50%; top: 100%; border-width: calc(var(--arr) + 0.2143em) var(--arr) var(--arr) var(--arr); border-style: solid; transform: translate(-50%, 0);}
.map_marker::before {border-color: #fff transparent transparent  transparent; z-index: 1;}
.map_marker::after {border-color: var(--bdc) transparent transparent transparent; transform: translate(-50%, 1px)}

@media (max-width: 992px) {
	.map_marker {min-width: 6.9167em;}
}

/* pagination */
.pagination {display: flex; justify-content: center; gap: 8px; font-size: 14px; font-weight: var(--font-md); margin-top: 36px;}
.pagination .page_link {display: inline-flex; justify-content: center; align-items: center; width: 20px; aspect-ratio: 1; line-height: 1; overflow: hidden; position: relative; color: var(--color-gray); padding-top: .15em;}
.pagination .page_link.current {color: var(--color-light); font-weight: var(--font-bd); pointer-events: none;}
.pagination .page_link.ico::after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 12px;}
.pagination .page_link.prev::after,
.pagination .page_link.next::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.49 12.99'%3E%3Cpath fill='%23666' d='M6.5 12.99 0 6.53 6.49 0l1 .99-5.51 5.53L7.48 12l-.98.99z'/%3E%3C/svg%3E");}
.pagination .page_link.first::after,
.pagination .page_link.last::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.49 12.99'%3E%3Cpath fill='%23666' d='M12.5 12.99 6 6.53 12.49 0l1 .99-5.51 5.53 5.5 5.48-.98.99z'/%3E%3Cpath fill='%23666' d='M6.5 12.99 0 6.53 6.49 0l1 .99-5.51 5.53L7.48 12l-.98.99z'/%3E%3C/svg%3E");}
.pagination .page_link.next::after,
.pagination .page_link.last::after {transform: rotate(180deg);}
.pagination .page_link[disabled] {pointer-events: none;}
.pagination .page_link[disabled]::after {opacity: .4;}

@media (max-width: 992px) {
	.pagination {margin-top: 27px; height: 2.25em;}
}

/* 창업상담 */
.sec_contact {background: #fff; padding: 20px var(--size20-6);}
.sec_contact .inner {border: 6px solid var(--color-point); padding: var(--size135) calc(var(--pdd) - 2px); background: #fafafa; opacity: 1 !important;}
.sec_contact .sec_header {margin-bottom: var(--size83);}
.contact_form {width: 100%; max-width: 1060px; margin: 0 auto;}
.contact_form dt {width: clamp(135px, 13.609vw, 145px);} /* 992px 기준 */
.contact_form .btn_area {margin-top: 110px;}
.contact_form .btn_submit {width: 100%; height: var(--size70-54); background: var(--color-light); border: 2px solid var(--color-red); border-radius: var(--rds6); filter: drop-shadow(3.5px 5.5px 0 var(--color-red));}
.contact_form .btn_submit img {height: var(--h, 44.02%);}

@media (min-width: 993px) {
	.contact_form .btn_submit {max-width: 460px;}
}

@media (max-width: 992px) {
	.contact_form .btn_area {margin-top: var(--size80-32);}
	.contact_form .btn_submit img {--h: 48.3194%;}
}

.agree_list {font-size: var(--size16); display: flex; flex-direction: column; gap: 1em;}
.agree_list dl {display: grid; grid-template-columns: min-content auto; grid-gap: 0.5625em;}
.agree_list dt {font-size: 1.125em; font-weight: var(--font-bd); color: var(--color-black); white-space: nowrap; position: relative; padding-left: 0.9445em;}
.agree_list dt::before {content: ""; position: absolute; left: 0; top: .5em; width: 6px; aspect-ratio: 1; border-radius: 50%; background: currentColor; transform: translateY(-50%);}
.agree_list dd::before {content: ": ";}
.agree_content p {--size: var(--size16); --line: 1.625;}
.agree_content .agree_list + p {margin-top: calc(var(--mg) + 1.6875em);}

@media (max-width: 992px) {
	.agree_list dl {grid-gap: 0.5em;}
	.agree_list dt {font-size: 1.143em; padding-left: 0.8125em;}
	.agree_content p {--line: 1.7143;}
	.agree_content .agree_list + p {margin-top: calc(var(--mg) + 1.4286em);}
}

[data-anim],
[data-anim-inline] {--delay: 0s; --dist: 200px; --dur: 0.8s; --easing: var(--easing_out); opacity: 0; will-change: transform; -webkit-font-smoothing: antialiased; -moz-osz-font-smoothing: grayscale; will-change: transform;}
[data-anim="fadeUp"].animated,
.animated [data-anim-inline="fadeUp"] {animation: fadeUp var(--dur) var(--delay) var(--easing) both;}
[data-anim="fadeLeftB"].animated,
.animated [data-anim-inline="fadeLeftB"] {--dur: 1.2s; --dist: 100%; animation: fadeLeftB var(--dur) var(--delay) both;}
[data-anim="fadeRightB"].animated,
.animated [data-anim-inline="fadeRightB"] {--dur: 1.2s; --dist: -100%; animation: fadeRightB var(--dur) var(--delay) both;}
[data-anim="fadeDownB"].animated {--dur: 1.2s; animation: fadeDownB var(--dur) var(--delay) both;}
[data-anim="fadeDown"].animated,
.animated [data-anim-inline="fadeDown"]{animation: fadeDown var(--dur) var(--delay) var(--easing) both;}
[data-anim="zoomIn"].animated,
.animated [data-anim-inline="zoomIn"] {--scale: 10; animation: zoomIn var(--dur) var(--delay) both;} 
[data-anim="zoomOut"].animated {--dur: 1.2s; opacity: 1; animation: zoomOut var(--dur) var(--delay) both;}
[data-anim="fadeLeft"].animated,
.animated [data-anim-inline="fadeLeft"] {animation: fadeLeft var(--dur) var(--delay) var(--easing) both;}
[data-anim="fadeRight"].animated,
.animated [data-anim-inline="fadeRight"] {animation: fadeRight var(--dur) var(--delay) var(--easing) both;}
.animated [data-anim-inline="showUp"] {transform-origin: center bottom; animation: showUp var(--dur) var(--delay) ease-in-out both;}
.animated [data-anim-inline="showRight"] {animation: showRight var(--dur) var(--delay) ease-in-out both;}
.animated [data-anim-inline="blank"] {animation: blank 1.2s ease-in-out infinite;}

@keyframes fadeLeftB {
	0% {transform: translateX(var(--dist));}
	30% {transform: translateX(97.61%);}
	38% {transform: translateX(109.27%);}
	40% {transform: translateX(111.75%);}
	60% {transform: translateX(-11.75%);}
	62% {transform: translateX(-9.27%);}
	70% {transform: translateX(2.39%);}
	72% {transform: translateX(2.35%);}
	80% {transform: translateX(-0.39%);}
	82% {transform: translateX(-0.52%);}
	90% {transform: translateX(0.03%);}
	92% {transform: translateX(0.1%);}
	100% {transform: translateX(0%);}
	0% {opacity: 0;}
	35% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeRightB {
	0% {transform: translateX(var(--dist));}
	0% {transform: translateX(-97.61%);}
	38% {transform: translateX(-109.27%);}
	40% {transform: translateX(-111.75%);}
	60% {transform: translateX(11.75%);}
	62% {transform: translateX(9.27%);}
	70% {transform: translateX(-2.39%);}
	72% {transform: translateX(-2.35%);}
	80% {transform: translateX(0.39%);}
	82% {transform: translateX(0.52%);}
	90% {transform: translateX(-0.03%);}
	92% {transform: translateX(-0.1%);}
	100% {transform: translateX(0%);}
	0% {opacity: 0;}
	35% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeDownB {
	0% {transform: translateY(var(--dist));}
	30% {transform: translateY(-97.61%);}
	38% {transform: translateY(-109.27%);}
	40% {transform: translateY(-111.75%);}
	60% {transform: translateY(11.75%);}
	62% {transform: translateY(9.27%);}
	70% {transform: translateY(-2.39%);}
	72% {transform: translateY(-2.35%);}
	80% {transform: translateY(0.39%);}
	82% {transform: translateY(0.52%);}
	90% {transform: translateY(-0.03%);}
	92% {transform: translateY(-0.1%);}
	100% {transform: translateY(0%);}
	0% {opacity: 0;}
	30% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeLeft {
	0% {transform: translateX(var(--dist));}
	100% {transform: translateX(0);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeRight {
	0% {transform: translateX(calc(var(--dist) * -1));}
	100% {transform: translateX(0);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeUp {
	0% {transform: translateY(var(--dist));}
	100% {transform: translateY(0);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeDown {
	0% {transform: translateY(calc(var(--dist) * -1));}
	100% {transform: translateY(0);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes zoomOut {
	0% {transform: scale(0);}
	26% {transform: scale(1.32);}
	38% {transform: scale(0.87);}
	54% {transform: scale(1.05);}
	69% {transform: scale(0.98);}
	83% {transform: scale(1.01);}
	98% {transform: scale(1);}
	100% {transform: scale(1);}
}

@keyframes zoomIn {
	0% {transform: scale(var(--scale));}
	26% {transform: scale(1.32);}
	38% {transform: scale(0.87);}
	54% {transform: scale(1.05);}
	69% {transform: scale(0.98);}
	83% {transform: scale(1.01);}
	98% {transform: scale(1);}
	100% {transform: scale(1);}
	0% {opacity: 0; filter: brightness(0.8);}
	100% {opacity: 1; filter: brightness(1);}
}

@keyframes showDown  {
	0% {clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);}
	100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes showUp  {
	0% {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
	100% {clip-path: polygon(0 -20%, 100% -20%, 100% 100%, 0% 100%);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes showRight  {
	0% {clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 100%);}
	100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
	0% {opacity: 0;}
	20% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes blank {
	0%, 100% {opacity: 1;}
	50% {opacity: 0.3;}
}

@keyframes blankZoom  {
	0%, 100% {transform: scale(1);}
	50% {transform: scale(var(--scale));}
}


/* [data-anim].animated {background: red;} */
/* .scroll-anim.on {border: 10px solid red;} */