@charset "utf-8";
/*-------------------------------------------------
2020. 12. 
 -------------------------------------------------*/ 

#detail_content{margin-bottom: 10rem;}
[class*="btn_redSmall"], [class*="btn_blueSmall"], [class*="btn_graySmall"], [class*="btn_purpleSmall"], [class*="btn_brownSmall"], [class*="btn_navySmall"], [class*="btn_greenSmall"], [class*="btn_orangesmall"] {
	background-image: none;
	}
.checks > span {
	padding-left: 2.5rem;
	}	
 /* 탭메뉴 STYLE */
.tab_menu {
	display: flex;
    display: -webkit-flex;
    position: relative;
    top: 0;
    width: calc(100% + 1rem);
    margin: 0 -.5rem 2.4rem;
    padding: 0 0 1rem 0.1rem;
    letter-spacing: -0.02em;
    flex-flow: row wrap;
    font-size: 1.6rem;
	}
.tab_menu > li {	
    position: relative;
    width: calc(20% - 1rem);
    margin: 0 0.5rem 1rem;
    text-align: center;
    vertical-align: middle;
	}
.tab_menu > li > a {	
    position: relative;
    display: flex;
    display: -webkit-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: #FC6719; 
	border-color: transparent;
	color: #fff;
	font-family: "NotoB";
	}
.tab_menu > li.on:before {
	position: absolute;
    bottom: -.8rem;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -0.5rem;
    border-top: .8rem solid #FC6719;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    content: '';
    z-index: 1;
	}
		
.tab2dehON{
	padding-bottom: 55px;
}
.tab-2deh-meun {
	position: absolute;
	display:block;
	width: 1150px;
	padding-top: 1rem;
	text-align: left;
}

.tab-2deh-meun:after{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	border-bottom: 1px #ddd solid;
}

.tab-2deh-meun > li{
	position:relative;
	display: inline-block;
	margin:0 2.5rem;
}
.tab-2deh-meun > li > a{
	display:block;
	padding: 1.5rem 0;
}

.tab-2deh-meun > li.active > a{
	position:relative;
	color: #333333; 
	font-family: "NotoB";
	}
.tab-2deh-meun > li.active:after{
	content: "";
	position:absolute; 
	left:0;
	bottom:-1px;
	width: 100%;
	height: 5px;
	background: #282728;
}

/* 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: #FFB70F;
	content: '';
	}
[class*="depth1-title"]::after {
	width: 2rem;
	background-color: #FC6719;
	}
.depth1-title02 {
	margin-top: 6rem;
	}
[class*="depth2-title"]{
	position: relative;
	margin: 2.2rem 0 1.8rem;
	padding-top: 1rem;
	color: #3 33;
	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: #FFB70F;
	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 {
	padding: .7rem 1rem;
	border-bottom: 1px solid #D8DCE4;
	overflow: hidden;
	}
.fake-table .tit {
	display: block;
	float: left;
	}	
.fake-table .txt {
	display: block;
	width: auto;
	overflow: hidden;
	}

/* 회색 박스 */
.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: 3rem 3.5rem 3rem;
	background-color: #fff;
	border: 1px solid #ddd;
	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 #ddd;
	text-align: center;
	overflow: hidden;
	}
.img-box02 {
	text-align: center;
	}
/* 상단 박스 */
[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/mdi/content/equip_info.png) no-repeat right 0;
	content: '';
	}
	
/* 종합지원센터 소개 STYLE
-------------------------------------------------------- */
.onestop-service {
    margin: 0 auto 7.5rem;
    padding: 15rem 0 17rem;
	background: url(../../images/mdi/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: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb70f), color-stop(1, #fc6819));
	background: -webkit-linear-gradient(top,  #ffb70f 0%, #fc6819 100%);
	background: -moz-linear-gradient(top, #ffb70f 0%, #fc6819 100%);
	background: -o-linear-gradient(top,  #ffb70f 0%, #fc6819 100%);
	background: -ms-linear-gradient(top,  #ffb70f 0%, #fc6819 100%);
	background: linear-gradient(top,  #ffb70f 0%, #fc6819 100%);
	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/mdi/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, #223D94 0%, #FC6719 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 {
	position: absolute;
	top: 7rem;
	right: -1rem;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../../images/mdi/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: #F4F5F6;
    border-radius: 100%;
    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 #ddd 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/mdi/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: #FC6719;
    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/mdi/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: #FC6719;
    vertical-align: middle;
	content: '';
	}
.matching-title .subject::before {
	margin-right: 3rem;
	}
.matching-title .subject::after {
	margin-left: 3rem;
	background-color: #FFB70F;
	}
[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/mdi/content/system_next.png') no-repeat 50% 50%; content: ""; }
.system-improvement .subject{display:block; padding:1.8rem 1.5rem;  background-color: #1a2460; border-radius: 1rem; text-align: center;color: #fff;}
.system-improvement .box{position: relative; padding: 3.5rem 3rem; border:1px #ddd solid; border-radius: 1rem;  overflow: hidden;}
.system-improvement > li:nth-child(2) .subject {background:#fc6719;}
.system-improvement .txt-bold {margin-bottom: 1rem; font-family: NotoM;}

/* 종합지원센터 > 찾아오시는길 */
.map-img{border:1px #ddd 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 #ddd 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/mdi/content/greeting_arow.png) no-repeat 0 0 / contain;
	content: '';
	}
.greeting .first-txt::after {
	background: url(../../images/mdi/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;
	}	

/* 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 #ddd 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/mdi/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/mdi/content/icon-file01.png);}
.icon-file02:before{background-image: url(/resources/images/mdi/content/icon-file02.png);}
.icon-file03:before{background-image: url(/resources/images/mdi/content/icon-file03.png);}
.icon-file04:before{background-image: url(/resources/images/mdi/content/icon-file04.png);}
.icon-file05:before{background-image: url(/resources/images/mdi/content/icon-file05.png);}
.icon-file06:before{background-image: url(/resources/images/mdi/content/icon-file06.png);}
.icon-file07:before{background-image: url(/resources/images/mdi/content/icon-file07.png);}
.icon-file08:before{background-image: url(/resources/images/mdi/content/icon-file08.png);}
.icon-file09:before{background-image: url(/resources/images/mdi/content/icon-file09.png);}
.icon-file10:before{background-image: url(/resources/images/mdi/content/icon-file10.png);}

.graybox_lstyle { display:flex; flex-flow: row wrap; margin-left: -20px; text-align: center; overflow: hidden; }
.graybox_lstyle > li { display: inline-block; width: calc(50% - 20px); margin-left:20px; margin-bottom:20px; background: #fafbfd; border: solid 1px #ddd; overflow: hidden;}
.graybox_lstyle > li strong { display: block; margin: 10px 0; color: #333; font-size: 2rem; font-family: "NotoM"; }
.graybox_lstyle > li a { display: block; padding: 20px 0; }

/* 시장정보 > 품목별 시장정보  */
[class^="box_style"] {margin: 1rem auto 3.5rem; border: 1px solid #ddd; text-align: center;  overflow: hidden; }
[class^="box_style"] .box-title {display:block; padding: 2rem 3rem; background: #f5f5f5; border-bottom: 1px solid #ddd; text-align:left; color: #1a2460; font-size:1.7rem; font-weight: normal; font-family: "NotoM";}
.box_style02 {border-top: 2px solid #6e747c;}

.market-search {
	padding: 2rem 3rem;
	}
.market-search [class*="col-sm"] {
	float: none;
	display: inline-block;
	}	
.market-search .input-group {
	display: inline-block;
	}
.market-search .checks.display-inline {
	margin-right: 2rem;
    padding: 0.9rem 0;
    vertical-align: top;
	}

/* 시장정보 > 국가별 교역정보 */
[class^="flagbox"]{ margin-bottom:5rem; padding: 3.5rem 3.5rem 3rem; border: 1px #ddd solid; overflow: hidden;}
.flagNation_area { padding: 25px 20px 30px; background: #fafafb; border: 1px solid #d7dbdf; overflow: hidden;}
.flagNation_area .float_left { width: 112px; margin-top: 20px; padding-top: 20px; border-top: solid 1px #e9eaee; color: #000;}	
.flagNation_area .float_left:after { display: inline-block; width: 10px; height: 7px; background: url(../../images/common/content/depth4_arrow.gif) no-repeat right center;content: ''; }

.flagNation-list {display:flex; flex-flow: row wrap; font-size: 1.6rem;  overflow: hidden;}	
.flagNation-list li {position: relative; width: 25%; margin: 1rem 0; color:#000; overflow: hidden;}
.flagNation-list li a {display: block; overflow: hidden;}
.flagNation-list .flag{display: block; float: left; width: 6rem; margin-right: 1rem; vertical-align: middle; overflow: hidden;}
.flagNation-list .flag img{width:100%;}
.flagNation-list .nation-txt {display: block; overflow: hidden;}
.flagNation-list .exclamation2{background: url(../../images/ghk/content/bg_exclamation.gif) 250px 0 no-repeat #fafafb; text-align: center; height: 45px; line-height: 45px; margin-top: 10px;} 

/* 법령 정보 > 국내 법령  */
.law-banner {display: flex; display: -webkit-flex; flex-flow: row wrap; margin-bottom: 3rem;  background-color:#fafbfd; border: 1px solid #eaeaea; overflow: hidden;}	
.law-banner > li {position: relative; width: 50%; padding: 3.5rem 4rem; overflow: hidden;}
.law-banner > li:first-child{border-right: 1px solid #eaeaea; }
.law-banner > li .banner {display: block; float: left; height: 3.8rem; line-height: 1;}
.law-banner > li > a{display: block; float: right; padding: .5rem 1.5rem; background-color: #fff; border-radius: 10rem;  border:1px #ddd solid; ;}
.law-banner > li > a > i {margin: 0 0.5rem;}

.legislative-bureau {display:flex; flex-flow: row wrap; margin-bottom: 5rem; padding: 4rem 2rem;   background: #fafbfd; border:1px #ddd solid; overflow: hidden;}
.legislative-bureau li {position: relative; width:20%; text-align:center; overflow: hidden; }
.legislative-bureau li:after{display: block;  position:absolute; top:50%;  right:0; width: 1px; height: 100%; background-color: #ddd; transform: translateY(-50%);content: "";}
.legislative-bureau li:last-child:after{content: none;}
.legislative-bureau li a {display: block; height: 100%; }
.legislative-bureau li a:before {display: block;width: 40px; height: 50px; margin: 0 auto; background: url(/resources/images/mdi/content/legislative_bureau.png) no-repeat 0 0; content: '';}
.legislative-bureau .list02 a:before { background-position: 0 -50px; }
.legislative-bureau .list03 a:before { background-position: 0 -100px; }
.legislative-bureau .list04 a:before { background-position: 0 -150px; }
.legislative-bureau .list05 a:before { background-position: 0 -200px; }
.legislative-bureau li strong { display: block; margin-bottom: 1rem; text-align: center; color: #333; font-size: 1.8rem; font-family: "NotoM"; }	
.legislative-bureau > li .linkTxt {display: inline-block; padding:0.5rem 1rem 0.5rem 2rem; border:1px #ddd solid; background: #fff; border-radius: 100px;font-size: 1.5rem; }
.legislative-bureau > li .linkTxt > i {margin: 0 0.5rem;}

/* 법령정보 > 해외 법령 */
.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:hover:after{display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px #fc6719 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: #1a2460 url(../../images/mdi/content/flag_map.png) no-repeat 50% 30%; 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 .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 #ddd 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 1rem; letter-spacing: -0.5px; border-bottom: 1px #ddd solid;  overflow: hidden;}
.stats_search .title_round{display:block; padding:1rem 2rem; background: #f9f9f9; border-top: 1px #000 solid; border-bottom: 1px #ddd 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;}

/* 의료기기산업 통계 레이어팝업 */
.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/mdi/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 #ddd solid;}
.section-faq .item:last-child{border-bottom: 1px #aaa solid;}
.section-faq .item .question { position: relative; border-bottom: 1px #ddd 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/mdi/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 #ddd 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/mdi/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:#1a2460; border-radius: 1rem; color: #fff; text-align: center; font-size: 1.7rem; font-family:"NotoM";}
.cscm_process02 > li:nth-child(2n) > .title{background-color:#FC6719;}
.cscm_process02 > li > .box{position:relative; border: 1px #ddd 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/mdi/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: 6rem; padding: 0.5rem 0; background-color: #f8f8f8; border-top: 1px #ddd solid; justify-content: center; align-content: center; align-items: center; font-size: 1.5rem; font-family: "NotoL"; }

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

.cscm_process03{position: relative; margin: 2rem 0 2rem -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; margin-bottom:1rem; padding: 1.5rem 0; background-color:#1a2460; border-radius: 1rem; color: #fff;}
.cscm_process03 > li > ul > li{position:relative; margin-bottom: 1rem; padding: 1rem 0; border:1px #ddd solid; border-radius: 1rem;}
.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/mdi/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:#fc6719;}

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

/* 소개 > 주요사업 */
.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/mdi/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: #FC6719;
	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;
	display: -webkit-flex;
	flex-flow: row wrap;
	align-items: center;
	/* align-content: center; */
	width: calc(50% - 1rem);
	margin: .5rem;
	padding: 0.6rem 3rem .6rem 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: #FC6719;
	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/mdi/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;
	}