/* after-login-page #subConts > m-menu-btn*/

.after-login-page #subConts .m-menu-btn {
    display: block;
    position: absolute;
    top: 55px;
    right: 30px;
    width: 42px;
    height: 34px;
    z-index: 9999;
    cursor: pointer;
}

@media screen and (min-width:1201px) {
    .after-login-page #subConts .m-menu-btn {
        display: none;
    }
}

.after-login-page #subConts .m-menu-btn>span {
    height: 6px;
    background: #343434;
    transition: .3s;
}

.after-login-page #subConts .m-menu-btn>span:nth-child(1) {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 100%;
}

.after-login-page #subConts .m-menu-btn span:nth-child(2) {
    position: absolute;
    top: 0;
    width: 100%;
}

.after-login-page #subConts .m-menu-btn span:nth-child(3) {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* on */
.after-login-page #subConts .m-menu-btn.on {
    z-index: 100000;
}

.after-login-page #subConts .m-menu-btn.on span:nth-child(1) {
    opacity: 0;
}

.after-login-page #subConts .m-menu-btn.on span:nth-child(2) {
    height: 2px;
    transform: translateY(16px) rotate(-45deg);
}

.after-login-page #subConts .m-menu-btn.on span:nth-child(3) {
    height: 2px;
    transform: translateY(-16px) rotate(45deg);
}

/* about after login page */
.after-login-page {
    background-color: #f1f1f1;
}

.after-login-page #subConts {
    padding-top: 0;
    height: 100%;
    background-color: #fff;
}

@media screen and (min-width:1201px) {
    .after-login-page #subConts {
        max-width: 1000px;
    }
}

.after-login-page *:after {
    content: '';
    display: block;
    clear: both;
}

.after-login-page #snb {
    display: none;
}

.after-login-page .after-login-page__right {
    padding-top: 50px;
    padding-left: 1rem;
    padding-bottom: 50px;
    padding-right: 1rem;
    box-sizing: border-box;
    border-left: 1px solid #e1e1e1;
}

@media screen and (min-width:1201px) {
    .after-login-page .after-login-page__right {
        float: left;
        width: calc(100% - 230px);
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.after-login-page .after-login-page__right .sub-cont-hgroup {
    padding-top: 0;
}

.after-login-page .after-login-page__right .inner {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.after-login-page .after-login-page__right .inner:after {
    content: '';
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .after-login-page .after-login-page__right .board-wrap .gallery-list figure {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .after-login-page .after-login-page__right .board-wrap .gallery-list figure {
        width: 100%;
    }
}

/* for-after-login-page > section */
.page-sub-login {
    height: 100%;
    padding-top: 8rem;
    padding-right: 0;
    padding-bottom: 8rem;
    padding-left: 0;
    background-color: #f9f9f9;
}

.article-row.login-row {
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.article-row.login-row:before {
    content: '';
    display: block;
}

.login__bl {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3.25rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media screen and (min-width:992px) {
    .login__bl {
        min-height: 360px;
    }

    .login-row .login__bl.col-left {
        -ms-flex: 0 0 31.9275%;
        flex: 0 0 31.9275%;
        max-width: 31.9275%;
    }

    .login-row .login__bl.col-center {
        -ms-flex: 0 0 36.145%;
        flex: 0 0 36.145%;
        max-width: 36.145%;
    }

    .login-row .login__bl.col-right {
        -ms-flex: 0 0 31.9275%;
        flex: 0 0 31.9275%;
        max-width: 31.9275%;
    }
}

@media screen and (min-width:1301px) {
    .login-row .login__bl.col-left {
        -ms-flex: 0 0 36.145%;
        flex: 0 0 36.145%;
        max-width: 36.145%;
    }

    .login-row .login__bl.col-center {
        -ms-flex: 0 0 27.71%;
        flex: 0 0 27.71%;
        max-width: 27.71%;
    }

    .login-row .login__bl.col-right {
        -ms-flex: 0 0 36.145%;
        flex: 0 0 36.145%;
        max-width: 36.145%;
    }
}

.login__bl.col-left {
    background-image: url(/html/_skin/seil/img/common/bg_logoin_left.jpg);
}

.login__bl.col-right {
    background-image: url(/html/_skin/seil/img/common/bg_logoin_right.jpg);
}

.login__bl__inner {
    max-width: 284px;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.login__bl__inner p {
    line-height: 1.5;
}

.login__left .login__bl__inner {
    margin-left: auto;
}

.login-form {
    background-color: #fff;
    padding-top: 3.75rem;
    padding-left: 2.5rem;
    padding-bottom: 5rem;
    padding-right: 2.5rem;
}

/* form > form */
.login-form__form-wrap {
    max-width: 490px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

/* form > logo */
.login-form__logo {
    width: 100%;
    margin-bottom: 3rem;
    text-align: center;
}

/* form > input */
.login-input>li {
    margin-bottom: .5rem;
}

.login-form__form input,
.login-form__form button {
    display: block;
    width: 100%;
}

body .login-form__form input,
.member-wrap input[type="text"],
.member-wrap input[type="password"],
.member-wrap select {
    /* 기본스타일 초기화 */
    outline-style: none;
    border-radius: 0px 0px;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    /* 기본스타일 초기화 */
    height: 57px;
    padding: 1rem;
    background-color: #fff !important;
}

.login-form input:last-child {
    margin-bottom: 0;
}

/* input check */
.login-save-find-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.login-save-find-wrap .save-id-wrap,
.login-save-find-wrap .find-btn-wrap {
    display: inline-block;
}

.login-save-find-wrap .save-id-wrap {
    float: left;
}

.login-save-find-wrap .find-btn-wrap {
    float: right;
}

.member-wrap input[type="checkbox"]:checked+label:before {
    -webkit-background: linear-gradient(309deg, #5091c3, #9f84dd);
    background: linear-gradient(309deg, #5091c3, #9f84dd);
    border-color: #9f84dd;
}

body .login-form .login-btn__btn-login {
    height: 70px;
    padding: 1rem;
    -webkit-background: linear-gradient(309deg, #5091c3, #9f84dd);
    background: linear-gradient(309deg, #5091c3, #9f84dd);
    color: #fff;
    border-radius: 5px;
}

body .login-form .login-btn-wrap {
    margin-top: 2.5rem;
}

body .login-form .login-btn-wrap a[class*="login-btn__"] {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

body .login-form .login-btn-wrap a[class*="login-btn__"]>span {
    display: block;
    width: 100%;
    font-weight: 500;
}

/* after login */
.page-sub-after-login-catalogue .board-wrap .gallery-list figure a figcaption {
    background-color: transparent;
}

.page-sub-after-login-catalogue .board-wrap .gallery-list .gallery-detail {
    display: none;
}

/* board-btn-down-print */
.board-btn-down-print-wrap {
    text-align: right;
}

/* .board-btn-down-print-wrap:after {
    content: '';
    display: block;
    clear: both;
} */
.board-btn-down-print-wrap__btn-wrap {
    margin-bottom: 1rem;
}

.board-btn-down-print-wrap__btn-el {
    display: inline-block;
}

.board-btn-down-print-wrap__btn-el a {
    display: block;
}

.board-btn-down-print-wrap__btn-el .ico-wrap {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 0;
    color: transparent;
}

.board-btn-down-print-wrap__btn-el .ico-wrap i.ico {
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
}

.board-btn-down-print-wrap__btn-el .ico-wrap.ico-down {
    background-image: url('/html/_skin/seil/img/common/ico_download_circle.png');
}

.board-btn-down-print-wrap__btn-el .ico-wrap.ico-print {
    background-image: url('/html/_skin/seil/img/common/ico_print_circle.png');
}

.board-view-file .board-btn-down-print-wrap__btn-el {
    margin-right: .25rem;
}

.board-view-file .board-btn-down-print-wrap__btn-el,
.board-view-file .board-btn-down-print-wrap__btn-el+p,
.board-btn__file--name-size strong,
.board-btn__file--name-size strong+span {
    display: inline-block;
    vertical-align: middle;
}