@import url("./header.css");
@import url("./footer.css");
@import url("./ico.css");
@import url("./accordion.css");
@import url("./popup.css");
@import url("./toast.css");
@import url("./f_group.css");

.dp_f{display: flex !important;}
/* margin : top */
.mt6  {margin-top: 6px !important;}
.mt8  {margin-top: 8px !important;}
.mt12 {margin-top: 12px !important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mt28 {margin-top: 28px !important;}
.mt32 {margin-top: 32px !important;}
.mt40 {margin-top: 40px !important;}
.mt44 {margin-top: 44px !important;}
.mt48 {margin-top: 48px !important;}
.mt60 {margin-top: 60px !important;}
/* margin : left */
.ml4 {margin-left: 4px !important;}
.ml8 {margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml16{margin-left: 18px !important;}
.ml20{margin-left: 20px !important;}
.ml28{margin-left: 28px !important;}
/* padding : right */
.pr20 {padding-right: 20px !important;}
.pl0 {padding-left: 0 !important}
/* align : left, center, right, top, middle, bottom */
.a_l {text-align: left !important;}
.a_c {text-align: center !important;}
.a_r {text-align: right !important;}
.v_t {vertical-align: top !important;}
.v_m {vertical-align: middle !important;}
.v_b {vertical-align: bottom !important;}
.fc_blue {color: #5d5fe4 !important;}
.fc_gray {color: #717171 !important;}
.fc_red {color: #e0280a !important;}
.fc_black {color: #000 !important;}

.a_ll { text-align: left !important;}
.a_lr { text-align: left !important;}
.a_lc { text-align: left !important;}
.a_rr { text-align: right !important;}
.a_rl { text-align: right !important;}
.a_rc { text-align: right !important;}
.a_cc { text-align: center !important;}
.a_cl { text-align: center !important;}
.a_cr { text-align: center !important;}

.w_auto { width:auto !important;}

.water {
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index: 9999999;
    pointer-events: none;
    background-image: url(../img/water.png);
    background-repeat: repeat;
    opacity: .1;
}

.break {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

.nowrap {
    white-space: nowrap  !important;
}

/* 접근성 css */
.a11y_blind {position: absolute !important;clip: rect(0 0 0 0) !important;width: 1px !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;color: transparent !important;}
/* scroll bar */
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-track {background: #fff; border-radius: 100px;}
::-webkit-scrollbar-thumb {background: #0000004d; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
.lock {overflow: hidden;}
/*gap_group*/
[class*="gap_group"]{display: block;width: 100%;box-sizing: border-box;position: relative;}
[class*="gap_group"] + .gap_group4840{margin-top: 48px;}
[class*="gap_group"] + .gap_group4040{margin-top: 40px;}
[class*="gap_group"] + .gap_group4832{margin-top: 48px;}
[class*="gap_group"] + .gap_group6040{margin-top: 60px;}
[class*="gap_group"] + .gap_group4032{margin-top: 40px;}
[class*="gap_group"] + .gap_group4024{margin-top: 40px;}
[class*="gap_group"] + .gap_group3220{margin-top: 32px;}
[class*="gap_group"] + .gap_group2420{margin-top: 24px;}
[class*="gap_group"] + .gap_group2424{margin-top: 24px;}
[class*="gap_group"] + .gap_group1612{margin-top: 16px;}
[class*="gap_group"] + .gap_group4020{margin-top: 40px;}
[class*="gap_group"] + .gap_group2020{margin-top: 20px;}
[class*="gap_group"] + .gap_group2016{margin-top: 20px;}
[class*="gap_group"] + .gap_group2000{margin-top: 20px;}
[class*="gap_group"] + .gap_group4000{margin-top: 40px;}
[class*="gap_group"] + .gap_group4840{margin-top: 48px;}
[class*="gap_group"] + .gap_group6020{margin-top: 60px;}
[class*="gap_group"] + .gap_group6000{margin-top: 60px;}
[class*="gap_group"] + .gap_group1220{margin-top: 12px;}
[class*="gap_group"] + .gap_group1224{margin-top: 12px;}
[class*="gap_group"] + .gap_group1624{margin-top: 16px;}
[class*="gap_group"] + .gap_group1200{margin-top: 12px;}
[class*="gap_group"] + .gap_group2820{margin-top: 28px;}
[class*="gap_group"] + .gap_group2400{margin-top: 24px;}
[class*="gap_group"] + .gap_group1212{margin-top: 12px;}
[class*="gap_group"] + .gap_group6032{margin-top: 60px;}
[class*="gap_group"] + .gap_group6060{margin-top: 60px;}
[class*="gap_group"] + .gap_group6048{margin-top: 60px;}
[class*="gap_group"] + .gap_group8060{margin-top: 80px;}
[class*="gap_group"] + .gap_group8040{margin-top: 80px;}
[class*="gap_group"] + .gap_group4424{margin-top: 44px;}
/*//gap_group*/
/*pc0번대 애들은 단독 선언*/
.gap_group0020{margin-top: 0px;}
.gap_group0024{margin-top: 0px;}
.depth_wrap{display: none;}
.btn_sort_list {display: flex;width:max-content;align-items: center;justify-content: center;}
.btn_sort_card{display: flex;width:max-content;align-items: center;justify-content: center;}
.btn_inout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;
    margin-top: 6px;
} 
.btn_inout .txt {
    width: max-content;
    display: block;
    box-sizing: border-box;

    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.group01 {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    width: 100%;
    gap: 4px;
}

/* 버튼 */
.btn-login {
    display: flex;
    align-items: center;
    gap: 0 4px;
    flex-shrink: 0;
    cursor: pointer;
}
.btn-login > .txt {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
}
.btn-menu {
    display: flex;
    align-items: center;
    gap: 0 4px;
    flex-shrink: 0;
    cursor: pointer;
}
.btn-menu > .txt {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
}
.btn-member {
    /* padding: 12px 16px; */
    padding: 24px 54px;
    border-radius: 12px;
    border: 1px solid #DCDCDC;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.btn-member > .txt {
    font-size: 17px;
    font-weight: 400;
    word-break: keep-all;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
}
.btn-member.active > .txt{
    color: #fff;
}
.btn-member.active {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background-color: #5d5fe4;
}
.btn-sns {
    width: 172px;
    height: 126px;
    padding: 20px 30px;
    border-radius: 24px;
    
    display: flex;
    align-items: center;
    flex-direction: column;
    
    border: 1px solid #dcdcdC;
    background-color: #fff;
}
.btn-sns > .txt {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    margin-top: 12px;
    line-height: 1.5;
}
.btn-join {
    width: 100%;
    max-width: 440px;
    display: block;
    box-sizing: border-box; 
    padding: 1px 20px;
    border-radius: 999px;
}
.btn-join .txt {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 700;
    color: #fff;
    background-color: #5d5fe4;
}
.btn-bank {
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
}
.btn-light {
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
}
.btn-ask {
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
}
.btn-share {
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
}
.btn-print {
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
}
.btn_delete {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    border: 1px solid #b9b9b9;
}
.btn_agree {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #b9b9b9;
    gap: 0 6px;
    padding: 5px 16px;
    margin-top: 12px;
}
.btn_agree > .txt {
    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
}
.btn-v {
    width: 208px;
    height: 144px;
    border-radius: 24px;
    background-color: #ffffff;
    cursor: pointer;
    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    box-sizing: border-box;
    border: 2px solid transparent;
    
}
.btn-v > img{
    width: 60px;
    height: 60px;
}
.btn-v.kakao,
.btn-v.naver,
.btn-v.apple,
.btn-v.dop,
.btn-v.mobileid,
.btn-v.samwallet {
    font-size: 21px;
    font-weight: 600;
    color: #1e1e1e;
}
.btn-v.kakao.active,
.btn-v.naver.active,
.btn-v.apple.active,
.btn-v.dop.active,
.btn-v.mobileid.active,
.btn-v.samwallet.active {
    border: 2px solid #5d5fe4;
    color: #5d5fe4;
    background-color: #f6f8fe;
}
.btn-v.mobileid .ico_mobile_id {
    width: 60px;
    height: 60px;
    border: 1px solid #dcdcdc;
    border-radius: 999px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-v.samwallet .ico_samwallet {
    width: 62px;
    height: 62px;
    background-color: #212fc1;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/ico_samsung_wallet.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
}
.btn-v.samwallet .ico_samwallet img {
    display: none;
}
.btn_email_plus {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #717171;
    background-color: #ffffff;
}
.btn_email_minus {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #717171;
    background-color: #ffffff;
}
.btn_member {
    position: relative;
    padding: 5px 28px 4px 12px;
    min-height: 28px;
    border: 1px solid #b9b9b9;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #1e1e1e;
    cursor: pointer;
}
.btn_member::before{
    content: '';
    position: absolute;
    top : 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("../img/ico_btn_arr.svg") no-repeat center/100%;
}
.btn_join {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    cursor: pointer;
    line-height: 1.5;
    margin: 0 auto;
    margin-top: 40px;
}
.btn_join::before{
    content: '';
    position: absolute;
    top : 50%;
    right: -24px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("../img/ico_btn_arr.svg") no-repeat center/100%;
}
.btn-cus {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 6px 0;
}
.btn-cus > .txt {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
}
.file_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.file_box01 .file_upload{
    display: block;
}
.file_box01 .file_info{
    display: block;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
    margin-top: 12px;
}
.tbl_row02 > .modify .file_box01 .file_info{
    display: block;
}

.btn_list {
    padding: 0;
    font-size: 0;
}
.btn_list_type1 {
    min-width: 200px;
    border: 1px solid #b9b9b9;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    padding: 10px 0;
    border-radius: 24px;
    flex-shrink: 0;
}
.btn_list_type2 {
    min-width: 200px;
    border: 1px solid #5d5fe4;
    font-size: 21px;
    font-weight: 700;
    color: #5d5fe4;
    padding: 10px 0;
    border-radius: 24px;
    background-color: #f6f8fe;
    flex-shrink: 0;
}
.btn_list_type3 {
    min-width: 200px;
    border: 1px solid #b9b9b9;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    padding: 10px 0;
    border-radius: 24px;
    flex-shrink: 0;
}

.btn_filter {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.btn_filter::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform :translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('../img/ico_filter_default.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.btn_filter.up::after {
    background-image: url('../img/ico_filter_default.svg');
    transform: rotate(180deg) translateY(50%);
}
.btn_filter.active::after {
    background-image: url('../img/ico_filter_up.svg');
    transform: rotate(180deg) translateY(50%);
}
.btn_filter.up.active::after {
    background-image: url('../img/ico_filter_up.svg');
    transform: rotate(0) translateY(-50%);
}
.btn_filter > .txt {
    display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding-right: 20px;
}
.btn_filter.active > .txt {
    color: #5d5fe4;
    font-weight: 700;
}
.btn_list_add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px; 
    flex-shrink: 0;
}

.btn_list_add > .txt{
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.btn_list_add_01 {
    appearance: none;
    padding: 0;
    
    color: transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;

    display: flex;
    align-items: center;
    gap: 0 8px;
}
.btn_toggle {
    display: flex;
    align-items: center;
    background-color: #312bc5;
    
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;

    gap: 0 4px;
    padding: 6px 12px;
    border-radius: 16px;
    min-height: 32px;
    flex-shrink: 0;
}
.btn-save {
    display: block;
    box-sizing: border-box;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;

    padding: 0 12px;
    border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #b9b9b9;
    flex-shrink: 0;
}
.btn-history {
    display: block;
    box-sizing: border-box;
    height: 32px;

    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;

    padding: 0 12px;
    border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #b9b9b9;
    flex-shrink: 0;
}
.btn-select {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    
    padding: 9px 16px;

    width: 100%;
    border-radius: 8px;
    border: 1px solid #b9b9b9;
    text-align: left;
    min-width: 140px;
}
.btn_tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    padding: 8px 12px;
    background-color: #ffffff;
    border-radius: 16px;
    border: 1px solid #b9b9b9;
    /* cursor: pointer; */
    flex-shrink: 0;
    width: max-content;
}
.btn_tag .tit {
    font-size: 14px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1;
}
.btn_tag.act {
    background-color: #e9e9fc;
}
.btn_tag.act .tit {
    font-weight: 600;
}
.btn_reflash {
    /* position: absolute;
    right: 20px;
    bottom: 16px;
    font-size: 0;
    padding: 0;
    cursor: pointer; */
    display: none;
}
.btn_reflash.active {
    display: block;
}
.btn_search {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    background-color: #5d5fe4;
    border: 1px solid #999;
    padding: 10px 20px;
    border-radius: 24px;
    gap: 0 6px;
    min-width: 208px;
}
.btn_reserch {
    height: 32px;
}
.btn_reset {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    background-color: #ffffff;
    border: 1px solid #b9b9b9;
    padding: 10px 20px;
    border-radius: 24px;
    gap: 0 6px;
    min-width: 208px;
}
.btn_close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4px;

    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;
    background-color: #ffffff;
    border-radius: 16px;
    padding: 6px 16px;
    border: 1px solid #b9b9b9;
    cursor: pointer;
}
.btn_clear01{
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_close_grey.svg");
    font-size: 0;
    color: transparent;
}
.btn-share_kakao {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    flex-shrink: 0;
}

.btn-share_kakao .txt {
    width: max-content;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.btn-share_email {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    flex-shrink: 0;
}

.btn-share_email .txt {
    width: max-content;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.btn-share_url {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    flex-shrink: 0;
}

.btn-share_url .txt {
    width: max-content;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.btn-share_more {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    flex-shrink: 0;
}

.btn-share_more .txt {
    width: max-content;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}

.btn_qna > span {
    font-size: 15px;
    font-weight: 400;
    color: #1E1E1E;
}
.auth {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 440px;
    margin: 0 auto;
}
.auth .btn {
    width: 52px;
    height: 52px;
    cursor: pointer;
    border-radius: 8px;
    flex-shrink: 0;
    background-color: #ffffff;
}

.op_common_btn.primary.w440 {
    min-width: 440px; 
    margin: 0 auto;
    margin-top: 24px;
}
.op_common_btn.primary.w200 {
    min-width:  200px
}
.op_common_btn.tertiary.w200 {
    min-width: 200px;
}
.op_common_btn.secondary.w200 {
    min-width:  200px
}
/*버튼*/
.op_common_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    max-width: 100%;
    min-width: 72px;
    position: relative;
}
/* primary */
.op_common_btn.primary{background-color: #5d5fe4;}
.op_common_btn.primary .txt{color: #fff;}
.op_common_btn.primary:hover{background-color: #3f40dc;}
.op_common_btn.primary:hover .txt{color: #f6f8fe;}
.op_common_btn.primary:active{background-color: #5d5fe4;}
.op_common_btn.primary:active .txt{color: #fff;}
.op_common_btn.primary:disabled{background-color: #c8c7f6;cursor: auto;}
.op_common_btn.primary:disabled .txt{color: #cde7ea;}

/* secondary */
.op_common_btn.secondary{background-color: #f6f8fe; border: 1px solid #5d5fe4;}
.op_common_btn.secondary .txt{color: #5d5df4;}
.op_common_btn.secondary:hover{background-color: #e9e9fc;border: 1px solid #3f40dc;}
.op_common_btn.secondary:hover .txt{color: #3f40dc;}
.op_common_btn.secondary:active{background-color: #a2a3ef;border: 1px solid #312bc5;}
.op_common_btn.secondary:active .txt{color: #312bc5;}
.op_common_btn.secondary:disabled{background-color: #ebebeb;border: 1px solid #b9b9b9;cursor: auto;}
.op_common_btn.secondary:disabled .txt{color: #9a9a9a;}

/* tertiary */
.op_common_btn.tertiary{background-color: #fff;border: 1px solid #717171;}
.op_common_btn.tertiary .txt{color: #1E1E1E;}
.op_common_btn.tertiary:hover{background-color: #f9f9f9;border: 1px solid #717171;}
.op_common_btn.tertiary:hover .txt{color: #1E1E1E;}
.op_common_btn.tertiary:active{background-color: #fff;border: 1px solid #1e1e1e;}
.op_common_btn.tertiary:active .txt{color: #1E1E1E;}
.op_common_btn.tertiary:disabled{background-color: #ebebeb;border: 1px solid #b9b9b9;cursor: auto;}
.op_common_btn.tertiary:disabled .txt{color: #9a9a9a;}
.op_common_btn.tertiary:disabled:hover{background-color: #ebebeb;border: 1px solid #b9b9b9;cursor: auto;}
.op_common_btn.tertiary:disabled:hover .txt{color: #9a9a9a;}

.op_common_btn.lg {min-height: 52px;padding: 1px 20px 0 20px;border-radius: 999px;gap: 6px;line-height: 1.5;min-width: 208px;}
.op_common_btn.lg .txt {font-size: 21px;font-weight: 700;}
.op_common_btn.lg [class*="ico"] {display: block;width: 20px;height: 20px;background-size: 20px 20px;background-position: center center;flex-shrink: 0;}
.op_common_btn.md{min-height: 40px;padding: 1px 20px 0 20px;border-radius: 999px;gap: 6px;line-height: 1.5;min-width: 92px;}
.op_common_btn.md .txt{font-size: 17px;font-weight: 600;}
.op_common_btn.md [class*="ico"]{display: block;width: 20px;height: 20px;background-size: 20px 20px;background-position: center center;flex-shrink: 0;}
.op_common_btn.sm{min-height: 36px;padding: 1px 16px 0 16px;border-radius: 999px;gap: 6px;line-height: 1.4;}
.op_common_btn.sm .txt{font-size: 15px;font-weight: 600;}
.op_common_btn.sm [class*="ico"]{display: block;width: 20px;height: 20px;background-size: 20px 20px;background-position: center center;flex-shrink: 0;}
.op_common_btn.xs{min-height: 32px;padding: 1px 12px 0 12px;border-radius: 999px;gap: 4px;line-height: 1.4;}
.op_common_btn.xs .txt{font-size: 14px;font-weight: 600;}
.op_common_btn.xs [class*="ico"]{display: block;width: 16px;height: 16px;background-size: 16px 16px;background-position: center center;flex-shrink: 0;}


/* 버튼 사각형 */
.op_common_btn.lg.sq,
.op_common_btn.md.sq,
.op_common_btn.sm.sq,
.op_common_btn.xs.sq {
    border-radius: 12px;
}

/* 버튼 pc, mobile 분리 */
.op_common_btn.pc { display: block; }
.op_common_btn.mobile { display: none; }

.btn_box_left01{display: flex;width: 100%;justify-content: flex-start;align-items: center;gap: 8px;}
.btn_box_left02{display: flex;width: 100%;justify-content: flex-start;align-items: center;gap: 8px;}
.btn_box_right01{display: flex;width: 100%;justify-content: flex-end;align-items: center;gap: 8px;}
.btn_box_right02{display: flex;width: 100%;justify-content: flex-end;align-items: center;gap: 8px;}
.btn_box_right03{display: flex;width: 100%;justify-content: flex-end;align-items: center;gap: 8px;}
.btn_box_right04{display: flex;width: 100%;justify-content: flex-end;align-items: center;gap: 8px;}
.btn_box_center01{display: flex;width: 100%;justify-content: center;align-items: center;gap: 8px;}
.btn_box_center02{display: flex;width: 100%; justify-content: center;align-items: center;gap: 8px;}
.btn_box_center03{display: flex; flex-flow: column ; width: 100%; justify-content: center;align-items: center;gap: 8px;}
.btn_box_center04{display: flex;width: 100%; justify-content: center;align-items: center;gap: 8px;}
.btn_box_center05{display: flex; flex-flow: column ; width: 100%; justify-content: center;align-items: center;gap: 12px;}

/* 로딩 */
.loading_area {padding: 24px 20px 20px 20px;}
.loading_area {display: flex; height:100vh; flex-direction: column; justify-content: space-between;}
.loading_area .loading_img {text-align: center;}
.loading_area .loading_txt .tit {margin-bottom: 10px; font-size: 24px; font-weight: 600;}
.loading_area .loading_txt .txt {line-height: 1.3;}
.loading_area .btn_box_center04 {width:100%}

/*체크박스*/
fieldset{position: relative;}
fieldset > legend{display: block;width: 0;height: 0;font-size: 0;color: transparent;position: absolute;top: 0;left: 0;z-index: -1;}

.op_common_chk00{display: block; width: max-content;position: relative;}
.op_common_chk00 > input{display: block;flex-shrink: 0;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_check_off.svg");}
.op_common_chk00 > input:hover{background-image: url("../img/ico_check_hover_off.svg");}
.op_common_chk00 > input:disabled{background-image: url("../img/ico_check_disabled_off.svg") !important;}
.op_common_chk00 > input:checked:disabled{background-image: url("../img/ico_check_disabled_on.svg") !important;}
.op_common_chk00 > input:checked{background-image: url("../img/ico_check_on.svg");display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;}
.op_common_chk00 > input:checked:hover{background-image: url("../img/ico_check_hover_on.svg");}

.op_common_chk01{display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
.op_common_chk01 > input{display: block;flex-shrink: 0;width: 24px;height: 24px;background-image: url("../img/ico_check_off.svg");background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.op_common_chk01 > input:hover{background-image: url("../img/ico_check_hover_off.svg");}
.op_common_chk01 > input:disabled{background-image: url("../img/ico_check_disabled_off.svg") !important;}
.op_common_chk01 > input:checked:disabled{background-image: url("../img/ico_check_disabled_on.svg") !important;}
.op_common_chk01 > input:disabled + label{color: #9a9a9a;}
.op_common_chk01 > input:checked{background-image: url("../img/ico_check_on.svg");display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.op_common_chk01 > input:checked:hover{background-image: url("../img/ico_check_hover_on.svg");}
.op_common_chk01 > label{display: block;font-size: 17px;font-weight: 400;color: #1E1E1E;line-height: 1.5;}
.op_common_chk01 > input + label{margin-left: 8px;}
.op_plant01 .op_common_chk01 > label{font-size: 15px;}
/* chk_list01 */
.chk_list01{gap: 8px 16px;  display: flex;justify-content: flex-end; align-items: flex-start;width: 100%; flex-shrink: 0; flex-wrap: wrap;}
.chk_list01 > li + li{margin-left: 0;}

/*라디오*/
.op_common_radio01 {display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
.op_common_radio01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;flex-shrink: 0;}
.op_common_radio01 > input:hover{background-image: url("../img/ico_rdo_hover_off.svg");}
.op_common_radio01 > input:disabled{background-image: url("../img/ico_rdo_disabled_off.svg"); cursor: default; }
.op_common_radio01 > input:disabled + label{color: #9a9a9a;cursor: default;}
.op_common_radio01 > input:checked{background-image: url("../img/ico_rdo_on.svg");display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.op_common_radio01 > input:checked:hover{background-image: url("../img/ico_rdo_hover_on.svg");}
.op_common_radio01 > input:checked:disabled{background-image: url("../img/ico_rdo_disabled_on.svg");}
.op_common_radio01 > label{display: block;font-size: 17px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}
.op_common_radio01 > input + label{padding-left: 8px;}



/* rdo_list01 */
.rdo_list01 {gap: 8px 16px;  display: flex;justify-content: flex-start;align-items: flex-start;width: 100%; flex-wrap: wrap; flex-shrink: 0;}
.rdo_list01 > li + li {margin-left: 0;}
.rdo_list02{gap: 8px 16px;  display: flex;justify-content: center;align-items: flex-start;width: 100%; flex-wrap: wrap; flex-shrink: 0;}
.rdo_list02 > li + li{margin-left: 0;}
.rdo_list03{gap: 8px 16px;  display: flex;justify-content: flex-end; align-items: flex-start;width: 100%; flex-shrink: 0; flex-wrap: wrap;}
.rdo_list03 > li + li{margin-left: 0;}

/* rdo_list01 */
.op_common_list06 { display: flex; flex-flow: column; justify-content: flex-start;align-items: center;width: 100%; flex-shrink: 0; border-bottom: 1px solid #ebebeb;}
.op_common_list06.type01 { margin-top: -20px; } 
.op_common_list06.type02 { border-top: 1px solid #ebebeb; } 
.op_common_list06 > li + li {border-top: 1px solid #ebebeb;}
.op_common_list06 > li { width: 100%; padding: 20px; }
.op_common_list06 .toggle_switch01 > label { width: 100%; justify-content: space-between; }
.op_common_list06 .toggle_switch01 > label .toggle_switch_text { color: #1e1e1e; font-size: 17px; font-weight: 600; line-height: 1.5; }
.op_common_list06 .toggle_switch01 > label .toggle_switch_text.type01 { padding-bottom: 17px; }
.op_common_list06 > li.type_btn { padding: 0; }
.op_common_list06 > li.type_btn .list_btn { width: 100%; padding: 20px; text-align: left; background-repeat: no-repeat; background-position: center right 20px; background-image: url(../img/ico_arrow_rht2.svg); }
.op_common_list06 > li.type_btn .list_btn .list_btn_tit { display: block; color: #1e1e1e; font-size: 17px; font-weight: 600; line-height: 1.5; }
.op_common_list06 > li.type_btn .list_btn .list_btn_tit + .list_btn_txt { margin-top: 4px; }
.op_common_list06 > li.type_btn .list_btn .list_btn_txt { display: block; color: #5d5d5d; font-size: 15px; font-weight: 400; line-height: 1.5; }
.op_common_list06 > li .list_dp { display: flex; align-items: anchor-center; justify-content: space-between; }
.op_common_list06 > li .list_dp .op_common_btn { width:unset; }
.op_common_list06 > li .list_dp .list_dp_tit { display: block; color: #1e1e1e; font-size: 17px; font-weight: 600; line-height: 1.5; }
.op_common_list06 > li .list_dp .list_dp_tit > .txt_sub { padding-left: 4px; color: #5d5d5d; font-size: 12px; font-weight: 400; line-height: 1.5;}
.op_common_list06 > li .list_dp .list_dp_tit + .list_dp_txt { margin-top: 4px; }
.op_common_list06 > li .list_dp .list_dp_txt { display: block; color: #5d5d5d; font-size: 15px; font-weight: 400; line-height: 1.5; }
.op_common_list06 > li .list_dp .list_dp_rht { color: #1e1e1e; font-size: 16px; font-weight: 600; line-height: 1.5; }
.op_common_list06 > li .toggle_switch01 .popup_blank01 { display: block; margin-top: -13px; width: 74px; color: #5d5d5d; font-size: 13px; line-height: 1.5; text-decoration: underline; }
.op_common_list06 > li .op_common_link { color: #1e1e1e; font-size: 15px; font-weight: 400; line-height: 1.5; }
.op_common_list06 > li .op_common_link > a { color: #1e1e1e; text-decoration: underline; }
.op_common_list06 > li .op_common_link > a:visited { color: #717171; }
.op_common_list06 > li .op_common_link > a:link { color: #1e1e1e; }


.btn_select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 40px;
    border: 1px solid #717171;
    border-radius: 8px;
    position: relative;
}
.btn_select::after {
    content: '';
    position: absolute;
    display: block;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url('../img/ico_btn_arr.svg');
    background-position: center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}
.btn_select > .txt {
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    padding-left: 16px;
}


/* Input */



input{appearance: none;}
input[type="checkbox"],
input[type="radio"] {margin: 0; border: 0;}

.op_common_input01.w100 {width: 100px;}
.op_common_input01.w120 {width: 120px;}
.op_common_input01.w460 {width: 460px;}
.op_common_input01.min120 {min-width: 120px;}


.op_common_input01{display: block;width: 100%; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input01 > label {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;color: transparent;}
.op_common_input01 > input{
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 1px 16px 0 16px;
    border: 1px solid #717171;
    background-color: #fff;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_input01 > input:focus{outline: none;border: 1px solid #1E1E1E;}
.op_common_input01 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input01 > input:read-only{background-color: #ebebeb;color: #1e1e1e;border: 1px solid #717171; padding: 1px 16px 0 16px;}
.op_common_input01 > .btn_clear01{display: none ;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input01 > input:not(:placeholder-shown) ~ .btn_clear01{display: block;}
.op_common_input01 > input:not(:placeholder-shown){
    padding: 1px 38px 0 16px;
}
.op_common_input01 > input:not(:placeholder-shown):disabled {
    padding: 1px 16px 0 16px;
}
.op_common_input01 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input01 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.op_common_input01.error > input{border: 1px solid #e0280a;}
.op_common_input01.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input01.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input01.success > input{border: 1px solid #006e25;}

.op_common_input20{display: block;width: 380px; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input20 > label {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;color: transparent;}
.op_common_input20 > input{
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 1px 38px 0 16px;
    border: 1px solid #717171;
    background-color: #fff;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_input20 > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input20 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input20 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171; padding: 1px 16px 0 16px;}
.op_common_input20 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input20 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input20 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input20 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.op_common_input20.error > input{border: 1px solid #e0280a;}
.op_common_input20.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input20.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input20.success > input{border: 1px solid #006e25;}
.op_common_input20 > input:placeholder-shown {
    padding: 1px 16px 0 16px;
}



.op_common_input02{display: flex;justify-content: flex-start;align-items: flex-start;width: 100%;box-sizing: border-box;position: relative;min-height: 40px;gap: 16px;}
.op_common_input02 .part_box {display: block;width: 100%;position: relative;}
.op_common_input02 > label{display: block;width: max-content;flex-shrink: 0;font-size: 15px;font-weight: 400;color: #1E1E1E;margin-top: 6.5px;line-height: 1.5;}
.op_common_input02 .part_box > input{
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #717171;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 32px 0 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_input02 .part_box > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input02 .part_box > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input02 .part_box > input:read-only{background-color: #ebebeb;color: #1e1e1e;border: 1px solid #717171; padding: 1px 16px 0 16px;}
.op_common_input02 .part_box > input:read-only ~ .btn_clear01{display: none;}
.op_common_input02 .part_box > .btn_clear01{position: absolute;top: 10px;right: 12px;z-index: 10;background-size: 20px 20px;display: block;}
.op_common_input02 .part_box > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input02 .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;margin-top: 8px;}
.op_common_input02.error .part_box > input{border: 1px solid #e0280a;}
.op_common_input02.error .msg{color: #e0280a;display: block;}
.op_common_input02.success .msg{color: #006e25;display: block;}
.op_common_input02.success .part_box > input{border: 1px solid #006e25;}
.op_common_input02 .part_box > input:placeholder-shown {
    padding: 1px 16px 0 16px;
}



.op_common_input03{display: block;box-sizing: border-box;position: relative;width: 100%;min-height: 40px;}
.op_common_input03 > label {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;background-color: transparent;z-index: -1;}
.op_common_input03 > input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 32px 0 12px;
    border: 1px solid #717171;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    color: #1E1E1E;
}
.op_common_input03 > input:focus{outline: none;border: 1px solid #1E1E1E;}
.op_common_input03 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input03 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input03 > .btn_clear01{display: block;position: absolute;top: 8px;right: 12px;z-index: 10;background-size: 20px 20px;}
.op_common_input03 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input03 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input03 > .msg {width: auto;font-size: 13px;font-weight: 400;line-height: 1.5;}

.op_common_input04{display: block;width: 100%; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input04 > label {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: -1;background-color: transparent;}
.op_common_input04 > input{display: block;width: 100%; min-width: 400px; min-height: 40px;padding: 8px 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_common_input04 > input:focus{outline: none;border: 1px solid #1E1E1E;}
.op_common_input04 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input04 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input04 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input04 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input04 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input04 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.op_common_input04.error > input{border: 1px solid #e0280a;}
.op_common_input04.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input04.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input04.success > input{border: 1px solid #006e25;}

.op_common_input05{display: block;width: 100%; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input05 > label {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: -1;background-color: transparent;}
.op_common_input05 > input{display: block;width: 100%; min-height: 40px;padding: 8px 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_common_input05 > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input05 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input05 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input05 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input05 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input05 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input05 > .msg{display: block; width: 100%;font-size: 15px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 12px;}

.op_common_input06 {display: block;width: 100%;box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input06 > label {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: -1;background-color: transparent;}
.op_common_input06 > input {
    display: block;
    width: 100%;
    min-height: 40px;
    /* padding: 8px 16px; */
    padding: 1px 38px 0 16px;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_input06 > input:focus {outline: none;border: 1px solid #1e1e1e;}
.op_common_input06 > input:disabled {background-color: #ebebeb;color: #717171 !important;}
.op_common_input06 > input:read-only {background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input06 > .btn_clear01 {display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input06 > input:placeholder-shown ~ .btn_clear01 {display: none;}
.op_common_input06 > input:read-only ~ .btn_clear01 {display: none;}
.op_common_input06 > .msg {display: block;width: 100%;font-size: 15px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 12px;}
.op_common_input06 > input:placeholder-shown {
    padding: 1px 16px 0 16px;
}




.op_common_input07 {display: block;width: 100%;box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input07 > label {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: -1;background-color: transparent;}
.op_common_input07 > input {display: block;width: 100%;min-height: 40px;padding: 8px 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1e1e1e;}
.op_common_input07 > input:focus {outline: none;border: 1px solid #1e1e1e;}
.op_common_input07 > input:disabled {background-color: #ebebeb;color: #717171 !important;}
.op_common_input07 > input:read-only {background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input07 > .btn_clear01 {display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input07 > input:placeholder-shown ~ .btn_clear01 {display: none;}
.op_common_input07 > input:read-only ~ .btn_clear01 {display: none;}
.op_common_input07 > .msg {display: block;width: 100%;font-size: 15px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;color: #5d5d5d;}
.op_common_input12.error > input{border: 1px solid #e0280a;}

.tab_box03 > .tab_contents .box_unit01 .box_group02 .btn_group01 li:first-child .op_common_input09{
    margin-top: 0;
}

.op_common_input09{display: block;width: 100%;box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input09 > label {font-size: 17px;font-weight: 700;color: #1e1e1e;}
.op_common_input09 > input{display: block;width: 100%;min-height: 40px;padding: 8px 16px;border: 1px solid #717171;background-color: #fff;border-radius: 8px;font-size: 17px;font-weight: 400;line-height: 1.5;color: #1E1E1E;margin-top: 8px;}
.op_common_input09 > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input09 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input09 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input09 > .btn_clear01{display: block;position: absolute;top: 36px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input09 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input09 > input:read-only ~ .btn_clear01{display: none;}

/* 주민등록번호 생성 */
.op_common_input10{display: block;width: 100%; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input10 > input{display: block;width: 100%;min-height: 40px;padding: 8px 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_common_input10 > input:focus{outline: none;border: 1px solid #1E1E1E;}
.op_common_input10 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input10 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input10 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input10 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input10 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input10 > label {font-size: 17px;font-weight: 700;color: #1e1e1e;margin-bottom: 8px;display: inline-block;text-align: left;}
.op_common_input10 > .box_input01 {display: flex;align-items: center;}

.op_common_input11{display: block;width: 100%; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input11 > input{display: block;width: 100%;min-height: 40px;padding: 8px 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_common_input11 > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input11 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input11 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input11 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input11 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input11 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input11 > label {font-size: 17px;font-weight: 700;color: #1e1e1e;margin-bottom: 8px;display: inline-block;text-align: left;}
.op_common_input11 > .box_input01 {display: flex;align-items: center;}
.op_common_input11 > .box_input01 .op_common_input01 { width: 188px;}

/* 개명신청조회 타입 width 값 조정*/
.op_common_input13{display: block;width: 100%; max-width: 380px; box-sizing: border-box;position: relative;min-height: 40px;}
.op_common_input13 > label {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;color: transparent;}
.op_common_input13 > input{display: block;width: 100%; min-height: 40px;padding: 1px 38px 0 16px;border: 1px solid #b9b9b9;background-color: #fff;border-radius: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_common_input13 > input:focus{outline: none;border: 1px solid #1e1e1e;}
.op_common_input13 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input13 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input13 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.op_common_input13 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input13 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input13 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.op_common_input13.error > input{border: 1px solid #e0280a;}
.op_common_input13.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input13.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input13.success > input{border: 1px solid #006e25;}


.op_common_input12 {
    position: relative;
    display: block;
    width: 380px;
    box-sizing: border-box;
}
.op_common_input12 > input{
    display: block;
    width: 100%;
    height: 40px;
    padding: 1px 38px 0 16px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px 8px;
    border: 1px solid #717171;
    background-color: #fff;
    color: #1e1e1e;
}
.op_common_input12.active > input{
    display: block;
    width: 100%;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #1e1e1e;
}
.op_common_input12 > input:focus {
    outline: none;
    border: 1px solid #1e1e1e;
}
/* .op_common_input12 > input:not(:placeholder-shown):focus {
    outline: none;
    border: 1px solid #1e1e1e;
    border-bottom: 0;
} */
.op_common_input12.self .select_option01{
    display: none;
}
/* .op_common_input12.self > input:not(:placeholder-shown){
    border: 1px solid #1e1e1e;
    border-radius: 8px;
} */
.op_common_input12 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input12 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input12 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;transform: translateY(0%);background-size: 20px 20px;z-index: 10;}
.op_common_input12 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input12.active > .btn_clear01{display: none !important;}
.op_common_input12 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input12 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}

.op_common_input12.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input12.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input12.success > input{border: 1px solid #006e25;}
.op_common_input12 .select_option01 {
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    display: block;
    /* border: 1px solid #b9b9b9; */
    border-radius: 0 0 8px 8px;
    border: 1px solid #1e1e1e;
    border-top: 0;
    background-color: #fff;
    z-index: 11;
    display: none;
}
.op_common_input12.active .select_option01{
    display: block;
}
/* .op_common_input12 > input:placeholder-shown ~ .select_option01{
    display: none;
} */

.op_common_input12 .select_option01 .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color:#1e1e1e;
}
.op_common_input12 .select_option01 li {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    padding: 0 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.op_common_input12 .select_option01 li:hover,
.op_common_input12 .select_option01 li:has(button:focus, button:focus-visible, button:focus-within),
.op_common_input12 .select_option01 li:has(.on){
    background-color: #ededed;
}
.op_common_input12 .select_option01 li button:focus,
.op_common_input12 .select_option01 li button:focus-visible,
.op_common_input12 .select_option01 li button:focus-within {
    outline-offset : 10px;
}
.op_common_input12 .select_option01 li button.on {
    outline-offset : 10px;
}
.op_common_input12 > input:placeholder-shown {
    padding: 1px 16px 0 16px;
}
    
/* 중복체크 */
.duplication_btn_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 0 8px;
}
.duplication_btn_box > .op_common_btn{
    flex-shrink: 0;
}

.duplication_btn_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 0 8px;
}
.duplication_btn_box01 > .op_common_btn{
    flex-shrink: 0;
}


/*우편번호 찾기 f_group04*/
.address_btn_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
}
.address_btn_box > .op_common_btn{
    flex-shrink: 0;
}




/*//우편번호 찾기 f_group04*/

/*input:전화번호*/
.op_tel_input01 {width: 320px;display: flex;align-items: center;gap: 8px;}
.op_tel_input01 > label {width: max-content;display: block;flex-shrink: 0;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1E1E1E;}
.op_tel_input01 > .op_common_select {width: 110px;}
.op_tel_input01 > input {width: 100%;height: 40px;display: block;padding: 0 32px 0 12px;font-size: 15px;font-weight: 400;line-height: 1.5;border-radius: 8px;border: 1px solid #b9b9b9;background-color: #fff;color: #1E1E1E;}
.op_tel_input01 > .bar {font-size: 15px;font-weight: 400;line-height: 1.5;color: #1e1e1e;}

/* 개인정보 유지기간 */
.personal_input01 > .op_common_select {
    /* width: 236px; */
    width: 400px;
}
.personal_input01 .star {
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    margin-top: 8px;
}
.personal_input02 {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0 8px;
}
.personal_input02 > .op_common_select {
    /* width: 236px; */
    width: 400px;
}
.personal_input02 > .op_common_input04 {
    display: none;
}
.personal_input02 > .op_common_input04.active{
    display: block
}

/* Text area */
.op_common_tarea label { font-size: 15px; font-weight: 700; color: #1e1e1e; margin-bottom: 12px; display: block; margin-bottom: 6px; }
.op_common_tarea .tarea {overflow-y: auto; width: 100%; min-height: 50px; height: 120px; padding: 12px; border: 1px solid #717171; color: #1e1e1e; font-weight: 400; font-family: 'Pretendard', '맑은 고딕'; resize: none; border-radius: 8px;}
.op_common_tarea .tarea::placeholder {color: #717171;}
.op_common_tarea .tarea:disabled,
.op_common_tarea .tarea:read-only {background: #ebebeb;}
.op_common_tarea .tarea.error {border: 1px solid #e0280a;}
.op_common_tarea .tarea_btm {display: flex; font-size: 13px; font-weight: 400; margin-top: 8px; justify-content: flex-end;}
.op_common_tarea .tarea_btm .txt {flex: 1; margin-right: 24px; color: #5d5d5d;}
.op_common_tarea .tarea_btm .txt.error { margin-top: 0; color: #e0280a;}
.op_common_tarea .tarea_btm .byte {color: #5d5d5d; font-size: 14px; font-weight: 400;}
.op_common_tarea .tarea_btm .byte em {color: #1e1e1e; font-weight: 700; font-style: normal;}

.op_cm_textarea01{
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.op_cm_textarea01 .t_box{
    display: block;
    width: 100%;
    height: 166px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #717171;
    background-color: #fff;
    padding: 16px;
}
.op_cm_textarea01 .t_box textarea{
    display: block;
    resize: none;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;

    /* 변경 */
    /* padding: 16px;
    border: 1px solid #717171;
    border-radius: 8px;
    outline: none; */
}
.op_cm_textarea01 .t_box textarea:focus{
    outline: none;
}
.op_cm_textarea01 .t_box:has(textarea:focus){
    border: 1px solid #1e1e1e;
}
.op_cm_textarea01 .t_box:has(textarea:disabled){
    background-color: #ebebeb;
}
.op_cm_textarea01 .t_box:has(textarea:read-only){
    background-color: #ebebeb;
    border: 1px solid #717171;
}
.op_cm_textarea01 .t_box:has(textarea:read-only) textarea {
    background-color: #ebebeb;
}



/* .op_cm_textarea01.error .t_box textarea {
    border: 1px solid #e0280a;
} */
.op_cm_textarea01.error .t_box{
    border: 1px solid #e0280a;
}
.op_cm_textarea01.error .t_box:has(textarea:focus){
    border: 1px solid #e0280a;
}
.op_cm_textarea01.error .count_info_box .msg{
    display: block;
    color: #e0280a;
}
/* .op_cm_textarea01 .t_box textarea:focus{
    outline-offset: 16px;
} */
.op_cm_textarea01 .count_info_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
}
.op_cm_textarea01 .count_info_box .msg{
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.4;
}
.op_cm_textarea01 .count_info_box .count{
    display: flex;
    width: max-content;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-left: 24px;
}
.op_cm_textarea01 .count_info_box .count .byte{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.4;
}
.op_cm_textarea01 .count_info_box .count .byte em{
    color: #1e1e1e;
    font-weight: 700;
}
.op_common_tarea01 label { font-size: 15px; font-weight: 700; color: #1e1e1e; margin-bottom: 12px; display: block; margin-bottom: 6px; }
.op_common_tarea01 .tarea {overflow-y: auto; width: 100%; min-height: 50px; height: 120px; padding: 12px; border: 1px solid #717171; color: #1e1e1e; font-weight: 400; font-family: 'Pretendard', '맑은 고딕'; resize: none; border-radius: 8px;}
.op_common_tarea01 .tarea::placeholder {color: #717171;}
.op_common_tarea01 .tarea:disabled,
.op_common_tarea01 .tarea:read-only {background: #ebebeb;}
.op_common_tarea01 .tarea.error {border: 1px solid #e0280a;}
.op_common_tarea01 .tarea_btm {display: flex; font-size: 14px; font-weight: 400; flex-shrink: 0;}
.op_common_tarea01 .tarea_btm .txt {flex: 1; margin-right: 24px; color: #5d5d5d;}
.op_common_tarea01 .tarea_btm .txt.error { margin-top: 0; color: #e0280a;}
.op_common_tarea01 .tarea_btm .byte {color: #5d5d5d; font-size: 14px; font-weight: 400;}
.op_common_tarea01 .tarea_btm .byte em {color: #1e1e1e; font-weight: 700; font-style: normal;}
.op_common_tarea01 .tarea_txt {width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;margin-top: 8px;}
.op_common_tarea01 .tarea_txt .tit {display: block;width: 100%;position: relative;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #5d5d5d;}


/* Select */
.op_common_select.w107 {width: 107px;}

.op_common_select {display: block;position: relative;width: 100%;min-height: 40px;box-sizing: border-box; flex-shrink: 0;}
.op_common_select > label{display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;background-color: transparent;z-index: -1;}
.op_common_select > select{appearance: none;display: block;padding: 0 32px 0 12px;width: 100%;height: 40px;font-size: 17px;font-weight: 400;line-height: 1.5;
    border: 1px solid #717171;background-color: #fff;border-radius: 8px;color: #1E1E1E;background-image: url("../img/ico_select.svg");background-size: 16px 16px;background-repeat: no-repeat;background-position: right 12px top 50%;white-space: nowrap;text-overflow: ellipsis;  }
.op_common_select > select:disabled{border: 1px solid #717171;background-image: url("../img/ico_select02.svg");background-color: #ebebeb;color: #717171;}
.op_common_select > select:focus{outline: none; border: 1px solid #1e1e1e;}

.op_common_select02 {max-width: 200px;display: block;position: relative;width: 100%;min-height: 40px;box-sizing: border-box; flex-shrink: 0;}
.op_common_select02 > label{display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;overflow: hidden;background-color: transparent;z-index: -1;}
.op_common_select02 > select{appearance: none;display: block;padding: 0 32px 0 12px;width: 100%;height: 40px;font-size: 15px;font-weight: 400;
    line-height: 1.5;border: 1px solid #717171;background-color: #fff;border-radius: 8px;color: #1E1E1E;background-image: url("../img/ico_select.svg");background-size: 16px 16px;background-repeat: no-repeat;background-position: right 12px top 50%;white-space: nowrap;text-overflow: ellipsis; }
.op_common_select02 > select:disabled{border: 1px solid #717171;background-image: url("../img/ico_select02.svg");background-color: #ebebeb;color: #717171;}

.op_common_select.ec_case01 {
    width: 208px;
}

/* Select header */
.depth .op_common_select  {width: 100%;max-width: 200px;position: relative;min-height: initial;}
.depth .op_common_select .head {line-height: 26px;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;}
.depth .op_common_select .head .tit {font-size: 17px;font-weight: 600;color: #717171;}
.depth .op_common_select .head .ico_arr {width: 16px;height: 16px;background: url('../img/ico_select_arr.svg')no-repeat center/100%;}
.depth .op_common_select .body {width: 100%;position: absolute;background-color: #ffffff;display: none;}
.depth .op_common_select .body li a {font-size: 17px;font-weight: 600;color: #717171;display: block;line-height: 30px;padding-left: 10px;}

/* Pagination */
.pgn_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.pagination {display: flex;align-items: center;justify-content: center;gap: 0 8px;width: 100%;box-sizing: border-box;margin-top: 48px;}
.pagination .btn_pre_start{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 4px;border: 1px solid #dcdcdc;background-color: #fff;padding: 0;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_chevron_left_double.svg");flex-shrink: 0;}
.pagination .disabled{cursor: context-menu !important;}
.pagination .btn_pre_start.disabled{
    background-image: url("../img/ico_chevron_left_double02.svg");
}
.pagination .btn_pre.disabled{
    background-image: url("../img/ico_chevron_left02.svg");
}
.pagination .btn_next.disabled{
    background-image: url("../img/ico_chevron_right02.svg");
}
.pagination .btn_next_end.disabled{
    background-image: url("../img/ico_chevron_right_double02.svg");
}
.pagination .btn_pre{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 4px;border: 1px solid #dcdcdc;background-color: #fff;padding: 0;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_chevron_left.svg");flex-shrink: 0;}
.pagination .btn_next_end{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 4px;border: 1px solid #dcdcdc;background-color: #fff;padding: 0;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_chevron_right_double.svg");flex-shrink: 0;}
.pagination .btn_next{display: flex;justify-content: center;align-items: center;width: 40px;cursor: pointer;height: 40px;border-radius: 4px;border: 1px solid #dcdcdc;background-color: #fff;padding: 0;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_chevron_right.svg");flex-shrink: 0;}
.pagination .page_num {display: flex;align-items: center;justify-content: center;gap: 0 8px;width: max-content;box-sizing: border-box;flex-shrink: 0;max-width: 100%;flex-wrap: wrap;}
.pagination .page_num > li{display: block;box-sizing: border-box;}
.pagination .page_num li a {font-size: 19px;font-weight: 400;color: #5d5d5d;display: flex;justify-content: center;align-items: center;
    width: auto;height: auto;min-width:40px;min-height: 40px;padding:0 4px; background-color: #fff;border-radius: 4px;box-sizing: border-box;
    border: 1px solid transparent;
}
.pagination .page_num li a:hover{
    border: 1px solid #1e1e1e;
}
.pagination .page_num li.select a {border: 1px solid  #5d5fe4;font-weight: 700;color: #5d5fe4;}
.pagination .page_num li a.disabled{
    color: #949494;
    border: 1px solid transparent;
}
.pagination .page_num li a.disabled:hover{
    color: #949494;
    border: 1px solid transparent;
}
/*pagination mo*/
.pagination.mo{gap: 4px;margin-top: 40px;display: none;}
.pagination.mo .page_num{gap: 4px;}

.pagination.mo .btn_pre_start{width: 32px;height: 32px;background-size: 16px 16px;}

.pagination.mo .btn_pre{width: 32px;height: 32px;background-size: 16px 16px;}
.pagination.mo .btn_next{width: 32px;height: 32px;background-size: 16px 16px;}
.pagination.mo .btn_next_end{width: 32px;height: 32px;background-size: 16px 16px;}
.pagination.mo .page_num li a{width: auto;height: auto;font-size: 16px;min-width: 32px;min-height: 32px;}
/* Tab */
/* 탭 > 공통 */
.tab_con .tab_list_wrap {position: relative;display: block;width: 100%;box-sizing: border-box;}
.tab_con .tab_list_wrap .tab_list {display: flex;align-items: center;width: 100%;}
.tab_con .tab_list_wrap .tab_list li {flex: 1;}
.tab_con .tab_list_wrap .tab_list li a {display: flex;justify-content: center;align-items: center; text-align: center;}
.tab_contents { display: none;}
.tab_contents.on { display: block;}

.tab_con.type10.tab_sticky .tab_list_wrap.op_main_swiper01.fixed{
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    z-index: 999;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 0;
    /* padding: 0 380px; */
    gap: 135px;
    max-width: 1368px;
    min-width: 1280px;
    transform: translateX(-50%);
}
/* 탭 > 로그인 */
.tab_con.type01 .tab_list_wrap .tab_list li { height:80px; border-bottom: 1px solid #dcdcdc;}
.tab_con.type01 .tab_list_wrap .tab_list li a {width: 100%; height: 100%; padding: 21px 20px;border-bottom: 1px solid transparent;background-color: transparent;  color: #9a9a9a;font-size: 25px;font-weight: 700;}
.tab_con.type01 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}
.tab_con.type01 .tab_list_wrap .tab_list li a.on {border-bottom: 1px solid #5d5fe4;color: #5d5fe4;}
.tab_con.type01 .tab_list_wrap .tab_list li:has(a.on){border-bottom: 1px solid #5d5fe4;}

.tab_con.type03 .tab_list_wrap .tab_list li { height: 44px;}
.tab_con.type03 .tab_list_wrap .tab_list li a {height: 100%; padding: 9px 20px;border-bottom: 1px solid #dcdcdc; background: #fff;color: #9a9a9a;font-size: 25px;font-weight: 700;}
.tab_con.type03 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}
.tab_con.type03 .tab_list_wrap .tab_list li a.on {border-bottom: 2px solid #5d5fe4;color: #5d5fe4;}

.tab_con.type04 .tab_list_wrap .tab_list li { height: 44px;}
.tab_con.type04 .tab_list_wrap .tab_list li a {width: max-content; height: 100%; padding: 9px 20px;border-bottom: 1px solid #dcdcdc; background: #fff;color: #9a9a9a;font-size: 25px;font-weight: 700;}
.tab_con.type04 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}
.tab_con.type04 .tab_list_wrap .tab_list li a.on {border-bottom: 2px solid #5d5fe4;color: #5d5fe4;}


.tab_con.type10 .tab_list_wrap .tab_list li { height: 64px;}
.tab_con.type10 .tab_list_wrap .tab_list li a {min-width: 100%; width: max-content; height: 100%; padding: 16px 20px;border-bottom: 1px solid #dcdcdc; background: #fff;color: #717171;font-size: 21px;font-weight: 700;}
/*.tab_con.type10 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}*/
.tab_con.type10 .tab_list_wrap .tab_list li > a.on {color: #5d5fe4;}
.tab_con.type10 .tab_list_wrap .tab_list li > a.on::after{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #5d5fe4;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 10;
}

.tab_con.type10.tab_sticky .tab_wrap.fixed .tab_list_wrap .tab_list li a{
    border-bottom: 0;
}
.tab_con.type10.tab_sticky .tab_wrap.fixed .tab_list li a.on {
   
    color: #5d5fe4;
}
.tab_con.type10.tab_sticky .tab_wrap.fixed ~ .tab_cont_group{
    padding-top: 120px;
}
.tab_con.type10.tab_sticky .tab_list_wrap.op_main_swiper01.fixed ~ .tab_cont_group{
    padding-top: 120px;
}

.simple_login_btn_box01 .simple{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: normal;
}
.simple_login_btn_box01 .simple .btn-v{
    width: 100%;
    border: 1px solid #dcdcdc;
    position: relative;
}
.simple_login_btn_box01 .simple .btn-v.active{
    border: 2px solid #5d5fe4;
    background-color: #f6f8fe;
}
.simple_login_btn_box01 .simple .btn-v.disabled {
    cursor: default;
    background-color: #f9f9f9;
}
.simple_login_btn_box01 .simple .btn-v.disabled img {
    filter: grayscale(1);
}
.simple_login_btn_box01 .simple .btn-v.disabled span {
    color: #5d5d5d;
}
.simple_login_btn_box01 .btn_join{
    margin: 24px 24px 0 auto;
    color: #5d5d5d;
    
}
.simple_login_btn_box01 .btn_join::before{
    content: '';
    position: absolute;
    top : 50%;
    right: -24px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("../img/ico_right_arr02.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}

.simple_login_btn_box01 .simple .sns_btn_wrap {
    width: 100%;
    position: relative;
}
.simple_login_btn_box01 .simple .sns_btn_wrap .linked_sns_box {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 10;
    gap: 16px;
    cursor: pointer;
    top: 0;
    left: 0;
}
.simple_login_btn_box01 .simple .sns_btn_wrap .linked_sns_box .linked_txt {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
}
.simple_login_btn_box01 .simple .sns_btn_wrap .linked_sns_box .sns_unlinked {
    font-size: 19px;
    color: #fff;
    text-decoration: underline;
}

/* 탭 > 팝업 */
.tab_con.tab-pop .tab_list li a {height: 100%; padding: 9px 20px; border-bottom: 1px solid #dcdcdc;background: #fff;color: #9a9a9a;font-size: 25px;font-weight: 700;}
.tab_con.tab-pop .tab_list li a:hover {color: #1e1e1e;}
.tab_con.tab-pop .tab_list li a.on {border-bottom: 2px solid #5d5fe4;color: #5d5fe4;}

/*스와이퍼*/
.tab_con.type01.bg_white .op_main_swiper01 .swiper-slide{background-color: #fff;}
.tab_con.type01.bg_white .tab_contents{background-color: #fff;}
.op_main_swiper01 {display: block;width: 100%;position: relative;}
.op_main_swiper01 .swiper-slide{background-color: #b9b9b9;}

/* .op_main_swiper01 .swiper-button-prev {background: url(../img/ico_tab_arr_left.svg) no-repeat center/100%; opacity: 0.8;}
.op_main_swiper01 .swiper-button-next {background: url(../img/ico_tab_arr_right.svg) no-repeat center/100%; opacity: 0.8;} */
.op_main_swiper01 .swiper-button-prev {background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); width: 28px; left: 0;}
.op_main_swiper01 .swiper-button-next {background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); width: 28px; right: 0;}
.op_main_swiper01 .swiper-button-prev::after,
.op_main_swiper01 .swiper-button-next::after {display: none;}
.swiper-pagination {width: 100%;height: 8px;position: static;margin: 10px 0;}



/* .tab_type10_swiper .swiper-button-prev {background: url(../img/ico_tab_arr_left.svg) no-repeat center/100%;}
.tab_type10_swiper .swiper-button-next {background: url(../img/ico_tab_arr_right.svg) no-repeat center/100%;} */
.tab_type10_swiper .swiper-button-prev {background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); width: 28px; left: 0; }
.tab_type10_swiper .swiper-button-next {background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); width: 28px; right: 0; }
.tab_type10_swiper .swiper-button-prev::after,
.tab_type10_swiper .swiper-button-next::after {display: none;}


.datepicker .ui-datepicker-trigger > img{width: 20px;object-fit: cover;}
.ui-datepicker {display: none;}
.ui-datepicker.op_dpk{display: block;width: 280px;box-sizing: border-box;background-color: #fff;border: 1px solid #b9b9b9;padding: 14px;margin-top: 0;z-index: 500 !important;}
.ui-datepicker.op_dpk .ui-datepicker-header{display: flex;justify-content: center;align-items: center;position: relative;height: 35px;box-sizing: border-box;margin-bottom: 12px;}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-prev{display: block;width: 20px;height: 20px;position: absolute;top: calc(50% - 10px);left: 0;font-size: 0;color: transparent;background: url("../img/ico_chevron_left.svg") no-repeat center;background-size: 20px;z-index: 10;}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-prev span {font-size: 0;}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-next{display: block;width: 20px;height: 20px;position: absolute;top: calc(50% - 10px);right: 0;font-size: 0;color: transparent;background: url("../img/ico_chevron_right.svg") no-repeat center;background-size: 20px;z-index: 10;}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-next span {font-size: 0;}
.ui-datepicker.op_dpk .ui-datepicker-month{width: 64px;height: 30px;padding: unset;font-size: 19px;font-weight: 700;color: #1e1e1e;text-align: right;border: 0;background-color: #fff;}
.ui-datepicker.op_dpk .ui-datepicker-title{box-sizing: border-box;height: 30px;display: flex;justify-content: center;align-items: center;}
.ui-datepicker.op_dpk .ui-datepicker-title .ui-datepicker-year{border: 0;width: 83px;height: 30px;font-size: 19px;font-weight: 700;color: #1e1e1e;padding: unset;background-color: #fff;}
.ui-datepicker.op_dpk .ui-datepicker-calendar{width: 100%;box-sizing: border-box;}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th{width: 36px;height: 36px;border-bottom: 8px solid transparent;}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th span{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;box-sizing: border-box;font-size: 15px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th.ui-datepicker-week-end span{color: #e0280a;}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th.ui-datepicker-week-end:last-child span{color: #1e1e1e;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td{width: 36px;height: 36px;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default{display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;box-sizing: border-box;font-size: 15px;font-weight: 400;line-height: 1.5;color: #1e1e1e;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default{color: #e0280a;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.date-holiday0 .ui-state-default{color: #e0280a;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end:last-child .ui-state-default{color: #1e1e1e;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default{border: 1px solid #5d5fe4 !important;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled .ui-state-default{opacity: 0.7;color: #9a9a9a;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-week-end .ui-state-default{opacity: 0.7;color: #ffa68f;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-week-end:last-child .ui-state-default{opacity: 0.7;color: #9a9a9a;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default.ui-state-hover{background-color: #3f40dc ;border: 0;color: #fff;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default.ui-state-hover{background-color: #3f40dc;border: 0;color: #fff;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default.ui-state-active{background-color: #5d5fe4;border: 0;color: #fff;}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default.ui-state-active{background-color: #5d5fe4;border: 0;color: #fff;}
body.lock .ui-datepicker.op_dpk { z-index: 11001 !important; }


/* Calnendar */
.common_datepicker {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    gap: 4px;
    position: relative;
}
.common_datepicker .ui-datepicker-trigger {
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    padding: 9px 10px;
}
.common_datepicker > input {
    display: block;
    border: 1px solid #b9b9b9;
    box-sizing: border-box;
    background-color: #fff;
    /* width: 140px; */
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 16px;
    border-radius: 8px;
}
.common_datepicker > input:focus{
    outline: none;
    border: 1px solid #1e1e1e;
}

.common_datepicker .ui-datepicker-trigger:disabled {
    cursor: default;
} 

/*데이트피커-기간설정*/
.period_datepicker {
    margin-left: 28px;
}
.period_datepicker label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    display: none;
}
.period_datepicker span {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin: 0 8px;
}
.period_btn {
    display: flex;
    gap: 8px;
}
/*//데이트피커-기간설정*/



/*Tooltip*/
.tooltip_wrap{display: block;width: 16px;height: 16px;position: relative;}
.tooltip_wrap .tooltip{display: block;width: 16px;height: 16px;background-repeat: no-repeat;background-position: center center;background-size: 16px 16px;background-image: url("../img/ico_tooltip_grey.svg");}
.tooltip_wrap .tooltip_box{display: none;width: max-content;max-width: 348px;height: max-content;max-height: 288px;overflow: hidden;border-radius: 8px;background-color: #fff;border: 1px solid #717171;box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);position: absolute;top:28px;left: 0;z-index: 10;padding: 52px 24px 24px 24px;}
.tooltip_wrap .tooltip_box.open{display: block;}
.tooltip_wrap .tooltip_close{position: absolute;top: 24px;right: 24px;width: 16px;height: 16px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;background-image: url("../img/ico_close.svg");display: block;z-index: 10;}
.tooltip_wrap .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}





.tooltip_wrap01{display: block;width: 24px;height: 24px;position: relative; margin-left: 8px;}
.tooltip_wrap01 .tooltip{display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;background-image: url("../img/ico_tooltip_white.svg");}
.tooltip_wrap01 .tooltip_box{
    display: none;
    width: 348px;
    max-width: 348px;
    
    height: max-content;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
    position: absolute;
    top:28px;   
    z-index: 30;
    padding: 16px 38px 16px 24px;
}
.tooltip_wrap01.left .tooltip_box{
    left: 0;
}
.tooltip_wrap01.center .tooltip_box{
    left: calc(50% - 174px);
}
.tooltip_wrap01.right .tooltip_box{
    right: 0;
}
.tooltip_wrap01 .tooltip_box.open{display: block;}
.tooltip_wrap01 .tooltip_close{position: absolute;top: 16px;right: 16px;width: 16px;height: 16px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;background-image: url("../img/ico_close.svg");display: block;z-index: 10;}
.tooltip_wrap01 .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap01 .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap01 .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap01 .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap01 .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap01 .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap01 .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}

.tooltip_wrap02{display: block;width: 20px;height: 20px;position: relative;}
.tooltip_wrap02 .tooltip{
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    background-image: url("../img/ico_tooltip_white.svg");
}
.tooltip_wrap02 .tooltip_box{
    display: none;
    width: max-content;
    max-width: 348px;
    height: max-content;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
    position: absolute;
    top:28px;
    left: 0;
    z-index: 10;
    padding: 16px 38px 16px 24px;
}
.tooltip_wrap02 .tooltip_box.open{display: block;}
.tooltip_wrap02 .tooltip_close{position: absolute;top: 16px;right: 16px;width: 16px;height: 16px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;background-image: url("../img/ico_close.svg");display: block;z-index: 10;}
.tooltip_wrap02 .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap02 .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap02 .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap02 .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap02 .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap02 .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap02 .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap02 .tooltip_box{
    display: none;
    width: max-content;
    height: max-content;
    max-width: 348px;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
    position: absolute;
    top:30px;
    left: 0;
    z-index: 10;
    padding: 52px 24px 24px 24px;
}


.tooltip_wrap03{display: block;width: 20px;height: 20px;position: relative;margin-left: 8px;}
.tooltip_wrap03 .tooltip{
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;
    background-image: url("../img/ico_tooltip_white.svg");
}
.tooltip_wrap03 .tooltip_box.open{display: block;}
.tooltip_wrap03 .tooltip_close{position: absolute;top: 16px;right: 16px;width: 16px;height: 16px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;background-image: url("../img/ico_close.svg");display: block;z-index: 10;}
.tooltip_wrap03 .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 15px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap03 .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap03 .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap03 .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap03 .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap03 .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap03 .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap03 .tooltip_box {
    display: none;
    width: max-content;
    height: max-content;
    max-width: 348px;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
    position: absolute;
    top:30px;
    left: 0;
    z-index: 10;
    padding: 16px 38px 16px 24px;
}


.tooltip_wrap04{display: block;width: 20px;height: 20px;position: relative;margin-left: 8px;}
.tooltip_wrap04 .tooltip{display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_tooltip_white.svg");}
.tooltip_wrap04 .tooltip_box.open{display: block;}
.tooltip_wrap04 .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap04 .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap04 .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap04 .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap04 .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap04 .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap04 .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap04 .tooltip_box {
    display: none;
    width: max-content;
    height: max-content;
    max-width: 348px;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
    position: absolute;
    top:30px;
    left: 0;
    z-index: 10;
    padding: 16px 38px 16px 24px;
}


/*Dot_list01*/
.dot_list01{display: block;width: 100%;}
.dot_list01 > li {display: block;position: relative;padding-left: 13px;width: 100%;font-size: 17px;font-weight: 400;line-height: 1.5;color: #333;}
.dot_list01 > li .dot_b {font-size: 17px;font-weight: 600;line-height: 1.5;color: #333;}
.dot_list01 > li + li{margin-top: 4px;}
.dot_list01 > li::after{content: "";display: block;position: absolute;top: 10px;left: 5px;width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;}
.dot_list01.ec_case01 {
    margin-top: 10px;
    margin-left: 36px;
    word-break: break-all;
    padding-right: 20px;
}

/*Dot_list02*/
.dot_list02{display: block;width: 100%;}
.dot_list02 > li {display: block;position: relative;padding-left: 13px;width: 100%;font-size: 15px;font-weight: 400;line-height: 1.4;color: #333;}
.dot_list02 > li + li{margin-top: 2px;}
.dot_list02 > li::after{content: "";display: block;position: absolute;top: 8px;left: 5px;width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;z-index: 10;}
/*Dot_list03*/
.dot_list03{display: block;width: 100%;box-sizing: border-box;}
.dot_list03 > li{
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.dot_list03 > li a{

    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.dot_list03 > li::after{
    content: "";display: block;position: absolute;top: 10px;left: 0px;width: 4px;height: 4px;border-radius: 4px;background-color: #1e1e1e;z-index: 10;
}
.dot_list03 > li + li{
    margin-top: 8px;
}
/*Dot_list04*/
.dot_list04{display: block;width: 100%;box-sizing: border-box;}
.dot_list04 > li{
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.dot_list04 > li a{

    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.dot_list04 > li::after{
    content: "";display: block;position: absolute;top: 11px;left: 6px;width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;z-index: 10;
}
.dot_list04 > li + li{
    margin-top: 4px;
}

.dot_list04 > li .btn_box_left01 {
    width: 100%;
}

.btn_box_center02 .op_common_btn {
    width: 100%;
}








/* 바텀 시트 */
.sheet_dim {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    opacity: 0;
    z-index: -1;
}
.sheet_dim.active {
    opacity: 1;
    transition:  opacity 0.2s ease-in;
    z-index: 11020;
}
.sheet {
    position: fixed;
    inset: 0;
    top: unset;

    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 30px 20px 0 20px;
    border-radius: 24px 24px 0 0;
    background-color: #ffffff;
}
.sheet > .body {
    height: 100%;
    margin-top: 16px;
    background-color: #ffffff;
    overflow-y: auto;
}
.sheet > .body::--webkit-scrollbar {
    display: none;
}

.sheet.bh60 {height: 60%;transition: transform 0.2s ease-in-out;}
.sheet.bh70 {height: 70%;transition: transform 0.2s ease-in-out;}
.sheet.bh85 {height: 85%;transition: transform 0.2s ease-in-out;}

.sheet.bh60,
.sheet.bh70,
.sheet.bh85 {transform: translateY(100%);}

.sheet.bh60.active,
.sheet.bh70.active,
.sheet.bh85.active {transform: translateY(0);}

.fixed_btn02:has(.sheet_inner.active) .sheet.bh60.active,
.fixed_btn02:has(.sheet_inner.active) .sheet.bh70.active,
.fixed_btn02:has(.sheet_inner.active) .sheet.bh85.active {
    bottom: 90px;
}


.sheet > .head {
    display: flex;
    justify-content: space-between;
}
.sheet > .head .tit {
    font-size: 19px;
    font-weight: 700;
    padding-right: 20px;
}
.sheet > .body .box_space {
    display: flex;
    align-self: flex-start;
    width: 100%;
    height: 100%;
}
.sheet > .body .box_space  > .space_01 {
    width: 100%;
    overflow-y: auto;
}   
.sheet > .body .box_space  > .space_01 li {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    padding: 12px 0;
}
.sheet > .body .box_space  > .space_02 {    
    width: 100%;
    overflow-y: auto;
    border-left: 1px solid #ebebeb;
}
.sheet > .body .box_space  > .space_02 li {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    padding: 12px 0 12px 16px;
}
.sheet > .bottom {
    padding: 20px 0;
}

.sheet > .bottom > .op_common_btn.primary.lg {
    width: 100%;
}




/*sorting_tab*/
.swiper_tab01 .tab_list li {height: 48px;width: 100%;}
.swiper_tab01 .tab_list li a.on {
    background-color: #5d5fe4; 
    border-left: 0; 
    border-right: 0; 
    color: #fff;
}
.swiper_tab01{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
/* .swiper_tab01 .tab_list {
    
} */
.swiper_tab01 .tab_list li{ 
    width: max-content;
}
.swiper_tab01 .tab_list li a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f8fe;
    box-sizing: border-box;
    padding: 0 24px;
    gap: 8px;
    border-radius: 12px;
}
.swiper_tab01 .tab_list li a:hover{
    background-color: #e9e9fc;
}
.swiper_tab01 .tab_list li a:hover .txt{
    color: #1e1e1e;
    font-weight: 700;
}
.swiper_tab01 .tab_list li a:hover .num{
    background-color: #000;
    color: #fff;
}
.swiper_tab01 .tab_list li a.on:hover{
    background-color: #5d5fe4;
}
.swiper_tab01 .tab_list li a.on:hover .txt{
    color: #fff;
}
.swiper_tab01 .tab_list li a.on:hover .num{
    background-color: #fff;
    color: #5d5fe4;
    font-weight: 700;
}
.swiper_tab01 .tab_list li a .txt{
    font-size: 19px; 
    font-weight: 400; 
    line-height: 1.5;
    display: block;
    color: #1e1e1e;
}
.swiper_tab01 .tab_list li a.on .txt{
    color: #fff;
    font-weight: 700;
}
.swiper_tab01 .tab_list li a .num{
    font-size: 15px; 
    font-weight: 400; 
    height: 24px;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1e1e;
    flex-shrink: 0;
    width: max-content;
    border-radius: 999px;
    background-color: #e9e9fc;
    padding: 1px 7px 0 7px;
    min-width: 39px;
    box-sizing: border-box;
}
.swiper_tab01 .tab_list li a.on .num{
    background-color: #fff; 
    font-weight: 700;
    color: #5d5fe4;
}
.swiper_tab01 .swiper-button-prev{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 38px;
    height: 48px;
    margin-top: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%);
}
.swiper_tab01 .swiper-button-prev::before{
    display: none;
    width: 28px;
    height: 38px;
    content: "";
    position: absolute;
    top: calc(50% - 19px);
    left: -20px;
    z-index: -1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}
/* .swiper_tab01 .swiper-button-prev::after{
    position: absolute;
    top: calc(50% - 19px);
    left: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(90deg);
} */
.swiper_tab01 .swiper-button-prev::after {
    content: '';
}
.swiper_tab01 .swiper-button-next{
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 10;
    width: 28px;
    height: 48px;
    margin-top: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
/* .swiper_tab01 .swiper-button-next::after{
    position: absolute;
    top: calc(50% - 19px);
    right: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(270deg);
} */
.swiper_tab01 .swiper-button-next::after {
    content: '';
}
.swiper_tab01 .swiper-button-next::before{
    display: none;
    width: 50px;
    height: 38px;
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: -20px;
    z-index: -1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}
.swiper_tab01 .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.swiper_tab01 .swiper-button-next.swiper-button-disabled{
    display: none;
}






















.op_common_radio02 {width: 100%;height: 144px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.op_common_radio02::before {content: '';position: absolute;top: 20px;width: 60px;height: 60px;background-image: url('../img/ico_rdo_user_on.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
.op_common_radio02 > input{ display: block;width: 100%;height: 100%;border: 1px solid #dcdcdc;border-radius: 24px;}
.op_common_radio02 > label{display: block;position: absolute;top: 92px;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0;}
.op_common_radio02 > input:checked{display: block;border: 2px solid #5d5fe4;background-color: #f6f8fe;}
.op_common_radio02 > input:checked ~ label {color: #5d5fe4;}

.op_common_radio03 {width: 100%;height: 144px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.op_common_radio03::before {content: '';position: absolute;top: 20px;width: 60px;height: 60px;background-image: url('../img/ico_rdo_phone_on.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
.op_common_radio03 > input{ display: block;width: 100%;height: 100%;border: 1px solid #dcdcdc;border-radius: 24px;}
.op_common_radio03 > label{display: block;position: absolute;top: 92px;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0;}
.op_common_radio03 > input:checked{display: block;border: 2px solid #5d5fe4;background-color: #f6f8fe;}
.op_common_radio03 > input:checked ~ label {color: #5d5fe4;}

.op_common_radio04 {width: 100%;height: 144px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.op_common_radio04::before {content: '';position: absolute;top: 20px;width: 60px;height: 60px;background-image: url('../img/ico_rdo_email_on.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
.op_common_radio04 > input{ display: block;width: 100%;height: 100%;border: 1px solid #dcdcdc;border-radius: 24px;}
.op_common_radio04 > label{display: block;position: absolute;top: 92px;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0;}
.op_common_radio04 > input:checked{display: block;border: 2px solid #5d5fe4;background-color: #f6f8fe;}
.op_common_radio04 > input:checked ~ label {color: #5d5fe4;}

.op_common_radio05 {width: 100%;height: 144px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;}
.op_common_radio05::before {content: '';position: absolute;top: 20px;width: 60px;height: 60px;background-image: url('../img/ico_rdo_auth_on.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
.op_common_radio05 > input{ display: block;width: 100%;height: 100%;border: 1px solid #dcdcdc;border-radius: 24px;}
.op_common_radio05 > label{display: block;position: absolute;top: 92px;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0;}
.op_common_radio05 > input:checked{display: block;border: 2px solid #5d5fe4;background-color: #f6f8fe;}
.op_common_radio05 > input:checked ~ label {color: #5d5fe4;}






.op_common_radio10 {
    position: relative;
    display: flex;
    width: max-content;
    box-sizing: border-box;
}
.op_common_radio10 > input:checked{
    display: block;
}
.op_common_radio10 > label{
    display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding-right: 20px;
}
.op_common_radio10 > label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform :translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('../img/ico_filter_default.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.op_common_radio10 > input:checked ~ label {
    color: #5d5fe4;
    font-weight: 700;
}
.op_common_radio10 > input:checked ~ label::before {
    background-image: url('../img/ico_filter_up.svg');
}


.login_con_box01{
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 440px;
}
.login_con_box01 .login_box + .login_box{
    margin-top: 16px;
}
.login_con_box01 .id_save_box{
    margin-top: 16px;
}
/* .login_con_box01 .op_common_btn.lg{
} */
.login_link_box{
    margin-top: 24px;
    gap: 40px;
}
.login_link_box > li{
    display: block;
    box-sizing: border-box;
}
.login_link_box a{
    display: block;
    box-sizing: border-box;
    position: relative;
    line-height: 1.5;
}
.login_link_box li + li a::after{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -20px;
    z-index: 10;
    width: 1px;
    height: 16px;
    background-color: #b9b9b9;
}




.auth_link_box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.auth_link_box > li {
    width: max-content;
    display: block;
    box-sizing: border-box;
}
.auth_link_box > li:first-child {
    padding-right: 20px;
}
.auth_link_box a{
    display: block;
    box-sizing: border-box;
    position: relative;
    line-height: 1.5;
}
.auth_link_box a .txt01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #5d5d5d;
}
.auth_link_box li + li a::after{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: -20px;
    z-index: 10;
    width: 1px;
    height: 16px;
    background-color: #b9b9b9;
}





.underline {display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid #dcdcdc;background-color: #ffffff;}
.depth {height: 60px;display: flex;align-items: center;}
.depth .op_common_select .head.on .tit{color: #5d5fe4;}
.depth .op_common_select .body  {top:44px;left: 0;border: 1px solid #dcdcdc;border-top: 0;z-index:2;}
.depth .op_common_select .body li a {padding: 11px 20px;}
.depth .op_common_select .body li:hover a {text-decoration: underline;}


/* 헤더 검색버튼 */
.op_common_btn.inp_search {position: relative;width: 555px;min-width: 100px;}
.op_common_btn.inp_search > input {width: 100%;border-radius: 25px;padding: 12px 100px 12px 24px;border: 1px solid #5d5fe4;font-size: 17px;font-weight: 400;color: #717171;}
.op_common_btn.inp_search > input::-webkit-search-cancel-button,
.op_common_btn.inp_search > input::-webkit-search-results-button { display: none;}
.op_common_btn.inp_search .ico_btn_search {position: absolute;top: 50%;right: 17px;transform: translateY(-50%);cursor: pointer;}
.op_common_btn.inp_search .ico_btn_search::before {content: '';display: block;width: 28px;height: 28px;background: url('../img/ico_search.svg') no-repeat center/100%;}
.op_common_btn.inp_search .ico_btn_cancel {position: absolute;top: 50%;right: 54px;transform: translateY(-50%);cursor: pointer;}
.op_common_btn.inp_search .ico_btn_cancel::before {content: '';display: block;width: 20px;height: 20px;background: url('../img/ico_cancel.svg') no-repeat center/100%;}
.op_common_btn.inp_search > input:focus {
    border: 1px solid #1e1e1e;
    outline: none;
}
.op_common_btn.inp_search > input:placeholder-shown ~ .ico_btn_cancel{display: none;}



/* 팝업 테이블 */
.tbl_row01{width: 100%; border-top: 1px solid #1E1E1E;}
.tbl_row01 > table{table-layout: fixed;width: 100%;}

.tbl_row01 > table th {padding: 12px 20px;background-color: #1e1e1e;vertical-align: middle;border-bottom: 1px solid #ebebeb;}
.tbl_row01 > table td {padding: 12px 20px;vertical-align: middle;border-bottom: 1px solid #ebebeb;}
.tbl_row01 > table .txt_box {line-height: 1.5;}
.tbl_row01 > table .txt_box .txt {font-size: 17px;font-weight: 600;color: #1e1e1e}
.tbl_row01 > table .txt_box .tit {font-size: 17px;font-weight: 700;color: #5d5fe4;margin-bottom: 8px;}
.tbl_row01 > table .txt_box .tit-type_1 {font-size: 17px;font-weight: 700;color: #5d5d5d;}
.tbl_row01 > table .txt_box .tit-type_2 {font-size: 17px;font-weight: 400;color: #5d5d5d;}
.tbl_row01 > table .txt_box .desc {font-size: 15px;font-weight: 400;color: #5d5d5d;padding-left: 10px;}
.tbl_row01 > table .txt_box .desc.dot {position: relative;}
.tbl_row01 > table .txt_box .desc.dot::after {content: '';position: absolute;top : 9px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #5d5d5d;}
.tbl_row01 > table .txt_box .desc.star {position: relative;padding-left: 21px;}
.tbl_row01 > table .txt_box .desc.star::after {content: '*';display: inline-block;position: absolute;top : 3px;left: 10px;color: #5d5d5d;}
.tbl_row01 > table .txt_box .desc_1 {font-size: 17px;font-weight: 400;color: #5d5d5d;}
.tbl_row01 > table .txt_box .desc_2 {font-size: 17px;font-weight: 700;color: #5d5d5d;}

/* 테이블 */
.tbl_row02 > .modify {width: 100%;margin-top: 16px;border-top: 1px solid #717171;}
.tbl_row02 > .modify .m_col {width: 100%;display: flex;border-bottom: 1px solid #ebebeb;}
.tbl_row02 > .modify .m_col .title {min-width: 120px;min-height: 64px;padding: 12px 20px;background-color: #f9f9f9;position: relative;}
.tbl_row02 > .modify .tit_box {position: absolute;top: 50%;transform: translateY(-50%);}
.tbl_row02 > .modify .tit_box > .txt {font-size: 17px;font-weight: 600;color: #1e1e1e;position: relative;padding-right: 10px;}
.tbl_row02 > .modify .tit_box > .txt.require::before {content: '*';position: absolute;top: 0;right: 0;color: #e0280a;}
.tbl_row02 > .modify .m_col:first-child .title {border-left: 0;}
.tbl_row02 > .modify .m_col .desc {width: 100%;font-size: 17px;font-weight: 400;color: #1e1e1e;padding: 12px 20px;border-left: 1px solid #ebebeb;display: flex;align-items: center;}

.tbl_row02 > .modify .m_col .m_td {width: 100%;}
.tbl_row02 > .modify .m_col .desc .file_name {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}
.tbl_row02 > .modify .m_col .desc .file_name span{font-size: 19px;font-weight: 400;color: #5d5d5d;}
.tbl_row02 > .modify .m_row {display: flex;width: 100%;}
.tbl_row02 > .modify .m_row .m_col{border-left: 1px solid #ebebeb;}
.tbl_row02 > .modify .count  {display: flex;align-items: center;}
.tbl_row02 > .modify .count .msg {margin-left: 12px;font-size: 17px;font-weight: 400;flex-shrink: 0;}
.tbl_row02 > .modify .count .msg .total {font-weight: 700;}
.tbl_row02 > .modify .file_info {display: block;margin-top: 8px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #5d5d5d;} 

.op_main_swiper01 .swiper-button-next.swiper-button-disabled{display:none;}
.op_main_swiper01 .swiper-button-prev.swiper-button-disabled{display:none;}



/* line */
.line {position: relative;padding: 0 12px;}
.line::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 16px;border-left: 1px solid #dcdcdc;}

.line01{position: relative;padding: 0 4px;}
.line01::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 16px;border-left: 1px solid #dcdcdc;}

.line02{position: relative;}
.line02::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 16px;border-left: 1px solid #dcdcdc;}


.wrap_op {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 36px;
}

.contianer {
    padding-top: 40px;
    padding-bottom: 80px;
}

.page-head {
    width: 100%;
    display: flex;
    align-self: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.page-head .box-page_head {
    display: flex;
    align-items: center;
}
.page-head .box-page_head .tit {
    font-size: 30px;
    font-weight: 700;
    flex-shrink: 0;
}
.page-head .box-page_head .tit_sub {
    font-size: 19px;
    font-weight: 400;
    flex-shrink: 0;
    margin-left: 20px;
}


.page-head .tit {
    font-size: 32px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1.5;
    display: block;
    color: #1e1e1e;
    box-sizing: border-box;
}
.page-head .box-btn {
    display: flex;
    align-items: center;
    gap: 0 24px;
}
.page-head.line_b {
    border-bottom: 1px solid #1e1e1e;
    padding-bottom: 12px;
}
.page-sub {
    
    
    margin-top: 40px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.page-sub > span{
    font-size: 30px;
    font-weight: 700;
    color:#1e1e1e;
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.5;
}

/* UI-OP1110-01M */
.wrap_tab {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.login_box {
    min-width: 440px;
    width: 100%;
}
.login_box label { 
    font-size: 17px;
    font-weight: 600;
    line-height: 29px;
    display: block;
}
.login_box input { 
    appearance: none;
    width: 100%;
    height: 48px;
    /* padding: 0px 16px; */
    padding: 1px 38px 0 16px;
    outline: none;
    border:1px solid #717171;
    border-radius: 8px;
    font-size: 17px; 
    color: #1E1E1E;
    background-color: #ffffff;
}
.login_box input::placeholder {color: #717171;}
.login_box input:focus {border: 1px solid #1e1e1e;}
.login_box.pw input {
    padding-right: 56px; 
}
.login_box.op_common_input01 > input:placeholder-shown {
    padding: 1px 16px 0 16px;
}
    

.login_box.pw .msg{
    display: none;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
}
.login_box.pw.error .msg{
    display: block;
    color: #e0280a;
    text-align: left;
}
.login_pass {
    position: relative;
    margin-top: 8px;
}
.user_id{
    margin-top: 8px;
}
.toggle_pw {
    width: 20px; 
    height: 20px; 

    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 16px;
    
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.toggle_pw.eyes{
    background-image: url("../img/ico_eye_fill_grey.svg"); 
}
.toggle_pw.eyes.off{
    background-image: url("../img/ico_eye_fill_grey_slash.svg");
}

.login_msg {
    display: flex;
    align-items: center;
}
.login_msg.error label {
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
}
.login_box.op_common_input01{position: relative;}
.login_box.op_common_input01 > .btn_clear01{display: block;position: absolute;top: 50px;right: 16px;z-index: 10;background-size: 20px 20px;}
.login_box.op_common_input01 > input:placeholder-shown ~ .btn_clear01{display: none;}
.login_box.op_common_input01 > input:read-only ~ .btn_clear01{display: none;}
.login_box.op_common_input01 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.login_box.op_common_input01.error > input{border: 1px solid #e0280a;}
.login_box.op_common_input01.error > .msg{display: block;color: #e0280a;text-align: left;}
.login_box.op_common_input01.success > .msg{color: #006e25;display: block;text-align: left;}
.login_box.op_common_input01.success > input{border: 1px solid #006e25;}
.login_box.op_common_input01 > label {
    position: static;
    clip: auto;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: visible;
    color: #000;
}

.tab_contents {
    background-color: #f6f8fe;
}
.tab_contents [class*="con_tit_box"]{
    width: 100%;
}
.tab_contents [class*="op_tbl_case"]{
    width: 100%;
}
.tab_content_wrap.bg_white .tab_contents{
    background-color: #fff;
}
.tab_contents.login {
    /* padding: 100px 0; */
    padding: 80px 0;
}
.tab_contents .tcw_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 40px;
}
.tab_con.type01 .tab_list_wrap .tab_list li a {position: relative;font-size: 25px;}
.tab_con.type01 .tab_list_wrap .tab_list li a.on .ballon{display: flex;}
.tab_con.type01 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}
.tab_con.type01 .tab_list_wrap.login_tab{overflow: visible;}

.tab_con.type02 {margin-top: 60px;}
.tab_con.type02 .tab_list_wrap .tab_list li a {position: relative;font-size: 25px;}
.tab_con.type02 .tab_list_wrap .tab_list li a.on .ballon{display: flex;}
.tab_con.type02 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}

/* .tab_con.type03 {margin-top: 20px;} */
.tab_con.type03 .tab_list_wrap .tab_list {align-items: flex-start;}
.tab_con.type03 .tab_list_wrap .tab_list li {height: 100%;}
.tab_con.type03 .tab_list_wrap .tab_list li a {position: relative;font-size: 25px;padding: 21px 0;height: 80px;line-height: 37.5px;}
.tab_con.type03 .tab_list_wrap .tab_list li a.on .ballon{display: flex;}
.tab_con.type03 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}
.tab_con.type03 .tab_list_wrap.login_tab{overflow: visible;}

.tab_con.type04 {margin-top: 20px;}
.tab_con.type04 .tab_list_wrap .tab_list li a {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    color: #717171;
}
.tab_con.type04 .tab_list_wrap .tab_list li a.on{
    display: flex;
    font-size: 25px;
    font-weight: 700;
    color: #5d5fe4;
}
.tab_con.type04 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}
.tab_con.type04 .tab_list_wrap.login_tab{overflow: visible;}
.tab_con.type04 .op_main_swiper01 .swiper-slide {background-color: #fff;}
.tab_con.type04 .tab_contents {background-color: #fff;}

.tab_con.type10 {margin-top: 0px;}
.tab_con.type10 .tab_list_wrap .tab_list li a {
    position: relative;

}
.tab_con.type10 .tab_list_wrap .tab_list li a.on{
    display: flex;
    font-size: 21px;
    font-weight: 700;
    color: #5d5fe4;
}
.tab_con.type10 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}
.tab_con.type10 .tab_list_wrap.login_tab{overflow: visible;}
.tab_con.type10 .tab_contents.login{
    padding: 60px 0;
}
.tab_con.type10 .op_main_swiper01 .swiper-slide {background-color: #fff;}
.tab_con.type10 .tab_contents {background-color: #fff;}

.tab_con.type10 .tab_list_wrap .tab_list li a.on .ballon{display: flex;}

/* tab bar*/
.tab_con.type11 {
    display: flex;
    flex-flow: column;
    gap:40px;

}
.tab_con.type11 .tab_contents { background-color: transparent;}
.tab_con.type11 .tab_list_wrap .tab_list {
    flex-flow: row;
}
.tab_con.type11 .tab_list_wrap .tab_list li + li {margin-left:-1px;}
.tab_con.type11 .tab_list_wrap .tab_list li a {
    width: 100%;
    height: 52px;
    padding: 11px 0;
    background-color: #fff;
    color: #717171;
    font-size: 19px;
    font-weight: 700;
    justify-content: center;
    gap: 8px;
    border:1px solid #dcdcdc;
}
.tab_con.type11 .tab_list_wrap .tab_list li:first-child a {
    border-radius: 12px 0 0 12px;
}
.tab_con.type11 .tab_list_wrap .tab_list li:last-child a {
    border-radius: 0 12px 12px 0;
}
.tab_con.type11 .tab_list_wrap .tab_list li a.on {
    background-color: #5d5fe4;
    border:1px solid #5d5fe4;
    color: #fff;
    font-weight: 700;
}

.tab_con.type11 .tab_list_wrap .tab_list li a .num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
    
    width: max-content;
    min-width: 39px;
    height: 24px;
    padding: 1px 7px 0 7px;
    
    font-size: 15px; 
    font-weight: 400; 
    line-height: 1.4;
    color: #1e1e1e;
    
    border-radius: 999px;
    background-color: #e9e9fc;
}
.tab_con.type11 .tab_list_wrap .tab_list li a.on .num {
    background-color: #fff; 
    font-weight: 700;
    color: #5d5fe4;
}
.tab_con.type10 .tab_con.type11 .tab_list_wrap .tab_list li a::after{
    display: none;
}

.tab_con.type05 .tab_list_wrap .tab_list li { height: 80px;}
.tab_con.type05 .tab_list_wrap .tab_list li a {width: 100%; 
    height: 100%; 
    padding: 0 20px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background: #fff;color: #717171;font-size: 25px;font-weight: 700;}
.tab_con.type05 .tab_list_wrap .tab_list li a::after{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 10;
}
.tab_con.type05 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}
.tab_con.type05 .tab_list_wrap .tab_list li a.on {color: #5d5fe4;}
.tab_con.type05 .tab_list_wrap .tab_list li a.on::after{
    height: 2px;
    background-color: #5d5fe4;
}
.tab_con.type05 .tab_list_wrap .tab_list li a .count_tit01{
    display: block;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #717171;
}
.tab_con.type05 .tab_list_wrap .tab_list li a:hover .count_tit01{
    color: #1e1e1e;
}
.tab_con.type05 .tab_list_wrap .tab_list li a:hover .count_num01{
    background-color: #000;
    color: #fff;
}
.tab_con.type05 .tab_list_wrap .tab_list li a.on .count_tit01{
    color: #5d5fe4;
}
.tab_con.type05 .tab_list_wrap .tab_list li a.on .count_num01{
    color: #fff;
    background-color: #5d5fe4;
}
.tab_con.type05 .tab_list_wrap .tab_list li a.on:hover .count_tit01{
    color: #5d5fe4;
}
.tab_con.type05 .tab_list_wrap .tab_list li a.on:hover .count_num01{
    color: #fff;
    background-color: #5d5fe4;
}
.tab_con.type05 .tab_list_wrap .tab_list li a .count_tit01 + .count_num01{
    margin-left: 8px;
}
.tab_con.type05 .tab_list_wrap .tab_list li a .count_num01{
    display: block;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #717171;
    padding: 0 7px;
    height: 30px;
    border-radius: 999px;
    background-color: #ebebeb;
}

.tab_con.type06 {margin-top: 20px;}
.tab_con.type06 .tab_list_wrap .tab_list li a {
    position: relative;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
}
.tab_con.type06 .tab_list_wrap .tab_list li a.on{
    display: flex;
    font-size: 21px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.tab_con.type06 .tab_list_wrap.login_tab .tab_list li:last-child{display:none;}
.tab_con.type06 .tab_list_wrap.login_tab{overflow: visible;}
.tab_con.type06 .op_main_swiper01 .swiper-slide {background-color: #fff;}
.tab_con.type06 .tab_contents {
    background-color: #fff;
    /* 0625 추가 */
    padding-bottom: 20px;
    min-height: 500px;
}
.tab_con.type06 .tab_list_wrap .tab_list li { height: 44px;}
.tab_con.type06 .tab_list_wrap .tab_list li a {
     height: 100%; 
    width: 100%;
    min-width: max-content;
    padding: 9px 20px;border-bottom: 1px solid #dcdcdc; 
    }
.tab_con.type06 .tab_list_wrap .tab_list li a:hover {color: #1e1e1e;}
.tab_con.type06 .tab_list_wrap .tab_list li a.on {border-bottom: 2px solid #5d5fe4;color: #5d5fe4;}

.box_delete {
    display: flex;
    align-items: flex-start;
    gap: 0 8px;
}
.pos_ballon {
    position: relative;
}
.op_main_swiper01.login_tab .swiper-slide{
    background-color: transparent;
}
.ballon {
    display: none;
    justify-content: center;
    align-items: center;
    position:absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding: 0px 8px;
    height: 26px;
    min-width: 71px;
    line-height: 24px;
    
    border-radius: 28px;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
    border: 1px solid #c8c7f6;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #5d5fe4;
    background-color: #f6f8fe;
    z-index: 10;
}
.login_link_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_link_box a {
    font-size: 19px;
    font-weight: 600;
    color: #5d5d5d;
}
.comm_group {
    margin-top: 32px;
    font-size: 19px;
    font-weight: 600;
    color: #5d5d5d;
}
.simple {
    display: flex;
    align-self: center;
    gap: 0 24px;
}
.member_con_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
}
.card-type_01 {
    min-width: 612px;
    padding: 32px;
    border-radius: 24px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-type_01 > .head {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-type_01 > .head .txt {
    font-size: 21px;
    font-weight: 600;
    color:#1e1e1e;
    margin-top: 12px;
    line-height: 1.5;
}
.card-type_01 > .group {
    margin-top: 24px;
    display: flex;
    gap: 0 12px;
}

.box-type_01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap : 0 24px;
}
.box-type_01 .card-type_01{
    width: 100%;
    min-height: auto;
    box-sizing: border-box;
    border: 1px solid #dcdcdC;
}
.box-type_01 .card-type_01:has(.btn-member.active){
    border: 1px solid #5d5fe4;
    background-color: #f6f8fe;
}
.box-type_01 .card-type_01:has(.btn-member.active) .head .txt{
    color: #5d5fe4;
}   
.box-type_01 .card-type_01:has(.btn-member.active) .head .ico_join01{
    background-image: url("../img/ico_join_01.svg");
}
.box-type_01 .card-type_01:has(.btn-member.active) .head .ico_join02{
    background-image: url("../img/ico_join_02.svg");
}
.box-type_01 .card-type_01 .head .ico_join01{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    /* background-image: url("../img/ico_join_01_off.svg"); */
    background-image: url("../img/ico_join_01.svg");
    background-position: center center;
}
.box-type_01 .card-type_01 .head .ico_join02{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    /* background-image: url("../img/ico_join_02_off.svg"); */
    background-image: url("../img/ico_join_02.svg");
    background-position: center center;
}
.box-type_01 .card-type_01 .group{
    width: 100%;
}
.box-type_01 .card-type_01 .btn-member{
    width: 100%;
    padding: 0;
    display: flex;
    min-height: 74px;
}
.box-type_02 {
    /* margin-top: 60px; */
    display: none;
}
.box-type_02.active{
    display: block;
    width: 100%;
}
.box-type_02 .tit {
    font-size: 23px;
    font-weight: 700;
    color: #1e1e1e;
    text-align: center;
}
.box-type_02 .group {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 24px; */
    gap: 0 24px;
}
.box-type_03 {
    /* margin-top: 60px; */
    display: none;
}
.box-type_03.active{
    display: block;
    width: 100%;
}
.box-type_03 .btn_box_center01 .op_common_btn {
    width: 100%;
    max-width: 440px;
}

.box-type_04 {
    margin-top: 24px;
    display: none;
}
.box-type_04 .group {
    display: flex;
    justify-content: center;
    gap: 0 24px;
}

.info .info-bottom .tab_contents {
    padding: 0;
    background-color: initial;
}
.dash {
    font-size: 17px;
    font-weight: 400;
    padding: 0 8px;
}
.tag_group {
    display: flex;
    align-items: flex-end;
    gap: 0 4px;
}
.tag {
    display: inline-block;
    padding: 0px 8px;
    flex-shrink: 0;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
    vertical-align: top;
}
.tag.type1 {
    color: #009632;
    background-color: #ebfef2;
    border: 1px solid #71f49d;
}
.tag.type2 {
    color: #1da5ce;
    background-color: #e9fbff;
    border: 1px solid #b3d7db;
}
.tag.type3 {
    color: #5d5fe4;
    background-color: #f6f8fe;
    border: 1px solid #bbcdff;
}
.tag.type4 {
    margin:2px 8px 0 0;
    border-radius: 4px;
    line-height: 1.4;
    background-color: #5d5fe4;
    
    color: #fff;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    align-items: center;
}
.tag.type5 {
    color: #b85300;
    background-color: #fff9e1;
    border: 1px solid #ffb700;
}
.tag.type6 {
    color: #006e25;
    background-color: #ebfef2;
    border: 1px solid #71f49d;
}
.tag.type7 {
    color: #004352;
    background-color: #e9fbff;
    border: 1px solid #b3d7db;
}
.tag.type8 {
    color: #ce1100;
    background-color: #fde8e7;
}
.tag.type9 {
    font-size: 12px;
    font-weight: 600;
    color: #e0280a;
    background-color: #fde8e7;
}
.tag.type10 {
    font-size: 13px;
    font-weight: 600;
    color: #ce1100;
    background-color: #fde8e7;
    min-height: 24px;
}
.tag.type11 {
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    border-radius: 4px;
    background-color: #5d5fe4;
    color: #ffffff;
}
.tag.type12 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #f6f8fe;
    color: #5d5fe4;
    border: 1px solid #bbcdff;
}


.hash {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    line-height: 21px;
}
.hash + .hash {
    margin-left: 10px;
}
.hash.active {
    color: #1e1e1e;
}


.caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.caption .tit {
    font-size: 19px;
    font-weight: 400;
    color:#1e1e1e;
    flex-shrink: 0;
}
.caption .tit > .gun {
    font-size: 19px;
    font-weight: 700;
    color:#5d5fe4;
}
.caption > .head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 0 8px;
}
.caption > .head .filter {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.obj {
    text-align: center;
    width: 100%;
}
.obj th {
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    padding: 10px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    color: #1e1e1e;
    vertical-align: middle;
}
.obj td {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    /* min-height: 50px; */
    padding: 20px 16px;
    vertical-align: middle;
    line-height: 25.5px;
}
.obj tr {
    border-bottom: 1px solid #dcdcdc;
}
.obj tr:nth-child(even) {
    background-color: #f9f9f9;
}
.obj td.tit {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
}
.obj td .reple {
    color: #5d5fe4;
}
.obj td .ready {
    color: #5d5d5d;
    font-weight: 700;
}
.obj .info {
    display: flex;
    align-items: center;
}

.obj .info .thumb .compare {
    display: flex;
    align-items: center;
    justify-content: center;
}
.obj .time {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.obj .time span {
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 21px;
}
.obj .pay {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.obj .pay .price {
    font-size: 21px;
    font-weight: 400;
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #9a9a9a;
    word-break: break-all;
    text-align: right;
}
.obj .pay .charge {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    word-break: break-all;
    width: 100%;
}
.obj .pay .charge .percent {
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
}
.obj .pay .cash {
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    display: block;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
    text-align: right;
}
.obj .state {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
}



.elip {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.elip_01 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elip_02 {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}



.purpose {
    display: flex;
    align-items: flex-start;
}
.purpose .land {
    padding: 8px 0 8px 8px ;
    width: 280px;
    min-height: 200px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #dcdcdc;
    flex-shrink: 0;
}
.purpose .land + .land {
    border-left: 0;
}
.purpose .land li {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 29px;
    display: block;
    cursor: pointer;
}
.purpose .land li:hover {
    background-color: #f6f8fe;
    color: #5d5fe4;
}
.purpose .plant {
    padding: 16px 20px;
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #dcdcdc;
    border-left: 0;
}
.purpose .plant li {
    padding: 4px 0;
}
.plant .item {
    display: flex;
    align-items: center;
}
.purpose_hash {
    position: relative;

    border: 1px solid #dcdcdc;
    border-top: 0;
    max-height: 120px;
    background-color: #eff3ff;

    flex-wrap: wrap;

    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 8px;
}

.filter01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 12px;
}
input[type='range']{
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 15px;
    background: linear-gradient(-90deg, #5d5fe4 0%, #5d5fe4 100%); 
}
.btn_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 12px;
    padding-top: 64px;
    padding-bottom: 48px;
}
.btn_box_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 12px;
    padding-bottom: 28px;
}
.btn_close_sch {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.v_line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 0;
}
.customer {
    background-color: #f9f9f9;
    padding: 24px 40px;
    border-radius: 12px;
    margin-top: 0px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.customer .service .tit {
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    vertical-align: bottom;
    line-height: 1.5;
}
.customer .service .phone {
    font-size: 30px;
    font-weight: 700;
    color: #5d5fe4;
    padding-left: 4px;
    line-height: 1.5;
}
.customer .service .call {
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 4px;
}
.customer .service .desc{
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    margin-top: 4px;
    display: block;
}
.customer .group {
    display: flex;
    align-items: center;
    gap: 0 16px;
}
.answer_mo {
    display: none;
}
.answer {
    text-align: center;
    width: 100%;
}       
.answer th {
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    padding: 10px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    color: #1e1e1e;
}
.answer td {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    /* min-height: 50px; */
    padding: 24px 0;
    vertical-align: middle;
    line-height: 25.5px;
}
.answer tr {
    border-bottom: 1px solid #dcdcdc;
}
.answer tr:nth-child(2n) {
    background-color: #fcfcfc;
}
.answer td.tit {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
}
.answer td .reple {
    color: #5d5fe4;
}
.answer td .ready {
    color: #5d5d5d;
    font-weight: 700;
}
.answer_tr {
    border-bottom: 1px solid #b9b9b9;
    padding: 16px 0;
}
.answer_tr:nth-child(2n) {
    background-color: #fcfcfc;  
}

.answer_tr:first-child {
    border-top: 1px solid #b9b9b9;
}
.answer_tr .receipt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.answer_tr .receipt .state {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    line-height: 19.6px;
}
.answer_tr .tit {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    line-height: 19.6px;
}
.answer_tr .desc {
    width: 90%;
    display: inline-block;
    
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.answer_tr .reple {
    color: #5d5fe4;
}
.answer_tr .ready {
    color: #5d5d5d;
    font-weight: 700;
}
.answer td .ico_pin01{
    margin: 0 auto;
}
.tbl-type_10 {
    padding: 0 20px;
}
.tbl-type_10 > .answer_tr {
    border-bottom: 1px solid #b9b9b9;
    padding: 16px 20px;
}
.tbl-type_10 > .answer_tr:nth-child(2n) {
    background-color: #fcfcfc;  
}
.tbl-type_10 > .answer_tr:first-child {
    border-top: 1px solid #b9b9b9;
}
.tbl-type_10 > .answer_tr .receipt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tbl-type_10 > .answer_tr .receipt .state {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    line-height: 19.6px;
}
.tbl-type_10 > .answer_tr .tit {
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    line-height: 19.6px;
}
.tbl-type_10 > .answer_tr .desc {
    width: 90%;
    display: inline-block;
    
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.tbl-type_10 > .answer_tr .reple {
    color: #5d5fe4;
}
.tbl-type_10 > .answer_tr .ready {
    color: #5d5d5d;
    font-weight: 700;
}
.tbl-type_10 > .answer_tr .btn_box_left01 {
    margin-top: 8px;
}
.tbl-type_10 > .answer_tr .ico_pin01{
    margin-bottom: 4px;
}



.caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.caption .tit {
    font-size: 19px;
    font-weight: 400;
    color:#1e1e1e;
    flex-shrink: 0;
}
.caption .tit > .gun {
    font-size: 19px;
    font-weight: 700;
    color:#5d5fe4;
}
.caption .filter {
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.caption.op_common_top01 {
    padding: 0;
}


.cust_detail {
    border-top: 1px solid #1e1e1e;
    margin-top: 20px;
    padding-bottom: 60px;
}
.cust_detail > .title {
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    display: block;
    align-items: center;
    padding: 20px 0;
    line-height: 1.5;
}
.tbl-type_01 .inquiry {
    margin-top: 48px;
    min-height: 257px;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.tbl-type_01 .inquiry_reple {
    background-color: #f9f9f9;
    border-radius: 24px;
    padding: 40px;
}
.tbl-type_01 .inquiry_reple > .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tbl-type_01 .inquiry_reple > .head .tit {
    position: relative;
    padding-left: 35px;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .head .tit::before {
    content: 'A';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #5d5fe4;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    line-height: 26px;
}
.tbl-type_01 .inquiry_reple > .head .date {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #5d5d5d;
}
.tbl-type_01 .inquiry_reple > .head .date span {
    font-weight: 700;
    margin-right: 12px;
    color: #1e1e1e;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
}
.tbl-type_01 .inquiry_reple > .desc {
    padding-top: 20px;
    padding-left: 24px;
    border:1px solid #f9f9f9;
    min-height: 257px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl-type_01 .inquiry_reple > .attach {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #dcdcdc;
    padding-top: 16px;
    margin-top: 20px;
}
.tbl-type_01 .inquiry_reple > .attach .tit {
    width: max-content;
    margin-right: 24px;
    padding-top: 4px;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .attach .file {
    width: 100%;
}
.tbl-type_01 .inquiry_reple > .attach .file .name {
    display: flex;
    align-items: flex-start;
}
.tbl-type_01 .inquiry_reple > .attach .file .name img {
    width: 24px;
    margin-right: 4px;
    flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .attach .file .name a {
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    word-break: break-all;
    line-height: 1.5;
    display: inline-block;
}
.tbl-type_02 {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 20px;
}
.tbl-type_02 li {
    flex: 1;
}
.tbl-type_02 .col {
    display: flex;
    width: 100%;
    padding: 20px 0 0 0;
}
.tbl-type_02 .col .tit {
    width: 80px;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
    line-height: 1.5;
}
.tbl-type_02 .col .desc {
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl-type_02 .col .desc.w200 {
    width: 300px;
}
.tbl-type_02 .line_change {
    flex-basis: 100%;
}
.tbl-type_02 .line_change > .col .file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    width: 100%;
    padding-left: 20px;
}
.tbl-type_02 .line_change > .col .file .name {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    /* width: 100%; */
}
.tbl-type_02 .line_change > .col .file .name a {
    margin-left: 4px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    word-break: break-all;
}

.tbl-type_03 {
    border-top: 1px solid #DCDCDC;
    margin-top: 48px;
}
.tbl-type_03 li {
    border-bottom: 1px solid #DCDCDC;
}
.tbl-type_03 .tit {
    font-size: 17px;
    font-weight: 700;
    color:#1e1e1e;
    padding-left: 20px;
    line-height: 1.5;
}
.tbl-type_03 .desc {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    padding-left: 40px;
    line-height: 1.5;
}
.tbl-type_03 .btn-pre {
    display: block; 
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px 40px;
}
.tbl-type_03 .btn-next {
    display: block; 
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px 40px;
}

.btn_category {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    min-height: 29px;
    background-color: transparent;
}
.btn_category.active {
    display: block;
    color: #5d5ffe;
    font-weight: 700;
    /* background-image: url('../img/ico_check_03.svg'); */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.op_land02 li:has(.btn_category.active) {
    background-color: #eff3ff;
}
.btn_list_group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0 12px;
}
.btn_list_group.top48 {
    margin-top: 48px;
}
.btn_list_modify {
    display: flex;
    align-items: center;
    gap: 0 12px;
}
.cust_modify > .guide {
    padding: 24px 32px;
    background-color: #f6f8fe;
    border-radius: 12px;
    position: relative;
}
.cust_modify > .guide .guide_ico {
    position: absolute;
    top: 32px;
    left: 40px;
}
.cust_modify > .guide .guide_info {
    padding-left: 92px;
}
.cust_modify > .guide .guide_info dt {
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
}
.cust_modify > .guide .guide_info dd {
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 16px;
}
.cust_modify > .guide .guide_info dd + dd {
    margin-top: 12px;
}
.cust_modify > .guide .guide_info1 dt {display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
.cust_modify > .guide .guide_info1 dt img {width:28px; height:28px;}
.cust_modify > .guide .guide_info1 dt {
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
}
.cust_modify > .guide .guide_info1 dt + dd {margin-top: 12px;}
.cust_modify > .guide .guide_info1 dd {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    position: relative;
}
.cust_modify > .guide .guide_info1 dd .cust_guide_txt01{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.cust_modify > .guide .guide_info1 dd + dd {
    margin-top: 4px;
}
.cust_modify > .guide .guide_info2 dt {display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
.cust_modify > .guide .guide_info2 dt img {width:28px; height:28px;}
.cust_modify > .guide .guide_info2 dt {
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
}
.cust_modify > .guide .guide_info2 dt + dd {margin-top: 16px;}
.cust_modify > .guide .guide_info2 dd {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 13px;
    position: relative;
}
.cust_modify > .guide .guide_info2 dd::after{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #5d5d5d;
}
.cust_modify > .guide .guide_info2 dd + dd {
    margin-top: 4px;
}
.cust_modify > .guide .guide_info2 .txt_in {
    text-indent: -10px;
    padding-left: 10px;
    padding-top:4px;
    display: inline-block;
}
.cust_modify > .guide .guide_info2 .op_common_btn {margin-left: 0;}
.cust_modify > .guide.type01 {padding:24px;}



/* .cust_modify : guide01 */
.cust_modify > .guide01 {
    position: relative;
    padding: 24px 32px;
    border-radius: 12px;
    border: 1px solid #d6e0ff;
    background-color: #f6f8fe;
}
.cust_modify > .guide01 .guide_ico {
    position: absolute;
    top: 32px;
    left: 40px;
}
.cust_modify > .guide01 .guide_info4 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify > .guide01 .guide_info4 dt {
    width: 100%;
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
    gap: 8px;

    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
}
.cust_modify > .guide01 .guide_info4 dt img {
    width:28px;
    height:28px;
}
.cust_modify > .guide01 .guide_info4 dd {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.cust_modify > .guide01 .guide_info4 dt + dd {
    margin-top: 12px;
}
/* //cust_modify : guide01 */
.bg_box { display: block; margin: 0 auto; width: 100%; padding: 16px 24px; background-color: #f9f9f9; border-radius: 12px; border: 1px solid #b9b9b9;}

.dot_list01{display: block;width: 100%;}
.dot_list01 > li {display: block;position: relative;padding-left: 13px;width: 100%;font-size: 17px;font-weight: 400;line-height: 1.5;color: #333;}
.dot_list01 > li .dot_b {font-size: 17px;font-weight: 600;line-height: 1.5;color: #333;}
.dot_list01 > li + li{margin-top: 4px;}
.dot_list01 > li::after{content: "";display: block;position: absolute;top: 10px;left: 5px;width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;}


.cust_modify > .essential {
    width: 100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cust_modify > .essential .mark {
    font-size: 19px;
    font-weight: 400;
    color: #e6280c;
}
.btn_list_group_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin-top: 24px;
    width: 100%;
    gap: 0 12px;
}
.box-step {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    /* margin-top: 40px; */
    padding: 20px 0;
}
.box-step ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
}
.box-step ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    font-size: 21px;
    font-weight: 700;
}
.box-step .op_step_circle {
    background-color: #717171;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}
.box-step .op_step_txt {
    color: #717171;
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}
.box-step .op_step_arrw {
    width: 24px;
    height: 24px;
    background-image: url("../img/ico_chevron_right_thick_grey.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    flex-shrink: 0;
}
.box-step ul li.pass .op_step_circle{
    background-color: #1e1e1e;
    position: relative;
    font-size: 0;
}
.box-step ul li.pass .op_step_circle::after{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-image: url("../img/ico_check_10.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
.box-step ul li.pass .op_step_txt{
    color: #1e1e1e;
}
.box-step ul li.pass .op_step_arrw{
    background-image: url("../img/ico_chevron_right_thick_black.svg");
}
.box-step ul li.on .op_step_circle {
    background-color: #5d5fe4;
}
.box-step ul li.on .op_step_txt {
    color: #5d5fe4;
}
.box-step ul li.on .op_step_arrw {
    background-image: url("../img/ico_chevron_right_thick_green.svg");
}
.box-step ul li.end .op_step_circle {
    background-color: #1e1e1e;
    font-size: 0;
    background-image: url("../img/ico_check_white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
}
.box-step ul li.end .op_step_txt {
    color: #1e1e1e;
}
.box-step ul li.end .op_step_arrw {
    background-image: url("../img/ico_chevron_right_thick_black.svg");
}
.terms01  {margin-top: 48px;}
.terms01 > li + li {margin-top: 24px;}
.terms01 .desc {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    max-height: 133px;
    overflow-y: auto;
}
.terms01 .desc .tit {
    font-size: 17px;
    font-weight: 700;
    color: #5d5d5d;
    line-height: 1.5;
    display: block;
    margin-bottom: 4px;
}
.terms01 .agree {
    margin-top: 12px;
}
.allChk_box {
    display: flex;
    background: #ebebeb;
    align-items: center;
    padding: 14px 24px;
    gap: 12px;
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
}
.allChk_box.checked {
    background-color: #ebebeb;
}
.allChk_box:has(input[type="checkbox"]:checked){
    background-color: #5d5fe4;
}
.allChk_box > input[type="checkbox"] {
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url("../img/ico_check_gray.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    pointer-events: none;
}
.allChk_box > input[type="checkbox"]:checked {
    background-image: url("../img/ico_check_white.svg");
}
.allChk_box > input[type="checkbox"] + label {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 700;
    color: #5d5d5d;
}
.allChk_box > input[type="checkbox"]:checked + label {
    color: #fff !important;
}

.tbl-type_04 {
    margin-top: 24px;
}
.tbl-type_04 > .tbl-01 {
    width: 100%;
    border-top: 1px solid #717171;
}
.tbl-type_04 > .tbl-01 > li {
    border-bottom: 1px solid #ebebeb;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub {
    display: flex;
    width: 100%;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub > li {
    width: 100%;
    padding: 12px 20px;
    min-height: 51px;

    display: flex;
    align-items: center;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub > li:first-child {
    width: 230px;
    background-color: #f9f9f9;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box .txt{
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    position: relative;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box .txt.require::before {
    content: '*';
    position: absolute;
    top: 0;
    right: -10px;
    color: #e0280a;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box-sub .txt{
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d; 
}
.tbl-type_04 > .tbl-01 .f_width {
    width: 100%;
}
.tbl-type_04 > .tbl-01 .f_width .box_type03 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 8px;
}
.tbl-type_04 > .tbl-01 .f_width .box_type03 > .op_common_input04 input {
    width: auto;
}
.tbl-type_04 > .tbl-01 .f_width .box_type03 > .op_common_btn {
    flex-shrink: 0;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub .my_number {
    display: none;
}
.tbl-type_04 > .tbl-01 .tbl-01_sub .my_number.active {
    display: block;
}



.password_box {
    width: 100%;
    min-width: 400px;
}
.password_box > .msg{
    display: none;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
}
.password_box label { 
    font-size: 19px;
    font-weight: 600;
    line-height: 29px;
}
.password_box.error input{
    border: 1px solid #e0280a;
}
.password_box.error > .msg{
    display: block;
    color: #e0280a;
    text-align: left;
}
.password_box.success input{
    border: 1px solid #006e25;
}
.password_box.success > .msg{
    display: block;
    color: #006e25;
    text-align: left;
}
.password_box input { 
    appearance: none;
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    padding-right: 56px; 
    border-radius: 8px;
    border:1px solid #717171;
    font-size: 17px; 
    background-color: #ffffff;
    color: #1e1e1e;
}
.password_box input::placeholder {color: #717171;}
.password_box input:focus {border: 0;}

.password_box .login_pass {
    position: relative;
}
.password_box .toggle_pw {
    width: 24px; 
    height: 24px; 

    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 16px;
    
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0;
    color: transparent;
}
.password_box .toggle_pw.eyes{
    background: url("../img/ico_eye_fill_grey.svg"); 
}
.password_box .toggle_pw.eyes.off{
    background: url("../img/ico_eye_fill_grey_slash.svg");
}
.password_box > .ck_pass {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 0 8px;
}
.password_box  > .ck_pass .group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.password_box  > .ck_pass .group .txtin{
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    padding-left: 2px;
}
.password_box  > .ck_pass .group .txtin.on{
    font-size: 13px;
    font-weight: 400;
    color: #5d5fe4; 
}
.btn_dupl {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid red;
    padding: 16px;
    font-size: 6px 20px;
    border-radius: 999px;
    background-color: #ffffff;
}

.op_site_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #f9f9f9;
    padding: 40px;
}
.op_site_area01 .tit_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.op_site_area01 .tit_box .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.op_site_area01 .tit_box .right_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
}
.op_site_area01 .tit_box .left_box [class*="ico"]{
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-size: 32px 32px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
}
.op_site_area01 .tit_box .left_box [class*="ico"] + .tit{
    margin-left: 8px;
}
.op_site_area01 .tit_box .left_box .tit{
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 32px;
}
.op_site_area01 .site_list{
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
}
.op_site_area01 .site_list .item{
    display: block;
    box-sizing: border-box;
}
.op_site_area01 .site_list .item > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    border-radius: 999px;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    padding: 6px 20px;
}
.op_site_area01 .site_list .item > a .txt{
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    width: max-content;
    box-sizing: border-box;
    line-height: 26px;
}
.op_site_area01 .site_list .item > a [class*="ico"]{
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-size: 20px 20px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center center;
}
.op_site_area01 .site_list .item > a .txt + [class*="ico"]{
    margin-left: 6px;
}

.op_site_area01 .txt_type01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    word-break: break-all;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    padding-left: 0px;
}


.enterprise_info {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.enterprise_info > li  + li{
    margin-top: 24px;
}


.enterprise {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.enterprise .tit {
    font-size: 30px;
    font-weight: 700;
    color: #1e1e1e;
}
.enterprise .point {
    font-size: 15px;
    font-weight: 400;
    color: #e6280c;
}
.enterprise.top60 {
    margin-top: 60px;
}


.enterprise01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enterprise01 .tit {
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
}
.enterprise01 + .tbl-type_04 {
    margin-top: 12px;
}

.box_enterprise {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.box_enterprise .box_left {
    /* flex-shrink: 0; */
    display: flex;
    align-items: center;
}
.box_enterprise .box_right {
    flex-shrink: 0;
}
.form_submit_wrap01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;

    margin-top: 60px;
}
/* con_tit_box01 || 32px 12px 선O 모바일X*/
.con_tit_box01{display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid #1E1E1E;padding-bottom: 12px;}
.con_tit_box01 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box01 > .left_box .tit{display: block;font-size: 32px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box01 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box01 > .right_box .noti_txt01{display: block;font-size: 17px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 20px;}
.con_tit_box01 > .right_box .noti_txt02{display: block;font-size: 17px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
/* con_tit_box02 || 32px 12px 선X 모바일X*/
.con_tit_box02{display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
.con_tit_box02 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box02 > .left_box .tit{display: block;font-size: 32px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box02 > .left_box .tit_sub{
    font-size: 19px;
    font-weight: 400;
    flex-shrink: 0;
    margin-left: 20px;
    display: block;
}
.con_tit_box02 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box02 > .right_box .noti_txt01{display: block;font-size: 17px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 20px;}
.con_tit_box02 > .right_box .noti_txt02{display: block;font-size: 17px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box02 > .right_box [class*="btn_box_"] ~ .top_utile_box01{margin-left: 24px;}
/* con_tit_box03 || 30px 12px 선O 모바일O*/
.con_tit_box03{display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid #1E1E1E;padding-bottom: 12px;}
.con_tit_box03 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box03 > .left_box .tit{display: block;font-size: 25px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box03 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box03 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 14px;}
.con_tit_box03 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
/* con_tit_box04 || 30px 12px 선X 모바일O*/
.con_tit_box04{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
.con_tit_box04 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box04 > .left_box .tit{
    display: block;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.con_tit_box04.ec_case01 > .left_box .tit{
    font-size: 27px;
}
.con_tit_box04 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box04 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 14px;}
.con_tit_box04 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box04.mobile { display: none; }
/* con_tit_box05 || 23px 17px 선X 모바일O */
.con_tit_box05{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
.con_tit_box05 > .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.con_tit_box05 > .left_box .tit{
    display: block;font-size: 23px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0; width: max-content;}
.con_tit_box05 > .left_box .tit_box01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.con_tit_box05.ec_case01 > .left_box .tit{
    font-size: 19px;
}
.con_tit_box05 > .left_box .tit_box01 .op_common_btn{margin-left: 8px;}
.con_tit_box05 > .left_box .total_txt_box01{
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    padding: 6px 0 0 8px;
}
.con_tit_box05 > .left_box .total_txt_box01 > span{font-weight: 700;}
.con_tit_box05 > .left_box .tit .total_txt_box01
.con_tit_box05 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box05 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box05 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box05 .tooltip_wrap01{display: block;width: 24px;height: 24px;margin-left: 4px;}
.con_tit_box05 .tooltip_wrap01 .tooltip{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 24px 24px;
}
.con_tit_box05.type01 > .right_box{width: 100%;}
.con_tit_box05.type02 > .left_box {width: 100%;}



/* con_tit_box06 || 21px 16px 선X 모바일O */
.con_tit_box06{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
.con_tit_box06 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box06 > .left_box .tit{display: block;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box06 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box06 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box06 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}


.con_tit_box07{display: flex;justify-content: space-between;align-items: center;width: 100%;padding-bottom: 12px; margin-top: 24px;}
.con_tit_box07 ~ .con_tit_box07 {margin-top: 24px;}
.con_tit_box07 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box07 > .left_box .tit{display: block;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box07 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box07 > .right_box .noti_txt01{display: block;font-size: 19px;font-weight: 400;color: #e0280a;line-height: 1.5;}

.con_tit_box08{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.con_tit_box08 ~ .con_tit_box08 {margin-top: 24px;}
.con_tit_box08 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box08 > .left_box .tit{display: block;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
.con_tit_box08 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box08 > .right_box .noti_txt01{display: block; font-size: 19px;font-weight: 400;color: #e0280a;line-height: 1.5;}





/* con_tit_box05 속성에서 con_tit_box10 || 23px 17px 선X 모바일O 한줄 처리*/
.con_tit_box10{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
.con_tit_box10 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
.con_tit_box10 > .left_box .tit{display: block;font-size: 23px;font-weight: 700;line-height: 1.5;color: #1e1e1e;flex-shrink: 0;}
.con_tit_box10 > .left_box .tit_box01{display: flex;justify-content: flex-start;align-items: center;box-sizing: border-box;}
.con_tit_box10 > .left_box .tit_box01 .op_common_btn{margin-left: 8px;}
.con_tit_box10 > .left_box .total_txt_box01{display: block;font-size: 19px;font-weight: 400;line-height: 1.5;color: #1e1e1e;padding: 6px 0 0 8px;}
.con_tit_box10 > .left_box .total_txt_box01 > span{font-weight: 700;}
.con_tit_box10 > .left_box .tit .total_txt_box01
.con_tit_box10 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
.con_tit_box10 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box10 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
.con_tit_box10 .tooltip_wrap01{display: block;width: 24px;height: 24px;margin-left: 4px;}
.con_tit_box10 .tooltip_wrap01 .tooltip{display: block;width: 100%;height: 100%;background-size: 24px 24px;}



/* con_tit_box05 기준 */
.con_tit_box11{ 
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid transparent;
    padding-bottom: 12px;
}
.con_tit_box11 > .left_box{
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
}
.con_tit_box11 > .left_box .tit{
    display: block;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    flex-shrink: 0;
}
.con_tit_box11 > .right_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
}




[class*="con_tit_box"] > .left_box .tit ~ .badge_box01{
    margin-left: 8px;
    width: max-content;
}
/*desc_msg01*/
.desc_msg01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    color: #1e1e1e;
    line-height: 1.5;
    font-weight: 400;
    padding-bottom: 8px;
}
/*//desc_msg01*/
.top_info_box01 + .con_tit_box04{
    margin-top: 60px;
}
.top_info_box01 {
    display : flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 32px 40px;
    background-color: #f6f8fe;
    border-radius: 12px;
    gap: 32px;
    margin-top: 0px;
}
.top_info_box01 .ico_top_info01 {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
    box-sizing: border-box;
    background-image: url("../img/ico_info_top01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    flex-shrink: 0;
}
.top_info_box01 .ico_top_info02 {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
    box-sizing: border-box;
    background-image: url("../img/ico_top_info02.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    flex-shrink: 0;
}

.top_info_box01 .con_info01 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 32px;
}
.top_info_box01 .con_info01 .txt {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}


.tbl-type_05 > .caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.tbl-type_05 > .caption .tit {
    font-size: 19px;
    font-weight: 400;
    color:#1e1e1e;
    flex-shrink: 0;
}
.tbl-type_05 > .caption .tit > .gun {
    font-size: 19px;
    font-weight: 700;
    color:#5d5fe4;
}
.tbl-type_05 > .caption .filter {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.tbl-type_05 > .obj {
    text-align: center;
    width: 100%;
}
.tbl-type_05 > .obj th {
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    padding: 10px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    color: #1e1e1e;
    vertical-align: middle;
}
.tbl-type_05 > .obj td {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    /* min-height: 50px; */
    padding: 20px 16px;
    vertical-align: middle;
    line-height: 25.5px;
}
.tbl-type_05 > .obj tr {
    border-bottom: 1px solid #dcdcdc;
}
.tbl-type_05 > .obj tr:nth-child(even) {
    background-color: #f9f9f9;
}
.tbl-type_05 > .obj td.tit {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
}
.tbl-type_05 > .obj td .reple {
    color: #5d5fe4;
}
.tbl-type_05 > .obj td .ready {
    color: #5d5d5d;
    font-weight: 700;
}
.tbl-type_05 > .obj .info {
    display: flex;
    align-items: center;
}
.tbl-type_05 > .obj .time {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.tbl-type_05 > .obj .time span {
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 21px;
}
.tbl-type_05 > .obj .code {
    font-size: 17px;
    font-weight: 700;
    color: #1f1f1f;
    line-height: 25.5px;
}
.tbl-type_05 .txt_type01 {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
}
.tbl-type_05 .txt_type01_b {
    font-size: 15px;
    font-weight: 700;
    color: #717171;
}

.tbl_row04 > .search_01 {
    width: 100%;
}
.tbl_row04 > .search_01 > li + li{
    margin-top: 32px;
}
.tbl_row04 > .search_01 .box_sub {
    display: flex;
    align-items: center;
    width: 100%;
}
.tbl_row04 > .search_01 .box_double {
    display: flex;
    align-items: center;
    width: 100%;
}
.tbl_row04 > .search_01 .box_double .box_sub li:last-child {
    width: 100%;
    margin-right: 32px;
}
.tbl_row04 > .search_01 .box_sub .sub {
    width: 100%;
    min-width: 120px;
}
.tbl_row04 > .search_01 .box_sub .sub .txt {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
}
.tbl_row04 > .search_01 .box_sub .desc {
    display: flex;
    align-items: center;
    width: 100%;
}

.datepicker_type1 {
    margin-left: 28px;
}


.pos_share {
    position: relative;
    z-index: 11;
}
.pos_share > .tooltip {
    position: absolute;
    top : 32px;
    right: 0;
    
    display: none;
    flex-direction: column;

    /* width: 100%; */
    padding: 24px;
    width: 408px;
    height: 439px;
    background-color: #ffffff;
    border: 1px solid #DCDCDC;  
    border-radius: 24px;
    box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
}
.pos_share > .tooltip.active {
    display: flex;
}
.pos_share > .tooltip .top {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.pos_share > .tooltip .top .tit {
    font-size: 25px;
    font-weight: 700;
    color: #1e1e1e;
}
.pos_share > .tooltip .body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 100%;
    min-height: 100px;
    padding: 20px 10px 15px 10px;
}
.pos_share > .tooltip .body > .thumb {
    margin-top: 0px;
    position: relative;
    width: 190px;
    height: 143px;
}
.pos_share > .tooltip .body > .thumb > img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.pos_share > .tooltip .body > .thumb::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 143px;
    display: block;
    /* background-color: black; */
    border-radius: 12px;
    z-index: -1;
}
.pos_share > .tooltip .body > .thumb::after {
    content: '상태이미지 사이즈 교체';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 143px;
    display: block;
    border-radius: 12px;
    color: #ffffff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
}
.pos_share > .tooltip .body > .thumb.active::after {
    content: none;
}

.pos_share > .tooltip .body > .code {
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    margin-top: 15px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
}
.pos_share > .tooltip .body > .addr {
    font-size: 19px;
    font-weight: 700;
    max-width: 380px;
    color: #1e1e1e;
    margin-top: 8px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
}
.pos_share > .tooltip .body .group {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    gap: 0 30px;
}




.email_share01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.email_share01 .con_area01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.email_share01 .con_area01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
   
}
.email_share01 .con_area01 .left_box .tit_area02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    border-radius: 12px 12px 0 0;
    padding: 20px 40px;
}
.email_share01 .con_area01 .left_box .tit_area02 .tit_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 24px;
}
.email_share01 .con_area01 .left_box .tit_area02 .tit_box01 .tit01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    flex-shrink: 0;
}
.email_share01 .con_area01 .left_box .tit_area02 .tit_box01 .tit02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.email_share01 .con_area01 .right_box {
    width: 100%;
    display: block;
    box-sizing: border-box;

    border: 1px solid #ebebeb;
    padding: 24px 40px;
}
.email_list01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.email_list01 li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.email_list01 li .tit_box01 {
    width: 111px;
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;
}
.email_list01 li .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.email_list01 li + li {
    margin-top: 16px;
}




.tbl_row05 > .search_01 {
    width: 100%;
}
.tbl_row05 > .search_01 > li + li{
    margin-top: 32px;
}
.tbl_row05 > .search_01 .box_sub {
    display: flex;
    align-items: center;
    width: 100%;
}
.tbl_row05 > .search_01 .box_double {
    display: flex;
    align-items: center;
    width: 100%;
}
.tbl_row05 > .search_01 .box_double .box_sub li:last-child {
    width: 100%;
    margin-right: 32px;
}
.tbl_row05 > .search_01 .box_sub .sub {
    width: 100%;
    min-width: 120px;
    display: flex;
    align-items: center;    
}
.tbl_row05 > .search_01 .box_sub .sub .txt {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    
    max-width: 120px;
    word-break: break-all;
    white-space: wrap;
    flex-shrink: 0;
}
.tbl_row05 > .search_01 .box_sub .desc {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 20px;
}
.tbl_row05 > .search_01 .box_sub .title {
    display: flex;
    align-self: flex-start;
}
.tbl_row05 > .search_01 .box_sub .persent {
    width: 100%;
}
.tbl_row05 > .search_01 .box_01 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.tbl_row05 > .search_01 .box_01 .purpose {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.tbl_row05 > .search_01 .box_01 .purpose .land {
    padding: 8px 0 8px 8px ;
    width: 280px;
    min-height: 200px;
    max-height: 200px;
    overflow-y: scroll;
    /* border: 1px solid #dcdcdc; */
    flex-shrink: 0;
}
.tbl_row05 > .search_01 .box_01 .purpose .land li {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 29px;
}
.tbl_row05 > .search_01 .box_01 .purpose .land li:hover {
    background-color: #f6f8fe;
    color: #5d5fe4;
}
.tbl_row05 > .search_01 .box_01 .purpose .plant {
    padding: 16px 20px;
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #dcdcdc;
    border-left: 0;
}
.tbl_row05 > .search_01 .box_01 .purpose .plant li {
    padding: 4px 0;
}
.tbl_row05 > .search_01 .box_01 .purpose .plant .item {
    display: flex;
    align-items: center;
}
.tbl_row05 > .search_01 .box_01 .hash_01 {
    position: relative;

    border: 1px solid #dcdcdc;
    border-top: 0;
    max-height: 120px;
    background-color: #eff3ff;
    
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    padding: 16px 20px;
    gap: 8px;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_01 {
    display: flex;
    align-items: center;
    width: 100%;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_01 .rdo_list01 {
    width: auto;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_01 > .op_common_chk01 {
    width: auto;
    flex-shrink: 0;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_02 {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 327px;
    margin-left: 28px;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_02 input {
    text-align: right;
    color: #1e1e1e;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_02 .txt {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    flex-shrink: 0;
}
.tbl_row05 > .search_01 .box_sub .desc .box_bid_03 {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 327px;
    margin-left: 28px;
}
.tbl_row05 > .search_01 .box_sub .persent .desc .item01 {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0 12px;
}
.tbl_row05 > .search_01 .box_sub .persent .desc .item01 .op_common_input01 {
    width: 468px;
}
.tbl_row05 > .search_01 .box_sub .persent .desc .item01 .txt { 
    font-size: 14px;
    font-weight: 400;
    color: #717171;
    line-height: 1.4;
    flex-shrink: 0;
}


.sheet_inner {
    display: none;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 12px;
}
.sheet_inner.active {
    display: flex;
}
.sheet_inner .left_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.sheet_inner > .left_box .tit {
    font-size: 15px;
    font-weight: 700;
    color: #1e1e1e;
}
.sheet_inner > .left_box .count {
    font-size: 15px;
    font-weight: 700;
    color: #5d5fe4;
}
.sheet_inner > .left_box .total {
    font-size: 13px;
    font-weight: 400;
    color: #1e1e1e;
}
.sheet_inner > .right_box {
    width: 100%;    
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 4px;
    margin-top: 12px;
    height: 48px;
}
/* bottom sheet */
.fixed_btn02.active {
    display: none;
}
.fixed_btn02 .bt_fixed01 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11021;
    padding: 20px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px -12px 28px 0px rgba(0,0,0,0.10);
}


.tbl-type_07 > .caption {display: flex;justify-content: space-between;align-items: center;}
.tbl-type_07 > .caption .tit {font-size: 19px;font-weight: 400;color:#1e1e1e;flex-shrink: 0;}
.tbl-type_07 > .caption .tit > .gun {font-size: 19px;font-weight: 700;color:#5d5fe4;}
.tbl-type_07 > .caption .head {display: flex;align-items: center;justify-content: flex-end;width: 100%;gap: 0 8px;}
.tbl-type_07 > .caption .head .filter {display: flex;align-items: center;gap: 0 8px;}
.tbl-type_07 .obj { text-align: center; width: 100%;}
.tbl-type_07 .obj th {font-size: 17px;font-weight: 400;color: #717171;padding: 10px 0;  border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background-color: #f9f9f9;color: #1e1e1e;vertical-align: middle;}
.tbl-type_07 .obj tr {border-bottom: 1px solid #dcdcdc;}
.tbl-type_07 .obj tr:nth-child(even) {background-color: #f9f9f9;}
.tbl-type_07 .obj td {padding: 20px 16px;vertical-align: middle;}
.tbl-type_07 .obj .info .thumb .box_thumb {position: relative;width: 170px;height: 128px;}
.tbl-type_07 .obj .info .thumb .thumb_scale  {position: absolute;top: 0;left: 0;transform-origin: top left;transition: transform 0.3s;z-index: 10;}
.tbl-type_07 .obj .info .thumb .thumb_scale_cover {position: absolute;top: 0;left: 0;z-index: 11;}
.tbl-type_07 .obj .info .thumb .thumb_scale:hover {transform: scale(1.3);transform-origin: top left;transition: transform 0.3s;}
.tbl-type_07 .obj .info .thumb .compare {display: flex;align-items: center;justify-content: center;margin-top: 12px;}
.tbl-type_07 .obj td .code {display: block;margin-top: 4px;font-size: 17px;font-weight: 700;color: #1e1e1e;line-height: 25.5px;}
.tbl-type_07 .obj td .desc {font-size: 17px;font-weight: 400;color: #1e1e1e;line-height: 1.5;}
.tbl-type_07 .obj td .tag_group_01 {display: flex;align-items: flex-end;margin-top: 5px;}
.tbl-type_07 .obj tr.visit td .tag_group,
.tbl-type_07 .obj tr.visit td .code {color: #717171;}
.tbl-type_07 .obj tr.visit td .desc {color: #717171;}
.tbl-type_07 .obj tr.visit td .tag_group [class*="tag"]{
    border: 1px solid #b9b9b9 !important;
    color: #717171 !important;
    background-color: #fff !important;
}
.tbl-type_07 .obj .pay {display: block;width: 100%;box-sizing: border-box;}
.tbl-type_07 .obj .pay .price {font-size: 21px;font-weight: 400;display: block;width: 100%;box-sizing: border-box;color: #9a9a9a;word-break: break-all;text-align: right;}
.tbl-type_07 .obj .pay .charge {display: flex;align-items: center;justify-content: flex-end;box-sizing: border-box;word-break: break-all;width: 100%;}
.tbl-type_07 .obj .pay .charge .percent {font-size: 17px;font-weight: 700;color: #e0280a;}
.tbl-type_07 .obj .pay .cash {font-size: 21px;font-weight: 700;color: #1e1e1e;display: block;width: 100%;box-sizing: border-box;word-break: break-all;text-align: right;}


.tbl-type_13 > .caption {width: 100%; display: flex;justify-content: space-between;align-items: center;}
.tbl-type_13 > .caption .tit {font-size: 19px;font-weight: 400;color:#1e1e1e;flex-shrink: 0;}
.tbl-type_13 > .caption .tit > .gun {font-size: 19px;font-weight: 700;color:#5d5fe4;}
.tbl-type_13 > .caption .head {display: flex;align-items: center;justify-content: flex-end;width: 100%;gap: 0 8px;}
.tbl-type_13 > .caption .head .filter {display: flex;align-items: center;gap: 0 8px;}
.tbl-type_13 .obj { text-align: center; width: 100%;}
.tbl-type_13 .obj th {font-size: 17px;font-weight: 400;color: #717171;padding: 10px 0;  border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background-color: #f9f9f9;color: #1e1e1e;vertical-align: middle;}
.tbl-type_13 .obj tr {border-bottom: 1px solid #dcdcdc;}
.tbl-type_13 .obj tr:nth-child(even) {background-color: #f9f9f9;}
.tbl-type_13 .obj td {padding: 20px 8px;vertical-align: middle;}
.tbl-type_13 .obj td .code {display: block;margin-top: 4px;font-size: 17px;font-weight: 700;color: #1e1e1e;line-height: 25.5px;}
.tbl-type_13 .obj td .desc {font-size: 17px;font-weight: 400;color: #1e1e1e;line-height: 1.5;}
.tbl-type_13 .obj td .tag_group_01 {display: flex;align-items: flex-end;margin-top: 5px;}
.tbl-type_13 .obj .pay {display: block;width: 100%;box-sizing: border-box;}
.tbl-type_13 .obj .pay .price {font-size: 21px;font-weight: 700;display: block;width: 100%;box-sizing: border-box;color: #9a9a9a;word-break: break-all;text-align: right;}
.tbl-type_13 .obj .pay .charge {display: flex;align-items: center;justify-content: flex-end;box-sizing: border-box;word-break: break-all;width: 100%;}
.tbl-type_13 .obj .pay .charge .percent {font-size: 17px;font-weight: 700;color: #e0280a; line-height: 26px; padding: 3px 0;}
.tbl-type_13 .obj .pay .cash {font-size: 21px;font-weight: 700;color: #1e1e1e;display: block;width: 100%;box-sizing: border-box;word-break: break-all;text-align: right;}
.tbl-type_13 .obj tr.visit td .tag_group,
.tbl-type_13 .obj tr.visit td .code {color: #717171;}
.tbl-type_13 .obj tr.visit td .desc {color: #717171;}
.tbl-type_13 .obj tr.visit td .tag_group [class*="tag"]{
    border: 1px solid #b9b9b9 !important;
    color: #717171 !important;
    background-color: #fff !important;
}
.tbl-type_13 .obj .tx_type01 {
    font-size: 15px;
    font-weight: 400;
    color: #717171;
}
.tbl-type_13 .obj .tx_type02 {
    font-size: 17px;
    font-weight: 700;
    color: #717171;
}


.op_tbl_case04 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 32px 24px;
    border-top : 1px solid #b9b9b9;
    padding-top: 32px;
}
.op_tbl_case04 > li{
    display: block;
    width: calc((100% - 72px) / 4);
    max-width: 324px;
}
.op_tbl_case04.type01 {
    border-top:0;
    padding-top:0;
}
.op_tbl_case04 li:has(.event_none_txt_box01) {
    width: 100%;
    max-width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}

.color_bg_box02 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 24px;
    background-color: #f9f9f9;
    border-radius: 12px;
}
.card_type01 {
    border: 1px solid #dcdcdc;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
    overflow: hidden;
}
.card_type01 .left_box{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.card_type01 .left_box .con_area01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}
.card_type01 .left_box .con_area01 .left_box .box_thumb {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 240px;
    box-sizing: border-box;
    position: relative;
}
.card_type01 .left_box .con_area01 .left_box .box_thumb .thumb_scale {
    display: block;
    width: 100%;
    height: 240px;
    box-sizing: border-box;
}
.card_type01 .left_box .con_area01 .left_box .box_thumb .thumb_scale_cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
.card_type01 .right_box {
    width: 100%;
}
.card_type01 .con_area01 > .right_box {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 24px 24px;
}
.card_type01 .right_box .compare {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 24px 16px;
}
.card_type01 .left_box .con_area01 .left_box .box_thumb .badge_ranking{ position: absolute; left: -1px; top: -1px; display: flex; justify-content: center; align-items: center; min-width: 36px; height: 36px; padding:0 8px; background-color: #000; border-radius: 12px 0; color:#fff; font-size: 17px; font-weight: 600; line-height: 1.5; }
.card_type01 .left_box .con_area01 .left_box .box_thumb .badge_ranking.on {background-color: #3f40dc; }
.card_type01 .right_box .compare:not(:has(.btn_fav01)) { justify-content: flex-end; }

.op_my .card_type01 {
    min-height: 403px;
}
.op_my2 .card_type01 {
    min-height: 402px;
}
.op_my2 .card_type01 .card_my > ul {
    padding: 24px 24px 0 24px;
    min-height: 272px;
}
.op_my2 .card_type01 .card_my > .btn_box_right01 {
    padding: 16px 24px 0;
}

.card_list_type01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-direction: column;
}
.card_list_type01 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.card_list_type01 .txt_box01 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.card_list_type01 .txt_box01 .txt01{
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    line-height: 1.4;
}
.card_list_type01 .txt_box02 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 4px;
}
.card_list_type01 .txt_box02 .txt01{
    font-size: 15px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
}
.card_list_type01 .txt_box02 .txt02{
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
}


.card_list_type01 .txt_box03 .txt01{
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
    height: 51px;
}
.op_tbl_case04 .card_list_type01 .txt_box02 .txt02 {
    color: #1e1e1e;
}
.op_tbl_case04 .card_list_type01 .txt_box03 .txt01 {
    color: #1e1e1e;
}
.card_list_type01 .tag_group{
    padding-top: 12px;
    border-top: 1px solid #ebebeb;
}



.price_area02{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-direction: column;
    margin-top: 12px;
}
.price_area02 .left_box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
}
.price_area02 .left_box .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
    text-align: right;
}
.price_area02 .right_box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.price_area02 .right_box .per{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.price_area02 .right_box .per .num{
    display: block;
    width: max-content;
    font-size: 21px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}

.price_area02 .right_box .per.dec .num {
    display: block;
    width: max-content;
    font-size: 21px;
    font-weight: 700;
    /* color: #5d5fe4; */
    color: #00e;
    line-height: 1.5;
}

.price_area02 .right_box .txt02{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
    flex-shrink: 0;
}

.tbl_row06 .box_tit .tit {
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 24px;
    display: block;
}
.tbl_row06 > .modify {
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid #717171;
}
.tbl_row06 > .modify .m_col {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ebebeb;
}
.tbl_row06 > .modify .m_col .title {
    min-width: 230px;
    /* min-height: 64px; */
    padding: 12px 20px;
    background-color: #f9f9f9;
    position: relative;
}
.tbl_row06 > .modify .tit_box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.tbl_row06 > .modify .tit_box > .txt {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    position: relative;
    padding-right: 10px;
    display: block; 
    line-height: 22.5px;
}
.tbl_row06 > .modify .tit_box > .txt.require::before {
    content: "*";
    position: absolute;
    top: 0;
    right: 0;
    color: #e0280a;
}
.tbl_row06 > .modify .m_col:first-child .title {
    border-left: 0;
}
.tbl_row06 > .modify .m_col .desc {
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    padding: 12px 20px;
    border-left: 1px solid #ebebeb;
    display: flex;
    align-items: center;
}
.tbl_row06 > .modify .m_col .m_td {
    width: 100%;
}
.tbl_row06 > .modify .m_row {
    display: flex;
    width: 100%;
}
.tbl_row06 > .modify .m_row .m_col {
    border-left: 1px solid #ebebeb;
}
.tbl_row06 > .modify .count {
    display: flex;
    align-items: center;
}
.tbl_row06 > .modify .count .msg {
    margin-left: 12px;
    font-size: 17px;
    font-weight: 400;
    flex-shrink: 0;
}
.tbl_row06 > .modify .count .msg .total {
    font-weight: 700;
}
.tbl_row06 > .modify .file_info {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
  
.tbl_row06 > .modify .unit03 {
    width: 100%;
    overflow-y: auto;
    margin-top: 12px;
}

.op_search_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #f6f8fe;
    padding: 24px 0;
}
.op_search_box01 .f_group02{
    width: 672px;
}
.ico_search02{
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../img/ico_search02.svg");
}



.box_sorting01 {
    padding-top: 0px;
    box-sizing: border-box;
}
.box_sorting02 {
    padding-top: 0px;
    box-sizing: border-box;
}

.tbl-type_11 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #DCDCDC;
}
.tbl-type_11:first-child {
    border-top: 1px solid #DCDCDC;
}
.tbl-type_11 .box_name {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.tbl-type_11 li {
    flex: 1;
}
.tbl-type_11 .col {
    display: flex;
    width: 100%;
    padding: 20px 0;
}
.tbl-type_11 .col .tit {
    width: 110px;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    flex-shrink: 0;
}
.tbl-type_11 .col .desc {
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 19px;
    font-weight: 400;
    color: #5d5d5d;
}
.tbl-type_11 .col .desc.w200 {
    width: 300px;
}
.tbl-type_11 .line_change {
    flex-basis: 100%;
}
.tbl-type_11 .line_change > .col .file {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    width: 100%;
    padding-left: 20px;
}
.tbl-type_11 .line_change > .col .file .name {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    /* width: 100%; */
}
.tbl-type_11 .line_change > .col .file .name a {
    margin-left: 4px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    word-break: break-all;
}

/* 
.tab_box02 > .tab_contents {background-color: #f6f8fe;padding: 0;width: 100%;}
.tab_box02 > .tab_contents .box_unit01 {width: 100%;display: flex;align-items: center;flex-direction: column;}
.tab_box02 > .tab_contents .box_unit01 .box_group01 {display: flex;align-items: center;flex-direction: column;width: 100%;padding: 0 40px;}
.tab_box02 > .tab_contents .box_unit01 .box_group01 .box_item02 {display: flex;align-items: center;gap: 0 24px;margin-top: 0px;max-width: 413px;}
.tab_box02 > .tab_contents .box_unit01 .box_group01 > .tit {font-size: 30px;font-weight: 700;color: #1e1e1e;}
.tab_box02 > .tab_contents .box_unit01 .box_group01 > .tit .num {font-size: 30px;font-weight: 700;color: #5d5fe4;}
.tab_box02 > .tab_contents .box_item02 {display: flex;align-items: center;justify-content: space-between;flex-direction: column;width: 100%;min-width: 413px;min-height: 259px;background-color:#ffffff;padding: 32px 40px;border-radius: 12px}
.tab_box02 > .tab_contents .box_item02 .unit04 {width: 100%;}
.tab_box02 > .tab_contents .box_item02 .unit04 > li + li {margin-top: 20px;}
.tab_box02 > .tab_contents .box_item02 .box_unit03 {display: flex;justify-content: space-between;width: 100%;}
.tab_box02 > .tab_contents .box_item02 .box_unit03 .left_box01 .txt {display: block;font-size: 19px;font-weight: 600;color: #1e1e1e;  line-height: 29px;}
.tab_box02 > .tab_contents .box_item02 .box_unit03 .right_box01 .txt {display: block; font-size: 19px;font-weight: 400;color: #5d5d5d;  line-height: 29px;}
.tab_box02 > .tab_contents .box_item02 .box_unit03 .right_box01 .txt.userid {display: block; font-size: 19px;font-weight: 700;color: #5d5fe4;  line-height: 29px;}
.tab_box02 .box_item02 > .btn_group02 {margin-top: 28px; width: 100%;}
.tab_box02 .box_item02 > .btn_group02 .btn_box_center01 {gap: 0 12px}
.tab_box02 .box_item02 > .btn_group02 .op_common_btn.secondary.sm {width: 100%}
.tab_box02 .box_item02 > .btn_group02 .op_common_btn.tertiary.sm {width: 100%}
.tab_box02 > .tab_contents .box_unit01 .box_group06 {display: flex;justify-content: flex-start;gap: 24px;width: 100%;flex-wrap: wrap;}
.tab_box02 > .tab_contents .box_unit01 .box_group01.login_search_box01{padding: 80px 40px;}
.tab_box02 > .tab_contents .box_unit01 .login_search_box01 .box_group06{margin-top: 40px;} 
*/


/* 비밀번호 찾기 */
/* 
.tab_box03 > .tab_contents {background-color: #f6f8fe;padding: 80px 0;width: 100%;}
.tab_box03 > .tab_contents .box_unit01 {width: 100%;display: flex;align-items: center;flex-direction: column;}
.tab_box03 > .tab_contents .box_unit01 > .tit {font-size: 30px;font-weight: 700;color: #1e1e1e;}
.tab_box03 > .tab_contents .box_unit01 .box_item01 {display: flex;align-items: center;justify-content: center;width: max-content;gap: 0 24px;margin:  0 auto;margin-top: 40px;}
.tab_box03 > .tab_contents .box_unit01 .box_group01 {width: 672px;padding: 40px 80px ;background-color: #ffffff;display: none;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-top: 24px;border-radius: 24px;}
.tab_box03 > .tab_contents .box_unit01 .box_group01.active {display: flex;}
.tab_box03 > .tab_contents .box_unit01 .box_group01 .op_common_btn.primary.lg {width: 100%;margin-top: 40px;}
.tab_box03 > .tab_contents .box_unit01 .box_group02 {width: 672px;padding: 40px 80px;background-color: #ffffff;display: none;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-top: 24px;border-radius: 24px;}
.tab_box03 > .tab_contents .box_unit01 .box_group02 .btn_group01 {width: 100%;}
.tab_box03 > .tab_contents .box_unit01 .box_group02 .btn_group01 > li + li {margin-top: 18px;}
.tab_box03 > .tab_contents .box_unit01 .box_group02.active {display: flex;}
.tab_box03 > .tab_contents .box_unit01 .box_group02 .op_common_btn.primary.lg {width: 100%;margin-top: 40px;}
.tab_box03 > .tab_contents .box_unit02 {width: 100%;display: flex;align-items: center;flex-direction: column;}
.tab_box03 > .tab_contents .box_unit02 > .tit {font-size: 30px;font-weight: 700;color: #1e1e1e;}
.tab_box03 > .tab_contents .box_unit02 .box_item02 {display: flex;align-items: center;width: max-content;margin: 0 auto;margin-top: 40px;gap: 0 24px;}
.tab_box03 > .tab_contents .box_unit02 .box_group03 {width: 672px;padding: 40px 80px;background-color: #ffffff;display: none;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-top: 24px;border-radius: 24px;}
.tab_box03 > .tab_contents .box_unit02 .box_group03.active {display: flex;}
.tab_box03 > .tab_contents .box_unit02 .box_group03 .op_common_btn.primary.lg {width: 100%;margin-top: 40px;}
.tab_box03 > .tab_contents .box_unit02 .box_group04 {width: 672px;padding: 40px 80px;background-color: #ffffff;display: none;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-top: 24px;border-radius: 24px;}
.tab_box03 > .tab_contents .box_unit02 .box_group04 ul {width: 100%;}
.tab_box03 > .tab_contents .box_unit02 .box_group04 ul li + li {margin-top: 16px;}
.tab_box03 > .tab_contents .box_unit02 .box_group04.active {display: flex;}
.tab_box03 > .tab_contents .box_unit02 .box_group04 .op_common_btn.primary.lg {width: 100%;margin-top: 40px;}
.tab_box03 > .tab_contents .box_unit02 .box_group05 {width: 672px;padding: 40px 80px;background-color: #ffffff;display: none;align-items: center;justify-content: center;flex-direction: column;margin: 0 auto;margin-top: 24px;border-radius: 24px;}
.tab_box03 > .tab_contents .box_unit02 .box_group05.active {display: flex;}
.tab_box03 > .tab_contents .box_unit02 .box_group05 .op_common_btn.primary.lg {width: 100%;margin-top: 40px;} 
*/

.op_common_btn.login_ex {
    width: 100%;
    max-width: 440px;
    height: 52px;
    display: block;
    box-sizing: border-box; 
}
.op_common_btn.login_ex .txt {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
}


.box_unit04 {
    width: 100%;
    max-width: 440px;
    display: block;
    box-sizing: border-box;

    padding: 32px 40px;
    margin: 0 auto;
    border-radius: 12px;
    background-color: #f6f8fe;
}
.box_unit04 li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box_unit04 li + li {
    margin-top: 20px;
}
.box_unit04 li .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.box_unit04 li .left_box .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.box_unit04 li .right_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.box_unit04 li .right_box .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    text-align: right;
}
.box_unit04 li .right_box .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #e0280a;
    text-align: right;
}
.box_unit04 li .right_box .txt03 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
    text-align: right;
}


/*op_common_list01*/
.op_common_list01{
    display:block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: 12px;
}
/*//op_common_list01*/

/*op_common_tbl01*/
.op_common_tbl01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl01 table{
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl01 thead tr th{
    height: auto;
    padding: 8px 0;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl01 thead tr th .tit_box01{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl01 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl01 tbody td{
    padding: 0px 8px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
    height: 74px;
}
.op_common_tbl01 tbody td.m_noti_badge01 .badge_box05{
    margin: 0 auto;
    width: max-content;
}
.op_common_tbl01 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_common_tbl01 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.op_common_tbl01 tbody td .txt_box01 [class*="ico"]{
    margin: 0 auto;
}
.op_common_tbl01 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.5;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.op_common_tbl01 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
}
.op_common_tbl01 tbody td .txt_box01 .txt03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5fe4;
    text-align: center;
}
.op_common_tbl01 tbody td .txt_box01 img{
    margin: 0 auto;
    display: block;
}
.op_common_tbl01 tbody td .txt_box01 img.file_clip_img01{
    width: 24px;
    height: 24px;
}
.op_common_tbl01 tbody td .link_txt_box02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}
.op_common_tbl01 tbody td .link_txt_box02 .txt02 + .txt01{
    margin-top: 4px;
}
.op_common_tbl01 tbody td .link_txt_box02 .txt01{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    box-sizing: border-box;
}
.op_common_tbl01 tbody td .link_txt_box02 .badge_box01 + .txt02{
    margin-top: 4px;
}
.op_common_tbl01 tbody td .link_txt_box02 .txt02{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_tbl01 tbody td .link_txt_box03{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 0;
}



.op_common_tbl01 tbody td .link_txt_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl01 tbody td .link_txt_box01 .link_txt01{
    display: block;
    text-align: left;
    max-width: 100%;
    width: max-content;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    white-space:nomal;
    max-height: 51px;
    word-break: break-all;
}
.op_common_tbl01 tbody td .link_txt_box01 .link_txt01 .badge_new01{
    margin-right: 4px;
}










.badge_new01{
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 24px;
    width: max-content;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    background-color: #5d5fe4;
    border-radius: 4px;
    padding: 1px 8px 0 8px;
    flex-shrink: 0;
}
/*//op_common_tbl01*/


/*op_common_tbl02*/
.op_common_list02{
    display:block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: 16px;
}
.op_common_list02 .pagination {
    margin-top: 24px;
}
.op_common_list02 > .tit_box01{
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.op_common_list02 > .tit_box01 .left_box .tit {
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_list02 > .tit_box01 .left_box .gun {
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
}
/*op_common_tbl10*/
.op_common_tbl10{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl10 table {
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl10 thead tr th{
    padding: 12.75px 12px;
    vertical-align: middle;
    background-color: #f3f3f3;


}
.op_common_tbl10 thead tr:first-child th{
    border-top: 1px solid #717171;
}
.op_common_tbl10 thead tr:last-child th{
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl10 thead tr th + th {
    border-left: 1px solid #dcdcdc;
}
.op_common_tbl10 thead tr th .tit_box01{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl10 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;    
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl10 tbody td{  
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
    padding: 11px;
}
.op_common_tbl10 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl10 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: center;
    word-break: break-all;
    padding: 0;
}

.op_common_tbl10 tbody th{  
    border-bottom: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    vertical-align: middle;
    padding: 11.75px 20px;
}
.op_common_tbl10 tbody th .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl10 tbody th .dot {
     width: 9px;
    height: 26px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    box-sizing: border-box;
    color: #e0280a;
}
.op_common_tbl10 tbody th .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    text-align: left;
    line-height: 1.5;
    word-break: break-all;
    padding: 0;
}
.op_common_tbl10 tbody tr.sum_area01 th {
    background-color: #fff6f5;
}
.op_common_tbl10 tbody tr.sum_area01 th .txt_box01 .txt01{
    text-align: center; 
}
.op_common_tbl10 tbody tr.sum_area01 td{
    background-color: #fff6f5;
}
.op_common_tbl10 tbody tr.sum_area01 td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
/*//op_common_tbl10*/
.op_common_tbl02{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl02 table {
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl02 thead tr th .op_common_chk00 {
    margin: 0 auto;
}
.op_common_tbl02 tbody tr td .op_common_chk00 {
    margin: 0 auto;
}
.op_common_tbl02 thead tr th{
    height: auto;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl02 thead tr th + th {
    border-left: 1px solid #dcdcdc;
}
.op_common_tbl02 thead tr th .tit_box01{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl02 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl02 tbody td{
    height: 50px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
    padding: 12px 8px;
}
.op_common_tbl02 tbody td + td {
    border-left: 1px solid #dcdcdc;
}
.op_common_tbl02 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.op_common_tbl02 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 1.5;
    padding: 0;
}
.op_common_tbl02 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #5d5d5d;
    text-align: center;
}
.op_common_tbl02 tbody td .txt_box01 .txt04{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: center;
}

.op_common_tbl02 tbody td .txt_box03{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
}
.op_common_tbl02 tbody td .txt_box03 .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    text-align: center;
    line-height: 1.5;
    padding: 0;
}
/*//op_common_tbl02*/


.op_common_tbl03{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl03 table{
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl03 thead tr th{
    height: 42px;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl03 thead tr th .tit_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl03 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 8px 0;
}
.op_common_tbl03 tbody td{
    height: 74px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
    word-break: keep-all;
    padding: 0 8px;
}
.op_common_tbl03 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_common_tbl03 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl03 tbody td .txt_box01 [class*="ico"]{
    margin: 0 auto;
}
.op_common_tbl03 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 1.5;

    /* 0625 추가 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    white-space:nomal;
    word-break: break-all;
}
.op_common_tbl03 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
}
.op_common_tbl03 tbody td .txt_box01 .txt03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5fe4;
    text-align: center;
}
.op_common_tbl03 tbody td .txt_box01 img{
    margin: 0 auto;
    display: block;
}
.op_common_tbl03 tbody td .link_txt_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl03 tbody td .link_txt_box01 .link_txt01{
    display: block;
    text-align: left;
    max-width: 100%;
    width: max-content;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    white-space:nomal;
    max-height: 51px;
}
.op_common_tbl03 tbody td .link_txt_box01 .link_txt01 .badge_new01{
    margin-left: 4px;
}

.tab_con.type10 .tab_con.type11 .op_common_tbl03 {
    width: 100%;
}




.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01.tit_dif01{
    padding-right: 0;
    word-break: keep-all;
}


.slider-range-wrap {
    position: relative;
    width: 100%;
    min-width: 320px;
    max-width: 320px;
    height: 37px;
}
.silder-track {
    width: 100%;
    height: 6px;
    position: absolute;
    top: 7px;
    background: #dcdcdc;
    border-radius: 3px;
    z-index: 1;
}
.silder-range {
    height: 6px;
    position: absolute;
    top: 7px;
    background-color: #5d5fe4;
    border-radius: 3px;
    z-index: 2;
}
.slider-range-wrap.disabled .silder-range {
    background-color: #949494;
}


input[type='range'] {
    position: absolute;
    width: 100%;
    height: 16px;
    background: none;
    pointer-events: none;
    appearance: none;
    z-index: 3;
}
input[type='range']::-webkit-slider-thumb {
    appearance: none;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 3px solid #5d5fe4;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
    transition: box-shadow .2s;
    margin-left: -2px;
}
input[type='range']::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

.slider-range-wrap.disabled input[type='range']::-webkit-slider-thumb {
    border: 3px solid #949494;
}



.range_value {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    top : 30px;
    left : 0; 
}
.range_value span {
    position: absolute;
    top: 0;
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    color: #717171;
}
.range_value .item01 {
    left: 0;
}
.range_value .item02 {
    left: 62px;
}
.range_value .item03 {
    left: 129px;
}
.range_value .item04 {
    left: 185px;
}
.range_value .item05 {
    left: 246px;
}
.range_value .item06 {
    right: 0;
}





/*join_state_box01*/
.join_state_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 60px 0;
}
.join_state_box01 .txt01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    color: #1e1e1e;
}



/* 
.join_state_box01 .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0;
}

.join_state_box01 > .txt02{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 21px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 24px;
}
.join_state_box01 > .txt02 > span{
    font-weight: 700;
}
.join_state_box01 .pm_txt01{
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    box-sizing: border-box;
}
.join_state_box01 .pm_txt01 + .pm_txt01{
    margin-left: 8px;
}
.join_state_box01 .f_group11{
    margin: 16px auto 0 auto;
}
.join_state_box01 .rdo_list02{
    margin-top: 40px;
} */

.inquiry_box01{
    display: none;
    width: max-content;
    box-sizing: border-box;
    margin: 0 auto;
}
.inquiry_box01.on{
    display: block;
}
/* .inquiry_box01 .btn_box_center01{
    margin-top: 40px;
} */
.inquiry_box01 .btn_box_center01 .op_common_btn{
    height: 60px;
    width: 100%;
}
/* .inquiry_box01 .f_group10{
    margin-top: 40px;
} */



.inquiry_box02{
    display: none;
    width: max-content;
    box-sizing: border-box;
    margin: 0 auto;
}
.inquiry_box02.on{
    display: block;
}
/* .inquiry_box02 .btn_box_center01{
    margin-top: 40px;
} */
.inquiry_box02 .btn_box_center01 .op_common_btn{
    height: 60px;
    width: 100%;
}
/* .inquiry_box02 .f_group10{
    margin-top: 40px;
} */
.inquiry_box02 .f_group11{
    margin-top: 16px;
}


.join_state_list01{
    width: 100%;
    max-width: 440px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px 40px;
    border-radius: 24px;
    background-color: #f6f8fe;
}
.join_state_list01 li{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.join_state_list01 li + li{
    margin-top: 20px;
}
.join_state_list01 li .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: max-content;
    box-sizing: border-box;
}
.join_state_list01 li .left_box .tit01{
    display: block;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.join_state_list01 li .right_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: max-content;
    box-sizing: border-box;
    flex-shrink: 0;
}
.join_state_list01 li .right_box .txt01{
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.join_state_list01 li .right_box .txt02{
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.btn_box_center01.join_state {
    max-width: 440px;
    /* margin: 40px auto 0 auto; */
    margin: 0 auto;
    display: none;
}
.btn_box_center01.join_state.active {
    display: flex;
}

.btn_box_center01.join_state .op_common_btn{
    width: 100%;
    height: 60px;
    border-radius:999px ;
}
.btn_box_center01.join_state .op_common_btn .txt{
    font-size: 21px;
    font-weight: 700;
}
/*//join_state_box01*/

.btn_box_center01.unused_state01 {
    max-width: 440px;
    margin: 50px auto 0 auto;
}
.btn_box_center01.unused_state01 .op_common_btn{
    width: 100%;
    height: 60px;
    border-radius:999px ;
}
.btn_box_center01.unused_state01 .op_common_btn .txt{
    font-size: 21px;
    font-weight: 700;
}

.btn_box_center01.btn_disable {
    display: none;
}


.box_detail .detail {
    max-height: 0;
    transition:  max-height .4s;
    overflow: hidden;
    margin-top: 48px;
}
.box_detail .detail.active {
    max-height: 999px;
    transition:  max-height .4s ;
    padding-bottom: 48px;
}
.box_detail .group {
    position: relative;
    width: 100%;
    
    margin-bottom: 48px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_detail .group > .vline {
    position: absolute;
    top : 50%;
    width: 100%;
    height: 1px;
    
    display: block;
    border-top: 1px solid #dcdcdc;
}
.box_detail .group.active .btn-detail img {
    transform: rotate(180deg);
}


.tbl_row05 > .search_01 .persent .desc .op_common_chk01 {
    margin-left: 28px;
}
.search_completion_zone01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0 80px 0;
}
.search_completion_zone01 .ico_user03{
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 50%;
    background-color: #f6f8fe;
    margin: 0 auto;
}
.search_completion_zone01 .tit01{
    width: 100%;
    display: block;
    
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    color: #1e1e1e;

    margin-top: 24px;
}
.search_completion_zone01 .msg_box{
    width: 672px;
    display: block;
    
    font-size: 21px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    padding: 0;
    margin: 12px auto 0 auto;
}
.search_completion_zone01 .msg_box [class*="point_color"]{
    font-weight: 700;
}
.search_completion_zone01 .op_common_btn {
    width: 440px;
}

/*//아이디 비번찾기*/
.tab_box02 > .tab_contents .box_unit01 .box_group01.login_search_box01 .op_common_btn.md{
    width: 100%;
}
.tab_box02 > .tab_contents .box_unit01 .login_search_box01 .box_group06{
    max-width: 100%;
    width: max-content;
}

.op_common_input09 + .op_common_input09{
    margin-top: 18px;
}
.op_common_input10{
    margin-top: 18px;
}

.infomation.idpw {
    padding: 0 20px;
    display:none;
}
.infomation.idpw.active {
    display: block;
}









.id_box {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.id_box > .duplication_id {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.id_box > .msg{
    display: none;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
}
.id_box.error > .msg{
    display: block;
    color: #e0280a;
    text-align: left;
}
.id_box.error .op_common_input01 > input{
    border: 1px solid #e0280a;
}
.id_box.success  > .msg{
    display: block;
    color: #006e25;
    text-align: left;
}
.id_box.success  .op_common_input01 > input{
    border: 1px solid #006e25;
}

.id_box > .duplication_id .op_common_input01{
    width: 380px;
}
.id_box > .duplication_id .op_common_btn.tertiary.md {
    flex-shrink: 0;
    width: max-content;
}
.id_box > .ck_id {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    gap: 0 8px;
    flex-wrap: wrap;
}
.id_box > .ck_id .group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.id_box > .ck_id .group .txtin {
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    padding-left: 2px;
}
.id_box > .ck_id .group .txtin.on {
    font-size: 13px;
    font-weight: 400;
    color: #5d5fe4; 
}

.btn_sns {
    width: 36px;
    height: 36px;
    display: block;
    box-sizing: border-box;
}

.top_info_box03 {
    width: 100%;
    display : flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    
    padding: 20px;
    background-color: #f6f8fe;
    border-radius: 12px;
}

.ckd_state_box01 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    gap: 0 8px;
    flex-wrap: wrap;
}
.ckd_state_box01 .group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.ckd_state_box01 .group .txtin {
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    padding-left: 2px;
}

.tbl-type_12 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #ebebeb;
    /* margin-top: 25px; */
}
.tbl-type_12 li{
    width: 100%;
}
.tbl-type_12 .box_group07 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 102px;
    background-color: #f9f9f9;
    padding: 12px 20px;
}
.tbl-type_12 .box_group07_1 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 0 4px;
}
.tbl-type_12 .box_group07_1 > .op_common_radio01 {
    width: auto;
}
.tbl-type_12 .box_group08 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 12px 20px;
    background-color: #f9f9f9;
}

/*파일첨부*/
.file_upload {display: inline-block;}
.file_upload .btn_upload {
    display: inline-block;
    min-height: 36px;
    padding: 0 16px;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    /* line-height: 1.5; */
    line-height: 34px;
    color: #1e1e1e;
}
.file_upload .btn_upload:hover {background-color: #f9f9f9;}
.file_upload > input {display: none;}


.tit_tab_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.list_top_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}


.board_list_btn_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0 48px 0;
}
.file_list01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.file_list01 .file_item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
}
.file_del_btn01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    box-sizing: border-box;
    flex-shrink: 0;
    border: 1px solid #717171;
}
.file_list01 .op_common_input01{
    max-width: 360px;
}
.file_list01 .op_common_input01 > input:read-only{
    background-color: #fff;
    color: #1e1e1e !important;
}





.op_tbl_case01 {
    width: 100%;
    border-top: 1px solid #717171;
}
.op_tbl_case01 > .table_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
}
.op_tbl_case01 > .table_block01 .tit_area01 {
    width: 230px;
    min-height: 64px;
    flex-shrink: 0;
    background-color: #f3f3f3;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    background-color: initial;
    height: auto;
    padding: 0;
}
.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
    position: relative;
    width: max-content;
    max-width: 100%;
    line-height: 1.5;
}
.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box01 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
    margin-left: 4px;
}
.op_tbl_case01 > .table_block01 .con_area01 {
    width: 100%;
    min-height: 64px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-left: 1px solid #dcdcdc;
    max-width: calc(100% - 230px);
}
.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
}
.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    padding: 0;
    text-align: left;
}

.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box02{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box02 .txt01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    word-break: break-all;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    padding: 0;
    text-align: left;
}

.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box03 .txt01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    word-break: break-all;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    padding: 0;
    text-align: right;
}

.op_tbl_case01 ~ .btn_box_right01 {
    margin-top: 16px;
}
.op_tbl_case01 ~ .btn_box_center01.bt_fixed {
    margin-top: 60px;
}

.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box02 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
    position: relative;
    width: max-content;
    max-width: 100%;
    line-height: 1.5;
    text-align: left;
}
.op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box02 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
    margin-left: 4px;
}

.op_tbl_case01 .con_area01 {
    display : flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
}
.op_tbl_case01 .con_area01 .left_box {
    display : block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.op_tbl_case01 .con_area01 .right_box {
    display : flex;
    width: max-content;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-end;
    flex-shrink: 0;
}
.op_tbl_case01 .con_area01 .left_box + .right_box {
    padding-left: 8px;
}

.op_tbl_case01 > .table_block01 .con_area03 {
    width: 100%;
    min-height: 64px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-left: 1px solid #ebebeb;
    max-width: calc(100% - 230px);
    gap: 12px;
}
.op_tbl_case01 > .table_block01 .con_area03 .left_box {
    width: fit-content;
}
.op_tbl_case01 > .table_block01 .con_area03 .left_box .txt_box01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
}
.op_tbl_case01 > .table_block01 .con_area03 .left_box .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    padding: 0;
    text-align: left;
}

/* 스페이스 하단 버튼*/
[class*="btn_box_"].cm_space01{
    margin-top: 60px;
}
.component_space01 .btn_box_right01 {
    margin-top: 20px;
}
.component_space02 .op_tbl_case01 {
    margin-top: 48px;
}
.component_space03 .btn_box_center01 {
    margin-top: 60px;
}









.op_tbl_case02 {
    width: 100%;    
}
.op_tbl_case02 > .table_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case02 > .table_block01 + .table_block01{
    margin-top: 32px;
}
.op_tbl_case02 > .table_block01 .tit_area01 {
    width: 120px;
    min-height: 26px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}
.op_tbl_case02 > .table_block01 .tit_area02 {
    width: 120px;
    min-height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
}
.op_tbl_case02 > .table_block01:first-child [class*="tit_area"] .tit_box01 {
    width: 100%;
    /* padding: 0; */
}

.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    /* padding: 0; */
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01.tit_dif01{
    padding-right: 28px;
    word-break: keep-all;
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box02 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    /* padding: 0; */
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
    width: max-content;
    max-width: 100%;
    display: block;
    position: relative;
    
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    box-sizing: border-box;
    color: #1e1e1e;
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01 .dot {
    width: 9px;
    height: 26px;
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    box-sizing: border-box;
    color: #e0280a;
}
.op_tbl_case02 > .table_block01 .con_area01 {
    width: 100%;
    min-height: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 20px;
    /* padding: 0; */
}
.op_tbl_case02 > .table_block01 .con_area01 .left_box {
    width: 100%;
}
.op_tbl_case02 ~ .btn_box_right01 {
    margin-top: 16px;
}
.op_tbl_case02 ~ .btn_box_center01.bt_fixed {
    margin-top: 60px;
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box02 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
    width: max-content;
    max-width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    box-sizing: border-box;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box02 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
}

.op_tbl_case02 > .table_block01 .con_area01 .use_box02 .right_box .con_area01 {
    padding-left: 16px;
}

.op_tbl_case02 > .table_block01 .con_area01 .use_box02 .left_box .con_area01 .op_common_btn {
    width: max-content;
}

.op_sharing01 .accordion_wrap.type5 {
    margin-top: 60px;
}


.search_wrap_type01 .btn_box_center01 {
    margin-top: 48px;
}
.search_wrap_type01 .btn_detail_wrap {
    margin-top: 48px;
}
.search_wrap_type01 .btn_detail_wrap .btn_box_center01 {
    margin-top: 0;
    position: relative;
    z-index: 11;

    /* 20250704 */
    width: 100%;
}


.search_wrap_type01 .btn_detail_wrap .btn_box_center01 .op_common_btn {
    width: max-content;
}

.search_wrap_type01 .btn_detail_wrap .btn_box_center01::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid #dcdcdc;
    z-index: -1;
}
.search_wrap_type01 .op_common_select02 > select {
    font-size: 17px;
}
.search_wrap_type01 .op_common_select02 > select:focus {
    outline: none;
    border: 1px solid #1e1e1e;
}

.search_box01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.search_detail01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-top: 32px;
    /* border: 1px solid red; */
    display: none;
}
.btn_detail_wrap {
    width: 100%;
    height: 32px;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.btn_box_center01 .op_common_btn .ico_detail{
    transition: all 0.3s;
}
.btn_box_center01 .op_common_btn.active .ico_detail {
    transform: rotate(180deg);
    transition: all 0.3s;
}
.btn_box_center01 .op_common_btn.active .ico.openarea {
    transform: rotate(-90deg);
    transition: all 0.3s;
}


.fg_mc_box01{
    display: block;
    box-sizing: border-box;
}


/*.f_group30 : slect박스와 msg조합*/

.noti01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
    margin-top: 8px;
}
/*//.f_group30 : slect박스와 msg조합*/

.op_purpose01 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.op_land01 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    max-width: 180px;
    max-height: 200px;
    min-height: initial;
    min-width: initial;
    padding: 8px;
    overflow-y: auto;
    align-self: stretch;
}

.op_land01 li.active {
    background-color: #eff3ff;
}

.op_land01 li:hover {
    background-color: #f6f8fe;
}
.op_land01 + .op_land01 {
    border-left: 1px solid #dcdcdc;
}
.op_plant01 {
    display: flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 200px;
    overflow-y: auto;
    gap: 8px 16px;
    padding: 16px 20px;
    border-left: 1px solid #dcdcdc;
    align-content: flex-start;
}
/* .op_plant01::after{
    display: block;
    content: "";
    width: 1px;
    height: 200px;
    background-color: #dcdcdc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
} */
.op_plant01 li {
    width: calc( (100% - 48px) / 4);
    
}
.op_hash_01 {
    display: flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: space-between;

    padding: 18px 20px;
    background-color: #eff3ff;
}
.op_hash_01 .op_hash_scroll {
    width: calc(100% - 20px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    overflow-y: auto;
    max-height: 78px;
}
.op_hash_01 .btn_reflash{
    margin-left: 8px;
}
.user_acc_state01{
    margin-top: 4px;
}
/*op_common_tbl04*/
.ico_filter_down{
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-image: url("../img/ico_filter_down.svg");
}

.per.dec .ico_filter_down {
    background-image: url('../img/ico_filter_up.svg');
}


.op_common_tbl04{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 table{
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl04 thead tr th{
    height: 42px;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl04 thead tr th:first-child{
    padding-left: 0px;
}
.op_common_tbl04 thead tr th:last-child{
    padding-right: 0px;
}
.op_common_tbl04 thead tr th .tit_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 8px 0;
}
.op_common_tbl04 tbody td{
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
}
.op_common_tbl04 tbody td:first-child{
    padding-left: 0px;
}

.op_common_tbl04 tbody td:last-child{
    padding-right: 0px;
}
.op_common_tbl04 tbody td:first-child .link_txt_box01{
    padding-left: 10px;
}
.op_common_tbl04 tbody td:last-child .txt_box01 .price_area01{
    padding-right: 10px;
}
.op_common_tbl04 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_common_tbl04 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
}








.op_common_tbl04 tbody td .txt_box01 .txt03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    text-align: center;
    line-height: 1.5;
}
.op_common_tbl04 tbody td .txt_box01 img{
    margin: 0 auto;
    display: block;
}
.op_common_tbl04 tbody td .link_txt_box01{
    display: block; 
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .link_txt_box01 .link_txt01{
    display: block;
    text-align: left;
    max-width: 100%;
    width: max-content;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    white-space:nomal;
    max-height: 51px;
}
.op_common_tbl04 tbody td .link_txt_box01 .link_txt01 .badge_new01{
    margin-left: 4px;
}



.op_common_tbl05.active {
    display: none;
}
.op_tbl_case04.active {
    display: none;
}


.op_common_tbl05 {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl05 table{
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl05 thead tr th{
    height: 42px;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl05 thead tr th:first-child{
    padding-left: 0px;
}
.op_common_tbl05 thead tr th:last-child{
    padding-right: 0px;
}
.op_common_tbl05 thead tr th .tit_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl05 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl05 tbody td{
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
}
.op_common_tbl05 tbody td:first-child{
    padding-left: 0px;
}
.op_common_tbl05 tbody td:last-child .txt_box01 .price_area01{
    padding-right: 20px;
}
.op_common_tbl05 tbody td:first-child .link_txt_box02{
    padding-left: 10px;
}
.op_common_tbl05 tbody td:last-child{
    padding-right: 0px;
}
.op_common_tbl05 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.4;
    word-break: keep-all;
}
.op_common_tbl05 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_common_tbl05 tbody td .link_txt_box02 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.op_common_tbl05 tbody td .link_txt_box02 .tit_area01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    flex-direction: column;
}
.op_common_tbl05 tbody td .link_txt_box02 .tit_area01 .right_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    margin-top: 12px;
}
.op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box{
    padding-left: 20px;
    width: 100%;
}
.op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt02 {
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;

    margin-top: 4px;
}


.op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 4px;
    word-break: break-all;
}



.op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01{
    margin-top: 5px;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
    text-align: right;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01 .price01{
    display: block;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
}
.op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}

.op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per.dec .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    /* color: #5D5FE4; */
    color: #00e;
    line-height: 1.5;
}




.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
    position: relative;
    width: 100%;
    width: 170px;
    height: 128px;

    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
}
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb > img{
    max-width: 100%;
    max-height: 100%;
    /* object-fit: cover; */
}
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_default {
    position: relative;

}
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale  {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    transition: transform 0.3s;
    z-index: 11;
    /* object-fit: cover; */
    width: 100%;
    height: 100%;
}
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    object-fit: cover;
    overflow: hidden;
}
/* .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale:hover {
    transform: scale(1.3);
    transform-origin: top left;
    transition: transform 0.3s;
} */
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box a > .box_thumb .thumb_scale:hover {
    transform: scale(1);
}
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .badge_ranking{ position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; min-width: 36px; height: 36px; padding:0 8px; background-color: #000; border-radius: 12px 0; color:#fff; font-size: 17px; font-weight: 600; line-height: 1.5; z-index: 12; }
.op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .badge_ranking.on {background-color: #3f40dc; }

.op_common_tbl05 tbody td .con_area01 {
    display: flex;
    align-items: center;
    /* align-items: flex-start; */
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl05 tbody td .con_area01 .right_box .time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    margin-top: 8px;
}
.op_common_tbl05 tbody td .con_area01 .right_box .time span {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
}

/* visit */
.op_common_tbl05 tbody tr.visit td .link_txt_box02 [class*="op_cm_badge"] {
    border: 1px solid #b9b9b9;
    color: #717171;
    background-color: #fff;
}
.op_common_tbl05 tbody tr.visit td .link_txt_box02 .con_area01 .left_box .txt02 {
    color: #717171;
}


.op_common_tbl05 tbody tr.visit td .link_txt_box02 .con_area01 .left_box .txt01 {
    color: #717171;
}
.op_common_tbl05 tbody tr.visit .hash_box01 .hash_txt01.active{
    color: #717171;
}
.op_common_tbl05 tbody tr.visit td .txt_box01 .price_area01 .txt02{
    color: #717171;
}

.no_data01{
    width:100% !important;
    text-align:center !important;
}
.no_data02{
    width:100% !important;
    display: block !important;
    text-align:center !important;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}


.no_data03{
    width:100% !important;
    display: block !important;
    text-align:center !important;
}
.no_data03 > img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    box-sizing: border-box;
}
.no_data03 > .txt{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
    margin-top: 8px;
    text-align: center;
}

.no_data04{
    width:100% !important;
    display: none !important;
    position: fixed !important;
    justify-content: center !important;
    align-items: center !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2100 !important;
    height: 100% !important;
    flex-direction: column !important;
}
.no_data04 > img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    box-sizing: border-box;
}
.no_data04 > .txt{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
    margin-top: 8px;
    text-align: center;
}




.badge_box05{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.badge_box05 .op_cm_badge{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1px 12px 0 12px;
    border-radius: 999px;
    height: 24px;
    font-size: 15px;
    font-weight: 600;
}
.badge_box05 .op_cm_badge.type01{
    color: #1e1e1e;
    background-color: #fff;
    border: 1px solid #1e1e1e;
}
.badge_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
    flex-wrap: wrap;
}
.op_cm_badge{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 8px;
    border-radius: 4px;
    height: auto;
    min-height: 24px;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
    max-width: 100%;
    word-break: break-all;
}
.op_cm_badge.type01{
    border: 1px solid #71f490;
    background-color: #ebfef2;
    color: #006e25;
}
.op_cm_badge.type02{
    border: 1px solid #b3d7db;
    background-color: #e9fbff;
    color: #004352;
}
.op_cm_badge.type03{
    border: 1px solid #bbcdff;
    background-color: #f6f8fe;
    color: #5d5fe4;
}

.op_cm_badge.type04{
    border: 1px solid #b9b9b9;
    background-color: #fff;
    color: #5d5d5d;
}
.op_cm_badge.type05{
    border: 1px solid #9eafff;
    background-color: #f2f5ff;
    color: #1d2c85;
}
.op_cm_badge.type06{
    border: 1px solid #fde8e7;
    background-color: #fde8e7;
    color: #ce1100;
}
.op_cm_badge.type10{
    border: 1px solid #ffb700;
    background-color: #fff9e1;
    color: #b85300;
}
.op_cm_badge.type11{
    border: 1px solid #ffa4be;
    background-color: #fef6f8;
    color: #e00a58;
}
.op_common_tbl04 tbody td .link_txt_box01 .txt01{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .link_txt_box01 .txt02{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_tbl04 tbody td .link_txt_box01 .badge_box01 + .txt02 {
    margin-top: 4px;
}
.op_common_tbl04 tbody td .link_txt_box01 .txt02 + .txt01{
    margin-top: 4px;
}
.hash_box01{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
    flex-wrap: wrap;
    
}
.hash_box01 .hash_txt01{
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
}
.hash_box01 .hash_txt01.active{
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #1e1e1e;
}
.op_common_tbl04 tbody td .hash_box01{
    margin-top: 4px;
}
.op_common_tbl04 tbody td .txt_box01 .txt01{
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
    text-align: center;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
    text-align: right;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price01{
    display: block;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price02{
    display: block;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price01 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price02 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 26px;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price01 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}
.op_common_tbl04 tbody td .txt_box01 .price_area01 .price02 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}

.op_common_tbl04 tbody td .txt_box01 .price_area01 .price01 .per.dec .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    /* color: #5d5fe4; */
    color: #00e;
    line-height: 1.5;
}



.op_common_tbl04 tbody td .txt_box01 .pm_box01{
    display: block;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

.op_common_tbl04 tbody tr.visit td .link_txt_box01 [class*="op_cm_badge"]{
    border: 1px solid #b9b9b9;
    color: #717171;
    background-color: #fff;
}

.op_common_tbl04 tbody tr.visit td .link_txt_box01 .txt02{
    color: #717171;
}
.op_common_tbl04 tbody tr.visit td .link_txt_box01 .txt01{
    color: #717171;
}
.op_common_tbl04 tbody tr.visit .hash_box01 .hash_txt01.active{
    color: #717171;
}
.op_common_tbl04 tbody tr.visit td .txt_box01 .price_area01 .txt02{
    color: #717171;
}
/*//op_common_tbl04*/
.btn_simple_login01{
    
    margin-top: 0px;
}
/* .btn_simple_login02{
    margin-top: 50px;
} */
.btn_simple_login02.bio{
    display:none;
}
.btn_simple_login01 .op_common_btn{
    width: 440px;
}
.btn_simple_login02 .op_common_btn{
    width: 440px;
    height: 60px;
}
.btn_box_left01.menual_acc_info01{
    margin-top: 4px;
}
.bio_select_box01{
    display: none;
}



.op_common_radio01 > input:disabled + label{
    font-weight: 400 !important;
}
.op_common_radio01 > input:checked + label{
    color: #5d5fe4;
    font-weight: 700;
    
}
.signup_info_btn01{
    margin-top: 4px;
}
.signup_info_btn01 + .dot_list01{
    margin-top: 4px;
}
.signup_submit_tbl01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 0px;
    
}
.agree_btn_box01{
    margin-top: 60px;
}
.op_common_btn .ico_arr01{
    transform: rotate(0);
    transition: all 0.3s;
}
.op_common_btn.all_open01 .ico_arr01{
    transform: rotate(180deg);
    transition: all 0.3s;
}

.btn_down {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
}

.op_tbl_case03 {
    width: 100%;
    border-top: 1px solid #717171;
}
.op_tbl_case03 > .table_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
}
.op_tbl_case03 > .table_block01 [class*="tit_area"]{
    padding: 12px 20px;
}
.op_tbl_case03 > .table_block01 .tit_area01 {
    width: 230px;
    min-height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #f9f9f9;
}
.op_tbl_case03 > .table_block01 .tit_area02 {
    width: 230px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}
.op_tbl_case03 > .table_block01:first-child [class*="tit_area"] .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    background-color: #f9f9f9;
    min-height: 0;
    padding: 0 20px;
}
.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01.tit_dif01{
    padding-right: 28px;
    word-break: keep-all;
}

.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
    width: max-content;
    max-width: 100%;
    display: block;
    position: relative;
    
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #1e1e1e;
}
.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 .dot {
    width: 9px;
    height: 26px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    box-sizing: border-box;
    color: #e0280a;
}
.op_tbl_case03 > .table_block01 .con_area01 {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    /* padding-left: 20px; */
    padding: 12px 20px;
    max-width: calc(100% - 230px);
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01{
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01.dp_f {
    align-items: center;
    gap:10px;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01{
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01 .txt01{
    display: block;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
    width: 100%;
    max-width: none;
    word-break: break-all;
    padding: 0;
    text-align: left;
}
.op_tbl_case03 ~ .btn_box_right01 {
    margin-top: 16px;
}
.op_tbl_case03 ~ .btn_box_center01.bt_fixed {
    margin-top: 60px;
}

.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    
}
.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
    width: max-content;
    max-width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    box-sizing: border-box;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .colum_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case03 > .table_block01:has(.no_data) {
    justify-content: center;
}
.op_tbl_case03 > .table_block01 .no_data {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding: 20px 0;
}


.file_info_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.file_info_area01 > .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.file_info_area01 > .tit_box01 .tit01 {
    padding-left: 14px;
}
.file_info_area01 > .tit_box01 .tit01::before {
    position: absolute;
    content: '○';
    font-size: 10px;
    top: 5px;
    left: 0;
}
.op_tbl_case01 .file_info_area01 > .tit_box01 .tit01 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #5d5d5d;
    line-height: 1.5;
}
.op_tbl_case01 .file_info_area01 > .tit_box01 .txt01 {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    padding: 0;
    text-align: left;
}


.op_common_list03 > .tit_box01 {
    margin-bottom: 16px;
}
.op_common_list03 > .tit_box01 .left_box .tit {
    font-size: 23px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.detail_view_wrap01 {
    margin-top: 48px;
}
.op_common_tbl02 tbody td .txt_box02{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: center;
}

.sale_view_wrap01 {
    display: flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
}
.sale_view_wrap01 .sale_thumb {
    display: block;
    position: relative;
    width: 489px;
    height: 367px;
    background-color: gray;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.sale_thumb > img {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* object-fit: cover; */
}
.sale_info {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-left: 24px;
    border-top: 1px solid #1e1e1e;
    padding: 20px 0;
}
.sale_list01 {
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 20px;
}
.sale_list01 > li{
    width: calc((100% + 3px) / 3);
    border: 1px solid #dcdcdC;
    margin-top: -1px;
    margin-left: -1px;
    display: block;
    box-sizing: border-box;
    height: 132px;
}
.sale_list01 > li:first-child{
    border-radius: 12px 0 0 0 ;
}
.sale_list01 > li:last-child{
    border-radius: 0 0 12px 0 ;
}
.sale_list01 > li:nth-child(3){
    border-radius: 0 12px 0 0 ;
}
.sale_list01 > li:nth-child(4){
    border-radius:0 0 0 12px;
}
.sale_list01 .colum_block01 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
}
.sale_list01 .colum_block01 .tit_area01 {
    margin-right: auto;
}
.sale_list01 .colum_block01 .tit_area01 .tit_box01 .tit01 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    text-align: left;
}
.sale_list01 .colum_block01 .con_area01 .tit_box01 .tit01 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}
.sale_list01 .colum_block01 .con_area01 {
    display: flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: space-between;
}
.sale_con_aear01 {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
}
.sale_con_aear01 .left_box {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.sale_con_aear01 .left_box .badge_box02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
}


.sale_con_aear01 .left_box .badge_box02 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.sale_con_aear01 .left_box .badge_box02 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.sale_info .sale_con_aear01 .btn_box_right01 {
    width: max-content;
}
.submit_txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_info_group01 .submit_txt01 + .dot_list02{
    margin-top: 8px;
}
.signup_submit_tbl01 .op_tbl_case03{
    width: 100%;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_info_group01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_info_group01 + .txt_info_group01{
    margin-top: 12px;
}
.star_list01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.star_list01 > li{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
    word-break: break-all;
}
.star_list01 > li::after{
    display: block;
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    box-sizing: border-box;
    padding-top: 1px;
    
}
.dot_list02 > li .star_list01{
    margin-top: 2px;
}
.op_common_list10{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.page-sub:has(.box-step) + .op_common_list10{
    padding-top: 40px;
}
.page-sub:has(.box-step) + .op_common_list10 .con_tit_box04{
    margin-top: 0;
}
.op_common_list10 .con_tit_box04 + .op_tbl_case01 + .con_tit_box04{
    margin-top: 60px;
}


.signup_btn_box01{
    margin-top: 60px;
}
.ckb_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 8px 16px;

}
.op_common_list10 .ckb_list01{
    margin-top: 16px;
}



.op_common_list11 {
    margin-top: 60px;
}
.op_common_list12 {
    margin-top: 24px;
}

.swiper_tab02{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.swiper_tab02 .tab_list li{ 
    width: max-content;
    height: 38px;
}
.swiper_tab02 .tab_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;

    height: 100%;
    box-sizing: border-box;
    cursor: default;
}
.swiper_tab02 .tab_list li a .txt{
    display: block;
    width: max-content;
    font-size: 17px; 
    font-weight: 400; 
    line-height: 1.5;
    color: #5d5d5d;
}
.swiper_tab02 .tab_list li a .num{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    
    width: max-content;
    height: 26px;
    font-size: 17px; 
    font-weight: 600; 
    line-height: 1.5;
    color: #5d5fe4;
    box-sizing: border-box;
}
.swiper_tab02 .swiper-button-prev{
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: 0;
    z-index: 10;
    background: linear-gradient(90deg, rgba(239, 243, 255, 1) 0%, rgba(0,0,0,0) 100%);
}
.swiper_tab02 .swiper-button-prev::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: -20px;
    width: 70px;
    height: 38px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
    z-index: -1;
}
.swiper_tab02 .swiper-button-prev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    background-color: transparent;
    transform: rotate(90deg);
    z-index: 10;
}
.swiper_tab02 .swiper-button-next{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 28px;
    height: 28px;
    margin-top: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(239, 243, 255, 1) 100%);
}
.swiper_tab02 .swiper-button-next::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(270deg);
}
.swiper_tab02 .swiper-button-next::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: -20px;
    width: 50px;
    height: 38px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
    z-index: -1;
}
.swiper_tab02 .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.swiper_tab02 .swiper-button-next.swiper-button-disabled{
    display: none;
}


.op_common_list04 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
}
.op_common_list04 .op_tbl_case03 {
    margin-top: 60px;
}
.op_common_list05 {
    margin-top: 20px;
}



.op_common_top01 .right_box .f_group33 .op_common_select {
    width: 107px;
    min-width: initial;
}
.op_common_top01 .right_box .f_group23 + .f_group33{
    margin-left: 8px;
}


.caption01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 16px;
}
.caption01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.caption01 .left_box .tit { 
    display: inline-block;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
}
.caption01 .left_box .gun {
    display: inline-block;
    width: max-content;
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
}
.caption01 .right_box {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    flex-shrink: 0;
    gap: 0 16px;
}


/* 페딩값 삭제 */
.caption02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.caption02 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.caption02 .left_box .tit { 
    display: inline-block;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
}
.caption02 .left_box .gun {
    display: inline-block;
    width: max-content;
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
}
.caption02 .right_box {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    flex-shrink: 0;
    gap: 0 16px;
}


.op_common_list04 .pagination{
    margin-top: 48px;
}


.op_land02 {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    overflow-y: auto;
    /* padding-bottom: 84px; */
}
.op_land02 li {
    width: 100%;
    height: 40px;
    padding: 6px;
}
.op_land02 + .op_land02 {
    border-left: 1px solid #dcdcdc;
    /* padding-left: 6px; */
}

/*op_common_top01*/
.op_common_top01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
    position: relative;
    margin-top:0px;
}
.op_common_top01 .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.op_common_top01 .right_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
    position: relative;
}
.op_common_top01 .left_box .total_txt01{
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_top01 .left_box .total_txt01 .num{
    font-weight: 700;
    color: #5d5fe4;
}
.op_common_top01 .right_box .op_common_select{
    min-width: 167px;
    width: max-content;
}
.op_common_top01 .left_box .total_txt02 {
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_top01 .right_box .noti_txt01 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #e0280a;
    line-height: 1.5;
    padding-top: 14px;
}
/*//op_common_top01*/


/*op_common_top02*/
.op_common_top02{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
    position: relative;
    margin-top:0px;
}
.op_common_top02 .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.op_common_top02 .right_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
    position: relative;
}
.op_common_top02 .left_box .total_txt01{
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_top02 .left_box .total_txt01 .num{
    font-weight: 700;
    color: #5d5fe4;
}
/* .op_common_top02 .right_box .op_common_select{
    min-width: 167px;
    width: max-content;
} */
/*//op_common_top02*/


/* op_common_top03*/

.op_common_top03{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
    position: relative;
    margin-top:0px;
}
.op_common_top03 .left_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.op_common_top03 .right_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
    position: relative;
}
.op_common_top03 .left_box .total_txt01{
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    flex-shrink: 0;
}
.op_common_top03 .left_box .total_txt01 .num{
    font-weight: 700;
    color: #5d5fe4;
}
.op_common_top03 .left_box .f_group54 {
    margin-left: 16px;
}
.op_common_top03 .right_box .op_common_select{
    min-width: 107px;
    width: max-content;
}

/*//op_common_top03*/

/*op_common_top04*/
.op_common_top04{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 16px;
    position: relative;
    margin-top:0px;
}
.op_common_top04 .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.op_common_top04 .right_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
    position: relative;
}
.op_common_top04 .left_box .total_txt01{
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_top04 .left_box .total_txt01 .num{
    font-weight: 700;
    color: #5d5fe4;
}
/*//op_common_top04*/







.op_wrap_pd01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/*top_utile_box01*/
.pop .top_utile_box01{
    margin-top: 7px;
}
.top_utile_box01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    box-sizing: border-box;
    gap: 24px;
}
.top_utile_box01 .item{
    display: block;
    box-sizing: border-box;
}
.top_utile_box01 .item button{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}

/*//top_utile_box01*/

/*event_card_box01*/
.event_card_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 28px 24px;
    flex-wrap: wrap;
}
.event_card_box01 .card{
    display: block;
    width: calc((100% - 72px) / 4);
    box-sizing: border-box;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.event_card_box01.event_none .card{
    width: 100%;
}

.event_card_box01 .card > a{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.event_card_box01 .card .img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 243px;
    position: relative;
    box-sizing: border-box;

    overflow: hidden;
}
.event_card_box01 .card.event_end .img::after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0,0,0,0.4);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: center center;
    background-image: url("../img/img_event_end01.svg");
}
.event_card_box01 .card .img > img{
    max-width: 100%;
    max-height: 100%;
    
}
.event_card_box01 .card .img > .badge01{
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 32px;
    padding: 1px 12px 0 12px;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    background-color: #5d5fe4;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    box-sizing: border-box;
}
.event_card_box01 .card .img > .badge02{
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 32px;
    padding: 1px 12px 0 12px;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    background-color: #5d5fe4;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    box-sizing: border-box;
}
.event_card_box01 .card.event_result .img > .badge01{
    display: flex;
}
.event_card_box01 .card.event_ing .img > .badge02{
    display: flex;
}
.event_card_box01 .card .info_box{
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 24px;

    background-color: #fff;
    border-top: 1px solid #dcdcdc;
}
.event_card_box01 .card .info_box .tit01{
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 63px;
}
.event_card_box01 .card .info_box > .tit01 .new_badge01{
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 1px 8px 0 8px;
    background-color: #5d5fe4;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 24px;
    line-height: 1.4;
    margin-top: 4px;
    margin-left: 4px;
}
.event_card_box01 .card .info_box .list01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
}
.event_card_box01 .card .info_box .list01 .item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.event_card_box01 .card .info_box .list01 .item + .item{
    margin-top: 4px;
}
.event_card_box01 .card .info_box .list01 .item .tit02{
    display: block;
    box-sizing: border-box;
    /* width: 52px; */
    width: 64px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #1e1e1e;
}
.event_card_box01 .card .info_box .list01 .item .txt01{
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
}
.event_none_txt_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    position: relative;
    flex-direction: column;
}
.event_card_box01.event_none.ec_case01 .card .event_none_txt_box01 {
    height: 400px;
}

.event_none_txt_box01 .event_none_tit01{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 20px;
}
.event_none_txt_box01 .event_none_txt01{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    margin-top: 12px;
}
/*//event_card_box01*/

/*op_section01*/
.op_section01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_section01 + .op_section01{
    margin-top: 60px;
}
/*//op_section01*/

/*top_detail_box01*/
.top_detail_box01{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 24px;
    background-color: #f6f8fe;
    gap: 12px;
    
}
.top_detail_box01 .left_box{
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.top_detail_box01 .right_box{
    display: block;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
}
.top_detail_box01 .left_box .num_txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    margin-top: 7px;
}



.popup_blank01{
    position: relative !important;
}
.popup_blank01::after{
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: -20px !important;
    transform: translateY(-50%) !important;
    width: 17px !important;
    height: 16px !important;
    background: url('../img/ico_pop_blink.svg') no-repeat center/100% !important;
}

.top_detail_box01 .left_box .num_txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin-top: 4px;
}
.top_detail_box01 .left_box .num_txt02 + .tit01{
    margin-top: 9px;
}
.top_detail_box01 .left_box .tit01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    margin-top: 0px;
    max-width: 100%;
}

.top_detail_box01.pop_type01{
    padding: 0;
    border-radius: 0;
    background-color: #fff;
}

.top_detail_box01.pop_type01 .left_box .tit01{
    margin-top: 8px;
}
/*//top_detail_box01*/

.top_detail_box01 .btn_box_right01 {
    width: auto;
}



/*detail_info_area01*/
.detail_info_area01{
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 24px;
}
.detail_info_area01 .info_main_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;    
}
.detail_info_area01 .info_main_list01 .item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 12px 16px;
    height: 120px;
}
.detail_info_area01 .info_main_list01 .item:first-child{
    border-radius: 12px 0 0 12px;
}
.detail_info_area01 .info_main_list01 .item:last-child{
    border-right: 1px solid #dcdcdc;
    border-radius: 0 12px 12px 0;
}
.detail_info_area01 .info_main_list01 .item .tit_box01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
.detail_info_area01 .info_main_list01 .item .tit_box01 .tit01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.detail_info_area01 .info_main_list01 .item .tit_box02 {
    display: flex;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.detail_info_area01 .info_main_list01 .item .tit_box02 .tit01 {
    display: block;
    width: max-content;
    text-align: left;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.detail_info_area01 .info_main_list01 .item .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.detail_info_area01 .info_main_list01 .item .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 0;
}
.detail_info_area01 .info_main_list01 .item .txt_box01 .price01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.detail_info_area01 .info_sub_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 12px;
    padding: 24px 40px;
}
.detail_info_area01 .info_sub_area01 .accordion_wrap.noti_type01{
    margin-top: 20px;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px 40px;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: max-content;
    gap: 23px;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item .tit_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 10px;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01::after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item .txt_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area01 .info_sub_area01 .info_sub_list01 .item .txt_box01 .txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 0;
}
.detail_info_area01 .info_sub_file01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 23px;
    margin-top: 12px;
}
.detail_info_area01 .info_sub_file01 .tit_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area01 .info_sub_file01 .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 10px;
}
.detail_info_area01 .info_sub_file01 .tit_box01 .tit01::after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.detail_info_area01 .info_sub_file01 .file_list01_wrap {
    width: 100%;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 20px;
}
/* .detail_info_area01 .info_sub_file01 .file_list01_wrap:after {
    position: absolute;
    content: '...';
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding-left: 6px;
    height: 25px;
    font-size: 17px;
} */
.detail_info_area01 .info_sub_file01 .file_list01_wrap.active {
    height: 100%;
}
.detail_info_area01 .info_sub_file01 .file_list01_wrap.active:after {
    display: none;
}
.detail_info_area01 .info_sub_file01 .file_list01_wrap.active .file_list01{
    flex-wrap: wrap;
}
.detail_info_area01 .info_sub_file01 .file_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: nowrap;
    box-sizing: border-box;
    gap: 8px 16px;
}
.detail_info_area01 .info_sub_file01 .file_list01 .item{
    display: block;
    width: fit-content;
    box-sizing: border-box;
}
.detail_info_area01 .info_sub_file01 .file_list01 .item > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    gap: 4px;
    flex-shrink: 0;
}
.detail_info_area01 .info_sub_file01 .file_list01 .item > a .txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
    padding: 0;
}
.detail_info_area01 .info_sub_file01 .file_list01 .item > span {
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.6;
}
.detail_info_area01 .info_sub_file01 .op_common_btn.btn_more04 {
    gap: 4px;
}
.detail_info_area01 .info_sub_file01 .op_common_btn.btn_more04 .txt {
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}
.detail_info_area01 .info_sub_file01 .op_common_btn.btn_more04 .ico_plus {
    background-image: url(../img/ico_email_plus.svg);
}
.detail_info_area01 .info_sub_file01 .op_common_btn.btn_more04.active .ico_plus {
    background-image: url(../img/ico_email_minus.svg);
}
/*//detail_info_area01*/

/*color_bg_box01*/
.color_bg_box01 + .attachment_box01{
    margin-top: 16px;
}
.color_bg_box01{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 12px;
}
/*//color_bg_box01*/
/*attachment_box01*/
.attachment_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    gap: 24px;
}
.attachment_box01 .tit_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
}
.attachment_box01 .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;   
}
.attachment_box01 .tit_box01 .tit01.ec_case01{
    font-size: 17px;
}

.attachment_box01.ec_case01 .tit_box01 .tit01{
    font-size: 17px;
}

.attachment_box01 .tit_box01 .tit01::after{
    display: block;
    content: "";
    position: absolute;
    top: 9px;
    left: 5px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #1e1e1e;
    z-index: 10;
}
.attachment_box01 .list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px 16px;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}
.attachment_box01 .list01 > .item{
    display: block;
    box-sizing: border-box;
}
.attachment_box01 .list01 > .item .file_link01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    gap: 6px;
}
.attachment_box01 .list01 > .item .file_link01 .txt01{
    display: block;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 24px;  
    padding: 0;
}

.attachment_box01 .list01 > .item .file_link01.ec_case01 .txt01{
    font-size: 17px;
}
.attachment_box01 .list01 > .item > span {
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 24px;  
    padding: 0;
}


/*//attachment_box01*/
/*instruction_item_box01*/
.instruction_item_box01{
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    width: 100%;
    box-sizing: border-box;
    gap: 16px;
}
.instruction_item_box01 .item{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.instruction_item_box01 .item .tit_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 12.25px 10px;
}
.instruction_item_box01 .item.impos .tit_box01{
    background-color: #fff6f5;
}
.instruction_item_box01 .item.pos .tit_box01{
    background-color: #f6f8fe;
}
.instruction_item_box01 .item .txt_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height:calc(100% - 50px);
    padding: 24px 10px;
    gap: 4px;
}
.instruction_item_box01 .item .tit_box01 .tit01{
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;   
}
.instruction_item_box01 .item .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;   
}
.instruction_item_box01 .item.impos .txt_box01 .txt01{
    color: #e0280a;
}
.instruction_item_box01 .item.pos .txt_box01 .txt01{
    color: #5d5fe4;
}
.instruction_item_box01 .item .txt_box01 .ico{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    flex-shrink: 0;
}
.instruction_item_box01 .item.impos .txt_box01 .ico{
    background-image: url("../img/ico_impos01.svg");
}
.instruction_item_box01 .item.pos .txt_box01 .ico{
    background-image: url("../img/ico_pos01.svg");
}
.instruction_noti_msg01{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 8px;
    display: block;
    width: 100%;
    color: #5d5d5d;
    text-align: right;
}
/*//instruction_item_box01*/
/*calc_info_box01*/
.calc_info_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 24px 40px;
    background-color: #f9f9f9;
    border-radius: 12px;
    gap: 44px;
    margin-top: 24px;
}
.calc_info_box01 .item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 20px;
}
.calc_info_box01 .item [class*="ico"]{
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    flex-shrink: 0;
}
.calc_info_box01 .item > .ico_calc01{
    background-image: url("../img/ico_calc01.svg");
}
.calc_info_box01 .item > .ico_date01{
    background-image: url("../img/ico_date01.svg");
}
.calc_info_box01 .item > .ico_wran01{
    background-image: url("../img/ico_noti01.svg");
}
.calc_info_box01 .item .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.calc_info_box01 .item .txt_box01 .tit01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* font-size: 21px; */
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;   
}
.calc_info_box01 .item .dot_list03{
    margin-top: 6px;
}
.calc_info_box01 .item .noti_msg01{
    display: block;
    margin-top: 4px;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;   
}
/*//calc_info_box01*/


.op_tbl_case05 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    border-top: 1px solid #717171;
}
.op_tbl_case05 > .table_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}
.op_tbl_case05 > .table_block01.noline {
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
}
.op_tbl_case05 > .table_block01.reple {
    border-bottom: 1px solid transparent;
    padding: 48px 0;
}   
.op_tbl_case05 > .table_block01:last-child {
    border-bottom: 1px solid transparent;
    padding: 20px 0 48px 0 ;
}
.op_tbl_case05 > .table_block01 .colum_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area01 {
    /* width: 100%; */
    /* width: 60px; */
    min-width: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
}

.op_tbl_case05 > .table_block01 .colum_block01 .tit_area01 .tit_box01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area01 .tit_box01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    /* 등록일 */
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    gap: 20px;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .left_box{
    display: block;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .right_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt02 + .txt01{
    margin-top: 4px;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt01{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .badge_box01  + .txt02{
    margin-top: 4px;
}


.op_tbl_case05 > .table_block01 .colum_block01 .tit_area04 {
    min-width: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    padding-top: 2px;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area04 .tit_box01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area04 .tit_box01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}


/* 스타일 변경 */
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 .tit_box01 .tit02{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    /* 고객지원 */
}
.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
}

.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 {
    width: calc(100% - 95px);
    display: block;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    /* 2025-01-01 */
    word-break: break-all;
}
.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit03{
    width: 300px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit04 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5fe4;
    line-height: 1.5;
    /* 2025-01-01 */
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 .tit_box01 {
    overflow : auto;
    width: 100%;
}
.op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 .tit_box01 .tit03{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    word-break: break-all;
    /* overflow-y: auto; */
}
.file_list02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.file_name01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
}
.file_name01 > img {
    margin-top: 4px
}
.file_name01 .txt {
    width: auto;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.inquiry_reple01 {
    background-color: #f9f9f9;
    border-radius: 24px;
    padding: 40px;
    width: 100%;
}
.inquiry_reple01 > .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inquiry_reple01 > .head .tit {
    position: relative;
    padding-left: 35px;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    flex-shrink: 0;
}
.inquiry_reple01 > .head .tit::before {
    content: 'A';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #5d5fe4;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    line-height: 26px;
}
.inquiry_reple01 > .head .tit01 {
    position: relative;
    padding-left: 35px;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    flex-shrink: 0;
}
.inquiry_reple01 > .head .tit01::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('../img/ico_event02.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}



.inquiry_reple01 > .head .date {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #5d5d5d;
}
.inquiry_reple01 > .head .date span {
    font-weight: 700;
    margin-right: 12px;
    color: #1e1e1e;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
}
.inquiry_reple01 > .desc {
    padding: 20px 24px;
    border:1px solid #f9f9f9;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.inquiry_reple01 > .attach {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #dcdcdc;
    padding-top: 16px;
    margin-top: 20px;
}
.inquiry_reple01 > .attach .tit {
    width: max-content;
    margin-right: 24px;
    padding-top: 4px;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    flex-shrink: 0;
}
.inquiry_reple01 > .attach .file {
    width: 100%;
}
.inquiry_reple01 > .attach .file .name {
    width: max-content;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.inquiry_reple01 > .attach .file .name img {
    width: 24px;
    margin-right: 4px;
    flex-shrink: 0;
}
.inquiry_reple01 > .attach .file .name a {
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    word-break: break-all;
    line-height: 1.5;
    display: inline-block;
}
.op_tbl_case06 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid#dcdcdc;
}
.op_tbl_case06 .pre_box01 {
    width: 100%;
    height: 50px;

    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    /* padding: 24px 40px; */
    padding: 0 40px;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
}

.op_tbl_case06 .btn_pre01 {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    gap: 0 12px;
}
.op_tbl_case06 .btn_pre01::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 40px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url('../img/ico_chevron_up_small.svg');
    background-position: center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.op_tbl_case06 .btn_next01 {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    gap: 0 12px;
}
.op_tbl_case06 .btn_next01::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 40px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-image: url('../img/ico_chevron_down_small.svg');
    background-position: center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.op_tbl_case06 .pre_box01 .txt01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    margin-left: 40px;
    /* padding-top: 2px; */
    flex-shrink: 0;
}
.op_tbl_case06 .pre_box01 .txt02 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    margin-left: 40px;
    padding-top: 2px;
    

    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.op_tbl_case07 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 20px;
}
.op_tbl_case07 .table_block01 {
    width: calc( (100% + 3px) / 3);
    display: block;
    box-sizing: border-box;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #dcdcdC;
}
.op_tbl_case07 > li:first-child{
    border-radius: 12px 0 0 0 ;
}
.op_tbl_case07 > li:last-child{
    border-radius: 0 0 12px 0 ;
}
.op_tbl_case07 > li:nth-child(3){
    border-radius: 0 12px 0 0 ;
}
.op_tbl_case07 > li:nth-child(4){
    border-radius:0 0 0 12px;
}
.op_tbl_case07 .table_block01 .colum_block01{
    width: 100%;
    /* height: 132px; */
    height: 109px;
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-direction: column;
    box-sizing: border-box;
    padding: 12px 16px;
}
.op_tbl_case07 .table_block01 .colum_block01 .tit_area01 {
    width: 100%;
    display: block;
}
.op_tbl_case07 .table_block01 .colum_block01 .tit_area01 .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    /* font-size: 14px; */
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
}
.op_tbl_case07 .table_block01 .colum_block01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    justify-content: flex-end;
}
.op_tbl_case07 .table_block01 .colum_block01 .con_area01 .right_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case07 .table_block01 .colum_block01 .con_area01 > .right_box .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case07 .table_block01 .colum_block01 .con_area01 > .right_box .tit_box01 .tit02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    text-align: right;
}



.op_tbl_case08 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    border-top: 1px solid #717171;
}
.op_tbl_case08 > .t_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}
.op_tbl_case08 > .t_block01.noline {
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
}
.op_tbl_case08 > .t_block01.reple {
    border-bottom: 1px solid transparent;
    padding: 48px 0;
}   
.op_tbl_case08 > .t_block01:last-child {
    border-bottom: 1px solid transparent;
    padding: 20px 0 48px 0 ;
}
.op_tbl_case08 > .t_block01 .colum_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area01 {
    min-width: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area01 .tit_box01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area01 .tit_box01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    /* 등록일 */
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    gap: 20px;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .left_box{
    display: block;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .right_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .txt02 + .txt01{
    margin-top: 4px;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .txt01{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_tbl_case08 > .t_block01 .colum_block01 .tit_area03 .badge_box01  + .txt02{
    margin-top: 4px;
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area02 .tit_box01 .tit02{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    /* 고객지원 */
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    /* 2025-01-01 */
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit03{
    width: 300px;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit04 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5fe4;
    line-height: 1.5;
    /* 2025-01-01 */
}
.op_tbl_case08 > .t_block01 .colum_block01 .t_area02 .tit_box01 .tit03{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    /* overflow-y: auto; */
}





.tab_contents .op_common_tbl02 + .con_tit_box06{
    margin-top: 16px;
}





/*noti_msg01*/
.noti_msg01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
    margin-top: 8px;
}
/*//noti_msg01*/
.pop_sub_desc01{
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    display: block;
}
.guide_info02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 92px;
}
.guide_info02 > li{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}

.guide .op_common_btn{
    margin-left: 92px;
    margin-top: 8px;
}


/* 헤더메뉴 */

.site_menu {
    width: 100%;
    display: none;
    position: fixed;
    /* top: 52px; */
    top: 0;
    left: 0;
    /* height: calc(100% - 52px); */
    height: 100%;
    background-color: #fff;
    z-index: 30000;
}
.site_menu.active {
    display: block;
}
.mo_close_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 18px 0 0;
}

.site_menu .left_box {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.site_menu .left_box .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    /* 추가 */
    padding: 20px 0;
}
/* .site_menu .left_box .tit_area01 .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 24px 0;
} */

.site_menu .left_box .tit_area01 .tit_box01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.site_menu .left_box .tit_area01 .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #5d5fe4;
    /* 수정 */
    /* margin-top: 12px; */
}
.site_menu .left_box .tit_area01 .tit_box01 .txt_box01 {
    width: 100%;
    max-width: 260px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 52px;
}
.site_menu .left_box .tit_area01 .tit_box01 .txt_box01 .tit01 {
    width: max-content;
    max-width: 260px;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-right: 20px;

    cursor: pointer;
}
.site_menu .left_box .tit_area01 .tit_box01 .txt_box01 .tit01::after { 
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

    display: none;
    width: 16px;
    height: 16px;
    background-image: url('../img/ico_log_arr.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}
.site_menu .left_box .tit_area01 .tit_box01 .txt_box01 .tit02 {
    width: 100%;
    display: none;
    box-sizing: border-box;

    font-size: 13px;
    font-weight: 600;
    color: #949494;
    line-height: 1.4;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site_menu .left_box .tit_area01 .tit_box01.logout .txt_box01 .tit02 {
    display: block;
}
.site_menu .left_box .tit_area01 .tit_box01.logout .txt_box01 .tit01::after {
    display: block;
}
.site_menu > .right_box {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 24px;
    border-top: 1px solid #ebebeb;
}

/* 사이드메뉴 */
.site_block01 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;   
}
.site_block01 .left_box {
    width: 100%;
    max-width: 140px;
    /* height: calc(100% - 160px - 24px); */
    height: calc(100% - 160px);
    align-self: stretch;

    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    
    background-color: #f9f9f9;
    position: relative;
    z-index: 1;
}



.site_block01 .left_box .depth1 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.site_block01 .left_box .depth1 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    width: 141px;
}
.site_block01 .left_box .depth1 li .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.site_block01 .left_box .depth1 li .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 12px 20px;
}
.site_block01 .left_box .depth1 li.active .tit_box01 .tit01 {
    width: 100%;
    display: block;
    /* color: #5d5fe4; */
    color: #fff;
}
.site_block01 .left_box .depth1 li:first-child.active {
    border-top: 0;
}
.site_block01 .left_box .depth1 li.active {
    /* border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff; */
    background-color: #5d5fe4;
    width: 141px;
}
.site_block01 .right_box {
    width: 100%;
    /* height: calc(100% - 160px - 24px); */
    height: calc(100% - 160px);
    align-self: stretch;
    display: block;
    box-sizing: border-box;
    border-left: 1px solid #ebebeb;
    overflow-y: auto;
}
.site_block01 .right_box .depth2 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0 20px;
    background-color: #fff;
}
.site_block01 .right_box .depth2 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.site_block01 .right_box .depth2 li .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.site_block01 .right_box .depth2 li .tit_box01 a {
    width: 100%;
    display: block;
    padding: 8px 0;
}
.site_block01 .right_box .depth2 li .tit_box01 > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site_block01 .right_box .depth2 li .depth3 li .tit_box01 > a.active .tit01 {
    color: #5d5fe4;
}
.site_block01 .right_box .depth2 li .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.site_block01 .right_box .depth2 li.active > .tit_box01 {
    border-bottom: 1px solid #dcdcdc;
}
.site_block01 .right_box .depth2 li.active .tit_box01 .tit01 {
    color: #5d5fe4;
}
.site_block01 .right_box .depth2 li.active > .tit_box01 .ico_chevron_down_small{
    transform: rotate(180deg);
}
.site_block01 .right_box .depth2 li .depth3 {
    width: 100%;
    display: none;
    box-sizing: border-box;
}
.site_block01 .right_box .depth2 li.active .depth3 { 
    display: block;
    padding: 12px 0;
}
.site_block01 .right_box .depth2 li .depth3 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;
}
.site_block01 .right_box .depth2 li .depth3 li ~ li {
    margin-top: 8px;
}
.site_block01 .right_box .depth2 li .depth3 li .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.site_block01 .right_box .depth2 li .depth3 li .tit_box01 > a {
    padding: 0;
}
.site_block01 .right_box .depth2 li .depth3 li .tit_box01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.site_block01 .left_box .logout {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 12px 20px;
}
.btn_site_logout {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.btn_site_logout .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
}
.ico_site_logout{
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_site_logout.svg");
    background-position: center center;
    flex-shrink: 0;
}


.short_01 {
    width: max-content;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.ico_short_01{
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../img/ico_short_01.svg');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
}
.short_01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #1e1e1e;
}
.short_01 .short_dot {
    display: none;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e0280a;
    position: absolute;
    top: 0;
    right: 0;
}
.short_01.active .short_dot {
    display: block;
}


.short_02 {
    width: max-content;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.ico_short_02{
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../img/ico_short_02.svg');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
}
.short_02 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
}
.short_02 .short_dot {
    display: none;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e0280a;
    position: absolute;
    top: 0;
    right: 12px;
}
.short_02.active .short_dot {
    display: block;
}

.short_03 {
    width: max-content;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.ico_short_03{
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../img/ico_short_03.svg');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
}
.short_03 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
}
.short_03 .short_dot {
    display: none;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e0280a;
    position: absolute;
    top: 0;
    right: 0;
}
.short_03.active .short_dot {
    display: block;
}

.short_04 {
    width: max-content;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    position: relative;
}
.ico_short_04{
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../img/ico_short_04.svg');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
}
.short_04 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
    color: #1e1e1e;
}
.short_04 .short_dot {
    display: none;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e0280a;
    position: absolute;
    top: 0;
    right: 12px;
}
.short_04.active .short_dot {
    display: block;
}

.short_list01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 0px; 
    padding: 0;
}
.short_list01 li {
    width: 25%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
}




.btn_fav01 {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ico_fav01 {
    width: 24px;
    height: 24px;
    background-image: url("../img/ico_fav01.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}
.btn_fav01.active .ico_fav01 {
    background-image: url("../img/ico_fav01_on.svg");
}
.btn_fav01 .txt {
    width: max-content;
    display: block;
    box-sizing: border-box;
    padding-left: 8px;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    padding-top: 1px;
}
.btn_like01 {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.btn_fav01.btn_list_add {
    gap: 0;
}


.btn_fav01.btn_list_add ~ .line {
    padding: 0 16px;
}

/*// 헤더메뉴 */

.auth_list01 {width: 100%;display: none;box-sizing: border-box;}
.auth_list01 li + li {margin-top: 16px;}
.auth_list01.active {display: block;}

.auth_list02 {width: 100%;display: none;box-sizing: border-box;}
.auth_list02 li + li {margin-top: 16px;}
.auth_list02.active {display: block;}

.auth_list03 {width: 100%;display: none;box-sizing: border-box;}
.auth_list03 li + li {margin-top: 16px;}
.auth_list03.active {display: block;}

.auth_list04 {width: 100%;display: none;box-sizing: border-box;}
.auth_list04 li + li {margin-top: 16px;}
.auth_list04.active {display: block;}

.auth_list05 {width: 100%;display: none;box-sizing: border-box;}
.auth_list05 li + li {margin-top: 16px;}
.auth_list05.active {display: block;}











/*faq_area01*/
.faq_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.faq_area01 .faq_survey_sr01 + .op_cm_textarea01{
    margin-top: 32px;
}
.faq_survey_sr01 .rdo_list02{
    gap:40px;
}
.faq_area01 > .faq_pop_tit01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.faq_area01 > .faq_pop_txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    margin-top: 12px;
}
.faq_area01 .faq_star_box{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    background-color: #f6f8fe;
    border-radius: 12px;
    margin-top: 24px;
}
.faq_survey_sr01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.faq_survey_sr01 .sb_list_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2px;
    width: max-content;
    box-sizing: border-box;
    padding-top: 4px;
}
.faq_survey_sr01 .sb_list_box .star{
    width: 16px;
    height: 16px;
    display: block;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-image: url("../img/ico_star01.svg");
    flex-shrink: 0;
}
.faq_survey_sr01 .sb_list_box .star.on{
    background-image: url("../img/ico_star01_on.svg");
}
.faq_survey_sr01 .star_txt01{
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #1e1e1e;
    margin-top: 4px;
}
.faq_survey_sr01 .op_common_radio01 > input + label{
    padding-left: 4px;
}
.faq_survey_sr01 .op_common_radio01{
    align-items: flex-start;
}
/*//faq_area01*/

.op_common_tbl04 tbody td .txt_box02 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    word-break: keep-all;
    text-align: center;
    line-height: 1.4;
}
.op_common_tbl04 tbody td .txt_box02 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.4;
    text-align: center;
}
.op_common_tbl04 tbody td .txt_box02 .time {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box03 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.op_common_tbl04 tbody td .txt_box03 .time {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 8px;
}
.op_common_tbl04 tbody td .txt_box03 .time span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
    text-align: center;
}
.op_common_tbl04 tbody td .txt_box04{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl04 tbody td .txt_box04 .txt01{
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    line-height: 1.4;
    text-align: center;
}
.sale_wrap01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    margin-bottom: 24px;
}
.sale_wrap01 .thumb01  {
    /* width: max-content; */
    width: 489px;
    height: 367px;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}
.sale_wrap01 .thumb01 img {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* object-fit: cover; */
}
.sale_wrap01 .sale_block01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-left: 20px;
    border-top: 1px solid #1e1e1e;
}
.sale_wrap01 .sale_block01 > .con_area01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}
.sale_wrap01 .sale_block01 .con_area01 .left_box .txt01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 8px;
}
.sale_wrap01 .sale_block01 .con_area01 .right_box {
    width: max-content;
    display: block;
    box-sizing: border-box;
}
.sale_wrap01 .sale_block01 .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 12px;
}
.sale_wrap01 .thumb_block01 {
    width: max-content;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.sale_wrap01 .thumb_block01 .badge_box01{
    margin-top: 20px;
}
.sale_wrap01 .thumb_block01 .badge_box01 [class*='op_cm_badge'] {
    border: 1px solid #b9b9b9;
    color: #717171;
    background-color: #fff;
}
.sale_wrap01 .thumb_block01 .btn_badge {
    display: block;
    width: 100%;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    padding: 1px 8px;
    height: 24px;
    border-radius: 4px;
}
.sale_wrap01 .thumb_block01 .btn_badge > .txt {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    color: #717171;
}
.sale_wrap01 .thumb_block01 .thumb01 .btn_zoom {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../img/ico_btn_search.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;

    border-radius: 50%;
    z-index: 1;
    background-color:rgba(0, 0, 0, 0.6);
}

.info_use_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.info_use_box01 .accordion_wrap {
    display: none;
    width: 100%;
    margin: 0 auto;
}
.info_use_box01 .accordion_wrap.active {
    display: block;
}





/*Dot_list05*/
.dot_list05{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.dot_list05 + .dot_tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 16px;
}
.dot_list05 > li{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 16px;
    position: relative;
}
.dot_list05 > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #5d5d5d;
    z-index: 10;
}
.dot_list05 > li + li{
    margin-top: 4px;
}

.dot_list06{
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 4px;
}
.dot_list06 > li{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 14px;
    position: relative;
}
.dot_list06 > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 5px;
    height: 1px;
    border-radius: 4px;
    background-color: #5d5d5d;
    z-index: 10;
}
.dot_list06 > li + li{
    margin-top: 4px;
}

/*Dot_list01*/
.dot_list07{display: block;width: 100%;}
.dot_list07 > li {
    display: block;
    position: relative;
    padding-left: 10px;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.dot_list07 > li + li{margin-top: 4px;}



.dot_list08{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.dot_list08 > li{
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.dot_list08 > li a{
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.dot_list08 > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #5d5d5d;
    z-index: 10;
}
.dot_list08 > li + li{
    margin-top: 4px;
}


.dot_list09{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.dot_list09.ec_case01 > li{
    font-size: 17px;
}
.dot_list09 > li{
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}

.dot_list10 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.dot_list10 li {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}



.dot_list11 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.dot_list11 li {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    padding-left: 16px;
    position: relative;
}
.dot_list11 > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #5d5d5d;
    z-index: 10;
}
.dot_list11 > li + li{
    margin-top: 24px;
}


.dot_list12 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.dot_list12 li {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    padding-left: 16px;
    position: relative;
}
.dot_list12 > li::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #5d5d5d;
    z-index: 10;
}
.dot_list12 > li + li{
    margin-top: 8px;
}




.login_sub01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.login_sub01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 700;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.5;

    word-break: keep-all;
}

.statute01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.statute01 .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.statute01 .tit_box01 .txt{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 600;
    color: #1e1e1e;
}
.statute01 .con_area01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;

    width: 100%;
    gap: 8px;
    margin-top: 12px;
}


.op_tbl_case02 .table_block01:last-child .tit_area02:eq(1) {
    margin-top: 24px;
}


/* 3520-01M 추가 */
/* dash_list */
.dash_list01 > li {position: relative; padding-left: 9px; font-size: 17px; font-weight: 400; line-height: 1.5; }
.dash_list01 > li::before {content: '-'; display: block; position: absolute; top: -2px; left: 0;}
.dash_list02 > li {position: relative; padding-left: 10px; font-size: 15px; font-weight: 400; line-height: 1.5; color:#5d5d5d;}
.dash_list02 > li ~ li {margin-top: 4px;}
.dash_list02 > li::before {content: '-'; display: block; position: absolute; top: 0; left: 0;}


.dash_list03 > li {
    position: relative;
    font-size: 15px; 
    font-weight: 400; 
    line-height: 1.5; 
    color:#5d5d5d;
    padding-left: 24px;
}
.dash_list03 > li ~ li {
    margin-top: 4px;
}
.dash_list03 > li::before {
    content: '-'; 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 14px;
}


.dash_list04 > li {
    position: relative;
    padding-left: 13px;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.dash_list04 > li ~ li {
    margin-top: 4px;
}



/* .con_tit_box05 */
.con_tit_box05 .left_box .total_txt01  {
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin-left: 8px;
}
.con_tit_box05 .left_box .total_txt01 .num {
    font-weight: 700;
    color: #5d5fe4;
}
.con_tit_box05 .left_box .total_txt02  {
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin-left: 8px;
}
.con_tit_box05 .left_box .total_txt02 .num {
    font-weight: 700;
    color: #5d5fe4;
}
.con_tit_box05 > .right_box .noti_txt03 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding-top: 0px;
}

/* cont_tit_box06 */
/* .con_tit_box06 > .left_box .tooltip_wrap01 {

} */
.con_tit_box06 > .left_box .tooltip_wrap01 .tooltip {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 24px 24px;
}
.con_tit_box06 .left_box .total_txt02 {
    display: block;
    box-sizing: border-box;
    width: max-content;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin-left: 8px;
}
.con_tit_box06 > .right_box .noti_txt03 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding-top: 0px;
}

.noti_txt04 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}




/*op_common_tbl10*/
.pc_only .op_common_tbl10 colgroup + tbody tr:first-child th, .pc_only .op_common_tbl10 colgroup + tbody tr:first-child td {
    border-top: 1px solid #717171;
}
.pc_only .op_common_tbl10 tbody td.open {
    background-color: #f6f8fe;
}

.pc_only .op_common_tbl10 .sum_area01 .txt_box01.w327 {
    display: block;
    width: 327px;
    box-sizing: border-box;
}
.pay_detail_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    margin-top: 24px;
}
.pay_detail_box01 .btn_box_center01 {
    margin-top: 32px;
}
.top_detail_box02 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding-top: 20px;
}
.top_detail_box02 .left_box {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.top_detail_box02 .thumb_box {
    width: 489px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.top_detail_box02 .thumb_box .thumb_area {
    position: relative;
    width: 100%;
    height: 366px;
    border-radius: 12px;
}
.top_detail_box02 .thumb_box .thumb_area .ico {
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    z-index: 9;
}
.top_detail_box02 .thumb_box .thumb_area .ico_search_01 {
    background-size: 16px 16px;
}
.top_detail_box02 .thumb_box .thumb_area a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.top_detail_box02 .thumb_box .thumb_area a .img_thumb {
    width: 100%;
    height: 100%;
}
.top_detail_box02 .thumb_box .thumb_area a img {
    width: 100%;
    height: 100%;
}
.top_detail_box02 .thumb_swiper01 .swiper-wrapper { height:366px;}
.top_detail_box02 .thumb_swiper01 .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px !important; background-color: #b9b9b9; border-radius: 999px; opacity: 1;}
.top_detail_box02 .thumb_swiper01 .swiper-pagination-bullet-active { width: 30px; height: 10px; background-color: #5D5D5D; border-radius: 10px; }
.top_detail_box02 .thumb_swiper01 .swiper-info {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-top: 24px;
    width: 100%;
    height: 39px;
    gap: 5px;
}
.top_detail_box02 .thumb_swiper01 .swiper-info .swiper-pagination { display: inline-block; position: unset; text-align: center; height: auto; margin: 0; /* padding-right: 15px; */ font-size: 15px; width: auto; height: 20px; padding: 0 5px; }
.top_detail_box02 .thumb_swiper01 .swiper-info .btn_stopPlasy { width:24px; height:24px; margin-left:4px; display: inline-block; background: url(../img/main/ico_play_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1px; }
.top_detail_box02 .thumb_swiper01 .swiper-info .btn_stopPlasy.on { width:24px; height:24px; display: inline-block; background: url(../img/main/ico_stop_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1; /* opacity: .5; */ }
.top_detail_box02 .thumb_swiper01 .swiper-info .btn_stopPlay { width:24px; height:24px; margin-left:4px; display: inline-block; background: url(../img/main/ico_play_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1px; }
.top_detail_box02 .thumb_swiper01 .swiper-info .btn_stopPlay.on { width:24px; height:24px; display: inline-block; background: url(../img/main/ico_stop_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1; /* opacity: .5; */ }

.top_detail_box02 .thumb_swiper01 .swiper-pagination .swiper-pagination-current {font-weight: 600;}
.top_detail_box02 .thumb_swiper01 .swiper-button-next, 
.top_detail_box02 .thumb_swiper01 .swiper-button-prev {
    width: 16px;
    height: 16px;
    /* top: 40px; */
    color: #000;
    z-index: 100;
    position: unset;
    margin-top: -5px;
}
/* .top_detail_box02 .thumb_swiper01 .swiper-button-next {right:5%; margin-right: -27px; top: 45px;}
.top_detail_box02 .thumb_swiper01 .swiper-button-prev { left: 100%; margin-left: -75px; top: 45px;} */
.top_detail_box02 .thumb_swiper01 .swiper-button-prev:after, 
.top_detail_box02 .thumb_swiper01 .swiper-rtl .swiper-button-next:after,
.top_detail_box02 .thumb_swiper01 .swiper-button-next:after, 
.top_detail_box02 .thumb_swiper01 .swiper-rtl .swiper-button-prev:after { font-size: 10px; font-weight: 400; }
.top_detail_box02 .thumb_swiper01 .swiper-pagination-total {opacity: .6;}




.top_detail_box03{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 24px;
    background-color: #f6f8fe;
}
.top_detail_box03 .left_box{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.top_detail_box03 .left_box .num_txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    margin-top: 7px;
}
.top_detail_box03 .left_box .tit_box01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.top_detail_box03 .left_box .tit_box01 a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-decoration: underline;
}
.top_detail_box03 .left_box .tit_box01 .btn_box_right01 {
    width: max-content;
}
.top_detail_box03 .left_box .tit_box01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box03{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 12px;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box03 .txt01{
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #5d5d5d;
    line-height: 1.5;
    width:max-content;
    word-break: break-all;
}


.info_data_box01 {
    width: 855px;
    padding: 0 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.info_data_title01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 12px;
}
.info_data_title01 .left_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}
.info_data_title01 .left_box .num_txt01 {
    font-size: 17px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.5;
}
.info_data_title02 {
    flex: 1 0 0;
}
.info_data_title02 .tit01 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    word-break: break-all;
}

.op_common_btn.btn_fav {
    min-width: 107px;
}
.op_common_btn.btn_fav.on .ico_btn_like {
    background-image: url(../img/ico_like_on.svg);
}
.ico_btn_like.on {
    background-image: url(../img/ico_like_on.svg);
}

.info_main_list02{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.info_main_list02 .item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 12px 16px;
    height: 132px;
    width: calc(100% / 4);
    margin-top: -1px;
}
.info_main_list02 .item.bg_color01 {
    background-color: #f6f8fe;
}
.info_main_list02 .item:first-child{
    border-radius: 12px 0 0 0;
}
.info_main_list02 .item:nth-child(4){
    border-right: 1px solid #dcdcdc;
    border-radius: 0 12px 0 0;
}
.info_main_list02 .item:nth-child(5){
    border-left: 1px solid #dcdcdc;
    border-radius: 0 0 0 12px;
}
.info_main_list02 .item:last-child{
    border-right: 1px solid #dcdcdc;
    border-radius: 0 0 12px 0;
    background-color: #f6f8fe;
}
.info_main_list02 .item .tit_box01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
.info_main_list02 .item .tit_box01 .tit01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.info_main_list02 .item:last-child .tit_box01 .tit01 {
    color: #3f40dc;
}
.info_main_list02 .item .tit_box02{
    display: flex;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.info_main_list02 .item .tit_box02 .tit01{
    display: block;
    width: max-content;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.info_main_list02 .item:last-child .tit_box02 .tit01 {
    color: #3f40dc;
} 
.info_main_list02 .item .tit_box03{
    display: flex;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}
.pc_only .info_main_list02 .badge_box10 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.pc_only .info_main_list02 .item .tit_box03 .tit01{
    display: block;
    /* width: 100%; */
    min-width: 80px;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.op_common_btn.unit {
    display: flex;
    width: 50px;
    height: 24px;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 9px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #fff;
}
.op_common_btn.unit .txt {
    color: #5d5fe4;
}
.ballon02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding: 0px 8px;
    height: 26px;
    min-width: 71px;
    line-height: 24px;
    border-radius: 28px;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
    border: 1px solid #c8c7f6;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #5d5fe4;
    background-color: #f6f8fe;
    z-index: 10;
}
.tab_wrap.fixed .ballon02 {
    display: none;
}
.op_common_btn.btn_target {
    display: flex;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.op_common_btn.btn_target:disabled {
    cursor: default;
}
.op_common_btn.btn_target .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.op_common_btn.btn_orderSel {
    display: flex;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.op_common_btn.btn_orderSel:disabled {
    cursor: default;
}
.op_common_btn.btn_orderSel .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.op_common_btn.btn_orderSel02 {
    display: flex;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 1px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
} 
.op_common_btn.btn_orderSel02 .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.ico_trophy {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_trophy.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
}
.ico_trophy02 {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_trophy02.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
}
.ico_trophy03 {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_trophy03.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
}
.ico_trophy04 {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_trophy04.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
}
.ico_trophy05 {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_trophy05.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
}
.ico_title01 {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_title01.svg");
    font-size: 0;
    background-size: 24px 24px;
    color: transparent;
    margin-right: 8px;
}
.tab_divider01 {
    width: 100%;
    height: 20px;
    margin: 40px 0;
    background-color: #f6fbfe;
}
.info_main_list02 .item .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.info_main_list02 .item .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.info_main_list02 .item .txt_box01 .price01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    word-break: break-all;
}
.info_main_list02 .item .txt_box01 .price02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    word-break: break-all;
}
.info_main_list02 .item .txt_box01 .price03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    word-break: break-all;
}
.info_main_list02 .item .txt_box01 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.info_main_list02 .item .txt_box01 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}
.info_main_list02 .item .txt_box01 .per.dec .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}


.detail_info_area02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
    padding: 24px 40px;
    margin-top: 24px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fff;
}
.detail_info_area02 .info_main_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;    
}
.detail_info_area02 .info_main_list01 .item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 12px 16px;
    height: 120px;
}
.detail_info_area02 .info_main_list01 .item:first-child{
    border-radius: 12px 0 0 12px;
}
.detail_info_area02 .info_main_list01 .item:last-child{
    border-right: 1px solid #dcdcdc;
    border-radius: 0 12px 12px 0;
}
.detail_info_area02 .info_main_list01 .item .tit_box01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
.detail_info_area02 .info_main_list01 .item .tit_box01 .tit01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.detail_info_area02 .info_main_list01 .item .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.detail_info_area02 .info_main_list01 .item .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.detail_info_area02 .info_main_list01 .item .txt_box01 .price01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.detail_info_area02 .info_sub_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px 40px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 ~ .info_sub_list01 {
    margin-top: 12px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: max-content;
    gap: 23px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .tit_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 10px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01::after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .txt_box02 {
    display: flex;
    align-items: center;
    gap: 4px;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .txt_box02 .txt01 {
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .txt_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_area01 .info_sub_list01 .item .txt_box01 .txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.info_main_list02 .item .txt_box02 {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}
.info_main_list02 .item .txt_box02 .per {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.info_main_list02 .item .txt_box02 .per .num {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}
.info_main_list02 .item .txt_box02 .price01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.info_main_list02 .item .txt_box02 .price02 {
    display: block;
    width: auto;
    box-sizing: border-box;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.detail_info_area02 .info_sub_file01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 23px;
    margin-top: 12px;
}
.detail_info_area02 .info_sub_file01 .tit_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_file01 .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 10px;
}
.detail_info_area02 .info_sub_file01 .tit_box01 .tit01::after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.detail_info_area02 .info_sub_file01 .file_list01_wrap {
    width: 100%;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 20px;
}
.detail_info_area02 .info_sub_file01 .file_list01_wrap.active {
    height: 100%;
}
.detail_info_area02 .info_sub_file01 .file_list01_wrap.active:after {
    display: none;
}
.detail_info_area02 .info_sub_file01 .file_list01_wrap.active .file_list01{
    flex-wrap: wrap;
}
.detail_info_area02 .info_sub_file01 .file_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: nowrap;
    box-sizing: border-box;
    gap: 8px 16px;
    position: relative;
}
.detail_info_area02 .info_sub_file01 .file_list01 .item{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_file01 .file_list01 .item > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    box-sizing: border-box;
    gap: 4px;
    flex-shrink: 0;
}
.detail_info_area02 .info_sub_file01 .file_list01 .item > a .txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}
.detail_info_area02 .info_sub_file01 .file_list01 .item > span {
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.6;
}
.detail_info_area02 .info_sub_file01 .op_common_btn.btn_more04 {
    gap: 4px;
}
.detail_info_area02 .info_sub_file01 .op_common_btn.btn_more04 .txt {
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}
.detail_info_area02 .info_sub_file01 .op_common_btn.btn_more04 .ico_plus {
    background-image: url(../img/ico_email_plus.svg);
}
.detail_info_area02 .info_sub_file01 .op_common_btn.btn_more04.active .ico_plus {
    background-image: url(../img/ico_email_minus.svg);
}
.detail_info_area02 .info_sub_area02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.detail_info_area02 .info_sub_area02 .op_common_top01 {
    margin-top: 24px;
}
.detail_info_area02 .info_sub_area02 .op_common_top01 .left_box .total_txt01 {
    font-size: 17px;
}
.detail_info_area02 + .btn_box_center01 {
    margin-top: 48px;
}
.detail_info_area02 .op_common_tbl05 + .btn_box_center01 {
    margin-top: 20px;
}
.detail_info_area02 .info_sub_area02 .warning_noti_box01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 12px;
    padding: 12px 24px;
    background-color: #eff3ff;
    border-radius: 12px;
    margin-bottom: 20px;
    justify-content: space-between;
}
.detail_info_area02 .info_sub_area02 .warning_noti_box01 .left_box .warn_tit01 {
    flex: 1 0 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #e0280a;
    width: 100%;
    display: block;
}

/* op_site_area01 */
.op_site_area01 .tit_box + .dot_list03 {
    margin-top: 20px;
    padding-left: 16px;
}
.op_site_area01 .tit_box + .dot_list03 > li > .dash_list01 {
    margin-top: 8px;
}
.mobile_only .op_site_area01 .tit_box + .dot_list03 > li > .dash_list01 > li {
    font-size: 15px;
}
/* //op_site_area01 */

.pc_only .limited_info_list > li ~ li {
    margin-top: 12px;
}
.pc_only .limited_info_list + .dash_list02 {
    margin-top: 8px;
}


.tab_wrap.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    z-index: 999;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    /* padding: 0 380px; */
    gap: 135px;
    max-width: 1368px;
    min-width: 1280px;
    transform: translateX(-50%);
}
.tab_wrap_fixed {
    display: none;
}
.tab_wrap_fixed.view {
    display: block;
}
.tab_wrap_fixed.view .btn_box_right01 {
    gap: 20px;
}
.tab_wrap_fixed.view .btn_fav.on {
    background-image: url(../img/ico_like_on.svg);
}
/* .tab_wrap.fixed .tab_list_wrap .tab_list li {
    flex: none;
} */
.tab_wrap.fixed .tab_wrap_fixed {
    display: block;
}
.tab_wrap.fixed .tab_wrap_fixed .btn_like.on{
    background-image: url("../img/ico_like_on.svg");
}
.tab_cont_group {
    margin-top: 40px;
}
.tab_wrap_placeholder {
    display: none;
}
.tab_gap_group + .tab_gap_group {
    margin-top: 60px;
}
.tab_placeholder {
    display: none;
    height: 0;
}
.tab_placeholder.active {
    display: block;
}

.tab_wrap.fixed

/*noti_msg02*/
.noti_msg02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #1e1e1e;
    margin-bottom: 8px;
}

.noti_msg03 { 
    display: block; 
    width: 100%;  
    box-sizing: border-box; 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 1.4; 
    color: #5d5d5d; 
    margin-top: 12px;
}

.op_common_tbl02 tbody td .txt_box01 .txt03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: right;
    
}
.op_common_tbl02 tbody td .txt_box01 .txt_btn_box01 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* multi_box01 */
.multi_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.multi_inner_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.multi_inner_box01 .txt01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
    padding: 0;
    width: auto;
}

.pay_total_box01 {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.pay_total_box01 .pay_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 10px 24px;
    height: 56px;
    border-radius: 12px;
    background-color: #fff5f5;
}
.pay_total_box01 .pay_total .pay_total_tit {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pay_total_box01 .pay_total .pay_total_txt {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pay_total_box01 .pay_msg_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.pay_total_box01 .pay_msg_box span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}

/*instruction_item_box02*/
.instruction_item_box02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 16px;
}
.instruction_item_box02 .item{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.instruction_item_box02 .item .tit_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 12.25px 10px;
    border-radius: 12px 12px 0 0;
}
.instruction_item_box02 .item.impos .tit_box01{
    background-color: #fff6f5;
}
.instruction_item_box02 .item.pos .tit_box01{
    background-color: #f6f8fe;
}
.instruction_item_box02 .item .txt_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 10px;
    gap: 4px;
}
.instruction_item_box02 .item .tit_box01 .tit01{
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;   
}
.instruction_item_box02 .item .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}
.instruction_item_box02 .item.impos .txt_box01 .txt01{
    color: #e0280a;
}
.instruction_item_box02 .item.pos .txt_box01 .txt01{
    color: #5d5fe4;
}
.instruction_item_box02 .item .txt_box01 .ico{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}
.instruction_item_box02 .item.impos .txt_box01 .ico{
    background-image: url("../img/ico_impos01.svg");
}
.instruction_item_box02 .item.pos .txt_box01 .ico{
    background-image: url("../img/ico_pos01.svg");
}
.instruction_noti_msg02{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 8px;
    display: block;
    width: 100%;
    color: #5d5d5d;
    text-align: right;
}
/*//instruction_item_box02*/




/*instruction_item_box03*/
.instruction_item_box03{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 16px;
}
.instruction_item_box03 .item{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.instruction_item_box03 .item .tit_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    /* padding: 12.25px 10px; */
    padding: 12px 10px;
    border-radius: 12px 12px 0 0;
}
.instruction_item_box03 .item.impos .tit_box01{
    background-color: #fff6f5;
}
.instruction_item_box03 .item.pos .tit_box01{
    background-color: #f6f8fe;
}
.instruction_item_box03 .item .txt_box01{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 10px;
    gap: 4px;
}
.instruction_item_box03 .item .tit_box01 .tit01{
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;   
}
.instruction_item_box03 .item .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}
.instruction_item_box03 .item.impos .txt_box01 .txt01{
    color: #e0280a;
}
.instruction_item_box03 .item.pos .txt_box01 .txt01{
    color: #5d5fe4;
}
.instruction_item_box03 .item .txt_box01 .ico{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
}
.instruction_item_box03 .item.impos .txt_box01 .ico{
    background-image: url("../img/ico_impos01.svg");
}
.instruction_item_box03 .item.pos .txt_box01 .ico{
    background-image: url("../img/ico_pos01.svg");
}
.instruction_noti_msg03{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 8px;
    display: block;
    width: 100%;
    color: #5d5d5d;
    text-align: right;
}
/*//instruction_item_box03*/

/* instruction_item_box04*/

.ico_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.instruction_item_box04{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 16px;
}
.instruction_item_box04 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.ins_item_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.ins_item_box01 .left_box {
    width: 100%;
    display: block;
    border-radius: 12px 12px 0 0;
}
.ins_item_box01 .left_box .tit_area01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    
    padding: 12px 10px;
}
.ins_item_box01 .left_box .tit_area01 .txt_01 {
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}

.ins_item_box01 .right_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 82px;
}
.ins_item_box01 .right_box .con_area01 {
    width: 100%;
    display: block;
    padding: 12px 10px;
}
.ins_item_box01 .right_box .con_area01 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.ins_item_box01 .right_box .con_area01 > li + li {
    margin-top: 4px;
}
.ins_item_box01 .right_box .con_area01 > li .txt_01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}
.ins_item_box01 .right_box .con_area01 > li .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.instruction_item_box04 > li .ins_item_box01 .right_box .con_area01 > li .ico {
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.instruction_item_box04 > li.pos .ins_item_box01 .left_box {
    background-color: #f6f8fe;
}
.instruction_item_box04 > li.pos .ins_item_box01 .right_box .con_area01 > li .ico {
    background-image: url("../img/ico_pos01.svg");
}
.instruction_item_box04 > li.pos .ins_item_box01 .right_box .con_area01 > li .txt_01 {
    color: #5d5fe4;
}

.instruction_item_box04 > li.impos .ins_item_box01 .left_box {
    background-color: #fff6f5;
}
.instruction_item_box04 > li.impos .ins_item_box01 .right_box .con_area01 > li .ico{
    background-image: url("../img/ico_impos01.svg");
}
.instruction_item_box04 > li.impos .ins_item_box01 .right_box .con_area01 > li .txt_01 {
    color: #e0280a;
}
/*//instruction_item_box04*/



/* instruction_item_box05*/

.instruction_item_box05{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 16px;
}
.instruction_item_box05 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.ins_item_box02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.ins_item_box02 .left_box {
    width: 100%;
    display: block;
    border-radius: 12px 12px 0 0;
}
.ins_item_box02 .left_box .tit_area01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    
    padding: 8px 10px;
    min-height: 67px;
}
.ins_item_box02 .left_box .tit_area01 .txt_01 {
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: center;
}

.ins_item_box02 .right_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 82px;
}
.ins_item_box02 .right_box .con_area01 {
    width: 100%;
    display: block;
    padding: 12px 10px;
}
.ins_item_box02 .right_box .con_area01 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.ins_item_box02 .right_box .con_area01 > li + li {
    margin-top: 4px;
}
.ins_item_box02 .right_box .con_area01 > li .txt_01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}
.ins_item_box02 .right_box .con_area01 > li .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.instruction_item_box05 > li .ins_item_box02 .right_box .con_area01 > li .ico {
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}
.instruction_item_box05 > li.pos .ins_item_box02 .left_box {
    background-color: #f6f8fe;
}
.instruction_item_box05 > li.pos .ins_item_box02 .right_box .con_area01 > li .ico {
    background-image: url("../img/ico_pos01.svg");
}
.instruction_item_box05 > li.pos .ins_item_box02 .right_box .con_area01 > li .txt_01 {
    color: #5d5fe4;
}

.instruction_item_box05 > li.impos .ins_item_box02 .left_box {
    background-color: #fff6f5;
}
.instruction_item_box05 > li.impos .ins_item_box02 .right_box .con_area01 > li .ico{
    background-image: url("../img/ico_impos01.svg");
}
.instruction_item_box05 > li.impos .ins_item_box02 .right_box .con_area01 > li .txt_01 {
    color: #e0280a;
}

/*//instruction_item_box05*/


/*op_common_tbl80*/
.op_common_tbl80{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl80 table {
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl80 thead tr th .op_common_chk00 {
    margin: 0 auto;
}
.op_common_tbl80 tbody tr td .op_common_chk00 {
    margin: 0 auto;
}
.op_common_tbl80 thead tr th{
    height: 42px;
    vertical-align: middle;
    background-color: #f9f9f9;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl80 thead tr th + th {
    border-left: 1px solid #ebebeb;
}
.op_common_tbl80 thead tr th .tit_box01{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl80 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl80 thead tr th .tit_box02{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl80 thead tr th .tit_box02 .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl80 tbody td{
    min-height: 50px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
    padding: 12px;
}
.op_common_tbl80 tbody td + td {
    border-left: 1px solid #ebebeb;
}
.op_common_tbl80 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl80 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    text-align: center;
    word-break: break-all;
}
.op_common_tbl80 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    text-align: center;
    word-break: break-all;
    overflow: hidden;
}
.op_common_tbl80 tbody td .txt_box01 .link01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
    text-decoration: underline;
    word-break: break-all;
}
.op_common_tbl80 tbody td .txt_box01 span ~ span {
    margin-top: 4px;
}
.op_common_tbl80 tbody td .txt_box01 span + a {
    margin-top: 4px;
}
/*//op_common_tbl80*/

/* bid_tbl_btngroup */
.bid_tbl_btngroup {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/*before_bid_box01*/
.before_bid_box01 {
    display: flex;
    align-self: stretch;
    gap: 24px;
    align-items: center;
}
.before_bid_box01 .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.before_bid_box01 .item .ico01 {
    width: 52px;
    height: 52px;
    display: block;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px 29px;
}
.before_bid_box01 .item .ico02 {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid02.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px 29px;
}
.before_bid_box01 .item .ico03 {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid03.svg);
    background-repeat: no-repeat;
    background-position: bottom 10px right 7px;
    background-size: 29px 29px;
}
.before_bid_box01 .item .tit01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    flex: 1 0 0;
    white-space: nowrap;
}
.before_bid_box01 .item .txt01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
/*//before_bid_box01*/

/*before_bid_box02*/
.before_bid_box02 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 12px;
    align-items: center;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.before_bid_box02 .ico01 {
    width: 52px;
    height: 52px;
    display: block;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid01_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px 29px;
}
.before_bid_box02 .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*//before_bid_box02*/

/*bid_history_box01*/
.bid_history_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    margin-top: 40px;
    height: 139px;
    overflow: hidden;
    transition: 0.4s ease-in-out;
}
.bid_history_tit01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px;
    gap: 8px;
    width: 100%;
    border-bottom: 1px solid #1e1e1e;
}
.bid_history_tit01 .tit01 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.bid_history_tit01 .tit02 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.bid_history_timeline01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 37px;
    width: 100%;
}
.bid_history_timeline01 .history_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24.25px;
    width: 100%;
}
.bid_history_timeline01 .history_item .history_timeline_ico {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 21px;
}
.bid_history_timeline01 .history_item .history_timeline_ico .ico {
    display: block;
    position: relative;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    background-image: url(../img/ico_step_off.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
    font-size: 0;
    color: transparent;
}
.bid_history_timeline01 .history_item .history_timeline_ico.on .ico {
    background-image: url(../img/ico_step_on.svg);
}
.bid_history_timeline01 .history_item .history_timeline_ico .ico:after {
    position: absolute;
    display: block;
    width: 1px;
    height: 176px;
    background-color: #717171;
    content: '';
    top: -165px;
    left: 6px;
    z-index: -1;
}
.bid_history_timeline01 .history_item .history_timeline_ico.on .ico:after {
    display: none;
}
.bid_history_timeline01 .history_item.hidden .history_timeline_ico .ico:after {
    display: none;
}
.history_cont_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    width: 100%;
}
.history_cont_box01 .history_cont_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 20px;
}
.history_cont_box01 .history_cont_tit01 .history_stat {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    border-radius: 999px;
    background-color: #717171;
}
.history_cont_box01 .history_cont_tit01 .history_stat .stat_txt01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}
.history_cont_box01 .history_cont_tit01 .history_stat_date {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
}
.history_cont_box01 .history_cont_tit01.on .history_stat {
    background-color: #5D5FE4;
}
.history_cont_box01 .history_cont_tit01.on .history_stat_date {
    color: #5D5FE4;
}
.history_cont_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 20px 24px;
    border-radius: 12px;
    background-color: #f9f9f9;
}
.history_cont_detail .dot_list01 {
    display: flex;
    align-items: center;
    gap: 80px;
    width: 1033px;
    /* flex: 1 0 0; */
    justify-content: space-between;
}
.history_cont_detail .dot_list01 > li {
    display: flex;
    align-items: center;
    gap: 24px;
}
.history_cont_detail .dot_list01 > li::after {
    top: 13px;
}
.history_cont_detail .dot_list01 .tit01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.history_cont_detail .dot_list01 .txt01 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.history_cont_detail .dot_list01 .txt02 {
    color: #5D5FE4;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.5;
    white-space: nowrap;
}
.history_cont_detail .op_common_btn.xs {
    width: 82px;
}
.bid_history_box01 + .btn_box_center01 {
    margin-top: 24px;
}
.bid_history_box01 + .btn_box_center01 .btn_more.active .ico_arr01 {
    transform: rotate(-180deg);
}

/*//bid_history_box01*/

.btn_more03.active .ico_arr01 {
    transform: rotate(-180deg);
}

/*map_area_box01*/
.map_area_box01 {
    width: 100%;
    height: 620px;
    position: relative;
}
.map_dimmed {
    position: absolute;
    width: 100%;
    height: 620px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:9px;
    border-radius: 12px;
}
.map_dimmed > .txt {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}
.map_dimmed .btn_login {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.map_area_box01 .map_area {
    border-radius: 12px;
    position: relative;
}
/*//map_area_box01*/

.pc_only .op_common_tbl02 + .btn_box_center01 {
    margin-top: 24px;
}
/* //3520-01M 추가 */

/* tooltip_wrap05 */
.tooltip_wrap05 {display: block;width: 20px;height: 20px;position: relative; margin-left: 4px;}
.tooltip_wrap05 .tooltip{display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_tooltip_white.svg");}
.tooltip_wrap05 .tooltip_box{display: none;width: max-content;max-width: 348px;height: max-content;max-height: 288px;overflow: hidden;border-radius: 8px;background-color: #fff;border: 1px solid #717171;box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);position: absolute;top:28px;left: 0;z-index: 10;
    padding: 16px 38px 16px 24px;
}
.tooltip_wrap05 .tooltip_box.open{display: block;}
.tooltip_wrap05 .tooltip_close{position: absolute;top: 16px;right: 16px;width: 16px;height: 16px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;background-image: url("../img/ico_close.svg");display: block;z-index: 10;}
.tooltip_wrap05 .tooltip_con{display: block;width: 100%;height: auto;max-height: 212px;background-color: #fff;overflow-y: auto;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap05 .tooltip_con .dth_2{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 4px;}
.tooltip_wrap05 .tooltip_con .dth_2 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap05 .tooltip_con .dth_2 > li::after{display: block;content: "";width: 4px;height: 4px;border-radius: 4px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap05 .tooltip_con .dth_2 > li > .dth_3{display: block;width: 100%;box-sizing: border-box;padding-left: 13px;margin-top: 2px;}
.tooltip_wrap05 .tooltip_con .dth_2 > li > .dth_3 > li{display: block;width: 100%;position: relative;font-size: 13px;font-weight: 400;color: #5d5d5d;line-height: 1.5;word-break: keep-all;}
.tooltip_wrap05 .tooltip_con .dth_2 > li > .dth_3 > li::after{display: block;content: "";width: 5px;height: 2px;background-color: #5d5d5d;position: absolute;top: 8px;left: -8px;z-index: 10;}
.tooltip_wrap05 .tooltip_box.right {
    left: unset;
    right: 0;
}
/*//tooltip_wra05*/

.noti_fulltext_wrap01 {
    width: 100%;
}
.noti_fulltext_wrap01 .noti_fulltext_box01 {
    width: 100%;
    max-height: 210px;
    overflow: auto;
    line-height: 1.5;
}
.noti_fulltext_wrap01 .noti_fulltext_box01 .txt01 {
    width: 100%;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.noti_fulltext_wrap01 .noti_fulltext_box01 *{
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/* OP3520-01M_mo추가 */
.mobile_only .top_detail_box02 {
    display: block;
    padding: 0 20px;
    width: 100%;
}
.mobile_only .top_detail_box02 .info_data_box01 {
    width: 100%;
    border-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.mobile_only .top_detail_box02 .info_data_title01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    gap: 8px;
}
.mobile_only .top_detail_box02 .info_data_title01 .left_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 6px;
}
.mobile_only .top_detail_box02 .info_data_title01 .left_box .num_txt01 {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.5;
}
.mobile_only .top_detail_box02 .info_data_title01 .right_box {
    width: 100%;
}
.mobile_only .top_detail_box02 .btn_box_right01 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.mobile_only .top_detail_box02 .op_common_btn {
    width: fit-content;
}
.mobile_only .info_data_title02 .tit01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .thumb_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    gap: 4px;
}
.mobile_only .thumb_box .thumb_area {
    position: relative;
    width: 100%;
    height: 262px;
    min-height: 262px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}
.mobile_only .top_detail_box02 .thumb_box .thumb_area .ico_search_01 {
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background-size: 16px 16px;
}
.mobile_only .top_detail_box02 .thumb_box .thumb_area a {
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.mobile_only .top_detail_box02 .thumb_box .thumb_area a img {
    max-width: 100%;
    max-height: 100%;
}
.mobile_only .top_detail_box02 .thumb_swiper01 .swiper-wrapper {
    height: 240px;
    min-height: 240px;
}
.mobile_only .top_detail_box02 .thumb_swiper01 .swiper-info {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-top: 10px;
    width: 100%;
}
.mobile_only .top_detail_box02 .thumb_swiper01 .swiper-button-prev {
    margin-top: -6px;
}
.mobile_only .top_detail_box02 .thumb_swiper01 .swiper-button-next {
    margin-top: -6px; 
}
.mobile_only .top_detail_box02 .thumb_swiper01.ec_case01 .swiper-button-next {
    right: 0;
    margin-right: 0;
}


.mobile_only .info_main_list02 {
    margin-top: 16px;
}

.mobile_only .detail_info_area02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: calc(100% - 40px);
    padding: 0;
    margin: 16px 20px 0;
    gap: 16px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fff;
}
.mobile_only .detail_info_area02 .info_price_list_mo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #f6f8fe;
    padding: 12px 16px;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item:first-child {
    border-radius: 12px 12px 0 0;
    border-bottom: 0;
    background-color: #fff;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item ~ .item {
    border-top: 1px solid #dcdcdc;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item:last-child {
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f6f8fe;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .tit_box01 {
    display: inline-block;
    width: 50%;
    text-align: left;
    box-sizing: border-box;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .tit_box01 .tit01 {
    display: inline-block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item:last-child .tit_box01 .tit01 {
    color: #3f40dc;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .txt_box01 {
    display: block;
    /* width: 50%; */
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    word-break: break-all;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .txt_box01 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .txt_box01 .price01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .txt_box01 .price02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .tit_box02 {
    display: flex;
    width: 190px;
    align-items: center;
    gap: 4px;
}
.mobile_only .detail_info_area02 .info_price_list_mo .item .tit_box02 .tit01 {
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.4;
    width: 100%;
}
.mobile_only .detail_info_area02 .info_list_mo .item .txt_box02 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 4px;
}
.mobile_only .detail_info_area02 .info_list_mo .item .txt_box02 .txt01 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    columns: #1e1e1e;
    text-align: right;
}
.mobile_only .detail_info_area02 .info_list_mo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 16px;
}
.mobile_only .detail_info_area02 .info_list_mo:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
.mobile_only .detail_info_area02 .info_list_mo .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    padding: 0 16px;
}
.mobile_only .detail_info_area02 .info_list_mo .item .tit_box01 {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    min-height: 24px;
}
.mobile_only .detail_info_area02 .info_list_mo .item .tit_box01.fd_c {
    flex-direction: column;
    align-items: flex-start;
}
.mobile_only .detail_info_area02 .info_list_mo .item .tit_box01 .tit01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    min-width: max-content;
}
.mobile_only .detail_info_area02 .info_list_mo .item .txt_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.mobile_only .detail_info_area02 .info_list_mo .item .txt_box01 .txt01 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    columns: #1e1e1e;
    text-align: right;
}
.mobile_only .detail_info_area02 .info_list_mo .item .badge_box10 .op_cm_badge.type06 {
    padding: 0 6px;
}
.mobile_only .info_sub_area_mo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding: 0 16px 16px;
    border-bottom: 1px solid #dcdcdc;
}
.mobile_only .info_sub_area_mo.last {
    border-bottom: 0;
}
.mobile_only .info_sub_area_mo .tit_box01 .tit01 {
    /* font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e; */

    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.mobile_only .info_sub_area_mo .txt_box01 .txt01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .info_sub_area_mo .txt_box01 .badge_box01 {
    flex-wrap: wrap;
}
.mobile_only .info_sub_area_mo .file_list01_wrap {
    width: 100%;
    min-height: 24px;
    max-height: 156px;
    overflow: hidden;
}
.mobile_only .info_sub_area_mo .file_list01_wrap.active {
    max-height: 100%;
}
.mobile_only .info_sub_area_mo .file_list01 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 8px 16px;
}
.mobile_only .info_sub_area_mo .file_list01 .item {
    display: block;
    width: auto;
    box-sizing: border-box;
    max-width: 100%;
}
.mobile_only .info_sub_area_mo .file_list01 .item > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    box-sizing: border-box;
    gap: 6px;
    flex-shrink: 0;
}
.mobile_only .info_sub_area_mo .file_list01 .item > a .txt01 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}
.mobile_only .info_sub_area_mo .file_list01 .item > span {
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}
.mobile_only .info_sub_area_mo .file_btn {
    width: 100%;
    text-align: center;
}
.mobile_only .info_sub_area_mo .file_btn .op_common_btn.btn_more04 {
    gap: 4px;
}
.mobile_only .info_sub_area_mo .file_btn .op_common_btn.btn_more04 .txt {
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}
.mobile_only .info_sub_area_mo .file_btn .op_common_btn.btn_more04 .ico_plus {
    background-image: url(../img/ico_email_plus.svg);
}
.mobile_only .info_sub_area_mo .file_btn .op_common_btn.btn_more04.active .ico_plus {
    background-image: url(../img/ico_email_minus.svg);
}
.mobile_only .info_sub_area_mo .warning_noti_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background-color: #eff3ff;
}
.mobile_only .info_sub_area_mo .warning_noti_box01 .left_box .warn_tit01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #e0280a;
}
.mobile_only .info_sub_area_mo .accordion_wrap.noti_type01 {
    padding: 0;
    width: 100%;
}
.mobile_only .info_sub_list_mo {
    padding: 0 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.mobile_only .info_sub_list_mo .op_common_top01 {
    width: 100%;
    padding-bottom: 0;
}
.mobile_only .info_sub_list_mo .op_common_top01 .total_txt01 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .info_sub_list_mo .op_common_top01 .total_num_txt {
    font-size: 13px;
    font-weight: 400;
}
.mobile_only .info_sub_list_mo .op_common_top01 .total_num_txt .num {
    font-weight: 700;
    color: #5d5fe4;
    font-size: 13px;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 {
    width: 100%;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
    width: 80px;
    height: 78px;
    overflow: hidden;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover {
    width: 80px;
    height: 78px;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover img {
    width: 100%;
    height: 100%;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01 {
    display: flex;
    gap: 4px;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01 .hash_txt01 {
    font-size: 13px;
}
.mobile_only .info_sub_list_mo .op_common_tbl05 tbody td:last-child {
    padding-right: 0;
}

.mobile_only .con_tit_box05 > .left_box {
    align-items: flex-start;
    flex-direction: row;
}
.mobile_only .con_tit_box05 > .left_box:has(.ico_title01) {
    align-items: center;
}
.mobile_only .con_tit_box05:has(.right_box) > .left_box:has(.ico_title01) {
    align-items: flex-start;
}
.mobile_only .con_tit_box05:has(.right_box) > .left_box:has(.ico_title01) .ico_title01 {
    margin-top: 2px;
}
.mobile_only .con_tit_box05 + .noti_msg01 {
    margin-top: 0;
}
.mobile_only .op_common_btn.btn_target {
    display: flex;
    width: auto;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.mobile_only .op_common_btn.btn_target .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.mobile_only .op_common_btn.btn_orderSel {
    display: flex;
    width: 85px;
    height: 19px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.mobile_only .op_common_btn.btn_orderSel .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.mobile_only .op_common_btn.btn_orderSel02 {
    display: flex;
    width: 104px;
    height: 19px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.mobile_only .op_common_btn.btn_orderSel02 .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}

.fixed_btn01 .mobile_only .bt_fixed {
    flex-wrap: wrap;
}
.fixed_btn01 .mobile_only .bt_fixed div {
    width: 100%;
    display: flex;
    gap: 8px;
}
.fixed_btn01 .mobile_only .bt_fixed div button:first-child {
    min-width: 70px;
    flex: 1;
}
.fixed_btn01 .mobile_only .bt_fixed div:not(:has(.op_common_btn:not(.btn_fav))) .btn_fav {
    min-width: 100%;
}
.fixed_btn01 .mobile_only .bt_fixed div button:nth-child(2) {
    min-width: 80px;
    width: 80%;
}
.fixed_btn01 .mobile_only .bt_fixed div button:nth-child(3) {
    min-width: calc(100% - 170px);
}

/* .mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li {
    
} */
.mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li a {
    font-size: 17px;
    padding: 16px;
    background-color: #fff;
    color: #717171;
    font-weight: 700;
    border-radius: 0;
}
.mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on {
    color: #5d5fe4;
    
    padding: 16px;
}
.mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on::after{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #5d5fe4;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
}
/*.mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on:hover {
    background-color: transparent;
}*/
.mobile_only .tab_wrap {
    border-bottom: 0;
}
/* .mobile_only .tab_wrap.fixed {
    
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    gap: 0;
} */
.mobile_only .tab_gap_group .con_tit_box06 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .con_tit_box05 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .con_tit_box05 > .left_box {
    align-items: flex-end;
}
.mobile_only .con_tit_box05 > .left_box .total_txt_box01 {
    padding-left: 0;
}
.mobile_only .con_tit_box05 > .left_box .tooltip_wrap02 {
    margin-bottom: 3px;
}
.mobile_only .noti_msg02 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
}

.mobile_only .op_common_tbl02 tbody td .txt_box01 .txt03 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: #1e1e1e;
    min-height: 23px;
}
.mobile_only .op_common_tbl02 tbody td .txt_box01 .txt_btn_box01 {
    justify-content: flex-start;
    align-items: flex-start;
}

.mobile_only .accordion_wrap {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .map_area_box01 {
    width: 100%;
    height: max-content;
    position: relative;
}
.mobile_only .map_dimmed {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    height: 100%;
    padding: 0 63px;
    text-align: center;
    border-radius: 12px;
    position: absolute;
    gap: 9px;
}
.mobile_only .map_dimmed .txt {
    font-size: 19px;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}
.mobile_only .map_dimmed .btn_login {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.mobile_only .op_site_area01 {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #f9f9f9;
    padding: 16px;
}
.mobile_only .op_site_area01 .tit_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.mobile_only .op_site_area01 .tit_box .left_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.mobile_only .op_site_area01 .tit_box .left_box .tit {
    font-size: 17px;
    line-height: 26px;
}
.mobile_only .op_site_area01 .site_list {
    margin-top: 16px;
    padding-left: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
}
.mobile_only .op_site_area01 .site_list .item > a .txt {
    word-break: keep-all;
}

.mobile_only .con_tit_box04 > .left_box .tit {
    font-size: 21px;
}

/*op_mobile_tbl01*/
.mobile_only .op_mobile_tbl01 {
    border-top: 1px solid #1e1e1e;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .op_mobile_tbl01 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding-top: 16px;
}
.mobile_only .op_mobile_tbl01 ul .col_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
}
.mobile_only .op_mobile_tbl01 ul .col_item .item_con_box01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
.mobile_only .op_mobile_tbl01 ul .col_item .item_con_box01 .tit01 {
    width: 113px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    display: flex;
}
.mobile_only .op_mobile_tbl01 ul .col_item .item_con_box01 .txt01 {
    width: calc(100% - 113px);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: right;
}
.mobile_only .op_mobile_tbl01 ul .col_item .item_con_box01 .txt01 a {
    color: #5d5d5d;
    text-decoration: underline;
}
.mobile_only .op_mobile_tbl01 ul .col_item .item_con_box01 .txt_box01 .txt_btn_box01 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.mobile_only .op_mobile_tbl01 .bid_tbl_btngroup {
    align-content: flex-end;
}
.mobile_only .op_mobile_tbl01 .bid_tbl_btngroup .btn_box_right01{
    width: auto;
    margin: 0;
}
.mobile_only .op_mobile_tbl01 + .btn_box_center01 {
    margin-top: 24px;
}
/*//op_mobile_tbl01*/
/*op_mobile_tbl02*/
.mobile_only .op_mobile_tbl02 {
    border-top: 1px solid #1e1e1e;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .op_mobile_tbl02 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding-top: 16px;
}
.mobile_only .op_mobile_tbl02 ul .col_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box01 .tit01 {
    width: 140px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box01 .txt01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: right;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .f_group80 button.op_common_btn.md {
    width: 40%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .f_group80 .total_pay input {
    background-color: #fff6f5;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 16px;
    gap: 24px;
    margin-top: 16px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .con_tit_box05 {
    width: 100%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 {
    width: 100%;
    gap: 16px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .colum_block01 {
    flex-direction: column;
    border-bottom: 0;
    gap: 8px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .tit_area02 {
    width: 100%;
    min-height: unset;
    background-color: #fff;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
    padding: 0;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .con_area01 {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .multi_inner_box01 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group28 + .multi_inner_box01 {
    align-items: flex-start;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .multi_inner_box01 .multi_inner_linkbox01 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .con_area01 .multi_box01 {
    width: 100%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group28 .op_common_input01 {
    width: 100%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group81 {
    flex-direction: column;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group81 .f_left_box .op_common_input01 {
    width: 50%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group82 {
    flex-direction: column;
    gap: 8px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group82 .op_common_select {
    width: 100%;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total {
    padding: 6px 16px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_tit {
    font-size: 14px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_txt {
    font-size: 19px;
}
.mobile_only .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .btn_box_center01 {
    margin: 0 auto;
}
.mobile_only .op_mobile_tbl02 .f_group80 .op_common_input01 {
    width: 100%;
}
/*//op_mobile_tbl02*/

.mobile_only .calc_info_box01 {
    width: calc(100% - 40px);
    margin: 16px auto 0;
}
.mobile_only .con_tit_box05 + .dot_list01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .con_tit_box05 + .dot_list01 > li ~ li {
    margin-top: 24px;
}
.mobile_only .con_tit_box05 + .dot_list01 + .dash_list02 {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-left: 8px;
}
.mobile_only .con_tit_box05 + .dot_list01 + .dash_list02 > li {
    font-size: 13px;
    padding-left: 7px;
}

/*before_bid_box01*/
.mobile_only .before_bid_box01 {
    width: calc(100% - 40px);
    margin: 0 auto;
    flex-direction: column;
}
.mobile_only .before_bid_box01 .item {
    width: 100%;
    gap: 12px;
    padding: 12px 16px;
}
.mobile_only .before_bid_box01 .item .ico01, 
.mobile_only .before_bid_box01 .item .ico02, 
.mobile_only .before_bid_box01 .item .ico03 {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3
}
.mobile_only .before_bid_box01 .item .tit01 {
    font-size: 16px;
    min-width: 88px;
    white-space: normal;
}
.mobile_only .before_bid_box01 .item .txt01 {
    font-size: 16px;
    min-width: 122px;
    text-align: right;
}
/*//before_bid_box01*/

/*before_bid_box02*/
.mobile_only .before_bid_box02 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 12px;
    align-items: center;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .before_bid_box02 .ico01 {
    width: 52px;
    height: 52px;
    display: block;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid01_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px 29px;
}
.mobile_only .before_bid_box02 .txt01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*//before_bid_box02*/

/*bid_history_box01*/
.mobile_only .bid_history_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: calc(100% - 40px);
    margin: 24px auto 0;
    height: 198px;
    overflow: hidden;
    transition: 0.4s ease-in-out;
}
.mobile_only .bid_history_box01 .bid_history_tit01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #1e1e1e;
}
.mobile_only .bid_history_box01 .bid_history_tit01 .tit01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .bid_history_box01 .bid_history_tit01 .tit02 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 9px;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico .ico:after {
    position: absolute;
    display: block;
    width: 1px;
    height: 260px;
    background-color: #717171;
    content: '';
    top: -260px;
    left: 6px;
    z-index: -1;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico.on .ico:after {
    display: none;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_item.hidden .history_timeline_ico .ico:after {
    display: none;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: #717171;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat .stat_txt01 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01.on .history_stat {
    background-color: #5D5FE4;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat_date {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01.on .history_stat_date {
    color: #5D5FE4;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 16px;
    gap: 8px;
    border-radius: 12px;
    background-color: #f9f9f9;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    flex: 1 0 0;
    width: 100%;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 > li {
    padding-left: 0;
    justify-content: space-between;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 > li::after {
    display: none;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .tit01 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .txt01 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .txt02 {
    color: #5D5FE4;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
}
.mobile_only .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .history_cont_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
/*//bid_history_box01*/

/*instruction_item_box*/
.mobile_only .instruction_item_box01.instruction_item_box01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .instruction_item_box02 {
    flex-wrap: wrap;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .instruction_item_box02 .item {
    width: calc(50% - 8px);
}
.mobile_only .instruction_item_box02 .item .tit_box01 .tit01 {
    font-size: 15px;
}
.mobile_only .instruction_item_box02 .item .txt_box01 .txt01 {
    font-size: 17px;
}
.mobile_only .instruction_noti_msg02 {
    font-size: 12px;
    width: calc(100% - 40px);
    margin: 8px auto 0;
    text-align: left;
}

.mobile_only .instruction_item_box03 {
    flex-wrap: wrap;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .instruction_item_box03 .item {
    width: calc(50% - 8px);
}
.mobile_only .instruction_item_box03 .item .tit_box01 .tit01 {
    font-size: 15px;
}
.mobile_only .instruction_item_box03 .item .txt_box01 .txt01 {
    font-size: 17px;
}
.mobile_only .instruction_noti_msg03 {
    font-size: 12px;
    width: calc(100% - 40px);
    margin: 8px auto 0;
    text-align: left;
}
/*//instruction_item_box*/

.mobile_only .noti_fulltext_wrap01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}

/*mobile_only tooltip*/
/* .mobile_only .tooltip_wrap01 .tooltip_box {
    left: 50%;
    transform: translateX(-70%);
} */
/*mobile_only tooltip*/

/* 물건 상세 미리보기 */
.preview_wrap .pc_only a {
    pointer-events: none;
    cursor: default;
}
.preview_wrap .pc_only .btn_box_center01 {
    position: relative;
    padding: 0;
}
.preview_wrap .pc_only .info_data_box01 {
    width: 835px;
}
.preview_wrap .pc_only .tab_con.type01 .tab_wrap {
    position: relative;
}
.preview_wrap .pc_only .top_utile_box01 .item button:disabled {
    cursor: auto;
}
.preview_wrap .pc_only .op_common_btn.primary:disabled {
    cursor: auto;
    background-color: #5d5fe4;
}
.preview_wrap .pc_only .op_common_btn.primary:disabled .txt {
    color: #fff;
}
.preview_wrap .pc_only .op_common_btn.secondary:disabled {
    cursor: auto;
    background-color: #f6f8fe;
    border: 1px solid #5d5fe4;
}
.preview_wrap .pc_only .op_common_btn.secondary:disabled .txt {
    color: #5d5df4;
}
.preview_wrap .pc_only .op_common_btn.tertiary:disabled {
    cursor: auto;
    background-color: #fff;
    border: 1px solid #717171;
}
.preview_wrap .pc_only .op_common_btn.tertiary:disabled .txt {
    color: #1E1E1E;
}
.preview_wrap .pc_only a.tertiary.disabled {
    cursor: default;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #717171;
}
.preview_wrap .pc_only a.tertiary.disabled .txt {
    color: #1E1E1E;
}
.preview_wrap .pc_only .op_common_btn.unit:disabled {
    cursor: auto;
}
.preview_wrap .pc_only .op_common_input01 > input.readonly:read-only {
    border: 1px solid #717171;
    background-color: #fff;
}
.preview_wrap .pc_only .op_common_select > select.readonly:disabled {
    border: 1px solid #717171;
    background-color: #fff;
    color: #1e1e1e;
    background-image: url(../img/ico_select.svg);
}
.preview_wrap .pc_only .op_common_tbl05 a.disabled .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale:hover {
    transform: scale(1);
}
.preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01 {
    padding: 0;
    text-align: left;
}
.preview_wrap .pc_only .pgn_area01 .pagination button:disabled {
    cursor: auto;
}
.preview_wrap .pc_only .pgn_area01 .pagination .page_num.disabled li:not(.select) a:hover {
    border: 0;
}
.preview_wrap .pc_only .dummy_tab_wrap {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    margin-bottom: 40px;
}
.preview_wrap .pc_only .tab_con .tab_li.dummy_tab_wrap .tab_list_wrap {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.preview_wrap .pc_only .tab_con .tab_li.dummy_tab_wrap .tab_list_wrap .tab_list {
    display: flex;
    align-items: center;
    width: 100%;
}
.preview_wrap .pc_only .tab_con.type01 .dummy_tab_wrap .tab_list_wrap .tab_list li {
    height: 80px;
    border-bottom: 1px solid #dcdcdc;
}
.preview_wrap .pc_only .tab_con.type01 .dummy_tab_wrap .tab_list_wrap .tab_list li:has(a.on) {
    border-bottom: 1px solid #5d5fe4;
}
.preview_wrap .pc_only .tab_con.type01 .dummy_tab_wrap .tab_list_wrap .tab_list li a {
    width: 100%;
    height: 100%;
    padding: 21px 20px;
    border-bottom: 1px solid transparent;
    background-color: transparent;
    color: #9a9a9a;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    cursor: default;
}
.preview_wrap .pc_only .tab_con.type01 .dummy_tab_wrap .tab_list_wrap .tab_list li a.on {
    border-bottom: 1px solid #5d5fe4;
    color: #5d5fe4;
}
.preview_wrap .pc_only .tab_gap_group + .dummy_tab_wrap {
    margin-top: 40px;
}
.preview_wrap .pc_only button.tooltip:disabled {
    cursor: auto;
}
.preview_wrap .pc_only .before_bid_box01 .item .txt01 {
    padding: 0;
    text-align: right;
}
.preview_wrap .pc_only .bid_history_box01.expanded {
    height: 100%;
}
.preview_wrap .pc_only .history_cont_detail {
    gap: 164px;
}
.preview_wrap .pc_only .history_cont_detail .dot_list01 {
    gap: 40px;
}
.preview_wrap .pc_only .btn_more:disabled {
    cursor: auto;
    color: #1E1E1E;
}
.preview_wrap .pc_only .btn_more03:disabled {
    cursor: auto;
    color: #1E1E1E;
}
.preview_wrap .pc_only .ico_download01:disabled {
    pointer-events: none;
    cursor: auto;
}
.preview_wrap .pc_only .f_group80 .btn_more01:disabled {
    cursor: auto;
}
.preview_wrap .pc_only .op_section01 {
    min-width: 1368px;
}
.preview_wrap .pc_only .btn_box_center01 .op_common_btn {
    width: auto;
}
.preview_wrap .pc_only .btn_box_center01 .op_common_btn.btn_fav {
    width: 107px;
}
.preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01 {
    padding: 0;
    text-align: left;
}
.preview_wrap .noti_fulltext_wrap01 .noti_fulltext_box01 {
    width: 100%;
    max-height: 100%;
    overflow: auto;
}
.preview_wrap .detail_info_area02 .info_sub_file01 .op_common_btn.btn_more04 {
    cursor: auto;
}
/* //물건 상세 미리보기 - 250624 수정 */



.email_share01 .con_area01 .right_box {
    height: 300px;
    overflow-y: auto;
}

.op_common_tbl10 tbody td:first-child {
    border-left: 0;
}


.blind_wrap {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.blind_wrap .blind_lock {
    width: 100%;
    position: absolute;
    inset: 0;
    display: block;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);
    background-color: transparent;
    background-position: center;
    z-index: 11;
}

/* 입찰하기(4110-01M) 관련 추가 */
/*top_detail_box01*/
.top_detail_box01.pop_type02 {
    gap: 20px;
}
.top_detail_box01.pop_type02 .left_box {
    width: auto;
}
.top_detail_box01.pop_type02 .left_box .box_thumb {
    position: relative;
    width: 100%;
    width: 300px;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
}
.top_detail_box01.pop_type02 .left_box .box_thumb img {
    width: 100%;
    height: 100%;
}
.top_detail_box01.pop_type02 .right_box {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: calc(100% - 320px);
    box-sizing: border-box;
}
.top_detail_box01.pop_type02 .right_box .num_txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    margin-top: 8px;
}
.top_detail_box01.pop_type02 .right_box .tit01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 8px;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 {
    margin-top: 20px;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
    text-align: right;
    padding: 0;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 {
    display: flex;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    justify-content: space-between;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 .per {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 .per .num {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}

.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 .per.dec .num {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #5D5FE4;
    line-height: 1.5;
}

.top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .txt02 {
    display: block;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}


.circlechk_box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.circlechk_box .ico_box {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circlechk_box .ico_box .ico_circleChk {
    display: block;
    width: 26px;
    height: 26px;
    background-color: #546ED5;
    border-radius: 100%;
    background-image: url(../img/ico_check_10.svg);
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.circlechk_box .txt01 {
    text-align: left;
    /* font-size: 23px; */
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 0;
}
.op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box01.w490 { width: 490px !important;}

.op_tbl_case03 > .table_block01 .tit_area03 {
    width: 230px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #f3f3f3;
}
.op_tbl_case03 > .table_block01 .con_area02 {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 12px 20px;
    max-width: calc(100% - 110px);
    gap: 8px;
}
.op_tbl_case03 > .table_block01 .con_area02 .left_box .tit_box01 .tit01 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit02 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 700;
    box-sizing: border-box;
    color: #5d5d5d;
    text-align: right;
}
.op_tbl_case03 > .table_block01 .con_area03 {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 12px 20px;
    max-width: calc(100% - 110px);
    gap: 8px;
}
.op_tbl_case03 > .table_block01 .con_area03 .left_box .tit_box01 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.op_tbl_case03 > .table_block01 .con_area03 .left_box .tit_box01 .tit01 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area02 .left_box {
    width: 100%;
}
.op_tbl_case03 > .table_block01 .con_area02 .right_box {
    width: auto;
    flex-shrink: 0;
}

.op_tbl_case01 > .table_block01 .tit_area02 {
    width: 230px;
    min-height: 64px;
    flex-shrink: 0;
    background-color: #f3f3f3;
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case01 > .table_block01 .con_area02 {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 12px 20px;
    max-width: calc(100% - 110px);
}
.op_tbl_case01 > .table_block01 .con_area02 .left_box {
    width: 100%;
}
.op_tbl_case01 > .table_block01 .con_area02 .left_box .tit_box01 .tit01 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #5d5d5d;
    line-height: 1.5;
}
.op_tbl_case01 > .table_block01 .con_area02 .right_box {
    width: 100%;
}
.op_tbl_case01 > .table_block01 .con_area02 .right_box .btn_box {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.op_tbl_case01 > .table_block01 .tit_area03 {
    width: 100%;
    min-height: 64px;
    flex-shrink: 0;
    background-color: #f9f9f9;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.use_consent_wrap .accordion_wrap + .accordion_wrap {
    margin-top: 16px;
}


/* op_tbl_case80 */
.op_tbl_case80 {
    width: 100%;
    border-top: 1px solid #1e1e1e;
}
.op_tbl_case80 > .table_block01 {
    width: 100%;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
}
.op_tbl_case80 > .table_block01 .tit_area01 {
    width: 230px;
    min-height: 64px;
    flex-shrink: 0;
    background-color: #f9f9f9;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
    position: relative;
    width: max-content;
    max-width: 100%;
    line-height: 1.5;
}
.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box01 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
    margin-left: 4px;
}
.op_tbl_case80 > .table_block01 .con_area01 {
    width: 100%;
    min-height: 64px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-left: 1px solid #ebebeb;
}
.op_tbl_case80 > .table_block01 .con_area01 .left_box {
    width: 100%;
}
.op_tbl_case80 > .table_block01 .con_area01 .left_box .txt_box01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
}
.op_tbl_case80 > .table_block01 .con_area01 .left_box .txt_box01 .txt01{
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    width: max-content;
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;

}
.op_tbl_case80 ~ .btn_box_right01 {
    margin-top: 16px;
}
.op_tbl_case80 ~ .btn_box_center01.bt_fixed {
    margin-top: 60px;
}

.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box02 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}
.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
    position: relative;
    width: max-content;
    max-width: 100%;
    line-height: 1.5;

    text-align: left;
}
.op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box02 .dot {
    width: 9px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #e0280a;
    line-height: 1.5;
}

.op_tbl_case80 .con_area01 {
    display : flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
}
.op_tbl_case80 .con_area01 .left_box {
    display : block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.op_tbl_case80 .con_area01 .right_box {
    display : flex;
    width: max-content;
    position: relative;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-end;
    flex-shrink: 0;
}
.op_tbl_case80 .con_area01 .left_box + .right_box {
    padding-left: 8px;
}
.op_tbl_case80 > .table_block01.sum_area01 .tit_area01 {
    background-color: #fff6f5;
}
.op_tbl_case80 > .table_block01.sum_area01 .con_area01 {
    background-color: #fff6f5;
}
.op_tbl_case80 > .table_block01.sum_area01 .con_area01 .left_box .txt_box01 {
    width: 327px;
}
.op_tbl_case80 > .table_block01.sum_area01 .con_area01 .left_box .txt_box01 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_tbl_case80 .multi_inner_box01 .txt01 {
    width: auto;
    padding: 0;
}
.op_tbl_case80 .f_group81 .f_left_box .txt01 {
    width: auto;
    padding: 0;
}
/* //op_tbl_case80 */


/* checkbox - button type */
.chkbox_wrap01 {
    width: 632px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.op_btn_chk01 input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
.op_btn_chk01 label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 120px;
    height: 40px;
    padding: 11px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 999px;
    background-color: #fff;
    color: #5d5d5d;
    cursor: pointer;
    font-size: 17px;
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}
.op_btn_chk01 label::before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(../img/ico_check_gray.svg);
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}
.op_btn_chk01 input[type="checkbox"]:checked + label {
    background-color: #5D5FE4;
    border-color: #5D5FE4;
    color: #fff;
    font-weight: 700;
}
.op_btn_chk01 input[type="checkbox"]:checked + label::before {
    background-image: url(../img/ico_check_white.svg);
}
/* .op_btn_chk01 input[type="checkbox"]:focus + label {
    outline: 3px solid #3399ff;
} */
.chkbox_wrap01 + .noti_msg01 {
    margin-top: 12px;
}
/* //checkbox - button type */

/* 입찰서제출 */
.bid_result_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 24px 0;
    min-height: 120px;
    background-color: #f6f8fe;
    border-radius: 12px;
    margin-top: 16px;
}
.bid_result_box01 .left_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 4px;
    flex: 1 0 0;
    min-height: 72px;
    /* padding-top: 21px; */
}
.bid_result_box01 .right_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    flex: 1 0 0;
    min-height: 72px;
    /* padding-top: 21px; */
    position: relative;
}
.bid_result_box01 .right_box::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
    top: 0;
    left: 0;
}
.bid_result_box01 .bid_result_divider {
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
}
.bid_result_box01 .bid_cont_box01 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    /* flex: 1 0 0; */
    width: 590px;
}
.bid_result_box01 .bid_cont_box01 .bid_cont_tit01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.bid_result_box01 .bid_cont_box01 .bid_cont_txt01 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #5D5FE4;
    text-align: right;
    width: 360px;
    flex: 1 0 0;
}
.bid_result_box01 .right_box .bid_cont_box01 {
    width: 590px;
}
.bid_result_box01 .bid_cont_box02 {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    min-width: 590px;
}
.bid_result_box01 .bid_cont_box02 li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bid_result_box01 .bid_cont_box02 li .bid_cont_tit01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.bid_result_box01 .bid_cont_box02 li .bid_cont_txt01 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #5d5d5d;
    width: 100px;
    text-align: right;
}
.bid_result_box01 .bid_cont_box02 .bid_border {
    width: 1px;
    height: 16px;
    background-color: #d9d9d9;
}

.bid_result_box02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 24px 110px;
    background-color: #f6f8fe;
    border-radius: 12px;
    margin-top: 16px;
}
.bid_result_box02 .left_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    flex: 1 0 0;
}
.bid_result_box02 .bid_cont_box01 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    width: 460px;
}
.bid_result_box02 .bid_cont_box01 .bid_cont_tit01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.bid_result_box02 .bid_cont_box01 .bid_cont_txt01 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #5D5FE4;
    text-align: right;
    width: 360px;
    flex: 1 0 0;
}
.bid_result_box02 .bid_cont_box02 {
    display: flex;
    align-items: center;
    gap: 20px;
}
.bid_result_box02 .bid_cont_box02 li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bid_result_box02 .bid_cont_box02 li .bid_cont_tit01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.bid_result_box02 .bid_cont_box02 li .bid_cont_txt01 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #5d5d5d;
    width: 100px;
    text-align: right;
}
.bid_result_box02 .bid_cont_box02 .bid_border {
    width: 1px;
    height: 16px;
    background-color: #d9d9d9;
}

.top_info_box02 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 24px;
    background-color: #f6f8fe;
    border-radius: 12px;
    gap: 12px;
    margin-top: 0px;
}
.top_info_box02 .tit01 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}

.important_chklist_box01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 24px;
    padding: 24px;
    background-color: #f9f9f9;
    border-radius: 12px;
}
.important_chklist_box01 .op_chklist_box01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
}
.important_chklist_box01 .op_chklist_box01 .op_chklist_tit {
    flex: 1 0 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.important_chklist_box01 .op_chklist_box01 .op_chklist_btn {
    display: flex;
    align-items: center;
}
.important_chklist_box01 .op_chklist_box01 .op_chklist_btn label {
    font-weight: 600;
}
.important_chklist_box01 {
    margin-top: 16px;
}

.filter02 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.op_common_radio80 {
    position: relative;
    display: flex;
    width: max-content;
    box-sizing: border-box;
}
.op_common_radio80 > input:checked{
    display: block;
}
.op_common_radio80 > label{
    display: flex;
    width: 85px;
    height: 40px;
    min-width: 85px;
    padding: 11px 0;
    justify-content: center;
    align-items: center;
    border-radius: 12px 0 0 12px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_radio80 > input:checked ~ label {
    background-color: #5d5fe4;
    color: #fff;
    border-color: #5d5fe4;
}
.op_common_radio81 {
    position: relative;
    display: flex;
    width: max-content;
    box-sizing: border-box;
}
.op_common_radio81 > input:checked{
    display: block;
}
.op_common_radio81 > label{
    display: flex;
    width: 85px;
    height: 40px;
    min-width: 85px;
    padding: 11px 0;
    justify-content: center;
    align-items: center;
    border-radius: 0 12px 12px 0;
    border: 1px solid #ebebeb;
    border-left: 0;
    background-color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_radio81 > input:checked ~ label {
    background-color: #5d5fe4;
    color: #fff;
    border-color: #5d5fe4;
}

.op_info_box01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    gap: 8px;
}
.op_info_box01 .tit {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}

.bid_submit_box01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 20px;
    padding: 0 348px;
    margin-top: 24px;
}
.bid_submit_box01 .ico_doc {
    width: 120px;
    height: 120px;
    background-image: url(../img/ico_doc_submit.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    margin-top: 40px;
}
.bid_submit_box01 .txt01 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.bid_submit_box01 .txt02 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.bid_submit_box01 .content_zone01 {
    width: 672px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.bid_submit_box01 .content_zone01 .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}
/* //입찰서제출 */

/* //입찰하기(4110-01M) 관련 추가 */

.op_common_top01 .right_box .f_group40 .op_common_select {
    min-width: initial;
    width: 107px;
}


/* loading */
.loading_wrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30000; overflow: hidden; text-align: center; box-sizing: border-box;}
.loading_wrap::after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.loading_wrap .dimmed {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: inherit; background-color: #00000099; z-index: 999;}
.loading_wrap .loading {display: block; position: fixed;top: 50%;left:50%;z-index:30000;transform: translate3d(-50%,-50%,0); overflow: hidden; width: 400px; min-height: 166px; text-align: center; background-color: #fff; box-sizing: border-box; z-index: 30000; padding: 24px 15px; font-size: 17px; font-weight: 400; line-height: 1.5; }
.loading_wrap .loading i + div {margin-top: 16px; }
.loading_wrap .loading i.spin {display: inline-block; width:60px; height:60px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/loading.svg"); background-size: 60px 60px; flex-shrink: 0; animation: spin 1s linear infinite;}
@keyframes spin {
    from { transform: rotate(0); }
    to { transform: rotate(360deg);}
}
/*// loading */

/* skeleton */  
.st_con {width:100%; box-sizing: border-box; display: flex; flex-flow: column; justify-content: center; gap:13px;}
.st_con i { width: 100%; height: 18px; border-radius: 9px; background-color: #f3f3f3; animation: shimmer 1.2s infinite linear; }
.st_con i {background: linear-gradient(120deg, #e0e0e0 25%, #f3f3f3 50%, #e0e0e0 75%); background-size: 200% 100%; }

.st_box {width:100%; margin:0 auto; padding: 20px;}
.st_box .st_area {display: flex; flex-flow: row; gap:16px; width:100%;}
.st_box .st_area .st_con > div {width:100%; display: flex; flex-flow: column; gap:13px;}
.st_box .st_area .st_con .st01 {width:704px; display: flex; flex-flow: row; gap:20px;}
.st_box .st_area .st_con .st01 .st_i_box01 {width:170px; display: flex; flex-flow: column; gap:13px;}
.st_box .st_area .st_con .st01 .st_i_box01 .i01 {width: 100%; height:128px;}
.st_box .st_area .st_con .st01 .st_i_box02 {width: calc(100% - 170px); display: flex; flex-flow: column; gap:13px; justify-content: center;}

.st_box .st_area .st_con .st01 .st_i_box02 .i11 {width:153px;}
.st_box .st_area .st_con .st01 .st_i_box02 .i12 {width:239px; margin-top:32px;}
.st_box .st_area .st_con .st02 {align-items: center;}
.st_box .st_area .st_con .st02 .i13 {width: 74px;}
.st_box .st_area .st_con .st03 {align-items: center;}
.st_box .st_area .st_con .st03 .i14 {width: 55px;}
.st_box .st_area .st_con .st04 {align-items: end;}
.st_box .st_area .st_con .st04 .i15 {width: 73px;}

.st_box.w1309 {max-width: 1309px; }
.st_box.w1368 {max-width: 1368px;}
.st_box .st_area .st_con.doc21 {width:282px;}
.st_box .st_area .st_con.doc22 {width:220px;}
.st_box .st_area .st_con.doc23 {width:140px;}
.st_box .st_area .st_con.doc24 {width:80px;}
.st_box .st_area .st_con.doc25 {width:15%;}
.st_box .st_area .st_con.doc26 {width:10%;}
.st_box .st_area .st_con.doc27 {width:9%;}
.st_box .st_area .st_con .st11 { width:282px;} 
.st_box .st_area .st_con .st11 .i16 { width:273px;} 
.st_box .st_area .st_con .st11 .i17 { width:202px; margin-top:36px;} 
.st_box .st_area .st_con .st12 { width: 196px; padding: 0 12px; align-items: end;} 
.st_box .st_area .st_con .st12 .i18 { width:73px;} 
.st_box .st_area .st_con .st13 { width:140px;} 
.st_box .st_area .st_con .st14 { width:80px;} 
.st_box .st_area .st_con .st15 { width:176px; padding: 0 12px; align-items: end;} 
.st_box .st_area .st_con .st15 .i19 { width:73px;} 
.st_box .st_area .st_con .st16 { width:100%;} 
.st_box .st_area .st_con .st17 { width:120px;} 
.st_box .st_area .st_con .st17 i { height:40px; border-radius: 999px;} 

.st_box .st_area .st_con.doc31 {width:488px;}
.st_box .st_area .st_con.doc32 {width:200px;}
.st_box .st_area .st_con.doc33 {width:140px;}
.st_box .st_area .st_con.doc34 {width:140px;}
.st_box .st_area .st_con.doc35 {width:140px;}
.st_box .st_area .st_con.doc36 {width:140px;}
.st_box .st_area .st_con .st31 .i20 { width:282px;} 
.st_box .st_area .st_con .st34 { align-items: center;} 
.st_box .st_area .st_con .st34 .i21 { width:55px;} 
.st_box .st_area .st_con .st36 { padding:0 36px;} 
.st_box .st_area .st_con .st36 .i22 { width:87px;} 

.st_box .st_area .st_con.doc41 {width:393px;}
.st_box .st_area .st_con.doc42 {width:100px;}
.st_box .st_area .st_con.doc43 {width:140px;}
.st_box .st_area .st_con.doc44 {width:140px;}
.st_box .st_area .st_con.doc45 {width:140px;}
.st_box .st_area .st_con.doc46 {width:140px;}
.st_box .st_area .st_con.doc47 {width:120px;}
.st_box .st_area .st_con .st41 .i23 { width:282px;} 
.st_box .st_area .st_con .st41 .i24 { width:222px;} 
.st_box .st_area .st_con .st42 {align-items: center;} 
.st_box .st_area .st_con .st42 .i25 { width:64px;} 
.st_box .st_area .st_con .st43 { align-items: center;} 
.st_box .st_area .st_con .st43 .i26 { width:109px;} 
.st_box .st_area .st_con .st44 { align-items: center;} 
.st_box .st_area .st_con .st44 .i27 { width:55px;} 
.st_box .st_area .st_con .st46 { padding:0 36px;} 
.st_box .st_area .st_con .st46 .i28 { width:55px;} 
.st_box .st_area .st_con .st47 .i29 {height:40px; border-radius: 999px;} 

.st_box .st_area .st_con.doc51 {width:120px;}
.st_box .st_area .st_con.doc52 {width: calc(100% - 376px);}
.st_box .st_area .st_con.doc53 {width:220px;}
.st_box .st_area .st_con.doc53 .st53 {padding:0 12px;}

.st_box .st_area .st_con.doc61 {width:120px;}
.st_box .st_area .st_con.doc62 {width: 640px;}
.st_box .st_area .st_con.doc63 {width:140px;}
.st_box .st_area .st_con.doc64 {width:100px;}
.st_box .st_area .st_con.doc65 {width:196px;}
.st_box .st_area .st_con .st63 { align-items: center;} 
.st_box .st_area .st_con .st64 { padding: 0 12px;} 
.st_box .st_area .st_con .st66 {  padding: 0 12px;} 
.st_box .st_area .st_con .i30 { height:90px; } 
.st_box .st_area .st_con .i31 { width:153px;} 
.st_box .st_area .st_con .i32 { width:228px;} 
.st_box .st_area .st_con .i33 { width:40px;} 

.st_card_list {  display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%; gap: 32px 24px;}
.st_box_card {width: 324px;}
.st_box_card .st_con {gap:0;}
.st_box_card .st_con .doc71 { display: flex ; flex-flow: row; justify-content: space-between; padding-bottom:12px; border-bottom:1px solid #ebebeb; }
.st_box_card .st_con .doc72 { display: flex ; flex-flow: row; justify-content: flex-end;}
.st_box_card .st_con .doc73 { display: flex ; flex-flow: row; justify-content: space-between;}
.st_con .i71 { height: 243px; border-radius:12px 12px 0 0;} 
.st_con .i72 {width: 19%;}
.st_con .i73 {width: 55%;}
.st_con .i74 {width: 53%;}
.st_con .i75 {width: 72%; margin-top: 46px;}
.st_con .i76 {width: 20%;}
.st_con .i77 {width: 72%;}
.st_con .i78 {margin-top: 34px;}
.st_con .st_con_info { display: flex ; flex-flow: column; gap: 9px; min-height: 314px; padding:12px 24px 16px; border:1px solid #dcdcdc; border-radius:0 0 12px 12px;}
.st_type_mo {display: none;}
.st_type_pc {display: block;}
.st_box .st_area .st_con .st01 .st_i_box01 .i02 {width: 40px;}
.st_box .st_area .st_con .st01 .st_i_box01 .i03 {width: 80px;}
@keyframes shimmer {
    0% {background-position: 100%;}
    100%{background-position: 0;}
}

/*// skeleton */

/* 시스템점검공지 404, 505 */
.ico_warning01 {
    display: block;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    background-size: 120px 120px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_warning01.svg");
    background-position: center center;
    flex-shrink: 0;
    margin: 0 auto;
}
.logo_onbid {
    display: block;
    width: 108px;
    height: 52px;
    box-sizing: border-box;
    background-size: 108px 52px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_logo_kr.svg");
    background-position: center center;
    flex-shrink: 0;
    margin: 60px auto 48px;
}
.info_box01 { display: block; width: 100%; box-sizing: border-box; text-align: center; }
.info_box01 i + i { margin-top:48px;}
.info_box01 i + .tit { margin-top:40px;}
.info_box01 .tit { font-size:32px; font-weight: 700; line-height: 1.5; }
.info_box01 .txt { display: block; margin-top: 16px; font-size: 19px; font-weight: 400; line-height: 1.5; }
.info_box01 .content_zone01 { display: block; max-width: 904px; margin: 40px auto 0; box-sizing: border-box; background-color: #f6f8fe; border-radius: 12px; padding: 40px;}
.info_box01 .content_zone01 .msg01 { font-size: 17px; font-weight: 600; line-height: 1.5;  }
.ty_br br {display: none;}
.ty_br01 br {display: block;}
/*// 시스템점검공지 404, 505 */

/* 공고상세정보조회출력, 미리보기 */
.preview_wrap .tab_gap_group + .dummy_tab_wrap {
    margin-top: 40px;
}
.preview_wrap .op_common_chk01 > input:disabled {
    background-image: url(../img/ico_check_off.svg) !important;
}
.preview_wrap .op_common_chk01 > input:disabled + label {
    color: #1e1e1e;
    cursor: default;
}
.preview_wrap .op_common_select > select:disabled {
    border: 1px solid #717171;
    background-color: #fff;
    color: #1e1e1e;
    background-image: url(../img/ico_select.svg);
}
/* //공고상세정보조회출력, 미리보기 */






.compare_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 1px;
} 
.compare_box01 .compare {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 22px;
    overflow-y: auto;
    /* height: 300px; */
    height: calc(88vh - 200px);
    padding-right: 10px;
    overflow-x: hidden;
    padding-bottom: 2px;
}
.compare_box01 .compare > li {
    width: 300px;
    flex-shrink: 0;
}
.compare_box01 .compare > li:nth-child(2) .left_box{
    left: 322px;
}
.compare_box01 .compare > li:nth-child(3) .left_box{
    left: 644px;
}
.compare_box01 .compare > li:nth-child(4) .left_box{
    left: 966px;
}

.compare_box01 .compare .card_type02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}

/* left box */
.compare_box01 .compare .card_type02 > .left_box{
    display: block;
    /* width: 100%; */
    width: 300px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    /* border-radius: 12px 12px 0 0 ; */

    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;

    background-color: #fff;
}
.compare_box01 .compare.active .card_type02 > .left_box{
    /* box-shadow: 0px 12px 12px 0 rgba(0, 0, 0, .10); */
    box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, .10);
    /* border-radius: 12px 12px; */
    background-color: #fff;
    border: 1px solid #dcdcdc;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 > .left_box{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 .left_box .box_thumb {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 240px;
    box-sizing: border-box;
    position: relative;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 .left_box .box_thumb > img{
    max-width: 100%;
    max-height: 100%;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 .left_box .box_thumb.active {
    display: none;
}


.compare_box01 .compare .card_type02 > .left_box .con_area01 .left_box .box_thumb .thumb_scale {
    display: block;
    width: 100%;
    height: 240px;
    box-sizing: border-box;
}
.compare_box01 .compare .card_type02 > .left_box .con_area01 .left_box .box_thumb .thumb_scale_cover img{
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

/* right box */
.compare_box01 .compare .card_type02 > .right_box {
    width: 100%;    
    display: block;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-top: 0;
    border-radius: 12px 12px;
    padding: 0 24px 20px 24px;
    position: relative;
    z-index: 10;
}

.compare_box01 .compare.active .card_type02 > .right_box {
    padding-top: 424px;
}
.compare_box01 .compare .card_type02 > .right_box .txt_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.compare_box01 .compare .card_type02 > .right_box .txt_box01 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #717171;
    position: relative;
    padding-left: 13px;
}
.compare_box01 .compare .card_type02 > .right_box .txt_box01 .txt_01::before {
    content: '';
    position: absolute;
    top:50%;
    left:0 ;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #717171;
}
.compare_box01 .compare .card_type02 > .right_box .txt_box01 .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #1e1e1e;
    margin-top: 8px;

    max-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.compare_box01 .compare .card_type02 > .right_box .txt_box01 .txt_02.ec_case01 {
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.info_use_box02 {
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;

    border-radius: 12px;
    background-color: #f9f9f9;
    padding: 20px;
    position: relative;
}
.info_use_box02 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 24px;
}
.info_use_box02 .txt_01::before {
    content: '';
    position: absolute;
    top: 22px;
    left: 20px;

    width: 20px;
    height: 20px;
    background-image: url('../img/ico_info_01.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.op_number_list01 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}


.info_use_box02 .dot_list01 {
    padding: 8px 20px 0 20px;
}
.info_use_box02.type01 {
    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 12px;
    color:#1E1E1E;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.5;

}
.info_use_box02 .dot_list01 > li [class*="btn_box_"]{
    margin-top: 12px;
}
.info_use_box02 .dot_list01 > li + li{
    margin-top: 8px;
}

.info_use_box02.active {
    display: none;
}

.info_use_box02 .op_common_tbl10 {
    padding-left: 34px;
    padding-top: 8px;
    padding-right: 20px;
}

.info_use_box03 {
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    padding: 20px;
    position: relative;
}
.info_use_box03 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 36px;
}
.info_use_box03 .txt_01::before {
    content: '';
    position: absolute;
    top: 22px;
    left: 24px;
    width: 24px;
    height: 24px;
    background-image: url('../img/ico_info_01_b.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.info_use_box03 .dot_list03 {
    padding: 16px 20px 0 36px;
}
.info_use_box03 .dot_list03 > li [class*="btn_box_"]{
    margin-top: 12px;
}

.info_use_box02.type01 ~ .btn_box_center01 {
    margin-top: 24px;
}

/* 입찰결과상세조회 */
.top_detail_divider {
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #b9b9b9;
    position: relative;
    top: 3px;
    margin: 0 12px;
}
.top_detail_result01 {
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 0px;
    max-width: 100%;
}

.op_tbl_case03 > .table_block01 .con_area01 .tit_box02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
.op_tbl_case03 > .table_block01 .con_area01 .tit_box02 .tit01 {
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area01 .tit_box02 .tit02 {
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 700;
    box-sizing: border-box;
    color: #333;
    line-height: 1.5;
}


.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box02 .op_common_btn {
    margin-top: 0;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit03 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 17px;
    box-sizing: border-box;
    color: #333;
    text-align: right;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01:has(.tit03) {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.op_datalist01 {
    border-top: 1px solid #717171;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.op_datalist01 .op_datalist_cont01 {
    width: calc(100% / 5);
    padding: 12px 20px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.op_datalist01 .op_datalist_cont01:nth-child(5n) {
    border-right: 0;
}
.op_datalist01 .op_datalist_cont01 .txt01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #5d5d5d;
    padding: 0;
}

.seized_bid_info01 {
    margin-top: 40px;
}
.seized_bid_info01 .btn_box_center01 {
    margin-top: 40px;
}
/* //입찰결과상세조회 */

/*
.tab_con.type10 .tab_list_wrap .tab_list li a:hover .count_tit01{
    color: #1e1e1e;
}
.tab_con.type10 .tab_list_wrap .tab_list li a:hover .count_num01{
    background-color: #000;
    color: #fff;
}*/
.tab_con.type10 .tab_list_wrap .tab_list li a.on .count_tit01{
    color: #5d5fe4;
}
.tab_con.type10 .tab_list_wrap .tab_list li a.on .count_num01{
    color: #fff;
    background-color: #5d5fe4;
}
/*
.tab_con.type10 .tab_list_wrap .tab_list li a.on:hover .count_tit01{
    color: #5d5fe4;
}
.tab_con.type10 .tab_list_wrap .tab_list li a.on:hover .count_num01{
    color: #fff;
    background-color: #5d5fe4;
}*/

.tab_con.type10 .tab_list_wrap .tab_list li a .count_tit01 + .count_num01{
    margin-left: 8px;
}
.tab_con.type10 .tab_list_wrap .tab_list li a .count_num01{
    display: block;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #717171;
    padding: 0 7px;
    height: 30px;
    border-radius: 999px;
    background-color: #ebebeb;
}

.cmpns_list {display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; gap: 24px; width: 100%; margin-top: 40px;}
.cmpns_list > li {width: calc((100% - 24px * 3) /4);}
.cmpns_list .cmpns_item { overflow: hidden; display: block; width: 100%; border:1px solid #dcdcdc; border-radius:12px; }
.cmpns_list .cmpns_item .cmpns_logo { display: flex; justify-content: center; align-items: center; height:124px; }
.cmpns_list .cmpns_item .cmpns_logo img { margin:0 auto; max-width: 180px; max-height: 124px; }
.cmpns_list .cmpns_item .cmpns_info { padding: 24px;  background-color: #f9f9f9;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top { display: flex; justify-content: space-between; align-items: center; color:#1e1e1e; }
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_tit { 
    width: 100%;
    /* width: calc(100% - 60px);
    font-size: 21px;  */
    font-size: 19px; 
    font-weight: 700; 
    line-height: 1.5;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_tit::after { position: absolute; content:''; width: 20px; height: 20px; background-image: url(../img/ico_chevron_right_thick_black.svg); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; top: 4px; right: 0; }
.cmpns_list .cmpns_item .cmpns_info .cmpns_top:has(.cmpns_rht) .cmpns_tit { width: calc(100% - 60px); }
.cmpns_list .cmpns_item .cmpns_info .cmpns_top:has(.cmpns_rht) .cmpns_tit::after { display: none; }
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht {font-size: 19px;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht em  { color: #5d5fe4; font-weight: 700;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht span  {font-weight: 400;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_txt  {
    margin-top:4px; 
    color:#5d5d5d; 
    font-size: 17px; 
    font-weight: 400; 
    line-height: 1.5;
    min-height: 51px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cmpns_banner {width: 100%; margin-top: 48px;}
.cmpns_banner img {width: 100%; height:170px;}

.cmpns_banner .cmpns_swiper01 .swiper-wrapper { height:170px;}
.cmpns_banner .cmpns_swiper01 .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px !important; background-color: #b9b9b9; border-radius: 999px; opacity: 1;}
.cmpns_banner .cmpns_swiper01 .swiper-pagination-bullet-active  { width: 30px; height: 10px; background-color: #5D5D5D; border-radius: 10px; }
.cmpns_banner .cmpns_swiper01 .swiper-info { display: flex; flex-flow: nowrap; justify-content: center; align-items: center; position: relative; padding-top: 24px; width:100%; }
.cmpns_banner .cmpns_swiper01 .swiper-info .swiper-pagination { display: inline-block; position: unset; }
.cmpns_banner .cmpns_swiper01 .swiper-info .btn_stopPlasy { width:24px; height:24px; margin-left:4px; display: inline-block; background: url(../img/main/ico_stop_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1px; }
.cmpns_banner .cmpns_swiper01 .swiper-info .btn_stopPlasy.on { width:24px; height:24px; display: inline-block; background: url(../img/main/ico_play_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1; /* opacity: .5; */ }
.cmpns_banner .cmpns_swiper01 .swiper-info .btn_stopPlay { width:24px; height:24px; margin-left:4px; display: inline-block; background: url(../img/main/ico_stop_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1px; }
.cmpns_banner .cmpns_swiper01 .swiper-info .btn_stopPlay.on { width:24px; height:24px; display: inline-block; background: url(../img/main/ico_play_items.svg) no-repeat center center; background-size: 24px 24px; position: relative; z-index:1; color: transparent; font-size: 1; /* opacity: .5; */ }
.cmpns_banner .cmpns_swiper01 .swiper-pagination {width:110px; height: 24px; margin:0; border-radius: 999px; background: rgba(0, 0, 0, .6); color:#fff; font-size: 13px; font-weight: 400; line-height: 24px;}
.cmpns_banner .cmpns_swiper01 .swiper-pagination .swiper-pagination-current {font-weight: 600;}
.cmpns_banner .cmpns_swiper01 .swiper-button-next, 
.cmpns_banner .cmpns_swiper01 .swiper-button-prev {width: 16px; height:16px; top:49px; color:#fff; z-index: 100;}
.cmpns_banner .cmpns_swiper01 .swiper-button-next {right:50%; margin-right: -34px;}
.cmpns_banner .cmpns_swiper01 .swiper-button-prev {left:50%; margin-left: -64px;}
.cmpns_banner .cmpns_swiper01 .swiper-button-prev:after, 
.cmpns_banner .cmpns_swiper01 .swiper-rtl .swiper-button-next:after,
.cmpns_banner .cmpns_swiper01 .swiper-button-next:after, 
.cmpns_banner .cmpns_swiper01 .swiper-rtl .swiper-button-prev:after { font-size: 10px; font-weight: 400; }
.cmpns_banner .cmpns_swiper01 .swiper-pagination-total {opacity: .6;}
.cmpns_banner + .cmpns_list {margin-top:48px;}




.btn_research {
    display: block;
}
.btn_research .ico_research {
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_reflash.svg");
    background-position: center center;
    flex-shrink: 0;
}
.btn_research:disabled .ico_research {
    background-image: url("../img/ico_reflash_off.svg");
}


.use_box02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.use_box02 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.use_box02 .left_box .con_area01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.use_box02 .right_box {
    width: 100%;
    display: none;
    box-sizing: border-box;
}
.use_box02 .right_box.active {
    display: block;
}
.use_box02 .right_box .con_area01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;

    background-color: #f6f8fe;
    border-radius: 8px;
    padding: 16px;
    gap: 8px;
}
.use_box02 .right_box .con_area01 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.use_box02 .right_box .con_area01 li .title_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.use_box02 .right_box .con_area01 li .title_area01 .tit_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
}
.use_box02 .right_box .con_area01 li .title_area01 .tit_box01 li {
    width: max-content;
    display: inline-flex;
    box-sizing: border-box;
    flex-shrink: 0;    
}
.use_box02 .right_box .con_area01 li .title_area01 .tit_box01 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.4;
}
.use_box02 .right_box .con_area01 li .title_area01 .tit_box01 .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 14px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}

.pblct_banner { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column;  width: 100%; padding: 40px; margin-bottom:60px; background-color: #fff; border-radius: 12px; gap: 20px; border: 1px solid #dcdcdc; }
.pblct_banner .pblct_banner_top { width: 100%; display: flex; justify-content: space-between; align-items: center; align-self: stretch; }
.pblct_banner img { width: 346px; height: 58px;}
.pblct_banner .pblct_tit { color: #1e1e1e; font-size: 21px; font-weight: 400;  line-height: 1.5; display: flex; flex-direction: column; align-items: flex-end; text-align: right; gap: 20px; }



/* 물건비교 팝업창 */

.cmpns_swiper02 .swiper .swiper-slide {
    /* width: 300px !important; */
    width: 150px !important;
}
.cmpns_swiper02 {
    display: block;
    box-sizing: border-box;
    width: calc(100% - 20px);
    height: 100%;
    margin-left: 20px;

    position: relative;
    overflow-y: auto;
}
.cmpns_swiper02 .swiper-info { 
    display: flex; 
    flex-flow: nowrap; 
    justify-content: center; 
    align-items: center; 
    padding-top: 24px; 
    width:100%;
}
/* .cmpns_swiper02 .swiper-button-next {
    position: fixed;
    right:16px; 
    z-index: 30000;
    background: url(../img/ico_tab_arr_right.svg) no-repeat center / 100%;
    width: 27px;
    height: 27px;
}
.cmpns_swiper02 .swiper-button-prev {
    position: fixed;
    left: 16px; 
    z-index: 30000;
    background: url(../img/ico_tab_arr_left.svg) no-repeat center/100%;
    width: 27px;
    height: 27px;
} */
.cmpns_swiper02 .swiper-button-prev::after,
.cmpns_swiper02 .swiper-button-next::after {display: none;}


.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
/* left box */
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .left_box {
    display: block;
    /* width: 100%; */
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-bottom: 0;
    border-radius: 12px 12px 0 0 ;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    background-color: #fff;
}
.cmpns_swiper02 .swiper .swiper-wrapper.active .card_type02 > .left_box{
    box-shadow: 0px 12px 12px 0 rgba(0, 0, 0, .10);
    border-radius: 12px 12px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .left_box .con_area01 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .left_box .con_area01 .left_box .box_thumb {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 240px;
    box-sizing: border-box;
    position: relative;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .left_box .con_area01 .left_box .box_thumb .thumb_scale {
    display: block;
    width: 100%;
    height: 240px;
    box-sizing: border-box;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .left_box .con_area01 .left_box .box_thumb .thumb_scale_cover img{
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}
/* right box */
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .right_box {
    width: 100%;    
    display: block;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    /* border-top: 0; */
    border-radius: 12px 12px;
    padding: 0 24px 20px 24px;
    
    height: auto;
} 
.cmpns_swiper02 .swiper .swiper-wrapper.active .card_type02 > .right_box {
    padding-top: 424px;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .right_box .txt_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .right_box .txt_box01 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #717171;
    position: relative;
    padding-left: 13px;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .right_box .txt_box01 .txt_01::before {
    content: '';
    position: absolute;
    top:50%;
    left:0 ;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #717171;
}
.cmpns_swiper02 .swiper .swiper-wrapper .card_type02 > .right_box .txt_box01 .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #1e1e1e;
    margin-top: 8px;
}
.card_list_type02 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-direction: column;
    padding: 12px 24px 20px 24px;
    position: relative;
}
.card_list_type02 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}


.compare_box01 > .compare > li > .card_type02 .card_list_type02 li > .badge_box01 {
    padding-top: 12px;
    border-top: 1px solid #ebebeb
}
.card_type02 .card_list_type02 li > .badge_box01 > li.op_cm_badge {
    width: auto;
}


.op_tbl_case04 > li .right_box .card_list_type01 li > .badge_box01 {
    padding-top: 12px;
    border-top: 1px solid #ebebeb
}

.op_tbl_case04 > li .right_box .card_list_type01 li > .badge_box01 > li.op_cm_badge {
    width: auto;
}


.card_list_type02 .txt_box01 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.card_list_type02 .txt_box01 .txt_01{
    width: max-content;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.4;
}
.card_list_type02 .txt_box02 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 4px;
}
.card_list_type02 .txt_box02 .txt_01{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 15px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
}
.card_list_type02 .txt_box02 .txt_02{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.card_list_type02 .txt_box03 .txt_01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    /* 추가 */
    margin-top: 4px;
    min-height: 51px;
}
.card_list_type02 .tag_group{
    padding-top: 12px;
    border-top: 1px solid #ebebeb;
}
.card_list_type03 {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    /* margin-top: 427px; */
    margin-top: 430px;
}
.compare_box01 .compare.active .card_list_type03 {
    margin-top: 0;
}
.card_list_type03 li + li {
    margin-top: 20px;
}
.cmpns_swiper02 .swiper .swiper-wrapper.active .card_list_type03 {
    margin-top: 0;
}
/* // 물건비교 팝업창 */



.ico_download{
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_download.svg");
    background-position: center center;
    flex-shrink: 0;
}

.lft_gap {margin-left: 8px;}

.depth_bc_box01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
   
    box-sizing: border-box;
    gap: 28px;
    padding-bottom: 16px;
}
.depth_bc_box01 > li.depth_bc_home01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
}
.depth_bc_box01 > .depth_bc_home01 .nav_txt01{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    line-height: 1.5;
}
.depth_bc_box01 .nav_txt01{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #111;
    line-height: 1.5;
}
.depth_bc_box01 > li{
    display: block;
    box-sizing: border-box;
    width: max-content;
    flex-shrink: 0;
    position: relative;
}
.depth_bc_box01 > li::after{
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_nav_arr01.svg");
    position: absolute;
    top: calc(50% - 6px);
    left: -20px;
    z-index: 10;
}
.depth_bc_box01 > li.depth_bc_home01::after{
    display: none;
}



.btn_file_down {
    width: max-content;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    gap: 2px;
    padding: 1px 6px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}
.btn_file_down .txt {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
}
.btn_file_view {
    width: max-content;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    gap: 2px 0;
    padding: 1px 6px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}
.btn_file_view .txt {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
}

.ico_file_view{
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_f_view.svg");
    background-position: center center;
}
.ico_file_down{
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_f_down.svg");
    background-position: center center; 
}
.ico_file_cancel{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_f_cancel.svg");
    background-position: center center;
    flex-shrink: 0;
}

/*개발 게시판 컨텐츠영역 줄바꿈처리*/
.se-contents *{word-break: break-all;}
/*//개발 게시판 컨텐츠영역 줄바꿈처리*/


.btn_pb_center01{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/* 나의검색조건 */
.pc_only .sch_condition_box01 {
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 20px;
}
.pc_only .sch_condition_box01 > .left_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 40px;
    background-color: #f6f8fe;
    border-radius: 24px 0 0 24px;
    flex: 1 0 0;
    width: calc(100% - 582px);
    height: 830px;
}
.pc_only .sch_condition_box01 > .left_box .sch_condi_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px;
}
.pc_only .sch_condition_box01 > .left_box .sch_condi_tit01 .sch_condi_btn01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px;
    flex: 1 0 0;
}
.pc_only .sch_condition_box01 > .left_box .sch_condi_select01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: calc(100% + 16px);
    flex-shrink: 0;
    max-height: 698px;
    overflow: auto;
    padding-right: 6px;
}
.pc_only .sch_condi_select01 li {
    border: 1px solid #ebebeb;
    background-color: #fff;
    display: flex;
    padding: 0 20px;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    width: 100%;
    gap: 8px 0;
    flex: 1 0 0;
}
.pc_only .sch_condi_select01 li.active {
    background-color: #e9e9fc;
    border-color: #e9e9fc;
    background-image: url("../img/ico_chevron_right_thick_blue02.svg");
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 20px 20px;
}
.pc_only .sch_condi_select01 .op_common_chk01 {
    width: auto;
}
.pc_only .sch_condi_select01 .detail_select01 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 12px 0;


    padding-right: 60px;
}
.pc_only .sch_condi_select01 .detail_select01 .category01 {
    /* padding: 0 8px; */
    padding: 0 0 0 8px;
    /* font-size: 13px; */
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #5d5fe4;

    flex-shrink: 0;
    min-width: 41px;
}
.pc_only .sch_condi_select01 .detail_select01 .date01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;

    flex-shrink: 0;
}
.pc_only .sch_condi_select01 .detail_select01 .title01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.allChk_box02 {
    display: flex;
    background: #c8c7f6;
    align-items: center;
    min-height: 36px;
    padding: 1px 16px 0 16px;
    border-radius: 999px;
    gap: 6px;
}
.allChk_box02:has(input[type="checkbox"]:checked){
    background-color: #5d5fe4;
}
.allChk_box02 > input[type="checkbox"] {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url("../img/ico_check_white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}
.allChk_box02 > input[type="checkbox"]:checked {
    background-image: url("../img/ico_check_white.svg");
}
.allChk_box02 > input[type="checkbox"] + label {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
}
.allChk_box > input[type="checkbox"]:checked + label {
    color: #fff !important;
}

.pc_only .op_common_radio82 {
    position: relative;
    display: flex;
    width: max-content;
    box-sizing: border-box;
}
.pc_only .op_common_radio82 > input:checked{
    display: block;
}
.pc_only .op_common_radio82 > label{
    display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.pc_only .op_common_radio82 > input:checked ~ label {
    font-weight: 700;
}

.pc_only .sch_condition_box01 > .right_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    padding: 40px;
    width: 582px;
    height: 830px;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_tit01 .condi_detail_tit01 {
    flex: 1 0 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_tit01 .condi_detail_date01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_inp01 {
    width: 100%;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_inp01 .f_group28 {
    gap: 10px;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_inp01 .f_group28 .op_common_input01 {
    width: 100%;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_detail01 {
    width: calc(100% + 10px);
    max-height: 579px;
    overflow: auto;
    padding-right: 5px;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_detail01 .op_tbl_case03 > .table_block01 .con_area01 {
    max-width: unset;
}
.pc_only .sch_condition_box01 > .right_box .sch_condi_detail01 .op_tbl_case03 > .table_block01 .tit_area02 {
    width: 160px;
}


.mobile_only .op_common_radio82 {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 90px;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.moible_only .op_common_radio82 > input:checked{
    display: block;
}
.mobile_only .tab_con.tab_sticky .tab_type10_swiper .tab_list li .op_common_radio82 > label {
    padding: 16px;
    width: 100%;
    text-align: center;
    display: block;
    flex-shrink: 0;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    border-bottom: 1px solid #dcdcdc;
}
.mobile_only .tab_con.tab_sticky .tab_type10_swiper .tab_list li .op_common_radio82 > input:checked ~ label {
    border-bottom: 2px solid #5d5fe4;
    color: #5d5fe4;
    font-weight: 700;
    padding-bottom: 14px;
}
.mobile_only .sch_condition_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: calc(100% - 40px);
    margin: 20px auto 0;
    gap: 12px;
}
.mobile_only .sch_condition_box01 .sch_condi_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px;
}
.mobile_only .sch_condition_box01 .sch_condi_tit01 .sch_condi_btn01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 12px;
    flex: 1 0 0;
}
.mobile_only .sch_condition_box01 .sch_condi_tit01 .sch_condi_btn01 .op_common_btn {
    width: fit-content;
}
.mobile_only .sch_condition_box01 .sch_condi_select01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
    width: 100%;
}
.mobile_only .sch_condi_select01 li {
    border: 1px solid #ebebeb;
    background-color: #fff;
    display: flex;
    padding: 12px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    width: 100%;
    gap: 8px;
    flex: 1 0 0;
}
.mobile_only .sch_condi_select01 li.active {
    background-color: #e9e9fc;
    border-color: #e9e9fc;
}
.mobile_only .sch_condi_select01 .op_common_chk01 {
    width: auto;
}
.mobile_only .sch_condi_select01 .detail_select01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 4px;
    column-gap: 8px;
    width: 100%;
    text-align: left;
    min-height: 49px;
    overflow: hidden;
}
.mobile_only .sch_condition_box02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: calc(100% - 40px);
    margin: 12px auto 0;
    gap: 20px;
    padding-bottom: 60px;
}
.mobile_only .sch_condition_box01 .detail_select01 .category01 {
    padding: 0 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #5d5fe4;
}
.mobile_only .sch_condition_box01 .detail_select01 .date01 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #5d5d5d;
}
.mobile_only .sch_condition_box01 .detail_select01 .title01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    width: 100%;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mobile_only .sch_condition_box02 .sch_condi_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
}
.mobile_only .sch_condition_box02 .sch_condi_tit01 .condi_detail_tit01 {
    flex: 1 0 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.mobile_only .sch_condition_box02 .sch_condi_tit01 .condi_detail_date01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .sch_condition_box02 .sch_condi_inp01 {
    width: 100%;
}
.mobile_only .sch_condition_box02 .sch_condi_inp01 .f_group28 {
    gap: 10px;
}
.mobile_only .sch_condition_box02 .sch_condi_inp01 .f_group28 .op_common_input01 {
    width: 100%;
}
.mobile_only .sch_condition_box02 .sch_condi_inp01 .f_group28 .op_common_input01 input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mobile_only .sch_condition_box02 .sch_condi_inp01 .f_group28 .op_common_btn {
    width: fit-content;
    min-width: 92px;
}
.mobile_only .sch_condition_box02 .sch_condi_detail01 {
    width: 100%;
}
.mobile_only .sch_condition_box02 .sch_condi_detail01 .op_tbl_case03 {
    width: 100%;
}
.sch_condi_pop_btn01 {
    flex-direction: column;
}

.mobile_only .tab_con.tab_sticky .swiper_tab01 .tab_list li {
    margin-right: 0 !important;
}

/* 계약정보조회 */
.swiper_tab03 .tab_list li {height: 48px;width: 100%; margin-right: 0 !important;}
.swiper_tab03 .tab_list li a.on {
    background-color: #5d5fe4; 
    border-left: 0; 
    border-right: 0; 
    color: #fff;
}
.swiper_tab03{
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.swiper_tab03 .tab_list li{ 
    width: max-content;
}
.swiper_tab03 .tab_list li a{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f8fe;
    box-sizing: border-box;
    padding: 0 24px;
    gap: 8px;
}
.swiper_tab03 .tab_list li a:hover{
    background-color: #e9e9fc;
}
.swiper_tab03 .tab_list li a:hover .txt{
    color: #1e1e1e;
    font-weight: 700;
}
.swiper_tab03 .tab_list li a:hover .num{
    background-color: #000;
    color: #fff;
}
.swiper_tab03 .tab_list li a .txt{
    font-size: 19px; 
    font-weight: 400; 
    line-height: 1.5;
    display: block;
    color: #1e1e1e;
}
.swiper_tab03 .tab_list li a.on .txt{
    color: #fff;
    font-weight: 700;
}
.swiper_tab03 .tab_list li a .num{
    font-size: 15px; 
    font-weight: 400; 
    height: 24px;
    line-height: 1.4;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1e1e;
    flex-shrink: 0;
    width: max-content;
    border-radius: 999px;
    background-color: #e9e9fc;
    padding: 1px 7px 0 7px;
    min-width: 39px;
    box-sizing: border-box;
}
.swiper_tab03 .tab_list li a.on .num{
    background-color: #fff; 
    font-weight: 700;
    color: #5d5fe4;
}
.swiper_tab03 .swiper-button-prev{
    position: absolute;
    top: calc(50% - 19px);
    left: 00px;
    z-index: 10;
    width: 38px;
    height: 38px;
    margin-top: 0;
}
.swiper_tab03 .swiper-button-prev::before{
    display: none;
    width: 70px;
    height: 38px;
    content: "";
    position: absolute;
    top: calc(50% - 19px);
    left: -20px;
    z-index: -1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}
.swiper_tab03 .swiper-button-prev::after{
    position: absolute;
    top: calc(50% - 19px);
    left: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(90deg);
}
.swiper_tab03 .swiper-button-next{
    position: absolute;
    top: calc(50% - 19px);
    right: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    margin-top: 0;
}
.swiper_tab03 .swiper-button-next::after{
    position: absolute;
    top: calc(50% - 19px);
    right: 0px;
    z-index: 10;
    width: 38px;
    height: 38px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(270deg);
}
.swiper_tab03 .swiper-button-next::before{
    display: none;
    width: 50px;
    height: 38px;
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: -20px;
    z-index: -1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}
.swiper_tab03 .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.swiper_tab03 .swiper-button-next.swiper-button-disabled{
    display: none;
}
.swiper_tab03 .swiper-button-prev.mobile_only{
    display: none;
}
.swiper_tab03 .swiper-button-next.mobile_only{
    display: none;
}
/* //계약정보조회 */

/* 입찰결과내역 */
.top_info_box01 .ico_top_info03 {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
    box-sizing: border-box;
    background-image: url("../img/ico_top_info03.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    flex-shrink: 0;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit04 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 21px;
    font-weight: 700;
    box-sizing: border-box;
    color: #1e1e1e;
    text-align: right;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit05 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 15px;
    box-sizing: border-box;
    color: #5d5d5d;
    text-align: right;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit03 + .tit05 {
    margin-top: 12px;
}

/*op_common_tbl06*/
.op_common_tbl06{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl06 table{
    table-layout: fixed;
    width: 100%;
}
.op_common_tbl06 thead tr th{
    height: auto;
    padding: 8px 0;
    vertical-align: middle;
    background-color: #f9f9f9;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
.op_common_tbl06 thead tr th .tit_box01{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.op_common_tbl06 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl06 tbody td{
    padding: 12px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    vertical-align: middle;
}
.op_common_tbl06 tbody td.m_noti_badge01 .badge_box05{
    margin: 0 auto;
    width: max-content;
}
.op_common_tbl06 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_common_tbl06 tbody td .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl06 tbody td .txt_box01 [class*="ico"]{
    margin: 0 auto;
}
.op_common_tbl06 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    text-align: center;
    line-height: 1.5;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.op_common_tbl06 tbody td .txt_box01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    text-align: center;
}
.op_common_tbl06 tbody td .txt_box01 .txt03{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: #5d5fe4;
    text-align: center;
}
.op_common_tbl06 tbody td .txt_box01 img{
    margin: 0 auto;
    display: block;
}
.op_common_tbl06 tbody td .txt_box01 img.file_clip_img01{
    width: 24px;
    height: 24px;
}
.op_common_tbl06 tbody td .link_txt_box02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
}
.op_common_tbl06 tbody td .link_txt_box02 .txt02 + .txt01{
    margin-top: 4px;
}
.op_common_tbl06 tbody td .link_txt_box02 .txt01{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    box-sizing: border-box;
}
.op_common_tbl06 tbody td .link_txt_box02 .badge_box01 + .txt02{
    margin-top: 4px;
}
.op_common_tbl06 tbody td .link_txt_box02 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_tbl06 tbody td .link_txt_box01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
}
.op_common_tbl06 tbody td .link_txt_box01 .link_txt01{
    display: block;
    text-align: left;
    max-width: 100%;
    width: max-content;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    white-space:nomal;
    max-height: 51px;
}
.op_common_tbl06 tbody td .link_txt_box01 .link_txt01 .badge_new01{
    margin-left: 4px;
}
.price_area03 {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}
.price_area03 .txt01 {
    text-align: right !important;
}
/*//op_common_tbl06*/

.badge_box03 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}

.number_list01 {
    display: block;
    width: 100%;
    list-style: decimal;
    margin-left: 20px;
}
.number_list01 > li {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.number_list01 > li ~ li {
    margin-top: 20px;
}
.number_list01 > li > ul {
    margin-left: -20px;
    margin-top: 12px;
}

.procedure_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.procedure_box01 .txt01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.bid_info_box01 {
    margin-top: 16px;
}
.bid_info_box01 .bg_box + .btn_box_center01 {
    margin-top: 48px;
}

/* .bid_info_box01 > .btn_pb_center01 .op_common_btn > .ico_reload {
    width : 24px;
    height: 24px;
    background-size: 24px 24px;
} */

.con_tit_box05 .tit_sub {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    margin-left: 8px;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .num_txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
    margin-top: 7px;
}
.bid_info_box02 .accordion_wrap {
    margin-top: 16px;
}
.bid_info_box02 .txt01 {
    text-align: left;
    padding: 0;
    margin-top: 16px;
}
/* //입찰결과내역 */


.con_tit_box05 > .left_box .total_txt_box02{
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding: 6px 0 0 8px;
}







/* 호가입찰 */
.top_detail_box01 + .op_tbl_case03 {
    margin-top: 16px;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .time01 {
    width: 100%;
    display: block;
    position: relative;
    font-size: 21px;
    font-weight: 700;
    box-sizing: border-box;
    color: #5d5d5d;
    line-height: 1.5;
}
.ico_reload {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_reload.svg");
    background-position: center center;
    flex-shrink: 0;
}



.key_info { display: flex; width: 100%; align-items: flex-start; justify-content: space-between; gap: 24px;}
.key_info .k_lft {width: 348px; padding: 40px 24px; background-color: #eff3ff; border-radius: 24px; flex-shrink: 0; }
.key_info .k_rht {width: 100%; }
.my_keyinfo {display: flex; flex-flow: column; justify-content: flex-start; align-items: center;}
.my_keyinfo .my_keyinfo_area {display: flex; gap:16px; justify-content: flex-start; align-items: center;}
.my_keyinfo .my_pht {width:64px; height: 64px; border-radius: 999px; border: 1px solid #dcdcdc; background-color: #fff; background-image: url(../img/ico_my_member.svg); background-size: 40px 40px; background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.my_keyinfo .my_pht img {width: 100%; height: 100%;}
.my_keyinfo .my_tip { width: auto; height: 26px; margin-top:24px; padding:4px 8px; background-color: #f6f8fe; border: 1px solid #c8c7f6; border-radius: 28px 28px 0 28px; color:#5d5fe4; font-size: 13px; font-weight: 600; line-height: 1.4;}
.my_keyinfo .my_info { margin-top: 4px; color:#1e1e1e; }
.my_keyinfo .my_info .tit { font-size: 25px; font-weight: 400; line-height: 1.5; }
.my_keyinfo .my_info .tit em {font-weight: 700;}
.my_keyinfo .my_info .tit .tit_s { padding-left:4px; color:#5d5d5d; font-size: 17px;}
.my_keyinfo .my_info .txt { margin-top:4px; font-size: 14px; font-weight: 400; line-height: 1.5; }
.my_keyinfo .my_keyinfo_area + .btn_box_center01 {margin-top: 20px;}
.myinfo_list { display: block; width: 100%; margin-top:50px; padding:50px 0 0 0; border-top:1px solid #dcdcdc; }

.myinfo_list > li + li {margin-top:37px;}
.myinfo_list > li a {display: block; position: relative; padding-left:60px; }
.myinfo_list > li i { position: absolute; left:0; top: 50%; transform: translateY(-50%); display: inline-block; width:48px; height: 48px; background-color: #5d5fe4; border-radius: 999px; background-size: 28px 28px; background-repeat: no-repeat; background-position: center center; } 
.myinfo_list > li:nth-child(1) i { background-image: url(../img/ico_my_phone.svg);}
.myinfo_list > li:nth-child(2) i { background-image: url(../img/ico_my_mail.svg);}
.myinfo_list > li > a > span { color:#5d5d5d; font-size: 15px; font-weight: 400; line-height: 1.5; }
.myinfo_list > li > a > span + div { margin-top:1px; }
.myinfo_list > li > a > div { color:#1e1e1e; font-size: 17px; font-weight: 700; line-height: 1.5; word-break: break-all;}

.myinfo_list2 { display: block; width: 100%; margin-top:50px; padding:50px 0 2px 0; border-top:1px solid #dcdcdc;} 
.myinfo_list2 > li > a { display: flex; justify-content: space-between; align-items: center; }
.myinfo_list2 .tit { color:#1e1e1e; font-size: 17px; font-weight: 600; line-height: 1.5;}
.myinfo_list2 .txt {  color:#5d5d5d; font-size: 17px; font-weight: 400; text-align: right; line-height: 1.5;}
.myinfo_list2 .txt em { position: relative; padding-left:8px; color:#1e1e1e; font-size: 21px; font-weight: 700;}
.myinfo_list2 .txt em.tip::after { position: absolute; right:-4px; top:0; content:''; display: inline-block; width: 4px; height: 4px; border-radius: 999px; background-color: #ce1100;}
.myinfo_list2 .txt > span + span {margin-left: 12px;}
.myinfo_list2 .txt > span + span::before {content:''; display: inline-block; width: 1px; height: 16px; margin-right:12px; background-color: #dcdcdc; font-size:0; }

.myinfo_list2 > li:first-child a {padding-top:0;}
.myinfo_list2 > li:last-child a {padding-bottom:0;}
.myinfo_list2 > li + li { padding-top: 30px;}
.myinfo_list3 {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; gap: 48px; width: 100%; height:100%; }
.myinfo_list3 > li { position: relative; width: 100%; height:100%;}
.myinfo_list3 > li .myinfo_wrap { position: relative; width: 100%; height:100%; min-height:193px; background-color: #f9f9f9; border-radius: 24px; overflow: hidden; }
.myinfo_list3 > li .myinfo_wrap > a {background-position: 20px 24px; background-size: 32px 32px; background-repeat: no-repeat; }
.myinfo_list3 > li + li::before {position: absolute; left:-40px; top:50%; transform: translateY(-50%); content:''; display: block; width: 32px; height: 32px; background-image: url(../img/ico_chevron_right02.svg); background-size: 32px 32px; background-repeat: no-repeat; background-position: center center; }
.myinfo_list3 > li:nth-child(1) > .myinfo_wrap > a {background-image: url(../img/ico_my_step1.svg);}
.myinfo_list3 > li:nth-child(2) > .myinfo_wrap > a {background-image: url(../img/ico_my_step2.svg);}
.myinfo_list3 > li:nth-child(3) > .myinfo_wrap > a {background-image: url(../img/ico_my_step3.svg);}
.myinfo_list3 > li > .myinfo_wrap > a { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding:24px 24px 12px 24px; color:#5d5d5d;}
.myinfo_list3 > li > .myinfo_wrap > a .tit { padding-left: 32px; color:#1e1e1e; font-size: 19px; font-weight: 700; line-height: 1.5;}
.myinfo_list3 > li > .myinfo_wrap > a .tit > span {color:#5d5d5d; font-size: 13px; font-weight: 400; line-height: 1.5;}
.myinfo_list3 > li > .myinfo_wrap > a .txt { font-size: 17px; font-weight: 400; line-height: 1.5;}
.myinfo_list3 > li > .myinfo_wrap > a .txt em { color: #5d5fe4; font-size: 25px; font-weight: 700;}

.myinfo_list3 > li .myinfo_list3_s {display: flex; justify-content: space-between; flex-flow:column; gap: 7px;  width: 100%; padding: 0 24px;}
.myinfo_list3 > li .myinfo_list3_s a {display: flex; justify-content: space-between; align-items: center; }
.myinfo_list3 > li .myinfo_list3_s a > span {color:#5d5d5d; font-size: 17px; font-weight: 400; line-height: 1.5;}
.myinfo_list3 > li .myinfo_list3_s a > span em {color:#1e1e1e; font-size: 19px; font-weight: 700;}
.myinfo_list3 > li .myinfo_list3_s a > span > span {color:#5d5d5d; font-size: 15px; font-weight: 400;}

.myinfo_box { display: block; width: 100%; margin-top:20px; padding:12px 20px; background-color: #fff; border:1px solid #dcdcdc; border-radius: 12px;}
.myinfo_list4  {display: flex; flex-flow: row nowrap; justify-content:  flex-start; align-items: flex-start; width: 100%; height:100%; }
.myinfo_list4 > li { position: relative; width: calc(100% / 5);}
.myinfo_list4 > li + li::before { position: absolute; left:0; top:0; content:''; display: block; width: 1px; height: 33px; background-color: #ebebeb; font-size:0; }
.myinfo_list4 > li > a {display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; padding: 0 16px;/* background-position: left 16px center; background-size: 24px 24px; background-repeat: no-repeat; */ } 
/* .myinfo_list4 > li:nth-child(1) > a { padding-left: 32px; background-image: url(../img/ico_myi1_person.svg);background-position: left 0 center;}
.myinfo_list4 > li:nth-child(2) > a {background-image: url(../img/ico_myi2_hand.svg);}
.myinfo_list4 > li:nth-child(3) > a {background-image: url(../img/ico_myi3_bubble.svg);} */
.myinfo_list4 > li > a span {color:hwb(0 36% 64%); font-size: 17px; font-weight: 400; line-height: 1.5;}
.myinfo_list4 > li > a span em {color:#1e1e1e; font-size: 21px; font-weight: 700; }

/* .myinfo_list5  {display: flex; flex-flow: row nowrap; justify-content:  flex-start; align-items: flex-start; width: 100%; height:100%; padding-top:24px;margin-top:24px; border-top:1px solid #dcdcdc; }
.myinfo_list5 > li { position: relative; width: calc(100% / 3);}
.myinfo_list5 > li + li::before { position: absolute; left:0; top:0; content:''; display: block; width: 1px; height: 33px; background-color: #dcdcdc; font-size:0; }
.myinfo_list5 > li:nth-child(1) > a { padding-left: 32px; background-image: url(../img/ico_myi4_money.svg);background-position: left 0 center;}
.myinfo_list5 > li:nth-child(2) > a {background-image: url(../img/ico_myi5_pen.svg);}
.myinfo_list5 > li > a {display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; padding: 0 16px 0 48px; background-position: left 16px center; background-size: 24px 24px; background-repeat: no-repeat; } 
.myinfo_list5 > li > a span {color:#5d5d5d; font-size: 17px; font-weight: 400; line-height: 1.5;}
.myinfo_list5 > li > a span em {color:#1e1e1e; font-size: 21px; font-weight: 700; } */

.myinfo_list6 {margin-top:20px}
.myinfo_list6 .op_common_btn.m_txt { gap:4px; font-size: 17px; font-weight: 600; min-width: unset;}
.myinfo_list6 .swiper_my { overflow: hidden; }
.myinfo_list6 .swiper_my .op_tbl_case04 {padding-top:16px; border:0; flex-wrap: nowrap; }
.myinfo_list6 .swiper_my .op_tbl_case04 > li { width: calc((100% - 48px) / 3) !important; max-width: unset;}
.myinfo_list6 .swiper_my .op_tbl_case04 > li .card_list_type01 .txt_box01 {border-bottom: 1px solid #ebebeb;}
.myinfo_list6 .swiper_my .op_tbl_case04 > li .card_list_type01 .txt_box02 {margin-top: 12px;}
.myinfo_list6 .myinfo_tit {position: relative; width: 100%;}
.myinfo_list6 .myinfo_tit .swiper_tab01 { width: calc(996px - 80px); }
.myinfo_list6 .myinfo_tit .rht_box {position: absolute; right:0; top:50%; transform: translateY(-50%); z-index: 1; }
.ico_ring { display: block;  width: 20px; height: 20px; box-sizing: border-box; background-size: 20px 20px; background-repeat: no-repeat; background-image: url(../img/ico_my_ring.svg); background-position: center center; flex-shrink: 0;}
.ico_edit { display: block;  width: 20px; height: 20px; box-sizing: border-box; background-size: 20px 20px; background-repeat: no-repeat; background-image: url(../img/ico_my_edit.svg); background-position: center center; flex-shrink: 0;}
.ico_more_arrow2 { display: block; width: 16px; height: 16px; box-sizing: border-box; background-size: 14px 14px; background-repeat: no-repeat; background-image: url("../img/main/ico_menu3_arrow.svg"); background-position: center center; flex-shrink: 0; }
.myinfo_list6 .swiper_my .event_card_box01 { margin-top: 24px; }
.myinfo_list6 .swiper_my .event_card_box01 .event_none_txt_box01 { height: 396px;  }

.card_my > dl  {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; padding:20px 24px; background-color: #f9f9f9; }
.card_my > dl > dt { width: calc(100% - 80px); color:#1e1e1e; font-size: 17px; font-weight: 700; line-height: 1.5; }
.card_my > dl > dd {color:#5d5d5d; font-size: 14px; font-weight: 400; line-height: 1.5; }
.card_my > ul { padding: 24px;}
.card_my > ul > li + li {margin-top:8px;}
.card_my > ul > li {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; width: 100%; }
.card_my > ul > li > span { display: block; color:#5d5d5d; font-size: 15px; font-weight: 400; line-height: 1.5;}
.card_my > ul > li > em { width: calc(100% - 80px); color:#1e1e1e; font-size: 15px; text-align: right; font-weight: 600; line-height: 1.5;}
.card_my > ul > li .btn_box_right01 {margin-top: 8px;}
.cust_modify > .guide .guide_info2 .op_common_btn {margin-left: 0;}

.block_list {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 24px; width: 100%; }
.block_list > li {width: calc((100% -  48px) / 3); }
.block_list li .block_item { 
    padding: 32px; 
    border: 1px solid #dcdcdc; 
    border-radius:12px;
}
.block_list li .block_item .block_top {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; width: 100%;}
.block_list li .block_item .block_top .block_thumb { display: flex; justify-content: center; align-items: center; width: 52px; height: 52px; margin-right: 12px;  background-color: #f6f8fe; border-radius:999px; overflow: hidden; }
.block_list li .block_item .block_top .block_thumb img { width: 24px; height: 24px; }
.block_list li .block_item .block_top dl { width: calc(100% - 219px);}
.block_list li .block_item .block_top dl dt { color:#1e1e1e; font-size: 19px; font-weight: 600; line-height: 1.5; }
.block_list li .block_item .block_top dl dd { color:#5d5d5d; font-size: 19px; font-weight: 400; line-height: 1.5; }
.block_list li .block_item .block_top .txt_rht { color:#5d5d5d; font-size: 19px; font-weight: 400; line-height: 1.5; text-align: right; }

.block_list li .block_item .link_txt_box02 .txt02 { display: block; width: 100%; margin-top: 4px; box-sizing: border-box; font-size: 19px; font-weight: 700; line-height: 1.5; color: #1e1e1e; }
.block_list li .block_item .link_txt_box02 .txt01 { position: relative; display: block; width: 100%; height: 57px; margin-top: 0;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 19px; font-weight: 400; color: #1e1e1e; line-height: 1.5; box-sizing: border-box;}

.block_list li .block_item .link_txt_box02 .txt03 { 
    display: block; 
    width: 100%; 
    margin-top: 4px; 
    box-sizing: border-box; 
    font-size: 17px; 
    font-weight: 700; 
    line-height: 1.5; 
    color: #1e1e1e; 
}
.block_list li .block_item .link_txt_box02 .txt04 { 
    position: relative; 
    display: block; 
    width: 100%; 
    height: auto; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    line-clamp: 2; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    font-size: 17px; 
    font-weight: 400; 
    color: #1e1e1e; 
    line-height: 1.5; 
    box-sizing: border-box;
    min-height: 54px;
}



/* .block_list li .block_item .link_txt_box02 .txt01::after { position: absolute; right:0; top: 50%; transform: translateY(-50%); display: block; content: ""; width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_nav_arr01.svg);} */
.block_list li .block_item .txt_dtlist { margin-top: 8px; color:#717171; font-size: 15px; font-weight: 400; line-height: 1.5; }
.block_list li .block_item .txt_dtlist .tit { display: inline-block; min-width: 113px;}
.block_list li .block_item .txt_dtlist li + li {padding-top: 2px;}
.block_list li .block_item .pd_num {  display: block; margin-top: 12px; word-break: break-all; color:#1e1e1e; font-size: 30px; font-weight: 600; line-height: 1.5; text-decoration: underline; }
.block_list li .block_item .pd_num02 {  
    display: block; 
    margin-top: 12px; 
    word-break: break-all; 
    color:#1e1e1e; 
    font-size: 21px; 
    font-weight: 600; 
    line-height: 1.5; 
    text-decoration: underline; 
}
.block_list li .block_item .block_bottom   {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; margin-top: 40px;} 
.block_list li .block_item .block_bottom .tit { width: calc(100% - 93px); word-break: break-all; color:#1e1e1e; font-size: 30px; font-weight: 600; line-height: 1.5; }
.block_list li .block_item .block_bottom .btn_box_right01 {width: 93px; }
.block_list li .block_item .block_bottom2 {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; margin-top: 12px;}
.block_list li .block_item .block_bottom3 {
    display: flex; 
    flex-flow: row nowrap; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%; 
    margin-top: 12px;
    min-height: 40px;
} 
.block_list li .block_item .block_bottom2 .tit { width: calc(100% - 101px); padding: 8px 0; word-break: break-all; color:#5d5d5d; font-size: 15px; font-weight: 700; line-height: 1.5; }
/* .block_list li .block_item .block_bottom2 .btn_box_right01 {width: 101px; } */
.badge_box01 + .tit06 { margin-top:4px; }
.badge_box01 + .tit06 { width: 100%; display: block; position: relative; font-size: 17px; font-weight: 600; box-sizing: border-box; color: #5d5d5d; line-height: 1.5;}
.tit_lg { color:#1e1e1e; font-size: 19px; font-weight: 600; line-height: 1.5; }

/* //호가입찰 */


.txt_dtlist01 {
    margin-top: 8px;
}

.txt_dtlist01 .tit_box01 {
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.txt_dtlist01 li + li {
    padding-top: 2px;
}
.txt_dtlist01 .tit_box01 .txt_01 {
    width: 50%;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
}
.txt_dtlist01 .tit_box01 .txt_02 {
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
    text-align: right;
}
.txt_dtlist01 .tit_box01 .txt_03 {
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}

.txt_dtlist01 .tit_box01 .txt_02.type01 {
    /* color: #004352; */
    color: #1e1e1e;
    font-weight: 600;
}
.txt_dtlist01 .tit_box01 .txt_02.type02 {
    color: #006e25;
    font-weight: 600;
}
.txt_dtlist01 .tit_box01 .txt_02.type03 {
    color: #ce1100;
    font-weight: 600;
}
.txt_dtlist01 .tit_box01 .txt_02.type04 {
    color: #5d5fe4;
    font-weight: 600;
}


.block_list > li .block_item > .block_bottom3 > .btn_box_right01{
    width: 100%;
}



/*모바일에서만 나오는 테이블리스트 타입*/
.op_list_tbl01{
    display: block;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 0 auto;
    border-top: 1px solid #1e1e1e;
}
.op_list_tbl01 > .item{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb;
}
.item_list_box{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.item_list_box > .cate_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;    
    box-sizing: border-box;
}
.item_list_box > .cate_box + .cate_box{
    margin-top: 8px;
}
.item_list_box > .cate_box .left_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 140px;
}
.item_list_box > .cate_box .right_box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    text-align: right;
}
.item_list_box > .cate_box .left_box > .tit_box01{
    display: block;
    box-sizing: border-box;
}
.item_list_box > .cate_box .left_box > .tit_box01 > .tit01{
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.item_list_box > .cate_box .right_box > .txt_box01{
    display: block;
    box-sizing: border-box;
}
.item_list_box > .cate_box .right_box > .txt_box01 > .txt01{
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
/*//모바일에서만 나오는 테이블리스트 타입*/

/*캡차*/
.captchaDiv{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
}
.captchaDiv .captSpan{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    padding: 16px 0 12px 0;
}
.captchaDiv .captcha{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
}
.captchaDiv .captcha .captcha_child{
    display: block;
    width: 150px;
    height: 50px;
    overflow: hidden;
    box-sizing: border-box;
}
.captchaDiv .captcha .captcha_child > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.captchaDiv .captcha .captcha_child_two{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    width: calc(100% - 150px);
    padding-left: 12px;
    box-sizing: border-box;
    gap: 4px;
}
.captchaDiv .captcha .captcha_child_two .refreshBtn{
    height: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    border-radius: 999px;
    border: 1px solid #717171;
    background-color: #fff;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 600;
    padding:0 16px;
}
.captchaDiv .captcha .answer-txt{
    margin-top: 12px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.captchaDiv .captcha .answer-txt > input{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #717171;
    outline: none;
    border-radius: 8px;
    background-color: #fff;
    font-size: 17px;
    color: #1e1e1e;
    height: 48px;
    padding: 0 16px;
}
/*//캡차*/

/*전자서명정보*/
.digital_sign_box01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex: 1 0 0;
    padding: 40px;
    background-color: #f3f3f3;
    border-radius: 12px;
}
.digital_sign_box01 .txt_box01 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}
.digital_sign_box01 .txt_box01 .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.digital_sign_box01 .txt_box01 .txt01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding: 0;
}

.digital_sign_box02 {
    display: block;
    padding: 40px;
    background-color: #f3f3f3;
    border-radius: 12px;
    font-size: 17px;
    color: #5d5d5d;
    line-height: 1.5;
    word-break: break-all;
}
.digital_sign_box02 *{
    font-size: 17px;
    color: #5d5d5d;
    line-height: 1.5;
    word-break: break-all;
}
/*//전자서명정보*/


/*AI물건추천서비스*/
.cust_modify .guide .guide_info03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}
.cust_modify .guide .guide_info03 .left_box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: #f6f8fe;
    border-radius: 12px;
    gap: 32px;
    margin-top: 0px;
}
.cust_modify .guide .guide_info03 .left_box .info_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
/*//AI물건추천서비스*/



.cust_modify .guide .guide_info04 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify .guide .guide_info04 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 li{ 
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 li + li {
    margin-top: 8px;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 li .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 li .tit_box01::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #5d5d5d;
}
.cust_modify .guide .guide_info04 .left_box .tit_area01 li .tit_box01 .txt01  {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 8px;
}
.cust_modify .guide .guide_info04 .right_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.cust_modify .guide .guide_info04 .right_box .op_common_btn {
    margin-left: 0;
}




.guide_info05 {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 20px;
    background-color: #f6f8fe;
}
.guide_info05.fd_r {
    flex-direction: row;
}
.guide_info05 .left_box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 8px;
}
.guide_info05 .left_box .con_info01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.guide_info05 .left_box .con_info01 .info_txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.guide_info05 .btn_box_left01 {
    padding-top: 8px;
    padding-left: 36px;
}

.guide_info05 .right_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


.guide_info06 {
    width: 100%;
    display: flex;
    border-radius: 12px;
    padding: 20px;
    background-color: #f6f8fe;
}
.guide_info06 .left_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.guide_info06 .left_box .tit_area01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.guide_info06 .left_box .btn_box_left01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 8px;
    padding-left: 28px;
}
.guide_info06 .left_box .con_info01 .info_txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}

.guide_info06 .right_box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.guide_info06 .right_box .con_area01 > img {
    width: 280px;
    height: 80px;
}

/*실시간계좌이체*/
.transfer_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
/*//실시간계좌이체*/

.op_brd_left { border-left: 1px solid #dcdcdc !important; }
.op_brd_top { border-top: 1px solid #b9b9b9 !important; }
.op_brd_btm02 { border-bottom: 1px solid #b9b9b9 !important; }


.alarm_list01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    border-top: 1px solid #1e1e1e;
}
.alarm_list01 > li:first-child {
    margin-top: 12px;
}
.alarm_list01 > li {
    padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}
.alarm_list01 > li .tit_area01{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .tit_area01 .txt_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .tit_area01 .txt_box01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.alarm_list01 > li .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}
.alarm_list01 > li .con_area01 > li .left_box01 {
    width: 100%;
    max-width: 260px;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li .left_box01 .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li .left_box01 .tit_area01 .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li .left_box01 .tit_area01 .tit_box01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.alarm_list01 > li .con_area01 > li .right_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li .right_box01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.alarm_list01 > li .con_area01 > li .right_box01 .con_area01 .txt_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
}

/* .op_common_chk01 > label {
    font-size: 15px;
} */

.op_purpose01 .op_common_chk01 {
    align-items: flex-start;
}

/*토글스위치*/
[class*="toggle_switch"]{
    display: block;
    position: relative;
}
[class*="toggle_switch"] label{
    display: inline-flex;
    vertical-align: top;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    gap: 8px;
}
[class*="toggle_switch"] label .track{
    width:40px;
    height: 16px;
    display: block;
    background-color: #b9b9b9;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.5s;
    position: relative;
}
[class*="toggle_switch"] label .track::after{
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 24px;
    top: -2px;
    left: 0;
    z-index: 10;
    transition: left 0.3s;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #b9b9b9;
}
[class*="toggle_switch"] input:focus-visible ~ label{
    outline: 1px solid #000;
}

[class*="toggle_switch"] input:checked ~ label .track{
    background-color: #5d5fe4;
}
[class*="toggle_switch"] input:checked ~ label .track::after{
    left: 20px;
    border: 1px solid #5d5fe4;
}
[class*="toggle_switch"] label .toggle_switch_text{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #1E1E1E;
    line-height: 1.5;
}
/*//토글스위치*/
.top_rht_txt { 
    margin: 20px 0 12px; 
    color:#5d5d5d; 
    /* font-size: 19px;  */
    font-size: 17px; 
    text-align: right; 
    font-weight: 400; 
    line-height: 1.5; 
}
.btn_ranking {display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; width: 100%; }
.btn_ranking > a { 
    position: relative; 
    display: block; 
    width: calc((100% - 72px) / 4); 
    /* height: 137px;  */
    height: 126px; 
    padding: 20px 20px 20px 64px; 
    border:1px solid #dcdcdc; 
    border-radius: 24px;
}
.btn_ranking > a.acitve { background-color: #f6f8fe; border: 1px solid #5d5fe4; }
.btn_ranking > a .tit { 
    color:#1e1e1e; 
    /* font-size: 25px;  */
    font-size: 21px; 
    font-weight: 700; 
    line-height: 1.5;
}
.btn_ranking > a .tit .pc {
    display: inline-block;
    width: max-content;
}
.btn_ranking > a .txt {
    color:#1e1e1e; 
    /* font-size: 17px;  */
    font-size: 15px; 
    font-weight: 400; 
    line-height: 1.5;
}
.btn_ranking > a .tit + .txt {margin-top: 8px;}
.btn_ranking > a::before { position: absolute; left:20px; top:20px; content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 12px; background-repeat: no-repeat; background-size: 44px 44px; }
.btn_ranking > a:nth-child(1)::before { background-image: url("../img/ico_ranking01.svg"); }
.btn_ranking > a:nth-child(2)::before { background-image: url("../img/ico_ranking02.svg"); }
.btn_ranking > a:nth-child(3)::before { background-image: url("../img/ico_ranking03.svg"); }
.btn_ranking > a:nth-child(4)::before { background-image: url("../img/ico_ranking04.svg"); }
.f_box { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width:100%; }
.dot_col_list { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; gap: 80px; width: 100%;}
.dot_col_list > dl { display: flex; align-items: center; justify-content: center; gap: 24px; color:#1e1e1e; font-size: 19px; line-height: 1.5;}
.dot_col_list > dl > dt { position: relative; padding-left: 13px; font-weight: 400; }
.dot_col_list > dl > dt::after { content: ""; display: block; position: absolute; top: 10px; left: 5px; width: 4px; height: 4px; border-radius: 4px; background-color: #1e1e1e; }
.dot_col_list > dl > dd { font-weight: 700; word-break: break-all; }
.line_list { margin-top: 12px;}
.line_list > li { padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.line_list .tit_box { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width:100%; }
.line_list .tit_box .tit { margin-bottom:16px; color:#1e1e1e; font-size: 19px; font-weight: 600; line-height: 1.5;}

.cont_gap2000 { margin-top: 20px; }
.cont_gap4840 { margin-top: 48px; }
.cont_gap4032 { margin-top: 40px; }
.cont_gap2412 { margin-top: 24px; }
.cont_gap4020 { margin-top: 40px; }
.cont_gap4820 { margin-top: 48px; }
.cont_gap4832 { margin-top: 48px; }
.cont_gap6020 { margin-top: 60px; }
.cont_gap4040 { margin-top: 40px; }
/*입찰진행내역상세조회*/

.noti_msg_box {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.noti_msg_box .noti_msg01 {
    flex: 1 0 0;
}


/*//입찰진행내역상세조회*/

/*인증센터*/
.export_step_box {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-self: stretch;
    gap: 24px;
    margin-top: 40px;
}
.export_step {
    width: calc(50% - 12px);
    height: 549px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border: 1px solid #dcdcdc;
    border-radius: 24px;
}
.export_step_txt {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    min-height: 147px;
}
.stepline_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    padding-top: 24px;
    padding-right: 24px;
    position: relative;
    border-right: 1px solid #dcdcdc;
}
.stepline_box::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #5D5FE4;
    border-radius: 100px;
    right: -6px;
    top: 34px;
}
.stepline_box .step_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #5D5FE4;
}
.stepline_box .step_num {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    color: #5D5FE4;
}
.step_txt_box {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.step_txt_box .step_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.step_txt_box .step_txt {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    word-break: keep-all;
}
.export_step_img {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    padding-bottom: 21px;
    width: 100%;
}

.sign_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    gap: 16px;
    width: 100%;
}
.sign_list > li {
    width: calc((100% - 16px * 4) /5)
}
.sign_list .sign_item {
    overflow: hidden;
    display: block;
    width: 100%;
    border:1px solid #dcdcdc;
    border-radius:12px;
}
.sign_list .sign_item .sign_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 0;
}
.sign_list .sign_item .sign_logo img {
    margin:0 auto;
    width: 180px;
    height: 30px;
}
.sign_list .sign_item .sign_info {
    padding: 24px;
    background-color: #f9f9f9;
}
.sign_list .sign_item .sign_info .sign_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#1e1e1e;
}
.sign_list .sign_item .sign_info .sign_top .sign_tit {
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
}
.sign_list .sign_item .sign_info .sign_top .sign_tit::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_chevron_right_thick_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    top: 3px;
    right: 0;
}
.sign_list .sign_item .sign_info .sign_top .sign_rht {
    font-size: 19px;
}
.sign_list .sign_item .sign_info .sign_top .sign_rht em  {
    color: #5d5fe4;
    font-weight: 700;
}
.sign_list .sign_item .sign_info .sign_top .sign_rht span  {
    font-weight: 400;
}
.sign_list .sign_item .sign_info .sign_txt  {
    margin-top:4px;
    color:#5d5d5d;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
.sign_banner {
    width: 100%;
    margin-top: 48px;
}
.sign_banner img {
    width: 100%;
    height:170px;
}
.renew_list_box01 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    flex-direction: row;
    flex-wrap: nowrap;
}
.renew_list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}
.renew_list li:nth-child(odd) {
    width: 100%;
}
.renew_list li:nth-child(even) {
    width: 32px;
}
.renew_list .renew_list_cont {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 32px;
    width: 100%;
    height: 125px;
    padding: 12px 32px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.renew_list .renew_list_cont .renew_list_tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.renew_list .renew_list_cont .renew_list_tit .renew_tit_txt {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.renew_list .renew_list_cont .renew_list_tit .renew_tit_num {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.renew_list .renew_list_cont .renew_list_divide {
    width: 1px;
    height: 60px;
    background-color: #dcdcdc;
}
.renew_list .renew_list_cont .renew_list_txt {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    word-break: keep-all;
}
.list_arr01 {
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_chevron_right.svg");
    font-size: 0;
    background-size: 32px 32px;
    color: transparent;
}

/*//인증센터*/

.find_idpw_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.find_idpw_box01 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.find_idpw_box01 .left_box .tit_area01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}


.find_idpw_box02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 40px 0 60px 0;
}
.find_idpw_box02 .left_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.find_idpw_box02 .left_box .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.find_idpw_box02 .left_box .tit_area01 .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.find_idpw_box02 .left_box .tit_area01 .tit_box01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}
.find_idpw_box02 .left_box .tit_area01 .tit_box01 .txt01 .num {
    width: max-content;
    display: inline-block;
    box-sizing: border-box;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
    text-align: center;
}
.find_idpw_box02 .right_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 40px;
}
.find_idpw_box02 .right_box .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}


.box_unit01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 24px;
    flex-wrap: wrap;
}
.box_unit01.center {
    justify-content: center;
}
.box_unit01 > li {
    width: 100%;
    max-width: 440px;
    display: block;
    box-sizing: border-box;

    padding: 32px 40px;
    border: 1px solid #dcdcdc;
    border-radius: 24px;
    flex-shrink: 0;
}

.box_unit02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.box_unit02 .unit_01 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.box_unit02  li  + li {
    margin-top: 20px;
}
.box_unit02 .unit_01 .left_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.box_unit02 .unit_01 .left_box01 .txt01{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.box_unit02 .unit_01 .right_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.box_unit02 .unit_01 .right_box01 .txt02{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: right;
}
.box_unit02 .unit_01 .right_box01 .txt03{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
    text-align: right;
}
.box_unit01 > li .btn_group01 {
    width: 100%;
    display: block;
}
.box_unit01 > li .btn_box_center01 .op_common_btn {
    width: 100%;
}



.join_submit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.join_submit01 .ico_join_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f6f8fe;
    margin: 0 auto;
}
.join_submit01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 24px;
}
.join_submit01 .con_area01 li + li {
    margin-top: 12px;
}
.join_submit01 .con_area01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: center;
    word-break: keep-all;
}
.join_submit01 .con_area01 .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
    word-break: keep-all;
}

.card_type01 .left_box .con_area01 .left_box .box_thumb > img{
    max-width:100%;
    max-height:100%;
}

.pd_all_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}


/* 인사말 */
.contianer:has(.op_ceo_box01) {
    padding-bottom: 0;
}
.op_ceo_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.op_ceo_top .img_ceo {
    width: 100%;
    max-width: 1368px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;

    background-image: url('../img/op_banner03_pc.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 24px;
    overflow: hidden;
}
.op_ceo_top .img_ceo::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.op_ceo_top .txt01 {
    position: absolute;
    z-index: 100;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin-left: 80px;
}

.op_ceo_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.op_ceo_box01 .left_box {
    width: 486px;
    display: block;
    box-sizing: border-box;
}
.op_ceo_img {
    width: 450px;
    height: 651px;
    display: block;
    box-sizing: border-box;
    
    background-image: url('../img/img_ceo_pc.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-right: 36px;
    margin-top: 40px;
}

.op_ceo_box01 .right_box {
    width: 779px;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .right_box .con_area01{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.op_ceo_box01 .right_box .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .ceo_list01 {
    width: 100%;
    max-width: 812px;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .ceo_list01 li {
    margin-top: 20px;
}
.op_ceo_box01 .ceo_list01 .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .ceo_list01 .tit_area01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
}
.op_ceo_box01 .ceo_list01 .tit_area02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .ceo_list01 .tit_area02 .logo_img img {
    width:89px;
}
.op_ceo_box01 .ceo_list01 .tit_area02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_ceo_box01 .ceo_list01 .tit_area02 .txt01 {
    width: 100%;
    max-width: 624px;
    display: block;
    box-sizing: border-box;

    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    color: #0d0d0d;

    position: relative;
    /* padding-left: 40px; */
    word-break: keep-all;
}
/* .op_ceo_box01 .ceo_list01 .tit_area02 .txt01::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 24px;
    height: 19px;
    background-image: url('../img/ico_quotes_01.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 19px;
}
.op_ceo_box01 .ceo_list01 .tit_area02 .txt01::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 24px;
    height: 19px;
    background-image: url('../img/ico_quotes_02.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 19px;
} */
.op_ceo_box01 .ceo_list01 .tit_area03 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.op_ceo_box01 .ceo_list01 .tit_area03 .txt01 {
    width: max-content;
    display: block;
    box-sizing: border-box;
    
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1f00a1;
}
.op_ceo_box01 .ceo_list01 .tit_area03 .txt02 {
    width: max-content;
    display: inline-block;
    box-sizing: border-box;
    
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    padding-left: 20px;
}

.servie_line {
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    display: block;
    box-sizing: border-box;

}

.service_list01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.service_list01 li {
    width: max-content;
    display: block;
    box-sizing: border-box;
}
.service_list01 li .tit_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.service_list01 li .tit_area01 .txt01 {
    width: 100%;
    max-width: 720px;
    display: block;
    box-sizing: border-box;

    font-size: 40px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
    word-break: keep-all;
}
.service_list01 li .tit_area01 .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 40px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}
.service_txtbox01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
}
.service_txtbox01 .txt01 {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1a1a1a;
    text-align: center;
    position: relative;
}
.service_txtbox01 .txt01 {
    padding-left: 48px;
}
.service_txtbox01 .txt01 .img img {
    width: 60px;
}
.service_txtbox01 .txt02 {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1a1a1a;
    text-align: center;
    position: relative;
}
.service_diagrambox01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.service_diagrambox01 .offer_box01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 24px;
    flex: 1 0 0;
}
.service_diagrambox01 .offer_box01 .con_area01 {
    padding: 28px 28px 40px 28px;
    border-radius: 40px;
    background-color: rgba(93, 95, 288, 0.08);
    max-width: 445px;
    min-height: 407px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.service_diagrambox01 .offer_box01 .con_area01 .tit_box01 {
    gap: 12px;
}
.service_diagrambox01 .offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 .txt01 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
}
.service_diagrambox01 .tit_box02 .offer_list01 {
    width: 100%;
    margin: 0 auto;
}
.service_diagrambox01 .tit_box02 .offer_list01 li {
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}
.service_diagrambox01 .tit_box02 .offer_list01 li ~ li {
    margin-top: 8px;
}
.service_diagrambox01 .offer_arrw {
    width: 60px;
    height: 6px;
    background: url(../img/ico_arrw_double.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.service_diagrambox01 .offer_circle {
    width: 326px;
    height: 326px;
    border-radius: 326px;
    position: relative;
    background-color: rgba(93, 95, 228, 0.07);
    display: block;
    background-image: url(../img/img_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
}
.service_diagrambox01 .eng.offer_circle {
    background-image: url(../img/ico_logo_en.svg);
    background-size: 140px auto;
}
.service_diagrambox01 .offer_circle::before {
    position: absolute;
    content: '';
    width: 294px;
    height: 294px;
    border-radius: 294px;
    background-color: rgba(93, 95, 228, 0.05);
    margin: 0 auto;
    display: block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.service_diagrambox01 .offer_circle::after {
    position: absolute;
    content: '';
    width: 256px;
    height: 256px;
    border-radius: 256px;
    background-color: rgba(93, 95, 228, 0.05);
    margin: 0 auto;
    display: block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.service_list02 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 60px 40px;
    box-sizing: border-box;
}
.service_list02 > li {
    width: calc(100% / 2 - 40px);
}

.op_service01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.op_service01 .con_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 30px;
}
.op_service01 .con_tit01 .ico_servive01,
.op_service01 .con_tit01 .ico_servive02,
.op_service01 .con_tit01 .ico_servive03,
.op_service01 .con_tit01 .ico_servive04 {
    position: relative;
    width: 96px;
    height: 96px;
    background-size: 96px 96px;
}
.op_service01 .con_tit01 .tit01 {
    font-size: 25px;
    line-height: 1.5;
    font-weight: 700;
    color: #1e1e1e;
}
.op_service01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_service01 .con_area01 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.op_service01 .con_area01 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;

    word-break: break-all;
}
.op_service01 .con_area01 .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    margin-top: 24px;

    word-break: keep-all;

    padding: 0 18px;
}

/*.//인사말 */


.op_operate_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.op_operate_top .img_operate {
    width: 100%;
    max-width: 1368px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;

    background-image: url('../img/op_banner04_pc.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 24px;
    overflow: hidden;
}
.op_operate_top .img_operate::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.op_operate_top .txt01 {
    position: absolute;
    z-index: 100;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin-left: 80px;
}

/* 예상부대 비용 및 총 매입가 테이블 수정 */

.op_common_tbl10 tbody tr.sum_area02 th {
    background-color: #fff6f5;
}
.op_common_tbl10 tbody tr.sum_area02 td {
    background-color: #fff6f5;
    padding: 12px 20px;
}
.op_common_tbl10 tbody tr.sum_area02 td .txt_box01 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_common_tbl10 tbody td.calc_detail_area {
    background-color: #f6f8fe;
    padding: 24px;
}
.calc_detail_box01 {
    background-color: #fff;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 40px;
}
.calc_detail_box01 .cal_detail_innerbox01 {
    width: 100%;
}
.calc_detail_box01 .cal_detail_innerbox01 .btn_box_center01 {
    margin-top: 32px;
}

.calc_detail_box01 .cal_detail_innerbox01 .btn_pb_center01 {
    margin-top: 32px;
}

.calc_detail_box01 .f_group29 .op_common_select {
    width: 536px;
}
.calc_detail_box01 .f_group28 .op_common_input01 {
    width: 536px;
}
.calc_detail_box01 .multi_inner_box01 {
    width: 536px;
}
.calc_detail_box01 .f_group81 {
    width: 536px;
}
.calc_detail_box01 .f_group82 {
    width: 536px;
}


.mobile_only .op_mobile_tbl03 {
    border-top: 1px solid #1e1e1e;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.mobile_only .op_mobile_tbl03 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    padding-top: 16px;
}
.mobile_only .op_mobile_tbl03 ul .col_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
}
.mobile_only .op_mobile_tbl03 ul .col_item .item_con_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.mobile_only .op_mobile_tbl03 ul .col_item .item_con_box01 .tit01 {
    width: 140px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.mobile_only .op_mobile_tbl03 ul .col_item .item_con_box02 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.mobile_only .op_mobile_tbl03 ul .col_item .item_con_box02 .f_group80 .total_pay input {
    background-color: #fff6f5;
}
.mobile_only .op_mobile_tbl03 .item_con_box02 .noti_msg03 {
    font-size: 13px;
    margin-top: 8px;
}
.mobile_only .calc_detail_mo_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
}
.mobile_only .calc_detail_mo_box01 .calc_detail_group {
    width: 100%;
}
.mobile_only .calc_detail_mo_box01 .calc_detail_group .op_tbl_case03 + .btn_box_center01  {
    margin-top: 16px;
}
.mobile_only .calc_detail_mo_box01 .con_tit_box05 {
    width: 100%;
    padding-bottom: 8px;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 {
    width: 100%;
    gap: 16px;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 > .table_block01 .colum_block01 {
    flex-direction: column;
    border-bottom: 0;
    gap: 8px;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 > .table_block01 .tit_area02 {
    width: 100%;
    min-height: unset;
    padding: 0;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
    padding: 0;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 > .table_block01 .con_area01 {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.mobile_only .calc_detail_mo_box01 .multi_inner_box01 {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.mobile_only .calc_detail_mo_box01 .multi_inner_box01 .multi_inner_linkbox01 {
    width: auto;
    display: flex;
    justify-content: flex-end;
}
.mobile_only .calc_detail_mo_box01 .op_tbl_case03 > .table_block01 .con_area01 .multi_box01 {
    width: 100%;
}
.mobile_only .calc_detail_mo_box01 .f_group28 .op_common_input01 {
    width: 100%;
}
.mobile_only .calc_detail_mo_box01 .f_group81 {
    flex-direction: column;
}
.mobile_only .calc_detail_mo_box01 .f_group81 .f_left_box .op_common_input01 {
    width: 100%;
}
.mobile_only .calc_detail_mo_box01 .f_group81 .f_left_box .txt01 {
    font-size: 14px;
}
.mobile_only .calc_detail_mo_box01 .f_group81 .f_left_box label {
    min-width: 50px;
}
.mobile_only .calc_detail_mo_box01 .f_group82 {
    flex-direction: column;
    gap: 8px;
}
.mobile_only .calc_detail_mo_box01 .f_group82 .op_common_select {
    width: 100%;
}
.mobile_only .calc_detail_mo_box01 .pay_total_box01 .pay_total {
    padding: 6px 16px;
}
.mobile_only .calc_detail_mo_box01 .pay_total_box01 .pay_total .pay_total_tit {
    font-size: 14px;
}
.mobile_only .calc_detail_mo_box01 .pay_total_box01 .pay_total .pay_total_txt {
    font-size: 19px;
}
.mobile_only .calc_detail_mo_box01 .btn_box_center01 {
    margin: 0 auto;
}
.mobile_only .calc_detail_mo_box01 .multi_inner_box01 .txt01 {
    width: 100%;
    font-size: 13px;
}
.mobile_only .calc_detail_mo_box01 .calc_detail_group .total_pay > input:read-only {
    background-color: #fff6f5;
}

/* //예상부대 비용 및 총 매입가 테이블 수정 */
.plr20 { padding-left:0; padding-right:0; }


.op_offer_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.op_offer_top .img_offer {
    width: 100%;
    max-width: 1368px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;

    background-image: url('../img/op_banner05_pc.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 24px;
    overflow: hidden;
}
.op_offer_top .img_offer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.op_offer_top .txt01 {
    position: absolute;
    z-index: 100;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin-left: 80px;
    max-width: 460px;
}

.img_offer_sub01 {
    width: 608px;
    height: 567px;
    display: block;
    box-sizing: border-box;

    background-image: url('../img/img_offer_sub01.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}


.offer_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 24px;
}
.offer_box01 .con_area01 {
    width: 100%;
    max-width: 556px;
    min-height: 631px;
    display: block;
    box-sizing: border-box;

    background-color: #f9f9f9;
    border-radius: 24px;
    padding: 60px 60px;
}
.offer_box01 .con_area01 .tit_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
}
.offer_box01 .con_area01 .tit_box01 .con_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
}
.offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 .txt01 {
    width: max-content;
    display: block;
    box-sizing: border-box;

    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    word-break: break-all;
    text-align: center;
}
.offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 .txt01 + .txt01 {
    padding-left: 4px;
}
.offer_box01 .con_area01 .tit_box01 .con_box01 .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
    word-break: break-all;
    text-align: center;
}

.offer_box01 .con_area01 .tit_box02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.offer_box01 .con_area01 .brline {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #dcdcdc;
    margin: 32px 0;
}


.offer_list01 {
    width: 100%;
    max-width: 1136px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
}

.offer_list01 .tit01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.offer_list01 .con_area01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.offer_list01 .con_area01 li {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.offer_list01 .con_area01 li .tit_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    padding: 24px 40px;
    border-bottom: 1px solid #dcdcdc;
}
.offer_list01 .con_area01 li .tit_box01 .tit02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.offer_list01 .con_area01 li .tit_box01 .tit03 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5fe4;
    position: relative;
    word-break: break-all;
    padding-top: 8px;
    padding-left: 12px;
}
.offer_list01 .con_area01 li .tit_box01 .tit03::before {
    content: '*';
    position: absolute;
    top: 10px;
    left: 0;
}
.offer_list01 .con_area01 li .tit_box01 .dot_list03 {
    margin-top: 12px;
}
.offer_list01 .con_area01 li:last-child .tit_box01 {
    border-bottom: 0;
}
.offer_list01 .dot_list03 > li {
    color: #5d5d5d;
}

.banner_box01 {
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 12px;
}
.banner_box01 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    margin: 0 auto;
}



.asscociation {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.asscociation .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}
.asscociation .txt02 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}

/*인증센터*/
.btn_list_group01 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
}
.btn_list_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 20px 24px;
    flex: 1 0 0;
    background-color: #f9f9f9;
    border-radius: 12px;
}
.btn_list_box01 .btn_list_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}
.btn_list_box01 .btn_list_cont .tit_box01 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.btn_list_box01 .btn_list_cont .ico_certi_guide {
    width: 30px;
    height: 30px;
}
.btn_list_box01 .btn_list_cont .ico_certi_guide img {
    width: 100%;
}
.btn_list_box01 .btn_list_cont .tit01 {
    font-size: 19px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.5;
}
.btn_list_box01 .ico_arr05 {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_chevron_right.svg");
    font-size: 0;
    background-size: 20px 20px;
    color: transparent;
}

/* 인증서등록 */
.cert_list_box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}
.cert_list_box ul li {
    width: calc(100% / 3 - 16px);
}
.cert_list_box ul li .cert_card_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    padding: 24px 24px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fff;
}
.cert_tit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    width: 100%;
}
.cert_tit span {
    flex: 1 0 0;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    color: #5d5fe4;
}
.cert_info_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.cert_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.cert_info dl {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.cert_info dl dt {
    width: 108px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.cert_info dl dd {
    flex: 1 0 0;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.cert_dn_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 12px;
}
.cert_dn_info .cert_dn_tit {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
}
.cert_dn_info .cert_dn_cont {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    word-break: break-all;
}
.cert_list_box ul li .cert_card_box.expired {
    background-color: #f9f9f9;
}
.cert_list_box ul li .cert_card_box.expired .cert_tit span {
    color: #1e1e1e;
}
.cert_list_box ul li .cert_card_box.expired .cert_dn_info {
    background-color: #fff;
}
.cert_card_box .btn_view .txt {
    color: #5d5d5d;
    font-size: 17px;
}
.cert_card_box .btn_view.active .ico_arr01 {
    transform: rotate(-180deg);
    transition: all 0.3s ease-in-out;
}
.ico_del {
    display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-image: url(../img/ico_delect.svg); */
    background-image: url("../img/ico_tag_close.svg");
    font-size: 0;
    background-size: 20px 20px;
    padding: 8px;
    border: 1px solid #b9b9b9;
    border-radius: 8px;
    background-color: #fff;
}
.btn_del {
    border: 1px solid #b9b9b9;
    border-radius: 8px;
    background-color: #fff;
    padding: 8px 12px;
}
.btn_del .txt {
    font-size: 14px;
    font-weight: 600;
    color: #1e1e1e;
}


/* 인증서 내보내기,가져오기 */
.export_info_box {
    padding: 32px 40px;
    background-color: #f9f9f9;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.5;
    margin: 40px 0;
}
.cert_export_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    align-self: stretch;
}
.export_icon_box {
    display: flex;
    align-items: center;
    gap: 24px;
}
.export_icon_box .export_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.export_icon_box .export_icon .ico {
    width: 88px;
    height: 88px;
    padding: 20px;
    border-radius: 66px;
    background-color: #ffffff;
    align-items: center;
    background-size: 48px 48px;
}
.export_icon_box .export_icon .txt {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}
.cert_export_box .export_txt {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    margin-left: 8px;
}
.ico_identi_pc {
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-image: url(../img/ico_pc.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    color: transparent;
}
.ico_identi_m {
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    background-image: url(../img/ico_phone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    color: transparent;
}
.ico_export_arr01 {
    display: block;
    width: 24px;
    height: 105px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/ico_export_arrw.svg);
    font-size: 0;
    background-size: 24px 105px;
    color: transparent;
}
.export_step_img02 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 100%;
    padding-bottom: 21px;
}
.export_step_img02 img,
.export_step_img img {
    max-height: 330px;
}

/* 인증서안내 */
.certi_info_box01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    margin-top: 24px;
}
.certi_info_box01 > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    padding: 20px 32px 28px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    width: calc(100% / 2 - 12px);
    min-height: 276px;
    background-color: #f9f9f9;
}
.certi_info_box01 .tit_box01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.certi_info_box01 .tit_box01 .ico_certi_guide {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #5d5fe4;
    border-radius: 999px;
    padding: 8px;
    aspect-ratio: 1/1;
}
.certi_info_box01 .tit_box01 .ico_certi_guide img {
    width: 28px;
    height: 28px;
}
.certi_info_box01 .tit_box01 .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.certi_info_box01 .cont_box01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 167px;
}
.certi_info_box01 .cont_box01 .dot_list04 li + li {
    margin-top: 8px;
}

.gap_group:has(.certi_info_wrap) {
    display: flex;
    gap: 24px;
    margin-top: 12px;
}
.certi_info_wrap {
    width: 50%;
}
.certi_info_wrap .con_tit_box05 {
    padding-bottom: 16px;
}
.certi_info_box02 {
    width: 100%;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    min-height: 471px;
}
.certi_info_box02 > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    width: 100%;
}
.certi_info_box02 > ul > li ~ li::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    top: -24px;
}
.certi_info_box02 > ul > .certi_info_cont01 {
    display: inline-flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 10px;
    flex: 1 0 0;
    height: 100%;
    position: relative;
}
.certi_info_box02 > ul > .certi_info_cont01 .info_tit01 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    min-width: 120px;
}
.certi_info_box02 > ul > .certi_info_cont01 .dot_list04 > li + li {
    margin-top: 12px;
}
.info_divider01 {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
}
.info_divider02 {
    display: block;
    width: 1px;
    height: 139px;
    background-color: #dcdcdc;
}

.sign_list02 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    gap: 16px;
    width: 100%;
}
.sign_list02 > li {
    width: calc((100% - 16px * 5) /6)
}
.sign_list02 .sign_item {
    overflow: hidden;
    display: block;
    width: 100%;
    border:1px solid #dcdcdc;
    border-radius:12px;
}
.sign_list02 .sign_item .sign_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 45px 0;
}
.sign_list02 .sign_item .sign_logo img {
    margin:0 auto;
    width: 115px;
    height: 30px;
}
.sign_list02 .sign_item .sign_info {
    padding: 24px;
    background-color: #f9f9f9;
}
.sign_list02 .sign_item .sign_info .sign_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#1e1e1e;
}
.sign_list02 .sign_item .sign_info .sign_top .sign_tit {
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
}
.sign_list02 .sign_item .sign_info .sign_top .sign_tit::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_chevron_right_thick_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    top: 3px;
    right: 0;
}
.sign_list02 .sign_item .sign_info .sign_top .sign_rht {
    font-size: 19px;
}
.sign_list02 .sign_item .sign_info .sign_top .sign_rht em  {
    color: var(--primary_emabled);
    font-weight: 700;
}
.sign_list02 .sign_item .sign_info .sign_top .sign_rht span  {
    font-weight: 400;
}
.sign_list02 .sign_item .sign_info .sign_txt  {
    margin-top:4px;
    color:#5d5d5d;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
body:has(.sign_renew_box01) .op_common_btn.lg {
    width: 440px;
}
.sign_renew_box01 ul + .btn_box_left01 {
    margin-top: 20px;
}
/*//인증센터*/

/*용어사전*/
.dic_sch_wrap01 {
    margin-top: 20px;
}
.dic_sch_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.dic_sch_box .dic_sch_txt01 {
    text-align: center;
    /* font-size: 19px; */
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #1e1e1e;
}
.dic_sch_box .dic_sch_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}
.dic_sch_box .dic_sch_area .dic_sch01 {
    display: flex;
    align-items: center;
    gap: 28px;
}
.dic_sch_box .dic_sch_area .dic_sch01 > .txt01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    position: relative;
}
.dic_sch_box .dic_sch_area .dic_sch01 > .txt01::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background-color: #1e1e1e;
    left: -10px;
    top: 50%;
}
.dic_sch_box .dic_sch_area .dic_sch01 .dic_inpsch {
    display: flex;
    align-items: center;
    gap: 32px;
}
.dic_sch_box .dic_sch_area .dic_sch01 .dic_inpsch .rdo_list01 {
    gap: 28px;
    width: 242px;
}
.dic_sch_box .dic_sch_area .dic_sch01 .dic_inpsch .op_common_input01 > input {
    width: 291px;
}
.guide .dic_sch_box .op_common_btn {
    margin-top: 0;
}
.guide .dic_sch_box .op_common_btn.btn_search {
    border: 0;
}
.dic_sch_box .dic_sch_area .dic_sch01 .dic_btn_box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.op_common_btn.btn_dic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    min-width: 40px;
    max-width: fit-content;
    height: 40px;
    border-radius: 999px;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    margin-left: 0;
}
.op_common_btn.btn_dic .txt01 {
    flex: 1 0 0;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.op_common_btn.btn_dic.active {
    background-color: #5d5fe4;
    border-color: #5d5fe4;
}
.op_common_btn.btn_dic.active .txt01 {
    color: #fff;
    font-weight: 700;
}
.op_common_tbl01 tbody td .txt_box02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.op_common_tbl01 tbody td .txt_box02 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: left;
}
.op_common_tbl01 tbody td .txt_box01 .txt04 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    text-align: left;
    padding: 11px 0;
}
/*//용어사전*/

/*스파이웨어*/
.guide_txt01 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.spyware_info_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.spyware_info_box > .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.spyware_info_box > .txt01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: left;
    padding: 0;
}
.spyware_info_box > .txt01 > .noti_msg01 {
    font-size: 15px;
    color: #1e1e1e;
}
/*//스파이웨어*/

/*이용약관*/
.useterms_box01 {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    width: 100%;
}
.terms_cont_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    width: 100%;
}
.terms_cont_box01 .terms_tit01 {
    align-self: stretch;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.terms_cont_box01 .terms_txt01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
}
.terms_cont_box01 .terms_txt01 .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: left;
    padding: 0;
}
.terms_cont_box01 .terms_txt01 .number_list02 {
    width: calc(100% - 20px);
}

.number_list02 {
    display: block;
    width: 100%;
    list-style: decimal;
    margin-left: 20px;
}
.number_list02 > li {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.number_list02 > li ~ li {
    margin-top: 12px;
}
/*//이용약관*/
/*개인정보처리방침*/
.personal_terms_top {
    width: 100%;
    border-radius: 12px;
    background-color: #f6f8fe;
    padding: 32px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 16px;
}
.personal_terms_top .tit01 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-self: stretch;
    gap: 8px;
    flex: 1 0 0;
}

/*//개인정보처리방침*/


/*도움말상세*/
.help_detail_cont {
    margin-bottom: 8px;
    min-height: 566px;
}
.help_detail_box01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 24px;
    padding: 16px 20px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.help_detail_box01 .info_sub_file01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 23px;
}
.help_detail_box01 .info_sub_file01 .tit_box01{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.help_detail_box01 .info_sub_file01 .tit_box01 .tit01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 10px;
}
.help_detail_box01 .info_sub_file01 .tit_box01 .tit01::after{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.help_detail_box01 .info_sub_file01 .file_list01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 8px 16px;
    position: relative;
}
.help_detail_box01 .info_sub_file01 .file_list01 .item{
    display: block;
    width: max-content;
    box-sizing: border-box;
}
.help_detail_box01 .info_sub_file01 .file_list01 .item > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: max-content;
    box-sizing: border-box;
    gap: 4px;
    flex-shrink: 0;
}
.help_detail_box01 .info_sub_file01 .file_list01 .item > a .txt01{
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}
/*//도움말상세*/

/*낙찰후절차안내*/
.bid_guideline_wrap01 {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    gap: 24px;
}
.guideline_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}
.bid_guideline {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
    position: relative;
}
.bid_guideline::after {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% + 60px);
    background-color: #b9b9b9;
    top: 24px;
    left: 78px;
}
.bid_guideline.type_hline::after {
    height: 103%;
}
.bid_guideline:last-child::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
}
.guideline_wrap {
    width: 84px;
    height: 100%;
}
.guideline_num_box {
    width: 100%;
    display: inline-flex;
    padding-top: 3px;
    align-items: center;
    gap: 20px;
}
.guideline_num_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 53px;
}
.guideline_num_txt .step_tit {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.guideline_num_txt .step_num {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: #5d5fe4;
}
.guideline_linebox {
    width: 11px;
    height: 83px;
}
.guideline_linebox .guideline_dot {
    display: block;
    width: 11px;
    height: 83px;
    box-sizing: border-box;
    background-image: url(../img/ico_timeline_dot.svg);
    background-size: 11px 83px;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
}
.bud_guideline_cont {
    width: 1252px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.guide_cont_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.guide_cont_box .guide_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}
.guide_cont_box .guide_txt_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
}

.transfer_step_wrap01 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px 24px;
}
.transfer_step_wrap01 .dot_list01 .noti_msg01 {
    margin-top: 4px;
}
.transfer_step_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 614px;
}
.transfer_tit01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.transfer_cont_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 32px;
    min-height: 202px;
}
.transfer_cont_box02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 32px;
    min-height: 421px;
}
.transfer_cont01 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    width: 100%;
}
.transfer_cont01 .transfer_divider {
    width: 1px;
    height: 100px;
    background-color: #b9b9b9;
}
.transfer_cont01 .left_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.transfer_cont01 .right_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.transfer_cont_txt01 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.transfer_cont02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    width: 100%;
}
.transfer_cont02 .transfer_divider {
    width: 100%;
    height: 1px;
    background-color: #b9b9b9;
}
.transfer_cont02 .left_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.transfer_cont02 .right_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.transfer_step_box02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}
.transfer_step_box02 .transfer_cont01 .transfer_divider {
    width: 1px;
    height: 244px;
    background-color: #b9b9b9;
}
/*//낙찰후절차안내*/

/*입찰통계정보*/
.statics_info_box {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 20px;
    background-color: #f6f8fe;
}
.statics_info_box .statics_info_txt {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.statics_info_box .statics_info_txt a {
    font-weight: 700;
    color: #5d5fe4;
}
.statics_error_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.statics_error_info .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}

.stastics_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding-top: 20px;
}
.ico_stastics {
    width: 220px;
    height: 220px;
    border-radius: 220px;
    background-color: #eff3ff;
    background-image: url(../img/ico_statistics.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 124px 120px;
}
.stastics_txt01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.stastics_txt01 .txt01 {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
}
.stastics_txt01 .txt02 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
}
/*//입찰통계정보*/

/*오류발생시확인사항안내*/
.site_error_info .accordion_wrap.type3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.error_info_box01 .error_info_msg01 {
    display: block;
    margin-bottom: 40px;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_box01 .error_info_cont01 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.error_info_box01 + .error_info_box01 {
    margin-top: 40px;
}
.error_info_box01 .error_info_cont01 .error_info_num {
    width: 28px;
    height: 28px;
    padding: 0 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #5d5fe4;
    border-radius: 999px;
}
.error_info_box01 .error_info_cont01 .error_info_num .txt_num {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
.error_info_box01 .info_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_box01 .error_info_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    margin-bottom: 16px;
}
.error_info_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
}
.error_info_txt .info_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_txt .info_txt02 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_info_notice {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    margin: 12px 0;
}
.error_info_notice .noti_tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_notice .noti_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_csinfo_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
}
.error_csinfo_wrap .error_csinfo_box {
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 24px 40px;
}
.error_csinfo_wrap .error_csinfo_box.type01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 {
    display: flex;
    align-items: center;
    gap: 6px;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt02 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt02 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt02 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_csinfo_wrap .error_csinfo_box.type02 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 345px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 12px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .error_csinfo_icon {
    width: 60px;
    height: 60px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .csinfo_link_txt01 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
/*//오류발생시확인사항안내*/

/*사이트이용안내*/
.siteuse_info_box01 {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}
.siteuse_info_box01 li {
    width: 50%;
    padding: 24px;
    border-radius: 12px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    gap: 20px;
}
.siteuse_info_box01 li .ico_googlestore {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 999px;
    background-image: url(../img/logo_playstore.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 24px;
}
.siteuse_info_box01 li .ico_applestore {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 999px;
    background-image: url(../img/logo_appstore.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
}
.siteuse_info_box01 li .appstore_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    position: relative;
}
.siteuse_info_box01 li .appstore_info .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #000;
}
.siteuse_info_box01 li .appstore_info .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.siteuse_info_box01 li .ico_googlestore + .appstore_info::after {
    position: absolute;
    width: 64px;
    height: 64px;
    content: '';
    background-image: url(../img/img_android_qr.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    top: 0;
    right: 0;
}
.siteuse_info_box01 li .ico_applestore + .appstore_info::after {
    position: absolute;
    width: 64px;
    height: 64px;
    content: '';
    background-image: url(../img/img_ios_qr.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    top: 0;
    right: 0;
}
.export_step_box.type02 {
    margin-top: 4px;
}

.support_list01 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}
.support_list01 .support_item01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: calc(100% / 4);
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 24px;
}
.support_list01 .support_item01 .ico_support01 {
    width: 68px;
    height: 68px;
    background-color: #fff;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support_list01 .support_item01 .ico_support02 {
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support_list01 .support_item01 .support_txt_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.support_list01 .support_item01 .support_txt_box .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.support_list01 .support_item01 .support_txt_box .txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*//사이트이용안내*/

/*정부재산공개*/

.info_main_list03 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.info_main_list03 .item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 12px 16px;
    height: 132px;
    width: calc(100% / 3);
    margin-top: -1px;
}
.info_main_list03 .item.bg_color01 {
    background-color: #fff6f5;
}
.info_main_list03 .item:first-child{
    border-radius: 12px 0 0 0;
}
.info_main_list03 .item:nth-child(3){
    border-right: 1px solid #dcdcdc;
    border-radius: 0 12px 0 0;
}
.info_main_list03 .item:nth-child(4){
    border-left: 1px solid #dcdcdc;
    border-radius: 0 0 0 12px;
}
.info_main_list03 .item:last-child{
    border-right: 1px solid #dcdcdc;
    border-radius: 0 0 12px 0;
}
.info_main_list03 .item .tit_box01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
.info_main_list03 .item .tit_box01 .tit01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.info_main_list03 .item .tit_box02{
    display: flex;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.info_main_list03 .item .tit_box02 .tit01{
    display: block;
    width: max-content;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.info_main_list03 .item .tit_box03{
    display: flex;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.pc_only .info_main_list03 .badge_box10 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.info_main_list03 .item .txt_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.info_main_list03 .item .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.info_main_list03 .item .txt_box01 .price01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.info_main_list03 .item .txt_box01 .price02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.info_main_list03 .item .txt_box01 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.info_main_list03 .item .txt_box01 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}

.pc_only .info_main_list03 .item .tit_box03 .tit01{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}

.top_detail_box02 {
    padding-top: 20px;
}
.info_data_box01 {
    padding: 0 0 20px;
    border-top: 0;
}
/*정부재산공개*/
/*온비드온스토어*/
.onbid_store_wrap {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
}
.store_info_tit01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 80px 0 80px;
    width: 100%;
}
.store_info_tit01 .tit01 {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: center;
}
.store_info_tit01 .txt01 {
    color: #717171;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
}
.store_login_box {
    width: 100%;
    height: 350px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    background-image: url(../img/img_storetop_pc.png);
    background-repeat: no-repeat;
    background-position: center;
}
.store_login_txtbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.store_login_txtbox .store_login_tit01 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.store_login_txtbox .store_login_txt01 {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    width: 440px;
    text-align: center;
}
.store_item_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;
    gap: 24px;
}
.store_item_list li {
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    width: calc(100% / 4 - 18px);
}
.store_item_list li a .store_item_img {
    width: 322px;
    height: 322px;
    flex-shrink: 0;
}
.store_item_list li a .store_item_img img {
    width: 100%;
    border-radius: 12px 12px 0 0;
}
.store_item_list li a .store_item_tit {
    width: 100%;
    height: 98px;
    padding: 20px 24px;
}
.store_item_list li a .store_item_tit .tit01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    display: block;
    box-sizing: border-box;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.onstore_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding-top: 20px;
}
.ico_onstore {
    width: 220px;
    height: 220px;
    border-radius: 220px;
    background-color: #eff3ff;
    background-image: url(../img/ico_onstore01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 124px 120px;
}
.onstore_txt01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.onstore_txt01 .txt01 {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.5;
    color: #1a1a1a;
    text-align: center;
}
.onstore_txt01 .txt02 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1a1a1a;
    text-align: center;
}
/*//온비드온스토어*/
.con_tit_sub_box01 .tit {
    padding: 20px 0 24px;
    color: #1e1e1e;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
}
.cust_modify .guide .info_tit03 {
    color: #1e1e1e;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.5;
}
.cust_modify .guide.type_pd {
    padding: 40px;
}

.cust_modify .guide .info_tit03 i {
    margin-right: 6px;
}

.bid_tbl_btngroup02 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* .op_common_tbl10 tbody td .txt_box01{
    line-height: 1.5;
} */
.cmpns_list.type01 .cmpns_item .cmpns_logo img {
    width: 150px;
    height: 100px;
}
.cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_txt .btn_box_left03 {
    margin-top: 12px;
}
.cmpns_list.type01 .cmpns_item .cmpns_logo {
    height: 120px;
}
.cmpns_item01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 20px 24px;
    min-height: 96px;
}
.cmpns_item01 .cmpns_logo {
    width: 56px;
    height: 35px;
    text-align: right;
    flex-shrink: 0;
}
.cmpns_item01 .cmpns_logo picture img {
    width: 100%;
    mix-blend-mode: multiply;
}
.cmpns_item01 .cmpns_info {
    width: 100%;
}
.cmpns_item01 .cmpns_info .cmpns_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cmpns_item01 .cmpns_info .cmpns_txt > span {
    color: #5d5d5d;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
}
.cmpns_item01 .cmpns_info .cmpns_txt .btn_box_right03 {
    width: max-content;
}

.cmpns_list.type02 > li {
    width: calc(100% / 2 - 12px);
}
.cmpns_list.type02 .cmpns_item .cmpns_info .cmpns_txt {
    min-height: auto;
}
.cmpns_list.type02 > li:nth-child(1) .cmpns_item .cmpns_logo img {
    width: 105px;
}
.cmpns_list.type02 > li:nth-child(2) .cmpns_item .cmpns_logo img {
    width: 138px;
}


.con_txt_box {
    color: #5d5d5d;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
}
.con_txt_box .btn_box_left03 {
    margin-top: 8px;
}

.btn_box_left03 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.btn_box_left03 .op_common_btn.sm {
    width: auto;
}


.btn_box_left04 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.btn_box_left04 .op_common_btn {
   width: auto;
}
.btn_box_left04 .op_common_btn.tertiary.active {
    /* background-color: #5d5fe4; */
    background-color: #5d5d5d;
}
.btn_box_left04 .op_common_btn.tertiary .txt {
    padding-top: 1px;
 }
.btn_box_left04 .op_common_btn.tertiary.active .txt {
    color: #ffffff;
 }


.cmpns_list .cmpns_item {
    height: 100%;
    background-color: #f9f9f9;
}
.cmpns_list {
    align-items: stretch;
}
.cmpns_list .cmpns_item .cmpns_logo {
    background-color: #fff;
}
.cmpns_list .cmpns_item .cmpns_logo {
    background-color: #fff;
}
.tit_img_box {
    position: relative;
    height: 210px;
    border-radius: 24px;
    overflow: hidden;
}
.tit_img_box > img {
    width: 100%;
    height: 100%;
}
.tit_img_box > .tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5;
}

.tit_h_box01 {
    font-size: 36px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.tit_h_box01 + .txt_x_box01 {
    width: calc(100% - 388px);
    margin: 40px auto;
}
.txt_x_box01 {
    font-size: 21px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.img_x_box01 {
    margin-top: 60px;
}
.img_x_box01 > img {
    width: 984px;
    height: 540px;
    margin: 0 auto;
}

.gall_list {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}
.gall_list > li {
    width: calc((100% - 72px) / 4);
    height: 100%;
    min-height: 512px;
    max-height: 512px;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.gall_list > li .gall_thumb {
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.gall_list > li .gall_thumb > img {
    width: 100%;
    height: 100%;
}
.gall_list > li .gall_info {
    margin-top: 24px;
}
.gall_list > li .gall_info dt {
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.gall_list > li .gall_info dt + dd {
    margin-top: 8px;
}
.gall_list > li .gall_info dd {
    font-size: 19px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    max-height: 228px;
    overflow: hidden;
}

.gall_swiper {
    padding-bottom: 67px;
}
.gall_swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 3px !important;
    background-color: #b9b9b9;
    border-radius: 999px;
    opacity: 1;
}
.gall_swiper .swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    background-color: #5d5d5d;
    border-radius: 10px;
}
.gall_swiper .swiper-info {
    display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.gall_swiper .swiper-pagination {
    width: auto;
    height: 10px;
    display: inline-block;
    position: unset;
}
.gall_swiper .btn_stopPlasy1 {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    display: inline-block;
    background: url(../img/main/ico_stop_items.svg) no-repeat center center;
    background-size: 20px 20px;
    position: relative;
    z-index: 1;
    color: transparent;
    font-size: 1px;
}
.gall_swiper .btn_stopPlasy1.on {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/main/ico_play_items.svg) no-repeat center center;
    background-size: 20px 20px;
    position: relative;
    z-index: 1;
    color: transparent;
    font-size: 1; /* opacity: .5; */
}
.gall_swiper .btn_stopPlay1 {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    display: inline-block;
    background: url(../img/main/ico_stop_items.svg) no-repeat center center;
    background-size: 20px 20px;
    position: relative;
    z-index: 1;
    color: transparent;
    font-size: 1px;
}
.gall_swiper .btn_stopPlay1.on {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/main/ico_play_items.svg) no-repeat center center;
    background-size: 20px 20px;
    position: relative;
    z-index: 1;
    color: transparent;
    font-size: 1; /* opacity: .5; */
}
.gall_swiper .swiper-pagination-bullet {
    vertical-align: top;
}

/* 기부처 테이블 */
.op_common_tbl03.type_donation thead tr th {
    height: auto;
    background-color: #fff;
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #dcdcdc;
}
.op_common_tbl03.type_donation thead tr th .tit_box01 .txt01 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    padding: 16px 0;
    color: #0d0d0d;
}
.op_common_tbl03.type_donation tbody td {
    height: auto;
    padding: 23px 12px;
}
.op_common_tbl03.type_donation tbody tr:nth-child(2n) td {
    background-color: #fff;
}
.op_common_tbl03.type_donation tbody td .txt_box01 .txt01 {
    font-size: 19px;
    color: #333;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.y_area {
    width: 904px;
    margin: 0 auto;
    overflow: hidden;
}
.y_swiper,
.y_swiper2 {
    margin-top: 60px;
    width: 226px;
    height: 48px;
    overflow: visible;
}
.y_swiper .swiper-wrapper,
.y_swiper2 .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
}
.y_swiper .swiper-slide,
.y_swiper2 .swiper-slide {
    width: 226px !important;
    text-align: center;
    color: #949494;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
}
.y_swiper .swiper-slide.swiper-slide-active,
.y_swiper2 .swiper-slide.swiper-slide-active {
    color: #5d5fe4;
    font-weight: 700;
}

.y_swiper .swiper-button-next,
.y_swiper .swiper-button-prev,
.y_swiper2 .swiper-button-next,
.y_swiper2 .swiper-button-prev {
    width: 24px;
    height: 24px;
    margin-top: 0;
}
.y_swiper .swiper-button-prev:after,
.y_swiper .swiper-rtl .swiper-button-next:after,
.y_swiper2 .swiper-button-prev:after,
.y_swiper2 .swiper-rtl .swiper-button-next:after {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 700;
}
.y_swiper .swiper-button-next:after,
.y_swiper .swiper-rtl .swiper-button-prev:after,
.y_swiper2 .swiper-button-next:after,
.y_swiper2 .swiper-rtl .swiper-button-prev:after {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 700;
}
.y_swiper .swiper-button-prev,
.y_swiper .swiper-rtl .swiper-button-next,
.y_swiper2 .swiper-button-prev,
.y_swiper2 .swiper-rtl .swiper-button-next {
    left: 50%;
    margin-left: -210px;
    right: auto;
    top: 10px;
}
.y_swiper .swiper-button-next,
.y_swiper .swiper-rtl .swiper-button-prev,
.y_swiper2 .swiper-button-next,
.y_swiper2 .swiper-rtl .swiper-button-prev {
    left: auto;
    margin-right: -210px;
    right: 50%;
    top: 10px;
}
.info_swiper {
    margin-top: 40px;
}
.info_swiper .swiper-slide {
    background-color: #fff;
}
.info_swiper2 {
    margin-top: 80px;
}

.hstry_area {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.hstry_area .lft,
.hstry_area .rht {
    width: 50%;
}
.hstry_area .lft .txt_s {
    font-size: 21px;
    font-weight: 600;
    color: #717171;
    line-height: 1.5;
}
.hstry_area .lft .tit {
    font-size: 40px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.hstry_area .lft .hstry_thumb {
    margin-top: 40px;
}
.step_list {
    position: relative;
    padding-left: 55px;
}
.step_list::before {
    position: absolute;
    left: 8px;
    top: 20px;
    display: block;
    content: "";
    width: 1px;
    height: calc(100% - 20px);
    background-color: #b9b9b9;
}
.step_list > li {
    position: relative;
}
.step_list > li::after {
    position: absolute;
    left: -55px;
    top: 20px;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #5d5fe4;
    border-radius: 50%;
}
.step_list > li + li {
    margin-top: 80px;
}
.step_list > li > dl > dt {
    font-size: 36px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.step_list > li > dl > dt + dd {
    margin-top: 20px;
}
.step_list > li > dl > dd {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 19px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.step_list > li > dl > dd > strong {
    display: inline-block;
    min-width: 40px;
    color: #1e1e1e;
    font-weight: 700;
}
.step_list > li > dl > dd + dd {
    margin-top: 20px;
}

.step_list2 {
    position: relative;
    padding-left: 111px;
}
.step_list2 > li::before {
    position: absolute;
    left: -37px;
    top: 10px;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #b9b9b9;
}
.step_list2 > li {
    position: relative;
    padding-bottom: 60px;
}
.step_list2 > li::after {
    position: absolute;
    left: -42px;
    top: 10px;
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #5d5fe4;
    border-radius: 50%;
}
.step_list2 > li .dot_step {
    position: absolute;
    left: -111px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    color: #5d5fe4;
}
.step_list2 > li .dot_step > span {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}
.step_list2 > li .dot_step > em {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
}
.step_list2 > li .tit02 {
    font-size: 23px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.step_list2 > li .tit02 + .dot_list04 {
    margin-top: 12px;
}
.step_list2 > li .tit02 + .dot_list01 {
    margin-top: 12px;
}
.step_list2 > li .tit02 + .box_gray {
    margin-top: 12px;
}
.step_list2 > li .dp_row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.step_list2 > li:last-child::before {
    display: none;
}
.step_list2 .dot_list04 > li > .dash_list01 {
    margin-top: 8px;
}
.step_list2 .dot_list04 li > .op_common_btn {
    margin-top: 12px;
    margin-left: -16px;
}
.step_list2 .box_gray {
    margin-top: 12px;
}
.step_list2 .box_gray .tit01 {
    font-size: 21px;
}
.step_list2 .box_gray .dot_list04 li > .op_common_btn {
    margin-top: 12px;
    margin-left: -16px;
}

/* 연혁 */
.year_swiper {
    margin-top: 40px;
}
.year_swiper ul {
    justify-content: center;
}
.year_swiper ul > .swiper-slide {
    width: max-content;
}
.year_swiper ul > .swiper-slide a {
    width: 160px;
    height: 48px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background-color: #e9e9fc;
    border-radius: 999px;
    font-size: 19px;
    color: #5d5fe4;
    font-weight: 700;
    line-height: 1.5;
}
.year_swiper ul > .swiper-slide.active a {
    background-color: #5d5fe4;
    color: #fff;
}

.history_area {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 60px;
}
.history_tit {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    color: #0d0d0d;
    width: 100%;
    text-align: center;
}
.history_box {
    width: 100%;
    display: flex;
    gap: 80px;
}
.history_year {
    font-size: 46px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: normal;
    width: 140px;
}
.history_bar {
    position: relative;
    width: 19px;
    padding-top: 20px;
}
.history_bar::before {
    position: absolute;
    content: '';
    width: 2px;
    height: calc(100% + 60px);
    top: 20px;
    left: 45%;
    background-color: #b9b9b9;
}
.history_box:last-child .history_bar::before {
    position: absolute;
    content: '';
    width: 2px;
    height: calc(100% - 25px);
    top: 20px;
    left: 45%;
    background-color: #b9b9b9;
}
.history_dot {
    background-color: #e9e9fc;
    width: 19px;
    height: 19px;
    border-radius: 100px;
    display: block;
    position: relative;
}
.history_dot:before { 
    position: absolute;
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    background-color: #5d5fe4;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.history_cont {
    padding: 12px 0;
    width: 100%;
}
.history_cont ul > li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.history_cont ul > li + li {
    margin-top: 24px;
}
.history_cont ul > li .history_month {
    font-size: 23px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
    width: 60px;
}
.history_cont ul > li .history_txt {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #0d0d0d;
    width: calc(100% - 60px);
}
.history_box.awrads ul > li { 
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.history_box.awrads ul > li .awds_tit {
    display: flex;
    align-items: center;
    gap: 12px;
}
.history_box.awrads ul > li .awds_tit .history_txt {
    font-weight: 600;
    word-break: keep-all;
}
.history_box.awrads ul > li .awds_box {
    margin-left: 72px;
    display: flex;
    gap: 20px;
    align-items: center;
}
.history_box.awrads ul > li .awds_box > div {
    font-size: 17px;
    line-height: 1.5;
    color: #666;
    font-weight: 400;
}

.box_gray {
    padding: 32px;
    border-radius: 12px;
    background-color: #f9f9f9;
}
.box_gray .tit01 {
    color: #1e1e1e;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}
.box_gray .tit01 + .dot_list04 {
    margin-top: 12px;
}
.box_gray .tit01 + .dot_list01 {
    margin-top: 12px;
}
.box_gray > hr {
    margin: 24px 0;
    border: 0;
    border-bottom: 1px solid #b9b9b9;
}
.txt_sm {
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

.awards_area {
    width: 926px;
    margin: 0 auto;
    background-color: #fff;
}
.step_awards_list {
    position: relative;
    padding-left: 116px;
}
.step_awards_list > li {
    position: relative;
    padding-top: 54px;
    padding-bottom: 60px;
}
.step_awards_list > li::before {
    position: absolute;
    left: -70px;
    top: 20px;
    display: block;
    content: "";
    width: 1px;
    height: calc(100% - 40px);
    background-color: #b9b9b9;
}
.step_awards_list .y_tip {
    position: absolute;
    left: -113px;
    top: 0;
    background-color: #fff;
    font-size: 36px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.step_awards_list .m_awards {
    position: relative;
}
.step_awards_list .m_awards + .m_awards {
    margin-top: 40px;
}
.step_awards_list .m_awards .m_tip {
    position: absolute;
    left: -100px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 32px;
    background-color: #717171;
    border-radius: 60px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
.step_awards_list .m_awards .m_tip.on {
    background-color: #5d5fe4;
}
.step_awards_list .awards_info > li + li {
    margin-top: 40px;
}
.step_awards_list .awards_info .awards_tit {
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.step_awards_list .awards_info .awards_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 16px;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 40px;
    font-size: 19px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}

.card_dl_list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
}
.card_dl_list > li {
    width: calc((100% - 24px) / 2);
    min-height: 280px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    overflow: hidden;
}
.card_dl_list > li .card_dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 28px;
    background-color: #f6f8fe;
}
.card_dl_list > li .card_dt .tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    color: #1e1e1e;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
}
.card_dl_list > li .card_dt .rht {
    color: #1e1e1e;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
}
.card_dl_list > li .card_dd {
    padding: 24px 28px;
}
.card_dl_list > li .card_dd > dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.card_dl_list > li .card_dd > dl + dl {
    margin-top: 12px;
}
.card_dl_list > li .card_dd > dl > dt {
    position: relative;
    min-width: 108px;
    padding-left: 13px;
    color: #1e1e1e;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    flex-shrink: 0;
}
.card_dl_list > li .card_dd > dl > dt::before {
    position: absolute;
    left: 4px;
    top: 9px;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #1e1e1e;
    border-radius: 4px;
}
.card_dl_list > li .card_dd > dl > dd {
    width: calc(100% - 108px);
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    flex-shrink: 0;
}

.ptb4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.d_m_b {
    display: none;
}

/*이벤트 목록 페이지 추가*/
.event_tbl_wrap {
    margin-top: 40px;
}
/*//이벤트 목록 페이지 추가*/


/*세금/대출안내*/
.tax_info_wrap .guide_info05 {
    margin-top: 40px;
}
.tax_info_wrap .accordion ~ .accordion {
    margin-top: 16px;
}
.tax_info_wrap .tax_info_tit {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
    margin-bottom: 4px;
}
.loan_bank_box {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.loan_bank_box .ico_bank {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background-color: #f6f8fe;
    border-radius: 999px;
}
.loan_bank_box .txt01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.loan_msg01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    margin-top: 20px;
    display: block;
}
/*//세금/대출안내*/

/*고객지원센터*/
.onbid_csinfo_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    align-self: stretch;
}
.onbid_csinfo_box01 {
    width: 440px;
    /* padding: 40px; */
    padding: 24px 32px 32px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    background-color: #f3f3f3;
    border-radius: 12px;
}
.onbid_csinfo_box01.mobile {
    display: none;
}
.onbid_csinfo_box02 {
    width: 672px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
    background-color: #f9f9f9;
    border-radius: 12px;
}
.onbid_csinfo_tit {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    position: relative;
}
.onbid_csinfo_tit::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_chevron_right_thick_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    right: 0;
}
.onbid_csinfo_box01.pc .onbid_csinfo_tit::after {
    display: none;
}
.onbid_csinfo_tit .onbid_csionfo_ico {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px;
    border-radius: 999px;
    background-color: #5d5fe4;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_call {
    background-image: url(../img/ico_siteinfo_call.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_qna {
    background-image: url(../img/ico_siteinfo_qna.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_faq {
    background-image: url(../img/ico_siteinfo_faq.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_chat {
    background-image: url(../img/ico_siteinfo_chat.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_monitor {
    background-image: url(../img/ico_cus2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_ring {
    background-image: url(../img/ico_my_ring_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}
.onbid_csinfo_tit .tit01 {
    /* font-size: 25px; */
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.onbid_csinfo_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}
.onbid_csinfo_cont .dot_list01 li {
    font-size: 19px;
    color: #333;
    text-align: left;
    padding-left: 16px;
}
.onbid_csinfo_cont .dot_list01 li + li {
    margin-top: 12px;
}
/*//고객지원센터*/

/*물건지도이미지조회 팝업*/
.popup_map_box {
    width: 100%;
    height: 586px;
    margin-top: 24px;
}
.popup_map_wrap .op_tbl_case03 > .table_block01 .tit_area02 {
    width: 148px;
}
/*//물건지도이미지조회 팝업*/

/*전체메뉴팝업*/
.pop.all_menu_pop {
    border-radius: 0;
    padding: 0;
    height: 100%;
}
.pop.all_menu_pop .top {
    padding: 60px 0 20px 0;
}
.pop.all_menu_pop .top .tit {
    width: auto;
    min-width: auto;
}
.pop.all_menu_pop .top .tit img {
    width: 110px;
    height: 48px;
}
.pop.all_menu_pop .top .top_right_box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}
.pop.all_menu_pop .top .top_right_box .btn-close {
    width: 36px;
    height: 36px;
}
.pop.all_menu_pop .top .top_right_box .btn-close img {
    width: 85%;
}
.pop.all_menu_pop .pop_main_con_box01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    max-height: 100%;
    overflow-y: auto;
    padding-top: 140px;
    padding-bottom: 36px;
}
.pop.all_menu_pop .pop_mc_inner {
    max-width: 1368px;
    margin: 0 auto;
}
.pop.all_menu_pop .allmenu_wrap {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
    flex: 1 0 0;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_tit {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 12px 0 12px 24px;
    display: flex;
    align-items: center;
    align-self: stretch;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_tit .tit01 {
    /* font-size: 25px; */
    /* font-size: 21px; */
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_tit.active {
    background-color: #5d5fe4;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_tit.active .tit01 {
    color: #fff;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth {
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    /* gap: 24px; */
    gap: 20px;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth {
    width: 100%;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .txt01 {
    display: block;
    width: 100%;
    padding: 0;
    /* font-size: 21px; */
    /* font-size: 19px; */
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: left;
}
/* .pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .txt01.active:hover {
    border-bottom: 1px solid #3b37d1;
} */
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .txt01.active {
    color: #3b37d1;
}

.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth {
    position: relative;
    width: 100%;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background-color: #717171;
    top: 11px;
    left: 0;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth > .txt01 {
    padding: 0 0 0 10px;
    /* font-size: 19px; */
    /* font-size: 17px; */
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
    text-align: left;
    /* white-space: nowrap; */
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth:hover::before {
    background-color: #5d5fe4;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth:hover > .txt01 {
    color: #5d5fe4;
    font-weight: 600;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth.active::before {
    background-color: #5d5fe4;
}
.pop.all_menu_pop .allmenu_wrap .allmenu_box01 .allmenu_1depth > .menu_1depth > .allmenu_2depth > .menu_2depth.active > .txt01 {
    color: #5d5fe4;
    font-weight: 600;
}





.op_common_input95 {
    position: relative;
    display: block;
    width: 380px;
    box-sizing: border-box;
}
.op_common_input95 > input{
    display: block;
    width: 100%;
    height: 48px;
    /* padding: 1px 38px 0 16px; */
    padding: 1px 75px 0 16px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px 8px;
    border: 1px solid #717171;
    background-color: #fff;
    color: #1e1e1e;
}
.op_common_input95.active > input{
    display: block;
    width: 100%;
    border-bottom: 0;
    border: 1px solid #1e1e1e;
}
.op_common_input95 > input:focus {
    outline: none;
    border: 1px solid #1e1e1e;
}
.op_common_input95.self .select_option01{
    display: none;
}
.op_common_input95 > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.op_common_input95 > input:read-only{background-color: #ebebeb;color: #1e1e1e; border: 1px solid #717171;}
.op_common_input95 > .btn_clear01{display: block;position: absolute;top: 10px;right: 16px;transform: translateY(0%);background-size: 20px 20px;z-index: 10;}
.op_common_input95 > input:placeholder-shown ~ .btn_clear01{display: none;}
.op_common_input95.active > .btn_clear01{display: none !important;}
.op_common_input95 > input:read-only ~ .btn_clear01{display: none;}
.op_common_input95 > .msg{display: none;width: 100%;font-size: 13px;font-weight: 400;line-height: 1.5;text-align: left;margin-top: 8px;}
.op_common_input95 .ico_btn_search {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer;}
.op_common_input95 .ico_btn_search::before {content: '';display: block;width: 28px;height: 28px;background: url('../img/ico_search-thick.svg') no-repeat center/100%;}

.op_common_input95.error > .ico_btn_search {transform: translateY(-100%);}
.op_common_input95.error > .msg{display: block;color: #e0280a;text-align: left;}
.op_common_input95.success > .ico_btn_search {transform: translateY(-100%);}
.op_common_input95.success > .msg{color: #006e25;display: block;text-align: left;}
.op_common_input95.success > input{border: 1px solid #006e25;}
.op_common_input95 .select_option01 {
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    display: block;
    border-radius: 8px;
    border: 1px solid #1e1e1e;
    background-color: #fff;
    z-index: 11;
    display: none;
    padding: 8px 16px;
}
.op_common_input95.active .select_option01{
    display: block;
}
.op_common_input95 .select_option01 .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color:#1e1e1e;
}
.op_common_input95 .select_option01 li {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.op_common_input95 .select_option01 .select_option_top .txt01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.op_common_input95 .select_option01 .select_option_top .txt01 .ico_close {
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_close.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

.op_common_input95 > input:placeholder-shown {
    padding: 1px 45px 0 16px
    }
    
/*//전체메뉴팝업*/

/*검색조건내역*/
.pop_dim > .pop.sch_condi_pop {
    padding: 0 24px;
}
.pop_dim > .pop.sch_condi_pop > .top {
    padding: 24px
}
.pop_dim .tab_con.type10 .tab_content_wrap .tab_contents > div {
    margin-top: 7px;
}
.pop_dim .pop_mc_inner .tab_con.type10 .tab_content_wrap:has(.accordion.on) {
    padding-right: 5px;
}
.sch_condi_tit02 .sch_condi_btn01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    margin-bottom: 16px;
}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 {display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative; background: #ffffff; padding: 0; gap: 12px; }
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input{display: block;flex-shrink: 0;width: 24px;height: 24px;background-image: url("../img/ico_check_off.svg");background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:hover{background-image: url("../img/ico_check_hover_off.svg");}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:disabled{background-image: url("../img/ico_check_disabled_off.svg") !important;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:checked:disabled{background-image: url("../img/ico_check_disabled_on.svg") !important;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:disabled + label{color: #9a9a9a;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:checked{background-image: url("../img/ico_check_on.svg");display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:checked:hover{background-image: url("../img/ico_check_hover_on.svg");}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input + label{color: #1e1e1e; font-size: 19px; font-weight: 600; line-height: 1.5;}
.sch_condi_tit02 .sch_condi_btn01 .allChk_box02:has(input[type="checkbox"]:checked) {
    background-color: #fff;
}
/*//검색조건내역*/


#gnb.header .menu_bottom .box-sub_menu .nav li:has(.wrap_op_sub:hover) > a{
    color: #3f40dc;
}
td .file_clip_img01{
    cursor: pointer;
}

.app_bar_wrap{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: none;
    justify-content: space-between;
    align-items: flex-end;           
}
.app_bar_wrap .left_box{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(50% - 46px);
    height: 48px;
    background-color: #fff;
    /* box-shadow: 0 0 8px rgba(0,0,0,0.12); */
    border-top: 1px solid #ebebeb;
}
.app_bar_wrap .center_box{
    display: block;
    width: 92px;
    height: 73px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.app_bar_wrap .center_box .app_btn_box{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-image: url("../img/ico_ab_bg03.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 92px 48px;
}
.app_bar_wrap .center_box .app_btn_box .app_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 9px;
    width: 48px;
    height: auto;
    
   
    margin: 0 auto;
}
.app_bar_wrap .center_box .app_btn_box.active .app_btn .app_txt{
    color: #5d5fe4;
}
.app_bar_wrap .center_box .app_btn_box .app_btn .app_ico{
    border-radius: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 48px;
    background:linear-gradient(135deg,#5d5fe4 0%,#3f40dc 100%);
    width: 48px;
}
.app_bar_wrap .center_box .app_btn_box .app_btn .app_ico > img{
    width: 28px;
    height: 28px;
}
.app_bar_wrap .center_box .app_btn_box .app_btn .app_txt{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 10px;
    font-weight: 600;
    color: #717171;
    line-height: 1.4;
}
.app_bar_wrap .left_box .app_btn_box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}
.app_bar_wrap .left_box .app_btn_box .app_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    width: 48px;
    height: 100%;
}
.app_bar_wrap .left_box .app_btn_box .app_btn .app_ico{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0 auto;
}
.app_bar_wrap .left_box .app_btn_box .app_btn .app_ico > img:first-child{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .left_box .app_btn_box .app_btn .app_ico > img:last-child{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .right_box .app_btn_box .app_btn .app_ico > img:first-child{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .right_box .app_btn_box .app_btn .app_ico > img:last-child{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.app_bar_wrap .left_box .app_btn_box.active .app_btn .app_ico > img:first-child{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .left_box .app_btn_box.active .app_btn .app_ico > img:last-child{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .right_box .app_btn_box.active .app_btn .app_ico > img:first-child{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .right_box .app_btn_box.active .app_btn .app_ico > img:last-child{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app_bar_wrap .left_box .app_btn_box.active .app_btn .app_txt{
    color: #5d5fe4;
}

/* .app_bar_wrap .right_box .app_btn_box .app_btn.app_view .app_ico > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
} */
.app_bar_wrap .left_box .app_btn_box .app_btn .app_txt{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 10px;
    font-weight: 600;
    color: #717171;
    line-height: 1.4;
}
.app_bar_wrap .right_box{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(50% - 46px);
    height: 48px;
    background-color: #fff;
    /* box-shadow: 0 0 8px rgba(0,0,0,0.12); */
    border-top: 1px solid #ebebeb;
}
.app_bar_wrap .right_box .app_btn_box.active .app_btn .app_txt{
    color: #5d5fe4;
    font-weight: 700;
}
.app_bar_wrap .right_box .app_btn_box.active .app_btn.app_view .app_ico{
    border: 1px solid #5d5fe4;
}
.app_bar_wrap .right_box .app_btn_box .app_btn .app_ico{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    
    overflow: hidden;
    margin: 0 auto;
}
/* .app_bar_wrap .right_box .app_btn_box .app_btn.app_view .app_ico{
    border-radius: 24px;
    border: 1px solid transparent;
} */
.app_bar_wrap .right_box .app_btn_box .app_btn .app_txt{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 10px;
    font-weight: 600;
    color: #717171;
    line-height: 1.4;
    padding-top: 2px;
}
.app_bar_wrap .left_box .app_btn_box .app_btn .app_txt{
    padding-top: 2px;
}
.app_bar_wrap .right_box .app_btn_box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}
.app_bar_wrap .right_box .app_btn_box .app_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 48px;
    height: 100%;
    flex-direction: column;
}
[class*="btn_box_"].wb_type01 .op_common_btn{
    position: relative;
}
[class*="btn_box_"].wb_type01 .op_common_btn .ballon{
    top: -17px;
    display: block;
}

.op_tbl_case03 > .table_block01 .con_area01 .left_box .op_common_btn {
    margin-top: 4px;
}

.pin_area01 {
    width:  auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 1;
}
.btn_pin .ico_pin01 {
    opacity: 0.5;
}
.btn_pin.active .ico_pin01 {
    opacity: 1;
}



body:has(.ttrl_item.active){
    overflow: hidden;
}
.ttrl_item { position: fixed;  z-index: 10000; overflow: hidden; width: 100%; height: 100%; top:0; left:0; background-color: #fff; display: none;}
.ttrl_item.active{
    display: block;
}
.ttrl_item::before { position: fixed; left:0; top:0; content:''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } 
.ttrl_item > .btn_ttrl {position: fixed; display: flex; gap: 20px; align-items: center; right: 50px; top: 40px; z-index: 1; }
.ttrl_item > .btn_ttrl .op_common_chk01 > label {color:#fff;}
.ttrl_item img { position: fixed; left:50%; top:0; transform: translateX(-50%); }
.ico_ttrl_close{ display: block; width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; background-image: url("../img/ico_close_w.svg"); background-position: center center; box-sizing: border-box; flex-shrink: 0; }


/* 입찰하기-인증서선택 */
.auth_btn_box {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex: 1 0 0;
    gap: 32px;
    width: 100%;
}
.auth_btn_box .btn-auth_sel {
    height: 220px;
    border-radius: 24px;
    background-color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px 0;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #dcdcdc;
}
.auth_btn_box .btn-auth_sel span {
    font-size: 21px;
    font-weight: 600;
    color: #1e1e1e;
}
.auth_btn_box .btn-auth_sel:active {
    border: 2px solid #5d5fe4;
    background-color: #f6f8fe;
}
.auth_btn_box .btn-auth_sel .ico.auth04 {
    width: 114px;
    height: 114px;
}
/* //입찰하기-인증서선택*/

.swiper_tab02 [class*='swiper-button-']{opacity: 0;}

/* 물건상세 수정 추가 */
.eval_point {
    display: flex;
    gap: 0;
    width: 100%;
}
.eval_point dl {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.eval_point dl dt {
    font-size: 17px;
    font-weight: 600;
    color: #5d5d5d;
    line-height: 1.5;
}
.eval_point dl dd {
    font-size: 17px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .noti_msg01 {
    margin-top: 0;
    font-size: 17px;
}
.op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01 + .noti_msg01 {
    margin-top: 8px;
    font-size: 15px;
}
/* //물건상세 수정 추가 */

/* 지도검색 */
.ico_map_item01 {
    display: block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_map_i_01.svg");
    background-position: center center;
    flex-shrink: 0;
}
.ico_map_item02 {
    display: block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_map_i_02.svg");
    background-position: center center;
    flex-shrink: 0;
}
.ico_map_item03 {
    display: block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-image: url("../img/ico_map_i_03.svg");
    background-position: center center;
    flex-shrink: 0;
}
.sh_btn01 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
     flex-shrink: 0;
}
.sh_btn01 li a {
    min-width: 180px;
    height: 60px;
    padding:  10px 12px 10px 24px;
    border-radius: 12px;
    border:1px solid #b9b9b9;
    background-color: #fff;
    color: #5d5d5d;
    font-size: 21px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.sh_btn01 li a.on {
    border:1px solid #5d5fe4;
    background-color: #fff;
    color: #5d5fe4;
    box-shadow: 0 4px 8px 0 rgba(93, 95, 228, .3);
}
.sh_btn01 li a i {
    width: 36px;
    height: 36px;
    display: inline-block;
}
.sh_btn01 li a.on .ico_map_item01 {background-image: url("../img/ico_map_i_01_on.svg");}
.sh_btn01 li a.on .ico_map_item02 {background-image: url("../img/ico_map_i_02_on.svg");}
.sh_btn01 li a.on .ico_map_item03 {background-image: url("../img/ico_map_i_03_on.svg");}
.sh_top { display: flex; align-items: flex-start; justify-content: flex-start; gap: 20px; }
.sh_map_area { width: 100%; position: relative; z-index: 111;}
.sh_map_area.active .srch_m_info {display: flex; position: absolute; top: 68px; right: 0; border: 1px solid #1e1e1e; border-radius: 12px; box-shadow: 0 12px 25px 0 rgba(0,0,0,0.25); width: 72%; padding: 20px;}
.sh_map { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; /* overflow: hidden; */ position: relative; left: 0; width: 100%; min-height: 60px; border: 1px solid #717171; border-radius: 12px; }
.sh_map .op_common_select { width: 222px;}
.sh_map .op_common_select  { position: relative; }
.sh_map .op_common_select::before { position: absolute; right:0; top:13px; display: block; content:''; width: 1px; height:32px; background-color:#dcdcdc;}
.sh_map .op_common_select > select { height: 60px; padding: 0 24px 0 20px; background-position: right 24px top 50%; border:0; border-radius:12px; }
.sh_map .inp_search {position: relative; width: calc(100% - 222px); }
.sh_map .inp_search > input { width: 100%; height: 60px; padding-left: 24px; padding-right: 97px; border:0; color: #1e1e1e; font-size: 21px; font-weight: 400; border-radius: 12px; }
.sh_map .inp_search > input::-webkit-search-cancel-button,
.sh_map .inp_search > input::-webkit-search-results-button { display: none;}
.sh_map .inp_search > input:placeholder-shown ~ .ico_btn_cancel{display: none;}
.sh_map .inp_search > input:read-only ~ .ico_btn_cancel{display: none;}
.sh_map .inp_search > .ico_btn_cancel{display: block;position: absolute;top: 10px;right: 16px;z-index: 10;background-size: 20px 20px;}
.sh_map .inp_search .ico_btn_search {position: absolute;top: 13px;right: 20px; cursor: pointer;}
.sh_map .inp_search .ico_btn_search::before {content: '';display: block;width: 32px;height: 32px; background: url('../img/ico_search-thick.svg') no-repeat center/100%;}
.sh_map .inp_search .ico_btn_cancel {position: absolute;top: 20px;right: 60px; cursor: pointer;}
.sh_map .inp_search .ico_btn_cancel::before {content: '';display: block;width: 20px;height: 20px;background: url('../img/ico_cancel.svg') no-repeat center/100%;}
.sh_map .srch_m_info {display:none; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 14px 20px; background-color: #fff; }
.sh_map .srch_m_info .srch_txt { width: 188px; height: 257px; padding: 24px; background-color: #f6f8fe; background-image: url(../img/ico_search_60.svg); background-size: 60px 60px; background-repeat: no-repeat; background-position: right 24px bottom 24px; border-radius:12px;  color: #5d5d5d; font-size: 19px; font-weight: 400; line-height: 1.5;}
.sh_map .srch_m_info .srch_tit { color: #1e1e1e; font-size: 21px; font-weight: 700; line-height: 1.5;}
.sh_map .srch_m_info .srch_tit_box button {color: #5d5d5d; font-size: 15px; font-weight: 600; line-height: 1.5; position: relative;}
.sh_map .srch_m_info .srch_tit_box button::after {
    position: relative;
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_tag_close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    top: 5px;
    right: 0;
    padding-left: 12px;
}
.sh_map .srch_m_info .srch_tit_box {display: flex; align-items: center; justify-content: space-between;}
.sh_map .srch_m_info .srch_con1 {width: 100%; padding: 0;}
.sh_map .srch_m_info .srch_con_list { height: 193px; margin-top:16px; overflow-y: auto; padding-right: 5px; }
.sh_map .srch_m_info .srch_con_list > ul > li + li { padding-top:12px; }
.sh_map .srch_m_info .srch_con_list > ul > li {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 29px;}
.sh_map .srch_m_info .srch_con_list .btn_list_del { display:block; width:16px; height:28px;  background-image: url(../img/ico_close.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position: center center;}
.sh_map .srch_m_info .srch_con_list .txt { position: relative; padding-left: 40px; color: #1e1e1e; font-size: 19px; font-weight: 400; line-height: 1.5; }
.sh_map .srch_m_info .srch_con_list .txt::before {content: ''; position: absolute; left: 0; top: 0; display: block;width: 28px; height: 28px; border-radius: 999px; background: #f3f3f3 url(../img/ico_search.svg) no-repeat center / 16px 16px; }
.sh_map .srch_m_info .srch_con_list .ico_sch_close { height: 29px; margin-left: 8px; }
.sh_map .srch_m_info .srch_con_list .btn_box_right03 {flex-shrink: 0;}
.sh_map .srch_m_info .srch_con_list.type_outline > ul  {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; gap: 8px 12px;}
.sh_map .srch_m_info .srch_con_list.type_outline > ul > li { min-height: unset; padding-left:0;  border: 1px solid #dcdcdc; border-radius:8px; }
.sh_map .srch_m_info .srch_con_list.type_outline > ul > li + li { padding-top:0; }
.sh_map .srch_m_info .srch_con_list.type_outline > ul > li .txt{ display: block; padding:8px 12px 8px 12px; font-size: 15px; }
.sh_map .srch_m_info .srch_con_list.type_outline > ul > li .txt::before {  display: none; }
.sh_map .srch_m_info .srch_con_list.type_outline .btn_list_del { display:block; width:16px; height:37px; margin-right: 10px;  background-image: url(../img/ico_close.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position: center center;}
.sh_map .srch_m_info .srch_con_list .srch_con_nodata {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.sh_map .srch_m_info .srch_con_list .srch_con_nodata .txt01 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #5d5d5d;
    background-image: url(../img/ico_nodata.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 58px 62px;
    padding-top: 84px;
}
.filter_gap.type01 {padding: 16px 0 32px;}
.op_map_area { position: relative; height:908px; overflow: hidden; }
.op_map_area .map_con { position: relative; height:908px; border-radius: 12px; border:1px solid #b9b9b9; overflow: hidden; }
.op_map_area .map_con .btn_map_search01 {position: absolute; bottom: 20px;left: 50%; margin-left: -92px; display: flex; gap: 6px; align-items: center; justify-content: center; width:184px; height: 52px; padding: 10px; border-radius: 999px; background-color: #5d5fe4; color:#fff; font-size: 19px; font-weight: 700; /* line-height: 1.5; */ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); cursor: pointer; z-index: 100; }
.op_map_area .map_con .btn_map_search01::before {content: '';display: block;width: 24px;height: 24px; background: url('../img/ico_search02.svg') no-repeat center/100%;}

.btn_status { position: absolute; width: 52px; height: 52px; background-color: #fff; background-size: 16px 16px; background-position: center 9px; background-repeat: no-repeat; border-radius: 4px; border: 1px solid #dcdcdc; color:#5d5d5d; font-size: 13px; font-weight: 600; line-height: 1.5; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); cursor: pointer; z-index: 100; } 
.btn_status.active { background-color: #546ED5; border-color: #485abf; color:#fff; }
.btn_status > span { display: inline-block; padding-top:24px; }
.btn_status.map_address { left:50%; right: unset; transform: translateX(-50%); top:20px; white-space: nowrap; text-align: center; min-width: 150px; width:auto; max-width: 800px; padding: 14px 40px; background-color: #fff; border-radius:999px; overflow: hidden; cursor: auto; }
.btn_status.map_address.active { border : 1px solid #dcdcdc; }
.btn_status.map_address > span { position: relative; display: block; padding-top: 0; padding-left:28px; color: #1e1e1e; font-size: 17px; font-weight: 400; line-height: 1.5; }
.btn_status.map_address > span::before { position: absolute; left:0; top:0; content:''; display: block; width:20px; height:20px; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/icon_map_btn11.svg); }
.btn_status.map_cadastral { right:260px; top:20px; background-image: url('../img/icon_map_btn1.svg');}
.btn_status.map_topography { right:200px; top:20px; background-image: url('../img/icon_map_btn2.svg');}
.btn_status.map_aircraft { right:140px; top:20px; background-image: url('../img/icon_map_btn3.svg');}
.btn_status.map_map { right:80px; top:20px; background-image: url('../img/icon_map_btn4.svg');}
.btn_status.map_map1 { right:20px; top:20px; background-image: url('../img/icon_map_btn4.svg');}
.btn_status.map_vicinity { right:0; top:0; background-image: url('../img/icon_map_btn5.svg');}
.btn_status.map_interest { right:20px; top:140px; background-image: url('../img/icon_map_btn6.svg');}
.btn_status.map_measure { right:20px; top:200px; background-image: url('../img/icon_map_btn7.svg');}
.btn_status.map_location { right:20px; top:624px; background-image: url('../img/icon_map_btn8.svg');}
.btn_status.map_increase { right:20px; top:684px; background-image: url('../img/icon_map_btn9.svg');}
.btn_status.map_collapse { right:20px; top:744px; background-image: url('../img/icon_map_btn10.svg');}
.op_map_area .map_con .mapall_box { display: none; }
.btn_status.map_cadastral.active {background-image: url('../img/icon_map_btn1_on.svg');}
.btn_status.map_topography.active { background-image: url('../img/icon_map_btn2_on.svg');}
.btn_status.map_aircraft.active { background-image: url('../img/icon_map_btn3_on.svg');}
.btn_status.map_map.active { background-image: url('../img/icon_map_btn4_on.svg');}
.btn_status.map_map1.active{ background-image: url('../img/icon_map_btn4_on.svg');}
.btn_status.map_vicinity.active {background-image: url('../img/icon_map_btn5_on.svg');}
.btn_status.map_interest.active { background-image: url('../img/icon_map_btn6_on.svg');}
.btn_status.map_measure.active { background-image: url('../img/icon_map_btn7_on.svg');}

.btn_status.map_location.active { background-image: url('../img/icon_map_btn8_on.svg');}
.btn_status.map_increase.active { background-image: url('../img/icon_map_btn9_on.svg');}
.btn_status.map_collapse.active { background-image: url('../img/icon_map_btn10_on.svg');}

.op_map_area .map_con .vicinity_area { position: absolute; right: 20px; top: 80px; z-index: 100; }
.op_map_area .map_con .vicinity_area .vicinity_box { position: absolute; right: 60px; top: 0; display: none; }
.op_map_area .map_con .vicinity_area .vicinity_list {  display: flex; align-items: center; flex-flow:wrap; padding:12px; width:175px; height: 151px; background-color: #fff; border:1px solid #dcdcdc; border-radius: 4px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); }
.op_map_area .map_con .vicinity_area .vicinity_list > li {width:60%;}
.op_map_area .map_con .vicinity_area .vicinity_list > li:nth-child(even) {width:40%;}

.op_map_area .map_con .vicinity_area .vicinity_list > li > a { display: flex; align-items: center; gap: 8px; color:#5d5d5d; font-size:13px; line-height: 1.5; padding-left: 20px; position: relative; }
.op_map_area .map_con .vicinity_area .vicinity_list > li > a:hover,
.op_map_area .map_con .vicinity_area .vicinity_list > li > a:active { color:#546ED5; }
.op_map_area .map_con .vicinity_area .vicinity_list > li > a.active { color:#546ED5; }
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; left: 0;}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_bus { background-image: url('../img/ico_map_bus.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_subway { background-image: url('../img/ico_map_subway.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_school { background-image: url('../img/ico_map_school.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_mart { background-image: url('../img/ico_map_mart.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_hospital { background-image: url('../img/ico_map_hospital.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_publicoffice { background-image: url('../img/ico_map_publicoffice.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_childcare { background-image: url('../img/ico_map_childcare.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_kindergarten { background-image: url('../img/ico_map_kindergarten.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_bank { background-image: url('../img/ico_map_bank.svg');}
.op_map_area .map_con .vicinity_area .vicinity_list > li > a > i.ico_map_parking { background-image: url('../img/ico_map_parking.svg');}

.op_map_area .map_con .ico_map_current { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_current.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_school { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_school02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_hospital { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_hospital02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_bus { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_bus02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_mart { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_mart02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_subway { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_subway02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_publicoffice { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_publicoffice02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_childcare { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_childcare02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_kindergarten { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_kindergarten02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_bank { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_bank02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .ico_map_parking { position: absolute; width:40px; height: 50px; background: url('../img/ico_map_parking02.svg') no-repeat center center; z-index:98;}
.op_map_area .map_con .lg { width: 48px; height: 60px; background-size: 48px 60px; }
.op_map_area .map_con .sm { width: 32px; height: 40px; background-size: 32px 40px; }


.bubble_map_item { min-width: 145px; width: auto; max-width: 400px; height: 55px; background-color: #6685EF; border:2px solid #485ABF; border-radius:4px; z-index: 99; }
.bubble_map_item.orange {background-color: #ff7300; border:2px solid #ff7300; }
.bubble_map_item .bubble_top { display: flex; align-items: center; justify-content: center; width: 100%; padding: 2px 10px; background-color: #fff; border-radius: 2px 2px 0 0; color:#546ed5; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.5;}
.bubble_map_item .bubble_top .point01 {color:#b85300;}
.bubble_map_item .bubble_top .point02 {color:#006e25;}
.bubble_map_item .bubble_top .point03 {color:#007a88;}
.bubble_map_item .bubble_top > span { flex-shrink: 0; }
.bubble_map_item .bubble_top > span + span::before { content:'|'; display: inline-block; padding:0 6px; color: #dcdcdc; }
.bubble_map_item .bubble_bottom {position: relative; display: flex; align-items: center; justify-content: center; padding: 2px 0; color:#fff; text-align: center; font-size: 17px; line-height: 1.5; }
.bubble_map_item .bubble_bottom > span + span::before { content:'/'; display: inline-block; padding: 0 2px; }
.bubble_map_item .bubble_bottom .bubble_tip { position: absolute; right:-40px; bottom:-14px; padding: 2px 6px; background-color: #fff; border:1px solid #ce1100; border-radius: 999px; color:#ce1100; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.5; }
.bubble_map_item .bubble_bottom::before { position: absolute; transform: translateX(-50%); left: 50%; bottom: -23px; content:''; display: inline-block; border:13px solid transparent; border-top-color: #6685EF; border-radius: 2px; }
.bubble_map_item.orange .bubble_bottom::before {border-top-color: #ff7300; }
.bubble_map_item .bubble_bottom::after { position: absolute; transform: translateX(-50%) rotate(45deg); left: 50%; bottom: -8px; content: ''; display: inline-block; border-right: 2px solid #485abf; border-bottom: 2px solid #485abf; height: 15px; width: 15px; border-radius: 0 0 4px 0; }
.bubble_map_item.orange .bubble_bottom::after {border-right: 2px solid #ff7300; border-bottom: 2px solid #ff7300;}
.op_map_area .pd_con_area { position: absolute; display: block; align-items: flex-start; justify-content: flex-start; left:0; top:0; height: 100%; /*background-color: #fff; box-shadow: 8px 0 12px 0 rgba(0,0,0, 0.12); */ z-index: 101; }
.op_map_area .pd_con_area .pd_m_list { position: relative; width:364px; height: 100%; padding: 12px 10px 44px 20px; background-color: #fff; z-index: 2; }
.op_map_area .pd_con_area .pd_m_list .pd_total { padding-bottom: 12px; color: #1e1e1e; font-size: 19px; font-weight: 400; line-height: 1.5; }
.op_map_area .pd_con_area .pd_m_list .op_sh_tbl05 { padding-right: 12px; height: calc(100% - 70px); }
.op_map_area .pd_con_area .pd_m_list .event_card_box01 { height: 100%; }
.op_map_area .pd_con_area .pd_m_list .event_card_box01.event_none .card { height: 100%; border:0; }
.op_map_area .pd_con_area .pd_m_list .event_card_box01 .event_none_txt_box01 { height: 100%; }
.op_map_area .pd_con_area .pd_m_list .op_sh_tbl05 tbody td .btn_box_center01 { padding-top: 12px; padding-bottom: 20px; }
.op_map_area .pd_con_area .pd_m_list .op_sh_tbl05 tbody td .btn_box_center01 button { width: 100%; }
.op_map_area .pd_con_area .pd_m_list .pgn_area01 { margin-top: -24px; }

.op_map_area .pd_con_area .pd_m_info { position: absolute; left:0; top:0; width:360px; height: 100%; padding-right:10px; background-color: #fff; border-left: 1px solid #dcdcdc; box-shadow: 8px 0 12px 0 rgba(0,0,0, 0.12); z-index: 1;  }
.op_map_area .pd_con_area .pd_m_info .pd_m_top { position: relative; width: 100%; height: 52px; background-color: #fff; }
.op_map_area .pd_con_area .pd_m_info .pd_m_top .btn_pd_close{ position: absolute; right: 10px; top: 13px; width: 24px; height: 24px; }
.op_map_area .pd_con_area .btn_lnb_slide { position: absolute; right: -26px; top: 50%; width:26px; height:52px; border-radius: 0 999px 999px 0; border: 1px solid #b9b9b9; border-left: 0; background-color: #fff; }
.op_map_area .pd_con_area .btn_lnb_slide::before { position: absolute; left:0; top:16px; transform: rotate(180deg); content:''; display: block;  width:16px; height:16px; background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_nav_arr01.svg);}
.op_map_area .pd_con_area .btn_lnb_slide.on { background-color: #546ed5; border: 1px solid #546ed5; }
.op_map_area .pd_con_area .btn_lnb_slide.on::before { position: absolute; left:4px; transform: rotate(0deg);    content:''; display: block;  width:16px; height:16px; background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_nav_arr01_w.svg);}

.map_measure_dot { width: 12px; height: 12px; padding: 3px; background-color: #ffffff; border-radius: 6px; position: relative; border: 3px solid #ff6801; z-index: 97; }
.map_measure_bar { min-width: 1px; height: 2px; background-color: #ff6801; opacity: 0.7; z-index: 96; }
.map_measure_txt { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; padding: 0 4px; border: 1px solid #ff6801; border-radius: 2px; background-color: #fff; z-index: 97;}
.map_measure_txt .txt01 { font-size: 12px; font-weight: 600; line-height: 1.4; color: #ff6801; }
.map_measure_box { display: flex; flex-direction: column; border-radius: 4px; border: 1px solid #dcdcdc; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25); position: relative; width: 172px; }
.map_measure_btn.close_btn { width: 10px; height: 10px; position: absolute; background-image: url(../img/ico_close.svg); background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; top: 8px; right: 8px; }
.map_measure_info { padding: 10px; }
.map_measure_info ul li { display: flex; align-items: center; align-self: stretch; gap: 20px;}
.map_measure_info ul li .tit01 { color: #0d0d0d; font-size: 13px; font-weight: 400; line-height: 1.4; width: 40px; }
.map_measure_info ul li .txt01 { color: #0d0d0d; font-size: 13px; font-weight: 400; line-height: 1.4; }
.map_measure_info ul li .txt01 span { color: #ff6801; }
.map_measure_explain { padding: 10px; background-color: #f9f9f9; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; font-size: 12px; color: #333; font-weight: 400; line-height: 1.4; }

.map_cluster_1depth { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; background-color: #ff6801; opacity: 0.75; border: 1px solid #e65100; border-radius: 999px; z-index: 99; }
.map_cluster_1depth .tit01 { color: #fff; text-align: center; font-size: 19px; line-height: 1.5; font-weight: 700; }
.map_cluster_1depth .txt01 { color: #fff; text-align: center; font-size: 14px; line-height: 1.4; font-weight: 600; }
.map_cluster_2depth { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; background-color: #5d5fe4; opacity: 0.75; border: 1px solid #312bc5; border-radius: 999px; z-index: 99; }
.map_cluster_2depth .tit01 { color: #fff; text-align: center; font-size: 19px; line-height: 1.5; font-weight: 700; }
.map_cluster_2depth .txt01 { color: #fff; text-align: center; font-size: 14px; line-height: 1.4; font-weight: 600; }
.map_cluster_3depth { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; background-color: #6685ef; opacity: 0.75; border: 1px solid #485abf; border-radius: 999px; z-index: 99; }
.map_cluster_3depth .tit01 { color: #fff; text-align: center; font-size: 19px; line-height: 1.5; font-weight: 700; }
.map_cluster_3depth .txt01 { color: #fff; text-align: center; font-size: 14px; line-height: 1.4; font-weight: 600; }


.op_sh_tbl05.active {
    display: none;
}

.op_sh_tbl05 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
}
.op_sh_tbl05 table{
    table-layout: fixed;
    width: 100%;
    
}
.op_sh_tbl05 thead tr th{
    height: 42px;
    vertical-align: middle;
    background-color: #f9f9f9;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
.op_sh_tbl05 thead tr th:first-child{
    padding-left: 0px;
}
.op_sh_tbl05 thead tr th:last-child{
    padding-right: 0px;
}
.op_sh_tbl05 thead tr th .tit_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_sh_tbl05 thead tr th .tit_box01 .txt01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.op_sh_tbl05 tbody tr{
    border-top: 1px solid #dcdcdc;
}
.op_sh_tbl05 tbody td{
    padding: 0;
    background-color: #fff;
    vertical-align: middle;
}
.op_sh_tbl05 tbody td:first-child{
    padding-left: 0px;
}
.op_sh_tbl05 tbody td:last-child .txt_box01 .price_area01{
    padding-bottom: 20px;
}

.op_sh_tbl05 tbody td:last-child{
    padding-right: 0px;
}
.op_sh_tbl05 tbody td .txt_box01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    text-align: center;
    line-height: 1.4;
    word-break: keep-all;
}
.op_sh_tbl05 tbody tr:nth-child(2n) td{
    background-color: #fcfcfc;
}
.op_sh_tbl05 tbody td .link_txt_box02 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding-top:20px;
}
.op_sh_tbl05 tbody td .link_txt_box02 .tit_area01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    flex-direction: column;
}
.op_sh_tbl05 tbody td .link_txt_box02 .tit_area01 .right_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    margin-top: 12px;
}
.op_sh_tbl05 tbody td .link_txt_box02 .con_area01 .left_box{
    padding-left: 12px;
    width: 100%;
}
.op_sh_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;

    margin-top: 4px;
}
.op_sh_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 2px;
}
.op_sh_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01{
    margin-top: 5px;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .txt01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #717171;
    line-height: 1.5;
    text-align: right;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .txt02{
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 21px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: right;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .price01{
    display: flex;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .price01 .per{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .price01 .per .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #e0280a;
    line-height: 1.5;
}
.op_sh_tbl05 tbody td .txt_box01 .price_area01 .price01 .per.dec .num{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #5d5fe4;
    line-height: 1.5;
}
.op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
    position: relative;
    width: 100%;
    width: 100px;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
}
.op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb > img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}
.op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_default {
    position: relative;

}
.op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale  {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    transition: transform 0.3s;
    z-index: 11;
    /* object-fit: cover; */
    width: 100%;
    height: 100%;
}
.op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    object-fit: cover;
    overflow: hidden;
}
/* .op_sh_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale:hover {
    transform: scale(1.3);
    transform-origin: top left;
    transition: transform 0.3s;
} */
.op_sh_tbl05 tbody td .con_area01 {
    display: flex;
    align-items: flex-end;
    /* align-items: flex-start; */
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 4px;
}
/* .op_sh_tbl05 tbody td .con_area01.type_m {
    margin-top:-24px;
} */
.op_sh_tbl05 tbody td .con_area01 .right_box .time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
    margin-top: 8px;
}
.op_sh_tbl05 tbody td .con_area01 .right_box .time span {
    font-size: 17px;
    font-weight: 400;
    color: #717171;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.4;
}

/* visit */
.op_sh_tbl05 tbody tr.visit td .link_txt_box02 [class*="op_cm_badge"] {
    border: 1px solid #b9b9b9;
    color: #717171;
    background-color: #fff;
}
.op_sh_tbl05 tbody tr.visit td .link_txt_box02 .con_area01 .left_box .txt02 {
    color: #717171;
}
.op_sh_tbl05 tbody tr.visit td .link_txt_box02 .con_area01 .left_box .txt01 {
    color: #717171;
}
.op_sh_tbl05 tbody tr.visit .hash_box01 .hash_txt01.active{
    color: #717171;
}
.op_sh_tbl05 tbody tr.visit td .txt_box01 .price_area01 .txt02{
    color: #717171;
}
.op_sh_tbl05 tbody td {display: block;}
.op_sh_tbl05 .m_h {display: none;}




/* OP3520-01M_mo추가 */
.pd_m_con {
    overflow-y: auto;
    height: calc(100% - 52px);
    padding:0 10px 100px 20px;
    position: relative;
}
.pd_m_con .top_detail_box02 {
    display: block;
    width: 100%;
    padding-top: 0;
}
.pd_m_con .top_detail_box02 .info_data_box01 {
    width: 100%;
    border-top: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.pd_m_con .top_detail_box02 .info_data_title01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-direction: column;
    gap: 8px;
}
.pd_m_con .top_detail_box02 .info_data_title01 .left_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 6px;
    position: relative;
}
.pd_m_con .top_detail_box02 .info_data_title01 .left_box .num_txt01 {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.5;
}
.pd_m_con .top_detail_box02 .info_data_title01 .left_box .btn_like {
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}
.pd_m_con .top_detail_box02 .info_data_title01 .right_box {
    width: 100%;
}
.pd_m_con .top_detail_box02 .btn_box_right01 {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.pd_m_con .info_data_title02 .tit01 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .thumb_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    gap: 12px;
}
.pd_m_con .thumb_box .thumb_area {
    position: relative;
    width: 100%;
    height: 240px;
    min-height: 240px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}
.pd_m_con .thumb_box .thumb_area > img {
    position: relative;
    width: 100%;
    height: 100%;
}
.pd_m_con .top_detail_box02 .thumb_box .thumb_area .ico_search_01 {
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background-size: 16px 16px;
}
.pd_m_con .top_detail_box02 .thumb_box .thumb_area a {
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.pd_m_con .top_detail_box02 .thumb_box .thumb_area a img {
    max-width: 100%;
    max-height: 100%;
}
.pd_m_con .info_main_list02 {
    margin-top: 16px;
}

.pd_m_con .detail_info_area02 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    padding: 0;
    margin-top: 16px;
    gap: 16px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fff;
}
.pd_m_con .detail_info_area02 .info_price_list_mo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #f6f8fe;
    padding: 12px 16px;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item:first-child {
    border-radius: 12px 12px 0 0;
    border-bottom: 0;
    background-color: #fff;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item ~ .item {
    border-top: 1px solid #dcdcdc;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item:last-child {
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f6f8fe;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .tit_box01 {
    display: inline-block;
    width: 50%;
    text-align: left;
    box-sizing: border-box;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .tit_box01 .tit01 {
    display: inline-block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .txt_box01 {
    display: block;
    width: 50%;
    box-sizing: border-box;
    margin-top: 0;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .txt_box01 .txt01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .txt_box01 .price01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .txt_box01 .price02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .tit_box02 {
    display: flex;
    width: 190px;
    align-items: center;
    gap: 4px;
}
.pd_m_con .detail_info_area02 .info_price_list_mo .item .tit_box02 .tit01 {
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.4;
    width: 100%;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .txt_box02 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 4px;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .txt_box02 .txt01 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    columns: #1e1e1e;
    text-align: right;
}
.pd_m_con .detail_info_area02 .info_list_mo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    width: 100%;
    /* border-bottom: 1px solid #dcdcdc; */
    padding-bottom: 16px;
}
.pd_m_con .detail_info_area02 .info_list_mo .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    padding: 0 16px;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .tit_box01 {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    min-height: 24px;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .tit_box01 .tit01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    min-width: max-content;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .txt_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.pd_m_con .detail_info_area02 .info_list_mo .item .txt_box01 .txt01 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    columns: #1e1e1e;
    text-align: right;
    padding: 0;
}
.pd_m_con .info_sub_area_mo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding: 0 20px 16px;
    border-bottom: 1px solid #dcdcdc;
}
.pd_m_con .info_sub_area_mo.last {
    border-bottom: 0;
}
.pd_m_con .info_sub_area_mo .tit_box01 .tit01 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .info_sub_area_mo .txt_box01 .badge_box01 {
    flex-wrap: wrap;
}
.pd_m_con .info_sub_area_mo .file_list01_wrap {
    width: 100%;
    min-height: 24px;
    max-height: 156px;
    overflow: hidden;
}
.pd_m_con .info_sub_area_mo .file_list01_wrap.active {
    max-height: 100%;
}
.pd_m_con .info_sub_area_mo .file_list01 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 8px 16px;
}
.pd_m_con .info_sub_area_mo .file_list01 .item {
    display: block;
    width: auto;
    box-sizing: border-box;
    max-width: 100%;
}
.pd_m_con .info_sub_area_mo .file_list01 .item > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    box-sizing: border-box;
    gap: 6px;
    flex-shrink: 0;
}
.pd_m_con .info_sub_area_mo .file_list01 .item > a .txt01 {
    display: block;
    width: max-content;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.4;
}
.pd_m_con .info_sub_area_mo .file_btn {
    width: 100%;
    text-align: center;
}
.pd_m_con .info_sub_area_mo .file_btn .op_common_btn.btn_more04 {
    gap: 4px;
}
.pd_m_con .info_sub_area_mo .file_btn .op_common_btn.btn_more04 .txt {
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}
.pd_m_con .info_sub_area_mo .file_btn .op_common_btn.btn_more04 .ico_plus {
    background-image: url(../img/ico_email_plus.svg);
}
.pd_m_con .info_sub_area_mo .file_btn .op_common_btn.btn_more04.active .ico_plus {
    background-image: url(../img/ico_email_minus.svg);
}
.pd_m_con .info_sub_area_mo .warning_noti_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background-color: #eff3ff;
}
.pd_m_con .info_sub_area_mo .warning_noti_box01 .left_box .warn_tit01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #e0280a;
}
.pd_m_con .info_sub_area_mo .accordion_wrap.noti_type01 {
    padding: 0;
}
.pd_m_con .info_sub_list_mo {
    padding: 0 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.pd_m_con .info_sub_list_mo .op_common_top01 {
    width: 100%;
    padding-bottom: 0;
}
.pd_m_con .info_sub_list_mo .op_common_top01 .total_txt01 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .info_sub_list_mo .op_common_top01 .total_num_txt {
    font-size: 13px;
    font-weight: 400;
}
.pd_m_con .info_sub_list_mo .op_common_top01 .total_num_txt .num {
    font-weight: 700;
    color: #5d5fe4;
    font-size: 13px;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 {
    width: 100%;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
    width: 80px;
    height: 78px;
    overflow: hidden;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover {
    width: 80px;
    height: 78px;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover img {
    width: 100%;
    height: 100%;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01 {
    display: flex;
    gap: 4px;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01 .hash_txt01 {
    font-size: 13px;
}
.pd_m_con .info_sub_list_mo .op_common_tbl05 tbody td:last-child {
    padding-right: 0;
}

.pd_m_con .con_tit_box05 > .left_box {
    align-items: flex-start;
    flex-direction: row;
}
.pd_m_con .op_common_btn.btn_target {
    display: flex;
    width: auto;
    min-width: 50px;
    min-height: 24px;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.pd_m_con .op_common_btn.btn_target .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.pd_m_con .op_common_btn.btn_orderSel {
    display: flex;
    width: 85px;
    height: 19px;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 999px;
    border: 1px solid #5d5fe4;
    background-color: #5d5fe4;
}
.pd_m_con .op_common_btn.btn_orderSel .txt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
/* 
.fixed_btn01 .pd_m_con .bt_fixed {
    flex-wrap: wrap;
}
.fixed_btn01 .pd_m_con .bt_fixed div {
    width: 100%;
    display: flex;
    gap: 8px;
}
.fixed_btn01 .pd_m_con .bt_fixed div button:first-child {
    min-width: 95px;
    width: 20%;
}
.fixed_btn01 .pd_m_con .bt_fixed div button:nth-child(2) {
    min-width: calc(100% - 105px);
    width: 80%;
} */

/* .pd_m_con .tab_con.tab_sticky .swiper_tab01 .tab_list li {
    
} */
.pd_m_con .tab_con.tab_sticky .swiper_tab01 .tab_list li a {
    font-size: 17px;
    padding: 16px;
    background-color: #fff;
    color: #717171;
    font-weight: 700;
    border-radius: 0;
}
.pd_m_con .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on {
    color: #5d5fe4;
    
    padding: 16px;
}
.pd_m_con .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on::after{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #5d5fe4;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
}
/*.pd_m_con .tab_con.tab_sticky .swiper_tab01 .tab_list li a.on:hover {
    background-color: transparent;
}*/
.pd_m_con .tab_wrap {
    border-bottom: 0;
}
/* .pd_m_con .tab_wrap.fixed {
    
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    gap: 0;
} */
.pd_m_con .tab_gap_group .con_tit_box06 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .con_tit_box05 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .con_tit_box05 > .left_box {
    align-items: flex-end;
}
.pd_m_con .con_tit_box05 > .left_box .total_txt_box01 {
    padding-left: 0;
}
.pd_m_con .con_tit_box05 > .left_box .tooltip_wrap02 {
    margin-bottom: 3px;
}
.pd_m_con .noti_msg02 {
    margin-top: 0;
    padding: 0;
    margin-bottom: 0;
}

.pd_m_con .op_common_tbl02 tbody td .txt_box01 .txt03 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: #1e1e1e;
    min-height: 23px;
}
.pd_m_con .op_common_tbl02 tbody td .txt_box01 .txt_btn_box01 {
    justify-content: flex-start;
    align-items: flex-start;
}

.pd_m_con .accordion_wrap {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .map_area_box01 {
    width: 100%;
    height: 320px;
    position: relative;
}
.pd_m_con .map_dimmed {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    height: 320px;
    padding: 0 63px;
    text-align: center;
    border-radius: 12px;
    position: absolute;
    gap: 9px;
}
.pd_m_con .map_dimmed .txt {
    font-size: 19px;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}
.pd_m_con .map_dimmed .btn_login {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pd_m_con .op_site_area01 {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #f9f9f9;
    padding: 16px;
}
.pd_m_con .op_site_area01 .tit_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.pd_m_con .op_site_area01 .tit_box .left_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.pd_m_con .op_site_area01 .tit_box .left_box .tit {
    font-size: 17px;
    line-height: 26px;
}
.pd_m_con .op_site_area01 .site_list {
    margin-top: 16px;
    padding-left: 28px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
}
.pd_m_con .op_site_area01 .site_list .item > a .txt {
    word-break: keep-all;
}

.pd_m_con .con_tit_box04 > .left_box .tit {
    font-size: 21px;
}

/*op_mobile_tbl01*/
.pd_m_con .op_mobile_tbl01 {
    border-top: 1px solid #1e1e1e;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .op_mobile_tbl01 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding-top: 16px;
}
.pd_m_con .op_mobile_tbl01 ul .col_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
}
.pd_m_con .op_mobile_tbl01 ul .col_item .item_con_box01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
.pd_m_con .op_mobile_tbl01 ul .col_item .item_con_box01 .tit01 {
    width: 140px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    display: flex;
}
.pd_m_con .op_mobile_tbl01 ul .col_item .item_con_box01 .txt01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: right;
}
.pd_m_con .op_mobile_tbl01 ul .col_item .item_con_box01 .txt01 a {
    color: #5d5d5d;
    text-decoration: underline;
}
.pd_m_con .op_mobile_tbl01 .bid_tbl_btngroup {
    align-content: flex-end;
}
.pd_m_con .op_mobile_tbl01 + .btn_box_center01 {
    margin-top: 24px;
}
.pd_m_info .btn_box_center01 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-top: 0;
    box-shadow: 0 -12px 28px 0 rgba(0, 0, 0, 0.1);
}
.pd_m_info .btn_box_center01 button {
    width: 100%;
}
/*//op_mobile_tbl01*/
/*op_mobile_tbl02*/
.pd_m_con .op_mobile_tbl02 {
    border-top: 1px solid #1e1e1e;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .op_mobile_tbl02 ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding-top: 16px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 16px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box01 .tit01 {
    width: 140px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box01 .txt01 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    text-align: right;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .f_group80 button.op_common_btn.md {
    width: 40%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .f_group80 .total_pay input {
    background-color: #fff6f5;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 16px;
    gap: 24px;
    margin-top: 16px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .con_tit_box05 {
    width: 100%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 {
    width: 100%;
    gap: 16px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .colum_block01 {
    flex-direction: column;
    border-bottom: 0;
    gap: 8px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .tit_area02 {
    width: 100%;
    min-height: unset;
    background-color: #fff;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
    padding: 0;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .con_area01 {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .multi_inner_box01 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group28 + .multi_inner_box01 {
    align-items: flex-start;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .multi_inner_box01 .multi_inner_linkbox01 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .op_tbl_case03 > .table_block01 .con_area01 .multi_box01 {
    width: 100%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group28 .op_common_input01 {
    width: 100%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group81 {
    flex-direction: column;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group81 .f_left_box .op_common_input01 {
    width: 50%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group82 {
    flex-direction: column;
    gap: 8px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .f_group82 .op_common_select {
    width: 100%;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total {
    padding: 6px 16px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_tit {
    font-size: 14px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_txt {
    font-size: 19px;
}
.pd_m_con .op_mobile_tbl02 ul .col_item .item_con_box02 .pay_detail_box01 .btn_box_center01 {
    margin: 0 auto;
}
.pd_m_con .op_mobile_tbl02 .f_group80 .op_common_input01 {
    width: 100%;
}
/*//op_mobile_tbl02*/

.pd_m_con .calc_info_box01 {
    width: calc(100% - 40px);
    margin: 16px auto 0;
}
.pd_m_con .con_tit_box05 + .dot_list01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .con_tit_box05 + .dot_list01 > li ~ li {
    margin-top: 24px;
}
.pd_m_con .con_tit_box05 + .dot_list01 + .dash_list02 {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-left: 8px;
}
.pd_m_con .con_tit_box05 + .dot_list01 + .dash_list02 > li {
    font-size: 13px;
    padding-left: 7px;
}

/*before_bid_box01*/
.pd_m_con .before_bid_box01 {
    width: calc(100% - 40px);
    margin: 0 auto;
    flex-direction: column;
}
.pd_m_con .before_bid_box01 .item {
    width: 100%;
    gap: 12px;
    padding: 12px 16px;
}
.pd_m_con .before_bid_box01 .item .ico01, 
.pd_m_con .before_bid_box01 .item .ico02, 
.pd_m_con .before_bid_box01 .item .ico03 {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3
}
.pd_m_con .before_bid_box01 .item .tit01 {
    font-size: 16px;
}
.pd_m_con .before_bid_box01 .item .txt01 {
    font-size: 16px;
}
/*//before_bid_box01*/

/*before_bid_box02*/
.pd_m_con .before_bid_box02 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 12px;
    align-items: center;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .before_bid_box02 .ico01 {
    width: 52px;
    height: 52px;
    display: block;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    background-image: url(../img/ico_bid01_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px 29px;
}
.pd_m_con .before_bid_box02 .txt01 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*//before_bid_box02*/

/*bid_history_box01*/
.pd_m_con .bid_history_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: calc(100% - 40px);
    margin: 24px auto 0;
    height: 785px;
    overflow: hidden;
    transition: 0.4s ease-in-out;
}
.pd_m_con .bid_history_box01 .bid_history_tit01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #1e1e1e;
}
.pd_m_con .bid_history_box01 .bid_history_tit01 .tit01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .bid_history_box01 .bid_history_tit01 .tit02 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 9px;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico .ico:after {
    position: absolute;
    display: block;
    width: 1px;
    height: 260px;
    background-color: #717171;
    content: '';
    top: -260px;
    left: 6px;
    z-index: -1;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_item .history_timeline_ico.on .ico:after {
    display: none;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_item.hidden .history_timeline_ico .ico:after {
    display: none;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: #717171;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat .stat_txt01 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01.on .history_stat {
    background-color: #5D5FE4;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01 .history_stat_date {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_tit01.on .history_stat_date {
    color: #5D5FE4;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 16px;
    gap: 8px;
    border-radius: 12px;
    background-color: #f9f9f9;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    flex: 1 0 0;
    width: 100%;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 > li {
    padding-left: 0;
    justify-content: space-between;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 > li::after {
    display: none;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .tit01 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .txt01 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    white-space: nowrap;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .dot_list01 .txt02 {
    color: #5D5FE4;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
}
.pd_m_con .bid_history_box01 .bid_history_timeline01 .history_cont_box01 .history_cont_detail .history_cont_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
/*//bid_history_box01*/

/*instruction_item_box*/
.pd_m_con .instruction_item_box01.instruction_item_box01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .instruction_item_box02 {
    flex-wrap: wrap;
    width: calc(100% - 40px);
    margin: 0 auto;
}
.pd_m_con .instruction_item_box02 .item {
    width: calc(50% - 8px);
}
.pd_m_con .instruction_item_box02 .item .tit_box01 .tit01 {
    font-size: 15px;
}
.pd_m_con .instruction_item_box02 .item .txt_box01 .txt01 {
    font-size: 17px;
}
.pd_m_con .instruction_noti_msg02 {
    font-size: 12px;
    width: calc(100% - 40px);
    margin: 8px auto 0;
    text-align: left;
}
/*//instruction_item_box*/

.pd_m_con .noti_fulltext_wrap01 {
    width: calc(100% - 40px);
    margin: 0 auto;
}

.filter_gap1 { padding:20px 0;position: relative;z-index: 102;}
.filter_area1 {    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 20;
    gap: 20px;
    width: 100%;
    background-color: #eff3ff;
    /* padding: 6px 12px; */
    padding: 20px;
    border-radius: 12px;
    gap: 0 16px;
    position: relative;
}
.filter_item1{
    width: 100%;
    display: block;
    overflow: visible;
    position: relative;
}
.filter_item1 .filter_list > li{    
    width: max-content;
    /* height: 32px; */
}
.filter_item1 .filter_list > li > a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 32px;
    /* height: 100%; */
    padding: 6px 32px 6px 12px;
    border-radius: 16px;
    box-sizing: border-box;
    border: 1px solid #5d5df4;
    color: #5151ec;
    font-size: 14px;
    font-weight: 400;
}
.filter_item1 .filter_list > li > a.on {
    background-color: #312BC5;
}
.filter_item1 .filter_list > li > a::before {
    position: absolute;
    right: 12px;
    top: 6px;
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../img/ico_btn_search_arr_on.svg);
    background-position: center center;
    transition: transform 0.2s;
}
.filter_item1 .filter_list > li > a.on::before {
    transform: rotate(180deg);
    background-image: url(../img/ico_btn_search_arr.svg);
}
.filter_item1 .filter_list > li a .txt{
    display: block;
    width: max-content;
    font-size: 14px; 
    font-weight: 400; 
    line-height: 1.5;
    color: #5151ec;
}
.filter_item1 .filter_list > li a.on .txt {
    color: #fff;
}

.filter_item1 .swiper-button-prev{
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    margin-top: 0;
    z-index: 10;
    background: linear-gradient(90deg, rgba(239, 243, 255, 1) 0%, rgba(0,0,0,0) 100%);
}
.filter_item1 .swiper-button-prev::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: -20px;
    width: 70px;
    height: 32px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
    z-index: -1;
}
/* .filter_item1 .swiper-button-prev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    background-color: transparent;
    transform: rotate(90deg);
    z-index: 10;
    opacity: 0.8;
} */
.filter_item1 .swiper-button-prev::after {
    content: '';
}
.filter_item1 .swiper-button-next{
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 10;
    width: 32px;
    height: 32px;
    margin-top: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(239, 243, 255, 1) 100%);
}
/* .filter_item1 .swiper-button-next::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 10;
    width: 32px;
    height: 32px;
    background-color: transparent;
    margin-top: 0;
    font-size: 0;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(270deg);
    opacity: 0.8;
} */
.filter_item1 .swiper-button-next::after {
    content: '';
}
.filter_item1 .swiper-button-next::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: -20px;
    width: 50px;
    height: 32px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
    z-index: -1;
}
.filter_item1 .swiper-button-prev.swiper-button-disabled{
    display: none;
}
.filter_item1 .swiper-button-next.swiper-button-disabled{
    display: none;
}

/* bottom sheet */
.fixed_btn04.active {
    display: none;
}
.fixed_btn04 .bt_fixed01 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px -12px 28px 0px rgba(0,0,0,0.10);
}

/* 바텀 시트 */
.fixed_btn04 .sheet_dim {
    position: absolute;
    left:0;
    top: 32px;
    inset: 0;
    /* overflow: hidden; */
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    display: none;
    opacity: 0;
    width: 236px;
    height: auto;
    height: max-content;
    min-height: 200px;
    max-height: 500px;
}
.fixed_btn04 .sheet_dim.type01 {
    width: 478px;
}
.fixed_btn04 .sheet_dim.type02 {
    width: 870px;
    height: 354px;
    left: unset;
    right: -340px;
}
.fixed_btn04 .sheet_dim.type03 {
    width: 1148px;
    max-height: 468px;
    height: max-content;
    left: -200px;
    right: unset;
}

.fixed_btn04 .sheet_dim .sheet04 > .sh_body {
    height:100%;
}
.fixed_btn04 .sheet_dim.type03 .sheet04 > .sh_body {
    height:100%;
}
.fixed_btn04 .sheet_dim.type04 {
    width: 448px;
    left: 0;
    right: unset;
}

.fixed_btn04 .sheet_dim.type04 .sheet04 > .sh_body .box_space .f_group07 {
    padding-left:0;
    width: 100%;
}
.fixed_btn04 .sheet_dim.type04 .sheet04 > .sh_body .box_space .f_group07 .number_area01 .number_box01 .op_common_input01 {
    width: 192px;
}

.fixed_btn04 .sheet_dim.type05 {
    width: 628px;
    height: 233px;
    left: -15px;
    right: unset;
    min-height: 233px;
}

.fixed_btn04 .sheet_dim.type05 .sheet04 > .sh_body .btn_range {
    height: 80px;
}
.fixed_btn04 .sheet_dim.type05 .sheet04 > .sh_body .btn_range > li {
    width: calc(100% / 4);
}

.fixed_btn04 .sheet_dim.type05 .sheet04 > .sh_body .btn_range > li:nth-child(4n) > a { border-right:0;}

.fixed_btn04 .sheet_dim.type06 {
    width: 628px;
    /* height: 233px; */
    left: -193px;
    right: unset;
    min-height: 233px;
}
.fixed_btn04 .sheet_dim.type06 .sheet04 > .sh_body .btn_range {
    width: 100%;
    height: 80px;
}
.fixed_btn04 .sheet_dim.type06 .sheet04 > .sh_body .btn_range > li {
    width: calc(100% / 4);
}

.fixed_btn04 .sheet_dim.type06 .sheet04 > .sh_body .btn_range > li:nth-child(4n) > a { border-right:0;}

.fixed_btn04 .sheet_dim.type07 {
    width: 628px;

    left: -371px;
    right: unset;
    min-height: 233px;
}
.fixed_btn04 .sheet_dim.type07 .sheet04 > .sh_body .btn_range {
    width: 100%;
    height: 80px;
}
.fixed_btn04 .sheet_dim.type07 .sheet04 > .sh_body .btn_range > li {
    width: calc(100% / 4);
}

.fixed_btn04 .sheet_dim.type07 .sheet04 > .sh_body .btn_range > li:nth-child(4n) > a { border-right:0;}
.fixed_btn04 .sheet_dim.type02 .sh_body {
    height: auto;
}
.fixed_btn04 .sheet_dim.active {
    opacity: 1;
    top: 44px;
    transition:  opacity 0.2s ease-in;
    z-index: 100;
    background-color: unset;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
    border-radius: 12px;
    display: block;
}
.fixed_btn04 .sheet04 {
    /* position: absolute; */
    inset: 0;
    /* top: 0;
    left: 0; */
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 30px 20px 20px 20px;
    background-color: #ffffff;
}
.fixed_btn04 .sheet04 > .sh_body {
    height: 160px;
    margin-top: 12px;
    background-color: #ffffff;
    overflow-y: auto;
}
.fixed_btn04 .sheet04 > .sh_body::--webkit-scrollbar {
    display: none;
}

.fixed_btn04 .sheet04 > .sh_head {
    display: flex;
    justify-content: space-between;
}
.sel_unit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3px;
    margin-top: -2px;
    border: 1px solid #b9b9b9;
    border-radius: 4px
}
.sel_unit > a{
    display: block;
    padding:0 6px;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}
.sel_unit > a.active{
    color: #fff;
    background-color: #5d5df4;
    border-radius: 2px;
}
.fixed_btn04 .sheet04 > .sh_head .btn-sheet-close {
    display: none;
}
.fixed_btn04 .sheet04 > .sh_head .tit {
    display: flex;
    align-self: center;
    justify-content: center;
    gap: 8px;
    color: #1e1e1e;
    font-size: 17px;
    font-weight: 700;
    padding-right: 20px;
    line-height: 1.5;
}
.fixed_btn04 .sheet04 > .sh_body .box_space {
    display: flex;
    align-self: flex-start;
    width: 100%;
    height: 100%;
    padding-bottom: 1px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space01 {
    display: flex;
    align-self: flex-start;
    width: 100%;
    height: 100%;
}
.fixed_btn04 .sheet04 > .sh_body .box_space  > .space_01 {
    width: 100%;
    overflow-y: auto;
}   
.fixed_btn04 .sheet04 > .sh_body .box_space  > .space_01 li {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    padding: 12px 0;
}
.fixed_btn04 .sheet04 > .sh_body .box_space  > .space_02 {  
    width: 100%;
    overflow-y: auto;
    border-left: 1px solid #ebebeb;
}
.fixed_btn04 .sheet04 > .sh_body .box_space  > .space_02 li {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    padding: 12px 0 12px 16px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box .rdo_sh_list01 {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box02 {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 202px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box02 .f_i  {
    width: 200px;
    height: 200px;
    padding: 8px 4px 8px 8px;
    border-right: 1px solid #dcdcdc;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box02 .f_box_rht  {
    width: calc(100% - 400px);
    padding: 20px 4px 20px 20px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box02 .f_box_rht .scroll_w  {
    height: 160px;
    overflow-y: auto;

}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box02 .scroll_w {
    height: 184px;
    overflow-y: auto;
}

.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-width: 1108px;
    height: 200px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .f_i  {
    width: 280px;
    height: 200px;
    padding: 8px 4px 8px 8px;
    border-right: 1px solid #dcdcdc;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .f_i .op_land01 {
    max-width: 100%;
    height: 100%;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .f_i .op_land01 .btn_category1 {
    padding-left: 8px;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .f_box_rht  {
    width: calc(100% - 280px);
    /* padding: 20px 4px 20px 20px; */
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_area .op_hash_01  { 
    padding: 16px 0 0;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_area .op_hash_01 .op_hash_scroll {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    flex-flow: row nowrap;
    gap: 4px;
    height: 56px;
    padding-bottom: 16px;
    overflow-y: unset;
    overflow-x: auto;
    max-height: unset;
}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .f_box_rht .scroll_w  {
    height: 179px;
    overflow-y: auto;
    padding: 20px 4px 20px 20px;

}
.fixed_btn04 .sheet04 > .sh_body .box_space .f_box03 .scroll_w {
    height: 184px;
    overflow-y: auto;
}

.fixed_btn04 .sheet04 > .sh_bottom {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 0 0;
}

.fixed_btn04 .sheet04 > .sh_bottom > .op_common_btn.primary.lg {
    width: 100%;
}
.ck_sh_list01 {
    display: flex;
    flex-flow: row wrap;
    gap: 8px 16px;
    width: 100%;
}
.ck_sh_list01 > li {
    width: calc((100% - 16px) / 2);
}
.rdo_sh_list01 { 
    display: flex;
    flex-flow: column;
    gap: 8px;
    width: 100%;
}
.rdo_sh_list01.type02 { 
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    width: 100%;
}
.rdo_sh_list01.type02 > li {
    width: calc(50% - 4px);
}
.rdo_sh_list01.type03 { 
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    width: 100%;
}
.rdo_sh_list01.type03 > li {
    width: calc((100% - 48px) / 4);
}
.rdo_sh_list01.type_gap { 
    gap: 1px;
}
/*라디오*/
.op_sh_radio01 {display: flex;justify-content: flex-start;align-items: flex-start;width: 100%;position: relative;}
.op_sh_radio01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;flex-shrink: 0;}
.op_sh_radio01 > input:hover{background-image: url("../img/ico_rdo_hover_off.svg");}
.op_sh_radio01 > input:disabled{background-image: url("../img/ico_rdo_disabled_off.svg");}
.op_sh_radio01 > input:disabled + label{color: #9a9a9a;cursor: auto;}
.op_sh_radio01 > input:checked{background-image: url("../img/ico_rdo_on.svg");display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.op_sh_radio01 > input:checked:hover{background-image: url("../img/ico_rdo_hover_on.svg");}
.op_sh_radio01 > input:checked:disabled{background-image: url("../img/ico_rdo_disabled_on.svg");}
.op_sh_radio01 > label{display: block;font-size: 15px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}
.op_sh_radio01 > input + label{padding-left: 8px;}
.sheet03 > .sh_body .box_space .f_box02 .f_box_rht .op_sh_radio01 > label{width: calc(100% - 32px);word-break: break-all;}
.op_sh_radio02 {display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
.op_sh_radio02 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 1px;height: 1px; opacity: 0;}
.op_sh_radio02 > input:checked + label{ width: 100%; display: block; background-color: #eff3ff; color: #5d5fe4; font-weight: 700; cursor: auto;}
.op_sh_radio02 > input:checked{display: block; background: unset;}
.op_sh_radio02 > input:checked:hover{background: none;}
.op_sh_radio02 > input:checked:disabled{background-image: unset;}
.op_sh_radio02 > label{display: block;width: 100%; padding: 4px 20px; font-size: 15px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}

.btn_range { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; width: 100%; height: 159px; border-radius: 8px; border: 1px solid #dcdcdc; overflow: hidden; }
.btn_range > li { width: calc(100% / 6); height: 40px; margin-top:-1px;}
.btn_range > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; color: #1E1E1E; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.4; }
.btn_range > li:nth-child(-n + 6) > a { border-top:0;}
.btn_range > li:nth-child(6n) > a { border-right:0;}
.btn_range > li.on > a {background-color: #e9e9fc;}
.btn_range > li.active > a {background-color: #5d5fe4 !important; color: #fff !important;}
.btn_range2 { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; width: 100%; /* height: 80px; */ border-radius: 8px; border: 1px solid #dcdcdc; overflow: hidden; }
.btn_range2 > li { width: calc(100% / 4); height: 40px; margin-top:-1px; }
.btn_range2 > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; color: #1E1E1E; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.4; }
.btn_range2 > li:nth-child(-n + 4) > a { border-top:0;}
.btn_range2 > li:nth-child(4n) > a { border-right:0;}
.btn_range2 > li.on > a {background-color: #e9e9fc;}
.btn_range2 > li.active > a {background-color: #5d5fe4 !important; color: #fff !important;}
.f_box03 .op_land02 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 200px;
    min-height: initial;
    min-width: initial;
    padding: 8px;
    overflow-y: auto;
    align-self: stretch;
}

.f_box03 .op_land02 li.active {
    background-color: #eff3ff;
}

.f_box03 .op_land02 + .op_land02 {
    border-left: 1px solid #dcdcdc;
}
.f_box03 .op_land02 .btn_category1 {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    min-height: 29px;
    background-color: transparent;
}
.f_box03 .op_land02 .btn_category1.active {
    display: block;
    color: #5d5ffe;
    font-weight: 700;
    /* background-image: url('../img/ico_check_03.svg'); */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.op_land03 {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    max-height: 200px;
    min-height: initial;
    min-width: initial;
    overflow-y: auto;
    align-self: stretch;
}

.op_land03 li {
    height: 40px;
    padding: 6px;
}
.op_land03 li.active {
    background-color: #eff3ff;
}

.op_land03 + .op_land03 {
    border-left: 1px solid #dcdcdc;
}
.op_land03 li > button {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    min-height: 29px;
    background-color: transparent;
}
.op_land03 li.active > button {
    display: block;
    color: #5d5ffe;
    font-weight: 700;
    /* background-image: url('../img/ico_check_03.svg'); */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.srch_crtr_wrap  { 
    padding: 0 20px 24px;
}

/* .srch_crtr  { } */
.srch_crtr > li + li {
    margin-top: 24px;
}
.srch_crtr .tit {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.srch_crtr .use_box02 .left_box .con_area01 .op_common_btn {
    width: max-content;
}
.srch_crtr .use_box02 .right_box {
    margin-top: 8px;
}
/* //지도검색 */

/*검색조건내역 저장 팝업 추가*/
.sch_condition_box03 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sch_condition_box03 .sch_condi_tit {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.sch_condition_box03 .sch_condi_box01 {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 20px;
}
.sch_condition_box03 .sch_condi_box01.ec_case01 {
    overflow-y: scroll;
    /* max-height: 450px; */
    max-height: 500px;
}

.sch_condition_box03 .sch_condi_box01 .sch_cont_item01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
}
.sch_condition_box03 .sch_condi_box01 .sch_cont_item01 .item_cont_box01 {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 4px;
}
.sch_condition_box03 .sch_condi_box01 .sch_cont_item01 .item_cont_box01 .tit01 {
    width: 100px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.sch_condition_box03 .sch_condi_box01.ec_case01 .sch_cont_item01 .item_cont_box01 .tit01 {
    width: 140px;
}

.sch_condition_box03 .sch_condi_box01 .sch_cont_item01 .item_cont_box01 .txt01 {
    width: calc(100% - 140px);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
    margin-top: 0;
    text-align: left;
    word-break: break-all;
}
.sch_condi_inp01 .op_common_input02 label .dot {
    width: 9px;
    height: 26px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    box-sizing: border-box;
    color: #e0280a;
}
/*//검색조건내역 저장 팝업 추가*/
.op_dma_box01{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.op_dma_box01 > .op_tbl_case01 + .op_tbl_case01{
    margin-top: 20px;
}
.fixed_pin_box01{
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    margin: 0 auto;
}
.op_dma_box01 .f_group25 .fg_mc_box01 {
    gap: 11.15px;
}
.op_dma_box01 .f_group25 .fg_mc_box01:not(:has(.btn_box_left01)) {
    width: 398px;
}

.tt_img_box01{
    display: block;
    
}
/* .tt_img_box01 .tt_img_pc01{} */
.tt_img_box01 .tt_img_mo01{
    display: none;
}

.info_use_box04 {
    width: calc(100% - 40px);
    margin-left:auto;
    margin-right:auto;
    height: auto;
    display: block;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #f9f9f9;
    padding: 16px;
    position: relative;
}
.info_use_box04 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
    padding-left: 32px;
}
.info_use_box04 .txt_01 > a {
    color: #5d5fe4;
    text-decoration: underline;
}
.info_use_box04 .txt_01 + .txt_02 {
    margin-top: 5px;
}
.info_use_box04 .txt_02 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    padding-left: 32px;
}
.info_use_box04 .txt_01::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-image: url('../img/ico_info_02.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.time_line_top {
    display: flex;
    /* justify-content: flex-end; */
    justify-content: space-between;
    margin-top: 20px;
}
.time_line_top .time_line_alldel:before {
    content: '';
    position: absolute;
    left:0;
    bottom:2px;
    width: 100%;
    height:1px;
    background-color: #5d5d5d;
}
.time_line_top .time_line_alldel {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    flex-shrink: 0;
}
.time_line {
    margin-top: 12px;
}
.time_line > li {
    position: relative;
    padding-left: 15px;
    padding-bottom: 24px;
}
.time_line > li::before {
    content:'';
    position: absolute;
    left:3px;
    top:7px;
    display: block;
    width:1px;
    height:100%;
    background-color: #dcdcdc;
}
.time_line > li:last-child::before {
    height: calc(100% - 7px);
}
.time_line > li::after {
    content:'';
    position: absolute;
    left:0;
    top:6px;
    display: block;
    width:7px;
    height:7px;
    border-radius: 999px;
    background-color: #5d5fe4;
}
.time_line .time_line_time {
    font-size: 13px;
    font-weight: 400;
    color: #717171;
    line-height: 1.5;
}
.time_line .time_line_del {
    display: block;
    position: absolute;
    right:0;
    top:0;
    width: 16px;
    height: 16px;
    background: url(../img/ico_close.svg) no-repeat center;
    background-size: 11px 11px;
    background-position: center center;
}
.time_line .time_line_time + .time_line_tit {
    margin-top: 8px;
}
.time_line .time_line_time + .time_line_tit .type_new {
    position: relative;
}

.time_line .time_line_time + .time_line_tit .type_new::before {
    content:'';
    position: absolute;
    left: 8px;
    top:0;
    display: block;
    width:6px;
    height:6px;
    border-radius: 999px;
    background-color: #5d5fe4;
}
.time_line .time_line_tit .op_cm_badge + .elip_04.type_new {
    padding-left:16px;
}
.time_line .time_line_tit .op_cm_badge + .elip_04 {
    padding-left:8px;
}
.time_line .time_line_tit .elip_04.type_new::before {
    left: 0;
}
.time_line .time_line_tit .op_cm_badge + .elip_04.type_new::before {
    left: 8px;
}
.time_line .time_line_tit {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.time_line .time_line_tit + .time_line_txt {
    margin-top: 4px;
}
.time_line .time_line_txt {
    font-size: 15px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.time_line .time_line_tit .op_cm_badge {
    border-radius: 999px;
    height: 24px;
}
.time_line .time_line_txt > a {
    color: #5d5fe4;
    text-decoration: underline;
}

/* .elip_04.type_new {
    padding-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */
.elip_04 {
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elip_03 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.op_common_btn.sm.btn_more05 {
    gap:0;
    width: unset;
    min-width: unset;
    padding:0;
}
.op_common_btn.sm.btn_more05 .txt::before {
    content:'';
    position: absolute;
    left:0;
    bottom: 2px;
    width:100%;
    height:1px;
    background-color: #5d5d5d;

}
.op_common_btn.sm.btn_more05 .txt {
    position: relative;
    font-size: 13px;
    color:#5d5d5d;
    font-weight: 400;
}
.op_common_btn.sm.btn_more05 .ico_arr01 {
    width:16px;
    height:16px;
    background-size: 16px 16px;
}
.btn_more05.active .ico_arr01 {
    transform: rotate(-180deg);
}
.swiper_tab01.type01 .tab_list li {
    height: 40px;
}

.no_data05 {
    height: calc(100vh - 250px);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.no_data05 > img {
    display: block;
    margin: 0 auto 20px;
}
.no_data05 > .txt {
    display: block;
    color: #1e1e1e;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.img_wrap > img { width:100%;}
.op_common_tbl01 tbody td .txt_box01.bd_file_btn01{
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    cursor: text;
}



.find_password_zone01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0 80px 0;
}
.find_password_zone01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    color: #1e1e1e;
}

.find_password_area01 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
}

.find_password_area01 .txt01 {
    width: auto;
    display: inline;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.find_password_area01 > a {
    text-decoration: underline;
    padding-left: 16px;
}
.find_password_area02 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
}
.find_password_area02 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}

.find_password_area03 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
    border: 1p;
}
.find_password_area03 li + li {
    padding-top: 12px;
}



.txt_join {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.join_pop_tit01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
}
.join_01 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
}
.join_01 > li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
    position: relative;
    padding-left: 14px;
}
.join_01 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #5d5d5d;
    z-index: 10;
}
.join_01.prx > li::after {
    content: none;
}
.join_01 + .join_01 {
    padding-top: 8px;
}
.join_01 > li + li {
    margin-top: 8px;
}

.join_02 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 14px;
    position: relative;
}
.join_02 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 6px;
    width: 5px;
    height: 1px;
    border-radius: 4px;
    background-color: #5d5d5d;
    z-index: 10;
}

.join_03 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 4px;
}
.join_03 > li + li {
    margin-top: 8px;
}
.join_03 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 14px;
}

.join_04 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 4px;
    margin-left: 14px;
}
.join_04 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    position: relative;
    padding-left: 14px;
}
.join_04 > li::after {
    content: "*";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.join_05 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 4px;
}
.join_05 > li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
    padding-left: 14px;
    position: relative;
}
.join_05 > li::before {
    content: '';
    position: absolute;
    top:10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #5d5d5d;
}


.join_pop_tit02 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5d;
    margin-bottom: 12px;
}


.view_img {
    width: 100%;
}
.view_img .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.view_img .swiper-button-prev,
.view_img .swiper-button-next {
    width:48px;
    height:48px; 
    background-color: #fff; 
    border:1px solid #dcdcdc; 
    border-radius: 50%;
}
.view_img .swiper-button-prev:after {
    color: #5d5d5d;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 4px;
}
.view_img .swiper-button-next:after {
    color: #5d5d5d;
    font-size: 1.5rem;
    font-weight: 700;
    margin-left: 4px;
}
.view_img .swiper-slide {
    width: 100%;
    height: 480px;
    display: flex;
    justify-content: center;
}
.view_img .swiper-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
}

.view_single {
    width: 100%;
    height: auto;
}
.view_single img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.view_img_360 {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* min-height: 660px; */
}
.view_img_360 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.view_img_360 .swiper-button-prev,
.view_img_360 .swiper-button-next {
    width:48px;
    height:48px; 
    background-color: #fff; 
    border:1px solid #dcdcdc; 
    border-radius: 50%;
}
.view_img_360 .swiper-button-prev:after {
    color: #5d5d5d;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 4px;
}
.view_img_360 .swiper-button-next:after {
    color: #5d5d5d;
    font-size: 1.5rem;
    font-weight: 700;
    margin-left: 4px;
}
.view_img_360 .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: center;
}
.view_img_360 .swiper-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
}





.txt_normal01 {
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 12px;
}
.pop_dim .tab_con .tab_content_wrap .tab_contents > div.pd_all_01 {
    margin-top: 0;
}
.btn_map_area01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: absolute;
    left: 24px;
    top: 24px;
    
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
}
.btn_img_plus {
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
}
.btn_img_plus::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background: url('../img/ico_m_plus.svg') no-repeat center/100%;
}
.btn_img_minus {
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
}
.btn_img_minus::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    background: url('../img/ico_m_minus.svg') no-repeat center/100%;
}

.btn_map_area01 .mapline {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
}
.btn_img_compass {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 140px;
    left: 24px;
    
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
    
    width: 50px;
    height: 50px;
}
.btn_img_compass::before{
    content: '';
    width: 24px;
    height: 24px;
    background: url('../img/ico_m_compass.svg') no-repeat center/100%;
}
.btn_img_compass01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: absolute;
    bottom: 20px;
    right: 24px;
    
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
    
    width: 60px;
    height: 60px;
}
.btn_img_compass01::before{
    content: '';
    width: 30px;
    height: 30px;
    background: url('../img/ico_m_compass.svg') no-repeat center/100%;
}


.sign_renew_box02 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sign_renew_box02 .left_box {
    width: 100%;
}
.sign_renew_box02 .right_box {
    width: 100%;
}
.img_start_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.img_start_box01 > img {
    display: block;

    width: 100%;
    height: 100%;
    max-height: 400px;
}

.auth_pin01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.auth_pin01 .txt_01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 15px;
    font-weight: 600;
    color: #1e1e1e;
    text-align: center;
    line-height: 1.5;
    margin-top: 8px;
}

.auth_pin_box01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
}

.auth_pin_box01 .op_common_input01 + .op_common_input01 {
    margin-top: 8px;
}

.terms_info01 {
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 17px;
    font-weight:400;
    color: #1e1e1e;
    line-height: 1.5;

    max-height: 400px;
}


.rotate_view_item {
    width:100%;
    height:666px; 
    position: relative; 
    overflow: hidden;}
.rotate_view_item img {width:100%;height:100%;}


/*instruction_item_box06*/
.instruction_item_box06 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 16px;
    align-self: stretch;
}
.instruction_item_box06 > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    border-radius: 16px;
    gap: 12px;
    width: calc(100% / 4 - 12px);
    min-height: 115px;
    background-color: #f9f9f9;
}
.instruction_item_box06 > li.pos {
    background-color: #f6f8fe;
}
.instruction_item_box06 > li.impos {
    background-color: #fff6f5;
}
.instruction_item_box06 > li .item_box01 {
    width: 100%;
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
}
.instruction_item_box06 > li .item_box01 .item_box_tit {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .left_box {
    max-width: 75%;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .txt_01 {
    color: #0d0d0d;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.5;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 {
    margin-left: 0;
    width: 20px;
    height: 20px;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 .tooltip {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
.instruction_item_box06 > li .item_box01 .item_box_cont {
    width: 100%;
}
.instruction_item_box06 > li .item_box01 .item_box_cont .text_box01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.instruction_item_box06 > li .item_box01 .item_box_cont .text_box01 .txt01 {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 8px;
    border-radius: 8px;
}
.instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 {
    min-width: 66px;
}
.instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 {
    min-width: 79px;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 .ico {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
}
.instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 .txt_01 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}
.instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 {
    background-color: #e4ebff;
}
.instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .ico {
    background-image: url(../img/ico_check_04.svg);
    background-size: 14px;
}
.instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .txt_01 {
    color: #5d5fe4;
}
.instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 {
    background-color: #ffe1de;
}
.instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .ico {
    background-image: url(../img/ico_close_red.svg);
    background-size: 10px;
}
.instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .txt_01 {
    color: #e0280a;
}
/*//instruction_item_box06*/

/* 자주묻는 질문_'조회된 데이터가 없습니다' */
.acc_no_data {
    border: 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
    padding: 20px 0;
}
/* //자주묻는 질문_'조회된 데이터가 없습니다' */

/* 물건상세 지도 조건선택 및 검색 */
.map_btn_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
.map_btn_box .filter_item1 .filter_list {
    gap: 2px;
}
.map_btn_box .filter_item1 .filter_list > li > a {
    /* height: 44px;
    padding: 12px 32px 12px 12px;
    border-radius: 999px; */
    background-color: #eff3ff;
}
/* .map_btn_box .filter_item1 .filter_list > li a .txt {
    font-size: 19px;
    font-weight: 700;
}
.map_btn_box .filter_item1 .filter_list > li > a::before {
    position: absolute;
    right: 10px;
    top: 13px;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(../img/ico_btn_search_arr_on.svg);
    background-position: center center;
} */
.map_btn_box .filter_item1 .filter_list > li > a.on {
    background-color: #312BC5;
}
.map_btn_box .filter_item1 .filter_list > li > a.on .txt {
    color: #fff;
}
.map_legend_box ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.map_legend_box ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.map_legend_box ul li .legend01 {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: block;
    background-color: #5d5fe4;
}
.map_legend_box ul li .legend02 {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: block;
    background-color: #ff6801;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel .map_legend_box ul li .txt01 {
    color: #333;
    width: max-content;
}

.preview_wrap .map_btn_box .filter_item1 .filter_list {
    gap: 8px;
}
/* 물건상세 지도 조건선택 및 검색 */

.file_download_box .file_download_info {
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

/* 장시간 미사용 안내 */
.longterm_info_box01 {
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 170px;
}
.longterm_info_box01 .info_tit {
    color: #1e1e1e;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}
.longterm_info_box01 .info_txt {
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.confirm_doc_txt {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.confirm_doc_txt .txt01 {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.confirm_doc_txt .confirm_doc_list .dash_list04 li {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.confirm_doc_txt .confirm_doc_list .dash_list04 li ~ li {
    margin-top: 8px;
}
.confirm_doc_box01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    margin-top: 24px;
}
.confirm_doc_box01 .left_box {
    width: 100%;
}
.confirm_doc_tbl01 li {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 16px;
    padding-left: 13px;
}
.confirm_doc_tbl01 li ~ li {
    margin-top: 8px;
}
.confirm_doc_tbl01 li .tit01 {
    width: 165px;
    font-size: 17px;
    line-height: 1.5;
    color: #1e1e1e;
    font-weight: 400;
}
.confirm_doc_tbl01 li > .txt01 {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 0;
    text-align: left;
    width: calc(100% - 165px);
}
.confirm_doc_tbl02 li {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 16px;
}
.confirm_doc_tbl02 li ~ li {
    margin-top: 8px;
}
.confirm_doc_tbl02 li .tit01 {
    width: 350px;
    font-size: 17px;
    line-height: 1.5;
    color: #1e1e1e;
    font-weight: 400;
}
.confirm_doc_tbl02 li > .txt01 {
    font-size: 17px;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
    padding: 0;
    text-align: right;
    width: calc(100% - 350px);
}
.confirm_doc_infobox01 > .date_name_box01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}
.confirm_doc_infobox01 > .date_name_box01 .date_txt01 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.confirm_doc_infobox01 > .date_name_box01 .name_txt01 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5;
    color: #1e1e1e;
}
.confirm_doc_infobox01 > .name_box01 {
    font-size: 24px;
    font-weight: 500;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: center;
    margin-top: 24px;
}

/* 언어선택 라디오버튼 */
.lang_radio01 {display: flex;justify-content: space-between;align-items: center;width: 100%;position: relative;}
.lang_radio01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;flex-shrink: 0;}
.lang_radio01 > input:disabled{background-image: url("../img/ico_rdo_disabled_off.svg"); cursor: default; }
.lang_radio01 > input:disabled + label{color: #9a9a9a;cursor: default;}
.lang_radio01 > input:checked{background-image: url("../img/ico_rdo_on.svg");display: block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}
.lang_radio01 > input:checked:disabled{background-image: url("../img/ico_rdo_disabled_on.svg");}
.lang_radio01 > label{display: block;font-size: 17px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}

/* 인증번호 가져오기 */
.asl-authcodeArea .pa-autharea .line::before {
    border-left: 0;
}

/* 모의입찰 */
.simulation_tit_box {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 12px;
}
.simulation_tit_box .con_tit_box06 {
    padding-bottom: 8px;
}
.simulation_tit_box .simulation_txt01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #333; 
}
.simulation_tit_box + .top_detail_box01.pop_type02 {
    padding: 32px;
}

/* 윈도우 팝업 하단고정 버튼 있는 경우 */
body:has(.fixed_btn01) .wrap_op:has(.top.mobile) .mobile_only {
    padding-bottom: 160px;
}
body:not(:has(.footer)) .mobile_only {
    padding-bottom: 120px;
}
body:has(.fixed_btn01) .wrap_op:has(.top.mobile) .mobile_only:not(:has(.btn_box_center01.bt_fixed)) {
    padding-bottom: 40px;
}

.point_color05 {color: #333333 !important;}

/* 모바일 신분증 팝업 */
.mobileid_box .simple_login_btn_box01 .simple + .noti_txt01 {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #666;
    text-align: left;
    margin-top: 12px;
}
.mobileid_box .simple_login_btn_box01 .btn-v:disabled {
    cursor: default;
    background-color: #ebebeb;
    border-color: #dcdcdc;
    color: #949494;
}
.mobileid_tab_box {
    margin-top: 40px;
}
.mobileid_tab_box .tab_list_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}
.mobileid_tab_box .tab_list_wrap .tab_box_tit {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
    color: #0d0d0d;
}
.mobileid_tab_box .tab_list_wrap .tab_list {
    width: 152px;
    gap: 8px;
}
.mobileid_tab_box .tab_list_wrap .tab_list li a {
    min-width: 72px;
    min-height: 36px;
    padding: 5px 16px;
    border: 1px solid #717171;
    border-radius: 999px;
    background-color: #fff;
    font-weight: 600;
}
.mobileid_tab_box .tab_list_wrap .tab_list li a.on {
    background-color: #5d5fe4;
    border-color: #5d5fe4;
    color: #fff;
}
.mobileid_tab_box .mobileid_certi_push {
    margin-top: 16px;
}
.mobileid_tab_box .mobileid_certi_push .op_tbl_case01 > .table_block01 .tit_area01 {
    width: 152px;
    padding: 12px 20px;
    min-height: 52px;
}
.mobileid_tab_box .mobileid_certi_push .op_tbl_case01 > .table_block01 .con_area01 {
    max-width: calc(100% - 152px);
    min-height: 52px;
    padding: 8px 20px;
}
.mobileid_tab_box .mobileid_certi_push .f_group31 .op_common_input01 {
    width: 100%;
}
.mobileid_tab_box .mobileid_certi_qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #717171;
    width: calc(100% + 10px);
}
.mobileid_tab_box .mobileid_certi_qr .txt01 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
    padding: 0;
    margin-right: -5px;
}
.mobileid_agree_box {
    margin-top: 24px;
}
.mobileid_agree_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}
.mobileid_agree_tit .agree_box_tit {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
    color: #0d0d0d;
}
.mobileid_agree_tit .agree_allChk {
    width: max-content;
}
.mobileid_agree_tit .agree_allChk label {
    font-weight: 600;
}
.mobileid_agree_cont {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #717171;
}
.mobileid_agree_cont ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.mobileid_agree_cont ul li ~ li {
    margin-top: 16px;
}
.mobileid_agree_cont ul li .op_common_chk01 label {
    font-weight: 600;
}

/* 부동산시세요약정보 조회 */
.map_area_box01 .map_detail_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 380px;
    padding: 12px;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);
    
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.map_area_box01 .map_detail_tit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel > .map_area_box01 .map_detail_tit > .tit01 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #0d0d0d;
    width: max-content;
}
.map_area_box01 .map_detail_tit > .map_detail_close.close_btn {
    width: 14px;
    height: 14px;
    background-image: url(../img/ico_close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px 14px;
}
.map_area_box01 .map_detail_box > ul {
    width: 100%;
}
.map_area_box01 .map_detail_box > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
}
.map_area_box01 .map_detail_box > ul > li + li {
    margin-top: 4px;
}
.map_area_box01 .map_detail_box > ul > li > .detail_list_tit {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #666;
    width: max-content;
    text-align: left;
}
.map_area_box01 .map_detail_box > ul > li > .detail_list_txt {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #0d0d0d;
    width: max-content;
    text-align: right;
}
/* //부동산시세요약정보 조회 */

/* 중고차 사고이력 정보 */
.accident_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 20px;
    background-color: #f6f8fe;
}
.accident_info .left_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.accident_info .left_box .tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}
.accident_info .left_box .date01 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
}
.accident_info .right_box .txt01 {
    font-size: 15px;
    font-weight: 400;
    color: #5d5d5d;
}
.pop_main_con_box01 .accident_history + .btn_box_center01:has(.btn_history_more01, .btn_history_more02)  {
    position: relative;
    padding: 0;
    margin-top: 0;
}
.pop_main_con_box01 .accident_history.active + .btn_box_center01:has(.btn_history_more01, .btn_history_more02) {
    position: relative;
    padding: 0;
    margin-top: 24px;
}
.btn_history_more01 {
    width: 100%;
    border-radius: 0 !important;
}
.btn_history_more01.active {
    border-top: 0;
}
.btn_history_more01.active .ico_arr01 {
    transform: rotate(-180deg);
}

/* //중고차 사고이력 정보 */

/* 테이블 오버플로우 박스 */
.op_tbl_scroll {
    overflow: auto;
}

/* 상권분석 */
.analysis_txtbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.analysis_txtbox .txt_list > li {
    font-size: 15px;
    color: #1e1e1e;
    padding-left: 10px;
    position: relative;
}
.analysis_txtbox .txt_list > li::before {
    position: absolute;
    content: '*';
    font-size: 14px;
    color: #1e1e1e;
    left: 0;
}

@media print {
    .print_area01 {
        /*transform: scale(0.7);*/
        zoom:0.6;
    }
}
@media screen and (max-width:1280px) {

    .op_common_tbl01 tbody td .txt_box01.bd_file_btn01{
        width: 21px;
        height: 21px;
    }
    .accep_box01 .chk_list01 {
        display: block;
        width: max-content;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: 20px;
    }


    /*gap_group*/
    [class*="gap_group"] + .gap_group4840{
        margin-top: 40px;
    }
    [class*="gap_group"] + .gap_group4040{
        margin-top: 40px;
    }
    [class*="gap_group"] + .gap_group4832{
        margin-top: 32px;
    }
    [class*="gap_group"] + .gap_group6040{
        margin-top: 40px;
    }
    [class*="gap_group"] + .gap_group4032{
        margin-top: 32px;
    }
    [class*="gap_group"] + .gap_group4024{
        margin-top: 24px;
    }
    [class*="gap_group"] + .gap_group4020{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group3220{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group2420{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group2424{
        margin-top: 24px;
    }
    [class*="gap_group"] + .gap_group1612{
        margin-top: 12px;
    }
    [class*="gap_group"] + .gap_group2020{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group2016{
        margin-top: 16px;
    }
    [class*="gap_group"] + .gap_group2000{
        margin-top: 0px;
    }
    [class*="gap_group"] + .gap_group4000{
        margin-top: 0px;
    }
    [class*="gap_group"] + .gap_group4840{
        margin-top: 40px;
    }
    [class*="gap_group"] + .gap_group6020{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group6000{
        margin-top: 0;
    }
    [class*="gap_group"] + .gap_group1220{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group1224{
        margin-top: 24px;
    }
    [class*="gap_group"] + .gap_group1624{
        margin-top: 24px;
    }
    [class*="gap_group"] + .gap_group2820{
        margin-top: 20px;
    }
    [class*="gap_group"] + .gap_group1200{
        margin-top: 0px;
    }
    [class*="gap_group"] + .gap_group2400{
        margin-top: 0;
    }
    [class*="gap_group"] + .gap_group1212{
        margin-top: 12px;
    }
    [class*="gap_group"] + .gap_group6032{
        margin-top: 32px;
    }
    [class*="gap_group"] + .gap_group6060{
        margin-top: 60px;
    }
    [class*="gap_group"] + .gap_group8060{
        margin-top: 60px;
    }
    [class*="gap_group"] + .gap_group8040{
        margin-top: 40px;
    }
    [class*="gap_group"] + .gap_group6048{
        margin-top: 48px;
    }
    [class*="gap_group"] + .gap_group4424{
        margin-top: 24px;
    }

    .gap_group0020{
        margin-top: 20px;
    }
    .gap_group0024{
        margin-top: 24px;
    }
    
    /*//gap_group*/
    



    
    /*.instruction_item_box01*/
    .instruction_item_box01{
        flex-wrap: wrap;
        gap: 16px;
    }
    .instruction_item_box01 .item{
        width: calc(50% - 8px);
    }
    .instruction_item_box01 .item .tit_box01 .tit01{
        font-size: 15px;
        
    }
    .instruction_item_box01 .item .tit_box01{
        padding: 11.25px 0px;
    }
    .instruction_item_box01 .item .txt_box01 .txt01{
        font-size: 17px;
    }
    .instruction_noti_msg01{
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        margin-top: 12px;
        display: block;
        width: 100%;
        text-align: left;
    }
    /*//.instruction_item_box01*/
    /*calc_info_box01*/
    .calc_info_box01{
        flex-direction: column;
        padding: 24px 20px;
        gap: 20px;
        margin-top: 16px;
    }
    .calc_info_box01 .item{
        gap:18px;
    }
    .calc_info_box01 .item .dot_list03{
        margin-top: 4px;
    }
    .calc_info_box01 .item .txt_box01 .tit01{
        font-size: 17px;
    }
    .calc_info_box01 .item .noti_msg01{
        margin-top: 4px;
        font-size: 12px;
    }
    /*//calc_info_box01*/
    /*attachment_box01*/
    .attachment_box01{
        padding: 12px;
        flex-direction: column;
        gap: 8px;
    }
    .attachment_box01 .tit_box01 .tit01{
        font-size: 13px;
        padding-left: 12px;
        
    }
    .attachment_box01 .tit_box01 .tit01::after{
        top: 7px;
        left: 4px;
    }
    .attachment_box01 .tit_box01{
        display: block;
    }
    .attachment_box01 .list01{
        flex-direction: column;
        gap: 6px;
    }
    .attachment_box01 .list01 > .item .file_link01 .txt01{
        font-size: 13px;
        line-height: 1.5;
    }

    .attachment_box01 .list01 > .item .file_link01.ec_case01 .txt01{
        font-size: 15px;
    }

    .attachment_box01 .list01 > .item .file_link01 > [class*="ico"]{
        width: 16px;
        height: 19.5px;
        background-size: 16px 16px;
    }
    .attachment_box01 .list01 > .item > span {
        font-size: 15px;
        line-height: 1.5;
    }
    
    /*//attachment_box01*/
    /*color_bg_box01*/
    .color_bg_box01 + .attachment_box01{
        margin-top: 12px;
    }
    .color_bg_box01{
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
        background-color: #f9f9f9;
        border-radius: 12px;
    }
    .color_bg_box02 {
        display: block;
        box-sizing: border-box;
        width: calc(100% - 40px);
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        padding: 16px;
        background-color: #f9f9f9;
        border-radius: 12px;
    }
    /*//color_bg_box01*/
    
    .op_common_tbl01 tbody tr:nth-child(2n) td{
        background-color: transparent;
    }
    .op_common_tbl01 tbody tr:nth-child(2n){
        background-color: #fcfcfc;
    }
    .op_section01 + .op_section01{
        margin-top: 40px;
    }
    .caption01 {
        display: flex;
        margin: 0 auto;
        width: calc(100% - 40px);
        padding-bottom: 0;
    }

    .caption02 {
        display: flex;
        margin: 0 auto;
        width: calc(100% - 40px);
    }

    .op_common_list11 {
        margin-top: 40px;
    }
    
    
    


    .op_common_input12{
        width: 100%;
    }
    .id_box > .duplication_id .op_common_input01{
        width: 100%;
    }
    .id_box > .duplication_id{
        width: 100%;
    }
    .op_common_input20{
        width: 100%;
    }
    /* .box-step{
        margin-top: 0px;
    } */
    .page-sub:has(.box-step) + .op_common_list10{
        padding-top: 24px;
    }
    
    .dot_list02 > li .star_list01{
        margin-top: 0px;
    }
    .star_list01 > li{
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding-left: 8px;
        font-size: 12px;
        font-weight: 400;
        color: #5d5d5d;
        line-height: 1.4;
    }

    .star_list01 > li::after{
        display: block;
        content: "*";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        font-size: 12px;
        font-weight: 400;
        color: #5d5d5d;
        box-sizing: border-box;
        padding-top: 1px;
        
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_info_group01 + .txt_info_group01{
        margin-top: 8px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_info_group01 .submit_txt01 + .dot_list02{
        margin-top: 6px;
    }
    .op_tbl_case03 > .table_block01:has(.no_data) {
        align-items: center;
        border-bottom: 1px solid #ebebeb;
    }
    .op_tbl_case03 > .table_block01 .no_data {
        font-size: 15px;
    }
    .dot_list02 > li::after{
        top: 6px;
    }
    .dot_list02 > li + li{
        margin-top: 0;
    }
    .dot_list02 > li{
        font-size: 13px;
    }
    .submit_txt01{
        font-size: 15px;
    }
    
    .op_common_chk01 > input:checked{
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    
    .signup_submit_tbl01{
        padding-top: 0;
    }
    
    .con_tit_box04.agree_tit01{
        margin-top: 24px;
        padding-bottom: 0;
    }

    .tab_con.type06 {
        margin-top: 20px;
        display: block;
        width: 100%;
        height: calc(100% - 73px);
    }
    .tab_con.type06 .tab_content_wrap {
        display: block;
        width: 100%;
        height: calc(100% - 44px);
        overflow-y: auto;
    }
    
    .board_list_btn_area01{
        padding: 32px 20px 40px 20px;
    }
    .tit_tab_box01{
        padding: 0 20px;
    }
    .list_top_box01{
        padding: 0 20px;
    }
    .tab_con.type05 .tab_list_wrap .tab_list li{
        height: 60px;
    }
    .tab_con.type05 .tab_list_wrap .tab_list li a{
        padding: 0 16px;
        font-size: 21px;
    }
    .op_common_btn.lg {min-width:156px; min-height: 40px;padding: 1px 20px 0 20px;border-radius: 999px;gap: 6px;line-height: 1.5;width: 100%;}
    .op_common_btn.lg .txt {font-size: 15px;font-weight: 600;}
    .op_common_btn.lg [class*="ico"] {display: block;width: 20px;height: 20px;background-size: 20px 20px;background-position: center center;flex-shrink: 0;}
    .op_common_btn.md{
        min-height: 40px;
        padding: 1px 20px 0 20px;
        border-radius: 999px;
        gap: 6px;
        line-height: 1.5;
        min-width: 72px;
    }
    .op_common_btn.md .txt{
        font-size: 15px;
        font-weight: 600;
    }
    .op_common_btn.md [class*="ico"]{
        display: block;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        background-position: center center;
        flex-shrink: 0;
    }
    .op_common_btn.sm{
        min-height: 32px;
        padding: 1px 16px 0 16px;
        border-radius: 999px;
        gap: 6px;
        line-height: 1.4;
    }
    .op_common_btn.sm .txt{
        font-size: 14px;
        font-weight: 600;
    }
    .op_common_btn.sm [class*="ico"]{
        display: block;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        background-position: center center;
        flex-shrink: 0;
    }
    .op_common_btn.xs{
        min-height: 28px;
        padding: 1px 12px 0 12px;
        border-radius: 999px;
        gap: 4px;
        line-height: 1.4;
    }
    .op_common_btn.xs .txt{
        font-size: 13px;
        font-weight: 600;
    }
    .op_common_btn.xs [class*="ico"]{
        display: block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-position: center center;
        flex-shrink: 0;
    }




    .btn-member {
        padding: 16px 10px;
        border-radius: 12px;
        border: 1px solid #DCDCDC;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .btn-member > .txt {
        font-size: 15px;
        font-weight: 400;
        min-width: 60px;
        word-break: keep-all;
    }
    .btn-member.active {
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        background-color: #5d5fe4;
    }
    .btn-sns {
        padding: 16px 12px;
        border-radius: 24px;
        background-color: #fff;
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 120px;
    }
    .btn-sns > img{
        width: 40px;
        height: 40px;
    }
    .btn-sns > .txt {
        font-size: 14px;
        font-weight: 600;
        margin: 8px auto 0 auto;
        word-break: keep-all;
        display: block;
        
        width: 50px;
        line-height: 1.4;
        
    }
    .btn-join {
        width: 100%;
        max-width: 320px;
        padding: 10px 20px;
        border-radius: 999px;
        font-size: 17px;
        height: 48px;
        font-weight: 600;
        color: #fff;
        background-color: #5d5fe4;
        margin: 0 auto;
    }
    .company_signup_box01{
        margin-top: 40px;
    }
    .simple {
        flex-wrap: wrap;        
        gap: 12px 0;
    }
    .btn-v {
        width: 100%;
        box-sizing: border-box;
        height: 60px;
        padding: 12px 24px;
        justify-content: space-between;
        flex-direction: row;
        border-radius: 12px;
        
        font-size: 17px;
    }
    .btn-v.kakao img ,
    .btn-v.naver img ,
    .btn-v.apple img,
    .btn-v.dop img {
        width: 36px;
        height: 36px;
    }
    .btn-v.kakao span,
    .btn-v.naver span,
    .btn-v.apple span,
    .btn-v.dop span{
        margin: 0 auto;
        font-size: 17px;
        font-weight: 700;
    }

    .btn_join {
        margin: 0 auto;
        margin-top: 28px !important;
        font-size: 13px;
        font-weight: 600;
        color: #5d5d5d;
    }
    .btn_join::before{
        width: 16px;
        height: 16px;
        right: -18px;
    }
    /* 간편인증 */
    .auth {
        gap: 12px 8px;
        padding: 0 20px;
    }
    .btn_auth {
        width: 320px;
    }
    /* 공동인증서 */
    .ico_comm {
        width: 100px;
        height: 100px;
    }
    
    .comm_group {
        margin-top: 24px;
        font-size: 14px;
        font-weight: 600;
        color: #5d5d5d;
    }

    .op_common_btn.primary.w440 {
        min-width: 320px; 
        margin: 0 auto;
        margin-top: 24px;
    }

    .btn-share_kakao {
        gap: 4px 0;
    }
    .ico_share_kakao{
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
    }
    .btn-share_kakao .txt {     
        font-size: 14px;
    }
    .btn-share_email {
        gap: 4px 0;
    }
    .ico_share_email{
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
    }
    .btn-share_email .txt {
        font-size: 14px;
    }
    .btn-share_url {
        gap: 4px 0;     
    }
    .ico_share_url{
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
    }
    .btn-share_url .txt {
        font-size: 14px;
    }
    .btn-share_more {
        gap: 0;
    }
    .ico_share_more{
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
    }
    .btn-share_more .txt {
        font-size: 14px;
    }

    .btn_search {   
        min-width: 157px;
    }
    .btn_reset {
        min-width: 157px;
    }

    
    .dot_list01 > li{
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    
    /*op_common_tbl01*/
    .op_common_tbl01{
        width: calc(100% - 40px);
        margin: 0 auto;
        border-top: 1px solid #dcdcdc;
    }
    .op_common_tbl01 .btn_box_center01{
        margin-top: 8px;
    }
    .op_common_list01{
        width: calc(100% - 40px);
        margin:12px 20px 0 20px; 
        border-top: 1px solid #dcdcdc;
    }
    .op_common_tbl01 thead{
        display: none;
    }
    .op_common_tbl01 tbody tr{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 15.5px 0;
        font-size: 0;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
    }
    .op_common_tbl01 tbody tr td{
        display: block;
        max-width: 100%;
        width: max-content;
        box-sizing: border-box;
        border-bottom: 0;
        text-align: left;
        height: max-content;
        padding: 0;
    }

    .op_common_tbl01 colgroup{
        display: none;
    }
    .op_common_tbl01 .m_h{
        display: none;
    }
    .op_common_tbl01 tbody td .txt_box01 [class*="txt"]{
        font-size: 15px;
        
        line-height: 1.5;
    }
    .op_common_tbl01 tbody td .link_txt_box01{
        margin: 0px;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        color: #1e1e1e;
        width: 100%;
        height: 51px;
        align-items: center;
    }
    .op_common_tbl01 tbody td .link_txt_box01 .link_txt01{
        width: 100%;
    }
    .op_common_tbl01 tbody td.m_h + td .link_txt_box01{
        margin: 0 0 8px 0;
    }
    .op_common_tbl01 tbody tr td{
        width: 100%;
        text-align: left;
    }
    .op_common_tbl01 tbody tr td + td{
        margin-top: 4px;
    }
    .op_common_tbl01 tbody td .txt_box01 .txt01{
        text-align: left;
    }
    .op_common_tbl01 tbody tr td .btn_box_center01{
        width: 100%;
    }
    .op_common_tbl01 .m_ib{
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: max-content;
    }
    .op_common_tbl01 .m_b{
        display: block;
        /* vertical-align: top; */
        position: relative;
        width: max-content;
    }
    .op_common_tbl01 .m_view{
        padding-left: 45px;
    }
    .op_common_tbl01 .m_view::before{
        display: block;
        position: absolute;
        content: "조회수: ";
        left: 0;
        top: 0;
        z-index: 10;
        width: 45px;
        height: 22.5px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        line-height: 1.5;
    }
    .op_common_tbl01 .m_view01 {
        margin-top: 0;
    }
    .op_common_tbl01 .m_view02{
        padding-left: 60px;
    }
    .op_common_tbl01 .m_view02::before{
        display: block;
        position: absolute;
        content: "입찰마감: ";
        left: 0;
        top: 0;
        z-index: 10;
        width: 60px;
        height: 22.5px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        line-height: 1.5;
    }
    .op_common_tbl01 .m_view03{
        padding-left: 60px;
    }
    .op_common_tbl01 .m_view03::before{
        display: block;
        position: absolute;
        content: "개찰일시: ";
        left: 0;
        top: 0;
        z-index: 10;
        width: 60px;
        height: 22.5px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        line-height: 1.5;
    }
    .op_common_tbl01 tbody td.m_ib.state_file01:has(.txt01){
        display: none;
    }
    .op_common_tbl01 tbody td .txt_box01 img{
        width: 21px;
    }
    .op_common_tbl01 tbody td .txt_box01 img.file_clip_img01{
        width: 21px;
        height: 21px;
    }
    .op_common_tbl01 .m_ib ~ .m_ib{
        margin-left: 17px;
    }
    .op_common_tbl01 .m_ib.state_file01:has(.txt01) + .m_ib{
        margin-left: 0;
    }
    .op_common_tbl01 .m_ib.state_file01:has(.txt01) + .m_ib::after{
        display: none;
    }
    .op_common_tbl01 .m_ib ~ .m_ib::after{
        display: block;
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        left: -9px;
        z-index: 10;
        background-color: #b9b9b9;
        width: 1px;
        height: 12px;
    }
    .op_common_tbl01 .m_ib_tit{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .op_common_tbl01 .m_pin{
        position: absolute;
        top: 15px;
        left: 0;
        z-index: 10;
    }
    .op_common_tbl01 .m_pin + .m_ib_tit{
        padding-left: 30px;
    }
    .op_common_tbl01 .m_ib_tit::after{
        display: block;
        content: "";
        clear: both;
    }
    /*//op_common_tbl01*/
    
    .pc { display: none;}
    .mobile { display: block; width: 100%; height: 100%;}
    
    


    .pagination{
        display: none;
    }

    
    
    .tbl_row01 > table th {padding: 0;}
    .tbl_row01 > table colgroup col:first-child {width: 81px;}

    .contianer {padding-top: 20px;padding-bottom: 40px;}
    .contianer.m_pt0{padding-top: 0;}
    .contianer.m_pb0{padding-bottom: 0;}
    /* .page-head {display: none;} */
    .page-sub {margin-top: 20px;}
    .page-sub > span{
        font-size: 21px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .infomation {padding: 0 20px;}
    .space20 {padding: 20px;}
    .wrap_op {padding: 0;}

    .tab_contents {padding: 20px 20px 60px 20px;}
    .tab_con.type01 {margin-top: 0;}
    /* .tab_con.type01.pos_ballon{
        margin-top: 0;
    } */
    .tab_con.type01 .tab_list_wrap .tab_list li {height: auto;}
    .tab_con.type01 .tab_list_wrap.login_tab .tab_list li{width: max-content;flex: 1;height: 67px;display: flex;justify-content: center;align-items: flex-end;}
    .tab_con.type01 .tab_list_wrap.login_tab .tab_list li a{width: 100%;min-width: max-content;height: 44px;padding: 12px;}
    .tab_con.type01 .tab_list_wrap .tab_list li a {font-size: 17px;line-height: 1.5;padding: 12px 16px;}
    .tab_con.type01 .tab_list_wrap.login_tab .tab_list li:last-child{display:flex;}
    
    .tab_con.type02 {margin-top: 0;}
    .tab_con.type02 .tab_list_wrap .tab_list li {flex: 1 0 40%;}
    .tab_con.type02 .tab_list_wrap.login_tab .tab_list li{width: max-content;flex: 1;}
    .tab_con.type02 .tab_list_wrap.login_tab .tab_list li a{width: 100%;min-width: max-content;}
    .tab_con.type02 .tab_list_wrap .tab_list li a {font-size: 17px;}
    .tab_con.type02 .tab_list_wrap.login_tab .tab_list li:last-child{display:block;}
    .ballon{
        top: -16px;
    }

    /* 모바일 아이디 찾기 */
    
    /* .tab_con.type03 {margin-top: 0px;} */
    .tab_con.type03 .tab_list_wrap .tab_list li a {font-size: 17px;padding: 12px 0;height: 44px;line-height: 25.5px;}
    .tab_con.type03 .tab_list_wrap .tab_list li {flex: 1 0 40%;}
    .tab_con.type03 .tab_list_wrap.login_tab .tab_list li{width: max-content;flex: 1;height: 71px;display: flex;justify-content: center;align-items: flex-end;}
    .tab_con.type03 .tab_list_wrap.login_tab .tab_list li a{width: 100%;min-width: max-content;height: 44px;}
    .tab_con.type03 .tab_list_wrap .tab_list li a {font-size: 17px;}
    .tab_con.type03 .tab_list_wrap.login_tab .tab_list li:last-child{display:flex;}
    
    /* 
    .tab_box03 > .tab_contents {padding: 40px 0;}
    .tab_box03 > .tab_contents .box_unit01 {padding: 0 10px;gap: 12px 0;}
    .tab_box03 > .tab_contents .box_unit01 > .tit {font-size: 21px;line-height: 1.5;}
    .tab_box03 > .tab_contents .box_unit02 {padding: 0 10px;gap: 12px 0;}
    .tab_box03 > .tab_contents .box_unit02 > .tit {font-size: 21px;line-height: 1.5;}
    .tab_box03 > .tab_contents .box_unit02 li {width: 100%;}
    */
    
    .find_idpw_box01 .left_box .tit_area01 {
        width: calc(100% - 40px);
        flex-direction: column;
        margin: 0 auto;
        gap: 12px;
    }

    
    .find_idpw_box02 {        
        padding: 40px 0 40px 0;
    }
    .find_idpw_box02 .left_box .tit_area01 .tit_box01 .txt01 {
        font-size: 21px;
    }
    .find_idpw_box02 .right_box {
        margin-top: 24px;
    }
    .box_unit01 {
        flex-direction: column;
        gap: 20px;
    }
    .box_unit01 > li {
        width: calc(100% - 40px);
        margin: 0 auto;
        min-width: auto;
        padding: 20px 24px;        
    }
    .box_unit02 li  + li {
        margin-top: 12px;
    }
    .box_unit01 > li .btn_box_center01 {
        width: 100%;
    }
    .box_unit02 .unit_01 .left_box01 .txt01 {
        font-size: 16px;
    }
    .box_unit02 .unit_01 .right_box01 .txt02 {
        font-size: 16px;
    }
    .box_unit02 .unit_01 .right_box01 .txt03 {
        font-size: 16px;        
    }

    .op_common_radio02 {width: 100%;height: 60px;}
    .op_common_radio02::before {width: 36px;height: 36px;top: 50%;left: 20px;transform: translateY(-50%);}
    .op_common_radio02 > input {border-radius: 12px;}
    .op_common_radio02 > label {top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 17px;}
    
    .op_common_radio03 {width: 100%;height: 60px;}
    .op_common_radio03::before {width: 36px;height: 36px;top: 50%;left: 20px;transform: translateY(-50%);}
    .op_common_radio03 > input {border-radius: 12px;}
    .op_common_radio03 > label {top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 17px;}
    
    .op_common_radio04 {width: 100%;height: 60px;}
    .op_common_radio04::before {width: 36px;height: 36px;top: 50%;left: 20px;transform: translateY(-50%);}
    .op_common_radio04 > input {border-radius: 12px;}
    .op_common_radio04 > label {top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 17px;}
    
    .op_common_radio05 {width: 100%;height: 60px;}
    .op_common_radio05::before {width: 36px;height: 36px;top: 50%;left: 20px;transform: translateY(-50%);}
    .op_common_radio05 > input {border-radius: 12px;}
    .op_common_radio05 > label {top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 17px;}


    .login_box {min-width: auto;}
    .login_link_box a {font-size: 14px;font-weight: 600;color: #5d5d5d;}

    .base_02 {margin-top: 32px;padding: 0 20px;}
    .base_01 {
        padding: 40px 20px;
        /* margin-top: 0;
        border-radius: initial; */
    }
    .base_01 > .tit {font-size: 21px;}
    .box-type_01 {
        /* margin-top: 20px; */
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap :0;
    }
    /* .box-type_02 {margin-top: 20px;} */
    .box-type_02 .tit {font-size: 17px;font-weight: 600;display: block;
    width: 100%;text-align: center;line-height: 32px;}
    .box-type_02 .group {margin-top: 16px;gap: 0 8px;}
    .box-type_03 {margin-top: 12px;}
    .box-type_04 {margin-top: 0;}
    .card-type_01 {min-width: initial;padding: 24px 20px;border-radius: 24px;}

    .op_search_box01{padding: 16px 24px;margin-top: 0;border-radius: 0;}
    .op_search_box01 .f_group02 .op_common_btn{border-radius: 8px;padding: 0;min-width: auto;width: 40px;height: 40px;}
    .op_search_box01 .f_group02 .op_common_btn .txt{display: none;}
    .op_search_box01 .f_group02{width: 100%;}
    
    .info .info-bottom .tab_con.tab-pop {margin-bottom: 50px;}
    .info .info-bottom .tab_contents {padding: 0 20px;}

    .customer {
        flex-direction: column;
        gap: 16px 0;
        margin: 0px 20px 0;
        padding: 20px 16px;
    }
    .customer .service .tit {
        font-size: 17px;
        text-align: center;
    }
    .customer .service .phone {
        font-size: 17px;
    }
    .customer .service .call {
        font-size: 15px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .customer .service .desc{
        font-size: 16px;
    }
    

    .answer {display: none;}
    .answer_mo {display: block;margin: 0 20px;}

    .cust_detail {margin: 0 20px;margin-top: 20px;border-top: 1px solid #1e1e1e;padding-bottom: 0;}
    .cust_detail > .title {font-size: 17px;padding: 20px 0;}
    .tbl-type_01 .inquiry {margin-top: 24px;min-height: 158px;font-size: 15px;}
    .tbl-type_01 .inquiry_reple {padding: 20px;
        margin-top: 20px;
    }
    .tbl-type_01 .inquiry_reple > .head .tit {padding-left: 35px;font-size: 19px;}
    .tbl-type_01 .inquiry_reple > .head .date {display: none;}
    .tbl-type_01 .inquiry_reple > .desc {font-size: 15px;min-height: 257px;
        padding: 20px 24px 0 24px;}
    .tbl-type_01 .inquiry_reple > .attach .file .name img {width: 20px;}
    .tbl-type_01 .inquiry_reple > .attach .file .name a {font-size: 15px;}
    .tbl-type_01 .inquiry_reple > .attach .tit {    width: 80px;font-size: 15px;font-weight: 600;}
    .tag.type4{
        margin: 0 8px 0 0;
    }
    .tbl-type_02 {flex-wrap: wrap;flex-direction: column;
        padding: 20px 0;
    }
    .tbl-type_02 .col {padding: 0;}
    .tbl-type_02 li + li{
        margin-top: 8px;
    }
    .tbl-type_02 .col .tit {width: 60px;font-size: 15px;flex-shrink: 0;}
    .tbl-type_02 .col .desc {font-size: 15px;}
    .tbl-type_02 .col .desc.w200 {width: initial;}
    .tbl-type_02 .line_change > .col .file .name {align-items: flex-start;width: 100%;}
    .tbl-type_02 .line_change > .col .file .name a  {font-size: 15px;}
    
    .tbl-type_03 .tit {font-size: 15px;padding-left: 8px;}
    .tbl-type_03 .desc {font-size: 15px;padding-left: 20px;}
    .tbl-type_03 .btn-pre {padding: 16px 8px;}
    .tbl-type_03 .btn-pre > img{
        width: 20px;
    }
    .tbl-type_03 .btn-next {padding: 16px 8px;}
    
    .tbl-type_11 {flex-wrap: wrap;flex-direction: column;}
    .tbl-type_11 .col {padding: 10px 0;}
    .tbl-type_11 .col .tit {width: 90px;font-size: 15px;flex-shrink: 0;}
    .tbl-type_11 .col .desc {font-size: 15px;}
    .tbl-type_11 .col .desc.w200 {width: initial;}
    .tbl-type_11 .line_change > .col .file .name {align-items: flex-start;width: 100%;}
    .tbl-type_11 .line_change > .col .file .name a  {font-size: 15px;}
    .tbl-type_03 .btn-next > img{
        width: 20px;
    }
    .btn_list_group {display: flex;align-items:center ;justify-content: center;flex-direction: column-reverse;margin-top: 40px;gap: 16px;width: 100%;box-sizing: border-box;padding: 0 20px;}
    .btn_list_modify {gap: 12px;width: 100%;box-sizing: border-box;justify-content: center;}
    .tbl-type_03{margin-top: 24px;}
    /* .cust_modify {margin: 0 20px;margin-top: 32px;} */
    .cust_modify {margin: 0 20px;}
    .cust_modify > .guide {padding:24px;}
    .cust_modify > .guide .guide_ico {top: 32px;left: 50%;transform: translateX(-50%);}
    .cust_modify > .guide .guide_info {padding-top: 80px;padding-left: 0;}
    .cust_modify > .guide .guide_info dt {font-size: 21px;text-align: center;}
    .cust_modify > .guide .guide_info dd {font-size: 16px;}
    
    .cust_modify > .guide .guide_info1 dt { font-size: 17px; }
    .cust_modify > .guide .guide_info1 dt + dd {margin-top: 12px;}
    .cust_modify > .guide .guide_info1 dd { font-size: 15px; }
    .cust_modify > .guide .guide_info1 dd + dd { margin-top: 4px; }

    .cust_modify > .guide .guide_info2 dt { font-size: 17px; }
    .cust_modify > .guide .guide_info2 dt + dd {margin-top: 13px;}
    .cust_modify > .guide .guide_info2 dd { font-size: 15px; }
    .cust_modify > .guide .guide_info2 dd + dd { margin-top: 8px; }
    .cust_modify > .guide .guide_info2 .txt_in {margin-top: 8px;}
    .cust_modify > .essential .mark {font-size: 12px;}
    .cust_modify > .guide .guide_info2 dd::after {top:8px;}
    .tbl_row02 > .modify .m_col {border-bottom: 0;flex-wrap: wrap;}
    .tbl_row02 > .modify .m_col .title {min-height: initial;padding: 0;background-color: initial;padding-top: 20px;margin-top: 24px;}
    .tbl_row02 > .modify .m_col:first-child .title {margin-top: 16px;border: 0;}
    .tbl_row02 > .modify .tit_box > .txt {font-size: 15px;font-weight: 600;}
    .tbl_row02 > .modify .m_col .desc {font-size: 17px;font-weight: 400;padding: 0;border: 0;padding-top: 8px;}
    .tbl_row02 > .modify .m_row {flex-wrap: wrap;}
    .tbl_row02 > .modify .m_row .m_col{border-left: 0;}
    .tbl_row02 > .modify .m_col .desc .file_name span{font-size: 14px;}
    .tbl_row02 > .modify .count .msg {margin-left: 6px;font-size: 14px;}

    .tab_con.type10 .tab_con.type11 .cust_modify {
        margin: 0;
    }

    .simple {
        /* display: flex;
        align-self: center;
        gap: 12px 0; */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px 0;
        width: calc(100% - 40px);
    }

    /* UI-OP1310-02M_1 */
    .box-step ul {gap: 6px;}
    .box-step ul li {font-size: 15px;}
    .box-step .op_step_txt {display: none;}
    .box-step .op_step_circle {width: 24px;height: 24px;}
    
    .allChk_box > input[type="checkbox"] + label {font-size: 17px;}
    .allChk_box > input[type="checkbox"] {width: 24px;height: 24px;background-size: 24px 24px;}

    
    
    .tbl_row03 > table tbody th {
        padding: 12px 20px;
        background-color: #f9f9f9;
        vertical-align: middle;
        border-bottom: 1px solid #ebebeb;
    }
    .tbl_row03 > table tbody td {
        padding: 12px 20px;
        vertical-align: middle;
        border-bottom: 1px solid #ebebeb;
    }
    
    /* UI-OP1310-03M_1 */
    .password_box {
        min-width: auto;
        width: 100%;
    }
    .password_box > .ck_pass {
        flex-wrap: wrap;
        margin-top: 8px;
        gap: 8px;
    }
    .personal_input01 > .op_common_select {
        width: 100%;
    }

    .personal_input02 > .op_common_select {
        width: 100%;
    }

    .tbl-type_04 {margin-top: 12px;}
    .tbl-type_04 > .tbl-01 > li {border-bottom: 0;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub {flex-wrap: wrap;flex-direction: column;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub > li {width: 100%;padding: 0;min-height: auto;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub > li:first-child {width: initial;background-color: initial;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box {min-width: auto;padding-top: 20px;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box-sub {width: 100%;}
    .tbl-type_04 > .tbl-01 .tbl-01_sub .txt_box-sub > .txt{padding-top: 8px;display: block;}
    
    .op_common_input04 > input{display: block;width: 100%;min-width: auto;}
    


    .enterprise {margin-top: 24px;}
    .enterprise .tit {font-size: 21px;}
    .enterprise .point {font-size: 12px;}
    .enterprise.top60 {margin-top: 40px;}
    
    
    /* UI-OP3610-07M */
    .tbl_row04 > .search_01 .box_sub {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
    .tbl_row04 > .search_01 .box_sub .desc {
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        margin-top: 8px;
    }
    .tbl_row04 > .search_01 .box_sub .desc .rdo_list01 {
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column; */
    }
    .tbl_row04 > .search_01 .box_sub .desc .rdo_list01 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        gap: 8px;
    }
    .tbl_row04 > .search_01 > li + li{
        margin-top: 24px;
    }
    .tbl_row04 > .search_01 .box_sub .desc .rdo_list01 > li + li {
        margin-left: 0;
    }
    .tbl_row04 > .search_01 .period_datepicker {
        margin-left: 0;
        margin-top: 8px;
    }
    .tbl_row04 > .search_01 .box_double {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
    .tbl_row04 > .search_01 .box_double .box_sub:last-child {
        margin-top: 24px;
    }
    .tbl_row04 > .search_01 .box_double .box_sub.empty {
        display: none;
    }
    .tbl-type_04 > .tbl-01 .f_width {
        margin-top: 8px;
    }
    .tbl-type_04 > .tbl-01 .f_width .box_type03 > .op_common_input04 input {
        width: 187px;
    }
    .tbl-type_04 > .tbl-01 .btn_box_left01 {
        margin-top: 8px;
    }
    /* 체크 */
    .btn_group {
        display: none;
    }
    .tbl_row04 > .search_01 .box_sub .desc .period_datepicker input{
        width: initial;
        max-width: 115px;
        height: 32px;
    }
    .tbl_row04 > .search_01 .box_sub .desc .period_datepicker span {
        /* margin: 0 4px; */
        margin: 0;
    }
    .tbl_row04 > .search_01 .box_sub .desc .period_datepicker .common_datepicker .ui-datepicker-trigger {
        width: 32px;
        height: 32px;
        padding: 3px;
        box-sizing: border-box;
    }
    
    /* 개별설정  */
    .tbl-type_05 > .caption {padding: 0 20px;}
    .tbl-type_05 > .caption .filter {display: none;}

    .tbl-type_06 {border-top: 1px solid #b9b9b9;}
    .tbl-type_06 li {padding: 20px 0;border-bottom: 1px solid #b9b9b9;}
    .tbl-type_06 li:nth-child(even){background-color: #fcfcfc;}
    .tbl-type_06 > li .txt_type02 {font-size: 16px;font-weight: 400;color: #1e1e1e;line-height: 1.5;}
    .tbl-type_06 > li .txt_type02_b {font-size: 16px;font-weight: 700;color: #1e1e7e;margin-top: 4px;line-height: 24px;}
    .tbl-type_06 > li .txt_type03 {font-size: 14px;font-weight: 400;color: #717171;}
    .tbl-type_06 > li .txt_type03_b {font-size: 14px;font-weight: 700;color: #717171;}
    .tbl-type_06 > li .time {display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 14px;}
    
    .tbl-type_07 > .caption .head {gap: 0;}
    .tbl-type_07.mo_pd20 > .caption  {
        padding: 0 20px;
    }

    .tbl-type_13 > .caption .head {gap: 0;}
    .tbl-type_13.mo_pd20 > .caption  {
        padding: 0 20px;
    }

    .tbl-type_08 .thumb {width: auto;}
    .tbl-type_08 .thumb .compare {display: flex;align-items: center;justify-content: center;margin-top: 16px;}
    .tbl-type_08 {border-top: 1px solid #b9b9b9;}
    .tbl-type_08 li {padding: 20px 0;border-bottom: 1px solid #b9b9b9;}
    .tbl-type_08 li:nth-child(even){background-color: #fcfcfc;}
    .tbl-type_08 > li .txt_type02 {font-size: 16px;font-weight: 400;color: #1e1e1e;line-height: 1.5;}
    .tbl-type_08 > li .txt_type02_b {font-size: 16px;font-weight: 700;color: #1e1e7e;margin-top: 4px;line-height: 24px;}
    .tbl-type_08 > li .txt_type03 {font-size: 14px;font-weight: 400;color: #717171;}
    .tbl-type_08 > li .txt_type03_b {font-size: 14px;font-weight: 700;color: #717171;}
    
    .tbl-type_08 .unit01 {display: flex;align-self: flex-start;justify-content: center;width: 100%;}
    .tbl-type_08 .unit01 .thumb .box_thumb {position: relative;width: 100px;height: 75px;}
    .tbl-type_08 .unit01 .thumb_scale {width: 100px;height: 75px;position: absolute;top: 0;left: 0;z-index: 10;}
    .tbl-type_08 .unit01 .thumb_scale_cover {width: 100px;height: 75px;position: absolute;top: 0;left: 0;z-index: 11;}
    .tbl-type_08 .unit01 .thumb_scale_cover img {width: 100px;height: 75px;position: absolute;top: 0;left: 0;z-index: 11;}
    .tbl-type_08 .unit01 .box_dday {margin-top: 16px;text-align: center;}
    
    .tbl-type_08 .unit02 {margin-left: 12px;}
    .tbl-type_08 .unit02 .txt_type02 { font-size: 15px;font-weight: 400;color: #1e1e1e;}
    .tbl-type_08 .unit02 .txt_type02_b {font-size: 15px;font-weight: 700;color: #1e1e1e;}
    .tbl-type_08 .unit02 .cash {display: flex;align-items: center;justify-content: flex-end;margin-top: 4px;}
    .tbl-type_08 .unit02 .cash .txt {font-size: 17px;font-weight: 700;color: #9a9a9a;line-height: 26px;}
    .tbl-type_08 .unit02 .box_pay {display: flex;align-items: center;justify-content: space-between;}
    .tbl-type_08 .unit02 .box_pay .charge {display: flex;align-items: center;}
    .tbl-type_08 .unit02 .box_pay .charge .percent {font-size: 16px;font-weight: 700;color: #e0280a;}
    .tbl-type_08 .unit02 .box_pay .pay .txt{font-size: 17px;font-weight: 700;color: #717171;line-height: 26px;text-align: right;}

    .tbl-type_08 li.visit .unit02 .txt_type02 {color: #717171;}
    .tbl-type_08 li.visit .unit02 .txt_type02_b {color: #717171;}
    .tbl-type_08 li.visit .unit02 .tag_group .tag.type5, 
    .tbl-type_08 li.visit .unit02 .tag_group .tag.type6, 
    .tbl-type_08 li.visit .unit02 .tag_group .tag.type7 {padding: 0px 8px;font-size: 12px;font-weight: 600;color: #717171;background-color: #ffffff;border: 1px solid #b9b9b9;}
    .tbl-type_08 li.visit .unit02 .cash .txt {color: #9a9a9a;}
    .tbl-type_08 li.visit .unit02 .box_pay .charge .percent {color: #e0280a;}
    .tbl-type_08 li.visit .unit02 .box_pay .pay .txt{color: #717171;}


    .tbl-type_14 {border-top: 1px solid #b9b9b9;}
    .tbl-type_14 li {padding: 20px 0;border-bottom: 1px solid #b9b9b9;}
    .tbl-type_14 li:nth-child(even){background-color: #fcfcfc;}
    .tbl-type_14 .box_01 {display: flex;align-items: center;justify-content: space-between;width: 100%;}
    .tbl-type_14 .box_01 > .txt {font-size: 15px;font-weight: 700;color: #717171;}
    .tbl-type_14 .tx_type02 {font-size: 15px;font-weight: 400;color: #1e1e1e;margin-top: 4px;line-height: 1.5;}
    .tbl-type_14 .box_01_1 {text-align: right;margin-top: 4px;}
    .tbl-type_14 .box_01_1 .txt {font-size: 17px;font-weight: 400;color: #1e1e1e;line-height: 26px;}
    .tbl-type_14 .box_01_2 {display: flex;align-items: center;justify-content: space-between;}
    .tbl-type_14 .box_01_2 .tit {font-size: 14px;font-weight: 400;color: #717171;}
    .tbl-type_14 .box_01_2 .cash {font-size: 17px;font-weight: 700;color: #1e1e1e;line-height: 26px;}


    

    .tooltip_01 .body .group {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        gap: 0 16px;
    }
    

    
    /* UI-OP3210-01M  */
    
    .tbl_row05 > .search_01 .box_sub {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
    .tbl_row05 > .search_01 .box_sub .title {
        width: 100%;
    }
    .tbl_row05 > .search_01 .box_sub .sub {
        min-width: initial;
        flex-shrink: 0;
        width: initial;
    }
    .tbl_row05 > .search_01 .box_sub .desc {
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        margin-top: 8px;
        padding-left: 0;
    }
    .tbl_row05 > .search_01 .box_sub .desc .box_bid_01 {
        width: 100%;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .tbl_row05 > .search_01 .box_sub .desc .rdo_list03 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        gap: 8px;
    }
    .tbl_row05 > .search_01 > li + li{
        margin-top: 24px;
    }
    .tbl_row05 > .search_01 .box_sub .desc .rdo_list03 > li + li {
        margin-left: 0;
    }
    .tbl_row05 > .search_01 .period_datepicker {
        margin-left: 0;
        margin-top: 8px;
    }
    .tbl_row05 > .search_01 .box_double {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
    .tbl_row05 > .search_01 .box_double .box_sub:last-child {
        margin-top: 24px;
    }
    .tbl_row05 > .search_01 .box_double .box_sub.empty {
        display: none;
    }
    .tbl_row05 > .search_01 .box_sub .desc .period_datepicker input{
        width: initial;
        max-width: 115px;
        height: 32px;
    }
    .tbl_row05 > .search_01 .box_sub .desc .period_datepicker span {
        /* margin: 0 4px; */
        margin: 0;
    }
    .tbl_row05 > .search_01 .box_sub .desc .period_datepicker .common_datepicker .ui-datepicker-trigger {
        width: 32px;
        height: 32px;
        padding: 3px;
        box-sizing: border-box;
    }
    .tbl_row05 > .search_01 .box_sub .persent .desc .item01 {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px 0;
    }
    .tbl_row05 > .search_01 .box_sub .persent .desc .item01 .op_common_input01 {
        width: 100%;
    }
    .tbl_row05 > .search_01 .box_sub .desc .box_bid_02 {
        margin-left: 0;
        margin-top: 8px;
    }
    .tbl_row05 > .search_01 .box_sub .desc .box_bid_03 {
        margin-left: 0;
        margin-top: 8px;
    }
    .tbl_row05 > .search_01 .box_sub .desc .box_bid_01 .range_wrap {
        display: none;
    }

    /* tooltip */
    .tooltip_wrap {
        width: 100%;
    }
    .tooltip_wrap .tooltip_box {
        width: 100%;
        height: max-content;
        max-width: initial;
        max-height: 288px;
        overflow: hidden;
        
        box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.12);
        position: absolute;
        top: 28px;
        left: 0;
        padding: 52px 12px 12px 12px;
        z-index: 10;
    }
    .btn_box_group {
        position: fixed;
        inset: 0;
        top: unset;
        background-color: #ffffff;
        z-index: 12;
        padding: 20px;
    }

    /* UI-OP1310-09P */
    .tbl_row06 {
        padding: 0 20px;
    }
    .tbl_row06 .box_tit .tit {
        font-size: 16px;
        margin-top: 20px;
    }
    .tbl_row06 > .modify .m_col {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .tbl_row06 > .modify .m_col .title {
        min-width: initial;
        min-height: initial;        
        background-color: initial;
    }
    .tbl_row06 > .modify .tit_box {
        position: absolute;
        top: 12px;
        left: 0;
        transform: initial;
    }
    .tbl_row06 > .modify .tit_box > .txt {
        font-size: 15px;
        padding-right: 10px;
    }
    .tbl_row06 > .modify .unit03 {
        width: 100%;
        overflow-y: auto;
        margin-top: 6px;
    }
    .tbl_row06 > .modify .m_col .desc {
        border-left: 0;
        padding: 12px 0;
    }
    .op_common_input07 > .msg {
        font-size: 12px;
        margin-top: 6px;
    }
    .tbl_row06 > .modify .m_col {
        border-bottom: 0;
    }
    .answer td .ico_pin01{
        margin: 0;
    }

    .op_common_btn.tertiary.w200 {min-width: 156px;}
    .op_common_btn.primary.w200 {min-width:  156px;}
    .op_common_btn.tertiary.md.w200 {min-width: 154px;}
    .op_common_btn.secondary.md.w200 {min-width:  154px;}

    

    .op_site_area01{
        padding: 16px;

        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .op_site_area01 .tit_box .left_box [class*="ico"]{
        width: 28px;
        height: 28px;
        background-size: 28px 28px;
    }
    .op_site_area01 .tit_box .left_box .tit{
        font-size: 17px;
        line-height: 26px;
    }
    .op_site_area01 .site_list .item > a{
        width: 100%;
        min-height: 40px;
    }
    .op_site_area01 .site_list .item > a .txt{
        width: 100%;
        font-size: 15px;
        line-height: 23px;
    }



    .tbl-type_10 {
        margin-top: 16px;
    }

    .tbl-type_11 .box_name {
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .tbl-type_11 .box_name .btn_box_right01 {
        justify-content: flex-start;
        padding-left: 110px;
    }
    .tbl-type_11 {
        border-bottom: 0;
    }
    .tbl-type_11:last-child {
        border-bottom: 1px solid #DCDCDC;
    }


    
    .swiper_tab01 .tab_list li a{
        padding: 0 16px;
    }
    .swiper_tab01 .tab_list li a:hover{
        background-color:#f6f8fe;
    }
    .swiper_tab01 .tab_list li a:hover .txt{
        color: #1e1e1e;
        font-weight: 400;
    }
    .swiper_tab01 .tab_list li a:hover .num{
        background-color: #e9e9fc;
        color: #1e1e1e;
    }
    .swiper_tab01 .tab_list li a.on:hover{
        background-color: #5d5fe4;
    }
    .swiper_tab01 .tab_list li a.on:hover .txt{
        color: #fff;
    }
    .swiper_tab01 .tab_list li a.on:hover .num{
        background-color: #fff;
        color: #5d5fe4;
        font-weight: 700;
    }
    .swiper_tab01 .tab_list li a .txt{
        font-size: 15px;
    }
    .swiper_tab01 .tab_list li a .num{
        height: 20px;
        min-width: 33px;
        padding: 1px 5.5px 0 5.5px;
        font-size: 13px;
        box-sizing: border-box;
    }

    .box_sorting01 {
        padding-top: 0;
    }
    .box_sorting01 .tab_list { padding-left: 20px; }
    .box_sorting01 .tab_list li:last-child { margin-right: 40px;}
    .caption.op_common_top01{
        padding: 0 20px;
    }
    .box_sorting02 {
        padding: 0;
    }

    .tab_box01 > .tab_contents {
        background-color: #f6f8fe;
        padding: 40px 24px;
        width: 100%;    
    }

    .op_main_swiper01.login_tab [class*="swiper-button"]{
        top: 42px;
    }
    
    .tab_con.type01 .tab_list_wrap.login_tab{
        overflow: hidden;
    }

    .op_common_input09 > label {
        font-size: 15px;
        font-weight: 600;
    }

    .op_common_input10 > label {
        font-size: 15px;
        font-weight: 600;
    }

    .tbl_row07 .box_unit02 .box_group03 .op_common_btn.primary.lg .txt{
        font-size: 17px;
        font-weight: 600;
    }

    /* 
    .tab_box02 > .tab_contents .box_unit01 .box_group01.login_search_box01{
        padding: 40px 20px;
    }
    .tab_box02 > .tab_contents .box_unit01 .login_search_box01 .box_group06{
        margin-top: 28px;
    }
    .tab_box02 > .tab_contents .box_unit01 .login_search_box01 .box_group06{
        gap: 20px;
    }
    .tab_box02 > .tab_contents .box_unit01 .login_search_box01 .box_group06{
        width: 100%;
    }
    .tab_box02 > .tab_contents .box_unit01 .box_group01 {
        padding: 0;
    }
    .tab_box02 > .tab_contents .box_unit01 .box_group01 > .tit {
        font-size: 21px;
    }
    .tab_box02 > .tab_contents {
        padding:0;      
    }
    .tab_box02 > .tab_contents .box_unit01 .box_group01 > .tit .num {
        font-size: 21px;
    }
    .tab_box02 > .tab_contents .box_unit01 .box_group06 {
        flex-direction: column;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .tab_box02 > .tab_contents .box_unit01 .box_group01 .box_item02 {       
        margin-top: 0px;
        max-width: initial;
    }
    .tab_box02 > .tab_contents .box_item02 {
        width: 100%;
        min-width: auto;
        min-height: auto;
        padding: 20px 24px;
    }
    .tab_box02 .box_item02 > .btn_group02 .op_common_btn.secondary.sm {
        width: 100%;
        min-width: 132px;
    }
    .tab_box02 .box_item02 > .btn_group02 .op_common_btn.tertiary.sm {
        min-width: 132px;
        width: 100%;
    }
    .tab_box02 > .tab_contents .box_item02 .box_unit03 .left_box01 .txt {       
        font-size: 16px;
        line-height: 24px;
    }
    .tab_box02 > .tab_contents .box_item02 .box_unit03 .right_box01 .txt {
        font-size: 16px;
        line-height: 24px;
    }
    .tab_box02 > .tab_contents .box_item02 .box_unit03 .right_box01 .txt.userid {
        font-size: 16px;
        line-height: 24px;
    } 
    */


    


    .login_con_box01{
        padding: 0 20px;
    }
    .login_con_box01 .op_common_btn.lg .txt{
        font-size: 17px;
    }
    .tab_contents.login {
        padding: 40px 0;
        box-sizing: border-box;
    }
    .btn_simple_login02 .op_common_btn.lg .txt{
        font-size: 17px;
    }
    .box_detail .group {
        /* margin: 24px 0; */
        margin: 0;
    }

    .tbl_row05 > .search_01 .persent .desc .op_common_chk01 {
        margin-left: 0;
        margin-top: 8px;
    }
    /*join_state_box01*/
    .join_state_box01{
        border-radius: 0;
        padding: 40px 20px;
    }
    .join_state_box01 > .txt01{
        font-size: 21px;
        line-height: 1.5;
    }
    /* .join_state_box01 .rdo_list02{
        margin-top: 32px;
    } */
    
    .inquiry_box01 .f_group10{
        margin-top: 32px;
    }
    
    /* .f_group10 .op_common_input02 .part_box > input{
        height: 48px;
    } */
    
    .inquiry_box01{
        width: 100%;
        max-width: 440px;
    }
    .inquiry_box01 .btn_box_center01{
        /* margin-top: 32px; */
        width: 100%;
    }
    .inquiry_box01 .btn_box_center01 .op_common_btn{
        height: 48px;
    }
    .inquiry_box01 .op_common_btn.lg .txt{
        font-size: 17px;
    }
    .join_state_box01 .f_group11{
        margin: 12px auto 0 auto;
        width: 100%;
        display: block;
    }
    
    .inquiry_box02 .btn_box_center01{
        /* margin-top: 32px; */
        width: 100%;
    }
    .inquiry_box02 .btn_box_center01 .op_common_btn{
        height: 48px;
    }
    .inquiry_box02 .op_common_btn.lg .txt{
        font-size: 17px;
    }
    /*//join_state_box01*/
    .op_common_radio01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;flex-shrink: 0;}
    .op_common_radio01 > input:hover{background-image: url("../img/ico_rdo_off.svg");}
    .op_common_radio01 > input:disabled{background-image: url("../img/ico_rdo_disabled_off.svg");}
    .op_common_radio01 > input:disabled + label{color: #9a9a9a;cursor: default;}
    .op_common_radio01 > input:checked{background-image: url("../img/ico_rdo_on.svg");display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;}
    .op_common_radio01 > input:checked:hover{background-image: url("../img/ico_rdo_on.svg");}
    .op_common_radio01 > input:checked:disabled{background-image: url("../img/ico_rdo_disabled_on.svg");}
    .op_common_radio01 > label{display: block;font-size: 15px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}

    .join_state_list01{
        width: 100%;
        max-width: none;
        /* margin: 32px auto 0 auto; */
        padding: 20px 24px;
        border-radius: 12px;
    }
    .join_state_list01 li .left_box .tit01{
        font-size: 16px;
        font-weight: 600;
    }
    .join_state_list01 li .right_box .txt01{
        font-size: 16px;
        font-weight: 400;
    }
    .join_state_list01 li .right_box .txt02{
        font-size: 16px;
    }
    .join_state_list01 li + li{
        margin-top: 12px;
    }
    .btn_box_center01.join_state{
        max-width: none;
        flex-direction: column;
        gap: 8px;
        /* margin: 32px 0 0 0; */
        width: 100%;
    }
    .btn_box_center01.join_state .op_common_btn{
        height: 48px;
    }
    .btn_box_center01.join_state .op_common_btn .txt{
        font-size: 17px;
    }
    .op_common_btn{
        width: 100%;
    }
    /* .search_completion_zone01{
        padding: 40px 24px;
    }
    .search_completion_zone01 .ico_user03{
        width: 100px;
        height: 100px;
        border-radius: 100px;
    }
    .search_completion_zone01 .tit01{
        font-size: 21px;
        font-weight: 700;
    }
    .search_completion_zone01 .msg_box{
        padding: 20px 40px;
        width: 100%;
        font-size: 15px;
        word-break: keep-all;
    }
    .search_completion_zone01 .btn_box_center01.join_state .op_common_btn{
        max-width: 440px;
    } */

    .search_completion_zone01{
        padding: 40px 20px;
    }
    .search_completion_zone01 .ico_user03{
        width: 100px;
        height: 100px;
    }
    .search_completion_zone01 .tit01{
        font-size: 21px;
        font-weight: 700;
    }
    .search_completion_zone01 .msg_box{
        width: 100%;
        font-size: 16px;
        word-break: keep-all;
    }
    .search_completion_zone01 .btn_box_center01 {
        width: 100%;
    }
    .search_completion_zone01 .btn_box_center01 .op_common_btn .lg{
        min-width: none;
    }


    .box-step ul li.pass .op_step_circle::after{
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .box-step{
        /* height: 56px; */
        justify-content: center;
        align-items: flex-start;
    }
    .box-step .op_step_arrw{
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .box-step .op_step_circle{
        font-size: 15px;
    }
    .box-step ul li.on .op_step_txt{
        display: block;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        width: max-content;
        font-size: 17px;
        line-height: 1.5;
    }
    .box-step ul li{
        flex-direction: column;
        position: relative;
    }
    /* .join_document_submit01{
        margin-top: 24px;
    } */
    .join_document_submit01 > .txt01{
        margin-top: 16px;
        font-size: 23px;
    }
    .join_document_submit01 > .txt01 > span{
        display: block;
    }
    .join_document_submit01 .content_zone01{
        width: calc(100% - 40px);
        margin: 24px auto 0 auto;
        padding: 20px 24px;
    }
    .join_document_submit01 .content_zone01 .list01{
        padding: 20px 24px;
        width: 100%;
    }
    .join_document_submit01 .content_zone01 .list01 li + li{
        margin-top: 12px;
    }
    .join_document_submit01 .content_zone01 .list01 li .left_box .tit{
        font-size: 16px;
    }
    .join_document_submit01 .content_zone01 .list01 li .right_box .txt01{
        font-size: 16px;
    }
    .join_document_submit01 .content_zone01 .msg01{
        font-size: 15px;
        
    }
    .join_document_submit01 .content_zone01 .list01 + .msg01{
        margin-top: 12px;
    }
    .fixed_btn01 .bt_fixed{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        padding: 20px;
        background-color: #fff;
        width: 100%;
        box-shadow: 0px -12px 28px 0px rgba(0,0,0,0.10);
    }
    .fixed_btn01 .bt_fixed .op_common_btn.lg{
        min-height: 40px;
    }
    .fixed_btn01 .bt_fixed .op_common_btn.lg .txt{
        font-size: 15px;
    }
    .fixed_btn01 .footer{
        padding-bottom: 120px;
    }

    

    .join_document_submit01 .content_zone01 .btn_box_center01{
        margin-top: 12px;
    }
    .tab_box03 > .tab_contents .box_unit02 li:first-child .op_common_input09{
        margin-top: 0;
    }
    .op_common_input09{
        margin-top: 18px;
    }
    .op_common_input10{
        margin-top: 18px;
    }

    .tab_box03 > .tab_contents .box_unit01 .box_group01 {
        width: 100%;
        padding: 24px;
        margin-top: 8px;
        border-radius: 12px;
    }
    .tab_box03 > .tab_contents .box_unit01 .box_group01 .op_common_btn.primary.lg {
        margin-top: 32px;
    }
    .tab_box03 > .tab_contents .box_unit01 .box_group02 {
        width: 100%;
        padding: 24px;
        margin-top: 8px;
        border-radius: 12px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group02 .op_common_btn.primary.lg {
        margin-top: 32px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group03 {
        width: 100%;
        padding: 24px;
        margin-top: 12px;
        border-radius: 12px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group03 .op_common_btn.primary.lg {
        margin-top: 32px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group04 {
        width: 100%;
        padding: 24px;
        margin-top: 12px;
        border-radius: 12px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group04 .op_common_btn.primary.lg {
        margin-top: 32px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group05 {
        width: 100%;
        padding: 24px;
        margin-top: 12px;
        border-radius: 12px;
    }
    .tab_box03 > .tab_contents .box_unit02 .box_group05 .op_common_btn.primary.lg {
        margin-top: 32px;
    }

    

    .enterprise01 .tit {
        font-size: 17px;
    }
    .box_enterprise .box_right .op_common_btn.secondary.md {
        min-height: 32px;
        padding: 0;
    }

    
    


    .personal_input02 {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .personal_input02 > .op_common_select {
        width: 100%;
    }
    .personal_input02 > .op_common_input04 {
        margin-top: 4px;
    }
    
    .tooltip_wrap01 .tooltip_box{
        max-width: 320px !important;
        width: 320px !important;
        left: calc(50% - 160px) !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        position: fixed;
        z-index: 30;
    }


    .tooltip_wrap01.pos_l01 .tooltip_box{
        max-width: 320px;
        left: -72px;
    }

    .tooltip_wrap02 .tooltip_box{
        max-width: 320px;
        left: -205px;
    }

    .tooltip_wrap02.pos_l02 .tooltip_box{
        max-width: 320px;
        left: -59px;
        z-index: 11;
    }
    
    .tooltip_wrap03{
        padding-top:0px;
    }
    .tooltip_wrap03 .tooltip_box {
        max-width: 320px;
        top: 30px;
        left: -37px;
    }
    .tooltip_wrap03.pos_type01 .tooltip_box {
        max-width: 320px;
        top: 30px;
        left: -67px;
    }
    .tooltip_wrap03.pos_type02 {
        padding-top: 0;
    }
    .tooltip_wrap03.pos_type02 .tooltip_box {
        max-width: 320px;
        top: 30px;
        left: -86px;
    }

    .tooltip_wrap04 .tooltip{
        margin-top: 9px;
    }
    .tooltip_wrap04 .tooltip_box {
        max-width: 320px;
        top:34px;
        left: -96px;
    }

    
    .btn_list_group.top48 {
        margin-top: 40px;
    }
    /* 개인정보수집 */
    
    .tab_con.type04 .tab_contents {padding: 0;}
    .tab_con.type10 .tab_contents {padding: 0;}
    .tab_con.type10 .tab_content_wrap{
        /* width: calc(100% - 40px); */
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .tab_con.type11 { gap: 32px;}
    .tab_con.type11 .tab_list_wrap .tab_list li a { height:40px; padding: 11px 0; font-size: 15px;}
    .tab_con.type10 .tab_con.type11 {
        gap: 0;
    }
    .tab_con.type10 .tab_con.type11 .tab_list_wrap .tab_list li a {
        padding :0;
    }
    
    .tab_con.type11 .tab_contents {padding:0}

    .terms01  {margin-top: 20px;}
    .terms01 > li + li {margin-top: 24px;}
    .terms01 .desc {
        font-size: 16px;
    }
    .terms01 .desc .tit {
        font-size: 16px;
    }
    .terms01 .agree {
        margin-top: 8px;
    }
    .terms01 .accordion_wrap{
        margin-top: 0;
    }
    .tab_con.type04 .tab_list_wrap .tab_list li a {
        font-size: 17px;
    }
    .tab_con.type04 .tab_list_wrap .tab_list li a.on{       
        font-size: 17px;
    }
    .tab_con.type10 .tab_list_wrap .tab_list li{
        height: 58px;
    }
    .tab_con.type10 .tab_list_wrap .tab_list li a {
        font-size: 17px;
        padding: 16px;
        line-height: 1.5;
    }
    
    .tab_con.type10 .tab_list_wrap .tab_list li a.on{       
        font-size: 17px;
    }
    .tab_con.type10 .tab_list_wrap .tab_list li a.on .ballon{
        display: none;
    }
    .tab_con.type10 .tab_list_wrap.login_tab{
        padding-top: 26px;
        overflow: hidden;
    }
    .tab_con.type10 .tab_list_wrap.login_tab .tab_list li a.on .ballon{
        display: block;
    }
    .tab_con.type10 .op_main_swiper01.login_tab [class*="swiper-button"]{
        top: 54px;
    }
    .login_box input{
        height: 48px;
        margin-top: 0px;
        font-size: 15px;
    }
    .enterprise.no_top {
        margin-top: 0;
    }
    
    .con_tit_box01 {
        display: none;
    }
    .con_tit_box02{
        display: none;
    }

    /* [class*="gap_group"] > .con_tit_box02 {
        display: flex;
    }
    [class*="gap_group"] > .con_tit_box02 > .left_box .tit {
        font-size: 19px;
    } */

    .tooltip_wrap01 .tooltip{display: block;width: 20px;height: 20px;
        background-repeat: no-repeat;background-position: center center;background-size: 20px 20px;background-image: url("../img/ico_tooltip_white.svg");
    }
    .tooltip_wrap01{display: block;width: 20px;height: 20px; margin-left: 6px;position: relative;   }
    .file_upload .btn_upload {
        min-height: 32px;
        font-size: 14px;
    }



    .con_tit_box02.tt_type01 .tooltip_wrap01 .tooltip_box {
        left: -70px;
    }

    .tab_con.type06 .tab_contents {
        padding: 20px;
    }
    .link_section01 {
        margin-top: 0;
    }
    .link_section01 .con_area01 .op_common_btn {
        width: 100%;
    }
    .link_section01 .con_area01 .op_common_btn .txt{
        font-size: 14px;
        font-weight: 600;
        color: #1e1e1e;
        text-align: left;
        word-break: keep-all;
    }
    .form_submit_wrap01 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
    
        margin-top: 24px;
    }


    .form_submit_wrap01 {
        padding: 0 20px;
    }
    .con_tit_box03 > .left_box .tit{        
        font-size: 19px;
    }
    .con_tit_box04{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
    }
    /* 20250723 */
    .con_tit_box04 > .left_box {        
        width: 100%;
    }
    /* 20250723 */
    .con_tit_box04 > .right_box {
        margin-top: 6px;
    }

    .con_tit_box04 > .left_box .tit{        
        font-size: 19px;
    }
    .con_tit_box04.ec_case02 > .left_box .tit {
        font-size: 21px;
    }
    .op_tbl_case01 > .table_block01 {
        flex-direction: column;
        border-bottom: 0;
        margin-top: 16px;
    }
    .con_tit_box05{
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    
    .op_tbl_case01 > .table_block01 .tit_area01 {
        width: 100%;
        min-height: auto;
        background-color: initial;
        padding: 0;
        padding-bottom: 8px;
        flex-shrink: 0;
    }
    .op_tbl_case01 > .table_block01 .con_area01 {
        width: 100%;
        min-height: auto;
        padding: 0;
        border-left: 0;
        max-width: none;
    }
    .op_tbl_case01 > .table_block01 .con_area01 + .tit_area01{
        margin-top: 24px;
    }
    .op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
    }
    
    .op_tbl_case01 ~ .btn_box_right01 {
        margin-top: 8px;
    }


    .con_tit_box03 .tooltip_wrap01 .tooltip_box {
        left: -72px;
    }
    .inquiry_box02.on{
        width: 100%;
        max-width: 440px;
    }
    
    .inquiry_box02 .f_group10{
        margin-top: 32px;
    }



    .op_tbl_case02 > .table_block01 {
        flex-direction: column;
    }
    .op_tbl_case02 > .table_block01 .con_area01 {
        padding-left: 0;
        min-height: 23px;
        margin-top: 8px;
    }
    .op_tbl_case02 > .table_block01 + .table_block01 {
        margin-top: 24px;
    }
    .op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01.tit_dif01{
        padding-right: 0;
        word-break: keep-all;
    }
    .op_tbl_case02 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
        /* font-size: 15px; */
        font-size: 17px;
        font-weight: 600;
    }
    .op_tbl_case02 > .table_block01 .tit_area01 {
        min-height: 23px;
    }
    
    

    .op_tbl_case02 .table_block01 .tit_area01 .tooltip_wrap03 {
        padding: 0;
    }

    

    

    .op_tbl_case02 {
        width: calc(10% - 40px);
    }
    .op_tbl_case02 > .table_block01 .tit_area02 {
        width: 100%;
    }
    .op_tbl_case02 > .table_block01 .tit_area02 + .con_area01 + .tit_area02{
        margin-top: 24px;
    }

    

    
    
    

    .op_common_tbl03 table colgroup {
        display: none;
        width: 100%;
    }
    .op_common_tbl03 table thead {
        display: none;
    }
    .op_common_tbl03 table tbody td{
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        height: auto;
        line-height: 1.5;
        border: 0;
    }
    .op_common_tbl03 tbody tr{
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding: 16px 0;
        border-bottom: 1px solid #dcdcdc;
    }
    .op_common_tbl03 table tbody td.m_h {
        display: none;
    }
    .op_common_tbl03 table tbody td + td {
        margin-top: 8px;
    }
    .op_common_tbl03 tbody td .txt_box01 .txt01 {
        text-align: left;
    }
    .op_common_tbl03 tbody td .txt_box01 .txt01 {
        font-size: 15px;
        font-weight: 600;
        color: #1e1e1e;
    }
    
    .top_info_box01 {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        padding: 24px;
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .top_info_box01 .con_info01 {
        padding-left: 0;
    }
    .top_info_box01 .con_info01 .txt {
        font-size: 15px;
        font-weight: 400;
        color: #1e1e1e;
    }
    
    .op_sharing01 .accordion_wrap.type5 {
        margin-top: 20px;
    }

    .op_common_tbl03 tbody tr:nth-child(2n) td{
        background-color: initial;
    }



    .op_cm_box01 {
        padding-top: 20px;
    }
    
    .op_tbl_case01 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    
    .op_tbl_case01 > .table_block01 ~ .table_block01 {
        margin-top: 24px;
    }
    
    /* .op_tbl_case01 */
    .component_space01 .op_tbl_case01 {
        width: auto;
    }
    .component_space02 .op_tbl_case01 {
        width: auto;
    }

    .component_space01 .op_tbl_case01 .btn_box_right01 {
        margin-top: 16px;
    }
    .op_common_list02 > .tit_box01 .left_box .tit {
        font-size: 16px;
    }


    .op_common_tbl02 table {
        border-top:1px solid #ebebeb;
    }
    .op_common_tbl02 colgroup {
        display: none;
    }
    .op_common_tbl02 thead {
        display: none;
    }
    .op_common_tbl02 tbody td {
        display: block;
        height: auto;
        text-align: left;
        border-bottom: 0;
        padding: 0;
        padding-top: 2px;
    }
    .op_common_tbl02 tbody td + td {
        border-left: 0;
    }
    
    .op_common_tbl02 tbody td:first-child {
        padding-top: 18px;
    }
    .op_common_tbl02 tbody tr td:first-child.m_ib + td:nth-child(2).m_ib {
        padding-top: 17px;
        padding-left: 10px;
    }
    .op_common_tbl02 tbody tr td:first-child.m_ib + td:nth-child(2).m_ib:after {
        display: none;
    }
    .op_common_tbl02 tbody td:last-child {
        border-bottom:1px solid #ebebeb;
        padding-bottom: 20px;
    }
    .op_common_tbl02 tbody td .txt_box01 .txt01 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
        color: #1e1e1e;
        min-height: 23px;
        padding: 0;
    }
    .op_common_tbl02 tbody td .txt_box01 .txt02 {
        font-size: 15px;
        line-height: 1.5;
        font-weight: 600;
        text-align: left;
        color: #1e1e1e;
        min-height: 23px;
    }
    .op_common_tbl02 tbody td .txt_box03 {
        padding: 0;
    }
    .op_common_tbl02 tbody td .txt_box03 .txt01 {
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        color: #1e1e1e;
        min-height: 23px;
    }
    .op_common_tbl02 tbody td .txt_box03 .op_common_btn {
        width: 50%;
    }
    .op_common_tbl02 tbody td .txt_box01 {
        padding: 0;
    }
    .op_common_tbl02 tbody tr td .op_common_chk00 {
        margin: initial;
        min-height: 23px;
    }
    
    /* 202509005 op_common_tbl02 스타일 추가 */
    .op_common_tbl02 .m_h{
        display: none;
    }
    .op_common_tbl02 .m_ib{
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: max-content;
    }
    .op_common_tbl02 .m_h.ec_case01 + td{
        padding-top: 16px;
    }
    /* .op_common_tbl02 td.m_h:first-child + td {
        padding-top: 20px;
    } */
    /* .op_common_tbl02 .m_view{
        padding-left: 45px;
    } */
    .op_common_tbl02 .m_view::before{
        display: block;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        z-index: 10;
        width: 45px;
        height: 22.5px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        line-height: 1.5;
    }
    * .op_common_tbl02 .m_ib ~ .m_ib::after{
        display: block;
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        left: -9px;
        z-index: 10;
        background-color: #b9b9b9;
        width: 1px;
        height: 12px;
    } 


    /* //202509005 스타일 추가 */

    
    [class*="btn_box_"].cm_space01 {
        margin-top: 40px;
        padding: 0 20px;
    }
    
    
    
    
    .op_common_tbl04{
        border-top: 1px  solid #dcdcdc;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .op_common_tbl04.bordt0{
        border-top: 0;
    }
    .op_common_tbl04 thead tr th{
        display: none;
    }
    .op_common_tbl04 tbody tr{
        display: block;

        width: 100%;
        box-sizing: border-box;
        padding: 15.5px 0;
        position: relative;
        border-bottom: 1px solid #dcdcdc;
        font-size: 0;
    }
    .op_common_tbl04 tbody td:first-child{
        padding-left: 0;
    }
    .op_common_tbl04 tbody td:last-child{
        padding-right: 0;
    }
    .op_common_tbl04 tbody td{
        display: block;
        width: 100%;
        box-sizing: border-box;
        height: max-content;
        padding: 0;
        border-bottom: 0;
    }
    .op_common_tbl04 tbody td .btn_box_center01{
        width: 100%;
    }
    .op_common_tbl04 table{
        table-layout: auto;
    }
    .op_common_tbl04 colgroup{
        display: none;
    }
    .op_cm_badge{
        font-size: 12px;
    }
    .op_common_tbl04 tbody td .link_txt_box01 .txt02{
        font-size: 15px;
        
    }
    .op_common_tbl04 tbody td .link_txt_box01 .txt01{
        font-size: 15px;
    }
    .op_common_tbl04 tbody td.m_h{
        display: none;
    }
    .op_common_tbl04 tbody td.m_ib{
        display: inline-block;
        vertical-align: top;
        width: max-content;
        margin-top: 4px;
    }
    .op_common_tbl04 tbody td.f_l01{
        position: relative;
        padding-left: 10px;
        margin-left: 10px;
    }
    .op_common_tbl04 tbody td.f_l01::after{
        display: block;
        content: "";
        width: 1px;
        height: 12px;
        background-color: #dcdcdc;
        position: absolute;
        top: calc(50% - 6px);
        left: 0;
        z-index: 10;
    }
    .op_common_tbl04 tbody td .hash_box01{
        display: none;
    }
    .op_common_tbl04 tbody td .txt_box01 .pm_box01{
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .op_common_tbl04 tbody tr:nth-child(2n) td{
        background-color: transparent;
    }
    .op_common_tbl04 tbody tr:nth-child(2n){
        background-color: #fcfcfc;
    }
    .op_common_tbl04 tbody td .txt_box01 .txt01{
        font-size: 14px;
        line-height: 1.5;
    }
    .op_common_tbl04 tbody td .txt_box01 .txt03{
        font-size: 14px;
        line-height: 1.5;
    }

    /* 추가 */
    .op_common_tbl04 tbody td.m_h_time .time {
        display: none;
    }
    .op_common_tbl04 tbody td .txt_box01 .txt01 {
        text-align: left;
        margin-top: 4px;
    }
    .op_common_tbl04 tbody td .txt_box02 .txt01 {
        display: inline-block;
        text-align: left;
        margin-top: 4px;
        font-size: 15px;
    }
    .op_common_tbl04 tbody td .txt_box02 .txt02 {
        display: inline-block;
        width: max-content;
        font-size: 15px;
    }
    .op_common_tbl04 tbody td .txt_box03 {
        align-items: flex-start;
        margin-top: 4px;
    }
    .op_common_tbl04 tbody td .txt_box04{
        display: flex;
        flex-flow: row nowrap;
        width: 100%;
        box-sizing: border-box;
        gap: 8px;
    }
    .op_common_tbl04 tbody td .txt_box04 .txt01{
        display: block;
        font-size: 14px;
    }
    .op_common_tbl04 tbody tr td .link_txt_box01 .txt01 {
        margin-top: 4px;
    }
    .op_common_tbl04 tbody tr.visit td .link_txt_box01 .txt01 {
        margin-top: 4px;
    }
    .op_common_tbl04 .m_ib ~ .m_ib{
        margin-left: 17px;
    }

    .op_common_tbl04 .m_ib ~ .m_ib::after {
        display: block;
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        left: -9px;
        z-index: 10;
        background-color: #b9b9b9;
        width: 1px;
        height: 12px;
    }
    .op_common_tbl04 .m_ib {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: max-content;
    }

    .btn_box_center01{
        margin-top: 0px;
    }
    
    .btn_box_center01.mc_w .op_common_btn{
        width: max-content;
    }
    .op_common_tbl04 tbody td .link_txt_box01 .txt02 + .txt01{
        margin-top: 0;
    }

    .login_box label{
        font-size: 15px;
        line-height: 21px;
        padding-bottom: 8px;
    }
    .login_pass{
        margin-top: 0;
    }
    .login_con_box01 .id_save_box{
        margin-top: 20px;
    }
    .op_common_chk01 > input{
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .op_common_chk01 > label{
        font-size: 15px;
    }
    .login_con_box01 .op_common_btn.lg{
        height: 48px;
        min-width: 100%;
    }
    .login_link_box{
        margin-top: 24px;
    }
    .login_link_box{
        gap: 24px;
    }
    .login_link_box li + li a::after{
        left: -12px;
    }
    .info_use_box02 .dot_list01 [class*="btn_box_"]{
        margin: 8px 0 0 0;
        width: max-content;
        max-width: 100%;
    }
    .btn-v > img{
        width: 36px;
        height: 36px;
    }
    .btn_simple_login01 .op_common_btn{
        height: 48px;
        margin-top: 0px;
        max-width: 440px;
        
    }
    .auth{
        width: 360px;
    }
    .btn_simple_login01 .op_common_btn .txt{
        font-size: 17px;
    }
    .auth img {
        width: 36px;
        height: 36px;
    }
    .btn-bank > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .btn_simple_login02 .op_common_btn{
        height: 48px;
        /* margin-top: 40px; */
        max-width: 440px;
    }
    .ico.auth05{
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ico.auth04{
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ico.auth06{
        display: block;
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ico.auth07{
        display: block;
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ico.auth08{
        display: block;
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ico.auth09{
        display: block;
        width:100px;
        height: 100px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .bio_select_box01{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        gap: 2px;
        margin-top: 24px;
    }
    .bio_select_box01 .txt01{
        width: max-content;
        display: block;
        box-sizing: border-box;
    
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #5d5d5d;
    }

    .btn_simple_login02.bio{
        display: flex;
    }

    .btn_simple_login02.bio .op_common_btn .txt{
        font-size: 17px;
        font-weight: 600;
        line-height: 1.5;
    }
    
    .join_state_box01 .txt01{ 
        font-size: 21px;
    }
    .join_state_box01 > .txt02{
        margin-top: 16px;
        font-size: 16px;
        word-break: keep-all;
    }
    .join_state_box01 .pm_txt01{
        font-size: 21px;
        display: block;
    }
    .join_state_box01 .pm_txt01 + .pm_txt01{
        margin-left: 0;
    }

    .btn_box_center01.unused_state01{
        max-width: none;
        flex-direction: column;
        gap: 12px;
        margin: 40px 0 0 0;
    }
    .btn_box_center01.unused_state01 .op_common_btn{
        height: 48px;
        max-width: 440px;
    }
    .btn_box_center01.unused_state01 .op_common_btn .txt{
        font-size: 17px;
    }
    .box-type_01 .card-type_01 .group{
        flex-wrap: wrap;
        gap: 8px;
    }
    .box-type_01 .card-type_01.company_signup_box01 .group{
        flex-wrap: nowrap;
    }
    .box-type_01 .card-type_01 .btn-member{
        width: calc(50% - 4px);
    }
    .card-type_01 > .head .txt{
        font-size: 19px;
        margin-top: 8px;
    }
    .card-type_01 > .group{
        margin-top: 12px;
    }
    .box-type_01 .card-type_01 .btn-member{
        min-height: 60px;
    }


    .op_tbl_case03 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .op_tbl_case03 > .table_block01 {
        flex-direction: column;
        border-bottom: 0;
    }
    .op_tbl_case03 > .table_block01 .colum_block01 {
        border-bottom: 1px solid #dcdcdc;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01{
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .tit_area02 {
        /*width: 110px;*/
        width: 91px;
    }           
    .op_tbl_case03 > .table_block01 [class*="tit_area"] {
        padding: 10px 12px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 {
        padding: 10px 12px;
        width: 100%;
        max-width: calc(100% - 91px);
    }
    .op_tbl_case03 > .table_block01 .con_area01 .tit_box02 .tit02 {
        font-size: 15px;
    }
    .badge_box01 + .tit06 {
        font-size: 15px;
    }


    .sch_condi_detail01 .op_tbl_case03:has(.tit_area02) > .table_block01 .tit_area02 {
        width: 130px;
    }
    .op_tbl_case03:has(.tit_area02) > .table_block01 .con_area01{
        padding: 10px 12px;
        width: 100%;
        max-width: calc(100% - 91px);
    }
    
    .op_common_tbl02 tbody td .txt_box02{ 
        justify-content: flex-start;
    }
    
    .op_common_list03 > .tit_box01 {
        margin-bottom: 12px;
        padding-left: 20px;
    }
    .op_common_list03 > .tit_box01 .left_box .tit {
        font-size: 17px;
    }
    .detail_view_wrap01 {
        margin-top: 40px;
    }
    .op_common_tbl02 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .tab_contents .op_common_tbl02{
        width: 100%;
    }
    /*.f_group30 : slect박스와 msg조합*/
    
    .noti01{
        margin-top: 6px;
        font-size: 12px;
    }
    /*//.f_group30 : slect박스와 msg조합*/
    .op_tbl_case01 > .table_block01 [class*="tit_area"] .tit_box01 .dot{
        font-size: 15px;
        font-weight: 400;
        height: 23px;
        margin-left: 4px;
    }
    
    .signup_btn_box01{
        margin-top: 0;
    }

    .password_box > .msg{
        margin-top: 6px;
    }
    .id_box > .msg{
        margin-top: 6px;
    }
    .op_common_input12.error > .msg{
        margin-top: 6px;
    }
    
    
    
    .op_common_list10 .con_tit_box04 + .op_tbl_case01 + .con_tit_box04{
        margin-top: 40px;
    }
    .op_common_list10 .ckb_list01{
        padding: 0 20px;
        margin-top: 24px;
    }


    .ckb_list01{
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .pos_share > .tooltip {     
        width: 320px;
        height: 431px;
    }

    .pos_share > .tooltip.active{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate3D(-50%,-50%,0);
        z-index: 30000;
        /* width: 320px; */
        /* min-height: auto; */
        /* max-width: 320px; */
        /* max-height: 431px; */
        padding: 20px;
    }
    .pos_share > .tooltip .top .tit{
        font-size: 19px;
        font-weight: 700;
        line-height: 1.5;
    }
    .pos_share > .tooltip .top .tit + .btn-close{
        display: block;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
    }
    .pos_share > .tooltip .top .tit + .btn-close > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .pos_share > .tooltip .body{
        padding: 16px 0;
    }
    .pos_share > .tooltip .body > .code{
        margin-top: 24px;
        font-size: 15px;
    }
    .pos_share > .tooltip .body > .addr{
        margin-top: 6px;
        font-size: 17px;
        max-width: none;
    }
    .pos_share > .tooltip .body .group{
        margin-top: 24px;
        gap: 0 8px;
    }
    .pos_share > .tooltip .body .group [class*="btn-share"]{
        gap: 4px;
        width: 62px;
    }
    

    .con_tit_box07 {
        padding-bottom: 12px;
        margin: 0 auto;
        margin-top: 32px;
        width: calc(100% - 40px);
    }
    .con_tit_box08 ~ .con_tit_box08 {margin-top: 24px;}
    .con_tit_box08 > .left_box .tit{font-size: 19px;}

    .op_common_list12 li + li{
        margin-top: 32px;
    }

    .btn-cus {
        gap: 4px 0;
    }
    .btn-cus > .txt {
        font-size: 12px;
    }
    .ico_circle01{
        width: 48px;
        height: 48px;
        background-size: 28px 28px;
    }
    .ico_circle02{
        width: 48px;
        height: 48px;
        background-size: 28px 28px;
    }
    .ico_circle03{
        width: 48px;
        height: 48px;
        background-size: 28px 28px;
    }
    .op_common_input01 > input{
        font-size: 15px;
    }
    .op_common_input20 > input{
        font-size: 15px;
    }
    .op_common_input12 > input{
        font-size: 15px;
    }
    .op_common_input02 .part_box > input{
        font-size: 15px;
    }
    .op_common_select > select{
        font-size: 15px;
    }
    .op_common_input09 > input{
        font-size: 15px;
    }


    .op_common_tbl05 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .op_common_tbl05 .m_h{
        display: none;
    }
    .op_common_tbl05 tbody td {
        display: block;
        padding: 0;
        border-bottom: 0;   
        margin-top: 4px;    
    }
    .op_common_tbl05 tbody tr {
        position: relative;
    }
    .op_common_tbl05 tbody tr:first-child{
        border-top: 1px solid #b9b9b9;
    }
    .op_common_tbl05 tbody.bord_t_0 tr:first-child {
        border-top: 0;
    }
    .op_common_tbl05 tbody td .con_area01{
        align-items: flex-end;
    }
    .op_common_tbl05 tbody td > a .con_area01{
        align-items: flex-start;
    }
    .op_common_tbl05 tbody td .con_area01 .right_box{
        display: none;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
    }
    .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01{
        display: none;
    }
    .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01{
        margin-top: 0;
        font-size: 15px;
    }
    .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt02{
        font-size: 15px;
    }
    .op_common_tbl05 tbody td:first-child {
        padding: 0;
        margin-top: 0;
    }
    .op_common_tbl05 tbody td .link_txt_box02 {
        align-items: flex-start;
    }
    .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
        width: 100px;
        height: 100px;
        overflow: hidden;
    }
    .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_default {
        position: relative;
        /* width: 100px; */
    }
    .op_common_tbl05 tbody td .tit_area01 .box_thumb .thumb_scale{
        width: 100%;
        /* object-fit: cover; */
    }
    .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box {
        padding-left: 12px;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 .txt01{
        width: max-content;
        height: 26px;
        font-size: 17px;
        font-weight: 700;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 .txt02{
        width: max-content;
        min-width: 142px;
        height: 26px;
        font-size: 17px;
        font-weight: 700;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per {
        width: max-content;
        padding-right: 10px;
    }
    .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per .num {
        font-size: 16px;
        font-weight: 700;
    }
    .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale:hover {
        transform: scale(1);
        transform-origin: top left;
        transition: transform 0.3s;
    }
    .op_common_tbl05 tbody tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0;
        border-bottom: 1px solid #dcdcdc;
    }
    .op_common_tbl05 tbody tr:nth-child(2n){
        background-color: #fcfcfc;
    }
    
    .op_tbl_case04 {
        display: flex;
        align-items: flex-start;
        justify-content:center;
        flex-wrap: wrap;
        width: calc(100% - 40px);
        gap: 20px;
        border-top : 1px solid #b9b9b9;
        padding-top: 20px;
        margin: 0 auto;
    }
    .op_tbl_case04 > li{
        display: block;
        width: 100%;
        max-width: initial;
        min-width: initial;
    }
    .card_list_type01 .txt_box02 .txt02 {
        font-size: 16px;
    }
    .card_list_type01 .txt_box02 .txt01 {
        font-size: 14px;
    }
    .card_list_type01 .txt_box03 .txt01 {
        font-size: 16px;
        height: auto;
    }

    .price_area02 .left_box .txt01 {
        font-size: 19px;
    }
    .price_area02 .right_box .txt02 {
        font-size: 19px;
    }
    .price_area02 .right_box .per .num {
        font-size: 19px;
    }
    .tag.type10 {
        font-size: 12px;
    }
    .op_common_list04 .op_tbl_case03 {
        margin-top: 30px;
    }
    .con_tit_box03 > .right_box .noti_txt01{
        padding-top: 6px;
        font-size: 14px;
    }
    .con_tit_box04 > .right_box .noti_txt01{
        padding-top: 0px;
        font-size: 14px;
    }
    .con_tit_box03 > .right_box .noti_txt02{
        font-size: 14px;
    }
    .con_tit_box04 > .right_box .noti_txt02{
        font-size: 14px;
    }

    /*.op_common_top01*/
    .tab_contents .op_common_top01{
        width: 100%;
        /* 수정 */
        width: calc(100% - 40px);
    }
    .op_common_top01 .left_box{
        width: 100%;
    }
    .op_common_top01 .right_box{
        width: max-content;
        justify-content: flex-start;
    }
    .op_common_top01 .right_box .f_group50{
        justify-content: space-between;
        width: 100%;
    }
    .op_common_top01{
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-bottom: 12px;
    
    }
    .op_common_top01 .left_box .total_txt01{
        font-size: 17px;
    }
    .op_common_top01 .left_box .total_txt02{
        font-size: 15px;
    }
    .op_common_top01 .right_box .op_common_select{
        min-height: 32px;
        min-width: 124px;
    }
    .op_common_top01 .op_common_select > select{
        height: 32px;

    }
    /*//.op_common_top01*/
    /*.op_common_top02*/
    .tab_contents .op_common_top02{
        width: 100%;
        
    }
    .op_common_top02 .left_box{
        width: 100%;
    }
    .op_common_top02 .right_box{
        width: 100%;
        justify-content: flex-start;
    }
    .op_common_top02 .right_box .f_group50{
        justify-content: space-between;
        width: 100%;
    }
    .op_common_top02{
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-bottom: 12px;
        flex-direction: column;
    }
    .op_common_top02 .left_box .total_txt01{
        font-size: 17px;
    }
    .op_common_top02 .right_box .op_common_select{
        min-height: 32px;
        min-width: 124px;
    }
    .op_common_top02 .op_common_select > select{
        height: 32px;
    }
    .op_common_top02 .right_box .f_group50 {
        justify-content: flex-end;
    }
    /*//.op_common_top02*/


    /*.op_common_top04*/
    .tab_contents .op_common_top04{
        width: 100%;
        
    }
    .op_common_top04 .left_box{
        width: auto;
    }
    .op_common_top04 .right_box{
        width: auto;
        justify-content: flex-start;
    }
    .op_common_top04 .right_box .f_group50{
        justify-content: space-between;
        width: 100%;
    }
    .op_common_top04{
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-bottom: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .op_common_top04 .left_box .total_txt01{
        font-size: 17px;
    }
    .op_common_top04 .right_box .op_common_select{
        min-height: 32px;
        min-width: 124px;
    
    }
    .op_common_top04 .op_common_select > select{
        height: 32px;
    }
    /*//.op_common_top04*/

    .op_wrap_pd01{
        padding: 20px 0 60px 0;
    }

    /*.event_card_box01*/
    .event_card_box01{
        display: block;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .event_card_box01 .card{
        width: 100%;
    }
    .event_card_box01 .card + .card{
        margin-top: 20px;
    }
    .event_card_box01 .card .info_box .tit01{
        display: block;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.5;
        color: #1e1e1e;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 51px;
    }
    .event_card_box01 .card .info_box .list01 .item .tit02{
        font-size: 14px;
    }
    .event_card_box01 .card .info_box .list01 .item .txt01{
        font-size: 14px;
    }
    .event_card_box01 .card .info_box > .tit01 .new_badge01{
        font-size: 12px;
        margin-top: 1px;
    }
    .event_none_txt_box01 .event_none_tit01{
        font-size: 17px;
    }
    .event_none_txt_box01 .event_none_txt01{
        font-size: 15px;
        margin-top: 8px;
    }
    .bg_box {
        width: calc(100% - 40px); 
    }

    /*.dot_list03*/
    .dot_list03 > li{
        font-size: 16px;
    }
    .dot_list03 > li > a{
        font-size: 16px;
    }
    .dot_list03 > li::after{
        top: 9px;
    }
    /*.dot_list04*/
    .dot_list04 > li{
        font-size: 16px;
        padding-left: 14px;
    }
    .dot_list04 > li > a{
        font-size: 16px;
    }
    .dot_list04 > li::after{
        top: 9px;
        left: 5px;
    }

    .top_info_box01 + .con_tit_box04{
        margin-top: 40px;
    }
    .file_list01 .op_common_input01{
        max-width:100%;
    }
    .file_box01 .op_common_btn.sm{
        height: 36px;
    }
    .file_box01 .op_common_btn.sm .txt{
        font-size: 15px;
    }
    .file_list01 .file_item {
        margin-top: 8px;
    }
    
    
    .con_tit_box05{
        flex-wrap: wrap;
    }
    .con_tit_box05 > .left_box .tit{
        font-size: 17px;
    }
    .con_tit_box05 > .left_box .total_txt_box01{
        font-size: 17px;
        font-weight: 400;
        padding: 0 0 0 8px;
    }
    .con_tit_box06 > .left_box .tit{
        font-size: 16px;
    }

    .con_tit_box05 > .left_box.ec_case01 {
        flex-direction: row;
    }

    
    .btn_box_center01{
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .btn_box_left01{
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .btn_box_left02{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
    }


    .op_cm_textarea01 .t_box{
        height: 196px;
    }

    .op_cm_textarea01 .t_box textarea{
        font-size: 15px;
    }
    .op_cm_textarea01 .count_info_box .msg{
        font-size: 13px;
    }
    .op_cm_textarea01 .count_info_box .count .byte{
        font-size: 13px;
    }
    /*top_detail_box01*/
    .top_detail_box01{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
        gap: 8px;
    }
    .top_detail_box01 .right_box{
        width: 100%;
    }
    .top_detail_box01 .left_box .num_txt01{
        margin-top: 4px;        
    }
    .top_detail_box01 .left_box .num_txt02{
        margin-top: 0;
        font-size: 16px;
    }
    .top_detail_box01 .left_box .tit01{
        margin-top: 4px;
        font-size: 17px;
    }
    .top_detail_box01 .left_box .num_txt02 + .tit01{
        margin-top: 12px;
    }

    .top_detail_box01.ec_case01 {
        /* width: 100%; */
        margin: unset;
        flex-direction: row;
    }
    .top_detail_box01.ec_case01 .right_box{
        width: auto;
    }
    /*//top_detail_box01*/
    /*.detail_info_area01*/
    .detail_info_area01{
        margin-top: 0px;
        border-radius: 12px;
        border: 1px solid #dcdcdc;
        width: calc(100% - 40px);
        margin: 20px auto 0 auto;
        padding: 16px 0;
    }
    
    .detail_info_area01 .info_main_list01 .item:first-child{
        border-radius: 0;
    }
    .detail_info_area01 .info_main_list01 .item:last-child{
        border-radius: 0;
        border-right: 0;
    }
    .detail_info_area01 .info_main_list01 .item{
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
        padding: 0 16px;
        height: auto;
        flex-direction: row;
    }
    .detail_info_area01 .info_main_list01 .item + .item{
        margin-top: 16px;
    }
    .detail_info_area01 .info_main_list01{
        flex-direction: column;
        padding-bottom: 16px;
        border-bottom: 1px solid #dcdcdc;
    }
    .detail_info_area01 .info_main_list01 .item .tit_box01 .tit01{
        font-size: 15px;
    }
    .detail_info_area01 .info_main_list01 .item .tit_box02 .tit01{
        font-size: 15px;
    }
    .detail_info_area01 .info_main_list01 .item .txt_box01 .txt01{
        font-size: 15px;
    }
    .detail_info_area01 .info_main_list01 .item .txt_box01 .price01{
        font-size: 15px;
    }
    .detail_info_area01 .info_sub_area01{
        margin-top: 0;
        border: 0;
        border-radius: 0;
        padding: 16px 0px 0 0px;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01{
        display: block;     
        padding: 0 16px;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01 .item{
        width: 100%;
        justify-content: space-between;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01{
        font-size: 15px;
        font-weight: 400;
        color: #5d5d5d;
        padding-left: 0;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01 .item .tit_box01 .tit01::after{
        display: none;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01 .item + .item{
        margin-top: 16px;
    }
    .detail_info_area01 .info_sub_area01 .info_sub_list01 .item .txt_box01 .txt01{
        font-size: 15px;
        font-weight: 600;
        color: #1e1e1e;
        width: auto;
        text-align: right;
    }
    .detail_info_area01 .info_sub_file01{
        flex-direction: column;
        gap: 8px;
        border-top: 1px solid #dcdcdc;
        margin-top: 16px;
        padding-top:16px ;
    }
    .detail_info_area01 .info_sub_file01 .tit_box01{
        width: 100%;
        padding: 0 16px;
    }
    .detail_info_area01 .info_sub_file01 .tit_box01 .tit01{
        font-size: 15px;
        /* font-weight: 700; */
        font-weight: 400;
        padding-left: 0;
        color: #5d5d5d;
    }
    .detail_info_area01 .info_sub_file01 .tit_box01 .tit01::after{
        display: none;
    }
    .detail_info_area01 .info_sub_file01 .file_list01_wrap {
        width: 100%;
        min-height: 24px;
        height: auto;
        max-height: 156px;
        padding: 0 16px;
    }
    .detail_info_area01 .info_sub_file01 .file_list01_wrap.active {
        max-height: 100%;
    }
    .detail_info_area01 .info_sub_file01 .file_list01_wrap:after {
        display: none;
    }
    .detail_info_area01 .info_sub_file01 .file_list01{
        flex-direction: column;
        gap: 8px 14px;
    }
    .detail_info_area01 .info_sub_file01 .file_list01 .item > a .txt01{
        font-size: 12px;
        width: 100%;
        white-space: normal;
        word-break: break-all;
    }
    .detail_info_area01 .info_sub_file01 .file_btn {
        width: 100%;
        text-align: center;
    }
    .detail_info_area01 .info_sub_file01 .file_btn .op_common_btn.btn_more04 .txt {
        color: #5d5d5d;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
    }
    .detail_info_area01 .info_sub_area01 .accordion_wrap.noti_type01{
        width: calc(100% - 32px);
        margin: 16px auto 0 auto;
    }
    
    .detail_info_area01.ec_case01 {
        width: calc(100% - 40px); 
        margin: 0;
        margin-top: 20px;
    }
    .detail_info_area01.ec_case01 .info_sub_file01 .file_list01 {
        padding-left: 16px;
    }
    /*//.detail_info_area01*/
    /*desc_msg01*/
    .desc_msg01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
        color: #1e1e1e;
        line-height: 1.5;
        font-weight: 400;
        padding-bottom: 8px;
    }
    /*//desc_msg01*/
    /*op_common_tbl10*/
    .op_common_tbl10 colgroup col:first-child{
        width: 106px;
    }
    .op_common_tbl10 colgroup.col_type01 col:first-child{
        width: 60px;
    }
    .op_common_tbl10 thead tr th .tit_box01 .txt01{
        font-size: 15px;
    }
    .op_common_tbl10 thead tr th{
        padding: 8.75px 0px;
    }
    .op_common_tbl10 tbody th .txt_box01 .txt01{
        font-size: 15px;
    }
    .op_common_tbl10 tbody td .txt_box01 .txt01{
        font-size: 15px;
        padding: 0;
    }
    .op_common_tbl10 tbody tr.sum_area01 td .txt_box01 .txt01{
        font-size: 15px;
    }
    .op_common_tbl10 tbody td{
        padding: 13.5px 12px;
    }
    .op_common_tbl10 tbody th{
        padding: 13.5px 12px;
    }
    .op_common_tbl10 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .tab_contents .op_common_tbl10{
        width: 100%;
    }
    /*//op_common_tbl10*/

    .op_tbl_case05 {
        width: calc(100% - 40px);   
        margin: 0 auto;
    }
    .op_tbl_case05 .m_h{
        display: none;
    }
    .op_tbl_case05 > .table_block01 {
        flex-direction: column;
        /* padding: 8px 0; */
    }
    .op_tbl_case05 > .table_block01.file {
        padding-top: 12px;
    }
    .op_tbl_case05 > .table_block01.noline + .noline{
        padding-top: 10px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 {
        margin-top: 0px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 + .colum_block01{
        margin-top: 8px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit03 {
        width: 100%;
        font-size: 15px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit04 {
        font-size: 15px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area01{
        min-width: auto;
        width: 91px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area01 .tit_box01 .tit01 {
        font-size: 15px;
        word-break: break-all;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 .tit_box01 .tit02 {
        font-size: 17px;
        word-break: break-all;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area02 .tit_box01 .tit03 {
        font-size: 15px;
        word-break: break-all;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .right_box {
        width: 100%;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .right_box .btn_box_left01 {
        /* width: auto; */
        width: 100%;
    }

    .file_list02 {
        flex-direction: column;
    }
    .file_name01 .txt {
        font-size: 15px;
        width: 100%;
    }
    .op_tbl_case05 > .table_block01.reple {
        padding: 24px 0 20px 0;
    }
    .op_tbl_case05 > .table_block01:last-child {
        padding: 20px 0 24px 0;
    }
    .inquiry_reple01 {
        padding: 20px;
    }
    .inquiry_reple01 > .desc {              
        font-size: 15px;
        padding-top: 10px;
    }
    .inquiry_reple01 > .attach .tit {
        font-size: 15px;
    }

    .op_tbl_case06 {
        width: calc(100% - 40px);   
        margin: 0 auto;
    }
    .op_tbl_case06 .pre_box01 {
        /* padding: 16px 8px; */
        padding: 0 8px;
    }
    .op_tbl_case06 .pre_box01 .txt01 {
        font-size: 15px;
        margin-left: 28px;
    }
    .op_tbl_case06 .pre_box01 .txt02 {
        font-size: 15px;
        margin-left: 20px;
    }
    .op_tbl_case06 .btn_pre01::after {
        left: 8px;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .op_tbl_case06 .btn_next01::after {
        left: 8px;
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }

    .op_tbl_case01 > .table_block01 .con_area03 {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding: 0;
        border-left: 0;
        gap: 8px;
    }
    .op_tbl_case01 > .table_block01 .con_area03 .left_box .txt_box01 {
        width: fit-content;
    }
    .op_tbl_case01 > .table_block01 .con_area03 .left_box .txt_box01 .txt01{
        font-size: 15px;
        width: fit-content;
    }
    .op_tbl_case01 > .table_block01 .con_area03 .left_box .txt_box02 .txt01{
        font-size: 15px;
    }
    .op_tbl_case01 > .table_block01 .con_area03 .right_box .btn_box_left01 {
        width: 100%;
    }

    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01 .txt01{
        font-size: 15px;
    }
    
    
    /*noti_msg01*/
    .noti_msg01{
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 6px;
    }
    /*//noti_msg01*/
    
    .pagination.mo{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .inquiry_reple01 > .head .tit::before{
        width: 20px;
        height: 20px;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .inquiry_reple01 > .head .tit{
        font-size: 16px;
        padding-left: 28px;
    }
    

    .guide_info02{
        padding-left: 0;
        padding-top: 78px;
    }
    .guide_info02 > li{
        font-size: 16px;
    }
    .guide .op_common_btn{
        margin-top: 4px;
        margin-left: 0;
    }
    .op_common_tbl01 tbody td .link_txt_box02 .txt02{
        font-size: 15px;
    }
    .op_common_tbl01 tbody td .link_txt_box02 .txt01{
        font-size: 15px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03{
        flex-direction: column;
        gap: 8px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt02{
        font-size: 15px;

    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt01{
        font-size: 15px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .txt02 + .txt01{
        margin-top: 0;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area03 .badge_box01 + .txt02{
        margin-top: 4px;
    }

    /* 2025-0611 */
    
    .tab_con.type10 .tab_con.type11 .accordion_wrap.type5 .accordion.toggle_ty .toggle_pannel {
        padding: 24px 0;
    }

    


    .dot_list01 > li::after{
        top: 8px;
    }

    /*badge_box05*/
    .badge_box05 .op_cm_badge{
        font-size: 14px;
    }
    .op_common_tbl01 tbody td.m_noti_badge01 .badge_box05{
        margin: 0;
    }

    
    .tab_con.type05 .tab_list_wrap .tab_list li a .count_tit01{
        font-size: 17px;
    }
    .tab_con.type05 .tab_list_wrap .tab_list li a .count_tit01 + .count_num01{
        margin-left: 4px;
    }
    .tab_con.type05 .tab_list_wrap .tab_list li a .count_num01{
        height: 22px;
        font-size: 15px;
    }

    /*.faq_area01*/
    .faq_area01{
        padding: 12px 20px 0 20px;
    }
    .faq_area01 > .faq_pop_tit01{
        font-size: 17px;
    }
    .faq_area01 > .faq_pop_txt01{
        font-size: 15px;
        margin-top: 8px;
    }
    .faq_area01 .faq_star_box{
        padding: 20px;
    }
    .faq_survey_sr01 .rdo_list02 > li{
        width: 50%;
    }
    .faq_survey_sr01 .rdo_list02 {
        gap: 24px 0;
        justify-content: flex-start;
    }
    .faq_survey_sr01 .sb_list_box{
        padding-top: 2px;
    }
    .faq_area01 .faq_survey_sr01 + .op_cm_textarea01{
        margin-top: 24px;
    }
    /*//.faq_area01*/
    .op_common_select02{
        max-width: 100%;
    }


    .op_common_radio10 > label{
        display: block;
        width: max-content;
        flex-shrink: 0;
        font-size: 17px;
        font-weight: 400;
        color: #1e1e1e;
        line-height: 1.5;
        padding-right: 20px;
    }
    
    .op_tbl_case07 {
        flex-direction: column;
        padding: 20px 16px;
        margin: 16px 0 20px 0;
        border: 1px solid #dcdcdc;
        border-radius: 12px;
    }
    .op_tbl_case07 .table_block01 {
        width: 100%;
        border: 0;
    }
    .op_tbl_case07 .table_block01 .colum_block01 {
        padding: 0;
        flex-direction: row;
        height: initial;
        margin-top: 16px;
    }
    .op_tbl_case07 .table_block01:first-child .colum_block01 {
        margin-top: 0;
    }
    .op_tbl_case07 .table_block01 .colum_block01 .con_area01 {
        width: max-content;
        flex-shrink: 0;
    }
    .op_tbl_case07 .table_block01 .colum_block01 .tit_area01 .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case07 .table_block01 .colum_block01 .con_area01 .tit_box01 .tit02 {
        max-width: 145px;
        font-size: 15px;
        font-weight: 700;
    }



    .op_tbl_case08 {
        width: calc(100% - 40px);   
        margin: 0 auto;
    }
    .op_tbl_case08 .m_h{
        display: none;
    }
    .op_tbl_case08 > .t_block01 {
        flex-direction: column;
        /* padding: 8px 0; */
    }
    .op_tbl_case08 > .t_block01.file {
        padding-top: 12px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 {
        margin-top: 0px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 + .colum_block01{
        margin-top: 8px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit03 {
        width: 100%;
        font-size: 15px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .con_area01 .left_box .tit_box01 .tit04 {
        font-size: 16px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .t_area01{
        min-width: none;
        width: 80px;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .t_area01 .tit_box01 .tit01 {
        font-size: 15px;
        word-break: break-all;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .t_area02 .tit_box01 .tit02 {
        font-size: 17px;
        word-break: break-all;
    }
    .op_tbl_case08 > .t_block01 .colum_block01 .t_area02 .tit_box01 .tit03 {
        font-size: 15px;
        word-break: break-all;
    }
    .op_tbl_case08 > .t_block01.reple {
        padding: 24px 0 20px 0;
    }
    .op_tbl_case08 > .t_block01:last-child {
        padding: 20px 0 24px 0;
    }

    .sale_wrap01 {
        margin: 0 auto;
        width: calc(100% - 40px);
        flex-direction: column;
    }
    .sale_wrap01 .thumb_block01 {
        width: 100%;
    }
    .sale_wrap01 .thumb01 {
        width: 100%;
        height: 240px;
    }
    .sale_wrap01 .sale_block01 {
        margin-left: 0;
        border-top: 0;
    }
    .sale_wrap01 .sale_block01 > .con_area01 {
        flex-direction: column;
        margin-top: 16px;
    }
    .sale_wrap01 .sale_block01 > .con_area01 .right_box {
        margin-top: 12px;
        /* 버튼그룹 */
    }
    .sale_wrap01 .sale_block01 .con_area01 .left_box .txt01 {
        font-size: 16px;
        margin-top: 6px;
    }
    .sale_wrap01 .sale_block01 .txt02 {
        font-size: 19px;
        margin-top: 8px;
    }

    .info_use_box01 .accordion_wrap {
        display: none;
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    

    .op_section01:has(.bt_fixed){
        margin-top: 0;
    }

    

    .op_common_tbl10 tbody th .txt_box01 .txt01{
        padding: 0;
    }
    

    .op_common_tbl01 tbody td .link_txt_box02{
        padding: 0;
    }

    .statute01 .con_area01 .op_common_btn {
        width: 100%;
    }
    .statute01 .con_area01 .op_common_btn .txt{
        font-size: 14px;
        font-weight: 600;
        color: #1e1e1e;
        text-align: left;
        word-break: keep-all;
    }

    .op_common_tbl03 {
        width: calc(100% - 40px);
        margin: 0 auto;
        border-top: 1px solid #1e1e1e;
    }

    .login_sub01 .txt01 {
        font-size: 21px;
    }

    .dot_list05 + .dot_tit01 {
        font-size: 15px;
        margin-top: 12px;
    }
    .dot_list05 > li{
        font-size: 15px;
    }
    .dot_list06 > li{        
        font-size: 15px;
    }
   

    

    .op_common_tbl03 tbody td{
        padding: 0;
    }

    
    
    .email_share01 .con_area01 .left_box .tit_area02 .tit_box01 .tit01 {
        font-size: 16px;
    }
    .email_share01 .con_area01 .left_box .tit_area02 .tit_box01 .tit02 {
        font-size: 15px;
    }
    .email_share01 .con_area01 .left_box .tit_area02 {
        padding: 16px 20px;
    }
    .email_share01 .con_area01 .left_box .tit_area02 .tit_box01 {
        width: 100%;
        display: block;
        gap: 0 24px;
    }
   
    .email_list01 li .tit_box01 .tit01 {
        font-size: 16px;
    }
    .email_list01 li  {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .email_list01 li + li {
        margin-top: 12px;
    }
    .email_list01 li + li .tit_box01{
        display: none;
    }
    .email_share01 .con_area01 .right_box {
        padding: 20px;
    }

    
    

    




    /* 물건상세 미리보기, 출력 */
    .preview_wrap {
        padding: 0 36px;
    }
    .preview_wrap .pc_only .btn_box_center01 .op_common_btn {
        width: auto;
    }
    .preview_wrap .pc_only .btn_box_center01 .op_common_btn.btn_fav {
        min-width: auto;
    }
    .preview_wrap .pc_only .con_tit_box04{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
    .preview_wrap .pc_only .con_tit_box04 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
    .preview_wrap .pc_only .con_tit_box04 > .left_box .tit{display: block;font-size: 30px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
    .preview_wrap .pc_only .con_tit_box04 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
    .preview_wrap .pc_only .con_tit_box04 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 20px;}
    .preview_wrap .pc_only .con_tit_box04 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
    .preview_wrap .pc_only .con_tit_box05{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 12px;}
    .preview_wrap .pc_only .con_tit_box05 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
    .preview_wrap .pc_only .con_tit_box05 > .left_box .tit{display: block;font-size: 23px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
    .preview_wrap .pc_only .con_tit_box05 > .left_box .total_txt_box01{
        display: block;
        font-size: 19px;
        font-weight: 400;
        line-height: 1.5;
        color: #1e1e1e;
        padding: 6px 0 0 8px;
    }
    .preview_wrap .pc_only .con_tit_box05 > .left_box .total_txt_box01 > span{
        font-weight: 700;
    }
    .preview_wrap .pc_only .con_tit_box05 > .left_box .tit .total_txt_box01
    .preview_wrap .pc_only .con_tit_box05 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
    .preview_wrap .pc_only .con_tit_box05 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
    .preview_wrap .pc_only .con_tit_box05 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
    .preview_wrap .pc_only .con_tit_box05 .tooltip_wrap01{
        display: block;
        width: 24px;
        height: 24px;
        margin-left: 4px;
    }
    .preview_wrap .pc_only .con_tit_box05 .tooltip_wrap01 .tooltip{
        display: block;
        width: 100%;
        height: 100%;
        background-size: 24px 24px;
    }
    .preview_wrap .pc_only .con_tit_box06{display: flex;justify-content: space-between;align-items: flex-end;width: 100%;border-bottom: 1px solid transparent;padding-bottom: 8px;}
    .preview_wrap .pc_only .con_tit_box06 > .left_box{display: flex;justify-content: flex-start;align-items: center;}
    .preview_wrap .pc_only .con_tit_box06 > .left_box .tit{display: block;font-size: 21px;font-weight: 700;line-height: 1.5;color: #1e1e1e;}
    .preview_wrap .pc_only .con_tit_box06 > .right_box{display: flex;justify-content: flex-end;align-items: center;flex-shrink: 0;}
    .preview_wrap .pc_only .con_tit_box06 > .right_box .noti_txt01{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}
    .preview_wrap .pc_only .con_tit_box06 > .right_box .noti_txt02{display: block;font-size: 15px;font-weight: 400;color: #e0280a;line-height: 1.5;padding-top: 0px;}

    .preview_wrap .pc_only .op_common_tbl02{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl02 table {
        table-layout: fixed;
        width: 100%;
    }
    .preview_wrap .pc_only .op_common_tbl02 colgroup {
        display: contents;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead {
        display: table-header-group;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr {
        width: 100%;
        display: table-row;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr th .op_common_chk00 {
        margin: 0 auto;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody tr td .op_common_chk00 {
        margin: 0 auto;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr th{
        height: 42px;
        vertical-align: middle;
        background-color: #f9f9f9;
        border-top: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;
        display: table-cell;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr th + th {
        border-left: 1px solid #dcdcdc;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr th .tit_box01{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl02 thead tr th .tit_box01 .txt01{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 52px;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 600;
        color: #1e1e1e;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td{
        height: 50px;
        border-bottom: 1px solid #dcdcdc;
        background-color: #fff;
        vertical-align: middle;
        display: table-cell;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td:first-child {
        padding-top: 0;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td:last-child {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 0;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td + td {
        border-left: 1px solid #dcdcdc;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td .txt_box01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td .txt_box01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        color: #333;
        text-align: center;
    }
    .preview_wrap .pc_only .op_common_tbl02 tbody td .txt_box01 .txt02{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 700;
        color: #5d5d5d;
        text-align: center;
    }
    .preview_wrap .pc_only .op_tbl_case03 {
        width: 100%;
        border-top: 1px solid #717171;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 {
        width: 100%;
        display: flex;
        align-items: normal;
        justify-content: flex-start;
        box-sizing: border-box;
        border-bottom: 1px solid #dcdcdc;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .tit_area01 {
        width: 230px;
        min-height: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-shrink: 0;
        box-sizing: border-box;
        background-color: #f9f9f9;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .tit_area02 {
        width: 230px;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
        box-sizing: border-box;
        background-color: #f9f9f9;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01:first-child [class*="tit_area"] .tit_box01 {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        background-color: #f9f9f9;
        min-height: 0;
        padding: 0 20px;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01.tit_dif01{
        padding-right: 28px;
        word-break: keep-all;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 .tit01 {
        width: max-content;
        max-width: 100%;
        display: block;
        position: relative;
        
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5;
        box-sizing: border-box;
        color: #1e1e1e;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box01 .dot {
        width: 9px;
        height: 26px;
        display: block;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5;
        box-sizing: border-box;
        color: #e0280a;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .con_area01 {
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        /* padding-left: 20px; */
        padding: 12px 20px;
        max-width: calc(100% - 110px);
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .con_area01 .left_box {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01{
        width: 100%;
        display: block;
        position: relative;
        font-size: 17px;
        font-weight: 400;
        box-sizing: border-box;
        color: #333;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01{
        display: block;
        box-sizing: border-box;
        width: max-content;
        max-width: 100%;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01 .txt01{
        display: block;
        font-size: 17px;
        font-weight: 400;
        box-sizing: border-box;
        color: #333;
        line-height: 1.5;
        width: 100%;
        max-width: none;
        word-break: break-all;
    }
    .preview_wrap .pc_only .op_tbl_case03 ~ .btn_box_right01 {
        margin-top: 16px;
    }
    .preview_wrap .pc_only .op_tbl_case03 ~ .btn_box_center01.bt_fixed {
        margin-top: 60px;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
        width: max-content;
        max-width: 100%;
        display: block;
        position: relative;
        font-size: 17px;
        font-weight: 600;
        box-sizing: border-box;
        color: #1e1e1e;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 [class*="tit_area"] .tit_box02 .dot {
        width: 9px;
        height: 26px;
        display: block;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 600;
        color: #e0280a;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_tbl_case03 > .table_block01 .colum_block01 {
        width: 100%;
        display: flex;
        align-items: normal;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_site_area01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-radius: 24px;
        background-color: #f9f9f9;
        padding: 40px;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        box-sizing: border-box;
        width: 100%;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box .left_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box .right_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        flex-shrink: 0;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box .left_box [class*="ico"]{
        display: block;
        width: 32px;
        height: 32px;
        box-sizing: border-box;
        background-size: 32px 32px;
        background-image: url("");
        background-repeat: no-repeat;
        background-position: center center;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box .left_box [class*="ico"] + .tit{
        margin-left: 8px;
    }
    .preview_wrap .pc_only .op_site_area01 .tit_box .left_box .tit{
        display: block;
        font-size: 21px;
        font-weight: 700;
        color: #1e1e1e;
        line-height: 32px;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list{
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        gap: 12px;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list .item{
        display: block;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list .item > a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: max-content;
        border-radius: 999px;
        background-color: #fff;
        border: 1px solid #b9b9b9;
        padding: 6px 20px;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list .item > a .txt{
        display: block;
        font-size: 17px;
        font-weight: 600;
        color: #1e1e1e;
        width: max-content;
        box-sizing: border-box;
        line-height: 26px;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list .item > a [class*="ico"]{
        display: block;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        background-size: 20px 20px;
        background-image: url("");
        background-repeat: no-repeat;
        background-position: center center;
    }
    .preview_wrap .pc_only .op_site_area01 .site_list .item > a .txt + [class*="ico"]{
        margin-left: 6px;
    }
    .preview_wrap .pc_only .op_common_tbl10{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl10 table {
        table-layout: fixed;
        width: 100%;
    }
    .preview_wrap .pc_only .op_common_tbl10 colgroup {
        display: contents;
    }
    .preview_wrap .pc_only .op_common_tbl10 colgroup col:first-child {
        width: 230px;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr th{
        padding: 12.75px 12px;
        vertical-align: middle;
        background-color: #f3f3f3;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr:first-child th{
        border-top: 1px solid #717171;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr:last-child th{
        border-bottom: 1px solid #b9b9b9;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr th + th {
        border-left: 1px solid #dcdcdc;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr th .tit_box01{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl10 thead tr th .tit_box01 .txt01{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;    
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 600;
        color: #1e1e1e;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody td{   
        border-bottom: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        background-color: #fff;
        vertical-align: middle;
        padding: 11px;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody td .txt_box01{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody td .txt_box01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        color: #333;
        text-align: center;
        word-break: break-all;
        padding: 0;
    }
        .preview_wrap .pc_only .op_common_tbl10 tbody th{   
        border-bottom: 1px solid #dcdcdc;
        background-color: #f9f9f9;
        vertical-align: middle;
        padding: 11.75px 20px;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody th .txt_box01{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody th .txt_box01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 600;
        color: #1e1e1e;
        text-align: left;
        line-height: 1.5;
        word-break: break-all;
        padding: 0;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody tr.sum_area01 th {
        background-color: #fff6f5;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody tr.sum_area01 th .txt_box01 .txt01{
        text-align: center; 
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody tr.sum_area01 td{
        background-color: #fff6f5;
    }
    .preview_wrap .pc_only .op_common_tbl10 tbody tr.sum_area01 td .txt_box01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 700;
        color: #1e1e1e;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_common_tbl05{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 table{
        table-layout: fixed;
        width: 100%;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead tr th{
        height: 42px;
        vertical-align: middle;
        background-color: #f3f3f3;
        border-top: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead tr th:first-child{
        padding-left: 20px;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead tr th:last-child{
        padding-right: 20px;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead tr th .tit_box01{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead tr th .tit_box01 .txt01{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        color: #1e1e1e;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td{
        padding: 20px 0;
        border-bottom: 1px solid #dcdcdc;
        background-color: #fff;
        vertical-align: middle;
        display: table-cell;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td:first-child{
        padding-left: 20px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td:last-child{
        padding-right: 20px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        text-align: center;
        line-height: 1.4;
        word-break: keep-all;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody tr {
        display: table-row;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody tr:nth-child(2n) td{
        background-color: #fcfcfc;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .tit_area01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: max-content;
        flex-direction: column;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .tit_area01 .right_box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: max-content;
        margin-top: 12px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box{
        padding-left: 20px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt02 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 700;
        color: #1e1e1e;
        line-height: 1.5;
    
        margin-top: 4px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .txt01 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 400;
        color: #1e1e1e;
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 4px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .link_txt_box02 .con_area01 .left_box .hash_box01{
        margin-top: 5px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01 .txt01{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 21px;
        font-weight: 700;
        color: #717171;
        line-height: 1.5;
        text-align: right;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01 .txt02{
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 21px;
        font-weight: 700;
        color: #1e1e1e;
        line-height: 1.5;
        text-align: right;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01{
        display: block;
        width: 100%;
        text-align: right;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 32px;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .txt_box01 .price_area01 .price01 .per .num{
        display: block;
        font-size: 17px;
        font-weight: 700;
        color: #e0280a;
        line-height: 1.5;
    }
    .preview_wrap .pc_only .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb {
        position: relative;
        width: 100%;
        width: 170px;
        height: 128px;
    
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border-radius: 8px;
    }
    .preview_wrap .pc_only .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_default {
        position: relative;
        width: 170px;
        height: 128px;
    }
    .preview_wrap .pc_only .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale  {
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: top left;
        transition: transform 0.3s;
        z-index: 11;
        /* object-fit: cover; */
        width: 100%;
        height: 100%;
    }
    .preview_wrap .pc_only .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 12;
        /* object-fit: cover; */
        overflow: hidden;
    }
    .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover{
        width: 100%;
        height: 100%;
    }
    .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale_cover > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .preview_wrap .pc_only .op_common_tbl05 .link_txt_box02 .tit_area01 .left_box .box_thumb .thumb_scale:hover {
        transform: scale(1.3);
        transform-origin: top left;
        transition: transform 0.3s;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .con_area01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .con_area01 .right_box .time {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
        margin-top: 8px;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody td .con_area01 .right_box .time span {
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.4;
    }
    .preview_wrap .pc_only .op_common_tbl05 colgroup.m_h {
        display: contents;
    }
    .preview_wrap .pc_only .op_common_tbl05 thead.m_h {
        display: table-header-group;
    }
    .preview_wrap .pc_only .op_common_tbl05 tbody tr:first-child {
        border-top: 0;
    }
    .preview_wrap .pc_only .instruction_item_box01{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        box-sizing: border-box;
        gap: 16px;
        flex-wrap: nowrap;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item{
        width: 100%;
        display: block;
        box-sizing: border-box;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #dcdcdc;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item .tit_box01{
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        padding: 12.25px 10px;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.impos .tit_box01{
        background-color: #fff6f5;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.pos .tit_box01{
        background-color: #f6f8fe;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item .txt_box01{
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        padding: 24px 10px;
        gap: 4px;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item .tit_box01 .tit01{
        display: block;
        box-sizing: border-box;
        font-size: 17px;
        font-weight: 700;
        color: #1e1e1e;
        line-height: 1.5;   
    }
    .preview_wrap .pc_only .instruction_item_box01 .item .txt_box01 .txt01{
        display: block;
        box-sizing: border-box;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.5;   
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.impos .txt_box01 .txt01{
        color: #e0280a;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.pos .txt_box01 .txt01{
        color: #5d5fe4;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item .txt_box01 .ico{
        display: block;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 24px 24px;
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.impos .txt_box01 .ico{
        background-image: url("../img/ico_impos01.svg");
    }
    .preview_wrap .pc_only .instruction_item_box01 .item.pos .txt_box01 .ico{
        background-image: url("../img/ico_pos01.svg");
    }
    .preview_wrap .pc_only .instruction_noti_msg01{
        font-size: 15px;
        font-weight: 400;
        line-height: 1.4;
        margin-top: 8px;
        display: block;
        width: 100%;
        color: #5d5d5d;
        text-align: right;
    }

    .op_common_tbl04 tbody td .txt_box01 .txt01 {
        margin-top: 0;
    }
    .op_common_tbl04 tbody td .btn_box_center01 {
        margin-top: 8px;
    }
    .btn_box_right01.temporary {
        /* padding-right: 20px; */
        /* 20250721 수정 */
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 8px;
    }
    .btn_box_right02 { 
        width: calc(100% - 40px); 
        margin: 0 auto;
    }
    .btn_box_right03 { 
        width: 100%; 
        margin: 0 auto;
    }

    .btn_box_right04 { 
        width: 100%;
        margin-bottom: 8px;
    }
    .btn_box_right04 .op_common_btn {
        width: auto;
    }

    

    

    /* 입찰하기(4110-01M) 추가 */
    .dot_list01.mo_plr20 {
        padding: 0 20px;
    }

    .top_detail_box01.pop_type02 {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 20px 16px;
    }
    .top_detail_box01.pop_type02 .left_box {
        width: 100%;
    }
    .top_detail_box01.pop_type02 .left_box .box_thumb {
        width: auto;
        height: auto;
        align-items: flex-start;
    }
    .top_detail_box01.pop_type02 .right_box {
        width: 100%;
    }
    .top_detail_box01.pop_type02 .right_box .num_txt01 {
        font-size: 15px;
        margin-top: 4px;
    }
    .top_detail_box01.pop_type02 .right_box .tit01 {
        font-size: 15px;
        font-weight: 400;
        margin-top: 4px;
    }
    .top_detail_box01.pop_type02 .right_box .txt_box01 {
        margin-top: 4px;
    }
    .top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .txt01 {
        font-size: 17px;
    }
    .top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 {
        flex-direction: column;
        align-items: flex-end;
    }
    .top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .price01 .per .num {
        font-size: 16px;
    }
    .top_detail_box01.pop_type02 .right_box .txt_box01 .price_area01 .txt02 {
        font-size: 17px;
    }

    
    .circlechk_box .txt01 {
        font-size: 16px;
    }
    

    .con_tit_box05.type01 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .con_tit_box05 .left_box .total_txt01 {
        font-size: 12px;
    }
    .con_tit_box05.type01 .right_box .btn_box_right01 {
        flex-wrap: wrap;
    }

    .con_tit_box05.type02 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .con_tit_box05.type02 .right_box {
        width: 100%;
    }
    .con_tit_box05.type02 .right_box .btn_box_right01 {
        flex-wrap: wrap;
        gap: 14px;
    }

    

    

    
    .op_tbl_case01 > .table_block01 .con_area01 + .tit_area01  {
        margin-top: 24px;
    }
    .op_tbl_case01 > .table_block01 .con_area01 .left_box {
        width: 100%;
    }
    .op_tbl_case01 > .table_block01 .con_area01 .left_box .f_group15 {
        width: 100%;
        display: block;
    }
    .op_tbl_case01 > .table_block01 .con_area01 .left_box .f_group15 .number_area01 .number_box02 {
        width: 100%;
    }

    .op_tbl_case01 > .table_block01 .con_area02 {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        padding: 0;
        border-left: 0;
        flex-direction: column;
        gap: 8px;
    }
    .op_tbl_case01 > .table_block01 .con_area01 .left_box fieldset + .noti_msg01 {
        font-size: 12px;
        width: 100%;
    }
    .op_tbl_case01 > .table_block01 .con_area02 .right_box .btn_box {
        justify-content: flex-start;
    }
    .op_tbl_case01 > .table_block01 .con_area01 .op_common_chk01 + .noti_msg01 {
        font-size: 12px;
        width: 100%;
        text-indent: -10px;
        padding-left: 10px;
    }
    .op_tbl_case01 > .table_block01 .tit_area02 {
        width: 100%;
        min-height: auto;
        background-color: initial;
        padding: 0;
        padding-bottom: 8px;
        flex-shrink: 0;
    }
    .op_tbl_case01 > .table_block01 .tit_area02 .noti_msg01 {
        width: 100%;
        font-size: 12px;
    }
    
    .op_tbl_case03 > .table_block01 .tit_area03 {
        width: 91px;
    }
    .op_tbl_case03 > .table_block01 .con_area02 {
        padding: 8px 12px;
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area02 .left_box {
        width: 76%;
    }
    .op_tbl_case03 > .table_block01 .con_area02 .left_box .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .left_box {
        width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .left_box .tit_box01 {
        gap: 6px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .left_box .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .left_box .tit_box01 .op_common_btn.xs {
        width: auto;
        min-width: 64px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .right_box {
        width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .right_box .btn_box_left02 {
        width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area03:has(.op_common_tbl10) {
        padding: 10px 12px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .op_common_tbl10 {
        width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .op_common_tbl10 colgroup.col_type01 col:first-child {
        width: 45px;
    }
    .op_tbl_case03 > .table_block01 .con_area03 .op_common_tbl10 colgroup.col_type01 col:last-child {
        width: 50px;
    }

    

    .chkbox_wrap01 {
        width: 100%;
        gap: 6px;
    }
    .op_btn_chk01 label {
        padding: 6.5px 10px;
        width: 102px;
        height: 36px;
        gap: 6px;
        font-size: 15px;
        border-radius: 12px;
    }
    .chkbox_wrap01 + .noti_msg01 {
        font-size: 12px;
        width: 100%;
        text-indent: -10px;
        padding-left: 10px;
    }
    

    .use_consent_wrap .accordion_wrap + .accordion_wrap{
        margin-top: 0;
    }
    /* op_tbl_case80 */
    .op_tbl_case80 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .op_tbl_case80 > .table_block01 {
        flex-direction: column;
        border-bottom: 0;
        margin-top: 16px;
    }
    .op_tbl_case80 > .table_block01 .tit_area01 {
        width: 100%;
        min-height: auto;
        background-color: initial;
        padding: 0;
        padding-bottom: 8px;
        flex-shrink: 0;
    }
    .op_tbl_case80 > .table_block01 .con_area01 {
        width: 100%;
        min-height: auto;
        padding: 0;
        border-left: 0;
    }
    .op_tbl_case80 > .table_block01.sum_area01 .tit_area01 {
        background-color: #fff;
    }
    .op_tbl_case80 > .table_block01.sum_area01 .con_area01 .left_box .txt_box01 {
        padding: 12px 0;
    }
    .op_tbl_case80 .f_group80 .op_common_input01 {
        width: 100%;
    }
    .op_tbl_case80 .f_group80 .op_common_input01 + .op_common_btn.md {
        width: 40%;
    }

    .op_tbl_case80 .pay_detail_box01 {
        border: 1px solid #ebebeb;
        border-radius: 8px;
        padding: 16px;
        gap: 24px;
        margin-top: 16px;
    }
    .op_tbl_case80 .pay_detail_box01 .con_tit_box05 {
        width: 100%;
    }
    .op_tbl_case80 .pay_detail_box01 .con_tit_box05 > .left_box .total_txt_box01 {
        padding: 0;
    }
    .op_tbl_case80 .pay_detail_box01 .op_tbl_case80 {
        width: 100%;
    }
    .op_tbl_case80 .pay_detail_box01 .multi_inner_box01 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group28 + .multi_inner_box01 {
        align-items: flex-start;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group28 + .multi_inner_box01 a {
        float: right;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group28 .op_common_input01 {
        width: 100%;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group81 {
        flex-direction: column;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group81 .f_left_box .op_common_input01 {
        width: 50%;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group81 .f_left_box .txt01 {
        width: auto;
        padding: 0;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group82 {
        flex-direction: column;
        gap: 8px;
    }
    .op_tbl_case80 .pay_detail_box01 .f_group82 .op_common_select {
        width: 100%;
    }
    .op_tbl_case80 .pay_detail_box01 .pay_total_box01 .pay_total {
        padding: 6px 16px;
    }
    .op_tbl_case80 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_tit {
        font-size: 14px;
    }
    .op_tbl_case80 .pay_detail_box01 .pay_total_box01 .pay_total .pay_total_txt {
        font-size: 19px;
    }
    .op_tbl_case80 .pay_detail_box01 .btn_box_center01 {
        margin: 0 auto;
        position: relative;
        padding: 20px 0;
    }
    .op_tbl_case80 > .table_block01 [class*="tit_area"] .tit_box02 .tit01 {
        text-align: left;
    }
    .op_tbl_case80 .pay_total_box01 .pay_msg_box {
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
    }
    .op_tbl_case80 .btn_pb_center01 {
        width: 100%;
    }
    /* //op_tbl_case80 */

    /* 입찰서제출 */
    .bid_result_box01 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 12px auto 0;
        padding: 24px;
        height: auto;
        gap: 24px;
    }
    .bid_result_box01 .left_box {
        padding-top: 0;
        min-height: auto;
    }
    .bid_result_box01 .right_box {
        padding-top: 0;
        min-height: auto;
    }
    .bid_result_box01 .right_box::before {
        display: none;
    }
    .bid_result_box01 .bid_cont_box01 {
        width: 100%;
        align-items: center;
    }
    .bid_result_box01 .right_box .bid_cont_box01 {
        width: 100%;
    }
    .bid_result_box01 .bid_cont_box01 .bid_cont_tit01 {
        font-size: 15px;
    }
    .bid_result_box01 .bid_cont_box01 .bid_cont_txt01 {
        font-size: 21px;
    }
    .bid_result_box01 .bid_result_divider {
        width: 100%;
        height: 1px;
    }
    .bid_result_box01 .bid_cont_box02 {
        flex-direction: column;
        width: 100%;
        min-width: max-content;
        gap: 4px;
    }
    .bid_result_box01 .bid_cont_box02 li {
        width: 100%;
        justify-content: space-between;
    }
    .bid_result_box01 .bid_cont_box02 .bid_border {
        display: none;
    }
    .bid_result_box01 .bid_cont_box02 li .bid_cont_tit01 {
        font-size: 14px;
    }
    .bid_result_box01 .bid_cont_box02 li .bid_cont_txt01 {
        font-size: 15px;
    }

    .bid_result_box02 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 12px auto 0;
        padding: 24px;
        height: auto;
        gap: 24px;
    }
    .bid_result_box02 .left_box {
        padding-top: 0;
    }
    .bid_result_box02 .right_box {
        padding-top: 0;
        height: auto;
    }
    .bid_result_box02 .bid_cont_box01 {
        width: 100%;
        align-items: center;
    }
    .bid_result_box02 .right_box .bid_cont_box01 {
        width: 100%;
    }
    .bid_result_box02 .bid_cont_box01 .bid_cont_tit01 {
        font-size: 15px;
    }
    .bid_result_box02 .bid_cont_box01 .bid_cont_txt01 {
        font-size: 21px;
    }
    .bid_result_box02 .bid_result_divider {
        width: 100%;
        height: 1px;
    }
    .bid_result_box02 .bid_cont_box02 {
        flex-direction: column;
        width: 100%;
        gap: 4px;
    }
    .bid_result_box02 .bid_cont_box02 li {
        width: 100%;
        justify-content: space-between;
    }
    .bid_result_box02 .bid_cont_box02 .bid_border {
        display: none;
    }
    .bid_result_box02 .bid_cont_box02 li .bid_cont_tit01 {
        font-size: 14px;
    }
    .bid_result_box02 .bid_cont_box02 li .bid_cont_txt01 {
        font-size: 15px;
    }

    .bid_acc_wrap .accordion_wrap {
        padding: 0 20px;
    }
    .bid_submit_box01 {
        width: calc(100% - 40px);
        padding: 0;
        gap: 20px;
        margin: 16px auto 0;
    }
    .bid_submit_box01 .ico_doc {
        width: 80px;
        height: 80px;
        background-size: 80px;
        margin-top: 24px;
    }
    .bid_submit_box01 .txt01 {
        font-size: 23px;
        text-align: center;
    }
    .bid_submit_box01 .content_zone01 {
        padding: 0 40px;
        width: 100%;
    }
    .bid_submit_box01 .content_zone01 .txt01 {
        font-size: 17px;
        text-align: center;
    }

    .top_info_box02 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .top_info_box02 .tit01 {
        font-size: 17px;
        text-indent: -15px;
        padding-left: 15px;
    }
    .op_section01 .important_chklist_box01 {
        width: calc(100% - 40px);
        margin: 16px auto 0;
        gap: 24px;
    }
    .important_chklist_box01 .op_chklist_box01 {
        flex-direction: column;
        gap: 16px;
    }
    .important_chklist_box01 .op_chklist_box01 .op_chklist_tit {
        font-size: 17px;
    }
    .important_chklist_box01 .op_chklist_box01 .op_chklist_btn {
        width: 100%;
    }
    .filter02 {
        width: 100%;
    }
    .important_chklist_box01 .op_chklist_box01 .op_chklist_btn .filter02 .op_common_chk01 {
        justify-content: flex-end;
    }
    .op_common_radio80 {
        width: 100%;
    }
    .op_common_radio80 > label {
        width: 100%;
        font-size: 15px;
    }
    .op_common_radio81 {
        width: 100%;
    }
    .op_common_radio81 > label {
        width: 100%;
        font-size: 15px;
    }
    .op_info_box01 {
        width: calc(100% - 40px);
        margin: 16px auto 0;
        align-items: flex-start;
    }
    .op_info_box01 .ico_noti01 {
        width: 28px;
        height: 28px;
        background-size: 23px 23px !important;
    }
    .op_info_box01 .tit {
        font-size: 17px;
    }
    /* //입찰서제출 */

    .dash_list01 > li {
        font-size: 15px;
    }

    

    
    /* //입찰하기(4110-01M)추가 */

    .con_tit_box07 > .left_box .tit {
        font-size: 17px;
    }

    

    .loading_wrap .loading { width:220px; }


    /* skeleton */
    .skeleton_loading {padding: 0 20px;}
    .st_box { padding: 20px 0;}
    .st_box .st_area {display: flex; flex-flow: row; align-items: flex-start; gap:16px; width:100%;}
    .st_box.w1309 {width: 100%; padding: 20px 0;}
    .st_box.w1368 {width: 100%;}
    .st_card_list {  display: flex; align-items: unset; justify-content: flex-start; flex-flow: column; width: 100%; gap: 20px;}
    .st_box_card {width: 100%;}
    .st_box .st_area .st_con.doc51 {width:80px;}
    .st_box .st_area .st_con.doc52 {width: calc(100% - 92px);}
    .st_box .st_area .st_con.doc52 i:nth-child(1) {display: none;}
    .st_box .st_area .st_con.doc52 i:nth-child(3) {width: 75%; margin-top:50px}
    .st_box .st_area .st_con.doc52 i:nth-child(4) {width: 71%; margin-left: 29%;}
    .st_box .st_area .st_con.doc53 {display: none;}
    .st_box .st_area .st_con.doc61 {width:80px;}
    .st_box .st_area .st_con.doc62 {width: calc(100% - 92px);}
    .st_box .st_area .st_con.doc62 i:nth-child(1) {display: none;}
    .st_box .st_area .st_con.doc62 i:nth-child(3) {width: 75%; margin-top:50px}
    .st_box .st_area .st_con.doc62 i:nth-child(4) {width: 71%; margin-left: 29%;}
    .st_box .st_area .st_con.doc63 {display: none;}
    .st_box .st_area .st_con.doc64 {display: none;}
    .st_box .st_area .st_con.doc65 {display: none;}
    .st_box .st_area .st_con .st63 { align-items: center;} 
    .st_box .st_area .st_con .st64 { padding: 0 12px;} 
    .st_box .st_area .st_con .st66 {  padding: 0 12px;} 
    .st_box .st_area .st_con .i30 { height:90px; } 
    .st_box .st_area .st_con .i31 { width:100%;} 
    .st_box .st_area .st_con .i32 { width:100%;} 
    .st_box .st_area .st_con .i33 { width:100%;} 
    .st_type_mo {display: block;}
    .st_type_pc {display: none;}
    .st_box .st_area .st_con .st01 {width: 100%;}
    .st_box .st_area .st_con .st01 .st_i_box01 {width:100px; display: flex; align-items: center; flex-flow: column; gap:20px;}
    .st_box .st_area .st_con .st01 .st_i_box01 .i01 {width: 100%; height:75px;}
    .st_box .st_area .st_con .st01 .i04 {width: 58%;}
    .st_box .st_area .st_con .st01 .i05 {width: 69%; margin-left:31%; margin-top:29px;}
    .st_box .st_area .st_con .st01 .i06 {width: 25%;}
    .st_box .st_area .st_con .st01 .i07 {width: calc(100% - 25% - 12px);}
    .st_box .st_area .st_con .st01 .st_i_box02 {width: calc(100% - 112px); display: flex; flex-flow: column; gap:8px; justify-content: center;}
    .st_box .st_area .st_con .st01 .st_i_box03 {width: 100%; display: flex; flex-flow: row; gap:12px; justify-content: center;}
    .st_box .st_area .st_con.doc21 {width:100%;}
    .st_box .st_area .st_con.doc21 .st11 { width:100%; display: flex; flex-flow: row; gap:0; justify-content: space-between;}
    .st_box .st_area .st_con.doc21 .st11 i:first-child {width:54%;}
    .st_box .st_area .st_con.doc21 .st11 i:last-child {width:25%;}
    .st_box .st_area .st_con.doc21 .st12 { width:100%; display: flex; flex-flow: row; gap:12px; justify-content: space-between;}
    .st_box .st_area .st_con.doc21 .i08 {width:25%; margin-left: 75%; margin-top:26px;}
    .st_box .st_area .st_con.doc21 .i09 {width: calc(50% - 6px);}
    .st_box .st_area .st_con .st12 {padding: 0;}
    .st_box .st_area .st_con .st31 { width:100%; display: flex; flex-flow: row; gap:4px;}
    .st_box .st_area .st_con .st100 {width:38%}
    .st_box .st_area .st_con .st101 {width:14%}
    .st_box .st_area .st_con .st102 {width:55%; margin-top: 33px;}
    .st_box .st_area .st_con .st103 {width:37%; margin-left: 63%;}
    /*// skeleton */

    /* 시스템점검공지 404, 505 */
    .ico_warning01 {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
    }

    .logo_onbid {
        width: 65px;
        height: 28px;
        background-size: 65px 28px;
        margin: 60px auto 32px;
    }
    .info_box01 {padding: 0 20px;}
    .info_box01 i + i { margin-top:32px;}
    .info_box01 i + .tit { margin-top:20px;}
    .info_box01 .tit { font-size:21px; }
    .info_box01 .txt { display: block; margin-top: 12px; font-size: 15px; }
    .info_box01 .content_zone01 { display: block; width: 100%; margin: 24px auto 0; box-sizing: border-box; background-color: #f6f8fe; border-radius: 12px; padding: 24px;}
    .info_box01 .content_zone01 .msg01 { font-size: 15px; }
    .ty_br br {display: block;}
    .ty_br01 br {display: none;}
    /*// 시스템점검공지 404, 505 */

    /* 입찰결과상세조회 */
    .top_detail_divider {
        height: 14px;
        top: 0;
        margin: 0 6px;
    }
    .top_detail_result01 {
        margin-top: 4px;
        font-size: 17px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .tit_box02 {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .tit_box02 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit03 {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .badge_box01 {
        flex-wrap: wrap;
    }

    .op_datalist01 {
        width: calc(100% - 40px);
        margin: 16px auto;
        max-height: calc(98vh - 82px);
        overflow: auto;
    }
    .op_datalist01 .op_datalist_cont01 {
        width: calc(100% / 2);
    }
    .op_datalist01 .op_datalist_cont01:nth-child(5n) {
        border-right: 1px solid #ebebeb;
    }
    .op_datalist01 .op_datalist_cont01:nth-child(2n) {
        border-right: 0;
    }
    .op_datalist01.mmt0type {
        max-height: calc(98vh - 132px);
        margin-top: 0;
    }
    /* //입찰결과상세조회 */
    .tab_con.type10 .tab_list_wrap .tab_list li a .count_tit01{
        font-size: 17px;
    }
    .tab_con.type10 .tab_list_wrap .tab_list li a .count_tit01 + .count_num01{
        margin-left: 4px;
    }
    .tab_con.type10 .tab_list_wrap .tab_list li a .count_num01{
        height: 22px;
        font-size: 15px;
    }
    .cmpns_list {gap:12px; width: 100%; margin-top: 20px;}
    .cmpns_list > li {width: calc((100% - 12px) /2);}
    .cmpns_list .cmpns_item .cmpns_info { min-height:71px; padding: 12px;}
    .cmpns_list .cmpns_item .cmpns_logo { height:72px; }
    .cmpns_list .cmpns_item .cmpns_logo img { width: 122px; height: 38px; }
    .cmpns_list .cmpns_item .cmpns_info .cmpns_top {  justify-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px;}
    .cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_tit { width: 100%; font-size: 15px; position: relative;}
    .cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_tit::after { position: absolute; content:''; width: 16px; height: 16px; background-image: url(../img/ico_chevron_right_thick_black.svg); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; top: 3px; right: 0; }
    .cmpns_list .cmpns_item .cmpns_info .cmpns_top:has(.cmpns_rht) .cmpns_tit { width: 100%; }
    .cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht {font-size: 14px; line-height: 1.4;}
    .cmpns_list .cmpns_item .cmpns_info .cmpns_txt {display: none;}
    .cmpns_banner {margin-top:32px;}
    .cmpns_banner .cmpns_swiper01 .swiper-info {padding-top: 16px;}
    .cmpns_banner .cmpns_swiper01 .swiper-wrapper {height: auto;}
    .cmpns_banner img {height: auto;}
    .cmpns_banner + .cmpns_list {margin-top:32px;}
    .cmpns_banner .cmpns_swiper01 .swiper-button-next, 
    .cmpns_banner .cmpns_swiper01 .swiper-button-prev { top: 42px;}

    .pblct_banner {width: calc(100% - 40px); min-height: 195px; margin:20px; padding: 24px; box-sizing: border-box;}
    .pblct_banner .pblct_banner_top {
        flex-direction: column;
        gap: 12px;
    }
    .pblct_banner img { width: 148px; height: 32px;}
    .pblct_banner .pblct_tit { font-size: 17px; text-align: center; align-items: center; }
    .pblct_banner .pblct_tit button { width: max-content;}

    .info_sub_area01 .info_sub_file01 + .accordion_wrap.noti_type01 {
        width: 100%;
    }

    /* sticky tab */
    .tab_wrap.fixed {
        padding: 0;
    }
    .tab_cont_group .con_tit_box05 + .dot_list03 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .noti_fulltext_wrap01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .noti_fulltext_wrap01 .noti_fulltext_box01 .txt01 {
        font-size: 16px;
    }
    .tab_cont_group {
        margin-top: 20px;
    }
    .tab_cont_group .con_tit_box06 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .tab_cont_group .op_common_tbl10 + .calc_info_box01 {
        width: calc(100% - 40px);
        margin: 16px auto 0;
    }
    .tab_cont_group .instruction_item_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .tab_cont_group .instruction_item_box01 + .instruction_noti_msg01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .bottom_message.show{
        bottom:21px;
    }
    .ico.call01{
        width: 24px;
        height: 24px;
    }

    .depth_bc_box01{
        display: none;
    }

    

    .btn_file_down {
        padding: 1px 4px;
    }
    .btn_file_down > .txt {
        display: none;
    }
    .btn_file_view {
        padding: 1px 4px;
    }
    .btn_file_view > .txt {
        display: none;
    }

   

    .tooltip_wrap03 .tooltip_con{
        font-size: 13px;
    }

    .op_common_tbl05 tbody td:last-child .txt_box01 .price_area01{
        padding-right: 0px;
    }
    .op_common_tbl05 tbody td:first-child .link_txt_box02{
        padding-left: 0px;
    }
    .op_common_tbl04 tbody td:first-child .link_txt_box01{
        padding-left: 0px;
    }
    .op_common_tbl04 tbody td:last-child .txt_box01 .price_area01{
        padding-right: 0px;
    }



    .op_common_tbl02 tbody td .txt_box01 .txt03 {
        text-align: left;
        font-weight: 600;
        font-size: 15px;
        color: #1e1e1e;
    }

    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box01 {
        width: 100%;
    }
    
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .f_group51 {
        width: 100%;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .f_group51 .txt_box01 {
        width:fit-content;
        max-width: 60%;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .f_group51 .txt_box01 .txt01 {
        word-break: auto-phrase;
        max-width: 100%;
    }
    

    .btn_pb_center01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .dot_list08 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .dot_list08 > li{
        font-size: 15px;
        padding-left: 14px;
    }
    .dot_list08 > li > a{
        font-size: 15px;
    }
    .dot_list08 > li::after{
        top: 9px;
        left: 5px;
    }

    .info_use_box02 {
        border-radius: 0;
    }
    .info_use_box02 .dot_list01 {
        padding: 8px 20px 0 20px;
        
    }

    .info_use_box03 {
        padding: 16px;
    }
    .info_use_box03 .txt_01::before { top: 19px;}
    .info_use_box03 .txt_01 {
        font-weight: 600;
    }
    .info_use_box03 .dot_list03 {
        padding: 16px 20px 0 28px;
    }
    .info_use_box03 .dot_list03 strong {
        font-weight: 600;
    }
    .tab_wrap.fixed{
        min-width: auto;
    }

    .tab_con.type10.tab_sticky .tab_wrap.fixed ~ .tab_cont_group{
        padding-top: 58px;
    }
    .tab_con.type10.tab_sticky .tab_list_wrap.op_main_swiper01.fixed ~ .tab_cont_group{
        padding-top: 58px;
    }
    .tab_con.type10.tab_sticky .tab_wrap.fixed .swiper_tab01 .tab_list li{
        height: 58px;
    }

    .tab_con.type10.tab_sticky .tab_list_wrap.op_main_swiper01.fixed{
        position: fixed;
        top: 0;
        left: 50%;
        right: 0;
        z-index: 999;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        border-bottom: 0;
        /* padding: 0 380px; */
        gap: 135px;
        max-width: auto;
        min-width: auto;
        transform: translateX(-50%);
    }


    .top_detail_box03 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .top_detail_box03 .left_box .tit_box01 .btn_box_right01 {
        display: none;
    }

    .top_detail_box03 .left_box .tit_box01 .tit01{
        font-size: 17px;
    }
    
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box03{
       flex-wrap: wrap;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .txt_box03 .txt01{
        width:auto;
    }

    .tab_con.type01 .swiper_tab03 .tab_list li {
        margin-right: 0 !important;
    }
    .tab_con.type01 .swiper_tab03 .tab_list li a {
        font-size: 17px;
        line-height: 1.5;
        padding: 12px 16px;
        width: max-content;
    }
    .swiper_tab03 .swiper-button-prev.swiper-button-disabled.mobile_only{
        display: none;
    }
    .swiper_tab03 .swiper-button-next.swiper-button-disabled.mobile_only{
        display: none;
    }
    .swiper_tab03 .swiper-button-prev.mobile_only{
        display: block;
    }
    .swiper_tab03 .swiper-button-next.mobile_only{
        display: block;
    }
    .tab_contents .tcw_box01 {
        padding-top: 12px;
    }
    .tab_contents .pd_all_01:has(.tcw_box01) {
        padding: 20px;
    }
    .tab_contents .pd_all_01 .tcw_box01 {
        padding-top: 0;
    }

    .tab_content_wrap .tab_contents .con_tit_box05 > .left_box {
        flex-direction: column;
        align-items: flex-start;
    }
    .tab_content_wrap .tab_contents .con_tit_box05 > .left_box .total_txt02 {
        width: 100%;
        margin-left: 0;
        color: #5d5d5d;
        margin-top: 4px;
    }
    .tab_content_wrap .tab_contents .con_tit_box05 > .left_box:has(.ico_title01) {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit04 {
        font-size: 17px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .noti_msg01 {
        width: 100%;
        font-size: 13px;
    }

    /*op_common_tbl06*/
    .op_common_tbl06{
        width: calc(100% - 40px);
        margin: 0 auto;
        border-top: 1px solid #dcdcdc;
    }
    .op_common_tbl06 .btn_box_center01{
        margin-top: 8px;
    }
    .op_common_list01{
        width: calc(100% - 40px);
        margin:12px 20px 0 20px; 
        border-top: 1px solid #dcdcdc;
    }
    .op_common_tbl06 thead{
        display: none;
    }
    .op_common_tbl06 tbody tr{
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 15.5px 0;
        font-size: 0;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
    }
    .op_common_tbl06 tbody tr td{
        display: block;
        max-width: 100%;
        width: max-content;
        box-sizing: border-box;
        border-bottom: 0;
        text-align: left;
        height: max-content;
        padding: 0;
    }

    .op_common_tbl06 colgroup{
        display: none;
    }
    .op_common_tbl06 .m_h{
        display: none;
    }
    .op_common_tbl06 tbody td .txt_box01 [class*="txt"]{
        font-size: 15px;
        
        line-height: 1.5;
    }
    .op_common_tbl06 tbody td .link_txt_box01{
        margin: 0px;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        color: #1e1e1e;
        width: 100%;
        height: 51px;
        align-items: center;
    }
    .op_common_tbl06 tbody td .link_txt_box01 .link_txt01{
        width: 100%;
    }
    .op_common_tbl06 tbody td.m_h + td .link_txt_box01{
        margin: 0 0 8px 0;
    }
    .op_common_tbl06 tbody tr td{
        width: 100%;
        text-align: left;
    }
    .op_common_tbl06 tbody tr td + td{
        margin-top: 4px;
    }
    .op_common_tbl06 tbody td .txt_box01 .txt01{
        text-align: left;
    }
    .op_common_tbl06 tbody tr td .btn_box_center01{
        width: 100%;
    }
    .op_common_tbl06 .m_ib{
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: max-content;
    }
    .op_common_tbl06 .m_view{
        padding-left: 45px;
    }
    .op_common_tbl06 .m_view::before{
        display: block;
        position: absolute;
        content: "조회수: ";
        left: 0;
        top: 0;
        z-index: 10;
        width: 45px;
        height: 22.5px;
        font-size: 15px;
        font-weight: 400;
        color: #717171;
        line-height: 1.5;
    }
    .op_common_tbl06 tbody td.m_ib.state_file01:has(.txt01){
        display: none;
    }
    .op_common_tbl06 tbody td .txt_box01 img{
        width: 21px;
    }
    .op_common_tbl06 tbody td .txt_box01 img.file_clip_img01{
        width: 21px;
        height: 21px;
    }
    .op_common_tbl06 .m_ib ~ .m_ib{
        margin-left: 17px;
    }
    .op_common_tbl06 .m_ib.state_file01:has(.txt01) + .m_ib{
        margin-left: 0;
    }
    .op_common_tbl06 .m_ib.state_file01:has(.txt01) + .m_ib::after{
        display: none;
    }
    .op_common_tbl06 .m_ib ~ .m_ib::after{
        display: block;
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        left: -9px;
        z-index: 10;
        background-color: #b9b9b9;
        width: 1px;
        height: 12px;
    }
    .op_common_tbl06 .m_ib_tit{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .op_common_tbl06 .m_pin{
        position: absolute;
        top: 15px;
        left: 0;
        z-index: 10;
    }
    .op_common_tbl06 .m_pin + .m_ib_tit{
        padding-left: 30px;
    }
    .op_common_tbl06 .m_ib_tit::after{
        display: block;
        content: "";
        clear: both;
    }
    .price_area03 .txt01 {
        text-align: left !important;
    }
    /*//op_common_tbl06*/

    .number_list01 > li {
        font-size: 17px;
    }

    .procedure_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .procedure_box01 .txt01 {
        font-size: 15px;
    }
    .procedure_box01 .op_tbl_case03 {
        width: 100%;
    }
    .procedure_box01 .btn_box_left01 {
        flex-direction: column;
        width: 100%;
    }

    .bid_info_box01 .bg_box + .btn_box_center01 {
        margin-top: 40px;
    }

    .bid_info_box02 .f_group99 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .bid_info_box02 .txt01 {
        width: calc(100% - 40px);
        margin: 0 auto;
        font-size: 15px;
    }
    .bid_info_box02 .accordion_wrap {
        margin-top: 12px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .time01 {
        font-size: 17px;
    }

    .con_tit_box05 .left_box .total_txt01 {
        font-size: 12px;
        min-width: 47px;
        margin-left: 4px;
    }

    .tab_con.type10 .tab_contents.login{
        padding: 40px 0;
    }

    .tab_con.type10 .tab_list_wrap.login_tab .tab_list li:last-child {
        display: flex;
    }



    .key_info { flex-flow: column; gap: 20px; }
    .key_info .k_lft { width: calc(100% - 40px); margin: 0 auto; padding: 0;  background-color: transparent;  border-radius: 0;}
    .key_info .k_rht { width: 100%; margin: 0 auto; }
    .my_keyinfo { padding: 24px 20px; background-color: #eff3ff; border-radius: 24px; }
    .my_keyinfo .my_tip {height: 24px; margin-top: 20px; font-size: 12px;}
    .my_keyinfo .my_info .tit {font-size: 23px;}
    .my_keyinfo .my_info .tit .tit_s {font-size: 15px;}
    .my_keyinfo .my_info .txt {font-size: 14px;}
    .my_keyinfo .my_info + .btn_box_center01 { width: 100%; margin-top: 20px;}

    .myinfo_list { display: none; }
    .myinfo_list2 {display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start; width: 100%; padding: 24px 20px; margin-top: 20px; background-color: #eff3ff; border: 0; border-radius: 24px;}
    .myinfo_list2 > li + li::before {display: none;}
    .myinfo_list2 > li + li {padding-top:0;}
    .myinfo_list2 > li { text-align: center; }
    .myinfo_list2 > li > a {padding: 36px 0 0 0; justify-content: center; align-items: center;}
    .myinfo_list2 > li > a {background-position: center top; background-size: 28px 28px; background-repeat: no-repeat;}
    .myinfo_list2 > li:first-child a {padding-top: 36px;}
    .myinfo_list2 > li:nth-child(1) > a {background-image: url(../img/ico_mya1_security.svg);}
    .myinfo_list2 > li:nth-child(2) > a {background-image: url(../img/ico_mya2_refund.svg);}
    .myinfo_list2 > li:nth-child(3) > a {background-image: url(../img/ico_mya3_question.svg);}
    .myinfo_list2 > li:nth-child(4) > a {background-image: url(../img/ico_mya4_arrow.svg);}
    .myinfo_list2 .txt {display: none;}
    .myinfo_list2 .tit {font-size: 14px;}

    .myinfo_list3 { flex-flow: column wrap; width: calc(100% - 40px); margin: 0 auto; }
    .myinfo_list3 > li > .myinfo_wrap > a { padding: 20px 20px 12px 20px; background-position: 20px 24px;}
    .myinfo_list3 > li .myinfo_list3_s { gap: 4px; padding: 0 20px 20px 20px; }
    .myinfo_list3 > li .myinfo_wrap {min-height: auto;}
    .myinfo_list3 > li + li::before {top: -40px; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .myinfo_list3 > li > .myinfo_wrap > a .tit {font-size: 17px;}
    .myinfo_list3 > li > .myinfo_wrap > a .txt em {font-size: 30px;}
    .myinfo_list3 > li .myinfo_list3_s a span {font-size: 15px;}
    .myinfo_list3 > li .myinfo_list3_s a span {font-size: 15px;}


    .myinfo_box { /* margin-top: 20px; */ padding: 20px; border-radius: 24px; width: calc(100% - 40px); margin: 20px auto 0; }
    .myinfo_list4 { flex-flow: column; gap:4px;}
    .myinfo_list4 > li { width: 100%; }
    .myinfo_list4 > li + li::before { display: none; }
    .myinfo_list4 > li > a { padding: 0; background-position: left 0 center;}
    .myinfo_list4 > li > a span {font-size: 15px;}
    .myinfo_list4 > li > a span > span {display: none;}
    .myinfo_list5 { flex-flow: column; padding-top: 20px; margin-top: 20px;}
    .myinfo_list5 > li + li::before { display: none; }
    .myinfo_list5 > li > a { padding: 0 0 0 32px; background-position: left 0 center;}
    .myinfo_list5 > li { width: 100%; }
    .myinfo_list5 > li > a span {font-size: 15px;}
    .myinfo_list5 > li > a span > span {display: none;}
    .myinfo_list6 { margin-top: 40px;}
    .myinfo_list6 .myinfo_tit .rht_box { position: static; transform: unset; width: calc(100% - 40px); margin: 0 auto; }
    .myinfo_list6 .op_common_btn.m_txt { justify-content: flex-end; margin-top:16px; font-size: 15px;}
    .myinfo_list6 .swiper_my { margin: 0 auto;  }
    .myinfo_list6 .swiper_my .op_my,
    .myinfo_list6 .swiper_my .op_my2 {padding: 0 20px;}
    .myinfo_list6 .swiper_my .op_tbl_case04 { flex-flow: row nowrap; justify-content: flex-start; gap: unset;  width:100%; padding-top: 16px; }
    .myinfo_list6 .swiper_my .op_tbl_case04 > li { width: 280px !important ; }
    .myinfo_list6 .myinfo_tit .swiper_tab01 { width: 100%; }
    


    .swiper_tab02 .tab_list li {
        height: 20px;
    }
    .swiper_tab02 .tab_list li a .line{
        padding: 0 8px;
    }

    .swiper_tab02 .tab_list li a .txt {
        font-size: 14px;
    }
    .swiper_tab02 .tab_list li a .num {
        font-size: 14px;
        height: 20px;
    }
    .swiper_tab02 .swiper-button-next::after {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .swiper_tab02 .swiper-button-prev::after {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    


    .instruction_item_box01 .item .txt_box01{
        height:calc(100% - 45px);
    }
    .simple_login_btn_box01 .simple {
        width: calc(100% - 40px);
    }
    .simple_login_btn_box01 .simple .btn-v.active{
        border: 1px solid #5d5fe4;
    }
    .simple_login_btn_box01 .btn_join{
        margin: 24px auto 0 auto;
        font-size: 15px;
    }



    /* 물건비교하기 모바일*/
    .product_list01 {
        width: 100%;
        display: block;
        box-sizing: border-box;

        border: 1px solid #ebebeb;
        border-radius: 8px;
    }
    .product_list01 .box_thumb01 {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        max-width: 150px;
        height: 112px;
        box-sizing: border-box;
        position: relative;
    }
    .product_list01 .box_thumb01 > img{
        max-width: 100%;
        max-height: 100%;
    }
    .product_list01 .box_thumb01 .thumb_scale {
        display: block;
        width: 100%;
        height: 112px;
        box-sizing: border-box;
    }
    .product_list01 .box_thumb01 .thumb_scale_cover img{
        display: block;
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        overflow: hidden;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
    }
    .product_list01 .product_box01 {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 8px;
    }
    .product_list01 .product_box01 .txt_box01 {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 12px;
        
    }
    .product_list01 .product_box01 .txt_box02 {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .product_list01 .product_box01 .txt_box02 .txt_01 {
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.4;
        color: #1e1e1e;

        padding-top: 12px;
        border-top: 1px solid #ebebeb;
    }
    .product_list01 .product_box01 .txt_box02 .txt_02 {
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        height: 36px;
        color: #1e1e1e;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        margin-top: 4px;
    }
    .product_list01 .product_box02 {
        width: 100%;
        display: flex;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 12px 0;
        padding: 8px;
    }
    .product_list01 .product_box01 li:last-child {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 12px;
    }
    .product_list01 .product_box02 .txt_box01 {
        width: 100%;
        display: flex;
        box-sizing: border-box;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 4px 0;
    }
    .product_list01 .product_box02 .txt_box01 .txt_01 {
        width: 100%;
        display: block;
        box-sizing: border-box;

        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        color: #5d5d5d;
    }
    .product_list01 .product_box02 .txt_box01 .txt_02 {
        width: 100%;
        display: block;
        box-sizing: border-box;

        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
        color: #1e1e1e;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* //물건비교하기 */

    /*전자서명정보*/
    .digital_sign_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 20px 12px;
        gap: 16px;
    }
    
    .digital_sign_box01 .txt_box01 .tit01 {
        font-size: 17px;
    }
    .digital_sign_box01 .txt_box01 .txt01 {
        font-size: 15px;
        padding: 0;
        text-align: left;
    }

    .digital_sign_box02 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 12px;
        gap: 16px;
        font-size: 15px;
    }
    .digital_sign_box02 *{
        font-size: 15px;
    }
    /*//전자서명정보*/

    /*AI물건추천서비스*/
    .cust_modify .guide .guide_info03 {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .cust_modify .guide .guide_info03 .left_box {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .cust_modify .guide .guide_info03 .left_box .info_txt01 {
        font-size: 15px;
    }
    .cust_modify .guide .guide_info03 .left_box .con_info01 .noti_msg01 {
        width: 100%;
    }
    /*//AI물건추천서비스*/

    .cust_modify > .guide01 {
        padding: 24px 20px;
    }
    .cust_modify > .guide01 .guide_info4 dt { 
        font-size: 17px; 
    }
    .cust_modify > .guide01 .guide_info4 dd { 
        font-size: 15px; 
    }
    .cust_modify > .guide01 .guide_info4 dd + dd { 
        margin-top: 4px;
    }





    /*실시간계좌이체*/
    .transfer_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .transfer_box01 .op_tbl_case01, .transfer_box01 .op_common_tbl10 {
        width: 100%;
    }
    /*//실시간계좌이체*/

    .block_list {display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; gap: 20px; width: calc(100% - 40px); margin-left:auto; margin-right:auto; }
    .block_list > li { width: 100%; }
    .block_list li .block_item { padding: 24px; }
    .block_list li .block_item .block_top .block_thumb {  width: 44px; height: 44px;}
    .block_list li .block_item .block_top .block_thumb img { width: 20px; height: 20px; }
    .block_list li .block_item .block_top dl { width: calc(100% - 100px);}
    .block_list li .block_item .block_top dl dt { font-size: 17px; font-weight: 700; }
    .block_list li .block_item .block_top dl dd { font-size: 14px; font-weight: 400; }
    .block_list li .block_item .block_top .txt_rht { font-size: 14px; font-weight: 400;}
    .block_list li .block_item .block_bottom   { margin-top: 28px;} 
    .block_list li .block_item .block_bottom .tit { width: calc(100% - 93px);font-size: 19px; font-weight: 700; }
    .block_list li .block_item .block_bottom .btn_box_right01 {width: 93px; }

    .block_list li .block_item .link_txt_box02 .txt02 { font-size: 16px; }
    .block_list li .block_item .link_txt_box02 .txt01 { margin-top: 0; height: auto; font-size: 15px; }
    /* .block_list li .block_item .link_txt_box02 .txt01::after { width: 16px; height: 16px; background-size: 16px 16px; } */
    
    .block_list li .block_item .link_txt_box02 .txt03 {  
        font-size: 15px;
    }
    .block_list li .block_item .link_txt_box02 .txt04 {  
        font-size: 15px;
        min-height: auto;
    }
    
    
    .block_list li .block_item .txt_dtlist { font-size: 14px;}
    .block_list li .block_item .txt_dtlist .tit { display: inline-block; min-width: 107px;}
    .block_list li .block_item .txt_dtlist li + li {padding-top: 0;}
    .block_list li .block_item .pd_num { margin-top: 8px; font-size: 19px; font-weight: 700; }

    .block_list li .block_item .block_bottom2 .tit { padding: 0 0; }
    .block_list li .block_item .block_bottom2 .btn_box_right01 {width: 101px; }
    .tit_lg {font-size: 17px; }
    .noti_msg03 { font-size: 12px; margin-top: 8px;}
    .btn_box_center03{display: flex; flex-flow: row nowrap ; gap: 8px; width: 100%; margin-top: 8px; }
    

    .btn_box_center04{
        width: calc(100% - 40px); 
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 auto;
    }

    /*캡차*/
    .captchaDiv .captcha{
        flex-direction: column;
    }
    .captchaDiv .captcha .captcha_child_two{
        height: auto;
        padding-left: 0;
        margin-top: 8px;
    }
    /*//캡차*/

    

    .op_common_top03 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .op_common_top03 .left_box{
        flex-wrap: wrap;
    }
    .op_common_top03 .left_box .f_group54 { 
        margin-left: 0;
    }

    .op_common_top03 .left_box .total_txt01{
        padding-bottom: 12px;
        font-size: 17px;
    }
    
    .tab_con.type11 { 
        gap: 32px; 
        width: calc(100% - 40px); 
        margin: 0 auto;
    }
    
    

    


    .dot_list09 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .dot_list09 > li{
        font-size: 15px;
    }
    .dot_list09.ec_case01 > li{
        font-size: 15px;
    }
    .dot_list10 li {
        font-size: 17px;
    }

    .dot_list11 li {
        font-size: 19px;
    }

    .dot_list12 li {
        font-size: 17px;
    }



    .alarm_list01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .alarm_list01 > li:first-child {
        margin-top: 0;
    }
    .alarm_list01 > li .tit_area01 .txt_box01 .txt01 {
        font-size: 15px;
    }
    .alarm_list01 > li .con_area01 > li .left_box01 { 
        max-width: auto;
    }
    .alarm_list01 > li .con_area01 > li .left_box01 .tit_area01 .tit_box01 .txt01 {
        font-size: 15px;
    }
    .cust_modify .guide .guide_info04 .left_box .tit_area01 li .tit_box01 .txt01  {
        font-size: 15px;
    }

    .cont_gap2000 { margin-top: 0px; }
    .cont_gap4840 { margin-top: 40px; }
    .cont_gap4032 { margin-top: 32px; }
    .cont_gap2412 { margin-top: 12px; }
    .cont_gap4020 { margin-top: 20px; }
    .cont_gap4040 { margin-top: 40px; }
    .cont_gap4820 { margin-top: 20px; }
    .cont_gap4832 { margin-top: 32px; }
    .cont_gap6020 { margin-top: 20px; }

    .gap_lr0020 {margin:0 auto; width: calc(100% - 40px);}
    .top_rht_txt {margin: 20px auto 8px; width: calc(100% - 40px); font-size: 13px; }
    .btn_ranking {display: flex; flex-flow:row wrap; align-items: flex-start; justify-content: flex-start; gap: 8px; width: calc(100% - 40px); margin: 0 auto; }
    .btn_ranking > a {
        display: block; 
        width: calc((100% - 8px) / 2); 
        height: auto; 
        /* padding: 18px 20px 18px 41px;  */
        padding: 18px 18px 18px 39px;
        border-radius: 12px;
    }

    .btn_ranking > a .tit {font-size: 17px; }
    .btn_ranking > a .tit .pc {display: none;}
    .btn_ranking > a .txt {display: none;}
    .btn_ranking > a .tit + .txt {margin-top: 0;}
    .btn_ranking > a::before { width: 23px; height: 23px; left: 12px; background-size: 44px 32px; background-position: left -10px top -1px; }
    .type_w { width: calc(100% - 40px); margin-left: auto; margin-right: auto;}
    .f_box { flex-flow: column nowrap; align-items: flex-end; justify-content: space-between; width:100%; gap: 12px; }
    .dot_col_list { flex-flow: column nowrap; align-items: flex-start; justify-content: space-between; gap: 8px; width: 100%; }
    .dot_col_list > dl { justify-content: space-between; gap: 24px; width: 100%; font-size: 14px;}
    .dot_col_list > dl > dt { position: relative; padding-left: 13px; font-weight: 400; flex-shrink: 0; }
    .dot_col_list > dl > dt::after { top: 8px; }
    .dot_col_list > dl > dd { text-align: right; }

    .line_list > li { padding: 12px 0; border-bottom: 1px solid #dcdcdc;}
    .line_list .tit_box .tit { font-size: 15px; }

    /*입찰진행내역상세조회*/
   
    .noti_msg_box {
        flex-direction: column;
    }
    .noti_msg_box .noti_msg01 {
        width: 100%;
        font-size: 13px;
    }
    /*//입찰진행내역상세조회*/

    /*인증센터*/
    .export_step_box {
        flex-direction: column;
        gap: 20px;
        width: calc(100% - 40px);
        margin: 32px auto 0;
    }
    .export_step {
        width: 100%;
        padding: 0 20px;
        gap: 28px;
    }
    .export_step_txt {
        min-height: 98px;
    }
    .stepline_box {
        padding-top: 21px;
        padding-right: 20px;
    }
    .stepline_box .step_tit {
        font-size: 16px;
    }
    .stepline_box .step_num {
        font-size: 25px;
    }
    .step_txt_box {
        padding-top: 20px;
        gap: 6px;
    }
    .step_txt_box .step_tit {
        font-size: 17px;
    }
    .step_txt_box .step_txt {
        font-size: 16px;
    }
    .export_step_img img {
        width: auto;
        min-width: 155px;
    }

    .sign_list {
        gap: 16px 12px;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .sign_list > li {
        width: calc((100% - 12px) /2);
    }

    .sign_list .sign_item .sign_info {
        padding: 12px;
    }
    .sign_list .sign_item .sign_logo {
        height:72px;
        padding: 0;
    }
    .sign_list .sign_item .sign_logo img { 
        width: 102px;
        height: 22px;
    }
    .sign_list .sign_item .sign_info .sign_top { 
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: column;
        gap: 4px;
    }
    .sign_list .sign_item .sign_info .sign_top .sign_tit { 
        width: 100%;
        font-size: 15px;
    }
    .sign_list .sign_item .sign_info .sign_top .sign_tit::after {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .sign_list .sign_item .sign_info .sign_txt {
        font-size: 14px;
        margin-top: 4px;
    }

    .con_tit_box05 > .left_box:has(.badge_box01) {
        gap: 8px;
    }
    .con_tit_box05 > .left_box .tit_sub {
        /* margin-left: 0; */
        font-size: 13px;
    }





    .export_step_box {
        flex-direction: column;
        gap: 20px;
    }
    .export_step {
        width: 100%;
        padding: 0 20px;
        gap: 28px;
    }
    .export_step_txt {
        min-height: 98px;
    }
    .stepline_box {
        padding-top: 21px;
        padding-right: 20px;
    }
    .stepline_box .step_tit {
        font-size: 16px;
    }
    .stepline_box .step_num {
        font-size: 25px;
    }
    .step_txt_box {
        padding-top: 20px;
        gap: 6px;
    }
    .step_txt_box .step_tit {
        font-size: 17px;
    }
    .step_txt_box .step_txt {
        font-size: 16px;
    }
    .export_step_img img {
        width: auto;
        min-width: 155px;
    }

    .renew_list_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .renew_list {
        flex-direction: column;
        gap: 4px;
    }
    .renew_list .renew_list_cont {
        gap: 20px;
        padding: 12px 20px;
        height: auto;
    }
    .renew_list .renew_list_cont .renew_list_tit .renew_tit_txt {
        font-size: 16px;
    }
    .renew_list .renew_list_cont .renew_list_tit .renew_tit_num {
        font-size: 25px;
    }
    .renew_list .renew_list_cont .renew_list_txt {
        font-size: 17px;
    }
    .list_arr01 {
        transform: rotate(90deg);
    }
    .sign_renew_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .sign_renew_box01 ul + .btn_box_left01 {
        margin: 16px 0 0;
    }
    .sign_renew_box01 ul + .btn_box_left01 button {
        width: max-content;
    }

    .sign_renew_box02 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    /*//인증센터*/


    .box-type_03 .btn_box_center01 {
        width: auto;
    }
    .box-type_03 .btn_box_center01 .op_common_btn {
        max-width: initial;
        width: 100%;
    }

    .btn-join .txt {
        font-size: 17px;
        font-weight: 600;
    }

    .op_common_tbl02 tbody td .txt_box01 .mobile {
        margin-top: 8px;
    }

    .op_common_tbl01 + .pay_total_box01 {
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .op_common_tbl01 + .pay_total_box01 .pay_total {
        height: auto;
        padding: 12px 16px;
    }
    .op_common_tbl01 + .pay_total_box01 .pay_total .pay_total_tit {
        font-size: 14px;
        word-break: auto-phrase;
    }
    .op_common_tbl01 + .pay_total_box01 .pay_total .pay_total_txt {
        font-size: 19px;
        white-space: nowrap;
    }


    .join_submit01 .ico_join_thumb {
        width: 100px;
        height: 100px;
    }
    .ico_join_10{
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    
    .join_submit01 .con_area01 {
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 24px;
    }
    .join_submit01 .con_area01 .txt01 {
        font-size: 21px;
    }
    .join_submit01 .con_area01 .txt02 {
        font-size: 16px;
    }
    /* .con_area01 .btn_box_center01 .op_common_btn{
        width: initial;
    } */

    .box_unit04 {
        width: calc(100% - 40px);
        padding: 20px 24px;
    }
    .box_unit04 li + li {
        margin-top: 12px;
    }
    .box_unit04 li .left_box .txt01 {       
        font-size: 16px;
    }
    .box_unit04 li .right_box .txt02 {
        font-size: 16px;
    }
    .box_unit04 li .right_box .txt03 {
        font-size: 16px;
    }

    .auth_link_box a .txt01 {
        font-size: 14px;
    }
    .auth_link_box{
        gap: 12px;
    }
    .auth_link_box > li:first-child {
        padding-right: 12px;
    }
    .auth_link_box li + li a::after{
        left: -12px;
    }

    .op_common_btn.login_ex .txt {
        font-size: 17px;
        font-weight: 600;
    }

    .login_box.op_common_input01 > .btn_clear01{        
        top: 43px;
    }

    .btn_fav01.btn_list_add ~ .line {
        padding: 0 12px;
    }

    .con_tit_box05 > .left_box .ico_title01 {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }


    .pd_all_01 {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 24px 20px 20px 20px;
    }


    .asscociation .txt01 {
        font-size: 16px;
    }
    .asscociation .txt02 {
        font-size: 19px;
    }


    .banner_box01 {
        width: 320px;
        height: 400px;
        margin: 0 auto;
    }

    .pd_all_01 .con_tit_box05 {
        width: auto;
    }
    .pd_all_01 .btn_box_left02 {
        width: auto;
    }



    body:has(.tooltip_wrap01 .tooltip_box.open){
        overflow: hidden;
    }



    
    .op_ceo_box01 {
        flex-direction: column;
    }
    .op_ceo_top .txt01 {
        font-size: 19px;
        margin-left: 24px;
    }

    .op_operate_top .txt01 {
        font-size: 19px;
        margin-left: 24px;
    }
    .op_operate_top .img_operate {
        height: 100px;
        background-image: url('../img/op_banner04_mo.png');
    }
    .op_operate_top .img_operate::before {
        display: none;  
    }

    .op_ceo_box01 .ceo_list01 li {
        margin-top: 20px;
    }
    .op_ceo_box01 .ceo_list01 .tit_area01 .txt01 {
        font-size: 17px;
    }
    .op_ceo_box01 .ceo_list01 .tit_area02 .txt01 {
        max-width: auto;
        font-size: 25px;
        font-weight: 700;
        padding-left: 0;
    }
    .op_ceo_box01 .ceo_list01 .tit_area03 {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    .op_ceo_box01 .ceo_list01 .tit_area03 .txt01 {
        font-size: 19px;
    }
    .op_ceo_box01 .ceo_list01 .tit_area03 .txt02 {
        font-size: 23px;
        font-weight: 600;
        padding-left: 0;
    }
    .op_ceo_box01 .ceo_list01 .tit_area02 .txt01::before {
        top: -32px;
        left: 0;
    }
    .op_ceo_box01 .ceo_list01 .tit_area02 .txt01::after {
        right: 0;
        bottom: -15px;
    }

    .contianer:has(.op_ceo_box01):has(.mobile) {
        padding-bottom: 60px;
    }
    .mobile .op_ceo_box01 {
        flex-direction: column;
    }
    .mobile .op_ceo_box01 .left_box {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 12px;
    }
    .mobile .op_ceo_box01 .right_box {
        width: 100%;
    }
    .mobile .op_ceo_img {
        width: 106px;
        height: 170px;
        background-image: url('../img/img_ceo_mo.png');
        padding-top: 2px;
        padding-right: 13px;
        margin-top: 0;
    }
    .mobile .op_ceo_box01 .op_ceo_mo_tit {
        width: calc(100% - 106px);
    }
    .mobile .op_ceo_box01 .ceo_list01 {
        max-width: unset;
    }
    .mobile .op_ceo_box01 .ceo_list01 li {
        margin-top: 0;
    }
    .mobile .op_ceo_box01 .ceo_list01 li ~ li {
        margin-top: 8px;
    }
    .mobile .op_ceo_box01 .ceo_list01 .tit_area02 .txt01 {
        font-size: 19px;
    }
    .mobile .op_ceo_box01 .ceo_list01 .tit_area03 .txt01 {
        font-size: 14px;
    }
    .mobile .op_ceo_box01 .ceo_list01 .tit_area02 .logo_img img {
        width:59px;
    }
    .mobile .op_ceo_box01 .right_box .ceo_list01 li ~ li {
        margin-top: 16px;
    }


    .service_list01 li .tit_area01 .txt01 {
        max-width: 300px;
        font-size: 25px;
    }
    .service_list01 li .tit_area01 .txt02 {
        font-size: 25px;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .service_txtbox01 {
        width: calc(100% - 51px);
    }
    .service_txtbox01 .txt01.mobile {
        padding-left: 0;
        font-size: 19px;
    }
    .service_txtbox01 .txt01 .img img {
        width:49px;
    }
    .service_txtbox01 .txt01.mobile .txt01_top {
        display: block;
        padding-left: 56px;
    }
    .service_txtbox01 .txt02 {
        font-size: 19px;
    }
    
    .service_diagrambox01 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .service_diagrambox01 .offer_box01 {
        border-radius: 20px;
    }
    .service_diagrambox01 .offer_box01 .con_area01 {
        gap: 20px;
        padding: 20px 18px 32px;
        min-height: 332px;
    }
    .service_diagrambox01 .offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 .txt01 {
        font-size: 21px;
    }
    .service_diagrambox01 .tit_box02 .offer_list01 li {
        font-size: 16px;
    }
    .service_diagrambox01 .tit_box02 .offer_list01 li ~ li {
        margin-top: 4px;
    }
    .service_diagrambox01 .offer_arrw {
        height: 60px;
        transform: rotate(90deg);
    }
    .service_diagrambox01 .offer_circle {
        width: 240px;
        height: 240px;
        background-size: 82px 33px;
    }
    .service_diagrambox01 .offer_circle::before {
        width: 216px;
        height: 216px;
    }
    .service_diagrambox01 .offer_circle::after {
        width: 188px;
        height: 188px;
    }
    .servie_line {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .service_list02 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
        row-gap: 40px;
    }
    .service_list02 > li {
        width: 100%;
    }

    .op_service01 .con_tit01 {
        gap: 12px;
    }
    .op_service01 .con_tit01 .ico_servive01,
    .op_service01 .con_tit01 .ico_servive02,
    .op_service01 .con_tit01 .ico_servive03,
    .op_service01 .con_tit01 .ico_servive04 {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .op_service01 .con_tit01 .tit01 {
        font-size: 21px;
    }
    .op_service01 .con_area01 {
        margin-left: 0;
    }
    .op_service01 .con_area01 .txt01 {
        font-size: 21px;
        padding-left: 72px;
        min-height: 63px;
    }
    .op_service01 .con_area01 .txt02 {
        font-size: 16px;
        margin-top: 16px;
        padding: 0;
        word-break: break-all;
    }
    
    .btn_box_right01{
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .btn_box_right01.ec_case01 .op_common_btn {
        flex-shrink: 0; 
    }
    

    .plr20 { padding-left:20px; padding-right:20px; }


    .op_offer_top .txt01 {
        font-size: 19px;
        margin-left: 24px;
    }
    .op_offer_top .img_offer {
        height: 100px;
        background-image: url('../img/op_banner05_mo.png');
    }
    .op_offer_top .img_offer::before {
        display: none;  
    }
    .op_offer_top .txt01 {
        font-size: 19px;
        margin-left: 24px;
        max-width: 256px;
    }

    .img_offer_sub01 {
        width: 320px;
        height: 298px;
    }

    .offer_box01 {
        flex-direction: column;
        gap: 24px;
    }
    .offer_box01 .con_area01 {
        padding: 32px 20px;
        min-height: auto;
    }
    .offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 { 
        flex-direction: column;
    }
    .offer_box01 .con_area01 .tit_box01 .con_box01 .unit_box01 .txt01 {
        width: 100%;
        font-size: 23px;
    }
    .offer_box01 .con_area01 .tit_box01 .con_box01 .txt02 {
        font-size: 19px;
        margin-top: 4px;
        padding: 0 42px;
    }
    .offer_box01 .con_area01 .brline {
        margin: 24px 0;
    }
    .offer_list01 .tit01 {
        font-size: 21px;
    }
    .offer_list01 .con_area01 li .tit_box01 .tit02 {
        font-size: 19px;
    }
    .offer_list01 .con_area01 li .tit_box01 .tit03 {
        font-size: 16px;
    }
    .offer_list01 .con_area01 li .tit_box01 {
        padding: 24px 0;
    }

    /*인증센터*/
    .btn_list_group01 {
        width: calc(100% - 40px);
        flex-direction: column;
        margin: 0 auto;
    }
    .btn_list_box01 {
        width: 100%;
    }
    .cert_list_box ul {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .cert_list_box ul li {
        width: 100%;
    }
    .cert_list_box ul li .cert_card_box {
        padding: 12px 16px;
        gap: 28px;
    }
    .cert_tit span {
        font-size: 19px;
    }
    .cert_info dl dt {
        font-size: 16px;
    }
    .cert_info dl dd {
        font-size: 16px;
    }
    .cert_dn_info .cert_dn_tit {
        font-size: 13px;
    }
    .cert_dn_info .cert_dn_cont {
        font-size: 13px;
    }
    .cert_card_box .btn_view .txt {
        font-size: 15px;
    }
    .export_info_box {
        width: calc(100% - 40px);
        margin: 32px auto 0;
    }
    /*//인증센터*/

    /*인증서안내*/
    .certificate_info_wrap .guide_info05 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 24px;
    }
    .cert_export_box {
        flex-direction: column;
        gap: 20px;
    }
    .cert_export_box .export_txt {
        margin-left: 0;
        font-size: 15px;
    }
    .export_icon_box {
        gap: 16px;
    }
    .export_icon_box .export_icon .ico {
        width: 100px;
        height: 100px;
    }
    .certificate_info_wrap .con_tit_box05 > .left_box {
        flex-direction: row;
    }
    .certificate_info_wrap .con_tit_box05 > .left_box .ico_title01 {
        display: inline-block;
    }
    .certi_info_box01 {
        width: calc(100% - 40px);
        margin: 20px auto 0;
        flex-direction: column;
        gap: 20px;
    }
    .certi_info_box01 > li {
        width: 100%;
        padding: 24px;
        gap: 12px;
    }
    .certi_info_box01 .cont_box01 {
        gap: 12px;
    }
    .certi_info_box01 .tit_box01 {
        gap: 12px;
    }
    .certi_info_box01 .tit_box01 .tit01 {
        font-size: 19px;
    }
    .btn_box_right02 {
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
    }

    .gap_group:has(.certi_info_wrap) {
        margin-top: 0;
        flex-direction: column;
    }
    .certi_info_wrap {
        width: 100%;
    }
    .certi_info_box02 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 24px;
        height: auto;
    }
    .certi_info_box02 > ul {
        flex-direction: column;
        gap: 40px;
    }
    .certi_info_box02 > ul > .certi_info_cont01 {
        flex-direction: column;
    }
    .certi_info_box02 > ul > .certi_info_cont01 .info_tit01 {
        font-size: 17px;
    }
    .certi_info_box02 > ul > .certi_info_cont01 .dot_list04 > li {
        padding-left: 10px;
        font-size: 15px;
    }
    .certi_info_box02 > ul > .certi_info_cont01 .dot_list04 > li::after {
        left: 0;
    }
    .certi_info_box02 > ul > .certi_info_cont01 .dot_list04 > li + li {
        margin-top: 4px;
    }
    .certi_info_div {
        width: 100%;
    }
    .certi_info_div .info_divider01 {
        width: 100%;
        height: 1px;
    }
    .certi_info_div .info_divider02 {
        width: 100%;
        height: 1px;
    }
    .sign_list02 {
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-wrap: wrap;
        gap: 16px 12px;
    }
    .sign_list02 > li {
        width: calc(100% / 2 - 6px);
    }
    .sign_list02 .sign_item .sign_logo {
        padding: 20px 0;
    }
    .sign_list02 .sign_item .sign_info {
        padding: 12px;
    }
    .sign_list02 .sign_item .sign_info .sign_top .sign_tit {
        font-size: 15px;
    }
    .sign_list02 .sign_item .sign_info .sign_top .sign_tit::after {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .sign_list02 .sign_item .sign_info .sign_txt {
        font-size: 14px;
        margin-top: 8px;
    }
    .sign_list02 > li:nth-child(5) .sign_item .sign_logo img, .sign_list02 > li:last-child .sign_item .sign_logo img {
        width: 90px;
    }
    /*//인증서안내*/

    /*용어사전*/
    .dic_sch_wrap01 .cust_modify  {
        margin: 0;
    }
    .dic_sch_wrap01 .cust_modify > .guide {
        padding: 16px 24px;
        border-radius: 0;
    }
    .dic_sch_box .dic_sch_txt01 {
        display: none;
    }
    .dic_sch_box .dic_sch_area {
        width: 100%;
        gap: 12px;
    }
    .dic_sch_box .dic_sch_area .dic_sch01 {
        width: 100%;
    }
    .dic_sch_box .dic_sch_area .dic_sch01 > .txt01 {
        display: none;
    }
    .dic_sch_box .dic_sch_area .dic_sch01 .dic_inpsch {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
    }
    .dic_sch_box .dic_sch_area .dic_sch01 .dic_inpsch .op_common_input01 > input {
        width: 100%;
    }
    .dic_sch_wrap01 .guide .dic_sch_box .btn_search {
        width: 40px;
        min-width: 40px;
        padding: 10px;
        border-radius: 8px;
    }
    .dic_sch_wrap01 .guide .dic_sch_box .btn_search .txt {
        display: none;
    }
    .dic_sch_box .dic_sch_area .dic_sch01 .dic_btn_box {
        flex-wrap: wrap;
    }
    .op_common_btn.btn_dic {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .op_common_tbl01 tbody td .txt_box01 .txt04 {
        font-size: 15px;
        padding: 4px 0;
    }
    .op_common_tbl01 tbody td .txt_box02 .txt01 {
        font-size: 15px;
    }
    .op_common_tbl01 .btn_pb_center01 {
        width: 100%;
    }

    /*//용어사전*/

    /*스파이웨어*/
    .guide_txt01 {
        font-size: 17px;
    }
    .spyware_info_box {
        width: calc(100% - 40px);
        margin: 0 auto;
        gap: 8px;
    }
    .spyware_info_box > .tit01 {
        font-size: 17px;
    }
    .spyware_info_box > .txt01 {
        font-size: 15px;
    }
    .spyware_info_box > .txt01 > .noti_msg01 {
        width: 100%;
        font-size: 12px;
    }
    /*//스파이웨어*/

    /*이용약관*/
    .useterms_box01 {
        width: calc(100% - 40px);
        margin: 20px auto;
        gap: 24px;
    }
    .terms_cont_box01 {
        gap: 4px;
    }
    .terms_cont_box01 .terms_tit01 {
        font-size: 17px;
    }
    .terms_cont_box01 .terms_txt01 {
        gap: 16px;
    }
    .terms_cont_box01 .terms_txt01 .txt01 {
        font-size: 17px;
        word-break: break-all;
    }
    .terms_cont_box01 .terms_txt01 .number_list02 > li {
        font-size: 17px;
    }
    .terms_cont_box01 .terms_txt01 .number_list02 > li ~ li {
        margin-top: 16px;
    }
    /*//이용약관*/
    /*개인정보처리방침*/
    .personal_terms_top {
        border-radius: 0;
        flex-direction: column;
        padding: 20px;
        gap: 12px;
    }
    .personal_terms_top .tit01 {
        font-size: 16px;
    }
    
    /*//개인정보처리방침*/
    /*낙찰후절차안내*/
    .bid_guideline_wrap01 {
        width: calc(100% - 40px);
        margin: 32px auto;
    }
    .bid_guideline_wrap01 .con_tit_box04 {
        align-items: flex-start;
        padding-bottom: 0;
    }
    .guideline_box {
        width: 100%;
        gap: 40px;
    }
    .guideline_wrap {
        width: 49px;
    }
    .guideline_num_box {
        gap: 8px;
    }
    .bid_guideline {
        gap: 12px;
        width: 100%;
    }
    .bid_guideline::after {
        top: 17px;
        left: 45px;
        height: calc(100% + 40px);
    }
    .guideline_linebox {
        width: 7px;
        height: 52px;
    }
    .guideline_linebox .guideline_dot {
        width: 7px;
        height: 52px;
        background-size: 7px 52px;
    }
    .guideline_num_txt .step_tit {
        font-size: 13px;
    }
    .guideline_num_txt .step_num {
        font-size: 21px;
    }
    .guide_cont_box .guide_tit {
        font-size: 19px;
    }
    .guide_cont_box .mobile_only .op_mobile_tbl01 {
        width: 100%;
    }
    .guide_cont_box .guide_txt_box {
        width: 100%;
        gap: 16px;
    }
    .transfer_step_wrap01 {
        flex-direction: column;
    }
    .transfer_step_box01 {
        width: 100%;
    }
    .transfer_cont_box01 {
        padding: 20px;
        gap: 8px;
        min-height: max-content;
    }
    .transfer_cont_box01 .noti_msg01 {
        width: 100%;
        margin-top: 0;
    }
    .transfer_cont_box01 .btn_box_left01 {
        width: 100%;
    }
    .transfer_cont01 {
        flex-direction: column;
        gap: 8px;
    }
    .transfer_cont01 .transfer_divider {
        display: none;
    }
    .transfer_cont01 .btn_box_left01 {
        flex-direction: column;
        width: 100%;
    }
    .transfer_cont_txt01 {
        font-size: 16px;
    }
    .transfer_cont_txt01 .noti_msg01 {
        width: 100%;
        margin-top: 0;
    }
    .transfer_cont_box02 {
        padding: 20px;
    }
    .transfer_cont02 {
        gap: 16px;
    }
    .transfer_step_box02 .transfer_cont01 {
        gap: 16px;
    }
    .transfer_step_box02 .transfer_cont01 .transfer_divider {
        display: block;
        width: 100%;
        height: 1px;
    }
    .transfer_tit01 {
        font-size: 17px;
    }
    /*//낙찰후절차안내*/

    /*도움말상세*/
    .help_detail_wrap {
        width: calc(100% - 40px);
        margin: 24px auto;
    }
    .help_detail_box01 {
        padding: 16px;
    }
    .help_detail_box01 .info_sub_file01 {
        flex-direction: column;
        gap: 8px;
    }
    .help_detail_box01 .info_sub_file01 .file_list01 .item > a .txt01 {
        padding: 0;
    }
    /*//도움말상세*/

    /*입찰통계정보*/
    .statics_info_wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .statics_info_box {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border-radius: 12px;
        padding: 20px;
        background-color: #f6f8fe;
    }
    .statics_info_box .statics_info_txt {
        font-size: 19px;
    }
    .statics_info_box .statics_info_txt a {
        font-weight: 700;
        color: #5d5fe4;
    }
    .statics_info_wrap .con_tit_box04, .statics_info_wrap .con_tit_box05 {
        width: 100%;
    }
    .statics_error_info {
        gap: 4px;
    }
    .statics_error_info .txt01 {
        font-size: 17px;
    }
    .statics_error_info .txt02 {
        word-break: auto-phrase;
    }

    .stastics_box {
        gap: 32px;
    }
    .ico_stastics {
        width: 160px;
        height: 160px;
        background-size: 90px 87px;
    }
    .stastics_txt01 .txt01 {
        font-size: 19px;
    }
    /*//입찰통계정보*/
    
    /*오류발생시확인사항안내*/
    .use_error_info {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .use_error_info .site_error_info .op_common_top01 {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .use_error_info .site_error_info .op_common_top01 .right_box {
        width: 100%;
        justify-content: flex-end;
    }
    .use_error_info .site_error_info .op_common_top01 .right_box .btn_box_right01 {
        width: max-content;
        margin: 0;
    }
    .site_error_info .accordion_wrap.type3 {
        width: 100%;
    }
    .error_info_box01 .error_info_msg01 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .error_info_box01 + .error_info_box01 {
        margin-top: 20px;
    }
    .error_info_box01 .error_info_cont01 {
        gap: 8px;
    }
    .error_info_box01 .error_info_cont01 .error_info_num {
        width: 20px;
        height: 20px;
    }
    .error_info_box01 .error_info_cont01 .error_info_num .txt_num {
        font-size: 12px;
    }
    .error_info_box01 .error_info_cont01 .error_info_txt {
        width: calc(100% - 28px);
    }
    .error_info_box01 .error_info_cont01 .error_info_txt img {
        width: 100%;
    }
    .error_info_box01 .error_info_cont01 .error_info_txt .info_txt01 {
        font-size: 16px;
    }
    .error_info_box01 .error_info_cont01 .error_info_txt .info_txt02 {
        font-size: 16px;
    }
    .error_info_notice {
        margin: 12px 0;
    }
    .error_info_notice .noti_tit01 {
        font-size: 17px;
    }
    .error_info_notice .noti_txt01 {
        font-size: 16px;
    }
    .error_info_box01 .info_txt01 {
        font-size: 16px;
    }
    .error_info_box01 .error_info_tit {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .error_csinfo_wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
        gap: 8px;
    }
    .error_csinfo_wrap .error_csinfo_box {
        padding: 20px;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 {
        gap: 12px;
        width: 100%;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt01 {
        font-size: 17px;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt02 {
        font-size: 23px;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt02 {
        font-size: 13px;
    }
    .error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt02 {
        font-size: 13px;
    }
    .error_csinfo_wrap .error_csinfo_box.type02 {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .error_csinfo_icon {
        width: 40px;
        height: 40px;
        padding: 5px;
    }
    .error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .error_csinfo_icon img {
        width: 22px;
        height: 22px;
    }
    .error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .csinfo_link_txt01 {
        font-size: 17px;
    }
    /*//오류발생시확인사항안내*/

    /*사이트이용안내*/
    .siteuse_info_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
        gap: 8px;
    }
    .siteuse_info_box01 li {
        width: 100%;
        gap: 16px;
        padding: 16px;
    }
    .siteuse_info_box01 li .ico_googlestore {
        width: 48px;
        height: 48px;
        background-size: 18px 20px;
    }
    .siteuse_info_box01 li .ico_applestore {
        width: 48px;
        height: 48px;
        background-size: 22px 22px;
    }
    .siteuse_info_box01 li .appstore_info .tit01 {
        font-size: 17px;
    }
    .siteuse_info_box01 li .appstore_info .txt01 {
        font-size: 15px;
    }
    .siteuse_info_box01 li .ico_googlestore + .appstore_info::after {
        width: 20px;
        height: 20px;
        background-image: url(../img/ico_chevron_right_thick_black.svg);
        background-size: 20px 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    .siteuse_info_box01 li .ico_applestore + .appstore_info::after {
        width: 20px;
        height: 20px;
        background-image: url(../img/ico_chevron_right_thick_black.svg);
        background-size: 20px 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .recommned_list {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .support_list01 {
        width: calc(100% - 40px);
        margin: 0 auto;
        gap: 12px;
        flex-wrap: wrap;
    }
    .support_list01 .support_item01 {
        width: calc(100% / 2 - 6px);
        padding: 16px;
        flex-direction: column;
        gap: 16px;
    }
    .support_list01 .support_item01 .ico_support01 {
        width: 48px;
        height: 48px;
    }
    .support_list01 .support_item01 .ico_support01 img {
        width: 24px;
        height: 24px;
    }
    .support_list01 .support_item01 .ico_support02 {
        width: 48px;
        height: 48px;
    }
    .support_list01 .support_item01 .ico_support02 img {
        width: 100%;
        height: 100%;
    }
    .support_list01 .support_item01 .support_txt_box .tit01 {
        font-size: 17px;
    }
    .support_list01 .support_item01 .support_txt_box .txt01 {
        font-size: 15px;
        white-space: nowrap;
    }
    /*//사이트이용안내*/

    /*온비드온스토어*/
    .onbid_store_wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .store_info_tit01 {
        padding: 0;
        gap: 12px;
    }
    .store_info_tit01 .tit01 {
        font-size: 17px;
    }
    .store_info_tit01 .txt01 {
        font-size: 16px;
        text-align: center;
    }
    .store_login_box {
        padding: 40px 20px;
        width: 100%;
        min-width: 320px;
        height: 300px;
        margin: 0 auto;
        background-image: url(../img/img_storetop_mo.png);
        background-size: cover;
        background-position: center;
    }
    .store_login_txtbox .store_login_tit01 {
        font-size: 21px;
    }
    .store_login_txtbox .store_login_txt01 {
        font-size: 15px;
        width: auto;
    }
    .store_item_list {
        width: calc(100% - 40px);
        margin: 0 auto;
        gap: 20px 16px;
    }
    .store_item_list li {
        width: calc(100% / 2 - 8px);
    }
    .store_item_list li a .store_item_img {
        width: 100%;
        height: 100%;
    }
    .store_item_list li a .store_item_tit {
        height: 69px;
        padding: 12px;
    }
    .store_item_list li a .store_item_tit .tit01 {
        font-size: 15px;
    }
    .onstore_box {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-top: 0;
        gap: 32px;
    }
    .ico_onstore {
        width: 160px;
        height: 160px;
        background-size: 90px 87px;
    }
    .onstore_txt01 .txt01 {
        font-size: 19px;
    }
    /*//온비드온스토어*/

    .cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_txt {
        display: block;
        font-size: 12px;
    }
    .cmpns_list.type01 .cmpns_item .cmpns_logo {
        height: 80px;
    }
    .cmpns_list.type01 .cmpns_item .cmpns_logo img {
        width: 100px;
        height: 67px;
    }
    .cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_txt .btn_box_left03 {
        margin-top: 8px;
        width: 100%;
    }
    .cmpns_item01 {
        justify-content: space-between;
        padding: 12px 20px;
    }
    .cmpns_item01 .cmpns_logo {
        width: 69px;
        height: auto;
        display: flex;
        align-items: center;
        padding: 5px 7px 12px 0;
    }
    .cmpns_item01 .cmpns_info {
        padding-right: 0;
    }
    .cmpns_item01 .cmpns_info .cmpns_txt {
        justify-content: flex-end;
    }
    .cmpns_item01 .cmpns_info .cmpns_txt > span {
        display: none;
    }

    .con_txt_box {
        font-size: 17px;
    }

    .tit_img_box {
        margin-top: 20px;
        width: 100%;
        height: 100px;
        border-radius: 24px;
        overflow: hidden;
    }
    .tit_img_box picture img {
        width: 100%;
        height: 100px;
    }
    .tit_img_box > .tit {
        height: 100px;
        padding: 0 24px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.5;
    }

    .tit_h_box01 {
        font-size: 25px;
    }
    .tit_h_box01 + .txt_x_box01 {
        width: 100%;
    }
    .txt_x_box01 {
        font-size: 19px;
    }
    .txt_x_box01.mobile {
        margin: 40px auto;
    }
    .img_x_box01 {
        margin-top: 40px;
    }
    .img_x_box01 > img {
        width: 100%;
        max-width: 832px;
        height: auto;
    }

    .gall_swiper {
        padding-bottom: 40px;
    }
    .gall_list > li {
        width: 100%;
        height: auto;
        min-height: unset;
    }
    .m_w100p {
        width: 100% !important;
    }
    .op_common_tbl03.type_donation tbody td {
        padding: 0;
    }
    .op_common_tbl03.type_donation tbody td .txt_box01 .txt01 {
        font-size: 15px;
        font-weight: 600;
        color: #1e1e1e;
    }
    .op_common_tbl03.type_donation tbody td:nth-child(3n) .txt_box01 .txt01 {
        font-weight: 400;
    }
    .op_common_tbl03.type_donation tbody td:last-child .txt_box01 .txt01.a_r {
        text-align: left !important;
    }
    .op_common_tbl03.type_donation tbody td:last-child .txt_box01 .txt01 > .mobile {
        display: inline-block;
        width: fit-content;
        margin-left: 2px;
        font-weight: 400;
    }

    .info_swiper,
    .info_swiper2 {
        margin-top: 32px;
    }
    .y_area {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .hstry_area {
        flex-flow: column;
        justify-content: flex-start;
        padding: 0 20px;
    }
    .hstry_area .lft,
    .hstry_area .rht {
        width: 100%;
        margin-top: 20px;
    }
    .hstry_area .lft .txt_s {
        font-size: 19px;
    }
    .hstry_area .lft .tit {
        font-size: 23px;
    }
    .hstry_area .lft .hstry_thumb {
        margin-top: 14px;
    }
    .hstry_area .lft .hstry_thumb img {
        width: 100%;
    }
    .step_list {
        position: relative;
        padding-left: 28px;
    }
    .step_list::before {
        position: absolute;
        left: 5px;
        top: 20px;
        height: calc(100% - 20px);
    }
    .step_list > li {
        position: relative;
    }
    .step_list > li::after {
        position: absolute;
        left: -27px;
        top: 13px;
        width: 10px;
        height: 10px;
    }
    .step_list > li + li {
        margin-top: 40px;
    }
    .step_list > li > dl > dt {
        font-size: 23px;
    }
    .step_list > li > dl > dt + dd {
        margin-top: 12px;
    }
    .step_list > li > dl > dd {
        font-size: 17px;
    }
    .step_list > li > dl > dd > strong {
        min-width: 36px;
        flex-shrink: 0;
    }
    .step_list > li > dl > dd + dd {
        margin-top: 12px;
    }

    .step_list2 {
        position: relative;
        padding-left: 61px;
    }
    .step_list2 > li::before {
        left: -15px;
        top: 10px;
    }
    .step_list2 > li {
        padding-bottom: 40px;
    }
    .step_list2 > li::after {
        left: -18px;
        top: 10px;
        width: 7px;
        height: 7px;
    }
    .step_list2 > li .dot_step {
        left: -61px;
        top: 4px;
    }
    .step_list2 > li .dot_step > span {
        font-size: 13px;
    }
    .step_list2 > li .dot_step > em {
        font-size: 21px;
    }

    .step_list2 > li .tit02 {
        font-size: 19px;
    }
    .step_list2 > li .tit02 + .dot_list04 {
        margin-top: 12px;
    }
    .step_list2 .dot_list04 li > .op_common_btn {
        margin-top: 8px;
        margin-left: 0;
        width: max-content;
    }
    .step_list2 > li .tit02 + .dot_list01 {
        margin-top: 12px;
    }
    .step_list2 > li .tit02 + .box_gray {
        margin-top: 12px;
    }
    .step_list2 > li .dp_row {
        display: block;
    }
    .step_list2 > li .dp_row > button {
        width: auto;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .step_list2 > li:last-child::before {
        display: none;
    }
    .step_list2 .box_gray .tit01 {
        font-size: 17px;
    }
    .step_list2 .box_gray .dot_list04 li > .op_common_btn {
        margin-top: 8px;
        margin-left: 0;
        width: max-content;
    }

    /* 연혁 */
    .year_swiper {
        padding: 0 20px;
    }
    .year_swiper ul {
        justify-content: flex-start;
    }
    .year_swiper ul > .swiper-slide a {
        width: 140px;
        height: 40px;
        font-size: 17px;
    }
    .history_area {
        gap: 0;
    }
    .history_tit {
        font-size: 30px;
        margin-bottom: 24px;
    }
    .history_box {
        gap: 16px;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .history_box + .history_box {
        margin-top: 40px;
    }
    .history_bar {
        width: 15px;
        padding-top: 11px;
    }
    .history_box:last-child .history_bar::before {
        height: calc(100% - 35px);
    }
    .history_dot {
        width: 15px;
        height: 15px;
    }
    .history_dot:before {
        width: 5px;
        height: 5px;
    }
    .history_cont {
        padding-top: 0;
    }
    .history_year {
        font-size: 25px;
        line-height: 1.5;
        height: fit-content;
        margin-bottom: 20px;
    }
    .history_cont ul > li {
        gap: 0;
        align-items: flex-start;
    }
    .history_cont ul > li + li {
        margin-top: 12px;
    }
    .history_cont ul > li .history_month {
        font-size: 17px;
        width: 40px;
    }
    .history_cont ul > li .history_txt {
        font-size: 16px;
        width: calc(100% - 40px);
    }
    .history_box.awrads ul > li .awds_tit {
        align-items: flex-start;
    }
    .history_box.awrads ul > li .awds_box {
        margin-left: 0;
        align-items: flex-start;
        gap: 8px;
    }
    .history_box.awrads ul > li .awds_box img {
        width: 40px;
    }
    .history_box.awrads ul > li .awds_box > div {
        font-size: 15px;
    }

    .box_gray {
        padding: 20px;
    }
    .box_gray .tit01 {
        font-size: 17px;
    }
    .box_gray .tit01 + .dot_list04 {
        margin-top: 8px;
    }
    .box_gray .tit01 + .dot_list01 {
        margin-top: 8px;
    }
    .box_gray > hr {
        margin: 20px 0;
    }
    .awards_area {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .step_awards_list {
        padding-left: 62px;
    }
    .step_awards_list > li {
        padding-top: 35px;
        padding-bottom: 44px;
    }
    .step_awards_list > li::before {
        left: -35px;
        top: 20px;
    }
    .step_awards_list .y_tip {
        left: -62px;
        top: 0;
        font-size: 23px;
    }
    .step_awards_list .m_awards {
        position: relative;
    }
    .step_awards_list .m_awards + .m_awards {
        margin-top: 40px;
    }
    .step_awards_list .m_awards .m_tip {
        left: -62px;
        top: 0;
        width: 54px;
        height: 26px;
        font-size: 17px;
    }
    .step_awards_list .m_awards .m_tip.on {
        background-color: #5d5fe4;
    }
    .step_awards_list .awards_info > li + li {
        margin-top: 40px;
    }
    .step_awards_list .awards_info .awards_tit {
        font-size: 19px;
    }
    .step_awards_list .awards_info .awards_box {
        align-items: flex-start;
        gap: 12px;
        margin-top: 12px;
        background-color: #f9f9f9;
        padding: 16px;
        font-size: 16px;
    }
    .step_awards_list .awards_info .awards_box > img {
        width: 40px;
        height: 40px;
    }

    .card_dl_list {
        flex-flow: column;
        gap: 20px;
    }
    .card_dl_list > li {
        width: 100%;
        min-height: unset;
    }
    .card_dl_list > li .card_dt {
        padding: 16px 20px;
    }
    .card_dl_list > li .card_dt i {
        width: 28px;
        height: 28px;
        background-size: 28px 28px;
    }
    .card_dl_list > li .card_dt .tit {
        gap: 6px;
        font-size: 17px;
    }
    .card_dl_list > li .card_dt .rht {
        font-size: 14px;
    }
    .card_dl_list > li .card_dd {
        padding: 20px;
    }
    .card_dl_list > li .card_dd > dl + dl {
        margin-top: 4px;
    }
    .card_dl_list > li .card_dd > dl > dt {
        padding-left: 11px;
        font-size: 15px;
    }
    .card_dl_list > li .card_dd > dl > dt::before {
        position: absolute;
        left: 4px;
        top: 9px;
        display: block;
        content: "";
        width: 4px;
        height: 4px;
        background-color: #1e1e1e;
        border-radius: 4px;
    }
    .card_dl_list > li .card_dd > dl > dd {
        font-size: 15px;
    }
    .d_m_b {
        display: block;
    }

    .y_area {
        width: 100%;
        max-width: 462px;
        margin: 0 auto;
        overflow: hidden;
    }
    .y_swiper,
    .y_swiper2 {
        margin-top: 47px;
        width: 134px;
        height: 26px;
        overflow: visible;
    }
    .y_swiper .swiper-wrapper,
    .y_swiper2 .swiper-wrapper {
        display: flex;
        justify-content: flex-start;
    }
    .y_swiper .swiper-slide,
    .y_swiper2 .swiper-slide {
        width: 134px !important;
        font-size: 17px;
        font-weight: 700;
    }

    .y_swiper .swiper-button-prev:after,
    .y_swiper .swiper-rtl .swiper-button-next:after,
    .y_swiper2 .swiper-button-prev:after,
    .y_swiper2 .swiper-rtl .swiper-button-next:after {
        font-size: 17px;
    }
    .y_swiper .swiper-button-next:after,
    .y_swiper .swiper-rtl .swiper-button-prev:after,
    .y_swiper2 .swiper-button-next:after,
    .y_swiper2 .swiper-rtl .swiper-button-prev:after {
        font-size: 17px;
    }
    .y_swiper .swiper-button-prev,
    .y_swiper .swiper-rtl .swiper-button-next,
    .y_swiper2 .swiper-button-prev,
    .y_swiper2 .swiper-rtl .swiper-button-next {
        left: 50%;
        margin-left: -85px;
        right: auto;
        top: 0;
    }
    .y_swiper .swiper-button-next,
    .y_swiper .swiper-rtl .swiper-button-prev,
    .y_swiper2 .swiper-button-next,
    .y_swiper2 .swiper-rtl .swiper-button-prev {
        left: auto;
        margin-right: -85px;
        right: 50%;
        top: 0;
    }
    .info_swiper {
        margin-top: 40px;
    }
    .info_swiper .swiper-slide {
        background-color: #fff;
    }
    .info_swiper2 {
        margin-top: 40px;
    }


    .op_tbl_case05 > .table_block01 .colum_block01 .con_area01{
        width: calc(100% - 92px);
    }

    /* primary */
    .op_common_btn.primary:hover{background-color: #5d5fe4;}
    .op_common_btn.primary:hover .txt{color: #fff;}


    /* secondary */

    .op_common_btn.secondary:hover{background-color: #f6f8fe;border: 1px solid #5d5fe4;}
    .op_common_btn.secondary:hover .txt{color: #5d5df4;}


    /* tertiary */

    .op_common_btn.tertiary:hover{background-color: #fff;border: 1px solid #717171;}
    .op_common_btn.tertiary:hover .txt{color: #1E1E1E;}



    

    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area04 {
        max-width: auto;
        width : 91px;
    }
    .op_tbl_case05 > .table_block01 .colum_block01 .tit_area04 .tit_box01 .tit01 {
        font-size: 15px;
    }
    

    

    .top_info_box03 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .pd_all_01 .terms01{
        margin-top: 0;
    }

    /*이벤트 목록 페이지 추가*/
    .event_tbl_wrap {
        margin-top: 20px;
    }
    /*//이벤트 목록 페이지 추가*/
    .event_tbl_wrap .op_common_top02 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    /*세금/대출안내*/
    .tax_info_wrap .guide_info05 {
        margin-top: 20px;
    }
    .tax_info_wrap .accordion_wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .tax_info_wrap .tax_info_tit {
        font-size: 15px;
    }
    
    .loan_bank_info {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .loan_bank_info .loan_bank_box {
        justify-content: flex-start;
        margin-bottom: 12px;
    }
    .loan_bank_info .loan_bank_box .ico_bank {
        width: 40px;
        height: 40px;
        padding: 10px;
    }
    .loan_bank_info .loan_bank_box .ico_bank img {
        min-width: 22px;
        max-width: 26px;
    }
    .loan_bank_info .loan_bank_box .txt01 {
        font-size: 17px;
    }
    .loan_bank_info .op_tbl_case03 > .table_block01 .con_area03 {
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
        padding: 0;
        gap: 0;
    }
    .loan_bank_info .op_tbl_case03 > .table_block01 .con_area03 .left_box {
        padding: 12px 20px;
    }
    .loan_bank_info .op_tbl_case03 > .table_block01 .con_area03 .left_box + .left_box {
        border-top: 1px solid #ebebeb;
    }
    .loan_bank_info .op_tbl_case03 > .table_block01 .left_box .tit_box01 .tit01 {
        font-size: 17px;
    }
    .loan_msg01 {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5;
        color: #5d5d5d;
        margin-top: 20px;
        display: block;
    }
    /*//세금/대출안내*/

    /*//고객지원센터*/
    .onbid_csinfo_wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
        gap: 20px;
    }
    .onbid_csinfo_box01 {
        width: 100%;
        padding: 20px 24px 24px;
        gap: 16px;
    }
    .onbid_csinfo_box01.mobile {
        display: flex;
    }
    .onbid_csinfo_box02 {
        width: 100%;
        padding: 24px;
        gap: 12px;
    }
    .onbid_csinfo_tit {
        gap: 12px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico {
        width: 40px;
        height: 40px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico.ico_call {
        background-size: 24px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico.ico_qna {
        background-size: 24px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico.ico_faq {
        background-size: 24px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico.ico_chat {
        background-size: 24px;
    }
    .onbid_csinfo_tit .onbid_csionfo_ico.ico_monitor {
        background-size: 24px;
    }
    .onbid_csinfo_tit .tit01 {
        font-size: 19px;
    }
    .onbid_csinfo_cont .dot_list01 li {
        font-size: 17px;
    }
    .onbid_csinfo_cont .dot_list01 li + li {
        margin-top: 8px;
    }
    .onbid_csinfo_cont .dot_list04 .noti_msg01 {
        width: 100%;
    }
    .onbid_csinfo_cont {
        gap: 12px;
    }
    .onbid_csinfo_cont .btn_box_right01 {
        width: 100%;
    }
    .onbid_csinfo_cont .btn_box_right01 .op_common_btn {
        width: auto;
    }
    /*//고객지원센터*/

    /*물건지도이미지조회 팝업*/
    .popup_map_wrap .op_tbl_case03 > .table_block01 .tit_area02 {
        width: 120px;
    }
    .popup_map_box {
        margin-top: 12px;
        height: 270px;
    }
    /*//물건지도이미지조회 팝업*/

    .pop_dim:has(.pop.all_menu_pop){
        display: none !important;
    }
    

    .op_number_list01 > li {
        font-size: 15px;
    }


    .no_data02{ 
        font-size: 15px;
    }

    /*검색조건내역*/
    .pop_dim > .pop.sch_condi_pop > .top {
        padding: 12px 16px;
    }
    .pop_dim .tab_con.type10 .tab_content_wrap .tab_contents .sch_condi_tit02 {
        width: calc(100% - 40px);
        margin: 12px auto 0;
    }
    .sch_condi_tit02 .sch_condi_btn01 {
        margin-bottom: 12px;
    }
    .sch_condi_tit02 .sch_condi_btn01 .allChk_box02 {
        gap: 8px;
    }
    .sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input:checked {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .sch_condi_tit02 .sch_condi_btn01 .allChk_box02 > input + label {
        font-size: 15px;
    }
    .sch_condi_tit02 .sch_condi_btn01 .op_common_btn {
        width: max-content;
    }
    .pop_dim .pop_mc_inner .tab_con.type10 .tab_content_wrap:has(.accordion.on) {
        padding-right: 0;
    }
    /*//검색조건내역*/


    .con_tit_box04.agree_tit01 .btn_box_right01{width:auto;margin-bottom: 8px;}
    .op_tbl_case03 > .table_block01 .con_area01 .right_box .btn_box_right01{
        width: auto;
    }

    body:has(.filter_gap1.type01):has(.op_map_area) .footer{
        display: none;
    }
    body:has(.filter_gap1.type01):has(.op_map_area) .contianer{
        padding-bottom: 0;
    }

    .fixed_btn01 .bt_fixed.wb_type01{
        padding-top: 28px;
    }
    .app_bar_wrap{
        display: flex;
    }
    .app_bar_wrap.none{
        display: none;
    }

    .noti_fulltext_wrap01 .noti_fulltext_box01 * {
        font-size: 15px;
    }

    
    .ttrl_item > .btn_ttrl {position: fixed; display: unset; right: 20px; top: 20px; }
    .ttrl_item > .btn_ttrl .op_common_chk01 { position: fixed; right:20px; bottom: 20px; justify-content: end;}

    /* 입찰하기-인증서선택 */
    .auth_btn_box {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .auth_btn_box .btn-auth_sel .auth {
        width: 100%;
        padding: 0;
        max-width: 280px;
        gap: 6px;
    }
    .auth_btn_box .btn-auth_sel .auth .btn-bank{
        width: 34px;
        height: 34px;
    }
    .auth_btn_box .btn-auth_sel span {
        font-size: 17px;
    }
    /* //입찰하기-인증서선택 */

    /* 물건상세 수정 추가 */
    .eval_point dl dt {
        font-size: 15px;
    }
    .eval_point dl dd {
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .noti_msg01 {
        width: 100%;
        font-size: 15px;
    }
    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01 .tit01 + .noti_msg01 {
        width: 100%;
        font-size: 13px;
    }
    /* //물건상세 수정 추가 */

    .no_data03 > img {
        width: 28px;
        height: 28px;
    }
    .no_data03 > .txt{
        font-size: 15px;
    }


    .guide_info05 {
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-direction: column;
        gap: 8px;
    }
    .guide_info05 .left_box {
        gap: 4px;
    }
    .guide_info05 .btn_box_left01 {
        flex-direction: column;
        padding-left: 36px;
        width: 100%;
        gap:4px;
    }
    .guide_info05 .left_box .con_info01 .info_txt01 {
        font-size: 15px;
    }

    .guide_info05 .right_box {
        flex-direction: column;
        align-items: flex-start;
    }
    .guide_info05 .right_box .con_area01 {
        /* padding-left: 36px; */
        margin-top: 8px;
    }
    .guide_info05 .right_box .con_area01 > img {
        width: 100%;
        height: auto;
    }
    
    
    .guide_info06 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .guide_info06 .left_box .btn_box_left01 {
        flex-direction: column;
        padding-left: 28px;
        width: 100%;
        gap:4px;
    }
    .guide_info06 .left_box .con_info01 .info_txt01 {
        font-size: 15px;
    }
    .guide_info06 .right_box {
        flex-direction: column;
        align-items: center;
    }
    .guide_info06 .right_box .con_area01 {
        margin-top: 8px;
    }





    .tab_con.type01 .tab_list_wrap .tab_list li.tab_blank01 {
        height: 51.5px;
    }

    /* 지도검색 */
    .rdo_sh_list01 {gap:0;}
    .rdo_sh_list01 > li  { width: 100%;}
    /*라디오*/
    .op_sh_radio01 {display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
    .op_sh_radio01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 1px;height: 1px; opacity: 0;}
    .op_sh_radio01 > input:hover{background-image: unset;}
    .op_sh_radio01 > input:disabled{background-image: unset; }
    .op_sh_radio01 > input:checked + label{ width: 100%; display: block; background-color: #eff3ff; color: #5d5fe4; font-weight: 700; cursor: auto;}
    .op_sh_radio01 > input:checked{display: block;width: 1px;height: 1px; background: unset;}
    .op_sh_radio01 > input:checked:hover{background: none;}
    .op_sh_radio01 > input:checked:disabled{background-image: unset;background-color: #f2f2f2; color: #9a9a9a; }
    .op_sh_radio01 > input:checked:disabled + label{background-image: unset; background-color: #f2f2f2; color: #9a9a9a; }
    .op_sh_radio01 > label{display: block;width: 100%; padding: 11px; font-size: 15px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}
    .op_sh_radio01 > input + label{padding-left: 8px;}
    .sh_body .box_space .op_common_chk01 {display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
    .sh_body .box_space .op_common_chk01 > input{display: block;background-image: url("../img/ico_rdo_off.svg");width: 1px;height: 1px; opacity: 0;}
    .sh_body .box_space .op_common_chk01 > input:hover{background-image: unset;}
    .sh_body .box_space .op_common_chk01 > input:disabled{background-image: unset;}
    .sh_body .box_space .op_common_chk01 > input:checked + label{ width: 100%; display: block; background-color: #eff3ff; color: #5d5fe4; font-weight: 700; cursor: auto;}
    .sh_body .box_space .op_common_chk01 > input:checked{display: block;width: 1px;height: 1px; background: unset;}
    .sh_body .box_space .op_common_chk01 > input:checked:hover{background: none;}
    .sh_body .box_space .op_common_chk01 > input:checked:disabled{background-image: unset;}
    .sh_body .box_space .op_common_chk01 > label{display: block;width: 100%; padding: 11px; font-size: 15px;font-weight: 400;color: #1E1E1E;line-height: 1.5;flex-shrink: 0;}
    .sh_body .box_space .op_common_chk01 > input + label{padding-left: 8px; margin-left:0;}
    .sh_top { justify-content: space-between; gap: unset; width:  calc(100% - 40px); margin: 0 auto; padding: 16px 0; }
    .sh_map { border:0; border-radius: 0; position: absolute; overflow: hidden; }
    .btn_map_search { width: 40px; height: 40px; min-height: unset; border-radius:12px; background: url(../img/ico_search-thick.svg) no-repeat center; background-size: 24px 24px; border: 1px solid #b9b9b9; }
    .sh_map .inp_search01 { display: flex; justify-content: space-between; align-items: center; gap:8px; padding: 20px 20px 24px; width: 100%; }
    .sh_map .inp_search01 .ico_btn_search {position: relative; flex-shrink: 0; width:40px; height: 40px; border-radius: 8px; background-color: #5d5fe4; }
    .sh_map .inp_search01 .ico_btn_search::before { content:''; position: absolute; left:0; top:0; width:40px; height:40px; background: url(../img/ico_search02.svg) no-repeat center center; background-size: 20px 20px;}
    .sh_map .srch_m_info .srch_con_list { margin-top:12px;  height: auto;}
    .sh_map .inp_search .ico_btn_search { right: 8px; top: 7px; }
    .sh_map .srch_m_info .srch_con1 + .srch_con1 { margin-top:24px; }
    .sh_map .srch_m_info .srch_con_list.type_outline > ul > li .txt { 
        padding: 4px 8px;
        font-size: 13px;
    }
    .sh_map .srch_m_info .srch_tit_box button::after {
        height: 16px;
        top: 3px;
    }
    .sh_map .srch_m_info .srch_con_list.type_outline .btn_list_del {
        height: 27px;
    }
    .sh_map .srch_m_info .srch_con_list.type_outline > ul { 
        padding-bottom:8px;
        gap: 6px; 
        flex-flow: row nowrap;
    }
    .sh_map .srch_m_info .srch_con_list.type_outline > ul > li:last-child { margin-right: 20px; }
    .sh_map .srch_m_info .srch_con_list > ul > li { flex-shrink: 0; }
    .sh_map .srch_m_info {
        display: block; 
        padding: 0 20px 20px;
        height: calc(100vh - 194px);
        overflow-y: auto;
    }
    .sh_map .srch_m_info .srch_con1 { 
        width: 100%; 
        padding:0; 
    }
    /* .sh_map .srch_m_info .srch_con_list {
        height: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    } */

    .filter_gap1 { padding: 0;}
    .filter_area1 { border-radius: 0; }
    .sh_btn01 {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: flex-start;
        flex-shrink: 0;
    }
    .sh_btn01 li a {
        min-width: 76px;
        height: 40px;
        padding:  10px 12px 10px 12px;
        border-radius: 8px;
        color: #5d5d5d;
        font-size: 17px;
        font-weight: 600;
        justify-content: center;
        gap: unset;
    }
    .sh_btn01 li a.on {
        border:1px solid #5d5fe4;
        background-color: #fff;
        color: #5d5fe4;
        box-shadow: 0 4px 8px 0 rgba(93, 95, 228, .3);
    }
    .sh_btn01 li a i {
        display: none;
    }
    .sh_map_area { 
        border: 0;
        border-radius: 0;
        z-index: 1;
    }
    
    .pd_m_con {
        padding:0 10px 0 20px;
    }

    .filter_item1 {overflow: hidden;}
    /* .filter_item1 .filter_list { 
        transform: unset !important;
    } */
    /* .filter_item1 .filter_list > li {
        transform: unset !important;
    } */
    .filter_item1 .swiper-button-prev {
        display: block;
    }
    .filter_item1 .swiper-button-next {
        display: block;
    }
    .op_map_area {
        height: calc(100vh - 196px);
        border-left:0;
        border-right:0;
    }
    .op_map_area .pd_con_area { top: 100%; display: none; width:100%; }
    .op_map_area .pd_con_area .pd_m_list {width:100%; padding: 12px 10px 44px 20px; }
    .op_map_area .map_con { border-radius: 0; height: 100%; }
    .op_map_area .map_con .btn_map_search01 {bottom: 70px; margin-left: -70px; width:140px; height: 40px; padding: 10px; border-radius: 999px; font-size: 15px; font-weight: 600; }
    .op_map_area .map_con .btn_map_search01::before {width: 20px;height: 20px; }

    .op_map_area .map_con .btn_status { width: 48px; height: 48px; background-position: center 7px; font-size: 12px; } 

    .op_map_area .map_con .btn_status > span { display: inline-block; padding-top:24px; }
/*     .op_map_area .map_con .btn_status.map_address { top:20px; white-space: nowrap; text-align: center; max-width:100%; height: 40px; padding: 8px 16px; }
    .op_map_area .map_con .btn_status.map_address > span { font-size: 15px; } */
    .op_map_area .map_con .btn_status.map_address { top:20px; white-space: nowrap; text-align: center; min-width:150px; width:auto; max-width:100%; height: 40px; padding: 8px 16px; }
    .op_map_area .map_con .btn_status.map_address > span { font-size: 15px; padding-top:0px; }
    
    .op_map_area .map_con .btn_status.map_cadastral { right:228px; top:68px; }
    .op_map_area .map_con .btn_status.map_topography { right:176px; top:68px;}
    .op_map_area .map_con .btn_status.map_aircraft { right:124px; top:68px; }
    .op_map_area .map_con .btn_status.map_map { right:72px; top:68px; }
    .op_map_area .map_con .btn_status.map_map1 { top:68px; }
    .op_map_area .map_con .mapall_box {position: absolute; top: 0; right:0;}
    .op_map_area .map_con .btn_status.map_interest { top:172px; }
    .op_map_area .map_con .btn_status.map_measure { top:224px; }

    .op_map_area .map_con .btn_status.map_location { top:unset; bottom: 70px; }
    .op_map_area .map_con .btn_status.map_increase {  top:684px; }
    .op_map_area .map_con .btn_status.map_collapse {  top:744px; }
    
    .op_map_area .map_con .vicinity_area { top: 120px; /* z-index: 1; */ }
    .op_map_area .map_con .vicinity_area .vicinity_box { right: 52px; }

    .op_map_area .map_con .ico_map_current { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_school { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_hospital { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_bus { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_mart { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_subway { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_publicoffice { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_childcare { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_kindergarten { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_bank { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .ico_map_parking { width:32px; height: 40px; background-size: 32px 40px;}
    .op_map_area .map_con .lg { width: 38px; height: 48px; background-size: 38px 48px; }
    .op_map_area .map_con .sm { width: 25px; height: 32px; background-size: 25px 32px; }
    
    .mobile .op_map_area .map_con .vicinity_area .vicinity_list > li > a > i {
        background-size: 16px 16px;
    }
        
    .bubble_map_item {  min-width: 130px; height: auto; }
    .bubble_map_item .bubble_top { padding: 2px 10px; font-size: 12px;}
    .bubble_map_item .bubble_top > span + span::before { padding:0 5px; }
    .bubble_map_item .bubble_bottom { padding: 2px 0; font-size: 15px; }
    .bubble_map_item .bubble_bottom .bubble_tip { font-size: 12px; }
    .bubble_map_item .bubble_bottom::before { bottom: -14px; border: 7px solid transparent; border-top-color: #6685EF; border-radius: 2px; }
    .bubble_map_item .bubble_bottom::after { bottom: -7px; width: 8px; height: 8px; }

    .map_cluster_1depth { width: 96px; height: 96px; }
    .map_cluster_1depth .tit01 { font-size: 16px; }
    .map_cluster_1depth .txt01 { font-size: 13px; }
    .map_cluster_2depth { width: 96px; height: 96px; }
    .map_cluster_2depth .tit01 { font-size: 16px; }
    .map_cluster_2depth .txt01 { font-size: 13px; }
    .map_cluster_3depth { width: 96px; height: 96px; }
    .map_cluster_3depth .tit01 { font-size: 16px; }
    .map_cluster_3depth .txt01 { font-size: 13px; }

    .op_map_area .pd_con_area .btn_list_hide { position: absolute; right: 30px; top: 15px; width: 24px; height: 24px; transform: rotate(270deg); background-image: url(../img/ico_back.svg); background-size: 16px 16px; background-position: center center; background-repeat: no-repeat;}
    .op_map_area .pd_con_area .pd_m_list .op_sh_tbl05 { padding-right: 6px; /* padding-bottom: 20px; */ height: calc(100% - 60px); }
    .bottom_message_sh { position: fixed; left: 50%; bottom: -50px; transform: translateX(-50%); opacity: 0; transition: all 0.5s ease; display: flex; padding: 8px 28px; justify-content: center; align-items: center; gap: 12px; width: calc(100% - 40px); margin: 0 auto; border-radius: 999px; background: rgba(0,0,0, 0.8); color:#fff; font-size:17px; font-weight: 600; line-height: 1.5; z-index: 1;}
    .bottom_message_sh.show { bottom: 21px; opacity: 1;}
    .bottom_message_sh a { display: block; color:#fff; font-size:17px; font-weight: 600; line-height: 1.5; word-break: break-all; }
    .bottom_message_sh .txt_total {font-weight: 400;}
    .bottom_message_sh .txt_num { padding-left:12px; font-weight: 700;}
    .bottom_message_sh .txt_gap {padding: 0 2px;font-weight: 400;}
    .bottom_message_sh .bottom_close { position: absolute; right: 26px; width: 16px; height: 16px; flex-shrink: 0; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; background-image: url("../img/ico_close_w.svg"); display: block;}
    /* bottom sheet */
    .fixed_btn04.active {
        display: none;
    }
    .fixed_btn04 .bt_fixed01 {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        padding: 20px;
        background-color: #fff;
        width: 100%;
        box-shadow: 0px -12px 28px 0px rgba(0,0,0,0.10);
    }
    /* 바텀 시트 */
    .fixed_btn04 .sheet_dim {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.4);
        overflow: hidden;
        opacity: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        max-height: unset;
    }
    .fixed_btn04 .sheet_dim.active {
        opacity: 1;
        transition:  opacity 0.5s ease-in;
        z-index: 100;
        top: 0;
        left:0;
        right:0;
        bottom:0;
        border-radius: 0;
        box-shadow: unset;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 12000;
    }
    .fixed_btn04 .sheet_dim.type01 {
        width: 100%;
    }
    .fixed_btn04 .sheet_dim.type02 {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
    }
    .fixed_btn04.active {
        display: none;
    }
    .fixed_btn04 .bt_fixed01 {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        padding: 20px;
        background-color: #fff;
        width: 100%;
        box-shadow: 0px -12px 28px 0px rgba(0,0,0,0.10);
    }

    .fixed_btn04 .sheet04 {
        position: fixed;
        inset: 0;
        top: unset;
        bottom: -120%;
        /* transition: transform 1s ease-in-out; */
        transition: all 0.5s;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 30px 20px 0 20px;
        border-radius: 24px 24px 0 0;
        background-color: #ffffff;
        width: 100%;
        max-height: 80%;
    }
    .fixed_btn04 .sheet04.active {
        bottom: 0;
        transition: all 0.5s;
    }
    .fixed_btn04 .sheet_dim .sheet04 > .sh_body .box_space .f_group07 .op_common_input01 { 
        width: calc(50% - 12px);
    }
    .fixed_btn04 .sheet_dim .sheet04 > .sh_body .box_space .f_group07 {
        padding-left:0;
        width: 100%;
        display: block;
    }

    .fixed_btn04 .sheet_dim .sheet04 > .sh_body .box_space .f_group07 .number_area01 .number_box01 { width: 100%;}
    .fixed_btn04 .sheet_dim .sheet04 > .sh_body .btn_range { height: auto; }
    .fixed_btn04 .sheet_dim.type05 .sheet04 > .sh_body .btn_range { height: 160px; }
    .fixed_btn04 .sheet_dim.type05 .sheet04 > .sh_body .btn_range > li {
        width: calc(100% / 2);
        height: auto; 
    }

    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht {
        width:100%;
    }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 {
        height:unset;
        min-width: 100%;
    }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_i { width:100%; padding:4px; height: 216px; }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_i .op_land01 { padding:0; }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht .f_i { border-right:0; }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht .scroll_w { padding: 8px 4px 8px 8px;}
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht .scroll_w .op_common_chk01 > label {
        padding:2px 0;
        line-height: 1.5;
        min-height: 29px;
    }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht .rdo_sh_list01.type03 {gap:0;}
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .f_box03 .f_box_rht .rdo_sh_list01.type03 > li { width: 100%; }
    .fixed_btn04 .sheet04 > .sh_body .box_space .f_area .op_hash_01  { 
        display: none;
        margin-top: 1px;
    }

    .sheet04 > .sh_body {
        height: 100%;
        margin-top: 16px;
        background-color: #ffffff;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sheet04 > .sh_body::--webkit-scrollbar {
        display: none;
    }

    .sheet04 > .sh_head {
        display: flex;
        justify-content: space-between;
    }
    .fixed_btn04 .sheet04 > .sh_head .btn-sheet-close {
        display: block;
    }
    .sheet04 > .sh_head .tit {
        font-size: 19px;
        font-weight: 700;
        padding-right: 20px;
    }
    .sheet04 > .sh_body .box_space {
        display: flex;
        align-self: flex-start;
        flex-flow: column;
        width: 100%;
        height: 100%;
    }
    .sheet04 > .sh_body .box_space  > .space_01 {
        width: 100%;
        overflow-y: auto;
    }   
    .sheet04 > .sh_body .box_space  > .space_01 li {
        font-size: 15px;
        font-weight: 400;
        color: #1e1e1e;
        padding: 12px 0;
    }
    .sheet04 > .sh_body .box_space  > .space_02 {   
        width: 100%;
        overflow-y: auto;
        border-left: 1px solid #ebebeb;
    }
    .sheet04 > .sh_body .box_space  > .space_02 li {
        font-size: 15px;
        font-weight: 400;
        color: #1e1e1e;
        padding: 12px 0 12px 16px;
    }
    .sheet04 > .sh_bottom,
    .fixed_btn04 .sheet04 > .sh_bottom {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px 0;
    }
    .sheet04.bh60 {height: 60%;transition: transform 0.2s ease-in-out;}
    .sheet04.bh80 {height: 80%;transition: transform 0.2s ease-in-out;}
    .sheet04.bh60,
    .sheet04.bh80 {transform: translateY(100%);}
    .sheet04.bh60.active,
    .sheet04.bh80.active {transform: translateY(0);}

    .sheet04 > .sh_bottom > .op_common_btn.primary.lg {
        width: 100%;
    }
    .sheet04 > .sh_body .box_space .f_box .rdo_sh_list01 {
        flex-flow: column;
    }
    .sheet04 > .sh_body .box_space .f_box .f_group17 {
        margin-top: 0;
    }
    .sheet04 > .sh_body .box_space .f_box .f_group17 .box_datepicker01 {
        flex-flow: row wrap;
    }
    .sheet04 > .sh_body .box_space .f_box .f_group17 .common_datepicker {
        width: calc(100% - 30px);
    }
    .sheet04 > .sh_body .box_space .f_box02 .f_box_rht  {
        display: none;
    }
    .sheet04 > .sh_body .box_space .f_box02 .f_i + .f_i {
        border-right:0;
    }
    .sheet04 > .sh_body .box_space .f_box02 {
        height: 100%;
    }
    .sheet04 > .sh_body .box_space .f_box02 .f_i {
        height: 100%;
        width: 100%;
    }
    .sheet04 > .sh_body .box_space .f_box02 .scroll_w {
        height: 100%;
    }
    .fixed_btn04 .sheet_dim.type02 .sh_body {
        height: 100%;
    }   
    .btn_range2 { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; width: 100%; height: auto; border-radius: 8px; border: 1px solid #dcdcdc; overflow: hidden; }
    .btn_range2 > li { width: calc(100% / 2); height: 40px;}
    .btn_range2 > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; color: #1E1E1E; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.4; }
    .btn_range2 > li:nth-child(-n + 2) > a { border-top:0;}
    .btn_range2 > li:nth-child(3) > a,
    .btn_range2 > li:nth-child(4) > a { border-top:1px solid #dcdcdc;;}
    .btn_range2 > li:nth-child(6n) > a { border-right:1px solid #dcdcdc;}
    .btn_range2 > li:nth-child(2n) > a { border-right:0;}
    .btn_range2 > li.on > a {background-color: #e9e9fc;}
    .btn_range2 > li.active > a {background-color: #5d5fe4 !important; color: #fff !important;}
    .pop_dim .tab_con.type10.type_sh { height: 58px; border-top: 1px solid #dcdcdc; }
    
    /* //지도검색 */
    
    /*검색조건내역 저장 팝업 추가*/ 
    .sch_condition_box03 {
        width: calc(100% - 40px);
        margin: 0 auto 20px;
    }
    .sch_condition_box03 .sch_condi_tit {
        font-size: 17px;
    }
    .sch_condition_box03 .sch_condi_box01 .sch_cont_item01 .item_cont_box01 .tit01 {
        font-size: 15px;
    }
    .sch_condition_box03 .sch_condi_box01 .sch_cont_item01 .item_cont_box01 .txt01 {
        font-size: 15px;
        text-align: left;
        padding: 0;
    }
    /*//검색조건내역 저장 팝업 추가*/
    .fixed_pin_box01{margin: 0;text-align: left;}
    .rdo_list02.m_type01{
        justify-content: flex-start;
    }

    .op_common_chk01 > input:hover{background-image: url("../img/ico_check_off.svg");}
    .op_common_chk01 > input:checked:hover{background-image: url("../img/ico_check_on.svg");}


    .con_tit_box05 .btn_box_right01 {
        width: 100%;
        margin-top: 8px;
    }

    .tt_img_box01 .tt_img_pc01{
        display: none;
    }
    .tt_img_box01 .tt_img_mo01{
        display: block;
        top:24px;
    }

    .file_info_area01 > .tit_box01 {
        padding-bottom: 8px;
    }



    .mw_type01 {
        width: 100% !important;
    }

    .warning_noti_box01 .right_box {
        width: 100%;
    }
    .warning_noti_box01 .right_box .btn_box_right01 { 
        width: 100%;
        flex-direction: column;
    }
    .warning_noti_box01 .right_box .btn_box_right01 .op_common_btn.sm {
        padding-top: 0;
    }


    /* 입찰방번선택 : 수정가능 */
    .con_tit_box10{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .con_tit_box10 > .left_box .tit{
        font-size: 17px;
    }
    .con_tit_box10 > .left_box .tit_sub {
        margin-left: 0;
    }
    .con_tit_box10 > .left_box .total_txt_box01{
        font-size: 17px;
        font-weight: 400;
        padding: 0 0 0 8px;
    }
    .con_tit_box10 > .left_box .ico_title01 {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .con_tit_box10 .left_box .total_txt01 {
        font-size: 12px;
        min-width: 47px;
        margin-left: 4px;
    }
    .con_tit_box10 .btn_box_right01 {
        width: 100%;
        margin-top: 8px;
    }
    /* con_tit_box11 */
    .con_tit_box11{
        width: calc(100% - 40px);
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .con_tit_box11 > .left_box .tit{
        font-size: 17px;
    }
    .con_tit_box11 > .right_box {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .con_tit_box11 .btn_box_right01 {
        width: 100%;
        margin-top: 8px;
    }
    .con_tit_box11 > .right_box .btn_box_right01 .op_common_btn {
        width: max-content;
    }


    .op_mobile_tbl03 .btn_box_center01 {
        width: 100%;
    }
    .no_data04{
        display: flex !important;
    }
    .con_tit_box05.ec_case01 > .left_box .tit{
        font-size: 17px;
    }
    .con_tit_box05.ec_case01 ~ .op_tbl_case01 .dot_list08{
        width: 100%;
    }
    .con_tit_box05.ec_case01 ~ .dot_list08{
        width: 100%;
    }
    .a_ll { text-align: left !important;}
    .a_lr { text-align: right !important;}
    .a_lc { text-align: center !important;}
    .a_rl { text-align: left !important;}
    .a_rr { text-align: right !important;}
    .a_rc { text-align: center !important;}
    .a_cl { text-align: left !important;}
    .a_cr { text-align: right !important;}
    .a_cc { text-align: center !important;}


    .dash_list03 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .dash_list03 > li {
        font-size: 13px; 
    }
    .dash_list04 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .dash_list04 > li {
        font-size: 15px;
    }
    
    .mobile_only .tab_con.type10.not_sticky {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .mobile_only .tab_con.type10.not_sticky > .tab_wrap.fixed {
        position: relative;
    }
    .mobile_only .tab_con.type10.not_sticky .tab_list_wrap .tab_list li {
        width: calc(100% / 3);
    }
    .mobile_only .tab_con.type10.not_sticky .tab_content_wrap {
        margin-top: 16px;
    }

    .find_password_zone01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .find_password_area01 > a {
        padding-left: 8px;
    }
    .find_password_zone01 .tit01{
        font-size: 21px;
    }
    .find_password_area01 .txt01 {
        font-size: 16px;
    }
    .find_password_area02 .txt01 {
        font-size: 16px;
    }
    .find_password_zone01 .btn_box_center01 {
        width: 100%;
    }

    .join_pop_tit01 {
        font-size: 15px;
    }
    .join_01 {
        margin-top: 4px;
    }
    .join_01 > li {
        font-size: 15px;
        padding-left: 7px;
    }
    .join_01 > li::after {
        content: "";
        display: block;
        position: absolute;
        top: 11px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #5d5d5d;
        z-index: 10;
    }
    .join_01 + .join_01 {
        padding-top: 4px;
    }
    .join_01 > li + li {
        margin-top: 4px;
    }
    .join_02 > li {
        font-size: 15px;
        padding-left: 16px;
    }
    .join_02 > li::after {
        content: "";
        display: block;
        position: absolute;
        top: 11px;
        left: 6px;
        width: 5px;
        height: 1px;
        border-radius: 4px;
        background-color: #5d5d5d;
        z-index: 10;
    }
    .join_03 {
        margin-top: 4px;
    }
    .join_03 > li + li {
        margin-top: 4px;
    }
    .join_03 > li {
        font-size: 15px;
        padding-left: 7px;
    }
    .join_04 {
        margin-top: 4px;
        margin-left: 7px;
    } 
    .join_04 > li {
        font-size: 15px;
        padding-left: 7px;
    }
    .join_04 > li::after {
        content: "*";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .join_05 {
        margin-top: 4px;
    }
    .join_05 > li {
        font-size: 15px;
        padding-left: 7px;
    }
    .join_05 > li::before {
        top:8px;
    }
    .join_pop_tit02 {
        font-size: 15px;
    }

    .op_common_select.ec_case01 {
        width: 100%;
    }
    


    .mobile_only .instruction_item_box04 {
        width: calc(100% - 40px);
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .mobile_only .instruction_item_box04 > li {
        width: calc(50% - 8px);
    }

    .mobile_only .ins_item_box01 .left_box .tit_area01 .txt_01 {
        font-size: 15px;
    }

    .mobile_only .ins_item_box01 .right_box .con_area01 > li .txt_01 {
        font-size: 17px;
    }
    .mobile_only .ins_item_box01 .right_box .con_area01 > li .txt_02 {
        font-size: 15px;
    }
    .mobile_only .ins_item_box01 .right_box {
        min-height: 100px;
    }


    .mobile_only .instruction_item_box05 {
        width: calc(100% - 40px);
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .mobile_only .instruction_item_box05 > li {
        width: calc(50% - 8px);
    }

    .mobile_only .ins_item_box02 .left_box .tit_area01 .txt_01 {
        font-size: 15px;
    }

    .mobile_only .ins_item_box02 .right_box .con_area01 > li .txt_01 {
        font-size: 17px;
    }
    .mobile_only .ins_item_box02 .right_box .con_area01 > li .txt_02 {
        font-size: 15px;
    }
    .mobile_only .ins_item_box02 .right_box {
        min-height: 100px;
    }
    


    /* 공통으로 쓸 경우 */
    .instruction_item_box04 {
        width: calc(100% - 40px);
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .instruction_item_box04 > li {width: calc(50% - 8px);}
    .ins_item_box01 .left_box .tit_area01 .txt_01 {font-size: 15px;}
    .ins_item_box01 .right_box .con_area01 > li .txt_01 {font-size: 17px;}
    .ins_item_box01 .right_box .con_area01 > li .txt_02 {font-size: 15px;}
    .ins_item_box01 .right_box {min-height: 100px;}

    .instruction_item_box05 {
        width: calc(100% - 40px);
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .instruction_item_box05 > li {width: calc(50% - 8px);}
    .ins_item_box02 .left_box .tit_area01 .txt_01 { font-size: 15px;}
    .ins_item_box02 .right_box .con_area01 > li .txt_01 {font-size: 17px;}
    .ins_item_box02 .right_box .con_area01 > li .txt_02 {font-size: 15px;}
    .ins_item_box02 .right_box {min-height: 100px;}

    .op_common_tbl02 tbody td .txt_box01 .txt04{
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
        color: #333;
        min-height: 23px;
        padding: 0;
    }

    .calc_detail_group .btn_pb_center01 {
        width: 100%;
        margin-top: 16px;
    }


    .txt_normal01 {
        font-size: 15px;
    }

    .view_img .swiper-button-prev,
    .view_img .swiper-button-next {
        width:40px;
        height:40px;
    }
    .view_img .swiper-button-prev:after {
        color: #5d5d5d;
        font-size: 1rem;
        font-weight: 700;
        margin-right: 4px;
    }
    .view_img .swiper-button-next:after {
        color: #5d5d5d;
        font-size: 1rem;
        font-weight: 700;
        margin-left: 4px;
    }

    .view_img_360 .swiper-button-prev,
    .view_img_360 .swiper-button-next {
        width:40px;
        height:40px;
    }
    .view_img_360 .swiper-button-prev:after {
        color: #5d5d5d;
        font-size: 1rem;
        font-weight: 700;
        margin-right: 4px;
    }
    .view_img_360 .swiper-button-next:after {
        color: #5d5d5d;
        font-size: 1rem;
        font-weight: 700;
        margin-left: 4px;
    }

    .btn_map_area01 {
        left: 12px;
        top: 10px;
    }

    .btn_img_compass {
        top: 160px;
        left: 12px;
        
        width: 40px;
        height: 40px;
    }
    .btn_img_compass01 {
        position: absolute;
        bottom: 10px;
        right: 12px;
        
        width: 36px;
        height: 36px;
    }

    .btn_img_plus {
        width: 40px;
        height: 40px;
    }

    .btn_img_minus {
        width: 40px;
        height: 40px;
    }

    .btn_img_compass01::before{
        width: 20px;
        height: 20px;
    }

    .sign_renew_box02 {
        flex-direction: column;
    }
    .sign_renew_box02 .right_box .btn_box_right01 {
        width: 100%;
        padding-top: 8px;
    }
    .img_start_box01 {
        padding: 0 20px;
    }


    .statics_info_box .statics_info_txt {
        font-size: 17px;
    }

    .mobile_only .detail_info_area02 > .info_sub_area_mo:first-of-type {
        padding-top: 16px;
        border-top: 1px solid #dcdcdc;
    }

    .terms_info01 {
        font-size: 15px;
    }

    
    /*instruction_item_box06*/
    .instruction_item_box06 {
        margin: 0 auto;
        width: calc(100% - 40px);
    }
    .instruction_item_box06 > li {
        width: calc(100% / 2 - 8px);
        padding: 16px;
        min-height: 134px;
    }
    .instruction_item_box06 > li .item_box01 {
        gap: 4px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit {
        flex-direction: column;
        gap: 8px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 {
        height: 24px;
        padding: 0 6px;
        border-radius: 6px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 .ico {
        width: 16px;
        height: 16px;
    }
    .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 {
        min-width: unset;
    }
    .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .txt_01 {
        font-size: 14px;
    }
    .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .ico {
        background-size: 12px;
    }
    .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 {
        min-width: unset;
    }
    .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .ico {
        background-size: 9px;
    }
    .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .txt_01 {
        font-size: 14px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 {
        align-items: flex-start;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .txt_01 {
        font-size: 15px;
        word-break: keep-all;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 {
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 .tooltip {
        width: 16px;
        height: 16px;
        background-size: 16px;
    }
    .instruction_item_box06 > li .item_box01 .item_box_cont {
        min-height: 0;
    }
    .instruction_item_box06 > li .item_box01 .item_box_cont .text_box01 .txt01 {
        font-size: 12px;
        line-height: 1.4;
        word-break: keep-all;
    }

    
    .preview_wrap .instruction_item_box06 {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        box-sizing: border-box;
        gap: 16px;
        align-self: stretch;
    }
    .preview_wrap .instruction_item_box06 > li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
        border-radius: 16px;
        gap: 12px;
        width: calc(100% / 4 - 12px);
        min-height: 115px;
        background-color: #f9f9f9;
    }
    .preview_wrap .instruction_item_box06 > li.pos {
        background-color: #f6f8fe;
    }
    .preview_wrap .instruction_item_box06 > li.impos {
        background-color: #fff6f5;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 {
        width: 100%;
        display: flex;
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .txt_01 {
        color: #0d0d0d;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.5;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 {
        margin-left: 0;
        width: 20px;
        height: 20px;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .tit_area01 .tooltip_wrap01 .tooltip {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_cont {
        width: 100%;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_cont .text_box01 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_cont .text_box01 .txt01 {
        color: #333;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 {
        display: flex;
        align-items: center;
        gap: 4px;
        height: 28px;
        padding: 0 8px;
        border-radius: 8px;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 .ico {
        display: block;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: center;
    }
    .preview_wrap .instruction_item_box06 > li .item_box01 .item_box_tit .ico_box01 .txt_01 {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
    }
    .preview_wrap .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 {
        background-color: #e4ebff;
    }
    .preview_wrap .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .ico {
        background-image: url(../img/ico_check_04.svg);
        background-size: 14px;
    }
    .preview_wrap .instruction_item_box06 > li.pos .item_box01 .item_box_tit .ico_box01 .txt_01 {
        color: #5d5fe4;
    }
    .preview_wrap .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 {
        background-color: #ffe1de;
    }
    .preview_wrap .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .ico {
        background-image: url(../img/ico_close_red.svg);
        background-size: 10px;
    }
    .preview_wrap .instruction_item_box06 > li.impos .item_box01 .item_box_tit .ico_box01 .txt_01 {
        color: #e0280a;
    }
    /*//instruction_item_box06*/

    /* 자주묻는 질문_'조회된 데이터가 없습니다' */
    .acc_no_data {
        font-size: 15px;
    }
    /* //자주묻는 질문_'조회된 데이터가 없습니다' */

    
    /* 버튼 pc, mobile 분리 */
    .op_common_btn.pc { display: none; }
    .op_common_btn.mobile { display: block; }

    /* 물건상세 지도 조건선택 및 검색 */
    .map_btn_box {
        flex-direction: column;
        gap: 12px;
        margin: 12px 0;
    }
    .map_btn_box .filter_item1 {
        overflow: visible;
    }
    .map_btn_box .filter_item1 .filter_list {
        gap: 0;
    }
    .map_btn_box .filter_item1 .filter_list > li > a {
        height: 32px;
        padding: 8px 32px 8px 12px;
    }
    .map_btn_box .filter_item1 .filter_list > li a .txt {
        font-size: 15px;
        font-weight: 600;
    }
    .map_btn_box .filter_item1 .filter_list > li > a::before {
        top: 7px; 
    }
    .map_legend_box ul {
        gap: 16px;
    }
    .map_legend_box ul li .legend01, .map_legend_box ul li .legend02 {
        width: 20px;
        height: 20px;
    }
    /* //물건상세 지도 조건선택 및 검색 */

    .search_wrap_type01 .op_common_select02 > select {
        font-size: 15px;
    }

    .file_download_box {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .file_download_box .info_use_box02 .dot_list01 {
        padding: 0;
    }
    .file_download_box .file_download_info {
        font-size: 15px;
    }

    /* 장시간 미사용 안내 */
    .longterm_info_box01 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .longterm_info_box01 .info_tit {
        font-size: 17px;
    }
    .longterm_info_box01 .info_txt {
        font-size: 15px;
    }

    /* 윈도우 팝업용 닫기 버튼 추가 */
    .wrap_op > .top {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 12px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .wrap_op > .top h3 {
        font-size: 17px;
        width: calc(100% - 45px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .fixed_btn01 .wrap_op > .top {
        padding-top: 0;
        margin-top: -8px;
    }

    .confirm_doc_txt .txt01 {
        font-size: 15px;
    }
    .confirm_doc_txt .confirm_doc_list .dash_list04 li {
        font-size: 15px;
    }
    .confirm_doc_txt .confirm_doc_list .dash_list04 li ~ li {
        margin-top: 8px;
    }
    .confirm_doc_box01 {
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 24px auto;
        gap: 16px;
    }
    .confirm_doc_box01 .right_box {
        width: 100%;
    }
    .confirm_doc_tbl01 li {
        align-items: flex-start;
        gap: 8px;
        padding-left: 0;
    }
    .confirm_doc_tbl01 li .tit01 {
        font-size: 15px;
        width: 113px;
    }
    .confirm_doc_tbl01 li > .txt01 {
        font-size: 15px;
        width: calc(100% - 121px);
        text-align: right;
    }
    .confirm_doc_tbl02 li {
        gap: 8px;
    }
    .confirm_doc_tbl02 li .tit01 {
        font-size: 15px;
        width: 125px;
    }
    .confirm_doc_tbl02 li > .txt01 {
        font-size: 15px;
        width: calc(100% - 133px);
    }
    .confirm_doc_infobox01 > .date_name_box01 .date_txt01 {
        font-size: 19px;
    }
    .confirm_doc_infobox01 > .date_name_box01 .name_txt01 {
        font-size: 19px;
    }
    .confirm_doc_infobox01 > .name_box01 {
        font-size: 21px;
        margin-bottom: 24px;
    }

    .ui-datepicker.op_dpk {
        width: 320px;
    }
    .ui-datepicker.op_dpk .ui-datepicker-title .ui-datepicker-year {
        font-size: 17px;
        width: 90px;
    }
    .ui-datepicker.op_dpk .ui-datepicker-month {
        font-size: 17px;
        width: 90px;
        padding-right: 8px;
    }
    .common_datepicker > input {
        padding: 0 12px;
    }

    .op_dma_box01 > .op_tbl_case01 {
        width: 100%;
    }
    .op_dma_box01 > .op_tbl_case01 + .op_tbl_case01 {
        margin-top: 24px;
    }

    .mobile .use_box02 .left_box .con_area01 {
        margin-top: 0;
    }

    .mobile_only .op_mobile_tbl01 ul .col_item:has(.no_data) {
        align-items: center;
    }
    .op_mobile_tbl01 .no_data {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        color: #5d5d5d;
        text-align: center;
    }

    [class*="con_tit_box"] > .left_box .tit ~ .badge_box01 {
        margin-left: 4px;
    }

    /* 모의입찰 */
    .simulation_tit_box {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0;
    }
    .simulation_tit_box .con_tit_box06 > .left_box .tit {
        font-size: 19px;
        word-break: auto-phrase;
    }
    .simulation_tit_box .simulation_txt01 {
        font-size: 17px;
        padding-bottom: 12px;
        word-break: auto-phrase;
    }
    .simulation_tit_box + .top_detail_box01.pop_type02 {
        padding: 20px;
    }

    /* .toggle_pw.eyes {
        display: none;
    } */

    .op_tbl_case01 > .table_block01 .con_area01 .left_box .txt_box01 .txt01 {
        font-size: 15px;
    }

    .swiper_tab02 .swiper-button-prev {
        top: -5px;
        left: -10px;
    }
    .swiper_tab02 .swiper-button-next {
        top: -5px;
        right: -10px;
    }

    /* 모바일 신분증 */
    .fixed_btn04 .sheet04:has(.mobileid_box) > .sh_head .tit {
        font-size: 19px;
    }
    .fixed_btn04 .sheet04:has(.mobileid_box) > .sh_body {
        margin-top: 20px;
    }
    .mobileid_box .simple_login_btn_box01 .simple {
        width: 100%;
    }
    .mobileid_box .simple_login_btn_box01 .simple .btn-v {
        justify-content: flex-start;
        gap: 16px;
    }
    .btn-v.mobileid,
    .btn-v.samwallet {
        font-size: 17px;
    }
    .btn-v.mobileid .ico_mobile_id {
        width: 36px;
        height: 36px;
    }
    .btn-v.mobileid .ico_mobile_id img {
        width: 25px;
    }
    .btn-v.samwallet .ico_samwallet {
        width: 36px;
        height: 36px;
        background-size: 34px 34px;
    }
    .btn-v.samwallet .ico_samwallet img {
        width: 25px;
    }
    .btn-v.mobileid span,
    .btn-v.samwallet span {
        text-align: center;
        width: calc(100% - 36px);
    }
    .mobileid_box .simple_login_btn_box01 .simple + .noti_txt01 {
        font-size: 12px;
        margin-top: 8px;
    }
    .mobileid_box .mobileid_info_top {
        margin-top: 40px;
    }
    .mobileid_box .mobileid_info_top .ico.mobile {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 0 auto;
        background-color: #f6f8fe;
        background-image: url(../img/ico_rdo_phone_on.svg);
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .mobileid_box .mobileid_info_top .txt_box01 {
        margin-top: 24px;
    }
    .mobileid_box .mobileid_info_top .txt_box01 .txt01 {
        padding: 0;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
        color: #1e1e1e;
    }
    .mobileid_box .mobileid_info_box {
        margin-top: 40px;
    }
    .mobileid_box .mobileid_info_box .op_site_area01 {
        border-radius: 12px;
        border: 1px solid #ebebeb;
        padding: 20px;
    }
    .mobileid_box .mobileid_info_box .op_site_area01 .tit_box + .dot_list08 {
        margin-top: 12px;
    }

    .mobileid_agree_box {
        margin-top: 0;
    }
    .mobileid_agree_cont {
        border: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .mobileid_agree_cont ul li button {
        width: max-content;
    }
    .mobileid_agree_cont ul li ~ li {
        margin-top: 15px;
    }

    .mobileid_guide_box {
        margin-top: 20px;
        padding: 20px 0;
        border-top: 1px solid #717171;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .mobileid_guide_box button {
        width: max-content;
    }
    .mobileid_terms .tab_con.type10 .tab_content_wrap .tab_contents > div {
        margin-top: 20px;
    }

    /* 부동산시세요약정보 조회 */
    .map_area_box01 .map_detail_box {
        width: 262px;
        height: 260px;
    }
    .map_area_box01 .map_detail_box > ul > li + li {
        margin-top: 8px;
    }
    /* //부동산시세요약정보 조회 */

    .op_dma_box01 .f_group25 .fg_mc_box01:not(:has(.btn_box_left01)) {
        width: 100%;
    }

    .pop_main_con_box01 .pgn_area01 {
        padding-bottom: 24px;
    }

    .op_tbl_case01 .file_info_area01 > .tit_box01 .tit01 {
        font-size: 15px;
    }
    .op_tbl_case01 .file_info_area01 > .tit_box01 .txt01 {
        font-size: 15px;
    }

    .op_map_area .pd_con_area .pd_m_list .op_sh_tbl05 tbody td .btn_box_center01 {
        width: 100%;
    }

    .calstan_txt {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .mobile_only .con_tit_box05 + .noti_msg01 {
        margin-bottom: 4px;
    }

    .con_tit_box04.mobile {
        display: block;
    }

    .op_tbl_case03 > .table_block01 .con_area01 .left_box .tit_box01:has(.tit03) {
        gap: 4px;
    }

    .cmpns_list.type02 > li {
        width: calc(100% / 2 - 6px);
    }
    .cmpns_list.type02 > li:nth-child(1) .cmpns_item .cmpns_logo img {
        width: 68px;
        height: auto;
    }
    .cmpns_list.type02 > li:nth-child(2) .cmpns_item .cmpns_logo img {
        width: 92px;
        height: auto;
    }
    .cmpns_list.type02 .cmpns_item .cmpns_info .cmpns_txt {
        display: block;
        font-size: 12px;
    }

    /* 테이블 오버플로우 박스 */
    .op_tbl_scroll {
        max-height: 351px;
    }

    .txt_dtlist01 .tit_box01 .txt_01 {
        width: 100%;
    }
}