@charset "utf-8";

.nose_promotion_list .text h2{color:#385eee;}
.nose_promotion_list .text{background-image: url(//image.idhospital.com/www/rn_2025/include/nose_promotion_list/include_tit_mannose_bg.png)}
.nose_promotion_list .text::before , .nose_promotion_list .text::after{color:#b8c7ff;}
.nose_promotion_list .swiper-slide .price_text .price_tit {color: #032c7c;}

/* 남자성형 */

.wb_img{display: block;}
.mb_img{display: none;}

.img_area img {
    max-width: 100%;
}

.C-visual {
  /* overflow: hidden; */
}


#wrap #container {
  background-color: #f4f9ff;
}
.C-title .point_color {
  color: var(--C-032c7c);
}


#container .C-visual .counseling_form .btn_request {
  background-color: #385eee;
}
#container .C-title span {
  color: #385eee;
}
#container .C-idYoutube .btn_youtube_page {
  background-color: #a6c3ff; color:#111113;
}


#container .C-visual::after {
  content: "";
  display: block;
  height: 100%;
  width: 1920px;
  margin-left: 0;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 3;
  /*background: url(//image.idhospital.com/www/rn_2025/lifting/lifting_visual_dim.png)
    no-repeat center bottom;*/
  background-size: 100%;
}

.man .man_top_info {

}
.man .man_top_info .trademark_box {
    text-align: center;
    margin-bottom: 80px;
}
.man .man_top_info .trademark_box img{width: 115px;}
.man .man_top_info .trademark_box p {
    font-size: 25px;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
}
.man .man_top_info .text {
    display: flex;
    width: 515px;
    margin: 0 auto;
    position: relative;
    padding-left: 40px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}
.man .man_top_info .text span {
    font-size: 26px;
    color: #737380;
    line-height: 1.1;
    letter-spacing: -1px;
}
.man .man_top_info .text strong {
    display: block;
    font-size: 48px;
    color: #385eee;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1px;
}
.man .man_top_info .text .info_img {
    width: 172px;
    right: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.man .man_top_info .text .info_img img{width: 100%;}
.man .man_top_info .text::before {
    content: "[";
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 68px;
    color: #b8c7ff;
    font-weight: 900;
}
.man .man_top_info .text::after {
    content: "]";
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 68px;
    color: #b8c7ff;
    font-weight: 900;
}
.man .man_top_info .sub_text {
    padding-top: 70px;
    font-size: 25px;
    color: #000b17;
    text-align: center;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -1px;
}
.man .man_top_info .sub_text strong {
  color: #6482f4;
  font-weight: 900;
}

.man .photo {
  margin-top: 100px;
}
.man .photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 55px 25px;
  max-width: 960px;
  margin: 0 auto 110px;
  text-align: center;    
}
.man .photo li {
  width: calc(50% - 15px);
  max-width: 465px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.man .photo li > strong {
  margin: 45px 0 17px;
  font-size: 48px;
  font-weight: 800;
  color: #385eee;
  line-height: 1;
  letter-spacing: -3px;
  display: block;
}

.man .photo li span {
  color: #385eee;
  font-size: 24px;
  font-weight: 800;
  display: block;
  padding-bottom: 7px;
    
}
.man .photo li > p {
  font-size: 20px;
  color: #111113;
  letter-spacing: -1px;
  line-height: 1.35;    
  font-weight: 500;    
}

.man .operation_info {
  display: flex;
  padding: 160px 0 160px;
  flex-direction: column;
  align-items: center;
}
.man .operation_info .title {
  font-size: 60px;
  color: #385eee;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -3px;
}
.man .operation_info ol {
  display: flex;
  width: 960px;
  padding-top: 70px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px 30px;
}
.man .operation_info ol li {
  text-align: center;
}
.man .operation_info ol li img {
  vertical-align: top;
}

.man .operation_info ol li i {
}
.man .operation_info ol li strong {
}
.man .operation_info ol li p {
}
.man .operation_info ol li span {
}

.man .C-idYoutube .btn_youtube_page {
  background-color: #385eee;
}

.man .C-BeforeAfter .swiper-pagination-bullet-active {
  background-color: #385eee;
}
@media (max-width: 1920px) {
}

/* @media (max-width: 1500px) */
@media (max-width: 1500px) {

    .man .photo li img{width: 100%;}

}

/* @media (max-width: 1024px) */
@media (max-width: 1024px) {
  
  .man .photo ul {
        margin: 0 3%;
    }

  .man .operation_info {
    padding: 17% 0 17%;
  }
  .man .operation_info .title {
    font-size: 11.11vw;
    letter-spacing: -0.05em;
  }

  .man .operation_info ol {
    width: auto;
    margin: 0 3%;
    padding-top: 7%;
    gap: 5vw 0;
    justify-content: space-between;
  }
  .man .operation_info ol li {
  }
  .man .operation_info ol li img {
    width: 100%;
  }
  .man .operation_info ol li i {
    font-size: 7vw;
  }
  .man .operation_info ol li strong {
    font-size: 4.3vw;
  }
  .man .operation_info ol li p {
    font-size: 3vw;
  }
  .man .operation_info ol li span {
    font-size: 2vw;
  }
  .man .operation_info ol li span {
    padding-top: 1vw;
    font-size: 3.5vw;
  }
  .man .operation_info ol li span br {
    display: none;
  }
}

/* @media (max-width: 720px) */
@media (max-width: 720px) {
 
  .wb_img{display: none;}
  .mb_img{display: block;}    
    
    
  .man .man_top_info {
      
  }
  .man .man_top_info .trademark_box{margin-bottom: 10.42vw;}
  .man .man_top_info .trademark_box img {
    width: 15.97vw;
  }
  .man .man_top_info .trademark_box p {
    font-size: 3.47vw;
    letter-spacing: 0;
  }
   .man .man_top_info .text strong{
    font-size: 6.67vw;letter-spacing: -0.2vw;
  }    
  .man .man_top_info .text {
    width: 71.53vw;
    padding-left: 5.5vw;   
  }
  .man .man_top_info .text .info_img {
    width: 24.03vw;
    right: 5.5vw;
  } 
   .man .man_top_info .text span{
    font-size: 3.61vw;
    letter-spacing: -0.1vw;   
  }    
  .man .man_top_info .text::before {
    font-size: 9.44vw;
    bottom: 0;
  }
  .man .man_top_info .text::after {
    font-size: 9.44vw;
    bottom: 0;
  }
     
  .man .man_top_info .sub_text {
    padding-top: 4vw;
    font-size: 3.47vw;
    letter-spacing: -0.1vw;
  }
    
  .man .photo {
      margin-top: 4vw;
  }
  .man .photo ul {
    width: 91.67vw;
    gap: 4.16vw 0;
    margin-bottom: 12.5vw;
  }
  .man .photo li {
    width: 100%;
  }
  .man .photo li strong {
    margin: 4.16vw 0 1vw;
    font-size: 4.86vw;
    letter-spacing: -0.3vw;
  }
  .man .photo li span {
    font-size: 3.47vw;
    letter-spacing: -0.15vw;
    padding-bottom: 0.7vw;
  }
  .man .photo li > p {
    font-size: 2.78vw;
    letter-spacing: -0.1vw;
    line-height: 1.35;
    font-weight: 700;  
  }
  .man .operation_info ol {
    gap: 10vw 0;
  }
  .man .operation_info ol li {
    width: 100%;
  }
  .man .operation_info ol li i {
    padding-top: 2vw;
    font-size: 5.5vw;
    letter-spacing: -0.05em;
  }
  .man .operation_info ol li strong {
    font-size: 5vw;
  }
  .man .operation_info ol li p {
    padding-top: 1vw;
    font-size: 3.89vw;
    line-height: 1.2;
  }
  .man .operation_info ol li p br {
    display: none;
  }
  .man .operation_info ol li p .mb_br {
    display: block;
  }
  .man .operation_info ol li span .mb_br {
    display: block;
  }
}