@charset "utf-8";

/* Animation */
.chart_box .btn_detail:after,
.item .summery .btn_rfp,
.layer_chart .btn_close:after,
.tech_tag ul li a,
.ai_tag ul li a,
.business_detail .btn:before,
.compare_list .toggle:after,
.compare_popup .btn:before,
.compare_popup .layer_pop .btn_close:after
{transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}

/* Commmon */
.fadein {position:relative;
animation-name:fadeIn;
animation-duration: 0.5s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-direction: alternate;
animation-timing-function: ease;
-webkit-animation-name:fadeIn;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease;}
@keyframes fadeIn {
	0%   {opacity:0; top:30px;}
	100%   {opacity:1; top:0px;}
}
@-webkit-keyframes fadeIn {
	0%   {opacity:0; top:30px;}
	100%   {opacity:1; top:0px;}
}
.fadein.off {animation-name:none; -webkit-animation-name:none;}
.fadein.num1 {animation-delay: 0.5s; -webkit-animation-delay: 0.5s;}
.fadein.num2 {animation-delay: 0.7s; -webkit-animation-delay: 0.7s;}
.fadein.num3 {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;}
.fadein.num4 {animation-delay: 1.1s; -webkit-animation-delay: 1.1s;}
.fadein.num5 {animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.fadein.num6 {animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.fadein.num7 {animation-delay: 1.7s; -webkit-animation-delay: 1.7s;}
.fadein.num8 {animation-delay: 1.9s; -webkit-animation-delay: 1.9s;}
.fadein.num9 {animation-delay: 2.1s; -webkit-animation-delay: 2.1s;}
.chart_box {position:relative;}
.chart_box h4 {font-size:18px; color:#000; line-height:24px; margin-bottom:15px; margin-right:35px;} 
.chart_box .btn_detail {display:block; width:35px; height:35px; background:#30a0d7; overflow:hidden; position:absolute; right:0; top:-7px; z-index:10; text-indent:-9999px;
border-radius:50%; -webkit-border-radius:50%;}
.chart_box .btn_detail:after {content:"";display:block;width:100%;height:100%;background:url(../images/content/more_bul.png) no-repeat center 50%;position:absolute;left:0;top:0;}
.chart_box .btn_detail:hover:after,
.chart_box .btn_detail:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.chart_box .chart {height:/* 170 */230px; overflow:hidden;}
.chart_box .chart img {display:block; margin:0 auto; max-height:100%;}
.grid_wrap {}
.grid_wrap:after {content:""; display:block; clear:both;}
.grid_wrap .fl_center {float:left; width:100%;}
.grid_wrap .fl_left {float:left; width:66.666%;}
.grid_wrap .fl_right {float:left; width:33.334%;}
#content .item h3.title {margin:0 0 15px 0;}
.item {padding:15px; box-sizing:border-box;}
.item .inner {background:#fff; box-sizing:border-box; border:1px solid #c5d3eb; border-radius:5px; -webkit-border-radius:5px; padding:20px;
box-shadow:3px 3px 7px #d7dfee; -webkit-box-shadow:3px 3px 7px #d7dfee;}
.item .inner.opacity {background:rgba(255,255,255,0.6);}
.item .item {padding:15px 0 0 0;}
.item .item .inner {box-shadow:none; -webkit-box-shadow:none; border:1px solid #e2e2e2;}
.item_group {}
.item_group:after {content:""; display:block; clear:both;}							
.item_group.size2 {}
.item_group.size2 .item {float:left; width:50%;}				
.item_group.size3 .item {width:33.333%; float:left; padding:15px;}
.item .summery {position:relative;}
.item .summery .title {font-size:20px; line-height:26px; border-bottom:1px solid #c6cbd4; padding-bottom:15px; position:relative; padding-left:20px; padding-right:140px; margin-bottom:0;}
.item .summery .title:before {content:""; display:block; width:6px; height:6px; border:3px solid #30a0d7; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:7px;}
.item .summery .title:after {content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px;}
.item .summery .title span {font-size:16px; display:inline-block; margin-left:15px;}
.item .summery .tag {padding-left:20px; margin-top:15px;}
.item .summery .tag:after {content:""; display:block; clear:both;}
.item .summery .tag li {float:left; margin:0 20px 0 0;}
.item .summery .btn_rfp {position:absolute; font-weight:400; right:0; top:-10px; z-index:10; text-decoration:none; display:inline-block; vertical-align:top; background:#fff; font-size:18px; padding:6px 15px 6px 45px; color:#000; box-sizing:border-box; height:42px; border-radius:21px; -webkit-border-radius:21px; border:1px solid #c5d3eb;}
.item .summery .btn_rfp:before {content:""; display:block; width:32px; height:32px; background:#b30b00 url(../images/common/rfp_ico.png) no-repeat center 50%; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:4px; top:50%; margin-top:-16px;}
.item .summery .btn_rfp:hover,
.item .summery .btn_rfp:active {color:#b30b00; border-color:#b30b00;}
.item .plan_list {margin-top:25px;}
.item .plan_list:after {content:""; display:block; clear:both;}
.item .plan_list li {position:relative; margin-top:7px;}
.item .plan_list li strong {background:#a9bdd7; color:#fff; text-align:center; padding:2px; box-sizing:border-box; font-weight:400; width:120px; display:block; position:absolute; left:0; top:0;
 border-radius:3px; -webkit-border-radius:3px; font-size:15px; font-weight:400;}
.item .plan_list li span {margin-left:130px; display:block;}					
.item .fl_type {position:relative; padding-left:185px; margin-bottom:30px;}
.item .fl_type:after {content:""; display:block; clear:both;}
.item .fl_type h3.title {position:absolute; left:0; top:0;}									
.item .infor {}
.item .infor p.agency {border-bottom:1px solid #e2e2e2; padding-bottom:15px; margin-bottom:15px; font-size:17px; font-weight:400;}	
.item .infor p.agency strong {font-size:18px; font-weight:500;}																						
.item .item_group.size2 {width:100%;}
.item .item_group.size2 .item {padding-left:15px; width:50%; float:left; padding-top:0;}
.item .item_group.size2 .item:first-child {padding-left:0; padding-right:15px;}
.layer_chart {position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; background:rgba(0,0,0,0.6); display:none;}
.layer_chart .inner {width:640px; height:670px !important; left:50%; top:50%; margin:-335px 0 0 -325px; position:absolute; z-index:10; padding:0 !important; box-shadow:none; -webkit-box-shadow:none; border:0 !important;
 border-radius:8px; -webkit-border-radius:8px; overflow:hidden; background:none;}
.layer_chart h5.title {background:#6495c6; color:#fff; padding:10px 20px; box-sizing:border-box; height:56px; font-size:24px; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;}
.layer_chart .cont {background:#fff; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; box-sizing:border-box; height:614px; overflow:auto;}
.layer_chart .cont .list {background:#f0f0f0; padding:15px 20px;}
.layer_chart .cont .list li {margin-top:5px; padding-left:100px; position:relative;}
.layer_chart .cont .list li:before {content:""; display:block; width:3px; height:3px; background:#000; position:absolute; left:0; top:12px;}
.layer_chart .cont .list li:first-child {margin-top:0;}
.layer_chart .cont .list li span {display:inline-block; vertical-align:top;}
.layer_chart .cont .list li span.subject {width:90px; position:absolute; left:10px; top:0;}
.layer_chart .cont .chart {overflow:hidden; height:170px; margin:20px;}
.layer_chart .cont .chart img {display:block; margin:0 auto; max-height:100%;}
.layer_chart .cont .table {margin:0 20px 20px 20px; border-bottom:1px solid #e1e1e1;}
.layer_chart .cont .table table th,
.layer_chart .cont .table table td {border:0; border-top:1px solid #fff; font-size:15px; padding:8px;}
.layer_chart .cont .table table th {background:#c8dbef;}
.layer_chart .cont .table table tbody tr {background:#f5f5f5;}
.layer_chart .cont .table table tbody tr:nth-child(odd) {background:#fff;}
.layer_chart .cont .table table tbody tr td {background:none;}
.layer_chart .btn_close {display:block; width:40px; height:40px; overflow:hidden; position:absolute; right:15px; top:8px; text-indent:-9999px;} 
.layer_chart .btn_close:after {content:""; display:block; width:100%; height:100%; background:url(../images/common/close_ico.png) no-repeat center 50%; position:absolute; left:0; top:0;}
.layer_chart .btn_close:hover:after,
.layer_chart .btn_close:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.tech_tag {position:relative; margin-top:20px;}
.tech_tag ul:after {content:""; display:block; clear:both;}
.tech_tag ul li {float:left; margin-right:5px; margin-bottom:5px;}
.tech_tag ul li a {display:block; text-decoration:none; text-align:center; color:#202020; font-size: 14px; background:#fff; border:1px solid #C6CEDA; padding:7px 14px; border-radius:20px; box-sizing: border-box; -webkit-border-radius:20px;}
.tech_tag ul li a.act,
.tech_tag ul li a:hover,
.tech_tag ul li a:active {background:#4A7EFF; border:1px solid #4A7EFF; color:#fff;}	

.search_kwd_form {
	position: relative;
	box-sizing: border-box;
	width: auto;
	margin-left: 12px;
	margin-right: 5px;
}
.search_kwd_form input[type="text"] {
	box-sizing: border-box;
	height: 38px;
	line-height: 38px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #C6CEDA;
	width: 260px;
	padding: 0 38px 0 10px;
	background: #fff;
	float: left;
}
.search_kwd_form input[type="submit"] {
	position: absolute;
	right: 0;
	top:0;
	box-sizing: border-box;
	width: 38px;
	height: 38px;
	border: 0;
	background:url(../images/content/search_ico2.png) no-repeat center center;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}

.search_kwd_form input[type="text"]::-webkit-input-placeholder {color:#888; font-size: 13px;}
.search_kwd_form input[type="text"]:-moz-placeholder {color:#888; font-size: 13px;}
.search_kwd_form input[type="text"]::-moz-placeholder {color:#888; font-size: 13px;}
.search_kwd_form input[type="text"]:-ms-input-placeholder {color:#888; font-size: 13px;}

.btn_tag_modify{position: relative; width: 38px; height: 38px; background:#70758E; border-radius: 4px; border: 1px solid #70758E; cursor: pointer; text-indent: -9999px; box-sizing: border-box; vertical-align: top;}
.btn_tag_modify::after{position: absolute; left: 50%; top:50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; content: ''; background:url(../images/content/sett_ico.png) no-repeat center center;}

.ai_tag {position:relative; margin-top:8px;}
.ai_tag ul:after {content:""; display:block; clear:both;}
.ai_tag ul li {float:left; margin-right:5px; margin-bottom:5px;}
.ai_tag ul li a {position: relative; display:block; text-decoration:none; text-align:center; color:#202020; font-size: 14px; background:#fff; border:1px solid #C6CEDA; padding:7px 14px 7px 35px; border-radius:20px; box-sizing: border-box; -webkit-border-radius:20px;}
.ai_tag ul li a::before{position: absolute; left: 8px; top: 8px; content: ''; width: 21px; height: 21px; background:url(../images/content/stella_ico.png) no-repeat center center; }
.ai_tag ul li a.act,
.ai_tag ul li a:hover,
.ai_tag ul li a:active {background:#4AA3F5; border:1px solid #4AA3F5; color:#fff;}	
																
/* 1. 종합정보 */				
#sub1 .item.num2 >.inner .fl_type {background:url(../images/content/sub1_projectbg.jpg) no-repeat 15px 50px; padding-left:250px;}
#sub1 .item.num4 >.inner .chart {height:140px;}
#sub1 .table table td {background:#f2f2f2;}

/* 2. 기술동향 정보 */
#sub2 .search_form {position:relative;}
#sub2 .search_form .form {position:absolute; box-sizing:border-box; padding-right:41px; overflow:hidden; right:15px; top:-53px; z-index:10; border:1px solid #b9bede; box-sizing:border-box; width:400px; height:38px; border-radius:20px; -webkit-border-radius:20px; background:#fff;}
#sub2 .search_form .form input {border:0;}
#sub2 .search_form .form input[type="text"] {height:36px; line-height:36px; width:100%; box-sizing:border-box; padding:0 15px;}
#sub2 .search_form .form input[type="text"]::-webkit-input-placeholder {color:#bcbcbc;}
#sub2 .search_form .form input[type="text"]:-moz-placeholder {color:#bcbcbc;}
#sub2 .search_form .form input[type="text"]::-moz-placeholder {color:#bcbcbc;}
#sub2 .search_form .form input[type="text"]:-ms-input-placeholder {color:#bcbcbc;}
#sub2 .search_form .form input[type="submit"] {width:36px; height:36px; position:absolute; right:5px; top:0; overflow:hidden; text-indent:-9999px; background:url(../images/content/search_ico.png) no-repeat center 50%;}
#sub2 .kisti_infor .opacity {border-color:#fff; background:none !important;}
#sub2 .kisti_infor .fl_type {padding-left:100px; margin-bottom:0 !important;}
#sub2 .kisti_infor .fl_type h5.title {top:5px !important; position:absolute !important; left:0 !important; font-size:18px; font-weight:400;}
/*#sub2 .kisti_infor .search_form {position:relative; box-sizing:border-box; box-sizing:border-box; width:405px;}
#sub2 .kisti_infor .search_form:after {content:""; display:block; clear:both;}
#sub2 .kisti_infor .search_form input[type="text"] {box-sizing:border-box; height:38px; line-height:38px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #b9bede; width:260px; padding:0 38px 0 10px; background:#fff url(../images/content/search_ico.png) no-repeat 96% 50%; float:left;}
#sub2 .kisti_infor .search_form input[type="submit"] {display:block; width:auto; height:38px; border:0; color:#323c9c; background:#b9cbe9; overflow:hidden; border-radius:4px; -webkit-border-radius:4px; cursor:pointer; padding:0 20px; position:absolute; right:0; top:0;}*/
#sub2 .kisti_infor .search_form {position:relative; box-sizing:border-box; box-sizing:border-box; width:auto;}
#sub2 .kisti_infor .search_form:after {content:""; display:block; clear:both;}
#sub2 .kisti_infor .search_form input[type="text"] {box-sizing:border-box; height:38px; line-height:38px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #b9bede; width:260px; padding:0 38px 0 10px; background:#fff; float:left;}
#sub2 .kisti_infor .search_form input[type="submit"] {box-sizing:border-box; width:38px; height:38px; border:0; background:#b9bede url(../images/content/search_ico2.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px; border-radius:4px; -webkit-border-radius:4px; cursor:pointer; margin-left: 5px;}
#sub2 .kisti_infor .search_form input[type="button"] {box-sizing:border-box; width:auto; height:38px; border:0; color:#323c9c; background:#b9cbe9; overflow:hidden; border-radius:4px; -webkit-border-radius:4px; cursor:pointer; padding:0 20px;}
#sub2 .kisti_infor .infor {margin-top:15px; margin-left:10px;}
#sub2 .kisti_infor .infor:after {content:""; display:block; clear:both;}
#sub2 .kisti_infor .infor li {position:relative; padding:0 0 0 70px; margin-top:5px;}
#sub2 .kisti_infor .infor li:first-child {margin-top:0;}
#sub2 .kisti_infor .infor li span {display:block;}
#sub2 .kisti_infor .infor li span.subject {color:#30a0d7; position:absolute; left:0; top:0;}
#sub2 .kisti_result {padding:0 15px 15px 15px;}
#sub2 .kisti_result li {margin-bottom:5px; padding:0 0 0 17px; position:relative;}
#sub2 .kisti_result li:before {content:""; display:block; width:3px; height:3px; background:#000; position:absolute; left:7px; top:11px; border-radius:50%; -webkit-border-radius:50%;}
#sub2 .kisti_result li span {color:#293077;}

/* 3. 연구개발계획서 요약 */
#sub3 .grid_wrap .fl_left {width:60%;}
#sub3 .grid_wrap .fl_right {width:40%;}
.business_detail {text-align:right; margin-top:-45px; display:none;}
.business_detail .btn {display:inline-block; vertical-align:top; margin-left:10px; background:#fff; position:relative; min-height:34px; border-radius:17px; -webkit-border-radius:17px; padding-right:30px;}
.business_detail .btn span {display:inline-block; vertical-align:top; height:100%; box-sizing:border-box; padding:5px 15px; font-size:15px; color:#000; max-width:145px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.business_detail .btn:before,
.business_detail .btn:after {content:""; display:block; position:absolute; right:0; top:0; width:34px; height:34px; border-radius:50%; -webkit-border-radius:50%;}
.business_detail .btn:before {background:url(../images/content/more_bul.png) no-repeat center 50%; z-index:10;}
.business_detail .btn:after {background:#30a0d7;}
.business_detail .btn:hover:before,
.business_detail .btn:active:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.business_list {}
.business_list li {position:relative; padding:0 0 0 90px;}
.business_list li.no_title {padding:0;}
.business_list li p.title {width:90px; position:absolute; margin-bottom:0; left:0; top:0; font-size:13px; line-height:18px; border-top:1px solid #fff; background:#d4deeb; padding:8px 10px ; height:100%; box-sizing:border-box;}
.business_list li p.title span {color:#e40808;}
.business_list li .cont {border-top:1px solid #d4deeb;margin-left:20px;}
.business_list li.no_title .cont {border-top:0;}
.business_list li:first-child p.title,
.business_list li:first-child .cont {border:0;}
.business_list .cont p {padding:8px 10px; margin:0; font-size:13px; line-height:18px;}
.business_list .cont .table table th {background:#e9eef5;}
.business_list .cont .table table th span {color:#e40808;}
.business_list .cont .table table th,
.business_list .cont .table table td {border-color:#d4deeb; font-size:13px; line-height:18px; padding:8px 5px;}
/*
.business_list .cont .table table tr th:first-child,
.business_list .cont .table table tr td:first-child {border-left:0;}
*/
.business_list .cont .table table tbody tr:last-child th,
.business_list .cont .table table tbody tr:last-child td,
.business_list .cont .table table .no_bor {border-bottom:0;}
.business_list .cont .table table .no_bor_l {border-left:0 !important;}
.business_list .cont .table table td span.disabled {color:#e1e1e1;}
.business_list .cont .table table .bor_l {border-left:1px solid #d4deeb !important;}
.business_list .cont .table table tbody tr:first-child td:last-child{border-radius:0 5px 0 0;}
.business_list .cont .table table tbody tr:last-child td:last-child{border-radius:0 0 5px 0;}

.business_popup {}
.business_popup .title {background:#30a0d7; color:#fff; margin:0; padding:5px 15px 5px 38px; border-radius:5px; -webkit-border-radius:5px; margin:15px; margin-bottom:-10px; position:relative;}
.business_popup .title:before {content:""; display:block; width:15px; height:14px; background:url(../images/content/more_bul.png) no-repeat center 50%; position:absolute; left:15px; top:11px;}
.business_popup .table {}
.business_popup .table table tbody tr td:first-child {border-left:1px solid #d4deeb !important;}
.business_popup .table table tbody tr:last-child th,
.business_popup .table table tbody tr:last-child td {border-bottom:1px solid #d4deeb !important;}
.prepare {text-align:center; color:#e0e0e0; padding:160px 0 0 0; margin:10px 0; background-repeat:no-repeat; background-position:center top;}
.prepare.ty1 {background-image:url(../images/content/prepare_ico1.png);}
.prepare.ty2 {background-image:url(../images/content/prepare_ico2.png);}

/* 4. 연구개발기관 정보 */
.company_infor .fl_type {padding-left:130px; margin-bottom:0 !important;}
.company_infor .fl_type h3.title {top:5px !important; position:absolute !important; left:0 !important;}
.company_infor .search_form {position:relative; padding-right:43px; box-sizing:border-box; width:303px; box-sizing:border-box;}
.company_infor .search_form select {appearance:none; -webkit-appearance:none; box-sizing:border-box; height:38px; line-height:38px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #b9bede; width:260px; padding:0 25px 0 10px; background:#fff url(../images/content/select_arrbg.png) no-repeat 95% 50%;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.company_infor .search_form select::-ms-expand {display: none;}
.company_infor .search_form input[type="submit"] {display:block; width:38px; height:38px; border:0; background:#b9bede url(../images/content/search_ico2.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px; border-radius:4px; -webkit-border-radius:4px; cursor:pointer; position:absolute; right:0; top:0;}
.company_infor .infor {margin-top:15px; margin-left:10px;}
.company_infor .infor:after {content:""; display:block; clear:both;}
.company_infor .infor li {float:left; position:relative; margin-left:40px;}
.company_infor .infor li:first-child {margin-left:0;}
.company_infor .infor li span {display:inline-block; vertical-align:top;}
.company_infor .infor li span.subject {color:#30a0d7; margin-right:15px;}

/* 5. 연구개발과제수행 이력 */
.performance_infor {padding:0 0 0 195px; margin-top:20px; position:relative; background:#fff; border:1px solid #d4deeb; border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-left:15px;}
.performance_infor:after {content:""; display:block; width:165px; height:100%; position:absolute; left:0; top:0; background:#d4deeb; z-index:1;}
.performance_infor .thead {width:195px; position:absolute; left:0; top:0; z-index:10;}
.performance_infor .thead li {background:#d4deeb; text-align:center; border-top:1px solid #fff; padding:8px 10px; box-sizing:border-box; height:41px;}
.performance_infor .thead li:first-child {border-top:0;}
.performance_infor .thead li.etc {height:65px;}
.performance_infor .scroll {overflow:auto;}
.performance_infor .scroll .table {}
.performance_infor .scroll .table tr {width:165px;}
.performance_infor .scroll .table td {border-top:1px solid #d4deeb; border-left:1px solid #d4deeb; border-right:1px solid #d4deeb; border-bottom:0; height:41px; box-sizing:border-box; line-height:20px;}
.performance_infor .scroll .table tr:first-child td {border-top:0;}
.performance_infor .scroll .table tr.num td {background:#d4deeb;}
.performance_infor .scroll .table tr.num td:nth-child(odd) {background:#e5ebf3;}
.performance_infor .scroll .table tr.accent td {background:#d3eded;}
.performance_infor .scroll .table tr.etc td {height:65px;}

/* 5. 연구개발과제수행 이력 */
.compare_popup {}
.compare_popup {text-align:right; margin-top:-50px; padding-right:15px;}
.compare_popup .btn {display:inline-block; vertical-align:top; margin-left:10px; background:#fff; position:relative; min-height:34px; border-radius:17px; -webkit-border-radius:17px; padding-right:30px;}
.compare_popup .btn span {display:inline-block; vertical-align:top; height:100%; box-sizing:border-box; padding:5px 15px; font-size:15px; color:#000; max-width:185px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.compare_popup .btn:before,
.compare_popup .btn:after {content:""; display:block; position:absolute; right:0; top:0; width:34px; height:34px; border-radius:50%; -webkit-border-radius:50%;}
.compare_popup .btn:before {background:url(../images/content/more_bul.png) no-repeat center 50%; z-index:10;}
.compare_popup .btn:after {background:#30a0d7;}
.compare_popup .btn:hover:before,
.compare_popup .btn:active:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.compare_popup .layer_pop {position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; background:rgba(0,0,0,0.6); display:none;}
.compare_popup .layer_pop .inner {width:450px; height:450px !important; left:50%; top:50%; margin:-253px 0 0 -225px; position:absolute; z-index:10; padding:56px 0 0 0 !important; box-shadow:none; -webkit-box-shadow:none; border:0 !important; text-align:left; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; background:none;}
.compare_popup .layer_pop h5.title {background:#6495c6; color:#fff; position:absolute; left:0; top:0; width:100%; padding:10px 20px; box-sizing:border-box; height:56px; font-size:24px; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0;}
.compare_popup .layer_pop .cont {background:#fff; padding:20px 15px; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; box-sizing:border-box; height:100%; overflow:auto;}
.compare_popup .layer_pop .table {height:320px;}
.compare_popup .layer_pop .table table tbody tr th,
.compare_popup .layer_pop .table table tbody tr td {border-bottom:1px solid #d4deeb !important;}
.compare_popup .layer_pop .table_st01 {}
.compare_popup .layer_pop .table_st01 table tbody tr th,
.compare_popup .layer_pop .table_st01 table tbody tr td {border-bottom:1px solid #d4deeb !important;}
.compare_popup .layer_pop .list {}
.compare_popup .layer_pop .list:after {content:""; display:block; clear:both;}
.compare_popup .layer_pop .list li {float:left; width:49%; cursor:pointer; margin-left:2%; margin-bottom:15px;}
.compare_popup .layer_pop .list li:nth-child(odd) {margin-left:0;}
.compare_popup .layer_pop .list li .ck_radio {position:relative; width:18px; height:18px; margin:0 auto;}
.compare_popup .layer_pop .list li .ck_radio input[type="radio"] {display:block; width:18px; height:18px; margin:0; padding:0;}
.compare_popup .layer_pop .list li .ck_radio:before,
.compare_popup .layer_pop .list li .ck_radio:after {content:""; display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; border-radius:50%; -webkit-border-radius:50%;
transition : all 0.2s ease; -webkit-transition : all 0.2s ease;}
.compare_popup .layer_pop .list li .ck_radio:before {background:#2f97ff; width:8px; height:8px; left:50%; top:50%; margin:-4px 0 0 -4px; z-index:10; opacity:0; -webkit-opacity:0; transform:scale(0); -webkit-transform:scale(0);}
.compare_popup .layer_pop .list li .ck_radio:after {border:1px solid #bababa; background:#fff; z-index:5;}
.compare_popup .layer_pop .list li .ck_radio.act:before {opacity:1; -webkit-opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.compare_popup .layer_pop .list li ul {border:1px solid #e7eaed; padding:10px 15px; margin-top:10px;}
.compare_popup .layer_pop .list li ul:after {content:""; display:block; clear:both;}
.compare_popup .layer_pop .list li ul li {float:none; width:auto; margin:5px 0 0 0;}
.compare_popup .layer_pop .list li ul li:first-child {margin-top:0;}
.compare_popup .layer_pop .list li ul li:after {content:""; display:block; clear:both;}
.compare_popup .layer_pop .list li ul li span {display:inline-block; vertical-align:top; float:left; width:50%;}
.compare_popup .layer_pop .appli_btn {text-align:center; margin-top:10px;}
.compare_popup .layer_pop .appli_btn a {display:inline-block; vertical-align:top; color:#fff; min-width:90px; text-align:center; padding:3px 10px; box-sizing:border-box; margin:0 3px; border-radius:4px; -webkit-border-radius:4px;}
.compare_popup .layer_pop .appli_btn a.ty1 {background:#091152;}
.compare_popup .layer_pop .appli_btn a.ty2 {background:#b5b7cb;}
.compare_popup .layer_pop .btn_close {display:block; width:40px; height:40px; overflow:hidden; position:absolute; right:15px; top:8px; text-indent:-9999px;} 
.compare_popup .layer_pop .btn_close:after {content:""; display:block; width:100%; height:100%; background:url(../images/common/close_ico.png) no-repeat center 50%; position:absolute; left:0; top:0;}
.compare_popup .layer_pop .btn_close:hover:after,
.compare_popup .layer_pop .btn_close:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.compare_list {}
.compare_list .item {padding-top:5px; padding-bottom:5px;}
.compare_list .toggle {text-decoration:none; display:block; position:relative; padding-right:30px;} 
.compare_list .toggle:after {content:"열기"; display:block; width:19px; height:11px; overflow:hidden; text-indent:-9999px; background:url(../images/content/compare_arr.png) no-repeat center 50%; position:absolute; right:0; top:50%; margin-top:-4px;}
.compare_list .act .toggle:after {content:"닫기"; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.compare_list h3.title {margin-bottom:0 !important;}
.compare_list .detail {display:none; margin-top:15px;}
.compare_list .table {border:1px solid #d4deeb; border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-left:14px; position:relative;}
.compare_list .table tr th {border-bottom:0; border-top:1px solid #fff; font-size:14px;}
.compare_list .table tr td {border-top:1px solid #d4deeb; border-left:1px solid #d4deeb; border-right:1px solid #d4deeb; border-bottom:0; text-align:left; font-size:14px;}
.compare_list .table tr:first-child th,
.compare_list .table tr:first-child td {border-top:0 !important;}
.compare_list .table tr.num td {background:#e5ebf3;}
.compare_list .table tr.accent td {background:#d3eded;}
.compare_list .table tr th.dep1_th {background:#d4deeb; border-left:0; vertical-align:top;}
.compare_list .table tr th.dep2_th {background:#e5ebf3; border:1px solid #d4deeb; border-bottom:0;}
.compare_list .table .chart {height:180px; overflow:hidden;}
.compare_list .table .chart img {display:block; margin:0 auto; max-width:100%;}
.compare_list .table .lines {border:3px solid #ec861a; display:block; box-sizing:border-box; position:absolute; left:160px; top:0; height:100%; width:387px;}
/*
.compare_list .performance_infor .scroll {position:relative;}
.compare_list .performance_infor .scroll .table {width:100%; overflow:hidden;}
.compare_list .performance_infor .scroll .lines {border:3px solid #ec861a; display:block; box-sizing:border-box; position:absolute; left:0; top:0; height:100%; width:384px;}
.compare_list .performance_infor .scroll .table tr.num td {background:#e5ebf3;}
.compare_list .performance_infor .thead li.chart {height:197px; padding-top:85px;}
.compare_list .performance_infor .table .chart {height:180px; overflow:hidden;}
.compare_list .performance_infor .table .chart img {display:block; margin:0 auto; max-height:100%;}
*/


@media screen and (max-width: 718px){

.search_kwd_form {margin-left: 0;}
.ai_tag{margin-top: 20px;}
	
/* Commmon */
.chart_box h4 {font-size:17px;}
.chart_box .chart {height:/* 140 */230px;}
.tabmenu {padding:0 10px;}
.grid_wrap .fl_center,
.grid_wrap .fl_left,
.grid_wrap .fl_right {float:none; width:auto;}
.grid_wrap .fl_left {margin-top:10px; margin-bottom:10px;}
.item {padding:10px 15px;}
.item .inner {height:auto !important; padding:20px;}
.item_group.size3 .item {width:50%;}
.item_group.size3 .item:nth-child(3n) {display:none;}
.item .summery {margin-bottom:10px;}
.item .summery .title {font-size:18px; line-height:24px; padding-right:0;}
.item .summery .title span {display:block; margin-left:0; margin-top:5px;}
.item .summery .btn_rfp {font-size:16px; height:38px; top:auto; bottom:0; top:-64px;}
.item .summery .btn_rfp:before {width:30px; height:30px; margin-top:-15px;}
.item .fl_type {padding-left:0; margin-bottom:30px;}
.item .fl_type h3.title {position:relative; left:auto; top:auto;}
.item .plan_list {padding:0;}
.item .plan_list li {float:none; width:auto; min-height:26px;}
.item .item_group.size2 .item {padding-left:8px;}
.item .item_group.size2 .item:first-child {padding-right:8px;}
#content .item h3.title {margin:0 0 10px 0;}
.tech_tag {margin-top:15px;}
.layer_chart h5.title {font-size:22px;}

/* 1. 종합정보 */
#sub1 .item.num2 >.inner .fl_type {padding-left:0; background:none;}
#sub1 .item.num3 {margin-top:10px;}
#sub1 .item.num4 .item {float:left; width:50%; padding-left:8px;}
#sub1 .item.num4 .item:first-child {padding-left:0; padding-right:8px;}
#sub1 .item.num4 .item:nth-child(3) {display:none;}
#sub1 .item_group.size2.summery_info {}
#sub1 .item_group.size2.summery_info .item {width:auto; float:none;}
#sub1 .item_group.size2.summery_info .report {display:none;}
#sub1 .item .plan_list {padding-left:180px; padding-top:10px; padding-bottom:10px; background:url(../images/content/sub1_projectbg.jpg) no-repeat left 50%; background-size:160px auto;}

/* 2. 기술동향 정보 */
#sub2 .search_form .form {width:250px; top:-54px;}
#sub2 .kisti_infor .search_form,
#sub2 .kisti_infor .search_form input[type="text"] {width:100%;}
#sub2 .kisti_infor .search_form {padding-right:140px;}
#sub2 .kisti_result {padding-top:5px; padding-bottom:10px;}
#sub2 .kisti_infor {padding-left:15px; padding-right:15px;}

/* 3. 연구개발계획서 요약 */
#sub3 .grid_wrap .fl_left {width:100%;}
#sub3 .grid_wrap .fl_right {display:none;}
.business_detail {display:block; margin-right:10px; margin-top:-40px;}
.business_popup .title {margin:10px; margin-bottom:-5px;}
.business_popup .title:before {top:9px;}

/* 4. 연구개발기관 정보 */
.company_infor .fl_type {padding-left:120px;}
.company_infor .search_form {width:100%;}
.company_infor .search_form select {width:100%; background-position:97% 50%;}
.company_infor .infor li {float:none; margin-left:0;}
.company_infor .infor li span.subject {width:80px;}

/* 5. 연구개발과제수행 이력 */
.compare_list .performance_infor {padding-left:120px;}
.compare_list .performance_infor:after {width:120px;}
.compare_list .performance_infor .thead {width:120px;}
.compare_popup .layer_pop h5.title {font-size:22px;}
.compare_list .performance_infor .scroll .lines {width:50%;}
/*
.compare_list .performance_infor .scroll .table td:nth-child(3) {display:none;}
*/
.compare_list .table tr .res {display:none;}
.compare_list .table .lines {border:2px solid #ec861a; width:calc(50% - 80px);}
}

@media screen and (max-width: 640px){
/* Commmon */	
.layer_chart h5.title {font-size:20px; height:50px;}
.layer_chart .btn_close {top:5px;}
.layer_chart .inner {width:400px; margin-left:-200px; margin-top:15px; top:auto; height:calc(100% - 30px) !important;}
.layer_chart .cont {height:calc(100% - 50px);}
.item .item_group.size2 .item {width:100%; padding-left:0;}
.item .item_group.size2 .item:first-child {padding-right:0; padding-bottom:14px;}
.item_group.size3 .item {width:100%; padding-top:7px; padding-bottom:7px;}	
.item_group.size3 .item:nth-child(3n) {display:block;}	
.item .inner .item_group.size3 .item {padding:10px 0;}
.grid_wrap {margin-top:0 !important;}

/* 1. 종합정보 */
#sub1 .item .plan_list {padding:5px 0 0 0; background:none; margin-top:0;}
#sub1 .item.num2 >.inner .fl_type {margin-bottom:20px;}
#sub1 .item.num4 .item {width:100%; padding-left:0; padding-top:14px;}
#sub1 .item.num4 .item:first-child {padding-right:0;}
#sub1 .item.num4 .item:nth-child(3) {display:block;}

/* 3. 연구개발계획서 요약 */
.business_detail {margin-top:0;}
.business_detail .btn {display:none;}
#sub3 .grid_wrap h3.title {margin-bottom:0;}
#sub3 .grid_wrap .fl_left {margin-bottom:0; margin-top:3px;}
#sub3 .grid_wrap .fl_right {display:block; width:auto;}
.business_popup {margin-top:0px !important;}
.business_popup .title {margin-left:15px; margin-right:15px;}

/* 5. 연구개발과제수행 이력 */
.compare_popup .layer_pop h5.title {font-size:20px; height:50px;}
.compare_popup .layer_pop .btn_close {top:5px;}
.compare_popup .layer_pop .inner {width:400px; margin-left:-200px; padding-top:50px !important; margin-top:15px; top:auto; height:calc(100% - 30px) !important;}
.compare_popup .layer_pop .cont {height:calc(100% - 50px);}
.performance_infor {padding:0 0 0 140px;}
.performance_infor .thead,
.performance_infor:after {width:140px;}
}

@media screen and (max-width: 480px){
/* Commmon */
.layer_chart .inner {width:300px; margin-left:-150px;}	
	
/* 2. 기술동향 정보 */	
#sub2 .search_form .form {top:auto; right:auto; position:relative; width:auto; margin:0 15px 15px 15px;}
#sub2 .kisti_infor .fl_type {padding-left:0;}
#sub2 .kisti_infor .fl_type h5.title {position:relative !important; left:auto !important; top:auto !important; margin-bottom:10px;}

/* 4. 연구개발기관 정보 */
.company_infor .fl_type {padding-left:0;}
.company_infor .fl_type h3.title {position:relative !important; left:auto !important; top:auto !important; margin-bottom:10px;}
.company_infor .infor li {position:relative; padding:0 0 0 100px; margin-top:5px;}
.company_infor .infor li:first-child {margin-top:0;}
.company_infor .infor li span.subject {position:absolute; left:0; top:0;}

/* 5. 연구개발과제수행 이력 */
.compare_popup .layer_pop .inner {width:300px; margin-left:-150px;}
}

@media screen and (max-width: 360px){
	.search_kwd_form input[type="text"] {width: 220px;}
}									

/* 레이어 팝업 */
#pop_tag_modify,
#pop_hscode_modify{display: none; z-index: 9999;}

.modal_layer_box{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999; background: rgba(0, 0, 0, 0.6); text-align: center;}
	.modal_layer_box:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em;}
    
	.pop_Wrap{position: relative; z-index: 2000; overflow: hidden; display: inline-block; height:auto !important; background: #FFFFFF; box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.1); border-radius: 30px; box-sizing: border-box; vertical-align: middle;}
	.la_pop_con{text-align: left; padding: 15px; overflow: auto;}

	.pop_wid_260{width: 260px;}
	.pop_wid_300{width: 300px;}
	.pop_wid_400{width: 400px;}
	.pop_wid_450{width: 450px;}
	.pop_wid_500{width: 500px;}
	.pop_wid_600{width: 600px;}
	.pop_wid_700{width: 700px;}
	.pop_wid_800{width: 800px;}
	.pop_wid_900{width: 900px;}
	.pop_wid_1000{width: 1000px;}

	/*버튼*/
	.pop_btn_box{margin: 15px 0 10px 0; text-align: center;}	
	.pop_btn_box a{display:inline-block; vertical-align:top; color:#fff; font-size: 14px; line-height: 20px; min-width:80px; text-align:center; padding:10px 10px; box-sizing:border-box; margin:0 3px; border-radius:20px; -webkit-border-radius:20px;}
	.pop_btn_box a:hover{text-decoration: none;}
	.pop_btn_box a.ty01{background: #3C3F45;}
	.pop_btn_box a.ty02{background: #4A7EFF;}

/*체크박스*/
.check_box{display: inline-block; -webkit-appearance:none;appearance:none;background:url(../images/content/check_ic.png) no-repeat; cursor:pointer; line-height: 20px; width:20px; height: 20px; vertical-align: middle; outline:none; margin: 0; padding: 0;}
.check_box::-ms-check{display:none}
.check_box:checked{background:url(../images/content/check_ic_on.png) no-repeat;}
.check_box+label{height: 20px; font-size: 13px; line-height: 20px; color :#000; vertical-align: middle; cursor: pointer; margin-left: 2px;}

/* 키워드수정*/
.kwd_mo_list::after{display: block; clear: both; content: '';}
.kwd_mo_list li{background: #EFF4F9; border-radius: 20px; padding: 5px 10px 5px 15px; margin-bottom: 10px;}
.kwd_mo_list li:last-child{margin-bottom: 0;}
.kwd_mo_list li .check_box + label{display: inline-block; height: 30px; line-height: 30px; vertical-align: middle;}
.kwd_mo_list li input[type="text"]{display: inline-block; width: 100%; height: 30px; font-size: 13px; line-height: 26px; color: #202020;  border:1px solid #EFF4F9; background: #EFF4F9;}
.kwd_mo_list li .check_box + label input[type="text"]{width: 175px;}

/*HSCODE 수정*/
.hscode_input{margin-top: 12px;}
.hscode_input input[type="text"]{width: 100%; height: 42px; font-size: 13px; line-height: 26px; color: #202020; border:1px solid #EFF4F9; background: #EFF4F9; border-radius: 20px; box-sizing:border-box; outline: 0; padding: 0 10px;}