@charset "utf-8";

.popupDiv{  position: absolute; left: 100px; top: 100px; z-index: 99999; visibility: hidden; background: rgba(0,0,0, 0.5); width: 300px; 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{ width: 336px; position: absolute; left: 410px;}
#divPop3{ position: absolute; left: 755px;}
#divPop4{ position: absolute; left: 1065px;}
#divPop5{ position: absolute; left: 1375px;}

/* 반응형 */
@media all and (max-width: 1440px){
    .popupDiv{ left: 30px; width: 200px;}
    #divPop2{ left: 240px;}
    #divPop3{ left: 585px;}
    #divPop4{ left: 795px;}
    #divPop5{ left: 30px; top: 420px;}
}
@media all and (max-width: 1024px){
    .popupDiv{ left: 30px; width: 200px;}
    #divPop2{ left: 240px;}
    #divPop3{ left: 585px;}
    #divPop4{ left: 795px;}
    #divPop4{ left: 795px;}
}
@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; top: 100px;}
}

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