br.mo{display: none;}

#header.sub.add-menu{background-color: transparent; transition:.0s;}
#captcha.m_captcha #captcha_info{font-size: 15px;}


.cursor{position:fixed;z-index:1000;transform:translate(-50%, -50%);transition-property:background, transform;pointer-events:none}
.cursor .bg{opacity:0;position:absolute;left:-52px;top:-52px;transform:scale(0);width:72px;height:72px;border-radius:50%;font-size:10px;font-weight:600;text-align:center;line-height:72px;background-color: #fff; transition:all .4s var(--timing);color: #fff; font-weight: bold; border: 0; background-color: rgba(255,255,255,.2);}
.cursor .bg::before{content: "◀"; position: absolute; left: -12px; top: 50%; transform: translateY(-50%); font-size: 8px; color: #fff;}
.cursor .bg::after{content: "▶"; position: absolute; right:-12px; top: 50%; transform: translateY(-50%); font-size: 8px; color: #fff;}
.cursor.on .bg{opacity:1;transform:scale(1);}

.sub_wrap{width: 100%; box-sizing: border-box; overflow-x: hidden;}
.sub_wrap.value{overflow: unset;}
.sub_wrap section{width: 100%;}
.sub_top{display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: calc(100vh - 10px); overflow: hidden; border-radius: 0 0 0 40px;}
.sub_top .sub_bg{position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; border-radius: 0 0 0 40px; overflow: hidden; transform: scale(1.1); transition: transform 2s linear;}
.sub_wrap.on .sub_bg{transform: scale(1);}
.sub_top .tit_wrap{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;  width: 100%; opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease;}
.sub_top .tit_wrap.show {opacity: 1; transform: translateY(0);}
.sub_top .tit_wrap .tit{font-size: 36px; font-weight: 400; margin-bottom: 16px; color: #fff;}
.sub_top .tit_wrap span{font-size: 84px; font-weight: 400; line-height: 90px; color: #fff; text-align: center;}
.sub_top .tit_wrap p{margin-top: 24px; font-size: 24px; font-weight: 400; line-height: 32px; color: #fff; text-align: center;}
.sub_top .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 264px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_top .radius:before { content:''; position:absolute; right:264px; bottom: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_top .radius:after { content:''; position:absolute;  right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff;}
/* privacy */
.sub_wrap.privacy .sub_bg{background-image: url(../img/geneselabs/sub/privacy_bg.png);}
/* Who We Are */
.sub_wrap.about-us .sub_bg{background-image: url(../img/geneselabs/sub/aboutus_bg.png);}
.sub_wrap.about-us .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.about-us .sub_sec01 .inner>span{display: flex; justify-content: center; font-size: 32px; font-weight: 300; line-height: 48px; text-align: center;}
.sub_wrap.about-us .sub_sec01 .inner .count_wrap{margin-top: 96px; width: 100%;}
.sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box{display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #E5E5E5; padding: 48px 196px 48px 72px; box-sizing: border-box;}
.sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .tit{font-size: 36px; font-weight: 100;}
.sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number{font-size: 96px; font-weight: 100;}
.sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number span{font-size: 156px; font-weight: 100;}
.sub_wrap.about-us .sub_sec02 .inner{display: flex; flex-direction: row; justify-content: space-between; width: 1600px; margin: 0 auto; padding: 100px 0 60px; box-sizing: border-box;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap{width: 50%;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit{width: fit-content;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit span{font-size: 24px; font-weight: 100;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit p{margin-top: 8px; font-size: 64px; font-weight: 400;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text{display: flex; flex-direction: column; gap: 24px; margin-top: 64px; width: 100%;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text p{font-size: 24px; line-height: 36px; font-weight: 300;}
.sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text b{font-size: 24px; line-height: 36px; font-weight: 500;}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap{display: flex; justify-content: flex-end; width: 50%;}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box{position: relative; width: 568px; height: fit-content; border-radius: 120px 20px 0 20px;}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 256px; height: 64px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box .radius:before { content:''; position:absolute; right:256px; bottom: 0; width:32px; height:32px; border-radius:0 0 32px 0; box-shadow:32px 32px 0 32px #fff; }
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box .radius:after { content:''; position:absolute;  right:0; bottom:64px; width:32px; height:32px; border-radius:0 0 32px 0; box-shadow:32px 32px 0 32px #fff;}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box img{width: 100%; border-radius: 120px 20px 0 20px;}
.sub_wrap.about-us .sub_sec03 {background-image: url(../img/geneselabs/sub/aboutus_sec03_bg.png);}
.sub_wrap.about-us .sub_sec03 .inner{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1600px; height: 814px; margin: 0 auto; box-sizing: border-box;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; width: fit-content;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap>span{font-size: 84px; line-height: 90px; font-weight: 400; text-align: center;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text{display: flex; flex-direction: column; gap: 24px; justify-content: center; margin-top: 24px; width: fit-content;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text p{font-size: 24px; font-weight: 400; text-align: center;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn{display: flex; gap: 16px; margin-top: 56px;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button { outline: none; cursor: pointer; border: none; width: 254px; height: 56px; margin-top: 72px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff; font-family: "Urbanist", sans-serif;  z-index: 3;}
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button img { position: relative; z-index: 10; transition: filter 0.4s; }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button:hover img { filter: brightness(0%); }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button:hover span { color: #111; }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button::before, .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button::before { content: ""; background: #CF231C; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button:hover::before { transform: translate3d(100%, 0, 0); }

.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box::before {
  content: "";
  position: absolute;
  left: 153px;
  bottom: -50px;
  width: 100px;   /* 원하는 크기 */
  height: 100px;  /* 원하는 크기 */
  border-radius: 500px;
  background: url(../img/geneselabs/main_img01_01.png) no-repeat center / contain;
  animation: floatUpDown1 5s ease-in-out infinite;
  z-index: 3;
}
.sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box::after {
  content: "";
  position: absolute;
  left: -80px;
  bottom: 32px;
  width: 160px;   /* 원하는 크기 */
  height: 160px;  /* 원하는 크기 */
  border-radius: 500px;
  background: url(../img/geneselabs/main_img01_02.png) no-repeat center / contain;
  animation: floatUpDown2 6s ease-in-out infinite;
  z-index: 3;
}
@keyframes floatUpDown1 {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-15px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(15px); }
  100% { transform: translateY(0); }
}

/* 두 번째 애니메이션 (조금 느리고 살짝 회전 섞음) */
@keyframes floatUpDown2 {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(-20px) rotate(2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}



.sub_wrap.purpose .sub_bg{background-image: url(../img/geneselabs/sub/purpose_bg.png);}
.sub_wrap.purpose .sub_sec01 .inner{position: relative; display: flex;justify-content: space-between; width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.purpose .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400; margin-top: 60px;}
.sub_wrap.purpose .cont_wrap{position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 24px;  width: 1258px;}
.sub_wrap.purpose .cont_wrap .txt_wrap{padding: 54px 56px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}
.sub_wrap.purpose .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 300; line-height: 45px;}
.sub_wrap.purpose .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}
.sub_wrap.purpose .sub_sec02 .inner{position: relative; display: flex; flex-direction: column; width: 1768px; margin: 0 auto;  gap: 109px; padding: 40px 0 96px; box-sizing: border-box;}
.sub_wrap.purpose .sub_sec02 .inner .tit{ font-size: 24px; font-weight: 400;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box{display: flex; gap: 32px; width: 100%;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap{position: relative; width: 100%; height: 436px; border-radius: 120px 20px 0 20px; overflow: hidden;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap img{width: 100%;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius {display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius:before {content: ''; position: absolute; right: 66px; bottom: 0; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius:after {content: ''; position: absolute; right: 0; bottom: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0;  box-shadow: 33px 33px 0 33px #fff;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .text_wrap{width: 100%; text-align: center;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .text_wrap span{font-size: 24px; font-weight: 400;}
.sub_wrap.purpose .sub_sec02 .inner .cont_box .list .text_wrap p{margin-top: 16px; font-size: 20px; font-weight: 200; line-height: 32px;}
.sub_wrap.purpose .sub_sec03 {background-image: url(../img/geneselabs/sub/purpose_sec03_bg.png);}
.sub_wrap.purpose .sub_sec03 .inner{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1600px; height: 814px; margin: 0 auto; box-sizing: border-box;}
.sub_wrap.purpose .sub_sec03 .inner .text_wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; width: fit-content;}
.sub_wrap.purpose .sub_sec03 .inner .text_wrap>span{font-size: 84px; line-height: 90px; font-weight: 400; text-align: center;}
.sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text{display: flex; flex-direction: column; gap: 24px; justify-content: center; margin-top: 24px; width: fit-content;}
.sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text p{font-size: 24px; font-weight: 400; text-align: center;}





/* ===== Base ===== */
.sub_wrap.value .sub_bg { background-image: url(../img/geneselabs/sub/value_bg.png); }
.sub_wrap.value .sub_sec01 .inner { width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box; }

#slide_bg h2 { font-size: 45px; font-weight: 700; line-height: 1.2; white-space: pre-line; }
#slide_bg .cm_btn { display: flex; justify-content: space-between; align-items: center; width: 180px; padding: 8px 25px; border: 2px solid #fff; border-radius: 50px; font-size: 18px; font-weight: 700; color: #fff; transition: all .3s; }

/* ===== Overlay Layout (이미지+텍스트 겹치기) ===== */
#slide_bg .cont{
  display: grid;
  grid-template-columns: 1fr;  /* 1컬럼 위로 겹침 */
  grid-template-rows: 1fr;
  min-height: 100vh;
  transition: all .3s;
}
#slide_bg.on .cont { background: var(--primary); }

/* 같은 그리드 셀에 겹치기 */
#slide_bg .img_inner,
#slide_bg .txt_box{
  grid-area: 1 / 1;
}

/* ===== Image Area (sticky background) ===== */
#slide_bg .img_inner{
  position: sticky;
  top: 0;
  height: calc(100vh - 10px);
  z-index: 0;            /* 텍스트보다 아래 */
  overflow: hidden;
}
#slide_bg .img_box{
  position: relative;
  width: 100%;
  height: 100vh;
  margin: 0;
  border-radius: 0 0 0 40px;
  overflow: hidden;
}
#slide_bg .img_box li{
  position: absolute;
  top: 50%; left: 50%;
  width: 100%; height: 100vh;
  transform: translate(-50%, -50%) scale(1.1) translateY(10px);
  opacity: .7;
  background-position: center;
  background-size: cover;
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1);
}
#slide_bg .img_box li.on{
  z-index: 1;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) translateY(0);
}

/* 개별 배경 이미지 매핑 */
#slide_bg .img_box li.bg01{ background-image: url('../img/geneselabs/sub/value_bg01.png'); }
#slide_bg .img_box li.bg02{ background-image: url('../img/geneselabs/sub/value_bg02.png'); }
#slide_bg .img_box li.bg03{ background-image: url('../img/geneselabs/sub/value_bg03.png'); }
#slide_bg .img_box li.bg04{ background-image: url('../img/geneselabs/sub/value_bg04.png'); }
#slide_bg .img_box li.bg05{ background-image: url('../img/geneselabs/sub/value_bg05.png'); }

/* 우하단 캡슐 장식(이미지 레이어 위) */
#slide_bg .img_inner .radius {
  display: flex; align-items: flex-end; justify-content: flex-end;
  position: absolute; right: 0; bottom: 0; width: 264px; height: 66px;
  border-radius: 66px 0 0 66px; background-color: #fff; z-index: 100;
}
#slide_bg .img_inner .radius:before {
  content: ''; position: absolute; right: 264px; bottom: 0; width: 33px; height: 33px;
  border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff;
}
#slide_bg .img_inner .radius:after {
  content: ''; position: absolute; right: 0; bottom: 66px; width: 33px; height: 33px;
  border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff;
}

/* ===== Text Area (overlay, scroll) ===== */
#slide_bg .txt_box{
  position: relative;
  z-index: 10;          /* 이미지 위로 */
  color: #fff;
  list-style: none;
  margin: 0;
}
#slide_bg .txt_box li{
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  width: 100%; height: 100vh; margin: 0;
  opacity: .85; transform: translateY(6px);
  text-align: center;
  transition: opacity .35s ease, transform .35s ease;
}
#slide_bg .txt_box li.on{ opacity: 1; transform: translateY(0); }

#slide_bg .txt_box li span{
  font-size: 84px; font-weight: 400; line-height: 90px; color: #fff; text-align: center;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);   /* 가독성 보조 */
}
#slide_bg .txt_box li p{
  margin-top: 24px; font-size: 24px; font-weight: 400; line-height: 32px; color: #fff; text-align: center;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);   /* 가독성 보조 */
}

/* (선택) 텍스트 뒤 살짝 어둡게 하는 오버레이 — 가독성 필요 시 주석 해제
#slide_bg .txt_box::before{
  content:'';
  position: fixed; inset: 0;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.35) 100%);
  pointer-events: none;
  z-index: -1;
}
*/

/* Hover */
@media (hover:hover){
  #slide_bg .cm_btn:hover{ color: var(--primary); background: #fff; }
}

/* ===== Responsive ===== */
@media (max-width:1440px){
  #slide_bg .txt_box h2{ font-size: 30px; }
  #slide_bg .txt_box li div{ font-size: 17px; }
  #slide_bg .cm_btn{ font-size: 16px; }
  #slide_bg .txt_box li span{ font-size: 72px; line-height: 82px; }
}

@media (max-width:1024px){
  /* 겹침 유지 (1열 오버레이) */
  #slide_bg .cont{ grid-template-columns: 1fr; }
  #slide_bg .txt_box{ padding: 12vh 16px 20vh; }
  #slide_bg .txt_box li{ align-items: center; width: 100%; text-align: center; }
  #slide_bg .txt_box h2{ font-size: 25px; }
  #slide_bg .txt_box li div{ font-size: 16px; }
  #slide_bg .img_box li:after{ background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.9)); }
  #slide_bg .cm_btn{ display: inline-flex; justify-content: space-between; width: auto; gap: 20px; padding: 8px 20px; font-size: 14px; }
  #slide_bg .cm_btn svg{ width: 17px; }
  #slide_bg .txt_box li span{ font-size: 54px; line-height: 64px; }
  #slide_bg .txt_box li p{ font-size: 20px; line-height: 30px; }
}

@media (max-width:768px){
  #slide_bg .txt_box h2{ font-size: 22px; }
  #slide_bg .txt_box li div{ white-space: pre-line; }
  #slide_bg .txt_box li span{ font-size: 42px; line-height: 50px; }
  #slide_bg .txt_box li p{ font-size: 18px; line-height: 28px; }
}

@media (max-width:580px){
  #slide_bg .cm_btn{ padding: 5px 15px; font-size: 13px; }
  #slide_bg .txt_box li span{ font-size: 34px; line-height: 42px; }
  #slide_bg .txt_box li p{ font-size: 16px; line-height: 26px; }
}

@media (max-width:480px){
  #slide_bg .txt_box h2{ font-size: 19px; }
  #slide_bg .txt_box li div{ font-size: 14px; white-space: normal; }
  #slide_bg .txt_box li span{ font-size: 28px; line-height: 36px; }
  #slide_bg .txt_box li p{ font-size: 15px; line-height: 24px; }
}

@media (max-width:390px){
  /* 필요 시 추가 */
}

.sub_wrap.strategy .sub_bg{background-image: url(../img/geneselabs/sub/strategy_bg01.png);}
.sub_wrap.strategy .sub_bg.left{background-image: url(../img/geneselabs/sub/strategy_bg02.png);}
.sub_wrap.strategy .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.strategy .sub_top{justify-content: flex-start; align-items: center;}
.sub_wrap.strategy .sub_top .sub_bg{right: 0; width: 50%; border-radius: 250px 30px 0 30px; overflow: hidden;}
.sub_wrap.strategy .sub_top .tit_wrap{width: 50%;}
.sub_wrap.strategy .sub_top .tit_wrap span{color: #111;}
.sub_wrap.strategy .sub_top .tit_wrap p{color: #111; font-weight: 200;}
.sub_wrap.strategy .sub_top .sub_bg.left{left: 0; width: 50%;}
.sub_wrap.strategy .sub_top:has(.sub_bg.left){justify-content: flex-end;}
.sub_wrap.strategy .sub_sec01 .inner{position: relative; display: flex;justify-content: space-between; width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.strategy .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400; margin-top: 60px;}
.sub_wrap.strategy .cont_wrap{position: relative; display: flex; flex-direction: column; gap: 24px;  width: 1258px;}
.sub_wrap.strategy .cont_wrap .txt_wrap{padding: 54px 56px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}
.sub_wrap.strategy .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 300; line-height: 45px;}
.sub_wrap.strategy .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}

.sub_wrap.innovation .sub_bg{background-image: url(../img/geneselabs/sub/innovation_bg.png);}
.sub_wrap.innovation .sub_sec01 .inner{position: relative; display: flex;justify-content: center; width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.innovation .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400; margin-top: 60px;}
.sub_wrap.innovation .cont_wrap{position: relative; display: flex; flex-direction: column; gap: 24px;  width: 1258px;}
.sub_wrap.innovation .cont_wrap .txt_wrap{padding: 54px 56px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}
.sub_wrap.innovation .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 300; line-height: 45px;}
.sub_wrap.innovation .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}
.sub_wrap.innovation .sub_sec02 .inner{position: relative; display: flex;justify-content: center; align-items: center; width: 100%; height: 100vh; background-image: url(../img/geneselabs/sub/innovation_bg02.png); background-size: 100% 100%;}
.sub_wrap.innovation .sub_sec02 .inner .tit_wrap{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 84px; font-weight: 400; line-height: 90px; color: #fff;}
.sub_wrap.innovation .sub_sec02 .inner .tit_wrap .tit{font-size: 36px; font-weight: 400; margin-bottom: 16px; color: #fff;}
.sub_wrap.innovation .sub_sec02 .inner .tit_wrap span{font-size: 84px; font-weight: 400; line-height: 90px; color: #fff; text-align: center;}
.sub_wrap.innovation .sub_sec02 .inner .tit_wrap p{margin-top: 24px; font-size: 24px; font-weight: 400; line-height: 32px; color: #fff; text-align: center;}
.sub_wrap.innovation .sub_sec03 .inner{position: relative; display: flex;justify-content: center; width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.innovation .sub_sec04 {position: relative; display: flex;justify-content: center; align-items: center; width: 100%; height: 100vh; background-image: url(../img/geneselabs/sub/innovation_bg03.png); background-size: 100% 100%; margin: 0 auto;}
.sub_wrap.innovation .sub_sec04 .inner{position: relative; display: flex;justify-content: center; align-items: center; width: 100%; height: 100vh;  margin: 0 auto;}
.sub_wrap.innovation .sub_sec04 .inner .tit_wrap{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 84px; font-weight: 400; line-height: 90px; color: #fff;}
.sub_wrap.innovation .sub_sec04 .inner .tit_wrap .tit{font-size: 36px; font-weight: 400; margin-bottom: 16px; color: #fff;}
.sub_wrap.innovation .sub_sec04 .inner .tit_wrap span{font-size: 84px; font-weight: 400; line-height: 90px; color: #fff; text-align: center;}
.sub_wrap.innovation .sub_sec04 .inner .tit_wrap p{margin-top: 24px; font-size: 24px; font-weight: 400; line-height: 32px; color: #fff; text-align: center;}
.sub_wrap.innovation .sub_sec05 .inner{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1582px; margin: 0 auto; padding: 196px 0;}
.sub_wrap.innovation .sub_sec05 .inner .tit_wrap{width: fit-content; text-align: center; font-size: 84px; line-height: 69px; font-weight: 400;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap{margin-top: 196px; display: flex; gap: 8px; width: 100%;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box{position: relative; width: 100%; height: 500px; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 20px; overflow: hidden;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(odd){margin-top: 64px;}
/* .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(1){background: url(../img/geneselabs/sub/innovation_pro01.png);}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(2){background: url(../img/geneselabs/sub/innovation_pro02.png);}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(3){background: url(../img/geneselabs/sub/innovation_pro03.png);}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(4){background: url(../img/geneselabs/sub/innovation_pro04.png);}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(5){background: url(../img/geneselabs/sub/innovation_pro05.png);} */
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box span{display: flex; justify-content: center; width: 100%; padding-top: 42px; font-size: 30px; font-weight: 300; color: #fff; z-index: 3;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a{ display: flex; width: 100%; height: 100%;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius:before { content:''; position:absolute; right:66px; bottom: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius:after { content:''; position:absolute;  right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius .arrow{ z-index: 9; display: flex; justify-content: center; align-items: center;  width: 56px; height: 56px; border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff; transition: all .2s;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .img_wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .img_wrap img{width: 100%; height: 100%;}
.sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:hover a .radius .arrow{ border: none; color: #fff; background: #FF4D00; border: 0;}

/* Sustainability */
.sub_wrap.employees .sub_bg{background-image: url(../img/geneselabs/sub/employees_bg.png);}
.sub_wrap.employees .sub_sec01 .inner{position: relative; display: flex; gap: 138px; justify-content: space-between; width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.employees .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400;}
.sub_wrap.employees .cont_wrap{position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 118px; }
.sub_wrap.employees .cont_wrap .img_wrap{position: relative; width: 100%; border-radius: 30px; overflow: hidden;}
.sub_wrap.employees .cont_wrap .img_wrap img{width: 100%;}
.sub_wrap.employees .cont_wrap .img_wrap .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; top: 0; width: 264px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.employees .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:264px; top: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(270deg); }
.sub_wrap.employees .cont_wrap .img_wrap .radius:after { content: ''; position: absolute; right: 0; top: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; transform: rotate(270deg);}
.sub_wrap.employees .cont_wrap .txt_wrap{padding: 38px 56px; box-sizing: border-box;}
.sub_wrap.employees .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 300;}
.sub_wrap.employees .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}



.sub_wrap.patients .sub_bg{background-image: url(../img/geneselabs/sub/patients_bg.png);}
.sub_wrap.patients .sub_sec01 .inner{position: relative; display: flex; gap: 138px; justify-content: space-between; width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.patients .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400;}
.sub_wrap.patients .cont_wrap{position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 118px; }
.sub_wrap.patients .cont_wrap .img_wrap{position: relative; width: 100%; border-radius: 30px; overflow: hidden;}
.sub_wrap.patients .cont_wrap .img_wrap img{width: 100%;}
.sub_wrap.patients .cont_wrap .img_wrap .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; top: 0; width: 264px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.patients .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:264px; top: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(270deg); }
.sub_wrap.patients .cont_wrap .img_wrap .radius:after { content: ''; position: absolute; right: 0; top: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; transform: rotate(270deg);}
.sub_wrap.patients .cont_wrap .txt_wrap{padding: 38px 56px; box-sizing: border-box;}
.sub_wrap.patients .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 400;}
.sub_wrap.patients .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}

.sub_wrap.society .sub_bg{background-image: url(../img/geneselabs/sub/society_bg.png);}
.sub_wrap.society .sub_sec01 .inner{position: relative; display: flex; gap: 138px; justify-content: space-between; width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.society .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 24px; font-weight: 400;}
.sub_wrap.society .cont_wrap{position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 118px; }
.sub_wrap.society .cont_wrap .img_wrap{position: relative; width: 100%; border-radius: 30px; overflow: hidden;}
.sub_wrap.society .cont_wrap .img_wrap img{width: 100%;}
.sub_wrap.society .cont_wrap .img_wrap .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; top: 0; width: 264px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.society .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:264px; top: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(270deg); }
.sub_wrap.society .cont_wrap .img_wrap .radius:after { content: ''; position: absolute; right: 0; top: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; transform: rotate(270deg);}
.sub_wrap.society .cont_wrap .txt_wrap{padding: 38px 56px; box-sizing: border-box;}
.sub_wrap.society .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 400;}
.sub_wrap.society .cont_wrap .txt_wrap p{margin-top: 20px; font-size: 24px; line-height: 36px; font-weight: 200;}

/* Our Brands */
.pro_visual { overflow: hidden; position: relative; padding: 0 10px; box-sizing: border-box; border-radius: 40px 200px 40px 0; height: calc(100vh - 10px); min-height: calc(100vh - 10px);} 
.pro_visual .product { position: relative; border-radius: 40px 200px 40px 0; overflow: hidden; } 

.pro_visual #main_01 { 
 width: 100%; 
 height: 100%; 
 } 
.pro_visual #main_02 { 
 width: 100%; 
 height: 100%; 
 } 
.pro_visual #main_03 { 
 width: 100%; 
 height: 100%; 
 } 
 .pro_visual #main_01.swiper-slide-visible .slide_img { 
 transform: scale(1); overflow: hidden; 
 } 
 .pro_visual #main_02.swiper-slide-visible .slide_img { 
 transform: scale(1); overflow: hidden; 
 } 
 .pro_visual #main_03.swiper-slide-visible .slide_img { 
 transform: scale(1); overflow: hidden; 
 } 
 
.pro_visual #main_01 .slide_img { 
width: 100%; 
height: 100%; 
background-size: 100% 100%; 
overflow: hidden; 
transform: scale(1.1);
transition: transform 3s linear;
 } 
.pro_visual #main_02 .slide_img { 
 width: 100%; 
 height: 100%; 
 background-size: 100% 100%; 
 overflow: hidden; 
 transform: scale(1.1);
transition: transform 3s linear;
 } 

.sub_wrap.proluma .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/proluma_bg.png); }
.sub_wrap.exoluma .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/exoluma_bg.png); }
.sub_wrap.bodyfiller .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/bodyfiller_bg.png); }
.sub_wrap.citrusbottle .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/citrusbottle_bg.png); }
.sub_wrap.rejouir .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/rejouir_bg01.png); }
.sub_wrap.rejouir .pro_visual #main_02 .slide_img{background-image: url(../img/geneselabs/sub/rejouir_bg02.png); }


.swiper-button-prev, .swiper-button-next { border: 0; } 

.swiper-slide { 
 align-items: center; 
 box-sizing: border-box; 
 } 
 .contents { 
 position: absolute; 
 left: 170px;
 top: 280px; 
 width: fit-content; 
 display: flex; 
 flex-wrap: wrap; 
 flex-direction: column; 
 justify-content: center; 
 z-index: 10; 
 box-sizing: border-box; 
 width: fit-content;

 opacity: 0;                /* 처음 숨김 */
    transform: translateY(30px); /* 약간 아래에서 시작 */
    transition: opacity 0.8s ease, transform 0.8s ease;
 } 

 .contents.show {
    opacity: 1;
    transform: translateY(0);
}

.contents .main_text { width: 100%;} 
.contents .main_text h2 {position: relative; font-size: 96px; font-weight: 300; line-height: 100px; color: #fff;}  
.contents .main_text h2::after {content: url(../img/geneselabs/main_text_line.png); position: absolute; right: 0; bottom: -26px; width: fit-content; z-index: -1;}  
.contents .main_text b {font-size: 96px; font-weight: 300; line-height: 100px; color: #fff; font-family: "Playfair Display", serif;}  
.contents .main_text p { margin-top: 25px; font-size: 24px; line-height: 34px; color: #fff; font-weight: 400;  } 
.contents .main_btn button { outline: none; cursor: pointer; border: none; width: 254px; height: 56px; margin-top: 76px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff; font-family: "Urbanist", sans-serif; }
.contents .main_btn button span { position: relative; z-index: 10; transition: color 0.4s; }
.contents .main_btn button img { position: relative; z-index: 10; transition: color 0.4s; }
.contents .main_btn button:hover img { mix-blend-mode: difference; }
.contents .main_btn button:hover span { color: black; }
.contents .main_btn button::before, .contents .main_btn button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.contents .main_btn button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.contents .main_btn button:hover::before { transform: translate3d(100%, 0, 0); }
.pro_visual .radius { display:flex; justify-content:center; align-items:center; position:absolute; z-index:10; width:66px; height:264px; background:#fff; left:10px; bottom:0; border-radius:500px 500px 0 0; }
.pro_visual .radius:before { content:''; position:absolute; left:0; top:-33px; z-index:-1; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform:rotate(90deg); }
.pro_visual .radius:after { content:''; position:absolute; z-index:-1; right:-33px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform:rotate(90deg); }



/* proluma */
.sub_wrap.proluma .sub_sec01 .inner{position: relative; display: flex;justify-content: space-between; width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.proluma .sticky_txt{position: sticky; top: 166px; width: fit-content; height: fit-content; font-size: 32px; font-weight: 400; margin-top: 60px;}
.sub_wrap.proluma .cont_wrap{position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 24px;  width: 1258px;}
.sub_wrap.proluma .cont_wrap .txt_wrap{padding: 54px 56px; box-sizing: border-box; border-bottom: 1px solid #E5E5E5;}
.sub_wrap.proluma .cont_wrap .txt_wrap span{font-size: 64px; font-weight: 300; line-height: 45px;}
.sub_wrap.proluma .cont_wrap .txt_wrap p{font-size: 24px; line-height: 36px; font-weight: 200;}
.sub_wrap.proluma .sub_sec02{position: relative; border-bottom: 1px solid #f0f0f0;}
.sub_wrap.proluma .sub_sec02 .inner{width: 1600px; margin: 0 auto; padding: 76px 0 136px; box-sizing: border-box;}
.sub_wrap.proluma .sub_sec02 .inner .tit{width: fit-content;}
.sub_wrap.proluma .sub_sec02 .inner .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.proluma .sub_sec02 .inner .tit p{margin-top: 8px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap{ margin-top: 234px; width: 100%; display: flex; justify-content: center;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap{position: relative; width: 560px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap img{width: 100%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip{position: absolute;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{position: relative; width: 10px; height: 10px; background-color: #fff; outline: 10px solid rgba(255, 76, 0, 0.8); border-radius: 500px; cursor: pointer;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.on p{display: none;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.on p{display: block; padding: 32px 36px; box-sizing: border-box; background-color: #fff5f0; border-radius: 40px; font-size: 20px; font-weight: 200; line-height: 28px; min-width: 328px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip:hover p{display: block; padding: 32px 36px; box-sizing: border-box; background-color: #fff5f0; border-radius: 40px; font-size: 20px; font-weight: 200; line-height: 28px; min-width: 328px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.on p b{font-size: 20px; font-weight: 500; line-height: 28px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip:hover p b{font-size: 20px; font-weight: 500; line-height: 28px;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.one{top: 10%; left: 25%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.one p{position: absolute; transform: translate(calc(-100% - 66px), calc(-100% - 36px)); width: 400px;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.two{top: 25%; right: 35%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.two p{position: absolute; transform: translate(calc(66px), calc(-100% - 36px)); width: 427px;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.three{top: 35%; left: 12%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.three p{position: absolute; transform: translate(calc(-100% - 86px), -50%); width: 494px;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.four{top: 50%; right: 26%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.four p{position: absolute; transform: translate(calc(86px), calc(-50%)); width: 408px;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.five{bottom: 36%; left: 36%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.five p{position: absolute; transform: translate(calc(-100% - 66px), calc(100% - 36px)); width: 436px;}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.six{bottom: 16%; left: 48%;}
.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.six p{position: absolute; transform: translate(calc(56px), calc(100% - 50px)); width: 458px;}



/* 공통: dot hover 시 툴팁(p) 표시 + 애니메이션 */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip p{
  display:none;
  opacity:0;
  transform-origin: 0 0;
  transition: opacity .25s ease, transform .25s ease;
}
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.on p,
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip:hover p{
  display:block;
  opacity:1;
  /* 각 tip별 p에 이미 position/transform이 잡혀 있으므로 여기선 미세 스케일만 */
  transform: translate(0,0) scale(1);
}

/* dot 자체 강조(살짝 펄스) */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip .dot{
  position: relative;
  width: 10px; height: 10px;
  background:#fff; outline:10px solid #ff4c00; border-radius: 999px;
  box-shadow: 0 0 0 0 rgba(255,76,0,.25);
  transition: box-shadow .3s ease;
}
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip:hover .dot,
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.on .dot{
  box-shadow: 0 0 0 8px rgba(255,76,0,.12);
}

/* ====== L-라인(두 구간, 점선) 생성 ======
   .line 하나로 가로/세로 두 조각을 ::before / ::after로 만듦  */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip .line{
  position: absolute;
  left: 50%; top: 50%;
  width: 0; height: 0;
  transform: translate(-50%, -50%); /* dot의 중심을 기준점으로 */
  pointer-events: none;
}
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip .line::before{
  content:"";
  position:absolute;
  border-color:#ff4c00;
  opacity: 0;
  transition: opacity .25s ease;
}
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip:hover .line::before,
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip:hover .line::after,
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.on .line::before,
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.on .line::after{
  opacity:1;
}

/* 가로 구간 = ::before (border-top) / 세로 구간 = ::after (border-left)
   각 tip 별로 길이와 방향(좌/우, 상/하)을 지정해준다. */

/* 1) .one  — 왼쪽으로 66px, 거기서 위로 36px (p의 transform 기준 맞춤) */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.one .line::before{
  /* 가로(왼쪽) */
  width:70px; height:90px;
  left: 0px; top: -105px; 
  transform: translateX(-100%);
  border-right: 1px solid #ffa680;
  border-top: 1px solid #ffa680;
  z-index: -1;
}


/* 2) .two — 오른쪽 66px, 위로 36px */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.two .line::before{
  width:70px; height:114px;
  left: 0px; top: -129px;
  border-top: 1px solid #ffa680;
  border-left: 1px solid #ffa680;
}


/* 3) .three — 왼쪽 86px, (툴팁이 수직 중앙이므로) 세로는 위로 0.5배쯤 보정 → 30px */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.three .line::before{
  width:86px; height:0;
  left: -15px; top: 0;
  transform: translateX(-100%);
  border-top: 1px solid #ffa680;
}


/* 4) .four — 오른쪽 86px, (툴팁 수직 중앙) 위/아래 중간 30px */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.four .line::before{
  width:86px; height:0;
  left: 15px; top: 0;
  border-top: 1px solid #ffa680;
}


/* 5) .five — 왼쪽 66px, 아래로 36px */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.five .line::before{
  width:71px; height:118px;
  left: 0px; top: 15px;
  transform: translateX(-100%);
  border-bottom: 1px solid #ffa680;
  border-right: 1px solid #ffa680;
}


/* 6) .six — 오른쪽 56px, 아래로 50px */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip.six .line::before{
  width:70px; height:140px;
  left: 0; top: 15px;
  border-bottom: 1px solid #ffa680;
  border-left: 1px solid #ffa680;
}


/* 접근성: 키보드 포커스 시도 */
.sub_wrap.proluma .benefits_wrap .img_wrap .benefits_tip .dot:focus{
  outline: 2px solid #222;
}

.sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot span{position:absolute;left:-100%;top:-100%;opacity:0;margin:0;width:300%;height:300%;border:1px solid rgba(250, 166, 26, 0.5);border-radius:50%;animation:active-circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite}
@keyframes active-circle{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.5}50%{opacity:1.0}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}


 .mo_text { display: none; }
 .mo_text {
    padding: 12px 24px;
    border-radius: 10px;
    background: #fff;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #FF4C00;
    word-break: keep-all;
    text-align: center;
    background: #FFF5F0;
}
 .mo_text b { font-weight: 500; }
 .mo_text br{display: none;}





.sub_wrap.proluma .sub_sec03{width: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #E7ECF2 100%);}
.sub_wrap.proluma .sub_sec03 .inner{width: 1600px; margin: 0 auto; padding: 76px 0 136px; box-sizing: border-box; }
.sub_wrap.proluma .sub_sec03 .inner .tit{width: fit-content;}
.sub_wrap.proluma .sub_sec03 .inner .tit span{margin-top: 8px; font-size: 32px; font-weight: 400;}
.sub_wrap.proluma .sub_sec03 .inner .tit p{ font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.proluma .sub_sec03 .inner .text_wrap{display: flex; flex-direction: column; gap: 24px; margin-top: 96px;}
.sub_wrap.proluma .sub_sec03 .inner .text_wrap p{font-size: 24px; line-height: 36px; font-weight: 200;}
.sub_wrap.proluma .sub_sec03 .inner .img_wrap{display: flex; gap: 16px; margin-top: 72px; }
.sub_wrap.proluma .sub_sec03 .inner .img_wrap img{border-radius: 10px; border: 1px solid #ddd;}
.sub_wrap.proluma .sub_sec03 .inner .table_wrap{margin-top: 56px; width: 100%;}
.sub_wrap.proluma .sub_sec03 .inner .table_wrap img{width: 100%;}
.sub_wrap.proluma .sub_sec03 .inner>span{display: block; margin-top: 48px; font-size: 24px; line-height: 36px; font-weight: 200; text-align: center;}

.sub_wrap.proluma .sub_sec04{width: 100%;}
.sub_wrap.proluma .sub_sec04 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 156px; box-sizing: border-box; }
.sub_wrap.proluma .sub_sec04 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.proluma .sub_sec04 .inner .tit span{display: flex; justify-content: center; font-size: 32px; font-weight: 400; text-align: d;}
.sub_wrap.proluma .sub_sec04 .inner .trans{margin-top: 52px; width: 100%;}
.sub_wrap.proluma .sub_sec04 .inner .trans .swiper-wrapper{height: fit-content; padding: 60px 0;}
.sub_wrap.proluma .sub_sec04 .inner .trans .swiper-slide{display: flex; gap: 36px; height: fit-content; cursor: pointer;}
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box{position: relative; width: calc((100% - 36px)/2); }
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.before::before{content: "BEFORE"; position: absolute; left: 50%; top: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.after::before{content: "AFTER"; position: absolute; left: 50%; bottom: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box img{width: 100%; border-radius: 30px; border: 1px solid #f5f5f5; box-sizing: border-box;}
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box .subject{display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100px; height: 30px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.before .subject{position: absolute; left: 0; bottom: 1px; background-color: #000; border-radius: 0 10px 0 30px;}
.sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.after .subject{position: absolute; right: 0; bottom: 1px; background-color: #C8232B; border-radius: 10px 0 30px 0;}


.sub_wrap.proluma .contact{width: 100%;}
.sub_wrap.proluma .contact .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;  }
.sub_wrap.proluma .contact .inner .cont_box{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 500px; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs//sub/proluma_contact.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.proluma .contact .inner .cont_box .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.proluma .contact .inner .cont_box .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.proluma .contact .inner .cont_box .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.proluma .contact .inner .cont_box .text_wrap{width: fit-content;}
.sub_wrap.proluma .contact .inner .cont_box .text_wrap>span{font-size: 48px; font-weight: 500;}
.sub_wrap.proluma .contact .inner .cont_box .text_wrap p {margin-top: 12px; font-size: 20px; font-weight: 400;}
.sub_wrap.proluma .contact .inner .cont_box button { outline: none; cursor: pointer; border: none; width: 212px; height: 56px; margin-top: 42px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff;  }
.sub_wrap.proluma .contact .inner .cont_box button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.proluma .contact .inner .cont_box button img { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.proluma .contact .inner .cont_box button:hover img { mix-blend-mode: difference; }
.sub_wrap.proluma .contact .inner .cont_box button:hover span { color: black; }
.sub_wrap.proluma .contact .inner .cont_box button::before, .sub_wrap.proluma .contact .inner .cont_box button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.proluma .contact .inner .cont_box button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.proluma .contact .inner .cont_box button:hover::before { transform: translate3d(100%, 0, 0); }

/* exoluma */
.sub_wrap.exoluma .sub_sec01{position: relative;}
.sub_wrap.exoluma .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec01 .inner .tit{width:100%;}
.sub_wrap.exoluma .sub_sec01 .inner .tit span{ display: block; font-size: 32px; font-weight: 400; text-align: center;}
.sub_wrap.exoluma .sub_sec01 .inner .tit p{margin-top: 8px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap{ margin-top: 300px; width: 100%; display: flex; justify-content: center;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap{position: relative; width: 560px;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap img{width: 100%;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip{position: absolute;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot{position: relative; width: 10px; height: 10px; background-color: #fff; outline: 10px solid rgba(13, 87, 73, 0.8); border-radius: 500px; cursor: pointer;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot:hover .text_wrap p{display: block;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{ position: absolute; width: 612px; padding: 32px 36px; box-sizing: border-box; background-color: #F6F9F6; border-radius: 40px;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.right{text-align: right;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.left{text-align: left;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap span{font-size: 20px; font-weight: 500; line-height: 28px;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap p{margin-top: 10px; font-size: 18px; font-weight: 300; line-height: 28px;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-50%, -50%); pointer-events: none; }
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  /* dot의 중심을 기준점으로 */
  pointer-events: none;
}

.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line::before {
  content: "";
  position: absolute;
  border-color: #6E9A92;
  opacity: 1;
  transition: opacity .25s ease;
}

.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one{top: 16%; left: 16%;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one .text_wrap{  position: absolute; transform: translate(calc(-100% - 6px), calc(-100% - 46px));}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.one .dot .line::before { width: 305px; height: 52px; left: -15px; top: -52px; transform: translateX(-100%); border-left: 1px solid #6E9A92; border-bottom: 1px solid #6E9A92; z-index: -1; }



.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two{top: 32%; right: 16%;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two .text_wrap{  position: absolute; transform: translate(0, calc(-100% - 46px));}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.two .dot .line::before { width: 305px; height: 52px; left: 15px; top: -52px; transform: translateX(0); border-right: 1px solid #6E9A92; border-bottom: 1px solid #6E9A92; z-index: -1; }

.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three{bottom: 42%; left: 30%;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three .text_wrap{  position: absolute; transform: translate(calc(-100% - 46px), 6px);}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.three .dot .line::before { width: 52px; height: 110px; left: 0px; top: 15px; transform: translateX(-100%); border-right: 1px solid #6E9A92; border-bottom: 1px solid #6E9A92; z-index: -1; }

.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four{bottom: 24%; right: 34%;}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four .text_wrap{  position: absolute; transform: translate(46px, 6px);}
.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip.four .dot .line::before { width: 52px; height: 110px; left: 0px; top: 15px; transform: translateX(0); border-left: 1px solid #6E9A92; border-bottom: 1px solid #6E9A92; z-index: -1; }



.sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot>span{position:absolute;left:-100%;top:-100%;opacity:0;margin:0;width:300%;height:300%;border:1px solid rgba(13, 87, 73, 0.5);border-radius:50%;animation:active-circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite}
@keyframes active-circle{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.5}50%{opacity:1.0}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}

.sub_wrap.exoluma .sub_sec02{position: relative; background: linear-gradient(to bottom, #2D796C 0%, #071311 100%);}
.sub_wrap.exoluma .sub_sec02 .inner{width: 1600px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec02 .inner .tit{width:100%;}
.sub_wrap.exoluma .sub_sec02 .inner .tit span{ display: block; font-size: 32px; font-weight: 400; color: #fff;}
.sub_wrap.exoluma .sub_sec02 .inner>.text_wrap{margin-top: 48px; width: 100%;}
.sub_wrap.exoluma .sub_sec02 .inner>.text_wrap p{ font-size: 18px; font-weight: 300; line-height: 32px; color: #fff;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap{display: flex; gap: 156px; align-items: center; margin-top: 86px; width: 100%;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list{display: flex; flex-direction: column; gap: 80px;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row{display: flex; gap: 100px; width: fit-content; }
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item{display: flex; flex-direction: column; gap: 12px; width: 100%;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item:nth-child(2){margin-top: 36px;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item img{width: 100%; border-radius: 30px;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap{width: fit-content;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap span{font-size: 24px; font-weight: 300; color: #fff;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul{display: flex; gap: 6px; flex-direction: column;}
.sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul>li{font-size: 17px; font-weight: 400; color: #fff;}

.sub_wrap.exoluma .sub_sec03{position: relative; border-bottom: 1px solid #f0f0f0;}
.sub_wrap.exoluma .sub_sec03 .inner{width: 1664px; margin: 0 auto; padding: 128px 0 182px; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec03 .inner .tit{width:100%; text-align: center;}
.sub_wrap.exoluma .sub_sec03 .inner .tit span{ display: block; font-size: 32px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec03 .inner .tit span sup{ font-size: 20px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec03 .inner .tit p{margin-top: 58px; font-size: 24px; line-height: 36px; font-weight: 200;}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont{width: 100%; margin-top: 82px;}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont>span{display: block; font-size: 24px; font-weight: 400; text-align: center;}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap{display: flex; gap: 8px; margin-top: 56px; width: 100%;}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item{overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 16px; width: 100%; height: 596px; border-radius: 30px; padding-bottom: 86px; background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item:nth-child(1){background-image: url(../img/geneselabs/sub/exoluma_img06_bg.png);}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item:nth-child(2){background-image: url(../img/geneselabs/sub/exoluma_img07_bg.png);}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item:nth-child(3){background-image: url(../img/geneselabs/sub/exoluma_img08_bg.png);}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item:nth-child(4){background-image: url(../img/geneselabs/sub/exoluma_img09_bg.png);}
.sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item span{font-size: 24px; font-weight: 400; color: #fff; text-align: center;}
.sub_wrap.exoluma .sub_sec03 .inner .principle_wrap{margin-top: 128px;}
.sub_wrap.exoluma .sub_sec03 .inner .principle_wrap>span{display: block; font-size: 32px; font-weight: 400; text-align: center;}
.sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap{margin-top: 36px; display: flex; gap: 16px; width: 100%;}
.sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item{display: flex; gap: 36px; align-items: center;  width: 100%; border: 1px solid #7ec094; border-radius: 500px; padding:32px 56px;}
.sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item span{font-size: 24px; font-weight: 400; line-height: 29px;}

.sub_wrap.exoluma .sub_sec04{position: relative; border-bottom: 1px solid #f0f0f0;}
.sub_wrap.exoluma .sub_sec04 .inner{width: 1400px; margin: 0 auto; padding: 136px 0; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec04 .inner .tit{width:100%; text-align: center;}
.sub_wrap.exoluma .sub_sec04 .inner .tit span{ display: block; font-size: 32px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap{margin-top: 78px; display: flex; flex-direction: column; gap: 48px; width: 100%;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item{display: flex; align-items: center; width: 100%; height: 436px; border: 1px solid #DDDDDD; border-radius: 120px 20px 20px 20px;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap{position: relative; width: 568px; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 120px 20px 0px 20px; overflow: hidden;}
/* .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(1) .img_wrap{background-image: url(../img/geneselabs/sub/exoluma_img13.png);} */
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2){border-radius: 120px 20px 200px 20px;}
/* .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2) .img_wrap{background-image: url(../img/geneselabs/sub/exoluma_img14.png);} */
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 568px); padding: 0 80px;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap span{font-size: 24px; line-height: 33px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap p{margin-top: 28px; font-size: 24px; font-weight: 300; line-height: 36px;}
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }


.sub_wrap.exoluma .sub_sec05{position: relative; border-bottom: 1px solid #f0f0f0;}
.sub_wrap.exoluma .sub_sec05 .inner{width: 1400px; margin: 0 auto; padding: 136px 0; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec05 .inner .tit{width:100%; }
.sub_wrap.exoluma .sub_sec05 .inner .tit span{ display: block; font-size: 32px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap{display: flex; gap: 76px; margin-top: 76px; width: 100%; height: 436px;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap{position: relative; width: 568px; height: 100%; background-image: url(../img/geneselabs/sub/exoluma_img15.png); background-size: 100% 100%; background-repeat: no-repeat; border-radius: 120px 20px 0 20px;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap{display: flex; gap: 36px; flex-direction: column; justify-content: center; width: calc(100% - 568px); height: 100%;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 24px; font-weight: 300; line-height: 36px;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul{display: flex; gap: 24px; flex-direction: column;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; padding-left: 18px;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span{ font-size: 24px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span strong{ font-size: 24px; font-weight: 400; color: #2F6B62;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span::before{content: ""; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 100px; background-color: #2f6b62;}
.sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li small{margin-top: 3px; font-size: 18px; font-weight: 300; color: #606060;}



.sub_wrap.exoluma .sub_sec06{width: 100%;}
.sub_wrap.exoluma .sub_sec06 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 156px; box-sizing: border-box; }
.sub_wrap.exoluma .sub_sec06 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.exoluma .sub_sec06 .inner .tit span{display: flex; justify-content: center; font-size: 32px; font-weight: 400;}
.sub_wrap.exoluma .sub_sec06 .inner .trans{margin-top: 52px; width: 100%;}
.sub_wrap.exoluma .sub_sec06 .inner .trans .swiper-wrapper{height: fit-content; padding: 60px 0;}
.sub_wrap.exoluma .sub_sec06 .inner .trans .swiper-slide{display: flex; gap: 36px; height: fit-content; cursor: pointer;}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box{position: relative; width: calc((100% - 36px)/2);}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.before::before{content: "BEFORE"; position: absolute; left: 50%; top: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.after::before{content: "AFTER"; position: absolute; left: 50%; bottom: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box img{width: 100%; border-radius: 30px; border: 1px solid #f5f5f5; box-sizing: border-box;}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box .subject{display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100px; height: 30px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.before .subject{position: absolute; left: 0; background-color: #000; border-radius: 0 10px 0 30px;}
.sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.after .subject{position: absolute; right: 0; background-color: #C8232B; border-radius: 10px 0 30px 0;}


.sub_wrap.exoluma .contact{width: 100%;}
.sub_wrap.exoluma .contact .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;  }
.sub_wrap.exoluma .contact .inner .cont_box{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 500px; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs/sub/exoluma_contact.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.exoluma .contact .inner .cont_box .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.exoluma .contact .inner .cont_box .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.exoluma .contact .inner .cont_box .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.exoluma .contact .inner .cont_box .text_wrap{width: fit-content;}
.sub_wrap.exoluma .contact .inner .cont_box .text_wrap>span{font-size: 48px; font-weight: 500; color: #fff;}
.sub_wrap.exoluma .contact .inner .cont_box .text_wrap p {margin-top: 12px; font-size: 20px; font-weight: 400; color: #fff;}
.sub_wrap.exoluma .contact .inner .cont_box button { outline: none; cursor: pointer; border: none; width: 212px; height: 56px; margin-top: 42px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff;  }
.sub_wrap.exoluma .contact .inner .cont_box button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.exoluma .contact .inner .cont_box button img { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.exoluma .contact .inner .cont_box button:hover img { mix-blend-mode: difference; }
.sub_wrap.exoluma .contact .inner .cont_box button:hover span { color: black; }
.sub_wrap.exoluma .contact .inner .cont_box button::before, .sub_wrap.exoluma .contact .inner .cont_box button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.exoluma .contact .inner .cont_box button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.exoluma .contact .inner .cont_box button:hover::before { transform: translate3d(100%, 0, 0); }


/* rg-body-filler */
.sub_wrap.bodyfiller .sub_sec01{position: relative;}
.sub_wrap.bodyfiller .sub_sec01 .inner{width: 1400px; margin: 0 auto; padding: 136px 0; box-sizing: border-box;}
.sub_wrap.bodyfiller .sub_sec01 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.bodyfiller .sub_sec01 .inner .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec01 .inner .tit p{margin-top: 20px; font-size: 24px; line-height: 32px; font-weight: 200;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap{width: 100%; margin-top: 86px;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item{display: flex; gap: 56px; width: 100%; height: fit-content; padding: 22px 0; box-sizing: border-box; border-bottom: 1px solid #f3f3f3;} 
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .img_wrap{display: flex; gap: 24px; justify-content: center; align-items: center; width: 356px; height: 100%; border-radius: 10px; background-color: #f3f3f3;  padding: 35px 0;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item:last-child .img_wrap{background-color: #C82530;} 
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap{display: flex; flex-direction: column; justify-content: center; gap: 12px;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap span{font-size: 22px; font-weight: 300; line-height: 28px;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap span small{font-size: 18px;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p{font-size: 18px; font-weight: 200; line-height: 28px;}
.sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p b{font-size: 18px; font-weight: 300; line-height: 28px;}


.sub_wrap.bodyfiller .sub_sec02{position: relative; background: linear-gradient(to bottom, #E7ECF2 0%, #E7ECF2 100%);}
.sub_wrap.bodyfiller .sub_sec02 .inner{width: 1600px; margin: 0 auto; padding: 136px 0; box-sizing: border-box;}
.sub_wrap.bodyfiller .sub_sec02 .inner .tit{width: fit-content;}
.sub_wrap.bodyfiller .sub_sec02 .inner .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec02 .inner .tit p{margin-top: 8px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.bodyfiller .sub_sec02 .benefits_wrap{position: relative; display: flex; justify-content: center; margin-top: 62px;}
.sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap{position: relative; width: 450px;}
.sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap img{width: 100%;}
.sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap .benefits_tip{position: relative;}
.sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap .benefits_tip .dot{position: relative; width: 10px; height: 10px; background-color: #fff; outline: 10px solid #0D5749; border-radius: 500px;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip{position: absolute;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{position: relative; width: 10px; height: 10px; background-color: #fff; outline: 10px solid rgba(200, 37, 48, 0.8); border-radius: 500px; cursor: pointer;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot:hover .text_wrap p{display: block;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{position: absolute; width: 420px;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.right{text-align: right;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap.left{text-align: left;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap span{font-size: 20px; font-weight: 500; line-height: 28px;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap p{display: none; margin-top: 10px; font-size: 18px; font-weight: 300; line-height: 28px;}


.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.one{top: 8%; left: 6%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.one .text_wrap{  position: absolute; transform: translate(calc(-100% - 36px), -8px);}


.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.two{top: 0%; right: 6%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.two .text_wrap{  position: absolute; transform: translate(46px, -8px);}


.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.three{top: 48%; left: 0%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.three .text_wrap{  position: absolute; transform: translate(calc(-100% - 36px), -8px);}

.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.four{top: 36%; right: 2%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.four .text_wrap{  position: absolute; transform: translate(46px, -8px);}

.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.five{bottom: 16%; left: 6%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.five .text_wrap{  position: absolute; transform: translate(calc(-100% - 36px), -8px);}

.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.six{bottom: 24%; right: 10%;}
.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.six .text_wrap{  position: absolute; transform: translate(46px, -8px);}



.sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot>span{position:absolute;left:-100%;top:-100%;opacity:0;margin:0;width:300%;height:300%;border:1px solid rgba(200, 37, 48, 0.5);border-radius:50%;animation:active-circle 1.5s cubic-bezier(1, 2, 0.66, 3) infinite}
@keyframes active-circle{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0.5}50%{opacity:1.0}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}




.sub_wrap.bodyfiller .sub_sec03 {
  position: relative;
  z-index: 0; /* 컨텐츠보다 아래로 배경을 깔기 위해 */
}

.sub_wrap.bodyfiller .sub_sec03::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/geneselabs/sub/bodyfiller_sec03_bg.png) no-repeat center/100% 100%;
  opacity: 1; /* 원하는 투명도 */
  z-index: -1; /* 컨텐츠 뒤로 보내기 */
}
.sub_wrap.bodyfiller .sub_sec03 .inner{width: 1600px; margin: 0 auto; padding: 90px 0 42px; box-sizing: border-box;}
.sub_wrap.bodyfiller .sub_sec03 .inner .tit{width: fit-content;}
.sub_wrap.bodyfiller .sub_sec03 .inner .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec03 .inner .tit p{margin-top: 8px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap{display: flex; gap: 56px 24px; flex-wrap: wrap; width: 1008px; margin-top: 52px;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item{ width: calc((100% - 48px)/3);}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .img_wrap{overflow: hidden; width: 100%; height: 200px; border-radius: 30px;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .img_wrap img{width: 100%;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap{display: flex; gap: 10px; flex-direction: column; margin-top: 20px; width: 100%;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap span{display: block; font-size: 20px; font-weight: 400; text-align: center;}
.sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap p{font-size: 16px; font-weight: 400; text-align: center;}


.sub_wrap.bodyfiller .sub_sec04{width: 100%; border-bottom: 1px solid #f0f0f0;}
.sub_wrap.bodyfiller .sub_sec04 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 156px; box-sizing: border-box; }
.sub_wrap.bodyfiller .sub_sec04 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tit span{display: flex; justify-content: center; font-size: 32px; font-weight: 400; text-align: d;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tit p{margin-top: 36px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap{margin-top: 76px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap ul.tab_nav{display: flex; gap: 16px; justify-content: center;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap ul.tab_nav>li{padding: 16px 36px; box-sizing: border-box; background-color: #E9E9E9; color: #989898; font-size: 20px; font-weight: 400; border-radius: 500px; letter-spacing: 0; cursor: pointer; line-height: 14px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap ul.tab_nav>li.on{background-color: #C50B36; color: #fff;} 
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap .box_wrap{width: 100%;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap .box_wrap .tab_box{display: none;}
.sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap .box_wrap .tab_box.on{display: block;}

.sub_wrap.bodyfiller .sub_sec04 .inner .trans{margin-top: 52px; width: 100%;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .swiper-wrapper{height: fit-content; padding: 60px 0;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .swiper-slide{display: flex; gap: 36px; height: fit-content; cursor: pointer;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box{position: relative; width: 100%;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before::before{content: "BEFORE"; position: absolute; left: 60px; top: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before::after{content: "AFTER"; position: absolute; right: 60px; bottom: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box img{width: 100%; border-radius: 30px; border: 1px solid #f5f5f5; box-sizing: border-box;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box .subject{display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100px; height: 30px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before .subject{position: absolute; left: 0; background-color: #000; border-radius: 0 10px 0 30px;}
.sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.after .subject{position: absolute; right: 0; background-color: #C8232B; border-radius: 10px 0 30px 0;}


.sub_wrap.bodyfiller .sub_sec05{width: 100%; }
.sub_wrap.bodyfiller .sub_sec05 .inner{width: 1400px; margin: 0 auto; padding: 156px 0; box-sizing: border-box; }
.sub_wrap.bodyfiller .sub_sec05 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.bodyfiller .sub_sec05 .inner .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap{display: flex; gap: 70px; margin-top: 76px; width: 100%; height: 420px;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap{overflow: hidden; position: relative; width: 630px; height: 100%; background-image: url(../img/geneselabs/sub/bodyfiller_img12.png); background-size: 100% 100%; background-repeat: no-repeat; border-radius: 80px 30px 0 30px;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap img{width: 100%;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:264px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:264px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap{display: flex; flex-direction: column; justify-content: center;width: fit-content;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 32px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list{display: flex; gap: 16px; flex-direction: column; margin-top: 20px;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li{display: flex; flex-direction: column; gap: 16px;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>span{font-size: 16px; font-weight: 200;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>span strong{font-size: 16px; font-weight: 400;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub{display: flex; gap: 24px;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li{display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 200;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li:nth-child(1) span{background-color: #E4E5E6;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li:nth-child(2) span{background-color: #A8B2BD;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li:nth-child(3) span{background-color: #8E97A1;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li:nth-child(4) span{background-color: #CF1E1B;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li span{font-size: 16px; font-weight: 500; color: #C81623; border-radius: 500px; padding: 2px 10px; box-sizing: border-box;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li:nth-child(4) span{color: #fff;}
.sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li:nth-child(4){flex-direction: row; gap: 24px;}

.sub_wrap.bodyfiller .contact{width: 100%;}
.sub_wrap.bodyfiller .contact .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;  }
.sub_wrap.bodyfiller .contact .inner .cont_box{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 500px; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs/sub/bodyfiller_contact.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.bodyfiller .contact .inner .cont_box .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.bodyfiller .contact .inner .cont_box .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.bodyfiller .contact .inner .cont_box .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap{width: fit-content;}
.sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap>span{font-size: 48px; font-weight: 500; color: #fff;}
.sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap p {margin-top: 12px; font-size: 20px; font-weight: 400; color: #fff;}
.sub_wrap.bodyfiller .contact .inner .cont_box button { outline: none; cursor: pointer; border: none; width: 212px; height: 56px; margin-top: 42px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff;  }
.sub_wrap.bodyfiller .contact .inner .cont_box button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.bodyfiller .contact .inner .cont_box button img { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.bodyfiller .contact .inner .cont_box button:hover img { mix-blend-mode: difference; }
.sub_wrap.bodyfiller .contact .inner .cont_box button:hover span { color: black; }
.sub_wrap.bodyfiller .contact .inner .cont_box button::before, .sub_wrap.exoluma .contact .inner .cont_box button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.bodyfiller .contact .inner .cont_box button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.bodyfiller .contact .inner .cont_box button:hover::before { transform: translate3d(100%, 0, 0); }


/* citrus bottle */
.sub_wrap.citrusbottle .sub_sec01{width: 100%; }
.sub_wrap.citrusbottle .sub_sec01 .inner{width: 1400px; margin: 0 auto; padding: 136px 0 0; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec01 .inner .top{display: flex; justify-content: space-between; gap: 48px;}
.sub_wrap.citrusbottle .sub_sec01 .inner .top .tit{width: fit-content;}
.sub_wrap.citrusbottle .sub_sec01 .inner .top .tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text{display: flex; flex-direction: column; gap: 24px; margin-top: 28px;}
.sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot{position: relative; display: flex; flex-wrap: wrap; margin-top: 76px; width: 100%; border: 1px solid #DDDDDD;  box-sizing: border-box;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item{width: 50%; padding: 42px 56px; box-sizing: border-box;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(odd){border-right: 1px solid #ddd;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(even){text-align: right;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(1){border-bottom: 1px solid #ddd;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(2){border-bottom: 1px solid #ddd;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit{width: 100%;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(even) .tit{display: flex; flex-direction: column; align-items: end;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit span{font-size: 128px; font-weight: 400; color: #f4d233;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p{margin-top: 20px; font-size: 24px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p.sub{margin-top: 10px; font-size: 16px; font-weight: 200; line-height: 28px; max-width: 532px;}
.sub_wrap.citrusbottle .sub_sec01 .inner .bot .img_wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.sub_wrap.citrusbottle .sub_sec02{width: 100%;}
.sub_wrap.citrusbottle .sub_sec02 .inner{width: 1400px; margin: 0 auto; padding: 156px 0 136px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec02 .inner>.tit{width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec02 .inner>.tit span{display: flex; justify-content: center; font-size: 32px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap{margin-top: 48px;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav { display: flex; gap: 16px; justify-content: center; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav>li { padding: 16px 36px; box-sizing: border-box; background-color: #E9E9E9; color: #989898; font-size: 20px; font-weight: 400; border-radius: 500px; letter-spacing: 0; cursor: pointer; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav>li.on { background-color: #F4D233; color: #111; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap { width: 100%; margin-top: 72px; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box { display: none; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box.on { display: flex; gap: 58px; align-items: center; }
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .img_wrap{overflow: hidden; width: 402px; height: 500px; border-radius: 50px;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .img_wrap img{width: 100%;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap{width: calc(100% - 460px);}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit{width: fit-content;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span{display: flex; flex-direction: column; font-size: 32px; line-height: 28px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span small{font-size: 20px; line-height: 28px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit p{margin-top: 12px; font-size: 16px; line-height: 32px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text{margin-top: 42px;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text span{font-size: 22px; line-height: 28px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text p{font-size: 18px; line-height: 32px; font-weight: 300; margin-top: 12px;}

.sub_wrap.citrusbottle .sub_sec03{width: 100%;}
.sub_wrap.citrusbottle .sub_sec03 .banner{display: flex; justify-content: center; align-items: center; width: 100%; height: 480px; background-image: url(../img/geneselabs/sub/citrusbottle_sec03_bg.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.citrusbottle .sub_sec03 .banner span{font-size: 48px; font-weight: 400; color: #fff;}
.sub_wrap.citrusbottle .sub_sec03 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 136px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec03 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec03 .inner>.tit p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap{width: 100%; margin-top: 96px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap>span{display: block; font-size: 24px; font-weight: 400; text-align: center;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap{position: relative; display: flex; justify-content: center; align-items: center; width: 1024px; height: 710px; margin: 48px auto 0;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle{position: relative; display: flex; justify-content: center; align-items: center; width: 460px; height: 460px; border: 1px solid #F4D233; border-radius: 600px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 580px; height: 580px; border: 1px solid #FDF6D6; border-radius: 600px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle img{ height: 220px; z-index: 999;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap{position: absolute; background-color: #f4d233; border-radius: 50px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap .dot{width: 10px; height: 10px; background-color: #f4d233; border-radius: 50px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(1){top: 7px; left: 152px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(2){top: 150px; left: 7px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(3){bottom: 150px; left: 7px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(4){bottom: 7px; left: 152px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap>span{position: absolute; transform: translateX(calc(-100% - 24px)); top: -10px; width: max-content; font-size: 20px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01{position: absolute; right: 0; width: 50%; overflow: hidden; cursor: pointer;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{overflow: hidden; position: relative; border-radius: 120px 50px 0 50px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius {display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;right:0;bottom:0;width:264px;height:66px;border-radius:66px 0 0 66px;background-color:#fff;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before {content:'';position:absolute;right:264px;bottom:0;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after {content:'';position:absolute;right:0;bottom:66px;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .text_wrap{position: absolute; left: 36px; bottom: 68px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .text_wrap span{font-size: 16px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .text_wrap ul{display: flex; flex-direction: column; margin-top: 4px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .text_wrap ul>li{font-size: 15px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .pagination{ position: absolute; left: 36px; bottom: 36px; width: fit-content; z-index: 999;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .pagination .swiper-pagination-bullet{border-radius: 4px; background-color: #fff; opacity: 1;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .pagination .swiper-pagination-bullet-active{width: 40px; background-color: #111;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication{margin-top: 72px; width: 100%;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication>span{font-size: 24px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .cont_box{display: flex; gap: 42px; width: 100%;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .left{width: 800px; margin-top: 42px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap{ width: 100%;} 
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row{display: flex; width: 100%; height: 36px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row:first-child{border-top: 1px solid #DEDEDE;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li{display: flex; align-items: center; font-size: 14px; padding-left: 24px; font-weight: 400; border-bottom: 1px solid #DEDEDE; width: 100%;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 500px; font-weight: 600; border-right: 1px solid #dedede;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 300px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table{margin-top: 36px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table>span{display: block; font-size: 18px; font-weight: 300; margin-bottom: 12px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row{display: flex; width: 800px; height: 36px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row:nth-of-type(1){border-top: 1px solid #DEDEDE;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li{display: flex; align-items: center; font-size: 14px; padding-left: 24px; font-weight: 400; border-bottom: 1px solid #DEDEDE; width: 100%;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 500px; font-weight: 600; border-right: 1px solid #dedede;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 300px;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right{width: fit-content;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right>span{display: block; font-size: 18px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right p{margin-top: 8px; font-size: 16px; font-weight: 200; line-height: 24px;}


.sub_wrap.citrusbottle .sub_sec04{width: 100%;}
.sub_wrap.citrusbottle .sub_sec04 .banner{display: flex; justify-content: center; align-items: center; width: 100%; height: 480px; background-image: url(../img/geneselabs/sub/citrusbottle_sec04_bg.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.citrusbottle .sub_sec04 .banner span{font-size: 48px; font-weight: 400; color: #fff;}
.sub_wrap.citrusbottle .sub_sec04 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 136px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec04 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec04 .inner>.tit p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap{width: 100%; margin-top: 96px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap>span{display: block; font-size: 24px; font-weight: 400; text-align: center;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap{position: relative; display: flex; justify-content: center; align-items: center; width: 1024px; height: 420px; margin: 48px auto 0;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle{position: relative; display: flex; justify-content: center; align-items: center; width: 320px; height: 320px; border: 1px solid #F4D233; border-radius: 600px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 420px; height: 420px; border: 1px solid #FDF6D6; border-radius: 600px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle img{ height: 220px; z-index: 999;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap{position: absolute; background-color: #f4d233; border-radius: 50px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap .dot{width: 10px; height: 10px; background-color: #f4d233; border-radius: 50px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(1){top: -4px; left: 130px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(2){top: 58px; left: 28px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(3){bottom: 50%; left: -5px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(4){bottom: 58px; left: 28px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap:nth-of-type(5){bottom: -4px; left: 130px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap>span{position: absolute; transform: translateX(calc(-100% - 24px)); top: -10px; width: max-content; font-size: 20px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01{position: absolute; right: 0; width: 50%; overflow: hidden; cursor: pointer;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{overflow: hidden; position: relative; border-radius: 120px 50px 0 50px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius {display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;right:0;bottom:0;width:264px;height:66px;border-radius:66px 0 0 66px;background-color:#fff;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before {content:'';position:absolute;right:264px;bottom:0;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after {content:'';position:absolute;right:0;bottom:66px;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .text_wrap{position: absolute; right: 36px; top: 36px; text-align: right;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .text_wrap span{font-size: 16px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .text_wrap ul{display: flex; flex-direction: column; margin-top: 4px; text-align: right;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .text_wrap ul>li{font-size: 15px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .pagination{ position: absolute; left: 36px; bottom: 36px; width: fit-content; z-index: 999;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .pagination .swiper-pagination-bullet{border-radius: 4px; background-color: #fff; opacity: 1;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .pagination .swiper-pagination-bullet-active{width: 40px; background-color: #111;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication{margin-top: 72px; width: 100%;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication>span{font-size: 24px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .cont_box{display: flex; gap: 42px; width: 100%;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .left{width: 800px; margin-top: 42px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap{ width: 100%;} 
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row{display: flex; width: 100%; height: 36px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row:first-child{border-top: 1px solid #DEDEDE;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li{display: flex; align-items: center; font-size: 14px; padding-left: 24px; font-weight: 400; border-bottom: 1px solid #DEDEDE; width: 100%;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 500px; font-weight: 600; border-right: 1px solid #dedede;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 300px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table{margin-top: 36px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table>span{display: block; font-size: 18px; font-weight: 300; margin-bottom: 12px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row{display: flex; width: 800px; height: 36px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row:nth-of-type(1){border-top: 1px solid #DEDEDE;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li{display: flex; align-items: center; font-size: 14px; padding-left: 24px; font-weight: 400; border-bottom: 1px solid #DEDEDE; width: 100%;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 500px; font-weight: 600; border-right: 1px solid #dedede;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 300px;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right{width: fit-content;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right>span{display: block; font-size: 18px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right p{margin-top: 8px; font-size: 16px; font-weight: 200; line-height: 24px;}


.sub_wrap.citrusbottle .sub_sec05{width: 100%;}
.sub_wrap.citrusbottle .sub_sec05 .banner{display: flex; justify-content: center; align-items: center; width: 100%; height: 480px; background-image: url(../img/geneselabs/sub/citrusbottle_sec05_bg.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.citrusbottle .sub_sec05 .banner span{font-size: 48px; font-weight: 400; color: #fff;}
.sub_wrap.citrusbottle .sub_sec05 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 109px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec05 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec05 .inner>.tit p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap{width: 100%; margin-top: 96px;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap>span{display: block; font-size: 24px; font-weight: 400; text-align: center;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .cont_box{display: flex; gap: 42px; align-items: center; width: 100%; margin-top: 48px;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap{position: relative; width: 522px; height: 710px; border-radius: 120px 50px 0 50px; overflow: hidden;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius {display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;right:0;bottom:0;width:264px;height:66px;border-radius:66px 0 0 66px;background-color:#fff;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:before {content:'';position:absolute;right:264px;bottom:0;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:after {content:'';position:absolute;right:0;bottom:66px;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap{display: flex; flex-direction: column; width: calc(100% - 564px);}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list{padding: 20px 0 36px 56px; border-bottom: 1px solid #E5E5E5; box-sizing: border-box;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list span{font-size: 24px; font-weight: 300; line-height: 36px;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text{display: flex; flex-direction: column; gap: 12px; margin-top: 12px; padding-left: 18px; box-sizing: border-box;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li{display: flex; align-items: center; position: relative; font-size: 20px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li::before{position: absolute; left: -18px; content: ""; width: 6px; height: 6px; background-color: #f4d233; border-radius: 500px;}
 
.sub_wrap.citrusbottle .sub_sec06{width: 100%;}
.sub_wrap.citrusbottle .sub_sec06 .inner{width: 1122px; margin: 0 auto; padding: 0px 0 96px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec06 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec06 .inner>.tit span{font-size: 24px; font-weight: 400; line-height: 32px;}
.sub_wrap.citrusbottle .sub_sec06 .inner>.tit p{margin-top: 24px; font-size: 18px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap{display: flex; flex-direction: column; width: 100%; margin-top: 48px;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap>span{font-size: 20px; font-weight: 300;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap{display: flex; gap: 54px; margin-top: 36px;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box{display: flex; flex-direction: column; justify-content: flex-start; gap: 8px;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box span{display: block; width: fit-content; font-size: 16px; font-weight: bold; padding: 6px 10px; box-sizing: border-box; background-color: #f4d233; border-radius: 500px;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p{position: relative; display: flex; justify-content: center; align-items: center; width: 240px; height: 64px; border-radius: 10px; border: 4px solid #f4d233; font-size: 20px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p::after{position: absolute; right: -46px; content: ""; width: 34px; height: 24px; background-image: url(../img/geneselabs/sub/step_right.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:last-child p:after{content: none;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text{margin-top: 12px;}
.sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text span{font-size: 16px; line-height: 24px; font-weight: 300; font-family: 'Freesentation';}




.sub_wrap.citrusbottle .sub_sec07{width: 100%;}
.sub_wrap.citrusbottle .sub_sec07 .inner{width: 1400px; margin: 0 auto; padding: 96px 0 156px; box-sizing: border-box; }
.sub_wrap.citrusbottle .sub_sec07 .inner .tit{width: 100%; text-align: center;}
.sub_wrap.citrusbottle .sub_sec07 .inner .tit span{display: flex; justify-content: center; font-size: 32px; font-weight: 400;}
.sub_wrap.citrusbottle .sub_sec07 .inner .tit p{font-size: 24px; line-height: 32px; font-weight: 200;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans{margin-top: 52px; width: 100%;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .swiper-wrapper{height: fit-content; padding: 60px 0;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .swiper-slide{display: flex; gap: 36px; height: fit-content; cursor: pointer;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box{position: relative; width: calc((100% - 36px)/2);}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.before::before{content: "BEFORE"; position: absolute; left: 50%; top: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.after::before{content: "AFTER"; position: absolute; left: 50%; bottom: -60px; font-size: 120px; font-weight: bold; color: #f3f3f3; z-index: -1; line-height: 84px; transform: translateX(-50%);}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box img{width: 100%; border-radius: 30px; border: 1px solid #f5f5f5; box-sizing: border-box;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box .subject{display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100px; height: 30px; font-size: 16px; font-weight: 400; color: #fff; }
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.before .subject{position: absolute; left: 0; background-color: #000; border-radius: 0 10px 0 30px;}
.sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.after .subject{position: absolute; right: 0; background-color: #C8232B; border-radius: 10px 0 30px 0;}


.sub_wrap.citrusbottle .contact{width: 100%;}
.sub_wrap.citrusbottle .contact .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;  }
.sub_wrap.citrusbottle .contact .inner .cont_box{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 500px; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs/sub/citrusbottle_contact.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.citrusbottle .contact .inner .cont_box .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.citrusbottle .contact .inner .cont_box .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.citrusbottle .contact .inner .cont_box .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap{width: fit-content;}
.sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap>span{font-size: 48px; font-weight: 500;}
.sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap p {margin-top: 12px; font-size: 20px; font-weight: 400; }
.sub_wrap.citrusbottle .contact .inner .cont_box button { outline: none; cursor: pointer; border: none; width: 212px; height: 56px; margin-top: 42px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff;  }
.sub_wrap.citrusbottle .contact .inner .cont_box button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.citrusbottle .contact .inner .cont_box button img { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.citrusbottle .contact .inner .cont_box button:hover img { mix-blend-mode: difference; }
.sub_wrap.citrusbottle .contact .inner .cont_box button:hover span { color: black; }
.sub_wrap.citrusbottle .contact .inner .cont_box button::before, .sub_wrap.exoluma .contact .inner .cont_box button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.citrusbottle .contact .inner .cont_box button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.citrusbottle .contact .inner .cont_box button:hover::before { transform: translate3d(100%, 0, 0); }

/* rejouir-reluma */
.main_text.rejouir img{display: none;}
.contents:has(.main_text.rejouir img:nth-child(1).on){left: 50%; top: 216px; transform: translate(-50%, 30px);}
.contents:has(.main_text.rejouir img:nth-child(2).on){left: 170px; top: 280px; }
.main_text img.on{display:block;}

.sub_wrap.rejouir .sub_sec01{width: 100%;}
.sub_wrap.rejouir .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 162px 0 0px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec01 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; }
.sub_wrap.rejouir .sub_sec01 .inner>.tit span{font-size: 32px; font-weight: 400; line-height: 48px;}
.sub_wrap.rejouir .sub_sec01 .inner>.tit p{width: 1272px; font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.rejouir .sub_sec01 .icon_wrap{display: flex; width: 100%; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #d5d5d5; margin-top: 96px;}
.sub_wrap.rejouir .sub_sec01 .icon_wrap .icon {display: flex; justify-content: center; align-items: center; width: calc(100% / 5); padding: 60px 0; box-sizing: border-box; border-right: 1px solid #d5d5d5;}
.sub_wrap.rejouir .sub_sec01 .icon_wrap .icon:last-child{border-right: 0;}

.sub_wrap.rejouir .sub_sec02{width: 100%; background-image: url(../img/geneselabs/sub/rejouir_bg03.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.rejouir .sub_sec02 .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec02 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%;  text-align: center;}
.sub_wrap.rejouir .sub_sec02 .inner>.tit span{font-size: 32px; font-weight: 400;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap{display: flex; flex-wrap: wrap; width: 100%; margin-top: 72px;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item{width: 50%; border-bottom: 1px solid #EDEDED; padding: 56px 42px; box-sizing: border-box;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item:nth-child(odd){border-right: 1px solid #EDEDED;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item:nth-child(even){text-align: right;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item span{font-size: 32px; font-weight: 300;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul{margin-top: 20px; display: flex; flex-direction: column; gap: 12px;}
.sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul li{font-size: 16px; font-weight: 200;}

.sub_wrap.rejouir .sub_sec03{width: 100%; background-image: url(../img/geneselabs/sub/rejouir_bg04.png); background-size: 100% 100%; background-repeat: no-repeat; border-bottom: 1px solid #DDDDDD;}
.sub_wrap.rejouir .sub_sec03 .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec03 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%;  text-align: center;}
.sub_wrap.rejouir .sub_sec03 .inner>.tit span{font-size: 32px; font-weight: 400; line-height: 36px;}
.sub_wrap.rejouir .sub_sec03 .inner>.tit span strong{font-weight: 400; color: #1c80a1;}
.sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text{display: flex; gap: 24px; flex-direction: column; margin-top: 36px}
.sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap{display: flex; margin-top: 96px; gap: 70px;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap{position: relative; width: 630px;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg{position: absolute; top: 0; width: 100%; height: 420px; border-radius: 80px 30px 0 30px; background-color: #f5f7f9;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius {display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;right:0;bottom:0;width:264px;height:66px;border-radius:66px 0 0 66px;background-color:#fff;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:before {content:'';position:absolute;right:264px;bottom:0;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:after {content:'';position:absolute;right:0;bottom:66px;width:33px;height:33px;border-radius:0 0 33px 0;box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap img{position: relative; top: 96px; left: 50%; transform: translateX(-50%);}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap{display: flex; flex-direction: column; gap: 36px; width: calc(100% - 700px); margin-top: 24px}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap span{font-size: 32px; font-weight: 300;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul{display: flex; flex-direction: column; gap: 12px; margin-top: 20px;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul>li{font-size: 16px; font-weight: 200;}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap img{margin-left: 106px; width: 34px; height: 24px; transform: rotate(90deg);}
.sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap .box:last-child span{color: #1C80A1;}

.sub_wrap.rejouir .sub_sec04{width: 100%; border-bottom: 1px solid #DDDDDD;}
.sub_wrap.rejouir .sub_sec04 .inner{width: 1600px; margin: 0 auto; padding: 96px 0 136px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec04 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%; }
.sub_wrap.rejouir .sub_sec04 .inner>.tit span{font-size: 32px; font-weight: 400; line-height: 36px;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap{display: flex; justify-content: center; align-items: center; width: 100%;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap{margin-top: 231px; position: relative; display: flex; justify-content: center; align-items: center; width: 560px; height: 560px; border: 1px solid #e9e9e9; border-radius: 900px;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap{position: absolute;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .dot{width: 10px; height: 10px; background-color: #fff; outline: 10px solid #2095A9; border-radius: 50px;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(1){top: -1%; left: 50%; transform: translateX(-50%);}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(2){top: 34%; left: 1.5%;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(3){top: 34%; right: 1.5%;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(4){bottom: 8%; left: 20%;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(5){bottom: 8%; right: 20%;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .text_wrap{display: flex; flex-direction: column; align-items: center; position: absolute; width: max-content;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .text_wrap span{width: max-content; font-size: 20px; font-weight: 500; line-height: 28px;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .text_wrap p{width: max-content; margin-top: 10px; font-size: 18px; font-weight: 300; line-height: 28px;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(1) .text_wrap{transform: translate(-50%,calc(-100% - 46px)); left: 50%; }
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(1) .text_wrap p{text-align: center;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(2) .text_wrap{transform: translate(calc(-100% - 36px),0); top: -10; align-items: flex-end;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(2) .text_wrap p{text-align: right;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(3) .text_wrap{transform: translate(calc(46px),0); top: -10px; align-items: flex-start;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(3) .text_wrap p{text-align: left;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(4) .text_wrap{transform: translate(calc(-100% - 36px),0); top: -10; align-items: flex-end;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(4) .text_wrap p{text-align: right;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(5) .text_wrap{transform: translate(calc(46px),0); top: -10px; align-items: flex-start;}
.sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap:nth-of-type(5) .text_wrap p{text-align: left;}


.sub_wrap.rejouir .sub_sec05{width: 100%;}
.sub_wrap.rejouir .sub_sec05 .inner{width: 1600px; margin: 0 auto; padding: 136px 0 136px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap{position: relative;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav { display: flex; margin: 0 auto; gap: 48px; justify-content: center;  width: 800px; background: #f5f7f9; border-radius: 500px; padding: 14px 0;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li { display: flex; justify-content: center; align-items: center; height: 46px;  cursor: pointer;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li.off svg g rect{fill:#989898}

.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap { width: 100%; margin-top: 128px; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box { display: none; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box.on { display: flex; flex-direction: column; gap: 60px; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top{display: flex; justify-content: space-between; width: 100%;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .logo{ height: 56px;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap{display: flex; flex-direction: column; gap: 30px; width: 1000px;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap span{font-size: 32px; line-height: 42px; font-weight: 400;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(1) .top .text_wrap span{color: #6e543e;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(2) .top .text_wrap span{color: #45486F;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(3) .top .text_wrap span{color: #412B47;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(4) .top .text_wrap span{color: #5A5D5F;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap p{font-size: 24px; line-height: 32px; font-weight: 200; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot{display: flex; justify-content: space-between; width: 100%; padding-right: 20px; box-sizing: border-box;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap{position: relative; width: 1000px; height: 420px; border-radius: 120px 50px 0 50px; overflow: hidden; background-color: #f5f7f9; padding: 48px 72px; box-sizing: border-box; margin-top: 36px;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:264px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:before { content:''; position:absolute; right:264px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after{}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after span{font-size: 20px; font-weight: 500;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(1) .bot .after span{color: #e88a32;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(2) .bot .after span{color: #088A9F;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(3) .bot .after span{color: #860655;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box:nth-child(4) .bot .after span{color: #1A0E10;}
.sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box{margin-top: 12px; display: flex; flex-direction: column; gap: 12px;}

.sub_wrap.rejouir .sub_sec06{width: 100%; border-bottom: 1px solid #DDDDDD;}
.sub_wrap.rejouir .sub_sec06 .inner{width: 1600px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap{display: flex; gap: 72px; width: 100%;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap{position: relative; width: 522px; height: 710px; border-radius: 120px 50px 0 50px; overflow: hidden;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:264px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:before { content:''; position:absolute; right:264px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right{width: calc(100% - 594px);}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .logo{height: 56px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap{display: flex; flex-direction: column; gap: 12px; margin-top: 56px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap span{font-size: 32px; line-height: 42px; color: #cf3b2c; font-weight: 400;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap p{font-size: 24px; font-weight: 200; line-height: 32px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap{width: 796px; margin-top: 28px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap>span{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 56px; font-size: 16px; font-weight: 400; background-color: #ffe5e6; border-radius: 10px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap>span small{font-size: 14px; font-weight: 300; color: #d22e2b;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap{display: flex; justify-content: space-between; gap: 22px; width: 100%; margin-top: 30px;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap span{font-size: 20px; font-weight: 500; color: #cf3b2c;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap ul.img_box{display: flex; flex-direction: column; gap: 12px; width: 100%;}
.sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap ul.img_box>li{width: 100%;}


.sub_wrap.rejouir .sub_sec07{width: 100%; background-image: url(../img/geneselabs/sub/rejouir_bg05.png); background-size: cover; background-position: center; background-repeat: no-repeat; border-bottom: 1px solid #DDDDDD;}
.sub_wrap.rejouir .sub_sec07 .inner{width: 1210px; margin: 0 auto; padding: 90px 0 66px; box-sizing: border-box; }
.sub_wrap.rejouir .sub_sec07 .inner>.tit{display: flex; flex-direction: column; gap: 24px; width: 100%;  text-align: center;}
.sub_wrap.rejouir .sub_sec07 .inner>.tit span{font-size: 32px; font-weight: 400; line-height: 36px;}
.sub_wrap.rejouir .sub_sec07 .inner .bg_img{display: none; margin-top: 32px;}
.sub_wrap.rejouir .sub_sec07 .inner .bg_img img{width: 100%; border: 2px solid #fff; border-radius: 10px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap{display: flex; justify-content: space-between; margin-top: 36px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left{display: flex; flex-direction: column;  gap: 48px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item{display: block; flex-direction: column; gap: 16px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right{display: flex; flex-direction: column;  gap: 48px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item{display: block; flex-direction: column; gap: 16px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .type img{height: 36px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info{display: flex; flex-direction: column; gap: 10px; padding-left: 14px; margin-top: 16px;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li{position: relative; display: flex; flex-direction: column; font-size: 18px; font-weight: 500; color: #fff;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li small{font-size: 16px; font-weight: 200;}
.sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li::before{content: ""; position: absolute; left: -14px; top:9px;  width: 6px; height: 6px; background-color: #fff; border-radius: 100px;}

.sub_wrap.rejouir .contact{width: 100%;}
.sub_wrap.rejouir .contact .inner{width: 1400px; margin: 0 auto; padding: 136px 0 156px; box-sizing: border-box;  }
.sub_wrap.rejouir .contact .inner .cont_box{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 500px; padding: 0 136px; box-sizing: border-box; border-radius: 20px; background-image: url(../img/geneselabs/sub/rejouir_contact.png); background-size: 100% 100%; background-repeat: no-repeat;}
.sub_wrap.rejouir .contact .inner .cont_box .radius { display:flex; align-items:flex-end; justify-content:flex-end; position:absolute; right:0; bottom:0; width:66px; height:66px; border-radius:66px 0 0 66px; background-color:#fff; }
.sub_wrap.rejouir .contact .inner .cont_box .radius:before { content:''; position:absolute; right:66px; bottom:0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .contact .inner .cont_box .radius:after { content:''; position:absolute; right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; }
.sub_wrap.rejouir .contact .inner .cont_box .text_wrap{width: fit-content;}
.sub_wrap.rejouir .contact .inner .cont_box .text_wrap>span{font-size: 48px; font-weight: 500;}
.sub_wrap.rejouir .contact .inner .cont_box .text_wrap p {margin-top: 12px; font-size: 20px; font-weight: 400; }
.sub_wrap.rejouir .contact .inner .cont_box button { outline: none; cursor: pointer; border: none; width: 212px; height: 56px; margin-top: 42px; padding: 0; font-family: inherit; font-size: 17px; position: relative; display: flex; justify-content: center; align-items: center; letter-spacing: 0.05rem; font-weight: 500; border-radius: 500px; overflow: hidden; background: #fff; color: #fff;  }
.sub_wrap.rejouir .contact .inner .cont_box button span { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.rejouir .contact .inner .cont_box button img { position: relative; z-index: 10; transition: color 0.4s; }
.sub_wrap.rejouir .contact .inner .cont_box button:hover img { mix-blend-mode: difference; }
.sub_wrap.rejouir .contact .inner .cont_box button:hover span { color: black; }
.sub_wrap.rejouir .contact .inner .cont_box button::before, .sub_wrap.exoluma .contact .inner .cont_box button::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.sub_wrap.rejouir .contact .inner .cont_box button::before { content: ""; background: #000; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1); }
.sub_wrap.rejouir .contact .inner .cont_box button:hover::before { transform: translate3d(100%, 0, 0); }



/* Global */
.sub_wrap.location .sub_bg{background-image: url(../img/geneselabs/sub/location_bg.png);}
.sub_wrap.location .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.location .sub_sec01 .tab_wrap{display: flex; gap: 8px; position: relative; width: 100%;}
.sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav{display: flex; flex-direction: column; gap: 8px; width: 294px;}
.sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav>li{display: flex; gap: 4px; justify-content: center; align-items: center; width: 100%; height: 72px; font-size: 20px; font-weight: 300; color: #585858; background-color: #F3F3F3; border-radius: 20px; cursor: pointer;}
.sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav>li.on{background-color: #FFDCCF; color: #1a1a1a;}
.sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav>li img{display: none; width: 24px;}
.sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav>li.on img{display: block;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_cont{width: calc(100% - 294px);}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box{display: none;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map{position: relative; width: 100%; height: 406px; border-radius: 20px 80px 20px 0; overflow: hidden;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info{display: flex; flex-direction: column; gap: 32px; margin-top: 48px; width: 100%;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .addr p{display: flex; gap: 16px; font-size: 18px; font-weight: 400; line-height: 24px;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .addr p img{width: 24px;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .contact{display: flex; gap: 48px;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .contact p{display: flex; gap: 16px; font-size: 18px; font-weight: 400; line-height: 24px;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .contact p img{width: 24px;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box.on{display: flex; flex-direction: column;}

.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius{display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; left: 0; bottom: 0; width: 66px; height: 66px; border-radius: 66px 66px 0 66px; background-color: #fff;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius a{width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius:before { content:''; position:absolute; left:66px; bottom: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(90deg);}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius:after { content:''; position:absolute;  left:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(90deg);}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius .arrow{ z-index: 9; display: flex; justify-content: center; align-items: center;  width: 56px; height: 56px; border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff; transition: all .2s;}
.sub_wrap.location .sub_sec01 .tab_wrap .map_box .map:hover .radius .arrow{ border: none; color: #fff; background: #FF4D00; border: 0;}

.sub_wrap.news .sub_bg{background-image: url(../img/geneselabs/sub/news_bg.png);}
.sub_wrap.news .sub_sec01 .inner{width: 1600px; margin: 0 auto; padding: 96px 0; box-sizing: border-box;}
.sub_wrap.news .sub_content{width: 100%;}
.sub_wrap.news .sub_content .inner{width: 1768px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.news .sub_content .inner ul.gall_row{display: flex; flex-wrap: wrap; gap: 156px 32px;}
.sub_wrap.news .sub_content .inner ul.gall_row>li{width: calc((100% - 64px)/3);}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img{overflow: hidden; border-radius: 120px 20px 0 20px;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a{position: relative; display: flex; width: 100%; height: 100%; background-color: #f5f7f9;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a img{transform: scale(1);transition: .6s;}
.sub_wrap.news .sub_content .inner ul.gall_row>li:hover .gall_img a img{transform: scale(1.1);}
.sub_wrap.news .sub_content .inner ul.gall_row>li:hover .gall_text_href a{color: #FF4D00; font-weight: 400;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius{display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 66px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius:before { content:''; position:absolute; right:66px; bottom: 0; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius:after { content:''; position:absolute;  right:0; bottom:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius .arrow{ z-index: 9; display: flex; justify-content: center; align-items: center;  width: 56px; height: 56px; border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff; transition: all .2s;}
.sub_wrap.news .sub_content .inner ul.gall_row>li:hover .gall_img a .radius .arrow{ border: none; color: #fff; background: #FF4D00; border: 0;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_info{ margin-top: 24px; font-size: 16px; line-height: 24px; text-align: right;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href{margin-top: 20px; width: 100%; padding: 0 24px; box-sizing: border-box;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href a{font-size: 24px; font-weight: 400; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text{margin-top: 24px; width: 100%; padding: 0 24px; box-sizing: border-box;}
.sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text span{font-size: 16px; font-weight: 300; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sub_wrap.news .sub_content .pg_wrap{display: flex; justify-content: center; margin-top: 96px; float: none;}
.sub_wrap.news .sub_content .pg_wrap .pg{display: flex; gap: 24px;}
.sub_wrap.news .sub_content .pg_wrap .pg .board_page{display: flex; gap: 12px;}
.sub_wrap.news .sub_content .pg_wrap .pg_page{display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; width: 32px; height: 32px; background: transparent; color: #c1c1c1; border-radius: 0; font-size: 20px; border: 0;}
.sub_wrap.news .sub_content .pg_wrap .pg_start{background: url(../img/geneselabs/sub/page_start.png) no-repeat 50% 50%;}
.sub_wrap.news .sub_content .pg_wrap .pg_prev{background: url(../img/geneselabs/sub/page_prev.png) no-repeat 50% 50%;}
.sub_wrap.news .sub_content .pg_wrap .pg_next{background: url(../img/geneselabs/sub/page_next.png) no-repeat 50% 50%;}
.sub_wrap.news .sub_content .pg_wrap .pg_end{background: url(../img/geneselabs/sub/page_end.png) no-repeat 50% 50%;}
.sub_wrap.news .sub_content .pg_wrap .pg_current{display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; width: 32px; height: 32px; background: transparent; color: #111111; border-radius: 0; font-size: 20px; border: 0; border-bottom: 2px solid #111;}
.sub_wrap.news.view .sub_content .inner{width: 1600px;}
.list_back{display: flex; justify-content: center; width: 100%; margin-top: 96px;}
.list_back a{display: flex; justify-content: center; align-items: center; width: 160px; height: 57px; background-color: #111; color: #fff; font-weight: bold; border-radius: 500px; font-size: 18px; transition:.3s;}
.sub_wrap.news .bo_v_nb li{padding: 36px 16px; font-size: 16px; box-sizing: border-box;}
.sub_wrap.news .bo_v_nb li i{font-size: 16px; margin-right: 8px;}
.sub_wrap.news #bo_v_title .bo_v_tit{margin-top: 0; font-size: 38px;}
.sub_wrap.news #bo_v_title p{font-size: 17px; margin-top: 10px; color: #666; font-weight: 300;}
.sub_wrap.news #bo_v_share{display: none;}
.sub_wrap.news #bo_v_atc{padding: 16px; box-sizing: border-box;}
/* Careers */
.sub_wrap.careers .sub_bg{background-image: url(../img/geneselabs/sub/careers_bg.png);}
.sub_wrap.careers .sub_content .inner{width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.careers .sub_content .inner .cont_wrap{display: flex; position: relative; justify-content: space-between; align-items: flex-end; width: 100%; background-color: #F5F7F9; border-radius: 30px 30px 150px 30px; padding:48px 48px 48px 100px; gap: 116px; overflow: hidden;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info{display: flex; flex-direction: column; width: 584px; gap: 42px;  }
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr{display: flex; flex-direction: column; gap: 60px; width: 100%;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list{display: flex; flex-direction: column; gap: 20px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list .tit{display: flex; gap: 12px; font-size: 20px; font-weight: bold; color: #fff; padding: 10px 24px; background-color: #111; width: fit-content; height: fit-content; justify-content: center; align-items: center; border-radius: 100px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list .tit>img{width: 24px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list span{display: flex; gap: 16px; font-size: 18px; line-height: 24px; font-weight: 400;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list span img{width: 24px; height: 24px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .bar{width: 100%; height: 2px; background-color: #000;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info{display: flex; flex-direction: row; gap: 106px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info>li{display: flex; align-items: center; flex-direction: row; gap: 16px; font-size: 18px; line-height: 24px; font-weight: 400;}
.sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info>li img{width: 24px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right{width: 50%; height: 100%; box-sizing: border-box; background-color: #fff; border-radius: 30px 30px 150px 30px; padding: 106px 48px 136px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .logo{width: fit-content;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .logo img{height: 24px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap{display: flex; flex-wrap: wrap; gap: 26px 16px; width: 100%; margin-top: 46px; box-sizing: border-box;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item{display: flex; flex-direction: column; width: calc((100% - 16px)/2); gap: 6px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item label{font-size: 18px; font-weight: 400;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item label>span{color: #ff0000;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item input{width: 100%; height: 48px; border: 1px solid #dedede; border-radius: 8px; padding-left: 16px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div label{font-size: 18px; font-weight: 400;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div label>span{color: #ff0000;}
.sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div textarea{width: 100%; height: 160px !important; resize: none; border-radius: 8px !important; padding-left: 16px;}
.sub_wrap.careers .sub_content .inner .cont_wrap .radius{display: flex; align-items: flex-end; justify-content: flex-start; position: absolute; left: 0; top: 0; width: 264px; height: 66px; border-radius: 0 66px 66px 0; background-color: #fff;}
.sub_wrap.careers .sub_content .inner .cont_wrap .radius:before { content: ''; position: absolute; left: 264px;top: 0; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; transform: rotate(180deg); z-index: 9;}
.sub_wrap.careers .sub_content .inner .cont_wrap .radius:after { content:''; position:absolute;  left: 0;; top:66px; width:33px; height:33px; border-radius:0 0 33px 0; box-shadow:33px 33px 0 33px #fff; transform: rotate(180deg); z-index: 9;}
.sub_wrap.careers .sub_content .inner .cont_wrap .submit_btn{display: flex; gap: 10px; padding: 18px 32px; justify-content: center; align-items: center; width: fit-content; background-color: #333;  font-size: 18px; font-weight: bold; color: #fff; border-radius: 400px; border: 0; outline: 0; box-shadow: none;}
.sub_wrap.careers .sub_content .inner .bo_w_tit{display: none !important;}
/* Contact us */
.sub_wrap.inquiry .sub_bg{background-image: url(../img/geneselabs/sub/contact_bg.png);}
.sub_wrap.inquiry .sub_content .inner{width: 1600px; margin: 0 auto; padding: 156px 0; box-sizing: border-box;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01{position: relative; display: flex; gap: 8px; width: 100%; height: 712px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left{display: flex; flex-direction: column; justify-content: flex-end; width: calc((100% - 8px)/2);  padding: 0 102px 68px; gap: 42px; border: 1px solid #A1A1A1; border-radius: 150px 30px 30px 30px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr{display: flex; flex-direction: column; gap: 60px; width: 100%;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list{display: flex; flex-direction: column; gap: 20px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list .tit{display: flex; gap: 12px; font-size: 20px; font-weight: bold; color: #fff; padding: 10px 24px; background-color: #111; width: fit-content; height: fit-content; justify-content: center; align-items: center; border-radius: 100px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list .tit>img{width: 24px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list span{display: flex; gap: 16px; font-size: 18px; line-height: 24px; font-weight: 400;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list span img{width: 24px; height: 24px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .bar{width: 100%; height: 2px; background-color: #000;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info{display: flex; flex-direction: row; gap: 106px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info>li{display: flex; align-items: center; flex-direction: row; gap: 16px; font-size: 18px; line-height: 24px; font-weight: 400;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info>li img{width: 24px;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .right{width: calc((100% - 8px)/2); border-radius: 30px 30px 0 30px; overflow: hidden;}
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius { display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; right: 0; bottom: 0; width: 264px; height: 66px; border-radius: 66px 0 0 66px; background-color: #fff; }
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius:before { content: ''; position: absolute; right: 264px; bottom: 0; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; }
.sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius:after { content: ''; position: absolute; right: 0; bottom: 66px; width: 33px; height: 33px; border-radius: 0 0 33px 0; box-shadow: 33px 33px 0 33px #fff; }
.sub_wrap.inquiry .sub_content .inner .input_wrap{margin-top: 80px; border-radius: 30px; background-color: #f5f7f9; padding: 48px; box-sizing: border-box;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .bg_wrap{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; padding: 96px 64px 120px; box-sizing: border-box; background-color: #fff; border-radius: 30px;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box{display: flex; gap: 12px; width: 100%;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item{display: flex; flex-direction: column; gap: 6px; width: calc((100% - 24px)/3);}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item label{font-size: 18px; font-weight: 400;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item label>span{color: #ff0000;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item label>small{color: #ff0000;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item input{width: 100%; height: 48px; border: 1px solid #dedede; border-radius: 8px; padding-left: 16px;}

select[name="wr_2"] {
  -webkit-appearance: none; /* 크롬/사파리 */
  -moz-appearance: none;    /* 파이어폭스 */
  appearance: none;         /* 기본 화살표 제거 */

  width: 100%;   /* 필요에 맞게 조절 */
  height: 48px;
  padding: 0 16px 0 16px; /* 오른쪽 화살표 공간 확보 */
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;

  /* 화살표 이미지 넣기 */
  background: #fff url('/img/geneselabs/sub/custom-arrow.png') no-repeat right 12px center;
  background-size: 24px auto; /* 아이콘 크기 맞추기 */
}

/* IE 전용 화살표 제거 */
select[name="wr_2"]::-ms-expand {
  display: none;
}

select[name="wr_6"] {
  -webkit-appearance: none; /* 크롬/사파리 */
  -moz-appearance: none;    /* 파이어폭스 */
  appearance: none;         /* 기본 화살표 제거 */

  width: 100%;   /* 필요에 맞게 조절 */
  height: 48px;
  padding: 0 16px 0 16px; /* 오른쪽 화살표 공간 확보 */
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;

  /* 화살표 이미지 넣기 */
  background: #fff url('/img/geneselabs/sub/custom-arrow.png') no-repeat right 12px center;
  background-size: 24px auto; /* 아이콘 크기 맞추기 */
}

/* IE 전용 화살표 제거 */
select[name="wr_6"]::-ms-expand {
  display: none;
}

.sub_wrap.inquiry .sub_content .inner .input_wrap .write_div{width: 100%;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .write_div label{font-size: 18px; font-weight: 400;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .write_div label>span{color: #ff0000;}
.sub_wrap.inquiry .sub_content .inner .input_wrap textarea{width: 100%; height: 160px !important; resize: none; border-radius: 8px !important; padding-left: 16px;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .submit_btn{display: flex; gap: 10px; padding: 18px 32px; justify-content: center; align-items: center; width: fit-content; background-color: #333;  font-size: 18px; font-weight: bold; color: #fff; border-radius: 400px; border: 0; outline: 0; box-shadow: none;}
.sub_wrap.inquiry .sub_content .inner .input_wrap .bo_w_tit{ display: none !important;}


@media screen and (max-width:1660px) {
  .sub_top .tit_wrap span{font-size: 48px; line-height: 52px;}
  .sub_top .tit_wrap p{font-size: 18px; line-height: 24px;}
  .sub_wrap.about-us .sub_sec01 .inner>span{font-size: 22px; line-height: 32px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box{padding: 36px 0;}
  .sub_top .tit_wrap .tit{font-size: 24px;}
  #header{height: 82px;}
  #header .gnb .depth{top: 82px;}

  .contents{left: 10%;}
  .contents .main_text img{height: 136px;}

  /* who we are */
  .sub_wrap.about-us .sub_sec01 .inner{width: 92%; padding: 96px 0 0;}
  .sub_wrap.about-us .sub_sec02 .inner{width: 92%;}
  .sub_wrap.about-us .sub_sec03 .inner{width: 92%;}
  
  .sub_wrap.purpose .sub_sec01 .inner{width: 92%; padding: 96px 0 0;}
  .sub_wrap.purpose .sub_sec02 .inner{width: 92%;}
  .sub_wrap.purpose .sub_sec03 .inner{width: 92%;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap{height: fit-content;}
  
  .sub_wrap.strategy .sub_sec01 .inner{width: 100%;}
  
  .sub_wrap.innovation .sub_sec01 .inner{width: 92%;}
  .sub_wrap.innovation .sub_sec03 .inner{width: 92%;}
  .sub_wrap.innovation .sub_sec04 .inner{width: 92%;}
  .sub_wrap.innovation .sub_sec05 .inner{width: 92%;}
  
  /* sustainability */
  .sub_wrap.employees .sub_sec01 .inner{width: 92%;}
  .sub_wrap.patients .sub_sec01 .inner{width: 92%;}
  .sub_wrap.society .sub_sec01 .inner{width: 92%;}


  /* products */
  .sub_wrap.proluma .sub_sec01 .inner{width: 92%;}
  .sub_wrap.proluma .sub_sec02 .inner{width: 92%;}
  .sub_wrap.proluma .sub_sec03 .inner{width: 92%;}
  .sub_wrap.proluma .sub_sec04 .inner{width: 92%;}
  .sub_wrap.proluma .contact .inner{width: 92%;}

  .sub_wrap.exoluma .sub_sec01 .inner{width: 92%;}
  .sub_wrap.exoluma .sub_sec02 .inner{width: 92%;}
  .sub_wrap.exoluma .sub_sec03 .inner{width: 92%;}
  .sub_wrap.exoluma .sub_sec04 .inner{width: 92%;}
  .sub_wrap.exoluma .sub_sec05 .inner{width: 92%;}
  .sub_wrap.exoluma .sub_sec06 .inner{width: 92%;}
  .sub_wrap.exoluma .contact .inner{width: 92%;}

  .sub_wrap.bodyfiller .sub_sec01 .inner{width: 92%;}
  .sub_wrap.bodyfiller .sub_sec02 .inner{width: 92%;}
  .sub_wrap.bodyfiller .sub_sec03 .inner{width: 92%;}
  .sub_wrap.bodyfiller .sub_sec04 .inner{width: 92%;}
  .sub_wrap.bodyfiller .sub_sec05 .inner{width: 92%;}
  .sub_wrap.bodyfiller .contact .inner{width: 92%;}

  .sub_wrap.citrusbottle .sub_sec01 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec02 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec04 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec05 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec06 .inner{width: 92%;}
  .sub_wrap.citrusbottle .sub_sec07 .inner{width: 92%;}
  .sub_wrap.citrusbottle .contact .inner{width: 92%;}

  .sub_wrap.rejouir .sub_sec01 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec02 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec03 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec04 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec05 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec06 .inner{width: 92%;}
  .sub_wrap.rejouir .sub_sec07 .inner{width: 92%;}
  .sub_wrap.rejouir .contact .inner{width: 92%;}


  /* about-us */
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit span{font-size: 20px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit p{font-size: 28px; margin-top: 0;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text{margin-top: 36px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text p{font-size: 22px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text p b{font-size: 22px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap>span{font-size: 36px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text p{font-size: 20px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn{margin-top: 56px;}
  /* purpose */
  .sub_wrap.purpose .cont_wrap .txt_wrap{padding: 24px;}
  .sub_wrap.purpose .sticky_txt{font-size: 20px; margin-top: 32px;}
  .sub_wrap.purpose .cont_wrap{width: 70%;}
  .sub_wrap.purpose .cont_wrap .txt_wrap span{font-size: 28px; line-height: 46px;}
  .sub_wrap.purpose .cont_wrap .txt_wrap p{font-size: 18px; line-height: 28px; margin-top: 4px;}
  .sub_wrap.purpose .sub_sec02 .inner .tit{font-size: 20px;}
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap>span{font-size: 36px;}
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text p{font-size: 20px;}

  .sub_wrap.strategy .sub_top{flex-wrap: wrap; height: fit-content;}
  .sub_wrap.strategy .sub_top .sub_bg{position: relative; width: 100%; border-radius: 50px 20px 0 20px; height: 70vh; background-position: left;}
  .sub_wrap.strategy .sub_top .tit_wrap{width: 100%; margin-top: 24px; padding: 0 24px;}
  .sub_wrap.strategy .sub_top .tit_wrap{align-items: normal;}
  .sub_wrap.strategy .sub_top .tit_wrap span{text-align: left;}
  .sub_wrap.strategy .sub_top .tit_wrap p{text-align: left; margin-top: 20px;}
  .sub_wrap.strategy .sub_top:nth-of-type(2){margin-top: 136px;}
  .sub_wrap.strategy .sub_top .sub_bg.left{width: 100%;}
  
  .sub_wrap.strategy .sub_sec01 .inner{flex-direction: column; padding: 136px 24px 136px;}
  .sub_wrap.strategy .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 20px;}
  .sub_wrap.strategy .cont_wrap{width: 100%; gap: 0;}
  .sub_wrap.strategy .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.strategy .cont_wrap .txt_wrap span{font-size: 36px; line-height: 52px;}
  .sub_wrap.strategy .cont_wrap .txt_wrap p{font-size: 24px; line-height: 32px; margin-top: 0;} 

  .sub_wrap.employees .sticky_txt{font-size: 20px;}

  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img{height: fit-content !important;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a img{width: 100%;}


  /* geneselabs global */
  .sub_wrap.location .sub_sec01 .inner{width: 92%; padding: 96px 0 136px;}
  .sub_wrap.news.view .sub_content .inner{width: 92%;}
  .sub_wrap.news .sub_content .inner{width: 92%; padding: 96px 0 136px;}

  /* careers */
  .sub_wrap.careers .sub_content .inner{width: 92%; padding: 96px 0 136px;}
  /* inquiry */
  .sub_wrap.inquiry .sub_content .inner{width: 92%; padding: 96px 0 136px;}

  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left{padding:  0 56px 68px;}






    /* proluma */
    .sub_wrap.proluma .sub_sec01 .inner{flex-direction: column; padding: 96px 0;}
    .sub_wrap.proluma .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 24px;}
    .sub_wrap.proluma .cont_wrap{width: 100%; gap: 24px;}
    .sub_wrap.proluma .cont_wrap .cont_box{width: 100%;}
    .sub_wrap.proluma .cont_wrap .txt_wrap{padding: 24px 0; width: 100%;}
    .sub_wrap.proluma .cont_wrap .txt_wrap span{font-size: 24px;}
    .sub_wrap.proluma .cont_wrap .txt_wrap p{font-size: 20px; line-height: 28px; margin-top: 0;}
  
    .sub_wrap.proluma .sub_sec02 .inner{padding: 0 0 56px;}
    .sub_wrap.proluma .sub_sec02 .inner .tit span{font-size: 24px;}
    .sub_wrap.proluma .sub_sec02 .inner .tit p{font-size: 18px; margin-top: 0; line-height: normal;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap{margin: 0 auto;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap img{margin: 0 auto;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .line{display: none;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip p{display: none;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.on p{display: none;}
    .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .mo_text{display: block;}
  
    .sub_wrap.proluma .sub_sec03 .inner{padding: 56px 0;}
    .sub_wrap.proluma .sub_sec03 .inner .tit span{font-size: 24px;}
    .sub_wrap.proluma .sub_sec03 .inner .tit p{font-size: 20px; margin-top: 0; line-height: normal;}
    .sub_wrap.proluma .sub_sec03 .inner .text_wrap{margin-top: 36px; gap: 16px;}
    .sub_wrap.proluma .sub_sec03 .inner .text_wrap p{font-size: 20px; line-height: 28px;}
    .sub_wrap.proluma .sub_sec03 .inner .text_wrap p br{display: none;}
    .sub_wrap.proluma .sub_sec03 .inner .img_wrap{gap: 8px; flex-wrap: wrap; margin-top: 36px;}
    
    .sub_wrap.proluma .sub_sec03 .inner>span{font-size: 20px; line-height: 28px;}
    .sub_wrap.proluma .sub_sec03 .inner>span br{display: none;}
  
    .sub_wrap.proluma .sub_sec04 .inner{padding: 56px 0;}
    .sub_wrap.proluma .sub_sec04 .inner .tit span{font-size: 24px;}
    .sub_wrap.proluma .sub_sec04 .inner .trans{margin-top: 36px;}
    .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box{width: 100%;}
    .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
    .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.before::before{font-size: 60px;}
    .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.after::before{font-size: 60px;}
    .mo_text{font-size: 20px; padding: 36px 24px;}
    
    .sub_wrap.proluma .contact .inner{padding: 0 0 136px;}
    .sub_wrap.proluma .contact .inner .cont_box{padding: 72px 36px ; justify-content: flex-start;}
    .sub_wrap.proluma .contact .inner .cont_box .text_wrap>span{font-size: 32px; line-height: 36px;}
    .sub_wrap.proluma .contact .inner .cont_box .text_wrap p{font-size: 20px; margin-top: 4px;}
    .sub_wrap.proluma .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
    .sub_wrap.proluma .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.proluma .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.proluma .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  
    /* exoluma */
    .sub_wrap.exoluma .sub_sec01 .inner{padding: 96px 0;}
    .sub_wrap.exoluma .sub_sec01 .inner .tit span{font-size: 24px;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap{margin: 0 auto;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line{display: none;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
    .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .mo_text{display: block; border-color: #0D5749; background-color: #F6F9F6;}
    
  
    .sub_wrap.exoluma .sub_sec02 .inner{padding: 96px 0; overflow: hidden;}
    .sub_wrap.exoluma .sub_sec02 .inner .tit{position: relative; z-index: 999;}
    .sub_wrap.exoluma .sub_sec02 .inner .tit span{font-size: 24px;}
    .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap p{font-size: 20px; line-height: 28px;}
    .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap{margin-top: 24px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap{flex-direction: row; gap: 0; margin-top: 56px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .img_wrap{width: 100%;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .img_wrap img{width: 90%; z-index: 0; top: 36px; left: 60%; opacity: 0.2;}
    .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap{position: relative; z-index: 99;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list{width: 100%; gap: 36px; flex-direction: row; z-index: 99;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row{flex-direction: column; gap: 36px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item{align-items: center;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item img{border-radius: 10px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap{text-align: center;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap span{font-size: 17px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul>li{font-size: 16px;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item:nth-child(2){margin-top: 0;}
    .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul{margin-top: 4px;}
  
    .sub_wrap.exoluma .sub_sec03 .inner{padding: 96px 0;}
    .sub_wrap.exoluma .sub_sec03 .inner .tit span{font-size: 24px;}
    .sub_wrap.exoluma .sub_sec03 .inner .tit span sup{font-size: 16px;}
    .sub_wrap.exoluma .sub_sec03 .inner .tit p{margin-top: 16px; font-size: 20px; line-height: 28px;}
    .sub_wrap.exoluma .sub_sec03 .inner .tit p br{display: none;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont{margin-top: 36px;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont>span{font-size: 18px;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap{margin-top: 24px;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item{height: fit-content; border-radius: 10px; padding: 170px 0 36px; background-size: cover;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item img{width: 48px;}
    .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item span{font-size: 15px;}
    .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap{margin-top: 56px;}
    .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap>span{font-size: 15px;}
    .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item{padding: 16px 24px; gap: 16px;}
    .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item img{width: 36px;}
    .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item span{font-size: 16px; line-height: 20px;}
    
    .sub_wrap.exoluma .sub_sec04 .inner{padding: 56px 0;}
    .sub_wrap.exoluma .sub_sec04 .inner .tit span{font-size: 18px;}
    .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap{margin-top: 36px; gap:36px;}
    
  
  
    .sub_wrap.exoluma .sub_sec05 .inner{padding: 56px 0;}
    .sub_wrap.exoluma .sub_sec05 .inner .tit span{font-size: 24px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap{margin-top: 36px; height: fit-content; gap: 24px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; overflow: hidden; border-radius: 80px 20px 0 20px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap img{width: 100%;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap{gap: 10px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 20px; line-height: 28px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul{gap: 10px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span{font-size: 16px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span::before{top: 8px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li small{font-size: 15px;}
    .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span strong{font-size: 16px;}
  
    .sub_wrap.exoluma .sub_sec06 .inner{padding: 56px 0;}
    .sub_wrap.exoluma .sub_sec06 .inner .tit span{font-size: 24px;}
    .sub_wrap.exoluma .sub_sec06 .inner .trans{margin-top: 36px;}
    .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box{width: 100%;}
    .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
    .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.before::before{font-size: 60px;}
    .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.after::before{font-size: 60px;}
  
    .sub_wrap.exoluma .contact .inner{padding: 0 0 136px;}
    .sub_wrap.exoluma .contact .inner .cont_box{padding: 72px 36px ; justify-content: flex-start;}
    .sub_wrap.exoluma .contact .inner .cont_box .text_wrap>span{font-size: 32px; line-height: 36px;}
    .sub_wrap.exoluma .contact .inner .cont_box .text_wrap p{font-size: 20px; margin-top: 4px;}
    .sub_wrap.exoluma .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
    .sub_wrap.exoluma .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.exoluma .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.exoluma .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  
    /* bodyfiller */
    .sub_wrap.bodyfiller .sub_sec01 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .tit p{margin-top: 16px; font-size: 20px; line-height: 28px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap{margin-top: 36px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item{padding: 24px 0;  gap: 16px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap{gap: 12px; width: 80%;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap span{font-size: 22px; line-height: 24px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p{font-size: 20px; line-height: 28px;}
    .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p br{display: none;}
  
    .sub_wrap.bodyfiller .sub_sec02 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .tit p{font-size: 20px; margin-top: 0; line-height: normal;}
    .sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap{margin: 0 auto; padding: 0 3.211vw;} 
    .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line{display: none;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
    .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .mo_text{display: block; margin-top: 36px;border-color: #C82530; background-color: #C5646B; color: #fff;}
    
  
    .sub_wrap.bodyfiller .sub_sec03::before{opacity: 0.2; background-size: cover; background-position: right;}
    .sub_wrap.bodyfiller .sub_sec03 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .tit p{margin-top: 20px; font-size: 16px; line-height: 28px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap{margin-top: 36px; width: 100%; gap: 24px 8px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item{width: calc((100% - 16px)/3);}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .img_wrap{height: fit-content; border-radius: 10px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap span{font-size: 17px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap p{font-size: 16px;}
    .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap p br{display: none;}
  
    .sub_wrap.bodyfiller .sub_sec04 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tit p br{display: none;}
  
    .sub_wrap.bodyfiller .sub_sec04 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tit p{font-size: 20px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans{margin-top: 36px;}
    /* .sub_wrap.bodyfiller .sub_sec04 .inner .trans .swiper-slide{flex-direction: column;} */
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box{width: 100%;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before::before{font-size: 60px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before::after{font-size: 60px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.after::before{font-size: 60px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap{margin-top: 36px;}
    .sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 24px;}
    
    .sub_wrap.bodyfiller .sub_sec05 .inner{padding: 96px 0;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .tit span{font-size: 24px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap{margin-top: 36px; flex-direction: column; height: fit-content; gap: 36px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; border-radius: 50px 20px 0 20px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 18px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>span{font-size: 16px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li{flex-direction: column;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li:nth-child(4){flex-wrap: wrap;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  
  
    .sub_wrap.bodyfiller .contact .inner{padding: 0 0 136px;}
    .sub_wrap.bodyfiller .contact .inner .cont_box{padding: 72px 36px ; justify-content: flex-start;}
    .sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap>span{font-size: 32px; line-height: 36px;}
    .sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap p{font-size: 20px; margin-top: 4px;}
    .sub_wrap.bodyfiller .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
    .sub_wrap.bodyfiller .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.bodyfiller .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.bodyfiller .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  
    /* citrusbottle */
    .sub_wrap.citrusbottle .sub_sec01 .inner{padding: 56px 0;}
    .sub_wrap.citrusbottle .sub_sec01 .inner .top{flex-direction: row;}
    .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit span{font-size: 24px;}
    .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text p{font-size: 20px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text{gap: 10px; margin-top: 16px;}

  
    .sub_wrap.citrusbottle .sub_sec02 .inner{padding: 0 0 56px;} 
    .sub_wrap.citrusbottle .sub_sec02 .inner .top{flex-direction: column;}
    .sub_wrap.citrusbottle .sub_sec02 .inner>.tit span{font-size: 16px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav{gap: 4px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 0; width: calc((100% - 8px)/3); text-align: center;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap{margin-top: 36px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box.on{gap: 96px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span{font-size: 24px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span small{font-size: 16px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit p{line-height: 28px; font-size: 18px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit p br{display: none;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text span{font-size: 22px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text p{font-size: 18px; line-height: 28px;}
  
    .sub_wrap.citrusbottle .sub_sec03 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
    .sub_wrap.citrusbottle .sub_sec03 .banner span{font-size: 36px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner{padding: 96px 0;}
    .sub_wrap.citrusbottle .sub_sec03 .inner>.tit{gap: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner>.tit p{font-size: 20px; line-height: 24px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner>.tit p br{display: none;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap{margin-top: 56px; height: fit-content;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap>span{font-size: 20px;}

    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .left{margin-top: 24px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication>span{font-size: 20px;}
/*     .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication{margin-top: 56px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication>span{font-size: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .left{width: 100%; margin-top: 10px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 40%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 60%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table>span{margin-bottom: 10px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table>span{font-size: 14px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 40%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 60%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right>span{font-size: 14px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right p{font-size: 14px; line-height: 20px;}
    .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right p br{display: none;} */
  
    .sub_wrap.citrusbottle .sub_sec04 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
    .sub_wrap.citrusbottle .sub_sec04 .banner span{font-size: 24px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner{padding: 56px 0;}
    .sub_wrap.citrusbottle .sub_sec04 .inner>.tit{gap: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner>.tit p{font-size: 18px; line-height: 24px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner>.tit p br{display: none;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap{margin-top: 36px; height: fit-content;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap>span{font-size: 20px;}
    
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .left{margin-top: 24px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication>span{font-size: 20px;}

  
    .sub_wrap.citrusbottle .sub_sec05 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
    .sub_wrap.citrusbottle .sub_sec05 .banner span{font-size: 24px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner{padding: 56px 0;}
    .sub_wrap.citrusbottle .sub_sec05 .inner>.tit{gap: 16px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner>.tit p{font-size: 18px; line-height: 24px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner>.tit p br{display: none;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap{margin-top: 36px; height: fit-content;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap>span{font-size: 18px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .cont_box{flex-direction: column; margin-top: 16px; gap: 16px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; height: fit-content; border-radius: 80px 20px 0 20px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap img{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list{padding: 16px 24px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list span{font-size: 18px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text{gap: 6px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li{font-size: 16px;}
    .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li::before{top: 8px;}
    
  
    .sub_wrap.citrusbottle .sub_sec06{border-bottom: 1px solid #F0F0F0;}
    .sub_wrap.citrusbottle .sub_sec06 .inner{padding: 0 0 56px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner>.tit span{font-size: 18px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner>.tit p{margin-top: 0; font-size: 16px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap>span{font-size: 16px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap{flex-wrap: wrap; gap: 36px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box{width: calc((100% - 36px)/2); align-items: center;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p::after{width: 24px; height: 17px; right: -30px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(2) p::after{bottom: -30px; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(1){order:1}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(2){order:2}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(3){order:4}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(3) p::after{ left: -30px; transform: rotate(180deg);}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(4){order:3}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(4) p::after{content: none;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box span{font-size: 13px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p{font-size: 16px; height: 42px; border-width: 1px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text span{font-size: 14px; line-height: 20px;}
    .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text span br{display: none;}
  
  
    .sub_wrap.citrusbottle .sub_sec07 .inner{padding: 56px 0px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .tit span{font-size: 16px; margin-bottom: 16px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .tit p br{display: none;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .trans{margin-top: 36px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.before::before{font-size: 60px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.after::before{font-size: 60px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .tab_wrap{margin-top: 36px;}
    .sub_wrap.citrusbottle .sub_sec07 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 24px;}
  
    .sub_wrap.citrusbottle .contact .inner{padding: 0 0 136px;}
    .sub_wrap.citrusbottle .contact .inner .cont_box{padding: 72px 36px ; justify-content: flex-start;}
    .sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap>span{font-size: 32px; line-height: 36px;}
    .sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap p{font-size: 20px; margin-top: 4px;}
    .sub_wrap.citrusbottle .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
    .sub_wrap.citrusbottle .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.citrusbottle .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.citrusbottle .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

    /* rejouir */
  
    .sub_wrap.rejouir .sub_sec01 .inner{padding: 96px 0 0;}
    .sub_wrap.rejouir .sub_sec01 .inner>.tit{gap: 16px;}
    .sub_wrap.rejouir .sub_sec01 .inner>.tit span{font-size: 24px; line-height: 28px;}
    .sub_wrap.rejouir .sub_sec01 .inner>.tit span br{display: none;}
    .sub_wrap.rejouir .sub_sec01 .inner>.tit p{width: 100%; font-size: 20px; line-height: 28px;}
    .sub_wrap.rejouir .sub_sec01 .icon_wrap{margin-top: 36px;}
    .sub_wrap.rejouir .sub_sec01 .icon_wrap .icon{padding: 24px 0;}
    .sub_wrap.rejouir .sub_sec01 .icon_wrap .icon img{width: 60%;}
  
    .sub_wrap.rejouir .sub_sec02{background-size: cover; background-position: right;}
    .sub_wrap.rejouir .sub_sec02 .inner{padding: 96px 0;}
    .sub_wrap.rejouir .sub_sec02 .inner>.tit span{font-size: 24px;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap{flex-wrap: wrap; margin-top: 36px;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item{width: 100%; padding: 16px 24px;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item:nth-child(odd){border-right: 0;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item span{font-size: 20px;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul{margin-top: 10px; gap: 8px;}
    .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul li{font-size: 16px;}
  
    .sub_wrap.rejouir .sub_sec03{background-size: cover;}
    .sub_wrap.rejouir .sub_sec03 .inner{padding: 96px 0 126px;}
    .sub_wrap.rejouir .sub_sec03 .inner>.tit span{display: flex; flex-direction: column; font-size: 24px; line-height: 28px;}
    .sub_wrap.rejouir .sub_sec03 .inner>.tit span br{display: none;}
    .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text{margin-top: 0; gap: 16px;}
    .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text p{font-size: 20px; line-height: 28px;}
    /* .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text p br{display: none;} */
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap{margin-top: 36px;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap{width: 100%;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg{height: 280px;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap img{width: 100%;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap{width: 100%;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap span{font-size: 20px; display: block; text-align: center;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul{margin-top: 8px; gap: 6px; text-align: center;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul>li{font-size: 15px;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap img{margin-left: 0; position: relative; left: 50%; transform: translateX(-50%) rotate(90deg);}
    
    .sub_wrap.rejouir .sub_sec04 .inner{padding: 96px 0;}
    .sub_wrap.rejouir .sub_sec04 .inner .tit span{font-size: 16px;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap{width: 320px; height: 320px; margin-top: 0;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap img{height: 80%;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .dot{width: 6px; height: 6px; outline-width: 6px;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .text_wrap{display: none;}
    .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .mo_text{display: block; border-color: #1C80A1; background-color: #d8edf4; margin-top: 36px; width: 100%;}
  
    .sub_wrap.rejouir .sub_sec05{border-bottom: 1px solid #f0f0f0;}
    .sub_wrap.rejouir .sub_sec05 .inner{padding: 96px 0;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav{width: 100%; gap: 0px; flex-wrap: wrap; border-radius: 10px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li{width: calc((100% - 36px)/2);}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li svg{height: 36px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap{margin-top: 36px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box.on{gap: 36px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top{flex-direction: column;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .logo{height: 36px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .logo img{height: 100%;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap{width: 100%; margin-top: 16px; gap: 16px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap span{font-size: 18px; line-height: 28px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap p{font-size: 16px; line-height: 24px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot{padding-right: 0; gap: 36px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap{width: 70%; padding: 36px 36px 66px; border-radius: 80px 20px 0 20px; height: fit-content;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap img{width: 100%;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after{width: 30%;}
    /* .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box{flex-direction: row;} */
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box img{width: 100%;}
    .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after span{font-size: 16px;}
    .sub_wrap.rejouir .sub_sec06 .inner{padding: 96px 0;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap{ gap: 16px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap{width: 100%; height: fit-content; border-radius: 80px 20px 0 20px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap img{width: 100%;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right{width: 100%;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .logo{height: 36px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .logo img{height: 100%;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap{margin-top: 16px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap span{font-size: 18px; line-height: 28px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap p{font-size: 16px; line-height: 24px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap{width: 100%;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap span{font-size: 16px;}
    .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap ul.img_box>li img{width: 100%;}
  
    .sub_wrap.rejouir .sub_sec07 {background-color: #D5CFCC;}
    .sub_wrap.rejouir .sub_sec07 .inner{padding: 56px 0;}
/*     .sub_wrap.rejouir .sub_sec07 .inner>.tit span{display: flex; flex-direction: column; font-size: 18px; line-height: 24px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap{flex-direction: column;} */
  
  /*   .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .type img{height: 24px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left{gap: 24px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item{width: 100%;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even){text-align: right;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even) ul.info{padding-right: 14px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even) ul.info>li::before{right: -14px; left: unset;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info{gap: 4px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li{font-size: 15px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li small{font-size: 14px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right{gap: 24px; margin-top: 24px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd){text-align: right;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd) ul.info{padding-right: 14px;}
    .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd) ul.info>li::before{right: -14px; left: unset;}
    .sub_wrap.rejouir .sub_sec07 .inner .bg_img{display: block;} */

    .sub_wrap.rejouir .contact .inner{padding: 0 0 136px;}
    .sub_wrap.rejouir .contact .inner .cont_box{padding: 72px 36px ; justify-content: flex-start;}
    .sub_wrap.rejouir .contact .inner .cont_box .text_wrap>span{font-size: 32px; line-height: 36px;}
    .sub_wrap.rejouir .contact .inner .cont_box .text_wrap p{font-size: 20px; margin-top: 4px;}
    .sub_wrap.rejouir .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
    .sub_wrap.rejouir .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
    .sub_wrap.rejouir .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
    .sub_wrap.rejouir .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  
}


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

  .sub_wrap.purpose .sub_sec02 .inner .cont_box{flex-wrap: wrap;}
  .sub_wrap.careers .sub_content .inner .cont_wrap{padding: 116px 48px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item{width: 100%;}
  .sub_wrap.careers .sub_content .inner .cont_wrap{flex-direction: column-reverse;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right{width: 100%;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info{width: 100%;}

  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item{flex-direction: column; height: fit-content; border: 0;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap{width: 100%; height: 260px; border-radius: 80px 20px 0 20px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:before{right: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap{width: 100%; padding: 24px 16px 36px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2) .text_wrap{padding-bottom: 0;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap span{font-size: 22px; line-height: 30px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap p{margin-top: 10px; font-size: 20px; line-height: 28px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2){flex-direction: column-reverse; border-radius: 80px 20px 20px 20px;}

  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item{width: calc((100% - 36px)/2);}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap{flex-direction: row;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap img{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit{width: 60%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .img_wrap{width: 40%;}
  
  /* .sub_wrap.citrusbottle .sub_sec01 .inner .top{flex-direction: column;} */
      /* .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .left{width: 100%; margin-top: 10px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 40%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 60%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table>span{margin-bottom: 10px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row{width: 100%;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table>span{font-size: 14px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 60%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 40%; padding-left: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right>span{font-size: 14px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right p{font-size: 14px; line-height: 20px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right p br{display: none;} */

  
}

/* 1200 */
@media screen and (max-width:1200px) {
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap{width: 100%; flex-direction: column; height: fit-content; margin-top: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle{width: fit-content; height: fit-content; position: absolute; right: 0; bottom: 0; border: 0;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle::before{content: none;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle img{height: 180px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle::before{width: 120%; height: 120%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01{position: relative; width: 50%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{border-radius: 80px 20px 0 20px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap img{width: 100%; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap{display: none;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .mo_text{display: block; margin-top: 36px;border-color: #F4D233; background-color: #F5EBBB;  width: 100%; text-align: left;}

  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap{width: 100%; flex-direction: column; height: fit-content; margin-top: 16px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle{width: fit-content; height: fit-content; position: absolute; right: 0; bottom: 0; border: 0;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle::before{content: none;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle img{height: 180px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle::before{width: 120%; height: 120%;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01{position: relative; width: 100%;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{border-radius: 80px 20px 0 20px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap img{width: 100%; height: fit-content;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap{display: none;}
    .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .mo_text{display: block; margin-top: 36px;border-color: #F4D233; background-color: #F5EBBB;  width: 100%; text-align: left;}

    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap{flex-direction: column;}
    .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap img{width: fit-content;}

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

  /* about-us */
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap{margin: 24px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .tit{font-size: 24px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number{font-size: 56px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number span{font-size: 96px;}

  .sub_wrap.about-us .sub_sec02 .inner{flex-direction: row; flex-wrap: wrap;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap{width: 100%;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap{width: 100%; margin-top: 36px;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box{width: 100%; }
  
  .sub_wrap.employees .sub_sec01 .inner{flex-direction: column; gap: 36px;}
  .sub_wrap.employees .cont_wrap .txt_wrap {padding: 24px;}
  .sub_wrap.employees .cont_wrap .txt_wrap span{font-size: 32px;}
  .sub_wrap.employees .cont_wrap .txt_wrap p{margin-top: 0; font-size: 22px;}
  
  .sub_wrap.patients .sub_sec01 .inner{flex-direction: column; gap: 36px;}
  .sub_wrap.patients .cont_wrap .txt_wrap {padding: 24px;}
  .sub_wrap.patients .cont_wrap .txt_wrap span{font-size: 32px;}
  .sub_wrap.patients .cont_wrap .txt_wrap p{margin-top: 0; font-size: 22px;}

  .sub_wrap.society .sub_sec01 .inner{flex-direction: column; gap: 36px;}
  .sub_wrap.society .cont_wrap .txt_wrap {padding: 24px;}
  .sub_wrap.society .cont_wrap .txt_wrap span{font-size: 32px;}
  .sub_wrap.society .cont_wrap .txt_wrap p{margin-top: 0; font-size: 22px;}

  .sub_wrap.news .sub_content .inner ul.gall_row{gap: 56px 32px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li{width: calc((100% - 32px)/2);}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href{padding: 0 16px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href a{font-size: 18px; line-height: 28px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text{padding: 0 16px; margin-top: 10px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text span{font-size: 14px !important; }
  /* products */
  .pro_visual{border-radius: 20px 50px 20px 0;}
  .pro_visual .section{border-radius: 20px 50px 20px 0;}


  .sub_wrap.inquiry .sub_content .inner .sub_sec01{flex-direction: column; height: fit-content;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left{width: 100%; padding: 68px 64px; border-radius: 80px 20px 20px 20px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .right{width: 100%;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .right img{width: 100%;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .input_box{flex-wrap: wrap;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item{width: 100%;}

  .sub_wrap.citrusbottle .sub_sec01 .inner .top .img_wrap{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .img_wrap img{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot{margin-top: 56px; flex-direction: column; border: 0;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .img_wrap{order: 1; position: relative; left: 50%; top: 0; transform: translate(-50%,0); width: fit-content;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item{width: 100%; padding: 16px 24px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(1){order: 2;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(2){order: 3;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(3){order: 4;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(4){order: 5;}

  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit span{font-size: 70px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p{margin-top:10px; font-size: 24px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p.sub{font-size: 18px; line-height: 28px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(odd){border-right: 0;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(3){border-bottom: 1px solid #ddd;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(4){border-bottom: 1px solid #ddd;}

  
}


@media screen and (max-width:768px) {
  .sub_top{border-radius: 0 0 0 20px;}
  .sub_top .sub_bg{border-radius: 0 0 0 20px;}
  .sub_top .tit_wrap{padding: 0 3.211vw;}
  .sub_top .tit_wrap span{font-size: 28px; line-height: 40px;}
  .sub_top .tit_wrap p{margin-top: 20px; font-size: 16px; line-height: 28px;}
  .sub_top .tit_wrap p br{display: none;}
  .sub_top .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_top .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_top .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

  .sub_wrap.location .sub_bg{background-position: -48px;}  
  .sub_wrap.news .sub_bg{background-position: -256px;}  
  /* aboout-us */
  /* sec01 */
  .sub_wrap.about-us .sub_sec01 .inner{padding: 56px 0 0;}
  .sub_wrap.about-us .sub_sec01 .inner>span{font-size: 20px; line-height: 32px;}
  .sub_wrap.about-us .sub_sec01 .inner>span br{display: none;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap{margin-top: 36px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box{padding: 24px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .tit{font-size: 16px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number{font-size: 32px;}
  .sub_wrap.about-us .sub_sec01 .inner .count_wrap .count_box .number span{font-size: 42px;}

  /* sec02 */
  .sub_wrap.about-us .sub_sec02 .inner{padding: 56px 0; flex-wrap: wrap;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap{width: 100%;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit span{font-size: 15px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .tit p{font-size: 24px; margin-top: 0;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text{margin-top: 16px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text p{font-size: 16px; line-height: 28px;}
  .sub_wrap.about-us .sub_sec02 .inner .text_wrap .sub_text p b{font-size: 16px; line-height: 28px;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap{width: 100%; margin-top: 24px;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box{width: 100%;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box img{width: 100%;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box::before{width: 80px; height: 80px; bottom: -40px; right: -10px;}
  .sub_wrap.about-us .sub_sec02 .inner .img_wrap .img_box::after{width: 100px; height: 100px; right: 0; left: unset; bottom: 0px;}
  /* sec03 */
  .sub_wrap.about-us .sub_sec03 .inner{padding: 56px 0 136px; height: fit-content; }
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap>span{font-size: 32px; line-height: 46px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text{gap: 16px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text p{font-size: 17px; line-height: 24px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_text p br{display: none;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn{flex-direction: column;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button{width: 164px; height: 48px; font-size: 15px;}
  .sub_wrap.about-us .sub_sec03 .inner .text_wrap .sub_sec03_btn button{margin-top: 0;}

  /* purpose */
  .sub_wrap.purpose .sub_sec01 .inner{flex-direction: column; padding: 56px 0 0;}
  .sub_wrap.purpose .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.purpose .cont_wrap{width: 100%; gap: 0;}
  .sub_wrap.purpose .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.purpose .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.purpose .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}

  .sub_wrap.purpose .sub_sec02 .inner{gap: 36px;}
  .sub_wrap.purpose .sub_sec02 .inner .tit{font-size: 16px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box{flex-wrap: wrap; gap: 36px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list{gap: 16px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap{height: fit-content; border-radius: 80px 10px 0 10px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .img_wrap .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .text_wrap span{font-size: 16px;}
  .sub_wrap.purpose .sub_sec02 .inner .cont_box .list .text_wrap p{margin-top: 4px; font-size: 15px; line-height: 24px;}

  .sub_wrap.purpose .sub_sec03 .inner{padding: 56px 0 136px; height: fit-content; }
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap>span{font-size: 32px; line-height: 46px;}
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text{gap: 16px;}
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text p{font-size: 17px; line-height: 24px;}
  .sub_wrap.purpose .sub_sec03 .inner .text_wrap .sub_text p br{display: none;}

  /* value */
  #slide_bg .img_inner .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
  #slide_bg .img_inner .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  #slide_bg .img_inner .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

  /* strategy */
  .sub_wrap.strategy .sub_sec01 .inner{width: 92%;}
  .sub_wrap.strategy .sub_top{flex-wrap: wrap; height: fit-content;}
  .sub_wrap.strategy .sub_top .sub_bg{position: relative; width: 100%; border-radius: 50px 20px 0 20px; height: 70vh; background-position: left;}
  .sub_wrap.strategy .sub_top .tit_wrap{width: 100%; margin-top: 24px; padding: 0 24px;}
  .sub_wrap.strategy .sub_top .tit_wrap{align-items: normal;}
  .sub_wrap.strategy .sub_top .tit_wrap span{text-align: left;}
  .sub_wrap.strategy .sub_top .tit_wrap p{text-align: left; margin-top: 6px;}
  .sub_wrap.strategy .sub_top:nth-of-type(2){margin-top: 56px;}
  .sub_wrap.strategy .sub_top .sub_bg.left{width: 100%;}
  
  .sub_wrap.strategy .sub_sec01 .inner{flex-direction: column; padding: 56px 0 136px;}
  .sub_wrap.strategy .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.strategy .cont_wrap{width: 100%; gap: 0;}
  .sub_wrap.strategy .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.strategy .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.strategy .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;} 

  /* innovation */
  .sub_wrap.innovation .sub_sec01 .inner{flex-direction: column; padding: 56px 0 136px;}
  .sub_wrap.innovation .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.innovation .cont_wrap{width: 100%; gap: 0;}
  .sub_wrap.innovation .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.innovation .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.innovation .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}
  .sub_wrap.innovation .sub_sec03 .inner{padding: 56px 0;}
  .sub_wrap.innovation .sub_sec02 .inner{height: 70vh;}
  .sub_wrap.innovation .sub_sec02 .inner .tit_wrap span{font-size: 28px; line-height: 40px;}
  .sub_wrap.innovation .sub_sec04{height: 70vh;}
  .sub_wrap.innovation .sub_sec04 .inner{height: 100%;}
  .sub_wrap.innovation .sub_sec04 .inner .tit_wrap span{font-size: 28px; line-height: 40px;}
  .sub_wrap.innovation .sub_sec04 .inner .tit_wrap p{margin-top: 20px; font-size: 16px; line-height: 28px;}
  .sub_wrap.innovation .sub_sec04 .inner .tit_wrap p br{display: none;}
  .sub_wrap.innovation .sub_sec05 .inner{padding: 56px 0 136px;}
  .sub_wrap.innovation .sub_sec05 .inner .tit_wrap{font-size: 28px; line-height: 40px;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap{margin-top: 56px; flex-wrap: wrap; }
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box{width: calc((100% - 8px)/2); height: fit-content; padding-bottom: 70%;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box:nth-child(odd){margin-top: 32px;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius .arrow{width: 42px; height: 42px;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box a .radius .arrow svg{width: 16px;}
  .sub_wrap.innovation .sub_sec05 .inner .pro_wrap .pro_box span{font-size: 14px; padding-top: 20px;}


  /* employees */
  .sub_top .tit_wrap .tit{font-size: 17px; margin-bottom: 2px;}
  .sub_wrap.employees .sub_sec01 .inner{flex-direction: column; padding: 56px 0 136px; gap: 24px;}
  .sub_wrap.employees .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.employees .cont_wrap{width: 100%; gap: 24px;}
  .sub_wrap.employees .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.employees .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.employees .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}
  .sub_wrap.employees .cont_wrap .img_wrap{border-radius: 20px;}
  .sub_wrap.employees .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
  .sub_wrap.employees .cont_wrap .img_wrap .radius::before{right: 128px; width: 16px; height: 16px; border-radius:  0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  .sub_wrap.employees .cont_wrap .img_wrap .radius::after{top: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}


  /* patients */
  .sub_wrap.patients .sub_sec01 .inner{flex-direction: column; padding: 56px 0 136px; gap: 24px;}
  .sub_wrap.patients .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.patients .cont_wrap{width: 100%; gap: 24px;}
  .sub_wrap.patients .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.patients .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.patients .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}
  .sub_wrap.patients .cont_wrap .img_wrap{border-radius: 20px;}
  .sub_wrap.patients .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
  .sub_wrap.patients .cont_wrap .img_wrap .radius::before{right: 128px; width: 16px; height: 16px; border-radius:  0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  .sub_wrap.patients .cont_wrap .img_wrap .radius::after{top: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  
  /* society */
  .sub_wrap.society .sub_sec01 .inner{flex-direction: column; padding: 56px 0 136px; gap: 24px;}
  .sub_wrap.society .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.society .cont_wrap{width: 100%; gap: 24px;}
  .sub_wrap.society .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.society .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.society .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}
  .sub_wrap.society .cont_wrap .img_wrap{border-radius: 20px;}
  .sub_wrap.society .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
  .sub_wrap.society .cont_wrap .img_wrap .radius::before{right: 128px; width: 16px; height: 16px; border-radius:  0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  .sub_wrap.society .cont_wrap .img_wrap .radius::after{top: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}


  /* products */
  .pro_visual{height: 70vh; min-height: 36vh;}
  .pro_visual .radius{left: 10px; width: 32px; height: 128px;}
  .pro_visual .radius:before{width: 16px; height: 16px; top: -16px; border-radius: 0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  .pro_visual .radius:after{width: 16px; height: 16px; bottom: 0; right: -16px; border-radius: 0 0 16px 0; box-shadow: 16px 16px 0 16px #fff;}
  .sub_wrap.proluma .contact .inner .cont_box{background-image: url(../img/geneselabs/sub/proluma_contact_768.png);}
  .sub_wrap.exoluma .contact .inner .cont_box{background-image: url(../img/geneselabs/sub/exoluma_contact_768.png);}
  .sub_wrap.bodyfiller .contact .inner .cont_box{background-image: url(../img/geneselabs/sub/bodyfiller_contact_768.png);}
  .sub_wrap.citrusbottle .contact .inner .cont_box{background-image: url(../img/geneselabs/sub/citrusbottle_contact_768.png);}
  .sub_wrap.rejouir .contact .inner .cont_box{background-image: url(../img/geneselabs/sub/rejouir_contact_768.png);}

  .sub_wrap.proluma .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/proluma_bg_768.png);}
  .sub_wrap.exoluma .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/exoluma_bg_768.png);}
  .sub_wrap.bodyfiller .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/bodyfiller_bg_768.png);}
  .sub_wrap.citrusbottle .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/citrusbottle_bg_768.png);}
  .sub_wrap.rejouir .pro_visual #main_01 .slide_img{background-image: url(../img/geneselabs/sub/rejouir_bg01_768.png);}
  .sub_wrap.rejouir .pro_visual #main_02 .slide_img{background-image: url(../img/geneselabs/sub/rejouir_bg02_768.png);}

  .contents{left: 60px; top: 70px; display: none;}
  .contents .main_text img{height: 32px;}
  /* proluma */
  .sub_wrap.proluma .sub_sec01 .inner{flex-direction: column; padding: 56px 0;}
  .sub_wrap.proluma .sticky_txt{position: relative; margin-top: 0; top: 0; font-size: 16px;}
  .sub_wrap.proluma .cont_wrap{width: 100%; gap: 24px;}
  .sub_wrap.proluma .cont_wrap .txt_wrap{padding: 24px 0;}
  .sub_wrap.proluma .cont_wrap .txt_wrap span{font-size: 24px;}
  .sub_wrap.proluma .cont_wrap .txt_wrap p{font-size: 16px; line-height: 28px; margin-top: 0;}

  .sub_wrap.proluma .sub_sec02 .inner{padding: 0 0 56px;}
  .sub_wrap.proluma .sub_sec02 .inner .tit span{font-size: 16px;}
  .sub_wrap.proluma .sub_sec02 .inner .tit p{font-size: 14px; margin-top: 0; line-height: normal;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap{width: 100%;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .line{display: none;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip p{display: none;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip.on p{display: none;}
  .sub_wrap.proluma .sub_sec02 .inner .benefits_wrap .mo_text{display: block;}

  .sub_wrap.proluma .sub_sec03 .inner{padding: 56px 0;}
  .sub_wrap.proluma .sub_sec03 .inner .tit span{font-size: 16px;}
  .sub_wrap.proluma .sub_sec03 .inner .tit p{font-size: 14px; margin-top: 0; line-height: normal;}
  .sub_wrap.proluma .sub_sec03 .inner .text_wrap{margin-top: 36px; gap: 16px;}
  .sub_wrap.proluma .sub_sec03 .inner .text_wrap p{font-size: 16px; line-height: 28px;}
  .sub_wrap.proluma .sub_sec03 .inner .text_wrap p br{display: none;}
  .sub_wrap.proluma .sub_sec03 .inner .img_wrap{gap: 8px; flex-wrap: wrap; margin-top: 36px;}
  .sub_wrap.proluma .sub_sec03 .inner .img_wrap img{width: calc((100% - 8px)/2);}
  .sub_wrap.proluma .sub_sec03 .inner>span{font-size: 16px; line-height: 28px;}
  .sub_wrap.proluma .sub_sec03 .inner>span br{display: none;}

  .sub_wrap.proluma .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.proluma .sub_sec04 .inner .tit span{font-size: 16px;}
  .sub_wrap.proluma .sub_sec04 .inner .trans{margin-top: 36px;}
  .sub_wrap.proluma .sub_sec04 .inner .trans .swiper-slide{flex-direction: column;}
  .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box{width: 100%;}
  .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
  .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.before::before{font-size: 60px;}
  .sub_wrap.proluma .sub_sec04 .inner .trans .trans_box.after::before{font-size: 60px;}

  .sub_wrap.proluma .contact .inner{padding: 0 0 136px;}
  .sub_wrap.proluma .contact .inner .cont_box{padding: 36px 24px; justify-content: flex-start;}
  .sub_wrap.proluma .contact .inner .cont_box .text_wrap>span{font-size: 20px; line-height: 24px;}
  .sub_wrap.proluma .contact .inner .cont_box .text_wrap p{font-size: 15px; margin-top: 4px;}
  .sub_wrap.proluma .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
  .sub_wrap.proluma .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.proluma .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.proluma .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  

  /* exoluma */
  .sub_wrap.exoluma .sub_sec01 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec01 .inner .tit span{font-size: 16px;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap{width: 100%;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line{display: none;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
  .sub_wrap.exoluma .sub_sec01 .inner .benefits_wrap .mo_text{display: block; border-color: #0D5749; background-color: #F6F9F6;}
  

  .sub_wrap.exoluma .sub_sec02 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec02 .inner .tit{position: relative; z-index: 999;}
  .sub_wrap.exoluma .sub_sec02 .inner .tit span{font-size: 16px;}
  .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap p{font-size: 16px; line-height: 28px;}
  .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap{margin-top: 16px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap{flex-direction: column; gap: 0; margin-top: 36px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .img_wrap{width: 100%;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .img_wrap img{width: 90%; position: absolute; z-index: 0; top: 36px; left: 60%; opacity: 0.2;}
  .sub_wrap.exoluma .sub_sec02 .inner>.text_wrap{position: relative; z-index: 99;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list{width: 100%; gap: 36px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row{flex-direction: column; gap: 36px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item{align-items: center;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item img{border-radius: 10px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap{text-align: center;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap span{font-size: 15px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul>li{font-size: 14px;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item:nth-child(2){margin-top: 0;}
  .sub_wrap.exoluma .sub_sec02 .inner .cont_wrap .cont_list .row .item .text_wrap ul{margin-top: 4px;}

  .sub_wrap.exoluma .sub_sec03 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec03 .inner .tit span{font-size: 18px;}
  .sub_wrap.exoluma .sub_sec03 .inner .tit span sup{font-size: 12px;}
  .sub_wrap.exoluma .sub_sec03 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
  .sub_wrap.exoluma .sub_sec03 .inner .tit p br{display: none;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont{margin-top: 36px;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont>span{font-size: 15px;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap{margin-top: 24px; flex-wrap: wrap;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item{height: fit-content; border-radius: 10px; padding: 170px 0 36px; background-size: cover;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item img{width: 48px;}
  .sub_wrap.exoluma .sub_sec03 .inner .exoluma_cont .cont_wrap .item span{font-size: 15px;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap{margin-top: 56px;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap>span{font-size: 15px;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap{flex-direction: column;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item{padding: 16px 24px; gap: 16px;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item img{width: 36px;}
  .sub_wrap.exoluma .sub_sec03 .inner .principle_wrap .item_wrap .item span{font-size: 16px; line-height: 20px;}
  
  .sub_wrap.exoluma .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec04 .inner .tit span{font-size: 24px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap{margin-top: 36px; gap: 0px; flex-direction: column;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item{flex-direction: column; height: fit-content; border: 0; width: 100%;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap{width: 100%; height: 260px; border-radius: 80px 20px 0 20px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:before{right: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap{width: 100%; padding: 24px 16px 36px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2) .text_wrap{padding-bottom: 0;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap span{font-size: 20px; line-height: 24px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item .text_wrap p{margin-top: 10px; font-size: 16px; line-height: 20px;}
  .sub_wrap.exoluma .sub_sec04 .inner .cont_wrap .item:nth-child(2){flex-direction: column-reverse; border-radius: 80px 20px 20px 20px;}


  .sub_wrap.exoluma .sub_sec05 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec05 .inner .tit span{font-size: 18px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap{margin-top: 36px; height: fit-content; flex-direction: column; gap: 24px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; overflow: hidden; border-radius: 80px 20px 0 20px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap img{width: 100%;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap{gap: 10px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 18px; line-height: 24px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul{gap: 10px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span{font-size: 16px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span::before{top: 8px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li small{font-size: 12px;}
  .sub_wrap.exoluma .sub_sec05 .inner .cont_wrap .text_wrap ul>li span strong{font-size: 16px;}

  .sub_wrap.exoluma .sub_sec06 .inner{padding: 56px 0;}
  .sub_wrap.exoluma .sub_sec06 .inner .tit span{font-size: 16px;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans{margin-top: 36px;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans .swiper-slide{flex-direction: column;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box{width: 100%;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.before::before{font-size: 60px;}
  .sub_wrap.exoluma .sub_sec06 .inner .trans .trans_box.after::before{font-size: 60px;}

  .sub_wrap.exoluma .contact .inner{padding: 0 0 136px;}
  .sub_wrap.exoluma .contact .inner .cont_box{padding: 36px 24px; justify-content: flex-start;}
  .sub_wrap.exoluma .contact .inner .cont_box .text_wrap>span{font-size: 20px; line-height: 24px;}
  .sub_wrap.exoluma .contact .inner .cont_box .text_wrap p{font-size: 15px; margin-top: 4px;}
  .sub_wrap.exoluma .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
  .sub_wrap.exoluma .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.exoluma .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.exoluma .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

  /* bodyfiller */
  .sub_wrap.bodyfiller .sub_sec01 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .tit p br{display: none;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap{margin-top: 36px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item{flex-direction: column; padding: 0; padding-bottom: 56px; gap: 16px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .img_wrap{width: 100%;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap{gap: 12px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap span{font-size: 18px; line-height: 24px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p{font-size: 16px; line-height: 20px;}
  .sub_wrap.bodyfiller .sub_sec01 .inner .cont_wrap .item .text_wrap p br{display: none;}

  .sub_wrap.bodyfiller .sub_sec02 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .tit p{font-size: 14px; margin-top: 0; line-height: normal;}
  .sub_wrap.bodyfiller .sub_sec02 .benefits_wrap .img_wrap{width: 100%; padding: 0 3.211vw;} 
  .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot{width: 6px; height: 6px; outline-width: 6px;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .line{display: none;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .img_wrap .benefits_tip .dot .text_wrap{display: none;}
  .sub_wrap.bodyfiller .sub_sec02 .inner .benefits_wrap .mo_text{display: block; margin-top: 36px;border-color: #C82530; background-color: #C5646B; color: #fff;}
  
  .sub_wrap.bodyfiller .sub_sec03::before{opacity: 0.2; background-size: cover; background-position: right;}
  .sub_wrap.bodyfiller .sub_sec03 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap{margin-top: 36px; width: 100%; gap: 8px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item{width: calc((100% - 16px)/2);}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .img_wrap{height: fit-content; border-radius: 10px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap span{font-size: 15px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap p{font-size: 14px;}
  .sub_wrap.bodyfiller .sub_sec03 .inner .cont_wrap .item .text_wrap p br{display: none;}

  .sub_wrap.bodyfiller .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tit p br{display: none;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box img{border: 0;}
  .sub_wrap.bodyfiller .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans{margin-top: 36px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .swiper-slide{flex-direction: column;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box{width: 100%;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.before::before{font-size: 60px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .trans .trans_box.after::before{font-size: 60px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap{margin-top: 36px;}
  .sub_wrap.bodyfiller .sub_sec04 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 24px;}
  
  .sub_wrap.bodyfiller .sub_sec05 .inner{padding: 56px 0;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .tit span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap{margin-top: 36px; flex-direction: column; height: fit-content; gap: 36px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; border-radius: 50px 20px 0 20px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap>span{font-size: 18px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>span{font-size: 16px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li>ul.sub>li{flex-direction: column;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .text_wrap ul.spec_list>li:nth-child(4){flex-wrap: wrap;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.bodyfiller .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}


  .sub_wrap.bodyfiller .contact .inner{padding: 0 0 136px;}
  .sub_wrap.bodyfiller .contact .inner .cont_box{padding: 36px 24px; justify-content: flex-start;}
  .sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap>span{font-size: 20px; line-height: 24px;}
  .sub_wrap.bodyfiller .contact .inner .cont_box .text_wrap p{font-size: 15px; margin-top: 4px;}
  .sub_wrap.bodyfiller .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
  .sub_wrap.bodyfiller .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.bodyfiller .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.bodyfiller .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

  /* citrusbottle */
  .sub_wrap.citrusbottle .sub_sec01 .inner{padding: 56px 0;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top{flex-direction: column;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit span{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text p{font-size: 16px; line-height: 28px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .tit .sub_text{gap: 10px; margin-top: 16px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .img_wrap{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .top .img_wrap img{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot{margin-top: 56px; flex-direction: column; border: 0;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .img_wrap{order: 1; position: relative; left: 50%; top: 0; transform: translate(-50%,0); width: fit-content;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item{width: 100%; padding: 16px 24px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(1){order: 2;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(2){order: 3;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(3){order: 4;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(4){order: 5;}

  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit span{font-size: 36px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p{margin-top:10px; font-size: 18px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item .tit p.sub{font-size: 15px; line-height: 20px;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(odd){border-right: 0;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(3){border-bottom: 1px solid #ddd;}
  .sub_wrap.citrusbottle .sub_sec01 .inner .bot .item:nth-child(4){border-bottom: 1px solid #ddd;}

  .sub_wrap.citrusbottle .sub_sec02 .inner{padding: 0 0 56px;} 
  .sub_wrap.citrusbottle .sub_sec02 .inner .top{flex-direction: column;}
  .sub_wrap.citrusbottle .sub_sec02 .inner>.tit span{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav{gap: 4px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 0; width: calc((100% - 8px)/3); text-align: center;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap{margin-top: 36px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box.on{flex-direction: column; gap: 36px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .img_wrap{width: 100%; height: fit-content; border-radius: 10px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span{font-size: 20px; line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit span small{font-size: 14px; line-height: 20px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit p{line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .text_wrap .tit p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text span{font-size: 18px; line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec02 .inner .tab_wrap .box_wrap .tab_box .sub_text p{font-size: 16px; line-height: 24px;}

  .sub_wrap.citrusbottle .sub_sec03 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
  .sub_wrap.citrusbottle .sub_sec03 .banner span{font-size: 24px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner{padding: 56px 0;}
  .sub_wrap.citrusbottle .sub_sec03 .inner>.tit{gap: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner>.tit p{font-size: 18px; line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner>.tit p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap{margin-top: 36px; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap>span{font-size: 18px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap{width: 100%; flex-direction: column; height: fit-content; margin-top: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle{width: fit-content; height: fit-content; position: absolute; right: 0; bottom: 0; border: 0;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle::before{content: none;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle img{height: 180px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle::before{width: 120%; height: 120%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01{position: relative; width: 100%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{border-radius: 80px 20px 0 20px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap img{width: 100%; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .circle .dot_wrap{display: none;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .circle_wrap .mo_text{display: block; margin-top: 36px;border-color: #F4D233; background-color: #F5EBBB;  width: 100%; text-align: left;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication{margin-top: 56px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication>span{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .left{width: 100%; margin-top: 10px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 40%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 60%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table>span{margin-bottom: 10px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table>span{font-size: 14px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 40%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 60%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right>span{font-size: 14px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right p{font-size: 14px; line-height: 20px;}
  .sub_wrap.citrusbottle .sub_sec03 .inner .cont_wrap .indication .right p br{display: none;}

  .sub_wrap.citrusbottle .sub_sec04 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
  .sub_wrap.citrusbottle .sub_sec04 .banner span{font-size: 24px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.citrusbottle .sub_sec04 .inner>.tit{gap: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner>.tit p{font-size: 18px; line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner>.tit p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap{margin-top: 36px; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap>span{font-size: 18px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap{width: 100%; flex-direction: column; height: fit-content; margin-top: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle{width: fit-content; height: fit-content; position: absolute; right: 0; bottom: 0; border: 0;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle::before{content: none;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle img{height: 180px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle::before{width: 120%; height: 120%;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01{position: relative; width: 100%;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap{border-radius: 80px 20px 0 20px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap img{width: 100%; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .slide01 .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .circle .dot_wrap{display: none;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .circle_wrap .mo_text{display: block; margin-top: 36px;border-color: #F4D233; background-color: #F5EBBB;  width: 100%; text-align: left;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication{margin-top: 56px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication>span{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .cont_box{flex-direction: column;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .left{width: 100%; margin-top: 10px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:first-child{width: 40%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .table_wrap ul.row>li:last-child{width: 60%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table>span{margin-bottom: 10px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table>span{font-size: 14px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:first-child{width: 60%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .sub_table ul.row>li:last-child{width: 40%; padding-left: 16px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right>span{font-size: 14px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right p{font-size: 14px; line-height: 20px;}
  .sub_wrap.citrusbottle .sub_sec04 .inner .cont_wrap .indication .right p br{display: none;}

  .sub_wrap.citrusbottle .sub_sec05 .banner{height: fit-content; background-size: cover; padding: 16% 0;}
  .sub_wrap.citrusbottle .sub_sec05 .banner span{font-size: 24px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner{padding: 56px 0;}
  .sub_wrap.citrusbottle .sub_sec05 .inner>.tit{gap: 16px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner>.tit p{font-size: 18px; line-height: 24px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner>.tit p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap{margin-top: 36px; height: fit-content;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap>span{font-size: 18px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .cont_box{flex-direction: column; margin-top: 16px; gap: 16px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap{width: 100%; height: fit-content; border-radius: 80px 20px 0 20px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap img{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius:  32px 0 0 32px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list{padding: 16px 24px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list span{font-size: 18px; line-height: 28px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text{gap: 6px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec05 .inner .cont_wrap .text_wrap .list ul.sub_text>li::before{top: 8px;}
  

  .sub_wrap.citrusbottle .sub_sec06{border-bottom: 1px solid #F0F0F0;}
  .sub_wrap.citrusbottle .sub_sec06 .inner{padding: 0 0 56px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner>.tit span{font-size: 18px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner>.tit p{margin-top: 0; font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap>span{font-size: 16px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap{flex-wrap: wrap; gap: 36px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box{width: calc((100% - 36px)/2); align-items: center;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p::after{width: 24px; height: 17px; right: -30px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(2) p::after{bottom: -30px; right: unset; left: 50%; transform: translateX(-50%) rotate(90deg);}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(1){order:1}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(2){order:2}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(3){order:4}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(3) p::after{ left: -30px; transform: rotate(180deg);}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(4){order:3}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box:nth-child(4) p::after{content: none;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box span{font-size: 13px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .step_wrap .step_box p{font-size: 16px; height: 42px; border-width: 1px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text span{font-size: 14px; line-height: 20px;}
  .sub_wrap.citrusbottle .sub_sec06 .inner .cont_wrap .tip_text span br{display: none;}


  .sub_wrap.citrusbottle .sub_sec07 .inner{padding: 56px 0px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .tit span{font-size: 16px; margin-bottom: 16px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .tit p{margin-top: 16px; font-size: 16px; line-height: 28px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .tit p br{display: none;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans{margin-top: 36px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans .swiper-slide{flex-direction: column;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box{width: 100%;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box .subject{font-size: 12px; width: 72px; height: 28px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.before::before{font-size: 60px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .trans .trans_box.after::before{font-size: 60px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .tab_wrap{margin-top: 36px;}
  .sub_wrap.citrusbottle .sub_sec07 .inner .tab_wrap ul.tab_nav>li{font-size: 14px; padding: 10px 24px;}

  .sub_wrap.citrusbottle .contact .inner{padding: 0 0 136px;}
  .sub_wrap.citrusbottle .contact .inner .cont_box{padding: 36px 24px; justify-content: flex-start;}
  .sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap>span{font-size: 20px; line-height: 24px;}
  .sub_wrap.citrusbottle .contact .inner .cont_box .text_wrap p{font-size: 15px; margin-top: 4px;}
  .sub_wrap.citrusbottle .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
  .sub_wrap.citrusbottle .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.citrusbottle .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.citrusbottle .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}

  /* rejouir */

  .sub_wrap.rejouir .sub_sec01 .inner{padding: 56px 0 0;}
  .sub_wrap.rejouir .sub_sec01 .inner>.tit{gap: 16px;}
  .sub_wrap.rejouir .sub_sec01 .inner>.tit span{font-size: 16px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec01 .inner>.tit span br{display: none;}
  .sub_wrap.rejouir .sub_sec01 .inner>.tit p{width: 100%; font-size: 16px; line-height: 28px;}
  .sub_wrap.rejouir .sub_sec01 .icon_wrap{margin-top: 36px;}
  .sub_wrap.rejouir .sub_sec01 .icon_wrap .icon{padding: 24px 0;}
  .sub_wrap.rejouir .sub_sec01 .icon_wrap .icon img{width: 60%;}

  .sub_wrap.rejouir .sub_sec02{background-size: cover; background-position: right;}
  .sub_wrap.rejouir .sub_sec02 .inner{padding: 56px 0;}
  .sub_wrap.rejouir .sub_sec02 .inner>.tit span{font-size: 16px;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap{flex-wrap: wrap; margin-top: 36px;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item{width: 100%; padding: 16px 24px;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item:nth-child(odd){border-right: 0;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item span{font-size: 18px;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul{margin-top: 10px; gap: 6px;}
  .sub_wrap.rejouir .sub_sec02 .inner .cont_wrap .item ul li{font-size: 14px;}

  .sub_wrap.rejouir .sub_sec03{background-size: cover;}
  .sub_wrap.rejouir .sub_sec03 .inner{padding: 56px 0 126px;}
  .sub_wrap.rejouir .sub_sec03 .inner>.tit span{display: flex; flex-direction: column; font-size: 18px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec03 .inner>.tit span br{display: none;}
  .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text{margin-top: 0; gap: 16px;}
  .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text p{font-size: 16px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec03 .inner>.tit .sub_text p br{display: none;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap{margin-top: 36px; flex-direction: column;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap{width: 100%;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg{height: 280px;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap img{width: 100%;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .img_wrap .bg .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap{width: 100%;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap span{font-size: 20px; display: block; text-align: center;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul{margin-top: 8px; gap: 6px; text-align: center;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap ul>li{font-size: 15px;}
  .sub_wrap.rejouir .sub_sec03 .inner .cont_wrap .text_wrap img{margin-left: 0; position: relative; left: 50%; transform: translateX(-50%) rotate(90deg);}
  
  .sub_wrap.rejouir .sub_sec04 .inner{padding: 56px 0;}
  .sub_wrap.rejouir .sub_sec04 .inner .tit span{font-size: 16px;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap{flex-direction: column; margin-top: 36px;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap{width: 320px; height: 320px; margin-top: 0;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap img{height: 80%;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .dot{width: 6px; height: 6px; outline-width: 6px;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .circle_wrap .dot_wrap .text_wrap{display: none;}
  .sub_wrap.rejouir .sub_sec04 .inner .benefits_wrap .mo_text{display: block; border-color: #1C80A1; background-color: #d8edf4; margin-top: 36px; width: 100%;}

  .sub_wrap.rejouir .sub_sec05{border-bottom: 1px solid #f0f0f0;}
  .sub_wrap.rejouir .sub_sec05 .inner{padding: 56px 0;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav{width: 100%; gap: 0px; flex-wrap: wrap; border-radius: 10px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li{width: calc((100% - 36px)/2);}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap ul.tab_nav>li svg{height: 36px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap{margin-top: 36px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box.on{gap: 36px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top{flex-direction: column;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .logo{height: 36px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .logo img{height: 100%;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap{width: 100%; margin-top: 16px; gap: 16px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap span{font-size: 18px; line-height: 28px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .top .text_wrap p{font-size: 16px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot{flex-direction: column; padding-right: 0;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap{width: 100%; padding: 36px 36px 66px; border-radius: 80px 20px 0 20px; margin-top: 0; height: fit-content;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap img{width: 100%;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after{width: 100%; margin-top: 16px;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box{flex-direction: row;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box img{width: 100%;}
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after span{font-size: 16px;}
  
  .sub_wrap.rejouir .sub_sec06 .inner{padding: 56px 0;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap{flex-direction: column; gap: 16px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap{width: 100%; height: fit-content; border-radius: 80px 20px 0 20px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap img{width: 100%;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius{width: 128px; height: 32px; border-radius: 32px 0 0 32px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:before{right: 128px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .img_wrap .radius:after{bottom: 32px; width: 16px; height: 16px; border-radius: 0 0 16px 0; box-sizing: 16px 16px 0 16px #fff;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right{width: 100%;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .logo{height: 36px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .logo img{height: 100%;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap{margin-top: 16px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap span{font-size: 18px; line-height: 28px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .text_wrap p{font-size: 16px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap{width: 100%;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap span{font-size: 16px;}
  .sub_wrap.rejouir .sub_sec06 .inner .cont_wrap .right .after_wrap .box_wrap ul.img_box>li img{width: 100%;}

  .sub_wrap.rejouir .sub_sec07 {background-color: #D5CFCC; background-image: none;}
  .sub_wrap.rejouir .sub_sec07 .inner{padding: 56px 0;}
  .sub_wrap.rejouir .sub_sec07 .inner>.tit span{display: flex; flex-direction: column; font-size: 18px; line-height: 24px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap{flex-direction: column;}

  .sub_wrap.rejouir .contact .inner{padding: 56px 0 136px;}
  .sub_wrap.rejouir .contact .inner .cont_box{padding: 36px 24px; justify-content: flex-start;}
  .sub_wrap.rejouir .contact .inner .cont_box .text_wrap>span{font-size: 20px; line-height: 24px;}
  .sub_wrap.rejouir .contact .inner .cont_box .text_wrap p{font-size: 15px; margin-top: 4px;}
  .sub_wrap.rejouir .contact .inner .cont_box button{font-size: 12px; width: 124px; height: 42px; margin-top: 24px;}
  .sub_wrap.rejouir .contact .inner .cont_box .radius{width: 48px; height:48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.rejouir .contact .inner .cont_box .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.rejouir .contact .inner .cont_box .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .type img{height: 24px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left{gap: 24px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item{width: 100%;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even){text-align: right;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even) ul.info{padding-right: 14px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .left .item:nth-child(even) ul.info>li::before{right: -14px; left: unset;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info{gap: 4px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li{font-size: 15px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .item ul.info>li small{font-size: 14px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right{gap: 24px; margin-top: 24px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd){text-align: right;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd) ul.info{padding-right: 14px;}
  .sub_wrap.rejouir .sub_sec07 .inner .cont_wrap .right .item:nth-child(odd) ul.info>li::before{right: -14px; left: unset;}
  .sub_wrap.rejouir .sub_sec07 .inner .bg_img{display: block;}
  .contents:has(.main_text.rejouir img:nth-child(1).on){top: 30px;}
  .contents:has(.main_text.rejouir img:nth-child(2).on){left: 50px; top: 60px;}
  /* global */
  /* location */
  .sub_wrap.location .sub_sec01 .inner{padding: 56px 0 136px;}
  .sub_wrap.location .sub_sec01 .tab_wrap{flex-direction: column;}
  .sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav{width: 100%;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_cont{width: 100%;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map{border-radius: 20px 50px 20px 0;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius{width: 48px; height: 48px; border-radius: 48px 48px 0 48px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius:before{left: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius:after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius .arrow{width: 42px; height: 42px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .map .radius .arrow svg{width: 16px;}
  .sub_wrap.location .sub_sec01 .tab_wrap ul.tab_nav>li{font-size: 16px; height: 48px; border-radius: 10px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .info{margin-top: 24px; gap: 16px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .contact{flex-wrap: wrap; gap: 16px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .addr p{font-size: 16px;}
  .sub_wrap.location .sub_sec01 .tab_wrap .map_box .info .contact p{font-size: 16px;}

  /* news */
  .sub_wrap.news .sub_content .inner{padding: 56px 0 136px;}
  .sub_wrap.news .sub_content .inner ul.gall_row{flex-wrap: wrap; gap: 56px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li{width: 100%;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img{border-radius: 50px 20px 0 20px; height: fit-content !important;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a img{width: 100%;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius{width: 48px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius:before{width: 24px; height: 24px; right: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius:after{width: 24px; height: 24px; bottom: 48px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius .arrow{width: 42px; height: 42px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_img a .radius .arrow svg{width: 16px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_info{font-size: 14px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href{margin-top: 4px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .gall_text_href a{font-size: 16px; line-height: 24px; -webkit-line-clamp: 1;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text{margin-top: 10px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text *{font-size: 15px;}
  .sub_wrap.news .sub_content .inner ul.gall_row>li .sub_text span{-webkit-line-clamp: 3;}

  .sub_wrap.news #bo_v_title .bo_v_tit{font-size: 20px; line-height: 24px;}
  .sub_wrap.news #bo_v_title p{font-size: 13px; text-align: right; margin-top: 4px;}
  .sub_wrap.news #bo_v_atc{padding: 16px 0 42px;}
  .sub_wrap.news #bo_v_con{margin: 0; border-bottom: 0; line-height: 24px; min-height: auto;}
  .sub_wrap.news .list_back{margin-top: 42px;}
  .sub_wrap.news .list_back a{width: 100%; border-radius: 0; font-size: 15px;}
  .sub_wrap.news .bo_v_nb li{display: flex; flex-direction: column; padding: 8px;}
  .sub_wrap.news .bo_v_nb li a{margin-top: 4px; font-weight: 500;}
  .bo_v_nb li .nb_tit{font-size: 13px;}
  .bo_v_nb li .nb_tit i{display: none;}
  .bo_v_nb li .nb_date{font-size: 13px;}

  /* careers */
  .sub_wrap.careers .sub_content .inner{padding: 56px 0 136px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap{flex-direction: column-reverse; padding: 76px 16px 56px; border-radius: 20px 20px 50px 20px; gap: 0;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .logo{margin: 0 auto;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right{width: 100%; padding: 0; background-color: transparent;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .radius{width: 192px; height: 48px; border-radius: 0 48px 48px 0;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .radius:before{left: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .radius:after{top: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap{gap: 16px; margin-top: 24px; justify-content: center; padding-bottom: 36px; border-bottom: 1px solid #ddd;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item{width: 100%;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item label{font-size: 15px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .input_item input{height: 36px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div textarea{height: 100px !important;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .right .input_wrap .write_div label{font-size: 15px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .submit_btn{font-size: 15px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .submit_btn img{width: 20px;}


  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info{width: 100%; padding-top: 36px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr{gap: 36px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list .tit{font-size: 15px; padding: 6px 16px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list span{font-size: 14px; gap: 10px; line-height: 20px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .addr .list span img{width: 16px; height: 16px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info{gap: 36px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .bar{height: 1px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info{flex-wrap: wrap; gap: 24px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info>li{gap: 10px; font-size: 14px;}
  .sub_wrap.careers .sub_content .inner .cont_wrap .cont_info .info>li img{width: 16px;}
  .sub_wrap.careers .list_back{margin-top: 42px;}
  .sub_wrap.careers .list_back a{width: 100%; border-radius: 0; font-size: 15px;}


  /* inquiry */
  .sub_wrap.inquiry .sub_content .inner{padding: 56px 0 136px;}
  .sub_wrap.inquiry .sub_content .inner form{display: flex; flex-direction: column}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01{flex-direction: column; height: fit-content; order: 3;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left{width: 100%; margin-top: 56px; padding: 36px 16px; border-radius: 80px 20px 20px 20px; gap: 36px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr{gap: 36px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list .tit{font-size: 15px; padding: 6px 16px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list span{font-size: 14px; gap: 10px; line-height: 20px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .addr .list span img{width: 20px; height: 20px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .bar{height: 1px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info{flex-wrap: wrap; gap: 24px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info>li{gap: 10px; font-size: 14px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .left .info>li img{width: 16px;}

  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .right{width: 100%;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius{width: 192px; height: 48px; border-radius: 48px 0 0 48px;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius::before{right: 192px; width: 24px; height: 24px; border-radius: 0 0 24px 0 ; box-shadow: 24px 24px 0 24px #fff;}
  .sub_wrap.inquiry .sub_content .inner .sub_sec01 .radius::after{bottom: 48px; width: 24px; height: 24px; border-radius: 0 0 24px 0 ; box-shadow: 24px 24px 0 24px #fff;}






  .sub_wrap.inquiry .sub_content .inner .input_wrap{order: 1; margin-top: 0; padding: 56px 16px;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .bg_wrap{padding: 0; background-color: transparent; gap: 16px;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .input_box{flex-direction: column; gap: 16px;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item{width: 100%;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .input_box .input_item label{font-size: 15px;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .submit_btn{font-size: 15px;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .submit_btn img{width: 20px;}
  .sub_wrap.inquiry .sub_content .inner form>.write_div{order: 2;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .write_div{margin: 0 !important;}
  .sub_wrap.inquiry .sub_content .inner .input_wrap .write_div label{font-size: 15px;}
  

  
}


@media screen and (max-width:475px) {
  .sub_wrap.rejouir .sub_sec05 .inner .tab_wrap .box_wrap .tab_box .bot .after ul.img_box{flex-direction: column;}
}