/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
/*팝업 박스*/
.popup_box{position: relative;top:50%;left:50%;transform:translate(-50%, -50%); overflow: auto; height: 860px; width:1689px;z-index:1002;box-sizing:border-box;
    /*background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);*/}

/*컨텐츠 영역*/
.popup_box .popup_cont {width:1489px; height:860px;}
.popup_box .popup_cont img {height:860px;}
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}

/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}


.slider__wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1489px;
    height: 860px;
    box-shadow: 0 50px 100px rgba(0,0,0,0.5);
}
.slider__img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-size: cover; */
    object-fit: cover;   /* img 태그로 불러왔을 때 cover 효과 */
    opacity: 0;
    transform: scale(1.1);
    transition: all 500ms ease-in-out;
}
.slider__img img.active {
    opacity: 1;
    transform: scale(1);
}
.slider__thumb {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 150px);
    width: 100px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.slider__thumb img {
    cursor: pointer;
    border: 2px solid transparent; /* 보더도 위치값을 가지기 때문에 transparent(색상 투명하게) 씀 */
}
.slider__thumb img.active {
    border: 2px solid #fff;
}
.slider__btn a {
    display: flex;
    position: absolute;
    top: 48%;
    width: 40px;
    height: auto;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    /*background-color: rgba(0,0,0,0.2);*/
    transition: all 300ms ease-in-out;
}
.slider__btn a:hover {
    /*background-color: rgba(0,0,0,0.5);*/
}
.slider__btn a.next {
    right: -60px;
}
.slider__btn a.prev {
    left: -60px;
}