.fbx-modal, .fbx-modal * {
    box-sizing: content-box;
}
.fbx-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000001;
    visibility: hidden;
    width: 100%;
    height: 100%;
    font-family: "Segoe UI", Helvetica, Arial, "Sans Serif", serif;
    line-height: normal;
    outline: 0!important;
    transform: translate3d(0, 0, 0);
    perspective: 0;
}
.fbx-modal.fbx-loading, .fbx-modal.fbx-show {
    visibility: visible;
}
.fbx-no-scroll {
    overflow: hidden!important;
}
.fbx-inner-spacer {
    display: none;
    padding: 40px;
}
.fbx-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    overflow: visible!important;
    margin-top: -5px;
    margin-left: -5px;
    min-width: 100px;
    min-height: 100px;
    width: 100px;
    height: 100px;
    z-index: 100002;
}
.fbx-show .fbx-inner {
    visibility: visible;
}
.fbx-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    z-index: 100005;
    width: 80px;
    height: 80px;
    font-size: 16px;
    transform: translateX(-50%) translateY(-50%);
}
.fbx-loader .fbx-icon {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    transform: none;
}
.fbx-loading .fbx-loader {
    visibility: visible;
}
.fbx-loading .fbx-loader .fbx-icon {
    animation: spin 2s infinite linear;
}
.fbx-phone.fbx-portrait .fbx-loader {
    top: calc(50% + 20px);
}
@keyframes spin {
    0% {
    transform: rotate(0);
}
100% {
    transform: rotate(359deg);
}
}.fbx-stage {    
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    overflow: hidden;
}

.fbx-item-current, .fbx-item-next {    
    -webkit-user-drag: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    overflow: auto;
}
.fbx-loading .fbx-item-current, .fbx-loading .fbx-item-next {
    overflow: hidden;
}
.fbx-item-next {
    z-index: 100001;
}
.fbx-item-current {    
    z-index: 100002;
}
.fbx-error-msg {
    width: 240px;
    height: 240px;
    position: relative;
}
.fbx-error-msg>svg {
    width: auto;
    height: 150px;
    display: block;
    top: calc(50% - 20px);
}
.fbx-error-msg>p {
    position: absolute;
    bottom: 24px;
    text-align: center;
    width: 100%;
    margin: 0;
}
.fbx-item-embed, .fbx-item-iframe, .fbx-item-image, .fbx-item-video {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    display: block;
}
.fbx-item-video>.fbx-video {
    background-color: #000;
}
.fbx-item-embed embed, .fbx-item-embed iframe, .fbx-item-embed object {
    margin-bottom: 0;
}
.fbx-item-embed>embed, .fbx-item-embed>iframe, .fbx-item-embed>object {
    max-width: 100%;
    max-height: 100%}
.fbx-ios-12-or-below .fbx-item-current {
    -webkit-overflow-scrolling: touch!important;
    overflow: auto!important;
}
.fbx-ios-12-or-below .fbx-item-iframe {
    width: 1px;
    min-width: 100%}
.fbx-close, .fbx-next, .fbx-prev {
    position: absolute;
    z-index: 100006;
    display: block;
    outline: 0!important;
    text-decoration: none;
    cursor: pointer;
}
.fbx-close:hover, .fbx-next:hover, .fbx-prev:hover {
    text-decoration: none;
}
.fbx-no-buttons .fbx-next, .fbx-no-buttons .fbx-prev {
    display: none!important;
}
.fbx-credit {
    position: absolute;
    z-index: 100003;
    text-transform: lowercase;
    font-size: 10px;
}
.fbx-credit em {
    font-style: normal;
    font-size: 10px;
}
.fbx-credit a {
    text-decoration: none;
    font-size: 10px;
}
.fbx-credit a:hover span {
    text-decoration: underline;
}
.fbx-credit a span {
    letter-spacing: 1px;
    font-size: 10px;
}
.fbx-count {
    position: absolute;
    z-index: 100002;
    width: 100%;
    text-align: center;
    font-size: 10px;
}
.fbx-btn-transition {
    transition-property: color, border-color, opacity, box-shadow, filter, -webkit-filter;
    transition-duration: .2s, .2s, .2s, .2s, .2s, .2s;
    transition-timing-function: ease-in, linear, ease-in, ease-in, ease-in, ease-in;
    outline: 0;
}
.fbx-phone .fbx-count {
    display: none;
}
.fbx-phone .fbx-credit em {
    display: none;
}
.fbx-phone.fbx-landscape.fbx-no-nav .fbx-next, .fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev {
    display: none;
}
.fbx-modal.fbx-phone .fbx-inner {
    border: none;
}
.fbx-modal.fbx-phone .fbx-close, .fbx-modal.fbx-phone .fbx-next, .fbx-modal.fbx-phone .fbx-prev {
    position: fixed;
}
.fbx-modal.fbx-phone .fbx-credit {
    bottom: 2px;
    left: 2px;
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer {
    padding: 45px 5px 5px 5px;
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close, .fbx-modal.fbx-phone.fbx-portrait .fbx-next, .fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
    border: none;
    opacity: 1;
    margin: 0;
    top: 0;
    bottom: auto;
    width: auto;
    height: 40px;
    border-radius: 0;
    line-height: 40px;
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
    left: 0;
    right: 66%}
.fbx-modal.fbx-phone.fbx-portrait .fbx-next {
    left: 33%;
    right: 33%}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close {
    left: 66%;
    right: 0;
}
.fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close {
    left: 0;
    right: 0;
}
.fbx-modal.fbx-phone.fbx-landscape {
    border-right-width: 46px;
    border-right-style: solid;
    box-sizing: border-box;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer {
    padding: 5px;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close, .fbx-modal.fbx-phone.fbx-landscape .fbx-next, .fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
    bottom: auto;
    left: auto;
    right: -45px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: none;
    opacity: 1;
    margin: 0;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close {
    top: 0;
    height: 60px;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
    top: 62px;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-next {
    top: 108px;
}
.fbx-icon {
    display: inline-block;
    fill: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50px !important;
}

.fbx-icon-close path {
    display: none;
}
.fbx-flat .fbx-icon-close-flat, .fbx-metro .fbx-icon-close-default, .fbx-rounded .fbx-icon-close-default {
    display: inline;
}
.fbx-flat .fbx-pause .fbx-icon-play-flat, .fbx-flat .fbx-play .fbx-icon-pause-flat, .fbx-icon-slideshow path, .fbx-metro .fbx-pause .fbx-icon-play-default, .fbx-metro .fbx-play .fbx-icon-pause-default, .fbx-rounded .fbx-pause .fbx-icon-play-default, .fbx-rounded .fbx-play .fbx-icon-pause-default {
    display: none;
}
.fbx-flat .fbx-pause .fbx-icon-pause-flat, .fbx-flat .fbx-play .fbx-icon-play-flat, .fbx-metro .fbx-pause .fbx-icon-pause-default, .fbx-metro .fbx-play .fbx-icon-play-default, .fbx-rounded .fbx-pause .fbx-icon-pause-default, .fbx-rounded .fbx-play .fbx-icon-play-default {
    display: inline;
}
.fbx-flat .fbx-maximize .fbx-icon-minimize-flat, .fbx-flat .fbx-minimize .fbx-icon-maximize-flat, .fbx-icon-fullscreen path, .fbx-metro .fbx-maximize .fbx-icon-minimize-default, .fbx-metro .fbx-minimize .fbx-icon-maximize-default, .fbx-rounded .fbx-maximize .fbx-icon-minimize-default, .fbx-rounded .fbx-minimize .fbx-icon-maximize-default {
    display: none;
}
.fbx-flat .fbx-maximize .fbx-icon-maximize-flat, .fbx-flat .fbx-minimize .fbx-icon-minimize-flat, .fbx-metro .fbx-maximize .fbx-icon-maximize-default, .fbx-metro .fbx-minimize .fbx-icon-minimize-default, .fbx-rounded .fbx-maximize .fbx-icon-maximize-default, .fbx-rounded .fbx-minimize .fbx-icon-minimize-default {
    display: inline;
}
.fbx-flat.fbx-arrows-1 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-10 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-11 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-2 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-3 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-4 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-5 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-6 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-7 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-8 .fbx-icon-arrows-flat, .fbx-flat.fbx-arrows-9 .fbx-icon-arrows-flat, .fbx-icon-next path, .fbx-icon-prev path, .fbx-metro.fbx-arrows-1 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-10 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-11 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-2 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-3 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-4 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-5 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-6 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-7 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-8 .fbx-icon-arrows-default, .fbx-metro.fbx-arrows-9 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-1 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-10 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-11 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-2 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-3 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-4 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-5 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-6 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-7 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-8 .fbx-icon-arrows-default, .fbx-rounded.fbx-arrows-9 .fbx-icon-arrows-default {
    display: none;
}
.fbx-arrows-1 .fbx-icon-arrows-1, .fbx-arrows-10 .fbx-icon-arrows-10, .fbx-arrows-11 .fbx-icon-arrows-11, .fbx-arrows-2 .fbx-icon-arrows-2, .fbx-arrows-3 .fbx-icon-arrows-3, .fbx-arrows-4 .fbx-icon-arrows-4, .fbx-arrows-5 .fbx-icon-arrows-5, .fbx-arrows-6 .fbx-icon-arrows-6, .fbx-arrows-7 .fbx-icon-arrows-7, .fbx-arrows-8 .fbx-icon-arrows-8, .fbx-arrows-9 .fbx-icon-arrows-9, .fbx-flat .fbx-icon-arrows-flat, .fbx-metro .fbx-icon-arrows-default, .fbx-rounded .fbx-icon-arrows-default {
    display: inline;
}
.fbx-flat.fbx-spinner-1 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-10 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-11 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-2 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-3 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-4 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-5 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-6 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-7 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-8 .fbx-icon-spinner-flat, .fbx-flat.fbx-spinner-9 .fbx-icon-spinner-flat, .fbx-icon-spinner path, .fbx-metro.fbx-spinner-1 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-10 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-11 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-2 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-3 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-4 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-5 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-6 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-7 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-8 .fbx-icon-spinner-default, .fbx-metro.fbx-spinner-9 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-1 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-10 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-11 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-2 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-3 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-4 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-5 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-6 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-7 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-8 .fbx-icon-spinner-default, .fbx-rounded.fbx-spinner-9 .fbx-icon-spinner-default {
    display: none;
}
.fbx-flat .fbx-icon-spinner-flat, .fbx-metro .fbx-icon-spinner-default, .fbx-rounded .fbx-icon-spinner-default, .fbx-spinner-1 .fbx-icon-spinner-1, .fbx-spinner-10 .fbx-icon-spinner-10, .fbx-spinner-11 .fbx-icon-spinner-11, .fbx-spinner-2 .fbx-icon-spinner-2, .fbx-spinner-3 .fbx-icon-spinner-3, .fbx-spinner-4 .fbx-icon-spinner-4, .fbx-spinner-5 .fbx-icon-spinner-5, .fbx-spinner-6 .fbx-icon-spinner-6, .fbx-spinner-7 .fbx-icon-spinner-7, .fbx-spinner-8 .fbx-icon-spinner-8, .fbx-spinner-9 .fbx-icon-spinner-9 {
    display: inline;
}
.fbx-loader {
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
.fbx-rounded .fbx-prev.fbx-btn-shadow, .fbx-rounded .fbx-prev.fbx-btn-shadow:hover {
    box-shadow: -2px 0 2px rgba(0, 0, 0, .4);
}
.fbx-rounded .fbx-next.fbx-btn-shadow, .fbx-rounded .fbx-next.fbx-btn-shadow:hover {
    box-shadow: 2px 0 2px rgba(0, 0, 0, .4);
}
.fbx-fullscreen-mode .fbx-btn-shadow, .fbx-fullscreen-mode .fbx-next.fbx-btn-shadow, .fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow, .fbx-inner-shadow, .fbx-rounded .fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon, .fbx-sticky-buttons .fbx-next.fbx-btn-shadow, .fbx-sticky-buttons .fbx-prev.fbx-btn-shadow {
    box-shadow: 0 0 12px rgba(0, 0, 0, .4); /* 팝업 전체 테두리 그림자 */
}
.fbx-fullscreen-mode .fbx-btn-shadow:hover, .fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover, .fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover, .fbx-rounded .fbx-btn-shadow:hover, .fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon, .fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover, .fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
.fbx-flat .fbx-inner-shadow {
    box-shadow: 0 5px 35px rgba(0, 0, 0, .65);
}
.fbx-flat .fbx-inner-shadow, .fbx-flat .fbx-loader, .fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow, .fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow:hover, .fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow, .fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover, .fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow, .fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover, .fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow, .fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover, .fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow, .fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover, .fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover, .fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover {
    box-shadow: none;
}
.fbx-flat .fbx-loader .fbx-icon, .fbx-flat:not(.fbx-phone) .fbx-btn-shadow .fbx-icon {
    filter: drop-shadow(0 0 3px rgba(0,  0,  0,  1));
}
.fbx-flat:not(.fbx-phone) .fbx-btn-shadow:hover .fbx-icon {
    filter: drop-shadow(0 0 1px rgba(0,  0,  0,  1));
}
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow .fbx-icon, .fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow .fbx-icon, .fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow {
    box-shadow: none;
}
.fbx-rounded .fbx-inner {
    border: 0px;
    /* border: solid 8px transparent;  팝업 테두리 두께 (원본)*/
    border-radius: 0px; /* 박스 외곽라운드 */
}
.fbx-rounded .fbx-item-current, .fbx-rounded .fbx-item-image, .fbx-rounded .fbx-item-next {
    border-radius: 0px; /* 박스 inner라운드 */
}
.fbx-rounded .fbx-loader {
    border-radius: 50%
}
.fbx-rounded .fbx-close { /* 팝업 close 버튼 */
    top: -21px;
    right: -21px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: solid 3px transparent;
    border-radius: 50%
}
.fbx-rounded .fbx-next, .fbx-rounded .fbx-prev {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 30px;
    height: 100px;
    line-height: 100px;
    border: solid 0px transparent; /* 좌우 화살표 두께 */
}
.fbx-rounded .fbx-prev {
    left: -40px;
    border-radius: 6px 0 0 6px;
}
.fbx-rounded .fbx-next {
    right: -40px;
    border-radius: 0 6px 6px 0;
}
.fbx-rounded .fbx-next.fbx-disabled, .fbx-rounded .fbx-prev.fbx-disabled {
    display: none;
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled, .fbx-rounded.fbx-phone .fbx-prev.fbx-disabled {
    display: block;
    cursor: default;
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled .fbx-icon, .fbx-rounded.fbx-phone .fbx-prev.fbx-disabled .fbx-icon {
    opacity: .3;
}
.fbx-rounded.fbx-desktop .fbx-next, .fbx-rounded.fbx-desktop .fbx-prev {
    position: absolute;
}
.fbx-rounded .fbx-count, .fbx-rounded .fbx-credit {
    bottom: -25px;
}
.fbx-rounded .fbx-inner-spacer {
    padding: 40px 40px 50px 40px;
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait .fbx-inner-spacer {
    padding: 45px 5px 5px 5px;
}
.fbx-rounded.fbx-sticky-buttons .fbx-next, .fbx-rounded.fbx-sticky-buttons .fbx-prev {
    position: fixed;
    top: 50%;
    margin-top: -50px;
    width: 40px;
    height: 100px;
    line-height: 100px;
}
.fbx-rounded.fbx-sticky-buttons .fbx-prev {
    left: 0;
    border-radius: 0 6px 6px 0;
}
.fbx-rounded.fbx-sticky-buttons .fbx-next {
    right: 0;
    border-radius: 6px 0 0 6px;
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
    padding: 40px 80px;
}
.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
    padding: 45px 5px 5px 5px;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
    padding: 5px;
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    top: 0;
    bottom: 0;
    border-radius: 0;
    width: 55px;
    height: auto;
    opacity: .3;
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
    opacity: 1;
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon {
    height: 32px;
    width: auto;
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    top: 0;
    bottom: auto;
    border-radius: 0;
    width: auto;
    min-width: 0;
    height: 40px;
    opacity: 1;
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next .fbx-icon, .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev .fbx-icon {
    height: 16px;
    width: auto;
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    left: 0;
    right: 66%}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
    left: 33%;
    right: 33%}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
    left: 66%;
    right: 0;
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
    left: 0;
    right: 0;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    top: 50%;
    bottom: auto;
    width: 34px;
    height: 80px;
    opacity: .5;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    top: 62px;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
    top: 108px;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
    opacity: 1;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
    border-radius: 0 6px 6px 0;
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
    border-radius: 6px 0 0 6px;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
    z-index: 100003;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 25%;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    opacity: 0;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:hover, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:hover, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:hover, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:hover {
    opacity: 1;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
    left: 0;
    right: auto;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next {
    right: 0;
    left: auto;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    padding: 5px;
    border-width: 3px;
    border-style: solid;
    transform: translateY(-50%);
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon {
    left: 10px;
    right: auto;
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon {
    right: 10px;
    left: auto;
}
.fbx-light, .fbx-light .fbx-caption, .fbx-light .fbx-open-caption, .fbx-light.fbx-phone .fbx-social {
    background-color: rgba(0, 0, 0, .7);
}
.fbx-light .fbx-progress {
    background-color: rgba(255, 255, 255, .5);
}
.fbx-fullscreen-mode.fbx-light {
    background-color: grey;
}
.fbx-prev, .fbx-prev:hover, .fbx-next, .fbx-next:hover { /* 좌우화살표 테두리 그림자 */
    background-color: rgba(244, 165, 96, 0)0) !important;
    box-shadow: 0 0 12px rgba(189, 49, 126, 0) !important;
}
.fbx-close, .fbx-close:hover { /* close 버튼 테두리 배경 색상 */
    border-color: #000000 !important;
    background-color: rgba(0, 0, 0, 1) !important;
}
.fbx-light .fbx-inner, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon, .fbx-light.fbx-modal, .fbx-modal.fbx-light.fbx-phone .fbx-close:hover, .fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover, .fbx-modal.fbx-light.fbx-phone .fbx-next:hover, .fbx-modal.fbx-light.fbx-phone .fbx-pause:hover, .fbx-modal.fbx-light.fbx-phone .fbx-play:hover, .fbx-modal.fbx-light.fbx-phone .fbx-prev:hover, .fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover, .fbx-rounded.fbx-light .fbx-close, .fbx-rounded.fbx-light .fbx-fullscreen-toggle, .fbx-rounded.fbx-light .fbx-pause, .fbx-rounded.fbx-light .fbx-play, .fbx-rounded.fbx-light .fbx-social-toggle {
    border-color: transparent; /* 외곽테두리 색상 */
}
.fbx-light .fbx-close, .fbx-light .fbx-fullscreen-toggle, .fbx-light .fbx-inner, .fbx-light .fbx-loader, .fbx-light .fbx-next, .fbx-light .fbx-pause, .fbx-light .fbx-play, .fbx-light .fbx-prev, .fbx-light .fbx-social-toggle, .fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-next, .fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-prev, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon {
    background-color: rgba(0, 0, 0, 0); /* 외곽테두리 배경색상 */
}
.fbx-flat.fbx-light .fbx-close, .fbx-flat.fbx-light .fbx-fullscreen-toggle, .fbx-flat.fbx-light .fbx-loader, .fbx-flat.fbx-light .fbx-next, .fbx-flat.fbx-light .fbx-pause, .fbx-flat.fbx-light .fbx-play, .fbx-flat.fbx-light .fbx-prev, .fbx-flat.fbx-light .fbx-social-toggle, .fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon, .fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next, .fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev {
    background-color: transparent;
}
.fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon, .fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon {
    border-color: transparent;
}
.fbx-flat.fbx-light.fbx-modal {
    border-color: rgba(0, 0, 0, .2);
}
.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-close, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-fullscreen-toggle, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-next, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-pause, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-play, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-prev, .fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-social-toggle {
    background-color: rgba(0, 0, 0, .2);
}
.fbx-light .fbx-close, .fbx-light .fbx-error-msg, .fbx-light .fbx-fullscreen-toggle, .fbx-light .fbx-loader, .fbx-light .fbx-next, .fbx-light .fbx-pause, .fbx-light .fbx-play, .fbx-light .fbx-prev, .fbx-light .fbx-social-toggle, .fbx-metro.fbx-light .fbx-count, .fbx-metro.fbx-light .fbx-credit a {
    color: #666!important;
}
.fbx-flat.fbx-light .fbx-close, .fbx-flat.fbx-light .fbx-close:hover, .fbx-flat.fbx-light .fbx-count, .fbx-flat.fbx-light .fbx-credit a, .fbx-flat.fbx-light .fbx-fullscreen-toggle, .fbx-flat.fbx-light .fbx-fullscreen-toggle:hover, .fbx-flat.fbx-light .fbx-loader, .fbx-flat.fbx-light .fbx-next, .fbx-flat.fbx-light .fbx-next:hover, .fbx-flat.fbx-light .fbx-pause, .fbx-flat.fbx-light .fbx-pause:hover, .fbx-flat.fbx-light .fbx-play, .fbx-flat.fbx-light .fbx-play:hover, .fbx-flat.fbx-light .fbx-prev, .fbx-flat.fbx-light .fbx-prev:hover, .fbx-flat.fbx-light .fbx-social-toggle, .fbx-flat.fbx-light .fbx-social-toggle:hover {
    color: #fff!important;
}
.fbx-light .fbx-close:hover, .fbx-light .fbx-fullscreen-toggle:hover, .fbx-light .fbx-next:hover, .fbx-light .fbx-pause:hover, .fbx-light .fbx-play:hover, .fbx-light .fbx-prev:hover, .fbx-light .fbx-social-toggle:hover, .fbx-metro.fbx-light .fbx-credit a:hover {
    color: #bababa!important;
}
.fbx-metro.fbx-light .fbx-close:hover, .fbx-metro.fbx-light .fbx-fullscreen-toggle:hover, .fbx-metro.fbx-light .fbx-next:hover, .fbx-metro.fbx-light .fbx-pause:hover, .fbx-metro.fbx-light .fbx-play:hover, .fbx-metro.fbx-light .fbx-prev:hover, .fbx-metro.fbx-light .fbx-social-toggle:hover {
    border-color: #bababa;
}
.fbx-flat.fbx-light .fbx-count, .fbx-flat.fbx-light .fbx-credit a, .fbx-rounded.fbx-light .fbx-count, .fbx-rounded.fbx-light .fbx-credit a {
    color: #888;
}
.fbx-flat.fbx-light .fbx-credit a:hover span, .fbx-rounded.fbx-light .fbx-credit a:hover span {
    color: #ddd;
}
.fbx-light .fbx-caption {    
    color: #fff;
}
.fbx-light .fbx-caption-desc, .fbx-light .fbx-caption-desc a {
    color: #eee;
}
.fbx-light .fbx-item-current::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}
.fbx-light .fbx-item-current::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
}
.fbx-light .fbx-item-current::-webkit-scrollbar, .fbx-light .fbx-item-next::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track, .fbx-light .fbx-item-next::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}
.fbx-light .fbx-item-current::-webkit-scrollbar-corner, .fbx-light .fbx-item-current::-webkit-scrollbar-thumb, .fbx-light .fbx-item-next::-webkit-scrollbar-corner, .fbx-light .fbx-item-next::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .3);
}
.fbx-caption {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 100004;
    width: 100%;
    text-align: center;
    font-size: 14px;
    transition: visibility .3s ease, opacity .3s ease, transform .3s ease;
    opacity: 1;
    transform: translateY(0);
}
.fbx-caption.fbx-hide-caption {
    transition: none;
}
.fbx-show .fbx-caption {
    visibility: visible;
}
.fbx-show .fbx-caption.fbx-fade-caption {
    opacity: 0;
    visibility: hidden;
}
.fbx-caption.fbx-slide-caption {
    transform: translateY(100%);
}
.fbx-loading .fbx-caption.fbx-hide-caption, .fbx-show .fbx-caption.fbx-hide-caption {
    visibility: hidden;
}
.fbx-fullscreen-mode .fbx-caption, .fbx-sticky-caption .fbx-caption {
    position: fixed;
    z-index: 100007;
}
.fbx-modal.fbx-phone .fbx-caption {
    position: fixed;
    z-index: 100004;
}
.fbx-rounded .fbx-caption {
    border-radius: 0;
    /* border-radius: 0 0 3px 3px; 캡션 백그라운드 라운드*/
}
.fbx-modal.fbx-phone .fbx-caption, .fbx-sticky-caption.fbx-rounded .fbx-caption {
    border-radius: 0;
}
.fbx-close-caption {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 3px 10px 10px;
    color: #fff!important;
    font-size: 24px; /* 캡션 close 버튼 사이즈 */
    text-decoration: none;
    line-height: 44px;
    cursor: pointer;
}
.fbx-open-caption {
    z-index: 100004;
    position: absolute;
    bottom: 0;
    right: 5px;
    padding: 0 10px 10px 10px;
    color: #fff!important;
    font-size: 24px;
    text-decoration: none;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
}
.fbx-caption-toggle-only.fbx-captions-hidden .fbx-open-caption, .fbx-pannable-item.fbx-captions-hidden .fbx-open-caption {    
    opacity: 1;
    visibility: visible;
}
.fbx-caption-title {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 18px; /* 캡션 타이틀 사이즈 */
    padding: 18px;
}
.fbx-caption-desc {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px; /* 캡션 설명부분 폰트 사이즈 */
    line-height: 22px;
    padding: 20px;
}
.fbx-caption-desc a {
    font-size: 12px;
}
.fbx-caption-title+.fbx-caption-desc {
    margin-top: -30px;
}
.fbx-phone .fbx-caption {
    min-height: 20px;
    font-size: 12px;
    line-height: 20px;
}
.fbx-phone .fbx-caption-title {
    font-size: 13px;
    padding: 10px;
}
.fbx-phone .fbx-caption-desc {
    font-size: 11px;
    line-height: 15px;
    padding: 10px;
}
.fbx-phone .fbx-caption-title+.fbx-caption-desc {
    margin-top: -20px;
}
.fbx-modal.fbx-phone .fbx-caption {
    bottom: 0;
    position: fixed;
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-caption, .fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption {
    z-index: 100004;
}
.fbx-pannable {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}
.fbx-pannable.fbx-panning {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fbx-pannable>div>img.fbx-item {
    max-width: none;
    max-height: none;
}
.fbx-pan-overview {
    cursor: pointer;
    max-width: 150px;
    max-height: 150px;
    overflow: hidden;
    background-position: top left;
    background-size: cover;
    position: absolute;
    z-index: 100006;
    border: solid 2px #666;
    box-shadow: 0 0 12px rgba(0, 0, 0, .8);
}
.fbx-pan-overview.fbx-top-left {
    top: 20px;
    left: 20px;
}
.fbx-pan-overview.fbx-top-right {
    top: 20px;
    right: 32px;
}
.fbx-pan-overview.fbx-bottom-left {
    bottom: 32px;
    left: 20px;
}
.fbx-pan-overview.fbx-bottom-right {
    bottom: 32px;
    right: 32px;
}
.fbx-pan-viewport {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 300px 300px rgba(0, 0, 0, .7);
}
.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-close, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-next, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-pause, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-play, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-prev, .fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-close, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-next, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-pause, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-play, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-prev, .fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-close, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-next, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-pause, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-play, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-prev, .fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle {
    right: 1px!important;
}