/**
 * 프로젝트 단계설정
 * @author 최주섭
 * @since  2019
 * @version 1.0
 * @see
 * Copyright (C)  All right reserved.
*/

/*==========workflow.jsp 팝업  Sart==========*/
.workflow {width:50%; padding-inline-start: 0px;margin-bottom:0;}
.workflow li {
	position:relative;
	display:inline-block;
	height:40px;
	vertical-align:middle;
	text-align:center;
	padding:8px 5px;
	font-family:'Nanum Gothic Bold';
	border-radius:10px;
	border:3px solid #d7d7d7;
	background:#eee;
	color:#222;
	font-size:13px;
	line-height:15px;
	/* word-break: keep-all; */
	letter-spacing:-0.5px;
}
.workflow li.arrow-width {width:3.75%;background:#fff url(../img/workflow/arrow_width_bg.png) no-repeat 50% 50%;border:none;border-radius:0;}
.workflow li.arrow-height-left {width:17%;margin-right:85%;display:inline-block;background:#fff url(../img/workflow/arrow_height_bg.png) no-repeat 50% 50%;border:none;border-radius:0;height:20px;}
.workflow li.arrow-height-right {width:17%;margin-left:85%;display:inline-block;background:#fff url(../img/workflow/arrow_height_bg.png) no-repeat 50% 50%;border:none;border-radius:0;height:20px;}

.workflow li.workflow-start {background:#4c79cb;border:4px solid #3764b7;color:#fff;}
.workflow li.workflow-end {background:#4c79cb;border:4px solid #3764b7;color:#fff;}
.workflow li.workflow-present {background:#69b151 url(../img/workflow/workflow-present_check.png) no-repeat top left;color:#fff;border:4px solid #4c9732;}

.workflow li .workflow-close {
	color:#666;
	position:absolute;
	top:2px;
	right:2px;
    background: #fff;
    border-radius: 30px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 2px 1px 0 0;
    text-align: center;
    border: 1px solid #888;}
    
.workflow li .workflow-close:hover {color:#222;border: 1px solid #222;}

.workflow-right-line li {float:left;width:17%;}

.workflow-left-line li.arrow-width {transform:rotate(180deg);}
.workflow-left-line li {float:right;width:17%;}

.workflow-empty {
	
}

@media (max-width: 1200px) {
	.workflow {width:80%;}
}

@media (max-width: 767px) {
	/* workflow */
	.workflow {width:70%;}
	.workflow li {width:100%;padding:6px 5px;height: auto;font-size:11px;border: 2px solid #d7d7d7;}
	.workflow li.arrow-width {width:100%;height:25px;background:#fff url(../img/workflow/arrow_height_bg.png) no-repeat 50% 50% !important;}
	.workflow-right-line li {width:100%;}
	.workflow li.arrow-height-right {width:100%;height:25px;margin-left: unset;}
	.workflow li.arrow-height-left  {width:100%;height:25px;margin-right: unset;}
	.workflow-left-line li.arrow-width {transform: none;}
}

/*==========workflow.jsp 팝업  End==========*/