@charset "utf-8";

/* --- 파일 정보  --- */
/* 원자력의학원 */
/* 파일명: default.css */
/* 작성 시작일: 2013년 7월 */
/* 수정일: 2021년 10월 */


/* 색상코드 */
/* 기본글꼴 #2f3743 */
/* 주황색 #d05026 */
/* 파란색 #0f5090 */
/* 컨텐츠 영역 width 770px */

/* 웹폰트 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../font/inter-v7-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../font/inter-v7-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/inter-v7-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/inter-v7-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/inter-v7-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/inter-v7-regular.svg#Inter') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: ng;
    font-style: normal;
    font-weight: 400;
    src: url('../font/NanumBarunGothicWeb.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../font/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/NanumBarunGothicWeb.woff') format('woff'), /* Modern Browsers */
       url('../font/NanumBarunGothicWeb.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* 출력 */
@media print {
  div#application_page {color:#222 !important}
  div#application_page table th {background:#f7f7f7 !important; border:1px solid #111 !important; color:#222 !important; font-weight:bold !important}
  div#application_page table td {background:none !important; border:1px solid #111 !important; color:#222 !important}
  article.compliance, article.compliance * {font-size:12px !important; color:#222 !important}

  div#pop_review div#report_wrap {position:static !important; width:820px; z-index:100}
  div#pop_review div.btn_section {display:none}
  div#pop_review div.contents {position:static !important; margin-top:65px; width:800px; height:700px; padding:10px}
}

/* 전역적으로 쓰이는 CSS */
html {font-size: 13px; font-family:Inter, ng; line-height:160%;}
.clear {clear:both}
.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}
table caption {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html table caption {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
.margin_b5 {margin-bottom:5px !important}
.margin_b10 {margin-bottom:10px !important}
.margin_b20 {margin-bottom:20px !important}
.margin_b30 {margin-bottom:30px !important}
.no_margin {margin:0 !important; padding:0 !important}
span.change_section {color:#FF0000; background:#f9ff83}
em.red {color:#b91617; font-style:normal}
input:checked+label {font-weight:bold}

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

table.center th,
table.center td,
th.center,
td.center {text-align:center !important}
.i_check {margin:0 4px 0 0 !important}
.i_check,
.i_label {vertical-align:middle; cursor:pointer}


.i_text {width:140px; height:15px; padding:5px; line-height:15px; border:1px solid #ccc; color:#384056; cursor:pointer}
.i_date {width:80px; height:15px; padding:5px; line-height:15px; border:1px solid #ccc; color:#384056; cursor:pointer}
.i_textarea {width:400px; height:70px; min-width:97%; max-width:98%; overflow-y:scroll; padding:10px; margin:0; border:1px solid #ccc; line-height:150%; color:#384056; cursor:text; resize:vertical}
.i_text:focus,
.i_date:focus,
.i_textarea:focus {border:1px solid #026096}
.i_text:hover,
.i_date:hover,
.i_textarea:hover {border:1px solid #3c85af}
select {height:26px; padding:3px}
.disabled,
.disabled:hover,
.disabled:focus {background:#eee; border:1px solid #ddd}

.subject {padding:3px 0 3px 16px; margin:0 0 10px 0; background:url(../image/bullet_subject.gif) no-repeat 0 9px; font:700 19px ng; color:#304d6c}
h2 img, h3 img {vertical-align:middle}
.subject2 {padding:7px; margin:0 0 7px 0; color:#fff; font-size: 15px; font-weight:normal; background:#2c457d}
.subject2 span.dsc {font:normal 12px ng; color:#777}
.subject2.dif {background:#999}
.subject_flow {position:relative; height:21px; padding:7px 7px 7px 45px; margin:0 0 15px 0; color:#fff; font:normal 17px ng; background:#2f333b}
.subject_flow span {position:absolute; display:block; top:0; left:0; width:21px; height:21px; padding:7px; background:#5284c8; color:#fff; text-align:center; font:normal 17px ng}

p.dsc {padding:2px 0 2px 20px; margin:0 0 5px 0; background:url(../image/icon_dsc.gif) no-repeat 0 3px; color:#ab4900}
p.dsc2 {padding:10px; margin:0 0 15px 0; color:#e61f36; font:normal 15px ng; text-align:center; border:1px solid #f1d4d7; background:#fbeef0}
span.dsc {font:normal 12px ng; color:#d05300; background:none}
span.deactivation {color:#888}
a.btn_link {padding:2px 0 2px 18px; background:url(../image/ico_link.gif) no-repeat 0 0; text-decoration:underline; color:#5275b8}
a.btn_download {padding:2px 0 2px 18px; background:url(../image/ico_download.gif) no-repeat 0 0; text-decoration:underline; color:#5275b8}

.small_txt {font-size:12px}
.font_blue {color:#2457b5;}
.gray {color:#666}

.w20 {width:20px}
.w40 {width:40px}
.w60 {width:60px}
.w200 {width:200px}
.w400 {width:400px}

.link_style {text-decoration:underline !important; color:#ab4900 !important;}

/* 공통 레이아웃 */
header h1#logo {float:left; width:390px; height:60px; padding:0; margin:20px 0; background:url(../image/image.png) no-repeat 0 -465px}
header h1#logo a {display:block; height:100%; text-decoration:none}
header ul#topmenu {float:right; width:300px; height:20px; padding:20px 0; margin:0; list-style:none; text-align:right}
header ul#topmenu li {display:inline; margin-left:15px;}
header ul#topmenu li.guide {display:block; width:300px; margin-bottom:8px;}
header ul#topmenu li.guide a {position:relative; display:block; width:120px; padding:7px 20px 7px 40px; margin-left:105px; color:#fff; font-size:15px; background:#ca201d; transition:all .5s; }
header ul#topmenu li.guide a:before {position:absolute; top:4px; left:4px; display:block; width:27px; height:25px; background:url(../image/image.png) no-repeat -545px -385px; content:''}
header ul#topmenu li.guide a:hover {background:#222; transition:all .5s; color:#fff; text-decoration:none;}
header ul#topmenu li a {font-size:12px; color:#606060}
header ul#topmenu li a:hover {color:#3e4e76; text-decoration:underline}
nav#gnb {overflow:hidden; clear:both; height:50px}
nav#gnb ul.menu {padding:0; margin:0; list-style:none}
nav#gnb ul.menu > li {float:left; width:240px; height:50px; text-align:center; background:url(../image/gnb_division.gif) no-repeat right 6px}
nav#gnb ul.menu > li:last-child {background:none}
nav#gnb ul.menu > li a {font:700 17px/150% ng; color:#373b46; text-decoration:none}
nav#gnb ul.menu > li a:hover {color:#3554a2}

/*div.over_section {position:absolute; left:0; top:140px; min-width:100%; height:222px; padding:0; margin:0; background-size:cover; background:#dee5e9 url(../image/bg_over_section.gif) no-repeat right top; border-top:1px solid #a2a9bd; border-bottom:1px solid #bcc0c9; z-index:100; box-shadow:1px 3px 9px -1px #ccc;-webkit-box-shadow:1px 3px 9px -1px #ccc; -moz-box-shadow:1px 3px 9px -1px #ccc} */
div.over_section {position:absolute; left:0; top:140px; min-width:100%; height:; padding:0; margin:0; background-size:cover; background:#dee5e9 url(../image/bg_over_section.gif) no-repeat right bottom; border-top:1px solid #a2a9bd; border-bottom:1px solid #bcc0c9; z-index:100; box-shadow:1px 3px 9px -1px #ccc;-webkit-box-shadow:1px 3px 9px -1px #ccc; -moz-box-shadow:1px 3px 9px -1px #ccc}
div.over_section > ul.menu {clear:both; width:1200px; margin:0 auto; padding:0; list-style:none;}
div.over_section > ul.menu li {float:left; width:240px; padding:0; margin:0}
div.over_section ul.submenu {display:block; float:left; height:365px; margin:0; padding:6px 0; list-style:none; border-left:1px solid #c1c6d3}
div.over_section ul.submenu li {clear:both; font:normal 12px/100% ng,"NanumGothic","나눔고딕"; letter-spacing:-0.04em}
div.over_section ul.submenu li a {display:block; height:100%; padding:6px 8px; color:#30416c}
div.over_section ul.submenu li a:hover,
div.over_section ul.submenu li a:focus {background:#cfbe93; text-decoration:none}


/* 메인 레이아웃 */
.header { width:1200px; margin:0 auto; }

div.visual { 
    display: flex; align-items: center; justify-content: center; height: 280px;
    background:url(../image/m_visual.jpg) no-repeat center top; content: ''; background-size: cover; 
}
div.visual div.title { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 16px; }
div.visual p.m-text { padding: 0; margin: 0; color: #fff; font-size: 22px; text-align: center; }
div.visual p.b-text { padding: 0; margin: 0; color: #fff; font-size: 28px; text-align: center; }
div.visual p.eng { padding: 0; margin: 0; color: rgba(255,255,255,0.5); font-size: 20px; text-align: center; }

div.visual ul#quick_menu3 {
    display: flex; justify-content: center; align-items: center; gap: 24px;
    width:1200px; padding:0; margin:0; list-style:none;
}
div.visual ul#quick_menu3 li { width: 25%; }

div.visual ul#quick_menu3 li a {
    display:flex; height:80px; padding:20px; justify-content: center; align-items: center; gap: 8px; flex-direction: column;
    text-decoration:none; font-size:18px; color:#fff;
    background-color: rgba(0,0,0,0.3); border-radius: 16px; text-align: center; box-shadow: 0 6px 16px -8px rgba(0,0,0,0.3);
    transition: all 0.3s;
}

div.visual ul#quick_menu3 li a i {font-size: 32px;}
div.visual ul#quick_menu3 li a:hover {
    transform: translateY(8px); background-color: rgba(0,0,0,0.6);  box-shadow: 0 6px 16px -8px rgba(0,0,0,0.7);
}



div.m_wrap {font-family:ng; *zoom:1}
div#m_container {display: flex; width:1200px; margin:20px auto; *zoom:1}
div#m_container div#login {width:235px; height:195px; float:left; padding:20px; margin-right:25px}
div#m_container div#login h1 {padding:0; margin:0 0 10px 0; font-size:17px; color:#232528}
div#m_container div#login .item {position:relative; margin:0 0 4px 0}
div#m_container div#login .i_label {top:7px; left:10px; font-size:13px; color:#30416c}
div#m_container div#login .i_text {position:relative; width:223px; height:25px; margin:0; padding:3px 4px; border:2px solid #30416c; background:transparent}
div#m_container div#login input[type="checkbox"] {margin-right:4px}
div#m_container div#login .btn_login {width:235px; height:33px; background:#30416c; border:0; color:#fff; text-align:center}
div#m_container div#login .btn_login:hover {background:#5e7b9c; transition:all .3s}
div#m_container div#login p.findid {padding:2px 0; margin:10px 0 0 0; font-size:12px}

div#m_container div#join {width:180px; height:240px; padding:30px 20px; margin-right:50px; float:left; background:#30416c; font:700 13px/160% ng; text-align:center; color:#fff; box-sizing:border-box;}
div#m_container div#join i {font-size:21px}
div#m_container div#join a.btn_join {display:block; margin-top:20px; padding:6px 0; border:2px solid #fff; text-align:center; font-size:15px; color:#fff; text-decoration:none}

div#m_container ul#quick_menu {width:590px; float:left; padding:0; margin:0; list-style:none; letter-spacing:-0.05em}
div#m_container ul#quick_menu li {float:left; text-align:center}
div#m_container ul#quick_menu li a {display:block; height:80px; padding:20px; text-decoration:none; font-size:18px; color:#30416c}
div#m_container ul#quick_menu li a div {
    width: 31px; height: 31px; padding:7px; margin: 0px auto 7px auto; border-radius:50%; background: #f0f0f0; line-height: 170%;
}
div#m_container ul#quick_menu li a i {font-size: 24px;}
div#m_container ul#quick_menu li a:hover {color:#a17f2a; text-decoration:underline}
div#m_container ul#quick_menu li.m1 {width:294px; border-right:1px dotted #30416c; border-bottom:1px dotted #30416c;}
div#m_container ul#quick_menu li.m2 {width:295px; border-bottom:1px dotted #30416c;}
div#m_container ul#quick_menu li.m3 {width:294px; border-right:1px dotted #30416c;}
div#m_container ul#quick_menu li.m4 {width:295px;}

div#login_active {display: flex; width: 100%; }

div#login_active div h1 {padding:0; margin:0 0 15px 0; font-size:15px; color:#30416c}
div#login_active div h1 a {font-size:15px; color:#30416c; text-decoration:none}
div#login_active div h1 span.more {font-size:12px; color:#888; font-weight:normal}
div#login_active div.profile {position:relative; width:136px; height:240px; padding:20px; border:1px solid #d6d6d6}
div#login_active div.profile p.name {padding:0; margin:15px 0; font-size:15px; color:#535353}
div#login_active div.profile ul {position:absolute; bottom:15px; padding:0; margin:0; list-style:none}
div#login_active div.profile li {padding-left:10px; background:url(../image/bullet_arrow.gif) no-repeat 0 7px}
div#login_active div.profile li a {display:block; padding:2px 0; font-size:13; color:#646464}
div#login_active div.profile li a:hover {color:#287ed5; text-decoration:underline}

div#login_active div.review {flex-basis:330px; height:240px; padding:20px; flex-grow: 1; flex-shrink:0; margin-left:-1px; border:1px solid #d6d6d6}
div#login_active div.review ul {padding:0; margin:0; list-style:none; *zoom:1}
div#login_active div.review ul:after {clear:both; display:block; content:''}
div#login_active div.review li {position:relative; float:left; width:113px; height:29px; margin:0 1px 1px 0}
div#login_active div.review li a {display:block; height:21px; padding:4px 6px; background:#ddd; font-size:12px; color:#444; text-decoration:none}
div#login_active div.review li.total span.num {background:#8b8b8b}
div#login_active div.review li.review a {background:#ffc323}
div#login_active div.review li.review span.num {background:#c5971b}
div#login_active div.review li span.num {position:absolute; right:0; top:0; display:block; width:21px; height:21px; padding:4px; background:#30416c; color:#fff; text-align:center}
div#login_active div.review li span.new {display:inline-block; width:14px; height:14px; margin-left:2px; vertical-align:middle; background:url(../image/image.png) no-repeat -800px -190px; content:''}

div#login_active div.online {width:425px; height:240px; padding:20px; margin-left:-1px; border:1px solid #d6d6d6}
div#login_active div.online h1 {position:relative}
div#login_active div.online h1 p {position:absolute; right:0; top:0; padding:0 0 0 11px; margin:0; background:url(../image/bullet_star.gif) no-repeat 0 4px; font-size:12px; font-weight:normal; color:#e63f3f}
div#login_active div.online ul {padding:0; margin:0; list-style:none; *zoom:1;}
div#login_active div.online ul:after {clear:both; display:block; content:''}
div#login_active div.online ul li {
    float:left; position:relative; width:210px; margin:0 2px 2px 0; 
}
div#login_active div.online ul li a {display:block; padding:5px 7px 5px 19px; background:#f0f0f0;}
div#login_active div.online ul li span.new {
  position:absolute; top:2px; left:0; width:14px; height:14px; margin-left:2px; vertical-align:middle; background:url(../image/image.png) no-repeat -800px -190px; content:''}

div#login_active div.review-pay {width:120px; height:240px; padding:20px; margin-left:-1px; border:1px solid #d6d6d6}
div#login_active div.review-pay p {margin:20px 0; text-align:center; font-size:17px;}
div#login_active div.review-pay a.count {font-weight:bold; color:#225cc7; text-decoration:underline}

div#login_active div.online div.detail {height:160px; overflow-y:scroll}
div#login_active div.online div.detail ul {padding:0; margin:0 0 0 65px; list-style:none; border-left:2px solid #ddd}
div#login_active div.online div.detail li {position:relative; height:25px; margin:0 0 9px 0; *zoom:1}
div#login_active div.online div.detail li:after {clear:both; display:block; content:''}
div#login_active div.online div.detail li div.date {float:left; position:absolute; left:-65px; width:45px; height:19px; padding:3px; border-radius:2px; background:#9f9f9f; text-align:center; color:#fff}
div#login_active div.online div.detail li div.date:after {left: 100%; top: 50%; border: solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color: rgba(159, 159, 159, 0); border-left-color: #9f9f9f; border-width: 4px; margin-top: -4px}
div#login_active div.online div.detail li.finished div.date {background:#287ed5}
div#login_active div.online div.detail li.finished div.date:after {border-left-color:#287ed5}
div#login_active div.online div.detail li a {position:absolute; right:10px; top:0; display:block; width:60px; padding:2px 3px; border:1px solid #d6d6d6; color:#777; font-size:12px; text-align:center; text-decoration:none}
div#login_active div.online div.detail li div.time {float:left; width:100px; margin-left:10px; font-size:12px; color:#7b7b7b; font-weight:bold; line-height:200%}
div#login_active div.online div.detail li.finished div.time {color:#287ed5}
div#login_active div.online div.detail li div.time:after {position:absolute; left:-5px; top:8px; display:block; width:8px; height:8px; background:url(../image/image.png) no-repeat -815px -190px; content:''}
div#login_active div.online div.detail li div.title {height:19px; padding:3px 0}

div#m_container ul#quick_menu2 {width:1200px; padding:0; margin:0; list-style:none; letter-spacing:-0.05em; *zoom:1}
div#m_container ul#quick_menu2:after {clear:both; display:block; content:''}
div#m_container ul#quick_menu2 li {float:left; width:299px; text-align:center; border-right:1px dotted #ccc}

div#m_container ul#quick_menu2 li a {display:block; height:80px; padding:20px; text-decoration:none; font-size:18px; color:#30416c}
div#m_container ul#quick_menu2 li a div {
    width: 31px; height: 31px; padding:7px; margin: 0px auto 7px auto; border-radius:50%; background: #f0f0f0; line-height: 170%;
}
div#m_container ul#quick_menu2 li a i {font-size: 24px;}
div#m_container ul#quick_menu2 li a:hover {color:#a17f2a; text-decoration:underline}
div#m_container ul#quick_menu2 li:last-child {background:url(../image/m_quickmenu_bg4.gif) no-repeat center 22px; border-right:0}


div#m_container div#review_list {position:relative; float:left; width:438px; height:203px; padding:15px; margin-right:20px; border:1px solid #ddd}
div#m_container div#review_list p.member_info {padding:0; margin:0 0 9px 0; color:#536185}
div#m_container div#review_list h1 {padding:0; margin:0 0 7px 0; font-size:18px; color:#30416c}
div#m_container div#review_list .tbl_list {margin-bottom:10px; border:0}
div#m_container div#review_list .tbl_list th {padding:4px 2px; border:0; border-bottom:1px solid #30416c; color:#1f1f1e; font-size:12px; text-align:left}
div#m_container div#review_list .tbl_list td {padding:2px; border:0; font-size:12px; color:#444}
div#m_container div#review_list div.btn_section {position:absolute; overflow:hidden; clear:both; height:45px; left:0; bottom:0}
div#m_container div#review_list div.btn_section a {display:block; float:left; color:#fff; font-size:13px; background:url(../image/image.png) no-repeat}
div#m_container div#review_list div.btn_section a.btn1 {width:107px; height:24px; margin-right:1px; padding:12px 0 11px 49px; background-position:-530px 0}
div#m_container div#review_list div.btn_section a.btn2 {width:106px; height:24px; margin-right:1px; padding:12px 0 11px 49px; background-position:-687px 0}
div#m_container div#review_list div.btn_section a.btn3 {width:97px; height:24px; padding:12px 0 11px 58px; background-position:-844px 0}

section#updated_section { width:100%; display: flex; gap: 25px; justify-content: center;  background:#efefef; }
section#updated_section div#updated_content {position:relative; width:540px; height:200px; padding:25px 15px;}
section#updated_section div#updated_content h1 {padding:0; margin:0 0 10px 0; font-size:18px; color:#181818}
section#updated_section div#updated_content div.btn_more {position:absolute; top:25px; right:15px}
section#updated_section div#updated_content div.btn_more a {color:#30416c}

div.m_wrap ul.banner {overflow:hidden; clear:both; width:943px; padding:0; margin:30px auto; list-style:none}
div.m_wrap ul.banner li {float:left; width:235px; height:75px; padding-top:75px; background:url(../image/image.png) no-repeat; color:#fff; font-size:16px; text-align:center}
div.m_wrap ul.banner li a {text-decoration:none; color:#fff; font-size:16px}
div.m_wrap ul.banner li.b1 {margin-right:1px; background-position:0 -240px}
div.m_wrap ul.banner li.b2 {margin-right:1px; background-position:-236px -240px}
div.m_wrap ul.banner li.b3 {margin-right:1px; background-position:-472px -240px}
div.m_wrap ul.banner li.b4 {background-position:-708px -240px}


/* 서브 레이아웃 */
body#sub {background:url(../image/bg_sub.gif) repeat-x top}
div.s_wrap {width:1200px; margin:0 auto}
div.s_wrap header {height:190px}
div.s_wrap header div#navi {clear:both; height:40px; font-size:13px;}
div.s_wrap header div#navi span.depth {display:inline-block; height:18px; margin:0; padding:10px 15px; border-left:1px solid #253354; color:#fff}
div.s_wrap header div#navi span.depth_final {display:inline-block; height:18px; margin:0; padding:10px 30px 10px 15px; border:1px solid #253354; background:#fff url(../image/icon_navi.gif) no-repeat right}
div.s_wrap div#s_container:after {clear:both; display:block; content:''}
div.s_wrap div#s_container nav#lnb {float:left; width:184px; padding-top:40px}
div.s_wrap div#s_container nav#lnb h1 {padding:0; margin:0 0 20px 0; font:normal 30px/110% ng; color:#b49b5d; letter-spacing:-0.05em}
div.s_wrap div#s_container nav#lnb ul {padding:0; margin:0; list-style:none}
div.s_wrap div#s_container nav#lnb ul li a {display:block; padding:5px; min-height:20px; font:normal 14px/130% ng; color:#30416c; text-decoration:none; letter-spacing:-0.03em}
div.s_wrap div#s_container nav#lnb ul li:hover,
div.s_wrap div#s_container nav#lnb ul li.selected {background:#cab787}
div.s_wrap div#s_container section#contents {float:left; width:970px; min-height:500px; padding:40px 0 50px 45px; border-left:1px solid #d4d4d4}
div.s_wrap div#s_container section#contents h1.pagetitle {padding:0; margin:0 0 30px 0; font-size:35px; color:#30416c; letter-spacing:-0.05em}


footer#s_footer {padding:15px 0; border-top:1px solid #c7c7c7}
footer#s_footer div.btn_top {position:relative; top:-33px; text-align:center}
footer#s_footer div.btn_top a {position:relative; display:block; width:30px; height:34px; margin:0 auto; background:url(../image/image.png) no-repeat -350px 0; text-decoration:none}
footer#s_footer ul.list_link {list-style:none; padding:0; margin:-30px 0 7px 0; z-index:1000}
footer#s_footer ul.list_link:after {clear: both; display: block; content: '';}
footer#s_footer ul.list_link li {margin-right:10px; float:left}
footer#s_footer ul.list_link li a {font-size:13px; color:#555; z-index:1000}
footer#s_footer ul.list_link li a strong {font-style:normal; color:#2457b5; text-decoration:underline}
footer#s_footer address {font-size:13px; font-style: normal; color:#666}

.scroll_banner {position:absolute; top:470px; left:50%; margin-left:530px; width:62px; height:100px; z-index:100; padding-top:20px; border-left:1px solid #ddd}
.scroll_banner ul {margin:0 0 0 -1px; padding:0; list-style:none}
.scroll_banner ul li {width:62px; margin-bottom:3px; background:url(../image/image.png) no-repeat}
.scroll_banner ul li a {display:block; height:100%; text-decoration:none}
.scroll_banner ul li.top {height:20px; background-position:-540px -270px}
.scroll_banner ul li.bottom {height:20px; background-position:-540px -290px}
.scroll_banner ul li.tmp_save {height:35px; background-position:-540px -310px}
.scroll_banner ul li.tmp_save button {width:62px; height:35px; border:0; background:transparent; padding:0; margin:0}


/* 회원서비스 */
div#join_agree {}
div#join_agree article {height:360px; padding:10px; margin:0 0 7px 0; overflow-y:scroll; border:1px solid #ddd}
div#join_agree div.agree_section {margin-bottom:30px}
div#join_agree div.agree_section,
div#join_agree div.agree_section input,
div#join_agree div.agree_section label {vertical-align:middle; cursor:pointer}
div#join_agree div.agree_section input {margin-right:3px}
div#join_agree div.btn_section {text-align:center}

div#login_page {width:500px; margin:50px auto 0 auto}
div#login_page div.login_box {width:460px; overflow:hidden; clear:both; border:1px solid #ddd; background:#fff; padding:25px 35px; margin-bottom:15px}
div#login_page div.login_box .item {height:30px; position:relative; margin:0; float:left}
div#login_page div.login_box .item .i_text {position:relative; margin:0 3px 0 0; border:2px solid #30416c}
div#login_page div.login_box .item .i_text:hover {border:2px solid #3c85af}
div#login_page div.login_box .item .i_text:focus {border:2px solid #026096}
div#login_page div.login_box .item .i_label {top:6px; left:8px; z-index:50; cursor:pointer; color:#30416c}
div#login_page div.login_box ul.btn_section {overflow:hidden; clear:both; list-style:none; padding:10px 0 0 0; margin:0}
div#login_page div.login_box ul.btn_section li {float:left}
div#login_page div.login_box ul.btn_section li a:link,
div#login_page div.login_box ul.btn_section li a:visited {color:#686868; text-decoration:none}
div#login_page div.login_box ul.btn_section li a:hover,
div#login_page div.login_box ul.btn_section li a:active {color:#686868; text-decoration:underline}
div#login_page div.login_box ul.btn_section li.join {background:url(../image/line_division.gif) no-repeat right 4px; padding-right:10px; margin-right:9px}
div#login_page div.login_box ul.btn_section li.search_id {background:url(../image/line_division.gif) no-repeat right 4px; padding-right:10px; margin-right:10px}


div#rules_page {font-size:11px;}
div#rules_page h1 {padding:0; margin:0 0 10px 0; font:bold 20px ng; color:#234C95}
div#rules_page h2 {padding:0; margin:0 0 7px 0; font:bold 15px ng; color:#343435}
div#rules_page table th, td {padding:3px}
div#rules_page table th {background:#eee}

span.highlight {font-size:14px; font-weight:bold; }

div#findid_page {margin:30px auto 0 auto}
div#findid_page div.input_box {width:600px; overflow:hidden; clear:both; border:1px solid #ddd; background:#fff; box-shadow:2px 2px 2px #f5f5f5; padding:20px 35px; margin-bottom:25px}
div#findid_page div.input_box .item {float:left; height:22px; margin:0 0 15px 0}
div#findid_page div.input_box  label {font-weight:bold; margin-right:10px}
div#findid_page div.input_box .i_text {width:140px; height:23px; padding:3px; margin:0 3px 0 0; border:1px solid #b7b7b7; color:#555}
div#findid_page div.input_box .i_text:hover {border:1px solid #3c85af}
div#findid_page div.input_box .i_text:focus {border:1px solid #30416C}
div#findid_page div.input_box p {clear:both; padding:0 0 0 10px; margin:0; background:url(../image/bullet1.gif) no-repeat 0 6px; font:normal 11px/150% '돋움',dotum; color:#505050}
div#findid_page div.input_box ul {padding:0; margin:0; list-style:none}
div#findid_page div.input_box ul li {padding:0 0 0 10px; background:url(../image/bullet1.gif) no-repeat 0 8px; font:normal 11px/170% '돋움',dotum; color:#505050}



/* 입력 */
div.application_page {}
div.application_page .tbl1 {margin-bottom:30px; border:0; border-top:1px solid #2f3743}
div.application_page .tbl1 span.essential {color:#dd0000;}
div.application_page .tbl1 th {padding:8px; text-align:left; background:#f3f4f7; border:0; border-bottom:1px solid #ddd; border-right:1px solid #dcddde; color:#2f3743}
div.application_page .tbl1 td {padding:8px; border:0; border-bottom:1px solid #ddd; vertical-align:middle} /* 2013-01-15 , 박용민, 동물실험에 메뉴( 방사선조사 ) td부분 수정으로 인해 수정*/
div.application_page .tbl1 th:last-child {border-right:0}
div.application_page .tbl1 div.item {position:relative; margin-top:5px}
div.application_page .tbl1 div.item .i_text {}
div.application_page .tbl1 div.item .i_label {position:absolute; top:5px; left:5px}
div.application_page .tbl1 tr.division th,
div.application_page .tbl1 tr.division td {border-bottom:2px solid #2f3743}

div.application_page div.btn_section {margin:30px 0; text-align:center}

div.application_page div.empty_section {padding:30px; margin:0 0 20px 0; border:1px solid #ddd; background:#f6f6f6; text-align:center}
div.application_page div.sel_item_section {position:relative; padding:20px; margin-bottom:10px; border: 1px solid #ddd; border-radius: 5px; box-sizing:border-box;}
div.application_page div.sel_item_section div.btn_close {position:absolute; top:15px; right:15px}
div.application_page div.sel_item_section div.btn_close button {width:30px; height:30px; padding:0; margin:0; border:0; background:url(../image/image.png) no-repeat -350px -35px}
div.application_page div.sel_item_section div.btn_search {margin-bottom:-20px}
div.application_page div.sel_item_section dl {display: flex; flex-wrap: wrap; gap: 2px; padding:0; margin:0; }
div.application_page div.sel_item_section dl dt,
div.application_page div.sel_item_section dl dd { box-sizing: border-box; padding:3px 6px; margin: 0; flex-grow: 0; flex-shrink: 0;}
div.application_page div.sel_item_section dl dt { width: 110px; flex-basis: auto; border-radius:2px; background:#f0f0f0; font-weight:normal; color:#404a63}
div.application_page div.sel_item_section dl dd { width: calc(50% - 114px); flex-basis: auto; color:#444; flex-grow: 0; }


div.application_page div.sel_item_section > .tbl_animal {border:1px solid #d0d6dc; border-left:0; border-right:0; margin:0}
div.application_page div.sel_item_section > .tbl_animal th {border:1px dotted #d0d6dc; border-left:0;  padding:5px 7px; background:#f7f7f7; color:#404a63; text-align:left}
div.application_page div.sel_item_section > .tbl_animal td {border:1px dotted #d0d6dc; border-right:0; padding:5px 7px}

div.application_page div.promise {padding:15px 20px; margin-bottom:20px; border-top:1px solid #dcddde; background:#f7f7f7}

div.application_page div.sub_input {padding:10px; background:#f7f7f7; border:1px solid #ddd}
div.application_page div.sub_input h2 {padding:0; margin:0 0 8px 0; font:bold 15px ng; color:#069}
div.application_page div.sub_input th {padding:10px 0; border:0; text-align:left; color:#888; vertical-align:top}
div.application_page div.sub_input td {padding:5px 0; border:0; vertical-align:top}
div.application_page div.sub_input td textarea {min-width:98%; width:500px; margin:5px 0}



div.application_complete {}
div.application_complete h1 {padding:0; margin:50px 0 10px 0; font:normal 30px ng; color:#4e609d; text-align:center}
div.application_complete h1 span.ico {display:block; width:65px; height:57px; margin:0 auto 15px auto; background:url(../image/image.png) no-repeat -910px -130px; content:''}
div.application_complete p.guide {padding:0; margin:0 0 20px 0; font-size:18px; color:#858585; text-align:center}
div.application_complete ul.list_doc {width:300px; padding:0; margin:0 auto; list-style:none}
div.application_complete ul.list_doc li {margin:0 0 5px 0}
div.application_complete ul.list_doc li a {display:block; padding:7px 10px; color:#333; border:1px solid #ddd; font-size:14px}
div.application_complete ul.list_doc li a:hover {border:1px solid #333}



.tbl_sub {margin:0; padding:0; border:0; font-size:11px}
.tbl_sub th {padding:4px !important; border:0 !important; border-bottom:1px dotted #bbb !important; background:#eee !important}
.tbl_sub td {padding:4px !important; border:0 !important; border-bottom:1px dotted #bbb !important}
.tbl_sub tr:last-child th,
.tbl_sub tr:last-child td {border-bottom:0 !important}

.sub_add_input {border:0; border-top:1px solid #ccc}
.sub_add_input td {padding:3px; border:0; border-bottom:1px solid #ddd; color:#777}
.sub_add_input td.highlight {background:#eef29d; color:#394247 !important}
.sub_add_input .btn_add {width:21px; height:21px; background:url(../image/image.png) no-repeat -930px -70px;  border:0; content:''; vertical-align:middle}
.sub_add_input .btn_del {width:21px; height:21px; background:url(../image/image.png) no-repeat -955px -70px;  border:0; content:''; vertical-align:middle}

button.btn_add_f {display:block; width:100%; height:26px; margin-top:-10px; background:#666; border:1px solid #444; color:#fff; text-align:center}

.tbl_form {border:0}
.tbl_form th {padding:5px; border:0; background:#777; color:#fff}
.tbl_form td {padding:5px; border:0; border-bottom:1px solid #ddd}


.check_tooltip {position:relative}
.check_tooltip div.bubble {position:absolute; left:-20px; top:33px; display:block; width:290px; padding:10px; background:#da0e43; color:#fff; border-radius:2px; text-align:left; font:normal 12px/150% ng; z-index:9999 !important}
.check_tooltip div.bubble:after {bottom:100%; left:25px; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-color: rgba(51, 60, 78, 0); border-bottom-color:#da0e43; border-width:5px; margin-left:-5px}
.check_tooltip div.bubble div.close {position:absolute; right:10px; top:10px}
.check_tooltip div.bubble div.close button {display:block; width:10px; height:9px; padding:4px; background:url(../image/btn_bubble_close.gif) no-repeat center center; content:''; border:none}


div.app_box {margin:0 0 10px 0; padding:20px 25px; border-radius:3px; border:1px solid #ddd; border-top:4px solid #064fa0; box-shadow:1px 1px 2px #f0f0f0}
div.app_box p.dsc {padding:0; margin:5px 0; font:normal 12px ng; color:#d05300; background:none}
div.app_box span.dsc {font:normal 12px ng; color:#d05300; background:none}

div.app_box h2 {position:relative; padding:0; margin:0 0 20px 0; font:bold 18px ng; color:#064fa0}
div.app_box h2 div.btn_area {position:absolute; top:0; right:0}
div.app_box h2 div.btn_area button {width:26px; height:25px; padding:0; margin:0; border:0; content:''}
div.app_box h2 div.btn_area .btn_add {background:url(../image/image.png) no-repeat -930px -45px}
div.app_box h2 div.btn_area .btn_del {background:url(../image/image.png) no-repeat -960px -45px}
div.app_box div.input_unit {padding-bottom:24px; margin-bottom:25px; border-bottom:1px solid #ddd}
div.app_box div.input_unit h3.input_title {padding:0; margin:0 0 10px 0; font:bold 16px ng; color:#333c4e}

div.app_box div.input_unit .depth1 {padding:9px 12px; background:#e7ebed; border:1px solid #d2d8db; border-radius:2px}
div.app_box div.input_unit li.depth1 {margin-bottom:3px}
div.app_box div.input_unit .depth2 {padding:9px 12px; margin:5px 0 0 15px; background:#fff; box-shadow:1px 1px 2px #ddd; border-radius:2px}
div.app_box div.input_unit button.dsc {position:relative; display:inline-block; width:16px; height:16px; background:url(../image/image.png) no-repeat -850px -60px; content:''; border:0}
div.app_box div.input_unit button.dsc div.bubble {position:absolute; left:-148px; top:30px; display:none; width:290px; padding:5px 10px; background:#333c4e; color:#fff; border-radius:2px; text-align:left; font:normal 12px/150% ng; z-index:9999 !important}
div.app_box div.input_unit button.dsc div.bubble:after {bottom:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-color: rgba(51, 60, 78, 0); border-bottom-color:#333c4e; border-width:5px; margin-left:-5px}
div.app_box div.input_unit button.dsc:hover div.bubble {display:block}
div.app_box div.input_unit button.dsc div.bubble ul {padding:0; margin:0; list-style:none}
div.app_box div.input_unit button.dsc div.bubble li {padding-left:8px; background:url(../image/bullet_w.gif) no-repeat 0 11px}

div.app_box .sub_input {border:0}
div.app_box .sub_input th {padding:10px 0; border:0; text-align:left; color:#888; vertical-align:top}
div.app_box .sub_input td {padding:5px 0; border:0; vertical-align:top}
div.app_box .sub_input td textarea {margin:5px 0}


div.guide_box {padding:15px 20px; margin:0 0 20px 0; border:1px solid #ddd; *zoom:1}
div.guide_box:after {clear:both; display:block; content:''}
div.guide_box h2 {float:left; width:150px; font:normal 20px ng; color:#888; vertical-align:middle}
div.guide_box h2 span.ico_check {display:inline-block; width:21px; height:17px; padding:0; margin:0 5px 0 0; background:url(../image/image.png) no-repeat -930px -100px; content:''}
div.guide_box h2 span.ico_info {display:inline-block; width:15px; height:23px; padding:0; margin:0 5px 0 5px; background:url(../image/image.png) no-repeat -960px -100px; content:''; vertical-align:middle}
div.guide_box div.cont {float:left; width:575px}
div.guide_box div.cont h3 {padding:0; margin:5px 0 10px 0; font-size:16px; color:#5275b8}
div.guide_box div.cont h4 {padding:0; margin:0 0 5px 0; font-size:14px; color:#333}
div.guide_box ul {float:left; width:575px}
div.guide_box table {border:0}
div.guide_box table th {padding:5px; border:0; color:#fff; background:#888}
div.guide_box table td {padding:5px; border:0; border-bottom:1px solid #ddd}
div.guide_box table tr:last-child td {border:0}

div.citikorea_input {padding:25px; margin:0 0 30px 0; border-bottom:1px solid #fff}
div.citikorea_input p {padding:0; margin:0 0 15px 0; text-align:center; font-size:14px; color:#0d4680}
div.citikorea_input p strong {color:#d10c52}
div.citikorea_input .input_area {width:400px; margin:0 auto; *zoom:1}
div.citikorea_input .input_area:after {clear:both; display:block; content:''}
div.citikorea_input .input_area .input {float:left; width:288px; height:22px; padding:5px; border:1px solid #ccc; border-right:0}
div.citikorea_input .input_area div.btn_area {float:left; width:100px}



/* 출력 */
table.tbl_list {margin-bottom:20px; border:0; border-top:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5}
table.tbl_list.center td {text-align:center}
table.tbl_list th {padding:6px 5px; border:0; border-top:1px solid #a5a5a5; border-bottom:1px solid #d9d9d9; text-align:center;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 2%, #f0f0f0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f7f7f7), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 2%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 2%,#f0f0f0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 2%,#f0f0f0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 2%,#f0f0f0 100%); /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
table.tbl_list td {padding:5px; border:0; border-bottom:1px dotted #ddd; color:#444}
table.tbl_list tr td.nodata {text-align:center; color:#777}
table.tbl_list tr.edit td {background:#d1f1db}
table.tbl_list td .btn_fee_more {display:inline-block; margin-left:3px; padding:2px 4px; background:#e6e6e6; color:#00479c; border:0; text-decoration:none}
table.tbl_list td .btn_fee_more:hover {background:#d6d6d6}

div.researcher_info {line-height:165%}
div.researcher_info span {display:inline-block; width:70px; color:#00479c}

table.tbl_view {margin-bottom:20px; border:0; border-top:2px solid #2f3743}
table.tbl_view th {padding:7px; text-align:left; background:#f3f4f7; border:1px solid #dcddde; color:#2f3743}
table.tbl_view td {padding:7px; border:1px solid #dcddde; vertical-align:middle}

table.tbl_info {width: 100%; margin-bottom: 20px; border: 0; border-top: 1px solid #666; }
table.tbl_info th, table.tbl_info td {padding: 13px 10px; border: 0; border-bottom: 1px solid #d5d4e0;}
table.tbl_info th {background: #666; color: #fff; font-weight:normal;}

/* 심의내역조회 */
div#breakdown {overflow:hidden; clear:both; padding:15px; margin:0 0 30px 0; background:#f5f5f5; border-top:1px solid #777; border-bottom:1px solid #c8c8c8}
div#breakdown ul {list-style:none; padding:0; margin:0}
div#breakdown ul li {float:left; width:180px; padding:3px 8px 3px 15px; margin:0 11px; background:url(../image/bullet1.gif) no-repeat 5px 10px; border-right:1px dotted #ccc}
div#breakdown ul li button {padding:0; margin:0; border:0; background:transparent; text-align:left}
div#breakdown ul li button:hover {color:#C34000; text-decoration:none; font-weight:bold}
div#breakdown ul li button.selected {color:#C34000; text-decoration:none; font-weight:bold}
.status_list {border:0; border-top:1px solid #342e43}
.status_list th {padding:8px; background:#f0f0f0; border:0; border-bottom:1px solid #bbb; text-align:left}
.status_list td {padding:8px; border:0; border-bottom:1px solid #bbb}
.status_list span.doc_type {padding:3px 5px; background:#2d3e50; color:#fff; font-size:11px}
.status_list span.chasoo {padding:3px 5px; background:#e84c3d; color:#fff; font-size:11px}
.status_list div.title {margin:7px 0 0 0}
.status_list dl.project_info {width:120px; padding:0; margin:5px; font-style:normal; *zoom:1; font-size:12px}
.status_list dl.project_info:after {clear:both; display:block; content:''}
.status_list dl.project_info dt {float:left; padding:0; margin:0 5px 0 0; color:#9097a1}
.status_list dl.project_info dd {float:left; padding:0; margin:0; color:#555; font-weight:bold}
.status_list dl.project_info dd.project_num {width:140px; padding:0; font-size:15px; font-weight:normal; color:#009}


/* 선택지 */
ul.list_slt {padding:0; margin:0; list-style:none; *zoom:1}
ul.list_slt:after {clear:both; display:block; content:''}
ul.list_slt li {float:left; min-height:27px; margin-right:15px; line-height:240%; vertical-align:middle}
ul.list_slt li input[type="checkbox"],
ul.list_slt li input[type="radio"] {margin-right:4px; margin-top:-1px}
ul.list_slt li img {vertical-align:middle}
ul.list_slt li label {display:inline-block; min-height:27px; line-height:240%; vertical-align:middle}

ul.list_slt2 {padding:0; margin:0; list-style:none}
ul.list_slt2 li {line-height:160%; min-height:21px; padding:3px 0; vertical-align:middle}
ul.list_slt2 li input[type="checkbox"],
ul.list_slt2 li input[type="radio"] {margin-right:4px}
ul.list_slt2 li img {vertical-align:middle}

ul.list_slt3 {padding:0; margin:0; list-style:none; *zoom:1}
ul.list_slt3:after {clear:both; display:block; content:''}
ul.list_slt3 li {float:left; width:290px; min-height:27px; line-height:240%; vertical-align:middle}
ul.list_slt3 li input[type="checkbox"],
ul.list_slt3 li input[type="radio"] {margin-right:4px; margin-top:-1px}
ul.list_slt3 li img {vertical-align:middle}
ul.list_slt3 li label {display:inline-block; min-height:27px; line-height:240%; vertical-align:middle}

ul.list_slt4 {padding:0; margin:0 0 15px 0; list-style:none; *zoom:1}
ul.list_slt4:after {clear:both; display:block; content:''}
ul.list_slt4 li {float:left; min-height:27px; margin-right:15px; line-height:240%; vertical-align:middle}
ul.list_slt4 li input[type="checkbox"],
ul.list_slt4 li input[type="radio"] {margin-right:4px; margin-top:-1px}
ul.list_slt4 li img {vertical-align:middle}
ul.list_slt4 li label {display:block; height:16px; line-height:100%;}



/* 리스트 */
ul.list_basic {list-style:none; padding-top:0; padding-left:0; margin-top:0; margin-left:0}
ul.list_basic > li {padding:0 0 0 10px; background:url(../image/bullet1.gif) no-repeat 0 8px; line-height:160%}
ol.list_basic {padding-left:0; padding-top:0; margin-left:22px; margin-top:0}
ol.list_basic > li {margin-bottom:5px; line-height:160%}
ul.list_basic > li a {color:#0f5090; text-decoration:underline}
ul.list_basic li a.link {padding:2px 23px 2px 0; background:url(../image/icon_arrow.gif) no-repeat right top}
ul.list_basic > li em {font-style:normal; color:#eb6b04}

ul.list_basic2 {list-style:none; padding-top:0; padding-left:0; margin-top:0; margin-left:0}
ul.list_basic2 > li {padding:0 0 0 10px; line-height:160%}

ol.num_list {list-style:none; padding-left:14px; margin:0}
ol.num_list span.num {margin-left:-14px}
ol.num_list2 {padding-left:0; padding-top:0; margin-left:0; margin-top:0; list-style-position:inside}
ol.num_list2 li {margin-bottom:3px}


.list_con_attach {padding:0; margin:0; border-top:4px solid #222; list-style-position:inside;}
.list_con_attach li {padding:10px; border-bottom:1px dotted #aaa}

.list_attach_user {padding:0; margin:0; list-style:none}
.list_attach_user li {padding:1px 0 1px 12px; background:url(../image/icon_attach.gif) no-repeat 0 5px}
.list_attach_user li a {text-decoration:underline; color:#264aa5}

/* 파일 아이콘 */
a.hwp {padding-right:23px; background:url(../image/icon_hwp.gif) no-repeat right}


/* 동물실험윤리위원회규정 */
ul.list_basic2 > h3 {font-size:12px; padding:13px 0 5px 0; margin:0}


/* 팝업 */
section#pop_wrap {}
section#pop_wrap h1 {position:relative; background:#444; height:25px; padding:13px; font:bold 19px/130% ng; margin:00; color:#fff}
section#pop_wrap h1 div.btn_area {position:absolute; top:0; right:0}
section#pop_wrap h1 div.btn_area button.btn_close {width:51px; height:51px; background:url(../image/btn_pop_close.png) no-repeat 0 0; border:0}
section#pop_wrap div.simple_info {padding:15px; background:#eee}
section#pop_wrap div.simple_info table {border:0}
section#pop_wrap div.simple_info th {padding:3px; border:0; text-align:left; color:#777}
section#pop_wrap div.simple_info td {padding:3px; border:0; color:#333}

section#pop_wrap div.form_section {padding:10px}
section#pop_wrap div.form_section .subject {padding:0; margin:0 0 8px 0; font-size:15px; color:#035098; background:none; letter-spacing:-0.03em}
section#pop_wrap div.form_section .tbl_view {margin-bottom:20px; border:0}
section#pop_wrap div.form_section .tbl_view th {height:18px; padding:4px 6px; background:#f5f5f5; border:1px solid #ddd; border-left:0; text-align:left}
section#pop_wrap div.form_section .tbl_view td {height:18px; padding:4px 6px; border:1px solid #ddd; border-right:0; text-align:left}
section#pop_wrap div.form_section .tbl_list {margin-bottom:20px; border:0}
section#pop_wrap div.form_section .tbl_list th {height:18px; padding:6px; background:#f5f5f5; border-top:1px solid #aaa; border-left:1px dotted #bbb; border-right:1px dotted #bbb; border-bottom:1px solid #ccc; text-align:left}
section#pop_wrap div.form_section .tbl_list td {height:18px; padding:6px; border:1px solid #ddd; border-left:1px dotted #bbb; border-right:1px dotted #bbb}
section#pop_wrap div.form_section .tbl_list td span.ongoing {color:#22a447}
section#pop_wrap div.form_section .tbl_list td span.end {color:#888}
section#pop_wrap div.form_section div.btn_section {margin:15px 0; text-align:center}

.tbl_charge {margin-bottom:20px; border:0; border-top:1px solid #333}
.tbl_charge th {padding:8px; border:0; border-bottom:1px solid #ccc; text-align:left; font:700 15px ng; color:#30416c}
.tbl_charge td {padding:8px; border:0; border-bottom:1px solid #ccc; line-height:150%}

div#schedule_add {margin:0 0 20px 0; padding:15px; background:#4a6e9c; text-align:center; color:#fff}
div#schedule_add input[type='text'],
div#schedule_add select {border-color:#264e82}
div#schedule_add.active {background:#56b39e !important; color:#264e82 !important}

/* 검토하기 팝업 */
.tbl_online_opinion {border:1px solid #ddd;}
.tbl_online_opinion th,
.tbl_online_opinion td {padding:8px; border:1px solid #ddd; color:#777;}
.tbl_online_opinion th {background:#f5f5f5; color:#444; border-bottom-width:2px}
.tbl_online_opinion tr.highlight td {background:#fff6c5; color:#000;}

/* 직원현황 */
div#member_intro {}
div#member_intro ul.list {overflow:hidden; clear:both; padding:0; margin:0; list-style:none}
div#member_intro ul.list > li {float:left; width:370px; margin:0 0 30px 0}
div#member_intro ul.list > li:nth-child(2n-1) {margin-right:10px}
div#member_intro ul.list > li img {float:left; width:125px; height:155px; margin-right:10px}
div#member_intro ul.list > li ul.profile {float:left; width:235px; padding:0; margin:0; list-style:none}
div#member_intro ul.list > li ul.profile li {padding:6px 4px; border-bottom:1px dotted #ccc; letter-spacing:-0.02em}
div#member_intro ul.list > li ul.profile li a {color:#0f5090; text-decoration:underline}


/* 테이블 (시설현황 지도 아래) */
table.tbl2 {border:0; border-top:2px solid #2f3743; border-bottom:1px solid #888888}
table.tbl2 th {padding:10px 5px; border:0; border-bottom:1px dotted #aaaaaa; background:#eeeeee}
table.tbl2 td {padding:0 5px; border:0; border-bottom:1px dotted #aaaaaa}

.tbl_con {margin-bottom:30px; border:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa}
.tbl_con th {padding:9px; border:0; border-bottom:1px dotted #ccc; text-align:left; font-weight:normal}
.tbl_con td {padding:9px; border:0; border-bottom:1px dotted #ccc}

.tbl_con2 {margin-bottom:30px; border:0; border-top:2px solid #3146a9; border-bottom:1px solid #e3e3e3}
.tbl_con2 thead th {padding:9px; border:0; border-bottom:1px solid #ddd; background:#f7f7f7; font-weight:normal}
.tbl_con2 td {padding:9px; border:0; border-bottom:1px solid #ddd}


/* 관련사이트 */
div.link {margin-bottom:30px}
div.link ul {overflow:hidden; clear:both; padding:0; margin:0; list-style:none}
div.link ul li {float:left; width:300px; padding:7px 5px 7px 14px; margin-right:15px; border-bottom:1px dotted #ccc; background:url(../image/bullet1.gif) no-repeat 5px 14px}
div.link ul.clear_list > li {clear:both}


/* 기술지원 */
p.dsc_box {padding:20px; border-top:1px solid #ccc; background:#f5f5f5; line-height:150%}
p.dsc_box a {color:#0f5090; text-decoration:underline}


/* print.php */
div#print_wrap {}
div#print_wrap div.btn_section {position:fixed; top:0; width:100%; height:20px; padding:20px 0; text-align:center; background:#f5f5f5; border-bottom:1px solid #ccc; z-index:100; vertical-align:middle}
div#print_wrap div.content {position:absolute; margin-top:65px; width:800px; height:700px; padding:10px}
div#print_wrap span.change_section {color:#FF0000; background:#f9ff83}

/* print.php new */
div#pop_review {position:relative; width: 100%;}
div#pop_review div#report_wrap {position:fixed; width: 100%; z-index:100}
div#pop_review h1#pop_title {height:31px; padding:10px; font-size:24px; font-weight:normal; margin:0; background:#000; color:#fff; letter-spacing:-0.05em; line-height:140%}
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#report_wrap div.btn_area button {width: 51px; height: 51px; padding:0; margin:0 0 0 1px; background:none; border:0; color: #fff; text-align:center; transition:all .3s;}
div#pop_review div#report_wrap div.btn_area button.ccw {width:auto; height: 51px; padding:3px 7px; margin:0 0 0 1px; border:0; color: #fff; text-align:center; transition:all .3s; font-size: 15px; line-height:150%; background:#4f42d4}
div#pop_review div#report_wrap div.btn_area button:hover {background:#4f42d4;}
div#pop_review div#report_wrap div.btn_area button.ccw:hover {background: #453abb;}
div#pop_review div#report_wrap div.btn_area button i {font-size: 20px; }
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 15px ng}
div#pop_review div.project_info h2.title a {color:#10267a; font:normal 15px 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; font:normal 12px ng}
div#pop_review div.project_info footer em {padding-right:13px; margin-right:10px; color:#000; font:normal 12px ng; background:url(../image/bg_division.gif) no-repeat right center}

div#pop_review div.contents {position:absolute; top:140px; width: 100%; height:700px; padding:20px; box-sizing: border-box;}

div#pop_review div#document_history {padding:10px 13px; margin-bottom:20px; background:#f4f5f8; border:1px dotted #a1a6b6; border-left:0; border-right:0}
div#pop_review div#document_history div.plan_list {margin-bottom:5px}
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:27px; margin-right:5px; line-height:150%; vertical-align:middle}

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:2px 0; margin:0; width:654px; word-break:keep-all; word-wrap:break-word}
div#pop_review 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#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 {width: 100%; 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}
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-weight:normal; 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-weight:normal; color:#777}
div#pop_review .tbl_opinion th span.name em {font-style:normal; color:#26549a}
div#pop_review .tbl_opinion th.prereview {border-left:4px solid #425795}
div#pop_review .tbl_opinion th.editor {border-left:4px solid #fce702}
div#pop_review .tbl_opinion th.reviewer {border-left:4px solid #e99104}
div#pop_review .tbl_opinion th.chairman {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.guide_person {
  padding:15px 18px; margin:0 0 20px 0; border:1px dotted #bbb; background:#f6f6f6; font-size:14px; line-height:160%;
}
div.guide_person h2 {padding:0; margin:0 0 10px 0; font:bold 18px ng; letter-spacing:-0.03em}
div.guide_person a {padding-right:11px; margin-right:10px; background:url(../image/line_division.gif) no-repeat right center; text-decoration:underline; color:#3d5ba6}

div.guide_flow {}
div.guide_flow ol {padding:0; margin:0 0 0 40px; list-style:none; border-left:4px solid #ddd}
div.guide_flow ol > li {position:relative; padding:30px 30px 0 40px}
div.guide_flow li span.num {position:absolute; top:30px; left:-22px; display:block; width:20px; height:20px; padding:10px; text-align:center; color:#fff; font-size:18px; background:url(../image/image.png) no-repeat -840px -190px; line-height:120%}
div.guide_flow li h2 {padding:0; margin:0 0 5px 0; font:bold 18px ng; color:#5d83bc}
div.guide_flow li p {padding:0; margin:0; font-size:13px; color:#333}

div.guide_flow li.highlight span.num {background:url(../image/image.png) no-repeat -880px -190px}
div.guide_flow li.highlight h2 {color:#df3a3a}

div.penalty_area {position:relative; display:inline-block}
div.penalty {position:absolute; right:0; display:none; width:400px; padding:15px; border:1px solid #aaa; box-shadow:1px 1px 3px rgba(0,0,0,.1); background:#fff; z-index:100}
div.penalty .close {position:absolute; right:-21px; top:-1px; width:21px; height:21px; border:0; background:#aaa url(../image/btn_close_s.gif) no-repeat 50% 50%}

/* 동물실험윤리위원회 실험동물교육 */
ol.list_flow {padding:0; margin:0; list-style:none}
ol.list_flow li {position:relative; padding:15px 15px 15px 40px; margin:0 0 10px 0; border:1px solid #ddd; font:normal 15px ng; color:#777}
ol.list_flow li span.num {position:absolute; top:-1px; left:-1px; width:15px; height:15px; padding:5px; background:#baab84; color:#fff; font:normal 13px ng; text-align:center}
ol.list_flow li a {text-decoration:underline; color:#4872c6}
ol.list_flow li strong {color:#1455cb}

/* 메인 개편 */
div#m_flow_area {*zoom:1}
div#m_flow_area:after {clear:both; display:block; content:''}
div#m_flow_area div.box {float:left; width:220px; height:150px; margin-right:30px}
div#m_flow_area div.box h1,
div#m_flow_area div.box_last h1 {height:20px; padding:9px; margin:0 0 15px 0; background:url(../image/image.png) no-repeat -530px -45px; font:normal 16px ng; color:#fff}
div#m_flow_area div.box h1.review {height:20px; padding:9px; margin:0 0 15px 0; background:url(../image/image.png) no-repeat -530px -190px; font:normal 16px ng; color:#fff}
div#m_flow_area div.box_last {float:left; width:220px; height:150px; margin-right:0}
div#m_flow_area div.box a.btn {display:inline-block; min-width:130px; height:15px; padding:5px 7px; margin:0; border-radius:2px; background:#a88456; border:0; font:normal 12px ng; color:#fff; text-decoration:none}

div#m_flow_area div.box ul,
div#m_flow_area div.box_last ul {padding:0; margin:10px; list-style:none}
div#m_flow_area div.box ul li,
div#m_flow_area div.box_last ul li {padding:2px 0}

div#m_flow_area a.guide {font-size:13px; color:#e25c1b}
div#m_flow_area a.guide span.ico {display:inline-block; width:16px; height:15px; margin-right:3px; background:url(../image/image.png) no-repeat -850px -45px; vertical-align:middle; content:''}

div#m_flow_area a.more {font-size:13px; color:#676767}
div#m_flow_area a.more span.ico {display:inline-block; width:10px; height:8px; margin-left:10px; background:url(../image/image.png) no-repeat -866px -45px; vertical-align:middle; content:''}

div#m_flow_area div.box div.mypage {padding:5px}
div#m_flow_area div.box div.mypage p.name {padding:0; margin:0 0 6px 0; font:normal 14px ng; color:#11315e}
div#m_flow_area div.box div.mypage p.log {padding:0; margin:0 0 15px 0; font:normal 12px ng; color:#848484}
div#m_flow_area div.box a.btn_logout {display:block; margin:10px 0; text-decoration:none; color:#5a5a5a; vertical-align:middle}
div#m_flow_area div.box a.btn_logout span.ico {display:inline-block; width:13px; height:16px; margin-right:5px; background:url(../image/image.png) no-repeat -530px -83px; content:''; vertical-align:middle}
div#m_flow_area div.box div.edu {margin:0 0 15px 0; *zoom:1}
div#m_flow_area div.box div.edu:after {clear:both; display:block; content:''}
div#m_flow_area div.box div.edu span.ico {float:left; display:block; width:33px; height:37px; margin-right:10px; background:url(../image/image.png) no-repeat -543px -83px; content:''}
div#m_flow_area div.box div.edu p {float:left; width:150px; padding:0; margin:0; color:#888; font-size:14px}

div#m_flow_area ul.app {padding:0; margin:0; list-style:none}
div#m_flow_area ul.app li {margin:0 0 10px 0; font-size:12px}
div#m_flow_area ul.app h2 {padding:0; margin:0; font-size:13px; color:#333}
div#m_flow_area ul.app a {padding:3px 15px 3px 0; margin-right:14px; background:url(../image/line_division.gif) no-repeat right 7px}
div#m_flow_area ul.app a.total {color:#6a6a6a}
div#m_flow_area ul.app a.during {color:#e25c1b; text-decoration:underline}
div#m_flow_area ul.app a.complete {color:#489315; text-decoration:underline; background:none}

section#updated_section_new {width:100%; margin:30px 0; padding:30px 0; background:#f0f0f0}
section#updated_section_new:after {clear:both; display:block; content:''}
section#updated_section_new div#updated_content {float:left; width:380px; height:200px; margin:0 30px 0 0}
section#updated_section_new div#updated_content h1 {position:relative; height:20px; padding:0; margin:0 0 18px 0; font-size:18px; color:#213151}
section#updated_section_new div#updated_content h1 a {display:block; height:20px; text-decoration:none; font-size:18px; color:#213151}
section#updated_section_new div#updated_content h1 span.more {display:block; position:absolute; top:0; right:0; width:15px; height:15px; background:url(../image/image.png) no-repeat -750px -45px}
section#updated_section_new div#banner {float:left; width:160px}
section#updated_section_new div#banner a {display:block; width:160px; height:65px; padding:20px 0; text-decoration:none; background:url(../image/image.png) no-repeat; font-size:14px; color:#4e4e4e; text-align:center}
section#updated_section_new div#banner a.b1 {margin-bottom:5px; background-position:-580px -83px}
section#updated_section_new div#banner a.b1 span.ico {display:block; width:35px; height:38px; margin:0 auto 10px auto; background:url(../image/image.png) no-repeat -770px -45px; content:''}
section#updated_section_new div#banner a.b2 {background-position:-740px -83px}
section#updated_section_new div#banner a.b2 span.ico {display:block; width:35px; height:38px; margin:0 auto 10px auto; background:url(../image/image.png) no-repeat -805px -45px; content:''}

/* 모달윈도우 */
.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 ng}
.mw .fg button.mw_close {position:absolute; top:-2px; right:-34px; display:block; width:32px; height:32px; padding:0; margin:0; border:0; background:#2d87c9 url(../image/btn_close.gif) no-repeat 6px 6px; cursor:pointer; box-shadow:2px 2px 6px #404040}
.mw .fg button.mw_close:hover {background:#ff7916 url(../image/btn_close.gif) no-repeat 6px 6px}


.mw_iacuc_select {display:none; z-index:500; position:fixed; _position:absolute; display:block; top:0; left:0; width:100%; height:100%}
.mw_iacuc_select .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60)}
.mw_iacuc_select .fg {position:absolute; top:20%; left:50%; width:800px; padding:15px 20px; margin-left:-400px; background:#fff; box-shadow:2px 2px 6px #404040}
.mw_iacuc_select .fg h1 {margin:0 0 15px 0; padding:0; color:#333; font:normal 24px ng}
.mw_iacuc_select .fg button.mw_close {position:absolute; top:0; right:-51px; display:block; width:51px; height:51px; padding:0; margin:0; border:0; background:#a17f2a url(../image/btn_pop_close.png) no-repeat 0 0; cursor:pointer}
.mw_iacuc_select .fg button.mw_close:hover {background:#30416c url(../image/btn_pop_close.png) no-repeat 0 0}

.mw_iacuc_select .fg div.contents {height:425px}
.mw_iacuc_select .fg div.contents a.box {display:block; padding:20px; margin:0 0 10px 0; text-decoration:none; border:1px solid #ddd; box-shadow:0 1px 1px #ddd}
.mw_iacuc_select .fg div.contents a.box h2 {padding:0; margin:0 0 8px 0; font:normal 18px ng; color:#1c2d60}
.mw_iacuc_select .fg div.contents a.box p {padding:0; margin:0; font:normal 12px/140% ng; color:#767676}
.mw_iacuc_select .fg div.contents a.box ul {padding:0; margin:0; list-style:none}
.mw_iacuc_select .fg div.contents a.box li {padding:0 0 0 9px; background:url(../image/bullet1.gif) no-repeat 0 7px; color:#767676; font:normal 12px/140% ng}

.mw_iacuc_select .fg div.contents a.box:hover li {background:url(../image/bullet2.gif) no-repeat 0 7px}
.mw_iacuc_select .fg div.contents a.box:hover h2 {text-decoration:underline}
.mw_iacuc_select .fg div.contents a.box:hover {background:#2f447a; border:1px solid #2f447a}
.mw_iacuc_select .fg div.contents a.box:hover h2,
.mw_iacuc_select .fg div.contents a.box:hover p,
.mw_iacuc_select .fg div.contents a.box:hover li {color:#fff}

.mw_iacuc_select .fg div.contents a.box em {color:#e25c1b; font-style:normal}
.mw_iacuc_select .fg div.contents a.box:hover em {color:#fff223; font-style:normal}

/* 신청조회 화면 */
div#online_history {*zoom:1}
div#online_history h2.subject2 {margin:0 0 20px 0}
div#online_history:after {clear:both; display:block; content:''}
div#online_history div#cal_area {float:left; width:215px; margin-right:30px}
div#online_history div#cal_area div.box {padding:18px; margin:0 0 7px 0; border:1px solid #ddd}
div#online_history div#cal_area div.month_slt {margin:0 0 10px 0; vertical-align:middle; text-align:center; font:normal 14px ng}
div#online_history div#cal_area div.month_slt button {display:inline-block; padding:0; border:0; vertical-align:middle; content:''}
div#online_history div#cal_area div.month_slt .btn_prev {width:7px; height:11px; padding:2px; background:url(../image/image.png) no-repeat -880px -45px}
div#online_history div#cal_area div.month_slt .btn_next {width:7px; height:11px; padding:2px; background:url(../image/image.png) no-repeat -890px -45px}
div#online_history div#cal_area table {border:0}
div#online_history div#cal_area th,
div#online_history div#cal_area td {padding:0; border:0; text-align:center; color:#666; font-size:11px}
div#online_history div#cal_area td a.ok {position:relative; display:block; background:#30416c; color:#fff; text-decoration:none}
div#online_history div#cal_area td a.date {position:relative; display:block; background:#e84c3d; color:#fff; text-decoration:none}


div#online_history div#cal_area td a span {display:none; position:absolute; top:0; left:25px; width:100px; padding:4px; background:#f0f0f0; border:1px solid #ccc; font:normal 11px dotum; color:#777}
div#online_history div#cal_area td a:hover span {display:block}

div#online_history div#cal_area span.ok {display:inline-block; padding:3px 5px; background:#30416c; color:#fff; text-decoration:none; font:normal 11px dotum}
div#online_history div#cal_area span.date {display:inline-block; padding:3px 5px; background:#e84c3d; color:#fff; text-decoration:none; font:normal 11px dotum}

div#online_history div#list_area {float:left; width:525px}
div#online_history div#list_area div.sort {margin:0 0 10px 0}
div#online_history div#list_area input {margin:0 9px 0 0; padding:0 10px 0 0; background:url(../image/line_division.gif) no-repeat right 1px; border:0; font:normal 11px dotum; color:#777}
div#online_history div#list_area input.selected {color:#b0741f; font-weight:bold}
div#online_history div#list_area .status_list span.doc_no {padding:2px 4px; background:#5f7d9f; color:#fff; font:normal 11px dotum}
div#online_history div#list_area .status_list span.doc_no em {font-style:normal; font color:#fff}
div#online_history div#list_area .status_list span.iacuc_no {padding:2px 4px; background:#303030; color:#989fa4; font:normal 11px dotum}
div#online_history div#list_area .status_list span.iacuc_no em {font-style:normal; font color:#fff}

div#online_history div#list_area div.title {margin:10px 0; font-weight:normal; text-decoration:none}
div#online_history div#list_area dl.project_info {padding:0; margin:7px 0 0 0; font:normal 11px dotum; *zoom:1}
div#online_history div#list_area dl.project_info:after {clear:both; display:block; content:''}
div#online_history div#list_area dl.project_info dt {float:left; padding:0; margin:0 5px 0 0; color:#9a9a9a; font:normal 11px dotum}
div#online_history div#list_area dl.project_info dd {float:left; padding:0 11px 0 0; margin:0 10px 0 0; color:#30416c; background:url(../image/line_division.gif) no-repeat right 1px; font-weight:normal}
div#online_history div#list_area dl.project_info dd:last-child {background:none}

div#status_summary {margin:0 0 20px 0}
div#status_summary div h2 {padding:5px; margin:0; font:normal 13px ng}
div#status_summary div.doc {margin:0 0 10px 0}
div#status_summary div.doc h2 {background:#444; color:#fff}
div#status_summary div.doc ul {padding:0; margin:10px; list-style:none; *zoom:1}
div#status_summary div.doc ul:after {clear:both; display:block; content:''}
div#status_summary div.doc li {float:left; width:226px; padding:3px 5px 3px 10px; margin-right:10px; background:url(../image/bullet1.gif) no-repeat 5px 11px; vertical-align:middle; border-right:1px dotted #ccc}
div#status_summary div.doc li:nth-child(3n) {margin-right:0; border-right:0}
div#status_summary div.doc li a {display:block; height:100%; vertical-align:middle}
div#status_summary div.doc li:hover {background:#f0f0f0 url(../image/bullet1.gif) no-repeat 5px 11px}
div#status_summary div.doc li strong {color:#e25c1b; text-decoration:none; font:bold 13px ng}
div#status_summary li span.ico_new {display:inline-block; width:16px; height:16px; content:''; background:url(../image/image.png) no-repeat -910px -45px; vertical-align:middle}
div#status_summary div.status {}
div#status_summary div.status h2 {background:#556c99; color:#fff}
div#status_summary div.status ul {padding:0; margin:10px; list-style:none; *zoom:1}
div#status_summary div.status ul:after {clear:both; display:block; content:''}
div#status_summary div.status ul li {float:left; margin-right:4px; vertical-align:middle}
div#status_summary div.status ul li a {display:block; padding:6px 10px; border:1px solid #d0d0d0; color:#333; vertical-align:middle}
div#status_summary div.status ul li a:hover {border-color:#333; text-decoration:underline}

div#status_summary2 {margin:0 0 30px 0; padding:10px; background:#eaeaea}
div#status_summary2 ul {padding:0; margin:0; list-style:none; *zoom:1}
div#status_summary2 ul:after {clear:both; display:block; content:''}
div#status_summary2 li {float:left; width:230px; padding:3px 5px; margin-right:10px; vertical-align:middle; border-right:1px dotted #ccc}
div#status_summary2 li:nth-child(3n) {margin-right:0; border-right:0}
div#status_summary2 li a {display:block; height:100%; vertical-align:middle}
div#status_summary2 li:hover {background:#fff}
div#status_summary2 li strong {color:#e25c1b; text-decoration:none; font:bold 13px ng}
div#status_summary2 li span.ico_new {display:inline-block; width:16px; height:16px; content:''; background:url(../image/image.png) no-repeat -910px -45px; vertical-align:middle}

div#status_list {}
div#status_list h2 {padding:0; margin:0 0 15px 0; font:bold 20px ng; color:#30416c; letter-spacing:-0.03em}
div#status_list div.sort {padding:0; margin:0 0 12px 0}
div#status_list div.sort input {padding:5px 10px; border-right:1px solid #ddd; font:normal 13px ng; color:#444; border:0; background:none; text-align:center}
div#status_list div.sort input:hover {color:#47609e}
div#status_list div.sort input.selected {min-width:50px; background:#656565; color:#fff}
div#status_list div.sort ul {padding:0; margin:0; list-style:none; *zoom:1}
div#status_list div.sort ul:after {clear:both; display:block; content:''}
div#status_list div.sort ul li {float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ddd}
div#status_list div.sort ul li:last-child {border:0}
div#status_list .tbl_list {border:0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d3d3d3}
div#status_list .tbl_list th {padding:10px; border:0; border-bottom:1px solid #a3a3a3; background:#f3f5f6; text-align:left; font-weight:normal; color:#3a3a3a}
div#status_list .tbl_list td {padding:10px; border:0; border-top:1px solid #d3d3d3; font-size:12px}
div#status_list .tbl_list td span.undecided {color:#888}
div#status_list .tbl_list td span.undecided_fee {color:#e60021}
div#status_list .tbl_list td span.deadline {color:#999}
div#status_list .tbl_list td span.finished {padding:3px 5px; color:#2664b9; border:1px solid #2664b9; border-radius:2px}
div#status_list .tbl_list td span.revise {color:#d70000}
div#status_list .tbl_list td strong {color:#2664b9}
div#status_list .tbl_list tr.essential_doc td {padding:0 10px 10px 10px; border-top:0}
div#status_list .tbl_list tr.essential_doc td ul {padding:0; margin:0; list-style:none}
div#status_list .tbl_list tr.essential_doc td ul li {padding-left:11px; margin-bottom:2px; background:url(../image/ico_star.gif) no-repeat 0 6px; color:#d11d47}
div#status_list .tbl_list tr.essential_doc td ul a.btn_write {padding:2px 5px; margin-left:5px; background:#ff253a; color:#fff}
div#status_list .tbl_list td span.review_type {padding:2px 4px; background:#111; color:#fff; font-size:11px}
div#status_list .tbl_list td span.iacuc_no {padding:2px 4px; background:#777; color:#fff; font-size:11px}
div#status_list .tbl_list td span.approval_no {padding:2px 4px; background:#1965d6; color:#fff; font-size:11px}

/* 시설 및 장비 이용시간 현황조회 */
div.schedule_wrap {padding:10px 0; *zoom:1}
div.schedule_wrap:after {clear:both; display:block; content:''}
div.schedule_wrap div.month {float:left; width:850px; margin-right:20px}
div.schedule_wrap div.month div.select_area {margin:0 0 20px 0; text-align:center; vertical-align:middle}
div.schedule_wrap div.month div.select_area .btn_prev {display:inline-block; width:25px; height:25px; background:url(../image/image.png) no-repeat -750px -190px; vertical-align:middle; content:''; border:0}
div.schedule_wrap div.month div.select_area .btn_next {display:inline-block; width:25px; height:25px; background:url(../image/image.png) no-repeat -775px -190px; vertical-align:middle; content:''; border:0}
div.schedule_wrap div.month table {border:0}
div.schedule_wrap div.month th {padding:6px; text-align:center; font-size:12px; border:1px solid #ddd; border-bottom:1px solid #999; background:#f5f5f5}
div.schedule_wrap div.month td {padding:8px; font-size:12px; border:1px solid #ccc; vertical-align:top; cursor:pointer}
div.schedule_wrap div.month td.blank {background:#eee}
div.schedule_wrap div.month td.blank div.date {display:none}
div.schedule_wrap div.month ul {padding:0; margin:0; list-style:none}
div.schedule_wrap div.month td div.date {text-align:right; font-weight:bold}
div.schedule_wrap div.month th.sun,
div.schedule_wrap div.month td div.sun {color:#de2424}
div.schedule_wrap div.month th.sat,
div.schedule_wrap div.month td div.sat {color:#2477de}

div.schedule_wrap div.daily {float:left; width:230px; height:650px; margin-top:47px; overflow-y:scroll}
div.schedule_wrap div.daily h2 {padding:10px; margin:0 0 10px 0; background:#637E99; font:normal 16px ng; color:#fff}
div.schedule_wrap div.daily ul {padding:0; margin:0; list-style:none}
div.schedule_wrap div.daily li {position:relative; padding:8px; border-bottom:1px dotted #bbb; background:#baeeff; color:#1f2c41}
div.schedule_wrap div.daily li input[type='button'] {position:absolute; top:8px; right:5px; display:block; width:40px; height:21px; background:#555; color:#fff; font-size:11px; border:0}
div.schedule_wrap div.daily li input[type='button']:hover {background:#242424}
div.schedule_wrap div.daily li span.time {padding-right:10px; margin-right:10px; font-size:12px; color:#444; border-right:1px solid #94aab1}
div.schedule_wrap div.daily li.finished {color:#888; background:none}
div.schedule_wrap div.daily li.revise {background:#f6dfe4; color:#2d191d;}


/* 심사비 진행 */
div.expense_report {margin:30px 0; text-align:center; font-size:15px; color:#666}
div.expense_report a {color:#264aa5; text-decoration:underline}

/* 심사비 상세 팝업 */
section#pop_review_fee {}
section#pop_review_fee h1 {position:relative; height:21px; padding:7px; margin:0; background:#26333f; font-size:18px; color:#fff; font-weight:normal}
section#pop_review_fee h1 div.btn_area {position:absolute; top:0; right:0; height:35px}
section#pop_review_fee h1 div.btn_area .btn_close {width:35px; height:35px; background:#1382ea url(../image/btn_close_s.gif) no-repeat 50% 50%; border:0}
section#pop_review_fee div.contents {padding:15px}
section#pop_review_fee .tbl {border:0; font-size:12px}
section#pop_review_fee .tbl th {padding:6px; border:0; border-bottom:1px solid #d6d6d6; text-align:left; background:#f5f5f5}
section#pop_review_fee .tbl td {padding:6px; border:0; border-bottom:1px solid #d6d6d6}
section#pop_review_fee .tbl tr.total_fee th {background:#4d6174; color:#fff; font-weight:normal}
section#pop_review_fee .tbl tr.total_fee td {background:#667f96; color:#fff; text-align:right}
section#pop_review_fee ul.dsc {padding:15px; margin:0 0 10px 0; list-style:none; background:#f2f5fa; border:1px solid #d6def0}
section#pop_review_fee ul.dsc li {padding-left:20px; font-size:12px; background:url(../image/bullet1.gif) no-repeat 10px 9px; color:#0d45a3}
section#pop_review_fee ul.dsc li a.link_style {text-decoration:underline; color:#0D4195;}



div#portnum-guide {width:1000px; margin:60px auto 0 auto;}
div#portnum-guide header {width:100%; margin-bottom:70px;}
div#portnum-guide h1 {float:none; margin:0 auto;}
div#portnum-guide div.txt {font-size:17px; text-align:center}
div#portnum-guide div.txt p {margin-bottom:35px;}
div#portnum-guide div.txt a {text-decoration:underline; color:#1155a4;}