@font-face {font-family: 'SF_HambakSnow'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'Danjo-bold-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal;}

:root {
    --font-ham : 'SF_HambakSnow';
    --font-dan : 'Danjo-bold-Regular';
    --font-pre : 'Pretendard';
    --main-color : #E00F17;
    --sub-color : #FFF100;
}

/* 공통 */
/* body {background: #111;} */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto; width: 100%;}
.point{color: #E00F17 !important;}
.point2{color: #FFF100 !important;}


/* HEADER */
#header{height:100px; position:fixed; top:0; z-index:100; width:100%;}
#header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
#header h1 {display: flex; align-items: center; gap: 18px;}
#header h1 .line {display: block; width: 1px; height: 30px; background: #ffffff40;}
#header h1 img {height: 45px; display: block;}
#header h1 .bk{display: none;}
#header .gnb{display:flex; gap:60px; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: max-content; */}
#header .gnb > li{position:relative;}
#header .gnb > li > a{font-size: 20px; color: #FFF; letter-spacing: -0.4px; font-family: var(--font-ham); display: block; line-height: 100px;}
#header .call {display: flex; align-items: center; gap: 5px; padding: 12px 22px 12px 20px; background: var(--main-color); border-radius: 30px;}
#header .call img {width: 26px;}
#header .call span {font-size: 22px; color: #fff; font-family: var(--font-ham);}
#header:hover, #header.fixed{background: #fff;}
#header:hover h1 .line, #header.fixed h1 .line {background: #00000020;}
#header:hover .gnb > li > a, #header.fixed .gnb > li > a{color: #000;}
#header:hover h1 a .wh, #header.fixed h1 a .wh{display: none;}
#header:hover h1 a .bk, #header.fixed h1 a .bk{display: block;}
#header:hover h1 a .line, #header.fixed h1 a .line{background: rgba(0, 0, 0, 0.20);}


/* main */
.main_tit{text-align: center;}
.main_tit.left{text-align: left;}
.main_tit .title{margin-top: 30px; font-family: var(--font-ham); line-height: 1.3;}
.main_tit .title .small{font-size: 60px; display: inline-block;}
.main_tit .title .big{font-size: 70px;}
.main_tit .txt{margin-top: 50px;}
.main_tit .txt p + p{margin-top: 30px;}
.main_tit p{font-size: 25px; letter-spacing: -0.8px; line-height: 1.4; font-weight: 500;}
.section{padding: 120px 0;}
.sec_tit {text-align: center;}
.sec_tit h2 {font-size: 70px; font-weight: 400; font-family: var(--font-ham); letter-spacing: -2px; line-height: 1.14;}
.sec_tit h2 span {color: var(--main-color);}
.sec_tit p {margin-top: 25px; font-size: 24px; font-weight: 500; letter-spacing: -.6px; font-family: var(--font-gmarket-m); line-height: 1.3;}

/* action */
[data-act="width"] {overflow: hidden; width: 0; transition: width 1.5s; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column;}
[data-act="width"] > div {min-width: 1920px;}
.section.on [data-act="width"] {width: 100%;}
[data-act="down"] {transform: translateY(-110%); transition: all .7s; opacity: 0;}
.section.on [data-act="down"] {transform: translateY(0); opacity: 1;}
[data-act-delay="2s"] {transition-delay: .2s;}
[data-act-delay="4s"] {transition-delay: .4s;}
[data-act-delay="6s"] {transition-delay: .6s;}


/* visual */
/*#visual {height: 100vh; position: relative; background: url(/img/main2/vis_bg.png) no-repeat center / cover; overflow: hidden; padding: 0;}*/
#visual {height: 100vh; position: relative; background: url(/img/main2/wood_bg.png) no-repeat center / cover; overflow: hidden; padding: 0;}
#visual .txt{padding-top: 300px; text-align: center;}
#visual .txt em{font-size: 24px; color: #FF2D35; font-family: var(--font-dan); position: relative; display: inline-block; animation: vis-txt-ani 1s ease both 0.8s;}
#visual .txt em::before{content: ''; display: block; width: 100px; height: 10px; border-top: 1px solid #FF2D35; border-bottom: 1px solid #FF2D35; position: absolute; left: -130px; top: 6px;}
#visual .txt em::after{content: ''; display: block; width: 100px; height: 10px; border-top: 1px solid #FF2D35; border-bottom: 1px solid #FF2D35; position: absolute; right: -130px; top: 6px;}
#visual .txt .title{margin-top: 30px; font-family: var(--font-ham); line-height: 1.3;}
#visual .txt .title span{font-size: 65px; letter-spacing: -1.5px; color: #fff; display: inline-block; animation: vis-txt-ani 1s ease both 0.9s;}
#visual .txt .title .big{font-size: 90px; letter-spacing: -2px; color: #FF2D35; animation: vis-txt-ani 1s ease both 1s;}
#visual img{position: absolute;}
#visual .img1, #visual .img2{width: 730px; filter: drop-shadow(0 5px 30px #00000070);}
#visual .img1{top: -200px; animation: vis-ani1 1.2s ease both;}
#visual .img2{top: 273px; animation: vis-ani2 1.2s ease both;}
#visual .img3{right: 360px; filter: drop-shadow(0 0 30px #00000070); animation: vis-ani3 1.2s ease both; width: 497px;}
#visual .vis_swiper{background: #E00F17; position: absolute; left: 0; right: 0; bottom: 0;}
#visual .vis_swiper .swiper-wrapper{transition-timing-function: linear;}
#visual .vis_swiper .swiper-slide{line-height: 60px; font-size: 25px; font-family: var(--font-dan); color: #fff; white-space: nowrap; width: fit-content; padding-top: 4px;}
#visual .vis_swiper .swiper-slide .dot{display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius:50%; background: #fff; margin: 0 20px;}
@keyframes vis-ani1 {
	0%{right: -100%;}
	100%{right: -122px;}
}
@keyframes vis-ani2 {
	0%{left: -100%;}
	100%{left: -168px;}
}
@keyframes vis-ani3 {
	0%{bottom: -100%;}
	100%{bottom: -132px;}
}
@keyframes vis-txt-ani {
	0%{opacity: 0; transform: translateY(100px);}
	100%{opacity: 1; transform: translateY(0);}
}

/* du_sec1 */
#du_sec1 {padding: 115px 0 120px; background: #F0F0F0;}
#du_sec1 .sec_tit p {margin-top: 0; margin-bottom: 20px; font-family: var(--font-dan);}
#du_sec1 .count {margin: 65px auto 0; display: flex; align-items: center; justify-content: center; gap: 60px;}
#du_sec1 .count .item {display: flex; align-items: flex-end; text-align: center;}
#du_sec1 .count .item:first-child {gap: 64px;}
#du_sec1 .count .item:last-child {gap: 0;}
#du_sec1 .count .item .img img {width: 80px; filter: invert(1) opacity(0.1);}
#du_sec1 .count .item .img2 img{transform: scaleX(-1);}
#du_sec1 .count .item .txt img {width: 80px;}
#du_sec1 .count .item .txt p {margin-top: 25px; font-size: 24px; font-weight: 500; letter-spacing: -2px; line-height: 1.4;}
#du_sec1 .count .item .txt h2 {margin-top: 10px; font-size: 40px; font-weight: 400; font-family: var(--font-ham); color: var(--main-color); letter-spacing: -3px; line-height: 1.25;}
#du_sec1 .count .item .txt h2 span {color: #000;}
#du_sec1 .count .item .txt .count_num span {color: var(--main-color); min-width: 95px; display: inline-block;}
#du_sec1 .cont {margin: 65px auto 0; position: relative; height: 450px;}
#du_sec1 .cont::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: #F0F0F0; z-index: 1;}
#du_sec1 .cont .mySwiper {position: absolute; top: 0; left: 0; width: 100%;}
#du_sec1 .swiper-slide {width: 440px; height: 450px; background: #fff; margin-right: 40px; text-align: center; padding: 65px 45px; transition: all .3s ease;}
#du_sec1 .swiper-slide:hover {background: var(--main-color);}
#du_sec1 .swiper-slide:hover *{color: #fff;}
#du_sec1 .swiper-slide span {width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--main-color); background: var(--main-color); border-radius: 50%; font-size: 16px; font-weight: 800; color: #fff !important; letter-spacing: -.6px; margin: 0 auto; transition: all .3s;}
#du_sec1 .swiper-slide:hover span {border-color: #fff;}
#du_sec1 .swiper-slide > strong {display: block; margin-top: 35px; font-size: 35px; font-weight: 400; color: #333; font-family: var(--font-ham); letter-spacing: -2px; line-height: 1.2;}
#du_sec1 .swiper-slide p {margin-top: 20px; font-size: 22px; font-weight: 400; color: #333; line-height: 1.2; word-break: keep-all;}
#du_sec1 .arrow > div {width: 60px; height: 60px; border-radius: 100%; background: var(--main-color); display: flex; align-items: center; justify-content: center; margin: 0; top: 50%; transform: translateY(-50%); right: auto; bottom: auto; left: auto; box-shadow: 0 7px 30px rgba(0, 0, 0, 0.10);}
#du_sec1 .arrow > div::after {display: none;}
#du_sec1 .arrow > div img {width: 20px; filter: invert(1);}
#du_sec1 .arrow .swiper-button-prev {left: -30px;}
#du_sec1 .arrow .swiper-button-next {right: 170px;}

/* sec1 */
#sec1{position: relative;}
#sec1::before{content: 'JOSEON'; font-size: 130px; font-family: var(--font-ham); -webkit-text-stroke: 1px #000; position: absolute; left: 70px; top: 145px; opacity: 0.15; line-height: 1; color: transparent;}
#sec1::after{content: 'JOKBAL'; font-size: 130px; font-family: var(--font-ham); position: absolute; right: 43px; top: 300px; opacity: 0.05; line-height: 1;}
#sec1 .main_tit em{font-size: 24px; width: 310px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius:50%; border: 2px solid #E00F17; /* box-shadow: 0 0 30px 0 rgba(237, 27, 35, 0.80) inset, 0 0 30px 0 rgba(237, 27, 35, 0.80); */ font-family: var(--font-dan); padding-top: 6px; margin: 0 auto; opacity: 0;}
#sec1.on .main_tit em{animation: sec1-ani 1.8s ease-in-out both;}
@keyframes sec1-ani {
	0%{opacity: 0; transform: rotateY(0deg);}
	50%{transform: rotateY(135deg);}
	100%{opacity: 1; transform: rotateY(0deg);}
}
.line_swiper_wrap{margin-top: 70px; /* padding: 10px 0; */ position: relative;}
/* .line_swiper_wrap::before{content: ''; display: block; width: 100%; height: 10px; border-top: 1px solid #E00F17; border-bottom: 1px solid #E00F17; position: absolute; top: 0;}
.line_swiper_wrap::after{content: ''; display: block; width: 100%; height: 10px; border-top: 1px solid #E00F17; border-bottom: 1px solid #E00F17; position: absolute; bottom: 0;} */
.line_swiper_wrap .inner{position: relative; /* padding: 20px 0; */}
/* .line_swiper_wrap .inner::before{content: ''; display: block; width: 10px; height: 100%; border-left: 1px solid #E00F17; border-right: 1px solid #E00F17; position: absolute; left: -30px; top: 0;}
.line_swiper_wrap .inner::after{content: ''; display: block; width: 10px; height: 100%; border-left: 1px solid #E00F17; border-right: 1px solid #E00F17; position: absolute; right: -30px; top: 0;}
.line_swiper_wrap .line{position: absolute; top: 0; left: 50%; transform:translateX(-50%); width: calc(100% + 40px); height: 100%; display: flex;}
.line_swiper_wrap .line div{width: 25%; border-right: 1px solid #E00F17;}
.line_swiper_wrap .line div:last-of-type{border-right: 0;} */
.line_swiper_wrap .arrow div{position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer; width: 60px; height: 60px; border-radius:50%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.10); transition: all 0.3s;}
.line_swiper_wrap .arrow .prev{left: -120px; background: url(/img/main2/swiper_prev.svg) no-repeat center / 100% 100%;}
/* .line_swiper_wrap .arrow .prev:hover{background-image: url(/img/main2/swiper_prev_on.svg);} */
.line_swiper_wrap .arrow .next{right: -120px; background: url(/img/main2/swiper_next.svg) no-repeat center / 100% 100%;}
/* .line_swiper_wrap .arrow .next:hover{background-image: url(/img/main2/swiper_next_on.svg);} */
#sec1 .sec1_swiper{overflow: hidden;}
#sec1 .sec1_swiper .swiper-slide{width: calc((100% - (40px * 3)) / 4); margin-right: 40px;}
#sec1 .sec1_swiper .swiper-slide img{width: 100%;}
#sec1 .point_wrap{display: flex; margin-top: 90px;}
#sec1 .point_wrap dl{padding: 42px 0; border-radius: 150px; width: calc(33.33% + 25px); text-align: center;}
#sec1 .point_wrap dl dt{font-size: 20px; font-weight: 800;}
#sec1 .point_wrap dl dd{font-size: 25px; margin-top: 15px; font-family: var(--font-ham); line-height: 1.3;}
#sec1 .point_wrap dl.item1{background: #E00F17; color: #fff;}
#sec1 .point_wrap dl.item2{background: #F5F5F5; margin-left: -25px;}
#sec1 .point_wrap dl.item3{background: #B60D13; color: #fff; margin-left: -25px;}

/* sec2 */
#sec2{background: url(/img/main2/sec2_bg.jpg) no-repeat center / cover;}
#sec2 *{color: #fff;}
#sec2 .inner{display: flex; justify-content: space-between;}
#sec2 .main_tit em{font-size: 24px; color: #fff; font-family: var(--font-dan); padding: 15px 0 8px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: inline-block;}
#sec2 .certi{display: flex; gap: 60px;}
#sec2 .certi .item{width: 400px; position: relative;}
#sec2 .certi .item .img{width: 100%;}
#sec2 .certi .item .mark{width: 120px; position: absolute; right: -30px; top: -30px; opacity: 0; transform: scale(2);}

/* sec3 */
#sec3{background: linear-gradient(180deg, #DA161D 0%, #BC0C12 100%); position: relative; overflow: hidden;}
#sec3 .line_slide{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: space-between;}
#sec3 .line_slide div{width: 90px; opacity: 0.2;}
#sec3 .line_slide div img{width: 100%; display: block;}
#sec3 .line_slide div img + img{margin-top: -4px;}
#sec3 .line_slide .left img{animation: marqueeY 40s infinite linear reverse;}
#sec3 .line_slide .right img{animation: marqueeY 40s infinite linear;}
@keyframes marqueeY {
    from {transform: translateY(0);}
    to {transform: translateY(-100%);}
}
#sec3 .main_tit{color: #fff;}
#sec3 .main_tit .img img{width: 130px;}
#sec3 .cont{margin-top: 80px;}
#sec3 .cont .item{position: relative;}
#sec3 .cont .item + .item{margin-top: 120px;}
#sec3 .cont .item1, #sec3 .cont .item3{margin-left: 225px;}
#sec3 .cont .item2{margin-right: 225px; display: flex; justify-content: flex-end;}
#sec3 .cont .item .box{display: flex; height: 400px; background: #fff;     width: fit-content;}
#sec3 .cont .item2 .box{flex-direction: row-reverse;}
#sec3 .cont .item .img{height: 100%;}
#sec3 .cont .item .img img{height: 100%;}
#sec3 .cont .item .txt{width: 550px; height: 100%; padding-left: 70px; display: flex; flex-direction: column; justify-content: center; gap: 15px;}
#sec3 .cont .item .txt .num{font-size: 18px; font-weight: 800;}
#sec3 .cont .item .txt .tit{font-size: 30px; letter-spacing: -0.6px; font-family: var(--font-ham); line-height: 1.3;}
#sec3 .cont .item .txt .tit strong{font-size: 35px; font-weight: 400;}
#sec3 .cont .item .txt p{font-size: 22px; letter-spacing: -0.8px; font-weight: 500; color: #4B4B4B; line-height: 1.45;}
#sec3 .cont .item .circle{width: 300px; height: 300px; border-radius:50%; background: #fff; border: 5px solid #E00F17; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; position: absolute; top: 48px;}
#sec3 .cont .item1 .circle, #sec3 .cont .item3 .circle{left: -250px; animation: circle-ani 2s infinite;}
#sec3 .cont .item2 .circle{right: -250px; animation: circle-ani2 2s infinite;}
#sec3 .cont .item .circle p{font-family: var(--font-ham); line-height: 1.3; color: #B60D13; letter-spacing: -1px; margin-top: 7px; text-align: center;}
#sec3 .cont .item .circle p span{font-size: 32px; display: block;}
#sec3 .cont .item .circle p strong{font-size: 45px; display: block; font-weight: 400;}
#sec3.on .cont .item .box{animation: box-ani ease 1s both;}
#sec3.on .cont .item .box .img{animation: img-ani ease 0.7s both 1s;}
#sec3.on .cont .item2 .box{animation: box-ani2 ease 1s both 1.5s;}
#sec3.on .cont .item2 .box .img{animation-delay: 2.3s;}
#sec3.on .cont .item3 .box{animation-delay: 2.8s;}
#sec3.on .cont .item3 .box .img{animation-delay: 3.6s;}

@keyframes box-ani {
    0% {transform: translateX(-100%); opacity: 0;}
    100% {transform: translateX(0); opacity: 1;}
}
@keyframes box-ani2 {
    0% {transform: translateX(100%); opacity: 0;}
    100% {transform: translateX(0); opacity: 1;}
}
@keyframes img-ani {
    0% {transform: translateY(100%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}
@keyframes circle-ani {
    0% {transform: scale(1) rotate(-15deg);}
    50% {transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15) rotate(-15deg);}
    100% {transform: scale(1) rotate(-15deg);}
}
@keyframes circle-ani2 {
    0% {transform: scale(1) rotate(15deg);}
    50% {transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15) rotate(15deg);}
    100% {transform: scale(1) rotate(15deg);}
}

/* sec4 */
#sec4{background: url(/img/main2/sec4_bg_w.jpg) no-repeat center / cover; position: relative; border: 1px solid #E00F17;}
#sec4::before{content: ''; display: block; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #E00F17; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
/* #sec4 .main_tit .title .big{-webkit-text-stroke: 1px #000; text-shadow: 0 0 30px rgba(237, 27, 35, 0.80);} */
#sec4 .shape{position: relative; width: 745px; margin: 80px auto 0; padding-bottom: 110px;}
#sec4 .shape_img{width: 100%; filter: invert(1);}
#sec4 .shape .txt p{font-size: 22px; letter-spacing: -0.6px; font-weight: 700; position: absolute; line-height: 1.45; text-align: center;}
#sec4 .shape .txt1{top: 50px; left: 50%; transform:translateX(-50%);}
#sec4 .shape .txt2{top: 500px; left: -190px;}
#sec4 .shape .txt3{top: 500px; right: -150px;}
#sec4 .shape .center_txt{position: absolute; width: 100%; left: 50%; top: 33%; transform:translateX(-50%); letter-spacing: -0.6px; text-align: center;}
#sec4 .shape .center_txt span{font-size: 28px; font-weight: 700; display: block; line-height: 2;}
#sec4 .shape .center_txt strong{font-size: 45px; font-family: var(--font-ham); line-height: 1.3; font-weight: 400;}
#sec4 .shape .circle .item{width: 330px; height: 330px; border-radius: 50%; background: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center; position: absolute; transition: all 0.3s; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);}
#sec4 .shape .circle .item1{top: -22px; right: -115px;}
#sec4 .shape .circle .item2{top: -22px; left: -115px;}
#sec4 .shape .circle .item3{bottom: 0; left: 50%; transform:translateX(-50%); border: 5px solid #E00F17;}
#sec4 .shape .circle .item.on *{color: #fff;}
#sec4 .shape .circle .item img{width: 100%;}
#sec4 .shape .circle .item1 .icon{width: 70px; transition: all 0.3s;}
#sec4 .shape .circle .item2 .icon{width: 73px;}
#sec4 .shape .circle .item .logo{width: 180px; transition: all 0.3s;}
#sec4 .shape .circle .item .logo_w{display: none;}
#sec4 .shape .circle .item dl dt{font-size: 32px; letter-spacing: -0.8px; font-family: var(--font-ham); color: var(--main-color); line-height: 1.3;}
#sec4 .shape .circle .item dl dd{font-size: 20px; margin-top: 10px; letter-spacing: -0.6px; font-weight: 500; color: #6D6D6D; line-height: 1.5;}
#sec4 .shape .circle .item dl dd b{color: #000;}
#sec4 .shape .circle .item.on{background: #E00F17; box-shadow: 0 0 30px 0 rgba(237, 27, 35, 0.80);}
#sec4 .shape .circle .item.on .icon{filter:brightness(1000%);}
#sec4 .shape .circle .item.on .logo_b{display: none;}
#sec4 .shape .circle .item.on .logo_w{display: block;}

/* sec5 */
#sec5{background: url(/img/main2/sec5_bg.png) no-repeat center / cover; height: 985px; overflow: hidden;}
#sec5 .main_tit{color: #fff;}
#sec5 .main_tit p{margin-top: 30px;}
#sec5 .cont{margin-top: 80px; position: relative;}
#sec5 .cont .img{position: relative;}
#sec5 .cont .img .bg_circle{width: 1120px; height: 1120px; background: #FFF; border-radius:50%; margin: 0 auto;}
#sec5 .cont .img .food{width: 1030px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
#sec5 .cont .img .rotate_txt{width: 1090px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); animation: rotate-ani 30s linear infinite;}
@keyframes rotate-ani {
    100% {transform: translate(-50%,-50%) rotate(360deg);}
}
#sec5 .cont .talk{width: 400px; border-radius: 80px; background: #FFF; padding: 42px 0; position: relative; position: absolute; filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.20)); animation: talk-ani 2s infinite;}
#sec5 .cont .talk p{font-size: 25px; line-height: 1.4; font-family: var(--font-ham); text-align: center;}
#sec5 .cont .talk p span{color: #B60D13;}
#sec5 .cont .talk.left::before{content: ''; display: block; width: 33px; height: 26px; background: url(/img/main2/sec5_talk_lt.svg) no-repeat center / contain; position: absolute; bottom: -25px; right: 75px;}
#sec5 .cont .talk.right::before{content: ''; display: block; width: 33px; height: 26px; background: url(/img/main2/sec5_talk_rt.svg) no-repeat center / contain; position: absolute; bottom: -25px; left: 75px;}
#sec5 .cont .talk1{top: -25px; left: 0;}
#sec5 .cont .talk2{top: -25px; right: 0;animation-delay: 1s;}
#sec5 .cont .talk3{top: 270px; left: 100px;animation-delay: 1s;}
#sec5 .cont .talk4{top: 270px; right: 100px;}
@keyframes talk-ani{
	0% {transform: scale(1);}
	50% {transform: matrix(1.05, 0.01, 0.01, 1.05, 0, -15);}
	100% {transform: scale(1);}
}

/* sec6 */
#sec6{background: url(/img/main2/sec6_bg_w.png) no-repeat center / cover;}
#sec6 .inner{position: relative;}
#sec6 .main_tit{margin-left: 175px;}
#sec6 .main_tit .logo img{width: 130px;}
#sec6 .main_tit .app{margin-top: 60px; display: flex; justify-content: center; gap:30px;}
#sec6 .main_tit .app img{width: 80px;}
#sec6 .sec6_swiper{margin-top: 70px;}
#sec6 .sec6_swiper .swiper-wrapper{transition-timing-function: linear;}
#sec6 .sec6_swiper .swiper-slide{width: 320px; margin-right: 30px;}
#sec6 .sec6_swiper .swiper-slide img{width: 100%;}
#sec6 .mobile{width: 400px; position: absolute; left: 0; top: 210px; z-index: 10;}
#sec6 .mobile .phone{width: 100%;}
#sec6 .mobile .screen{position: absolute; top: 20px; left: 25px; width: 348px;}
#sec6 .mobile .screen img{width: 100%;}

/* sec7 */
#sec7{background: url(/img/main2/sec7_bg1.jpg) no-repeat center / cover; height: 950px; position: relative; padding: 0; transition: background 0.3s;}
#sec7.bg1{background-image: url(/img/main2/sec7_bg1.jpg) !important;}
#sec7.bg2{background-image: url(/img/main2/sec7_bg2.jpg) !important;}
#sec7.bg3{background-image: url(/img/main2/sec7_bg3.jpg) !important;}
#sec7.bg4{background-image: url(/img/main2/sec7_bg4.jpg) !important;}
#sec7 .main_tit{position: absolute; top: 240px; left: 50%; transform:translateX(-50%); z-index: 10;}
#sec7 .main_tit::before{content: ''; display: block; background: url(/img/main2/sec7_rotate_txt.svg) no-repeat center / contain; width: 460px; height: 460px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-52%); animation: rotate-ani 30s linear infinite;}
#sec7 .main_tit em{font-size: 35px; letter-spacing: -1.5px; color: #fff; font-family: var(--font-dan); display: inline-block;}
#sec7 .main_tit .title{margin-top: 10px;}
#sec7 .cont{display: flex; height: 100%;}
#sec7 .cont .item{width: 25%; height: 100%; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 120px; position: relative;}
#sec7 .cont .item::before{content: ''; display: block; width: 100%; height: 100%;  position: absolute; top: 0; left: 0; transition: 0.3s background, 0.3s transform;}
#sec7 .cont .item:hover::before{background: rgba(0,0,0,0.4); transform: rotateY(-180deg);}
#sec7 .cont .item + .item{border-left: 1px solid rgba(255, 255, 255, 0.50);}
#sec7 .cont .item dl{text-align: center; color: #fff; position: relative; z-index: 10; }
#sec7 .cont .item dl dt{font-size: 40px; letter-spacing: -0.6px; line-height: 1.3; font-family: var(--font-ham); transition: all 0.3s;}
#sec7 .cont .item:hover dl dt{color: #FFF100;}
#sec7 .cont .item dl dd{margin-top: 15px; font-size: 25px; letter-spacing: -0.8px; line-height: 1.4; font-weight: 500;}

/* sec8 */
#sec8 .main_tit em{font-size: 24px; width: 310px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius:50%; border: 2px solid #E00F17; /* background: #111; */ /* box-shadow: 0 0 30px 0 rgba(237, 27, 35, 0.80) inset, 0 0 30px 0 rgba(237, 27, 35, 0.80); */ font-family: var(--font-dan); padding-top: 6px; margin: 0 auto; opacity: 0;}
#sec8.on .main_tit em{animation: sec1-ani 1.8s ease-in-out both;}
#sec8 .tabnav{margin-top: 70px; display: flex; justify-content: center; gap: 30px;}
#sec8 .tabnav a{font-size: 30px; font-weight: 700; color: #8E8E8E; line-height: 1.5; display: inline-block; padding: 10px 0; width: 190px; text-align: center; border-radius: 100px; border: 1px solid #ccc;}
#sec8 .tabnav a.on{color: #fff; border-color: var(--main-color); background: var(--main-color);}
/* #sec8 .tabnav a{font-size: 30px; font-weight: 700; color: #8E8E8E; line-height: 1.5;}
#sec8 .tabnav a.on{color: #000; text-decoration: underline; text-underline-offset: 5px;} */
#sec8 .line_swiper_wrap{margin-top: 50px;}
/* .line_swiper_wrap .line div{width: 33.33%;} */
#sec8 .sec8_swiper_wrap .tabcont > div {display: none;}
#sec8 .sec8_swiper_wrap .tabcont > div.on {display: block;}
#sec8 .swiper{overflow: hidden;}
#sec8 .swiper .swiper-slide{width: calc((100% - (40px * 2)) / 3); height: 330px; margin-right: 40px; position: relative;}
#sec8 .swiper .swiper-slide::before{content: ''; display: block; width: 100%; height: 50%; opacity: 0.7; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; left: 0; bottom: 0; z-index: 10; transition: all 0.3s;}
#sec8 .swiper .swiper-slide:hover::before{height: 100%; background: linear-gradient(180deg, rgba(182, 13, 19, 0.00) 0%, #B60D13 100%);}
#sec8 .swiper .swiper-slide .img{height: 100%; overflow: hidden;}
#sec8 .swiper .swiper-slide img{width: 100%; height: 100%; object-fit:cover; object-position: center; transform: scale(1.01);}
#sec8 .swiper .swiper-slide .txt{position: absolute; left: 0; right: 0; bottom: 25px; z-index: 10; color: #fff; text-align: center; padding: 0 30px;}
#sec8 .swiper .swiper-slide .txt dt{font-size: 30px; line-height: 1.5; font-family: var(--font-dan);}
#sec8 .swiper .swiper-slide .txt dd{font-size: 22px; letter-spacing: -0.8px; margin-top: 5px; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#sec8 .popBtn {width: 200px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 30px; background: #E00F17; color: #fff; font-size: 22px; font-weight: 800; margin: 50px auto 0; cursor: pointer;}

.menu_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100; background: #111;}
.menu_popup .close {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 25px;}
.menu_popup .close img {width: 25px; cursor: pointer;}
.menu_popup .wrap {position: absolute; top: 47%; left: 50%; transform: translate(-50%,-50%); height: 86%;}
.menu_popup .cont {background: #fff; height: 100%; padding: 100px 57px 100px 100px;}
.menu_popup .scroll {overflow: hidden; height: 100%; overflow-y: scroll; padding: 0;}
.menu_popup .scroll::-webkit-scrollbar {width: 3px}
.menu_popup .scroll::-webkit-scrollbar-thumb { background: #8E8E8E; border-radius: 10px }
.menu_popup .scroll::-webkit-scrollbar-track {background: #D9D9D9;}
.menu_popup .menu + .menu {margin-top: 100px;} 
.menu_popup .menu h2 {display: flex; align-items: center; gap: 36px; font-size: 50px; font-family: var(--font-ham); font-weight: 400;}
.menu_popup .menu h2 .line {width: 170px; height: 2px; background: #000;}
.menu_popup .menu ul {margin-top: 50px; display: flex; align-items: center; flex-wrap: wrap; gap: 40px; padding-right: 40px;}
.menu_popup .menu ul li {width: calc(100%/3 - 27px); height: 286px; position: relative; overflow: hidden;}
.menu_popup .menu ul li img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.menu_popup .menu ul li .txt {position: absolute; left: 0; bottom: 0; width: 100%; padding: 84px 0 24px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); text-align: center; color: #fff; font-size: 25px; font-weight: 400; font-family: var(--font-dan);}

/* du_sec2 */
#du_sec2 {padding: 120px 0; background: url(/img/main2/wood_bg.png) no-repeat center / cover;}
#du_sec2 .sec_tit{color: #fff;}
#du_sec2 .sec_tit p {font-size: 20px; font-family: var(--font-dan);}
#du_sec2 .sec_tit h2 {margin-top: 20px; font-size: 60px;}
#du_sec2 ul {margin-top: 60px; display: flex; align-items: center; flex-wrap: wrap; gap: 40px;}
#du_sec2 ul li {width: calc(50% - 20px); height: 240px; background: #fff; padding: 60px 48px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 35px;}
#du_sec2 ul li span {width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--main-color); border-radius: 50%; font-size: 16px; font-weight: 800; color: #fff; letter-spacing: -.6px; margin: 0 auto; transition: all .3s;}
#du_sec2 ul li > div {width: calc(100% - 135px);}
#du_sec2 ul li strong {display: block; font-size: 35px; font-weight: 400; color: #333; letter-spacing: -2px; line-height: 1.2; font-family: var(--font-ham);}
#du_sec2 ul li p {margin-top: 20px; font-size: 22px; font-weight: 400; color: #333; letter-spacing: -.6px; line-height: 1.27;}
#du_sec2 ul li.yellow {background: var(--main-color);}
#du_sec2 ul li.yellow strong, #du_sec2 ul li.yellow p{color: #fff;}
#du_sec2 ul li.yellow span {background: #fff; color: #222;}

/* du_sec6 */
#du_sec6{background: #F0F0F0;}
#du_sec6 .table_wrap{margin-top: 60px;}
#du_sec6 table{width: 100%;border-collapse: collapse; background: #fff;}
#du_sec6 table th{font-size: 27px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.4; font-family: var(--font-ham); padding: 15px 20px; color: #fff; background: var(--main-color);}
#du_sec6 table tbody tr{border-bottom: 1px solid rgba(0,0,0,0.2);}
#du_sec6 table td{font-size: 25px; letter-spacing: -0.8px; font-weight: 500; line-height: 1.4; padding: 20px 30px; text-align: center; color: #555; border-right: 1px solid rgba(0,0,0,0.2);}
#du_sec6 table td:nth-child(2){text-align: left;}
#du_sec6 table td:nth-child(3){font-weight: 800; color: #000;}
#du_sec6 table td:nth-child(4){border-right: none;}
#du_sec6 table td.red{font-weight: 800; color: var(--main-color); background: rgba(237, 27, 35, 0.05);}

/* du_sec3 */
#du_sec3 {position: relative; background: url('/img/main/sec13_bg2.jpg') no-repeat center/cover; padding: 100px 0 112px;}
#du_sec3::before {content: ""; background: url('/img/main2/sec13_bg_icon.svg') no-repeat center/cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 20px solid var(--main-color);}
#du_sec3::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#du_sec3 .sec_tit{color: #fff;}
#du_sec3 .sec_tit p {font-size: 20px; font-family: var(--font-dan);}
#du_sec3 .sec_tit h2 {margin-top: 20px; font-size: 60px; font-family: var(--font-ham);}
#du_sec3 .sec_tit h2 strong {font-family: var(--font-ham); font-weight: 400;}
#du_sec3 .sec_tit h2 span {font-family: var(--font-ham); font-weight: 400; display: block; margin-top: 10px;}
#du_sec3 ul {margin-top: 60px; display: flex; align-items: center; justify-content: center;}
#du_sec3 ul li {width: 300px; height: 300px; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; border: 1px solid #fff; transition: all .3s ease;}
#du_sec3 ul li.on {background: var(--main-color); border-color: var(--main-color); transition: all .3s ease; z-index: 1;}
#du_sec3 ul li.on * {color: #fff; transition: all .3s ease;}
#du_sec3 ul li.on p {border-color: #fff; transition: all .3s ease;}
#du_sec3 ul li + li {margin-left: -20px;}
#du_sec3 ul li p {font-size: 20px; font-weight: 400; color: #fff; font-family: var(--font-dan); line-height: .7; border-bottom: 1px solid #fff; transition: all .3s ease;}
#du_sec3 ul li h4 {font-size: 40px; font-weight: 400; color: #fff; font-family: var(--font-ham); line-height: 1.25; text-align: center; transition: all .3s ease;}
#du_sec3 .info {margin-top: 65px; text-align: center; font-size: 20px; font-weight: 600; color: #fff; line-height: 1.5;}
#du_sec3 .info span {display: block; /* margin-top: 8px; */ color: var(--main-color); margin-top: 0 !important;}

/* du_sec4 */
#du_sec4 {padding: 120px 0; background: url('/img/main/sec15_bg.jpg') no-repeat center/cover; text-align: center;}
#du_sec4 .sec_tit {width: auto; display: inline-block; color: #fff;}
#du_sec4 .sec_tit h2 {margin-top: 20px; position: relative;}
#du_sec4 .sec_tit h2::before {content: ""; width: 150px; height: 1px; background: #fff; position: absolute; bottom: 40px; left: -195px;}
#du_sec4 .sec_tit h2::after {content: ""; width: 150px; height: 1px; background: #fff; position: absolute; bottom: 40px; right: -195px;}
#du_sec4 .map_wrap {margin: 60px auto 0; padding: 0 !important;}
.map_wrap{position:relative;}
.map_wrap .map{height: 950px; overflow:hidden; position:relative;}
.map_wrap .map_menu_wrap{position:absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index:50;}
.map_wrap .map_menu{position:relative;}
.map_wrap .map_menu .map_ic{width: 50px; cursor:pointer;}
.map_wrap .map_menu .map_ic img{width: 100%;}
.map_wrap .map_menu .map_ic.on{animation: ani_pop infinite .75s;}
@keyframes ani_pop {
	0% {transform: translateY(-25px)}
	50% {transform: translateY(0)}
	100% {transform: translateY(-25px)}
}
.map_wrap .map_menu .map_box{position:absolute; top: -190px; left: 50%; transform: translateX(-50%); /* overflow: hidden; */ border-radius: 20px; /* width: 360px; */ background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); padding:30px 20px; text-align:center; display:none; z-index:10;}
.map_wrap .map_menu .map_box.on{display:block;}
.map_wrap .map_menu .map_box:before{content:''; display:block; background:transparent; border-right:13px solid transparent; border-top:17px solid #fff; border-left:13px solid transparent; border-bottom:13px solid transparent; position:absolute; left: 50%; transform: translateX(-50%); bottom:-28px; filter: drop-shadow(0px 8px 4px rgba(0, 0, 0, 0.20)); z-index:10;}
.map_wrap .map_menu .map_box strong{font-size: 20px; font-weight: 400; color: #000; font-family: var(--font-ham); line-height: 1.2;}
.map_wrap .map_menu .map_box p{font-size: 15px; color:#6D6D6D; line-height:1.4; word-break:keep-all; margin-top:10px;}
.map_wrap .map_menu .map_box .detail_view{display:inline-block; font-size: 14px; font-weight: 700; padding: 10px 20px; border-radius: 100px; background: var(--main-color); margin-top:12px; border:none; color:#fff !important;}
.map_srh_wrap{position:absolute; left:35px; top:50%; transform:translateY(-50%); width: 450px; background: #FFF; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); padding-bottom:55px; z-index:10; border-radius: 20px; overflow: hidden;}
.map_srh_inner{padding:0 30px;}
.map_srh_tp .map_tabnav{display:flex; border-bottom:1px solid #EAEAEA;}
.map_srh_tp .map_tabnav li{width:50%;}
.map_srh_tp .map_tabnav li a{display:block; font-size: 18px; font-weight: 800; color:#8E8E8E; text-align: center; line-height: 70px;}
.map_srh_tp .map_tabnav li a.active{background: var(--main-color); color:#fff;}
.map_srh{display:flex; padding:30px 0 35px;}
.map_srh .map_srh_input{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; width:calc(100% - 60px); font-weight: 400; color: #000 !important;}
.map_srh .map_srh_input::placeholder{color:#BEBEBE;}
.map_srh .map_srh_input:focus{border:1px solid #000;}
.map_srh select{font-size: 20px; border: 1px solid #E3E3E3; height: 60px; padding:0 20px; color:#BEBEBE; background: #fff url("/img/sub/sel_ic.svg") no-repeat right 20px center / 20px;}
.map_srh select option{color:#000;}
.map_srh select:focus{outline:none; border:1px solid #000;}
.map_srh .map_sel1{width:145px; border-right:1px solid transparent !important;}
.map_srh .map_sel2{width:185px;}
.map_srh_btn{display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; background:#000; border:none;}
.map_srh_btn img{width: 26px;}
.map_srh_bt{min-height:560px;}
.map_srh_bt .store_no_data{border-bottom:1px solid #D9D9D9; padding:35px 0; text-align:center;}
.map_srh_bt .store_no_data img{width: 45px;}
.map_srh_bt .store_no_data p{font-size: 18px; font-weight: 700; margin-top:5px;}
.map_srh_bt .store_list{border-top:1px solid #E3E3E3;}
.map_srh_bt .store_list li{padding:20px 0; display:flex; gap:20px; align-items:center; border-bottom:1px solid #E3E3E3; cursor:pointer;}
.map_srh_bt .store_list li .img{width: 125px; height: 100px; overflow: hidden;}
.map_srh_bt .store_list li .img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.map_srh_bt .store_list li .txt{width:calc(100% - 125px - 20px); text-align: left;}
.map_srh_bt .store_list li .txt strong{font-size: 18px; word-break:keep-all;}
.map_srh_bt .store_list li .txt p{color:#6D6D6D; margin-top:8px; word-break:keep-all;}
.map_srh_bt .store_list li .txt .add{font-size: 15px;}
.map_srh_bt .store_list li .txt .time{font-size: 14px;}
.paging{display:flex; justify-content:center; align-items:center; gap:22px; margin-top:30px;}
.paging .first img, .paging .last img{width: 10px;}
.paging .prev img, .paging .next img{width: 6px;}
.paging .list_pager{display:flex; justify-content:center; gap:22px;}
.paging .list_pager li a{font-size: 15px; color: #999;}
.paging .list_pager li a.active{color: #000; font-weight: 600;}
/* select */
.map_wrap .select {height: 60px; line-height: 60px; border: 1px solid #E3E3E3; font-size: 20px; position:relative; background:#fff; color:#BEBEBE;}
.map_wrap .select .selected {display: flex; justify-content: space-between; padding:0 20px; cursor:pointer;}
.map_wrap .select * {font-family: var(--font-pre) !important;}
.map_wrap .select .selected .arrow {width: 20px; background: url("/img/main/sel_ic_b.svg") no-repeat center / contain;}
.map_wrap .select.active .selected .arrow{transform:rotate(180deg);}
.map_wrap .select .option_wrap {width: calc(100% + 2px); display: none; position: absolute; left: 0; margin: -2px 0 0 -1px; cursor: pointer; z-index:10; border:1px solid #000; background: #FFF; overflow: hidden; text-align: left;}
.map_wrap .select.active .option_wrap {display: initial;}
.map_wrap .select ul li {line-height:40px; padding-left: 10px; color: #8E8E8E; font-weight: 500; font-size:18px;}
.map_wrap .select ul li:hover{background: #F0F0F0; color:#000;}
.map_wrap .select.on{display:block;}
/* map_popup */
.map_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.map_pop_wrap.on{display:block;}
.pop_bg{position:absolute; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.60);}
.pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 650px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); border-radius: 20px; overflow: hidden;}
.pop_tp{background: var(--main-color); display:flex; align-items:center; justify-content:space-between; padding:27px 30px 20px;}
.pop_tp strong{font-size: 20px; font-weight: 400; color: #fff; font-family: var(--font-ham) !important;}
.pop_tp .pop_close{width: 24px; cursor:pointer;}
.pop_tp .pop_close img{width:100%; filter: brightness(0) invert(1);}
.map_pop_wrap .pop_cont{padding:40px 30px; display:flex; gap:40px; overflow: hidden; height: auto;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap{position:relative; width: 250px; height:200px;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:200px;}
.map_pop_wrap .pop_cont .map_pop_slide_wrap .slide img{width: 100%; height: 100%; object-fit: cover;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow{position:absolute; right:10px; bottom:10px; display:flex; gap:5px;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 25px; cursor:pointer;}
.map_pop_wrap .pop_cont .map_pop_slide_arrow > div img{width:100%;}
.map_pop_wrap .pop_cont .map_pop_info{margin-top:20px; width: calc(100% - 250px - 40px);}
.map_pop_wrap .pop_cont .map_pop_info dl{display:flex; align-items: flex-start; gap: 20px; font-size: 13px; text-align: left;}
.map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:15px;}
.map_pop_wrap .pop_cont .map_pop_info dt{font-size: 16px; font-weight: 800; width:75px; position:relative; padding-left:10px;}
.map_pop_wrap .pop_cont .map_pop_info dt:before{content:''; display:block; width: 3px; height: 3px; background:#000; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.map_pop_wrap .pop_cont .map_pop_info dd{font-size: 15px; font-weight: 400; color: #6D6D6D; width:calc(100% - 75px); word-break:keep-all; letter-spacing: -.6px;}

/* du_sec5 */
#du_sec5 {padding: 120px 0; background: linear-gradient(180deg, #DA161D 0%, #BC0C12 100%); position: relative;}
#du_sec5 .sec_tit p {font-size: 24px; font-weight: 400; color: #fff; line-height: 1.25; font-family: var(--font-dan);}
#du_sec5 .sec_tit h2 {margin-top: 20px; letter-spacing: -2px; line-height: 1.14; color: var(--sub-color);}
#du_sec5 .tit_bg {position: absolute;}
#du_sec5 .tit_bg img {height: 160px; opacity: 0.2;}
#du_sec5 .tit_bg.top {top: 110px; left: 0; transform: translateX(-100%); transition:all .8s;}
#du_sec5 .tit_bg.bottom {bottom: -10px; right: 0; transform: translateX(100%); transition:all .8s;}
#du_sec5.on .tit_bg {transform: translateX(0);}
#du_sec5 .cont {margin-top: 60px; width: 1400px; padding: 70px 0; background: #fff;}
.in_st{width: 1002px; margin: 0 auto;}
.fr_form ul li{margin-bottom: 30px;}
.fr_form ul li .item {border-bottom: 1px solid #7A7A7A; display: flex; align-items: center; gap: 10px;}

.fr_form ul li .item.full{width: 100%;}
.fr_form ul li.flex {display: flex; align-items: center; gap: 0 20px;}
.fr_form ul li.flex .item {width: calc(100%/2 - 10px);}
.fr_form ul li dt {min-width: 110px; font-size: 18px; font-weight: 700; color: #000; letter-spacing: -1px;}
.fr_form ul li dd {width: calc(100% - 130px);}
.fr_form ul li .input{font-size: 18px; font-weight: 700; width: 100%; height: 60px; border: 0; padding: 0; background: none; color: #000; transition: none; letter-spacing: -1px;}
.fr_form ul li.content .item {align-items: flex-start;}
.fr_form ul li.content .item dd {width: 100%;}
.fr_form ul li.content dd {padding-bottom: 10px;}
.fr_form ul li .textarea{height: 150px; resize:none; line-height: 1.3; font-size: 18px; font-weight: 700; letter-spacing: -1px;}
.fr_form ul li .select {height: 60px; position:relative; width: 100%;}
.fr_form ul li .select .selected {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; cursor:pointer; box-sizing: content-box;}
.fr_form ul li .select .selected-value {font-size: 18px; font-weight: 700; color: #8E8E8E; letter-spacing: -1px;}
.fr_form ul li .select .selected .arrow {width: 28px;}
.fr_form ul li .select .selected .arrow img {width: 100%;}
.fr_form ul li .select.active .selected .arrow{transform:rotate(180deg);}
.fr_form ul li .select .option_wrap {width: 100%; display: none; position: absolute; top: calc(100% + 5px); cursor: pointer; z-index:10; background: #FFF; border: 1px solid #7A7A7A;}
.fr_form ul li .select.active .option_wrap {display: block;}
.fr_form ul li .select .option_wrap ul {max-height:220px; overflow-y: auto;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 1px;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar-thumb {height: 30%; background: #878787;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar-track {background: #D9D9D9;}
.fr_form ul li .select .option_wrap ul li {margin: 0; line-height:50px; padding: 0 20px; color: #000; font-size: 18px; font-weight: 700;}
.fr_form ul li .select .option_wrap ul li:hover{background: #E7E7E7;}
.fr_form ul li .input_box label {height: 60px; display: inline-flex; align-items: center; gap: 0 10px; font-size: 18px; font-weight: 700; color: #A8A8A8; -webkit-font-smoothing: antialiased; transform: rotate(0.03deg); cursor: pointer; cursor: pointer;}
.fr_form ul li .input_box label + label {margin-left: 60px;}
.fr_form ul li .input_box input[type="radio"] {-webkit-appearance: none; background-image: url('/img/main/radio_check.svg'); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; cursor: pointer;}
.fr_form ul li .input_box input[type="radio"]:checked {background-image: url('/img/main2/radio_checked.svg');}
.fr_form ul li .input_box input[type="radio"]:checked + span {color: var(--main-color);}
.fr_form .bot {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 35px;}
.fr_form .bot .agree {display: flex; align-items: center; gap: 0 14px;}
.fr_form .bot .agree label{font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 0 14px; cursor: pointer;}
.fr_form .bot .agree input[type="checkbox"]{width: 20px; height: 20px; background: url("/img/main/checkbox_chk.svg") no-repeat center / 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
.fr_form .bot .agree input[type="checkbox"]:checked{border: none; background: url("/img/main2/checkbox_chked.svg") no-repeat center / 100%;}
.fr_form .bot .agree .view_more{font-size: 18px; text-decoration:  underline; text-underline-offset: 3px; display: inline-block; vertical-align: middle; cursor: pointer; font-weight: 600; letter-spacing: -1px;}
.fr_form .bot .apply_btn{display: block; width: 180px; padding: 20px 0; font-size: 20px; font-weight: 400; color: #fff; border-radius: 50px; background: #222; border: 0; font-family: var(--font-ham);}
.use_wrap {margin: 130px auto;}
.pop_wrap .use_wrap {margin: 0 !important;}


/* sec9 */
#sec9{height: 700px; background: url("/img/main2/sec9_bg.png") no-repeat center top / cover; background-attachment: fixed; position: relative;}
#sec9 .main_tit .title{margin-top: 0 !important;}

/* footer */
.footer .ft_info {background: #000; padding: 50px 0 70px; position: relative;}
.footer .logo {display: flex; align-items: center; gap: 18px; width: fit-content;}
.footer .logo .line {display: block; width: 1px; height: 30px; background: #ffffff40;}
.footer .logo img {height: 45px; display: block;}
.footer .ft_info .bot {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .ft_info .inner .info {margin-top: 48px;}
.footer .ft_info .inner .info p:not(.copy) {display: flex; align-items: center; gap: 15px;}
.footer .ft_info .inner .info p span {font-size: 16px; font-weight: 500; color: #fff; line-height: 1.6; letter-spacing: -1px;}
.footer .ft_info .inner .info p.copy {margin-top: 15px; font-size: 16px; font-weight: 400; color: #8E8E8E; line-height: 1.6; letter-spacing: -.4px;}
.footer .ft_info .inner .right {display: flex; align-items: flex-start; gap: 119px;}
.footer .ft_info .inner .right .tell p {font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2;}
.footer .ft_info .inner .right .tell h2 {margin-top: 10px; font-size: 32px; font-weight: 700; color: #fff; line-height: 1.2; font-family: var(--font-ham);}
.footer .ft_info .inner .term {display: flex; align-items: center; gap: 20px;}
.footer .ft_info .inner .term .line {display: block; width: 1px; height: 15px; background: #fff;}
.footer .ft_info .inner .term strong a {font-weight: 700;}
.footer .ft_info .inner .term a {font-size: 16px; font-weight: 400; color: #fff;}
.footer .ft_info .inner .sns {display: flex; align-items: center; gap: 13px; justify-content: flex-end; margin-top: 12px;}
.footer .ft_info .inner .sns img {width: 40px; opacity: .5;}
.ft_apply {position: fixed; left: 0; bottom: 0; width: 100%; background: var(--main-color); z-index: 99;}
.ft_apply #fwrite2 {margin-right: 0 !important; width: 100%;}
.ft_apply.non_fixed {position: relative;}
.ft_apply.on .inner {height: 0 !important; padding: 0 !important;}
.ft_apply.on .open {display: flex !important;}
.ft_apply.on .close {display: none !important;}
.ft_apply.on .inner_cont {display:none;}
.ft_apply .cont {position: relative;}
.ft_apply .close_cont {position: absolute; top: -40px; right: 0; background: var(--main-color); width: 50px; height: 40px; cursor: pointer;}
.ft_apply .btn { width: 50px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0;}
.ft_apply .btn img {width: 24px; min-width: 24px; filter: invert(1) brightness(100);}
.ft_apply .open {display: none;}
.ft_apply .inner {position: relative; display: flex; align-items: center; justify-content: space-between; height: 70px; position: relative;}
.ft_apply .inner .ft_logo {height: 35px;}
.ft_apply .inner .info {display: flex; align-items: center; gap: 46px;}
.ft_apply .inner .ft_logo + .flex {display: flex; align-items: center; gap: 10px;}
.ft_apply .inner .ft_logo + .flex span {font-size: 22px; color: #fff; letter-spacing: -1px; font-family: var(--font-ham); line-height: 1;}
.ft_apply .inner .ft_logo + .flex strong {font-size: 30px; color: #fff; letter-spacing: -1px; font-family: var(--font-ham); line-height: 1;}
.ft_apply .inner .flex {display: flex; align-items: center; gap: 10px;}
.ft_apply .inner .input_cont {display: flex; align-items: center; gap: 0 15px; margin-right: 35px;}
.ft_apply .inner .input_cont input {width: 200px; height: 40px; background: #fff; border: 0; outline: none; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #37291E;}
.ft_apply .inner .input_cont input::placeholder {color: #37291E;}
.ft_apply .inner .input_cont .select {position: relative;}
.ft_apply .inner .input_cont .select::after {content: ""; background: url(/img/main/ft_select_arrow.svg) no-repeat; background-size: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 20px; height:20px;}
.ft_apply .inner .input_cont select {width: 220px; height: 40px; background: #fff; border: 0; outline: none; padding: 0 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #37291E;}
.ft_apply .inner .agree {margin-right: 10px; display: flex; align-items: center; gap: 9px; cursor: pointer;}
.ft_apply .inner .agree p {font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -.6px;}
.ft_apply .inner .agree span {text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.3px;}
.ft_apply .inner .agree label input {-webkit-appearance:none; background: url(/img/main2/radio_check_ic.svg) no-repeat; width: 25px; height: 25px; background-size: contain; padding: 0;}
.ft_apply .inner .agree label input:checked {background: url(/img/main2/checkbox_checked_ic.svg) no-repeat; background-size: contain;}
.ft_apply .inner .apply_btn {width: 130px; line-height: 1; background: #fff; text-align: center; padding: 12px 0; color: #000; font-size: 18px; font-weight: 800; border:none;}
.agreeBtn{background: var(--main-color) !important;}




@media screen and (max-width:1850px){
	
	/* visual */
	#visual .txt{padding-top: 16.22vw;}
	#visual .txt em{font-size: 1.30vw;}
	#visual .txt em::before{width: 5.41vw; height: 0.54vw; left: -7.03vw; top: 0.32vw;}
	#visual .txt em::after{width: 5.41vw; height: 0.54vw; right: -7.03vw; top: 0.32vw;}
	#visual .txt .title{margin-top: 1.62vw;}
	#visual .txt .title span{font-size: 3.51vw; letter-spacing: -0.08vw;}
	#visual .txt .title .big{font-size: 4.86vw; letter-spacing: -0.11vw;}
	#visual .img1, #visual .img2{width: 39.46vw;}
	#visual .img1{top: -10.81vw;}
	#visual .img2{top: 14.76vw;}
	#visual .img3{right: 19.46vw; width: 26.86vw;}
	#visual .vis_swiper .swiper-slide{line-height: 3.24vw; font-size: 1.35vw; padding-top: 0.22vw;}
	#visual .vis_swiper .swiper-slide .dot{margin: 0 1.08vw;}
	@keyframes vis-ani1 {
		0%{right: -100%;}
		100%{right: -6.59vw;}
	}
	@keyframes vis-ani2 {
		0%{left: -100%;}
		100%{left: -9.08vw;}
	}
	@keyframes vis-ani3 {
		0%{bottom: -100%;}
		100%{bottom: -7.14vw;}
	}

}


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

	/* 공통 */
	.inner{max-width:100%; padding: 0 2.47vw;}


	/* HEADER */
	#header{height:6.17vw;}
	#header h1 {gap: 1.11vw;}
	#header h1 .line {height: 1.85vw;}
	#header h1 img {height: 2.78vw;}
	#header .gnb{gap:3.70vw;}
	#header .gnb > li > a{font-size: 1.23vw; letter-spacing: -0.02vw; line-height: 6.17vw;}
	#header .call {gap: 0.31vw; padding: 0.74vw 1.36vw 0.74vw 1.23vw;}
	#header .call img {width: 1.60vw;}
	#header .call span {font-size: 1.36vw;}


	/* main */
	.main_tit .title{margin-top: 1.55vw;}
	.main_tit .title .small{font-size: 3.40vw;}
	.main_tit .title .big{font-size: 4.02vw;}
	.main_tit .txt{margin-top: 2.89vw;}
	.main_tit .txt p + p{margin-top: 1.65vw;}
	.main_tit p{font-size: 1.44vw; letter-spacing: -0.05vw;}
	.section{padding: 7.41vw 0;}
    .sec_tit h2 {font-size: 4.27vw; letter-spacing: -0.12vw;}
    .sec_tit p {margin-top: 1.52vw; font-size: 1.46vw; letter-spacing: -0.04vw;}


	/* visual */
	#visual{height: 58.64vw;}
	#visual .txt{padding-top: 18.52vw;}
	#visual .txt em{font-size: 1.48vw;}
	#visual .txt em::before{width: 6.17vw; height: 0.62vw; left: -8.02vw; top: 0.37vw;}
	#visual .txt em::after{width: 6.17vw; height: 0.62vw; right: -8.02vw; top: 0.37vw;}
	#visual .txt .title{margin-top: 1.85vw;}
	#visual .txt .title span{font-size: 3.91vw; letter-spacing: -0.09vw;}
	#visual .txt .title .big{font-size: 5.46vw; letter-spacing: -0.12vw;}
	#visual .img1, #visual .img2{width: 40.06vw;}
	#visual .img1{top: -12.35vw;}
	#visual .img2{top: 16.85vw;}
	#visual .img3{right: 22.22vw; width: 28.68vw;}
	#visual .vis_swiper .swiper-slide{line-height: 3.70vw; font-size: 1.54vw; padding-top: 0.25vw;}
	#visual .vis_swiper .swiper-slide .dot{margin: 0 1.23vw;}
	@keyframes vis-ani1 {
		0%{right: -100%;}
		100%{right: -9.53vw;}
	}
	@keyframes vis-ani2 {
		0%{left: -100%;}
		100%{left: -14.37vw;}
	}
	@keyframes vis-ani3 {
		0%{bottom: -100%;}
		100%{bottom: -7.15vw;}
	}
    
    /* du_sec1 */
    #du_sec1 {padding: 7.01vw 0 7.32vw;}
    #du_sec1 .sec_tit p {margin-bottom: 1.22vw;}
    #du_sec1 .count {margin: 3.96vw auto 0; gap: 3.66vw;}
    #du_sec1 .count .item:first-child {gap: 3.90vw;}
    #du_sec1 .count .item:last-child {gap: 0;}
    #du_sec1 .count .item .img img {width: 4.88vw;}
    #du_sec1 .count .item .txt img {width: 4.88vw;}
    #du_sec1 .count .item .txt p {margin-top: 1.52vw; font-size: 1.46vw; letter-spacing: -0.12vw;}
    #du_sec1 .count .item .txt h2 {margin-top: 0.61vw; font-size: 2.44vw; letter-spacing: -0.18vw;}
    #du_sec1 .count .item .txt .count_num span {min-width: 7.20vw;}
    #du_sec1 .cont {margin: 3.96vw auto 0; height: 27.44vw; max-width: 95.12vw; padding: 0 !important;}
    #du_sec1 .swiper-slide {width: 26.83vw; height: 27.44vw; margin-right: 2.44vw; padding: 3.96vw 2.74vw;}
    #du_sec1 .swiper-slide span {width: 6.10vw; height: 3.05vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    #du_sec1 .swiper-slide > strong {margin-top: 2.13vw; font-size: 2.13vw; letter-spacing: -0.12vw;}
    #du_sec1 .swiper-slide p {margin-top: 1.22vw; font-size: 1.34vw;}
    #du_sec1 .arrow > div {width: 3.66vw; height: 3.66vw;}
    #du_sec1 .arrow > div img {width: 1.22vw;}
    #du_sec1 .arrow .swiper-button-prev {left: -1.83vw;}
    #du_sec1 .arrow .swiper-button-next {right: 8vw;}

	/* sec1 */
	#sec1::before{font-size: 8.02vw; left: 4.32vw; top: 8.95vw;}
	#sec1::after{font-size: 8.02vw; right: 2.65vw; top: 18.52vw;}
	#sec1 .main_tit em{font-size: 1.48vw; width: 19.14vw; height: 4.32vw; /* box-shadow: 0 0 1.85vw 0 rgba(237, 27, 35, 0.80) inset, 0 0 1.85vw 0 rgba(237, 27, 35, 0.80); */ padding-top: 0.37vw;}
	.line_swiper_wrap{margin-top: 4.32vw; /* padding: 0.62vw 8.36vw; */}
	/* .line_swiper_wrap::before{height: 0.62vw; left: 50%; transform:translateX(-50%);}
	.line_swiper_wrap::after{height: 0.62vw; left: 50%; transform:translateX(-50%);}
	.line_swiper_wrap .inner{padding: 1.23vw 0;}
	.line_swiper_wrap .inner::before{width: 0.62vw; left: -1.85vw;}
	.line_swiper_wrap .inner::after{width: 0.62vw; right: -1.85vw;}
	.line_swiper_wrap .line{width: calc(100% + 2.47vw);} */
	.line_swiper_wrap .arrow div{width: 3.13vw; height: 3.13vw; /* box-shadow: 0 0 1.85vw rgba(237, 27, 35, 0.80); */}
	.line_swiper_wrap .arrow .prev{left: -6.25vw;}
	.line_swiper_wrap .arrow .next{right: -6.25vw;}
	#sec1 .sec1_swiper .swiper-slide{width: calc((100% - (2.47vw * 3)) / 4); margin-right: 2.47vw;}
	#sec1 .point_wrap{margin-top: 5.56vw;}
	#sec1 .point_wrap dl{padding: 2.59vw 0; width: calc(33.33% + 1.54vw);}
	#sec1 .point_wrap dl dt{font-size: 1.23vw;}
	#sec1 .point_wrap dl dd{font-size: 1.54vw; margin-top: 0.93vw;}
	#sec1 .point_wrap dl.item2, #sec1 .point_wrap dl.item3{margin-left: -1.54vw;}

	/* sec2 */
	#sec2 .main_tit em{font-size: 1.38vw; padding: 0.93vw 0 0.49vw;}
	#sec2 .certi{gap: 3.70vw;}
	#sec2 .certi .item{width: 22.69vw;}
	#sec2 .certi .item .mark{width: 7.41vw; right: -1.85vw; top: -1.85vw;}

	/* sec3 */
	#sec3 .line_slide div{width: 5.56vw;}
	#sec3 .line_slide div img + img{margin-top: -0.25vw;}
	#sec3 .main_tit .img img{width: 8.02vw;}
	#sec3 .cont{margin-top: 4.94vw;}
	#sec3 .cont .item + .item{margin-top: 5.41vw;}
	#sec3 .cont .item1, #sec3 .cont .item3{margin-left: 13.89vw;}
	#sec3 .cont .item2{margin-right: 13.89vw;}
	#sec3 .cont .item .box{height: 23.69vw;}
	#sec3 .cont .item .txt{width: 31.95vw; padding-left: 3.32vw; gap: 0.93vw;}
	#sec3 .cont .item .txt .num{font-size: 1.11vw;}
	#sec3 .cont .item .txt .tit{font-size: 1.85vw; letter-spacing: -0.04vw;}
	#sec3 .cont .item .txt .tit strong{font-size: 2.16vw;}
	#sec3 .cont .item .txt p{font-size: 1.26vw; letter-spacing: -0.05vw;}
	#sec3 .cont .item .circle{width: 16.52vw; height: 16.52vw; box-shadow: 0.62vw 0.62vw 1.23vw 0 rgba(0, 0, 0, 0.25); top: 2.96vw;}
	#sec3 .cont .item1 .circle, #sec3 .cont .item3 .circle{left: -13.43vw;}
	#sec3 .cont .item2 .circle{right: -13.43vw;}
	#sec3 .cont .item .circle p{letter-spacing: -0.06vw; margin-top: 0.43vw;}
	#sec3 .cont .item .circle p span{font-size: 1.68vw;}
	#sec3 .cont .item .circle p strong{font-size: 2.48vw;}

	/* sec4 */
	#sec4::before{width: calc(100% - 2.47vw); height: calc(100% - 2.47vw);}
	/* #sec4 .main_tit .title .big{text-shadow: 0 0 1.85vw rgba(237, 27, 35, 0.80);} */
	#sec4 .shape{width: 45.99vw; margin: 4.94vw auto 0; padding-bottom: 6.79vw;}
	#sec4 .shape .txt p{font-size: 1.36vw; letter-spacing: -0.04vw;}
	#sec4 .shape .txt1{top: 3.09vw;}
	#sec4 .shape .txt2{top: 30.86vw; left: -11.73vw;}
	#sec4 .shape .txt3{top: 30.86vw; right: -9.26vw;}
	#sec4 .shape .center_txt{letter-spacing: -0.04vw;}
	#sec4 .shape .center_txt span{font-size: 1.73vw;}
	#sec4 .shape .center_txt strong{font-size: 2.78vw;}
	#sec4 .shape .circle .item{width: 20.37vw; height: 20.37vw; gap: 1.23vw;}
	#sec4 .shape .circle .item1{top: -1.36vw; right: -7.10vw;}
	#sec4 .shape .circle .item2{top: -1.36vw; left: -7.10vw;}
	#sec4 .shape .circle .item1 .icon{width: 4.32vw;}
	#sec4 .shape .circle .item2 .icon{width: 4.51vw;}
	#sec4 .shape .circle .item .logo{width: 11.11vw;}
	#sec4 .shape .circle .item dl dt{font-size: 1.98vw; letter-spacing: -0.05vw;}
	#sec4 .shape .circle .item dl dd{font-size: 1.23vw; margin-top: 0.62vw; letter-spacing: -0.04vw;}
	#sec4 .shape .circle .item.on{box-shadow: 0 0 1.85vw 0 rgba(237, 27, 35, 0.80);}

	/* sec5 */
	#sec5{height: 60.80vw;}
	#sec5 .main_tit p{margin-top: 1.85vw;}
	#sec5 .cont{margin-top: 4.94vw;}
	#sec5 .cont .img .bg_circle{width: 69.14vw; height: 69.14vw;}
	#sec5 .cont .img .food{width: 63.58vw;}
	#sec5 .cont .img .rotate_txt{width: 67.28vw;}
	#sec5 .cont .talk{width: 24.69vw; padding: 2.59vw 0; filter: drop-shadow(0.31vw 0.31vw 0.93vw rgba(0, 0, 0, 0.20));}
	#sec5 .cont .talk p{font-size: 1.54vw;}
	#sec5 .cont .talk.left::before{width: 2.04vw; height: 1.60vw; bottom: -1.54vw; right: 4.63vw;}
	#sec5 .cont .talk.right::before{width: 2.04vw; height: 1.60vw; bottom: -1.54vw; left: 4.63vw;}
	#sec5 .cont .talk1{top: -1.54vw;}
	#sec5 .cont .talk2{top: -1.54vw;}
	#sec5 .cont .talk3{top: 16.67vw; left: 6.17vw;}
	#sec5 .cont .talk4{top: 16.67vw; right: 6.17vw;}

	/* sec6 */
	#sec6 .main_tit{margin-left: 10.80vw;}
	#sec6 .main_tit .logo img{width: 8.02vw;}
	#sec6 .main_tit .app{margin-top: 3.70vw; gap:1.85vw;}
	#sec6 .main_tit .app img{width: 4.94vw;}
	#sec6 .sec6_swiper{margin-top: 4.32vw;}
	#sec6 .sec6_swiper .swiper-slide{width: 19.75vw; margin-right: 1.85vw;}
	#sec6 .mobile{width: 24.69vw; top: 12.96vw; left: 2.47vw;}
	#sec6 .mobile .screen{top: 1.23vw; left: 1.54vw; width: 21.48vw;}

	/* sec7 */
	#sec7{height: 58.64vw;}
	#sec7 .main_tit{top: 14.81vw;}
	#sec7 .main_tit::before{width: 28.40vw; height: 28.40vw;}
	#sec7 .main_tit em{font-size: 2.16vw; letter-spacing: -0.09vw;}
	#sec7 .main_tit .title{margin-top: 0.62vw;}
	#sec7 .cont .item{padding-bottom: 7.41vw;}
	#sec7 .cont .item dl dt{font-size: 2.47vw; letter-spacing: -0.04vw;}
	#sec7 .cont .item dl dd{margin-top: 0.93vw; font-size: 1.54vw; letter-spacing: -0.05vw;}

	/* sec8 */
	#sec8 .main_tit em{font-size: 1.48vw; width: 19.14vw; height: 4.32vw; /* box-shadow: 0 0 1.85vw 0 rgba(237, 27, 35, 0.80) inset, 0 0 1.85vw 0 rgba(237, 27, 35, 0.80); */ padding-top: 0.37vw;}
	#sec8 .tabnav{margin-top: 4.32vw; gap: 1.85vw;}
	#sec8 .tabnav a{font-size: 1.85vw; padding: 0.62vw 0; width: 11.73vw;}
	#sec8 .line_swiper_wrap{margin-top: 3.09vw;}
	#sec8 .swiper .swiper-slide{width: calc((100% - (2.17vw * 2)) / 3); height: 20.37vw; margin-right: 2.17vw;}
	#sec8 .swiper .swiper-slide .txt{bottom: 1.54vw; padding: 0 1.85vw;}
	#sec8 .swiper .swiper-slide .txt dt{font-size: 1.85vw;}
	#sec8 .swiper .swiper-slide .txt dd{font-size: 1.26vw; letter-spacing: -0.05vw; margin-top: 0.31vw;}#sec8 .popBtn {width: 12.35vw; height: 3.70vw; border-radius: 1.85vw; font-size: 1.36vw; margin: 3.09vw auto 0;}
    #sec8 .popBtn {width: 12.35vw; height: 3.70vw; border-radius: 1.85vw; font-size: 1.36vw; margin: 3.09vw auto 0;}

    .menu_popup .close { margin-bottom: 1.54vw;}
    .menu_popup .close img {width: 1.54vw;}
    .menu_popup .cont {padding: 6.17vw 3.52vw 6.17vw 6.17vw;}
    .menu_popup .scroll::-webkit-scrollbar {width: 0.19vw}
    .menu_popup .menu + .menu {margin-top: 6.17vw;} 
    .menu_popup .menu h2 { gap: 2.22vw; font-size: 3.09vw;}
    .menu_popup .menu h2 .line {width: 10.49vw; height: 0.12vw;}
    .menu_popup .menu ul {margin-top: 3.09vw; gap: 2.47vw; padding-right: 2.47vw;}
    .menu_popup .menu ul li {width: calc(100%/3 - 1.67vw); height: 17.65vw; }
    .menu_popup .menu ul li .txt { padding: 5.19vw 0 1.48vw; font-size: 1.54vw;}
    
    /* du_sec2 */
    #du_sec2 {padding: 7.32vw 0;}
    #du_sec2 .sec_tit p {font-size: 1.22vw;}
    #du_sec2 .sec_tit h2 {margin-top: 1.22vw; font-size: 3.66vw;}
    #du_sec2 ul {margin-top: 3.66vw; gap: 2.44vw;}
    #du_sec2 ul li {width: calc(50% - 1.22vw); height: 14.63vw; padding: 3.66vw 2.93vw; gap: 2.13vw;}
    #du_sec2 ul li span {width: 6.10vw; height: 3.05vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    #du_sec2 ul li > div {width: calc(100% - 8.23vw);}
    #du_sec2 ul li strong {font-size: 2.13vw; letter-spacing: -0.12vw;}
    #du_sec2 ul li p {margin-top: 1.22vw; font-size: 1.34vw; letter-spacing: -0.04vw;}

	/* du_sec6 */
	#du_sec6 .table_wrap{margin-top: 3.70vw;}
	#du_sec6 table th{font-size: 1.67vw; letter-spacing: -0.05vw; padding: 0.93vw 1.23vw;}
	#du_sec6 table td{font-size: 1.54vw; letter-spacing: -0.05vw; padding: 1.23vw 1.85vw;}
    
    /* du_sec3 */
    #du_sec3 {padding: 7.13vw 0 6.83vw;}
    #du_sec3::before {background: url('/img/main/sec13_bg_icon_tablet.svg') no-repeat center/103%;}
    #du_sec3 .sec_tit p {font-size: 1.22vw;}
    #du_sec3 .sec_tit h2 {margin-top: 1.22vw; font-size: 3.66vw;}
    #du_sec3 .sec_tit h2 span {margin-top: 0.61vw;}
    #du_sec3 ul {margin-top: 3.66vw;}
    #du_sec3 ul li {width: 18.29vw; height: 18.29vw; gap: 1.52vw;}
    #du_sec3 ul li + li {margin-left: -1.22vw;}
    #du_sec3 ul li p {font-size: 1.22vw;}
    #du_sec3 ul li h4 {font-size: 2.44vw;}
    #du_sec3 .info {margin-top: 3.96vw; font-size: 1.22vw;}
    #du_sec3 .info span {margin-top: 0.49vw;}
    
    /* du_sec4 */
    #du_sec4 {padding: 7.32vw 0;}
    #du_sec4 .sec_tit h2 {margin-top: 1.22vw;}
    #du_sec4 .sec_tit h2::before {width: 9.15vw; height: 0.06vw; bottom: 2.44vw; left: -11.89vw;}
    #du_sec4 .sec_tit h2::after {width: 9.15vw; height: 0.06vw; bottom: 2.44vw; right: -11.89vw;}
    #du_sec4 .map_wrap {margin: 3.66vw auto 0;}
    .map_wrap .map{height: 57.93vw;}
    .map_wrap .map_menu .map_ic{width: 3.05vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-1.52vw)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-1.52vw)}
    }
    .map_wrap .map_menu .map_box{ top: -11.59vw; border-radius: 1.22vw; box-shadow: 0.00vw 0.24vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25); padding:1.83vw 1.22vw;}
    .map_wrap .map_menu .map_box:before{ bottom:-1.73vw; filter: drop-shadow(0.00vw 0.49vw 0.24vw rgba(0, 0, 0, 0.20)); border-right-width: 0.80vw; border-top-width: 1.05vw; border-left-width: 0.80vw; border-bottom-width: 0.80vw;}
    .map_wrap .map_menu .map_box strong{font-size: 1.22vw;}
    .map_wrap .map_menu .map_box p{font-size: 0.91vw; margin-top:0.61vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 0.85vw; padding: 0.61vw 1.22vw; margin-top:0.73vw;}
    .map_srh_wrap{ left:2.13vw; width: 27.44vw; box-shadow: 0.00vw 0.30vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.35vw; border-radius: 1.22vw;}
    .map_srh_inner{padding:0 1.83vw;}
    .map_srh_tp .map_tabnav li a{ font-size: 1.10vw; line-height: 4.27vw;}
    .map_srh{ padding:1.83vw 0 2.13vw;}
    .map_srh .map_srh_input{font-size: 1.22vw; height: 3.66vw; padding:0 1.22vw; width:calc(100% - 3.66vw);}
    .map_srh select{font-size: 1.22vw; height: 3.66vw; padding:0 1.22vw; background-position: right 1.22vw center; background-size: 1.22vw;}
    .map_srh .map_sel1{width:8.84vw;}
    .map_srh .map_sel2{width:11.28vw;}
    .map_srh_btn{ width: 3.66vw; height: 3.66vw;}
    .map_srh_btn img{width: 1.59vw;}
    .map_srh_bt{min-height:34.15vw;}
    .map_srh_bt .store_no_data{ padding:2.13vw 0;}
    .map_srh_bt .store_no_data img{width: 2.74vw;}
    .map_srh_bt .store_no_data p{font-size: 1.10vw; margin-top:0.30vw;}
    .map_srh_bt .store_list li{padding:1.22vw 0; gap:1.22vw;}
    .map_srh_bt .store_list li .img{width: 7.62vw; height: 6.10vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 7.62vw - 1.22vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 1.10vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:0.49vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 0.91vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 0.85vw;}
    .paging{ gap:1.34vw; margin-top:1.83vw;}
    .paging .first img, .paging .last img{width: 0.61vw;}
    .paging .prev img, .paging .next img{width: 0.37vw;}
    .paging .list_pager{ gap:1.34vw;}
    .paging .list_pager li a{font-size: 0.91vw;}
    /* select */
    .map_wrap .select {height: 3.66vw; line-height: 3.66vw; font-size: 1.22vw;}
    .map_wrap .select .selected {padding:0 1.22vw;}
    .map_wrap .select .selected .arrow {width: 1.22vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 0.12vw); margin: -0.12vw 0 0 -0.06vw;}
    .map_wrap .select ul li {line-height:2.44vw; padding-left: 0.61vw; font-size:1.10vw;}
    /* map_popup */
    .pop_inner{ width: 39.63vw; box-shadow: 0.00vw 0.24vw 0.61vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 1.22vw;}
    .pop_tp{ padding:1.65vw 1.83vw 1.22vw;}
    .pop_tp strong{font-size: 1.22vw;}
    .pop_tp .pop_close{width: 1.46vw;}
    .map_pop_wrap .pop_cont{padding:2.44vw 1.83vw; gap:2.44vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 15.24vw; height:12.20vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:12.20vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:0.61vw; bottom:0.61vw; gap:0.30vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 1.52vw;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:1.22vw; width: calc(100% - 15.24vw - 2.44vw);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 1.22vw; font-size: 0.79vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:0.91vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 0.98vw; width:4.57vw; padding-left:0.61vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.18vw; height: 0.18vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 0.91vw; width:calc(100% - 4.57vw); letter-spacing: -0.04vw;}
    
    /* du_sec5 */
    #du_sec5 {padding: 7.32vw 0;}
    #du_sec5 .sec_tit p {font-size: 1.46vw;}
    #du_sec5 .sec_tit h2 {margin-top: 1.22vw; letter-spacing: -0.12vw;}
    #du_sec5 .tit_bg img {height: 9.76vw;}
    #du_sec5 .tit_bg.top {top: 6.71vw;}
    #du_sec5 .tit_bg.bottom {bottom: -0.61vw;}
    #du_sec5 .cont {margin-top: 3.66vw; width: 85.37vw; padding: 4.27vw 0;}
    .in_st{width: 61.10vw;}
    .fr_form ul li{margin-bottom: 1.83vw;}
    .fr_form ul li .item {gap: 0.61vw;}
    .fr_form ul li.flex {gap: 0 1.22vw;}
    .fr_form ul li.flex .item {width: calc(100%/2 - 0.61vw);}
    .fr_form ul li dt {min-width: 6.71vw; font-size: 1.10vw; letter-spacing: -0.06vw;}
    .fr_form ul li dd {width: calc(100% - 7.93vw);}
    .fr_form ul li .input{font-size: 1.10vw; height: 3.66vw; letter-spacing: -0.06vw;}
    .fr_form ul li.content dd {padding-bottom: 0.61vw;}
    .fr_form ul li .textarea{height: 9.15vw; font-size: 1.10vw; letter-spacing: -0.06vw;}
    .fr_form ul li .select {height: 3.66vw;}
    .fr_form ul li .select .selected-value {font-size: 1.10vw; letter-spacing: -0.06vw;}
    .fr_form ul li .select .selected .arrow {width: 1.71vw;}
    .fr_form ul li .select .option_wrap {top: calc(100% + 0.30vw);}
    .fr_form ul li .select .option_wrap ul {max-height:13.41vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.06vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:3.05vw; padding: 0 1.22vw; font-size: 1.10vw;}
    .fr_form ul li .input_box label {height: 3.66vw; gap: 0 0.61vw; font-size: 1.10vw;}
    .fr_form ul li .input_box label + label {margin-left: 3.66vw;}
    .fr_form ul li .input_box input[type="radio"] {width: 1.52vw; height: 1.52vw;}
    .fr_form .bot {margin-top: 2.13vw;}
    .fr_form .bot .agree {gap: 0 0.85vw;}
    .fr_form .bot .agree label{font-size: 1.10vw; gap: 0 0.85vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.22vw; height: 1.22vw;}
    .fr_form .bot .agree .view_more{font-size: 1.10vw; letter-spacing: -0.06vw;}
    .fr_form .bot .apply_btn{ width: 10.98vw; padding: 1.22vw 0; font-size: 1.22vw; border-radius: 3.05vw;}
    .use_wrap {margin: 7.93vw auto;}

	/* sec9 */
	#sec9{height: 43.21vw;}

	/* footer */
	.footer .ft_info {padding: 3.09vw 0 4.32vw;}
	.footer .logo {gap: 1.11vw;}
	.footer .logo .line {height: 1.85vw;}
	.footer .logo img {height: 2.78vw;}
	.footer .ft_info .inner .info {margin-top: 2.96vw;}
	.footer .ft_info .inner .info p:not(.copy) {gap: 0.93vw;}
	.footer .ft_info .inner .info p span {font-size: 1.15vw; letter-spacing: -0.06vw;}
	.footer .ft_info .inner .info p.copy {margin-top: 0.93vw; font-size: 1.15vw; letter-spacing: -0.02vw;}
	.footer .ft_info .inner .right {gap: 7.35vw;}
	.footer .ft_info .inner .right .tell p {font-size: 1.23vw;}
	.footer .ft_info .inner .right .tell h2 {margin-top: 0.62vw; font-size: 1.98vw;}
	.footer .ft_info .inner .term {gap: 1.23vw;}
	.footer .ft_info .inner .term .line {height: 0.93vw;}
	.footer .ft_info .inner .term a {font-size: 1.15vw;}
	.footer .ft_info .inner .sns {gap: 0.80vw; margin-top: 1.14vw;}
	.footer .ft_info .inner .sns img {width: 2.47vw;}
	.ft_apply .close_cont {top: -2.47vw; width: 3.09vw; height: 2.47vw;}
	.ft_apply .btn {width: 3.09vw;}
	.ft_apply .btn img {width: 1.48vw; min-width: 1.48vw;}
	.ft_apply .inner {height: 4.32vw;}
	.ft_apply .inner.inner_cont{padding: 0;}
	.ft_apply .inner .ft_logo {height: 2.27vw;}
	.ft_apply .inner .info {gap: 2.84vw;}
	.ft_apply .inner .ft_logo + .flex {gap: 0.62vw;}
	.ft_apply .inner .ft_logo + .flex span {font-size: 1.36vw; letter-spacing: -0.06vw;}
	.ft_apply .inner .ft_logo + .flex strong {font-size: 1.85vw; letter-spacing: -0.06vw;}
	.ft_apply .inner .flex {gap: 0.62vw;}
	.ft_apply .inner .input_cont {gap: 0 0.93vw; margin-right: 2.16vw;}
	.ft_apply .inner .input_cont input {width: 12.35vw; height: 2.47vw; padding: 0 1.23vw; font-size: 1.11vw;}
	.ft_apply .inner .input_cont .select::after {background-size: 1.23vw; right: 1.23vw; width: 1.23vw; height:1.23vw;}
	.ft_apply .inner .input_cont select {width: 13.58vw; height: 2.47vw; padding: 0 1.23vw; font-size: 1.11vw;}
	.ft_apply .inner .agree {margin-right: 0.62vw; gap: 0.56vw;}
	.ft_apply .inner .agree p {font-size: 1.15vw; letter-spacing: -0.04vw;}
	.ft_apply .inner .agree label input {width: 1.54vw; height: 1.54vw;}
	.ft_apply .inner .apply_btn {width: 8.02vw; padding: 0.74vw 0; font-size: 1.11vw;}

}



@media screen and (max-width:1280px){
    
    /* main */
    .sec_tit h2 {font-size: 4.06vw; letter-spacing: -0.08vw;}
    .sec_tit p {margin-top: 1.41vw; font-size: 1.41vw; letter-spacing: -0.00vw;}

    /* du_sec1 */
    #du_sec1 {padding: 6.64vw 0 6.95vw;}
    #du_sec1 .sec_tit p {margin-bottom: 1.17vw;}
    #du_sec1 .count {margin: 3.75vw auto 0; gap: 3.44vw;}
    #du_sec1 .count .item:first-child {gap: 3.67vw;}
    #du_sec1 .count .item:last-child {gap: 0;}
    #du_sec1 .count .item .img img {width: 4.61vw;}
    #du_sec1 .count .item .txt img {width: 4.61vw;}
    #du_sec1 .count .item .txt p {margin-top: 1.41vw; font-size: 1.41vw; letter-spacing: -0.08vw;}
    #du_sec1 .count .item .txt h2 {margin-top: 0.55vw; font-size: 2.34vw; letter-spacing: -0.16vw;}
    #du_sec1 .count .item .txt .count_num span {min-width: 6.80vw;}
    #du_sec1 .cont {margin: 3.75vw auto 0; height: 25.94vw; max-width: 93.75vw;}
    #du_sec1 .swiper-slide {width: 25.39vw; height: 25.94vw; margin-right: 2.34vw; padding: 3.75vw 2.58vw;}
    #du_sec1 .swiper-slide span {width: 5.78vw; height: 2.89vw; font-size: 0.94vw; letter-spacing: -0.00vw;}
    #du_sec1 .swiper-slide > strong {margin-top: 2.03vw; font-size: 2.03vw; letter-spacing: -0.08vw;}
    #du_sec1 .swiper-slide p {margin-top: 1.17vw; font-size: 1.25vw;}
    #du_sec1 .arrow > div {width: 3.44vw; height: 3.44vw;}
    #du_sec1 .arrow > div img {width: 1.17vw;}
    #du_sec1 .arrow .swiper-button-prev {left: -1.72vw;}
    #du_sec1 .arrow .swiper-button-next {right: 11.2vw;}
    
    /* du_sec2 */
    #du_sec2 {padding: 6.95vw 0;}
    #du_sec2 .sec_tit p {font-size: 1.17vw;}
    #du_sec2 .sec_tit h2 {margin-top: 1.17vw; font-size: 3.44vw;}
    #du_sec2 ul {margin-top: 3.44vw; gap: 2.34vw;}
    #du_sec2 ul li {width: calc(50% - 1.17vw); height: 13.83vw; padding: 3.44vw 2.73vw; gap: 2.03vw;}
    #du_sec2 ul li span {width: 5.78vw; height: 2.89vw; font-size: 0.94vw; letter-spacing: -0.00vw;}
    #du_sec2 ul li > div {width: calc(100% - 7.81vw);}
    #du_sec2 ul li strong {font-size: 2.03vw; letter-spacing: -0.08vw;}
    #du_sec2 ul li p {margin-top: 1.17vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
    
    /* du_sec3 */
    #du_sec3 {padding: 6.72vw 0 6.48vw;}
    #du_sec3::before {background: url('/img/main/sec13_bg_icon_tablet.svg') no-repeat center/104%;}
    #du_sec3 .sec_tit p {font-size: 1.17vw;}
    #du_sec3 .sec_tit h2 {margin-top: 1.17vw; font-size: 3.44vw;}
    #du_sec3 .sec_tit h2 span {margin-top: 0.55vw;}
    #du_sec3 ul {margin-top: 3.44vw;}
    #du_sec3 ul li {width: 17.58vw; height: 17.58vw; gap: 1.41vw;}
    #du_sec3 ul li + li {margin-left: -1.17vw;}
    #du_sec3 ul li p {font-size: 1.17vw;}
    #du_sec3 ul li h4 {font-size: 2.34vw;}
    #du_sec3 .info {margin-top: 3.75vw; font-size: 1.17vw;}
    #du_sec3 .info span {margin-top: 0.47vw;}
    
    /* du_sec4 */
    #du_sec4 {padding: 6.95vw 0;}
    #du_sec4 .sec_tit h2 {margin-top: 1.17vw;}
    #du_sec4 .sec_tit h2::before {width: 8.67vw; height: 0.08vw; bottom: 2.34vw; left: -11.25vw;}
    #du_sec4 .sec_tit h2::after {width: 8.67vw; height: 0.08vw; bottom: 2.34vw; right: -11.25vw;}
    #du_sec4 .map_wrap {margin: 3.44vw auto 0;}
    .map_wrap .map{height: 54.77vw;}
    .map_wrap .map_menu .map_ic{width: 2.89vw;}
    @keyframes ani_pop {
        0% {transform: translateY(-1.41vw)}
        50% {transform: translateY(0)}
        100% {transform: translateY(-1.41vw)}
    }
    .map_wrap .map_menu .map_box{ top: -10.94vw; border-radius: 1.17vw; box-shadow: 0.00vw 0.23vw 0.55vw 0.00vw rgba(0, 0, 0, 0.25); padding:1.72vw 1.17vw;}
    .map_wrap .map_menu .map_box:before{ bottom:-1.72vw; filter: drop-shadow(0.00vw 0.47vw 0.23vw rgba(0, 0, 0, 0.20)); border-right-width: 0.78vw; border-top-width: 1.02vw; border-left-width: 0.78vw; border-bottom-width: 0.78vw;}
    .map_wrap .map_menu .map_box strong{font-size: 1.17vw;}
    .map_wrap .map_menu .map_box p{font-size: 0.86vw; margin-top:0.55vw;}
    .map_wrap .map_menu .map_box .detail_view{ font-size: 0.78vw; padding: 0.55vw 1.17vw; margin-top:0.70vw;}
    .map_srh_wrap{ left:2.03vw; width: 25.94vw; box-shadow: 0.00vw 0.31vw 0.55vw 0.00vw rgba(0, 0, 0, 0.25); padding-bottom:3.20vw; border-radius: 1.17vw;}
    .map_srh_inner{padding:0 1.72vw;}
    .map_srh_tp .map_tabnav li a{ font-size: 1.02vw; line-height: 4.06vw;}
    .map_srh{ padding:1.72vw 0 2.03vw;}
    .map_srh .map_srh_input{font-size: 1.17vw; height: 3.44vw; padding:0 1.17vw; width:calc(100% - 3.44vw);}
    .map_srh select{font-size: 1.17vw; height: 3.44vw; padding:0 1.17vw; background-position: right 1.17vw center; background-size: 1.17vw;}
    .map_srh .map_sel1{width:8.36vw;}
    .map_srh .map_sel2{width:10.63vw;}
    .map_srh_btn{ width: 3.44vw; height: 3.44vw;}
    .map_srh_btn img{width: 1.48vw;}
    .map_srh_bt{min-height:32.27vw;}
    .map_srh_bt .store_no_data{ padding:2.03vw 0;}
    .map_srh_bt .store_no_data img{width: 2.58vw;}
    .map_srh_bt .store_no_data p{font-size: 1.02vw; margin-top:0.31vw;}
    .map_srh_bt .store_list li{padding:1.17vw 0; gap:1.17vw;}
    .map_srh_bt .store_list li .img{width: 7.19vw; height: 5.78vw;}
    .map_srh_bt .store_list li .txt{width:calc(100% - 7.19vw - 1.17vw);}
    .map_srh_bt .store_list li .txt strong{font-size: 1.02vw;}
    .map_srh_bt .store_list li .txt p{ margin-top:0.47vw;}
    .map_srh_bt .store_list li .txt .add{font-size: 0.86vw;}
    .map_srh_bt .store_list li .txt .time{font-size: 0.78vw;}
    .paging{ gap:1.25vw; margin-top:1.72vw;}
    .paging .first img, .paging .last img{width: 0.55vw;}
    .paging .prev img, .paging .next img{width: 0.31vw;}
    .paging .list_pager{ gap:1.25vw;}
    .paging .list_pager li a{font-size: 0.86vw;}
    /* select */
    .map_wrap .select {height: 3.44vw; line-height: 3.44vw; font-size: 1.17vw;}
    .map_wrap .select .selected {padding:0 1.17vw;}
    .map_wrap .select .selected .arrow {width: 1.17vw;}
    .map_wrap .select .option_wrap {width: calc(100% + 0.08vw); margin: -0.08vw 0 0 -0.08vw;}
    .map_wrap .select ul li {line-height:2.34vw; padding-left: 0.55vw; font-size:1.02vw;}
    /* map_popup */
    .pop_inner{ width: 37.50vw; box-shadow: 0.00vw 0.23vw 0.55vw 0.00vw rgba(0, 0, 0, 0.25); border-radius: 1.17vw;}
    .pop_tp{ padding:1.56vw 1.72vw 1.17vw;}
    .pop_tp strong{font-size: 1.17vw;}
    .pop_tp .pop_close{width: 1.41vw;}
    .map_pop_wrap .pop_cont{padding:2.34vw 1.72vw; gap:2.34vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap{ width: 14.38vw; height:11.56vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height:11.56vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow{ right:0.55vw; bottom:0.55vw; gap:0.31vw;}
    .map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 1.41vw;}
    .map_pop_wrap .pop_cont .map_pop_info{margin-top:1.17vw; width: calc(100% - 14.38vw - 2.34vw);}
    .map_pop_wrap .pop_cont .map_pop_info dl{ gap: 1.17vw; font-size: 0.78vw;}
    .map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:0.86vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt{font-size: 0.94vw; width:4.30vw; padding-left:0.55vw;}
    .map_pop_wrap .pop_cont .map_pop_info dt:before{ width: 0.16vw; height: 0.16vw;}
    .map_pop_wrap .pop_cont .map_pop_info dd{font-size: 0.86vw; width:calc(100% - 4.30vw); letter-spacing: -0.00vw;}
    
    /* du_sec5 */
    #du_sec5 {padding: 6.95vw 0;}
    #du_sec5 .sec_tit p {font-size: 1.41vw;}
    #du_sec5 .sec_tit h2 {margin-top: 1.17vw; letter-spacing: -0.08vw;}
    #du_sec5 .tit_bg img {height: 9.22vw;}
    #du_sec5 .tit_bg.top {top: 6.33vw;}
    #du_sec5 .tit_bg.bottom {bottom: -0.55vw;}
    #du_sec5 .cont {margin-top: 3.44vw; width: 82.03vw; padding: 3.91vw 0;}
    .in_st{width: 58.71vw;}
    .fr_form ul li{margin-bottom: 1.72vw;}
    .fr_form ul li .item {gap: 0.55vw;}
    .fr_form ul li.flex {gap: 0 1.17vw;}
    .fr_form ul li.flex .item {width: calc(100%/2 - 0.55vw);}
    .fr_form ul li dt {min-width: 6.33vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
    .fr_form ul li dd {width: calc(100% - 7.50vw);}
    .fr_form ul li .input{font-size: 1.02vw; height: 3.44vw; letter-spacing: -0.08vw;}
    .fr_form ul li.content dd {padding-bottom: 0.55vw;}
    .fr_form ul li .textarea{height: 8.67vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
    .fr_form ul li .select {height: 3.44vw;}
    .fr_form ul li .select .selected-value {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .fr_form ul li .select .selected .arrow {width: 1.64vw;}
    .fr_form ul li .select .option_wrap {top: calc(100% + 0.31vw);}
    .fr_form ul li .select .option_wrap ul {max-height:12.66vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.08vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:2.89vw; padding: 0 1.17vw; font-size: 1.02vw;}
    .fr_form ul li .input_box label {height: 3.44vw; gap: 0 0.55vw; font-size: 1.02vw;}
    .fr_form ul li .input_box label + label {margin-left: 3.44vw;}
    .fr_form ul li .input_box input[type="radio"] {width: 1.41vw; height: 1.41vw;}
    .fr_form .bot {margin-top: 2.03vw;}
    .fr_form .bot .agree {gap: 0 0.78vw;}
    .fr_form .bot .agree label{font-size: 1.02vw; gap: 0 0.78vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.17vw; height: 1.17vw;}
    .fr_form .bot .agree .view_more{font-size: 1.02vw; letter-spacing: -0.08vw;}
    .fr_form .bot .apply_btn{ width: 10.39vw; padding: 1.17vw 0; font-size: 1.17vw; border-radius: 2.89vw;}
    .use_wrap {margin: 7.50vw auto;}

}



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

	/* 공통 */
	.inner{padding: 0 5.21vw;}
    .pc{display:none !important;}
    .mob{display:block !important;}
	body::-webkit-scrollbar{display: none;}


	/* HEADER */
	#header{height:15.63vw;}
	#header h1 {gap: 2.60vw;}
	#header h1 .line {height: 4.34vw;}
	#header h1 img {height: 6.51vw;}
	#header .gnb_wrap{position: absolute; top: 15.63vw; left: 0; background: var(--main-color); width: 100%; padding: 2.60vw 5.21vw; display: none; overflow-x: auto;}
	#header .gnb{display: flex; align-items: center; justify-content: center; gap: 4.75vw; width: max-content;}
	#header.fixed .gnb_wrap{display: block;}
	#header .gnb > li > a{font-size: 3.65vw; color: #fff !important; letter-spacing: -0.08vw; white-space: nowrap;}
	#header .call {gap: 0.65vw; padding: 1.56vw 2.86vw 1.56vw 2.60vw;}
	#header .call img {width: 4.17vw;}
	#header .call span {font-size: 3.13vw;}


	/* main */
	.main_tit .title{margin-top: 5.21vw;}
	.main_tit .title .small{font-size: 6.25vw; letter-spacing: -0.26vw;}
	.main_tit .title .big{font-size: 9.11vw; letter-spacing: -0.35vw; margin-top: 1.60vw;}
	.main_tit .txt{margin-top: 6.51vw;}
	.main_tit .txt p + p{margin-top: 4.17vw;}
	.main_tit p{font-size: 4.17vw; letter-spacing: -0.10vw;}
	.section{padding: 20.83vw 0;}
    .sec_tit h2 {font-size: 8.33vw; letter-spacing: -0.21vw;}
    .sec_tit p {margin-top: 2.08vw; font-size: 4.17vw; letter-spacing: -0.16vw;}

	/* action */
	[data-act="width"]{transition: width 1s;}
	[data-act="width"] > div {min-width: 768px;}


	/* visual */
	#visual{height: 164.06vw; /* background-image: url(/img/main2/vis_bg_mob.png); */}
	#visual .txt{padding-top: 55.21vw;}
	#visual .txt em{font-size: 4.17vw;}
	#visual .txt em::before{width: 10.42vw; height: 1.74vw; left: -14.93vw; top: 0.98vw;}
	#visual .txt em::after{width: 10.42vw; height: 1.74vw; right: -14.93vw; top: 0.98vw;}
	#visual .txt .title{margin-top: 3.91vw;}
	#visual .txt .title span{font-size: 7.81vw; letter-spacing: -0.20vw;}
	#visual .txt .title .big{font-size: 10.94vw; letter-spacing: -0.26vw;}
	#visual .img1, #visual .img2{width: 78.13vw;}
	#visual .img1{top: -30.47vw;}
	#visual .img2{top: initial; bottom: -10.07vw;}
	#visual .img3{ bottom: 20.01vw; width: 49.48vw;}
	#visual .vis_swiper .swiper-slide{line-height: 10.42vw; font-size: 4.17vw; padding-top: 0.52vw;}
	#visual .vis_swiper .swiper-slide .dot{margin: 0 2.60vw;}
	@keyframes vis-ani1 {
		0%{right: -100%;}
		100%{right: -26.56vw;}
	}
	@keyframes vis-ani2 {
		0%{left: -100%;}
		100%{left: -27.08vw;}
	}
	@keyframes vis-ani3 {
		0%{right: -100%;}
		100%{right: -17.19vw}
	}

    /* du_sec1 */
    #du_sec1 {padding: 20.83vw 0;}
    #du_sec1 .sec_tit p {margin-bottom: 2.08vw;}
    #du_sec1 .count {margin: 11.46vw auto 0; gap: 3.91vw; flex-direction: column; justify-content: center;}
    #du_sec1 .count .item {width: 83.33vw; justify-content: space-between;}
    #du_sec1 .count .item:first-child,
    #du_sec1 .count .item:last-child {gap: 0;}
    #du_sec1 .count .item .img img {width: 9.26vw;}
    #du_sec1 .count .item .txt img {width: 10.58vw;}
    #du_sec1 .count .item .txt p {margin-top: 3.26vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    #du_sec1 .count .item .txt h2 {margin-top: 1.43vw; font-size: 5.73vw; letter-spacing: -0.26vw;}
    #du_sec1 .count .item .txt .count_num span {min-width: 14.71vw;}
    #du_sec1 .cont {margin: 10.42vw auto 0; height: auto; padding: 0; width: calc(100% - 5.21vw); margin-left: 5.21vw; max-width: 100%;}
    #du_sec1 .cont .mySwiper {position: relative; top: auto; left: auto;}
    #du_sec1 .swiper-slide {width: 75.52vw; height: 80.73vw; margin-right: 5.21vw; padding: 13.02vw 4.56vw;}
    #du_sec1 .swiper-slide span {width: 18.35vw; height: 9.17vw; font-size: 2.86vw; letter-spacing: -0.10vw;}
    #du_sec1 .swiper-slide > strong {margin-top: 6.38vw; font-size: 6.25vw; letter-spacing: -0.26vw;}
    #du_sec1 .swiper-slide p {margin-top: 3.65vw; font-size: 3.65vw;}
    #du_sec1 .arrow {display: flex; align-items: center; gap: 1.69vw; justify-content: center; margin-top: 7.81vw;}
    #du_sec1 .arrow > div {width: 10.08vw; height: 10.08vw; position: relative; top: auto; transform: none;}
    #du_sec1 .arrow > div img {width: 3.36vw;}
    #du_sec1 .arrow .swiper-button-prev {left: auto;}
    #du_sec1 .arrow .swiper-button-next {right: auto;}

	/* sec1 */
	#sec1::before, #sec1::after{display: none;}
	#sec1 .main_tit em{font-size: 3.65vw; width: 46.88vw; height: 11.72vw; /* box-shadow: 0 0 3.91vw 0 rgba(237, 27, 35, 0.80) inset, 0 0 3.91vw 0 rgba(237, 27, 35, 0.80); */ padding-top: 0.78vw;}
	.line_swiper_wrap{margin-top: 10.42vw; /* padding: 2.08vw 8.46vw; */}
	/* .line_swiper_wrap::before{height: 2.08vw;}
	.line_swiper_wrap::after{height: 2.08vw;}
	.line_swiper_wrap .inner{padding: 2.60vw 0;}
	.line_swiper_wrap .inner::before{width: 2.08vw; left: -4.68vw;}
	.line_swiper_wrap .inner::after{width: 2.08vw; right: -4.68vw;}
	.line_swiper_wrap .line{display: none;} */
	.line_swiper_wrap .arrow{display: flex; align-items: center; justify-content: center; margin-top: 7.81vw; gap: 1.69vw;}
	.line_swiper_wrap .arrow div{width: 10.42vw; height: 10.42vw; /* box-shadow: 0 0 3.91vw rgba(237, 27, 35, 0.80); */ z-index: 10; position: initial; transform: translateY(0);}
	/* .line_swiper_wrap .arrow .prev{left: -6.77vw;}
	.line_swiper_wrap .arrow .next{right: -6.77vw;} */
	#sec1 .sec1_swiper .swiper-slide{margin-right: 0;}
	#sec1 .point_wrap{margin-top: 13.02vw; flex-direction: column; gap:5.21vw;}
	#sec1 .point_wrap dl{padding: 6.51vw 0; width: 100%;}
	#sec1 .point_wrap dl dt{font-size: 3.65vw;}
	#sec1 .point_wrap dl dd{font-size: 4.69vw; margin-top: 2.6vw;}
	#sec1 .point_wrap dl.item2, #sec1 .point_wrap dl.item3{margin-left: 0;}

	/* sec2 */
	#sec2{background-image: url(/img/main2/sec2_bg_mob.jpg);}
	#sec2 .inner{flex-direction: column; gap:13.02vw;}
	#sec2 .main_tit em{font-size: 3.65vw; padding: 1.95vw 0 1.04vw;}
	#sec2 .certi{gap: 0; justify-content: space-between;}
	#sec2 .certi .item{width: 41.67vw;}
	#sec2 .certi .item .mark{width: 13.02vw; right: -3.91vw; top: -3.91vw;}

	/* sec3 */
	#sec3 .line_slide div{width: 6.51vw;}
	#sec3 .line_slide div img + img{margin-top: -0.52vw;}
	#sec3 .main_tit .img img{width: 33.14vw;}
	#sec3 .main_tit .title .big{font-size: 8.75vw;}
	#sec3 .cont{margin-top: 22.42vw;}
	#sec3 .cont .item{display: flex;}
	#sec3 .cont .item + .item{margin-top: 21.22vw;}
	#sec3 .cont .item1, #sec3 .cont .item3{margin-left: 0; justify-content: flex-end;}
	#sec3 .cont .item2{margin-right: 0; justify-content: flex-start;}
	#sec3 .cont .item .box{width: 78.13vw; height: auto; flex-direction: column;}
	#sec3 .cont .item .img{height: 49.48vw;}
	#sec3 .cont .item .img img{width: 100%; height: 100%; object-fit:cover;}
	#sec3 .cont .item .txt{width: 100%; padding: 6.51vw; gap: 1.95vw;}
	#sec3 .cont .item .txt .num{font-size: 3.13vw;}
	#sec3 .cont .item .txt .tit{font-size: 5.21vw; letter-spacing: -0.08vw;}
	#sec3 .cont .item .txt .tit strong{font-size: 6.51vw;}
	#sec3 .cont .item .txt p{font-size: 3.65vw; letter-spacing: -0.10vw;}
	#sec3 .cont .item .circle{width: 39.06vw; height: 39.06vw; box-shadow: 1.30vw 1.30vw 2.60vw 0 rgba(0, 0, 0, 0.25); top: -12.25vw;}
	#sec3 .cont .item1 .circle, #sec3 .cont .item3 .circle{left: -1.55vw;}
	#sec3 .cont .item2 .circle{right: -1.55vw;}
	#sec3 .cont .item .circle p{letter-spacing: -0.13vw; margin-top: 0.91vw;}
	#sec3 .cont .item .circle p span{font-size: 4.17vw;}
	#sec3 .cont .item .circle p strong{font-size: 5.86vw;}

	/* sec4 */
	#sec4{/* background-image: url(/img/main2/sec4_bg_mob.jpg); */ border: none;}
	#sec4::before{display: none;}
	/* #sec4 .main_tit .title .big{text-shadow: 0 0 3.91vw rgba(237, 27, 35, 0.80);} */
	#sec4 .shape{width: 100%; margin: 44.27vw auto 0; padding-bottom: 26.32vw;}
	#sec4 .shape .center_txt{letter-spacing: -0.08vw; top: -35.16vw;}
	#sec4 .shape .center_txt span{font-size: 3.91vw;}
	#sec4 .shape .center_txt strong{font-size: 6.51vw;}
	#sec4 .shape .circle{position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; flex-direction: row-reverse; align-items: flex-start; gap:4.04vw 6vw;}
	#sec4 .shape .circle .item{width: auto; height: auto; gap: 5.21vw; background: none; position: initial; box-shadow: none;}
	#sec4 .shape .circle .item .icon{width: 26.04vw !important; height: 26.04vw; background: #fff; border-radius:50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 3.91vw 0px rgba(0, 0, 0, 0.10);}
	#sec4 .shape .circle .item1 .icon img{width: 12.15vw;}
	#sec4 .shape .circle .item2 .icon img{width: 12.73vw;}
	#sec4 .shape .circle .item .logo{width: 23.44vw;}
	#sec4 .shape .circle .item3{border: none; transform:translateX(0);}
	#sec4 .shape .circle .item3 .logo{border: 5px solid #E00F17; width: 26.04vw !important; height: 26.04vw; background: #fff; border-radius:50%; display: flex; align-items: center; justify-content: center;}
	#sec4 .shape .circle .item3 .logo img{width: 20.57vw;}
	#sec4 .shape .circle .item dl dt{font-size: 5.73vw; letter-spacing: -0.10vw;}
	#sec4 .shape .circle .item dl dd{font-size: 3.65vw; margin-top: 1.60vw; letter-spacing: -0.08vw;}
	#sec4 .shape .circle .item.on{background: none; box-shadow: none;}
	#sec4 .shape .circle .item.on .icon, #sec4 .shape .circle .item.on .logo{background: #E00F17 !important; box-shadow: 0 0 3.91vw 0 rgba(237, 27, 35, 0.80); filter:none;}
	#sec4 .shape .circle .item.on .icon img{filter:brightness(1000%);}
	#sec4 .shape .circle .item.on dt{color: var(--main-color);}
	#sec4 .shape .circle .item.on .logo_b{display: none;}
	#sec4 .shape .circle .item.on .logo_w{display: block;}
	#sec4 .shape .circle .item.on dl dd{color: #6D6D6D;}
	#sec4 .shape .circle .item.on dl dd b{color: #000;}

	/* sec5 */
	#sec5{height: 239.58vw; background-image: url(/img/main2/sec5_bg_mob.png);}
	#sec5 .main_tit p{margin-top: 3.91vw;}
	#sec5 .cont{margin-top: 0; padding-top: 133.33vw;}
	#sec5 .cont .img .bg_circle{width: 89.58vw; height: 89.58vw;}
	#sec5 .cont .img .food{width: 82.03vw;}
	#sec5 .cont .img .rotate_txt{width: 88.42vw;}
	#sec5 .cont .talk{width: 65.10vw; padding: 4vw 0; filter: drop-shadow(0.65vw 0.65vw 1.95vw rgba(0, 0, 0, 0.20));}
	#sec5 .cont .talk p{font-size: 3.91vw; line-height: 1.5;}
	#sec5 .cont .talk.left::before{width: 4.30vw; height: 3.39vw; bottom: -3.26vw; right: 9.77vw;}
	#sec5 .cont .talk.right::before{width: 4.30vw; height: 3.39vw; bottom: -3.26vw; left: 9.77vw;}
	#sec5 .cont .talk1{top: 12.76vw; left: 0;}
	#sec5 .cont .talk2{top: 41.93vw; right: 0;}
	#sec5 .cont .talk3{top: 71.09vw; left: 0; animation-delay: 0s;}
	#sec5 .cont .talk4{top: 100.26vw; right: 0; animation-delay: 1s;}

	/* sec6 */
	#sec6 .main_tit{margin-left: 0;}
	#sec6 .main_tit .logo img{width: 22.14vw;}
	#sec6 .main_tit .title .big{margin: 0 0 1.60vw;}
	#sec6 .main_tit .app{margin-top: 10.42vw; gap:3.91vw;}
	#sec6 .main_tit .app img{width: 14.32vw;}
	#sec6 .sec6_swiper{margin-top: 10.42vw;}
	#sec6 .sec6_swiper .swiper-slide{width: 39.06vw; margin-right: 5.21vw;}
	#sec6 .mobile{display: none;}

	/* sec7 */
	#sec7{height: 125vw;}
	#sec7 .main_tit{top: 48.25vw;}
	#sec7 .main_tit::before{width: 59.90vw; height: 59.90vw; background-image: url(/img/main2/sec7_rotate_txt_mob.svg);}
	#sec7 .main_tit em{font-size: 4.56vw; letter-spacing: -0.20vw;}
	#sec7 .main_tit .title{margin-top: 1.30vw;}
	#sec7 .main_tit .title .small{font-size: 9.11vw;}
	#sec7 .cont{flex-wrap: wrap;}
	#sec7 .cont .item{width: 50%; height: 50%; padding: 7.81vw 5.21vw;}
	#sec7 .cont .item1, #sec7 .cont .item2{align-items: flex-start; border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
	#sec7 .cont .item3{border-left: none !important;}
	#sec7 .cont .item dl dt{font-size: 5.21vw; letter-spacing: -0.08vw;}
	#sec7 .cont .item dl dd{margin-top: 1.95vw; font-size: 3.26vw; letter-spacing: -0.10vw;}
	#sec7 .cont .item:nth-of-type(odd){justify-content: flex-start;}
	#sec7 .cont .item:nth-of-type(even){justify-content: flex-end;}
	#sec7 .cont .item:nth-of-type(odd) dl{text-align: left;}
	#sec7 .cont .item:nth-of-type(even) dl{text-align: right;}

	/* sec8 */
	#sec8 .main_tit em{font-size: 3.13vw; width: 40.36vw; height: 9.11vw; /* box-shadow: 0 0 3.91vw 0 rgba(237, 27, 35, 0.80) inset, 0 0 3.91vw 0 rgba(237, 27, 35, 0.80); */ padding-top: 0.78vw;}
	/* #sec8 .tabnav{margin-top: 10.42vw; gap: 10.42vw; overflow: hidden; overflow-x: scroll; justify-content: flex-start;}
	#sec8 .tabnav a{font-size: 5.21vw;} */
	#sec8 .tabnav{margin-top: 10.42vw; gap: 1.30vw;}
	#sec8 .tabnav a{font-size: 3.26vw; padding: 1.30vw 0; width: calc((100% - (1.30vw * 4)) / 5);}
	#sec8 .line_swiper_wrap{margin-top: 6.51vw;}
	#sec8 .swiper .swiper-slide{height: auto; margin-right: 0;}
	#sec8 .swiper .swiper-slide::before{display: none;}
	#sec8 .swiper .swiper-slide .img{height: 54.69vw;}
	#sec8 .swiper .swiper-slide .txt{position: initial; padding: 4.37vw 3.91vw 0; background: #fff;}
	#sec8 .swiper .swiper-slide .txt dt{font-size: 5.21vw; color: #000;}
	#sec8 .swiper .swiper-slide .txt dd{font-size: 3.65vw; letter-spacing: -0.10vw; margin-top: 0.65vw; color: #6D6D6D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: auto !important; min-height: 10.42vw;}
    #sec8 .popBtn {width: 36.98vw; height: 11.07vw; border-radius: 5.60vw; font-size: 4.04vw; margin: 9.24vw auto 0;}

    .menu_popup .close { margin-bottom: 3.26vw;}
    .menu_popup .close img {width: 3.26vw;}
    .menu_popup .cont {padding: 13.02vw 3.26vw 11.72vw 5.21vw;}
    .menu_popup .scroll::-webkit-scrollbar {width: 0.39vw}
    .menu_popup .menu + .menu {margin-top: 13.02vw;} 
    .menu_popup .menu h2 { gap: 4.69vw; font-size: 6.51vw;}
    .menu_popup .menu h2 .line {width: 22.14vw; height: 0.26vw;}
    .menu_popup .menu ul {margin-top: 6.51vw; flex-direction: column; gap: 5.21vw; padding-right: 2.60vw;}
    .menu_popup .menu ul li {width: 100%; height: 50.78vw; }
    .menu_popup .menu ul li .txt { padding: 14.97vw 0 5.21vw; font-size: 3.91vw;}
    
    /* du_sec2 */
    #du_sec2 {padding: 20.83vw 0 36.46vw;}
    #du_sec2 .sec_tit p {font-size: 4.17vw;}
    #du_sec2 .sec_tit h2 {margin-top: 2.60vw; font-size: 8.33vw;}
    #du_sec2 ul {margin-top: 10.42vw; gap: 2.60vw; flex-direction: column; }
    #du_sec2 ul li {width: 100%; height: 51.04vw; padding: 7.81vw; gap: 5.21vw; flex-direction: column; align-items: flex-start;}
    #du_sec2 ul li span {width: 15.63vw; height: 7.81vw; font-size: 3.13vw; letter-spacing: -0.09vw; margin: 0;}
    #du_sec2 ul li > div {width: 100%;}
    #du_sec2 ul li strong {font-size: 7.29vw; letter-spacing: -0.52vw;}
    #du_sec2 ul li p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    #du_sec2 ul li p br {display: none;}

	/* du_sec6 */
	#du_sec6 .table_wrap{margin-top: 7.81vw;}
	#du_sec6 table th{font-size: 3.91vw; letter-spacing: -0.10vw; padding: 1.95vw 2.60vw;}
	#du_sec6 table td{font-size: 3.65vw; letter-spacing: -0.10vw; padding: 2.60vw;}
	#du_sec6 table td br{display: none;}
    
    /* du_sec3 */
    #du_sec3 {padding: 20.83vw 0 25.00vw; background: url('/img/main/sec13_bg_m.jpg') no-repeat center/cover;}
    #du_sec3::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1.30vw solid var(--main-color);}
    #du_sec3::before {display: none;}
    #du_sec3 .sec_tit p {font-size: 4.17vw;}
    #du_sec3 .sec_tit h2 {margin-top: 2.60vw; font-size: 8.33vw;}
    #du_sec3 .sec_tit h2 span {margin-top: 2.60vw;}
    #du_sec3 ul {margin-top: 10.42vw; flex-wrap: wrap;}
    #du_sec3 ul li {width: 41.67vw; height: 41.67vw; gap: 0;}
    #du_sec3 ul li + li {margin-left: -2.60vw;}
    #du_sec3 ul li:nth-child(3),
    #du_sec3 ul li:nth-child(4) {margin-top: -2.60vw;}
    #du_sec3 ul li p {font-size: 2.78vw;}
    #du_sec3 ul li h4 {margin-top: 3.52vw; font-size: 5.56vw;}
    #du_sec3 .info {margin-top: 10.42vw; font-size: 4.17vw;}
    #du_sec3 .info span {margin-top: 2.08vw;}
    
    /* du_sec4 */
    #du_sec4 {padding: 18.10vw 0 0;}
    #du_sec4 .inner {padding: 0;}
    #du_sec4 .sec_tit h2 {margin-top: 2.08vw;}
    #du_sec4 .sec_tit h2::before {display: none;}
    #du_sec4 .sec_tit h2::after {display: none;}
    #du_sec4 .map_wrap {padding: 0; margin-top: 13.02vw; position: relative;}
	.map_wrap .map{height: 88.90vw;}
	.map_wrap .map_menu_wrap{left:50%; top: 70%;}
	.map_wrap .map_menu .map_ic{width: 10.42vw;}
	@keyframes ani_pop {
		0% {transform: translateY(-2.86vw)}
		50% {transform: translateY(0)}
		100% {transform: translateY(-2.86vw)}
	}
	.map_wrap .map_menu .map_box{top: -38.01vw; /* width: 75.52vw; */ box-shadow: 0.00vw 0.92vw 1.7vw 0.00vw rgba(0, 0, 0, 0.25); padding:5.21vw;}
	.map_wrap .map_menu .map_box:before{border-right:2.56vw solid transparent; border-top:2.95vw solid #fff; border-left:2.56vw solid transparent; border-bottom:2.56vw solid transparent; bottom:-5.0vw; filter: drop-shadow(0.00vw 1.3vw 0.52vw rgba(0, 0, 0, 0.20));}
	.map_wrap .map_menu .map_box strong{font-size: 3.65vw;}
	.map_wrap .map_menu .map_box p{font-size: 3.13vw; margin-top:2.08vw;}
	.map_wrap .map_menu .map_box .detail_view{font-size: 3.13vw; padding: 2.08vw 4.69vw; margin-top:3.13vw;}
    /* .map_wrap .map_tabcont {position: absolute; left: 50%; transform: translateX(-50%); top: 3.39vw; z-index: 2; width: calc(100% - 6.25vw);} */
	.map_srh_wrap{position:initial; width: 100%; box-shadow: none; padding-bottom:6.38vw; transform:translateY(0); border-radius: 0;}
	.map_srh_inner{padding:0 3.13vw;}
	.map_srh_tp{margin-bottom:8vw;}
	.map_srh_tp .map_tabnav li a{font-size: 4.17vw; line-height: 14.07vw;}
	.map_srh{padding:0;}
	.map_srh .map_srh_input{font-size: 3.34vw; height: 10.9vw; padding:0 3.34vw; width:calc(100% - 10.9vw);}
	.map_srh select{font-size: 3.34vw; height: 10.9vw; padding:0 3.34vw; background: #fff url("/img/sub/sel_ic.svg") no-repeat right 3.34vw center / 3.34vw;}
	.map_srh .map_sel1{width:calc(100% - 48% - 10.9vw);}
	.map_srh .map_sel2{width:48%;}
	.map_wrap .select .option_wrap #sel_mob{max-height: 80vw; overflow-y: auto;}
	#sel_mob::-webkit-scrollbar {width: 0.39vw;  /* 스크롤바의 너비 */}
	#sel_mob::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */}
	#sel_mob::-webkit-scrollbar-track {background: #E7E7E7; /*스크롤바 뒷 배경 색상*/}
	.map_srh_btn{width: 10.9vw; height: 10.9vw; line-height: 10.9vw;}
	.map_srh_btn img{width: 3.99vw;}
	.map_srh_bt{min-height:initial;}
	.map_srh_bt .store_no_data{padding:0 0 8.04vw;}
	.map_srh_bt .store_no_data img{width: 8.21vw;}
	.map_srh_bt .store_no_data p{font-size: 4.08vw; margin-top:1.5vw;}
	.map_srh_bt .store_list{border-top:none;}
	.map_srh_bt .store_list li{padding:4.43vw 0; gap:4.17vw;}
	.map_srh_bt .store_list li:first-child{padding-top:0;}
	.map_srh_bt .store_list li .img{width: 27.78vw; height: 22.27vw; overflow: hidden;}
    .map_srh_bt .store_list li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
	.map_srh_bt .store_list li .txt{width:calc(100% - 27.78vw - 4.17vw);}
	.map_srh_bt .store_list li .txt strong{font-size: 3.91vw;}
	.map_srh_bt .store_list li .txt p{margin-top:1.82vw;}
	.map_srh_bt .store_list li .txt .add{font-size: 3.39vw;}
	.map_srh_bt .store_list li .txt .time{font-size: 3.39vw;}
	.paging{gap:4.60vw; margin-top:6.52vw;}
	.paging .first img, .paging .last img{width: 2.17vw;}
	.paging .prev img, .paging .next img{width: 1.45vw;}
	.paging .list_pager{gap:4.60vw;}
	.paging .list_pager li a{font-size: 3.26vw;}
	/* select */
	.map_wrap .select {height: 10.9vw; line-height: 10.9vw; font-size: 3.34vw;}
	.map_wrap .select .selected {padding:0 3.34vw;}
	.map_wrap .select .selected .arrow {width: 3.34vw;}
	.map_wrap .select ul li {line-height:7.98vw; padding-left: 3vw; font-size:3.13vw;}
    /* pop */
	.pop_inner{width: 95%; box-shadow: 0.00vw 0.52vw 1.30vw 0.00vw rgba(0, 0, 0, 0.25);}
	.pop_tp{padding:0 5.21vw; height: 13.02vw;}
	.pop_tp strong{font-size: 4.17vw;}
	.pop_tp .pop_close{width: 5.21vw;}
	.map_pop_wrap .pop_cont{padding:6.25vw 5.21vw 12.11vw; display:block}
	.map_pop_wrap .pop_cont .map_pop_slide_wrap{width: 100% !important; height: 66.67vw; overflow:hidden;}
	.map_pop_wrap .pop_cont .map_pop_slide_wrap .slide{height: 66.67vw;}
	.map_pop_wrap .pop_cont .map_pop_slide_arrow{right:5.21vw; bottom:5.21vw; gap:1.30vw;}
	.map_pop_wrap .pop_cont .map_pop_slide_arrow > div{width: 6.51vw;}
	.map_pop_wrap .pop_cont .map_pop_info{margin-top:7.55vw; width: 100%;}
	.map_pop_wrap .pop_cont .map_pop_info dl{font-size: 3.39vw;}
	.map_pop_wrap .pop_cont .map_pop_info dl + dl{margin-top:3.91vw;}
	.map_pop_wrap .pop_cont .map_pop_info dt{width:17.37vw; padding-left:2.30vw; font-size: 3.91vw;}
	.map_pop_wrap .pop_cont .map_pop_info dd{width:calc(100% - 20.46vw); font-size: 3.91vw;}
    
    /* du_sec5 */
    #du_sec5 {padding: 20.83vw 0;}
    #du_sec5 .sec_tit p {font-size: 3.65vw;}
    #du_sec5 .sec_tit h2 {margin-top: 2.08vw; letter-spacing: -0.16vw;}
    #du_sec5 .tit_bg {display: none;}
    #du_sec5 .cont {margin-top: 11.20vw; width: calc(100% - 10.42vw); padding: 7.81vw 3.13vw;}
    .in_st{width: 100%;}
    .fr_form ul li{margin-bottom: 1.95vw;}
    .fr_form ul li .item {gap: 1.95vw;}
    .fr_form ul li.flex {gap: 1.95vw; flex-direction: column;}
    .fr_form ul li.flex .item {width: 100%;}
    .fr_form ul li dt {min-width: 26.04vw; font-size: 3.52vw; letter-spacing: 0; font-weight: 500;}
    .fr_form ul li dd {width: calc(100% - 27.99vw);}
    .fr_form ul li .input{font-size: 3.52vw; height: 11.85vw; letter-spacing: 0;}
    .fr_form ul li.content dd {padding-bottom: 1.30vw;}
    .fr_form ul li .textarea{height: 29.56vw; font-size: 3.52vw; letter-spacing: 0;}
    .fr_form ul li .select {height: 11.85vw;}
    .fr_form ul li .select .selected-value {font-size: 3.52vw; letter-spacing: 0; font-weight: 500;}
    .fr_form ul li .select .selected .arrow {width: 4.74vw;}
    .fr_form ul li .select .option_wrap {top: calc(100% + 0.78vw);}
    .fr_form ul li .select .option_wrap ul {max-height:32.94vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.26vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:7.55vw; padding: 0 2.99vw; font-size: 3.52vw; font-weight: 500;}
    .fr_form ul li .input_box label {height: 11.85vw; gap: 0 1.95vw; font-size: 3.52vw;}
    .fr_form ul li .input_box label + label {margin-left: 8.98vw;}
    .fr_form ul li .input_box input[type="radio"] {width: 4.94vw; height: 4.94vw;}
    
    .fr_form .bot {margin-top: 2.60vw; flex-direction: column; align-items: flex-start;}
    .fr_form .bot .agree {gap: 0 2.73vw;}
    .fr_form .bot .agree label{font-size: 3.55vw; gap: 0 2.73vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 3.95vw; height: 3.95vw;}
    .fr_form .bot .agree .view_more{font-size: 3.55vw; letter-spacing: 0;}
    .fr_form .bot .apply_btn{margin: 8.07vw auto 0; width: 31.98vw; padding: 3.52vw 0; font-size: 3.95vw; border-radius: 9.88vw;}
    .use_wrap {margin: 19.53vw auto;}

	/* sec9 */
	#sec9{height: 164.06vw; background-image: url(/img/main2/sec9_bg_mob.jpg); background-attachment: initial;}

	/* footer */
    .footer .ft_info {padding: 18.23vw 0 11.46vw;}
    .footer .logo {gap: 3.13vw;}
    .footer .logo .line {width: 0.17vw; height: 4.94vw;}
    .footer .logo img {height: 7.41vw;}
    .footer .ft_info .bot {flex-direction: column; align-items: flex-start; gap: 11.98vw;}
    .footer .ft_info .inner .info {margin-top: 7.68vw;}
    .footer .ft_info .inner .info p:not(.copy) {gap: 0.65vw 2.60vw; flex-wrap: wrap;}
    .footer .ft_info .inner .info p span {font-size: 3.65vw; letter-spacing: -0.26vw;}
    .footer .ft_info .inner .info p.copy {margin-top: 0.65vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .footer .ft_info .inner .right {gap: 7.81vw; flex-direction: column; align-items: flex-start;}
    .footer .ft_info .inner .right .tell {display: flex; align-items: center; gap: 2.60vw;}
    .footer .ft_info .inner .right .tell p {font-size: 3.65vw;}
    .footer .ft_info .inner .right .tell h2 {margin-top: 0; font-size: 5.21vw;}
    .footer .ft_info .inner .term {gap: 3.91vw;}
    .footer .ft_info .inner .term .line {width: 0.26vw; height: 2.60vw;}
    .footer .ft_info .inner .term a {font-size: 3.65vw;}
    .footer .ft_info .inner .sns {gap: 2.60vw; margin-top: 3.91vw; justify-content: flex-start;}
    .footer .ft_info .inner .sns img {width: 7.81vw;}
    .ft_apply .close_cont {top: -6.94vw; width: 8.68vw; height: 6.94vw;}
    .ft_apply .btn {width: 8.68vw;}
    .ft_apply .btn img {width: 4.04vw; min-width: 4.04vw;}
    .ft_apply .inner {height: auto; padding: 4.43vw 5.21vw 4.95vw; flex-wrap: wrap;}
    .ft_apply .inner_cont {padding: 0; position: relative;}
    .ft_apply .inner .circle_logo {width: 16.77vw; left: -3.91vw;}
	.ft_apply .inner .ft_logo {height: 7.21vw;}
    .ft_apply .inner .info {gap: 0; justify-content: space-between; width: 100%;}
    .ft_apply .inner .ft_logo + .flex {gap: 2.60vw;}
    .ft_apply .inner .ft_logo + .flex span {font-size: 3.65vw; letter-spacing: -0.26vw;}
    .ft_apply .inner .ft_logo + .flex strong {font-size: 5.21vw; letter-spacing: -0.26vw;}
    .ft_apply .inner .info + .flex {flex-direction: column; align-items: flex-start; gap: 4.17vw; margin-top: 2.86vw;}
    .ft_apply .inner .flex {gap: 1.43vw;}
    .ft_apply .inner .input_cont {gap: 1.30vw; margin-right: 0;}
    .ft_apply .inner .input_cont input {width: 26.04vw; height: 7.81vw; padding: 0 3.52vw; font-size: 3.65vw;}
    .ft_apply .inner .input_cont .select::after {background-size: 3.47vw; right: 3.52vw; width: 3.47vw; height:3.47vw;}
    .ft_apply .inner .input_cont select {width: 34.90vw; height: 7.81vw; padding: 0 3.52vw; font-size: 3.65vw;}
    .ft_apply .inner .agree {margin-right: 0; gap: 2.60vw;}
    .ft_apply .inner .agree p {font-size: 3.13vw; letter-spacing: -0.10vw;}
    .ft_apply .inner .agree label input {width: 4.69vw; height: 4.69vw;}
    .ft_apply .inner .apply_btn {width: 23.44vw; padding: 2.30vw 0; font-size: 3.13vw; position: absolute; right: 0; bottom: -1.30vw;}

}