@charset "utf-8"; 
.ev_wrap { width:100%; max-width: 900px; }
.ev_wrap > ul { width:100%; display:flex; flex-direction: column; justify-content: center; margin:0; }
.ev_wrap > ul > li { width:100%; list-style: none; }

.winPopup { width: 90%;
    max-width: 300px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%);
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%,0) scale(0);
    z-index: 9999;
    transition: all 0.2s; }
.winPopup.show { transform: translate(-50%,0) scale(1); transition: all 0.2s; }
.winPopup h1 { font-size:15px; font-weight: normal; margin:0 0 10px 0;}
.winPopup table { width:100%; }
.winPopup th {font-weight: normal; } 
.winPopup td { text-align: center; }
.winPopup input[name='mb_hp'] { width:100%; border:#ddd 1px solid; border-radius: 2px; height:40px; line-height: 40px; padding:0 7px; }
.winPopup label { font-size:12px; color:#888; display:flex; flex-direction: row; justify-content: center; align-items: center; margin:10px 0; cursor: pointer; }
.winPopup label > input { margin:0 5px 0 0; }
.winPopup table tbody tr:last-child td { display: flex; }
.winPopup button { width:49%; margin:0 0.5%; height:40px; line-height: 40px; padding:0; border:#ddd 1px solid; background:#fff; font-size:14px; }
.winPopup button.btn_confirm { background:#fce250; border-color:#fce250; font-weight: bold; }
.winPopup select[name=io_id] { border:1px solid #ddd; width:100%; height:40px }

.ev_wrap > ul > li > ul > li { position:relative; display:block; }
.ev_wrap > ul > li > ul > li.done:before { content:"응모종료"; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; line-height: 100px; border-radius: 100%; background:#000000; color:#fff; font-size:18px; text-align: center; z-index: 99; font-family:'NSR' !important; }
.ev_wrap > ul > li > ul > li.done:after {  content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); }
.ev_wrap > ul > li > ul > li.success:before { content:"응모완료"; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; line-height: 100px; border-radius: 100%; background:#fce250; color:#000; font-size:18px; text-align: center; z-index: 99; font-family:'NSR' !important; }
.ev_wrap > ul > li > ul > li.success:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); }


/*PC*/
@media only screen and (min-width: 1021px) {    
    .ev_wrap > ul > li.items { background:url('../img/53219/ev_53219_bg.jpg') repeat-y left top;background-size:100%;  padding:30px 0; }
    .ev_wrap > ul > li > ul { width:100%; display:flex !important; flex-direction: row !important; justify-content:center !important; flex-wrap: wrap !important; margin:0 !important; }
    .ev_wrap > ul > li > ul > li { list-style: none; display:inline-block; margin: 20px 10px; position:relative;}
}

/*태블 + mo*/
@media only screen and (max-width: 767px) {    
    .ev_wrap > ul > li.items { background:url('../img/53219/ev_53219_bg.jpg') repeat-y left top; background-size:100%; padding:30px 25px; }
    .ev_wrap > ul > li > ul { width:100%; display:flex !important; flex-direction: row !important; justify-content:center !important; flex-wrap: wrap !important; margin:0 !important; }
    .ev_wrap > ul > li > ul > li { width:50%; margin:0; padding:5px; position:relative; }
    .ev_wrap > ul > li > ul > li img { width:100%; }
}