.mface_process{border:1px solid #ededed;margin:5px;padding:10px;border-radius: 20px;min-height:420px;}
.box_color_f{background:#ff7f5c;padding:10px 15px;border-radius: 20px;color:#fff;font-size:1.30rem;margin-bottom:10px;}
.box_gray{background:#999;}
.box_color_red{background:#fd643b ! important;}
.mface_process p{margin-top:5px;font-size:1.0rem;}
.mface_process .process_img{margin-top:5px;}
.ptm_15{padding:25px ;font-size:1.15rem;line-height:1.5;}

.air_img2{text-align:center;}
.air_img2 h5{margin-top:20px;}
.air_img2 p{font-size:1.15rem;line-height:1.5;margin-top:10px;}

.air_process{background:#fff;min-height:394px;}
.mface_process.air_process{text-align:center;}
.mface_process.air_process h4{text-align:center;}
.mface_process.air_process p{padding:10px 15px 25px 15px;}
.air_icon_w{display: flex;flex-wrap: wrap;}

.air_icon h6{font-size:1.25rem;}
.air_icon p{font-size:1.15rem;line-height:1.5;margin-top:5px;}

.air_box{text-align:center;border:2px solid #966c50;border-radius: 20px;padding:38px 20px;margin-bottom:10px;} 
.air_box h4{color: #7c5236;margin-bottom:10px;font-weight:700;}
.air_box p{font-size:1.15rem;line-height:1.5;margin-top:5px;}
.img_wc{text-align:center;}

.subb_text{font-size:0.90rem;margin-top:10px;}
.air_icon img{width:65px;margin-bottom:10px;}
.skin11_img4_bg {
    background: url('/img/skin/skin11_img4_bg.jpg') center top no-repeat;
}
.ow_wbbox .ju_title_box{    background: #f3f3f3;}
.grayb_box{margin-top:15px;}
.wbbox_box .yellow_box{background:#d39a55;display:inline-block;padding:8px 20px 10px 20px;border-radius:30px;color:#fff;font-weight:700;}
.wbbox_box .yellow_box.red_bopx{background:#d35e55;}
.wbbox_box h4{margin-top:10px;}

.wbbox_box p{margin-top:20px;margin-bottom:15px;font-size:1.0rem;line-height:1.5;}
.faq_pre .faq_wrap{border:1px solid #ededed;border-radius:20px;padding-top:17px;    margin-top:10px;background:rgba(255,255,255,0.95);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);}
.faq_pre .faq_wrap dt{padding:0px 10px 0px 55px;}
.faq_pre .faq_wrap dd{padding-left:60px;padding-top:20px;margin-top:20px;border-top:1px solid #ededed;padding-bottom:15px;padding-right:25px;}
.faq_pre .faq_wrap dt:before {
    content: 'Q';
    position: absolute;
    left: 15px;
    top: -0px;
    width: 28px;
    height: 28px;
    line-height: 25px;
    background: #d5bdb7;
    color: #fff;
    text-align: center;
    border-radius: 50%;

}
.faq_pre .faq_wrap dd:before{    content: 'A';
    position: absolute;
    left: 25px;
    top: 20px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    background: #d5bdb7;
    color: #fff;
    text-align: center;
    border-radius: 50%;}



	.collagen_bg2 {
    background: #f8efd9 url(/img/collagen/collagen_bg2.jpg) center top no-repeat;
}
@media (min-width:992px){
.air_icon{flex: 1 1 19%;text-align:center;}
.img_wc img{max-width:700px;}

}

/* 바탕 박스 */
.grayb_box {


  margin-top: 15px;
  border-radius: 16px;
}



@media (max-width:768px){
.faq_pre .faq_wrap dt:before{    top: -3px;}
.order_1{order:1;}
.order_2{order:2;}
.mface_process p{font-size:0.88rem;}
.bor_radius.brown_bor{width:100% ! important;}
   h4.box_color_f{
        font-size: 1.05rem ! important;
    }

	    .bor_radius h5 {
        font-size: 1.05rem ! important;
    }
.air_icon img{width:45px;}
.air_icon_w{}
.air_icon{flex: 1 1 45%;text-align:center;margin:10px 10px;padding:15px 15px; background:#fff;border:1px solid #ededed;border-radius:15px;}
    h6 {
        font-size: 0.95rem ! important;
    }
	.bor_radius li{margin:5px 0px;}
.air_icon p{font-size:0.88rem;}
.mt-60, .row_plr{margin-top:30px ! important;}
}


@media (min-width:768px){
.air_icon{margin-top:30px;}
.wbbox_box h6{margin-top:40px;font-weight:600;}
.img_wc img{margin:60px auto 10px auto;}
}



@media (min-width: 992px) {
.grayb_box .col-12.col-md-4.col-lg-2{   
       -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;}
}




/* 회색 배경 박스 (전체 컨테이너) */
.grayb_box {


  margin-top: 15px;

}

/* 각 step 컬럼 안의 row */
.wbbox_box {
  margin-bottom: 24px;
}

/* 카드 박스 전체 */
.yellow_wbbox .ju_title_box {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 18px;
  border:1px solid #ededed;
  padding: 24px 20px 22px;
  text-align: left;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}

/* STEP 라벨 (노란 뱃지) */
.wbbox_box .yellow_box {
  background: #d39a55;
  display: inline-block;
  padding: 7px 15px 8px 15px;
  border-radius: 30px;
  width:100px;
  text-align:Center;
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0px;
  text-transform: uppercase;
}

/* 제목 */
.wbbox_box h6 {
  margin-top: 20px;
  font-size: 1.25rem;margin-left:5px;
  font-weight: 700;
}

/* 본문 */
.wbbox_box p {
  margin-top: 14px;margin-left:5px;
  margin-bottom: 0;

  line-height: 1.6;
}

/* ===============================
   진행 프로세스 레이아웃 세팅
================================= */

/* 전체 프로세스 row */
.process-flow {
  position: relative;
}

/* 각 step 컬럼 자체를 flex로 → 같은 높이 맞추기 */
.process-flow > div {
  display: flex;
}

/* 안쪽 row.wbbox_box 도 flex */
.yellow_wbbox {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* 카드(.ju_title_box)는 항상 높이 100% */
.ju_title_box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.yellow_wbbox{margin-bottom:30px;}

/* ===============================
   화살표 & 진행 라인
================================= */

/* PC: 오른쪽 화살표 + 중앙 진행 라인 */
@media (min-width: 992px) {
.wbbox_box p{height:73px;}
  /* 가운데 수평 라인 */
  .process-flow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 6%;
    right: 6%;
    height: 2px;
    background: linear-gradient(90deg, #d39a55, #f3d8a5);
    z-index: 1;
  }

  /* 각 step 박스 오른쪽 화살표 → */
  .yellow_wbbox::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    border-left: 10px solid #d39a55;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }

  /* 마지막 step은 화살표 없음 */
  .process-flow > div:last-child .yellow_wbbox::after {
    content: none !important;
  }
}

/* 모바일/태블릿: 아래 화살표 ↓ */
@media (max-width: 991px) {

  /* 세로 진행 느낌: 아래 방향 화살표 */
  .yellow_wbbox::after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;                                                     
    transform: translateX(-50%);
    border-top: 10px solid #d39a55;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }

  /* 마지막 step은 화살표 없음 */
  .process-flow > div:last-child .yellow_wbbox::after {
    content: none !important;
  }

  /* 모바일에서는 가운데 수평 라인 숨김 */
  .process-flow::before {
    display: none !important;
  }

  /* 모바일 패딩 살짝 줄이기 (선택사항) */
  .grayb_box {
  gap:35px;

  }
}
@media (max-width:767px){
.img_wc img{margin:40px auto 10px auto;}
.yellow_wbbox .col-12{padding-left:0px;padding-right:0px;}
.wbbox_box h6{margin-top:25px;font-weight:600;font-size:1.1rem ! important;margin-left:5px;}
.wbbox_box p{width:100%;font-size:0.85rem;margin-left:5px;}
.grayb_box{margin-top: 15px ! important;}
.air_box{padding:20px;}
.air_box h4{font-size: 1.05rem ! important;}
.air_box p{font-size:0.88rem;}
}

  .yellow_wbbox.last_box::after {display:none;}