/*공통*/
.mface_process{border:1px solid #ededed;margin:5px;padding:0px;border-radius: 20px;overflow:hidden;}
.box_color_f{background:#ff7f5c;padding:5px 35px;border-radius: 20px;color:#fff;font-size:1.10rem;margin-bottom:10px;}
.box_gray{background:#999;}
.box_color_red{background:#fd643b ! important;}
.mface_process p{margin-top:5px;font-size:1.0rem;}

.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;}
.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;}

.premi_bwtwo .air_box{text-align:center;border:3px solid #d49659;border-radius: 30px;margin-bottom:10px;padding:25px;} 
.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:#d49659;display:inline-block;border-radius:300px;color:#fff;font-weight:700;display:inline-block;width:50px;height:50px;line-height:50px;text-align:Center;}

.wbbox_box h4{margin-top:10px;}
.ju_title_box{padding:25px;}
.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;
}

.youtube_wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube_wrap iframe {
  width: 100%;
  height: 100%;
}

@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) {



}

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


/* 제목 */
.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;
}





@media (max-width:767px){
.img_wc img{margin:40px auto 10px auto;}
.yellow_wbbox .col-12{padding-left:0px;padding-right:0px;}

.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;}



/*premium5*/

.brown_bor {margin-bottom: 15px;}
.orang_text {color: #ff3300 ! important;}
.green_text {color: #336600 ! important;}
.blue_text {color: #2e3192 ! important;}


.text-left{text-align:left;}
.text-center{text-align:center;}
.black_text{color:#000 ! important;}
.section_title h6{font-weight:700;font-size:0.90rem;margin-bottom:10px;color:#583624 ;letter-spacing:-0.5px;}

.premi05 .prem5_img_icon{margin-top:40px;}
.prem5_img_icon{border:1px solid #ededed;   border-radius: 15px;padding:30px 25px;}
 p{font-size: 1.0rem;line-height: 1.6;}


.psmall_text_wrap{margin-top:20px;padding:10px 0px 0px 5px;}

.psmall_text_wrap h6{font-size:0.90rem;}
.psmall_text{font-size:0.80rem ! important;}

/*TECHNOLOGY*/
.face_img_4box h6, .prem5_img_icon h4{font-size: 1.25rem;font-weight: 700;}
.face_img_4box {
    text-align: center;
    margin-top: 20px;
    border: 1px solid #ededed;
    border-radius: 15px;
    padding: 25px;
}
.face_img_4box .icon_face_i{font-size:30px;margin-bottom:15px;color:#ff3300;font-weight:700;}
.face_img_4box .icon_face{width:35px;margin-bottom:15px;}
.face_img_4box h6{margin-bottom:10px;}

.border_gray_box{background:#f9f8f8;border:1px solid #ededed;width:100%;margin:40px 0px 0px 0px;padding:20px 5px;text-align:Center;   border-radius:55px;}
.bor_boxb_wrap{margin-top:15px;}
.bor_boxb_wrap h5{font-size: 1.55rem;}
.bor_boxb{display:inline-block;border:1px solid #7c5236;padding:3px 15px 5px 15px;border-radius:55px;color:#7c5236;font-size:0.85rem;margin:0px 2px;}

.bor_radius h5{padding:15px 15px;font-size: 1.25rem;text-align:center;}
.brown_bor p{padding:15px 15px;text-align:center;}
.img_sub .img_ws{margin-bottom:0px;}
.img_bottom img { margin-bottom:0px;}

/*소프웨이브 탄력 리프팅*/
.premi_bwtwo{    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:5px 15px;
    padding: 0;
    margin: 0;}
.premi_bwtwoli{width:100%;}
.process_img{text-align:Center;}

.prem5_img_icon img{height:48px;margin-bottom:4px;}
.air_process{}
.img_ws1{width:100%;}

.premi_bwtwo{}
.petit1_img1bg {
    background: url(/img/petit/petit1_img1bg.jpg) center top no-repeat;
    background-size: cover;
}
/*소프웨이브, 심포니가 하면 다릅니다.*/
  .box_softwave{  
  background:#fff;
    border: 1px solid #cc9966;
    border-radius: 20px;
	overflow:hidden;
    margin-bottom: 20px;
	padding-bottom:25px;}
  .box_softwave img{margin-bottom:20px;}
  .box_softwave h4{font-size:1.10rem;margin-bottom:5px;    padding: 0px 20px;}
  .box_softwave h5{color: #7c5236;margin-bottom:10px;font-weight:600;    padding: 0px 20px;}
   .box_softwave p{padding:0px 20px;}

/*COMPARE*/

   .process_two{margin:15px auto;}
   .process_img1_title{padding:0px 25px;align-self: center;}
   .mface_process.air_process .process_img1_title p{padding:0px;}
.last .yellow_wbbox::after{display:none;}
.layout .item img{ border-radius: 20px;}
.youtube_wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube_wrap iframe {
  width: 100%;
  height: 100%;
}


/* section 기준 잡기 */
.softwave_section {
  position: relative;
}

/* 두 영역을 나란히 쓰는 구조라면 */
.wrap_two1 {
  position: relative;
}

/* 타이틀 따라다니기 */
.title_wra {
  position: sticky;
  top: 120px; /* 헤더 높이에 맞게 조절 */
  align-self: flex-start;
  z-index: 5;
}

/* 기준이 되는 콘텐츠 영역 */
.row.mt_60.crow {
  position: relative;
}

.wrap_two .img_bottom{	}

.air_process{position:relative;}
.title_posi{position:absolute;left:15px;top:15px;}
.box_color_f.title_posi {

    padding:5px 25px 7px 25px;
    border-radius: 30px;
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.yellow_wbbox{background:#fff;border:1px solid #ededed;  border-radius: 30px;overflow:hidden;}

.yellow_wbbox img{width:100%; }
.process_img1{padding:15px;}
.box_color_f.box_color_red.title_posi{    background: #cc9966 ! important;}
.layout{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:20px;
}

/* 아래 이미지 전체 1열 */
.layout .full{
  grid-column: 1 / -1;
}

/* 이미지 공통 */
/*.img_w{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
    border-radius: 30px;
}

*/
.img_bottom .img_w{   border-radius:0px;}

   @media (min-width:992px) {
	.border_gray_box{width:80%;margin:60px  auto;}
	.process_img1_title .box_color_f{display:inline-block;font-size: 1.05rem;}
   .process_two{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:5px 15px;
    padding: 0;
	text-align:left;
    margin: 0;}


	.wrap_two{display: grid;
  grid-template-columns: 4fr 6fr; 
    gap:0px 15px;
    padding: 0;
	align-self: end;
	text-align:left;
    margin: 0;}


	
.wrap_two1{display: grid;
  grid-template-columns: 4fr 6fr; 
    gap:0px 15px;
    padding: 0;
	place-items:top;
	text-align:left;
    margin: 0;}


.wrap_two2{display: grid;
  grid-template-columns: 5fr 5fr; 
    gap:0px 100px;
    padding: 0;
	place-items: center;
	text-align:left;
    margin: 0;}


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


  margin-top: 15px;
display: grid;
  grid-template-columns: 5fr 5fr; 
    gap:0px 30px;
    padding: 0;
	place-items:left;
	text-align:left;
    margin: 0;}

.box_1soft{}
.ju_title_box{   align-self: center;  }
.box_2soft{margin-top:100px;}
.box_3soft{}
.box_4soft{margin-top:80px;}

   }

@media (max-width:991px) {
.wbbox_box h6{margin-top:10px;font-weight:600;font-size:1.1rem ! important;}
.wbbox_box p{width:100%;font-size:0.85rem;}
.ju_title_box{padding:25px;}
	  .title_wra { position: static; }
.p_70.bg_select_g.moblie_0{padding-bottom:0px;}
.mo_mt20{margin-top:20px ! important;}
.layout{gap:15px;margin-top:20px;}
.wbbox_box{margin-top:20px;margin-bottom:0px;}
.premi05{margin-top:0px ! important;}
.premi05 .prem5_img_icon{margin-top:20px;}
}


@media (max-width:767px) {
.faq_w_row.col-12{padding-left:0px;padding-right:0px;}
	.air_process{min-height:140px;}
    h4, h4 > span, .face_img_4box h6, .prem5_img_icon h4, .bor_radius h5 {
        font-size: 1.1rem ! important;
    }


	.m_br {
        display: block;
    }


}


@media (max-width:480px) {

   .premi_bwtwo{grid-template-columns: repeat(1, 1fr);
   .m_br {
        display: none;
    }
}