@charset "utf-8";
.it {font-family: 'Italiana', serif; text-transform:uppercase; letter-spacing:1px}
.only_m{display:none}
.bg_dgray{background:#6a6a6a}
.bg_pic{background:#ffdedc}
.bg_bpic{background:#e99e8e}
.bg_gray{background:#f9f9f9}
.bg_wpink{background:#fcf6f2}
.bg_wred{background:#fff0ef}
.bg_mint{background:#84c3b5}
.bg_wmint{background:#f4fefc}
.pic{color:#f69c93}
.gold{color:#d1aa87}
.pic2{color:#c55b50 !important}
.red{color:#fb8889}
.mint{color:#42b49f}
.pt20{padding-top:20px}
.w45{width:45%}
.w25{width:23.5%}
.w48{width:48%}
.w100{width:100%}
.pt100{padding-top:100px}
.pb100{padding-bottom:100px}
.h200{height:200px;}
.w30{width:30%}
.w60{width:60%}
.w70{width:70%}
.pl60{padding-left:60px}

.bg_box_mint{background:#d1eee7 !important}
.bg_box_mint2{background:#b3e5d9 !important}
.num_txt{border-bottom:2px solid #333; display:inline-block}

/* img_wrap 및 비디오 완전 초기화 스타일 */
.img_wrap {
  position: relative;
  display: block;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.img_wrap video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
}
.img_wrap {
  margin-bottom: -1px;
}

.flex-j-sb {
    justify-content: space-between
}
.flex-wrap {
    flex-wrap: wrap
}
.sub_tail_01 dt {
    background-color: #e99e8e;
    color: white;
    padding: 20px 0;
    border-radius: 100px
}
.flex-j-c {
    justify-content: center
}

.marker_tit {
    padding: 8px 20px;
    border-radius: 100px;
    display: inline-block
}
.marker {
    list-style: disc;
	padding-left:20px
}

.marker li::marker {
    color: #3eceb3
}

.marker_pink {
    list-style: disc;
	padding-left:20px
}

.marker_pink li::marker {
    color: #de856b
}


#sv {position: relative; overflow: hidden;}
#sv .sv_visual {width: 100%; height: 500px; background-size:cover; background-position: 50% 50%; transform:scale(1.2);}

@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}


@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

#sv .sv_tit_wrap {position: absolute; /* top: 50%; */top: 30vh; left: 0; transform:translateY(-50%); width: 100%; text-align: center;}
#sv .sv_tit_wrap h3 {color: #fff;}
#sv .sv_tit_wrap .icon {}
#sv .active .sv_tit_wrap {opacity: 0;}

#sv .sv_mouse { position: absolute; /* position: fixed;*/ bottom: 40px; left: 50%; transform:translateX(-50%);opacity: 1; z-index: 1;text-align: center;}
#sv .sv_mouse p {color: #fff;  margin-bottom: 15px; font-family: 'Montserrat'; letter-spacing: 0;}
#sv .sv_mouse img {display: inline-block; cursor: pointer; animation:move_mouse 2s infinite}
#sv .active .sv_mouse {position: static; opacity: 0;}

.sv_visual {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.bg-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background:rgb(165 73 73 / 50%); /* 어두운 투명 배경 */
  z-index: 1;
}

.bg-overlay2 {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgb(73 165 165 / 20%); /* 어두운 투명 배경 */
  z-index: 1;
}

.bg-overlay3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(73 106 165 / 20%); /* 어두운 투명 배경 */
  z-index: 1;
}

.bg-overlay4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(73 109 165 / 50%); /* 어두운 투명 배경 */
  z-index: 1;
}

.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 7rem; color: #fff; opacity: 0.2;}
.move_text_box .text p { animation: textLoop 20s linear infinite; padding-right: 3.3rem; line-height: 1.4; font-weight: 700; }

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.equip-tab {
  margin-top: 20px;
}

.equip-tab ul {
  display: flex;
  justify-content: center; /* 가운데 정렬 */
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap; /* 한 줄 유지 */
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

.equip-tab li {
  /* float 제거 */
}

.equip-tab-btn {
  background: #fff;
  color: #ed7688;
  border: 1px solid #ed7688;
  padding: 20px 30px;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 16px;
  white-space: nowrap; /* 줄바꿈 방지 */
}
.equip .swiper-container { overflow: hidden; }

.equip-tab-btn:hover {
  background: #ed7688;
  color:#fff;
}
.equip-tab-btn.active {
	background: #ed7688;
  color:#fff;
}

.equip-tab-btn.blue{
color: #a1b7d3;
  border: 1px solid #a1b7d3;}

  .equip-tab-btn.blue:hover {
  background: #a1b7d3;
  color:#fff;
}
.equip-tab-btn.blue.active {
	background: #a1b7d3;
  color:#fff;
}

.equip-tab-btn.green{
color: #7fc9bc;
  border: 1px solid #7fc9bc;}

  .equip-tab-btn.green:hover {
  background: #7fc9bc;
  color:#fff;
}
.equip-tab-btn.green.active {
	background: #7fc9bc;
  color:#fff;
}

.s_con {padding: 160px 0; position: relative;}
.s_con .tit_wrap .ff_felix {letter-spacing: 4px;}
.txt_beige_box {display: inline-block !important; padding: 15px 75px; line-height: 1; border: 1px solid #d9b391; border-radius:5px;font-family: 'Futura Bk Book'; color: #d9b391;}
.flex_box {display: flex;}
.txt_under {text-decoration : underline; text-underline-position : under;}
.keypoint_type .tit_wrap {margin-bottom: 80px;}
.flex_box {justify-content:space-between;}
.flex_box.w33 {flex-wrap:wrap;}
.flex_box.w33 .box {width: calc(33.33% - 50px);margin: 0 25px;}
.flex_box.w50 .box {width: 50%;}

.shorts{position:relative;}
.m1 .m1_slid_con{padding:10px}
.m1 .m1_slid_img img{border-radius:20px}
.m1 .event_box1{border:1px solid #ef7291; border-radius:10px; padding:5px 10px; width:30%}
.m1 .event_box2{border:1px solid #32618d; border-radius:10px; padding:5px 10px; width:30%}
.m1 .event_box3{border:1px solid #3eceb3; border-radius:10px; padding:5px 10px; width:30%}
.original_price {
    text-decoration: line-through; /* 가운데 선 */
    color: #aaa; /* 원래 가격 색상 */
    margin-right: 5px; /* 오른쪽 여백 */
}
.m1_slid {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.m1_slid_con {
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.9;
    transform: scale(0.9);
}

.m1_slid_con.slick-center {
    opacity: 1;
    transform: scale(1.1); /* 활성화된 슬라이드 크기 조정 */
}

.m1_slid_img img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
	cursor:pointer;
}

.m1_slid_con.slick-center .m1_slid_img img {
    transform: scale(1.05); /* 활성화된 이미지 추가 확대 */
}

.slick-center .m1_slid_img{padding:20px; padding-top:40px; }
.slick-center .event_txt {padding-bottom:20px}



/* 팝업 기본 스타일 */
.shortspopup {
    display: none; /* 초기에는 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 팝업 내용 */
.shortspopup .popup-content {
    position: relative;
    border-radius: 10px;
    padding: 20px;
    max-width: 570px;
    width: 90%;
    text-align: center;
	margin-top:80px;
}

/* 닫기 버튼 */
.shortspopup .close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.shortspopup video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.m1 .w1600 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.text-container {
    flex: 1;
}

.m1 .arrow-buttons {
    display: flex;
    gap: 10px;
	align-self:end;
}

.m1 .arrow-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
	border:1px solid #c7c7c7;
}

.m1 .arrow-btn:hover {
    background-color: #eee;
}

.m1 .arrow-btn svg {
    stroke: #333;
    width: 20px;
    height: 20px;
}

.m1 .rolling-text {
    transition: transform 0.5s ease;
    white-space: nowrap;
    overflow: hidden;
}

.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 -1px;}
.s_tab li a {display: block;  text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #151515; border-bottom: 5px solid #151515; }
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}

.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(33.33% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 2px);}
.s_tab .col-6 li{width:calc(16.8%);}
.s_tab .col-7 li{width:calc(14% - 2px);}

.bg_blue{background:#f4f5fa !important}



.s_tab1 {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab1 li {display: inline-block; vertical-align: top; margin:0 -1px;}
.s_tab1 li a {display: block;  text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab1 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab1 li a.active,
.s_tab1 li a:hover{ color: #151515; border-bottom: 5px solid #151515; }
.s_tab_con1 > .con {display: none;}
.s_tab_con1 > .con.active {display: block;}
.s_tab_con1 > .con  h4{ position:relative;}

.s_tab1 .col-1 li{width:calc(50% - 2px);}
.s_tab1 .col-2 li{width:calc(50% - 2px);}
.s_tab1 .col-3 li{width:calc(33.33% - 2px);}
.s_tab1 .col-4 li{width:calc(25% - 2px);}
.s_tab1 .col-5 li{width:calc(20% - 2px);}
.s_tab1 .col-6 li{width:calc(16.8%);}
.s_tab1 .col-7 li{width:calc(14% - 2px);}


.sec-flex {display:flex;justify-content: center;align-items: center;}
.afraid_title-bubble:nth-child(1){animation-delay: 0s;}
.afraid_img{width: 50%;}
.afraid_title{width: 50%; padding-left: 80px;}
.title-bubble{position: relative; border-radius: 10px; text-align: center;}
.afraid_title-bubble { background:#e88d7a; padding: 20px 30px; color: white; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.08)); transform: translate(0,0%); animation:bubbleStep 2s ease Infinite;}
.afraid_title-bubble:nth-child(1){animation-delay: 0s}
.afraid_title-bubble:nth-child(2){animation-delay: 0.25s}
.afraid_title-bubble:nth-child(3){animation-delay: 0.5s}
.title-bubble:after {
content: '';
position: absolute;
bottom: 0;
width: 0;
height: 0;
border: 16px solid transparent;
margin-left: -8px;
margin-bottom: -8px;
border-bottom: 0;
z-index: -1;
}
.afraid_title-bubble:after {
  left: 20%;
  border-top-color: #e88d7a;
}
.afraid_list{margin-top: 50px;}
.afraid_list li:nth-child(n+2){margin-left: 20px}
@keyframes bubbleStep{
0%{transform: translate(0,0%);}
20%{transform: translate(0,-15%);}
40%{transform: translate(0,0%);}
}

.en_no{color:#e8e8e8;font-style:italic; position:relative; bottom:-50px; z-index:-1; font-size:8rem;}
.en_no2{color:#e8e8e8;font-style:italic; position:relative;z-index:-1; font-size:8rem;}
.no_con .flex_con{gap:100px}

.icon_list{border:1px solid #dfdfdf; padding:40px; border-radius:20px}
.icon_list ul{overflow:hidden;}
.icon_list li{float:left; width:16.6666666%}

.icon_list3{border:1px solid #dfdfdf; padding:40px; border-radius:20px}
.icon_list3 ul{overflow:hidden; width:95%; margin:0 auto}
.icon_list3 li{float:left; width:33%; display:flex; gap:10px}
.icon_list3 li .tac{width:7%}


.icon_list4{border:1px solid #c7c7c7; padding:40px; border-radius:20px; background:#fff}
.icon_list4 ul{overflow:hidden;}
.icon_list4 li{float:left; width:25%; display:flex; gap:10px; justify-content:center;}
.icon_list4 li .tac{width:10%}

.icon_list5{border:1px solid #c7c7c7; padding:25px; border-radius:20px; background:#fff}
.icon_list5 ul{overflow:hidden;}
.icon_list5 li{float:left; width:20%}



.icon_list5 img{width:15%}


.icon_list6{border:1px solid #dfdfdf; padding:40px; border-radius:20px; background:#fff}
.icon_list6 ul{overflow:hidden;}
.icon_list6 li{float:left; width:16.6666666%}


.check_float ul{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: center;gap: 0px;}
.check_float li{float:left; background:#fff6f5;width:30.5%; padding:40px 0; margin:20px; border-radius:20px}

.check_float4_mint ul{overflow:hidden;}
.check_float4_mint li{float:left; background:#edfbf8;width:22.5%; padding:40px 0; margin:20px; border-radius:20px}


.check_float4 ul{overflow:hidden;}
.check_float4 li{float:left;border: 1px solid #f5d0b0;background: #ffffff;width:22.5%;padding:30px 0;margin:16px;border-radius:20px}

.check_float_img ul{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: center;gap: 0px;}
.check_float_img li{float:left;;width:33.3%; }

.plastic_06_new04 ul{overflow:hidden;}
.plastic_06_new04 li{float:left; width:50%}

.plastic_06_new04 .w10{width: 6%;top: 120px;position: relative;}

.box_ls ul{overflow:hidden;}
.box_ls li{float:left; width:15%; border:1px solid #82b7ae; padding:15px 0; margin-right:10px; border-radius:30px}

.check_float3_2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
}

.check_float3_2 li {
    background: #fff6f5;
    width: 30.5%;
    padding: 40px 0;
    margin: 20px 0;
    border-radius: 20px;
    text-align: center;
}

.check_float3_2 ul:has(li:nth-child(4)) {
    justify-content: center;
    gap: 2.25%;
}

.check_float3_2 ul:has(li:nth-child(6)) {
    justify-content: space-between;
}


.check_float3_5 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
}

.check_float3_5 li {
    width: 17.5%;
	border:1px solid #9d93d1;
    padding: 40px 0;
    margin: 20px 0;
    border-radius: 20px;
    text-align: center;
}

.check_float3_5 ul:has(li:nth-child(4)) {
    justify-content: center;
    gap: 2.25%;
}

.check_float3_5 ul:has(li:nth-child(6)) {
    justify-content: space-between;
}

.h520{height:520px}

.slim-img2{width:50%}

.check_float2 ul{overflow:hidden;}
.check_float2 li{float:left; background:#fff6f5;width:30.5%; padding:60px; margin:20px; border-radius:20px}

.check_float3 ul{overflow:hidden; display:flex;}
.check_float3 li{float:left; background:#fff;width:30.5%; padding:30px; margin-right:42px; border-radius:20px; border:1px solid #d1aa87 }

.check_float3_mint ul{overflow:hidden; display:flex;}
.check_float3_mint li{float:left; border:1px solid #3eceb3 ;width:30.5%; padding:40px; margin-right:42px; border-radius:20px}

.check_float5 ul{overflow:hidden; display:flex;}
.check_float5 li{float:left; background:#fff6f5;width:50%; padding:50px; margin-right:42px; border-radius:20px}

.check_float6 ul{overflow:hidden; display:flex;}
.check_float6 li{float:left; background:#fff6f5;width:50%; padding:50px; margin-right:42px; border-radius:20px}

.check_float6_mint ul{overflow:hidden; display:flex;}
.check_float6_mint li{float:left; background:#edfbf8;width:16.66666%; padding:50px 0; margin-right:42px; border-radius:20px}


.check_in_txt{
	display: flex;
    align-items: flex-start; /* 아이콘과 텍스트 상단 정렬 */
    text-align: left; /* 텍스트 왼쪽 정렬 */
    width: 100%; /* 전체 너비 유지 */
}

.bar{border-bottom:1px solid #ffdedc; padding-top:20px;margin-bottom:20px}
.check_icon_s {margin-right:10px}

.num_con .num{font-size: 8rem;}
/* 기본 스타일 */
.line_b {
    position: relative;
    display: inline-block;
    padding-bottom: 10px; /* 바와 텍스트 간격 */
}

/* 형광펜 효과 바 (초기 숨김) */
.line_b::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 0; /* 초기 너비 0 */
    z-index: -1;
    height: 20px; /* 형광펜 바 두께 */
    background-color: rgba(255, 222, 220, 0.7); /* 연한 노란색 */
    transition: width 1s ease-out; /* 애니메이션 */
}

/* 활성화 클래스 */
.line_b.active::after {
    width: 100%; /* 스크롤 되면 너비 100% */
}

.labia_in .num_con {
    position: relative;
    background: #f9f9f9; /* 배경 색상 */
    padding: 20px 0 160px 0; /* 위아래 패딩 */
    z-index: 1; /* 기본 z-index */
}

.labia_in .labia_in_img {
    position: relative;
    z-index: 2; /* 이미지가 배경 위로 올라오도록 설정 */
}

.labia_in .num_con::before {
    content: "";
    position: absolute;
    top: -50%; /* 반절 배경 높이 */
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f9; /* num_con과 같은 배경색 */
    z-index: -1; /* 배경이 뒤로 가도록 설정 */
}

.line_icon ul {
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.line_icon li p {
    margin-top: 20px
}


.typing {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-right: 2px solid black; /* 초기 커서 효과 */
    padding-right: 5px;
    font-weight: bold;
	line-height:1 !important;
}
.typ{border-top:1px solid #c7c7c7;}

/* 커서 깜빡이는 효과 */
@keyframes cursor-blink {
    50% {
        border-color: transparent;
    }
}

/* 🔥 타이핑이 진행 중일 때 깜빡임 */
.typing.active {
    animation: cursor-blink 0.8s infinite;
}

/* 🔥 타이핑이 끝나면 커서 제거 */
.typing.done {
    border-right: none;
}

.labia_01_table{width:100%}
.labia_01_table .tr1{background:#f4f4f4}
.labia_01_table th, .labia_01_table td{padding:20px 0}
.labia_01_table .th1{border-radius:20px 0 0 20px ;width: 33.33333%}
.labia_01_table .th2{width: 33.33333%; color:#fff}
.labia_01_table .th3{border-radius:0 20px 20px 0 ;width: 33.33333%}
.labia_01_table td{border-right:1px solid #dfdfdf; ;}
.labia_01_table tr{border-bottom:1px solid #dfdfdf;}
.labia_01_table td:last-child{border-right:0;}
.labia_01_table .graph_center{background:#fbfbfb}
.labia_01_table tr:first-child{border-bottom:none}

.vs_con1{width:50%; }
.vs_con2{width:50%}
.vs_con1 img{max-width:initial; }
.vs_con2 img{max-width:initial}
.vs_img img{max-width:initial}

.vs_img{margin-top:13%}
.vs_txt{padding:30px 0}
.vs_con1 .txt_bg{background:#e9e9e9; padding:20px; border-radius:30px}
.vs_con2 .txt_bg{border-top:2px solid #d1aa87; padding:20px; background:#f9f8f7}
.vs_con2 .vs_txt{border-bottom:1px solid #c7c7c7}
.vs_con {gap:30px}

.vs_con {
  display: flex;
  gap: 30px;
  align-items: stretch; /* 핵심: stretch로 하면 자동으로 동일 높이 */
}
.vs_con2 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.vs_txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.small_list p {
    display: flex;
    gap: 8px; /* 아이콘과 텍스트 간격 조정 */
    line-height: 1.6;
	align-items:start;
}
.check_icon_s {
    display: inline-block;
    width: 20px; /* 아이콘 크기에 맞게 조정 */
    height: 20px;
    flex-shrink: 0;
}

.check_icon_s img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.vs_txt {
    display: flex;
    flex-direction: column;
    align-items: center; /* 내부 요소를 중앙 정렬 */
}

.txt_bg {
    width:100%;
}

.small_list {
    display: flex;
    flex-direction: column;
    align-items: center; /* txt_bg 기준으로 가운데 정렬 */
}

.small_list p {
    display: flex;
    align-items: start; /* 아이콘과 텍스트 상단 정렬 */
    gap: 8px; /* 아이콘과 텍스트 간격 조정 */
    width: 100%; /* 전체 너비 유지 */
}


.small_list2 {
    display: flex;
    flex-direction: column;
    align-items: center; /* txt_bg 기준으로 가운데 정렬 */
}

.small_list2 p {
    display: flex;
    align-items: flex-start; /* 아이콘과 텍스트 상단 정렬 */
    gap: 8px; /* 아이콘과 텍스트 간격 조정 */
    text-align: left; /* 텍스트 왼쪽 정렬 */
    width: 100%; /* 전체 너비 유지 */
}
.small_list2 ul{overflow:hidden; width:100%; display:flex;}
.small_list2 li{width:23.5%; background:#f6f6f6; padding:20px 15px; border-radius:20px; margin-right:20px}


.small_list3 ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 20px; /* 간격 설정 */
    width: 100%;
}

.small_list3 li {
    width: calc(50% - 10px); /* 2개씩 나오게 설정 (gap 반영) */
    padding: 20px 15px;
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
	border:1px solid #d1aa87 ;
}

.small_list_white ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 20px; /* 간격 설정 */
    width: 100%;
}

.small_list_white li {
    width: calc(33% - 10px); /* 2개씩 나오게 설정 (gap 반영) */
    background: #fff;
    padding: 20px 15px;
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
}



.small_check ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 5px; /* 간격 설정 */
    width: 100%;
}

.small_check li {
    width:100%; /* 2개씩 나오게 설정 (gap 반영) */
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
}


.small_list_white3 ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 20px; /* 간격 설정 */
    width: 100%;
}

.small_list_white3 li {
    width: calc(50% - 10px); /* 2개씩 나오게 설정 (gap 반영) */
    background: #fff;
    padding: 20px 15px;
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
}


.small_list4 ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 20px; /* 간격 설정 */
    width: 100%;
}

.small_list4 li {
    width: calc(33% - 10px); /* 2개씩 나오게 설정 (gap 반영) */
    background: #f6f6f6;
    padding: 20px 15px;
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
}

.small_list5 ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: space-between; /* 아이템 사이 균등 간격 */
    gap: 20px; /* 간격 설정 */
    width: 100%;
}

.small_list5 li {
    width: calc(24% - 10px); /* 2개씩 나오게 설정 (gap 반영) */
    background: #f6f6f6;
    padding: 40px;
    border-radius: 20px;
    box-sizing: border-box; /* 패딩 포함 크기 유지 */
}
.small_list5 li:nth-child(n+5) {
  width: calc(33% - 10px); /* 원하는 너비 값으로 변경 */
}

.p0{padding:0 !important}
.w50{width:50% !important}
.half {overflow:hidden; margin-top:50px}
.half .rt {width: 50%; background-repeat: no-repeat; background-position: 100% 50%;   background-size: cover; float:right; position:relative; }
.half .lt {float:left; position:relative}

.half .rt .txt_box { width:600px; float:right; position:relative; top:75%;}
.half .rt img {position: relative;background-size:cover;}
.half .lt_img img {position: relative;background-size:cover; width:100%;}
.half .rt_img img {position: relative;background-size:cover; width:100%; }
.half .lt {width: 50%;}
.half .lt2 {width: 50%; padding:80px 0 160px 70px}
.half .rt2 {width: 50%; padding:80px 0 160px 185px}
.half .lt_img {width: 45%; padding:0}
.half .rt_img {width: 45%; padding:0}

.half_bt_txt li{float:left; border:1px solid #d38d80; color:#d38d80; padding:20px 20px; border-radius:40px; margin:20px 10px 0 0}
.half_bt_txt_mint li{float:left; border:1px solid #60c6b3; color:#60c6b3; padding:20px 20px; border-radius:40px; margin:20px 10px 0 0}

.note_con .bg_wpic{background:#fff2f3 !important}

.note_con .note {
    padding: 40px;
	background:#fff;
	border-radius:30px
}

.note_con .note caption {
    padding: 8px 20px;
    border-radius: 100px;
    display: inline-block
}

.note_con .note-check {
 
    margin-right: 8px
}


.pb20{padding-bottom:20px}
.ab-blue-back {
    background-color: #7a92bc !important
}

.row-bg-layer {width:100%; height:100%}
.labia_0106{background-image: url('/assets/images/sub/labia_01_img06_bg.jpg'); background-position: center top; background-repeat: no-repeat; background-position:50% -50%; background-size:100% 100%}

.list_3_2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 가운데 정렬 */
    gap: 30px; /* 요소 간 간격 */
    list-style: none;
    padding: 0;
}

.list_3_2 ul li {
    width: calc(19% - 20px); /* 첫 줄 3개 */
    text-align: center;
}

/*.list_3_2 ul li:nth-child(4),
.list_3_2 ul li:nth-child(5) {
    width: calc(33.33 - 20px); 
	margin-top:30px
}*/

.list_4 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 요소 간 간격 */
    list-style: none;
    padding: 0;
    justify-content: center;
}

.list_4 ul li {
    position: relative; /* 숫자를 절대 위치로 배치하기 위해 설정 */
    width: calc(25% - 20px); /* 한 줄에 4개씩 배치 */
    text-align: center;
	margin-bottom:20px
}

/* num_cl을 이미지 왼쪽 위 구석에 겹치도록 설정 */
.num_cl {
    position: absolute;
    top: -15px; /* 이미지 상단에서 간격 */
    left: -13px; /* 이미지 왼쪽에서 간격 */
    background-color: black; /* 검정 배경 */
    color: white; /* 숫자는 흰색 */
    width: 40px; /* 원 크기 */
    height: 40px; /* 원 크기 */
    border-radius: 50%; /* 원형 모양 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.num_cl p{margin-bottom:5px}

.faq_box .gray_q {color:#ccc6d2;}
.faq_box .accordion { width: 100%; margin: 20px auto; border-top:#e99e8e 4px solid; border-bottom:#e99e8e 4px solid; overflow: hidden;}
.faq_box .accordion2 { width: 100%; margin: 20px auto; border-top:#a1b7d3 4px solid; border-bottom:#a1b7d3 4px solid; overflow: hidden;}

.faq_box .accordion-item {border-bottom: 1px solid #e6e5e5;}
.faq_box .accordion-question {padding: 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.faq_box .accordion-question.open {background:#fcfafa}
.faq_box .accordion-answer {display: none; padding: 0 30px 30px 30px; color:#727272; background-color: #fcfafa; transition: max-height 0.2s ease-out; margin:0 auto; overflow: hidden;}
.faq_box .accordion-answer.open {display: block; background:#fcfafa;}
.faq_box .answer_box {width:100%; padding:40px 0 10px 40px;   border-top:#eceaea 2px solid;	 }	
.faq_box .q_text{width:95%}
.faq_box .icon {color:#cb8e9c; font-size:22px;  }


/* 기본적인 탭 스타일 */
.tab_btn_wrapper {
    position: relative;
    width: 100%;
    z-index: 10;
}

.tab_btn {
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.tab_btn ul {
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0 auto;
}
.tab_btn li {
    list-style: none;
    flex: 1;
    text-align: center;
    background: #ededed;
    border-radius: 50px;
    padding: 15px 0;
    margin: 10px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}
.tab_btn li.active {
    background: linear-gradient(45deg, #edc382, #f3aa87);
    color: #fff;
}
.tab_btn li.active p {
    color: #fff;
}

.gap40{gap:40px}
/* 📌 상단 고정 스타일 (처음부터 적용되지 않도록 설정) */
.tab_btn.fixed {
    position: fixed;
    top: 91px;
    left: 0;
    width: 100%;
    background: white;
    z-index: 999;
    padding: 10px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    transform: translateY(-100%);
}

/* 📌 고정 활성화 시 탭이 나타남 */
.tab_btn.fixed.show {
    transform: translateY(0);
}

/* 📌 탭 고정 시 원래 공간 유지 */
.tab_btn_placeholder {
    height: 80px; /* 탭 높이만큼 추가 */
}
.sub_in_re{position:relative;}

.lt_flex{width:50%; padding:20px 0 0 205px}
.rt_flex{width:50%}

.lt_flex_w1400{width:50%}
.rt_flex_w1400{width:50%;padding:100px 0 0 100px}
.lt_flex_w1400 iframe{border-radius:30px}


.lt_flex_w1600{width:50%}
.rt_flex_w1600{width:50%;}

.rt_flex img {
  border-radius: 0;
  transition: border-radius 0.6s ease;
}

.rt_flex.in-view img {
  border-radius: 150px 0 0 150px;
}

.tt-section {position: absolute;bottom: 0;left: 0;}
.tt-scrolling-text {display: flex;position: relative;pointer-events: none;}
.tt-scrolling-text-inner {padding-left: 2vw;font-size: calc(16px + 4vw);line-height: 1;font-family: 'Italiana';font-weight: 500;color: #000;white-space: nowrap;animation-name: tt_scrolling_text; animation-timing-function: linear; 
	animation-iteration-count: infinite; animation-play-state: running;opacity:.05; letter-spacing:2px;	/* animation-duration is handled by js. */}
.tt-scrolling-text-inner:after {content: attr(data-text);}

@keyframes tt_scrolling_text {
	0% { transform: translateX(0) }
	100% { transform: translateX(-50%) }
}


.pdt_list1{width:50%; margin-right:20px}
.pdt_list1_mint{width:50%; margin-right:20px}
.pdt_list2_mint{width:100%; margin-right:20px}
.pdt_list2{width:50%}
.pdt_list1 .tit{border-top:2px solid #c7c7c7 ;padding:15px 50px ;}
.pdt_list1_con{background:#fff; border-radius:20px; padding:30px 50px; height:310px}
.pdt_list1_mint .tit{background:#a5e2d7; padding:15px 50px ; border-radius:20px}
.pdt_list2_mint .tit{background:#a5e2d7; padding:15px 50px ; border-radius:20px}

.pdt_list2 .tit{ border-top:2px solid #d1aa87 ;padding:15px 50px ; }
.pdt_list2_con{background:#fff; border-radius:20px; padding:30px 50px; height:310px}
.step_num{background: #fdf0d9;padding:5px 10px;border-radius:10px;color: #e1a980;}

.sub_tail_0201{width:50%; padding-right:20px}
.sub_tail_0201 img{width:100%}

.week_list ul{overflow:hidden;}
.week_list li{float:left; width:33.33333% ;background:#f6f6f6; border-radius:50px; padding:20px 0}

.week_list3 ul{overflow:hidden;}
.week_list3 li{float:left; width:33.33333% ;background:#fff; border-radius:50px; padding:30px 0}


.week_img_list ul{overflow:hidden;}
.week_img_list li{float:left; width:33.33333% ; border-radius:50px; padding:20px 0}


.week_list2 ul {
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    gap: 20px; /* 간격 조정 */
    width: 100%;
}
.week_list2_mint li {
	border:1px solid #3eceb3 !important;
}
.week_list2 li {
    border-radius: 50px;
    padding: 20px 10px;
	border:1px solid #d1aa87;
    align-items: center; /* 텍스트 수직 중앙 정렬 */
    justify-content: center; /* 텍스트 수평 중앙 정렬 */
    text-align: center;
    width: 18%; /* 3개 배치되도록 설정 */
}
.week_list2_6 li{width:15%}
.week_list2_4 li{width:24%}
.week_list2_3 li{width:32%}
.week_list2_5 li{width:18%}

.tip_con{background:#f9f9f9; padding:30px 0; border-radius:20px}
.tip_con_mint{background:#f0fbf9; padding:30px 0; border-radius:20px}
.lt_flex_s{width:40%;}
.rt_flex_s{width:60%}
.rt_flex_s img{width:100%}

.step_box{background:#f0f0f0; border-radius:40px; padding:10px 30px;width:25%}
.mt0{margin-top:0}

.day{background:#f5f5f5; padding:50px; width:230px; height:230px; border-radius:100%; vertical-align:middle; text-align:center; margin:0 auto;align-items: center;justify-content: center;display:flex;}

.img_ul ul{overflow:hidden;}
.img_ul li{float:left; width:50%}


/* 공통 영역 */
.treatment-container {
  padding: 40px 20px;
  text-align: center;
}

.treatment-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-bottom: 20px;
}

.treatment-box {
  border-radius: 20px;
  padding: 30px 20px 20px;
  width: 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.type-pair {
  display: flex;
  gap: 15px;
  width:100%;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  border-radius: 15px;
	padding:40px 0
}

.type-box {
  padding: 15px 10px;
  flex: 1;
  min-width: 120px;
}

.number {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #a9a9a9;
  border-radius: 50%;
  margin: 0 auto 10px;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
.number2 {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #d1aa87;
  border-radius: 50%;
  margin: 0 auto 10px;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}


.btn-box {
  margin-top: auto;
  background: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  width:100%;
  color: #333;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.btn-box.pink {
  background: #d1aa87;
  color: #fff;
}

.notice {
  color: #555;
}

.notice .highlight {
  color: #d1aa87;
}

.type-box:not(:last-child) {
  border-right: 1px solid #eee;
}

.btn-arrow {
  width: 50px;
  height: 50px;
  margin: 0 auto 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

.arrow-dark {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
}

.arrow-light {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23d1aa87" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
}

.txt_box_in{background:#ababab; padding:10px 0; width:40%; border-radius:10px}

.afraid_img_ing img{height:350px; width:100%}
.afraid_title-bubble2{height:120px;background:#fb8889;display: grid;align-items: center;}
.afraid_title-bubble2:after {
  border-top-color: #fb8889;
}
.afraid_title-bubble2:nth-child(1){width:20%}
.afraid_title-bubble2:nth-child(3){width:20%}

.afraid_title-bubble3{background:#fb8889;}
.afraid_title-bubble3:after {
  border-top-color: #fb8889;
}

.afraid_title-bubble4{background:#d9909b;}
.afraid_title-bubble4:after {
  border-top-color: #d9909b;
}

/* 활성화된 li 요소의 스타일 */
.Msection2 .click_wrap2 li.on {
    background: #cd6071 !important;/ * 활성화된 배경 색상 */
}
.step-box2{ background: #d9909b !important;}
.highlight3 {
  font-weight: 600;
  color: #fff;
  background: #fff4e8;
  padding:2px;
}
.bg_bpic3 {background:#d9909b}

.note_con .note2 {
	background:#fff1f3;
}

.pic3{color:#d9909b !important}
.bd_bt2{border-bottom:1px solid #d9909b; padding-bottom:40px}
.circle-number2{background-color:#d9909b !important}
.Msection2 .left2{background:#d9909b !important}



.afraid_title-bubble5{background:#ed7688;}
.afraid_title-bubble5:after {
  border-top-color: #ed7688;
}

/* 활성화된 li 요소의 스타일 */
.Msection2 .click_wrap3 li.on {
    background: #cd6071 !important;/ * 활성화된 배경 색상 */
}
.step-box3{ background: #ed7688 !important;}
.highlight4 {
  font-weight: 600;
  color: #fff;
  background: #f2f4fc;
  padding:2px;
}
.bg_bpic4 {background:#ed7688}

.note_con .note3 {
	background:#fff1f3;
}

.pic4{color:#ed7688 !important}
.bd_bt3{border-bottom:1px solid #ed7688; padding-bottom:40px}
.circle-number3{background-color:#ed7688 !important}
.Msection2 .left3{background:#ed7688 !important}

.fourth_inner .bg_beige2 {
	background:#f2f4fc !important;
}
.bg_beige3{background:#f2f4fc !important}
.bg_wpink2{background:#f9f6f8 !important}

.afraid_title-bubble6{background:#a1b7d3;}
.afraid_title-bubble6:after {
  border-top-color: #a1b7d3;
}
.bd_bt4{border-bottom:1px solid #a1b7d3; padding-bottom:40px}
.bd_t4{border-top:1px solid #a1b7d3; padding-top:40px}
.circle-number4{background-color:#a1b7d3 !important}
.Msection2 .left4{background:#b7c4d5 !important}

/* 활성화된 li 요소의 스타일 */
.Msection2 .click_wrap4 li.on {
    background: #587cab !important;/ * 활성화된 배경 색상 */
}

.Msection2 .click_wrap4 ul {display:flex; border-top:1px solid #c7d3e3 !important;}
.Msection2 .click_wrap4 ul + ul {border-bottom:1px solid #c7d3e3 !important;}
.Msection2 .click_wrap4 li + li {border-left:1px solid #c7d3e3 !important;}
.step-box4{ background: #a1b7d3 !important;}
.recovery-line2 {

  background: #a1b7d3 !important;

}
.pic5{color:#a1b7d3 !important}
.bg_bpic5 {background:#a1b7d3 !important}
.note_con .note4 {
	background:#eff5f9;
}

.recovery-line3 {

  background: #d9909b  !important;

}

.recovery-line4 {

  background: #ed7688   !important;

}


.slide {display: flex; align-items:center;     width: -webkit-fill-available;position: relative;}
.slide .lt {width: 60%;}
.slide .rt {width: 48%;}
.slide .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 0 30px 30px 30px;background-color: #fd8d90; color:#fff;padding: 20px 10px; text-align:center;}

.slide1 {display: flex; align-items:center;     width: -webkit-fill-available;position: relative;}
.slide1 .lt {width: 50%;}
.slide1 .rt {width: 50%; padding-left: 3%;}
.slide1 .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide1 .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #a18360; color:#fff;padding: 10px 10px; text-align:center;}

.slide .chk_list2 li {;background-color: #9ca8e6; }



.skin_score_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: left;
  padding: 20px 0;
}

.skin_score {
  background: #9ca8e6; /* 진한 네이비 배경 */
  color: #fff;
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 30px;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  min-width: 120px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}
.skin_score2{background:#92b8e3}
.small_box{background:#f0f0f0; padding:10px 20px; border-radius:40px}

.land_total_sect { padding: var(--landContPd) 0; background:url('/assets/images/sub/plastic_04_img04bg.jpg')no-repeat; color: #fff; }

.land_total_sect .progress_cont .ico_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11rem; }
.land_total_sect .progress_cont .ico_cont .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; margin: 0 auto; border-radius: 100%; background-color: #feb6b2; }
.land_total_sect .progress_cont .ico_cont .ico img { width: 100%; object-fit: contain; }

.land_total_sect .progress_cont .dot_cont { position: relative; }
.land_total_sect .progress_cont .dot_cont .line { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; border-bottom: 1px solid #fff; z-index: 10; }
.land_total_sect .progress_cont .dot_cont .line:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 30px;  z-index: 10; transition: width 1.5s linear; }
.land_total_sect .progress_cont .dot_cont .dot_wrap { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11rem; margin: 3.5rem 0; z-index: 5; }
.land_total_sect .progress_cont .dot_cont .dot_wrap .box { display: flex; align-items: center; justify-content: center; }
.land_total_sect .progress_cont .dot_cont .dot_wrap .box .dot { width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #fff; }

.land_total_sect .progress_cont .txt_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9rem; }
.land_total_sect .progress_cont .txt_cont .box { text-align: center; }


.land_total_sect .progress_cont .ico_cont .ico,
.land_total_sect .progress_cont .txt_cont .box { opacity: 0.2; transition: opacity 0.4s linear; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(1),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(1) { transition-delay: 0.4s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(2),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(2) { transition-delay: 0.8s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(3),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(3) { transition-delay: 1.1s; }

.land_total_sect .progress_cont .ico_cont .ico:nth-of-type(4),
.land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot,
.land_total_sect .progress_cont .txt_cont .box:nth-of-type(4) { transition-delay: 1.3s; }

.land_total_sect .progress_cont.active .ico_cont .ico,
.land_total_sect .progress_cont.active .txt_cont .box { opacity: 1; }

.land_total_sect .progress_cont.active .dot_cont .line:before { width: 0; }

.land_solution_sect { padding: var(--landContPd) 0; }
.land_total_sect .in {
    width: clamp(1240px, 70vw, 164rem);
}
.land_total_sect .in {position: relative;max-width: 100%;padding: 0 2rem;margin: 0 auto;}

.rounded-overlap-wrap {
  position: relative;
  width: 480px;
  height: 135px;
}

.rounded-box {
  position: absolute;
  width: 250px;
  padding:30px 0;
  border: 1px solid #ed7688;
  border-radius: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ed7688;
}

.rounded-box.left {
  left: 0;
}

.rounded-box.right {
  right: 0;
}


.icon_wrap { margin-top:70px;}
.icon_list_ta {font-size: 0; text-align:center;}
.icon_list_ta li {display: inline-block;  width: calc(33% - 16px); vertical-align: top; text-align:center; float:left;}
.icon_list_ta li .txt { background-color:#127864; color:#fff; padding:15px 0; border-radius:0 0 10px 10px; }


.icon_wrap {
  margin-top: 70px;

}

.icon_list_ta li .icon {
  width: 80%;
  height: 175px;
  background: #ed7688;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  overflow: hidden;
  transition: border-radius 1s ease;
  border-radius: 0;
}

/* 라운드 스타일 (스크롤 시 추가될 클래스) */
.icon_list_ta li.type1 .icon.rounded { border-radius: 0 50% 0 0; }
.icon_list_ta li.type2 .icon.rounded { border-radius: 0 50% 0 50%; }
.icon_list_ta li.type3 .icon.rounded { border-radius: 50%; }
.icon_list_ta li.type4 .icon.rounded { border-radius: 0 0 50% 0; }
.icon_list_ta li.type5 .icon.rounded { border-radius: 50% 0 50% 0;}
.icon_list_ta li.type6 .icon.rounded { border-radius: 50% 0 0 0; }

.icon_list_ta{overflow:hidden}
.icon_list_ta4 li {width: calc(25% - 16px);}
.icon_list_ta4 li .icon{height:217px; width:65%;}

.arrow-motion {
  opacity: 0;
  transform: translateX(-50px);
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.arrow-motion.active {
  opacity: 1;
  transform: translateX(0);
}

.img_three ul{overflow:hidden;}
.img_three li{float:left; width:33.33333%}


.glossy-wrap {
  position: relative;
  overflow: hidden;
}

.glossy-img {
  height: auto;
}

.shine {
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
}

.glossy-wrap:hover .shine {
  animation: shineAnim 1s ease;
}

@keyframes shineAnim {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}


.slide_cont_qu .desc { margin-top: 0.6em; font-size: 1.8rem; font-weight: 500; text-align: center; }
.slide_cont_qu .ico { display: inline-block; height: 1em; width: 1em; }
.slide_cont_qu .ico img { width: 100%; height: 100%; object-fit: contain; }

.slide_cont_qu .slide_wrap .item { width: auto; }
.slide_cont_qu .slide_wrap .item + .item { margin-left: 9rem; }
.slide_cont_qu .slide_wrap .item .box { display: flex; align-items: center; justify-content: center; }
.slide_cont_qu .slide_wrap .item .box .img { max-width: 11.5rem; max-height: 11.5rem; border-radius: 100%; overflow: hidden; }
.slide_cont_qu .slide_wrap .item .box .img img { width: 100%; height: 100%; object-fit: contain; }
.slide_cont_qu .slide_wrap .item .box .bubble { position: relative; margin-left: 2em; }
.slide_cont_qu .slide_wrap .item .box .bubble span { display: inline-block; padding: 1.2em 1.5em; border-radius: 1.5rem; background-color: #fd8d90; color: #fff; font-weight: 600; }
.slide_cont_qu .slide_wrap .item .box .bubble:before { content: ''; position: absolute; left: 4px; top: 50%; width: 1rem; height: 1rem; transform: translate(-50%, -50%) rotate(45deg); background-color: #D4EDFA; }

.slide_cont_qu .slide_wrap .item .box .bubble span { background-color: #fd8d90; color: #fff; }
.slide_cont_qu .slide_wrap .item .box .bubble:before { background-color: #fd8d90; }

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(0px);
  }
}

.heart_icon img {
  animation: bounce 1.5s infinite;
}

.plastic_06_img02bg{background:url('/assets/images/sub/plastic_06_img02bg.jpg')no-repeat}
.face_03_img02bg{background:url('/assets/images/sub/face_03_img02bg.png')no-repeat}

.check-sequence-wrap {
  padding: 40px 0;
  text-align: center;
  width:85%;
}

.check-sequence {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  counter-reset: item;
}

.check-sequence li {
  list-style: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  width:20%
}

.check-sequence li.active {
  opacity: 1;
  transform: translateY(0);
}

.check-sequence .icon {
  width: 28px;
  height: 28px;
  background: #f49b94;
  border-radius: 50%;
  color: white;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto 10px;
}

.check-sequence li p {
  color: #df5c57;
  margin-top:20px;
}

.check-sequence::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  height: 2px;
  background: #f49b94;
}

.visual-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.w100{width:100%}

.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: zoomBG 2s ease-in-out infinite alternate;
  z-index: 0;
}

.visual-section .text-box {
  z-index: 1;
  position: relative;
}

.plastic_06_img04bg{background: url('/assets/images/sub/plastic_06_img04bg.jpg') no-repeat center center / cover;}
.plastic_02_img04bg{background: url('/assets/images/sub/plastic_02_img04bg.jpg') no-repeat center center / cover;}
.plastic_06_img10bg{background: url('/assets/images/sub/plastic_06_img10bg.jpg') no-repeat center center / cover;}
.plastic_06_img12bg{background: url('/assets/images/sub/plastic_06_img12bg.jpg') no-repeat center center / cover;}
.plastic_01_img07bg{background: url('/assets/images/sub/plastic_01_img07bg.jpg') no-repeat center center / cover;}
.labia_07_img03bg{background: url('/assets/images/sub/labia_07_img03bg.jpg') no-repeat center center / cover;}
.labia_04_img10bg{background: url('/assets/images/sub/labia_04_img10bg.jpg') no-repeat center center / cover;}


.op{opacity:0.5}
/* Background zoom animation */
@keyframes zoomBG {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.treatment-progress {
 
}

.treatment-card {
  text-align: center;
  padding:10px;

}
.treatment-progress_con{ display: flex; gap: 30px;justify-content: center;  flex-wrap: wrap;}

.treatment-card .img-box {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin-bottom: 15px;
}

.treatment-card img {
  width: 100%;
  display: block;
}

.bd_red{border-bottom:1px solid #fb8889; padding-bottom:10px}

.benefit-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0; /* 겹쳐지는 효과를 위해 gap 제거 */
  margin-top: 40px;
}

.benefit-item {
  border: 1px solid #ea7e6d;
  padding: 20px 28px;
  border-radius: 60px;
  margin-left: -15px; /* 좌우 겹치도록 조정 */
  text-align: center;
  color: #e57464;
  font-weight: 500;
  min-width: 25%;
  z-index: 1;
}

.benefit-item:first-child {
  margin-left: 0;
}

.vision_wrap {padding: 160px 0;}
.vision_wrap .tit_wrap {margin-bottom: 150px;}
.vision_wrap .tit_wrap .tt {font-family: 'IvyMode', sans-serif; font-weight: 600;	color: #e7e6e6; margin-bottom: 15px;}
.vision_wrap .vision_list li > div {display: flex; max-width:1400px; margin: 0 auto;justify-content:center;}
.vision_wrap .vision_list li:nth-child(odd) > div {flex-direction:row-reverse;}
.vision_wrap .vision_list li:nth-child(even) > div {}
.vision_wrap .vision_list li:nth-child(even) .txt_wrap {width: 50%; margin-left:0;}
.vision_wrap .vision_list li .img_wrap {width: 50%; margin-bottom:40px}
.vision_wrap .vision_list li .txt_wrap {width: 50%;position: relative; min-height:380px; padding: 50px 80px 80px 80px; }
.vision_wrap .vision_list li .txt_wrap .num {text-align:left;  }

.check-sequence-wrap2{width:100%; background:#fff; border-radius:30px; padding:40px 20px}
.check-sequence li{width:33%}

.speech-banner {
  display: inline-block;
  background: #fcd9d9;
  color: #222;
  padding: 35px 40px;
  border-radius: 20px;
  position: relative;
  width:100%;
  text-align:center;

}

.speech-banner::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fcd9d9;
}

.speech-banner2 {
  display: inline-block;
  background: #fcd9d9;
  color: #222;
  padding: 35px 40px;
  border-radius: 20px;
  position: relative;
  width:100%;
  text-align:center;

}

.speech-banner2::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  background-color: #fcd9d9;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.vs_img2{align-content:center;}
.tip_con_in{padding:30px 0; border-radius:20px}

.section-slim {
  background: #f8f9fc;
}

.section-slim2 {
  background: #fff6f5;
}
.slim-container {
  display: flex;
  margin: 0 auto;
  align-items: center;
  gap: 70px;
}
.slim-img img {
  width: 100%;
}
.slim-text {
  flex: 1;
}


.slim-list {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin: 0;
}

.slim-list li {
  counter-increment: item;
  position: relative;
  padding-left: 1em;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  border-bottom:1px solid #c7c7c7;
  padding-bottom:10px;
  float:left;
  width:50%;
}

.slim-list li.visible {
  opacity: 1;
  transform: translateY(0);
}

.slim-list li::before {
  content: counter(item) " ";
  left: 0;
  top: 0;
  font-family: "Cormorant Garamond", serif;
  color: #31ab85;
  font-size:40px;
  padding-right:10px;
}

.slim-list4 li::before{color:#ab7b31}

.slim-list3 {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin: 0;
}

.slim-list3 li {
  counter-increment: item;
  position: relative;
  padding-left: 1em;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  border-bottom:1px solid #c7c7c7;
  padding-bottom:10px;
  float:left;
  width:100%;
}

.slim-lis3t li.visible {
  opacity: 1;
  transform: translateY(0);
}

.slim-list3 li::before {
  content: counter(item) " ";
  left: 0;
  top: 0;
  font-family: "Cormorant Garamond", serif;
  color: #4a31ab;
  font-size:40px;
  padding-right:10px;
}

.slim-list2 li::before {
  
  color: #ec978e;
}

.slim-list5 {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin: 0;
}

.slim-list5 li {
  counter-increment: item;
  position: relative;
  padding-left: 1em;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  border-bottom:1px solid #c7c7c7;
  padding-bottom:10px;
  float:left;
  width:100%;
}

.slim-list5 li.visible {
  opacity: 1;
  transform: translateY(0);
}

.slim-list5 li::before {
  content: counter(item) " ";
  left: 0;
  top: 0;
  font-family: "Cormorant Garamond", serif;
  color: #ed7688 ;
  font-size:40px;
  padding-right:10px;
}

.face_02_img03bg{background:url('/assets/images/sub/face_02_img03bg.jpg')no-repeat; background-size:100% 100%; background-position:50% 50%;background-attachment:fixed;}


.icon_list_face {font-size: 0; text-align:center;}
.icon_list_face li {display: inline-block;  width: calc(25% - 16px); margin: 0 8px 0px; vertical-align: top; text-align:center;}
.icon_list_face li .txt { background-color:#127864; color:#fff; padding:15px 0; border-radius:0 0 10px 10px; }

.icon_wrap {
  margin-top: 70px;

}



.icon_list_face li .icon {
  width: 80%;
  height: 260px;
  background: #aab2e5;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  overflow: hidden;
  transition: border-radius 1s ease;
  border-radius: 0;
}

/* 라운드 스타일 (스크롤 시 추가될 클래스) */
.icon_list_face li.type1 .icon.rounded { border-radius: 0 50% 0 0; }
.icon_list_face li.type2 .icon.rounded { border-radius: 0 50% 0 50%; }
.icon_list_face li.type3 .icon.rounded { border-radius: 50%; }
.icon_list_face li.type4 .icon.rounded { border-radius: 0 0 50% 0; }
.icon_list_face li.type5 .icon.rounded { border-radius: 50% 0 50% 0;}
.icon_list_face li.type6 .icon.rounded { border-radius: 50% 0 0 0; }

.face_li ul{overflow:hidden}
.face_li li{float:left; width:25%}

.face_li5 li{float:left; width:20%}
.face_li3 li{float:left; width:33.333333%}
.p20 li{padding:10px}


.total_txt{background:#adb2e0; padding:15px 30px; width:30%; margin:0 auto; color:#fff; border-radius:40px}

.sec-flex_left{justify-content:left;}
.afraid_title-bubble_blue{background:#adb2e0}
.afraid_title-bubble_blue:after{border-top-color: #adb2e0;}

.afraid_title-bubble_blue2{background:#888fca}
.afraid_title-bubble_blue2:after{border-top-color: #888fca;}

.half_bt_txt2 li{float:left;border:1px solid #9299d7;color:#9299d7;padding: 12px 44px;border-radius:40px;width: 74%;margin:20px 10px 0 0}
.half .rt_txt2{padding:50px 0}
.half .rt2 img{width:initial}

.check-sequence3 .icon{background: #adb2e0;}
.check-sequence3::before{background: #adb2e0;}
.check-sequence3 li p{color:#000}
.highlight_pink{background:#7a83d1; padding:5px; color:#fff}
.tip_box{background:#e3e3e3; border-radius:20px; padding:20px 0}
.tip_box2{background:#fff; border-radius:20px; padding:20px 0}

.blue2{color:#3d4b97}
.img_box img{ border-radius:40px}

.stat-box {
  display: inline-block;
  padding: 10px 80px;
  border: 1px solid #f1a08a;
  border-radius: 999px;
  background: linear-gradient(to right, #ffe7e2, #fdf1ef);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
}

.stat-box strong {
  color: #333;
  font-weight: 500;
}

.stat-box .count {
  color: #f2876b;
  margin-left: 5px;
}

.stat-box .sub {
  color: #999;
}

.table_top_img{gap:120px;align-items:center;}
.table_top_img2{gap:70px;align-items:center;}
.flex_con .txt_bt{padding: 50px}

.solution-box {
  display: inline-block;
  background: #fef6f4;
  border-radius: 16px;
  padding: 20px 34px;
  line-height: 1.6;
  color: #333;
  width:100%;
  max-width: 100%;
  height:205px
}

.solution-label {
  display: inline-block;
  border:1px solid #ed7688;
  color: #ed7688;
  padding: 4px 16px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.solution-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution-list li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 6px;
}

.solution-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  background: #ed7688;
  border-radius: 50%;
}

.faq_card {
  border-radius: 16px;
  
}

.faq_question {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #222;
}

.faq_icon {
  display: inline-block;
  color: #97d8c8;
  margin-right: 20px;
}

.faq_answer {
  color: #555;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  border-left: 4px solid #97d8c8;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}

.faq_answer strong {
  color: #111;
  margin-right: 6px;
}

.highlight {
  font-weight: 600;
  color: #d38d80;
}

.highlight2 {
  font-weight: 600;
  color: #fff;
  background:#f69c93;
  padding:2px;
}

.bg_white_in{background:#fff; padding:30px 0; border-radius:30px}



.icon_wrap_box { margin-top:70px;}
.icon_list_box {font-size: 0; text-align:center;}
.icon_list_box li {display: inline-block;  width: calc(21% - 16px); margin: 30px 8px 0px; vertical-align: top; text-align:center;}
.icon_list_box li .txt { background-color:#127864; color:#fff; padding:15px 0; border-radius:0 0 10px 10px; }


.icon_wrap_box {
  margin-top: 70px;

}



.icon_list_box li .icon {
  width: 80%;
  height: 222px;
  background: #d6f3ef;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  overflow: hidden;
  transition: border-radius 1s ease;
  border-radius: 0;
}

.icon_list_box_5 li {display: inline-block;  width: calc(20% - 16px); margin: 30px 8px 0px; vertical-align: top; text-align:center;}
.icon_list_box_5 li .icon {height:211px}

/* 라운드 스타일 (스크롤 시 추가될 클래스) */
.icon_list_box li.type1 .icon.rounded2 { border-radius: 0 50% 0 0; }
.icon_list_box li.type2 .icon.rounded2 { border-radius: 0 50% 0 50%; }
.icon_list_box li.type3 .icon.rounded2 { border-radius: 50%; }
.icon_list_box li.type4 .icon.rounded2 { border-radius: 0 0 50% 0; }
.icon_list_box li.type5 .icon.rounded2 { border-radius: 50% 0 50% 0;}
.icon_list_box li.type6 .icon.rounded2 { border-radius: 50% 0 0 0; }

.treatment-guide__section {
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.treatment-guide__title {
  padding: 10px 15px;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: 15px;
  color: white;
  width:100%
}

.treatment-guide__title--nonsurgical {
  background-color: #5ad6c1;
}

.treatment-guide__title--surgical {
  background-color: #56b0e3;
}

.treatment-guide__subtitle {
  margin-left: 8px;
}

.treatment-guide__list {
  list-style: none;
  padding-left: 0;
}

.treatment-guide__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.treatment-guide__check-icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  flex-shrink: 0;
  background:#5ad6c1;
  border-radius:100%;
  top:3px;
  position:relative;
}

.treatment-guide__check-icon_blue{background:#56b0e3}


.pretty-button {
  position: relative;
  overflow: hidden;
  padding: 18px 28px;
  margin-right:20px;
  border: none;
  border-radius: 40px;
  background: linear-gradient(135deg, #77dcd3, #5fbfb1);
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  width:42%;
}

.pretty-button:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, #393939, #adadad);
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

.pretty-button2{background:linear-gradient(135deg, #dc7d77, #d9b494)}

.button-text {
  display: block;
  line-height: 1.4;
  position: relative;
  z-index: 2;
}

/* Wave Effect */
.ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  animation: ripple 0.6s linear;
  pointer-events: none;
  transform: scale(0);
  z-index: 1;
}

@keyframes ripple {
  to {
	transform: scale(4);
	opacity: 0;
  }
}

.infinite-slider {
  overflow: hidden;
  width: 100%;
  background: #fff;
}

.slider-track {
  display: flex;
  width: calc(90%); /* 2배 반복된 이미지 */
  animation: scrollLeft 30s linear infinite;
}

.slider-track img {
  width: 25%;
  flex-shrink: 0;
  padding:20px;
	border-radius:30px;
}

/* 무한 스크롤 애니메이션 */
@keyframes scrollLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.youth-section {
  text-align: center;
}

.youth-section .title-wrap .subtitle {
  font-size: 72px;
  color: #e2e3f3;
  margin: 0;
  font-weight: 400;
}

.youth-section .title-wrap .title {
  color:#798ad5;
  display: inline-block;
  border-radius: 30px;
  font-weight: 600;
}



.youth-boxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.youth-boxes_box {
  background: #fff;
  padding: 30px 20px;
  width: 32%;
  border-radius: 20px;
  box-shadow: 0 0 0 1px #f2f2f2;
}

.youth-boxes_box4{width:23%;}

.youth-boxes_box .num {
  display: inline-block;
  background: #a4aedb;
  color: white;
  font-weight: 600;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  margin-bottom: 12px;
}



.youth-boxes_box .highlight {
  color: #ff4d4d;
  font-weight: 600;
}


.circle-step-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 40px 0;
}

.circle-box {
  position: relative;
  width: 14%;
  height: 196px;
  background: #e9ebfb;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-num {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #a6aedb;
  color: #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
  z-index: 1;
}
.life_flex_img{width:50%}
.life_flex_txt{width:50%; padding-left:80px}

.vaccine-table {
  width: 100%;
  background: #f7f8fd;
  border-radius: 12px;
  overflow: hidden;
}

.vaccine-row {
  display: flex;
  border-bottom: 1px solid #eee;
  padding-bottom:5px; 
}

.vaccine-row:last-child {
  border-bottom: none;
}

.vaccine-label {
  width: 30%;
  background: #e4e8f6;
  padding: 20px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.vaccine-label2{background:#ced3ee}

.vaccine-desc {
  width: 70%;
  padding: 20px;
  background: #fff;
  color: #333;
  text-align:left;
}
.vaccine-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  padding: 20px 40px;
  background-color: #f9f9fd;
  border-radius: 18px;
}

.vaccine-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.vaccine-item .label {
  padding: 8px 20px;
  border-radius: 20px;
  color: #fff;
}

.vaccine-item .label.female {
  background-color: #f3b7b7;
}

.vaccine-item .label.male {
  background-color: #c6ccef;
}

.scroll-tabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: 10px;
  cursor: grab;
  user-select: none;
  scroll-behavior: smooth;
}

.scroll-tabs::-webkit-scrollbar {
  display: none;
}

.tab {
  flex: 0 0 auto;
  background: #eee;
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
}

.tab.active {
  background: #97a1d9;
  color: #fff;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .tab-pane.active {
  display: block;
  padding: 20px;
}

.price_group {
  display: flex;
  gap: 24px;
}

.card_life {
  background: #f6f6fb;
  border-radius: 16px;
  padding: 30px;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.card_life .no {
  font-size: 36px;
  color: #d2d2e8;
  font-weight: 700;
}

.card_life .text h4 {
  font-weight: 700;
  color: #4a55a2;
  margin-bottom: 5px;
}

.card_life .text p {
  margin: 0 0 6px;
}

.card_life .text .small {
  color: #555;
}


.exam_box {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}

.exam_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
  border-top:1px solid #000;
  padding-top:30px;
}
.exam_header .title{align-self:center;}

.exam_header .price {
  text-align: right;
  align-self:center;
}

.exam_header .price_old {
  color: #999;
  text-decoration: line-through;
  margin-right: 6px;
}



.exam_divider {
  border-top: 1px solid #ddd;
  margin: 30px 0;
}



.exam_desc strong {
  margin-right: 10px;
  background:#d0d4ed;
  padding:10px 20px;
  border-radius:20px;
}

.birth_wrap {
  width:90%;
  margin:0 auto;
}

.birth_row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.birth_box {
  padding: 14px 20px;
  background: #c6cbed;
  border-radius: 30px;
  font-weight: 500;
  color: #fff;
  margin-right: 6px;
  min-width: 100px;
  text-align: center;
  width:33.33333%
}



.birth_row.bottom .birth_box {
  background: #f3f3f3;
  color: #444;
}

.info_wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}

.info_item {
  width: 22%;
  padding: 40px 20px 20px;
  background: #f0f2fd;
  border-radius: 16px;
  text-align: center;
  position: relative;
}

.info_item .circle {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #b5bce6;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
}


.support_card_wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
}

.support_card {
  background: #f3f3f3;
  border-radius: 18px;
  padding: 30px 50px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.support_title {
  font-weight: 600;
  color: #222;
  line-height: 1.6;
  flex: 2;
}

.support_info {
  font-weight: 400;
  color: #333;
  line-height: 1.6;
  flex: 2;
}
.step_flow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
  position: relative;
}

.step_item {
  width: 18%;
  height: 244px;
  background: #f3f3f3;
  border-radius: 50%;
  text-align: center;
  padding: 20px 10px;
  box-sizing: border-box;
  position: relative;
  align-content:center;
}

.step_title {
  color: #605dc2;
  font-weight: 600;
  margin-bottom: 6px;
}

.step_desc {
  color: #333;
  font-weight: 500;
  line-height: 1.4;
}

/* 중간 선 */
.step_flow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  right: 60px;
  height: 1px;
  background: #ddd;
  z-index: 0;
}
.step_item {
  z-index: 1;
}


.youth-boxes_box6{width:15%}

.circle-step-img ul{overflow:hidden;}
.circle-step-img li{float:left; width:20%}

.btn-pretty {
  display: inline-block;
  padding: 14px 82px;
  background-color: #8fa0d1;
  border-radius: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  box-shadow: inset 0 -4px 0 #6d7bc2;
  transition: all 0.3s ease;
}

.btn-pretty:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(203, 120, 103, 0.35);
  background-color: #e98f7c;
}

.result_wrap {
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
.result_wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.result_wrap li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.result_wrap .label {
  background-color: #ec8f91;
  color: #fff;
  border-radius: 20px;
  padding: 5px 12px;
  margin-right: 10px;
  white-space: nowrap;
}
.w90{width:90% !important}
.small_video_box ul{overflow:hidden;}
.small_video_box li{float:left; width:33.33333%}

.in_box_white{background:#fff; padding:30px 80px; border-radius:40px;}
.rt_con{width:60%; margin-top:80px}
.lt_con{width:40%}

.box_img{background:#f8f8f8; border-radius:20px; margin:10px}
.tipt_txt{background:#fff; padding:20px; border-radius:50px; width:80%}

.top_bx_1{background:#b8b8b8; padding:10px 0; color:#fff; border-radius:20px; margin-bottom:10px}
.top_bx_2{background:#f3a99a; padding:10px 0; color:#fff; border-radius:20px; margin-bottom:10px}


.feature_box_wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.feature_box {
  background: #fff;
  border-radius: 20px;
  padding: 20px 16px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.feature_title {
  background: #ed7688;
  border-radius: 20px;
  display: inline-block;
  padding: 8px 18px;
  font-weight: 600;
  color: #fff;
}

.point_section {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
}
.point_box {
  flex: 1;
  text-align: center;
}
.point_top {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 15px;
}
.point_num {
  background: #ed7688;
  color: white;
  border-radius: 20px;
  padding: 4px 14px;
}

.point_img {
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 15px;
}
.point_img img {
  width: 100%;
  border-radius: 8px;
}
.img_caption {
  margin-top: 8px;
  color: #333;
}

.point_title{padding-top:5px}

.dialogue_section {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.dialogue_section .bg_img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/images/sub/plastic_01_img01bg.jpg') no-repeat center/cover;
  z-index: 0;
}

.dialogue_section .dialogue_wrap {
  position: relative;
  z-index: 2;
}

.dialogue_section .title_bg {
  text-align: center;
  margin-bottom: 40px;
  position:relative;
}

.dialogue_section .bubble_group {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items:center;
}

.dialogue_section .bubble {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.dialogue_section .bubble.show {
  opacity: 1;
  transform: translateY(0);
}


.delight_result {
  position: relative;
  text-align: center;
  background: #fff;
  overflow: hidden;
}

.bg_img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.delight0103 {
  position: relative;
  overflow: hidden;
}
.delight0104 {
  position: relative;
  overflow: hidden;
}

.delight0105 {
  position: relative;
  overflow: hidden;
}
.delight0106 {
  position: relative;
  overflow: hidden;
}

.delight0103 .bg_img{background: url('/assets/images/sub/plastic_01_img03bg.jpg') no-repeat center/cover;}
.delight0104 .bg_img{background: url('/assets/images/sub/plastic_01_img04bg.jpg') no-repeat center/cover;}
.delight0105 .bg_img{background: url('/assets/images/sub/plastic_01_img05bg.jpg') no-repeat center/cover;}
.delight0106 .bg_img{background: url('/assets/images/sub/plastic_01_img06bg.jpg') no-repeat center/cover;}

.delight_title,
.delight_compare,
.delight_text_img,
.delight_character,
.heart_wrap {
  position: relative;
  z-index: 2;
}

.delight_compare {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.compare_img {
  width: 180px;
}

.compare_arrow {
  width: 40px;
}

.heart_wrap {
  position: absolute;
  top: 18%;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 3;
}

.heart {
  position: absolute;
  animation: bounce 1.5s infinite ease-in-out;
}

.heart1 {
  top: 40%;
  left: 20%;
  animation-delay: 0s;
}

.heart2 {
  top: 40%;
  right: 20%;
  animation-delay: 0.6s;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-15px) scale(1.2); }
}

.delight_character {
  margin-top: 30px;
}




#patella_0104 section:not(:last-of-type){ margin-bottom: 100px; }
#patella_0104 .banner{ padding: 85px 0; margin-top: 60px; }
#patella_0104 .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#patella_0104 .patella_0104_box .flex-box{ display: flex; }
#patella_0104 .patella_0104_box .image-box{ padding-top: 22px;width:44%  }
#patella_0104 .patella_0104_box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#patella_0104 .patella_0104_box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#patella_0104 .patella_0104_box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#patella_0104 .patella_0104_box .text-box{ padding-left: 0px;width:57% }
#patella_0104 .patella_0104_box .text-box ul li{ position: relative; }
#patella_0104 .patella_0104_box .text-box ul li::before{ content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 130px; left: -82px ; }
#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 65px; }
#patella_0104 .patella_0104_box .text-box ul li:last-of-type::before{ display: none; }
#patella_0104 .patella_0104_box .text-box .sticy_img::before{content: "";width: 14px;height: 14px;background: #fb8889;border-radius: 50%;position: absolute;top: 130px;left: -88px;}
#patella_0104 .patella_0104_box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#patella_0104 .patella_0104_box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#patella_0104 .patella_0104_box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }
#patella_0104 .patella_0104_box .text-box li div{display:inline-block;}
.sticy_txt{position:relative; top:50px; margin-left:15px}
.clic_box ul{overflow:hidden;}


.daum_intro {
  position: relative;
  overflow: hidden;
}

.intro_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
}

.intro_left {
  flex: 1;
  color: #111;
}

.logo {
  font-size: 2.5rem;
  font-weight: bold;
  color: #f08373;
}
.logo::after {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #60c6b3;
  border-radius: 50%;
  margin-left: 8px;
  vertical-align: middle;
}

.intro_center {
  flex: 1;
  display: flex;
  justify-content: center;
}
.video_placeholder{z-index:1}

.intro_right {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333;
}
.intro_right .desc{padding-left:60px}
.intro_right .desc strong {
  display: block;
}
.highlight {
  color: #c55b50;
  font-weight: bold;
}

.circle_blur {
  position: absolute;
  bottom: -100px;
  right: 25%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(241,168,168,0.7) 0%, rgba(255,255,255,0) 70%);
  filter: blur(60px);
  animation: pulseBlur 6s ease-in-out infinite;
  z-index: 0;
}


.since_sect{background:url('/assets/images/sub/labia_tail_bg.jpg') no-repeat;background-attachment:fixed}
.since_sect2{background:url('/assets/images/sub/labia_tail_bg2.png') no-repeat;background-attachment:fixed}
.since_sect .num_cont { position: relative; display: flex; align-items: center; justify-content: center; width: 90%; margin: 0 auto 3rem; height: 12rem; color: var(--blue); }
.since_sect .num_cont .num_wrap { position: absolute; }
.since_sect .num_cont .num_wrap1 { left: 34%; top: 50%; transform: translateY(-50%) scale(1); opacity: 0.2; }
.since_sect .num_cont .num_wrap2 { right: 0; top: 50%; transform: translateY(-50%); opacity: 0; }

.since_sect .num_cont .num_wrap2 .odometer-formatting-mark { display: none; }

.since_sect .num_cont .num_wrap .desc { position: absolute; left: 10%; top: -3%; font-size: 4.8rem; font-weight: 700; font-family: var(--serif); }
.since_sect .num_cont .num_wrap .num { font-size: 24rem; font-weight: 600; font-family: 'Nanum Myeongjo', serif; }

.since_sect .num_cont .cont { position: absolute; left: 50%; top: 40%; padding: 0 1rem; transform: translate(-50%, -50%); font-weight: 500;width:45%; text-align:center;}
.since_sect .num_cont .cont span { opacity: 0; }
.since_sect .num_cont .cont .top { position: absolute; left: 50%; top: 0; font-size: 2em; transform: translate(-50%, -55%); }
.since_sect .num_cont .cont .line { position: absolute; left: 0; bottom: -20px; width: 0; height: 1px; background-color: #3c3c3c; }

.since_sect .txt_wrap { position: relative; top: 50px; text-align: center;  font-weight: 500; opacity: 0; }

.since_sect .line_wrap { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 6rem auto 6rem; }
/*.since_sect .line_wrap .bg { position: absolute; right: -50%; top: 50%; width: 300%; height: 180%; background-color: rgba(255,255,255,0.9); transform: translate(0,-50%); z-index: 10; }*/
.since_sect .line_wrap .line { position: absolute; left: -50%; top: 50%; width: 0; height: 1px; background-color: #e78781; transform: translate(0, -50%); z-index: -2; transform-origin: left; }
.since_sect .line_wrap:before { content: ''; position: absolute; left: 0; top: 50%; width: 300%; height: 1px; background-color: #e78781; transform: translate(-50%, -50%); z-index: -2; opacity: 0.2; }
.since_sect .line_wrap .txt_box { position: relative; width: calc(100%/2);text-align:center; }
.since_sect .line_wrap .txt_box .tit { position: relative; display: inline-block; font-size: 7.6rem; color: #e78781; font-weight: 700;font-family: 'Nanum Myeongjo', serif;}
.since_sect .line_wrap .txt_box .tit:before { content: ''; position: absolute; left: 50%; top: 50%; min-width: 500px; height: 100%; transform: translate(-50%, -50%); background-color: #fff; z-index: -1; }
.since_sect .line_wrap .txt_box .tit .back { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); z-index: 10; }
.since_sect .line_wrap .txt_box .txt {width:100%; margin:0 auto;  position: absolute; text-align:center; transform: translateY(100%); font-size: 1.9rem; font-weight: 600; word-break: normal}
.since_sect .line_wrap .txt_box .txt .back { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); z-index: 10; }

.since_sect .btn_wrap { margin-top: 14rem; }



.info_sect {}
.info_sect .in {width: 144rem}
.info_sect .cont_box {display: flex; align-items: flex-end}
.info_sect .cont_box .cont {flex: 1; }
.info_sect .cont_box .cont .box {transition: transform 0.6s cubic-bezier(0, 0, 0.49, 1.01)}
.info_sect .cont_box .cont.center {margin-bottom: 8rem}
.info_sect .cont_box .cont + .cont {margin-left: 5rem;}
.info_sect .cont_box .cont .txt_box .desc {overflow: hidden; }
.info_sect .cont_box .cont .txt_box .tit {overflow: hidden; line-height: 1.2; margin-top: 10px;}
.info_sect .cont_box .cont .txt_box .tit span,
.info_sect .cont_box .cont .txt_box .desc span {display: block; transform: translateY(100%); transition:transform 1s var(--ease1); }
.info_sect .cont_box .cont .img {position: relative; padding-top: 65%; margin-top: 20px; transition: box-shadow 0.3s ease-in-out}
.info_sect .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.info_sect .cont .img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: width 1s var(--ease1) 0.4s;
  pointer-events: none;
}
.info_sect.active .cont_box .cont .txt_box .tit span,
.info_sect.active .cont_box .cont .txt_box .desc span {transform: unset}
.info_sect.active .cont_box .cont .img:before {width: 0%}
.info_sect .cont_box .cont .txt_box .desc span,
.info_sect .cont_box .cont .txt_box .tit span {
  display: block;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 1s var(--ease1), opacity 1s var(--ease1);
}

.info_sect.active .cont_box .cont .txt_box .desc span,
.info_sect.active .cont_box .cont .txt_box .tit span {
  transform: translateY(0);
  opacity: 1;
}

/* 기본 라운드 설정 */
.info_sect .cont_box .cont:nth-child(1) .img img {
  border-top-left-radius: 50px;
  transition: border-radius 0.4s ease;
}

.info_sect .cont_box .cont:nth-child(2) .img img {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  transition: border-radius 0.4s ease;
}

.info_sect .cont_box .cont:nth-child(3) .img img {
  border-top-right-radius: 50px;
  transition: border-radius 0.4s ease;
}

/* 마우스 오버 시 라운드 해제 */
.info_sect .cont_box .cont:hover .img img {
  border-radius: 0 !important;
}


.con2_box {padding: 160px 0; background-color:#f9eded;}
.con2_box .slide_tab_wrap {max-width: 980px; margin: 0 auto 50px; }
.con2_box .slide_tab_wrap .slide_tab {}
.con2_box .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
.con2_box .slide_tab_wrap .slide_tab .list {text-align: center;}
.con2_box .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
.con2_box .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
.con2_box .slide_tab_wrap .slide_tab .list p:after {content:''; display: block; width: 25px; height: 25px; position: absolute; top: 13px; left: 50%; margin: -12.5px; background-image: url('/assets/images/main/icon_dia.png'); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1;}
.con2_box .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
.con2_box .con2_slide_box {}
.con2_box .con2_slide_list { }
.con2_box .con2_slide_list .list {opacity: .5; margin: 0 50px; position: relative; transition:.25s;   background: #fff;padding:50px 50px;  border-radius: 50px;  width:1160px}
.con2_box .con2_slide_list .list.slick-current {opacity: 1;}
.con2_box .con2_slide_list .list .img {}
.con2_box .con2_slide_list .list .img1 { background-color:#fff; padding: 0 50px 0px 50px;}
.con2_box .slick-prev,
.con2_box .slick-next {width: 60px; height: 60px; background-image: url('/assets/images/main/circle_prev.png'); background-position: 50% 50%; background-repeat: no-repeat; left: 50%; z-index: 1;}
.con2_box .slick-prev {margin-left: -660px;}
.con2_box .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 50%; margin-right: -660px;}

.con2_box .slick-dots {bottom: -50px; text-align: center;}
.con2_box .slick-dots li { width:auto !important}
.con2_box .slick-dots li button {width: 12px; height: 12px; background-color: #b5aea9; border-radius:50%; margin: 0 auto; transition:.25s;}
.con2_box .slick-dots li.slick-active button {width:30px; height: 12px;  border-radius:10px; background-color: #b96464;}
.con2_box .s_title {margin-bottom:30px}



.img_ma img{margin:0 auto}
.slick-dots li button:before{display:none}

.con2 .s_title{padding-bottom:30px;}
.con2 .s_title .lt {width: 13%;}
.con2 .s_title .rt {width: 87%;}

.con2 .s_title1{display:flex; padding-bottom:30px;}
.con2 .s_title1 .lt {width: 27%;}
.con2 .s_title1 .rt {width: 73%;}

.con2 .s_title2{display:flex; padding-bottom:30px;}
.con2 .s_title2 .lt {width: 22%;}
.con2 .s_title2 .rt {width: 78%;}

.info_02_img0101 ul{overflow:hidden;}
.info_02_img0101 li{float:left; width:25%;}

.info_02_img0201 ul{overflow:hidden;}
.info_02_img0201 li{float:left; width:25%; padding:10px; padding-bottom:30px}

.info_02_img0401 ul{overflow:hidden;}
.info_02_img0401 li{float:left; width:33.333333%;}

.recover-section {
  text-align: center;
  padding: 60px 20px;
}

.recover-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.recover-qa {
  background: #f9f9f9;
  border-radius: 30px;
  padding: 30px 20px;
  margin-bottom: 40px;
}

.recover-qa .question {
  font-size: 1.4rem;
  margin-bottom: 15px;
  display: flex;
  font-weight:600;
  align-items: center;
  justify-content: center;
}

.recover-qa .icon {
  font-weight: bold;
  font-size: 2.3rem;
  margin-right: 8px;
}

.recover-qa .answer {
  font-size: 1.2rem;
  margin-top:20px;
  color: #444;
}

.recover-qa .highlight {
  color: #e94f4f;
  font-weight: 600;
}

.recover-subtitle {
  font-weight: 600;
  margin-bottom: 25px;
}

.recover-cards {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.recover-card {
  background: #e6f0ef;
  padding: 20px 15px;
  border-radius: 30px;
  flex: 1 1 180px;
  min-width: 24%;
  max-width: 24%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.recover-card strong {
  display: block;
  color: #90c1b3;
  margin-bottom: 10px;
}

.recover-card p {
  line-height: 1.4;
  color: #444;
}

.en {font-family: 'Italiana', sans-serif; }
.highlight-text {
  display: inline;
  background: linear-gradient(transparent 60%, #fde7e2 60%);
}
.highlight-text_mint {
  display: inline;
  background: linear-gradient(transparent 60%, #cbe7e1 60%);
}
.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between;align-items: start;padding:0 48px; gap:10px}
.img_list li > div {width:50%}
.img_list li .img_box .img {width: auto;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;margin: 45px 0 0 0px; border-radius: 20px;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: auto;/* height: 100%; */background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;overflow:hidden;border: none;border-radius: 20px;}
.img_list li .txt_box .img img{transition:.5s; width:100%}
.img_list li .txt_box:hover  img {transform:scale(1.05);}
  
 .fourth_inner .bg_mint{background:#edfbf8}

.design-section{display:flex;flex-wrap:wrap;flex-direction:column;gap:40px;}
.design-section .item{display:flex;align-items:center;gap:100px;}
.design-section .item:nth-child(even){flex-direction:row-reverse; padding-top:50px; text-align:right}
.design-section .item .img{border-radius:10px;}
.design-section .item .text{width:50%;}

.reason-section{background:linear-gradient(to bottom,#f9f9f9 0%,#fff 100%);padding:60px 20px;text-align:center; border-radius:100%}
.reason-list{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.reason-list li{flex:16%;border-left:1px solid #eee;position:relative;}
.reason-list li:first-child{border-left:none;}
.reason-list li .check{display:block;color:#e57373;font-size:20px;margin-bottom:10px;}

.no-scar-section{}
.no-scar-section .main-text .highlight{background:#fff;padding:0 5px;font-weight:700;}
.no-scar-section .divider{width:1px;height:30px;background:#999;margin:20px auto;}

.video-info-section{display:flex;align-items:center;gap:60px;border-radius:10px;flex-wrap:wrap;}
.video-box{ width:50%; flex:1}
.video-box video{width:100%;border-radius:20px;}

.feature-section{display:flex;flex-direction:column;gap:20px;border-radius:10px;margin:auto; width:50%}
.feature-item{display:flex;align-items:center;gap:20px;}
.feature-btn{border:1px solid #ed7688 ;color:#ed7688 ;padding:10px 20px;border-radius:30px;font-weight:700;flex-shrink:0;min-width:200px;text-align:center;}


.bd_img img{border:3px solid #e98b81 ;border-radius:80px 0 80px 0}

.square_img_wrap4 {}
.square_img_list4 {font-size: 0; text-align:center;}
.square_img_list4 li {display: inline-block;  width: calc(25% - 16px); margin: 0 15px 0; vertical-align: top; text-align:center; }
.square_img_list4 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
.square_img_list4 li .num  {display: block;vertical-align: middle; font-family: 'Barlow', sans-serif;width: 50px;height: 50px;font-size:20px;text-align: center;line-height: 47px;background-color: #ed7688;  color:#fff; border-radius:80px;-webkit-transform:translateY(-2px);transform:translateY(-2px);/* position: absolute; */top: 0;left: 0;margin: -22px auto 20px;}
.square_img_list4 li .square_img img {width: 100%; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.05);}
.square_img_list4 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list4 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
.square_img_list4 li .square_img {position: relative;overflow:hidden;border-radius: 0;}
.square_img_list4 li:hover .square_img img {transform:scale(1); transform: rotate(7deg);}

.bg_round {
  background: url('/assets/images/sub/bg_round.png') no-repeat center / cover;
  padding: 60px 20px;
  text-align: center;
  border-radius: 100% 100% 0 0;
}

.list_tail{padding-top:120px}
.list_tail .info-box{padding-bottom:120px;}
.list_tail .info-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list_tail .info-box li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color:#fff;
  align-items:start;
}

.list_tail .info-box li img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  flex-shrink: 0;
}



.list_tail .info-box .desc {
  flex: 1;
  color:#fff;
  padding-left:20px
}

.list_tail .info-box .notice {
  color:#fff;
  opacity: 0.5;
}


.list_tail .flex_con{gap:100px}
.list_tail .info-box{width:60%}
.list_bg_img{width:40%}
.list_bg_img img{width:100%}

.desc-list-box {
  margin-bottom: 40px;
}

.desc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}


.desc-list li {
  position: relative;
  padding-left: 16px; /* 점과 텍스트 간격 조절 */
  margin-bottom: 5px;
  color: #333;
}

.desc-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 5px;
  line-height: 1;
  color: #e7e7e7; /* 포인트 컬러 */
  font-size: 18px; /* 점 크기 조절 */
}


.desc-list2 li::before {
  content: "•";
  position: absolute;
  left: -5px;
  top: 9%;
  color: #e7e7e7; /* 포인트 컬러 */
  font-size: 20px; /* 점 크기 조정 */
  line-height: 1; /* 여백 없애기 */
}

.desc-list2 li {
  position: relative;
  padding-left: 10px; /* 점과 텍스트 간격 최소화 */
  margin-bottom: 6px;
  color: #333;
  display: inline-block; /* 폭이 넓어지지 않도록 */
}

.desc-list2 li::before {
  content: "•";
  position: absolute;
  left: -5px;
  top: 9%;
  color: #e7e7e7; /* 포인트 컬러 */
  font-size: 20px; /* 점 크기 조정 */
  line-height: 1; /* 여백 없애기 */
}

.desc-list2 .pic2::before {
 
  color: #c55b50 ; /* 포인트 컬러 */
}

.benefit-box {
  text-align: center;
}

.benefit-list {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.benefit-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width:33.3333%;
  border-right:1px solid #f18a7e;
}
.benefit-list2 li {border-right:1px solid #d1aa87 !important;}
.benefit-list2 li:first-child{ border-left:1px solid #d1aa87 !important;}
.benefit-list2 li p {
  color: #d1aa87

}
.black {color: #151515 !important;}
.benefit-list2_2{border-top:1px solid #d1aa87; padding-top:20px; margin-top:20px}
.benefit-list li:first-child{ border-left:1px solid #f18a7e;}
.benefit-list3 li {border-right:1px solid #a1b7d3 !important;}
.benefit-list3 li:first-child{ border-left:1px solid #a1b7d3;}

.benefit-list li img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.benefit-list_mint li{border-right:1px solid #3eceb3 !important;}
.benefit-list_mint li:first-child{ border-left:1px solid #3eceb3;}

.benefit-list2 li img{width:20px; height:24px}



.count-section {
  text-align: center;
  padding-top:50px
}



.count-number {
  color: #5584a2;
  font-weight: 700;
}
.count-number2 {
  color: #5584a2;
  font-weight: 700;
}

.count-number span {
  font-size: 100px;
	font-family:'Nanum Myeongjo', serif;
}


#mainAppCon .main-tit-box{text-align: center;}


.gray{color:#c7c7c7 !important}
.main-app-container{margin-top: 3rem;}
.main-app-wrapper{}
.main-app-container.animated .main-app-wrapper{transform: scaleX(1);}
.main-app-wrapper > .swiper-wrapper {transition-timing-function: linear !important;}
.main-app-list{display: flex;}
.main-app-item{width: 38rem;}
.main-app-item a{width: 100%; display: block; transition:all 0.4s ease-in-out; }
.main-app-img{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 1.5rem; overflow: hidden;}
.main-app-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.main-app-txt{color: #333;}

.main-app-item {
  transition: opacity 0.3s ease;
  opacity: 1;
}

.main-app-item.dimmed {
  opacity: 0.3;
}

.main-app-item:not(.dimmed) {
  opacity: 1 !important;
}

.shorts_icon {padding-left:20px}

.bg_beige{background:#fcf6f2}

.img_list1 { position:relative; background-color:#c1a28e; border-radius:20px;}
.img_list1 li {display: flex;justify-content:space-between; align-items: center; gap:80px;}
.img_list1 li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list1 li > div {width: 50%; }
.img_list1 li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; border-radius:20px; }
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list1 li .txt_box .num {display: inline-block;vertical-align: middle;font-family: 'Italiana', sans-serif;width: 80px;height: 80px;font-size:38px;text-align: center;line-height: 78px;background-color: #c1a28e;color:#fff;border-radius:80px; margin-right: 15px;}
.bd_red{border-bottom:1px solid #de6454;}
.bd_mint{border-bottom:1px solid #a5e2d7; padding-bottom:10px}

.img_list1 li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list1 li .img_box .img  {position: relative; overflow:hidden;}
.img_list1 li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list1 li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.img_list1 li .img_box .img{transition:.25s;}
.img_list1 li .img_box .img:hover{border-radius:30px 0 30px 0;}
.img_list1 li .img_box:hover img {transform:scale(1.05);}
.img_list1 li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list1 li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list1 li .txt_box:hover  img {transform:scale(1);}
.img_list1 li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list1 li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}

.solution_box{border:1px solid #de6454; border-radius:50px; padding:10px; width:30%; text-align:center;}
.solution_box p{color:#de6454;}
.solution_box2{border:1px solid #d1aa87; border-radius:50px; padding:10px; width:30%; text-align:center;}
.solution_box2 p{color:#d1aa87;}


.fourth_inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 3rem auto 0;
}

.fourth_inner li {
    width: 43.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	background:#fff;
	border-radius:30px;
    padding: 4rem 1rem 4rem 4rem;
}

.fourth_inner li::before {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background: #d7d7d7;
    position: absolute;
    top: 10%;
    right: 0;
}

.fourth_inner li::after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background: #d7d7d7;
    position: absolute;
    bottom: 0rem;
}

.fourth_inner li.n01::after, .fourth_inner li.n03::after {
    left: 5%;
}

.fourth_inner li.n02::after, .fourth_inner li.n04::after {
    right: 5%;
}

.fourth_inner li.n02::before, .fourth_inner li.n04::before {
    display: none;
}
.fourth_inner li.n03::after, .fourth_inner li.n04::after{display:none}
.fourth_inner li.n05::after, .fourth_inner li.n06::after{bottom:initial; top:0}


.fourth_inner li .txt01 {

}

.fourth_inner li .txt02 {

}

.fourth_inner li .txt01 + .txt02 {
}

.fourth_inner li .fourth_icon {
    position: absolute;
    right: 5%;
    top: 23%;
}

.reason-list6 li{flex:16%;}
.list_tail .info-box .title {width:157px}

.chat-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #fef6f5;
  padding: 50px;
}

.chat {
	width:50%;
  padding: 14px 18px;
  border-radius: 12px;
  position: relative;

}

.chat.user {
  background-color: #fff;
  color: #333;
  width:46%;
  align-self: flex-start;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 그림자 추가 */

}

.chat.user::after {
  content: "";
  position: absolute;
  left: -23px;
  top: 11px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.chat.reply {
  background-color: #ed7688;
  color: #fff;
  align-self: flex-end;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 그림자 추가 */

}

.chat.reply::after {
  content: "";
  position: absolute;
  right: -23px;
  top: 11px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent transparent #ed7688;
}


.fourth_inner .bg_beige {
	background:#fbf6f2;
}

.recovery-section {
  text-align: center;
  position: relative;
}

.recovery-line {
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f6b6b2;
  z-index: 0;
}

.recovery-steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  align-items: stretch;
  gap:50px;
}

.step-box {
  background: #f6b6b2;
  color: #fff;
  padding: 10px 0;
  border-radius: 30px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 100%;
}
.recovery-steps > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step-content {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  margin-top: 30px;
  width:100%;
  flex: 1; /* <-- 핵심! 컨텐츠 박스가 flex-fill 되도록 */

  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  text-align: left;
}


.step-content ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;  /* 아이콘과 텍스트 간 간격 */
  margin-bottom: 10px;
  line-height:25px
}

.step-content ul li .check_icon_s {
  flex-shrink: 0;
  width: 20px; /* 아이콘 크기 조정 */
  height: 20px;
}

.step-content ul li .check_icon_s img {
  width: 100%;
  height: auto;
  display: block;
}

.step-content ul li br {
  display: inline;
}


.step-content ul li::before {
  content: url('/assets/images/check_icon.png'); /* 실제 체크 아이콘 경로 */
  position: absolute;
  left: 0;
  top: 0;
}

.recovery-steps > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.Msection2 {overflow:hidden; position:relative}
.Msection2 .flex-box {display:flex;}

.Msection2 .right {position:relative;}


.Msection2 .left {background:#e79e8e; width:50%; }

.Msection2 .right {width:50%;}
.Msection2 .left {display:flex; justify-content:flex-end; align-items:center;}
.Msection2 .txt_wrap {width:85%; padding:130px 0 135px; padding-right:40px;}
.Msection2 .click_wrap {margin-top:50px;}
.Msection2 .click_wrap ul {display:flex; border-top:1px solid #ddc5b7;}
.Msection2 .click_wrap ul + ul {border-bottom:1px solid #ddc5b7;}


.Msection2 .click_wrap li {width:50%; padding:25px;cursor:pointer; align-self:center;}
.Msection2 .click_wrap li + li {border-left:1px solid #ddc5b7;}


.Msection2 .click_wrap li .eng {color:#f3e2d8;} 

.Msection2 .click_wrap li .kor {color:#fff; font-size:20px; font-weight:350;} 
.Msection2 .img_wrap {width:100%; height:100%;}
.Msection2 .img_wrap.default {background:#ebafb8;background-size:cover;}
.Msection2_2 .img_wrap.default {background:url('/assets/images/sub/majora_01_img0201.png')no-repeat center;background-size:cover;}
.Msection2_3 .img_wrap.default {background:url('/assets/images/sub/majora_02_img0101.png')no-repeat center;background-size:100% 100%;}
.Msection2_4 .img_wrap.default {background:url('/assets/images/sub/majora_03_img0101.jpg')no-repeat center;background-size:100% 100%;}
.Msection2_5 .img_wrap.default {background:url('/assets/images/sub/plastic_02_new0101.png')no-repeat center;background-size:100% 100%;}
.Msection2_6 .img_wrap.default {background:url('/assets/images/sub/plastic_07_new0401.png')no-repeat center;background-size:100% 100%;}
.Msection2_7 .img_wrap.default {background:url('/assets/images/sub/plastic_03_new0101.png')no-repeat center;background-size:100% 100%;}
.Msection2_7 .img_wrap.default {background:url('/assets/images/sub/plastic_03_new0101.png')no-repeat center;background-size:100% 100%;}
.Msection2_9 .img_wrap.default {background:url('/assets/images/sub/plastic_06_new0101.png')no-repeat center;background-size:100% 100%;}
.Msection2_10 .img_wrap.default {background:url('/assets/images/sub/care_01_new0301.gif')no-repeat center;background-size:100% 100%;}
.Msection2_4 .left {background: #e9a89a;width:50%;}
.Msection2 .icon_wrap {margin-bottom:20px;}
.Msection2_10 .left {background: #76bbae;width:50%;}
.Msection2_10 .click_wrap li.on{background:#4a9184 !important}
.Msection2_10 .click_wrap ul {display:flex; border-top:1px solid #a4e3d2;}
.Msection2_10 .click_wrap ul + ul {border-bottom:1px solid #a4e3d2;}
.Msection2_10 .click_wrap li + li {border-left:1px solid #a4e3d2;}
.Msection2_11 .img_wrap.default {background:url('/assets/images/sub/care_03_new0301.gif')no-repeat center;background-size:100% 100%;}
.Msection2_6 .img_wrap.default{background:#ebafb8;}

/* li 요소의 전환 효과 추가 */
.Msection2 .click_wrap li {
    transition: background 0.5s ease, border-radius 0.5s ease; /* 배경색과 라운드 처리의 전환 효과 */
}

/* 활성화된 li 요소의 스타일 */
.Msection2 .click_wrap li.on {
    background: #de8875; /* 활성화된 배경 색상 */
    border-radius: 30px; /* 활성화된 모서리 둥글기 */
    transition: background 0.5s ease, border-radius 0.5s ease; /* 부드러운 전환 */
}

.m0auto{margin:0 auto}
.check_con{width:36%; margin:0 auto}
.check_con2{width:80%; margin:0 auto}

.bubble-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 0 auto;
}

.bubble-item {
  border: 1px solid #ed7688;
  color: #ed7688;
  padding: 15px 25px;
  border-radius: 50px;
  text-align: center;
  margin-right: -20px; /* pill들이 겹치도록 음수 마진 */
  position: relative;
  z-index: 1;
  width:33.3333%
}

.bubble-item:first-child {
  margin-left: 0;
}

.bubble-wrap:nth-child(n+4) .bubble-item {
  margin-top: 15px; /* 아래 줄 간격 */
}

.qu_con_box{border:1px solid #c7c7c7; border-radius:40px; padding:50px;}
.qu_con_box .q_txt{width:30%}

.bt_gray{border-top:1px solid #dfdfdf; margin-top:30px; padding-top:40px}
.desc-list3 li::before{color:#f69c93}
.plastic_05_bg2{background:url('/assets/images/sub/plastic_05_bg2.jpg')}


.bg_fixed {padding: 160px 0; background:#f6e5e5 url('/assets/images/sub/bg_fixed1.jpg') 50% 50% no-repeat; background-attachment:fixed;}
.bg_fixed2 {padding: 160px 0; background:#e86c6a url('/assets/images/sub/plastic_05_bg1.png') 50% 50% no-repeat; background-attachment:fixed;}

.text-block {
  position: relative;
  z-index: 1;
}

.bg-word {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 150px;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.03); /* 흐리게 처리 */
  pointer-events: none; /* 클릭 방지 */
  line-height: 1;
  white-space: nowrap;
}

.small_list2_new p{position:relative;}
.small_list2_new p::before {
  content: "•";
  position: absolute;
  left: -15px;
  top: 5px;
  line-height: 1;
  color: #c5c5c5; /* 포인트 컬러 */
  font-size: 18px; /* 점 크기 조절 */
}

.info-box-wrap2 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width:100%;
}

.info-box2 {
  border: 1px solid #f6b6b2;
  border-radius: 30px;
  padding: 30px 20px;
  text-align: center;
  width:100%;
}

.bd_gray{border-bottom:1px solid #c7c7c7; padding-bottom:20px; margin-top:20px}
.bd_gray:last-child{border-bottom:0}
.slide .lt img{border-radius:20px}
.small_video_box iframe{border-radius:20px;padding:10px}


.text-box_bu {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0 12%;
    min-height: 99px;
    border: 2px solid white;
    border-radius: 100vw;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 5px 5px 10px 0 rgba(185,185,185,0.5)
}

.text-box_bu1 {
    transform: translate(-15%,-30%)
}
.text-box_bu2 {
    transform: translate(95%,-30%)
}
.text-box_bu3 {
    transform: translate(-15%,-30%)
}
.text-box_bu4 {
    transform: translate(95%,-30%)
}

.vision_wrap_img ul{overflow:hidden;}
.vision_wrap_img li{float:left; width:50%}

.img_ul ul{overflow:hidden;}
.img_ul li{float:left; width:50%}

.circle-info-wrap {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 60px;
}

.circle-info-item {
  text-align: center;
  position: relative;
}

.circle-img {
  position: relative;
 
}

.circle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.circle-number {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f5b6b0;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  padding: 16px 16px;
  font-size: 14px;
  z-index: 2;
}

.circle-title {
  margin-top: 35px;
  line-height: 1.5;
  color: #333;
}

.circle-title span {
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 4px;
}
.bd_bt{border-bottom:1px solid #f69c93; padding-bottom:40px}

.filler-tab-btn {
  padding: 16px 40px;
  font-size: 18px;
  background-color: #ed7688;
  color: #fff;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.filler-tab-btn:hover {
  background-color: #d87c75;
}

.heritage { 
  position: relative; 
  background: url('/assets/images/sub/bg-heritage.jpg') no-repeat center/cover; 
  color: #222; 
  z-index: 0; /* 오버레이 밑으로 보내기 */
}

.heritage::before { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: rgba(255,255,255,0.5); /* 흰색 투명도 (0~1 조절 가능) */
  z-index: -1; 
}
.heritage-inner {margin: 0 auto;display: flex;gap: 90px;align-items: center;}
.heritage-left { flex: 1; }
.heritage-left h2 { font-size: 58px; font-weight: 300; margin-bottom: 20px; letter-spacing:1px; color:#1f3444}
.heritage-left .sub{color:#1f3444}
.heritage-right { flex: 1; display: flex; align-items: center; }
.heritage-right ul { width: 100%; list-style: none; padding: 0; margin: 0; }
.heritage-right li { display: flex; justify-content: space-between; align-items: baseline; font-size: 18px; border-bottom: 1px solid #c7c7c7; padding: 30px 0; }
.heritage-right li .span_w20 { color: #333; width:60%;}
.heritage-right li .bold_txt { font-size: 42px;  color: #0056a6; margin-right: 5px; text-align:left; width:20%}
.heritage-right li em { font-size: 14px; color: #555; }

.tab_btn_wrapper { margin-bottom: 40px;}
.tab_btns { display: flex; gap: 20px; list-style: none; padding: 0; margin: 0 auto; max-width:1000px;}
.tab_btns li {padding: 15px;background: #f1f1f1;border-radius: 25px;cursor: pointer;font-size: 20px;width: 50%;margin: 0 auto;text-align: center;font-weight: 600;transition: background 0.3s;}
.tab_btns li.active { background: #ed7688; color: #fff; }

.tab_content_labia { display: none; }
.tab_content_labia.active { display: block; }
.step-wrap { display: flex; flex-direction: column; gap: 16px; max-width: 600px; }
.step-card { border: 2px solid #f5a6b3; border-radius: 12px; padding: 16px 20px; font-size: 16px; line-height: 1.5; display: flex; align-items: flex-start; }
.step-label { color: #e26782; font-weight: 700; margin-right: 15px; flex-shrink: 0; }
.step-desc { color: #333; }

.treatment-inner { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:40px; align-items:center; }
.treatment-left { flex:1; min-width:320px; }
.treatment-right { flex:1;text-align:center; }
.treatment-right img { max-width:100%; border-radius:12px; }
.benefit-item_in {display:flex; align-items:center;}
.benefit-item_in .gold_box {background:#ebd2b9; color:#8f6b46 ;width:30%; border-radius:30px; padding:10px 0; margin-bottom:10px}
.benefit-item_in span { color:#333; }
.gold_box_txt{padding-left:20px}
.capsule-wrap { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.capsule-item {width:23%; border:1px solid #c9a77a; border-radius:40px; padding:25px; color:#7a6244; background:#fff; text-align:center; line-height:1.4; white-space:nowrap; }

.diekd_img div {padding:20px}
.diekd_img div img{border-radius:20px;}

.list_logo2_1 img{width:84%}
.list_logo2_1{padding-bottom:80px}


@media all and (max-width:2000px){
	.since_sect .num_cont { width: 100%; }
    .since_sect .num_cont .num_wrap .num { font-size: 8rem; }
    .since_sect .line_wrap  { width: 90%; }

}

@media all and (max-width:1430px){
	

}
@media all and (max-width:1230px){
	#patella_0104 .banner{ padding: 60px 0; margin-top: 30px; }
	#patella_0104 .banner h4{ font-size: 3.5rem; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 17px; }

	#patella_0104 .patella_0104_box .text-box{ padding-left: 60px; }
	#patella_0104 .patella_0104_box .text-box p::before{ top: 17px; left: -63px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 17px; left: -60px; }
}



@media all and (max-width:980px){
	#patella_0104 .patella_0104_box .image-box figure{padding-bottom:20px;}
	#patella_0104 section:not(:last-of-type){ 
	margin-bottom: 60px; } #patella_0104 .patella_0104_box .flex-box{ 
	flex-direction: column; } #patella_0104 .patella_0104_box .flex-box > div{ 
	width: 100%; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 0; } #patella_0104 
	.patella_0104_box .image-box .sticky{ width: 100%; }

	#patella_0104 .patella_0104_box .text-box{ padding-top: 0px; padding-left: 00px; }
	#patella_0104 .patella_0104_box .text-box p::before{ left: -23px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ left: -20px; }
}


@media all and (max-width:820px){
	#quick {bottom: auto; top: 25%; }
	#quick.stiky {top: auto; bottom: 15px;}
	#sv .sv_visual {height: 400px;}
	#sv .sv_tit_wrap .ff_felix { letter-spacing:1px !important;}
	/*#sv .sv_tit_wrap img { width:12% !important;}*/
    #sv .sv_tit_wrap .mb30 { margin-bottom:15px !important;}
	
	#patella_0104 .banner{ padding: 40px 0; margin-top: 30px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{display:none}
	#patella_0104 .banner h4{ font-size: 3rem; }
	.sticy_txt{top:20px}
	#patella_0104 .patella_0104_box .text-box p::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.6rem; }
	
	.note_con .note {
        padding: 8vw;
        flex-direction: column-reverse;
        border-radius: clamp(8px,0.9375vw,18px)
    }

    .note_con .note h3 {
        order: 1
    }

   .note_con .note>div {
        width: 100%
    }

    .note_con .note>div p.text-right {
        text-align: left
    }

    .note_con .note .check-list {
        margin-top: 10vw
    }

    .note_con .note table {
        margin-top: 3vw
    }

    .note_con .note caption {
        margin-bottom: 3vw;
        padding: 2vw 4vw 1.8vw;
        white-space: nowrap
    }

	.list_3_2 ul li {
        width: 100%; /* 모바일에서는 1개씩 */
    }

	#faq .faq_box {padding: 0px;}
	.faq_box .gray_q {color:#ccc6d2; margin-right: 5px;}
	.faq_box .accordion { width: 100%; margin: 20px auto; border-top:#e99e8e 4px solid; border-bottom:#e99e8e 4px solid; overflow: hidden;}
	.faq_box .accordion-question {padding: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;align-items:self-start}
	.faq_box .accordion-answer {display: none; padding: 0 15px 15px 15px; color:#727272; background-color: #fcfafa; transition: max-height 0.2s ease-out; margin:0 auto; overflow: hidden;}
	.faq_box .answer_box {width:100%; padding:20px 10px 10px 20px;   border-top:#eceaea 2px solid; letter-spacing:0px;  }	

	.slide_cont_qu .slide_wrap { margin-top: 40px; }
    .slide_cont_qu .slide_wrap .item + .item { margin-left: 40px; }
    .slide_cont_qu .slide_wrap .item .box .img { width: 60px; height: 60px; }
    .slide_cont_qu .slide_wrap .item .box .bubble { margin-left: 1em; }
    .slide_cont_qu .slide_wrap .item .box .bubble span { padding: 0.8em 1.2em; line-height:25px}

	.vision_wrap .tit_wrap {margin-bottom: 50px;}
	.vision_wrap .vision_list li > div {flex-direction:column !important;}
	.vision_wrap .vision_list li .img_wrap,
	.vision_wrap .vision_list li .txt_wrap,
	.vision_wrap .vision_list li .img_wrap img {width: 100%;}
	.vision_wrap .vision_list li .txt_wrap {border-left: none; margin: 0 !important;}
	.vision_wrap .vision_list li:nth-child(odd) .txt_wrap {width: 100%;}
	.vision_wrap .vision_list li .txt_wrap {padding: 50px 0px 50px 40px;}
	.vision_wrap .vision_list li .txt_wrap .num {width: 40px; height: 40px; line-height: 40px;}

	.design-section {flex-direction:column;}
	.design-section .item {flex-direction:column;}
	.design-section .item .img,.design-section .item .text {width:100%;}

	.afraid_list li:nth-child(n+2){margin-left:0}
	.sec-flex{display:block}
	.sec-flex li{margin-bottom:20px}
	.afraid_list{margin-top:0}
	.circle-info-wrap{display:block}
	.circle-info-item{margin-bottom:20px}

	.Msection2 .flex-box{display:block}
	.Msection2 .left{width:100%; justify-content:initial; padding:0 15px}
	.Msection2 .txt_wrap{width:100%; padding:80px 0}
	.Msection2 .click_wrap li{padding:15px 10px}
	.Msection2 .right{width:100%}
	.Msection2 .img_wrap.default video{width:100%}
	.img_ul li{width:100%; margin-bottom:20px}
	.recovery-steps{display:block}
	.step-box{margin-top:30px}
	.recovery-line{display:none}

	.check-list col{width:initial !important}

	/* 아이콘 + 텍스트 정렬 */
	.check-list td .note-check, 
	.check-list td .note-text {display:inline-block; vertical-align:middle;}

	.check-list td .note-check {margin-right:8px;}

	/* 반응형 줄바꿈 시 라인 맞추기 */
	.check-list td {
	  display:flex; 
	  align-items:flex-start; /* 아이콘 위쪽 기준 */
	}

	.check-list td .note-check img {
	  flex-shrink:0; /* 줄어들지 않도록 */
	}

	.check-list td .note-text {
	  flex:1; /* 남는 공간 차지 */
	  word-break:keep-all; /* 단어 단위 줄바꿈 */
	  line-height:1.5;
	}

	.labia_01_table th, .labia_01_table td{padding:10px 5px}
	.vs_con{display:block}
	.vs_con1{width:100%}
	.vs_con2{width:100%}
	.vs_con1 img{max-width:100%}
	.vs_con2 img{max-width:100%}
	.vs_img{text-align:center; margin-top:10px; margin-bottom:10px}

	.list_4 ul li {
        width: calc(50% - 20px); /* 2개씩 */
    }
	.list_tail .info-box{width:100%}
	.list_tail .info-box .title{width:115px}
	.half .lt_img{width:100%}
	.half .rt{width:100%}
	.benefit-list p{font-size:14px; text-align:center; line-height:24px}

	.equip-tab-btn{font-size:14px}
	.equip-tab ul {
		flex-wrap: wrap; /* 줄바꿈 허용 */
		gap: 10px;       /* 간격 줄이기 */
	  }

	  .equip-tab ul li {
		flex: 1 1 calc(50% - 10px); /* 한 줄에 2개 */
		text-align: center;
	  }

	  .equip-tab-btn {
		width: 100%; /* 버튼이 li 안에서 꽉 차도록 */
		font-size: 14px; /* 글자 조금 줄이기 */
		padding: 15px 10px;
	  }
	 .half{margin-top:10px}
	 .shorts_icon{padding-left:0}

	 .fourth_inner li{padding:30px}

	 .img_list li > div{width:100%}
	 .img_list li{display:block; margin-bottom:20px}
	 .img_list li{padding:0}

	.lt_flex_w1600{width:100%}
	.rt_flex_w1600{width:100%; margin-top:20px}
	.face_li5 li{width:50%; padding:5px}
	.txt_box {margin-top:20px}
	.face_li3 li{width:100%; margin-bottom:20px}
	.video-info-section {display:block}
	.video-box{width:100%}
	.feature-section{width:100%; margin-top:20px}
	.feature-btn{min-width:150px}
	.square_img_list4 li{width:100%; margin:10px 0 0 0}
	.list_tail .info-box{padding-bottom:80px}
	.mmt20{margin-top:20px !important}
	.pl60{padding-left:00px}
	.mt100{margin-top:50px !important;}
	.check_float_img li{width:100%; margin-bottom:20px}
	.bubble-item{width:50%}
	.bubble-item {
	  padding: 15px 13px;
	  margin-right: -6px;
	}
	.desc-list2 li::before{top:2%; display:none}
	.point_section{display:block}
	.reason-list li{flex:50%; padding:20px 0; border-left:none}
	.reason-section{padding:50px 0 0 0}

	.bg_fixed{padding:80px 0}
	.half .lt{width:100%}
	.w50{width:100% !important}
	.solution-box{height:auto}
	.img_list1 li{display:block}
	.img_list1 li > div{width:100%}
	.fourth_inner li::before{display:none}
	.slim-container{display:block}
	.slim-img2{width:100%}

	.en_no2{z-index:0}

	.slim-list {
	  counter-reset: item;
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}

	.slim-list li {
	  counter-increment: item;
	  position: relative;
	  margin-bottom: 10px;
	  opacity: 0;
	  transform: translateY(20px);
	  transition: all 0.5s ease;
	  border-bottom: 1px solid #c7c7c7;
	  padding-bottom: 10px;
	  float: left;
	  width: 50%;
	  display: flex; /* 숫자와 텍스트를 같은 줄 정렬 */
	  align-items: flex-start; /* 위쪽 정렬 */
	}

	.slim-list li.visible {
	  opacity: 1;
	  transform: translateY(0);
	}

	.slim-list li::before {
	  content: counter(item);
	  font-family: "Cormorant Garamond", serif;
	  font-size: 40px;
	  line-height: 1;
	  display: inline-block;
	  width: 40px; /* 숫자 영역 고정 */
	  flex-shrink: 0; /* 줄바꿈 시 숫자 영역 줄어들지 않게 */
	}

	/* 📱 모바일 반응형 */
	@media (max-width: 768px) {
	  .slim-list li {
		width: 100%; /* 한 줄 하나씩 */
	  }
	}
	.slider-track img{width:55%}
	.youth-boxes{display:block}
	.youth-boxes_box{width:100%; margin-bottom:10px}
	.circle-box{width:150px; height:150px}
	.small_list_white ul{display:block}
	.small_list_white li{width:100%; margin-bottom:10px}
	.small_list_white li p {display:flex}
	.life_flex_img{width:100%}
	.life_flex_txt{width:100%; padding-left:0}
	.vaccine-info-box{display:block; padding:10px}
	.vaccine-item .label{padding:8px}
	.vaccine-item{margin-top:10px}
	.vaccine-item .desc{text-align:left;}
	.tab{font-size:14px}
	.exam_desc{display:inline-flex}
	.exam_desc strong{padding:10px; line-height:25px}
	.card_life .text .small {
	  word-break: keep-all;
	}
	.card_life .text p{word-break: keep-all;}
	.price_group{display:block}
	.exam_header .price{margin-bottom:10px}
	.card_life .text h4{word-break: keep-all;}
	.birth_box{padding:10px}
	.tab-content .tab-pane.active{padding:0}
	.info_item{width:100%; margin-top:10px}
	.info_wrap{display:block}
	.support_card_wrap{display:block}
	.support_card{padding:15px; margin-bottom:10px}
	.step_flow{flex-wrap:wrap}

	 .step_item {
		width: 155px; /* 한 줄에 두 개 */
		height: 155px; /* 필요시 높이 줄이기 */
		margin-bottom: 20px;

	  }
	  .step_flow::before{display:none}
	  .circle-step-img li{width:100%; margin-top:20px}
	  .btn-pretty{padding:15px}
	  .small_list p{text-align:left;}
	   .land_total_sect .progress_cont .ico_cont,
	  .land_total_sect .progress_cont .dot_cont .dot_wrap,
	  .land_total_sect .progress_cont .txt_cont {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	  }

	  .land_total_sect .progress_cont .ico_cont .ico,
	  .land_total_sect .progress_cont .txt_cont .box {
		opacity: 1 !important;
		transition: none !important;
	  }

	  .land_total_sect .progress_cont .dot_cont .dot_wrap .box .dot {
		opacity: 1 !important;
	  }

	  .land_total_sect .progress_cont .dot_cont .line:before {
		display: none;
	  }

	  .land_total_sect .progress_cont .ico_cont .ico:nth-of-type(1),
	  .land_total_sect .progress_cont .ico_cont .ico:nth-of-type(2),
	  .land_total_sect .progress_cont .ico_cont .ico:nth-of-type(3),
	  .land_total_sect .progress_cont .ico_cont .ico:nth-of-type(4),
	  .land_total_sect .progress_cont .txt_cont .box:nth-of-type(1),
	  .land_total_sect .progress_cont .txt_cont .box:nth-of-type(2),
	  .land_total_sect .progress_cont .txt_cont .box:nth-of-type(3),
	  .land_total_sect .progress_cont .txt_cont .box:nth-of-type(4),
	  .land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
	  .land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
	  .land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
	  .land_total_sect .progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot {
		transition-delay: 0s !important;
	  }
	  .land_total_sect .progress_cont .ico_cont .ico{display:block; text-align:center}
	  .land_total_sect{background-size:100% 100%; background-position:50% 50%}
	  .land_total_sect .progress_cont .ico_cont .ico{height:auto;background-color:initial !important}

	  .con2_box .con2_slide_list .list{padding:20px; margin:0 10px}
	  .slide{display:block}
	  .con2_box .con2_slide_list .list .img1{padding:0}
	  .result_wrap .label{width:75px}

	  .con2_box{padding:80px 0}

	  .s_tab li a{font-size:12px; line-height:23px}

	  .slide .lt{width:100%}
	  .slide .rt{width:100%; margin-top:20px}
	  .plastic_02_img04bg{background-position: 58% 50%;}
	  .small_video_box li{width:100%; margin-bottom:20px}
	  .img_three li{width:100%; margin-bottom:20px}
	  .in_box_white{padding:20px}
	  .lt_con{width:100%}
	  .rt_con{width:100%; margin-top:20px}
	  .tipt_txt{width:100%}

	  .afraid_title-bubble2:nth-child(1){width:100%}
	  .afraid_title-bubble2:nth-child(3){width:100%}

	  .lt_flex_w1400{width:100%}
	  .lt_flex_w1400 iframe{height:180px}
	  .rt_flex_w1400{width:100%; padding:20px 0 0 0}

	  .rounded-overlap-wrap{width:100%}
	  .rounded-box{width:50%; padding:15px 0}
	  .icon_list_ta4 li {width:50%; margin-bottom:20px}
	  .icon_list_ta4 li .icon{width:150px; height:150px}
	  .rounded img{width:60%}

	  .mt30{margin-top:15px !important;}
	  .icon_list_ta li{width:50%; margin-bottom:20px}
	  .icon_list_ta li .icon{width:150px; height:150px}
	  
	  .icon_list4{padding:20px}

	  .icon_list4 .txt18{width:45%}
	  .icon_list4 li{width:100%; margin-bottom:20px}

	  .icon_list3{padding:20px}

	  .icon_list3 .txt18{width:45%}
	  .icon_list3 li{width:100%; margin-bottom:20px}

	  .check-sequence-wrap{width:100%}
	  .check-sequence{gap:10px}

	  .filler-tab-btn{padding:15px; font-size:14px}
	  .filler-tabs{gap:5px !important}

	  .icon_list5 li{width:100%;margin-bottom:20px}
	  .plastic_06_new04 li{width:100%}

	  .text-box_bu1 {
			transform: translate(25%,-30%);
		}
		.text-box_bu2 {
			transform: translate(40%,-30%);
		}
		.text-box_bu3 {
			transform: translate(47%,-30%);
		}
		.text-box_bu4 {
			transform: translate(27%,-30%);
		}
		.text-box_bu{min-height:70px}
		.img_list li .img_box .img{margin:20px 0 0 0}

		.vision_wrap_img li{width:100%;margin-bottom:20px}
		.small_check ul p{display:flex}

		.pdt_list1_mint{width:100%}
		.w60{width:100% !important}
		.qu_con_box .q_txt{width:100%}
		.qu_con_box {padding:20px}

		.line_icon ul{display:block}

		.line_icon ul li{margin-top:20px}
		.icon_list_box li{width:50%; margin:20px 0 0 0}
		.icon_list_box li .icon {width:150px; height:150px}
		.icon_list_box li .icon img{width:50%}
		.slim-list li.visible{align-items:center}
		.section-slim{overflow:hidden}
		.pretty-button{width:100%; margin-bottom:30px}

		.check_float4 li{width:100%; margin:10px 0}

		.tab_btn li{margin:5px}

		.tab_btn.fixed{top:69px}
		.lt_flex{width:100%; padding:20px 0 0 15px}
		.rt_flex{width:100%}

		.check_float3 li{width:100%; margin-bottom:10px}
		.check_float3 ul{display:block}


		.pdt_list1{width:100%}
		.pdt_list2{width:100%}
		.pdt_list1_con{height:auto; padding:20px}
		.pdt_list2_con{height:auto; padding:20px}

		.step_num {width:25% !important}
		.step_num_in{width:65%}
		.flex_con_m{display:flex}

		.sub_tail_0201{width:100%; padding-right:0px; margin-bottom:20px}

		.lt_flex{padding:0 0 0 15px}
		.week_list2 li{width:46%}

		.week_img_list li{width:100%}
		.lt_flex_s{width:100%}
		.check_icon_s_in{width:25%}

		.tab_btn li{place-content: center;}

		.pt100{padding-top:50px}
		.pb100{padding-bottom:50px}
		.bg_round{padding:0}
		.treatment-box{width:100%; padding:0}
		.treatment-container{padding:0}
		.txt_box_in{width:90%}

		 .tab_btn_wrapper .tab_btn ul {
			display: flex;
			flex-wrap: wrap; /* 줄바꿈 허용 */
			justify-content: center;
		  }

		  .tab_btn_wrapper .tab_btn ul li {
			flex: 1 1 11%; /* 한 줄에 3개 */
			max-width: 33%;
		  }

		  /* 필요 시 글자 크기 줄이기 */
		  .tab_btn_wrapper .tab_btn ul li p {
			font-size: 12px;
		  }
		
		.tab_btn_wrapper .tab_btn7 ul li {
			flex: 1 1 22%; /* 한 줄에 3개 */
			max-width: 33%;
		  }

		  .tab_btn li{padding:5px 0}

		  .step_box{width:40%}

		  .check_float3_mint ul{display:block}
		  .check_float3_mint li{width:100%; margin:10px 0}
		.check_float3_mint li p{display:flex}
		.small_list5 li{width:100%}
		.small_list5 li:nth-child(n+5){width:100%}
		.check_float6_mint ul{display:block}
		.check_float6_mint li{width:46%; margin-right:0; margin:5px}

		.kakao_btn img{width:100% !important}
		.total_txt{width:100%; padding:15px}
		.face_li li{width:100%; margin-bottom:20px}
		.half_bt_txt2 li{width:100%}
		.half_bt_txt2 li{padding:15px}
		.check_float3_5 li{width:48.5%; margin:10px 0}

		.icon_list_face li{width:50%; margin:20px 0}
		.icon_list_face li .icon{width:150px; height:150px}
		.icon_list_face li img{width:50%}
		.s_tab .col-7 li{width: calc(15% - 2px);}
		.s_tab li {vertical-align: bottom; }
		.line_icon5 ul li{width:80%; margin:0 auto; margin-top:30px}

		.intro_wrap{display:block}

		.txt98{font-size:65px}

		.intro_right .desc{padding-left:0}
		.info_sect .cont_box{display:block}

		.info_02_img0101 li{width:100%; margin-bottom:20px}
		.info_02_img0201 li{width:100%}
		.info_02_img0401 li{width:100%; margin-bottom:20px}

		.recover-section{padding:0}

		.recover-qa .question{font-size:16px; line-height:24px; text-align:left}
		.recover-qa .answer{font-size:14px; line-height:20px}

		.recover-card{min-width:47%}

		.heritage-inner{display:block}
		.heritage-right{margin-top:30px}
		.heritage-right li{padding:15px 0}
		.heritage-right li .bold_txt{font-size:30px}
		.heritage-right li .span_w20{width:38%}
		.heritage-right li{font-size:14px}

		.tab_btns li{font-size:14px}

		.gold_box_txt{width:70%}
		.capsule-item{width:90%}

		.heart_wrap{top:12%}
		.heart1{left:9%}
		.heart2{right:7%}

		.list_logo2_1 img{width:100%}
		.list_logo2_1{width:100%; padding-bottom:80px}
		.list_tail{padding-top:80px}

}



@media all and (max-width:520px){
	
}

@media all and (max-width:412px){

}
@media all and (max-width:390px){

}
@media all and (max-width:360px){

#sv .sv_tit_wrap {position: absolute; top: 50%;}

}

@media all and (max-width:320px){

	
}