xmp,pre{
    max-width: 100%;
    white-space: pre-wrap;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}

textarea{
    font-weight: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}
.layered-popup {
    display:none;
    position: absolute;
    width:400px;
    z-index: 8;
    top:70px;
    font-size:20px;
    padding-left:5px;
    padding-right:5px;
}
.popup-wrap {
    position: absolute;
    width: 100%;
    text-align: center;
}
.popup-inner{
    position: relative;
    width: 1460px;
    display: inline-block;
}
.layered-popup img {
    width: 100%;
    border: 1px solid black;
    float: left;
    /*height: 340px;*/
}
.layered-popup .button_area{
    text-align: center;
}
.layered-popup .button_area .button{
    background-color: #B69F6D;
    color: white;
    display: inline-block;
    width: 50%;
    float: left;
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
}
.layered-popup .button_area .button:nth-child(1){
    border-right: 1px solid black;
}
.text-tiny{
    font-size: 0.7em !important;
}
.text-small{
    font-size: 0.85em !important;
}
.text-big{
    font-size: 1.4em !important;
}
.text-huge{
    font-size: 1.8em !important;
}
.breadcrumb .home{
    cursor: pointer;
}
.board .commentBox .editWrap{
    position: relative;
}
.board .commentBox .editWrap .submitBtn{
    position: absolute;
    right: 10px;
    bottom: 18px;
    background-color: #0069ce;
    color: #fff;
    padding: 1px 12px;
    border-radius: 10px;
    border: none;
}
.reason-ul button{
    outline: none;
}
 .material-symbols-outlined {
     font-variation-settings:
             'FILL' 0,
             'wght' 200,
             'GRAD' 0,
             'opsz' 24;
     font-size: 0.8em;
 }
.calendar .bottom li{
    z-index: 1;
}
.check-form .cbox:has(input:disabled){
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    color: #999999;
}
.fc-b{
    color: #3263be;
}
.rev-form-wrap .bd-box.course .tbox{
    background: white;
}
#sub_area_wrp .cbox:has(input:disabled) .tbox{
    background-color: #f9f9f9;
    color: #999999;
}
@media only screen and (max-width: 1024px){
    .layered-popup{
        left: unset !important;
        right: 50px !important;
        top: 80px !important;
    }
    .popup-wrap{
        width: 100%;
    }
    .popup-inner{
        width: 100%;
    }
    .pop-img-wrap{
        height: 200px;
    }
}

@media only screen and (max-width: 768px){
    .layered-popup{
        left:0px!important;
        top:66px!important;
        width: 100% !important;
        padding:0px!important;
    }
    .layered-popup img{
        width: 100%;
        /*height: 100vw;*/
    }
}