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

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


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

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

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

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

/*     1791493 : 블록 설정      */
.block_option__1791493__ {display:table;width:100%;}
.block_option__1791493__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}
.row__1791493__ {background-repeat:no-repeat !important; background-size:cover !important; background-position:left top !important;}

@media (max-width:1023px){
	.row__1791493__ {}
}


@media (min-width:1024px){
	.row__1791493__ {}
}

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

.text__1791503__ {position:relative; display:flex;}

.text__1791503__ > div {width:100%; padding: 0 1%;}
.text__1791503__ img {display:block;}

.text__1791503__ .img_person img {margin:42px 0 0 17%; }
.text__1791503__ .img_text {display:flex; align-items:center;}
.text__1791503__ .img_text img{margin-top:80px;}

@media (max-width:1023px){
	.text__1791503__ .img_person {display:flex; justify-content:center;}
	.text__1791503__ .img_text {position:absolute; width:36%; top:50%; transform:translateY(-50%); left:13%; z-index:1;}
	.text__1791503__ .img_text img {margin-top:40px;}
}

@media (max-width:767px){
	.text__1791503__ .img_person img {width:80%; margin:0 auto; margin-left:17%;}
	.text__1791503__ .img_text {width:47%; left:2%;}
}

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

/*     1791523 : 한줄 텍스트      */
.text__1791523__, .text__1791523__ * {margin:0; padding:0;}

.text__1791523__ {padding:0px}

.text__1791523__ p {font-size:20px; color:#222; font-weight:300; padding:56px; text-align:center; background:#f4f4f4;}

@media (max-width:1203px) {
	.text__1791523__ {padding:0;}
	.text__1791523__ p {font-size:15px; padding:28px;}
}

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

/*     1791543 : 한줄 텍스트      */
.text__1791543__, 
.text__1791543__ * {
  margin:0;
  padding:0;
}

.text__1791543__ {
  display:flex;
  flex-direction:column;   /* ✅ 항상 세로 정렬 */
  row-gap:30px;            /* 단락 간 간격 */
  padding:0;
}

.text__1791543__ h3 {
  font-size:22px;
  color:#222;
  margin-bottom:0;
  word-break:keep-all;
  letter-spacing:-1px;
  line-height:1.7;
  font-weight:300;
  width:100%;              /* ✅ 100% */
}

.text__1791543__ p {
  font-size:18px;
  line-height:2;
  letter-spacing:-1px;
  word-break:keep-all;
  color:#222;
  font-weight:300;
  width:100%;              /* ✅ 100% */
}

@media (max-width:1023px){
  .text__1791543__ h3 br {display:none;}
}
@media (max-width:767px){
  .text__1791543__ h3 {font-size:16px;}  /* h3를 15px로 */
  .text__1791543__ p {font-size:15px;}   /* p를 15px로 */
}

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

/*     1791563 : 한줄 텍스트      */
/* ===== Design 2.0 (Mirpia-safe / Reference-like) ===== */
.empty_104484_ *{margin:0; padding:0; list-style:none; box-sizing:border-box;}
.empty_104484_{padding:0px 50px 50px;}

/* 핵심: float 대신 flex + overflow visible로 겹침이 잘리지 않게 */
.empty_104484_ ul{
  display:flex;
  gap:0;
  align-items:flex-start;
  overflow:visible;
}
.empty_104484_ li{
  flex:1 1 0;
  position:relative;
  text-align:center;
  overflow:visible;
}

/* 아이콘 */
.empty_104484_ li::before{
  content:"";
  display:block;
  width:70px; height:70px;
  margin:0 auto 50px;
  background-size:contain;
 transform: translateY(0);                 /* 기본 */
  transition: transform .25s ease;          /* 부드럽게 */
  will-change: transform;                   /* 최적화(선택) */
}
.empty_104484_ li:hover::before{
  transform: translateY(-12px);             /* 위로 12px (원하는 만큼 조절) */
}
.empty_104484_ li:nth-child(1)::before{background:url("/img_up/shop_pds/mirpia1004/build/option/1017679423781.png") no-repeat center;}
.empty_104484_ li:nth-child(2)::before{background:url("/img_up/shop_pds/mirpia1004/build/option/1117677747741.png") no-repeat center;}
.empty_104484_ li:nth-child(3)::before{background:url("/img_up/shop_pds/mirpia1004/build/option/1217677747741.png") no-repeat center;}

/* 아이콘 아래 세로 라인 */
.empty_104484_ li::after{
  content:"";
  display:block;
  width:1px; height:35px;
  position:absolute;
  top:75px; left:50%;
}
.empty_104484_ li:nth-child(1)::after{background:#555bc8;}
.empty_104484_ li:nth-child(2)::after{background:#d8cb5f;}
.empty_104484_ li:nth-child(3)::after{background:#5F6AD8;}

/* 캡슐 바 */
.empty_104484_ .cap{
  position:relative;
  z-index:5;
  display:block;

  padding:15px 22px;
  border-radius:999px;
  font-size:20px;
  color:#fff;

  /* ✅ 레퍼런스처럼 연결되게: 중간/우측은 좌측으로 당겨 겹치고, 폭을 늘림 */
  width:100%;
}

/* 연결(겹침) 폭 조절: 레퍼런스에 더 가깝게 */
.empty_104484_ li:nth-child(1) .cap{width:calc(100% + 26px);}              /* 오른쪽으로 조금 더 */
.empty_104484_ li:nth-child(2) .cap{width:calc(100% + 52px); margin-left:-26px;}
.empty_104484_ li:nth-child(3) .cap{width:calc(100% + 26px); margin-left:-26px;}

/* 배경색 */
.empty_104484_ li:nth-child(1) .cap{background:#c25299;}
.empty_104484_ li:nth-child(2) .cap{background:#d8cb5f;}
.empty_104484_ li:nth-child(3) .cap{background:#71b36f;}

/* + 표시: 이미지 대신 CSS로 (미르피아에서 가장 안정적) */
.empty_104484_ .cap::before{
  content:"+";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  line-height:1;
  color:#fff;
  opacity:.95;
}
.empty_104484_ li:nth-child(1) .cap::before{display:none;} /* 첫 번째는 + 없음 */

/* 영문 서브 */
.empty_104484_ .cap span{
  display:block;
  margin-top:2px;
  font-size:18px;
  color:#fff;
  opacity:.6;
  transition:color .25s ease, opacity .25s ease;
}

/* 설명문 */
.empty_104484_ .desc{
  display:block;
  margin-top:15px;
 font-size:18px;
  line-height:1.4;
}

/* ✅ hover 시 파란색(미르피아 화면과 동일 조건) */
.empty_104484_ li:hover .cap,
.empty_104484_ li:hover .cap span{
  color:#232323;
 font-weight:500;
  opacity:1;
}

/* 반응형 */
@media (max-width:1023px){
  .empty_104484_{padding:0px 40px 50px;}
}
@media (max-width:767px){
  .empty_104484_{padding:0px 40px 50px;}
  .empty_104484_ ul{display:block;}

  .empty_104484_ li:hover::before{transform:none;}
  .empty_104484_ li:hover::after{top:75px;}
  .empty_104484_ li{width:100%;}
  .empty_104484_ li + li{margin-top:30px;}

  .empty_104484_ li:nth-child(1) .cap,
  .empty_104484_ li:nth-child(2) .cap,
  .empty_104484_ li:nth-child(3) .cap{width:100%; margin-left:0;}
  .empty_104484_ .cap{font-size:15px;}           /* 캡슐 바 메인 텍스트 */
  .empty_104484_ .cap span{font-size:15px;}      /* 영문 서브 텍스트 */
  .empty_104484_ .desc{font-size:15px;}          /* 설명문 */
  .empty_104484_ .cap::before{font-size:17px;}   /* + 기호는 조금 크게 유지 (선택사항) */
}
}


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

/*     1791583 : BLANK 컨텐츠      */
/* ===== Design 2.0 : Hero Frame Section ===== */
.layout_104703_wrap{
  /* 풀폭 */
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  /* 높이 고정 */
  height:520px;
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:-100px !important;

  /* 배경 */
  background:url("/img_up/shop_pds/mirpia1004/build/option/je-mok-eum-117679418311.png") no-repeat center;
  background-size:cover;
  background-attachment:fixed;

  /* 레이아웃 */
  position:relative;
  overflow:hidden;

  display:flex;
  align-items:center;
}

/* 컨텐츠 폭 컨테이너 */
.layout_104703_{
  clear:both;
  margin:0 auto;
}
.layout_104703_ > div::after{content:""; display:block; clear:both;}
.layout_104703_ > div > [class^="container_"]{
  float:left;
  position:relative;
  width:100%;
  box-sizing:border-box;
}

/* 프레임 */
.layout_104703_wrap .frame{
  width:100%;
  height:100%;
  position:absolute;
  left:20%;
  top:100px;
  pointer-events:none;
}
.layout_104703_wrap .frame .line{
  display:block;
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,0.3);
}
.layout_104703_wrap .frame .edge{
  display:block;
  width:19px;
  height:19px;
  position:absolute;
  left:0;
  top:0;
  border-top:1px solid #fff;
  border-left:1px solid #fff;
}

/* 텍스트 */
.hero_text{
  width:100%;
  text-align:center;
  color:#fff;
  z-index:5;
}
.hero_title{
  font-size:42px;
  font-weight:500;
  letter-spacing:-0.02em;
  line-height:1.2;
  margin:0 0 14px 0;
}
.hero_sub{
  font-size:18px;
  font-weight:300;
  line-height:1.6;
  opacity:0.9;
  margin:0;
}

/* 반응형 */
@media (max-width:1023px){
.hero_title{ font-size:20px;}
.hero_sub{ font-size:15px;  line-height:1.2;}
.layout_104703_wrap{height:320px; background-attachment:scroll;  }
.layout_104703_wrap .frame{left:10%; top:50px;}
}
@media (max-width:767px){
  .layout_104703_wrap{
    height:240px;
  }
  .layout_104703_wrap .frame{left:6%; top:40px;}
}