@charset "UTF-8";
article>div{
	height:100%;
	position:relative;
}
article h5{
	font-size:17px;
    letter-spacing:-1px;
    line-height:17px;
    display:inline-block;
	margin-bottom:20px;
}
article h5 span{
	height:17px;
    width:4px;
    display:inline-block;
    vertical-align:-2px;
	margin-right: 3px;
}
article h5 span.nav1{background:#84cf00;}
article h5 span.nav2{background:#11c3de;}
article h5 span.nav3{background:#f99e00;}
article h5 span.nav4{background:#ff2452;}
article table{
	width:100%;
	table-layout: fixed;
}
.fake_scoll{
	width: 100%;
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    bottom: 59px;
    overflow-y:scroll;
    padding-right: 17px;
	border-bottom: 1px solid #bfbfbf;
}
.b0{bottom:0;}
.fake_scoll table{
	width: 100%;
    position: absolute;
}
article table tr:hover td{
	background:#e8e8e8;
}
article table tr:active td{
	background:#ddd !important;
	color:#3246bd !important;
}
article table td{
	cursor:pointer;
	text-align:center;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:0 3px;
}
article table td:last-child{
	border-right:0;
}
/* article table tr:last-child td{
	border-bottom:0;
} */
article table td p{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* article table td:active, article table td p:active{
	color:#3246bd !important;
} */
ul.btns{
	float:right;
}
ul.btns li{
	float:left;
	margin:0 3px;
}
ul.btns li input{
	color:#444;
}
input.back{background:#c3c6ce;}
input.back:active{background:#abadb3;}
input.same{background:#dddcb0;}
input.same:active{background:#d0ce92;}
input.cost{background:#e4bbba;}
input.cost:active{background:#da9e9c;}
input.print{background:#d4b6cd;}
input.print:active{background:#c592b9;}
input.srch{background:#3246bd;}
input.srch:active{background:#273694;}
.cont_dt{
	overflow-y:auto;
	position: absolute;
	top:38px;
    left: 0;
    right: 0;
    bottom: 0;
	border: 1px solid #bfbfbf;
    padding: 20px;
}
article#nav3 .cont_dt,article#nav4 .cont_dt{top:38px;}
.cont_dt dl dt{
	font-size:14px;
	font-weight:bold;
	color:#3246bd;
	line-height:2;
}
.cont_dt dl dd{
	border-bottom:1px dotted #bfbfbf;
	margin-bottom:10px;
	padding-bottom:15px;
	font-size:12px;
	line-height:1.4;
	overflow:hidden;
}
.cont_dt dl dd img{
	height: 200px;
}
.cont_dt dl dd.dt_picto img{
	height:auto;
}
/*의약품검색 결과리스트*/
#list_drug #state_no{
	float:right;
	font-size:12px;
}
#list_drug #state_no dt{
	float:left;
	line-height:1.4;
}
#list_drug #state_no dd{
	float:right;
	line-height:1.4;
}
#list_drug table th{
	width: 12%;
}
#list_drug table .name,#list_drug table .co{
	width:20% !important;
}
#list_drug .fake_scoll table td{
	width: 12%;
}
.search{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-200px;
}
.search h6{
	font-size:13px;
	font-weight:normal;
	float:left;
	line-height:24px;
	margin-right:10px;
}
.search select{
	height:24px;
}
.search input[type="text"]{
	padding:2px 5px;
    height:18px;
	vertical-align:middle;
}
.search input[type="button"]{
	vertical-align:middle;
}

/*식별검색 결과리스트*/
#list_drug2 table .front,#list_drug2 .back{
	width:11.5%;
}
#list_drug2 table .detail{
	width:12%;
}
#list_drug2 table .name{
	width:25%;
}
#list_drug2 table .co{
	width:20%;
}
#list_drug2 td.img{padding:0;}
#list_drug2 td.img img{
	height:100%;
}
#list_drug2 .fake_scoll table td{
	height:64px;
}
#list_drug2 input.prdt{
	background:#84cf00;
}

/*동일성분의약품 결과리스트*/
#list_drug3 #state_no{
	float:right;
	font-size:12px;
	margin-right:3%;
}
#list_drug3 #state_no dt{
	float:left;
	line-height:1.4;
}
#list_drug3 #state_no dd{
	float:right;
	line-height:1.4;
}
#list_drug3 table th{
	width: 12%;
    padding: 0 12px 0 0;
}
#list_drug3 .fake_scoll1 table td{
	width: 12%;
}
#list_drug3 .fake_scoll1 tr:hover td{
	pointer-events: none;
	cursor:default;
}

/*의약품 상세정보*/
#info_detail>div{
    top: 61px;
	display:none;
}
#info_detail #dt_all{display:block;}


#info_detail ul#tab{
    width:98.5%;
    text-align:center;
	margin:0 auto;
	overflow:hidden;
}
#info_detail ul#tab li{
	float:left;
	background:#f3f3f3;
	border:1px solid #dcdcdc;
	border-radius:5px 5px 0 0;
	margin-left:-1px;
	width:10.9%;
	height:21px;
}
#info_detail ul#tab li:first-child{
	margin-left:1px;
}
#info_detail ul#tab li.current,#info_detail ul#tab li:hover{
	background:#3246bd;
	border:1px solid #3246bd;
}
#info_detail ul#tab li.current a,#info_detail ul#tab li:hover a{
	color:#fff;
}
#info_detail ul#tab li a{
	display:block;
}
/*대체의약품 상세정보*/
#info_detail2>dl{
	background:#f8f8f8;
	border:1px solid #bfbfbf;
	margin-right: 351px;
	padding:12px;
	height:160px;
	overflow:auto;
}
#info_detail2>dl dt{
	font-weight: bold;
    color: #3246bd;
    line-height: 1.5;
    margin-bottom: 10px;
}
#info_detail2>span{
	width: 341px;
    position: absolute;
    right: 0;
    top: 38px;
}
#info_detail2 span img{
	width:100%;
}
#info_detail2 .cont_dt{
	top:240px;
}
/*식별 상세정보*/
#info_detail3 table{
	border-bottom:1px solid #e2e2e2;
}
#info_detail3 table.detail{
	margin-bottom:30px;
	border-top:1px solid #e2e2e2;
}
#info_detail3 table.detail img{
	width:100%;
}
#info_detail3 table.detail th{
	background:#e0e0e6;
	border-bottom: 1px solid #c6c7ce;
	border-right: 1px solid #c6c7ce;
}
#info_detail3 table.detail th.br{
	background:#f6f6f6;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
#info_detail3 table.detail th.img{
	width:250px;
}
#info_detail3 table td.left{
	text-align:left;
}
#info_detail3 table tr.ingre td{padding:0 0 0 3px;}
#info_detail3 table tr.ingre td p{
	display:inline-block;
	overflow-y:scroll;
	white-space: inherit;
	height:84px;
	width:100%;
	vertical-align:middle;
}
/*성상변경내역*/
#info_detail3 #change{
	position: absolute;
    bottom:0;
    height:126px;
} 
#info_detail3 table.change th{
	background-image:none;
    cursor:default;
}
#info_detail3 .fake_scoll{
	bottom:0;
	border-bottom:0;
}
#info_detail3 .fake_scoll table td.img{
	height:64px;
}
#info_detail3 .fake_scoll table td.img img{
	height:100%;
}
#info_detail3 table tr:hover td{
	background:transparent !important;
	cursor:default;
}
#info_detail3 table tr:active td, #info_detail3 table tr:active p{
	background:transparent !important;
	color:#333 !important;
}


#list_drug{display:none;}
#list_drug2{display:none;}
#list_drug3{display:none;}
#info_detail{display:none;}
#info_detail_2{display:none;}
#info_detail2{display:none;}
#info_detail3{display:none;}




@media print{
	.cont_dt{
		overflow-y:visible;
		height:100%;
		border:0px;
	}
	.cont_dt dl dt {
		font-size:1.3em;
	}
	.cont_dt dl dd {
		font-size:1.3em;
		color:black;
	}
}