@charset "UTF-8";

/* 공통  버튼 
.cont_btn_list_area .list li .btn {display: inline-block; min-width: 160px;font-size:0;background-color: #616161; text-align: center; border-radius: 5px;position:relative;z-index:1;overflow:hidden}
.cont_btn_list_area .list li .btn::before {display:block;width:100%;height:0;content:"";position:absolute;top:0;left:0;z-index:-1;transition:height 0.2s linear}
.cont_btn_list_area .list li .btn .text {display: block; font-size: 1rem; line-height: 48px; color: var(--colorWhite);}
.cont_btn_list_area .list li .btn:hover, 
.cont_btn_list_area .list li .btn:focus {}
.cont_btn_list_area .list li .btn:hover::before, 
.cont_btn_list_area .list li .btn:focus::before {height:100%;background-color:#484848}*/

.cont_btn_list_area > .list {margin-top:30px}
.cont_btn_list_area > .list.mb {margin:0 auto 30px auto}
.cont_btn_list_area > .list.tr {text-align: right;}
.cont_btn_list_area > .list.tc {text-align: center;}
.cont_btn_list_area > .list.tl {text-align: left;}
.cont_btn_list_area > .list li {display: inline-block; margin: 0 5px 0 0;vertical-align:top}
.cont_btn_list_area > .list li:last-child {margin: 0;}

/* 기본 버튼 */
.btn_default {display:inline-block;padding:6px 30px;text-align:center;font-size:1rem;font-weight:500;border:2px solid var(--colorYellow);border-radius:5px;background-color:var(--colorYellow);box-sizing:border-box;transition:0.2s}
.btn_default .text {}
.btn_default:not(.disabled):hover, 
.btn_default:not(.disabled):focus, 
.btn_default.on {color:var(--colorYellow);border-color:var(--colorBlack2);background-color:var(--colorBlack2)}
.btn_default.disabled {cursor:inherit !important;color:var(--colorFontGray) !important;border-color:var(--colorLightGray) !important;background-color:var(--colorBgGray) !important}
.btn_default.large {padding-top:13px;padding-bottom:13px}
table .btn_default  {padding:6px 12px}

/* 기본 버튼 : outline */
.btn_default.line {border-width:1px;background-color:#FEECAF;transition:0s}
.btn_default.line .text {display:inline-block}
.btn_default.line:not(.disabled):hover, /*{color:var(--colorBlack2);border-width:2px;border-color:var(--colorYellow)} */
.btn_default.line:not(.disabled):focus, 
.btn_default.line.on {padding-top:5px;padding-bottom:5px;color:var(--colorYellow);border-color:var(--colorBlack2);background-color:var(--colorBlack2)}
.btn_default.line.gray {border-color:var(--colorFontGray);background-color:var(--colorWhite);}
.btn_default.line.gray:not(.disabled):hover {border-width:2px} 
.btn_default.line.gray:not(.disabled):focus, 
.btn_default.line.gray.on {color:var(--colorWhite);border-color:var(--colorFontGray);background-color:var(--colorFontGray)}

/* 기본 버튼 : negative */
.btn_default.neg {color:var(--colorWhite);border-color:#848690;background-color:#848690}
.btn_default.neg:not(.disabled):hover, 
.btn_default.neg:not(.disabled):focus, 
.btn_default.neg.on {border-color:var(--colorBlack2);background-color:var(--colorBlack2)}

/* 기본 버튼 : list */
.btn_default.list {color:var(--colorWhite);border-color:#343642;background-color:#343642}
.btn_default.list:not(.disabled):hover, 
.btn_default.list:not(.disabled):focus, 
.btn_default.list.on {border-color:var(--colorBlack2);background-color:var(--colorBlack2)}

/* 기본 버튼 : ect */
.btn_default.ect {color:var(--colorWhite);border-color:var(--colorDarkGray);background-color:var(--colorDarkGray)}
.btn_default.ect:not(.disabled):hover, 
.btn_default.ect:not(.disabled):focus, 
.btn_default.ect.on {border-color:var(--colorBlack2);background-color:var(--colorBlack2)}

/* 텍스트 버튼 */
.btn_txt {color:var(--colorBlack2);transition:0.2s}
.btn_txt:not(.disabled):hover, 
.btn_txt:not(.disabled):focus, 
.btn_txt.on {color:var(--colorLightBrown);text-decoration:underline}

/* 링크 버튼 */
.btn_link {}
.btn_link .icon {color:var(--colorLightBlue)}
.btn_link:not(.disabled):hover, 
.btn_link:not(.disabled):focus, 
.btn_link.on {color:var(--colorLightBlue)}
.btn_link:not(.disabled):hover .text, 
.btn_link:not(.disabled):focus .text, 
.btn_link.on .text {text-decoration:underline}

/* 작은 버튼 */
.btn_small {display:inline-block;padding:0 8px;font-size:15px;line-height:22px;color:var(--colorBlack);background-color:var(--colorWhite);border:1px solid var(--colorFontGray);border-radius:5px}
.btn_small.red {color:var(--colorRed);border-color:var(--colorRed)}
.btn_small.blue {color:#428be9;border-color:#428be9}
.btn_small .icon {display:inline-block;vertical-align:middle;transform:translateY(-2px)}
.btn_small:hover, 
.btn_small:focus, 
.btn_small.on {color:var(--colorWhite);background-color:var(--colorBlack)}
.btn_small.red:hover, 
.btn_small.red:focus, 
.btn_small.red.on {color:var(--colorWhite);background-color:var(--colorRed)}
.btn_small.blue:hover, 
.btn_small.blue:focus, 
.btn_small.blue.on {color:var(--colorWhite);background-color:#428be9}