@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; max-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:352px;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; overflow:hidden;}
.msec-01 .slick-dots{position:absolute; left:455px; top:353px; 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:35}
.msec-01 .slogan-txt{position:absolute; left:50%;height:auto;margin-left:-600px; width:1200px; top:102px;text-align:left;  z-index:34}
.msec-01 .slogan-txt span{line-height:150%;}
.msec-01 .slogan-txt .btxt{display:inline-block; font-size:20px; font-weight:100; color:#fff; background:#2b2d30; padding:0 10px;}
.msec-01 .slogan-txt .stxt{display:block;font-family:"Nanum Barun Gothic", "NanumGothic", "Nanum Gothic";  font-weight:100; font-size:65px; letter-spacing:-0.03em;padding-top:5px;}
.msec-01 .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}
.msec-01 .slogan-txt .c-01{color:#f65b3e}
.msec-01 .slogan-txt .c-02{color:#58b807}
.msec-01 .slogan-txt .c-03{color:#f05e98}

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

.mvisual-wrap .item .item-img-03.vis03-m{display:none;}

	@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;}
		
		.msec-01 .slick-dots{top:auto; left:86px; bottom:31px;}
		.msec-01 .mvisual-ctrl{top:auto;bottom:30px; left:30px;}
		
		.msec-01 .slogan-txt{left:30px; top:70px; width:100%;margin-left:0}
		.msec-01 .slogan-txt .btxt{font-size:15px}
		.msec-01 .slogan-txt .stxt{ font-size:44px}
		.msec-01 .slogan-txt .ctxt{font-size:18px}

		/* .mvisual-wrap .item img{width:1456px; margin-left:-10%; position:relative; z-index:1} */
		.mvisual-wrap .item img{position:absolute;}
		.mvisual-wrap .item .item-img-01{width:1800px; bottom:0px; left:50%; transform:translateX(-40%); z-index:2;}
		.mvisual-wrap .item .item-img-02{width:1800px; bottom:0px; left:50%; transform:translateX(-40%); z-index:2;}
		.mvisual-wrap .item .item-img-03{width:1200px; bottom:0px; left:50%; transform:translateX(-54%);}
	}

	@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 .mvisual-ctrl{bottom:20px; left:20px;}
		.msec-01 .slick-dots{top:auto; left:76px; bottom:21px;}

		.msec-01 .slogan-txt{left:20px; top:40px;}
		.msec-01 .slogan-txt .btxt{font-size:14px}
		.msec-01 .slogan-txt .stxt{ font-size:24px}
		.msec-01 .slogan-txt .ctxt{font-size:14px}

		.mvisual-wrap .item .item-img-01{width:1017px; bottom:120px; transform:translateX(-41%); z-index:2;}
		.mvisual-wrap .item .item-img-02{width:1017px; bottom:120px; transform:translateX(-41%); z-index:2;}
		.mvisual-wrap .item .item-img-03{bottom:54px; left:35%;}
		.mvisual-wrap .item .item-img-03.vis03-pc{display:none;}
		.mvisual-wrap .item .item-img-03.vis03-m{display:block; bottom:120px; left:40%;}
		/* .mvisual-wrap .item img{width:1000px; margin-left:-10%; position:relative; z-index:1} */

		
	}
	@media all  and (max-width:480px){
		.mvisual-wrap .item .item-img-01{width:1017px; bottom:120px; transform:translateX(-41%);}
		.mvisual-wrap .item .item-img-02{width:1029px; bottom:120px; transform:translateX(-45%);}
		.mvisual-wrap .item .item-img-03{width:700px; bottom:120px;}
		.msec-01 .mvisual-ctrl{background:#efefef;}
	}


/*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:#fff; 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 a{display:block; padding:50px 10px 45px 315px; position:relative;}
.m-product .img{ position:absolute; left:0px; top:0px; width:auto; }
.m-product .img.top0{top:0; }
.m-product .btxt{ font-size:20px; 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:200px;padding-right:30px;}
		.m-product .img{width:190px}
		.m-product .img img{width:100%; top:55px}
		.m-product .stxt{font-size:24px}

		.m-product  .owl-nav{left:37px; right:auto;}
		.m-product .owl-item{min-height:240px;}
	}
	@media all and (min-width:680px) and (max-width:1024px) {

		.m-product{width:50%;}

	}
	@media all  and (max-width:679px) {
		.m-product{width:auto;float:none; height:auto;/*  padding-bottom:30px; */}
		.m-product a{padding-left:170px;}
		.m-product .btxt{padding-bottom:13px;}
		.m-product .stxt{line-height:120%; font-weight:100;letter-spacing:-0.01em}
		.m-product .img{width:244px;left:-18px;}
		.m-product  .owl-nav{right:37px; left:auto;}
	}
	
	/* 모바일 이미지 오류 수정 */

	@media all  and (max-width:500px) {
		.m-product .btxt{font-size:18px; padding-bottom:10px;}
		.m-product .stxt{font-size:20px; padding-top:15px;}
		.m-product a{padding-top:38px;}
		.m-product .owl-nav{bottom:15px;}
	}

	@media all  and (max-width:420px) {
		.m-product .img{ width: 288px;  left: -40px;}
		.m-product .img.left_s{ left: -64px;}
		.m-product a{padding-bottom:60px; padding-right:10px;}
	}







/*-- m-system --*/
.m-system{float:left; width:300px; height:350px;background:#d0d5dd url(/Breast/_Img/Main/system-bg.jpg) no-repeat left bottom;position:relative; 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-system a{display:block; padding:44px 35px; position:relative; height:262px;text-align:left;}
.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 .c-02 .btxt{font-size:24px;padding-bottom:5px; line-height:102%; font-weight:300}
.m-system .c-02 .stxt{background:none; color:#c07d00; 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 .jtxt{display:inline-block; background:#EC429A; line-height:23px; letter-spacing:-0.07em; padding:0 10px; font-weight:100;color:#fff; letter-spacing:0.01em;}

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

.m-system .c-02 a{ padding:39px 35px; height:272px;}
.m-system .c-03 a{ padding:39px 35px; height:272px;}


/* .m-system .owl-nav{display:none} */
.m-system .owl-item .img {opacity:0;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.m-system .owl-item.active .img{opacity:1;transition-delay: 1.2s; }
.m-system .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-system .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-system .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-system .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-system .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-system .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-system .owl-item .bg-01{opacity:0;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;background:url(/Breast/_Img/Main/system-bg.jpg) no-repeat left bottom;}
.m-system .owl-item.active .bg-01{opacity:1;transition-delay: 0.3s; } */

.m-system .owl-nav{ position:absolute; left:37px; bottom:38px; 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}

	@media all  and (max-width:1024px) {
		
		.m-system{width:50%; height:300px;}
		.m-system a{padding-right:90px}
		

	}
	@media all and (min-width:680px) and (max-width:1024px) {
		.msec-ab{overflow:hidden}
		
	}
	@media all  and (max-width:679px) {
		.m-system{width:auto;float:none}
		.m-system a{height:232px}
	}

/*-- 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:#2b2d30; 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.jpg) 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;}
	
	@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) {
		.before-after {height:240px;}
	}
	@media all  and (max-width:679px) {
		.m-story h3{left:20px;}
		
		.before-after li a{font-size:15px;}
	}

	@media all  and (max-width:580px) {

		.before-after {height:175px;}
	}




/*-- m-diary --
.m-diary{float:left; width:300px; height:520px;position:relative;background:#b6b6b4 url(/Breast/_Img/Main/diary-bg.jpg) no-repeat left bottom; }
.m-diary h3{ font-size:28px;padding:48px 36px 10px 36px;; font-size:35px;  font-weight:100;color:#0a5bb6; line-height:105%; letter-spacing:-0.07em}
.m-diary h3 span{color:#0078ff; font-size:45px; line-height:105%}
.m-diary .btxt{padding-left:36px ; color:#2b2d30; font-size:16px;; padding-bottom:20px}
.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 .more{background:url(/Breast/_Img/Main/real-arr2.png) no-repeat; right:30px; top:50px; position:absolute; width:28px; height:28px; z-index:6}

	@media all  and (max-width:1024px) {
		.m-diary{float:none; width:auto; height:auto;background-size:100% ; padding-bottom:70px;overflow:hidden}
		.m-diary .img img{left:auto;right:0; width:30%; height:auto;}
		.m-diary .btxt{padding-bottom:5px;}
		.m-diary .stxt{padding-bottom:15px;}
		.m-diary .more{left:auto; right:auto; position:relative; top:auto;display:inline-block;margin-left:20px; 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 .img img{width:50%;}
		.m-diary h3, .m-diary .btxt, .m-diary .stxt{padding-left:20px;}
	}*/

/*-- m-diary --*/
.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-family: "Nanum Barun Gothic","NanumGothic", "Nanum Gothic"; font-size:20px;padding:48px 36px 10px 36px;;font-weight:100;color:#2f3135; 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 .more{background:url(/Body_Face/_Img/Main/bf-real-arr2.png) no-repeat; right:30px; top:50px; position:absolute; width:28px; height:28px; z-index:6}

	@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: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 .img img{width:50%;}
		.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 {margin-left:20px}
	}









/*-- 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}
	}













/*popup 관련 css 2018. 05. 04*/

.popup_bg {background:url(/img/board/popclose_bg.gif) !important;}

.mb_br{display:none;}
@media all  and (max-width:1024px) {
		.mb_br{display:block;}
	}