@charset "utf-8";
/*-------------------------------------------------
Author: myeong-hee park / last date: 2022.10.14.
 -------------------------------------------------*/ 
#detail_content{margin-bottom: 10rem;}
 /* 탭메뉴 STYLE */
.tab_menu {
	display: flex;
    flex-flow: row wrap;
    position: relative;
    top: 0;
    width: calc(100% + 1rem);
    margin: 0 -.5rem 2.4rem;
    padding-left: 0.1rem;
    font-size: 1.6rem;
	}
.tab_menu > li {	
    position: relative;
    width: calc(20% - 1rem);
    margin: 0 0.5rem 1.5rem;
    text-align: center;
    vertical-align: middle;
	}
.tab_menu > li > a {	
    position: relative;
    display: flex;
    height: 100%;
    margin-left: -1px;
    padding: 1.25rem 0.5rem;
    background-color: #fff;
    border: 1px solid #D1D5E1;
    border-radius: .5rem;
    color: #333;
    line-height: 1.4;
    word-break: keep-all;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
	}
.tab_menu .count {
	color: #ff5e00;
	}
.tab_menu > li.on > a {
	background-color: #1E56C4; 
	border-color: transparent;
	color: #fff;
	font-family: "NotoB";
	}
.tab_menu > li.on a::after {
	position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -0.5rem;
    border-top: .8rem solid #1E56C4;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    content: '';
    z-index: 1;
	}

.tab-menu02 {
	margin-bottom: 2rem;
	}
.tab-menu02:after{
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: 1px #D1D5E1 solid;
	content: "";
	}
.tab-menu02 > li {
	position: relative;
	display: inline-block;
	margin: 0 1.5rem;
	}
.tab-menu02 > li > a {
	display: block;
	padding: 1.5rem 0;
	}
.tab-menu02 > li.active > a{
	position: relative;
	color: #333; 
	font-family: "NotoB";
	}
.tab-menu02 > li.active:after{
	position:absolute; 
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 5px;
	background-color: #1F3E84;
	content: "";
	}
[class*="float-wrap"] + .table_wrap {
	margin-top: 1rem;
	}
.float-wrap02 {
	margin-top: 6rem;
	overflow: hidden;
	}

/* title style */
[class*="depth1-title"] {
	position: relative;
	margin-bottom: 1.8rem;
	padding-top: 1.5rem;
	color: #333;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	font-size: 2.4rem;
	font-family: NotoM;
	}
[class*="depth1-title"]::before,
[class*="depth1-title"]::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4rem;
	height: 5px;
	background-color: #4D84F1;
	content: '';
	}
[class*="depth1-title"]::after {
	width: 2rem;
	background-color: #23488F;
	}
.depth1-title02 {
	margin-top: 6rem;
	}
[class*="depth2-title"]{
	position: relative;
	margin: 2.2rem 0 1.8rem;
	padding-top: 1rem;
	color: #333;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	font-size: 2.2rem;
	font-family: NotoM;
	}
[class*="depth2-title"]::before {
	position:absolute;
	top:0;
	width: 20px;
	height: 5px;
	background-color: #1E56C4;
	content:"";
	}
.depth2-title02 {
	margin-top: 3rem;
	}
[class*="depth3-title"] {
	position: relative;
	margin-bottom: 1.2rem;
	letter-spacing: -0.1rem;
	line-height: 1.4;
	color: #333;
	font-size: 2rem;
	font-family: NotoM;
	}
.depth3-title02 {
	margin-top: 3.5rem;
	}
.sub-title{ font-size: 1.8rem;}

/* 블릿  style */
[class^="lstyle-"] {
	position: relative;
	overflow: hidden;
	}
[class^="lstyle-"] > li,
p[class^="lstyle-"]{
	position: relative;
	padding-left: 1.3rem;
    line-height: 1.5;
	overflow: hidden;
	}
[class^="lstyle-"] li:before,
p[class^="lstyle-"]::before {
	display: block;
	position: absolute;
	top: 1rem;
	left: 0;
	content: '';
	}
[class^="lstyle-"] > li:first-child {
	margin-top: 0;
	}
[class^="lstyle-"] ul {
	margin: 0.8rem 0;
	color: #555;
	}
[class^="lstyle-"] .tel {
	margin-right: 1.2rem;
    color: #888;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	}	 
[class^="lstyle-"] .tel i {
	margin-right: 0.5rem;
	}	
[class^="lstyle-"] .tel i:nth-child(2) {
    margin-left: 2rem;
	}	
.lstyle-normal > li {
	padding-left: 0;
	}	
p.lstyle-dot,
p.lstyle-line {
	position: relative;
	padding-left: 1rem;
	margin-bottom: 1rem;
	}	
	
[class*="lstyle-dot"] > li:before,
p[class*="lstyle-dot"]::before {
	width: 0.5rem;
	height: 0.5rem;
	background-color:#C7C7C7;
	border-radius: 100%;
	}
[class*="lstyle-square"] > li:before,
p[class*="lstyle-square"]::before {
	width: 0.4rem;
	height: 0.4rem;
	background-color:#333333;
	}

/* 강조형 목록 start */	
.lstyle-dot02 > li {
	font-family: "NotoM";
	font-size: 1.7rem;
	}
.lstyle-dot02 ul {
	margin-top: 0.5rem;
	font-family: "NotoL";
	}
/* 강조형 목록 end */	
.lstyle-dot03 > li,
.lstyle-dot03 {
	font-size: 1.6rem;
}
.lstyle-dot03 > li:before,
.lstyle-dot03::before {
	top:1.2rem;
	width: 0.2rem;
	height: 0.2rem;
	background-color:#282728;
	border-radius: 100%;
	}
/* 당구장 */	
.lstyle-reference > li:before{
	content: "※";
	top:0;
	}
/* 번호 , 알파벳 목록 */	
.lstyle-number > li {
	margin-left: 2.2rem;
	padding-left: 0;
	list-style: decimal;
	overflow: visible;
	}
.lstyle-number.round > li,
.lstyle-alphabet > li {
	position: relative;
	margin-left: 0;
	padding-left: 2.2rem;
	list-style: none;
	counter-increment: number;
	}
.lstyle-alphabet > li {
	counter-increment: alpha;
	}
.lstyle-number.round > li::before,
.lstyle-alphabet > li::before {
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.2;
    border: 1px solid #626262;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    content: counter(number, decimal);
    overflow: hidden;
	}	
.lstyle-number.round > li.point01::before {
	border-color: #f9415e;
	}
.lstyle-alphabet > li::before {
    width: 2rem;
    height: auto;
    border-radius: 0;
    text-align: left;
    font-size: inherit;
    content: counter(alpha, upper-alpha) ".";
    border: none;
    }
.lstyle-check {
	}	
.lstyle-check > li {
	padding-left: 2.5rem;
	}	
.lstyle-check > li::before {
	top: 0;
	color: #32a66c;
	font-family: xeicon;
	content: "\e929";
	}
.lstyle-line > li::before,
p.lstyle-line::before {
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #555;
	}
.txt_add{font-size: 1.4rem; color: #006da5;}

/*가짜 테이블*/
.fake-table {
	border-top: 1px solid #D8DCE4;
	overflow: hidden;
	}
.fake-table > li {
	display: flex; flex-flow: row wrap;
	padding: .7rem 1rem;
	border-bottom: 1px solid #D8DCE4;
	overflow: hidden;
	}
.fake-table .tit {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;
	}	
.fake-table .txt {
	display: block;
	overflow: hidden;
	}
.margin_zero .fake-table {
	border-top: none;
	}
.margin_zero .fake-table > li {
	padding: 1rem 2rem;
	}	
.margin_zero .fake-table > li:last-child {
	border-bottom: none;
	}
.margin_zero .fake-table .tit {
	font-family: NotoM;
	}

/* 회색 박스 */
.graybox {
	padding: 2.5rem 3.5rem;
	background-color: #F4F5F6;
	overflow: hidden;
	}
[class*="depth1-title"] + .graybox {
	margin-top: 2.5rem;
	}
.line-box{
	margin:0 0 3.5rem 0;
	padding: 3rem 3.5rem 3rem 3.5rem;
	background-color: #fff;
	border: 5px solid #ececec;
	overflow: hidden;
	}
.line-box02{
	margin:1rem 0;
	padding: 4rem 3rem;
	background-color: #fff;
	border: 1px solid #D1D5E1;
	overflow: hidden;
	}
.line-box02 ul li{
	margin:1rem 0;
	}
.line-box02 ul li:last-child{
	margin-bottom: 0;
	}

[class*="img-box"] {
	margin:1rem 0;
	padding: 3rem;
	border: 1px solid #D1D5E1;
	text-align: center;
	overflow: hidden;
	}
.img-box02 {
	text-align: center;
	}
.top-info {
    position: relative;
    padding: 3rem 4rem 3rem 17rem;
    background: #F6F8FC;
    letter-spacing: -0.1em;
    overflow: hidden;
	}	
.top-info + #searchForm {
	margin-top: 5rem;
	}
/* 상단 박스 */
[class*="-wording"] {
	position:relative;
	margin-bottom: 50px; 
	padding-left: 180px;
	padding-right: 100px;
	letter-spacing: -0.5px;
	color: #444444;
	font-family: 'NotoL';
	font-size: 1.7rem;
	}
[class*="-wording"] > .title{
	display:block;
	margin-bottom: 1rem;
	color:#000;
	font-size:2rem;
	font-family: 'NotoM';
	}
[class*="-wording"]::after {
	display: block; 
	position: absolute; 
	top:40px; 
	left:64px; 
	width: 49px; 
	height: 60px; 
	background: url(/resources/images/mdtis/content/equip_info.png) no-repeat right 0;
	content: '';
	}

/* file dawnload */	
.btn-box a:first-child{margin-left: 0;}
[class^="icon-file"], 
[class*="icon-link"]{
	position: relative; 
	display: inline-block; 
	padding: 1rem 2.5rem 1rem 5.5rem; 
	border: 1px #D1D5E1 solid;	
	font-size: 1.5rem;
	}
.icon-file { 
	margin: .5rem; 
	padding:1rem 5.5rem 1rem 2.5rem;
	}	
.icon-link02{
	padding:1rem 2.5rem;
	}
[class^="icon-file"]:before, 
.icon-link:before { 
	position:absolute; 
	top:10px; 
	left:20px; 
	display: inline-block; 
	width:25px; 
	height:25px; 
	background-repeat: no-repeat; 
	font-family: xeicon; 
	content: ""; 
	}
.icon-link:before{background-image: url(/resources/images/mdtis/content/icon-link.png);}
.icon-file:before{ content: "\e904"; left: auto; right:15px; font-family:xeicon!important; }

.icon-file01:before{background-image: url(/resources/images/mdtis/content/icon-file01.png);}
.icon-file02:before{background-image: url(/resources/images/mdtis/content/icon-file02.png);}
.icon-file03:before{background-image: url(/resources/images/mdtis/content/icon-file03.png);}
.icon-file04:before{background-image: url(/resources/images/mdtis/content/icon-file04.png);}
.icon-file05:before{background-image: url(/resources/images/mdtis/content/icon-file05.png);}
.icon-file06:before{background-image: url(/resources/images/mdtis/content/icon-file06.png);}
.icon-file07:before{background-image: url(/resources/images/mdtis/content/icon-file07.png);}
.icon-file08:before{background-image: url(/resources/images/mdtis/content/icon-file08.png);}
.icon-file09:before{background-image: url(/resources/images/mdtis/content/icon-file09.png);}
.icon-file10:before{background-image: url(/resources/images/mdtis/content/icon-file10.png);}

/* 종합지원센터 소개 STYLE
-------------------------------------------------------- */
.onestop-service {
    margin: 0 auto 7.5rem;
    padding: 15rem 0 17rem;
	background: url(../../images/mdtis/content/onestop_service.png) no-repeat center 0;
	overflow: hidden;
	}
.onestop-service .cont-area {
	position: relative;
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center;
	width: 93rem;
	margin: 0 auto;
    max-width: 100%;
	}
.onestop-service .cont-area::before {
	position: absolute;
	top:0;
	left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 8px solid #ececec;
    border-radius: 10rem;
    content: '';
	}	
.onestop-service .subject {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	width: 15rem;
	height: 15rem;
	border-radius:100%;
	background: transparent linear-gradient(180deg, #099FBE 0%, #1E56C4 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	font: normal 2.2rem NotoM;
	z-index: 1;
	}
.onestop-service .lstyle-normal {
	width: calc(100% - 15rem);
	padding: 2.2rem 5rem 2.2rem 3rem;
	}
.onestop-service .lstyle-normal > li:first-child {
	margin-bottom: 1.5rem;
	}	
	
.introduce-center {	
    display: flex; display: -webkit-flex; flex-flow: row wrap;
    margin: 2rem -1rem 5rem;
    overflow: hidden;
	}
.introduce-center > li {	
    position: relative;
    width: calc(20% - 2rem);
    margin: 0 1rem;
    letter-spacing: -0.1rem;
	}
.introduce-center .introduce-logo {
	display: block;
	height: 6.8rem; 
	margin-bottom: 2.5rem;
    border-bottom: 2px #333 solid;
	background-color: #fff;
	}
.introduce-center .lstyle-dot > li {
	margin-top: .5rem;
	}	
/* 전주기 상담 - 시장진출 전주기 컨설팅 */
.marketentry-consulting {
    min-height: 71rem;
	padding: 6rem 11rem; 
	background: url(../../images/mdtis/content/marketentry_consulting.jpg) no-repeat 0 0 / cover;
	}
.marketentry-consulting .section-tit {
	margin-bottom: .8rem;
	font: normal 2.8rem NotoB;
	}
.consulting-object {
    width: 73%;
    max-width: 100%;
	margin-top: 2.5rem;
	overflow: hidden;
	}	
.consulting-object > li {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center;
	margin-top: 1.5rem;
    line-height: 1.4;
	overflow: hidden;
	}
.consulting-object .tit {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	width: 6.5rem;
	height: 6.5rem;
	margin-right: 2.5rem;
	background: transparent linear-gradient(180deg, #099FBE 0%, #1E56C4 100%) 0% 0% no-repeat padding-box;
	border-radius: 100%;
	color: #fff;
	font: normal 1.8rem NotoR;
	overflow: hidden;
	}	
.consulting-object .txt {
	position: relative;
	width: calc(100% - 9rem);
	overflow: hidden;
	}	
/*  전주기 상담 - 컨설팅 절차 */
.consulting-process {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	margin: 0 -2rem;
	overflow: hidden;
	}
.consulting-process > li {
	position: relative;
    width: 33.33%;
    padding: 0 2rem;
	}
.consulting-process > li::before {
	position: absolute;
	top: 8rem;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	content: '';
    z-index: -1;
	}
.consulting-process > li:first-child::before {
	left: 50%;
	}
.consulting-process > li:last-child::before {
    left: auto;
	right: 50%;
	}
.consulting-process > li::after {
	display: block;
	position: absolute;
	top: 7rem;
	right: -1rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../../images/mdtis/content/consulting_arrow.svg) no-repeat center 0 / contain;
	content: '';
	}
.consulting-process > li:last-child::after {
	display: none;
	}
.consulting-process .subject {
	display: flex; display: -webkit-flex; flex-flow: column wrap; align-items: center; align-content: center;  justify-content: center;
	width: 16rem;
	height: 16rem;
	margin: 0 auto 3rem;
	background-color: #F6F8FC;
    border-radius: 100%;
    text-align: center;
    font-size: 1.8rem;
	}
.consulting-process .subject i {
	display: block; 
	margin-bottom: .5rem;
	}	
.consulting-process .box {
    position: relative;
    height: calc(100% - 19rem);
    padding: 3.5rem 3rem;
    background-color: #fff;
    border: 1px #D1D5E1 solid;
    border-radius: 1rem;
    overflow: hidden;
	}
.consulting-process .lstyle-normal > li > strong {
	display: block;
    line-height: 1.4;
    font-size: 1.8rem;
    font-family: NotoM;
	}	
.consulting-process .lstyle-normal > li:nth-child(n+2) {
	margin-top: 1rem;
	}
.consulting-process .counselling-info {
	margin-top: .5rem;
	color: #999;
    letter-spacing: -.08rem;
	font-size: 1.5rem;
	}
/*체외 임상시험 정보제공 */	
.clinical-trial {
    margin: 0 auto 7rem;
    padding: 3.5rem 0 3rem;
	background: url(../../images/mdtis/content/onestop_service.png) no-repeat center 0;
	text-align: center;
	overflow: hidden;
	}
.clinical-trial .subject {
	margin-bottom: 3rem;
    letter-spacing: -0.1rem;
    font-size: 3.2rem;
	}	
.clinical-trial .subject .point01 {
	color: #FC6719;
	}
.clinical-trial .desc {
	font-size: 1.8rem;
	}	
.clinical-trial .btn-type {
	margin-top: 2rem;
	padding: 1.35rem 3.8rem;
    background-color: #1E56C4;
    border-radius: 3rem;
    line-height: 1.5;
    font-family: NotoM;
	}	
.clinical-trial .round-img {
	margin-top: 4rem;
	}
.clinical-object {
	position: relative;
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;
	width: 93rem;
	max-width: 100%;
	margin: 0 auto 8.3rem;
	padding: 3.2rem 10rem 3.2rem 20rem;
	}	
.clinical-object::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 8px solid #E8EAF0;
    border-radius: 20rem;
	content: '';
    z-index: -1;
	}
.clinical-object .icon  {
	display: block;
	position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    text-align: center;
    transform: translateY(-50%);
	}
.clinical-object .icon img {
	height: 100%;
	}
.clinical-object .subject {
    width: 100%;
	margin-bottom: 1rem;
    line-height: 1;
	font-size: 2.4rem;
	}
.matching-title {
	margin-bottom: 6rem;
	padding: 7.5rem 0;
	background: url(../../images/mdtis/content/matching_bg.jpg) no-repeat center 0;
	text-align: center;
	}	
.matching-title .subject {
    display: inline-block;
    position: relative;
    width: 65rem;
    max-width: 90%;
    margin: auto;
    padding: 3rem 0;
    background-color: rgba(255,255,255, .7);
	font-size: 2.6rem;
	font-family: NotoM;
	}
.matching-title .subject::before,
.matching-title .subject::after {
	display: inline-block;
	width: 6px;
	height: 3.5rem;
	background-color: #1E56C4;
    vertical-align: middle;
	content: '';
	}
.matching-title .subject::before {
	margin-right: 3rem;
	}
.matching-title .subject::after {
	margin-left: 3rem;
	background-color: #099FBE;
	}
[class*="matching-service"] {
	margin-top: 4rem;
	}
[class*="matching-service"] .box {
	padding: 3rem 2.8rem;
	}
[class*="matching-service"] .subject {
    font-size: 1.6rem;
	}
[class*="matching-service"] .subject i {
	height: 6.5rem;
    margin-bottom: 0;
	}
.matching-service02 > li {	
    width: 25%;
	}
.attachment .email {
	margin-left: 1rem;
	}
.attachment .email i {
	margin-right: 1rem;
	color: #666;
	}
	
/* 종합지원센터 소개 - 집중 컨설팅 지원 및 시장화 제도 개선 */
.system-improvement {display:flex; flex-flow: row wrap; margin: 0 -1rem; overflow: hidden;  }
.system-improvement > li {position: relative; width: calc(50% - 2rem); margin: 0 1rem; letter-spacing: -0.5px; }
.system-improvement > li .arrow {display:block; width:100%; height: 4rem; margin: 2rem 0; background:url('../../images/mdtis/content/system_next.png') no-repeat 50% 50%; content: ""; }
.system-improvement .subject{display:block; padding:1.8rem 1.5rem;  background-color: #1A3E82; border-radius: 1rem; text-align: center;color: #fff;}
.system-improvement .box{position: relative; padding: 3.5rem 3rem; border:1px #D1D5E1 solid; border-radius: 1rem;  overflow: hidden;}
.system-improvement > li:nth-child(2) .subject {background-color: #1E56C4;}
.system-improvement .txt-bold {margin-bottom: 1rem; font-family: NotoM;}

/* 종합지원센터 > 찾아오시는길 */
.map-img{border:1px #D1D5E1 solid; text-align: center; overflow: hidden;}
.map-info{ position:relative; padding: 3rem; background-color: #F4F5F6; overflow: hidden;}
.map-info .map-logo {float: right; display: block;}
.map-info .map-list{float: left; overflow: hidden;}
.map-info .map-list li {margin-bottom: 1rem;}
.map-info .map-list li:nth-child(n+2) {display: inline-block; margin-right: 2rem;}
.map-info .map-list li strong {display: block; float: left; margin-right: 1.5rem; color: #000; font-family: NotoM; }
.map-info .map-list li strong i {color: #D9D9D9; vertical-align: middle; font-size: 2.2rem;}
.map-info .map-list li > span {display: block; overflow: hidden;}
/* 조직도 */	
.link-box {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	margin: 0 -1rem;
	overflow: hidden;
	}
.link-box a {
    position: relative;
    display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	width: calc(50% - 2.2rem);
	margin: 0 1rem;
    padding: 1rem 2rem;
    border: 1px #D1D5E1 solid;
	text-align: center;
    font-size: 1.7rem;
    font-family: NotoM;
	}
/* 센터장 인사말 */	
.greeting {
	position: relative;
	}
.greeting .pic {
	display: block;
	position: absolute;
	top: 0;
	right: 3rem;
    width: 40rem;
    overflow: hidden;
	}
.greeting .pic img {
	max-width: 100%;
	}
.greeting .first-txt {
    display: inline-block;
    position: relative;
    margin-left: 5rem;
	padding: 3.5rem 0;
	letter-spacing: -0.05rem;
	font: normal 3.2rem NotoB;
	}
.greeting .first-txt::before,
.greeting .first-txt::after {
	display: block;
	height: 3rem;
	background: url(../../images/mdtis/content/greeting_arow.png) no-repeat 0 0 / contain;
	content: '';
	}
.greeting .first-txt::after {
	background: url(../../images/mdtis/content/greeting_arow02.png) no-repeat right 0 / contain;
	}	
	
.greeting .txt-area {
	padding: 5rem;
	background-color: #F4F5F6;
	}
.greeting .txt-area p {
	margin-top: 3rem;
	}
.greeting .txt-area p:first-child {
	margin-top: 0;
	}
.greeting .txt-area p:nth-child(-n+2) {
	padding-right: 48rem;
	}	
	
/* 법령정보 > 해외 법령 */
.lawLink_list {display: flex; display: -webkit-flex; flex-flow: row wrap; margin: 0 -1rem; overflow: hidden;}
.lawLink_list > li { position: relative; width: calc(25% - 2rem); margin: 1rem; border: solid 1px #ddd; letter-spacing: -0.5px;  overflow: hidden;}
.lawLink_list > li a { position: relative; display: block; height: 100%; padding: 4rem 4rem 8rem; }
.lawLink_list > li a:focus:after,
.lawLink_list > li a:hover:after {display:block; position:absolute; top:0; left:0;width:100%; height:100%; border: 2px #1E56C4 solid; text-decoration: none; content:''; }
.lawLink_list > li strong { display: block; margin: 1rem 0 .5rem; font-size: 1.8rem; font-family: "NotoB";}
.lawLink_list > li.lawLink_last {padding: 0; background: #1E56C4 url(../../images/mdtis/content/flag_map.png) no-repeat 50% 30%; border-color: transparent; text-align: center;}	
.lawLink_list > li.lawLink_last strong {margin: 5rem 0 2rem; color: #fff;text-align: center;}
.lawLink_list > li.lawLink_last .linkTxt {left:50%; background: transparent; color: #fff; transform: translateX(-50%);}
.lawLink_list > li.lawLink_last a:focus:after,
.lawLink_list > li.lawLink_last a:hover:after {border-color: #fff;} 
.lawLink_list > li .eng{display: block;}
.lawLink_list > li .linkTxt {display: block; position:absolute; left:4rem; bottom:3.5rem; padding:0.5rem 1rem; background-color: #fff; border-radius: 10rem;  border:1px #D1D5E1 solid; font-size: 1.5rem; }
.lawLink_list > li .linkTxt > i {margin: 0 0.5rem;}

/* 의료기기산업 통계 */
.stats_search > ul {display:flex; flex-flow: row wrap; margin: 0 -1rem; overflow: hidden;}
.stats_search > ul > li{ position: relative; width: calc(50% - 2rem); margin: 1rem; letter-spacing: -0.5px; border-bottom: 1px #D1D5E1 solid;  overflow: hidden;}
.stats_search .title_round{display:block; padding:1rem 2rem; background-color: #f9f9f9; border-top: 1px #000 solid; border-bottom: 1px #D1D5E1 solid; font-size: 1.8rem; font-family: "NotoM"; color: #000;}
.stats_search .lstyle-dot{margin:2rem;}
.stats_search .lstyle-dot li{margin-bottom: 0.5rem;}
.stats_search .lstyle-dot li:last-child{margin-bottom: 0;}

.mdtis-stats .tab-tit {
	display: inline-block; 
	margin-right: 1rem;
	}
.mdtis-stats .tab-tit > a {	
    position: relative;
    display: flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
    height: 100%;
    margin-left: -1px;
    padding: 1.5rem 2rem;
    background-color: #fff;
    border: 1px solid #D1D5E1;
    color: #333;
    line-height: 1.4;
    word-break: keep-all;
    font-size: 1.7rem;
	font-family: "NotoR";
	}
.mdtis-stats .tab-tit.active > a { 
	background-color: #1E56C4; 
	border-color: transparent;
	color: #fff;
	font-family: "NotoB";
	}
.mdtis-stats .lstWrap {
	display: none;
	float: left;
	width: 100%;
    margin-top: 2rem;
	}
.mdtis-stats .lstWrap.active {
	display: block;
	}
	
.verify_path { margin-top: 2.5rem; overflow: hidden;}
.verify_path:after{clear:both;display:block;content:"";}
.verify_path dt {position:relative; float: left; width: 10rem; padding-left: 2rem; vertical-align: top;}
.verify_path dt i {display: block; position:absolute; top: 0.5rem;  left:0; color: #FC6719; }
.verify_path dd {position:relative;  overflow: hidden;}
.btn-box{display:block;margin-top:25px;text-align:center;}


/* 의료기기산업 통계 레이어팝업 */
.layerPop_bg.active{display:block}
.layer_contents{display:none;position:fixed;top:50%;left:50%;width:700px;background:#fff;transform: translate(-50%, -50%);z-index:101; }
.layer_contents .layer_inner{display:block;position:relative;}
.layer_contents .layer_head{display:block;padding:20px 30px;background:#039be6;}
.layer_contents .layer_head h2{display:block;color:#fff; font-size: 2.8rem; font-weight: normal; font-family: "NotoM";}
.layer_contents .layer_body{display:block;padding:3.5rem;}
.layer_contents .graybox{margin:15px 0;}
.layer_contents .graybox a {color: #000;}
.layer_contents .tabCnts{display:block;position:relative;padding-top:6rem;}
.layer_contents h3{position:absolute;top:0;left:175px;width:173px;}
.layer_contents h3.first{left:0;}
.layer_contents h3 > a{display:block;padding:1rem 0; border:1px solid #e3e4e8; background:#fff; text-align:center;}
.layer_contents h3 > a span{display:inline-block;font-size:1.5rem;color:#222}
.layer_contents h3.active > a{border-color:#0d4c99;background:#0d4c99;}
.layer_contents h3.active > a span{color:#fff;}
.layer_contents .lstWrap{display:none;width:100%;}
.layer_contents .lstWrap.active{display:block;}
.layer_contents .txtp{display:block;line-height:1.667em;color:#6c6d70;letter-spacing:-0.5px;}
.layer_contents .verify_path{display:block;margin-top:25px;}
.layer_contents .verify_path:after{clear:both;display:block;content:"";}
.layer_contents .verify_path dt{position:relative; display:inline-block; width: 90px; margin-bottom: 5px; padding-left: 20px; vertical-align: top;}
.layer_contents .verify_path dt:before{ content: "\e929"; position:absolute; left:0; top:0; display: inline-block; font-family: xeicon!important; color: red; }
.layer_contents .verify_path dd{display:inline-block;position:relative; width: calc(100% - 95px);}
.layer_contents .btn-box{display:block;margin-top:25px;text-align:center;}
.layer_contents .layer_close{position:absolute;top:0;right:0;width:64px;height:63px;}
.layer_contents .layer_close a{display:block;width:100%;height:100%;background:url('/resources/images/mdtis/content/layer_contents_colse.gif') no-repeat 50% 50%;font-size:0;line-height:0;}

/* 소개 > 사업소개 */
.section-faq{ margin-top: 10px; border-top: 2px #555555 solid; }
.section-faq .item { border-bottom: 1px #D1D5E1 solid;}
.section-faq .item:last-child{border-bottom: 1px #aaa solid;}
.section-faq .item .question { position: relative; border-bottom: 1px #D1D5E1 solid; font-family: "NotoM";}
.section-faq .item .question:before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; width: 50px; height: 45px; background: url(/resources/images/mdtis/content/faq_toggle.png) no-repeat 50% 50%;}
.section-faq .item .question a { position: relative; z-index: 1; display: block; padding:1.5rem 3rem; color: #222222;}
.section-faq .item .answer{ display: none; padding: 2rem 3rem; line-height: 1.6; background: #f8f8f8;}

.section-faq .item.in .question:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.section-faq .item.in .answer { display: block; }

.supporting{}
.supporting-txt{}
.supporting-txt [class^="title-txt"]{display:block; margin:0 0 10px 0;  color:#000; font-size: 1.8rem; font-family: "NotoM"; font-weight: normal;}
.supporting-txt .title-txt02{margin:30px 0 10px 0; }
.supporting-txt [class^="title02-txt"]{display:block; margin:0 0 10px 0;  color:#000; font-size: 1.6rem; font-family: "NotoM"; font-weight: normal;}
.supporting-txt .title02-txt02{margin:30px 0 10px 0; }
.supporting-txt p.lstyle-dot{margin-bottom: 0;}
.supporting-btn{position:relative; margin-top:2rem; padding:1.5rem 3rem; border:1px #D1D5E1 solid; background: #fff;}
.supporting-btn .btn-icon{position:relative; display:block; padding: 0.5rem 120px 0.5rem 35px;}
.supporting-btn .btn-pdf{ background: url(/resources/images/mdtis/content/icon-file01.png) 0 0.5rem no-repeat;}
.supporting-btn .icon-file{ position:absolute; right:0; top:0; margin: 0; padding: 0.5rem 3.5rem 0.5rem 1.5rem;}
.supporting-btn .icon-file:before{ top:5px; right: 10px; text-align: center;}

/* 전주기 상담  > 의료기기 전주기 절차 */
.cscm-process{ 
	position: relative;
	overflow: hidden;
	}
.cscm-process > li {
	margin-bottom: 2rem;
	overflow: hidden;
	}
.cscm-process .img {
	display: block;
	float: left;
	width: 25rem;
	overflow: hidden;
	}
.cscm-process .process-list {
	position: relative;
	overflow: hidden;
	}
.cscm-process .process-list li {display: inline-block;}
.cscm-process .process-list li .title{display:inline-block; padding: 0.5rem 1.5rem; margin-right: 0.5rem; background-color: #E8EAF0; color: #333; border-radius: 50px; font-family: "NotoM";}
.cscm-process .process-list li span{display: inline-block;  min-width: 110px; margin-right: 2rem;}
.cscm-process + .img-box{ margin-bottom: 5rem;}

/* 전주기 상담 > 혁신형 의료기기기업 인증 */
.cscm_process02{position: relative; display:flex; flex-flow: row wrap;  margin-left: -4rem; overflow: hidden;}
.cscm_process02 > li{ position: relative; width: calc(16.6% - 4rem); margin: 0 0 2rem 4rem; letter-spacing: -0.5px; }
.cscm_process02 > li > .title{display:block; margin-bottom:1rem; padding:1rem 0; background-color:#1A3E82; border-radius: 1rem; color: #fff; text-align: center; font-size: 1.7rem; font-family:"NotoM";}
.cscm_process02 > li:nth-child(2n) > .title{background-color: #1E56C4;}
.cscm_process02 > li > .box{position:relative; border: 1px #D1D5E1 solid; border-radius: 1rem; text-align: center;}
.cscm_process02 > li > .box:before{content: "";position:absolute;  top:30%; left:-35px; width:30px; height:30px; background:url('../../images/mdtis/content/system_next.png') no-repeat 50% 50%; transform: rotate(-90deg);}
.cscm_process02 > li > .box strong {display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center; height: 9rem; padding: 0 .5rem; color: #000; line-height: 1.3; font-family: "NotoM"; overflow: hidden; }
.cscm_process02 > li > .box span {display: flex; height: 6.7rem; padding: 0.5rem 0;  background-color: #F6F8FC;  border-top: 1px #D1D5E1 solid; justify-content: center; align-content: center; align-items: center; font-size: 1.5rem; }
  

/* 전주기 상담 > 혁신 의료기기 · 군 지정  */
.img-box .img-title{display:block; font-family: "NotoM"; color: #000;}

.cscm_process_box {margin-bottom: 3rem;}
.cscm_process03{position: relative;margin-left: -1rem;letter-spacing: -1px;}
.cscm_process03:after{display: block; clear: both; visibility: hidden;content: ""; }
.cscm_process03 > li {float: left; margin-left: 1rem;}
.cscm_process03 > li > strong {display:block; padding: 1.5rem 0; background-color:#1A3E82; border-radius: 1rem; color: #fff;}
.cscm_process03 > li > ul > li {position:relative; margin-top: 1rem; padding: 1rem 0; border:1px #D1D5E1 solid; border-radius: 1rem; font-size: 1.6rem;}
.cscm_process03 > li.innovation-box01{width: calc(55% - 1rem); }
.cscm_process03 > li.innovation-box02{width: calc(25% - 1rem); padding-right: 4rem;}
.cscm_process03 > li.innovation-box02 > ul > li:after{display:block; position:absolute; top: 50%; right: -4rem; width: 3rem; height: 3rem;background:url('../../images/mdtis/content/system_next.png') no-repeat 50% 50%; transform: translateY(-50%) rotate(-90deg); content: ""; }
.cscm_process03 > li.innovation-box03{width: calc(20% - 1rem);}
.cscm_process03 > li.innovation-box03 > strong {background-color:#1E56C4;}

/* 개인정보 수집 및 이용안내 */
.note_matter .note_txt{margin: 2rem 0;}
.note_matter .assent{margin-top:2rem;}

/* 의료기기산업정보 > 시장규모현황 > 국가별 교역정보 */
.market-search [class^="col-"] {
	float: none;
	}
.world-map {
	margin-top: 2rem;
	padding: 7rem 8rem;
	background-color: #F6F8FC;
	text-align: center;
	}

/* 의료기기산업정보 > 의료기기 산업 인프라 정보 */
.support-flowchart {
	margin-top: 4rem;
	}
.support-flowchart > li {
	width: 25%;
	}
.support-flowchart .subject {
    line-height: 1.4;
	font-size: 1.6rem;
	}	
.examples-apply {
	padding: 4rem;
	border: 1px solid #D1D5E1;
	overflow: hidden;
	}
.examples-apply > li {
	display: flex; flex-flow: row wrap;
	position: relative;
	overflow: hidden;
	}
.examples-apply > li::after {
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 2rem auto;
	border-radius: 100%;
	border: 1px solid #D1D5E1;
	color: #D1D5E1;
    text-align: center;
	font: normal 2.2rem/1.9 xeicon;
	content:"\e941";
	}
.examples-apply > li:last-child::after {
	display: none;
	}
.examples-apply .tit {
	display: flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	width: 27.6rem;
	margin-right: 2rem;
	border-radius: 1rem;
	color: #fff;
	text-align: center;
	}
.examples-apply .txt {
    width: calc(100% - 29.6rem);
    padding: 2rem 2.2rem 1.5rem;
	border: 1px solid #D1D5E1;
	border-radius: 1rem;
	}
.examples-apply .color01 {background-color: #099FBE;}
.examples-apply .color02 {background-color: #0D91BF;}
.examples-apply .color03 {background-color: #1085C0;}
.examples-apply .color04 {background-color: #137AC1;}
.examples-apply .color05 {background-color: #1670C2;}
.examples-apply .color06 {background-color: #1A64C3;}
.examples-apply .color07 {background-color: #1E57C4;}
	
/* 소개 > 주요사업 */
.business-process {
	overflow: hidden;
	}
.business-process > li {
	position: relative;
    min-height: 28rem;
	margin-bottom: 13rem;
	padding: 4rem 5rem 4rem 30rem;
	border: 1px solid #D1D5E1;
	}
.business-process > li::after {
	position: absolute;
	bottom: -8rem;
	left: 50%;
	width: 5rem;
	height: 3.1rem;
	background: url(../../images/mdtis/content/plan_process.png) no-repeat 0 0 / contain;
	transform: translateX(-50%);
	content: '';
	}
.business-process > li:last-child {
	margin-bottom: 0;
	}
.business-process > li:last-child::after {
	display: none;
	}
.business-process .step {
	display: block;
	position: absolute;
	top: 4rem;
	right: 5rem;
	line-height: 1.5;
	font-size: 1.6rem;
	}
.business-process .step::before {
	display: block;
	width: 100%;
	height: .5rem;
    margin-bottom: .9rem;
	background-color: #333;
	content: '';
	}
.business-process .pic {
	display: block;
	position: absolute;
	top: 4rem;
	left: 5rem;
    line-height: 1;
	}
.business-process .subject {
	display: block;
	margin-bottom: 2rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #D1D5E1;
	font-size: 2.4rem; 
	}
.business-process .btn-area {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	margin-top: 1.4rem;
	}	
.business-process [class*="btn-type"] {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	width: calc(50% - 1rem);
	margin: .5rem;
	padding: .9rem 3rem .8rem 2rem;
	border-color: #D1D5E1;
	color: #333;
	font-size: 1.6rem;
	text-align: left;
	}
.business-process [class*="btn-type"]:hover,
.business-process [class*="btn-type"]:focus,
.business-list > li a:hover,
.business-list > li a:focus {
	background-color: #1E56C4;
	border-color: transparent;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
	}
.business-process [class*="btn-type"] i {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	margin-left: 2rem;
	transform: translateY(-50%);
	}
.main-business {
	padding: 10rem 2.5rem;
	background: url(../../images/mdtis/content/plan_info.jpg) no-repeat center 0 / cover;
	}	
.business-list {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	overflow: hidden;
	}
.business-list > li {
	width: calc(50% - 5rem);
    margin: 1rem 2.5rem;
    overflow: hidden;
	}
.business-list > li a {
	position: relative;
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;
    width: 100%;
    height: 100%;
    padding: 2rem 4rem 1.75rem 2.5rem;
    background-color: #fff;
    line-height: 1.3;
	}
.business-list > li a i {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
	}
.business-detail .table_wrap {
	margin-top: 1rem;
	}
[id*="business-cont"] .table_wrap .xsmall {
	display: block;
	margin: .25rem auto;
	padding: 0.75rem 1.5rem;
    font-size: 1.5rem;
	}
.center-org {
	overflow: hidden;
	}	
.center-org > li {
	float: left;
	width: 50%;
	overflow: hidden;
	}
.center-org .txt {
	display: block;
	margin: 1rem 0;
	}	
.center-org .btn-type02 {
    min-width: 12rem;
    padding: 0.5rem;
    font-size: 1.5rem;
	}
.member-wrap {
    position: relative;
    width: 52rem;
    max-width: 100%;
    margin: 3rem auto 0;
    padding: 5rem;
    border: solid 5px #eff0f2;
	}
.member-wrap .subject {
	margin-bottom: 2rem;
    text-align: center;
	}
.member-wrap .setting-info {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	}	
.member-wrap input[type="email"],
.member-wrap input[type="password"] {
    width: 100%;
    height: 5rem;
	margin-bottom: 0.5rem;
	padding: 1rem;
  	box-sizing: border-box;
  	font-size: 1.6rem;
	}
.member-wrap .btn_login {
	margin-top: 1.3rem;
	}
.member-wrap .btn_login input[type="button"]{
	display: block;
    width: 100%;
    height: 5rem;
	margin: 1rem 0 1.5rem;
    background-color: #1E56C4;
    color: #fff;
	}
.member-wrap .info {
	font-size: 1.6rem;
	}
.member-wrap .btn_area {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: solid 1px #efefef;
	}
/* 사업자번호 조회 오류 안내 */	
.niceid-error {
	margin-top: 5rem;
    padding: 3.6rem 3.7rem;
    border: 1px solid #D1D5E1;
    font-size: 1.6rem;
    font-family: NotoL;
	}	
.niceid-error .subject {
    display: block;
    margin-bottom: 0.7rem;
    color: #00306e;
    font-size: 2.4rem;
    font-family: NotoB;
	}
.niceid-error .txt-link {
	margin-top: 1rem;
    font-family: NotoM;
	}	
.niceid-error .txt-link a {
	margin-left: 1rem;
    padding: 1rem;
	}
/* 기관회원가입 탭 */	
.member-nav {
	position: relative;
	display: flex;
	margin-bottom: 3rem;
	}
.member-nav > li {
	position: relative;
	display:flex;
    align-items: center;
    justify-content: center;
	width: 25%;
	height: 6rem;
	background-color: #F5F5F5;
	font-size: 1.8rem;
	}
.member-nav > li:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 3rem solid transparent;
    border-right-width: 0;
    border-left-color: #F5F5F5;
    content: "";
    z-index: 1;
	}
.member-nav > li:after {
    position: absolute;
    top: -0.4rem;
    left: 0;
    width: 0;
    height: 0;
    border: 3.4rem solid transparent;
    border-right-width: 0;
    border-left-color: #fff;
    content: "";
	}
.member-nav > li:first-child:before,
.member-nav > li:first-child:after{
	display: none;
	}
.member-nav > li .num{
	display: inline-block;
	width:2.6rem;
	height: 2.6rem;
	margin-right: 0.8rem;
	background-color: #D1D5E1;
    border-radius: 100%;
    text-align: center;
    font-size: 1.6rem;
	}
.member-nav > li.active{
	background-color: #3A3D53;
	color: #fff;
	}
.member-nav > li.active + li:before {
    border-left-color: #3A3D53;
	}
.member-nav > li.active .num {
    background-color: #fff;
    color: #333;
    font-family: 'NotoB';
	}
/* 회원가입 완료 */
.join-complete {
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 1.6rem;
	padding: 8rem 5rem;
	border: 1px solid #D1D5E1;
	}
.join-complete .bg {
	display: block;
	width: 40%;
	text-align: center;
	}
.join-complete .txt {
	width: 60%;
	}
.join-complete .subject {
	display: block;
	margin-bottom: 2rem;
	color: #333;
	line-height: 1.3;
	font-size: 3rem;
	}
.equipment-download {
	display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;	
	margin-bottom: 4rem;
	}
.district-group .basic_searchForm {
    margin-bottom: 5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #D1D5E1;
    text-align: center;
	}	
.district-group .basic_searchForm label {
    margin-right: 1rem;
    font-family: NotoB;
	}	
.district-group .basic_searchForm option {
	font-size: 1.5rem;
	}
/*의료기기산업 인프라 맵  */		
.infra-map 	{
	display: flex; flex-flow: row wrap; justify-content: space-between;
	overflow: hidden;
	}
.infra-map .map {
	width: 49.6%;
    height: 80rem;
	padding: 4.8rem 3.5rem;
	background-color: #F6F8FC;
	/* border: 1px solid #D1D5E1; */
	}
.infra-map .line, .infra-map path.map-slice  {fill:#FFFFFF; stroke:#D1D5E1; stroke-miterlimit:10; transition: all 0.5s ease;}
.infra-map .txt-box {fill:#D1D5E1; transition: all 0.5s ease; }
.infra-map .txt {fill:#3f3f3f; font-size: 16px;}
.infra-map .circle {fill:#FFFFFF;}
.infra-map .xeicon {fill:#1E56C4; font-size: 18px; font-family:'xeicon';}
.infra-map a.map-slice {transition: all 0.5s ease;}
.infra-map a.map-slice:hover,
.infra-map a.map-slice:focus {text-decoration: none;}
.infra-map a.map-slice:hover .txt-box, 
.infra-map a.map-slice:focus .txt-box, 
.infra-map a.map-slice.active .txt-box {fill: #1E56C4;}
.infra-map a.map-slice:hover .line,
.infra-map a.map-slice:focus .line,
.infra-map a.map-slice.active .line {fill: #D1D5E1; stroke: #D1D5E1;}
.infra-map a.map-slice:hover .txt,
.infra-map a.map-slice:focus .txt,
.infra-map a.map-slice.active .txt {fill: #fff; transition: all 0.5s ease; font-family: 'NotoM';}
	
.district-group {
	width: 47.6%;
	}
.district-area {
	display: none;
	}
.district-area.active {
	display: block;
	}
.district-area .scroll {
    height: 72.5rem;
    overflow: scroll;
	}	
.infra-list > li {
	margin-bottom: 1rem;
	}	
.infra-list a {
	display: block;
	position: relative;
    min-height: 5.2rem;
	padding: 1.1rem 6rem 1.1rem 2rem;
	border: 1px solid #D1D5E1;
	border-radius: 0.5rem;
	color: #333;
	transition: all 0.5s ease;
	}
.infra-list a i {
	display: block;
	position: absolute;
	top: 50%;
	right: 2rem;
    width: 3rem;
    height: 3rem;
	border: 1px solid #D1D5E1;
	border-radius: 100%;
	color: #D1D5E1;
    line-height: 1.8;
    text-align: center;
	transition: all 0.5s ease;
	transform: translateY(-50%);
	}
.infra-list a.active,	
.infra-list a:hover,
.infra-list a:focus {
	text-decoration: none;
	font-family: NotoB;
	}
.infra-list a.active i,
.infra-list a:hover i,
.infra-list a:focus i {
	background-color: #1E56C4;
	border-color: transparent;
	color: #fff;
	}	
.infra-list a strong {
	display: inline-block;
	margin-left: 1rem;
	}
	
/* 혁신형 의료기기기업 */
.innovative-company {
	display: flex;  flex-flow: row wrap;
	margin: 0 -.5rem;
	}
.innovative-company > li {
	width: calc(50% - 1rem);
	margin: 0 .5rem 1rem;
	}	
/* 의료기기 사용현황 정보 */
.columnchart-material {
	height: 50rem;
	margin-bottom: 5rem;
	}	
/* 평가위원 로그인 */
.evaluator-login {
    width: 53rem;
	}	
.evaluator-login p {
	display: flex; flex-flow: row wrap; 
	min-height: 3.6rem;
	margin: 0.5rem 0;
	}	
.evaluator-login .label,
.evaluator-login .input {
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
	}
.evaluator-login .label {
	width: 10rem;
    font-family: NotoB;
	}
.evaluator-login .input {
	width: calc(100% - 10rem);
	}	

/* 커뮤니티 */
.topbox {
	position: relative;
	overflow: hidden;
	border-radius: .5rem;
	padding: 7rem;
	min-height: 27rem;
	display: flex;
	flex-direction: column;
	color: #fff;
	letter-spacing: -0.03em;
	gap: .9rem;
	justify-content: center;
}

.topbox_title {
	font-size: 3.2rem;
	font-weight: 700;
}

.topbox_desc {
	font-size: 2rem;
	line-height: calc(28/20);
}

.community_label {
	display: inline-flex;
	gap: .5rem;
	white-space: nowrap;
	min-width: 11.4rem;
	height: 3.6rem;
	align-items: center;
	border: 2px solid;
	padding: 0 .75rem;
	font-size: 1.7rem;
	letter-spacing: -0.03em;
	justify-content: center;
	text-align: center;
	border-radius: 3rem;
}

.community_label.type01 {
	border-color: #229FA4;
	color: #229FA4;
}
.community_label.type02 {
	border-color: #065E85;
	color: #065E85;
}
.community_label.type03 {
	border-color: #E17D31;
	color: #E17D31;
}
.community_label.type04 {
	min-width: 10rem;
	border-color: #078F6F;
	color: #078F6F;
}
.community_label.type05 {
	min-width: 10rem;
	border-color: #AE0707;
	color: #AE0707;
}
.community_label.type06 {
	min-width: 10rem;
	border-color: #555555;
	color: #555555;
}

.community_state {
	display: flex;
	gap: 1.6rem;
	align-items: center;
	margin-left: auto;
}

.community_state_item {
	display: flex;
	gap: 1rem;
	align-items: center;
	color: #666666;
}

.community_state_item i {
	background:#F1F1F2;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.9rem;
}

.community_state_item i.xi-heart {
	color: #F55C5C;
}

.community_state_item i.xi-message {
	color: #1DB4AF;
}

.community_state_button.button {
	background: #F55C5C;
	border-color: #F55C5C;
	color: #fff;
}

.community_state_button.button::after {
	display: block;
	content: "\ea11";
	font-family: 'xeicon';
	font-size: 1.9rem;
	color: #fff;
}

.community_state_button.button.active::after {
	content: "\ea10";	
}

.topbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.currentList {
	display: flex;
	gap: 2rem;
}

.currentList_item {
	flex: 1;
	border: 1px solid #ddd;
	border-radius: 1rem;
	padding: 3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	letter-spacing: -0.03em;
}

.currentList_item_label {
	margin-bottom: 1rem;
}

.currentList_item_title {
	margin-bottom: 1.9rem;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: calc(24/19);
	color: #333;
}

.currentList_item_information {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto;
}

.currentList_item_information > * {
	padding-left: 1.7rem;
	margin-left: 1.7rem;
	font-size: 1.7rem;
	color: #999999;
	position: relative;
}
.currentList_item_information > *::after {
	display: block;
	content: "";
	width: 1px;
	height: 1rem;
	background: #ddd;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: -0.5px;
}
.currentList_item_information > *:first-child {
	padding-left: 0;
	margin-left: 0;
}
.currentList_item_information > *:first-child::after {
	display: none;
}

.currentList_item_state {
	padding-top: 2rem;
	margin-top: 2rem;
	width: 100%;
	border-top: 1px solid #ddd;
}

.searchBox {
	padding: 3rem 4rem;
	margin: 4rem 0;
	letter-spacing: -0.03em;
	background: #FAFAFB;
}

.searchBox_tab {
	width: 100%;
	margin: 0 auto;
	display: flex;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	justify-content: center;
}

.searchBox_tab a {
	width: 12rem;
	height: 4rem;
	display: flex;
	align-items: center;
	font-size: 1.7rem;
	color: #535353;
	background: #fff;
	border: 1px solid #E5E5E5;
	text-align: center;
	justify-content: center;
}

.searchBox_tab a + a {
	margin-left: -1px;
}

.searchBox_tab a.active {
	background: #1E56C4;
	border-color: #1E56C4;
	color: #fff;
	font-weight: 700;
}

.articles_sort {
	display: flex;
	align-items: center;
}

.articles_sort_item {
	position: relative;
	font-size: 1.6rem;
	display: flex;
	gap: .8rem;
	color: #333;
	align-items: center;
	background: transparent;
	box-shadow: 0 1rem 2rem rgba(0,0,0,0);
	line-height: 1;
}

.articles_sort_item + .articles_sort_item {
	padding-left: 1.5rem;
	margin-left: 1.5rem;
}

.articles_sort_item + .articles_sort_item::before {
	display: block;
	content: "";
	width: 2px;
	height:1.3rem;
	background: #ddd;
	position: absolute; 
	left: -1px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.articles_sort_item input {
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(0,0,0,0);
}

.articles_sort_item:has(input:checked)::after {
	display: block;
	content: "\e92b";
	font-family: 'xeicon';
	font-size: 2rem;
	color: #1E56C4;
	line-height: 1;
	margin-top: .25rem;
}

.board_community {
	border-top: 2px solid #333333;
	letter-spacing: -0.03em;
}

.board_community_item {
	padding: 3.2rem 3rem;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	transition: .25s;
}

.board_community_item:hover{
	background: #FAFAFB;
	box-shadow: 0 1rem 2rem rgba(0,0,0,0.08);
}

.board_community_information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.board_community_label {
	margin-bottom: 1rem;
}

.board_community_title {
	font-size: 1.9rem;
	margin-bottom: 2rem;
	color: #333333;
}

.board_community_user > * {
	padding-left: 1.7rem;
	margin-left: 1.7rem;
	font-size: 1.7rem;
	color: #999999;
	position: relative;
}

.board_community_user > *::after {
	display: block;
	content: "";
	width: 1px;
	height: 1rem;
	background: #ddd;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: -0.5px;
}
.board_community_user > *:first-child {
	padding-left: 0;
	margin-left: 0;
}

.board_community_user > *:first-child::after {
	display: none;
}

.viewInformation {
	padding: 3rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.desc {
	display: flex;
	gap: 1rem;
	letter-spacing: -0.03em;
	color: #666;
	font-size: 1.6rem;
}

.desc i {
	flex-shrink: 0;
	color: #333;
	font-size: 2rem;
	margin-top: .25rem;
}

.button {
	border: 1px solid #E5E5E5;
	display: inline-flex;
	padding: 0 2rem;
	white-space: nowrap;
	gap: 1.3rem;
	font-size: 1.6rem;
	color: #333;
	border-radius: 3rem;
	height: 4rem;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.button i {
	font-size: 1.9rem;
}

.community_view_title {
	display: flex;
	gap: 1rem;
	justify-content: center;
}
.comment {
	position: relative;
	letter-spacing: -0.03em;
}

.comment pre {
	font-family: inherit;
	word-break: break-all;
	white-space: pre-wrap;
}

.comment_write {
	margin: 2rem 0 0;
	border: 1px solid #E1E1E1;
	/* display: none; */
}

.comment_write textarea {
	height: 8.8rem;
	padding: 1.5rem 2rem;
	border: none;
	display: block;
	width: 100%;
	resize: none;
}

.comment_write_interface {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	background: #F8F9FA;
	align-items: center;
	padding-left: 2rem;
}

.comment_write_interface_count {
	color: #aaa;
	font-size: 1.3rem;
}

.comment_write_interface_count_current {
	color: #555555;
}

.comment_list {
	border-top: 1px solid #555;
	margin-top: 3rem;
}

.comment_list .comment_write {
	display: none;
}

.comment_list_information.active + .comment_write {
	display: block;
}

.comment_list_information {
	padding: 2rem;
	border-bottom: 1px solid #E5E5E5;
	width: 100%;
}

.comment_list_user {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	align-items: center;
	margin-bottom: .8rem;
}

.comment_list_user_information {
	display: flex;
	align-items: center;
}

.comment_list_user_information > * + * { 
	padding-left: .8rem;
	margin-left: .8rem;
	position: relative;
}

.comment_list_user_information > * + *::before {
	display: block;
	content: "";
	width: 1px;
	height: 1.2rem;
	background: #DDDDDD;
	position: absolute;
	left: -0.5px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.comment_list_user_information_name {
	color: #333;
}

.comment_list_user_information_date {
	color: #999;
	font-size: 1.4rem;
}

.comment_list_user_edit {
	display: flex;
	font-size: 1.5rem;
	align-items: center;
}

.comment_list_user_edit > * {
	position: relative;
	color: #999;
}

.comment_list_user_edit > * + *  {
	padding-left: .8rem;
	margin-left: .8rem;
}

.comment_list_user_edit > * + *::before {
	display: block;
	content: "";
	width: 1px;
	height: 1.2rem;
	background: #DDDDDD;
	position: absolute;
	left: -0.5px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.comment_list_content {
	word-break: break-all;
	color: #666666;
}

.comment_list_content .comment_write {
	display: block;
}

.comment_list_interface {
	margin-top: 2rem;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
	gap: 1rem;
}

.comment_list_interface .community_state {
	margin-left: auto;
}

.comment_list_depth_item {
	padding-left: 2rem;
	position: relative;
}

.comment_list_depth_item::before {
	display: block;
	content: "";
	width: 1rem;
	height: 1rem;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	position: absolute;
	top: 2.3rem;
	left: 2rem;
}

.iconbox {
	position: relative;
	padding: 5.5rem 4rem 5.5rem 17rem;
	background: #F6F8FC;
    border: none;
	margin-bottom: 4rem;
	}
.iconbox::before {
	display: block;
	position: absolute;
    top: 3.4rem;
    left: 4rem;
	width: 9rem;
	height: 9rem;
	background: url(../../images/mdtis/content/iconbox_write.svg) no-repeat 0 0 / cover;
	content: '';
	}
.iconbox .title {
	float: none;
	margin-bottom: 1rem;
	color: #555;
	font-size: 2.3rem;
	}
.iconbox .txt {
	float: none;
    margin: 0;
    padding-left: 0;
    background: none;
	}

@media (max-width:1024px) {
	.topbox {
		padding: 4rem 3rem;
		justify-content: center;
		min-height: auto;
	}

	.topbox_title {
		font-size: 2.6rem;
	}

	.topbox_desc {
		font-size: 1.7rem;
	}

	.searchBox {
		padding: 3rem;
	}
	
	.currentList {
		flex-wrap: wrap;
	}

	.currentList_item {
		flex: none;
		width: calc(100% / 2 - 2rem * 1 / 2);
	}
}

@media (max-width:768px) {
	.board_community_item {
		flex-direction: column;
		align-items: stretch;
		gap: 2rem;
		padding: 2.5rem;
	}
	.viewInformation {
		flex-direction: column-reverse;
	}
	.community_view_title {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

@media (max-width:540px) {
	.topbox {
		padding: 3rem 2rem;
	}

	.topbox_desc {
		font-size: 1.6rem;
	}

	.iconbox {
		padding-left: 4rem;
	}

	.iconbox::before {
		position: inherit;
        top: inherit;
        left: inherit;
        margin: 0 auto 1rem;
	}

	.searchBox_tab {
		flex-direction: column;
	}

	.searchBox_tab a {
		width: 100%;
	}
	
	.searchBox_tab a + a {
		margin-left: 0;
	}

	.searchBox .multi_searchForm {
		margin-bottom: 0;
	}

	.currentList_item {
		width: 100%;
	}

	.comment_list_interface {
		flex-direction: column-reverse;
	}

	.comment_list_interface .community_state {
		margin-left: 0;
	}
	.community_state_button.button {
		padding: 0 1rem;
		gap: .75rem;
		height: 3.6rem;
	}
	.comment_list_open {
		width: 100%;
	}
}

.viewContent > img {
	display: block;
	margin: 0 auto;
}