@charset "utf-8";

.popupDiv{  position: absolute; left: 1.875rem; top: 120px; z-index: 99999; visibility: hidden; background: rgba(0,0,0, 0.5); width: 16.75rem; padding: 15px; border-radius: 20px;}
.popupDiv .conHead{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.conHead .dayClose a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; text-decoration: none;}
.popupDiv .conContainer{ margin-top: 20px;}
.popupDiv .conContainer img{ width: 100%;}

#divPop2{ position: absolute; left: 19.5rem;}
#divPop3{ position: absolute; left: 37.25rem;}
#divPop4{ position: absolute; left: 55.125rem;}
#divPop5{ position: absolute; left: 73.125rem;}

/* 반응형 */
@media all and (max-width: 1440px){
    .popupDiv{ left: 30px; width: 240px;}
    #divPop2{ left: 280px;}
    #divPop3{ left: 530px;}
    #divPop4{ left: 780px;}
    #divPop5{ left: 1030px;}
}
@media all and (max-width: 1024px){
    .popupDiv{ left: 30px; width: 180px;}
    #divPop2{ left: 220px;}
    #divPop3{ left: 410px;}
    #divPop4{ left: 600px;}
    #divPop5{ left: 790px;}
}
@media all and (max-width:768px){
    .popupDiv{left: 20px; width: 60%;}
    #divPop2{ position: absolute; left: 20px;}
    #divPop3{ position: absolute; left: 20px;}
    #divPop4{ position: absolute; left: 20px;}
    #divPop5{ position: absolute; left: 20px;}
}

@media all and (max-width:520px){
    .popupDiv{width: 90%;}
    #divPop2{ position: absolute; left: 20px;}
    #divPop3{ position: absolute; left: 20px;}
}