@charset "utf-8";

/* layout */
#header .nav_top > li {
	float: left;
	position: relative
}

#header .nav_top > li > a {
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 34px;
	padding: 5px 20px;
	color: #b7b7b7;
	line-height: 1.1rem;
	text-align: center;
	font-size: 14px;
	cursor: pointer
}

#header .nav_top > li > a:hover {
	color: #2739c1
}

#header .nav_top > .on > a {
	color: #363636;
	line-height: 16px;
	font-size: 16px
}

#header .snb {
	position: absolute;
	top: 12px;
	right: 32px
}

#header .snb .username {
	display: inline-block;
	margin: 20px 0 5px
}

#header .nav_top > li .txt {
	display: -ms-flex;
	display: flex;
	align-items: center;
	height: 34px;
	padding: 5px 20px;
	color: #b7b7b7;
	line-height: 1.1rem;
	text-align: center;
	font-size: 14px;
	cursor: pointer
}

#header .nav_top > li .txt:hover {
	color: #2739c1
}

#header .nav_top > .on .txt {
	color: #363636;
	line-height: 16px;
	font-size: 16px
}

#header .nav_top_2depth {
	display: none;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 10;
	background: #fff
}

#header .nav_top_2depth.on {
	display: block;
	animation: fade-in 0.3s ease 1, move-up 0.3s ease-out 1
}

#header .nav_top_2depth .ico_triangle {
	position: absolute;
	top: -9px;
	left: 28px;
	width: 20px;
	height: 20px;
	border-top-right-radius: 20%;
	background: #fff;
	transform: rotate(-34deg) skewX(21deg) scale(1, .9)
}

#header .nav_top_2depth ul {
	width: 250px;
	padding: 20px 0;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 15px 1px rgba(69, 65, 78, .2);
	box-sizing: border-box
}

#header .nav_top_2depth .on a, #header .nav_top_2depth .on button {
	color: #676c7b
}

#header .nav_top_2depth a, #header .nav_top_2depth button {
	display: block;
	padding: 10px 30px;
	color: #b7b7b7;
	font-size: 14px;
	line-height: 1.1rem
}

#header .nav_top_2depth a:hover, #header .nav_top_2depth button:hover {
	color: #2739c1
}

#header .logo_wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 150px;
	height: 100%;
	background: #01348b
}

#header .logo_wrap img {
	display: block;
	width: 90%;
	margin: 10px auto;
}

#header .logo_wrap .logo_SNUH {
	width: 104px;
	margin: 16px auto
}

#header .logo_wrap .logo_GGH {
	margin: 37px auto
}

#aside .nav_left a {
	height: auto;
	color: #fff;
	line-height: 1.1rem
}

#aside .nav_left i {
	font-size: 30px
}

#aside .nav_left .on i {
	color: #1E88E5
}

.section .btn_head_top {
	margin-bottom: 20px
}


@keyframes fade-in {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes move-up {
	from {
		margin-top: 10px
	}
	to {
		margin-top: 0
	}
}

/* tagsinput */
.auto-select .tagclass {
	display: inline-block;
	width: 75px;
	margin-right: 3px
}

.auto-select .tagclass input {
	width: 75px
}

.auto-select .tagclass #tag-input-0 {
	width: 50px !important;
	overflow: hidden
}

.project-wrt-wrap .tagclass {
	display: inline-block
}

.project-wrt-wrap .tagclass input {
	width: auto
}

.tag-ctn {
	position: relative;
	height: 31px;
	padding: 0;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #acacac;
	cursor: default;
	display: block;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.tag-ctn-invalid {
	border: 1px solid #acacac
}

.tag-ctn-readonly {
	cursor: pointer
}

.tag-ctn-disabled {
	cursor: not-allowed;
	background-color: #c9ecf9
}

.tag-ctn input {
	border: 0;
	box-shadow: none;
	-webkit-transition: none;
	outline: none;
	border-radius: 0;
	float: left;
	display: block;
	padding: 4px 6px;
	line-height: normal;
	overflow: hidden;
	height: auto;
	margin: 2px 0 2px 2px;
	background-color: #fff
}

.tag-ctn-disabled input {
	cursor: not-allowed;
	background-color: #c9ecf9;
}

.tag-ctn .tag-input-readonly {
	cursor: pointer
}

.tag-ctn .tag-empty-text {
	color: #DDD
}

.tag-ctn input:focus {
	border: 0;
	box-shadow: none;
	-webkit-transition: none;
	background: #FFF
}

.tag-ctn .tag-trigger {
	float: right;
	width: 27px;
	height: 100%;
	position: absolute;
	right: 0;
	z-index: 5;
	margin-right: 2px;
	border-left: none;
	background: #fff;
	cursor: pointer
}

.tag-ctn .tag-trigger .tag-trigger-ico {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid gray;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	margin-left: 9px;
	margin-top: 13px
}

.tag-ctn .tag-trigger:hover {
	/** background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3)); **/
}

.tag-ctn .tag-trigger:hover .tag-trigger-ico {
	background-position: 0 -4px
}

.tag-ctn-disabled .tag-trigger {
	cursor: not-allowed;
	background-color: #c9ecf9
}

.tag-ctn-bootstrap-focus {
	border-bottom: 1px solid #acacac
}

.tag-res-ctn {
	position: relative;
	background: #FFF;
	overflow-y: auto;
	z-index: 9999;
	border: 1px solid #acacac;
	left: -1px;
	border-top: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.tag-res-ctn .tag-res-group {
	line-height: 23px;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
	border-bottom: 1px dotted #acacac;
	border-top: 1px solid #acacac;
	background: #f3edff;
	color: #333
}

.tag-res-ctn .tag-res-item {
	line-height: 25px;
	text-align: left;
	padding: 2px 5px;
	color: #666;
	cursor: pointer
}

.tag-res-ctn .tag-res-item-grouped {
	padding-left: 15px
}

.tag-res-ctn .tag-res-odd {
	background: #fff
}

.tag-res-ctn .tag-res-item-active {
	background-color: #1b6fa7;
	font-size: 12px;
	color: #fff
}

.tag-sel-ctn {
	overflow: auto;
	position: relative;
	line-height: 22px;
	padding-right: 27px
}

.tag-sel-ctn .tag-sel-item {
	background: #c9ecf9;
	color: #666666;
	float: left;
	font-size: 11px;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 5px;
	margin-bottom: 4px;
	border: 1px solid #95c7da
}

.tag-sel-ctn .tag-sel-text {
	background: #FFF;
	color: #666;
	padding-right: 0;
	margin-left: 0;
	font-size: 12px;
	font-weight: normal
}

.tag-res-ctn .tag-res-item em {
	font-style: normal;
	background: none
}

.tag-sel-ctn .tag-sel-item:hover {
	background: #c9ecf9
}

.tag-sel-ctn .tag-sel-text:hover {
	background: #FFF
}

.tag-sel-ctn .tag-sel-item-active {
	border: 1px solid #F3F3F3;
	background: #c9ecf9
}

.tag-ctn .tag-sel-ctn .tag-sel-item {
	margin-top: 3px
}

.tag-stacked .tag-sel-item {
	float: inherit
}

.tag-sel-ctn .tag-sel-item .tag-close-btn {
	width: 7px;
	cursor: pointer;
	height: 7px;
	float: right;
	margin: 8px 2px 0 10px;
	background-image: url("../images/tab_close.png")
}

.tag-sel-ctn .tag-sel-item .tag-close-btn:hover {
	background-position: 0 -7px
}

.tag-helper {
	display: none
}

.auto-select .tagclass .tag-trigger {
	display: none
}

.auto-select .tagclass .tag-sel-ctn {
	overflow: hidden;
	height: 28px;
	padding-right: 2px
}

.view-type .tag-res-ctn {
	position: absolute
}

/* datepicker */

.ui-datepicker {
	display: none;
	width: 245px;
	padding: 10px;
	border: 1px solid #f4f5f8;
	background: #fff;
	color: #333;
	box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2)
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	color: #333;
	font-weight: bold
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 7px;
	width: 6px;
	height: 9px;
	padding: 5px;
	cursor: pointer
}

.ui-datepicker .ui-datepicker-prev {
	left: 20px;
	background: url("../images/ico_prev.png") no-repeat 50% 50%
}

.ui-datepicker .ui-datepicker-next {
	right: 20px;
	background: url("../images/ico_next.png") no-repeat 50% 50%
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker a {
	color: #333
}

.ui-datepicker .ui-datepicker-title {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	font-weight: normal;
	cursor: default
}

.ui-datepicker .ui-datepicker-title select {
	outline: none
}

.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
	margin: 0 5px
}

.ui-datepicker select.ui-datepicker-year {
	width: 70px
}

.ui-datepicker select.ui-datepicker-month {
	width: 60px
}

.ui-datepicker table {
	width: 100%;
	margin-top: 17px;
	border-collapse: collapse
}

.ui-datepicker th, .ui-datepicker td {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 3px;
	color: #575962;
	text-align: center
}

.ui-datepicker th {
	font-weight: bold
}

.ui-datepicker td {
	cursor: pointer
}

.ui-datepicker td:hover {
	background: #EBEDF2
}

.ui-datepicker .ui-datepicker-today {
	position: relative
}

.ui-datepicker .ui-datepicker-today, .ui-datepicker .ui-datepicker-today:hover {
	background: #828ee6;
	color: #fff
}

.ui-datepicker .ui-datepicker-today a {
	color: #fff
}

.ui-datepicker .ui-datepicker-today:before {
	display: inline-block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	border: solid transparent;
	border-width: 0 0 7px 7px;
	border-bottom-color: #fff;
	border-top-color: rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	content: ''
}

.ui-datepicker .ui-datepicker-current-day, .ui-datepicker .ui-datepicker-current-day:hover {
	background: #5E65DB;
	color: #fff
}

.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}

.ui-datepicker .ui-datepicker-other-month:hover {
	background: none;
	cursor: default
}

.ui-datepicker .ui-icon {
	display: block;
	overflow: hidden;
	left: .5em;
	top: .3em;
	text-indent: -99999px;
	background-repeat: no-repeat
}

.ui-datepicker.ui-monthpicker {
	width: 190px
}

.ui-datepicker.ui-monthpicker table {
	margin-top: 5px
}

.ui-datepicker.ui-monthpicker td {
	height: 40px
}

.ui-datepicker.ui-monthpicker .ui-state-default {
	font-size: 14px
}

.ui-datepicker.ui-monthpicker .ui-datepicker-today {
	background: #5E65DB;
	color: #fff
}

.ui-datepicker.ui-monthpicker .ui-datepicker-today:before {
	display: none
}

/* daterangepicker */
.daterangepicker {
	display: inline-block
}

.daterangepicker_close {
	display: inline-block
}

.daterangepicker .txt_daterange {
	display: inline-block;
	margin-top: 6px
}

#login {
	background: #fff
}

#login #container {
	display: table;
	width: 100%;
	padding: 0
}

#login .content {
	display: table-row;
	padding: 0
}

#login .cont {
	display: table-cell
}

#login .cont.left {
	width: 40%;
	padding: 85px 0 85px 0;
}

#login .cont.left .main_logo img {
	display: block;
	margin: 0 auto
}

#login .cont.left .main_logo .hyumc_logo_img {
	width: 250px
}

#login .cont.left .title {
	display: block;
	margin-top: 50px;
	letter-spacing: -1px;
	text-align: center;
	font-size: 20px
}

#login .login_box {
	width: 410px;
	margin: 60px auto 0
}

#login .login_box input[type="text"], #login .login_box input[type="password"] {
	width: 100%;
	padding: 10px;
	border: 0;
	box-sizing: border-box
}

#login .login_box .inp_list li:last-child {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ebedf2
}

#login .idpw_box {
	position: relative;
	margin-top: 30px
}

#login .idpw_box .msg {
	display: none;
	margin-top: 8px;
	color: #F4516C;
	line-height: 1.2rem;
	font-size: 15px;
	font-weight: bold
}

#login .idpw_box .msg.on {
	display: block
}

#login .link_pw {
	position: absolute;
	top: 0;
	right: 0;
	color: #716aca
}

#login .cont.right {
	overflow: hidden;
	position: relative;
	width: 60%;
	height: 100vh
}

#login .cont.right .comt_box {
	position: absolute;
	top: 350px;
	left: 120px;
	z-index: 10
}

#login .cont.right p {
	color: #000
}

#login .cont.right .tit {
	font-size: 40px
}

#login .cont.right .txt {
	margin-top: 35px;
	line-height: 1.4em
}

#login .btn_base.blue {
	display: block;
	width: 94px
}

#login .cont_imgs {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

#login .cont_imgs .bg {
	width: auto;
	height: 100%;
}

#login .cont.left .comt_box {
	margin-top: 50px;
	line-height: 20px;
	font-size: 11px
}


/* login common */
#login #wrap {
	height: 100%
}

#wrap .login_container {
	padding: 0;
	height: 100%
}

#login .login_box .field_box {
	height: 50px;
	box-sizing: border-box;
}

#login .login_box .btn_login span {
	font-size: 18px;
	letter-spacing: -1px;
}

#login .login_box .lb_box {
	height: auto;
	margin-left: 0;
	padding-left: 29px;
}

#login .login_box .txt_label {
	color: #008ccf;
	font-size: 18px;
	line-height: 1.5rem;
}

#login .login_box .mark {
	width: 20px;
	height: 20px;
}

#login .login_box .btn_login {
	width: 207px;
	height: 50px;
	background-color: #008ccf;
	border: 1px solid #008ccf;
}

#login .btn_login .arrow {
	margin-right: 15px;
}

/* login_a */
#login .login_a {
	overflow: hidden;
	height: 100%;
	background-color: #b7dbf4;
}

#login .login_a .login_box {
	position: relative;
	width: 974px;
	height: 689px;
	margin: 145px auto 0;
	padding: 82px 75px 0 364px;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 10px 0 rgb(78 78 78 / 75%);
	-webkit-box-shadow: 0 0 10px rgb(78 78 78 / 75%);
	box-shadow: 0 0 10px 0 rgb(78 78 78 / 75%);
}

#login .login_a .login_box .tit {
	color: #0f3f6f;
	font-size: 33px;
	font-weight: 500;
	letter-spacing: -1px;
}

#login .login_a .login_box .box_txt {
	margin: 72px 15px 48px 10px;
	color: #737373;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -1px;
}

#login .login_a .login_inp_list {
	padding: 0 10px;
}

#login .login_a .login_inp_list li:first-child {
	margin-bottom: 30px;
}

#login .login_a .login_inp_list input {
	width: 100%;
	height: 50px;
	padding-left: 32px;
	font-size: 18px;
	background-color: #f0f1f4;
	border: 1px solid #f0f1f4;
	border-radius: 5px;
	box-sizing: border-box;
}

#login .login_a .login_inp_list input::placeholder {
	color: #a3a4a4;
}

#login .login_a .login_box .field_box {
	margin: 30px 10px 0 10px;
}

#login .login_a .login_box .lb_box .txt_label {
	color: #003888;
}

#login .login_a .login_box .copyright {
	position: absolute;
	right: 75px;
	bottom: 85px;
	font-size: 14px;
	letter-spacing: -1px;
}

#login .login_a .left_box {
	position: absolute;
	top: 55px;
	left: -145px;
	width: 450px;
	height: 578px;
	padding: 30px 23px 53px;
	background-color: #003a8c;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 10px 0 rgb(78 78 78 / 75%);
	-webkit-box-shadow: 0 0 10px rgb(78 78 78 / 75%);
	box-shadow: 0 0 10px 0 rgb(78 78 78 / 75%);
}

#login .login_a .left_box .logo {
	margin-bottom: 112px;
	text-align: center;
}

#login .login_a .left_box .btn_base {
	width: 100%;
	height: 38px;
}

#login .login_a .left_box li {
	margin-top: 3px;
}

#login .login_a .left_box li:first-child {
	margin-top: 0;
}

#login .login_a .join_area .btn_base {
	color: #003888;
	font-size: 17px;
	letter-spacing: -1px;
	border: 1px solid #82c1ea;
	background-color: #82c1ea;
}

#login .login_a .privacy_area {
	margin-top: 90px;
}

#login .login_a .privacy_area .btn_base {
	color: #fff;
	font-size: 17px;
	background-color: #008ccf;
	border: 1px solid #008ccf;
}

/* login_b */
#login .login_b {
	overflow: hidden;
	position: relative;
	height: 100%;
	background-color: #f6f6f6;
}

#login .login_b .login_box {
	position: absolute;
	top: 150px;
	left: 50%;
	width: 700px;
	height: 592px;
	margin: 0 0 0 -350px;
	padding: 25px 125px;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%);
	-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	z-index: 30;
}

#login .login_b .login_box .logo {
	margin-bottom: 48px;
}

#login .login_b .login_box .tit {
	color: #008ccf;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -1px;
}

#login .login_b .login_box .login_inp_list {
	width: 443px;
	margin: 30px auto 22px;
}

#login .login_b .login_box .login_inp_list .login_inp {
	width: 100%;
	height: 60px;
	padding: 0 25px 0 75px;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: 25px center;
	box-sizing: border-box;
	border: 1px solid #c2cdd0;
}

#login .login_b .login_box .login_inp_list .login_inp::placeholder {
	color: #c2cdd0;
	font-size: 15px;
}

#login .login_b .login_box .btn_wrap {
	justify-content: space-between;
}

#login .login_b .login_box .btn_wrap .btn_base {
	width: 207px;
	height: 50px;
}

#login .login_b .login_box .btn_wrap .btn_base span {
	font-size: 18px;
}

#login .login_b .login_box .btn_wrap .btn_join {
	background-color: #003a8c;
	border: 1px solid #003a8c;
}

#login .login_b .login_box .btn_wrap .btn_join span {
	line-height: 34px
}

#login .login_b .login_box .btn_wrap .btn_password {
	background-color: #003a8c;
	border: 1px solid #003a8c;
}

#login .login_b .login_box .btn_auto_login {
	position: absolute;
	bottom: 150px
}

#login .login_b .login_box .box_txt {
	position: absolute;
	bottom: 25px;
	color: #535353;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 16px;
}

#login .login_b .login_back {
	position: relative;
	width: 745px;
	height: 412px;
	margin: 421px auto 0;
	background-color: #003a8c;
	-moz-box-shadow: 0 0 10px 0 rgb(0 87 136 / 40%);
	-webkit-box-shadow: 0 0 rgb(0 87 136 / 40%);
	box-shadow: 0 0 10px 0 rgb(0 87 136 / 40%);
}

#login .login_b .login_back .login_bot_box {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

#login .login_b .login_bot_box .align_list {
	margin-bottom: 15px;
	justify-content: center;
}

#login .login_b .login_bot_box .align_list li {
	padding-right: 10px;
	border-right: 1px solid #fff
}

#login .login_b .login_bot_box .align_list li:last-child {
	border-right: none
}

#login .login_b .login_bot_box .align_list a {
	color: #fff;
	font-size: 13px
}

#login .login_b .login_bot_box .copyright {
	color: #fff;
	font-size: 13px
}

/* footer */
#footer {
	width: 100%;
	height: auto;
	padding: 7px 0 15px;
	background: #303338;
	color: #fff;
	text-align: center
}

#footer .field_box {
	margin-top: 10px;
}

#footer .align_list li {
	width: 180px;
	color: #111;
	border: 1px solid #ddd;
	background: #ddd;
}

#footer .align_list li a {
	display: block;
	padding: 7px 0;
	font-size: 12px;
	font-weight: 600;
}

#login.hyumc_login #wrap {
	height: auto;
}

#login.cnuh_login #wrap {
	height: auto;
}

#login.jbuh_login #wrap {
	height: auto;
}

#login.cbnuh_login #wrap {
	height: auto;
}

#login.yulje_login #wrap {
	height: auto;
}

#login.knuh_login #wrap {
	height: auto;
}

#login.knuch_login #wrap {
	height: auto;
}

#login.bh_login #wrap {
	height: auto;
}

#login.dcmc_login #wrap {
	height: auto;
}

#login.jbuh_login #wrap {
	height: auto;
}

#login.kyuh_login #wrap {
	height: auto;
}

#login.pnuh_login #wrap {
	height: auto;
}

#login.yjh_login #wrap {
	height: auto;
}

#login.cnush_logo #wrap {
	height: auto;
}

#login.wkuh_logo #wrap {
	height: auto;
}

#login.khmc_logo #wrap {
	height: auto;
}

#login.bh_login .main_logo img {
	width: 180px
}

#login.dcmc_login .main_logo img {
	width: 300px
}

#login.knuh_login .main_logo img {
	width: 300px
}

#login.knuch_login .main_logo img {
	width: 300px
}

#login.jbuh_login .main_logo img {
	width: 300px
}

#login.kyuh_login .main_logo img {
	width: 300px
}

#login.pnuh_login .main_logo img {
	width: 300px
}

#login.yjh_login .main_logo img {
	width: 200px
}

#login.cnush_logo .main_logo img {
	width: 300px
}

#login.cbnuh_login .main_logo img {
	width: 300px
}

#login.wkuh_logo .main_logo img {
	width: 300px
}

#login.khmc_logo .main_logo img {
	width: 300px
}

/* toolbar */
.sticky_toolbar {
	position: fixed;
	top: 45%;
	right: 0;
	z-index: 10;
	width: 46px;
	padding: 5px 0;
	background: #fff;
	-webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
	box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15)
}

.sticky_toolbar li {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 5px
}

.sticky_toolbar .tool_item {
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 3px;
	background: #f4f4f8;
	color: #ffb822;
	text-align: center;
	font-size: 20px;
	box-sizing: border-box
}

.sticky_toolbar .tool_item span {
	display: block
}

.sticky_toolbar .tool_item:hover {
	background: #ffb822;
	color: #111
}

.sticky_toolbar .tool_item i {
	transition: color .3s ease
}

/* tooltip */
.tooltip {
	display: none;
	position: absolute;
	z-index: 5;
	width: 300px;
	padding: 10px;
	border-radius: 3px;
	background: #666;
	color: #fff
}

.tooltip.on {
	display: block
}

.tooltip:before {
	position: absolute;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-right: 10px solid #666;
	border-bottom: 8px solid transparent;
	content: ''
}

.tooltip p {
	line-height: 1.3rem
}

/*종양내과 암종 툴팁*/
.btn_base.tool_btn {
	position: relative;
}

.tooltip.tooltip2 {
	display: block;
	/*     position: absolute; */
	top: 0;
	left: 0;
	z-index: 5;
	width: 300px;
	padding: 10px;
	border-radius: 3px;
	background: #666;
	color: #fff;
}

.tooltip.tooltip2:before {
	content: none;
	
}

/* sticky table */
.sticky_wrap {
	position: relative
}

.tbl_sticky {
	overflow: auto
}

.tbl_sticky .head_fixed {
	display: none;
	overflow: hidden;
	position: fixed;
	z-index: 10
}

.tbl_sticky .head_fixed.inr {
	position: absolute;
	top: 0;
	left: 0;
	right: 17px
}

.tbl_sticky .head_fixed.on {
	display: block
}

.tbl_sticky .head_fixed .sticky_cell {
	position: fixed
}

.tbl_sticky .sticky_cell {
	position: absolute;
	top: auto;
	left: 0
}

.tbl_sticky .nodata .sticky_cell {
	padding: 20px 8px
}

.tbl_sticky .td_inr {
	font-size: 11px
}

.tbl_sticky .desc {
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	word-break: break-all
}

.tbl_sticky .td_inr.cent .desc {
	justify-content: center
}

.tbl_sticky .td_inr.right .desc {
	justify-content: flex-end
}

.tbl_sticky .cent .td_inr .desc {
	justify-content: center
}

.tbl_sticky .cent .td_inr.left .desc {
	justify-content: flex-start
}

.tbl_sticky .cent .td_inr.right .desc {
	justify-content: flex-end
}

.tbl_sticky .right .td_inr.cent .desc {
	justify-content: center
}

.tbl_sticky .right .td_inr.left .desc {
	justify-content: flex-start
}

.tbl_sticky .right .td_inr .desc {
	justify-content: flex-end
}

.tbl_sticky .lb_box {
	height: 16px;
	margin-right: 8px;
	vertical-align: top
}

.tbl_sticky button, .account .tbl_sticky a {
	font-size: 11px;
	color: #575962
}

.tbl_sticky .btn_base {
	color: #2f3336
}


/* content */
.mtop10 {
	margin-top: 10px
}

.mtop20 {
	margin-top: 20px
}

.field_box p {
	line-height: 1.3em
}

.field_box .align_list:first-child {
	margin-top: 0
}

.align_list .divide {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #ccc
}

.tilde {
	display: inline-block;
	margin-top: 5px;
	vertical-align: top
}

.td_tilde {
	display: inline-block;
	margin: 8px 3px 0;
	vertical-align: top
}

.inp_txt_left {
	display: inline-block;
	margin: 7px 5px 0 0;
	vertical-align: top
}

.inp_txt_right {
	display: inline-block;
	margin: 7px 0 0 5px;
	vertical-align: top
}

.txt_err {
	display: none;
	margin-top: 5px;
	color: #F4516C
}

.txt_err.on {
	display: block
}

.inp_txt_left {
	display: inline-block;
	margin: 7px 5px 0 0;
	vertical-align: top
}

.inp_txt_right {
	display: inline-block;
	margin: 7px 0 0 5px;
	vertical-align: top
}

.btn_close .sp {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-position: -58px 0
}

.btn_close.large .sp {
	width: 15px;
	height: 15px;
	background-position: -71px 0
}

.btn_close.large.black .sp {
	background-position: -88px 0
}

.btn_close.large.white .sp {
	background-position: -105px 0
}

.inp_search {
	width: 200px
}

.bul-circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #3d4960
}

.cursor_auto {
	cursor: auto !important;
}

.tbl_wrap .vert.v1 {
	padding-top: 14px
}

.color_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 0;
	vertical-align: top;
	box-sizing: border-box
}

.color_box.noCol {
	border: 1px solid #999
}

.data_box_tit {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold
}

.data_box {
	overflow: auto;
	max-height: 300px;
	padding: 10px 0;
	border: 1px solid #ebedf2
}

.data_box.v1 {
	margin-top: 20px
}

/* 절차 빌드 선택 : v1 */
.data_box .data_list:after {
	display: block;
	clear: both;
	content: ''
}

.data_box .data_list li {
	float: left;
	width: 20%;
	height: 14px;
	margin: 5px 20px
}

.data_box.v1 .data_list li {
	width: 25%
}

.data_box .data_list .btn_close {
	width: 11px;
	height: 11px;
	margin: 3px 0 0 5px;
	vertical-align: top
}

.popup .data_box .data_list .btn_close {
	position: static
}

.data_box .data_list.line4 li {
	width: calc(33% - 20px);
	margin: 5px 10px
}

.data_box .data_list .bord {
	display: inline-block;
	margin-left: 5px;
	padding-left: 8px;
	border-left: 1px solid #b7b7b7;
	line-height: 1rem
}

.data_box .data_list .bord:first-child {
	margin: 0;
	padding: 0;
	border: 0
}

.dropdown_box {
	position: relative
}

.dropdown_box .btn_drop {
	position: relative;
	width: 100%;
	padding: 7.5px 30px 7.5px 5px;
	border: 1px solid #e2e5ec;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: left
}

.dropdown_box .btn_drop .fa-chevron-down {
	position: absolute;
	top: 8px;
	right: 5px
}

.dropdown_box .dropdown {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 8px 0;
	border: 1px solid #e2e5ec;
	background: #fff;
	box-sizing: border-box
}

.dropdown_box .dropdown.on {
	display: block
}

.dropdown_box .dropdown li {
	padding: 5px
}

.dropdown_box .dropdown li:hover {
	background: #f7f8fa
}

.dropdown_box .btn_base {
	display: block;
	margin: 10px auto 0
}

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

.palette li {
	float: left;
	position: relative;
	margin-left: 10px
}

.palette li:first-child {
	margin: 0
}

.palette a {
	display: block;
	width: 38px;
	height: 36px;
	border: 1px solid #333;
	border-radius: 5px;
	box-sizing: border-box
}

.palette a.on:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 5px;
	margin: -2px 0 0 -4px;
	background: url('../images/arrow_bottom_white.png') no-repeat;
	content: ''
}

.palette_box {
	display: block;
	width: 38px;
	height: 36px;
	margin: 0 auto;
	border-radius: 5px
}

.section .nodata_box {
	padding: 40px 0;
	background: #f8f9fa;
	text-align: center
}


.article.m60 {
	margin-top: 60px
}

.article.m60:first-child {
	margin-top: 0
}

.article .medi_list {
	width: 98%
}

.article .medi_list:after {
	display: block;
	clear: both;
	content: ''
}

.article .medi_list li {
	float: left;
	width: 33%;
	margin-bottom: 10px
}

.article .medi_list span {
	display: block;
	margin-right: 5px
}

.article .cont .tit {
	margin: 0 0 25px 5px;
	color: #949394;
	font-weight: normal
}

.disable.lb_box .mark {
	background: #cfcfcf
}

.btn_wrap.out {
	margin: 40px 0 60px
}

.btn_wrap.border.v1 {
	border-color: #999
}

.file_upload li:first-child {
	margin: 0
}

.file_upload li:after {
	display: block;
	clear: both;
	content: ''
}

.file_upload li {
	margin-top: 8px
}

.file_upload input[type="file"] {
	float: left
}

.file_upload .btn_file_del {
	display: block;
	float: left;
	margin-top: 6px
}

.file_upload .btn_file_del.rt {
	display: inline-block;
	float: none;
}

.file_upload .btn_file_del.rt .sp {
	vertical-align: middle;
}

.popup .tbl_wrap:first-child {
	margin-top: 0
}

.popup .tbl_wrap.auto {
	height: auto
}

.popup .btn_wrap {
	margin-top: 20px
}

.popup.w1 {
	width: 500px
}

.popup.w2 {
	width: 1000px
}

.popup[data-idx="1"] {
	z-index: 50
}

.dimmed[data-idx="1"] {
	z-index: 40
}

.popup .sms_box {
	width: 240px;
	margin: 0 auto
}

.popup .text_sms {
	height: 150px
}

.popup .sms_tit {
	margin-bottom: 10px;
	font-weight: bold
}

.popup .sms_txt {
	margin-top: 5px;
	text-align: right
}

/* ctcin table style - blue */
.boardlist {
	position: relative;
	min-height: 600px;
	margin-bottom: 20px;
	border-top: 1px solid #6a87b4;
}

.tblist03 {
	border-top: 1px solid #6a87b4;
	border-bottom: 1px solid #6a87b4
}

.tblist03 thead {
	background: #509edc
}

.tblist03 thead th {
	height: 40px;
	border-right: 1px solid #73b1e3;
	border-bottom: 1px solid #6a87b4;
	background: #509edc;
	color: #fff;
	font-size: 14px;
	font-weight: normal
}

.tblist03 thead th:first-child {
	border-left: 1px solid #509edc
}

.tblist03 thead th:last-child {
	border-right: 1px solid #509edc
}

.tblist03 tr:last-child td {
	border-bottom: 0
}

.tblist03 tr .left {
	text-align: left;
	padding: 10px
}

.tblist03 td {
	height: 32px;
	padding: 12px 10px;
	border-top: 1px solid #e4e7f0;
	border-left: 1px solid #e4e7f0;
	word-break: break-all
}

.tblist03 td:last-child {
	border-right: 1px solid #e4e7f0
}

.tblist03 .cent td, .tblist03 td.cent {
	padding: 12px 0;
	text-align: center
}

.tblist03 td a:hover {
	text-decoration: underline
}

.tblist03 .nodata {
	padding: 50px 0;
	text-align: center
}

/* ctcin table style - gray */
.innertbl {
	margin: 5px 0 20px
}

.innertbl th {
	height: 44px;
	line-height: 44px;
	padding: 0;
	border-right: 1px solid #e4e7f0;
	background-color: #8b95aa;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 300
}

.innertbl tr th:last-child {
	border-right: 0
}

.innertbl td {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #e4e7f0;
	border-right: 1px solid #e4e7f0;
	font-size: 13px
}

.innertbl tr td:last-child {
	border-right: 0
}

.innertbl tr:last-child td {
	border-bottom: 1px solid #79849c
}

.innertbl tr.cent td {
	padding: 0;
	text-align: center
}

.innertbl td.right, .innertbl tr.cent td.right {
	text-align: right;
	padding-right: 10px
}

.innertbl tr.cent td.left {
	padding-left: 10px;
	text-align: left
}

.innertbl tbody tr:nth-child(odd) td {
	background: none;
	background: #fff
}

.innertbl tbody tr:nth-child(even) td {
	background: none;
	background: #f7faff
}

.innertbl.v1 tbody tr:nth-child(odd) td {
	background: #fff
}

.innertbl.v1 tbody tr:nth-child(even) td {
	background: #fff
}

.innertbl .nodata {
	padding: 20px 0;
	text-align: center
}

.dimmed .txt {
	color: #fff;
	text-align: center;
	font-size: 18px
}

/* 연구코드 colorbox설정 */
.tbl_wrap .color_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 0;
	vertical-align: top;
	box-sizing: border-box
}

.tbl_wrap .color_box.noCol {
	border: 1px solid #999
}

/* table list */
.tbl_wrap pre {
	white-space: pre-line
}

.tbl_wrap .break {
	word-break: break-all
}

.tbl_wrap.list {
	overflow: auto
}

.tbl_wrap.list_filter {
	overflow: auto;
	min-height: 469px
}

.tbl_wrap.list.scroll {
	overflow: auto;
	max-height: 600px
}

.tbl_wrap.list.noscroll {
	height: auto;
	min-height: auto
}

.study_basic .tbl_study {
	position: relative;
	margin-top: 0
}

.study_basic .tab_list {
	margin: 30px 0 25px;
	border-bottom: 1px solid #ebedf2
}

.study_basic .tab_list:after {
	display: block;
	clear: both;
	content: ''
}

.study_basic .tab_list li {
	float: left;
	margin: 0 0 -1px 50px;
	border-bottom: 1px solid #ebedf2;
	color: #7b7e8a;
	cursor: pointer;
	outline: none
}

.study_basic .tab_list li:first-child {
	margin-left: 0
}

.study_basic .tab_list .ui-tabs-active {
	border-bottom: 1px solid #5867dd;
	color: #5867dd
}

.study_basic .tab_list .ui-tabs-active span:after {
	display: inline-block;
	width: 9px;
	height: 5px;
	margin: 6px 0 0 7px;
	background: url('../images/arrow_bottom.png') no-repeat;
	vertical-align: top;
	content: ''
}

.study_basic .tab_list a {
	display: block;
	padding-bottom: 17px;
	outline: none
}

.apply_edu {
	position: absolute;
	top: 20px;
	right: 0
}

.edu_tit {
	display: inline-block;
	margin-right: 30px
}

.edu_txt {
	display: inline-block
}

.edu_count {
	text-decoration: underline
}

/* 스케줄 설정 dimmed */
.cont_dim {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: #000;
	opacity: 0.5
}

.cont_dim.on {
	display: block
}

.cont_dim .txt {
	color: #fff;
	text-align: center;
	font-size: 18px
}

/* custom jquery-ui */
.ui-selectable-helper {
	display: none
}

/* loading script */
.loading {
	margin-top: 50px;
	padding-top: 50px
}

/* 하단 공지 */
.info_box {
	padding: 20px
}

.info_box .info_tit {
	position: absolute;
	top: 25px;
	left: 20px;
	color: #fe5339;
	font-size: 14px;
	font-weight: 600
}

.info_box .info_list {
	margin-left: 140px
}

.info_box .info_list li {
	position: relative;
	margin-top: 10px;
	padding-left: 7px;
	line-height: 1.3em
}

.info_box .info_list li:first-child {
	margin: 0
}

.info_box .info_list li:before {
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 2px;
	background: #666;
	vertical-align: top;
	content: ''
}

/* 계정관리 */
.user_account .user_wrap:after {
	display: block;
	clear: both;
	content: ''
}

.user_account .user_box {
	float: left
}

.user_account .user_box.pic {
	width: 180px;
	margin: 15px 40px 0 0
}

.user_account .user_box.info {
	width: calc(100% - 240px)
}

.user_account .user_box .tbl_wrap {
	margin: 0
}

.user_account .user_box .btn_wrap {
	margin-top: 20px
}

.user_account .user_picutre {
	width: 180px;
	height: 200px;
	background: #ccc
}

.user_account .inp_upload {
	position: absolute;
	top: -99em;
	left: -99em;
	opacity: 0
}

.user_account .btn_sign_box {
	margin-left: 30px
}

.user_account .btn_wrap {
	overflow: hidden
}

.user_account .tbl_wrap.account tr:first-child th, .user_account .tbl_wrap.account tr:first-child td {
	padding: 6px 15px 20px
}

.user_account .sign_box {
	width: 300px
}

.user_account .sign_area {
	height: 150px;
	border: 1px solid #ebedf2
}

.user_account .sign_area img {
	width: 100%;
	height: 100%
}

.user_account .noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #ccc;
	font-size: 24px
}

.user_account .noimg span {
	display: block;
	padding: 30px;
}

/* 전자서명  loading 팝업 */
.pop_signcheck .sign_box.wait {
	width: auto
}

.pop_signcheck .sign_box.wait p {
	text-align: center
}

.pop_signcheck .sign_box.wait .tit {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

/* 모바일 전자서명 */
.m_header {
	padding: 1.3rem;
	background: #B1B2C7
}

.m_header strong {
	display: block;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold
}

.m_content {
	padding: 2rem 1rem;
	font-size: 1.2rem
}

.m_content .sign_wrap {
	display: none
}

.m_content .sign_wrap.on {
	display: block
}

.m_content .sign_wrap .tit {
	text-align: center
}

.m_content .sign_wrap .tit span {
	display: inline-block;
	padding-bottom: 0.2rem;
	border-bottom: 1px solid #666;
	font-size: 1.3rem
}

.m_content .sign_box {
	margin: 2rem auto 0
}

.m_content .canvas_wrap {
	margin: 0 auto;
	border: 1px solid #999;
	box-sizing: border-box
}

.m_content .btn_wrap {
	margin-top: 5rem
}

.m_content .btn_base {
	width: 100%;
    margin: 0.5rem 0 0;
    padding: 1rem;
	font-size: 1.2rem;
	box-sizing: border-box
}

.m_content .btn_base.submit {
	background: #F66F2E;
	color: #fff
}

.m_content .btn_base.cancel {
	border: 1px solid #999
}

.m_content .img_sign {
	margin: 2rem 0
}

.m_content .img_sign img {
	width: 100%
}

.m_content .sign_info li {
	margin-top: 5px;
	color: #666;
	font-size: 1rem
}


/* 통계 및 현황 - 통계 */
.statistic .content:after {
	display: block;
	clear: both;
	content: ''
}

.statistic .section_wrap {
	float: left
}

.statistic .section_wrap.col-1 {
	width: 53%
}

.statistic .section_wrap.col-2 {
	width: calc(47% - 20px);
	margin-left: 20px
}

.statistic .tab_list {
	position: absolute;
	top: 8px;
	right: 10px
}

.statistic .tab_list:after {
	display: block;
	clear: both;
	content: ''
}

.statistic .tab_list li {
	float: left
}

.statistic .tab_list li:last-child {
	margin-left: 10px
}

.statistic .tab_list a {
	display: block;
	padding: 8px 15px 10px;
	border-radius: 16px;
	background: #fff
}

.statistic .tab_list .ui-tabs-active a {
	background: #716ACA;
	color: #fff
}

.statistic .statis_list > li {
	margin-top: 10px
}

.statistic .statis_list > li:first-child {
	margin-top: 0
}

.statistic .statis_list .txt_list:after {
	display: block;
	clear: both;
	content: ''
}

.statistic .statis_list .txt_list li {
	float: left;
	margin-left: 10px
}

.statistic .statis_list .txt_list li:first-child {
	margin-left: 0
}

.statistic .statis_list .gray {
	color: #999
}

.statistic .statis_list .elp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-word
}

.statistic .statis_list .code {
	display: block;
	width: 100px;
	padding: 6px 10px 7px;
	border-radius: 60px;
	background: #ccc;
	color: #fff;
	text-align: center;
	box-sizing: border-box
}

.statistic .statis_list .code.study {
	width: 125px;
}

.statistic .statis_list .name_box {
	padding: 5px 0
}

.statistic .statis_list .name {
	line-height: 1rem
}

.statistic .statis_list .total_box {
	padding: 5px 0 8px
}

.statistic .todos .name_box {
	width: calc(100% - 200px)
}

.statistic .todos .total_box {
	width: 80px
}

.statistic .delegation .name_box {
	width: calc(100% - 268px)
}

.statistic .delegation .total_box {
	width: 130px
}

.statistic .delegation .prog_lamp {
	float: left;
	width: 13px;
	height: 13px;
	margin: 7px 5px 0 0;
	border-radius: 50%;
	background: #4CC0A5;
	vertical-align: top
}

.statistic .delegation .prog_lamp.over {
	background: #EC4E69
}

.statistic .delegation .total_case {
	margin-left: 10px;
	color: #5E65DB;
	font-weight: bold
}

.statistic .delegation .term {
	color: #4CC0A5;
	font-weight: bold
}

.statistic .delegation .term.over {
	color: #EC4E69
}

.statistic .doc_update .code_box:after {
	display: block;
	clear: both;
	content: ''
}

.statistic .doc_update .code {
	float: left;
	margin-right: 6px
}

.statistic .doc_update .txt_box {
	padding: 5px 0 4px
}

.statistic .doc_update .name_box {
	width: calc(100% - 405px);
	padding: 4px 0 6px
}

.statistic .doc_update .total_box {
	width: 100px
}

.statistic .doc_update .doc_type {
	color: #fff
}

.statistic .doc_update .doc_type.v1 {
	background: #70b5db
}

.statistic .doc_update .doc_type.v2 {
	background: #d87358
}

.statistic .doc_update .doc_type.v3 {
	background: #898989
}

.statistic .doc_update .doc_type.v4 {
	background: #e0e972
}

.statistic .doc_update .doc_type.v5 {
	background: #e9c972
}

.statistic .doc_update .doc_type.v6 {
	background: #db6de5
}

.statistic .doc_update .ico_office {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -3px;
	vertical-align: top
}

.statistic .doc_update .ico_office.excel {
	background: url('../images/sub/ico_excel.png') no-repeat
}

.statistic .doc_update .ico_office.pdf {
	background: url('../images/sub/ico_pdf.png') no-repeat
}

.statistic .doc_update .ico_office.ppt {
	background: url('../images/sub/ico_ppt.png') no-repeat
}

.statistic .doc_update .ico_office.word {
	background: url('../images/sub/ico_word.png') no-repeat
}

.statistic .doc_update .ico_office.etc {
	background: url('../images/sub/ico_etc.png') no-repeat
}

.statistic .doc_update .uploader {
	font-weight: bold
}

.statistic .progress .tbl_wrap {
	min-height: auto;
	margin: 0
}

.statistic .progress .prog_tag {
	display: inline-block;
	width: 120px;
	padding: 5px 8px;
	border-radius: 60px;
	background: #ccc;
	color: #fff
}

.statistic .progress .prog_tag.v1 {
	background: #34bfa3
}

.statistic .progress .prog_tag.v2 {
	background: #1fa84f
}

.statistic .progress .prog_tag.v3 {
	background: #ff7233
}

.statistic .progress .prog_tag.v4 {
	background: #36a3f7
}

.statistic .progress .prog_tag.v5 {
	background: #5867dd
}

.statistic .progress .prog_tag.v6 {
	background: #ffb822
}

.statistic .progress .prog_tag.v7 {
	background: #cc6600
}

.statistic .progress .prog_tag.v8 {
	background: #f4516c
}

.statistic .subject .subj_list li {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ECEDF2
}

.statistic .subject .subj_list li:first-child {
	margin: 0;
	padding: 0;
	border: 0
}

.statistic .subject .subj_list li:after {
	display: block;
	clear: both;
	content: ''
}

.statistic .subject .subj_list .code {
	float: left
}

.statistic .subject .subj_list .name {
	float: left;
	margin: 4px 0 0 20px
}

.statistic .subject .subj_list .desc {
	display: block;
	margin-top: 5px
}

.statistic.admin .section_wrap {
	width: calc(50% - 10px)
}

.statistic.admin .section_wrap.col-1 {
	margin-right: 10px
}

.statistic.admin .section_wrap.col-2 {
	margin-left: 10px
}

.statistic.admin .subject .prog_list li {
	margin-top: 10px
}

.statistic.admin .subject .prog_list li:first-child {
	margin: 0
}

.statistic.admin .subject .prog_list li:after {
	display: block;
	clear: both;
	content: ''
}

.statistic.admin .subject .prog_list li > span, .statistic.admin .subject .prog_list li > div {
	float: left;
	vertical-align: middle
}

.statistic.admin .subject .code {
	overflow: hidden;
	float: left;
	width: 100px;
	margin-right: 6px;
	padding: 5px 10px 8px;
	border-radius: 60px;
	background: #ccc;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-word;
	box-sizing: border-box
}

.statistic.admin .subject .code.study {
	width: 125px;
}

.statistic.admin .subject .progress {
	position: relative;
	width: calc(100% - 185px);
	height: 25px;
	border-radius: 4px;
	background: #E9ECEF
}

.statistic.admin .subject .progress .total {
	position: absolute;
	top: 5px;
	right: 10px
}

.statistic.admin .subject .progress_bar {
	width: 0;
	height: 100%;
	border-radius: 4px;
	background: #666
}

.statistic.admin .subject .progress_bar .status {
	display: inline-block;
	padding: 5px 0 0 10px;
	color: #fff
}

.statistic.admin .subject .percent {
	width: 40px;
	margin: 5px 0 0 10px
}

.statistic.admin .accomp .align_list {
	margin: 0
}

.statistic.admin .accomp .align_list:last-child {
	margin-left: 10px
}

.statistic.admin .chart {
	width: 100%;
	min-height: 300px
}

/* 통계 및 현황 - 월별/주별 현황 */
.statistic .btn_monthly .sp {
	width: 29px;
	height: 29px;
	background-position: 0 -85px
}

.statistic .btn_monthly.on .sp {
	background-position: -31px -85px
}

.statistic .btn_weekly .sp {
	width: 30px;
	height: 29px;
	background-position: -62px -85px
}

.statistic .btn_weekly.on .sp {
	width: 30px;
	height: 29px;
	background-position: -94px -85px
}

.statistic .monthly_wrap, .statistic .weekly_wrap {
	display: none;
	margin-top: 40px
}

.statistic .monthly_wrap.on, .statistic .weekly_wrap.on {
	display: block
}

/* 일정현황 전날 다음날 버튼*/
.statistic .bt_prevday, .statistic .bt_nextday {
	display: inline-block;
	padding: 10px;
	vertical-align: top
}

.statistic .bt_prevday .sp, .statistic .bt_nextday .sp {
	display: block;
	width: 7px;
	height: 11px
}

.statistic .bt_prevday .sp {
	background-position: -68px -27px
}

.statistic .bt_nextday .sp {
	background-position: -77px -27px
}

/* 일정현황 - 월별 연구 스케줄 */
.tbl_monthly table {
	table-layout: fixed
}

.tbl_monthly th, .tbl_monthly td {
	border: 1px solid #ebedf2
}

.tbl_monthly th {
	height: 30px
}

.tbl_monthly th.sun, .tbl_monthly .sun .date {
	color: #F4516C
}

.tbl_monthly th.sat, .tbl_monthly .sat .date {
	color: #36A3F7
}

.tbl_monthly .sun .last, .tbl_monthly .sat .last, .tbl_monthly .last .date {
	color: #ccc
}

.tbl_monthly .sun .date_box {
	background: #fff7f9
}

.tbl_monthly .sat .date_box {
	background: #f2f9ff
}

.tbl_monthly .today .schedule_box {
	background: #ffffd7
}

.tbl_monthly .date_box {
	position: relative;
	height: 15px;
	padding: 5px 10px;
	border-bottom: 1px solid #ebedf2;
	background: #fbfbfb
}

.tbl_monthly .date_box .date {
	font-size: 16px
}

.tbl_monthly .link_task {
	position: absolute;
	top: 5px;
	right: 10px
}

.tbl_monthly .link_task span {
	display: block;
	width: 23px;
	height: 3px;
	margin-top: 3px;
	border-radius: 3px;
	background: #999
}

.tbl_monthly .link_task span:first-child {
	margin: 0
}

.tbl_monthly .schedule_box {
	padding: 8px 10px
}

.tbl_monthly .sch_list li {
	position: relative;
	height: 22px;
	margin-top: 5px;
	padding-left: 30px
}

.tbl_monthly .sch_list li:first-child {
	margin: 0
}

.tbl_monthly .sch_list .ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	padding: 1px;
	border-radius: 3px
}

.tbl_monthly .sch_list .rch .ico {
	background-color: #88C542
}

.tbl_monthly .sch_list .visit .ico {
	background-color: #03A9F4
}

.tbl_monthly .sch_list .medi .ico {
	background-color: #FF9800
}

.tbl_monthly .sch_list .ico:before {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url("../images/sp.png") no-repeat;
	line-height: 99em;
	vertical-align: top;
	cursor: pointer;
	content: ''
}

.tbl_monthly .sch_list .rch .ico:before {
	background-position: 0 -116px
}

.tbl_monthly .sch_list .visit .ico:before {
	background-position: -22px -116px
}

.tbl_monthly .sch_list .medi .ico:before {
	background-position: -44px -116px
}

.tbl_monthly .sch_list .txt {
	display: inline-block;
	margin-top: 4px
}

.monthly_wrap .pop_cal {
	display: none;
	overflow: auto;
	position: absolute;
	z-index: 40;
	width: 800px;
	padding: 35px 25px 25px;
	background: rgba(0, 0, 0, 0.5);
	box-sizing: border-box
}

.monthly_wrap .pop_cal.on {
	display: block
}

.monthly_wrap .pop_cal .btn_close {
	position: absolute;
	top: 5px;
	right: 6px
}

.monthly_wrap .pop_cal .btn_close .sp {
	background-position: -105px 0
}

.monthly_wrap .pop_cal .inr {
	background: #fff
}

.monthly_wrap .pop_cal .color_box {
	margin-right: 0
}

.monthly_wrap .pop_cal .tbl_wrap.list {
	overflow: auto;
	min-height: auto;
	max-height: 300px;
	margin: 0
}

/* 일정현황 - 기간별 연구 스케줄 */
.statistic .field_box.weekly {
	padding-left: 200px
}

.statistic .dropdown_box {
	position: absolute;
	top: 0;
	left: 200px;
	width: 130px
}

.tbl_schedule .fixed {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 80px;
	left: 385px;
	z-index: 30
}

.tbl_schedule .fixed.on {
	display: block
}

.tbl_schedule .fixed .hide {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 0;
	height: 0;
	font-size: 0
}

.tbl_schedule {
	overflow-x: auto;
	overflow-y: hidden;
	width: auto;
	height: auto;
	min-height: 270px;
	margin: 40px 0 0 200px
}

.tbl_schedule table {
	width: auto;
	table-layout: fixed
}

.tbl_schedule th, .tbl_schedule td {
	width: 66px;
	box-sizing: border-box
}

.tbl_schedule th .td_inr {
	line-height: 2.5rem
}

.tbl_schedule td {
	height: 56px;
	border-right: 1px solid #e4e7f0
}

.tbl_schedule td:nth-child(2) {
	border-left: 1px solid #e4e7f0
}

.tbl_schedule .td_inr {
	position: relative;
	width: 65px;
	height: 100%
}

.tbl_schedule .sticky_cell {
	position: absolute;
	top: auto;
	left: 20px;
	width: 180px;
	padding-right: 20px;
	border: 0;
	background: #fff
}

.tbl_schedule .today {
	background: #e6effe
}

.tbl_schedule .date > th {
	height: 42px;
	border-right: 1px solid #e4e7f0;
	background: #f4f5f8
}

.tbl_schedule .date .txt_sat {
	color: #005cce
}

.tbl_schedule .date .txt_sun {
	color: #ce1a00
}

.tbl_schedule .date .study_info {
	border: 0;
	background: #fff;
}

.tbl_schedule .memo .study_info {
	height: 59px;
	border: 1px solid #aaa;
	background: #fff;
	color: #333;
	font-weight: normal
}

.tbl_schedule .study_info .info_wrap {
	padding: 13px 0 13px 13px;
	z-index: 10;
	width: 100%;
	height: auto;
}

.tbl_schedule .study_info .info_wrap li:first-child {
	margin-bottom: 5px
}

.tbl_schedule .study_info .daterangepicker {
	display: block
}

.tbl_schedule .study_info .inr_datepic {
	margin-top: 5px;
	text-align: right
}

.tbl_schedule .study_info .inr_datepic:first-child {
	margin: 0;
	text-align: left
}

.tbl_schedule .study_info .txt {
	display: inline-block;
	margin: 6px 0 0 5px
}

.tbl_schedule .study_info .btn_base {
	padding: 7px 5px
}

.tbl_schedule .project td {
	background: #fafafa
}

.tbl_schedule .project .sticky_cell {
	position: absolute;
	background: #fff
}

.tbl_schedule .project .today {
	background: #e6effe
}

.tbl_schedule .project_tit td {
	height: 35px
}

.tbl_schedule .project_tit:first-child td {
	height: 50px
}

.tbl_schedule .project_tit:first-child .pro_list.cate {
	margin-top: 20px
}

.tbl_schedule .project_tit:first-child .pro_bar.cate {
	top: 19px
}

.tbl_schedule .project_line {
	display: table-row
}

.tbl_schedule .project_line.hide {
	display: none
}

.tbl_schedule .pro_list {
	overflow: hidden;
	position: relative;
	width: 180px;
	height: 51px;
	padding: 1px 5px;
	box-sizing: border-box;
	cursor: pointer
}

.tbl_schedule .pro_list.cate {
	position: relative;
	z-index: 5;
	width: 180px;
	height: 25px;
	margin-top: 5px;
	padding: 5px 20px 0;
	border: 0;
	color: #fff;
	line-height: 1.2em;
	text-align: left;
	font-size: 12px;
	cursor: pointer
}

.tbl_schedule .pro_list.cate span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: normal
}

.tbl_schedule .pro_list.cate span:before {
	display: inline-block;
	overflow: hidden;
	width: 14px;
	height: 8px;
	margin: 3px 10px 0 0;
    background: url('../images/sp.png') no-repeat -34px -27px;
    line-height: 99em;
	vertical-align: top;
	content: ''
}

.tbl_schedule .pro_list.cate.on span:before {
	background-position: -18px -27px
}

.tbl_schedule .group_name {
	display: block;
	line-height: 1rem
}

.tbl_schedule .group_link {
	overflow: hidden;
	position: absolute;
	top: 16px;
	right: 10px
}

.tbl_schedule .group_link .sp {
	width: 16px;
	height: 16px;
	background-position: -46px -57px
}

.tbl_schedule .pro_bar {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 5
}

.tbl_schedule .pro_bar tr {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc
}

.tbl_schedule .pro_bar th {
	height: 20px;
	background: url('../images/sub/bg_pro_bar.png') repeat-x;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}

.tbl_schedule .pro_bar th.none {
	border-right: 1px solid #aeb2c4;
	background-color: #8d92ac
}

.tbl_schedule .pro_bar td {
	height: 31px;
	border-right: 1px solid #b4bad0;
	border-bottom: 1px solid #b4bad0;
	background-color: #fff
}

.tbl_schedule .pro_bar td:first-child {
	border-left: 1px solid #b4bad0
}

.tbl_schedule .pro_bar .cont_box {
	width: 45px;
	height: 27px;
	padding: 2px 10px;
	color: #666;
	font-size: 11px
}

.tbl_schedule .pro_bar td span {
	line-height: 1.2em;
	display: block;
}

.tbl_schedule .pro_bar .merge {
	border-left: 1px solid #b4bad0
}

.tbl_schedule .pro_bar .merge:first-child {
	border-left: 0
}

.tbl_schedule .pro_bar.cate {
	top: 5px
}

.tbl_schedule .pro_bar.cate .btn_pj_modi {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 4px;
	left: 10px;
	z-index: 5
}

.tbl_schedule .pro_bar.cate .btn_pj_modi.on {
	display: block
}

.tbl_schedule .pro_bar.cate .btn_pj_modi .sp {
	width: 16px;
	height: 16px;
	line-height: 99em;
	background-position: -28px -57px
}

.tbl_schedule .pro_bar.cate:hover .btn_pj_modi {
	display: block
}

.tbl_schedule .pro_bar.cate table {
	width: 100%
}

.tbl_schedule .pro_bar.cate td {
	position: relative;
	height: 25px;
	border: 0;
	background: none
}

.tbl_schedule .weekly_diet {
	position: relative;
	border-right: 1px solid #e4e7f0
}

.tbl_schedule .weekly_diet:nth-child(2) {
	border-left: 1px solid #e4e7f0
}

.tbl_schedule .layer_diet {
	display: none;
	position: absolute;
	top: 30px;
	left: 40px;
	z-index: 20;
	width: 220px;
	border: 1px solid #3d4960;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.85)
}

.tbl_schedule .layer_diet.on {
	display: block
}

.tbl_schedule .layer_diet .date {
	padding: 10px;
	background: rgba(61, 73, 96, 0.85);
	color: #fff;
	font-weight: bold
}

.tbl_schedule .layer_diet .diet_list {
	padding: 10px
}

.tbl_schedule .layer_diet .diet_list li {
	margin-top: 8px
}

.tbl_schedule .layer_diet .diet_list li:first-child {
	margin-top: 0
}

.tbl_schedule .layer_diet .diet_list .txt {
	margin-left: 20px
}

.tbl_schedule .layer_diet .diet_list .tot {
	padding-top: 8px;
	border-top: 1px solid #3d4960;
	font-weight: bold
}

/*--------------- 기간별 연구 스케줄 프린트 ---------------------------*/
.print_tit_date {
	display: none;
	margin-left: 10px;
	font-size: 13px
}

.weekly_sch_field .btn_proj.print {
	display: block
}

.tbl_schedule .memo td {
	height: 35px;
	border-bottom: 1px solid #e4e7f0;
	text-align: center
}

.tbl_schedule .memo .hide {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0
}

.tbl_schedule .memo .memo_pad {
	height: auto;
	padding: 15px 0
}

.tbl_schedule .memo .memo_pad .td_inr {
	width: 63px;
	border-right: none
}

.tbl_schedule .memo_list {
	text-align: center
}

.tbl_schedule .memo_list li {
	display: inline-block;
	letter-spacing: -1px
}

.tbl_schedule .memo_list.btm {
	margin-top: 3px
}

.tbl_schedule .memo_list span {
	color: #666
}

.tbl_schedule .btn_memo {
	margin-top: 10px
}

.tbl_schedule .btn_memo .sp {
	width: 13px;
	height: 13px;
	background-position: -16px -41px
}

.tbl_schedule .btn_memo.on .sp {
	background-position: -31px -41px
}

.tbl_schedule .tr_duty .td_inr {
	height: 24px;
	padding-top: 10px;
	text-align: center
}

.tbl_shd_print .pro_bar .cont_box {
	width: 46px;
}

.tbl_shd_print .td_inr {
	width: 66px
}

.memo_tbl_wrap {
	width: auto;
	height: auto;
	margin: 40px 0 0 0;
}

.memo_tbl_wrap .sub_tit {
	display: inline-block;
	margin: 0 5px 0 0;
}

.memo_tbl_wrap .btn_memo_toggle {
	padding-left: 30px;
	background: url("../images/common/arrow_bot.png") no-repeat 10px center;
}

.memo_tbl_wrap .btn_memo_toggle.on {
	background-image: url("../images/common/arrow_top.png")
}

.memo_tbl_wrap .tbl_memo .td_inr {
	width: 100%
}

.memo_tbl_wrap .tbl_memo {
	margin-bottom: 0;
}

.tbl_memo .memo_btn_wrap {
	position: absolute;
	top: 4px;
	right: 10px;
}

.tbl_memo textarea {
	resize: block;
}

.tbl_memo .memo_txt {
	width: 80%;
	word-break: break-all;
	line-height: 1.5em
}

.hist_tbl_wrap {
	width: auto;
	height: auto;
	margin: 40px 0 0 0;
}

.hist_tbl_wrap .sub_tit {
	display: inline-block;
	margin: 0 5px 0 0;
}

.hist_tbl_wrap .btn_hist_toggle {
	padding-left: 30px;
	background: url("../images/common/arrow_bot.png") no-repeat 10px center;
}

.hist_tbl_wrap .btn_hist_toggle.on {
	background-image: url("../images/common/arrow_top.png")
}

.tbl_print_duty {
	overflow-x: auto;
	overflow-y: hidden;
	width: auto;
	height: auto;
	margin: 40px 0 0 200px;
}

.tbl_print_duty table {
	width: auto;
	table-layout: fixed;
}

.tbl_print_duty td {
	width: 67px;
	height: 100%;
	padding: 12px 0;
	box-sizing: border-box
}

.tbl_print_duty .td_inr {
}

.tbl_print_duty .sticky_cell {
	position: absolute;
	top: auto;
	left: 20px;
	width: 180px;
	padding: 15px 20px;
	color: #fff;
	background-color: #5b4beb;
	box-sizing: border-box;
}

.tbl_print_duty .inp_name {
	width: 100%;
	text-align: center;
	border: none;
	outline: none;
}

.tbl_print_duty .inp_name:focus {
	border: 0
}

/*-------------  // 기간별 연구 스케줄 프린트  ----------------------------*/

.dtHist .weekly_diet {
	position: relative;
	border-right: 1px solid #e4e7f0;
}

.dtHist .weekly_diet:nth-child(2) {
	border-left: 1px solid #e4e7f0
}

.dtHist .layer_diet {
	display: none;
	position: absolute;
	top: 30px;
	left: 40px;
	z-index: 20;
	width: 110px;
	border: 1px solid #3d4960;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.85)
}

.dtHist .layer_diet.on {
	display: block
}

.dtHist .layer_diet .date {
	padding: 10px;
	background: rgba(61, 73, 96, 0.85);
	color: #fff;
	font-weight: bold
}

.dtHist .layer_diet .diet_list {
	padding: 10px
}

.dtHist .layer_diet .diet_list li {
	margin-top: 8px
}

.dtHist .layer_diet .diet_list li:first-child {
	margin-top: 0
}

.dtHist .layer_diet .diet_list .txt {
	margin-left: 20px
}

.dtHist .layer_diet .diet_list .tot {
	padding-top: 8px;
	border-top: 1px solid #3d4960;
	font-weight: bold
}

.tbl_schedule .btn_pop_duty {
	cursor: pointer
}

.pop_duty .txt_sat {
	color: #005cce
}

.pop_duty .txt_sun {
	color: #ce1a00
}

.pop_duty .tbl_wrap.list {
	height: auto;
	max-height: 350px
}

.pop_duty .tbl_wrap th {
	width: 80px
}

.pop_duty .inp_name {
	width: 100%;
	border: 0;
	text-align: center
}

.pop_duty .inp_name:focus {
	border: 0
}

/* 연구통합관리 */
.study_basic .datepic_list li {
	margin-top: 5px
}

.study_basic .datepic_list li:first-child {
	margin: 0
}

.study_basic .datepic_list .txt {
	display: inline-block;
	width: 120px
}

.study_basic .tbl_wrap.write .align_list li:not(.select2-selection__choice) {
	margin-left: 20px
}

.study_basic .tbl_wrap.write .align_list li:not(.select2-selection__choice):first-child {
	margin: 0
}

.study_basic .tbl_wrap.write .lb_box {
	padding-left: 17px
}

.study_basic .rch_progress td {
	width: 150px;
	word-break: keep-all
}

.study_basic .rch_progress .complete {
	background: #fffcec
}

.study_basic .article.line_top {
	margin-top: 60px;
	padding-top: 40px;
	border-color: #999
}

.study_basic .article.line_top:first-child {
	margin-top: 30px;
	padding-top: 0
}

.study_basic .article.line_btm {
	padding-bottom: 40px;
	border-color: #999;
}

.study_basic .btn_lock .fa-lock {
	color: #FD397A
}

.study_basic .btn_lock .fa-unlock {
	color: #0ABB87
}

/* 연구통합관리 - 연구디자인 탭 */
.project_view .innertbl_wrap {
	width: 100%
}

.project_view .tbl_group {
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #b4bbc3
}

.project_view .tbl_group {
	table-layout: fixed;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #b4bbc3
}

.project_view .tbl_group_th {
	width: 70px;
	min-width: 70px;
	border-bottom: 1px solid #c4cfdf;
	height: 53px;
	padding-left: 15px;
	background-color: #e5ebf7;
	text-align: left
}

.project_view .tbl_group_td {
	border-bottom: 1px solid #c4cfdf;
	padding: 12px 20px;
	line-height: 16px
}

.project_view .lst .tbl_group_th, .project_view .lst .tbl_group_td {
	border-bottom: 1px solid #b4bbc3
}

.project_view .innertbl {
	margin: 12px 0 0 0
}

.project_view .tbl_schedule {
	margin-bottom: 30px
}

.project_view .tbl_schedule .hide {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0
}

.project_view .tbl_schedule .project td {
	background: #fff
}

.project_view .tbl_schedule .project .today {
	background: #e6effe
}

.project_view .tbl_schedule .pro_bar.cate td {
	background: none
}

/* 연구디자인 등록 */
.innertbl_wrap {
	overflow-x: auto;
	margin-bottom: 30px;
	padding-bottom: 5px
}

.innertbl_wrap tr:first-child td {
	border-top: 0
}

.innertbl_wrap tr:first-child th, .innertbl_wrap tr:first-child td {
	border-top: 1px solid #ebedf2
}

.innertbl_wrap th, .innertbl_wrap td {
	width: 150px;
	height: 35px;
	border-right: 1px solid #ebedf2;
	border-bottom: 1px solid #ebedf2;
	font-size: 13px;
	word-wrap: break-word;
	word-break: keep-all
}

.innertbl_wrap th {
	font-weight: normal
}

.innertbl_wrap td {
	text-align: center
}

.innertbl_wrap th:first-child {
	border-left: 1px solid #e4e7f0
}

.innertbl_wrap td:first-child {
	border-left: 1px solid #e4e7f0
}

.innertbl_wrap .left {
	padding: 0 5px;
	text-align: left
}

.innertbl_wrap .row_tit2 th, .innertbl_wrap .row_tit2 td {
	height: 45px;
	border-bottom: 0;
	background: #8b95aa;
	color: #fff
}

.innertbl_wrap .table_block1 tr:nth-child(even) td {
	background: #fff
}

.innertbl_wrap .last {
	width: 234px
}

.innertbl_wrap .row-tit1 th, .innertbl_wrap .row-tit1 td {
	border-top: 1px solid #e4e7f0
}

.innertbl_wrap .row_tit2 th {
	line-height: 1.2em
}

.innertbl_wrap .tp_row:last-child td {
	border-bottom: 0
}

.innertbl_wrap .ip_items_head {
	position: relative
}

.innertbl_wrap .ip_items_head .tit {
	display: inline-block
}

.innertbl_wrap .ip_items_head .btn_add {
	display: block;
	position: absolute;
	top: 14px;
	right: 5px;
	padding: 5px
}

.innertbl_wrap .ip_items_head .btn_add .sp {
	width: 9px;
	height: 9px;
	background-position: -11px -13px
}

.innertbl_wrap .ip_items {
	position: relative;
	padding: 5px 25px 5px 10px;
	text-align: left
}

.innertbl_wrap .ip_items > span {
	line-height: 1.2em
}

.innertbl_wrap .time_point {
	width: 42px;
	padding: 5px;
	text-align: right
}

.innertbl_wrap input[type=text] {
	width: 90%
}

.innertbl_wrap select {
	width: 95%
}

.innertbl_wrap .count input {
	width: 20px;
	min-width: auto;
	padding: 0 3px;
	text-align: center
}

.innertbl_wrap .err_interv input {
	width: 35px;
	min-width: auto;
	padding: 0 3px;
	text-align: center
}

.innertbl_wrap .study_tit {
	position: relative;
	color: #666
}

.innertbl_wrap .study_tit.strong {
	color: #333;
	font-weight: bold
}

.innertbl_wrap .btn_del {
	display: none;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -9px;
	padding: 5px
}

.innertbl_wrap .select_row .btn_del {
	right: 0
}

.innertbl_wrap .btn_del.on {
	display: block
}

.innertbl_wrap .btn_del .sp {
	width: 8px;
	height: 8px;
	margin: 0;
	background-position: -13px 0
}

.innertbl_wrap .ip_items .btn_del {
	display: block
}

.innertbl_wrap .study_tit .diet_tit {
	display: inline-block;
	margin-right: 0
}

.innertbl_wrap .study_tit .diet_tit.on {
	margin-right: 5px
}

.innertbl_wrap .select_row.hide {
	display: none
}

.innertbl_wrap .select_row td {
	font-size: 12px;
	cursor: default
}

.innertbl_wrap .hospi.ui-completed {
	color: #fff
}

.innertbl_wrap .hospi.ui-completed.ui-selecting, .study_design .hospi.ui-completed.ui-selected {
	color: #666
}

.innertbl_wrap .txt1 {
	font-size: 16px
}

.innertbl_wrap .txt2 {
	margin-top: 5px
}

.innertbl_wrap .study_tit input {
	margin-right: 10px;
	height: 30px;
	line-height: 1.3em
}

.innertbl_wrap .sch_day_desc.on {
	margin-top: 12px
}

.innertbl_wrap .sch_day.ui-completed {
	color: #fff
}

.innertbl_wrap .sch_day.ui-completed.ui-selecting, .study_design .sch_day.ui-completed.ui-selected {
	color: #666
}

.innertbl_wrap .inp_list {
	margin: 3px 0
}

.innertbl_wrap .inp_list li {
	margin-top: 5px
}

.innertbl_wrap .inp_list li:first-child {
	margin: 0
}

.innertbl_wrap .inp_list input[type="text"] {
	height: 25px;
	min-height: auto
}

.innertbl_wrap .inp_list .txt {
	display: inline-block;
	margin-top: 5px
}

.innertbl_wrap .inp_list .txt.right {
	margin-left: 5px
}

.innertbl_wrap .inp_list .txt.left {
	width: 8px;
	margin-right: 5px
}

.innertbl_wrap .nodata, .innertbl_wrap .nodata td {
	padding: 20px 0;
	text-align: center
}

.innertbl_wrap .inp_auto[type="text"] {
	width: calc(90% - 25px)
}

.innertbl_wrap .btn_auto {
	display: inline-block;
	padding: 7px 0 8px 5px;
	vertical-align: top
}

.innertbl_wrap .btn_auto .sp {
	width: 20px;
	height: 15px;
	background-position: -66px -116px
}

.innertbl_wrap .btn_auto.on .sp {
	background-position: -88px -116px
}

.innertbl_wrap .td_window {
	margin-top: 6px
}

.innertbl_wrap .td_window .lb_box {
	margin-top: 4px
}

.table_block1 .ui-selecting, .table_block1 .ui-selected {
	background: #e8f1fe !important
}

.design_wrap .innertbl_wrap {
	overflow: auto;
	margin-left: 180px
}

.design_wrap .innertbl_wrap table {
	table-layout: fixed;
	width: auto
}

.design_wrap .innertbl_wrap tr:first-child th, .design_wrap .innertbl_wrap tr:first-child td {
	border-top: 1px solid #6a87b4
}

.design_wrap .innertbl_wrap tr:last-child th, .design_wrap .innertbl_wrap tr:last-child td {
	border-bottom: 1px solid #6a87b4
}

.design_wrap .innertbl_wrap .td_inr {
	overflow: hidden;
	width: 150px;
	height: 37px;
	padding: 3px 0;
	box-sizing: border-box
}

.design_wrap .innertbl_wrap .last .td_inr {
	width: 234px
}

.design_wrap .innertbl_wrap .sticky_cell {
	position: absolute;
	top: auto;
	left: 15px;
	width: 180px;
	height: 39px;
	box-sizing: border-box
}

.design_wrap .innertbl_wrap .sticky_cell .td_inr {
	width: 180px;
	height: 39px;
	padding: 14px 0
}

.design_wrap .innertbl_wrap .window .sticky_cell {
	height: 68px
}

.design_wrap .innertbl_wrap .window .td_inr {
	height: 66px
}

.design_wrap .innertbl_wrap .txt_schedule {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 28px
}

.design_wrap .innertbl_wrap .txt_number {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 28px
}

.design_wrap .innertbl_wrap .inr_txt {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 28px
}

.design_wrap .innertbl_wrap .td_unit {
	background: url('../images/img_slash.png') no-repeat 0 0
}

.design_wrap .innertbl_wrap .td_unit .top {
	position: absolute;
	top: 5px;
	right: 20px
}

.design_wrap .innertbl_wrap .td_unit .btm {
	position: absolute;
	left: 20px;
	bottom: 5px
}

.design_wrap.view .innertbl_wrap .sticky_cell {
	left: 0
}

.popup .design_wrap .innertbl_wrap .sticky_cell {
	left: 0
}

.tbl_wrap .tp_col.select {
	cursor: pointer
}

.tbl_wrap .bul-circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #3d4960
}

/* 연구디자인 등록 - 엑셀 복사 textarea */
.excel_data {
	overflow: hidden;
	width: 100%;
	height: 30px;
	padding: 5.5px 5px;
	line-height: 17px;
	white-space: nowrap;
	resize: none;
	outline: none
}

.excel_data:focus {
	border: 1px solid #716ACA
}

/* malihu custom scrollbar */
.layer_set .mCustomScrollBox {
	width: 86%;
	margin-bottom: 11px
}

.layer_set .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
	margin: 0
}

.layer_set .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 16px;
	bottom: -16px;
	margin: 0
}

.study_design .cont_dim .txt {
	margin-top: 263px
}

.study_design .layer_set {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 27px 8px 0 15px;
	border: 1px solid #000;
	border-radius: 3px;
	background: rgba(49, 49, 59, 0.9)
}

.study_design .layer_set .scrollbar {
	width: 108px;
	max-height: 250px
}

.study_design .layer_set.pop_sdl .scrollbar {
	width: 158px
}

.study_design .layer_set.pop_visit .scrollbar {
	width: 125px;
	max-height: 250px
}

.study_design .layer_set.on {
	display: block
}

.study_design .layer_set li:first-child {
	margin: 0
}

.study_design .layer_set .chk {
	display: block;
	padding: 5px 0;
	color: #fff;
	line-height: 1.3em;
	white-space: nowrap
}

.study_design .layer_set .chk.selected {
	background: #29292e
}

.study_design .layer_set .chk .bg_color {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 9px;
	vertical-align: top
}

.study_design .layer_set .chk.del .bg_color {
	border: 1px solid #ccc;
	box-sizing: border-box
}

.study_design .layer_set .btn_close {
	position: absolute;
	top: 10px;
	right: 10px
}

.study_design .layer_set .btn_close .sp {
	width: 11px;
	height: 11px
}

.study_design .layer_set .count_box {
	display: flex;
	justify-content: center
}

.study_design .layer_set .inp_count {
	width: 45px;
	height: 28px;
	margin: 0 3px
}

.study_design .layer_set .btn_counter {
	display: inline-block;
	width: 20px;
	height: 30px;
	border: 1px solid #c5cbda;
	border-radius: 3px;
	background: #fff;
	line-height: 1;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	box-sizing: border-box
}

.study_design .layer_set .btn_base.diet {
	width: 92px;
	margin: 5px 0 10px
}

.study_design .layer_set .btn_memo_wrap {
	margin: 10px 0;
}

/* 디자인3단계 복사 붙여넣기 */
.study_design .layer_set.copy {
	padding: 8px 0;
	border: 0;
	border-radius: 3px;
	background: #fff;
	box-shadow: 5px 5px 5px #ccc
}

.study_design .layer_set.copy .btn_layer {
	display: block;
	width: 80px;
	height: 30px;
	margin-top: 10px;
	padding: 0 15px;
	border-radius: 3px;
	text-align: left
}

.study_design .layer_set.copy .btn_layer:hover {
	background: #F3F6F9;
	color: #3699FF
}

.study_design .layer_set.copy .btn_layer:first-child {
	margin: 0
}

.study_design .layer_set.copy .btn_paste {
	display: none
}

.study_design .th_copy {
	width: 50px;
	word-break: break-all;
	cursor: pointer
}

.study_design .th_copy.ui-selecting, .study_design .th_copy.ui-selected {
	background: #bdbdbd
}

/* left 고정 */
.study_design .th_copy {
	min-width: 80px;
	word-break: break-all;
	cursor: pointer
}

.study_design .tbl_sticky .tp_cell {
	width: 100px
}

.study_design .tbl_sticky td.tp_cell {
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px
}

.study_design .tbl_sticky .tp_cell.w1 {
	width: 150px
}

/* btn_wrap table sort*/
.study_design body {
	position: relative;
}

.study_design .btn_wrap_sort {
	position: absolute;
	top: 91px;
	left: 875px;
}

.study_design .btn_wrap_sort.btn_wrap_fixed {
	position: fixed;
	top: 41px;
	left: 1045px;
}

.study_design .btn_wrap_sort .btn_base {
	padding: 5px 8px
}

.study_design .btn_wrap_sort i {
	font-size: 20px
}

/* 연구 통합관리 - 대상자 */
.study_subject .sbj_view_list {
	margin-top: 40px
}

.study_subject .sbj_view_list:after {
	display: block;
	clear: both;
	content: ''
}

.study_subject .sbj_view_list li {
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc
}

.study_subject .sbj_view_list li:first-child {
	margin: 0;
	padding: 0;
	border: 0
}

.study_subject .sbj_view_list .bold {
	font-weight: bold
}

.study_subject .addr_list li {
	margin-left: 2px
}

.study_subject .addr_list li:first-child {
	margin: 0
}

.study_subject .comt.txt_inp_file {
	margin-top: 10px
}

.study_subject .subject_cal {
	overflow: auto;
	min-height: auto;
	max-height: 500px
}

.study_subject .subject_cal table {
	width: auto
}

.study_subject .tbl_wrap.subject_cal .td_inr {
	width: 70px
}

.study_subject .sdl {
	color: #fff
}

.study_subject .group_list li {
	margin-top: 10px
}

.study_subject .group_list li:first-child {
	margin: 0
}

.study_subject .group_list .txt {
	margin: 8px 5px 0 0
}

.study_subject .asn_grp_list {
	display: flex;
	margin: 0 10px;
	align-items: center
}

.study_subject .asn_grp_list:nth-of-type(1) {
	margin-left: 0
}

/* 연구스케줄 등록 */
.tbl_subsch_wrap {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0 0 80px 200px
}

.tbl_subsch_wrap table {
	width: auto;
	table-layout: fixed
}

.tbl_subsch_wrap th, .tbl_subsch_wrap td {
	width: 13px;
	border: 1px solid #ebedf2
}

.tbl_subsch_wrap .td_inr {
	overflow: hidden;
	position: relative;
	width: 140px;
	height: 100%;
	white-space: nowrap
}

.tbl_subsch_wrap th .td_inr {
	padding: 10px 0
}

.tbl_subsch_wrap .row_bar td {
	height: 37px
}

.tbl_subsch_wrap .row_bar .bar_td {
	position: relative
}

.tbl_subsch_wrap .proj_line.hide {
	display: none
}

.tbl_subsch_wrap .proj_tit_bar {
	position: absolute;
	top: 8px;
	left: 0;
	width: 180px;
	height: 25px;
	padding: 5px 20px 0;
	color: #fff;
	box-sizing: border-box
}

.tbl_subsch_wrap .proj_tit_bar span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: normal
}

.tbl_subsch_wrap .proj_tit_bar span:before {
	display: inline-block;
	overflow: hidden;
	width: 14px;
	height: 8px;
	margin: 3px 10px 0 0;
    background: url('../images/sp.png') no-repeat -34px -27px;
    line-height: 99em;
	vertical-align: top;
	content: ''
}

.tbl_subsch_wrap .proj_tit_bar.on span:before {
	background-position: -18px -27px
}

.tbl_subsch_wrap .sticky_cell .proj_tit_bar {
	cursor: pointer
}

.tbl_subsch_wrap .proj_tit {
	text-align: center
}

.tbl_subsch_wrap .proj_tit .td_inr {
	line-height: 1.2rem
}

.tbl_subsch_wrap .sticky_cell {
	position: absolute;
	top: auto;
	left: 15px;
	width: 180px;
	padding: 0;
	box-sizing: border-box
}

.tbl_subsch_wrap .sticky_cell.del {
	border: 0
}

.tbl_subsch_wrap .sticky_cell .td_inr {
	width: 180px;
	padding: 0
}

.tbl_subsch_wrap thead .sticky_cell, .tbl_subsch_wrap .row_bar .sticky_cell {
	height: 37px
}

.tbl_subsch_wrap tbody .sticky_cell {
	height: 64px
}

.tbl_subsch_wrap .proj_tit_box {
	height: 100%;
	padding: 11px 20px;
	text-align: left;
	box-sizing: border-box
}

.tbl_subsch_wrap .group_name {
	display: block;
	overflow: hidden;
	width: 130px;
	margin-top: 10px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: normal
}

.tbl_subsch_wrap .visits th {
	background: #a1a3ba;
	color: #fff
}

.tbl_subsch_wrap .visits th:first-child {
	background: #fff
}

.tbl_subsch_wrap .datepicker_box {
	padding: 5px 0
}

.tbl_subsch_wrap .datepicker_box.view {
	padding: 10px 5px;
	text-align: center
}

.tbl_subsch_wrap .datepicker-ui {
	display: block;
	width: 90%;
	height: 25px;
	min-height: auto;
	margin: 0 auto;
	padding: 3px 5px;
	text-align: center
}

.tbl_subsch_wrap .dateitv_list {
	border-bottom: 1px solid #ccc
}

.tbl_subsch_wrap .dateitv_list:after {
	display: block;
	clear: both;
	content: ''
}

.tbl_subsch_wrap .dateitv_list li {
	float: left;
	width: 50%
}

.tbl_subsch_wrap .dateitv_list li:last-child .itv_box {
	border-left: 1px solid #ccc
}

.tbl_subsch_wrap .dateitv_list .itv_box {
	padding: 8px 5px;
	background: #d8d8d8;
	text-align: center;
	font-size: 11px
}

.tbl_subsch_wrap .fixed {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 80px;
	left: 385px;
	z-index: 30
}

.tbl_subsch_wrap .fixed.on {
	display: block
}

.tbl_subsch_wrap .fixed .visit_name .td_inr {
	background: #fff
}

.tbl_subsch_wrap .fixed .sticky_cell.del {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 0;
	height: 0;
	font-size: 0
}

.tbl_subsch_wrap.view {
	margin-top: 60px
}

.tbl_subsch_wrap .reset_btn_wrap {
	position: absolute;
	top: 11px;
	right: 7px
}

.tbl_subsch_wrap .reset_btn_wrap button {
	min-width: 0;
	padding: 2px 7px
}

.tbl_subsch_wrap .reset_btn_wrap span {
	font-size: 13px
}

/*연구스케쥴 상세보기*/
.datepicker_calendar .datepicker-ui {
	display: inline-block;
	width: 80%;
	margin-left: 5px
}

.datepicker_calendar .fa-calendar-day {
	display: inline-block;
	margin-top: 5px;
	cursor: pointer
}

.datepicker_calendar .fa-calendar-check {
	display: inline-block;
	margin-top: 5px;
	cursor: pointer
}

/* 연구인력 */
.study_researcher .part1_wrap, .study_researcher .part2_wrap {
	display: none
}

.study_researcher .part1_wrap.on, .study_researcher .part2_wrap.on {
	display: block
}

/* 연구자관리 */
.researcher .txt_comt {
	margin-top: 20px
}

.researcher .proce_box {
	padding: 20px;
	border: 1px solid #ebedf2;
	line-height: 1.3em
}

.researcher .proce_box .tit.v1 {
	margin-bottom: 20px
}

.researcher .proce_box .log_list {
	margin: 10px 20px
}

.researcher .proce_box .log_list:after {
	display: block;
	clear: both;
	content: ''
}

.researcher .proce_box .log_list li {
	float: left;
	width: 33%
}

.researcher .proce_box .log_list li:last-child {
	width: 34%
}

.researcher .proce_box .log_list li:first-child span {
	margin-left: 0
}

.researcher .proce_box .log_list span {
	display: block;
	overflow: hidden;
	width: calc(100% - 20px);
	margin: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: break-word
}

.researcher .working_time .time_list {
	display: flex
}

.researcher .working_time .time_list li {
	-ms-flex: 1;
	flex: 1
}

.researcher .working_time .time_list li:first-child {
	-ms-flex: 0.5;
	flex: 0.5;
	text-align: left
}

.researcher .working_time .time_list li:last-child {
	-ms-flex: 0.5;
	flex: 0.5;
	text-align: right
}

.researcher .working_time .progress {
	width: 100%;
	height: 20px;
	border-radius: 4px;
	background: transparent
}

.researcher .working_time .progress_bar {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: #3FC5DC
}

.researcher .working_time .total_best td {
	background: #ffe9ed
}

.researcher .working_time .total_best .progress_bar {
	background: #EC4E69
}

.researcher .working_time .total_best .total_time {
	background: #f0dfe2;
	color: #F4516C;
	font-weight: bold
}

.researcher .working_time .day_best td {
	background: #eafffa
}

.researcher .working_time .day_best .progress_bar {
	background: #4CC0A5
}

.researcher .working_time .day_best .day_time {
	background: #d9f2ec;
	color: #34bfa3;
	font-weight: bold
}

.researcher .working_time .progress_bar .txt {
	position: absolute;
	top: 2px;
	right: 10px;
	color: #fff;
	white-space: nowrap
}

.researcher .work_status li {
	margin-left: 50px
}

.researcher .sel_userid {
	margin-bottom: 15px
}

/* 연구자 투입 배정 */
.researcher .data_box {
	background: #fff
}

.researcher .data_box.fixed {
	position: fixed;
	top: 80px;
	left: 169px;
	right: 20px;
	z-index: 20
}

.researcher .data_list li {
	min-height: 14px;
	cursor: pointer
}

.researcher .data_list .rch_name {
	display: inline-block;
	max-width: 90px;
	line-height: 1rem;
	vertical-align: top
}

.researcher .data_list .selecting {
	font-weight: bold
}

.researcher .data_list .selecting:before {
	display: inline-block;
	line-height: 0.6rem;
	vertical-align: top;
	content: '▶'
}

.researcher .ui-selector .name {
	display: block
}

.researcher .ui-selector .btn_base {
	display: none;
	margin: 0 auto
}

.researcher .ui-selector.on .name {
	display: none
}

.researcher .ui-selector.on .btn_base {
	display: block
}

.researcher .ui-selector.cursor {
	cursor: pointer
}

/* 센터운영관리 - 프로시져 */
.center_assign .boardlist {
	margin: 20px 0;
}

.center_assign .tblist03.procedure_list th, .center_assign .tblist03.procedure_list td {
	line-height: 1.3em;
	letter-spacing: -1px
}

.center_assign .tblist03.procedure_list .pointer {
	cursor: pointer
}

.center_assign .tblist03.procedure_list .sub_th {
	background: #dcebf8;
	color: #666
}

.center_assign .tblist03.procedure_list .new {
	background: #ffecd3;
	color: #e50000
}

.center_assign .tblist03.procedure_list .ing {
	background: #eaf5ff;
	color: #305e84
}

.center_assign .tblist03.procedure_list .filthead a {
	width: 69%;
	padding-right: 18%;
	text-align: center
}

.center_assign .ui-autocomplete {
	overflow: auto;
	position: absolute;
	z-index: 10;
	height: 90px;
	padding: 5px 0;
	border: 1px solid #cacedc;
	background: #fff
}

.center_assign .ui-autocomplete .ui-menu-item {
	padding: 5px 10px
}

.center_assign .ui-autocomplete .ui-state-focus {
	border: 0;
	background: #1B6FA7;
	color: #fff;
	cursor: pointer
}

.center_assign .tbl_add {
	margin: 20px 0
}

.center_assign .tbl_add th, .center_assign .tbl_add td {
	padding: 5px;
	border: 1px solid #e4e7f0
}

.center_assign .tbl_add th {
	position: relative;
	text-align: left;
	font-weight: bold
}

.center_assign .tbl_add input[type="text"] {
	height: 24px;
	min-height: auto
}

.center_assign .tbl_add .btn_remove_tr {
	position: absolute;
	top: 9px;
	right: 4px;
	padding: 5px
}

.center_assign .tbl_add .btn_remove_tr .sp {
	width: 10px;
	height: 10px;
	background-position: -46px 0
}

.center_assign .tbl_add .sort_list:after {
	display: block;
	clear: both;
	content: ''
}

.center_assign .tbl_add .sort_list > li {
	float: left;
	position: relative;
	margin: 3px
}

.center_assign .tbl_add .tag {
	display: block;
	padding: 4px 15px 4px 5px;
	border: 1px solid #95C7DA;
	border-radius: 3px;
	background: #C9ECF9;
	cursor: default
}

.center_assign .tbl_add .btn_remove {
	position: absolute;
	top: 4px;
	right: 0;
	padding: 5px
}

.center_assign .tbl_add .btn_remove .sp {
	width: 6px;
	height: 6px;
	background-position: -14px -1px
}

.center_assign .tbl_add .disable .tag {
	padding: 4px 5px;
	border: 1px solid #aaa;
	background: #ddd
}

.center_assign .tbl_add .disable .btn_remove {
	display: none
}

.center_assign .tbl_add .txt_time {
	display: inline-block;
	margin-top: 5px;
	font-weight: bold
}

.center_assign .tbl_add .inp_time {
	width: 50px;
	margin-right: 5px
}

.center_assign .tbl_add .inp_sgt {
	width: 200px;
	margin-right: 45px;
	padding: 0 5px;
	vertical-align: top
}

.center_assign .tbl_add .btn_sch {
	padding: 5px 7px;
	background: #ccc;
	vertical-align: top
}

.center_assign .tbl_add.addTime:after {
	display: block;
	clear: both;
	content: ''
}

.center_assign .tbl_add.addTime table {
	float: left;
	width: 500px
}

.center_assign .btn_add_time {
	min-width: auto;
	height: 42px;
	margin-left: 5px
}

.center_assign .proce_box {
	overflow-x: auto;
	position: relative;
	margin-top: 15px
}

.center_assign .proce_box .nocont_txt {
	margin-bottom: 40px;
	padding: 60px 0;
	border-top: 2px solid #b4bbc3;
	border-left: 1px solid #e1e7ef;
	border-right: 1px solid #e1e7ef;
	border-bottom: 1px solid #b4bbc3;
	background: #f8f9fa;
	text-align: center
}

.center_assign .proce_box .innertbl {
	width: auto;
	margin: 0;
	border-top: 1px solid #79849c;
	border-left: 1px solid #e4e7f0;
	border-right: 1px solid #e4e7f0;
	table-layout: fixed
}

.center_assign .proce_box .innertbl th, .center_assign .proce_box .innertbl td {
	height: 20px;
	padding: 0;
	line-height: 1.4em
}

.center_assign .proce_box .innertbl .name {
	height: auto
}

.center_assign .proce_box .innertbl .interval td {
	border-top: 1px solid #e4e7f0;
	background: #8b95aa;
	color: #fff
}

.center_assign .proce_box .innertbl .interval td input {
	color: #666
}

.center_assign .proce_box .innertbl .base_time {
	display: inline-block;
	margin-top: 2px
}

.center_assign .proce_box .innertbl .ui-selector.cursor {
	cursor: pointer
}

.center_assign .proce_box .innertbl .td_inr {
	position: relative;
	width: 75px;
	margin: 0 auto;
	word-break: break-all;
	text-align: center
}

.center_assign .proce_box .innertbl .black {
	color: #333
}

.center_assign .proce_box .innertbl .white {
	color: #fff
}

.center_assign .proce_box .innertbl .name .td_inr span {
	letter-spacing: -1px;
	line-height: 1.2em;
	font-size: 12px;
	cursor: default
}

/* 위첨자 줄바꿈 설정 */
.center_assign .proce_box .innertbl .err {
	background: #fe6d57;
	color: #fff
}

.center_assign .proce_box .innertbl .change {
	color: #eb0000
}

.center_assign .proce_box .innertbl .change input {
	color: #eb0000
}

.center_assign .proce_box .innertbl input[type="text"] {
	display: inline-block;
	width: 40px;
	height: 16px;
	min-height: auto;
	margin: 2px auto;
	padding: 0 2px;
	min-width: auto;
	text-align: center
}

.center_assign .proce_box .innertbl input.inp_interv_col {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	margin-left: -22px
}

.center_assign .proce_box .innertbl input.inp_time_cell {
	height: 16px;
	border: 0;
	background: transparent
}

.center_assign .proce_box .innertbl .minus {
	display: none
}

.center_assign .proce_box .innertbl .minus.on {
	display: inline-block
}

.center_assign .proce_box .dimmed {
	position: absolute;
	top: 62px
}

.center_assign .proce_box .dimmed .txt {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -9px
}

.center_assign .mgr_wrap {
	overflow: auto;
	position: relative;
	max-height: 180px;
	padding: 40px 17px 40px 0;
	border: 1px solid #e4e7f0
}

.center_assign .mgr_wrap.fixed {
	position: fixed;
	top: 75px;
	left: 170px;
	right: 20px;
	z-index: 20;
	padding: 40px 15px;
	border: 0;
	border-bottom: 1px solid #e4e7f0;
	background: #fff
}

.center_assign .mgr_wrap.fixed .buttondv {
	display: none
}

.center_assign .mgr_wrap.view {
	padding: 60px 0
}

.center_assign .mgr_wrap:after {
	display: block;
	clear: both;
	content: ''
}

.center_assign .mgr_box {
	float: left;
	position: relative;
	width: 75%;
	padding: 0 20px;
	box-sizing: border-box
}

.center_assign .unsgn {
	position: absolute;
	top: 15px;
	right: 22px;
	font-weight: 600
}

.center_assign .mgr_wrap.view .unsgn {
	top: 35px
}

.center_assign .mgr_list {
	display: flex;
	margin-top: 10px
}

.center_assign .mgr_list:first-child {
	margin: 0
}

.center_assign .mgr_list:after {
	display: block;
	clear: both;
	content: ''
}

.center_assign .mgr_list li {
	float: left;
	position: relative;
	height: 27px;
	margin-left: 20px;
	line-height: 1.7em;
	flex: 1
}

.center_assign .mgr_list li:first-child {
	margin: 0
}

.center_assign .mgr_list .color_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	border: 1px solid #b8b8b8;
	vertical-align: top
}

.center_assign .mgr_list .color_box.v1 {
	margin-top: 5px
}

.center_assign .mgr_list .color_box.on {
	border: 1px solid #000
}

.center_assign .mgr_list .time {
	display: inline-block;
	min-width: 45px;
	color: #333
}

.center_assign .mgr_list .name.auto {
	display: inline-block;
	min-width: 30px;
	color: #333
}

.center_assign .mgr_list .btn_mgr.selecting {
	font-weight: 600
}

.center_assign .mgr_list .sel_names {
	width: 105px;
	margin-left: 3px;
	padding: 2px 5px
}

.center_assign .mgr_names {
	float: left;
	width: calc(25% - 10px);
	margin-left: 10px;
	padding: 20px;
	border: 1px solid #e4e7f0;
	box-sizing: border-box
}

.center_assign .mgr_names li {
	margin-top: 5px
}

.center_assign .mgr_names li:first-child {
	margin: 0
}

.center_assign.view .tbl_wrap .bg_blue th {
	background: #5D9EDB;
	color: #fff
}

.center_assign.view .mgr_list .color_box {
	margin-top: 4px
}

.center_assign.view .article {
	margin-top: 40px
}

/* 센터운영관리 - 휴가관리 */
.center_mng .vac_monthly th {
	background: #C4C5D6
}

.center_mng .vac_monthly td {
	height: 30px
}

.center_mng .vac_monthly td .td_inr {
	padding-top: 7px
}

.center_mng .vac_monthly .date, .center_mng .vac_monthly .weekend {
	background: #f4f5f8
}

.center_mng .vac_monthly .date {
	width: 50px
}

.center_mng .vac_monthly .vac {
	width: 40px
}

.center_mng .vac_monthly .sat {
	color: #36A3F7
}

.center_mng .vac_monthly .sun {
	color: #F4516C
}

/* 외래진료실 전날 다음날 버튼 */
.outpatient .bt_prevday, .outpatient .bt_nextday {
	display: inline-block;
	padding: 10px;
	vertical-align: top
}

.outpatient .bt_prevday .sp, .outpatient .bt_nextday .sp {
	display: block;
	width: 7px;
	height: 11px
}

.outpatient .bt_prevday .sp {
	background-position: -68px -27px
}

.outpatient .bt_nextday .sp {
	background-position: -77px -27px
}

.outpatient .bt_prevday.mon .sp {
	background-position: -50px -27px
}

.outpatient .bt_nextday.mon .sp {
	background-position: -59px -27px
}

/* 왜래진료실 - 달력보기 */
.outpatient .out_calendar .cald {
	position: relative;
	padding: 1px 0 30px
}

.outpatient .out_calendar .sel {
	position: absolute;
	top: 0;
	left: 0
}

.outpatient .out_calendar .btoday {
	display: inline-block;
	padding: 7.5px 13px;
	border: 1px solid #ebedf2;
	border-radius: 3px
}

.outpatient .out_calendar .tdate {
	color: #646c9a;
	text-align: center;
	font-size: 26px
}

.outpatient .out_calendar .rbtn {
	position: absolute;
	top: 0;
	right: 0
}

.outpatient .out_calendar .bg2 th, .outpatient .out_calendar td {
	border: 1px solid #ebedf2
}

.outpatient .out_calendar .bg2 th {
	padding: .75rem .5rem
}

.outpatient .out_calendar .td_inr {
	position: relative;
	padding: .5rem
}

.outpatient .out_calendar td:not(.sun) .td_inr:hover {
	background: #5867DD
}

.outpatient .out_calendar td:not(.sun):hover span {
	color: #fff
}

.outpatient .out_calendar .sun .td_inr {
	background: #fff
}

.outpatient .out_calendar .sun.beday .td_inr {
	background: #fff
}

.outpatient .out_calendar .sun.passday .td_inr {
	background: #fff
}

.outpatient .out_calendar .sun .day {
	color: #FD397A
}

.outpatient .out_calendar .passday .td_inr {
	background: #f7f8fa
}

.outpatient .out_calendar .passday span {
	color: #b6b6b6
}

.outpatient .out_calendar .beday .td_inr {
	background: #e6effe
}

.outpatient .out_calendar .today .day {
	color: #5867DD;
	font-weight: bold
}

.outpatient .out_calendar .date_cont {
	display: block;
	margin-top: 3.5rem
}

.outpatient .out_calendar .date_cont li {
	margin-top: 8px
}

.outpatient .out_calendar .cn_tit {
	color: #a7abc3
}

.outpatient .ico_info:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -1px 5px 0 0;
	border: 1px solid #B8B8B8;
	vertical-align: top;
	content: ''
}

.outpatient .reserv_no:before {
	background: #CAD6E3
}

.outpatient .reserv_fin:before {
	background: #F9F4C1
}

.outpatient .reserv_ok:before {
	background: #fff
}

.outpatient .reserv_info:before {
	background: #50BAE2
}

.outpatient .currentbox {
	position: relative
}

.outpatient .daytbl th, .outpatient .daytbl td {
	border: 1px solid #ebedf2
}

.outpatient .daytbl .cald {
	padding-bottom: 10px;
	border: 0
}

.outpatient .daytbl .thtoday {
	margin-bottom: 20px
}

.outpatient .daytbl .txt_date {
	margin: 0 40px;
	font-size: 26px
}

.outpatient .daytbl .bg2 th {
	position: relative;
	height: 39px
}

.outpatient .daytbl tbody th, .outpatient .daytbl tbody tr:nth-child(even) td {
	border-bottom: 1px solid #aaaaac
}

.outpatient .daytbl td {
	width: 30px
}

.outpatient .daytbl .time {
	width: 50px
}

.outpatient .daytbl .td_inr {
	width: 100%;
	height: 29px
}

.outpatient .daytbl .exp {
	display: none
}

.outpatient .daytbl .ui-selecting .td_inr, .outpatient .daytbl .ui-selected .td_inr {
	background: #89B3F9
}

.outpatient .daytbl .tmyreserv .td_inr {
	background: #87CFEB
}

.outpatient .daytbl .tfinish .td_inr {
	background: #FAF8E0
}

.outpatient .daytbl .tunable .td_inr {
	background: #dfe6ee
}

.outpatient .daytbl .ar {
	position: absolute;
	right: 7px;
	bottom: 7px;
	width: 18px;
	height: 18px;
	background-position: -64px -57px
}

.outpatient .daytbl .slayer.noalr {
	position: fixed;
	margin-top: 15px;
	z-index: 10
}

.outpatient .daytbl .slayer.noalr .in {
	width: 260px;
	height: auto;
	padding: 15px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: left;
	box-shadow: 0 2px 5px 1px rgba(102, 102, 102, 0.5);
	-webkit-box-shadow: 0 2px 5px 1px rgba(102, 102, 102, 0.5)
}

.outpatient .daytbl .slayer.noalr .arrup {
	position: absolute;
	top: 0;
	left: 62%;
	margin: -5px 0 0 35px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgba(0, 0, 0, 0.8)
}

.outpatient .daytbl .slayer.noalr .p1 {
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacacc;
	font-size: 14px
}

.outpatient .daytbl .slayer.noalr .p2 {
	overflow: hidden;
	margin-top: 10px
}

.outpatient .daytbl .slayer.noalr .p2:first-child {
	margin: 0
}

.outpatient .daytbl .slayer.noalr .p2 span {
	display: inline-block
}

.outpatient .daytbl .slayer.noalr .tit {
	width: 35px;
	margin-right: 5px
}

.outpatient .daytbl .slayer.noalr .txt {
	width: 220px
}

.outpatient #rvbtnbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 84px;
	padding: 10px 3px;
	background: #31313b;
	text-align: center;
	z-index: 20
}

.outpatient #rvbtnbox button {
	display: block;
	width: 52px;
	height: 38px;
	margin: 0 auto;
	border-radius: 3px;
	color: #fff
}

.outpatient #rvbtnbox .confr {
	background: #3D4960
}

.outpatient #rvbtnbox .cancel {
	margin-top: 8px;
	background: #8B9199
}

.outpatient .currtimedv {
	position: relative
}

.outpatient #currtimebar {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 93.2%;
	height: 14px;
	margin-left: 79px;
	background: url("../images/sub/bg_curret.png") no-repeat left 0;
	z-index: 10
}

.outpatient .room_num .txt_label {
	width: 25px;
	margin-left: 8px
}

/* 외래진료실 예약정보 */
.outpatient .closing_list {
	overflow: auto;
	max-height: 400px;
	margin-top: 15px
}

.outpatient .closing_list li {
	position: relative;
	margin-top: 5px;
	padding: 10px 51px 10px 5px;
	background: #e7f2ff
}

.outpatient .closing_list li:hover {
	background: #cadcf1
}

.outpatient .closing_list .btn_close {
	top: 1px;
	right: 0;
	padding: 10px 20px
}

#hidtime {
	display: none;
	position: absolute;
	left: 20px;
	top: 0;
	margin-top: 99px;
	width: 80px;
	height: 660px;
	z-index: 99990;
}

#hidtime .tblist02.timetbl {
	height: 660px;
}

#hidtime .tblist02.timetbl th {
	height: 60px;
	background: none;
	color: #fff;
}

#hidtime .tblist02.timetbl tr:first-child th {
	height: 42px;
}

/* 카테고리 */
.cont_txt {
	margin-bottom: 30px;
	line-height: 1.3em
}

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

.category_box {
	float: left;
	width: 500px
}

.category_box:first-child {
	margin-right: 20px
}

.category_box .item_control_wrap {
	width: auto
}

.category_box .item_control_wrap.scroll {
	overflow: auto;
	max-height: 600px
}

.item_control_wrap {
	padding: 15px;
	border: 1px solid #ebedf2
}

.item_control_wrap.depth2 {
	display: none
}

.item_control_wrap.depth2.on {
	display: block
}

.item_control_box .cate_list input[type="text"] {
	height: 26px;
	min-height: auto
}

.item_control_box .cate_list .txt {
	display: inline-block;
	margin-top: 6px;
	vertical-align: top
}

.item_control_box .cate_list .period {
	display: inline-block;
	margin-top: 3px
}

.item_control_box .cate_list .period .palette_box {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	vertical-align: top
}

.item_control_box .cate_list .period .txt {
	margin-top: 4px
}

.item_control_box .cate_list .add_cate {
	background: #e2ecf6;
	cursor: pointer
}

.item_control_box .cate_list .add_cate .txt {
	margin-left: 0;
	font-weight: bold
}

.item_control_box .cate_list .add_cate .txt:before {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px 7px 0 0;
	background: url('../images/sp.png') no-repeat -48px -39px;
	vertical-align: top;
	content: ''
}

.item_control_box .cate_list.hide {
	display: none
}

.item_control_box .cate_list.depth {
	padding-left: 35px
}

.item_control_box .cate_list.dummy {
	min-height: 48px
}

.item_control_box .item_order {
	overflow: hidden;
	position: relative;
	height: 26px;
	margin-bottom: 5px;
	padding: 10px 125px 10px 10px;
	border: 1px solid #ebedf2;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.item_control_box .item_order.active {
	background: #e2ecf6
}

.item_control_box .item_order.active .txt {
	font-weight: bold
}

.item_control_box .item_order.edit_detail {
	height: auto;
	padding: 10px
}

.item_control_box .item_order.hide {
	display: none
}

.item_control_box .item_order.pointer {
	cursor: pointer
}

.item_control_box .item_order:hover {
	border: 1px solid #716ACA
}

.item_control_box .item_order:hover .btn_cate_list {
	display: block
}

.item_control_box .ico_box {
	display: inline-block;
	vertical-align: top
}

.item_control_box .ico_box::after {
	display: block;
	clear: both;
	content: ''
}

.item_control_box .ico_box button {
	float: left;
	margin-right: 10px
}

.item_control_box .btn_toggle {
	width: 16px
}

.item_control_box .btn_toggle .sp {
	display: block
}

.item_control_box .btn_toggle.open {
	margin-top: 8px
}

.item_control_box .btn_toggle.close {
	margin-top: 5px
}

.item_control_box .btn_toggle.open .sp {
	width: 16px;
	height: 10px;
	background-position: -18px -39px
}

.item_control_box .btn_toggle.close .sp {
	width: 10px;
	height: 16px;
	margin-left: 3px;
	background-position: -36px -39px
}

.item_control_box .btn_toggle.hide {
	display: none
}

.item_control_box .btn_list_move {
	margin: 7px 0 0 0
}

.item_control_box .btn_list_move .sp {
	display: block;
	width: 16px;
	height: 12px;
	background-position: -84px -57px;
	cursor: move
}

.item_control_box .btn_cate_list {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px
}

.item_control_box .btn_cate_list.edit {
	display: block
}

.item_control_box .btn_cate_list:after {
	display: block;
	clear: both;
	content: ''
}

.item_control_box .btn_cate_list li {
	float: left;
	margin: 0 3px
}

.item_control_box .btn_list_add.hide {
	display: none
}

.item_control_box .arrow_down {
	width: 20px;
	height: 18px;
	background: #ccc
}

.item_control_box .sortable-placeholder {
	height: 46px;
	margin-bottom: 5px;
	border: 1px dashed #ebedf2;
	background: #f8faff
}

.item_control_box .edit_detail_mode {
	position: relative
}

.item_control_box .edit_detail_mode .tbl_wrap {
	margin: 0
}

.item_control_box .edit_detail_mode th, .groupware .edit_box td {
	padding: 6px 5px
}

.item_control_box .edit_detail_mode input[type="text"], .groupware .edit_box select {
	width: 100%
}

.item_control_box .edit_detail_mode .btn_wrap {
	margin-top: 10px;
	padding: 0
}


/* 회원가입 */
.register .section .body {
	width: 1100px;
	font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;
}

/*원래는 800px; 폰트 패밀리없음*/
.register.write .section .body {
	width: auto
}

.register .article:first-child {
	margin-bottom: 50px
}

.register .agr_box {
	overflow: auto;
	height: 300px;
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #ebedf2;
	letter-spacing: -1px;
}

.register .agr_list_wrap .agr_tit {
	display: block;
	margin: 50px 0 40px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5em
}

.register .agr_list_wrap .agr_tit_txt {
	font-size: 20px;
	line-height: 1.5rem
}

.register .agr_list_wrap .agr_sub_tit {
	margin: 20px 0 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5rem
}

.register .agr_list_wrap .agr_sub_txt {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5rem
}

.register .agr_list_wrap .agr_sub_wrap {
	margin-bottom: 20px;
}

.register .agr_sub_wrap .agr_sub_tit {
	margin: 0 0 15px;
}

.register .agr_list_wrap .agr_sub_list > li {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5rem
}

.register .agr_list_wrap .agr_padding_txt {
	margin-top: 5px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.5rem
}

.register .agr_list_wrap .agr_padding_txt.deep {
	padding-left: 30px;
}

.register .sub_tit {
	font-size: 20px;
}

.register .align_list.agr {
	justify-content: center;
	margin-top: 30px
}

.register.complete {
	height: calc(100% - 40px)
}

.register.complete .section {
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 15px)
}

.register.complete .body {
	padding: 0
}

.register .txt_comt1, .register .txt_comt2 {
	text-align: center
}

.register .txt_comt1 {
	font-size: 32px
}

.register .txt_comt2 {
	margin-top: 20px;
	font-size: 20px
}

.register .txt_cont {
	margin-top: 5px;
	line-height: 1.2rem
}

.register .tbl_wrap.write input[type="text"], .register .tbl_wrap.write input[type="password"] {
	width: 200px
}

.register .tbl_wrap.write select {
	width: auto
}

.register .pri_tit {
	display: block;
	margin-bottom: 20px;
	color: #363636;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: -1px;
}

/* 검체관리 */
.rch_sample .empty {
	background: #ccc
}

.rch_sample .label_tit > div {
	float: left;
	margin: 0
}

.rch_sample .label_tit .btn_wrap {
	margin-left: 20px
}

.rch_sample .label_tit .btn_base {
	padding: 8.5px 13px
}

.rch_sample .label_tit:after {
	display: block;
	clear: both;
	content: ''
}

.rch_sample .pop_sample {
	width: 500px
}

.rch_sample .btn_print {
	margin: 2px 0 0 5px;
	vertical-align: top
}

.rch_sample .btn_print .sp {
	width: 16px;
	height: 14px;
	background-position: -102px -57px
}

.rch_sample .btn_pop_print {
	margin: 2px 0 0 5px;
	vertical-align: top
}

.rch_sample .btn_pop_print .sp {
	width: 16px;
	height: 14px;
	background-position: -102px -57px
}

.rch_sample .btn_pop_print.none .sp {
	width: 16px;
	height: 14px;
	background-position: -120px -57px
}

.rch_sample .inp_txt {
	display: inline-block;
	margin: 7px 0 0 8px
}

.rch_sample .pop_separate {
	width: 500px
}

.rch_sample .pop_separate select {
	width: 100%
}

.rch_sample .pop_separate .inp_self {
	display: none;
	width: 100%;
	margin-top: 5px
}

.rch_sample .pop_separate .inp_self.on {
	display: block
}

.rch_sample .tbl_subject_list, .rch_sample .tbl_barcode_list {
	display: none
}

.rch_sample .tbl_subject_list.on, .rch_sample .tbl_barcode_list.on {
	display: block
}

.rch_sample .box_label {
	overflow: auto;
	min-height: auto;
	max-height: 500px;
	margin-bottom: 40px
}

.rch_sample .box-selecting {
	background: #b7b7b7
}

.rch_sample .box-selected {
	background: #ffd374
}

/* 대상자 검체라벨 교체 */
.label_change {
}

.label_change td {
	height: 27px;
	box-sizing: border-box;
}

.label_change .lb_chg_txt {
	color: #8f929e;
	line-height: 20px;
}

.label_change .label_chg_area {
	display: flex;
	margin-top: 30px;
}

.label_change .left_area {
	width: 900px;
	margin-right: 30px;
}

.label_change .left_area .tbl_wrap td {
	height: 50px;
}

.label_change .rec_tag {
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	background: #5867dd;
	border: 1px solid #5867dd;
	border-radius: 3px;
}

.label_change .remove_btn {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 10px;
	height: 10px;
	background: url('../images/sp.png') no-repeat -34px 0;
}

.label_change .right_area {
	width: 300px;
}

.label_change .right_area .tbl_wrap td {
	height: 50px
}

.label_change .give_subj {
	cursor: pointer;
}

.label_change .give_subj.on {
	background: #ffbb22;
}

.label_change .rec_subj {
	cursor: pointer;
}

.label_change .rec_subj.on {
	background: #ffbb22;
}

.pop_print {
	width: 400px
}

.pop_print .print_ready, .pop_print .print_ing {
	display: none
}

.pop_print .print_ready.on, .pop_print .print_ing.on {
	display: block
}

.btn_colorpalette .color_box {
	width: 20px;
	height: 20px;
	margin: 0
}

.pop_colorpalette {
	width: 400px
}

.pop_colorpalette .color_list:after {
	display: block;
	clear: both;
	content: ''
}

.pop_colorpalette .color_list li {
	float: left;
	margin: 5px
}

.pop_colorpalette .color_box {
	display: block;
	position: relative;
	width: 30px;
	height: 30px
}

.pop_colorpalette .color_box.on:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -7px 0 0 -5px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: ''
}

.pop_separate .btn_remove_row {
	display: none
}

.pop_separate .btn_remove_row.on {
	display: inline-block
}

.barcode_box input {
	width: 600px;
	padding: 15px;
	font-size: 20px
}

.barcode_box .btn_base {
	height: 59px;
	margin-left: 5px;
	font-size: 20px
}

/* 대시보드 공지사항 */
.pop_notice {
	width: 600px
}

.pop_notice strong {
	font-weight: bold
}

.pop_notice p {
	margin-top: 10px;
	line-height: 1.3rem
}

.pop_notice ul {
	margin-left: 8px
}

.pop_notice li {
	margin-top: 5px
}

.pop_notice .onedays_cls {
	position: absolute;
	right: 25px;
	bottom: 30px
}

.pop_notice .onedays_cls .lb_box {
	vertical-align: top
}

/* 팝업 관리 */
.bg_list li {
	height: 80px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 80px;
}

.bg_list li:first-child {
	margin-left: 10px;
	margin-bottom: 10px;
}

.bg_list .btn_preview_pop {
	vertical-align: top;
}

.bg_list .btn_del_img {
	width: 9px;
	height: 9px;
	margin-left: 10px;
	vertical-align: top;
}

.bg_list .btn_del_img > span {
	display: inline-block;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	background: no-repeat url("../images/common/sbt_this_del2.png");
}

.preview_modal {
	display: none;
	position: fixed;
	z-index: 99990;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
}

.preview_modal.on {
	display: block;
}

.preview_modal img {
    display: block;
	width: auto;
	height: auto;
    margin: 2% auto auto;
	max-width: 95%;
}

/****  main popup layer s  ****/
.main_popup_layer {
	display: none;
	min-width: 100px;
	min-height: 100px;
	height: auto;
	position: absolute;
	border: 1px solid #d7d7d7;
	background: #fff;
	background-size: cover;
	overflow: hidden;
	box-sizing: border-box
}

.main_popup_layer .in {
	overflow: hidden;
	position: relative;
	height: calc(100% - 51px);
	margin: 0 auto;
	background-size: cover;
}

.main_popup_layer .pop_tle {
	display: block;
	padding: 30px 30px 25px;
	font-size: 25px;
	word-break: keep-all;
}

.main_popup_layer .pop_con {
	padding: 0 35px 35px;
	line-height: 20px;
	font-size: 14px;
	color: #707070;
	box-sizing: border-box;
}

.main_popup_layer .pop_con.scroll {
	overflow-y: auto;
}

.main_popup_layer .pop_btn {
	height: 60px;
	width: fit-content;
	margin: 0 auto
}

.main_popup_layer .pop_btn a {
	display: inline-block;
	min-width: 100px;
	height: 35px;
	line-height: 31px;
	padding: 0 15px;
	background-color: #01358b;
	color: #fff;
}

.main_popup_layer .pop_check {
	height: 50px;
	padding: 0 10px;
	border-top: 1px solid #d7d7d7;
	background-color: #ffffff;
	color: #666666;
	overflow: hidden;
}

.main_popup_layer .pop_check .btclose {
	display: inline-block;
	float: right;
	margin-top: 9px;
	width: 70px;
	height: 30px;
}

.main_popup_layer .pop_check .lb_box {
	margin-top: 17px;
}

.main_popup_layer strong {
	font-weight: bold !important;
}

.hidimglist {
	position: absolute;
	z-index: -10;
	width: 0;
	height: 0;
	overflow: hidden;
}

.main_popup_layer {
	left: 5%;
	top: 5%;
	background-position: center 0;
	z-index: 9990;
}

.dimlayer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 30
}

/****  main popup layer e  ****/

/* jstree style */
.jstree_wrap:after {
	display: block;
	clear: both;
	content: ''
}

.jstree_box.single {
	float: none;
	width: 500px;
	height: 400px
}

.jstree_box {
	overflow: auto;
	float: left;
	height: 500px;
	padding: 20px;
	border: 1px solid #ebedf2
}

.jstree_box.col-2 {
	width: 400px;
	margin-left: 20px
}

.jstree_selected li {
	margin-top: 10px
}

.jstree_selected li:first-child {
	margin: 0
}

.jstree_view {
	width: 500px
}

.jstree_view.jstree-default .jstree-icon {
	color: #a2a5b9
}

.jstree_view.jstree-default .jstree-icon.kt-font-warning {
	color: #ffb822
}

.jstree_view.jstree-default .jstree-icon.fa {
	font-size: 1rem
}

.jstree_view.jstree-default .jstree-wholerow-clicked {
	background: #ebedf2
}

.jstree_view.jstree-default .jstree-wholerow-hovered, .jstree_view.jstree-default.jstree-wholerow .jstree-wholerow-hovered {
	background: #f7f8fa
}

.jstree_view .jstree-open > .jstree-anchor > .fa-folder:before {
	content: '\f07c'
}

/* pop_time_collect */
.pop_time_collect {
	width: 400px
}

.pop_time_collect .sub_tit {
	color: #F4516C;
	font-size: 20px
}

.pop_time_collect .text_wrap p {
	font-size: 17px;
	line-height: 21px;
	white-space: pre-line;
}

.pop_time_collect .reason_wrap p {
	font-size: 15px
}

.pop_time_collect .reason_rdo li {
	margin-bottom: 10px
}

/*pop_collect*/
.pop_collect {
	width: 550px
}

.pop_collect .sub_tit {
	color: #F4516C;
	font-size: 20px
}

.pop_collect .text_wrap p {
	font-size: 16px
}

.pop_collect .txt_cent.scroll {
	overflow-y: auto;
	min-height: 50px;
	max-height: 200px
}

/*pop_window*/
.pop_window {
	width: 500px
}

.pop_window .input_wrap {
	margin-top: 20px
}

.pop_window .lb_box {
	display: block;
	margin-bottom: 5px;
}

.pop_window .lb_box:first-child {
	margin-left: 15px
}

/* 20200820 디자인 불러오기 팝업 수정 */
.pop_design #id_view {
	overflow: auto;
	margin-top: 25px;
	max-height: 400px
}

/* pop_spcm_load */
.pop_spcm_load {
	width: 1250px;
	height: 600px;
}

.pop_spcm_load .spcm_set {
	overflow-y: auto;
	height: 450px;
}

.pop_spcm_load .spcm_nodata {
	padding: 200px 0;
	font-size: 15px;
	text-align: center;
}

/* 연구문서 상세보기 td hover시 버튼 보이게 */
.tbl_wrap.write .doc_hover_btn {
	height: 26px
}

.doc_hover_btn .desc {
	display: inline-block;
	margin: 1px 5px 0 0;
	vertical-align: middle
}

.doc_hover_btn .btn_base {
	display: none;
	vertical-align: middle
}

.doc_hover_btn:hover .btn_base {
	display: inline-block
}

/* 연구메모 팝업 반응형*/
.pop_study_memo {
	top: 20px;
	width: 75%;
	height: 70%
}

/* 대상자 그룹설정 팝업*/
.pop_sbj_group .sg_stat_box {
	font-size: 16px;
	line-height: 25px;
	word-break: break-all;
}

/* 교육 대상자 지정 - ROLE별 팝업 */
.pop_study .pop_study_list {
	overflow-y: auto;
	max-height: 300px
}

.pop_study .tbl_wrap {
	width: 50%;
	display: inline-block;
	vertical-align: top
}

.pop_study .add_list {
	overflow: auto;
	width: 47%;
	display: inline-block;
	max-height: 200px;
	padding: 0 0 0 15px;
}

/* 대상자 스케줄 추가 팝업 */
.pop_schd_add .datepicker_box .fa-calendar-day {
	margin-top: 8px;
	margin-left: 5px
}

/* 경고 팝업(노란배경) */
.pop_warning {
	background-color: #fdff00 !important;
}

.pop_warning .text_wrap strong {
	display: block;
	font-size: 20px
}

.pop_warning .text_wrap p {
	font-size: 17px;
	line-height: 25px;
}

/* 210625 연구스케줄  */
.calendar-wrap {
	background: #fff
}

.calendar-wrap:after {
	display: block;
	clear: both;
	content: ''
}

.calendar-wrap .calendar-select {
	float: left;
	width: 200px;
	height: 698px;
	margin: 53px 10px 0 0;
	border: 1px solid #ddd
}

.calendar-wrap .calendar-select .color_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 0;
	vertical-align: top;
	box-sizing: border-box
}

.calendar-wrap .calendar-select .lb_box {
	margin-left: 0
}

.calendar-wrap .calendar-select .txt_label {
	width: 138px;
	margin-left: 10px
}

.calendar-wrap .calendar-select .subject-info {
	padding: 20px 10px
}

.calendar-wrap .calendar-select .info-txt {
	margin-bottom: 20px
}

.calendar-wrap .calendar-select .subject-list {
	overflow: auto;
	height: 87%;
	padding: 10px;
	border-top: 1px solid #ddd;
	box-sizing: border-box
}

.calendar-wrap .calendar-select .subject-list li {
	position: relative;
	margin-top: 10px
}

.calendar-wrap .picker-hide {
	position: relative;
	left: -50px;
	z-index: -1;
	width: 0;
	padding: 0;
	border: 0
}

.calendar-wrap .calendar-select .subject-depth2 {
	display: none;
	margin-left: 23px;
}

.calendar-wrap .calendar-select .subject-depth2.on {
	display: block;
}

.calendar-wrap .calendar-select .btn_toggle {
	position: absolute;
	top: 3px;
	right: 0;
	width: 13px;
	height: 7px;
	text-indent: -9999px;
	background: url("../images/common/arrow_bot.png") no-repeat;
}

.calendar-wrap .calendar-select .btn_toggle.on {
	background-image: url("../images/common/arrow_top.png")
}

.clendar-detail-popup {
	width: 400px
}

.clendar-detail-popup .detail-txt {
	margin-bottom: 10px
}

.clendar-detail-popup .section-tit {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

.clendar-detail-popup .todo-list {
	overflow: auto;
	max-height: 220px
}

.clendar-detail-popup .todo-list li {
	display: flex;
	margin-bottom: 5px
}

.clendar-detail-popup .todo-list span {
	display: inline-block;
	padding: 8px;
	border-radius: 3px
}

.clendar-detail-popup .todo-list .todo {
	width: 248px;
	margin-right: 5px;
	border: 1px solid #3C8DAD;
	background: rgba(60, 141, 173, 0.1)
}

.clendar-detail-popup .todo-list .hour {
	width: 50px;
	border: 1px solid #F5A962;
	background: rgba(245, 169, 98, 0.1);
	text-align: center
}

.clendar-detail-popup .memo-wrap {
	margin-top: 30px
}

.clendar-detail-popup .memo {
	overflow: auto;
	height: 100px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px
}

.clendar-detail-popup .actv_border {
	min-height: 30px;
	padding: 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

/*임상시험센터 청구서*/
.act_bill .read {
	border: none
}

.act_bill table input {
	width: 100%
}

.act_bill table td {
	text-align: left
}

.act_bill .pop_bill_send {
	width: 500px;
}

.act_bill .pop_bill_send .sub_tit {
	display: inline-block;
}

.act_bill .pop_bill_send .txt {
	font-size: 14px;
	line-height: 20px;
}

/* fullcalendar custom */
.calendar-wrap .fc-day-sat * {
	color: #36A3F7
}

.calendar-wrap .fc-day-sun * {
	color: #F4516C
}

.calendar-wrap .fc-toolbar-title {
	position: relative
}

.calendar-wrap .fc-daygrid-event {
	white-space: initial;
	line-height: 0.9rem
}

/* 웹에디터 */
.editor_wrap {
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}

.editor_wrap ul {
	list-style-type: disc;
	list-style-position: inside;
}

.editor_wrap ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.editor_wrap ul ul, .editor_wrap ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 15px;
}

.editor_wrap ol ol, .editor_wrap ul ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 15px;
}

.editor_wrap li {
	list-style: inherit;
}

.editor_wrap strong {
	font-weight: bold;
}

.editor_wrap em {
	font-style: italic;
}

.editor_wrap a {
	color: -webkit-link;
	cursor: pointer;
	text-decoration: underline;
}

/* 게시판 관리 */
.notice_board .section {
	padding: 15px
}

.notice_board .section:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .nav {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding-right: 15px;
	border-right: 1px solid #ebedf2
}

.notice_board .nav .tit {
	font-size: 14px;
	font-weight: bold
}

.notice_board .nav_list li:first-child {
	margin-top: 20px
}

.notice_board .nav_list li {
	margin-top: 13px
}

.notice_board .nav_list a {
	display: block;
	position: relative;
	padding-left: 22px;
	color: #a7abc3;
	line-height: 1.2rem;
}

.notice_board .nav_list a:hover, .notice_board .nav_list .on {
	color: #333
}

.notice_board .nav_list a:before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 14px;
	background: url('../images/sp.png') no-repeat;
	vertical-align: top;
	content: ''
}

.notice_board .nav_list .img:before {
	height: 12px;
	top: 4px;
	background-position: -74px -17px
}

.notice_board .nav_list .list:before {
	height: 18px;
	top: 1px;
	background-position: -90px -17px
}

.notice_board .body {
	float: left;
	width: calc(100% - 236px);
	height: 100%;
	padding: 0
}

.notice_board .tit_box {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 11px;
	border-bottom: 1px solid #ebedf2
}

.notice_board .tit_box.star {
	padding-left: 48px
}

.notice_board .tit_box.star .ico_star {
	padding: 11px 10px
}

.notice_board .main_tit {
	padding-top: 11px
}

.notice_board .btn_head {
	top: 0
}

.notice_board .btn_move_row {
	padding: 6px 8px
}

.notice_board .btn_move_row[data-move-type^="max"] {
	padding: 5px 8px
}

.notice_board .txt_warn {
	margin-top: 20px;
	line-height: 1.1rem
}

.notice_board .listed_txt_box {
	position: relative
}

.notice_board .listed_txt_box.fst {
	margin-top: 10px
}

.notice_board .toggle_box {
	overflow: hidden;
	width: calc(100% - 36px);
	height: 20px;
	line-height: 1.2rem
}

.notice_board .toggle_box.on {
	height: auto
}

.notice_board .btn_txt_toggle {
	display: none;
	position: absolute;
	top: -4px;
	right: 0;
	padding: 10px
}

.notice_board .btn_txt_toggle.on {
	display: block
}

.notice_board .btn_txt_toggle .sp {
	display: block;
	width: 16px;
	height: 10px;
	background-position: -18px -39px
}

.notice_board .btn_txt_toggle.close {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}

.notice_board .board_list_box {
	width: 100%;
	margin: 10px 0
}

.notice_board .board_list_box:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .board_list_box .tit, .notice_board .board_list_box .listed_txt_box {
	float: left
}

.notice_board .board_list_box .tit {
	width: 40px;
	height: 20px;
	margin-right: 20px;
	line-height: 20px
}

.notice_board .board_list_box .listed_txt_box {
	width: calc(100% - 60px)
}

.notice_board .tbl_wrap .th_chk {
    margin: 10px 0 0;
}

.notice_board .tbl_wrap .reserv {
	padding-top: 12px;
	vertical-align: top
}

.notice_board .desc_list > li:first-child {
	margin: 0
}

.notice_board .desc_list > li {
	margin-top: 10px
}

.notice_board .desc_list li > * {
	display: inline-block;
	vertical-align: top
}

.notice_board .desc_list span {
	margin-right: 20px;
	font-weight: bold
}

.notice_board .desc_list .tit {
	width: 70px;
	margin-top: 7px
}

.notice_board .repeat_day_list:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .repeat_day_list li {
	float: left;
	padding: 6px 10px;
	border: 1px solid #646c9a;
	border-left: 0;
	cursor: pointer
}

.notice_board .repeat_day_list li:first-child {
	border-left: 1px solid #646c9a
}

.notice_board .repeat_day_list li:hover {
	background: #EEF1FF
}

.notice_board .repeat_day_list .on:hover, .notice_board .repeat_day_list .on {
	background: #5D78FF;
	color: #fff
}

.notice_board .btn_removeall {
	margin-top: 10px
}

/* 사진 게시판 */
.notice_board .caption .tit {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
	vertical-align: top
}

.notice_board .caption .txt {
	display: inline-block;
	width: 245px;
	vertical-align: top
}

.notice_board .thumbnail_wrap {
	overflow: hidden;
	position: relative;
	padding-top: 70%
}

.notice_board .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%)
}

.notice_board .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.notice_board .masonry_wrap {
	margin-top: 30px
}

.notice_board .masonry {
	max-width: 1320px
}

.notice_board .masonry:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .masonry > li {
	float: left;
	position: relative;
	width: 320px;
	margin: 0 10px 10px 0;
	border: 1px solid #cacaca;
	box-sizing: border-box;
	cursor: pointer
}

.notice_board .caption.over {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	padding: 5px;
	background: rgba(222, 222, 222, 0.7)
}

.notice_board .masonry.v1 > li:hover {
	border: 1px solid #5E78FF
}

.notice_board .album_box {
	position: relative;
	padding: 20px;
	height: 326px
}

.notice_board .album_box .tit_wrap {
	margin-bottom: 15px
}

.notice_board .album_box .tit {
	display: inline-block;
	font-weight: bold
}

.notice_board .album_box .notice_tag {
	padding: 3px 5px
}

.notice_board .album_box .thumbnail_wrap {
	position: relative;
	border: 1px solid #cacaca
}

.notice_board .album_box .img_more {
	position: absolute;
	top: 5px;
	right: 10px
}

.notice_board .album_box .desc {
	margin-top: 15px
}

.notice_board .album_box .desc li {
	min-height: 13px;
	margin-top: 10px
}

.notice_board .album_box .desc li:first-child {
	margin: 0
}

.notice_board .album_box .desc .cpation_txt {
	min-height: 17px
}

.notice_board .album_box .desc .ellip {
	display: block;
	width: 100%
}

.notice_board .album_box .desc .view {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #cacaca
}

.notice_board .img_wide {
	overflow: hidden;
	width: 960px
}

.notice_board .img_wide .img_wrap {
	overflow: hidden;
	width: 920px;
	height: 520px;
	cursor: pointer;
	outline: none
}

.notice_board .img_wide .thumbnail_wrap {
	padding-top: 57.5%
}

.notice_board .img_wide .caption {
	margin-top: 20px
}

.notice_board .img_wide .caption .txt {
	width: calc(100% - 60px);
	line-height: 1
}

/* 사진 게시판 - view */
.notice_board .album_list {
	margin-bottom: 20px
}

.notice_board .album_list:last-child {
	margin: 0
}

.notice_board .album_list:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .album_list .thumbnail_wrap {
	border: 1px solid #cacaca
}

.notice_board .img_box, .notice_board .desc_box {
	float: left
}

.notice_board .img_box {
	width: 300px;
	cursor: pointer
}

.notice_board .desc_box {
	margin-left: 10px
}

.notice_board .desc_box p {
	margin-bottom: 10px
}

.notice_board .desc_box p:last-child {
	margin: 0
}

/* 사진게시판 일반형 팝업 */
.notice_board .img_wide.v1 .img_wide_box {
	height: 600px
}

.notice_board .img_wide.v1 .img_wide_box:after {
	display: block;
	clear: both;
	content: ''
}

.notice_board .img_wide.v1 .desc_area, .notice_board .img_wide.v1 .img_area {
	float: left
}

.notice_board .img_wide.v1 .desc_area {
	overflow: hidden;
	width: 200px;
	height: 100%;
	margin-right: 30px;
	padding-right: 20px;
	border-right: 1px solid #ebedf2
}

.notice_board .img_wide.v1 .desc_area .tit {
	margin-bottom: 20px;
	font-weight: bold
}

.notice_board .img_wide.v1 .desc_area .txt {
	overflow: auto;
	max-height: 567px;
	line-height: 1.2rem
}

.notice_board .img_wide.v1 .img_area {
	width: calc(100% - 251px)
}

.notice_board .img_wide.v1 .slick-list {
	border: 1px solid #cacaca
}

.notice_board .img_wide.v1 .img_wrap {
	position: relative;
	width: 500px
}

.notice_board .img_wide.v1 .caption {
	margin: 0;
	bottom: -1px
}

.notice_board .img_wide.v1 .thumbnail_wrap {
	padding-top: 83.6%
}

.notice_board .pop_origin {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8)
}

.notice_board .pop_origin.active {
	display: block
}

.notice_board .pop_origin img {
	display: block;
	max-width: 95%;
	max-height: 95%;
	margin: 0 auto;
	cursor: zoom-out
}

.notice_board .slider {
	position: relative;
	padding: 0 40px
}

.notice_board .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.notice_board .slick-arrow .sp {
	width: 24px;
	height: 40px
}

.notice_board .slick-prev {
	left: 0
}

.notice_board .slick-prev .sp {
	background-position: 0 -101px
}

.notice_board .slick-next {
	right: 0
}

.notice_board .slick-next .sp {
	background-position: -26px -101px
}

/* 게시판 댓글 */
.notice_board .user_info {
	position: relative;
	margin-bottom: 15px;
	padding-top: 8px
}

.notice_board .user_info .name {
	color: #6C7293;
	font-weight: bold;
	cursor: pointer
}

.notice_board .user_info .date {
	margin-left: 10px;
	color: #A9ACC2
}

.notice_board .user_info .edit_box, .notice_board .user_info .save_box {
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.notice_board .user_info .edit_box.on, .notice_board .user_info .save_box.on {
	display: block
}

.notice_board .comt_write .user_info .name {
	cursor: default
}

.notice_board .comt_area textarea {
	width: 100%
}

.notice_board .comt_area textarea.focus {
	border: 1px solid #716ACA
}

.notice_board .comt_list {
	margin-top: 30px
}

.notice_board .comt_list li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebedf2
}

.notice_board .comt_desc .txt {
	line-height: 1.2rem;
	white-space: pre-line
}

/* 게시판 카테고리 설정 */
.board_setting .btn_move_row {
	padding: 6px 8px
}

.board_setting .btn_move_row[data-move-type^="max"] {
	padding: 5px 8px
}

.board_setting .category_wrap {
	margin-top: 20px
}

.board_setting .category_box.col-1 {
	width: 450px
}

.board_setting .category_box.col-1 .field_right {
	top: 2px
}

.board_setting .category_box.col-1 .item_control_box {
	margin-top: 20px
}

.board_setting .category_box.col-1 .cate_list {
	overflow: auto;
	max-height: 600px
}

.board_setting .category_box.col-1 .item_order.on {
	background: #e2ecf6;
	font-weight: bold
}

.board_setting .category_box.col-2 {
	display: none;
	width: calc(100% - 470px)
}

.board_setting .category_box.col-2.on {
	display: block
}

.board_setting .category_box.col-2 .btn_base {
	margin-left: 0
}

.board_setting .category_box.col-2 .board_desc {
	width: 100%
}

.board_setting .data_info_box {
	height: 100px
}

/* 팝업등록 별도 게시판 */
.board_setting .txt_warn {
	margin-top: 20px;
	line-height: 1.1rem
}

.board_setting .repeat_day_list:after {
	display: block;
	clear: both;
	content: ''
}

.board_setting .repeat_day_list li {
	float: left;
	padding: 6px 10px;
	border: 1px solid #646c9a;
	border-left: 0;
	cursor: pointer
}

.board_setting .repeat_day_list li:first-child {
	border-left: 1px solid #646c9a
}

.board_setting .repeat_day_list li:hover {
	background: #EEF1FF
}

.board_setting .repeat_day_list .on:hover, .board_setting .repeat_day_list .on {
	background: #5D78FF;
	color: #fff
}

.board_setting .desc_list > li:first-child {
	margin: 0
}

.board_setting .desc_list > li {
	margin-top: 10px
}

.board_setting .desc_list li > * {
	display: inline-block;
	vertical-align: top
}

.board_setting .desc_list span {
	margin-right: 20px;
	font-weight: bold
}

.board_setting .desc_list .tit {
	width: 70px;
	margin-top: 7px
}

.board_setting .listed_txt_box {
	position: relative
}

.board_setting .listed_txt_box.fst {
	margin-top: 10px
}

.board_setting .toggle_box {
	overflow: hidden;
	width: calc(100% - 36px);
	height: 20px;
	line-height: 1.2rem
}

.board_setting .toggle_box.on {
	height: auto
}

.board_setting .board_list_box {
	width: 100%;
	margin: 10px 0
}

.board_setting .board_list_box:after {
	display: block;
	clear: both;
	content: ''
}

.board_setting .board_list_box .tit, .notice_board .board_list_box .listed_txt_box {
	float: left
}

.board_setting .board_list_box .tit {
	width: 30px;
	height: 20px;
	margin-right: 20px;
	line-height: 20px
}

.board_setting .board_list_box .listed_txt_box {
	width: calc(100% - 50px)
}

.board_setting .btn_txt_toggle {
	display: none;
	position: absolute;
	top: -4px;
	right: 0;
	padding: 10px
}

.board_setting .btn_txt_toggle.on {
	display: block
}

.board_setting .btn_txt_toggle .sp {
	display: block;
	width: 16px;
	height: 10px;
	background-position: -18px -39px
}

.board_setting .btn_txt_toggle.close {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}

.btn_row.minus span {
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/sub/ico_delete.png") no-repeat
}

.btn_move_row {
	min-width: auto
}

.btn_move_row .sp2 {
	display: inline-block;
	width: 14px;
	height: 8px;
	margin-top: 3px
}

.btn_move_row[data-move-type^="up"] .sp2 {
	background-position: -62px -39px
}

.btn_move_row[data-move-type^="down"] .sp2 {
	background-position: -78px -39px
}

.btn_move_row[data-move-type^="max"] .sp2 {
	width: 14px;
	height: 16px;
	margin: 0
}

.btn_move_row[data-move-type="maxup"] .sp2 {
	background-position: -94px -39px
}

.btn_move_row[data-move-type="maxdown"] .sp2 {
	background-position: -110px -39px
}

.link_popup {
	display: inline-block;
	margin-left: 7px;
	padding: 3px;
	vertical-align: top
}

.link_popup .sp {
	display: block;
	width: 12px;
	height: 12px;
	background-position: -60px -17px
}

.notice_board .nav_list li:first-child {
	margin-top: 20px
}

.notice_board .nav_list li {
	margin-top: 13px
}

.notice_board .nav_list a {
	display: block;
	position: relative;
	padding-left: 22px;
	color: #a7abc3;
	line-height: 1.2rem;
}

.notice_board .nav_list a:hover, .notice_board .nav_list .on {
	color: #333
}

.notice_board .nav_list a:before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 14px;
	background: url('../images/common/sp2.png') no-repeat;
	vertical-align: top;
	content: ''
}

.notice_board .nav_list .img:before {
	height: 12px;
	top: 4px;
	background-position: -74px -17px
}

.notice_board .nav_list .list:before {
	height: 18px;
	top: 1px;
	background-position: -90px -17px
}

.notice_board .slider {
	position: relative;
	padding: 0 40px
}

.notice_board .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.notice_board .slick-arrow .sp2 {
	width: 24px;
	height: 40px
}

.notice_board .slick-prev {
	left: 0
}

.notice_board .slick-prev .sp2 {
	background-position: 0 -101px
}

.notice_board .slick-next {
	right: 0
}

.notice_board .slick-next .sp2 {
	background-position: -26px -101px
}

/* item list */
.data_info_box {
	overflow: auto;
	height: 235px;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ebedf2
}

.data_info_box.disabled {
	background: #f5f5f5
}

.data_info_box li {
	margin-top: 8px;
	line-height: 1.1rem
}

.data_info_box li:first-child {
	margin-top: 0
}

.data_info_box .btn_item_remove {
	height: 11px;
	margin: 3px 0 0 5px;
	vertical-align: top
}

.data_info_box .btn_item_remove .sp {
	display: inline-block
}

.popup .data_info_box .btn_item_remove {
	position: relative;
	top: 0;
	right: 0;
	margin: 2px 0 0 7px
}

/* 팝업에서 btn_close의 영향을 받아 position:absolute가 되므로 해제  */

/*.intg_study_list  tab_list */
.intg_study_list .tab_list {
	display: flex;
	margin: 0 0 25px;
	border-bottom: 1px solid #ebedf2;
	flex-wrap: wrap;
}

.intg_study_list .tab_list:after {
	display: block;
	clear: both;
	content: ''
}

.intg_study_list .tab_list li {
	width: 100px;
	text-align: center;
	color: #7b7e8a;
	cursor: pointer;
	outline: none
}

.intg_study_list .tab_list li:first-child {
	margin-left: 0
}

.intg_study_list .tab_list .ui-tabs-active {
	border-bottom: 1px solid #5867dd;
	color: #5867dd
}

.intg_study_list .tab_list .ui-tabs-active span:after {
	display: inline-block;
	width: 9px;
	height: 5px;
	margin: 6px 0 0 7px;
	background: url('../images/arrow_bottom.png') no-repeat;
	vertical-align: top;
	content: ''
}

.intg_study_list .tab_list a {
	display: block;
	padding: 17px 0;
	outline: none
}

.sch_box {
	overflow: hidden;
	height: 30px;
	padding: 20px 10px;
	margin-bottom: 20px;
	background: #f4f5f8
}

.sch_box.on {
	overflow: visible;
	height: auto
}

.sch_box.auto_height {
	overflow: hidden;
	height: auto
}

.sch_box.auto_height.on {
	overflow: visible
}

.sch_box.fst {
	margin-top: 10px
}

.sch_box .field_box:first-child {
	margin-bottom: 20px
}

.sch_box .field_box.v1 {
	margin-bottom: 10px
}

.sch_box .field_box > .btn_base:first-child {
	margin-left: 0
}

.sch_box .align_list .btn_more:hover {
	text-decoration: none
}

.sch_box .txt_align_list {
	display: inline-block;
	margin-top: 1px;
	vertical-align: top
}

.sch_box .inr_align_list {
	display: inline-block;
	margin-left: 20px
}

.sch_box .inr_align_list:after {
	display: inline-block;
	clear: both;
	content: ''
}

.sch_box .inr_align_list li {
	float: left;
	margin-left: 10px
}

.sch_box .inr_align_list.v1 li {
	margin-left: 20px
}

.sch_box input.timepicker {
	width: 50px;
	text-align: center
}

.sch_box .inp_box {
	width: 200px
}

.sch_box .inp_sch_area .inp_box, .sch_box .inp_sch_area .inp_search {
	width: 100%
}

.sch_box .calendar {
	width: 120px
}

.sch_box .calendar .datepicker {
	text-align: center
}

.sch_box .btn_base {
	min-width: auto
}

.sch_box .btn_more {
	margin-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #333
}

.sch_box .btn_more:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 4px 0 0 5px;
	padding: 0;
	border-top: 6px solid #7B7E8A;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 0;
	vertical-align: top;
	content: ''
}

.sch_box .btn_more.on:after {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}

.sch_box .location_chk {
	margin: 10px 0 0 36px
}

.sch_box input {
	width: 200px;
}

.sch_box select {
	min-width: 100px
}

/* 상세검색 table */
.sch_box .tbl_wrap th, .sch_box .tbl_wrap td {
	padding: 5px 20px 5px 0;
	border: 0
}

.sch_box .tbl_wrap .pleft30 {
	padding-left: 30px
}

.sch_box .article.line_top {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #d9d9d9
}

/* aui grid */
#grid_wrap .aui-grid-header-filter-icon {
	background: url('../images/grid/filter_ico2.png') 50% 50% no-repeat;
	background-size: contain;
}

/* zoom */
.zoom_wrap {
	display: inline-block;
	margin-right: 20px;
}

.zoom_wrap .btn_zoom {
	margin-top: 5px;
	vertical-align: middle;
}

.zoom_wrap .btn_zoom.in {
	margin-left: 10px
}

.zoom_wrap .btn_zoom.out {
	margin-right: 10px
}

.zoom_wrap .btn_zoom .fas {
	font-size: 20px
}

.zoom_wrap .inp_zoom {
	width: 60px;
	text-align: center;
	border: 1px solid #ddd;
	cursor: pointer;
}

.zoom_wrap .inp_zoom:focus {
	border: 1px solid #ddd
}

/* 진료실 예약 공통*/
.btn_lrg_wrap .btn_base {
	width: 160px;
	height: 44px;
}

.btn_lrg_wrap .btn_base.blue {
	background-color: #1f7dd4;
	border: 1px solid #1f7dd4;
}

.btn_lrg_wrap .btn_base.blue_rev {
	border: 1px solid #1f7dd4
}

.btn_lrg_wrap .btn_base span {
	font-size: 16px;
}


/* 진료실 설정 */
.resv_top_area p {
	margin-right: 20px;
	font-size: 16px;
	font-weight: 700;
}

.resv_top_area select {
	width: 100px;
	margin-right: 40px;
	font-size: 16px;
}

.resv_set_wrap {
	display: flex;
	margin-top: 30px
}

.resv_set_wrap .tit {
	margin-right: 20px;
	font-size: 16px;
	font-weight: 700;
}

.resv_set_wrap .left {
	width: 70%;
	margin-right: 20px;
}

.resv_set_wrap .right {
	width: 30%
}

.resv_set_wrap .right .right_box {
	padding: 30px 20px;
	border: 1px solid #bdbdbd;
}

.resv_set_wrap .right_box .tbl_wrap {
	margin: 0;
}

.resv_set_wrap .right_box .tbl_wrap .datepicker {
	width: 100px;
}

.resv_set_wrap .right_box select {
	width: 100px
}

.resv_set_wrap .right_box th {
	vertical-align: top;
}

.resv_set_wrap .right_box .mark {
	margin-top: 5px
}

.resv_set_wrap .mdcl_dvcs_list li {
	margin-bottom: 10px
}

.resv_set_wrap .mdcl_dvcs_list li .inp_mdcl_dvcs {
	width: calc(100% - 42px);
	margin-right: 10px
}

.resv_set_wrap .mdcl_dvcs_list .btn_base {
	width: 26px
}

.resv_set_wrap .tbl_gnrl .disabled {
	background-color: #d7d7d7;
}

/* 현황판  설정*/
.pin_board_wrap {
	display: flex;
	flex-wrap: wrap-reverse
}

.pin_board_wrap .left {
	min-width: 600px;
	margin-right: 60px
}

.pin_board_wrap .right {
	width: 570px;
	margin-bottom: 20px
}

.pin_board_wrap .right .name {
	margin-bottom: 25px;
	font-size: 16px;
}

.pin_board_wrap .right .tit {
	font-size: 16px
}

.pin_board_wrap .right .aplct_room_list {
	display: flex;
	margin-top: 13px;
	flex-wrap: wrap;
}

.pin_board_wrap .aplct_room_list li {
	width: calc(100% / 6);
	height: 42px;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

.pin_board_wrap .aplct_room_list li:nth-child(6n+1) {
	border-left: 1px solid #d7d7d7
}

.pin_board_wrap .aplct_room_list li:nth-child(n+1):nth-child(-n+6) {
	border-top: 1px solid #d7d7d7
}

.pin_board_wrap .aplct_room_list li.on {
	background-color: #e5e8ec
}

.pin_board_wrap .aplct_room_list button {
	width: 100%;
	height: 100%
}


/* 미리보기 팝업 */
.pop_mdc_preview {
	overflow-y: auto;
	height: 500px
}

.pop_mdc_preview .lrg_board {
	width: 990px;
	height: auto;
	padding: 1rem;
	background-position: right 1rem top 1rem;
	background-size: 6rem;
}

.pop_mdc_preview .lrg_board .lrg_board_tit {
	height: 2.5rem;
	margin-bottom: 1.5rem;
	font-size: 2rem;
}

.pop_mdc_preview .lrg_board .list_wrap .card {
	margin-bottom: 1rem;
}

.pop_mdc_preview .lrg_board .card .num {
	padding: 0.5rem 0;
	font-size: 2.1rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

.pop_mdc_preview .lrg_board .info_area {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.pop_mdc_preview .lrg_board .pin_info {;
	max-height: 36vh;
}

.pop_mdc_preview .lrg_board .pin_info .info_tit_wrap {
	padding: 0.5rem 0.5rem 0 0.5rem;
}

.pop_mdc_preview .lrg_board .pin_info .info_tit {
	padding: 0.55rem 0.45rem;
	border-radius: 0.2rem;
}

.pop_mdc_preview .lrg_board .info_tit .order {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pop_mdc_preview .lrg_board .info_tit .order .no {
	font-size: 1.2rem;
}

.pop_mdc_preview .lrg_board .info_tit .mdcl_name {
	width: 6rem;
	height: 1rem;
	font-size: 1rem;
}

.pop_mdc_preview .lrg_board .pin_info .info_tit .info_txt {
	height: 2.6rem;
	margin-top: 0.75rem;
	line-height: 1.35rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list {
	height: 6.75rem;
	padding: 0.5rem 0.75rem 0.75rem 0.5rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list.vacancy span {
	font-size: 2.5rem
}

.pop_mdc_preview .lrg_board .mng_list.only_area {
	height: 16.3rem
}

.pop_mdc_preview .lrg_board .mng_list.only_area .only_area_wrap {
	font-size: 3rem
}

.pop_mdc_preview .lrg_board .pin_info .mng_list li {
	margin-top: 0.65rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list li img {
	display: block;
	width: 50%
}

.pop_mdc_preview .lrg_board .pin_info .mng_list .no_mng p {
	font-size: 0.65rem;
	line-height: 1.1rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list .no_mng .call {
	margin-top: 1.5rem;
	font-size: 0.8rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list span {
	font-size: 1.1rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list .name {
	width: 5rem;
	height: 2.48rem;
	padding-right: 0.25rem;
	font-size: 1.7rem;
	letter-spacing: -0.25rem;
}

.pop_mdc_preview .lrg_board .pin_info .mng_list .name.screening {
	font-size: 1.7rem;
}

.pop_mdc_preview .lrg_board .pin_info .info_bot {
	padding: 0.5rem;
}

.pop_mdc_preview .lrg_board .pin_info .info_bot li {
	margin-bottom: 0.5rem
}

.pop_mdc_preview .lrg_board .pin_info .info_bot li span {
	font-size: 0.8rem;
	letter-spacing: -0.1rem
}

.pop_mdc_preview .lrg_board .pin_info .info_bot li .tit {
	width: 4.25rem;
	font-size: 0.7rem
}

.pop_mdc_preview .lrg_board .pin_info .info_bot .qr_img_wrap {
	width: 1.75rem;
	height: 1.75rem;
}

.pop_mdc_preview .lrg_board .off_wrap {
	height: calc(100% - 3.1rem);
	font-size: 2rem;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.pop_mdc_preview .front_board {
	width: 540px;
	height: 100vh;
	padding: 0 1.5rem;
	background-color: #143f91
}

.pop_mdc_preview .front_board .num {
	padding-top: 4rem;
	padding-bottom: 2rem;
	color: #fff;
	font-size: 9rem;
	font-weight: 700;
	text-align: center;
	background-color: #143f91
}

.pop_mdc_preview .front_board .info_box {
	padding: 0
}

.pop_mdc_preview .front_board .info_box:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pop_mdc_preview .front_board .info_tit_wrap {
	display: flex;
	padding: 2rem 3rem;
	background-color: #1f7dd4;
	box-sizing: border-box;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	justify-content: space-between;
	align-items: center
}

.pop_mdc_preview .front_board .info_tit_wrap .no {
	color: #fff;
	font-size: 4.3rem;
}

.pop_mdc_preview .front_board .info_tit_wrap .sbj {
	color: #fff;
	font-size: 3rem;
}

.pop_mdc_preview .front_board .info_area {
	height: auto;
	background-color: #fff;
	box-sizing: border-box;
	border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
}

.pop_mdc_preview .front_board .info_area.vacancy {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pop_mdc_preview .front_board .info_area.vacancy .vacancy_wrap {
	font-size: 5rem;
	font-weight: 700;
}

.pop_mdc_preview .front_board .info_area.only_area .only_area_wrap {
	font-size: 7rem
}

.pop_mdc_preview .front_board .mng_list {
	padding: 2rem 3rem;
	background-color: #e5e8ed;
	box-sizing: border-box;
}

.pop_mdc_preview .front_board .mng_list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pop_mdc_preview .front_board .mng_list li:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pop_mdc_preview .front_board .mng_list span {
	font-size: 2.8rem
}

.pop_mdc_preview .front_board .mng_list .name {
	font-size: 6rem;
	font-weight: 700;
	letter-spacing: 0.25rem
}

.pop_mdc_preview .front_board .info_bot {
	display: flex;
	padding: 3rem 3rem;
	justify-content: space-between;
}

.pop_mdc_preview .front_board .info_bot li:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pop_mdc_preview .front_board .info_bot .tit {
	display: inline-block;
	width: 11rem;
	color: #1f7dd4;
	font-size: 2.4rem;
	letter-spacing: -0.1rem
}

.pop_mdc_preview .front_board .info_bot span {
	font-size: 3rem;
	letter-spacing: -1px
}

.pop_mdc_preview .front_board .qr_wrap {
	width: 7.5rem;
	height: 7.5rem;
}

.pop_mdc_preview .front_board .qr_wrap img {
	width: 100%;
	height: 100%;
}

/* 현황판 pc 관리*/
.btn_pcset_wrap {
	margin-top: 0;
	margin-bottom: 20px;
}

.btn_pcset_wrap .btn_base {
	width: 200px;
	height: 40px;
	margin-right: 10px;
	background-color: #f4f5f9;
	border: 1px solid #1f7dd4;
}

.btn_pcset_wrap .btn_base span {
	color: #111;
	font-size: 16px;
}

.pcset_tit {
	font-size: 18px;
	font-weight: 700;
}

.btn_lrg_board .btn_base {
	width: 160px;
	height: 44px
}

.btn_lrg_board .btn_base span {
	font-weight: 700
}

/* 대형현황판 페이지 */
.pin_board_wrap .lrg_board {
	width: 990px;
	height: auto;
	padding: 1rem;
	background-position: right 1rem top 1rem;
	background-size: 6rem;
}

.pin_board_wrap .lrg_board .lrg_board_tit {
	height: 2.5rem;
	margin-bottom: 1.5rem;
	font-size: 2rem;
}

.pin_board_wrap .lrg_board .list_wrap .card {
	margin-bottom: 1rem;
}

.pin_board_wrap .lrg_board .card .num {
	padding: 0.5rem 0;
	font-size: 2.1rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

.pin_board_wrap .lrg_board .info_area {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.pin_board_wrap .lrg_board .pin_info {;
	max-height: 36vh;
}

.pin_board_wrap .lrg_board .pin_info .info_tit_wrap {
	padding: 0.5rem 0.5rem 0 0.5rem;
}

.pin_board_wrap .lrg_board .pin_info .info_tit {
	padding: 0.55rem 0.45rem;
	border-radius: 0.2rem;
}

.pin_board_wrap .lrg_board .info_tit .order {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pin_board_wrap .lrg_board .info_tit .order .no {
	font-size: 1.2rem;
}

.pin_board_wrap .lrg_board .info_tit .mdcl_name {
	width: 6rem;
	height: 1rem;
	font-size: 1rem;
}

.pin_board_wrap .lrg_board .pin_info .info_tit .info_txt {
	height: 2.6rem;
	margin-top: 0.75rem;
	line-height: 1.35rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list {
	height: 6.75rem;
	padding: 0.5rem 0.75rem 0.75rem 0.5rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list.vacancy span {
	font-size: 2.5rem
}

.pin_board_wrap .lrg_board .mng_list.only_area {
	height: 16.3rem
}

.pin_board_wrap .lrg_board .mng_list.only_area .only_area_wrap {
	font-size: 3rem
}

.pin_board_wrap .lrg_board .pin_info .mng_list li {
	margin-top: 0.65rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list li img {
	display: block;
	width: 50%
}

.pin_board_wrap .lrg_board .pin_info .mng_list .no_mng p {
	font-size: 0.65rem;
	line-height: 1.1rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list .no_mng .call {
	margin-top: 1.5rem;
	font-size: 0.8rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list span {
	font-size: 1.1rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list .name {
	width: 5rem;
	height: 2.48rem;
	padding-right: 0.25rem;
	font-size: 1.7rem;
	letter-spacing: -0.25rem;
}

.pin_board_wrap .lrg_board .pin_info .mng_list .name.screening {
	font-size: 1.7rem;
}

.pin_board_wrap .lrg_board .pin_info .info_bot {
	padding: 0.5rem;
}

.pin_board_wrap .lrg_board .pin_info .info_bot li {
	margin-bottom: 0.5rem
}

.pin_board_wrap .lrg_board .pin_info .info_bot li span {
	font-size: 0.8rem;
	letter-spacing: -0.1rem
}

.pin_board_wrap .lrg_board .pin_info .info_bot li .tit {
	width: 4.25rem;
	font-size: 0.7rem
}

.pin_board_wrap .lrg_board .pin_info .info_bot .qr_img_wrap {
	width: 1.75rem;
	height: 1.75rem;
}

.pin_board_wrap .lrg_board .off_wrap {
	height: calc(100% - 3.1rem);
	font-size: 2rem;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

/* 진료실 앞 템플릿 페이지 */
.pin_board_wrap .front_board {
	width: 540px;
	height: 100vh;
	padding: 0 1.5rem;
	background-color: #143f91
}

.pin_board_wrap .front_board .num {
	padding-top: 4rem;
	padding-bottom: 2rem;
	color: #fff;
	font-size: 9rem;
	font-weight: 700;
	text-align: center;
	background-color: #143f91
}

.pin_board_wrap .front_board .info_box {
	padding: 0
}

.pin_board_wrap .front_board .info_box:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pin_board_wrap .front_board .info_tit_wrap {
	display: flex;
	padding: 2rem 3rem;
	background-color: #1f7dd4;
	box-sizing: border-box;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	justify-content: space-between;
	align-items: center
}

.pin_board_wrap .front_board .info_tit_wrap .no {
	color: #fff;
	font-size: 4.3rem;
}

.pin_board_wrap .front_board .info_tit_wrap .sbj {
	color: #fff;
	font-size: 3rem;
}

.pin_board_wrap .front_board .info_area {
	height: auto;
	background-color: #fff;
	box-sizing: border-box;
	border-bottom-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
}

.pin_board_wrap .front_board .info_area.vacancy {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pin_board_wrap .front_board .info_area.vacancy .vacancy_wrap {
	font-size: 5rem;
	font-weight: 700;
}

.pin_board_wrap .front_board .mng_list {
	padding: 2rem 3rem;
	background-color: #e5e8ed;
	box-sizing: border-box;
}

.pin_board_wrap .front_board .mng_list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pin_board_wrap .front_board .mng_list li:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pin_board_wrap .front_board .mng_list span {
	font-size: 2.8rem
}

.pin_board_wrap .front_board .mng_list .name {
	font-size: 6rem;
	font-weight: 700;
	letter-spacing: 0.25rem
}

.pin_board_wrap .front_board .info_bot {
	display: flex;
	padding: 3rem 3rem;
	justify-content: space-between;
}

.pin_board_wrap .front_board .info_bot li:nth-of-type(1) {
	margin-bottom: 1.5rem
}

.pin_board_wrap .front_board .info_bot .tit {
	display: inline-block;
	width: 11rem;
	color: #1f7dd4;
	font-size: 2.4rem;
	letter-spacing: -0.1rem
}

.pin_board_wrap .front_board .info_bot span {
	font-size: 3rem;
	letter-spacing: -1px
}

.pin_board_wrap .front_board .qr_wrap {
	width: 7.5rem;
	height: 7.5rem;
}

.pin_board_wrap .front_board .qr_wrap img {
	width: 100%;
	height: 100%;
}

/* 단일진료과 */
.pin_board_wrap .front_board .info_area.only_area {
	height: 74vh
}

.pin_board_wrap .front_board .info_area.only_area .only_area_wrap {
	font-size: 7rem
}

.ea_list_wrap {
	display: flex;
	margin-top: 160px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ea_list_wrap .ea_list {
	width: 410px;
	margin-right: 10px;
	margin-bottom: 50px;
}

.ea_list_wrap .card {
	height: 100%;
	padding: 25px 20px 20px 20px;
	background-color: #1f7ddd;
	border: 1px solid #1f7ddd;
	box-sizing: border-box;
	border-radius: 4px
}

.ea_list_wrap .card .num {
	margin-bottom: 20px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-align: center
}

.ea_list_wrap .card .num .mark {
	width: 24px;
	height: 24px;
	margin-top: 11px;
	border: none;
}

.ea_list_wrap .card .num .txt_label {
	margin-left: 20px;
	line-height: normal;
}

.ea_list_wrap .card .off_wrap {
	display: table;
	width: 100%;
	height: 80%;
	box-sizing: border-box;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}

.ea_list_wrap .off_wrap p {
	display: table-cell;
	vertical-align: middle
}

.ea_list_wrap .info_area > li {
	margin-top: 10px
}

.ea_list_wrap .btn_wrap {
	margin-top: 10px
}

.ea_list .pin_info {
	height: 100%;
	color: #111;
	border: none
}

.ea_list .pin_info .info_tit_wrap {
	padding: 0;
	background-color: #e5e8ed;
	box-sizing: border-box;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.ea_list .pin_info .info_tit {
	padding: 10px 15px;
	background-color: #fff;
	box-sizing: border-box;
}

.ea_list .info_tit .order {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ea_list .info_tit p {
	font-size: 16px;
}

.ea_list .info_tit .order .no {
	font-size: 24px;
}

.ea_list .pin_info .info_tit .info_txt {
	overflow: hidden;
	height: 52px;
	margin-top: 15px;
	color: #898989;
	text-overflow: ellipsis;
	line-height: 27px;
	letter-spacing: -1px;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ea_list .pin_info .mng_list {
	padding: 10px 20px;
	background-color: #e5e8ed;
	box-sizing: border-box;
}

.ea_list .pin_info .mng_list li {
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
	align-items: center;
}

.ea_list .pin_info .mng_list li:first-child {
	margin-top: 0;
}

.ea_list .pin_info .mng_list .no_mng {
	display: block
}

.ea_list .pin_info .mng_list .no_mng p {
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	white-space: pre-wrap;
}

.ea_list .pin_info .mng_list .no_mng .call {
	margin-top: 25px;
	font-size: 19px;
}

.ea_list .pin_info .mng_list span {
	font-size: 15px
}

.ea_list .pin_info .mng_list .name {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 5px;
}

.ea_list .pin_info .info_bot {
	display: flex;
	padding: 15px 20px;
	background-color: #fff;
	border-bottom: 1px solid #e5e8ed;
	box-sizing: border-box;
	justify-content: space-between;
}

.ea_list .pin_info .info_bot li {
	margin-bottom: 10px
}

.ea_list .pin_info .info_bot li:last-child {
	margin-bottom: 0
}

.ea_list .pin_info .info_bot li span {
	font-size: 16px;
	letter-spacing: -1px
}

.ea_list .pin_info .info_bot li .tit {
	display: inline-block;
	width: 60px;
	color: #898989;
	font-size: 14px
}

.ea_list .pin_info .info_bot .qr_img_wrap {
	width: auto;
	height: 100%;
}

.ea_list .pin_info .qr_img_wrap img {
	width: 100%;
	height: 100%;
}

/* 진료실예약(사용자) - 예약현황  */
.tbl_resv_calendar {
	position: relative;
	margin-top: 20px;
	border: 1px solid #d2d7da;
}

.tbl_resv_calendar thead th {
	padding: 14px 0;
	background-color: #f4f5f9;
	text-align: center;
	border-left: 1px solid #d2d7da;
}

.tbl_resv_calendar thead th:first-child {
	border-left: 0;
}

.tbl_resv_calendar tbody td {
	position: relative;
	height: 160px;
	padding: 10px 12px;
	color: #959595;
	border-top: 1px solid #d2d7da;
	border-left: 1px solid #d2d7da;
	box-sizing: border-box;
	cursor: pointer;
}

.tbl_resv_calendar tbody td:nth-child(6n+1) {
	border-left: none;
}

.tbl_resv_calendar .td_area {
	overflow: hidden;
	height: 100%;
	vertical-align: top;
}

.tbl_resv_calendar .td_area ul {
	margin-top: 20px;
}

.tbl_resv_calendar .td_area li {
	margin-bottom: 10px;
	color: #01358b;
	font-weight: 700;
}

.tbl_resv_calendar .td_area .txt_today {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 20px
}

.tbl_resv_calendar tbody td.limit {
	background-color: #e5e8ec;
}

.tbl_resv_calendar .limit_area {
	position: absolute;
	top: 63px;
	right: 0;
	left: 0;
	height: calc(100% - 42px);
	padding-top: 105px;
	margin-top: -20px;
	text-align: center;
	background-color: rgba(229, 232, 236, 0.8);
	box-sizing: border-box;
}

.tbl_resv_calendar .limit_area p {
	margin-bottom: 20px;
	color: #111;
	font-size: 24px
}

.tbl_resv_calendar .limit_area .btn_base {
	font-size: 20px
}

.resv_list_wrap {
	margin-top: 55px
}

.resv_list_wrap .block {
	margin-bottom: 40px
}

.resv_list_wrap .block.today {
	cursor: pointer;
}

.resv_list_wrap .sub_tit {
	display: inline-block;
	margin-bottom: 0;
	font-size: 16px;
}

.resv_list_wrap .tag {
	display: inline-block;
	position: relative;
	margin-left: 7px;
	padding: 6px 18px;
	color: #fff;
	border-radius: 4px;
}

.resv_list_wrap .tag.red {
	background-color: #f95864;
}

.resv_list_wrap .tag.blue {
	background-color: #1f7dd4;
}

.resv_list_wrap .tag.yellow_deep {
	background-color: #ffca65;
}

.resv_list_wrap .tag:after {
	position: absolute;
	top: 50%;
	left: -5px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 0;
	content: ''
}

.resv_list_wrap .tag.red:after {
	border-right-color: #f95864;
}

.resv_list_wrap .tag.blue:after {
	border-right-color: #1f7dd4;
}

.resv_list_wrap .tag.yellow_deep:after {
	border-right-color: #ffca65;
}

.resv_list_wrap .resv_list {
	margin-top: 8px;
}

.resv_list_wrap .resv_list li {
	display: flex;
	height: 26px;
	align-items: center;
	margin-bottom: 10px;
}

.resv_list_wrap .resv_list li:before {
	display: inline-block;
	width: 6px;
	margin-right: 8px;
	color: #898989;
	font-weight: bold;
	content: "\2022"
}

.resv_list_wrap .resv_list .medical_office {
	width: 90px
}

.resv_list_wrap .resv_list .time {
	margin: 0 20px;
	color: #898989;
	font-size: 14px
}

.resv_list_wrap .resv_list .time span {
	margin-left: 5px;
}

.resv_list_wrap .resv_list .btn_base {
	padding: 5px 13px;
	margin-right: 10px
}

/* 진료실 예약 */
.resv_box_area {
	display: flex;
	width: 100%;
	padding: 18px 0;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	border-radius: 4px;
}

.resv_box_area .box {
	width: 29%;
	text-align: center;
	border-left: 1px solid #d7d7d7;
}

.resv_box_area .box:first-child {
	border-left: none;
}

.resv_box_area .box p {
	font-size: 20px;
}

.resv_box_area .box .tit {
	margin-bottom: 10px;
	color: #959595;
	font-weight: 300;
	font-size: 14px;
}

.rsrch_info_wrap .inp_txt {
	color: #959595;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
}

.rsrch_info_wrap select {
	color: #959595;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
}

.rsrch_info_wrap .rsrch_info {
	border-bottom: 1px solid #dcdcdc;
}

.rsrch_info th {
	color: #111;
}

.rsrch_info .info_head {
	display: flex;
	padding: 30px 0 10px 0;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}

.rsrch_info .info_head.admin {
	padding: 0 0 10px 0;
}

.rsrch_info .info_head .tit {
	margin-right: 20px;
	font-size: 18px;
	font-weight: 700;
}

.rsrch_info .info_head .btn_wrap {
	margin-top: 0;
}

.rsrch_info .info_head .btn_base {
	width: 160px;
	margin-right: 10px;
	background-color: #f4f5f9;
}

.rsrch_info .tbl_wrap {
	margin: 15px 0;
}

/* 진료실 예약 내역 */
.resv_box_area.detail .box {
	width: 33.33333%
}

.rsrch_info.detail td {
	color: #959595
}

.rsrch_info.detail td span {
	margin-left: 10px;
	color: #111;
	font-size: 15px
}

/* 진료실 사용(사용자) */
.rsrv_use_area {
	margin-bottom: 50px;
}

.rsrv_use_area .txt {
	margin: 20px 0;
	color: #1f7dd4;
	font-size: 18px;
}

.rsrv_use_area .rsrv_use_box {
	padding: 28px 40px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}

.rsrv_use_box li {
	margin-bottom: 15px
}

.rsrv_use_box .txt_info {
	font-size: 20px;
	font-weight: 700
}

.rsrv_use_box .txt_info span {
	color: #1f7dd4
}

.rsrv_use_box .txt_rmks {
	font-size: 18px;
}

.rsrv_use_box .lst_tit {
	display: table-cell;
	position: relative;
	width: 70px;
}

.rsrv_use_box .lst_tit:after {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	content: ':'
}

.rsrv_use_box .lst_txt {
	display: table-cell;
	padding-left: 20px;
	color: #959595;
	line-height: 20px;
}

.rsrv_use_box .tag_bbl {
	display: inline;
}

.rsrv_use_area .use_btn_wrap {
	margin-top: 20px;
	text-align: center;
}

.rsrv_use_area .use_btn_wrap p {
	margin-bottom: 20px;
}

/* 사용종료 팝업 */
.pop_end .pop_head {
	border-bottom: none
}

.pop_end .txt_head {
	font-size: 20px;
	text-align: center;
}

.pop_end .tit {
	margin: 20px 0 10px;
	font-size: 18px;
	font-weight: 700
}

.pop_end .tbl_wrap th {
	text-align: left;
	vertical-align: top;
}

.pop_end .tbl_wrap td {
	color: #959595
}

.pop_end .tbl_wrap td input {
	border: 1px solid #d7d7d7
}

.pop_end .btn_wrap {
	margin-top: 100px;
}

/* icon */
.btn_clnd_call {
	width: 25px;
	height: 25px;
	margin: 0 5px;
	vertical-align: top;
	text-indent: -9999px;
	background-image: url('/images/common/icon_call.png');
}

.btn_pop_msg {
	width: 20px;
	height: 14px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url('/images/common/icon_message.png');
}

/* 예약현황(관리자) */
.cndtn_list {
	margin: 0;
	padding-top: 10px;
	background-color: #fff;
	z-index: 100
}

.cndtn_list.fixed {
	padding: 10px 0 10px 20px;
}

.cndtn_list.fixed span {
	font-size: 14px
}

.cndtn_list .btn_base {
	width: 70px;
	min-width: 70px;
	padding: 12px 0;
}

.cndtn_list .btn_yda {
	padding: 12px 18px;
	text-align: right;
	background-image: url("/images/common/icon_arrow_left.png");
	background-repeat: no-repeat;
	background-position: left 10px top 14px;
}

.cndtn_list .btn_tmw {
	padding: 12px 18px;
	text-align: left;
	background-image: url("/images/common/icon_arrow_right.png");
	background-repeat: no-repeat;
	background-position: right 10px top 14px;
}

.cndtn_list .btn_reset {
	position: absolute;
	right: 15px;
}

.cndtn_list select {
	width: 200px;
	height: 40px;
	border: 1px solid #d7d7d7;
	border-radius: 4px
}

.cndtn_list .datepicker-ui {
	width: 200px;
	height: 40px;
	border: 1px solid #d7d7d7;
	border-radius: 4px
}

.resv_clnd_wrap {
	height: 1200px;
}

.resv_clnd_wrap .sticky_left_cell {
	position: sticky;
	left: 0;
	z-index: 9
}

.resv_clnd_wrap .txt_wrap {
	overflow: hidden;
	height: 26px;
	color: #111;
	line-height: 2em;
}

.resv_clnd_wrap .txt_area {
	display: flex;
	justify-content: center;
}

.resv_clnd_wrap .txt_wrap .txt {
	display: inline-block;
	overflow: hidden;
	height: 26px;
}

.resv_clnd_wrap td {
	position: relative;
	border: 1px solid #d9d9d9
}

.resv_clnd_wrap td.bg_gray {
	background-color: #f4f5f8 !important;
}

.resv_clnd_wrap .txt_wrap .btn_tooltip {
	padding-left: 5px
}

.resv_clnd_wrap .txt_wrap .btn_tooltip i {
	font-size: 20px
}

.resv_clnd_wrap .layer_tooltip {
	visibility: hidden;
	position: absolute;
	top: 40px;
	right: 0;
	width: 230px;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #959595;
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 10;
}

.resv_clnd_wrap .layer_tooltip:after, .resv_clnd_wrap .layer_tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.resv_clnd_wrap .layer_tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}

.resv_clnd_wrap .layer_tooltip:before {
	border-color: rgba(149, 149, 149, 0);
	border-bottom-color: #959595;
	border-width: 9px;
	margin-left: -9px;
}

.resv_clnd_wrap .layer_tooltip.on {
	visibility: visible;
}

.resv_clnd_wrap .tag_bbl {
	padding: 5px 4px;
	line-height: normal;
	font-size: 13px;
	white-space: pre;
}

.resv_clnd_wrap .gray_deep {
	color: #fff;
	font-size: 14px
}

.layer_call {
	display: none;
	position: absolute;
	top: -35px;
	width: 150px;
	padding: 10px;
	color: #fff;
	background-color: rgba(1, 1, 1, 0.7);
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 20;
}

.layer_call i {
	margin-right: 5px;
	font-size: 17px
}

.layer_call.on {
	display: block;
}

/* 진료실 선택 팝업 */
.pop_selc_clnc {
	width: 1200px
}

.pop_selc_clnc .pop_head .sub_tit {
	font-size: 18px;
}

.pop_selc_clnc .pop_txt {
	margin-bottom: 5px;
	color: #959595;
	text-align: left
}

.pop_selc_clnc .tbl_calendar td {
	padding: 0;
	border: 1px solid #d2d7da;
	cursor: pointer
}

.pop_selc_clnc .tbl_calendar .cal_th {
	position: relative;
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #d2d7da;
	background-color: #f4f5f9;
	box-sizing: border-box
}

.pop_selc_clnc .cal_th .icon_box {
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 25px
}

.pop_selc_clnc .icon_flex_wrap {
	display: flex;
	justify-content: space-between;
}

.pop_selc_clnc .icon_flex_wrap div p {
	display: inline-block;
	margin-right: 20px;
	font-size: 20px;
}

.pop_selc_clnc .icon_flex_wrap p i {
	margin-right: 10px;
}

.pop_selc_clnc .icon_box i {
	margin-right: 5px;
	font-size: 17px
}

.pop_selc_clnc .icon_box i:last-child {
	margin-right: 0;
}

.pop_selc_clnc .tbl_calendar .impsbl .cal_th {
	padding: 4px 0;
	text-align: center;
	border-bottom: 1px solid #d2d7da;
	background-color: #f4f5f9;
	box-sizing: border-box;
	color: #d0d0d0;
}

.pop_selc_clnc .tbl_calendar .cal_td {
	position: relative;
	padding: 9px 0;
	color: #959595;
	text-align: center;
	box-sizing: border-box;
}

.pop_selc_clnc .tbl_calendar .cal_td.dvcs::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 22px;
	height: 24px;
	margin-top: -12px;
	background-image: url('../images/common/icon-devices.png');
	content: ''
}

.pop_selc_clnc .tbl_calendar .bg_yellow_deep {
	color: #fff
}

.pop_selc_clnc .tbl_calendar .bg_green_deep {
	color: #fff
}

.pop_selc_clnc .tbl_calendar .bg_skyblue {
	color: #fff
}

.pop_selc_clnc .tbl_calendar .bg_blue_deep {
	color: #fff
}

.pop_selc_clnc .tbl_calendar .chked .cal_th,
.pop_selc_clnc .tbl_calendar .chked .cal_td {
	color: #fff;
	background-color: #1f7dd4;
}

.pop_selc_clnc .tbl_wrap.write th {
	width: 120px;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	vertical-align: top;
}

.pop_selc_clnc .tbl_wrap.write td {
	padding: 10px 0
}

.pop_selc_clnc .tbl_wrap.write .col_blue {
	color: #1f7dd4;
	font-size: 18px;
	font-weight: 700
}

.pop_selc_clnc .hour {
	display: flex;
	margin-bottom: 10px;
}

.pop_selc_clnc .time_bar {
	margin-top: 20px;
}

.pop_selc_clnc .txt_time {
	margin-right: 34px;
}

.pop_selc_clnc .bar_area {
	display: flex;
}

.pop_selc_clnc .bar {
	width: 20px;
	height: 50px;
	margin-right: 5px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	box-sizing: border-box;
}

.pop_selc_clnc .btn_wrap .btn_base {
	width: 160px;
	height: 44px;
	font-size: 16px;
}

/* 진료실예약 - 메세지 발송 팝업 */
.pop_msg {
	width: 440px
}

.pop_msg textarea {
	outline: none;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	border-radius: 4px
}

.pop_msg .field_right {
	color: #959595;
	font-size: 12px;
}

/*진료실 예약 - 관리자 */
.ofc_choice {
	display: flex;
	flex-wrap: wrap
}

.ofc_choice li {
	width: 16%;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #d7d7d7;
	border-left: none;
	box-sizing: border-box;
	cursor: pointer
}

.ofc_choice li:first-child {
	border-left: 1px solid #d7d7d7;
}

.ofc_choice li:nth-child(6n+1) {
	border-left: 1px solid #d7d7d7
}

.ofc_choice li.chked {
	background-color: #c9ecf9;
}

/*진료실 현황 (관리자) */
.clnc_top {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.clnc_top p {
	font-size: 18px
}

.clnc_top .btn_base {
	height: 40px;
	font-size: 16px
}

.clnc_list_wrap {
	display: flex;
	margin-top: 20px;
	flex-wrap: wrap;
}

.clnc_list_wrap .num {
	margin-bottom: 12px;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
}

.clnc_list_wrap > li {
	width: calc(25% - 26.25px);
	margin-right: 35px;
	margin-bottom: 20px;
	padding: 20px 20px;
	background-color: #143f91;
	box-sizing: border-box;
	border-radius: 6px;
}

.clnc_list_wrap > li:nth-child(4n) {
	margin-right: 0
}

.clnc_list_wrap ol li {
	width: 100%;
	margin-top: 20px;
	background-color: #fff;
	box-sizing: border-box;
}

.clnc_list_wrap ol li:first-child {
	margin-top: 0
}

.clnc_list_wrap ol li.b_resv .content_wrap {
	height: 308px
}

.clnc_list_wrap .tit_wrap {
	display: flex;
	height: 46px;
	align-items: center;
	justify-content: space-between;
	padding: 10px 18px;
	color: #fff;
	background-color: #1f7dd4;
	box-sizing: border-box
}

.clnc_list_wrap .tit_wrap p {
	font-size: 16px;
}

.clnc_list_wrap .tit_wrap .tag {
	display: inline-block;
	width: 70px;
	padding: 5px 0;
	margin-left: 7px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background-color: #f95864;
	border: 1px solid #f95864;
	border-radius: 4px;
	box-sizing: border-box;
}

.clnc_list_wrap .content_wrap {
	height: 121px;
	padding: 12px 18px;
	box-sizing: border-box
}

.clnc_list_wrap .content_wrap.bln {
	text-align: center;
	line-height: 90px;
	font-size: 18px
}

.clnc_list_wrap th {
	padding: 5px 0;
	color: #959595;
}

.clnc_list_wrap td {
	text-align: right;
}

.clnc_list_wrap .btn_clnd_call {
	vertical-align: middle
}

/* 사용내역 (사용자) */
.clinic_use_list {
	margin-top: 20px
}

.clinic_use_list > li {
	margin-bottom: 40px
}

.clinic_use_list .btn_wrap {
	margin: 0
}

.clinic_use_list .btn_base {
	margin-left: 10px;
	background-color: #f4f5f9
}

.clinic_use_list .btn_base:first-child {
	margin-left: 0;
}

.use_box {
	display: flex;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}

.use_box .num_area {
	display: table;
	width: 160px;
	text-align: center;
	background-color: #f2f3f8
}

.use_box .num_area .num {
	display: table-cell;
	vertical-align: middle;
	font-size: 60px;
	font-weight: 700
}

.use_box .num_area .tag_rsrv {
	display: block;
	width: 90px;
	padding: 8px 15px 6px;
	margin: 15px auto 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	background-color: #1f7dd4;
	border: 1px solid #1f7dd4;
	border-radius: 4px;
	box-sizing: border-box;
}

.use_box .num_area .tag_rsrv.red {
	background-color: #f95864
}

.use_box .rsrv_use_box {
	width: calc(100% - 160px);
	padding: 28px 40px;
	box-sizing: border-box
}

.use_box .rsrv_use_box .txt_date {
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 700
}

.use_box .rsrv_use_box .tag_bbl {
	font-size: 13px;
	font-weight: 400
}

/* 과거 사용 내역 */
.clinic_hst_list {
	margin-top: 20px;
}

.clinic_hst_list > li {
	margin-bottom: 10px;
}

.clinic_hst_list .num_area .num {
	font-size: 22px;
}

.clinic_hst_list .num_area .num span {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
}

.clinic_hst_list .txt_info .tag_nor {
	width: 90px;
	margin-left: 10px;
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	vertical-align: text-bottom;
}

/* 통게 사용내역 팝업 */
.pop_usage {
}

.pop_usage .pop_head {
	padding-bottom: 0;
	border-bottom: none;
}

.pop_usage .sub_tit {
	font-size: 18px
}

.pop_usage th {
	text-align: center;
}

.pop_usage td {
	height: 162px;
	padding: 10px;
	vertical-align: top;
	box-sizing: border-box
}

.pop_usage .day {
	margin-bottom: 5px;
	color: #959595
}

.pop_usage .usage_list {
	overflow-y: auto;
	max-height: 100px;
	color: #111
}

.pop_usage .usage_list li {
	font-size: 13px;
	line-height: 19px
}

/* 진료실 예약 - 연구 불러오기 팝업  */
.rsrv_study_pop .tbl_wrap {
	width: 100%;
}

.rsrv_study_pop .tbl_wrap.list {
	height: 400px
}

/* 회의록 */
.mnts_print_wrap .mnts_box {
	margin-bottom: 10px;
	padding: 15px 10px;
	font-size: 16px;
	border: 1px solid #ccc;
}

.cont_wrap {
	margin: 50px 0;
}

.cont_wrap .tit {
	font-size: 16px;
}

.align_list.align_bold li {
	font-size: 15px;
}

.align_list.align_bold li:first-child {
	font-weight: bold;
	width: 100px;
}

.align_list.align_bold li > span {
	margin-left: 10px;
}

/* captcha_area */
.captcha_area {
	display: flex;
	align-items: center
}

.captcha_area #id_reload {
	padding: 6px;
	background-color: #d7d7d7;
	border: 1px solid #d7d7d7;
	border-radius: 4px
}

.captcha_area #id_soundOn {
	padding: 6px;
	background-color: #d7d7d7;
	border: 1px solid #d7d7d7;
	border-radius: 4px
}

.captcha_area #id_answer {
	border: 1px solid #d7d7d7
}

.captcha_area.a_cent {
	justify-content: center;
}

/* layout_alert */
.layout_alert {
	position: fixed;
	bottom: -20px;
	right: 20px;
	width: 300px;
	height: 0;
	text-align: center;
	background-color: #fff;
	border: 10px solid #7ea1d2;
	border-radius: 20px;
	box-sizing: border-box; /*box-shadow: 5px -7px 12px #7EA1D2;*/
	transition: all ease 2s 0s;
	z-index: 100
}

.layout_alert.on {
	bottom: 0;
	height: 200px;
	padding: 50px 20px;
}

.layout_alert p {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px
}

.layout_alert a {
	display: block;
	margin-top: 15px;
	font-size: 25px
}

.layout_alert .btn_close {
	position: absolute;
	top: 10px;
	right: 15px;
}

.layout_alert .btn_close i {
	color: #111;
	font-size: 25px
}

/* 근거문서 */
.user_file {
	width: 1000px;
	margin: 200px auto;
	padding: 70px;
	background-color: #fff;
}

.user_file .top_area {
	display: flex;
	margin-bottom: 30px;
	justify-content: center
}

.user_file .top_area i {
	margin-right: 70px;
	font-size: 50px;
	color: #f00;
}

.user_file .top_area p {
	font-size: 15px;
	line-height: 25px
}

.user_file .access_list {
}

.user_file .access_list li {
	display: flex;
	margin-bottom: 20px
}

.user_file .access_list .tit {
	width: 150px;
	font-size: 20px;
	font-weight: 700
}

.user_file .access_list .txt {
	width: calc(100% - 150px);
	font-size: 15px;
	line-height: 20px
}

.user_file .btn_base {
	padding: 15px 30px
}

.user_file .btn_base span {
	font-size: 30px;
	font-weight: 700
}

.user_login {
	width: 400px;
	margin: 180px auto;
	padding: 70px;
	background-color: #fff;
}

.user_login .logo_wrap {
	width: 239px;
	height: 105px;
	margin: 0 auto 50px;
}

.user_login .logo_wrap img {
	width: 100%;
	height: 100%
}

.user_login .login_tit {
	margin-bottom: 30px;
	text-align: center;
	font-weight: 700
}

.user_login .inp_txt {
	width: 100%;
	padding: 5.5px 10px;
	border: 1px solid #ccc;
	font-size: 20px
}

.user_login .btn_base {
	padding: 15px;
	margin-bottom: 50px
}

.user_login .btn_base span {
	font-size: 20px;
}

.user_login .txt_info {
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -1px
}

/* 대상자 현황 툴팁 */
.tbl_subj_list th, .tbl_subj_list td {
	padding: 4px;
	text-align: center
}

.tbl_subj_list td {
	position: relative
}

.tbl_subj_list .layer_tooltip {
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 230px;
	padding: 10px 0;
	margin-left: -115px;
	background-color: #fff;
	border: 1px solid #959595;
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 10;
}

.tbl_subj_list .layer_tooltip:after, .tbl_subj_list .layer_tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tbl_subj_list .layer_tooltip::after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}

.tbl_subj_list .layer_tooltip::before {
	border-color: rgba(149, 149, 149, 0);
	border-bottom-color: #959595;
	border-width: 9px;
	margin-left: -9px;
}

.tbl_subj_list td:hover .layer_tooltip {
	display: block;
}

/* 시간외 근무 사전 신청 */

.tbl_top .tbl_t_w {
	width: 100%;
}

.time_border {
	width: 80%;
	min-height: 30px;
	padding: 5.5px 5px;
	border: 1px solid #ebedf2;
	border-radius: 3px;
	vertical-align: top;
	box-sizing: border-box;
}

.pop_close.p_color span {
	color: #111;
	font-size: 18px;
	position: relative;
	top: -3px;
}

.tbl_wrap.width_color .align_c {
	width: 84%;
	margin: 0 auto;
}

.tbl_wrap.width_color .align_c th {
	width: 15%;
}

.tbl_c {
	display: flex;
}

.tbl_t {
	width: 89%;
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	padding: 8px;
}

.tbl_t2 {
	width: 89%;
	margin: 0 auto 0;
	display: flex;
	align-items: center;
	padding: 8px;
	justify-content: space-between;
	height: 30px;
}

.a_tbl_wrap {
	width: 80%;
	margin: 20px auto 0;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	padding: 30px;
}

.tbl_t2 .btn_wrap {
	margin: 0;
}

.tbl_t .tbl_s_tit {
	margin: 0 10px 0 0;
	align-items: center;
	font-weight: 700;
}

.tbl_t .btn_wrap.btn_p {
	margin: 0;
}

.tbl_t.w75 {
	width: 78%;
}

.tbl_wrap td .btn_base.bw {
	min-width: 60px;
	height: 30px;
}

.align_l_box::-webkit-scrollbar {
	width: 5px;
	/* 스크롤바의 너비 */
}

.align_l_box::-webkit-scrollbar-thumb {
	height: 10%;
	/* 스크롤바의 길이 */
	background: #5868dd;
	/* 스크롤바의 색상 */
	border-radius: 20px;
}

.align_l_box::-webkit-scrollbar-track {
	background: #cad0ff54;
	/*스크롤바 뒷 배경 색상*/
}

.align_l_box {
	max-height: 160px;
	overflow-y: auto;
	width: 250px;
	float: left;
}

.align_l {
	display: flex;
}

.align_l li {
	width: 100%;
	margin: 5px 4px 5px 0;
}

.align_l li > input {
	width: 70%;
}

.align_r_box {
	width: 200px;
	float: left;
	margin-left: 15px;
	
	margin-top: 5px;
}

/* 환자 불러오기 팝업 */
.popup.pop_p_load .field_box .field_left {
	justify-content: space-between;
	width: 100%;
	display: flex;
}

.popup.pop_p_load .align_list .select_box {
	margin-left: 15px;
}

.popup.pop_p_load .field_box {
	display: block;
}

.popup.pop_p_load .align_list {
	width: 300px;
}

.popup.pop_p_load .align_list_left {
	display: flex;
	align-items: center;
}

.popup.pop_p_load .align_list_left p {
	font-size: 14px;
}

.popup.pop_p_load .flex_right {
	align-items: center;
	display: flex;
	font-size: 14px;
}

.popup.pop_p_load .btn_wrap {
	display: flex;
	justify-content: space-between;
}

/* 간편등록 팝업 */
.popup.pop_num {
	width: 650px;
}

.popup.pop_num .pop_body {
	padding-top: 10px;
}

.popup.pop_num .pop_body .align_list {
	justify-content: space-around;
}

/* .popup.pop_num .file_box input[type="file"] { */
/*     position: absolute; */
/*     width: 0; */
/*     height: 0; */
/*     padding: 0; */
/*     overflow: hidden; */
/*     border: 0; */
/* } */

.popup.pop_num .file_box {
	width: 500px;
	margin: 35px auto;
}

/* .popup.pop_num .file_box .upload-name { */
/*     display: inline-block; */
/*     height: 30px; */
/*     padding: 0 10px; */
/*     vertical-align: middle; */
/*     border: 1px solid #dddddd; */
/*     width: 60%; */
/*     color: #999999; */
/*     box-sizing: border-box; */
/* } */

/* .popup.pop_num .file_box>label { */
/*     padding: 10px 20px; */
/*     cursor: pointer; */
/*     height: 30px; */
/*     line-height: 9px; */
/*     box-sizing: border-box; */
/* } */

.popup.pop_num .file_box span {
	font-size: 14px;
	margin-right: 5px;
}


/* 시간외근무 사전 신청 내역  */
.tbl_wrap.width_color > table {
	width: 90%;
	margin: 0 auto;
}

.tbl_wrap.width_color > table:nth-child(2) {
	margin-bottom: 0;
}

.tbl_wrap.width_color > table:nth-child(3) {
	margin-bottom: 0;
}

.tbl_wrap.width_color th,
.tbl_wrap.width_color td {
	background: #fff;
	border: none;
}

.tbl_wrap.width_color th {
	width: 13%;
	font-weight: 700;
	text-align: right;
}

.tbl_wrap.width_color tr {
	height: 50px;
}

.tbl_wrap.width_color .flex_c {
	display: flex;
}

.tbl_wrap.width_color .flex_c li {
	margin: 0 5px;
}

.tbl_wrap.width_color .flex_c input {
	margin: 0 5px;
}

.tbl_top {
	width: 80%;
	display: flex;
	justify-content: space-around;
	border: 1px solid rgb(227, 227, 227);
	border-radius: 10px;
	padding: 10px;
	margin: 0 auto;
	height: 30px;
	
	align-items: center;
}

.tbl_top.t_t_center {
	flex-direction: column;
	align-items: center;
}

.tbl_top.t_t_center p {
	margin: 5px 0;
	font-size: 14px;
}

.tbl_top .tbl_t_wrap {
	width: 100%;
	display: flex;
	align-items: center;
}

.tbl_top .tbl_t_wrap > div {
	width: 33.333333%;
	display: flex;
	margin: 0 1%;
	align-items: center;
}

.tbl_top .tbl_t_tit {
	width: 100px;
	display: flex;
	align-items: center;
	font-weight: 700;
}

.tbl_wrap .tbl_s_tit {
	display: flex;
	font-size: 16px;
	letter-spacing: -0.03em;
	margin: 20px 0 10px;
	color: rgb(39, 39, 39);
}

.tbl_wrap.width_color .col_red {
	font-weight: 700;
}

.tbl_wrap.width_color .align_c {
	width: 84%;
	margin: 0 auto;
}

.tbl_wrap.width_color .align_c th {
	width: 15%;
}

.tbl_c {
	display: flex;
}

.tbl_t {
	width: 89%;
	margin: 20px auto 0;
	display: flex;
	align-items: center;
	padding: 8px;
}

.tbl_t .tbl_s_tit {
	margin: 0 10px 0 0;
	align-items: center;
	font-weight: 700;
}

.tbl_t .btn_wrap.btn_p {
	margin: 0;
}

.tbl_t.w75 {
	width: 78%;
}

.tbl_wrap td .btn_base.bw {
	min-width: 60px;
	height: 30px;
}

.sign {
	font-weight: 700;
	display: flex;
	align-items: center;
}

.sign_box {
	width: 81%;
	margin: 0 auto;
}

.sign_tit {
	font-size: 16px;
	letter-spacing: -0.03em;
	line-height: 50px;
	display: flex;
	align-items: center;
	color: rgb(39, 39, 39);
	font-weight: bold;
}

.sing_text {
	display: flex;
	line-height: 50px;
	align-items: center;
}

.sing_text > p {
	height: 50px;
}

.sing_text > p:first-child {
	width: 50px;
	text-align: right;
	margin-right: 20px;
	font-weight: 700;
	color: #575962;
}

.sing_text ul {
	display: flex;
	align-items: center;
}

.sing_text ul li {
	margin: 0 10px 0 0;
}

.tbl_top {
	width: 80%;
	display: flex;
	justify-content: space-around;
	border: 1px solid rgb(227, 227, 227);
	border-radius: 10px;
	padding: 15px;
	margin: 0 auto;
	height: 30px;
}

.tbl_top.t_t_center {
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
	height: auto;
	line-height: 1.3;
}

.tbl_top.t_t_center p {
	margin: 0;
	font-size: 14px;
}

.tbl_top.tbl_notice {
	background-color: #f2f2f2;
	height: 50px;
	line-height: 50px;
	padding: 10px;
	margin-top: 20px;
	border: none;
	font-weight: 700;
}

.tbl_notice i {
	color: red;
	font-size: 20px;
	position: relative;
	top: 2px;
}

.popup.p_pw {
	width: 500px;
}

.popup.p_pw .pop_h {
	display: block;
}

.popup.p_pw .pop_txt {
	text-align: left;
}

.popup.p_pw .tbl_wrap {
	width: 450px;
	text-align: left;
}

.popup.p_pw .tbl_wrap th {
	padding: 0;
	width: 30%;
	font-weight: 700;
}

.popup.p_pw .tbl_wrap td {
	padding: 0;
	width: 70%;
}

/* .tbl_add { */
/*     margin-bottom: 20px; */
/* } */
.popup.p_pw .pop_h.pop_s {
	display: block;
}

.popup.p_pw .pop_h.pop_s .pop_txt {
	text-align: center;
	font-weight: 700;
	margin: 0;
}

.btn_wrap.bot {
	margin-bottom: 50px;
}

/* 업무개시 */
.tbl_wrap.tbl_border {
	width: 80%;
	padding: 10px 0 30px;
	border: 1px solid rgb(227, 227, 227);
	border-radius: 10px;
	margin: 20px auto;
}

.tbl_wrap.tbl_border table {
	width: 100%;
}

.tbl_t_s {
	font-weight: 700;
	width: 82%;
	margin: 20px auto 30px;
}

.m_tit {
	width: 78%;
	margin: 0 auto;
	color: #575962;
}

/* 시간외 근무 신청서 출력 */

.print.detail_p .print_title .tit {
	font-weight: 700;
	margin: 30px 0;
	text-align: center;
}

.print.detail_p .tbl_wrap .s_tit {
	font-weight: 700;
	margin: 30px 0;
}

.print.detail_p .tbl_wrap.tbl_bg {
	width: 90%;
	margin: 0 auto;
}

.tbl_wrap.tbl_bg th {
	font-weight: 700;
}

.tbl_wrap.tbl_sign {
	margin: 100px 0 50px;
}

.tbl_wrap.tbl_sign table {
	display: flex;
	flex-direction: row-reverse;
	font-size: 17px;
	border: none;
	font-weight: 700;
}

.tbl_wrap.tbl_sign th {
	border: none;
}

.tbl_wrap.tbl_sign td {
	border: none;
	font-size: 17px;
	height: 30px;
}

.tbl_wrap.tbl_sign th {
	width: 120px;
	text-align: right;
	margin-right: 20px;
	background-color: #fff;
	height: 30px;
}

.print_s_wrap {
	display: flex;
	flex-direction: row-reverse;
	font-size: 18px;
}

.print_s_wrap li {
	width: 400px;
	text-align: right;
}

.print_s_wrap li span {
	width: 400px;
	text-align: right;
}

.tbl_wrap.tbl_sign .td_inr {
	display: flex;
	align-items: center;
}

.tbl_wrap.tbl_sign .td_inr .sign_h {
	display: flex;
	align-items: center;
}

.tbl_wrap.tbl_sign .td_inr .sign_h li:last-child {
	margin-left: 10px;
	width: 40px;
	height: 40px;
}

.tbl_wrap.tbl_sign .td_inr .sign_h li:last-child img {
	width: 100%;
	height: 100%;
}

/* 근무자별 근무 설정 */
.tbl_wrap.width_color.tbl_ws th {
	width: 8%;
}

.tbl_wrap.tbl_ws .tbl_s_tit {
	margin: 0;
}

.tbl_wrap.tbl_ws {
	margin: 0;
}

/* 근무자별 그룹설정 */
.tbl_wrap.list.mt {
	margin: 0;
}


/* 근무자별 직종 설정 상제 */
.align_l_box.align_width {
	width: 300px;
}

.align_l li {
	width: 100%;
	margin: 5px 4px 5px 0;
}

.align_list.group_box {
	margin: 0;
}

.align_list.group_box li {
	width: 200px;
}

.align_list.group_box .w_shot {
	width: 10px;
}

.align_list.group_box li > input {
	width: 100%;
}

/* 부서별 승인자 설정 상세 */
.align_l_box.approvers {
	max-height: 160px;
	overflow-y: auto;
	width: 430px;
	float: left;
}

.align_l {
	display: flex;
}

.align_l li {
	width: 100%;
	margin: 5px 4px 5px 0;
	display: flex;
}

.align_l_box.approvers .align_l li > input {
	width: 47%;
}

.align_l_box.approvers .align_l .appr_box {
	margin: 0 10px;
	display: flex;
	align-items: center;
}

.align_l_box.approvers .align_l .appr_box .appr_w {
	margin: 3px 5px 0 0;
	position: relative;
	top: 2px;
}

/*암종 선택*/
.box_wrap {
	width: 775px;
	height: auto;
	min-height: 200px;
	max-height: 200px;
	padding: 10px;
	border: 1px solid #ebedf2;
	border-radius: 3px;
	box-sizing: border-box;
	overflow-y: auto;
}

.box_wrap::-webkit-scrollbar {
	width: 5px;
	/* 스크롤바의 너비 */
}

.box_wrap::-webkit-scrollbar-thumb {
	height: 10%;
	/* 스크롤바의 길이 */
	background: #5868dd;
	/* 스크롤바의 색상 */
	border-radius: 20px;
}

.box_wrap::-webkit-scrollbar-track {
	background: #cad0ff54;
	/*스크롤바 뒷 배경 색상*/
}

.jstree_box.h_scroll {
	height: 400px;
}

.jstree_box::-webkit-scrollbar {
	width: 5px;
	/* 스크롤바의 너비 */
}

.jstree_box::-webkit-scrollbar-thumb {
	height: 10%;
	/* 스크롤바의 길이 */
	background: #5868dd;
	/* 스크롤바의 색상 */
	border-radius: 20px;
}

.jstree_box::-webkit-scrollbar-track {
	background: #cad0ff54;
	/*스크롤바 뒷 배경 색상*/
}


/*연구 세부일정 수정*/

.align_list.al2 li:first-child {
	width: 170px;
	height: 35px;
	text-align: right;
	color: #575962;
	font-weight: 700;
	margin-right: 10px;
	line-height: 35px;
}

.tbl_wrap.write.p0 th, .tbl_wrap.write.p0 td {
	padding: 8px;
}


/*폴딩*/
table.fold-table {
	cursor: pointer;
}


table.fold-table > tbody > tr.view th.cent {
	cursor: pointer;
}

table.fold-table > tbody > tr.view td {
	cursor: pointer;
}

/*미클릭시 안보이게 처리*/
table.fold-table > tbody > tr.fold {
	display: none;
}

table.fold-table > tbody > tr.fold:nth-child(1) {
	display: block;
}


table.fold-table > tbody > tr.view th > .icon_arrow {
	display: inline-block;
	margin-left: 5px;
	background: url("../images/common/arrow_top.png") no-repeat 0 100%;
	height: 22px;
	width: 22px;
	
}

table.fold-table > tbody > tr.view th > .icon_arrow.on {
	display: inline-block;
	margin-left: 5px;
	background: url("../images/common/arrow_bot.png") no-repeat 0 100%;
	height: 22px;
	width: 22px;
}


/* 회의록 */
.table_wrap.print_t_wrap {
	width: 800px;
	margin: 0 auto;
}

.table_wrap .tbl_wrap.p_stit {
	border-top: 3px solid #333;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
}

.table_wrap.print_t_wrap .tbl_wrap td {
	border-left: 1px solid #f2f2f2;
	width: 500px;
}

.table_wrap.print_t_wrap .tbl_wrap .border_r {
	border-right: 1px solid #f2f2f2;
	text-align: center;
}

.table_wrap.print_t_wrap .tbl_wrap th {
	background-color: #f2f2f2;
	width: 200px;
	height: 20px;
}

/* 1.계획 */
.list_wrap .list-tit {
	border-bottom: 3px solid #333;
	padding-bottom: 10px;
}

.list_wrap .list_cont > p {
	width: 98%;
	margin: 0 auto 10px;
	font-size: 15px;
}

.list_wrap .list_t_cont {
	width: 98%;
	/* max-height:35px;
  overflow: auto; */
	margin: 0 auto;
	font-size: 15px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
}

.list_wrap .list_t_cont > h3 {
	border-right: 2px solid #eee;
	padding: 0;
	font-size: 15px;
}

.list_wrap .list_t_cont .align_list {
	padding-left: 20px;
	flex-wrap: wrap;
	margin-top: 0;
}

.list_wrap .list_t_cont .align_list > li {
	line-height: 1.5;
}

.list_wrap .list_t_cont.bnone {
	border-top: none;
}

.list_wrap .list_t_cont.bnone > h3 {
	font-size: 14px;
}

.list_wrap .list_t_cont.bnone > ul {
	font-weight: 400;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.3;
}

.list_cont > div > .tbl_wrap {
	font-size: 14px;
	margin: 20px auto 30px;
}

.list_cont > div > .tbl_wrap > table {
	font-size: 14px;
	
}

.list_cont > div > .tbl_wrap > table tbody > tr {
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
}

.list_cont > div > .tbl_wrap > table tbody > tr > th {
	border-right: 1px solid #eee;
	border-left: none;
}

.list_cont > div > .tbl_wrap > table tbody > tr > td > p {
	font-size: 14px;
}

/*팝업 눈 아이콘*/
.pop_layout {
	width: 1000px
}

.pop_layout .article .cell {
	padding: 0 10px;
	line-height: 1.1rem
}

.pop_layout .article .cell:first-child {
	padding: 0
}

.pop_layout .layout_list:after {
	display: block;
	clear: both;
	content: ''
}

.pop_layout .layout_list li {
	float: left;
	position: relative;
	margin: 5px;
	cursor: pointer;
	user-select: none
}

.pop_layout .layout_list .hide .list_tit {
	background: #F2F3F7
}

.pop_layout .layout_list .list_tit {
	display: block;
	width: 145px;
	height: 28px;
	padding: 12px 10px 0;
	background: #e7f2ff
}

.pop_layout .layout_list .list_tit .ellip {
	display: block;
	width: calc(100% - 30px)
}

.pop_layout .layout_list .ico_eyes {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 24px;
	height: 16px;
	background-position: 0 -78px
}

.pop_layout .layout_list .hide .ico_eyes {
	top: 11px;
	width: 24px;
	height: 21px;
	background-position: -26px -78px
}

.inp-time {
	position: relative;
	padding: 8px 10px;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-sizing: border-box;
}

.inp-time::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: -10px;
	width: 100%;
	height: 100%;
	opacity: 0;
}


@media screen and (min-width: 1100px) and (max-width: 1440px) {
	.pop_study_memo {
		width: 70%;
		height: 65%
	}
	
	
}

@media screen and (min-width: 1024px) and (max-width: 1099px) {
	.pop_study_memo {
		width: 68%;
		height: 65%
	}
}

@media screen and (max-width: 1023px) {
	.pop_study_memo {
		width: 65%;
		height: 60%
	}
}

@media screen and (max-width: 1394px) {
	/* 브라우저 넓이 1394 이하에서 수행내역 - 항목 영역이 행변환됨 */
	.statistic.admin .accomp .align_list:last-child {
		margin: 10px 0 0 0;
		padding-right: 10px
	}
}