@charset "utf-8";
/* 프로젝트 */


.content-content .subject-title { font-size: 17px; color: #404040; font-weight: 600; margin-bottom: 15px; } 

.content-content .bookmark-list,
.content-content .last-list { padding-right: 25px; margin-bottom: 60px; }

.content-content .table-list { width: 100%; background:#fff; border-radius: 10px; -moz-box-shadow: 0 20px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0.8); box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0.8);}
.content-content .table-list table { width: 100%; }
.content-content .table-list table thead tr { border-bottom: 1px dashed #dcdcdc; }
.content-content .table-list table thead tr th { font-size: 15px; font-weight: 600; padding: 20px 0; color:#404040; }
.content-content .table-list table thead tr th:first-child { padding-left: 30px;  }
.content-content .table-list table thead tr th:last-child { padding-right: 30px;  }
.content-content .table-list table thead tr .btn { text-align: center; }
.content-content .table-list table thead tr .name { width: 21%; }
.content-content .table-list table thead tr .memo { width: 54%; }
.content-content .table-list table thead tr .date { width: 10%; }
.content-content .table-list table tbody tr { border-bottom: 1px solid #eaeaea; }
/*.content-content .table-list table tbody tr:nth-child(2n-1) { background: #f8f8f8; }*/
.content-content .table-list table tbody tr td { font-size: 13px; font-weight: 300; vertical-align: middle; padding: 15px 10px; line-height: 17px; padding-left: 0; }
.content-content .table-list table tbody tr td:first-child { padding-left: 30px; }
.content-content .table-list table tbody tr td:last-child { padding-right: 30px; }
.content-content .table-list table tbody tr td .scenario-name { display: block;  font-size: 14px; font-weight: 500; color:#666; margin-bottom: 4px;  }
.content-content .table-list table tbody tr td .scenario-name img { margin-right: 8px; margin-top: 1px; width: 14px; height: 14px; }
.content-content .table-list table tbody tr .date { letter-spacing: 0; color: #797979;  }
.content-content .table-list table tbody tr .btn { text-align: center; padding-right: 0; }
.content-content .table-list table tbody tr .btn .star-btn { text-align: center; }
.content-content .table-list table tbody tr .btn a { display: inline-block; }
.content-content .table-list table tbody tr .btn a .ico { display: inline-block;}
.content-content .table-list table tbody tr .btn .project .ico { width: 15px; height: 13px; background: url(../img/common/tool_ico.png);  background-position: -86px -49px; margin-top: 3px;  }
.content-content .table-list table tbody tr .btn .project .ico:hover { background-position: -86px -69px; }
.content-content .table-list table tbody tr .btn .build .ico { width: 13px; height: 13px; background: url(../img/common/tool_ico.png);  background-position: -132px -5px; margin-top: 3px;  }
.content-content .table-list table tbody tr .btn .build .ico:hover { background-position: -132px -25px; }
.content-content .table-list table tbody tr .none-project { color: #8E8E8E; font-weight: 400; font-size: 14px; text-align: center;}
.content-content .table-list table tbody tr .none-project a { font-size: 12px; margin-left: 10px; color: #5873a6;  }
.content-content .table-list table tbody tr .none-project a:hover { text-decoration: underline; }

/* 즐겨찾기 버튼 */
input[type=checkbox] { display: none; }
input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; width: 16px; height: 16px; }
input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute;  background: url(../img/common/tool_ico.png) no-repeat; background-position: -107px -5px; left: 0; top: 0; }
input[type=checkbox]:checked + label { color: #e70c1d;  }
input[type=checkbox]:checked + label:before { background-position: -107px -25px; } 

.content-content .last-project { padding-bottom: 100px; }

.content-content .card-list-layer .project-card-list-area ul .card-list { margin-top: 25px; min-height:250px; position: relative; width: 350px; float: left; margin-right: 50px; margin-bottom: 15px; border-radius: 10px; background:#fff; transition: transform .5s; -moz-box-shadow: 0 20px 20px rgba(0,0,0,.1); webkit-box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0.8); box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0.8); }
.content-content .card-list-layer .project-card-list-area ul .card-list.long02 {min-height: 250px;}
.content-content .card-list-layer .project-card-list-area ul .card-list:hover {-webkit-transform: translateY(-6px); transform: translateY(-5px);}
.content-content .card-list-layer .project-card-list-area ul .card-list .card .preview {padding: 17px 7px; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .preview ul { height: 120px; overflow: auto; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .preview ul li { width: 41%; height: 35px; line-height: 32px; font-size: 13px; font-weight: 500; text-align: left; float: left; margin: 0 2% 15px; padding: 0 10px; cursor: default; position: relative; background:#e3e5ef; border-radius: 3px; color:#1c2a7b;}
.content-content .card-list-layer .project-card-list-area ul .card-list .card .preview ul li .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 75%; display: inline-block; }
.content-content .card-list-layer .project-card-list-area ul .long .card .preview ul li { width: 250px; }
.content-content .card-list-layer .project-card-list-area ul .long .card .preview ul li .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 89%; display: inline-block; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .preview ul li .favicon { display: inline-block; width: 14px; height: 14px; margin-top: 9px; margin-right: 5px; }

.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info { padding: 15px; border-top: 1px solid #dcdcdc; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .project-name { display: block; margin-bottom: 5px; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .project-name .name { font-size: 14px; font-weight: 600; color: #585858; max-width: 87%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .amount { font-size: 13px; font-weight: 300; background: #0017c1; color: #fff; font-size: 11px; height: 18px; display: inline-block; line-height: 19px; padding: 0 8px; border-radius: 9px; font-family: 'Dotum', 'Arial'; margin-top: 8px; }

.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify { width: 100%; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify input[type=text] { outline: 0; width: 80%; background: #fafafa; border-bottom: 1px solid #dcdcdc; transition: background 0.2s ease-in; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify input[type=text]:focus { background: #fff;  }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify .name { font-size: 16px; font-weight: 600; color: #585858; width: auto; border-style: none; font-size: 16px; font-weight: 600; }
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify i {line-height: 23px; margin-top:0; margin-left:11px;}
.content-content .card-list-layer .project-card-list-area ul .card-list .card .detail-info .modify i:hover:after {content: ''; position: absolute; top:-3px; left:-7px; border-radius: 50px; width: 28px; height: 28px; background:rgba(0, 0, 0, 0.05);}

/* i 버튼 개별 */
.txt-modify-btn {line-height: 23px; margin-top:0; margin-left:11px;}
.txt-modify-btn:hover:after {content: ''; position: absolute; top:-3px; left:-7px; border-radius: 50px; width: 28px; height: 28px; background:rgba(0, 0, 0, 0.05);}
.star-btn { position:static; }

.content-content .tool-area .tool-top { margin-bottom: 25px; }
.content-content .tool-area .tool-bottom .card-length { margin-right: 25px; }
.content-content .tool-area .tool-bottom .scenario-add-btn { float: right; }

.content-content .project-card-list-area ul .add-card { background: #f2f2f2; transition: background .2s ease; }
.content-content .project-card-list-area ul .add-card a { display: block; }
.content-content .project-card-list-area ul .add-card a .card { text-align: center; }
.content-content .project-card-list-area ul .add-card a .card .ico { width: 16px; height: 16px; background: url(../img/common/tool_ico.png) no-repeat; background-position: -51px -5px; display: inline-block; margin-top: 102px; transition: opacity .2s ease; }
.content-content .project-card-list-area ul .add-card:hover { background: #f8f8f8; }
.content-content .project-card-list-area ul .add-card:hover .ico { opacity: 0.8; }


/* 목록형 */
.content-content .card-list-layer .project-list {position: relative; width: 100%; margin-top:20px; padding-right: 25px;}
.content-content .card-list-layer .project-list > ul > li {background:#fff; border:1px solid #f1f1f1; margin-bottom:5px;}
.content-content .card-list-layer .project-list > ul > li .title-area {position: relative; padding: 13px 25px;}
.content-content .card-list-layer .project-list > ul > li .title-area:hover .left p {color:#153a4e;}
.content-content .card-list-layer .project-list > ul > li .title-area:hover .left i {color: #153a4e;}
.content-content .card-list-layer .project-list > ul > li .title-area .left {float: left; cursor: pointer; width:calc(100% - 171px);}
.content-content .card-list-layer .project-list > ul > li .title-area .left p {display: inline-block; width:calc(100% - 50px); font-size: 14px; font-weight: 500; margin-left:15px; color:#555;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content-content .card-list-layer .project-list > ul > li .title-area .left span {display: inline-block; position: relative; width:13px; height:18px;}
.content-content .card-list-layer .project-list > ul > li .title-area .left span i {font-size:14px; position: absolute; left: 0; top: 3px; color:#b9b9b9;}
.content-content .card-list-layer .project-list > ul > li .title-area .left span .minus-ico {display: none;}
.content-content .card-list-layer .project-list > ul > li .title-area .right {float: right; }
.content-content .card-list-layer .project-list > ul > li .title-area .right i { position: relative; margin-left:35px; font-size: 15px; cursor: pointer; color: #153a4e;}
.content-content .card-list-layer .project-list > ul > li .title-area .right i:hover { color: #153a4e;}
.content-content .card-list-layer .project-list > ul > li .title-area .right i:nth-child(1) {margin-left: 0;}
.content-content .card-list-layer .project-list > ul > li .title-area .right i:after {content: ''; display: none; position: absolute; left:-8px; top:-7.5px; width: 30px; height: 30px; background:rgba(0,0,0,0.05); border-radius: 50%;}
.content-content .card-list-layer .project-list > ul > li .title-area .right i:hover:after {display: block;}
.content-content .card-list-layer .project-list > ul > li.select .title-area .left span .plus-ico {display: none;}
.content-content .card-list-layer .project-list > ul > li.select .title-area .left span .minus-ico {display: block; color: #153a4e;}

/* 시나리오 리스트 */
.content-content .card-list-layer .project-list > ul > li .scenario-list {display: none; position: relative;}
.content-content .card-list-layer .project-list > ul > li.select .scenario-list {display: block;}
.content-content .card-list-layer .project-list > ul > li .scenario-list ul li {padding:10px 25px; font-size: 12px; border-top:1px solid #f1f1f1; background:#f8f8f8; cursor: pointer; color:#666;}
.content-content .card-list-layer .project-list > ul > li .scenario-list ul li:after {clear: both; content: ''; display: block;}
.content-content .card-list-layer .project-list > ul > li .scenario-list ul li:hover {color:#333; background:#f2f2f2;}
.content-content .card-list-layer .project-list > ul > li .scenario-list ul li span:nth-child(2) {float: right; color:#999;}



@media all and (min-width: 1551px)
{
	.content-content .card-list-layer .project-card-list-area ul .long { width: 40%; }
}
@media all and (max-width: 1550px)
{
	.content-content .card-list-layer .project-card-list-area ul .long { width: 90%; }
}
.content-content .card-list-layer .project-card-list-area .none-card { padding-right: 25px; }
.content-content .card-list-layer .project-card-list-area ul .none-card-list { background: #fff; height: 100px; text-align: center; padding: 32px 0; color: #8E8E8E; font-weight: 400; font-size: 14px; border-radius: 5px; border-radius: 10px; -moz-box-shadow: 0 20px 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0.8); box-shadow: 0 0 20px -5px rgba(158, 156, 158, 0}
.content-content .card-list-layer .project-card-list-area ul .none-card-list a { font-size: 12px; color: #5873a6; padding-top: 1px; display: block; }
.content-content .card-list-layer .project-card-list-area ul .none-card-list a:hover { text-decoration: underline; }