@charset "utf-8";

/* --- 파일 정보  --- */
/* IWPFI 2017 입출력 */
/* 파일명: form.css */
/* 작성 시작일: 2016년 2월 */

/* 색상코드 */
/* 기본글꼴 녹색 #2262b3 */


/* 인풋 및 셀렉트 */
.i_check {margin:0 4px 0 0 !important}
.i_check,
.i_label {vertical-align:middle; cursor:pointer}
input[type='radio']:checked+label,
input[type='checkbox']:checked+label {font-weight:bold}

textarea.i_text {width:200px; min-width:99%; box-sizing:border-box}
.i_text {min-height:17px; padding:5px ; border:1px solid #ccc; font-size:13px}
.i_text:hover {border-color:#2262b3 !important}
.i_text:focus {border-color:#2262b3 !important; outline:none}
select {height:27px; line-height:27px; padding:2px; border:1px solid #ccc}

/* 버튼 */
div.btn_area {margin:15px 0; text-align:center}

/* 입출력 */
h2.subject {position:relative; margin:0; padding:18px 0 10px 0; font-size:24px; color:#194687; letter-spacing:-0.02em}
h2.subject:after {display:block; position:absolute; top:0; left:0; width:25px; border-top:6px solid #ddd; content:""}
h2.subject span.eng {padding:0 0 0 10px; font-size:16px; color:#777}

span.color {color:#194687;}

h3.subject2 {padding:0 0 0 17px; margin:0 0 8px 0; font-size:17px; color:#388f77; background:url(../image/ico_subject2.gif) no-repeat 0 7px}
h3.subject2 span {font-weight:normal !important; font-size:13px !important}
h4.subject3 {padding:0; margin:0 0 6px 0; font-size:15px; color:#1c2334}

table.tbl_app {margin-bottom:30px; border:0; border-top:2px solid #aaa; font-size:13px}
table.tbl_app th {padding:10px; border:0; border-bottom:1px solid #ccc; background:#f0f0f0; text-align:left}
table.tbl_app td {padding:10px; border:0; border-bottom:1px solid #ccc; word-break:break-all; word-break:break-word}
table.tbl_app td input[type='text'] {vertical-align:middle}
table.tbl_app td button.add {min-width:27px; height:27px; padding:3px 9px; border:0; background:#444; color:#fff; text-align:center; font-size:15px; vertical-align:middle}

table.tbl_user {border:0; border-top:1px solid #aaa !important; font-size:13px}
table.tbl_user th {padding:5px 10px; border:0; border-bottom:1px dotted #999; background:none; text-align:left}
table.tbl_user td {padding:5px 10px; border:0; border-bottom:1px dotted #999}

table.tbl_user {position:relative; border:0; border-top:2px solid #777; font-size:13px}
table.tbl_user th {padding:5px; border:0; border-bottom:1px solid #ddd; text-align:left; font-size:12px}
table.tbl_user td {padding:5px; border:0; border-bottom:1px solid #ddd}

table.tbl_user tr.division th {border-bottom:1px solid #999 !important}
table.tbl_user tr.division td {border-bottom:1px solid #999 !important}
table.tbl_user td.btn_user_del {position:relative; padding:0 5px 5px 0}
table.tbl_user td.btn_user_del button.del {position:absolute; right:0; top:0; display:block; width:50px; padding:6px 8px; border:0; background:#444; font-size:12px; color:#fff; transition:background-color 0.5s}
table.tbl_user td.btn_user_del button.del:hover {background:#111}

table.tbl_inside {margin:5px 0; border:0; border-top:1px solid #ddd}
table.tbl_inside th {padding:7px; border:0; border-bottom:1px dotted #bbb; font-size:12px; background:none}
table.tbl_inside td {padding:7px; border:0; border-bottom:1px dotted #bbb; font-size:12px}

table.tbl_add {position:relative; border:0; border-top:2px solid #777; font-size:13px}
table.tbl_add th {padding:10px; border:0; border-bottom:1px solid #ccc; background:#f0f0f0; text-align:left}
table.tbl_add td {padding:10px; border:0; border-bottom:1px solid #ccc; word-break:break-all; word-break:break-word}
table.tbl_add tr.division th {border-bottom:1px solid #999 !important}
table.tbl_add tr.division td {border-bottom:1px solid #999 !important}
table.tbl_add td.del {}
table.tbl_add td.del button.del {position:absolute; right:0; top:0; padding:6px 8px; border:0; background:#444; font-size:12px; color:#fff; transition:background-color 0.5s}
table.tbl_add td.del button.del:hover {background:#111}

.list_slt {padding:0; margin:0; list-style:none; *zoom:1}
.list_slt:after {clear:both; display:block; content:''}
.list_slt li {float:left; height:26px; margin:0 15px 0 0; padding:1px 0; box-sizing:content-box; line-height:26px}
.list_slt li,
.list_slt label,
.list_slt input {vertical-align:middle}
.list_slt label {line-height:26px}

.list_slt_ver {padding:0; margin:0; list-style:none}
.list_slt_ver li {padding:1px 0}
.list_slt_ver li,
.list_slt_ver label,
.list_slt_ver input {vertical-align:middle}

ol.list_basic {padding:0; margin:2px 0 20px 25px}
ol.list_basic li {}

span.dsc {color:#c7305c}
p.dsc {padding:3px; margin:0; font-size:12px; color:#d85f31}

/* 계획서 보기 팝업 */
div#pop_review {position:relative; width:820px}
div#pop_review div#report_wrap {position:fixed; width:820px; z-index:100}
div#pop_review h1#pop_title {padding:15px 10px; margin:0; background:#444; font-size:21px; color:#fff}

div#pop_review div#report_wrap div.btn_area {position:absolute; top:0; right:0; height:51px; padding:0; margin:0}
div#pop_review div#report_wrap div.btn_area input[type='image'] {display:inline-block; padding:0; margin:0; background:none; border:0}
div#pop_review div.project_info {padding:15px 20px; background:#e9ecf0; border-bottom:2px solid #2c3748}
div#pop_review div.project_info h2.title {padding:0; margin:0 0 10px 0; color:#10267a; font:normal 17px ng}
div#pop_review div.project_info h2.title a {color:#10267a; font:normal 17px ng}
div#pop_review div.project_info h2.title span.type_new {padding:3px 4px; margin-right:3px; background:#386bb5; color:#fff; font:normal 12px ng}
div#pop_review div.project_info h2.title span.type_change {padding:3px 4px; margin-right:3px; background:#e4533d; color:#fff; font:normal 12px ng}
div#pop_review div.project_info h2.title span.type_ongoing {padding:3px 4px; margin-right:3px; background:#63bc08; color:#fff; font:normal 12px ng}
div#pop_review div.project_info h2.title span.type_waiver {padding:3px 4px; margin-right:3px; background:#7248b2; color:#fff; font:normal 12px ng}
div#pop_review div.project_info footer {padding:0; margin:0; background:none; color:#636a72; font-size:12px}
div#pop_review div.project_info footer em {margin-right:10px; color:#000; font-weight:bold; font-style:normal !important}

div#pop_review div.contents {position:absolute; top:140px; width:780px; height:700px; padding:20px}

div#pop_review div#document_history {padding:10px 13px; margin-bottom:20px; background:#f6f8fa; border:1px dotted #a1a6b6; border-left:0; border-right:0}
div#pop_review div#document_history div.plan_list {}
div#pop_review div#document_history div.plan_list h3 {float:left; padding:2px 0 2px 15px; margin:0; width:80px; background:url(../itplus/image/icon_book.gif) no-repeat left 4px; font:normal 13px ng; color:#636874}
div#pop_review div#document_history div.plan_list ul.number_slt {float:left; padding:0; margin:0; width:654px; list-style:none}
div#pop_review div#document_history div.plan_list ul.number_slt li {float:left; height:23px; margin-right:10px; line-height:150%; vertical-align:middle}
div#pop_review div#document_history div.plan_list ul.number_slt li div.item {position:relative; font-size:12px}
div#pop_review div#document_history div.plan_list ul.number_slt li div.item button {padding:4px 7px; border:0; background:#868080; color:#fff; border-radius:2px; vertical-align:middle; text-decoration:none}
div#pop_review div#document_history div.plan_list ul.number_slt li div.item button.request.selected {background:#2d2d2d}
div#pop_review div#document_history div.plan_list ul.number_slt li div.item input.report {margin:0 0 0 -4px; padding:4px 6px; border:0; background:#3160a6; color:#fff; border-radius:0 2px 2px 0; vertical-align:middle; z-index:9999}
div#pop_review div#document_history div.plan_list ul.number_slt li div.item input.report:hover {background:#000; opacity:.9; text-decoration:none}
div#pop_review div#document_history div.plan_list ul.number_slt li div.report_layer {position:absolute; right:-150px; top:-1px; min-width:140px; padding-left:8px; background:url(../image/report_bubble.png) no-repeat 0 0; z-index:9999}
div#pop_review div#document_history div.plan_list ul.number_slt li div.report_layer div.wrap {position:relative; padding:5px; background:#000; opacity:.8; border-radius:2px}
div#pop_review div#document_history div.plan_list ul.number_slt li div.report_layer a {display:block; padding:2px 9px 2px 2px; color:#fff}
div#pop_review div#document_history div.plan_list ul.number_slt li div.report_layer input.btn_close {position:absolute; top:3px; right:3px; width:15px; height:15px; padding:0; margin:0; background:url(../image/btn_small_close.png) no-repeat 0 0; border:0}

div#pop_review div#document_history div.history {overflow:hidden; clear:both}
div#pop_review div#document_history div.history h3 {float:left; padding:2px 0 2px 15px; margin:0; width:80px; background:url(../itplus/image/icon_book.gif) no-repeat left 4px; font:normal 13px ng; color:#636874}
div#pop_review div#document_history div.history p {float:left; padding:0; margin:5px 0 0 0; width:654px; word-break:keep-all; word-wrap:break-word; font-size:12px; line-height:14px}
div#pop_review div#document_history div.history p span.arrow {padding-right:12px; margin-right:4px; background:url(../image/status_new.png) no-repeat right center}

div#pop_review div#document_history div.review_opinion {overflow:hidden; clear:both}
div#pop_review div#document_history div.review_opinion h3 {float:left; padding:2px 0 2px 15px; margin:0; width:95px; background:url(../../image/icon_book.gif) no-repeat left 4px; font:normal 13px ng; color:#636874; letter-spacing:-0.04em}
div#pop_review div#document_history div.review_opinion div.btn_section {float:left; padding:0; margin:0; width:539px; text-align:left}

div#pop_review .tbl_opinion {margin:0 0 20px 0; border:0; border-top:1px solid #111}
div#pop_review .tbl_opinion thead th {padding:7px; background:#eee; border:0; border-bottom:1px solid #b5b5b5; border-left:1px dotted #ccc; border-right:1px dotted #ccc}
div#pop_review .tbl_opinion thead th:first-child,
div#pop_review .tbl_opinion thead th:last-child {border-left:0; border-right:0}
div#pop_review .tbl_opinion th {padding:7px; background:#f6f6f6; border:0; border-bottom:1px solid #d9d9d9; border-left:1px dotted #ccc; border-right:1px dotted #ccc; text-align:left; font-size:15px}
div#pop_review .tbl_opinion th:last-child,
div#pop_review .tbl_opinion td:last-child {border-left:0; border-right:0}
div#pop_review .tbl_opinion td {padding:7px; border:0; border-bottom:1px solid #d9d9d9; border-left:1px dotted #ccc; border-right:1px dotted #ccc}
div#pop_review .tbl_opinion th span.date {font:normal 12px ng; color:#777}
div#pop_review .tbl_opinion th span.date em {font-style:normal; color:#26549a}
div#pop_review .tbl_opinion th span.name {font:normal 12px ng; color:#777}
div#pop_review .tbl_opinion th span.name em {font-style:normal; color:#26549a}
div#pop_review .tbl_opinion th.pre_review {border-left:4px solid #425795}
div#pop_review .tbl_opinion th.editor_review {border-left:4px solid #fce702}
div#pop_review .tbl_opinion th.reviewer_review {border-left:4px solid #e99104}
div#pop_review .tbl_opinion th.chairman_review {border-left:4px solid #e94655}
div#pop_review .tbl_opinion th.pi_review {border-left:4px solid #3aba82}


div#pop_review .tbl_check {margin-bottom:30px; border:0; border-top:1px solid #333}
div#pop_review .tbl_check thead th {padding:7px; border:0; border-bottom:2px solid #ddd; text-align:center; font-weight:normal}
div#pop_review .tbl_check th {padding:7px; border:0; border-bottom:1px solid #ccc; text-align:center; font-weight:normal; background:#f0f0f0}
div#pop_review .tbl_check td {padding:7px; border:0; border-bottom:1px solid #ccc}
div#pop_review .tbl_check td .i_text {}
div#pop_review .tbl_check td ul {margin-bottom:0; font-size:13px}

div#pop_review .btn_area {margin:15px 0; text-align:center}


div.editor_review_guide {margin:15px 0; padding:0 15px 15px 0; border:2px solid #5390fd; background:#e1e6f0}
div.editor_review_guide h1 {width:100px; padding:5px 7px 7px 5px; margin:0 0 15px 0; background:#5390fd; color:#fff; font-size:14px; text-align:center}
div.editor_review_guide p {padding-left:15px}

/* 팝업 */

p.my_task_count {padding:10px; border:3px solid #ddd; font-size:16px}
p.my_task_count em {font-weight:bold; font-style:normal; color:#e74c3c}

/* 의뢰서 선택 */
div#app_selected {}
div#app_selected ul {padding:0; margin:0; list-style:none}
div#app_selected ul:after {display:block; clear:both; content:""}
div#app_selected ul li {float:left}
div#app_selected ul li a {position:relative; display:block; width:150px; height:45px; padding:30px 10px 30px 80px; margin:0 20px 20px 0; text-align:left; font:normal 20px ng; border-radius:3px; background:#47536c; color:#fff}
div#app_selected ul li a:hover {text-decoration:none; background:#187e8d; transition:all 0.5s}
div#app_selected ul li a span.icon {position:absolute; display:block; left:30px; top:35px; width:37px; height:37px; background:url(../image/icon_write.png) no-repeat}

div#app_selected2 {}
div#app_selected2 ul {padding:0; margin:0; list-style:none}
div#app_selected2 ul:after {display:block; clear:both; content:""}
div#app_selected2 ul li {float:left}
div#app_selected2 ul li a {display:block; width:300px; padding:50px 30px; margin:0 20px 5px 0; text-align:center; font:bold 24px ng; border-radius:5px; background:#555; color:#fff}
div#app_selected2 ul li a:hover {background:#333; text-decoration:none; transition:all 0.5s}


/* 의뢰서 신청 조회 */
ul.list_status {padding:0; margin:10px 0; list-style:none}
ul.list_status:after {display:block; clear:both; content:""}
ul.list_status li {float:left}
ul.list_status li:first-child a {border-left:1px dotted #ccc}
ul.list_status li a {display:block; padding:0 10px; margin:3px; text-align:center; border-right:1px dotted #ccc}
ul.list_status li a:hover {color:#d35721}
ul.list_status li.selected a {font-weight:bold; color:#d35721}


/* 스크롤 내렸을때 나오는 신청 제어 버튼*/
.app_title_wrap {position:fixed; top:200px; left:-1000px; z-index:9999}
.app_title_fix {position:fixed; top:0; left:0; width:100%; height:50px; background:#253747; opacity:.9}
.app_title_wrap div.app_title {width:980px; margin:0 auto; padding-top:7px; text-align:right}
.app_title_wrap div.app_title > input[type='button'] {min-width:80px; height:30px; margin:2px; border:2px solid #fff; border-radius:2px; background:transparent; color:#fff; font-size:14px; text-align:center}
.app_title_wrap div.app_title > input[type='button']:hover {border-color:#ffad51; color:#ffad51}
.app_title_wrap div.app_title > a.btn_top {text-decoration:none; color:#bbff59}