/* 초기화 */
body {
	width:100%;
	height:100%;
}
html {
	height:100%;
	    overflow-y: scroll;
}

/* Login & Register */
#login_wrapper {
	position:relative;
	width:100%;
	height:100%;
	display:table;
	background:#edeced;
}
#login_wrapper::after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:50%;
	background-image:url('../img/loginbg.png');
	background-size:cover;
	background-position:47% ​cente;
	background-repeat:no-repeat;
}
.login-container .box-login {
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 400px;
    margin-top: -180px;
    margin-left: -200px;
    position: absolute;
}
.login-container .box-register {
	left:50%;
	top:100px;
	width:600px;
	margin-left:-300px;
	position:absolute;
	margin-bottom:50px;
}
.login-container .box-block {
	background:#fff;
	padding:25px 25px 30px;
	border:0px currentColor;
	border-image:none;
	overflow:hidden;
	box-shadow:0px 1px 8px rgb(0 0 0 / 20%);
	border-radius: 10px;
	border-top: 5px solid #5dff49;
}
.login-container .box-block .header {
			border-bottom-color:#ddd;
		border-bottom-width:1px;
		border-bottom-style:solid;
}
.login-container header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	padding:15px 20px;
}
.login-container header img {
	max-width:150px;
	height:auto;
}
.login-container .header-logo img {
	max-width:230px;
	height:auto;
	margin:20px auto;
	display:block;
}
.login-container footer {
	font-family:"Open Sans",sans-serif;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	padding:15px 10px;
	font-size:11px;
}
.login-container .box-block .header h3 {
		margin:0px;
		line-height:35px;
		font-size:1.3em;
		font-weight:600;
}
.login-container .box-block .content {
	padding:0 0 5px;
}
.login-container .box-block .content .form-control {
	padding:10px 8px;
		height:auto;
		width:100%;
		background:#f7f7f7;
		border:1px solid #ddd;
		box-shadow:none;
}
.login-container .box-block .content .form-group {
	margin-bottom:10px;
}
.login-container .box-block .content .title {
	margin-top:0px;
	margin-bottom:20px;
}
.login-container .box-block .foot {
	padding:0px 0 15px;
	text-align:right;
}
.login-container .box-block .foot .btn {
	width:100%;
	border-radius:50px;
	color:#fff;
	padding:10px;
}
.login-container .box-block .input-group-addon {
	background:transparent;
	position:absolute;
	right:0;
	top:5px;
	z-index:1;
}
.login-container .box-links {
	padding-right:3px;
}
.login-container .box-links a {
	color:rgb(201,212,246);
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
}
.login-container .form-group {
	margin-top:10px;
}
.login-container .form-control {
	padding:6px 8px;
	border-radius:1px;
	font-size:12px;
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-border-radius:1px;
}
.login-container .input-group .btn {
	margin:0px 0px 0px -1px !important;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	box-shadow:none;
}
.login-container .input-group-btn>.btn+.btn {
	margin-left:-5px !important;
}
.login-container .input-group-lg>.input-group-addon {
	border-radius:3px 0px 0px 3px;
	line-height:0.33;
	-webkit-border-radius:3px 0 0 3px;
}
.login-container .input-group-addon {
	padding:6px 11px;
	border-radius:2px;
	-webkit-border-radius:2px;
}
.login-container .form-control:focus {
	border-color:rgb(37,152,249);
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.05);
}
.login-container select.form-control {
	padding:6px 8px;
}
.login-container textarea.form-control {
	padding:6px 8px;
}
.login-container .input-group {
	margin-bottom:0;
	position:relative;
}
.login-container input[type="checkbox"] {
		display:none
}
.login-container input[type="checkbox"]:checked+label {
		background:url('../img/checkon.png') no-repeat 0px center;
}
.login-container input[type="checkbox"].readonly+label {
		background:url('../img/checkread.png') no-repeat 0px center;
}
.login-container input[type="checkbox"]+label {
		cursor:pointer;
		background:url('../img/checkoff.png') no-repeat 0px center;
		-webkit-transition:all 0.3s ease-out;
		-moz-transition:all 0.3s ease-out;
		-ms-transition:all 0.3s ease-out;
		-o-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out;
		display:inline-block;
		padding:3px 0px 3px 26px;
		text-align:left;
		text-transform: capitalize;
}


.login-container .box-login {
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 360px;
    margin-top: -180px;
    margin-left: -180px;
    position: absolute;
}

@media (max-width: 991px) {
	.login-container .box-login {
		width:360px;
		margin-left:-180px;
	}
}


.editor_area {width:100%;height:320px;}

.box-list {padding:8px 10px;border:1px solid #ddd;display: block;margin-bottom:-1px;}

.fc-body {background:#fff}
th.fc-widget-header {padding:5px 0}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}
.fc-button-primary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fc-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fc-button-primary:not(:disabled):active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.add-work-list table * {text-align:center}
.add-work-list table tr td.control,
.add-work-list table tr.last th,
.add-work-list table tr.last td{border-bottom:1px solid #8d90a9}

.fc-event, .fc-event-dot {
    background-color: #d6e8ff;
}
.fc-event {
    border: 1px solid #cbd8e5;
}
.select-oncal {
    width: 140px;
    position: absolute;
    height: 0;
    left: 5px;
    top: 36px;
}


.withselect .fc-toolbar.fc-header-toolbar {
    margin-bottom: 3em;
}

.fc-button {
    padding: 0.3em 0.65em 0.4em;
}

@media (min-width: 992px) {
	.fc-event{
		font-size: .95em;
	}
}


	.box {border:1px solid #ddd;padding:5px;}
	.card.bright .card-header {
		background-color: #c1c7e7;
		border-top: 0;
	}
	.card.bright .card-title {
		margin: 0;
		color: #000;
		text-shadow: none;
	}


	.mobile-input-wrap {
		background:url(../img/smartphone_bg.png) center center;width:350px;height:590px;
		background-size:cover;
		margin:0 auto;
		position: relative;
	}
	.mobile-input-wrap .text-area{
	height: 471px;
    width: 218px;
    position: absolute;
    left: 31px;
    top: 43px;
}
	.mobile-input-wrap .text-area textarea{
		display:block;
		margin:0 auto;
		width:100%;
		height:100%;
		padding:20px;
		line-height:1.5;
		font-size:1.5em;
		border:0;
		background:transparent
	}


	.coming- {padding:2% 0 }
	.coming- img{margin:10px auto;max-width:100%;display: block;}