@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body {
	height:100%;
	-webkit-appearance:none;
	font-family:Nanum Gothic,'Nanum Gothic','돋움',Dotum,Helvetica,sans-serif;
}
input:focus,button:focus {
	outline:none;
}
.clear {
	clear:both;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:700;
	line-height:1.1em;
	color:#333;
	margin-bottom:20px;
}
#wrap {
	width:100%;
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
}
.navbarBox {
	padding-left:0px
}
.navbar {
	border-bottom:1px solid #ddd;
	background-color:#ffffff;
}
.navbar-brand {
	padding:0;
}
.navbar-brand img {
	position:relative;
	bottom:19px;
	left:15px;
}
.topRightMenu {
	float:right;
	margin-top:20px;
	padding-right:5px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:30px;
}
.topRightMenu ul li {
	padding:0px 14px
}
.topRightMenu ul li a {
	color:#000000;
	text-decoration:none;
}
.topRightMenu .languagesUl li {
	padding:0px 5px !important
}
.navBg {
	padding-left:0;
	padding-right:0;
	margin-top:35px;
}
.nav.navbar-nav {
	font-weight:normal;
	display:flex;
	width:100%;
	justify-content:center;
	flex-wrap:wrap;
	clear:both;
}
.nav.navbar-nav li {
	padding:0px 50px
}
a,a:hover,a:focus,a:active,footer a.text-link:hover,strike,.post-meta span a:hover,footer a.text-link,ul.meta-post li a:hover,ul.cat li a:hover,ul.recent li h6 a:hover,ul.portfolio-categ li.active a,ul.portfolio-categ li.active a:hover,ul.portfolio-categ li a:hover,ul.related-post li h4 a:hover,span.highlight,article .post-heading h3 a:hover,.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>li>a:hover,.navbar .nav>li>a:focus,.navbar .nav>.active>a:focus {
		color:#000000;
}
.navbar .nav>li>a {
	color:#000000;
	text-shadow:none;
}
.navbar .nav a:hover {
	background:none;
}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover {
	background:none;
	font-weight:bold;
}
.searchBar {

}
.searchBar .searchForm {
	margin:auto;
	max-width:485px
}
.searchBar .searchForm input[type=text] {
	padding:10px;
	font-size:14px;
	border:2px solid #92c56d;
	float:left;
	width:85%;
	height:45px;
	color:#9b9b9b
}
.searchBar .searchForm button {
	float:left;
	width:15%;
	height:45px;
	padding:10px;
	background:#92c56d;
	color:#ffffff;
	font-size:17px;
	border:none;
	border-left:none;
	cursor:pointer;
}
.searchBar .searchForm button:hover {
	background:#85bd5c;
}
.searchBar .searchForm::after {
	content:"";
	clear:both;
	display: table;
}
/* Section:mainSliders */
#mainSliders {
	width:100%;
	margin-top:203px;
	padding:0;
}
#mainSliders .flexslider {
	padding:0;
	margin:20px 0 20px;
	background:#fff;
	position:relative;
	zoom:1;
}
.flex-direction-nav a {
	width:30px;
	height:40px;
	margin:0;
	display:block;
	background:url(../images/bg_direction_nav.png) no-repeat 0 0;
	position:absolute;
	top:42%;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	-webkit-transition:all .3s ease;
}
.flex-caption {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom:1;
}
.flex-caption {
	bottom:35px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	margin:0;
	padding:25px 25px 25px 30px;
	position:absolute;
	right:45px;
	width:960px;
	text-align:center
}
.flex-caption h3 {
	color:#fff;
	letter-spacing:1px;
	margin-bottom:8px;
	text-transform:uppercase;
}
.flex-caption p {
	margin: 0 0 15px;
}
/* 네비게이션 메뉴바 */
.menuNav {
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	height:60px;
	position:relative;
}
.menuNav ul {
	list-style:none;
	padding:0 20px;
	margin:0;
	height:60px;
}
.menuNav ul li {
	display:inline-block;
	font-size:16px
}
.menuNav ul li .campaignMenu {
	background-color:#92c56d;
	color:white;
	padding:0px 25px !important;
	line-height:35px !important;
	height:35px !important;
	position:relative; bottom:12px;
}
.menuNav ul li .campaignMenu:hover {
	color:white
}
.menuNav ul li a {
	display:block;
	padding:0px 70px;
	text-decoration:none;
	float:left;
	height:60px;
	line-height:60px;
	color:#000;
	font-weight:bold;
}
.menuNav ul li a:hover, .menuNav ul li a.active {
	color:#92c56d;
}
.menuNav ul li:hover>ul {
	display:block;
}
.menuNav ul ul {
	background-color:#ffffff;
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	padding:0;
	text-align:center;
	display:none;
	width:100%;
	position:absolute;
	top:60px;
	left: 0px;
}
/*임상시험모집현황/대표질환별지원현황*/
#stateSection .verticalBars {
	text-align:center;
	position:relative;
	bottom:30px;
}
#stateSection .verticalBars .jqbarLink {
	text-decoration:none;
	display:inline-flex;
	color:#000000;
	margin:0px 20px
}
#stateSection .verticalBars .jqbarLink:hover {
	text-decoration:underline
}
#stateSection .conBox {
	padding-left:0px
}
#stateSection .leftConBox,#stateSection .rightConBox {
	text-align:center;
	padding:20px 0px;
}
#stateSection h5 {
	margin-bottom:0px;
}
.numberCircle {
	display:inline-block;
	text-align:center;
	background-color:#ffffff;
	border:10px solid #e2efd8;
	width:145px;
	height:145px;
	border-radius:50%;
	padding-top:40px;
	color:#013e85;
	margin-bottom:10px;
}
.numberCircle .counter {
	font-size:28px;
	font-weight:bold
}
.numberCircle .counter .numberCircleText {
	font-size:15px;
}
#stateSection .leftConBox .numberCircleText_B,#stateSection .rightConBox .numberCircleText_B {
	font-weight:bold;
	color:#6e6d6d;
	font-size:13px;
}
#stateSection .rightConBox .numberCircleText_B .fa {
	color:#9b9b9b;
	margin-left:5px
}
.jqbar {
	position:relative;
}
.jqbar.vertical {
	text-align:center;
	display:inline-block;
}
.jqbar.vertical span {
	display:block;
	font-size:12px;
	font-weight:bold;
}
.jqbar.vertical .bar-percent {
	font-size:12px;
	font-weight:bold;
	position:absolute;
	height:20px;
	margin-bottom:5px;
	width:100%;
}
.jqbar.vertical .bar-level-wrapper {
	position:relative;
	display:inline-block;
	overflow:hidden;
}
.jqbar.vertical .bar-level {
	position: absolute;
}
/*임상시험바로찾기*/
#clinicalTrialsearch #thumbs {
	margin:0;
	padding:0;
}
#clinicalTrialsearch #thumbs li {
	list-style-type:none;
}
#clinicalTrialsearch .item-thumbs {
	min-height:220px;
	margin-bottom:30px;
	cursor:pointer;
	border:1px solid #ddd;
	padding:20px;
	background-color: #ffffff;
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
#clinicalTrialsearch .item-thumbs:hover {
	border:1px solid #92c56d;
	background-color: #e2efd8;
	transition-property: background-color, color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
#clinicalTrialsearch .item-thumbs .item-thumbs-text {
	float:left
}
#clinicalTrialsearch .item-thumbs .item-thumbs-text h3 {
	margin-top:0px;
	margin-bottom:0px;
}
#clinicalTrialsearch .item-thumbs .item-thumbs-text h4 {
	margin-top:0px
}
#clinicalTrialsearch .item-thumbs .item-thumbs-img {
	float:right;
	clear:both
}
/*주목받는임상시험*/
#clinicalTrialAttention #thumbs {
	margin:0;
	padding:0;
}
#clinicalTrialAttention .lefttitleBox {
	float:left
}
#clinicalTrialAttention .rightbtnBox {
	float:right
}
#clinicalTrialAttention .rightbtnBox span {
	margin-right:10px
}
#clinicalTrialAttention .rightbtnBox .carousel-control.left,#clinicalTrialAttention .rightbtnBox .carousel-control.right {
	padding:5px 20px 5px 10px;
	border:1px solid #979797;
	display:inline-block;
	font-size:12px;
	color:#000
}
#clinicalTrialAttention .rightbtnBox .checkNum {
	margin-right:10px;
}
#clinicalTrialAttention #thumbs li {
	list-style-type:none;
}
#clinicalTrialAttention .item-thumbs {
	min-height:220px;
	margin-bottom:30px;
	border:1px solid #ddd;
	padding:20px;
}
#clinicalTrialAttention .item-thumbs .item-thumbs-text {
	float:left
}
#clinicalTrialAttention .item-thumbs .item-thumbs-text h3 {
	margin-top:0px;
	margin-bottom:0px;
}
#clinicalTrialAttention .item-thumbs .item-thumbs-text h4 {
	margin-top:0px
}
#clinicalTrialAttention .item-thumbs .item-thumbs-img {
	float:right;
	clear:both
}
#clinicalTrialAttention .item-thumbs .box_T .left {
	float:left
}
#clinicalTrialAttention .item-thumbs .box_T .left .date {
	color:#9b9b9b
}
#clinicalTrialAttention .item-thumbs .box_T .right {
	float:right
}
#clinicalTrialAttention .item-thumbs .box_B {
	clear:both;
	padding-top:10px
}
#clinicalTrialAttention .item-thumbs .box_B ul {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold
}
#clinicalTrialAttention .item-thumbs .box_B ul h5 {
	line-height:1.5em;
	overflow:hidden;
	text-overflow:ellipsis;
	height:70px;
	white-space:nowrap;
	display:inline-block;
	white-space:normal;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font-size:16px
}
#clinicalTrialAttention .item-thumbs .box_B ul label {
	font-size:13px;
}
#clinicalTrialAttention .item-thumbs .box_B ul span {
	color: #9b9b9b
}
/*임상/생동성 버튼 CSS*/
.m-capsule-green {
	width:55px;
	text-align:center;
	line-height:25px;
	border-radius:20px;
}
.m-capsule-green.success {
	color:#ffffff;
	font-size:12px;
	font-weight:500;
}
.m-capsule-green.success.edited {
	background-color:#74ce70
}
.m-capsule-blue {
	width:55px;
	text-align:center;
	line-height:25px;
	border-radius:20px;
}
.m-capsule-blue.success {
	color:#ffffff;
	font-size:12px;
	font-weight:500;
}
.m-capsule-blue.success.edited {
	background-color: #70b6ce
}
/*임상/생동성 버튼탭 CSS*/
.m-capsule-green-tab {
	width:55px;
	text-align:center;
	line-height:25px;
	border-radius:20px;
}
.m-capsule-green-tab.success {
	color:#74ce70;
	font-size:12px;
	font-weight:500;
}
.m-capsule-green-tab.success.edited {
	border:1px solid #74ce70;
	background-color:#ffffff
}
.m-capsule-green-tab.success.edited.active {
	border:1px solid #74ce70;
	background-color:#74ce70;
	color:#ffffff;
}
.m-capsule-blue-tab {
	width:55px;
	text-align:center;
	line-height:25px;
	border-radius:20px;
}
.m-capsule-blue-tab.success {
	color:#70b6ce;
	font-size:12px;
	font-weight:500;
}
.m-capsule-blue-tab.success.edited {
	border:1px solid #70b6ce;
	background-color:#ffffff
}
.m-capsule-blue-tab.success.edited.active {
	border:1px solid #70b6ce;
	background-color:#70b6ce;
	color: #ffffff;
}
/* 실시간현황 */
#realTimestatus .lefttitleBox {
	float:left
}
#realTimestatus .lefttitleBox .fa {
	color:#9b9b9b;
	margin-left:5px
}
#realTimestatus .rightbtnBox {
	float:right;
	margin-top:5px;
}
#realTimestatus .rightbtnBox ul li a {
	display:inline-block
}
#realTimestatus .table thead>tr>th {
	border-bottom:none;
	padding-bottom:0;
}
#realTimestatus .table tbody>tr>td {
	vertical-align:middle;
	padding:12px 8px;
}
#realTimestatus .table tbody>tr>td:first-child {
	width:150px
}
#realTimestatus .table tbody>tr>td:last-child {
	width:100px
}
#realTimestatus .table tbody>tr>.text-center {
	position:relative
}
#realTimestatus .table tbody>tr:last-child {
	border-bottom:1px solid #ddd
}
#realTimestatus .table tbody>tr>td .mark {
	display:block;
	background:url(../images/icon/icn-s.png) no-repeat;
	width:25px;
	height:31px;
	z-index:1000;
	position:absolute;
	top:0px;
	left:62px;
}
#realTimestatus .table tbody>tr>td .firstBox .date {
	color:#9b9b9b;
	font-size:13px;
	display:block;
	margin-bottom:10px;
	margin-top:20px;
}
#realTimestatus .table tbody>tr>td .secondBox .m-capsule-green,#realTimestatus .table tbody>tr>td .secondBox .m-capsule-blue {
	float:left
}
#realTimestatus .table tbody>tr>td .secondBox .nameText-box {
	float:left;
	font-size:12px;
	margin-left:10px;
	margin-bottom:10px;
	line-height:2em
}
#realTimestatus .table tbody>tr>td .secondBox .clear {
	font-size:12px;
	font-weight:bold
}
#realTimestatus .table tbody>tr>td .secondBox .clear h6 {
	margin-bottom:10px;
	margin-left:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	height:45px;
	font-size:16px;
	line-height:1.5em;
	cursor:pointer
}
#realTimestatus .table tbody>tr>td .secondBox .clear ul {
	margin:0;
	padding:0;
	color: #9b9b9b
}
/*피클는지금*/
#piikle-now #thumbs {
	margin:0;
	padding:0;
}
#piikle-now #thumbs li {
	list-style-type:none;
}
#piikle-now .item-thumbs {
	min-height:220px;
	margin-bottom:30px;
	cursor:pointer;
	border:1px solid #ddd;
}
#piikle-now .item-thumbs .item-thumbs-text {
	float:left
}
#piikle-now .item-thumbs .item-thumbs-text h3 {
	margin-top:0px;
	margin-bottom:0px;
}
#piikle-now .item-thumbs .item-thumbs-text h4 {
	margin-top:0px
}
#piikle-now .item-thumbs .item-thumbs-img {
	float:right;
	clear:both
}
#piikle-now .item-thumbs:hover {
	background-color: #e2efd8
}
/* scroll to top */
.scrollup {
	position:fixed;
	width:32px;
	height:32px;
	bottom:0px;
	right:20px;
	background:#92c56d;
}
a.scrollup {
	outline:0;
	text-align:center;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top:10px;
	color:#fff;
}
a.scrollup i:hover {
	text-decoration:none;
}
.marquee {
	display:block;
	position:relative;
	animation:scroll 20s linear infinite;
}
.marquee:hover {
	animation-play-state:paused
}
.img1 {
	width:190px;
	overflow:hidden;
	background-color:#ddd;
	margin-right:5px;
	float:left;
}
.img1 img {
	vertical-align:middle
}
/* Make it move @keyframes scroll{0%{left:100px;}100%{left: -800px;}}*/
#clinicalTrialAttention a {
	-webkit-transition:all 150ms ease;
	-moz-transition:all 150ms ease;
	-ms-transition:all 150ms ease;
	-o-transition:all 150ms ease;
	transition: all 150ms ease;
}
#clinicalTrialAttention a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 8 */
	filter:alpha(opacity=50);
	/* IE7 */
	opacity:0.6;
	text-decoration:none;
}
/* Container */
#clinicalTrialAttention .container {
	background: #FFFFFF;
}
/* Page Header */
#clinicalTrialAttention .page-header {
	color:#999;
	text-transform:uppercase;
	border:none
}
#clinicalTrialAttention .page-header h3 {
	line-height:0.88rem;
	color: #000;
}
/* Thumbnail Box */
#clinicalTrialAttention .caption h4 {
	font-size:1rem;
	color:#444;
}
#clinicalTrialAttention .caption p {
	font-size:0.75rem;
	color:#999;
}
#clinicalTrialAttention .btn.btn-mini {
	font-size: 0.63rem;
}
/* Carousel Control */
#clinicalTrialAttention .control-box {
	text-align:right;
}
#clinicalTrialAttention .carousel li {
	margin:0
}
#clinicalTrialAttention .carousel-control {
	background:#f5f5f5;
	border:1px solid #979797;
	border-radius:0px;
	display:inline-block;
	font-size:34px;
	font-weight:200;
	line-height:18px;
	padding:4px 10px 0px;
	position:static;
	height:30px;
	width: 15px;
}
/*피클는 지금*/
#piikle_now #thumbs {
	margin:0;
	padding:0;
	background-color:#d2d2d2
}
#piikle_now #thumbs li {
	list-style-type:none;
}
#piikle_now .item-thumbs {
	margin-bottom:30px;
	cursor:pointer;
	border:1px solid #ddd;
	padding:0px;
	overflow:hidden;
	background-color:#f5f5f5
}
#piikle_now .lefttitleBox .fa {
	color:#9b9b9b;
	margin-left:5px
}
#piikle_now .item-thumbs .item-thumbs-img {
	width:100%;
	overflow:hidden;
	/*height:198px;*/
}
#piikle_now .item-thumbs .item-thumbs-text {
	padding:5px 20px 20px 20px;
	font-size:13px;
	line-height:1.8em;
	min-height:160px;
	max-height:160px;
}
#piikle_now .item-thumbs .item-thumbs-text span {
	overflow:hidden;
	text-overflow:ellipsis;
	height:75px;
	white-space:nowrap;
	display:inline-block;
	white-space:normal;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
/*피클 파트너*/
#piikle-partner #thumbs {
	margin:0;
	padding:0;
}
#piikle-partner #thumbs li {
	list-style-type:none;
	margin-bottom:20px;
	padding:0px;
	width:190px;
	height:68px;
	overflow:hidden;
	border:1px solid #ddd;
	margin-right:20px;
}
#piikle-partner #thumbs .margin0 {
	margin-right:0px
}
#piikle-partner #thumbs li:last-child {
	border:none;
}
#piikle-partner #thumbs li:last-child img {
	margin:22px 80px
}
#piikle-partner .lefttitleBox .fa {
	color:#9b9b9b;
	margin-left: 5px
}
/*footer*/
.footer-bs {
	background-color:#f5f5f5;
	margin-top:90px;
	color:#7d7d7d;
	border-top:1px solid #ddd;
	font-size:11px;
	width:100%;
}
.footer-bs .footer-nav,.footer-bs .footer-ns {
	padding:25px;
}
.footer-bs .footer-nav,.footer-bs .footer-ns {
	border-color:transparent;
}
.footer-bs .footer-brand h2 {
	margin-bottom:10px
}
.footer-bs .footer-nav ul {
	list-style:none;
	padding:0px;
}
.footer-bs .footer-nav li {
	padding:5px 4px;
}
.footer-bs .footer-nav a {
	color:#7d7d7d
}
.footer-bs .footer-nav a:hover {
	color:#000000;
	text-decoration:none;
}
.footer-bs .footer-ns p {
	font-size: 12px;
}
.footer-bs .address {
	line-height:1.8em
}
.footer-bs .copyright {
	text-align:center;
	color:#9b9b9b
}

/*앱다운로드 modal*/
.appDownModal .modal-dialog {width:430px !important}
.appDownModal .modal-header {border:none}
.appDownModal .modal-body {padding:0px 0px 30px}
.appDownModal .modal-body .top span {font-size:12px; font-weight:bold;}
.appDownModal .modal-body .top img {margin:10px 0px 25px 0px}
.appDownModal .modal-body .bottom {width:390px; height:55px; margin:0 auto}
.appDownModal .modal-body .bottom input {width:265px; height:40px; border:1px solid #979797; padding:0px 10px; font-size:12px; float:left}
.appDownModal .modal-body .bottom button {width:125px; height:40px; background-color:#92c56d; color:#fff; border-radius:0; float:left; border:none}
.appDownModal .close{
	border:none;
	background:url(../images/icon/icn-x.png) no-repeat; width:20px; height:20px;
	position:absolute; top:10px; right:10px; opacity:1
}
.appDownModal .appDown-text {
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:block;
	clear:both;
	padding-top:5px;
	color:#979797
}