@charset "UTF-8";

/* body */
body {
  font-family: 'Malgun Gothic', sans-serif;
}

/* inner */
.inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

main .backborder {
	background-color: #eaeaea;
}
main .topbar {
	display: flex;
	width: 100%;
	position: relative;
  font-family: 'Nanum Gothic', sans-serif;
}
main .topbar .topbar1 {
	display: flex;
	font-size: 18px;
	padding: 20px;
	width: 50%;
}
main .topbar .topbar1 .home {
	color: #333;
	width: 30px;
	height: 30px;
	background-position: -419px -244px;
	float: left;
}
main .topbar .topbar1 .topmenu11 {
	float: left;
	margin-left: 35px;
	width: 180px;
	height: 32px;
	border-bottom: 3px solid #01596d;
	background-position: 155px -528px;
}
main .topbar .topbar1 .topmenu11:hover {
	background-position: 155px -501px;
}
main .topbar .topbar1 .topmenu11 .topmenu11__sel h2 {
	font-size: 20px;
	line-height: 27px;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp {
	font-size: 16px;
	position: absolute;
	line-height: 50px;
	background-color: #01596d;
	margin-top: 5px;
	z-index: 9999;
	width: 180px;
	border: none;
	display: none;
}
main .topbar .topbar1 .topmenu11:hover .topmenu11__grp {
	display: block;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp > li.selected a {
	color: #fff;
	font-weight: bold;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp > li {
  border-bottom: 1px solid #eaeaea;
  padding: 0px 20px;
  width: 170px;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp > li:last-child {
	border: none;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp > li a {
	color: #bad6db;
  text-decoration: none;
}
main .topbar .topbar1 .topmenu11 .topmenu11__grp > li:hover a {
	color: orange;
}
main .mainbody {
	margin-top: 10px;
	background-color: #fff;
}
main .container {
	width: 1000px;
}
main .productlist {
	display: block;
}
main .productlist h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}
main .search_drug {
	margin-top: -5px;
	float: right;
	margin-bottom: 3px;
}
main .search_drug .unit_sch {
	float: left;
}
main .search_drug .unit_sch label {
	font-weight: bold;
	color: #279bcb;
	margin-right: 5px;
}
main .search_drug > input[type="button"] {
	margin-left: -1px;
}
main .search_drug .btn_search {
	height: 30px;
	width: 83px;
	background-color: #279bcb;
	background-position: 50px -462px;
	color: #fff;
	padding-right: 20px;
}
main .prod_list {
	height: 510px;
	margin-bottom: 10px;
	margin-top: 15px;
}
main .prod_list ul {
	display: block;
}
main .prod_list ul li {
	display: block;
	float: left;
	width: 250px;
	height: 222px;
	border: 1px solid #dce0e6;
	box-sizing: border-box;
	margin-left: -1px !important;
	margin-top: -1px;
	text-align: center;
	position: relative;
}
main .prod_list ul li a {
	display:block;
	text-decoration: none;
	text-align: center;
}
main .prod_list .mouseov {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}
main .prod_list .mouseov {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	z-index: 1;
	opacity: 0;
	vertical-align: top;
	border: 0;
	overflow: clip;
}
main .prod_list .mouseov span.bg {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #82b8ff;
	opacity: 0.2;
}
main .prod_list ul li a > img {
	margin-top: 15px;
	width: 247px;
	height: 160px;
}
main .prod_list ul li a h5 {
	font-size: 13px;
	color: #0054FF;
	padding: 1px;
	margin-top: 2px;
}
main .prod_list ul li a h6 {
	font-size: 11px;
	color: #00415b;
	font-weight: normal;
	padding: 2px;
	margin-top: 3px;
}
#paging {
	text-align: center;
	margin-bottom: 50px;
}
#paging > a {
	display: inline-block;
	width: 64px;
	height: 30px;
}
#paging a.left {
	background-position: -132px -618px;
}
#paging a.right {
	background-position: -196px -618px;
}
#paging span {
	margin: 0 15px;
	display: inline-block;
	vertical-align: top;
}
#paging span a {
	display: inline-block;
	height: 19px;
	min-height: 17px;
	padding: 0 4px;
	line-height: 17px;
	margin: 6px 5px 0;
}
#paging span a.current {
		background-color: #279bcb;
		color: #fff;
}
/*popup_제품정보*/
.druginfo .glaylayer{
	background-color: #000;
	opacity: 0.3;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10011;
}
.druginfo .overlayer {
	width:630px;
	height:695px;
	margin-left:-305px;
	margin-top:-347px;
	background-color: #fff;
	border: 10px solid #279bcb;
	z-index: 10012;
	position: fixed;
	left: 50%;
	top: 50%;
	padding: 20px;
	box-sizing: border-box;
}
.druginfo .overlayer h5 {
	font-size: 18px;
	color: #01596d;
	margin-bottom: 15px;
}
.druginfo .overlayer a.close {
	width: 30px;
	height: 30px;
	background-position: -169px -387px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.druginfo .overlayer a.close {
	display: block;
	font-size: 18px;
	color: #01596d;
	margin-bottom: 15px;
}
.drugbox{
	background-color:#f2f4f7;
	padding:15px;
	margin-bottom:15px;
}
.drugbox .drugimg{
	width:200px;
	height:172px;
	border:1px solid #bdc6d2;
	display:inline-block;
	background-color:#fff;
	text-align:center;
	overflow:hidden;
	vertical-align:top;
	line-height: 1.7;
}
.drugbox .drugimg img{
	width:100%;
	margin-top:15px;
	overflow: clip;
}
.drugbox > div{
	display:inline-block;
	margin-left:20px;
	width: 290px;
}
.drugbox dl{
	margin:10px 0;
	font-size: 14px;
	line-height: 2.3;
}
.drugbox dt{
	display:inline-block;
	width:50px;
	color:#01596d;
}
.drugbox dd{
	position: absolute;
	width: 256px;
	display:inline-block;
	font-weight:bold;
	color:#01596d;
}
.druginfo .pop_cont{
	height: 280px;
	padding: 10px;
	overflow-y: auto;
	font-size: 14px;
	color: #333;
	line-height: 1.7;
	cursor: default;
	word-break: break-all;
	letter-spacing: -1px;
}
.druginfo .btnDel {
	width: 28px;
	height: 28px;
	margin-top: -60px;
	float: right;
	background-position: 0 -621px;
}