:root{--ani:cubic-bezier(.32,.94,.6,1)}

.main .outLine {color:var(--subcolor); position: relative; z-index: 1; margin: 0 .5rem;}
.main .outLine:after {position: absolute; left: 0px;content: attr(data-text); -webkit-text-stroke: 5px #000; z-index: -1;}

.main .markBg {position: relative;}
.main .markBg:before {content:''; width: 90%; height: 55%; background-color: #000; border-radius: 0 .4375rem .4375rem 0; position: absolute; top: .7rem; left: 0; right:0; margin: auto; z-index: -1;}

.main .xgap2 {--x-gap:2rem;}
.main .xgap4 {--x-gap:4rem;}

.main .ygap0 {--y-gap:0rem;}
.main .ygap2 {--y-gap:2rem;}
.main .ygap4 {--y-gap:4rem;}

.main .mascot {width: 4.375rem;}
.main .mascot_moon {width: 5.5625rem;}

.main .swiper-button-next:after, .main .swiper-button-prev:after {display: none;}
.main .swiper-button-prev img {transform: rotate(180deg); filter: invert(1) brightness(5);}

.main .swiper-button-next {right:1.25rem;}
.main .swiper-button-prev {left: 1.25rem;}
.main .swiper-button-next, .main .swiper-button-prev {top:42%; margin-top: 0;}

.main .swiper-pagination {position: relative; margin-top: 3rem;}
.main .swiper-pagination-bullet {opacity: 1; border:1px solid #fff; background-color: transparent;} 
.main .swiper-pagination-bullet-active {background-color: #fff;}
@media(max-width:1540px) {
    .main .swiper-button-prev {left: -2.5rem;}
    .main .swiper-button-next {right: -2.5rem;}
}

.main .container_inner {max-width: 1496px; margin: auto;}
@media(max-width:1500px) {
    .main .container_inner {width: 90%;} 
}

@media(max-width:500px) {
    .font-60 {font-size: 3.2rem;}
}

/* intro */
#intro { position: relative;  width: 100%; height: 100vh;}

#intro .Bg {background: no-repeat center url('/img/main/introBg.jpg'); background-size: cover; width: 100%; height: 100vh; opacity:1;transform:scale(1.2); transition:all 4s var(--ani);}
#intro .Bg.on {opacity:1;transform:scale(1)}

#intro .inner {position: absolute; height: fit-content; width: 90%; left:0; right:0; top:0; bottom:0; margin: auto;}

#intro .crown {position: relative; padding-top: 1.3rem;}
#intro .crown:after {content:''; width: 1.375rem; height: .9375rem; background-image: url('/img/main/crown.png'); background-size: contain; position: absolute; top:0; left: 0; right:0; margin: auto;}

#intro .Desc {display: flex; align-items: center; gap:1.5rem; justify-content: center;}
#intro .roundBox {display: flex; align-items: center; gap:0 .7rem; justify-content: center; background-color: #151515; border-radius: 2.4375rem; border: 2px solid var(--pointcolor); max-width:480px; width: 100%; padding: 1rem 1rem .7rem;}
#intro .plus {width: 2.375rem; height: 2.375rem; aspect-ratio: 1/1; border-radius: 50%; background-color: #151515; display: flex; align-items: center; justify-content: center;}


#intro .flexBox {display: flex; align-items: center; justify-content: center; gap:0 1.5rem;}
#intro .mouse-wrapper {position: relative; display: flex; align-items: center; justify-content: center; margin-top: -1.2rem;}
#intro .mouse-arrow {display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: .5625rem; height: .5625rem; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-direction: alternate;}  
#intro .mouse-arrow:after {position: absolute; content: ''; display: block; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: .8125rem; height: .8125rem; left:.125rem; bottom:-0.5rem; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -webkit-animation-direction: alternate;}

#intro .roundBox img {width: 1.3125rem;}
#intro .plus img {width: 1.0625rem;}

@-webkit-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}

@media(max-width:768px) {
    #intro .Desc {flex-direction: column;}
}


/* introduce */
#introduce {background: no-repeat center url('/img/main/introduceBg.jpg'); background-size: cover;}
#introduce .Line {height: 9.375rem; width: 1px; background-color: var(--pointcolor); position: absolute; top:0; left: 0; right:0; margin: auto;}
#introduce .inner {max-width: 710px; width: 100%; margin: 4.3rem auto 0;}
#introduce .Dot {aspect-ratio: 1/1; width: 11.5813rem; background-color: #151515; border:4px solid var(--pointcolor); border-radius: 50%; position: relative; margin: auto;}
#introduce .mascot {position: absolute; top:-1.9rem;}

#introduce .neon {text-shadow: 0 0 3px var(--subcolor); animation: neon 1s ease infinite;}
@keyframes neon {
    0%,
    100% {
      text-shadow: 0 0 1vw rgba(221,46,40,.3), 0 0 3vw rgba(221,46,40,.3), 0 0 3vw rgba(221,46,40,.3), 0 0 3vw rgba(221,46,40,.3), 0 0 1vw rgba(221,46,40,.3);
    }
    50% {
      text-shadow: 0 0 .5vw rgba(141,26,22,.3), 0 0 1.5vw rgba(141,26,22,.3), 0 0 1.5vw rgba(141,26,22,.3), 0 0 2.5vw rgba(141,26,22,.3), 0 0 .2vw rgba(141,26,22,.3);      
    }
}





/* rollingBox */
#rollingBox {background-color: var(--pointcolor); padding: 1rem 0 .7rem;}
#rollingBox .rolling {white-space: nowrap; color:#fff4ea; letter-spacing: 0; font-weight: bold;}
#rollingBox .rolling .rolling_text {display: inline-block;}

#rollingBox.Wh {background-color: #151515; border-top:1px solid #fff; border-bottom: 1px solid #fff; opacity: .3;}
 


/* franchise */
#franchise {background: no-repeat center url('/img/main/franchiseBg.jpg'); background-size: cover; position: relative;}
#franchise:after {content:''; width: 100%; height: 50%; background-color: var(--pointcolor); position: absolute; bottom:0; left:0; right:0;}
#franchise .franchiseBg_img {position: absolute; left: 0; bottom:0; z-index: 1; mix-blend-mode: color-burn; width: 38.625rem; opacity: .6;}

#franchise .container {position: relative; z-index: 1;}
#franchise .TitFlex {display: flex; align-items: baseline; gap:0 1rem; justify-content: center; padding-top: 1rem;}
#franchise .outLine {margin: 0;}
#franchise .bounce {animation: fontSize .5s infinite both;}
@keyframes fontSize {
    0% {}
    50% {transform: translateY(-10px);}
    to {}
}

#franchise .inner {background: no-repeat center url('/img/main/franchiseDesc.jpg'); border:8px solid var(--pointcolor); background-size: cover; padding:7rem 3rem; position: relative; z-index: 3;}
#franchise .DescList {display: flex; align-items: center; gap: 3rem 0; justify-content: center;}
#franchise .DescList li {position: relative; padding: .7rem 1.3rem .55rem; width: fit-content; border-radius: 2.3125rem; border:2px solid var(--pointcolor); background-color: #151515;}
#franchise .DescList span {width: .5rem; height: .5rem; border-radius: 50%; background-color: var(--pointcolor); position: relative;  -webkit-animation: mouse-scroll 1s infinite; -webkit-animation-direction: alternate; -webkit-animation-delay: 200ms; margin: 0 2rem;}
#franchise .DescList li:after {content:''; width: .5rem; height: .5rem; border-radius: 50%; background-color: var(--pointcolor); position: absolute; top:0; bottom:0; margin: auto; left: -3.8rem;  -webkit-animation: mouse-scroll 1s infinite;  -webkit-animation-direction: alternate;}
#franchise .DescList li:before {content:''; width: .5rem; height: .5rem; border-radius: 50%; background-color: var(--pointcolor); position: absolute; top:0; bottom:0; margin: auto; left: -1.5rem;  -webkit-animation: mouse-scroll 1s infinite; -webkit-animation-delay: 300ms; -webkit-animation-direction: alternate;}
#franchise .DescList li:first-child:after, #franchise .DescList li:first-child:before {display: none;}

#franchise .mouse-wrapper {position: relative; display: flex; align-items: center; justify-content: center; margin-top: 2rem;}
#franchise .mouse-arrow {display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: .375rem solid var(--pointcolor); border-bottom: .375rem solid var(--pointcolor); width: 1.5rem; height: 1.5rem; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-direction: alternate;}  
#franchise .mouse-arrow:after {position: absolute; content: ''; display: block; border-right: .375rem solid var(--pointcolor); border-bottom: .375rem solid var(--pointcolor); width: 1.9rem; height: 1.9rem; left:.5rem; bottom:-1.25rem; -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -webkit-animation-direction: alternate;}
 

#franchise .pointTxt {position: relative; width: fit-content; margin: 3rem auto 0; font-size: 3rem;}
#franchise .underLine {margin-top: .5rem; margin-left: 2rem; width: 32.9375rem;}
#franchise .starLine {position: absolute; right:-2.5rem; bottom:.8rem; width: 1.875rem;}

#franchise .mascot_moon {animation: mascot 2.5s infinite both;}
#franchise .star {width: 2.5625rem; animation: star 1s step-end infinite;}

@keyframes star {50% {opacity: 0;}}
@keyframes mascot{
    0%{transform: rotate(0deg);}
    10%{transform: rotate(25deg);}
    20%{transform: rotate(-25deg);}
    30%{transform: rotate(20deg);}
    40%{transform: rotate(-20deg);}
    50%{transform: rotate(10deg);}
    60%{transform: rotate(-10deg);}
    70%{transform: rotate(0deg);}
    100%{transform: rotate(0deg);}
}
#franchise .foodImg.R {position: absolute; right: -6.5rem; bottom:-15rem; width: 31.25rem; z-index: 1;}
#franchise .foodImg.L {position: absolute; left: -8.5rem; bottom:-30rem; width: 31.25rem; z-index: 1;}

@media(max-width:1240px) {
    #franchise .foodImg.R {width: 26rem;}
    #franchise .foodImg.L {width: 26rem;}
}
@media(max-width:990px) {
    #franchise .DescList {flex-wrap: wrap;}
    #franchise .DescList li {width: 28%;}
    #franchise .DescList li:nth-child(5) {width: 50%;}
    #franchise .DescList li:nth-child(5):after, #franchise .DescList li:nth-child(5):before {display: none;}

    #franchise .foodImg.R {width: 18rem; bottom:-10rem;}
    #franchise .foodImg.L {width: 18rem; bottom:-17rem;}
}
@media(max-width:500px) {
    #franchise .inner {padding: 7rem 1rem;}
    #franchise .pointTxt {font-size: 2.2rem;}
    #franchise .underLine {margin-left: 0; width: 28rem;}
    #franchise .starLine {right: -1rem;}
}


/* why */
#why {background-color: #151515; position: relative; overflow: hidden;}

#why .DecoTxt {font-size: 14.6875rem; text-transform: uppercase; color:rgba(255,244,234,.03); letter-spacing: 0; white-space: nowrap; font-weight: 600; position: absolute; left: 0; right:0; margin: auto;}
#why .Txt {background: no-repeat center url('/img/main/why_titBg.png'); background-size: cover; max-width: 41.75rem; font-size: 1.875rem; padding: 2rem; margin: 2rem auto 0; color:#151515; text-align: center;}

#why .whyList .boxFlex {display: flex; gap:0 1rem; align-items: center; justify-content: center; padding-bottom: 1rem; position: relative;}
#why .whyList .checkImg {width: 1.4375rem;}
#why .underLine2 {position: absolute; bottom:0; left: 0; right: 0; margin: auto; width: 30.125rem;}


#why .RightDiv {text-align: right;}


#why .whyDesc .DescList {display: flex; flex-direction: column; gap:.7rem;}
#why .whyDesc .DescList li {display: flex; align-items: baseline; gap:0 .7rem;}
#why .whyDesc .DescList .arrowFlex {display: flex; align-items: center; gap:0 .7rem;}

#why .whyDesc .DescList.Right li {margin-left: auto;}

#why .whyDesc .TitBox {max-width: 8.6875rem; width: 100%; padding: .5rem .5rem .2rem; background-color: var(--pointcolor); text-align: center;}
#why .whyDesc .TitBox.Md {max-width: 11.5rem;}
#why .whyDesc .TitBox.Lg {max-width: 15.375rem;}
#why .whyDesc .TitBox.Fit {width: fit-content; max-width: 100%; padding: .5rem 1rem .2rem;}

#why .whyDesc .Img.R img {margin-left: auto;}

#why .twinkleBox {width: fit-content; position: relative; margin-left: auto;}
#why .twinkle {position: absolute; animation: twinkle 1s ease-in-out infinite both;}
#why .twinkle1 {top:17%; right:17rem;}
#why .twinkle2 {top:36%; right:2vw;}
@keyframes twinkle {
    0% {opacity: 0.2;}
    25% {opacity: 0.4;}
    50% {opacity: 0.6;}
    75% {opacity: 0.8;}
    100% {opacity: 1;}
}
#why .why04_Img {position: absolute; left: 0; bottom:0; width: 16.1875rem;}

@media(max-width:1440px) {
    #why .Desc_wrap {padding-left: 3rem;}
}
@media(max-width:990px) {
    #why .whyDesc .Img {margin: auto; order:-1;}
    #why .Desc_wrap,  #why .LeftDiv  {max-width:440px; width: 100%; margin-right: auto;}
    #why .RightDiv {max-width:440px; width: 100%; margin-left: auto;}
   
    #why .whyDesc .TitBox.Fit {max-width: 100%;}
    #why .why04_Img {left: -3%; width: 13rem;}

    #why .twinkle1 {right:24rem;}
    #why .twinkle2 { right:3vw;}
}
@media(max-width:500px) {
    #why .Txt {font-size: 1.6rem;}
    #why .Desc_wrap {padding-left: 1rem;}
    #why .whyDesc .DescList .xsBox {flex-direction: column; align-items: end;}

    #why .twinkle1 {right:13rem; top:15%;}
    #why .why04_Img {width: 10rem;}
}
@media(max-width:350px) {
    #why .whyDesc .DescList .xxsBox {flex-direction: column; gap:.7rem;}
}



/* vouch */
#vouch {background: no-repeat center url('/img/main/vouchBg.jpg'); background-size: cover; position: relative;}
#vouch:after {content:''; width: 100%; height: 43%; background-color: var(--pointcolor); position: absolute; bottom:0; left:0; right:0; z-index: 1;}

#vouch .container {position: relative; z-index: 3;}
#vouch .starBox {display: flex; align-items: flex-start; gap:0 .5rem; justify-content: center;}
#vouch .starBox .star_five {width: 10.5625rem; animation: star .8s infinite both;}

#vouch .markBg {padding: 0 .3rem;}
#vouch .markBg:before {background-color: #fff; border-radius: 0; height: 95%; top:-0.15rem; width: 100%;}

#vouch .vouchSwiper {position: relative; z-index: 3;}
#vouch .vouchSwiper .swiper-slide {filter: drop-shadow(2px 4px 6px rgba(0,0,0,.2));}


/* both */
#both {background: no-repeat top center url('/img/main/bothBg.jpg'); background-size: contain; padding-top: 6.25rem;}
#both path {fill: transparent;}
#both text {fill: var(--subcolor);}

#both .box {background: no-repeat center / cover; aspect-ratio: 12/11; position: relative;}
#both .box.L {background-image: url('/img/main/bothBg_L.jpg');}
#both .box.R {background-image: url('/img/main/bothBg_R.jpg');}

#both .bothTit {position: relative; z-index: 3;}
#both .box .cover {width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; top:0; left: 0; z-index: 1; transition: .3s;} 
#both .box.on .cover {background-color: rgba(0,0,0,0); transition: .3s;} 

#both .TitBox {width: fit-content; position: relative; margin: 4.375rem auto 0; padding: 0 1rem;}
#both .TitBox:after {content:''; width: 2.5rem; height: 1.875rem; background-image: url('/img/main/quote.png'); background-size: contain; position: absolute; left: 0; top:-1rem;}
#both .TitBox:before {content:''; width: 2.5rem; height: 1.875rem; background-image: url('/img/main/quote.png'); background-size: contain; transform: rotateY(180deg); position: absolute; right: 0; top:-1rem;}

#both .DescList {display: flex; flex-direction: column; gap:1.3rem; text-align: left; max-width: 49.625rem; width: 90%; padding-bottom: 5rem; margin-left: auto; margin-right: auto;}
#both .DescList li {display: flex; align-items: baseline; gap:0 1rem; color:#151515; padding: 1rem 1rem .6rem; justify-content: center; border-radius: 40px; background-color: #fff; border:2px solid var(--sub2color)} 
#both .DescList.Red li {border-color: var(--subcolor);} 
#both .DescList img {width: 1.3125rem;}

#both  .box .onBox {/* display: none; */ opacity: 0;}
#both  .box.on .onBox {/* display: block; */ opacity: 1;}


/* menu */
#menu {background: no-repeat top center url('/img/main/menuBg.jpg'); background-size: cover; position: relative;}
#menu:after {content:''; width: 100%; height: 50%; background-color: var(--pointcolor); background-image: url('/img/main/menuBg2.jpg'); background-size: cover; position: absolute; bottom:0; left:0; right:0;}

#menu .container {position: relative; z-index: 3;}
#menu .box {position: relative;}
#menu .win {position: absolute; top:2rem; right:2rem; animation: pulse .5s infinite both; width: 4.125rem;}

#menu .TitBox {position: relative; width: fit-content; padding: 0 13rem; margin: auto; text-align: center; white-space: nowrap;}
#menu .TitBox:after {content:''; width: 11rem; height: 8.125rem; background-repeat: no-repeat; background-image: url('/img/main/menuLine.png'); background-size: contain; position: absolute; left: 0; top:-1rem;  animation: star .5s infinite both;}
#menu .TitBox:before {content:''; width: 11rem; height: 8.125rem; background-repeat: no-repeat; background-image: url('/img/main/menuLine.png'); background-size: contain; position: absolute; right: 0; top:-1rem; transform: rotateY(180deg);  animation: star .5s infinite both;}
#menu .menuList {padding: 0 2rem; --y-gap:3.125rem; --x-gap:3.125rem;}
@media(max-width:1024px) {
    #menu .win {right:1rem;}
}
@media(max-width:990px) {
    #menu:after {height: 60%;}
}
@media(max-width:768px) {
    #menu .TitBox {padding: 0 5rem;}
    #menu .TitBox:after, #menu .TitBox:before {width: 8rem;}

    #menu .menuList {--y-gap:1.5rem; --x-gap:1.5rem; padding: 0;}
}
@media(max-width:500px) {
    #menu .TitBox {padding: 0 2rem;}
    #menu .TitBox:after, #menu .TitBox:before {width: 7rem; top: 0;}
}
@keyframes pulse {
    0% {-webkit-transform: scaleX(1);transform: scaleX(1)}
    50% {-webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05)}
    to {-webkit-transform: scaleX(1); transform: scaleX(1)}
}


/*탭 css*/
#slideTab .slider {position: relative;}
#slideTab .slider .inner {overflow: hidden; width: 100%; max-width: 1240px; margin: 0 auto;}

#slideTab .menuslider .Img {overflow: hidden; height: fit-content; width: fit-content;}
#slideTab .menuslider .Img img {transform: scale(1); transition: ease-in-out .3s;}
#slideTab .menuslider .box:hover .Img img {transform: scale(1.15); transition: ease-in-out .3s;}


#slideTab .tit_list {display: flex; align-items: center; gap:2rem; justify-content: center;} 
#slideTab .tit_list li {padding: .9rem 1.8rem .5rem; cursor: pointer; width: fit-content; position: relative; border:1px solid #fff; background-color: transparent;}
#slideTab .tit_list li a {color:#fff;}
#slideTab .tit_list li.active {background-color: #151515; border-color:#151515;}

@media(max-width:768px) {
    #slideTab .tit_list {flex-wrap: wrap; gap:1rem;}
    #slideTab .tit_list li {width: calc((100% - 4rem) / 3);}
}


/* cost */
#cost .TitBox {position: relative; width: fit-content; margin: auto;}
#cost .circleTxt {width: 6.375rem; height: 6.375rem; position: absolute; top:0; left: -25%;} 
#cost .circleTxtImg {width: 6.375rem; animation: spinCircle 6s linear infinite; position: absolute;}
#cost .mascot {width: 3.5625rem; right: 0; bottom:0; top:0; left:0; margin: auto; position: absolute;}
@keyframes spinCircle{100% {transform: rotate(360deg);}}


#cost .standard {text-align: right; color:#fff;}

#cost .costTb {width: 100%; border-spacing: 0; background-color: #fff; border-collapse:collapse;}
#cost .costTb tbody td {border:1px solid #e9e9e9;}
#cost .costTb th {background-color: var(--pointcolor); color:#fff; padding: .7rem .5rem; font-size: 1.875rem;}
#cost .costTb td {padding: 1rem .5rem;}
#cost .costTb tr td:first-child {background-color: #fceaea; font-weight: 600; border-left: none;}
#cost .costTb tr td:last-child {border-right: none;}
#cost .costTb tr:last-child td {background-color: #ffb954; font-size: 1.875rem; font-weight: 600; border: none;}

#cost .postscript {font-size: 30px; color:#fff;} 
@media(max-width:768px) {
    #cost .circleTxt {top:-2rem;}   
    #cost .standard {text-align: left;}
    #cost .scrollBox {overflow-x: scroll; padding-bottom: 5rem;}
    #cost .scrollBox::-webkit-scrollbar {height: 4px; border-radius: 0;}
    #cost .scrollBox::-webkit-scrollbar-track {background-color: #fff; border-radius: 0;}
    #cost .scrollBox::-webkit-scrollbar-thumb {border-radius: 0;}

    #cost .scrollBox table {min-width:760px}
}
@media(max-width:500px) {
    #cost .circleTxt {left: -7%; top:-4rem;}
    #cost .postscript {font-size: 23px;}
}



/* support */
#support .box {background-color: #fff; border-top:4px solid var(--pointcolor); padding: 3rem 0; overflow: hidden;}
#support .TitBox {display: flex; align-items: flex-start; gap:0 .7rem; justify-content: center;}

#support ul {max-width: 36.4375rem; width: 90%; display: flex; flex-direction: column; gap:1.5rem; margin: 2rem auto;}
#support ul li {background-color: #151515; border:2px solid var(--pointcolor); border-radius: 32px; padding: 1.2rem 3rem .9rem;}
#support .zum {position: relative; padding-left: .7rem; color:#fff; max-width:17rem; margin: auto; text-align: left;}
#support .zum.Lg {max-width: 21rem;}
#support .zum:after {content:'· '; color:#fff; position: absolute; top:0; left: 0;}
#support .zum b {color:var(--subcolor);}



/* step */
#step {background: no-repeat center url('/img/main/stepBg.jpg'); background-size: cover;}
#step .box {background-color: #fff; aspect-ratio: 8/5; padding:2rem 1rem;}
#step .box img {width: 4rem; margin: 1.5rem auto 1rem;}
#step .box.on img {filter: invert(1) brightness(3);}
#step .box.on {background-color: var(--pointcolor); color:#fff;}
#step .roundBox {border-radius: 1.1875rem; background-color: var(--pointcolor); padding: .3rem 1.2rem .2rem; color:#fff; width: fit-content; margin: auto;}
#step .roundBox.on {background-color: #fff; color:var(--pointcolor)}


@media(max-width:500px) {
    #step .flexList {justify-content: flex-start !important;}
}



/* contact */
#contact {background: no-repeat center url('/img/main/contactBg.jpg'); background-size: cover;}
#contact .Tel {margin-top: 15rem;}
#contact a {color:#fff;}

#contact form {max-width: 38rem; width: 100%; margin-left: auto;}
#contact .counsel_wrap {display: flex; flex-direction: column; gap:2rem 0;}

#contact .counsel_box {display: flex; flex-direction: column; gap:1rem;}
#contact .counsel_box input[type="text"], #contact .counsel_box textarea, #contact .check_box input[type="text"] {padding:.87rem 2rem;color:#fff; background-color: #fff; color: #151515; border:0;box-shadow: none;}
#contact .counsel_box input::placeholder {color:#959595; font-size: 1.125rem;}

#contact .check_box {font-size: 1.125rem; display: flex; flex-wrap: wrap; gap:1rem 2rem;}
#contact .check_box .check {display: flex; align-items: center;}
#contact .check_box .etcBox {display: flex; align-items: center; justify-content: space-between; width: 100%;}
#contact .check_box input {max-width: 32.1875rem; width: 100%;}

#contact .check_box input[type="checkbox"]{display: none;}
#contact .check_box input + label {width: 17px; max-width: 100%; height: 17px; border: 1px solid #fff; display: inline-block; cursor: pointer; vertical-align: middle; user-select: none }
#contact .check_box input:checked + label {background:var(--pointcolor);}
#contact .check_box input + label + label {margin-left: 10px; font-size: 1.125rem; position: relative; cursor: pointer; user-select: none; white-space: nowrap;}

#contact .submit_box button {width: 100%; padding: 1.3rem 1rem 1.1rem; background-color: var(--pointcolor); border-radius: .5rem; color:#fff; text-align: center;}

#contact .dot {position: relative; padding-right: 1rem; width: fit-content;}
#contact .dot:after {content:''; width: .375rem; height: .375rem; border-radius: 50%; background-color: var(--pointcolor); position: absolute; right: 0; top:.5rem; margin: auto;}
@media(max-width:990px) {
    #contact .Tel {margin-top: 3rem; margin-bottom: 5rem;}
    #contact form {margin-left: 0;}
}
@media(max-width:500px) {
    #contact .check_box .etcBox {width: auto;}
    #contact .check_box input {max-width: 25rem;}
}



/* search */
#search {background: no-repeat center url('/img/main/searchBg.jpg'); background-size: cover;}
#search .inner_wrap {background-color: #fff; padding: .7rem;}
#search .inner {width: 100%; height: 100%; border:1px solid var(--pointcolor); padding:2rem 1rem;}
#search .roundBox {background-color: var(--pointcolor); text-align: center; border-radius: 1.625rem; padding: .5rem 1rem .2rem; font-size: 1.875rem; font-weight: 600; max-width: 11.875rem; width: 100%; margin: 1.5rem auto 0;}
#search .Logo_Lg {width: 10.3125rem;}

#search .TItBox {display: flex; gap:0 .7rem; align-items: center; padding: 1rem .5rem 1rem 1.5rem;}
#search .TItBox img {width: 1.1875rem;}

#search .swiper-button-prev img {filter: none;}
#search .swiper-button-next, #search .swiper-button-prev {top:50%;}
@media(max-width:500px) {
    #search .TItBox {padding: 1rem .5rem 1rem;}
}


/* footer */
footer {padding: 6.25rem 0 12rem;}
footer a {color:#fff;}
footer .flexBox {display: flex; align-items: flex-end; justify-content: space-between;}
footer .snsLink {display: flex; align-items: center; gap:0 1.5rem;}
footer .Txt1 {font-size: 1rem; color:#c7c7c7; line-height: 1.7;}
footer .Txt2 {font-size: 1rem; color:#bbb; letter-spacing: 0;}

footer .snsLink img {width: 3.125rem;}
footer .footerLogo {width: 13.5625rem;}
@media(max-width:768px) {
    footer .flexBox {flex-direction: column; gap:3rem 0;}
    footer .flexBox .box {width: 100%;}
}