@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/


/* 공통
========================================================================================== */
.main_section {position:relative; width:100%; overflow:hidden; padding:60px 20px; box-sizing:border-box; background-position:center; background-size:cover; background-repeat:no-repeat;}

.seciton_title {text-align:center; margin-bottom:40px;}
.seciton_title img {width:90%;}

.contents {width:100%; }
/* 유투브 가로 100%에 따른 높이값 auto
========================================================================================== */
#video-container {position:relative;padding-bottom:53%;padding-top:30px;height:0;overflow:hidden;} 
#video-container iframe, #video-container object, #video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;} 


/* 메인컨텐츠
========================================================================================== */

/*메인비주얼*/
#main_visual {width:100%; height:auto;}
#main_visual .pic-slider, #main_visual .owl-stage-outer, #main_visual .owl-stage, #main_visual .owl-item {width:100%; height:100%; overflow: hidden;}
#main_visual .pic-slider .item {width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#main_visual .pic-slider span.visual_txt {position:absolute; left:20px; bottom:50px; width:100%; box-sizing:border-box; padding:0 10px}
#main_visual .pic-slider span.visual_txt1 {position:absolute; left:50%; top:-15px; transform: translate(-50%,0); width:100%; overflow: hidden;}
#main_visual .pic-slider span.visual_txt2 {position:absolute; left:0; bottom:30px; width:100%; }
#main_visual .pic-slider span.visual_txt img {width:100%;}
#main_visual .pic-slider .item.mv01 {background-image:url(../_img/main/m-220510-visual01-bg.jpg);}
#main_visual .pic-slider .item.mv02 {background-image:url(../_img/main/m-220510-visual02-bg.jpg);}
#main_visual .pic-slider .item.mv03 {background-image:url(../_img/main/m-220510-visual03-bg.jpg);}
#main_visual .pic-slider .item.mv04 {background-image:url(../_img/main/m-220510-visual04-bg.jpg);}
#main_visual .pic-slider .item.mv05 {background-image:url(../_img/main/m-220510-visual05-bg.jpg);}
#main_visual .pic-slider .item.mv06 {background-image:url(../_img/231228_2.png);}
#main_visual .pic-slider .item.mv07 {background-image:url(../_img/240402_001.png);}
#main_visual .pic-slider .item.mv08 {background-image:url(../_img/240402_002.png);}

#main_visual .pic-slider .item.mv01-1 {background-image:url(../_img/main/220510-visual01-bg.jpg);}
#main_visual .pic-slider .item.mv02-1 {background-image:url(../_img/main/220510-visual02-bg.jpg);}
#main_visual .pic-slider .item.mv03-1 {background-image:url(../_img/main/220510-visual03-bg.jpg);}
#main_visual .pic-slider .item.mv04-1 {background-image:url(../_img/main/220510-visual04-bg.jpg);}
#main_visual .pic-slider .item.mv05-1 {background-image:url(../_img/main/220510-visual05-bg.jpg);}

#main_visual .owl-dots {position:absolute; bottom:0; left:0; width:100%; padding:20px 0}
#main_visual .owl-dots button span {width:30px; height:2px; background:rgba(255,255,255,0.3); margin:0 5px !important;}
#main_visual .owl-dots button.active span {background:#e4007f;}


/*m_section01*/
#m_section01 {}

.event-slider {position:relative !important; width:140% !important; left:50%; margin-left:-70% !important}
.event-slider .event-pic {position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-bottom:0;}
.event-slider .event-pic::after {display:block; padding-bottom:100%; content:'';}
.event-slider .event-pic span {position:absolute; top:0; left:0; width:100%; height:100%;}
.event-slider .event-pic img {position:relative; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.event-slider .event-info {border:1px solid #ddd; box-sizing:border-box; background:#fff; overflow:hidden; padding:20px 10px; text-align:center;}
.event-slider .event-info span.tag {color:#fff; font-size:12px; background:#000; padding:3px 10px;}
.event-slider .event-info h4 {color:#212121; text-align:center; margin:15px 0 10px 0;}
.event-slider .event-info p {font-size:14px; line-height:18px; text-align:center; color:#9b999c; padding-bottom:15px;}
.event-slider .event-info a {display:inline-block; font-size:12px; border:1px solid #868686; border-radius:20px; padding:10px 25px; color:#868686;}

/*m_section02*/
#m_section02 {background-image:url(../_img/main/main_sec02_bg.jpg); overflow:visible !important; padding-left:0; padding-top:60px; padding-right:0;}
#m_section02 .seciton_title {text-align:center; box-sizing:border-box;/* padding:0 20px;*/ margin-bottom:20px;}
#m_section02 ul {width:100%; overflow:hidden; box-sizing:border-box; padding:0 10px;}
/*#m_section02 ul li {float:left; width:33.3%; box-sizing:border-box; text-align:center; margin-top:25px;}
#m_section02 ul li img {width:90%;}*/
#m_section02 .deco {position:absolute; right:3px; bottom:-95px; z-index:5;}
#m_section02 .deco img {width:10px;}


/*m_section03*/
#m_section03 {background-image:url(../_img/main/main_sec03_bg.jpg);}

#m_section03 ul {}
#m_section03 ul li {float:left; width:49%;}
#m_section03 ul li.left {margin-right:1%;}
#m_section03 ul li.right {margin-left:1%;}
#m_section03 ul li.leng1 {width:100%; margin:10px 0;}
#m_section03 ul li img {width:100%;}


/*m_section04*/
.main_bbs {width:100%; border:1px solid #ddd; box-sizing:border-box; padding:20px;}
.main_bbs h5 {position:relative; color:#212121; padding-bottom:20px;}
.main_bbs h5 a {position:absolute; right:0; top:0; width:25px; height:25px; background:url(../_img/icon/plus.png) no-repeat center; background-size:100%; text-indent:-999999px;}
.main_bbs ul {width:100%; overflow:hidden;}
.main_bbs ul li {width:100%; position:relative; border-top:1px solid #ddd; padding:13px 5px; padding-right:80px; box-sizing:border-box; font-size:14px;}
.main_bbs ul li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#4e4e4e; font-weight:500;}
.main_bbs ul li span {position:absolute; right:0; top:13px; color:#868686;}

.main_bbs#notice {margin-top:30px; background:#fafafa;}


/*m_section05*/
#m_section05 {background-image:url(../_img/main/main_sec05_bg.jpg); padding:0; padding-top:80px;}
#m_section05 p {text-align:center;}
#m_section05 p img {width:100%;}


/*==============================================================================================================================================================================================
			*========================================================================================================================================================================*
																						서브 컨텐츠
			*========================================================================================================================================================================*
==============================================================================================================================================================================================*/


/*=============== 서브공통 ===============*/
.sub_section {position:relative; width:100%; overflow:hidden; background-size:cover; background-position: center; background-repeat:no-repeat; padding:20px 0 0 0;}
.sub_section p {text-align:center;}
.sub_section p img {width:100%;} 


/*=============== 서브 비주얼 ===============*/
.sub_visual {position:relative; width:100%; height:300px; background-position:center; background-size:cover; background-repeat:no-repeat; box-sizing:border-box; padding:0 20px;}
.sub_visual#sub01_visual {background-image:url(../_img/sub/sub01_visual.jpg);}
.sub_visual#sub02_visual {background-image:url(../_img/sub/sub02_visual.jpg);}
.sub_visual#sub03_visual {background-image:url(../_img/sub/sub03_visual.jpg);}
.sub_visual#sub04_visual {background-image:url(../_img/sub/sub04_visual.jpg);}
.sub_visual#sub05_visual {background-image:url(../_img/sub/sub05_visual.jpg);}
.sub_visual#sub06_visual {background-image:url(../_img/sub/sub06_visual.jpg);}
.sub_visual#sub07_visual {background-image:url(../_img/sub/sub07_visual.jpg);}
.sub_visual#sub08_visual {background-image:url(../_img/sub/sub08_visual.jpg);}
.sub_visual#sub09_visual {background-image:url(../_img/sub/sub09_visual.jpg);}
.sub_visual#sub11_visual {background-image:url(../_img/sub/face_lifting_visual.jpg);}


.sub_visual #txt {text-align:center; box-sizing:border-box; padding-top:130px;}
.sub_visual #txt p {text-align:center; font-size:11px; line-height:15px; color:#fff; text-transform:uppercase;}
.sub_visual #txt p strong {font-size:39px; line-height:48px;}
.sub_visual #txt p span {display:block; letter-spacing:10px; opacity:.5; padding-top:10px}



/*=============== 서브 드롭다운메뉴  ===============*/
#dropdown-menuWrap {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:0 20px; z-index:5}

ul.dropdown-menu {width:100%; height:50px; background:#faf8f7; border-radius:10px 10px 0 0; border:1px solid #ddd;}
ul.dropdown-menu li {position:relative; float:left; width:50%; height:100%; box-sizing:border-box; line-height:50px;}
ul.dropdown-menu li:first-of-type {border-right:1px solid #ddd;}
ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#333; font-size:14px; box-sizing:border-box; padding:0 10px; cursor:pointer;}
ul.dropdown-menu li span::after {position:absolute; right:10px; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url(../_img/icon/down-arrow.png); background-size:15px; background-repeat:no-repeat; background-position:center; content:'';}
ul.dropdown-menu li.on span::after {background-image:url(../_img/icon/up-arrow.png);}
ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:13px; box-sizing:border-box; padding:0 10px; text-decoration:none;}

ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
ul.dropdown-menu li ul li a { color: #333; }
ul.dropdown-menu li ul li ul { left: 100%; top: 0;}


/*서브타이틀*/
.sub_title {width:100%; overflow:hidden; margin:20px 0;}
.sub_title h3 {text-align:center; font-size:41px !important; line-height:50px !important; color:#000;}
.sub_title p {text-align:center; font-size:17px; color:#888; line-height:25px; padding-top:10px;}
.sub_title p span {display:inline-block; color:#fff; font-weight:500; padding:5px 15px; background:#ffd400; border-radius:10px; margin-top:5px;}

table.basic_table {width:100%; overflow:hidden; border-top:2px solid #3b4056; table-layout:fixed; border-spacing:0;}
table.basic_table tr {}
table.basic_table tr th, table.basic_table tr td {font-size:14px; border-bottom:1px solid #ddd; padding:10px;}
table.basic_table tr th {background:#f8f8f8; text-align:center; color:#111; font-weight:400}
table.basic_table tr td {}
table.basic_table tr td input[type='text'], table.basic_table tr td input[type='password'] {width:100%; height:40px; border:1px solid #e5e5e5; box-sizing:border-box; padding:5px 10px;}
table.basic_table tr td select {width:100%; height:40px; border:1px solid #e5e5e5; box-sizing:border-box; padding:5px 10px;}
table.basic_table tr td textarea {width:100%; height:300px; border:1px solid #e5e5e5; box-sizing:border-box; padding:10px; font-size:14px; color:#333;}
table.basic_table tr td .num, table.basic_table tr td .mail {float:left; width:25% !important;}
table.basic_table tr td .follow {float:left; margin-right:5px; width:40% !important;}
table.basic_table tr td span {float:left; padding:0 5px;}

/*서브 탭*/
ul.sub-tabs {width:100%; overflow:hidden; margin-bottom:30px;}
ul.sub-tabs li {float:left; width:50%; height:60px; box-sizing:border-box; border-bottom:1px solid #e4007f;}
ul.sub-tabs li a {display:block; color:#888; font-size:16px; line-height:60px; text-align:center;}
ul.sub-tabs li.on {border:1px solid #e4007f; border-bottom:0;}
ul.sub-tabs li.on a {color:#e4007f;}


/*버튼*/
.btn-wrapper {width:100%; text-align:center; margin:40px 0}
.btn-wrapper button {width:30%; height:50px; background:#b7b7b7; color:#fff; text-align:center; border:0; margin:0 5px; font-size:16px; font-family:'Noto Sans KR', sans-serif;}
.btn-wrapper button.submit {background:#3b4056;}


/*서브 탭*/
#snb {width:100%; overflow:hidden;  position:relative; margin-bottom:10px;}
#snb ul {text-align:center; font-size:0;}
#snb ul li {display:inline-block; width:25%; height:60px; font-size:16px; text-align:center; border:1px solid #e6e6e6; border-left:0; box-sizing:border-box; font-weight:200}
#snb ul li:first-of-type {border-left:1px solid #e6e6e6;}
#snb ul li:nth-of-type(5),#snb ul li:nth-of-type(6),#snb ul li:nth-of-type(7),#snb ul li:nth-of-type(8){border-top:0}
#snb ul li a {display:block; width:100%; height:100%; color:#787878; line-height:60px; background:#fcfcfc; text-decoration:none;}
#snb ul li.on a {color:#fff; background:#e4007f; font-weight:400}


/*=============== 유박의원:: sub01 ===============*/
#interior {width:100%; margin-top:-40px; position:relative; overflow:hidden}
#interior .pic-slider, #interior .owl-stage-outer, #interior .owl-stage, #main_visual .owl-item {width:100%; height:100%;}
#interior .pic-slider .item {width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#interior .owl-dots { margin-bottom:20px; left:0; width:100%; padding:5px 0}
#interior .owl-dots button span {width:10px; height:2px; background:rgba(0,0,0,0.5); margin:0 2px !important;}
#interior .owl-dots button.active span {background:#e4007f;}

#sub01_04-sec01 {background-image:url(../../images/sub/sub01_04-sec01-bg.png); position:relative; ;} 




/*=============== 가슴성형:: sub02 ===============*/
#sub02_01-sec01 p.view_more_btn{
    display: block;
    width:100%;
    height:40px;
    background-color: #3b4056;
}
#sub02_01-sec01 p.view_more_btn a{
    font-size: 12px;
    line-height: 40px;
    color:#fff;
}
    

#sub02_06-sec01 {}
#sub02_06-sec01 ul.sub-tabs li {border-bottom:1px solid #42c0bf;}
#sub02_06-sec01 ul.sub-tabs li.on {border:1px solid #42c0bf; border-bottom:0}
#sub02_06-sec01 ul.sub-tabs li.on a {color:#42c0bf;}




/*=============== 커뮤니티 :: sub09 ===============*/
#agree-wrap {width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #e5e5e5; margin-bottom:30px;}
#agree-txt {width:100%; height:200px; overflow-y:scroll; box-sizing:border-box; padding:20px; font-size:14px; color:#999;}
#agree-check {width:100%; padding:12px; border-top:1px solid #e5e5e5; text-align:right; background:#f8f8f8; box-sizing:border-box; font-size:14px;}
#agree-check label {padding-left:5px;}


/*리얼셀카후기*/
ul.self_review {width:100%; overflow:hidden;}
ul.self_review li {position:relative; float:left; width:47%; height:auto; overflow:hidden; margin-left:2%; margin-bottom:15px;}
ul.self_review li .pic {position:relative; width:100%; height:200px; overflow:hidden;}
ul.self_review li .pic a {position:absolute; top:100%; left:0; display:block; width:100%; height:100%; background:rgba(37,43,67,.75); text-align:center; font-size:16px; color:#fff; box-sizing:border-box; padding-top:180px; transition:all .3s}
ul.self_review li .pic a span {border-bottom:2px solid #fff; padding:5px; opacity:0; transition:all .3s}
ul.self_review li .pic img {position:relative; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
ul.self_review li .surgery_info {width:100%; overflow:hidden;}
ul.self_review li .surgery_info p {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #ddd; padding:10px 0; color:#333; font-size:14px; text-align:left;}
ul.self_review li .surgery_info p span {position:relative; padding:0 10px; color:#888;}
ul.self_review li .surgery_info p span::after {position:absolute; top:5px; left:0; width:1px; height:14px; background:#ddd; content:'';}
ul.self_review li .surgery_info p span:first-of-type {padding-left:0;}
ul.self_review li .surgery_info p span:first-of-type::after {display:none;}
ul.self_review li .surgery_info p.title {font-size:16px; font-weight:500;}
ul.self_review li:hover .pic a {top:0; padding-top:140px; transition:top .3s ease .1s, padding-top .3s ease .3s;}
ul.self_review li:hover .pic a span {opacity:1; transition:opacity.3s ease .2s;}
ul.self_review li:hover p.title {color:#e4007f;}



.selfie { width: 100%; margin: 30px auto;  overflow: hidden;}
.selfie ul li {float:left; padding-bottom:8px; padding-right:8px; width:31.999999%}
.selfie ul li:nth-of-type(3),.selfie ul li:nth-of-type(6),.selfie ul li:nth-of-type(9),.selfie ul li:nth-of-type(12) {padding-right:0px}
.selfie ul li a {display:block;position:relative;}
.selfie ul:after {display:block;content:'';clear:both}
.selfie ul {}
.selfie li {float:left}
.selfie li a {display:block;overflow:hidden;}
.selfie li a img {transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	width:100%;
	
}

.selfie li a:hover img, .selfie li a:focus img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}