.popup { 
    width: 436px;  /* 이미지 정확한 너비 */
    margin:0; 
    position:absolute; 
    top:50%; 
    left:50%; 
    transform:translate(-50%, -50%); 
    z-index:5; 
    display:none;
}
.popup.open { display:block; }
.popup .top { height:100%; padding:0; background:#000; }
.popup .top button { width:48px; height:48px; border:0; border-radius:5px; position:absolute; top:0; right:-53px; background:#fff; }
.popup .top .nav-tabs { width:100%; }
.popup .top .nav-tabs li { width:calc(100% / 5); height:48px; background:#fff; }
.popup .top .nav-tabs li a { width:100%; height:100%; padding:0; text-align:center; line-height:48px; border:0; border-radius:0; display:inline-block; }
.popup .top .nav-tabs li a:hover { color:#000; }
.popup .top .nav-tabs li.active a:hover { color:#fff; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color:#fff; font-weight:700; background:#000; }
.popup .top .tab-pane { 
    text-align:center; 
    overflow:auto; 
}
.popup .top .tab-pane img { 
    width: 100%; 
    object-fit: cover; 
    cursor:pointer; 
}
.popup .btm { position:absolute; right:0; }
.popup .btm input { display:none; }
.popup .btm label { margin:0; padding-left:25px; font-weight:400; position:relative; }
.popup .btm label::after { content:''; display:block; width:15px; height:15px; border:2px solid #666; border-radius:3px; position:absolute; left:0; top:3px; }
.popup .btm input:checked + label::before { content:''; display:block; width:4px; height:7px; border-bottom:2px solid #666;  border-right:2px solid #666; position:absolute; left:5.5px; top:6px; transform:rotate(45deg); }
.popup .btm button { border:0; background:none; }

.mb { display:none; }
/* 반응형 */
@media only screen and (max-width:768px){
	.popup {
		width:90vw; 
	}
    .mb { display:block; }
    .popup .top .tab-content { height:100%; }
    .popup .top button { width:30px; height:30px; padding:5px; top:5px; right:5px; }
    .popup .top button img { width:100%; }
    .popup .top .nav-tabs li a { padding-top:10px; font-size:12px; line-height:15px; }
    .popup .top .tab-pane { height:100%; }
    .popup .btm label { padding-left:22px; font-size:12px; }
    .popup .btm label::after { top:0; }
    .popup .btm input:checked + label::before { top:3px; }
}