@charset "UTF-8";

/*
 * z-index 레이어 (낮은 값이 뒤, 높은 값이 앞)
 * 1000: 헤더/스티키
 * 2000: 팝업(.pop_item) — JS zIndexBase와 맞출 것
 * 3000: 블로커(#blocker)
 * 4000: 로더(#loader)
 * 5000: 툴팁(.memo_cont 등)
 * 9999: 모바일 메뉴 버튼 등 최상위
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

table,tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

html, body {
    font-family: 'Noto Sans KR',sans-serif;
}

input[type=button], input[type=text], input[type=image], input[type=submit], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.ui-datepicker select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
    -o-appearance: auto;
    appearance: auto;
    border: 1px solid #ccc;
}

textarea {
    overflow: hidden;
    resize: none;
}

.hide {
    display: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 뷰표트 변환시 폰트크기 자동확대 방지 */
body {
    -webkit-text-size-adjust: none;
}

input[type=text], input[type=password], input[type=submit], input[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
}

address, caption, cite, code, dfn, em, var, i {
    font-style: normal;
    font-weight: normal;
}

input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-family: inherit;
    padding: 0;
}

/* select::-ms-expand {
    display: none;
} */

button { cursor: pointer; }

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
}

input[type=submit], input[type=button], button {
    cursor: pointer;
}

/* input[type=checkbox], input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
} */

::-webkit-input-placeholder {
    color: #929292;
    font-size: inherit !important;
}

::-moz-placeholder {
    color: #929292;
    font-size: inherit !important;
}

:-ms-input-placeholder {
    color: #929292;
    font-size: inherit !important;
}

::-ms-input-placeholder {
    color: #929292;
    font-size: inherit !important;
}

::placeholder {
    color: #929292;
    font-size: inherit !important;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input::-ms-clear {
    display: none;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select {
    border: none;
}

input[disabled], input[readonly] {
    /* border: none !important; */
}

input.on_err {
    border-color: #D82F2F !important;
}

input.on_err:focus {
    border-color: #D82F2F !important;
    outline-color: #D82F2F !important;
}

.err_msg {
    color: #D82F2F;
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 4px;
    display: none;
}

.on_err ~ .err_msg {
    display: block;
}

body.__popopend {
    overflow: hidden;
}

@font-face {
    font-family: 'score';
    font-weight: 300;
    src: url(../fonts/scdream3.woff2) format('woff2'), url("../fonts/scdream3.woff") format('woff');
}

@font-face {
    font-family: 'score';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/scdream4.woff2) format('woff2'), url(../fonts/scdream4.woff) format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 500;
    src: url(../fonts/scdream5.woff2) format('woff2'), url(../fonts/scdream5.woff) format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 600;
    src: url(../fonts/scdream6.woff2) format('woff2'), url(../fonts/scdream6.woff) format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 700;
    src: url(../fonts/scdream7.woff2) format('woff2'), url(../fonts/scdream7.woff) format('woff');
}

@font-face {
    font-family: 'score';
    font-weight: 800;
    src: url(../fonts/scdream8.woff2) format('woff2'), url(../fonts/scdream8.woff) format('woff');
}

@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/SBAggroLight.woff2) format("woff2"), url(../fonts/SBAggroLight.woff) format("woff");
}
@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/SBAggroMedium.woff2) format("woff2"), url(../fonts/SBAggroMedium.woff) format("woff");
}
@font-face {
    font-family: "sbaggro";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/SBAggroBold.woff2) format("woff2"), url(../fonts/SBAggroBold.woff) format("woff");
}

/* 기존 score 폰트에서 지원되지 않는 한글이 있어. 네이버용 Pretendard 으로 추가 및 아래 html, body 영역에서 선언하도록 전환 - sorarhs 250826 */
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url(../fonts/Pretendard-Light.woff2) format('woff2'), url(../fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Pretendard-Regular.woff2) format('woff2'), url(../fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url(../fonts/Pretendard-Medium.woff2) format('woff2'), url(../fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url(../fonts/Pretendard-SemiBold.woff2) format('woff2'), url(../fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url(../fonts/Pretendard-Bold.woff2) format('woff2'), url(../fonts/Pretendard-Bold.woff) format('woff');
} 

/* 공통 */
html, body {
    /*font-family: 'score';*/
    font-family: 'Pretendard';  /*score에서 Pretendard로 수정*/
    font-size: 10px;
    min-width: 360px;
}

.bkd_admin {
    /*min-width: 1700px;*/
}

.bkd_btn {
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    height:36px;
    min-width: 70px;
    padding: 0 10px;
}

.grid_top_btn:disabled, .bkd_btn:disabled, button.css_disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.bkd_btn.col_w {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.bkd_btn.back_ico {
    background: url(../images/ico_page_prev.png) center left 10px no-repeat;
    padding-left: 34px;
}

.sb_txt {
    font-family: 'sbaggro' !important;
}

.alret_tit {
    font-size: 3.5rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
    text-align: left;
}

.alret_tit i {
    color: #F18E48;
    font-weight: inherit;
}

.round_btn {
    background: #000;
    border-radius: 50px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    height: 50px;
    line-height: 1;
    width: 180px;
}

.round_btn.col_w {
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    color: #000;
}

a.round_btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.full_screen_wrap.win_pop_size {
    min-width: 950px;
}

.full_screen_wrap h1 {
    height: 115px;
    position: absolute;
    top: 0;
    left: 0;
}

.full_screen_wrap .main_logo {
    left: 57px;
    position: absolute;
    top: 30px;
}


.full_screen_wrap .alret_page {
    padding: 300px 0 50px;
    text-align: center;
}

.alret_page .alert_top {
    align-items: flex-end;
    column-gap: 35px;
    display: inline-flex;
    margin-bottom: 50px;
    max-width: 490px;
}

.alert_top .alert_txt {
    text-align: left;
}

.alert_txt .alret_msg {
    color: #2F2F2F;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
}

.alert_info {
    background: #F1F1F1;
    margin-bottom: 28px;
    padding: 40px 0;
}

.alert_info_list {
    color: #2F2F2F;
    display: inline-block;
    font-size: 2.2rem;
    max-width: 500px;
}

.alert_info_txt {
    color: #2F2F2F;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.8;
    margin: auto;
    max-width: 500px;
    word-break: keep-all;
}

.alert_info_list > li {
    display: flex;
    flex-direction: row;
}

.alert_info_list > li > span {
    line-height: 1.8;
}

.alert_info_list .info_pre {
    font-weight: 500;
}

.alert_info_list .info_desc {
    padding-left: 0.5rem;
}

.login_tit {
    color: #000;
    font-size: 4.0rem;
    font-weight: 500;
    text-align: center;
}

.center_wrap {
    margin: 70px auto 30px;
    width: 472px;
}

.center_wrap.my_menu {
    width: 600px;
}

.login_top {
    align-items: center;
    column-gap: 32px;
    display: flex;
    flex-direction: row;
    line-height: 0;
    margin-top: 20px;
}

.login_top .img_area {
    padding-left: 28px;
}

.txt_area {
    font-size: 1.8rem;
    line-height: 1.7;
}

.border_box {
    border: 1px solid #C0C0C0;
    border-radius: 25px;
}

.member_top_btns {
    column-gap: 10px;
    display: flex;
    padding: 11px 11px 0;
}

.member_inp_wrap {
    margin-top: 30px;
    padding: 0 45px 30px;
}

.member_top_btns ~ .member_inp_wrap {
    margin-top: 25px;
}

.main_user.member_inp_wrap, .sub_user.member_inp_wrap {
    display: none;
}

.main_user.member_inp_wrap.__active, .sub_user.member_inp_wrap.__active, .bkd_admin .main_user.member_inp_wrap {
    display: block;
}

.member_top_btns .tab_btn {
    background: #E4E4E4;
    border-radius: 15px;
    color: #747474;
    font-size: 1.6rem;
    font-weight: 500;
    height: 40px;
    width: 220px;
}

.member_top_btns .tab_btn.selected {
    background: #2B7F71;
    color: #fff;
}

.member_inp_wrap input[type=text], .member_inp_wrap input[type=password], .member_inp_wrap input.bkd_input {
    background: #F6F6F6;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    box-sizing: border-box;
    color: #4A4A4A;
    font-size: 1.6rem;
    height: 50px;
    padding: 0 20px;
    width: 100%;
}

.member_inp_wrap input[type=text]:disabled, .member_inp_wrap input[type=password]:disabled, .bkd_input:disabled {
    color: #c3c3c3;
}

.member_inp_bottom {
    border-top: 1px solid #C0C0C0;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.member_inp_bottom button, .member_inp_bottom a.round_btn {
    margin-top: 16px;
}

.login_etc {
    column-gap: 35px;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.etc_links {
    column-gap: 35px;
    display: flex;
    flex-direction: row;
}

.etc_links a {
    color: #4A4A4A;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.87;
}

.etc_links a:hover {
    text-decoration: underline;
}

/* 로그인 — 푸터 .comp_info_txt > span + span::before 와 동일: 직접 인접 span 사이 | 구분 */
.login_find_links_col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

/* 아이디/비밀번호/휴대폰 찾기: 하단 링크만 있을 때 가운데 정렬 */
.login_etc.login_etc_find_sub {
    justify-content: center;
}

.login_etc .comp_info_txt.login_find_links {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.login_etc .comp_info_txt.login_find_links > span + span::before {
    content: '|';
    color: #6D778E;
    padding: 0 8px;
}

.login_etc .comp_info_txt.login_find_links a {
    color: #4A4A4A;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.87;
}

.login_etc .comp_info_txt.login_find_links a:hover {
    text-decoration: underline;
}

.login_sub_tit {
    color: #000;
    font-size: 3.0rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px;
}

.member_btn_wrap {
    margin-top: 20px;
    text-align: center;
}

.member_label {
    color: #2F2F2F;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 4px;
}

.chk_box {
    /* display: flex; */
    position: relative;
}

.chk_box input[type=checkbox] {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: -1;
}

.chk_box input[type=checkbox] + label {
    align-items: center;
    /* background: url(../images/ico_chk_ch.png) top 3px left no-repeat;
    background: url(../images/ico_chk.png) top 3px left no-repeat; */
    color: #212121;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    min-height: 24px;
    padding-left: 22px;
    position: relative;
    word-break: break-all;
}

.chk_box input[type=checkbox] + label::before {
    background: #fff;
    border: 1px solid #61ADA1;
    border-radius: 3px;
    box-sizing: border-box;
    content: '';
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 16px;
}

.chk_box input[type=checkbox]:disabled + label {
    /* background: url(../images/ico_chk_ds.png) top 3px left no-repeat; */
    color: #b3b3b3 !important;
    cursor: auto;
}

.chk_box input[type=checkbox]:disabled + label::before {
    background : #D9D9D9;
    border-color: #D9D9D9;
}

/* .chk_box input[type=checkbox]:checked + label {
    background: url(../images/ico_chk_ch.png) top 3px left no-repeat;
} */

.chk_box input[type=checkbox]:checked + label::before {
    background: #61ADA1 url(../images/bg_chk.png) center no-repeat;
}

.chk_box input[type=checkbox]:checked:disabled + label {
    /* background: url(../images/ico_chk_ch_ds.png) top 3px left no-repeat; */
    color: #b3b3b3 !important;
    cursor: auto;
}

.chk_box input[type=checkbox]:checked:disabled + label::before {
    background: #D9D9D9 url(../images/bg_chk.png) center no-repeat;
    border-color: #D9D9D9;
}

.chk_box.no_txt, .rad_box.no_txt {
    font-size: 0;
    line-height: 0;
}

.chk_box.no_txt input[type=checkbox] + label, .rad_box.no_txt input[type=radio] + label {
    font-size: 0;
    min-height: 16px;
    padding-left: 0;
    width: 16px;
}

.chk_box.no_txt input[type=checkbox] + label::before, .rad_box.no_txt input[type=radio] + label::before {
    top: 0;
}

.chk_box.no_txt input[type=checkbox], .rad_box.no_txt input[type=radio] {
    height: 16px;
    width: 16px;
}


.login_etc .chk_box input[type=checkbox] + label {
    /* background-position: top 4px left;
    background-size: 20px; */
    color: #4A4A4A;
    font-size: 1.6rem;
    line-height: 1.87;
    padding-left: 29px;
}

.login_etc .chk_box input[type=checkbox] + label::before {
    background-size: 20px;
    height: 20px;
    width: 20px;
}

.join_step_top .chk_box input[type=checkbox] + label {
    font-size: 16px;
    line-height: 1.5;
}



.rad_box {
    /* display: flex; */
    position: relative;
}

.rad_box input[type=radio] {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: -1;
}

.rad_box input[type=radio] + label {
    align-items: center;
    /* background: url(../images/ico_rad_ch.png) top 3px left no-repeat;
    background: url(../images/ico_rad.png) top 3px left no-repeat; */
    color: #212121;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    min-height: 24px;
    padding-left: 22px;
    position: relative;
    word-break: break-all;
    /*min-width: 81px;*/
}

.rad_box input[type=radio] + label::before {
    background: #fff;
    border: 1px solid #61ADA1;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 16px;
}

.rad_box input[type=radio]:disabled + label {
    cursor: not-allowed;
    opacity: 0.6;
}

/* .rad_box input[type=radio]:checked + label {
    background: url(../images/ico_rad_ch.png) top 3px left no-repeat;
} */

.rad_box input[type=radio]:checked + label::before {
    background: #61ADA1;
}

.member_rad_group {
    margin-bottom: 20px;
}

.member_rad_group .rad_box input[type=radio] + label {
    font-size: 1.6rem;
    line-height: 1.5;
    min-height: 24px;
}

.member_rad_group .rad_box + .rad_box {
    margin-top: 5px;
}

.lb_inp_wrap + .lb_inp_wrap {
    margin-top: 15px;
}

.chn_box {
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    display: flex;
    flex-direction: row;
    padding-bottom: 15px;
}

.chn_box .member_label {
    margin-bottom: 0;
    padding-right: 20px;
}

.join_step_wrap + .join_step_wrap{
    border-top: 1px solid #C0C0C0;
}

.join_step_top {
    align-items: center;
    box-sizing: border-box;
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 77px;
    padding: 0 38px 0 45px;
}

.join_step_top .step_tit {
    color: #929292;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66;
}

.join_step_cont {
    display: none;
}

.join_step_cont.terms {
    padding: 24px 25px 24px 45px;
}

.join_step_cont .member_inp_wrap {
    margin-top: 24px;
}

.terms_box {
    color: #2F2F2F;
    font-size: 1.6rem;
    height: 370px;
    overflow-x: hidden;
    overflow-y: auto;
}

.__current .join_step_top .step_tit {
    color: #2F2F2F;
}

.join_step_wrap.__current .join_step_cont {
    border-top: 1px solid #C0C0C0;
    display: block;
}

.cert_inp {
    column-gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.cert_btn {
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    color: #000;
    font-size: 1.6rem;
    height: 50px;
    width: 100px;
}

.cert_btn.col_g {
    border-color: #2B7F71;
    color: #2B7F71;
    cursor:auto;
}

.cert_inp input[type=text], .cert_inp input[type=password] {
    width: calc(100% - 110px);
}

.cert_inp .cert_btn {
    flex-shrink: 0;
}

.cert_inp .err_msg {
    width: 100%;
}

.cert_box_wrap {
    background: #E7E7E7;
    border-radius: 10px;
    margin-top: 10px;
    padding: 14px 22px 18px;
}

.cert_txt {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.87;
    margin-bottom: 5px;
}

.cert_box_wrap .cert_box {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.cert_box_wrap .cert_box .count_inp {
    width: 100%;
}

.cert_box_wrap .cert_box .conf_btn {
    flex-shrink: 0;
}

.conf_btn {
    background: #AAA;
    border-radius: 10px;
    color: #fff;
    font-size: 1.6rem;
    height: 50px;
    width: 75px;
}

.count_inp {
    position: relative;
}

.count_inp .time_count {
    color: #D82F2F;
    font-size: 1.6rem;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.count_inp input[type=text] {
    padding-right: 85px;
}

.member_txt {
    color: #212121;
    font-size: 1.6rem;
    line-height: 1.5;
}

.info_img_txt {
    background: url(../images/ico_info20.png) left center no-repeat;
    color: #797979;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 10px;
    padding-left: 25px;
}

.info_img_txt span {
    margin-right: 0.5rem;
}

.info_img_txt a {
    display: inline-block;
    text-decoration: underline;
}

.password_inp {
    position: relative;
}

.password_inp input {
    padding-right: 64px !important;
}

.password_inp input.bkd_input {
    padding-right: 40px !important;
}

.password_inp .showpw_btn {
    background: url(../images/ico_showpass.png) center no-repeat;
    font-size: 0;
    height: 24px;
    opacity: 0.5;
    position: absolute;
    right: 16px;
    top: 13px;
    /* top: 50%;
    transform: translateY(-50%); */
    width: 32px;
}

.password_inp .showpw_btn.__showpw {
    opacity: 1;
}

.password_inp .bkd_input + .showpw_btn {
    background-size: 24px;
    height: 20px;
    right: 8px;
    top: 8px;
    width: 26px;
}


/* 공통 - 인트로 */
.bkd_intro {
    padding-bottom: 50px;
}

.intro_tit {
    color: #000;
    font-size: 4.4rem;
    font-weight: 500;
    margin-bottom: 36px;
}

.intro_tit span {
    color: #FF7B1B;
}

.intro_top {
    background: #EAF3F2;
    padding: 150px 0 40px;
    text-align: center;
}

.intro_txt {
    color: #2F2F2F;
    font-size: 1.8rem;
    line-height: 1.66;
    word-break: keep-all;
}

.intro_img {
    line-height: 0;
    margin-bottom: 36px;
}

.intro_cont {
    position: relative;
    text-align: center;
}

.intro_cont::before {
    background: #EAF3F2;
    content: '';
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.intro_step {
    display: inline-block;
    position: relative;
    transition: width 0.3s;
}

.intro_step.step2 {
    padding-right: 85px;
}

.intro_step.step3 {
    padding-right: 170px;
}

.intro_step.step4 {
    padding-right: 255px;
}

.intro_step > li {
    display: none;
    position: absolute;
    line-height: 0;
    top: 0;
}

.intro_step > li:first-child {
    display: block;
    position: relative;
}

.intro_step > li.__show {
    display: block;
}

.intro_step > li.left2 {
    left: 105px;
}

.intro_step > li.left3 {
    left: 170px;
}

.intro_step > li.left4 {
    left: 105px;
}

.intro_step .num_step {
    padding-left: 40px;
}

.step_box {
    align-items: center;
    background: #fff;
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    border-radius: 100px;
    column-gap: 30px;
    display: flex;
    height: 200px;
    justify-content: space-between;
    max-width: 600px;
    padding: 0 40px 0 59px;
    position: relative;
    text-align: left;
    width: 100%;
}

.last_step .step_box {
    background: #EAEAEA;
}

.step_btn {
    background: #2B8071;
    border-radius: 50%;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 500;
    height: 80px;
    left: -40px;
    position: absolute;
    top: 60px;
    width: 80px;
}

.step_txt {
    color: #000;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.45;
    word-break: keep-all;
}

.box_btns {
    display: flex;
    column-gap: 10px;
    flex-shrink: 0;
}

.box_btns.al_center {
    display: inline-flex;
    align-items: center;
}

.agg_btn {
    background: #040000;
    border-radius: 50px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    height: 40px;
    width: 90px;
}

.agg_btn.col_gr {
    background: #aaa;
}



/* 팝업 */
.grid_automatch {
    max-height: 500px;
}

.pop_item {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pop_item.opened {
    display: flex;
}

.pop_item.__current {
    background: rgba(0,0,0,0.3);
    z-index: 2010;
}

.pop_item.idx_1 {
    z-index: 2000;
}

.pop_item.idx_2 {
    z-index: 2001;
}

.pop_item.idx_3 {
    z-index: 2002;
}

.pop_item.idx_4 {
    z-index: 2003;
}

.pop_wrap {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    position: relative;

    max-width: calc(100% - 20px);
}

.pop_wrap.type_alert, .pop_wrap.type_small {
    width: 460px;
}

.pop_wrap.type_memo {
    width: 676px;
}

.type_memo .resp_tb_wrap > table {
    min-width: 550px;
}

.pop_wrap.type_middle_auto {
    max-width: 676px;
}

.pop_wrap.type_middle {
    width: 760px;
}

.type_middle .resp_tb_wrap > table {
    min-width: 600px;
}

.pop_wrap.type_smiddle {
    width: 1000px;
}

.type_smiddle .resp_tb_wrap > table {
    min-width: 800px;
}

.pop_wrap.type_large {
    width: 1400px;
}

.type_large .resp_tb_wrap > table {
    min-width: 1100px;
}

.pop_wrap.type_xlarge {
    width: 1600px;
}

.type_xlarge .resp_tb_wrap > table {
    min-width: 1300px;
}

.pop_wrap.type_mlarge {
    width: 1200px;
}

.type_mlarge .resp_tb_wrap > table {
    min-width: 900px;
}

.pop_wrap.pop_scroll {
    max-height: 94vh;
}

.pop_wrap.pop_scroll .pop_cont2, .pop_wrap.pop_scroll .pop_cont {
    max-height: calc(94vh - 55px);
    overflow: auto;
}

/* 이용현황/결제 > 결제하기 모달: 뷰포트 높이 제한 + 본문 스크롤(세로 화면 대응) */
.pop_item.select_popup .pop_wrap.type_xlarge {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    overflow: hidden;
}

.pop_item.select_popup .select_popup__scroll {
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
}

.pop_head {
    box-sizing: border-box;
    padding: 25px 30px 0;
}

.pop_wrap.type_alert .pop_tit {
    border-bottom: 1px solid #C0C0C0;
    padding-bottom: 3px;
}

.pop_tit {
    color: #2F2F2F;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66;
    overflow: hidden;
    padding-right: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pop_close_btn {
    background: url(../images/ico_close_sm.png) center no-repeat;
    font-size: 0;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
}

.pop_cont {
    box-sizing: border-box;
    padding: 20px 30px 25px;
}

.pop_alert_msg {
    color: #212121;
    font-size: 1.6rem;
    text-align: center;
    word-break: keep-all;
    line-height: 1.7;
    padding: 16px 0;
}

.pop_comm_txt {
    color: #747474;
    font-size: 1.6rem;
    line-height: 1.5;
}

.pop_comm_txt2 {
    color: #4A4A4A;
    font-size: 1.6rem;
    line-height: 1.5;
}

.pop_btn_area {
    margin-top: 20px;
    text-align: center;
}

.pop_btn_area button + button {
    margin-left: 6px;
}

.type_alert .pop_btn_area {
    margin-bottom: 20px;
}

.pop_table_wrap {
    margin-top: 26px;
}

.pop_table_wrap .t_label {
    margin-bottom: 5px;
}

.pop_table {
    font-size: 1.4rem;
    border-collapse: collapse;
    border-top: 1px solid #C0C0C0;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.pop_table thead th {
    background: #EDEDED;
    border-bottom: 1px solid #C0C0C0;
    box-sizing: border-box;
    color: #797979;
    height: 58px;
    padding: 8px 10px;
}

.pop_table tbody td {
    border-bottom: 1px solid #C0C0C0;
    box-sizing: border-box;
    color: #212121;
    height: 58px;
    padding: 8px 10px;
    word-break: break-all;
}

.memo_det {
    border: 1px solid #737373;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.2rem;
    height: 20px;
    line-height: 18px;
    width: 42px;
}

/* 메뉴 테마 색상 */
.my_menu .my_btn {
    background: #EAF3F2;
    border-radius: 50%;
    color: #2A7B6E;
    font-size: 1.4rem;
    height: 40px;
    width: 40px;
}

.my_btn:hover {
    font-weight: 600;
}

/* .typeA .my_menu .my_btn {
    background: red;
    color: red;
} */

.my_menu .hide_menu {
    background: #2A7B6E;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    min-width: 130px;
    padding: 18px 19px 19px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
}

.typeA .my_menu .hide_menu {
    background: #EBECFF;
    color: #555DF3;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    min-width: 130px;
    padding: 18px 19px 19px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
}

.typeB .my_menu .hide_menu {
    background: #FFF5E9;
    color: #9B3E52;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    min-width: 130px;
    padding: 18px 19px 19px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
}

.typeC .my_menu .hide_menu {
    background: #EEF1FF;
    color: #702AA6;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    min-width: 130px;
    padding: 18px 19px 19px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
}

.typeD .my_menu .hide_menu {
    background: #F4F4F4;
    color: #6B4B4B;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
    min-width: 130px;
    padding: 18px 19px 19px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
}

.typeA .my_menu .my_btn {
    /* 타입A */
    background: #EBECFF;
    color: #555DF3;
}

.typeA .my_menu .hide_menu {
    background: #555DF3;
}

.typeB .my_menu .my_btn {
    /* 타입B */
    background: #FFF5E9;
    color: #9B3E52;
}

.typeB .my_menu .hide_menu {
    background: #9B3E52;
}

.typeC .my_menu .my_btn {
    /* 타입C */
    background: #EEF1FF;
    color: #702AA6;
}

.typeC .my_menu .hide_menu {
    background: #702AA6;
}

.typeD .my_menu .my_btn {
    /* 타입D */
    background: #F4F4F4;
    color: #6B4B4B;
}

.typeD .my_menu .hide_menu {
    background: #6B4B4B;
}

.bkd_nav {
    background: #EAF3F2;
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 23px 24px;
    width: 200px;
}

.bkd_admin .bkd_nav {
    padding: 23px 10px;
}

/* .typeA .bkd_nav {
    background: red;
} */

.bkd_main_menu > li > a {
    border-radius: 5px;
    color: #2F2F2F;
    display: block;
    font-size: 1.6rem;
    /* line-height: 1.8; */
    line-height: 29px;
    min-height: 29px;
    padding-left: 38px;
    position: relative;
}

.bkd_main_menu > li > a.selected {
    background: #2A7B6E;
    color: #fff;
}

.typeA .bkd_nav {
    background: #EBECFF;
}

.typeA .bkd_main_menu > li > a.selected {
    background: #555DF3;
}

.typeB .bkd_nav {
    background: #FFF5E9;
}

.typeB .bkd_main_menu > li > a.selected {
    background: #9B3E52;
}

.typeC .bkd_nav {
    background: #EEF1FF;
}

.typeC .bkd_main_menu > li > a.selected {
    background: #702AA6;
}

.typeD .bkd_nav {
    background: #F4F4F4;
}

.typeD .bkd_main_menu > li > a.selected {
    background: #6B4B4B;
}

.bkd_main_menu > li + li {
    margin-top: 20px;
}

.bkd_main_menu > li > a::before {
    background: #2A7B6E;
    border-radius: 5px;
    content: '';
    height: 25px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 25px;
}

.typeA .bkd_main_menu > li > a::before {
    background: #555DF3;
}

.typeB .bkd_main_menu > li > a::before {
    background: #9B3E52;
}

.typeC .bkd_main_menu > li > a::before {
    background: #702AA6;
}

.typeD .bkd_main_menu > li > a::before {
    background: #6B4B4B;
}

.bkd_main_menu > li > a > span {
    align-items: center;
    display: flex;
    height: 25px;
    justify-content: center;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 25px;
}

.bkd_main_menu > li a > span svg {
    fill: #fff;
}

.bkd_main_menu > li a > span.strk svg {
    fill: none;
    stroke: #fff;
}

.bkd_main_menu > li > ul {
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    margin-top: -8px;
    padding: 20px 20px 14px;
}

.bkd_main_menu > li > ul.__opened {
    background: transparent;
}

.bkd_main_menu > li > a.selected + ul {
    background: #fff;
}

.bkd_main_menu > li > ul a {
    color: #2A7B6E;
    font-size: 1.4rem;
}

.bkd_main_menu > li > ul a:hover {
    font-weight: 500;
}

.bkd_main_menu > li > ul a.selected {
    font-weight: 600;
}

.bkd_main_menu > li > ul a::before {
    content: '-';
    padding-right: 4px;
}

.bkd_main_menu > li > ul > li + li {
    margin-top: 8px;
}

.typeA .bkd_main_menu > li > ul a {
    color: #555DF3;
}

.typeB .bkd_main_menu > li > ul a {
    color: #9B3E52;
}

.typeC .bkd_main_menu > li > ul a {
    color: #702AA6;
}

.typeD .bkd_main_menu > li > ul a {
    color: #6B4B4B;
}

.bkd_main_menu > li a.selected > span svg {
    fill: #2A7B6E;
}

.bkd_main_menu > li a.selected > span.strk svg {
    fill: none;
    stroke: #2A7B6E;
}

.typeA .bkd_main_menu > li a.selected > span svg {
    fill: #555DF3;
}

.typeA .bkd_main_menu > li a.selected > span.strk svg {
    fill: none;
    stroke: #555DF3;
}

.typeB .bkd_main_menu > li a.selected > span svg {
    fill: #9B3E52;
}

.typeB .bkd_main_menu > li a.selected > span.strk svg {
    fill: none;
    stroke: #9B3E52;
}

.typeC .bkd_main_menu > li a.selected > span svg {
    fill: #702AA6;
}

.typeC .bkd_main_menu > li a.selected > span.strk svg {
    fill: none;
    stroke: #702AA6;
}

.typeD .bkd_main_menu > li a.selected > span svg {
    fill: #6B4B4B;
}

.typeD .bkd_main_menu > li a.selected > span.strk svg {
    fill: none;
    stroke: #6B4B4B;
}

.bkd_main_menu > li a.selected::before {
    background: #fff;
    border-radius: 3px;
}

.mob_menu_btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}





/* 기타 테마 색상 */
.period_btn {
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    font-size: 1.2rem;
    height: 36px;
    width: 44px;
}

.period_btn.selected {
    background: #2A7B6E;
    border-color: #2A7B6E;
    color: #fff;
}
/*
.typeA .period_btn.selected {
    background: red;
    border-color: red;
} */






/* 이용자 화면 */
.bkd_col {
    color: #2A7B6E !important;
}

.blue_col {
    color: #4C7DC7 !important;
}

.green_col {
    color: #428A7F !important;
}

.red_col {
    color: #D82F2F !important;
}
.red_col_imp {
    color: #D82F2F !important;
}

.gray_col {
    color: gray !important;
}

.lstr_txt {
    font-weight: 500;
}

.mstr_txt {
    font-weight: 600;
}

.str_txt {
    font-weight: 700;
}

.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt15 {
    margin-top: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt25 {
    margin-top: 25px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt35 {
    margin-top: 35px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgl15 {
    margin-left: 15px;
}

.mgl20 {
    margin-left: 20px;
}

.w100 {
    width: 100% !important;
}

.w60 {
    width: 60% !important;
}

.comm_txt {
    color: #212121;
    font-size: 1.6rem;
    line-height: 1.5;
}

.comm_txt.fs_small {
    font-size: 1.4rem;
}

.bg_white {
    background: #fff !important;
}

.bg_green {
    background: #BED7D4 !important;
    /* border-color: #BED7D4 !important; */
    color: #428A7F !important;
}

.bg_gray {
    background-color: #E8E8E8 !important;
}

.bkd_header {
    align-items: center;
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 62px;
    padding: 0 38px;
    position: relative;
}

.bkd_header .main_logo {
    display: inline-block;
    line-height: 1;
}

.header_aside {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.user_info_wrap {
    column-gap: 22px;
    display: flex;
    flex-direction: row;
}

.user_info_wrap p {
    font-size: 1.4rem;
}

.user_info_wrap p span {
    font-weight: 500;
}

.my_menu {
    position: relative;
}

.hide_menu > li + li {
    margin-top: 9px;
}

.hide_menu a {
    color: #EAF3F2;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
}

.hide_menu a:hover {
    font-weight: 500;
}









.bkd_content {
    display: flex;
    flex-direction: row;
    min-height: calc(100vh - 63px);
}

/* .bkd_main_menu > li:first-child a::after {
    background-color: red;
    -webkit-mask-image: url(../images/ico_menu1.png);
    mask-image: url(../images/ico_menu1.png);
    mask-size:auto;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: red;
    height: 25px;
    width: 25px;
} */

/* .bkd_main_menu > li:nth-child(2) a::before {
    background: #2A7B6E url(../images/ico_menu2.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(3) a::before {
    background: #2A7B6E url(../images/ico_menu3.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(4) a::before {
    background: #2A7B6E url(../images/ico_menu4.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(5) a::before {
    background: #2A7B6E url(../images/ico_menu5.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(6) a::before {
    background: #2A7B6E url(../images/ico_menu6.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(7) a::before {
    background: #2A7B6E url(../images/ico_menu7.png) center no-repeat;
} */

/* .bkd_main_menu > li:first-child a.selected::before {
    background: #fff url(../images/ico_menu1_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(2) a.selected::before {
    background: #fff url(../images/ico_menu2_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(3) a.selected::before {
    background: #fff url(../images/ico_menu3_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(4) a.selected::before {
    background: #fff url(../images/ico_menu4_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(5) a.selected::before {
    background: #fff url(../images/ico_menu5_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(6) a.selected::before {
    background: #fff url(../images/ico_menu6_s.png) center no-repeat;
}

.bkd_main_menu > li:nth-child(7) a.selected::before {
    background: #fff url(../images/ico_menu7_s.png) center no-repeat;
} */




.cont_area {
    box-sizing: border-box;
    padding: 12px 40px 12px;
    width: calc(100vw - 200px);
}

.bkd_admin .cont_area {
    width: calc(100% - 200px);
    min-width: 1140px;
}

.tab_menu {
    column-gap: 36px;
    display: flex;
    flex-direction: row;
}

.tab_menu a {
    color: #2F2F2F;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66;
    position: relative;
}

.tab_menu a.active::after {
    background: #2F2F2F;
    bottom: -1px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.acc_area {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    margin-top:12px;
}

.acc_area.mgt20 {
    margin-top: 20px;
}

.acc_area .acc_list {
    position: relative;
    width: 100%;
}

.acc_list .acc_list_btn {
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    color: #2F2F2F;
    font-size: 1.6rem;
    height: 50px;
    overflow: hidden;
    padding: 0 50px 0 20px;
    text-align: right; /* 확인 후 변경 가능성 있음 */
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.acc_list .acc_list_btn.al_left {
    text-align: left;
}

.acc_list_btn::after {
    background: url(../images/ico_acc_btn.png) center no-repeat;
    content: '';
    height: 100%;
    position: absolute;
    right: 21px;
    top: 0;
    transition: all 0.2s;
    width: 18px;
}

.acc_list_btn.__opened::after {
    transform: rotate(180deg);
}

.acc_list .all_acc_list {
    background: #fff;
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    border-radius: 5px;
    display: none;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    top: 49px;
    width: 100%;
    z-index: 2;
}

.all_acc_list ul li + li {
    margin-top: 10px;
}

.all_acc_list .chk_box input[type=checkbox] + label {
    background-position: top 5px left 0;
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 24px;
}

.acc_area.sch_item {
    margin-top: 0;
}

.acc_area.sch_item .acc_list {
    width: 400px;
}

.acc_area.sch_item .acc_list_btn {
    font-size: 1.4rem;
    height: 36px;
    padding: 0 38px 0 10px;
    text-align: left;
}

.acc_area.sch_item .acc_list_btn::after {
    background-size: 14px;
    right: 10px;
}

.acc_area.sch_item .acc_list .all_acc_list {
    top: 35px;
}

.acc_area.sch_item .all_acc_list .chk_box input[type=checkbox] + label {
    font-size: 1.4rem;
}

.acc_area.sch_item .all_acc_list ul li + li {
    margin-top: 5px;
}

.acc_area .acc_detail {
    flex-shrink: 0;
    position: relative;
    width: 66.4%;
}

.acc_detail .acc_detail_btn {
    background: #F6F6F6;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    font-size: 1.6rem;
    height: 50px;
    padding: 0 50px 0 20px;
    position: relative;
    text-align: right;
    width: 100%;
}

.acc_detail_btn::after {
    background: url(../images/ico_acc_btn.png) center no-repeat;
    content: '';
    height: 100%;
    position: absolute;
    right: 21px;
    top: 0;
    transition: all 0.2s;
    width: 18px;
}

.acc_detail_btn.__opened::after {
    transform: rotate(180deg);
}

/* .acc_detail_btn > span + span {
    padding-left: 4px;
} */

/* .acc_detail_btn > span + span::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
} */

.acc_detail_list {
    background: #F6F6F6;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 49px;
    z-index: 5;
}

/* .acc_detail_list ul > li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.acc_detail_list ul > li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */

.acc_detail_list ul {
    padding: 0 50px 0 50px;
}

.acc_detail_list li + li {
    border-top: 1px solid #C0C0C0;
}

.acc_detail_list p {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 1.6rem;
    height: 48px;
    justify-content: flex-end;
    text-align: right;
    white-space: nowrap;
    width: 100%;
}

.all_acc_list ul li + li {
    margin-top: 10px;
}

.all_acc_list .chk_box input[type=checkbox] + label {
    background-position: top 5px left 0;
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 24px;
}

.balance_area {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    margin-top:12px;
}

.balance_area .balance_list {
    position: relative;
    width: 100%;
}

.balance_list .balance_list_btn {
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    color: #2F2F2F;
    font-size: 1.6rem;
    height: 50px;
    overflow: hidden;
    padding: 0 50px 0 20px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.balance_list_btn::after {
    background: url(../images/ico_acc_btn.png) center no-repeat;
    content: '';
    height: 100%;
    position: absolute;
    right: 21px;
    top: 0;
    transition: all 0.2s;
    width: 18px;
}

.balance_list_btn.__opened::after {
    transform: rotate(180deg);
}

.balance_list .all_balance_list {
    background: #fff;
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    border-radius: 5px;
    display: none;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    top: 49px;
    width: 100%;
    z-index: 2;
}

.all_balance_list ul li + li {
    margin-top: 10px;
}

.all_balance_list .chk_box input[type=checkbox] + label {
    background-position: top 5px left 0;
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 24px;
}

.sch_box {
    padding-bottom: 10px;
    position: relative;
}

.acc_area + .sch_box {
    margin-top: 10px;
}

.balance_area + .sch_box {
    margin-top: 10px;
}

.sch_area {
    background: #EDEDED;
    border-radius: 5px;
    box-sizing: border-box;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 20px 16px;
}

.sch_area.rel_type {
    /* 임시 적용 :  공통적용 가능한지 확인필요 */
    column-gap: 20px;
    justify-content: left;
}

/* 기존 공통 규칙 그대로 유지 */
input.date_inp {
    background: #F5F5F7 url(../images/ico_cal.png) center right 11px no-repeat;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1.6rem;
    height: 36px;
    padding: 0 42px 0 10px;
    width: 158px;
}

/* ✅ month 전용: 커스텀 달력 아이콘(배경이미지) 제거 */
input[type="month"].date_inp {
    background: #F5F5F7 none !important; /* 배경이미지 제거 */
    padding-right: 10px;                  /* 아이콘 자리 없애면서 패딩 정리 */
}

/* (선택) WebKit 기본 달력 아이콘까지 숨기고 싶을 때만 사용 */
input[type="month"].date_inp.no-native-icon::-webkit-calendar-picker-indicator {
    display: none;
}

.range_inp {
    align-items: center;
    column-gap: 8px;
    display: flex;
    flex-direction: row;
}

.range_date_inp > span {
    color: #606060;
    font-size: 1.6rem;
}

.t_label {
    color: #2F2F2F;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 7px;
}

.t_label.sm_size {
    font-size: 1.4rem;
}

.t_label.col_gr {
    color: #2A7B6E;
}

.subContent {
    margin-left: 10px;
    font-size: 14px;
}

.t_label.col_gl {
    color: #606060;
    font-weight: normal;
}

.sch_base {
    column-gap: 32px;
    display: flex;
    flex-direction: row;
}

.sch_base.lg_gap {
    column-gap: 50px;
}

.period_btn_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
}

.period_btn_list {
    align-items: flex-end;
    column-gap: 4px;
    display: flex;
    flex-direction: row;
}

.period_btn_list + .period_btn_list {
    padding-left: 21px;
    position: relative;
}

.period_btn_list + .period_btn_list::before {
    background: #C0C0C0;
    bottom: 0;
    content: '';
    height: 36px;
    position: absolute;
    left: 10px;
    width: 1px;
}

.sch_detail_wrap {
    display: none;
}

.sch_detail_area {
    display: flex;
    column-gap: 50px;
    flex-direction: row;
    /* justify-content: space-between; */
    margin-top: 25px;
}

.sch_wrap .sch_cont {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    min-height: 36px;
}

.sch_wrap .size_fix .sch_cont {
    min-height: 26px;
}

.sch_detail_area .rad_box input[type=radio] + label {
    font-size: 14px;
    line-height: 1.5;
    min-height: 24px;
}

.suf_inp {
    position: relative;
}

.suf_inp input {
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1.6rem;
    height: 36px;
    padding: 0 30px 0 10px;
    text-align: right;
    width: 158px;
}

.suf_inp .suf_txt {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.sch_comm_btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.sch_comm_btns.al_top {
    align-items: flex-start !important;
}

.sch_area .sch_comm_btns {
    flex-shrink: 0;
}

.sch_box .detail_sch_btn {
    background: #000;
    /* bottom: -16px; */
    box-sizing: border-box;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    height: 26px;
    left: 100%;
    padding-left: 26px;
    /* position: absolute; */
    position: relative;
    /* right: 5px; */
    text-align: left;
    transform: translateX(-100%);
    width: 80px;
}

.detail_sch_btn::before {
    /*background: url(../images/ico_acc_btn_w.png) center left 8px no-repeat;*/
    background-size: 11px;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s;
    width: 26px;
}

.sch_box .detail_sch_btn.opened::before {
    transform: rotate(180deg);
}

.top_btns {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    /* margin-bottom: 10px; */
}

.top_txt {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    word-break: break-all;
}

.right_btns {
    align-items: flex-end;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* margin-bottom: 10px; */
}

.gap_4 {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    vertical-align: middle;
}

#faqList.gap_4 {
    font-size: initial;
}

.down_btn, .sm_btn {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-size: 1.4rem;
    height: 32px;
    padding: 2px 9px;
}

.sm_btn.col_bk {
    background: #000;
    color: #fff;
}

.down_btn[class*="ico_"] {
    padding-right: 34px;
}

.ico_pdf {
    background: url(../images/ico_pdf.png) center right 6px no-repeat;
}

.ico_exc {
    background: url(../images/ico_exc.png) center right 6px no-repeat;
}

.ico_print {
    background: url(../images/ico_print.png) center right 6px no-repeat;
}

.grid_top {
    align-items: center;
    background: #EDEDED;
    box-sizing: border-box;
    column-gap: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 20px;
}

.grid_top .grid_stat {
    align-items: center;
    color: #2F2F2F;
    column-gap: 38px;
    display: flex;
    flex-direction: row;
    font-size: 1.6rem;
}

.balance_select, .bkd_select {
    background: #fff url(../images/ico_select.png) center right 10px no-repeat;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.4rem;
    height: 36px;
    /* min-width: 132px; */
    padding: 0 34px 0 10px;
}

input.bkd_input {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.6rem;
    height: 36px;
    padding: 0 10px;
}

.bkd_input.gray_bg {
    background: #efefef;
}

.bkd_input.sm_size {
    max-width: 100%;
    width: 200px;
}

.bkd_input.time_input {
    text-align: center;
    width: 5em;
}

.bkd_textarea {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.6rem;
    height: 100px;
    overflow-y: auto;
    padding: 10px;
    width: 100%;
}

.bkd_textarea.h200 {
    height: 200px;
}

.inp_btn_wrap {
    align-content: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.inp_btn_wrap input {
    width: 100%;
}

.textarea_btn_wrap {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.center_btn_wrap {
    text-align: center;
}

.right_btn_wrap {
    text-align: right;
}

.center_btn_wrap.multi_btns {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
}

.center_btn_wrap p {
    font-size: 1.4rem;
}

.right_btn_wrap.multi_btns {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 10px;
}

.between_btn_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.inp_btn_wrap button {
    flex-shrink: 0;
}

.memo_btn {
    background: url(../images/ico_memo.png) center no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.memo_btn_filled {
    background: url(../images/ico_memo_green.png) center no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.click_txt_item {
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .hover_title {
    position: relative;
    display: inline-block;
}

.hover_title[title]:hover::after {
    background: red;
    content: attr(title);
    position: absolute;
    top: -100%;
    left: 0;
} */

.ico_memo_type {
    background: url(../images/ico_memo_type.png) center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-size: 0;
    height: 20px;
    margin-left: 2px;
    vertical-align: middle;
    width: 20px;
}

.memo_cont {
    background: #EBEBEB;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    left: 0;
    width: auto;
    min-width: 0;
    max-width: 500px;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.memo_cont p {
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.memo_cont.memo_show {
    display: block;
}

.bkd_round_btn {
    background: #fff;
    border: 1px solid #737373;
    border-radius: 5px;
    color: #737373;
    font-size: 1.2rem;
    height: 20px;
    padding: 0 4px;
}

.bkd_round_btn:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

.bkd_round_btn.bkd_box_tag {
    border-radius: 0;
    display: inline-block;
    height: 18px;
    line-height: 16px;
    vertical-align: top;
}

.bkd_round_btn.col_gr, .bg_gr {
    background: #61ADA1;
    border-color: #61ADA1;
    color: #fff;
}

.bkd_round_btn.col_bl {
    background: #4C7DC7;
    border-color: #4C7DC7;
    color: #fff;
}

.bkd_round_btn.col_gl, .bg_gl {
    background: #A4A4A4;
    border-color: #A4A4A4;
    color: #fff;
}

.bkd_round_btn.col_bk, .bg_bk {
    background: #353535;
    border-color: #353535;
    color: #fff;
}

.bkd_round_btn.col_og, .bg_og {
    background: #FF9346;
    border-color: #FF9346;
    color: #fff;
}

.bkd_round_btn.col_red, .bg_red {
    background: #D82F2F;
    border-color: #D82F2F;
    color: #fff;
}

.bg_bl {
    background: #4C7DC7;
    border-color: #4C7DC7;
    color: #fff;
}

.grid_top_btns {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    row-gap: 5px;
    margin-bottom: 10px;
}

.grid_top_btn {
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    height: 32px;
    /* min-width: ?; */
    padding: 0 10px;
}

#faqList {
    font-size: 0;
}

#faqList > button {
    font-size: 1.4rem;
}

.faq_list_btn {
    background: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 1.4rem;
    height: 32px;
    /* min-width: ?; */
    padding: 0 10px;
    transition: all 0.2s;
    border: 1px solid #000;
}

.faq_list_btn.col_w {
    background: #EDEDED;
    color: #000;
    border: 1px solid #C0C0C0;
}

.pop_sch_box .sch_area {
    background: #fff;
    border-radius: 0;
    padding: 0 0 20px;
}

.pop_sch_box .sch_area .sch_comm_btns, .bkd_admin .sch_comm_btns {
    align-items: flex-end;
}

.pop_sch_box .t_label {
    color: #2A7B6E;
}

.chart_area {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    height: 568px;
    margin-top: 10px;
}

.chart_area .chart_left {
    background: #fff;
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    border-radius: 5px;
    flex-shrink: 0;
    padding: 20px 30px;
    width: 308px;
}

.chart_left .sch_comm_btns {
    margin-top: 45px;
}

.chart_area .chart_right {
    width: calc(100% - 318px);
}

.row_multi_bk, .row_year_month_bk {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.row_multi_bk.al_center {
    align-items: center;
}

.row_chk_bk {
    column-gap: 28px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.row_chk_bk.large_gap {
    column-gap: 50px;
}

.row_chk_bk.inline_box {
    display: inline-flex;
}

.row_year_month_bk .year_sel {
    flex: 1.5;
}

.row_year_month_bk .month_sel {
    flex: 1;
}

.sch_block + .sch_block {
    margin-top: 25px;
}

.row_chk_list > li + li {
    margin-top: 7px;
}

.chart_left .row_chk_list {
    height: 212px;
    overflow-y: auto;
}

.info_box {
    background: #EDEDED;
    border-radius: 5px;
    font-size: 1.4rem;
    padding: 15px 20px;
}

.half_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 20px;
}

.half_list > li {
    box-sizing: border-box;
    padding-right: 10px;
    width: 50%;
    padding-bottom: 20px;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

/* 마지막 열의 요소는 오른쪽 경계선을 제거 */
.half_list > li:nth-child(2n) {
    border-right: none;
}

/* 마지막 행의 요소는 아래쪽 경계선을 제거 */
.half_list > li:nth-last-child(-n+2) {
    border-bottom: none;
}

.info_msg {
    color: #4A4A4A;
    font-size: 1.4rem;
    line-height: 1.4;
}

.info_msg > span {
    color: #FF7B1B;
    font-weight: 500;
}

.info_txt {
    color: #4A4A4A;
    font-size: 1.6rem;
    line-height: 1.4;
}

.info_tit {
    background: url(../images/ico_alert.png) center left no-repeat;
    color: #212121;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 8px;
    min-height: 17px;
    padding-left: 28px;
}

.info_msg .dot_list {
    margin-top: 5px;
}
.info_msg .dot_list li {
    font-size: 1.6rem;
}

.th_colored_table {
    border-collapse: collapse;
    border-bottom: 1px solid #C0C0C0;
    width: 100%;
}

.th_colored_table th, .th_colored_table td {
    font-size: 1.4rem;
    height: 50px;
    word-break: break-all;
}

.th_colored_table thead th, .th_colored_table tbody td, .th_colored_table tbody th {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    box-sizing: border-box;
}

.th_colored_table th {
    background: #EDEDED;
    color: #797979;
    font-weight: 500;
    padding: 10px 10px;
}

.th_colored_table th.none_border {
    border-top: none !important;
}

.th_colored_table td {
    color: #212121;
    padding: 10px 28px;
}

.th_colored_table.low_pd td {
    padding: 10px 10px;
}

.th_colored_table.vlow_pd th, .th_colored_table.vlow_pd td {
    padding: 8px 8px;
}

.th_colored_table thead.row_border th + th {
    border-left: 1px solid #C0C0C0;
}

.th_colored_table tbody.row_border td + td {
    border-left: 1px solid #C0C0C0;
}

.th_colored_table tbody.row_th_border th {
    border-right: 1px solid #C0C0C0;
}

.tooltip_rbox {
    display: inline-block;
    position: relative;
}

.tooltip_rbox > span {
    align-items: center;
    border-radius: 5px;
    color: #fff;
    cursor: help;
    display: inline-flex;
    font-size: 1.2rem;
    height: 20px;
    padding: 0 5px;
}

.tooltip_rbox.col_gr span {
    background-color: #61ADA1;
}

.tooltip_rbox .tip_cont {
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    color: #212121 !important;
    display: none;
    font-size: 1.3rem;
    left: 50%;
    padding: 8px 14px;
    position: absolute;
    top: 0;
    text-align: center;
    transform: translate(-50%,calc(-100% + 2px));
    word-break: keep-all;
    width: 220px;
}

.tooltip_rbox > span:hover + .tip_cont {
    display: block;
}

.dot_list > li {
    padding-left: 12px;
    position: relative;
}

.dot_list > li::before {
    background: #4A4A4A;
    border-radius: 50%;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 0.5em;
    width: 3px;
}

.dot_list > li + li {
    margin-top: 4px;
}

.half_box_area {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.half_box_area > div {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    padding: 20px 30px;
    width: calc(50% - 5px);
}

.round_stat {
    align-items: center;
    background: #FF9346;
    border-radius: 30px;
    color: #fff;
    display: inline-flex;
    font-size: 1.2rem;
    height: 20px;
    justify-content: center;
    min-width: 35px;
    padding: 0 6px;
    text-align: center;
}

.round_stat.col_blue {
    background: #4C7DC7;
}

.round_stat.col_green {
    background: #61ADA1;
}

.round_stat.col_white {
    background: #fff;
    border: 1px solid #C0C0C0;
    color: #212121;
}

.round_stat.col_red {
    background: #D82F2F;
}

.round_stat.col_black {
    background: #353535;
}

.round_stat.reverse {
    background: #9F9F9F;
}

.bkd_tal_center {
    text-align: center;
}

/* bkd_tal_center 안의 main_list 스타일링 */
.bkd_tal_center .main_list {
    list-style: none; /* 기본 리스트 스타일 제거 */
    padding: 0;
    margin: 0;
}

.bkd_tal_center .main_list > li {
    position: relative;
    padding-left: 20px; /* 들여쓰기 */
    margin: 9px 0; /* 위아래 간격 추가 */
}

.bkd_tal_center .main_list > li::before {
    content: "•"; /* 리스트 앞에 • 추가 */
    position: absolute;
    left: 0;
    color: #000; /* 원하는 색상으로 변경 가능 */
}

/* bkd_tal_center 안의 sub_list 스타일링 */
.bkd_tal_center .sub_list {
    list-style: none; /* 기본 리스트 스타일 제거 */
    padding-left: 20px; /* 들여쓰기 */
}

.bkd_tal_center .sub_list > li {
    position: relative;
    padding-left: 30px; /* 추가 들여쓰기 */
    margin: 9px 0; /* 위아래 여백 */
}

.bkd_tal_center .sub_list > li::before {
    content: "◦"; /* 리스트 앞에 ◦ 추가 */
    position: absolute;
    left: 10px;
    color: #666; /* 원하는 색상으로 변경 가능 */
}

.bkd_tal_left {
    text-align: left;
}

.bkd_tal_right {
    text-align: right;
}

.resp_tb_wrap {
    overflow-y: auto;
}

.bkd_comm_table {
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
    border-top: none;
    box-sizing: border-box;
    width: 100%;
}

.select_item_table .bkd_comm_table {
    min-width: 1024px;
}

.resp_tb_wrap > table {
    /* 반응형에 대응할 width 사이즈 필요 */
}

.resp_tb_wrap.tl_fixed > table {
    table-layout: fixed;
}

.bkd_comm_table th, .bkd_comm_table td {
    box-sizing: border-box;
    font-size: 1.4rem;
    height: 44px;
    padding: 8px 8px;
}

.bkd_comm_table thead th {
    border-top: 1px solid #E0E0E0;
    color: #797979;
    line-height: 1.6rem;
}

.bkd_comm_table tbody td {
    border-top: 1px solid #E0E0E0;
    color: #212121;
    line-height: 1.6rem;
}

.head_sep_box {
    align-items: flex-end;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 7px;
}

.head_sep_box .t_label {
    margin-bottom: 0;
}

.head_sep_box.right_only {
    column-gap: 10px;
    justify-content: flex-end;
}

.head_sep_box .left_side {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.head_sep_box .right_side {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.vert_ofw_box {
    /* 높이 고정시 바깥쪽과 함께 이중 스크롤 생길 수 있음.. 일단 바깥쪽 스크롤로만 동작하게 수정함 */
    /* max-height: 570px;
    overflow: auto; */
}

.vert_ofw_box > li + li {
    margin-top: -1px;
}

.org_button {
    background: #fff;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    color: #212121;
    font-size: 1.4rem;
    height: 50px;
    padding: 5px 50px 5px 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.org_button::after {
    background: url(../images/ico_select.png) center no-repeat;
    content: '';
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s;
    width: 20px;
}

.__open .org_button::after {
    transform: translateY(-50%) rotate(180deg);
}

.org_grid {
    display: none;
    padding: 10px 0;
}

.chg_step_box .step_tit_box {
    display: flex;
    flex-direction: row;
}

.step_tit_box .t_label {
    box-sizing: border-box;
    width: 50%;
}

.step_tit_box .t_label:first-child {
    padding: 0 16px;
}

.step_tit_box .t_label:nth-child(2) {
    padding: 0 16px 0 40px;
}

.chg_step {
    align-items: center;
    background: #fff;
    border: 1px solid #E0E0E0;
    display: flex;
    flex-direction: row;
    height: 58px;
    position: relative;
}

.chg_step::after {
    background: url(../images/ico_state_next.png) center no-repeat;
    content: '';
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 16px;
}

.chg_step > div {
    box-sizing: border-box;
    width: 50%;
}

.chg_step .prev_step {
    padding: 0 16px;
}

.chg_step .next_step {
    column-gap: 28px;
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 40px;
}

.inner_tit {
    color: #2F2F2F;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
}

.manual_comf_box {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.manual_comf_box > div {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 10px 15px 15px;
    width: calc(50% - 5px);
}

.manual_comf_box .head_sep_box, .head_sep_box.fix_height {
    min-height: 36px;
}

.select_item_table {
    max-height: 200px;
    overflow: auto;
}

.select_item_table .row_dep {
    background: #EAF3F2;
}

.select_item_table .row_ord {
    background: #e8f1ff;
}

.select_item_table .item_dep {
    background: #61ADA1;
    color: #fff !important;
}

.select_item_table .item_ord {
    background: #4C7DC7;
    color: #fff !important;
}

/* 제외예정
.manual_comf_box .hide_btn {
    background: transparent;
    box-sizing: border-box;
    color: #2F2F2F;
    display: none;
    font-size: 1.8rem;
    font-weight: 500;
    height: 100%;
    padding: 20px 14px;
    width: 100%;
    word-break: keep-all;
    text-align: center;
}

.manual_comf_box .select_box {
    width: calc(100% - 120px);
}

.manual_comf_box .match_box {
    padding: 0;
    width: 110px;
}

.manual_comf_box .box_cont {
    display: none;
}

.manual_comf_box .select_box .box_cont {
    display: block;
}

.manual_comf_box.__match .select_box .box_cont {
    display: none;
}

.manual_comf_box.__match .select_box .hide_btn {
    display: flex;
}

.manual_comf_box.__match .select_box {
    padding: 0;
    width: 110px;
}

.manual_comf_box.__match .match_box .box_cont {
    display: block;
}

.manual_comf_box .match_box .hide_btn {
    display: block;
}

.manual_comf_box.__match .match_box .hide_btn {
    display: none;
}

.manual_comf_box.__match .match_box {
    padding: 15px 15px 20px;
    width: calc(100% - 120px);
}

.manual_comf_box .select_stat {
    align-items: center;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2F2F2F;
    display: inline-flex;
    font-size: 1.4rem;
    height: 36px;
    padding: 5px 15px;
}

.manual_grid_box > div {
    max-height: 280px;
}

*/



.tooltip_type_btn {
    background: url(../images/ico_info20.png) center no-repeat;
    background-size: 16px;
    height: 19px;
    font-size: 0;
    margin-left: 4px;
    vertical-align: top;
    width: 19px;
}

.txt_btn {
    background: transparent;
    color: #2A7B6E;
    display: inline;
    font-size: 1.4rem;
    vertical-align: middle;
}

.txt_btn:hover {
    text-decoration: underline;
}

.col_txt_alert {
    color: red !important;
}

.col_txt_ok {
    color: blue !important;
}

.cont_area_tit {
    color: #2F2F2F;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.66;
    position: relative;
    /*word-spacing: -0.25em;    뱅크다A 타이틀영역들이 이 태그로 인해 스페이스를 넣어도 띄어쓰기가 표현이 안되서 일단 막음 - sorarhs 260113*/
}

.cont_area_tit > button {
    font-size: 1.4rem;
    vertical-align: middle;
    word-spacing: normal;
}

.cont_area_tit + .sch_box {
    margin-top: 12px;
}

.pub_input_area {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px;
}

.pub_input_area.fix_size {
    display: inline-block;
}

.pub_input_area .t_label {
    font-size: 1.4rem;
}

.pub_input_area .bkd_input, .pub_input_area .full_size {
    width: 100%;
}

.pub_input_area .half_size {
    width: calc(50% - 10px);
}

.pub_input_area .type_tax_input, .pub_input_area .type_rec_input {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 20px;
}

.pub_input_area .type_tax_input {
    max-width: 620px;
}

.pub_input_area .type_rec_input {
    display: none;
    max-width: 300px;
}

.pub_input_area.on_rec .type_rec_input {
    display: flex;
}

.pub_input_area.on_rec .type_tax_input {
    display: none;
}

.cont_border_box {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 25px 30px 30px;
}

.rec_txt {
    background: #4C7DC7;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.4rem;
    left: 8px;
    min-width: 120px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -100%);;
    top: -5px;
    white-space: nowrap;
    width: auto;
}

.rec_txt::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4C7DC7 transparent transparent transparent;
}

.my_service_box {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.my_service_box > .cont_border_box {
    flex: auto;
}

.my_service_box > .add_service_box {
    background: #EDEDED;
    width: 30%;
    max-width: 460px;
    padding: 25px 30px 30px;
}

.refund_acc_info {
    max-width: 300px;
}

.refund_acc_info .bkd_input {
    width: 100%;
}

.refund_acc_info .bkd_input + .t_label {
    margin-top: 20px;
}

.height50 {
    max-height: 50vh;
}

.height75 {
    max-height: 75vh;
}

.cont_area .center_wrap {
    margin-top: 40px;
}

.match_word_count {
    color: #797979;
    font-size: 1.4rem;
    margin: 10px 0;
    text-align: right;
}

.match_word_box {
    background: #EDEDED;
    border-radius: 5px;
    box-sizing: border-box;
    /*min-height: 348px;*/
    min-height: 628px;
    padding: 20px;
}

.match_word_box > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /*max-height: 308px;*/
    max-height: 588px;
    overflow-y: auto;
}

/* .match_word_box > ul > li {

} */

.match_word_box .word_item {
    align-items: center;
    background: #fff;
    border-radius: 50px;
    box-sizing: border-box;
    color: #000;
    column-gap: 4px;
    display: inline-flex;
    font-size: 1.4rem;
    min-height: 36px;
    padding: 6px 15px;
}

.match_word_box .del_item, .input_txt_del {
    background: url(../images/ico_close_sm.png) center no-repeat;
    flex-shrink: 0;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.delete_btn {
    background: url(../images/ico_delete.png) center no-repeat;
    font-size: 0;
    height: 20px;
    width: 20px;
}

.drag_height_fix {
    max-height: calc(100vh - 180px);
}

.bkd_input_wrap {
    position: relative;

}

.bkd_input_wrap input {
    padding-right: 35px;
    width: 100%;
    min-width: 100px;
}

.bkd_input_wrap .input_txt_del {
    display: none;
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 2;
}

.input_txt_del:hover, .bkd_input_wrap input:focus + .input_txt_del, .bkd_input_wrap input:hover + .input_txt_del {
    display: block;
}

.subusr_detail_wrap {
    column-gap: 30px;
    display: flex;
    flex-direction: row;
}

.subusr_detail_wrap > .left_wrap {
    width: 280px;
}

.subusr_detail_wrap > .right_wrap {
    width: calc(100% - 310px);
}

.subusr_detail_wrap .inner_table_wrap {
    max-height: 225px;
    overflow: auto;
}

/* .subusr_detail_wrap .inner_table_wrap table {

} */

.cont_border_box {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    padding: 20px 30px;
}

.cont_border_box .member_inp_wrap {
    margin-top: 0;
    padding: 0;
}

.acc_detail_wrap {
    column-gap: 80px;
    display: flex;
    flex-direction: row;
}

.acc_detail_wrap .left_wrap {
    width: 50%;
}

.acc_detail_wrap .right_wrap {
    width: 50%;
}

.warning_box {
    align-items: center;
    background: #fff url(../images/ico_warning.png) left 11px center no-repeat;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #797979;
    column-gap: 10px;
    display: flex;
    font-size: 1.4rem;
    padding : 0 10px 0 34px;
}

.warning_box p strong {
    background: url(../images/ico_arr_right.png) right center no-repeat;
    color: #000;
    padding-right: 25px;
}

.act_color {
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin: 0 5px;
    width: 14px;
}

.col_picker_wrap {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.col_picker_wrap .clr-field {
    height: 36px;
    width: 50px;
}

.col_picker_wrap .clr-field input, .col_picker_wrap .clr-field button {
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.col_picker_wrap .col_label_btn {
    align-items: center;
    background: #000;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.4rem;
    height: 36px;
    justify-content: center;
    min-width: 70px;
    padding: 0 10px;
}

.alert_btn {
    background: url(../images/ico_alert.png) left center no-repeat;
    color: #FF7B1B;
    font-size: 1.4rem;
    margin-left: 10px;
    padding-left: 20px;
}

.alert_btn:hover {
    font-weight: 600;
}

.board_title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: middle;
}

a.board_title {
    cursor: pointer;
}

.board_title.has_new {
    padding-right: 44px;
    position: relative;
}

.board_title .bkd_round_btn.bkd_box_tag {
    position: absolute;
    right: 0;
    top: 0px;
}

a.board_title:hover {
    text-decoration: underline;
}

.board_detail_wrap.rep_cont {
    border-bottom: 2px dashed #7b7b7b;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.board_detail_tit {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}

.pop_tit .board_tag, .board_detail_tit .board_tag {
    border: 1px solid #2A7B6E;
    color: #2A7B6E;
    display: inline-block;
    font-size: 1.4rem;
    padding: 3px 6px;
    vertical-align: top;
}

.board_detail_stat {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.board_top_data {
    column-gap: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 5px;
}

.board_detail_date, .board_detail_top, .board_detail_chn  {
    font-size: 1.6rem;
}

.board_detail_ans {
    font-size: 1.6rem;
}

.board_detail_cont {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.6rem;
    line-height: 1.7;
    padding: 20px 0;
}

.answer_detail_attach, .board_detail_attach {
    border: 1px solid #797979;
    box-sizing: border-box;
    padding: 20px;
}

.detail_answer_attach > li + li, .detail_board_attach > li + li, .answer_detail_attach > li + li, .board_detail_attach > li + li {
    margin-top: 10px;
}

.detail_answer_attach a, .detail_board_attach a, .answer_detail_attach a, .board_detail_attach a {
    font-size: 1.4rem;
}

.detail_answer_attach a:hover, .detail_board_attach a:hover, .answer_detail_attach a:hover, .board_detail_attach a:hover {
    text-decoration: underline;
}

.detail_answer_attach .attach_thm, .detail_board_attach .attach_thm, .answer_detail_attach .attach_thm, .board_detail_attach .attach_thm {
    margin-right: 5px;
    max-height: 100px;
    max-width: 100px;
    vertical-align: bottom;
    border: 1px solid gray;
    border-radius: 5px;
    cursor: pointer;
}

.half_box {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
}

.half_box > div {
    width: 50%;
}

.file_attach_wrap {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
}

.file_attach_wrap input[type=file] {
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.file_attach_wrap .file_name {
    align-items: center;
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #212121;
    display: flex;
    flex: 1;
    font-size: 1.4rem;
    height: 36px;
    padding: 0 10px;
}

.file_attach_wrap + .file_attach_wrap {
    margin-top: 10px;
}

.file_attach_wrap label {
    align-items: center;
    background: #000;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    min-width: 70px;
    padding: 0 10px;
}

.file_attach_wrap .col_w {
    align-items: center;
    background: lightgray;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    min-width: 70px;
    padding: 0 10px;
}

.detail_copy_area {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    word-break: break-all;
}

.detail_copy_area button {
    flex-shrink: 0;
}

.show_hide_btn {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-size: 1.4rem;
    height: 32px;
    margin-bottom: 10px;
    padding: 2px 40px 2px 10px;
    position: relative;
    width: 100%;
}

.show_hide_btn::after {
    background: url(../images/ico_acc_btn.png) center no-repeat;
    background-size: 12px;
    content: '';
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    transform: rotate(180deg);
    transition: all 0.2s;
    width: 12px;
}

.show_hide_area.__close .show_hide_btn::after {
    transform: rotate(0);
}

.hide_input_box {
    /* display: flex; */
    display: none;
    flex-direction: column;
    margin-top: 10px;
    row-gap: 5px;
}

.hide_input.__showinp + .hide_input_box {
    display: flex;
}

.user_id_tgbtn, .sub_user_id_tgbtn, .merchant_id_tgbtn {
    background: url(../images/ico_usr_menu.png) center no-repeat;
    background-size: contain;
    font-size: 0;
    height: 24px;
    margin-left: 4px;
    /* opacity: 0.5; */
    vertical-align: middle;
    width: 14px;
}

/* .user_id_tgbtn:hover {
    opacity: 1;
} */

.account_tgbtn {
    background: url(../images/ico_usr_menu.png) center no-repeat;
    background-size: contain;
    font-size: 0;
    height: 24px;
    margin-left: 4px;
    /* opacity: 0.5; */
    vertical-align: middle;
    width: 14px;
}

/* .account_tgbtn:hover {
    opacity: 1;
} */

.udiv_sel_wrap {
    align-items: center;
    border: 1px solid #C0C0C0;
    box-sizing: border-box;
    column-gap: 30px;
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
}

.udiv_sel_wrap .user_total {
    background: url(../images/ico_state_next.png) top 3px right no-repeat;
    background-size: 10px;
    font-size: 1.6rem;
    min-height: 24px;
    padding-right: 30px;
}

.udiv_sel_wrap .udiv_sel_box {
    column-gap: 30px;
    display: flex;
    flex-direction: row;
}

.udiv_sel_box .user_total {
    flex-shrink: 0;
}

.udiv_sel_wrap .udiv_select_chk {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
}

.udiv_sel_wrap .sch_comm_btns {
    flex-shrink: 0;
}

.vert_inp_list > li + li {
    margin-top: 2px;
}
.vert_inp_list {
    min-width: 76px;
}
.vert_inp_list.size_fix {
    column-gap: 20px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 120px;
}

.vert_inp_list.size_fix > li {
    width: 100px;
}

.vert_inp_list.size_fix.triple {
    width: 460px;
}

.sch_tabcont {
    display: none;
}

.sch_tabcont._opened {
    display: block;
}

.sch_area_tab {
    display: flex;
    flex-direction: row;
}

.sch_area_tab .tab_btn {
    background: #fff;
    color: #000;
    font-size: 1.6rem;
    line-height: 1; /* 임시적용 */
    opacity: 0.6;
    padding: 10px 20px;
}

.sch_area_tab .tab_btn.tab_on {
    background: #EDEDED;
    opacity: 1;
}

.sch_area_tab .tab_btn:not(.tab_on):hover {
    opacity: 1;
}

.row_em_col {
    background: #EAF3F2;
}

.reception_lists {
    background: #f3f3f3;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    padding: 10px;
}

.reception_lists > ul {
    font-size: 1.4rem;
    max-height: 105px;
    overflow-y: auto;
}

.reception_lists > ul > li + li {
    margin-top: 2px;
}

.sms_stat {
    color: #212121;
    font-size: 1.6rem;
}

.sms_stat .sms_len {
    background: #cdcdcd;
    border-radius: 10px;
    display: inline-block;
    font-size: 1.4rem;
    padding: 2px 10px;
    vertical-align: top;
}

.sms_stat .sms_len.long_msg {
    background: #D82F2F;
    color: #fff;
}

.adjustment_wrap {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
}

.adjustment_wrap > li + li {
    border-top: 1px solid #C9C9C9;
}

.adjustment_box {
    padding: 20px 30px;
}

.adjustment_box .adjustment_tit {
    font-size: 1.6rem;
}

.adjustment_tit > span {
    background: #2A7B6E;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    padding: 2px 10px;
}

.adjustment_cont {
    display: none;
}

.adjustment_cont._show {
    display: block;
}

.board_edit_attach > li {
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.board_edit_attach > li + li {
    margin-top: 10px;
}

.board_edit_attach a, .board_edit_attach span {
    font-size: 1.4rem;
}

.board_edit_attach a:hover {
    text-decoration: underline;
}

.sch_parts {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.sch_parts .parts_tit {
    color: #212121;
    font-size: 1.4rem;
    font-weight: 400;
}

.bkd_admin .center_wrap .border_box {
    overflow: hidden;
}

.conn_ip {
    align-items: center;
    background: #EDEDED;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 18px 45px;
}

.conn_ip .cur_ip {
    color: #4A4A4A;
    font-size: 1.6rem;
}

.conn_ip .loc_stat {
    background: #4D4D4D;
    border-radius: 30px;
    color: #fff;
    font-size: 1.2rem;
    padding: 4px 10px;
}

.conn_ip .loc_stat.ext {
    background: #D82F2F;
}


/* 대시보드 - 이용자 */
.accounts_notice, .top_notice {
    align-items: center;
    background: #62BD9C;
    border-radius: 5px;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 52px 8px 20px;
    position: relative;
    z-index: 10;
}

.accounts_notice.info_type, .top_notice.info_type {
    background: #FF9346;
}

.top_notice + .top_notice {
    margin-top: 4px;
}

.accounts_notice .notice_cont, .top_notice .notice_cont {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
}

.notice_cont span {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
}

.notice_cont span.notice_type {
    background: #fff;
    border-radius: 30px;
    color: #34AA97;
    flex-shrink: 0;
    font-size: 1.2rem;
    height: 20px;
    line-height: 20px;
    padding: 2px 10px;
}

.accounts_notice.info_type span.notice_type, .top_notice.info_type span.notice_type {
    border-radius: 30px;
    color: #FF9346;
    flex-shrink: 0;
    font-size: 1.2rem;
    height: 20px;
    line-height: 20px;
}

.accounts_notice .notice_lnk, .top_notice .notice_lnk {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    flex-shrink: 0;
    font-size: 1.2rem;
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
}

.accounts_notice .notice_lnk:hover, .top_notice .notice_lnk:hover {
    background: #fff;
    color: #34AA97;
}

.accounts_notice.info_type .notice_lnk:hover, .top_notice.info_type .notice_lnk:hover {
    color: #FF9346;
}

.accounts_notice .notice_close, .top_notice .notice_close {
    background: url(../images/ico_close_white.png) center no-repeat;
    font-size: 0;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

.lastest_stat {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 12px 0;
}

.lastest_stat .stat_txt {
    color: #2F2F2F;
    font-size: 1.6rem;
}

.hover_title.ico_tooltip_bk {
    background: url(../images/ico_info_bk.png) center no-repeat;
    cursor: help;
    font-size: 0;
    margin-right: 4px;
    height: 20px;
    width: 20px;
}

.hover_title.ico_refresh, .ico_refresh {
    background: url(../images/ico_ref.png) center no-repeat;
    cursor: pointer;
    font-size: 0;
    margin-left: 6px;
    height: 20px;
    width: 20px;
}

.usr_dashboard_layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.dashboard_box {
    box-sizing: border-box;
    height: 420px;
    /* 반응형 적용전엔 min으로 적용해놓음 */
    /* min-height: 420px; */
}

.dashboard_box.type1, .dashboard_box.type3, .dashboard_box.type4, .dashboard_box.type5, .dashboard_box.type6 {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    padding: 22px 30px;
}

.dashboard_box.type1 {
    width: 28%;
}

.dashboard_box.type2 {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: calc(40% - 20px);
}

.dashboard_box.type2 .dashboard_inner_box {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    height: calc(30% - 10px);
    padding: 22px 30px;
}

.dashboard_box.type2 .dashboard_inner_box + .dashboard_inner_box {
    height: 70%;
}

.dashboard_box.type3 {
    width: 32%;
}

.dashboard_box.type4 {
    width: calc(33% - 7px);
}

.dashboard_box.type5 {
    width: calc(34% - 7px);
}

.dashboard_box.type6 {
    width: calc(33% - 7px);
}

.dashboard_tit {
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.6rem;
    font-weight: 500;
    height: 23px;
    padding-right: 50px;
    position: relative;
    margin-bottom: 18px;
}

.dashboard_tit .move_lnk {
    background: #D9D9D9 url(../images/ico_lnk.png) center no-repeat;
    border-radius: 20px;
    font-size: 0;
    height: 20px;
    position: absolute;
    right: 0;
    top: 2px;
    transition: all 0.2s;
    width: 40px;
}

.dashboard_tit .move_lnk:hover {
    background-position: center left 15px;
}

.dashboard_box .th_colored_table, .adm_dashboard_box .th_colored_table {
    table-layout: fixed;
}

.dashboard_box .txt_btn, .adm_dashboard_box .txt_btn {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service_state > li + li {
    margin-top: 20px;
}

.service_state > li {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.service_state > li .state_tit {
    color: #2A7B6E;
    flex-shrink: 0;
    font-size: 1.6rem;
    width: 188px;
}

.service_state > li .state_cont {
    color: #212121;
    font-size: 1.6rem;
}

div.state_cont {
    column-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
}

div.state_cont .bkd_round_btn {
    align-items: center;
    display: flex;
}

.amount_info {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    row-gap: 2px;
}

.amount_info p {
    font-size: 1.6rem;
}

.amount_info p span {
    color: #2A7B6E;
}

.scr_table {
    border-bottom: 1px solid #C0C0C0;
    max-height: calc(100% - 41px);
    overflow-y: auto;
}

.scr_table .th_colored_table {
    border-bottom: none;
    position: relative;
}

.scr_table .th_colored_table thead th {
    border-top: none;
    position: relative;
}

.scr_table .th_colored_table thead th::before {
    background: #C0C0C0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.scr_table .th_colored_table thead th::after {
    background: #C0C0C0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.scr_table table > thead{
    position: sticky;
    top: 0px;
}

.scr_table .th_colored_table tbody td {
    border-top: none;
    border-bottom: 1px solid #C0C0C0;
}

.scr_table .th_colored_table tbody tr:last-child td {
    border-bottom: none;
}

.scr_table::-webkit-scrollbar {
    width: 10px;
  }

.scr_table::-webkit-scrollbar-track {
    background: #d9d9d9;
}

.scr_table::-webkit-scrollbar-thumb {
    background: #777;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
}

.scr_table::-webkit-scrollbar-thumb:hover {
    background: #444;
}

.adm_dashboard_layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.adm_dashboard_box {
    box-sizing: border-box;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    padding: 22px 30px;
    width: calc(50% - 5px);
}

.adm_dashboard_box.f_size {
    width: 100%;
}

.adm_dashboard_box.n_size {
    width: calc(40% - 5px);
}

.adm_dashboard_box.q_size {
    width: calc(60% - 5px);
}

.adm_gd_col {
    color: blue;
}

.adm_al_col {
    color: red;
    font-weight: bold;
}

.adm_wn_col {
    color: #FF7B1B;
    font-weight: bold;
}

.dashboard_tit + .head_sep_box {
    margin-top: -10px;
}

.adm_sub_txt {
    color: #212121;
    font-size: 1.4rem;
    line-height: 1.5;
}

.right_txt_box {
    display: inline-block;
    text-align: right;
}

.tb_al_txt + .tb_al_txt {
    margin-top: 2px;
}

.rec_mail_list {
    font-size: 1.4rem;
}

.rec_mail_list + .bkd_input {
    margin-top: 8px;
}

.bkd_admin .dx-datagrid-header-panel .dx-toolbar-items-container .dx-texteditor::before, .dx-texteditor::after {
    display: none;
}

.bkd_admin .dx-datagrid-header-panel .dx-toolbar-items-container .dx-texteditor-container {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
}

.bkd_admin .dx-datagrid-header-panel .dx-texteditor.dx-editor-filled input.dx-texteditor-input, .bkd_admin .dx-datagrid-header-panel .dx-texteditor.dx-editor-filled .dx-placeholder::before {
    padding: 9px 16px 9px;
    -webkit-padding-start: 46px;
    padding-inline-start: 46px;
}

.chart_top {
    align-items: center;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.retult_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 6px;
    font-size: 1.8rem;
}

.retult_list > li + li {
    padding-left: 20px;
    position: relative;
}

.retult_list > li + li::before {
    background: #000;
    content: '';
    height: 18px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.chart_btn {
    column-gap: 5px;
    display: flex;
    flex-direction: row;
}

.chart_type_btn {
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 0;
    height: 36px;
    opacity: 0.4;
    width: 36px;
}

.chart_type_btn.selected {
    opacity: 1;
}

.bar_chart {
    background: #fff url(../images/b_chart.png) center no-repeat;
    background-size: 28px;
}

.line_chart {
    background: #fff url(../images/l_chart.png) center no-repeat;
    background-size: 28px;
}

.intro_login {
    column-gap: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    text-align: center;
}

.intro_login::before {
    background: #EAF3F2;
    content: '';
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.intro_login > div {
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 30px;
    width: 435px;
}

.intro_info {
    color: #2F2F2F;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 20px;
    word-break: keep-all;
}

.win_pop_wrap {
    box-sizing: border-box;
    margin: 70px auto 30px;
    padding: 0 30px;
}

.legend_list {
    column-gap: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}

.legend_list > li {
    text-align: center;
}

.b_legend {
    /*border-radius: 50px;*/
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    font-size: 1.2rem;
    min-width: 10px;
    padding: 4px 10px;
    text-align: center;
    white-space: nowrap;
}

.b_legend.tp_speed {
    background: #f59a23;
}

.b_legend.tp_wlogin {
    background: #016fa0;
}

.b_legend.tp_bnum {
    background: #a36717;
}

.b_legend.tp_birth {
    background: #00aaaa;
}

.b_legend.tp_accnum, .b_legend.tp_accpass {
    background: #63a103;
}

.b_legend.tp_sid, .b_legend.tp_spass {
    background: #7f7f7f;
}

.b_legend.tp_bid, .b_legend.tp_bpass {
    background: #02a7f0;
}

.legend_list .legend_label {
    display: block;
    font-size: 1.4rem;
    margin-top: 5px;
    width: 100%;
}

.win_pop_resp {
    overflow: auto;
}

.win_pop_resp table {
    table-layout: fixed;
    min-width: 950px;
}

.legend_items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.img_button {
    background: none;
    font-size: 0;
    height: 40px;
}

.img_button img {
    max-height: 30px;
}

.bank_lists {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.bank_lists > li {
    text-align: center;
    width: calc(20% - 5px);
}

.bank_lists .selected {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

.acc_step_info {
    border: 1px solid #353535;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 20px;
}

.b_name {
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
}

.numb_list {
    font-size: 1.6rem;
    line-height: 1.4;
    list-style: inside decimal;
}

.numb_list > li + li {
    margin-top: 5px;
}

.pop_cont2 {
    box-sizing: border-box;
    padding: 0 30px 25px;
}

/* 임시 적용 */
.dx-gridbase-a11y-status-container {
    display: none !important;
}

/* 임시 적용 - 그리드 테이블 높이 > 안쪽 테이블에 무조건 height적용으로 특이사항 발생가능 */
.dx-datagrid table td {
    height: 58px;
}

/* devEx override */
.dx-datagrid .dx-row>td, .dx-datagrid-headers .dx-datagrid-table .dx-row>td {
    font-size: 1.4rem;
}

.dx-widget {
    font-family: 'score' !important;
}
.dx-datagrid-headers table {
    color: #797979;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row>td {
    font-weight: normal;
}

.dx-datagrid table td {
    height: 44px;
}

.dx-datagrid .dx-row>td {
    padding: 10px 16px;
}

.dx-datagrid .dx-datagrid-table .dx-header-row>td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    height: 44px;
}

.dx-popup-content .dx-checkbox-checked .dx-checkbox-icon, .dx-popup-content .dx-checkbox-indeterminate .dx-checkbox-icon {
    background-color: #2A7B6E;
}

.dx-popup-content .dx-checkbox-icon {
    border-color: #2A7B6E;
}

.dx-datagrid .dx-bordered-bottom-view table {
    color: #212121;
}
.dx-datagrid-focus-overlay:after {
    background-color: #2A7B6E !important;
}

.dx-overlay-wrapper .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after > .dx-toolbar-button:first-child .dx-button-mode-text.dx-button-default {
    background-color: #000;
    color: #fff;
    font-size: 1.4rem;
}

.dx-overlay-wrapper .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after > .dx-toolbar-button:first-child .dx-button-text {
    font-weight: 400;
}

.dx-overlay-wrapper .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after > .dx-toolbar-button:nth-child(2) .dx-button-mode-text.dx-button-default {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-size: 1.4rem;
}

.dx-overlay-wrapper .dx-toolbar .dx-toolbar-items-container .dx-toolbar-after > .dx-toolbar-button:nth-child(2) .dx-button-text {
    font-weight: 400;
}

.dx-overlay-content .dx-button-today {
    color: #454545 !important;
    font-weight: normal !important;
}

.dx-row.dx-freespace-row {
    display: none !important;
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
    /* 공간을 의미없이 먹는 상태라 아예 안보이게 처리함. 문제있는 지 확인필요 */
    display: none;
}

.dx-datagrid-total-footer:focus-within {
    /* 필요없는 부분이라 막아놓음 */
    outline: none;
    outline-offset: 0;
}

.dx-checkbox-icon {
    border-color: #61ADA1 !important;
    border-radius: 3px !important;
    border-width: 1px !important;
}

.dx-checkbox-checked .dx-checkbox-icon, .dx-checkbox-indeterminate .dx-checkbox-icon {
    background-color: #61ADA1 !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td {
    background-color: rgba(42, 123, 110, .04);
}

.dx-datagrid-content input.date_inp {
    width: 134px;
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-active,.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
    /* 아예 검은색상으로 할지... */
    /* box-shadow: inset 0 0 0 1px #2A7B6E;
    border-color: #2A7B6E */
    box-shadow: inset 0 0 0 1px #000;
    border-color: #000;
}

.css_context.dx-context-menu .dx-menu-items-container {
    background: #f9f9f9;
    padding: 5px 0;
}

.css_context.dx-context-menu .dx-menu-item .dx-menu-item-content {
    padding: 5px 10px;
}

.css_context.dx-menu-base .dx-menu-item .dx-menu-item-content {
    line-height: 1.4;
}

.css_context.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    font-family: 'score';
}


/* dev ex 테마 변경 시 색 변경 필요 */
.dx-sortable-dragging>div>.dx-gridbase-container>.dx-datagrid-rowsview {
    border-color: rgba(42,123,110,.5)
}

.dx-sortable-placeholder {
    border-color: #2A7B6E;
}

.dx-datagrid .dx-link {
    color: #2A7B6E;
}

.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {
    color: #2A7B6E;
}

.dx-calendar-cell.dx-state-hover span {
    background-color: #2A7B6E;
    color: #fff;
}

.dx-calendar-cell.dx-calendar-selected-date span {
    background-color: #2A7B6E;
}
.dx-calendar-cell.dx-calendar-today span {
    border-color: #2A7B6E;
}

.dx-calendar-cell.dx-calendar-other-view.dx-state-hover span {
    color: #fff;
}

.dx-calendar-cell.dx-calendar-contoured-date span {
    box-shadow: 0 0 0 2px rgba(42, 123, 110, .3);
}

.dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover {
    background-color: rgb(42 123 110 / 8%);
}

.dx-texteditor.dx-state-active::before,.dx-texteditor.dx-state-focused::before {
    border-bottom: 2px solid #2A7B6E;
}

.dx-pager .dx-pages .dx-selection {
    background-color: #2A7B6E;
}

.dx-timeview-hourarrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%2248%22%20viewBox%3D%220%200%206%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%226%22%20height%3D%2244%22%20rx%3D%223%22%20fill%3D%22%232A7B6E%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-timeview-minutearrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2266%22%20viewBox%3D%220%200%2010%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20width%3D%224%22%20height%3D%2264%22%20rx%3D%222%22%20fill%3D%22%232A7B6E%22%2F%3E%0A%3Ccircle%20cx%3D%225%22%20cy%3D%2261%22%20r%3D%223.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%232A7B6E%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-button-mode-text.dx-button-default.dx-state-active {
    background-color: #EAF3F2;
}

.dx-calendar-cell.dx-state-active span {
    background-color: #EAF3F2;
    color: rgba(0,0,0,0.87);
}

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty), .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
    color: #2A7B6E;
}

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline: #2A7B6E solid 2px;
}


/* jqui datepickeer 오버라이드 */
#ui-datepicker-div {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
}

.ui-datepicker .ui-widget-header {
    background: none;
    border: none;
}

.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all {
    border-radius: 50%;
}

.ui-widget-header .ui-datepicker-prev.ui-state-hover, .ui-widget-header .ui-datepicker-next.ui-state-hover {
    background-color: rgb(42 123 110 / 8%);
    border: none !important;
    top: 2px;
}

.ui-widget-header .ui-datepicker-prev.ui-state-hover {
    left: 2px;
}

.ui-widget-header .ui-datepicker-next.ui-state-hover {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background: none !important;
    font-size: 0;
    height: 24px;
    margin: 0;
    text-indent: 0;
    transform: translate(-50%, -50%);
    width: 24px;
}

.ui-datepicker .ui-datepicker-prev span::after {
    content: "\f012";
    font: 14px / 1 "DXIcons";
    font-size: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #2A7B6E;
    width: 100%;
}

.ui-datepicker .ui-datepicker-next span::after {
    content: "\f010";
    font: 14px / 1 "DXIcons";
    font-size: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #2A7B6E;
    width: 100%;
}

.ui-datepicker-calendar thead th {
    font-size: 10px;
}

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default {
    background: none;
    border: none;
}

.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight {
    border: 2px solid #2A7B6E;
}

.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active {
    background: #2A7B6E;
    box-shadow: 0 0 0 2px rgba(42, 123, 110, .3);
    color: #fff;
}

.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content.ui-state-hover {
    background: #2A7B6E;
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    height: 2em;
    justify-content: center;
    text-align: center;
    width: 2em;
}

#loader {
    display: none; /* 초기 상태는 숨김 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4000;
}

#blocker {
    display: none; /* 초기 상태는 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3000;
}

/* 0823 개발추가요청 css */
.mgt30 {
    margin-top: 30px;
}

.mgt35 {
    margin-top: 35px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt45 {
    margin-top: 45px;
}

.mgt50 {
    margin-top: 50px;
}

.center_btn_wrap p {
    font-size: 1.4rem;
}

.alert {
    margin-bottom: 0;
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-dismissible {
    padding-right: 4rem;
}
.fade {
    transition: opacity 0.15s linear;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}
.alert-dismissible {
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715;
    button {
        min-width: 20%;
    }
    .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        height: 100%;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.5;
    }
}


.pointNot {
    pointer-events: none;
}

#detailContent img, #answerContent img {
    max-width: 100%;
}

#editDetailContent {
    height: 500px;
    width: 100%;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #2F2F2F;
    font-size: 1.6rem;
    padding: 0 10px;;
}

.selfBankInfo {
    display: none;
}

.notInput {
    border: none !important;
    outline: none !important;
    pointer-events: none !important;
    font-size: 1.4rem !important;
    color: #212121 !important;
    background-color: #FFFFFF;
    padding: 0 !important;
}

.ql-container img {
    max-width: 100%;
}

.g-recaptcha {
    margin: 10px;
    text-align: center;
    div {
        width: 100% !important;
    }
}

.chart_box {
    margin-top: 20px;
}

.no_border_left {
    border-left: none !important;
}

/* 줄마다 교차되는 배경색 */
.dx-datagrid-rowsview .dx-row:nth-child(odd) {
    background-color: #f9f9f9; /* 배경색 예시 */
}

/* 마우스 오버 시 하이라이트 */
.dx-datagrid-rowsview .dx-row.dx-state-hover {
    background-color: #e6f7ff; /* 하이라이트 색상 예시 */
}

.disabled-checkbox {
    pointer-events: none; /* 클릭 비활성화 */
    opacity: 0.5; /* 시각적으로 비활성화된 것처럼 보이도록 투명도 조정 */
}

#memo_list_body tr:hover {
    background-color: rgba(167, 227, 241, 0.8);
    color: #FFFFFF;
    cursor: pointer;
}

.transfer_wrap {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
}

.transfer_wrap > li + li {
    border-top: 1px solid #C9C9C9;
}

.transfer_box {
    padding: 20px 30px;
}

.transfer_box .transfer_tit {
    font-size: 1.6rem;
}

.transfer_tit > span {
    background: #2A7B6E;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    padding: 2px 10px;
}

.transfer_cont {
    display: none;
}

.transfer_cont._show {
    display: block;
}

#cafe24RemainPrice, #bankdaRemainPrice, #totalRemainPrice, #serviceFee, #dailyFee, #totalServiceFee {
    text-align: right;
}

.margin_bottom_5 {
    margin-bottom: 5px;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.margin_bottom_15 {
    margin-bottom: 15px;
}

.margin_bottom_20 {
    margin-bottom: 20px;
}

.margin_bottom_25 {
    margin-bottom: 25px;
}

/* 전체 스타일 */
#answerContent {
    line-height: 1.6;
    color: #333;
    white-space: pre-wrap;  /* 띄어쓰기와 줄바꿈 유지 */
}

/* 정렬 스타일 */
#answerContent p,
#answerContent li {
    margin: 5px 0;
}

/* 리스트 스타일 */
#answerContent ol {
    counter-reset: list-counter;
    padding-left: 20px;
}

#answerContent ol li {
    list-style-type: decimal;
    counter-increment: list-counter;
    padding-left: 5px;
}

#answerContent ul {
    padding-left: 20px;
}

#answerContent ul li {
    list-style-type: disc;
    padding-left: 5px;
}

/* 텍스트 정렬 (Quill.js와 동일한 스타일 적용) */
#answerContent p[style*="text-align: center"],
#answerContent li[style*="text-align: center"] {
    text-align: center;
}

#answerContent p[style*="text-align: left"],
#answerContent li[style*="text-align: left"] {
    text-align: left;
}

#answerContent p[style*="text-align: right"],
#answerContent li[style*="text-align: right"] {
    text-align: right;
}

/* 표 스타일 */
#answerContent table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

#answerContent td, #answerContent th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#answerContent th {
    background-color: #f4f4f4;
}

/* 코드 블록 스타일 */
#answerContent pre {
    background: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
    font-family: Consolas, Monaco, monospace;
}

#answerContent code {
    background: #f4f4f4;
    padding: 2px 5px;
    border-radius: 3px;
}

#arrowText {
    display: inline-block; /* transform이 정상적으로 적용되도록 설정 */
    transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

#arrowText2 {
    display: inline-block; /* transform이 정상적으로 적용되도록 설정 */
    transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

.flipped {
    transform: scaleY(-1); /* Y축 반전 */
}

#detailContent, #answerContent {
    ul {
        list-style-type: disc;
        padding-left: 50px; /* 들여쓰기 */
    }

    li {
        margin-bottom: 4px;
    }
}

.estimate_table {
    th {
        text-align: left;
    }
    td {
        text-align: right;
    }
    b {
        font-weight: bolder;
    }
}

.no-wrap {
    white-space: nowrap;   /* 줄바꿈 금지 */
}

.dx-datagrid-total-footer .dx-datagrid-summary-item {
    white-space: nowrap;      /* 줄바꿈 금지 */
    text-overflow: inherit; /* 텍스트 넘침 처리 */
}

.today-highlight-cell {
    background-color: #DCE5FC !important; /* 원하는 배경색과 !important 적용 */
}

.today-highlight-cell-even {
    background-color: #E6ECFB !important;
}

/* DevExtreme 스위치 비활성화(disabled) 상태의 색상 변경 */
.dx-switch.dx-state-disabled .dx-switch-container {
    /* 기본 불투명도(opacity)를 1로 설정하여 회색 음영을 제거합니다. */
    opacity: 1;
}

/* 스위치 핸들(원형 버튼)의 비활성화 상태 색상 변경 - OFF 상태일 때만 회색톤으로 설정 */
.toggle-switch input[type="checkbox"]:disabled:checked + .toggle-slider:before,
.dx-switch.dx-state-disabled:not(.dx-switch-on-value):not(.dx-switch-on) .dx-switch-handle {
    /* disabled이고 OFF 상태일 때는 회색톤으로 설정 */
    background-color: #C0C0C0 !important;
}

/* DevExtreme 스위치 disabled이고 ON 상태일 때 핸들 색상을 #61ADA1로 설정 - 최우선 적용 */
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-handle,
.dx-switch.dx-state-disabled.dx-switch-on .dx-switch-handle,
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-container .dx-switch-handle {
    background-color: #61ADA1 !important;
}

/* DevExtreme 스위치 disabled 상태일 때 핸들의 ::before 가상 요소 - OFF 상태일 때만 회색톤 */
.dx-switch.dx-state-disabled:not(.dx-switch-on-value):not(.dx-switch-on) .dx-switch-handle::before {
    background-color: #C0C0C0 !important;
}

/* DevExtreme 스위치 disabled이고 ON 상태일 때 핸들의 ::before 가상 요소도 #61ADA1로 설정 - 최우선 적용 */
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-handle::before,
.dx-switch.dx-state-disabled.dx-switch-on .dx-switch-handle::before,
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-container .dx-switch-handle::before {
    background-color: #61ADA1 !important;
}

/* DevExtreme 스위치 off 상태일 때 핸들(동그라미) 색상을 흰색으로 설정 (활성화 상태, disabled 제외, ON 상태 명시적 제외) */
.dx-switch:not(.dx-switch-on-value):not(.dx-state-disabled):not(.dx-switch-on) .dx-switch-handle,
.dx-switch.dx-switch-off:not(.dx-state-disabled) .dx-switch-handle {
    background-color: #ffffff !important;
}

/* DevExtreme 스위치 off 상태일 때 핸들의 ::before 가상 요소도 흰색으로 설정 (활성화 상태, disabled 제외, ON 상태 명시적 제외) */
.dx-switch:not(.dx-switch-on-value):not(.dx-state-disabled):not(.dx-switch-on) .dx-switch-handle::before,
.dx-switch.dx-switch-off:not(.dx-state-disabled) .dx-switch-handle::before {
    background-color: #ffffff !important;
}

/* 스위치 배경(트랙)의 비활성화 상태 색상 변경 */
.dx-switch.dx-state-disabled .dx-switch-container:before {
    /* 원하는 배경 색상으로 변경 (예: 연한 회색) */
    background-color: #D3D3D3 !important;
}

/* 'ON' 상태일 때의 배경 색상 - disabled 상태는 회색톤으로 설정 */
.dx-switch.dx-state-disabled.dx-switch-on .dx-switch-container:before {
    /* 원하는 ON 상태 비활성화 배경 색상 (예: 밝은 녹색) */
    background-color: #90EE90 !important;
}

/* Toggle Switch 스타일 */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}

.toggle-switch input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.dx-switch-on-value .dx-switch-container::before,
.toggle-switch input[type="checkbox"]:checked + .toggle-slider {
    background-color: #61ADA1;
}

/* DevExtreme 스위치 On 상태일 때 핸들(동그라미) 색상을 흰색으로 설정 - 최우선 적용 */
.dx-switch.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle,
.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle,
.dx-switch.dx-switch-on-value .dx-switch-handle:not(.dx-state-disabled) {
    background-color: #ffffff !important;
}

/* DevExtreme 스위치 On 상태일 때 핸들의 ::before 가상 요소도 흰색으로 설정 - 최우선 적용 */
.dx-switch.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle::before,
.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle::before,
.dx-switch.dx-switch-on-value .dx-switch-handle:not(.dx-state-disabled)::before {
    background-color: #ffffff !important;
}

.toggle-switch input[type="checkbox"]:checked + .toggle-slider:before {
    transform: translateX(24px);
}

.toggle-switch input[type="checkbox"]:disabled + .toggle-slider {
    background-color: #E8E8E8;
    border: 2px solid #C0C0C0;
    cursor: not-allowed;
    opacity: 0.6;
}

/* DevExtreme 스위치 On 상태 핸들 색상 - 최종 우선순위 (파일 끝부분에 배치) - 흰색 */
.dx-switch.dx-switch-on-value .dx-switch-handle:not(.dx-state-disabled),
.dx-switch.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle {
    background-color: #ffffff !important;
}

.dx-switch.dx-switch-on-value .dx-switch-handle:not(.dx-state-disabled)::before,
.dx-switch.dx-switch-on-value:not(.dx-state-disabled) .dx-switch-handle::before {
    background-color: #ffffff !important;
}

.toggle-switch input[type="checkbox"]:disabled + .toggle-slider:before {
    background-color: #F5F5F5;
    border: 1px solid #D0D0D0;
}

.toggle-switch input[type="checkbox"]:disabled:checked + .toggle-slider {
    background-color: #D0D0D0;
    border: 2px solid #A0A0A0;
    opacity: 0.6;
}

.toggle-switch input[type="checkbox"]:disabled:checked + .toggle-slider:before {
    background-color: #E8E8E8;
    border: 1px solid #C0C0C0;
}

.toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.toggle-label {
    display: none; /* ON/OFF 텍스트 표시 제거 */
}

/* disabled 상태의 label 스타일 */
.toggle-label.disabled {
    color: #999999 !important;
    opacity: 0.7 !important;
}

.alert {
    margin-bottom: 0;
}
.content-wrapper {
    margin-top: 50px; /* Adjust this value based on the height of your alerts */
}
.bkd_main_menu > li > a > .push-badge,
.dashboard_tit .push-badge {
    display: inline-block;
    /* margin-left: 6px; */
    font-size: 1.2rem;
    line-height: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    background-color: #ff4444;
    color: #ffffff;
    border-radius: 50%;
    font-weight: bold;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    left: 10px;
    top: -2px;
    width: auto;
}

.text-right {
    text-align: right !important;
}

/* DevExtreme 스위치 disabled이고 ON 상태일 때 핸들 색상 - 최종 우선순위 (파일 끝부분) - #61ADA1 */
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-handle,
.dx-switch.dx-state-disabled.dx-switch-on .dx-switch-handle,
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-container .dx-switch-handle {
    background-color: #61ADA1 !important;
}

.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-handle::before,
.dx-switch.dx-state-disabled.dx-switch-on .dx-switch-handle::before,
.dx-switch.dx-state-disabled.dx-switch-on-value .dx-switch-container .dx-switch-handle::before {
    background-color: #61ADA1 !important;
}

.text-left {
    text-align: left !important;
}