@charset "utf-8";

/* 셀렉트박스 커스텀 */
.selectbox { position: relative; border-style: none;  z-index: 1; display: inline-block; border: 1px solid #dee3eb; height: 20px; border-radius: 3px; vertical-align: top; transition: background .25s ease; }
.selectbox:hover { background: #f8f8f8; }
.selectbox:before { content: ""; position: absolute; top: 50%; margin-top: -8px; right: 2px; background: url(../../../img/smk/svg/down_b_ico.svg) no-repeat; width: 15px; height: 15px; opacity: 0.5; border: none;  }
.selectbox:hover:before { border: none; }
.selectbox label { position: absolute; top: 0; left: 0; color: #222; z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 1.1rem; line-height: 18px; text-align: left; width: 90%; padding-left: 5px; padding-right: 5px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectbox select { width: 100%; line-height: normal;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter: alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 100%; cursor: pointer; }

.tool-area { margin-bottom: 10px; }
.tool-area .filter-result { color: #666; line-height: 25px; display: inline-block; font-size: 1.3rem; }
.tool-area .filter-result .label {display: inline-block; height: 20px; padding: 0 15px; background: #F2F2F7; line-height: 20px; font-size: 12px; border-radius: 10px; margin-left: 10px; color: #222; font-weight: 900; }
.tool-area .filter-result .between { line-height: 35px; padding-left: 10px; }
.tool-area .filter-result .filter-unit { display: inline-block; }
.tool-area .filter-wrap { float: left; }
.tool-area .selectbox { margin-left: 5px; height: 25px; line-height: 23px; margin-top: 0; }
.tool-area .selectbox label { line-height: 23px; }
.tool-area .filter { display: inline-block; margin-left: 20px; vertical-align: top; }
.tool-area .filter:first-child { margin-left: 0; }

.tool-area .exel-download  { float: right; }
.tool-area .exel-download .down-btn { background: #217346; border: none; height: 25px; color: #fff; letter-spacing: 0; font-size: 1.2rem; font-weight: 300; padding: 0 10px; border-radius: 3px; outline: 0; transition: box-shadow .25s ease; line-height: 25px; }
.tool-area .exel-download .down-btn img { width: 18px;   height: 18px;   margin-right: 5px;   margin-top: 3px; }