@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
.logoBox.samboh {
  background: transparent;
}

.loginLogoBox.samboh {
  background: #21404f;
  padding: 14px 30px;
  border-radius: 9px;
}

.samboh-curri {
  width: 100%;
  margin: 0 auto;
  overflow: auto;  
}
.table-sb {
  border-collapse: collapse; 
  border-spacing: 0;
  min-width: 1200px; 
}
.table-sb thead th{border: 1px solid #2e3c79;} 

/* .table-sb tr {display: inline-grid;} */
.table-sb td {
  position: relative;
  text-align: center;
  padding: 4px 4px;
  border: 1px solid #dfdfdf;
  font-size: 13px;
  height: 0;
}
.table-sb th{
  color: #3b3b3b;
  text-align: center;
  padding: 8px 7px;
  line-height: 120%;
  vertical-align: middle;
  font-size: 13px;
  border: 1px solid #dfdfdf; 
}
.tr1>td {
  color: #222;
  padding: 8px 0;  
  background: #fcd1d1;
  border: 1px solid #e7a3a3; 
  line-height: 140%;
  z-index: 10;
}

.l3-row-bg {
  display: block;
  padding: 5px 0px;
  border-radius: 5px;
  background: #222;
  color: #fff;
}

.tbox { display: flex; align-items: center; justify-content: center; flex-direction:column; padding: 8px 3px; border-radius: 5px; color: #222; height: 100%;line-height: 130%; } 
.m1-bg {background: #7A7DC4; color: #fff;}
.m2-bg {background: #4473C5; color: #fff;}
.m3-bg {background: #70AD46; color: #fff;}
.m4-bg {background: #70AD46; color: #fff;}
.m5-bg {background: #FCF2BD;}
.m6-bg {background: #AAE3EA;}
.m7-bg {background: #69CFDE;}
.m8-bg {background: #37B0CB;}
.m9-bg {background: #00E2F0;}
.m10-bg {background: #FEEBFF;}
.m11-bg {background: #70AD46;}
.m12-bg {background: #E96E5C;color: #fff;}


.div-bt-brd {
  border-bottom: 1px dotted #919191;
    padding: 4px;
    margin-bottom: 10px;
    line-height: 150%;
    width: 75%; 
}



/* 중등 통합 관리 시스템 */
.samboh-md-process {display: flex; justify-content: center; padding: 20px 16px;font-family: "Noto Sans KR";}
.samboh-md-process-inner {position: relative; max-width: 1000px;}
.uk-card {position: relative; border: 1px solid #d9d9d9; border-radius: 8px;}
.uk-card-body {padding: 20px 30px;    font-size: 14px;}  
.uk-card-header {
  display: flex; 
  align-items: center; 
  padding: 13px 19px;
  border-bottom: 1px solid #eee;
}

.uk-card-title {font-size: 1.2rem;line-height: 1.4; color: #222; font-weight: 500; }

.prs-title {
  text-align: center;
  margin-bottom: 70px;
}
.prs-title h1 {
  color: #222;
  font-weight: 600;
  font-size: 36px;  
  padding-top: 10px;  
}
.uk-card-default {background: #fff; color: #666; box-shadow: 0 5px 15px rgba(0,0,0,.08);}

.uk-timeline .uk-timeline-item .uk-card {	margin-bottom: 30px;}
.uk-timeline .uk-timeline-item {display: flex;position: relative;}
.uk-timeline .uk-timeline-item .step-line {
    content: "";
    height: 100%;
    left: 25px; 
    position: absolute;
    top: 20px;
    width: 1px;
		z-index: 1;
}
.step01 { background-color: #70AD46 !important;}
.step02 { background-color: #06b681 !important;}
.step03 { background-color: #08afbb !important;}
.step04 { background-color: #15ade9 !important;}
.step05 { background-color: #2c8edf !important;}
.step06 { background-color: #424fff !important;}
.step07 { background-color: #7f3bee !important;}


.uk-timeline .last .step-line {display: none;}

.uk-timeline .uk-timeline-item .uk-timeline-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 0 0 1rem;
}

.uk-badge {
  position: relative;
  box-sizing: border-box;
  padding: 5px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #8b8b8b;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-top: 3px;
  z-index: 1;
}



.uk-label {
  display: inline-block;
  padding: 4px 10px;
  background: #1e87f0;
  line-height: 1.5;
  font-size: .875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 4px;
  text-transform: uppercase;
}

.sb-prs-list-text {}
.sb-prs-list-text em {display: block; margin-bottom: 10px; color: #222; font-weight: 500;} 
.sb-prs-list-text ul { }
.sb-prs-list-text li { line-height: 1.4; margin-bottom: 5px;list-style:disc; margin-left: 32px; }

.table-timeline {
  border-collapse: collapse; 
  border-spacing: 0;
}
.table-timeline thead th{ color: #fff; background: #4a568d; border: 1px solid #2e3c79;} 

/* .table-sb tr {display: inline-grid;} */
.table-timeline td {
  position: relative;
  text-align: center;
  padding: 4px 4px;
  border: 1px solid #2e3c79;
  font-size: 13px;
  height: 0;
}
.table-timeline th{
  color: #fff;
  text-align: center;
  padding: 8px 7px;
  line-height: 120%;
  vertical-align: middle;
  font-size: 13px;
  background: #57649b; 
  border: 1px solid #2e3c79; font-weight: 400;
}

.uk-card-body .img-box {
  display: flex;
  margin: 15px 0;
  justify-content: center;
  align-items: center;
  padding: 13px 10px;
  border: 1px solid #eee;
}

.btn-bottom-set {
  display: flex;
  justify-content: center;flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 50px;
}
.btn-bottom-set .btn {
  background: #1f485f;
  border: 1px solid #112d3d;
  color: #fff;
  font-size: 18px;
  padding: 10px 20px; 
  border-radius: 7px;

}



@media (min-width: 1200px) {}
@media (max-width: 1199px) {
  .uk-timeline-icon, 
  .uk-timeline .uk-timeline-item::before {display: none;}
  .uk-timeline .uk-timeline-item .uk-timeline-content { padding: 0;}
  .samboh-md-process {padding: 16px 0px;}
  .uk-card-body {padding: 20px 10px; font-size: 12px;}
  .table-timeline th {font-size: 12px;}
  .prs-title  {margin-bottom: 30px; }
  .prs-title h1 {font-size: 24px;  }
}
@media (max-width: 767.98px) {
  .btn-bottom-set .btn {width: 100%;}

}

/* //중등 통합 관리 시스템 */


/* CEO 메시지 */
.samboh-ceo {
  font-family: "Noto Sans KR";
  color: #062a40;    padding: 0 10px;
}

.samboh-ceo .ceo-left-bgimg { 
  background: url(/UPF/Board_Img/samboh_ceo_img01.jpg) no-repeat;
  background-size: cover; background-position: right bottom;
}

.ceo-right {padding: 50px 50px 80px 60px;}
.samboh-ceo .sub-title {font-family: "Outfit", serif; font-size: 24px;}
.samboh-ceo .sub-title small {font-family: "Noto Sans KR"; display: block; font-size: 16px;}

.samboh-ceo .ctphs { display: block; font-size: 44px; letter-spacing: -2px; margin-top: 20px;  }

.samboh-ceo .ctphs-sub { padding: 36px 0 30px 0;}
.samboh-ceo .ctphs-sub ul { margin-left: 40px;}
.samboh-ceo .ctphs-sub li { font-size: 24px; font-weight: 300;}
.samboh-ceo .ctphs-sub li::before {
  content: "";
  display: inline-block;
  width: 41px; height: 41px;
  font-size: 24px; font-weight: 600; letter-spacing: -1px; 
  color: #fff;
  text-align: center;
  line-height: 40px; margin-left: -40px;
  margin-right: 14px; 
}
.samboh-ceo .ctphs-sub li.st-sb1::before {content: "1";background:#193d52;}
.samboh-ceo .ctphs-sub li.st-sb2::before {content: "2";background:#25536e;}
.samboh-ceo .ctphs-sub li.st-sb3::before {content: "3";background:#396b88;}

.samboh-ceo .ceo-msg { font-size: 18px; line-height: 1.4;  }


@media (max-width: 1199px) {
  .samboh-ceo .ceo-left-bgimg {display: none;}
  .ceo-right {padding: 40px 10px 50px 10px;}
  .samboh-ceo .ctphs {font-size: 25px;font-weight: 600;}
  .samboh-ceo .ctphs-sub li { font-size: 16px; margin-bottom: 5px;font-weight: 400;}
  .samboh-ceo .ctphs-sub li::before {
    width: 26px;
    height: 26px;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    margin-left: -41px;
    margin-right: 13px;
  }
.samboh-ceo .ceo-msg {font-size: 16px;}
}
/* //CEO 메시지 */