@charset "UTF-8";
/*btn*/
.btn_sbmit{
	text-align:center;
	margin-top:25px;
}
input[type="button"]{
	height:30px;
	padding:0 35px 0 12px;
	border:0;
	border-radius:3px;
	color:#fff;
	letter-spacing:-1px;
	margin:0 10px;
}
input.btn_sch{
	background:#3246bd url(../images/ico_sch.png) no-repeat 88% 50%;
	box-shadow:#273694 0 3px 0;
}
input.btn_sch:active{
	background-color:#273694;
}
input.btn_refresh{
	background:#6f778d url(../images/ico_refresh.png) no-repeat 89% 50%;
	box-shadow:#4f5565 0 3px 0;
}
input.btn_refresh:active{
	background-color:#4f5565;
}
aside>div table{
	width:100%;
}
aside>div table th{
	text-align:left;
	letter-spacing:-1px;
	vertical-align:top;
	position:relative;
}
aside>div table td{
	width:150px;
	padding-bottom:6px;
}
aside>div table input[type="text"]{
	padding:2px 5px;
	height:18px;
	width:140px;
	float:right;
}
aside>div table select{
	width:100%;
	height:24px;
}
/*본문table공통*/
table thead th{
	background:#6f778d;
	color:#fff;
	border-right:1px solid #adadad;
}
table thead th:last-child{
	border-right:0
}
table td{font-size:12px;}

/*식별검색*/ 
#srch_shape table th{
	width:42px;
	padding: 6px 0 0 6px;
	text-align: left;
    letter-spacing: -1px;
    vertical-align: top;
}
#srch_shape table td{
	width:20%;
	padding-bottom:6px;
}
#srch_shape table input[type="text"] {
    padding: 2px 5px;
    height: 18px;
    width: 140px;
    float: right;
}
#srch_shape table span.box{
	height:24px;
	line-height:24px;
	color:#fff;
	background:#11c3de;
	padding:0 5px;
	font-weight:normal;
	display:inline-block;
	float:right;
	margin-right:5px;
}
#srch_shape table tr span.mark{
	width:35px;
	height:35px;
	float:left;
	overflow:hidden;
}
#srch_shape table tr span.mark img{
	height:100%;
}
#srch_shape table tr#type td span.entity{
	float:left;
	line-height: 6px;
    padding-left: 5px;
}
#srch_shape table tr#type td ul{
	margin-left:15px;
}
#srch_shape table tr#type td ul li{
	float:left;
	font-size:11px;
}
#srch_shape table tr#type2 td label{
	margin-right:10px;
}
#srch_shape table tr#shape td ul li{
	float:left;
	width:25%;
	text-align:center;
}
#srch_shape table tr#shape td ul li span{
	display:block;
}
#srch_shape table tr#shape2 select{
	width:85%;
	float:right;
	height:24px;
}
#srch_shape table tr#color ul li{
	float:left;
	margin-bottom:2px;
}
#srch_shape table tr#color ul li span{
	height:5px;
    width:40px;
    display:block;
}
#srch_shape table tr#color span.white{background:#fff;border:1px solid #ccc;box-sizing:border-box;}
#srch_shape table tr#color span.yellow{background:#ffeb3b;}
#srch_shape table tr#color span.orange{background:#FF9800;}
#srch_shape table tr#color span.pink{background:#ff65d5;}
#srch_shape table tr#color span.red{background:#f00;}
#srch_shape table tr#color span.brown{background:#ab4723;}
#srch_shape table tr#color span.ygreen{background:#8BC34A;}
#srch_shape table tr#color span.green{background:#00962f;}
#srch_shape table tr#color span.bgreen{background:#0080a9;}
#srch_shape table tr#color span.blue{background:#4269ff;}
#srch_shape table tr#color span.navy{background:#1028ad;}
#srch_shape table tr#color span.wine{background:#b90076;}
#srch_shape table tr#color span.purple{background:#9b00b5;}
#srch_shape table tr#color span.grey{background:#9E9E9E;}
#srch_shape table tr#color span.black{background:#000;}
#srch_shape table tr#color span.trans{}

#srch_shape table tr#line td>span,#srch_shape table tr#line2 td>span{
	margin-right:15px;
}
#srch_shape table tr#line td label,#srch_shape table tr#line2 td label{
	margin-right:10px;
}
#srch_shape table tr#line td{
	border-bottom:1px solid #ccc;
}

/*색인검색*/
#srch_words{overflow:hidden;}
#srch_words table input[type="text"]{
	width:200px;
} 
#srch_words .btn_sbmit{
	margin:0;
	text-align:right;
} 
#srch_words .btn_sbmit input{
	margin:0;
}
#srch_words .words{
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}
#srch_words #kor{
	margin-top:50px;
}
#srch_words h4{
	margin-bottom: 10px;
}
aside h4.nav1{border-bottom:1px solid #84cf00;}
aside h4.nav3{border-bottom:1px solid #f99e00;}
aside h4.nav4{border-bottom:1px solid #ff2452;}	
#srch_words .words ul li{
	float:left;
	width:20%;
	text-align:center;
	margin:7px 0;
}
#srch_words #eng ul li{
	width:14%;
}
#srch_words #title{
	width:100%;
	border-top: 2px solid #3246bd;
	margin-top:15px;
}
#srch_words #title h3{
	position:inherit;
	float:left;
}
#srch_words p{
	font-size:11px;
	line-height:1.5;
}

/*약품정보*/
#drug_info{
	position:Absolute;
    top:0;
    bottom:15px;
    overflow-y:scroll;
}
#drug_info>div{
	margin-bottom:10px;
	position:relative;
}
#drug_info .info div{
	background:#fff;
	padding:12px;
}
#drug_info #info01 dt{
	font-weight:bold;
	color:#3246bd;
	line-height:1.5;
	margin-bottom:10px;
}
#drug_info #info02>div{
	text-align:center;
}
#drug_info #info02>input{
	position:absolute;
	right:0;
	top:0;
}
#drug_info #info02 ul{
	display:none;
}
#drug_info #info02 ul li{
	float:left;
	width:23px;
	height:23px;
	line-height:22px;
	border-radius:30px;
	margin:0 7px;
}
#drug_info #info02 ul li.selected{
	width:32px;
	height:32px;
	line-height:32px;
	margin-top:-5px;
	font-weight:bold;
}
#drug_info #info02 ul li#a{background:yellow;}
#drug_info #info02 ul li#b{background:#ffca00;}
#drug_info #info02 ul li#c{background:#ff9b00;color:#fff;}
#drug_info #info02 ul li#d{background:#ff6c00;color:#fff;}
#drug_info #info02 ul li#x{background:red;color:#fff;}
#drug_info #info02 p{
	text-align:left;
	font-size:12px;
	line-height:1.3;
}
#drug_info #info03 input[value="제품설명서"]{
	position:absolute;
	top:0;
	right:75px;
}
#drug_info #info03 input[value="포장이미지"]{
	position:absolute;
	top:0;
	right:0;
}
#drug_info #info03>div{
	padding:0;
	height:158px;
	overflow:hidden;
}
#drug_info #info03>div img{
	width:100%;
}

/*정보현황*/
#state caption{
	text-align:left;
	font-size:13px;
	font-weight:bold;
	padding-bottom:2px;
}
#state caption span{
	float:right;
	font-weight:normal;
}
#state table{
	width:280px;
}
#state table tbody{
	overflow-y: auto;
    position: absolute;
    top: 72px;
    left: 4px;
    bottom: 22px;
	width:298px;
}
#state table th{
	width:140px;
	padding:0 10px;
	text-align:center;
	position:inherit;
}
#state table td{
	cursor:pointer;
	text-align:center;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	width:120px;
	padding:0 10px;
	background:#fff;
}
#state table td:last-child{
	border-right:0;
}
#state table tr:last-child td{
	border-bottom:0;
}
#state table td.no{
	text-align:right;
}
#state table tr.current td{
	background:#e8e8e8;
}
#state table tr:hover td{
	background:#e8e8e8 !important;
}
#state table tr:active td{
	background:#ddd !important;
	color:#3246bd;
}
#state table tr td:active{
	color:#3246bd;
}



#srch_drug{display:none;}
#srch_shape{display:none;}
#srch_words{display:none;}
#drug_info{display:none;}
#state{display:none;}