@charset "utf-8";

/* tab */
.tab1 {margin:20px 0 20px 0; padding:0 0 0px 0;border-bottom:1px solid #ccc; clear:both;}
.tab1 ul {margin:1px 0 0 0; padding:0;height:32px;  }
.tab1 ul li {float:left; text-align:center; height:31px; background:#ececec; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;display:inline;margin-right:-1px;}
.tab1 ul a, .tab ul span  {font-size:13px; color:#000;line-height:32px; height:32px;  display:block; padding:0 11px; }
.tab1 ul a:hover, .tab ul span:hover {color:#000; background:#f4f4f4; text-decoration:none;}
.tab1 ul li.tab_on {text-align:center; color:#000;  background:#fff; line-height:32px; height:32px; padding:0 10px;}/* tab_on*/
.tab1 ul li.tab_on a:hover {background-color:#fff;}
.tabBox1 {border:1px solid #ccc; border-top:0px solid #ccc; padding:0; margin:-20px 0 0 0; min-height:100px;}


/*R&D데이터요청*/
.data_request{position: relative; background: url(/rndgate/eg/images/ntis/content/new_ntis_contents3_bg.gif) repeat-y 0 0;}

.data_request_tab{ width:1080px; height:58px; margin-top:-1px; clear:both; }
.data_request_tab li{float:left; text-align:center;  width:50%; }
.data_request_tab a{border-left:solid 1px #dadada; display: block; line-height:58px; font-size:22px; }

.data_r_tab_on{border-top:solid 3px #f3833c;}
.data_r_tab_on span{color:#f37d34; font-weight:600;}
.data_r_tab_on span:hover{color:#1c1c1c;}

.data_r_tab_off{border-bottom:solid 1px #dadada; border-top:solid 1px #dadada; }
.data_r_tab_off span{color:#8b8b8b;}
.data_r_tab_off span:hover{color:#f37d34;}

.data_contents_tab{width:1080px; height:51px; clear:both; border-bottom:solid 1px #dadada; margin-top:10px;}
.data_contents_tab li{float:left; text-align:center; width:25%;}
.data_contents_tab a{font-size:16px; color:#1c1c1c; font-weight:600;display: block; border-left:solid 1px #dadada;}
.data_contents_tab a:hover{color:#de7a7a;}
.data_c_tab_on{background:#f2f2f2; border-top:solid 3px #de7a7a; line-height:48px; color:#de7a78;}
.data_c_tab_off{ line-height:52px; border-top:solid 1px #dadada;}

.data_request_cnt{ padding:25px 55px; position:relative; overflow: hidden;}

.data_request_item1{border-bottom:solid 1px #d7d7d7; padding-bottom:20px; margin-bottom:20px;}
.data_request_item1 li{display:inline;}

.item1_left_box{width:70%; letter-spacing:-1px; font-size:14px; color:#1c1c1c; font-weight:600;}
.item1_right_box{width:37.8%; position:absolute; top:100px; right:0px;}
.item1_text1{ font-size:20px;}
.item1_text2{font-size:12px; color:#7a7a7a;}

.data_request_item2{}
.data_request_tit1{font-size:20px; color:#2992bf; font-weight:600; letter-spacing:-1px;}
.data_request_img1{padding:50px 0 0 20px;}
.data_request_explanation{padding:35px 50px 20px 50px; border:solid 1px #d7d7d7; border-radius:5px 5px; background:#fff; margin-top:50px;}
.data_request_explanation .data_number1{ background:url(/rndgate/eg/images/ntis/data/icon_radius_bg1.png) no-repeat 0 0; text-align:center; font-size:12px; color:#fff; float:left; padding:1px 5px; line-height:13px; margin-top: 3px;}
.data_request_explanation  li{clear:both; margin-bottom:15px;}
.data_request_explanation dd{font-size:13px; color:#1c1c1c; font-weight:600; line-height:19px; margin-left: 25px;}





/* 도움말 */
.data_help_box 				{padding: 30px 30px 25px 30px; position: relative; background: url(/rndgate/eg/images/ntis/content/new_ntis_contents3_bg.gif) repeat-y 0 0;}

.data_help_tit					{font-size:14px; letter-spacing:-1px; color:#333333; padding-left: 5px;}
.data_help 						{height:auto; padding:13px 10px 15px 20px; background:#fff; border:solid 1px #d7d7d7; margin:7px 0 20px 0; clear:both; border-radius:7px 7px;}
.data_help li 					{font-size:12px; color:#535353; padding-left:25px; background:url(/rndgate/eg/images/ntis/icon/icon_data_help.gif) no-repeat 0 2px; line-height:20px;}
.data_help_text1 				{color:#00a651; }
.data_help_text2 				{color:#0874d8;}


/*버튼*/
a.btn_item1{border:solid 1px #d7d7d7; border-radius:3px 3px; padding:10px 35px 10px 33px; position:absolute; top:90px; right:252px;}
a.btn_item1 span{font-size:13px; color:#1c1c1c; font-weight:600;}
a.btn_item1:hover{border:solid 1px #d7d7d7; border-radius:3px 3px; padding:10px 35px 10px 33px;}

a.btn_item2{border:solid 1px #d7d7d7; border-radius:3px 3px; padding:10px 12px 10px 41px; position:absolute; top:90px; right:60px;}
a.btn_item2 span{font-size:13px; color:#1c1c1c; font-weight:600;}
a.btn_item2:hover{border:solid 1px #d7d7d7; border-radius:3px 3px; padding:10px 12px 10px 41px;}

.btn_btitle_box{text-align:right; margin:20px 0 10px }
.btn_box_center {width: 100%;text-align: center;}


/*R&D데이터요청_다운로드*/
.data_table_box1{margin-top:5px;}

.rq_table{width:100%; border-top:solid 2px #cecece;}
.rq_table th{background:#f3f3f3; font-size:13px; letter-spacing:-1px; color:#202020; text-align:right; border-bottom:solid 1px #cecece; padding: 0 11px 0 0; height:45px;}
.rq_table td{color:#6d6d6d; text-align:left; border-bottom:solid 1px #cecece; padding: 6px 0 6px 11px; line-height:20px;}
.rq_table td input {} /*2017 삭제*/
.rq_table td select {} /*2017 삭제*/
.rq_table td textarea {width: 90%; height: 40px; }


/* 서약서 */
.data_oath_box 				{padding: 30px 30px 25px 30px; position: relative; border: 1px solid}

.data_oath_tit					{font-size:14px; letter-spacing:-1px; color:#333333; padding-left: 5px;}
.data_oath 						{height:auto; padding:13px 10px 25px 15px; background:#fff; border:solid 1px #d7d7d7; margin:7px 0 20px 0; clear:both; border-radius:7px 7px;}
.data_oath li 					{font-size:13px; color:#535353; padding-left:30px; line-height:20px;}
.data_oath li.title 				{font-size:14px; font-weight: 600; color: #333333; padding-top: 5px; line-height: 30px;}

.data_oath_text1 				{color:#00a651; }
.data_oath_text2 				{color:#0874d8;}


/* 20180817  중장기계획*/
.mid_long_table{width:100%; border-top:solid 2px #cecece;}
.mid_long_table th{background:#f3f3f3; font-size:13px; letter-spacing:-1px; color:#202020;  border-bottom:solid 1px #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; height:45px; font-weight: 600; line-height: 20px;}
.mid_long_table th.right{background:#f3f3f3; font-size:13px; letter-spacing:-1px; color:#202020;  border-bottom:solid 1px #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; height:45px; font-weight: 600; line-height: 20px; text-align: right; padding-right: 10px;}
.mid_long_table td{color:#6d6d6d; text-align:left; border-bottom:solid 1px #cecece; border-left:1px solid #cecece; border-right: 1px solid #cecece;  padding: 6px 0 6px 11px; line-height:20px;}
.mid_long_table td textarea {width: 90%; height: 40px; }

.mid_long_tablePop{width:100%; border-top:solid 2px #cecece;}
.mid_long_tablePop th{background:#f3f3f3; font-size:13px; letter-spacing:-1px; color:#202020;  border-bottom:solid 1px #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; height:45px; font-weight: 600; line-height: 20px;}
.mid_long_tablePop td{color:#6d6d6d; text-align:center; border-bottom:solid 1px #cecece; border-left:1px solid #cecece; border-right: 1px solid #cecece;  padding: 6px 0 6px 0; line-height:20px;}
.mid_long_tablePop td textarea {width: 90%; height: 40px; }

.mid_long_table_in {width:98.5%;}
.mid_long_table_in th{text-align: center; background: #fff; border-top:1px solid #cecece;}
.mid_long_table_in td{text-align: center; padding-left:0px; padding-right:0px;}
.mid_long_table_in td.left{text-align: left; padding-left:5px; padding-right:0px;}

.pdlr_no {padding-left:0px !important; padding-right:0px !important;}

.w80_line {width:80%; border:solid 1px #cecece;}
.w60_line {width:60%; border:solid 1px #cecece;}
.tc_td td {text-align: center !important; padding-left:0px; padding-right:0px;}

.grp_left {float:left; width:40%;}
.grp_right {float:right; width:50%;}

.blue_bg {background:#eef7fe;}



/* =============================================
 20190821 분류체계 기반 국가 R&D 분석
===============================================*/

.eval_cnt_box {position: relative; border:1px solid #cecece;}
.eval_cnt_box p {position: absolute; top:10px; right:40px; font-size:13px; font-weight: bold;}
.eval_cnt_box table {width:100%; border-collapse:inherit; border-spacing: 7px; padding:30px;}
.eval_cnt_box table thead th {text-align: center; background: #5babe8; color:#fff; font-size:15px; font-weight: bold; padding:10px 0px; border-radius: 5px; border:1px solid #4995cf;}
.eval_cnt_box table tbody th {text-align: center; background: #f2f2f2; border:1px solid #cecece; border-radius: 5px; padding:10px 0px;}
.eval_cnt_box table tbody td { text-align: center;border:1px solid #cecece; border-radius: 5px; padding:10px 0px;}
.eval_cnt_box table .cnt_bg {background: #f6fbff;}




.category_wrap {width:100%;}
.category_all_box {width:100%; overflow: hidden;}

.gory_box {float:left; margin-left:13px; border:1px solid #cecece; border-top:2px solid #2E343F; height: 356px;}
.gory_box h2 {color:#fff; font-size:16px; font-weight: 600; text-align: center; padding:15px 0px; background: #abaaaa;}
.gory_box ul li {position: relative;}
.gory_box ul li a {display: block; padding:10px 30px 10px 10px; font-size:13px; text-overflow: ellipsis;  overflow: hidden; margin-bottom:5px;}
.gory_box ul li a:hover {color:#377def;}
.gory_box ul li a.cat_on {background: #787878 !important; color:#fff;}
.gory_box ul li a.cat_sub {background: #F6FBFF !important; color:#377DED;}
.gory_box ul li a.cat_sub2 {background: #F6FBFF00 !important; color:#377DED; border-radius: 50px; border: 1.5px solid #377DED;}
.gory_box ul li a.cat_off {background: #787878 !important; color:#fff;}
.gory_box ul li a.cat_on span {background: url(../design/images/cat_on.png) no-repeat !important; color:#fff;}
.gory_box ul li a.cat_sub span {top:11px; right:18px; background: url(../design/images/arrow.png) no-repeat !important; width: 17px; height: 17px; color:#fff;}
.gory_box ul li a.cat_off span {background: url(../design/images/cat_on.png) no-repeat !important; color:#fff;}

.gory_box ul li a p {height:23px;line-height:23px;}

.gory_box ul li span {position: absolute; top:17px; right:11px; background: url(../design/images/arrow_gray.png) no-repeat; width: 17px; height: 17px;}
.gory_box ul { height: 303px; overflow-y: auto;}

.w150px {width:150px !important;}
.w220px {width:220px !important;}
.w690px {width:690px !important;}

.category_wrap ::-webkit-scrollbar{width: 7px;}
.category_wrap ::-webkit-scrollbar-track {background-color:#fff;}
.category_wrap ::-webkit-scrollbar-thumb {background-color:#cecece;border-radius: 10px;}
.category_wrap ::-webkit-scrollbar-thumb:hover {background: #555;}
.category_wrap ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display: none;}


.s_group_wrap {width:100%;}
.s_group_box {width:100%; border:1px solid #cecece; border-bottom:none;}
.s_group_box table {width:100%;}
.s_group_box th {background: #f3f3f3; padding:15px 0px 15px 20px; font-weight: 600; text-align: left; border-bottom:1px solid #cecece;}
.s_group_box td {background: #fff; padding:15px 0px 15px 20px; font-weight: 600; text-align: left; border-bottom:1px solid #cecece;}
.s_group_box tbody td {height: 150px !important; vertical-align: top; line-height: 30px; padding:20px 30px; font-weight: 100;}



.h151px {height:151px !important;}
.search_list_text {padding:10px 0px;}
.search_list_text p {font-size:14px; color:#434343; line-height: 25px;}


.comparison_wrap {position: relative; overflow: hidden; height: 40px; margin-top:20px;}
.comparison_box p {border:1px solid #cecece; background: #9b9b9b; color:#fff; font-weight: bold; padding:5px 20px; text-align: center; font-size:20px; border-radius: 5px; width:100px; z-index: 99; position: absolute; left:42%;}
.comparison_box:before {content: ""; border:1px solid; position: absolute; top:15px; width:100%; color:#9b9b9b; z-index: 80;}

.sumy_box {border:1px solid #cecece; background: #fff; float:left; margin-right:30px;  height: 40px !important; width:65%; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sumy_box p {display: inline-block;font-size:15px; line-height: 35px; padding:0px 1px; color:#6f6f6f; font-weight: bold;}
.sumy_box p span {color:#6f6f6f; padding:0px 10px 0px 5px;}

.sumy_box .sumy_on {color:#0874d7;}





.visual_wrap {width:100%;}
.visual_box {width:100%; border:1px solid #cecece; }
.visual_box h2 {background: #aba9aa; text-align: center; padding:15px 0px; color:#fff; font-weight: bold; font-size:23px;}

.visual_graph_box {position: relative; padding:20px 0px;}
.visual_graph_box h3 {text-align: center; font-weight: bold; font-size:18px; padding:10px 0px;}
.visual_graph_text {position: absolute; top:25px; right:5px;}
.visual_graph_text ul li {float:left; margin:0px 15px; line-height: 40px; position: relative; font-size:13px;}
.visual_graph_text .orange_bg:before {content: ""; width:15px; height:15px; background: #ff8335; display: block; position: absolute; top:11px; left:-20px;}
.visual_graph_text .gray_bg:before {content: ""; width:15px; height:15px; background: #9b9b9b; display: block;position: absolute; top:11px; left:-20px;}
.visual_graph {text-align: center; margin:30px 20px; background: #9B5C5D; min-height: 300px;}
.sky_th_bg th {background: #deefff !important;}

.visual_graph_table {padding:5px 20px; position: relative;}
.visual_graph_table span {position: absolute; top:22px; right:20px;}
.visual_graph_table table {width:100%; border-top:1px solid #cecece; text-align: center; margin-top:30px;}
.visual_graph_table table th {padding:15px 0px; background: #ededed; font-weight: 600; font-size:14px; color:#4c4c4c; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.visual_graph_table table td {border:1px solid #eaeaea;}
.visual_graph_table table td:last-child{border-right:none !important;}