@charset "utf-8";

.pb30 {padding-bottom:30px;}

/* 타이틀 관련 */
.cont_title1 {font-family:나눔고딕,NanumGothic,NG; font-size:22px; font-weight:600; color:#2d83d2; letter-spacing:-2px;}
.cont_title2 {font-family:나눔고딕,NanumGothic,NG; font-size:17px; font-weight:600; padding-left:20px; background:url(../../images/contents/bu_cont_title2.gif) no-repeat 0 4px; color:#333; letter-spacing:-1px;}
.cont_title3 {font-family:나눔고딕,NanumGothic,NG; font-size:17px; font-weight:600; padding-top:14px; background:url(../../images/contents/bu_cont_title3.gif) no-repeat 0 4px; color:#555; letter-spacing:-1px;}
.cont_title_new {font-family:'NanumSquare', sans-serif; margin-bottom:5px; font-size:23px; line-height:100%; font-weight:600; letter-spacing:-1.2px; padding-left:28px; background:url('../../images/common/sub_h2_icon.png') no-repeat 0px 4px;}

/* 내용관련 */
.cont_box{padding:0 0 0 20px; letter-spacing:0;}
.list_st1 {color:#333; overflow:hidden;}
.list_st1 li{margin:4px 0; padding-left:15px; background:url(../../images/contents/bu_check.gif) no-repeat 0 3px; font-weight:bold;}
.list_st2 {color:#666; overflow:hidden;}
.list_st2 li{margin:4px 0; padding-left:10px; background:url(../../images/contents/bu_arrow.gif) no-repeat 0 4px; font-weight:normal;}
.list_st3 { color:#666; overflow:hidden;}
.list_st3 li{margin:4px 0; padding-left:10px; background:url(../../images/contents/bu_bar.gif) no-repeat 0 7px; font-weight:normal;}
.list_st4 {color:#666; overflow:hidden;}
.list_st4 li{margin:4px 0; padding-left:7px; background:url(../../images/contents/bu_dot2.gif) no-repeat 0 10px; font-weight:normal;}
.small_text{font-size:11px; color:#444;}
/* 리스트 관련 KSY 추가 */
ul.list_fl {overflow:hidden;}
ul.list_fl li.w90 {width:90%; float:left;}
ul.list_fl li.w60 {width:60%; float:left;}
ul.list_fl li.w45 {width:45%; float:left;}
ul.list_fl li.w35 {width:35%; float:left;}

.cont_text1 {padding-left:15px; line-height:22px; color:#333; font-weight:bold; font-size:12px; background:url(../../images/contents/bu_check.gif) no-repeat 0 3px; margin-top:5px;}
.cont_text2 {padding-left:10px; line-height:22px; color:#666; font-weight:normal; font-size:12px; background:url(../../images/contents/bu_arrow.gif) no-repeat 0 6px; }
.cont_text3 {padding-left:10px; line-height:20px; color:#666; font-weight:normal; font-size:12px; background:url(../../images/contents/bu_bar.gif) no-repeat 0 7px; }
.cont_text4 {padding-left:7px; line-height:20px; color:#666; font-weight:normal; font-size:12px; background:url(../../images/contents/bu_dot2.gif) no-repeat 0 10px; }


/* 프로세스화면 */
.cont_process_wrap{margin:10px 0 15px 0; position:relative; display:inline-block;}
.cont_process_wrap > ul > li{float:left;}
.cont_process_wrap > ul > li > img{margin-top:60px;}
.cont_process_wrap > ul > li > .cpw_wrap{box-shadow:0 0 5px 5px #e8e8e8; border-radius:10px; width:120px; margin:0 11px 0 11px;}
.cont_process_wrap > ul > li > .cpw_wrap > .cpw_top{background:#009ae2; border:1px solid #038dcd; color:#fff; border-radius:10px 10px 0 0; box-sizing:border-box; height:30px; text-align:center; padding:5px;}
.cont_process_wrap > ul > li > .cpw_wrap > .cpw_mid{background:#ffffff; color:#666666; box-sizing:border-box; height:80px; text-align:center; display:table-cell; vertical-align:middle; padding:5px; width:120px;}
.cont_process_wrap > ul > li > .cpw_wrap > .cpw_bot{background:#767676; border:1px solid #6d6d6d; color:#fff; border-radius:0 0 10px 10px; box-sizing:border-box; height:30px; text-align:center; padding:5px;}

/* 협약 및 출연 절차 */
.cont_process2_wrap{margin:10px 0 15px 0; position:relative; display:inline-block;}
.cont_process2_wrap > ul > li{float:left;}
.cont_process2_wrap > ul > li > p{margin:53px 0 0 -3px; position:absolute; color:gray;}
.cont_process2_wrap > ul > li > img{margin-top:74px;}
.cont_process2_wrap > ul > li > .cpw_wrap{box-shadow:0 0 5px 5px #e8e8e8; border-radius:10px; width:120px; margin:0 11px 0 11px;}
.cont_process2_wrap > ul > li > .cpw_wrap > .cpw_top{background:#009ae2; border:1px solid #038dcd; color:#fff; border-radius:10px 10px 0 0; box-sizing:border-box; height:65px; text-align:center; padding:14px 0 0 0; line-height:150%;}
.cont_process2_wrap > ul > li > .cpw_wrap > .cpw_top_green{background:#8cc63f !important; border:1px solid #76a735 !important;}
.cont_process2_wrap > ul > li > .cpw_wrap > .cpw_mid{background:#ffffff; color:#666666; box-sizing:border-box; border-radius:0 0 10px 10px; height:100px; text-align:center; display:table-cell; vertical-align:middle; padding:5px; width:120px; line-height:150%;}
.cont_process2_wrap > ul > li > .cpw_wrap > .cpw_bot{background:#767676; border:1px solid #6d6d6d; color:#fff; border-radius:0 0 10px 10px; box-sizing:border-box; height:30px; text-align:center; padding:5px;}

/* 기본 테이블 */
.tb_base {position:relative; width:100%; border-collapse:collapse; border-top:1px solid #3987cf; }
.tb_base caption span.summary{position:absolute; top:-9999px; visibility:hidden; overflow:hidden; height:0px; width:0px; }
.tb_base caption span.util{position:absolute; right:2px; top:-20px; font-size:11px; letter-spacing:-1px;}
.tb_base thead th {padding:10px 5px 8px 5px ; color:#2959a0; background:#fbfbfb; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.tb_base thead.thd_gray th {padding:10px 5px 8px 5px ; color:#444; background:#fbfbfb; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.tb_base thead th.br_none {border-right:0;}

.tb_base td {padding:10px 5px 8px 15px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; color:#666; text-align:left;}
.tb_base td.al_c {padding:10px 5px 8px 5px; text-align:center;}
.tb_base td.bl_none {border-left:0;}
.tb_base td.all_none {border:0;}
.tb_base th.th_bl {border-left:1px solid #dadada;}
.tb_base th.br_none {border-right:0;}

.tb_base tbody th{padding:10px 5px 8px 5px ; color:#444; background:#fbfbfb; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.tb_base tbody.tb_center td {padding:10px 5px 8px 5px; border-left:1px solid #dadada; border-bottom:1px solid #dadada;  color:#666; text-align:center;}
.tb_base tbody.tb_center td.bl_none {border-left:0;}
.tb_base tbody.tb_center td.ta_l {padding-left:15px; text-align:left; }
.tb_base .bl_line {border-left:1px solid #dadada;} /* KSY 20150526 추가 */

/* 신규 테이블 */
.cont_b_m03_table{width:100%; line-height:200%; margin:20px 0 35px 0;}
.cont_b_m03_table > thead{}
.cont_b_m03_table > thead > tr{font-size:15px; color:#313131;}
.cont_b_m03_table > thead > tr > th{font-weight:400; padding:20px 0; border-top:2px solid #313131; text-align:center; border-bottom:1px solid #313131;}
.cont_b_m03_table > tbody > tr{font-size:15px; color:#606167;}
.cont_b_m03_table > tbody > tr > td{font-weight:400; padding:20px 0; border-bottom:1px solid #e8e8e8; text-align:center;}


/* 공통탭 20140422 JMH 수정 */
.cont_tab {overflow:hidden; }
.cont_tab li{float:left; width:20%; }
.cont_tab li a{display:block; padding:8px 0 8px 0; margin:0 2px 2px 0; font-size:12px; letter-spacing:-1px; text-align:center; background:#ececec; color:#666; }
.cont_tab li a:hover,
.cont_tab li a:focus,
.cont_tab li a:active {background:#5d5d5d; color:#fff; text-decoration:none; }
.cont_tab li.first_tab a{margin-left:0; }

.cont_tab li a.on {background:#2959a0; color:#fff; font-weight:bold; text-decoration:none; }

/* 박스 스타일 */
.box_st_wrap1 {padding:10px; background:url(../../images/contents/bg_pattern.gif) repeat;}
.box_st_wrap1 .box {padding:15px; font-size:13px; line-height:22px; background:#fff;}
.box_st_wrap1 .box1 {padding:30px; font-size:13px; line-height:22px; background:url(../../images/contents/page1/bg_benis.gif) no-repeat right bottom #fff;} /* 성과공유제란 */
.box_st_wrap1 .box2 {padding:30px; font-size:13px; line-height:22px; background:url(../../images/contents/page1/bg_benis2.gif) no-repeat right bottom #fff;} /* 성과공유확인제도란? */
.box_st_wrap1 .box3 {padding:30px 220px 30px 30px; font-size:13px; line-height:22px; background:url(../../images/etc/bg_email.gif) no-repeat right center #fff;} /* 이메일 무단 수집거부 */
.box_st_wrap1 .box4 {padding:30px 260px 30px 30px; font-size:13px; line-height:22px; background:url(../../images/contents/page1/bg_info.gif) no-repeat right center #fff;} /* BENIS이용안내 */
.box_st_wrap1 .box5 {padding:30px 220px 40px 30px; font-size:13px; line-height:22px; background:url(../../images/contents/page4/bg_benis.gif) no-repeat right -5px #fff;} /* 다자간 성과공유제란? 1 */
.box_st_wrap1 .box6 {padding:30px 220px 40px 30px; font-size:13px; line-height:22px; background:url(../../images/contents/page4/bg_benis2.gif) no-repeat right top #fff;} /* 다자간 성과공유제란? 2 */
.box_st_wrap1 .box7 {padding:30px 220px 40px 30px; font-size:13px; line-height:22px; background:url(../../images/etc/bg_benis.gif) no-repeat right top #fff;} /* 사용방법안내 20150830 KSY 추가 */

.map_box {height:400px; padding:2px; font-size:13px; line-height:22px; background:#fff;} /* 오시는길 지도 */

.box_st_wrap2 {padding:20px; border:1px solid #e0e0e0; background:url(../../images/contents/bg_pattern.gif) repeat-x left 55px;}
.box_title {height:30px; font-family:나눔고딕,NanumGothic,NG; font-size:17px; font-weight:600; color:#555; letter-spacing:-1px;}

.box_st_wrap3 {padding:10px; border:1px solid #e0e0e0; background:#f7f7f7;}

/* 텍스트 색상 */
.pc_blue {color:#0b69b1;}
.pc_red {color:#f25953;}
.pc_gray {color:#333;}

/* 버튼 스타일 */
a.btn_down {font-size:12px; line-height:18px; font-weight:normal; vertical-align:middle; font-family:Gulim; padding:5px 10px 5px 30px; color:#fff; background:url(../../images/contents/bg_btn_down.gif) no-repeat 10px 50% #7d7e83;}
a.btn_move {font-size:12px; line-height:18px; font-weight:normal; vertical-align:middle; font-family:Gulim; padding:5px 25px 5px 10px; color:#fff; background:url(../../images/contents/bg_btn_move.gif) no-repeat right 50% #7d7e83;}
a.btn_del {font-size:12px; line-height:18px; font-weight:normal; vertical-align:middle; font-family:Gulim; padding:5px 25px 5px 10px; color:#fff; background:url(../../images/contents/bg_btn_del.gif) no-repeat right 50% #7d7e83;}
a.btn_plus {font-size:12px; line-height:18px; font-weight:normal; vertical-align:middle; font-family:Gulim; padding:5px 25px 5px 10px; color:#fff; background:url(../../images/contents/bg_btn_plus.gif) no-repeat right 50% #7d7e83;}
a.btn_check {font-size:12px;height:24px; line-height:18px; font-weight:normal; vertical-align:middle; border:0; font-family:Gulim; padding:5px 25px 5px 10px; color:#fff;  background:url(../../images/contents/bg_btn_check_b.gif) no-repeat right 50% #0b69b1;}
a.btn_manual {width:185px; height:50px; line-height:50px; display:inline-block; padding-right:25px; font-family:나눔고딕,NanumGothic,NG; font-size:18px; text-align:center; font-weight:600; color:#fff; background:url(../../images/contents/page1/bg_btn_manual.gif) no-repeat left top;}

.btn_inp_check {font-size:12px;height:24px; line-height:24px; font-weight:normal; vertical-align:middle; border:0; font-family:Gulim; padding:0 25px 0 10px; color:#fff;  background:url(../../images/contents/bg_btn_check_b.gif) no-repeat right 50% #0b69b1;}

/* input 스타일 */
.input_st {height:24px; line-height:24px; font-size:12px; vertical-align:middle; border:1px solid #e0e0e0; margin-left:5px;}
.input_st20 {width:20%; height:20px; line-height:20px; font-size:12px; vertical-align:middle; border:1px solid #e0e0e0;}
.input_st30 {width:30%; height:20px; line-height:20px; font-size:12px; vertical-align:middle; border:1px solid #e0e0e0;}
.input_st50 {width:50%; height:20px; line-height:20px; font-size:12px; vertical-align:middle; border:1px solid #e0e0e0;}
.input_st70 {width:70%; height:20px; line-height:20px; font-size:12px; vertical-align:middle; border:1px solid #e0e0e0;}

.textarea_st {height:200px; max-height:400px; line-height:20px; font-size:12px; border:1px solid #e0e0e0;}

/* button */
a.btn_medium {display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_medium span,
a.btn_medium strong {display:block;padding:1px 8px 0 12px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat}

a:hover.btn_medium{display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% -68px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a:hover.btn_medium span,
a:hover.btn_medium strong{display:block;padding:1px 8px 0 12px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 0 -68px;}

a.btn_medium_org {display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px; font-weight:bold; color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_medium_org span,
a.btn_medium_org strong {display:block;padding:1px 6px 0 10px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 0 -27px}

a:hover.btn_medium_org {display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% -95px;font-family:'돋움',dotum;font-size:11px; font-weight:bold; color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a:hover.btn_medium_org span,
a:hover.btn_medium_org strong{display:block;padding:1px 6px 0 10px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 0 -95px}

a.btn_medium_org2 {display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px; font-weight:bold; color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_medium_org2 span,
a.btn_medium_org2 strong {display:block;padding:1px 6px 0 10px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 0 -27px}

a:hover.btn_medium_org2 {display:inline-block;padding-right:4px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 100% -95px;font-family:'돋움',dotum;font-size:11px; font-weight:bold; color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a:hover.btn_medium_org2 span,
a:hover.btn_medium_org2 strong{display:block;padding:1px 6px 0 10px;background:url(/benis/images/wps/bg_btn_default.gif) no-repeat 0 -95px}