@charset "utf-8";

.login_auto {
    position: absolute;
    left: 28px;
    top: 70px;
}

.msg_sound_only, .sound_only {
     display: inline-block !important; 
     position: absolute; 
     top: 0; 
     left: 0; 
     margin: 0 !important; 
     padding: 0 !important; 
     font-size: 0; 
     line-height: 0; 
     border: 0 !important; 
     overflow: hidden !important; 
}

@media (max-width: 450px) {

    .ol_id, .ol_pw {
        display: inline-block;
        width: 175px;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
        border: 1px solid #dedede;
        border-bottom: none;
        background: #fff;
        font-size: 12px;
    }

    .ol_id, .ol_pw {
        display: inline-block;
        width: 255px;
        height: 30px;
        line-height: 28px;
        padding: 5px;
        border: 1px solid #dedede;
        border-bottom: none;
        background: #fff;
        font-size: 18px;
    }

    #ol_auto label {
        font-size: 17px;
        letter-spacing: -0.1em;
        color: #7d7d7d;
        margin-top: 5px;
        margin-left: 10px;
    }

    #login_auto_login {
        margin-top: 10px;
    }


    #ol_svc {
        position: absolute;
        right: -60px;
        top: 64px;
    }

        #ol_svc a {
            font-size: 17px;
            color: #7d7d7d;
            text-decoration: none;
        }

    #ol_submit {
        position: absolute;
        left: 260px;
        right: 0;
        top: 0px;
        display: inline-block;
        width: 97px;
        height: 59px;
        border: 1px solid #d3d3d3;
        background: #fff;
        font-size: 17px;
        font-weight: bold;
        vertical-align: top;
    }
}

@media (min-width: 450px) {

    .ol_id, .ol_pw {
        display: inline-block;
        width: 175px;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
        border: 1px solid #dedede;
        border-bottom: none;
        background: #fff;
        font-size: 12px;
    }


    #ol_auto {
        margin: 9px 10px 0
    }

        #ol_auto:after {
            display: block;
            visibility: hidden;
            clear: both;
            content: "";
        }

        #ol_auto label {
            font-size: 12px;
            letter-spacing: -0.1em;
            color: #7d7d7d;
            margin-top: 5px;
            margin-left: 10px;
        }

        #ol_auto input {
            width: 13px;
            height: 13px;
            vertical-align: bottom;
            margin-top:7px;
        }


    #ol_svc {
        position: absolute;
        right: 0;
        top: 69px;
    }

        #ol_svc a {
            font-size: 12px;
            color: #7d7d7d;
            text-decoration: none;
            letter-spacing: -0.1em;
        }

            #ol_svc a:hover {
                color: #FF3397;
            }


    #ol_submit {
        position: absolute;
        right: 0;
        top: 5px;
        display: inline-block;
        width: 89px;
        height: 56px;
        border: 1px solid #d3d3d3;
        background: #fff;
        font-size: 12px;
        font-weight: bold;
        vertical-align: top;
    }
}


#navbarDropdownMenuLink, .nav-link, .dropdown-item {
    /*font-size: 15px;*/
    color: #000;
    font-weight: bold;
}

/* 접근성 */
#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}



/* tnb */
#tnb {
    display: block;
    background: #f7f7f7;
    border: 1px solid #e8e3ec;
    /*width: 301px;*/
    /* height: 152px; */
    /*margin: 10px;*/
}

    #tnb:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    #tnb h3 {
        position: absolute;
        font-size: 0;
        line-height: 0;
        overflow: hidden;
    }

.tnb-login {
    padding: 10px 10px 5px;
}

    .tnb-login h2 {
        position: absolute;
        font-size: 0;
        line-height: 0;
        overflow: hidden;
    }

.tnb-login-on:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.tnb-login:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

/* tnb 아웃로그인 */
#ol_before fieldset {
    position: relative;
    width: 278px;
    height: 78px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    /*border-bottom: 1px dashed #d3d3d3*/
}


.ol_idlabel {
    position: absolute;
    top: 6px;
    left: 5px;
    color: #333;
    font-size: 12px;
}


.ol_pwlabel {
    position: absolute;
    top: 35px;
    left: 5px;
    color: #333;
    font-size: 12px;
}

#auto_login {
}

#auto_login_label {
    letter-spacing: -0.1em;
}






#ol_password_lost {
    display: inline-block;
    margin: 0 0 0 5px;
}

.tnb-login-on {
    color: #757575;
    position: relative;
}

    .tnb-login-on ul li {
        list-style: none;
    }

    .tnb-login-on ul:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    .tnb-login-on .item {
        position: relative;
        padding: 10px;
        height: 36px;
        line-height: 26px;
    }

    .tnb-login-on .tnb_member_info {
        height: 80px;
    }

    .tnb-login-on .sir_mb_img {
        display: inline-block;
        width: 60px;
        height: 60px;
        border: 1px solid #dcdcdc;
        background: url('../img/common/icon.png') -440px 0;
        vertical-align: middle;
    }

    .tnb-login-on a, .tnb-login-on a:hover {
        color: #757575 !important;
        text-decoration: none;
    }

    .tnb-login-on li:hover a {
        color: #ff7f50;
    }

    .tnb-login-on .tnb_member_info li {
        position: absolute;
    }

        .tnb-login-on .tnb_member_info li.mb-img {
            /*top: 20px;*/
            left: 15px;
        }

        .tnb-login-on .tnb_member_info li.mb-nick {
            top: 0px;
            left: 90px;
        }

        .tnb-login-on .tnb_member_info li.mb-point {
            top: 25px;
            left: 90px;
        }

            .tnb-login-on .tnb_member_info li.mb-point span {
                color: #ff7f50;
            }

        .tnb-login-on .tnb_member_info li.mb-lv {
            top: 45px;
            left: 90px;
            font-size: 13px;
        }

            .tnb-login-on .tnb_member_info li.mb-lv span {
                color: #ff7f50;
            }

        .tnb-login-on .tnb_member_info li.mb-info {
            top: 45px;
            left: 140px;
            margin-left: 5px;
            padding-right: 20px;
            color: #d3d3d3;
        }

        .tnb-login-on .tnb_member_info li.mb-admin {
            top: 15px;
            right: 10px;
        }

        .tnb-login-on .tnb_member_info li.mb-logout {
            top: 45px;
            right: 10px;
        }

    .tnb-login-on .tnb_member_info .nick {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        word-wrap: normal; /*overflow:hidden*/
    }

    .tnb-login-on .tnb_member_info .name_btn {
        margin: 0;
        padding: 0;
        line-height: 1em;
        color: #757575;
        text-align: left;
        background: none;
    }

    .tnb-login-on .tnb_member_info .fa {
        width: 12px;
        height: 12px;
        font-size: 1.2rem;
        text-align: center;
    }

    .tnb-login-on .logout {
        display: inline-block;
        padding: 0 7px;
        height: 24px;
        line-height: 24px;
        border: 1px solid #bebebe;
        font-weight: bold;
    }

        .tnb-login-on .logout:hover {
            background: #f1f1f1;
            color: #ff7f50;
        }