@charset "utf-8";

@media all and (-ms-high-contrast:none)
 {

 }
#main {margin-left: 25%;min-height: 100%; }
section {position: relative; width: 100%; height: auto; background-color: #999;}
.visual {min-height: 620px;}
.offers {background: url(/bs_img/main_section_02.jpg) 0 0 no-repeat; background-size: 100% 100%;/* min-height: 934px;*/  background-size: cover;}
.rooms {background: url(/bs_img/main_section_03.jpg) center center no-repeat; background-size: 100% 100%;/*min-height: 1182px;*/ background-size: cover;}
.wedding {background: url(/bs_img/main_section_04.jpg) center center no-repeat; background-size: 100% 100%;/*min-height: 1101px;*/ background-size: cover;}
footer#footer {position: absolute;left:0;bottom: 0;}

/*main section move menu*/
#main .main-menu {position: fixed; right:2%; top:45%; z-index: 90;}
#main .main-menu ul.main-menu-list {overflow: hidden; }
#main .main-menu ul.main-menu-list li {position: relative; margin: 0;}
#main .main-menu ul.main-menu-list li a {position: relative; display: inline-block; padding:3px;background: url(/images/korean/main/page_default.png) center center no-repeat;  transition: all 0.3s ease 0s; width: 20px; height: 23px; }
#main .main-menu ul.main-menu-list li.active a {background: url(/images/korean/main/page_active.png) center center no-repeat;  transition: all 0.3s ease 0s; }
#main .main-menu ul.main-menu-list li span {display: none;}

/*weather*/
#main .top-side {position: absolute; left: 0; width:100%; top:60px;z-index: 50;}
#main .top-side .time-weather {position: relative; width: 360px; height:60px; margin:0 auto; text-align: center;}
#main .top-side .time-weather:before {position: absolute; left:0; top:0; height: 1px; width: 100%; background: rgba(255,255,255,0.5); content: '';}
#main .top-side .time-weather:after {position: absolute; left:0; bottom:0; height: 1px; width: 100%; background: rgba(255,255,255,0.5); content: '';}
#main .top-side .time-weather dt { position: absolute;width: 1px;height: 1px; padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.top-side .source {
    margin-top: 5px;
    color: #fff;
    text-align: center;
    font-size: 0.75em;
	}
#main .top-side .time-weather dd {display: inline-block;  vertical-align: middle; padding: 0 4px; }
#main .top-side .day ,
#main .top-side .time {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.250em/*20px*/; color: #fff; height:30px; line-height: 1.1em;}
#main .top-side .weather {color: #fff; display: inline-block; }
#main .top-side .weather span {display: inline-block; vertical-align:top; padding: 0 3px; line-height: 4.3em;}
#main .top-side .weather span:nth-child(2) {font-family: 'notokr-bold';font-size:2.250em/*36px*/; line-height: 1.6em; }
#main .top-side .weather span:nth-child(2) .unit {font-size:24px; font-family: 'notokr-bold';line-height: 2.9em;  }
#main .top-side .weather span:nth-child(3) {font-family: 'notokr-regular';font-size:0.938em/*15px*/;line-height: 4.3em;}
#main .top-side .weather span:nth-child(5) {font-family: 'notokr-light'; font-size:0.938em/*15px*/; line-height: 4.3em;}
#main #section02 .top-side dd {color:#000;}
#main #section02 .top-side .time-weather:before ,#main #section02 .top-side .time-weather:after {background: rgba(53,54,56,0.5)}
#main #section03 .top-side dd {color:#000;}
#main #section03 .top-side .time-weather:before ,#main #section03 .top-side .time-weather:after {background: rgba(53,54,56,0.5)}
#main #section04 .top-side dd {color:#5c4598;}
#main #section04 .top-side .time-weather:before ,#main #section04 .top-side .time-weather:after {background: rgba(92,69,152,0.5)}
/* -----  visual-----  */
#slides {position: relative;}
#main #slides .slides-container {display: none;}
#main #slides .slides-container div img {min-height: 933px; }
#main #slides .scrollable {*zoom: 1;position: relative;top: 0;left: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;height: 100%;}
#slides .scrollable:after {content: "";display: table;clear: both;}
.slides-navigation {margin: 0 auto;position: absolute;z-index: 90;bottom: 11.5%;color: #fff;width: 100%;}
.slides-navigation a {position: absolute; width: 64px;height: 32px;display: block;}
.slides-navigation a.prev {left: 23%; background: url(/images/korean/main/btn_prev.png) center center no-repeat;}
.slides-navigation a.next {right: 23%; background: url(/images/korean/main/btn_next.png) center center no-repeat;}
.slides-navigation a span {position: absolute;width: 1px; height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.slides-pagination {position: absolute;z-index: 998;bottom: 8%;text-align: center;width: 100%; margin-left:-2%;}
.slides-pagination a {display:inline-block;background: url(/images/korean/main/visual_default.png) center center no-repeat;width: 27px;height: 31px;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;margin: 2px 9px; overflow: hidden;text-indent: -100%;}
.slides-pagination a.current {background: #fff; background: url(/images/korean/main/visual_active.png) center center no-repeat; }
.slide-control {position: absolute; left:48%;z-index: 999; bottom: 8.5%; text-align: center; }
.slide-control a span {position: absolute;width: 1px; height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.slide-control a {display:inline-block; width:24px; height:24px; margin: 2px 9px; }
.slide-control a.btn-visual-pause {background: url(/images/korean/main/btn_pause.png) center center no-repeat;}
.slide-control a.btn-visual-play {background: url(/images/korean/main/btn_play.png) center center no-repeat;}
/* 20170905 */
.bnr-text {position: absolute; left:0; top: 18.5%; width: 100%;display: inline-block;text-align: center;padding: 0; z-index:50;}
.bnr-text .visual-img {display: block; margin: 0; padding: 0;}
.bnr-text .visual-title {margin: 40px 0 10px; padding:0 0 0 70px; text-transform:inherit; text-align:left; font-family: 'PT Serif', sans-serif; font-weight: 300; font-size:1.750em;/*36px*/ letter-spacing:0; line-height: 1.2em;color: #ffffff; display: block; animation-name:slideInLeft; -webkit-animation-name: slideInLeft;animation-duration: 2s;  }
.bnr-text .visual-text {padding: 0 0 0 70px;line-height:1.5em; font-size: 1.000rem ;/*16px*/ text-align:left; font-family: 'notokr-demilight';color: #e4e8ea; font-weight:300; letter-spacing: -0.01em; animation-name:fadeInUp; animation-duration: 1s; animation-delay: 2s; opacity: 0; }
.bnr-text.active p {opacity: 1;}

.go-down {position: absolute;background: url(/images/korean/main/scroll_down.png) center center no-repeat;width: 35px;height: 58px;z-index: 8;left: 48.25%;margin: 0;bottom: 2.5%;}

.reservation-bar {position:absolute; left: 0; top:65.2%; z-index:50; width: 100%; }
.reservation-bar .day-list {width: 580px; margin: 0 auto; padding: 0; height: 55px; background: url(/images/korean/main/bg_reservation.png) center center no-repeat;}
.reservation-bar .day-list li {float: left; position: relative; padding: 18px 0;}
.reservation-bar .day-list li.active-line:nth-child(1):before ,.reservation-bar .day-list li.active-line:nth-child(3):before {content:''; position:absolute; left:0; bottom:18px; height:1px; width:80%; background:rgba(255,255,255,0.6);}
.reservation-bar .day-list .checkin {margin-left: 50px;}
.reservation-bar .day-list .arrow {width: 106px; height: 55px; background: url(/images/korean/main/icon_next.png) center center no-repeat; }
.reservation-bar input[type="text"] {border:none; text-align: left; width: 100px; background: none;vertical-align:middle; font-family: 'Open Sans', sans-serif; font-weight:300; color: #fff; padding: 0; height: 20px; font-size: 18px;}
.reservation-bar input[type="text"]::placeholder{color:#fff; font-weight: 300;}
.reservation-bar input[type="text"]::-moz-placeholder {color:#fff; opacity: 1; font-weight: 300;}
.reservation-bar input[type="text"]:-ms-input-placeholder,
.reservation-bar input[type="text"]:-moz-placeholder{color:#fff; font-weight: 300;}
.reservation-bar input[type="text"]:focus,
.reservation-bar li.has-on input[type="text"] ,.reservation-bar li input[type="text"].focus-on {border-bottom:1px solid #fff;}
.reservation-bar .day-list .btn-search {font-family: 'Open Sans', sans-serif; font-weight:300; margin-left:30px; font-size:13px; border:1px solid #fff; width:100px; height:20px; line-height:0.9em; border-radius:2.5em; color: #fff;}
.reservation-bar .day-list .btn-search:hover ,.reservation-bar .day-list .btn-search:focus {background-color: #fff; color: #333;}

.has-date-picker {position:absolute; left:14%; top:-610%; width: 620px;height: 336px; background: #fff; padding: 38px 28px;}
.btn-cal-close {position: absolute; top:10px; right:10px; width: 30px; height: 20px; overflow: hidden; }
.btn-cal-close span {text-indent: -9999em; width: 30px; height: 20px; overflow: hidden; }

.reservation-bar .input-day {position: absolute; top:20px; left:0;width: 100px; text-align: left; font-family: 'Open Sans', sans-serif; font-weight:300; color: #fff; padding: 0; height: 20px; font-size: 18px;}

/*----- flex----- */
.flex-viewport {z-index:10;}
.flex-control-paging {position: absolute; right: 5%; top: 25%; width: 10px; text-align: center; z-index: 10;}
.flex-control-paging li a {width: 14px;height: 14px; border:3px solid #fff; box-shadow:none;background-color: #d2d2dc; vertical-align:middle;}
.flex-control-paging li a:hover {width:14px; height:14px;border:3px solid #26a869;background: none;}
.flex-control-paging li a.flex-active {width:14px; height:14px;border:3px solid #26a869;background: none;cursor: default;}

/*----- offers----- */
.offers  {position: relative; height:100%;}
.offers .container {width:100%; padding:0; margin:0 auto;}
.offers .title {margin:195px 0 20px; color: #212121;  text-transform:inherit;font-size: 3.000em; font-weight: 400; text-align:center; font-family: 'PT Serif', sans-serif;line-height: 1.2em; }
.offers p.text-group {width: 100%; font-weight: 400; margin:0 0 45px; color: #42464a;text-align:center; line-height:1.5em; height: 3.0em; word-break: break-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; letter-spacing: -0.01em;}
.offers .flexslider {min-height:440px;width:76.5%;height:100%; margin:0 auto; background:none; border:none;}
.offers .flex-control-paging {display: none;}
.offers .flexslider .flex-viewport {padding-bottom:20px;}
.offers .flexslider .pic img {width:100%; max-width:100%;  min-height:309px; margin:0; padding:0; display:block;}
.offers .flexslider .period {position:absolute; top:54.9%; left:0;height:60px; width:100%; border-radius:0; background-color: rgba(0,0,0, 0.6); transition:all 0.3s ease;}
.offers .flexslider .period span.day {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:0.875em; color:#fff; margin-left:20px; line-height:4.1em;}
.offers .flexslider .period .label {display:block;position:absolute;right:0;top: 0;text-align:center;font-family: 'notokr-light'; font-size:16px; font-weight:300;width:85px;height:60px; border-radius:0; line-height:3.5em;}
.offers .flexslider .period .label.package {background-color:#2f79c0; transition:all 0.5s ease-out ;}
.offers .flexslider .period .label.event {background-color:#ea5798; transition:all 0.5s ease-out ;}
.offers .flexslider .text {padding:25px 20px;}
.offers .flexslider .text dt {font-family: 'notokr-bold'; font-weight:normal; font-size: 1.500em;/*24px*/ color:#212121; margin:0 0 15px; line-height:1.5em;  height: 1.5em;  word-break: break-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient:vertical;}
.offers .flexslider .text dd {color:#868b91; font-size:0.938em /*15*/;  line-height:1.5em; height: 3.0em; word-break: break-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; }
.offers .flexslider ul.slides {margin-left: -7px; width:100%;}
.offers .flexslider ul.slides > li {position: relative;  margin:0 25px; max-width:400px; padding: 0 0 10px; }
.offers .flexslider ul.slides > li a {display: block; width:400px !important; position: relative;background: #fff; -webkit-box-shadow: 5px 5px 6px 2px rgba(119,126,134,0.4);-moz-box-shadow: 5px 5px 6px 2px rgba(119,126,134,0.4);box-shadow: 5px 5px 6px 2px rgba(119,126,134,0.4); }
.offers .flexslider ul.slides > li a img {}
.offers .flexslider ul.slides > li a:hover { }
.offers .flexslider ul.slides > li a .caption {position: absolute; bottom: 10px; left: 0; width: 100%; min-height: 95px; padding: 35px 5%; display:table-column; vertical-align:middle; text-align: center; font-size:1.067em;  color: #fff; font-weight: 400; transition:all 0.3s ease;}
.offers .flexslider ul.slides > li a:hover .caption {font-size:1.200em; color: #212121; background-color: rgba(255,255,255, 1);  }
.offers .flex-direction-nav a:before {font-size: 30px;color: rgba(255, 255, 255, 1);text-shadow:none; border-radius: 0;position:absolute; left:0; top:0; background-color: rgba(0,0,0,0.3); line-height: 1.7em; content:'';}
.offers .flex-direction-nav a {color: rgba(0, 0, 0, 0.8);}
.offers .flex-direction-nav .flex-prev {left: -5.5%; top:78%; z-index: 150;width: 64px; text-indent:-200px; text-align: center;}
.offers .flex-direction-nav .flex-prev:before {position:absolute; left:4px; top:3px; background: url(/images/korean/main/btn_prev.png) center center no-repeat; width: 64px;height: 32px; z-index:5; }
.offers .flex-direction-nav .flex-prev:after { position:absolute; left:0; top:0;width: 48px; height: 52px; background-color: rgba(158,161,167,0.3);line-height: 1.7em; content:'';}
.offers .flex-direction-nav .flex-next {right: -5.5%; top:78%; z-index: 150;width: 64px;text-indent:-200px; text-align: center;}
.offers .flex-direction-nav .flex-next:before {position:absolute; left:inherit;right:4px; top:3px; background: url(/images/korean/main/btn_next.png) center center no-repeat; width: 64px;height: 32px; z-index:5;  }
.offers .flex-direction-nav .flex-next:after {position:absolute; right:0; top:0;width: 48px; height: 52px; background-color: rgba(158,161,167,0.3);line-height: 1.7em; content:'';}
.offers .flex-direction-nav a {opacity: 1;}
.offers .flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 0;}
.offers .flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 0;}
/*----- rooms----- */
.rooms  {position: relative; height:100%;}
.rooms .container {width:100%; padding:0; margin:0 auto;}
.rooms .cotegory-text {margin:195px 0 10px; text-align:center; font-size: 0.875em; color:#212121; font-family: 'Open Sans', sans-serif; font-weight:400; line-height: 1.2em;}
.rooms .title {margin:0 0 15px; color: #212121;  text-align:center; text-transform:inherit; font-size: 3.000em; font-weight: 400;  font-family: 'PT Serif', sans-serif;line-height: 1.2em; }
.rooms p.text-group {width: 100%; font-weight: 400; margin:0 0 45px; text-align:center; color: #42464a; line-height:1.5em; height: 3.0em; word-break: break-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; letter-spacing: -0.01em;}

.rooms .rooms-list {position: relative; min-height:375px;  width:76.5%; height:100%; margin:0 auto; background:none; border:none;}
.rooms .flex-control-paging {display: none;}
.rooms .rooms-list .flex-viewport {padding:50px 0;}
.rooms .rooms-list .pic {width:296px; height: 320px; overflow:hidden;}
.rooms .rooms-list .icon-hot {background-color:#e0244c; width: 51px; height: 22px; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:12px; line-height:1.8em; color: #fff; text-align: center; display: block; position: absolute; left: 77%; top:-5px; }
.rooms .rooms-list .pic img {width:100%; max-width:100%; margin:0; padding:0; display:block;}
.rooms .btn-more {display: block; width: 37px; height: 37px; background: url(/images/korean/main/icon_plus.png) center center no-repeat; }
.rooms .btn-more span {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.rooms .rooms-list ul.slides {margin-left: -12px;}
.rooms .rooms-list ul.slides > li {position: relative;  max-width:296px;  margin:0 25px; padding: 0 0 10px; }
.rooms .rooms-list ul.slides > li a {display: block; width:296px !important; background: #fff; }
.rooms .rooms-list ul.slides > li a img {}
.rooms .rooms-list ul.slides > li a:hover {}
.rooms .rooms-list ul.slides > li a .caption {position: absolute; top:0; left: 0; width: 296px; height: 320px; padding:0; display:table-column; vertical-align:middle; text-align: center; font-family: 'Open Sans', sans-serif; font-weight:700;font-size:1.500em;  color: #fff; transition:all 0.3s ease;}
.rooms .rooms-list ul.slides > li a .caption span {display:table-cell; text-align:center;vertical-align:middle; width:296px; height:320px;}
.rooms .rooms-list ul.slides > li .overlay {position: absolute; top:0; left: 0; width: 296px; height: 320px; padding:0;background-color: rgba(13,14,15, 0.25);  }
.rooms .rooms-list ul.slides > li a .btn-more {position: absolute; left:44%; top:70%; opacity:0;}
.rooms .rooms-list ul.slides > li a:before,
.rooms .rooms-list ul.slides > li a:after,
.rooms .rooms-list ul.slides > li a .overlay:before,
.rooms .rooms-list ul.slides > li a .overlay:after {opacity: 0; position: absolute; left:51px; display: block; background-color: #fff; content: '';}
.rooms .rooms-list ul.slides > li a:before,
.rooms .rooms-list ul.slides > li a:after {width: 0; height: 7px;}
.rooms .rooms-list ul.slides > li a:after {top:auto; bottom: 54px;}
.rooms .rooms-list ul.slides > li a .overlay:before,
.rooms .rooms-list ul.slides > li a .overlay:after {width: 7px; height: 0;}
.rooms .rooms-list ul.slides > li a .overlay:before {top:auto;left: 51px;bottom: 51px;}
.rooms .rooms-list ul.slides > li a .overlay:after {top: 57px;left: 80%;}
.rooms .rooms-list ul.slides > li a:hover:before {opacity: 0.5; top:50px; left:51px; width: 193px; transition: all 0.3s 0.5s ease;}
.rooms .rooms-list ul.slides > li a:hover:after {opacity: 0.5;left: 51px;width: 193px;transition: all 0.3s 0.5s ease;}
.rooms .rooms-list ul.slides > li a:hover .overlay:before {opacity: 0.5; height: 212px; transition: all 0.2s 1.3s ease;}
.rooms .rooms-list ul.slides > li a:hover .overlay:after {opacity: 0.5; height: 212px;transition: all 0.2s 0.8s ease;}
.rooms .rooms-list ul.slides > li a:hover .caption span {padding-top:30%; vertical-align:top; transition:all 0.3s ease;}
.rooms .rooms-list ul.slides > li a:hover .btn-more {opacity:1; top:65%;  transform: rotate(270deg); -webkit-transform: rotate(270deg);transition:all 0.3s ease;}
.rooms .flex-direction-nav a:before {font-size: 30px;color: rgba(255, 255, 255, 1);text-shadow:none; border-radius: 0;position:absolute; left:0; top:0; background-color: rgba(0,0,0,0.3); line-height: 1.7em; content:'';}
.rooms .flex-direction-nav a {color: rgba(0, 0, 0, 0.8);}
.rooms .flex-direction-nav .flex-prev {left: -5.5%; z-index: 150;width: 64px; text-indent:-200px; text-align: center;}
.rooms .flex-direction-nav .flex-prev:before {position:absolute; left:4px; top:3px; background: url(/images/korean/main/btn_prev.png) center center no-repeat; width: 64px;height: 32px; z-index:5; }
.rooms .flex-direction-nav .flex-prev:after { position:absolute; left:0; top:0;width: 48px; height: 52px; background-color: rgba(158,161,167,0.3);line-height: 1.7em; content:'';}
.rooms .flex-direction-nav .flex-next {right: -5.5%;  z-index: 150;width: 64px;text-indent:-200px; text-align: center;}
.rooms .flex-direction-nav .flex-next:before {position:absolute; left:inherit;right:4px; top:3px; background: url(/images/korean/main/btn_next.png) center center no-repeat; width: 64px;height: 32px; z-index:5;  }
.rooms .flex-direction-nav .flex-next:after {position:absolute; right:0; top:0;width: 48px; height: 52px; background-color: rgba(158,161,167,0.3); line-height: 1.7em; content:'';}
.rooms .rooms-list .flex-direction-nav a {opacity: 1;}
.rooms .rooms-list:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 0;}
.rooms .rooms-list:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 0;}

/*instagram*/
#insta-pics {width:72.5%; margin:4% auto 0; position: relative;}
#insta-pics h2 {color: #848a92; font-size: 1.125em; text-transform:inherit; vertical-align: middle; position: absolute; left: 3.4%; top:-50px;}
#insta-pics h2 img {display: inline-block; margin-right: 5px; padding: 0; vertical-align: middle;}
.insta-list {position: relative; overflow: hidden; width: 100%; height: 245px; margin:0 auto;}
.insta-list .list {width: 100%; position: relative; overflow: hidden;}
.insta-box {position: relative; width: 117px; height: 117px; padding:15px; float: left;  margin: 4px 3.5% 0 ;}
.insta-box a:after {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background: rgba(56,58,61,0.35);}
.insta-box a:hover:before {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background: rgba(255,255,255,0.35);}
.insta-box a:hover:after {z-index: -1;}
.insta-box:first-child {}
.insta-box:last-child {margin-right:0;}
.insta-box:nth-child(2n) {margin-top:7%;}
.image-layer {overflow: hidden;  width: 100%;  height: 100%; }
.image-layer img {max-width: 100%;  }
.caption-layer { display: none;  position: absolute;  top: 0;  background: rgba(255,255,255,0.8);  height: 100%;  width: 100%;  padding: 10px;  box-sizing: border-box;  font-size: 10px;  color: #333; }
.insta-likes {float: right;}

/*----- weeding----- */
.wedding  {position: relative; height:100%;}
.wedding .container {width:100%; padding:0; margin:0 auto; text-align: center;}
.wedding .cotegory-text {margin:195px 0 10px; text-align:center; text-transform: uppercase; font-size: 0.875em; color:#212121; font-family: 'Open Sans', sans-serif; font-weight:400; line-height: 1.2em;}
.wedding .title {margin:0 0 35px; color: #212121; font-weight: 400;text-transform:inherit; font-size: 3.000em; font-weight: 400; text-align:center; font-family: 'PT Serif', sans-serif;line-height: 1.2em; }
.wedding p.text-group {width: 100%; font-weight: 400; margin:0 0 35px; text-align:center; color: #42464a; line-height:1.5em; height: 3.0em; word-break: break-all; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical; letter-spacing: -0.01em;}
.wedding .btn-more {text-align:center; color: #9083af; position: relative;}
.wedding .btn-more:before {content: ''; position: absolute; left:-30px; top:50%; height: 1px; width: 20px; padding: 0 5px;  transition: all 0.3s ease 0s;background: #b1a8c8;}
.wedding .btn-more:after {content: ''; position: absolute; right:-30px; top:50%; height: 1px; width: 20px; padding: 0 5px;  transition: all 0.3s ease 0s;background: #b1a8c8;}
.wedding .btn-more:hover:before{width:50px;left:-60px;}
.wedding .btn-more:hover:after{width:50px;right:-60px;}