@charset "utf-8";

/* 아웃로그인 스킨 */
/* 공통*/
.mbol{text-align:center;border:1px solid #DAE1E6;border-radius:3px 3px 0 0;}
/*before*/
.mbol_before{}
.mbol_be_cate{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom: 10px;}
.mbol_be_cate>* {width:100%;line-height:45px;background:#bac5cf;font-size:14px;color:#fff;font-weight:normal;border-bottom:1px solid #DAE1E6;margin-top: 0;margin-bottom: 0;}
.mbol_be_cate>.on{background: #fff;color:#a4aeb7;}
.mbol_be_cate>*:first-child{border-right: 1px solid #DAE1E6; border-radius: 5px 0 0 0;}
.mbol_be_cate>*:last-child{border-radius: 0 2px 0 0;}
fieldset#mbol_cont{padding: 10px;}
fieldset#mbol_cont input{width:100%;height:40px;border:1px solid #DAE1E6;padding:0 20px;background:#F2F4F6;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
fieldset#mbol_cont #mbol_id{border-bottom: 0;border-radius:3px 3px 0 0;}
fieldset#mbol_cont #mbol_pw{border-radius:0 0 3px 3px;}
fieldset#mbol_cont .btn_submit{width:100%;height:40px;background:#bac5cf;color:#ffffff;font-size:14px;border-radius:3px;text-align:center;line-height:40px}
fieldset#mbol_cont #mbol_auto {text-align: left;margin: 10px 0;}
fieldset#mbol_cont #auto_login_label i{font-size: 20px;vertical-align: bottom;padding-right: 5px;}
.mbol_auto_wr{position: relative;}
.mbol_auto_wr #mbol_svc{font-size: 12px;padding: 20px 0;}

/*after*/
.mbol_after{font-size: 14px;}
header.mbol_after_hd{display: inline-block;border-bottom: 1px solid #DAE1E6;width: 100%;}
.mbol_after_hdinner{padding:20px 15px;}
.mbol_after_hdinner>h2{}
.mbol_after_hdinner >.profile_img{display: none;}
.mbol_after_hdinner>.mbol_info{clear: both;overflow: hidden;}
.mbol_after_hdinner>.mbol_info>span{float: left;font-size: 12px; color:#a4aeb7;line-height: 20px;}
.mbol_after_hdinner>.mbol_info>.mbol_nick{font-weight: 600;font-size: 15px;color: #6A6A6A;padding-right: 5px;}
.mbol_mbmod{overflow: hidden;}
.mbol_mbmod>span{float: right;font-size: 14px;}
.mbol_mbmod>span:first-child,.mbol_mbmod>span>a{color:#9aa0a7;}
.mbol_mbmod>span:first-child{float: left;}
.mbol_mbmod>span>a{font-weight: 600;color: #428bca;}
.mbol_mbmod>span>a#mbol_admin{padding-right: 5px; color:#ff710c;}

.mbol_after_private{border-bottom: 1px solid #DAE1E6;}
.mbol_after_private>ul{overflow: hidden;padding:20px 15px;}
.mbol_after_private>ul>li{float: left;padding-right: 15px;color: #ccc}
.mbol_after_private>ul>li:first-child{width: 100%;clear: both;text-align: left;font-weight: 600;color: #909090;line-height: 30px;}
.mbol_after_private>ul>li>a{padding:10px 0;}
.mbol_after_private>ul>li>a>i{padding-right: 5px;font-size: 15px;color: #737373;}
.mbol_after_private>ul>li>a>strong{color: #afafaf;}
.mbol_after_private>ul>li>a:hover>i{color:#353535;}
.mbol_after_private>ul>li>a:hover>strong{color:#4092E9;}
.mbol_after_logout{text-align: left;}
.mbol_after_logout>a{width:100%;color:#6A6A6A;display: block; padding:10px 15px;}
.mbol_after_logout>a:hover{background-color: #6A6A6A; color:#fff;}

#visit{}
#visit>div{border-bottom: 1px solid #DAE1E6;display: block;overflow: hidden;padding: 5px 15px;}
#visit>div>ul{margin: 0;}
#visit>div>ul>li{margin-right: 10px;overflow: hidden;float: left;}
#visit>div>ul>li>span{}
.ol .login-sns{padding-bottom:0px}



.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.mbol_before .chk_box {position:relative}
.mbol_before .chk_box input[type="checkbox"] + label {color:#bac5cf}
.mbol_before .chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.mbol_before .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:none;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.mbol_before .chk_box input[type="checkbox"]:checked + label {color:#4983d6}
.mbol_before .chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}


/*modal*/
.modal-body{padding: 0;}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}