@charset "utf-8";

/* --- 파일 정보  --- */
/* 가톨릭유효성평가센터 웹사이트 */
/* 파일명: default.css */
/* 작성 시작일: 2016년 3월 */

/* 색상코드 */
/* 파란색 #2262b3 */

/* 웹폰트 */
@font-face {
 font-family: ng;
 src: url('../font/NanumGothic.eot');
 src: local('?'),
      url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
      url('../font/NanumGothic.woff') format('woff')
}

/* 전역적으로 쓰이는 CSS */
html {font:normal 14px/150% ng}
.clear {clear:both}
.blind {position:absolute; top:-999999px !important; left:-999999px !important; height:0; padding:0; margin: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}
.margin_b40 {margin-bottom:40px !important}
.no_margin {margin:0 !important; padding:0 !important}

a:link,
a:visited {color:#22303d; text-decoration:none}
a:hover,
a:active {color:#003876; text-decoration:underline}
a.link_style {color:#003876; text-decoration:underline}

p {padding:0; margin:0 0 20px 0}

table.center th,
table.center td,
th.center,
td.center {text-align:center !important}

.btn_down {display:inline-block; height:22px; padding:0 0 0 27px; border:0; background:url(../image/ico_download.gif) no-repeat 0 0; color:#777 !important; font-size:12px !important}

/* 공통 레이아웃 */
header {position:relative; width:1100px; margin:0 auto 30px auto; }
header:after {display:block; clear:both; content:""}
header h1#logo {width:590px; height:70px; padding:30px 0 0 0; margin:0; content:''}
header h1#logo a {display:block; height:70px; text-decoration:none; background:url(../image/logo.jpg) no-repeat; content:''}


header .language {position:absolute; top:0; right:0;}
header .language a {display:inline-block; text-align:center; font-size:13px; color:#fff; transition:all 0.3s}
header .language a.lang_select {width:50px; margin:0; padding:5px; background:#658b24; }
header .language a:hover {text-decoration:none; background:#4d7012;}
header .language a.home {float:left; width:31px; height:31px; background:url(../image/icon_home.png) no-repeat center; background-color:#555
	;}

div#top_menu div#login_area {position:absolute; top:45px; right:0}
div#top_menu div#login_area:after {display:block; clear:both; content:""}
div#top_menu div#login_area div.item {position:relative; float:left; margin-left:-1px; margin-bottom:20px}
div#top_menu div#login_area .i_text {width:140px; height:19px; padding:7px; border:1px solid #ccc}
div#top_menu div#login_area .i_label {position: absolute; top:7px; left:9px; color:#777}
div#top_menu div#login_area .btn_login {width:70px; height:35px; border:0; background:#65b708; color:#fff; font-size:14px; transition:all .4s}
div#top_menu div#login_area .btn_login:hover {background:#2e420b; color:#fff}

div#top_menu ul.list_join {position:absolute; right:0; top:85px; padding:0; margin:0; list-style:none}
div#top_menu ul.list_join:after {display:block; clear:both; content:""}
div#top_menu ul.list_join li {float:left}
div#top_menu ul.list_join li a {margin-left:5px; font-size:12px; color:#444}
div#top_menu ul.list_join li.join a {font-weight:bold; color:#164c97}

div#top_menu div#active {position:absolute; top:45px; right:0}
div#top_menu div#active:after {display:block; clear:both; content:""}
div#top_menu div#active ul.list_active {margin:0; padding:0; list-style:none}
div#top_menu div#active ul.list_active:after {display:block; clear:both; content:""}
div#top_menu div#active ul.list_active li {float:left}
div#top_menu div#active ul.list_active li a {display:block; width:60px; margin-left:5px; padding:5px; text-align:center; border:1px solid #ccc; border-radius:2px; font-size:12px}
div#top_menu div#active ul.list_active li a:hover {text-decoration:none; background:#eee}

nav#gnb {width:100%; min-width:1100px; background:#194687}
nav#gnb ul.mainmenu {width:1100px; padding:0; margin:0 auto; list-style:none}
nav#gnb ul.mainmenu:after {display:block; clear:both; content:""}
nav#gnb ul.mainmenu li {float:left}
nav#gnb ul.mainmenu li a {display:block; height:100px; padding-top:14px; background:url(../image/image.png) no-repeat center top; text-align:center; font:bold 16px ng; color:#fff}
nav#gnb ul.mainmenu li a span.eng {display:block; font:normal 11px ng; color:#ddd}
nav#gnb ul.mainmenu li.intro a {width:185px; background-position:0 0}
nav#gnb ul.mainmenu li.business a {width:183px; background-position:-185px 0}
nav#gnb ul.mainmenu li.efficacy a {width:183px; background-position:-368px 0}
nav#gnb ul.mainmenu li.activity a {width:183px; background-position:-551px 0}
nav#gnb ul.mainmenu li.result a {width:183px; background-position:-734px 0}
nav#gnb ul.mainmenu li.community a {width:183px; background-position:-917px 0}

footer {width:100%; min-width:1100px; padding:20px 0 40px 0; border-top:1px solid #aaaeb2}
footer div.wrap {position:relative; width:1100px; margin:0 auto; *zoom:1}
footer div.wrap:after {clear:both; display:block; content:''}
footer div.wrap address {font:normal 13px ng; line-height:18px; color:#565656}
footer div.wrap address a {text-decoration:underline; color:#2262b3}

footer div.wrap div.member_link {position:absolute; top:0; right:0; font-size:12px; text-align:right}
footer div.wrap div.member_link a {margin-left:10px}

div.family_site {position:absolute; top:30px; right:0}
div.family_site select.select {border:0; padding:3px; background:#658b24; color:#fff}
/* UI Object */
.select {display:inline-block; *display:inline; position:relative; width:160px; background:#fff; line-height:normal; vertical-align:middle; *zoom:1; z-index:9999}
.select * {margin:0; padding:0; cursor:pointer}
.select .my_value {overflow:visible; position:relative; top:0; left:0; z-index:2; margin-bottom:2px; border:1px solid #bababa; background:transparent; color:#666; text-align:left; line-height:19px; _line-height:normal}
.select .my_value.selected {font-weight:bold}
.select.open .my_value,
.select .my_value.outLine{border:1px solid #999}
.select button.my_value {width:100%; height:22px; *padding-left:5px; text-indent:5px; *text-indent:0; font-size:10px}
.select div.my_value {height:19px; text-indent:8px}
.select .ctrl {position:absolute; top:0; right:0; width:22px; height:20px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff}
.select .arrow {position:absolute; width:0; height:0; top:9px; right:7px; border-top:4px solid #999; border-left:4px solid #fff; border-right:4px solid #fff; font-size:0; line-height:0}
.select ul {overflow:hidden; position:absolute; top:24px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.select ul.a_list {display:none}
.select.open ul.a_list {display:block}
.select li {overflow:hidden; position:relative; height:25px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li input.option {position:absolute; width:100%; height:25px; line-height:25px}
.select li label {position:absolute; top:0; left:0; width:100%; height:25px; background:#fff; color:#767676; line-height:25px; text-indent:8px; *text-indent:6px}
.select li a {display:block; height:25px; background:#fff; color:#767676; line-height:25px; text-indent:8px; *text-indent:6px; text-decoration:none; font-size:11px}
.select li.hover *{ background:#999; color:#fff}
/* //UI Object */



/* 메인 컨텐츠 */
div#m_content {width:1100px; margin:0 auto; margin-bottom:30px; *zoom:1}
div#m_content:after {clear:both; display:block; content:''}
/*
div#notice_area {float:left; width:400px; margin-right:30px}*/

div.notice_wrap {margin-bottom:30px}
div.notice_wrap:after {display:block; clear:both; content:""}

div.notice_area {float:left; width:330px; margin-right:40px}

div.notice_area h1 {position:relative; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #cfd3d8; font:bold 20px ng; letter-spacing:-0.4px; color:#0250a1}
div.notice_area h1 div.more {position:absolute; right:0; top:5px}
div.notice_area h1 div.more a {display:block; width:21px; height:21px; background:url(../image/image.png) no-repeat 0 -120px}

div#m_dates {float:left; width:420px; margin-right:30px}
div#m_dates h1 {position:relative; padding:0 0 10px 0; margin:0; border-bottom:1px dotted #cfd3d8; font:bold 20px ng; letter-spacing:-0.4px; color:#0250a1}
div#m_dates h1 div.more {position:absolute; right:0; top:5px}
div#m_dates h1 div.more a {display:block; width:21px; height:21px; background:url(../image/image.png) no-repeat 0 -120px}

div#m_dates div.schedule {padding:10px 0; *zoom:1}
div#m_dates div.schedule:after {clear:both; display:block; content:''}

div#m_dates div.schedule ul.list_schedule {padding:0 10px; margin:0; list-style:none}
div#m_dates div.schedule ul.list_schedule li {margin:2px; padding:0 0 0 5px}
div#m_dates div.schedule ul.list_schedule li h3 {padding:3px 0; margin:0; font:normal 13px ng}
div#m_dates div.schedule ul.list_schedule li a {text-decoration:underline}

div#m_dates div.schedule div.today ul.list_schedule li {background:url(../image/bul_dot_white.gif) no-repeat left 10px}
div#m_dates div.schedule div.today ul.list_schedule li h3 {color:#fff}
div#m_dates div.schedule div.today ul.list_schedule li a {color:#ffea35}
div#m_dates div.schedule div.tomorrow ul.list_schedule li {background:url(../image/bul_dot_blue.gif) no-repeat left 10px}
div#m_dates div.schedule div.tomorrow ul.list_schedule li h3 {color:#666}
div#m_dates div.schedule div.tomorrow ul.list_schedule li a {color:#53759c}

div#m_dates div.schedule div.mini_cal {float:left; width:170px; margin:0 20px 0 0}
div#m_dates div.schedule div.mini_cal div.select_month {position:relative; margin:0 0 5px 0; padding:0; text-align:center; font-size:18px; color:#1c3869}
div#m_dates div.schedule div.mini_cal div.select_month .btn_prev {position:absolute; top:3px; left:5px; width:15px; height:15px; background:url(../image/btn_mini_cal_prev.png) no-repeat 0 0; border:0}
div#m_dates div.schedule div.mini_cal div.select_month .btn_next {position:absolute; top:3px; right:5px; width:15px; height:15px; background:url(../image/btn_mini_cal_next.png) no-repeat 0 0; border:0}
div#m_dates div.schedule div.mini_cal .tbl_cal {border:0}
div#m_dates div.schedule div.mini_cal .tbl_cal th {width:23px; height:16px; padding:0; border:0; text-align:center; font-size:11px}
div#m_dates div.schedule div.mini_cal .tbl_cal th.sun,
div#m_dates div.schedule div.mini_cal .tbl_cal td.sun {color:#e03434}
div#m_dates div.schedule div.mini_cal .tbl_cal th.sat,
div#m_dates div.schedule div.mini_cal .tbl_cal td.sat {color:#1754bf}
div#m_dates div.schedule div.mini_cal .tbl_cal td {width:27px; height:16px; padding:0; border:0; text-align:center; font-size:11px}
div#m_dates div.schedule div.mini_cal .tbl_cal td a {color:#656565}
div#m_dates div.schedule div.mini_cal .tbl_cal td a.today {display:block; width:16px; height:13px; padding:2px; margin:0 auto; line-height:130%; color:#d85f31; font-weight:bold; text-align:center; text-decoration:none}
div#m_dates div.schedule div.mini_cal .tbl_cal td a.schedule {display:block; width:13px; height:13px; padding:2px; margin:0 auto; line-height:130%; border-radius:3px; background:#4a94d4; color:#fff; text-align:center; text-decoration:none}

div#m_dates div.schedule div.schedule_list {float:left; width:213px}
div#m_dates div.schedule div.schedule_list ul {padding:0 10px; margin:0; list-style:none}
div#m_dates div.schedule div.schedule_list li {margin:0 0 3px 0; line-height:18px}
div#m_dates div.schedule div.schedule_list span.date {margin-top:5px; padding:2px; background:#0b6ab3; color:#fff; font:bold 11px ng; letter-spacing:normal}
div#m_dates div.schedule div.schedule_list a {font-size:13px; color:#333}
div#m_dates div.schedule div.schedule_list a:hover {text-decoration:underline; color:#1682b3}
div#m_dates div.schedule div.schedule_list span.category_name {color:#888}

div#service_wrap {float:right}
div#service {margin-bottom:5px; padding:15px 20px; border-bottom:1px solid #aaa !important; border:1px solid #ddd}
div#service h1 {padding:0; margin:0 0 10px 0; font:bold 20px ng; color:#0250a1}
div#service p {float:left; width:170px; padding:10px; margin-right:20px; font-size:12px; line-height:16px; color:#555}
div#service ul.list_evaluation {padding:0; margin:0 0 5px 0; list-style:none}
div#service ul.list_evaluation li a {position:relative; display:block; width:160px; padding:6px 10px; margin-bottom:2px; font-size:13px; color:#fff}
div#service ul.list_evaluation li a span.icon {position:absolute; right:5px; top:7px; width:8px; height:13px; background:url(../image/image.png) no-repeat 0 -155px}
div#service ul.list_evaluation li.service a {background:#ccc; color:#222}
div#service ul.list_evaluation li.service2 a {background:#ccc; color:#222}
div#service ul.list_evaluation li.service3 a {background:#64a31b}
div#service ul.list_evaluation li.service4 a {background:#0c3d7f}

div#banner {width:100%; min-width:1100px; border-top:1px solid #cfd3d8}
div#banner ul.list_banner {width:1100px; margin:0 auto; padding:15px 0; list-style:none}
div#banner ul.list_banner:after {display:block; clear:both; content:""}
div#banner ul.list_banner li {float:left}
div#banner ul.list_banner li a {display:block; margin-right:10px}

/* 메인 슬라이드 */
div#visual {position:relative; width:100%; height:400px; margin-bottom:30px; background:url(../image/bg_header.jpg) repeat}
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:1100px;
	margin:auto;
	background:url(../image/bg_header.jpg) repeat;
	border:0;}

.slider{
	position:relative;
	width:100%;
/*	height:400px; when responsive, comment this out */
	margin:0 auto;

	background:url(../image/bg_header.jpg) repeat;
}



/* 서브 */
div#s_container {width:1100px; min-height:500px; margin:40px auto}
div#s_container:after {display:block; clear:both; content:""}

nav#lnb {float:left; width:190px; margin-right:50px}
nav#lnb h1 {margin:0; padding:10px; border-bottom:2px solid #87a3ba; font:bold 24px/120% 'ng'; line-height:24px; color:#505151}
nav#lnb h1 span.eng {display:block; margin:3px 0; font:normal 11px ng; color:#999}
nav#lnb ul.menu {margin:0; padding:0; list-style:none}
nav#lnb ul.menu li a {display:block; padding:6px 10px; border-bottom:1px dotted #ddd; font-size:16px; text-decoartion:none; color:#666}
nav#lnb ul.menu li a:hover {text-decoration:none; background:#eee; color:#333}
nav#lnb ul.menu li.selected a {border-bottom:none; background:#87a3ba url(../image/bullet_lnb.gif) no-repeat 175px 50%; color:#fff}

div#s_container div.contents {position:relative; float:left; width:860px}
div#s_container div.contents:after {display:block; clear:both; content:""}
h1.pagetitle {padding:0; margin:5px 0 40px 0; font:normal 33px 'ng'; color:#333}
div.navi {font-size:11px; color:#666}
div.navi em {font-style:normal; color:#87a3ba}

div.tab {margin:0 0 50px 0}
div.tab ul {padding:0; margin:0; list-style:none; *zoom:1}
div.tab ul:after {clear:both; display:block; content:''}
div.tab ul li {float:left; margin:2px;}
div.tab ul li a {display:table-cell; width:200px; height:85px; margin:0 3px 3px 0; padding:10px 5px; vertical-align:middle; text-align:center; border-top:2px solid #e3e3e3; background:#e3e3e3; color:#5a5a5a; font-weight:bold; line-height:15px; font-size:13px; letter-spacing:-0.3px; box-sizing:border-box}
div.tab ul li a span.eng {display:block; font-weight:normal !important; font-size:11px}
div.tab ul li a:hover {background:#b3e2e8; transition:all .3s; text-decoration:none}
div.tab ul li.selected {position:relative}
div.tab ul li.selected a {border-top:2px solid #103986; background:#00b5ca; color:#fff}

/* 컨텐츠 */
ol.list_num {margin:0 0 30px 0; padding:0; list-style:none}
ol.list_num > li {margin:0; padding:0 0 0 20px}
ol.list_num li span.num {margin:0 0 0 -16px}

ul.list_dot {padding:0; margin:0; list-style:none}
ul.list_dot li {padding-left:9px; background:url(../image/bullet_bar.gif) no-repeat 0 8px ; color:#555}

ul.list_bul {padding:0; margin:0 0 30px 0; list-style:none}
ul.list_bul li {padding-left:9px; background:url(../image/bullet_dot.gif) no-repeat 0 8px; color:#555}

ul.list_bul2 {padding:0; margin:0 0 30px 0; list-style:none}
ul.list_bul2 li {padding-left:9px; background:url(../image/bullet_bar2.gif) no-repeat 0 8px !important; color:#555}


table.tbl_list {margin-bottom:30px; border:0; border-top:2px solid #0076bf}
table.tbl_list th {padding:10px; border:0; border-bottom:1px dotted #87a3ba; background:#f8f8f8}
table.tbl_list td {padding:10px; border:0; border-bottom:1px dotted #ccc}

/* 인사말 */
div#greeting {}
div#greeting div.greeting_txt {}
div#greeting div.greeting_txt:after {display:block; clear:both; content:""}
div#greeting div.greeting_txt p {margin:0; padding:0 0 15px 0; font-size:14px; text-align:justify; color:#333}
div#greeting div.greeting_txt div.photo h5 {padding:0; margin:5px 0; font-size:13px}
div#greeting div.greeting_txt div.photo ul li {font-size:12px !important}
div#greeting div.greeting_txt div.photo {float:right; width:200px; margin-left:50px}
div#greeting div.name {margin:0; padding:5px; font-size:13px; text-align:right}
div#greeting div.name strong {font-size:15px}

/* 핵심연구원 */
ul.list_network {padding:0; margin:0; list-style:none}
ul.list_network:after {display:block; clear:both; content:""}
ul.list_network li {float:left; width:350px; min-height:100px; margin:10px 40px 10px 0; padding-bottom:10px; border-bottom:1px dotted #87a3ba; font:bold 13px ng; color:#555}
ul.list_network li span.name {display:block; padding:5px; margin-bottom:5px; background:#eee; font:bold 16px ng; color:#005aa8}
ul.list_network li span.affiliation {display:block; padding:5px 0; font:normal 12px ng; color:#333}

/* 조직도 */
ul.list_org {padding:0; margin:0; list-style:none}
ul.list_org:after {display:block; clear:both; content:""}
ul.list_org li {float:left; width:200px; margin:2px; padding:15px 15px 15px 30px; border:1px dotted #87a3ba; background:url(../image/bullet_dot.gif) no-repeat 15px 50%; font-weight:bold}

div.researcher_state {margin-bottom:30px}
div.researcher_state ul {padding:0; margin:10px 0; list-style:none}
div.researcher_state ul:after {display:block; clear:both; content:""}
div.researcher_state ul li {float:left; width:260px; margin-right:20px}
div.researcher_state ul li h3 {position:relative; width:203px; height:102px; padding:20px; margin:0; background:url(../image/bg_researcher.gif) no-repeat; font-size:20px; text-align:center; color:#fff}
div.researcher_state ul li h3 span.counting {position:absolute; right:15px; bottom:15px; font:normal 20px ng; color:#fff}
div.researcher_state ul li ul.list {padding:5px 0; margin:0; list-style:none}
div.researcher_state ul li ul.list li {clear:both; padding-left:10px; background:url(../image/bullet_dot.gif) no-repeat left 50%}

/* 시설 및 장비 */
div#equipment {}
ul.list_tab {padding:0; margin:0 0 30px 0; list-style:none}
ul.list_tab:after {display:block; clear:both; content:""}
ul.list_tab li {float:left}
ul.list_tab li a {display:block; width:250px; margin-right:5px; padding:10px; text-align:center; border-top:2px solid #777; background:#777; font-size:16px; color:#fff}
ul.list_tab li a:hover {text-decoration:none; border-top:2px solid #444; background:#444}
ul.list_tab li.selected a {border-top:2px solid #d35721; background:#e56c29; color:#fff}

table.tbl_equip {margin-bottom:30px; border:0}
table.tbl_equip th {padding:5px 10px; border:1px solid #d0dce4; border-top:2px solid #0076bf; background:#eee; text-align:left}
table.tbl_equip th.equip_info {padding:5px 10px; border:1px solid #d0dce4; border-top:2px solid #0076bf; background:#fff; font-weight:normal; color:#444}
table.tbl_equip td {padding:5px 10px; border:1px solid #d0dce4}
table.tbl_equip td.disease {background:#eee; text-align:center}

/* 비전 및 목표 */
div.vision {margin-bottom:30px; padding:15px; border:1px dotted #87a3ba; border-radius:2px; letter-spacing:-0.5px; color:#555}
div.vision > p {margin:10px 0; padding:0; text-align:center; font:bold 20px ng}

div#background h4.subject3 {position:relative; padding:0 5px; margin:5px 0; color:#444}
div#background h4.subject3 > span.dsc {display:block; position:absolute; right:0; bottom:0; font:normal 12px ng; color:#666}

table.tbl_background {margin-bottom:50px; border:0; border-top:2px solid #0076bf}
table.tbl_background thead th {padding:10px; border:0; border:1px dotted #87a3ba}
table.tbl_background tbody th {padding:10px; border:0; border:1px solid #ccc; background:#eee}
table.tbl_background tbody td {padding:10px; border:0; border:1px solid #ccc}
table.tbl_background tbody td.impact {border:2px solid #d85f31; background:#e77e56; font-weight:bold; color:#fff}

/* 신청 방법 */
div#step_wrap {margin-bottom:30px}
div#step_wrap:after {display:block; clear:both; content:""}
div#step_wrap div.step {position:relative; float:left; width:120px; margin-right:25px; padding:0}
div#step_wrap div.step > h2 {padding:5px 0 3px 0; margin:0; font-size:15px; color:#666;}
div#step_wrap div.step > h3:after {position:absolute; top:60px; right:-20px; content:url(../image/step_arrow.gif)}
div#step_wrap div.step > h3 {display:table-cell; width:100px; height:60px; margin:0; padding:10px; vertical-align:middle; text-align:center; font:normal 16px ng; color:#fff}
div#step_wrap div.step > h3.step1 {background:#555555;}
div#step_wrap div.step > h3.step2 {background:#4c81b3;}
div#step_wrap div.step > h3.step3 {background:#0d5599;}
div#step_wrap div.step > h3.step4 {background:#093c6b;}
div#step_wrap div.step > h3.step5 {background:#006a50;}
div#step_wrap div.step > h3.step6 {background:#d53f0a;}
div#step_wrap div.last_step {margin:0}
div#step_wrap div.last_step h3:after {content:""!important}
div#step_wrap div.step > p {margin:0; padding:10px; background:#6ba027; text-align:center; color:#fff}
div#step_wrap div.item {padding:10px; border-bottom:1px dotted #87a3ba}
div#step_wrap div.item > h4 {margin:0; padding:0; font-size:12px; letter-spacing:-0.4px}
div#step_wrap div.item ul {margin-bottom:5px !important; font-size:11px !important; letter-spacing:-0.3px;}

/* 오시는 길 */
div#location_page {}
div#location_page p.subway_info {}
div#location_page p.subway_info > span {font-weight:bold}
div#location_page p.subway_info > span.line_2 {color:#34b22a}
div#location_page p.subway_info > span.line_3 {color:#f95d2a}
div#location_page p.subway_info > span.line_7 {color:#5e6b00}
div#location_page p.subway_info > span.line_9 {color:#bd9d1b}
div#location_page p.bus_info > span {font-weight:bold}
div#location_page p.bus_info > span.line_bus {color:#061fb6}
div#location_page p.bus_info > span.line_bus2 {color:#50a232}
div#location_page p.bus_info > span.line_bus3 {color:#d01118}

/* 유효성평가 항목 */
div.column_wrap {margin-bottom:30px}
div.column_wrap:after {display:block; clear:both; content:""}
div.column_wrap div.column {float:left; width:50%}
div.column_wrap div.column h4 {padding:0 8px; margin:5px 0; border-left:2px solid #6ba027; font-size:16px; color:#666}
div.column_wrap div.column span.ps {font:bold 12px ng; color:#d85f31}

/* 연혁 */
div#history {}
div#history ol.list_his {margin:0; padding:0; list-style:none}
div#history ol.list_his li {}
div#history ol.list_his li:after {display:block; clear:both; content:""}
div#history ol.list_his li h1 {position:relative; float:left; width:110px; margin-left:10px; font:bold 24px Tahoma, Geneva, sans-serif; color:#555}
div#history ol.list_his li h1:after {position:absolute; top:0; right:-16px; width:22px; height:22px; content:url(../image/bullet_history.png)}
div#history ol.list_his ul.list_his {float:left; width:640px; min-height:55px; margin:0; padding:5px 0 20px 0; list-style:none; border-left:3px solid #eee}
div#history ol.list_his ul.list_his li {margin-left:40px; padding:10px 0 3px 10px; background:url(../image/bullet_bar.gif) no-repeat left 20px}

/* 참여연구원 */
div#part_researcher {display:flex; flex-wrap:wrap;}
div#part_researcher:after {display:block; clear:both; content:""}
div#part_researcher div.researcher {float:left; width:390px; margin:10px 10px 20px 0}
div#part_researcher div.researcher img {display:block; float:left; margin-right:10px}
div#part_researcher div.researcher p {font-size:14px}
div#part_researcher div.researcher p strong {font-size:16px; color:#6ba027}
div#part_researcher div.researcher p span.eng {font-size:12px; color:#444}
div#part_researcher div.researcher p a {font-size:13px; color:#2262b3}

/* 인트로페이지 */
div#intro_wrap {padding-bottom:80px; background:url(../image/bg_header.jpg) repeat;}
div#intro_con {width:1100px; margin:0 auto;}
div#intro_con h1.intro_logo {width:588px; height:151px; margin:0 auto; padding:60px 0; text-align:center; background:url(../image/logo.png) no-repeat 0 60px;}
div.intro_btn {width:770px; margin:0 auto; text-align:center;}
div.intro_btn:after {display:block; clear:both; content:"";}
div.intro_btn a {display:block; float:left; width:335px; height:155px; padding-top:80px; margin:0 20px; text-align:center; vertical-align:middle; font:bold 54px 'Open Sans', 'tahoma', sans-serif; color:#fff; transition:all 0.4s;}
div.intro_btn a.kor_btn {background:url(../image/kor_btn.png) no-repeat;}
div.intro_btn a.eng_btn {background:url(../image/eng_btn.png) no-repeat;}
div.intro_btn a:hover {text-decoration:none; background:url(../image/hover_btn.png) no-repeat;}

footer.intro_foot {width:1100px; margin:0 auto; border:0; text-align:center; font-size:12px; color:#666;}

.ex {font-size:13px; color:#777; font-style:italic;}


 .flow_banner_box {position:relative; width:1200px; margin:0 auto 50px auto; background:#fff; height:66px;}

 .flow_banner_box .flow_bann_area {position:absolute; top:15px; left:0}
 .flow_banner_box .flow_bann_area ul{*zoom:1; list-style:none; padding:0; margin:10px 0 0 30px;}
 .flow_banner_box .flow_bann_area ul:after {content:""; display:block; clear:both;}
 .flow_banner_box .flow_bann_area ul li {float:left; padding-right:15px;}
 .flow_banner_box .flow_bann_area ul li a {}
 .flow_banner_box .flow_bann_area ul li a img {border:1px solid #f2f2f2;}

/* Slide btn */
.flow_ctrl_box{}
.flow_ctrl_box a {position:absolute; top:25px; width:16px; height:26px; background-image:url(./images/flow_ctrl_side_btn.gif);}
.flow_ctrl_box a.back {left:0; height:27px; padding:15px 5px; text-align:center; background:#eee;}
.flow_ctrl_box a.next {top:45px; right:0; height:27px; padding:15px 5px; text-align:center; background:#eee;}
.flow_ctrl_box a.play {background:none; width:auto; height:auto; top:25px; right:28px; font-size:16px; color:#333; border-radius:15px; text-decoration:none;}
.flow_ctrl_box a.stop {background:none; width:auto; height:auto; top:50px; right:28px; font-size:16px; color:#333; border-radius:15px; text-decoration:none;}

div.dsc {padding:10px; background:#f9f9f9; border:1px dotted #d53f0a} 
div.dsc ul li {font-weight:bold; font-size:16px; color:#111111;}
a.link {font-weight:bold; color:#2776c7; text-decoration:underline;}