@charset "UTF-8";
@import url(font.css);

.wis-wrapper .utility-list .krds-btn.secondary {
    margin: 0 0 0 4px;
    font-size: 14px;
    padding: 0 12px;
    height: 24px;
}

/*font*/
.wis-wrapper .text-xsmall {
    font-size: 13px;
}

.wis-wrapper .text-small {
    font-size: 15px;
}

.wis-wrapper .text-medium {
    font-size: 17px;
}

.wis-wrapper .text-large {
    font-size: 19px;
}

.wis-wrapper .utility-list li>span {
    display: flex;
    align-items: center;
    gap: 4px;
}

/*layout custom*/
.wis-wrapper #container .in-between .krds-side-navigation {
    flex-shrink: 0;
    /* 줄어들지 않음 */
    flex-grow: 0;
    /* 커지지도 않음 */
    padding-right: 10px !important;
    overflow: initial;
}

.wis-wrapper .krds-side-navigation .lnb-list .lnb-item.active>.lnb-btn.selected {
    /*border-bottom:3px solid #063a74;*/
    padding: 1.6rem 0.8rem;
}

/*subpage*/
.wis-wrapper .linebox {
    display: flex;
    flex-direction: row;
    column-gap: 1.2rem;
    padding: 2.4rem;
    border: 1px solid #b1b8be;
    border-radius: 1.2rem;
    background-color: #fff;
}

.wis-wrapper .form_list {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
}

.wis-wrapper .form_list>li {
    display: flex;
    gap: 1.2rem;
}

.wis-wrapper .gridbox {
    width: 100%;
    height: 500px;
    border: 1px solid #00000030;
    overflow: auto;
    background: url(/resources/img/common/SBGridLogo.png) center center no-repeat;
    background-size: 240px;
}

.wis-wrapper .krds-table-wrap .tbl.data td,
.wis-wrapper .krds-table-wrap .tbl.data th {
    padding: 1.2rem 0.4rem;
    font-size: 1.5rem;
}

.wis-wrapper .form-group [class^=form-hint] {
    font-size: 1.5rem;
}

.wis-wrapper .toggle-btn {
    display: block;
    padding: 1.2rem;
    background-color: #eef2f7;
    border-radius: 1.2rem;
    text-align: center;
}

.wis-wrapper .krds-btn.text.small .svg-icon,
.wis-wrapper .krds-btn.text.medium .svg-icon {
    margin-bottom: 0;
}

.wis-wrapper .toggle-txt {
    margin-top: 1.2rem;
    display: none;
    padding: 2.4rem;
    background-color: #eef2f7;
    border-radius: 1.2rem;
    text-align: center;

}

/*웹폴더 팝업*/
.wis-wrapper .webfolder-link {
    display: flex;
    gap: 5rem;
}

.wis-wrapper .webfolder-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2.4rem;
    overflow-y: auto;
}

.wis-wrapper .webfolder-link>a {
    display: inline-flex;
    justify-content: center;
    width: 300px;
    margin: 50px auto;
    border: 1px solid;
    padding-top: 200px;
    font-size: 2.4rem;
    font-weight: 600;
    border-radius: 1.2rem;

}

.wis-wrapper .webfolder-link>a span {
    margin-bottom: 2.4rem;
}

.wis-wrapper .webfolder-link>a.my-pic {
    background: url(/resources/img/common/img_mypic.png) no-repeat center 2.5rem;
    background-size: 150px;
}

.wis-wrapper .webfolder-link>a.my-doc {
    background: url(/resources/img/common/img_myfolder.png) no-repeat center 2.5rem;
    background-size: 150px;
}

.wis-wrapper .modal-btn.btn-wrap.between {
    justify-content: space-between;
}

.sbgrid_cell input[type="checkbox"],
.sbgrid_cell input[type="radio"],
.wis-wrapper .sbgrid_cell input[type="checkbox"],
.wis-wrapper .sbgrid_cell input[type="radio"] {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    margin: 0 3px !important;
}

.wis-wrapper .sbux-rdo-wrap label .sbux-rdo-txt {
    font-weight: normal !important;
}

/*
.wis-wrapper .sbux-comp-root,
.wis-wrapper .sbux-comp-root .sbux-rdo-wrap,
.wis-wrapper .sbux-comp-root .sbux-rdo-lbl-readonly    {display:flex;}
*/

.wis-wrapper .sbux-inp-input[disabled],
.wis-wrapper .sbux-inp-input.disabled {
    background-color: #efefef !important;
    color: #888 !important;
}

#sub.wis-wrapper td textarea {
    padding: 0.6rem;
    border: 1px solid #d3d3d3;
    line-height: 1.5rem;
    color: #222;
    border-radius: 5px;
}

#sub.wis-wrapper h4.no-icon::before {
    display: none !important;
}

#sub.wis-wrapper h4::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 20px;
    height: 10px;
    background: url(/resources/img/common/bg_tit.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 6px;
    vertical-align: middle;
}

#krds-header .header-container .header-branding .logo-edu a {
    display: block;
    width: 200px;
    height: 41.5px;
    background-image: url(/images/main/img_logo3-edu.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}