﻿/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#FFF;color:#444;text-shadow:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image: url(../img/lightbox/fancybox_sprite.png);}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -194px;opacity:0.8;cursor:pointer;z-index:8060;}

/* 2021.08.03 이민슬 닫기버튼 변경 */
/***220510 여동진 위치변경 top, right***/
.fancybox-close{position:absolute; top:34px; right:-20px; width:40px; height:40px;}
.fancybox-close::before, .fancybox-close::after{
    content: '';
    background: #222;
    width: 4px;
    height: 25px;
    display: block;
    position: absolute;
    top: 6px;
    right: 19px;
    transform: rotate(0deg);
    transition: all 1s ease-out;
}
.fancybox-close::before {
    transform: rotate(135deg);
    transition: all 1s ease-out;
}

.fancybox-close::after {
    transform: rotate(-135deg);
    transition: all 1s ease-out;
}


#fancybox-loading div{width:44px;height:44px;background:url(../img/lightbox/fancybox_loading.gif) center center no-repeat;}
/*.fancybox-close{position:absolute;top:10px;right:10px;width:19px;height:19px;cursor:pointer;z-index:8040;}*/
.fancybox-nav{position:absolute;top:0;width:52px;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../img/lightbox/blank.gif);/* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:-30px;margin-left:-37px;}
.fancybox-next{right:-30px;margin-right:-37px;}
.fancybox-nav span{position:absolute;top:50%;width:52px;height:88px;margin-top:-44px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{background-position:0 -18px;}
.fancybox-next span{background-position:0 -106px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
/* Overlay helper */
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../img/lightbox/fancybox_overlay.png);}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../images/lightbox/fancybox_sprite@2x.png');background-size:52px 239px;}
#fancybox-loading div{background-image:url('../img/lightbox/fancybox_loading@2x.gif');background-size:24px 24px;}
}

/* 반응형 2021.08.03 이민슬 추가 */
@media all and (max-width:1000px){
    .fancybox-wrap{position:fixed !important; width:100% !important; height:100% !important; top:0 !important; left:0 !important;}
    .fancybox-inner{width:100% !important;}
    .fancybox-skin{height:100% !important;}


}