@charset "utf-8"; 

/*  @latest 
    2025.11.14 OSY
    2025.11.17 SSJ
    2025.11.18 SSJ
    2025.11.19 SSJ
    2025.12.01 SSJ
    2026.03.16 SSJ
*/


/* 공통 텍스트제목/버튼/인풋 등 */
.hakbumo_Wrap * {font-family:'Noto Sans KR';}
.hakbumoSTit {width:100%; font-size:20px; font-weight:400; padding:30px 0 10px; background:transparent !important; padding-left:0; margin-bottom:0;}


.hakbumo_Wrap select {font-size:15px;}
.hakbumo_Wrap input {font-size:15px;}
input[type="text"]:focus::placeholder { color: transparent; } 


.hakbumoSTit:first-child {padding-top:0;}
.hakbumoSTit:before {content:""; width:11px; height:11px; display:inline-block; background:orange; border-radius:10px 10px 0 10px; vertical-align:middle; margin-right:5px; margin:-6px 5px 0 0;}
    /* .content-wrapper .hakbumoSTit:before {display:none;} */
    .content-wrapper .hakbumo_Wrap .hakbumoSTit:first-child {padding-top:18px;}
 .hakbumoSTit + table.basic { border-top: 1px solid #e5e5e5;}

 /* 관리자단에서 우선순위 주기 */
 /* .content-wrapper .hakbumoSTit { font-size: 18px !important; padding: 18px 20px 19px !important; }  */
 .content-wrapper table.basic > tbody > tr > td iframe { max-width: unset!important; } 
 

.wzForm.checkStyle02 input[type="checkbox"] + label:before {width:22px; height:22px; line-height:20px; box-shadow:none; border:2px solid #ddd; border-radius:7px; font-size:11px; text-align:center; box-sizing:border-box; outline:none;}
.wzForm.checkStyle02 input[type="checkbox"]:checked + label:before {background:none; color:#919191; border:2px solid #ddd; background:#fff; border-color:#eccd9a; color:#f5a828;}

.includImg {}
.includImg img {max-width:100%;}

.hakbumo_Wrap .main-tit { font-weight:600; font-size:18px; } 
.hakbumo_Wrap .wz_tableguide {font-size:14px;}
.hakbumo_Wrap .red {color:#e65151!important;}

.hakbumo_Wrap .tit-space button, 
.hakbumo_Wrap .tit-space a {min-width:60px; font-size:15px; padding:0 15px; height:40px; box-sizing:border-box; line-height:38px;}
.hakbumo_Wrap .iconOnlyBtnSameSize {display:inline-block; margin:0 3px; border-radius:10px; vertical-align:middle; letter-spacing:-0.5px; padding:0px 8px; position:relative; color:#333; font-size:14px; min-height:30px; box-sizing:border-box; line-height:26px;}
.hakbumo_Wrap .iconOnlyBtnSameSize.red { color:#e65151!important; } 
.hakbumo_Wrap .iconOnlyBtnSameSize.red:hover { color:#fff!important;}

.hakbumo_Wrap .wzForm input[type="radio"] + label { width: auto !important; } /* tongtong.css 영향받고 있음 */
.hakbumo_Wrap .datePicker_group { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.hakbumo_Wrap .datePicker_wrap,
.hakbumo_Wrap .inputBox_wrap { display: inline-flex; gap: 5px; flex-wrap: wrap; align-items: center; }



/* 팝업 - 버튼 */
.hakbumo-srch {font-size:15px; padding:9px 15px 8px;}
.hakbumo-set {border-radius:10px; letter-spacing:-0.5px; padding:0px 8px; color:#333; font-size:14px; min-height:30px; box-sizing:border-box; line-height:26px;}
.hakbumo_Wrap .tit-space {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:15px;}
.hakbumo_Wrap .listTop.flex-end {justify-content:flex-end;}
.hakbumo_Wrap .side-txt {display:inline-flex; align-items:center; gap:10px; font-weight:500; vertical-align:middle; margin-left:10px;}
.hakbumo_Wrap .side-txt select {margin:0;}
.hakbumo_Wrap .tit-select { display:flex; align-items:flex-end; margin-bottom:10px; } 
.hakbumo_Wrap .tit-select .hakbumoSTit { padding-bottom:0; } 
.hakbumo_Wrap .tit-select select { margin:0; } 

    @media (max-width:990px){
        .hakbumoAdmin h3 {font-size:17px;}
    }

    @media (max-width:899px){
        .hakbumoSTit {font-weight:600;}
        .hakbumoAdmin .tableWrap {flex-direction:column;}
        .hakbumoAdmin .mainTit {font-size:16px;}
    }



/* 공통 테이블 */
.wzpopup .basic.basic-narrow * {font-family:'Noto Sans KR';}
.wzpopup .basic.basic-narrow>tbody>tr>th {width:150px; padding:5px 25px 5px 15px; text-align:right; font-size:15px; line-height:40px; font-weight:500; word-break:keep-all; vertical-align: middle; background:#f9f9f9; color:#6f6f6f; border-top:1px solid #ddd;}
.wzpopup .basic.basic-narrow>tbody>tr>td {padding:10px 15px; font-size:15px; line-height:150%; text-align:left; word-break:keep-all; border-top:1px solid #ddd; vertical-align: middle;}
.wzpopup .basic.basic-narrow>tbody>tr>td input[type="text"] + .wzbtn-table {padding:9px 15px 8px; font-size: 15px; line-height: 21px;}
.wzpopup .basic.basic-narrow {border-bottom:1px solid #ddd; border-top:2px solid orange;}

/* 팝업이 subCon밖에 있을때 */
.wzpopup:has(.basic-narrow) .hakbumoSTit {font-family:'Noto Sans KR';}
.wzpopup:has(.basic-narrow) .hakbumoSTit{ background: transparent !important; padding-left: 0; font-size: 20px; margin-bottom: 0;}
.wzpopup:has(.basic-narrow) .btnbox-r:last-of-type {float: none; }
.wzpopup .pop-container>form>input + .hakbumoSTit { padding-top:0;}
.wzpopup:has(.basic-narrow) .hasDatepicker {width: 240px!important;}
.wzpopup #timeSeqSpan { margin: 5px 0 0 0; display: block;}
.wzpopup #timeSeq {width: 240px;}
.wzpopup:has(.basic-narrow) .datePicker_wrap,
.wzpopup:has(.basic-narrow) .inputBox_wrap { display: inline-flex; gap: 5px; flex-wrap: wrap; align-items: center; }



.hakbumo_Wrap .basic>tbody>tr>th {width:150px; padding:15px 25px 10px 15px; text-align:right; font-size:15px; line-height:40px; font-weight:500; word-break:keep-all; vertical-align:top; background:#f9f9f9; color:#6f6f6f; border-top:1px solid #ddd;}
.hakbumo_Wrap .basic>tbody>tr>td {padding:15px 15px; font-size:15px; line-height:150%; text-align:left; word-break:keep-all; border-top:1px solid #ddd;}
.hakbumo_Wrap .basic {border-bottom:1px solid #ddd;}

.hakbumo_Wrap .basic-table {width:100%; border-bottom:1px solid #ddd; border-collapse:collapse; margin-bottom:30px;}
.hakbumo_Wrap .basic-table thead tr {background:#f9f9f9;}
.hakbumo_Wrap .basic-table thead tr th {padding:10px; border:1px solid #e0e0e0; border-width:1px 0; font-size:15px; font-weight:500; color:#6f6f6f; text-align:center;}
.hakbumo_Wrap .basic-table tbody tr td.txt-l {padding:10px;}
.hakbumo_Wrap .basic-table tbody tr td {word-break:break-word; height:35px; line-height:150%; border-top:1px solid #f3f3f3; font-size:15px; color:#333; } 

    @media (max-width:899px){
        .wzpopup .basic.basic-narrow colgroup {display:none;}
        .wzpopup .basic.basic-narrow>tbody>tr {display:flex; width:100%; flex-wrap:wrap;}
        .wzpopup .basic.basic-narrow>tbody>tr>th {box-sizing:border-box; padding:10px 15px; text-align:left; line-height:normal;}
        .wzpopup .basic.basic-narrow>tbody>tr>td {width:calc(100% - 150px); box-sizing:border-box; padding:10px 20px 20px;}
        .wzpopup .basic-narrow>tbody>tr>td input[type="text"],
        .wzpopup .basic-narrow>tbody>tr>td select {min-width:auto; width:auto;}

        .hakbumo_Wrap .basic colgroup {display:none;}
        .hakbumo_Wrap .basic>tbody>tr {display:flex; width:100%; flex-wrap:wrap;}
        .hakbumo_Wrap .basic>tbody>tr>th {box-sizing:border-box; padding:10px 15px; text-align:left; line-height:normal;}
        .hakbumo_Wrap .basic>tbody>tr>td {width:calc(100% - 150px); box-sizing:border-box; padding:10px 20px 20px;}
        .hakbumo_Wrap .basic>tbody>tr>td input[type="number"] {max-width:100px;}
        .hakbumo_Wrap .basic>tbody>tr>td .grey.ml10.mr10.fs10 {display:block; font-size:1px; height:5px;}
        .hakbumo_Wrap .basic>tbody>tr>td input[type="text"] ~ input[type="text"] {max-width:200px;}

        .hakbumo_Wrap .basic.mobileTBL>tbody>tr>th {width:100%;}
        .hakbumo_Wrap .basic.mobileTBL>tbody>tr>td {width:100%; padding-bottom:40px;}

        .hakbumo_Wrap .basic-table thead tr th {padding:10px 4px !important; font-size:14px;}
        .hakbumo_Wrap .basic-table tbody tr td {font-size:14px;}
    }






/* 
    학부모 수강신청관리 
*/
.hakbumo_Wrap {max-width:1300px; margin:0 auto; padding-top:0 !important; background:#fff;}
    .content-wrapper .hakbumo_Wrap {max-width:none;}

.hakbumo_Wrap .topSelbox { width:100%; display:flex; justify-content:space-between; margin-bottom:10px; } 
.hakbumo_Wrap .topSelbox:has(+ div:not(.courseWrap)) .typeSelect {  padding-right:0;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu {display:flex; flex-grow:2; align-items:center; flex-wrap:wrap;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu .adminTxt {font-size:14px; font-weight:500;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu .adminTxt:before {content:""; width:9px; height:9px; display:inline-block; background:#333; border-radius:5px 5px 0 5px; margin:-2px 5px 0 0;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu .adminTxt:after  {content:""; width:1px; height:10px; display:inline-block; background:#333; margin-left:10px; opacity:0.5;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu button {padding:5px 15px; letter-spacing:-0.5px; font-size:14px; color:#484848; position:relative;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu button:not(:last-child):after {content:""; width:4px; height:4px; display:inline-block; background:#333; border-radius:100%; position:absolute; right:-2px; top:14px; opacity:0.5;}
.hakbumo_Wrap .topSelbox .hakbumo_adminMenu button:hover {text-decoration:underline;}
    .hakbumo_Wrap.visitor .hakbumo_adminMenu {display:none;}
.hakbumo_Wrap .typeSelect {display:flex !important; justify-content:flex-end; gap:5px; padding:0 20px; box-sizing:border-box; flex-grow:1;}
.hakbumo_Wrap .typeSelect button {font-size:14px; padding:6px 10px; border:1px solid #ddd; border-radius:3px; color:#737373;}
.hakbumo_Wrap .typeSelect button#type_list:before {content:"\f03a"; font-family:'FontAwesome'; font-size:11px; margin-right:5px; font-weight:400;}
.hakbumo_Wrap .typeSelect button#type_card:before {content:"\f009"; font-family:'FontAwesome'; margin-right:5px; font-size:11px;}
.hakbumo_Wrap .typeSelect button.on {border-color:#fcb438;}
.hakbumo_Wrap .typeSelect button:not(.on):hover {border-color:#333;}

.hakbumo_Wrap .srchBox {padding:20px !important; background:#FBF4EE; border-radius:30px; margin-top:10px !important; display:flex !important; flex-direction:column; gap:10px; margin-bottom:30px;}
.hakbumo_Wrap .srchBox .srchTit {letter-spacing:-0.5px; font-size:24px; font-weight:500;}
.hakbumo_Wrap .srchBox .srchGroup {display:flex; gap:10px; flex-wrap:wrap;}
.hakbumo_Wrap .srchBox .srchGroup .list-srchbox { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.hakbumo_Wrap .srchBox .srchGroup .srchCo {font-size:13px; color:#6f6f6f; font-weight:500; line-height:40px; font-family:'FontAwesome'; padding-right:10px; padding-top:3px;}
.hakbumo_Wrap .srchBox .srchGroup input[type="radio"] {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.hakbumo_Wrap .srchBox .srchGroup input[type="radio"]+label {position:relative; cursor:pointer; line-height:150%; padding-left:30px; padding-right:38px; display:flex; align-items:center;}
.hakbumo_Wrap .srchBox .srchGroup input[type="radio"]+label:before {content:""; width:22px; height:22px; display:inline-block; line-height:20px; box-shadow:none; border:2px solid #eccd9a; border-radius:7px; font-size:11px; text-align:center; box-sizing:border-box; position:absolute; left:0; top:10px;}
.hakbumo_Wrap .srchBox .srchGroup input[type="radio"]:checked+label:before  {content:"\f00c"; font-family:fontAwesome; background:#fff; color:#f5a828; border:2px solid #f5a828;}
.hakbumo_Wrap .srchBox .srchGroup select {background-color:#fff; border-radius:15px; padding-left:10px !important; border-color:transparent; margin-right:0 !important; width:160px;}
.hakbumo_Wrap .srchBox .srchGroup>select {width:119px;}
.hakbumo_Wrap .srchBox .srchGroup input[type="date"],
.hakbumo_Wrap .srchBox .srchGroup input[type="month"] {background-color:#fff; border-radius:15px; padding-left:10px !important; border-color:transparent; width:120px;}
.hakbumo_Wrap .srchBox .srchGroup  input[type="date"]::-webkit-calendar-picker-indicator,
.hakbumo_Wrap .srchBox .srchGroup  input[type="month"]::-webkit-calendar-picker-indicator {display:none; -webkit-appearance:none;}
.hakbumo_Wrap .srchBox .srchGroup label span {font-size:14px; color:#6f6f6f; padding:0 2px;}
.hakbumo_Wrap .srchBox .srchGroup input[type="text"] {background-color:#fff; border-radius:15px; padding-left:10px !important; border-color:transparent; width:300px;}
.hakbumo_Wrap .srchBox .srchGroup .btn-srch {background:linear-gradient(45deg, #fcb438, #f3a524); border-color:transparent; height:40px; line-height:40px; padding:0 20px; border-radius:5px; font-size:16px;}
.hakbumo_Wrap .srchBox .srchGroup .btn-srch:before {margin-right:4px;}
.hakbumo_Wrap .srchBox .srchGroup .cardview-srchbox {display:flex; min-height:40px; flex-wrap:wrap;}
.hakbumo_Wrap .srchBox .srchGroup .cardview-srchbox input[type="radio"]+label {font-size:15px;}
    .hakbumo_Wrap .courseWrap.listView .srchBox .srchGroup:nth-child(3) select {width:120px;}
    .hakbumo_Wrap .courseWrap.listView:not(.groupCounseling) .srchBox .srchGroup:nth-child(3) .list-srchbox {display:flex; gap:8px;}
    .hakbumo_Wrap .courseWrap.listView:not(.groupCounseling) .srchBox .cardview-srchbox,
    .hakbumo_Wrap .courseWrap.cardView .srchBox .list-srchbox {display:none;}

    .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox input[type="radio"]+label {padding-right:0px;}
    .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox input[type="radio"]:nth-of-type(2)+label {padding-right:56px;}
    .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox + .srchGroup input[type="radio"]+label ~ label {padding-right:11px;}

    @media (max-width:990px){
        .hakbumo_Wrap .topSelbox {flex-direction:column;}
        .hakbumo_Wrap .topSelbox .hakbumo_adminMenu {padding:20px; border-radius:20px; border:2px dashed #dcdcdc; margin-bottom:10px;}
        .hakbumo_Wrap .topSelbox .hakbumo_adminMenu .adminTxt {width:100%;}
        .hakbumo_Wrap .topSelbox .hakbumo_adminMenu .adminTxt:after {display:none;}
        .hakbumo_Wrap .topSelbox .hakbumo_adminMenu button {padding:5px 9px; letter-spacing:-0.5px;}
        .hakbumo_Wrap .typeSelect {padding:0 5px;}
    }
    @media (max-width:799px){
        .hakbumo_Wrap .topSelbox .hakbumo_adminMenu {padding:15px;}
        .hakbumo_Wrap .srchBox {padding:15px !important; border-radius:5px;}
        .hakbumo_Wrap .srchBox .srchTit {font-size:19px;}
        .hakbumo_Wrap .srchBox .srchGroup.list-srchbox {flex-direction:column;}
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox {gap: 5px 0;flex-direction: row;}
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox label:not(:last-child) {width: 50%;box-sizing: border-box;padding-right: 0 !important;}

        .hakbumo_Wrap .srchBox .srchGroup .cardview-srchbox input[type="radio"]+label {height:30px; width:33%; box-sizing:border-box; padding-top:10px; font-size:14px;}
        .hakbumo_Wrap .srchBox .srchGroup.list-srchbox {border-bottom:1px dashed #ffca71; padding-bottom:15px;}
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup .cardview-srchbox {border-bottom:1px dashed #ffca71; padding-bottom:15px;}
    }
    @media (max-width:550px){
        
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup.list-srchbox label:not(:last-child) {width:100%;}
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup label:not(:first-of-type) .srchCo {line-height:normal;}
        .hakbumo_Wrap .groupCounseling .srchBox .srchGroup input[type="text"] {width:calc(100% - 100px);}
    }


.hakbumo_Wrap .searchWrap { display:flex; justify-content:space-between; padding:15px!important; border:2px solid #edc6a4; border-radius:15px; margin-bottom:10px!important; clear:both; } 
.hakbumo_Wrap .searchWrap .main-menu-bar { display:flex; flex-grow:1; width:auto; } 
.hakbumo_Wrap .searchWrap .main-menu-bar select {font-size: 14px !important;margin-right: 6px !important;border-radius:6px;border: 1px solid #ddd !important;}
.hakbumo_Wrap .searchWrap .main-menu-bar input[type="text"] {font-size: 14px !important;margin-right:6px;height: 40px !important;border-radius:6px;border: 1px solid #ddd !important;}
.hakbumo_Wrap .searchWrap .main-menu-bar .btn-srch {background: linear-gradient(45deg, #fcb438, #f3a524) !important;border-color:transparent;height: 40px !important;line-height: 40px;padding: 0 20px !important;border-radius:5px;font-size: 16px !important;width: auto !important;font-weight: 400;}
.hakbumo_Wrap .optionSelect {}
.hakbumo_Wrap .optionSelect span.label {font-size:15px; font-weight:500; line-height:40px; vertical-align:middle;}
.hakbumo_Wrap .optionSelect select {font-size: 14px !important;margin-right:6px;border-radius:6px;border: 1px solid #ddd !important;margin-right: 5px !important;}
.hakbumo_Wrap .optionSelect select:last-child {margin-right:0;}
.hakbumo_Wrap .optionSelect a,
.hakbumo_Wrap .optionSelect button {height:40px; display:inline-block; vertical-align:middle; line-height:38px; padding:0 15px; border-radius:6px; box-sizing:border-box; font-size:14px;}
.hakbumo_Wrap .rt-box {width:100%; text-align:right;}
.hakbumo_Wrap .btnbox-r button, .hakbumo_Wrap .btnbox-r a,
.hakbumo_Wrap .rt-box button, .hakbumo_Wrap .rt-box a,
.hakbumo_Wrap .basic .wzbtn-table  {font-size: 15px !important;padding: 0 15px !important;height: 40px;box-sizing:border-box;line-height:38px;}
    @media (max-width:899px){
        .hakbumo_Wrap .searchWrap {display:flex; flex-direction:column; border:none; padding:0;}
        .hakbumo_Wrap .searchWrap .main-menu-bar {padding:15px; border:2px solid #edc6a4; border-radius:15px; margin-bottom:10px;}
        .hakbumo_Wrap .searchWrap .main-menu-bar .btn-srch {width:85px; padding:0; text-align:center;}
        .hakbumo_Wrap .searchWrap .main-menu-bar .btn-srch:before {float:none;}
        .hakbumo_Wrap .searchWrap .optionSelect {text-align:right;}
    }




.hakbumo_Wrap .listTop {display:flex; justify-content:space-between; width:100%; padding-bottom:25px; flex-wrap:wrap;}
.courseWrap .listTop .categoryBox { display:flex; padding-left:0!important; } 
.courseWrap .listTop .categoryBox li {}
.courseWrap .listTop .categoryBox li button {font-size:16px; padding:0 15px; color:#838383; height:40px; position:relative; transition:all 0.5s; word-break:keep-all;}
.courseWrap .listTop .categoryBox li button:not(.on):hover {font-weight:500; color:#333;}
.courseWrap .listTop .categoryBox li button:before {content:""; width:6px; height:6px; display:inline-block; background:#838383; border-radius:100%; position:absolute; top:0; left:50%; margin-left:-3px; opacity:0; transition:all 0.5s;}
.courseWrap .listTop .categoryBox li button.on {font-weight:600; color:orange; font-size:18px;}
.courseWrap .listTop .categoryBox li button.on:before {background:orange; opacity:1;}
[class *="courseWrap"] .rightBox {display:flex; gap:5px; justify-content:flex-end;}
[class *="courseWrap"] .rightBox .rtxt {line-height:40px; margin-right:5px;}
[class *="courseWrap"] select {border-radius:5px; padding-left:10px !important; margin-right:0 !important;}
[class *="courseWrap"] button {height:40px; border-radius:5px; font-size:14px; padding:0 10px; font-weight:600;}
    .courseWrap.cardView:not(.groupCounseling) .rightBox select {display:none;}
    .hakbumo_Wrap.visitor .courseWrap .rightBox {display:none;}


[class *="courseWrap"] .listBox {width:100%; margin-bottom:50px;}
[class *="courseWrap"] .listBox .theadBox {width:100%; display:flex; background:#f9f9f9; padding:10px; border-radius:10px; margin-bottom:10px; justify-content:space-between; box-sizing:border-box;}
[class *="courseWrap"] .listBox .theadBox .th {font-size:15px; font-weight:500; color:#6f6f6f; text-align:center; padding:0 5px;}
    .courseWrap.cardView .listBox .theadBox {display:none;}

    /* list type width */
    /*수강신청관리*/
    .courseWrap.listView .listBox .stateTD   {width:7%;}
    .courseWrap.listView .listBox .titleTD   {width:30%; text-align:left !important;}
    .courseWrap.listView .listBox .methods   {width:7%;}
    .courseWrap.listView .listBox .personnel {width:11%;}
    .courseWrap.listView .listBox .date_period {width:15%;}
    .courseWrap.listView .listBox .date_accept {width:15%;}
    .courseWrap.listView .listBox .setbtn      {width:7%;}
    .courseWrap.listView .listBox .setbtn span:last-child {display:none;}
    .hakbumo_Wrap.visitor .courseWrap.listView .listBox .setbtn span:first-child {display:none;}
    .hakbumo_Wrap.visitor .courseWrap.listView .listBox .setbtn span:last-child {display:inline-block;}
    /*상담관리*/
    .counselcourseWrap .listBox .chckboxx {width:7%;}
    .counselcourseWrap .listBox .daytime  {width:15%;}
    .counselcourseWrap .listBox .csNm     {width: 15%;}
    .counselcourseWrap .listBox .csPhone  {width:15%;}
    .counselcourseWrap .listBox .csDay    {width:15%;}
    .counselcourseWrap .listBox .csType   {width:10%;}
    .counselcourseWrap .listBox .csScore  {width:10%;}
    .counselcourseWrap .listBox .stateTD  {width: 13%;}



[class *="courseWrap"] .listBox .tbodyBox li .td {text-align:center; font-size:15px; padding:0 5px; color:#333;}
.courseWrap .listBox .tbodyBox li .stateTD {display:flex; flex-direction:column; align-items:center;}
    .hakbumo_Wrap .state {font-size:14px; font-weight:500; width:60px; text-align:center; padding:5px 0;border-radius:15px; display:inline-block;}
    .hakbumo_Wrap .state.prepare   {background:#f1f7f0; color:#20870f; border:1px solid #20870f;}
    .hakbumo_Wrap .state.accepting {background:#f3a524; color:#fff;}
    .hakbumo_Wrap .state.fine      {background:#888888; color:#cecece;}
    .hakbumo_Wrap .state.end       {background:#333; color:#cecece;}  .hakbumo_Wrap .groupCounseling .state.end {font-size:12px;}
    .hakbumo_Wrap .state.deadline  {color:#b50404; background:#d6d6d6; font-size:12px;}
    .hakbumo_Wrap .state.complete,
    .hakbumo_Wrap .state.ongoing   {background:#F1F8FE; color:#066ec7; border:1px solid #066ec7;}
    .hakbumo_Wrap .state.cancle    {background:#b50404; color:#fff; font-size:12px;}
.courseWrap .listBox .tbodyBox li .titleTD {text-align:left;}
.courseWrap .listBox .tbodyBox li .titleTD .categoryDIV {font-size:15px; color:#333;}
.courseWrap .listBox .tbodyBox li .titleTD .titDIV {font-size:18px; font-weight:500; word-break:break-all; margin-bottom:6px;}
.courseWrap .listBox .tbodyBox li .titleTD .targetDIV {display:flex;}
.courseWrap .listBox .tbodyBox li .subTit {}
.courseWrap .listBox .tbodyBox li .subTxt {display:flex; flex-direction:column; color:#333 !important;}
.courseWrap .listBox .tbodyBox li .methods {}
.courseWrap .listBox .tbodyBox li .personnel {}
.courseWrap .listBox .tbodyBox li .personnel>div {}
.courseWrap .listBox .tbodyBox li .personnel>div.number {display:flex; justify-content:center; align-items:center;}
.courseWrap .listBox .tbodyBox li .personnel>div.number span {font-size:12px; margin-right:5px;}
.courseWrap .listBox .tbodyBox li .personnel>div.number .hide-txt {font-size:1px !important; margin:0 !important; color:transparent; width:1px !important; display:inline-block;}
.courseWrap .listBox .tbodyBox li .personnel>div.number div {color:#e65151; font-weight:600;}
.courseWrap .listBox .tbodyBox li .personnel>div.number div:last-child {color:grey; font-weight:400;}
.courseWrap .listBox .tbodyBox li .personnel>div.number div:last-child:before {content:"/"; margin-left:6px; font-size:10px; display:inline-block; vertical-align:middle; margin-top:-3px; margin:-3px 5px 0;}
.courseWrap .listBox .tbodyBox li .date_period {}
.courseWrap .listBox .tbodyBox li .setbtn {display:flex; flex-direction:column; gap:5px;}
.courseWrap .listBox .tbodyBox li .setbtn button {font-size:14px; padding:6px 5px; min-width:70px;}
    /* .hakbumo_Wrap .courseWrap .listBox .tbodyBox li .setbtn button.btn-basic {display:none;}
    .hakbumo_Wrap.visitor .courseWrap .listBox .tbodyBox li .setbtn button.btn-basic {display:inline-block;} */
    .hakbumo_Wrap.visitor .courseWrap .listBox .tbodyBox li .setbtn button.btn-edit {display:none;}

    /* 수강신청관리 목록 */
    .courseWrap .listBox .tbodyBox li.prepare .setbtn button.btn-orange-bg,
    .courseWrap .listBox .tbodyBox li.dead .setbtn button.btn-orange-bg,
    .courseWrap .listBox .tbodyBox li.deadline .setbtn button.btn-orange-bg {display:none;}
    .courseWrap .listBox .tbodyBox li:not(.deadline) .setbtn button.btn-orange {display:none;}

        /* - 목록형 */
        .courseWrap.listView .listBox .tbodyBox { padding-left: 0 !important; width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px; } 
        .courseWrap.listView .listBox .tbodyBox li { display:flex; border:1px solid #ddd; border-radius:15px; padding:0 10px; justify-content:space-between; align-items:center; min-height: 112px; } 
        .courseWrap.listView .listBox .tbodyBox li .titleTD .targetDIV .subTit:after {content:":"; margin:0 4px;}
        .courseWrap.listView .listBox .tbodyBox li .titleTD .targetDIV .subTit,
        .courseWrap.listView .listBox .tbodyBox li .titleTD .targetDIV .subTxt {color:grey; font-size:15px;}
        .courseWrap.listView .listBox .tbodyBox li .td>.subTit {display:none;}

        /* - 카드뷰형 */
        .courseWrap.cardView .listBox .tbodyBox { display:flex; flex-wrap:wrap; gap:20px; padding-left:0!important;} 
        .courseWrap.cardView .listBox .tbodyBox li {display:flex; width:30%; flex-direction:column; background:#f9f9f9; border-radius:20px; flex-grow:1; padding:20px; box-sizing:border-box; justify-content:space-between; overflow:hidden; max-width:420px; position:relative;}
        .courseWrap.cardView .listBox .tbodyBox li .td {text-align:left; flex-direction:row;}
        .courseWrap.cardView .listBox .tbodyBox li .chckboxx { position: absolute; right: 0; z-index: 1;}
        .courseWrap.cardView .listBox .tbodyBox li.dead .chckboxx .wzForm.checkStyle02 input[type="checkbox"] + label:before {border-color: #a6a6a6;}
        .courseWrap.cardView .listBox .tbodyBox li.dead .chckboxx .wzForm.checkStyle02 input[type="checkbox"] + label:hover:before {border-color:#333;}
        .courseWrap.cardView .listBox .tbodyBox li .titleTD .categoryDIV {padding-top:10px;}
        .courseWrap.cardView .listBox .tbodyBox li .titleTD .titDIV {font-size:19px;font-weight:600;word-break:keep-all;margin:6px 0 15px;line-height: 130%;}
        .courseWrap.cardView .listBox .tbodyBox li .stateTD {align-items:flex-start;}
        .courseWrap.cardView .listBox .tbodyBox li .date_period,
        .courseWrap.cardView .listBox .tbodyBox li .date_accept {display:flex;}
        .courseWrap.cardView .listBox .tbodyBox li .methods {display:none;}
        .courseWrap.cardView:not(.groupCounseling) .listBox .tbodyBox li .personnel {display:none;}
        .courseWrap.cardView .listBox .tbodyBox li .td>.subTxt .onday {display:none;}
        .courseWrap.cardView .listBox .tbodyBox li .setbtn {justify-content:flex-end; flex-grow:1; align-items:flex-end; padding:0;}
        .courseWrap.cardView .listBox .tbodyBox li .subTit {width:85px; font-size:13px; font-weight:500; color:#838383; padding-bottom:6px;}
        .courseWrap.cardView .listBox .tbodyBox li .subTxt {font-size:14px; color:#333; word-break:break-all; width:calc(100% - 85px);}
        .courseWrap.cardView .listBox .tbodyBox li.dead {position:relative;}
        .courseWrap.cardView .listBox .tbodyBox li.dead:before {content:""; width:100%; height:100%; position:absolute; background:#fff; opacity:0.8; left:0; top:0;}
        .courseWrap.cardView .listBox .tbodyBox li.dead:after {content:"마감"; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(51,50,50,0.2); display:flex; justify-content:center; align-items:center; font-size:35px; color:#fff; color:#333; letter-spacing:11px; font-weight:300; padding-bottom:15px; box-sizing:border-box;}
        #hakLctreDiv .courseWrap.cardView:not(.groupCounseling) .listBox .tbodyBox li.dead.ongoing:after {content:"수강중";}
        #hakLctreDiv .courseWrap.cardView:not(.groupCounseling) .listBox .tbodyBox li.dead.end:after     {content:"종강";}
        #hakGcnsltDiv .courseWrap.cardView:not(.groupCounseling) .listBox .tbodyBox li.dead.ongoing:after {content: "상담중";}
        #hakGcnsltDiv .courseWrap.cardView:not(.groupCounseling) .listBox .tbodyBox li.dead.end:after     {content:"상담종료";}
        .courseWrap.cardView .listBox .tbodyBox li.dead .setbtn {z-index:2;}
        .courseWrap.cardView .listBox .tbodyBox li.dead .setbtn button {background:#fff;}
        

        .groupCounseling.listView .listBox .tbodyBox li {padding:8px 10px;}
        .groupCounseling.listView .listTop .categoryBox {display:none;}
        .groupCounseling.listView .rightBox {width:100%;}
        .groupCounseling.listView .rightBox button {display:none;}
        .groupCounseling.cardView .rightBox .rtxt, .groupCounseling.cardView .rightBox select {display:none;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel {display: flex;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel .subTit + div {display:none;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number {}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number span {display:none;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number div {color:#333;display: flex;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number .hide-txt {display:inline-block;font-size: 14px !important;color: #333 !important;width: auto !important;height: auto !important;text-indent: 0 !important;line-height: normal !important;font-weight: 400;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number .hide-txt:after {content:":";margin: 0 3px;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number:last-child {display:none;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number div:last-child:before {margin-top:2px; margin:2px 12px;}
        .groupCounseling.cardView .listBox .tbodyBox li.dead.ongoing:after {content:"상담중";}
        .groupCounseling.cardView .listBox .tbodyBox li.dead.end:after     {content:"상담종료";}

    @media (min-width:991px) and (max-width:1199px){
        .hakbumo_Wrap .srchBox .srchGroup .cardview-srchbox {width:100%;}
        .courseWrap .listTop .categoryBox {gap:10px;}
        .courseWrap .listTop .categoryBox li button {padding:0; letter-spacing:-0.5px;}
    }
    @media (max-width:990px){
        .courseWrap.cardView .listBox .tbodyBox li {width:45%; max-width:100%; padding:10px;}
        .hakbumo_Wrap .courseWrap.listView:not(.groupCounseling) .srchBox .srchGroup:nth-child(3) .list-srchbox {width:100%;}
        .hakbumo_Wrap .srchBox .srchGroup input[type="text"] {display:flex; flex-grow:1; max-width: calc(100% - 100px);}
        .hakbumo_Wrap .srchBox .srchGroup .cardview-srchbox {width:100%;}
        .courseWrap .rightBox {width:100%;}
        .courseWrap .listTop {padding-bottom:5px;}
        .courseWrap .listTop .categoryBox {width:100%; margin-bottom:10px; gap:0 20px; flex-wrap:wrap;}
        .courseWrap .listTop .categoryBox li button {padding:0; font-size:15px;}
        .courseWrap .listTop .categoryBox li button.on {font-size:15px;}
    }
    @media (max-width:899px){
        .courseWrap.listView .listBox .theadBox {display:none;}
        .courseWrap.listView .listBox .tbodyBox li {padding:10px; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; position:relative;}
        .courseWrap.listView .listBox .tbodyBox li .chckboxx {position: absolute;right: 0;z-index: 1;width: auto !important;}
        .courseWrap.listView .listBox .tbodyBox li.dead .chckboxx .wzForm.checkStyle02 input[type="checkbox"] + label:before {border-color: #a6a6a6;}
        .courseWrap.listView .listBox .tbodyBox li.dead .chckboxx .wzForm.checkStyle02 input[type="checkbox"] + label:hover:before {border-color:#333;}
        .courseWrap.listView .listBox .tbodyBox li .stateTD .state {font-size:13px;}
        .courseWrap.listView .listBox .tbodyBox li .td {width:100%; justify-content:flex-start; display:flex; text-align:left; align-items:flex-start; padding:0;}
        .courseWrap.listView .listBox .tbodyBox li .stateTD {width:80px;}
        .courseWrap.listView .listBox .tbodyBox li .titleTD {flex-direction:column; width:calc(100% - 80px);}
        .courseWrap.listView .listBox .tbodyBox li .titleTD .targetDIV {margin-left:-80px; width:calc(100% + 80px);}
        .courseWrap.listView .listBox .tbodyBox li .methods {font-size:15px;width:auto;position:relative;padding-left:80px;padding-right: 10px;}
        .courseWrap.listView .listBox .tbodyBox li .methods:after {content:"";width:1px;height:10px;display:inline-block;background: grey;vertical-align:middle;position:absolute;right:0;top:6px;}
        .courseWrap.listView .listBox .tbodyBox li .personnel {width:auto;margin-left: 10px;}
        .courseWrap.listView .listBox .tbodyBox li .personnel>div {margin-right:10px;}
        .courseWrap.listView .listBox .date_accept,
        .courseWrap.listView .listBox .tbodyBox li .date_period {box-sizing:border-box; padding-right:80px !important;}
        .courseWrap.listView .listBox .tbodyBox li .td>.subTit {display:inline-block; word-break:keep-all;}
        .courseWrap.listView .listBox .date_accept .subTit,
        .courseWrap.listView .listBox .tbodyBox li .date_period .subTit {font-size:15px; color:grey;}
        .courseWrap.listView .listBox .date_accept .subTit:after,
        .courseWrap.listView .listBox .tbodyBox li .date_period .subTit:after {content:":"; margin:0 8px;}
        .courseWrap.listView .listBox .date_accept .subTxt,
        .courseWrap.listView .listBox .tbodyBox li .date_period .subTxt {flex-direction:row;}
        .courseWrap.listView .listBox .tbodyBox li .setbtn {position:absolute; bottom:10px; right:10px; width:auto;}
        .courseWrap.listView .listBox .tbodyBox li .subTxt .onday {margin:0 15px;}
        .courseWrap.listView .listBox .tbodyBox li .subTit {font-size:13px !important; color:#838383 !important; font-weight:500; width:80px;}
        .courseWrap.listView .listBox .tbodyBox li .subTit:after {display:none;}
        .courseWrap.listView .listBox .tbodyBox li .subTxt {width:calc(100% - 80px);}
        .courseWrap.listView .listBox .tbodyBox li .titleTD .targetDIV .subTit:after {display:none;}

        .courseWrap.cardView .listBox .tbodyBox {gap:15px;}
        .courseWrap.cardView .listBox .tbodyBox li .titleTD .titDIV {font-size:18px; font-weight:500; word-break:break-all;}
        .courseWrap.cardView .listBox .tbodyBox li .titleTD .categoryDIV {font-size:14px;}
        
        .courseWrap .listBox .tbodyBox li .setbtn button {padding:5px 12px; height:auto; min-width:auto; font-weight:500;}
    }
    @media (max-width:699px){
        .courseWrap.listView .listBox .date_accept, 
        .courseWrap.listView .listBox .tbodyBox li .date_period {padding-right:0 !important; padding-left:0 !important;}
        .courseWrap.listView .listBox .tbodyBox li .setbtn {width:100%; position:relative; flex-direction:row; justify-content:flex-end; padding-top:10px; right:0; bottom:0;}

        .courseWrap.cardView .listBox .tbodyBox li .subTit {width: 75px;}
        .courseWrap.cardView .listBox .tbodyBox li .subTxt {width: calc(100% - 75px);padding-bottom:8px;word-break:keep-all;}
        .courseWrap.cardView .listBox .tbodyBox li .titleTD .targetDIV,
        .courseWrap.cardView .listBox .tbodyBox li .td:not(.setbtn) {align-items:flex-start;}

        .groupCounseling.cardView .listBox .tbodyBox li .personnel {padding-bottom:5px;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number {flex-direction:column; width:calc(100% - 75px); align-items:flex-start;}
        .groupCounseling.cardView .listBox .tbodyBox li .personnel>div.number div:last-child:before {display:none;}

        .counselcourseWrap .listBox + .btnbox-r .ico-excel {font-weight:400; letter-spacing:-0.5px; padding:0 5px; font-size:13px;}
        .counselcourseWrap .listBox + .btnbox-r .ico-excel:before {display:none;}
        
    }
    @media (max-width:550px){
        .hakbumo_Wrap .counselcourseWrap .srchBox .srchGroup .list-srchbox {display:flex; width:100%; gap:10px;}
        .hakbumo_Wrap .counselcourseWrap .srchBox .srchGroup .list-srchbox select {width:auto; flex:1;}
        
        .courseWrap.listView:not(.groupCounseling) .listBox .tbodyBox li .date_period .subTxt {flex-wrap:wrap;}
        .courseWrap.listView.groupCounseling .listBox .tbodyBox li .date_period .subTxt {flex-wrap:wrap;}
        .courseWrap.listView.groupCounseling .listBox .tbodyBox li .personnel>div.subTit {display:none;}
        .courseWrap .listBox .tbodyBox li .personnel>div.number div:last-child:before {margin:-4px 2px 0 3px;}
    }




/* 
    상담관리 목록 
*/
/* 개인상담관리 - 목록형 */
.counselcourseWrap .listBox .tbodyBox { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px; padding-left: 0; } 
.counselcourseWrap .listBox .tbodyBox li {display:flex; border:1px solid #ddd; border-radius:15px; padding:10px 10px; justify-content:space-between; align-items:center;}
.counselcourseWrap .listBox .tbodyBox li.end {background:#f9f9f9; border-color:#949494;}

.counselcourseWrap .listBox .tbodyBox li .td {}
.counselcourseWrap .listBox .tbodyBox li .td .subTit {font-size:15px; color:grey;}
.counselcourseWrap .listBox .tbodyBox li .td .subTxt {font-size:15px; color:#333; line-height:150%;}
.counselcourseWrap .listBox .tbodyBox li .chckboxx {}
.counselcourseWrap .listBox .tbodyBox li .daytime  {}
.counselcourseWrap .listBox .tbodyBox li .daytime .subTxt div {position:relative;font-size: 15px;}
.counselcourseWrap .listBox .tbodyBox li .csNm     {}
.counselcourseWrap .listBox .tbodyBox li .csNm .subTxt {display:flex; flex-direction:column;}
.counselcourseWrap .listBox .tbodyBox li .csNm .subTxt span:first-child {width:100%;}
.counselcourseWrap .listBox .tbodyBox li .csNm .subTxt span:last-child  {color:grey; font-size:14px;}
.counselcourseWrap .listBox .tbodyBox li .csNm .subTxt span:last-child:not(:only-child):before {content:"(";}
.counselcourseWrap .listBox .tbodyBox li .csNm .subTxt span:last-child:not(:only-child):after  {content:")";}
.counselcourseWrap .listBox .tbodyBox li .csPhone  {}
.counselcourseWrap .listBox .tbodyBox li .csDay    {}
.counselcourseWrap .listBox .tbodyBox li .csType   {}
.counselcourseWrap .listBox .tbodyBox li .csScore  {}
.counselcourseWrap .listBox .tbodyBox li .csScore  button {font-size:14px;color:#333;font-weight:400;height: auto;position: relative;}
.counselcourseWrap .listBox .tbodyBox li .csScore  button:hover {text-decoration:underline;}
.counselcourseWrap .listBox .tbodyBox li .csScore  button b {font-size:17px; margin-right:3px;}
.counselcourseWrap .listBox .tbodyBox li .csScore  button:after {content:"\f045";font-family: 'FontAwesome';display: inline-block;color: grey;position: absolute;right: -5px;top: 2px;font-size: 12px;}
.counselcourseWrap .listBox .tbodyBox li .stateTD  {}
.counselcourseWrap .listBox .tbodyBox li .stateTD .state {width:70px;}
.counselcourseWrap .listBox .tbodyBox li .stateTD .btns { display: flex; flex-direction: column; justify-content: center; gap: 5px; max-width: 80px; margin-left: auto; margin-right: auto; }
.counselcourseWrap .listBox .tbodyBox li .stateTD .btns [class *= "btn"] { position: relative; display: inline-block; min-height: 30px; height: 30px; line-height:26px; padding: 0px 8px; border-radius: 10px; vertical-align: middle; letter-spacing: -0.5px; font-size: 14px; box-sizing: border-box; }
 
    @media (min-width:900px){
        .counselcourseWrap .listBox .tbodyBox li .td .subTit {display:none;}
    }
    @media (max-width:899px){
        .counselcourseWrap .listBox .theadBox {display:none;}
        .counselcourseWrap .listBox .tbodyBox li {flex-wrap:wrap;align-items:flex-start;justify-content: flex-start;position: relative;}
        .counselcourseWrap .listBox .tbodyBox li .td {width:100%;text-align: left;padding: 0;display: flex;padding-bottom: 3px;flex-grow: 1;}
        .counselcourseWrap .listBox .tbodyBox li .td .subTit:before {content:""; width:5px; height:5px; display:inline-block; background:#4197db; border-radius:100%; vertical-align:middle; margin-right:7px;}
        .counselcourseWrap .listBox .tbodyBox li .td .subTit:after  {content:":";margin: -5px 8px 0;vertical-align: middle;display: inline-block;}
        .counselcourseWrap .listBox .tbodyBox li .chckboxx {width:32px;order:8; position:absolute; right:0; top:8px;}
        .counselcourseWrap .listBox .tbodyBox li .daytime {order:4;}
        .counselcourseWrap .listBox .tbodyBox li .daytime .subTxt {display:flex;}
        .counselcourseWrap .listBox .tbodyBox li .daytime .subTxt>div:not(:last-child):after {content:""; width:1px; height:10px; display:inline-block;background:#333;vertical-align:middle;/* position:absolute; *//* right:0; *//* top:6px; */margin: -2px 11px 0;}
        .counselcourseWrap .listBox .tbodyBox li .csNm     {order:2; width:calc(100% - 80px); padding-top:5px;padding-left: 15px;box-sizing: border-box;}
        .counselcourseWrap .listBox .tbodyBox li .csNm .subTxt {flex-direction:row;}
        .counselcourseWrap .listBox .tbodyBox li .csPhone {order:3; padding-bottom:13px; margin-bottom:13px; border-bottom: 1px dashed #ddd;padding-left: 87px !important;}
        .counselcourseWrap .listBox .tbodyBox li .csDay    {order:5;}
        .counselcourseWrap .listBox .tbodyBox li .csDay >div {display:flex; width:50%;}
        .counselcourseWrap .listBox .tbodyBox li .csDay .subTit {}
        .counselcourseWrap .listBox .tbodyBox li .csDay .subTxt {}
        .counselcourseWrap .listBox .tbodyBox li .csType   {order:6; width:50%;}
        .counselcourseWrap .listBox .tbodyBox li .csScore  {order:7; width:50%;}
        .counselcourseWrap .listBox .tbodyBox li .csScore button {display:flex; align-items:center; padding-left:0;}
        .counselcourseWrap .listBox .tbodyBox li .csScore button b {font-size:16px;}
        .counselcourseWrap .listBox .tbodyBox li .stateTD { order: 1; padding-bottom: 15px; justify-content: flex-end; width: auto; flex-grow: 0; }
        .counselcourseWrap .listBox .tbodyBox li .stateTD:has([class *= "btns"]) { margin-left: auto; }
        .counselcourseWrap .listBox .tbodyBox li .stateTD .btns { flex-direction: row; width: auto; max-width: none; }

        .counselcourseWrap .listBox .tbodyBox li .td:not(.csNm, .csPhone) .subTit {font-size:13px; color:#838383; font-weight:500; width:100px;}
        .counselcourseWrap .listBox .tbodyBox li .td:not(.csNm, .csPhone) .subTit:before {display:none;}
        .counselcourseWrap .listBox .tbodyBox li .td:not(.csNm, .csPhone) .subTit:after  {display:none;}
        .counselcourseWrap .listBox .tbodyBox li .td:not(.csNm, .csPhone) .subTxt {width:calc(100% - 100px); padding-left:20px; box-sizing:border-box;}
    }
    @media (max-width:550px){
        .counselcourseWrap .listBox .tbodyBox li .csDay {flex-wrap:wrap; gap:5px;}
        .counselcourseWrap .listBox .tbodyBox li .csDay >div {width:100%;}
        .counselcourseWrap .listBox .tbodyBox li .csType {width:100%;}
        .counselcourseWrap .listBox .tbodyBox li .csScore {width:50%; flex-grow:0; box-sizing:border-box;}
    }


/* 캘린더 - 상담관리 */
.CScalendarAdmin {width:100%; display:flex; justify-content:space-between; gap:20px;}
.CScalendarAdmin .l_calBox  {width:30%;}
.CScalendarAdmin .r_listBox {width:70%;}
.CScalendarAdmin .l_calBox {display:flex; flex-direction:column; gap:15px;}
.hakbumo_Wrap .Sel_month {display:flex;justify-content:center;align-items:center;background: #f9f9f9;border-radius: 10px;padding: 23px 0;}
.hakbumo_Wrap .Sel_month .thisMonth {padding: 0 20px;font-size: 18px;font-weight:500;color: #6f6f6f;}
.hakbumo_Wrap .Sel_month button {width: 30px;height: 30px;border-radius:100%;border:1px solid #ddd;background: #fff;overflow:hidden;text-indent: -999px;position: relative;}
.hakbumo_Wrap .Sel_month button.month_prv {}
.hakbumo_Wrap .Sel_month button.month_nxt {}
.hakbumo_Wrap .Sel_month button.month_prv:before,
.hakbumo_Wrap .Sel_month button.month_nxt:before {content:"";text-indent: 0;width: 10px;height: 10px;display: inline-block;position: absolute;left: 50%;top: 50%;border: 2px solid #4197db;transform: rotate(45deg);box-sizing: border-box;}
.hakbumo_Wrap .Sel_month button.month_prv:before {border-width:0 0 2px 2px; margin:-5px 0 0 -4px;}
.hakbumo_Wrap .Sel_month button.month_nxt:before {border-width:2px 2px 0 0; margin:-5px 0px 0 -8px;}
.CScalendarAdmin .l_calBox .monthBox {border:1px solid #ddd;background:#ececec;border-radius: 15px;text-align:center;height:300px;line-height:300px;}
.hakbumo_Wrap [class *="beomrye"] {text-align:left;}
.hakbumo_Wrap [class *="beomrye"] .ableClr {font-size:13px; color:#6f6f6f;}
.hakbumo_Wrap [class *="beomrye"] .ableClr:before {content:""; width:12px;height: 12px;display: inline-block;background: #fff;vertical-align: middle;margin: -3px 5px 0 0;border-radius: 3px;}
    .ableClr.psyCS:before {background:#76ae5c !important;}
    .ableClr.normalCS:before { background:#4197db !important;}
    .counselcourseWrap .btnbox-r .beomrye {line-height:40px; text-align:right;}
    .counselcourseWrap .btnbox-r .beomrye .ableClr ~ .ableClr {padding-left:20px;}

/* 예약가능 */
.hakbumo_Wrap .CScalendarAdmin [class *="beomrye"] .ableClr:before { border: 1px solid #adadad; }
.hakbumo_Wrap .CScalendarAdmin .monthly_calendar .schedule_list tbody tr td:has(.tdBox a) {background:#fff; }
.hakbumo_Wrap .CScalendarAdmin .monthly_calendar .schedule_list tbody tr>td:has(.tdBox a):not(.select-end):hover { cursor: pointer; background: #fdedd2;}
.hakbumo_Wrap .CScalendarAdmin .monthly_calendar .schedule_list tbody tr>td:has(.tdBox a):not(.select-end).on { background: #fdedd2;}
.hakbumo_Wrap .CScalendarAdmin .select-end { background: #d9d9d9 !important; opacity: 0.4;}



.CScalendarAdmin .r_listBox .listTop {padding:15px 0 10px;}
.CScalendarAdmin .r_listBox .basic-table td .grey {font-size:14px;}
.CScalendarAdmin .r_listBox .basic-table tr.end td {background: #f7f7f7;}
.CScalendarAdmin .r_listBox .basic-table tbody tr td { background:#fff;}
.CScalendarAdmin .r_listBox .basic-table button.csNumber {font-size:14px;color:#333;font-weight:400;height:auto;position:relative;text-decoration: underline;}
.CScalendarAdmin .r_listBox .basic-table button.csNumber:hover {text-decoration:underline;}
.CScalendarAdmin .r_listBox .basic-table button.csNumber b {font-size: 14px;margin-right: 1px;}
.CScalendarAdmin .r_listBox .basic-table button.csNumber:after {content:"\f045";font-family: 'FontAwesome';display: inline-block;color: grey;position: absolute;right: -17px;top: 2px;font-size: 12px;}
.CScalendarAdmin .r_listBox .basic-table .state {font-size:13px; letter-spacing:-0.5px; padding:4px 0;}

.CScalendarAdmin .monthly_calendar .schedule_list { min-height: 70px!important;}


.counselcourseWrap .Sel_month {margin-top:10px; background:#FBF4EE; border-radius:30px;}
.counselcourseWrap .Sel_month .thisMonth {font-size:24px; font-weight:500; color:#333;}
.counselcourseWrap .Sel_month button {border-color:#eccd9a;}
.counselcourseWrap .Sel_month button.month_prv:before, 
.counselcourseWrap .Sel_month button.month_nxt:before {border-color:#f5a828;}


    @media (max-width:899px){
        .CScalendarAdmin {flex-direction:column;}
        .CScalendarAdmin .l_calBox  {width:100%;}
        .CScalendarAdmin .r_listBox {width:100%;}
    }

 /*캘린더형 디자인  */
.hakbumo_Wrap .monthly_calendar {border-radius: 15px; border: 1px solid #ddd; text-align: center; clear: both; overflow: hidden;}
.hakbumo_Wrap .monthly_calendar .week { background:#fff;}
.hakbumo_Wrap .monthly_calendar .week tbody tr.grid_header th{font-weight: 500; font-size: 15px; text-align: center; color:#333; border-right: 1px solid #ddd; border-bottom-color: #f5a828;}
.hakbumo_Wrap .monthly_calendar .week tbody tr.grid_header th:last-child { border-right:0;}
.hakbumo_Wrap .monthly_calendar .week tbody tr.grid_header th.Red { color: #ff0000!important;}
.hakbumo_Wrap .monthly_calendar .month_table { margin-bottom:0;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td { border-bottom: 1px solid #ddd;  border-color:#ddd;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list:last-child tbody tr td { border-bottom:0;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody { border: none;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list:last-child { border-bottom:0;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td:last-child { border-right:0;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td div.tdBox:first-child { color: #333; font-size: 15px; font-weight: 500;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr>td:hover { background:#fff; }
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td a.btn-edit { text-align:left; padding: 2px 5px; margin-bottom: 0; font-weight: 400; border-radius: 5px; color: #fff; font-size: 13px; width: 100%; border: 0; }
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td a.btn-edit + a.btn-edit { margin-top:3px;}
.hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td a.btn-edit:hover { font-weight:600;}


    /* 선택 불가 */
    .hakbumo_Wrap .select-end { background: #efefef !important;}

 @media (max-width:699px){
    .hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td div.tdBox:first-child {margin-bottom: 10px; }
    .hakbumo_Wrap .monthly_calendar .month_table .schedule_list tbody tr td a.btn-edit { line-height: 130%; font-size: 11px !important; padding: 4px 3px !important;}
 }


/* 파일 업로드 및 업로드목록 */
.hakbumo_Wrap .upListBox {width:100%; background:#f9f9f9; border:1px dashed #ddd; padding:10px; box-sizing:border-box; border-radius:10px; display:flex; gap:10px; clear:both; margin-top:10px;}
.hakbumo_Wrap .upListBox:empty {padding:0; border:none;}
.hakbumo_Wrap .upListBox li {padding:0 10px; border:1px solid #ddd; border-radius:10px; background:#fff; margin-right:0; line-height:40px; overflow:hidden;}
.hakbumo_Wrap .upListBox li .upNm {font-size:14px; line-height:40px; margin-right:3px;}
.hakbumo_Wrap .upListBox li button.btn-del {text-indent:-999px; width:18px; height:18px; border:1px solid #c20000; border-radius:100%; position:relative; box-sizing:border-box; margin-top:-2px;}
.hakbumo_Wrap .upListBox li button.btn-del:before {content:"X"; /* color:#c20000; */text-indent:0px; position:absolute; left:0; top:0; width:100%; height:100%; font-size:10px; text-align:center; font-weight:600;}
    @media (max-width:899px){
        .subCon .hakbumo_Wrap .basic>tbody>tr>td input[type="file"] {max-width:150px;}
        .hakbumo_Wrap .upListBox {flex-direction:column; gap:5px;}
        .hakbumo_Wrap .upListBox li {line-height:35px;}
        .hakbumo_Wrap .upListBox li .upNm {line-height:35px;}
    }




/* 강좌/상담 상세 */
.hakbumo_Wrap .courseSubTab {position:relative; width:100%; float:left; box-sizing:border-box; padding-left:0 !important; border-bottom:2px solid #dcdcdc; margin-bottom:20px; display:flex;}
.hakbumo_Wrap .courseSubTab li {height:60px; line-height:60px; border:none; background:none; box-sizing:border-box; font-size:19px; margin-bottom:-2px; border-bottom:2px solid #ddd;}
.hakbumo_Wrap .courseSubTab li.on {border-bottom-color:#2c55a6; border-bottom-width:4px;}
.hakbumo_Wrap .courseSubTab li button {font-size:19px; padding:0 18px;}
.hakbumo_Wrap .courseSubTab li.on button {font-weight:600;}
    .hakbumo_Wrap.visitor .courseSubTab {display:none;}
    .subCon .hakbumo_Wrap .courseSubTab li.on {border-bottom-color:orange;}
        @media (max-width:899px){
            .hakbumo_Wrap .courseSubTab li {flex:1; flex-grow:1; border:1px solid #ebebeb; border-radius:20px 20px 0 0; height:50px; line-height:45px;}
            .hakbumo_Wrap .courseSubTab li button {padding:0 5px; width:100%; font-size:15px; letter-spacing:-0.5px; word-break:keep-all; line-height:19px;}
        }

.hakbumo_Wrap .course_detailWrap {}
.hakbumo_Wrap .course_detailWrap .mainIMGArea {display:block; clear:both;}
.hakbumo_Wrap .course_detailWrap .mainIMGArea img {max-width:100%;}
.hakbumo_Wrap .course_detailWrap .couseDetail {width:100%; clear:both; margin-top:50px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul { display:flex; padding-left:0;} 
.hakbumo_Wrap .course_detailWrap .couseDetail ul.listViewUl     {flex-direction:column;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.listViewUl>li { display:flex; width:100%; flex-wrap:wrap; padding:0 15px; box-sizing:border-box; line-height: unset;} 
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl      {width:100%; flex-direction:row; gap:20px; justify-content:space-between; margin:30px 0 20px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li   {display:flex; flex-grow:1; background:#f7f7f7; padding:30px 20px; border-radius:20px; flex-direction:column; align-items:center; flex:1;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea {flex-direction:column; margin-bottom:30px; background:#F1F8FE; padding:20px; border-radius:20px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li {display:flex;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul li {}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .deTit {font-size:15px; font-weight:500; color:#6f6f6f; width:10%; min-width:100px; padding-top:3px; word-break:keep-all;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .deTit:before {content:""; width:5px; height:5px; display:inline-block; background:orange; border-radius:100%; vertical-align:middle; margin-right:7px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .deCo { display: flex; width: calc(100% - 130px); min-height: 35px; font-size: 17px; padding-bottom: 10px; }
.hakbumo_Wrap .course_detailWrap .couseDetail ul .deCo > div {font-size:17px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .deCo > div:not(:last-child):after {content:""; width:8px; height:1px; display:inline-block; background:#333; transform:rotate(-51deg); vertical-align:middle; margin:0 10px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li:nth-child(even) {background:#FBF4EE;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deTit {width:100%; text-align:center; padding-bottom:20px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deTit::before {display:none;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo {width:100%;text-align:center;display:flex;font-size:25px;font-weight:500;justify-content:center;align-items:center;line-height: 130%;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo>div {font-size:21px; font-weight:400; display:flex; align-items:center; margin:0 5px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo>div:after {margin:0 2px 0 10px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo>div b {font-size:28px; margin-top:-3px; color:orange; margin-right:3px; font-weight:500;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li {}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deTit {}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deTit:before {background:#4197db;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo {flex-direction:column;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li {display:flex; padding-bottom:5px; align-items:center;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li div {font-size:16px; margin-right:20px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li button {font-size:13px; padding:5px 10px; border:1px solid #333; margin-right:5px; border-radius:5px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li button.btn-download {}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li button.btn-preview  {}
.hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo a {text-decoration:underline;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .deTit {display:none;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .deCo {letter-spacing:-0.5px; font-size:35px; font-weight:500; display:flex; flex-direction:column; align-items:flex-start; padding-bottom:30px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .courseCategory {font-size:18px; font-weight:400; position:relative; margin-bottom:10px;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .courseCategory:before {content:""; width:calc(100% + 10px); height:12px; display:inline-block; background:orange; position:absolute; bottom:-2px; z-index:-1; left:-5px; opacity:0.5;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseCo .deTit {width:100%;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseCo .deTit::before {display:none;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseCo .deCo {font-size:16.5px;line-height:150%;margin-bottom:30px;width:100%;padding-top:5px;border-bottom:1px solid #f3dcc8;padding-bottom:30px;flex-direction: column;align-items: self-start;}
.hakbumo_Wrap .course_detailWrap .couseDetail ul .courseCo .deCo img {width:auto !important;max-width: 100%;}

    @media (max-width:899px){
        .hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .deCo {font-size:23px; font-weight:600; width:100%;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul .courseTit .courseCategory {margin-bottom:5px; font-size:16px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul .courseCo .deCo {font-size:15.5px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.listViewUl>li.courseCo + li .deCo {flex-wrap:wrap;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.listViewUl>li.courseCo + li .deCo > div:first-child {width:100%;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.listViewUl>li.courseCo + li .deCo > div:first-child:after {display:none;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul .deCo > div,
        .hakbumo_Wrap .course_detailWrap .couseDetail ul .deCo {font-size:15px; padding-top:2px;}

        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl {flex-wrap:wrap; gap:10px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li {padding:20px 10px; width:27%; flex:auto;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deTit {padding-bottom:10px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo {font-size:19px; padding-bottom:0;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo>div {font-size:16px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.boxViewUl>li .deCo>div b {font-size:20px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo a,
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li div {font-size:14px;}
        .hakbumo_Wrap .course_detailWrap .couseDetail ul.courseFileArea>li .deCo li button {padding:5px 5px;}
    }




    
/* 만족도조사 */
.hakbumo_Wrap .surveyBtn {font-size:16px; padding:10px 15px; background:#cc6e2a; border:1px solid #cc6e2a; color:#fff; border-radius:8px;}
.surveyTBL>tbody>tr>td:nth-child(2) .btn-basic {font-size:9px; width:30px; height:30px; padding:0; line-height:28px; border-radius:10px;}
.surveyInfo {width:100%; clear:both; padding:15px 15px; box-sizing:border-box; background:#f7f7f7; border-radius:15px; border:2px dashed #ececec;}
.surveyInfo >li {display:flex;}
.surveyInfo .svTit {width:100px; font-size:15px; color:#6f6f6f; font-weight:500;}
.surveyInfo .svTit:before {content:""; width:6px; height:2px; display:inline-block; background:#333; transform:rotate(-55deg); vertical-align:middle; margin-right:7px;}
.surveyInfo .svco  {width:calc(100% - 100px); font-size:15px; line-height:150%; color:#333;}

.surveyPg {counter-reset:orderedlist; width:100%; padding:20px; box-sizing:border-box; background:#f9f9f9; border-radius:10px; margin-top:30px; clear:both;}
.surveyPg>li {position:relative; border-bottom:2px dashed #ddd; padding-bottom:30px; margin-bottom:30px; padding-left:40px; box-sizing:border-box;}
.surveyPg>li:before {counter-increment:orderedlist; content:counter(orderedlist); width:30px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:orange; /* background:#FBF4EE; */border-radius:100%; position:absolute; left:0; top:0; font-size:16px; font-weight:600;}
.surveyPg>li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}
.surveyPg .svTit {font-size:17px; line-height:150%; padding:2px 0 14px; color:#6f6f6f; font-weight:500; word-break:keep-all;}
.surveyPg .svco  {font-size:15px;}

.surveyPg .svco>ul:not(.wzForm) {display:block; clear:both; display:flex; flex-direction:column;}
.surveyPg .svco>ul:not(.wzForm)>li {padding-bottom:10px; width:100%; display:flex; position:relative; padding-left:10px; box-sizing:border-box;}
.surveyPg .svco>ul:not(.wzForm)>li:before {content:""; width:4px; height:4px; display:inline-block; background:#333; border-radius:100%; vertical-align:middle; position:absolute; left:0; top:9px;}
.surveyPg .svco>ul>li span:first-child {font-size:15px; width:33%;}
.surveyPg .svco>ul>li span:last-child {font-size:13px; color:#6f6f6f; width:10%; text-align:right;}
.surveyPg .svco>ul>li .wzprogress {padding-bottom:10px;}

    /* 상담예약하기 팝업 (만족도조사와 거의 동일한 폼에 cs_reservtn 클래스 추가됨) */
    .surveyPg.cs_reservtn { border-radius: 0; padding: 0; background: transparent; border-top: 2px solid orange;}
    .surveyPg.cs_reservtn>li {display: flex;flex-wrap: wrap;padding: 15px 15px 25px;margin-bottom: 10px;border-bottom: 1px dashed #9f9e9e;}
    .surveyPg.cs_reservtn>li:before {font-size:14px;color: #888;color: #184b74;background: #f7f7f7; /* line-height: normal !important; */ border: 1px solid #f1efef;font-size: 20px;position: relative;left: auto;top: auto;margin-right: 10px;} 
    .surveyPg.cs_reservtn>li.agreeFormLi {border-bottom: none;background: #f9f9f9;background: #f7f7f7;border-radius: 0 0 15px 15px;}
    .surveyPg.cs_reservtn>li.agreeFormLi:before {background:#fff;}
    .surveyPg.cs_reservtn>li.agreeFormLi ~ li.agreeFormLi {border-radius:15px;}
    .surveyPg.cs_reservtn>li:last-child:before {content:"*";background: transparent !important;width: auto;}
    .surveyPg.cs_reservtn>li:nth-last-child(2) {border-bottom:none; margin-bottom:10px;}    
    .surveyPg.cs_reservtn>li:last-child {background:#FBF4EE;border-radius:15px;border-bottom: none;}
    .surveyPg.cs_reservtn>li.agreeFormLi .svTit {color:#333;}
    .surveyPg.cs_reservtn>li:last-child .svTit {color:#333;font-size:15px;font-weight: 600;width: calc(100% - 45px);}
    .surveyPg.cs_reservtn .svTit {width:calc(100% - 60px);}
    .surveyPg.cs_reservtn .svTit .necessary {background: #898484;color:#fff;font-size: 11px;font-weight: 400;letter-spacing: -0.5px;padding: 4px 5px;display:inline-block;border-radius:5px;vertical-align: middle;line-height: normal;margin-top: -3px; float: right;}
    .surveyPg.cs_reservtn .svTit .example   {font-size:14px; color:#6f6f6f;}
    .surveyPg.cs_reservtn .svco {width:100%; box-sizing:border-box; padding-left:30px; padding-right:20px;}
    .surveyPg.cs_reservtn .svco input[type="text"]:focus {border:1px solid #ddd !important;}
    .surveyPg.cs_reservtn .svco .agreeForm {border:1px solid #ddd;width:100%;background:#fff;padding:10px;box-sizing:border-box;font-size:14px;border-radius: 5px;line-height:150%;margin-bottom: 10px;height: 100px;overflow-y: scroll;}
    .surveyPg.cs_reservtn .svco .agreeForm + .wzForm {text-align:right;padding: 5px 0px 0;border-radius:10px;}
    .surveyPg.cs_reservtn .svco .agreeForm + .wzForm input[type="checkbox"] + label {text-align:right; width:100%;}
    .surveyPg.cs_reservtn .svco .wzForm {display:flex;}    
    .surveyPg.cs_reservtn .svco .wzForm li {width:auto !important; padding-right:30px;}

    @media (max-width:899px){
        .surveyPg  {padding:15px;}
        .surveyPg .svco>ul:not(.wzForm)>li {flex-wrap:wrap;}
        .surveyPg .svco>ul>li span:first-child {width:100%; font-size:14px; padding-bottom:6px;}

        .surveyPg.cs_reservtn .svco .wzForm {flex-direction:column;}
        .surveyPg.cs_reservtn .svco .wzForm li {width:100%;}
        .surveyPg.cs_reservtn>li {padding-right:0; padding-left:0;}
    }



/* 강좌카테고리관리 목록 */
.hakbumoAdmin .tableWrap {display:flex; gap:30px; width:100%;} 
.hakbumoAdmin .tbWrap {flex:1;} 
.hakbumoAdmin .tbWrap:only-child {max-width:635px;} 
.hakbumo_Wrap .tbWrap .tit-space .hakbumoSTit { padding:0;}
.hakbumoAdmin .iconOnlyBtn {width:30px; height:30px; color:#757575; text-indent:-999px; display:inline-block; overflow:hidden; position:relative; margin:1px 3px; border-radius:10px; vertical-align:middle;} 
.hakbumoAdmin .iconOnlyBtn:before {text-indent:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:20px;} 
.hakbumoAdmin .iconOnlyBtn:disabled {background:#e0e0e0 !important; border-color:#e0e0e0 !important; opacity:0.5; cursor:auto;} 
.hakbumoAdmin .iconOnlyBtn:disabled:before {opacity:0.5;} 
.hakbumoAdmin .btn-sortUp:before {content:""; border-bottom:8px solid #333; border-left:5px solid transparent; border-right:5px solid transparent;} 
.hakbumoAdmin .btn-sortDown:before {content:""; border-top:8px solid #333; border-left:5px solid transparent; border-right:5px solid transparent;} 
.hakbumoAdmin .btn-set {display:flex; align-items:center; justify-content:center;} 
@media (max-width:990px){
.hakbumoAdmin .tbWrap {max-width: unset!important;}
}

/* 수강취소 인원 관리 */
.hakbumoAdmin .subTit {font-size:15px;color:#333;margin-bottom: 0;} 
.hakbumoAdmin .mainTit {font-size:18px; font-weight:500;} 



/* 시간표관리 */
.hakbumo_Wrap .day-set { display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px; } 
 /* 체크박스 */
 .hakbumo_Wrap .h-checkbox { display: flex; flex-wrap: wrap; gap: 20px; } 
 .hakbumo_Wrap .h-checkbox input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 
 .hakbumo_Wrap .h-checkbox input[type="checkbox"]+label { position: relative; font-size: 15px; cursor: pointer; line-height: 150%; padding-left: 30px; display: flex; align-items: center; } 
 .hakbumo_Wrap .h-checkbox input[type="checkbox"]+label:before { content: ""; width: 22px; height: 22px; display: inline-block; line-height: 20px; box-shadow: none; border: 2px solid #eccd9a; border-radius: 7px; font-size: 11px; text-align: center; box-sizing: border-box; position: absolute; left: 0; } 
 .hakbumo_Wrap .h-checkbox input[type="checkbox"]:checked+label:before { content: "\f00c"; font-family: fontAwesome; background: #fff; color: #f5a828; border: 2px solid #f5a828; } 
 


 @media (max-width:599px){
.hakbumo_Wrap .day-set  { flex-direction: column;}   
.hakbumo_Wrap .surveyBtn { margin-top:20px;}
 }




        
         



/* 패들릿게시판 - (경기학부모지원센터 스타일 통일) */
.hakbumo_Wrap .padlet_wrap .searchWrap { justify-content: flex-start; width: 100%; padding: 20px !important; background-color: #FBF4EE; border-style: solid; border-width: 2px; border-color: transparent; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchOpt { align-items: stretch; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchBox { flex-grow: 0; align-items: stretch; }
.hakbumo_Wrap .padlet_wrap .searchWrap :is(select, .searchInput) { padding-left: 10px !important; background-color: #fff; border-radius: 15px; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchBox .btn-srch { display: inline-flex; width: auto; aspect-ratio: initial; font-size: 1.6em; font-weight: 600; background: linear-gradient(45deg, #fcb438, #f3a524); border-color: transparent; border-radius: 5px !important; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchBox .btn-srch::before { float: left; position: initial; content: "\f002"; display: inline-block; width: auto; aspect-ratio: initial; margin: 0px 7px 0 -3px !important; border: 0; border-radius: 0; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchBox .btn-srch::after { display: none; }
.hakbumo_Wrap .padlet_wrap .searchWrap .searchBox .btn-srch .sr-only { position: initial; width: auto; height: auto; clip:initial; }
.hakbumo_Wrap .padlet_wrap .board_top .list_count select { border-radius: 5px; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card { border: 1px solid #ddd; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card:hover { border-color: #f5a828; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card .card_chk { top: 10px; right: 10px; width: 22px; height: 22px !important; border: 2px solid #eccd9a; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card .card_chk:hover { border-color: #f5a828; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card .card_chk:checked { background-color: #f5a828 !important; border-color: #f5a828; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card .card_chk:checked::after { top: 2px; left: 6px; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card:hover .card_cate { background-color: #f3a524; }
.hakbumo_Wrap .padlet_wrap .padlet_list .card:has(img) .card_cate { text-shadow: none; }



.editorZone {width:100%;background:#f7f7f7;padding: 20px 20px 30px;box-sizing: border-box;margin: 20px 0;border-radius: 15px;}
.editorZone img {max-width:100%; }