.main {color: #fff; overflow: hidden; background: var(--backcolor);}
.main a {color: #fff;}

@media(max-width:768px) {
  .font-22 {font-size: 1.75rem;}
  .font-30 {font-size: 2.625rem;}
}

.swiper-pagination {position: initial; width: fit-content;}

/* 버튼 */
.moreBtn {display: flex; align-items: center; justify-content: center; gap: 1rem; background: var(--pointcolor); width: fit-content; padding: 1rem 2.5rem; border-radius: 100px; box-shadow: 0 5px 0 var(--point2color);}
.moreBtn img {transition: 0.45s;}
.moreBtn:hover img {transform: translateX(5px);}

@media(max-width:768px) {
  .moreBtn {font-size: 1.875rem;}
}

/* 배너 */
/* #banner {background-image: url("/img/main/banner_bg.jpg"); background-size: cover; background-position: center;} */
#banner {}
#banner .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#banner .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-image: url("/img/main/banner_bg.jpg"); background-position: center; background-size: cover;  will-change: transform;}
#banner .container {position: relative; z-index: 1;}
#banner h3 {background: linear-gradient(to bottom, rgba(255,255,255,0.3) 50%, rgba(0,0,0,0.3)); color: transparent; -webkit-background-clip: text;}
#banner h2 {width: fit-content; margin: -4rem auto 0; position: relative;}
#banner h2:after {position: absolute; left: -50px; top: -40px; content: url("/img/main/tit-point.png");  animation: blink-2 1s ease-in-out infinite both;}

@media(max-width:768px) {
  #banner .bg_wrap .bg {background-image: url("/img/main/banner_bgm.jpg"); }
  #banner .font-80 {font-size: 3.75rem; width: 45rem;}
  #banner h2:after {transform: scale(0.6); left: 0; top: -25px;}
  #banner .mt-20 {margin-top: 3.5rem;}
}

@media(max-width:500px) {
  #banner .font-80 {line-height: 1.3; width: 25rem;}
  #banner h2:after {left: 25px;}
}

/* ì² í•™ */
#philosophy {background-image: url("/img/main/philosophy_bg.jpg"); background-size: cover; background-position: center;}
/* #philosophy .imgbox img:nth-child(2) {transform: translate(-35px, -98px);} */
#philosophy .imgbox img:nth-child(2) {margin-left: -2rem; margin-top: -6.8rem;}

@media(max-width:768px) {
  #philosophy {background-image: url("/img/main/philosophy_bgm.jpg"); }
  #philosophy .imgbox {order: -1;}
  #philosophy .imgbox img {margin: auto;}
}

@media(max-width:500px) {
  #philosophy .moreBtn {width: 100%; justify-content: space-between;}
}

@media(max-width:420px) {
  #philosophy br.mo {display: none;}
}

/* 브랜드스토리 */
#story {background-image: url("/img/main/story_bg.jpg"); background-size: cover; background-position: center;}
#story h3 {position: relative; width: fit-content;}
#story h3:after {position: absolute; left: -250px; top: 50%; transform: translateY(-50%); content: ""; width: 100%; height: 1px; background: var(--backcolor);}

@media(max-width:768px) {
  #story {background-image: url("/img/main/story_bgm.jpg"); background-position: center;}
  #story .container {margin-top: 20rem;}
  #story .font-18 {font-size: 1.5625rem;}
}

@media(max-width:400px) {
  #story br.mo {display: none !important;}
}

/* 차별점 */
/* #difference {background-image: url("/img/main/difference_bg.jpg"); background-size: cover; background-position: center; position: relative; z-index: 5;} */
#difference .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#difference .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-image: url("/img/main/difference_bg.jpg"); background-position: center; background-size: cover;  will-change: transform; transform: translateZ(0);}
#difference .container {position: relative; z-index: 1;}
#difference h2 span {position: relative; display: inline-block;}
#difference h2 span:after {position: absolute; left: 50%; transform: translateX(-50%); top: -10px; width: 8px; height: 8px; border-radius: 50%; background: var(--pointcolor); content: "";}
#difference .box {padding: 3.5rem 3rem;}
#difference .box:nth-child(2) {background: var(--dark-gray); border-radius: 1rem 0 0 1rem;}
#difference .box:nth-child(3) {background: var(--pointcolor); margin-left: 1.5rem; position: relative; border-radius: 0 1rem 1rem 0;}
#difference .box:nth-child(3):after,
#difference .box:nth-child(3):before {position: absolute; left: -1.5rem;width: 1.5rem; height: 55%; background: var(--point2color); content: "";}
#difference .box:nth-child(3):after {top: 7px; transform: skewY(-30deg);}
#difference .box:nth-child(3)::before {bottom: 7px; width: 1.5rem; transform: skewY(30deg);}
#difference .swipe {display: none;}

@media(max-width:1580px) {
  #difference .box:nth-child(3):after {top: 5px;}
  #difference .box:nth-child(3):before {bottom: 5px;}
}

@media(max-width:768px) {
  #difference p.xs-m {padding: 0.8rem 0;}
  #difference .box:nth-child(1) {font-size: 1.5rem;}
  #difference .box:nth-child(1) .mt-20 {margin-top: 2rem;}
  #difference .box:nth-child(2) {font-size: 1.75rem;  padding:3rem;}
  #difference .box:nth-child(3) .font-48 {font-size: 3.2rem;}
  #difference .box:nth-child(3) .font-26 {font-size: 1.75rem;}
  #difference .box:nth-child(3) .mt-15 {margin-top: 1.5rem;}
  #difference .box:nth-child(3):after {top: 6px; transform: skewY(-40deg);}
  #difference .box:nth-child(3):before {bottom: 6px; transform: skewY(40deg);}
}

@media(max-width:680px) {
  #difference .box:nth-child(1) {padding: 3.5rem 2rem;}
  #difference .box:nth-child(2) {order: 3; border-radius: 0 1rem 1rem 0;}
  #difference .box:nth-child(3) {padding: 3.5rem 5rem; order: 2;}
  #difference .box-wrap {overflow-x: auto; overflow-y: hidden; padding-bottom: 1.5rem;}
  #difference ::-webkit-scrollbar {height: 3px;} 
  #difference .box-wrap > div {width: 680px;}
  #difference .swipe {display: flex;}
}

@media(max-width:500px) {
  #difference h2 span:after {top: -3px; width: 6px; height: 6px; }
} 

/* 포인트 */
#point {border-radius: 0 0 6.25rem 6.25rem; overflow: hidden; position: relative; z-index: 1; background-size: cover; background-position: bottom;}
#point.point01 {z-index: 4; padding: 50px 0 80px;}
#point.point02 {z-index: 3; margin-top: -6.25rem; padding: calc(6.25rem + 100px) 0 80px;}
#point.point03 {z-index: 2; margin-top: -6.25rem; padding: calc(6.25rem + 30px) 0 80px;}
#point.point04 {z-index: 1; margin-top: -6.25rem; padding: calc(6.25rem + 80px) 0 150px;}
#point.point05 {z-index: 0; border-radius: 0; margin-top: -6.25rem; padding: calc(6.25rem + 80px) 0 80px;}

#point .point-txt {position: absolute; left: 5%; top: 6rem; width: 72px; height: 72px; text-align: center; background: var(--point2color); border-radius: 50%; color: #fff; line-height: 1.2; display: flex; align-items: center; justify-content: center;}
#point.point02 .point-txt {top: 9rem;}
#point.point04 .point-txt {top: 7rem;}

#point.point01 .visible-pc {display: none;}
#point.point01:after {position: absolute; left: 50%; transform: translateX(-50%); bottom: -6px; width: 100%; content: url("/img/main/point01_bg.gif"); z-index: -1;}
#point.point01 .imgbox {position: relative; display: inline-block; z-index: -2; }
#point.point01 .imgbox:after {position: absolute; left: 0px; top: 90px; content: url("/img/main/img-point.png"); width: 100%; animation: blink-2 1s ease-in-out infinite both;}
#point.point01 .cont-img {position: absolute; left: 5%; z-index: 3; width: 75.625rem; height: 16.875rem;}
#point.point01 .cont-img img.opacity {position: absolute; top: 0; left: 0; }

#point.point02 {background-image: url("/img/main/point02_bg.jpg"); background-position: right;}
#point.point02 img.check {transform: translateY(10px);}


#point.point03 {background-image: url("/img/main/point03_bg.jpg");}
#point.point03 video {width: 21.25rem;}

#point.point04 {background-image: url("/img/main/point04_bg.jpg");}
#point.point04 table {width: 100%; text-align: center; border-collapse : collapse;}
#point.point04 table th,
#point.point04 table td {padding: 0.625rem; width: 33.333%;}
#point.point04 .box.graph .imgbox {position: relative;}
#point.point04 .box.graph .imgbox:after {position: absolute; right: -4rem; top: 2rem; content: url("/img/main/graph-point.png"); animation: blink-2 1s ease-in-out infinite both;}
#point.point04 .box.graph .imgbox img:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: blink-2 1s ease-in-out infinite both;}

#point.point05 {background-image: url("/img/main/point05_bg.jpg");}
#point.point05 ul {gap: 1.5rem;}
#point.point05 ul li {background: #fff; width: 25rem; padding: 0.625rem;}
#point.point05 .icon-wrap {width: 1600px; margin: auto;}
#point.point05 .icon {position: absolute; top: 50%;  transform: translateY(-50%); left: 85%;}
#point.point05 br.pc {display: none;}




@media(max-width:1800px) {
  #point.point01 {padding: 150px 0 80px;}
  #point.point02 {padding: calc(6.25rem + 150px) 0 150px;}
  #point.point03 {padding: calc(6.25rem + 150px) 0 80px;}
  #point.point04 {padding: calc(6.25rem + 120px) 0 150px;}
  #point.point05 {padding: calc(6.25rem + 120px) 0 80px;}
  #point .point-txt {left: 5%; top: 10rem}
  #point.point01 .point-txt {top: 8rem;}
  #point.point02 .point-txt {top: 12rem;}
  #point.point04 .point-txt {top: 8rem;}
  #point.point05 .point-txt {top: 4rem;}
}

@media(max-width:1660px) {
  #point.point05 .icon-wrap {width: 90%;}
}

@media(max-width:1440px) {
  #point.point05 br.pc {display: block;}
  #point.point05 .icon img {transform: translateY(0%) scale(1.5); }
}

@media(max-width:1240px) {
  #point.point01 .cont-img {left: -5%; margin-top: 1rem;}
  #point.point01 .cont-img img {transform: scale(0.8);}
  #point.point02 img.check {transform: translateY(8px);}
  #point.point05 .icon img {transform: translateY(0%) scale(1.1); }
}

@media(max-width:990px) {
  #point.point01 .visible-pc {display: block;}
  #point.point01 .box.width70 {width: 50%;}
  #point.point01 .box.width30 {width: 50%;}
  #point.point01 .box.width30 img {width: 80%; float: right;}
  #point.point01 .cont-img {left: 2.5%; margin-top: 1.5rem;}
  #point.point01 .cont-img img {transform: scale(0.9);}
  #point.point02 img.check {transform: translateY(6px) scale(0.8);}
  #point.point04 {background-image: url("/img/main/point04_bgm.jpg");}
  #point.point04 .flexList{--y-gap: 6.25rem;}
  #point.point04 .box {display: block;}
  #point.point04 .box h2 {width: 100%;}
  #point.point05 .icon {position: relative; transform: none; margin-top: 2.5rem;}
  #point.point05 .icon img {transform: translateY(0%) scale(1); }
}

@media(max-width:800px) {
  #point.point01 .cont-img {margin-top: 0rem; left: 0;}
}

@media(max-width:768px) {
  #point.point02 {padding: calc(6.25rem + 150px) 0 500px;}
  #point .point-txt .font-14 {font-size: 1.25rem;}
  #point .point-txt .font-24 {font-size: 2.125rem;}
  #point.point01:after {content: url("/img/main/point01_bgm.gif");}
  #point.point01 .box {width: 100% !important; padding-top: 0;}
  #point.point01 .cont-img {position: initial; padding-right: 0; width: 100%; height: auto; margin-top: 3.5rem;}
  #point.point01 .cont-img img {transform: scale(1);}
  #point.point02 {background-image: url("/img/main/point02_bgm.jpg");}
  #point.point03 {background-image: url("/img/main/point03_bgm.jpg");}
  #point.point03 .box-wrap {flex-direction: column;}
  #point.point03 .box {width: 100%;}
  #point.point03 video {width: 100%; margin-top: 7.5rem;}
  #point.point04 .font-18 {font-size: 1.5625rem;}
  #point.point04 p.mt-5 {margin-top: 1rem;}
  #point.point04 .box img {width: 80%; margin: auto;}
  #point.point04 .box.graph .imgbox:after {transform: scale(0.8); right: 0;}
  #point.point05 h2 {width: 100%;}
  #point.point05 h2:after {transform: scale(0.8); top: 100%; right: -33%; position: relative; display: block; margin-top: 1.5rem;}
  #point.point05 ul {flex-direction: column;}
  #point.point05 ul li {width: 80%; margin: auto;}
  #point.point05  p.mt-30 {margin-top: 1rem;}
  #point.point05 .icon img {transform: translateY(0%) scale(0.8); }

}

@media(max-width:500px) {
  #point.point04 .box.graph .imgbox:after {right: -5%; transform: scale(0.6);}
  #point.point05 ul li {width: 100%;}
  #point.point05 h2:after {right: -30%;}
  #point.point05 .icon {position: relative; transform: none; margin-top: 2.5rem;}
  #point.point05 .icon img {transform: translateY(0%) scale(0.6); }
  #point.point05  p.mt-30 {margin-top: 0;}
}

@media(max-width:420px) {
  #point.point01 br.visible-sm {display: none !important;}
  #point.point04 .box.graph .imgbox:after {top: 0; right: -7%;} 
}


@media(max-width:380px) {
  #point.point05 h2:after {right: -25%;}
}

/* 메뉴 */
#menu {background-image: url("/img/main/menu_bg.jpg"); background-size: cover; background-position: top;}
#menu .tit h3 {width: fit-content; margin: auto; position: relative; z-index: 1; padding: 0.25rem 1.5rem;}
#menu .tit h3:after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; background: var(--point2color); content: ""; width: 0; height: 100%; z-index: -1; transition: 0.8s;}
#menu .tit h3.aos-animate:after {width: 100%;}
#menu .signature {--x-gap: 5rem; --y-gap:5rem; max-width: 66rem; width: 100%; margin: auto;}
#menu .signature .imgbox {width: 30.5rem; height: 24rem; margin: auto;}
#menu .signature .imgbox img {object-fit: cover; width: 100%; height: 100%;}
#menu .signature h4 {width: 30.5rem; margin: auto; padding: 0.25rem 0.5rem; position: relative;}
#menu .signature h4:after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; background: var(--point2color); content: ""; width: 0; height: 100%; z-index: -1; transition: 1.2s; animation-delay: 0.5s;}
#menu .signature h4.aos-animate:after {width: 100%;}
#menu .meat img {width: 100%;}
#menu .meal {border: 1px solid var(--gray); padding: 1.25rem;}
#menu .meal ul {gap: .5rem;}

@media(max-width:768px) {
  #menu {background-image: url("/img/main/menu_bgm.jpg");}
  #menu .flexList {justify-content: flex-start;}
  #menu .signature h4 {width: 80%;}
  #menu .signature p.mt-10 {margin-top: 1.5rem;}
  #menu .meal ul {width: 60%; margin: auto; flex-wrap: wrap;}
}

@media(max-width:500px) {
  #menu .signature h4 {width: 100%;}
  #menu .meal ul {width: 70%;}
}

@media(max-width:380px) {
  #menu .meal ul {width: 80%;}
}

/* 리뷰 */
#review {background-image: url("/img/main/review_bg.jpg"); background-size: cover; background-position: top;}
#review .txt-point {position: relative; animation: floating 2s ease-in-out infinite;}
#review .txt-point p {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
#review .ytb {padding: 1.25rem; border-radius: 1rem; max-width: 50rem; width: 100%; margin: auto;}
#review .ytb .video_container {position:relative;padding-top:56.25%;height:0;width:100%;}
#review .ytb .video_container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#review .reviewSwiper {display: block;}
#review .reviewSwiper .swiper-slide {width: 21.25rem;}
#review .reviewSwiper .txt {background: #fff; color: var(--backcolor); padding: 1.5rem; height: 12.5rem; overflow-y: scroll;}
#review ::-webkit-scrollbar {width: 3px;} 
#review .swiper-pagination {height: 2px;}
#review .swiper-pagination-progressbar {background: var(--dark-gray);}
#review .swiper-pagination-progressbar-fill  {background: var(--pointcolor);}

#review .swiper-slide .imgbox {overflow: hidden;}
#review .swiper-slide .imgbox img {transition: 0.45s;}
#review .swiper-slide:hover .imgbox img {transform: scale(1.1);}

@media(max-width:768px) {
  #review  {background-image: url("/img/main/review_bgm.jpg");}
  #review .txt-point .font-30 {font-size: 1.875rem;}
  #review .font-16 {font-size: 1.125rem;}
  #review .txt-point img {width: 350px;}
  #review .ytb .font-30 {font-size: 1.5625rem;}
  #review .ytb img {width: 40px;}
}

/* 가맹비 */
#franchise {background-image: url("/img/main/franchise_bg.jpg"); background-size: cover; background-position: top;}
#franchise .box {width: 23.375rem; height: 23.375rem; border-radius: 50%;}
#franchise .box.point2-bg {margin-right: -0.5rem;}
#franchise .box.sub2-bg {margin-left: -0.5rem;}
#franchise .box .line {width: 2.75rem; height: 2px; margin: 1.25rem auto;}
#franchise .box.point2-bg .line {background: #fff;}
#franchise .box.sub2-bg .line {background: #000;}
#franchise .box h4 {width: fit-content; background: #fff; border-radius: 100px; padding: 0.25rem 0.5rem; letter-spacing: 1px; margin: auto;}

@media(max-width:768px) {
  #franchise .font-16 {font-size: 1.375rem;}
  #franchise .font-40 {font-size: 3.5rem; margin-top: 1rem;}
  #franchise .box-wrap {flex-direction: column;}
  #franchise .box {width: 30rem; height: 30rem;}
  #franchise .box.point2-bg {transform: translateY(0.8rem); margin-right: 0;}
  #franchise .box.sub2-bg {transform: translateY(-0.8rem); margin-left: 0;}
  #franchise .box h4 {padding: 0.25rem 1rem; border-radius: 1rem;}
}

/* 인테리어 */
#franchise .swiper-slide {width: 21rem;}

/* 창업비용 */
#table table {width: 100%; text-align: center; border-collapse : collapse;}
#table table th,
#table table td {padding: 1rem;}
#table table th:nth-child(1),
#table table th:nth-child(3) {width: 25%;}
#table table th:nth-child(2) {width: 50%;}
#table table td {border-bottom: 1px solid rgba(60,60,60,0.2);}

#table table tr:last-child {background: #e6ded6;}
#table table tr:last-child td {padding: 1.25rem 1rem; border-bottom: none;}

@media(max-width:768px) {
  #table .font-18 {font-size: 1.5625rem;}
}

/* 창업혜택 */
#service .box-wrap {align-items: stretch;}
#service .txtbox {background: #262626;}
#service .txtbox h4 {width: fit-content; padding: 0.5rem 1.5rem; border-radius: 100px;}
#service .txtbox  ul li img.check {width: 27px; transform: translateY(8px);}

@media(max-width:1240px) {
  #service .txtbox  ul li img.check {width: 20px; transform: translateY(6px);}
}

@media(max-width:990px) {
  #service .box-wrap {flex-direction: column;}
  #service .box {width: 100%;}
  #service .txtbox {padding: 5rem 1.5rem;}
  #service .box img {width: 100%;}
  #service .box li img {width: 22px;}
}

@media(max-width:500px) {
  #service .txtbox .width80 {width: 85%;}
}

/* 교육시스템 */
#system .box {background: #262626;}
#system .txtbox {padding: 2.5rem;}
#system .txtbox h4 {width: fit-content; padding: 0.8rem 1.5rem; border-radius: 100px;}
#system .txtbox ul li img.check {width: 27px; transform: translateY(8px);}

@media(max-width:1440px) {
  #system .txtbox br {display: none;}
}

@media(max-width:1240px) {
  #system .txtbox br {display: block;}
  #system .txtbox ul li img.check {width: 20px; transform: translateY(6px);}
}

@media(max-width:990px) {
  #system .txtbox {padding: 5rem 1.5rem;}
  #system .txtbox .width100 {width: 80% !important;}
  #system .box img {width: 100%;}
  #system .box li img {width: 22px;}

  #system .txtbox br {display: none;}
}

@media(max-width:768px) {
  #system .txtbox h4 {font-size: 1.5rem;}
}

@media(max-width:500px) {
  #system .txtbox .width100 {width: 85% !important;}
}

/* 프로세스 */
#process .flexList {--y-gap: 3.5rem;}
#process .box {position: relative;}
#process .box img {width: 5.1rem;}
#process .box .dot {position: absolute; right: -1.5rem; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; gap: 0.625rem;}
#process .box .dot span {width: 0.5rem; height: 0.5rem; border-radius: 50%;background: var(--point2color); animation: blink-2 2s ease-in-out infinite both;}
#process .box .dot span:nth-child(2) {animation-delay: .4s;}
#process .box .dot span:nth-child(3) {animation-delay: .8s;}
#process .box .dot span:nth-child(4) {animation-delay: 1.2s;}
#process .box .dot span:nth-child(5) {animation-delay: 1.6s;}
#process .box:nth-child(3) .dot,
#process .box:nth-child(6) .dot {display: none;}
#process h3 {width: fit-content; margin: 1.5rem auto 0; padding: 0.4rem 1.5rem; border-radius: 100px; }

@media(max-width:768px) {
  #process .font-30 {font-size: 1.875rem;}
  #process .box .dot {right: -3rem;}
}

@media(max-width:500px) {
  #process .box:nth-child(3) .dot {display: flex;}
}


/* 상담 */
/* #counsel {background-image: url("/img/main/counsel_bg.jpg"); background-position: top; background-size: cover;} */
#counsel .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
#counsel .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-image: url("/img/main/counsel_bg.jpg"); background-position: center; background-size: cover;  will-change: transform;}
#counsel .container {position: relative; z-index: 1;}
#counsel .formbox {padding: 3.5rem; border-radius: 2rem;}
#counsel form > div {margin-top: 1.5rem; display: flex;}
#counsel form > div:first-child {margin-top: 0;}
#counsel form > div div {width: 100%;}
#counsel form > div span {line-height: 3rem;}
#counsel form label {width: 9rem; display: inline-block; font-weight: 600;}
#counsel form .full {width: 100%;}
#counsel form .harf {width: 49%;}
#counsel form .md {width: 55%;}
#counsel form .sm {width: 40%;}
#counsel form input,
#counsel form select,
#counsel form textarea {border: none; background: #f7f7f7; height: 3rem; outline:none; box-shadow:none; padding: 0.5rem; font-size: 1.125rem; color: var(--backcolor);}
#counsel form input:focus,
#counsel form select:focus,
#counsel form textarea:focus {border: none !important;}
#counsel form textarea {height: 10rem;}
#counsel form .check-wrap {margin-left: 7.5rem; display: flex; align-items: center; margin-top: 0.5rem;}
#counsel form .check-wrap label {width: 100%; font-weight: 400; margin-left: 0.5rem; cursor: pointer;}
#counsel form .check-wrap label a {color: var(--gray); text-decoration: underline; text-underline-position : under;}
#counsel form .check-wrap input {accent-color: var(--pointcolor);}

#counsel form select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/ appearance:none; background-image:url('/img/main/select-arrow.png'); background-repeat: no-repeat; background-position: right 5% center; box-sizing: border-box;}
#counsel form select::-ms-expand{display:none;/*for IE10,11*/}

@media(max-width:768px) {
  #counsel .tit .m-tit.font-30 {font-size: 1.875rem;}
  #counsel .tel {margin-top: 3.5rem; padding-bottom: 1rem;}
  #counsel form label {width: 10rem; font-size: 1.75rem;}
  #counsel form input, #counsel form select, #counsel form textarea {height: 4.5rem; font-size: 1.5rem;}
  #counsel form textarea {height: 15rem;}
  #counsel form > div span {line-height: 4.5rem;}
  #counsel form .check-wrap label {font-size: 1.375rem;}
  #counsel form select {background-size: 8px;}
}

@media(max-width:500px) {
  #counsel form > div {flex-direction: column;}
  #counsel form .check-wrap {flex-direction: row; margin-left: 0;}
}

/* 매장찾기 */
#search .flexList {--x-gap: 2rem; --y-gap: 2rem;}
#search .box {cursor: pointer;}
#search .imgbox {position: relative; overflow: hidden;}
#search .imgbox img {aspect-ratio: 1 / 0.8; transition: 0.45s;}
#search .imgbox > div {position: absolute; left: 0; bottom: 0; width: 100%; padding: 0.625rem; text-align: center;}
#search .imgbox > div.plan {background: var(--point2color);}
#search .imgbox > div.counsel {background: #530707;}

#search .box:hover .imgbox img {transform: scale(1.1);}

@media(max-width:768px) {
  #search .box p {font-size: 1.75rem;}
}

/* 애니메이션 */
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}