@charset 'utf-8';



/* btn style */
.button {font-family:'맑은고딕','MalgunGothic', sans-serif; display: inline-block; height: 35px; padding: 0 20px; border-radius: 0px; vertical-align: middle; font-size: 13px; color: #fff; font-weight: normal; line-height: 33px; text-align: center; cursor: pointer; white-space: nowrap; -webkit-appearance: none; background-color: #1779ba; letter-spacing: -1px;}
/*button[class^='button'] {min-width:auto;padding:0 !important;}*/
button[class^='button'] span,
.button span {position:relative; display:inline-block; white-space:nowrap}

/* 버튼크기 */
.button.x-large {padding: 0 45px; min-width: 160px; height: 55px; line-height: 53px; font-size: 18px; font-weight: bold;}
.button.large {padding: 0 25px; min-width: 140px; height: 45px; font-size: 14px; line-height: 43px;}
.button.medium {padding: 0 20px; min-width: 100px; height: 45px; font-size: 14px; line-height: 43px;} /* 2021-07-02 추가 */
.button.normal {padding: 0 15px; min-width: 110px; height: 35px; font-size: 13px; line-height: 33px;}
.button.small {padding: 0 10px; height: 28px; font-size: 11px; line-height: 26px;}
.button.expanded {display: block; width: 100%;}
.button.long {padding: 0 50px;}

.button.x-large span {min-width: 160px; height:55px;}
.button.large span {min-width: 140px; height:45px;}
.button.medium span {min-width: 100px; height:45px;} /* 2021-07-02 추가 */
.button.normal span,
.button span {min-width: 70px; height:35px;}
.button.small span {min-width:40px; height:28px;}


/* 버튼색상 */
.button.gray {background-color: #919191; color: #fff;}
.button.dgray {background-color: #333333; color: #fff;}
.button.orange {background-color: #f26d0f; color: #fff;}
.button.red {background-color: #f12730; color: #fff;}
.button.white {background-color: #fff; color: #333; border: 1px solid #333;}


/* 버튼 disabled 속성 */
.button.disabled,
.button[disabled] {opacity: 0.25; cursor: not-allowed;}
.button.arrows:after {content: ""; display: inline-block; width: 0; height: 0; margin-left: 0.5em;border: inset 0.4em; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent;}

/* 버튼 그룹핑 */
.button-group {margin-top: 20px; text-align: center}
.button-group:after {content: ""; display: block; clear: both;}
.button-group.left {text-align: left}
.button-group.right {text-align: right}
.button-group.to-side a:first-child,
.button-group.to-side button:first-child {float: left;}
.button-group.to-side a:last-child,
.button-group.to-side button:last-child {float: right;;}
.button-group a + a,
.button-group button + button {margin-left: 2px}