@charset "utf-8";
/* CSS Document */
#mobile-popup{display:none;}
.popupLayer{position:fixed; top:0px; left:0px; z-index: 50; opacity: 1; width:100%; height: 100vh; background-color:rgba(0,0,0,0.8); display:flex; align-items: center; justify-content: center;}
.popupLayer > .inner-wrap{width:calc(100% - 40px); max-width:940px; position:relative;}
.popupLayer > .inner-wrap > .left_arrow{position:absolute; width:40px; top:50%; left:-60px; transform: translate(0,-50%); cursor: pointer; opacity:0.3;}
.popupLayer > .inner-wrap > .right_arrow{position:absolute; width:40px; top:50%; right:-60px; transform: translate(0,-50%); cursor:pointer;}
.popupLayer .img-container{width:940px; overflow: hidden;}
.popupLayer .img-wrap{display:flex; justify-content: center; transition: transform 0.4s ease; /* 애니메이션 효과 추가 */}
.popupLayer .img-wrap > a{display: inline-block; padding: 0; margin-right:20px;}
.popupLayer .img-wrap > a:last-child{margin-right:0px;}
.popupLayer .img-wrap img{display:block; width:300px;}
/* 이미지 갯수가 3개 이상일 때 왼쪽 정렬 */
.popupLayer .img-wrap.three-or-more {
  justify-content: flex-start;
}
.popupLayer .close-wrap{width:calc(100% - 40px); max-width:940px; display:flex; justify-content: space-between; position:absolute; bottom:50px;}
.popupLayer .close-wrap .today-wrap{width:calc(100% - 50px); text-align: left; font-size:var(--font-size-normal); color:#fff; }
.popupLayer .close-wrap .today-wrap > input{width:15px; height: 15px; vertical-align: middle; cursor: pointer;}
.popupLayer .close-wrap .close{width:50px; text-align: center; color:#fff; font-size:var(--font-size-normal); cursor: pointer;}
.popupLayer .currunt-btn{padding:20px 0; display:flex; justify-content: center;}
.popupLayer .currunt-btn > .dot{width:10px; height: 10px; border-radius: 50%; background-color:#fff; margin-right:15px;}
.popupLayer .currunt-btn > .dot:last-child{margin-right:0;}
.popupLayer .currunt-btn > .dot.on{background-color:var(--color-point);}

@media only screen and (max-width:940px){
	#mobile-popup{display:flex;}
	#pc-popup{display:none;}
	.popupLayer {
        align-items: flex-end;
    }
    .popupLayer > .inner-wrap {
        width: 100%;
        max-width: 420px;
    }
    .popupLayer .img-container {
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        display: flex; /* Flexbox 사용 */
        flex-wrap: nowrap; /* 줄바꿈 방지 */
    }
    .popupLayer .img-wrap {
        display: flex;
		justify-content: flex-start;
        flex-wrap: nowrap; /* 줄바꿈 방지 */
    }
    .popupLayer .img-wrap > a {
        margin-right: 0;
        width: 100%;
        max-width: 420px;
        flex: 0 0 auto; /* 줄어들지 않도록 설정 */
    }
    .popupLayer .img-wrap img {
        width: 100%;
        flex: 0 0 auto; /* 이미지가 줄어들지 않도록 설정 */
    }
    .popupLayer .close-wrap {
        position: static;
        margin-bottom: 15px;
        width: 100%;
    }
	
	.popupLayer .close-wrap .today-wrap{padding-left:10px; box-sizing: border-box;}
	
}