.necessary,.ft_red{ color: #ff1e00; }

.focus_outline:focus { outline: #6f579f auto 1px; }

.btn_yellow{ display: inline-block; height: 35px; background-color: #3f63bf; border: 0 none; /*border-radius: 15px;*/ font-size: 13px; color: #fff !important; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box; margin-left: auto;}
.btn_yellow:hover{ background-color: #5b7ac8;}
.btn_yellow:focus{ outline: none;}

.btn_gray{  display: inline-block; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; font-size: 13px; color: #6a6a6a; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box; margin-left: auto;}
.btn_gray:hover{ background-color: #f4f4f4; color: #1121212;}
.btn_gray:focus{ outline: none;}

.btn_eff_gray{ height: 30px; background-color: #fff; border: 1px solid #d7d7d7; border-bottom: 1px solid #c6c6c6; font-size: 13px; color: #6a6a6a; cursor: pointer;
    padding-top:1px;padding-bottom:1px;padding-left:6px;padding-right:6px; border-radius: 15px;}
.btn_eff_gray:hover{ background-color: #f4f4f4; color: #121212;}
.btn_eff_gray:focus{ outline: none;}
.btn_eff_gray.debtmove {padding-left: 20px;padding-right: 20px;}

.yn{ display:flex; margin-left: auto;}

/* pager */
.pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-right: 2%; margin-left: auto;  }
.pager ol{ display: flex; width: 150px; }
.pager ol li{ width: 100%; margin-left: -1px; }
.pager ol li:first-of-type{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pager ol li:last-of-type{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
.pager button { width: 72px; border-radius: 15px;}
/* 占쎌읈筌ｏ옙 *椰꾬옙 */
.total{ font-size: 13px; color: #2b2b2b; padding-left: 10px; margin-bottom: 20px; margin-top:15px;}
.total span{ font-weight: 700;}

/* old... */
.limite_time { margin-left:10px; color:#ff3e3f; font-size:11px; vertical-align:middle; }
.good_noti { margin-top:5px; color:#1a79da; font-size:11px; }
.wrong_noti { margin-top:5px; color:#ff3e3f; font-size:11px; }

.sortBtnSet { display:inline-block; margin-left:25px; }
.sortBtnSet li { vertical-align:middle; display:inline-block; }
.sortBtnSet a { font-size: 14px;color: #2b2b2b;padding:2px 10px 0px 20px; vertical-align:middle; display:inline-block; }



.sort_normal em, .sort_lowtohigh em, .sort_hightolow em { font-size:0; visibility:hidden; }


/* 泥⑤��뙆�씪 */
.view_fileListWrap { border-top:#bfbfbf dotted 1px; padding:20px 15px; }
.view_fileList { float:none; *zoom:1; }
.view_fileList:after { content:""; display:block; height:0px; clear:both; }
.view_fileList dt { float:left; width:120px; height:auto; color:#242424; font-weight:bold; }
.view_fileList dd { width:auto; overflow:hidden; font-size:12px; box-sizing:border-box; line-height:18px; color:#555; }
.view_fileList dd .in_fileList { padding:0px; border:none; }
.view_fileList dd .repo_fileList { padding:0px; }
/*�벑濡앹떆 泥⑤��뙆�씪*/
.ad_fileList li { background:url(/mg/assets/images/common/bg_list_square.gif) no-repeat 2px 9px; padding-left:10px; text-align:left; margin-top:5px; line-height:1.8; }
.ad_fileList li:first-child { margin-top:0; }
.ad_fileList li a { display:inline-block; }
.ad_fileList li em { color:#979c9f; margin-left:10px; }
.ad_fileList li, .ad_fileList li span, .ad_fileList li em, .ad_fileList li a, .ad_fileList li button { vertical-align:middle; }
.btn_repo_view { background:url(/mg/assets/images/btn_preview.png) no-repeat 5px center; border:#c1c1c1 solid 1px; color:#232c3f!important; font-size:11px; border-radius:10px; padding:4px 5px 4px 20px; letter-spacing:-0.1em; line-height:1; }
.btn_repo_down { background:url(/mg/assets/images/btn_download.png) no-repeat 6px center; border:#c1c1c1 solid 1px; color:#232c3f!important; font-size:11px; border-radius:10px; padding:4px 5px 4px 19px; letter-spacing:-0.1em; line-height:1; }
.nofile { color:#898989; }

.addFileList .posi_btn { padding:10px 15px; }
.addFileList .btn_addFile { background:url(/mg/assets/images/common/bg_btn_gray.gif) repeat-x; height:26px; letter-spacing:-0.1em; vertical-align:middle; box-sizing:border-box; border-radius:10px; border:solid #c4c4c4 1px; padding:4px 10px 6px; line-height:16px;  font-family:"�룍��",Dotum,"援대┝",Gulim,arial,sans-serif; color:#666; }

/*�벑濡앹떆 泥⑤��뙆�씪*/
.addFileList { padding:0px!important; font-family:"�룍��",Dotum,"援대┝",Gulim,arial,sans-serif; }
.addFileList .fileList { padding:0px 15px 10px; }
.addFileList .fileList li { background:url(../../images/common/bg_list_square.gif) no-repeat 2px 9px; padding-left:10px; text-align:left; vertical-align:middle; }
.addFileList .fileList li a { vertical-align:middle; line-height:18px; color:#555; display:inline-block; }
.addFileList .fileList li span { vertical-align:middle; color:#979c9f; margin-left:10px; }

.addFileList .posi_btn { padding:10px 15px; }
.addFileList .btn_addFile { background:url(../../images/common/bg_btn_gray.gif) repeat-x; height:26px; letter-spacing:-0.1em; vertical-align:middle; box-sizing:border-box; border-radius:10px; border:solid #c4c4c4 1px; padding:4px 10px 6px; line-height:16px;  font-family:"�룍��",Dotum,"援대┝",Gulim,arial,sans-serif; color:#666; }

.fileDelete { background:url(../../images/common/btn_delete_01.gif) no-repeat 0 0; width:12px; height:11px; margin-left:10px; vertical-align:middle; }
.fileDelete em { visibility:hidden; font-size:0; }
.fileDelete:hover, .fileDelete:focus { background:url(../../images/common/btn_delete_01.gif) no-repeat left; }
.file_notice { border-top:#cfcfcf dashed 1px; padding:10px 15px 10px 16px; color:#838383; }


.icon_notice { background:url(/mg/assets/) no-repeat left; display:inline-block; width:34px; height:12px; text-align:center; vertical-align:middle; }
.icon_notice em { font-size:0px; visibility:hidden; }


.addFileList .posi_btn { padding:10px 15px; }
.addFileList .btn_addFile { background:url(../../images/common/bg_btn_gray.gif) repeat-x; height:26px; letter-spacing:-0.1em; vertical-align:middle; box-sizing:border-box; border-radius:10px; border:solid #c4c4c4 1px; padding:4px 10px 6px; line-height:16px;  font-family:"�룍��",Dotum,"援대┝",Gulim,arial,sans-serif; color:#666; }


/*寃뚯떆�뙋 �럹�씠吏� btn*/
.bs_BtnBox_c { text-align:center; padding-top:30px;}
.bs_BtnBox_c a{ width: 95px;height: 37px;}
.btnPageZoneWrap { margin-top:20px; }
.btnPageZoneWrap { text-align:center; height:30px; }
.btnPageZone { float:none; *zoom:1; display:inline-block; }
.btnPageZone:after { content:""; display:inline-block; clear:both; height:0; }
.btnPageZone button { float:left; box-sizing:border-box; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; display:inline-block; }
.btnPageZone button em { font-size:0; visibility:hidden; }

.btnPageZone button.pre_end_btn { background:url(/mg/assets/images/common/btn_bs_pre.gif) no-repeat center center; border-left:#ddd solid 1px; width:32px; height:30px; }
.btnPageZone button.pre_btn { background:url(/mg/assets/images/common/btn_bs_pre2.gif) no-repeat center center;  border-left:#ddd solid 1px; border-right:#ddd solid 1px; margin-right:15px; width:30px; height:30px; }
.btnPageZone button.next_end_btn { background:url(/mg/assets/images/common/btn_bs_next.gif) no-repeat center center; width:30px; height:30px; border-right:#ddd solid 1px;border-left:#ddd solid 1px; }
.btnPageZone button.next_btn { background:url(/mg/assets/images/common/btn_bs_next2.gif) no-repeat center center; margin-left:15px; border-right:#ddd solid 1px; border-left:#ddd solid 1px; width:32px; height:30px; }

.btnPageZone span { float:left; }
.btnPageZone span a { color: #2b2b2b;font-size:12px; vertical-align:middle; line-height:30px; width:30px; height:30px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-right:#ddd solid 1px; display:inline-block; text-align:center; box-sizing:border-box; }

.btnPageZone span.first a { border-left:#dadada solid 1px; }
.btnPageZone span.current a { color:#ffffff; background-color:#585858; border:#343434 solid 1px; }
/*怨듭��벑濡�*/
.board_regist_st01 { width:100%; border-top:#223a59 solid 1px; border-bottom:#c6c6c6 solid 1px; color:#555; }
.board_regist_st01 caption { display:none; height:0; width:0; overflow:hidden; }
.board_regist_st01 th {width:100px; padding:10px 5px; width: 7%; border-top:#d8d8d8 solid 1px; background:#E6EAF5; color:#202020; vertical-align:middle; font-size:13px; font-family:'NanumBarun'; text-align:center; letter-spacing:-0.08em; }
.board_regist_st01 td { padding:20px 5px; font-size: 0.8em; width: 25%; border-top:#d8d8d8 solid 1px; vertical-align:middle; text-align:left; }
.board_regist_st01 td.doublepd0 { padding:10px 15px 10px 0px; }
.board_regist_st01 tr:first-child th, .board_regist_st01 tr:first-child td { border-top:none; width:300px;}
.board_regist_st01 th .point_red { margin-left:3px; }
.board_regist_st01 .vt { vertical-align:top; }

.board_regist_st01 .conEditor { padding:15px 15px; }
.board_regist_st01 .itemList { vertical-align:middle; }
.board_regist_st01 .itemList label { margin-left:30px; }
.board_regist_st01 .itemList label:first-child { margin-left:0px; }
.board_regist_st01 .itemList label span { vertical-align:middle; margin-left:5px; }

.board_regist_st01 .itemList2 { vertical-align:middle; }
.board_regist_st01 .itemList2 label { margin-left:20px; }
.board_regist_st01 .itemList2 label:first-child { margin-left:0px; }
.board_regist_st01 .itemList2 label span { vertical-align:middle; margin-left:5px; }
/*
.board_classic .inputSearch { float:left; width:160px; border-top:#ccced4 solid 1px;  border-bottom:#ccced4 solid 1px; border-left:#ccced4 solid 1px; border-right:none; margin-left:10px; }
.board_classic .btnSearch { float:left; width:29px; height:28px; background:url(../images/common/icon_search.gif) no-repeat center 7px; border:#ccced4 solid 1px; display:inline-block; box-sizing:border-box; }
 */

 /* 투브플러스 제작 부분 */
 .main_dash .main_contents > div {border-radius: 15px;} 
 .main_dash .main_contents .board_pay {margin-top: 25px;}
 .main_dash .main_contents .board_btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;}
 .main_dash .main_contents .board_btn a { width: 47%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #E6EAF5; border-radius: 10px; height: 100%; font-weight: 700}
 .main_dash .main_contents .board_btn a img { width: 70px; margin-bottom: 10px;}
 
.pay_list {border-radius: 15px;}
.pay_list .t_pay_title { display: flex; align-items: center;}
.pay_list .t_pay_title p { margin-bottom: 23px; margin-left: 15px;}
.pay_list .t_pay_btn {padding: 10px;}
.pay_list .pay_search .form_top {align-items: center;}
.pay_list .pay_search .t_form_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 145px;
}
label{ word-break: keep-all; }

.pay_list .pay_search .t_form_top .btn_zone {margin-bottom: 15px;}
.form_top .form_left {display: flex; gap:5px;padding:0; }
.form_top .form_right {display: flex; gap:5px;margin-top:5px;padding:0; }

.section:first-of-type,
.pw_check div:last-of-type,
.btn_gray {border-radius: 15px;}

#searchFromDtS, #searchToDtS{width: 120px;}

 /* POP  */
 .c_cancel.active {
    display: flex;
}
.c_cancel {
    display: none;
    background-color: rgb(0,0,0,0.3);
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}
.c_cancel form {
    width: 300px;
    height: 150px;
    border-radius: 20px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
}
.c_cancel form h1 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 45px;
}
.c_cancel form .c_btns {
    display: flex;
    align-items: center;
    justify-content: center;
}
.c_cancel form .c_btns li:first-child {
    margin-right: 10px;
}
.c_cancel form .c_btns li button{
    width: 75px;
    text-align: center;
    border-radius: 10px;
    background-color: #eee;
    line-height: 28px;
}
.c_cancel form .c_btns li:last-child button {
    background-color: var(--color-purple);
    color: #fff;
}
.receipt_sharing.active {
    display:block;
}
.receipt_sharing {
    display:none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
.receipt_sharing  form  {
    width: 100%;
    height: 100%;
    bottom: 0;  
    background-color: rgb(0,0,0,0.3);
    display: flex;
}
.receipt_sharing ol {
    background-color: #fff;
    margin-top: auto;
    width: 100%;
    border-radius: 10px 10px 0 0;  
}
.receipt_sharing ol li {
    padding:  10px 15px;
}
.receipt_sharing ol li:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}
.receipt_sharing ol li button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.receipt_sharing ol li button img {
    width: 30px;
    margin-right: 20px;
}


.customerUserDesc { position: relative;padding:5px 0 }

/* @media screen and (min-width: 400px)and (max-width: 999px) */
@media screen and (max-width: 999px){
    section:first-of-type:not(.pw_check){
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /* 嚥≪뮄�젃占쎌뵥 */
    .login{ width: 90%; margin: 0 auto; padding-top: 50px;}
    .login h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b4b4b4;}
    .login h2 img{ width: 100%; height: auto;}
    .login h2 strong{ display: inline-block; color: #b6a6d6;}
    .login p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; color: #6d6d6d;}
    .login .userInfo{ width: 100%; height: 40px; padding: 5px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 10px;}
    .login .userInfo > label{ display: block; font-size: 13px; font-weight: 300; line-height: 20px; color: #2b2b2b; opacity: 1; transition: all 0.1s ease-in;}
    .login .userInfo > input{ width: 100%; height: 100%; padding: 0; border: none; background-color: transparent; font-size: 13px;}
    .login .userInfo > input::placeholder{ color: #a4a4a4;}
    .login .login_btns {display: flex;}
    /* 嚥≪뮄�젃占쎌뵥 --- (input focused) */
    .login .userInfo.focused{ outline: #b6a6d6 auto 1px;}
    .login .userInfo.focused > input:focus{ outline: none;}
    .login .userInfo.focused label{ font-size: 12px;  opacity: 0.6; backface-visibility: hidden;}

    .login input[type='checkbox']{ border: 1px solid #dbdbdb;}
    .login > label, .login > a{ font-size: 13px; line-height: 35px; color: #3d3d3d;}
    .login > label{ margin-right: 25px; }
    .login .btn_yellow{ width: 48%; height: 35px; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer;}
    .login .btn_yellow:hover{ background-color: #b6a6d6;}
    .login .btn_yellow:focus{ outline: none;}


    /* �뜮袁⑨옙甕곕뜇�깈 占쎌삺占쎌넇占쎌뵥 */
    .pw_check{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box;margin-top: 125px; }
    .pw_check h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .pw_check div:first-of-type{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .pw_check div:nth-of-type(2){ margin-bottom: 40px; }
    .pw_check div:nth-of-type(2) >*{ display: block; }
    .pw_check div:nth-of-type(2) label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .pw_check div:nth-of-type(2) b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .pw_check div:nth-of-type(2) input[type="password"]{ width: 100%; padding: 10px 5px; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_check div:nth-of-type(2) input[type="password"]::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; }
    .pw_check div:nth-of-type(2) .btn_yellow{ width: 75px; height: 35px; border-radius: 15px;
        color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: auto; }
    .pw_check div:nth-of-type(2) .btn_yellow:hover{ background-color: #b6a6d6; }
    .pw_check div:nth-of-type(2) .btn_yellow:focus{ outline: none; }
    .pw_check div:last-of-type{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 30px 23px; box-sizing: border-box; background-color: #f8f8f8; }
    .pw_check div:last-of-type h3{ font-size: 14px; color: #303030; margin-bottom: 15px;}
    .pw_check div:last-of-type p{ font-size: 13px; line-height: 20px; color: #6d6d6d;}

    /* 占쎌돳占쎌뜚占쎌젟癰귨옙 癰귨옙野껓옙 */
    .info_change{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .info_change h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .info_change .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .info_change > div:last-of-type > div{ border-bottom: 1px solid #dbdbdb; margin-bottom: 50px;}
    .info_change > div:last-of-type > div > *{ display: block; }
    .info_change > div:last-of-type input[type="text"]:focus{ outline: #b6a6d6 auto 1px; }
    .info_change > div:last-of-type div label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .info_change > div:last-of-type div b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .info_change > div:last-of-type form > div:not(:last-of-type){ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .info_change > div:last-of-type form label{ display: block; margin-bottom: 10px; font-size: 14px; color: #2b2b2b;}
    .info_change > div:last-of-type form label:after{ content:'*'; color: #ff1e00;}
    .info_change > div:last-of-type form input{ margin-bottom: 20px; border-radius: 15px;}
    .info_change > div:last-of-type form input#name{ width: 100%;}
    .info_change > div:last-of-type form .number select{ width: 17%;}
    .info_change > div:last-of-type form .number input#hpnumb { width: 40%;}
    .info_change > div:last-of-type form .mail input#email{ width: 47%;}
    .info_change > div:last-of-type form input, .info_change > div:last-of-type form select{ padding: 10px 0; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .info_change > div:last-of-type form input::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; padding-left: 10px;}
    .info_change > div:last-of-type form .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .info_change > div:last-of-type form .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .info_change > div:last-of-type form .btn_yellow:hover{ background-color: #b6a6d6; }
    .info_change > div:last-of-type form .btn_yellow:focus{ outline: none; }
    .info_change > div:last-of-type form div:last-of-type{ display:flex; margin-left: auto;}

    /* �뜮袁⑨옙甕곕뜇�깈 筌≪뼐由� */
    .pw_find { width: 90%; margin: 0 auto; padding-top: 50px; }
    .pw_find h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b4b4b4; }
    .pw_find h2 strong{ color: #b6a6d6; }
    .pw_find p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; line-height: 20px; color: #6d6d6d; }
    .pw_find form div{ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .pw_find form input[type="text"],.pw_find form select{ box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_find form input{ height: 35px; box-sizing: border-box;}
    .pw_find form input#userId { width: 100%; border-radius: none;}
    .pw_find form div > input[type="text"]{ width: 100%; padding: 10px 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .pw_find form select{ height: 35px; padding: 0 5px; border-radius: 15px;}
    .pw_find form label {display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .pw_find form input, .pw_find form select{ margin-bottom: 20px; }
    .pw_find form .hpnumb input#hpnumb { width: 100%; margin-left: 5px;}
    .pw_find form .numb input#certification{ background-color: transparent;}

    .pw_find form input[type="text"]:focus{ outline: #b6a6d6 auto 1px; }

    .pw_find input[type='checkbox']{ border: 1px solid #dbdbdb; }
    .pw_find > label, .pw_find > a{ font-size: 13px; line-height: 35px; color: #3d3d3d; }
    .pw_find > label{ margin-right: 25px; }
    .pw_find .btn_yellow{ min-width: 100px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-top-right-radius: 3px; border-bottom-right-radius: 3px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .pw_find .btn_yellow:hover{ background-color: #b6a6d6;}
    .pw_find .btn_yellow:focus{ outline: none;}

    /* 1:1�눧紐꾩벥占쎌삂占쎄쉐 */
    .sc_write{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_write h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_write .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_write form{ width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_write form label{ display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .sc_write form select { width: 185px; height: 35px; padding: 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px; }
    .sc_write form input[type="text"]{ width: 100%; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form textarea{ width: 100%; height: 380px; resize: none; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form input[type="text"]::placeholder{ font-size: 13px; color: #a4a4a4; }
    .sc_write form input[type="file"]{margin-bottom: 15px; }
    .sc_write form input#file-upload-button{ width: 72px; height: 30px; border: 1px solid #dbdbdb; font-size: 13px; color: #dbdbdb; background-color: #fff;}
    .sc_write form p{ font-size: 13px; line-height: 20px; color: #8c8c8c; margin-bottom: 20px;}
    .sc_write .yn .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; font-size: 13px; line-height: 35px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .sc_write .yn .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .sc_write .yn .btn_yellow:hover{ background-color: #b6a6d6; }
    .sc_write .yn .btn_yellow:focus{ outline: none; }

    /* 1:1�눧紐꾩벥 �뵳�딅뮞占쎈뱜  ( 410 占쎄텢占쎌뵠筌앸뜃�돱筌욑옙  )*/
    .sc_list{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; margin-top: 125px !important;  margin-bottom: 360px !important;}
    .sc_list h2{ font-size: 24px; font-weight: 100; color: #1e90ff; margin-bottom: 23px; }
    .sc_list .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 25px 20px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_list .box_gray strong{ display: inline-block; font-size: 14px; line-height: 20px; color: #303030; margin-bottom: 15px};
    .sc_list .box_gray p{ font-size: 13px; line-height: 20px; color: #6d6d6d; };
    .sc_list .list_table{ width: 100%; box-sizing: border-box; }
    .sc_list .list_table .total{ font-size: 13px; color: #2b2b2b; padding-left: 10px; margin-bottom: 20px;}
    .sc_list .list_table .total span{ font-weight: 700;}
    .sc_list .list_table .table{ width: 100%; height: 50px; margin-bottom: 30px; }
    .sc_list .list_table .table tr td:nth-of-type(1){ width: 9%;}
    .sc_list .list_table .table tr td:nth-of-type(2){ width: 16%; text-overflow: ellipsis; white-space: nowrap;max-width: 145px; overflow: hidden;}
    .sc_list .list_table .table tr td:nth-of-type(3){ width: 40%; max-width: 100px; padding: 0 5%; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .sc_list .list_table .table tr td:nth-of-type(4){ width: 15%;}
    .sc_list .list_table .table tr td:nth-of-type(5){ width: 19%;}
    .sc_list .list_table .table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 13px; font-weight: 500; line-height: 50px; color: #2b2b2b;}
    .sc_list .list_table .table tbody{ text-align: center; }
    .sc_list .list_table .table tbody tr{ font-size: 13px; line-height: 50px; color: #525252; border-bottom: 1px solid #dbdbdb;}
    .sc_list .list_table .btn_yellow{ min-width: 100px; height: 35px; border-radius: 15px; color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box; margin-left: auto;}
    .sc_list .list_table .btn_yellow:focus{ outline: none;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- 疫꿸퀗而숃�곌퀬�돳 ( 410 占쎄텢占쎌뵠筌앸뜃�돱筌욑옙  )*/
    .sc_list .lookup{ padding: 15px 5px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_list .lookup label{ font-size: 14px; line-height: 30px; color: #2b2b2b; margin-right: 15px;}
    .sc_list .lookup div input[type="date"], .sc_list .lookup input[type="search"]{ height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .sc_list .lookup > div { margin-bottom: 10px;}
    .sc_list .lookup .datebar{ display: flex; flex-wrap: wrap; align-items: center; }
    .sc_list .lookup .datebar span{margin: 0 5px; font-size: 11px; color: #2b2b2b;}
    .sc_list .lookup .datebar input[type="date"]{ color: #a4a4a4;}
    .sc_list .lookup .btnbar{ max-width: 150px; min-width: 150px; height: 30px; display: flex; flex-wrap: nowrap; gap: 3px;margin-left:62px;}
    .sc_list .lookup .btnbar button{ width: 100%; margin-left: -1px; }
    .sc_list .lookup .btnbar button:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_list .lookup .btnbar button:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_list .lookup .searchbar{ width:100%; }
    .sc_list .lookup .searchbar input{ min-width:180px;width:73%;font-size:13px;}
    .sc_list .lookup .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- pager */
    .sc_list .list_table .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-right: 2%; margin-left: auto;  }
    .sc_list .list_table .pager ol{ display: flex; width: 150px; }
    .sc_list .list_table .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_list .list_table .pager ol li:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_list .list_table .pager ol li:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_list .list_table .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_list .list_table .pager button { width: 72px; border-radius: 15px;}
    .sc_list .list_table a{ width: 95px; height: 37px; float: right; margin-right: 2%;}
    .sc_list .list_table .current a{ width: 30px; height: 30px; }

    /* �⑤벊占쏙옙沅쀯옙鍮� */
    .sc_notice{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_notice h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_notice .notice_box .board_title{padding: 20px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; }
    .sc_notice .notice_box .board_title h3{ font-size: 16px; line-height: 25px; font-weight: 500; color: #2c2c2c; margin-bottom: 10px;}
    .sc_notice .notice_box .board_title span{ font-size: 13px; color: #606060;}
    .sc_notice .notice_box .board_title span > span{ margin-left: 25px;}
    .sc_notice .notice_box .board_title span > span > em{ font-style: normal;}
    .sc_notice .notice_box .board_contents { width: 100%; padding: 40px 20px; box-sizing: border-box;}
    .sc_notice .notice_box .board_contents p{ font-size: 14px; line-height: 20px; color: #353535; }
    .sc_notice .notice_box .upload_list{ padding: 15px 20px; border: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_notice .notice_box .upload_list dl{ display: flex;}
    .sc_notice .notice_box .upload_list dl dt{ font-size: 13px; color: #020202; margin-right: 20px;}
    .sc_notice .notice_box .upload_list dl dd{ font-size: 13px; color: #353535; margin-right: 5px;}
    .sc_notice .notice_box .upload_list dl dd span{ font-size: 12px; color: #929292;}
    .sc_notice .notice_box .board_s_list ul{ margin-bottom: 10px;}
    .sc_notice .notice_box .board_s_list li{ padding: 15px 20px;}
    .sc_notice .notice_box .board_s_list li:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .sc_notice .notice_box .board_s_list li strong{ font-size: 13px; font-weight: 400; color: #020202; margin-right: 35px;}
    .sc_notice .notice_box .board_s_list li a{ display: inline-block; width: 70%; font-size: 13px;   text-decoration: none;  word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .sc_notice .notice_box .board_s_list li:first-of-type a{ color: #353535;}
    .sc_notice .notice_box .board_s_list li:last-of-type a{ color: #8c8c8c;}
    .sc_notice .notice_box .btn_eff_gray { display: block; width: 72px; line-height: 30px; border-radius: 15px; text-align: center; margin-left: auto;}



    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 */
    .sc_faq{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_faq h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_faq .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 5px 20px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_faq .box_gray a{ display: inline-block; color: #000; text-decoration: underline;}
    .sc_faq .searh_box{ display: flex; padding: 15px 20px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; }
    .sc_faq .searh_box select { width: 115px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box select option{ font-size: 12px; color: #2c2c2c;}
    .sc_faq .searh_box input[type="search"]{ width: 50%; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box input[type="search"]::placeholder{font-size: 12px;}
    .sc_faq .searh_box .btn_eff_gray{ width: 60px; border-radius: 15px;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab */
    .sc_faq .faq_box{ padding: 10px 0 30px; }
    .sc_faq .faq_box .tab_nav{ display: flex; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px;}
    .sc_faq .faq_box .tab_nav li{ width: 20%; height: 50px; text-align: center;}
    .sc_faq .faq_box .tab_nav li:first-of-type{margin-left: 0;}
    .sc_faq .faq_box .tab_nav li a{ width: 100%; font-size: 13px; font-weight: 500; line-height: 50px; color: #2c2c2c;}
    .sc_faq .faq_box .tab_nav li:hover a:after,
    .sc_faq .faq_box .tab_nav li.active a:after{ content: ''; display: block; width: 100%; height: 4px; background-color: #b6a6d6;}
    .sc_faq .faq_box .tab_nav li a > span{ margin-left: 2px; font-size: 11px; font-weight: 100; color: #b6a6d6;}
    .sc_faq .faq_box .tab_nav li a > span em{ font-style: normal;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab content*/
    .sc_faq .faq_box .tab_contents{ width: 100%;}
    .sc_faq .faq_box .tab_contents > div{ display: none; width: 100%;}
    .sc_faq .faq_box .tab_contents > div.active{ display: block;}
    /* .sc_faq .faq_box .tab_contents > div .tab_accordion{ display: none; } */
    .sc_faq .faq_box .tab_contents div .tab_accordion{ height: 47px; border: 1px solid #dbdbdb; margin-top: 10px; padding: 0 20px; box-sizing: border-box; overflow: hidden;}
    .sc_faq .faq_box .tab_contents div .tab_accordion:first-of-type{ margin-top: 0;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q{ width: 100%; display: flex; padding: 13px 0; border-bottom: 1px solid #dbdbdb; cursor: pointer;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q > *{ font-size: 13px; font-weight: 400; line-height: 20px; color: #353535;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q strong{ width: 20%;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3{ width: 80%; position: relative;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3:after{ content: ''; display: block; width: 10px; height: 7px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
        font-size: 10px; color: #353535; background: url(../images/arrow.png) no-repeat center; background-size: cover;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a{ width: 90%; padding: 20px 0; margin-left: auto;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a p{ font-size: 13px; line-height: 30px; color: #353535;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 --- pager */
    .sc_faq .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; margin-left: auto;  }
    .sc_faq .pager ol{ display: flex; width: 150px; }
    .sc_faq .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_faq .pager ol li:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_faq .pager ol li:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_faq .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_faq .pager button { width: 72px; border-radius: 15px;}


    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 */
    .pay_list .btn_eff_gray{border-radius: 0;}
    .pay_list .btn_eff_gray.excel_down{display: none;}
    .pay_list{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .pay_list h2{ font-size: 24px; font-weight: 100; color: #1e90ff; margin-bottom: 23px; }
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_top{ display: flex; justify-content: space-around; flex-wrap: wrap; padding: 10px 5px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; margin-top: 30px;}
    .pay_list .pay_search .form_top > div{ height: 30px; padding: 4px;}
    .pay_list .pay_search .form_top label{ font-size: 14px; line-height: 30px; color: #2b2b2b; margin-right: 5px;word-break:keep-all}
    .pay_list .pay_search .form_top div input[type="date"], .pay_list .pay_search .form_top input[type="search"]{ width:100px;height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .pay_list .pay_search .form_top .datebar{display: flex; flex-wrap: nowrap; align-items: center; padding: 0;}
    .pay_list .pay_search .form_top .datebar span{margin: 0 5px; font-size: 11px; color: #2b2b2b;}
    .pay_list .pay_search .form_top .datebar input[type="date"]{ width: 130px; color: #a4a4a4; padding-left: 5px;}
    .pay_list .pay_search .form_top .datebar input[type="date"]::placeholder{font-size: 12px;}
    .pay_list .pay_search .form_top .btnbar{display: none; }
    .pay_list .pay_search .form_top .btnbar button{ width: 100%; margin-left: -1px; }
    .pay_list .pay_search .form_top .btnbar button:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .pay_list .pay_search .form_top .btnbar button:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .pay_list .pay_search .form_top .statebar {display: flex;}
    .pay_list .pay_search .form_top .statebar select { width: 85px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .pay_list .pay_search .form_top .searchbar{ display: flex; flex-wrap: nowrap;}
    .pay_list .pay_search .form_top .searchbar input{ width: 80px;}
    .pay_list .pay_search .form_top .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_middle {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 8px 10px; line-height: 30px; border: 1px solid #dbdbdb; background-color: #f8f8f8; margin-bottom: 20px;}
    .pay_list .pay_search .form_middle .left_zone label{ display: none;}
    .pay_list .pay_search .form_middle .left_zone select { height: 30px; padding: 0 3px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 5px;}
    .pay_list .pay_search .form_middle .left_zone input[type="checkbox"]{ display: none;}
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- table */
    .pay_list .pay_search .list_table{ width: 100%; overflow-x: scroll; margin-bottom: 30px;}
    .pay_list .pay_search .list_table table{ width: 100%; text-align: center; /*min-width: 1000px; */}
    .pay_list .pay_search .list_table table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
    .pay_list .pay_search .list_table table thead tr th{ padding: 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle;word-break: keep-all; }
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(1).w_45{width: 45px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(2){width: 120px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(3){/* width: 75px; */}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(4){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(5){/* width: 100px; */display: none;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(5).d_b{display: block;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(6){width: 70px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(7){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(8){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(9){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(10){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(11){width: 100px;}
    .pay_list .pay_search .list_table table tbody{ font-size: 14px; color: #525252; border-collapse: collapse;}
    .pay_list .pay_search .list_table table tbody .ft_bold{font-weight: 700;}
    .pay_list .pay_search .list_table table tbody tr{ border-bottom: 1px solid #dbdbdb;}
    .pay_list .pay_search .list_table table tbody tr:nth-of-type(even) td:last-of-type{ font-weight: 400;}
    .pay_list .pay_search .list_table table tbody tr td{padding:15px 0; line-height: 20px; vertical-align: middle;}
    .pay_list .pay_search .list_table table tbody tr td:nth-of-type(5){display:none;text-align: right; padding-right: 20px;}
    .pay_list .pay_search .list_table table tbody tr td:nth-of-type(5).d_b{display: block;}

    /* CMS 표 간격 */
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(2){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(3){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(4){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(5){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(6){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(7){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(8){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(9){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(10){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(11){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(12){width: 75px;}
    
    /* 占쎈뱟占쎌뵥占쎌뵠占쎌젾占쎄맒占쎄쉭 --- modal POPUP*/
    .modal_wrap{ display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1000; }
    .modal_wrap.active{ display: block;}
    .modal_wrap.active .popup{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 600px;  min-width: 400px; background-color: #fff; padding: 30px; box-sizing: border-box;  overflow-x: scroll;}
    .modal_wrap.active .popup h2{float: left;}
    .modal_wrap.active .popup .btn_eff_gray{ float:right; width: 70px; border-radius: 15px; margin-top: 10px;}
    .modal_wrap.active .popup table{ width: 540px; border-top: 1px solid #2c2c2c; border-collapse: collapse; margin-bottom: 30px; }
    .modal_wrap.active .popup table tr{border-bottom: 1px solid #dbdbdb;}
    .modal_wrap.active .popup table tr td{padding: 10px 14px; font-size: 13px; line-height: 20px; letter-spacing: -0.2px;}
    .modal_wrap.active .popup table tr td:nth-of-type(odd){ width: 90px; background-color: #f8f8f8; color: #2b2b2b;}
    .modal_wrap.active .popup table tr td:nth-of-type(even){ font-weight: 200; color: #525252;}
    .modal_wrap.active .popup table tr:last-of-type td{ padding: 25px 14px; background-color: #fff;}
    .modal_wrap.active .popup .btn_yellow{ display: block; margin: 0 auto; width: 95px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .modal_wrap.active .popup .btn_yellow:hover{ background-color: #b6a6d6;}
    .modal_wrap.active .popup .btn_yellow:focus{ outline: none;}

    /* 筌롫뗄�뵥占쎈읂占쎌뵠筌욑옙 */
    .main_dash{ margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .main_dash .main_top { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff; border:1px solid #6f579f; padding: 10px 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 15px;}
    .main_dash .main_top ul{ display: flex; width: 70%; min-width: 380px; line-height: 30px; padding: 5px 0;}
    .main_dash .main_top ul li{ padding-right: 10px; border-right: 1px solid #dbdbdb; font-size: 14px; line-height: 20px; color: #6d6d6d;}
    .main_dash .main_top ul li strong, .main_dash .main_top ul li span{ color: #2b2b2b;}
    .main_dash .main_top ul li:nth-of-type(2){ padding-left: 10px;}
    .main_dash .main_top ul li:last-of-type{ padding-left: 10px; border-right: none;}
    .main_dash .main_dash .main_top .btn_zone .btn_eff_gray{ width: 90px; border-radius: 15px;}
    .main_dash .main_contents{ width: 100%;}
    .main_dash .main_contents > div { width: 100%; background-color: #fff; border: 1px solid #dbdbdb; padding: 30px; box-sizing: border-box ; margin-bottom: 10px;}
    .main_dash .main_contents > div h3 { float:left; font-size: 18px; line-height: 30px; font-weight: 700; color: #292929;}
    .main_dash .main_contents > div .control_zone { float:right; display: flex; align-items: center; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .main_dash .main_contents > div .control_zone p { margin-right: 15px; float: left;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray{ width: 30px; color: #959595; text-indent: -9999px;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:first-of-type{ background: url(../images/arrow_dash_l.png) no-repeat center center;
        border-top-left-radius: 15px; border-bottom-left-radius: 15px;margin-right:5px;  }
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:last-of-type{ background: url(../images/arrow_dash_r.png) no-repeat center center;
        border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
    .main_dash .main_contents > div .chart{ width: 100%; border-top: 1px solid #555; border-bottom: 1px solid #9c9c9c; border-collapse: collapse; }
    .main_dash .main_contents > div .chart tbody tr:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .main_dash .main_contents > div .chart tbody tr td{ padding: 15px 20px; text-align: right; color: #1e90ff;}
    .main_dash .main_contents > div .btn_yellow{ display: block; margin-left: auto; width: 135px; margin-top:20px;}
    .main_dash .main_contents > div .graph{ width: 100%; height: 180px; background-size: contain; margin-top: 30px;}
    
    /* 투브플러스 제작 부분 */
    .pay_list .pay_search .t_form_top {flex-direction: column; align-items: flex-start;}
    .main_dash .main_contents .board_btn a {min-height:135px;}
    .main_dash .main_contents .board_btn a img {width:60px;}
    #contents {margin-top: 130px; margin-bottom: 55px}
    .tooltipster-base.tooltipster-sidetip {
        display: none;
    }
    #frm .t_over {
        overflow-x: scroll;
    }
    #frm #paymentTable {
        min-width: 740px;
    }
    #createPaymentfrm .board_regist_st01 th {
        white-space: nowrap;
    }
    .t_receipt {
        margin-top: 130px !important;
        /* margin-bottom: 320px !important;   */
    }
    .t_report {
         margin-top: 130px !important; 
        /* margin-bottom: 320px !important; */
    }
    .t_report .t_form_top {
        overflow-x: scroll;
    }
    .t_report .t_form_top .form_top {
        min-width: 720px;
    }
    .t_list {
         margin-top: 115px !important; 
        /* margin-bottom: 330px !important; */
    }
    .t_list #frm {
        /* overflow-x: scroll; */
    }
    .t_list #frm > div {
        /* min-width: 1010px; */
    }
    .sc_list #frm .lookup .datebar .searchDtS{width: auto; margin-right: 10px;}
    #searchFromDtS, #searchToDtS{width: 80px;font-size:13px;}
}

@media screen and (min-width:1000px){
    section:first-of-type{
        margin: 150px auto 105px;
    }
    .dashboard section:first-of-type{
        /*margin: 206px auto 105px;*/
        margin: 0 auto 105px;
    }

    /* 嚥≪뮄�젃占쎌뵥 */
    .login{ width: 400px; margin: 0 auto; padding-top: 100px; }
    .login h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b6a6d6; }
    .login h2 img{ width: 100%; height: auto; }
    .login h2 strong{ color: #b6a6d6; }
    .login p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; color: #6d6d6d; }
    .login .userInfo{ width: 100%; height: 40px; padding: 5px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 10px; }
    .login .userInfo > label{ display: block; font-size: 13px; font-weight: 300; line-height: 20px; color: #2b2b2b; opacity: 1; transition: all 0.1s ease-in; }
    .login .userInfo > input{ width: 100%; height: 100%; padding: 0; border: none; background-color: transparent; font-size: 13px; }
    .login .userInfo > input::placeholder{ color: #a4a4a4; }

    /* login-focused */
    .login .userInfo.focused{ outline: #6f579f auto 1px; }
    .login .userInfo.focused > input:focus{ outline: none; }
    .login .userInfo.focused label{ font-size: 12px; opacity: 0.6; backface-visibility: hidden; }

    .login input[type='checkbox']{ border: 1px solid #dbdbdb; }
    .login > label, .login > a{ font-size: 13px; line-height: 35px; color: #3d3d3d; }
    .login > label{ margin-right: 5px; }
    .login .btn_yellow{ width:100%; display: block; height: 35px; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: auto; margin-bottom: 5px;}
    .login .btn_yellow:hover{ background-color: #5b7ac8;}
    .login .btn_yellow:focus{ outline: none;}


    /* �뜮袁⑨옙甕곕뜇�깈 占쎌삺占쎌넇占쎌뵥 */
    .pw_check{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; border-radius: 15px; }
    .pw_check h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .pw_check .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 5px 23px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 65px; background-color: #f8f8f8; }
    .pw_check div:nth-of-type(2){ width: 47%; margin: 0 auto 30px; }
    .pw_check div:nth-of-type(2) >*{ display: block; }
    .pw_check div:nth-of-type(2) label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .pw_check div:nth-of-type(2) b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .pw_check div:nth-of-type(2) input[type="password"]{ padding: 10px 5px; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_check div:nth-of-type(2) input[type="password"]::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; }
    .pw_check div:nth-of-type(2) .btn_yellow{ width: 75px; height: 35px; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: auto; }
    .pw_check div:nth-of-type(2) .btn_yellow:focus{ outline: none; }
    .pw_check div:last-of-type{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 30px 23px; box-sizing: border-box; background-color: #E6EAF5; }
    .pw_check div:last-of-type h3{ font-size: 14px; color: #303030; margin-bottom: 15px; }
    .pw_check div:last-of-type p{ font-size: 13px; line-height: 20px; color: #6d6d6d; }


    /* 占쎌돳占쎌뜚占쎌젟癰귨옙 癰귨옙野껓옙 */
    .info_change{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .info_change h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .info_change .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 5px 23px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 65px; background-color: #f8f8f8; }
    .info_change > div:last-of-type{ width: 47%; margin: 0 auto 75px; }
    .info_change > div:last-of-type > div{ border-bottom: 1px solid #dbdbdb; margin-bottom: 50px;}
    .info_change > div:last-of-type > div > *{ display: block; }
    .info_change > div:last-of-type div label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .info_change > div:last-of-type div b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .info_change > div:last-of-type form > div:not(:last-of-type){ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .info_change > div:last-of-type form label{ display: block; margin-bottom: 10px; font-size: 14px; color: #2b2b2b;}
    .info_change > div:last-of-type form label:after{ content:'*'; color: #ff1e00;}
    .info_change > div:last-of-type form input{ margin-bottom: 20px;}
    .info_change > div:last-of-type form input#name{ width: 100%;}
    .info_change > div:last-of-type form .number select{ width: 17%;}
    .info_change > div:last-of-type form .number input#hpnumb { width: 40%;}
    .info_change > div:last-of-type form .mail input#email{ width: 47%;}
    .info_change > div:last-of-type form input, .info_change > div:last-of-type form select{ padding: 10px 5px; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .info_change > div:last-of-type form input::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; padding-left: 10px;}
    .info_change > div:last-of-type form .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .info_change > div:last-of-type form .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .info_change > div:last-of-type form .btn_yellow:hover{ background-color: #b6a6d6; }
    .info_change > div:last-of-type form .btn_yellow:focus{ outline: none; }


    /* �뜮袁⑨옙甕곕뜇�깈 筌≪뼐由� */
    .pw_find { width: 400px; margin: 0 auto; padding-top: 100px; }
    .pw_find h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b4b4b4; }
    .pw_find h2 strong{ color: #b6a6d6; }
    .pw_find p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; line-height: 20px; color: #6d6d6d; }
    .pw_find form div{ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .pw_find form input[type="text"],.pw_find form select{ box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_find form input{ height: 35px; box-sizing: border-box;}
    .pw_find form input#userId { width: 100%; border-radius: none;}
    .pw_find form div > input[type="text"]{ width: 100%; padding: 10px 5px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .pw_find form select{ height: 35px; padding: 0 5px; border-radius: 15px;}
    .pw_find form label {display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .pw_find form input, .pw_find form select{ margin-bottom: 20px; }
    .pw_find form .hpnumb input#hpnumb { width: 100%; margin-left: 10px;}
    .pw_find form .numb input#certification{ background-color: transparent;}

    .pw_find input[type='checkbox']{ border: 1px solid #dbdbdb; }
    .pw_find > label, .pw_find > a{ font-size: 13px; line-height: 35px; color: #3d3d3d; }
    .pw_find > label{ margin-right: 25px; }
    .pw_find .btn_yellow{ min-width: 100px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-top-right-radius: 3px; border-bottom-right-radius: 3px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .pw_find .btn_yellow:hover{ background-color: #b6a6d6;}
    .pw_find .btn_yellow:focus{ outline: none;}


    /* 1:1�눧紐꾩벥 占쎌삂占쎄쉐 */
    .sc_write{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .sc_write h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_write .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 5px 23px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_write form{ width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_write form label{ display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .sc_write form select { width: 185px; height: 35px; padding: 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px; }
    .sc_write form input[type="text"]{ width: 100%; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form textarea{ width: 100%; height: 380px; resize: none; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form input[type="text"]::placeholder{ font-size: 13px; color: #a4a4a4; }
    .sc_write form input[type="file"]{margin-bottom: 15px; }
    .sc_write form input#file-upload-button{ width: 72px; height: 30px; border: 1px solid #dbdbdb; font-size: 13px; color: #dbdbdb; background-color: #fff;}
    .sc_write form p{ font-size: 13px; line-height: 20px; color: #8c8c8c; margin-bottom: 20px;}
    .sc_write .yn .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; font-size: 13px; line-height: 35px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .sc_write .yn .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .sc_write .yn .btn_yellow:hover{ background-color: #b6a6d6; }
    .sc_write .yn .btn_yellow:focus{ outline: none; }


    /* 1:1�눧紐꾩벥 �뵳�딅뮞占쎈뱜 */
    .sc_list{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .sc_list h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_list .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 25px 20px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_list .box_gray strong{ display: inline-block; font-size: 14px; line-height: 20px; color: #303030; margin-bottom: 15px};
    .sc_list .box_gray p{ font-size: 13px; line-height: 20px; color: #6d6d6d; };
    .sc_list .list_table{ width: 100%; box-sizing: border-box; }
    .sc_list .list_table .total{ font-size: 13px; color: #2b2b2b; padding-left: 10px; margin-bottom: 20px;}
    .sc_list .list_table .total span{ font-weight: 700;}
    .sc_list .list_table .table{ width: 100%; margin-bottom: 30px;}
    .sc_list .list_table .table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 13px; font-weight: 500; line-height: 50px; color: #2b2b2b;}
    .sc_list .list_table .table tbody{ text-align: center; }
    .sc_list .list_table .table tbody tr{ font-size: 13px; line-height: 50px; color: #525252; border-bottom: 1px solid #dbdbdb;}
    .sc_list .list_table .btn_yellow{ min-width: 100px; height: 35px; border-radius: 15px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box; margin-left: auto;}
    .sc_list .list_table .btn_yellow:focus{ outline: none;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- 疫꿸퀗而숃�곌퀬�돳 */
    .sc_list .lookup{ display: flex; justify-content: space-between; padding: 15px; border-top: 1px solid #6f579f; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_list .lookup > div{ height: 30px;}
    .sc_list .lookup label{ font-size: 14px; line-height: 30px; color: #2b2b2b; margin-right: 15px;}
    .sc_list .lookup div input[type="date"], .sc_list .lookup input[type="search"]{ height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .sc_list .lookup .datebar{width: 38%; min-width: 380px; display: flex; flex-wrap: nowrap; align-items: center; }
    .sc_list .lookup .datebar span{margin: 0 5px; font-size: 11px; color: #2b2b2b;}
    .sc_list .lookup .datebar input[type="search"]{ color: #a4a4a4;}
    .sc_list .lookup .btnbar{ width: 20%; max-width: 150px; min-width: 150px; height: 30px; display: flex; flex-wrap: nowrap; }
    .sc_list .lookup .btnbar button{ width: 100%; margin-left: -1px; }
    .sc_list .lookup .btnbar button:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_list .lookup .btnbar button:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_list .lookup .searchbar{ width: 35%; display: flex; flex-wrap: nowrap;}
    .sc_list .lookup .searchbar input{ width: 100%;}
    .sc_list .lookup .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- pager */
    .sc_list .list_table .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-right: 2%; margin-left: auto;  }
    .sc_list .list_table .pager ol{ display: flex; width: 150px; }
    .sc_list .list_table .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_list .list_table .pager ol li:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_list .list_table .pager ol li:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_list .list_table .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_list .list_table .pager button { width: 72px; border-radius: 15px;}
    .sc_list .list_table a{height: 37px; float: right; margin-right: 2%;}


    /* �⑤벊占쏙옙沅쀯옙鍮� */
    .sc_notice{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; overflow:auto; }
    .sc_notice h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_notice .notice_box .board_title{ display: flex; justify-content: space-between; padding: 25px 15px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; }
    .sc_notice .notice_box .board_title h3{ font-size: 16px; font-weight: 500; color: #2c2c2c;}
    .sc_notice .notice_box .board_title span{ font-size: 13px; color: #606060;}
    .sc_notice .notice_box .board_title span > span{ margin-left: 25px;}
    .sc_notice .notice_box .board_title span > span > em{ font-style: normal;}
    .sc_notice .notice_box .board_contents { width: 100%; padding: 40px 20px; box-sizing: border-box;}
    .sc_notice .notice_box .board_contents p{ font-size: 12pt; line-height: 20px; color: #353535; }
    .sc_notice .notice_box .upload_list{ padding: 15px 20px; border: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_notice .notice_box .upload_list dl{ display: flex;}
    .sc_notice .notice_box .upload_list dl dt{ font-size: 13px; color: #020202; margin-right: 20px;}
    .sc_notice .notice_box .upload_list dl dd{ font-size: 13px; color: #353535; margin-right: 5px;}
    .sc_notice .notice_box .upload_list dl dd span{ font-size: 12px; color: #929292;}
    .sc_notice .notice_box .board_s_list ul{ margin-bottom: 10px;}
    .sc_notice .notice_box .board_s_list li{ padding: 15px 20px;}
    .sc_notice .notice_box .board_s_list li:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .sc_notice .notice_box .board_s_list li strong{ font-size: 13px; font-weight: 400; color: #020202; margin-right: 35px;}
    .sc_notice .notice_box .board_s_list li a{ font-size: 13px; text-decoration: none;}
    .sc_notice .notice_box .board_s_list li:first-of-type a{ color: #353535;}
    .sc_notice .notice_box .board_s_list li:last-of-type a{ color: #8c8c8c;}
    .sc_notice .notice_box .btn_eff_gray { display: block; width: 72px; line-height: 30px; border-radius: 15px; text-align: center; margin-left: auto;}


    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 */
    .sc_faq{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .sc_faq h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_faq .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 5px 23px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_faq .box_gray p{ float: left; margin-right: 10px;}
    .sc_faq .box_gray a{ color: #000; text-decoration: underline;}
    .sc_faq .searh_box{ display: flex; padding: 15px 20px; border-top: 1px solid #6f579f; border-bottom: 1px solid #dbdbdb; }
    .sc_faq .searh_box select { width: 115px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box input[type="search"]{ width: 50%; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box .btn_eff_gray{ width: 60px; border-radius: 15px;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab */
    .sc_faq .faq_box{ padding: 10px 0 30px; }
    .sc_faq .faq_box .tab_nav{ display: flex; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px;}
    .sc_faq .faq_box .tab_nav li{ width: 105px; height: 50px; text-align: center; margin-left: 20px;}
    .sc_faq .faq_box .tab_nav li:first-of-type{margin-left: 0;}
    .sc_faq .faq_box .tab_nav li a{ width: 100%; font-size: 14px; font-weight: 500; line-height: 50px; color: #2c2c2c;}
    .sc_faq .faq_box .tab_nav li:hover a:after,
    .sc_faq .faq_box .tab_nav li.active a:after{ content: ''; display: block; width: 100%; height: 4px; background-color: #6f579f;}
    .sc_faq .faq_box .tab_nav li a > span{ margin-left: 5px; font-size: 12px; font-weight: 100; color: #b6a6d6;}
    .sc_faq .faq_box .tab_nav li a > span em{ font-style: normal;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab content*/
    .sc_faq .faq_box .tab_contents{ width: 100%;}
    .sc_faq .faq_box .tab_contents > div{ display: none; width: 100%;}
    .sc_faq .faq_box .tab_contents > div.active{ display: block;}
    /* .sc_faq .faq_box .tab_contents > div .tab_accordion{ display: none; } */
    .sc_faq .faq_box .tab_contents div .tab_accordion{ /* height: 47px; */ border: 1px solid #dbdbdb; margin-top: 10px; padding: 0 20px; box-sizing: border-box;/*  overflow: hidden; */}
    .sc_faq .faq_box .tab_contents div .tab_accordion:first-of-type{ margin-top: 0;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q{ width: 100%; display: flex; padding: 13px 0; border-bottom: 1px solid #dbdbdb; cursor: pointer;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q > *{ font-size: 13px; font-weight: 400; line-height: 20px; color: #353535;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q strong{ width: 10%;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3{ width: 90%; position: relative;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3:after{ content: ''; display: block; width: 10px; height: 7px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
        font-size: 10px; color: #353535; background: url(../images/arrow.png) no-repeat center; background-size: cover;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a{ width: 90%; padding: 20px 0; margin-left: auto;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a p{ font-size: 13px; line-height: 30px; color: #353535;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 --- pager */
    .sc_faq .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-right: 2%; margin-left: auto;  }
    .sc_faq .pager ol{ display: flex; width: 150px; }
    .sc_faq .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_faq .pager ol li:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sc_faq .pager ol li:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .sc_faq .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_faq .pager button { width: 72px; border-radius: 15px;}


    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 */
    .pay_list .btn_eff_gray{border-radius: 0;}
    .pay_list{ background-color: #fff; margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .pay_list h2{ font-size: 24px; font-weight: 100; color: #1E90FF; margin-bottom: 23px; }
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_top{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 0 5px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .pay_list .pay_search .form_top > div{ height: 30px; margin-bottom: 10px;}
    .pay_list .pay_search .form_top label{ font-size: 14px; line-height: 30px; color: #2b2b2b; margin-right: 10px;}
    .pay_list .pay_search .form_top div input[type="date"], .pay_list .pay_search .form_top input[type="search"]{ height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .pay_list .pay_search .form_top .datebar{display: flex; flex-wrap: nowrap; align-items: center; }
    .pay_list .pay_search .form_top .datebar span{margin: 0 5px; font-size: 11px; color: #2b2b2b;}
    .pay_list .pay_search .form_top .datebar input[type="search"]{ width: 100px; color: #a4a4a4; padding: 0 5px;}
    .pay_list .pay_search .form_top .datebar input[type="search"]::placeholder{font-size: 13px;}
    .pay_list .pay_search .form_top .btnbar{ width: 20%; max-width: 150px; min-width: 150px; height: 30px; display: flex; flex-wrap: nowrap; }
    .pay_list .pay_search .form_top .btnbar button{ width: 100%; margin-left: -1px; }
    .pay_list .pay_search .form_top .btnbar button:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .pay_list .pay_search .form_top .btnbar button:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .pay_list .pay_search .form_top .statebar select { width: 85px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .pay_list .pay_search .form_top .searchbar{ display: flex; flex-wrap: nowrap;}
    .pay_list .pay_search .form_top .searchbar input{ width: 110px;}
    .pay_list .pay_search .form_top .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_middle {display: flex; justify-content: space-between; align-items: center; padding: 8px 20px; line-height: 30px; border: 1px solid #dbdbdb; background-color: #f8f8f8; margin-bottom: 20px;}
    .pay_list .pay_search .form_middle .left_zone label{ font-size: 14px; line-height: 30px; color: #2b2b2b;}
    .pay_list .pay_search .form_middle .left_zone select { height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 3px; box-sizing: border-box; margin-left: 15px;}
    .pay_list .pay_search .form_middle .left_zone input[type="checkbox"]{margin-left: 25px; border: 1px solid #dbdbdb;}
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- table */
    .pay_list .pay_search .list_table{ width: 100%; margin-bottom: 30px;}
    .pay_list .pay_search .list_table table{ width: 100%; text-align: center;}
    .pay_list .pay_search .list_table table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
    .pay_list .pay_search .list_table table thead tr th{ padding: 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle; font-weight: 900}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(2){width: 120px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(3){width: 75px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(4){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(5){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(6){width: 75px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(7){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(8){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(9){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(10){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(11){width: 95px;}
    .pay_list .pay_search .list_table table tbody{ font-size: 14px; font-weight: 500; color: #525252; border-collapse: collapse;}
    .pay_list .pay_search .list_table table tbody .ft_bold{font-weight: 700;}
    .pay_list .pay_search .list_table table tbody .type01 > *{ display: block;}
    .pay_list .pay_search .list_table table tbody tr{ border-bottom: 1px solid #dbdbdb;}
    .pay_list .pay_search .list_table table tbody tr:nth-of-type(odd):hover{ cursor: pointer;}
    
    /* CMS 표 간격 */
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(2){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(3){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(4){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(5){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(6){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(7){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(8){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(9){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(10){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(11){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(12){width: 75px;}
    
    /* .pay_list .pay_search .list_table table tbody tr:nth-of-type(even) td:last-of-type{text-align: left; font-weight: 400;} */
    .pay_list .pay_search .list_table table tbody tr td{line-height: 20px; vertical-align: middle;;font-weight: 700}
    .pay_list .pay_search .list_table table tbody tr td:nth-of-type(5){text-align: right; padding-right: 20px;}
    /* 占쎈뱟占쎌뵥占쎌뵠占쎌젾占쎄맒占쎄쉭 --- modal POPUP*/
    .modal_wrap{ display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1000;}
    .modal_wrap.active{ display: block;}
    .modal_wrap.active .popup{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 600px; background-color: #fff; padding: 30px; box-sizing: border-box;}
    .modal_wrap.active .popup h2{float: left;}
    .modal_wrap.active .popup .btn_eff_gray{ float:right; width: 70px; border-radius: 3px; margin-top: 10px;}
    .modal_wrap.active .popup table{width: 100%; border-top: 1px solid #2c2c2c; border-collapse: collapse; margin-bottom: 30px;}
    .modal_wrap.active .popup table tr{border-bottom: 1px solid #dbdbdb;}
    .modal_wrap.active .popup table tr td{padding: 10px 14px; font-size: 13px; line-height: 20px; letter-spacing: -0.2px;}
    .modal_wrap.active .popup table tr td:nth-of-type(odd){ width: 90px; background-color: #f8f8f8; color: #2b2b2b;}
    .modal_wrap.active .popup table tr td:nth-of-type(even){ font-weight: 200; color: #525252;}
    .modal_wrap.active .popup table tr:last-of-type td{ padding: 25px 14px; background-color: #fff;}
    .modal_wrap.active .popup .btn_yellow{ display: block; margin: 0 auto; width: 95px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 3px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .modal_wrap.active .popup .btn_yellow:hover{ background-color: #b6a6d6;}
    .modal_wrap.active .popup .btn_yellow:focus{ outline: none;}


    /* 筌롫뗄�뵥占쎈읂占쎌뵠筌욑옙 */
    .main_dash{ margin: 40px auto 0; padding: 40px; width: 58.5%; min-width: 1000px; box-sizing: border-box; }
    .main_dash .main_top { width: 100%; display: flex; justify-content: space-between; background-color: #fff; border:1px solid #3f63bf; padding: 10px 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 15px;}
    .main_dash .main_top ul{ display: flex; width: 50%; line-height: 30px; padding: 5px 0;}
    .main_dash .main_top ul li{ padding-right: 15px; border-right: 1px solid #dbdbdb; font-size: 14px; line-height: 20px; color: #6d6d6d;}
    .main_dash .main_top ul li strong, .main_dash .main_top ul li span{ color: #2b2b2b;}
    .main_dash .main_top ul li:nth-of-type(2){ padding-left: 15px;}
    .main_dash .main_top ul li:last-of-type{ padding-left: 15px; border-right: none;}
    .main_dash .main_dash .main_top .btn_zone .btn_eff_gray{ width: 90px; border-radius: 3px;}
    .main_dash .main_contents{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .main_dash .main_contents > div { width: 48%; background-color: #fff; border: 1px solid #dbdbdb; padding: 30px; box-sizing: border-box ; margin-bottom: 10px;}
    .main_dash .main_contents > div h3 { float:left; font-size: 18px; line-height: 30px; font-weight: 700; color: #292929;}
    .main_dash .main_contents > div .control_zone { float:right; display: flex; align-items: center; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .main_dash .main_contents > div .control_zone p { margin-right: 15px; float: left;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray{ width: 30px; color: #959595; text-indent: -9999px;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:first-of-type{ background: url(../images/arrow_dash_l.png) no-repeat center center;
        border-radius: 50%; margin-right: 5px }
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:last-of-type{ background: url(../images/arrow_dash_r.png) no-repeat center center;
        border-radius: 50%; }
    .main_dash .main_contents > div .chart{ width: 100%; border-top: 1px solid #6f579f; border-bottom: 1px solid #6f579f; border-collapse: collapse; color: #000000; table-layout: fixed}
    .main_dash .main_contents > div .chart tbody tr:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .main_dash .main_contents > div .chart tbody tr td{ padding: 15px 20px; /*text-align: right; */ color: #1e90ff;}
    .main_dash .main_contents > div .btn_yellow{ float: right; width: 80px; margin-top:20px;}
    .main_dash .main_contents > div .graph{ width: 100%; height: 180px; background-size: contain; margin-top: 30px;}

    /* 투브플러스 제작 부분 */
    #popIncludeArea1 .input_s_b{width: 60%;}
    

}

@media screen and (max-width: 750px){
    input[name="customerIdentityNumber"]::placeholder {font-size: 12px;}
    .pay_list .pay_search .form_top .form_left {width:100%;}
    .pay_list .pay_search .form_top .form_right {width:100%;}
    .sortBtnSet {display: none;}
}

@media screen and (max-width: 399px){
    .dashboard section:first-of-type{
        margin-top: 0;
        padding-top: 20px;
    }
    section:first-of-type{
        margin-top: 110px;
        margin-bottom: 280px;
    }

    #companyNm { font-size:11px; }

    /* 嚥≪뮄�젃占쎌뵥 */
    .login{ width: 90%; margin: 0 auto; padding-top: 50px;}
    .login h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b4b4b4;}
    .login h2 img{ width:100%; height: auto;}
    .login h2 strong{ display: inline-block; color: #b6a6d6;}
    .login p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; color: #6d6d6d;}
    .login .userInfo{ width: 100%; height: 40px; padding: 5px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 10px;}
    .login .userInfo > label{ display: block; font-size: 13px; font-weight: 300; line-height: 20px; color: #2b2b2b; opacity: 1; transition: all 0.1s ease-in;}
    .login .userInfo > input{ width: 100%; height: 100%; padding: 0; border: none; background-color: transparent; font-size: 13px;}
    .login .userInfo > input::placeholder{ color: #a4a4a4;}
    .login .login_btns {display: flex;}
    /* 嚥≪뮄�젃占쎌뵥 --- (input focused) */
    .login .userInfo.focused{ outline: #b6a6d6 auto 1px;}
    .login .userInfo.focused > input:focus{ outline: none;}
    .login .userInfo.focused label{ font-size: 12px;  opacity: 0.6; backface-visibility: hidden;}

    .login input[type='checkbox']{ border: 1px solid #dbdbdb;}
    .login > label, .login > a{ font-size: 13px; line-height: 35px; color: #3d3d3d;}
    .login > label{ margin-right: 5px; }
    .login .btn_yellow{ width: 48%; height: 35px; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-right: 3px;}
    .login .btn_yellow:focus{ outline: none;}


    /* �뜮袁⑨옙甕곕뜇�깈 占쎌삺占쎌넇占쎌뵥 */
    .pw_check{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .pw_check h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .pw_check div:first-of-type{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .pw_check div:nth-of-type(2){ margin-bottom: 75px; }
    .pw_check div:nth-of-type(2) >*{ display: block; }
    .pw_check div:nth-of-type(2) label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .pw_check div:nth-of-type(2) b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .pw_check div:nth-of-type(2) input[type="password"]{ width: 100%; padding: 10px 5px; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_check div:nth-of-type(2) input[type="password"]::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; }
    .pw_check div:nth-of-type(2) .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px;
        color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: auto; }
    .pw_check div:nth-of-type(2) .btn_yellow:hover{ background-color: #b6a6d6; }
    .pw_check div:nth-of-type(2) .btn_yellow:focus{ outline: none; }
    .pw_check div:last-of-type{ width: 100%; border: 1px solid #dbdbdb; border-radius: 15px; padding: 30px 23px; box-sizing: border-box; background-color: #f8f8f8; }
    .pw_check div:last-of-type h3{ font-size: 14px; color: #303030; margin-bottom: 15px; border-radius: 15px;}
    .pw_check div:last-of-type p{ font-size: 13px; line-height: 20px; color: #6d6d6d;}

    /* 占쎌돳占쎌뜚占쎌젟癰귨옙 癰귨옙野껓옙 */
    .info_change{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .info_change h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .info_change .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .info_change > div:last-of-type > div{ border-bottom: 1px solid #dbdbdb; margin-bottom: 50px;}
    .info_change > div:last-of-type > div > *{ display: block; }
    .info_change > div:last-of-type input[type="text"]:focus{ outline: #b6a6d6 auto 1px; }
    .info_change > div:last-of-type div label{ font-size: 14px; color: #2b2b2b; margin-bottom: 12px; }
    .info_change > div:last-of-type div b{ font-size: 13px; color: #2c2c2c; margin-bottom: 30px; }
    .info_change > div:last-of-type form > div:not(:last-of-type){ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .info_change > div:last-of-type form label{ display: block; margin-bottom: 10px; font-size: 14px; color: #2b2b2b;}
    .info_change > div:last-of-type form label:after{ content:'*'; color: #ff1e00;}
    .info_change > div:last-of-type form input{ margin-bottom: 20px;}
    .info_change > div:last-of-type form input#name{ width: 100%;}
    .info_change > div:last-of-type form .number select{ width: 17%;}
    .info_change > div:last-of-type form .number input#hpnumb { width: 40%;}
    .info_change > div:last-of-type form .mail input#email{ width: 47%;}
    .info_change > div:last-of-type form input, .info_change > div:last-of-type form select{ padding: 10px 0; box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .info_change > div:last-of-type form input::placeholder{ font-size: 13px; letter-spacing: -0.5px; color: #a4a4a4; padding-left: 10px;}
    .info_change > div:last-of-type form .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .info_change > div:last-of-type form .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .info_change > div:last-of-type form .btn_yellow:hover{ background-color: #b6a6d6; }
    .info_change > div:last-of-type form .btn_yellow:focus{ outline: none; }
    .info_change > div:last-of-type form div:last-of-type{ display:flex; margin-left: auto;}

    /* �뜮袁⑨옙甕곕뜇�깈 筌≪뼐由� */
    .pw_find { width: 90%; margin: 0 auto; padding-top: 50px; }
    .pw_find h2{ margin-bottom: 25px; font-size: 36px; line-height: 40px; color: #b4b4b4; }
    .pw_find h2 strong{ color: #b6a6d6; }
    .pw_find p{ margin-bottom: 50px; font-size: 13px; font-weight: 300; line-height: 20px; color: #6d6d6d; }
    .pw_find form div{ display: flex; justify-content: space-between; line-height: 37px; color: #a4a4a4;}
    .pw_find form input[type="text"],.pw_find form select{ box-sizing: border-box; margin-bottom: 35px; border: 1px solid #dbdbdb; }
    .pw_find form input{ height: 35px; box-sizing: border-box;}
    .pw_find form input#searchUserId { width: 100%; border-radius: none;}
    .pw_find form div > input[type="text"]{ width: 100%; padding: 10px 5px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
    .pw_find form select{ height: 35px; padding: 0 5px; border-radius: 15px;}
    .pw_find form label {display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .pw_find form input, .pw_find form select{ margin-bottom: 20px; }
    .pw_find form .hpnumb input#hpnumb { width: 100%; margin-left: 5px;}
    .pw_find form .numb input#certification{ background-color: transparent;}

    .pw_find form input[type="text"]:focus{ outline: #b6a6d6 auto 1px; }

    .pw_find input[type='checkbox']{ border: 1px solid #dbdbdb; }
    .pw_find > label, .pw_find > a{ font-size: 13px; line-height: 35px; color: #3d3d3d; }
    .pw_find > label{ margin-right: 25px; }
    .pw_find .btn_yellow{ min-width: 100px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-top-right-radius: 3px; border-bottom-right-radius: 3px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .pw_find .btn_yellow:hover{ background-color: #b6a6d6;}
    .pw_find .btn_yellow:focus{ outline: none;}


    /* 1:1�눧紐꾩벥占쎌삂占쎄쉐 */
    .sc_write{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_write h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_write .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 10px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_write form{ width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_write form label{ display: block; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .sc_write form select { width: 185px; height: 35px; padding: 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px; }
    .sc_write form input[type="text"]{ width: 100%; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form textarea{ width: 100%; height: 380px; resize: none; padding: 10px; font-size: 14px; line-height: 20px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-bottom: 20px;}
    .sc_write form input[type="text"]::placeholder{ font-size: 13px; color: #a4a4a4; }
    .sc_write form input[type="file"]{margin-bottom: 15px; }
    .sc_write form input#file-upload-button{ width: 72px; height: 30px; border: 1px solid #dbdbdb; font-size: 13px; color: #dbdbdb; background-color: #fff;}
    .sc_write form p{ font-size: 13px; line-height: 20px; color: #8c8c8c; margin-bottom: 20px;}
    .sc_write .yn .btn_cancle{ float: left; width: 75px; height: 35px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 15px; font-size: 13px; line-height: 35px; color: #3f3f3f; text-align: center; cursor: pointer; margin-left: auto; }
    .sc_write .yn .btn_yellow{ width: 75px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px; color: #fff; text-align: center; transition: background-color 0.2s ease-in-out; cursor: pointer; margin-left: 10px; }
    .sc_write .yn .btn_yellow:hover{ background-color: #b6a6d6; }
    .sc_write .yn .btn_yellow:focus{ outline: none; }


    /* 1:1�눧紐꾩벥 �뵳�딅뮞占쎈뱜  ( 360 占쎄텢占쎌뵠筌앸뜃�돱筌욑옙  )*/
    .sc_list{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_list h2{ font-size: 24px; font-weight: 100; color: #1e90ff; margin-bottom: 23px; }
    .sc_list .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 25px 20px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 40px; background-color: #f8f8f8; }
    .sc_list .box_gray strong{ display: inline-block; font-size: 14px; line-height: 20px; color: #303030; margin-bottom: 15px};
    .sc_list .box_gray p{ font-size: 13px; line-height: 20px; color: #6d6d6d; };
    .sc_list .list_table{ width: 100%; box-sizing: border-box; }
    .sc_list .list_table .total{ font-size: 13px; color: #2b2b2b; padding-left: 10px; margin-bottom: 20px;}
    .sc_list .list_table .total span{ font-weight: 700;}
    .sc_list .list_table .table{ width: 100%; height: 50px; margin-bottom: 30px; }
    .sc_list .list_table .table tr td:nth-of-type(1){ width: 7%;}
    .sc_list .list_table .table tr td:nth-of-type(2){ width: 16%;}
    .sc_list .list_table .table tr td:nth-of-type(3){ width: 10%; max-width: 100px; padding: 0 4px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .sc_list .list_table .table tr td:nth-of-type(4){ width: 15%;}
    .sc_list .list_table .table tr td:nth-of-type(5){ width: 19%;}
    .sc_list .list_table .table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 13px; font-weight: 500; line-height: 50px; color: #2b2b2b;}
    .sc_list .list_table .table tbody{ text-align: center; }
    .sc_list .list_table .table tbody tr{ font-size: 13px; line-height: 50px; color: #525252; border-bottom: 1px solid #dbdbdb;}
    .sc_list .list_table .btn_yellow{ min-width: 100px; height: 35px; border-radius: 15px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box; margin-left: auto;}
    .sc_list .list_table .btn_yellow:focus{ outline: none;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- 疫꿸퀗而숃�곌퀬�돳 ( 360 占쎄텢占쎌뵠筌앸뜃�돱筌욑옙  )*/
    .sc_list .lookup{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_list .lookup label{ font-size: 14px; line-height: 30px; color: #2b2b2b; margin-right: 15px;}
    .sc_list .lookup div input[type="date"], .sc_list .lookup input[type="search"]{ height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    .sc_list .lookup > div { margin-bottom: 10px;}
    .sc_list .lookup .datebar{align-items: center; }
    .sc_list .lookup .datebar label{ width: 100%; display: block;}
    .sc_list .lookup .datebar span{margin: 0 3px; font-size: 11px; color: #2b2b2b;}
    .sc_list .lookup .datebar input[type="date"]{ width: 46%; color: #a4a4a4;}
    .sc_list .lookup .btnbar{ max-width: 150px; min-width: 150px; height: 30px; display: flex; flex-wrap: nowrap;}
    .sc_list .lookup .btnbar button{ width: 100%; margin-left: -1px; padding: 0; }
    .sc_list .lookup .btnbar button:first-of-type{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
    .sc_list .lookup .btnbar button:last-of-type{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
    .sc_list .lookup .searchbar{ }
    .sc_list .lookup .searchbar input{ width: 100%;}
    .sc_list .lookup .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    /* 1:1 �눧紐꾩벥�뵳�딅뮞占쎈뱜 --- pager */
    .sc_list .list_table .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-right: 2%; margin-left: auto;  }
    .sc_list .list_table .pager ol{ display: flex; width: 150px; }
    .sc_list .list_table .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_list .list_table .pager ol li:first-of-type{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
    .sc_list .list_table .pager ol li:last-of-type{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
    .sc_list .list_table .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_list .list_table .pager button { width: 72px; border-radius: 15px;}
    .sc_list .list_table a{ width: 95px; height: 37px; float: right; margin-right: 2%;}

    /* �⑤벊占쏙옙沅쀯옙鍮� */
    .sc_notice{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_notice h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_notice .notice_box .board_title{padding: 15px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; }
    .sc_notice .notice_box .board_title h3{ font-size: 16px; line-height: 25px; font-weight: 500; color: #2c2c2c; margin-bottom: 10px;}
    .sc_notice .notice_box .board_title span{ font-size: 13px; color: #606060;}
    .sc_notice .notice_box .board_title span > span{ margin-left: 25px;}
    .sc_notice .notice_box .board_title span > span > em{ font-style: normal;}
    .sc_notice .notice_box .board_contents { width: 100%; padding: 30px 15px; box-sizing: border-box;}
    .sc_notice .notice_box .board_contents p{ font-size: 14px; line-height: 20px; color: #353535; }
    .sc_notice .notice_box .upload_list{ padding: 15px 20px; border: 1px solid #dbdbdb; margin-bottom: 30px;}
    .sc_notice .notice_box .upload_list dl{ display: flex;}
    .sc_notice .notice_box .upload_list dl dt{ font-size: 13px; color: #020202; margin-right: 20px;}
    .sc_notice .notice_box .upload_list dl dd{ font-size: 13px; color: #353535; margin-right: 5px;}
    .sc_notice .notice_box .upload_list dl dd span{ font-size: 12px; color: #929292;}
    .sc_notice .notice_box .board_s_list ul{ margin-bottom: 10px;}
    .sc_notice .notice_box .board_s_list li{ padding: 15px 20px;}
    .sc_notice .notice_box .board_s_list li:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .sc_notice .notice_box .board_s_list li strong{ font-size: 13px; font-weight: 400; color: #020202; margin-right: 35px;}
    .sc_notice .notice_box .board_s_list li a{ display: inline-block; width: 70%; font-size: 13px;   text-decoration: none;  word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .sc_notice .notice_box .board_s_list li:first-of-type a{ color: #353535;}
    .sc_notice .notice_box .board_s_list li:last-of-type a{ color: #8c8c8c;}
    .sc_notice .notice_box .btn_eff_gray { display: block; width: 72px; line-height: 30px; border-radius: 15px; text-align: center; margin-left: auto;}

    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 */
    .sc_faq{ background-color: #fff; margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .sc_faq h2{ font-size: 24px; font-weight: 100; color: #292929; margin-bottom: 23px; }
    .sc_faq .box_gray{ width: 100%; border: 1px solid #dbdbdb; border-radius: 10px; padding: 5px 20px; font-size: 13px; line-height: 20px; color: #6d6d6d; box-sizing: border-box; margin-bottom: 20px; background-color: #f8f8f8; }
    .sc_faq .box_gray a{ display: inline-block; color: #000; text-decoration: underline;}
    .sc_faq .searh_box{ display: flex; padding: 15px 10px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; }
    .sc_faq .searh_box select { width: 115px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box select option{ font-size: 12px; color: #2c2c2c;}
    .sc_faq .searh_box input[type="search"]{ width: 50%; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 10px;}
    .sc_faq .searh_box input[type="search"]::placeholder{font-size: 12px;}
    .sc_faq .searh_box .btn_eff_gray{ width: 60px; border-radius: 15px;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab */
    .sc_faq .faq_box{ padding: 10px 0 30px; }
    .sc_faq .faq_box .tab_nav{ display: flex; border-bottom: 1px solid #dbdbdb; margin-bottom: 40px;}
    .sc_faq .faq_box .tab_nav li{ width: 20%; height: 50px; text-align: center;}
    .sc_faq .faq_box .tab_nav li:first-of-type{margin-left: 0;}
    .sc_faq .faq_box .tab_nav li a{ width: 100%; font-size: 13px; font-weight: 500; line-height: 50px; color: #2c2c2c;}
    .sc_faq .faq_box .tab_nav li:hover a:after,
    .sc_faq .faq_box .tab_nav li.active a:after{ content: ''; display: block; width: 100%; height: 4px; background-color: #b6a6d6;}
    /* .sc_faq .faq_box .tab_nav li a > span{ margin-left: 2px; font-size: 11px; font-weight: 100; color: #b6a6d6;} */
    .sc_faq .faq_box .tab_nav li a > span{ display: none;}
    .sc_faq .faq_box .tab_nav li a > span em{ font-style: normal;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 ---tab content*/
    .sc_faq .faq_box .tab_contents{ width: 100%;}
    .sc_faq .faq_box .tab_contents > div{ display: none; width: 100%;}
    .sc_faq .faq_box .tab_contents > div.active{ display: block;}
    /* .sc_faq .faq_box .tab_contents > div .tab_accordion{ display: none; } */
    .sc_faq .faq_box .tab_contents div .tab_accordion{ height: 47px; border: 1px solid #dbdbdb; margin-top: 10px; padding: 0 12px; box-sizing: border-box; overflow: hidden;}
    .sc_faq .faq_box .tab_contents div .tab_accordion:first-of-type{ margin-top: 0;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q{ position: relative; width: 100%; display: flex; padding: 13px 0; border-bottom: 1px solid #dbdbdb; cursor: pointer;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q > *{ font-size: 13px; font-weight: 400; line-height: 20px; color: #353535;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q strong{ width: 20%;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3{ width: 200px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_q h3:after{ content: ''; display: block; width: 10px; height: 7px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
        font-size: 10px; color: #353535; background: url(/mg/assets/images/arrow.png) no-repeat center; background-size: cover;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a{ width: 90%; padding: 20px 0; margin-left: auto;}
    .sc_faq .faq_box .tab_contents div .tab_accordion .tab_a p{ font-size: 13px; line-height: 30px; color: #353535;}
    /* 占쎌쁽雅뚯눖硅占쎈뮉筌욌뜄揆 --- pager */
    .sc_faq .pager { width: 240px; height: 30px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; margin-left: auto;  }
    .sc_faq .pager ol{ display: flex; width: 150px; }
    .sc_faq .pager ol li{ width: 100%; margin-left: -1px; }
    .sc_faq .pager ol li:first-of-type{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
    .sc_faq .pager ol li:last-of-type{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
    .sc_faq .pager ol li a{ display: block; width: 100%; line-height: 30px; text-align: center; color: #6a6a6a;}
    .sc_faq .pager button { width: 72px; border-radius: 15px;}


    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 */
    .pay_list .btn_eff_gray{border-radius: 0px;}
    .pay_list{ background-color: #fff; margin: 40px auto 0; padding: 40px 5px; width: 100%; box-sizing: border-box; }
    .pay_list h2{ font-size: 24px; font-weight: 100; color: #1e90ff; margin-bottom: 23px; }
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_top{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 10px 15px; border-top: 1px solid #b6a6d6; border-bottom: 1px solid #dbdbdb; margin-top: 30px;}
    .pay_list .pay_search .form_top > div{ height: 30px; padding: 4px;}
    .pay_list .pay_search .form_top label{ font-size: 12px; line-height: 30px; color: #2b2b2b; }
    .pay_list .pay_search .form_top div input[type="date"], .pay_list .pay_search .form_top input[type="search"]{ height: 30px; padding-left: 10px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; }
    /*  toobplus 제작  */
    .pay_list .pay_search .form_top input[type="search"].focus_outline {width: 85px;}
    .pay_list .pay_search .form_top input[type="search"].user_search {}
    /*  toobplus 제작 -- end  */
    .pay_list .pay_search .form_top .datebar{display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 0;}
    .pay_list .pay_search .form_top .datebar label{ }
    .pay_list .pay_search .form_top .datebar span{margin: 0 5px; font-size: 11px; color: #2b2b2b;}
    .pay_list .pay_search .form_top .datebar input[type="date"]{ width: 130px; color: #a4a4a4; padding-left: 5px;}
    .pay_list .pay_search .form_top .datebar input[type="date"]::placeholder{font-size: 12px;}
    .pay_list .pay_search .form_top .btnbar{ display: none;}
    .pay_list .pay_search .form_top .btnbar button{ width: 100%; margin-left: -1px; }
    .pay_list .pay_search .form_top .btnbar button:first-of-type{ border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .pay_list .pay_search .form_top .btnbar button:last-of-type{ border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .pay_list .pay_search .form_top .statebar select { width: 85px; height: 30px; padding: 0 5px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box;}
    .pay_list .pay_search .form_top .searchbar{ display: flex; flex-wrap: nowrap;}
    .pay_list .pay_search .form_top .searchbar input.focus_outline{ width:60px; }
    .pay_list .pay_search .form_top .searchbar > button{ width: 65px; border-radius: 15px; margin-left: 5px;}
    .pay_list .pay_search .form_top .searchbtn button { width: 65px; border-radius: 15px; }
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- 疫꿸퀗而숃�곌퀬�돳 */
    .pay_list .pay_search .form_middle {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 8px 10px; line-height: 30px; border: 1px solid #dbdbdb; background-color: #f8f8f8; margin-bottom: 20px;}
    .pay_list .pay_search .form_middle .left_zone{ margin-bottom: 5px;}
    .pay_list .pay_search .form_middle .left_zone label{ display: none;}
    .pay_list .pay_search .form_middle .left_zone select { height: 30px; padding: 0 3px; border: 1px solid #dbdbdb; border-radius: 15px; box-sizing: border-box; margin-right: 5px;}
    .pay_list .pay_search .form_middle .left_zone input[type="checkbox"]{ display: none;}
    .pay_list .pay_search .form_middle .btn_zone input
  
    /* 野껉퀣�젫占쎄땀占쎈열 野껓옙占쎄퉳 --- table */
    .pay_list .pay_search .list_table{ width: 100%; overflow-x: scroll; margin-bottom: 30px;}
    .pay_list .pay_search .list_table table{ width: 100%; /*min-width: 1000px;*/ text-align: center; font-size:13px;}
    .pay_list .pay_search .list_table table thead{ border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
    .pay_list .pay_search .list_table table thead tr th{ padding: 10px 0; font-size: 14px; line-height: 20px; vertical-align: middle;}
    .pay_list .pay_search .list_table table.board_list_st01 thead tr th{font-size: 11px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(1).w_45{width: 45px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(2){width: 120px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(3){/* width: 75px; */}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(3).d_b {width: 75px; display: block;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(4){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(5){/* width: 100px; */display: none;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(5).d_b{width: 100px; display: block;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(6){width: 75px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(7){width: 120px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(8){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(9){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(10){width: 100px;}
    .pay_list .pay_search .list_table table thead tr th:nth-of-type(11){width: 100px;}


    .pay_list .pay_search .list_table table tbody{ font-size: 13px; color: #525252; border-collapse: collapse;}
    .pay_list .pay_search .list_table table tbody .ft_bold{font-weight: 700;}
    .pay_list .pay_search .list_table table tbody tr{ border-bottom: 1px solid #dbdbdb;}
    .pay_list .pay_search .list_table table tbody tr td{padding:20px 0; line-height: 20px; vertical-align: middle;}
    .pay_list .pay_search .list_table table tbody tr td:nth-of-type(5){text-align: right; padding-right: 20px;}



    /*  투브플러스 제작  */
    .sortBtnSet {margin: 0;display: none;}
    .sortBtnSet a {padding:0 3px;}
    .pay_list input.downloadExcel {display: none}
    /*  투브플러스 제작 -- end  */

    /* CMS 표 간격 */
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(1){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(2){width: 35px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(3){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(4){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(5){width: 125px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(6){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(7){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(8){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(9){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(10){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(11){width: 75px;}
    .CMSAdjustment .pay_search .list_table table thead tr th:nth-of-type(12){width: 75px;}

    /* 占쎈뱟占쎌뵥占쎌뵠占쎌젾占쎄맒占쎄쉭 --- modal POPUP*/
    .modal_wrap{ display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1000; }
    .modal_wrap.active{ display: block;}
    .modal_wrap.active .popup{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 600px;  min-width: 350px; background-color: #fff; padding: 30px; box-sizing: border-box;  overflow-x: scroll;}
    .modal_wrap.active .popup h2{float: left;}
    .modal_wrap.active .popup .btn_eff_gray{ float:right; width: 70px; border-radius: 15px; margin-top: 10px;}
    .modal_wrap.active .popup table{ width: 540px; border-top: 1px solid #2c2c2c; border-collapse: collapse; margin-bottom: 30px; }
    .modal_wrap.active .popup table tr{border-bottom: 1px solid #dbdbdb;}
    .modal_wrap.active .popup table tr td{padding: 10px 14px; font-size: 13px; line-height: 20px; letter-spacing: -0.2px;}
    .modal_wrap.active .popup table tr td:nth-of-type(odd){ width: 90px; background-color: #f8f8f8; color: #2b2b2b;}
    .modal_wrap.active .popup table tr td:nth-of-type(even){ font-weight: 200; color: #525252;}
    .modal_wrap.active .popup table tr:last-of-type td{ padding: 25px 14px; background-color: #fff;}
    .modal_wrap.active .popup .btn_yellow{ display: block; margin: 0 auto; width: 95px; height: 35px; background-color: #b6a6d6; border: 1px solid #6f579f; border-radius: 15px;
        color: #fff; text-align: center; line-height: 35px; transition: background-color 0.2s ease-in-out; cursor: pointer; box-sizing: border-box;}
    .modal_wrap.active .popup .btn_yellow:hover{ background-color: #b6a6d6;}
    .modal_wrap.active .popup .btn_yellow:focus{ outline: none;}

    /* 筌롫뗄�뵥占쎈읂占쎌뵠筌욑옙 */
    .main_dash{ margin: 40px auto 0; padding: 40px 3.5%; width: 100%; box-sizing: border-box; }
    .main_dash .main_top { width: 100%; display: flex; flex-wrap: wrap; justify-content: start; background-color: #fff; border:1px solid #6f579f; padding: 10px 20px; box-sizing: border-box; margin-bottom: 20px; border-radius: 15px;}
    .main_dash .main_top ul{ line-height: 30px; padding: 5px 0;}
    .main_dash .main_top ul li{ padding-right: 10px; font-size: 14px; line-height: 20px; color: #6d6d6d;margin-bottom: 10px;}
    .main_dash .main_top ul li strong, .main_dash .main_top ul li span{ color: #2b2b2b;}
    .main_dash .main_dash .main_top .btn_zone .btn_eff_gray{ width: 90px; border-radius: 15px;}
    .main_dash .main_contents{ width: 100%;}
    .main_dash .main_contents > div { width: 100%; background-color: #fff; border: 1px solid #dbdbdb; padding: 30px; box-sizing: border-box ; margin-bottom: 10px;}
    .main_dash .main_contents > div h3 { float:left; font-size: 18px; line-height: 30px; font-weight: 700; color: #292929; letter-spacing: -0.05em;}
    .main_dash .main_contents > div .control_zone { float:right; display: flex; align-items: center; font-size: 14px; color: #2b2b2b; margin-bottom: 10px;}
    .main_dash .main_contents > div .control_zone p { margin-right: 5px; float: left;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray{ width: 30px; color: #959595; text-indent: -9999px;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:first-of-type{ background: url(/mg/assets/images/arrow_dash_l.png) no-repeat center center;
        border-top-left-radius: 15px; border-bottom-left-radius: 15px; margin-right:3px;}
    .main_dash .main_contents > div .control_zone .btn_zone .btn_eff_gray:last-of-type{ background: url(/mg/assets/images/arrow_dash_r.png) no-repeat center center;
        border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .main_dash .main_contents > div .chart{ width: 100%; border-top: 1px solid #6f579f; border-bottom: 1px solid #9c9c9c; border-collapse: collapse; }
    .main_dash .main_contents > div .chart tbody tr:first-of-type{ border-bottom: 1px solid #dbdbdb;}
    .main_dash .main_contents > div .chart tbody tr td{ padding: 15px 20px; text-align: right; color: #1e90ff;}
    .main_dash .main_contents > div .btn_yellow{ display: block; margin-left: auto; width: 135px; margin-top:20px;}
    .main_dash .main_contents > div .graph{ width: 100%; height: 180px; background-size: contain; margin-top: 30px;}
    
    /* 투브플러스 제작 부분 */
    .main_dash .main_contents .board_btn a {min-height:120px;}
    .main_dash .main_contents .board_btn a img {width:50px;}

    .pay_list .t_pay_title { flex-direction: column; }
    .pay_list .t_pay_title p { margin-bottom: 23px; margin-left: 0;}
    .pay_list .pay_search .t_form_top {flex-direction: column; align-items: flex-start;}

    .titleSub { font-size: 14px;font-weight: 600; margin-bottom: 10px; }
    .customerUserDesc { font-size:14px; }
    .customerUserDesc div:first-child { margin-top:5px; }
}

.pagination { display:flex; gap:5px; }
.pay_list .pay_search .list_table table thead tr.width_fix th {width:auto;}

.agreement p {
    line-height: 1.8;
}

.agreement h1 {
    font-size: 28px;
    margin-bottom: 24px
}

.agreement h2 {
    margin-top: 15px;
}