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

/*

작성자 : 황진규
작성일 : 2017-02-14
버전 : 0.1v

1. 버튼 기본 스타일
 - btn_guide : 일반버튼
 - btn_small : panel이나 view/list 등의 영역 안에 들어있는 버튼

2. 기능에 따른 색상 부여
 - add/update :        pink
 - get/select/search :  blue
 - delete :               black
 - cancel :               gray
 - option1 :             lime
 - option2 :             navy

3. 기능에 따른 아이콘 부여
 - icon_search
 - icon_write
 - icon_edit
 - icon_view
 - icon_delete
 - icon_confirm
 - icon_close
 - icon_attach
 - icon_download

4. 적용 형태
 - <div class="btn_guide pink icon_write">추가/등록</div>
 - <div class="btn_guide blue icon_search">검색</div>
 - <div class="btn_guide black icon_delete">삭제</div>
 - <div class="btn_guide lime icon_view">미리보기</div>

*/



/* DEFAULT */
.btn_guide {
    display: inline-block; min-width: 116px; height:42px; padding: 11px 20px 11px; margin-left:8px;
    text-align: center; font-size: 13px; font-size:1.3rem; line-height: 19px; line-height:1.9rem; font-weight:300; color: #000;
    border:1px solid #eeeeee; border-radius: 0; box-sizing: border-box;
    transition: all 0.3s; cursor: pointer; outline: none;
}
.btn_guide:hover {color:#a47f54;}
.btn_small {
    display: inline-block; height: 42px; padding: 11px 20px; margin:0px 3px;
    text-align: center; font-size: 13px; font-size:1.3rem; line-height: 19px; line-height:1.9rem; font-weight:300; color: #000;
    border:1px solid #e6ecee; border-radius: 4px; box-sizing: border-box;
    cursor: pointer; outline: none;
}


/* ICON */
.btn_guide[class*="icon_"] {padding-left: 19px; padding-right: 60px; background-repeat: no-repeat; background-position: right center;}
.btn_small[class*="icon_"] {padding-left: 19px; padding-right: 60px; background-repeat: no-repeat; background-position: right center;}
.icon_search {background-image: url("../img/icon_search.png");}
.icon_write {background-image: url("../img/icon_write.png");}
.icon_edit {background-image: url("../img/icon_edit.png");}
.icon_view {background-image: url("../img/icon_view.png");}
.icon_delete {background-image: url("../img/icon_delete.png");}
.icon_confirm {background-image: url("../img/icon_check.png");}
.icon_close {background-image: url("../img/go_to_list_icon.png");}
.icon_attach {background-image: url("../img/icon_attach.png");}
.icon_download {background-image: url("../img/icon_download.png");}
.icon_list {background-image: url("../img/go_to_list_icon.png");}


/* BACKGROUND-COLOR, COLOR */
.btn_guide.pink  {background-color: transparent;}
.btn_guide.blue  {background-color: transparent;}
.btn_guide.black {background-color: transparent;}
.btn_guide.gray  {background-color: transparent;}
.btn_guide.lime  {background-color: transparent;}
.btn_guide.navy  {background-color: transparent;}

.btn_small.pink  {background-color: transparent;}
.btn_small.blue  {background-color: transparent;}
.btn_small.black {background-color: transparent;}
.btn_small.gray  {background-color: transparent;}
.btn_small.lime  {background-color: transparent;}
.btn_small.navy  {background-color: transparent;}


/* custom */
.ext_field_value.file_input {visibility: hidden; position: absolute; z-index: -10;}
input.ext_file_name.file_text {border:1px solid #e3e6e9; height:30px; margin-bottom:4px;}