/* popup */
.pc {
  display: block;
}

.mobile {
  display: none !important;
}

.layer-popup {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  box-shadow: 2px 3px 10px #555;
  border-radius: 10px;
  height: auto !important;
}

.layer-popup:nth-child(1) {
  left: 0;
}

.layer-popup img {
  width: 100%;
  height: auto !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.layer-popup .show-chk-wrap {
  display: flex;
  padding: 6px 10px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.layer-popup .show-chk-wrap a {
  font-size: 16px;
  color: #505050;
}

.layer-popup .show-chk-wrap a:hover {
  color: #222;
  font-weight: 600;
  transition: 0.3s;
}

.close-popup {
  box-sizing: border-box;
  padding: 4px 12px;
  border: 1px solid #999;
  border-radius: 4px;
}

.close-popup:hover {
  border: 1px solid #505050; 
  background-color:#505050; 
  color: #fff !important;
  transition: 0.3s;
}

/* page2 */

#page2 {
  background: url(../img/page2/pg2-bg.png);
  background-position: center center !important;
  background-size: cover !important;
  box-sizing: border-box;
  padding: 100px 20px;
  position: relative; 
  background-color: #262626;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.pg2-point {
  width: fit-content;
  border-radius: 48px;
  border: 1px solid var(--Point, #F6E81D);
  display: inline-flex;
  box-sizing: border-box;
  padding: 32px 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.pg2-point>.blink {
  color:  #FFFBC0;
  text-shadow: 0px 0px 32px #F6E81D;
}

.blink {
  animation: blink 2s infinite 1s;
}

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

.pg2-point>p:last-child {
  color: #F5F5F5;
}

.pg-tit-div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.pg-tit-div>.pg-top-tit {
  color:  #FFF;
}

.pg-tit-div>.pg-bottom-tit {
  color:  #F6E81D;
}

.pg-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.pg2-box {
  width: 33.3%;
  height: 350px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  border-radius: 4px;
  padding-top: 40px;
}

.pg2-box:hover {
  border: 0.5px solid #F6E81D;
  background: rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 20px 0px rgba(246, 232, 29, 0.60);
}

.pg2-box-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.pg2-box-div>p {
  color: #FFFBC0;
}

.pg2-box:hover .pg2-box-div>p {
  color: #F6E81D;
}

.pg2-box:hover .pg2-box-div>svg path{
  fill: #F6E81D;
}

.pg2-box>p {
  color:  #FAFAFA;
}


/* page3 */

#page3 {
  background: url(../img/page3/pg3-bg.png);
  background-position: center center !important;
  background-size: cover !important;
  box-sizing: border-box;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.pg-tit-div2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.pg-tit-div2>.pg-top-tit {
  color: #262626;
}

.pg-tit-div2>.pg-bottom-tit {
  color: #262626;
}

#page3 .pg-container {
  gap: 20px;
}

.pg3-circle {
  border-radius: 1000px;
  border: 4px solid #262626;
  background:  #FFF;
  width: calc(33.3% - 14px);
  padding: 7.7% 0;
  display: flex;
  gap: 65px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pg3-circle>.bold {
  color: #D4D4D4;
}

.pg3-circle>.g40:last-child {
  color: #262626;
}

.pg3-circle:nth-child(2) {
  background: #262626;
}

hr {
  display: inline-flex !important;
  opacity: 1;
  margin: 0;
}

.pg3-bottom-container {
  width: 100%;
  display: flex;
  gap: 50px;
  align-items: center;
}

.pg3-bottom-container hr{
  width: 100%;
  height: 1px;
  background: #737373;
}

.pg3-bottom-container hr:first-child {
  margin-bottom: 45px;
}

.pg3-bottom-container hr:last-child {
  margin-top: 30px;
}

.pg3-bottom-container>p {
  white-space: nowrap;
  color: #404040;
}


/* page4 */

#page4 {
  background: url(../img/page4/pg4-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #525252;
}

.pg4-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.pg4-bubble {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pg4-bubble>.g32 {
  border-radius: 24px;
  background: #DC2626;
  display: flex;
  gap: 5px;
  box-sizing: border-box;
  padding: 15px 40px 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: -2px;
}

#page4 .pg-container {
  max-width: 1150px;
  gap: 16px;
}

.pg4-tag {
  border-radius: 1000px;
  background:#171717;
  display: flex;
  box-sizing: border-box;
  padding: 25px 50px;
  justify-content: center;
  align-items: center;
  color: #FFFBC0;
}

.pg4-bottom-container {
  max-width: 1150px;
  width: 100%;
  display: flex;
  gap: 40px;
  position: relative;
  margin-top: 50px;
}

.profit-box {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.profit-box>.g40 {
  box-sizing: border-box;
  padding: 20px;
  border-top: 2px solid #737373;
  border-bottom: 1px solid #737373;
}

.profit-box:last-child>.g40 {
  border-top: 2px solid #D4D4D4;
}

.profit-box:last-child .profit-div {
  border-bottom: 2px solid #D4D4D4;
}

.profit-div {
  display: flex;
  gap: 12px;
  align-items: end;
  justify-content: center;
  padding: 60px 0;
  border-bottom: 2px solid #737373;
}

.pg4-percent {
  max-width: 260px;
  width: 35%;
  position: absolute;
  right: -18%;
  top: -40%;
}


/* page5 */
#page5 {
  background: url(../img/page5/pg5-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #EFE8DC;
  /* overflow: hidden; */
}

.pg5-top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.pg5-top>p {
  color: #262626;
  text-align: center;
  font-weight: 500;
  line-height: 150%; /* 48px */
}

#page5 .pg-container {
  padding: 0 20px;
  box-sizing: border-box;
  gap: 40px;
  align-items: start;
  overflow: hidden;
}

.pg5-graph-wrap {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.graph-top-div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.pg5-graph-wrap .graph-top-div {
  display: none;
}

.graph-tit-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: sticky;
  top: 80px;
  z-index: 10;
  margin-bottom: -50px;
  padding-top: 30px;
  margin-top: -30px;
}

.graph-tit-container.bg-beige {
  background: #d8d2c7;
}

.graph-tit-div {
  max-width: 1250px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.graph-top-div>.g40 {
  box-sizing: border-box;
  padding: 8px 40px;
  border-radius: 20px;
  background: #481601;
}

.graph-top-div>.p32 {
  color: rgba(17, 17, 17, 0.60);
}

.pg5-graph {
  height: 550px;
}

.pg5-table-container {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: end;
}

.total-div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 8px 32px;
  border-radius: 12px;
  background: #0A0A0A;
  margin-bottom: -4px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th, table td {
  font-family: 'GmarketSansMedium';
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -1.22px;
  text-align: center;
  color: #262626;
  border: none;
}

table td {
  padding: 8px 16px;
}

#page5 table {
  border-bottom: 4px solid  #525252;
}


/* page6 */
#page6 {
  background: #F6ECD9;
  backdrop-filter: blur(10px);
  padding: 100px 0 80px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
}

.pg6-container {
  display: flex;
  gap: 16px;
  align-items: center;
}

.pg6-container>p {
  color: #F5F5F5;
  border-radius: 50px;
  background: #1F0909;
  display: flex;
  box-sizing: border-box;
  padding: 20px 40px;
  justify-content: center;
  align-items: center;
}

.interior-swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: -40px;
}

.interior-swiper-container .swiper-slide {
  height: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.40);
  border-radius: 12px;
  overflow: hidden;
}

.interior-swiper-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.interior-swiper-container .swiper-wrapper{
  transition-timing-function: linear;
}

.interior-container {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  gap: 8px;
}

.interior-container img {
  width: calc(50% - 4px);
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.20);
}

#page6>p {
  color: #262626;
}


/* page7 */
#page7 {
  background: #F6ECD9;
  backdrop-filter: blur(10px);
  box-sizing: border-box;
  padding: 0 20px 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  overflow: hidden;
}

.pg7-inner {
  background: url(../img/page7/pg7-bg.png);
  background-position: center center !important;
  background-size: cover !important;
  width: 100%;
  box-sizing: border-box;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  background-color: #191919;
}

#page7 .pg-container {
  width: 90%;
  display: flex;
  justify-content: space-between;
}

#page7 .g48 {
  font-size: 40px;
  line-height: 125%;
  letter-spacing: -2.4px;
}

.pg7-left {
  color:  #F5F5F5;
}

.pg7-left span {
  color: #FFD78B;
}

.pg7-right {
  width: 45%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.pg7-right img{
  width: 100%;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.40);
}

.absol-img-div {
  width: 45% !important;
  position: absolute;
  left: 5%;
  top: 65%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.absol-img {
  box-shadow: none !important; 
}


/* page8 */

#page8 {
  background: url(../img/page8/pg8-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #FFF;
}

#page8 .pg-container {
  gap: 20px;
}

.pg8-circle-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.pg8-circle {
  width: 285px;
  height: 285px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1000px;
  background: #F5F5F5;
}

.pg8-circle>img {
  height: 180px;
}

.pg8-circle-div>.g32 {
  color: #404040;
}

.h-180 {
  height: 150px !important;
}

.pg8-circle:hover {
  transform: scale(1.1);
}


/* page9 */
#page9 {
  background: #FFF;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
}

#page9 .pg-top-tit {
  display: flex;
  gap: 8px;
  align-items: center;
}

#page9 .pg-top-tit .w {
  border-radius: 8px;
  background: #16A34A;
  display: flex;
  box-sizing: border-box;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  font-size: 52px;
  letter-spacing: -3.12px;
}

#page9 .pg-tit-div>.c120 {
  color: #171717;
}

.review-swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 470px;
}

.review-swiper-container img {
  width: 100%;
}

.review-swiper-container .swiper-slide {
  border-radius: 12px;
  overflow: hidden;
}

.review-img {
  background-size: cover !important;
  height: 100%;
  background-position: center center !important;
}

.review1 {
  background: url(../img/page9/review.png);
}

.review2 {
  background: url(../img/page9/review2.png);
}

.review3 {
  background: url(../img/page9/review3.png);
}

.review4 {
  background: url(../img/page9/review4.png);
}

.review5 {
  background: url(../img/page9/review5.png);
}


/* page9 */ 

#page10 {
  background: url(../img/page10/pg10-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #171717;
}

#page10 .pg-container {
  gap: 20px;
  row-gap: 80px;
  flex-wrap: wrap;
  position: relative;
}

.youtube-swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.youtube-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.youtube-wrap>iframe {
  width: 100%;
  height: 240px;
  border-radius: 12px;
}

.youtube-wrap>.g24 {
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #F5F5F5;
}

.youtube-nav-wrap {
  width: 108.7%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 30%;
  left: -4.3%;
}

.nav-btn {
  width: 56px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:  rgba(0, 0, 0, 0.20);
  z-index: 50;
}

.nav-btn:hover {
  background: rgba(0, 0, 0, 0.60);
  transition: 0.3s;
}


/* page11 */
#page11 {
  background: url(../img/page11/pg11-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #F5F5F5;
}

.pg11-top-div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.pg11-top-div>p:first-child {
  color:#737373;
  text-align: center;
  font-family: 'nanummyeongjo';
  font-size: 40px;
  font-weight: 800;
  line-height: 140%; /* 100.8px */
}

.pg11-top-div>p:last-child {
  color:#171717;
  text-align: center;
  font-family: 'nanummyeongjo';
  font-size: 88px;
  font-weight: 800;
  line-height: 120%; 
}

.pg11-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pg11-container>.w {
  display: flex;
  width: 100%;
  padding: 28px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #171717;
  flex-direction: column;
}

.pg11-img-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.pg11-img {
  width: calc(50% - 10px);
  object-fit: cover;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}

.pg11-container>.g60:last-child {
  border-radius: 12px;
  background: #FFF;
  display: flex;
  width: 100%;
  padding: 28px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}


/* page12 */

#page12 {
  background: url(../img/page12/pg12-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #EFE8DC;
}

#page12 .pg-container {
  gap: 20px;
  align-items: start;
}

.sns-box {
  width: calc(25% - 15px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sns-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.sns-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
  padding: 0 8px;
}

.sns-div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sns-mark {
  width: 36px;
}

.sns-div>.g20, .sns-wrap>.g16 {
  color: #404040;
}

.sns-div>.g20 {
  line-height: 160%;
  letter-spacing: -1.2px;
}

.sns-wrap>.g16 {
  box-sizing: border-box;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3; 
  overflow: hidden; 
}


/* page13 */
#page13 {
  background: url(../img/page13/pg13-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  background-color: #303030;
  overflow: hidden;
}

#page13 .pg-top-tit {
  color: #D9D3C8;
}

.menu-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.menu-tap-container {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}

.menu-tab {
  color: #FFF;
  background: rgba(255, 255, 255, 0.10);
  box-sizing: border-box;
  padding: 15px 30px;
  cursor: pointer;
  transition: 0.3s !important;
}

.menu-tab:hover, .click {
  color: #FFD78B !important;
  font-weight: 700;
}

.menu-wrap {
  width: 100%;
  gap: 20px;
  flex-wrap: wrap;
}

.contain-none {
  display: none !important;
}

.contain-active {
  display: flex !important;
}

.menu-swiper-container {
  width: 100%;
}

.menu-swiper-container .swiper-wrapper {
  transition-timing-function: linear;
}

.menu-swiper-container img {
  width: 100%;
}

/* page14 */
#page14 {
  background: url(../img/page14/pg14-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
}

#page14 .pg-container {
  row-gap: 80px;
}

.process-wrap {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.process-line-div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.process-circle {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  opacity: 0.9;
  background: #FFD78B;
  box-shadow: 0px 0px 8px 0px rgba(246, 232, 29, 0.60);
  white-space: nowrap;
}

.process-line-div hr {
  width: 90%;
  background: #FFD78B;
}

.process-content-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.process-content-div>.g40 {
  line-height: 140%;
}

.process-content-wrap>.g28 {
  color: #E5E5E5;
}


/* page15 */
#page15 {
  background: url(../img/page15/pg15-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  background-color: #F5F5F5;
}

.pg15-top-div {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}

.pg15-top-div>.g48 {
  color: #262626;
}

.cost-table-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: end;
}

.cost-table-container>p {
  color: #262626;
}

.cost-table-container table td {
  padding: 20px 5px;
  border-bottom: 1px solid #E5E5E5;
}

.cost-table-container table tr:nth-last-child(2) td {
  border-bottom: none;
}

.cost-table-container table td:nth-child(2) {
  word-break: keep-all;
}

.cost-table-container table th {
  padding: 12px 0px;
  background: #525252;
  color: #FAFAFA;
  font-weight: 400;
}

.cost-table-container table th:nth-child(2) {
  width: 50%;
}

.cost-table-container table th:first-child, .cost-table-container table tr:last-child td:first-child {
  border-radius: 12px 0 0 12px;
}

.cost-table-container table th:last-child, .cost-table-container table tr:last-child td:last-child {
  border-radius: 0 12px 12px 0;
}

.cost-table-container table tr:last-child td{
  background: #DC2626;
  border: none;
  color: #FAFAFA;
}

.cost-table-container>.g28 {
  color: #737373;
  word-break: keep-all;
}


/* contact */

#contact {
  background: url(../img/contact/contact-bg.png);
  background-position: center center !important;
  background-size: cover !important; 
  box-sizing: border-box;
  padding: 100px 20px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  background-color: #171717;
}

.contact-container {
  max-width: 1000px;
  width: 100%;
  border-radius: 16px;
  background: #FFF;
  box-sizing: border-box;
  padding: 80px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.contact-tit {
  font-size: 28px;
  line-height: 125%;
  letter-spacing: -2.4px;
  text-align: center;
}

.contact-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item label {
  width: 200px;
}

input[type="text"], textarea {
  width: calc(100% - 200px);
  box-sizing: border-box;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #D4D4D4;
  resize: none;
  color: #262626;
  font-family: "GmarketSansMedium";
  font-size: 16px !important;
  line-height: 140% !important;
  letter-spacing: -1.0px !important;
}

.item:nth-last-child(2) {
  align-items: start;
}

.item:nth-last-child(2) label {
  padding-top: 10px;
}

textarea {
  height: 200px;
}

input[type="text"]::placeholder, textarea::placeholder {
  color: #A3A3A3;
  font-family: "GmarketSansMedium";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -1.0px;
}

.c-btn {
  width: 200px;
  border-radius: 12px;
  background: #0A0A0A;
  border: none;
  padding: 16px 0px;
}

.c-btn:hover {
  background: #1F0909;
}

.radio-wrap {
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  gap: 40px;
}

.radio-div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.radio-wrap2 {
  width: calc(100% - 200px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.radio-div2 {
  width: 33.3%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.radio-div label, .radio-div2 label {
  width: fit-content !important;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -1.0px;
}

[type="radio"] {
  appearance: none;
  border: 2px solid #A3A3A3;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  transition: border 0.5s ease-in-out;
}

[type="radio"]:checked {
  background-color: #111; 
  border: 6px solid #fff;
  box-shadow: 0 0 0 2px #A3A3A3; 
}

.form-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agree-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.round-checkbox {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50px;
  appearance: none;
  position: relative;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #C5C6CC;
}

.round-checkbox:checked::before {
  font-size: 100%;
  color: #fff;
  position: relative;
}

.round-checkbox:checked {
  background-image: url("../img/check.png");
  background-size: 15px !important;
  background-position: center center !important;
  background-color: #222;
  background-repeat: no-repeat;
  border: none;
}

.agree-open {
  font-family: 'GmarketSansBold';
  cursor: pointer;
}

#contact .g20 {
  letter-spacing: normal;
}

.agree-modal {
  position: fixed;
  top: 2.5vh;
  width: 1080px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  cursor: pointer;
  z-index: 200;
  box-sizing: border-box;
  padding: 0 48px;
  padding-top: 60px !important;
  padding-bottom: 20px !important;
  justify-content: initial !important;
  height:95vh;
  gap: 20px !important;
  display: none;
}

.agree-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: end;
  cursor: pointer;
}

.agree-close > svg {
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.80);
  padding: 6.4px 6.4px 5.6px 5.6px;
}

.agree-close>svg:hover {
  background: #000;
  transition: 0.3s;
}

.agree-modal>.title {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.agree-modal .p24 {
  color: #111;
  font-size: 20px;
  line-height: 140%; 
  letter-spacing: -1.24px;
}

.agree-modal .p40 {
  font-size: 40px;
  line-height: 125%;
  letter-spacing: -2.4px;
}

.agree-modal>.content {
  margin-top: 20px;
  height: 87%;
  overflow: scroll;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #505050;
}

.agree-logo {
  width: 180px;
}

.mo-tit {
  display: none;
}

.modal-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 101 !important;
}

/* 1250px */
.big-br {
  display: none;
}

/* 950px */
.mi-br {
  display: none;
}

/* 768px */
.ta-br {
  display: none;
}

/* 600px */
.mo-br {
  display: none;
}

/* 370px */
.xxs-br {
  display: none;
}


/* 리뉴얼 */
#main {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.bg-div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-div::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  z-index: 10;
  padding-top: 80px;
}

.main-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.main-w-logo {
  width: 320px;
  display: none;
}

.main-top p {
  color: #FFF;
  text-align: center;
  font-family: "GmarketSansMedium";
  font-size: 52px;
  line-height: 140%; /* 72.8px */
  letter-spacing: -3.12px;
}

.main-wrap {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
}

.main-wrap>hr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 1500px;
  width: 90%;
  height: 1.5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 10%, rgba(255, 255, 255, 0.50) 50%, rgba(255, 255, 255, 0.30) 90%, rgba(255, 255, 255, 0.00) 100%);
  opacity: 1;
}

.main-div {
  width: 402px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  z-index: 5;
}

.main-div p:first-child {
  color: #F5F5F5;
  text-align: center;
  font-family: "GmarketSansMedium";
  font-size: 32px;
  line-height: 140%; /* 44.8px */
  letter-spacing: -1.92px;
}

.main-div p:last-child {
  color: #F5F5F5;
  text-align: center;
  font-family: "Gmarket Sans";
  font-size: 72px;
  line-height: 140%; /* 100.8px */
  letter-spacing: -4.32px;
}

.main-circle {
  display: flex;
  width: 330px;
  height: 330px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 500px;
  border: 30px solid rgba(10, 10, 10, 0.40);
  background: #0A0A0A;
  position: relative;
  z-index: 5;
}

.main-circle-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-circle-div hr {
  display: none !important;
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.40);
  z-index: 3;
}

.main-circle p:first-child {
  color: #FFFBC0;
  text-align: center;
  font-family: "Gmarket Sans";
  font-size: 40px;
  line-height: 140%; /* 56px */
  letter-spacing: -2.4px;
}

.main-circle p:nth-child(2) {
  color: #FFFBC0;
  text-align: center;
  font-family: "Gmarket Sans";
  font-size: 100px;
  line-height: 140%; /* 140px */
  letter-spacing: -6px;
}

.main-circle::before {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  content: ''; 
  border-radius: 100%; 
  background: #0A0A0A; 
  opacity: 0.5; 
  z-index: 4; 
  animation: circle_zoom 0.8s linear infinite;
  -webkit-animation: circle_zoom 0.8s linear infinite;
}

@keyframes circle_zoom {
	0%		{-webkit-transform:scale(1.00); -ms-transform:scale(1.00); transform:scale(1.00); opacity:0.8;}
	30%		{-webkit-transform:scale(1.40); -ms-transform:scale(1.40); transform:scale(1.40); opacity:0.4;}
	60%		{-webkit-transform:scale(1.70); -ms-transform:scale(1.70); transform:scale(1.70); opacity:0;}
	100%	{opacity:.0;}
}

.main-bottom-txt {
  color: #F6ECD9;
  text-align: center;
  font-family: "Yoon Dokrip";
  font-size: 72px;
  line-height: 140%; /* 100.8px */
  letter-spacing: -4.32px;
}


/* story */
#story-section {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 140px 0px;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  background: #F6ECD9;
  position: relative;
  overflow: hidden;
}

.story-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.story-bubble {
  width: 300px;
  animation: upDown 1.5s linear infinite;
  -webkit-animation: upDown 1.5s linear infinite;
}

@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

#story-section .pg-bottom-tit {
  color: #171717;
}

.story-container {
  max-width: 1366px;
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
}

.story-swiper-container {
  width: 700px;
  aspect-ratio: 7 / 6;
  position: relative;
  background: #111;
  overflow: hidden;
  border-radius: 20px;
}

.story-swiper-container iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
  width: 96%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  z-index: 5;
}

.nav-btn {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.10);
  pointer-events: auto;
}

.nav-btn:hover {
  background: rgba(255, 255, 255, 0.30);
}

.story-content {
  color: #444;
  font-size: 22px;
  font-weight: 500;
  line-height: 160%; /* 35.2px */
  letter-spacing: -1.32px;
  word-break: keep-all;
}

.story-text {
  position: absolute;
  /* text-shadow: 0 0 20px rgba(255, 255, 255, 0.50); */
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
  font-family: "Gmarket Sans";
  font-size: 195px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 364px */
  letter-spacing: -10.6px;
  position: absolute;
  left: 0;
  bottom: -25px;
  color: transparent;
  white-space: nowrap;
}


/* plus */
#plus-section {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 140px 0;
  align-items: center;
  justify-content: center;
  background: url(../img/plus-bg.png);
  background-position: center center !important;
  background-size: cover !important;
  overflow: hidden;
}

.plus-inner {
  max-width: 1440px;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.plus-absol {
  max-width: 865px;
  width: 60%;
  position: absolute;
  right: -17%;
  top: -10px;
}

.plus-img {
  width: 100%;
}

.plus-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
}

.plus-top .pg-top {
  align-items: flex-start;
}

.plus-top .pg-top-tit {
  color: #D9D3C8;
}

.plus-top-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.plus-top-wrap>p {
  color: #FFF;
  font-family: "GmarketSansLight";
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -2.2px;
}

.plus-top-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.plus-top-div p:first-child {
  color: #FFF;
  font-family: "GmarketSansMedium";
  font-size: 48px;
  line-height: 140%; /* 72.8px */
  letter-spacing: -3.0px;
}

.plus-top-div p:last-child {
  color: #FFD78B;
  font-family: "Gmarket Sans";
  font-size: 64px;
  line-height: 140%; /* 100.8px */
  letter-spacing: -4.12px;
  border-top: 1px solid #FFD78B;
  border-bottom: 1px solid #FFD78B;
}

.plus-container {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -120px;
}

.plus-chart {
  width: 45%;
  display: flex;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.plus-chart-div {
  width: 100%;
  position: relative;
  animation: rotate 120s linear infinite;
}

.plus-chart img {
  width: 100%;
}

.analisys_graph_name {
  position: absolute; 
  font-family: 'Gmarket Sans'; 
  text-align: center; 
  font-size: 20px;
  line-height: 130%; /* 26px */
  letter-spacing: -1.2px;
  color: #0A0A0A; 
  animation: rotate2 120s linear infinite;
}

.analisys_graph_name:nth-child(2) {
  top: 33%; 
  left: 80%;
  color: #FFF;
  font-size: 28px;
  line-height: 130%; /* 36.4px */
  letter-spacing: -1.68px;
}

.analisys_graph_name:nth-child(3) {
  top: 84%; 
  left: 50%;
  font-size: 28px;
  line-height: 130%; /* 36.4px */
  letter-spacing: -1.68px;
}

.analisys_graph_name:nth-child(4) {
  top: 85%; 
  left: 26%;
  font-family: "GmarketSansMedium";
}

.analisys_graph_name:nth-child(5) {
  top: 76%; 
  left: 22%;
  font-family: "GmarketSansMedium";
}

.analisys_graph_name:nth-child(6) {
  top: 75%; 
  left: 10%;
  font-family: "GmarketSansMedium";
}

.analisys_graph_name:nth-child(7) {
  top: 65%; 
  left: 11%;
  font-family: "GmarketSansMedium";
}

.analisys_graph_name:nth-child(8) {
  top: 26%; 
  left: 6%;
  font-size: 28px;
  line-height: 130%; /* 36.4px */
  letter-spacing: -1.68px;
}

@keyframes rotate {
	0%	{transform: rotate(0deg); -webkit-transform:rotate(0deg);}
	100%	{transform: rotate(360deg); -webkit-transform:rotate(360deg);}
}

@keyframes rotate2 {
	0%	{transform: rotate(0deg); -webkit-transform:rotate(0deg);}
	100%	{transform: rotate(360deg); -webkit-transform:rotate(-360deg);}
}

.plus-chart-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 5;
}

.plus-chart-txt p {
  color: #FFD78B;
  text-align: center;
  font-family: "Gmarket Sans";
  font-size: 32px;
  line-height: 160%; /* 64px */
  letter-spacing: -2.2px;
  white-space: nowrap;
}

.plus-chart-txt p span {
  font-size: 72px;
  line-height: 100%; /* 80px */
  letter-spacing: -4.5px;
}

.plus-table-wrap {
  width: 45%;
  position: relative;
}

.badge-img-div {
  max-width: 260px;
  width: 45%;
  position: absolute;
  top: -19%;
  left: -8%;
  z-index: 5;
}

.badge-img {
  width: 100%;
}

.plus-table-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

.plus-table-img {
  width: 100%;
}

.plus-table {
  width: 100%;
  border-collapse: collapse;
  background: #F8F8F8;
}

.plus-table-div {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plus-table-div:first-child {
  background: #525252;
}

.plus-table-div p {
  color: #262626;
  text-align: center;
  font-family: "GmarketSansMedium";
  font-size: 28px;
  line-height: 140%; /* 44.8px */
  letter-spacing: -1.87px;
}

.plus-table-div p span {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -1.0px;
}

.plus-table-div:nth-child(n+2) p:first-child {
  width: 154px;
}

/* triangle */
#triangle-section {
  width: 100%;
  display: flex;
  padding-top: 10px;
  padding-bottom: 100px;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, #1F0909 0%, #3D241A 100%);
  overflow: hidden;
  margin-top: -2px;
}

.triangle-img {
  max-width: 460px;
  width: 25%;
}

.mo-triangle {
  max-width: unset;
  width: 100% !important;
  display: none;
}

.triangle-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

.triangle-container img {
  width: 500px;
  animation: upDown 1.5s linear infinite;
  -webkit-animation: upDown 1.5s linear infinite;
}

.triangle-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.triangle-div .pg-bottom-tit, .triangle-div .pg-top-tit {
  font-family: 'Gmarket Sans';
}

.triangle-div .text {
  color: #D9D3C8;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 140%; /* 72.8px */
  letter-spacing: -2.5px;
}

.triangle-div .text span {
  color: #FFD78B;
  font-size: 48px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -2.8px;
}

/* management */
#management-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 140px 0px 200px;
  position: relative;
  overflow: hidden;
}

.manage-bg {
  width: 100%;
  height: 105%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.management-swiper-container {
  width: 100%;
  overflow: hidden;
  z-index: 5;
}

.management-swiper-container .swiper-wrapper {
  transition-timing-function: linear;
}

.management-swiper-container img {
  width: 100%;
  border-radius: 16px;
}

.management-wrap {
  display: none;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
  z-index: 5;
  position: relative;
}

.management-wrap img {
  border-radius: 8px;
  width: calc(50% - 8px);
}

.factory {
  max-width: 560px;
  width: 90%;
  position: absolute;
  right: 0px;
  bottom: -0.373px;
  z-index: 5;
}

@media(min-width: 1700px) {
  .pg-container, .pg11-container, .menu-container, .cost-table-container {
    max-width: 1420px;
  }
  .pg2-box {
    height: 400px;
  }
  .pg3-circle {
    height: 465px;
  }
  .pg4-bubble>.g32 {
    padding: 20px 60px;
  }
  .pg4-tag {
    padding: 40px;
  }
  #page4 .pg-container, .pg4-bottom-container {
    max-width: 1480px;
  }
  table th, table td {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .sm-txt {
    font-size: 27.692px;
    letter-spacing: -1.662px;
  }
  .pg5-graph {
    height: 680px;
  }
  .pg8-circle {
    width: 345px;
    height: 345px;
  }
  .pg8-circle>img {
    height: 240px;
  }
  .h-180 {
    height: 180px !important;
  }
  .youtube-wrap>iframe {
    height: 260px;
  }
  .pg11-top-div>p:first-child {
    font-size: 72px;
    line-height: 140%; /* 100.8px */
  }
  .pg11-top-div>p:last-child {
    font-size: 160px;
    line-height: 120%; 
  }
  .menu-tab {
    padding: 20px 40px;
  }
  .contact-tit {
    font-size: 44px;
    letter-spacing: -2.64px;
  }
  input[type="text"], textarea, input[type="text"]::placeholder, textarea::placeholder {
    font-size: 20px !important;
    line-height: 140% !important; /* 28px */
    letter-spacing: -1.2px !important;
  }
  .radio-div label, .radio-div2 label {
    font-size: 18px !important;
    line-height: 140% !important; /* 28px */
    letter-spacing: -1.2px !important;
  }
  .item label {
    width: 240px;
  }
  input[type="text"], textarea, .radio-wrap, .radio-wrap2 {
    width: calc(100% - 240px);
  }
  [type="radio"] {
    width: 36px;
    height: 36px;
  }
  .youtube-nav-wrap {
    width: 107.6%;
    left: -3.7%;
  }
  #page7 .g48 {
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -3.28px;
  }
  .graph-tit-div {
    max-width: 1480px;
  }
  .h-br {
    display: none;
  }
  .story-bubble {
    width: 331px;
  }
  .story-text {
    font-size: 260px;
    letter-spacing: -15.6px;
    bottom: -35px;
  }
  .plus-top-wrap>p {
    font-size: 40px;
    letter-spacing: -2.4px;
  }
  .plus-top-div p:first-child {
    font-size: 52px;
    letter-spacing: -3.12px;
  }
  .plus-top-div p:last-child {
    font-size: 72px;
    letter-spacing: -4.32px;
  }
  .plus-chart-txt p {
    font-size: 40px;
    letter-spacing: -2.4px;
  }
  .plus-chart-txt p span {
    font-size: 80px;
    letter-spacing: -4.8px;
  }
  .plus-table-div p {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .plus-table-div p span {
    font-size: 20px;
    letter-spacing: -1.2px;
  }
  .triangle-container img {
    width: 546px;
  }
  .triangle-div .text {
    font-size: 48px;
    letter-spacing: -2.8px;
  }
  .triangle-div .text span {
    font-size: 56px;
    letter-spacing: -3.2px;
  }
}

@media(max-width: 1500px) {
  .main-top p {
    font-size: 48px;
    letter-spacing: -3.28px;
  }
  .main-wrap {
    gap: 60px;
  }
  .main-div p:first-child {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  .main-div p:last-child {
    font-size: 64px;
    letter-spacing: -4px;
  }
  .main-circle {
    width: 290px;
    height: 290px;
  }
  .main-circle p:first-child {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .main-circle p:nth-child(2) {
    font-size: 88px;
  }
  .main-bottom-txt {
    font-size: 64px;
    letter-spacing: -4px;
  }
  .story-swiper-container {
    width: 600px;
  }
  .plus-chart, .plus-table-wrap {
    width: 47%;
  }
}

@media(max-width: 1450px) {
  .youtube-wrap>iframe {
    height: 250px;
  }
}

@media (max-width: 1350px) {
  .pg4-percent {
    width: 30%;
    right: -5%;
    top: -35%;
  }
  .youtube-nav-wrap {
    width: 100%;
    left: 0;
  }
  .story-container {
    flex-direction: column;
    gap: 60px;
  }
  .story-swiper-container {
    max-width: 700px;
    width: 100%;
  }
}

@media(max-width: 1250px) {
  .pg2-box {
    gap: 30px;
    height: 320px;
  }
  .pg3-circle {
    width: 350px;
    height: 350px;
    gap: 35px;
  }
  #page3 .g40 {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  .pg4-tag, .pg6-container>p {
    padding: 15px 30px;
  }
  .pg4-container {
    gap: 20px;
  }
  .pg4-bottom-container {
    margin-top: 20px;
    gap: 30px;
  }
  .pg5-graph {
    height: 500px;
  }
  #page7 {
    padding: 0 20px 100px;
  }
  .pg7-inner {
    padding: 80px 0;
    gap: 60px;
  }
  .pg8-circle {
    width: 300px;
    height: 300px;
  }
  #page8 .pg-container {
    width: 70%;
  }
  .pg11-top-div {
    gap: 20px;
  }
  .pg11-top-div>p:first-child {
    font-size: 32px;
  }
  .pg11-top-div>p:last-child {
    font-size: 72px;
  }
  .menu-wrap {
    gap: 16px;
  }
  .menu-box {
    width: calc(33% - 8px);
  }
  .pg15-top-div {
    gap: 40px;
  }
  #page7 .g48 {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .main-top p {
    font-size: 48px;
    letter-spacing: -3.28px;
  }
  .main-wrap {
    gap: 40px;
  }
  .main-wrap hr {
    top: 51%;
  }
  .main-div {
    width: 350px;
  }
  .main-div p:first-child {
    font-size: 24px;
    letter-spacing: -2px;
  }
  .main-div p:last-child {
    font-size: 56px;
    letter-spacing: -2.22px;
  }
  .main-circle {
    width: 240px;
    height: 240px;
  }
  .main-circle p:first-child {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  .main-circle p:nth-child(2) {
    font-size: 72px;
  }
  .main-bottom-txt {
    font-size: 56px;
    letter-spacing: -2.22px;
  }
  #story-section {
    padding: 100px 0;
  }
  .story-content {
    text-align: center;
  }
  .story-text {
    font-size: 160px;
    letter-spacing: -10.2px;
  }
  #management-section {
    padding: 100px 0 160px;
  }
  .factory {
    max-width: 480px;
  }
  #plus-section {
    padding: 100px 0;
  }
  .plus-top-wrap>p {
    font-size: 28px;
    letter-spacing: -2px;
  }
  .plus-top-div p:first-child {
    font-size: 40px;
    letter-spacing: -2.4px;
  }
  .plus-top-div p:last-child {
    font-size: 56px;
    letter-spacing: -2.2px;
  }
  .plus-chart-txt p {
    font-size: 28px;
    letter-spacing: -2.4px;
  } 
  .plus-chart-txt p span {
    font-size: 64px;
    letter-spacing: -4.2px;
  }
  .analisys_graph_name {
    font-size: 18px;
    letter-spacing: -1.12px;
  }
  .analisys_graph_name:nth-child(2), .analisys_graph_name:nth-child(3), .analisys_graph_name:nth-child(8), .plus-table-div p {
    font-size: 24px;
    letter-spacing: -1.44px;
  }
  .plus-table-div p span {
    font-size: 16px;
    letter-spacing: -0.96px;
  }
  .triangle-container {
    gap: 40px;
  }
  .triangle-container img {
    width: 450px;
  }
  .triangle-div {
    gap: 60px;
  }
  .triangle-div .text {
    font-size: 32px;
    letter-spacing: -0.8px;
  }
  .triangle-div .text span {
    font-size: 40px;
    letter-spacing: -1px;
  }
  .big-br {
    display: block;
  }
}

@media(max-width: 1200px) {
  .youtube-wrap>iframe {
    height: 330px;
  }
}

@media(max-width: 1150px) {
  #page3 .pg-container {
    box-sizing: border-box;
    padding: 0 20px;
  }
  #page4 .pg-container {
    gap: 10px;
  }
  .pg5-graph {
    height: 450px;
  }
  .pg5-graph-wrap {
    gap: 40px;
  }
  .agree-modal {
    width: 100%;
    left: 0;
    top: 0;
    height: 100vh;
    transform: translate(0);
  }
  .menu-box:hover {
    transform: scale(1.05);
  }
  .triangle-img {
    width: 20%;
  }
}

@media(max-width: 1050px) {
  #main {
    height: auto;
    padding: 117px 0 65px;
  }
  .main-container {
    gap: 40px;
    padding: 0;
  }
  .main-w-logo {
    display: inline-block;
  }
  .main-wrap {
    flex-direction: column;
  }
  .main-wrap>hr {
    display: none !important;
  }
  .main-circle-div hr {
    display: block !important;
  }
  .main-div {
    gap: 4px;
  }
}

@media(max-width: 1024px) {
  .youtube-wrap>iframe {
    height: 280px;
  }
  .plus-absol {
    width: 80%;
    right: -7%;
    top: 28%;
  }
  .plus-inner {
    gap: 350px;
  }
  .plus-inner, .plus-top, .plus-top .pg-top, .plus-top-wrap, .plus-top-div {
    align-items: center;
  }
  .plus-top {
    gap: 40px;
  }
  .plus-top .pg-top p, .plus-top-wrap p {
    text-align: center !important;
  }
  .plus-container {
    justify-content: center;
    margin-top: 0;
  }
  .plus-chart {
    display: none;
  }
  .plus-table-wrap {
    max-width: 700px;
    width: 90%;
    padding-bottom: 30px;
  }
}

@media(max-width: 1000px) {
  .pg4-percent {
    top: -25%;
    right: -3%;
  }
  .pg5-graph {
    height: 400px;
  }
}

@media(max-width: 950px) {
  .mi-br {
    display: block;
  }
  .pg2-point {
    padding: 20px 60px;
  }
  #page2, #page3, #page4, #page5, #page6, #page8, #page10, #page11, #page12, #page13, #page14, #page15, #contact {
    gap: 60px;
  }
  .pg2-box {
    width: 50%;
  }
  #page3 .g40 {
    font-size: 24px;
    letter-spacing: -1.22px;
  }
  .profit-box>.g40 {
    font-size: 32px;
    letter-spacing: -1.42px;
  }
  table th, table td {
    font-size: 18px;
    letter-spacing: -1.12px;
  }
  .sm-txt {
    font-size: 16px;
    letter-spacing: -0.96px;
  }
  .pg5-graph {
    height: 350px;
  }
  .interior-swiper-container {
    margin-top: -20px;
  }
  #page7 {
    padding: 0 20px 80px;
  }
  #page8 .pg-container {
    width: 100%;
  }
  #page8 .g60 {
    font-size: 32px;
    letter-spacing: -2.88px;
  }
  .youtube-wrap>iframe {
    height: 260px;
  }
  #page9 .pg-top-tit .w {
    font-size: 32px;
    letter-spacing: -2.88px;
  }
  #page10 .pg-container {
    row-gap: 32px;
  }
  .pg11-top-div>p:first-child {
    font-size: 28px;
  }
  .pg11-top-div>p:last-child {
    font-size: 56px;
  }
  #page12 .pg-container {
    gap: 10px;
  }
  #page132 {
    padding: 80px 0;
  }
  .menu-container {
    gap: 40px;
  }
  .menu-tab {
    padding: 10px 25px;
  }
  .process-line-div hr {
    width: 87%;
  }
  #page14 .pg-container {
    row-gap: 60px;
  }
  .contact-container {
    padding: 40px 30px;
    gap: 40px;
  }
  #page7 .g48 {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  .pg7-right {
    width: 50%;
  }
  .radio-div2 {
    width: 50%;
  }
  .h-br {
    display: none;
  }
  #page9, #page10 {
    padding: 80px 0;
  }
  #page12, #page14, #contact {
    padding: 80px 20px;
  }
  #story-section {
    padding: 80px 16px;
  }
  .story-bubble {
    width: 250px;
  }
  .story-container {
    width: 100%;
  }
  .story-content {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .story-text {
    display: none;
  }
  #management-section {
    padding: 80px 0 130px;
    gap: 60px;
  }
  .factory {
    max-width: 420px;
  }
  #plus-section {
    padding: 80px 16px;
  }
  .plus-absol {
    top: 26%;
  }
  .badge-img-div {
    width: 30%;
    top: -16%;
    left: -9%;
  }
  .plus-inner {
    width: 100%;
  }
  .plus-top-wrap>p {
    font-size: 24px;
    letter-spacing: -1.22px;
  }
  .plus-top-div p:first-child {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .plus-top-div p:last-child {
    font-size: 48px;
    letter-spacing: -3.28px;
  }
  .plus-chart-txt p {
    font-size: 24px;
    letter-spacing: -1.22px;
  } 
  .plus-chart-txt p span {
    font-size: 56px;
    letter-spacing: -2.22px;
  }
  .triangle-container img {
    width: 380px;
  }
  .triangle-div .text {
    font-size: 28px;
    letter-spacing: -0.7px;
  }
  .triangle-div .text span {
    font-size: 32px;
    letter-spacing: -0.8px;
  }
}

@media(max-width: 850px) {
  .menu-box {
    width: calc(50% - 8px);
  }
  .menu-box .g24 {
    font-size: 16px;
  }
  .menu-box .g20 {
    font-size: 14px;
  }
}

@media(max-width: 800px) {
  #page5 .pg-container {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .pg5-graph-wrap {
    width: 80%;
    gap: 20px;
  }
  .pg5-graph {
    width: 100%;
    height: auto;
  }
  .graph-top-div {
    gap: 8px;
  }
  #page7 .pg-container {
    flex-direction: column;
    gap: 46px;
  }
  .pg7-left {
    text-align: center !important;
  }
  .pg7-right {
    width: 100%;
    gap: 12px;
  }
  .absol-img-div {
    width: 100% !important;
    position: static;
    transform: none;
    border-radius: 12px;
  }
  .absol-img {
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.40);
    aspect-ratio: 1 / 0.54;
    object-fit: cover;
  }
  .pg7-right img {
    aspect-ratio: 1 / 0.54;
    object-fit: cover;
    border-radius: 12px;
  }
  .graph-tit-container {
    display: none;
  }
  .pg5-graph-wrap .graph-top-div {
    display: flex;
  }
  #page5 {
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .layer-popup {
    max-width: 90%;
    top: 5%;
    left: 5%;
  }
  .ta-br {
    display: block;
  }
  .pg4-bottom-container {
    flex-direction: column;
    gap: 40px;
  }
  .profit-box {
    width: 100%;
  }
  .pg4-percent {
    top: -15%;
  }
  .pg8-circle {
    width: 250px;
    height: 250px;
  }
  .youtube-wrap>iframe {
    height: 240px;
  }
  .sns-box {
    width: calc(50% - 8px);
  }
  .process-content-wrap {
    gap: 10px;
  }
  .agree-modal {
    padding: 0 20px;
  }
  .youtube-nav-wrap {
    top: 35%;
  }
  #triangle-section {
    flex-direction: column;
    gap: 40px;
    padding: 0;
  }
  .pc-triangle {
    display: none;
  }
  .mo-triangle {
    display: block;
  }
  .triangle-container {
    gap: 15.2px;
  }
  .triangle-div {
    gap: 32px;
  }
}

@media(max-width: 750px) {
  .pg2-box {
    width: 100%;
    height: auto;
    padding: 32px 0;
    gap: 20px;
  }
  #page3 .pg-container {
    gap: 8px;
  }
  .youtube-wrap .g24 {
    font-size: 16px;
  }
  .c-btn {
    font-size: 20px;
  }
  .nav-btn, .nav-btn2 {
    width: 48px;
    height: 48px;
  }
  .nav-btn>svg {
    width: 32px;
    height: 32px;
  }
}

@media(max-width: 700px) {
  #page7 .g48 {
    font-size: 20px;
    letter-spacing: -1.24px;
  }
  .story-bubble {
    width: 225px;
  }
  .triangle-container img {
    width: 300px;
  }
  .triangle-div .text {
    font-size: 20.8px;
    letter-spacing: -0.52px;
  }
  .triangle-div .text span {
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}

@media(max-width: 650px) {
  #page2, #page4 {
    gap: 32px;
    padding: 80px 20px;
  }
  #page2 .pg-container {
    margin-top: 20px;
  }
  .pg2-point {
    width: 100%;
    padding: 20px 0;
    gap: 16px;
  }
  .pg-top-div {
    gap: 6px;
  }
  .pg2-point {
    border-radius: 24px;
  }
  .pg2-point>.blink {
    font-size: 10px;
    line-height: 140%; /* 11.2px */
    letter-spacing: 6.8px;
  }
  #page3 {
    padding: 80px 0;
    gap: 52px;
  }
  .mo-br {
    display: block;
  }
  .pg3-bottom-container hr:last-child {
    display: none !important;
  }
  .pg3-bottom-container {
    flex-direction: column;
    gap: 32px;
  }
  .dynamic-hr {
    width: 1px !important;
    height: 80px !important;
    margin: 0 !important;
  }
  #page3 .g48 {
    font-size: 24px;
    letter-spacing: -1.44px;
  }
  .pg-tit-div2 {
    gap: 0;
  }
  .profit-box>.g40 {
    font-size: 20px;
    letter-spacing: -1.24px;
  }
  .won {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  .pg4-tag {
    padding: 8px 10px;
  }
  .pg4-bubble>.g32 {
    padding: 15px 30px 10px;
  }
  #page4 .pg-container {
    gap: 4px;
  }
  #page5 {
    padding: 80px 20px;
    gap: 40px;
  }
  .pg5-graph-wrap {
    width: 100%;
  }
  table th, table td, .sm-txt {
    font-size: 14px;
  }
  #page5 table td {
    padding: 6px 12px;
  }
  .total-div {
    padding: 6px 32px;
  }
  #page6 {
    padding: 65px 20px 40px;
    gap: 40px;
  }
  .pg6-container {
    gap: 4px;
  }
  .interior-swiper-container {
    display: none;
  }
  .interior-container {
    display: flex;
  }
  .pg6-container>p {
    padding: 8px 10px;
  }
  #page7 {
    padding: 0 20px 56px;
  }
  .pg7-inner {
    padding: 52px 20px;
    gap: 46px;
  }
  #page7 .pg-container {
    width: 100%;
  }
  #page8, #page11, #page15 {
    padding: 80px 20px;
    gap: 32px;
  }
  #page8 .g60 {
    font-size: 20px;
    line-height: 160%; /* 32px */
    letter-spacing: -1.2px;
  }
  .pg8-circle {
    width: 210px;
    height: 210px;
  }
  #page9 {
    padding: 65px 0;
    gap: 40px;
  }
  #page9 .pg-top-tit .w {
    font-size: 28px;
    letter-spacing: -2.4px;
  }
  #page10 {
    padding: 52px 0;
    gap: 40px;
  }
  .youtube-wrap>iframe {
    height: 250px;
  }
  .pg11-top-div {
    gap: 12px;
  }
  .pg11-top-div>p:first-child {
    font-size: 20px;
  }
  .pg11-container, .pg11-img-container {
    gap: 8px;
  }
  .pg11-container>.g60 {
    padding: 12px 0 !important;
  }
  .pg11-img {
    height: 300px;
  }
  #page12 {
    padding: 52px 20px;
    gap: 40px;
  }
  #page12 .pg-container {
    gap: 8px;
  }
  .sns-wrap {
    padding: 0 4px;
    gap: 8px;
  }
  .sns-div>.g20 {
    font-size: 14px;
  }
  .sns-wrap>.g16 {
    font-size: 12px;
  }
  #page13 {
    padding: 65px 0;
    gap: 32px;
  }
  .menu-container {
    gap: 32px;
  }
  .menu-wrap {
    gap: 8px;
    row-gap: 20px;
  }
  .menu-name {
    gap: 3px;
    padding: 8px 0;
  }
  .menu-box {
    width: calc(50% - 4px);
  }
  .menu-tap-container {
    border-radius: 8px;
  }
  .menu-tab {
    padding: 8px 12px;
  }
  #page14 {
    padding: 52px 20px;
    gap: 40px;
  }
  #page14 .pg-container {
    row-gap: 40px;
  }
  .process-wrap {
    width: calc(50% - 5px);
  }
  .process-content-div>.g40 {
    font-size: 24px;
  }
  .process-content-wrap>.g28 {
    font-size: 16px;
  }
  #page15 .g68 {
    font-size: 28px;
  }
  .cost-table-container {
    gap: 8px;
  }
  #page15 .g32, #page15 .g28 {
    font-size: 12px;
  }
  .pg15-top-div {
    gap: 20px;
  }
  .cost-table-container table th, .cost-table-container table tr:last-child td {
    padding: 8px 0px;
  }
  .cost-table-container table th:first-child {
    width: 72px;
  }
  .cost-table-container table th:last-child {
    width: 70px;
  }
  .cost-table-container table td {
    padding: 12px 5px;
  }
  #contact {
    padding: 52px 20px;
    gap: 60px;
  }
  .contact-container {
    padding: 32px 20px;
  }
  .contact-form {
    gap: 12px;
  }
  .item label {
    width: 120px;
  }
  input[type="text"], textarea, .radio-wrap, .radio-wrap2 {
    width: calc(100% - 120px);
  }
  .radio-wrap2 {
    row-gap: 10px;
  }
  .form-wrap {
    align-items: start;
    flex-direction: column;
    gap: 20px;
  }
  .c-btn {
    width: 100%;
  }
  [type="radio"] {
    width: 24px;
    height: 24px;
  }
  .contact-tit {
    font-size: 24px;
  }
  .c-btn {
    font-size: 16px;
    padding: 12px 0;
  }
  .pg7-right, .flex-img {
    gap: 8px;
  }
  #page5 table {
    border-bottom: 2px solid #525252;
  }
  #page9 .pg-top-tit .w {
    font-size: 24px;
    letter-spacing: -1.22px;
  }
  #main {
    padding: 100px 0 65px;
  }
  .main-circle-div hr {
    height: 25px;
  }
  .main-container {
    gap: 25px;
  }
  .main-wrap {
    gap: 25px;
  }
  .main-w-logo {
    width: 225px;
  }
  .main-top p {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .main-div p:first-child {
    font-size: 19.2px;
    letter-spacing: -1.152px;
  }
  .main-div p:last-child {
    font-size: 43.2px;
    letter-spacing: -2.592px;
  }
  .main-circle {
    width: 200px;
    height: 200px;
  }
  .main-circle p:first-child {
    font-size: 24px;
    letter-spacing: -1.44px;
  }
  .main-circle p:nth-child(2) {
    font-size: 62px;
    letter-spacing: -3.72px;
  }
  .main-bottom-txt {
    font-size: 40px;
    letter-spacing: -2.4px;
  }
  #story-section {
    padding: 65px 16px;
    gap: 20px;
  }
  .story-top {
    gap: 20px;
  }
  #story-section .pg-top {
    gap: 6px;
  }
  .story-bubble {
    width: 190px;
  }
  .story-container {
    gap: 40px;
  }
  .story-content {
    width: 100%;
    font-size: 18px;
    letter-spacing: -0.45px;
    text-align: left;
  }
  .mo-no-br {
    display: none;
  }
  #management-section {
    padding: 80px 18px 150px;
  }
  .management-swiper-container {
    display: none;
  }
  .management-wrap {
    display: flex;
  }
  #plus-section {
    padding: 60px 16px 40px;
  }
  .plus-absol {
    width: 90%;
    top: 30%;
  }
  .plus-inner {
    gap: 260px;
  }
  .plus-top-wrap>p {
    font-size: 20px;
    letter-spacing: -1.2px;
  }
  .plus-top-div p:first-child {
    font-size: 28px;
    letter-spacing: -1.6px;
  }
  .plus-top-div p:last-child {
    font-size: 48px;
    letter-spacing: -2.88px;
  }
  .plus-table-wrap {
    border-radius: 4.8px;
  }
  .plus-table-div {
    padding: 8px 20px;
  }
  .plus-table-div p {
    font-size: 20px;
    letter-spacing: -1.2px;
  }
  .plus-table-div:nth-child(n+2) p:first-child {
    width: 95px;
  }
  .plus-table-div p span {
    font-size: 14px;
    letter-spacing: -0.88px;
  }
  .triangle-container img {
    width: 250px;
  }
}

@media(max-width: 550px) {
  .pg11-img {
    height: 250px;
  }
  .item:nth-last-child(3) {
    align-items: start;
  }
  .radio-wrap {
    gap: 0;
  }
  .radio-div {
    width: 50%;
  }
  .radio-div2 {
    width: 100%;
  }
}

@media(max-width: 500px) {
  #page10 .pg-container {
    gap: 20px !important;
  }
  .youtube-wrap>iframe {
    height: 200px;
  }
  .menu-box .g24 {
    font-size: 14px;
  }
  .menu-box .g20 {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  #page3 .g48 {
    font-size: 20px;
    letter-spacing: -1.54px;
  }
  #page8 .pg-container {
    gap: 10px;
    row-gap: 20px;
  }
  .pg8-circle {
    width: 180px;
    height: 180px;
  }
  .pg8-circle-div {
    gap: 8px;
  }
  .pg8-circle>img {
    height: 120px;
  }
  #page9 .pg-top-tit .w {
    font-size: 20px;
    letter-spacing: -1.2px;
  }
  .h-180 {
    height: 90px !important;
  }
  .pg11-img {
    height: 190px;
  }
  #page14 .pg-container {
    width: 90%;
    gap: 15px !important;
  }
  .process-wrap {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  .process-line-div {
    flex-direction: column;
  }
  .process-line-div hr {
    width: 1px;
    height: 120px;
  }
  .process-content-div>.g40 {
    font-size: 20px;
  }
  .process-content-wrap>.g28 {
    font-size: 14px;
  }
  .xs-no-br {
    display: none;
  }
  #contact .g20, .radio-div label, .radio-div2 label, input[type="text"]::placeholder, textarea::placeholder {
    font-size: 14px;
  }
  .item label {
    width: 100px;
  }
  input[type="text"], textarea, .radio-wrap, .radio-wrap2 {
    width: calc(100% - 100px);
  }
  .agree-modal {
    gap: 40px !important;
    padding-bottom: 100px !important;
  }
  .agree-modal>.title>.p24 {
    font-size: 20px;
  }
  .agree-modal>.title>.p40 {
    font-size: 28px;
  }
  .agree-modal>.content {
    font-size: 14px;
  }
  .agree-logo {
    width: 120px;
  }
  .main-bottom-txt {
    font-size: 32px;
    letter-spacing: -1.92px;
  }
  .story-bubble {
    width: 153px;
  }
  .story-content {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .plus-absol {
    top: 33%;
  }
  .plus-inner {
    gap: 210px;
  }
  .badge-img-div {
    width: 35%;
    left: -7%;
  }
  .plus-top-div p:first-child {
    font-size: 26px;
    letter-spacing: -1.56px
  }
  .plus-top-div p:last-child {
    font-size: 36px;
    letter-spacing: -2.16px;
  }
  .plus-table-div {
    padding: 4.8px 16px;
  }
  .plus-table-div p {
    font-size: 16px;
    letter-spacing: -0.96px;
  }
  .plus-table-div:nth-child(n+2) p:first-child {
    width: 80px;
  }
  .plus-table-div p span {
    font-size: 10px;
    letter-spacing: -0.728px;
  }
  .triangle-div .pg-top-tit {
    font-size: 24px;
    letter-spacing: -1.22px;
  }
  .triangle-div .pg-bottom-tit {
    font-size: 48px;
    letter-spacing: -2.88px;
  }
  .triangle-container img {
    width: 220px;
  }
}

@media(max-width: 400px) {
  .pg3-circle {
    width: 335px;
    height: 335px;
  }
  .pg8-circle {
    width: 160px;
    height: 160px;
  }
  .youtube-wrap>iframe {
    height: 200px;
  }
  .pg11-img {
    height: 160px;
  }
  .menu-name {
    flex-direction: column;
  }
  #menu-tab2 .menu-name{
    min-height: 65px;
  }
  #page7 .g48 {
    font-size: 16px;
  }
  #management-section {
    padding: 80px 18px 130px;
  }
  .plus-absol {
    width: 95%;
    top: 35%;
  }
  .plus-table-div p {
   font-size: 12.8px;
    letter-spacing: -0.768px;
  }
  .plus-table-div:nth-child(n+2) p:first-child {
    width: 61.6px;
  }
  .plus-table-div p span {
    font-size: 8px;
    letter-spacing: -0.48px;
  }
}

@media(max-width: 370px) {
  .pg3-circle {
    width: 320px;
    height: 320px;
  }
  .xxs-br {
    display: block;
  }
  .pg8-circle {
    width: 150px;
    height: 150px;
  } 
  .youtube-wrap>iframe {
    height: 190px;
  }
  .pg11-img {
    height: 150px;
  }
  #page11 .g60 {
    font-size: 18px;
  }
}