@charset "UTF-8";

/********** S: 컨텐츠 공통 **********/
.text_ellipsis {
    display: inline-block;
    max-width: 100%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.text_ellipsis.lock {
    padding-right: 26px;
}
.text_ellipsis.lock .ico_board_lock {
    position: absolute;
    /* top: 0; */
    right: 2px;
}
.text_ellipsis.new {
    padding-right: 26px;
}
.text_ellipsis.new .ico_board_new {
    position: absolute;
    top: 0;
    right: 0;
}
.text_ellipsis.lock.new {
    padding-right: 52px;
}
.text_ellipsis.lock.new .ico_board_lock {
    right: 30px;
}
.text_ellipsis.answer {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 76px;
}
.text_ellipsis.answer .span_answer {
    position: absolute;
    top: 0;
    left: 12px;
    width: 52px;
    height: 30px;
    border: 1px solid #147ec0;
    border-radius: 15px;
    color: #0375bb;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}
.text_ellipsis.answer .span_answer::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -12px;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #0375bb;
    border-left: 2px solid #0375bb;
}

.txt_flex {
    display: flex;
    margin-top: 10px;
    color: #333;
    font-size: 15px;
    line-height: 19px;
}
.txt_flex .txt_l {
    flex: none;
    margin-right: 3px;
}

.img_notice {
    position: relative;
    min-height: 20px;
    padding-left: 28px;
    color: #333;
    font-size: 15px;
    line-height: 19px;
}
.img_notice::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../images/common/ico_white_notice02.png) no-repeat center center #212e4f;
}
.img_notice.blue {
    color: #057ac7;
}
.img_notice.blue::before {
    background-color: #1d87cc;
}
.text_notice_center {
    color: #535353;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}
.text_notice_center > a {
    color: #0275bb;
    text-decoration: underline;
}
.text_notice {
    position: relative;
    padding-left: 16px;
    color: #535353;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}
.pointer {
    cursor: pointer;
}
/* .text_notice + .text_notice {
  margin-top: 5px;
} */
.text_notice::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}
.text_notice .in_text {
    display: block;
    position: relative;
    margin-top: 4px;
    padding-left: 10px;
}
.text_notice .in_text::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}
.text_notice .btn_style.h36 {
    margin: -5px 0;
}

.text_notice02 {
    position: relative;
    padding-left: 14px;
    color: #535353;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
.text_notice02::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}

.text_definition {
    position: relative;
    padding-left: 28px;
    color: #535353;
    font-size: 15px;
    line-height: 24px;
}
.text_definition::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/common/ico_definition.png) no-repeat center center;
}
.text_desc {
    color: #535353;
    font-size: 15px;
    line-height: 26px;
}
.below_desc {
    color: #757575;
    margin-top: 6px;
    font-size: 14px;
    line-height: 22px;
}

.align_left {
    text-align: left !important;
}
.align_center {
    text-align: center !important;
}
.align_right {
    text-align: right !important;
}
.con_center {
    justify-content: center;
}
.flex_left {
    justify-content: left !important;
}

.faq_list {
    border-bottom: 1px solid #babdc6;
}
.faq_list > li {
    border-top: 1px solid #babdc6;
}
.faq_list > li > .in_head {
    padding: 15px 20px;
    background: #fafafa;
}
.faq_list > li > .in_head > *:first-child {
    margin-top: 0;
}
.faq_list > li > .in_body {
    padding: 15px 0 15px 34px;
    border-top: 1px solid #e9ebec;
}
.faq_list > li > .in_body .txtlist_dot02 > li + li {
    margin-top: 10px;
}

.flex_list {
    display: flex;
    flex-wrap: wrap;
    padding: 1px 0 0 1px;
}
.flex_list > li {
    flex: 1 1 20%;
    margin: -1px 0 0 -1px;
    border: 1px solid #e9ebec;
}
.flex_list > li:nth-child(5) ~ li {
    max-width: calc(20% + 1px);
}
.flex_list > li > .inbox {
    display: block;
    position: relative;
    padding: 15px 20px;
    color: #222;
}
.flex_list > li > .inbox .tit {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.flex_list > li > .inbox .txt {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

.box_half {
    display: flex;
    width: 100%;
}
.box_half .box.first,
.box_half .box.second {
    width: 50%;
}
.box_half .box.second {
    padding-left: 50px;
    position: relative;
}
.box_half .box.second::before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #eaedea;
}

.dot_text {
    position: relative;
    padding-left: 13px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
}
.dot_text::before {
    content: "·";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
}
.dot_text .ico_arrow_right {
    margin: -2px 7px 0 8px;
    vertical-align: middle;
}

.blue_num_list {
    margin-top: 20px;
}
.blue_num_list > li {
    position: relative;
    padding-left: 34px;
    color: #333;
    font-size: 16px;
    line-height: 26px;
}
.blue_num_list > li + li {
    margin-top: 8px;
}
.blue_num_list > li > .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #0275bb;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: "Pretendard";
    text-align: center;
}

[class^="txtlist_dot"] * + .ipt_flex {
    margin-top: 0;
}
.txtlist_dot {
    margin-top: 20px;
}
.txtlist_dot > li {
    position: relative;
    padding-left: 10px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.txtlist_dot > li + li {
    margin-top: 7px;
}
.txtlist_dot > li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
}
.txtlist_dot > li .btn_style.h30 {
    margin-top: -4px;
    margin-bottom: -4px;
}

.txtlist_dot02 {
    margin-top: 20px;
}
.txtlist_dot02 > li {
    position: relative;
    padding-left: 10px;
    color: #333;
    font-size: 15px;
    line-height: 24px;
}
.txtlist_dot02 > li + li {
    margin-top: 7px;
}
.txtlist_dot02 > li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
}
.txtlist_dot02 > li .btn_style.h30 {
    margin-top: -3px;
    margin-bottom: -3px;
}

.txtlist_dot03 {
    margin-top: 15px;
}
.txtlist_dot03 > li {
    position: relative;
    padding-left: 10px;
    color: #333;
    font-size: 16px;
    line-height: 26px;
}
.txtlist_dot03 > li + li {
    margin-top: 6px;
}
.txtlist_dot03 > li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
}
.txtlist_dot03 > li .btn_style.h30 {
    margin-top: -2px;
    margin-bottom: -2px;
}

.txtlist_dot04 {
    margin-top: 15px;
}
.txtlist_dot04 > li {
    position: relative;
    padding-left: 12px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.txtlist_dot04 > li + li {
    margin-top: 10px;
}
.txtlist_dot04 > li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #999;
}

.txtlist_dot_h {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -30px 0 0;
}
.txtlist_dot_h > li {
    position: relative;
    padding-left: 14px;
    margin: 5px 30px 0 0;
    color: #333;
    font-size: 15px;
    line-height: 24px;
}
.txtlist_dot_h > li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #999;
}

/* box */
.section_box {
    position: relative;
    padding: 50px;
    border-radius: 12px;
    background: #fff;
}
.section_box + .section_box {
    margin-top: 15px;
}
.section_box > *:first-child {
    margin-top: 0;
}
.section_box .sub_ctrl {
    position: absolute;
    top: 25px;
    right: 30px;
}

.subtitle_wr {
    margin: 30px 0 40px;
    color: #080c0f;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
}

/* icon */
.ico_logo24 {
    display: inline-flex;
    align-items: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid #dce0e9;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 24px;
    overflow: hidden;
}

.ico_help {
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #212e4f;
    text-align: center;
}
.ico_help::before {
    content: "?";
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: "Pretendard";
    letter-spacing: 0;
}

.ico_notice {
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: url(../images/common/ico_white_notice.png) no-repeat center center #212e4f;
}
.ico_notice.bg_blue {
    background-color: #0275bb;
}

.ico_arrow_right {
    display: inline-flex;
    width: 7px;
    height: 11px;
    background: url(../images/common/ico_gray_arrow.png) no-repeat center center;
}

.ico_board_file {
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: url(../images/common/ico_gray_file.png) no-repeat center center;
    background-size: contain;
}

.ico_board_lock {
    display: inline-flex;
    width: 18px;
    height: 22px;
    background: url(../images/common/ico_blue_lock.png) no-repeat center center;
}

.ico_board_new {
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: var(--redcolor01);
}
.ico_board_new::before {
    content: "N";
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    font-family: "Pretendard";
    letter-spacing: 0;
}
.ico_file_attach {
	margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    background: url(../images/common/ico_file_attachB.svg) no-repeat center/contain;
}
.ico_download {
    display: inline-block;
    width: 10px;
    height: 14px;
    background: url(../images/common/ico_black_download.png) no-repeat center center;
}
[class^="ico_office"] {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center center;
}
.ico_office_hwp {
    background-image: url(../images/common/ico_office_hwp.png);
}
.ico_office_xls {
    background-image: url(../images/common/ico_office_xls.png);
}
.ico_office_pdf {
    background-image: url(../images/common/ico_office_pdf.png);
}
.ico_office_doc {
    background-image: url(../images/common/ico_office_doc.png);
}
.ico_office_pptx {
    background-image: url(../images/common/ico_office_pptx.png);
}
.ico_upList {
    flex: none;
    display: inline-flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #212e4f;
    text-align: center;
}
.ico_upList::before {
    content: "∧";
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: "Pretendard";
    letter-spacing: 0;
}
.ico_upList::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ico_downList {
    flex: none;
    display: inline-flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #212e4f;
    text-align: center;
}
.ico_downList::before {
    content: "∨";
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: "Pretendard";
    letter-spacing: 0;
}
.ico_downList::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.link_wrap {
    font-weight: 800;
    cursor: pointer;
}
.link_wrap::after {
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: url("../images/common/ico_move.png") 0 0 no-repeat;
}

/* 탭 */
.subtab_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}
.subtab_list > li {
    flex: 1 1 10%;
    margin-left: -1px;
}
.subtab_list.style_col10 > li {
    max-width: calc(10% + 1px);
}
.subtab_list > li:nth-child(10n + 1) {
    margin-left: 0;
}
.subtab_list > li:nth-child(10) ~ li {
    max-width: calc(10% + 1px);
    margin-top: -1px;
}
.subtab_list > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    min-height: 58px;
    padding: 5px 15px;
    border: 1px solid #cecfd5;
    background: #fff;
    color: #474c50;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    word-break: keep-all;
}
.subtab_list > li > a:focus {
    z-index: 1;
}

.subtab_list > li a[aria-selected="true"] {
    border-color: #0275bb;
    background: #0275bb;
    color: #fff;
    z-index: 1;
}

/* table */

.board_list {
    table-layout: fixed;
    width: 100%;
    margin-top: 25px;
    border-top: 2px solid #5e5e5e;
    border-bottom: 1px solid #babdc6;
}

.board_list th {
    position: relative;
    height: 45px;
    padding: 10px 16px;
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}
.board_list th + th::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #dedede;
}
.board_list td {
    height: 45px;
    padding: 5px 10px;
    border-top: 1px solid #e5e5e5;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}
.board_list > tbody > tr:first-child > * {
    border-top: none;
}
.board_list tbody tr {
    cursor: pointer;
}
.board_list tbody tr:hover {
    background-color: #f8fafa;
}

.board_view {
    border-top: 2px solid #5e5e5e;
    border-bottom: 1px solid #babdc6;
}
.board_view .titbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
}
.board_view .titbox > *:first-child {
    margin-top: 0 !important;
}
.board_view .titbox .tit {
    margin-top: 20px;
    color: #000;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}
.board_view .dlinfobox {
    border-top: 1px solid #e8e8e8;
}
.board_view .dlinfobox > dl {
    display: flex;
    min-height: 42px;
    border-bottom: 1px solid #e8e8e8;
}
.board_view .dlinfobox > dl > dt {
    flex: none;
    display: flex;
    align-items: center;
    width: 200px;
    padding: 6px 15px 6px 15px;
    background: #f7f7f7;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    word-break: keep-all;
}
.board_view .dlinfobox > dl > dd {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    color: #000;
    font-size: 15px;
    overflow: hidden;
}
.board_view .dlinfobox > dl > dd .filefield_list {
    padding-right: 18px;
}
.board_view .dlinfobox > dl > dd .filefield_list .btn_view {
    margin-left: 0;
}
.board_view .conbox {
    padding: 15px;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
}
.board_view .answerbox {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e8e8e8;
}
.board_view .answerbox .ans_tit {
    display: inline-flex;
    position: relative;
    margin-left: 24px;
    padding: 0 20px;
    border: 1px solid #91c1de;
    border-radius: 15px;
    color: #0275bb;
    font-size: 14px;
    line-height: 30px;
}
.board_view .answerbox .ans_tit::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -24px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #797a7d;
    border-left: 2px solid #797a7d;
}
.board_view .answerbox .ans_con {
    padding: 12px 0 0 24px;
}

.prev_next {
    margin-top: 50px;
    border-top: 1px solid #e8e8e8;
}
.prev_next > li {
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
}
.prev_next > li [class^="tit_"] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 120px;
    margin-right: 24px;
    color: #000;
    font-size: 15px;
}
.prev_next > li [class^="tit_"]::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e8e8e8;
}
.prev_next > li .view_title {
    max-width: 100%;
    color: #000;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 3px;
}
.prev_next > li p.view_title {
    color: #757575;
}
.prev_next > li .view_date {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 36px;
    margin-left: auto;
    color: #505050;
    font-size: 15px;
}

.tbl_title_wrap {
    display: flex;
    align-items: center;
    min-height: 39px;
    margin: 35px 0 5px;
}
.tbl_title_wrap .title_box {
    display: flex;
    align-items: center;
    margin-right: auto;
}
.tbl_title_wrap .title_box .title {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 20px;
}
.tbl_title_wrap .title_box .title + .title {
    margin-left: 30px;
}
.tbl_title_wrap .title_box .title .division {
    margin-left: 3px;
    font-weight: 400;
}
.tbl_title_wrap .title_box .title .ico_logo24 {
    margin-right: 10px;
}

.tbl_title_wrap .title_box .ipt_flex {
    margin-top: 0;
}
.tbl_title_wrap .title_box .ipt_flex .ipt_label {
    min-width: auto;
    margin: 0 0 0 10px;
}
.tbl_title_wrap .title_box .ipt_flex .ipt_label label {
    min-height: 32px;
    padding-left: 28px;
}
.tbl_title_wrap .board_total {
    margin: 2px auto 0 0;
}
.tbl_title_wrap .tbl_required {
    margin-top: 2px;
    color: #535353;
    font-size: 15px;
    line-height: 26px;
}
.tbl_title_wrap .tbl_required .color_red {
    font-weight: 700;
}
.tbl_title_wrap .btns > * + * {
    margin-left: 8px;
}

.tbl_title_s {
    margin: 25px 0 16px;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}
.tbl_title_s + .tbl_write {
    border-top: 1px solid #e4e4e4;
}

.tbl_list {
    table-layout: fixed;
    width: 100%;
    margin-top: 30px;
    border-top: 2px solid #5e5e5e;
    border-bottom: 1px solid #babdc6;
}
.tbl_list > * > tr > th {
    padding: 15px 10px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background-color: #f8f9fb;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
}
.tbl_list > thead > tr:first-child > th {
    border-top: none;
}
.tbl_list > * > tr > th .th_sort_group {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.tbl_list > tbody > tr > td {
    padding: 15px 10px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.tbl_list > tbody > tr > td.empty_gray {
    background: url(../images/common/bg_td_empty_gray.png) repeat 0 0;
}
.tbl_list.receipt {
    border: 1px solid #000 !important;
}

.tbl_list02 {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #d4d5d7;
    border-radius: 10px;
}
.tbl_list02 > thead > tr:first-child > th:first-child {
    border-top-left-radius: 10px;
}
.tbl_list02 > thead > tr:first-child > th:last-child {
    border-top-right-radius: 10px;
}
.tbl_list02 > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 10px;
}
.tbl_list02 > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 10px;
}
.tbl_list02 > thead > tr > th {
    height: 40px;
    padding: 10px;
    background: #e9ecee;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
}
.tbl_list02 > tbody > tr > td {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    word-break: break-all;
}
.tbl_list02 > tbody > tr:hover > td {
    background: #f8fafa;
}
.tbl_addr_tit {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
}
.tbl_addr_tit_p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.tbl_write {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #5e5e5e;
    border-bottom: 1px solid #babdc6;
}

.tbl_write > tbody > tr > th {
    padding: 10px 12px 10px 30px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background-color: #f8f9fb;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}

.tbl_write > tbody > tr > th.in_th {
    padding-right: 15px;
    padding-left: 15px;
}
.tbl_write > tbody > tr > th.th_middle {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
}
.tbl_write > tbody > tr > th.th_col {
    height: 81px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
.tbl_write > tbody > tr > th span.color_red {
    font-weight: 700;
}
.tbl_write > tbody > tr > th .ipt_flex .ipt_label {
    margin-right: 0;
}
.tbl_write > tbody > tr > td {
    height: 50px;
    padding: 7px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background: #fff;
    color: #333;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

.tbl_write > tbody > tr:first-child > * {
    border-top: none;
}

.tbl_write.bd_b2 {
    position: relative;
    border-bottom: 2px solid #5e5e5e;
}

.tbl_write.tbl_data > tbody > tr > th {
    padding: 6px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}
.tbl_write.tbl_data > tbody > tr > td {
    padding: 15px 13px;
    font-size: 15px;
    line-height: 22px;
}
.tbl_write.tbl_data > tbody > tr .ipt_flex .ipt_label_group {
    margin-right: -16px;
}
.tbl_write.tbl_data > tbody > tr .ipt_flex .ipt_label {
    margin-right: 16px;
}
.tbl_write.tbl_data > tbody > tr .ipt_flex .ipt_label label {
    padding-left: 30px;
    font-size: 15px;
}

.tbl_check_textbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 45px;
    padding: 0 25px 25px;
}
.tbl_check_textbox .tit {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}
.tbl_check_textbox .tit_p {
    margin: 8px 0 18px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.tbl_check_textbox .tit_p ~ .text_notice {
    margin-bottom: 18px;
}

.tbl_agreement {
    display: flex;
    align-items: center;
    margin-top: 60px;
}
.tbl_agreement .title {
    width: 230px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.tbl_agreement .cont {
    flex: 1;
    padding: 0 20px;
}

.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.paging > * {
    margin: 0 3px;
    font-family: "Pretendard";
    letter-spacing: 0;
}
.paging a,
.paging strong {
    min-width: 32px;
    height: 32px;
    padding: 0 2px;
    border-radius: 16px;
    color: #444;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
}
.paging strong {
    background-color: #303030;
    color: #fff;
    font-weight: 700;
}
.paging a:hover {
    background-color: #f7f7f7;
}

.paging .ellipsis {
    margin: 0 12px;
    padding-bottom: 8px;
    color: #444;
    font-size: 14px;
}

.paging .btn_first {
    width: 34px;
    height: 34px;
    background: url(../images/common/btn_paging_first.png) no-repeat center center;
}
.paging .btn_prev {
    width: 34px;
    height: 34px;
    margin-right: 17px;
    background: url(../images/common/btn_paging_prev.png) no-repeat center center;
}
.paging .btn_next {
    width: 34px;
    height: 34px;
    margin-left: 17px;
    background: url(../images/common/btn_paging_next.png) no-repeat center center;
}
.paging .btn_last {
    width: 34px;
    height: 34px;
    background: url(../images/common/btn_paging_last.png) no-repeat center center;
}

/* form */
.ipt_flex {
    display: flex;
    align-items: center;
}
* + .ipt_flex {
    margin-top: 10px;
}
.ipt_flex > * + * {
    margin-left: 6px;
}
.ipt_flex > label:first-child + duet-date-picker {
    margin-left: 0;
}
.ipt_flex .ipt_text:read-only,
.ipt_flex .ipt_text:disabled,
.ipt_flex .ipt_textarea:read-only,
.ipt_flex .ipt_textarea:disabled,
.ipt_flex .ipt_select:disabled,
.ipt_flex .duet-date__input:disabled {
    border-color: #e3e5e7 !important;
    background-color: #f8f9f9 !important;
    color: #6a6a6a !important;
    opacity: 1 !important;
}
.ipt_flex .ipt_label input:disabled + label::before {
    border-color: #e3e5e7 !important;
    background-color: #f8f9f9 !important;
    color: #6a6a6a !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 1px #ddd;
}
.ipt_flex .ipt_label input[type="checkbox"]:checked:disabled + label::before {
    background-color: #e3e5e7 !important;
}
.ipt_flex .ipt_th {
    flex: none;
    padding: 0 16px;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}
.ipt_flex .ipt_th span {
    color: #535353;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.ipt_flex .ipt_text {
    flex: 1;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d9dadc;
    border-radius: 10px;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ipt_flex .ipt_textarea {
    flex: 1;
    width: 100%;
    height: 300px;
    padding: 16px;
    border: 1px solid #d9dadc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
    resize: none;
}
.ipt_flex .ipt_select {
    flex: 1;
    width: 100%;
    height: 40px;
    padding: 0 32px 0 16px;
    border: 1px solid #d9dadc;
    border-radius: 10px;
    background: url(../images/common/ico_black_select_arrow.png) no-repeat right 18px center;
    background-color: #fff;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ipt_flex .ipt_label_group {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* min-height: 50px; */
    margin-right: -24px;
}
.ipt_flex .ipt_label {
    display: inline-flex;
    align-items: center;
    margin-right: 24px;
}
.ipt_flex .ipt_label input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.ipt_flex .ipt_label label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    min-height: 32px;
    padding-left: 36px;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
}
.ipt_flex .ipt_label.reverse label {
    padding-left: 0;
    padding-right: 36px;
}
.ipt_flex .ipt_label input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    border: 1px solid #dadbdd;
    border-radius: 50%;
    background: #fff;
}
.ipt_flex .ipt_label.reverse input[type="radio"] + label::before {
    left: auto;
    right: 0;
}
.ipt_flex .ipt_label input[type="radio"]:checked + label::before {
    border: 8px solid var(--maincolor);
}
.ipt_flex .ipt_label input[type="checkbox"] + label {
    padding-top: 4px;
    padding-bottom: 4px;
}
.ipt_flex .ipt_label.reverse input[type="checkbox"] + label::before {
    left: auto;
    right: 0;
}
.ipt_flex .ipt_label input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 28px;
    height: 28px;
    border: 1px solid #dedfe1;
    border-radius: 5px;
    background: #fff;
}
.ipt_flex .ipt_label input[type="checkbox"]:checked + label::before {
    border-color: var(--maincolor);
    background: url(../images/common/ico_white_check.png) no-repeat center center var(--maincolor);
}
.ipt_flex .ipt_label input:focus + label::before {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 1);
}
.ipt_flex .ipt_label.solo_auto {
    margin-right: auto;
    margin-left: auto;
}
.ipt_flex .ipt_label.solo_auto label {
    padding-left: 28px;
}

.ipt_flex duet-date-picker {
    flex: 1;
    width: 100%;
}
.ipt_flex .duet-date {
    font-family: "Pretendard";
}
.ipt_flex .duet-date__input {
    width: 100%;
    height: 40px;
    padding: 0 36px 0 16px;
    border: 1px solid #d9dadc;
    border-radius: 10px;
    font-size: 14px;
    font-family: "Pretendard";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.ipt_flex .duet-date__input:focus {
    box-shadow: 0 0 0 1px #000;
}
.ipt_flex .duet-date__toggle {
    background: none;
    box-shadow: none;
}
.ipt_flex .duet-date__toggle:focus {
    box-shadow: 0 0 0 2px #000;
}
.ipt_flex .duet-date__toggle-icon {
    height: 100%;
    background: url(../images/common/ico_calendar.png) no-repeat center center;
}
.ipt_flex .duet-date__toggle-icon svg {
    display: none;
}
.ipt_flex .duet-date__table-header {
    font-size: 14px;
    font-weight: 500;
}
.ipt_flex .duet-date__dialog-content * {
    letter-spacing: 0;
}
.ipt_flex duet-date-picker.abs_right .duet-date__dialog {
    left: auto;
    right: 0;
}
.ipt_flex duet-date-picker.show_up .duet-date__dialog {
    left: auto;
    right: 0;
}
.ipt_flex duet-date-picker.show_up .duet-date__dialog {
    top: auto;
    bottom: 100%;
    transform: scale(0.96) translateZ(0) translateY(20px);
}
.ipt_flex duet-date-picker.show_up .duet-date__dialog.is-active {
    transform: scale(1.0001) translateZ(0) translateY(0);
}
.ipt_flex duet-date-picker.show_up .duet-date__dialog-content {
    margin-top: 0;
    margin-bottom: 8px;
    padding: 20px 16px 16px;
}

.ipt_ntc {
    padding: 10px 0;
    font-size: 14px;
    line-height: 19px;
}

.text-pre-wrap {
    white-space: pre-wrap !important;
}

.flex_group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flex_none {
    flex: none !important;
}
.flex_full {
    flex: 1 !important;
}

.hr_line {
    flex: none;
    display: block;
    width: 100%;
    height: 1px;
    background: #e9ebec;
}
.hr_line.bg_darkgray {
    background: #babdc6;
}

.help_box {
    display: inline-flex;
    position: relative;
    margin-left: 10px;
}
.help_box .help_ico {
    display: inline-flex;
}
.help_layer {
    display: none;
    position: absolute;
    top: 100%;
    left: -24px;
    min-width: 500px;
    margin-top: 16px;
    border: 1px solid #5e5e5e;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
    z-index: 630;
}
.help_layer.abs_right {
    left: auto;
    right: -24px;
}
.help_layer.abs_right::before {
    left: auto;
    right: 24px;
}
.help_layer::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 24px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #5e5e5e;
    border-left: 1px solid #5e5e5e;
    background: #fff;
    transform: rotate(45deg);
}
.help_layer .in_head {
    display: flex;
    align-items: center;
    padding: 5px 20px 0;
    border-bottom: 1px solid #e6e9f0;
}
.help_layer .in_head .tit {
    margin-right: 10px;
    color: #191a20;
    font-size: 18px;
    line-height: 48px;
    font-weight: 500;
}
.help_layer .in_body {
    max-height: 450px;
    padding: 20px 20px 36px;
    color: #191a20;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}
.help_layer .in_body .btns {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.help_layer .btn_close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/common/btn_help_close.png) no-repeat center center;
}
.help_box.on .help_layer {
    display: block;
}

.select_sort {
    height: 36px;
    padding: 0 30px 0 16px;
    border: 1px solid #acaeaf;
    border-radius: 8px;
    background: url(../images/common/ico_black_select_arrow.png) no-repeat right 10px center;
    font-size: 15px;
}

/* 앵커메뉴 */
.anchor_menu {
    height: 72px;
    margin-bottom: 30px;
}
.anchor_menu > ul {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1080px;
    height: 72px;
    margin-left: calc(-595px - var(--scrollbarPadding) / 2);
    background-color: #fff;
}
.anchor_menu > ul.fix {
    position: fixed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
    z-index: 650;
}
.zoomScale .anchor_menu > ul.fix {
    position: absolute;
    box-shadow: none;
    transform: translateX(0) !important;
}
.anchor_menu > ul > li {
    flex: auto;
}
.anchor_menu > ul > li + li {
    border-left: 1px solid #f0f1f1;
}
.anchor_menu .inbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0 4px;
    color: #434242;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
}
.anchor_menu .inbox .type {
    display: block;
    letter-spacing: 0;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.anchor_menu .inbox .txtbox {
    display: flex;
    align-items: center;
    height: 30px;
}
.anchor_menu .inbox .txt {
    max-height: 30px;
    margin-top: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.anchor_menu .inbox:hover::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: var(--maincolor);
}
.anchor_menu .inbox.active {
    background-color: var(--maincolor);
    color: #fff;
}

.bottom_tipbox {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: max-content;
    margin-left: calc(-250px - var(--scrollbarPadding) / 2);
    text-align: center;
    z-index: 45;
}
.bottom_tipbox.fix {
    display: block;
}

.zoomScale .bottom_tipbox.fix {
    position: absolute;
    top: calc((var(--scrollTopVal) + var(--winHei) - var(--ctnTop) - 90px) / var(--pageScale));
    bottom: auto;
    left: 50%;
    margin-left: calc(-250px - var(--scrollbarPadding) / 2);
    transform: translateX(0) !important;
}
.bottom_tipbox ul {
    display: inline-flex;
    height: 64px;
    border-radius: 32px;
    box-shadow: 0 16px 29px rgba(0, 0, 0, 0.26);
}
.bottom_tipbox ul li + li {
    border-left: 1px solid #364467;
}
.bottom_tipbox .inbox {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0 16px;
    background-color: #212e4f;
    overflow: hidden;
}
.bottom_tipbox .inbox:focus {
    z-index: 1;
}
.bottom_tipbox ul li:first-child .inbox {
    padding-left: 32px;
    border-radius: 32px 0 0 32px;
}
.bottom_tipbox ul li:last-child .inbox {
    padding-right: 32px;
    border-radius: 0 32px 32px 0;
}

.bottom_tipbox .inbox .txt {
    margin-left: 8px;
    color: #fff;
    font-size: 14px;
}
/********** E: 컨텐츠 공통 **********/

/********** S: sub layout **********/
.location_wrap {
    position: relative;
}
.location_box {
    display: flex;
    align-items: center;
    max-width: 1200px;
    height: 35px;
    margin: 0 auto;
}
.location_box a {
    color: #2d2d2d;
    font-size: 14px;
}
.location_box .home {
    width: 15px;
    height: 16px;
    background: url(../images/common/ico_black_home.png) no-repeat center center;
}
.location_box .ico_arrow {
    width: 5px;
    height: 9px;
    margin: 0 15px;
    background: url(../images/common/ico_black_location_arrow.png) no-repeat center center;
}
.location_box em {
    color: #2d2d2d;
    font-size: 14px;
}
.subcon_head_wrap {
    width: 100%;
    background: url(../images/sub/subvisual_a2.png) no-repeat right 25% bottom -105px / 260px auto;
    background-color: #f8fafa;
    margin-bottom: 30px;
}
.subcon_head_wrap2 {
    width: 100%;
    background: url(../images/sub/subvisual_a1.png) no-repeat right 25% bottom -55px / 280px auto;
    background-color: #fafaf8;
    margin-bottom: 30px;
}
.subcon_head_wrap3 {
    width: 100%;
    background: url(../images/sub/subvisual_a3.png) no-repeat right 25% bottom -10px / 165px auto;
    background-color: #f8f8fa;
    margin-bottom: 30px;
}
.subcon_head_wrap4 {
    width: 100%;
    background: url(../images/sub/subvisual_a4.png) no-repeat right 25% bottom 10px / 150px auto;
    background-color: #f8faf9;
    margin-bottom: 30px;
}
.subcon_head_wrap5 {
    width: 100%;
    background: url(../images/sub/subvisual_a5.png) no-repeat right 24% bottom -18px / 190px auto;
    background-color: #f8f9fa;
    margin-bottom: 30px;
}
.subcon_head_wrap6 {
    width: 100%;
    background: url(../images/sub/subvisual_a6.png) no-repeat right 24% bottom 0px / 160px auto;
    background-color: #f9f8fa;
    margin-bottom: 30px;
}

.subcon_head {
    position: relative;
    max-width: 1200px;
    min-height: 86px;
    margin: 0 auto;
    text-align: center;
}
.subcon_head .sub_ctrl {
    position: absolute;
    top: 10px;
    right: 0;
}
.subtitle_box {
    padding-top: 10px;
    padding-bottom: 40px;
}
.subtitle {
    color: #000;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}
.subtitle_desc {
    color: #525151;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
}

.quickmenu_wrap {
    position: absolute;
    top: 50px;
    left: 50%;
    display: flex;
    margin-left: 650px;
    padding: 10px 0 30px;
    z-index: 50;
    max-height: calc(100% + 296px);
    margin-top: -200px;
}
.quickmenu_wrap.fix {
    position: fixed;
    left: calc(50% + 600px + 50px);
    max-height: 100vh;
    margin-left: 0;
    margin-top: -20px;
}

.zoomScale .quickmenu_wrap.fix {
    position: fixed;
    max-height: calc(100% + 296px);
    top: 50%;
    left: calc(50% + 540px + 50px);
    transform: translateY(-50%) !important;
    margin: 0 !important;
}
.quickmenu_box {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 106px;
}
.quickmenu_scroll {
    flex: 1;
    border: 1px solid #ebedee;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
}
.quickmenu {
    height: 100%;
}

.quickmenu ul li + li {
    margin-top: 20px;
}
.quickmenu .inbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 2px;
    text-align: center;
}
.quickmenu .inbox .ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f6f7f9;
}
.quickmenu .inbox .txt {
    margin-top: 8px;
    color: #434242;
    font-size: 14px;
    line-height: 1.2;
}
.quickmenu .inbox .txt .desc {
    color: #6b6a6a;
}
.quickmenu_wrap .simplebar-scrollbar:before {
    top: 10px;
    right: 5px;
    bottom: 10px;
    left: 0;
    background-color: #15aae2;
}
.quickmenu_wrap .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
}

.quickmenu_top {
    display: flex;
    width: 60px;
    height: 60px;
    margin: 10px auto 0;
    border: 1px solid #ebedee;
    border-radius: 50%;
    background: url(../images/common/bg_quickmenu_top.png) no-repeat center center #fff;
}

/* S : left 윙배너 */
.wing_banner_wrap {
    position: absolute;
    top: 50px;
    margin-left: -185px;
    display: flex;
    padding: 10px 0 30px;
    z-index: 50;
    max-height: calc(100% + 296px);
    margin-top: -200px;
}
.wing_banner_wrap.fix {
    position: fixed;
    max-height: 100vh;
    margin-top: -20px;
}

.zoomScale .wing_banner_wrap.fix {
    position: fixed;
    max-height: calc(100% + 296px);
    top: 50%;
    transform: translateY(-50%) !important;
    padding-bottom: 200px;
}
.wing_banner_box {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 136px;
}
.wing_banner_scroll {
    flex: 1;
    border: 1px solid #ebedee;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
}
.wing_banner {
    height: 100%;
}

.wing_banner ul li + li {
    margin-top: 20px;
}
.wing_banner .inbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 2px;
    text-align: center;
}
.wing_banner .inbox .ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f6f7f9;
}
.wing_banner .inbox .txt {
    margin-top: 8px;
    color: #434242;
    font-size: 14px;
    line-height: 19px;
}
.wing_banner .inbox .txt .desc {
    color: #6b6a6a;
}
.wing_banner_wrap .simplebar-scrollbar:before {
    top: 10px;
    right: 5px;
    bottom: 10px;
    left: 0;
    background-color: #15aae2;
}
.wing_banner_wrap .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
}
/* E : left 윙배너 */

/* 1854 + 17 */
@media screen and (max-width: 1871px) {
    .lnb_wrap {
        right: auto;
        left: 50%;
        margin-right: 0;
        margin-left: -677px;
    }
    .lnb_wrap.fix {
        margin-left: calc(-677px - var(--scrollbarPadding) / 2);
    }
    .zoomScale .lnb_wrap.fix {
        margin-left: -677px;
    }
    .lnb_toggle_btn {
        right: auto;
        left: 0;
        transform: scaleX(-1);
    }
    .lnb_toggle_btn.toggle {
        transform: scaleX(1);
    }
    .lnb_toggle_btn.toggle + .lnb_box {
        display: flex;
    }
    .lnb_box {
        display: none;
        background-image: url(../images/common/bg_lnb_left.png);
    }
    .lnb_box .lnb_tit {
        padding-left: 80px;
    }
}

/* 1502 */
@media screen and (max-width: 1519px) {
    .lnb_wrap {
        left: 74px;
        margin-left: 0;
    }
    .lnb_wrap.fix {
        margin-left: 0;
    }
    .zoomScale .lnb_wrap {
        left: 50%;
        margin-left: -677px;
    }
    .zoomScale .lnb_wrap.fix {
        left: 50%;
    }
    .quickmenu_wrap.fix {
        margin-left: 0;
    }
    .zoomScale .quickmenu_wrap.fix {
        margin-left: 645px;
    }
    .anchor_menu > ul.fix {
        left: 156px;
        margin: 0;
    }
    .zoomScale .anchor_menu > ul.fix {
        left: 0;
        margin: 0 auto;
    }
    .bottom_tipbox {
        left: calc(156px + 345px);
        margin-left: 0;
    }
}
/********** E: sub layout **********/

/********** S: sub contents **********/
.sub_wr_desc {
    position: relative;
    padding-right: 216px;
}
.sub_wr_desc .tit {
    margin-bottom: 25px;
    color: var(--maincolor);
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}
.sub_wr_desc .tit_p {
    color: #36393c;
    font-size: 18px;
    line-height: 28px;
}
.sub_wr_desc .tit_p + .tit_p {
    margin-top: 6px;
}
.sub_wr_desc .imgbox {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 216px;
}

.bill_selectbox {
    margin-top: 50px;
    border: 1px solid #e7e8ea;
    border-radius: 10px;
    overflow: hidden;
}
.bill_selectbox .in_head {
    display: flex;
    align-items: center;
    height: 66px;
    padding: 0 25px;
    border-bottom: 1px solid #e7e8ea;
}
.bill_selectbox .in_head .tit {
    color: #080c0f;
    font-size: 18px;
    font-weight: 700;
}
.bill_selectbox .in_body {
    padding: 10px 45px;
}
.bill_selectbox .in_head + .in_body {
    padding-bottom: 30px;
}
.bill_selectbox .in_body .div_tr {
    display: flex;
    flex-wrap: wrap;
}
.bill_selectbox .in_body .div_tr + .div_tr {
    border-top: 1px solid #ebebeb;
}
.bill_selectbox .in_body .div_th {
    display: flex;
    align-items: center;
    width: 162px;
    color: #080c0f;
    font-size: 16px;
    font-weight: 700;
}
.bill_selectbox .in_body .div_td {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    min-height: 65px;
    padding: 8px 0 7px;
}
.bill_selectbox .in_body .div_td .ipt_flex {
    width: 100%;
}
.bill_selectbox .in_body .div_in_td {
    width: 100%;
    padding-left: 198px;
}

.bill_selectbox .in_body .div_th .ico {
    width: 48px;
    height: 32px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.bill_selectbox .in_notice {
    display: flex;
    align-items: center;
    padding: 32px 10px;
    background-color: #f9f9f9;
}
.bill_selectbox .in_notice .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    color: #080c0f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.bill_selectbox .in_notice .tit i {
    margin-bottom: 6px;
}
.bill_selectbox .in_notice .con {
    flex: 1;
    padding-left: 36px;
    border-left: 1px solid #e2e5e9;
    color: #36393c;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
}
.bill_selectbox .in_notice .con .asterisk {
    display: inline-flex;
    margin: 0 4px -6px 0;
    color: #fe5541;
    font-size: 24px;
    line-height: 1;
    font-style: normal;
    font-weight: 500;
    vertical-align: middle;
}
.bill_selectbox .in_notice .con .ico_help {
    margin-left: 4px;
}
.bill_selectbox .in_notice .btn {
    margin: 0 50px;
}

.blue_videobox {
    background: #15aae2;
    text-align: center;
}
.blue_videobox video {
    width: auto;
    height: 400px;
    vertical-align: top;
}

.what_is_waste_group .waithere {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: var(--subcolor01);
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}
.what_is_waste_group .waithere::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 20px solid var(--subcolor01);
    border-bottom: 19px solid transparent;
    transform: rotate(360deg);
}
.what_is_waste_group .tit {
    color: #171a12;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
}
.what_is_waste_group .tit span:first-child {
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
}
.what_is_waste_group .tit span:last-child {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}
.what_is_waste_group .info_area {
    padding-top: 20px;
    word-break: keep-all;
}
.what_is_waste_group .info_area li:first-child {
    display: flex;
    width: 100%;
}
.what_is_waste_group .info_area li {
    min-height: 200px;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 15px 15px 40px #0000000a;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.what_is_waste_group .info_area li:first-child .box.first {
    padding-right: 50px;
    position: relative;
}
.what_is_waste_group .info_area li:first-child .box {
    width: 50%;
}
.what_is_waste_group .tit {
    color: #171a12;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}
.what_is_waste_group .info_area li:first-child .box p {
    margin-top: 10px;
    color: #3d424b;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}
.what_is_waste_group .info_area li:first-child .box.first::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50px;
    display: inline-block;
    width: 171px;
    height: 92px;
    background: url(../images/sub/what_is_waste_01.png) no-repeat center / 171px auto;
}
.what_is_waste_group .info_area li:first-child .box.second {
    padding-left: 30px;
    position: relative;
}
.what_is_waste_group .info_area li:first-child .box + .box::before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #eaedea;
}
.what_is_waste_group .info_area li:first-child .box.second::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 59px;
    height: 92px;
    background: url(../images/sub/what_is_waste_02.png) no-repeat center / 59px auto;
}
.what_is_waste_group .info_area li + li {
    margin-top: 13px;
}
.what_is_waste_group .info_area li:last-child .box .sub_txt {
    margin-top: 20px;
}
.what_is_waste_group .info_area li:last-child .box .sub_txt .txt {
    color: #3d424b;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}
.what_is_waste_group .info_area li:last-child .box .sub_txt .list_bullet p {
    display: flex;
    align-items: center;
    margin-top: 5px;
    color: #3d424b;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
}
.what_is_waste_group .info_area li:last-child .box .sub_txt .list_bullet p::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: var(--subcolor01);
}
.goodinfo_group {
    position: relative;
    background-color: #f4f6f2;
}
.goodinfo_group .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
}
.goodinfo_group .box.first,
.goodinfo_group .box.second {
    display: flex;
    justify-content: space-between;
}
.goodinfo_group .box.first .left .tit {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}
.goodinfo_group .box.first .left p {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}
.goodinfo_group .box.first .left p span {
    color: #419c08;
    font-size: 15px;
}
.goodinfo_group .box.first .right {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 180px;
    box-shadow: 0px 19px 24px #0000000a;
    border-radius: 60px;
    background-color: #ffffff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
.goodinfo_group .box.first .right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 186px;
    height: 175px;
    background: url(../images/sub/goodinfo_01.png) no-repeat center / 120px auto;
}
.goodinfo_group .box.second .right {
    padding-left: 90px;
}
.goodinfo_group .box.second .right .tit {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}
.goodinfo_group .box + .box {
    margin-top: 40px;
}
.goodinfo_group .box {
    width: 100%;
    font-size: 0;
}
.goodinfo_group .box.second .left {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1100px;
    height: 370px;
    box-shadow: 0px 19px 24px #0000000a;
    border-radius: 60px;
    background-color: #ffffff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
.goodinfo_group .box.second .left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 286px;
    height: 206px;
    background: url(../images/sub/goodinfo_02.png) no-repeat center / 286px auto;
}
.goodinfo_group .box.second .right p {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}
.goodinfo_group .box.second .right .sub_txt {
    margin-top: 20px;
}
.goodinfo_group .box.second .right .sub_txt .txt {
    color: #292e37;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 700;
}
.box_half .remove_day {
    display: flex;
}
.box_half .remove_day li {
    width: fit-content !important;
    display: block;
    float: none;
    font-size: 20px;
    font-weight: 800;
    min-height: 70px;
    padding: 15px;
}
.box_half .remove_day li + li {
    margin-left: 10px;
    margin-top: 0;
}
.box_half .remove_day li span {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    background-color: var(--maincolor_active);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.box_half .box.second::after,
.box_half .box.first::after {
    background: none !important;
}

.ilb_title {
    color: #000;
    font-size: 38px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}
.ilb_title_p {
    margin-top: 10px;
    color: #525151;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
}
.ilb_overview {
    padding: 80px 0;
    background: #f4fafc;
}
.ilb_overview .instep2 {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 66px;
}
.ilb_overview .instep2::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: url(../images/sub/PbizFeii01001M01_ico_overview_instep2_arrow.png) no-repeat center center;
}
.ilb_overview .instep2 > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 516px;
    height: 90px;
    border-radius: 45px;
    overflow: hidden;
}
.ilb_overview .instep2 > li::before {
    content: "";
    position: absolute;
}
.ilb_overview .instep2 > li .txt {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.ilb_overview .instep2 > li:nth-child(1) {
    background: #13a255;
}
.ilb_overview .instep2 > li:nth-child(1)::before {
    width: 382px;
    height: 382px;
    bottom: -9px;
    right: 248px;
    border-radius: 50%;
    background: #19ac5d;
}
.ilb_overview .instep2 > li:nth-child(2) {
    margin-left: -3px;
    background: #0275bb;
}
.ilb_overview .instep2 > li:nth-child(2)::before {
    width: 425px;
    height: 425px;
    top: -12px;
    left: 198px;
    border-radius: 50%;
    background: #0269a8;
}
.ilb_overview .instep5 {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}
.ilb_overview .instep5 > li + li {
    margin-left: 12px;
}
.ilb_overview .instep5 > li + li .inbox::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -23px;
    width: 37px;
    height: 37px;
    margin-top: -18px;
    background: url(../images/sub/PbizFeii01001M01_ico_overview_instep5_arrow.png) no-repeat center center;
}
.ilb_overview .instep5 .inbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 216px;
    height: 216px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 16px 24px rgba(2, 41, 54, 0.05);
}
.ilb_overview .instep5 .inbox .ico {
    display: flex;
    align-items: center;
    height: 52px;
}
.ilb_overview .instep5 .inbox .txt {
    height: 23px;
    margin-top: 23px;
    color: #2c2c2c;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
}
.ilb_overview .instep5 ul {
    padding-top: 16px;
}
.ilb_overview .instep5 ul li {
    position: relative;
    margin-top: 6px;
    padding-left: 19px;
    color: #464545;
    font-size: 16px;
    line-height: 24px;
}
.ilb_overview .instep5 ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 8px;
    width: 4px;
    height: 2px;
    background: #787878;
}

.ilb_business {
    padding: 80px 0;
    background: #fff;
}
.ilb_business .inbusiness {
    display: flex;
    justify-content: space-between;
    margin-top: 63px;
}

.ilb_business .inbusiness .inbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 370px;
    height: 370px;
    padding-top: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    text-align: center;
}
.ilb_business .inbusiness .inbox .tit {
    position: relative;
    margin-top: 9px;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
}
.ilb_business .inbusiness li:nth-child(1) .inbox .tit {
    color: #069448;
}
.ilb_business .inbusiness li:nth-child(2) .inbox .tit {
    color: #6737c8;
}
.ilb_business .inbusiness li:nth-child(3) .inbox .tit {
    color: #0275b8;
}
.ilb_business .inbusiness .inbox .tit::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 26px;
    height: 1px;
    margin-left: -13px;
    background: #b9b9b9;
}
.ilb_business .inbusiness .inbox .tit_p {
    margin-top: 19px;
    color: #000;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}
.ilb_business .inbusiness .inbox .txt {
    margin-top: 7px;
    color: #3c3c3c;
    font-size: 15px;
    line-height: 23px;
}

.ilb_portalservices {
    padding: 40px 0 40px 0;
    background: #f8fafa;
}
.ilb_portalservices .inportalservices {
    display: flex;
    flex-wrap: wrap;
    margin: 38px -16px 0;
}
.ilb_portalservices .inportalservices li {
    width: 33.3333%;
    padding: 18px 16px;
}
.ilb_portalservices .inportalservices .inbox {
    height: 270px;
    padding: 45px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 13px rgba(2, 76, 104, 0.03);
}
.ilb_portalservices .inportalservices .inbox .tit {
    margin-top: 22px;
    color: #000;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}
.ilb_portalservices .inportalservices .inbox .tit .num {
    margin-right: 4px;
    font-family: "Pretendard";
}
.ilb_portalservices .inportalservices .inbox .tit_p {
    margin-top: 10px;
    color: #3d3d3d;
    font-size: 16px;
    line-height: 26px;
}

.memb_keyboard_security {
    padding: 34px;
    border: 1px solid #e5e6ea;
}
.memb_keyboard_security .title {
    padding-bottom: 8px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.memb_keyboard_security .ipt_flex .ipt_label label {
    color: #000;
}
.memb_keyboard_security .desc {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}

.memb_keyboard_security + .memb_gray_box {
    margin-top: 20px;
}

.memb_gray_box {
    padding: 20px;
    /* border: 1px solid #e5e6ea; */
    border-radius: 18px;
    background: #fff;
}
.memb_gray_box > *:first-child {
    margin-top: 0;
}
.memb_gray_box .memb_flex {
    margin: 0 -50px;
}
.memb_gray_box .memb_gray_head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: -50px -50px 50px;
    padding: 30px 50px;
    border-bottom: 1px solid #e5e6ea;
    border-radius: 18px 18px 0 0;
}
.memb_gray_box .memb_gray_foot {
    display: flex;
    align-items: center;
    margin: 50px -50px -50px;
    padding: 30px 50px;
    border-radius: 0 0 18px 18px;
    background: #f9f9f9;
}
.memb_gray_box.pd40 .memb_gray_foot {
    margin: 40px -40px -40px;
    padding: 30px 40px;
}

.memb_flex {
    display: flex;
}
.memb_flex_item {
    flex: 1;
}
.memb_flex_item + .memb_flex_item {
    border-left: 1px solid #ebecec;
}
.memb_flex_item > *:first-child {
    margin-top: 0;
}
.memb_flex_item .ico {
    display: block;
    min-height: 55px;
    text-align: center;
}
.memb_flex_item .title {
    margin-top: 25px;
    color: #000;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
}
.memb_flex_item .title.medium {
    margin-top: 0;
    font-size: 30px;
    line-height: 52px;
}
.memb_flex_item .title.big {
    margin-top: 0;
    font-size: 36px;
    line-height: 70px;
}
.memb_flex_item .title_p {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.memb_flex_item .title_desc {
    margin-top: 5px;
    color: #333;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
}
.memb_flex_item .s_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
.memb_flex_item .s_btns > * + * {
    margin-left: 5px;
}

.memb_login_group {
    display: flex;
    margin-top: 38px;
}
.memb_login_group .box_wr {
    flex: 1;
    margin-right: 9px;
    overflow: hidden;
}
.memb_login_group .box_wr > * + .ipt_flex {
    margin-top: 6px;
}
.memb_login_group .btn_login {
    width: 100px;
    border-radius: 14px;
    background: #0275bb;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.ctitbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.ctitbox .ctit + .ipt_flex {
    margin: -3px 0 -3px auto;
}
.ctitbox .ctit + .ipt_flex .ipt_label_group {
    min-height: auto;
}

.ctitbox .btns {
    margin: -4px 0 -4px auto;
}
.ctit {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}
.ctit_desc {
    margin-left: 18px;
    color: #333;
    font-size: 15px;
    line-height: 1.2;
}

.ctit_bl {
    position: relative;
    padding-left: 30px;
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}
.ctit_bl::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 16px;
    height: 16px;
    border: 5px solid var(--maincolor_active);
    border-radius: 100%;
}

.ctit_big {
    /* width: 100%; */
    margin-top: 6px;
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}
.ctit_p {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #535353;
    font-size: 15px;
    line-height: 1.2;
}

.ltit {
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}

.mtit {
    color: #000;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}

.stit {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.btit {
    margin-top: 25px;
    padding-bottom: 5px;
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.flex_report01 {
    margin-top: 30px;
}
.flex_report01 > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}
.flex_report01 > ul > li {
    padding: 8px;
    position: relative;
}

.flex_report01 > ul > li + li::after {
    content: "";
    position: absolute;
    top: 48%;
    left: -18px;
    width: 37px;
    height: 37px;
    margin-top: -18px;
    background: url(../images/sub/PbizFeii01001M01_ico_overview_instep5_arrow2.png) no-repeat center center;
}
.flex_report01 .inbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 210px;
    border: 1px solid #e5e6ea;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.flex_report01 .inbox .ico {
    min-height: 93px;
    background: #f5f9f1;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-top: 15px;
    line-height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.flex_report01 .inbox .ico img {
    vertical-align: middle;
}
.flex_report01 .inbox .txt {
    margin-top: 18px;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
}
.flex_report01 > ul > li::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 32px;
    border: 1px solid #e5e6ea;
    border-radius: 25px;
    background: #f7fbf4;
    color: #222;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.flex_report01 > ul > li:nth-child(1):before {
    content: "STEP 01";
}
.flex_report01 > ul > li:nth-child(2):before {
    content: "STEP 02";
}
.flex_report01 > ul > li:nth-child(3):before {
    content: "STEP 03";
}
.flex_report01 > ul > li:nth-child(4):before {
    content: "STEP 04";
}

.gray_case {
    margin-top: 30px;
    padding: 23px 30px;
    border-radius: 10px;
    background: #f9f9f9;
}
.gray_case .case_tit {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}
.gray_case .case_list {
    margin-top: 8px;
}
.gray_case .case_list li {
    position: relative;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.gray_case .case_list li + li {
    margin-top: 6px;
}
.gray_case .case_list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
}
.case_txt {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.memb_gray_box_next {
    margin-top: 30px;
    padding: 0 8px;
}

.memb_flex_tit {
    padding-bottom: 25px;
    color: #000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}
.memb_flex_stit {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.terms_box {
    margin-top: 20px;
    height: 300px;
    padding: 30px;
    background: #fcfcfc;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #e5e6ea;
}
.terms_box.nobox {
    height: auto;
    padding: 0;
    border: none;
    background: none;
}
.terms_box > *:first-child,
.terms_box .simplebar-content > *:first-child {
    margin-top: 0;
}
.terms_box .simplebar-track.simplebar-vertical {
    width: 13px;
    border-left: 1px solid #e5e6ea;
    background: #f9f9f9;
}
.terms_box .simplebar-scrollbar.simplebar-visible:before {
    background: #9da0a1;
    opacity: 0.8;
}
.terms_box .simplebar-scrollbar.simplebar-visible.simplebar-hover:before {
    opacity: 1;
}
.terms_box .terms_tit {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}
.terms_box .terms_stit {
    margin-top: 5px;
    padding-bottom: 2px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}
.terms_box .terms_txt {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.5;
}
.terms_box .terms_list > li {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    line-height: 21px;
}
.terms_box .terms_list > li > .indt {
    flex: none;
    margin-right: 3px;
}
.terms_box .terms_tit + .terms_list {
    margin-top: 10px;
}
.terms_check {
    margin-top: 10px;
}
.terms_check .terms_q {
    margin-right: auto;
    color: #333;
}
.terms_check .terms_q + .ipt_label_group,
.terms_check .terms_q + .ipt_label {
    flex: none;
}

.cert_app_nonmemb_box {
    margin-top: 20px;
    padding: 30px 40px 50px;
    border: 1px solid #e5e6ea;
}
.cert_app_nonmemb {
    max-width: 835px;
    margin: 40px auto 0;
}

.sub_step {
    margin-top: 25px;
    border: 1px solid #e5e6ea;
    background: #f8f8f8;
}
.sub_step .imgbox img {
    max-width: 100%;
    user-select: none;
}
.sub_step .sub_step_inner {
    padding: 35px 50px 50px;
}

.sub_step_notice {
    padding: 30px;
    border: 1px solid #e5e6ea;
}
.sub_step + .sub_step_notice {
    border-top: none;
    border-radius: 0 0 16px 16px;
}

.sub_step_flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: -34px;
}
.sub_step_flex > li {
    position: relative;
    width: 20%;
    margin-top: 20px;
    padding-left: 34px;
}
.sub_step_flex > li + li::before {
    content: "";
    position: absolute;
    top: 56px;
    left: 13px;
    width: 12px;
    height: 19px;
    background: url(../images/common/ico_arrow_blue_12.png) no-repeat center center;
}
.sub_step_flex .div_img {
    position: relative;
    height: 130px;
    border: 1px solid #e2e3e4;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}
.sub_step_flex .div_img .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.sub_step_flex .div_txt {
    display: flex;
    align-items: flex-start;
    margin: 15px -17px 0 0;
}
.sub_step_flex .div_txt .num {
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border-radius: 100%;
    background: #212e4f;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0;
}
.sub_step_flex .div_txt .txt {
    padding-top: 1px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.sub_step_flex .div_txt .txt .in_txt {
    display: block;
    margin-top: 3px;
    color: #636363;
    font-size: 14px;
    line-height: 19px;
}

.sub_step_num {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #e5e6ea;
    border-radius: 10px;
    background: #fff;
}
.sub_step_num > li {
    margin: 0 6px;
}
.sub_step_num .inbox {
    display: flex;
    align-items: center;
}
.sub_step_num .inbox .num {
    flex: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #b8babc;
    border-radius: 100%;
    color: #000;
    font-size: 15px;
    letter-spacing: 0;
    font-family: "Pretendard";
}
.sub_step_num .inbox .txt {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.sub_step_num > li[aria-current="true"] .inbox .num {
    border-color: var(--maincolor);
    color: var(--maincolor);
    font-weight: 700;
}
.sub_step_num > li[aria-current="true"] .inbox .txt {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 0 6px;
    color: #000;
    font-size: 15px;
    overflow: visible;
    clip-path: none;
}

.sub_step_txt {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -20px;
}
.sub_step_txt > li {
    flex: 1 1 25%;
    position: relative;
    padding: 10px 20px;
}
.sub_step_txt > li:nth-child(4) ~ li {
    max-width: 25%;
}
.sub_step_txt > li + li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 12px;
    height: 19px;
    margin-top: -10px;
    background: url(../images/common/ico_arrow_right_gray.png) no-repeat center center;
}
.sub_step_txt .inbox {
    display: block;
    height: 100%;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(19, 31, 38, 0.08);
    overflow: hidden;
}
.sub_step_txt .inbox .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 4px 15px;
    background: #39ab6e;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}
.sub_step_txt .inbox .tit.bg_darkblue {
    background: #104c94;
}
.sub_step_txt .inbox .tit .num {
    margin-right: 4px;
}
.sub_step_txt .inbox .txt {
    padding: 23px 20px;
    color: #393f43;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}

.icoimg_noticebox {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    border: 1px solid #e5e6ea;
    border-radius: 12px;
    background: #f9f9f9;
}
.icoimg_noticebox .icoimg {
    flex: none;
    width: 67px;
    height: 67px;
    margin-right: 20px;
    background: url(../images/common/ico_icoimg_notice.png) no-repeat center center;
}
.icoimg_noticebox .imgbox {
    flex: none;
    margin-right: 20px;
}
.icoimg_noticebox .txtbox {
    flex: 1;
    color: #333;
    font-size: 15px;
    line-height: 24px;
}
.icoimg_noticebox .txtbox p + p {
    margin-top: 4px;
}

.graybox_notice {
    padding: 35px;
    background: #f9f9f9;
}
.graybox_notice .tit {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}
.graybox_notice .text_notice {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.status_step_wrap {
    padding: 50px 45px 30px;
}
.status_step {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 30px;
}
.status_step > li + li {
    padding-left: 30px;
}
.status_step .inbox {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 230px;
    min-height: 110px;
    border-radius: 15px;
    box-shadow: 0 10px 22px rgba(19, 31, 38, 0.08);
}
.status_step .inbox.bg_dustyblue {
    background: #3a4f5d;
}
.status_step .inbox.bg_orange {
    background: #f89934;
}
.status_step .inbox.bg_green {
    background: #39ab6e;
}
.status_step .inbox.bg_gray {
    background: #6b747b;
}
.status_step .inbox .ico_arrow_right_blue {
    position: absolute;
    top: 46px;
    left: -20px;
    width: 12px;
    height: 19px;
    background: url(../images/common/ico_arrow_blue_12.png) no-repeat center center;
}
.status_step .inbox .title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border-radius: 15px 15px 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}
.status_step .inbox .con {
    flex: 1;
    padding: 20px 15px;
    border-radius: 0 0 15px 15px;
    background: #fff;
}
.status_step .inbox .con .txt {
    color: #333;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}
.status_step .po01 .inbox {
    width: 198px;
    margin-right: 58px;
}
.status_step .po01 .bg_next {
    position: absolute;
    right: -71px;
    top: 46px;
    width: 54px;
    height: 20px;
    background: url(../images/common/bg_right_blue.png) no-repeat center center;
}
.status_step .po01 .bg_next span {
    position: absolute;
    bottom: 15px;
    left: 10px;
    color: #1d87cc;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.status_step .po02 {
    position: absolute;
    left: 286px;
    padding-top: 63px;
}
.status_step .po02 .bg_next {
    position: absolute;
    top: -48px;
    left: 50%;
    width: 20px;
    height: 37px;
    margin-left: -10px;
    background: url(../images/common/bg_up_orange.png) no-repeat center center;
}
.status_step .po02 .bg_next span {
    position: absolute;
    bottom: 4px;
    right: 100%;
    margin-right: -2px;
    color: #d57612;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.status_step .po03 {
    padding-top: 63px;
}
.status_step .inbox.bg_gray .ico_arrow_down_gray {
    position: absolute;
    top: -19px;
    left: 50%;
    width: 18px;
    height: 12px;
    margin-left: -9px;
    background: url(../images/common/ico_arrow_down_gray.png) no-repeat center center;
}
.status_step .inbox.bg_gray .bg_next {
    position: absolute;
    top: -39px;
    left: -63px;
    width: 45px;
    height: 36px;
    background: url(../images/common/bg_rightdown_gray.png) no-repeat center center;
}
.gray_databox {
    margin-top: 10px;
    padding: 15px 20px;
    border-radius: 5px;
    background: #f8f8f8;
}

.compare_flex {
    display: flex;
    padding: 10px;
    background: #f5f6f7;
}
.compare_flex .compare_item + .compare_item {
    margin-left: 10px;
}
.compare_flex .compare_tit {
    color: #636363;
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
}
.compare_flex .compare_tit.after {
    color: var(--maincolor);
}
.compare_flex .compare_con {
    margin-top: 10px;
    border: 1px solid #dee0e2;
}

.pop_help_con {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.pop_help_con .txt_flex {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.pop_img_con {
    text-align: center;
}
.pop_img_con img {
    max-width: 100%;
}

.box_bdbg_gray {
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding: 20px 30px;
    border: 1px solid #e5e6e8;
    border-radius: 12px;
    background: #fafafa;
}
.box_bd_gray {
    margin-top: 40px;
    padding: 35px;
    border: 1px solid #dcdde0;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}
.box_bg_blue {
    margin-top: 15px;
    padding: 30px;
    background: #ecf5fb;
    text-align: center;
}

.box_bd_guide {
    margin-top: 30px;
    border: 1px solid #e4e5e8;
    border-radius: 30px;
}
.box_bd_guide .in_bd_blue {
    position: relative;
    padding: 40px 70px 70px;
    margin: -1px;
    border: 1px solid #9ed3f3;
    border-radius: 30px;
    box-shadow: 0 17px 32px rgba(0, 0, 0, 0.07);
}
.box_bd_guide .in_bd_blue .bgimg {
    position: absolute;
    right: 100px;
    bottom: 0;
    width: 458px;
    height: 248px;
    background-image: url(../images/sub/PbizPtcn02001M01_img_01.png);
    z-index: -1;
}

.sub_sign_box {
    margin-top: 25px;
    color: #000;
}
.sub_sign_box .txt_topleft {
    font-size: 15px;
    line-height: 22px;
}
.sub_sign_box .txt_date {
    margin-top: 35px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Pretendard";
}
.sub_sign_box .txt_sign_right {
    margin-top: 25px;
    font-size: 16px;
    line-height: 34px;
    text-align: right;
}
.sub_sign_box .txt_sign_right .name {
    margin: 0 10px;
}
.sub_sign_box .txt_sign {
    margin-top: 40px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
}
.sub_sign_box .txt_bottomcenter {
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.sub_sign_box .txt_received {
    padding-top: 20px;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}
.sub_sign_box .txt_cs {
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}

.searchfield_box {
    display: flex;
    margin: 0 auto;
    padding-left: 24px;
    border: 1px solid #d9dadc;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.searchfield_box .in_item {
    position: relative;
    padding: 0 1px 0 2px;
}
.searchfield_box .in_item + .in_item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background: #e6e8eb;
}
.searchfield_box .sc_select {
    min-width: 200px;
    height: 50px;
    padding: 0 48px 0 20px;
    border: none;
    background: url(../images/common/ico_black_select_arrow.png) no-repeat right 18px center;
    color: #222;
    font-size: 15px;
}
.searchfield_box .sc_text {
    width: 100%;
    height: 50px;
    padding: 0 24px;
    border: none;
    color: #222;
    font-size: 15px;
}
.searchfield_box .sc_btn {
    width: 80px;
    margin: -1px -1px -1px 0;
    border-radius: 0 100px 100px 0;
    background: #303030;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
}

/* S-- 검색박스 팝업용 */
.searchfield_pop {
    display: flex;
    margin: 0 auto;
    padding-left: 24px;
    border: 1px solid #d9dadc;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.searchfield_pop .in_item {
    position: relative;
    padding: 0 1px 0 2px;
}
.searchfield_pop .in_item + .in_item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 24px;
    margin-top: -12px;
    background: #e6e8eb;
}
.searchfield_pop .sc_select {
    min-width: 30px;
    height: 50px;
    padding: 0 40px 0 10px;
    border: none;
    background: url(../images/common/ico_black_select_arrow.png) no-repeat right 18px center;
    color: #222;
    font-size: 15px;
}
.searchfield_pop .sc_text {
    width: 100%;
    height: 50px;
    padding: 0 24px;
    border: none;
    color: #222;
    font-size: 15px;
}
.searchfield_pop .sc_btn {
    width: 80px;
    margin: -1px -1px -1px 0;
    border-radius: 0 100px 100px 0;
    background: #303030;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
}
/* E-- 검색박스 팝업용 */

.board_total {
    margin: 15px 0 12px;
    color: #000;
    font-size: 15px;
    line-height: 1;
}
.board_total .cnt {
    margin: 0 2px 0 6px;
    color: var(--maincolor);
    font-weight: 700;
    font-family: "Pretendard";
}

.mpge_head {
    display: flex;
    align-items: flex-start;
}
.mpge_head .title {
    margin-top: 10px;
    color: #000;
    font-size: 26px;
    line-height: 36px;
}

.flex_box {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -10px 0;
}
.flex_item {
    display: flex;
    width: 50%;
    padding: 20px 10px 0;
}
.box_bd_radius {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e5e7ea;
    border-radius: 16px;
}
.box_bd_radius .in_head {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-bottom: 1px solid #e5e7ea;
}
.box_bd_radius .in_head .in_col {
    flex: 1;
    display: flex;
    align-items: center;
    margin-left: 4px;
}
.box_bd_radius .in_head .in_col .ico {
    margin-right: 10px;
}
.box_bd_radius .in_head .in_col .ico img {
    width: 36px;
}
.box_bd_radius .in_head .in_col .title_box .title {
    display: inline-flex;
    padding-right: 15px;
    background: url(../images/common/ico_black_location_arrow.png) no-repeat right center;
    font-size: 17px;
}
.box_bd_radius .in_head .in_col .title_box .title_p {
    margin-top: 0;
    font-size: 14px;
}
.box_bd_radius .in_head .ico {
    margin-right: 16px;
}
.box_bd_radius .in_head .title_box {
    flex: 1;
}
.box_bd_radius .in_head .title_box .title {
    color: #000;
    font-size: 20px;
    line-height: 26px;
}
.box_bd_radius .in_head .title_box .title_p {
    margin-top: 5px;
    color: #67696b;
    font-size: 14px;
    line-height: 18px;
}
.box_bd_radius .in_head .more {
    position: relative;
    margin-left: 16px;
    padding-right: 16px;
    background: url(../images/common/ico_gray_arrow.png) no-repeat right center;
    color: #000;
    font-size: 14px;
    line-height: 24px;
}
.box_bd_radius .in_body {
    padding: 8px 30px;
}

.line_list > li + li {
    border-top: 1px solid #ecebeb;
}
.line_list .inbox {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 13px 0;
}
.line_list .inbox .dot_text {
    flex: 1;
}
.line_list .inbox .ellipsis {
    max-width: max-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.line_list .inbox .btn_status {
    margin-left: auto;
}

.line_list .inbox .txt_date {
    flex: none;
    margin-left: auto;
    padding-left: 10px;
    color: #333;
    font-size: 16px;
    letter-spacing: 0;
}

.dict_tr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px;
}
.dict_tr .dict_th {
    flex: none;
    display: flex;
    align-items: center;
    width: 130px;
    min-height: 44px;
    margin-right: 10px;
    padding-top: 4px;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}
.dict_tr .dict_td > ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -4px;
}
.dict_tr .dict_td > ul > li {
    margin: 4px 4px 0 0;
}
.dict_tr .dict_td > ul > li > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid #dddee2;
    border-radius: 8px;
    background: #f6f7f8;
    color: #333;
    font-size: 15px;
}
.dict_tr .dict_td > ul.other > li > a {
    min-width: 80px;
}
.dict_tr .dict_td > ul > li > a[aria-current="true"] {
    border-color: #0275bb;
    background: #0275bb;
    color: #fff;
}
.dict_result {
    display: flex;
    border: 1px solid #d4d5d7;
    border-radius: 8px;
}
.dict_result_item {
    flex: 1;
    overflow: hidden;
}
.dict_result_item + .dict_result_item {
    border-left: 1px solid #d4d5d7;
}
.dict_result .dict_result_item:first-child {
    flex: none;
    width: 313px;
}
.dict_result_item .title_box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #d4d5d7;
    background: #e9ecee;
}
.dict_result_item .title_box .title {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}
.dict_result_item .cont_box {
    height: 280px;
    padding: 10px;
}
.dict_result_list {
    padding: 10px 0;
}
.dict_result_list a {
    display: block;
    position: relative;
    padding: 4px 10px 4px 20px;
    border-radius: 14px;
    color: #333;
    font-size: 15px;
    line-height: 20px;
}
.dict_result_list a:focus {
    z-index: 1;
}
.dict_result_list a::before {
    content: "·";
    position: absolute;
    top: 4px;
    left: 10px;
    font-weight: 700;
}
.dict_result_list a[aria-current="true"] {
    background: #d9e9f2;
    color: #0275bb;
    font-weight: 500;
}
.dict_result_detail {
    padding: 10px;
}
.dict_result_detail > *:first-child {
    margin-top: 0;
}
.type_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: -10px;
}
.type_box [class^="type_"] {
    padding: 0 12px;
    margin-right: 10px;
    border-radius: 12px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
}

.se2_box {
    margin-top: 10px;
}
.se2_box iframe {
    width: 100%;
}

.file_list_wrap .ipt_file {
    display: none;
}
.file_list_wrap .ipt_flex {
    margin-top: 10px;
}
.file_list_wrap .ipt_text {
    letter-spacing: 0;
}

.free_flex {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.free_flex > li {
    flex: 1 1 50%;
    padding: 10px;
}
.free_flex > li:nth-child(2) ~ li {
    max-width: 50%;
}
.free_flex.col3 > li {
    flex: 1 1 33.3333%;
}
.free_flex.col3 > li:nth-child(3) ~ li {
    max-width: 33.3333%;
}
.free_flex.col4 > li {
    flex: 1 1 25%;
}
.free_flex.col4 > li:nth-child(4) ~ li {
    max-width: 25%;
}
.free_flex.col5 > li {
    flex: 1 1 20%;
}
.free_flex.col5 > li:nth-child(5) ~ li {
    max-width: 20%;
}
.free_flex > li > .inbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.free_flex > li > .inbox .imgbox {
    position: relative;
    width: 100%;
    height: 1px;
    padding-bottom: 64%;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fafafa;
}
.free_flex > li > .inbox .imgbox .img {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.ntcnbox .btn_style.h60 {
    padding: 0 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.btn_style .ico_move {
    margin-left: 6px;
}
.ico_move {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/common/ico_move.png) no-repeat center center;
}
.ntcnbox {
    padding: 60px !important;
}
.ntcnbox .imgbox {
    position: absolute;
}
.ntcnbox .imgbox.ntcn04 {
    top: 50%;
    right: 120px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.ntcnbox .imgbox.ntcn05 {
    bottom: 0;
    right: 120px;
}
/*폐기물 배출품목 리스트*/
.list_count_box {
    position: relative;
    padding: 20px 20px 15px 20px;
    border-radius: 20px;
    border: 1px solid #e4e6e1;
    background: #fff;
    margin-top: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.list_count_box .counting_area {
    display: flex;
    justify-content: space-between;
    padding-right: 30px;
}
.list_count_box .btn_delete_discharge {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid #e4e6e1;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.list_count_box .btn_delete_discharge::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/sub/delete_discharge.png) no-repeat center / 12px auto;
}
.list_count_box .counting_area span {
    text-align: right;
    width: 110px;
}
.counter_wrap {
    display: flex;
    justify-content: space-between;
    /* margin: 0 auto; */
}
.counter_wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: 120px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #e4e6e1;
    background-color: #fff;
}
.counter_wrap .check_counting {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    height: 100%;
    border: none;
    border-left: 1px solid #e4e6e1;
    border-right: 1px solid #e4e6e1;
    background-color: #f1f1f1;
    font-family: "Pretendard";
    font-size: 18px;
    text-align: center;
}
.counter_wrap .btn_counting_minus {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 40px;
}
.counter_wrap .btn_counting_minus::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 3px;
    background: url(../images/sub/btn_counting_minus.png) no-repeat center / 11px auto;
}
.counter_wrap .btn_counting_plus {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 40px;
}
.counter_wrap .btn_counting_plus::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../images/sub/btn_counting_plus.png) no-repeat center / 11px auto;
}
.count_total_pay {
    width: 120px;
    text-align: right;
}
.list_count_box .info_text_area .ipt_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e4e6e1;
    background-color: #f8fdff;
    margin-top: 10px;
}

.list_count_box .counting_area .count_total_pay strong {
    font-family: "Pretendard";
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin-right: 5px;
}
.list_count_box .counting_area .ctit_wrap {
    display: block;
    width: 300px;
}
.list_count_box_wrap .price_total_group {
    padding: 10px 35px;
    text-align: right;
}
.list_count_box_wrap .price_total_group .txt {
    margin-right: 15px;
    font-size: 15px;
    font-weight: 700;
}
.list_count_box_wrap .price_total_group .price_won.total {
    color: #ff005a;
    font-family: "Pretendard";
    font-size: 21px;
    font-weight: 700;
}

/* 자주묻는 질문 아코디언 */
.qna_list {
    width: 100%;
    word-break: keep-all;
    margin-top: 30px;
}
.qna_list li {
    cursor: pointer;
}
.qna_title {
    padding: 15px 20px;
    width: 100%;
    border-bottom: solid 1px #eee;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0 10px;
}
.qna_title::before {
    content: "Q";
    width: 28px;
    height: 28px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: var(--maincolor);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.8;
}
.qna_title span {
    font-size: 18px;
    font-weight: 500;
    word-break: break-all;
}
.qna_arrow {
    width: 16px;
    height: 10px;
    background-image: url(../images/sub/h_arrow_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 20px;
}
.qna_title:focus-visible {
    outline: solid 1px #000;
}
.qna_title.active .qna_arrow {
    background-image: url(../images/sub/h_arrow.svg);
}
.qna_answer {
    display: none;
}
.qna_answer .conts {
    padding: 30px 30px 30px 58px;
    background-color: #f5fbf8;
    position: relative;
    font-size: 15px;
	word-break: break-all;
}
.qna_answer .conts::before {
    content: "A";
    position: absolute;
    top: 28px;
    left: 20px;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: var(--subcolor01);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}
/*이메일수집거부 페이지*/
.memb_gray_box {
    padding: 30px;
    border: 1px solid #e5e6ea;
    border-radius: 18px;
    background: #fff;
}
/*예시사진*/
.board_list .btn_view {
    flex: none;
    height: 32px;
    padding: 0 30px 0 12px;
    margin-left: auto;
    border: 1px solid #acaeaf;
    border-radius: 8px;
    background: url(../images/common/btn_gray_search.png) no-repeat right 10px center;
    background-size: 14px;
    font-size: 14px;
    line-height: 30px;
    background-color: #fff;
}
.board_list .btn_view:focus-visible {
    outline-offset: 1px;
}
/* 사진슬라이드 */
.photoList {
    height: 80%;
    width: 100%;
}
.photoList .swiper-wrapper {
    align-items: center;
}
.photoList .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.photoList .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 500px;
    max-height: 350px;
}
.photoList .swiper-button-prev,
.photoList .swiper-button-next {
    background-color: #fff;
    border: solid 1px #666;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.photoList .swiper-button-prev:after {
    margin-right: 2px;
}
.photoList .swiper-button-next:after {
    margin-left: 2px;
}
.photoList .swiper-button-prev:after,
.photoList .swiper-button-next:after {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}
.photoList .swiper-button-prev:hover,
.photoList .swiper-button-next:hover {
    border-color: var(--maincolor_active);
}
.photoList .swiper-button-prev:focus-visible,
.photoList .swiper-button-next:focus-visible {
    outline-color: var(--maincolor_active);
}
.photoList .swiper-button-prev:hover:after,
.photoList .swiper-button-next:hover::after,
.photoList .swiper-button-prev:focus-visible:after,
.photoList .swiper-button-next:focus-visible:after {
    color: var(--maincolor_active);
}
/* 썸네일슬라이드 */
.swiper.photoListThumb {
    width: 80%;
    height: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.photoListThumb .swiper-slide {
    background-size: cover;
    background-position: center;
}
.photoListThumb {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.photoListThumb .swiper-slide {
    width: 25%;
    height: 100px;
    opacity: 0.4;
	border-radius: 10px;
    border: solid 1px #c2c3cc;
}
.photoListThumb .swiper-slide-thumb-active {
    opacity: 1;
}
.photoListThumb .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.btn_photoView{
	margin-top: 2px;
	height: 18px;
}
.btn_photoView img{
	height: 100%;
	display: inline-block;
}

/********** E: sub contents **********/



/* S: 사진등록 */
.btn__add_wrap {
  width: 160px;
  height: 160px;
  border-radius: 5px;
  overflow: hidden;
}
.btn__add_photo {
  width: 100%;
  height: 160px;
  background: #dddddd url(../images/sub/ico_photo_add.png) no-repeat center / 64px auto;
  border: none;
  cursor: pointer;
}
.btn__delete_photo {
	position: absolute;
	top: -8px;
    right: -8px;
	width: 30px;
	height: 30px;
	background: url(../images/sub/ico_redX.png) no-repeat center / 30px auto;
	z-index: 1;
	cursor: pointer;
}
/* .photo_registration .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
} */
.photo_registration {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-left: 30px;
	gap: 15px;
}
.photo_registration .thumbnail_wrapper{
	width: 160px;
    height: 160px;
    position: relative;
}
/* .photo_registration > div + div{
	margin-left: 15px;
}
.photo_registration > div:nth-last-child(-n+5){
	margin-top: 15px;
}
.photo_registration > div:nth-child(6n){
	margin-left: 0;
} */
.photo_registration .thumbnail_wrapper .centered{
	width: 100%;
    height: 160px;
	background-color: #dddddd;
	border-radius: 5px;
	overflow: hidden;
}
.photo_registration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.photo_container .btn_wrap {
  width: 100%;
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
}
.btn_wrap .btn__save_photo {
  width: 100px;
  height: 50px;
  color: #ffffff;
  font-size: 24px;
  background-color: #1f85c5;
  border: none;  border-radius: 5px;
  text-align: center;
  margin-right: 15px;
  cursor: pointer;
}
.btn_wrap .btn__cancel_photo {
  width: 100px;
  height: 50px;
  color: #ffffff;
  font-size: 24px;
  background-color: #999999;
  border: none;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
/* E: 사진등록 */

.ipt_flex.allchk {
  padding-bottom: 15px;
  border-bottom: solid 1px #eee;
  margin: 50px 0 30px;
}
.ipt_flex.allchk span {
  font-size: 18px;
  font-weight: 700;
  color: var(--popbg_btn);
}