@charset "utf-8";
.full_img {width: 2000px;position: relative; left: 50%; margin-left: -1000px;}

#sv {position: relative; overflow: hidden; padding-top:124px;}
#sv .sv_visual .list {width: 100%; height: 473px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;}
#sv .txt_wrap {position: absolute; top: 58%; left: 0; width: 100%; text-align: center; padding: 0 15px; transform:translateY(-50%); color: #fff; z-index: 2; letter-spacing:0px}
#sv .txt_wrap .tit {font-size: 44px; margin-bottom: 20px;}
#sv .txt_wrap .txt {font-size: 26px; font-weight: 300; word-break:keep-all; line-height: 1.5; margin-bottom: 10px;}
#sv .txt_wrap .btn_wrap {font-size: 0;}
#sv .txt_wrap .btn_wrap a {display: inline-block; margin: 0 4px; width: 150px; height: 45px; text-align: center; line-height: 41px; border: 2px solid #fff;  border-radius:50px; font-size: 16px; font-weight: 300; transition:.25s;}
#sv .txt_wrap .btn_wrap a:hover {background-color: #111; border-color: #111; color: #fff;	}
#sv .bot_txt {position: absolute; bottom: -30px; left: 0; width: 100%; font-family: 'BodoniAntTDemBolConItaOu1'; text-align: center; font-size: 148px; color: #fff; opacity: .2;}



#body_wrap {}
#container {max-width:2000px; margin: 0 auto;}
.slick-next:before,
.slick-prev:before {display: none;}



.s_tab3 {width: 100%;padding: 49px 0;font-size: 0;position: fixed; z-index:999; left:0; text-align:center; }
.s_tab3 li {display: inline-block; vertical-align: top;}
.s_tab3 li a {display: block; width: 300px; text-align: center; line-height: 45px; font-size: 18px; font-weight: 500; color: #3e3e3e; border: 1px solid #232021;  background-color: #fff;border-left: none;}
.s_tab3 li:first-child a {border-left: 1px solid #232021;}
.s_tab3 li a.active {background-color: #232021; color: #fff;}


.s_tab {width: 100%; text-align: center;  padding: 0 0 50px; font-size: 0; }
.s_tab li {display: inline-block; vertical-align: top;}
.s_tab li a {display: block; width: 300px; text-align: center; line-height: 45px; font-size: 18px; font-weight: 500; color: #3e3e3e; border: 1px solid #606060;  background-color: #fff;border-left: none;}
.s_tab li:first-child a {border-left: 1px solid #606060;}
.s_tab li a.active {background-color: #606060; color: #fff;}

.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}

.s_tab1 {width: 100%; text-align: center; background:#fff; font-size: 0;}
.s_tab1 li {display: inline-block; vertical-align: top;}
.s_tab1 li a {display: block; width:500px;  text-align: center; line-height: 45px; font-size: 18px; font-weight: 500; color: #3e3e3e; background-color:#fff; border: 1px solid #232021; border-left: none;}
.s_tab1 li:first-child a {border-left: 1px solid #232021;}
.s_tab1 li a.active {background-color: #232021; color: #fff;}

.s_tab_con1 > .con {display: none;}
.s_tab_con1 > .con.active {display: block;}
.s_tab_menu.stiky {top: 145px; left: 0; z-index: 9; background-color: rgba(255,255,255,.8); padding: 0; min-width:1200px;}

.s_tab2 {width: 100%;padding: 49px 0;font-size: 0;position: fixed; z-index:999; left:0; text-align:center; }
.s_tab2 li {display: inline-block; vertical-align: top;}
.s_tab2 li a {display: block; width: 300px; text-align: center; line-height: 45px; font-size: 18px; font-weight: 500; color: #3e3e3e; border: 1px solid #232021;  background-color: #fff;border-left: none;}
.s_tab2 li:first-child a {border-left: 1px solid #232021;}
.s_tab2 li a.active {background-color: #232021; color: #fff;}

.s_tab_con2 > .con {display: none;}
.s_tab_con2 > .con.active {display: block;}
.s_tab_menu1.stiky {position: fixed; top: 145px; left: 0; z-index: 9; background-color: rgba(255,255,255,.8); padding: 0; min-width:1200px;  left:35.5%;}






.s_tit_wrap {position: relative;}
/* Real Sefie */
.real_sefie_wrap {padding: 120px 0; background-color: #f4f6fe;}
.real_sefie_wrap .inner {width: 1042px; margin: 0 auto;}
.real_sefie_wrap .more {display: inline-block; padding: 15px 55px; border: 1px solid #cbcaca; border-radius:50px; font-size: 18px; line-height: 1; font-weight: 200; color: #797979; transition:.25s;}
.real_sefie_wrap .more:hover {background-color: #797979; color: #fff;}
.real_sefie_slide {margin: 0 -16px;}
.real_sefie_slide .list {border: 1px solid #b9b8b8; margin: 0 16px;}
.real_sefie_slide .list img {width: 100%;}
.real_sefie_wrap .slick-prev,
.real_sefie_wrap .slick-next {width: 60px; height: 61px; background-repeat: no-repeat; top: auto; bottom: -70px; left: auto; right: 16px;  -webkit-transform:translate(0,0); transform:translate(0,0); transition:.25s;}
.real_sefie_wrap .slick-prev {background-image: url('https://channel-static.rebeauty.co.kr/melonps/ko/img/sub/slide_prev.png'); right: 79px;}
.real_sefie_wrap .slick-next {background-image: url('https://channel-static.rebeauty.co.kr/melonps/ko/img/sub/slide_next.png'); }
.real_sefie_wrap .slick-prev:hover,
.real_sefie_wrap .slick-next:hover {background-color: #fff;}
/* Before & After */
.before_after_wrap {padding: 120px 0; background-color: #fff;}
.before_after_wrap .inner {width: 1200px; margin: 0 auto; overflow:hidden;}
.before_after_wrap .more {display: inline-block; padding: 15px 55px; border: 1px solid #cbcaca; border-radius:50px; font-size: 18px; line-height: 1; font-weight: 200; color: #797979; transition:.25s;}
.before_after_wrap .more:hover {background-color: #797979; color: #fff;}
.before_after_slide  {margin-bottom: 30px;}
.before_after_slide .slick-slide {display: block;}
.before_after_slide .slick-prev,
.before_after_slide .slick-next {width: 60px; height: 61px; background-repeat: no-repeat;  transition:.25s;}
.before_after_slide .slick-prev {background-image: url('https://channel-static.rebeauty.co.kr/melonps/ko/img/sub/slide_prev.png'); left: -80px; }
.before_after_slide .slick-next {background-image: url('https://channel-static.rebeauty.co.kr/melonps/ko/img/sub/slide_next.png'); right: -80px; }
.before_after_slide .list {font-size: 0; text-align: center; }
.before_after_slide .list > div {display: inline-block; vertical-align: top; margin: 0 2px; position: relative; overflow: hidden;}
.before_after_slide .list > div > .txt {width: 100%; height: 55px; line-height: 55px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff; font-weight: 300; letter-spacing: -0.5pt; position: absolute; bottom: 0; left: 0; z-index: 1;}
.before_after_slide .list img {display: inline-block; width: 715px; height: 415px;}
.before_after_slide .after_dim_wrap {display: block; width: 50%; height: 100%; background-color: rgba(0,0,0,.85);  color: #fff; padding-top: 120px; text-align: center; position: absolute; top: 0; z-index: 2;}
.before_after_slide .after_dim_wrap p {line-height: 1.5;}
.before_after_slide .after_dim_wrap a {display: inline-block; width: 170px;  height: 50px; line-height: 50px; text-align: center; background-color: #a7c1d9;  border-radius:55px; font-size: 18px; margin-top: 15px;}
.before_after_slide .after_dim_wrap2 {display: block; width: 100%; height: 50%; background-color: rgba(0,0,0,.85);  color: #fff; padding-top: 30px; text-align: center; position: absolute; top: 0; right: 0; z-index: 2;}
.before_after_slide .after_dim_wrap2 p {line-height: 1.5;}
.before_after_slide .after_dim_wrap2 a {display: inline-block; width: 170px;  height: 50px; line-height: 50px; text-align: center; background-color: #a7c1d9;  border-radius:55px; font-size: 18px; margin-top: 15px;}
.before_after_tab {width: 725px; margin: 0 auto;}
.before_after_tab .list {text-align: center; width: 224px; margin: 0 13px; position: relative;}
.before_after_tab .list img {display: inline-block !important;}
.before_after_tab .list.slick-current:after {content:''; display: block; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #a7c1d9; position: absolute; top: 0; left: 0; z-index: 1; }
.before_right .before_after_tab li{float:none; margin-bottom:27px}


.before_after_wrap .s_tit{font-size:45px; color:#3e3e3e;}
.before_after_wrap .s_tit .bold{font-weight:700;}
.before_after_tab .after_dim_wrap {display: block; width: 50%; height: 100%; background-color: rgba(0,0,0,.85);  color: #fff; padding-top: 37px; text-align: center; position: absolute; top: 0; right: 0; z-index: 2;}
.before_after_tab .after_dim_wrap p {line-height: 1.5;}
.before_after_tab .after_dim_wrap a {display: inline-block; width: 170px;  height: 50px; line-height: 50px; text-align: center; background-color: #a7c1d9;  border-radius:55px; font-size: 18px; margin-top: 15px;}
.before_after_tab .after_dim_wrap2 {display: block; width: 100%; height: 50%; background-color: rgba(0,0,0,.85);  color: #fff; padding-top: 8px; text-align: center; position: absolute; top: 0; right: 0; z-index: 2;}
.before_after_tab .after_dim_wrap2 p {line-height: 1.5;}
.before_after_tab .after_dim_wrap2 a {display: inline-block; width: 170px;  height: 50px; line-height: 50px; text-align: center; background-color: #a7c1d9;  border-radius:55px; font-size: 18px; margin-top: 15px;}
/* Onair TV */
.onair_tv_wrap {padding: 120px 0 120px; background-color: #e7e6eb; display:block; }
.onair_tv_wrap .inner {width: 1140px; margin: 0 auto; justify-content:space-between; align-items:center;}
.onair_tv_wrap .bold{font-weight:700;}
.onair_tv_wrap .tit_wrap h3{font-size:48px; color:#3e3e3e; line-height:60px}
.onair_tv_wrap .tit_wrap {width: 100%; margin: 0 auto; text-align: center; padding: 0 35px;}
.onair_tv_wrap .tv_btn{width:400px; text-align:center; margin:0 auto; padding-bottom:20px}
.onair_tv_wrap .tv_btn a {display: block; height: 50px; line-height: 50px; border: 1px solid #2b2b2b; font-size: 18px; font-weight: 200; color: #2b2b2b; border-radius:60px;  transition:.25s;}
.onair_tv_wrap .tv_btn a:hover {background-color: #9ebad4; color: #2a3049; font-weight: 400;}
.onair_tv_wrap .video_slide_wrap {width: 695px; position: relative; margin:0 auto;}
.onair_tv_wrap .full-link {display: block; width: 100%; height: 100%;/* position: absolute; top: 0; left: 0;width: 100%; height: 100%; z-index: 1; */}
.onair_tv_wrap .slick-dots {}
.onair_tv_wrap .slick-dots li {width: auto; height: auto;}
.onair_tv_wrap .slick-dots li button {width: 36px; height: 12px; padding: 0; border-radius:15px; background-color: #fff; opacity: .7;}
.onair_tv_wrap .slick-dots li button:before {display: none;}
.onair_tv_wrap .slick-dots li.slick-active button {background-color: #a7c1d9; opacity: 1;}
.fancybox__container {z-index: 9999 !important;}
/* 링크 */
.sub_links {padding: 70px 0; background-color: #6fcdc1;}
.sub_links .inner {width: 950px; margin: 0 auto; display: flex; justify-content:space-between; align-items:center;}
.sub_links ul {font-size: 0; }
.sub_links ul li {display: inline-block; vertical-align: top;width: 220px; text-align: center; }
.sub_links ul li .icon {overflow: hidden; width: 179px; margin: 0 auto 15px;border-radius:50%;}
.sub_links ul li .icon img {transition:.5s;}
.sub_links ul li .txt {font-size: 18px; color: #fff; line-height: 1.5; transition:.5s; font-weight:500;}
.sub_links ul li a:hover .icon img { transform:scale(1.1);}
.sub_links ul li a:hover .txt {color: #f9fac5;}

.info_05_btn {position:absolute; z-index:9; width:100%;}
.info_05_btn ul{overflow:hidden; width:1300px; margin:0 auto; text-align:center; padding-top:750px}
.info_05_btn li{float:left; width:50%;}

.correction_0102_btn ul{overflow:hidden; padding-top:30px; padding-bottom:110px;}
.correction_0102_btn li{float:left; width:20%;}

.correction_0102_btn{background:#f5f5f5;}

.bg_line{background: rgba(255, 255, 255, 0.3);}



/*수술가이드*/
.section03 {
    background-color: #e9fad5;
	padding-bottom:100px;
}

.section03 .inner {
    padding-top: 100px
}

.section03 .titleArea .txt {
    margin-top: 24px;
    font-size: 25px;
    font-family: "Noto Sans Regular";
    font-weight: 400;
    line-height: 36px;
    color: #666666
}

.section03 .vodGeniusCon {
    position: relative;
    margin-top: 50px
}

.section03 .vodGeniusCon .swiperBtn {
    position: absolute;
    top: 288px;
    margin: 0;
    transform: translateY(-50%);
    z-index: 101;
    width: 55px;
    height: 54px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer
}

.section03 .vodGeniusCon .swiperBtn span {
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}



.section03 .vodGenius {
    position: relative;
    margin: 0 auto 60px
}

.section03 .vodInner {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0;
    margin-left: -3%
}

.section03 .vodInner > li {
    overflow: hidden;
    position: relative;
    width: 370px;
    height: 530px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.section03 .vodInner > li a {
    display: block
}

.section03 .vodInner > li a img {
    width: 100%
}

.section03 .vodInner > li a img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3)
}

.section03 .vodInner > li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 206px;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.section03 .vodInner > li a::after {
    content: "";
    position: absolute;
    top: 80px;
    left: 50%;
    display: block;
    width: 94px;
    height: 97px;
    margin-left: -37px;
    background: url(/ko//cdndata.milkt.co.kr/mid/www/images/event/230711_freeTrial/btn_play.png) no-repeat center center/contain;
    z-index: 3
}

.section03 .vodInner > li .figcaption {
    padding: 40px 30px 0;
    background-color: #fff
}

.section03 .vodInner > li .figheader {
    height: 170px
}

.section03 .vodInner > li .figheader .thumbTit {
    margin-bottom: 15px
}

.section03 .vodInner > li .figheader .desc {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 1.625;
    text-align: left
}

.section03 .vodInner > li .student {
    padding-top: 23px;
    border-top: 1px solid #eeeeee
}

.section03 .vodInner > li .student strong {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #222222;
    font-family: "Noto Sans Bold";
    font-weight: 900;
    line-height: 1.444
}

.section03 .vodInner > li .student strong:before {
    display: block;
    content: '';
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 22px;
    background: url(/ko//cdndata.milkt.co.kr/mid/www/images/event/230711_freeTrial/ico_lamp.png) no-repeat left center
}

.section03 .vodInner > li .student span {
    display: block;
    padding-top: 5px;
    font-size: 16px;
    font-family: "Noto Sans Regular";
    font-weight: 400;
    color: #666666;
    line-height: 1.375
}
/* 동영상 레이어 */
.lpopMovChild {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300
}

.lpopMovChild .blindBox {
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8
}

.lpopMovChild .movArea {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -427px;
    padding: 0;
    z-index: 100
}

.lpopMovChild .movArea .lpopMovClose {
    position: absolute;
    top: -44px;
    padding: 0;
    right: 0
}

.lpopMovChild .mov {
    width: 846px;
    height: 476px;
    border: 2px solid #393939;
    background: #393939;
    box-shadow: 5px 5px 6px rgba(0,0,0,0.25)
}
.green{color:#74bc1f}