.sec1 .title-box ul .breast{background:url(/stemcell/_Img/Content/cosmetic/cosmetic01/title_bg.png) no-repeat center; background-size:cover;}
.sec1 .title-box ul .rebuild{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/title_bg.png) no-repeat center; background-size:cover;}
.sec1 .title-box ul .face{background:url(/stemcell/_Img/Content/cosmetic/cosmetic03/title_bg.png) no-repeat center; background-size:cover;}
.sec1 .title-box ul .woman{background:url(/stemcell/_Img/Content/cosmetic/cosmetic04/title_bg.png) no-repeat center; background-size:cover;}

.case{}
.case .item{padding:80px 0; width:100%; background:#eee;}

.difference{margin-bottom:50px;}
.difference .p-tit{text-align: center;}
.difference .stxt{text-align: center;margin-bottom: 50px;}
.surgery_int{margin-bottom:50px;}
.surgery_int ul li .icon6{background:url(/Body_Face/_Img/Content/surgery_icon_4.png)no-repeat center;}

.case{}
.case .tab{}
.case .tab ul{border:1px solid #dadada; box-sizing: border-box; width:302px; margin:0 auto;}
.case .tab ul li{float:left; width:150px;line-height:115%; border-right:1px solid #dadada; font-weight:500; font-size:14px; text-align: center; box-sizing: border-box; display: block;  padding:12px 0; cursor: pointer;}
.case .tab ul li:last-child{border-right:none;}
.case .tab ul li:hover{background:#f65b3f; color:#fff;}
.case .tab ul .on {background:#f65b3f; color:#fff;}


.tab_cont{height:600px; background:#f4f4f4; width:100%; overflow:hidden; position:relative;}
.tab_cont .page{width:100%; height:100%; padding:100px; box-sizing: border-box;}

/*쌍꺼풀 수술*/
.case{ position:relative; margin-bottom:10px; overflow:hidden;}

.case .uva-slide-dot{width:304px; overflow:hidden; margin:0 auto;}
.case .uva-slide-dot div.dot{cursor:pointer; float:left; position:relative; width:150px; height:auto; padding:12px 0px; color:#2e3135; line-height:115%; border:1px solid #dadada; font-weight:500; font-size:14px; text-align:center;}
.case .uva-slide-dot div.dot.active,.case .uva-slide-dot div.dot:hover{background:#f65b3f; color:#fff; border:1px solid #f65b3f;}
.case .uva-slide-wrap{position:relative; height:700px;}
.case .uva-slide-wrap .uva-slide{position:absolute; left:50%;margin-left:-600px; height:auto; width:1200px; top:0;}
.case .uva-slide-wrap .item{ position:relative;}

.case .uva-slide-ctrl{ position:absolute; left:0px; top:380px;  width:100%; z-index:11; display:none;}
.case .uva-slide-ctrl button{position:relative; transition:background .3s; border:none; width:51px; height:51px; float:left; background:url(/Breast/_Img/Content/uva-slide-prev.jpg) no-repeat;}
.case .uva-slide-ctrl button.next{background:url(/Breast/_Img/Content/uva-slide-next.jpg) no-repeat; float:right;}
.case .uva-slide-ctrl button:hover{background:url(/Breast/_Img/Content/uva-slide-prev-o.jpg) no-repeat}
.case .uva-slide-ctrl button.next:hover{background:url(/Breast/_Img/Content/uva-slide-next-o.jpg) no-repeat}
.case .item{padding:100px; box-sizing: border-box;}
.case .item .title{font-size: 24px; font-family:'NanumSquare','Nanum Square'; margin-bottom:40px; color:#f65b3f; line-height: 1.3em;}
.case .item .exp{font-size:16px; color:#666; margin-bottom:50px; line-height:1.5em;}
.case .item .exp2 ul{}
.case .item .exp2 ul li{font-size:16px; color:#666;margin-bottom:20px; position:relative; padding-left:14px; }
.case .item .exp2 ul li:before{content:""; display: block; width:4px; height:4px; background:#f65b3f; position:absolute; top:7px; left:0;}
.case .item .exp2 ul li img{vertical-align: middle; margin:-3px 10px 0; }
.case .item .process ul li{text-align: center; float:left; width:20%;}
.case .item2 .process ul li{text-align: center; float:left; width:25%;}
.case .item .process ul li .img{margin-bottom:20px}
.case .item .process ul li .title{font-size:16px; color:#333; margin-bottom: 0;}

.breastFaq{margin-bottom:50px;}
.breast-pre-caution{margin-bottom:50px;}
.breast-after-caution{margin-bottom:100px;}

.yub_stem_system{margin-bottom:100px;}
.yub_stem_system .p-tit{text-align: center; }
.stem_system{}
.stem_system ul{padding:0 30px;}
.stem_system ul li{width:50%; float:left; padding:0 30px; box-sizing: border-box; margin-bottom:80px; position: relative; overflow: hidden;}
.stem_system ul li .img{margin-bottom:30px; overflow: hidden; position: relative; z-index: 2}
.stem_system ul li .title{font-size: 20px; font-family:'NanumSquare','Nanum Square'; margin-bottom:20px; color:#f65b3f;}
.stem_system ul li .exp{font-size:16px; color:#888; word-break: keep-all;}
.stem_system ul li .img img{transition: all 1s ease-in-out;}
.stem_system ul li .img:after{content: ""; display: block; background: rgba(246, 91, 63,0.7); opacity:0; position: absolute; top:0; left:0;  width:100%; height:100%; transition: opacity 0.4s ease-in-out;  z-index: 3}
.stem_system ul li .flag{opacity: 0; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; transition: opacity 0.4s ease-in-out;text-align: center;  z-index: 4; font-size:16px;}
.stem_system ul li .flag span{display:block; background:rgba(255,255,255,0.5); width:58px; height:58px; margin:0 auto 30px; line-height: 58px; text-align: center; }
.stem_system ul li .img:hover img{transform:scale(1.1);}
.stem_system ul li .img:hover:after{opacity: 1;}
.stem_system ul li .img:hover .flag{opacity: 1;}


/*유방재건*/
.rebuild{margin-bottom:50px;}
.title-box2 .p-tit{color:#f65b3f;}
.title-box2 .p-tit.img-bar:after{left:0; margin-left:0;}
.title-box2 .stxt{font-size:16px; color:#888; line-height:1.5em;}

.rebuild-surgery{margin-bottom:100px;}

.rebuild-histroy{margin-bottom:100px;}
.rebuild-histroy .history-box{}
.history-box ul{}
.history-box ul li{height:390px; float:left; width:calc(33.333% - 6.666px); margin-right:10px; border:1px solid #eee; box-sizing:border-box; margin-bottom: 10px;}
.history-box ul li:nth-child(3n){margin-right: 0;}
.history-box ul .first{padding:60px 38px;}
.history-box ul .first .p-tit{text-align: right; color:#f65b3f;}
.history-box ul .first .p-tit:after{left:auto; right:0; margin-left: 0;}
.history-box ul li .img{height:186px; overflow:hidden; position: relative;}
.history-box ul li .img:after{}
.history-box ul li .img img{width:100%; height:auto;}
.history-box ul li:nth-child(2) .img{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/sec2-01.png) no-repeat center 0; background-size: cover;}
.history-box ul li:nth-child(3) .img{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/sec2-02.png) no-repeat center 0; background-size: cover;}
.history-box ul li:nth-child(4) .img{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/sec2-03.png) no-repeat center 0; background-size: cover;}
.history-box ul li:nth-child(5) .img{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/sec2-04.png) no-repeat center 0; background-size: cover;}
.history-box ul li:nth-child(6) .img{background:url(/stemcell/_Img/Content/cosmetic/cosmetic02/sec2-05.png) no-repeat center 0; background-size: cover;}
.history-box ul li .cont{padding:30px 28px; font-size:16px; word-break: keep-all;}
.history-box ul li .cont .title{color:#333; line-height:1.5em; margin-bottom:20px; font-weight: 600; letter-spacing: -0.05em;}
.history-box ul li .cont .exp{color:#888; line-height: 1.5em; letter-spacing: -0.03em;}
.history-box ul li .img:after{ display:block; position: absolute; top:0; left:0; background:#514f4f; color:#fff; width:60px; height: 60px; text-align: center; line-height: 60px;}
.history-box ul li:nth-child(2) .img:after{content:"1세대";}
.history-box ul li:nth-child(3) .img:after{content:"2세대";}
.history-box ul li:nth-child(4) .img:after{content:"3세대";}
.history-box ul li:nth-child(5) .img:after{content:"4세대"; background: #f65b3f;}
.history-box ul li:nth-child(6) .img:after{content:"5세대"; background: #f65b3f;}

.advantage{margin-bottom: 100px;}
.advantage .advantage-box{border:1px solid #eee; padding:80px 80px 30px;}
.advantage-box > div{float:left; width:50%; box-sizing: border-box;  box-sizing: border-box;}
.advantage-box .ad-left{}
.advantage-box .ad-left .p-tit{font-size: 20px; color:#f65b3f;}
.advantage-box .ad-left .p-tit:after{left:0; margin-left: 0;}
.advantage-box .ad-left .u-list02 li{margin-bottom: 14px;}
.advantage-box .ad-right{}
.advantage-box .ad-right ul{width:100%; box-sizing: border-box;}
.advantage-box .ad-right ul li{float:left; padding:0 10px; margin-bottom:20px; width:50%; box-sizing: border-box;}
.advantage-box .ad-right ul li .img{margin-bottom: 10px;}
.advantage-box .ad-right ul li .tit{font-size:14px; color:#333; word-break: keep-all;}

.rebuild-process{margin-bottom: 100px;}
.rebuild-process .p-tit{text-align: center;}
.rebuild-process .rebuild-process-box{}
.rebuild-process-box ul{}
.rebuild-process-box ul li{}
.rebuild-process-box ul li .title{}
.rebuild-process-box ul li .exp{}

.point{margin-bottom:100px;}
.point-box{margin-bottom:50px;}
.point-box .p-tit{text-align: center; margin-bottom:50px;}
.point-box ul{}
.point-box ul li{position: relative; padding-left: 110px; line-height: 1.5em; color:#888; margin-bottom: 20px;}
.point-box ul li:before{position: absolute; top:0; left:0; display: block; background:#f65b3f; color:#fff; font-size:14px; text-align:center; line-height:30px; width:82px; height: 30px;}
.point-box ul li:nth-child(1):before{content:"차이점 1"}
.point-box ul li:nth-child(2):before{content:"차이점 2"}
.point-box ul li:nth-child(3):before{content:"차이점 3"}

.face-target{margin-bottom:100px;}
.face-target .p-tit{text-align: center;}
.face-target .target{margin:50px 0;}
.face-target .target ul{}
.face-target .target ul li{font-size:16px; font-family:'NanumSquare','Nanum Square'; color:#f65b3f; float:left; width:50%; margin-bottom:20px; letter-spacing: -0.05em;}
.face-target .target ul li:after{content:""; display:block; clear:both;}
.face-target .target ul li .title{float:left; width:150px; font-weight:500;}
.face-target .target ul li .exp{float:left; width:calc(100% - 150px); color:#333;}
.face-img{border:1px solid #eee; width:100%; box-sizing: border-box; text-align: center;}

.woman-surgery{background:#f4f4f4; border:1px solid #eee; padding:50px; margin-bottom:100px;}
.woman-surgery .p-tit{text-align: center; color:#f65b3f;}
.woman-target-box{margin:50px 0;}
.woman-target-box ul{}
.woman-target-box ul li{float:left; width:25%; padding:0 50px; box-sizing: border-box; text-align: center;}
.woman-target-box ul li .title{font-size:28px; color:#54546a; font-weight:500; margin-bottom:30px;}
.woman-target-box ul li .exp{color:#54546a; word-break: keep-all;}

.woman-differ{margin-bottom: 100px;}
.woman-differ .p-tit{text-align: center;}
.woman-differ .stxt{font-size: 16px; text-align: center; line-height: 2em; color:#888; margin-bottom:50px;}
.woman-differ .woman-info-box{}
.woman-differ .woman-info-box ul{padding:0 100px;}
.woman-differ .woman-info-box ul li{float:left; width:50%; padding:0 50px; box-sizing: border-box;}
.woman-differ .woman-info-box ul li .mini-box{border:1px solid #eee; padding:100px 50px; height:400px;  box-sizing: border-box;}
.woman-differ .woman-info-box ul li .img{text-align: center; margin-bottom: 50px;}
.woman-differ .woman-info-box ul li .title{font-size:22px; color:#f65b3f; margin-bottom:20px;}
.woman-differ .woman-info-box ul li .exp{line-height: 1.5em; color:#888; font-size:16px;}

@media only screen and  (max-width:1024px) {
    .title-box2{padding:20px; box-sizing: border-box;}
    .case{margin-bottom: 50px;}
    .case .center-tit{ padding-top:60px}	
    .case .center-tit .btxt{ font-size:25px;}		
    .case .uva-slide-dot{width:100%;}
    .case .uva-slide-dot div.dot{font-size:17px; width:33%;}		
    .case .uva-slide-wrap{margin-top:20px;height:auto; padding-bottom:25px}
    .case .uva-slide-wrap .uva-slide{position:relative;left:auto; top:auto; margin-left:0;width:auto; padding:0px; height:auto;}
    .case .owl-nav{display:none;}
    .case.add .uva-slide-ctrl{top:322px;}
    .case .uva-slide-ctrl{ position:absolute; left:0px; top:300px;  width:100%; z-index:11;}
    .case .uva-slide-wrap{height:auto;}
    .case .item{padding: 40px;}
    .case .item .title{}
    .case .item .exp{line-height: 1.5em;}
    .case .item .exp2 ul{}
    .case .item .exp2 ul li{line-height: 1.5em;}
    .case .item .exp2 ul li:before{}
    .case .item .exp2 ul li img{}
    .case .item .process ul li{width:50%; margin-bottom:30px;}
    .case .item2 .process ul li{}
    .case .item .process ul li .img{width:70%; margin:0 auto 20px;}
    .case .item .process ul li .img img{width:100%; height:auto;}
    .case .item .process ul li .title{}


    .breast-after-caution{margin-bottom:50px;}
    .stem_system ul{padding:0; margin-bottom:10 0px;}
    .stem_system ul li{width:100%; padding:0 16px; margin-bottom:40px;}
    .stem_system ul li .img{height:200px; overflow:hidden; margin-bottom:30px;}
    .stem_system ul li .img img{width:100%; height:auto; }
    .stem_system ul li .title{font-size:18px; margin-bottom:16px;}
    .stem_system ul li .exp{line-height:1.4em;}
    .stem_system ul li .flag span{width:58px; height:30px; line-height: 32px; margin-bottom:10px;}
    
    .rebuild-surgery{margin-bottom: 50px;}
    .history-box ul li{height:390px; width:calc(50% - 5px);}
    .history-box ul li:nth-child(3n){margin-right:10px;}
    .history-box ul li:nth-child(2n){margin-right:0;}
    
    .advantage{margin-bottom: 50px;}
    .advantage .advantage-box{padding:30px;}
    .advantage-box > div{width: 100%;}
    .advantage-box .ad-right ul li{padding:0 8px;}
    .advantage-box .ad-right ul li .img img{width:100%; height: auto;}
    
    .face-target .target ul li{width:100%;}
    .face-img img{width:90%; height:auto; margin-left:27px;}
    
    .woman-surgery{margin-bottom: 50px;}
    .sec3.rebuild-process{margin-bottom: 50px;}
    
    .woman-target-box ul li{width:50%; padding:0; margin-bottom:30px;}
    .woman-target-box ul li:nth-child(3){margin-bottom: 0;}
    .woman-target-box ul li:nth-child(4){margin-bottom: 0;}
    .woman-differ{margin-bottom: 50px;}
    .woman-differ .stxt{line-height: 1.5em; text-align: left; padding:0 20px;}
    .woman-differ .woman-info-box ul{padding:0;}
    .woman-differ .woman-info-box ul li{padding:0; width:100%;}
    .woman-differ .woman-info-box ul li .mini-box{padding:40px; height:auto;}
    .woman-differ .woman-info-box ul li:first-child .mini-box{border-bottom:none;}
    .woman-differ .woman-info-box ul li .img{margin-bottom: 25px;}
}

@media only screen and  (max-width:670px) {

    .case{margin-bottom:0px;}
    .case .reduce02-list01.nose04-cont3{padding: 30px 3% 30px 3%;}
    .case .reduce02-list01.nose04-cont3 .stxt{padding:0px;}
    .case .uva-slide-dot div.dot{font-size:14px; width:49%;}
    .case .uva-slide-ctrl{ position:absolute; left:0px; top:340px;  width:100%; z-index:11;}
    .stem_system ul li .img{height:140px; margin-bottom:15px;}
    
    .history-box ul li{height:auto; width:100%}
    .history-box ul li:nth-child(1){height:80px; padding:0 0 0 10px; border:none; }
    .history-box ul li:nth-child(1) .p-tit{text-align:left;}
    .history-box ul li:nth-child(1) .p-tit:after{left:0; right:auto;}
    .history-box ul li:nth-child(2n){margin-right:0;}

	.woman-surgery{padding:50px 20px;}

	.difference .stxt{margin-bottom:25px;}

	.point-box ul li{padding:0 12px;}
	.point-box ul li:before{position:relative; margin-bottom:10px;}

	.point{margin-bottom:50px;}
	
	.face-target{margin-bottom:50px;}
	.face-target .target{padding:0 12px; margin-bottom:30px;}
	.face-target .target ul li{margin-bottom:30px}
	.face-target .target ul li:last-child{margin-bottom:0px}
	.face-target .target ul li .title{float:none; width:100%; margin-bottom:10px;}
	.face-target .target ul li .exp{float:none; width:100%;}


}

@media only screen and (max-width:375px){
	.rebuild-histroy{margin-bottom:25px;}
	.rebuild-process{margin-bottom:25px;}
	.point{margin-bottom:25px;}
	.face-target{margin-bottom:25px;}
}