@charset "UTF-8";


/*팝업창*/
#alert-all-wrap {
    display: none; /*숨기기*/
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

#alert-contents {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    height: 218px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
}
@media (min-width:760px) and (max-width:1024px) {
    #alert-contents {
        height: 255px;
    }
}
/* 에러 */
.at-contents-icon {
    margin-top: 25px;
    font-weight: 400;
    font-size: 1.5em;
    color: #d41367;
}
.at-contents-title {
    margin-top: 3px;
    font-weight: 700;
    font-size: 1.5em;
    color: #d41367;
}

/* 질문 */
.at-contents-icon2 {
    margin-top: 25px;
    font-weight: 400;
    font-size: 1.5em;
    color: #54565a;
}
.at-contents-title2 {
    margin-top: 3px;
    font-weight: 700;
    font-size: 1.5em;
    color: #54565a;
}

/* 안내 */
.at-contents-icon3 {
    margin-top: 25px;
    font-weight: 400;
    font-size: 1.5em;
    color: #0c498f;
}
.at-contents-title3 {
    margin-top: 3px;
    font-weight: 700;
    font-size: 1.5em;
    color: #0c498f;
}

/* 완료 */
.at-contents-icon4 {
    margin-top: 25px;
    font-weight: 400;
    font-size: 1.5em;
    color: #25a745;
}
.at-contents-title4 {
    margin-top: 3px;
    font-weight: 700;
    font-size: 1.5em;
    color: #25a745;
}

.at-contents-text {
    margin-top: 20px;
    font-weight: 400;
    font-size: 0.95em;
}

.alertbtn-wrap {
    width: 100%;
    position: absolute;
    bottom: 15px;
}

/* 클릭 버튼 - 다른 버튼 사용 시 css 주석 필수 */
#click-contents {
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #555;
    cursor: pointer;
}


/* 질문 확인 버튼 */
.btn-middle-mcb {
    background-color: #0c498f;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    border: 0;
    border-radius: 4px;
    padding: 0.45em 1.5em 0.4em 1.5em;
}

.btn-middle-mcb:focus, .btn-middle-mcb:active, .btn-middle-mcb:hover {
    background-color: #0c2949;
    font-weight: 700;
}

/* 완료 확인 버튼 */
.btn-middle-mcg {
    background-color: #25a745;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    border: 0;
    border-radius: 4px;
    padding: 0.45em 1.5em 0.4em 1.5em;
}

.btn-middle-mcg:focus, .btn-middle-mcg:active, .btn-middle-mcg:hover {
    background-color: #14722b;
    font-weight: 700;
}