@charset "utf-8";
.msec-01{ height:550px; width:100%;max-width:1200px; margin:0 auto ; position:relative;}
.msec-02{ height:1342px;width:100%;max-width:1200px; margin:0 auto ; position:relative;text-align:left;}
	@media all and (max-width:1024px) {
		.msec-01, .msec-02{height:auto;}
		
	}
/* owl 실행*/
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-nav div{text-indent:-9999px}
/*mvisual-wrap*/
.mvisual-wrap{ height:550px; overflow:hidden; position:absolute; left:50%; top:0; width:2000px ; margin-left:-1000px;}
.mvisual-wrap .mvisual-slide{position:relative; z-index:5;overflow:hidden ; height:550px !important;}
.mvisual-wrap .mvisual-slide li{ height:550px;}
.mvisual-wrap .item{position:relative;background:url(/Breast/_Img/Main/visual-bg.jpg) no-repeat center center; height:550px}
.mvisual-wrap .item span.slogan{position:absolute; left:50%;margin-left:-600px; width:1200px; top:102px;text-align:left;}
.mvisual-wrap .item span.slogan img{margin-left:5px; width:565px; height:149px;}
.msec-01 .mvisual-ctrl{text-align:left; top:460px;left:400px; width:107px; z-index:6; height:25px; position:absolute;border:1px solid #8f9091}
.msec-01 .mvisual-ctrl:after{ background:#8f9091; position:absolute; right:0; top:0; width:55px; height:25px; z-index:-1; display:block; content:"";}
.msec-01 .mvisual-ctrl button.next, .msec-01 .mvisual-ctrl button.prev{float:left; width:25px; height:25px; position:relative; background:none; border:none;display:inline-block; vertical-align:top}
.msec-01 .mvisual-ctrl button.next:after, .msec-01 .mvisual-ctrl button.prev:after{width:11px; height:6px; display:block;content:""; position:absolute; left:50%;margin-top:-3px; margin-left:-5px; background:url(/Breast/_Img/Main/visual-ctrl.png) no-repeat}
.msec-01 .mvisual-ctrl button.next{border-left:1px solid #8f9091;margin-left:1px;}
.msec-01 .mvisual-ctrl button.next:after{background-position:-11px 0}
.msec-01 .mvisual-ctrl .owl-dot.active, .msec-01 .mvisual-ctrl .slick-active{ display:inline-block; margin-left:15px; line-height:25px; color:#222; font-size:13px;}
.msec-01 .mvisual-ctrl .owl-dot{display:none; vertical-align:top; font-style:italic}
.msec-01 .mvisual-ctrl strong{ display:inline-block;vertical-align:top; color:#dfdede; line-height:25px;margin-left:24px;font-style:italic;font-size:13px; font-weight:600}
.msec-01 .slick-vertical .slick-slide{border:0}
.msec-01 .slick-dots{position:absolute; left:455px; top:461px; height:25px; z-index:9999}
.msec-01 .slick-dots li{ display:none;line-height:25px;height:25px; float:left;color:#222; font-size:13px;text-align:center;font-style:italic}
.msec-01 .slick-dots li.slick-active{display:block;}

.mvisual-wrap .item img{position:relative; z-index:33}

.mvisual-wrap .item .mv_f_01{position:absolute; left:44%; top:0;}
.mvisual-wrap .item .mv_f_02{position:absolute; left:38%; top:76px;}
.mvisual-wrap .item .mv_f_02_m{display:none;}

.mvisual-wrap .item .pc-v{display:block;}
.mvisual-wrap .item .mobile-v{display:none;}
.msec-01.bf .slogan-txt{position:absolute; left:50%;height:auto;margin-left:-600px; width:1200px; top:102px;text-align:left;  z-index:34}
.msec-01.bf .slogan-txt span{line-height:150%;}
.msec-01.bf .slogan-txt .btxt{font-size:20px; font-weight:100; color:#fff; background:#2b2d30; padding:3px 10px;}
.msec-01.bf .slogan-txt .dtxt{display:block; color:#2b2d30; font-size:24px;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic"; font-weight:300; letter-spacing:-0.02em; line-height:1.45em; margin-top:20px;}
.msec-01.bf .slogan-txt .stxt{display:block;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic";  font-weight:100; font-size:48px; letter-spacing:-0.03em; margin-top:12px; line-height:1.3em;}
.msec-01.bf .slogan-txt .stxt02{margin-top:40px;}

.msec-01.bf .slogan-txt .ctxt{display:block; color:#2b2d30; font-size:20px;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic"; font-weight:300; letter-spacing:-0.02em; line-height:1.45em; margin-top:20px;}

.msec-01.bf .slogan-txt .c-01{color:#f65b3e;line-height:0.5em;margin-bottom:40px;}
.msec-01.bf .slogan-txt .ctxt br.m-br {display:none;}
/*.msec-01.bf .slogan-txt .c-02{color:#58b807}
.msec-01.bf .slogan-txt .c-03{color:#f05e98}*/



.mvisual-dot{display:inline-block; vertical-align:top}

	@media all  and (max-width:1024px) {
		.mvisual-wrap{ height:400px;}
		.mvisual-wrap .mvisual-slide{height:400px !important;}
		.mvisual-wrap .mvisual-slide li{ height:400px;}
		.mvisual-wrap{position:relative; margin-left:0; left:auto; top:auto;}
		.mvisual-wrap .item{height:400px;}
		.mvisual-wrap .item .mobile-v{display:block;}
		.msec-01.bf .slick-dots{top:auto; left:86px; bottom:31px;}
		.msec-01.bf .mvisual-ctrl{top:auto;bottom:30px; left:30px;}
		
		.msec-01.bf .slogan-txt{left:30px; top:36px; width:100%;margin-left:0}
		.msec-01.bf .slogan-txt .btxt{font-size:15px}
		.msec-01.bf .slogan-txt .btxt{font-size:20px}
		.msec-01.bf .slogan-txt .stxt{ font-size:36px}
		.msec-01.bf .slogan-txt .stxt-02{ font-size:32px}
		.msec-01.bf .slogan-txt .ctxt{font-size:18px; }
		.msec-01.bf .slogan-txt .ctxt-02{font-size:18px;margin-top:12px;}

		.mvisual-wrap .item img{width:1456px; margin-left:-10%; position:relative; z-index:1}

		.mvisual-wrap .item .mv_f_01{left:28%; top:0; width:450px;  display:none;}
		.mvisual-wrap .item .mv_f_02{left:29%; top:47px; width:800px; display:none;}
		.mvisual-wrap .item .mv_f_02_m{left:30%; top:14%; width:300px; display:block; position:absolute;}
	}

	@media all  and (max-width:640px) {
		.mvisual-wrap{ height:275px;}
		.mvisual-wrap .vertical-slide { height:275px;}
		.mvisual-wrap .mvisual-slide{height:275px !important;}
		.mvisual-wrap .mvisual-slide li{ height:275px;}

		.msec-01.bf .mvisual-ctrl{bottom:20px; left:20px;}
		.msec-01.bf .slick-dots{top:auto; left:76px; bottom:21px;}

		.msec-01.bf .slogan-txt{left:20px; top:20px;}
		.msec-01.bf .slogan-txt .btxt{font-size:14px;}
		.msec-01.bf .slogan-txt .dtxt{font-size:16px; margin-top:16px;}
		.msec-01.bf .slogan-txt .stxt{ font-size:22px; margin-top:6px;}
		.msec-01.bf .slogan-txt .stxt02{ margin-top:16px;}
		.msec-01.bf .slogan-txt .ctxt{font-size:14px; margin-top:5px;}
		.msec-01.bf .slogan-txt.fl02 .ctxt{font-size:14px; margin-top:15px;}
		.msec-01.bf .slogan-txt .ctxt-02{font-size:14px; margin-top:10px;}
		.msec-01.bf .slogan-txt .ctxt br.pc-br {display:none;}
		.msec-01.bf .slogan-txt .ctxt br.m-br {display:block;}
		.msec-01.bf .slogan-txt .c-01.m-nose {margin-bottom:20px;}

		.mvisual-wrap .item img{width:1000px; margin-left:-10%; position:relative; z-index:1}

		.mvisual-wrap .item .mv_f_01{left:19%; top:6px; width:300px;}
		.mvisual-wrap .item .mv_f_02{left:24%; top:39px; width:490px;}
		.mvisual-wrap .item .mv_f_02_m{left:23.5%; top:10%; width:200px;}
	}

	@media all  and (max-width:375px) {
		.msec-01.bf .slogan-txt{left:20px; top:40px; max-width:320px;}
		.msec-01.bf .slide03 .slogan-txt .ctxt{font-size:13px;}
		.msec-01.bf .slide03 .slogan-txt .ctxt i{display:block;}
		.msec-01.bf .slide03 .slogan-txt .ctxt .m320{display:none;}

		.mvisual-wrap .item .mv_f_01{display:none;}
		.mvisual-wrap .item .mv_f_02{display:none;}
	}


/*msec02*/

.msec-02 .msec-ov{ padding:70px 0;}
.msec-02:after{ position:absolute; width:2000px; height:100%; background:url(/Breast/_Img/Main/msec02-bg.jpg) no-repeat center center; left:50%;margin-left:-1000px; top:0; z-index:-1; display:block; content:"";}

.msec02-service, .msec02-com, .msec02-info{overflow:hidden}
.msec02-info{background:#fff}

	@media all  and (max-width:1024px) {
		.msec-02:after{background:none;}
		.msec-02 .msec-ov{padding:0}
	}




/*-- m-cafe --*/
.m-cafe{ float:left;text-align:left; position:relative;width:300px; height:350px;background:url(/Breast/_Img/Main/cafe-bg.jpg) no-repeat;
		-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
		}
.m-cafe a{display:block;}
.m-cafe .btxt{ padding:46px 33px 8px 33px;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic";  font-size:36px; letter-spacing:-0.08em; position:relative; font-weight:100;color:#fff; display:block; line-height:130%}
.m-cafe .btxt:after{background:url(/Breast/_Img/Main/navercafe-logo.png) no-repeat ; width:49px; height:34px; position:absolute; right:40px; bottom:10px; display:block; content:""}
.m-cafe .stxt{ padding:0 15px 5px 40px;display:inline-block;background:url(/Breast/_Img/Main/cafe-riboon.png) no-repeat 33px 0; font-size:15px; letter-spacing:-0.08em; color:#bf1e00; line-height:23px;}
.m-cafe .ctxt{ padding:0 33px;display:block; font-size:14px; line-height:140%;  padding-top:10px; color:#fff}
.m-cafe:after{ position:absolute; right:20px; bottom:0; width:132px; height:171px; display:block; content:""; background:url(/Breast/_Img/Main/cafe-img.png) no-repeat}
	@media all  and (max-width:1024px) {
		.m-cafe{ background-repeat:repeat-x; height:200px; padding-bottom:60px;}
		.m-cafe .btxt:after{right:auto; left:200px}
		.m-cafe .ctxt i{display:block;}
	}
	@media all and (min-width:680px) and (max-width:1024px) {
		.m-cafe{ float:none; width:auto; height:200px; }
	}
	@media all  and (max-width:679px) {
		.m-cafe{ float:none;width:auto; height:auto; padding-bottom:50px;}
		.m-cafe .btxt:after{left:175px}
		.m-cafe .btxt{ font-size:30px}
	}


/*-- m-product --*/
.m-product {float:left;width:600px; height:350px; background:url(../_Img/Main/info_bg.png) no-repeat right center; background-size:cover ;position:relative;text-align:left; overflow:hidden;
			-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
			}
.m-product .item{;}
.m-product a{display:block; padding:50px 10px 45px 303px; position:relative;}
.m-product .img.bf{ position:absolute; left:0px; top:0; width:auto; }
.m-product .img.top0{top:0; }
.m-product .btxt{ font-size:19px; letter-spacing:-0.05em; font-weight:100; color:#3d434c; font-size:20px; display:inline-block; padding-bottom:18px; border-bottom:1px solid #555759}
.m-product .stxt{ color:#f65b3e;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic";  font-weight:100; font-size:32px; letter-spacing:-0.1em; display:block; line-height:150%; padding:20px 0 10px 0}
.m-product .ctxt{ font-size:14px; color:#3d434c;line-height:150%; display:block;}
/* .m-product .owl-nav{display:none} */

.m-product .owl-item{min-height:350px;}
.m-product .owl-item .img {opacity:0;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.m-product .owl-item.active .img{opacity:1;transition-delay: 0.1s; }
.m-product .owl-item .btxt {opacity:0;transform:translateY(10%); -webkit-transform:translateY(10%); -moz-transform:translateY(10%); -ms-transform:translateY(10%);transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.m-product .owl-item.active .btxt{opacity:1;transition-delay: 0.3s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); }
.m-product .owl-item .stxt {opacity:0;transform:translateY(10%); -webkit-transform:translateY(10%); -moz-transform:translateY(10%); -ms-transform:translateY(10%);transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.m-product .owl-item.active .stxt{opacity:1;transition-delay: 0.6s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); }
.m-product .owl-item .ctxt {opacity:0;transform:translateY(10%); -webkit-transform:translateY(10%); -moz-transform:translateY(10%); -ms-transform:translateY(10%);transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.m-product .owl-item.active .ctxt{opacity:1;transition-delay: 0.9s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); }

.m-product  .owl-nav{ display:block;position:absolute; right:37px; bottom:33px;z-index:109}
.m-product  .owl-nav div{cursor:pointer; margin:0 2px;width:38px; height:32px; display:inline-block;border:1px solid #ccc; background:none; position:relative; -webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.m-product  .owl-nav div:after{ width:10px; height:14px; position:absolute; left:50%;top:50%;margin-top:-7px; margin-left:-5px; display:block;content:"";background:url(/Breast/_Img/Main/product-ctrl.png) no-repeat ; }
.m-product  .owl-nav div.owl-next:after{background-position:-28px 0}
.m-product  .owl-nav div:hover{background-color:#f65b3e;border:1px solid #f84827}
.m-product  .owl-nav div:hover:after{background-position:0 -14px}
.m-product  .owl-nav div.owl-next:hover:after{background-position:-28px -14px}

	@media all  and (max-width:1024px) {
		.m-product{width:50%; height:300px;}
		.m-product a{padding-left:500px;padding-right:30px;}
		.m-product .img.bf{width:190px}
		.m-product .img.bf img{height:300px; margin-left:-50px; }
		.m-product .stxt{font-size:24px}

		.m-product  .owl-nav{left:37px; right:auto;}
		.m-product .owl-item{min-height:300px;}
	}
	
	@media all  and (max-width:1024px) {
		.m-product{width:auto;float:none; height:auto;/*  padding-bottom:30px; */}
		.m-product a{padding-left:300px;}
		.m-product .btxt{padding-bottom:13px;}
		.m-product .stxt{line-height:120%; font-weight:100;letter-spacing:-0.01em}
		.m-product .img.bf {width:160px;left:0px;}
		.m-product  .owl-nav{right:37px; left:auto;}
	}


	@media all  and (max-width:679px) {
		.m-product{height:300px;}
		.m-product .item{}
		.m-product a{padding:0; padding-left:50%; padding-top:30px; padding-right:20px;}
		.m-product .img.bf {width:100px;left:0px;}
		.m-product .owl-nav{bottom:20px;}
		
	
	}
	@media all and (max-width:375px){
		.m-product a{padding-left:36%}
		.m-product .img.bf img{margin-left:-111px; }
	}





/*-- m-system --*/
.m-system{float:left; width:300px; height:350px; position:relative; overflow:hidden;  background:#172e44;
		 -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
		 }
.m-system a{display:block; position:relative; height:350px;text-align:left;}
.m-system .btxt{font-size:17px; color:#51310e;line-height:140%; display:block;letter-spacing:-0.03em; padding-bottom:5px; font-weight:100}
.m-system .stxt{font-size:24px; color:#51310e;display:inline-block; line-height:23px; letter-spacing:-0.07em;font-weight:bold; letter-spacing:0.01em;}
.m-system .ctxt{font-size:14px; color:#3d434c;line-height:140%; padding-top:15px; display:block;}
.m-system .img{position:absolute; right:0; bottom:0; width:auto; height:auto;}
/*.m-system .btxt{font-size:32px; color:#2b2d30;line-height:140%; display:block;letter-spacing:-0.03em; padding-bottom:5px; font-weight:100}
.m-system .stxt{display:inline-block; background:#742f8a; line-height:23px; letter-spacing:-0.07em; padding:0 10px; font-weight:100;color:#fff; letter-spacing:0.01em;}
.m-system .ctxt{font-size:14px; color:#3d434c;line-height:140%; padding-top:15px; display:block;}
.m-system .img{position:absolute; right:0; bottom:0; width:auto; height:auto;}*/
.m-system .bg-01{background:url(../_Img/Main/facil_01.png) no-repeat right top;}
.m-system .bg-02{background:url(../_Img/Main/facil_02.png) no-repeat right top;}
.m-system .bg-03{background:url(../_Img/Main/facil_03.png) no-repeat right top; }
.m-system .c-02 .btxt{ color:#a76556;font-size:24px;padding-bottom:5px; line-height:102%; font-weight:300}
.m-system .c-02 .stxt{background:none; color:#a76556; padding-left:0; font-size:24px;line-height:108%;}
.m-system .c-02 .stxt i{font-weight:600}
.m-system .c-02 .ctxt {padding-top:5px;}

.m-system .c-03 .btxt{font-size:24px;padding-bottom:5px; line-height:102%; font-weight:300}
.m-system .c-03 .stxt{background:none; color:#c07d00; padding-left:0; font-size:24px;line-height:108%;font-weight:300}
.m-system .c-03 .stxt i{font-weight:600}
.m-system .c-03 .ctxt {padding-top:5px;}


.m-system .c-02 a{height:350px;}
.m-system .c-03 a{height:350px;}

.m-system .top-card{padding:27px 35px; background:rgba(1,25,55,0.8); color:#fff;}
.m-system .top-card span{display:block;}
.m-system .top-card .title{font-size:20px; font-weight:600; margin-bottom:10px; word-break:keep-all; line-height:1.4em;}
.m-system .top-card .sub-title{font-size:16px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.4);}
.m-system .top-card .exp{font-size:14px; word-break:keep-all;}

.m-system .owl-nav{ position:absolute; left:37px; bottom:33px; z-index:109}
.m-system .owl-nav div{ cursor:pointer;float:left; width:38px; height:32px; display:inline-block;border:1px solid #ccc; background-color:#fff; position:relative; -webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.m-system .owl-nav div:after{ width:10px; height:14px; position:absolute; left:50%;top:50%;margin-top:-7px; margin-left:-5px; display:block;content:"";background:url(/Breast/_Img/Main/product-ctrl.png) no-repeat ; }
.m-system .owl-nav div.owl-next{margin-left:3px;}
.m-system .owl-nav div.owl-next:after{background-position:-28px 0}
.m-system .owl-nav div:hover{background-color:#f65b3e;border:1px solid #f84827}
.m-system .owl-nav div:hover:after{background-position:0 -14px}
.m-system .owl-nav div.owl-next:hover:after{background-position:-28px -14px}
.m-system .owl-item.active .top-card {animation: slideInDown 0.5s both 0.2s;}
.m-system .owl-item.active .title {animation: fadeInUp 0.5s both 0.5s;}
.m-system .owl-item.active .sub-title {animation: fadeInUp 0.5s both 0.7s;}
.m-system .owl-item.active .exp {animation: fadeInUp 0.5s both 0.9s;}


	@media all  and (max-width:1024px) {
		
		.msec-ab{overflow:hidden}
		
		.m-system{width:auto;float:none; height:350px;}
		.m-system a{height:350px; padding-right:300px;}
		.m-system .c-02 a{height:350px;}
		.m-system .c-03 a{height:350px;}
		.m-system .bg-01{background:url(../_Img/Main/facil_01.png) no-repeat right bottom}
		.m-system .bg-02{background:url(../_Img/Main/facil_02.png) no-repeat right bottom;}
		.m-system .bg-03{background:url(../_Img/Main/facil_03.png) no-repeat right bottom;}
		
		.m-system .top-card{padding-top:45px; background:none;}


	}
	@media all and (max-width:680px) {
		.m-system a{padding-right:0; height:350px;}
		.m-system .bg-01{background:url(../_Img/Main/facil_01.png) no-repeat right bottom}
		.m-system .bg-02{background:url(../_Img/Main/facil_02.png) no-repeat right bottom;}
		.m-system .bg-03{background:url(../_Img/Main/facil_03.png) no-repeat right bottom;}
		.m-system .owl-nav{bottom:20px;}
		.m-system .top-card{position:absolute; height:auto; padding:20px; top:0; left:0; width:100%;  background:rgba(0,0,0,0.8); box-sizing:border-box; }
		.m-system .bg-01{background:url(../_Img/Main/facil_01.png) no-repeat center; background-size:100% auto;}
		.m-system .bg-02{background:url(../_Img/Main/facil_02.png) no-repeat center; background-size:100% auto;}
		.m-system .bg-03{background:url(../_Img/Main/facil_03.png) no-repeat center; background-size:100% auto;}
		
		
	}

/*-- m-board --*/
.m-board{float:left; width:300px; height:520px;background:#e2e2e2; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.m-board .board-wrap {padding:52px 34px 0 34px;position:relative;}
.m-board .board-wrap h3{ line-height:130%;; font-size:26px; font-weight:300; color:#2b2d30; letter-spacing:-0.03em}
.m-board .board-wrap p{font-size:14px; font-weight:300; color:#878889; padding-top:5px;}
.m-board .board-wrap .more{ width:18px; height:13px;background:url(/Breast/_Img/Main/board-more.png) no-repeat; position:absolute; right:30px; top:64px; }
.m-board .board-wrap ul{ padding:10px 0}
.m-board .board-wrap li {padding:10px 0;}
.m-board .board-wrap li:first-child{border-bottom:1px dotted #ccc}
.m-board .board-wrap li .tit{display:block; font-weight:600; position:relative;padding-right:20px; height:22px; font-size:14px; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.m-board .board-wrap li .tit img{position:Absolute; right:0 ; top:0; height:22px;}
.m-board .board-wrap li .date{display:block; font-size:10px; color:#a1a1a1}

	@media all  and (max-width:999px) {
		.m-board{ width:auto;float:none; height:auto; padding:15px}
		.m-board .board-wrap{ padding:15px 10px;}
		.m-board .board-wrap .more{ top:20px; right:10px}

	}
	@media all and (min-width:680px) and (max-width:999px) {
	
	}
	@media all  and (max-width:679px) {
		
		
	}





/*-- m-story --*/
.m-story{float:left;width:600px; height:520px;background:#222325; position:relative; }
.m-story h3{ position:absolute; left:30px; top:30px;z-index:6}
.m-story h3 span{display:inline-block; padding-bottom:10px; border-bottom:1px solid #fff; color:#fff; font-size:16px;letter-spacing:0.01em; font-weight:100;}
.m-story .movie-wrap{ background:url(/Breast/_Img/Main/movie-bg.png) no-repeat; background-size:100% 100%; position:relative; height:311px;z-index:5; position:relative;-moz-box-shadow:inset 0 0 15px #000000;-webkit-box-shadow: inset 0 0 15px #000000; box-shadow:inset 0 0 10px #000000;}
.m-story .movie-wrap a.view-btn{ position:absolute; width:131px; height:131px; display:block; content:""; left:50%;margin-left:-65px; top:50%;margin-top:-65px;background:url(/Breast/_Img/Main/movie-play.png) no-repeat; 
								-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.m-story .movie-wrap a.view-btn:hover{background:url(/Breast/_Img/Main/movie-play-o.png) no-repeat; }

.before-after{ overflow:hidden ; height:209px; position:relative;width:100%}
.before-after li{ float:left;width:50%; height:59px;text-align:center}
.before-after li a{ background:#2b2d30; display:block; font-size:17px; letter-spacing:-0.02em; height:59px; color:rgba(255,255,255,0.8) }
.before-after li.isOver a{background:#36383b; color:#fff}
.before-after li a span{line-height:59px;}
.before-after li.isOver a span{ display:inline-block; padding-bottom:4px; border-bottom:1px solid #fff;line-height:110%; margin-top:20px;}
.before-after li .img-wrap{display:none;position:absolute; left:0; top:59px; width:100%; height:150px;}
.before-after li.isOver .img-wrap{display:block;} 
.before-after li .img-wrap li{ float:left; width:50%;height:auto}
.before-after .img-wrap li span{float:left; width:50%; display:block;}
.before-after .img-wrap li span img{width:100%;}
.before-after .review-prev, .before-after .review-next {width: 38px; height: 32px; display: inline-block; /* border: 1px solid #ccc; */ position: absolute; top:13px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; font-size:0;}
.before-after .review-prev {background:url(/Breast/_Img/Main/review-prev_on.png) no-repeat  center center #36383B !important; left:20px;}
.before-after .review-next {background:url(/Breast/_Img/Main/review-next_on.png) no-repeat center center #36383B !important; right:20px;}
.before-after .review-prev:hover {background:url(/Breast/_Img/Main/review-prev_on.png) no-repeat #f84827 center center !important;}
.before-after .review-next:hover {background:url(/Breast/_Img/Main/review-next_on.png) no-repeat #f84827 center center !important;}
	

.yuba_banner{overflow:hidden ; height:209px; position:relative;width:100%;}
.yuba_banner:after{content:""; display:block; clear:both;}
.yuba_banner li{float:left; width:50%; height:100%; padding:39px 0 0 25px; box-sizing:border-box; position:relative; z-index:3;}
.yuba_banner li span{display:block;}
.yuba_banner .breast{color:#bc5c24; letter-spacing:-0.03em; font-weight:300;} 
.yuba_banner .face{color:#f56240; letter-spacing:-0.04em; font-weight:300;}
.yuba_banner li a{display:block; width:100%; height:100%;}
.yuba_banner li .title{font-size:22px; margin-bottom:30px; color:#000; }
.yuba_banner li .exp{font-size:14px; color:#6b5b55; font-weight:300; line-height:1.3em;}
.yuba_banner li .more{position:absolute; bottom:20px; left:25px;}
.yuba_banner .bn_br{background:url(/stemcell/_Img/Main/breast_bg.png) no-repeat center; background-size: cover;}
.yuba_banner .bn_bf{background:url(/stemcell/_Img/Main/face_bg.png) no-repeat center; background-size: cover;}
.yuba_banner strong{position:relative;}
.yuba_banner .bn_br strong:after{content:""; display:block; width:41px; height:1px; background:#f56240; position:absolute; bottom:-12px; left:0;}
.yuba_banner .bn_bf strong:after{content:""; display:block; width:41px; height:1px; background:#f56240; position:absolute; bottom:-12px; left:0;}
.yuba_banner .bn_fl{position:absolute; right:0; top:0; z-index:-1;}
.yuba_banner .breast_fl{}
.yuba_banner .face_fl{}
	@media all  and (max-width:1024px) {
		.m-story{float:none;width:auto; height:auto;}
		.m-story .movie-wrap a.view-btn{ background-size:60px; width:60px; height:60px; margin-left:-30px; margin-top:-30px}
		.m-story .movie-wrap a.view-btn:hover{background-size:60px;}
		.m-story .movie-wrap img{ width:100%; height:100%}

	}
	@media all and (min-width:680px) and (max-width:999px) {
	}
	@media all  and (max-width:679px) {
		.m-story h3{left:20px;}
		.before-after li a{font-size:15px;}
		.yuba_banner{overflow:visible; height:auto;}
		.yuba_banner li{width:100%; height:210px; padding:32px 25px;}
		.yuba_banner li .more{position:relative; bottom:auto; left:auto; margin-top:26px;}


	}




/*-- m-diary --*/
/* .m-diary{float:left; width:300px; height:520px;position:relative;background:#dddfe1 url(/stemcell/_Img/Main/stem_laser_bg.png) no-repeat left bottom; color:#333;} */
.m-diary { float: left; width: 300px; height: 520px; position: relative; background: #dddfe1 url(/Body_Face/_Img/Main/bf-diary-bg.png)no-repeat left bottom;}
.m-diary h3{ font-size:20px;padding:48px 36px 10px 36px;;font-weight:100;color:#333; line-height:105%; letter-spacing:-0.07em}
.m-diary h3 span{padding-top:10px;color:#f65b3e; font-size:32px; line-height:105%;}
.m-diary .btxt{margin-left:36px;margin-bottom:10px;width:95px;text-align:center; color:#fff; font-size:16px;; padding:5px 0px;background:#f65b3e;}
.m-diary .stxt{padding-left:36px ;color:#555; font-size:14px;letter-spacing:-0.04em; line-height:140%; font-weight:500}
.m-diary .img img{width:300px; height:520px; left:0; bottom:0; position:absolute; z-index:5}
.m-diary .m-diary-img{padding:50px 0 0 35px;}
.m-diary .m-diary-img > span{display:block;}
.m-diary .fl-img{position:absolute; bottom:0; right:0;}
.m-diary .sub-title{font-size:20px; margin-bottom:24px;}
.m-diary .title{font-size:28px; margin-bottom:24px; line-height:1.2em;}
.m-diary strong{font-weight:600;}
.m-diary .exp{font-size:14px; font-weight:300; margin-bottom:24px; word-break:keep-all;}
.m-diary .keyword{font-size:14px;}

/* .m-diary .more{background:url(/stemcell/_Img/Main/arrow_laser.png) no-repeat; right:30px; top:40px; position:absolute; width:28px; height:28px; z-index:6; text-indent:-9999px;} */
 .m-diary .more{background:url(/Body_Face/_Img/Main/bf-real-arr2.png) no-repeat; right:30px; top:40px; position:absolute; width:28px; height:28px; z-index:6; text-indent:-9999px;}

	@media all  and (max-width:1024px) {
		.m-diary{float:none; width:auto; height:auto;background-size:100% ; padding-bottom:70px;overflow:hidden}
		.m-diary h3 .break {display:block;}
		.m-diary .img img{left:auto;right:0; width:30%; height:auto;}
		.m-diary .stxt{padding-bottom:15px;}
		/* .m-diary .more{left:auto; right:auto; position:relative; top:auto;display:inline-block; margin-left:0px; margin-top:26px;} */
		.m-diary .more{left: auto;  right: auto;  position: relative;  top: auto;  display: inline-block;  margin-left: 36px;  margin-top: 10px;}

	}
	@media all and (min-width:680px) and (max-width:1024px) {
		.m-diary .img img{ width:40%; }
		
	}
	@media all  and (max-width:679px) {
		.m-diary{}
		.m-diary .m-diary-img{padding:32px 0 0 25px;}
		.m-diary .img img{width:50%;}
		.m-diary .m-diary-img > span{position:relative; z-index:2;}
		.m-diary h3,.m-diary .stxt{padding-left:20px;}
		.m-diary .btxt {margin-left:20px;}
		.m-diary .stxt span.m-break {display:block;}
		.m-diary .more {}
		.m-diary .fl-img{right:-18px; z-index:1; bottom:-58px;}
		.m-break{display:block;}
	}









/*-- m-info --*/
.msec02-info h3{ ; font-size:23px; color:#2b2d30;  line-height:120%; font-weight:100; letter-spacing:-0.01em }
.msec02-info .div-ov{ padding:45px 42px 0 42px}
.m-info{float:left; width:50%; height:332px; position:relative;}
.m-info h3{padding-bottom:28px;}
.m-info p.btxt{ font-weight:400; color:#2b2d30; font-size:40px; letter-spacing:0.027em; line-height:120%; display:block;;}
.m-info p.stxt{ font-size:11px; color:rgba(255,255,255,0.8); font-weight:100; display:inline-block;background:#2b2d30; padding:3px 10px;}
.m-info .kakao { position:absolute; background:#fed601; width:157px; height:73px; top:101px; right:35px; padding-left:75px;}
.m-info .kakao:after{ width:40px; height:38px; position:absolute; top:50%;margin-top:-19px; left:16px; background:url(/Breast/_Img/Main/info-kakao.jpg) no-repeat; display:block; content:"";}
.m-info .kakao .btxt{ font-weight:300; color:#2b2d30; font-size:14px; padding-top:16px; display:block;}
.m-info .kakao .stxt{; font-size:19px; font-weight:800;color:#2b2d30; display:block; line-height:150%; padding-top:0;}
.m-info ul{padding-top:28px; overflow:hidden}
.m-info li{ float:left; width:33.33%; height:45px;color:#959697; font-size:12px; line-height:130%; position:relative;}
.m-info li span {display:block; padding-left:35px; letter-spacing:-0.03em;}
.m-info li span.ico{ padding-left:0; width:28px; height:28px; position:absolute; left:0; top:1px;background:url(/Breast/_Img/Main/info-ico.png) no-repeat;}
.m-info li span.ico-01{background-position:0px 0;}
.m-info li span.ico-02 {background-position:-30px 0;}
.m-info li span.ico-03 {background-position:-60px 0;}
.m-info li span.ico-04 {background-position:-90px 0;}
.m-info li span.ico-05 {background-position:-120px 0;}


	@media all  and (max-width:1024px) {
		.m-info{float:none;width:auto;height:auto; padding-bottom:30px;}
		.m-info:after{ position:absolute; width:94%;left:50%;margin-left:-47%; height:1px; background:#e8e8e8;display:block; content:"";bottom:0}
		.m-info .kakao{right:auto; left:320px; top:81px;}
	}
	@media all and (min-width:680px) and (max-width:999px) {
		
		
	}
	@media all  and (max-width:679px) {
		.m-info h3{padding-bottom:10px;}
		.msec02-info .div-ov{padding:45px 20px 0 20px}
		.m-info li{ width:50%;}

	}
	@media all  and (max-width:480px) {
		.m-info .kakao{position:relative; left:auto;right:auto; margin:20px 0 ;top:auto; display:block; width:auto;}

	}




/*-- m-location --*/
.m-location{ float:right; width:50%;height:332px; position:relative}
.m-location:after{width:1px; height:244px; position:absolute; left:-1px; background:#ebebeb; top:50%;margin-top:-122px; display:block; content:"";}
.m-location h3{padding-bottom:10px;}
.m-location .btxt{height:30px;}

	@media all  and (max-width:1024px) {
		.m-location{float:none;width:auto;text-align:center; height:auto;padding-bottom:30px;}
		.m-location h3, .m-location .btxt{text-align:left;}
		.m-location img{width:100%;max-width:506px;}
		.m-location .btxt{padding-bottom:20px}
	}