@charset "utf-8";

/* 정렬 가능한 테이블 헤더 스타일 */
.common_table02 table th.sortable {
	cursor: pointer;
	user-select: none;
	transition: background-color 0.2s ease;
}
.common_table02 table th.sortable:hover {
	background-color: #f0f0f0;
}
.common_table02 table th.sortable .sort-icon {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	color: var(--color-primary01, #333);
}
.common_table02 table th.sortable .sort-icon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}
.common_table02 table th.sortable .sort-default {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	opacity: 0.4;
}
.common_table02 table th.sortable .sort-default .arrow-up,
.common_table02 table th.sortable .sort-default .arrow-down {
	display: block;
	font-size: 10px;
	line-height: 0.7;
	height: 8px;
}
.common_table02 table th.sortable:hover .sort-default {
	opacity: 0.8;
}

/* 근태체크 */
.commuting_wrap .up_bar {padding:15px 0; color:#272727; font-size:24px; text-align:center; position:relative;}
.commuting_wrap .up_bar .cal_list_btn {position:absolute; right:0; top:50%; transform:translateY(-50%);}

.commuting_wrap {padding-bottom: 100px;}
.commuting_wrap .up_type {overflow:hidden; margin-bottom:30px;}
.commuting_wrap .up_type > a {display:block; float:left; width:103px; height:40px; text-align:center; line-height:40px; font-size:15px; letter-spacing:-0.03em; color:#fff; background:#333337; font-weight:300;}
.commuting_wrap .up_type > a.right {float:right; background:#8c8c8e;}
.commuting_wrap .up_type .up_bar {float:left; width:calc(100% - 206px); color:#272727; font-size:24px; text-align:center; padding:0;}
.commuting_wrap .up_bar img {vertical-align:sub;}
.commuting_wrap .up_bar span {display:inline-block; margin:0 70px; vertical-align:middle;}

.commuting_wrap .c_table table {width:100%; border-top:1px solid #656565;}
.commuting_wrap .c_table table th {padding:10px 0; font-size:14px; color:#222; background:#fbfbfb; font-weight:400; border-bottom:1px solid #e1e4e5;}
.commuting_wrap .c_table table td {position:relative; padding:15px 0; font-size:15px; text-align:center; color:#444; border-right:1px solid #e1e2e3;}
.commuting_wrap .c_table table td:last-of-type {border-right:0;}
.commuting_wrap .c_table table tr {border-bottom:1px solid #e1e2e3;}
.commuting_wrap .c_table table thead tr {border-bottom:0;}
.commuting_wrap .c_table table td .bullet {display:inline-block; width:10px; height:10px; vertical-align:middle; border-radius:50%; background-color: #e3185b;}
.commuting_wrap .c_table table td .little {font-size:13px;}
.commuting_wrap .c_table table td.day_sat1 {background-color:#dcedfd;color:#317dd4; }
.commuting_wrap .c_table table td.day_sun1 {background-color:#ffe5e5;color:#e3185b; }
.commuting_wrap .c_table table td a {display:inline-block; padding:4px 10px; margin-left:8px; border:1px solid #9d9d9d; vertical-align:middle; font-size:12px; color:#9e9e9e;}

.commuting_wrap .c_table table .last {}
.commuting_wrap .c_table table .last td {padding:10px 0; line-height:1.5; border-top:1px solid #656565; border-bottom:1px solid #656565; letter-spacing:-0.07em; color:#222;}
.commuting_wrap .c_btn {margin-top:20px; overflow:hidden;}
.commuting_wrap .c_btn.up_type {margin:0 0 20px; overflow:hidden;}
.commuting_wrap .c_btn > a {display:inline-block; width:103px; height:40px; text-align:center; line-height:40px; font-size:15px; letter-spacing:-0.03em; color:#fff; background:#333337; font-weight:300; }
.commuting_wrap .c_btn > a.right {float:right; background:#8c8c8e;}
.commuting_wrap .c_btn.s_type a.right {width:117px; background:#323337 url(/img/write_icon.png) no-repeat 16px 12px; padding-left:27px; box-sizing:border-box;}
.commuting_wrap span.col01 {color:var(--color-primary01); display: inline-block; margin-right:3px; margin-left:-9px;}


/* 일정표 */
#cal_title a {cursor:pointer;}
#cal_title a.c_left {margin-right:30px;}
#cal_title a.c_right {margin-left:30px;}
#cal_title img {vertical-align:baseline;}
#cal_title select {height:40px; margin:0 2.5px; padding:0 0 0 10px;}
.commuting_wrap .c_table.schedule_table table {border-top:0;}
.commuting_wrap .c_table.schedule_table table th {padding:17px 0; font-size:16px; color:#222; background:#fbfbfb; font-weight:400; border-top:1px solid #e1e4e5; border-bottom:1px solid #e1e4e5;}
.commuting_wrap .c_table.schedule_table table td {position:relative; padding:10px 0 0 0; font-size:18px; height:70px; text-align:left; vertical-align:top; color:#222;}
.commuting_wrap .c_table.schedule_table table {border-collapse: collapse;}
.commuting_wrap .c_table.schedule_table table th:nth-of-type(1),
.commuting_wrap .c_table.schedule_table table td:nth-of-type(1) {color:#e3185b;}
.commuting_wrap .c_table.schedule_table table th:nth-of-type(7),
.commuting_wrap .c_table.schedule_table table td:nth-of-type(7) {color:#317dd4;}
.commuting_wrap .c_table.schedule_table td .date {display:block; width:100%; text-align:center;}
.commuting_wrap .c_table.schedule_table td .text {min-height:28px; padding:3px 8px; font-size:13px;}
.commuting_wrap .c_table.schedule_table td .lines {min-height:26px; padding:3px 8px; font-size:14px; margin:0; box-sizing:border-box; position:relative;}
.commuting_wrap .c_table.schedule_table td ul {padding:0; margin:0; list-style:none;}
.commuting_wrap .c_table.schedule_table td ul {margin-bottom:0;}
.commuting_wrap .c_table.schedule_table td strong {font-weight:400; color:#222;}
.commuting_wrap .c_table.schedule_table td strong span {color:#e3185b;}
.bg_type {background:#f0dbe2;}

/* 관리자모드 일정 라인 가독성 향상 - 상태별 스타일 */
.commuting_wrap .c_table.schedule_table td .lines.bg_type {
	border-radius: 4px;
	font-weight: 500;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	border-left: 3px solid;
}

/* 상태없음 (state=0) - 회색 */
.commuting_wrap .c_table.schedule_table td .lines.bg_type[style*="#F6F6F6"] {
	border-left-color: #4D4D4D;
	background: linear-gradient(to right, #e8e8e8, #F6F6F6) !important;
}

/* 미진행 (state=1) - 핑크 */
.commuting_wrap .c_table.schedule_table td .lines.bg_type[style*="#FFF4F7"] {
	border-left-color: #F34B7E;
	background: linear-gradient(to right, #ffd9e6, #FFF4F7) !important;
}

/* 진행중 (state=2) - 민트 */
.commuting_wrap .c_table.schedule_table td .lines.bg_type[style*="#F0FFFC"] {
	border-left-color: #3DD07F;
	background: linear-gradient(to right, #c5f4e0, #F0FFFC) !important;
}

/* 완료 (state=3) - 보라 */
.commuting_wrap .c_table.schedule_table td .lines.bg_type[style*="#F7F3FF"] {
	border-left-color: #7D9AF8;
	background: linear-gradient(to right, #d4dbff, #F7F3FF) !important;
}

.s_list .btn {display:inline-block; padding:2px 10px; background:#a6a6a6; color:#fff; font-size:12px;}
.commuting_wrap .c_table.s_list table td a{font-size:14px; color:#666; border:0; padding:0; margin:0;}
.sr_table table th.vt {vertical-align:top;}
.sr_table table td .in_txt {width:100%; border:1px solid #dedfe0; min-height:185px; box-sizing:border-box; padding:5px;}
.sr_table table td .modal-body input[type=checkbox] {height:auto;}
.sr_table table td input.size02 {width:100px;}
.sr_table table td input.size03 {width:50% !important;}

.sr_table table td.lin_color label {vertical-align:middle;}
.sr_table table td.lin_color label input {display:none;}
.sr_table table td.lin_color label input + i {display:inline-block; width:30px; height:30px; margin:0 2% 0 0; vertical-align:middle;}
.sr_table table td.lin_color label input:checked + i { background:url('/intranet/img/lin_color_check.png') no-repeat center center;}
.sr_table table td.lin_color label input:checked="checked" + i {background:url('/intranet/img/lin_color_check.png') no-repeat center center;}

.writeForm table td.lin_color label {vertical-align:middle; margin:2px 0; margin-right:30px;}
.writeForm table td.lin_color label input {display:none;}
.writeForm table td.lin_color label input + i {display:inline-block; width:30px; height:30px; margin:0 2% 0 0; vertical-align:middle;}
.writeForm table td.lin_color label input:checked + i { background:url('/img/lin_color_check.png') no-repeat center center;}
.writeForm table td.lin_color label input:checked="checked" + i {background:url('/img/lin_color_check.png') no-repeat center center;}

#bbs table td.lin_color label {vertical-align:middle;}
#bbs table td.lin_color label.custom_border {border:2px solid blue !important;}
#bbs table td.lin_color label input {display:none;}
#bbs table td.lin_color label input + i {display:inline-block; width:30px; height:30px; margin:0 2% 0 0; vertical-align:middle;}
#bbs table td.lin_color label input:checked + i { background:url('/img/lin_color_check.png') no-repeat center center;}
#bbs table td.lin_color label input:checked="checked" + i {background:url('/img/lin_color_check.png') no-repeat center center;}


/* 일정표 목록 - 작성자 컬럼 말줄임 처리 */
.common_table02 table.schedule_list td:nth-child(4) {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media all and (max-width:640px){

	/*일정표*/
	.commuting_wrap .c_table.schedule_table table th {font-size:14px;}
	.commuting_wrap .c_table.schedule_table table td {font-size:16px;}

	.sr_table table td input.size02 {width:92px;}

}

@media all and (max-width:550px){

	.commuting_wrap .c_table.schedule_table td {padding:20px 0px 0px 0px; height:35px;}
	.commuting_wrap .c_table.schedule_table td .text {padding:3px 1px; font-size:12px;}
}