/* font */
/* Pretendard */
@font-face {font-family: 'Pretendard'; font-weight: 100; font-style: normal; src: url('/font/Pretendard-Thin.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-style: normal; src: url('/font/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-style: normal; src: url('/font/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-style: normal; src: url('/font/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-style: normal; src: url('/font/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-style: normal; src: url('/font/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-style: normal; src: url('/font/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-style: normal; src: url('/font/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 900; font-style: normal; src: url('/font/Pretendard-Black.woff') format('woff');}

/* Montserrat */
@font-face {font-family: 'Montserrat'; font-weight: 100; font-style: normal; src: url('/font/Montserrat-Thin.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 200; font-style: normal; src: url('/font/Montserrat-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 300; font-style: normal; src: url('/font/Montserrat-Light.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 400; font-style: normal; src: url('/font/Montserrat-Regular.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 500; font-style: normal; src: url('/font/Montserrat-Medium.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 600; font-style: normal; src: url('/font/Montserrat-SemiBold.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 700; font-style: normal; src: url('/font/Montserrat-Bold.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 800; font-style: normal; src: url('/font/Montserrat-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Montserrat'; font-weight: 900; font-style: normal; src: url('/font/Montserrat-Black.woff') format('woff');}

/* reset */
#wrapper{min-width: initial;}
body {font-size: 16px; font-family:'Pretendard'; background: #FFF; overflow: hidden; position: relative;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard';}
input, button {font-family:'Pretendard';}
textarea, select {font-family:'Pretendard';}
a {color:#000; font-family:'Pretendard'; }
a:hover{text-decoration: none;}

@media (hover: hover) and (pointer: fine) {
  body, a, input, label, button {cursor: url('/img/voucher/cursor.svg') 10 10, auto;}
}

/* 공통 */
:root {
    --color1 : #5650FF;
    --color2 : #8D64F8;
    --font-mont: 'Montserrat';
    --filter-white : brightness(0) invert(1);
    --gra : linear-gradient(92deg, #5650FF 8.17%, #AF4BFF 92.86%);
}
p, dd{word-break: keep-all;}
.pc{display: block !important;}
.pc2{display: block !important;}
.mob{display: none !important;}
.mob2{display: none !important;}
.flex{display: flex; align-items: center;}
.flex-jb{display: flex; align-items: center; justify-content: space-between;}
.flex-jc{display: flex; align-items: center; justify-content: center;}
.fd-c{display: flex; flex-direction: column;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ta-l{text-align: left;}
.inner{max-width: 102.5rem; margin: 0 auto; padding: 0 1.25rem;}
.f-mont, .f-mont *{font-family: var(--font-mont) !important;}
.gra_txt{background: var(--gra); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.c700, .c700 *{color: #6D6D6D;}
.c600, .c600 *{color: #8E8E8E;}
.c100, .c100 *{color: #FFF !important;}
.section{padding: 8.75rem 0;}
.section.pb0{padding-bottom: 0 !important;}
.m_title em{font-size: 1.25rem; letter-spacing: -0.0375rem; font-weight: 700; line-height: 1.3; color: var(--color1); display: block; margin-bottom: 0.625rem;}
.m_title .tit{font-size: 3.75rem; letter-spacing: -0.0625rem; font-weight: 700; word-break: keep-all;}
.m_title p{margin-top: 1.875rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 1.3; color: #8E8E8E;}
.mt_10{margin-top: 0.625rem;}
.mt_20{margin-top: 1.25rem;}
.mt_30{margin-top: 1.875rem;}
.mt_40{margin-top: 2.5rem;}
.mt_50{margin-top: 3.125rem;}
.mt_60{margin-top: 3.75rem;}
.mt_70{margin-top: 4.375rem;}
.mt_80{margin-top: 5rem;}

/* header */
.header{position:fixed; top:0; z-index:100; width:100%; height: 5.625rem;}
.header .inner{position: relative; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header h1 a{display: inline-block; max-height: 1.25rem; overflow: hidden; padding-right: 1.875rem;}
.header h1 a span{font-size: 1rem; font-weight: 700; display: block; transition:all 0.3s ease; font-family: var(--font-mont);}
.header h1 a .dpunch{transform:translate(1.875rem,0)}
.header h1 a:hover .hello{transform:translateY(-1.25rem)}
.header h1 a:hover .dpunch{transform:translate(0,-1.25rem)}
.header .gnb{display: flex; align-items: center; gap: 3.75rem;}
.header .gnb a{font-size: 1.125rem; font-weight: 700; line-height: 1.55; transition:all 0.2s ease;}
.header .gnb a:hover{color: var(--color1);}
.header.wh *{color: #FFF;}

/* quick menu */
.quick{position: fixed; bottom: calc(env(safe-area-inset-bottom) + 24px + 66px); right: 24px; z-index: 50;}
.quick a{width: 56px; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--gra);}
.quick a + a{margin-top: 10px;}
.quick a img{width: 28px;}
.quick a.top_btn{background: #FFF; border: 2px solid var(--color1);}

/* visual */
.visual{height: 100vh; overflow: hidden; position: relative; padding: 0 !important;}
.visual video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.visual .m_title{margin-top: 16.563rem;}
.visual .m_title em{font-size: 1rem; font-weight: 800; letter-spacing: -0.025rem; margin-bottom: 0.9375rem; color: #8267DC;}
.visual .m_title .tit{font-size: 3.4375rem;}
.visual .m_title p{color: #6D6D6D;}
#apply_btn{position: fixed; bottom: 2.2rem; left: 50%; transform: translateX(-50%); display: inline-block; width: 12.625rem; height: 4.25rem; border-radius: 5rem; background: #FFF; border: 3px solid var(--color1); z-index: 50; overflow: hidden;}
#apply_btn a {position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; letter-spacing: -0.02813rem; font-weight: 600; line-height: 150%; transition: all 0.7s; z-index: 2;}
#apply_btn:hover a{background: none; -webkit-text-fill-color: #FFF; color: #fff;}
#apply_btn .btn_fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: var(--gra); transition: all 0.7s; z-index: 1;}
#apply_btn:hover .btn_fill {width: 30rem; height: 30rem;}

/* sec1 */
.sec1{position: relative;}
.sec1 .inner{align-items: flex-start;}
.sec1 .swiper{height: 27.375rem; overflow: hidden; padding: 0.625rem 0.625rem 2.5rem; margin: -0.625rem; width: 36.6875rem;}
.sec1 .swiper-wrapper{align-items: center;}
.sec1 .swiper-slide{padding: 1.25rem 3.75rem; height: fit-content; font-size: 1.5rem; letter-spacing: -0.02813rem; font-weight: 600; line-height: 1.25; color: rgba(0,0,0,0.5); text-align: center; border-radius: 3.125rem; background: #FFF; box-shadow: 0 0.313rem 0.625rem 0 rgba(0, 0, 0, 0.08); margin-bottom: 1.25rem; width: fit-content; max-width: 100%; white-space: nowrap; display: flex; align-items: center; justify-content: center;}
.sec1 .swiper-slide-active{font-size: 1.75rem; line-height: 1.35; color: #FFF; background: var(--gra);}
.sec1 .txt{position: absolute; left: 0; bottom: 0;}
.sec1 .txt .wrap{overflow: hidden;}
.sec1 .txt .wrap span{font-size: 6.25rem; letter-spacing: -0.25rem; font-weight: 700; display: block; line-height: 1;}
.sec1 .txt .txt2{gap: 1.25rem; margin-top: 0.625rem;}
.sec1 .txt .txt1 span{transform: translateY(100%); transition: transform 800ms cubic-bezier(0.985, 0, 0, 1);}
.sec1 .txt .txt2 span{opacity: 0; transition: 800ms cubic-bezier(0.985, 0, 0, 1);}
.sec1 .txt .txt2 span:nth-of-type(1){transform: translateX(15%);}
.sec1 .txt .txt2 span:nth-of-type(2){transform: translateX(-15%);}

/* sec2 */
.sec2 .arrow{gap: 1.125rem;}
.sec2 .arrow div{width: 3.125rem; aspect-ratio: 1/1; background: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease;}
.sec2 .arrow div img{width: 1rem; transition: all 0.3s ease;}
.sec2 .arrow div:hover{background: var(--color1);}
.sec2 .arrow div:hover img{filter: invert(1);}
.sec2 .swiper_wrap{position: relative;}
.sec2 .swiper_wrap::before{content: ''; display: block; width: 100%; height: 110%; background: #FFF; position: absolute; left: calc(-100% - 20px); top: 50%; transform: translateY(-50%); z-index: 5;}
.sec2 .swiper-slide{width: 28.125rem; border-radius: 1.875rem; background: #FFF; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); padding: 5.625rem 2.5rem; margin-right: 2.5rem; position: relative; overflow: hidden;}
.sec2 .swiper-slide::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: var(--gra); opacity: 0; transition: all 0.3s ease;}
.sec2 .swiper-slide:last-of-type{margin-right: 0 !important;}
.sec2 .swiper-slide .num{font-size: 3.75rem; font-weight: 700; letter-spacing: -0.02813rem; opacity: 0.05; position: relative; z-index: 2; transition: all 0.3s ease;}
.sec2 .swiper-slide dl{margin-top: -1.5625rem; position: relative; z-index: 2;}
.sec2 .swiper-slide dl dt{font-size: 2rem; letter-spacing: -0.02813rem; font-weight: 700; transition: all 0.3s ease;}
.sec2 .swiper-slide dl dd{margin-top: 0.9375rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; color: #8E8E8E; min-height: 5.625rem; transition: all 0.3s ease;}
.sec2 .swiper-slide:hover::before{opacity: 1;}
.sec2 .swiper-slide:hover *{color: #FFF !important;}
.sec2 .swiper-slide:hover dl dt{background: none; -webkit-background-clip: initial; -webkit-text-fill-color: #FFF;}

/* sec3 */
.sec3{padding: 6.5rem 0;}
.sec3 .cont{height: 31.81rem; gap: 7.125rem; overflow: hidden; margin-top: 4rem;}
.sec3 .cont .img{position: relative; width: 40.625rem; height: 100%;}
.sec3 .cont .img li{position: absolute; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; background: #FFF;}
.sec3 .cont .img li:nth-child(n+2){transform: translateY(100%);}
.sec3 .cont .img li.on{transform: translateY(0);}
.sec3 .cont .img li img{width: 100%; height: 100%; object-fit: contain;}
.sec3 .cont .txt{position: relative; width: 28.125rem; height: 100%;}
.sec3 .cont .txt li{position: absolute; width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; transition: all 0.5s ease; background: #FFF;}
.sec3 .cont .txt li:nth-child(n+2){opacity: 0;}
.sec3 .cont .txt li.on{opacity: 1;}
.sec3 .cont .txt li .num{font-size: 3.75rem; font-weight: 700; letter-spacing: -0.02813rem; opacity: 0.05;}
.sec3 .cont .txt li dl{margin-top: -1.5625rem;}
.sec3 .cont .txt li dl dt{font-size: 2.625rem; letter-spacing: -0.02813rem; font-weight: 700;}
.sec3 .cont .txt li dl dd{margin-top: 1.875rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; color: #8E8E8E;}

/* sec4 */
.sec4{overflow: hidden;}
.sec4 .cont .swiper2{margin-top: 1.875rem;}
.sec4 .cont .swiper-wrapper{transition-timing-function: linear;}
.sec4 .cont .swiper-slide{padding: 0 3.75rem; height: 5.625rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 5rem; background: #FFF; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); width: fit-content; margin-right: 1.25rem; overflow: hidden; font-size: 1.5rem; font-weight: 700; line-height: 1.12;}
.sec4 .cont .swiper-slide.img{padding: 0; width: 12.15rem;}
.sec4 .cont .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}

/* sec5 */
.sec5{position: relative; background: var(--gra);}
.sec5 .bg{position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%); left: 0; top: 0; transition: height 1s linear;}
.sec5.c100 .bg{height: 0;}
.sec5 .inner{position: relative; z-index: 2;}
.sec5 .title{align-items: flex-end; gap: 20rem;}
.sec5 .title em, .sec5 .title .tit, .sec5 .title p, .sec5 .title a{transition: all 0.5s 0.5s;}
.sec5 .title p{font-size: 1.25rem; line-height: 150%;}
.sec5 .title a{display: inline-flex; padding-bottom: 0.9375rem; align-items: center; gap: 0.3125rem; border-bottom: 2px solid #000; margin-top: 1.25rem; font-size: 1.5rem; letter-spacing: -0.02813rem; font-weight: 700;}
.sec5 .title a img{width: 1.5rem; filter: invert(1); transition: all 0.5s 0.5s;}
.sec5.c100 .title a{border-color: #FFF;}
.sec5.c100 .title a img{filter: none;}
.sec5 .cont .list{display: flex; flex-wrap: wrap; gap: 1.5625rem;}
.sec5 .cont .list li{width: calc((100% - (1.5625rem * 3)) / 4); perspective: 800px; transition: transform 0.2s ease;}
.sec5 .cont .list li a{position: relative; aspect-ratio: 76/93; border-radius: 1.875rem; overflow: hidden; display: block; transform-style: preserve-3d; transition: transform 0.2s ease, box-shadow 0.3s ease;}
/* .sec5 .cont .list li:hover a { box-shadow: rgba(0,0,0,0.3) 0 15px 30px; } */
.sec5 .cont .list li a img{width: 100%; height: 100%; object-fit: cover;}
.sec5 .cont .list li a .txt{padding: 2.23rem 1.85rem; position: absolute; left: 0; bottom: 0; width: 100%;}
.sec5 .cont .list li a .txt .cate{font-size: 1.125rem; font-weight: 700; letter-spacing: -0.02613rem; line-height: 2.5rem; padding: 0 1.25rem; border-radius: 31.25rem; background: rgba(255, 255, 255, 0.20); display: inline-block;}
.sec5 .cont .list li a .txt .tit{margin-top: 0.9375rem; font-size: 1.35906rem; letter-spacing: -0.02613rem; font-weight: 700;}

/* sec6 */
.sec6 .txt .wrap div{font-size: 6.25rem; letter-spacing: -0.25rem; font-weight: 700; line-height: 1;}
.sec6 .txt .wrap{gap: 1.25rem;}
.sec6 .txt .wrap > div{perspective: 600px;}
.sec6 .txt .txt2{margin-top: 0.9375rem;}
.sec6 .txt .wrap .flex > div{display: inline-block; will-change: transform, opacity, color; transform-origin: center center;}
.sec6 .txt .wrap .flex > div.blank{width: 1.25rem;}
.sec6 .txt .wrap .gra{overflow: hidden;}
.sec6 .txt .wrap .gra > div{color: var(--color1);}
.sec6 .m_title{margin-top: 6.25rem;}
.sec6 .count_wrap{align-items: flex-start; justify-content: flex-end; gap: 8.125rem;}
.sec6 .count_wrap .item{position: relative;}
.sec6 .count_wrap .item::before{content: ''; display: block; width: 0; height: 0.125rem; background: var(--color1); transition: all 0.8s ease;}
.sec6 .count_wrap.active .item::before{width: 100%;}
.sec6 .count_wrap .item span{font-family: 'Pretendard'; text-align: center; vertical-align: middle;}
.sec6 .count_wrap .item p{font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%;}
.sec6 .count_wrap .item .flex{padding: 1.25rem 0;}
.sec6 .count_wrap .item1 .flex{align-items: flex-start;}
.sec6 .count_wrap .item1 span{font-size: 7.5rem; line-height: 1.08; font-weight: 600;}
.sec6 .count_wrap .item1 .s_txt{line-height: 0.9;}
.sec6 .count_wrap .item2 .flex{align-items: flex-end;}
.sec6 .count_wrap .item2 span{font-size: 5rem; font-weight: 600; line-height: 1.12;}
.sec6 .count_wrap .item2 .s_txt{font-size: 1.75rem; font-weight: 600; line-height: 2.14;}
.sec6 .count_wrap .item1 .odometer-digit, 
.sec6 .count_wrap .item1 .odometer-value {display: inline-block; width: 4.5rem; text-align: center;}
.sec6 .count_wrap .item2 .odometer-digit, 
.sec6 .count_wrap .item2 .odometer-value {display: inline-block; width: 3rem; text-align: center;}
.sec6 .count_wrap .item2 .odometer-digit + .odometer-digit{margin-left: -0.25rem;}

/* sec7 */
.sec7{background: #FAFAFA;}
.sec7 .swiper2{margin-top: 1rem;}
.sec7 .swiper-wrapper{transition-timing-function: linear;}
.sec7 .swiper-slide{margin-right: 1.25rem; width: 15.625rem; aspect-ratio: 25/9;}
.sec7 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}

/* sec8 */
.sec8 .m_title p{line-height: 1.5;}
.sec8 .m_title strong{font-size: 1.5rem; letter-spacing: -0.025rem; line-height: 150%; display: block;}
.sec8 .list{display: flex; flex-wrap: wrap; gap: 1.875rem;}
.sec8 .list li{border-radius: 1.875rem; background:#FFF;}
.sec8 .list li:nth-child(-n+3){width: calc((100% - (1.875rem * 2)) / 3); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);}
.sec8 .list li:nth-child(n+4){width: calc((100% - 1.875rem) / 2); padding: 3.75rem 0; justify-content: space-around; box-shadow: 0 2px 10px 0 rgba(71, 66, 207, 0.15);}
.sec8 .list li:nth-child(n+4) img{height: 13.4375rem;}
.sec8 .list li.fd-c{align-items: center; gap: 1.875rem; padding-top: 5rem;}
.sec8 .list li.fd-c img{height: 15.1875rem;}
.sec8 .list li.item1{background: var(--gra);}
.sec8 .list li.item2{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sec8 .list li.item5{background: #F4F3FA;}
.sec8 .list li dl{text-align: center;}
.sec8 .list li dl dt{font-size: 3.25rem; font-weight: 700; letter-spacing: -0.02813rem;}
.sec8 .list li dl dd{margin-top: 0.9375rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; color: #8E8E8E;}

/* sec9 */
.sec9{position: relative; background: var(--gra);}
.sec9::before{content: 'Voucher '; display: block; font-size: 11.25rem; letter-spacing: -0.25rem; font-weight: 700; opacity: 0.1; position: absolute; left: 0; top: 24.69rem; font-family: var(--font-mont);}
.sec9::after{content: 'Business'; display: block; font-size: 11.25rem; letter-spacing: -0.25rem; font-weight: 700; opacity: 0.1; position: absolute; right: 0; bottom: 26.25rem; font-family: var(--font-mont);}
.sec9 .bg{position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%); left: 0; top: 0; transition: height 1s linear;}
.sec9.c100 .bg{height: 0;}
.sec9 .inner{position: relative; z-index: 2;}
.sec9 .m_title .tit, .sec9 .m_title p, .sec9 .img, .sec9 .cont #pro_view_btn{transition: all 0.5s 0.5s;}
.sec9 .cont{position: relative;}
.sec9 .cont #pro_view_btn{font-size: 1.25rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 150%; border-radius: 5rem; background: var(--color1); padding: 0.75rem 2.5rem; display: inline-block; position: absolute; bottom: 13.25rem; left: 50%; transform: translateX(-50%); color: #FFF;}
.sec9.c100 .cont #pro_view_btn{background: #FFF; color: var(--color2) !important;}
.sec9 .img{max-width: 40.625rem; aspect-ratio: 325/348; margin: 0 auto; background: url(/img/voucher/sec9_img.svg) no-repeat center / contain;}
.sec9.c100 .img{background-image: url(/img/voucher/sec9_img_wh.svg);}

/* sec10 */
.sec10 .list{display: flex; justify-content: center; gap: 2.5rem;}
.sec10 .list li{width: 33.33%; max-width: 28.125rem; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center; gap: 2.5rem; padding: 5.625rem 2.5rem;}
.sec10 .list li.item1{background: linear-gradient(92deg, #55E27E 8.17%, #6ECC4C 92.86%); transform: rotate(-21.217deg) translate(45%, 10%); transform-origin: right top;}
.sec10 .list li.item2{background: linear-gradient(92deg, #26C4BF 8.17%, #4385D1 92.86%); transform: rotate(-5.292deg) translate(0, 10%);; transform-origin: center top;}
.sec10 .list li.item3{background: var(--gra); transform: rotate(14.362deg) translate(-45%, 10%); transform-origin: left top;}
.sec10 .list li dl dt{font-size: 1.75rem; letter-spacing: -0.02813rem; font-weight: 700;}
.sec10 .list li dl dd{margin-top: 0.9375rem; font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%;}
.sec10 .list li .view{font-size: 1.25rem; letter-spacing: -0.02813rem; font-weight: 600; line-height: 150%; border-radius: 5rem; border: 1px solid #FFF; display: inline-block; padding: 1rem 2.5rem; transition: all 0.3s ease;}
.sec10 .list li.item1 .view:hover{background: #FFF; color: #5AC931 !important;}
.sec10 .list li.item2 .view:hover{background: #FFF; color: #33A0E0 !important;}
.sec10 .list li.item3 .view:hover{background: #FFF; color: var(--color1) !important;}

/* sec11 */
.sec11{background: #F4F3FA;}
.sec11 .toggleList{border-top: 1px solid #6D6D6D; max-width: 81.25rem; margin: 0 auto;}
.sec11 .toggleList li{padding: 2.5rem; position: relative; border-bottom: 1px solid #6D6D6D;}
.sec11 .toggleList li.on{background: rgba(223, 219, 248, 0.80);}
.sec11 .toggleList li .tit{gap: 0.3125rem; font-size: 1.5rem; letter-spacing: -0.0125rem; font-weight: 600; position: relative; padding-right: 2rem; align-items: flex-start; line-height: 1.4;}
.sec11 .toggleList li .tit::after{content: ''; display: block; width: 1.5rem; aspect-ratio: 1/1; background: url(/img/voucher/faq_arrow.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.sec11 .toggleList li.on .tit::after{transform: translateY(-50%) rotate(-180deg);}
.sec11 .toggleList li .tit span:nth-of-type(1){color: var(--color1);}
.sec11 .toggleList li .cont{font-size: 1.125rem; font-weight: 500; line-height: 1.55; color: #888; margin-top: 1.25rem; display: none;}
.sec11 .toggleList li .cont p + p{margin-top: 1rem;}
.sec11 .toggleList li .cont dl + dl{margin-top: 1.5rem;}
.sec11 .toggleList li .cont dl dt{color: #000; font-weight: 600; margin-bottom: 0.5rem; font-size: 1.25rem;}
.sec11 .toggleList li .cont dl dd + dd{margin-top: 0.5rem;}
.sec11 .toggleList li .cont b{font-weight: 600; color: #6D6D6D;}
.sec11 .toggleList li .cont a{color: #888; text-decoration: underline; text-underline-offset: 0.25rem;}
.table_wrap{border-top: 1px solid #000;}
.table_wrap table{font-size: 1.25rem; letter-spacing: -0.025rem; width: 100%; border-collapse: collapse; background: #FFF;}
.table_wrap table tr{border-bottom: 1px solid #E3E3E3;}
.table_wrap table thead th{height: 3.75rem; background: #F5F5F5; padding: 0 1.25rem; color: #000;}
.table_wrap table tbody th,
.table_wrap table tbody td{text-align: center; color: #555; height: 5rem; padding: 1.25rem;}
.table1 col{width: 25%;}
.table2 .col2, .table2 .col3{width: 30%;}

/* footer */
.txt_m{font-size: 1.125rem; line-height: 150%;}
.txt_s{font-size: 1rem;}
.txt_xs{font-size: 0.875rem; letter-spacing: -0.025rem;}
.footer{background: #FFF; padding: 3.75rem 0 1.25rem;}
.footer .ft_top{align-items: flex-start;}
.footer .tab_no{display: block;}
.footer .tab_on{display: none;}
.footer .info span{color: #6D6D6D;}
.footer .info .email{margin-top: 0.8125rem;}
.footer .call{gap: 0.75rem;}
.footer .call .icon{width: 3.75rem;}
.footer .call p{font-weight: 500; letter-spacing: -0.025rem;}
.footer .call a{font-size: 2.25rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 150%;}
.footer .apply{gap: 1.25rem; display: flex; align-items: flex-start;}
.footer .apply p{font-weight: 500; letter-spacing: -0.025rem; line-height: 2.5rem;}
.footer .apply .form{gap: 0.625rem; height: 2.5rem;}
.footer .apply .form input{width: 8.125rem; height: 100%; padding: 0 0.75rem; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.30) !important; appearance: none;}
.footer .apply .form input.tel{width: 10rem;}
.footer .apply .form input::placeholder{color: #999;}
.footer .apply .submit{color: #FFF; background: var(--gra); width: 6.875rem; height: 100%; border: none; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.agree{margin-top: 0.75rem; gap: 0.5rem;}
input[type="checkbox"]{width: 1rem; aspect-ratio: 1/1; background: url(/img/voucher/check_ic.svg) no-repeat center / contain; border: none; appearance: none; border-radius: 0;}
input[type="checkbox"]:checked{background-image: url(/img/voucher/checked_ic.svg);}
.agree label{font-weight: 500; letter-spacing: -0.0375rem;}
.agree .pr_view{color: #8E8E8E; text-decoration: underline; letter-spacing: -0.0375rem; font-weight: 500;}
.footer .ft_bot{margin-top: 2.63rem;}
.footer .business{font-weight: 600; color: #8F8F8F; gap: 1.25rem;}
.footer .business .line{width: 1px; height: 0.9375rem; background: rgba(0, 0, 0, 0.50);}
.footer .business .flex{gap: 0.625rem;}
.footer .business img{width: 2.1875rem;}
.footer .business .item2 img{width: 1.25rem;}
.footer .swiper{margin-top: 2.75rem; width: 100%;}
.footer .swiper-wrapper{transition-timing-function: linear !important;}
.footer .swiper-slide{width: max-content; display: flex; align-items: center; gap: 2.8125rem; font-size: 4.375rem; letter-spacing: -0.25rem; font-weight: 700; line-height: 1.14; margin-right: 2.8125rem;}
.footer .swiper-slide img{width: 4.0725rem;}

/* 간편 문의하기 팝업 */
#simple_apply{position: fixed; inset: 0; display: none; z-index: 99999999; -webkit-overflow-scrolling: touch;}
#simple_apply.on{display: block;}
#simple_apply .pop_bg{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.60);}
#simple_apply .pop_box{padding: 1.875rem 2.5rem; background: rgba(255, 255, 255, 0.98); position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); z-index: 100; width: 28.125rem; max-width: calc(100% - 2.5rem); box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
#simple_apply .close{width: 2.5rem; position: absolute; right: -2.5rem; top: 0;}
#simple_apply .close img{width: 100%;}
#simple_apply .title strong{font-size: 1.25rem; font-weight: 600; line-height: 130%;}
#simple_apply .title p{font-size: 0.75rem; letter-spacing: -0.025rem; line-height: 150%; color: #8E8E8E;}
#simple_apply .title p span{color: var(--color2);}
#simple_apply .scroll{max-height: 32rem;}
.scroll{overflow-y: auto; padding-right: 1rem; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y;}
.scroll::-webkit-scrollbar {width: 3px;}
.scroll::-webkit-scrollbar-thumb {height: 30%; background: #878787; border-radius: 10px;}
.scroll::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 10px;}
#simple_apply .form{display: flex; flex-direction: column; gap: 0.9375rem;}
#simple_apply .form dl dt{font-weight: 700; line-height: 150%; margin-bottom: 0.625rem;}
.req{color: var(--color1);}
#simple_apply .form dl dd .input{width: 100%; padding-bottom: 0.75rem; border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.30) !important; background: none !important; font-weight: 500; line-height: 150%; outline: none !important; box-shadow: none !important;}
.input::placeholder{color: #8e8e8e;}
.desc{color: var(--color2); margin-top: 0.625rem; display: none;}
.desc.active{display: block;}
#simple_apply .form dl dd .radio_wrap{display: flex; flex-wrap: wrap; gap: 0.75rem;}
#simple_apply .form dl dd .radio_wrap span{display: flex; align-items: center;}
#simple_apply .form dl dd .radio_wrap span:last-of-type{flex: 1;}
#simple_apply .form dl dd .input.other{margin-left: 0.75rem; padding: 0.5rem; opacity: 0; visibility: hidden;}
#simple_apply .form dl dd .input.other.on{opacity: 1; visibility: visible;}
input[type="radio"]{width: 1rem; min-width: 1rem; height: 1rem; border: none; background: #FFF; display: inline-block; vertical-align: middle; margin-right: 0.5rem; border: 1px solid #E3E3E3; appearance: none; border-radius: 50%;}
input[type="radio"]:checked{border-color: #000; background: #000 url(/img/voucher/radio_checked.svg) no-repeat center / 0.55rem;}
#simple_apply .submit{font-weight: 500; color: #FFF; background: var(--color2); padding: 0.75rem 2rem; border: none; display: inline-block;}

/* popup */
.popup{position: fixed; inset: 0; width: 100%; height: 100%; z-index: 99999999; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.popup.on{opacity: 1; visibility: visible;}
.popup .pop_bg{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.60);}
.popup .pop_inner{position: fixed; right: -100%; top: 0; width: 100%; max-width: 75rem; height: 100dvh; background: #FFF; padding: calc(env(safe-area-inset-top) + 3.125rem) 3.125rem calc(env(safe-area-inset-bottom) + 3.125rem); z-index: 5; transition: all 0.5s ease; opacity: 0; -webkit-overflow-scrolling: touch;}
.popup.on .pop_inner{opacity: 1; right: 0;}
.popup .pop_tit{margin-bottom: 2.8125rem;}
.popup .pop_tit .tit{font-size: 2.25rem; font-weight: 600; line-height: 130%;}
.popup .pop_tit .pop_close{width: 2.5rem;}
.popup .pop_tit .pop_close img{width: 100%;}
.popup .pop_tit p{color: #8E8E8E; line-height: 1.5; letter-spacing: -0.025rem;}
#detail_apply .scroll{max-height: 65vh;}
#detail_apply .form{display: flex; flex-wrap: wrap; gap: 1.5rem 0.9375rem;}
#detail_apply .form dl{width: 100%;}
#detail_apply .form dl.flex{gap: 3.125rem;}
#detail_apply .form dl dt{font-weight: 700; line-height: 150%; margin-bottom: 0.625rem;}
#detail_apply .form dl.flex{align-items: flex-start;}
#detail_apply .form dl.flex dt{margin-bottom: 0; padding-top: 0.75rem;}
#detail_apply .form dl.flex dd{flex: 1;}
#detail_apply .form dl.line3{width: calc((100% - (0.9375rem * 2)) / 3);}
#detail_apply .form dl dd .input{width: 100%; height: 3.125rem; border: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.30) !important; font-weight: 500; font-size: 0.9375rem;}
#detail_apply .form dl dd textarea{width: 100%; height: 8.75rem; padding: 0.8125rem 0.9375rem; font-weight: 500; line-height: 150%; font-size: 0.9375rem; border: 1px solid rgba(0, 0, 0, 0.30); resize: none;}
#detail_apply .cate_wrap{gap: 0.625rem;}
#detail_apply .cate_wrap input{display: none;}
#detail_apply .cate_wrap label{font-weight: 600; color: #999; width: 13.75rem; padding: 0.75rem 0; border: 1px solid rgba(0, 0, 0, 0.30); display: block; text-align: center;}
#detail_apply .cate_wrap input:checked + label{background: var(--gra); color: #FFF; border-color: transparent;}
#detail_apply .chk_wrap{flex-wrap: wrap; gap: 0.5rem 2.5rem; width: 100%;}
#detail_apply .chk_wrap span{display: flex; align-items: center; font-weight: 500;}
#detail_apply .chk_wrap span:last-of-type{flex: 1;}
#detail_apply .chk_wrap input[type="checkbox"]{min-width: 1rem;}
#detail_apply .chk_wrap label{margin-left: 0.625rem;}
#detail_apply .chk_wrap .input.other{margin-left: 1.25rem; padding: 0 0.9375rem; border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important; opacity: 0; visibility: hidden;}
#detail_apply .chk_wrap .input.other.on{opacity: 1; visibility: visible;}
#detail_apply .chk_wrap .input.other::placeholder{color: #BEBEBE;}
#detail_apply .agree_chk{width: 100%;}
#detail_apply .agree_chk dl dt img{width: 1.5rem; transition: all 0.3s ease;}
#detail_apply .agree_chk dl.on dt img{transform: rotate(-180deg);}
#detail_apply .agree_chk dl:first-of-type dd{padding-bottom: 1.25rem;}
#detail_apply .agree_chk dl dd{display: none;}
#detail_apply .agree_chk dl dd .box{border: 1px solid rgba(0, 0, 0, 0.30); padding: 1.25rem;}
#detail_apply .agree_chk dl dd .box .use_wrap{max-height: 7rem; overflow-y: auto; padding-right: 1rem;}
#detail_apply .agree_chk dl dd .box .use_wrap::-webkit-scrollbar {width: 3px;}
#detail_apply .agree_chk dl dd .box .use_wrap::-webkit-scrollbar-thumb {height: 30%; background: #878787; border-radius: 10px;}
#detail_apply .agree_chk dl dd .box .use_wrap::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 10px;}
#detail_apply .agree_chk dl dd .box .use_wrap li{color: #999; line-height: 1.4;}
#detail_apply .agree_chk dl dd .box .use_wrap ol{margin:0.5rem 0; padding-inline-start:0}
#detail_apply .agree_chk dl dd .box .use_wrap .disc {padding-inline-start: 0.875rem;}
#detail_apply .agree_chk dl dd .box .use_wrap .disc li{list-style-type:disc; padding-left:0.625rem; position:relative;}
#detail_apply .agree_chk dl dd .box .use_wrap .disc li:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#999; position:absolute; top:0.45rem; left:0;}
#detail_apply .submit{font-size: 1.25rem; font-weight: 500; padding: 1.25rem 3.125rem; background: #FFF; border: 1px solid #000; appearance: none; display: inline-block; transition: all 0.3s ease; color: #000 !important;}
#detail_apply .submit:hover{background: #000; color: #FFF !important;}

/* 바우처사업 프로세스 팝업(sec9) */
#process_pop .pop_inner{max-width: 65rem;}
#process_pop .scroll{max-height: 80vh; margin: -1rem; padding: 1rem;}
.popup .pro_list{display: flex; flex-wrap: wrap; gap: 1.875rem;}
.popup .pro_list li{width: calc((100% - (1.875rem * 2)) / 3); padding: 3.75rem 1.875rem; border-radius: 1.875rem; background: #FFF; box-shadow: 0 5px 1rem 0 rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; align-items: center; gap: 0.9375rem; position: relative;}
.popup .pro_list li::after{content: ''; display: block; width: 2.5rem; aspect-ratio: 1/1; background: url(/img/voucher/pro_pop_arrow.svg) no-repeat center / contain; position: absolute; right: -1.25rem; top: 50%; transform: translateY(-50%); border-radius: 50%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);}
.popup .pro_list li:nth-child(3):after,
.popup .pro_list li:nth-child(5):after{display: none;}
.popup .pro_list li .icon{height: 3.75rem;}
.popup .pro_list li .title{letter-spacing: -0.02813rem; font-weight: 700; color: var(--color2);}
.popup .pro_list li .title .pro{font-size: 1.25rem; word-break: keep-all;}
.popup .pro_list li .title .tit{font-size: 1.5rem; margin-top: 0.3125rem; display: block; word-break: keep-all;}
.popup .pro_list li p{font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 150%; color: #8E8E8E;}
.popup .pro_list li.c100{background: var(--gra);}

/* 관광바우처 팝업 */
.popup.voucher .pop_inner{padding: 3.125rem 2.125rem;}
.popup.voucher .pop_tit{padding: 0 1rem;}
.popup.voucher .s_tit{display: block; font-size: 1.5rem; letter-spacing: -0.02813rem; line-height: 140%;}
.popup.voucher .s_txt{font-size: 1.25rem; letter-spacing: -0.025rem; color: #555;}
.popup.voucher .btn_wrap{gap: 0.625rem;}
.popup.voucher .btn_wrap a{font-size: 1.5rem; letter-spacing: -0.02813rem; line-height: 150%; padding: 1rem 3.75rem; display: inline-flex; border-radius: 5rem; align-items: center; justify-content: center; text-align: center; font-weight: 600;}
.popup.voucher .btn_wrap .btn1{border: 2px solid var(--color1);
 background: #FFF;}
.popup.voucher .btn_wrap .btn2{color: #FFF; background: var(--gra);}
.popup.voucher .scroll{max-height: 65vh; padding-right: 0;}
.popup.voucher .scroll > div{padding: 0 1rem;}
#voucher_pop1 .img{border-radius: 1.875rem; background: #F9F7FF; padding: 2rem;}
.popup.voucher .pro_list{padding-bottom: 1rem;}
#voucher_pop1 .pro_list li{padding: 2rem 1.875rem;}
.popup.voucher .pro_list li::after{display: none !important;}

/* 수출바우처 팝업 */
.popup.voucher .dot_list li{padding-left: 0.9375rem; position: relative; color: #6D6D6D; line-height: 1.55; font-weight: 500;}
.popup.voucher .dot_list li + li{margin-top: 0.3125rem;}
.popup.voucher .dot_list li::before{content: ''; display: block; width: 0.3125rem; aspect-ratio: 1/1; background: #6D6D6D; border-radius: 50%; position: absolute; left: 0; top: 0.7rem;}
.popup.voucher .dot_list li b{color: #000;}
.popup.voucher .box_list{display: flex; flex-wrap: wrap; gap: 1.25rem; padding-bottom: 1rem;}
.popup.voucher .box_list li{width: calc(50% - (1.25rem / 2)); background: #FFF; box-shadow: 0 5px 1rem 0 rgba(0, 0, 0, 0.08); padding: 2.5rem 1.875rem; border-radius: 1.875rem;}
.popup.voucher .box_list li .s_tit{font-weight: 700; color: #FFF; background: var(--color2); display: inline-block; line-height: 3.75rem; padding: 0 2.5rem; border-radius: 5rem;}
.popup.voucher .box_list li .s_txt b{color: #000; font-weight: 600;}
.popup.voucher .box_list li .s_txt p + p{margin-top: 0.625rem;}

/* 중소기업 혁신바우처 팝업 */
#voucher_pop3 .table_wrap th:nth-child(n+2){width: 28.81%;}
#voucher_pop3 .pro_list{gap: 1.25rem;}
#voucher_pop3 .pro_list li{width: calc((100% - (1.25rem * 3)) / 4); padding: 2.5rem 1.875rem;}
#voucher_pop3 .pro_list li .icon{height: 5.625rem;}
#voucher_pop3 .pro_list li .title .tit{margin-top: 0;}




@media screen and (max-width: 1640px) {
    html {font-size: 90%;} 
}

@media screen and (max-width: 1440px) {
    html {font-size: 85%;} 
}

@media screen and (max-width: 1280px) {
    
    /* 공통 */
    html {font-size: 100%;} 
    .section{padding: 5.5rem 0 !important;}
    .m_title em{font-size: 1rem; margin-bottom: 0.625rem;}
    .m_title .tit{font-size: 2.5rem; letter-spacing: -0.0425rem;}
    .m_title p{margin-top: 1.25rem; font-size: 1rem;}
    .mt_10{margin-top: 0.5rem;}
    .mt_20{margin-top: 1.25rem;}
    .mt_30{margin-top: 1.25rem;}
    .mt_40{margin-top: 1.875rem;}
    .mt_50{margin-top: 2.5rem;}
    .mt_60{margin-top: 3.125rem;}
    .mt_70{margin-top: 3.75rem;}
    .mt_80{margin-top: 4rem;}

    /* header */
    .header{height: 4.625rem;}
    .header h1 a{max-height: 1.25rem; padding-right: 1.875rem;}
    .header h1 a span{font-size: 1rem;}
    .header .gnb{gap: 3rem;}
    .header .gnb a{font-size: 1rem;}

    /* quick menu */
    .quick{bottom: calc(env(safe-area-inset-bottom) + 24px + 66px); right: 24px;}
    .quick a{width: 56px;}
    .quick a + a{margin-top: 10px;}
    .quick a img{width: 28px;}

    /* visual */
    .visual{height: 40rem; padding: 0 !important;}
    .visual .m_title{margin-top: 12rem;}
    .visual .m_title em{font-size: 1rem; margin-bottom: 0.9375rem;}
    .visual .m_title .tit{font-size: 2.125rem;}
    #apply_btn{bottom: 2rem; width: 9.625rem; height: 3.5rem;}
    #apply_btn a {font-size: 1.25rem;}

    /* sec1 */
    .sec1 .swiper{height: 22.375rem; padding: 0.625rem 0.625rem 2rem; margin: -0.625rem; width: 28.6875rem;}
    .sec1 .swiper-slide{padding: 1rem 3rem; font-size: 1rem; margin-bottom: 1.25rem;}
    .sec1 .swiper-slide-active{font-size: 1.25rem;}
    .sec1 .txt .wrap span{font-size: 3.125rem; letter-spacing: -0.0375rem;}
    .sec1 .txt .txt2{gap: 1.25rem; margin-top: 0.625rem;}

    /* sec2 */
    .sec2 .arrow{gap: 0.75rem;}
    .sec2 .arrow div{width: 2.75rem;}
    .sec2 .arrow div img{width: 1rem;}
    .sec2 .swiper-slide{width: calc((100% - (1.5rem * 2)) / 3); border-radius: 1.25rem; padding: 2.5rem 1.25rem; margin-right: 1.5rem;}
    .sec2 .swiper-slide .num{font-size: 3rem;}
    .sec2 .swiper-slide dl{margin-top: -1.5625rem;}
    .sec2 .swiper-slide dl dt{font-size: 1.375rem;}
    .sec2 .swiper-slide dl dd{margin-top: 0.9375rem; font-size: 0.875rem; min-height: 4rem;}

    /* sec3 */
    .sec3 .cont{height: 20.81rem; gap: 4.125rem; margin-top: 3rem;}
    .sec3 .cont .img{width: 40.625%;}
    .sec3 .cont .txt{width: 28.125%;}
    .sec3 .cont .txt li .num{font-size: 2.5rem;}
    .sec3 .cont .txt li dl{margin-top: -1.5625rem;}
    .sec3 .cont .txt li dl dt{font-size: 2rem;}
    .sec3 .cont .txt li dl dd{margin-top: 1.25rem; font-size: 0.875rem;}

    /* sec4 */
    .sec4 .cont .swiper2{margin-top: 1.25rem;}
    .sec4 .cont .swiper-slide{padding: 0 2.5rem; height: 3.625rem; margin-right: 1.25rem; font-size: 1rem;}
    .sec4 .cont .swiper-slide.img{width: 9.15rem;}

    /* sec5 */
    .sec5 .title{gap: 0; justify-content: space-between;}
    .sec5 .title p{font-size: 0.875rem;}
    .sec5 .title a{padding-bottom: 0.75rem; gap: 0.3125rem; margin-top: 1rem; font-size: 1.125rem;}
    .sec5 .title a img{width: 1.25rem;}
    .sec5 .cont .list{gap: 1.25rem;}
    .sec5 .cont .list li{width: calc((100% - (1.25rem * 3)) / 4);}
    .sec5 .cont .list li a{border-radius: 1.25rem;}
    .sec5 .cont .list li a .txt{padding: 1.875rem 1.25rem;}
    .sec5 .cont .list li a .txt .cate{font-size: 0.875rem; line-height: 2rem; padding: 0 1rem;}
    .sec5 .cont .list li a .txt .tit{margin-top: 0.75rem; font-size: 1.125rem;}

    /* sec6 */
    .sec6 .txt .wrap div{font-size: 4.25rem;}
    .sec6 .txt .wrap{gap: 1.25rem;}
    .sec6 .txt .txt2{margin-top: 0.9375rem;}
    .sec6 .txt .wrap .flex > div.blank{width: 1.25rem;}
    .sec6 .m_title{margin-top: 6.25rem;}
    .sec6 .count_wrap{gap: 3rem; margin-top: 2.5rem;}
    .sec6 .count_wrap .item p{font-size: 0.875rem;}
    .sec6 .count_wrap .item .flex{padding: 1rem 0;}
    .sec6 .count_wrap .item1 span{font-size: 5rem;}
    .sec6 .count_wrap .item2 span{font-size: 3rem;}
    .sec6 .count_wrap .item2 .s_txt{font-size: 1.25rem;}
    .sec6 .count_wrap .item1 .odometer-digit, 
    .sec6 .count_wrap .item1 .odometer-value {width: 3.125rem;}
    .sec6 .count_wrap .item2 .odometer-digit, 
    .sec6 .count_wrap .item2 .odometer-value {width: 2rem;}
    .sec6 .count_wrap .item2 .odometer-digit + .odometer-digit{margin-left: -0.25rem;}

    /* sec7 */
    .sec7 .swiper2{margin-top: 1rem;}
    .sec7 .swiper-slide{margin-right: 0.875rem; width: 9.625rem;}

    /* sec8 */
    .sec8 .m_title strong{font-size: 1.25rem;}
    .sec8 .list{gap: 1.25rem;}
    .sec8 .list li{border-radius: 1.25rem;}
    .sec8 .list li:nth-child(-n+3){width: calc((100% - (1.25rem * 2)) / 3);}
    .sec8 .list li:nth-child(n+4){width: calc((100% - 1.25rem) / 2); padding: 2.5rem 0;}
    .sec8 .list li:nth-child(n+4) img{height: 9.4375rem;}
    .sec8 .list li.fd-c{gap: 1.875rem; padding-top: 2.5rem;}
    .sec8 .list li.fd-c img{height: 7.1875rem;}
    .sec8 .list li dl dt{font-size: 1.75rem;}
    .sec8 .list li dl dd{margin-top: 0.75rem; font-size: 0.875rem;}

    /* sec9 */
    .sec9::before{font-size: 5.25rem; top: 15.69rem;}
    .sec9::after{font-size: 5.25rem; bottom: 16.25rem;}
    .sec9 .cont #pro_view_btn{font-size: 0.875rem; padding: 0.75rem 2rem; bottom: 8.25rem;}
    .sec9 .img{max-width: 27.625rem;}

    /* sec10 */
    .sec10 .list{gap: 1.25rem;}
    .sec10 .list li{border-radius: 1.25rem; gap: 1.5rem; padding: 3.625rem 1.75rem; max-width: calc((100% - (1.25rem * 2)) / 3);}
    .sec10 .list li dl dt{font-size: 1.25rem;}
    .sec10 .list li dl dd{margin-top: 0.9375rem; font-size: 0.875rem;}
    .sec10 .list li .view{font-size: 0.875rem; padding: 0.75rem 2rem;}

    /* sec11 */
    .sec11{padding-bottom: 8.75rem !important;}
    .sec11 .toggleList li{padding: 1.5rem;}
    .sec11 .toggleList li .tit{gap: 0.3125rem; font-size: 1.125rem; padding-right: 1.875rem;}
    .sec11 .toggleList li .tit::after{width: 1.25rem;}
    .sec11 .toggleList li .cont{font-size: 0.875rem; margin-top: 1.25rem;}
    .sec11 .toggleList li .cont p + p{margin-top: 0.875rem;}
    .sec11 .toggleList li .cont dl + dl{margin-top: 1.25rem;}
    .sec11 .toggleList li .cont dl dt{margin-bottom: 0.35rem; font-size: 0.9375rem;}
    .sec11 .toggleList li .cont dl dd + dd{margin-top: 0.35rem;}
    .table_wrap table{font-size: 0.875rem;}
    .table_wrap table thead th{height: 2.75rem; padding: 0 1rem;}
    .table_wrap table tbody th,
    .table_wrap table tbody td{height: 3rem; padding: 1rem;}
    .table1 col{width: 25%;}
    .table2 .col2, .table2 .col3{width: 30%;}

    /* footer */
    .txt_m{font-size: 0.875rem;}
    .txt_s{font-size: 0.875rem;}
    .txt_xs{font-size: 0.8125rem;}
    .footer{padding: 2.75rem 0 1.25rem;}
    .footer .ft_top{flex-direction: column;}
    .footer .tab_no{display: none;}
    .footer .tab_on{display: block;}
    .footer .info{margin-top: 1.825rem;}
    .footer .info .email{margin-top: 0.8125rem;}
    .footer .call{gap: 0.75rem;}
    .footer .call .icon{width: 2.75rem;}
    .footer .call a{font-size: 1.75rem;}
    .footer .apply{gap: 0.75rem; flex-direction: column; margin-top: 1.25rem;}
	.footer .apply p{line-height: 1.4;}
    .footer .apply .form{gap: 0.625rem; height: 2.5rem;}
    .footer .apply .form input{width: 8.125rem; padding: 0 0.75rem;}
    .footer .apply .form input.tel{width: 10rem;}
    .footer .apply .submit{width: 6.875rem;}
    .agree{margin-top: 0.75rem; gap: 0.5rem;}
    input[type="checkbox"]{width: 1rem;}
    .footer .ft_bot{margin-top: 1.875rem;flex-direction: column; align-items: flex-start; gap: 0.75rem;}
    .footer .business{gap: 0.625rem; flex-wrap: wrap;}
    .footer .business .line{height: 0.78875rem;}
    .footer .business .flex{gap: 0.53rem;}
    .footer .business img{width: 1.84rem;}
    .footer .business .item2 img{width: 1.05rem;}
    .footer .swiper{margin-top: 1.45rem;}
    .footer .swiper-slide{gap: 0.9375rem; font-size: 2.5rem; margin-right: 0.9375rem; letter-spacing: -0.0375rem;}
    .footer .swiper-slide img{width: 1.82rem;}

    /* 간편 문의하기 팝업 */
    #simple_apply .pop_box{padding: 1.875rem 2.5rem;}
    #simple_apply .close{width: 2.5rem; right: -2.5rem;}
    #simple_apply .title strong{font-size: 1.25rem;}
    #simple_apply .title p{font-size: 0.75rem;}
    #simple_apply .scroll{max-height: 32rem;}
    .scroll{padding-right: 1rem;}
    #simple_apply .form{gap: 0.9375rem;}
    #simple_apply .form dl dt{margin-bottom: 0.625rem;}
    #simple_apply .form dl dd .input{padding-bottom: 0.75rem;}
    .desc{margin-top: 0.625rem;}
    #simple_apply .form dl dd .radio_wrap{ gap: 0.75rem;}
    #simple_apply .form dl dd .input.other{margin-left: 0.75rem; padding: 0.5rem;}
    input[type="radio"]{width: 1rem; min-width: 1rem; height: 1rem; margin-right: 0.5rem;}
    input[type="radio"]:checked{background-size: 0.55rem;}
    #simple_apply .submit{padding: 0.75rem 2rem;}

    /* popup */
    .popup .pop_inner{padding: 2.5rem 1.5rem;}
    .popup .pop_tit{margin-bottom: 1.75rem;}
    .popup .pop_tit .tit{font-size: 1.5rem;}
    .popup .pop_tit .pop_close{width: 1.875rem;}
    #detail_apply .scroll{max-height: 65vh;}
    #detail_apply .form{gap: 1.25rem 0.9375rem;}
    #detail_apply .form dl.flex{gap: 2.5rem;}
    #detail_apply .form dl dt{margin-bottom: 0.5rem;}
    #detail_apply .form dl.flex dt{padding-top: 0.75rem;}
    #detail_apply .form dl.line3{width: calc((100% - (0.9375rem * 2)) / 3);}
    #detail_apply .form dl dd .input{height: 3rem; font-size: 0.875rem;}
    #detail_apply .form dl dd textarea{height: 8rem; padding: 0.75rem 0.875rem; font-size: 0.875rem;}
    #detail_apply .cate_wrap{gap: 0.625rem;}
    #detail_apply .cate_wrap label{width: 11.75rem; padding: 0.75rem 0;}
    #detail_apply .chk_wrap{gap: 0.5rem 2.5rem;}
    #detail_apply .chk_wrap input[type="checkbox"]{min-width: 1rem;}
    #detail_apply .chk_wrap label{margin-left: 0.625rem;}
    #detail_apply .chk_wrap .input.other{margin-left: 1.25rem; padding: 0 0.9375rem;}
    #detail_apply .agree_chk dl dt img{width: 1.5rem;}
    #detail_apply .agree_chk dl:first-of-type dd{padding-bottom: 1rem;}
    #detail_apply .agree_chk dl dd .box{padding: 1rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap{max-height: 7rem; padding-right: 0.75rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap ol{margin:0.5rem 0;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc {padding-inline-start: 0.875rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc li{padding-left:0.625rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc li:before{width:4px; height:4px; top:0.45rem;}
    #detail_apply .submit{font-size: 1rem; padding: 1rem 2.5rem;}

    /* 바우처사업 프로세스 팝업(sec9) */
    #process_pop .pop_inner{max-width: 65rem;}
    #process_pop .scroll{max-height: 80vh; margin: -1rem; padding: 1rem;}
    .popup .pro_list{gap: 1.875rem;}
    .popup .pro_list li{width: calc((100% - (1.875rem * 2)) / 3); padding: 3rem 1.25rem; border-radius: 1.25rem; gap: 0.75rem;}
    .popup .pro_list li::after{width: 2.5rem; right: -1.25rem;}
    .popup .pro_list li .icon{height: 3rem;}
    .popup .pro_list li .title .pro{font-size: 0.875rem;}
    .popup .pro_list li .title .tit{font-size: 1.25rem; margin-top: 0.3125rem;}
    .popup .pro_list li p{font-size: 0.875rem;}

    /* 관광바우처 팝업 */
    .popup.voucher .pop_inner{padding: 2.5rem 0.55rem;}
    .popup.voucher .pop_tit{padding: 0 0.7rem;}
    .popup.voucher .s_tit{font-size: 1.125rem; letter-spacing: -0.025rem;}
    .popup.voucher .s_txt{font-size: 0.875rem;}
    .popup.voucher .btn_wrap{gap: 0.625rem;}
    .popup.voucher .btn_wrap a{font-size: 1.25rem; padding: 0.9375rem 3rem;}
    .popup.voucher .scroll{max-height: 65vh;}
    .popup.voucher .scroll > div{padding: 0 0.7rem;}
    #voucher_pop1 .img{border-radius: 1.875rem; padding: 2rem;}
    #voucher_pop1 .img img{max-width: 22rem;}
    .popup.voucher .pro_list{padding-bottom: 1rem;}
    #voucher_pop1 .pro_list li{padding: 2rem 1.5rem;}

    /* 수출바우처 팝업 */
    .popup.voucher .dot_list li{padding-left: 0.875rem;}
    .popup.voucher .dot_list li::before{width: 0.25rem; top: 0.5rem;}
    .popup.voucher .box_list{gap: 1.25rem; padding-bottom: 1rem;}
    .popup.voucher .box_list li{width: calc(50% - (1.25rem / 2)); padding: 2rem 1.25rem; border-radius: 1.25rem;}
    .popup.voucher .box_list li .s_tit{line-height: 2.65rem; padding: 0 1.5rem; font-size: 1rem;}
    .popup.voucher .box_list li .s_txt p + p{margin-top: 0.625rem;}

    /* 중소기업 혁신바우처 팝업 */
    #voucher_pop3 .table_wrap th:nth-child(n+2){width: 28.81%;}
    #voucher_pop3 .pro_list{gap: 1.25rem;}
    #voucher_pop3 .pro_list li{width: calc((100% - (1.25rem * 3)) / 4); padding: 2.5rem 1.875rem;}
    #voucher_pop3 .pro_list li .icon{height: 3.5rem;}
    #voucher_pop3 .pro_list li .title .tit{margin-top: 0.25rem;}

}

@media screen and (max-width: 1024px) {
    
    /* 공통 */
    .pc{display: none !important;}
    .mob{display: block !important;}

    /* sec1 */
    .sec1 .swiper{width: 21.6875rem;}
    .sec1 .swiper-slide{padding: 1rem 2rem; font-size: 0.875rem;}
    .sec1 .swiper-slide-active{font-size: 1rem;}

    /* sec2 */
    .sec2 .swiper-slide{width: calc((80% - 1.5rem) / 2); margin-right: 1.25rem;}

    /* sec3 */
    .sec3 .cont{height: 16.81rem; gap: 3.125rem;}
    .sec3 .cont .img{width: 40%;}

    /* sec5 */
    .sec5 .title{flex-direction: column; align-items: flex-start; gap: 2rem;}
    .sec5 .cont .list li{width: calc((100% - (1.25rem * 2)) / 3);}

    /* sec6 */
    .sec6 .txt .wrap{gap: 0.75rem;}
    .sec6 .txt .wrap div{font-size: 3.25rem; letter-spacing: -0.1rem;}
    .sec6 .txt .wrap .flex > div.blank{width: 0.75rem;}
    .sec6 .m_title{margin-top: 4.6325rem;}

    /* sec8 */
    .sec8 .list li:nth-child(n+4) img{height: 7.4375rem;}
    .sec8 .list li.fd-c{gap: 1.25rem;}
    .sec8 .list li.fd-c img{height: 6.1875rem;}
    .sec8 .list li dl dt{font-size: 1.5rem;}
    .sec8 .list li dl dd{margin-top: 0.75rem; font-size: 0.875rem;}

    /* sec9 */
    .sec9::before{font-size: 4.25rem;}
    .sec9::after{font-size: 4.25rem;}

    /* sec10 */
    .sec10 .list{align-items: stretch;}
    .sec10 .list li{gap: 1.25rem; padding: 2rem 1.5rem; justify-content: center; height: auto;}
    .sec10 .list li br{display: none;}

    /* 간편 문의하기 팝업 */
    #simple_apply .scroll{max-height: 50vh;}

    /* popup */
    #detail_apply .chk_wrap span:last-of-type{flex: initial;}
    #detail_apply .chk_wrap .input.other{min-width: 18rem;}

}

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

    /* 공통 */
    .pc2{display: none !important;}
    .mob2{display: block !important;}
    .section{padding: 4.3125rem 0 !important;}
    .m_title em{font-size: 0.875rem; margin-bottom: 0.9375rem;}
    .m_title .tit{font-size: 1.625rem; letter-spacing: -0.0325rem;}
    .m_title p{margin-top: 0.9375rem; font-size: 0.875rem;}
    .mt_10{margin-top: 0.5rem;}
    .mt_20{margin-top: 1.125rem;}
    .mt_30{margin-top: 1.25rem;}
    .mt_40{margin-top: 1.5rem;}
    .mt_50{margin-top: 1.875rem;}
    .mt_60{margin-top: 2rem;}
    .mt_70{margin-top: 2.75rem;}
    .mt_80{margin-top: 3.125rem;}

    /* header */
    .header{height: 3.75rem;}
    .header .gnb{display: none;}
    .header .all_menu_btn{display: flex !important; flex-direction: column; align-items: flex-end;}
    .header .all_menu_btn span{width: 1.25rem; height: 0.1125rem; background: #000; display: block; transition: all 0.3s ease;}
    .header .all_menu_btn span:nth-of-type(2){width: 0.9375rem; margin: 0.25rem 0;}
    .header.wh .all_menu_btn span{background: #FFF;}
    .header .all_menu_btn.on span:nth-of-type(1){transform: translateY(6px) rotate(45deg); transform-origin: center;}
    .header .all_menu_btn.on span:nth-of-type(2){opacity: 0;}
    .header .all_menu_btn.on span:nth-of-type(3){transform: translateY(-6px) rotate(-45deg); transform-origin: center;}
    .header.bk *{color: #000 !important;}
    .header.bk .all_menu_btn span{background: #000 !important;}

    /* all menu */
    .all_menu{background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(20px); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 1.875rem; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
    .all_menu.on{opacity: 1; visibility: visible;}
    .all_menu a{font-size: 1.25rem; font-weight: 700; line-height: 0.68;}
    

    /* visual */
    .visual{height: 33.5rem; padding: 0 !important;}
    .visual video{object-position: left;}
    .visual .m_title{margin-top: 9.9325rem;}
    .visual .m_title em{font-size: 0.875rem; margin-bottom: 0.45rem;}
    .visual .m_title .tit{font-size: 2rem;}
    #apply_btn{bottom: calc(env(safe-area-inset-bottom) + 18px); width: 7.625rem; height: 3rem; background: var(--gra); border: none;}
    #apply_btn a{font-size: 1rem; background: none !important; -webkit-text-fill-color: #FFF !important;}
    #apply_btn .btn_fill{display: none;}

    /* sec1 */
    .sec1{padding-bottom: 0 !important;}
    .sec1 .inner{flex-direction: column; gap: 3.125rem;}
    .sec1 .swiper{height: 19.375rem; padding: 0.625rem 0.625rem 1rem; margin: 0; width: 100%;}
    .sec1 .swiper-slide{padding: 1rem 3rem; margin-bottom: 0.75rem; max-width: 100%;}
    .sec1 .txt{position: initial; margin-top: 3.125rem;}
    .sec1 .txt .wrap span{font-size: 2.125rem; letter-spacing: -0.1225rem;}
    .sec1 .txt .txt2{gap: 0.625rem; margin-top: 0.625rem; flex-wrap: wrap; align-items: flex-start;}

    /* sec2 */
    .sec2{padding-bottom: 0 !important;}
    .sec2 .arrow{display: none;}
    .sec2 .swiper-slide{width: 13.8125rem; border-radius: 0.9375rem; padding: 2.5rem 1.225rem; margin-right: 1.25rem;}
    .sec2 .swiper-slide .num{font-size: 1.875rem;}
    .sec2 .swiper-slide dl{margin-top: -1.5625rem;}
    .sec2 .swiper-slide dl dt{font-size: 1.125rem;}
    .sec2 .swiper-slide dl dd{margin-top: 0.9375rem; min-height: 5.25rem;}
    .sec2 .swiper-slide dl dd br{display: none;}

    /* sec3 */
    .sec3 .cont{height: 60vh; gap: 1rem; margin-top: 2.5rem; flex-direction: column; justify-content: flex-start;}
    .sec3 .cont .img{width: 80%; height: auto; aspect-ratio: 260/199; overflow: hidden;}
    .sec3 .cont .txt{width: 100%; height: 10rem;}
    .sec3 .cont .txt li .num{font-size: 1.875rem;}
    .sec3 .cont .txt li dl{margin-top: -0.77rem;}
    .sec3 .cont .txt li dl dt{font-size: 1.5rem;}
    .sec3 .cont .txt li dl dd{margin-top: 0.92rem;}

    /* sec4 */
    .sec4 .cont .swiper2{margin-top: 1.25rem;}
    .sec4 .cont .swiper-slide{padding: 0 1.82294rem; height: 2.8194rem; margin-right: 0.6125rem; font-size: 0.8785rem;}
    .sec4 .cont .swiper-slide.img{width: 5.90625rem;}

    /* sec5 */
    .sec5 .title{gap: 1.875rem;}
    .sec5 .title a{padding-bottom: 0.6rem; gap: 0.25rem; margin-top: 1rem; font-size: 1rem;}
    .sec5 .title a img{width: 0.95rem;}
    .sec5 .cont .swiper{overflow: hidden; margin-right: -1.25rem;}
    .sec5 .cont .list{gap: 0; flex-wrap: nowrap;}
    .sec5 .cont .list li{width: 15.34094rem; margin-right: 1rem;}
    .sec5 .cont .list li a{border-radius: 1.25rem;}
    .sec5 .cont .list li a .txt{padding: 1.875rem 1.25rem;}
    .sec5 .cont .list li a .txt .cate{font-size: 0.875rem; line-height: 2rem; padding: 0 1rem;}
    .sec5 .cont .list li a .txt .tit{margin-top: 0.75rem; font-size: 1.125rem;}

    /* sec6 */
    .sec6 .txt .wrap{gap: 0.625rem; flex-wrap: wrap;}
    .sec6 .txt .wrap div{font-size: 2.5rem; letter-spacing: -0.1225rem;}
    .sec6 .txt .txt2{margin-top: 0.625rem;}
    .sec6 .txt .wrap .flex > div.blank{width: 0.625rem;}
    .sec6 .m_title{margin-top: 4.63rem;}
    .sec6 .count_wrap{gap: 1.875rem 2.5rem; margin-top: 3rem; flex-wrap: wrap; justify-content: flex-start;}
    .sec6 .count_wrap .item p{font-size: 1rem;}
    .sec6 .count_wrap .item .flex{padding: 0.625rem 0;}
    .sec6 .count_wrap .item1 span{font-size: 3.125rem;}
    .sec6 .count_wrap .item2 span{font-size: 2.5rem;}
    .sec6 .count_wrap .item2 .s_txt{font-size: 1.25rem;}
    .sec6 .count_wrap .item1 .odometer-digit, 
    .sec6 .count_wrap .item1 .odometer-value {width: 2rem;}
    .sec6 .count_wrap .item2 .odometer-digit, 
    .sec6 .count_wrap .item2 .odometer-value {width: 1.65rem;}

    /* sec7 */
    .sec7 .swiper2{margin-top: 0.6rem;}
    .sec7 .swiper-slide{margin-right: 0.7rem; width: 8.76913rem;}

    /* sec8 */
    .sec8 .m_title strong{font-size: 1rem; word-break: keep-all;}
    .sec8 .cont{overflow-x: auto; overflow-y: hidden; padding: 1rem; margin: 1.45rem -1rem -1rem;}
    .sec8 .cont::-webkit-scrollbar{display: none;}
    .sec8 .list{gap: 0.91875rem; width: 50rem;}
    .sec8 .list li{border-radius: 1.25rem;}
    .sec8 .list li:nth-child(-n+3){width: calc((100% - (1.25rem * 2)) / 3);}
    .sec8 .list li:nth-child(n+4){width: calc((100% - 1.25rem) / 2); padding: 2.5rem 1rem;}
    .sec8 .list li:nth-child(n+4) img{height: 8.4375rem;}
    .sec8 .list li.fd-c{gap: 1.875rem; padding-top: 2.5rem;}
    .sec8 .list li.fd-c img{height: 7.1875rem;}
    .sec8 .list li dl dt{font-size: 1.75rem;}
    .sec8 .list li dl dd{margin-top: 0.75rem; font-size: 0.875rem;}
    .sec8 .scrollbar{width: 6.25rem; height: 2px; background: #E7E7E7; border-radius: 10px; margin: 1.5rem auto 0;}
    .sec8 .scrollbar .drag{height: 100%; border-radius: 10px; background: #000;}
    body.no-select {user-select: none;}

    /* sec9 */
    .sec9::before{font-size: 3.75rem; top: 12.63rem;}
    .sec9::after{font-size: 3.75rem; bottom: 3.125rem;}
    .sec9 .cont #pro_view_btn{font-size: 0.875rem; padding: 0.75rem 2rem; bottom: 8.25rem;}
    .sec9 .img{max-width: 27.625rem;}

    /* sec10 */
    .sec10 .swiper{overflow: hidden; margin-right: -1.25rem;}
    .sec10 .list{gap: 0; justify-content: flex-start;}
    .sec10 .list li{border-radius: 0.8rem; gap: 1.58rem; padding: 3.55rem 1.58rem; transform: none !important; width: 17.75613rem; max-width: initial; margin-right: 1.25rem;}
    .sec10 .list li dl dd{margin-top: 0.625rem;}
    .sec10 .list li .view{padding: 0.63131rem 1.57831rem;}

    /* sec11 */
    .sec11{padding-bottom: 7.5rem !important;}
    .sec11 .toggleList li{padding: 1.225rem;}
    .sec11 .toggleList li .tit{gap: 0.3125rem; font-size: 0.875rem; padding-right: 1.875rem; word-break: keep-all;}
    .sec11 .toggleList li .tit::after{width: 1rem;}
    .sec11 .toggleList li .cont{font-size: 0.875rem; margin-top: 1rem;}
    .sec11 .toggleList li .cont p + p{margin-top: 0.875rem;}
    .sec11 .toggleList li .cont dl + dl{margin-top: 1.25rem;}
    .sec11 .toggleList li .cont dl dt{margin-bottom: 0.35rem; font-size: 0.9375rem;}
    .sec11 .toggleList li .cont dl dd + dd{margin-top: 0.35rem;}
    .table_wrap{position: relative; overflow-x: auto;}
    .table_wrap .swipe_ic{ display: none; width: 7rem; aspect-ratio: 1 / 1; background: url(/img/voucher/swipe_ic.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}
    .table_wrap .swipe_ic.on{display: block;}
    .table_wrap table{font-size: 0.875rem;}
    .table_wrap table thead th{height: 2.75rem; padding: 0 1rem;}
    .table_wrap table tbody th,
    .table_wrap table tbody td{height: 3rem; padding: 1rem;}
    .table1 table{width: 32rem;}
    .table2 table{width: 28rem;}
    .table1 col{width: 20%;}
    .table1 .col2{width: 40%;}
    .table2 .col2, .table2 .col3{width: 30%;}

    /* footer */
    .txt_m{font-size: 0.875rem;}
    .txt_s{font-size: 0.875rem;}
    .txt_xs{font-size: 0.8125rem;}
    .footer{padding: 2.75rem 0 1.25rem;}
    .footer .ft_top{flex-direction: column;}
    .footer .tab_no{display: none;}
    .footer .tab_on{display: block;}
    .footer .info{margin-top: 1.825rem;}
    .footer .info .email{margin-top: 0.8125rem;}
    .footer .call{gap: 0.75rem;}
    .footer .call .icon{width: 2.75rem;}
    .footer .call a{font-size: 1.75rem;}
    .footer .apply{gap: 0.75rem; flex-direction: column; margin-top: 1.25rem; width: 100%;}
    .footer .apply .pc2{display: block !important;}
    .footer .apply .mob2{display: none !important;}
    .footer .apply .form_wrap{width: 100%;}
    .footer .apply .form{gap: 0.625rem; height: 2.3125rem;}
    .footer .apply .agree{margin: 0.625rem 0;}
    .agree{margin-top: 0.75rem; gap: 0.5rem;}
    input[type="checkbox"]{width: 1rem;}
    .footer .ft_bot{margin-top: 1.875rem;flex-direction: column; align-items: flex-start; gap: 1.825rem;}
    .footer .business{gap: 0.625rem; flex-wrap: wrap;}
    .footer .business .line{height: 0.78875rem;}
    .footer .business .flex{gap: 0.53rem;}
    .footer .business img{width: 1.84rem;}
    .footer .business .item2 img{width: 1.05rem;}
    .footer .swiper{margin-top: 1.45rem;}
    .footer .swiper-slide{gap: 0.9375rem; font-size: 2.5rem; margin-right: 0.9375rem; letter-spacing: -0.0375rem;}
    .footer .swiper-slide img{width: 1.82rem;}

    /* 간편 문의하기 팝업 */
    #simple_apply .pop_box{padding: 1.875rem 1.25rem; top: 48%;}
    #simple_apply .scroll {max-height: 45vh;}
    #simple_apply .close{width: 2rem; right: 0; top: -2rem;}
    #simple_apply .form dl dd .radio_wrap{gap: 0.75rem 1.25rem;}
    #simple_apply .form dl dd .radio_wrap span:last-of-type{width: 100%; flex: initial;}

    /* popup */
    .popup .pop_inner{padding: 2.5rem 1.5rem;}
    .popup .pop_tit{margin-bottom: 1.75rem;}
    .popup .pop_tit .tit{font-size: 1.625rem;}
    .popup .pop_tit .pop_close{width: 1.625rem;}
    #detail_apply .scroll{max-height: calc(60dvh - env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch; padding-right: 0.95rem; margin-right: -0.5rem;}
    #detail_apply .form{gap: 1.5rem;}
    #detail_apply .form dl.flex{gap: 0.625rem; flex-direction: column;}
    #detail_apply .form dl.flex dt{padding-top: 0;}
    #detail_apply .form dl.line3{width: 100%;}
    #detail_apply .form dl dd .input{height: 3rem;}
    #detail_apply .form dl dd textarea{height: 8.75rem; padding: 0.8125rem 0.9375rem;}
    #detail_apply .cate_wrap{gap: 0.625rem; flex-wrap: wrap;}
    #detail_apply .cate_wrap label{width: auto; padding: 0.75rem 0.5rem; font-size: 0.8rem;}
    #detail_apply .chk_wrap{gap: 0.5rem 0.94rem;}
    #detail_apply .chk_wrap span{height: 1.875rem;}
    #detail_apply .chk_wrap input[type="checkbox"]{min-width: 1rem;}
    #detail_apply .chk_wrap label{margin-left: 0.625rem;}
    #detail_apply .chk_wrap span:last-of-type{width: 100%;}
    #detail_apply .chk_wrap .input.other{margin-left: 1rem; padding: 0 0.75rem; min-width: initial; width: 100%; height: 2.1875rem;}
    #detail_apply .agree_chk dl dt img{width: 1.5rem;}
    #detail_apply .agree_chk dl:first-of-type dd{padding-bottom: 1rem;}
    #detail_apply .agree_chk dl dd .box{padding: 1rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap{max-height: 7rem; padding-right: 0.75rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap ol{margin:0.5rem 0;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc {padding-inline-start: 0.875rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc li{padding-left:0.625rem;}
    #detail_apply .agree_chk dl dd .box .use_wrap .disc li:before{width:4px; height:4px; top:0.45rem;}
    #detail_apply .btn_wrap{margin-top: 1.875rem;}
    #detail_apply .submit{font-size: 0.875rem; padding: 1rem 2.5rem;}

    /* 바우처사업 프로세스 팝업(sec9) */
    #process_pop .scroll{max-height: calc(80dvh - env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch; margin: -0.75rem; padding: 0.75rem;}
    .popup .pro_list{gap: 0.9375rem;}
    .popup .pro_list li{width: calc((100% - 0.9375rem) / 2); padding: 2rem 1rem; border-radius: 1.25rem; gap: 0.65625rem;}
    .popup .pro_list li::after{width: 1.75rem; right: calc(-1.75rem / 2);}
    .popup .pro_list li:nth-child(even):after{display: none;}
    .popup .pro_list li:nth-child(3):after{display: block;}
    .popup .pro_list li .icon{height: 2.25rem;}
    .popup .pro_list li .title .tit{font-size: 1.125rem; margin-top: 0.3125rem;}

    /* 관광바우처 팝업 */
    .popup.voucher .pop_inner{padding: 2.5rem 0.55rem;}
    .popup.voucher .pop_tit{padding: 0 0.7rem;}
    .popup.voucher .s_tit{font-size: 1.25rem;}
    .popup.voucher .s_txt{line-height: 1.4;}
    .popup.voucher .btn_wrap{gap: 0.375rem;}
    .popup.voucher .btn_wrap a{font-size: 0.875rem; padding: 0; height: 3.125rem; width: calc(50% - (0.375rem / 2));}
    .popup.voucher .scroll{max-height: calc(66dvh - env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch;}
    .popup.voucher .scroll > div{padding: 0 0.7rem;}
    #voucher_pop1 .sec1 .s_tit{font-size: 0.875rem;}
    #voucher_pop1 .img{border-radius: 1.875rem; padding: 1.875rem 1.375rem;}
    #voucher_pop1 .img img{max-width: 100%;}
    .popup.voucher .pro_list{padding-bottom: 1rem;}
    #voucher_pop1 .pro_list li{padding: 2rem 1rem;}
    #voucher_pop1 .pro_list li br{display: none;}

    /* 수출바우처 팝업 */
    .popup.voucher .box_list{gap: 1.25rem; padding-bottom: 1rem;}
    .popup.voucher .box_list li{width: 100%; padding: 1.25rem; border-radius: 1.125rem;}
    .popup.voucher .box_list li .s_tit{line-height: 2.25rem; padding: 0 1.5rem; font-size: 0.875rem;}
    .popup.voucher .box_list li .s_txt{margin-top: 1.125rem;}
    .popup.voucher .box_list li .s_txt p + p{margin-top: 0.375rem;}

    /* 중소기업 혁신바우처 팝업 */
    #voucher_pop3 .table_wrap th{word-break: keep-all; height: 3rem;}
    #voucher_pop3 .pro_list{gap: 0.7rem;}
    #voucher_pop3 .pro_list li{width: calc((100% - 0.7rem) / 2); padding: 1.47413rem 1.10563rem;}
    #voucher_pop3 .pro_list li .icon{height: 3.31681rem;}
    #voucher_pop3 .pro_list li .title .tit{margin-top: 0.25rem; font-size: 0.875rem;}

}

@media screen and (max-width: 480px){
    .sec6 .count_wrap .item1{width: 100%;}
    .sec6 .count_wrap.active .item1::before{width: 10rem;}
    .sec9 .cont #pro_view_btn{font-size: 3.65vw; padding: 2.50vw 6.67vw; bottom: 25.83vw;}
    .footer .apply .pc2{display: none !important;}
    .footer .apply .mob2{display: block !important;}
    .footer .apply .form input{width: calc(50% - (0.625rem / 2)) !important; padding: 0 0.75rem;}
    .footer .apply .submit{width: 100%; padding: 0.75rem 0;}
}

/* iPhone Safari 등 WebKit 기반, 모바일 전용 */
@media screen and (max-width: 767px) and (hover: none) and (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
        /* quick menu */
        .quick{bottom: calc(env(safe-area-inset-bottom) + 18px + 54px); right: 14px;}
        .quick a{width: 44px;}
        .quick a img{width: 20px;}
    }
}


/* Android (Galaxy 등), 모바일 전용 */
@media screen and (max-width: 767px) and (hover: none) and (pointer: coarse) {
    @supports not (-webkit-touch-callout: none) {
        .quick{bottom: calc(env(safe-area-inset-bottom) + 18px + 54px); right: 14px;}
        .quick a{width: 44px;}
        .quick a img{width: 20px;}
    }
}