@charset "utf-8";
.bg_gray_boxshadow_slope {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}
.form-group {
    margin-bottom: 1rem;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

	.input-group-text {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding: .375rem .75rem;
		margin-bottom: 0;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		text-align: center;
		white-space: nowrap;
		background-color: #e9ecef;
		border: 1px solid #ced4da;
		border-radius: .25rem;
	}
	.widget_outlogin_wrap .info {
		border-top: 1px solid #e5e5e5;
		padding: 2px 8px;
		background-color: #f7f7f7;
		font-size: 13px;
	}

	.widget_outlogin_wrap .info .red {
		color: rgb(233, 27, 35);
	}

	.widget_outlogin_wrap .exp {
		background: #fff;
		border-top: 1px solid #e5e5e5;
		padding: 0px 3px;
	}

	.widget_outlogin_wrap .exp .at-tip {
		padding: 10px 42px 10px 50px;
	}

	.tooltip .tooltip-inner span.widget_outlogin_tooltip {
		font-size: 12px !important;
	}

	.widget_outlogin_wrap .mb_signature {
		border-radius: 50px;
		color: #929292;
		background: #fff;
		box-shadow: 0px 1px 3px #00000024;
		font-size: 12px;
		padding: 1px 10px 0;
		*letter-spacing: -1px;
	}

	.widget_outlogin_wrap .login_menu:after {
		content: '';
		display: block;
		clear: both;
	}

	.widget_outlogin_wrap .login_menu {
		background: #fff;
		border-top: 1px solid #e5e5e5;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.widget_outlogin_wrap .login_menu>li {
		position: relative;
		float: left;
		width: 20%;
		height: 55px;
		border-left: 1px solid #e5e5e5;
	}

	.widget_outlogin_wrap .login_menu>li:first-child {
		border-left: none;
	}

	.widget_outlogin_wrap .login_menu>li>a {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding-top: 15px;
	}

	.widget_outlogin_wrap .login_menu .badge {
		position: absolute;
		top: 6px;
		right: 6px;
		display: inline-block;
		min-width: 10px;
		padding: 4px 6px 3px;
		font-size: 11px;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		background-color: #777;
		border-radius: 10px;
	}



/* 사이드 아웃로그인 */
.widget_outlogin_wrap {padding:10px 10px 0; border-radius:5px 5px 10px 10px;}
[data-theme="dark"] .widget_outlogin_wrap {color:#999;}
/*.widget_outlogin_wrap:after {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#db3232;}*/
.widget_outlogin_wrap .form-control {height:calc(1.5em + 1.2rem + 2px); padding:0.6rem 0.75rem;}
[data-theme="dark"] .widget_outlogin_wrap .form-control { border-radius:0px !important;}
.widget_outlogin_wrap #outlogin_mb_id,
.widget_outlogin_wrap #outlogin_mb_password {}
.widget_outlogin_wrap #outlogin_mb_id::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-webkit-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::-ms-input-placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_id::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #outlogin_mb_password::placeholder {color:#b2b2b2; opacity:1;}
.widget_outlogin_wrap #btn_login {font-weight:bold; border-radius:8px; padding-top:9px; padding-bottom:7px;}
.widget_outlogin_wrap .custom-switch .custom-control-label::before {background-color:#ffba00; border:0; width:40px; height:22px; border-radius:22px !important; left:0px; margin-top:-2px !important;}
.widget_outlogin_wrap .custom-switch .custom-control-label::after {background-color:#fff; width:16px !important; height:16px !important; border-radius:50% !important; top:6px !important; margin-top:-2px !important; transition:left .15s;}
.custom-switch .custom-control-input:checked~.custom-control-label::after {left:-45px !important; transform:unset !important; transition:left .15s;}

.widget_outlogin_wrap .custom-switch .custom-control-label span {display:inline-block; vertical-align:middle !important; font-size:12px; color:#999; margin-top:1px;}
.widget_outlogin_wrap .na-dot {display:inline-block; vertical-align:middle !important; margin:0 2px;}
.widget_outlogin_wrap .icon_user {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('../img/icon_user.png') no-repeat; width:13px; height:15px; z-index:3;}
.widget_outlogin_wrap .icon_password {position:absolute; top:50%; transform:translateY(-50%); left:18px; background:url('../img/icon_password.png') no-repeat; width:14px; height:19px; z-index:3;}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
	border:1px solid #888;
}

.float-left {
    float: left!important;
}
.float-right {
    float: right!important;
}
.na-bar {
    display: inline-block;
    width: 1px;
    height: 1.0rem;
    margin: -1px 0.15rem 0;
    background: #aaa;
    vertical-align: middle !important;
}
.custom-control input[type=radio], input[type=checkbox] {
    margin: 0;
}

.widget_outlogin_wrap .input-group .required {
	background:none !important;
}
.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.w-100 {
    width: 100%!important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.sv_wrap {
    position: relative;
    font-weight: normal;
}
.hide-photo .profile_img {
    display: none;
}