/*     1792143 : 타이틀 텍스트      */
/* 문장 전체가 위에서 아래로 쓱 떨어지는 효과 */
.title__1792143__ 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__1792143__ p{ font-size:40px; }
}

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


/*     1792153 : BLANK 컨텐츠      */
.blank__1792153__ {box-sizing:border-box;display:block;position:relative;width:100%;height:7px}
.blank__1792153__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1792153__.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__1792153__ {height:7px}
}

/*     1792163 : 장문 텍스트      */
.textarea__1792163__ 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__1792163__ p br {display:none;}
.textarea__1792163__ p txt{color:#5c62d7;}

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

/*     1792173 : BLANK 컨텐츠      */
.blank__1792173__ {box-sizing:border-box;display:block;position:relative;width:100%;height:40px}
.blank__1792173__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1792173__.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__1792173__ {height:20px}
}

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

/* 모든 화면 공통 스타일 */
.text__1801015__ 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__1801015__ p::before {
    content:''; 
    display:block;
    width:30px; 
    height:30px; 
    background:url('/img_up/shop_pds/mirpia1004/build/option/icon17684624314.png') center/cover; 
    margin-right:10px;  /* 아이콘 오른쪽 간격 */
    margin-bottom:0;
    flex-shrink:0;
}

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

/*     1800985 : BLANK 컨텐츠      */
.blank__1800985__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1800985__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1800985__.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__1800985__ {height:30px}
}

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

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

/* ✅ 밑줄은 p에서 1개만 */
.title__1801125__ 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__1801125__ p:before{
  content:'';
  position:absolute;
  background:#dddddd;
  font-size:0;
}

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

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

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

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

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

.title__1801125__.style_circle2 p{ padding-left:60px; } /* 텍스트 위치 */
.title__1801125__.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__1801125__ p{ font-size:28px; }
  .title__1801125__.style_top p:before{ width:28px; }
  .title__1801125__.style_right p:before{ height:28px; }
  .title__1801125__.style_bottom p:before{ width:28px; }
  .title__1801125__.style_left p:before{ height:28px; }
}

/*     1801275 : 표 2.0      */
.table__1801275__ {width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.table__1801275__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:px solid #999999}
.table__1801275__ * {box-sizing:border-box}
.table__1801275__ table {
	width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate;
	background:#dddddd;table-layout:auto;
}
.table__1801275__ td {
	height:50px;padding:5px 10px;
	background:#fff;font-size:15px !important;font-weight:normal;color:#333;text-align:left;
}
.table__1801275__ td.empty__1801275__ {padding:50px 20px}
@media all and (max-width:767px){
	.table__1801275__ > .table_inner {width:100%px}
	.table__1801275__ td {font-size:15px !important}
}
@media all and (min-width:768px) and (max-width:1023px){
	.table__1801275__ > .table_inner {width:100%px}
	.table__1801275__ td {font-size:15px !important}
}
@media all and (min-width:1024px){
	.table__1801275__ > .table_inner {width:100%px}
	.table__1801275__ td {font-size:18px !important}
}

/*     1801285 : BLANK 컨텐츠      */
.blank__1801285__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1801285__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1801285__.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__1801285__ {height:30px}
}

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

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

/* ✅ 밑줄은 p에서 1개만 */
.title__1801295__ 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__1801295__ p:before{
  content:'';
  position:absolute;
  background:#dddddd;
  font-size:0;
}

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

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

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

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

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

.title__1801295__.style_circle2 p{ padding-left:60px; } /* 텍스트 위치 */
.title__1801295__.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__1801295__ p{ font-size:28px; }
  .title__1801295__.style_top p:before{ width:28px; }
  .title__1801295__.style_right p:before{ height:28px; }
  .title__1801295__.style_bottom p:before{ width:28px; }
  .title__1801295__.style_left p:before{ height:28px; }
}

/*     1801315 : 표 2.0      */
.table__1801315__ {width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.table__1801315__ > .table_inner {overflow:hidden;width:100%;margin:0 auto;border-top:px solid #999999}
.table__1801315__ * {box-sizing:border-box}
.table__1801315__ table {
	width:100%;margin-top:-1px;border-spacing:1px;border-collapse:separate;
	background:#dddddd;table-layout:auto;
}
.table__1801315__ td {
	height:50px;padding:5px 10px;
	background:#fff;font-size:15px !important;font-weight:normal;color:#333;text-align:left;
}
.table__1801315__ td.empty__1801315__ {padding:50px 20px}
@media all and (max-width:767px){
	.table__1801315__ > .table_inner {width:100%px}
	.table__1801315__ td {font-size:15px !important}
}
@media all and (min-width:768px) and (max-width:1023px){
	.table__1801315__ > .table_inner {width:100%px}
	.table__1801315__ td {font-size:15px !important}
}
@media all and (min-width:1024px){
	.table__1801315__ > .table_inner {width:100%px}
	.table__1801315__ td {font-size:18px !important}
}

/*     1801115 : BLANK 컨텐츠      */
.blank__1801115__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__1801115__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1801115__.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__1801115__ {height:30px}
}

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

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

/* ✅ 밑줄은 p에서 1개만 */
.title__1801425__ 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__1801425__ p:before{
  content:'';
  position:absolute;
  background:#dddddd;
  font-size:0;
}

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

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

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

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

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

.title__1801425__.style_circle2 p{ padding-left:60px; } /* 텍스트 위치 */
.title__1801425__.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__1801425__ p{ font-size:28px; }
  .title__1801425__.style_top p:before{ width:28px; }
  .title__1801425__.style_right p:before{ height:28px; }
  .title__1801425__.style_bottom p:before{ width:28px; }
  .title__1801425__.style_left p:before{ height:28px; }
}

/*     1801435 : BLANK 컨텐츠      */
.blank__1801435__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__1801435__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1801435__.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__1801435__ {height:15px}
}

/*     1801345 : 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>