@charset "utf-8";

html{ scroll-behavior: smooth;}
.mb8{margin-bottom: 8px !important;}
.mb10{margin-bottom: 8px !important;}
.sc{color: #4db2b7;}

.swiper-pagination-bullet{    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;}


.acneimg1{    background: url(/2024/img/acneimg1.jpg) center / cover no-repeat ;}


.liftimg1{    background: url(/2024/img/lift1.jpg) center / cover no-repeat ;}
.liftimg2{    background: url(/2024/img/lift2.jpg) center / cover no-repeat ;}
.liftimg3{    background: url(/2024/img/lift3.jpg) center / cover no-repeat ;}


.melaimg1{    background: url(/2024/img/melaimg1.jpg) center / cover no-repeat ;}
.melaimg2{    background: url(/2024/img/melaimg2.jpg) center / cover no-repeat ;}
.melaimg3{    background: url(/2024/img/melaimg3.jpg) center / cover no-repeat ;}

.waximg1{    background: url(/2024/img/waximg1.jpg) center / cover no-repeat ;}
.waximg2{    background: url(/2024/img/waximg2.jpg) center / cover no-repeat ;}



.bstimg1{    background: url(/2024/img/bstimg1.jpg) center / cover no-repeat ;}
.bstimg2{    background: url(/2024/img/bstimg2.jpg) center / cover no-repeat ;}
.bstimg3{    background: url(/2024/img/bstimg3.jpg) center / cover no-repeat ;}
.bstimg4{    background: url(/2024/img/bstimg4.jpg) center / cover no-repeat ;}




.scarimg1{    background: url(/2024/img/scarimg1.jpg) center / cover no-repeat ;}
.scarimg2{    background: url(/2024/img/scarimg2.jpg) center / cover no-repeat ;}
.scarimg3{    background: url(/2024/img/scarimg3.jpg) center / cover no-repeat ;}
.scarimg4{    background: url(/2024/img/scarimg4.jpg) center / cover no-repeat ;}
.scarimg5{    background: url(/2024/img/scarimg5.jpg) center / cover no-repeat ;}
.scarimg6{    background: url(/2024/img/scarimg6.jpg) center / cover no-repeat ;}










.process{background: #4db2b7 !important }
.process .mela_tit p{    color: #fff;
    margin-bottom: 0;
    font-weight: 400;}
.process_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; background: #fff;
border: 2px solid #fff;}
.process_wrap img{width: 54%;}
.process_r{width: 46%;}
.process_r h3{color: #4db2b7; font-size: 24px; font-weight: 600; margin-bottom: 5px;}
.process_r p{color: #241b14;  font-weight: 400;}






.spe2{padding: 160px 220px;     background: url(/2024/img/fill_bg.jpg) center / cover no-repeat;}
.spe2 h3{    font-size: 30px; text-align: center;    margin-bottom: 70px;}
.spe2 h3 span{        background: #4db2b7;
    color: #fff;
    padding: 0 5px;}
.spe2_wrap{display: flex; justify-content: space-between;}
.spe_con{width: 24%; padding: 4%; background: #fff;}
.spe_con h4{color: #4db2b7; font-size: 22px; font-weight: 600;margin-bottom: 10px;}


/*회원*/
.sub_member{ background: #f8f6f2; height: 360px; padding: 250px 0 0;  text-align: center;}
.notice_sub{ background: #f8f6f2; height: 180px; padding: 250px 0 0;  text-align: center;}
.notice_sub h1{font-size: 27px;}
.sub_member h1{font-size: 27px;}
.sub_process{display: flex
;
    align-items: center;
    font-size: 17.5px;
    justify-content: center;
    margin-top: 40px;}
.sub_process span{color: #b1b1b1;}
.sub_process .on{font-weight: 600;     color: #241b14;}
.sub_process img{margin: 0 10px;}

.member_form{ max-width: 800px; margin: 0 auto;
    position: relative; top: -180px; background: #fff; padding: 12px;}
.login_form{ max-width: 600px; margin: 0 auto;
    position: relative; top: -240px; background: #fff; padding: 12px;}
.login_form form{  padding:50px  40px;
    border: 1px solid #241b14;}
.member_form form{    padding:50px  40px;
    border: 1px solid #241b14;}
.member_form form table{width: 100%;}
.member_form .join_result{ padding:50px  40px;
    border: 1px solid #241b14; text-align: center;}
.member_form .join_result h2{    font-size: 22px;
    font-weight: 600; margin-bottom: 10px;}
.member_form .join_result p{font-size: 18px; color: #555;}

.member_form .tt{    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;}
.agreebox1{ margin-bottom: 50px;}
.ag_wrap{    padding: 3%;
    border: 1px solid #d5d5d5;
    padding-right: 2%;}
.ag1{     height: 180px;
    overflow: auto;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 300;
    padding-right: 3%;
}
.ag1::-webkit-scrollbar{ width: 4px;}
.ag1::-webkit-scrollbar-track{ background: #f1f1f1;}
.ag1::-webkit-scrollbar-thumb{ background: #80c7bc}
.ag1::-webkit-scrollbar-button{display: none;}

.ag1 b{ 
    margin-bottom: 5px;
    display: inline-block;}
.fw500{font-weight: 500;}
.agnotice{    background: #f9f9f9;   padding: 15px;   margin-bottom: 20px;}
.agreecheck{margin-top: 40px; text-align: center;}
.submitbox{text-align: center; margin-top: 40px;}
.btn_cancle, .btn_home{    background: #444;  border: none;    padding: 14px 20px; display: inline-block;
    width: 160px;  font-size: 16.5px;  color: #fff !important; cursor: pointer; margin-right: 8px;}
.btn_next, .btn_golog{background: #80c7bc;  border: none;    padding: 14px 20px; display: inline-block;
    width: 160px;  font-size: 16.5px;  color: #fff !important; cursor: pointer;}
.btn_join{background: #80c7bc;  border: none;    padding: 14px 20px;
    width: 400px;  font-size: 16.5px;  color: #fff !important; cursor: pointer; display: inline-block;}
.key{font-size: 18px; width: 140px;}
.key span{font-size: 30px; color: #80c7bc;
    line-height: 0;
    margin-left: 2px;}
.member_form td{padding-bottom: 20px;}

.login_box{display: flex; justify-content: space-between;}
.login_box .submitbox {margin-top: 0; width: 40%;}
.btn_login{background: #80c7bc;  border: none;    padding: 14px 20px; display: inline-block;
    width: 100%;  font-size: 16.5px;  color: #fff !important; cursor: pointer; height: 99px; }
.btn_findid {
    background: #80c7bc;
    border: none;
    display: flex
;
    width: 100%;
    font-size: 16.5px;
    color: #fff !important;
    cursor: pointer;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.tblbox{width: 60%; margin-right: 13px;}
#user_id{margin-bottom: 15px;}
#user_pwd{margin-bottom: 20px;}
.xfont{font-size: 15px; margin-top: 10px; display: block;}
.find_join{margin-top: 40px; text-align: center; display: flex; justify-content: space-between;}
.tblbox table{    border-spacing: 0;     width: 100%;}
.btn_find{  background: #999;  border: none;    padding: 12px 20px; display: inline-block;
    width: 50%;  font-size: 16.5px;  color: #fff !important; cursor: pointer; margin-right: 12px;
border: 2px solid #999;}
.btn_gojoin{    border: 2px solid #80c7bc;
    padding: 12px 20px;
    display: inline-block;
    width: 50%;
    font-size: 16.5px;
    color: #80c7bc !important;;
    cursor: pointer;}
.find_tab{    display: flex;
    margin-bottom: 40px;
    font-size: 18px;
    justify-content: space-between;
    text-align: center;}
.find_tab a{ color: #b1b1b1;padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; width: 50%;}
.find_tab a.find_on{ color: #80c7bc; border-bottom: 2px solid #80c7bc; font-weight: 600;}

.description .id{font-size: 20px; font-weight: 500;  background: #241b14; color: #fff;
    padding: 10px; display: block; margin-top: 20px;  text-align: center;}
.description .pw{font-size: 20px; font-weight: 500;  background: #241b14; color: #fff;
    padding: 10px; display: block; margin-top: 20px;  text-align: center;}
.find_ok{ text-align: center; font-size: 18px; font-weight: 600;}
.ec-base-desc{    margin: 40px 0;   padding: 15px 0;  border-top: 1px solid #d5d5d5;  border-bottom: 1px solid #d5d5d5;}
.ec-base-desc li{display: flex;}
.ec-base-desc li:first-of-type{margin-bottom: 10px;}
.term{width: 70px; font-weight: 600;}

.b{font-weight: 600;}
.find_log{background: #80c7bc;   border: none;   padding: 12px 20px;   display: inline-block; width: 50%;  
    font-size: 16.5px;   color: #fff !important;   cursor: pointer;   margin-right: 12px;
    border: 2px solid #80c7bc;}
.find_pw{ background: #999;   border: none;   padding: 12px 20px;   display: inline-block;    width: 50%;
    font-size: 16.5px;   color: #fff !important;   cursor: pointer;   border: 2px solid #999;}
   
.remail{font-size: 15px;
    margin-top: 5px; color: #666;}



/*게시판*/

.notice_inner{max-width: 1200px; margin: 60px auto 150px;}

.photo_tab{    display: flex;
    margin-bottom: 40px;
    font-size: 18px;
    justify-content: space-between;
    text-align: center;}
.photo_tab a{ color: #b1b1b1;padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; width: 50%;}
.photo_tab a.photo_on{ color: #4db2b7; border-bottom: 2px solid #4db2b7; font-weight: 600;}

.view .title{padding: 30px; border-top: 1px solid #333; border-bottom: 1px solid #d5d5d5;}
.view .viewCon{padding: 50px 30px; border-bottom: 1px solid #d5d5d5; font-size: 17px; line-height: 1.6;}
.view .viewCon img{width: 60%;}
.view .subject{font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.view .date{color: #666;}
.view form b{    padding: 30px 0 0 30px;
    display: block;}
.board_btn{margin-top: 70px; text-align: center;}
.btn_list{    background: #80c7bc;    border: none;
    padding: 14px 20px;    display: inline-block;
    width: 160px;    font-size: 16.5px;    color: #fff !important;    cursor: pointer;}
.btn_edit{    border: 2px solid #80c7bc;
    padding: 12px 0;
    display: inline-block;
       width: 80px;
    font-size: 16.5px;
    color: #80c7bc !important;   margin-right: 10px;
    cursor: pointer;}
.btn_remove{    background: #999;
    padding: 14px 2px;
    display: inline-block;
    width: 80px;
    font-size: 16.5px;
    color: #fff !important;
    cursor: pointer;
    margin-right: 10px;
  }

.photoBox{display: flex; flex-wrap: wrap;     gap: 30px;}
.photo-module{    width: calc(33.33% - 90px); transition: all .3s;}
.photo-module:nth-of-type(3){margin-right: 0;}
.photo-module:nth-of-type(6){margin-right: 0;}
.photo-module:nth-of-type(7){margin-right: 0;}
.thumbnail{background: #f1f1f1; width: 100%;}
.thumbnail img{width: 100%; height: 100%; transition: all .3s;}
.photo-content{padding-top: 40px;}
.photo-content .subject{font-size: 18px; font-weight: 500;margin-bottom: 10px;}
.photo-content .date{color: #666;}
.board_write{  }
.btn_write{    background: #4db2b7;   border: none;
    padding: 14px 20px;   display: flex;
    width: 160px;   font-size: 16.5px;   color: #fff !important;
    cursor: pointer;   justify-content: space-between;   align-items: center;
margin-left: auto; margin-top: 50px;}

.page_prev img{width: 11px;}
.page_num a{    display: inline-block;  width: 30px; transition: all .3s;
    height: 30px;  line-height: 30px;
    font-size: 20px;  color: rgb(68, 68, 68, 0.6);
    background: transparent;   box-sizing: border-box;
    border-radius: 100px;   font-weight: 400;}
.page_num .page:hover{color: #80c7bc}
.page_num a.page_on{ color: #fff;   background: #4db2b7;  font-weight: 500;}
.page_num{display: inline-block; margin: 0 30px;}
.page_prev img{width: 11px;}
.page_next img{width: 11px;}

.btn_make{    background: #4db2b7;
    border: none;
    padding: 14px 20px;
    display: inline-block;
    width: 160px;
    font-size: 16.5px;
    color: #fff !important;
    cursor: pointer;}
.member_write{top: -240px;}

.wrt_board dl {margin-bottom: 20px;}
.wrt_board dl dt{width: 140px; font-size: 18px;  margin-bottom: 10px;}
.wrt_board dl span { font-size: 30px; color: #80c7bc;
    line-height: 0;
    margin-left: 2px;
}
.mdrop2 body{margin: 0px;}

#checklist table{width: 100%; text-align: center;   border-collapse: collapse;}
#checklist table th{font-size: 18px; padding: 20px 10px; font-weight: 500; border-bottom: 1px solid;}
#checklist table td{font-size: 17px; padding: 30px 10px; border-bottom: 1px solid #d5d5d5; color: #555;}
#checklist table td.subject {text-align: left;    color: #241b14; padding: 30px ;}

.nflex{    display: flex; align-items: center;}
.nflex #numTxt{   border: 2px solid #80c7bc; background: #80c7bc;
    height: 38px; line-height: 38px; letter-spacing: 2px; font-size: 18px;
    font-weight: 500;  color: #fff; padding: 0 25px; margin-left: 0; margin-right: 12px;}
.subject a{    display: flex;    align-items: center;}
.subject a img{  height: 18px; margin-left: 5px;}
.replyTable, .msg_list{padding: 30px; }

.replyTable textarea {      width: 95% !important;
    border: 1px solid #d5d5d5;  color: #241b14;    padding: 10px;
    font-size: 16px;   font-weight: 300;    height: 68px !important;    outline: none;}
.replyTable textarea:active{ border: 1px solid #80c7bc;}
.replyTable textarea:focus{  border: 1px solid #80c7bc;}
.replyTable textarea:hover{  border: 1px solid #80c7bc;}
.msg_list .txt { padding: 10px; border: 1px solid #d5d5d5; background: #f9f9f9; color: #000; }
.msg_list .date {  margin-top: 15px;}
.btn-primary { width: 100%; height: 92px; font-size: 16px;}
.xi-message{margin-bottom: 12px;}

.subject a{transition: all .3s}
.subject a:hover{    color: #80c7bc;}
.talk_icon{    width: 16px;
    vertical-align: middle;} 
.mtt, .name{padding-bottom: 10px;}







/*더리즈의원 소개*/

.about2 {

  text-align: center;

}

/* 제목 스타일 */
.about_tit h2 {
  font-size: 50px; text-align: center;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;  font-family: 'PoppinsBold';
}
.about_tit span{    font-weight: 600;
    color: #4db2b7;}
.about_tit p {
  font-size: 22px;
  color: #666;
    font-weight: 500;
}

/* 내용 전체 레이아웃 */
.about2_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-top: 60px;
}

/* 각 내용 블록 스타일 */
.about2_con {    background: #fff;
    padding: 50px 20px;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}



.about2_con h5 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
}

.about2_con p {
  color: #555;
  line-height: 1.6;
}



.sub_bg{ padding: 48px 140px 0;}
.sub_bg .sub_process{justify-content: flex-start;}
#about02{padding: 160px 220px; font-size: 20px;     background: url(/2024/img/about_bg.jpg) center / cover no-repeat;}

#about03{padding: 180px 220px 0; font-size: 20px;     background: url(/2024/img/master_bg.jpg) center / cover no-repeat;
    overflow: hidden;}
.about3_l .about_tit h2{font-size: 40px; font-weight: 600; line-height: 1.6; margin-bottom: 10px; text-align: left;}
.about3_l .about_tit h2 p{font-size: 20px;     color: #4db2b7;}
.about3_l .about_tit h2 span{font-size: 20px;   margin-right: 15px;}
.about3_l ul{margin-top: 50px; line-height: 2;}
.about3_l ul b{ font-weight: 600;}
.about3_wrap{display: flex; justify-content: space-between; }
.about3_l{width: 60%;  line-height: 1.8;}
.about3_r{width: 38%}
.about3_r img{width: 600px; margin-top: 100px;}
#about04{padding-top: 180px; }
.about4 .about_tit h2{font-size: 40px; margin-bottom: 60px; font-weight: 300;}
.about5 .about_tit h2{font-size: 40px; margin-bottom: 60px; font-weight: 300;}
.indoor1{  background: url(/2024/img/indoor1.jpg) center / cover no-repeat; height: 660px !important;}
.indoor2{  background: url(/2024/img/indoor2.jpg) center / cover no-repeat; height: 660px !important;}
.indoor3{  background: url(/2024/img/indoor3.jpg) center / cover no-repeat; height: 660px !important;}
.indoor4{  background: url(/2024/img/indoor4.jpg) center / cover no-repeat; height: 660px !important;}
.indoor5{  background: url(/2024/img/indoor5.jpg) center / cover no-repeat; height: 660px !important;}
#about05{padding: 180px 200px;}
#about06{padding: 160px 200px; background: #f9f9f9;}



/* 그리드 레이아웃 */
.about5_wrap {
     display: flex;
    gap: 30px;
    flex-wrap: wrap;

}

/* 개별 박스 스타일 */
.about5_con { overflow: hidden;
     background: #f8f8f8;
    padding: 50px 25px 30px;
 position: relative;
   width: calc(25% - 72.5px); transition: all .3s;
}


.about5_con img{ width: 76%; position: absolute; bottom: 0; right: 0%; transition: all .3s;
opacity: .5}
.about5_con:hover img{opacity: 1;}


/* 회사명 및 장비명 */
.about5_con .company {
      font-size: 16px;
    font-weight: 600;
    color: #4db2b7;
    margin-bottom: 0px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

.about5_con .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
    text-align: left;
    padding-left: 15px;
}

/* 효과 및 설명 */
.about5_hover {
     background: rgb(213, 213, 213,0.3);
    padding: 15px;
    position: relative;
}

.about5_hover .tag {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  margin-bottom: 8px;
        letter-spacing: 0px;

}

.about5_hover .ex {
  font-size: 16px;
  color: #333;
}

/* 자세히 보기 버튼 */
.about5_con .plus {
  background: #007aff;
  color: #fff; display: none;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-radius: 8px;

  width: 100%;
  transition: background 0.3s ease-in-out;
}

.about5_con .plus:hover {
  background: #005ecb;
}






/*슬라이드 버튼 위치수정*/
.swiper-pagination2{bottom: 30px !important; width: 200px !important;}







/*여드름*/
.acne_tit h2 {
  font-size: 40px;
  font-weight: 600;

}

.acne_tit p {
  font-size: 18px;
  font-weight: 500;
}



/* 여드름 치료 - 추천 섹션 */
.acne2_wrap, .acne4_wrap {
  background: #f9f9f9;
  padding: 50px;
  margin-top: 30px;
}

.acne2_wrap ul, .acne4_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.acne2_wrap ul li, .acne4_wrap ul li {
  width: 30%;
  text-align: center;
  font-size: 18px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* 여드름 치료 솔루션 */
.acne3_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.acne3_l {
  width: 25%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #ffebeb;
  padding: 15px;
  border-radius: 8px;
}

.acne3_r {
  width: 70%;
  font-size: 18px;
}

.acne3_r ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.acne3_r ul li {
  width: 30%;
  background: #ffecec;
  padding: 10px;
  text-align: center;
  margin: 5px;
  border-radius: 5px;
}

/* 차별화된 PDT 여드름 치료 */
.gyr {
  background: #f3f3f3;
  padding: 20px;
  margin-top: 15px;
}

.gyr p {
  font-size: 18px;
  line-height: 1.6;
  padding: 5px 0;
}

/* 여드름 흉터 치료 */
.acne4_con {
  background: #f5f5f5;
  padding: 30px;
  margin-top: 30px;
}

.acne4_t {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 15px;
}

.acne4_b p {
  font-size: 18px;
  line-height: 1.6;
  padding: 10px 0;
}

/* 펄퓨전 시스템 */
#acne05{padding: 160px 200px;}
.acne5_r span{color: #4db2b7;
    font-weight: 600;
    border-bottom: 1px solid #4db2b7;}
.acne5_con{display: flex; justify-content: space-between; }
.acne5_l{    width: 30%;
    font-size: 26px;
    font-weight: 600;
    height: 130px;
    line-height: 130px;
    border: 1px solid;}
.last_p{padding-top: 20px;}
.last_p b{font-weight: 500;}
.acne5_l p{ font-size: 20px; font-weight: 500;}
.acne5_m{width: 5%;}
.acne5_r{width: 60%; line-height: 1.8; text-align: center;}
.acne5_r h3{font-size: 30px; }
.acne5_wrap{display: flex; justify-content: space-between; margin: 40px 0;}
.acne5_wrap li{ width: 145px;
    height: 145px;
    text-align: center;
    line-height: 150px;
    border-radius: 150px;
    font-size: 22px;     color: #fff;
    font-weight: 600;
    background: #fff;
    color: #4db2b7;
    border: 2px solid;}
.acne5_wrap li.add{   background: #4db2b7; padding-top: 0;
   color: #fff;
    border: 2px solid #4db2b7;}
.acne5_wrap li.plus{    width: 30px;    background: none;
    color: #4db2b7;    border: none;    font-size: 30px;    font-weight: 400;
}
.acne5_con2{display: flex; justify-content: space-between; margin: 60px 0 30px; align-items: center;}
.acne5_con2 .acne5_r{text-align: center;}
.acne5_con2 .acne5_r li{    background: #f4f4f4;   padding: 5px;}



.anback{background: #4db2b7 !important;}
.acne_ba{max-width: 1000px; width: 100%; margin: 0 auto}
.acne_ba img{width: 100%;}
.anback .mela_tit p{color: #fff; margin-bottom: 0; font-weight: 400;}
.mt140{margin-top: 140px;}



/* 색소 */


.mela_tit h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

.mela_tit p {
  font-size: 20px;
  font-weight: 500;
  color: #666;
  margin-bottom: 30px;
}

/* 📌 기본 레이아웃 */
.mela_main, .mela3_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

.mela_img, .mela3_img {
  width: 50%;
  height: 400px;
  background: url('/2024/img/mela.jpg') center / cover no-repeat;
}

.mela_r, .mela_l {
  width: 45%;
}

.mela2_wrap2{padding: 160px 220px; display: flex; justify-content: space-between; background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%); align-items: center;}
.mela2_wrap{    width: calc(46% - 100px);
    border-radius: 15px;
    padding: 50px; text-align: center;
    background: #f4f4f4;}
.mela2_wrap .mela_tit h2{margin-bottom: 30px;}
.mela2_wrap ul {display: flex; flex-direction: column; gap: 28px;}
.mela2_wrap ul li span{color: #241b14; font-weight: 500;margin-left: 12px;}
.mela2_wrap ul li{    background: #fff; color: #4db2b7;
    padding: 15px 22px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #ddd;
    display: flex
;
    align-items: center;}
.mela2_wrap3{width: 46%;}
.mela2_wrap3 .mela_tit h2{font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;}
.mela2_wrap3 ul{  display: flex; flex-wrap: wrap;  gap: 15px;    margin-top: 30px;}
.mela2_wrap3 ul li{     padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #4db2b7;
    border: 1px solid;}

/* 📌 프로세스 단계 */
.mela3_wrap{padding: 160px 220px; background: #f9f9f9; text-align: center; display: flex; justify-content: space-between;}
.mela3_wrap h2{font-size: 30px; margin-bottom: 50px;}
.mela3_wrap h2 span{font-weight: 500;}
.mela3_wrap .mela_l{ width: 46%;}
.mela3_wrap .mela_r{ width: 46%;}

.mela3_wrap ul{display: flex; flex-direction: column; gap: 20px;}
.mela3_wrap ul li{
    background: #fff;
    padding: 15px 22px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;}

.mela3_wrap ul li img{margin-right: 12px;}



/* 📌 오타모반 */
.mela3_wrap3{padding: 160px 220px; text-align: center;    background: url(/2024/img/otabg.jpg) center / cover no-repeat; color: #fff;}
.mela3_wrap3 .mela_tit h2{margin-bottom: 50px;}




.mela3_wrap2 ul, .mela3_wrap3 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.mela3_wrap2 ul li, .mela3_wrap3 ul li {

    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 30px;
    background: #fff;
    color: #4db2b7;
}

/* 📌 원데이 화이트닝 */
.mela4 {
  background: #fdf8f5;
  padding: 80px 0;
}

.mela4_wrap ul li {
     background: #f4f4f4;
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 500;
}
.mela4_wrap{padding: 40px 220px;  display: flex; justify-content: space-between; align-items: center;}
.mela4_wrap ul{width: 50%; display: flex; justify-content: space-between;}
.mela4_wrap .mela_tit h2{font-size: 33px; font-weight: 600; margin-bottom: 0;}

.mela3_wrap2{padding: 160px 220px; text-align: center;     background: #4db2b7; color: #fff;}
.mela3_wrap2 .mela_tit h2{font-size: 30px; font-weight: 600; margin-bottom: 60px;}


.acne5{padding: 160px 220px;}
#acne02 {    background: linear-gradient(0deg, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#acne02 .filler_main{    align-items: flex-start; background: #f9f9f9;}
#acne02 .fill_part{width: 46%;}
.body_point{line-height: 2; border: 1px solid #d5d5d5; padding: 25px; margin: 25px 0; background: #fff;}
.body_point p span{color: #4db2b7;}
.fill_body b{    font-weight: 500;
    margin-top: 25px;
    display: block;}
.mela3_flex p{margin-bottom: 40px;}
.acne_point{    background: #ffffff29;   padding: 40px; font-weight: 500;  border-radius: 20px;}

/*스킨부스터*/

/* 기본 스타일 */
.booster {
  font-size: 20px;
}

.booster_main {
  padding: 160px 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 이미지 스타일 */
.booster_img {
  width: 46%;
  height: 440px; border-radius: 20px; 
}

/* 오른쪽 텍스트 영역 */
.booster_r {
  width: 46%;
}

/* 제목 스타일 */
.booster_tit{margin-bottom: 40px;}
.booster_tit h2 {
  font-size: 40px;
  font-weight: 600;

}

.booster_tit p {
  font-size: 22px;
  font-weight: 500;
  color: #666;
}

/* 설명 문단 */
.booster_r p {
  line-height: 1.6;
  margin-bottom: 25px;
}

.booster_r p span{ display: block; font-weight: 600; margin-bottom: 5px;}
.booster_r ul li span{ color: #4db2b7;}

/* 효과 목록 */
.booster_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}

.booster_wrap ul li {
  background: #f4f4f4;
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
}

.add{padding-top: 20px;}
.add h3{ font-weight: 500; font-size: 22px; margin-bottom: 10px; background: #f1f1f1; width: fit-content; padding: 0 5px;}

/* 추천 대상 영역 */
.reco_wrap {
  padding: 140px 220px;
  background: #f9f9f9;
  text-align: center;
}

.reco_tit h2 {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 60px;
}

.reco_tit h2 b{color: #4db2b7; font-weight: 600; border-bottom: 2px solid #4db2b7}
.reco_tit h2 span{font-weight: 500;}


.reco_wrap ul {
 display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.reco_wrap ul li {
  background: #fff;
  padding: 15px 22px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.reco_wrap ul li img{margin-right: 12px;}

.reco_wrap2 li{
    flex-direction: column; width: 15%; padding: 1.5%;
} 
.reco_wrap2 li img{width: 70% !important; margin: 0 auto 10px !important;}

.reco_wrap3 {display: flex; justify-content: space-between; padding: 140px 220px;
  background: #f9f9f9;  }
.reco_wrap3 .reco_tit { width: 35%; padding-top: 10px;}
.reco_wrap3 ul{    width: 46%; display: flex; flex-wrap: wrap; gap: 15px; justify-content: flex-start;}
.reco_wrap3 ul li{     background: #fff; width: 100%;
    padding: 15px 22px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;}
.reco_wrap3 ul li img{margin-right: 12px;}




/* 📌 필러 공통 스타일 */
.filler {
  font-size: 20px;
}

.filler_main {
  padding: 160px 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 📌 필러 제목 */
.filler_tit h2 {
  font-size: 40px;
  font-weight: 600;
}

.filler_tit h2 p {
  font-size: 22px;
  font-weight: 500;
}
.booster_main2{padding: 160px 220px 0; display: flex; justify-content: space-between; align-items: center;}
.booster_main3{padding: 160px 220px ; display: flex; justify-content: space-between; align-items: center;}
/* 📌 왼쪽 텍스트 */
.filler_l {
  width: 40%;
}
.fill_part{width: 50%;}
#filler03 .filler_main{    align-items: flex-start;}
#filler04{background: #f9f9f9;}
#filler04 .fill_part ul li{background: #fff;}
.fill_part .fill_body{margin-top: 100px;}
.fill_part h3{font-size: 30px; font-weight: 600; margin-bottom: 25px;}
.fill_part .add h3{      font-weight: 500;
    font-size: 22px;}
.fill_part ul{    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
    gap: 30px;}
.fill_part ul li{ width: calc(33.333% - 60px);
    background: #f4f4f4;
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 500;
    text-align: center;}
.fill_part ul li:nth-of-type(4){margin-bottom: 0;}
.fill_part ul li:nth-of-type(5){margin-bottom: 0;}
.fill_part ul li:nth-of-type(6){margin-bottom: 0;}

#acne02 .fill_part ul li{background: #fff;}

.filler_l .filler_tit {
  margin-bottom: 30px;
}
.filler_l .filler_tit p {color: #666; font-weight: 500; font-size: 22px;}
b.point {font-weight: 600; color: #4db2b7; border-bottom: 1px solid;}
b.point2 {font-weight: 600; color: #4db2b7; }

/* 📌 필러 이미지 */
.filler_img {
  width: 55%;
  height: 300px;
  background: url('/2024/img/nose_ba.jpg') right / contain no-repeat;
}

/* 📌 효과 리스트 */
.filler_wrap {
  padding: 160px 220px;
  display: flex;
  justify-content: space-between;
  background: #f9f9f9;
     align-items: center;
}

.filler_wrap .filler_tit {
  width: 25%;
}

.filler_wrap ul {
  width: 70%;
  display: flex;
  justify-content: space-between;
}

.filler_wrap ul li {
 width: 21.5%;  text-align: center;  background: #4db2b7;
    padding-bottom: 12px;  color: #fff;  font-weight: 400;  border-radius: 10px;  overflow: hidden;
    box-shadow: 0 0 5px 0 rgb(0, 0, 0,0.2);}

.filler_wrap ul li img {
  width: 100%;
  margin-bottom: 12px;
}

/* 📌 Why 더리즈 특별한 점 */
.filler_wrap2 {
  padding: 160px 220px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: url('/2024/img/fill_bg.jpg') center / cover no-repeat;
}

.filler_wrap2 .filler_tit {
  width: 100%; text-align: center;  margin-bottom: 70px;
}

.filler_wrap2 .filler_tit .spe{  font-size: 30px;  font-weight: 400;}
.filler_wrap2 .filler_tit .spe span{ background: #4db2b7; color: #fff;  padding: 0 5px;}

/* 📌 콘텐츠 박스 */
.full_fill {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
  margin-bottom: 4%;
}

/* 📌 개별 박스 */
.fill_l, .fill_r {
  width: 40%;
  background: #fff;
  padding: 4%;
  margin-bottom: 4%;
}
.full_fill .fill_l, .full_fill .fill_r{margin-bottom: 0;}

/* 📌 비주 필러 설명 */
.fill_r_wrap {
  display: flex;
  padding: 30px;
  background: #f5f4f3;
  justify-content: space-between;
}

.fill_photo {
  background: url('/2024/img/nose.jpg') center / contain no-repeat;
  height: 100px;
  width: 25%;
}

.fill_r_con {
  width: 70%;
}

/* 📌 포인트 설명 */
.fill_r_point {
  background: #4db2b7;
  padding: 30px;
  text-align: center;
  color: #fff;
  margin-top: 55px;
}

/* 📌 강조 박스 */
.fill_point {
  margin-top: 50px;
  padding: 30px;
  border: 2px dashed #d5d5d5;
  color: #444;
}

/* 📌 Why 더리즈 소제목 */
.filler_wrap2 h3 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
}

.filler_wrap2 h3 span {
  font-size: 30px;
  line-height: 36px;
  margin-right: 10px;
  color: #4db2b7;
  font-weight: 700;
}

.filler_wrap2 h4 {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* 📌 특수 캐뉼라 설명 */
.fill_r2 {
  width: 48%;
  background: url('/2024/img/fill2.jpg') center / contain no-repeat;
}


/*왁싱*/
#waxing_part{text-align: center; padding: 160px 220px;}

#waxing_part h3{font-size: 30px;font-weight: 600; color: #4db2b7}
#waxing_part h3 span{font-weight: 400;     color: #555;}
#waxing_part ul{  display: flex; flex-wrap: wrap;  margin-top: 30px;       gap: 30px;
    justify-content: center;}
#waxing_part ul li{     width: calc(20% - 64px);  background: #f4f4f4;  padding: 15px 20px;   border-radius: 10px;   font-weight: 500;  text-align: center;  font-size: 20px;}

.waxing_body:nth-of-type(2){padding: 160px 0;}
.waxing_spe{    padding: 100px 220px 160px;text-align: center;     display: flex; justify-content: space-between;}
.waxing_spe h3{    font-size: 30px;    margin-bottom: 70px;}
.waxing_spe h3 span{ background: #4db2b7; color: #fff;  padding: 0 5px;     width: fit-content; display: block;}


#waxing02{  background: linear-gradient(0deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 60%);}
#waxing03{  background: linear-gradient(0deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 60%);}
#waxing02 .booster_tit{margin-bottom: 0;}
#waxing02 .booster_r p{margin-bottom: 0;}
#waxing03 .booster_tit{margin-bottom: 0;}
#waxing03 .booster_r p{margin-bottom: 0;}
#waxing03 .waxing_spe ul li{font-size: 20px;}
.waxing_spe ul{display: flex; justify-content: space-between; flex-wrap: wrap;    gap: 30px; width: 75%;}
.waxing_spe ul li{      background: #fff;   padding: 50px 20px;
    font-weight: 600;   font-size: 22px;  width: calc(50% - 55px);}
.waxing_spe ul li span{ display: block; color: #241b14;   font-weight: 300;   font-size: 20px;   margin-top: 15px;}
.waxing_spe ul li:last-of-type{ margin-bottom: 0;}


.hmsg{font-size: 15px;margin-top: 5px;
    display: block;}


@media (max-width: 1400px){
    .sub_bg{padding: 45px 140px 0;}
/*    더리즈의원*/
    #about02{padding: 160px 70px; font-size: 19px;}
    .about_tit h2{font-size: 40px;}
    .about2_con h5{font-size: 21px;}
    .about_tit p{font-size: 21px;}
    #about03{padding: 160px 70px 0; font-size: 19px;}
    .about3_l .about_tit h2{font-size: 36px;}
    .about3_l .about_tit h2 p{font-size: 19px;}
    .about3_l .about_tit h2 span{font-size: 19px;}
    #about04{padding-top: 160px}
    .about4 .about_tit h2{font-size: 36px;}
    .indoor1, .indoor2, .indoor3, .indoor4, .indoor5{height: 560px !important;}
    #about05{padding: 160px 70px;}
    .about5 .about_tit h2{font-size: 36px;}
    .about5_con{padding: 40px 20px 30px;    width: calc(33.3333% - 70px);}
    .about5_con .name{font-size: 22px;}
    
    #about06{ padding: 160px 70px;}
    
/*여드름    */
    .booster{font-size: 19px;}
    .booster_main{padding: 160px 70px;}
    .booster_img{height: 360px;}
    .booster_tit h2{font-size: 36px;}
    .acne5 .acne_tit h2{font-size: 36px;}
    .acne5 .acne_tit h2 b{font-weight: 600; display: block;}
    
    .booster_tit p{font-size: 21px;}
    .filler_main{padding: 160px 70px;}
    .filler_tit h2{font-size: 36px;}
    .fill_part h3{font-size: 28px; margin-bottom: 20px;}
    .fill_part ul{gap:20px;}
    .fill_part ul li{width: calc(33.333% - 54px);}
    .fill_part .add h3{font-size: 21px;}
    .body_point{padding: 22px;}
    .mela3_wrap3{padding:  160px 70px}
    .mela_tit h2{font-size: 32px;}
    .acne5{padding: 160px 70px;}
    .acne5_r h3{font-size: 26px;}
    .acne5_wrap li{width: 130px; height: 130px; font-size: 21px; line-height: 130px;}
    .acne5_wrap li.plus{font-size: 28px;}
    .acne5_l{font-size: 24px;}
    .mela_tit p{font-size: 19px;}
    .booster_main2{padding: 150px 70px 0;}
    .booster_main3{padding: 150px 70px;}
    .process_wrap img{width: 46%;}
    .process_r{width: 54%;}
    .process_r h3{font-size: 23px;}
    
/* 색소   */
    .mela2_wrap2{padding: 160px 70px;}    
    .mela2_wrap3 .mela_tit h2{font-size: 26px;}
    .mela2_wrap ul li{font-size: 19px;}
    .mela2_wrap{ width: calc(48% - 80px); padding: 50px 40px;}
    .mela2_wrap3 ul li{padding: 12px 18px;}
    
    .mela3_wrap{padding: 160px 70px;}
    .mela3_wrap h2{font-size: 28px;}
    .mela3_wrap ul li{font-size: 19px;}
    .mela3_wrap ul li img{width: 24px;}
    
    .mela3_wrap2{padding: 160px 70px;}
    .mela3_wrap2 .mela_tit h2{font-size: 27px;}
    .mela3_wrap2 ul li, .mela3_wrap3 ul li{font-size: 19px;}
    
/*스킨부스터    */
    .booster_wrap ul li{ font-size: 17.5px;     padding: 14px 18px;}
    .spe2{padding: 160px 70px;}
    .spe2 h3{font-size: 28px;}
    .spe_con h4{font-size: 21px;}
    
/*필러    */
    .filler{font-size: 19px;}
    .filler_l .filler_tit p{font-size: 21px;}
    .filler_wrap{    padding: 160px 70px;}
    .filler_wrap2{    padding: 160px 70px;}
    .filler_wrap2 .filler_tit .spe{font-size: 26px;}
    .filler_wrap2 h3 span{font-size: 26px; line-height: 32px;}
    .filler_wrap2 h3{font-size: 22px;}
    .filler_wrap2 h4{font-size: 20px;}
    
/*리프팅*/
    .add h3{font-size: 21px;}
    
/*    왁싱*/
    .waxing_spe{padding: 100px 70px 160px;}
    .waxing_spe h3{font-size: 28px;}
    #waxing_part h3{font-size: 28px;}
    #waxing_part{padding: 160px 70px;}
    #waxing_part ul li{font-size: 19px;}
    
/*    추천드립니다*/
    .reco_wrap{padding: 140px 70px;}
    .reco_wrap3{padding: 140px 70px;}
    
    .reco_tit h2{font-size: 30px;}
    
    .reco_wrap ul li{font-size: 19px;}
    .reco_wrap3 ul li{font-size: 19px;}
    
    .reco_wrap ul li img{width: 24px;}
    .reco_wrap3 ul li img{width: 24px;}
    
    
    
}

@media (max-width: 1024px){
    .sub_bg{padding: 16px 140px 0;}
    
/*    더리즈의원*/
    #about02{padding: 140px 15px; font-size: 18px;}
    #about03{padding: 140px 15px 0; font-size: 18px;}
    #about05{padding: 140px 15px;}
    #about06{padding: 140px 15px;}
    .about_tit h2{font-size: 34px;}
    .about_tit p{font-size: 20px;}
    .about2_con h5{font-size: 20px;}
    .about3_l .about_tit h2{font-size: 32px;}
    .about3_l .about_tit h2 p{font-size: 18px;}
    .about3_l .about_tit h2 span{font-size: 18px;}
    .about_tit p{font-size: 20px;}
    .about4 .about_tit h2{font-size: 30px;}
    .about5 .about_tit h2{font-size: 30px;}
        .indoor1, .indoor2, .indoor3, .indoor4, .indoor5 {
            height: 400px !important;}
    .about5_con{  width: calc(50% - 55px);}
    .about5_con .name{font-size: 20px;}
    
    
    
/*    여드름*/
    .booster_main{padding: 140px 15px;}
    .booster_tit h2{font-size: 32px;}
    .booster_tit p{font-size: 20px;}
    .booster{font-size: 18px;}
    .booster_img{width: 48%;}
    .booster_r{width: 48%;}
    #acne02 .fill_part{width: 48%;}
    
    .booster_main2{padding: 130px 15px 0;}
    .booster_main3{padding: 130px 15px;}
    
    .filler_main{padding: 140px 15px;}
    .filler_tit h2{font-size: 32px;}
    .fill_part h3{font-size: 26px;}
    .fill_part .add h3{font-size: 20px;}
    
    .mela3_wrap3{padding: 140px 15px;}
    .mela_tit h2{font-size: 28px;}
    
    
    .acne5{padding: 140px 15px;}
    .acne5_con{flex-direction: column;}
    .acne5 .acne_tit h2{text-align: center;}
    .acne5_wrap li{font-size: 20px; width: 120px; height: 120px; line-height: 120px;}
    .acne5_r{width: 100%; margin-top: 40px;}
    .acne5_con2 .acne5_r{margin-top: 0;}
    .acne5_l{font-size: 22px;}
        .acne5 .acne_tit h2{font-size: 32px;}
      .acne5 .acne_tit h2 b{display: inline-block;}
    .acne5_r h3{font-size: 24px;}
    .mela_tit p{font-size: 18px;}
    .mt140{margin-top: 120px;}
    .mela3_wrap3 .mela_tit h2{margin-bottom: 40px;}
    
    .process_wrap{flex-direction: column; width: 70%; margin: 0 auto;}
    .process_wrap img{width: 100%; }
    .process_r h3{font-size: 22px;}
    .process_r{width: 100%; padding: 30px 0;}
    
/*색소*/
    .mela3_wrap{padding: 140px 15px; flex-direction: column;}
    .mela3_wrap h2{font-size: 26px;}
    .mela3_wrap ul li{font-size: 18px;}
    .mela3_wrap .mela_l{width: 100%;}
    .mela3_wrap .mela_r{width: 100%; margin-top: 70px;}
    .mela2_wrap2{padding: 0 15px 140px; flex-direction: column;}    
    .mela2_wrap .mela_tit h2{margin-bottom: 60px;}
    .mela2_wrap{ width: calc(100% - 80px);   padding: 80px 40px;}
    .mela2_wrap ul{flex-direction: row; flex-wrap: wrap; gap: 20px;}
    .mela2_wrap ul li{font-size: 18px;  width: calc(50% - 56px);}
    .mela2_wrap3{width: 100%; margin-top: 100px; text-align: center;}
    .mela2_wrap3 ul{justify-content: center;}
    .mela3_wrap2{padding: 140px 15px;}
        .mela3_wrap2 .mela_tit h2 {   font-size: 24px; }
        .mela3_wrap2 ul li, .mela3_wrap3 ul li { font-size: 18px; }
    
/*스킨부스터    */
    .booster_wrap ul li{font-size: 17px; padding: 12px 16px;}
    .spe2{padding: 140px 15px;}
    .spe2 h3{font-size: 26px;}
    .spe_con h4{font-size: 20px;}
/*필러    */
    .filler_wrap{padding: 140px 15px; }
    .filler{font-size: 18px;}
    .filler_l .filler_tit p{font-size: 20px;}
    #filler02 .reco_wrap{}
    .reco_wrap2 li{    flex-direction: row;}
    .reco_wrap2 li img{width: 100px !important; margin: 0 12px 0 0 !important}
    .filler_wrap2{ padding: 140px 15px;}
    .filler_wrap2 .filler_tit .spe{font-size: 24px;}
    .full_fill{flex-direction: column;}
    .fill_l, .fill_r{width: 90%; padding: 5%;}
    .fill_r2{width: 100%; height: 180px; padding-bottom: 5%;}
    
    /*리프팅*/
    .add h3{font-size: 20px;}
    
    /*    왁싱*/
    .waxing_spe{padding: 80px 15px 140px; flex-direction: column;}
    .waxing_spe h3{font-size: 26px;}
    .waxing_spe h3 span{margin: 0 auto}
    .waxing_spe ul{width: 100%;}
    .waxing_spe ul li{font-size: 20px;}
    .waxing_spe ul li span{font-size: 18px;}
    #waxing03 .waxing_spe ul li{font-size: 18px;}
    #waxing_part ul{gap:20px;}
    #waxing_part h3{font-size: 26px;}
    #waxing_part ul li{font-size: 18px;     width: calc(20% - 56px);}
        #waxing_part{padding: 140px 15px;}
        .waxing_body:nth-of-type(2){padding: 140px 0;}
    
/*    추천드립니다*/
    .reco_wrap{padding: 120px 15px; display: flex; justify-content: space-between;}
    .reco_wrap .reco_tit{width: 35%;}
    .reco_wrap .reco_tit h2{text-align: left;}
    .reco_wrap .reco_tit h2 b{display: block;    width: fit-content;}
    .reco_wrap ul { width: 46%;display: flex; flex-wrap: wrap;  gap: 15px; justify-content: flex-start;}
    .reco_wrap ul li{width: 100%;} 
    .reco_wrap3{padding: 120px 15px;}
    .reco_tit h2{font-size: 26px;}
    .reco_wrap ul li{font-size: 18px;}
    .reco_wrap3 ul li{font-size: 18px;}
    .reco_wrap ul li img{width: 22px;}
    .reco_wrap3 ul li img{width: 22px;}
    
}

@media (max-width: 810px){
    .sub_bg { padding: 31px 140px 0;}
    .booster_main{flex-direction: column;   gap: 60px;}
    .booster_main2{flex-direction: column;   gap: 60px;}
    .booster_main3{flex-direction: column;   gap: 60px;}
    .booster_img{width: 100%;}
    .booster_r{width: 100%;}
    #acne02 .filler_main{text-align: center;}
      #acne02 .fill_part .add h3{margin: 0 auto}
    #acne02 .filler_main{flex-direction: column;}
    #acne02 .fill_part{width: 100%; margin-top: 40px;}
    .filler_l{width: 100%;}
    .process_wrap{width: 100%;}
    
/*    기미색소*/
    .mela2_wrap ul{flex-direction: column;}
    .mela2_wrap ul li{  width: calc(100% - 44px);}
          .mela3_wrap2 ul li, .mela3_wrap3 ul li { width: 100%; }
    
/*스킨부스터    */
    .spe2_wrap{flex-direction: column;     gap: 40px;}
    .spe_con{    width: calc(100% - 10%); padding: 5%; text-align: center;}
    
/*        필러*/
     #filler02 .filler_main{    flex-direction: column-reverse;
    text-align: center;}
    .filler_img{width: 80%; margin-bottom: 5%;
    background: url(/2024/img/nose_ba.jpg) center / contain no-repeat;}   
    .filler_wrap {flex-direction: column;}
   .filler_wrap .filler_tit {width: 100%; margin-bottom: 50px; text-align: center;}
    .filler_wrap ul{width: 100%;}
    .filler_wrap ul li{width: 23%; padding-bottom: 10px;}
    .filler_wrap ul li img{margin-bottom: 10px;}
    .filler_main{ flex-direction: column;}
    .fill_part{width: 100%;  margin-top: 70px;}
    
/*왁싱*/
    
    #waxing_part ul{justify-content: flex-start;}
    #waxing_part ul li {width: calc(25% - 55px)}
    
/*추천*/
    .reco_wrap .reco_tit{width: 45%;}
    .reco_wrap3 .reco_tit{width: 45%;}
    .reco_wrap ul{width: 55%;}
    .reco_wrap3 ul{width: 55%;}
    .reco_tit h2{font-size: 24px;}
    
/*    회원가입,로그인*/
    .sub_member{padding: 140px 0 0;}
    .sub_member h1{font-size: 22px;}
    .sub_process{margin-top: 25px;font-size: 16px;}
    .login_form form{padding: 30px 20px;}
    .member_form form{padding: 30px 20px;}
    .member_form .tt{font-size: 16px; margin-bottom: 15px;}
    .ag1{height: 120px;}
    .agreecheck{font-size: 15px;}
    .btn_login{height: 93px; font-size: 16px;}
    .btn_findid{ font-size: 16px;}
    .find_join{flex-direction: column; gap:20px;}
    .btn_find{width: 100%; padding: 12px 0; font-size: 16px; margin-right: 0;}
   .btn_gojoin{width: 100%; padding: 12px 0; font-size: 16px; margin-right: 0;}
    .find_tab{font-size: 16px;}
    .btn_cancle, .btn_home{width: 80px; font-size: 16px; padding: 12px 16px;}
    .btn_make{width: 80px; font-size: 16px; padding: 12px 16px;}
    .btn_next, .btn_golog{width: 80px; font-size: 16px; padding: 12px 16px;}
    .btn_join{  width: calc(100% - 32px); font-size: 16px; padding: 12px 16px;}
    .key{font-size: 16px;}
    .member_form td{padding-bottom: 5px;}
    .member_form tr{display: flex; flex-direction: column; margin-bottom: 25px;}
    .member_form thead{display: none;}
    #mtel_1{width: 25%;}
    #mtel_2{width: 25%;}
    #mtel_3{width: 25%;}
    .member_form .join_result h2{font-size: 18px;}
    .member_form .join_result p{font-size: 16px;}
    
    
/*    게시판*/
    .notice_sub{padding: 150px 0 0;}
    .notice_sub h1{font-size: 22px;}
    .photoBox{padding: 0 15px;}
    .photo_tab{font-size: 17px;}
    .photo-module{ width: calc(50% - 15px);}
    .btn_write {  width: 120px;  font-size: 16px;}
    .btn_write img {  width: 16px;}
    .notice_inner{margin: 16px auto 100px;}
    .view .title{padding: 15px 15px 30px;  border-top: 0;}
    .view .viewCon{padding: 30px 15px; font-size: 16px;}
    .view .date{font-size: 15px;}
    .view .subject{font-size: 19px;}
    .board_btn{margin-top: 50px;}
    .btn_list{font-size: 16px;  padding: 12px 16px;}
    .replyTable, .msg_list{padding: 15px;}
    .view form b{padding: 15px 0 0 15px; font-size: 15px; font-weight: 600;}
    .btn-primary{font-size: 15px; height: 74px;}
    .replyTable textarea{     width: calc(90% - 20px) !important;     height: 50px !important; font-size: 15px;}
    #checklist colgroup col:first-of-type{display: none;}
    #checklist table th{font-size: 16px;         padding: 0 6px 15px;}
    #checklist table th:first-of-type{display: none;}
    #checklist table td.no{display: none;}
    #checklist table td{font-size: 15px; padding: 20px 6px;}
    #checklist table td.subject{padding: 20px;}
    .page_num a{width: 26px; height: 26px; line-height: 26px; font-size: 16px;}
    .wrt_board dl dt{font-size: 16px;}
}



@media (max-width: 600px){

    .sub_bg { padding: 27px 140px 0;}
/*    더리즈의원*/
    #about02{padding: 100px 15px; font-size: 16px;}
    #about03{padding: 100px 15px; font-size: 16px; position: relative;}
        #about06{padding: 100px 15px;}
    .about_tit h2{font-size: 30px;}
    .about_tit p {font-size: 18px;}
    #about03 .about_tit p{font-size: 17px;}
    .about2_con{padding: 40px 20px;}
    .about2_con h5{font-size: 18px;}
    .about3_wrap{flex-direction: column;}
    .about3_l{width: 100%; position: relative; z-index: 9;}
    .about3_l .about_tit h2 p{font-size: 16px;}
    .about3_l .about_tit h2 span{font-size: 16px; margin-right: 12px;}
    .about3_l .about_tit h2{font-size: 26px;}
    .about3_r img{         position: absolute;     width: 70%;
        margin-top: 0;     bottom: 0;   right: 0;}
    #about04{padding-top: 100px;}
    #about05{padding: 100px 15px;}
    .about5_con img{width: 70%;}
    .about4 .about_tit h2{font-size: 23px; margin-bottom: 50px;}
    .about5 .about_tit h2{font-size: 23px;}
    .about5_con{width: 100%;}
    .about4 .about_tit h2 span{display: block;}
    #about04 .swiper-pagination2{display: none;}
        .indoor1, .indoor2, .indoor3, .indoor4, .indoor5 {
        height: 180px !important;    }
    
/*    여드름*/
    .booster_main{padding: 100px 15px;}
    .acne5{padding: 100px 15px;}
    .mela3_wrap3{padding: 100px 15px;}
    .mt140{margin-top: 80px;}
    .booster_main2{padding: 100px 15px 0;}
    .booster_main3{padding: 100px 15px ;}
    .booster_img{height: 240px;}
    .booster_tit h2{font-size: 26px;}
    .booster_tit p{font-size: 18px;}
    .booster{font-size: 16px;}
    .filler_main{padding: 100px 15px;}
    .filler_tit h2{font-size: 26px;}
    .fill_part h3{font-size: 22px;}
    .fill_part ul { gap: 14px;  }
    .fill_part ul li{  width: calc(50% - 47px);}
    .fill_part .fill_body{margin-top: 70px;}
     .mela_tit h2{font-size: 24px;}
    .acne5 .acne_tit h2{font-size: 26px;}
    .acne5_r h3{font-size: 21px;}
    .acne5_r h3 b{display: block;}
    .acne5_wrap{flex-direction: column; align-items: center;}
    .acne5_wrap li {   font-size: 18px;  width: 100%;   height: 40px;  line-height: 40px;    }
    .acne5_r span{display: inline-block;}
    .acne5_con2{flex-direction: column;}
    .acne5_l{width: 100%; font-size: 20px; height: 50px; line-height: 50px;}
    .acne5_m{padding: 5px; font-size: 20px;}
    .mela_tit p{font-size: 17px;}
    .process_r h3{font-size: 20px;}
    .process_r{width: calc(100% - 60px); padding: 30px;}
/*   기미색소*/
    .mela2_wrap{ width: calc(100% - 40px);    padding: 80px 20px;}
    .mela2_wrap2{padding: 0 15px 60px;}
    .mela2_wrap .mela_tit h2{margin-bottom: 40px;}
        .mela2_wrap ul li {   font-size: 17px;  width: calc(100% - 32px);   padding: 12px 16px;    }
    .mela2_wrap3 .mela_tit h2{font-size: 22px;}
    .mela3_wrap{padding: 100px 15px;}
    .mela3_wrap h2{margin-bottom: 40px; font-size: 22px;}
        .mela2_wrap3 ul li {   padding: 12px 18px;  font-size: 17px;   width: 50%;   }
    .mela3_wrap ul li{padding: 12px 16px; font-size: 17px;}
    .mela3_wrap .mela_l ul li{justify-content: flex-start;}
        .mela3_wrap2 {  padding: 100px 15px;  }
        .mela3_wrap2 .mela_tit h2 {    font-size: 18px;  text-align: left;}
    .mela3_wrap2 ul li, .mela3_wrap3 ul li{font-size: 17px;  text-align: left; padding: 15px;}
    
/*스킨부스터    */
    .booster_wrap ul{gap:12px; margin-top: 40px;}
    .booster_wrap ul li{font-size: 15px; padding: 10px 14px;}
    .spe2{padding: 100px 15px;}
    .spe2_wrap{        gap: 30px;}
    .spe2 h3{font-size: 22px; margin-bottom: 50px;}
    .spe_con{padding: 8% 5%;}
    .spe_con h4{font-size: 19px;}
    .booster_tit p{margin-top: 5px;}
    
/*필러    */
     .filler{font-size: 16px;}
    .filler_l .filler_tit p{font-size: 18px; margin-top: 5px;}
    .filler_img{width: 100%; margin-bottom: 0;}
    .filler_wrap{padding: 100px 15px;}
    .filler_wrap2{padding: 100px 15px;}
    .filler_wrap ul{flex-wrap: wrap; gap:15px;}
    .filler_wrap ul li{width: calc(50% - 7.5px);}
    .reco_wrap2 li{justify-content: space-between;   padding: 12px 30px 12px 12px !important;}
    .reco_wrap2 li img{width: 80px !important;}
    .filler_wrap2 .filler_tit .spe{font-size: 20px;}
        .fill_l, .fill_r {  width: calc(100% - 80px);   padding: 40px;   }
    .fill_point{margin-top: 40px;}
    .filler_wrap2 h3 span{font-size: 22px; line-height: 26px;}
    .full_fill .fill_l{padding-bottom: 0;}
    .fill_r_point{margin-top: 40px;}
    .fill_r_wrap{padding: 20px; flex-direction: column;}
    .fill_r_point{padding: 20px;}
    .fill_photo{width: 100%; margin-bottom: 10px;}
    .fill_r_con{width: 100%;}
    .fill_l, .fill_r{        width: calc(100% - 50px);
        padding: 40px 25px;}
    .fill_r2{height: 120px; padding-bottom: 30px;}
    .filler_wrap2 h3{font-size: 19px;}
    .filler_wrap2 h4{font-size: 17px;}
    
    
       /*리프팅*/
    .add h3{font-size: 17px;}
    
     /*    왁싱*/
    .waxing_spe{padding: 40px 15px 100px; }
    .waxing_spe h3{font-size: 24px;}
    .waxing_spe h3 span{margin: 0 auto}
    .waxing_spe ul{width: 100%;}
    .waxing_spe ul li{font-size: 18px; width: 100%; padding: 40px 20px;}
    .waxing_spe ul li span{font-size: 16px; margin-top: 10px;}
    #waxing03 .waxing_spe ul li{font-size: 17px;}
    #waxing_part{padding: 100px 15px;}
    #waxing_part h3{font-size: 22px;}
    #waxing_part ul{gap:16px;}
    .waxing_body:nth-of-type(2){padding: 100px 0;}
    #waxing_part ul li{  width: calc(50% - 48px); font-size: 16px;}
    #waxing02 .booster_r p b.point2{display: block;}
    #waxing03 .booster_r p b.point2{display: block;}
    
/*    추천합니다*/
    .reco_wrap{padding: 80px 15px; flex-direction: column;}
    .reco_wrap3{padding: 80px 15px; flex-direction: column;}
    .reco_wrap .reco_tit{width: 100%;}
    .reco_wrap3 .reco_tit{width: 100%;}
    .reco_tit h2{margin-bottom: 40px; font-size: 22px; text-align: center;}
    .reco_wrap .reco_tit h2{text-align: center;}

    .reco_wrap .reco_tit h2 b{margin: 0 auto 5px;}
    .reco_wrap ul{width: 100%;}
    .reco_wrap3 ul{width: 100%;}
    .reco_wrap ul li{font-size: 17px; padding: 12px 16px;}
    .reco_wrap ul li img { width: 20px; margin-right: 10px;  }
    .reco_wrap3 ul li{font-size: 17px; padding: 12px 16px;}
    .reco_wrap3 ul li img{width: 20px; margin-right: 10px; }
   
/*    게시판*/
    .photo_tab{margin-bottom: 0;}
    .photoBox{padding: 15px; gap: 15px;}
    .photo-module{width: 100%;}
    .photo-content .subject{font-size: 16px;}
    .photo-content .date{font-size: 15px;}
    .view .viewCon img{width: 100%;}
    .foot_menu .line{ opacity: 0;}

}

@media (max-width: 450px) {
        .about3_r img{ width: 220px;}
}