@font-face {
    font-family: 'scdream';
    font-weight: 100;
    font-style: normal;
    src: url(/font/SCDream1.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 200;
    font-style: normal;
    src: url(/font/SCDream2.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 300;
    font-style: normal;
    src: url(/font/SCDream3.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 400;
    font-style: normal;
    src: url(/font/SCDream4.woff) format('woff');
}

@font-face {
    font-family: 'scdream';
    font-weight: 500;
    font-style: normal;
    src: url(/font/SCDream5.woff) format('woff');
}@font-face {
    font-family: 'scdream';
    font-weight: 600;
    font-style: normal;
    src: url(/font/SCDream6.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 700;
    font-style: normal;
    src: url(/font/SCDream7.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 800;
    font-style: normal;
    src: url(/font/SCDream8.woff) format('woff');
}
@font-face {
    font-family: 'scdream';
    font-weight: 900;
    font-style: normal;
    src: url(/font/SCDream9.woff) format('woff');
}


/*--------------------------------------------------------------
# Basic
--------------------------------------------------------------*/


:root {
    --fsize-small:0.7rem;
    --fsize-bsmall:0.8rem;
    --fsize-sbasic:0.9rem;
    --fsize-basic:1rem;
    --fsize-mid:1.3rem;
    --font-menu:1.3rem;
    --font-title:3.6rem;
    --font-stitle:2.2rem;
    --font-body:1.15rem;
    --font-xtitle: 2rem;    
    --font-body: 1.15rem;
    --font-badge: 0.8rem;
    --font-table: 0.9rem;
    --font-basic:1.1rem;
    --font-ztitle: 1.5rem;
    --font-basic-line: 2.2rem;
    --input-size:1rem;

    --color-reds:#E81A20;
    --color-yellows:#FFE618;
    --color-blues:#0C215C;
    --color-greens:#00BCA1;
    --color-violet:#5B5AAA;
    --color-primary:#0F40C9;
    --color-point-blues:#2136ac;


    --color-basic:#121212;
    --color-second:#353535;
    --color-third:#5f5f5f;
    --color-good:#29CC97;
    --color-bad:#E71A20;
    --color-point:#0C215C;
    --color-border:#cfcfcf;

    --color-atag:#020202;
    
    --color-tbheader:#353535;

    --color-tbbg:#f1f3fd;
    --color-tbbgtop:#142064;
    --color-tbtxt:#020202;
  }




  html {
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'scdream' !important;
  }

  body {
    font-family: 'scdream' !important;
    font-weight:400;
    font-size: 14px;
  }

  .container-full{width:100%;}


  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "scdream", sans-serif;
  }

  p {
    line-height: 1.55;
    color: #333;
    font-size: 400;
    font-family: "scdream", sans-serif;
  }

  h1 {
    font-size: 5rem;
  }

  h2 {
    font-size: 3.5rem;
  }

  h3 {
    font-size: 2.8rem;
  }

  h4 {
    font-size: 1.6rem;
  }

  a {
    transition: 0.5s;
    text-decoration: none;
    color:var(--color-atag);
  }

  p{font-size:1.1rem;}


  ul.ulnum{list-style: decimal;}
  ul.cjk{list-style-type:cjk-decimal;}
  ul.alpha{list-style-type:lower-alpha ;}
  
  .box-gray{background-color: #f5f5f5;}

  .point{color:var(--color-primary) !important; }
  .alert h6{margin-bottom: 0px !important;}
  
/*--------------------------------------------------------------
# 버튼
--------------------------------------------------------------*/


.btns {
    display: inline-block;
    padding: 9px 34px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-weight: 500;
}

.btns-wide {
    display: inline-block;
    padding: 15px 80px;
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-weight: 500;
}


.btns-big {
    display: inline-block;
    padding: 12px 100px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-weight: 500;
}

.btns-full {
    display: inline-block;
    padding: 15px 34px;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-weight: 500;
    width:100%;
}

.btns-primary {
    color: #fff;
    background-color: var(--color-point);
    border:2px solid  var(--color-point);    
}

.btns-primary:hover {
    color: var(--color-point);
    background-color:  rgba(255,255,255,0);
    border:2px solid  var(--color-point);
}

.btns-black {
  color: #fff;
  background-color: #000000;
  border:2px solid  var(--color-point);    
}

.btn {
    display: inline-block;
    padding: 8px 26px !important;
    margin-bottom: 0;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 6px;
}

.btn-primary {
    color: #fff;
    background-color: var(--color-point);
    border:2px solid var(--color-point);

}

.btn-wide {
    display: inline-block;
    width: 100%;
    padding: 12px 26px !important;
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 500 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 6px;
}

.btn-small {
    display: inline-block;
    padding: 6px 26px !important;
    margin-bottom: 0;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius:4px;
    min-width:105px;
}

.btn-mid {
    display: inline-block;
    padding: 16px 70px !important;
    margin-bottom: 0;
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 6px;
}

.btn-big {
    display: inline-block;
    padding: 12px 70px !important;
    margin-bottom: 0;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 6px;
}

.btn-xbig {
    display: inline-block;
    padding: 20px 70px !important;
    margin-bottom: 0;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 6px;
}

.btn-black{
    color: #fff !important;
    background-color: #000000;
    border:2px solid #000;
}

.btn-black:hover{
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0);
    border:2px solid #000;
}

.btn-white{
    color: #000 !important;
    background-color: #fff;
    border:2px solid #000;
}

.btn-white:hover{
    color: #fff !important;
    background-color: #000;
    border:2px solid #000;
}

.btn-black{
    color: #fff !important;
    background-color: #000000;
    border:2px solid #000;
}

.btn-blue{
    color: #fff !important;
    background-color: #2136ac;
    border:2px solid #2136ac;
}

.btn-dark{
    color: #fff !important;
    background-color: #3f3f3f;
    border:2px solid #3f3f3f;
}

.btn-red{
    color: #fff !important;
    background-color: #E85D1C;
    border:2px solid #E85D1C;
}

.btn-green{
    color: #fff !important;
    background-color: #0c7566;
    border:2px solid #0c7566;
}

.btn-violet{
    color: #fff !important;
    background-color: #3a398b;
    border:2px solid #3a398b;
}


hr {
  margin: 1rem 0;
  color: #d6d6d6;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .5;
}

/*--------------------------------------------------------------
  # Common
  --------------------------------------------------------------*/


.fw700{font-weight:700;}
.fw600{font-weight:600;}
.fw200{font-weight:200;}

.mt-110{margin-top:110px !important;}
.mt-50{margin-top:50px !important;}
.mt-80{margin-top:80px !important;}
.mt-100{margin-top:100px !important;}
.mlr-20{margin: 0 20px;}

.pr-20{padding-right: 20px;}

.form-group{display: flex; flex-direction: row; justify-content: space-between;}
.fl-col{display: flex; flex-direction: column !important;}
.fl-row{display: flex; flex-direction: row !important;}

.fl-center{display: flex; justify-content: center; align-items: center;}


.txt-center{text-align: center;}
.txt-right{text-align: right;}
.txt-left{text-align: left;}


.badge-red{font-size:var( --font-badge); background-color: rgb(161, 22, 22); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:73px; display: inline-block;}
.badge-gray{font-size:var( --font-badge); background-color: rgb(61, 61, 61); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:73px; display: inline-block;}
.badge-green{font-size:var( --font-badge); background-color: rgb(2, 121, 41); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:73px; display: inline-block;}
.badge-blue{font-size:var( --font-badge); background-color: rgb(46, 48, 170); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:73px; display: inline-block;}

.badge-wide-red{font-size:var( --font-badge); background-color: rgb(161, 22, 22); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:90px; display: inline-block;}
.badge-wide-gray{font-size:var( --font-badge); background-color: rgb(61, 61, 61); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:90px; display: inline-block;}
.badge-wide-green{font-size:var( --font-badge); background-color: rgb(2, 121, 41); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:90px; display: inline-block;}
.badge-wide-blue{font-size:var( --font-badge); background-color: rgb(46, 48, 170); color:#fff; padding:3px 10px; text-align: center; border-radius: 3px; min-width:90px; display: inline-block;}


.label-red{font-size:var( --font-badge); background-color: rgb(161, 22, 22); color:#fff; padding:3px 5px; text-align: center; border-radius: 2px; display: inline-block; margin-right:5px;}
.label-gray{font-size:var( --font-badge); background-color: rgb(61, 61, 61); color:#fff; padding:3px 5px; text-align: center; border-radius: 2px; display: inline-block; margin-right:5px;}
.label-green{font-size:var( --font-badge); background-color: rgb(2, 121, 41); color:#fff; padding:3px 5px; text-align: center; border-radius: 2px; display: inline-block; margin-right:5px;}
.label-blue{font-size:var( --font-badge); background-color: rgb(46, 48, 170); color:#fff; padding:3px 5px; text-align: center; border-radius: 2px; display: inline-block; margin-right:5px;}

.tip{font-size:0.9rem; margin-bottom: 10px;}
.tip em{font-style: normal; margin-right: 20px;}

/*반응형게시판*/

.grid-col-8{  grid-template-columns: 5% 1fr 10% 15% 10% 10% 10% 10%;}
.grid-col-7{  grid-template-columns: 5% 1fr 12% 17% 12% 12% 12%;}
.grid-col-6{  grid-template-columns: 10% 1fr 15% 15% 15% 20%;}
.grid-col-5{  grid-template-columns: 5% 1fr 20% 20% 20%;}
.grid-col-bbs{  grid-template-columns: 5% 1fr 15% 10% 15%;}

.grid-col-procedure{  grid-template-columns: 20% 8% 15% 8% 8% 1fr;} 
.grid-col-score{  grid-template-columns: 5% 20% 20% 1fr 10% 15% 10% 10%;}


.table-section {
  display: grid;
  /* grid-template-columns: repeat(8, 1fr); */
  grid-auto-rows: minmax(20px, auto);
  gap: 1px;
  background-color: #ddd;
  border: 1px solid #ddd;
}

/* .grid-pro{ display: grid; grid-template-columns: 20% 10% 15% 10% 1fr; grid-auto-rows: minmax(20px, auto);
  gap: 1px;
  background-color: #ddd;
  border: 1px solid #ddd;} */

.table-section .header {
  padding: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-tbbg); text-align: center;padding:10px 5px;  font-weight:500;
  border-top: 2px solid var(--color-tbbgtop);
}

.table-section .tbtop{border-top:1px solid #ddd !important;}

.thbg-dark{  background-color:  var(--color-tbheader);  color:#fff;}
.thbg-basic{  background-color:  var(--color-tbbg);  color:var(--color-tbtxt); border-top:2px solid var(--color-tbbgtop);}



.table-section .cell {
  background-color: #fff;
  color:#000;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-section .cell-left {
  background-color: #fff;
  padding: 10px 10px 10px 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.span-2-rows {
  grid-row: span 2;
}
.span-2-cols {
  grid-column: span 2;
}

.span-5-cols {
  grid-column: span 5;
  padding:15px 0;
  text-align: center;
  background-color: #fff;
}

.span-6-cols {
    grid-column: span 6;
    padding:15px 0;
    text-align: center;
    background-color: #fff;
  }
  
.span-6-rows {
  grid-row: span 6;
}
@media (max-width: 768px) {

.table-section .header, .cell {
    flex: 1 0 50%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.table-section .header {
    background-color: #f0f0f0;
    font-weight: bold;
}
 .table-section .header:last-child {
    border-bottom: none;
}

/* .table-section .cell:last-child, */

}


.form-control {
    display: block;
    width: 100%;
    min-height: calc(1.8em + 0.75rem + 2px);
    padding: 0.65rem 0.75rem;
    font-size: var(--input-size);
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-mid {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem !important;
    font-weight: 500;
    line-height: 1.5;
    color: #242424 !important;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-small {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-size: 0.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*게시판*/
.list-search-area{display: flex; flex-direction: row; align-items: flex-end; justify-content: end; width:100%; margin-bottom: 5px;}

.list-search-area form input{width:60%; font-size:13px;}

.list-search-area-box{width:100%; margin-bottom: 10px; border:1px solid #ddd; border-radius: 2px; padding:10px; background-color: #fff;}
.list-search-area-box form{width:100%;}
.list-search-area-box form ul{margin:0; padding:0; display: flex; flex-direction: row; justify-content: space-between;}
.list-search-area-box form ul li{list-style: none; display: flex; flex-direction: row; width:50%; font-size: var(--font-table);}
.list-search-area-box form ul li bold{font-size:var(--input-size); color:#000; font-weight: 500; width:20%; display: flex; align-items: center; justify-content: center;}
.list-search-area-box form ul li select{width:40%;}
.list-search-area-box form ul li input{width:40%;;}



.list-search-area-one{width:100%; margin-bottom: 10px; border:1px solid #ddd; border-radius: 2px; padding:10px; background-color: #fff;}
.list-search-area-one form{width:100%;}
.list-search-area-one form ul{margin:0; padding:0; display: flex; flex-direction: row; justify-content: flex-end;}
.list-search-area-one form ul li{list-style: none; display: flex; flex-direction: row; justify-content: flex-end; width:100%; font-size: var(--font-table);}
.list-search-area-one form ul li bold{font-size:var(--input-size); color:#000; font-weight: 500; width:20%; display: flex; align-items: center; justify-content: center;}
.list-search-area-one form ul li select{width:40%;}
.list-search-area-one form ul li input{width:20%;;}


.score-search-area-box{width:100%; margin-bottom: 10px; border:1px solid #ddd; border-radius: 2px; padding:10px; background-color: #fff; display: flex; justify-content: space-between;}
.score-search-area-box form:nth-child(1){width:30%;}
.score-search-area-box form:nth-child(2){width:70%; text-align: right;}
.score-search-area-box form ul{margin:0; padding:0; display: flex; flex-direction: row; justify-content: space-between;}
.score-search-area-box form ul li{list-style: none; display: flex; flex-direction: row; width:50%; font-size: var(--font-table);}
.score-search-area-box form ul li bold{font-size:var(--input-size); color:#000; font-weight: 500; width:20%; display: flex; align-items: center; justify-content: center;}
.score-search-area-box form ul li select{width:50%;}
.score-search-area-box form ul li input{width:60%;}


.fl-right{justify-content: flex-end;}


/* .ik-card{border:1px solid #ddd; border-radius: 10px; padding:30px; background-color: #fff;} */
.ik-card{border:0px solid #ddd; border-radius: 10px; padding:0px; background-color: #fff;}

.ik-card dl dd{min-height: 46px; }
dd.memtype span{padding: 0 18px 0px 5px !important;}
dd.memtype strong{padding:0 0 0 20px; font-size:0.8rem; color:#0c7566;}

.ik-card dl dd strong{font-weight:500; margin-left:10px; color:rgb(155, 49, 49);}
.ik-card .card-body-layout{width:100%; display: flex; flex-direction: row;}
.ik-card .card-body-layout .card-left{width:50%;}
.ik-card .card-body-layout .card-right{width:50%;}

form textarea.memo{height:160px;}
input[type='radio']{margin-left:20px; margin-right:3px;}
.ik-card h5{margin-top:30px;}

.let-sp-2{letter-spacing: 10px; text-align: center; font-style: normal;}
.let-sp-3{letter-spacing: 10px; font-style: normal;}


/*하단페이징*/
.bot_paging{margin-top:20px;}
.bot_paging nav div:nth-child(1){display: flex; flex-direction: row; }
.bot_paging nav div:nth-child(1) span{min-width: 120px !important; width: 120px !important; display: flex; justify-content: center; align-items: center; background-color: #333 !important; color:#fff;}
.bot_paging nav div:nth-child(1) a{min-width: 120px !important; width: 120px !important; display: flex; justify-content: center; align-items: center; margin:0 10px; background-color: #2136ac !important; color:#fff;}
/* .bot_paging nav div:nth-child(2) {display: block; }
.bot_paging nav div:nth-child(2) span:nth-child(1){display: flex; flex-direction: row; flex-direction: row;} */
/* .bot_paging nav div span{min-width: 120px !important; display: flex; justify-content: center;}
.bot_paging nav div a{min-width: 120px !important;display: flex; justify-content: center;} */

/*table*/
table.basic{font-size: var(--font-table); border-top: 2px solid var(--color-tbbgtop); margin-top:10px;}
table.basic caption{display: none;}
table.basic th{background-color: var(--color-tbbg); text-align: center;padding:10px 5px;  font-weight:500;}
table.basic td{padding: 10px 15px;}
table.oper td{text-align: center;}
table.mem td{text-align: center;}


/*반응형게시판 table-res edutb-list*/

.edu_list_area{display: flex; flex-direction: column;}

@media only screen and (min-width : 542px) {
.ik-card dl dd.full{width:80% !important;}
.ik-card .card-body-twocell{width:100%;}
.ik-card .card-body-twocell dl{display: flex; flex-direction: row; font-size: var(--font-table);  color:var(--color-tbtxt); width:100%; margin:0px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.ik-card .card-body-twocell dl dt{width:20%; background-color: var(--color-tbbg); text-align: center;padding:8px 5px; display: flex; align-items: center; justify-content: center;
font-weight:500;}
.ik-card .card-body-twocell dl dt strong{color:#c00000; margin-left:3px; font-weight: 600;}

.ik-card .card-body-twocell dl dd{width:30%; padding: 8px 15px;  margin: 0; display: flex; align-items: center;} /*display: flex; align-items: center; */
.ik-card .card-body-twocell dl dd.nofl{display: block !important;}
.ik-card .card-body-twocell dl dd.full{width:80%;}
.ik-card .card-body-twocell dl dd bold{font-weight:500; margin-left:10px; }
.ik-card .card-body-twocell dl dd em{font-style: normal; text-wrap: nowrap; margin:0 20px 0 10px;}
.ik-card .card-body-twocell dl.tb-top{border-top: 2px solid var(--color-tbbgtop);}


  ul.table-res{padding:0; margin:0; display: flex; flex-direction: row; width:100%;}
  ul.table-res li{list-style: none; background-color: #fff;  color:#000; padding: 10px; display: flex;  align-items: center; justify-content: center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
  .edutb-list li.cel1{width:5.05%;}
  .edutb-list li.cel2{width:29.64%;justify-content: flex-start !important; padding-left: 20px;}
  .edutb-list li.cel3{width:12.1%;}
  .edutb-list li.cel4{width:17.0%;}
  .edutb-list li.cel5{width:12.1%;}
  .edutb-list li.cel6{width:12.05%;}
  .edutb-list li.cel7{width:12.15%;border-right:1px solid #ddd;}
  /* .edutb-list li.cel8{width:10.1%;} */


  .scoretb-list li.cel1{width:5.05%;}
  .scoretb-list li.cel2{width:20.05%;justify-content: flex-start !important; padding-left: 20px;}
  .scoretb-list li.cel3{width:20.0%;}
  .scoretb-list li.cel4{width:9.65%;}
  .scoretb-list li.cel5{width:10.05%;}
  .scoretb-list li.cel6{width:15.05%;}
  .scoretb-list li.cel7{width:10.05%;}
  .scoretb-list li.cel8{width:10.1%;border-right:1px solid #ddd;}

  
  .bbstb-list li.cel1{width:5.05%;}
  .bbstb-list li.cel2{width:54.78%;justify-content: flex-start !important; padding-left: 20px;}
  .bbstb-list li.cel3{width:15.0%;}
  .bbstb-list li.cel4{width:10.01%;}
  .bbstb-list li.cel5{width:15.16%;border-right:1px solid #ddd;}
  .grid-col-bbs{  grid-template-columns: 5% 1fr 15% 10% 15%;}

  .grid-col-state{  grid-template-columns: 5% 1fr 20% 20% 10% 15%;}

  .list-search-area form{width:30%; display: flex; flex-direction: row; justify-content: end;}

  .grid-col-customer{  grid-template-columns: 5% 10% 10% 1fr 10% 10%;}
}


@media only screen and (max-width : 541px) {

  .edu_list_top{display: none;}
  .score_list_top{display: none;}
  .bbs_list_top{display: none;}

  ul.table-res{border:1px solid #ddd; padding: 20px 10px; border-radius: 15px;}
  ul.table-res li{list-style: none; color:#000; padding: 4px 10px; }
  .edutb-list li.cel1{display: none;}
  .edutb-list li.cel2::before{content: '교육명 : '; font-weight:500; color:#000;}
  .edutb-list li.cel3::before{content: '일정표 : '; font-weight:500; color:#000;}
  .edutb-list li.cel4::before{content: '교육기간 : '; font-weight:500; color:#000;}
  .edutb-list li.cel5::before{content: '컨소시엄교육비 : '; font-weight:500; color:#000;}
  .edutb-list li.cel6::before{content: '사업주위탁교육비 : '; font-weight:500; color:#000;}
  .edutb-list li.cel7::before{content: '접수인원/정원 : '; font-weight:500; color:#000;}
  .edutb-list li.cel8 span{
    font-size:1.0rem ; 
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    border-radius: 3px;
    min-width: 100%;
    display: inline-block;
}

.scoretb-list{display: grid;  grid-template-columns: 30% 1fr;}
.scoretb-list li.cel1{display: none;}
.scoretb-list li.cel2::before{content: '교육명 : '; font-weight:500; color:#000; }
.scoretb-list li.cel3::before{content: '교육기간 : '; font-weight:500; color:#000; }
.scoretb-list li.cel2{grid-column: auto / span 2;}
.scoretb-list li.cel3{grid-column: auto / span 2;}
.scoretb-list li.cel4{grid-row: auto / span 2; text-align: center;}
.scoretb-list li.cel5{display: flex; align-items: center;}
.scoretb-list li.cel6{display: flex; align-items: center;}
.scoretb-list li.cel7{text-align: center;}
/* .scoretb-list li.cel8{} */

ul.bbstb-list{padding-bottom:10px; display: inline-block;  width: 100%;}
.bbstb-list li.cel1{display: none;}
/* .bbstb-list li.cel2::before{content: '제목 : ';} */
/* .bbstb-list li.cel3::before{content: '글쓴이 : ';} */
.bbstb-list li.cel4::before{content: ' 조회 : ';}
.bbstb-list li.cel5::before{content: ' 작성일 : ';}
.bbstb-list li.cel3{width:27%; clear:both; display: inline; float:left;}
.bbstb-list li.cel4{width:27%;display: inline; float:left;}
.bbstb-list li.cel5{width:46%;display: inline; float:left;}

.bbs_area .ik-card{padding: 20px 0px !important;}
.bbs_area .ik-card .card-body-twocell dl.tb-top {
  border-top: 0px solid var(--color-tbbgtop);
}
.bbs_area .ik-card .card-body-twocell{padding:0 15px;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(1){display: flex; flex-direction: row; flex-wrap: wrap;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(1) dt{width:25%; font-weight:600;justify-content: center; border-bottom:1px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(1) dd{width:75%;border-bottom:1px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl {border-left: 0px solid #eee;  border-right: 0px solid #eee;  border-bottom: 0px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(2){display: flex; flex-direction: row; flex-wrap: wrap;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(2) dt{width:25%; font-weight:600;justify-content: center;  border-bottom:1px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(2) dd{width:75%; border-bottom:1px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(3){display: flex; flex-direction: row; flex-wrap: wrap;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(3) dt{width:25%; font-weight:600;justify-content: center; border-bottom:1px solid #eee; }
.bbs_area .ik-card .card-body-twocell dl:nth-child(3) dd{width:75%; border-bottom:1px solid #eee;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(4) dt{width:25%; font-weight:600;justify-content: center; }
.bbs_area .ik-card .card-body-twocell dl:nth-child(5){display: flex; flex-direction: row; flex-wrap: wrap;}
.bbs_area .ik-card .card-body-twocell dl:nth-child(5) dt{width:25%; font-weight:600;justify-content: center; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.bbs_area .ik-card .card-body-twocell dl:nth-child(5) dd{width:75%; border-top:1px solid #eee; border-bottom:1px solid #eee;}

.mo-no{display: none !important;}
.grid-col-state{  grid-template-columns: 40% 1fr;}

.list-search-area form{width:100%; display: flex; flex-direction: row; justify-content: end;}

.grid-col-customer{  grid-template-columns: 30% 70%;}
.grid-col-customer .header{display: none;}
.grid-col-customer .cust1{display: none;}
.grid-col-customer .cust2{display: none;}







}





@media only screen and (min-width : 768px) {
  .ik-1{width:8.3333%;}
  .ik-2{width:16.6666%;}
  .ik-3{width:24.9999%;}
  .ik-4{width:33.3332%;}
  .ik-5{width:41.6665%;}
  .ik-6{width:49.9998%;}
  .ik-7{width:58.3331%;}
  .ik-8{width:66.6664%;}
  .ik-9{width:74.9997%;}
  .ik-10{width:83.3330%;}
  .ik-11{width:91.6663%;}
  .ik-12{width:99.9996%;}
  }
  @media only screen and (max-width : 767px) {
    .ikm-0{width:100%;}
    .ikm-1{width:8.3333%;}
    .ikm-2{width:16.6666%;}
    .ikm-3{width:24.9999%;}
    .ikm-4{width:33.3332%;}
    .ikm-5{width:41.6665%;}
    .ikm-6{width:49.9998%;}
    .ikm-7{width:58.3331%;}
    .ikm-8{width:66.6664%;}
    .ikm-9{width:74.9997%;}
    .ikm-10{width:83.3330%;}
    .ikm-11{width:91.6663%;}
    .ikm-12{width:99.9996%;}
  }