@charset "UTF-8";
.cont_btn_list_area > .list {/*display:flex;gap:5px;*/margin-top:30px}
.cont_btn_list_area > .list.flex {gap:5px}
.cont_btn_list_area > .list.mt0 {margin-top:0}
.cont_btn_list_area > .list.mb {margin:0 auto 30px auto}
.cont_btn_list_area > .list.tr {justify-content:right}
.cont_btn_list_area > .list.tc {justify-content:center}
.cont_btn_list_area > .list.tl {justify-content:left}
.cont_btn_list_area > .list li {flex:1;vertical-align:top; display: inline-block;}
.cont_btn_list_area > .list li:not(:last-child) { margin-right: 5px; }
.cont_btn_list_area > .list .btn_default {display:block}

/* 기본 버튼 */
.btn_default {display:inline-block;padding:9px 30px;text-align:center;font-size:1rem;font-weight:500;color:var(--colorWhite);border:1px solid var(--colorBlue);border-radius:5px;background-color:var(--colorBlue);box-sizing:border-box;transition:0.2s}
.btn_default .text {}
.btn_default:not(.disabled):hover, 
.btn_default:not(.disabled):focus, 
.btn_default.on {border-color:var(--colorNavy);background-color:var(--colorNavy);}
.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}
.btn_default.blue {color:var(--colorWhite);border-color:var(--colorBlue);background-color:var(--colorBlue)}
.btn_default.blue:not(.disabled):hover, 
.btn_default.blue:not(.disabled):focus, 
.btn_default.blue.on {border-color:var(--colorNavy);background-color:var(--colorNavy)}
.btn_default.red {color:var(--colorWhite);border-color:var(--colorRed);background-color:var(--colorRed)}
.btn_default.red:not(.disabled):hover, 
.btn_default.red:not(.disabled):focus, 
.btn_default.red.on {border-color:#a51010;background-color:#a51010}
table .btn_default  {padding:6px 12px}

/* 기본 버튼 : org -> 주황색 */
.btn_default.org {border-color:var(--colorOrange);background-color:var(--colorOrange)}
.btn_default.org:not(.disabled):hover, 
.btn_default.org:not(.disabled):focus, 
.btn_default.org.on {border-color:var(--colorLightBrown);background-color:var(--colorLightBrown)}

/* 기본 버튼 : outline */
.btn_default.line {color:var(--colorFontBlack);border-color:var(--colorGray);background-color:var(--colorWhite)}
.btn_default.line .text {display:inline-block}
.btn_default.line:not(.disabled):hover,
.btn_default.line:not(.disabled):focus, 
.btn_default.line.on {color:var(--colorWhite);border-color:var(--colorFontBlack);background-color:var(--colorFontBlack)}
.btn_default.line.gray {color:var(--colorDarkGray);border-color:var(--colorFontGray);background-color:var(--colorWhite);}
.btn_default.line.gray:not(.disabled):hover, 
.btn_default.line.gray:not(.disabled):focus, 
.btn_default.line.gray.on {color:var(--colorWhite);border-color:var(--colorFontGray);background-color:var(--colorFontGray)}
.btn_default.line.red {color:var(--colorRed);border-color:var(--colorRed);background-color:var(--colorWhite);}
.btn_default.line.red:not(.disabled):hover, 
.btn_default.line.red:not(.disabled):focus, 
.btn_default.line.red.on {color:var(--colorWhite);border-color:#a51010;background-color:#a51010}
.btn_default.line.green {color:var(--colorGreen);border-color:var(--colorGreen);background-color:var(--colorWhite);}
.btn_default.line.green:not(.disabled):hover, 
.btn_default.line.green:not(.disabled):focus, 
.btn_default.line.green.on {color:var(--colorWhite);border-color:var(--colorDarkGreen);background-color:var(--colorDarkGreen)}

/* 기본 버튼 : 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)}

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

/* 텍스트 버튼 */
.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 {transition:0.2s}
.btn_link .icon {color:var(--colorLightBlue)}
.btn_link:not(.disabled):hover, 
.btn_link:not(.disabled):focus, 
.btn_link.on {color:var(--colorBlue)}
.btn_link:not(.disabled):hover .text, 
.btn_link:not(.disabled):focus .text, 
.btn_link.on .text {text-decoration:underline;text-underline-offset:3px}
.btn_link:not(.disabled):hover .icon, 
.btn_link:not(.disabled):focus .icon, 
.btn_link.on .icon {color:var(--colorBlue)}

/* 작은 버튼 */
.btn_small {display:inline-block;padding:0 8px;font-size:15px;line-height:22px;color:var(--colorWhite);background-color:var(--colorDarkGray);border:1px solid var(--colorDarkGray);border-radius:5px;transition:0.2s}
.btn_small.red {background-color:var(--colorRed);border-color:var(--colorRed)}
.btn_small.blue {background-color:var(--colorBlue);border-color:var(--colorBlue)}
.btn_small.green {background-color:var(--colorGreen);border-color:var(--colorGreen)}
.btn_small .icon {display:inline-block;vertical-align:middle;transform:translateY(-2px)}
.btn_small:hover, 
.btn_small:focus, 
.btn_small.on {background-color:var(--colorBlack2);border-color:var(--colorBlack2)}
.btn_small.red:hover, 
.btn_small.red:focus, 
.btn_small.red.on {background-color:#a51010;border-color:#a51010}
.btn_small.blue:hover, 
.btn_small.blue:focus, 
.btn_small.blue.on {background-color:var(--colorNavy);border-color:var(--colorNavy)}
.btn_small.green:hover, 
.btn_small.green:focus, 
.btn_small.green.on {background-color:var(--colorDarkGreen);border-color:var(--colorDarkGreen)}

/* 작은 버튼 : outline */
.btn_small2 {display:inline-block;padding:0 10px;font-size:15px;line-height:26px;color:var(--colorFontGray);background-color:var(--colorWhite);border:1px solid var(--colorLightGray);border-radius:5px;transition:0.2s}
.btn_small2.red {color:var(--colorRed);border-color:var(--colorRed)}
.btn_small2.blue {color:var(--colorBlue);border-color:var(--colorBlue)}
.btn_small2.green {color:var(--colorGreen);border-color:var(--colorGreen)}
.btn_small2:hover, 
.btn_small2:focus, 
.btn_small2.on {color:var(--colorBlack2);border-color:var(--colorBlack2)}
.btn_small2.red:hover, 
.btn_small2.red:focus, 
.btn_small2.red.on {color:#a51010;border-color:#a51010}
.btn_small2.blue:hover, 
.btn_small2.blue:focus, 
.btn_small2.blue.on {color:var(--colorNavy);border-color:var(--colorNavy)}
.btn_small2.green:hover, 
.btn_small2.green:focus, 
.btn_small2.green.on {color:var(--colorDarkGreen);border-color:var(--colorDarkGreen)}