@charset "utf-8";
/* CSS Document */

/*병원소개메뉴*/
/*공통*/
.introWrap { padding:120px 0; }

.sub_title { margin-bottom:80px; text-align:center; }
.sub_title h3 { font-size:45px; font-family:'Noto Sans KR L'; font-weight:300; letter-spacing:-0.075em; line-height:1; }
.sub_title h3 span { font-family:'Noto Sans KR M'; letter-spacing:-0.075em; }
.sub_title h3:after { content:""; display:block; width:17px; height:2px; background-color:#a48a7b; margin:20px auto; }
.sub_title p { font-size:16px; letter-spacing:-0.075em; }

/*리엔장 소개*/
.lienjang_introduction>img { display:block; position:relative; left:50%; transform:translateX(-50%); }

/*진료안내 오시는길*/
.information { text-align:center; }
.information ul { width:1200px; margin:0 auto; }
.information ul li { margin-bottom:30px; }
.information ul li:last-child { margin-bottom:0; }
.information .root_daum_roughmap .section .title { font-family:'Noto Sans KR M'; font-size:20px!important; margin-bottom:15px; }
.information .root_daum_roughmap a:active, .information .root_daum_roughmap a:link, .information .root_daum_roughmap a:visited { font-size:16px!important; }
.information .parking { margin:0 20px; padding:20px 0; border-top:1px solid #f2f2f2; text-align:left; }
.information .parking strong { font-family:'Noto Sans KR M'; font-size:20px; margin-bottom:10px; }
.information .parking p { font-size:16px; }

/*의료진 소개*/

.center_tit1 { margin-bottom:40px; }
.center_tit2 { margin-top:60px; margin-bottom:40px; }
.center_tit2 img { margin-right:112px; }

.doctor_wrap { width:100%; overflow:hidden; }
.doctor_wrap ul { width:1200px; overflow:hidden; margin:0 auto; }
.doctor_wrap ul li { width:calc(32% - 15px); float:left; margin-right:31px; margin-bottom:30px; }
.doctor_wrap ul li:last-child { margin-right:0; }
.doctor_wrap ul li img { width:100%; }

.doctor_pop_wrap { position:fixed; width:100%; height:100%; top:0; left:0; z-index:11; display:none; }
.black_bg { position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5); }
.doctor_pop { position:absolute; width:1000px; height:100%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:12; }
.doctor_pop_img { position:absolute; width:100%; top:11%; left:0; }
.doctor_pop_close { position:absolute; top:5%; right:0; cursor:pointer; }

/*리엔장 둘러보기*/
.intro_04_tab { width:1200px; overflow:hidden; margin:0 auto; }
.intro_04_tab ul { height:48px; border:1px solid #d5d5d5; margin-bottom:30px; }
.intro_04_tab ul li { 
	display:flex; position:relative; width:33.3333%; height:100%; float:left; 
	font-size:18px; color:#909090;
	cursor:pointer; border-right:1px solid #d5d5d5;
	justify-content:center; align-items:center;
	}
.intro_04_tab ul li:last-child { border-right:0; }
.intro_04_tab ul li:hover, .intro_04_tab ul li.on { color:#a48a7b; }
.intro_04_tab ul li:hover:after, .intro_04_tab ul li.on:after { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:4px; background-color:#a48a7b; }

.intro_04_tab .conBox { width:100%; overflow:hidden; display:none; } 
.intro_04_tab .conBox.on { display:block; }

.conBox .swiper-container { width: 100%; }
.conBox .swiper-slide img { width:100%; }
.conBox .gallery-thumbs { margin-top:6px; cursor:pointer; }
.conBox .gallery-thumbs .swiper-slide { opacity:0.5; }
.conBox .gallery-thumbs .swiper-slide-thumb-active { opacity:1; }


/*시술페이지 공통*/
/*.imgWrap {max-width:1920px;margin:0 auto;margin-top: 85px;}*/
.imgWrap>img { position:relative; left:50%; transform:translateX(-50%); }

/*성형수술센터_메인공통*/
.shortcut_box_wrap { position:relative; }
.shortcut_box { position:absolute; width:600px; height:600px; top:-50px; left:50%; margin-left:40px; box-shadow:30px 30px 30px rgba(164,132,118,1); z-index:1; }
.shortcut_box ul { width:100%; overflow:hidden; }
.shortcut_box ul li { width:50%; overflow:hidden; float:left; }

/*전후 슬라이더*/
.bna_slide { padding-bottom:150px; }
.bna_slide .slide_wrap { position:relative; width:1080px; overflow:hidden; margin:0 auto; text-align:center; }
.bna_slide .swiper-container { width:882px; margin:0 auto; }
.bna_slide .gallery-top { background:#fff; }
.bna_slide .gallery-thumbs { box-sizing:border-box; padding-top:30px; cursor: pointer; }
.bna_slide .gallery-thumbs .swiper-wrapper { /*flex-wrap:wrap; transform:none!important;*/ width:842px; }

.bna_slide .gallery-thumbs .swiper-slide { width:274px!important; }
.bna_slide .gallery-thumbs .swiper-slide img { width:100%; }
.bna_slide .gallery-thumbs .swiper-slide:nth-of-type(n+4) { margin-top:10px; }
.bna_slide .gallery-thumbs .swiper-slide:nth-of-type(3n) { margin-right:0!important; }

.bna_slide .swiper-button-next, .bna_slide .swiper-button-prev { width:45px; height:49px; background-size:contain; transform:translateY(-50%); margin-top:0; outline:none;}
.bna_slide .swiper-button-next.swiper-button-white, .bna_slide .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url(/images/pc/sub/common/bna_arow.png); right:0; }
.bna_slide .swiper-button-prev.swiper-button-white, .bna_slide .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url(/images/pc/sub/common/bna_arow_left.png); left:0; }

.sg_bna_slide { background-color:#1e2737; }
.hair_bna_slide { background:url(/images/pc/sub/hair/common/bna_bg.jpg); background-size:cover; }
.skin_bna { background-color:#2e2926; }
.skin_bna_03 { background-color:#ff7f00; }
.nomes_bna { background-color:#ff808f; }
.petit_bna { background-color:#ffebed; }
.makeup_bna { background-color:#41142b; }
.diet_bna { background-color:#0212a3; }

/*윤곽수술 티비 공통*/
.contour_tv { padding:150px 0; }
.tv_bg { background-color:#f8f8f8; }
.contour_tv .tv_frame { width:1200px; overflow:hidden; margin:0 auto; }
.contour_tv .tv_frame li { width:596px; height:335px; float:left; margin-right:8px; background-color:#202020; }
.contour_tv .tv_frame li:last-child { margin-right:0; }
.contour_tv .tv_frame li iframe { width:100%; height:100% }
.contour_tv .more_btn { 
	width:168px; height:34px; background-color:#202020; margin:50px auto 0;
	font-family:'Noto Sans KR L'; font-size:20px; color:#fff; letter-spacing:0; line-height:1;
	display:flex; justify-content:center; align-items:center;
}

/*앞턱,사각턱 영상*/
.outline_vod { overflow:hidden; padding-bottom:150px; }
.outline_vod ul { width:1200px; margin:0 auto; }
.outline_vod ul li { width:585px; overflow:hidden; float:left; }
.outline_vod ul li:first-child { margin-right:30px; }
.outline_vod ul li video { width:100%; display:block; }
.outline_vod ul li img { width:100%; }


/*가슴_보형물의종류 스크롤박스*/
.scroll_box { position:relative; }
.scroll_box .txt_wrap { 
	position:absolute; top:330px; left:50%; transform:translateX(-50%); width:1200px; height:400px; overflow:auto;
	border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.05);
	text-align:center; padding:30px 0;
}
.scroll_box .txt_wrap::-webkit-scrollbar { width:20px; background:rgba(255,255,255,0.2); }
.scroll_box .txt_wrap::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.5); border-radius:0; }
.scroll_box .txt_wrap p { margin-bottom:50px; font-family:'Noto Sans KR L'; font-size:20px; color:#fff; }
.scroll_box .txt_wrap p:last-child { margin-bottom:0px; }

/*아기주사_동영상*/
.injection_03_vod a { display:block; width:960px; margin:0 auto; }
.injection_03_vod a img { width:100%; }

/*비만센터_메인*/
.mainWrap { width:100%; overflow:hidden; text-align:center; margin-top:60px;}

/*visual_slider*/
.main_slider { width:100%; overflow:hidden; }
.swiper-container { width:100%; height:100%; }
.swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main_slider .swiper-slide img { width:100%; }
.main_slider .swiper-pagination-bullet { width:10px; height:10px; background:#ccc; opacity:1; }
.main_slider .swiper-pagination-bullet-active { background:#2e2e2e; }

/*insta*/
.main_insta { background-color:#fce83f; }
.insta_slider { position:relative; width:1200px; margin:0 auto; overflow:hidden; }
.insta_slider .swiper-container { width:979px; padding-left:26px; padding-bottom:113px; }
.insta_slider .swiper-slide {
	-webkit-box-shadow:-15px 18px 18px 0px rgba(0,0,0,0.2); 
	-moz-box-shadow:-15px 18px 18px 0px rgba(0,0,0,0.2); 
	box-shadow:-15px 18px 18px 0px rgba(0,0,0,0.2);
	transform:scale(0.9)!important;
}
.insta_slider .swiper-slide-active { transform:scale(1)!important; }
#insta_btn .swiper-button-next, #insta_btn  .swiper-button-prev { margin-top:-100px; }
#insta_btn .swiper-button-next, #insta_btn  .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
#insta_btn .swiper-button-prev, #insta_btn  .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

/*mida_tv*/
.main_tv { background:linear-gradient(#fce83f, #31c4ba); padding-bottom:132px; }
.tv_wrap { width:1080px; overflow:hidden; margin:0 auto 40px;}
.tv_view { float:left; width:655px; background:#fff; margin-left:33px; padding:5px; box-sizing:border-box; box-shadow:10px 8px 7px 0px rgba(0,0,0,0.3); }
.tv_view iframe { width:100%; height:375px; }
.tv_wrap .tv_list { width:380px; float:right; padding:3px 0 10px; }
.tv_wrap .tv_list ul li {  height:97px; padding:5px; text-align:left; cursor:pointer; }
.tv_wrap .tv_list ul li.on { background:rgba(0,0,0,0.5); }
.tv_wrap .tv_list ul li .thumb { width:150px; float:left; }
.tv_wrap .tv_list ul li .thumb img { width:100%; }
.tv_wrap .tv_list ul li .subject { float:left; width:calc(100% - 172px); height:100%; padding-left:20px; box-sizing:border-box; display:flex; align-items:center; }
.tv_wrap .tv_list ul li .subject b { color:#fff; font-size:15px; font-weight:400; word-break:keep-all; }
.tv_wrap .tv_list ul li .subject b span { display:block; font-weight:100; color:#fff; }
.tv_wrap .tv_list ul li.on .subject { text-overflow:ellipsis; }


/*바디리프팅*/
.bodylifting_tab { background:url(/images/pc/sub/diet/diet_05/bodylifting_tab_bg.jpg) center; text-align:center; }
.lifting_tab { overflow:hidden; }
.lifting_tab ul { width:1200px; margin:0 auto; }
.lifting_tab ul li { width:50%; float:left; cursor:pointer; }
.lifting_tab .conBox { width:1369px; overflow:hidden; margin:0 auto; display:none; }
.lifting_tab .conBox.on { display:block; }


/*두피&탈모치료*/
.hair_rolling { width:1200px; margin:0 auto; padding-bottom:150px; position:relative; }
.hair_rolling .swiper-container { width:100%; height:100%; }
.hair_rolling .swiper-button-prev, 
.hair_rolling .swiper-container-rtl .swiper-button-next { 
	background:url(/images/pc/sub/hair/hair_04/hair_roll_arrow.jpg) no-repeat center; 
	width:57px; height:96px; background-size:contain; margin-top:-130px; z-index:1;
}
.hair_rolling .swiper-button-next, 
.hair_rolling .swiper-container-rtl .swiper-button-prev { 
	background:url(/images/pc/sub/hair/hair_04/hair_roll_arrow.jpg) no-repeat center; 
	width:57px; height:96px; background-size:contain; margin-top:-130px; transform:rotate(180deg) ; z-index:1;
}
.hair_rolling .swiper-button-prev, .hair_rolling .swiper-container-rtl .swiper-button-next { left:-82px; }
.hair_rolling .swiper-button-next, .hair_rolling .swiper-container-rtl .swiper-button-prev { right:-82px; }

.programWrap { background-color:#fff4e8; }
.programWrap .tabWrap { overflow:hidden; width:1200px; margin:0 auto; padding-bottom:150px;}


.lienjang_introduction>img {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}