@charset "utf-8";


#intro {width: 100%;display: flex;height: 100%;overflow: hidden;}
#intro > div {width: 50%;height: 100%;position: relative;overflow: hidden;}
#intro > div .img {width: 110%;height: 110%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);transition: transform 0.3s ease-in-out;z-index: -1;}
#intro > div:hover .img {transform: translate(-50%, -50%) scale(1.1);}
#intro .img1 {background: url('/images/common/intro_lt_bg.png') no-repeat center center;background-size: cover;}
#intro .img2 {background: url('/images/common/intro_rt_bg.png') no-repeat center center; background-size: cover;}
#intro .info {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;height: 100%; text-align: center; color: #fff; align-content: center;}
#intro .info h3{font-family: 'GongGothic'; width: 100%; font-size: 4rem;}
#intro .info .logo{width: 100%;height: 346px; display: flex; align-items: center; justify-content: center; margin: 40px 0;}
#intro .info .link{width: 100%;}
#intro .info a{color: #fff; padding: 25px 70px; border: 1px solid #fff; border-radius: 100px; font-family: 'GongGothic'; font-size: 3.5rem; display: inline-block;}
#intro .info a:hover{color: #000; background: #fff;}
#intro .info p{font-family: 'EliceDigitalBaeum'; width: 100%; font-size: 2.5rem; margin-top: 40px;}

@media screen and (max-width:1400px){
    #intro .info h3{font-size: 3.5rem;}
    #intro .info .logo{width: 250px; height: 280px;}
    #intro .info .logo img{width: 100%;}
    #intro .info a{padding: 20px 50px;font-size: 3rem;}
}
@media screen and (max-width:1280px){
    #intro .info h3{font-size: 3rem;}
    #intro .info .logo{width: 200px; height: 230px; margin: 30px 0;}
    #intro .info .logo img{width: 100%;}
    #intro .info a{padding: 15px 50px;font-size: 2.5rem;}
    #intro .info p{font-size: 2rem; margin-top: 20px;}
}
@media screen and (max-width:768px){
    #intro{flex-wrap: wrap;}
    #intro > div {width: 100%; height: 50%;}
    #intro .info h3{font-size: 2.5rem;}
    #intro .info .logo{width: 130px; height: 150px; margin: 10px 0;}
    #intro .info a{padding: 10px 40px;font-size: 2rem;}
    #intro .info p{font-size: 1.8rem; margin-top: 10px;}
}


.p-Part{padding: 200px 0;}
.p-Part2{padding: 180px 0;}
.m_txt{text-align: center;}
.m_txt h3{font-family: 'GongGothic'; font-size: 8rem; color: #000;}
.m_txt h3.sm{font-size: 5.5rem; color: #000;}
.m_txt h3 span{color: #feba09; display: inline-block;}
.m_txt p{font-family: 'EliceDigitalBaeum'; font-size: 3rem; color: #000; margin-top: 60px;}
.m_txt p.p1{font-family: 'S-Core'; font-size: 2rem; color: #000; margin-top: 60px;}
.m_txt .ud{position: relative; display: inline-block;}
.m_txt .ud::after{position: absolute;z-index: -1; top: 50%; left: 50%; transform: translateX(-50%); width: 105%; height: 50%; content: ''; background: #fff1ce;}
.m_txt h4{font-family: 'GongGothic'; font-size: 3rem; margin-top: 30px;}
br.br480{display: none;}

@media screen and (max-width:1400px){
    .p-Part{padding: 180px 0;}
    .p-Part2{padding: 160px 0;}
    .m_txt h3{font-size: 7rem;}
    .m_txt h3.sm{font-size: 5rem;}
    .m_txt p{font-size: 2.5rem; margin-top: 50px;}
}
@media screen and (max-width:1280px){
    .p-Part{padding: 150px 0;}
    .p-Part2{padding: 120px 0;}
    .m_txt h3{font-size: 6rem;}
    .m_txt h3.sm{font-size: 4.5rem;}
    .m_txt p{font-size: 2rem; margin-top: 40px;}
    .m_txt p.p1{font-size: 1.8rem; margin-top: 40px;}
    .m_txt h4{font-size: 2.5rem;}
}
@media screen and (max-width:980px){
    .p-Part{padding: 120px 0;}
    .p-Part2{padding: 100px 0;}
    .m_txt h3.sm{font-size: 4rem;}
}
@media screen and (max-width:680px){
    .p-Part{padding: 90px 0;}
    .p-Part2{padding: 80px 0;}
    .m_txt h3{font-size: 5rem;}
    .m_txt h3.sm{font-size: 3.5rem;}
    .m_txt p.p1{font-size: 1.6rem;}
    .m_txt h4{font-size: 2.2rem;}
}
@media screen and (max-width:480px){
    .p-Part{padding: 70px 0;}
    .p-Part2{padding: 60px 0;}
    br.br480{display: block;}
    .m_txt h3{font-size: 4.5rem;}
    .m_txt p{font-size: 1.8rem; margin-top: 30px;}
    .m_txt h3 span.sm{margin-top: 10px; font-size: 4rem;}
    .m_txt .ud::after{display: none;}
    .m_txt .ud2{position: relative; display: inline-block;}
    .m_txt .ud2::after{position: absolute;z-index: -1; top: 50%; left: 50%; transform: translateX(-50%); width: 110%; height: 50%; content: ''; background: #fff1ce;}
}


#m_visual{width: 100%; background: url('/images/main/mv_bg.png') no-repeat left bottom; padding-bottom: 200px; height: 1150px;}
#m_visual .inner{display: flex; align-items: center; height: 100%; justify-content: space-between;}
#m_visual .lt{width: 50%; display: flex; flex-wrap: wrap; text-align: center; justify-content: center;color: #fff;}
#m_visual .lt img{filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.3));}
#m_visual .lt h4{width: 100%; font-size: 5.5rem; font-family: 'GongGothic'; margin: 20px 0; text-shadow: 2px 2px 8px rgb(0 0 0 / 15%);}
#m_visual .lt h3{display: inline-block; font-size: 11rem; font-family: 'GongGothic'; color: #feba09; background: #fff; padding: 10px 30px 0; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%);}
#m_visual .lt p{width: 100%; font-family: 'EliceDigitalBaeum'; font-size: 3rem; line-height: 3.5rem;margin: 50px 0 40px;text-shadow: 2px 2px 8px rgb(0 0 0 / 15%);}
#m_visual .lt p span{font-family: 'EliceDigitalBaeum-Bd';}
#m_visual .lt ul{font-family: 'GongGothic'; font-size: 2.5rem; font-weight: normal; display: flex; gap: 10px; justify-content: center;}
#m_visual .lt ul li{ background: #000; border-radius: 100px; padding: 10px 20px; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%);}
#m_visual .rt{width: 50%;position: relative;}
#m_visual .rt .img{ filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.2)); display: flex;justify-content: end;}
#m_visual .rt .img2{position: absolute; bottom: -160px; right: -150px;}


@media screen and (max-width:1720px){
    #m_visual .rt .img2{bottom: -200px; right: -100px;}
}
@media screen and (max-width:1620px){
    #m_visual .rt .img2{ right: -50px;}
}
@media screen and (max-width:1520px){
    #m_visual .rt .img2{ right: 0px;}
}
@media screen and (max-width:1400px){
    #m_visual .lt{width: 49%;}
    #m_visual .lt img{width: 430px;}
    #m_visual .lt h4{font-size: 5rem; margin: 30px 0 20px;}
    #m_visual .lt h3{font-size: 9rem;}
    #m_visual .lt p{font-size: 2.5rem; line-height: 3rem;}
    #m_visual .lt ul{font-size: 2.2rem;}
    #m_visual .rt{width: 49%;}
    #m_visual .rt .img{width: 100%;}
    #m_visual .rt .img img{width: 100%;}
    #m_visual .rt .img2{bottom: -150px;}
    #m_visual .rt .img2 img{width: 200px;}
}
@media screen and (max-width:1280px){
    #m_visual{height: 950px;padding-bottom: 100px;}
}
@media screen and (max-width:1080px){
    #m_visual .lt img{width: 370px;}
    #m_visual .lt h4{font-size: 4rem;}
    #m_visual .lt h3{font-size: 7rem;}
    #m_visual .lt p{font-size: 2.3rem;margin: 30px 0;}
    #m_visual .lt ul{font-size: 2rem;}
    #m_visual .rt .img2{bottom: -130px;}
    #m_visual .rt .img2 img{width: 160px;}
}
@media screen and (max-width:980px){
    #m_visual{height: 1300px; background-size: cover;}
    #m_visual .inner{flex-wrap: wrap; align-content: center; gap: 60px;}
    #m_visual .lt{width: 100%;}
    #m_visual .rt{width: 100%;}
    #m_visual .rt .img{width: 60%;margin: 0 auto;}
    #m_visual .rt .img2{bottom: -100px;}
}
@media screen and (max-width:880px){
    #m_visual .rt .img{width: 80%;}
    #m_visual .rt .img2{bottom: -100px;}
}
@media screen and (max-width:680px){
    #m_visual .rt .img{width: 95%;}
    #m_visual .rt .img2{bottom: -100px;}
    #m_visual .lt ul{font-size: 1.8rem;}
    #m_visual .lt ul li{padding: 10px 15px;}
}
@media screen and (max-width:580px){
    #m_visual{height: 1200px;}
    #m_visual .rt .img2 img{width: 130px;}
}
@media screen and (max-width:480px){
    #m_visual{height: 1100px;}
    #m_visual .lt img{width: 80%;}
}

#round{height: 200px; width: 100%; background: url('/images/main/round.png') no-repeat center bottom; margin-top: -200px; background-size: contain;}

#greeting{width: 100%; position: relative;background: url('/images/main/greeting_bg2.png') no-repeat 105% 110%;}
#greeting::after{background: url('/images/main/greeting_bg1.png') no-repeat -20% 20%; position: absolute; top: 0;left: 0; content: ''; width: 100%; height: 100%; }
#greeting .cont{text-align: center; color: #000; margin-top: 100px;}
#greeting .cont p{font-size: 2.3rem;font-family: 'S-Core'; line-height: 4rem;}
#greeting .cont p + p{margin-top: 50px;}

@media screen and (max-width:1800px){
    #greeting .inner{margin-top: 100px;}
}
@media screen and (max-width:1400px){
    #greeting{background-size:30%; background-position: 102% 103%;}
    #greeting::after{background-size: 40%;}
    #greeting .inner{margin-top: 120px;}
    #greeting .cont{margin-top: 80px;}
    #greeting .cont p{font-size: 2rem; line-height: 3.5rem;}
    #greeting .cont p + p{margin-top: 40px;}
}
@media screen and (max-width:1280px){
    #greeting .cont p{font-size: 1.8rem; line-height: 3.2rem;}
}
@media screen and (max-width:680px){
    #greeting{background-size:50%; background-position: 102% 103%;}
    #greeting::after{background-size: 50%; background-position: -100px 25%;}
    #greeting .cont{margin-top: 60px;}
    #greeting .cont p{font-size: 1.6rem; line-height: 3rem;}
}
@media screen and (max-width:580px){
    #greeting .inner{margin-top: 100px;}
    #greeting .cont{margin-top: 40px;}
    #greeting .cont p br{display: none;}
    br.mo{display: block !important;}
    #greeting .cont p + p{margin-top: 30px;}
}


#margin{width: 100%; background: url('/images/main/margin_bg.png') no-repeat center center; background-size: cover;}
.pricetag{width: 100%; display: flex; flex-wrap: wrap; gap: 130px 40px; margin-top: 100px;}
.pricetag > li{width: calc(100%/2 - 20px); display: flex; flex-direction: column;}
.pricetag .top{width: 100%; text-align: center; height: 100px; display: flex; justify-content: center; align-items: center; background: #feba09; border-radius: 0 0 20px 20px;}
.pricetag .top h3{font-family: 'GongGothic'; font-size: 4rem; color: #fff;}
.pricetag > li:nth-child(3) .top,
.pricetag > li:nth-child(4) .top{background: #552218;}
.pricetag .mid{font-family: 'EliceDigitalBaeum';font-size: 3rem; color: #000; border-radius: 20px 20px 0 0; border: 2px solid #feba09;  background: #fff; flex-grow: 1;}
.pricetag > li:nth-child(3) .mid,
.pricetag > li:nth-child(4) .mid{border: 2px solid #552218;}
.pricetag .mid ul{padding: 50px 40px;}
.pricetag .mid ul li{display: flex; justify-content: space-between;padding: 0 30px 30px;}
.pricetag .mid ul li:last-child{padding-bottom: 0;}
.pricetag .mid ul li + li{padding-top: 30px; border-top: 1px dashed #666;}
.pricetag .bot{height: 100px; position: relative;display: flex; align-items: center; padding-left: 50px;background: #feba09;}
.pricetag > li:nth-child(3) .bot,
.pricetag > li:nth-child(4) .bot{background:#552218;}
.pricetag .bot{position: relative; z-index: 10;}
.pricetag .bot h3{font-size: 4rem; color: #fff; font-family: 'EliceDigitalBaeum-Bd';}
.pricetag .bot h3 span{margin-right: 50px;}
.pricetag .bot .stamp{position: absolute; right: -40px; z-index: 100;}
.pricetag .bot .stamp img{filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.3));z-index: 101;}
.pricetag .bot .stk{font-family: 'GongGothic'; font-weight: bold; text-align: center; font-size: 4rem; color: #fff; background: #ea1313;padding: 20px 40px; border-radius: 20px; position: absolute; transform: rotate(-15deg); right: -40px; z-index: 10; box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.15);}
.pricetag .bot .stk:after{content: ''; position: absolute; border: 2px solid #fff; left: 50%;top: 50%; transform: translate(-50%, -50%); width: 95%; height: 90%; border-radius: 15px;}
.red{color: #ea1313;}
.pricetag > li:last-child{width: 100%;}
.pricetag > li:last-child .mid{display: flex; flex-wrap: wrap;}
.pricetag > li:last-child .mid ul{width: 50%; padding-bottom: 30px;}
.pricetag > li:last-child .mid ul li:last-child{border-bottom: 1px dashed #666 !important; padding-bottom: 30px;}
.pricetag > li:last-child .mid h3{width: 100%; text-align: center; font-size: 3rem; padding-bottom: 50px;}
.pricetag > li:last-child .mid h3 span{font-weight: normal;}
.pricetag > li:last-child .bot{padding-left: 0; background: transparent;border: 2px solid #feba09; box-sizing: border-box; border-top: 0;}
.pricetag > li:last-child .bot ul{display: flex; width: 100%; height: 100%;}
.pricetag > li:last-child .bot ul li{width: 50%; display: flex; align-items: center; justify-content: space-between;}
.pricetag > li:last-child .bot ul li:nth-child(1){padding: 30px 70px; font-family: 'EliceDigitalBaeum'; color: #000; font-size: 3rem;}
.pricetag > li:last-child .bot ul li:nth-child(2){background: #feba09; padding-left: 70px;}
.br1400{display: none;}
.br786{display: none;}


@media screen and (max-width:1540px){
    .pricetag .bot h3 span{margin-right: 30px;}
    .pricetag .bot .stamp{right: 0px;}
    .pricetag .bot .stamp img{width: 280px;}
    .pricetag .bot .stk{font-size: 3.5rem; right: 0px;}
}
@media screen and (max-width:1400px){
    .pricetag .mid{font-size: 2.5rem;}
    .pricetag .bot{padding-left: 40px;}
    .pricetag .bot .stamp img{width: 260px;}
    .pricetag .bot h3{font-size: 3.5rem;}
    .pricetag .bot .stk{font-size: 3rem;}
    .pricetag > li:last-child .mid h3{font-size: 2.5rem;}
    .pricetag > li:last-child .bot ul li:nth-child(1){font-size: 2.5rem;}
    .pricetag > li:last-child .bot ul li:nth-child(2){padding-left: 50px;}
    .br1400{display: block;}
}
@media screen and (max-width:1280px){
    .pricetag{margin-top: 80px;}
    .pricetag .top{height: 80px}
    .pricetag .top h3{font-size: 3.5rem;}
    .pricetag .mid ul {padding: 40px 30px;}
    .pricetag .mid ul li{padding: 0 20px 20px;}
    .pricetag .mid ul li + li{padding-top: 20px;}
    .pricetag .bot{padding-left: 30px; height: 80px;}
    .pricetag .bot h3{font-size: 2.7rem;}
    .pricetag .bot h3 span{margin-right: 20px;}
    .pricetag .bot .stk {padding: 15px 30px; font-size: 3rem;}
    .pricetag > li:last-child .mid h3{padding-bottom: 40px;}
    .pricetag > li:last-child .bot ul li:nth-child(2){padding-left: 30px;}
}
@media screen and (max-width:1080px){
    .pricetag{gap: 80px;}
    .pricetag > li{width: 100%;}
    .pricetag .bot{padding-left: 50px;}
    .pricetag .bot h3{font-size: 3.5rem;}
    .pricetag > li:last-child .bot{height: 160px;}
    .pricetag > li:last-child .bot ul{flex-wrap: wrap; height: 100%;}
    .pricetag > li:last-child .bot ul li{width: 100%; height: 50%;}
    .pricetag > li:last-child .bot ul li:nth-child(2){padding-left: 50px;}
}
@media screen and (max-width:786px){
    .pricetag{margin-top: 70px;}
    .pricetag .bot .stamp img{width: 240px;}
    .pricetag > li:last-child .mid ul{width: 100%;}
    .pricetag > li:last-child .mid ul:first-child{padding-bottom: 0px;}
    .pricetag > li:last-child .mid ul:nth-child(2){padding-top: 20px;}
    .pricetag > li:last-child .mid ul li:last-child{padding-bottom: 20px;}
    .br786{display: block;}
}
@media screen and (max-width:580px){
    .pricetag{gap: 60px;}
    .pricetag .top{height: 70px}
    .pricetag .top h3{font-size: 3rem;}
    .pricetag .mid{font-size: 2rem;}
    .pricetag .mid ul {padding: 30px;}
    .pricetag .bot{padding-left: 30px;}
    .pricetag .bot h3{font-size: 3rem;}
    .pricetag .bot h3 span{margin-right: 15px;}
    .pricetag .bot .stamp img{width: 200px;}
    .pricetag .bot .stk {padding: 15px 25px; font-size: 2.5rem; border-radius: 10px;}
    .pricetag .bot .stk:after{ border-radius: 10px;}
    .pricetag > li:last-child .mid h3{font-size: 2rem; padding-bottom: 30px;}
    .pricetag > li:last-child .bot ul li:nth-child(1){font-size: 2rem;}
    .pricetag > li:last-child .bot ul li:nth-child(2){padding-left: 30px;}
}
@media screen and (max-width:480px){
    .pricetag{margin-top: 50px;}
    .pricetag .mid ul {padding: 30px 20px;}
    .pricetag .bot{padding-left: 20px;}
    .pricetag .bot .stamp img{width: 45vw;}
    .pricetag .bot h3{font-size: 2.5rem;}
    .pricetag .bot h3 span{margin-right: 10px;}
    .pricetag .bot .stk {padding: 15px 20px; font-size: 2.2rem;}
}

#flow_txt{display: flex; align-items: center; height: 70px; border-top: 2px solid #feba09; border-bottom: 2px solid #feba09; gap:62px; overflow: hidden; white-space: nowrap;}
#flow_txt h3{font-family: 'GongGothic'; font-size: 2.3rem; font-style: italic; color: #feba09; animation: flow 4s infinite linear;}

#flow_txt2{display: flex; align-items: center; height: 70px; border-top: 2px solid #feba09; border-bottom: 2px solid #feba09; gap:62px; overflow: hidden; white-space: nowrap;}
#flow_txt2 h3{font-family: 'GongGothic'; font-size: 2.3rem; font-style: italic; color: #feba09; animation: flow2 4s infinite linear;}

#flow_txt3{display: flex; align-items: center; height: 70px; gap:62px; overflow: hidden; white-space: nowrap; background: #feba09;}
#flow_txt3 h3{font-family: 'GongGothic'; font-size: 2.3rem; font-style: italic; color: #fff; animation: flow 4s infinite linear;}

#flow_txt4{display: flex; align-items: center; height: 70px; gap:62px; overflow: hidden; white-space: nowrap; background: #feba09;}
#flow_txt4 h3{font-family: 'GongGothic'; font-size: 2.3rem; font-style: italic; color: #fff; animation: flow2 4s infinite linear;}

@keyframes flow {
    from { transform: translateX(0%); }
    to { transform: translateX(-21%); }
}
@keyframes flow2 {
    from { transform: translateX(-21%); }
    to { transform: translateX(0%); }
}

@media screen and (max-width:786px){
    #flow_txt,
    #flow_txt2,
    #flow_txt3,
    #flow_txt4{height: 50px;}
}


#history {width: 100%;display: flex;position: relative; overflow: hidden; }
#history .line {position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;display: flex;flex-direction: column;align-items: center;}
#history .line1 {width: 4px;background: #feba09;height: 200px;transition: height 0.1s linear;}
#history .line2 {width: 4px;background: #ffe4a0;flex-grow: 1;}
#history .line img {position: absolute;left: 50%;transform: translateX(-50%);transition: transform 0.1s linear;}
.br1540{display: none;}

#history .lt{width: 50%; background: url('/images/main/history_lt_bg.png') no-repeat center bottom; display: flex; flex-wrap: wrap; justify-content: center; background-size: cover;}
#history .lt .m_txt{text-align: left;}
#history .lt .m_txt h3{color: #fff;}
#history .rt{width: 50%; background: url('/images/main/history_rt_bg.png') no-repeat right center; padding-left: 50px;}
#history .rt .img{padding-left: 20px;}
#history .rt ul{margin-top: 60px;}
#history .rt ul li{padding-left: 90px; position: relative;}
#history .rt ul li h4{font-family: 'GongGothic'; font-size: 3.5rem; color: #feba09;}
#history .rt ul li p{font-family: 'EliceDigitalBaeum'; font-size: 3rem; color: #000;}
#history .rt ul li + li{margin-top: 40px;}
#history .rt ul li::after{content: ''; width: 50px; height: 2px; background: #feba09; left: 0; top: 20px; position: absolute;}

@media screen and (max-width:1540px){
    .br1540{display: block;}
}
@media screen and (max-width:1280px){
    #history .rt .img img{width: 250px;}
    #history .rt ul{margin-top: 50px;}
    #history .rt ul li{padding-left: 50px;}
    #history .rt ul li h4{font-size: 3rem;}
    #history .rt ul li p{font-size: 2.5rem;}
    #history .rt ul li + li{margin-top: 30px;}
    #history .rt ul li::after{width: 30px;}
}
@media screen and (max-width:980px){
    #history {flex-wrap: wrap;}
    #history .line {display: none;}
    #history .lt{width: 100%; background-position: 50% 55%;}
    #history .lt .m_txt{text-align: center;}
    #history .rt{width: 100%; background-size:20vw; background-position: right -50px;}
    .br1540{display: none;}
}
@media screen and (max-width:786px){
    #history .rt{background-size:30vw; }
    .br1540{display: none;}
}
@media screen and (max-width:580px){
    #history .lt{background-position: 50% bottom;}
    #history .rt{background-size:30vw; padding-left: 30px;}
    #history .rt .img{padding-left: 0;}
    #history .rt .img img{width: 200px;}
    #history .rt ul{margin-top: 30px;}
    #history .rt ul li{padding-left: 40px;}
    #history .rt ul li h4{font-size: 2.5rem;}
    #history .rt ul li p{font-size: 2.2rem;}
    #history .rt ul li::after{width: 20px; top: 12px;}
    .br1540{display: block;}
}


#satis{background: url('/images/main/satis_bg.png') no-repeat center top; background-size: cover;}
#satis .m_txt{width: 100%; position: relative;}
#satis .m_txt .star{margin-bottom: 40px;}
#satis .m_txt h3{background: radial-gradient(circle, #f7e88d, #b6954a, #f2e58b, #efe27d,  #bb995d, #eddd79, #d7aa48, #eddf7d); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
#satis .m_txt h4{background: radial-gradient(circle, #f7e88d, #b6954a, #f2e58b, #efe27d,  #bb995d, #eddd79, #d7aa48, #eddf7d); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; width: 100%;}
#satis .m_txt .pop{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1565px; width: 100%;}
#satis .m_txt .pop img{width: 100%;}
#satis .ggb{width: 100%; margin: 80px 0; text-align: center; position: relative;}
#satis .ggb h3{font-size: 5.5rem; font-family: 'GongGothic'; color: #fff;margin-bottom: 10px;letter-spacing: -1px;}
#satis .ggb h3 span{color: #feba09;}
#satis ul {overflow: hidden;}
#satis ul li{display: flex;}
#satis ul li img{width: 100%;}
#satis .slick-track{display: flex; align-items: center; justify-content: center;}
#satis .slick-slide{margin: 0 25px;}
#satis .slick-list{margin: 0 -25px;}
#satis .slick-center{width: 450px !important;}
#satis .slick-center .img{display: flex; justify-content: center;}
#satis .slick-center .img img{border: 10px solid #feba09; box-sizing: content-box; border-radius: 20px;}
.br980{display: none;}

@media screen and (max-width:1600px){
    #satis .m_txt .pop{max-width: 1400px; padding: 0 20px;}
    #satis .slick-center{width: 400px !important;}
}
@media screen and (max-width:1400px){
    #satis .slick-center{width: 350px !important;}
    #satis .ggb h3{font-size: 5rem;}
}
@media screen and (max-width:1280px){
    #satis .slick-center{width: 500px !important;}
    #satis .slick-slide{margin: 0 15px;}
    #satis .slick-list{margin: 0 -15px;}
    #satis .ggb h3{font-size: 4.5rem;}
    #satis .ggb img{width: 600px;}
}
@media screen and (max-width:980px){
    #satis{background-size: contain; background-color: #36241c;}
    #satis .m_txt .pop{top: 30%;}
    #satis .slick-center{width: 400px !important;}
    #satis .slick-slide{margin: 0 15px;}
    #satis .slick-list{margin: 0 -15px;}
    #satis .ggb{margin: 50px 0 60px;}
    #satis .ggb h3{font-size: 4rem;}
    #satis .ggb img{width: 550px;}
    #satis .slick-center .img img{border: 7px solid #feba09; border-radius: 15px;}
    .br980{display: block;}
}
@media screen and (max-width:786px){
    #satis .m_txt .star{margin-bottom: 30px;}
    #satis .m_txt .star img{width: 200px;}
    #satis .slick-center{width: 450px !important;}
}
@media screen and (max-width:680px){
    #satis .m_txt .pop{top: 20%;}
    #satis .ggb h3{font-size: 3.5rem; margin-bottom: 5px;}
    #satis .ggb img{width: 500px;}
    #satis .slick-center{width: 350px !important;}
}
@media screen and (max-width:580px){
    #satis .m_txt .star{margin-bottom: 20px;}
    #satis .m_txt .star img{width: 150px;}
    #satis .ggb h3{font-size: 3rem;}
    #satis .ggb img{width: 90%;}
    #satis .slick-center{width: 60vw !important;}
}


#menu{background: #fff8e6; position: relative; overflow: hidden;z-index: 10;}
#menu::after{position: absolute; width: 691px; height: 882px; top: 20px;left: 20px; background: url('/images/main/menu_bg1.png') no-repeat top left; content: '';z-index: -1;}
#menu::before{position: absolute; width: 740px; height:882px; bottom: 20px; right: 20px; background: url('/images/main/menu_bg2.png') no-repeat bottom right; content: ''; z-index: -1;}
#menu .menu_wrap{position: relative;}
#menu .indicator{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 51%; display: flex; align-items: center; justify-content: space-between;}
#menu ul{margin-top: 80px;}
#menu ul li{display: flex; align-items: center; justify-content: center; position: relative; transition: 0.3s;}
#menu ul li img{width: 100%;}
#menu ul li .best{position: absolute; top: 0; left: 20px; background: #feba09; color: #fff; padding: 15px 20px; font-size: 2rem; font-family: 'GongGothic'; font-weight: bold; border-radius: 100%; display: none;}
#menu ul li .name{position: absolute; background: #feba09; bottom: 25px; right: 30px; font-size: 3.5rem; font-family: 'GongGothic';color: #000; font-weight: bold; font-style: italic; padding: 10px 35px; clip-path: polygon(0% 100%, 95% 100%, 100% 0%, 5% 0%); display: none;}
#menu .slick-slide{transform: scale(0.7); transition: 0.3s;}
#menu .slick-center{background: url('/images/main/menu_imgbg.png') no-repeat center center; transform: scale(1); transition: 0.3s; background-size: contain}
#menu .slick-center .best{display: block;}
#menu .slick-center .name{display: block;}


@media screen and (max-width:1400px){
    #menu::after{width: 40%; background-size: contain;}
    #menu::before{width: 40%; background-size: contain;}
    #menu .indicator{width: 60%;}
}
@media screen and (max-width:1280px){
    #menu .indicator img{width: 40px;}
    #menu ul li .best{font-size: 1.8rem; padding: 10px 15px;}
    #menu ul li .name{font-size: 3rem; right: 0; bottom: 10px;}
}
@media screen and (max-width:786px){
    #menu .indicator{width: 70%;}
}
@media screen and (max-width:680px){
    #menu ul{margin-top: 60px;}
    #menu .indicator{width: 95%;}
    #menu .indicator img{width: 30px;}
    #menu ul li .best{font-size: 1.6rem;}
    #menu ul li .name{font-size: 2.5rem; padding: 7px 20px;}
}
@media screen and (max-width:480px){
    #menu .indicator{width: 95%;}
    #menu .indicator img{width: 30px;}
    #menu ul li .best{font-size: 1.6rem;}
    #menu ul li .name{font-size: 2.2rem; padding: 7px 20px;}
}


#promotion{width: 100%; text-align: center;}
#promotion .top{width: 100%; padding: 160px 0; background: url('/images/main/prm_bg1.png') no-repeat center center; border-bottom: 1px solid #fff; background-size: cover;}
#promotion .top h4{font-family: 'GongGothic'; font-size: 6rem; color: #fff;}
#promotion .top h3{font-family: 'GongGothic'; font-size: 12rem; color: #feba09; text-emphasis-style: dot;animation: blink 1s infinite;}
#promotion .top p{font-family: 'EliceDigitalBaeum'; font-size: 3rem; margin-top: 60px; color: #fff;}
#promotion .bot{width: 100%;}
#promotion .bot ul{display: flex; width: 100%;}
#promotion .bot ul li{width: 50%; color: #fff;display: flex; align-items: center; align-content: center; transition: 0.3s; overflow: hidden; position: relative; overflow: hidden; padding: 180px 0; justify-content: center; flex-wrap: wrap;}
#promotion .bot ul li:hover .img{transform: scale(1.1); transition: 0.3s;}
#promotion .bot ul li:nth-child(1){border-right: 1px solid #fff;}
#promotion .bot ul li .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition: 0.3s;z-index: -1; }
#promotion .bot ul li:nth-child(1) .img{background: url('/images/main/prm_bg2.png') no-repeat center center; background-size: cover;}
#promotion .bot ul li:nth-child(2) .img{background: url('/images/main/prm_bg3.png') no-repeat center center; background-size: cover;}
#promotion .bot ul li h4{font-size: 3rem; font-family: 'GongGothic'; font-weight: normal; width: 100%;z-index: 11;margin-bottom: 10px;}
#promotion .bot ul li h3{font-size: 5rem; font-family: 'GongGothic'; position: relative;z-index: 10;}
#promotion .bot ul li h3::after{content: ''; background: url('/images/main/prm_txtbg.png') no-repeat center center; width: 455px; height: 82px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: -1; background-size: cover;}
#promotion .bot ul li p{font-family: 'EliceDigitalBaeum'; margin-top: 60px;font-size: 2.5rem;width: 100%;}


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


@media screen and (max-width:1280px){
    #promotion .top{padding: 140px 0;}
    #promotion .top h4{font-size: 5rem;}
    #promotion .top h3{font-size: 10rem;}
    #promotion .top p{font-size: 2.5rem;}
    #promotion .bot ul li{padding: 160px 0;}
    #promotion .bot ul li h4{font-size: 2.5rem;}
    #promotion .bot ul li h3{font-size: 4rem;}
    #promotion .bot ul li h3::after{width: 400px; height: 72px;}
    #promotion .bot ul li p{margin-top: 50px;font-size: 2.2rem;}
}
@media screen and (max-width:880px){
    #promotion .top{padding: 120px 0;}
    #promotion .top h4{font-size: 4rem;}
    #promotion .top h3{font-size: 8rem;}
    #promotion .top p{font-size: 2.2rem; margin-top: 40px;}
    #promotion .bot ul li{padding: 120px 0;}
    #promotion .bot ul li h4{font-size: 2.5rem;}
    #promotion .bot ul li h3{font-size: 4rem;}
    #promotion .bot ul li h3::after{width: 320px; height: 57px;}
    #promotion .bot ul li p{font-size: 2rem;}
}
@media screen and (max-width:680px){
    #promotion .top{padding: 100px 0;}
    #promotion .top h4{font-size: 3.5rem;}
    #promotion .top h3{font-size: 7rem;}
    #promotion .top p{font-size: 2rem;}
    #promotion .bot ul{flex-wrap: wrap;}
    #promotion .bot ul li{padding: 80px 0; width: 100%;}
    #promotion .bot ul li:nth-child(1){border-right: 0;}
    #promotion .bot ul li h4{font-size: 2.2rem;}
    #promotion .bot ul li h3{font-size: 3.5rem;}
    #promotion .bot ul li h3::after{width: 280px; height: 50px;}
    #promotion .bot ul li p{font-size: 1.8rem; margin-top: 30px;}
}


#longrun{width: 100%; background: url('/images/main/lr_bg.png') no-repeat 100% 125%;display: flex; align-items: center;}
#longrun .lt{width: 50%; padding-left: 160px;}
#longrun .lt .box{background: url('/images/main/lr_lt_img.png') no-repeat center center; width: 700px; height: 802px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; gap: 70px;}
#longrun .lt .box h3{font-family: 'GongGothic'; color: #fff; font-size: 8rem;}
#longrun .rt{width: 50%; display: flex; align-items: center; align-content: center;gap: 70px; flex-wrap: wrap; justify-content: end;}
#longrun .rt .img{margin-top: -130px;animation: waveMotion1 2s ease-in-out infinite;}
#longrun .rt h3{font-size: 10rem; font-family: 'GongGothic'; color: #000; text-align: right; padding-right: 160px;}
#longrun .rt h3 span{color: #fff; background: #feba09; padding: 10px;}


@media screen and (max-width:1780px){
    #longrun .lt{padding-left: 80px;}
    #longrun .rt h3{padding-right: 80px;}
}
@media screen and (max-width:1600px){
    #longrun .lt .box{width: 600px; height: 688px; display: flex; gap: 50px; background-size: cover;}
    #longrun .lt .box h3{font-size: 6.5rem;}
    #longrun .rt .img{width: 700px; margin-top: -100px;}
    #longrun .rt img{width: 100%;}
    #longrun .rt h3{font-size: 9rem;}
    #longrun .rt h3 span{padding: 5px 10px;}
}
@media screen and (max-width:1480px){
    #longrun{flex-wrap: wrap; background-position: 100% 100%;}
    #longrun .lt{width: 100%; order: 2;display: flex; justify-content: center; margin-top: 100px; padding-left: 0;}
    #longrun .lt .box{width: 700px; height: 802px;}
    #longrun .rt{width: 100%; order: 1; gap: 0;}
    #longrun .rt .img{width: 40%;order: 2; margin-top: -50px;}
    #longrun .rt h3{width: 60%;order: 1; text-align: left; padding-right: 0; padding-left: 50px;}
}
@media screen and (max-width:1280px){
    #longrun .lt{margin-top: 80px;}
    #longrun .rt h3{font-size: 8rem;}
}
@media screen and (max-width:1080px){
    #longrun{flex-wrap: wrap; background-position: 100% 10%;}
    #longrun .rt{position: relative;}
    #longrun .rt .img{display: none;}
    #longrun .rt h3{width: 100%; order: 1; text-align: center;padding-left: 0;}
    #longrun .lt{z-index: 10;}
}
@media screen and (max-width:780px){
    #longrun{background-size: contain;}
    #longrun .lt .box{width: 90%; background-position: center bottom; border-radius: 20px 20px 0 0; overflow: hidden;}
}
@media screen and (max-width:680px){
    #longrun{background-size: contain;}
    #longrun .lt .box{height: 650px;}
    #longrun .lt .box h3{font-size: 5.5rem;}
    #longrun .lt .img{width: 85%; text-align: center;}
    #longrun .lt img{width: 90%;}
    #longrun .rt h3{font-size: 7rem;}
    #longrun .rt h3 span{padding: 3px 5px;}
}
@media screen and (max-width:530px){
    #longrun .lt{margin-top: 50px;}
    #longrun .lt .box{height: 600px;}
    #longrun .lt .box h3{font-size: 5rem;}
    #longrun .rt h3{font-size: 6rem;}
    #longrun .rt h3 span{padding: 3px 5px;}
}
@media screen and (max-width:430px){
    #longrun .lt .box{height: 500px;}
    #longrun .lt .box h3{font-size: 4rem;}
    #longrun .rt h3{font-size: 5rem;}
}


#point{background: url('/images/main/point_bg.png') center center; background-size: cover;}
#point .m_txt h3{position: relative;display: inline-block;}
#point .m_txt h3:before{content: ''; position: absolute; width: 90px; height: 30px; background: url('/images/main/point_txtbg.png') no-repeat center center; top: 50%; left: -150px; transform: translateY(-50%);}
#point .m_txt h3:after{content: ''; position: absolute; width: 90px; height: 30px; background: url('/images/main/point_txtbg.png') no-repeat center center; top: 50%; right: -150px; transform: translateY(-50%);}
#point ul{margin-top: 160px; display: flex; justify-content: space-between; gap: 70px 100px; flex-wrap: wrap;}
#point ul li{width: calc(100%/3 - 67px); text-align: center; border: 2px solid #feba09; border-radius: 20px; background: #fff; display: flex; align-items: center; align-content: center; position: relative; padding: 40px 0 30px; justify-content: center; flex-wrap: wrap;}
#point ul li::after{content: ''; position: absolute; background: url('/images/main/point_egg.png') no-repeat center center; width: 77px; height: 43px; background-size: cover; top: -20px; left: 50%; transform: translateX(-50%);}
#point ul li h4{ font-family: 'EliceDigitalBaeum-Bd'; font-size: 3rem; font-style: italic; position: relative; display: inline-block;z-index: 10; color: #feba09;}
#point ul li h4::after{content: ''; position: absolute; top: 65%; left: 50%; transform: translateX(-50%); width: 120%; height: 30%; background: #ffe39d;z-index: -1;}
#point ul li p{width: 100%;margin: 30px 0 20px; font-size: 3rem; font-family: 'S-Core'; color: #000;}
#point ul li h3{font-family: 'GongGothic'; color: #000; font-size: 4rem;}
#point ul li h3 span{color: #feba09;}


@media screen and (max-width:1400px){
    #point ul{margin-top: 130px; gap: 50px 70px;}
    #point ul li{width: calc(100%/3 - 47px);}
}
@media screen and (max-width:1280px){
    #point ul{margin-top: 100px; gap: 50px;}
    #point ul li h4{font-size: 2.5rem;}
    #point ul li p{font-size: 2.5rem;}
    #point ul li h3{font-size: 3rem;}
}
@media screen and (max-width:1080px){
    #point ul{margin-top: 80px; gap: 50px 30px;}
    #point ul li{width: calc(100%/3 - 20px);}
    #point ul li::after{width: 57px; height: 32px;}
}
@media screen and (max-width:786px){
    #point .m_txt h3:before{width: 60px;left: -100px;}
    #point .m_txt h3:after{width: 60px;right: -100px;}
    #point ul li{width: calc(100%/2 - 15px);}
}
@media screen and (max-width:580px){
    #point .m_txt h3:before{width: 40px;left: -70px; background-size: cover; height: 20px;}
    #point .m_txt h3:after{width: 40px;right: -70px; background-size: cover; height: 20px;}
    #point ul li{width: 100%;}
}
@media screen and (max-width:480px){
    #point .m_txt h3:before{left: -50px;}
    #point .m_txt h3:after{right: -50px;}
    #point ul li {padding: 30px 0 20px;}
    #point ul li p {margin: 20px 0 10px;}
}
@media screen and (max-width:400px){
    #point .m_txt h3:before{display: none;}
    #point .m_txt h3:after {display: none;}
}


#time{width: 100%; background: url('/images/main/time_bg.png') no-repeat center center; background-size: cover;}
#time .top{display: flex; justify-content: space-between;}
#time .top .m_txt{text-align: left;}
#time .top .m_txt h3{color: #fff;}
#time .top .m_txt p{color: #fff;}
#time .top .img{margin-right: 50px; position: relative; margin-top: -10px;}
#time .top .img p{position: absolute; color: #000; font-family: 'EliceDigitalBaeum-Bd'; font-size: 3rem;}
#time .top .img p.n1{top: 69%; left: 5.8%;}
#time .top .img p.n2{top: 31.8%; left: 3.8%;}
#time .top .img p.n3{top: 4%; left: 31%;}
#time .top .img p.n4{top: 7.5%; left: 71.2%;}
#time .top .img h3{font-family: 'GongGothic';font-size: 10rem; text-align: center; color: #fff; position: absolute; top: 54%; left: 54%; transform: translate(-50%, -50%); width: 100%;animation: blink 1s infinite;}
#time .top .img h3 span{color: #feba09;}
#time .bot{display: flex; margin-top: 90px; justify-content: space-between; gap: 80px; align-items: center;}
#time .bot li{width: calc(100%/2 - 40px); text-align: center; padding: 50px;position: relative; z-index: 10; color: #fff; font-family: 'GongGothic';}
#time .bot li span{color: #feba09;}
#time .bot li::after{z-index: -1; content: ''; background: #feba09; opacity: 0.3; border-radius: 20px; width: 100%; height: 100%; position: absolute; left: 0;top: 0;}
#time .bot li h4{font-size: 4rem; margin-bottom: 5px;}
#time .bot li h3{font-size: 5rem;}

@media screen and (max-width:1540px){
    #time .top .img{margin-right: 0px;}
}

@media screen and (max-width:1280px){
    #time .top .img{width: 500px;}
    #time .top .img img{width: 100%;}
    #time .top .img p{font-size: 2.7rem;}
    #time .top .img h3{font-size: 8rem;}
    #time .bot li h4{font-size: 3.5rem;margin-bottom: 10px;}
    #time .bot li h3{font-size: 4.5rem;}
}
@media screen and (max-width:1080px){
    #time .top .img{width: 450px;}
    #time .top .img p{font-size: 2.5rem;}
}
@media screen and (max-width:980px){
    #time .top{flex-wrap: wrap;}
    #time .top .m_txt{width: 100%; text-align: center;}
    #time .top .img{margin: 80px auto 0; width: 550px;}
    #time .top .img p{font-size: 3rem;}
    #time .top .img h3{font-size: 10rem;}
    #time .bot{flex-wrap: wrap;gap: 40px; margin-top: 70px;}
    #time .bot li{width: 100%;}
}
@media screen and (max-width:640px){
    #time .top .img{margin: 50px auto 0;}
    #time .top .img{width: 95%;}
    #time .top .img p{font-size: 4.5vw;}
    #time .top .img h3{font-size: 15vw;}
    #time .top .img p.n1{top: 69.6%; left: 5.9%;}
    #time .top .img p.n2{top: 32.2%; left: 4%;}
    #time .top .img p.n3{top: 4.5%; left: 31.3%;}
    #time .top .img p.n4{top: 8%; left: 71.4%;}
    #time .bot{gap: 20px;}
    #time .bot li{padding: 30px;}
    #time .bot li h4{font-size: 3rem;}
    #time .bot li h3{font-size: 4rem;}
}
@media screen and (max-width:480px){
    #time .bot li h4{font-size: 2.5rem;}
    #time .bot li h3{font-size: 3.5rem;}
}


#ingredient{width: 100%; background: url('/images/main/ing_bg.png') no-repeat center bottom;}
#ingredient ul{ margin-top: 90px; display: flex; justify-content: space-between;}
#ingredient ul li{width: 400px; height: 400px; border-radius: 1000px; position: relative; display: flex; align-items: center; justify-content: center;z-index: 20;}
#ingredient ul li:nth-child(1) {animation: waveMotion1 2s ease-in-out infinite;}
#ingredient ul li:nth-child(2) {margin-top: 80px; animation: waveMotion2 2.5s ease-in-out infinite; animation-delay: 0.5s;}
#ingredient ul li:nth-child(3) {animation: waveMotion3 3s ease-in-out infinite; animation-delay: 1s; }
#ingredient ul li .img{position: absolute;top: 0;left: 0; width: 100%; z-index: -1;}
#ingredient ul li .img img{width: 100%; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.3));}
#ingredient ul li .txt{text-align: center;font-family: 'GongGothic';}
#ingredient ul li .txt h4{font-size: 3rem; color: #fff; margin-bottom: 10px;}
#ingredient ul li .txt h3{font-size: 5rem; color: #feba09;}
#ingredient .b_txt{text-align: center; margin-top: 100px;}
#ingredient .b_txt h3{font-size: 5rem; color: #000; font-family: 'GongGothic'; position: relative; display: inline-block;z-index: 11;}
#ingredient .b_txt h3::before{content: '*'; font-family: 'EliceDigitalBaeum'; font-size: 3rem; color: #000; position: absolute; left: -25px; font-weight: normal; top: -15px;}
#ingredient .b_txt h3 span{position: relative;z-index: -1;display: inline-block;}
#ingredient .b_txt h3 span::after{width: 106%; height: 50%; background: #feba09; z-index: -1; position: absolute; content: ''; top: 50%; left: 50%; transform: translatex(-50%);}
#ingredient .b_txt p{font-size: 2rem; color: #000; font-family: 'EliceDigitalBaeum'; margin-top: 70px;}

@keyframes waveMotion1 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-30px); } 
}

@keyframes waveMotion2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-40px); }
}

@keyframes waveMotion3 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-35px); }
}


@media screen and (max-width:1400px){
    #ingredient ul li{width: 350px; height: 350px;}
    #ingredient ul li .txt h3{font-size: 4.5rem;}
    #ingredient .b_txt h3{font-size: 4rem;}
}
@media screen and (max-width:1280px){
    #ingredient ul li{width: 300px; height: 300px;}
    #ingredient ul li .txt h3{font-size: 4rem;}
    #ingredient .b_txt{margin-top: 80px;}
    #ingredient .b_txt p{font-size: 1.8rem; margin-top: 50px;}
}
@media screen and (max-width:1080px){
    #ingredient{background-size: 150%;}
    #ingredient ul li{width: 290px; height: 290px;}
}
@media screen and (max-width:980px){
    #ingredient{background-size: cover;}
    #ingredient ul{flex-wrap: wrap; justify-content: center; gap: 30px;}
    #ingredient ul li{width: 50vw; height: 50vw;}
    #ingredient ul li:nth-child(1) {animation: none;}
    #ingredient ul li:nth-child(2) {margin-top: 0px;animation: none;}
    #ingredient ul li:nth-child(3) {animation: none;}
}
@media screen and (max-width:680px){
    #ingredient ul{margin-top: 50px;}
    #ingredient ul li{width: 70vw; height: 70vw;}
    #ingredient ul li .txt h4{font-size: 2.5rem;}
    #ingredient ul li .txt h3{font-size: 3.5rem;}
    #ingredient .b_txt{margin-top: 60px;}
    #ingredient .b_txt h3{font-size: 3.5rem;}
    #ingredient .b_txt p{font-size: 1.6rem; margin-top: 40px;}
}



#rent .m_txt h3{position: relative;display: inline-block;}
#rent .m_txt h3:before{content: ''; position: absolute; width: 90px; height: 30px; background: url('/images/main/point_txtbg.png') no-repeat center center; top: 50%; left: -150px; transform: translateY(-50%);}
#rent .m_txt h3:after{content: ''; position: absolute; width: 90px; height: 30px; background: url('/images/main/point_txtbg.png') no-repeat center center; top: 50%; right: -150px; transform: translateY(-50%);}
#rent .mid{background: #fffbf2;}
#rent .factory{display: flex; justify-content: space-between; margin-top: 90px; padding: 90px 0; text-align: center; position: relative; justify-content: center;}
#rent .factory::before{width: 2px; height: 100px; position: absolute; content: ''; left: 50%; top: -50px; transform: translateX(-50%); background: #000;}
#rent .factory .lt{position: absolute; left: 0;}
#rent .factory p{font-size: 3rem; font-family: 'EliceDigitalBaeum'; color: #000;}
#rent .factory .rt{position: absolute; right: 0;}
#rent .box{ background: url('/images/main/rent_bg.png') no-repeat center center; padding: 160px 0; background-size: cover;}
#rent .box ul{display: flex; flex-wrap: wrap; gap: 40px; text-align: center;}
#rent .box ul li{width: calc(100%/4 - 30px); padding: 50px 20px; background: #fff; border-radius: 20px; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%); position: relative;}
#rent .box ul li::after{position: absolute; content: '';background: url('/images/main/num01.png') no-repeat; height: 36px; width: 65px; right: 20px; top: -15px;}
#rent .box ul li:nth-child(1):after{background: url('/images/main/num01.png') no-repeat center right;}
#rent .box ul li:nth-child(2):after{background: url('/images/main/num02.png') no-repeat center right;}
#rent .box ul li:nth-child(3):after{background: url('/images/main/num03.png') no-repeat center right;}
#rent .box ul li:nth-child(4):after{background: url('/images/main/num04.png') no-repeat center right;}
#rent .box ul li h4{color: #000; font-family: 'EliceDigitalBaeum-Bd';margin-bottom: 20px; font-size: 2rem;}
#rent .box ul li h3{color: #feba09; font-family: 'GongGothic'; font-size: 3rem;}


@media screen and (max-width:1500px){
    #rent .factory{margin-top: 80px; padding: 80px 0 160px;}
    #rent .factory .lt{top: 180px;}
    #rent .factory .rt{top: 180px;}
    #rent .box{padding: 160px 0 130px;}
}
@media screen and (max-width:1400px){
    #rent .box ul li{width: calc(100%/2 - 20px);}
    #rent .factory p{font-size: 2.5rem;}
}
@media screen and (max-width:1280px){
    #rent .factory .lt{top: 230px;}
    #rent .factory .rt{top: 230px;}
    #rent .box{padding: 240px 0 130px;}
    #rent .factory p{font-size: 2.2rem;}
}
@media screen and (max-width:980px){
    #rent .factory img{width: 100%;}
    #rent .factory .lt{width: 46%;top: 220px;}
    #rent .factory .rt{width: 46%;top: 220px;}
    #rent .box{padding: 25% 0 130px;}
}
@media screen and (max-width:786px){
    #rent .m_txt h3:before{width: 60px;left: -100px;}
    #rent .m_txt h3:after{width: 60px;right: -100px;}
}
@media screen and (max-width:680px){
    #rent .factory{flex-wrap: wrap; gap: 80px; padding: 80px 0;}
    #rent .factory .txt{width: 100%; order: 1;}
    #rent .factory .lt{position: relative; order: 2; top: 0; width: 90%;}
    #rent .factory .rt{position: relative; order: 3; top: 0; width: 90%;}
    #rent .factory p{font-size: 2rem;}
    #rent .box{padding: 100px 0 100px;}
    #rent .box ul{gap: 30px;}
    #rent .box ul li{width: 100%;}
}
@media screen and (max-width:580px){
    #rent .factory{gap: 60px;}
    #rent .factory p{font-size: 1.8rem;}
    #rent .m_txt h3:before{width: 40px;left: -70px; background-size: cover; height: 20px;}
    #rent .m_txt h3:after{width: 40px;right: -70px; background-size: cover; height: 20px;}
}
@media screen and (max-width:480px){
    #rent .factory{flex-wrap: wrap; gap: 60px;}
    #rent .m_txt h3:before{left: -50px;}
    #rent .m_txt h3:after{right: -50px;}
    #rent .box{padding: 60px 0 60px;}
}
@media screen and (max-width:400px){
    #rent .m_txt h3:before{display: none;}
    #rent .m_txt h3:after {display: none;}
}



#contact { width: 100%; height: auto; background: url('/images/main/contact_bg.png') no-repeat center center; background-size: cover; }
#contact .m_txt h3{color: #fff;}
#contact .m_txt p{color: #fff;}
#contact .call{text-align: center; width: 940px; margin: 60px auto;}
#contact .call a{width: 100%; text-align: center; padding:30px 0; color: #feba09; font-family: 'GongGothic';font-size: 5rem; border: 1px solid #feba09; display: inline-block; border-radius: 20px;}
#contact .call:hover a{background: #feba09; color: #fff;}

#contact .form { color: #fff; font-family: 'S-Core'; width: 90%; margin: 0 auto; max-width: 1040px; }
#contact .form ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#contact .form ul li { width: 48%; display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center;}
#contact .form ul li.width100 { width: 100%; align-items: baseline;}
#contact .form ul li textarea { width: 300px; height: 70px; background: none; border: 1px solid #fff; color: #fff; font-family: 'S-Core'; padding: 3%; box-sizing: border-box; }
#contact .form ul li input { width: 300px; height: 70px; background: none; border: 1px solid #fff; color: #fff; font-family: 'S-Core'; padding: 3%; box-sizing: border-box; }
#contact .form ul li.width100 textarea { width: 841px; height: 210px; }
#contact .form p.tit { font-size: 2rem;}

#contact .submit { width: 100%;margin: 2% auto 0; display: flex; justify-content: center; flex-wrap: wrap;}
#contact .submit > div{width: 100%; text-align: center; font-size: 1.5rem; margin-bottom: 20px;}
#contact .submit span { color: #fff; font-family: 'S-Core'; margin-left: 10px;}
#contact .submit span a { color: #fff; border-bottom: none; font-family: 'S-Core'; }
#contact .submit p:last-child input { width: 300px; height: auto; font-size: 3rem; padding: 20px 0; font-family: 'GongGothic'; background: #feba09; border: none; color: #fff; cursor: pointer;}


@media screen and (max-width: 1280px) {
    #contact .call{width: 80%;}
    #contact .call a{font-size: 4rem;}
    #contact .form ul li textarea {width: calc(100% - 180px);}
    #contact .form ul li input {width: calc(100% - 180px);}
    #contact .form ul li.width100 textarea {width: calc(100% - 180px);}
}
@media screen and (max-width: 980px) {
    #contact .call{width: 90%;}
    #contact .call a{font-size: 3rem;}
    #contact .form { width: 95%; }
    #contact .form ul li textarea {width: calc(100% - 140px);}
    #contact .form ul li input {width: calc(100% - 140px);}
    #contact .form ul li.width100 textarea {width: calc(100% - 140px);}
    #contact .form p.tit { font-size: 1.8rem;}
}
@media screen and (max-width: 786px) {
    #contact .call{width: 95%; margin: 40px auto 50px;}
    #contact .call a{padding: 15px; border-radius: 10px;font-size: 2.5rem;}
    #contact .form ul li { width: 100%;}
    #contact .form ul li textarea {height: 50px;}
    #contact .form ul li input {height: 50px;}
    #contact .submit p:last-child input { max-width: 300px; font-size: 2.5rem; padding: 10px 0;}
}
@media screen and (max-width: 480px) {
    #contact .form p.tit { font-size: 1.6rem;}
    #contact .call a{font-size: 2.2rem;}
    #contact .form ul li textarea {width: calc(100% - 120px);}
    #contact .form ul li input {width: calc(100% - 120px);}
    #contact .form ul li.width100 textarea {width: calc(100% - 120px); height: 150px;}
}