/*     1792383 : 타이틀 텍스트      */
/* 문장 전체가 위에서 아래로 쓱 떨어지는 효과 */
.title__1792383__ p{
  display:inline-block;
  position:relative;
  margin:0;
  padding:0;
  font-size:25px;
  font-weight:400;
  color:#000000;
  line-height:1.75;

  /* ✅ 추가 */
  transform: translateY(-40px);
  opacity:0;
  animation: dropDownWhole_1785923 0.7s ease-out both;
}

@keyframes dropDownWhole_1785923{
  to { transform: translateY(0); opacity:1; }
}

@media all and (min-width:1024px){
  .title__1792383__ p{ font-size:40px; }
}

/* ❌ 이건 제거/주석 처리(글자별 span용)
.title__1792383__ p span{
  ...
}
*/


/*     1792393 : BLANK 컨텐츠      */
.blank__1792393__ {box-sizing:border-box;display:block;position:relative;width:100%;height:7px}
.blank__1792393__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1792393__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1792393__ {height:7px}
}

/*     1792403 : 장문 텍스트      */
.textarea__1792403__ p {
	display:block;margin:0;padding:0;
	font-size:14px;font-weight:400;color:#878787;letter-spacing:-1px;line-height:1.75; opacity:0.6; word-break:keep-all;
}
.textarea__1792403__ p br {display:none;}
.textarea__1792403__ p txt{color:#5c62d7;}

@media all and (min-width:1024px){
	.textarea__1792403__ p {font-size:20px; word-break:normal; }
	.textarea__1792403__ p br {display:block;}
}

/*     1792413 : BLANK 컨텐츠      */
.blank__1792413__ {box-sizing:border-box;display:block;position:relative;width:100%;height:40px}
.blank__1792413__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1792413__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1792413__ {height:20px}
}

/*     1812555 : 한줄 텍스트      */
.text__1812555__, .text__1812555__ * {margin:0; padding:0;}
.text__1812555__ {padding:0px}

/* 모든 화면 공통 스타일 */
.text__1812555__ p {
    font-size:23px; 
    color:#222; 
    font-weight:300; 
    padding:50px; 
    text-align:center; 
    background:#f8f8fa; 
    border:1px solid #e5e5e5;
    display:flex;
    flex-direction:row;  /* 가로 배치 */
    align-items:flex-start;  /* 상단 정렬 - 첫 줄에 맞춤 */
    justify-content:center;
}

.text__1812555__ p::before {
    content:''; 
    display:block;
    width:30px; 
    height:30px; 
    background:url('/img_up/shop_pds/mirpia1004/build/option/icon176846243113.png') center/cover; 
    margin-right:10px;  /* 아이콘 오른쪽 간격 */
    margin-bottom:0;
    flex-shrink:0;
}

/* 모바일 (1023px 이하) */
@media (max-width:1023px) {
    .text__1812555__ {padding:0;} 
    .text__1812555__ p {
        font-size:16px; 
        padding:28px;
        flex-direction:column;  /* 모바일에서는 세로 배치 */
        align-items:center;  /* 모바일에서는 중앙 정렬 */
    }
    .text__1812555__ p::before {
        margin-right:0;
        margin-bottom:10px;
    }
}

/*     1812625 : BLANK 컨텐츠      */
.blank__1812625__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1812625__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1812625__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1812625__ {height:30px}
}

/*     1812635 : 타이틀 텍스트      */
/* ===== Title 1786123 (최종) ===== */

.title__1812635__{
  font-size:0;
  background:none;
}

/* ✅ 밑줄은 p에서 1개만 */
.title__1812635__ p{
  display:block;                 /* 전체 폭 */
  position:relative;
  margin:0;
  padding-left:50px;
  padding-bottom:12px;           /* 텍스트-밑줄 간격 */
  border-bottom:1px solid #000; /* ✅ 전체 밑줄(1개) */

  font-size:20px;
  font-weight:bold;
  color:#000000;
  letter-spacing:-.03em;
  line-height:1.1em;
}

/* 기본 장식(before) */
.title__1812635__ p:before{
  content:'';
  position:absolute;
  background:#dddddd;
  font-size:0;
}

/* ===== style variants ===== */
.title__1812635__.style_top p{ padding-top:10px; }
.title__1812635__.style_top p:before{
  top:0; left:0;
  width:20px; height:4px;
}

.title__1812635__.style_right p{ padding-right:14px; }
.title__1812635__.style_right p:before{
  top:16%; right:0;
  width:4px; height:20px;
}

.title__1812635__.style_bottom p{ padding-bottom:12px; }
.title__1812635__.style_bottom p:before{
  bottom:0; left:0;
  width:20px; height:4px;
}

.title__1812635__.style_left p{ padding-left:14px; }
.title__1812635__.style_left p:before{
  top:16%; left:0;
  width:4px; height:20px;
}

.title__1812635__.style_circle1 p{ padding-left:20px; }
.title__1812635__.style_circle1 p:before{
  top:50%;
  transform:translateY(-50%);
  left:20px;
  width:10px; height:10px;
  border-radius:50%;
}

.title__1812635__.style_circle2 p{ padding-left:60px; } /* 텍스트 위치 */
.title__1812635__.style_circle2 p:before{
  top:50%;
  transform:translateY(-80%);
  left:30px;
  width:15px; height:15px;
  border-radius:50%;
  border:5px solid #dddddd;
  background:none;
  box-sizing:border-box;
}

/* ===== PC font size ===== */
@media all and (min-width:1024px){
  .title__1812635__ p{ font-size:28px; }
  .title__1812635__.style_top p:before{ width:28px; }
  .title__1812635__.style_right p:before{ height:28px; }
  .title__1812635__.style_bottom p:before{ width:28px; }
  .title__1812635__.style_left p:before{ height:28px; }
}

/*     1812645 : BLANK 컨텐츠      */
.blank__1812645__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__1812645__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1812645__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1812645__ {height:15px}
}

/*     1824385 : 한줄 텍스트      */
.text__1824385__, .text__1824385__ * {margin:0; padding:0; box-sizing:border-box;}

.text__1824385__ {display:flex; justify-content:space-between; gap:100px;}

.text__1824385__ .text_box .tag {display:flex; flex-wrap-reverse; gap:10px; justify-content:center;}
.text__1824385__ .text_box .tag span {font-size:18px; background:#5c62d7; border-radius:50px; color:#FFF; padding:13px 13px; }

@media (max-width:1023px){
	.text__1824385__ {gap:0px;}
	.text__1824385__ .text_box .tag span {font-size:20px;justify-content:center;}
	.text__1824385__ .img_wrap {width:100%;}
}

@media (max-width:767px){
	.text__1824385__ {flex-direction:column; text-align:center;}
	.text__1824385__ .text_box {width:100%;}
	.text__1824385__ .text_box .tag {justify-content:center; flex-direction:row; flex-wrap:wrap;}
	.text__1824385__ .text_box .tag span {font-size:15px; padding:10px 10px; width:calc(50% - 5px);}
	.text__1824385__ .img_wrap .img_box {width:50%; margin-bottom:20px;}
	.text__1824385__ .img_box img {margin:0 auto;}
}

/*     1812675 : BLANK 컨텐츠      */
.blank__1812675__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__1812675__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1812675__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1812675__ {height:15px}
}

/*     1812655 : 한줄 텍스트      */
.text__1812655__, .text__1812655__ * {margin:0; padding:0; box-sizing:border-box;}

.text__1812655__ {position:relative; padding:50px 30px; border:5px solid #c9cadb;}
.text__1812655__::before {content:""; position:absolute; top:-5px; left:50%; transform:translateX(-50%); width:5%; height:10px; background:#5c62d7; transition:0.7s;}
.text__1812655__:hover::before {width:15%;}

.text__1812655__ .text {font-size:18px; color:#666; word-break:keep-all; letter-spacing:-0.7px; line-height: 1.2;}

@media (max-width:1023px){
	.text__1812655__ {padding:40px 20px;}
	.text__1812655__ .title {font-size:18px;}
	.text__1812655__ .text {font-size:15px;}
}

@media (max-width:767px){
	.text__1812655__ {padding:25px 15px; border:3px solid #c9cadb;}
	.text__1812655__::before {top:-2px; width:10%; height:6px;}
	.text__1812655__:hover::before {width:45%;}
	.text__1812655__ .title {font-size:18px;}
	.text__1812655__ .text {font-size:15px; margin-top:15px;  line-height: 1.3;}
}

/*     1812525 : BLANK 컨텐츠      */
.blank__1812525__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1812525__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1812525__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1812525__ {height:30px}
}

/*     1812535 : 타이틀 텍스트      */
/* ===== Title 1786123 (최종) ===== */

.title__1812535__{
  font-size:0;
  background:none;
}

/* ✅ 밑줄은 p에서 1개만 */
.title__1812535__ p{
  display:block;                 /* 전체 폭 */
  position:relative;
  margin:0;
  padding-left:50px;
  padding-bottom:12px;           /* 텍스트-밑줄 간격 */
  border-bottom:1px solid #000; /* ✅ 전체 밑줄(1개) */

  font-size:20px;
  font-weight:bold;
  color:#000000;
  letter-spacing:-.03em;
  line-height:1.1em;
}

/* 기본 장식(before) */
.title__1812535__ p:before{
  content:'';
  position:absolute;
  background:#dddddd;
  font-size:0;
}

/* ===== style variants ===== */
.title__1812535__.style_top p{ padding-top:10px; }
.title__1812535__.style_top p:before{
  top:0; left:0;
  width:20px; height:4px;
}

.title__1812535__.style_right p{ padding-right:14px; }
.title__1812535__.style_right p:before{
  top:16%; right:0;
  width:4px; height:20px;
}

.title__1812535__.style_bottom p{ padding-bottom:12px; }
.title__1812535__.style_bottom p:before{
  bottom:0; left:0;
  width:20px; height:4px;
}

.title__1812535__.style_left p{ padding-left:14px; }
.title__1812535__.style_left p:before{
  top:16%; left:0;
  width:4px; height:20px;
}

.title__1812535__.style_circle1 p{ padding-left:20px; }
.title__1812535__.style_circle1 p:before{
  top:50%;
  transform:translateY(-50%);
  left:20px;
  width:10px; height:10px;
  border-radius:50%;
}

.title__1812535__.style_circle2 p{ padding-left:60px; } /* 텍스트 위치 */
.title__1812535__.style_circle2 p:before{
  top:50%;
  transform:translateY(-80%);
  left:30px;
  width:15px; height:15px;
  border-radius:50%;
  border:5px solid #dddddd;
  background:none;
  box-sizing:border-box;
}

/* ===== PC font size ===== */
@media all and (min-width:1024px){
  .title__1812535__ p{ font-size:28px; }
  .title__1812535__.style_top p:before{ width:28px; }
  .title__1812535__.style_right p:before{ height:28px; }
  .title__1812535__.style_bottom p:before{ width:28px; }
  .title__1812535__.style_left p:before{ height:28px; }
}

/*     1812545 : BLANK 컨텐츠      */
.blank__1812545__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__1812545__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1812545__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1812545__ {height:15px}
}

/*     1812685 : BLANK 컨텐츠      */
<!-- 미르피아여성병원 복강경 클리닉 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">

<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mirpia-features {
    font-family: 'Noto Sans KR', sans-serif;
    background: linear-gradient(135deg, #fff5f7 0%, #f0f7ff 100%);
    padding: 80px 20px;
    position: relative;
}

.mirpia-container {
    max-width: 1200px;
    margin: 0 auto;
}

.mirpia-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.mirpia-card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.mirpia-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.mirpia-image-box {
    position: relative;
    height: 280px;
    overflow: hidden;
    background: linear-gradient(135deg, #ffd4dc 0%, #e3f2fd 100%);
}

.mirpia-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.mirpia-card:hover .mirpia-image {
    transform: scale(1.1);
}

.mirpia-number {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #ff8ba0 0%, #4a90e2 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
    z-index: 10;
}

.mirpia-card:hover .mirpia-number {
    transform: rotate(360deg);
}

.mirpia-content {
    padding: 35px;
}

.mirpia-title {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.mirpia-card:hover .mirpia-title {
    color: #ff8ba0;
}

.mirpia-text {
    font-size: 18px;
    color: #6c757d;
    line-height: 1.5;
    margin-bottom: 0;
}

@media (max-width: 768px) {
  .mirpia-features {
    padding: 20px 20px;
}
    .mirpia-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .mirpia-title {
        font-size: 18px;
    }
  .mirpia-text {
    font-size: 15px;
  }
}
</style>

/*     1850295 : BLANK 컨텐츠      */
.blank__1850295__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1850295__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1850295__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1850295__ {height:30px}
}