@charset "utf-8";



.board-slide {position:relative;}
.schedule-view .control {position:absolute;width:100%;top:35%}
.schedule-view .control a {position:absolute;font-size:50px;top:12%;}
.schedule-view .control a.prev {left:0;}
.schedule-view .control a.next {right:0;}
.schedule-view .control a:hover {color:#888;}


#skipwrap					{}
#skipnavi					{position:absolute;height:auto;width:100%;z-index:9999999;}
#skipnavi ul li a			{position:absolute;top:-500px;display:block;width:100%;transition:none;}
#skipnavi ul li a:focus,
#skipnavi ul li a:active	{top:1px;height:38px;line-height:38px;text-align:center;font-size:17px;font-weight:600;background:#36312b;color:#ffffff;text-decoration:none;}
@media (max-width:1017px){/*720*/
	#skipwrap	{display:none;}
}

/* 판매기술 등록 썸네일 */
#thumb-preview		{float:left;border:1px dashed #dfdfdf;width:202px;height:122px;background:#fff;text-align:center;margin-right:10px;}
#thumb-preview img	{width:100%;height:100%}

/* 정보나눔터 등록 하단부 */
.board_write				{border:1px solid #768395;}
.board_write.br2			{border:2px solid #768395;}
.board_write table th,
.board_write table td		{padding:8px 10px;border-top:1px solid #ddd;font-weight:normal;text-align:left;}
.board_write table tr:first-child th,
.board_write table tr:first-child td		{border-top:none;}
.board_write table th		{width:150px;background:#f5f5f5;}
.board_write textarea		{min-height:100px;}
.board_write .attach	{padding:15px;margin-top:5px;background:#f9f9f9;}


ul.cont-list li			{}
ul.cont-list li li		{margin-left:22px;}

.cont-table table			{}
.cont-table table th,
.cont-table table td		{padding:5px}
.cont-table table th		{border:1px solid #667484;background:#768395;color:#fff}
.cont-table table td		{border:1px solid #ddd;}
.cont-table table tr:nth-child(1) td{border-top:none;}

.noimg			{display:block;background:#f6f6f6;height:100%;position:relative;text-align:center;}
.noimg:before	{content:"\f03e";font-family:FontAwesome;font-size:2.5rem;color:rgba(0,0,0,0.25);position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);}
.supporter-thumb	{display:inline-block;border-radius:50%;width:80px;height:80px;overflow:hidden;border:1px solid rgba(0,0,0,0.1);transition:all 0.2s ease-out;}
.supporter-thumb img{min-width:100%;max-width:100%;height:100%;}
.blog-thumb			{display:inline-block;border-radius:50%;width:130px;height:130px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);transition:all 0.2s ease-out;}
.blog-thumb img		{min-width:100%;min-height:100%;width:100%;vertical-align:top}
.blog-thumb.noimg:before	{content:"\f007";font-size:1rem;font-weight:900}
.user-card.sm .blog-thumb.noimg:before{font-size:0.8rem;}
a:focus>.supporter-thumb,
a:focus>.blog-thumb,
a>.supporter-thumb:hover,
a>.blog-thumb:hover	{border-color:#2085cb;box-shadow:0 10px 10px -8px rgba(0,0,0,0.2);}
.my_info input {width:0;height:0;padding:0;text-indent:0;min-height:auto;border:none;}
#forPrint		{padding:30px;}

/* 사업관리 */
.process-biz .step			{border-radius:3px;overflow:hidden;text-align:left;}
.process-biz .step li		{position:relative;color:#768395;padding:10px;line-height:20px;background:#D8DDE0;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.process-biz .step li.on		{position:relative;color:#fff;padding:10px;line-height:20px;background:#35A6B5;font-size:12px;}
.process-biz .step li:first-child	{padding-left:20px;}
.process-biz .step .num		{display:inline-block;width:15px;height:15px;line-height:15px;background:#fff;text-align:center;vertical-align:middle;border-radius:50%;color:#35A6B5;margin-right:2px;font-size:12px;font-weight:500;position:relative;z-indeX:2}
.process-biz .step li:before,
.process-biz .step li:after		{content:"";position:absolute;top:0;border:solid transparent;border-width:20px;z-index:1;}
.process-biz .step li:before	{border-left-color:rgba(0,0,0,0.1);right:-30px;}
.process-biz .step li:after		{border-left-color:#D8DDE0;right:-29px;}
.process-biz .step li.on:after	{border-left-color:#35A6B5;}
.process-biz .step li:last-child		{border-radius:0 3px 3px 0;}
.process-biz .step li:last-child:before,
.process-biz .step li:last-child:after	{display:none;}
.process-biz .step li		{background:#D8DDE0;color:#768395;}
.process-biz .step li.on .num	{color:#768395;}

/* .process-biz .step .on ~ li		{background:#D8DDE0;color:#768395;}
.process-biz .step .on ~ li .num	{color:#768395;}
.process-biz .step .on ~ li:after	{border-left-color:#D8DDE0;}
.process-biz .step .on:before,
.process-biz .step .on:after		{border-left-color:#35A6B5;right: -35px;} */

.process-biz .btn-wrap			{margin:6px -3px 0 -3px;}
.process-biz .btn-wrap li		{padding:0 3px;}
.process-biz .btn-wrap .btn_d	{display:block;margin:0 0 5px 0 !important;}
.process-biz .btn-wrap .btn_dgray	{background:#A7B0B8;border-color:#8E9AA6;}
.process-biz.fail .step li			{background:#D8DDE0;color:#768395 !important;}
.process-biz.fail .step li .num		{color:#768395;}
.process-biz.fail .step li:after	{border-left-color:#D8DDE0;}
.process-sm-biz .step li		{padding:10px;padding-left: 25px;}
.process-sm-biz .step li:before,
.process-sm-biz .step li:after	{border-width: 20px;border-left-width: 15px;}
.process-sm-biz .step li:before	{right:-25px;}
.process-sm-biz .step li:after	{right:-24px;}

/*서브 로딩 background 처리(웹 접근성)*/
#loading-bg-sub2, #loading-bg-sub3,
#loading-bg-sub-archive, #loading-bg-sub-bizManage,
#loading-bg-sub-policyInfo, #loading-bg-sub-knowledgePlatform,
#loading-bg-sub-techTrade, #loading-bg-sub-techInfo,
#loading-bg-sub-resourceInfo, #loading-bg-sub-clinicRsch,
#loading-bg-sub-practiceGuide, #loading-bg-sub-drugGuide,
#loading-bg-sub-hospital, #loading-bg-sub-company,
#loading-bg-sub-product, #loading-bg-sub-education{position:absolute;left:0px;top:0;width:100%;height:100%;background:#fff;filter:alpha(opacity = 50);-moz-opacity:0.5;opacity:0.5;z-index:99;}
#loading-bg-sub2.loading, #loading-bg-sub3.loading,
#loading-bg-sub-archive.loading, #loading-bg-sub-bizManage.loading,
#loading-bg-sub-policyInfo.loading, #loading-bg-sub-knowledgePlatform.loading,
#loading-bg-sub-techTrade.loading, #loading-bg-sub-techInfo.loading,
#loading-bg-sub-resourceInfo.loading, #loading-bg-sub-clinicRsch.loading,
#loading-bg-sub-practiceGuide.loading, #loading-bg-sub-drugGuide.loading,
#loading-bg-sub-hospital.loading, #loading-bg-sub-company.loading,
#loading-bg-sub-product.loading, #loading-bg-sub-education.loading{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;text-align:center;line-height:1;}
#loading-bg-sub2.loading:after, #loading-bg-sub3.loading:after,
#loading-bg-sub-archive.loading:after, #loading-bg-sub-bizManage.loading:after,
#loading-bg-sub-policyInfo.loading:after, #loading-bg-sub-knowledgePlatform.loading:after,
#loading-bg-sub-techTrade.loading:after, #loading-bg-sub-techInfo.loading:after,
#loading-bg-sub-resourceInfo.loading:after, #loading-bg-sub-clinicRsch.loading:after,
#loading-bg-sub-practiceGuide.loading:after, #loading-bg-sub-drugGuide.loading:after,
#loading-bg-sub-hospital.loading:after, #loading-bg-sub-company.loading:after,
#loading-bg-sub-product.loading:after, #loading-bg-sub-education.loading:after{content:"\f110";font-family:'FontAwesome';font-size:60px;vertical-align:-20px;color:#777;display:block;-webkit-animation:spin 2s infinite steps(8) both alternate;animation:spin 2s infinite steps(8) both alternate;}

/*마이페이지: 특허기술은행 알림*/
.issue-pop			{color:#333;width:600px;background-color:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.issue-pop .cont	{}
.issue-pop .cont .fa-circle-info{font-size:var(--font-4xlg);margin-bottom:20px;color:var(--main-color);}
.issue-pop .tit		{font-size:1.6rem;font-weight:700;color:#222}
.issue-pop .stit	{font-size:1.2rem;margin:10px 0 0;}
.issue-pop .txt		{margin:0 0 30px;font-size:1.2rem;}
.issue-pop .txt span.name{text-decoration:underline;}
.issue-pop .txt	em	{color:var(--sub-color);;font-weight:700}
.issue-pop .popup_close	{position:absolute;width:100%;left:0;bottom:0;border-radius:0px 0px 15px 15px;line-height:30px;height:30px;background:#2F323A;color:#fff;font-size:11px;text-align:right;padding:0 10px;}
.issue-pop .popup_close label	{vertical-align:top;margin:0 10px 0 5px;}
.issue-pop .popup_close .btn-d	{margin:0;vertical-align:top;}
.issue-pop .popup .cont>a:focus,
.issue-pop .popup_close input[type=checkbox]:focus,
.issue-pop .popup_close .btn_d:focus	{outline:1px dashed #fff;}


/*한의약 기술자료집*/
.db-board-list							{margin:-20px auto -2rem;}
.db-board-list>ul>li					{padding:1.7rem 0;display:flex;flex-flow:row wrap;border-bottom:1px solid var(--basic-border);}
.db-board-list>ul>li .cont				{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;/*align-items:flex-end;align-content:space-between;*/}
.db-board-list>ul>li .cont .btnset		{width:200px;}
.db-board-list>ul>li .cont .btnset a	{display:block;margin:0.25rem 0;}
.db-board-list>ul>li .cont .desc		{width:calc(100% - 200px);padding-right:20px;}
.db-board-list>ul>li .cont .desc .num	{font-size:var(--font-xsm);color:#999}
.db-board-list>ul>li .cont .desc .subject{font-size:1.5rem;color:#111;font-weight:var(--font-exbold)}
.db-board-list>ul>li .cont .desc .subject:hover{color:var(--main-color);text-decoration:underline;}
.db-board-list>ul>li .cont .desc dl		{margin-top:2rem;display:flex;flex-flow:row wrap;}
.db-board-list>ul>li .cont .desc dt		{font-weight:var(--font-bold);color:var(--main-color);position:relative;}
.db-board-list>ul>li .cont .desc dd		{word-break:keep-all;}

.db-board-list.type-namecard>ul>li .thumb			{width:130px;height:170px;}
.db-board-list.type-namecard>ul>li .cont			{width:calc(100% - 130px);padding-left:40px;}
.db-board-list.type-namecard>ul>li .cont .desc		{padding-right:40px;}
.db-board-list.type-namecard>ul>li .cont .desc dt	{width:80px;}
.db-board-list.type-namecard>ul>li .cont .desc dd	{width:calc(100% - 80px);}

.btn-pdf-down,
.btn-db-view,
.btn-db-blank				{background:#fff;position:relative;padding-left:4rem !important;}
.btn-pdf-down				{border-color:#EC6364;color:#EC6364;background:#fff;}
.btn-db-view				{border-color:#394562;color:#394562;background:#fff;}

.btn-db-blank				{border-color:#1C8CC0;color:#1C8CC0;}
.btn-pdf-down:before,
.btn-db-view:before,
.btn-db-blank:before		{width:22px;height:22px;left:1rem;top:calc(50% - 11px);position:absolute;content:"";background-repeat:no-repeat;background-position:0 0;background-size:100% auto;display:inline-block;vertical-align:middle;}
.btn-pdf-down:before		{background-image:url(../img/ico_pdf.png);}
.btn-db-view:before			{background-image:url(../img/ico_view.png);}
.btn-db-blank:before		{background-image:url(../img/ico_blank.png);}
.btn-pdf-down:hover:before,
.btn-db-view:hover:before,
.btn-db-blank:hover:before	{background-position:0 -22px;}

.transTech-stat{padding:30px;background:#f6f6f6;border-radius:5px;}
.transTech-stat .subject{color:#333 !important;padding-bottom:20px;border-bottom:1px solid #ccc;}
.stat-wrap h4{color:#333 !important;}
.stat-wrap h4:after{content:"\f201";font-family:fontAwesome;display:inline-block;margin-left:10px;color:#207ed1;vertical-align:middle;}
.stat-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.stat-wrap .col{width:calc(50% - 10px);}
.stat-wrap .graph-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-10px 0;}
.stat-wrap .graph{width:100%;min-height:230px;border-radius:5px;background:#fff;margin:10px 0;padding:20px;}
.stat-wrap .graph .cont{height:230px;}
.stat-wrap .graph.d2{width:calc(50% - 10px);}
.stat-wrap .graph .tit{color:#5A6378;font-weight:700;font-size:1.1rem;margin-bottom:20px;}
.stat-wrap .graph .tit span{color:#919191;font-size:1rem;font-weight:300;display:inline-block;margin-left:5px;}

.indent .direct-top .board-list			{margin:0 0 -2rem;}
.indent .board-list thead th				{background:none;border-top:2px solid #3A4870;border-bottom:1px solid #3A4870;color:#3A4870;}
.indent .board-list tbody th,
.indent .board-list tbody td				{color:#666;}
.indent .board-list .cate					{font-size:14px;color:var(--sub-color);}
.indent .board-list .subject				{font-weight:500;}
.indent .board-list .subject i				{color:#ccc;}