.btn-theme { color: white; padding: 6px 20px; font-size: 18px; }



.btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5;   }
.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5;   }

.btn-orange { color: #fff; background-color: #d27526; border-color: #d27526; }

    .btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:active:hover, .btn-orange:active:focus { color: #fff; background-color: #E6A075; border-color: #ca7f04; }

.btn-gray { color: #5C5C5C; background-color: #a9a9a9; border-color: #5C5C5C; }

    .btn-gray:hover, .btn-gray:active, .btn-gray:focus, .btn-gray:active:hover, .btn-gray:active:focus { color: #5C5C5C; background-color: #9f9f9f; border-color: #696969; }

.btn-gray2 { color: #fff; background-color: #a9a9a9; border-color: #a9a9a9; }

    .btn-gray2:hover, .btn-gray2:active, .btn-gray2:focus, .btn-gray2:active:hover, .btn-gray2:active:focus { color: #fff; background-color: #9f9f9f; border-color: #696969; }


.btn-darkgray { color: #fff; background-color: #5b5b5b; border-color: #696969; }

    .btn-darkgray:hover, .btn-darkgray:active, .btn-darkgray:focus, .btn-darkgray:active:hover, .btn-darkgray:active:focus { color: #fff; background-color: #414141; border-color: #696969; }

.btn-darkgray2 { color: #fff; background-color: #747474; border-color: #696969; }
    .btn-darkgray2:hover, .btn-darkgray2:active, .btn-darkgray2:focus, .btn-darkgray2:active:hover, .btn-darkgray2:active:focus { color: #fff; background-color: #5b5b5b; border-color: #696969; }

.btn-darkblue { color: #fff; background-color: #00395C; border-color: #696969; }
    .btn-darkblue:hover, .btn-darkblue:active, .btn-darkblue:focus, .btn-darkblue:active:hover, .btn-darkblue:active:focus { color: #fff; background-color: #001724; border-color: #001724; }

.btn-green { color: #fff; background-color: #328B4F; border-color: #328B4F; }

    .btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:active:hover, .btn-green:active:focus { color: #fff; background-color: #3fa460; border-color: #328B4F; }
 
    .btn-confirm { color: #fff; background-color: #00cca3; border-color: #00cca3; padding-top: 8px; }
    .btn-confirm:hover, .btn-confirm:active, .btn-confirm:focus, .btn-confirm:active:hover, .btn-confirm:active:focus { color: #fff; background-color: #05977a; border-color: #00cca3; }

.btn-purple { color: #fff; background-color: #73698e; border-color: #73698e; padding-top: 8px; }
    .btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:active:hover, .btn-purple:active:focus { color: #fff; background-color: #665c81; border-color: #73698e; }

.btn-green { color: #fff; background-color: #aed779; border-color: #aed779; padding-top: 8px; }
    .btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:active:hover, .btn-green:active:focus { color: #fff; background-color: #9bbf6c; border-color: #aed779; }


/*SNS*/
.btn-facebook { color: #fff !important; background-color: #304d8a; border-color: #304d8a; padding-top: 9px; }
    .btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:active:hover, .btn-facebook:active:focus { color: #fff; background-color: #233c72; border-color: #304d8a; }

.btn-naver { color: #fff !important; background-color: #00c63b; border-color: #9f9f9f; padding-top: 9px; }
    .btn-naver:hover, .btn-naver:active, .btn-naver:focus, .btn-naver:active:hover, .btn-naver:active:focus { color: #fff; background-color: #07802b; border-color: #9f9f9f; }
.btn-kakao { color: #5b5b5b !important; background-color: #ffeb00; border-color: #ffdc00; padding-top: 8px; }
    .btn-kakao:hover, .btn-kakao:active, .btn-kakao:focus, .btn-kakao:active:hover, .btn-kakao:active:focus { color: #5b5b5b; background-color: #c2a700; border-color: #9f9f9f; }


/*테마버튼*/
.theme-blue button.theme-bgcolor:hover, .theme-blue button.theme-bgcolor:active,
.theme-blue button.theme-bgcolor:focus, .theme-blue button.theme-bgcolor:active:hover,
.theme-blue button.theme-bgcolor:active:focus { color: #fff; background-color: #007ECC; border-color: #007ECC; }

.theme-green button.theme-bgcolor { color: #fff; background-color: #328B4F; border-color: #328B4F; }
    .theme-green button.theme-bgcolor:hover, .theme-green button.theme-bgcolor:active,
    .theme-green button.theme-bgcolor:focus, .theme-green button.theme-bgcolor:active:hover,
    .theme-green button.theme-bgcolor:active:focus { color: #fff; background-color: #3fa460; border-color: #328B4F; }


.theme-orange button.theme-bgcolor { color: #fff; background-color: #EF6420; border-color: #ee631f; }
    .theme-orange button.theme-bgcolor:hover, .theme-orange button.theme-bgcolor:active,
    .theme-orange button.theme-bgcolor:focus, .theme-orange button.theme-bgcolor:active:hover,
    .theme-orange button.theme-bgcolor:active:focus { color: #fff; background-color: #fa6b25; border-color: #ee631f; }

.theme-orange a.theme-bgcolor { color: #fff; background-color: #EF6420; border-color: #ee631f; }
    .theme-orange a.theme-bgcolor:hover, .theme-orange a.theme-bgcolor:active,
    .theme-orange a.theme-bgcolor:focus, .theme-orange a.theme-bgcolor:active:hover,
    .theme-orange a.theme-bgcolor:active:focus { color: #fff !important; background-color: #fa6b25; border-color: #ee631f; }

.btn.wide { padding-left: 60px; padding-right: 60px; min-width: 150px; }

 

.btn-contact, .form-btn-list { color: white; padding: 5px 15px; margin-top: 20px; font-size: 20px; border-radius: 0; background-color: #3C322B; border-radius: 5px; }

.form-btn-list { color: white !important; background-color: #B2B2B2; position: absolute; right: 0; }

.btn-contact:hover, .btn-contact:active, .btn-contact:focus, .btn-contact:active:hover, .btn-contact:active:focus { color: #fff; background-color: #4b3c32; border-color: #4d2e18; }