@charset "utf-8";

/* --- 파일 정보  --- */
/* 포스텍 IACUC 관리자모드 */
/* 파일명: default.css */
/* 최초 작성일: 2014년 10월 */
/* 작성자: 전아름 */

/* 색상코드 */
/* 링크: #1f508e */
/* 기본글꼴 #2f3743 */

/* 웹폰트 */
@font-face {
  font-family: nbg;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

/* 미디어쿼리 */
@media all and (max-width:1280px) {
	header {width:1280px !important}
	div#container {width:1280px !important}
}

@media only screen and (max-width : 1024px) {
 div#wrap {width:1000px !important}
}

@media only screen and (max-width : 1280px) {
#container {font-size:13px !important}
}

/* 출력 */
@media print {
	div.report_wrap {display:none !important;}
	div.print_section {position:static !important; top:0 !important; margin:0 !important; padding:0 !important}

	div#approval_wrap h1 {line-height:1.5em}
	div#approval_wrap table.tbl {border:0; border-bottom:1px solid #666}
	div#approval_wrap table.tbl th {padding:10px 5px 10px 0; border:0; border-bottom:1px solid #ccc !important; text-align:left !important; font-weight:normal; vertical-align:top; line-height:1.4; color:#222}
	div#approval_wrap table.tbl td {padding:10px 0 10px 5px; border:0; border-bottom:1px solid #ccc !important; text-align:left !important; font-weight:bold; vertical-align:top; color:#222}

	div#approval_wrap table.tbl2 {border:0; border-bottom:1px solid #666}
	div#approval_wrap table.tbl2 th {padding:15px 0; border:0; border-bottom:1px solid #ccc !important; text-align:left !important; font-weight:normal; vertical-align:top; line-height:1.4; color:#222}
	div#approval_wrap table.tbl2 td {padding:15px 0; border:0; border-bottom:1px solid #ccc !important; text-align:left !important; font-weight:bold; vertical-align:top; color:#222}

	div.btn_section {display:none}


	div#application_page > h1.subject2,
	div#application_page > h1 {padding:5px 0; margin:30px 0 0 0; font:bold 18px ng; color:#111}
	div#application_page > h2 {padding:2px 5px; margin:0; background:#666; font-size:14px; color:#fff}
	div#application_page > a {color:#395994; text-decoration:none}
	div#application_page > a:hover {color:#444; text-decoration:underline}

	div#application_page > table.tbl {border:0; border-top:2px solid #888; border-bottom:1px solid #666 !important}
	div#application_page > table.tbl th {padding:8px 0 8px 5px; border:0; border-bottom:1px solid #ccc !important; text-align:left; vertical-align:top; line-height:1.4; color:#444}
	div#application_page > table.tbl td {word-wrap:word-break; word-break:keep-all; padding:8px 0 8px 5px; border:0; border-bottom:1px solid #ccc !important; text-align:left; vertical-align:top; color:#222}
	div#application_page > table.tbl td.center {text-align:center !important; vertical-align:middle !important}
	.tr_style,
	.tr_style th,
	.tr_style td {border-bottom:1px solid #aaa}

	div#pop_wrap {margin:0 !important}
	div#pop_wrap .tbl {margin:0 !important; padding:0 !important; border:0; border-top:2px solid #ccc; border-bottom:1px solid #666 !important}
	div#pop_wrap .tbl th  {padding:5px 0 !important; border:0; border-bottom:1px solid #ccc !important; text-align:left; font-weight:bold; line-height:1.4; color:#222}
	div#pop_wrap .tbl td {word-wrap:word-break; word-break:keep-all; padding:5px; border:0; border-bottom:1px solid #ccc !important; text-align:left; color:#222}

	@page {size: 21cm 29.7cm; margin:0; padding:0}

}

[type=checkbox],
[type=radio] {vertical-align:middle; cursor:pointer}
[type=checkbox]:checked + label,
[type=radio]:checked + label {font-weight:bold}
[type=text],
[type=date],
[type=search],
[type=password],
[type=number] {padding:5px; vertical-align:middle}
[type=text],
[type=search],
[type=password] {width:200px}
[type=date] {width:150px}
[type=text],
[type=date],
[type=search],
[type=password],
[type=number] {border:1px solid #b4b4b4}
[type=text]:hover,
[type=date]:hover,
[type=search]:hover,
[type=password]:hover,
textarea:hover {border:1px solid #5e77d1}
textarea {width:150px; min-width:97%; max-width:97%; height:100px; padding:5px; border:1px solid #b4b4b4}
select {padding:3px}
caption {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html caption {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
table.center th,
table.center td,
table th.center,
table td.center {text-align:center !important}
.center {text-align:center !important}

.i_textarea {margin:0 auto}
textarea.short {height:70px}
.i_date {width:90px}
.i_etc {width:130px}
.item {position:relative}
.item .i_textarea {width:96%; margin:5px 0 0 0}
.item .i_label {position:absolute; top:10px; left:5px; width:96%; color:#676767}
input[type=text].short,
input[type=password].short {width:50px}
input[role='date'] {width:90px;}
span.necessary {color:#be131b;}


.blind {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html .blind {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}

a:link,
a:visited {color:#2f3743; text-decoration:none}
a:hover,
a:active {color:#1f508e; text-decoration:underline}

p.comment {margin:5px 0; padding:0 0 0 15px; background:url(../image/bullet_info.gif) no-repeat left 3px; font-size:12px; line-height:17px; color:#222}

.w50 {width:50px}
.w500 {width:500px}

.subject {padding:0; margin:0 0 8px 0; font-size:15px; color:#035098; background:none; }

/* 메인 */
div#iacuc_main {overflow:hidden; clear:both; margin:0 auto; padding:30px 20px; width:845px; min-height:600px}
div#iacuc_main div#search_section {overflow:hidden; clear:both; padding:10px 15px; margin:0 0 30px 0; background:#e9ebec; border-radius:3px}
div#iacuc_main div#search_section select {float:left; padding:8px; margin:0 10px 0 0; line-height:27px; border:1px solid #bbb}
div#iacuc_main div#search_section ul.list_slt {float:left; padding:7px 0; margin:0; list-style:none}
div#iacuc_main div#search_section ul.list_slt li {float:left; margin-right:20px; vertical-align:middle}
div#iacuc_main div#search_section ul.list_slt li label {cursor:pointer; vertical-align:middle; font:normal 16px ng; color:#565d67}
div#iacuc_main div#search_section ul.list_slt li input {padding:0; margin:0 4px 0 0; width:13px; height:13px; vertical-align:middle}
div#iacuc_main div#search_section div.item {position:relative; float:left; marign-left:20px}
div#iacuc_main div#search_section div.item .i_label {top:8px; left:10px; z-index:200; cursor:text; font:normal 16px ng; color:#999}
div#iacuc_main div#search_section div.item .i_text {position:relative; width:580px; height:15px; padding:10px; background:#fff; border:0; border-radius:3px 0 0 3px; line-height:110%}
div#iacuc_main div#search_section div.item .i_button {float:left; padding:0; margin:0; vertical-align:middle}

div#iacuc_main div#task_summary {float:left; margin-right:60px; width:300px}
div#iacuc_main div#task_summary div.member_info {padding:22px 20px; background:#565d67 url(../image/bg_member_info.gif) no-repeat top}
div#iacuc_main div#task_summary div.member_info p {padding:0; margin:0 0 0 75px; color:#fff; font:normal 14px ng;}
div#iacuc_main div#task_summary div.member_info p.login_info {margin-top:7px; font-size:11px; letter-spacing:normal}
div#iacuc_main div#task_summary div.member_info div.total_count {padding-top:20px; margin-top:30px; border-top:1px solid #fff; color:#fff; font:normal 20px/150% ng; text-align:center}
div#iacuc_main div#task_summary div.member_info div.total_count strong {color:#fbf800; text-decoration:underline; font-weight:bold}
div#iacuc_main div#task_summary h1.title {padding:10px; margin:0; height:43px; background:url(../image/bg_title.gif) no-repeat 0 0; text-align:center; color:#fff; font:normal 24px/145% ng}
div#iacuc_main div#task_summary ul.list_task {padding:0; margin:0; list-style:none}
div#iacuc_main div#task_summary ul.list_task li {position:relative; padding:10px 10px 10px 50px; height:35px; color:#3f454e; font:normal 18px/170% ng}
div#iacuc_main div#task_summary ul.list_task li a {display:block; height:100%; text-decoration:none; color:#3f454e; font:normal 18px/170% ng}
div#iacuc_main div#task_summary ul.list_task li.member {background:url(../image/icon_member.gif) no-repeat 18px 13px}
div#iacuc_main div#task_summary ul.list_task li.plan {background:#ecf0f1 url(../image/icon_plan.gif) no-repeat 19px 13px}
div#iacuc_main div#task_summary ul.list_task li.review {background:url(../image/icon_review.gif) no-repeat 18px 13px}
div#iacuc_main div#task_summary ul.list_task li.application {background:#ecf0f1 url(../image/icon_application.gif) no-repeat 20px 13px}
div#iacuc_main div#task_summary ul.list_task li p.count {position:absolute; display:block; top:10px; right:15px; padding:5px; margin:0; width:25px; height:25px; background:url(../image/bg_count_num.png) no-repeat 0 0; color:#fff; text-align:center; font-size:14px; line-height:170%}
div#iacuc_main div#task_summary ul.list_application {padding:0 0 10px 0; margin:0; list-style:none; background:#ecf0f1}
div#iacuc_main div#task_summary ul.list_application li {position:relative; padding:0 4px 0 30px; background:url(../image/bullet1.gif) no-repeat 18px 11px; border-bottom:1px solid #e4e7e4;}
div#iacuc_main div#task_summary ul.list_application li a {display:block; padding:5px; height:100%; font:normal 15px ng; color:#3f454e}
div#iacuc_main div#task_summary ul.list_application li a span.count {color:#e84c3d; font:normal 13px ng}
div#iacuc_main div#task_summary ul.list_application li img.btn_link {position:absolute; top:5px; right:10px}

div#iacuc_main div#task_content {float:left; width:485px}
div#iacuc_main div#task_content div#review_wrap {overflow:hidden; clear:both; margin-bottom:40px}
div#iacuc_main div#task_content div#review_wrap h1.title {float:left; padding:50px 0 0 0; margin:0 0 10px 0; font:bold 20px ng; color:#262f3f; }
div#iacuc_main div#task_content div#review_wrap ul.status_count {float:right; padding:0; margin:50px 0 5px 0; list-style:none}
div#iacuc_main div#task_content div#review_wrap ul.status_count li {position:relative; float:left; padding:6px 0; margin:0 3px; width:62px; height:20px; font:normal 13px ng; text-align:center}
div#iacuc_main div#task_content div#review_wrap ul.status_count li a {display:block; height:100%; text-decoration:none; color:#fff}
div#iacuc_main div#task_content div#review_wrap ul.status_count li div.count a {display:block; height:100%; text-decoration:none; color:#424a4f}
div#iacuc_main div#task_content div#review_wrap ul.status_count li.c1 {background:url(../image/bg_review_status1.gif) no-repeat 0 0; text-shadow:1px 0 1px #008dcb}
div#iacuc_main div#task_content div#review_wrap ul.status_count li.c2 {background:url(../image/bg_review_status2.gif) no-repeat 0 0; text-shadow:1px 0 1px #31497e}
div#iacuc_main div#task_content div#review_wrap ul.status_count li.c3 {background:url(../image/bg_review_status3.gif) no-repeat 0 0; text-shadow:1px 0 1px #474c54}
div#iacuc_main div#task_content div#review_wrap ul.status_count li.c4 {background:url(../image/bg_review_status4.gif) no-repeat 0 0; text-shadow:1px 0 1px #202835}
div#iacuc_main div#task_content div#review_wrap ul.status_count li div.count {position:absolute; top:-50px; padding:5px 0; width:62px; height:33px; background:url(../image/bg_bubble.gif) no-repeat 0 0; text-align:center; font:normal 14px ng; text-shadow:none}
div#iacuc_main div#task_content div#review_wrap ul.status_count li div.count strong {font-size:18px}

div#iacuc_main div#task_content div#review_wrap ul.list_plan {clear:both; padding:0; margin:0; border-top:1px solid #8f8f8f; border-bottom:1px solid #8f8f8f; list-style:none}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li {overflow:hidden; clear:both; position:relative; padding:10px; border-bottom:1px solid #ecf0f1; font-family:ng}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li:nth-child(2n) {background:#ecf0f1}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.project_name {height:13px; padding:0; margin:0 0 8px 0; font-size:13px}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.project_name a {color:#333}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li span.pi_name {position:absolute; top:10px; right:10px; color:#5a626c; font-size:12px}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type {padding:0; margin:0; font-size:13px; font-weight:bold}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type span {padding-right:9px; margin-right:9px; background:url(../image/bullet2.png) no-repeat right center; color:#909090}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type strong.c1 {color:#3598db}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type strong.c2 {color:#3d5c9c}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type strong.c3 {color:#5b626c}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li p.review_type strong.c4 {color:#2f3747}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li span.date {position:absolute; top:38px; right:10px; font-size:12px; color:#696969}
div#iacuc_main div#task_content div#review_wrap ul.list_plan li span.date em {font-style:normal; color:#e84c3d}

div#iacuc_main div#task_content div#application_wrap {overflow:hidden; clear:both}
div#iacuc_main div#task_content div#application_wrap h1.title {float:left; padding:5px 0; margin:0 0 10px 0; height:33px; font:bold 20px ng; color:#262f3f; }

div#iacuc_main div#task_content div#application_wrap .select {float:left; line-height:normal; display:inline-block; *display:inline; margin:10px 0 0 7px; vertical-align:middle}
div#iacuc_main div#task_content div#application_wrap .select select {padding:0; margin:0}
div#iacuc_main div#task_content div#application_wrap div.count {float:right; padding:5px 0; width:62px; height:33px; background:url(../image/bg_bubble.gif) no-repeat 0 0; text-align:center; color:#424a4f; font:normal 14px ng; text-shadow:none}
div#iacuc_main div#task_content div#application_wrap div.count strong {font-size:18px; color:#e84c3d}
div#iacuc_main div#task_content div#application_wrap ul.list_application {clear:both; padding:0; margin:0; list-style:none; border-top:1px solid #8f8f8f; border-bottom:1px solid #8f8f8f}
div#iacuc_main div#task_content div#application_wrap ul.list_application li {position:relative; overflow:hidden; clear:both; border-bottom:1px solid #ecf0f1}
div#iacuc_main div#task_content div#application_wrap ul.list_application li.nodata {padding:15px; text-align:center; color:#888}
div#iacuc_main div#task_content div#application_wrap ul.list_application li:nth-child(2n) {background:#ecf0f1}
div#iacuc_main div#task_content div#application_wrap ul.list_application li span.type_application {display:block; float:left; padding:2px 4px; font:normal 12px ng; background:#2d3e50; color:#fff}
div#iacuc_main div#task_content div#application_wrap ul.list_application li span.status {display:block; float:left; padding:2px 4px; font:normal 12px ng; background:#e84c3d; color:#fff}
div#iacuc_main div#task_content div#application_wrap ul.list_application li p.info {overflow:hidden; clear:both; padding:10px; margin:0; font:normal 13px ng; color:#909090}
div#iacuc_main div#task_content div#application_wrap ul.list_application li p.info span.date {float:left; width:200px}
div#iacuc_main div#task_content div#application_wrap ul.list_application li p.info span.author {float:left; width:195px}
div#iacuc_main div#task_content div#application_wrap ul.list_application li p.info span.pi {float:left; width:60px}
div#iacuc_main div#task_content div#application_wrap ul.list_application li p.info span em {color:#2f3747; font-style:normal}
/* 레이아웃 */
div#wrap {}
header {position:relative; width:100%; height:49px; background:#3b173d url(../image/bg_gnb.jpg) no-repeat 0 0}
header div#menu {position:absolute; top:0; right:5px; font-size:12px}
header div#menu ul {overflow:hidden; clear:both; padding:0; margin:0; list-style:none}
header div#menu ul > li {float:left; height:22px; padding:13px 17px; color:#fff}
header div#menu ul > li.website {background:url(../image/division_w.gif) no-repeat left center}
header div#menu ul > li.logout {background:url(../image/division_w.gif) no-repeat left center}
header div#menu ul a {color:#fff}

h1#logo {float:left; width:200px; height:49px; padding:0; margin:0; background:#d4d4d4}
h1#logo a {display:block}
nav#gnb {float:left; height:49px; padding:0; margin:0}
nav#gnb ul.menu {overflow:hidden; clear:both; padding:0; margin:0; list-style:none; text-align:center}
nav#gnb ul.menu li {float:left; height:49px !important}
nav#gnb ul.menu li a {display:block; height:29px; padding:10px 15px; font-size:17px; line-height:150%; color:#fff; text-decoration:none; z-index:100}
nav#gnb ul.menu li a.selected {background:#644765}
nav#gnb ul.menu li a span.number {display:inline-block; min-width:16px; height:15px; margin-left:10px; padding:2px; margin:0; border-radius:2px; background:#fdb813; color:#111; font:normal 13px/130% nbg; text-align:center}

div#container {min-height:500px; *zoom:1}
div#container:after {clear:both; display:block; content:''}
div#container.layout_fixed {width:1240px; margin:0 auto} /* 컨텐츠 영역의 가로 사이즈를 고정시킬 때 container의 클래스 값을 주면 됨 */
div#container nav#lnb {float:left; width:200px; background:#d4d4d4}
div#container nav#lnb ul.menu {padding:0; margin:30px 0 0 0; list-style:none}
div#container nav#lnb ul.menu > li a {display:block; height:100%; padding:6px 14px; font-size:15px; text-decoration:none}
div#container nav#lnb ul.menu > li a:hover {background:#f0f0f0; color:#1f1f1f}
div#container nav#lnb ul.menu > li.selected {background:#fff}
div#container nav#lnb ul.menu > li.selected a {color:#1f1f1f !important}

div#container nav#lnb ul.menu > li a span.num {display:inline-block; min-width:16px; height:15px; margin-left:10px; padding:2px; margin:0; border-radius:2px; background:#bf34a3; color:#fff; font:normal 11px/130% tahoma; text-align:center}

div#container div#contents {min-height:500px; margin-left:200px; padding:60px}
div#container div#contents h1#pagetitle {position:relative; padding:0; margin:0 0 50px 0; font-size:40px; font-weight:normal}
div#container div#contents div#navi {position:absolute; top:0; right:0; text-align:right; font:normal 13px nbg; color:#777}
div#container div#contents div.btn_area_list {margin:15px 0}

footer {clear:both; overflow:hidden; border-top:1px solid #b9b9b9; padding:10px 0; text-align:center; color:#777; font-size:13px}
footer a {font-weight:bold; color:#3c4554}


/* 목록 - 표 */
.tbl_list {margin-bottom:20px; border:1px solid #dfe1e3}
.tbl_list tr:nth-child(2n-1) {background:#f3f5f6}
.tbl_list tr:last-child td {border-bottom:1px solid #a5a9b1}
.tbl_list th {background:#eef1f3; padding:9px 4px; text-align:left; border:0; border-bottom:2px solid #bbbec1; font-weight:normal}
.tbl_list th:first-child,
.tbl_list td:first-child {border-left:0}
.tbl_list th:last-child,
.tbl_list td:last-child {border-right:0}
.tbl_list td {padding:9px 4px; border:1px dotted #dfe1e3; border-bottom:1px solid #dfe1e3; line-height:20px}

.tbl_list td span.review_type {color:#9d15a2; font-weight:bold}
.tbl_list td span.iacuc_no {color:#c03ac5}
.tbl_list td p.title {padding:0; margin:2px 0 0 0}

.tbl_list td a.link_style {text-decoration:underline; color:#c51064}
.tbl_list td.nodata {background:#fff; text-align:center; color:#707070}

.tbl_list td button.attach {height:20px; padding:0 27px 0 0; margin:0; background:transparent url(../image/icon_arrow.gif) no-repeat right center; border:0}
.tbl_list td button.attach:hover {text-decoration:underline}
.tbl_list td button.attach span.count {color:#F00}
.tbl_list td div.ly_attach {position:absolute; z-index:10; width:280px; margin-top:6px; margin-left:-70px; padding:12px; border:1px solid #888; background:#fff; text-align:left}
.tbl_list td div.ly_attach .close {position:absolute; top:3px; right:4px}
.tbl_list td div.ly_attach .edge {position:absolute; top:0; left:50%; width:9px; height:6px; margin:-6px 0 0 -50px; background:url(../image/bg_layer_edge.gif) no-repeat 0 0; font-size:0}
.tbl_list td div.ly_attach ul.list {padding:0; margin:0; list-style:none}
.tbl_list td div.ly_attach ul.list li {padding-left:8px; background:url(../image/icon_bu1.gif) no-repeat 0 10px}

.tbl_form {width:100%; margin:0 0 20px 0; border-collapse: collapse; border-top:2px solid #10267a}
.tbl_form th, .tbl_form td {
    padding:10px; border:0; border-bottom:1px solid #ddd;
}
.tbl_form th { background-color: #f0f0f0; font-weight: normal;}

/* 신청서 목록 - 표 */
table.tbl_list2 {margin:0 0 20px 0; border:1px solid #dfe1e3}
table.tbl_list2 th {padding:9px 0 9px 5px; background:#eef1f3; border:0; border-bottom:2px solid #bbbec1; text-align:left; vertical-align:top; font-weight:normal; color:#222; word-break:keep-all; word-wrap:break-word}
table.tbl_list2 thead th {padding:9px 0 9px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; color:#222; word-break:keep-all; word-wrap:break-word}
table.tbl_list2 td {height:25px; padding:8px 0 8px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; color:#222; word-break:keep-all; word-wrap:break-word; line-height:25px}

table.tbl_list2 td a.link_style {display:block; margin:5px 0 0 0; color:#444; text-decoration:none}
table.tbl_list2 td a.link_style:hover {color:#183d9a}
table.tbl_list2 td span.approval_no {padding:3px 5px; margin-right:2px; border:1px solid #1862bd; color:#1862bd; font-size:12px; font-weight:bold}
table.tbl_list2 td span.approval_start_no {padding:3px 5px; border:1px solid #c51f7d; color:#c51f7d; font-size:12px; font-weight:bold}

a.link_style {margin:0 0 0 5px; font-size:15px; font-weight:bold; text-decoration:underline; color:#1f508e}
a.link_style:hover {color:#666}

p.pi_info {text-align:right; padding:0 10px; margin:0; font-size:12px}
p.pi_info strong {font-size:13px}
p.doc_history {padding:5px 0; margin:0; font-size:12px; color:#666}
p.report_state {margin:5px 0;}

dl.report_info {display:inline-block; width:130px; margin:0; padding:0; border-right:1px solid #ddd; font-size:12px}
dl.report_info dt {float:left; clear:both; width:40px; margin:0; padding:0; color:#666}
dl.report_info dd {float:left; margin:0; padding:0 10px 0 0; color:#666}
dl.report_info dt.no {width:50px; margin:0; padding:0}
dl.report_info dd.no {clear:both; width:105px; margin:0; padding:0 0 8px 0; font-size:14px; font-weight:bold; color:#222}

span.report_number {display:inline-block; margin:0; padding:0 5px 0 0; background:url(../image/bullet.gif) no-repeat right 9px; font-size:14px; font-weight:bold; color:#4587cb}
span.c3 {font-size:14px; font-weight:bold; color:#cc3e44}
.report_con {margin:0; padding:4px 5px; background:#7eabbf; font-size:13px; color:#fff}
.report_new {margin:0; padding:4px 5px; background:#3a70b0; font-size:13px; color:#fff}
.report_end {margin:0; padding:4px 5px; background:#545454; font-size:13px; color:#fff}
.report_change {margin:0; padding:4px 5px; background:#45a05d; font-size:13px; color:#fff}
.report_type {margin:0; padding:4px 5px; background:#444; font-size:13px; color:#fff}


/* 표 - 뷰 */
.tbl_view {margin-bottom:30px; border:0; border-top:2px solid #2c3e50}
.tbl_view th {padding:5px; text-align:left; border:1px solid #ccc; background:#f0f0f0; font-size:12px}
.tbl_view td {padding:5px; border:1px solid #ccc; font-size:12px; vertical-align:top}
.tbl_view td.highlight {background:#dfe8ff}
.tbl_view td.highlight strong.female {color:#cb1516}
.tbl_view td.highlight strong.male {color:#1065a0}

.tbl_view2 {border:0}
.tbl_view2 thead th {padding:5px 10px; border:1px solid #444; background:#555; text-align:left; color:#fff}
.tbl_view2 tbody th {padding:5px 10px; border:1px solid #ccc; background:#eee; text-align:left; color:#333}
.tbl_view2 tbody td {padding:5px 10px; border:1px solid #ccc}

.tbl_view3 {border-top:2px solid #ddd}
.tbl_view3 th {padding:6px; border:1px solid #ddd; background:#f5f5f5}
.tbl_view3 td {padding:6px; border:1px solid #ddd}
.tbl_view3 td.highlight {background:#f2f2f2; font-weight:bold}
.tbl_view3 td a {text-decoration:underline; color:#d64698}

.tbl_sub {border:0; border-top:1px solid #333}
.tbl_sub th {padding:4px !important; border:0; border-bottom:1px dotted #bbb; font-size:12px; background:none}
.tbl_sub td {padding:4px; border:0; border-bottom:1px dotted #bbb; font-size:12px}
.tbl_sub tr:nth-child(4n) th,
.tbl_sub tr:nth-child(4n) td {border-bottom:1px solid #333}
.tbl_sub tr:last-child th,
.tbl_sub tr:last-child td {border:0}

/* 페이징 */
.paginate {margin:15px 0; text-align:center}

/* 팝업 가로 사이즈 */
.w_small {width:510px}
.w_small2 {width:610px}
.w_medium {width:860px}

/* 팝업 */
div#pop_wrap {}
div#pop_wrap h1 {padding:10px; font:normal 24px/130% nbg; margin:0 0 10px 0; background:#000; color:#fff; }
div#pop_wrap h2.minutes_title {padding:10px; margin:-10px 0 10px 0; background:#2d3e7e; color:#fff; font:normal 20px ng}
div#pop_wrap h2.minutes_title p.date {padding:0; margin:3px 0 0 0; font-size:14px}
div#pop_wrap div.btn_close {position:absolute; top:0; right:0}
div#pop_wrap div.btn_close input[type='image'] {padding:0; margin:0; width:51px; height:51px; background:none; border:0}
div#pop_wrap div.form_section {padding:10px}
div#pop_wrap div.form_section .subject {padding:0; margin:0 0 8px 0; font-size:15px; color:#035098; background:none;}
div#pop_wrap div.form_section .tbl {border:0; border-top:2px solid #222}
div#pop_wrap div.form_section .tbl th {padding:7px; border:0; border-bottom:1px solid #bbb; background:#f5f5f5; text-align:left; font-weight:normal}
div#pop_wrap div.form_section .tbl td {padding:7px; border:0; border-bottom:1px solid #bbb}
div#pop_wrap div.form_section div.btn_area {margin:15px 0; text-align:center}

div#pop_wrap div.btn_area_fixed {position:fixed; bottom:0; left:0; width:100%; height:40px; background:#fff}
div#pop_wrap div.btn_area_fixed:after {clear:both; display:block; content:''}
div#pop_wrap div.btn_area_fixed .btn_finished {display:block; float:left; width:50%; height:40px; background:#1e3569; text-align:center; border:0; font-size:17px; color:#fff}
div#pop_wrap div.btn_area_fixed .btn_finished:hover {background:#15284c}
div#pop_wrap div.btn_area_fixed .btn_save {display:block; float:left; width:50%; height:40px; background:#777; text-align:center; border:0; font-size:17px; color:#fff}
div#pop_wrap div.btn_area_fixed .btn_save:hover {background:#666}
div#pop_wrap div.btn_area_fixed .btn_save_f {display:block; float:left; width:100%; height:40px; background:#777; text-align:center; border:0; font-size:17px; color:#fff}
div#pop_wrap div.btn_area_fixed .btn_save_f:hover {background:#666}
div#pop_wrap div.btn_area_fixed p.already {height:16px; padding:12px; background:#ddd; text-align:center; font-size:16px; line-height:130%; color:#777}


/* 컨텐츠 */
div.search_wrap {margin-bottom:20px; vertical-align:middle}
div.search_wrap .i_text {width:200px; height:15px; padding:5px; vertical-align:middle}
div.search_wrap input.btn_search {width:21px; height:21px; border:0; background:none; z-index:100; vertical-align:middle}
div.detail_search_wrap {margin-bottom:10px}
div.detail_search_wrap h1 {padding:4px; margin:0; color:#fff; background:#3c4554 url(../image/ico_search.png) no-repeat 120px 5px; font:normal 15px nbg; cursor:pointer}
div.detail_search_wrap div.wrap {padding:15px; border:1px solid #3c4554}
div.detail_search_wrap .tbl_search {border:0; border-top:1px dotted #c9c9c9}
div.detail_search_wrap .tbl_search th {padding:7px; border:0; border-bottom:1px dotted #c9c9c9; text-align:left; word-break:keep-all; word-wrap:break-word}
div.detail_search_wrap .tbl_search td {padding:7px; border:0; border-bottom:1px dotted #c9c9c9; word-break:keep-all; word-wrap:break-word}
div.detail_search_wrap div.btn_section {margin:15px 0 0 0; text-align:center}

div#search_section {overflow:hidden; clear:both; padding:10px 15px; margin:0 0 30px 0; background:#e9ebec; border-radius:3px}
div#search_section select {float:left; padding:8px; margin:0 10px 0 0; line-height:27px; border:1px solid #bbb}
div#search_section ul.list_slt {float:left; padding:7px 0; margin:0; list-style:none}
div#search_section ul.list_slt li {float:left; margin-right:20px; vertical-align:middle}
div#search_section ul.list_slt li label {cursor:pointer; vertical-align:middle; font:normal 16px ng; color:#565d67}
div#search_section ul.list_slt li input {padding:0; margin:0 4px 0 0; width:13px; height:13px; vertical-align:middle}
div#search_section div.item {position:relative; float:left; marign-left:20px}
div#search_section div.item .i_label {top:8px; left:10px; z-index:200; cursor:text; font:normal 16px ng; color:#999}
div#search_section div.item .i_text {position:relative; width:630px; height:15px; padding:1px; background:#fff; border:0; border-radius:3px 0 0 3px; line-height:110%}
div#search_section div.item .i_button {float:left; padding:0; margin:0; vertical-align:middle}

/* 심사리스트 - 심사위원현황 */
ul.list_att {overflow:hidden; clear:both; list-style:none; padding:0; margin:0}
ul.list_att li {float:left; margin:0 10px 0 0; line-height:150%}
p.reviewer_state {padding:0; margin:0; font-size:12px; color:#666}
span.att,
span.not_att {font-size:14px; font-weight:bold; cursor:pointer}
span.att {color:#cc3e44}
span.not_att {color:#4587cb}
span.att > img,
span.not_att > img {vertical-align:middle; padding:0 3px}

/* 심사위원 참여 롤오버 */
ul.list_att li:hover div.rollover {display:block !important}
div.rollover {display:none; width:80px; position:absolute; background:#fff; margin:0; padding:5px; border:1px solid #555}

ul.list_reviewer {padding:0; margin:0; list-style:none}
ul.list_reviewer li {padding:3px}

p.dsc {padding:0; margin:0 0 5px 0; color:#3b81bd}
p.dsc2 {padding:7px; margin:0; background:#69ac8c; color:#fff; text-align:center; font-size:15px}


/* 로그인 페이지 */
section.login {width:258px; min-height:500px; margin:120px auto 0 auto}
section.login h1 {padding:4px 2px; margin:0 0 50px 0; font-size:60px; font-weight:normal; text-transform:uppercase; text-align:center; color:#c51064}
section.login div.round_box {}
section.login div.round_box .item {position:relative; margin:0 0 10px 0}
section.login div.round_box .item .i_text {position:relative; width:240px; height:17px; margin-right:4px; padding:8px; border:1px solid #bfc1c3; background:#edeef0}
section.login div.round_box .item .i_text:hover,
section.login div.round_box .item .i_text:focus {border:1px solid #c51064}
section.login div.round_box .item label {top:8px; left:8px; cursor:text; z-index:100}
section.login div.round_box input[type=submit] {width:258px; height:37px; border-radius:2px; background:#c51064; border:0; color:#fff; text-align:center}
section.login div.round_box input[type=submit]:hover {border-radius:2px; background:#373737; border:0; color:#fff}
section.login div.round_box div.find_idpw {clear:both; margin:15px 0 0 0}
section.login div.round_box div.find_idpw a {font-size:15px; color:#6c6f74}
section.login div.round_box div.find_idpw a:hover {color:#36445c}


/* 내 할일
div#my_task {width:100%; background:#e3e8ed}*/
/* div#my_task {width:100%; background:#fff} 흰배경으로 하고 싶을땐 이 코드를 사용 */
/*div#my_task div#wrap {width:1040px; padding:30px; margin:0 auto}
div#my_task div.item {padding:20px; margin-bottom:15px; background:#fff}
div#my_task div.item h1.subject {padding:0; margin:0 0 10px 0; background:none; font:bold 18px ng; color:#1b1b1b}
div#my_task div.item .tbl_list {margin:0; border:0; border-top:2px solid #b2bdc7; border-bottom:1px solid #b2bdc7}
div#my_task div.item .tbl_list th {padding:5px; border:0; border-bottom:1px solid #b2bdc7; background:#fff; color:#36393f; text-align:left}
div#my_task div.item .tbl_list td {padding:5px; border:0; border-bottom:1px dotted #b2bdc7; color:#36393f}
div#my_task div.item .tbl_list td.nodata {color:#777}
 */


/* 마진 */
.margin_b10 {margin-bottom:10px}
.margin_b20 {margin-bottom:20px}


/* 리스트 */
/* 가로 */
ul.list_slt {overflow:hidden; clear:both; list-style:none; padding:0; margin:0}
ul.list_slt li {float:left; margin-right:20px; line-height:150%}
ul.list_slt li,
ul.list_slt li label,
ul.list_slt li input {vertical-align:middle}
ul.list_slt li label {cursor:pointer}
/* 세로 */
ul.list_slt2 {list-style:none; padding:0; margin:0}
ul.list_slt2 li {line-height:150%}
ul.list_slt2 li,
ul.list_slt2 li label,
ul.list_slt2 li input {vertical-align:middle}
ul.list_slt2 li label {cursor:pointer}
/* 가로사이즈 고정 */
.list_slt4 {overflow:hidden; clear:both; padding:0; margin:0; list-style:none}
.list_slt4 li {float:left; width:220px; vertical-align:middle}
.list_slt4 li input[type="checkbox"],
.list_slt4 li input[type="radio"] {padding:0; margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle}
.list_slt4 li label {vertical-align:middle; cursor:pointer}

/* 탭 */
ul.tab {list-style:none; padding:0; margin:10px 0 15px 0; *zoom:1; overflow:hidden;}
ul.tab:after {clear:both; display:block; content:''}
ul.tab li {float:left; margin:0 0 4px 2px; text-align:center}
ul.tab li a {display:block; height:100%; min-width:80px; padding:8px 10px; text-decoration:none; border:1px solid #ceccc9; background:#dcdad6; color:#333}
ul.tab li a:hover {background:#bebcb9; border:1px solid #bebcb9; color:#111}
ul.tab li.selected a {padding:7px 8px; background:#fff; border:2px solid #333; font-weight:bold}
ul.tab li.selected a,
ul.tab li.btn_excel a {color:#1f1f1f}
ul.tab li.btn_excel {background:#2696a5; border:1px solid #258a97}

ul#tab_doc {padding:0; margin:0 0 20px 0; *zoom:1; list-style:none;}

/* 신청서 폼 */
/* 온라인신청 */
#application_page > h1.subject2,
#application_page > h1 {padding:5px 0; margin:30px 0 0 0; font:bold 18px ng;  color:#111}
#application_page > h2 {padding:2px 5px; margin:0; background:#666; font-size:14px; color:#fff}
#application_page > a {color:#395994; text-decoration:none}
#application_page > a:hover {color:#444; text-decoration:underline}

#application_page > table.tbl {border:0; border-top:2px solid #888; border-bottom:1px solid #ccc}
#application_page > table.tbl th {padding:8px 0 8px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; line-height:1.4; color:#444}
#application_page > table.tbl td {padding:8px 0 8px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; color:#222}
#application_page > table.tbl td.center {text-align:center !important; vertical-align:middle !important}
.tr_style,
.tr_style th,
.tr_style td {border-bottom:1px solid #555}



/* 전문위원 선택 */
div#editor_sel {padding:20px}
div#editor_sel select {float:left; width:200px; overflow-y:scroll}
div#editor_sel div.btn_sel_section {float:left; height:70px; padding:89px 0; margin:0 10px; vertical-align:middle; text-align:center}
div#editor_sel div.btn_sel_section input[type='button'] {display:block; margin:3px auto}
div#editor_sel div.btn_section {clear:both; margin:15px 0; text-align:center}



/* 내할일 */
/* 문서함 */
section#my_document {}
section#my_document p {padding:0; margin:20px 0}
section#my_document .tbl {border:0; border-top:1px solid #58a2ca; border-bottom:1px solid #58a2ca}
section#my_document .tbl th {padding:4px; text-align:center; color:#262f3f; border:0; border-bottom:1px solid #58a2ca; background:#fff}
section#my_document .tbl td.title {padding-left:13px; background:url(../image/bullet3.gif) no-repeat 7px 13px; text-align:left}
section#my_document .tbl td {padding:5px; border:0; text-align:center}
section#my_document .tbl td a {text-decoration:underline}
section#my_document .tbl tr:nth-child(2n) {background:#eff3f5}


/* 통계 */
div#search_condition {padding:20px;}
div#search_condition .tbl_slt {border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
div#search_condition .tbl_slt th {padding:18px; border:0; border-bottom:1px dotted #ccc; background:#f7f7f7; text-align:left}
div#search_condition .tbl_slt td {padding:18px; border:0; border-bottom:1px dotted #ccc}
div#search_condition .tbl_slt td ul.list_slt li {width:160px}



/* 영수증 및 승인서 팝업 */
div#approval_wrap {width:660px; padding:20px; border:1px solid #000}
div#approval_wrap h1 {padding:0; margin:10px 0 20px 0; font:normal 20px/100% nbg; line-height:1.2em; text-align:center}
div#approval_wrap h2 {margin:30px 0 15px 0; padding:5px 0; border-bottom:1px solid #aaa; font:normal 16px/100% nbg; text-align:center}
div#approval_wrap table.tbl {border:0; border-bottom:1px solid #ccc}
div#approval_wrap table.tbl th {padding:10px 5px 10px 0; border:0; border-bottom:1px dotted #ccc; text-align:left; font-weight:normal; vertical-align:top; line-height:1.4; color:#222}
div#approval_wrap table.tbl td {padding:10px 0 10px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; font-weight:bold; vertical-align:top; color:#222}

div#approval_wrap table.tbl2 {border:0; border-bottom:1px solid #ccc}
div#approval_wrap table.tbl2 th {padding:5px 0; border:0; border-bottom:1px dotted #ccc; text-align:left; font-weight:normal; vertical-align:top; line-height:1.4; color:#222}
div#approval_wrap table.tbl2 td {padding:5px 0; border:0; border-bottom:1px dotted #ccc; text-align:left; font-weight:bold; vertical-align:top; color:#222}

div#approval_wrap div.btn_area {text-align:center}

div#approval_wrap p.center_info {padding:0; text-align:center; font-size:15px; line-height:1.2em}
div#approval_wrap div.receipt_wrap {margin:0 0 30px 0; padding:20px; border:1px solid #aaa}
div#approval_wrap div.apply_wrap {min-height:550px; margin:0 0 30px 0; padding:20px; background:url(../image/ui.jpg) no-repeat 50% 50%}
div#approval_wrap div.sign {margin-top:20px; font:normal 15px nbg; text-align:center}
div#approval_wrap div.sign div.stamp {padding:50px 60px 50px 0; background:url('/image/iacuc-stamp.png') no-repeat 380px 10px; font:normal 18px nbg; background-size: 115px 115px;}
div#approval_wrap div.btn_area {text-align:center}

div#approval_wrap p {font:normal 16px/150% nbg}
div#approval_wrap p.apply_eng_txt {padding:0; margin:20px 0; text-align:center; font-size:16px}
div#approval_wrap div.eng_aff {margin:10px 0; font-size:20px; line-height:160%; text-align:center}
div#approval_wrap div.eng_aff strong {font-size:22px}


/* 사전검토 및 심사 페이지 팝업 */
/* section#review_wrap {font-family:ng} */
/* section#review_wrap > div.title_section {height:41px; background:url(../image/bg_ptitle_blue.gif) repeat-x}

 div.title_section > h1.subject2 {float:left; margin:0; padding:10px; font-size:22px; font-weight:bold; color:#fff}

div.report_wrap div.btn_section {text-align:center}

div.title_section > div.btn_section {float:right; margin:0 !important; padding:10px; color:#fff}
div.title_section > div.btn_section > button {border:0; background:none; font-size:15px; font-weight:bold; color:#fff}
div.title_section > div.btn_section > button:hover {color:#fff000}

div.report_wrap {width:100%; height:240px; margin:0; padding:0; z-index:5}
div.title_section {position:fixed; top:0; width:100%; height:41px; margin:0 0 40px 0; background:url(../image/bg_ptitle.gif) repeat-x; z-index:10}
div.title_section h1 {float:left; margin:0; padding:10px; font-size:22px; font-weight:bold; color:#fff}
div.report_wrap div.info_wrap {position:fixed; top:40px; width:100%; margin:0 0 40px 0; padding:10px 20px; min-height:130px; background:#f6f6f6; border-bottom:2px solid #636363; z-index:10}

div.report_wrap div.info_wrap > table.tbl3 {border:0}
div.report_wrap div.info_wrap > table.tbl3 th {font:normal 11px ng; text-align:left}
div.report_wrap div.info_wrap > table.tbl3 th,
div.report_wrap div.info_wrap > table.tbl3 td {padding:5px; border:0}
div.report_wrap div.info_wrap > table.tbl3 td.history {font-size:11px; color:#5d5d5d}
div.report_wrap div.info_wrap > table.tbl3 td.history strong {font-size:12px; font-weight:bold; color:#333}
div.report_wrap div.info_wrap > table.tbl3 td p.report_info {margin:0; padding:5px 0; font-size:11px; border-bottom:1px dotted #ccc; color:#5d5d5d}
div.report_wrap div.info_wrap > table.tbl3 td p.report_info strong {padding:0 10px 0 0; font-size:12px; font-weight:bold; color:#222}

ul.list_link {clear:both; margin:0; padding:0; list-style:none}
ul.list_link li {float:left; margin:0 5px 0 0}

div.report_view {padding:5px 0; font-size:11px; color:#5d5d5d}
div.report_view > a.link_style2 {padding:0 2px; font-size:13px; font-weight:bold; text-decoration:underline; color:#333}
div.report_view > a.link_style3 {padding:0 2px; font-size:13px; font-weight:bold; text-decoration:underline; color:#c11b1b}

div.review_section {margin:200px 0 0 0; padding:20px}
div.review_section table.tbl4 {border:0; border-bottom:1px solid #ccc}
div.review_section table.tbl4 th {padding:10px 5px 10px 0; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; line-height:1.4; color:#222}
div.review_section table.tbl4 td {padding:10px 0 10px 5px; border:0; border-bottom:1px dotted #ccc; text-align:left; vertical-align:top; color:#222}
div.review_section table.tbl4 td > .i_textarea {height:230px}

div.title_section > div.btn_section,
div.title_reviewer > div.btn_section,
div.title_editor > div.btn_section,
div.title_chairman > div.btn_section {float:right; padding:10px; color:#fff}
div.title_section > div.btn_section > button,
div.title_reviewer > div.btn_section > button,
div.title_editor > div.btn_section > button,
div.title_chairman > div.btn_section > button {border:0; background:none; font-size:15px; font-weight:bold; color:#fff}

div.title_section > div.btn_section > button:hover,
div.title_reviewer > div.btn_section > button:hover,
div.title_editor > div.btn_section > button:hover,
div.title_chairman > div.btn_section > button:hover {color:#fff000}

div.report_wrap > div.title_section h1,
div.report_wrap > div.title_reviewer h1,
div.report_wrap > div.title_editor h1,
div.report_wrap > div.title_chairman h1 {float:left; margin:0; padding:10px; font-size:22px; font-weight:bold; color:#fff}

div.report_wrap > div.title_reviewer {position:fixed; top:0; width:100%; height:41px; background:url(../image/bg_ptitle_pink.gif) repeat-x}
div.report_wrap > div.title_editor {position:fixed; top:0; width:100%; height:41px; background:url(../image/bg_ptitle_green.gif) repeat-x}
div.report_wrap > div.title_chairman {position:fixed; top:0; width:100%; height:41px; background:url(../image/bg_ptitle_orange.gif) repeat-x}
 */

/* 심사의견보기, 심사하기 */
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:10px; font:normal 24px/130% nbg; margin:0; background:#000; color:#fff;}
div#pop_review h1.prereview {background:#4d5d81}
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 0 0 1px; background:none; border:0}
div#pop_review div.project_info {padding:20px; background:#e9ecf0; border-bottom:2px solid #2c3748}
div#pop_review div.project_info h2.title {padding:0; margin:0 0 15px 0; color:#10267a; font:normal 17px nbg;}
div#pop_review div.project_info h2.title a {color:#10267a; font:bold 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:#4a5057; text-align:left; border:0}
div#pop_review div.project_info footer em {padding-right:13px; margin-right:10px; color:#000; font-weight:bold; font-style:normal; background:url(../image/bg_division.gif) no-repeat right center}

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

div#document_history {padding:10px 13px; margin-bottom:20px; background:#f4f5f8; border:1px dotted #a1a6b6; border-left:0; border-right:0}
div#document_history div.plan_list {margin-bottom:10px}
div#document_history div.plan_list h3 {float:left; padding:2px 0 2px 15px; margin:0; width:80px; background:url(../image/icon_book.gif) no-repeat left 4px; font:normal 13px nbg; color:#636874}
div#document_history div.plan_list ul.number_slt {float:left; padding:0; margin:0; width:654px; list-style:none}
div#document_history div.plan_list ul.number_slt li {float:left; height:23px; margin-right:10px; line-height:150%; vertical-align:middle}
div#document_history div.plan_list ul.number_slt li div.item {position:relative; font-size:12px}
div#document_history div.plan_list ul.number_slt li div.item button {padding:4px 7px; background:#868080; color:#fff; border-radius:2px; vertical-align:middle; text-decoration:none; border:0}
div#document_history div.plan_list ul.number_slt li div.item button.selected {background:#2d2d2d}
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#document_history div.plan_list ul.number_slt li div.item input.report:hover {background:#000; opacity:.9; text-decoration:none}
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#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#document_history div.plan_list ul.number_slt li div.report_layer a {display:block; padding:2px 9px 2px 2px; color:#fff}
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#document_history div.history {overflow:hidden; clear:both; margin-bottom:10px}
div#document_history div.history h3 {float:left; padding:2px 0 2px 15px; margin:0; width:80px; background:url(../image/icon_book.gif) no-repeat left 4px; font:normal 13px nbg; color:#636874}
div#document_history div.history p {float:left; padding:0; margin:0; width:654px; word-break:keep-all; word-wrap:break-word}
div#document_history div.history p span.arrow {padding-right:12px; margin-right:4px; background:url(../image/review_arrow.png) no-repeat right center}

div#document_history div.review_opinion {overflow:hidden; clear:both}
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;}
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.pi_review {border-left:4px solid #2dbf6e}
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_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 {width:130px}
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.print_section {padding:20px}

/*교육 */
span.edu-available-status {display:inline-block; padding:0 5px; border-radius:2px; background:#0e56ff; color:#fff; font-size:12px;}
span.edu-available {color:#0e56ff;}
span.edu-expiration-status {display:inline-block; padding:0 5px; border-radius:2px; background:#cc1d3e; color:#fff; font-size:12px;}
span.edu-expiration {color:#cc1d3e;}

div.pop_certificate_select {width:100%; padding:5px; background:#aaa}
div#pop_certificate {width:620px; height:850px; padding:20px; background:url(../../image/edu_certificate.jpg) no-repeat;}
div#pop_certificate * {font-family:'Georgia','nbg'}
div#pop_certificate div.pop_select select {}
div#pop_certificate p.pbc_no {margin-bottom:50px; text-align:left; font-weight:bold; font-size:17px;}
div#pop_certificate h1 {margin:0; margin-bottom:70px; text-align:center; font-size:39px;}
div#pop_certificate table.pop-tbl {margin:0 30px 80px 30px; padding:0 40px; font-size:16px;}
div#pop_certificate table.pop-tbl th {padding:5px 0; text-align:left;}
div#pop_certificate p.pop-txt {margin:0 30px 30px 30px; font-size:20px; line-height:180%; text-align:justify;}
div#pop_certificate p.pop-txt span {display:block; margin-top:110px; text-align:center;}
div#pop_certificate div.stamp_wrap {height:100px; line-height:200%; text-align:center}
div#pop_certificate div.stamp_wrap p {position:relative; display:inline; text-align:center; font-size:20px; z-index:100;}
div#pop_certificate div.stamp_wrap span.stamp {
   position:absolute; top:-30px; right:-80px; display:block; width:100px; height:100px; z-index:-1; content:''; 
}
div#pop_certificate p.footer {margin-bottom:20px; text-align:center; font-size:26px; font-weight:bold}
div#pop_certificate .btn_area {text-align:center}




/* sms발송 */
div.sms_form {padding:0 10px}


/* 회원정보, 권한 팝업 */
#pop_member {}
#pop_member div.dsc_area {padding:8px; margin:0 0 10px 0; border:1px solid #b8c1e8; background:#e8eaf4; color:#1f348e; font-size:12px}
#pop_member div.dsc_area p {padding:0; margin:0 0 6px 0}
#pop_member .title_section {position:relative; height:51px; padding:0; margin:0; background:#111}
#pop_member .title_section h1 {height:23px; padding:14px 10px; margin:0 !important; color:#fff; font:normal 22px nbg}
#pop_member .title_section input.btn_close {position:absolute; top:0; right:0; width:51px; height:51px; padding:0; margin:0; background:url(../../image/btn_pop_close.png) no-repeat 0 0}
#pop_member div.contents {padding:20px}
#pop_member div.contents .subject {padding:2px 0; margin:0 0 3px 0; font:normal 18px nbg; color:#c51064}
#pop_member div.contents .tbl {border:0; border-top:2px solid #222}
#pop_member div.contents .tbl th {padding:7px; border:0; border-bottom:1px solid #bbb; background:#f5f5f5; text-align:left; font-weight:normal}
#pop_member div.contents .tbl td {padding:7px; border:0; border-bottom:1px solid #bbb}
#pop_member div.contents .tbl2 {border:0; border:1px solid #ddd; outline: 3px solid #f7f7f7;}
#pop_member div.contents .tbl2 th {padding:10px; border:1px solid #bbb; background:#f0f0f0; text-align:left; font-weight:normal}
#pop_member div.contents .tbl2 td {padding:10px; border:1px solid #bbb}
#pop_member .btn_area {margin:15px 0; text-align:center}


/* 관리대장 */
div#pop_register  {position:relative; width:990px}
div#pop_register div#report_wrap {position:fixed; width:990px; z-index:100}
div#pop_register h1#pop_title {padding:10px; font:normal 24px/130% nbg; margin:0; background:#000; color:#fff;}
div#pop_register h1.prereview {background:#4d5d81}
div#pop_register div#report_wrap div.btn_area {position:absolute; top:0; right:0; height:51px; padding:0; margin:0}
div#pop_register div#report_wrap div.btn_area input[type='image'] {display:inline-block; padding:0; margin:0 0 0 1px; background:none; border:0}
div#pop_register div.project_info {padding:20px; background:#e9ecf0; border-bottom:2px solid #2c3748}
div#pop_register div.project_info h2.title {padding:0; margin:0 0 15px 0; color:#10267a; font:normal 17px nbg;}
div#pop_register div.project_info h2.title a {color:#10267a; font:bold 17px ng; }
div#pop_register div.project_info h2.title span.type_new {padding:3px 4px; margin-right:3px; background:#386bb5; color:#fff; font:normal 12px ng}
div#pop_register div.project_info h2.title span.type_change {padding:3px 4px; margin-right:3px; background:#e4533d; color:#fff; font:normal 12px ng}
div#pop_register div.project_info h2.title span.type_ongoing {padding:3px 4px; margin-right:3px; background:#63bc08; color:#fff; font:normal 12px ng}
div#pop_register div.project_info h2.title span.type_waiver {padding:3px 4px; margin-right:3px; background:#7248b2; color:#fff; font:normal 12px ng}
div#pop_register div.project_info footer {padding:0; margin:0; background:none; color:#4a5057; text-align:left; border:0}
div#pop_register div.project_info footer em {padding-right:13px; margin-right:10px; color:#000; font-weight:bold; font-style:normal; background:url(../image/bg_division.gif) no-repeat right center}

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


/* 독촉메일발송 레이어 */
.push_mail {position:relative; display:none}
.push_view {position:absolute; bottom:0; left:210px; width:186px; padding:0 0 10px 0; background:#fff; border:2px solid #e0393f; box-shadow:1px 1px 2px 1px #aaa; z-index:200}
.push_view > h1 {height:16px; margin:0; padding:3px 5px 6px 25px; background:#e0393f url(../image/ico_letter.png) no-repeat 5px 5px; color:#fff; font:normal 14px nbg}
.push_view > h1 span.name {font-size:14px}
.push_view > ul {list-style:none; margin:0; padding:10px}
.push_view > ul li {margin-bottom:5px}
.push_view > ul li input[type=radio]:checked + label {font-weight:bold}
.push_view div.btn_area {margin:0; padding:0; text-align:center !important}


/* 심의현황 */
div#status_area {}
div#status_area div.count_box {padding:11px 13px; margin:0 0 20px 0; background:#f5f0f5}
div#status_area div.count_box span {color:#777; margin-right:20px}
div#status_area div.count_box span em {font-style:normal; color:#be2377; font-weight:bold}
div#status_area div.count_box li strong {font-size:20px; color:#be2377}

/* 모달윈도우 */
.mw {display:none; z-index:500; position:fixed; _position:absolute; display:none; top:0; left:0; width:100%; height:100%}
.mw .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60)}
.mw .fg {position:absolute; top:20%; left:50%; width:800px; padding:15px 20px; margin-left:-400px; border:2px solid #313138; background:#fff; box-shadow:2px 2px 6px #404040}
.mw .fg h1 {margin:0 0 15px 0; padding:0; color:#333; font:normal 24px nbg}
.mw .fg button.mw_close {position:absolute; top:-2px; right:-34px; display:block; width:32px; height:32px; padding:0; margin:0; border:0; background:#111 url(../../image/icon_close.png) no-repeat 3px 3px; cursor:pointer; box-shadow:2px 2px 6px #404040}
.mw .fg button.mw_close:hover {background:#fdb813 url(../../image/icon_close.png) no-repeat 3px 3px}

.mw .fg div.contents {overflow-y:scroll; height:500px}

.mw .fg div.contents div.srch_area {margin-bottom:20px}
.mw .fg div.contents div.srch_area * {vertical-align:middle}
.mw .fg div.contents div.srch_area select {height:30px; line-height:30px}
.mw .fg div.contents div.srch_area .i_text {height:21px; padding:4px; margin:0; border-radius:2px 0 0 2px; background:#f0f0f0; border:1px solid #ccc; border-right:none; box-sizing:content-box}
.mw .fg div.contents > div.srch_area .i_text:hover,
.mw .fg div.contents > div.srch_area .i_text:focus {border-color:#5e77d1}
.mw .fg div.contents > div.srch_area span.button.small {margin:0; border-radius:0 2px 2px 0}
.mw .fg div.contents > .tbl_list {margin-bottom:20px; border:0; border-top:1px solid #ddd}
.mw .fg div.contents > .tbl_list th {padding:5px; background:#eee; border:1px solid #ccc; border-bottom:2px solid #ccc; font-size:13px}
.mw .fg div.contents > .tbl_list td {padding:7px; border:0; border:1px solid #ddd; font-size:13px}
.mw .fg div.contents > .tbl_list td.nodata {background:none; text-align:center; color:#777}
.mw .fg div.contents > .tbl_list td.nodata:hover {color:#777}
.mw .fg div.contents > .tbl_list td button.btn_select {border:1px solid #111}
.mw .fg div.contents > .tbl_list td span.animal_male {display:inline-block; width:20px; margin-right:5px; font-weight:bold; color:#5587c4; text-align:right}
.mw .fg div.contents > .tbl_list td span.animal_female {display:inline-block; width:20px; margin-right:5px; font-weight:bold; color:#c72771; text-align:right}
.mw .fg div.contents > .tbl_list th.highlight {background:#292a31; border-bottom-color:#3d3a39; color:#fff}
.mw .fg div.contents > .tbl_list td.highlight {background:#292a31; border-bottom-color:#3d3a39; color:#fff}

.mw div.dsc_bubble {position:relative; height:25px}
.mw div.dsc_bubble p {position:absolute; top:-5px; height:13px; padding:4px; margin:0; background:#d21b77; color:#fff; font:normal 12px/100% nbg; border-radius:2px}
.mw div.dsc_bubble p:after {display:block; position:absolute; top:21px; width:7px; height:7px; content:''; background:url(../image/bg_point.gif) no-repeat 0 0}