.modal {z-index:-10;position:fixed;left:0;right:0;bottom:0;top:0;opacity:0;padding:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:rgba(0,0,0,.6);-webkit-box-sizing:border-box;box-sizing:border-box}
.modal * {padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal.gallery {width:100%}
.modal.gallery .modal-content {position:absolute;left:50%;top:50%;width:1125px;height:750px;transform:translate(-50%,-50%);background-color:#fff}
.modal.gallery .modal-body {width:100%;height:100%;padding:0 60px;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal.gallery .modal-body:after {content:'';display:block;clear:both}
.modal.gallery .header {height:86px;text-align:center;font-size:26px;line-height:86px;color:#666;letter-spacing:-.5px}
.modal.gallery .viewer {float:left;overflow:hidden;width:818px;height:614px;margin-right:20px}
.modal.gallery .viewer .gallery-top {height:614px}
.modal.gallery .viewer .item {overflow:hidden;width:818px;height:614px}
.modal.gallery .viewer img {width:100%;height:100%}
.modal.gallery .list {float:left;position:relative;overflow:hidden;width:167px;height:614px;padding:30px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal.gallery .list.fill {padding:0}
.modal.gallery .list .gallery-thumbs {height:450px;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal.gallery .list .swiper-slide {overflow:hidden;width:167px;height:105px}
.modal.gallery .list img {width:167px;height:105px}
.modal.gallery .list .swiper-button-prev {z-index:10;position:absolute;left:0;top:0;width:167px;height:20px;border:1px solid #000}
.modal.gallery .list .swiper-button-next {z-index:10;position:absolute;left:0;top:490px;width:167px;height:20px;border:1px solid #000}
.modal.gallery .list .swiper-slide-thumb-active {border:3px solid #ffc444}
.modal.gallery .list .swiper-slide-thumb-active img {margin:-3px 0 0 -3px}
.modal.attached {z-index:9999;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:attached-modal .3s ease-out both;animation:attached-modal .3s ease-out both}
.modal.detached {-webkit-animation:detached-modal .3s ease-out both;animation:detached-modal .3s ease-out both;-webkit-transform:translateX(0);transform:translateX(0)}
.modal .button-close {position:absolute;right:0;top:-64px;display:block;width:44px;height:44px;color:transparent;border:0 none;background-color:transparent;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.modal .button-close:before {content:'';display:block;width:44px;height:44px;background-image:url(../images/icon-close-modal.png);background-repeat:no-repeat}
.modal-content {position:relative;width:100%;height:100%}
@-webkit-keyframes attached-modal {0% {display:block;z-index:9999;opacity:0}
100% {display:block;z-index:9999;opacity:1}}@keyframes attached-modal {0% {display:block;z-index:9999;opacity:0}
100% {display:block;z-index:9999;opacity:1}}@-webkit-keyframes detached-modal {0% {opacity:1;z-index:9999}
99% {opacity:0;z-index:9999}
100% {z-index:-10}}@keyframes detached-modal {0% {opacity:1;z-index:9999}
99% {opacity:0;z-index:9999}
100% {z-index:-10}}.swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.swiper-container-3d {perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left {background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right {background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top {background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {touch-action:pan-x}
.construction02,.construction03,.construction04,.flower03 {height:inherit}
.gallery-default {position:relative;overflow:hidden;width:980px;margin:0 auto;text-align:center;padding:0;box-sizing:border-box}
.gallery-default * {margin:0;padding:0;border:0;box-sizing:border-box}
.gallery-list {overflow:hidden;position:relative;width:1008px;margin:0 auto 42px;font-size:0;text-align:left}
.gallery-list .container {width:1146px}
.gallery-list .item {display:inline-block;overflow:hidden;position:relative;width:308px;height:279px;margin-right:28px;margin-bottom:28px}
.gallery-list .item a {display:block;width:308px;height:279px;border:1px solid #c2c2c2;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}
.gallery-list .thumbnail {overflow:hidden;position:relative;width:306px;height:231px;border-bottom:1px solid #c2c2c2;background-color:#eee;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-list .thumbnail img {width:100%;height:100%}
.gallery-list .header {width:100%;height:47px;margin-top:-1px;padding-top:13px;color:#5e5e5e;font-size:17px;text-align:center;letter-spacing:-.85px;line-height:26px;font-family:"Noto Sans KR",sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-pagination {margin-bottom:60px;text-align:center;font-size:0}
.gallery-pagination a {display:inline-block;width:28px;height:28px;margin:0 2px;padding-top:4px;border:1px solid #ccc;font-size:12px;color:#77778d;vertical-align:top;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}
.gallery-pagination a.active {color:#fff;font-weight:700;background-color:#666;border-color:#555}
.gallery-search {width:980px;padding:15px 0;margin:0 auto;border:1px solid #d7d7d3;background-color:#f7f7f7;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.gallery-search input {display:inline-block;width:150px;padding:0 5px;border:1px solid #ccc;height:30px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-search button {display:inline-block;vertical-align:top;border:1px solid #ccc;height:30px;padding:0 5px;letter-spacing:-1px;background-color:#fff;color:#333;margin-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box}