@charset "utf-8";
/* 시스템 사이트의 경우 :  메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분, 서브에 적용되는 css 기재 / 메인에만 적용되는 main.css 추가해 메인 css 기재 */
/* 일반 사이트의 경우 : 메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분 css / 메인에만 적용되는 main.css 추가해 메인 css 기재 / 서브에만 적용되는 sub.css 추가해 서브 css 기재 */
/* 시스템, 일반 사이트 공통 : 멤버십, 에러 등이 필요한 경우 퍼블 가이드 UI 요소에서 원하는 부분만 복사해서 common.css에 기재 */
/* basic.css, board.css에서 수정해서 사용할 것들은 common.css에 수정 css 적기 (basic, board 수정 X) */
@import url('../fonts/sbaggro/sbaggro.css');

/*** root 수정 ***/
:root {
    --primary-0_25: #F9FDFF;
    --primary-5: #F0F9FF;
    --primary-10: #E0F2FE;
    --primary-20: #B9E6FE;
    --primary-30: #7CD4FD;
    --primary-40: #36BFFA;
    --primary-50: #129EDF;
    --primary-60: #0781BE;
    --primary-70: #026AA2; /* primary */
    --primary-80: #065986;
    --primary-90: #063B5B;
    --primary-95: #08283C;

    --secondary-0_25: #F2F9FF;
    --secondary-5: #E6F2FA;
    --secondary-10: #D2E7F6;
    --secondary-20: #ABD3EF;
    --secondary-30: #8AC3EB;
    --secondary-40: #6AA7D3;
    --secondary-50: #4389BC;
    --secondary-60: #2A70A2; /* secondary */
    --secondary-70: #225478; 
    --secondary-80: #1F4057;
    --secondary-90: #192E3C;
    --secondary-95: #1C2C36;
    
    --gray-0_25: #F6F8FB;
    --gray-5: #EEF2F8;
    --gray-10: #DEE6F2;
    --gray-20: #CEDAEC;
    --gray-30: #BFCFE6;
    --gray-40: #B7C9E2;
    --gray-50: #A3B3C9;
    --gray-60: #7A8697;
    --gray-70: #515964; /* gray */
    --gray-80: #282C32; /* dark */
    --gray-90:  #141619;
    --gray-95: #0A0B0C;
    

    --primary : var(--primary-70);
    --secondary : var(--secondary-60);
    --gray : var(--gray-70);
    --btn-primary-hover : var(--primary-90);
    --dark: var(--gray-80);
    --plholder-font:var(--gray-50);
    --disabled-bd : var(--gray-40);
    --disabled-bg : var(--gray-0_25);
    --disabled-font : var(--gray-50);
    --disabled-font2 : var(--gray);

    --board-tbl-hover-bg : var(--gray-5);
    --tbl-bdr: var(--gray-20);
    --tbl-th : var(--gray-0_25);
    --board-tbl-hover-bg: var(--gray-0_25);

    --error : #CC1E23;
}
/*** basic.css 수정 ***/
/* title, text */
.md_tit{font-size: 2.8rem; font-family: 'SBAggro'; font-weight: 400; color: var(--dark);}
.sm_tit{font-size: 2.2rem; color: var(--dark); font-weight: 500; }
.sm_tit strong{font-weight: 700;}
.sm_tit i{display: inline-block; width: 2.4rem; height: 2.4rem; background-size: 2.4rem; background-position: center; background-repeat: no-repeat; margin-right: 1.2rem; vertical-align: middle;}
.sm_tit i.i1{background-image: url(../images/icon/ico_write.svg);}
.sm_tit i.i2{background-image: url(../images/icon/ico_booking.svg);}
.sm_tit2{font-size: 2.2rem; color: var(--dark); font-weight: 300; font-family: 'SBAggro'; margin-bottom: 1.2rem; padding-left: 2.4rem; position: relative;}
.sm_tit2::before{content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_bullet_smtit2.svg) no-repeat center; position: absolute; left: 0; top: 0.6rem;}
.txt_blue{color: var(--primary);}

/* button */
.btn_area{margin-top: 4rem; display: flex; align-items: center; gap: 1.6rem; flex-wrap: wrap; justify-content: flex-end;}
.btn_area.sidebyside{justify-content: space-between;}
.btn_area.center,
.btn_area.c{justify-content: center; width: 100%;}
.btn_area .btn + .btn{margin-left: 0rem;}
.btn{border-color: var(--dark); color: var(--dark); font-weight: 700;}
.btn:hover,
.btn:focus{background-color: transparent;}
.btn.primary:hover,
.btn.primary:focus{border-color: var(--btn-primary-hover); background-color: var(--btn-primary-hover);}
.btn.secondary{background-color: var(--gray-80); color: #fff; border-color:  var(--gray-80);}
.btn.secondary:hover,
.btn.secondary:focus{background-color: var(--gray-70); border-color:  var(--gray-70);}
.btn.gray{background-color: var(--gray-60); color: #fff; border-color:  var(--gray-60);}
.btn.gray:hover,
.btn.gray:focus{background-color: var(--gray-50); border-color:  var(--gray-50);}
.btn.light.gray{background-color: #fff; border-color: var(--gray-50); color: var(--gray-70);}
.btn.light.gray:hover,
.btn.light.gray:focus{background-color: var(--gray-0_25); border-color: var(--gray-0_25);}
.btn.light.gray2{background-color: var(--secondary-10); border-color: var(--secondary-10); color: var(--secondary-80);}
.btn.light.gray2:hover,
.btn.light.gray2:focus{background-color: var(--secondary-0_25); border-color: var(--secondary-0_25);}

.btn:not(.lg, .sml, .xsml, .ic),
.btn.md{height: 4.8rem;padding: 0 1.6rem;font-size: 1.7rem;font-weight: 700;border-radius: 0.8rem;min-width: 12rem;}/* 기본크기 medium */
.btn.lg{height: 5.6rem; font-size: 1.9rem; min-width: 36rem;}
.btn.sml,
.btn.sml2{height: 4rem;font-size: 1.5rem;min-width: 12rem;border-radius: 0.8rem;line-height: 3.8rem;}
.btn.sml2{min-width: 9.6rem;}
.btn.xsml{height: 3.2rem;font-size: 1.5rem;min-width: 12rem;border-radius: 0.8rem;line-height: 3rem; padding: 0 1.6rem;}

.btn.round{border-radius: 100rem;}
.btn.round.sml{min-width: 8rem; font-weight: 500; font-size: 1.3rem; line-height: 2.6rem; height: 2.8rem;}
 
.btn.btn_excel { padding-left: 4.5rem; padding-right: 1.6rem; background: url(../images/icon/file/ico_file_excel.svg) no-repeat 1.6rem 50% / auto 2.2rem;}
.btn.btn_txt{border: 0; min-width: 0 !important; padding: 0 1.6rem !important;}
/* .btn.txt{min-width: 0; height: 3.2rem; line-height: 3.2rem; border: 0; background: #ddd;} */
.btn.btn_pdf{min-width: 0 !important; width:2rem; height: 2rem; line-height: 2rem; border: 0; background: url(../images/icon/ico_pdf.svg) no-repeat center; padding: 0;}
button:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

.btn.btn_row_del,
.btn.btn_row_add{font-size: 0; min-width: 0 !important; padding:0; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 0; background: url(../images/icon/ico_tbl_tgl_off.svg) no-repeat center;}
.btn.btn_row_del{background: url(../images/icon/ico_tbl_tgl_on.svg) no-repeat center;}

/* badge */
.badge{display: inline-block;width: 10rem;max-width: 100%;height: 2.8rem;line-height: 2.6rem;font-size:1.3rem;font-weight: 500;border-radius: 100rem;text-align: center;border: 1px solid transparent;}
.badge.sml{width: 6.4rem; min-width: 6.4rem; padding: 0 1rem; }
.badge.typeA{background: var(--secondary-10); color: var(--secondary-80);}
.badge.typeB{color: var(--secondary-70); border-color: var(--secondary-70);}
.badge.typeC{color: #4CB200; border-color: #4CB200;}
.badge.typeD{color: #CC1E23; border-color: #CC1E23;}
.badge.typeE{background: var(--gray-5); color: var(--gray);}
.badge.btn_type{background-color: #fff;}

/* icon */
.btn_txt i[class^='ico_']{width: 2rem; height: 2rem; background-color: var(--gray);}
.ico_print{mask-image : url(../images/icon/ico_print.svg); -webkit-mask-image : url(../images/icon/ico_print.svg);}
.ico_download{mask-image : url(../images/icon/ico_download.svg); -webkit-mask-image : url(../images/icon/ico_download.svg);}
.ico_upload{mask-image : url(../images/icon/ico_upload.svg); -webkit-mask-image : url(../images/icon/ico_upload.svg);}
.ico_reset{mask-image : url(../images/icon/ico_reset.svg); -webkit-mask-image : url(../images/icon/ico_reset.svg);}
.ico_send{mask-image : url(../images/icon/ico_send.svg); -webkit-mask-image : url(../images/icon/ico_send.svg);}
.ico_set{mask-image : url(../images/icon/ico_set.svg); -webkit-mask-image : url(../images/icon/ico_set.svg);}
.ico_lookup{mask-image : url(../images/icon/ico_lookup.svg); -webkit-mask-image : url(../images/icon/ico_lookup.svg);}
.ico_help{background-image: url(../images/icon/ico_help2.svg);   background-color: transparent !important;}
.ico_edit{mask-image : url(../images/icon/ico_edit.svg); -webkit-mask-image : url(../images/icon/ico_edit.svg);}
.ico_add{mask-image : url(../images/icon/ico_add.svg); -webkit-mask-image : url(../images/icon/ico_add.svg);}
.ico_trash{mask-image : url(../images/icon/ico_trash.svg); -webkit-mask-image : url(../images/icon/ico_trash.svg);}
.ico_save{mask-image : url(../images/icon/ico_save.svg); -webkit-mask-image : url(../images/icon/ico_save.svg);}
.ico_impt{mask-image : url(../images/icon/ico_impt.svg); -webkit-mask-image : url(../images/icon/ico_impt.svg);}

/* input */
.calendar_input .ui-datepicker-trigger{width: 2rem; background: url(../images/icon/ico_calendar.svg) no-repeat center / 2rem; font-size: 0;}
select, input:not([type="checkbox"], [type="radio"], [type="hidden"]), textarea{border-radius: 0.8rem;border-color: var(--gray-40);height: 4rem;}
input[readonly], textarea[readonly]{color: var(--gray);}
input[readonly]:focus, textarea[readonly]:focus{box-shadow: none; border-color: var(--gray-40);}
.calendar_input input[readonly]{color: var(--gray);}
select:focus, input:focus, textarea:focus{border-color: var(--primary);}
body .select2-container{min-width: 12rem;}
body .select2-selection--single{background-color: transparent !important; border: 0 !important; border-radius: 0 !important; height: auto !important;}
body .select2-container .select2-selection--single .select2-selection__rendered{border-radius: 0.8rem; border:1px solid var(--gray-40); height: 4rem;padding: 0 1.6rem;padding-right: 3rem;line-height: 3.8rem;font-size: 1.7rem;float: none;display: inline-block;vertical-align: middle; width: 100%; text-align: left; transition: 0.1s color, 0.1s border-color, 0.1s box-shadow; background-color: #fff;}
body .select2-container--default .select2-selection--single .select2-selection__arrow{width: 1.6rem;height: 2rem;background: url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 2rem;border: 0;transform: rotate(0);top: 1.2rem;right: 1.4rem;display: inline-block;transform-origin: center;transition: all 0.2s;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
body .select2-container--default.select2-container--open.select2-container--below .select2-selection__arrow{transform: rotate(180deg);}
body .select2-container--focus,
body .select2-container:focus,
body .select2-container--default .select2-selection--single:focus{outline: none !important;}
body .select2-container--focus .select2-selection__rendered{border-color: var(--primary) !important; box-shadow: inset 0 0 0 1px var(--bdr-focus) !important; }
body .select2-dropdown{width: 100%; border-radius: 0.8rem !important; background: #fff; box-shadow: 0rem 0.2rem 0.6rem 0rem rgba(34, 84, 120, 0.16); padding: 1.6rem 0; border: 0 !important; margin-top: 0.4rem; z-index: 9999;}
body .select2-results__option{line-height: 1.2rem;font-size: 1.7rem;color: var(--gray);padding: 1.5rem 2.4rem;transition: background 0.1s;}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: var(--primary-5); color: var(--primary-80); font-weight: 500;}
body .select2-container--default .select2-results__option--selected{background-color: #fff;}
body select.err + .select2-container .select2-selection--single .select2-selection__rendered{border-color: var(--err-bdr); box-shadow: inset 0 0 0 1px var(--err-bdr);}
body .select2-container--disabled .select2-selection--single .select2-selection__rendered,
body .select2-container--disabled.select2-container--focus .select2-selection--single .select2-selection__rendered{color: var(--disabled-font2); background-color: var(--disabled-bg); border-color: var(--disabled-bd) !important; box-shadow: none !important;}
select.no_min,
body select.no_min + .select2-container{min-width: 0 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
.ui-datepicker table{margin-bottom: 1rem;}
.error_txt{text-align: left;}
.info_form_txt{font-size: 1.3rem; color: #EA252B; margin-top: 0.4rem; font-weight: 500; padding-left: 0.8rem;}
.info_form_txt:has(.badge_impt){padding-left: 0; margin-top: 0.6rem;}
.info_form_txt .badge_impt{border-radius: 100rem; padding: 0 0.8rem; background-color: #EA252B; color: #fff; height: 2rem; line-height: 2rem; display: inline-block; margin-right: 0.4rem;}


.chk{gap: 1.2rem 2.4rem;}
.chk .cbx label::before{border-radius: 0.4rem; border-color: var(--gray-40); margin-top: 0;}
.chk label{align-items: center;}
.chk .radio label::before{border-color: var(--gray-40);}
.chk .radio label::before{top: 0;}
.chk .radio input:checked + label::before{border-color: var(--gray-40); box-shadow: inset 0 0 0 3.5px #fff;}

.file_thum .fake_btn,
.file_thum .btn_file_del{min-width: 0; height: 3rem; padding: 0;}
.phone input, .phone .select2-container, .email input, .email .select2-container { width: calc(100% / 3); max-width: min(calc(100% / 3), 13rem);}

/* layer_pop */
.bg_layer_pop{background: rgba(0,0,0,0.4);}
.layer_pop{border-radius: 0 0 4rem 4rem;width: 125.7rem;max-width: 95%;}
.layer_pop .pop_header{border-radius: 4rem 4rem 0 0; height: 8rem; padding: 0 4rem; border-bottom: 1px solid var(--gray-10);}
.layer_pop .pop_header h2{font-size: 2.2rem; font-weight: 700;}
.layer_pop .pop_close{width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_pop_close.svg) no-repeat center / 2.4rem;}
/* .layer_pop .pop_close:focus{outline: none;} */
.layer_pop .pop_close:focus-visible{outline: 0.2rem solid var(--primary);}
.layer_pop .pop_close i{display: none;}
.layer_pop .pop_content{padding: 4rem; max-height: calc(100dvh - 16rem);}
/* .layer_pop:has(.pop_footer) .pop_content{max-height: calc(100vh - 16rem - 8rem - 9.6rem);} */
.layer_pop .sm_tit{font-size: 1.9rem; font-weight: 700; margin-bottom: 1.6rem;}
.layer_pop .tbl_top .sm_tit{margin-bottom: 0;}
.layer_pop .bdr_tbl_wrap ~ .sm_tit{margin-top: 2.4rem;}
.layer_pop .pop_footer{display: flex; justify-content: center; gap: 0 1.6rem; padding:0; background: #fff; margin-top: 4rem;}
.layer_pop .pop_footer .btn:first-child:last-child,
.layer_pop .btn_area.c .btn{width: 36rem;max-width: 100%;}
.layer_pop::after{content: '';height: 8rem;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, #FFF 100%);position: absolute;bottom: 0;left: 0;width: 100%; display: none;}
.layer_pop.end::after{display: none !important;}
.layer_pop:has(.pop_content.simplebar-scrollable-y)::after{display: block;}
.layer_pop .alert_wrap{text-align: center; font-size: 1.9rem; word-break: break-all; letter-spacing: -0.02em;}
.layer_pop:has(.alert_wrap){width: 44rem !important;}
.layer_pop .simplebar-scrollbar:before{bottom: 2.4rem;}
.layer_pop .inner_wrap{position: relative;}
.layer_pop .inner_wrap.dimd::after{content: "현재 상태는 세금계산서의 효력이 없습니다.""\A\A매입자의 계좌입금 또는 전송승인 처리하면 세금계산서의 효력이 발생합니다.""\A세금계산서의 효력이 발생하는 시점의 익일부터 해당 문구는 삭제됩니다."; white-space: pre;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(28, 44, 54, 0.80); font-size: 2.4rem; color: #fff; font-weight: 700; text-align: center;}
.layer_pop:has(.inner_wrap.dimd)::after{height: 4rem; background: #fff;}

/* tab */
.tab_menu.round{display: flex; gap: 0 1.3rem;}
.tab_menu.round button{border-radius: 100rem; padding:  0 3.2rem; height:4.8rem !important; border: 1px solid var(--gray-40); color: var(--gray-50); font-size: 1.7rem; font-weight: 500; background-color: #fff;}
.tab_menu.round li button.on{background-color: var(--dark); color: #fff; border-color: var(--dark);}

/*** board.css 수정 ***/
/* search */
.search_basic{border-radius: 4rem;background: rgba(255,255,255,0.8);box-shadow: 0px 0px 20px 0px rgba(34, 84, 120, 0.12);padding: 3.2rem;border: 0;padding-right: 17.5rem;gap: 1.6rem;margin-bottom: 4.8rem;min-height: 16rem;transition: padding 0.3s;}
.search_basic:not(:has(.btn_reset)){min-height: 10.4rem;} 
.search_basic:not(:has(.btn_area)){padding-right: 3.2rem;}
.search_basic .sch_row{gap: 2.4rem; flex-wrap: nowrap;}
.search_basic .sch_col > label{font-size: 1.7rem;font-weight: 700;text-align: left;padding-right: 0.5rem;flex-shrink: 0;width: 11rem;white-space: nowrap;}
.search_basic .sch_col > label .asterisk{vertical-align: top; position: relative; top: -0.2rem; margin-left: 0.5rem; margin-right: 0;}
.search_basic input[type="text"], .search_basic select{min-width: 0;}
.search_basic .select2-container{width: 100% !important;}
.search_basic .sch_col{max-width: none;width: auto;/*min-width: calc((100% - 4.8rem) / 3);*/gap: 0.8rem;flex-shrink: 0;}
.search_basic .sch_col.col1{width: calc((100% - 4.8rem) / 3);}
.search_basic .sch_col.col1_5{width: calc((100% - 4.8rem) / 3 + 5rem); flex-shrink: 0;}
.search_basic .sch_col.col2{width: calc((100% - 4.8rem) / 3 * 2 + 2.4rem);}
.search_basic .sch_col.col1_5 + .col2{width: calc(((100% - 4.8rem) / 3 * 2 + 2.4rem) - 5rem);}
/* col1_5 있을때 col1 크기 */
.search_basic:has(.col1_5) .col1{width: calc((100% - 4.8rem) / 3 - 2.5rem);}
.search_basic:has(.col1_5.w44rem) .col1{width: calc((100% - 44rem - 1.6rem)/2 - 1.2rem);}
/* col1_5 + col1 + col1 일때 col2 크기*/
.search_basic:has(.col1_5 + .col1 + .col1) .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 5rem);}/* 첫번째일때 */
.search_basic:has(.col1_5 + .col1 + .col1) .col1_5 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 - 2.4rem);}/* 두번째일때 */
.search_basic:has(.col1_5 + .col1 + .col1) .col1_5.w44rem + .col2{width: calc(100% - 44rem - 1.6rem);}
/* col1 + col1_5 + col1 일때 col2 크기*/
.search_basic:has(.col1 + .col1_5 + .col1) .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 5rem);}/* 첫번째일때 */
.search_basic:has(.col1 + .col1_5 + .col1) .col1 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 5rem);}/* 두번째일때 */
.search_basic:has(.col1 + .col1_5 + .col1) .col2 + .col1_5{width: calc((100% - 4.8rem) / 3 - 2.5rem);}
/* col1 + col1 + col1+5 일때 col2 크기*/
.search_basic:has(.col1 + .col1 + .col1_5) .col2{width: calc(((100% - 4.8rem) / 3) * 2 - 2.4rem);}/* 첫번째일때 */
.search_basic:has(.col1 + .col1 + .col1_5) .col1 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 5rem);}/* 두번째일때 */
.search_basic:has(.col1 + .col1 + .col1_5) .col2 + .col1{width: calc((100% - 4.8rem) / 3 + 5rem)}
.search_basic .sch_full{width: calc(100% - 8rem);}
/* col1_5 + col1_5 크기 */
.search_basic:has(.col1_5 + .col1_5:last-of-type) .col1_5{width: calc((100% - 2.4rem) / 2);}
/* col1 + col1 + col1 + col1  / col1 2개 + col1 1개 */
.search_basic:has(.col1 + .col1 + .col1 + .col1) .col1,
.search_basic:has(.col1 + .col1 + .col2) .col1,
.search_basic:has(.col2 + .col1 + .col1) .col1,
.search_basic:has(.col1 + .col2 + .col1) .col1{width: calc((100% - 7.2rem) / 4); max-width:none !important}
.search_basic:has(.col1 + .col1 + .col2) .col2,
.search_basic:has(.col2 + .col1 + .col1) .col2,
.search_basic:has(.col1 + .col2 + .col1) .col2{width: calc((100% - 2.4rem) / 2); max-width:none !important}

.search_basic .flexbox{display: flex; gap: 0 0.8rem;}
.search_basic .flexbox .btn{min-width: 0;width: 7.2rem;font-weight:500;flex-shrink: 0;height: 4rem;}
.search_basic .calendar_input{width: 14.7rem;}
/* .search_basic .sch_col:has(.gap){gap: 0;} */
/* .search_basic .sch_col:has(.gap) > label{margin-right: 0.8rem;} */
.search_basic .btn_area{position: absolute;right: 3.2rem;top: 3.2rem;display: flex;flex-direction: column;gap: 1.6rem;padding-left: 1.6rem;border-left: 1px solid var(--gray-10);height: calc(100% - 6.4rem); justify-content: flex-start; flex-wrap: nowrap;}
.search_basic .btn_area .btn{width: 12rem;flex-shrink: 0;transition: all 0.3s;height: 4rem;line-height: 3.8rem;font-size: 1.5rem;}
.search_basic .btn_reset{border: 1px solid var(--dark); color: var(--dark); margin: 0 !important;}
.search_basic .sch_row{padding-right: 1.6rem;}
.search_basic .chk label{font-size: 1.7rem;vertical-align: top;}
.search_basic .btn_search:hover,
.search_basic .btn_search:focus{border-color: var(--btn-primary-hover);background-color: var(--btn-primary-hover);}
.search_basic .sch_col.full{width: 100% !important;}
.search_basic .sch_col:last-of-type{min-width: 0;}
.search_basic .sch_full .select2-container{width: 15rem !important;}
.search_basic select, .search_basic input:not([type="checkbox"], [type="radio"], [type="hidden"]), .search_basic textarea{height: 4rem;}
.search_basic .select2-container .select2-selection--single .select2-selection__rendered{height:4rem;line-height: 3.8rem;}
.search_basic .select2-container--default .select2-selection--single .select2-selection__arrow{top: 1.2rem;width: 1.6rem;height: 1.6rem;background-size: 1.6rem;}
.search_basic .sch_col:not(:has(.gap)) .calendar_input{width: 100%;}
.search_basic .form_sch_wrap{position: relative; width: 100%;}
.search_basic .form_sch_wrap input{padding-right: 4rem;}
.search_basic .form_sch_wrap .btn_sch{background-color: transparent;position: absolute;right: 0.3rem;top: 0rem;border: 0;padding: 0;min-width: 0;height: auto;border-radius: 0.6rem;width: 4rem;height: 4rem;}
.search_basic .form_sch_wrap .btn_sch i{background-color: var(--gray-60);}

body:has(.lnb_wrap.hide) .search_basic{padding-right: 23.9rem;}
body:has(.lnb_wrap.hide) .search_basic .btn_area .btn{width: 17.9rem;}

.chk.round .cbx.btn_sch_chkall label{display: inline-block; width: 7.4rem; height: 4rem; border-radius: 100rem; border: 1px solid var(--gray-40); background: #fff; color: var(--gray-60); font-weight: 700; text-align: center;}
.chk.round .cbx.btn_sch_chkall input:checked ~ label{background: var(--dark); border-color: var(--dark); color: #fff;}
.chk.round .cbx.btn_sch_chkall label::before{display: none !important;}
.search_basic:has(.btn_sch_chkall) .chk + .chk{position: relative; padding-left: 4.2rem;}
.search_basic:has(.btn_sch_chkall) .chk + .chk::before{content: ''; display: block; width: 1px; height:4rem; border-left:1px solid var(--gray-10); position: absolute; left: 1.8rem; top: -0.6rem;}

.search_basic .btn_area.row{flex-direction: row; height: auto;}
.search_basic:has(.btn_area.row){padding-right: 30.5rem; min-height: 10.4rem;}

/* layer_pop search */
.layer_pop .search_basic{border-radius: 1.6rem;box-shadow: none;padding: 2.4rem;background: var(--gray-5);padding-right: 18.4rem;min-height: 9.6rem;margin-bottom: 4rem;}
.layer_pop .search_basic .btn_area{border-left: 0; right: 2.4rem; padding: 0; top: 2.4rem;}
.layer_pop .search_basic .sch_col.col1_5{width: calc((100% - 4.8rem) / 3 + 8rem); flex-shrink: 0;}
.layer_pop .search_basic .sch_col.col1_5 + .col2{width: calc(((100% - 4.8rem) / 3 * 2 + 2.4rem) - 8rem);}
/* col1_5 있을때 col1 크기 */
.layer_pop .search_basic:has(.col1_5) .col1{width: calc((100% - 4.8rem) / 3 - 3.2rem);}
/* col1_5 + col1 + col1 일때 col2 크기*/
.layer_pop .search_basic:has(.col1_5 + .col1 + .col1) .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 7.2rem);}/* 첫번째일때 */
.layer_pop .search_basic:has(.col1_5 + .col1 + .col1) .col1_5 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 - 4rem);}/* 두번째일때 */
/* col1 + col1_5 + col1 일때 col2 크기*/
.layer_pop .search_basic:has(.col1 + .col1_5 + .col1) .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 7.2rem);}/* 첫번째일때 */
.layer_pop .search_basic:has(.col1 + .col1_5 + .col1) .col1 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 7.2rem);}/* 두번째일때 */
.layer_pop .search_basic:has(.col1 + .col1_5 + .col1) .col2 + .col1_5{width: calc((100% - 4.8rem) / 3 - 3.2rem);}
/* col1 + col1 + col1+5 일때 col2 크기*/
.layer_pop .search_basic:has(.col1 + .col1 + .col1_5) .col2{width: calc(((100% - 4.8rem) / 3) * 2 - 4rem);}/* 첫번째일때 */
.layer_pop .search_basic:has(.col1 + .col1 + .col1_5) .col1 + .col2{width: calc(((100% - 4.8rem) / 3) * 2 + 7.2rem);}/* 두번째일때 */
.layer_pop .search_basic:has(.col1 + .col1 + .col1_5) .col2 + .col1{width: calc((100% - 4.8rem) / 3 + 8rem)}
/* col1_5 + col1_5 크기 */
.layer_pop .search_basic:has(.col1_5 + .col1_5:last-of-type) .col1_5{width: calc((100% - 2.4rem) / 2);}

/* board, data_tbl 공통 */
.bdr_tbl_wrap{overflow: auto;}
.bdr_tbl_wrap.flex{display: flex; align-items: center;}
/* .bdr_tbl_scr_box:not(:has(table)){display: none;} */
.bdr_tbl_wrap + .bdr_tbl_wrap,
.bdr_tbl_scr_box + .bdr_tbl_scr_box,
*[class^="tgl_box"] + *[class^="tgl_box"]{margin-top: 3.2rem;}
.bdr_tbl_wrap ~ .tbl_top,
.bdr_tbl_scr_box ~ .tbl_top,
*[class^="tgl_box"] ~ .tbl_top{margin-top: 6.4rem;}
.bdr_tbl_wrap ~ .btn_area:has(.btn.sml),
.bdr_tbl_scr_box ~ .btn_area:has(.btn.sml){margin-top: 2.4rem;}
.sidebyside:has(.btn_area){margin-top: 4rem;}
.bdr_tbl_wrap ~ .sidebyside:has(.btn_area):has(.btn.sml),
.bdr_tbl_scr_box ~ .sidebyside:has(.btn_area):has(.btn.sml),
*[class^="tgl_box"] ~ .sidebyside:has(.btn_area):has(.btn.sml){margin-top: 2.4rem;}
.bdr_tbl_wrap table.theadfix thead{position: sticky; top:0; z-index: 3;}
.bdr_tbl_wrap.simplebar-scrollable-x{padding-bottom: 1rem;}
/* .bdr_tbl_wrap.simplebar-scrollable-y .simplebar-wrapper{padding-right: 1rem;} */
.bdr_tbl_wrap .simplebar-track.simplebar-horizontal{left: 0.5rem !important; right: 0.5rem !important;}
.bdr_tbl_wrap .simplebar-track.simplebar-vertical{top: 0.5rem !important; bottom: 0.5rem !important;}
.tbl_top .all_num{font-size: 1.5rem;}
.tbl_top .all_num .num{font-weight: 700;}
.tbl_top .all_num p{display: inline-block;}
.layer_pop .tbl_top{margin-bottom: 1.6rem;}
.tbl_top .tbl_left .sm_tit,
.tbl_top .tbl_left .sm_tit2{display: inline-block; margin-right: 2rem}


/* paging */
.paging_wrap{margin-top: 4rem;}
.paging{display: flex; align-items: center; justify-content: center; gap: 0 0.8rem;}
.paging li{font-size: 1.5rem; color: var(--gray-60); border-radius: 100rem; margin: 0 !important;}
.paging .current{background: var(--primary) !important;}
.paging li.btn_page{background-color: var(--gray-0_25); background-position: center; background-size: 1.6rem; background-repeat: no-repeat;}
.paging li.btn_page a::before{display: none;}
.paging li.btn_page.prev,
.paging li.btn_page.next{background-image: url(../images/icon/ico_page_arrow.svg);}
.paging li.btn_page.first,
.paging li.btn_page.last{background-image: url(../images/icon/ico_page_arrow_double.svg);}
.paging li.btn_page.next,
.paging li.btn_page.last{transform: rotate(180deg);}
.paging li.btn_page.prev{margin-right: 0.8rem !important;}
.paging li.btn_page.next{margin-left: 0.8rem !important;}
.paging li:not(.btn_page):hover{background: transparent; font-weight: 600;}

/* tbl_top, tbl_top */
.tbl_top,
.tbl_top{margin-bottom: 2.4rem;}
.tbl_top .ref_txt,
.tbl_top .ref_txt{color: var(--gray-60); font-size: 1.5rem;}
.tbl_right .btns{display: inline-flex; margin-left: 1.6rem; position: relative;}
.tbl_right .btns:has(.btn_txt){ margin-right: -1.6rem;}
.tbl_right .btns .btn{position: relative;}
.tbl_right .ref_txt ~ .btns::before,
.tbl_right .btns .btn ~ .btn::before{content: ''; display: block; width: 1px; height: 1.6rem; background-color: var(--gray-10); position: absolute; left: 0; top: 50%; margin-top: -0.8rem; z-index: 9;}
.tbl_right .ico_download,
.tbl_right .ico_upload{background-color: var(--gray);}
.tbl_top:has(.btn){margin-bottom: 1rem;}

/* board_list */
.board_list{border-top: 1px solid var(--tbl-bdr);} 
.board_list > tbody > tr:hover > td:not(.no_data){background: #fff;}
.board_list > tbody > tr > td:not(.no_data){cursor: default;}
.bdr_tbl_wrap .board_list{min-width: 128rem;}
.board_list > thead > tr > th, .board_list > tbody > tr > td{border-bottom: 1px solid var(--tbl-bdr); border-left: 1px solid var(--tbl-bdr);}
.board_list > thead > tr > th:first-of-type,
.board_list > tbody > tr > td:first-of-type{border-left: 0; }
.board_list > thead > tr > th{background: var(--tbl-th); /*border-bottom: 0;*/}
.board_list > tbody > tr > td{padding: 0.4rem 1.2rem;height: 6.4rem;} 
body:has(.lnb_wrap.hide) .board_list > tbody > tr > td{padding-left: 1.6rem; padding-right: 1.6rem;}
.board_list .underline,
.tabulator .underline{text-decoration: underline; text-underline-offset: 0.3rem;}
.board_list *.bdr{border-right: 1px solid var(--tbl-bdr) !important;}
.board_list *.bdl{border-left: 1px solid var(--tbl-bdr) !important;}
.board_list > thead > tr:has(th[colspan]) ~ tr > th:first-of-type{border-left: 1px solid var(--tbl-bdr) !important;}
.board_list > thead > tr:has(th:first-child[colspan]) ~ tr >  th:first-of-type{border-left: 0 !important;}

/* progress */
.progress{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.progress .bar_wrap{display: inline-flex; align-items: center; gap: 0 0.2rem;}
.progress .bar_wrap span{font-size: 0; display: inline-block; width: 1.6rem; height: 0.8rem; border-radius: 100rem; background: var(--secondary-5); flex-shrink: 0;}
.progress .bar_wrap span.done{background-color: var(--secondary-70);}
.progress b{font-size: 1.5rem; font-weight: 500; color: var(--secondary); margin-top: 0.6rem; display: inline-block;}

/* data_tbl */
.bdr_tbl_wrap:has(> .data_tbl){overflow: auto; position: relative; border-radius: 1.6rem; outline: 1px solid var(--gray-20);}
.data_tbl{border-radius: 1.6rem;border-collapse: separate;border-spacing: 0; border: 0;}
.data_tbl .asterisk{vertical-align: top; position: relative; top: -0.2rem; margin-left: 0.5rem; margin-right: 0;}
.data_tbl thead th{height: 5.6rem; padding: 1.5rem;}
.data_tbl tbody td{text-align: left; }
.data_tbl tbody th,
.data_tbl tbody td{height: 5.6rem;padding: 0.8rem 1.6rem;border-left: 0 !important;border-right: 0 !important;word-break: break-all;border-top: 1px solid var(--tbl-bdr);border-bottom: 0;}
.data_tbl tbody th{padding-left: 2.4rem; text-align: left;}
.data_tbl tbody td:has(input:not([type="hidden"]), select, .number_wrap){padding: 0.8rem;}
.data_tbl tbody td:has(.chk){padding: 0.8rem 1.6rem;}
.data_tbl tbody tr:first-of-type > td,
.data_tbl tbody tr:first-of-type > th{border-top: 0;}
.data_tbl tbody select, 
.data_tbl tbody input:not([type="checkbox"], [type="radio"], [type="hidden"]), 
.data_tbl tbody textarea, 
.data_tbl tbody .select2-container,
.data_tbl .calendar_input{width: 100%;}
.data_tbl tbody .select2-container{width: 100% !important;}
.data_tbl > tbody > tr:hover > td:not(.no_data){background-color: #fff !important;}
.data_tbl tbody tr:last-of-type th,
.data_tbl tbody tr:last-of-type td{border-bottom: 0;}
.data_tbl .flexbox{display: flex;align-items: center;gap: 0 0.8rem;}
.data_tbl .flexbox.space{justify-content: space-between;}
.data_tbl .flexbox *{flex-shrink: 0;}
.data_tbl .flexbox .unit{white-space: nowrap;}
.data_tbl .flexbox:has(.btn) input,
.data_tbl .flexbox:has(.btn) .select2-container{width: calc(100% - 8rem - 0.8rem) !important;}
.data_tbl .flexbox:has(.btn.sml2) input,
.data_tbl .flexbox:has(.btn.sml2) .select2-container,
.data_tbl .flexbox:has(.btn.sml2) .form_sch_wrap{width: calc(100% - 9.6rem - 1.2rem) !important;margin-right: 0;}
.data_tbl .flexbox:has(.btn.sml2) .form_sch_wrap input{width: 100% !important;}
.data_tbl .flexbox:has(.unit) input{width: 100%; flex-shrink: inherit;}
.data_tbl .flexbox:has(input:nth-of-type(2)) input,
.data_tbl .flexbox:has(select) input,
.data_tbl .flexbox:has(select) .select2-container{width: calc(50% - 0.4rem) !important;}
.data_tbl .flexbox.col3 input,
.data_tbl .flexbox.col3 .select2-container,
.data_tbl .flexbox.col3:has(input:nth-of-type(2)) input,
.data_tbl .flexbox.col3:has(select) input,
.data_tbl .flexbox.col3:has(select) .select2-container{width: calc((100% - 1.6rem) / 3) !important;}
.data_tbl .flexbox .form_sch_wrap{width: calc(50% - 0.4rem);}
.data_tbl .flexbox .form_sch_wrap input{width: 100% !important;}
.data_tbl .flexbox .form_sch_wrap + input{width: calc(50% - 0.4rem) !important;}
.data_tbl .flexbox .calendar_input{width: calc((100% - 3rem) / 2) !important; max-width: 17rem;}
.data_tbl .flexbox.nofix *.w10p{width: 10% !important;}
.data_tbl .flexbox.nofix *.w20p{width: 20% !important;}
.data_tbl .flexbox.nofix *.w30p{width: 30% !important;}
.data_tbl .flexbox.nofix *.w40p{width: 40% !important;}
.data_tbl .flexbox.nofix *.w50p{width: 50% !important;}
.data_tbl .flexbox.nofix *.w60p{width: 60% !important;}
.data_tbl .flexbox.nofix *.w70p{width: 70% !important;}
.data_tbl .flexbox.nofix *.w80p{width: 80% !important;}
.data_tbl .flexbox.nofix *.w90p{width: 90% !important;}
.data_tbl .flexbox.nofix *.w10p.gap_on{width: calc(10% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w20p.gap_on{width: calc(20% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w30p.gap_on{width: calc(30% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w40p.gap_on{width: calc(40% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w50p.gap_on{width: calc(50% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w60p.gap_on{width: calc(60% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w70p.gap_on{width: calc(70% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w80p.gap_on{width: calc(80% - 0.8rem) !important;}
.data_tbl .flexbox.nofix *.w90p.gap_on{width: calc(90% - 0.8rem) !important;}
.data_tbl .form_sch_wrap{position: relative;}
.data_tbl .form_sch_wrap input{padding-right: 2.4rem;}
.data_tbl .form_sch_wrap .btn_sch{background-color: transparent;position: absolute;right: 0.8rem;top: 0.8rem;border: 0;padding: 0;min-width: 0;height: auto;border-radius: 0.6rem;}
.data_tbl .form_sch_wrap .btn_sch i{background-color: var(--gray-60);}
.data_tbl .btn{min-width: 8rem;}
.data_tbl .btn.sml2{min-width: 9.6rem;}
.data_tbl.center > * > tr > td{text-align: center; }
.data_tbl.center > * > tr > *:not(:last-child) {border-right: 1px solid var(--tbl-bdr) !important;}
.data_tbl.center > tbody > tr > td + td[rowspan] {border-left: 1px solid var(--tbl-bdr) !important;}
.data_tbl.center > tbody > tr > td + td[rowspan] ~ td[rowspan]{border-left: 0 !important;}
.data_tbl.center > tbody > tr > td[rowspan]:first-child + td{border-left: 0 !important;}
.data_tbl.center .calendar_input{width: 100%;}
.data_tbl.center > tbody .chk{justify-content: center;}
.data_tbl *.bdr{border-right: 1px solid var(--tbl-bdr) !important;}
.data_tbl *.bdl{border-left: 1px solid var(--tbl-bdr) !important;}
.data_tbl:has(thead) tbody > tr > *:not(:last-child){border-right: 1px solid var(--tbl-bdr) !important;}
.data_tbl:has(thead) tbody > tr > td + td[rowspan] {border-left: 1px solid var(--tbl-bdr) !important;}
.data_tbl:has(thead) tbody > tr > td + td[rowspan] ~ td[rowspan]{border-left: 0 !important;}
.data_tbl:has(thead) tbody > tr > td[rowspan]:first-child + td{border-left: 0 !important;}
.data_tbl td:has(.flexbox + .btn.sml2) .flexbox{width: calc(100% - 9.6rem - 0.8rem);display: inline-flex;margin-right: 0.3rem;vertical-align: middle;}
.data_tbl.bdr{border-right: 1px solid var(--tbl-bdr); border-top-right-radius: 0; border-bottom-right-radius: 0;}
.data_tbl .btns_tbl_data{display: flex; align-items: center;}
.data_tbl .btns_tbl_data li{flex: 1; position: relative;}
.data_tbl .btns_tbl_data li + li::before{content: ''; display: block; width: 1px; height: 2rem; background-color: #BFCFE6; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.data_tbl .btn_tbl_data{background: transparent; font: inherit;}

.layer_pop .bdr_tbl_wrap:has(.data_tbl thead){border-radius: 0; outline: none; border-top: 1px solid var(--gray-20); border-bottom: 1px solid var(--gray-20);}

.btn.btn_ttip{width: 2rem;height: 2rem;background: url(../images/icon/ico_btn_ttip.svg) no-repeat center;min-width: 0 !important;padding: 0;border: 0;}
.data_tbl th .btn_ttip{vertical-align: -0.5rem;}
.tooltip{min-width:20rem;max-width: 60rem;padding-left: 0;transform: none !important;position: absolute;z-index: 9999 !important;}
.tooltip .txt_wrap{background: #fff; padding: 2.4rem; border-radius: 1.2rem; box-shadow: 0 0 20px rgba(34, 84, 120, 0.28); max-height: 40rem; overflow-y: auto;}
.tooltip .txt_wrap,
.tooltip .txt_wrap p{color: var(--gray-80); font-size: 1.5rem;}
.tooltip .txt_wrap::after{display: none;}
.tooltip .inner_wrap::after {content: '';position: absolute;width: 1.4rem; height: 1.4rem;transform: rotate(45deg); background-color: #fff; left: 2.4rem !important; top: -0.7rem !important;}
.tooltip.top .inner_wrap::after{top: inherit !important;bottom: 0.3rem !important;}
.tooltip.right .inner_wrap::after{left: inherit !important; right: 2.4rem !important;}
.tooltip .btn_area{gap: 0 0.8rem; margin-top: 1.6rem;}
.tooltip .btn_area .btn.sml{width: 10rem; height: 3.2rem; min-width: 10rem; font-size: 1.3rem;}
.bg_tooltip{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9992; background: rgba(0, 0, 0, 0.4);}

.ttip_faq{}
.ttip_faq dl dt,
.ttip_faq dl dd{position: relative; padding-left: 3.8rem;}
.ttip_faq dl dt{margin-bottom: 2.1rem; font-size: 1.5rem; font-weight: 700; color: var(--primary-80);} 
.ttip_faq dl span,
.ttip_faq_tit,
.ttip_faq_tit_a{display: inline-block; width: 2.8rem; height: 2.8rem; border-radius: 100rem; background: var(--primary-5); font-size: 1.7rem; font-weight: 700; color: var(--primary-80); text-align: center; line-height: 2.8rem; position: absolute; left: 0; top: -0.3rem;}
.ttip_faq dl dd span,
.ttip_faq_tit_a{background: var(--gray-5); color: var(--gray);}
.ttip_faq_tit,
.ttip_faq_tit_a{position: static; margin-right: 1rem;}
.ttip_faq dl dd > ul{margin-top: 1rem;}
.ttip_faq dl dd > ul > li{color: var(--gray); position: relative; padding-left: 0.7rem;}
.ttip_faq dl dd > ul > li + li{margin-top: 0.8rem;}
.ttip_faq dl dd > ul > li b{margin-right: 0.3rem;}
.ttip_faq dl dd > ul > li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: var(--gray); position: absolute; left: 0; top: 1.1rem;}
.ttip_faq dl dd > ul ul{margin-top: 0.2rem;}
.ttip_faq dl dd > ul ul li{padding-left: 1.3rem; position: relative;}
.ttip_faq dl dd > ul ul li::before{content: ''; display: block; width: 0.5rem; height: 0.1rem; background: var(--gray); position: absolute; left: 0.2rem; top: 1rem;}


/* data_tbl.sml */  
.bdr_tbl_wrap:has(> .data_tbl.sml){border-radius: 1.6rem !important; border: 0 !important; outline: 1px solid var(--gray-20) !important;}
.data_tbl.sml{border-radius: 1.6rem !important;}
.data_tbl.sml > * > tr > th, 
.data_tbl.sml > * > tr > td{font-size: 1.5rem; height: 4rem;}

.data_tbl.sml > * > tr > th{padding: 0.5rem 1.2rem;}
.data_tbl.sml > * > tr > td{padding: 0.5rem 1.6rem;}
.data_tbl.sml tbody th.top{font-size:1.5rem}
.data_tbl.sml tfoot tr:first-of-type td{border-top: 1px solid var(--tbl-bdr) !important;}
.data_tbl.sml tfoot tr:last-of-type td{border-bottom: 0;}
.data_tbl.sml tfoot tr td{padding: 1.4rem 1.6rem !important; text-align: left;}
.data_tbl.sml tfoot tr td b{color: var(--primary); max-width: 60%;}
.data_tbl.sml tfoot tr td{height: 6.1rem;}
.data_tbl.sml.bdr{border-radius: 1.6rem 0 0 1.6rem !important;}

/* 계산서 서식 table */
.bdr_flexbox{display: flex;gap: 0 1.6rem;align-items: baseline;}
.bdr_flexbox .bdr_tbl_scr_box{margin: 0; flex: 1;}
.bdr_flexbox .data_tbl{width: 100% !important;}
.data_tbl tbody:has(th.top) th{padding-left: 1.2rem;}
.data_tbl tbody th.top{background: #DEE6F2; font-size: 1.9rem; font-weight: 700; text-align: center;}
.number_wrap{position: relative;}
.number_wrap .number_div{border-radius: 0.8rem; border: 1px solid var(--gray-40); height: 4rem; font-size:1.7rem; text-align: right; width: 100%; line-height: 3.8rem; padding: 0 1rem; transition: 0.1s color, 0.1s border-color, 0.1s box-shadow; white-space: nowrap; padding-left: 0;}
.number_wrap .number_div:focus{box-shadow: inset 0 0 0 1px var(--bdr-focus);border-color: var(--primary);; outline: none;}
.number_wrap .number_div .normal{width: 4rem; display: inline-block; text-align: center;}
.number_wrap .number_div .last{width: 2rem; display: inline-block; text-align: right;}
.number_wrap .number_div .first{width: 2rem; display: inline-block; text-align: left;}
.number_wrap .number_div .comma{width: 0px; display: inline-block;}

/* faq_list */
.faq_list dl{border: 1px solid var(--gray-20) !important; border-radius: 2.4rem; overflow: hidden;}
.faq_list dl dt{border: 0; background: #fff !important;}
.faq_list dl + dl{margin-top: 1.6rem;}
.faq_list dl dt a{padding: 2.7rem 7rem 2.7rem 8.8rem; font-size: 1.9rem; font-weight: 700;}
.faq_list dl dt a::after{content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_faq_arrow.svg) no-repeat center; position: absolute; right: 3.2rem; top: 2.8rem; transition: all 0.2s;}
.faq_list .js_accBox.open dt a::after{background: url(../images/icon/ico_faq_arrow_on.svg) no-repeat center; transform: rotate(180deg);}
.faq_list dl dt strong{color: var(--primary); font-weight: 700; font-size: 1.7rem; margin-right: 0.8rem;}
.faq_list dl dt span,
.faq_list dl dd span{width: 3.2rem; height: 3.2rem;line-height: 3.2rem; background: #07283C; border-radius: 100rem; color: #fff; font-size: 1.7rem; font-weight: 700; text-align: center; left: 3.2rem;}
.faq_list dl dd span{background: var(--primary);}
.faq_list dl dd{padding: 2.4rem 2.4rem 2.4rem 8.8rem;word-break: break-all;background: var(--gray-0_25);border: 0; font-size: 1.9rem; }


/** layout **/
html.overhide{overflow-y: hidden;}
html.overhide body,
html.overhide #header{padding-right: var(--scrollbar-width);}
body{color: var(--dark); font-size: 1.6rem; letter-spacing: 0;}
#container{padding-top: 8rem;max-width: clamp(110rem,75vw,144rem);margin: 0 auto;position: relative;padding-top: 17.6rem;min-height: calc(100dvh - 25rem);}
.wrap{width:100%; max-width: 144rem; margin: 0 auto;}
.content{position: relative;margin-left: 11.5rem;transition: margin 0.3s, width 0.3s;margin-top: 13.6rem;padding: 4rem;width: 136.5rem;}
.content::before{content: '';display: block;width: 100%;border-radius: 4rem 4rem 0 0;height: 12rem;background: rgba(255,255,255,0.8);box-shadow: 0 -10px 10px 0 rgba(34, 84, 120, 0.05);position: absolute;left: 0;top: 0;z-index: -1;}
body:has(.lnb_wrap.hide) .content{margin-left: 0;width: calc(100% + 4rem);padding-left: 4rem;}
#wrapper::before{content: '';display: block;width: 100%;height:36.6rem;min-width: calc(128rem - var(--scrollbar-width));background: url(../images/common/bg_sub_top.jpg) no-repeat center / cover;border-radius: 0 0 17rem 17rem;position: absolute;left: 0;top: 0;z-index: -2;}
#skipnavi{z-index: 9999; position: absolute; width: 100%; top: 0; left: 0;}
.content:has(.search_basic),
.content:has(.stepbox){padding: 0;margin-left: 15.5rem;width: calc(144rem - 15.5rem);}
.content:has(.search_basic)::before,
.content:has(.stepbox)::before{display: none;}
body:has(.lnb_wrap.hide) .content:has(.search_basic),
body:has(.lnb_wrap.hide) .content:has(.stepbox){width: 100%;}

/* header */
.gnb_bg{max-height: 100vh; overflow-y: auto;}
#header .hd_top{height: 4.8rem;}
#header{height: 12.8rem;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;overflow: hidden;}
#header::before{content: ''; display: block; width: 100%; height: 12.8rem; background-color: rgba(255,255,255,0.9); backdrop-filter: blur(2px); position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transition: all 0.2s;}
#header::after{content: ''; display: block; width: 100%; height: calc(100% - 11rem); position: absolute; left: 0; top: 12.8rem; z-index: -1; border-top: 1px solid var(--gray-5); background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(10px); box-shadow: 0rem 1.6rem 1.6rem 0rem rgba(0, 0, 0, 0.05);}
#header.bg::before,
#header.active::before,
#header:has(.gnb_bg.on)::before{opacity: 1;}
#header .wrap{display: flex; align-items: center; justify-content: space-between;}
#header .logo{font-size: 0;}
#header .logo a{display: block; }
#header .btn_menu{width: 4rem;height: 4rem;background: url(../images/icon/ico_menu.svg) no-repeat center / 2.4rem;margin-right: -1rem;} 
#header .btn_menu:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

#header .hd_top{justify-content: flex-end; padding-top: 0.8rem;}
#header .hd_top .user{color: var(--gray); font-size: 1.7rem; margin-right: 0.8rem;} 
#header .hd_top .session{border-radius: 100rem; padding: 0.6rem; padding-left: 1.2rem; background: #fff; border: 1px solid var(--gray-20);margin-right: 2.4rem;}
#header .hd_top .time{font-size: 1.5rem; color: var(--primary); font-weight: 500; margin-right: 1.2rem;}
#header .hd_top .time::before{content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_top_time.svg) no-repeat center / 1.33rem; vertical-align: -0.3rem; margin-right: 0.4rem;}
#header .hd_top .time i{display: inline-block; text-align: right; width: 1.73rem;}
#header .hd_top  .btn_sesstion{display:inline-block; width: 8rem; height: 2.4rem; line-height: 2.2rem; border-radius: 100rem; text-align: center; font-size: 1.5rem; color: #fff; font-weight: 500; background: var(--gray-60); padding: 0; }
#header .hd_top .btn_logout{font-size: 1.7rem;font-weight: 700;color: var(--gray);background: transparent url(../images/icon/ico_logout.svg) no-repeat left 0.38rem center / 1.8rem;padding-left: 3.2rem;}
#header .hd_top  .btn_sesstion:focus-visible,
#header .hd_top .btn_logout:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

#header .gnb_bg {position: absolute;left: 0;top: 12.8rem;width: 100%; padding: 0 0 3rem; max-height: 80vh;}
#header .dpbox {display: flex;max-width: 144rem;margin: 0 auto; position: relative;}
#header .gnb_txt {width: 24.4rem;font-size: 2.8rem;font-family: 'SBAggro';color: var(--dark);padding-top: 3.2rem;height: 100%;flex-shrink: 0;}
#header #gnb {word-break: break-all;}
#header #gnb > ul{display: flex; align-items: center; justify-content: center; }
#header #gnb > ul > li{}
#header #gnb > ul > li > a{font-size: 2.2rem;font-family: 'SBAggro';font-weight: 500;display: block;line-height: 8rem;transition: all 0.2s;transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);padding: 0 3.4rem;color: var(--gray-80);}
#header.tax_header #gnb > ul > li > a{padding:0 3.2rem}
#header .dp2{width: calc(100% - 24.4rem);display: flex;flex-wrap: wrap;position: relative;padding-top: 1.2rem;padding-bottom: 2.6rem;opacity: 0;}
#header .dp2 > li{width: 25%;}
#header .dp2 > li > a{font-size: 1.9rem;color: var(--gray-80);display: block;font-weight: 700;position: relative;padding-top: 2rem;padding-bottom: 4.4rem;padding-right: 3rem;transition: all 0.2s;height: 100%;word-break: break-all;}
#header .dp2 > li:has(.dp3) > a{padding-bottom: 1.6rem;height: auto;} 
#header .dp3{display: flex;flex-direction: column;}
#header .dp3 > li > a{font-size: 1.7rem;color: var(--gray-80);position: relative;display: block;padding: 0.4rem 0;word-break: break-all;padding-right: 7rem;}
#header .dp2 > li > a::after,
#header .dp3 > li > a::after{content: ''; display: inline-block; width: 2rem; height: 2rem; background: url(../images/icon/ico_arrow_dptxt.svg) no-repeat center / 2rem; position: absolute; right: 6rem; top: 2.4rem; opacity: 0; transition: all 0.2s;}
#header .dp3 > li > a::after{top: 0.6rem;}
#header .dp4{display: flex;flex-direction: column;padding: 0.4rem 0;}
#header .dp4 > li > a{font-size: 1.5rem;color: var(--gray-70);position: relative;display: block;padding: 0.3rem 1.2rem; word-break: break-all;}
#header .dp4 > li > a::before{content: '';display: block;width: 0.3rem;height: 0.3rem;border-radius: 100rem;background: var(--gray);position: absolute;left: 0.4rem;top: 1.2rem;}

#header #gnb > ul > li.active > a,
#header #gnb > ul > li.on > a{color: var(--primary);}
#header .dp2 > li:has(.dp3):hover > a,
#header .dp2 > li > a:hover,
#header .dp3 > li > a:hover,
#header .dp4 > li:hover > a,
#header .dp2 > li.active > a,
#header .dp3 > li.active > a,
#header .dp4 > li.active > a{color: var(--primary);}
#header .dp3 > li:hover > a,
#header .dp3 > li.active > a{font-weight: 700;}
#header .dp3 > li:hover > a::before{background-color: var(--primary);}
#header .dp2 > li:hover > a::after,
#header .dp3 > li:hover > a::after{opacity: 1;right: 5.6rem;}
#header .dp3 > li:hover > a::after{top: 0.6rem;}
#header .dp2 > li:has(.dp3):hover > a::after,
#header .dp3 > li:has(.dp4):hover > a::after{opacity: 0;}
#header .dp4 > li:hover > a,
#header .dp4 > li.active > a{font-weight: 500;}

#header:not(:has(.hd_top)),
#header:not(:has(.hd_top))::before{height: 8rem;}
#header:not(:has(.hd_top))::after,
#header:not(:has(.hd_top)) .gnb_bg{top: 8rem;}

/* sitemap */
.sitemap{position: fixed; top: 0; left: 0; background: #fff url(../images/common/bg_sitemap.svg) no-repeat left bottom / 47rem; width: 100%; height: 100dvh; display: none; opacity: 0;}
.sitemap .top_af{display: none;}
.sitemap.active{z-index: 99999; display: block;}
.sitemap .top{border-bottom: 1px solid var(--gray-5); padding-right: var(--scrollbar-width);}
.sitemap .top .wrap{display: flex; align-items: center; justify-content: space-between; height: 8rem;}
.sitemap .logo{font-size: 0;}
.sitemap .logo a{display: block; }
.sitemap .btn_menu_close{width: 4rem; height: 4rem; background: url(../images/icon/ico_menu_close.svg) no-repeat center / 2.4rem;} 
.sitemap .btn_menu_close:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.sitemap .list{height: calc(100vh - 8rem); overflow-y: auto;}
.sitemap .list li{position: relative;}
.sitemap .list li a{width: calc(100% - 2rem); transition: color 0.2s; word-break: break-all;}
.sitemap .list li a:hover{color: var(--primary);}
.sitemap .dp1{display: flex;width: 100%;max-width: 144rem;margin: 0 auto;min-height: calc(100dvh - 8rem);}
.sitemap .dp1 > li{flex: 1; padding: 4rem 1.6rem; border-right: 1px solid var(--gray-10);} 
.sitemap .dp1 > li > a{font-size: 1.9rem; font-family: 'SBAggro'; color: var(--gray-80); display: block; margin-bottom: 2.4rem;}
.sitemap .dp2 > li > a{font-size: 1.7rem; color: var(--gray-80); display: block;  font-weight: 700;}
.sitemap .dp2 > li + li{margin-top: 2rem;}
.sitemap .dp3{margin-top: 1.2rem;margin-bottom: 2.4rem;}
.sitemap .dp3 > li > a{font-size: 1.5rem; color: var(--gray-80); display: block;}
.sitemap .dp3 > li + li{margin-top: 1.2rem;}
.sitemap .dp4{margin-top: 0.8rem;}
.sitemap .dp4 > li > a{font-size: 1.5rem; color: var(--gray-70); display: block; position: relative; padding-left: 1.2rem;}
.sitemap .dp4 > li > a::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background-color: var(--gray); position: absolute; left: 0.4rem; top: 0.9rem;}
.sitemap .dp4 > li + li{margin-top: 0.6rem;}
.sitemap .btn_bookmark{width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_bookmark_off.svg) no-repeat center / 1.6rem; position: absolute; right: -0.8rem; top: 0;}
.sitemap .dp1 > li > .btn_bookmark{right: 0.8rem; top: 4rem;}
.sitemap .btn_bookmark.active{background: url(../images/icon/ico_bookmark_on.svg) no-repeat center / 1.6rem; }
.sitemap .btn_bookmark:focus-visible{outline: -webkit-focus-ring-color auto 1px;    ; outline-offset: 1px;}

/* lnb */
.lnb_wrap{margin-top: 0rem;width: 23.4rem;padding-top: 8.8rem;position: absolute;letter-spacing: 0;left: -13.5rem;top: 17.6rem;z-index: 99;transition: width 0.3s, top 0.3s;}
.lnb_title {width: 23.4rem;height: 11.2rem;border-radius: 2.4rem 4rem 2.4rem 2.4rem;background: var(--primary-80) url(../images/common/bg_lnb.svg) no-repeat right bottom / 10.4rem;box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12);font-size: 2.4rem;font-family: 'SBAggro';font-weight: 400;display: flex;align-items: center;justify-content: center;letter-spacing: -0.02em;color: #fff;position: absolute;top: 0;left: -2.4rem;z-index: -1;transition: all 0.3s;}
#lnb{padding: 2.4rem 2.4rem 4.8rem; border-radius: 2.4rem; background: rgba(255,255,255,0.9); box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12); backdrop-filter: blur(2px); position: relative; z-index: 9; transition: opacity 0.3s; overflow-y: auto; max-height: calc(100vh - 30rem);}
#lnb > ul > li{border-bottom: 1px solid var(--gray-10);}
#lnb > ul > li > a{display: block; padding: 1.5rem 0.8rem; font-size: 1.7rem; line-height: 1.5; letter-spacing: -0.017em; color: var(--dark); position: relative;}
#lnb > ul > li > a:hover{font-weight: 700;}
#lnb > ul > li.active > a,
#lnb > ul > li.on > a{border-bottom: 1px solid var(--gray-10); color: var(--primary); font-weight: 700;}
#lnb > ul > li:has(ul) > a::after{content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 1.6rem; position: absolute ; right: 0.8rem; top: 2rem; transition: all 0.2s;}
#lnb > ul > li.active:not(:has(ul)) > a{border-bottom: 0;}
#lnb > ul > li.active > a::after,
#lnb > ul > li.on > a::after{transform: rotate(180deg);}

#lnb > ul > li > ul{padding: 0.8rem 0; display: none;}
#lnb > ul > li > ul > li > a{display: block;padding: 0.8rem 2rem;font-size: 1.5rem;color: var(--dark);position: relative;font-weight: 500;}
#lnb > ul > li > ul > li > a::before{content: ''; display: block; width: 0.4rem; height: 0.4rem; border-radius: 100rem; background: var(--gray); position: absolute; left: 0.8rem; top: 1.6rem;}
#lnb > ul > li > ul > li > a:hover{font-weight: 700;}
#lnb > ul > li > ul > li.on > a,
#lnb > ul > li > ul > li.active > a{color: var(--primary); font-weight: 700;}
#lnb > ul > li > ul > li.on > a::before,
#lnb > ul > li > ul > li.active > a::before{background: var(--primary);}

#lnb ul ul ul li > a{color: var(--gray-70); padding:0.4rem 1rem; padding-left: 3.4rem; display: block; font-size: 1.5rem; border-radius: 0.8rem; position: relative;}
#lnb ul ul ul li > a::before{content: ''; display: block; width: 0.4rem; height: 0.1rem; background: var(--gray); position: absolute; left: 2.4rem; top: 1.4rem;}
#lnb ul ul ul li > a:hover{font-weight: 700;}
#lnb ul ul ul li.active > a,
#lnb ul ul ul li.on > a{background: var(--primary-5); color: var(--primary); font-weight: 700;}
#lnb ul ul ul li.active > a::before,
#lnb ul ul ul li.on > a::before{background: var(--primary);}

.btn_lnb_toggle{border-radius: 100rem; background: rgba(255,255,255,0.9); box-shadow: 0px 0px 24px 0px rgba(34, 84, 120, 0.12); backdrop-filter: blur(2px); width: 4.8rem; height: 4.8rem; display: flex; align-items: center ; justify-content: center; position: absolute; bottom: -2.4rem; left: 50%; margin-left: -2.4rem; z-index: 99}
.btn_lnb_toggle::before{content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_lnb_toggle.svg) no-repeat center / 2.4rem; transition: all 0.2s;}
.lnb_wrap.hide{width: 15.2rem;}
.lnb_wrap.hide #lnb{opacity: 0;}
.lnb_wrap.hide .lnb_title{width: 15.2rem;}
.lnb_wrap.hide .btn_lnb_toggle{margin-left: -4.6rem; bottom: -4.6rem;}
.lnb_wrap.hide .btn_lnb_toggle::before{transform: rotate(180deg);}
.lnb_wrap:not(.hide).bottom{top: inherit !important; bottom: 0rem !important; left:-13.5rem !important; position: absolute !important;}
.btn_lnb_toggle:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

/* footer */
#footer{margin-top: 8rem;border-top: 1px solid var(--gray-10);padding: 2.4rem 0 8rem;position: relative;z-index: 9;}
#footer .links{display: flex;justify-content: space-between;margin-bottom: 2.4rem;}
#footer .links > ul{display: flex;gap: 0 2.7rem;margin-top: 1.1rem;}
#footer .links > ul li{position: relative;}
#footer .links > ul li a{font-size: 1.7rem; color: var(--gray-60); font-weight: 500;}
#footer .links > ul li a:hover{text-decoration: underline;}
#footer .links > ul li:first-child a{color: var(--gray); font-weight: 700;}
#footer .links > ul li:not(:last-child)::after{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: var(--gray-60); position: absolute; right: -1.6rem; top: 1rem;}
#footer .f_site{position: relative;}
#footer .f_site button{width: 22rem;height: 4.8rem;border-radius: 0.8rem;border: 1px solid var(--gray-40);background-color: #fff;text-align: left;padding: 0 1.6rem;color: var(--gray-50);position: relative;z-index: 99;}
#footer .f_site button::after{content:''; width:2rem; height:2rem;  position: absolute; right: 1.6rem; display: inline-block; background: url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 2rem; transition: all 0.2s;}
#footer .f_site button.active::after{transform: rotate(180deg);} 
#footer .f_site button:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
#footer .f_site .options{position: absolute; bottom: 5.5rem; width: 100%; border: 1px solid var(--gray-40); background-color: #fff; border-radius: 0.8rem; padding: 1.6rem 0; display: none;}
#footer .f_site .options a{display: block; font-size: 1.5rem; padding: 0.8rem 2.4rem; }
#footer .f_site .options a:hover{background: var(--primary-5); color: var(--primary); font-weight: 500;}
#footer .f_logo{margin-bottom: 2.4rem;}
#footer .f_logo img{width: 17rem;}
#footer .info{display: flex; gap: 0 4rem; font-size: 1.5rem; color: var(--gray-60); margin-bottom: 0.8rem;}
#footer .copy{font-size: 1.5rem; color: var(--gray-50); font-weight: 400;}
#footer .ft_btns *[class^='btn']{position: fixed;bottom: 3.3rem;right: 8rem;width: 5.6rem;height: 5.6rem;border-radius: 100rem;transition: width 0.2s;}
#footer .ft_btns .btn_totop{border: 1px solid var(--gray-20); background: #fff url(../images/icon/ico_totop.svg) no-repeat center;}
#footer .ft_btns .btn_help{margin-bottom: 6.8rem; display: flex; align-items: center; justify-content: center; background: var(--secondary-80);} 
#footer .ft_btns .btn_help span{font-size: 1.5rem; color: #fff; font-weight: 700; font-size: 0;}
#footer .ft_btns .btn_help::before{content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_help.svg) no-repeat center; transition: all 0.2s;}
#footer .ft_btns .btn_help::after{content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_help_close.svg) no-repeat center; display: none; transition: all 0.2s;}
#footer .ft_btns .btn_help:hover{width: 13.5rem; background: var(--secondary-60);}
#footer .ft_btns .btn_help:hover::after{display: block;}
#footer .ft_btns .btn_help:hover span{font-size: 1.5rem; margin-left: 0.8rem; margin-right: 1.2rem;}
#footer .ft_btns.bottom *[class^='btn']{position: absolute;bottom: 32rem;}
 
/* help_panel */
.bg_panel{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 5000;}
#help_panel {visibility: hidden;overflow: hidden;position: fixed;right: 0;bottom: 0;width: 46rem; height: 67rem; background: #fff; border-radius: 4rem 0 0 0; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.24);}
#help_panel * {visibility: hidden;}
#help_panel.on{visibility: visible; z-index: 9999;}
#help_panel.on * {visibility: visible;}
#help_panel .panel_header {display: flex;justify-content: space-between;align-items: center;position: relative;background: #FFFFFF;height: 8rem;padding: 0 4rem;border-bottom: 1px solid var(--gray-10);border-radius: 0;}
#help_panel .panel_header h2 {font-size: 2.2rem;font-weight: 700;}
#help_panel .btn_panel_close {margin: 0;border: 0;width: 2.4rem;height: 2.4rem;background: url(../images/icon/ico_pop_close.svg) no-repeat center / 2.4rem;}
#help_panel .btn_panel_close i{display: none;}
#help_panel .btn_panel_close:focus{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
#help_panel .panel_content {position: relative; padding: 4rem;background: #FFFFFF; font-size: 1.5rem; max-height: calc(100% - 8rem);}
#help_panel .panel_content .title{display: block; font-size: 1.9rem; font-weight: 700; margin-bottom: 2.4rem; color: var(--gray-90);}
#help_panel .panel_content ol li{position: relative; padding-left: 2.6rem;}
#help_panel .panel_content ol li .txt_red{color: #EA252B;}
#help_panel .panel_content ol li .txt_blue{color: var(--primary);}
#help_panel .panel_content ol li + li{margin-top: 1.2rem;}
#help_panel .panel_content ol li::before{content: '';width: 1.8rem;height: 1.8rem;border-radius: 100rem;background: var(--gray);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;font-weight: 700;color: #fff;position: absolute;left: 0;top: 0.1rem;line-height: 1;}
#help_panel .panel_footer {padding: 1.5rem;text-align: right;background: var(--basic-bg);}
#help_panel .panel_content ol li:nth-of-type(1)::before{content: '1';}
#help_panel .panel_content ol li:nth-of-type(2)::before{content: '2';}
#help_panel .panel_content ol li:nth-of-type(3)::before{content: '3';}
#help_panel .panel_content ol li:nth-of-type(4)::before{content: '4';}
#help_panel .panel_content ol li:nth-of-type(5)::before{content: '5';}
#help_panel .panel_content ol li:nth-of-type(6)::before{content: '6';}
#help_panel .panel_content ol li:nth-of-type(7)::before{content: '7';}
#help_panel .panel_content ol li:nth-of-type(8)::before{content: '8';}
#help_panel .panel_content ol li:nth-of-type(9)::before{content: '9';}
#help_panel .panel_content ol li:nth-of-type(10)::before{content: '10';}
#help_panel .panel_content ol li:nth-of-type(11)::before{content: '11';}
#help_panel .panel_content ol li:nth-of-type(12)::before{content: '12';}
#help_panel .panel_content ol li:nth-of-type(13)::before{content: '13';}
#help_panel .panel_content ol li:nth-of-type(14)::before{content: '14';}
#help_panel .panel_content ol li:nth-of-type(15)::before{content: '15';}
#help_panel .panel_content ol li:nth-of-type(16)::before{content: '16';}
#help_panel .panel_content ol li:nth-of-type(17)::before{content: '17';}
#help_panel .panel_content ol li:nth-of-type(18)::before{content: '18';}
#help_panel .panel_content ol li:nth-of-type(19)::before{content: '19';}
#help_panel .panel_content ol li:nth-of-type(20)::before{content: '20';}




/** content **/
/* page_top */
.page_top{position: absolute;top: -13.6rem;left: 0;width: calc(100% - 4rem); transition: width 0.3s; padding-left: 4rem;}
.page_top .page_tit{font-family: 'SBAggro';font-size: 4rem;font-weight: 400;color: var(--dark);text-align: left;}
.page_top .breadcrumb{margin-top: 0.8rem;text-align: right;}
.page_top .breadcrumb .path {display: inline-flex;align-items: center;gap: 0 2.8rem;}
.page_top .breadcrumb .path > li.home{width: 2.4rem;height: 2.4rem;background: url(../images/icon/ico_home.svg) no-repeat center / 1.7rem;}
.page_top .breadcrumb .path > li {display: inline-flex;align-items: center;gap: 0.4rem;position: relative;height: 2.4rem;padding-top: 0.2rem;font-size: 1.5rem;}
.page_top .breadcrumb .path > li:not(:last-child)::after {content: '';display: block;width: 0.4rem;height: 0.4rem;border-radius: 100rem;background: var(--gray-50);position: absolute;right: -1.7rem;top: 1.1rem;}
.page_top .breadcrumb .path > li > a {display: block;position: relative;padding: 0 0.4rem;font-size: 1.7rem;font-weight: 500; color: var(--gray);}
.page_top .breadcrumb .path > li.home a{display: block; width: 100%; height: 100%;}
body:has(.login_box) .page_top .page_tit{text-align: center;}
body:has(.lnb_wrap.hide) .page_top{width: 144rem; padding-left: 4rem;}
.content:has(.search_basic) .page_top,
.content:has(.stepbox) .page_top{width: 100%; padding-left: 0;}

/* prc_main */
.prc_main{display: flex; flex-wrap: wrap; gap: 4rem;}
.prc_main .basedate{font-size: 1.5rem; color: var(--gray); text-align: right; width: 100%; margin-top: -1.6rem;}
.prc_main .box{border-radius: 2.4rem;background: rgba(255, 255, 255, 0.80);box-shadow: 0rem 0rem 2rem 0rem rgba(34, 84, 120, 0.12);backdrop-filter: blur(2px);width: calc((100% - 8rem) / 3);min-height: 43rem;padding: 3.2rem 4rem 8rem;position: relative;}
.prc_main.col2 .box{width: calc((100% - 4rem) / 2);}
.prc_main .box::after{border-radius: 2.4rem; content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.prc_main .box.box1::after{background: url(../images/common/bg_prc_01.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box2::after{background: url(../images/common/bg_prc_02.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box3::after{background: url(../images/common/bg_prc_03.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box4::after{background: url(../images/common/bg_prc_04.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box5::after{background: url(../images/common/bg_prc_05.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box6::after{background: url(../images/common/bg_prc_06.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box7::after{background: url(../images/common/bg_prc_07.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box8::after{background: url(../images/common/bg_prc_08.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box9::after{background: url(../images/common/bg_prc_09.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box10::after{background: url(../images/common/bg_prc_10.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box11::after{background: url(../images/common/bg_prc_11.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box12::after{background: url(../images/common/bg_prc_12.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box13::after{background: url(../images/common/bg_prc_13.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box14::after{background: url(../images/common/bg_prc_14.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box15::after{background: url(../images/common/bg_prc_15.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box16::after{background: url(../images/common/bg_prc_16.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box17::after{background: url(../images/common/bg_prc_17.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box18::after{background: url(../images/common/bg_prc_18.png) no-repeat right bottom / 16rem; z-index: -1;}
.prc_main .box.box19::after{background: url(../images/common/bg_prc_19.png) no-repeat right bottom / 16rem; z-index: -1;}

.prc_main .btn_more{display: inline-block; font-size: 1.7rem; color: var(--gray); position: absolute; left: 4rem; bottom: 3.2rem; font-weight: 500;}
.prc_main .btn_more::after{content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 1.6rem; transform: rotate(-90deg); vertical-align: -0.2rem; margin-left: 0.4rem; transition: all 0.2s; position: relative; left: 0;}
.prc_main .btn_more:hover::after{left: 0.4rem;}
.prc_main .box .txt{position: relative;padding-right: 10.4rem;padding-top: 0.8rem;margin-bottom: 2.4rem;}
.prc_main .txt strong{font-size: 2.4rem;font-weight: 700;margin-bottom: 0.6rem;display: block;}
.prc_main .txt p{color: var(--gray-60);font-size: 1.5rem;min-height: 4.35rem;}
.prc_main .txt .count{display: flex; width: 8.8rem; height: 8.8rem; align-items: center; justify-content: center; font-size: 1.9rem; color: var(--gray-60); background: var(--primary-5); border-radius: 100rem; position: absolute; right: 0; top: 0;}
.prc_main .txt .count b{font-size: 3.2rem; color: var(--primary); font-weight: 600; font-family: 'SBAggro'; line-height: 1; position: relative; top: 0.4rem;}
.prc_main .txt .count i{position: relative; top: 0.5rem;}
.prc_main ul{display: flex; flex-direction: column; gap: 1.6rem 0;}
.prc_main ul li{width: calc(100% - 15.3rem);min-width: 18rem;}
.prc_main.col2 ul li{width: calc(100% - 20.2rem);}
.prc_main ul li div{border-radius: 1.6rem; background: var(--gray-0_25); padding: 1rem 1.6rem; display: flex; align-items: center; justify-content: space-between;}
.prc_main ul li strong{font-size: 1.9rem; font-weight: 500; letter-spacing: -0.02em; display: flex; align-items: center; gap: 0 0.8rem;}
.prc_main ul li i[class^='ico']{display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: center; background-size: 2rem;}
.prc_main ul li i.ico1{background-image: url(../images/icon/ico_prc_01.svg);}
.prc_main ul li i.ico2{background-image: url(../images/icon/ico_prc_02.svg);}
.prc_main ul li i.ico3{background-image: url(../images/icon/ico_prc_03.svg);}
.prc_main ul li i.ico4{background-image: url(../images/icon/ico_prc_04.svg);}
.prc_main ul li i.ico5{background-image: url(../images/icon/ico_prc_05.svg);}
.prc_main ul li i.ico6{background-image: url(../images/icon/ico_prc_06.svg);}
.prc_main ul li i.ico7{background-image: url(../images/icon/ico_prc_07.svg);}
.prc_main ul li i.ico8{background-image: url(../images/icon/ico_prc_08.svg);}
.prc_main ul li i.ico9{background-image: url(../images/icon/ico_prc_09.svg);}
.prc_main ul li i.ico10{background-image: url(../images/icon/ico_prc_10.svg);}
.prc_main ul li i.ico11{background-image: url(../images/icon/ico_prc_11.svg);}
.prc_main ul li i.ico12{background-image: url(../images/icon/ico_prc_12.svg);}
.prc_main ul li i.ico13{background-image: url(../images/icon/ico_prc_13.svg);}
.prc_main ul li i.ico14{background-image: url(../images/icon/ico_prc_14.svg);}
.prc_main ul li i.ico15{background-image: url(../images/icon/ico_prc_15.svg);}
.prc_main ul li i.ico16{background-image: url(../images/icon/ico_prc_16.svg);}
.prc_main ul li i.ico17{background-image: url(../images/icon/ico_prc_17.svg);}
.prc_main ul li i.ico18{background-image: url(../images/icon/ico_prc_18.svg);}
.prc_main ul li i.ico19{background-image: url(../images/icon/ico_prc_19.svg);}
.prc_main ul li i.ico20{background-image: url(../images/icon/ico_prc_20.svg);}
.prc_main ul li i.ico21{background-image: url(../images/icon/ico_prc_21.svg);}
.prc_main ul li span a{font-size: 2.4rem; color: var(--primary); font-weight: 700; text-decoration: underline; text-underline-offset: 0.3rem;}
.prc_main ul li span i,
.prc_main dl dd i{color: var(--gray-60); font-size: 1.5rem; margin-left: 0.6rem; }
.prc_main dl{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.4rem;}
.prc_main dl dt{font-size: 1.7rem; font-weight: 500; color: var(--gray); position: relative; padding-left: 3.6rem; width: 9rem;}
.prc_main dl dt::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: var(--gray); position: absolute; left: 2.6rem; top: 1rem;}
.prc_main dl dd{width: calc(100% - 9rem); text-align: right; padding-right: 1.6rem;}
.prc_main dl dd a{font-size: 1.9rem; font-weight: 500; color: var(--gray); text-decoration: underline; text-underline-offset: 0.3rem;}
.prc_main dl dt ~ dt,
.prc_main dl dd ~ dd{margin-top: 1rem;}

/* stepbox */
.stepbox{padding:4rem; border-radius: 4rem; background: rgba(255, 255, 255, 0.80); box-shadow: 0rem 0rem 2rem 0rem rgba(34, 84, 120, 0.12); margin-bottom: 4.8rem;}
.stepbox ul{display: flex; gap: 0 2.4rem;}
.stepbox ul li{flex: 1;}
.stepbox ul li strong{font-size:  2.2rem; color: var(--gray); font-weight: 400; display: block;}
.stepbox ul li i{display: inline-flex; width: 4rem; height: 4rem; border-radius: 100rem; background: var(--gray-0_25); align-items: center; justify-content: center; margin-right: 1.2rem; vertical-align: middle;}
.stepbox ul li i::after{content: ''; display: block; width: 4rem; height: 4rem; -webkit-mask-position: center center;  mask-repeat: no-repeat; mask-position: center center; background-color: var(--gray-60); mask-size: 2rem; -webkit-mask-size: 2rem;}
.stepbox ul li i.s1::after{-webkit-mask-image: url(../images/icon/ico_step_01.svg); mask-image: url(../images/icon/ico_step_01.svg); }
.stepbox ul li i.s2::after{-webkit-mask-image: url(../images/icon/ico_step_02.svg); mask-image: url(../images/icon/ico_step_02.svg);}
.stepbox ul li i.s3::after{-webkit-mask-image: url(../images/icon/ico_step_03.svg); mask-image: url(../images/icon/ico_step_03.svg); mask-size: 1.8rem; -webkit-mask-size: 1.8rem;}
.stepbox ul li i.s4::after{-webkit-mask-image: url(../images/icon/ico_step_04.svg); mask-image: url(../images/icon/ico_step_04.svg);}
.stepbox ul li i.s5::after{-webkit-mask-image: url(../images/icon/ico_step_05.svg); mask-image: url(../images/icon/ico_step_05.svg);}
.stepbox ul li::after{content: ''; display: block; width: 100%; height: 1rem; border-radius: 100rem; background: var(--gray-20); margin-top: 1.6rem;}
.stepbox ul li.active{color: var(--primary);}
.stepbox ul li.active::after{background: var(--primary);}
.stepbox ul li.active strong{color: var(--primary); font-weight: 700;}
.stepbox ul li.active i{background-color: var(--primary-10);}
.stepbox ul li.active i::after{background-color: var(--primary);}

/* txt_box */
.txt_box01{display: inline-flex;flex-direction: column;text-align: left;gap: 1.6rem;color: var(--gray);padding-left: 15.2rem;position: relative;margin-left: 1.6rem;}
.txt_box01::before{content: ''; display: block; width: 12rem; height: 12rem; border-radius: 1.6rem; background: var(--secondary-5) url(../images/icon/ico_txtbox01.svg) no-repeat center /  8.5rem; position: absolute; left: 0; top: 50%; margin-top: -6rem;}

.txt_box02{position: relative; border-radius: 2.4rem; padding: 4rem 0; margin-top: 12.8rem; background-color: var(--primary-0_25); padding-left: 32.3rem;}
.txt_box02::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 2.4rem; opacity: 0.2; background: linear-gradient(234deg, #B9E6FE -25.53%, rgba(249, 253, 255, 0.00) 80.33%); position: absolute; left: 0; top: 0;}
.txt_box02::after{content: ''; display: block; width: 22.8rem; height: 18rem; background: url(../images/common/img_txtbox02.png) no-repeat center / 22.8rem; position: absolute; left: 4.8rem; bottom: 0;}
.txt_box02 *{position: relative; z-index: 9;}
.txt_box02 li{font-size: 1.7rem; font-weight: 500; color: var(--gray); padding-left: 1.2rem; position: relative;}
.txt_box02 li + li{margin-top: 1.6rem;}
.txt_box02 li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: var(--gray); border-radius: 100rem; position: absolute; left: 0; top: 1.1rem;}
.txt_box02 li a{display: inline-block; border-radius: 100rem; background: #fff; padding: 0.2rem 1.5rem 0; box-shadow: 0 0 0.8rem 0 rgba(34, 84, 120, 0.16); font-size: 1.5rem; color: var(--primary); font-weight: 700; margin: 0 0.8rem;}
.txt_box02.no_bg{padding: 2.4rem;background-color: var(--gray-0_25);border-radius: 1.6rem;}
.txt_box02.no_bg::before,
.txt_box02.no_bg::after{display: none;}

.txt_box03{position: relative; border-radius: 2.4rem; padding: 4rem; margin-top: 2.4rem; background-color: var(--primary-0_25);}
.txt_box03::before{content: ''; display: block; width: 100%; height: 100%; border-radius: 2.4rem; opacity: 0.2; background: linear-gradient(234deg, #B9E6FE -25.53%, rgba(249, 253, 255, 0.00) 80.33%); position: absolute; left: 0; top: 0;}
.txt_box03 > ul > li{font-size: 1.7rem; font-weight: 500; padding-left: 2.1rem; position: relative;}
.txt_box03 > ul > li::before{content: '※'; position: absolute; left: 0;; }
.txt_box03 > ul > li + li{margin-top: 1.6rem;}
.txt_box03 > ul > li ul{margin-top: 0.6rem;}
.txt_box03 > ul > li li{font-size: 1.5rem; color: var(--gray-70); font-weight: 400; padding-left: 0.9rem; position: relative;}
.txt_box03 > ul > li li::before{content: ''; display: block; width: 0.2rem; height: 0.2rem; border-radius: 100rem; background: var(--gray-70); position: absolute; left: 0.1rem; top: 0.8rem;}
.txt_box03 > ul > li li + li{margin-top: 0.3rem; }

/* select_list */
.select_list{display: flex; gap: 0 2.4rem;}
.select_list .box{flex: 1; border-radius: 1.6rem; border: 1px solid var(--gray-20); overflow: hidden;}
.select_list .btns{width: 3.2rem; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.6rem;}
.select_list .btns button{display: block; width: 3.2rem; height: 3.2rem; background: #fff url(../images/main/ico_bn_prev.svg) no-repeat center / 1.6rem; border-radius: 100rem; box-shadow: 0 0 0.8rem 0 rgba(34, 84, 120, 0.16);}
.select_list .btns .btn_add{transform: rotate(180deg);}
.select_list .box .tit{display:block; text-align: center; padding: 1.1rem 0; background: var(--gray-0_25); border-bottom: 1px solid var(--gray-20); font-weight: 500;}
.select_list .box .scr_box{height: 28.8rem; position: relative;}
/* .select_list .box .scr_box::after{content: ''; display: block; height: 4rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 1.83%, #FFF 70.55%); position: absolute; bottom: 0; left: 0; width: 100%;}
.select_list .box .scr_box.end::after{display: none;} */
.select_list .box button{display: block; width: 100%; padding: 1.3rem; font-size: 1.5rem; color: var(--gray); background-color: #fff;}
.select_list .box button.active{background: var(--primary-5); color: var(--primary); font-weight: 500;}
/* .select_list .box button.selected{color: var(--gray-30) !important; cursor: default; font-weight: 500;} */
.select_list .box button.active{background-color: var(--primary-10);}
.select_list .box button.selected{background: var(--primary-5); color: var(--primary); font-weight: 500;}
.select_list .box button.selected.active{background: var(--primary-10);}

/* loading */
.loading_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 9999; display: none;}
.loading_wrap .inner{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.loading_wrap .inner .img_area{width: 20rem; height: 20rem; background: url(../images/common/img_loading.gif) no-repeat center / 10rem; position: relative;}
.loading_wrap .inner .img_area .text_area{width: 20rem; height: 6rem; position: absolute; bottom: 0; left: 0; text-align: center; color: #1b9bdb; font-family: 'SBAggro'; letter-spacing:0.7rem;}

/* tabulator */
.bdr_tbl_wrap .tabulator{background: transparent; border: 0; font-size: 1.7rem;  overflow: visible;}
.bdr_tbl_wrap .tabulator .tabulator-tableholder{overflow: visible;height: auto !important;border-top: 1px solid var(--tbl-bdr);min-width: 128rem;}
.bdr_tbl_wrap .tabulator .tabulator-header {}
.bdr_tbl_wrap .tabulator .tabulator-header .tabulator-header-contents{height: 100%; overflow: visible;}
.bdr_tbl_wrap .tabulator .tabulator-header,
.bdr_tbl_wrap .tabulator .tabulator-headers{border-bottom: 0;background: var(--tbl-th) !important;width: auto;overflow: visible;min-width: 128rem;}
.layer_pop .bdr_tbl_wrap .tabulator .tabulator-tableholder,
.layer_pop .bdr_tbl_wrap .tabulator .tabulator-header,
.layer_pop .bdr_tbl_wrap .tabulator .tabulator-headers{min-width:0;}
.bdr_tbl_wrap .tabulator-col{background: var(--gray-0_25) !important; border-right: 1px solid var(--tbl-bdr) !important;}
.bdr_tbl_wrap .tabulator-col:last-of-type{border-right: 0 !important;}
.bdr_tbl_wrap .tabulator .tabulator-headers{border-top: 1px solid var(--gray-20);}
/* .bdr_tbl_wrap .tabulator-col-content,
.bdr_tbl_wrap .tabulator-col-title-holder{height: 100%;} */
.bdr_tbl_wrap .tabulator-col-title-holder{display: flex;align-items: center;justify-content: center;padding: 1.2rem;/* border-bottom: 1px solid var(--tbl-bdr); */height: 100%;}
.bdr_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding: 0;border-bottom: 1px solid var(--tbl-bdr);height: 100%;min-height: 5.6rem;}
.bdr_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{color: var(--dark); font-weight: 500;}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:0 !important;}
.tabulator-col-group .tabulator-col-content{height: 5.6rem !important;}

.bdr_tbl_wrap .tabulator-row{background: #fff !important; border-bottom: 1px solid var(--tbl-bdr); cursor: default !important;}
.bdr_tbl_wrap .tabulator-row .tabulator-cell{padding: 0;border-right: 1px solid var(--tbl-bdr);padding: 1rem 1.2rem;word-break: break-all;white-space: wrap;line-height: 1.3;min-height: 6.4rem;}
.bdr_tbl_wrap .tabulator-row .tabulator-cell:last-of-type{border-right: 0 !important;}
.bdr_tbl_wrap .tabulator-row:has(.hide_tbl_wrap) > *:nth-last-child(3){border-right: 0 !important;}
.bdr_tbl_wrap .tabulator-row .hide_tbl_wrap{padding: 4rem; background: var(--primary-0_25) !important; border-top: 1px solid var(--tbl-bdr); display: none;}
.bdr_tbl_wrap .tabulator-row .hide_tbl_wrap.active{display: block !important;}
.bdr_tbl_wrap .tabulator-row .hide_tbl_wrap .hide_tbl{display: block;}

.tabulator .tabulator-tableholder .tabulator-placeholder{border-bottom: 1px solid var(--tbl-bdr);}
.bdr_tbl_wrap  .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{padding: 0;height: 6.4rem !important;padding: 1.2rem;word-break: break-all;white-space: wrap;color: var(--dark);font-weight: 400;font-size: 1.7rem;display: flex;align-items: center;justify-content: center;}
.bdr_tbl_wrap .tabulator-col.underline{text-decoration: none;}

/* tabulator paging */
.board_pagination{display: flex; align-items: center; justify-content: center; gap: 0 0.8rem;}
.board_pagination .tabulator-page{display: inline-block; width: 4rem; height: 4rem; border-radius: 100rem;} 
.board_pagination > .tabulator-page{background-color: var(--gray-0_25); background-position: center; background-size: 1.6rem; background-repeat: no-repeat; font-size: 0;}
.board_pagination > .tabulator-page[data-page="first"],
.board_pagination > .tabulator-page[data-page="last"]{background-image: url(../images/icon/ico_page_arrow_double.svg);} 
.board_pagination > .tabulator-page[data-page="prev"],
.board_pagination > .tabulator-page[data-page="next"]{background-image: url(../images/icon/ico_page_arrow.svg);} 
.board_pagination > .tabulator-page[data-page="first"]:disabled,
.board_pagination > .tabulator-page[data-page="last"]:disabled{background-image: url(../images/icon/ico_page_arrow_double_disabled.svg);} 
.board_pagination > .tabulator-page[data-page="prev"]:disabled,
.board_pagination > .tabulator-page[data-page="next"]:disabled{background-image: url(../images/icon/ico_page_arrow_disabled.svg);} 
.board_pagination > .tabulator-page[data-page="next"],
.board_pagination > .tabulator-page[data-page="last"]{transform: rotate(180deg);} 
.board_pagination .tabulator-pages{margin: 0 0.8rem; display: flex; align-items: center; gap: 0 0.8rem;}
.board_pagination .tabulator-pages .tabulator-page{color: var(--gray-60); font-size: 1.5rem; background-color: transparent;}
.board_pagination .tabulator-pages .tabulator-page.active{background: var(--primary); color: #fff; font-weight: 700;}

/* login */
#wrapper:has(.login_wrap)::before{height: 49.2rem; background: url(../images/common/bg_login_top.jpg) no-repeat center / cover; border-radius: 0 0 24rem 24rem;}
#wrapper:has(.login_wrap) .content{margin-left: 0;padding: 0;width: 100%; margin-top: 0;}
#wrapper:has(.login_wrap) .content::before{display: none;}
#wrapper:has(.login_wrap) .lnb_wrap{display: none;}
#wrapper:has(.login_wrap) .breadcrumb{display: none;}
#wrapper:has(.login_wrap) .page_top{position: static;}
#wrapper:has(.login_wrap) .page_top .page_tit{font-size: 4.8rem;}

.login_top{text-align: center; margin-top: 4rem; margin-bottom: 4.8rem;}
.login_top strong{font-family: 'SBAggro'; font-weight: 300; font-size: 2.8rem; display: block; margin-bottom: 1.2rem;}
.login_top strong br{display: none;}
.login_top strong b{font-weight: 400; color: var(--primary);}
.login_top p{font-size: 1.7rem; color: var(--gray);}

.login_box{max-width: 70.8rem; background: rgba(255,255,255,0.8); border-radius: 2.4rem; box-shadow: 0 0 16px 0 rgba(34, 84, 120, 0.12); backdrop-filter: blur(2px); margin: 0 auto; padding: 6.4rem;}
.login_box .input_box li{position: relative;}
.login_box .input_box li > label{display: block; font-size: 1.7rem; font-weight: 500; margin-bottom: 0.8rem;}
.login_box .input_box li > input,
.login_box .input_box li .flexbox > input{height: 4.8rem; width: 100%; display: block;}
.login_box .input_box li + li{margin-top: 1.6rem;}
.login_box .input_box li:has(.chk) + li{margin-top: 4rem;}
.login_box .input_box .auth_timer{position: absolute; right: 1.6rem; font-size: 1.7rem; color: #EA252B; top: 4.4rem;}
.login_box .input_box .flexbox{display: flex; gap: 0 0.8rem;}
.login_box .input_box .flexbox input{width: calc(100% - 16.8rem) !important;}
.login_box .input_box .flexbox .btn{white-space: nowrap; width: 16rem;}
.login_box .input_box .flexbox .btn_del{right: 18rem;}
.login_box .btn_area{margin-top: 1.6rem; display: flex; gap: 0 0.8rem;}
.login_box .btn_area .btn{flex: 1;}
.login_box .btn_area:has(.btn.lg){margin-top: 4.8rem;}
 .login_box .btn_area .btn + .btn{margin-left: 0;}
.login_box .chk{display: block; margin-top: 1.6rem;}
.login_box .login_info{text-align: center; font-size: 1.7rem; color: var(--gray-60); margin-top: 4rem;}
.login_box .login_info span{font-weight: 500; color: var(--gray-70);  text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.login_box .login_info br{display: none;}

.login_wrap .login_btns{max-width: 70.8rem; margin: 4.8rem auto 0;}
.login_wrap .login_btns ul{display: flex; align-items: center; gap: 2.4rem;}
.login_wrap .login_btns ul li{flex: 1; padding: 3.2rem 2rem 4rem; background: var(--gray-0_25); border-radius: 1.6rem; text-align: center;}
.login_wrap .login_btns p{font-size: 1.5rem; color: var(--gray); text-align: center; margin-bottom: 2.4rem;}
.login_wrap .login_btns p::before{content: ''; display: block; width: 100%; height: 6rem; margin-bottom: 1rem;}
.login_wrap .login_btns .btn{width: calc(100% - 4rem); }
.login_wrap .login_btns .btn::after{content:''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../images/icon/ico_arrow_right.svg) no-repeat center / 1.6rem;}
.login_wrap .login_btns .btn_join p::before{background: url(../images/common/img_login_btn_join.svg) no-repeat center;}
.login_wrap .login_btns .btn_find p::before{background: url(../images/common/img_login_btn_find.svg) no-repeat center;}


/* btn_tbl_tgl, hide_tbl */
.btn.btn_tbl_tgl{font-size: 0; min-width: 0; padding:0; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 0; background: url(../images/icon/ico_tbl_tgl_off.svg) no-repeat center;}
.btn.btn_tbl_tgl.active{background: url(../images/icon/ico_tbl_tgl_on.svg) no-repeat center;}
.hide_tbl{display: none;}
.hide_tbl.active{display: table-row;}
.hide_tbl > td > .flexbox,
.hide_tbl > .flexbox{display: flex; gap: 0 4rem; align-items: flex-start;}
.hide_tbl > td > .flexbox > *,
.hide_tbl > .flexbox > *{flex: 1; margin: 0 !important;}
.hide_tbl > td{background: var(--primary-0_25) !important; padding: 4rem !important;}
.hide_tbl .data_tbl{border-radius: 1.6rem !important;}
.hide_tbl .data_tbl > * > tr > th, 
.hide_tbl .data_tbl > * > tr > td{font-size: 1.5rem; height: 4rem; padding: 0.7rem 2.6rem;}
.hide_tbl .data_tbl > thead > tr > th{font-weight: 700; background: var(--gray-10);}
.hide_tbl .data_tbl > * > tr > th,
.hide_tbl .data_tbl:has(thead) tbody > tr > *:not(:last-child){border-right: 0 !important; border-left: 0 !important;}
.hide_tbl .data_tbl tfoot tr:first-of-type td{border-top: 1px solid var(--tbl-bdr) !important;}
.hide_tbl .data_tbl tfoot tr:last-of-type td{border-bottom: 0;}
.hide_tbl .data_tbl tfoot tr td{padding: 1.4rem 1.6rem !important; text-align: left;}
.hide_tbl .data_tbl tfoot tr td b{color: var(--primary); max-width: 60%;}
.hide_tbl .data_tbl tfoot tr td{height: 6.1rem;}

.bdr_tbl_wrap .hide_tbl_wrap .tabulator{border-radius: 1.6rem !important; outline: 1px solid var(--gray-20)}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-headers,
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-header .tabulator-col,
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content{border-top: 0; height: 4rem !important; min-height: 4rem;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-header{border-radius: 1.6rem 1.6rem 0 0 !important; overflow: hidden;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-header .tabulator-col{border-right-color: var(--gray-30) !important;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content{border-bottom: 0;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator-col{background-color: var(--gray-10) !important;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator-col .tabulator-col-title{font-weight: 700 !important; font-size: 1.5rem;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator-row .tabulator-cell{font-size: 1.5rem; min-height: 4rem; padding: 0.8rem;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator .tabulator-tableholder{border-radius: 0 0 1.6rem 1.6rem !important; overflow: hidden;}
.bdr_tbl_wrap .hide_tbl_wrap .tabulator-row:last-of-type{border-bottom: 0;}

/* txt_area01 */
.txt_area01{border-radius: 1.6rem; border: 1px solid var(--gray-10); padding: 2.4rem;}
.txt_area01 p{font-size: 1.7rem; letter-spacing: -0.017rem;}
.txt_area01 li{font-size: 1.7rem; position: relative; letter-spacing: -0.017rem;}
.txt_area01 > ul > li{padding-left: 1.2rem; }
.txt_area01 > ul > li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: var(--dark); position: absolute; left: 0.2rem; top: 1rem;}
.txt_area01 > ul > li + li{margin-top: 0.8rem;}
.txt_area01 > ul > li b{font-weight: 500;}
.txt_area01 > ul > li strong,
.txt_area01 p strong{font-weight: 700;}
.txt_area01 ul ul{margin-top: 0.6rem;}
.txt_area01 ul ul li{padding-left: 1.6rem;}
.txt_area01 ul ul li::before{content: '-'; font-size: 1.7rem; position: absolute; left: 0; top: 0;}
.txt_area01 ul ul li + li{margin-top: 0.6rem;}
.txt_area01 .txt_blue{font-weight: 500;}

/* 이용동의 팝업 */
.layer_pop .txt_area01 ~ .sm_tit{margin-top: 4rem;}
.layer_pop .btn_area{margin-top: 4.8rem;}
.layer_pop .search_basic .btn_area{margin-top: 0;}
.txt_box02{margin-top: 6.4rem;}
.sign_info_area{font-size: 1.9rem; text-align: center; margin-top: 4rem; letter-spacing: -0.019rem;}
.sign_info_area ul li + li{margin-top: 1.2rem;}
.sign_info_area img{display: block; margin: 2.4rem auto;}
.sign_info_area .done{margin-top: 6.5rem; position: relative; font-size: 1.7rem; color: var(--gray); letter-spacing: -0.017rem;}
.sign_info_area .done::before{content: ''; display: block; width: 6rem; height: 0.1rem; background-color: #D9D9D9; position: absolute; left: 50%; margin-left: -3rem; top: -3.2rem;}

/* error_wrap */
#wrapper:has(.error_wrap)::before{height: 46.2rem; background: url(../images/common/bg_error_top.jpg) no-repeat center / cover; position: absolute; left: 0; top: 0; border-radius: 0 0 24rem 24rem;}
#wrapper:has(.error_wrap) .content{margin-left: 0;padding: 0;width: 100%;margin-top: 0;}
#wrapper:has(.error_wrap) .content::before{display: none;}
#wrapper:has(.error_wrap) .lnb_wrap{display: none;}
#wrapper:has(.error_wrap) .breadcrumb{display: none;}
.error_wrap{padding-top: 32.6rem; text-align: center; padding-bottom: 7rem;}
.error_wrap.typeA{background: url(../images/common/img_4xx.svg) no-repeat top center; }
.error_wrap.typeB{background: url(../images/common/img_5xx.svg) no-repeat top center; }
.error_wrap strong{display: block; font-family: 'SBAggro'; font-size: 3.2rem; color: var(--primary); margin-bottom: 1.6rem;}
.error_wrap b{display: block; font-size: 2.2rem; font-weight: 700; color: var(--gray); margin-bottom: 1.2rem;}
.error_wrap p{color: var(--gray); letter-spacing: -0.017em;}
.error_wrap .btn_area{margin-top: 6.4rem;}

/* box toggle */
.btn_box_toggle{width: 100%; margin-top: 1.6rem;}
.btn_box_toggle::after{content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(../images/icon/ico_btn_box_toggle_arrow.svg) no-repeat center; margin-left: 0.8rem; transition: all 0.2s;} 
.btn_box_toggle.on::after{transform: rotate(180deg);}

/* tax_step_box */
.tax_step_box{margin-bottom: 5.6rem;}
.tax_step_box ul{display: flex; align-items: center; justify-content: center; gap: 0 15rem;}
.tax_step_box ul li{width: 16rem; height: 16rem; border-radius: 100rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 0.4rem solid #FFF; background: #EEF2F8; box-shadow: 0 0 12px 0 rgba(34, 84, 120, 0.12); position: relative;}
.tax_step_box ul li + li::before{content: ''; display: block; width: 17rem; height: 4rem; background: url(../images/common/img_tax_step_arrow.png) no-repeat center; position: absolute; left: -16.4rem; top: 50%; margin-top: -2rem; z-index: -1;}
.tax_step_box li p{font-size: 1.5rem; color: var(--gray-70); margin-bottom: 0.3rem; font-weight: 500; height: 4.1rem;}
.tax_step_box li p span{display: block; font-size: 1.3rem; color: var(--gray-60); font-weight: 400;}
.tax_step_box li strong{display: block; font-size: 2.8rem; color: var(--gray-70);}
.tax_step_box li p,
.tax_step_box li strong{position: relative; top: -0.6rem;}
.tax_step_box li.active{background: var(--primary); border: 0.8rem solid var(--primary-20);}
.tax_step_box li.active p{color: var(--primary-10);}
.tax_step_box li.active p span{color: var(--primary-20);}
.tax_step_box li.active strong{color: #fff;}
.tax_step_box li.err.active{background: #EA252B; border-color: #FF6C70;}
.tax_step_box li.err.active p{color: #F6D2D2;}
.tax_step_box li.active::before{left: -16.8rem; background: var(--primary-5) url(../images/common/img_tax_step_arrow_on.png) no-repeat center;}
.tax_step_box:has(li:last-of-type.active) li::before{background: var(--primary-5) url(../images/common/img_tax_step_arrow_on.png) no-repeat center}


@media screen and (min-width:1930px){
    #wrapper::before{mask-size: 100% !important;}
    body .main_visual::before{mask-size: 100% !important;}
}
@media screen and (max-width: 1700px) { 
    #container{max-width: 100%; padding-left: 30.4rem; padding-right: 2.4rem; transition: padding 0.2s;}
    .content,
    .content:has(.search_basic), 
    .content:has(.stepbox){width: 100% !important;margin-left: 0;}
    .lnb_wrap,
    .lnb_wrap:not(.hide).bottom{left: 4rem !important;}
    .page_top{width: 100% !important; padding: 0 !important;}
    #container:has(.lnb_wrap.hide){padding-left: 18.4rem !important;}
    #container:has(.error_wrap),
    #container:has(.login_wrap){padding-left: 2.4rem;}
}
@media screen and (max-width: 1600px) { 
    .prc_main .box{padding: 2.4rem 3rem;}
    .prc_main .box::after{background-size: 45% !important;}
}
@media screen and (max-width: 1500px) { 
    /* pc 작은화면 스타일 */
    #header .wrap{max-width: 100%; padding: 0 2.4rem;}
    #header .dpbox{padding-left: 1.6rem; padding-right: 1.6rem;}
    #header #gnb > ul > li > a{padding: 0 2rem; font-size: 1.9rem;}
    #header .dp2 > li > a{font-size: 1.9rem;}
    #header .dp3 > li > a{font-size: 1.6rem;}

    #footer .wrap{padding-left: 2.4rem; padding-right: 2.4rem;}

    .search_basic .sch_row{gap: 2.4rem 1.6rem; flex-wrap: wrap;}
     .search_basic .sch_col,
    .search_basic .sch_col1,
    .search_basic .sch_col1_5,
    .search_basic .sch_col2{width: 100% !important;}
    .search_basic .sch_col:has(.gap) .form_sch_wrap input,
    .search_basic .sch_col:has(.gap) .calendar_input input{width: 100% !important;}
    /* .search_basic .sch_col.col1{width: calc((100% - 3.2rem) / 3);}
    .search_basic .sch_col.col1_5{width: 40rem !important; flex-shrink: 0;}
    .search_basic .sch_col.col2{width: calc((100% - 3.2rem) / 3 * 2 + 1.6rem);}
    .search_basic .sch_col.col1_5 + .col2{width: calc(((100% - 3.2rem) / 3 * 2 + 1.6rem) - 5rem);} */
    /* col1_5 있을때 col1 크기 */
    /* .search_basic:has(.col1_5) .col1{width: calc((100% - 40rem - 3.2rem) / 2);} */
    /* col1_5 + col1 + col1 일때 col2 크기*/
    /* .search_basic:has(.col1_5 + .col1 + .col1) .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 9.5rem);}첫번째일때 */
    /* .search_basic:has(.col1_5 + .col1 + .col1) .col1_5 + .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 1.6rem);}두번째일때 */
    /* col1 + col1_5 + col1 일때 col2 크기*/
    /* .search_basic:has(.col1 + .col1_5 + .col1) .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 9.5rem);}첫번째일때 */
    /* .search_basic:has(.col1 + .col1_5 + .col1) .col1 + .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 9.5rem);}두번째일때 */
    /* .search_basic:has(.col1 + .col1_5 + .col1) .col2 + .col1_5{width: calc((100% - 40rem - 3.2rem) / 2) !important;} */
    /* col1 + col1 + col1+5 일때 col2 크기*/
    /* .search_basic:has(.col1 + .col1 + .col1_5) .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 1.6rem);}첫번째일때 */
    /* .search_basic:has(.col1 + .col1 + .col1_5) .col1 + .col2{width: calc(((100% - 40rem - 3.2rem) / 2) * 2 + 9.5rem);}두번째일때 */
    /* .search_basic:has(.col1 + .col1 + .col1_5) .col2 + .col1{width: 40rem !important;} */

    .layer_pop{left: 50% !important; transform: translateX(-50%);}
    .layer_pop .data_tbl:has(thead){min-width: 117.7rem;}
    .layer_pop .search_basic .sch_row{flex-wrap: wrap; padding-right: 0;}
    .layer_pop .search_basic .sch_col{width: calc((100% - 1.6rem) / 2) !important;}

    .prc_main .box .txt{padding-right: 9rem;}
    .prc_main .txt strong{white-space: nowrap;}
    .prc_main .txt .count{width: 6rem; height: 6rem; font-size: 1.7rem;}
    .prc_main .txt .count b{font-size: 2.5rem;}

    #footer .ft_btns *[class^='btn']{right: 4rem;}
}
@media screen and (max-width: 1280px) { 
    #wrapper::before{min-width: 0;}
    #header .logo img{width: 18rem;}
    #header #gnb > ul > li > a{line-height: 1.3; height: 8rem; display: flex; align-items: center; justify-content: center; text-align: center; word-break: keep-all;}
    .stepbox ul{gap: 1.2rem; flex-wrap: wrap;}
    .stepbox ul li{width: calc((100% - 2.4rem) / 3); flex: none;}
}
/* @media screen and (min-width: 1440px) and (max-width: 1550px) { 
    .search_basic .sch_col{min-width: calc(50% - 2.4rem) !important;}
    .search_basic .sch_col{width: auto !important;}
    .search_basic .sch_col:last-of-type{padding-right: 0;}
} */

@media screen and (max-width: 1024px) { 
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */ 
    html {font-size: 12px} /* 1rem = 12px */
    #container,
    #container:has(.lnb_wrap.hide),
    #container:has(.error_wrap),
    #container:has(.login_wrap)	{padding-left: 0 !important; padding-right: 0 !important;}
    .wrap{padding: 0 1.6rem;}
    body{min-width: 0;}
    #wrapper::before{height: 23rem;min-width:0; width:100%; border-radius: 0 0 10rem 10rem;}
    [data-aos^=fade][data-aos^=fade]{opacity: 1 !important; transform: none !important;}


    /*** root, basic, board 수정 ***/
    .btn:not(.lg, .sml, .xsml, .ic), .btn.md{height: 4rem; font-size: 1.6rem; border-radius: 0.6rem; min-width: 10rem;}
    .btn.btn_txt{padding: 0 !important;}
    .btn.lg{height: 4.8rem; font-size: 1.7rem; line-height: 4.6rem; min-width: 0;}
    .data_tbl th .btn_ttip{min-width: 0; vertical-align: -1.5rem;}

    .md_tit{font-size: 2.3rem;}
    .sm_tit{font-size: 1.9rem;}
    .sm_tit i{background-size: 1.9rem; margin-right: 0.4rem;}
    .sm_tit2{font-size: 1.9rem;}
    .sm_tit2::before{top: 0.4rem;}

    /** layout **/
    #container{padding-top: 6.4rem;width: 100%;margin: 0;}
    .content{padding: 0 1.6rem !important;margin-left: 0 !important;width: 100% !important; padding-top: 2rem !important; margin-top: 11rem;}
    .content::before{top: 0rem;border-radius: 2.4rem 2.4rem 0 0;}
    .content:has(.search_basic), .content:has(.stepbox){padding-top: 0 !important;}

    /* header */
    #header,
    #header::before{height: 6.4rem !important;}
    #header .wrap{height: 6.4rem; padding: 0 1.6rem;}
    #header .logo img{width: 17.3rem;}
    #gnb{display: none;}
    #header .hd_top{display: none;}
    #header .btn_menu{margin-right: -0.8rem;}


    /* sitemap */
    .sitemap{background: #fff;}
    .sitemap .top{border-bottom: 0;}
    .sitemap .top .wrap{height: 6.4rem;}
    .sitemap .logo img{width: 17.3rem;}
    .sitemap .list{height: calc(100vh - 6.4rem);}
    .sitemap .btn_menu_close{background-size: 2rem;}
    .sitemap .list li a{width: 100%; position: relative;}
    .sitemap .dp1{min-height: 0; flex-wrap: wrap; }
    .sitemap .dp1 > li{width: 100%;flex: none;border-bottom: 1px solid var(--gray-10);border-right: 0;padding: 0;}
    .sitemap .dp1 > li:first-of-type{padding-top: 0;}
    .sitemap .dp1 > li > a{font-family: 'Pretendard';font-weight: 700;padding: 2.4rem 0;margin-bottom: 0; transition: padding 0.2s;}
    .sitemap .dp1 > li > a::after{content: '';display: block;width: 2.4rem;height: 2.4rem;border-radius: 100rem;background: #fff url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 1.2rem;box-shadow: 0 0 12px 0 rgba(34, 84, 120, 0.12);position: absolute;right:0;top: 2.5rem; transition: all 0.2s;}
    .sitemap .dp1 > li:last-of-type{border-bottom: 0;}
    .sitemap .dp1 > li.active a{padding-bottom: 0.8rem;}
    .sitemap .dp1 > li.active{padding-bottom: 1rem;}
    .sitemap .dp2 > li > a{font-size: 1.7rem; padding: 0.7rem 1.6rem; padding-right: 3rem; color: var(--gray);}
    .sitemap .dp2 > li > a::after{content: ''; display: block; width: 1.6rem; height: 1.6rem; background:url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 1.6rem; position: absolute; right:0; top: 1rem; transition: all 0.2s;}
    .sitemap .dp2 > li + li{margin-top: 0;}
    .sitemap .dp3{margin: 0.5rem 0;}
    .sitemap .dp3:not(:has(li)),
    .sitemap .dp4:not(:has(li)){margin: 0;padding: 0;}
    .sitemap .dp3 > li > a{color: var(--gray);padding: 0.5rem;padding-left: 3rem;font-size: 1.6rem;font-weight: 500;}
    .sitemap .dp3 > li > a::after{content: ''; display: block; width: 1.6rem; height: 1.6rem; background:url(../images/icon/ico_lnb_arrow.svg) no-repeat center / 1.6rem; position: absolute; right:0; top: 1rem; transition: all 0.2s;}
    .sitemap .dp3 > li + li{margin-top: 0;}
    .sitemap .dp4{padding-bottom: 1rem;}
    .sitemap .dp4 > li > a{color: var(--gray);padding: 0.5rem;padding-left: 4.5rem;font-size: 1.5rem;}
    .sitemap .dp4 > li > a::before{left: 3.2rem; top: 1.2rem;}
    .sitemap .dp4 > li + li{margin-top: 0;}
    .sitemap .dp2,
    .sitemap .dp3,
    .sitemap .dp4{display: none;}
    .sitemap .dp1 > li.no_sub > a::after,
    .sitemap .dp2 > li.no_sub > a::after,
    .sitemap .dp3 > li.no_sub > a::after{display: none;}
    .sitemap .dp1 > li.active > a::after,
    .sitemap .dp2 > li.active > a::after,
    .sitemap .dp3 > li.active > a::after{transform: rotate(180deg);}
    .sitemap .dp1 > li > a:hover{color: var(--gray-80);}
    .sitemap .dp2 > li > a:hover,
    .sitemap .dp3 > li > a:hover,
    .sitemap .dp4 > li > a:hover{color: var(--gray);}
    .sitemap .dp1 > li.active > a{color: var(--primary);}
    .sitemap .dp2 > li.active > a{color: var(--primary); font-weight: 700;}
    .sitemap .dp3 > li.active > a{color: var(--primary); font-weight: 700;}
    .sitemap .dp4 > li.active > a{color: var(--primary); font-weight: 600;}
    .sitemap .top_af{width: calc(100% - 3.2rem);margin-left: 1.6rem;border-radius: 1.6rem;box-shadow: 0 0 16px 0 rgba(34, 84, 120, 0.12);background: var(--primary);display: block;padding: 1.2rem 2.1rem;display: flex;align-items: center;justify-content: space-between;margin-top: 0.8rem;margin-bottom: 0.4rem;}
    .sitemap .top_af .user{color: #fff; font-family: 'SBAggro'; font-size: 1.9rem; font-weight: 300;} 
    .sitemap .top_af .user strong{font-weight: 500;}
    .sitemap .top_af  .btn_logout{background: transparent; font-size: 1.5rem; color: var(--gray-10); padding: 0.5rem;}
    .sitemap .list{padding: 0 1.6rem;}
    .sitemap:has(.top_af) .list{height: calc(100vh - 13rem);}
    .sitemap .btn_bookmark{display: none;}

    /* lnb */
    .lnb_wrap{display: none;}

    /* footer */
    #footer{margin-top: 5rem; padding: 4rem 0;}
    #footer .links{flex-direction: column-reverse;}
    #footer .f_site button{width: 100%; margin-bottom: 2.4rem; height: 4rem; font-size: 1.5rem;}
    #footer .links > ul li a{font-size: 1.5rem;}
    #footer .info{flex-direction: column; gap: 0.2rem 0; margin-bottom: 1.6rem;}
    #footer .f_site .options{bottom: 7.5rem;}
    #footer .ft_btns *[class^='btn']{bottom: 2rem;}
    #footer .ft_btns.bottom *[class^='btn'],
    #footer .ft_btns.bottom:has(.btn_help){bottom: 36.5rem;}
    #footer .ft_btns.bottom:has(.btn_help.hidden) *[class^='btn']{bottom: 32rem;}
    #footer .ft_btns *[class^='btn']{right:2rem;}

    /** content **/
    /* page_top */
    .page_top{padding: 2.4rem 0;margin-bottom: 0;width: 100%;top: -10.6rem;}
    .page_top .breadcrumb{text-align: center;}
    .page_top .page_tit{font-size: 2.8rem;text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 2rem;}
    .page_top .breadcrumb .path{flex-wrap: wrap;padding: 0 1.6rem;display: flex;justify-content: center;gap: 0 2rem;}
    .page_top .breadcrumb .path li{word-break: break-all;height: auto;font-size: 1.4rem;}
    .page_top .breadcrumb .path > li:not(:last-child)::after{right: -1.2rem;}

    /* login */
    #wrapper:has(.login_wrap)::before{height: 41rem; border-radius: 0 0 15rem 15rem;}
    #wrapper:has(.login_wrap) .page_top .page_tit{font-size: 2.8rem;}
    .login_top{margin-top: 2.4rem;margin-bottom: 2.4rem;}
    .login_top strong{font-size: 2.2rem;}
    .login_top strong br{display: block;}
    .login_top p{font-size: 1.5rem; padding: 0 1.6rem;}
    .login_top p br{display: none;}
    .login_top p span{display: block;}

    .login_box{max-width: 100%;padding: 2.4rem;border-radius: 1.6rem;}
    .login_box .btn_area{margin-top: 0.8rem;}
    .login_box .login_info{font-size: 1.5rem; margin-top: 2.4rem;}
    .login_box .login_info br{display: block;}
    .login_wrap .login_btns{width: 100%;padding: 0;margin-top: 4rem;max-width: none;}
    .login_wrap .login_btns ul{flex-wrap: wrap; gap: 1.6rem;}
    .login_wrap .login_btns ul li{padding: 2.4rem;}
    .login_wrap .login_btns p{position: relative;padding-left: 9.5rem;text-align: left;}
    .login_wrap .login_btns p::before{position: absolute; left: 0; width: 6.7rem; height: 100%; background-size: 6.7rem;}
    .login_wrap .login_btns p br{display: none;}
    .login_wrap .login_btns .btn{width: 100%;}

    .login_box .input_box li:has(.chk) + li{margin-top: 2.4rem;}
    .login_box .input_box .flexbox input{width: calc(100% - 8.8rem) !important;}
    .login_box .input_box .flexbox .btn{width: 8rem !important;min-width:0;font-size: 0;padding: 0;justify-content: center;height: 4.8rem;}
    .login_box .input_box .flexbox .btn::before{content: '재발송';font-size: 1.7rem;display: block;text-indent: 0.5rem;}
    .login_box .btn_area:has(.btn.lg){margin-top: 4rem;}

    /* search */
    .search_basic{padding: 1.6rem !important; border-radius: 1.6rem; margin-bottom: 3rem;}
    .search_basic .sch_row{display: block; padding-right: 0;}
    .search_basic .btn_area{position: static; height: auto; flex-direction: row; justify-content: center; border: 0; gap: 0 1rem; margin-top: 1rem;}
    .search_basic .sch_col{display: block; width: 100% !important; max-width: 100% !important;}
    .search_basic .sch_col + .sch_col,
    .search_basic .sch_col > label ~ label{margin-top: 1rem;}
    .search_basic .sch_col > label{display: block;width: 100%;margin-bottom: 0.5rem;padding:0 !important;margin-right: 0 !important;font-size: 1.6rem;}
    .search_basic input[type="text"], .search_basic select{width: 100% !important;}
    .search_basic .calendar_input{width: calc((100% - 3rem) / 2) !important;}
    .search_basic .calendar_input:first-of-type:last-of-type{width: 100% !important;}
    .search_basic .gap{width: 1.6rem; text-align: center; display: inline-block;}
     #ui-datepicker-div{display: none;}
     #ui-datepicker-div.ui-widget.ui-widget-content{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%) !important;position: fixed !important;z-index: 9999 !important;}
     body::after{content:'';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;display: none;z-index: 999;}
     /* body:has(#ui-datepicker-div:not([style*="display: none"]))::after{display: block;} */
     body:has(.ui-datepicker-header)::after{display: block;}
     body:has(.ui-datepicker-header):has(#ui-datepicker-div[style*="display: none"])::after{display: none;}
     .search_basic:has(.btn_sch_chkall) .chk + .chk{padding-left: 0; margin-top: 1rem;}
     .search_basic:has(.btn_sch_chkall) .chk + .chk::before{display: none;}

     .search_basic .sch_col .form_sch_wrap ~ *,
     .search_basic .sch_col .select2-container ~ .select2-container{margin-top: 0.5rem;}
     .search_basic .form_sch_wrap input{width: 100% !important;}
     .search_basic .sch_col input:not([type="checkbox"], [type="radio"], [type="hidden"]) + input:not([type="checkbox"], [type="radio"], [type="hidden"]){margin-top: 0.5rem;}
     .search_basic .sch_col:has(.gap) .form_sch_wrap{width: calc(50% - 2rem); display: inline-block;}
     .search_basic .sch_col:has(.gap) .form_sch_wrap ~ input{width: calc(50% - 2rem); display: inline-block; margin-top: 0;}
     .search_basic .sch_col:has(.gap) .select2-container{width: calc((100% - 3rem) / 2) !important;}
     .search_basic .sch_col:has(.gap) input:not([type="checkbox"], [type="radio"], [type="hidden"]){width: calc((100% - 3rem) / 2) !important;}
     .search_basic .sch_col:has(.gap) .form_sch_wrap input,
     .search_basic .sch_col:has(.gap) .calendar_input input{width: 100% !important;}

     /* table, board */
     .tbl_top, .board_top{margin-bottom: 1.6rem;}
     /* .tbl_top,
     .tbl_left,
     .tbl_right{display: block; text-align: left;}
     .tbl_left + .tbl_right{margin-top: 1rem;} */

     .tab_menu.round button{height: 4rem !important; padding: 0 2rem; font-size: 1.6rem;}
     .tbl_right .btns{margin-left: 0;display: block;}
     .tbl_right .btns::before{display: none !important;}
     .tbl_right .btns .btn + .btn{margin-left: 1rem;}
     .tbl_right .ref_txt ~ .btns::before, .tbl_right .btns .btn ~ .btn::before{display: none;}

    .bdr_tbl_wrap .tabulator,
    .bdr_tbl_wrap .board_list,
    .bdr_tbl_wrap .data_tbl,
    .bdr_tbl_wrap .tabulator .tabulator-header,
    .bdr_tbl_wrap .tabulator .tabulator-tableholder{min-width: 128rem;}
    .layer_pop .bdr_tbl_wrap .tabulator .tabulator-tableholder,
    .layer_pop .bdr_tbl_wrap .tabulator .tabulator-header,
    .layer_pop .bdr_tbl_wrap .tabulator .tabulator-headers{min-width: 128rem;}
    .bdr_tbl_wrap.flex{min-width: 128rem; overflow: hidden;}
    .bdr_tbl_flex_wrap{width: 100%; overflow-x: auto; padding: 0.2rem;}
    .bdr_tbl_wrap.flex .data_tbl{min-width: 0;}
    .bdr_tbl_scr_box{display: flex; flex-wrap: wrap; gap: 0.8rem;}
    :where(.bdr_tbl_scr_box)::before{order: -1;content: '\f322';font-family: 'remixicon';line-height: calc(1.5rem * 1.45);animation: lr_move 1.5s infinite linear;margin-right: 0;}
    :where(.bdr_tbl_scr_box)::after{order: -1;content: '가로로 넘겨서 내용을 확인하세요.';font-size: 1.5rem;color: var(--gray-dark);}
    .bdr_tbl_wrap .tabulator-col{border-bottom: 1px solid var(--tbl-bdr);}
    @keyframes lr_move {
        25% {transform: translateX(0.3rem);}
        50%, 100% {transform: translateX(0);}
        75% {transform: translateX(-0.3rem);}
    }
    .bdr_tbl_wrap .tabulator .tabulator-tableholder{border-top: 0;}
    .board_list > thead > tr > th, .board_list > tbody > tr > td{font-size: 1.6rem;}
    .data_tbl tbody th, .data_tbl tbody td, .data_tbl thead th{height: 5rem; font-size: 1.6rem;}
    .data_tbl thead th{padding: 1rem;}
    .bdr_tbl_wrap .tabulator{font-size: 1.6rem;}
    .tabulator-col-resize-handle{display: none !important;}
    .bdr_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content{border-bottom: 0 !important;}
    .bdr_tbl_wrap .tabulator-col-title-holder,
    .bdr_tbl_wrap .tabulator-row .tabulator-cell{padding: 0.5rem !important;}
    .btn.btn_tbl_tgl{min-width: 0; height: 2.4rem; line-height: 2.4rem; font-size: 0;}

    .bdr_tbl_wrap .tabulator-row .hide_tbl_wrap{padding: 1.6rem;}
    .hide_tbl_wrap .bdr_tbl_wrap .data_tbl{min-width: 0;}
    .tbl_right .btns:has(.btn_txt){margin-right: 0;}

    .bdr_flexbox{display: block;}
    .bdr_flexbox .bdr_tbl_scr_box + .bdr_tbl_scr_box{margin-top: 2rem;}

    .bdr_flexbox .bdr_tbl_wrap .data_tbl{min-width: 64rem;}

     /* .board_list > thead > tr > th, .board_list > tbody > tr > td{height: 5rem; font-size: 1.6rem;}
     .data_tbl tbody th, .data_tbl tbody td, .data_tbl thead th{height: 5rem; font-size: 1.6rem;}
     .data_tbl thead th{padding: 1rem;}
     .bdr_tbl_wrap .tabulator-col-title-holder{padding: 1.2rem;}
    .bdr_tbl_wrap .tabulator .tabulator-header .tabulator-col .tabulator-col-content{min-height: 5rem;}
    .tabulator-col-group .tabulator-col-content{height: 5rem !important;}
    .bdr_tbl_wrap .tabulator-row .tabulator-cell{padding: 1rem 1.2rem;min-height: 5rem;}
    .bdr_tbl_wrap .tabulator-row .hide_tbl_wrap{padding: 4rem;}
    .bdr_tbl_wrap  .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents{height: 5rem !important;padding: 1.2rem;font-size: 1.6rem;} */
    

     /* paging, btn_area */
    .paging{flex-wrap: wrap;}
    .paging_wrap .btn_right{position: static; margin-top: 2rem; text-align: right;}
    .btn_area.sidebyside{display: block;}
    .sidebyside > .left,
    .sidebyside > .right{flex-wrap: wrap;}
    .sidebyside > .left + .right{margin-top: 1rem;}
    .btn_area .btn + .btn{margin-left: 0;}

    /* layer */
    .layer_pop{top: 50% !important;transform: translate(-50%, -50%) !important;border-radius: 0 0 2.4rem 2.4rem;}
    .layer_pop::after{display: none !important;}
    .layer_pop .pop_header{height: 5.6rem;padding:0 2rem;border-radius: 2.4rem 2.4rem 0 0;}
    .layer_pop .pop_content{padding: 2rem; font-size: 1.6rem;}
    .layer_pop .bdr_tbl_wrap .board_list, 
    .layer_pop .bdr_tbl_wrap .data_tbl{min-width: 0;}
    .layer_pop.basic_width .bdr_tbl_wrap .board_list, 
    .layer_pop.basic_width .bdr_tbl_wrap .data_tbl{width: 117.7rem;}
    .layer_pop .bdr_flexbox .bdr_tbl_wrap .data_tbl{width: 100%; min-width: 64rem;}
    .layer_pop .pop_content{max-height: calc(100dvh - 16rem);}
    .layer_pop .pop_header h2{font-size: 1.9rem;line-height: 1.2;}
    .layer_pop .pop_close{background-size: 1.6rem;}
    .layer_pop:has(.sm_tit2) .md_tit{font-size: 2rem;}
    .layer_pop .bdr_tbl_wrap{height: auto !important;}

    .layer_pop .search_basic{padding: 1.6rem; margin-bottom: 3rem;}
    .layer_pop .search_basic .sch_col{width: 100% !important;}
    .layer_pop .simplebar-scrollbar:before{bottom: 0.7rem;}
     
     /* stepbox */
    .stepbox{padding: 1.6rem; border-radius: 1.6rem; margin-bottom: 3rem;}
    .stepbox ul{gap: 1rem; flex-wrap: wrap;}
    .stepbox ul li{width: calc((100% - 1rem) / 2); flex: none;}
    .stepbox ul li strong{font-size: 1.8rem;}
    .stepbox ul li::after{height: 0.6rem; margin-top: 0.5rem;}

    .txt_box02{padding: 1.6rem; border-radius: 1.6rem; margin-top: 4rem;}
    .txt_box02::after{display: none !important;}
    .txt_box02 li{font-size: 1.5rem;}
    .txt_box02 li::before{top: 0.8rem;}

    .txt_box03{padding: 1.6rem; border-radius: 1.6rem; margin-top: 4rem;}
    .txt_box03 > ul > li{font-size: 1.5rem;}
    /* .txt_box03 li::before{top: 0.8rem;} */

    .txt_area01{padding: 1.6rem;}
    .txt_area01 li,
    .txt_area01 p{font-size: 1.6rem;}
    .layer_pop .btn_area.c .btn + .btn{margin-top: 1rem;}

    /* .prc_main */
    .prc_main .box{width: 100% !important; height: auto;}
    .prc_main .btn_more{position: static; margin-top: 3rem;}

    /* error */
    .error_wrap{padding-top: 18rem; background-size: 18rem !important; background-position: top 2rem center !important; padding-bottom: 0;}
    #wrapper:has(.error_wrap)::before { height: 23rem; border-radius: 0 0 10rem 10rem;}
    .error_wrap strong{font-size: 2.5rem; margin-bottom: 0.5rem;}
    .error_wrap b{font-size: 1.8rem;}
    .error_wrap .btn_area{margin-top: 4rem;}
    
    /* faq */
    .faq_list dl{border-radius: 1.6rem;}
    .faq_list dl dt{min-height: 0;}
    .faq_list dl dt a{padding: 1.2rem 5rem 1.2rem 5rem;font-size: 1.7rem;display: block;}
    .faq_list dl dt span, .faq_list dl dd span{width: 2.4rem;height: 2.4rem;line-height: 2.4rem;font-size: 1.5rem;left: 1.3rem;top: 1.3rem;}
    .faq_list dl dt strong{font-size: 1.7rem;display: block;margin-bottom: 0.5rem;}
    .faq_list dl dt a::after{background-size: 1.6rem !important; right: 1rem; top: 1.2rem;}
    .faq_list dl dd{padding: 1.2rem 1.2rem 1.2rem 5rem; font-size: 1.6rem;}

    .sitemap .dp1 > li > a{transition:none;}
    #help_panel{width:100%; border-radius:0; height: 100%;}
    #help_panel .panel_header{height: 6rem; padding:0 2rem; }
    #help_panel .panel_content{padding: 2rem; }
 
     select.select2-hidden-accessible,
    .search_basic select.select2-hidden-accessible{width: 0 !important;}

    /* pagination */
    .board_pagination {display: block; text-align: center;}
    .board_pagination .tabulator-pages{display: inline;margin: 0;}
    .board_pagination .tabulator-page{width: 3.2rem;height: 3.2rem;font-size: 1.3rem !important;margin: 0 0.4rem;}
    .board_pagination .tabulator-page[data-page="first"],
    .board_pagination .tabulator-page[data-page="prev"], 
    .board_pagination .tabulator-page[data-page="next"], 
    .board_pagination .tabulator-page[data-page="last"]{width: 3.2rem;height: 3.2rem;/* background-color: transparent; */font-size: 0 !important;background-size: 1.2rem;margin: 0;}
     .board_pagination .tabulator-page[data-page="first"]{margin-right: 0.4rem;}
     .board_pagination .tabulator-page[data-page="last"]{margin-left: 0.4rem;}

     .paging{gap: 0 0.4rem;}
     .paging li{min-width:3.2rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; }
     .paging li a{padding: 0; font-size: 1.3rem;}
     .paging li.btn_page{background-size: 1.2rem !important;}

    /* tax_step_box */
    .tax_step_box{margin-bottom: 3rem;}
    .tax_step_box ul{flex-wrap: wrap; gap: 0 10rem;}
    .tax_step_box ul li{width: 12rem; height: 12rem;}
    .tax_step_box li p{font-size: 1.3rem; height: 3.8rem;}
    .tax_step_box li strong{font-size: 2rem;}
    .tax_step_box ul li + li::before{width: 12rem; left: -11.4rem; background-size: 8rem !important; height: 3rem; margin-top: -1.5rem;}
    .tax_step_box li.active::before{left: -11.8rem;}
    .tax_step_box li p,
    .tax_step_box li strong{top: -0.2rem;}

    /* tooltip */
    .tooltip{width: 90% !important; top: 50% !important; left:50% !important; transform: translate(-50%, -50%) !important; position: fixed; z-index: 9993 !important;}
    .tooltip .inner_wrap::after{display: none;}
    .tooltip .txt_wrap{max-height: calc(100dvh - 16rem);}

}
@media screen and (max-width: 767px) { 
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 11px} /* 1rem = 11px */

    .bdr_flexbox{display: block;}
    .tax_step_box{overflow-x: auto;}
    .tax_step_box ul{gap: 0 5rem; flex-wrap: nowrap; min-width: 46rem;}
    .tax_step_box ul li {box-shadow: none !important;}
    .tax_step_box ul li + li::before{width: 7rem; left: -6.4rem;}
    .tax_step_box li.active::before{left: -6.8rem;}
}
@media screen and (max-width: 480px) { 
    /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
    html {font-size: 10px;} /* 1rem = 10px */
}



/* 접근성용 color css */
#footer .copy,
#footer .f_site button,
#footer .links > ul li a,
#footer .info {color: var(--gray-70);}





/*  */