@charset "utf-8";
/* CSS Document */


/*매입원장 드롭다운

.dropdown { position: relative; text-align: right }
.dropdown ul { list-style: none; }
.dropdown li { display: inline-block; margin-left: 15px }
.dropdown #shopCart { font-weight: bold }
.dropdown #basketCount { display: inline-block; background: #ff6600; border-radius: 50px; min-width: 20px; height: 20px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; padding: 4px 2px; box-sizing: border-box; } 
.dropdown img { vertical-align: middle; margin-top: -3px }
.dropdown-content { margin: 0; padding: 0; display: none; position: absolute; }
.dropdown-content li { margin-top: -1px; border: 1px solid #c5c5c5; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); width: 100px; margin-left: 0px; text-align: left }
.dropdown-content a { color: black; padding: 3px 10px; text-decoration: none; display: block; } 
.dropdown-content a:hover { background-color: #f1f1f1; font-weight: bold }
.dropbtn:hover .dropdown-content { display: block; } 
.categoryMenuClass { border: 1px solid #ddd; border: 1px solid #000; border-top: none; background: #fff; color: #000; display: block; font-size: 12px; line-height: 15px; padding: 10px 12px; text-align: left;}
*/

.dropdown {text-align:right; margin-bottom:-10px}
.dropdown ul{list-style:none;}
.dropdown li{display:inline-block; position:relative; padding:0px 7px 10px; cursor:pointer; vertical-align:bottom}
.dropdown li li:hover{background-color:#f9f9f9}
.dropdown li:last-child{border-bottom:0}
.dropdown ul ul{position:absolute; width:120px; background:#fff; border:1px solid #ddd; margin-top:5px; display:none; z-index:10}
.dropdown ul ul ul{left:118px; top:-5px}
.dropdown li li{text-align:left; display:block; border-bottom:1px solid #ddd; padding:5px 5px}
.dropdown li:hover > ul{display:block}
.dropdown .bold{font-weight:bold}
.dropdown .blue{color:#00f}
.category-btn .dropdown li.arrow {
	background-image: url(../../images/img/arrow.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
}
.dropdown #basketCount { display: inline-block; background: #ff6600; border-radius: 50px; min-width: 20px; height: 20px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; padding:2px; box-sizing: border-box; } 
.dropdown img { vertical-align:bottom}
.dropdown #shopCart{padding-left:24px; background-image:url(../../images/img/shopping-cart24.png); background-repeat:no-repeat; background-position:top -2px left}

/* 카테고리네비게이션 

	#navigation { display:inline-block; padding:0 5px; border-right:1px solid #ddd; border-left:1px solid #ddd; z-index:900; height:47px; vertical-align:text-bottom}
	#main-menu {font-size: 0;margin: 10px 0;}
	#main-menu > li {display: inline-block; padding: 2px 0;}
	#main-menu > li > a { /*카테고리
		color: #000;
		font-weight:bold;
		font-size: 12px;
		line-height: 14px;
		padding: 30px 0;
		text-decoration:none;
		padding:0 5px;
	}
	
	#main-menu > li:hover > a { /*카테고리 :hover시
		color: #f00;
		font-weight:bold
	}
	
	/* HEADER > MENU > DROPDOWN 
	#main-menu li {
		position: relative;
	}
	*/
.category-btn { position: relative; /*border-right: 1px solid #ccc; border-left: 1px solid #ccc;*/}
/*카테고리선택*/
.category-btn li { text-align: center;}
.category-btn .category-menuicon {background-image: url(../../images/img/menu.png); background-repeat:no-repeat; background-position:left 10px center; background-size:23px; }
.category-btn .category-menuicon > b { padding:0 10px 0 35px;}
.category-btn li:hover > ul.sub-menu { display: block; /* show the submenu */ }
    /* ::카테고리선택 level 2 */
ul.sub-menu { display: none; position: absolute; width: 220px; /* border: 1px solid #000; */ /* border-top: 1px solid #ccc; */ box-shadow: 5px 5px 5px rgba(0,0,0,0.2); z-index: 10; }
ul.sub-menu li { border-top: 1px solid #ddd; background: #fff; position: relative; text-align: left; border-right: 1px solid #000; border-left: 1px solid #000; }
ul.sub-menu > li > a { color: #000; display: block; font-size: 12px; line-height: 15px; padding: 3px 12px;}
    /* ::카테고리선택 level 3 */
ul.sub-menu ul.sub-menu { display: none; padding-top: 0; left: 220px; top: 0; /* border: 1px solid #000; */ margin-left: -2px; }
ul.sub-menu > li:hover > a { background-color: #1a69ca; color: #fff; }

ul.sub-menu > li > a.parent { background-image: url(../images/img/arrow.png); background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center; }
ul.sub-menu > li:hover > a.parent { background-image: url(../images/img/arrow-w.png); background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center; }
.sub-menu li:first-child { border-top: 1px solid #000 }
.sub-menu li:last-child { border-bottom: 1px solid #000 }



#main-menu.categoryStyle02 li:hover > ul.sub-menu {
    display: none;
}

#main-menu.categoryStyle02 li:hover > a {
    background: #fff;
    color: #000
}

.categoryStyle02 .sub-menu p {
    font-weight: bold;
    margin-bottom: 14px;
    font-size: 14px
}

.categoryStyle02 .sub-menu select {
    padding: 5px;
    margin-bottom: 25px;
    width: 143px;
    border-radius: 3px;
    border: 1px solid #999
}

.categoryStyle02 .sub-menu input[type="text"] {
    border: 1px solid #999;
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 25px;
    background: #efefef;
}