@charset "utf-8";
/* CSS Document */
.wrap{width:100%;height:100%;min-width: 1200px;;}
.main {position:relative;  min-height:1000px; margin-bottom:77px;}

.main .mv_wrap {position:relative; height:850px; overflow:hidden}
.main .mv {position:absolute; width:2000px; left:50%; margin-left:-1000px;}

.mv .bx-wrapper .bx-controls-direction{display:none;}
.mv .bx-wrapper .bx-controls {position:relative;}
.mv .bx-wrapper .bx-pager{width:2000px; position:absolute; text-align:center; bottom:40px;}
.mv .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; margin-right:5px;}
.mv .bx-wrapper .bx-pager .bx-pager-item:last-of-type{margin-right:0;}
.mv .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:16px; height:16px; background:url("../img/mv_off.png") no-repeat; text-indent:-9999px; margin:0;}
.mv .bx-wrapper .bx-pager.bx-default-pager a.active {background:url("../img/mv_on.png") no-repeat;}
.mv .bx-wrapper .bx-pager.bx-default-pager a:hover {background:url("../img/mv_on.png") no-repeat; border-radius:0;}

.main_con_bg {overflow:hidden}

.m_slide01 {width:1200px; margin:0 auto; padding-top:50px; position:relative;}
.m_slide01 .bx-wrapper .bx-viewport {box-shadow:none; border:0; left:0; background:none;}
.m_slide01 .bx-wrapper .bx-controls-direction{width:1200px; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-159.5px;}
.m_slide01 .bx-wrapper .bx-controls-direction a {position: absolute; width:45px; height:45px; background-size:cover; text-indent:-9999px;}
.m_slide01 .bx-wrapper .bx-prev {left:20px; background: url("../img/m_slide01_prev.png") no-repeat;}
.m_slide01 .bx-wrapper .bx-next {right:20px; background: url("../img/m_slide01_next.png") no-repeat;}
.m_slide01 .bx-wrapper .bx-controls {position:relative;}
.m_slide01 .bx-wrapper .bx-pager{display:none;}

.m_btn01 {width:1200px; margin:30px auto 0; position:relative;}
.m_btn01 ul {overflow:hidden;}
.m_btn01 ul li {float:left; margin-right:6px;}
.m_btn01 ul li:last-of-type {margin-right:0;}

.realstory {width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.realstory .tit {margin-bottom:50px;}
.realstory ul {font-size:0; width:200px; float:left;}
.realstory ul li {display:inline-block; position:relative; margin-right:1px;}
.realstory ul li .mask {display:none;}
.realstory ul li:hover .mask {display:inline-block; background:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; box-sizing:border-box; padding-top:25%;}
.realstory ul li:hover .mask p {opacity:100; font-size:14px; color:#fff; text-align:center; line-height:20px;}
.realstory ul li:hover .mask p.arrow {padding-top:10px;}
.realstory ul li.real02 {top:500px;}
.realstory ul li.real04 {top:500px;}
.realstory ul li.real04:hover .mask {padding-top:50%;}
.realstory ul li.real06 {top:500px;}
.realstory ul li.real08 {top:500px;}
.realstory ul li.real010 {top:500px;}
.realstory ul li.real011 {top:1000px;}
.realstory ul li.real013 {top:500px;}

.event_wrap {position:relative; height:320px; overflow:hidden; text-align:center;}
.event {position:absolute;  width:2543px; left:50%; margin-left:-1271.5px;}
.event .img01 {position:absolute; left:-100%;}
.event .img01 .img01_box{position:absolute; top:0; left:-30%; width:30%; height:100%; background:#04bbbd;}
.event .img02 {position:absolute; right:-100%;}
.event .img02 .img02_box{position:absolute; top:0; right:-30%; width:30%; height:100%; background:#fedebb;}

.m_btn02 {width:1200px; margin:50px auto 0; position:relative; overflow:hidden;}
.m_btn02 .review {float:left; margin-right:13px;}
.m_btn02 .btn01 {float:left; margin-right:14px;}
.m_btn02 .btn01 p:first-child {margin-bottom:13px;}
.m_btn02 .btn02 {float:left; width:593px;}
.m_btn02 .btn02 p{float:left}
.m_btn02 .btn02 p:first-child {margin-bottom:13px; margin-right:13px;}
.m_btn02 .doctor {float:left;}

.store {width:1200px; margin:77px auto 0; position:relative; overflow:hidden; font-family: 'Nanum Gothic', sans-serif;}
.store .logo {float:left; margin-right:11px;}
.store ul {float:left; overflow:hidden; width:898px;}
.store ul li {float:left; margin:0 14px 14px 0; width:288px; height:58px; border:1px solid #cfd3d6; background:url("../img/off_plus.jpg") 250px 26px no-repeat;}
.store ul li:hover {background:url("../img/on_bg.jpg") no-repeat; cursor:pointer;}
.store ul li:hover a p.tel {color:#fff;}
.store ul li:hover a p.name {color:#959595;}
.store ul li a p {font-size:16px; font-weight:bold; display:inline-block; line-height:58px;}
.store ul li a .name {color:#959595; letter-spacing:-1px; width:100px; margin-left:30px;}
.store ul li a .tel {color:#252525; letter-spacing:-1.5px;}
.store ul li:nth-child(3n) {margin-right:0;}