@charset "utf-8";
.img{
  background: url('../img/inverted-nipples-title.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 740px;
 }
@media all and (max-width:991px) {
	.img { height: 70vh;}
}
@media all and (max-width: 767px) {
	.img { height: 50vh;}
}
@media all and (max-width: 560px) {
	.img { height: 30vh;}
}
.img-cover{
   position: absolute;
   bottom:0px;
   height: 70px;
   width: 100%;
   background-color: rgba(255, 255, 255, 0.8);                                                                 
   z-index:1;
}
.img .content{
     position: absolute;
     top:50%;
     left:30%;
     transform: translate(-50%, -50%);                                                                   
     color: white;
     z-index: 2;
     text-align: left;
	 float:left;
}
@media all and (max-width:991px) {
	.img .content { top:42%;left:35%;}
}
@media all and (max-width: 560px) {
	.img .content { top:20%;left:30%;}
}
.img .content2{
     position: absolute;
     top:90%;
     left:0%;
     transform: translate(-50%, -32%);                                                                   
     color: white;
     z-index: 2;
     text-align: left;
	 float:left;
}
.img-row { position:relative; margin: 0; padding: 0;}
.html_bg_box {width: 100%; position:relative;  margin: 0; padding: 0; text-align: left;}
.html_bg_title {font-size: 64px;font-family: "Noto Sans KR", sans-serif;font-weight: 700;color:#FFFFFF;}
.html_bg_title_s {font-size: 64px;font-family: "Noto Sans KR", sans-serif;font-weight: 300;color:#FFFFFF;}
.html_bg_description {font-size:16px;font-family: "Noto Sans KR", sans-serif;color:#736353;font-weight: 400;line-height:160%;}
@media all and (max-width:991px) {
	.html_bg_title { height:50px;font-size: 42px;}
	.html_bg_title_s { height:50px;font-size: 42px;}
	.html_bg_description {font-size:14px;font-family: "Noto Sans KR", sans-serif;color:#736353;}
}
@media all and (max-width: 767px) {
	.html_bg_title { height:28px;font-size: 30px;}
	.html_bg_title_s { height:28px;font-size: 30px;}
	.html_bg_description {font-size:12px;font-family: "Noto Sans KR", sans-serif;color:#736353;}
}
@media all and (max-width: 560px) {
	.html_bg_title { height:28px;font-size: 24px;}
	.html_bg_title_s { height:28px;font-size: 24px;}
	.html_bg_description {font-size:12px;font-family: "Noto Sans KR", sans-serif;color:#736353;}
}
.img-txt-box { font-size: 14px; position:relative; width: 190px; padding: 6px 20px; background:#b86b63;color:#ffffff;font-family: "Noto Sans KR", sans-serif;}
.img-txt-box2 { font-size: 14px; position:relative; width: 230px; padding: 6px 20px; background:#b86b63;color:#ffffff;font-family: "Noto Sans KR", sans-serif;}
@media all and (max-width: 560px) {
	.img-txt-box { font-size: 12px;width: 100%; padding: 0px 2px ; text-align:center;}
}
@media all and (max-width: 767px) {
	.img-txt-box { font-size: 12px;width: 100%; padding: 0px 2px ; text-align:center;}
}

.hm {font-size:14px;font-family: "Noto Sans KR", sans-serif;color:#d07b76;font-weight: 500;}
.hm-2 {font-size:13px;font-family: "Noto Sans KR", sans-serif;color:#444444;font-weight: 400;}
@media (max-width: 560px) {
  .hm {font-size:12px;font-family: "Noto Sans KR", sans-serif;color:#d07b76;font-weight: 500;}
  .hm-2 {font-size:10px;font-family: "Noto Sans KR", sans-serif;letter-spacing:-0.5px;}
}
@media (max-width: 320px) {
  .hm {font-size:11px;font-family: "Noto Sans KR", sans-serif;color:#d07b76;font-weight: 500;}
  .hm-2 {font-size:10px;font-family: "Noto Sans KR", sans-serif;}
  .sm {padding:0px;margin:10px 0px 0px 4px;width:28px;}
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
	.active > div:first-child + div + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right { left: 25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
  .active > div:first-child + div + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -20%; }
  .carousel-inner .active.right{ left:  20%; }
	.carousel-inner .next        { left:  20%; }
	.carousel-inner .prev		     { left: -20%; }
  .carousel-col                { width: 20%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
	.active > div:first-child + div + div + div + div { display:block; }
}

.block {
	width: 250px;
	height: 40px;
}

.carousel_style {position: absolute;margin-top:-60px;margin-left:200px;z-index:1;}
/*xs*/
@media (max-width: 767px) {
  .carousel_style {position: relative;margin-top:0px;margin-left:0px; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel_style { margin-left:20px; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel_style { margin-left:100px; }
}

.co_btt1 {color:#b86b63;}
.co_btt2 {color:#d07b76;}
.co_btt3 {color:#736353;}
.co_ctt {color:#c87e71;}

.box_ctt {margin: 0 auto; width: 100%; overflow: hidden; position:relative; background:#c87e71;}
.box_ctt2 {margin: 0 auto; width: 100%; overflow: hidden; position:relative; background:#c7ad7c;}
.box_ctt_white {margin: 0 auto; width: 100%; overflow: hidden; position:relative; background:#ffffff;}

.box_type {margin: 0 auto; max-width: 250px; overflow: hidden; position:relative;}
.box_how {margin: 0 auto; max-width: 267px; overflow: hidden; position:relative; background:#ffffff;}

.line_ctt {margin-top:10px; width: 100%; height:1px; overflow: hidden; position:relative; background:#c87e71;}
.line_ctt_white {margin-top:10px; width: 100%; height:1px; overflow: hidden; position:relative; background:#ffffff;}

.line_ctt1 {margin-top:10px; max-width: 160px; height:2px; overflow: hidden; position:relative; background:#ffffff;}
.line_ctt2 {margin-top:10px; max-width: 530px; height:2px; overflow: hidden; position:relative; background:#000000;}

.tt_top_box {margin: 0 auto; width: 100%;position:relative; }
.box_darkred {margin:-14px 0px; width: 100%; overflow: hidden; position:relative; background:#6a050d;}
.box_darkred2 {margin:-14px 0px; width: 100%; height:364px; overflow: hidden; position:relative; background: url('../img/nose-surgery-100-percent-natural-bg.png') no-repeat left center;}
@media all and (max-width: 991px) {
	.box_darkred {margin:0px 0px; width: 100%; overflow: hidden; position:relative; background:#6a050d;}
}
@media all and (max-width: 767px) {
	.box_darkred {margin:0px 0px; width: 100%; overflow: hidden; position:relative; background:#6a050d;}
}
@media all and (max-width: 560px) {
	.box_darkred {margin:0px 0px; width: 100%; overflow: hidden; position:relative; background:#6a050d;}
}
.box_brown {width: 100%; overflow: hidden; position:relative; background:#dfcbb2;}
.box_white {padding:30px;max-width: 270px; height:80px; overflow: hidden; position:relative; background:#FFFFFF; margin: 0 auto;}
@media all and (max-width: 560px) {
	.box_white {padding:10px;max-width: 270px; height:40px; overflow: hidden; position:relative; background:#FFFFFF; margin: 0 auto;}
}

.line_red100 {margin-top:10px; width: 100%; height:1px; overflow: hidden; position:relative; background:#6d030d;}
.line_brown100 {margin-top:10px; width: 100%; height:1px; overflow: hidden; position:relative; background:#dfcbb2;}
.line_gray100 { margin-top:10px; width: 100%; height:1px; overflow: hidden; position:relative; background:#bdbdbd;}
.line_gray80 {margin-top:10px; width: 80%; height:1px; overflow: hidden; position:relative; background:#bdbdbd;}
.box_boder_gray {position: relative; max-width: 430px; border:1px solid #bdbdbd; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
.box_rightboder_gray {width: 100%; border-right:1px solid #bdbdbd; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
.box_leftboder_gray {padding: 0px 35px; width: 100%; border-left:1px solid #bdbdbd; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
.tt_box90 {width: 90%;position:relative; }
@media all and (max-width:991px) {
	.box_leftboder_gray {padding: 0px 0px; width: 100%; border-left:0px; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
	.tt_box90 {margin: 0 auto; width: 90%;position:relative; }
}
@media all and (max-width: 767px) {
	.box_leftboder_gray {padding: 0px 0px; width: 100%; border-left:0px; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
	.tt_box90 {margin: 0 auto; width: 90%;position:relative; }
}
@media all and (max-width: 560px) {
	.box_leftboder_gray {padding: 0px 0px; width: 100%; border-left:0px; display:block; overflow: hidden; position:relative;margin: 0 auto;  }
	.tt_box90 {margin: 0 auto; width: 90%;position:relative; }
}

.breast_foot {padding:20px; width: 90%; overflow: hidden; position:relative; background:#292929; margin: 0 auto;}
.breast_foot_f1 {font-family: "Noto Sans KR", sans-serif;color:#c9807a;font-size:16px;font-weight: 500; line-height:240%;}
.breast_foot_f2 {font-family: "Noto Sans KR", sans-serif;color:#d1d1d1;font-size:16px;line-height:240%;}
@media all and (max-width: 560px) {
	.breast_foot {padding:5px; width: 100%; overflow: hidden; position:relative; background:#292929; margin: 0 auto;}
	.breast_foot_f1 {font-family: "Noto Sans KR", sans-serif;color:#c9807a;font-size:14px;font-weight: 500;}
	.breast_foot_f2 {font-family: "Noto Sans KR", sans-serif;color:#d1d1d1;font-size:12px;}
}

.hs-dac6ad {background:#dac6ad;}
.button-fs {font-size:14px;font-family: "Noto Sans KR", sans-serif;color:#555555;font-weight: 500;letter-spacing:-1px;}
.button-fs2 {font-size:14px;font-family: "Noto Sans KR", sans-serif;color:#555555;letter-spacing:-1px;}
@media (max-width: 560px) {
  .button-fs {font-size:12px;font-family: "Noto Sans KR", sans-serif;color:#225056;font-weight: 500;}
  .button-fs2 {font-size:12px;font-family:"dotum, Roboto;", sans-serif;letter-spacing:-1.5px;}
}

.breast_foot {padding:20px; width: 90%; overflow: hidden; position:relative; background:#292929; margin: 0 auto;}
.breast_foot_f1 {font-family: "Noto Sans KR", sans-serif;color:#c37d7f;font-size:16px;font-weight: 500; line-height:240%;}
.breast_foot_f2 {font-family: "Noto Sans KR", sans-serif;color:#c5c5c5;font-size:16px;line-height:240%;}
@media all and (max-width: 560px) {
	.breast_foot {padding:5px; width: 100%; overflow: hidden; position:relative; background:#292929; margin: 0 auto;}
	.breast_foot_f1 {font-family: "Noto Sans KR", sans-serif;color:#c37d7f;font-size:14px;font-weight: 500;}
	.breast_foot_f2 {font-family: "Noto Sans KR", sans-serif;color:#c5c5c5;font-size:12px;}
}