@charset "utf-8";

.popupWrap {
    display: none;
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    z-index: 2;
}

.popupWrap.viewWrap {
    display: table;
}

.popupWrap .popupArea {
    position: relative;
    display: table-cell;
    width: 100%;
    /* vertical-align: middle; */
	text-align: center;
}

.popupArea .popup.viewPop {
    display: inline-block;
    vertical-align: top;
    margin-left:5px;
}

.popupArea .popup {
	display: none;
    max-width: 450px;
    margin: 0 auto;
    border: 1px solid #462e2e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popupArea .popup .popupTop {
    max-height:550px;
    overflow-y:auto;
}
.popupWrap .popupBtm {
    line-height: 22px;
    padding: 6px;
    background: #462e2e;
    color: #fff;
    font-size: 14px;
}

.popupWrap .popupBtm button {
    width: 35px;
    height: 21px;
    border: 1px solid #dcdcdc;
    vertical-align: top;
    color: #fff;
}

@media (max-width: 960px){
	.popupWrap.viewWrap, .popupWrap .popupArea {
	    display: block;
	}
	
	.popupWrap {
	    position: absolute;
	    left: 0;
	    top: 0;
	    margin-top: 90px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	.popupWrap.viewWrap, .popupWrap .popupArea {
	    display: block;
	}
	
	.popupArea .popup.viewPop {
    margin-left:0px;
}
    .popupArea .popup .popupTop {
        max-height:400px;
    }
}

/* 신청 마감 지역 팝업 */
.deadlinePop { padding:3.3%;background-color:#cdddf4;background-image:url(/imgs/main/bg_popup.jpg);background-repeat:repeat; }
.deadlinePop .red { color:#bc1010;font-weight:500; }
.deadlinePop .deadlinePopCon { padding:4% 7%;border-radius:24px;background-color:#fff; }
.deadlinePop h2 { letter-spacing:-0.08em;font-weight:500;font-size:17px; }
.deadlinePop table { width:100%;table-layout:fixed;margin:10px 0;line-height:1.3;font-size:13px; }
.deadlinePop table tbody th { width:60px;border-right:1px solid #aeafb0;background-color:#deebf7;font-weight:500; }
.deadlinePop table th,
.deadlinePop table td { padding:4px 10px;border-top:1px solid #aeafb0;border-bottom:1px solid #aeafb0;vertical-align:middle; }
.deadlinePop table td { word-break:keep-all; }
.deadlinePop .txt { text-align:left;line-height:1.25;font-size:13px; }
.deadlinePop .lkBtn { margin:0.625em 0;text-align:center; }
.deadlinePop .lkBtn a { display:block;padding:16px 10px;border-radius:7px;background:#25759e;color:#fff;letter-spacing:-0.04em;font-size:20px; }
.deadlinePop .lkBtn a:hover,
.deadlinePop .lkBtn a:focus { background:#C94400; }
.deadlinePop .lkBtn2 { margin:1.025em 0;text-align:right; }
.deadlinePop .lkBtn2 a { padding:7px 10px;border-radius:7px;background:#C94400;color:#fff;letter-spacing:-0.04em;font-size:16px; }
.deadlinePop .lkBtn2 a:hover,
.deadlinePop .lkBtn2 a:focus { background:#bc1010; }
@media all and (max-width:640px) {
    .deadlinePop h2 span { display:block;line-height:1.3; }
    .deadlinePop .txt { font-size:12px; }
    .deadlinePop .lkBtn a { font-size:16px; }
	.deadlinePop .lkBtn2 a { font-size:16px; }
}