@font-face {
    font-family: "Pretendard Variable";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard Variable"),
        url("/assets/font/PretendardVariable.woff2") format("woff2-variations");
  }
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 45 920;
    font-style: normal;
    src: local("NanumSquare"),
        url("/assets/font/NanumSquareAcR.woff") format("woff");
  }
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 45 920;
    font-style: normal;
    src: local("NanumSquare"),
        url("/assets/font/NanumSquareAcB.woff") format("woff");
  }
  
  @font-face {
    font-family: 'NanumSquareB';
    font-weight: 45 920;
    font-style: normal;
    src: local("NanumSquare"),
        url("/assets/font/NanumSquareB.woff") format("woff");
  }
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 45 920;
    font-style: normal;
    src: local("NanumSquare"),
        url("/assets/font/NanumSquareL.woff") format("woff");
  }
  @font-face {
    font-family: 'NanumSquare';
    font-weight: 45 920;
    font-style: normal;
    src: local("NanumSquare"),
        url("/assets/font/NanumSquareR.woff") format("woff");
  }
  @font-face {
    font-family: 'RedHatDisplay-Black';
    font-weight: 45 920;
    font-style: normal;
    src: local("RedHatDisplay-Black"),
        url("/assets/font/RedHatDisplay-Black.woff") format("woff");
  }
  @font-face {
    font-family: 'RedHatDisplay-Bold';
    font-weight: 45 920;
    font-style: normal;
    src: local("RedHatDisplay-Bold"),
        url("/assets/font/RedHatDisplay-Bold.woff") format("woff");
  }
  @font-face {
    font-family: 'RedHatDisplay-Medium';
    font-weight: 45 920;
    font-style: normal;
    src: local("RedHatDisplay-Medium"),
        url("/assets/font/RedHatDisplay-Medium.woff") format("woff");
  }
  @font-face {
    font-family: 'RedHatDisplay-Light';
    font-weight: 45 920;
    font-style: normal;
    src: local("RedHatDisplay-Light"),
        url("/assets/font/RedHatDisplay-Light.woff") format("woff");
  }
  @font-face {
    font-family: 'RedHatDisplay-Regular';
    font-weight: 45 920;
    font-style: normal;
    src: local("RedHatDisplay-Regular"),
        url("/assets/font/RedHatDisplay-Regular.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard-Black";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Black"),
        url("/assets/font/Pretendard-Black.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Bold";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Bold"),
        url("/assets/font/Pretendard-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Light";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Light"),
        url("/assets/font/Pretendard-Light.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Medium";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Medium"),
        url("/assets/font/Pretendard-Medium.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Regular";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Regular"),
        url("/assets/font/Pretendard-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-SemiBold";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-SemiBold"),
        url("/assets/font/Pretendard-SemiBold.woff2") format("woff2");
  }
  
  
  
  
  
  body{
      font-family:"Pretendard-Regular";
      letter-spacing:-1px;
  }
  
  ::-webkit-scrollbar {width:7px; height:7px; }
  ::-webkit-scrollbar-thumb {background: #aed2ff;border-radius:30px;}
  ::-webkit-scrollbar-track {background: transparent;}
  
  input::-webkit-outer-spin-button , input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
  .pd0 {padding:0 !important;}
  .marT5 {margin-top:5px;}
  .marT15 {margin-top:15px;}
  .marT20 {margin-top:10px;}
  .marR8 {margin-right:8px;}
  .marR5 {margin-right:5px;}
  .w100 {width:100% !important;}
  .ft15 {font-size:15px !important;}
  .txtCenter {text-align:center !important;}
  .padB20 {padding-bottom:20px;}
  .pt_WB {font-family: "Pretendard-Bold";}
  .bgFFF {background:#fff !important;}
  /*********** 공통 ***********/
  body { background:#F6F6FA;}
  #wrap {width:100%; height:100vh;}
  .wrap .mbSub  {display:none;}
  .mbMenuWrap {display:none;}
  .wrap {width:100%; position:relative; display:flex;}
  .wrap .sub {width:300px; height:100%; display:flex; flex-direction:column; padding:20px; position:fixed; z-index:999; background:#252455;}
  
  .wrap .sub .logo img {width:180px;}
  .wrap .sub .info {position:relative;margin-top:40px; display:flex; align-items:center; justify-content:space-around; gap:10px;  border: 2px solid transparent;border-radius: 50%;border-image:linear-gradient(to right, #252455 0%, #5e5bd8 50%, #252455 100%);border-image-slice: 1 ; border-left:none; border-right:none; padding:20px 0}
  
  .wrap .sub .info .picture {position:relative;}
  .wrap .sub .info .picture div {width:80px; height:80px;overflow:hidden;border-radius:300px; display:flex; align-items:center;}
  .wrap .sub .info .picture img {width:100%;}
  .wrap .sub .info .name {text-align:center; margin-top:20px; width:50%;}
  .wrap .sub .info .name p {color:#BCC1F2; border-radius:30px; font-size:15px;display:inline-block; font-weight:300; width:100%; text-align:left; padding-bottom:3px;}
  .wrap .sub .info .name span {font-size:15px; display:block;color:#BCC1F2; font-weight:300; width:100%; text-align:left;}
  .wrap .sub .info .name span b {font-size:17px; text-align:left;color:#fff;display:block; padding-top:10px;}
  .wrap .sub .sMenu {margin-top:30px; display:flex; flex-direction:column; justify-content:space-between; height:100%; width:100%;}
  .wrap .sub .sMenu ul {width:100%; padding-left:0;}
  .wrap .sub .sMenu ul li {width:100%; margin-bottom:8px;}
  .wrap .sub .sMenu ul li h4 {color:#7E88E4; font-weight:100; letter-spacing:0;}
  
  .wrap .sub .sMenu ul li a {color:#BCC1F2; width:100%; padding:12px 15px 12px 64px; display:block; cursor:pointer; font-size:17px;}
  .wrap .sub .sMenu ul li.sm1 a {background:url(/assets/img/icon1.png) no-repeat; background-position:12% 50%; background-size:17px;}
  .wrap .sub .sMenu ul li.sm2 a {background:url(/assets/img/icon2.png) no-repeat; background-position:12% 50%; background-size:21px;}
  .wrap .sub .sMenu ul li.sm3 a {background:url(/assets/img/icon3.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm4 a {background:url(/assets/img/icon4.png) no-repeat; background-position:12% 50%; background-size:18px;}
  .wrap .sub .sMenu ul li.sm5 a {background:url(/assets/img/icon5.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm6 a {background:url(/assets/img/icon6.png) no-repeat; background-position:12% 50%; background-size:16px;}
  .wrap .sub .sMenu ul li.sm7 a {background:url(/assets/img/icon2.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm8 a {background:url(/assets/img/icon8.png) no-repeat; background-position:10% 50%; background-size:23px;}
  .wrap .sub .sMenu ul li.sm9 a {background:url(/assets/img/icon_dash.png) no-repeat; background-position:11% 53%; background-size:20px;}
  .wrap .sub .sMenu ul li.sm10 a {background:url(/assets/img/icon_movie.png) no-repeat; background-position:12% 51%; background-size:23px;}
  
  .wrap .sub .sMenu ul li.active {background:#4E4BF1; border-radius:8px;}
  .wrap .sub .sMenu ul li.active a {color:#fff;}
  .wrap .sub .sMenu ul li.sm1.active a {transition:0.3s; background:url(/assets/img/icon1-1.png) no-repeat; background-position:12% 50%; background-size:17px;}
  .wrap .sub .sMenu ul li.sm2.active a {transition:0.3s; background:url(/assets/img/icon2-1.png) no-repeat; background-position:12% 50%; background-size:21px;}
  .wrap .sub .sMenu ul li.sm3.active a {transition:0.3s; background:url(/assets/img/icon3-1.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm4.active a {transition:0.3s; background:url(/assets/img/icon4-1.png) no-repeat; background-position:13% 50%; background-size:18px;}
  .wrap .sub .sMenu ul li.sm5.active a {transition:0.3s; background:url(/assets/img/icon5-1.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm6.active a {transition:0.3s; background:url(/assets/img/icon6-1.png) no-repeat; background-position:12% 50%; background-size:16px;}
  .wrap .sub .sMenu ul li.sm7.active a {transition:0.3s; background:url(/assets/img/icon2-1.png) no-repeat; background-position:11% 50%; background-size:22px;}
  .wrap .sub .sMenu ul li.sm8.active a {transition:0.3s; background:url(/assets/img/icon8-1.png) no-repeat; background-position:10% 50%; background-size:23px;}
  .wrap .sub .sMenu ul li.sm9.active a {transition:0.3s; background:url(/assets/img/icon_dash2.png) no-repeat; background-position:11% 53%; background-size:20px;}
  .wrap .sub .sMenu ul li.sm10.active a {transition:0.3s; background:url(/assets/img/icon_movie2.png) no-repeat; background-position:12% 51%; background-size:23px;}
  .wrap .main {width:100%; height:100%; display:flex; flex-direction:column;}
  .wrap .main .nav {width:100%; background:#fff; height:70px; position:relative; padding:14px 20px; box-shadow:10px 0 30px -5px rgb(71 71 177 / 22%); display:flex; justify-content:space-between;}
  .search-field {height:100%; position: relative;width: 100%;width: 300px;height:42px; margin-right:8px;background: #f7f7f8;border-radius: 50px; display: flex; align-items: center;transition:0.3s;}
  .search-field input {flex-grow: 1;height: 42px;padding:0 75px 0 20px;border: none;border-radius: 50px;font-size: 16px;outline: none;background-color: transparent;}
  .search-field input:placeholder {color:#6c707d; font-weight:600; font-size:20px;}
  .search-field .search-button {width: 40px; height: 40px;border: none;background: url('/assets/img/serch.png') no-repeat center center; background-size:45%;margin-right:8px;cursor: pointer;outline: none;border-radius: 50%;transition: background-color 0.3s;position: absolute;right:0; }
  .search-field input:not(:placeholder-shown) + .search-button {background-color: transparent;}
  .wrap .main .nav .logout {width:42px; display:block; height:42px; background:url(/assets/img/logout.png)no-repeat #555564; background-position:center; margin-right:10px; border-radius:10px; background-size:18px;}
  .wrap .main .nav .logout:hover { background:url(/assets/img/logout.png)no-repeat #000; background-position:center;background-size:18px; transition:0.3s;}
  .wrap .main .contWrap {padding:20px; width:100%; height:100%;}
  .wrap .main .contWrap .cont {display:flex; justify-content:space-between; height:100%;}
  .mbSub .mbSearch {display:none;}
  .custom-checkbox {display:none;}
  .custom-checkbox input[type="checkbox"] {display: none;}
  .custom-checkbox label {position: relative;cursor: pointer; display:inline-block;}
  .custom-checkbox label::before {content: '';display: inline-block;width: 20px;height: 20px;background: #fff;border:2px solid #e3e3e3;border-radius: 5px;vertical-align: middle;}
  .custom-checkbox input[type="checkbox"]:checked + label::before {border:2px solid #fff;}
  .custom-checkbox input[type="checkbox"]:checked + label::after {content: url('/assets/img/check.png');position: absolute;top:0; left:0;width: 20px;height: 20px;}
  .custom-checkbox2 input[type="checkbox"] {display: none;}
  .custom-checkbox2 label {position: relative;cursor: pointer; display:inline-block;}
  .custom-checkbox2 label::before {content: '';display: inline-block;width: 20px;height: 20px;background: #EAEFF6; border:2px solid #EAEFF6; border-radius: 5px;vertical-align: middle;}
  .custom-checkbox2 input[type="checkbox"]:checked + label::before {border:2px solid #EAEFF6;}
  .custom-checkbox2 input[type="checkbox"]:checked + label::after {content: url('/assets/img/check_m.png');position: absolute;top:0; left:0;width: 20px;height: 20px;}
  .mbModal .modal-content {display:none;}
  .wrap .sub .info .cameraBtn { position:absolute; bottom:-10px; right:-5px; width:30px; height:30px; background:#fff;border-radius:50%;box-shadow:3px 1px 16px rgb(25 31 85 / 19%);}
  .wrap .sub .info .cameraBtn img {width:19px;}
  .sMenu .logout {font-family: 'RedHatDisplay-Regular';background: url(/assets/img/logout.png) no-repeat #14143F;background-size: 15px;background-position: 92% 50%;width: 100%;height: 40px;padding-left: 30px; text-align:left;color: #fff;border-radius: 6px;}
  .sMenu .logout:hover {background: url(/assets/img/logout.png) no-repeat #000; transition:0.8s;background-size: 15px;background-position: 45% 50%;}
  .mbMenuWrap .info .picture div {display:flex;width:150px; height:150px; overflow:hidden;border-radius:300px; }
  .mbMenuWrap .info .picture .noImage {width:100%; height:100%;border:none; background:#8788a1;display:flex; align-items:center; flex-direction:column; justify-content:center;}
  .mbMenuWrap .info .picture .noImage img {width:30px;}
  .mbMenuWrap .info .picture .noImage span {padding-top:10px; color:#fff; font-size:14px;}
  .wrap .sub .info .picture .noImage {border:none; display:flex; align-items:center; flex-direction:column; justify-content:center;}
  .wrap .sub .info .picture .noImage img {width:50px;}
  .wrap .sub .info .picture .noImage span {padding-top:10px; color:#9999a5;}
  .appDownload {background:url('/assets/img/gra_button.png') no-repeat; margin-bottom:20px; padding:20px; position:relative; width:100%; height:144px; background-size:cover; border-radius:20px; display:flex; justify-content:space-between;flex-direction:column;}
  .appDownload p {color:#BCC1F2;  font-family: 'RedHatDisplay-Bold'; font-size:22px; line-height:1.2;}
  .appDownload p b {display:block;font-family: 'RedHatDisplay-Light'; font-size:20px;}
  .appDownload .appDownBtn {font-family: 'RedHatDisplay-Regular'; width:100px; height:30px; font-size:14px; background:#000; color:#fff; border-radius:8px;}
  .appDownload img {position:absolute; width:100px; right:0;}
  
  @media (max-width:1420px) {
      .wrap .sub {padding:20px 15px;}
  }
  @media (max-width:1199px) {
      .wrap {flex-direction:column;}
      .wrap .sub {display:none;}
      .wrap .main .nav {display:none;}
      .wrap .mbSub {display:flex; width:100%; height:60px; padding:10px 20px; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #e0e0e0;}
      .wrap .mbSub img {width:100%; width:170px;}
      .mMenu {width:28px; height:30px; position:relative; display:flex; align-items:center; justify-content:center;}
      .mMenu a {cursor:pointer;height:18px; width:100%; display:flex; position:absolute;justify-content:space-between; flex-direction:column;}
      .mMenu a span {background-color: #000;}
      .mMenu a span:first-of-type {width:28px; height:2px;}
      .mMenu a span:nth-of-type(2) {width:20px; height:2px;}
      .mMenu a span:last-of-type {width:28px; height:2px;}
      .mbMenuWrap {display: block;position: fixed;z-index: 9999;background:#272aa0; box-shadow:0 0 17px rgb(148 153 172 / 52%); width: 350px;height: 100vh;top: 0;right: -350px;transition:0.5s; overflow:hidden;}
      .mbMenuWrap.open {right: 0; box-shadow: 0 0 17px rgb(148 153 172 / 52%); display:flex; justify-content:space-between; flex-direction:column;}
      .mbMenuWrap:not(.open) {box-shadow: none;}
      .mbMenuWrap .close-btn {position: absolute;top: 15px;right:25px;cursor: pointer;text-decoration: none;}
      .mbMenuWrap .close-btn .cross {position: absolute;height: 25px;width: 2px;background-color: #fff;}
      .mbMenuWrap .close-btn .cross:first-child {transform: rotate(45deg);}
      .mbMenuWrap .close-btn .cross:last-child {transform: rotate(-45deg);}
      .mbMenuWrap .info {background:linear-gradient(18deg, #2a30bd, #201c4f); display:flex; align-items:center; justify-content:center; flex-direction:column; padding:30px 20px;border-bottom:2px solid #3548c5;}
      .mbMenuWrap .info .picture {position:relative;}
      .mbMenuWrap .info .picture .cameraBtn { position:absolute; bottom:-1px; right:-3px; width:40px; height:40px; background:#fff;border-radius:50%;box-shadow:0 0 17px rgb(148 153 172 / 52%); }
      .mbMenuWrap .info .picture .cameraBtn img {width:22px;}
      .mbMenuWrap .info .picture img {width:100%;}
      .mbMenuWrap .info .name {text-align:center; margin-top:20px;}
      .mbMenuWrap .info .name p {background:#090c1a; color:#fff; border-radius:30px; font-size:17px; padding:8px 18px; display:inline-block; font-weight:300;}
      .mbMenuWrap .info .name span {font-size:14px; display:block; padding-top:9px; color:#fff; font-weight:300;}
      .mbMenuWrap .info .name span b {font-size:14px; padding-left:7px; color:#fff; font-weight:600;}
      .mbMenuWrap .sMenu {padding:20px;}
      .mbMenuWrap .sMenu ul {width: 100%;}
      .mbMenuWrap .sMenu ul li {width: 100%;background: #4245c4;margin-bottom: 8px;border-radius: 10px;}
      .mbMenuWrap .sMenu ul li a {color: #bcc1ff;width: 100%;padding: 18px 15px 18px 64px;display: block;cursor: pointer;font-size: 17px;}
      .mbMenuWrap .sMenu ul li.sm1 a {background: url(/assets/img/icon1.png) no-repeat;background-position: 12% 50%;background-size: 17px;}
      .mbMenuWrap .sMenu ul li.sm2 a {background: url(/assets/img/icon2.png) no-repeat;background-position: 12% 50%;background-size: 21px;}
      .mbMenuWrap .sMenu ul li.sm3 a {background: url(/assets/img/icon3.png) no-repeat;background-position: 12% 50%;background-size: 22px;}
      .mbMenuWrap .sMenu ul li.sm4 a {background: url(/assets/img/icon4.png) no-repeat;background-position: 13% 50%;background-size: 18px;}
      .mbMenuWrap .sMenu ul li.sm9 a {background: url(/assets/img/icon_dash.png) no-repeat; background-position: 11% 53%; background-size: 20px;}
      .mbMenuWrap .sMenu ul li.sm10 a {background: url(/assets/img/icon_movie.png) no-repeat; background-position: 12% 51%; background-size: 21px;}
      .mbMenuWrap .sMenu ul li.active {background: #17193d;}
      .mbMenuWrap .sMenu ul li.active a {color: #fff;}
      .mbMenuWrap .sMenu ul li.sm1.active a {transition: 0.3s;background: url(/assets/img/icon1-1.png) no-repeat;background-position: 12% 50%;background-size: 17px;}
      .mbMenuWrap .sMenu ul li.sm2.active a {transition: 0.3s;background: url(/assets/img/icon2-1.png) no-repeat;background-position: 12% 50%;background-size: 21px;}
      .mbMenuWrap .sMenu ul li.sm3.active a {transition: 0.3s;background: url(/assets/img/icon3-1.png) no-repeat;background-position: 12% 50%;background-size: 22px;}
      .mbMenuWrap .sMenu ul li.sm4.active a {transition: 0.3s;background: url(/assets/img/icon4-1.png) no-repeat;background-position: 13% 50%;background-size: 18px;}
      .mbMenuWrap .sMenu ul li.sm9.active a {transition: 0.3s; background: url(/assets/img/icon_dash2.png) no-repeat; background-position: 11% 53%; background-size: 20px;}
      .mbMenuWrap .sMenu ul li.sm10.active a {transition: 0.3s; background: url(/assets/img/icon_movie2.png) no-repeat; background-position: 12% 51%; background-size: 21px;}
      .mbMenuWrap .nav {width:100%;padding:20px;}
      .mbMenuWrap .nav .logout {width:100%; display:block; height:56px; background:url(/assets/img/logout.png) no-repeat #585bb3; background-position:60% 50%; border-radius:10px; background-size:16px; color:#fff; font-size:16px; padding-right:40px; }
      .mbSub .rMenu {display:flex; align-items:center; height:100%;}
      .appDownload {margin:20px; background-size:contain; width:auto; background:#fff; border-radius:15px;}
      .appDownload img {right:20px;}
      .mbMenuWrap .info .picture div {width:100px; height:100px;}
      .appDownload p {color:#191b31;}
  }
  @media (max-width:991px) {
      .mbMenuWrap {height:100%; }
      .mbMenuWrap .info {flex-direction:row; justify-content:flex-start; padding:20px;}
      .mbMenuWrap .info .picture {width:100px; height:100px;}
      .mbMenuWrap .info .name {margin-top:0; text-align:left; margin-left:20px;}
      .mbMenuWrap .info .name p {padding:6px 15px; font-size:16px;}
      .mbMenuWrap .close-btn .cross {height:18px;}
      .mbMenuWrap .sMenu {padding:15px 15px 0 15px;}
      .mbMenuWrap .info .picture .noImage span {display:none;}
      .mbMenuWrap .nav {padding:0 15px;}
      .mbMenuWrap.open {justify-content:flex-start;}
      .mbMenuWrap .info .name span b {font-size:17px;}
      .mbMenuWrap .sMenu ul li {margin-bottom:6px; border-radius:6px;}
      .mbMenuWrap .sMenu ul li a {padding:13px 15px 13px 45px; font-size:15px; border-radius:5px;}
      .mbMenuWrap .sMenu ul li.sm1 a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm2 a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm3 a {background-position:6% 50%; background-size:17px;}
      .mbMenuWrap .sMenu ul li.sm4 a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm9 a {background-position: 6% 53%; background-size: 15px;}
      .mbMenuWrap .sMenu ul li.sm10 a {background-position: 5% 52%; background-size: 17px;}
      .mbMenuWrap .sMenu ul li.sm1.active a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm2.active a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm3.active a {background-position:6% 50%; background-size:17px;}
      .mbMenuWrap .sMenu ul li.sm4.active a {background-position:6% 50%; background-size:15px;}
      .mbMenuWrap .sMenu ul li.sm9.active a {background-position: 6% 53%; background-size: 15px;}
      .mbMenuWrap .sMenu ul li.sm10.active a {background-position: 5% 52%; background-size: 17px;}
  
      .mbMenuWrap .nav .logout {height:40px; border-radius:6px; font-size:16px; background-size:14px; padding-right:32px; background-position:61% 50%;}
      .search-field {width:250px;}
      .mbMenuWrap .info .picture div {width:100px; height:100px;}
      .padB20 {padding-bottom:0;}
      .appDownload {border-radius:10px; margin:15px;}
  }
  @media (max-width:840px) {
      .search-field {width:220px;}
  }
  @media (max-width:680px) {
      .custom-checkbox label::before {width:18px; height:18px;}
      .custom-checkbox input[type="checkbox"]:checked + label::after {width:18px; height:18px; content:url('/assets/img/check2.png');}
  }
  @media (max-width:641px) {
      .mbMenuWrap .info .picture {width:90px; height:90px;}
      .mbMenuWrap .info .picture .cameraBtn {width:32px; height:32px; bottom:-10px; right:-10px;}
      .mbMenuWrap .info .picture .cameraBtn img {width:18px;}
  }
  @media (max-width:603px) {
      .wrap .mbSub img {width:140px;}
      .mMenu {height:25px;}
      .mMenu a span:first-of-type {width:24px;}
      .mMenu a span:nth-of-type(2) {width:20px;}
      .mMenu a span:last-of-type {width:24px;}
      .mMenu a {height:16px;}
      .mbSub .search-field {width:250px;}
  }
  @media (max-width:540px) {
      .wrap .main .contWrap {padding:15px;}
      .wrap .main .contWrap .cont {flex-direction:column; justify-content:flex-start;}
      .wrap .main .contWrap .cont .folderWrap {width:100%;}
      .wrap .main .contWrap .cont .fileWrap {width:100%;}
      .mbMenuWrap {width:100%;}
      .mbMenuWrap .sMenu ul li a {padding:12px 15px 12px 45px; font-size:16px;}
      .mbMenuWrap .sMenu ul li.sm1 a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm2 a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm3 a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm4 a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm9 a {background-position: 4% 53%;}
      .mbMenuWrap .sMenu ul li.sm10 a {background-position: 4% 51%;}
      .mbMenuWrap .sMenu ul li.sm1.active a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm2.active a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm3.active a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm4.active a {background-position:4% 50%;}
      .mbMenuWrap .sMenu ul li.sm9.active a {background-position: 4% 53%;}
      .mbMenuWrap .sMenu ul li.sm10.active a {background-position: 4% 51%;}
      .mbMenuWrap .sMenu ul li.active {background:#4245c4;}
      .mbMenuWrap.open {width:70%;}
      .mbMenuWrap {right:-100%;}
      .mbMenuWrap .info {padding:20px 30px;}
      .mbMenuWrap .nav { padding:0 15px;}
      .mbMenuWrap .nav .search-field input {font-size:15px;}
      .mbMenuWrap .info .name {text-align:center;}
      .mbMenuWrap .nav .logout {background-position:59% 50%;}
      .mbSub .search-field {width:auto;}
      .mbSub .search-field input {display:none;}
      .mbSub .mbSearch {background:url(/assets/img/serch2.png)no-repeat; width:20px; height:20px; background-size:20px; display:block;  margin-right:14px;}
      .mbModal {display: none;position: fixed;z-index: 112;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
      .mbModal .modal-content {display:block;background-color: #fff;margin: 15% auto;padding: 20px;width: 80%; position:relative;}
      .mbModal .mbClose {position:absolute; top:0; right:15px;}
      .mbModal .mbClose:hover, .mbModal .mbClose:focus {color: black;text-decoration: none;cursor: pointer;}
      .mbModal .mbClose .cross {position: absolute; right:15px; top:15px; height: 20px;width: 2px;background-color: #000;}
      .mbModal .mbClose .cross:first-child {transform: rotate(45deg);}
      .mbModal .mbClose .cross:last-child {transform: rotate(-45deg);}
      .searchForm p {font-size:30px; font-weight:bold;}
      .searchForm .search-field {margin-top:30px; position: relative; width: 100%; height: 50px; border-bottom: 2px solid #000; margin-bottom: 20px;}
      .searchForm .search-field input {border: 0; height: 100%; padding: 6px 50px 6px 15px; line-height: 1; width:100%;}
      .searchForm .search-field input::placeholder {font-size: 16px; color: #000;}
      .searchForm .search-field input ~ .focus-border {position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: #5f65ff; transition: all 4.s;}
      .searchForm .search-field input:focus ~ .focus-border {width: 100%; transition: all .4s;}
      .searchForm .search-field button {position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(/assets/img/serch2.png) no-repeat 50%; background-size: 20px;z-index:888;}
      .searchForm .search-field input:focus ~ button {background: url(/assets/img/serch3.png) no-repeat 50%; background-size: 20px;}
      .mbMenuWrap .sMenu {padding: 15px 15px 0 15px;}
      .mbMenuWrap .nav .logout {margin-top:30px; font-size:15px; background-size:14px;}
      .mbMenuWrap .sMenu ul li a {font-size:14px; padding:12px 15px 12px 40px;}
      .appDownload {height:auto; padding:0; margin:0 15px;}
      .appDownload img {display:none;}
      .appDownload p b{display:none;}
      .appDownload p {display:none;}
      .appDownload .appDownBtn {width:100%; padding:12px 15px 12px 15px; height:auto; background:#17193d;}
      .mbMenuWrap .info .name span b {font-size:14px;}
  }
  @media (max-width:480px) {
      .wrap .mbSub {height:50px; padding:10px 15px;}
      .mbMenuWrap .nav .logout {height:40px;}
      .mbMenuWrap.open {width:100%;}
      .mbMenuWrap .info .picture {width:80px; height:80px;}
      .mbMenuWrap .info .picture div {width:80px; height:80px;}
      .mbMenuWrap .info .picture .cameraBtn {right:0; bottom:0;}
      .mbMenuWrap .info .name p {font-size:14px;}
  }
  @media (max-width:400px) {
      .custom-checkbox label::before {width:16px; height:16px;}
      .custom-checkbox input[type="checkbox"]:checked + label::after {width:14px; height:14px;content:url('/assets/img/check3.png');}
      .searchForm p {font-size:22px;}
      .mbModal .modal-content {width:90%;}
      .mbModal .modal-content {padding:15px;}
      .searchForm .search-field button {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(/assets/img/serch2.png) no-repeat 50%; background-size: 17px;z-index:888;}
      .searchForm .search-field input:focus ~ button {background: url(/assets/img/serch3.png) no-repeat 50%; background-size: 17px;}
  }
  @media (max-width:380px) {
      .mbMenuWrap .nav .logout {background-position:63% 50%;}
      
  }
  @media (max-width:310px) {
      .wrap .main .contWrap.contWrap3 {height:auto;}
  }
  
  /*********** 로그인 ***********/
  #login {background:#605DFF; width:100%; height:100vh; position:relative; display:flex; align-items:center; justify-content:center;}
  .loginWrap {width:500px; height:auto; background:#fff; padding:60px; display:flex; align-items:center; flex-direction:column; border-radius:50px;}
  .loginWrap .logo {display:flex; align-items:center; flex-direction:column; margin-bottom:50px;}
  .loginWrap .logo img {width:220px;}
  .loginWrap .logo .title {font-family: 'NanumSquare'; font-size:19px; padding-top:5px;}
  .formGroup input[type=checkbox] + label:after, .formGroup input[type=checkbox] + label:before, .formGroup input[type=checkbox] + label {transition: 0.3s;}
  .formGroup input[type=checkbox] {display: none;}
  .formGroup input[type=checkbox] + label {position: relative;padding: 6px 10px 6px 30px;font-size: 22px;color: #000;font-weight: 500;cursor: pointer;}
  .formGroup {position: relative;margin-bottom: 10px;}
  .member .bg-ico:before {position: absolute;left: 0;top: 0;width: 80px;height: 100%;display: block;content: '';border-radius: 15px 0 0 15px;z-index: 99;}
  .text-type1 input:not([type=radio]):not([type=checkBox]) {position: relative;width: 100%;height: 60px;line-height: 60px;background-color: #F8F7F7;font-size: 18px;color: #5b5b73;border: 0;border-radius: 50px;padding: 12px 25px 0 80px;}
  .text-type1 input ~ label {position: absolute;left: 80px;top: 50%;transform: translateY(-50%);font-size: 18px;color: #bbb;letter-spacing: -0.5px;transition: all 0.4s;}
  .text-type1 input:focus ~ label, .text-type1 input.has-content ~ label {top: 18px;font-size: 13px;color:#605dff;transition: all 0.4s;}
  .member {position: relative;width: 100%;overflow: hidden;}
  .member .bg-ico:before {position: absolute;left: 0;top: 0;width: 60px;height: 100%;display: block;content: '';border-radius: 15px 0 0 15px;z-index: 99;}
  .member .bg-ico.ico-id:before {background: url(/assets/img/id_icon.png) no-repeat 80%; background-size:20px;}
  .member .bg-ico.ico-pw:before {background: url(/assets/img/password_icon.png) no-repeat 83%; background-size:20px;}
  .member .loginBtn {background: #605DFF;color: #fff;width: 100%;display: flex;height: 60px;align-items: center;justify-content: center;border-radius: 50px;font-size:20px;margin-top: 25px;position: relative;overflow: hidden;z-index: 1;transition: color 0.4s ease-in-out;}
  .member .loginBtn:before {content: '';position: absolute;top: 0;left: -100%; width: 100%;height: 100%;background: #4b4f63;z-index: -1;transition: left 0.4s ease-in-out;}
  .member .loginBtn:hover:before {left: 0;}
  .member .loginBtn:hover {color: #fff;}
  
  @media (max-width:640px) {
      .loginWrap {width:80%; padding:50px;}
      .loginWrap .logo img {width:180px;}
  }
  @media (max-width:540px) {
      .loginWrap .logo img {width:150px;}
      .loginWrap .logo .title {font-size:17px;}
      .loginWrap .logo {margin-bottom:30px;}
      .text-type1 input:not([type=radio]):not([type=checkBox]) {height:50px; line-height:50px; font-size:16px;}
      .member .bg-ico.ico-pw:before {background-size:18px;}
      .member .bg-ico.ico-id:before {background-size:18px;}
      .text-type1 input:focus ~ label, .text-type1 input.has-content ~ label {font-size:12px; top:15px; }
      .text-type1 input:not([type=radio]):not([type=checkBox]) { padding:12px 25px 0 70px;}
      .text-type1 input ~ label {left:70px;}
      .text-type1 input ~ label {font-size:17px;}
      .member .loginBtn {margin-top:0; height:50px;font-size:18px;}
  }
  @media (max-width:480px) {
      .loginWrap {width:100%; margin-top:50px;}
      #login {background:#fff; align-items:flex-start;}
  }
  @media (max-width:400px) {
      .loginWrap {padding:50px 30px;}
      .loginWrap .logo .title {font-size:16px;}
  }
  @media (max-width:360px) {
      #login { align-items:center; }
      .loginWrap {padding:50px 20px;margin-top:0;}
      .member .bg-ico.ico-id:before ,.member .bg-ico.ico-pw:before {background-size:15px;}
      .text-type1 input:focus ~ label, .text-type1 input.has-content ~ label {top:13px;}
      .text-type1 input:not([type=radio]):not([type=checkBox]) {font-size:15px;}
  }
  
  /*********** 강의자료관리 ***********/
  .wrap .main .contWrap .cont .folderWrap {background:#fff; padding:20px 15px; width:20%; border-radius:15px; height:100%;}
  .wrap .main .contWrap .cont .folderWrap:after {display:block; content:''; clear:both;}
  .wrap .main .contWrap .cont .folderWrap .home {position:relative; background:url(/assets/img/home.png)no-repeat #475176; z-index:111; display:block;padding:15px; width:100%; color:#fff; background-position:10% 50%; background-size:22px; font-size:20px; padding-left:55px; font-weight:600; border-radius:8px;}
  .wrap .main .contWrap .cont .folderWrap .fBox {width:100%;margin-top:10px;}
  .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi {width:100%; background:#F6F8FE; margin-bottom:10px; border-radius:8px; position:relative;}
  .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi:last-of-type {margin-bottom:0;}
  .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi .folderTxt {width:100%; padding:15px; color:#2A365E; background:url(/assets/img/folder.png)no-repeat ; display:block; background-position:10% 50%; background-size:18px; padding-left:50px; font-size:15px; font-weight:500; color:#000;}
  .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi.active {background:#e4ecfc; transition:0.3s;}
  .wrap .main .contWrap .cont .fileWrap {background:#fff; width:78.5%; padding:20px; height:100%;border-radius:15px; overflow:hidden;}
  .wrap .main .contWrap .cont .fileWrap .title {display:flex; justify-content:space-between;margin-bottom:30px; border-bottom:1px solid #ececec; padding-bottom:10px;}
  .wrap .main .contWrap .cont .fileWrap .title p {font-size:22px; font-weight:600; margin-bottom:10px;font-family:'Pretendard-SemiBold';}
  .wrap .main .contWrap .cont .fileWrap .title .downBtn {background:#F2F4F9; color:#7782AC; display:flex; align-items:center; padding:10px 20px; border-radius:6px; margin-right:5px;}
  .wrap .main .contWrap .cont .fileWrap .title .downBtn img {padding-left:10px; width:25px;}
  .wrap .main .contWrap .cont .fileWrap .title .mbDownBtn {display:none;}
  .wrap .main .contWrap .cont .fileWrap .fileBox {width:100%; display:block; margin:0 auto; max-height:90%; overflow:auto;}
  .wrap .main .contWrap .cont .fileWrap .fileBox:after {display:block; content:''; clear:both;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:13.2%; float:left;background:#EAF2FE;color: #000;display:block; margin:0 5px 15px 5px; padding:20px; border-radius:15px;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox {display:flex; align-items:center; flex-direction:column;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox img {height:33px; margin-bottom:10px;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box.selected  {background:linear-gradient(to right, #9bd0ff, #d9d2ff);color: #FFFFFF;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box.selected .imgBox p {background-color: #5F65FF; color: #FFFFFF; font-size:14px;}
  .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox p {color: #000; font-weight:500;font-size:14px;}
  .wrap .main .contWrap .cont .fileWrap .title .topBox {display:flex; height:40px; }
  .hiddenBox {height:100%; display:flex; gap:5px;}
  .hiddenBox button {height:40px; padding:0 15px;border-radius:6px;background:#f2f4f9; color:#7782AC; font-size:15px;}
  .hiddenBox button:hover {background:#cacce4; color:#fff;}
  .hiddenBox button.active {background:#cacce4; color:#fff;}
  .hiddenBox button.back {background:#475176; color:#fff;}
  .hiddenPopup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100vh;padding: 20px;z-index: 9999;background: rgb(0 0 0 / 46%);}
  .hiddenPopup .hiddenClose {background:#b6bbc0; color:#fff;}
  .hiddenPopup .dPopBox {width:500px; height:300px; background:#fff; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
  .hiddenPopup .dPopBox .dBox {display:flex; flex-direction:column; width:100%; align-items:center;gap:13px; margin-bottom:30px;}
  .hiddenPopup .dPopBox .dBox img {width:80px;}
  .hiddenPopup .dPopBox .dBox p {margin-left:0 !important; font-size:26px !important; padding-bottom:10px;}
  .hiddenPopup .dPopBox .dBox span {font-size:20px;}
  .hiddenPopup .dPopBox .dBtnBox {height:40px; display:flex; align-items:center; gap:8px;}
  .hiddenPopup .dPopBox .dBtnBox button {padding:0 20px; height:100%; border-radius:6px;}
  .hiddenPopup .dPopBox .dBtnBox .dPopDelete {background:#30304c; color:#fff;}
  .hiddenPopup .inputBox .inputForm .formBox {width:100%;}
  .wrap .main .contWrap.contWrap3 {width:calc(100% - 300px); margin-left:300px;}
  .wrap .main .contWrap.contWrap3 h1 {font-size: 25px;padding-bottom: 20px; font-family:'Pretendard-SemiBold';}
  #correctionPopup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100vh;padding: 20px;z-index: 9999;background: rgb(0 0 0 / 46%);}
  #correctionPopup .hiddenClose {background:#b6bbc0; color:#fff;}
  #correctionPopup .cPopBox {width:400px; height:250px; background:#fff; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
  #correctionPopup .cPopBox .cBox {display:flex; flex-direction:column; width:100%; align-items:center;margin-bottom:20px;}
  #correctionPopup .cPopBox .cBox p {margin-left:0 !important; font-size:22px !important; padding-bottom:10px; margin-bottom:20px;width:100%; border-bottom:1px solid #e0e0e0;}
  #correctionPopup .cPopBox .cBox span {font-size:16px; width:100%;}
  #correctionPopup .cPopBox .cBtnBox {height:40px; display:flex; align-items:center; gap:8px;}
  #correctionPopup .cPopBox .cBtnBox button {padding:0 20px; height:100%; border-radius:6px;}
  #correctionPopup .cPopBox .cBtnBox .cPopSave {background:#4f67d5; color:#fff;}
  #correctionPopup .inputBox .inputForm .formBox {width:100%;}
  
  @media (max-width:1640px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:15.5%;}
  }
  @media (max-width:1479px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:15.3%;}
  }
  @media (max-width:1420px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:23.4%;}
      .wrap .main .contWrap .cont .folderWrap {width:25%;}
      .wrap .main .contWrap .cont .fileWrap {width:73%;}
      .hiddenBox button {font-size:14px; padding:0 10px; height:30px;}
      .wrap .main .contWrap .cont .fileWrap .title .topBox {height:30px;}
      .wrap .main .contWrap .cont .fileWrap .title .downBtn {font-size:14px; padding:0 10px; background:#0b0c11; color:#fff;}
      .wrap .main .contWrap .cont .fileWrap .title .downBtn img {display:none;}
  }
  @media (max-width:1300px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:23%;}
      .wrap .main .contWrap .cont .folderWrap {width:30%;}
      .wrap .main .contWrap .cont .fileWrap {width:69%;}
  }
  @media (max-width:1250px) {
      .wrap .main .contWrap .cont .fileWrap .title {margin-bottom:20px;}
  }
  @media (max-width:1199px) {
      .wrap .main .contWrap.contWrap3 {width:100%; margin-left:0;}
      .contWrap4 .cont.scont2 .serialT {font-size:20px !important;}
  }
  @media (max-width:1099px) {
      .wrap .main .contWrap .cont .folderWrap {width:28%; padding:15px;}
      .wrap .main .contWrap .cont .fileWrap {width:70.5%; padding:15px;}
      .wrap .main .contWrap .cont .folderWrap .home {font-size:18px; background-size:19px; padding:13px; padding-left:55px;}
      .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi a {font-size:16px; padding:13px;padding-left:50px;}
  }
  @media (max-width:1025px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {margin:0 5px 10px 5px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox img {height:30px;}
  }
  @media (max-width:920px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:23%;}
      .wrap .main .contWrap .cont .folderWrap {width:31%;}
      .wrap .main .contWrap .cont .fileWrap {width:67%;}
  }
  @media (max-width:840px) {
      .wrap .main .contWrap .cont .fileWrap .title p {font-size:20px;}
      .wrap .main .contWrap .cont .folderWrap {width:100%; padding:15px;}
      .wrap .main .contWrap .cont .fileWrap {width:100%; padding:15px;}
      .wrap .main .contWrap.contWrap3 .cont {flex-direction:column;}
      .wrap .main .contWrap .cont .folderWrap .home {background-position:20px 50%;}
      /* .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi a {background-position:20px 50%;} */
      .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi .folderTxt {background-position:3% 50% !important;}
      .wrap .main .contWrap .cont .folderWrap .fBox .fBoxLi .folderTxt.addFolder {background-position:4% 50% !important;}
  }
  @media (max-width:767px) {
      .wrap .main .contWrap .cont .folderWrap {width:100%;}
      .wrap .main .contWrap .cont .fileWrap .title {width:100%;}
      .wrap .main .contWrap .cont .fileWrap {width:100%; margin-top:20px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:23.2%;}
      .wrap .main .contWrap .cont .fileWrap .title .mbDownBtn {display:flex; align-items:center; justify-content:center; width:40px; background:#eff0ff; border-radius:6px;}
      .wrap .main .contWrap .cont .fileWrap .title .downBtn {display:none;}
      .wrap .main .contWrap .cont .fileWrap .title .mbDownBtn img {width:14px;}
      .wrap .main .contWrap .cont .fileWrap .title {padding:0 5px 10px 5px;}
      .search-field {border-radius:6px; width:85%;}
      .search-field input {width:100%;}
      .wrap .main .contWrap .cont .fileWrap .title p {font-size:18px;}
      .hiddenPopup .dPopBox .dBox p {font-size:22px !important;}
      .hiddenPopup .dPopBox {width:400px;}
      .hiddenPopup .dPopBox .dBox span {font-size:18px;}
      .hiddenPopup .dPopBox .dBtnBox button {font-size:15px;}
      .hiddenPopup .dPopBox .dBtnBox {height:36px;}
      #correctionPopup .cPopBox .cBox span {padding-bottom:10px;}
      #correctionPopup .cPopBox .cBox p {font-size:20px !important;}
      #correctionPopup .cPopBox .cBtnBox {height:36px;}
      #correctionPopup .cPopBox .cBtnBox button {font-size:15px;}
      #correctionPopup .cPopBox {height:220px;}
  }
  @media (max-width:680px) {
      .wrap .main .contWrap .cont .folderWrap {padding:10px;width:100%;}
      .wrap .main .contWrap .cont .fileWrap {padding:15px 10px; width:100%;}
      .wrap .main .contWrap .cont .folderWrap .fBox {width:100%;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox p {font-size:15px;}
      .wrap .main .contWrap .cont .fileWrap .title button img {width:22px;}
      .wrap .main .contWrap .cont .fileWrap .title button {font-size:15px;}
  }
  @media (max-width:641px) {
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:47.5%; border-radius:10px; flaot:left;}
      .wrap .main .contWrap .cont .fileWrap .fileBox {display:block;}
      .wrap .main .contWrap .cont .fileWrap .fileBox:after {display:block; content:''; clear:both;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox img {margin-top:3px; margin-bottom:7px;}
      .wrap .main .contWrap .cont .fileWrap .title {margin-bottom:15px;}
      .search-field {width:81%;}
      .wrap .main .contWrap.contWrap3 h1 {padding-bottom:10px; font-size:20px;}
      .wrap .main .contWrap .cont .listWrap .listTop p {font-size:17px !important;}
  }
  @media (max-width:603px) {
      .wrap .main .contWrap .cont .fileWrap .title button {padding:6px 14px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox {height:auto; overflow:auto;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox img {height:23px;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi a {padding-left:38px; background-size:16px; font-size:15px;}
      .wrap .main .contWrap .cont .folderWrap .home {padding-left:45px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box .imgBox p {font-size:14px;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi {margin-bottom:5px;}
  }
  @media (max-width:584px) {
      .search-field {width:85%;}
  }
  @media (max-width:540px) {
      .wrap .main .contWrap .cont .folderWrap .home {background-size:17px; font-size:17px; background-position:5% 50%; padding:10px 10px 10px 50px;}
      .wrap .main .contWrap .cont .folderWrap {padding:15px; border-radius: 15px 15px 0 0;height:auto; width:100%;}
      .wrap .main .contWrap .cont .fileWrap {border-radius:0 0 15px 15px; padding:15px; height:auto; width:100%; margin-top:0;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi a {background-position:5% 50%; padding:10px 10px 10px 46px;}
      .wrap .main .contWrap .cont .fileWrap .title p {font-size:18px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:47%;}
      .search-field input {padding:0 50px 0 20px;}
      .hiddenBox {display:block; float:left;margin-top:10px;}
      .wrap .main .contWrap .cont .fileWrap .title:after {display:block; content:''; clear:both;}
      .wrap .main .contWrap .cont .fileWrap .title .mbDownBtn {margin-left:3px; background:#d6d7ea;}
      .wrap .main .contWrap .cont .fileWrap .title .topBox {margin-top:5px;}
      .wrap .main .contWrap .cont .fileWrap .title {flex-direction:column; gap:5px; position:relative;}
      .wrap .main .contWrap .cont .fileWrap .title .topBox {width:100%; position:absolute; top:0; justify-content:end;}
  }
  @media (max-width:500px) {
      .hiddenBox {width:100%; margin-top:20px;}
      .hiddenBox button {width:49%; margin:0.5% 0 !important;}
  }
  @media (max-width:480px) {
      .wrap .main .contWrap .cont .fileWrap {padding:10px; overflow:inherit;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi:after {height:120%; border:1px dashed #ebebeb;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi:before { border:1px dashed #ebebeb;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi:hover {box-shadow:none; background:#F6F8FF;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi a {background-size:15px;}
      .wrap .main .contWrap .cont .folderWrap .home {padding:10px 10px 10px 40px;}
      .wrap .main .contWrap .cont .folderWrap  .fBox .fBoxLi a {padding:10px 10px 10px 37px;}
      .wrap .main .contWrap .cont .fileWrap .fileBox {max-height:inherit;}
      .search-field {width:85%;}
      
      .wrap .main .contWrap .cont .fileWrap .title {position:relative; width:100%;}
      .wrap .main .contWrap .cont .fileWrap .title .topBox {position:absolute; top:0; right:10px; margin-top:0;}
      .wrap .main .contWrap .cont .fileWrap .title .downBtn {display:block; background:#6d80c5; margin-right:0;}
      .wrap .main .contWrap .cont .fileWrap .title .mbDownBtn {display:none;}
  }
  @media (max-width:420px) {
      .mbMenuWrap .nav .logout {background-position:61% 50%;}
      .wrap .main .contWrap.contWrap3 {padding:0;}
      body {background:#fff;}
      .wrap .main .contWrap.contWrap3 h1 {padding-bottom:0; padding-left:20px;}
      .wrap .main .contWrap.contWrap3 {padding:20px 0;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap {padding:0; border-radius:0;}
      .hiddenPopup .dPopBox {width:100%;}
      #correctionPopup .cPopBox {width:100%;}
      #correctionPopup {padding:0;}
      .hiddenPopup {padding:0;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap {padding:0 !important; border-radius:0 !important;}
  }
  @media (max-width:400px) {
      .search-field {width:80%;}
      .wrap .main .contWrap .cont .fileWrap .fileBox .box {width:46.5%;}
  }
  
  /*********** 내 정보수정 ***********/
  .wrap .main.main2 {width:calc(100% - 300px); margin-left:300px;}
  .wrap .main2 .inforTit {font-size:25px; font-family:'Pretendard-SemiBold';}
  .wrap .main .contWrap.infoCon {padding:100px; height:auto;}
  .wrap .main .nav2 {width:100%; background:#fff; height:70px; position:relative; padding:14px 20px; box-shadow:10px 0 30px -5px rgb(71 71 177 / 22%); display:flex; justify-content:flex-end;}
  .wrap .main .nav2 .logout {width:42px; display:block; height:42px; background:url(/assets/img/logout.png)no-repeat #555564; background-position:center;	 margin-right:10px; border-radius:10px; background-size:18px;}
  .wrap .main .nav2 .logout:hover { background:url(/assets/img/logout.png)no-repeat #000; background-position:center;background-size:18px; transition:0.3s;}
  .wrap .main .infoWrap {background:#fff; border-radius:15px; padding:40px 50px; width:90%; height:100%; margin:0 auto;}
  .inputBox {display:flex; flex-direction:column; gap:10px;}
  .inputBox .inputForm {width:100%; height:auto; display:flex; align-items:center;} 
  .inputBox .inputForm .formBox {display: flex; justify-content: center; align-items: center; width:calc(100% - 150px);}
  .infoWrap  {display:flex; flex-direction:column;}
  .inputBox .outForm {display:flex; flex-direction:column; width:calc(100% - 150px);}
  .inputBox .outForm .formBox {width:100%;}
  .inputBox .inputForm span {padding:0 3px;}
  .inputBox .inputForm span.emTxt {font-size:15px; font-weight:400; color:#808080; padding-top:8px;}
  .inputBox .inputForm span.emTxt:last-of-type {display:none;}
  .inputBox .inputForm p {font-size:16px; font-weight:500; width:150px;}
  .inputBox .inputForm .formBox .select {width:33%; height:50px;}
  .inputBox .inputForm .formBox .select select {-webkit-appearance: none; width:100%; height:100%;padding: 0 15px; font-size: 16px; color: #7B7D8A; font-weight: 600; background: url(/assets/img/select.png) no-repeat; background-position: 92% 50%; background-size: 12px; cursor: pointer; border: 2px solid #f0f0f0; border-radius: 8px;}
  .inputBox .inputForm .formBox .select select option {padding: 10px; font-size: 18px; border-radius: 0;}
  .inputBox .inputForm .formBox .textBox {position: relative; width:33%; height:50px;}
  .inputBox .inputForm .formBox input {width: 100%; height: 100%; border: 0; background-color: #F2F2F4; border-radius:8px; padding: 0 15px; color: #7B7D8A;} 
  .inputBox .inputForm .formBox .longTextBox input[type="text"]::placeholder {color: #7B7D8A; font-weight: 600;}
  .inputBox .inputForm .formBox .longTextBox {position: relative; width:100%; height:50px;}
  .infoWrap .saveBtn {background:#605DFF; color:#fff; height:50px; width:100%; font-size:19px; font-weight:700; border-radius:8px;}
  .inputBox .inputForm .formBox .longSelect {width:33%; height:50px;}
  .inputBox .inputForm .formBox .longSelect select {-webkit-appearance: none; width:100%; height:100%;padding: 0 15px; font-size: 16px; color: #7B7D8A; font-weight: 600; background: url(/assets/img/select.png) no-repeat; background-position: 96% 50%; background-size: 12px; cursor: pointer; border: 2px solid #f0f0f0; border-radius: 8px;}
  .inputBox .inputForm .formBox .longSelect select option {padding: 10px; font-size: 18px; border-radius: 0;}
  .formBtnBox {display:flex; justify-content:flex-end; margin-top:20px;}
  .formBtnBox .saveBtn {width:150px; border-radius:50px; background:#6156E7;}
  .infoWrap .top {display:flex; align-items:center; justify-content:space-between; padding-bottom:30px;}
  .infoWrap .top .myMovieBtn {background:#33333b; color:#fff; padding:9px 15px; display:flex; align-items:center; border-radius:4px;}
  .infoWrap .top .myMovieBtn img {width:23px; margin-left:8px;}
  
  @media (max-width:1500px) {
      .wrap .main .infoWrap {width:100%; margin:0;}
      .wrap .main .contWrap.infoCon .cont {width:100%;}
      .wrap .main .contWrap.infoCon {display:flex; align-items:center;}
  }
  @media (max-width:1400px) {
      .wrap .main .contWrap.infoCon {padding:50px;}
  }
  @media (max-width:1199px) {
      .wrap .main .nav2 {display:none;}
      .wrap .main.main2 {width:100%; margin-left:0;}
      .inputBox .inputForm .formBox .longTextBox {height:40px;}
      .inputBox .inputForm .formBox input {border-radius:6px;}
      .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {padding-top:11px !important;}
      .inputBox .inputForm .formBox .longSelect select {border-radius:6px;}
      .inputBox .inputForm .formBox .longSelect {height:40px;}
      .contWrap5 .inputBox .inputForm .formBox .select {height:40px;}
      .contWrap5 .inputBox .inputForm .formBox .select select {border-radius:6px !important;}
      .inputBox .inputForm .formBox .textBox {height:40px; border-radius:6px;}
  }
  @media (max-width:991px) {
      .wrap .main .contWrap.infoCon {padding:20px;}
  }
  @media (max-width:840px) {
      .wrap .main .infoWrap {padding:30px;}
      .inputBox .inputForm p {width:120px;}
      .inputBox .inputForm .formBox {width:calc(100% - 120px);}
      .inputBox .inputForm .outForm {width:calc(100% - 120px);}
      .inputBox .inputForm .outForm .formBox {width:100%;}
      .formBtnBox .saveBtn {font-size:17px;}
  }
  @media (max-width:767px) {
      .wrap .main .infoWrap {padding:30px;}
      .wrap .main2 .inforTit {font-size:22px;}
      .inputBox .inputForm p {font-size:16px; width:100px;}
      .inputBox .inputForm .formBox {width:calc(100% - 100px);}
      .inputBox .inputForm .outForm {width:calc(100% - 100px);}
      .inputBox .inputForm .outForm .formBox {width:100%;}
      .inputBox {gap:0;}
      .inputBox .inputForm span.emTxt {font-size:14px;}
      .inputBox .inputForm .formBox .select select {font-size:14px;}
      .inputBox .inputForm .formBox input {font-size:14px;}
  }
  @media (max-width:680px) {
      .wrap .main .infoWrap {width:100%; height:auto; justify-content:flex-start;}
      .inputBox .inputForm p {font-size:16px;}
      .inputBox .inputForm .formBox .longSelect select {font-size:14px;}
  }
  @media (max-width:640px) {
      .wrap .main .infoWrap {padding:20px;}
  }
  @media (max-width:540px) {
      .inputBox .inputForm .formBox .select.none {display:none;}
      .inputBox .inputForm .formBox .textBox.w100 {width:100%;}
      .inputBox .inputForm .formBox .textBox {height:auto;}
      .inputBox .inputForm .formBox .longTextBox {height:auto;}
      .inputBox .inputForm .formBox .select {height:auto;}
      .inputBox .inputForm .formBox  input {padding:10px;}
      .inputBox .inputForm .formBox .select select {padding:10px 15px;} 
      .infoWrap .saveBtn {height:auto; padding:10px 15px;}
      .inputBox .inputForm .formBox .select select {background-position:90% 50%;}
      .inputBox .inputForm.marT20 {margin-top:0;}
      .infoWrap .saveBtn {margin-top:0; font-size:15px; font-weight:600;}
      .inputBox .inputForm span.emTxt {font-size:13px;}
      .wrap .main2 .contWrap .cont {height:100%;}
      .wrap .main .infoWrap {display:flex; justify-content:space-between; gap:10px;}
      .inputBox .inputForm:first-of-type p {margin-top:0;}
      .inputBox .inputForm .formBox input {font-size:14px;}
      .inputBox .inputForm .formBox .select select {font-size:14px; background-size:10px; background-position:88% 50%; border:2px solid #f0f0f0; }
      .inputBox .inputForm .outForm .formBox {width:100%;}
      .inputBox .inputForm .formBox .longSelect {height:40px;}
      .inputBox {gap:10px;}
      .formBtnBox {margin-top:0;}
      .formBtnBox .saveBtn {width:120px;}
      .inputBox .inputForm {flex-direction:column; align-items:flex-start;}
      .inputBox .inputForm p {font-size:14px; width:100%; padding-bottom:8px;}
      .inputBox .inputForm .formBox {width:100%;}
      .inputBox .inputForm .outForm {width:100%;}
  }
  @media (max-width:480px) {
      .wrap .main .infoWrap {padding:20px 15px;}
      .inputBox .inputForm .formBox input {border-radius:6px;}
      .infoWrap .saveBtn {border-radius:6px;}
      .wrap .main2 .inforTit {font-size:20px;}
  }
  @media (max-width:420px) {
      .wrap .main .contWrap.infoCon {padding:0;}
      .wrap .main .infoWrap {border-radius:0;}
      .infoWrap .inputBox .inputForm .formBox .select.emailBox {display:none;}
      .inputBox .inputForm .formBox .textBox.emailTxt {width:50%;}
      .inputBox .inputForm span.emTxt:first-of-type {display:none;}
      .inputBox .inputForm span.emTxt:last-of-type {display:block;}
  }
  @media (max-width:360px) {
      .infoWrap .top .myMovieBtn {font-size:13px; padding:7px 12px;}
      .infoWrap .top .myMovieBtn img {display:none;}
  
  }
  
  /*********** 학생 그룹 관리 ***********/
  .wrap .main .contWrap .cont .addWrap {background:#fff; width:20%; padding:20px 15px; border-radius:15px; height:auto;}
  .wrap .main .contWrap .cont .listWrap {background:#fff; width:78.5%; height:100%; border-radius:15px; overflow:hidden; padding:20px;}
  .wrap .main .contWrap .cont .addWrap .addBtn {background:#5769df; text-align:center; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:6px; width:100%; padding:15px; font-size:17px;}
  .wrap .main .contWrap .cont .addWrap .addBtn img {width:14px; margin-left:5px;}
  .wrap .main .contWrap .cont .addWrap ul {margin-top:20px;}
  .wrap .main .contWrap .cont .addWrap ul li {width:100%; display:flex; padding-bottom:8px; }
  .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap {background:url(/assets/img/chart.png)no-repeat #F6F8FF; background-size:20px; background-position:10% 50%;border-radius:8px; padding:10px 15px; width:100%;display:flex; justify-content:space-between; align-items:center;}
  .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap div {display:flex;}
  .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap span {padding-left:35px; font-size:17px; color:#474953; font-weight:600;}
  .wrap .main .contWrap .cont .addWrap ul li .corBtn {background:#fff; border:1px solid #CAD1EA; border-radius:10px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; margin-right:5px;}
  .wrap .main .contWrap .cont .addWrap ul li .corBtn img {height:15px;}
  .wrap .main .contWrap .cont .addWrap ul li .trashBtn {background:#4F506A; border:1px solid #4F506A; border-radius:10px; width:34px; height:34px;display:flex; align-items:center; justify-content:center;}
  .wrap .main .contWrap .cont .addWrap ul li .trashBtn img {height:16px;}
  .wrap .main .contWrap .cont .listWrap .listTop {display:flex; justify-content:space-between; align-items:center; padding-bottom:15px;}
  .wrap .main .contWrap .cont .listWrap .listTop .title {display:flex; align-items:center; width:100%; justify-content:space-between;}
  .wrap .main .contWrap .cont .listWrap .listTop p {font-size:25px; font-weight:700; font-family:'Pretendard-SemiBold';}
  .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn {background:#1f2035; padding:12px 25px; color:#fff; font-size:17px; border-radius:50px; display:flex; align-items:center; justify-content:center; margin-right:7px;}
  .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn img {margin-left:7px; height:17px;}
  .wrap .main .contWrap .cont .listWrap .listTop .title .uploadBtn {background:#2e9e95; padding:12px 25px; color:#fff; font-size:17px; border-radius:50px; display:flex; align-items:center; justify-content:center;}
  .wrap .main .contWrap .cont .listWrap .listTop .title .uploadBtn img {margin-left:7px; height:17px;}
  .wrap .main .contWrap .cont .listWrap .listTop .title .topBox {display:flex;align-items:center; height:40px; gap:5px;}
  .wrap .main .contWrap .cont .listWrap .listTop .title .topBox .topBtnBox {display:flex; height:40px;}
  .wrap .main .contWrap .cont .listWrap .tableWrap {box-shadow:3px 1px 16px rgb(165 168 190 / 19%); padding:20px; background:#fff; border-radius:15px; overflow:hidden;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table {width: 100%;table-layout: fixed;border-collapse: collapse;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table thead tr th {color:#525252; font-size:17px; text-align:center; padding:0 10px 15px 10px;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody {display: block;overflow-y: auto;overflow-x: visible;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr td.bold {color:#000; font-weight:700; border-radius:7px 0 0 7px;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr td {color:#484A54; font-size:17px; padding:13px 5px; text-align:center;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr td:last-of-type {border-radius:0 7px 7px 0;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr {border-bottom:1px solid #E5E5E9;}
  .wrap .main .contWrap .cont .listWrap .tableWrap thead,.wrap .main .contWrap .cont .listWrap .tableWrap tbody tr {display: table;width: 100%;table-layout: fixed;overflow:hidden;}
  .wrap .main .contWrap .cont .listWrap .tableWrap th, .wrap .main .contWrap .cont .listWrap .tableWrap td {text-align: left;padding: 13px 20px; }
  .wrap .main .contWrap .cont .listWrap .tableWrap.tbWrap2 {padding:0; border-radius:0;}
  
  .wrap .main .contWrap .cont .mbListWrap {display:none;}
  .addModal {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;}
  .addModal .addClose {position:absolute; top:0; right:15px;}
  .addModal .addClose:hover, .mbModal .mbClose:focus {color: black;text-decoration: none;cursor: pointer;}
  .addModal .addClose .cross {position: absolute; right:15px; top:15px; height: 20px;width: 2px;background-color: #000;}
  .addModal .addClose .cross:first-child {transform: rotate(45deg);}
  .addModal .addClose .cross:last-child {transform: rotate(-45deg);}
  .addModal .modalCont {display:block;background-color: #fff;margin: 10% auto;padding:30px 40px 40px 40px;width: 40%; position:relative; border-radius:15px;}
  .addModal .modalCont .title {display:flex; align-items:center; gap:10px; padding-bottom:20px;}
  .addModal .modalCont .title img:first-of-type {width:170px;}
  .addModal .modalCont .title img:last-of-type {width:8px;}
  .addModal .modalCont .title span {font-size:20px; font-weight:500; line-height:20px;}
  .inputBox.inputBox2 .inputForm {display:flex; align-items:center; justify-content:space-between;}
  .inputBox.inputBox2 .inputForm p {padding-bottom:0; width:15%;}
  .inputBox.inputBox2 .inputForm .formBox {width:83%;}
  .addModal .modalCont .btnWrap {width:100%; display:flex; justify-content:space-between; padding-top:20px;}
  .addModal .modalCont .btnWrap button {width:49%; padding: 13px; border-radius:6px;}
  .addModal .modalCont .btnWrap .saveBtn {color:#fff; background:#5F65FF; }
  .addModal .modalCont .btnWrap .cancellBtn {color:#fff; background:#424353; position:inherit;}
  @media (max-width:1700px)  {
      .wrap .main .contWrap .cont .addWrap {width:25%;}
      .wrap .main .contWrap .cont .listWrap {width:73.5%;}
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap span {padding-left:50px;}
      .wrap .main .contWrap .cont .listWrap { padding: 30px; }
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap span {padding-left:40px;}
  }
  @media (max-width:1600px) {
      .addModal .modalCont {width:50%;}
  }
  @media (max-width:1500px) {
      .wrap .main .contWrap .cont .addWrap {width:30%;}
      .wrap .main .contWrap .cont .listWrap {width:68.5%;}
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap span {padding-left:40px;}
  }
  @media (max-width: 1400px) {
      .wrap .main .contWrap .cont .listWrap { padding: 30px;}
      .wrap .main .contWrap .cont .addWrap {width:28%;}
      .wrap .main .contWrap .cont .listWrap {width:70.5%;}
      .wrap .main .contWrap .cont .listWrap .tableWrap {padding:20px;}
      .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr td {font-size:14px !important;}
      .wrap .main .contWrap .cont .listWrap .tableWrap table thead tr th {font-size:14px !important;}
      .wrap .main .contWrap .cont .listWrap .listTop p {font-size:20px;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn {font-size:15px; padding:10px 25px;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .uploadBtn {font-size:15px; padding:10px 25px;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn img {height:15px;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .upload img {height:15px;}
      .wrap .main .contWrap .cont .listWrap .listTop .title {height:40px;}
      .addModal .modalCont {width:60%;}
  }
  @media (max-width: 1200px) {
      .wrap .main .contWrap .cont .listWrap { padding: 20px 30px; }
      .wrap .main .contWrap .cont .addWrap {width:32%;}
      .wrap .main .contWrap .cont .listWrap {width:66.5%;}
  }
  @media (max-width:991px) {
      .wrap .main .contWrap .cont .addWrap {width:40%;}
      .wrap .main .contWrap .cont .listWrap {display:none;}
      .wrap .main .contWrap .cont .mbListWrap  {display:block; background:#fff; width:58%; padding:20px; border-radius:15px; overflow:visible;}
      .wrap .main .contWrap .cont .mbListWrap .listTop {display:flex; justify-content:space-between; align-items:center; padding-bottom:15px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox{display:flex; width:100%; flex-direction:column;}
      .wrap .main .contWrap .cont .mbListWrap .listTop p {font-size:20px; font-weight:700; padding-bottom:10px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox .plusBtn {border-radius:6px; background:#505164;width:49%; padding:12px; color:#fff; font-size:15px;display:flex;	 align-items:center; justify-content:center; margin-right:7px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox .plusBtn img {margin-left:7px; height:15px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox .uploadBtn {border-radius:6px; width:49%;background:#2e9e95; padding:12px; color:#fff; font-size:15px;display:flex;	 align-items:center; justify-content:center;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox .uploadBtn img {margin-left:7px; height:15px;}
      .wrap .main .contWrap .cont .mbListWrap .mbList {width:100%; height:100%;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox {display:flex; flex-direction:column;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox {background:#f8f8f9; margin-top:10px; width:100%; padding:10px 15px;border-radius:10px;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox div {display:flex; padding-bottom:5px;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox div:last-of-type {padding-bottom:0;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox div p {width:70px; font-weight:700; font-size:15px;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox div span {font-size:15px;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox .listBox:first-of-type {margin-top:0px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop .topBox .topBtnBox {width:100%; display:flex; justify-content:space-between; padding-top:10px;}
      .addModal .modalCont {width:70%;}
      .search-field.search2 {width:100%; border-radius:6px;}
      .mbListWrap .mbList .listTop .title {width:100%;}
  }
  @media (max-width:767px) {
      .wrap .main .contWrap .cont .addWrap {width:45%;}
      .wrap .main .contWrap .cont .mbListWrap {width:53%; padding:15px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop div .plusBtn {padding:12px; border-radius:5px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop div .uploadBtn {padding:12px; border-radius:5px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop p {font-size:19px;}
      .addModal .modalCont {padding:40px 20px; width:80%;}
  }
  @media (max-width:640px) {
      .wrap .main .contWrap .cont .addWrap {width:100%; padding:15px; margin-bottom:15px;max-height:none; overflow:visible;}
      .addModal .modalCont {padding:20px;}
      .wrap .main .contWrap .cont .mbListWrap {width:100%;}
      .wrap .main .contWrap .cont.cont2 {flex-direction:column;}
      .wrap .main .contWrap .cont .addWrap .addBtn {padding:12px;}
      .addModal.modal2 .modalCont .title .topBox {width:100% !important;}
      .wrap .main .contWrap .cont .addWrap ul {margin-top:8px;}
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap {padding:8px 15px; background-position:4% 50%;}
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap:hover {padding:8px 15px; background-position:4% 50%;}
      .wrap .main .contWrap .cont .addWrap ul li .groupBtnWrap span {font-size:16px;}
      .wrap .main .contWrap .cont .addWrap ul li:last-of-type {padding-bottom:0;}
      .wrap .main .contWrap .cont .listWrap .tableWrap tbody tr {border-radius:0;}
      .wrap .main .contWrap .cont .mbListWrap .mbList .mBox { height:100%;}
      .addModal .modalCont {width:90%;}
      .addModal .modalCont .title img:first-of-type {width:140px;}
      .addModal .modalCont .title span {font-size:17px;}
      .addModal .modalCont .title img:last-of-type {width:7px;}
      .inputBox.inputBox2 .inputForm {flex-direction:column; align-items:flex-start;}
      .addModal .modalCont .title {padding-bottom:10px; align-items:flex-start; flex-direction:column;}
      .inputBox.inputBox2 .inputForm p {margin-top:0; padding-bottom:10px; width:auto;}
      .inputBox.inputBox2 .inputForm .formBox {width:100%;}
      .inputBox.inputBox2 .inputForm .formBox .longTextBox {height:40px;}
      .inputBox.inputBox2 .inputForm .formBox .textBox {height:40px;}
      .inputBox.inputBox2 .inputForm .formBox .select {height:40px;}
      .wrap .main .contWrap4 .cont .listWrap .tableWrap thead {border-radius:0;}
      .wrap .main .contWrap4 .cont .listWrap .tableWrap table thead tr th {background:#5f65ff; color:#fff; font-weight:400;}
  }
  @media (max-width:540px) {
      .inputBox.inputBox2 .inputForm {margin-top:10px;}
      .inputBox.inputBox2 .inputForm:first-of-type {margin-top:0;}
      .inputBox.inputBox2 .inputForm p {padding-bottom:5px;}
      .wrap .main .contWrap .cont .addWrap .addBtn {height:40px;}
      .contWrap4 .addBtnWrap .cancleBtn {height:40px; padding:0 !important; line-height:1;}
  }
  @media (max-width:480px) {
      .wrap .main .contWrap .cont .addWrap .addBtn {font-size:15px;}
      .wrap .main .contWrap .cont .addWrap .addBtn img {width:11px;}
      .wrap .main .contWrap .cont .addWrap ul li .corBtn {width:30px; height:30px; border-radius:7px;}
      .wrap .main .contWrap .cont .addWrap ul li .trashBtn {width:30px; height:30px; border-radius:7px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop p {font-size:16px;}
  }
  @media (max-width:420px) {
      .addModal .modalCont {width:100%; border-radius:0;}
      .addModal .modalCont .btnWrap button {padding:10px;}
      .addModal .modalCont .title img {display:none;}
      .addModal .modalCont .title span {font-weight:600; width:100%; text-align:center; display:block;}
      .wrap .main .contWrap .cont .addWrap .addBtn {font-size:15px;}
      .wrap .main .contWrap .cont .addWrap .addBtn img {width:11px;}
      .contWrap5 .addBtnWrap .cancleBtn {font-size:15px !important;}
  }
  
  @media (max-width:360px) {
      .wrap .main .contWrap .cont .mbListWrap .listTop {display:block;}
      .wrap .main .contWrap .cont .mbListWrap .listTop p {padding-bottom:5px;}
      .wrap .main .contWrap .cont .mbListWrap .listTop div .plusBtn {width:48%;}
      .wrap .main .contWrap .cont .mbListWrap .listTop div .uploadBtn {width:48%;}
  }
  
  /*** 데이터피커 ***/
  .dataPicker {display:flex; width:100%; gap:5px; align-items:center; font-family:'pretendard' !important;}
  .datepicker-layer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;}
  .input__item {background:url(/assets/img/calendarColor.png) no-repeat; height:50px; font-size:14px;border-radius:6px; background-size:18px; border:2px solid #f0f0f0; padding:10px;background-position:93% 46%; cursor:pointer; width:100%;}
  .ui-widget.ui-widget-content {border:none !important; border-radius:10px; width:250px; padding:8px;}
  .ui-widget-content {padding:10px; box-shadow:7px 7px 12px 1px rgb(160 155 155 / 20%), -6px -6px 14px 0px rgb(189 189 189 / 40%);}
  .ui-widget-header {background:#5d6fe3 !important; color:#fff !important; border-radius:6px; padding:5px;}
  .ui-datepicker-next .ui-icon {cursor:pointer; background:url(/assets/img/arrowWhite.png) no-repeat !important; background-size:11px; background-position:20%;}
  .ui-datepicker-prev .ui-icon {cursor:pointer; background:url(/assets/img/arrowWhite2.png) no-repeat !important; background-size:11px; background-position:20%;}
  .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {border:none; background:transparent; color:#fff;margin-top:0;}
  /* .ui-datepicker .ui-datepicker-prev:hover {top:2px; left:2px;}
  .ui-datepicker .ui-datepicker-next:hover {top:2px; right:2px;} */
  .ui-datepicker-month , .ui-datepicker-year{font-weight:300;}
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-top:-6px !important;}
  .ui-datepicker-calendar thead tr th { font-weight:700; padding:10px 2px 6px 2px;}
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:none !important; text-align:center; font-size:14px; border-radius:3px;font-family:'pretendard'; font-weight:500;}
  .ui-datepicker td {padding:2px;}
  .ui-datepicker td span, .ui-datepicker td a  {padding:8px; }
  .ui-datepicker td span, .ui-datepicker td a:hover {background:#52578d !important; color:#fff  !important;}
  .ui-state-active, .ui-widget-content .ui-state-active { background:#52578d !important; color:#fff !important;}
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:none !important; background:#90b9ff !important; color:#fff !important;}
  button.ui-datepicker-trigger {display:none;}
  .ui-datepicker .ui-datepicker-title select {margin:3px !important; font-family:'pretendard' !important;border-radius:3px !important; font-size:15px !important;border:none;}
  .ui-datepicker td span, .ui-datepicker td a {padding:8px !important;}
  .ui-datepicker .ui-datepicker-next {margin-top:3px; margin-right:4px;}
  .ui-datepicker .ui-datepicker-prev {margin-top:3px; margin-left:4px;}
  .ui-datepicker .ui-datepicker-next span { margin-left:-5px !important;}
  .ui-datepicker .ui-datepicker-next:hover {background:#90b9ff; border:none !important;}
  .ui-datepicker .ui-datepicker-prev:hover {background:#90b9ff; border:none !important;}
  .ui-datepicker table {margin-bottom:0 !important; font-family:'pretendard' !important;}
  .dataPicker div {display:flex; align-items:center; width:51%;}
  .dataPicker .nextInput {width:49%;}
  @media (max-width:1500px) {
      .dataPicker {flex-direction:column;}
      .dataPicker div {width:100%;}
      .dataPicker .nextInput {width:100%;}
  }
  @media (max-width:991px) {
      .dataPicker {flex-direction:row;} 
      .dataPicker div {width:51%;}
      .dataPicker .nextInput {width:49%;}
  }
  @media (max-width:540px) {
      .input__item {height:40px;}
  }
  @media (max-width:360px) {
      .input__item {padding:10px 5px; background-position:94% 50%; background-size:15px;}
  }
  
  /*********** memberBoard *************/
  .contWrap5 .inputBox .inputForm .formBox {display: flex; justify-content: center; align-items: center;}
  .contWrap5 .infoWrap {display:flex; justify-content:space-between; flex-direction:column;}
  .contWrap5 .cont2addWrap {background:#fff; width:50%; border-radius:15px; padding:20px; overflow:auto;}
  .contWrap5 .cont2 {display:flex; gap:20px;}
  .contWrap5 .cot2listWrap {background:#fff; width:50%; border-radius:15px;}
  .contWrap5 .cont2addWrap .addWrap h1 {font-size:25px; font-family:'Pretendard-SemiBold';}
  .wrap .main .contWrap.contWrap5 {width:calc(100% - 300px);margin-left:300px; padding:20px;}
  .contWrap5 .inputBox .inputForm .formBox .select select {-webkit-appearance: none; width:100%; height:100%;padding: 0 15px; font-size: 16px; color: #7B7D8A; font-weight: 600; background: url(/assets/img/select.png) no-repeat; background-position: 92% 50%; background-size: 12px; cursor: pointer; border: 2px solid #f0f0f0; border-radius: 8px;}
  .contWrap5 .inputForm h4 {font-size:14px; font-weight:300; color:#959aa5; margin-top:5px;}
  .contWrap5 .addBtnWrap {display:flex; justify-content:space-between; gap:5px;}
  .contWrap5 .addBtnWrap button {width:49%;}
  .contWrap5 .addBtnWrap .addBtn {width:49%;}
  .contWrap5 .addBtnWrap .cancleBtn {font-size:17px; color:#fff; background:#000; border-radius:6px;}
  .contWrap5 .addBtnWrap .cancleBtn:hover {background:#000; transition:0.3s;}
  .wrap .main .contWrap5 .cont .listWrap .tableWrap table {max-height:90%; overflow:auto;}
  .wrap .main .contWrap5 .cont .listWrap .tableWrap {height:92%;}
  .contWrap5 .inputBox .inputForm .formBox.formBox3 {width:calc(100% - 100px); flex-direction:column; align-items:flex-start;}
  .contWrap5 .inputBox .inputForm {align-items:flex-start;}
  .contWrap5 .inputBox .inputForm .formBox {width:calc(100% - 100px);}
  .contWrap5 .inputBox .inputForm .formBox.emailFormBox {width:calc(100% - 100px); display:flex; flex-direction:column; align-items:flex-start;}
  .contWrap5 .inputBox .inputForm .formBox .emailForm {display:flex; align-items:center;}
  .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {padding-top:15px; width:100px;}
  .wrap .main .contWrap.contWrap5 .cont .listWrap {padding:0; background:transparent; border-radius:0;}
  .wrap .main .contWrap.contWrap5 .cont .listWrap .tableWrap {box-shadow:none;}
  .contWrap5 .search-field input {background:#fff;}
  .wrap .main .contWrap.contWrap5 .cont .listWrap .tableWrap table thead tr th {padding:10px; color:#fff; background:#252455;}
  .contWrap5 .mbSerialTable {display:none;}
  @media (max-width:1750px) {
      .wrap .main .contWrap.contWrap5  {padding:20px;}
  }
  @media (max-width:1520px) {
      .contWrap5 .cont2addWrap {width:100%;}
      .contWrap5 .cont2 {flex-direction:column;}
      .contWrap5 .inputBox .inputForm .formBox .emailForm {width:100%;}
      .wrap .main .contWrap5 .listWrap {width:100% !important;}
      .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {font-size:16px; padding-top:18px;}
      .contWrap5 .addBtnWrap {height:40px;}
  }
  
  @media (max-width:1420px) {
      .contWrap5  .cont .listWrap .listTop p {font-size:20px;}
      .contWrap5 .cont2addWrap .addWrap h1 {font-size:20px;}
      .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {font-size:16px;}
      .contWrap5 .inputBox .inputForm .formBox .select.none  {display:none;}
      .contWrap5 .inputBox .inputForm .formBox .textBox.w100p {width:100%;}
  }
  @media (max-width:1400px) {
      /* .wrap .main .contWrap.contWrap5 .cont .listWrap .tableWrap */
  }
  
  @media (max-width:1199px) {
      .wrap .main .contWrap.contWrap5 {width:100%; margin-left:0;}
  }
  
  @media (max-width:991px) {
      .contWrap5 .listWrap {display:block !important; width:100% !important;}
      .contWrap5 .cont2addWrap  {width:100%; overflow:inherit;}
      .contWrap5 .cont {flex-direction:column;}
      .contWrap5 {height:auto !important;}
      .contWrap5 .cont .listWrap .listTop .title .plusBtn {width:100px;}
      .contWrap5 .cont .listWrap .listTop .title .uploadBtn {width:150px;}
      .contWrap5 .cont .listWrap .listTop .title {display:block !important;}
      .contWrap5  .cont .listWrap .listTop .title {height:auto !important;}
      .contWrap5 .cont .listWrap .listTop .title .topBox {margin-top:10px !important;}
      .contWrap5 .cont .listWrap {overflow:auto;}
      .contWrap5 .inputBox .inputForm .formBox .select.none  {display:block;}
      .contWrap5 .inputBox .inputForm .formBox .textBox.w100p {width:33%;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap {height:auto;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap table tbody {max-height:inherit;}
  } 
  @media (max-width:640px) {
      .wrap .main .contWrap5 .cont .listWrap .tableWrap {padding:0; box-shadow:none;}
      .wrap .main .contWrap5 .cont .listWrap  .tableWrap table thead tr th {font-size:15px; padding:10px;}
      .wrap .main .contWrap5 .listWrap .listTop .title .topBox {height:auto !important; flex-direction:column;}
      .wrap .main .contWrap5 .cont .listWrap .listTop .title .topBox .topBtnBox {margin-top:10px;}
      .wrap .main .contWrap5 .cont .listWrap {padding:20px;}
      .wrap .main .contWrap5 .cont .listWrap .listTop .title .topBox {align-items:end; flex-direction:row;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap {max-width:600px; overflow:auto; border-radius:0;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap table {min-width:500px;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap {border-radius:0;}
      .wrap .main .contWrap5 .cont .listWrap .tableWrap.serialCheckTable {border-radius:15px; padding:15px;}
  }
  @media (max-width:540px) {
      .wrap .main .contWrap5 .inputBox .inputForm.marT20 {margin-top:10px;}
      .contWrap5 .inputBox .inputForm .formBox .select select {padding: 8px; font-size:14px;}
      .contWrap5 .inputBox .inputForm .formBox.formBox3 {width:100%;}
      .contWrap5 .inputBox .inputForm .formBox.emailFormBox {width:100%;}
      .contWrap5 .inputBox .inputForm .formBox {width:100%;}
      .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {padding-top:0 !important;}
      .wrap .main .contWrap.contWrap5 .cont .listWrap .tableWrap {display:none;}
      .contWrap5 .mbSerialTable li {border:none; background:#fff;}
      .contWrap5 .mbSerialTable {display:flex;}
      .wrap .main .contWrap5 .cont .listWrap .listTop .title .topBox {flex-direction:column;}
      .contWrap5 .search-field.search2 {margin-right:0;}
  }
  @media (max-width:480px) {
      .contWrap5 .inputBox .inputForm .formBox .select.none  {display:none;}
      .contWrap5 .inputBox .inputForm .formBox .textBox.w100p {width:100%;}
      .wrap .main .contWrap5 .cont .listWrap .listTop .title .topBox .topBtnBox {width:100%;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn {width:100%; border-radius:6px; padding:0;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .uploadBtn {width:100%;border-radius:6px; padding:0;}
      .wrap .main .contWrap .cont .listWrap .listTop .title .plusBtn {margin-right:5px;}
  }
  @media (max-width:420px) {
      .contWrap5 .cont2addWrap {padding:0;}
      .contWrap5 .search-field input {background:transparent;}
      .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm p {font-size:14px;}
      .contWrap5 .mbSerialTable li {border:1px solid #e0e0e0;} 
      .wrap .main .contWrap.contWrap5 {padding:15px;}
  }
  
  /*********** serial *************/
  .addModal.modal2 .modalCont {width:80%; margin:7% auto;}
  .modalCont .title {display: flex;align-items: center;width: 100%;}
  .addModal.modal2 .modalCont .search-field{margin-right:100px; width:400px;}
  .modalCont p {font-size:25px; font-weight:700; font-family:'Pretendard-SemiBold';}
  .modalCont .title .topBox {display: flex;align-items: center;height: 40px;}
  .modalCont .tableWrap {width:100%;overflow:auto;}
  .modalCont .tableWrap table {width:100%; border-collapse:collapse;}
  .modalCont .tableWrap table thead {background:#252455;  width:100%;position:sticky; top:0; z-index:8;}
  .modalCont .tableWrap table thead tr th {text-align:center;padding:10px; color:#fff; }
  .modalCont .tableWrap table tbody {border:1px solid #e0e0e0; border-top:0;overflow:auto;max-height:200px;}
  .modalCont .tableWrap table tbody tr {border-bottom:1px solid #e0e0e0;}
  .modalCont .tableWrap table tbody tr td {text-align:center;padding:10px;}
  .addModal.modal2 .btnWrap {justify-content:end;}
  .addModal.modal2 .cancellBtn {width:150px !important; }
  .addModal.modal2 .btnWrap .checkBtn  {width:150px !important; background:#5f65ff; color:#fff;}
  .proTable {width:100%; max-height:300px; overflow:auto;}
  #professorTable {width:100%;}
  #professorTable thead { width:100%;position:sticky; top:0; z-index:8;}
  #professorTable thead tr th {background:#252455; color:#fff; padding:5px 10px; font-size:15px; font-weight:400;}
  #professorTable tbody {border-top:0;overflow:auto;max-height:300px;}
  #professorTable tbody tr td {background:#f6f6f6;padding:5px 10px; font-size:15px; text-align:center;}
  #professorTable tbody tr {border-bottom:1px solid #ddd;}
  #professorTable tbody tr:last-of-type {border-bottom:none;}
  .contWrap5 .inputBox .inputForm.serialForm {flex-direction:column;}
  .contWrap5 .inputBox .inputForm.serialForm .formBox {width:100%;}
  .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm.serialForm p {padding-top:0; padding-bottom:10px;}
  .modalCont .mbSerialTable {display:none;}
  .memberListBox {width:100%;}
  .memberListBox button {width:100%; padding:12px; background:#fff; border:2px solid #e0e0e0; border-radius:8px;}
  @media (max-width:1199px) {
      #professorTable {flex-direction:column;}
      .addModal.modal2 .modalCont {width:90%;}
      .addModal.modal2 .modalCont .search-field {margin-right:0;}
      
  }
  @media (max-width:991px) {
      #professorTable {flex-direction:row;}
  }
  @media (max-width:760px) {
      .addModal.modal2 .modalCont .title .topBox {width:calc(100% - 150px); }
      .addModal.modal2  .modalCont p {width:150px;}
      .addModal.modal2 .modalCont .search-field {width:100%;}
      .addModal.modal2 .modalCont {width:100%;}
      .modalCont .tableWrap {display:none;}
      .modalCont .mbSerialTable {width:100%; display:block;}
      .modalCont .mbSerialTable li{display:block; width:49%; float:left; border:1px solid #e0e0e0; padding:15px; margin:0.5%;}
      .modalCont .mbSerialTable:after {display:block; content:''; clear:both;}
      .modalCont .mbSerialTable li div {font-size:15px; display:flex; margin-bottom:6px;}
      .modalCont .mbSerialTable li div span {width:70px; font-weight:500;}
      .modalCont .mbSerialTable li div p {font-size:15px; font-weight:300; width:calc(100% - 70px);}
      .addModal.modal2 .btnWrap {justify-content:center;}
  }
  @media (max-width:680px) {
      #professorTable li p {margin-top:0;}
  }
  @media (max-width:640px) {
      .modalCont p {font-size:20px;}
      .modalCont .mbSerialTable li div span {width:100%;}
      .modalCont .mbSerialTable li div p {width:100%;}
      .modalCont .mbSerialTable li div {flex-direction:column; margin-bottom:10px;}
      .modalCont .mbSerialTable li div:last-of-type {margin-bottom:0;}
  }
  @media (max-width:540px) {
      .modalCont .mbSerialTable li {width:100%;  margin:5px 0;}
      .modalCont .mbSerialTable li div {font-size:15px; display:flex; margin-bottom:6px; flex-direction:row;}
      .modalCont .mbSerialTable li div span {width:70px; font-weight:500;}
      .modalCont .mbSerialTable li div p {font-size:15px; font-weight:300; width:calc(100% - 70px);}
      .modalCont .mbSerialTable {max-height:405px; overflow:auto; }
      .wrap .main .contWrap .cont .listWrap .listTop.listTop2 {padding-bottom:0;}
  }
  @media (max-width:480px) {
      #professorTable {flex-direction:column;}
  }
  @media (max-width:420px) {
      .contWrap5 .inputBox .inputForm.serialForm:first-of-type {margin-top:0 !important;}
      .memberListBox button {padding:8px; font-size:15px; border-radius:6px; border:1px solid #e0e0e0;}
      #professorTable tbody tr td {font-size:14px;}
  }
  @media (max-width:360px) {
      .modalCont .mbSerialTable li div {flex-direction:column;}
      .modalCont .mbSerialTable {max-height:380px;}
  }
  
  /*셀렉트*/
  .formBox2 .select {width:100%; height:40px;}
  .formBox2 .select select {-webkit-appearance: none; width:100%; height:100%;padding: 0 15px; font-size: 16px; color: #7B7D8A; font-weight: 600; background:	 url(/assets/img/select.png) no-repeat #fff; background-position: 95% 50%; background-size: 12px; cursor: pointer; border: 2px solid #f0f0f0; border-radius: 8px;}
  .formBox2 .select select option {padding: 10px; font-size: 18px; border-radius: 0;}
  @media (max-width:767px) {
      .formBox2 .select select {font-size:15px;}
      .formBox2 .select select option {font-size:15px;}
  }
  
  /*자막생성*/
  .eCont {width:calc(100% - 300px); margin-left: 300px;padding: 30px 50px 20px 50px;position: relative;display:flex; flex-direction:column; justify-content:space-between;}
  .eCont .eBox {width:100%; display:flex; justify-content:space-between; background:#fff; border-radius:0 0 20px 20px;}
  .eCont .eTit {background:#fff; width:100%; display:flex; justify-content:space-between; align-items:center; padding:20px 20px 0 20px; border-radius:20px 20px 0 0;}
  .eCont .eTit .tit {font-size:25px;font-weight:600; font-family:'Pretendard-SemiBold';}
  .choiceModal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 9999;}
  .chModal {background: white;padding: 20px;text-align: center; height:auto;width: 400px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);position: relative;animation: fadeIn 0.3s ease; }
  .chCloseBtn {position: absolute;top: 5px;right: 12px;font-size: 30px;cursor: pointer;}
  .chModal h4 {font-size:24px; text-align:left; margin-bottom:20px;}
  .modalActionBtn {margin-top: 20px;padding: 10px 20px;border: none;background-color: #2d2f3a;color: white;border-radius: 5px;cursor: pointer;}
  .modalActionBtn:hover {background-color: #000;}
  @keyframes fadeIn {from {opacity: 0;transform: scale(0.9);} to {opacity: 1;transform: scale(1);}}
  .custom-checkbox4 input[type="checkbox"] {display: none;}
  .custom-checkbox4 label {position: relative;cursor: pointer; display:inline-block;}
  .custom-checkbox4 label::before {content: '';display: inline-block;width: 20px;height: 20px;background: #fff;border:2px solid #e3e3e3;border-radius: 5px;vertical-align: middle;}
  .custom-checkbox4 input[type="checkbox"]:checked + label::before {border:2px solid #fff;}
  .custom-checkbox4 input[type="checkbox"]:checked + label::after {content: url('/assets/img/check_82.png');position: absolute;top:4px; left:0;width: 20px;height: 20px;}
  .custom-checkbox4 span {padding-left:10px;}
  .formGroup.form input[type=checkbox] + label:after, .formGroup input[type=checkbox] + label:before, .formGroup input[type=checkbox] + label {padding:0;}
  .customWrap {display:flex; flex-direction:column; gap:10px;}
  .sFooter2 {display:flex; justify-content:center;gap:5px;}
  .sFooter2 .newCheckBtn {padding: 5px 12px;background: #202020;color: #fff;}
  .sFooter2 .sCloseBtn {padding: 5px 12px;background: #f0f0f0;color: #000;}
  .eCont .eTit .choiceBtn {font-size: 16px;padding: 5px 10px; margin-left:10px; transition:0.3s;  background:#fff; border:1px solid #ddd;}
  .eCont .eTit .choiceBtn:hover {border:1px solid #ececec;background: #ececec; }
  .eCont .leftWrap {width:60%; background:#fff; padding:20px; border-radius:0 0 0 20px;}
  .eCont .leftWrap .topBox {background:#eff4ff; padding:10px; display:flex; justify-content:space-between;}
  .eCont .leftWrap .tit {font-size:22px;}
  .eCont .leftWrap .topBox .btnForm {background:#eff4ff;display:flex; align-items:center; gap:6px;}
  .eCont .leftWrap .topBox button.back {background:transparent;}
  .eCont .leftWrap .topBox button.back img {width:18px;}
  .eCont .leftWrap .topBox button.move {height:38px; background:#6e7b98; color:#fff;border-radius:4px; padding:0 10px; font-size:15px;}
  .eCont .leftWrap .topBox button.delete {height:38px; background:#3f4552; color:#fff;border-radius:4px; padding:0 10px; font-size:15px;}
  .eCont .leftWrap .pgBox button.prev {transform:rotate(90deg); background:transparent;}
  .eCont .leftWrap .pgBox button.next {transform:rotate(-90deg); background:transparent;}
  .eCont .leftWrap .pgBox {display:flex; align-items:center;}
  .eCont .leftWrap .pgBox .pageNum {padding-right:6px;}
  .eCont .leftWrap .custom-checkbox3 {margin-right:10px;}
  .eCont .formBox2 .select {width:120px;}
  .eCont .listBox {display:flex; flex-direction:column; width:100%; height:700px; overflow:auto;}
  .eCont .listBox .list {border-bottom:1px solid #e0e0e0; padding:10px; height:auto; cursor:pointer;}
  .eCont .listBox .list:last-of-type {border-bottom:none;}
  .eCont .listBox .list .sList {display:flex; align-items:center; justify-content:space-between; gap:20px;}
  .eCont .listBox .list .sList .listCenter a {color:#5d5d61; font-size:17px;}
  .eCont .listBox .list .sList .listCenter ul {display:flex; gap:10px;}
  .eCont .listBox .list .sList .listCenter ul li {display:flex; align-items:center;}
  .eCont .listBox .list .sList .listCenter ul li:after {display:inline-block; width:1px; height:13px; margin-left:10px;background:#dbdbdb; content:'';}
  .eCont .listBox .list .sList .listCenter ul li:last-of-type:after {display:none;}
  .eCont .listBox .list .sList .listCenter ul li img {width:16px; margin-right:5px;}
  .eCont .listBox .list .sList .listCenter ul li span {font-weight:300; color:#687186; font-size:15px;}
  .eCont .listBox .list .sList .listLeft {display:flex; align-items:center;}
  .eCont .listBox .list .sList .listCenter { display:flex; flex-direction:column; margin-left:20px; gap:8px;}
  .eCont .listBox .list .sList .listRight {display:flex; gap:15px; align-items:center; position:relative;}
  .eCont .listBox .list .sList .listLeft .imgB img {width:100%; object-fit: cover;}
  .eCont .listBox .list .sList .listLeft .imgB {width:90px; height:60px; overflow:hidden; border:1px solid #f0f0f0; margin-left:10px;}
  .eCont .listBox .list .sList .listRight .fileChange {font-size:14px; padding:5px 8px; background:#f0f0f0; }
  .eCont .listBox .list .sList .listRight span {font-size:14px; }
  .eCont .leftWrap .pgBox button img {opacity:0.5; width:12px;}
  .custom-checkbox3 input[type="checkbox"] {display: none;}
  .custom-checkbox3 label {position: relative;cursor: pointer; display:inline-block;}
  .custom-checkbox3 label::before {content: '';display: inline-block;width: 20px;height: 20px;background: #fff;border:2px solid #e3e3e3;border-radius: 5px;vertical-align: middle;}
  .custom-checkbox3 input[type="checkbox"]:checked + label::before {border:2px solid #fff;}
  .custom-checkbox3 input[type="checkbox"]:checked + label::after {content: url('/assets/img/check_82.png');position: absolute;top:0; left:0;width: 20px;height: 20px;}
  .eCont .listBox .list.active {background:#f8f8f9;}
  .eCont .listBox .list.active .sList .listCenter a{color:#4e4bf1; font-size:17px;}
  .eCont .listBox .list.active .sList .listRight button.fileChange {background:#4d525c; color:#fff;}
  .eCont .rightWrap {width:40%; background:#fff; padding:20px 20px 20px 0; border-radius:0 0 20px 0;}
  .eCont .search-field {width:500px; margin-right:0;}
  .eCont .search-field input {padding:0 40px 0 20px;}
  .eCont .rightWrap .videoBox {width:100%; height:auto; overflow:hidden; border:1px solid #e0e0e0;}
  .eCont .rightWrap .videoTxt .txtCon {padding-top:25px; display:flex; flex-direction:column;}
  .eCont .rightWrap .videoTxt .txtCon h1 {font-size:20px;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox {display:flex; justify-content:space-between; width:100%; padding:15px 0;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button {background:#fff; border:1px solid #e0e0e0; padding:5px 10px; border-radius:5px;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div {display:flex; gap:4px;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button {display:flex; align-items:center;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button img {height:18px; margin-right:7px;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button span {font-size:16px;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button.ccSet {background:#3f4552; color:#fff;}
  .eCont .rightWrap .videoTxt .txtCon .btnBox div button.ccPop {background:#3f4552; color:#fff;} 
  .eCont .rightWrap .videoTxt .basic {background:#f8f8f8;padding:20px;margin-top:20px;}
  .eCont .rightWrap .videoTxt .basic h4 {font-size:17px; padding-bottom:10px; border-bottom:1px solid #ddd; position:relative;}
  .eCont .rightWrap .videoTxt .basic h4:after {position:absolute; width:60px;height:2px; background:#4e4bf1;bottom:-1px; left:0; content:'';}
  .eCont .rightWrap .videoTxt .basic ul {padding-top:20px; display:flex; gap:10px; flex-direction:column;}
  .eCont .rightWrap .videoTxt .basic ul li {display:flex; width:100%;}
  .eCont .rightWrap .videoTxt .basic ul li span {width:100px; font-weight:300;}
  .eCont .rightWrap .videoTxt .basic ul li p {width:calc(100% - 100px);font-weight:300;}
  .eCont .rightWrap .videoBox img {width:100%;}
  .eCont .rightWrap .videoTxt .basic ul li p img {height:20px;}
  .dropdown-menu {display: none;position: absolute;background-color: white;border: 1px solid #ccc;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin-top: 5px;z-index: 1000; top:22px; left:-103px; width:180px;}
  .dropdown-menu ul {width:100%;}
  .dropdown-menu ul li {padding: 10px 20px;cursor: pointer;}
  .dropdown-menu ul li:hover {background-color: #f1f1f1;}
  .dropdown-menu.show {display: block;}
  .dropdown-menu ul li a.f1 {background:url(/assets/img/f1.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f2 {background:url(/assets/img/f2.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f3 {background:url(/assets/img/f3.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f4 {background:url(/assets/img/f4.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f5 {background:url(/assets/img/f5.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f6 {background:url(/assets/img/f6.png) no-repeat; background-position:0 3px;}
  .dropdown-menu ul li a.f7 {background:url(/assets/img/f7.png) no-repeat; background-position:0 1px;}
  .dropdown-menu ul li a.f11 {background:url(/assets/img/f11.png) no-repeat; background-position:0 1px;}
  .dropdown-menu ul li a.f12 {background:url(/assets/img/f12.png) no-repeat; background-size:12px; background-position:0 1px;}
  .dropdown-menu ul li a  {color:#000; padding-left:30px; font-size:14px;}
  .dropdown-menu2 {display: none;position: absolute;background-color: white;border: 1px solid #ccc;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin-top: 5px;z-index: 1000; top:32px; right:0; width:180px;}
  .dropdown-menu2 ul {width:100%;}
  .dropdown-menu2 ul li {padding: 10px 20px;cursor: pointer; text-align:left;}
  .dropdown-menu2 ul li:hover {background-color: #f1f1f1;}
  .dropdown-menu2.show {display: block;}
  .dropdown-menu2 ul li a.f1 {background:url(/assets/img/f1.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f2 {background:url(/assets/img/f2.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f3 {background:url(/assets/img/f3.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f4 {background:url(/assets/img/f4.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f5 {background:url(/assets/img/f5.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f6 {background:url(/assets/img/f6.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f7 {background:url(/assets/img/f7.png) no-repeat; background-position:0 1px;}
  .dropdown-menu2 ul li a.f11 {background:url(/assets/img/f11.png) no-repeat; background-position:0 3px;}
  .dropdown-menu2 ul li a.f12 {background:url(/assets/img/f12.png) no-repeat; background-position:0 1px;background-size:12px; }
  .dropdown-menu2 ul li a  {color:#000; padding-left:30px; font-size:14px;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 {display: none;position: absolute;background-color: white;border: 1px solid #ccc;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);margin-top: 5px;z-index: 1000; top:32px; right:0; width:180px;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul {width:100%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li {padding: 10px 20px;cursor: pointer;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li:hover {background-color: #f1f1f1;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3.show {display: block;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f1 {background:url(/assets/img/f1.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f2 {background:url(/assets/img/f2.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f3 {background:url(/assets/img/f3.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f4 {background:url(/assets/img/f4.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f5 {background:url(/assets/img/f5.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f6 {background:url(/assets/img/f6.png) no-repeat; background-position:6% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a.f7 {background:url(/assets/img/f7.png) no-repeat; background-position:10% 50%;}
  .wrap .main .contWrap.contWrap3 .dropdown-menu3 ul li a  {color:#000; padding-left:30px; font-size:14px;}
  .eCont .popup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height:100vh;padding: 20px;z-index: 9999;background:rgb(0 0 0 / 46%);}
  .eCont .popupCont {position: relative; width:100%; height:100%;}
  .eCont .popup .close {position: absolute;top:0; right: 15px;font-size: 28px; color:#fff; cursor: pointer;}
  .eCont .popup.show {display: block;}
  .eCont .tBox {width:700px; height:730px; position:absolute; transform:translate(-50%, -50%); top:50%; left:50%; background:#f8f8f8;}
  .eCont .tBox .tTop {background:#4b5c89; position:relative;}
  .eCont .tBox .tTop h1 {color:#fff; padding:10px 15px;}
  .eCont .tBox .tCenter {margin:15px; padding:15px; background:#fff; border:1px solid #f0f0f0; position:relative;display:flex; gap:15px; justify-content:space-between;}
  .eCont .tBox .tCenter .tImg {width:150px; height:100px; border:1px solid #f0f0f0; overflow:hidden;}
  .eCont .tBox .tCenter .tImg img {width:100%;object-fit: cover;}
  .eCont .tBox .tCenter .ulBox {width:calc(100% - 150px); display:flex; flex-direction:column; justify-content:space-between;}
  .eCont .tBox .tCenter .ulBox h4 {}
  .eCont .tBox .tCenter .ulBox ul {display:block; width:100%;}
  .eCont .tBox .tCenter .ulBox ul:after {display:block; content:''; clear:both;} 
  .eCont .tBox .tCenter .ulBox ul li {display:flex; width:50%;float:left; padding-bottom:5px;}
  .eCont .tBox .tCenter .ulBox ul li span {width:80px; font-size:14px;}
  .eCont .tBox .tCenter .ulBox ul li p {width:calc(100% - 80px);font-size:14px;}
  .eCont .tBox .tCenter .tDownBtn {background:#202020; color:#fff; padding:5px 10px; font-size:14px; position:absolute; top:15px; right:15px;}
  .eCont .tBox .tBottom {margin:0 15px 15px 15px; padding:15px; background:#fff; border:1px solid #f0f0f0;}
  .eCont .tBox .tBottom .btTop {display:flex; justify-content:space-between; margin-bottom:10px; aling-itmes:center;}
  .eCont .tBox .tBottom .btTop .ccAddBtn {background: #7b90d8;color: #fff;padding: 5px 10px;font-size: 14px;}
  .eCont .tBox .tBottom .tTableWrap {width:100%; max-height:400px; overflow:auto;}
  .eCont .tBox .tBottom .tTableWrap table {width:100%;}
  .eCont .tBox .tBottom .tTableWrap table thead {position: sticky;top: 0;background-color: #fff;z-index: 1;}
  .eCont .tBox .tBottom .tTableWrap table thead tr {background:#ddeafa;}
  .eCont .tBox .tBottom .tTableWrap table thead tr th{text-align:center; font-size:15px; padding:5px 10px;}
  .eCont .tBox .tBottom .tTableWrap table tbody {max-height: 370px; overflow-y: scroll;}
  .eCont .tBox .tBottom .tTableWrap table tbody tr {border-bottom:1px solid #e0e0e0;}
  .eCont .tBox .tBottom .tTableWrap table tbody tr td {text-align:center; font-size:15px; padding:10px;}
  .eCont .tBox .tBottom .tTableWrap table tbody tr td .editBtn2 {padding:3px 7px; background:#f0f0f0; border-radius:3px; color:#000; font-size:15px;}
  .eCont .tBox .tBottom .tTableWrap table tbody tr td .fileChange2 {padding:3px 7px; background:#e0e7ff; border-radius:3px; color:#3e61c0; font-size:15px; position:relative;}
  .eCont .tBox .tBottom .tTableWrap table tbody tr td.tdRelative {position:relative;}
  .eCont .tBox .tFooter {margin:0 15px 15px 15px; display:flex; justify-content:center;}
  .eCont .tBox .tFooter .sCloseBtn {padding:5px 10px; background:#ddd; color:#000;font-size:15px;}
  .eCont .tBox .tBottom .tMbList {display:none;}
  .eCont .sBox {width:400px; height:370px; position:absolute; transform:translate(-50%, -50%); top:30%; left:50%; background:#fff;}
  .eCont .sBox .sTop {background:#4b5c89; position:relative;}
  .eCont .sBox .sTop h1 {color:#fff; padding:10px 15px;}
  .eCont .tBox .tBottom {margin:0 15px 15px 15px; padding:15px; background:#fff; border:1px solid #f0f0f0;}
  .eCont .sBox .sCenter .formGroup {margin-top:10px;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio] + label:after, .formGroup.radio-type2 input[type=radio] + label:before {content: ''; display: block; position: absolute; width: 20px; height: 20px;	 border-radius: 50%; background: #fff; top: 50%; left: 10px; transform: translate(-50%, -50%); transition: 0.2s ease-in-out;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio] + label:after {z-index: 1; box-shadow: 0 0 0 1px #ccc inset, 0 0 0 8px #fff inset, 0 0 0 0 #4E4BF1 inset; transition: box-shadow 0.2s ease-in-out;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio]:checked + label:after {box-shadow: 0 0 0 0px #4E4BF1 inset, 0 0 0 0px #4E4BF1 inset, 0 0 0 4px #4E4BF1 inset;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio]:checked + label:before {background: #4E4BF1; width: 40px; height: 40px; opacity: 0;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio] {opacity: 0; position: absolute; z-index: -1;}
  .eCont .sBox .sCenter .formGroup.radio-type2 input[type=radio] + label {position: relative;padding: 6px 6px 6px 42px;cursor: pointer;transition: 0.2s ease-in-out;display: inline-block;}
  .eCont .sBox .sCenter {padding:15px;}
  .eCont .sBox .sCenter .formGroup.radio-type2  ul li {padding:2px;}
  .eCont .sBox .sFooter {display:flex; justify-content:center;gap:5px;}
  .eCont .sBox .sFooter .sCheckBtn {padding: 5px 12px;background: #202020;color: #fff;}
  .eCont .sBox .sFooter .sCloseBtn {padding: 5px 12px;background: #f0f0f0;color: #000;}
  .eCont .tBox .tBottom .tMbTable {display:none;}
  .myCModal {width:500px;}
  .myCModal h4 {font-family:'Pretendard-Bold';}
  #root-folder {max-height:582px; overflow:auto;}
  .myCModal .myCtit {width:100%; display:flex; justify-content:space-between;align-items:center; padding-bottom:10px;}
  .myCModal .myCtit .myCaddBtn {padding:6px; background:none; border:1px solid #e0e0e0;}
  .myCModal .myCtit .myCaddBtn img {width:14px; height:14px;}
  .myCModal .myContsBox {display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
  .myCModal .myContsBox .myBox {display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:100%;}
  .myCModal .hamburgerBox {display:flex; width:100%; background:#f6f6f6; padding:10px;}
  .myCModal .folder-list {list-style-type: none;padding: 0 20px;width:100%; border:1px solid #e8e8e8;}
  
  .myCModal .folder.folder2 p { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .myCModal .folder.folder2 {display:flex; align-items:Center; padding:8px; position:relative; padding-left:15px; cursor:pointer;}
  .myCModal .folder.folder2:before {display:block; content:''; clear:both; position:absolute; width:15px; height:1px; background:#ddd;top: 19px;left: 0;}
  .myCModal .folder.folder2:after {display:block; content:''; clear:both;position:absolute; width:1px; height:15px; background:#ddd;top: 5px;left: 0;}
  .myCModal .folder-icon { background:url(/assets/img/f2.png)no-repeat;width: 16px;height: 16px;margin-right: 8px;display:flex;align-items:center;transition: transform 0.3s ease;}
  .myCModal .subfolder {display: none;border:none;}
  .myCModal .hamburger {cursor: pointer;margin-right: 10px;display: inline-block;}
  .myCModal .hamburger div {width: 20px;height: 3px;background-color: #333;margin: 3px 0;}
  .myCModal .folder {    border-bottom: 1px solid #f0f0f0;border-style: dashed;}
  .myCModal .folder div {cursor: pointer;display: flex;align-items: center;margin: 5px 0; padding:8px;}
  .myCModal .folder div p { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .myCModal .folder:last-of-type {border:none;}
  .myCModal .folder.folder2 {border:none;}
  .myCFooter {margin-top:20px;}
  .myCFooter button {padding:6px 10px; background:red;}
  .myCFooter .sCheckBtn {background:#4f66ff; color:#fff;}
  .myCFooter .sCloseBtn {background:#f0f0f0; position:inherit;}
  
  @media (max-width:1750px) {
      .eCont {padding:20px;}
  }
  @media (max-width:1700px) {
      .eCont .leftWrap {width:65%;}
      .eCont .rightWrap {width:35%;}
  }
  @media (max-width:1650px) {
      .eCont .rightWrap .videoTxt .txtCon .btnBox div button span {font-size:14px;}
  }
  @media (max-width:1600px) {
      .eCont .eBox {flex-direction:column;}
      .eCont .rightWrap .videoTxt .basic {padding:15px;}
      .eCont .leftWrap {padding:20px 10px 20px 20px;}
      .eCont .rightWrap .videoTxt .txtCon .btnBox {gap:20px; padding:20px 0 0 0;}
      .eCont .rightWrap .videoTxt .basic {margin-top:10px;}
      .eCont .leftWrap {width:100%;}
      .eCont .rightWrap {width:100%; padding:20px;}
      .eCont .rightWrap .videoTxt .basic ul {display:block;}
      .eCont .rightWrap .videoTxt .basic ul:after {display:block; content:''; clear:both;}
      .eCont .rightWrap .videoTxt .basic ul li {float:left; width:auto; display:block; padding-right:20px;}
      .eCont .rightWrap .videoTxt .basic ul li:last-of-type {padding-right:0;}
      .eCont .rightWrap .videoTxt .basic ul li span {width:auto; padding-right:10px; display:inline-block;}
      .eCont .rightWrap .videoTxt .basic ul li p {width:auto; display:inline-block; color:#606060;}
      .eCont .rightWrap .videoTxt .basic ul li p img {height:15px; margin-top:-3px;}
  }
  @media (max-width:1500px) {
      .eCont .leftWrap .custom-checkbox3 {margin-right:0;}
      .eCont .listBox .list .sList .listCenter a {font-size:15px;}
      .eCont .listBox .list .sList .listCenter ul li span {font-size:14px;}
      .eCont .listBox .list .sList .listCenter ul li img {width:14px;}
      .eCont .listBox .list .sList .listLeft .imgB {width:60px; height:40px;}
      .eCont .rightWrap .videoTxt .txtCon h1 {font-size:17px;}
      .eCont .rightWrap .videoTxt .txtCon .btnBox div button img {height:15px;}
      .eCont .listBox .list .sList .listRight .fileChange {font-size:13px;}
      .eCont .listBox .list .sList .listRight span {font-size:13px;}
  }
  @media (max-width:1430px) {
      .eCont .search-field {width:400px;}
      .eCont .listBox {height:auto;}
  }
  @media (max-width:1290px) {
      .eCont .listBox .list .sList {gap:5px;}
      .eCont .leftWrap {width:100%;}
      .eCont .rightWrap {width:100%;}
      .eCont .eBox {flex-direction:column;}
      .eCont .rightWrap {padding:0 20px 20px 20px;}
      .eCont .leftWrap {padding:20px;}
      .eCont .eTit .tit {font-size:20px;}
      .eCont .listBox {height:auto; max-height:640px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
      .eCont .formBox2 .select {width:150px;}
      .eCont .rightWrap .videoTxt .txtCon .btnBox {flex-direction:row;}
      .eCont .rightWrap .videoTxt .basic ul {flex-direction:row;}
  }
  @media (max-width:1199px) {
      .eCont {width:100%; margin-left:0;}
  }
  @media (max-width:991px) {
      .eCont .search-field input {font-size:15px;}
      .eCont .search-field {width:300px;}
      .eCont .rightWrap .videoTxt .basic ul li span {font-size:14px;}
      .eCont .rightWrap .videoTxt .basic ul li p {font-size:14px;}
  }
  @media (max-width:767px) {
      .eCont .listBox {max-height:385px;}
      .eCont .rightWrap .videoTxt .basic ul {display:block;}
      .eCont .rightWrap .videoTxt .basic ul:after {display:block; content:''; clear:both;}
      .eCont .formBox2 .select {width:120px;}
      .eCont .listBox .list .sList {flex-direction:column;}
      .eCont .listBox .list .sList .listLeft {width:100%;}
      .eCont .listBox .list .sList .listRight {width:100%; padding-left:30px;}
      .eCont .rightWrap .videoTxt .basic ul li {float:left; width:50%; display:flex; flex-direction:row; padding-bottom:10px;}
      .eCont .rightWrap .videoTxt .basic ul li:last-of-type {padding-bottom:0;}
      .eCont .rightWrap .videoTxt .basic ul li span {width:80px;}
      .eCont .rightWrap .videoTxt .basic ul li p {width:calc(100% - 80px); padding-top:0;}
      .eCont .rightWrap .videoTxt .basic ul li p img {margin-top:2px;}
      .eCont .tBox {width:100%;}
      .eCont .tBox .tCenter .ulBox ul li {width:100%;}
      .eCont .tBox .tCenter .ulBox ul {margin-top:10px;}
      .eCont .tBox .tBottom .tTableWrap table tbody tr td {font-size:14px;}
      .eCont .tBox .tBottom .tTableWrap {display:none;}
      .eCont .tBox .tBottom .tMbTable {display:block;}
      .eCont .tBox .tFooter {display:none;}
      .eCont .tBox .tBottom .tMbList {display:flex; flex-direction:column;}
      .eCont .tBox .tBottom .tMbList li.tMbBox {display:block; padding:10px; background:#f5f5f5;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox.tsMbBox2 {position:relative;}
      .eCont .tBox .tBottom .tMbList li.tMbBox:after {display:block; content:''; clear:both;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox {padding:8px 10px; margin-right:5px;float:left; display:flex; align-items:center;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox span {font-weight:600;} 
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox p {display:inline-block; padding-left:10px; font-weight:300; color:#808080;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .edit3 {margin-left:10px; padding:5px 10px; background:#595d6f; color:#fff; border-radius:4px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .fileChange3 {padding:5px 10px; background:#202020; color:#fff; border-radius:4px;}
      .eCont .tBox .tCenter {margin:0;}
      .eCont .tBox .tBottom {margin:0; padding:15px; max-height:500px; overflow:auto;}
      .eCont .tBox {height:auto; max-height:700px;}
      .dropdown-menu3 {left:0;}
      .wrap .main .contWrap.contWrap3 .dropdown-menu3 {left:auto !important;}
      .wrap .main .contWrap.contWrap3 .dropdown-menu3 {}
      .eCont .tBox .tBottom .tMbList li.tMbBox {margin-bottom:10px;}
      .dropdown-menu {left:50px;}
      .eCont .eTit {align-items:flex-start; flex-direction:column; gap:10px;}
      .eCont .search-field {width:100%;}
  }
  @media (max-width:640px) {
      .eCont .listBox .list .sList .listLeft {display:block;}
      .eCont .listBox .list .sList .listLeft .imgB {width:100%; height:auto; margin-top:10px; margin-left:0;}
      .eCont .listBox {max-height:inherit;}
      .eCont .listBox .list .sList .listCenter {margin-left:0;padding-top:10px;}
      .eCont .listBox .list .sList .listCenter a {font-size:16px;}
      .eCont .listBox .list.active .sList .listCenter a {font-size:16px;}
      .eCont .listBox .list .sList .listRight {padding-left:0; margin-top:10px;}
      .eCont .eTit {flex-direction:column; gap:10px;}
      .eCont .eTit .tit {width:100%;}
      .eCont .search-field {width:100%;}
      .eCont .leftWrap {padding:10px 20px 20px 20px;}
      .eCont .leftWrap .topBox {flex-direction:column;}
      .eCont .leftWrap .pgBox {padding-left:30px; padding-top:5px;}
      .dropdown-menu {left:30px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox span {font-size:14px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox p {font-size:14px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .edit3 {font-size:14px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .fileChange3 {font-size:14px;}
      .eCont .tBox .tCenter .tDownBtn {position:inherit; text-align:center; margin-top:5px;}
  }
  @media (max-width:560px) {
      .dropdown-menu3 {left:-100px;}
  }
  @media (max-width:549px) {
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox:nth-of-type(3) {margin-top:5px;}
  }
  @media (max-width:540px) {
      .eCont .leftWrap .topBox {display:block;width:100%; position:relative;}
      .eCont .leftWrap .topBox .btnForm {display:block; width:100%;}
      .eCont .leftWrap .topBox .btnForm:after {display:block; content:''; clear:both;}
      .eCont .leftWrap .custom-checkbox3 {float:left; width:9%; margin-bottom:10px; }
      .eCont .listBox .list .sList .custom-checkbox3 {margin-bottom:10px;}
      .eCont .leftWrap .topBox button.back {float:left;width:10%; padding-top:4px;}
      .eCont .leftWrap .topBox .formBox2 {float:left;width:40%; margin-bottom:5px;}
      .eCont .leftWrap .topBox .formBox2:first-of-type {margin-right:1%;}
      .eCont .leftWrap .topBox .formBox2 .select {width:auto;}
      .eCont .leftWrap .topBox button.move {float:left; margin-left:19.8%; height:30px;}
      .eCont .leftWrap .topBox button.delete {float:left; margin-left:1%; height:30px;}
      .eCont .leftWrap .topBox .custom-checkbox3 {padding-top:5px;}
      .eCont .leftWrap .pgBox {display:block; position:absolute; bottom:14px; right:11px;}
      .eCont .leftWrap .pgBox p {display:inline-block;}
      .eCont .leftWrap .pgBox div {display:inline-block;}
      .eCont .listBox .list .sList .listCenter ul {flex-direction:column;}
      .eCont .listBox .list .sList .listCenter ul li:after {display:none;}
      .eCont .listBox .list .sList .listCenter a {padding-bottom:10px;}
      .eCont .rightWrap .videoTxt .basic ul {display:flex; flex-direction:column;}
      .eCont .rightWrap .videoTxt .basic ul li {padding-bottom:5px; width:100%;}
      .eCont .rightWrap .videoTxt .basic ul li p img {margin-top:2px;}
      .eCont .tBox .tCenter .ulBox h4 {font-size:15px;}
  }
  @media (max-width:500px) {
      .eCont .eTit .tit {font-size:17px;}
      .eCont .rightWrap .videoTxt .txtCon .btnBox {flex-direction:column; gap:10px;}
      .eCont .rightWrap .videoTxt .txtCon {padding-top:15px;}
  }
  @media (max-width:480px) {
      .eCont .tBox .tBottom .tMbList {display:block;}
      .eCont .tBox .tBottom .tMbList:after {display:block; content:''; clear:both;}
      .eCont .tBox .tBottom .tMbList li.tMbBox {width:48%; margin:1%; float:left;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox {align-items:flex-start; flex-direction:column; padding:0; width:100%; margin-top:8px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox span {width:100%; padding-bottom:5px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox p {width:100%; padding-left:0;}
      .eCont .tBox .tCenter {flex-direction:column;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .edit3 {margin-left:0;}
      .eCont .tBox .tCenter .tImg {width:100%; height:auto;}
      .eCont .tBox .tCenter .ulBox {width:100%;}
      .eCont .tBox .tCenter .tDownBtn {padding:10px;}
      .eCont .tBox {max-height:100%; overflow:auto;}
      .eCont .tBox .tBottom {max-height:inherit; height:auto;}
      .dropdown-menu3 {left:50px; top:-50px;}
  }
  @media (max-width:420px) {
      .eCont {padding:0;}
      .eCont .eTit {border-radius:0; padding:15px 15px 0 15px;}
      .eCont .leftWrap {border-radius:0;padding:15px;}
      .eCont .rightWrap {padding:0 15px 15px 15px;}
      .eCont .sBox {width:100%;}
      .eCont .eTit .choiceBtn {margin-left:5px;font-size:13px;}
      .myCModal .folder div p {font-size:15px;}
      #root-folder {max-height:280px;}
      .myCModal .folder.folder2 p {font-size:15px;}
      
  }
  @media (max-width:380px) {
      .eCont .leftWrap .topBox button.move {font-size:13px; padding:0 8px; height:25px;}
      .eCont .leftWrap .topBox button.delete {font-size:13px; padding:0 8px; height:25px;}
      .eCont .leftWrap .pgBox .pageNum {font-size:14px;}
      .eCont .leftWrap .pgBox button img {width:10px;}
      .eCont .leftWrap .topBox button.back img {width:16px;}
      .eCont .formBox2 .select select {font-size:13px; padding:0 7px;}
      .eCont .leftWrap .topBox .formBox2 .select {height:30px;}
      .eCont .formBox2 .select select option {font-size:13px;}
      .eCont .formBox2 .select select {background-size:9px;}
      .eCont .tBox .tBottom .tMbList {display:flex;}
      .eCont .tBox .tBottom .tMbList li.tMbBox {width:100%; margin:0 0 10px 0;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox span {width:55px; font-size:13px; padding-bottom:0;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox p {width:calc(100% - 55px);font-size:13px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox {flex-direction:row; align-items:center; margin-top:4px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .fileChange3 {margin-left:55px; font-size:13px; padding:3px 7px;}
      .eCont .popup.show {padding:0;}
      .dropdown-menu3 {top:0; left:100px;}
      .eCont .tBox .tBottom .tMbList li.tMbBox .tsMbBox .edit3 {font-size:13px; padding:3px 7px;}
      .myCModal .folder-list {padding:0 10px;}
      .myCModal .folder div p {font-size:14px;}
      .myCModal .folder.folder2 p {font-size:14px;}
      .myCModal .folder.folder2:after {height:13px;}
      .myCModal .folder.folder2:before {top:17px;}
      .myCFooter .sCheckBtn {font-size:15px;}
      .myCFooter .sCloseBtn {font-size:15px;}
  }
  @media (max-width:340px) {
      .dropdown-menu3 {left:90px;}
  }
  
  /*자막생성-편집*/
  .lCont {width:100%; margin-left:0;padding:30px 50px 20px 50px;position:relative;}
  .lCont .top {display:flex; justify-content:space-between;}
  .lCont .top a {font-size:19px; color:#000; font-weight:600; }
  .lCont .lContTit {font-size:25px; font-family:'Pretendard-SemiBold';margin-bottom:10px;}
  .lCont .lContBox {background:#fff; width:100%; border-radius:20px;}
  .lCont .lContBox .titBox {border-bottom:1px solid #ECECF1; width:100%; padding:15px; display:flex; justify-content:space-between; align-items:center;}
  .lCont .lContBox .titBox .title span {color:#000; font-size:17px;}
  .lCont .lContBox .titBox .title b {color:#858A99; font-size:15px; padding-left:20px; font-weight:400;}
  .lCont .lContBox .titBox .buttonWrap {display:flex; gap:7px;}
  .lCont .lContBox .titBox .buttonWrap button {padding:7px 16px; border-radius:8px;}
  .lCont .lContBox .titBox .buttonWrap button img {margin-left:3px;}
  .lCont .lContBox .titBox .buttonWrap button.btn1{background:#fff; border:1px solid #CCD0DE;color:#7782AC;}
  .lCont .lContBox .titBox .buttonWrap button.btn2{background:#F2F4F9;color:#7782AC;}
  .lCont .lContBox .titBox .buttonWrap button.btn3{background:#F2F4F9;color:#7782AC;}
  .lCont .lContBox .titBox .buttonWrap button.btn4{background:#3A3E52;color:#fff;}
  .lCont .lContBox .stBox {width:100%; display:flex;}
  .lCont .lContBox .stBox .st {width:51%;border-right:1px solid #ECECF1;}
  .lCont .lContBox .stBox .stImg {width:100%;}
  .lCont .lContBox .stBox .videoBox .playBar {background:#1F2230; width:100%; height:30px; position:relative;}
  .lCont .lContBox .stBox .videoBox .playBar input {width:100%; position:absolute; background:#5A607A; height:5px; top:50%;}
  .lCont .lContBox .stBox .videoBox .sound {background:#1F2230;display:flex; justify-content:space-between; align-items:center; position:relative; padding:10px;}
  .lCont .lContBox .stBox .videoBox .sound .left {position:relative; height:100%; display:flex; align-items:center;}
  .lCont .lContBox .stBox .videoBox .sound .left span {position:absolute;}
  .lCont .lContBox .stBox .videoBox .sound .left span:first-of-type {width:100px; background:#5A607A; height:5px; margin-left:30px; border-radius:30px;}
  .lCont .lContBox .stBox .videoBox .sound .left span:last-of-type {width:70px; background:#fff; height:5px; margin-left:30px;border-radius:30px;}
  .lCont .lContBox .stBox .videoBox .sound .center {display:flex; height:100%; gap:5px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
  .lCont .lContBox .stBox .videoBox .sound .center div {width:30px; height:30px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
  .lCont .lContBox .stBox .videoBox .sound .center button {width:30px; height:30px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
  .lCont .lContBox .stBox .videoBox .sound .center button span {padding-top:4px;}
  .lCont .lContBox .stBox .videoBox .sound .center .fir {background:url(/assets/img/arrowCircle.png)no-repeat; background-size:25px; color:#fff; font-size:12px;  background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .center .second {background:url(/assets/img/arrowCircle.png)no-repeat;color:#fff;  background-size:25px; font-size:12px; background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .center .three {background:url(/assets/img/arrowCircle.png)no-repeat;color:#fff;  background-size:25px; font-size:12px; background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .center .puse {position:relative; }
  .lCont .lContBox .stBox .videoBox .sound .center .play {position:absolute; background:transparent;}
  .lCont .lContBox .stBox .videoBox .sound .center .stop  {position:absolute; background:transparent;}
  .lCont .lContBox .stBox .videoBox .sound .center .four {background:url(/assets/img/arrowCircle2.png)no-repeat;color:#fff;  background-size:25px; font-size:12px; background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .center .five {background:url(/assets/img/arrowCircle2.png)no-repeat;color:#fff;  background-size:25px; font-size:12px; background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .center .six {background:url(/assets/img/arrowCircle2.png)no-repeat;color:#fff;  background-size:25px; font-size:12px; background-position:center;}
  .lCont .lContBox .stBox .videoBox .sound .right { height:100%;}
  .lCont .lContBox .stBox .videoBox .sound .right p {color:#fff;}
  .lCont .lContBox .stBox .videoBox .sound .right p b {color:#858897;}
  .lCont .lContBox .stBox .videoBox .ccSet {display:flex;}
  .lCont .lContBox .stBox .videoBox .ccSet .set {width:50%; padding:15px 7px 15px 15px; display:flex; gap:8px; flex-direction:column;}
  .lCont .lContBox .stBox .videoBox .ccSet .set:last-of-type {padding:15px 15px 15px 7px;}
  .lCont .lContBox .stBox .videoBox .ccSet .set h4 {font-size:18px;}
  .lCont .lContBox .stBox .videoBox .ccSet .set ul {display:flex; flex-direction:column; gap:3px;}
  .lCont .lContBox .stBox .videoBox .ccSet .set ul li {display:flex;}
  .lCont .lContBox .stBox .videoBox .ccSet .set ul li span {width:90px;color:#454C5D;font-weight:300;}
  .lCont .lContBox .stBox .videoBox .ccSet .set ul li p {width:calc(100% - 90px);font-weight:300;}
  .lCont .lContBox .stBox .mt {width:49%;padding:15px; height:850px; overflow:auto; max-height:100%;}
  .lCont .lContBox .stBox .mt .mtBox {width:100%; background:#F8F8F8; display:flex; padding:10px; border-radius:10px; margin-bottom:10px; cursor:pointer;}
  .lCont .lContBox .stBox .mt .mtBox:last-of-type {margin-bottom:0;}
  .lCont .lContBox .stBox .mt .mtBox .left {width:150px; padding:10px;display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;}
  .lCont .lContBox .stBox .mt .mtBox .left div {display:flex; width:100%; align-items:center;}
  .lCont .lContBox .stBox .mt .mtBox .left div span {background:#7782AC; color:#fff;width:40px; height:30px; border-radius:5px;display:flex; align-items:center; justify-content:center;}
  .lCont .lContBox .stBox .mt .mtBox .left div p {color:#7782AC; padding-left:10px; font-size:18px;}
  .lCont .lContBox .stBox .mt .mtBox .left button {color:#7782AC; background:transparent; width:max-content; display:inline-block; font-size:17px;}
  .lCont .lContBox .stBox .mt .mtBox .right {width:calc(100% - 150px);}
  .lCont .lContBox .stBox .mt .mtBox .right p {padding:10px 10px 10px 40px;}
  .lCont .lContBox .stBox .mt .mtBox .right .titleTxt {background:url(/assets/img/ddd.png)no-repeat; background-position:10px center; color:#7782AC; }
  .lCont .lContBox .stBox .mt .mtBox .right .translationTxt {background:url(/assets/img/eee.png)no-repeat #fff; border-radius:8px; background-position:10px center; color:#3A3E52; width:100%; border:none; padding:10px 10px 10px 40px; font-size:15px;}
  .lCont .lContBox .stBox .mt .mtBox.active {width:100%; background:#3A3E52; display:flex; padding:10px; border-radius:10px; margin-bottom:10px;}
  .lCont .lContBox .stBox .mt .mtBox.active:last-of-type {margin-bottom:0;}
  .lCont .lContBox .stBox .mt .mtBox.active .left {width:150px; padding:10px;display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;}
  .lCont .lContBox .stBox .mt .mtBox.active .left div {display:flex; width:100%; align-items:center;}
  .lCont .lContBox .stBox .mt .mtBox.active .left div span {background:#181B2B; color:#fff;width:40px; height:30px; border-radius:5px;display:flex; align-items:center; justify-content:center;}
  .lCont .lContBox .stBox .mt .mtBox.active .left div p {color:#fff; padding-left:10px; font-size:18px;}
  .lCont .lContBox .stBox .mt .mtBox.active .left button {color:#fff; background:transparent; width:max-content; display:inline-block; font-size:17px;}
  .lCont .lContBox .stBox .mt .mtBox.active .right {width:calc(100% - 150px);}
  .lCont .lContBox .stBox .mt .mtBox.active .right p {padding:10px 10px 10px 40px;}
  .lCont .lContBox .stBox .mt .mtBox.active .right .titleTxt {background:url(/assets/img/ddd2.png)no-repeat; background-position:10px center; color:#CFD5F6; }
  .lCont .lContBox .stBox .mt .mtBox.active .right .translationTxt {background:url(/assets/img/eee2.png)no-repeat #181B2B; border-radius:8px; background-position:10px center; color:#fff;}
  
  @media (max-width:1600px) {
      .lCont {padding:20px;}
  }
  @media (max-width:1400px){
      .lCont .lContBox .stBox {flex-direction:column;}
      .lCont .lContBox .stBox .st {width:100%;border-right:none; border-bottom:1px solid #ECECF1;}
      .lCont .lContBox .stBox .mt {width:100%; height:auto; max-height:600px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set {padding:20px 10px 20px 20px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set:last-of-type {padding:20px 20px 20px 10px;}
      .lCont .lContBox .titBox .title b {display:block; padding-left:0; padding-top:5px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set ul {gap:8px;}
  }
  @media (max-width:1199px) {
      .lCont {width:100%; margin-left:0;}
  }
  @media (max-width:991px) {
      .lCont .lContBox .titBox {flex-direction:column; align-items:flex-start; gap:15px; padding:20px;}
      .lCont .lContBox .titBox .buttonWrap button {font-size:15px;}
  }
  @media (max-width:640px) {
      .lCont .lContBox .stBox .videoBox .ccSet {flex-direction:column;}
      .lCont .lContBox .stBox .videoBox .ccSet .set {width:100%; padding:20px; border-bottom:1px solid #ECECF1;}
      .lCont .lContBox .stBox .videoBox .ccSet .set:last-of-type {padding:20px; border-bottom:none;}
      .lCont .lContBox .stBox .mt .mtBox {flex-direction:column;}
      .lCont .lContBox .stBox .mt .mtBox .left {width:100%;}
      .lCont .lContBox .stBox .mt .mtBox .right {width:100%;}
      .lCont .lContBox .stBox .mt .mtBox .left {flex-direction:initial; background:#ededf3; border-radius:5px;}
      .lCont .lContBox .stBox .mt .mtBox .left button {width:60px; border:1px solid #7782AC; height:30px; border-radius:5px; font-size:15px;}
      .lCont .lContBox .stBox .videoBox .ccSet {flex-direction:column;}
      .lCont .lContBox .stBox .videoBox .ccSet .set {width:100%; padding:20px; border-bottom:1px solid #ECECF1;}
      .lCont .lContBox .stBox .videoBox .ccSet .set:last-of-type {padding:20px; border-bottom:none;}
      .lCont .lContBox .stBox .mt .mtBox.active {flex-direction:column;}
      .lCont .lContBox .stBox .mt .mtBox.active .left {width:100%;}
      .lCont .lContBox .stBox .mt .mtBox.active .right {width:100%;}
      .lCont .lContBox .stBox .mt .mtBox.active .left {flex-direction:initial;border-radius:5px;background:#3a3e52;}
      .lCont .lContBox .stBox .mt .mtBox.active .left button {width:60px; border:1px solid #fff; height:30px; border-radius:5px;font-size:15px;}
      .lCont .lContBox .stBox .mt .mtBox .right .titleTxt {font-size:15px;}
      .lCont .lContBox .stBox .mt .mtBox .right .translationTxt {font-size:15px;}
      .lCont .lContBox .stBox .mt {height:auto;}
      .lCont .lContBox .titBox .buttonWrap button img {width:13px; margin-left:5px;}
      .lCont .lContBox .titBox .buttonWrap button {padding:7px 12px; border-radius:6px;}
      .lCont .lContBox .titBox .buttonWrap {gap:5px;}
  }
  @media (max-width:480px) {
      .lCont .lContBox .titBox {padding:15px;}
      .lCont .lContBox {border-radius:0;}
      .lCont .lContBox .stBox .videoBox .ccSet .set {padding:15px;}
  }
  @media (max-width:440px) {
      .lCont .lContBox .titBox .buttonWrap img {display:none;}
      .lCont .lContBox .titBox .buttonWrap button {padding:5px 10px; font-size:14px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set h4 {font-size:16px;}
      .formBox2 .select select {font-size:15px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set ul li span {font-size:15px;}
      .lCont .lContBox .stBox .videoBox .ccSet .set ul li p {font-size:15px;}
      .formBox2 .select select option {font-size:15px;}
      .lCont .lContTit {font-size:22px;}
  }
  @media (max-width:420px) {
      .lCont {padding:0;}
      .lCont .top {padding:15px 15px 0 15px;}
  }
  @media (max-width:340px) {
      .lCont .lContBox .titBox .buttonWrap button {padding:3px 7px; font-size:14px; border-radius:4px;}
  }
  
  /*********** 시리얼 목록 *************/
  .contWrap4 .cont.scont2 {flex-direction:column;}
  .contWrap4 .cont.scont2 .listWrap .listTop p b {color:#6A70F7;}
  .contWrap4 .cont.scont2 .listWrap {width:100%;}
  .contWrap4 .cont.scont2 .serialT {font-size:25px; padding-bottom:20px; font-family:'Pretendard-SemiBold';}
  .wrap .main .contWrap .cont.scont2 .listWrap .tableWrap thead tr {background:#252455; color:#fff; border-radius:0;}
  .wrap .main .contWrap .cont.scont2 .listWrap .tableWrap thead{border-radius:0;}
  .ftGray {color:#AFAFBC !important;}
  .contWrap4 .scont2 .inputBox .inputForm .formBox {display: flex; justify-content: center; align-items: center;}
  .contWrap4 .scont2 .infoWrap {display:flex; justify-content:space-between; flex-direction:column;}
  .contWrap4 .cont2addWrap {background:#fff; width:35%; border-radius:15px; padding:20px; overflow:auto;}
  .contWrap4 .cont2 {display:flex; gap:20px;}
  .contWrap4 .scont2 .cot2listWrap {background:#fff; width:65%; border-radius:15px;}
  .contWrap4 .scont2 .cont2addWrap .addWrap h1 {font-size:25px;}
  .contWrap4 .scont2 .inputBox .inputForm .formBox .select select {-webkit-appearance: none; width:100%; height:100%;padding: 0 15px; font-size: 16px; color: #7B7D8A; font-weight: 600; background: url(/assets/img/select.png) no-repeat; background-position: 92% 50%; background-size: 12px; cursor: pointer; border: 2px solid #f0f0f0; border-radius: 8px;}
  .contWrap4 .scont2 .inputForm h4 {font-size:14px; font-weight:300; color:#959aa5; margin-top:5px;}
  .contWrap4 .scont2 .addBtnWrap {display:flex; justify-content:space-between; gap:5px;}
  .contWrap4 .scont2 .addBtnWrap button {width:49%;}
  .contWrap4 .scont2 .addBtnWrap .addBtn {width:49%;}
  .contWrap4 .scont2 .addBtnWrap .cancleBtn {font-size:17px; color:#fff; background:#000; border-radius:6px; padding:15px;}
  .contWrap4 .scont2 .addBtnWrap .cancleBtn:hover {background:#000; transition:0.3s;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap {background:#fff; width:100%; height:100%; border-radius:15px; overflow:hidden; padding:20px;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table {max-height:90%; overflow:auto; width:100%;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {height:92%; width:100%; max-height:675px; overflow:auto;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table thead tr th{text-align:center; padding:10px; background:#252455;color:#fff; }
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody {max-height:608px; text-align:center;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody tr td {text-align:center; padding:10px;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody tr td:last-of-type {color:#6A70F7;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody tr td:last-of-type.ftGray {}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody tr {border-bottom:1px solid #E5E5E9;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .search-field {background:#F2F4F9; width:600px;}
  .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {box-shadow:none; padding:0;}
  .mbSerialTable {display:none;}
  
  @media (max-width:1420px) {
       .contWrap4  .cont.scont2 .listWrap .listTop p {font-size:20px;}
       .contWrap4 .scont2 .cont2addWrap .addWrap h1 {font-size:20px;}
       .contWrap4 .scont2 .cont2addWrap .addWrap .inputBox .inputForm p {font-size:16px;}
       .contWrap4 .scont2 .inputBox .inputForm .formBox .select.none  {display:none;}
       .contWrap4 .scont2 .inputBox .inputForm .formBox .textBox.w100p {width:100%;}
       .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .search-field {width:500px;}
  }
  @media (max-width:991px) {
      .contWrap4 .scont2 .listWrap {display:block !important; width:100% !important;}
      .contWrap4 .scont2 .cont2addWrap  {width:100%; overflow:inherit;}
      .contWrap4 .cont.scont2 {flex-direction:column;}
      .contWrap4 {height:auto !important;}
      .contWrap4 .cont.scont2 .listWrap .listTop .title .plusBtn {width:100px;}
      .contWrap4 .cont.scont2 .listWrap .listTop .title .uploadBtn {width:150px;}
      .contWrap4 .cont.scont2 .listWrap .listTop .title {display:block !important;}
      .contWrap4 .cont.scont2 .listWrap .listTop .title {height:auto !important;}
      .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox {margin-top:10px !important;}
      .contWrap4 .cont.scont2 .listWrap {overflow:auto;}
      .contWrap4 .scont2 .inputBox .inputForm .formBox .select.none  {display:block;}
      .contWrap4 .scont2 .inputBox .inputForm .formBox .textBox.w100p {width:33%;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {height:auto;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody {max-height:inherit;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .search-field {width:100%; margin-right:0;}
  } 
  @media (max-width:640px) {
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {padding:0; box-shadow:none;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table thead tr th {font-size:15px; padding:10px;}
      .wrap .main .contWrap4 .scont2 .listWrap .listTop .title .topBox {height:auto !important; flex-direction:column;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .topBtnBox {margin-top:10px;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap {padding:20px;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox {align-items:end;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .search-field {margin-right:0;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {max-width:600px; overflow:auto; border-radius:0;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table {min-width:500px;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {border-radius:0;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table thead tr th {font-size:13px;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 table tbody tr td {font-size:13px !important;}
  }
  @media (max-width:580px) {
      .wrap .main .contWrap4 .cont.scont2 .listWrap .tableWrap2 {display:none;}
      .mbSerialTable {display:flex; flex-direction:column;gap:10px;}
      .mbSerialTable li {border:1px solid #e0e0e0; border-radius:10px; padding:15px; display:flex; gap:10px; flex-direction:column;}
      .mbSerialTable li div {display:flex; font-size:15px;}
      .mbSerialTable li div span {width:80px;}
      .mbSerialTable li div p {width:calc(100% - 80px);}
  }
  @media (max-width:540px) {
      .wrap .main .contWrap4 .scont2 .inputBox .inputForm.marT20 {margin-top:20px;}
      .contWrap4 .scont2 .inputBox .inputForm .formBox .select select {padding: 8px; font-size:14px;}
  }
  @media (max-width:480px) {
      .contWrap4 .scont2 .inputBox .inputForm .formBox .select.none  {display:none;}
      .contWrap4 .scont2 .inputBox .inputForm .formBox .textBox.w100p {width:100%;}
      .wrap .main .contWrap4 .cont.scont2 .listWrap .listTop .title .topBox .topBtnBox {width:100%;}
      .wrap .main .contWrap .cont.scont2 .listWrap .listTop .title .plusBtn {width:100%; border-radius:6px; padding:0;}
      .wrap .main .contWrap .cont.scont2 .listWrap .listTop .title .uploadBtn {width:100%;border-radius:6px; padding:0;}
  }
  
  /*학생목록*/
  .wrap .main .contWrap.contWraps4 {width:calc(100% - 300px); margin-left:300px; padding:30px 50px 20px 50px;}
  .wrap .main .contWrap.contWraps4 .cont .listWrap {padding:0; background:transparent;}
  .wrap .main .contWrap.contWraps4 .search-field input {background:#fff;}
  .wrap .main .contWrap.contWraps4 .cont .listWrap .tableWrap table thead tr th {text-align: center;padding: 10px;background: #252455;color: #fff; font-size:15px;}
  .wrap .main .contWrap.contWraps4 .cont .listWrap .tableWrap table tbody tr td {padding:10px; font-size:15px;}
  
  @media (max-width:1750px) {
      .wrap .main .contWrap.contWraps4 {padding:20px;}
  }
  @media (max-width:1400px) {
      .wrap .main .contWrap.contWraps4 .cont {flex-direction:column;}
      .wrap .main .contWrap.contWraps4 .cont .addWrap {width:100%;}
      .wrap .main .contWrap.contWraps4 .cont .listWrap {width:100%; margin-top:30px;}
      .wrap .main .contWrap.contWraps4 .cont .addWrap ul li .groupBtnWrap {background-position:20px 50%;}
  }
  @media (max-width:1199px) {
      .wrap .main .contWrap.contWraps4 {width:100%; margin-left:0;}
  }
  @media (max-width:991px) {
      .wrap .main .contWrap.contWraps4 .cont .mbListWrap {width:100%; margin-top:20px;}
      .wrap .main .contWrap.contWraps4 .search-field input {background:transparent;}
  }
  @media (max-width:640px) {
      .wrap .main .contWrap.contWraps4 .cont .mbListWrap {margin-top:0;}
  }
  @media (max-width:420px) {
      .wrap .main .contWrap.contWraps4 {padding:0;}
      .wrap .main .contWrap.contWraps4 .cont .mbListWrap {margin-top:0;}
      .wrap .main .contWrap.contWraps4 .cont .addWrap {margin-bottom:0;}
  }
  
  /*시리얼 체크*/
  .tableNum {padding-bottom:10px; display:block;}
  
  /*시리얼관리*/
  .wrap .main .contWrap5 .cont .listWrap .tableWrap.serialManagerTable {overflow:auto; padding:0; border-radius:0;}
  .wrap .main .contWrap5 .cont .listWrap .tableWrap.serialManagerTable table {min-width:800px; overflow:auto;}
  .wrap .main .contWrap5 .cont .listWrap .mbSerialTable2 {display:none;}
  @media (max-width:1520px) {
      .contWrap5 .cont2addWrap.cont3addWrap {width:100% !important;}
  }
  @media (max-width:767px) {
  
      .wrap .main .contWrap5 .cont .listWrap .tableWrap.serialManagerTable {display:none;}
      .wrap .main .contWrap5 .cont .listWrap .mbSerialTable2 {display:block;}
      .contWrap5 .mbSerialTable2:after {display:block; content:''; clear:both;}
      .contWrap5 .mbSerialTable2 li {border:none; background:#fff;border-radius: 10px;padding: 15px;display: flex;gap: 10px;flex-direction: column; width:49%; margin:0.5%; float:left;}
      .contWrap5 .mbSerialTable2 {display:flex;}
      .contWrap5 .mbSerialTable2 li{}
      .contWrap5 .mbSerialTable2 li div {font-size:15px; display:flex; margin-bottom:6px;}
      .contWrap5 .mbSerialTable2 li div span {width:70px; font-weight:500;}
      .contWrap5 .mbSerialTable2 li div p {font-size:15px; font-weight:300; width:calc(100% - 70px);}
  }
  @media (max-width:640px) {
      .contWrap5 .mbSerialTable2 li div {flex-direction:column;}
      .contWrap5 .mbSerialTable2 li div p {width:100%;}
  }
  @media (max-width:540px) {
      .contWrap5 .mbSerialTable2 li {width:100%; margin:1% 0.5%;}
      .contWrap5 .mbSerialTable2 li div {flex-direction:row;}
      .contWrap5 .mbSerialTable2 li div span {width:70px; font-weight:500;}
      .contWrap5 .mbSerialTable2 li div p {font-size:15px; font-weight:300; width:calc(100% - 70px);}
  }
  @media (max-width:420px) {
      .contWrap5 .mbSerialTable2 li {border:1px solid #e0e0e0;}
  }
  
  /*이메일박스 공통*/
  .contWrap5 .inputBox .inputForm.EmailBox {width:100%;}
  .contWrap5 .inputBox .inputForm.EmailBox .outForm {width:calc(100% - 100px);}
  .contWrap5 .inputBox .inputForm.EmailBox .outForm .formBox {width:100%;}
  
  @media (max-width:1199px) {
      .inputBox .inputForm .formBox .select {height:40px;}
  }
  @media (max-width:540px) {
      .contWrap5 .inputBox .inputForm.EmailBox .outForm {width:100%;}
  }
  @media (max-width:420px) {
      .contWrap5 .inputBox .inputForm.EmailBox .outForm .formBox .select {display:none;}
  }
  
  /*페이지네이션*/
  .pagination {text-align: center; margin-top: 20px;}
  .pagination:after {display: block; visibility: hidden; clear: both; content: "";} 
  .pagination .pc {text-align: center;}
  .pagination .mb {display: none;}
  .pagination-type1 .pg_page, .pagination-type1 .pg_current {display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #DBDBDB;}
  .pagination-type1 .pg_page {color: #8E919F; font-size: 16px; height:36px; line-height: 36px; padding: 0 5px; min-width: 36px; text-decoration: none; border-radius: 6px;}
  .pagination-type1 .pg_page:hover {background-color: #fafafa;}
  .pagination-type1 .pg_start {text-indent: -999px; overflow: hidden; background: url('/assets/img/page_frist.png') no-repeat 50% 50% #eee; background-size:12px;padding: 0; border: 1px solid #eee;}
  .pagination-type1 .pg_prev {text-indent: -999px; overflow: hidden; background: url('/assets/img/page_prev.png') no-repeat 50% 50% #eee; background-size:6px;padding: 0; border: 1px solid #eee;}
  .pagination-type1 .pg_end {text-indent: -999px; overflow: hidden; background: url('/assets/img/page_end.png') no-repeat 50% 50% #eee;  background-size:12px; padding: 0; border: 1px solid #eee;}
  .pagination-type1 .pg_next {text-indent: -999px; overflow: hidden; background: url('/assets/img/page_next.png') no-repeat 50% 50% #eee; background-size:6px; padding: 0; border: 1px solid #eee;}
  .pagination-type1 .pg_start:hover, .pagination-type1 .pg_prev:hover, .pagination-type1 .pg_end:hover, .pagination-type1 .pg_next:hover {background-color: #fafafa;}
  .pagination-type1 .pg_current {display: inline-block; background: #2A3384; border: 1px solid #2A3384; color: #fff; font-weight: bold; height:36px; line-height: 36px; padding: 0 10px; min-width: 36px; border-radius: 6px;}
  .pagination-type1 #page {display: inline-block; width: 160px; height: 60px; vertical-align: middle; border: 0; border-radius: 6px; padding: 6px 15px; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333; background: url(/rise/assets/img/page_mb_arrow.png) no-repeat #eee; background-position: right 15px center !important; font-size: 16px; cursor: pointer;}
  
  @media (max-width: 768px) {
      .pagination-type1 #page {height: 36px;}
      .pagination .pc {display: none;}
      .pagination .mb {display: block;}
  }
  /*학과 등록*/
  .listCont {background:#fff;padding:20px; border-radius:15px;} 
  @media (max-width:540px) {
      .listCont {background:transparent; padding:0;}
  }
  @media (max-width:420px) {
      .listCont {padding:0;}
  }
  
  /*시리얼_추가*/
  .inputBox .inputForm .formBox.addForm .select {width:100%;}
  .contWrap5 .inputBox .inputForm.fl-column {flex-direction:column;}
  .contWrap5 .inputBox .inputForm .formBox.dateForm {width:100%;}
  .contWrap5 .cont2addWrap .addWrap .inputBox .inputForm.fl-column p {padding-bottom:10px; padding-top:0;}
  .contWrap5 .inputBox .inputForm .formBox.dateForm .datepicker {background:url(/assets/img/calendarColor.png) no-repeat #fff; height:50px; font-size:14px;border-radius:6px; background-size:18px; border:2px solid #f0f0f0; padding:10px;background-position:93% 46%; cursor:pointer; width:100%;}
  .wrap .main .contWrap .cont .listWrap .tableWrap table tbody tr td {font-size:14px;}
  #addPopUp {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;}
  #addPopUp .modalCont {background:#fff; width:400px; height:300px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
  #addPopUp .modalCont div{width:100%; height:100%; display:flex;flex-direction:column; align-items:center; justify-content:center; gap:10px;}
  #addPopUp .modalCont div span {font-size:17px; padding-bottom:10px;}
  #addPopUp .modalCont div .addButton {padding:10px 20px; background:#5f65ff; color:#fff; border-radius:4px; font-size:14px;}
  
  #falsePopUp {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;}
  #falsePopUp .modalCont {background:#fff; width:400px; height:300px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
  #falsePopUp .modalCont div {width:100%; height:100%; display:flex;flex-direction:column; align-items:center; justify-content:center; gap:10px;}
  #falsePopUp .modalCont div span {font-size:17px; padding-bottom:10px;}
  #falsePopUp .modalCont div .falseButton {padding:10px 20px; background:#12121b; color:#fff; border-radius:4px; font-size:14px;}
  
  
  @media (max-width:1199px) {
      .contWrap5 .inputBox .inputForm .formBox.dateForm .datepicker {height:40px;}
  }
  
  @media (max-width:540px) {
      .contWrap5 .mbSerialTable {margin-top:10px;}
  }
  @media (max-width:420px) {
      #falsePopUp .modalCont {width:100%; height:280px;}
      #addPopUp .modalCont {width:100%; height:280px;}
      #falsePopUp .modalCont div img {width:80px; height:80px;}
      #addPopUp .modalCont  div img {width:80px; height:80px;}
  }
  
  
  @font-face {
    font-family: "Pretendard-Bold";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Bold"),
        url("/assets/font/Pretendard-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Light";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Light"),
        url("/assets/font/Pretendard-Light.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Medium";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Medium"),
        url("/assets/font/Pretendard-Medium.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-Regular";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-Regular"),
        url("/assets/font/Pretendard-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "Pretendard-SemiBold";
    font-weight: 45 920;
    font-style: normal;
    src: local("Pretendard-SemiBold"),
        url("/assets/font/Pretendard-SemiBold.woff2") format("woff2");
  }
  
  
  /**대시보드**/
  .board .mt-10 {margin-top: 10px;}
  .board .apexcharts-menu-icon {display: none !important;}
  .board {padding: 50px; width: calc(100% - 300px); margin-left: 300px; }
  .board .dBox {display: flex; flex-wrap: wrap; gap: 0 20px; margin-top: 20px; justify-content: space-between;}
  .board .dBox:nth-of-type(1) {margin-top: 0;}
  .board .dBox .item {width: calc(33.33% - 14px); height: 290px; background-color: #fff; border-radius: 20px;}
  .board .dBox1 .item {background-color: #D4E1FF !important; width: calc(25% - 15px); height: auto !important; padding: 20px 50px; display: flex; align-items: center; justify-content: space-between; gap: 0 20px;}
  .board .dBox1 .item .tBox span {font-size: 40px; color: #6A6AFF;}
  .board .dBox1 .item .tBox p {font-size: 22px;}
  .board .adBox {padding: 34px 30px; background-color: #fff; border-radius: 20px; margin-top: 20px; display: flex; flex-wrap: wrap; gap: 0 20px; justify-content: space-between;}
  .board .adBox .item {width: calc(25% - 15px); margin-top: 10px;}
  .board .adBox .item p {text-align: center; font-size: 20px;}
  
  @media (max-width: 1800px) {
       .board .dBox1 .item {padding: 20px 40px;}
  }
  @media (max-width: 1600px) {
      .board .dBox1 .item {padding: 20px 30px;}
      .board .dBox1 .item img {width: 64px;}
      .board .dBox1 .item .tBox span {font-size: 40px;}
      .board .dBox1 .item .tBox p {font-size: 20px;}
      .board .adBox {padding: 30px 20px;}
  }
  @media (max-width: 1400px) {
      .board .dBox .item {height: 240px;}
      .board .dBox1 .item {padding: 20px;}
      .board .dBox1 .item img {width: 44px;}
      .board .dBox1 .item .tBox span {font-size: 30px;}
      .board .dBox1 .item .tBox p {font-size: 16px;}
      .board .adBox {gap: 20px 20px;}
      .board .adBox .item {width: calc(50% - 10px);}
  }
  @media (max-width: 1199px) {
      .board {width: 100%; margin-left: 0; padding: 40px;}
  }
  @media (max-width: 991px) {
      .board .dBox {gap: 20px 20px;}
      .board .dBox1 .item {width: calc(50% - 10px); padding: 20px 40px;}
      .board .dBox1 .item img {width: 70px;}
      .board .dBox1 .item .tBox {text-align: right;}
      .board .dBox1 .item .tBox p {font-size: 20px;}
  }
  @media (max-width: 768px) {
      .board {padding: 20px 20px;}
      .board .dBox {gap: 10px 10px;}
      .board .dBox .item {width: calc(33.33% - 7px); height: 200px;}
      .board .dBox1 .item {width: calc(50% - 5px) !important; padding: 20px 30px;}
      .board .dBox1 .item img {width: 44px;}
      .board .dBox1 .item .tBox p {font-size: 16px;}
      .board .adBox {gap: 10px 10px;}
      .board .adBox .item {width: calc(50% - 5px);}
      .board .adBox .item p {font-size: 18px;}
  }
  @media (max-width: 640px) {
      .board .dBox .item {height: 180px;}
  }
  @media (max-width: 600px) {
      .board .adBox .item {width: 100%; margin-top: 0;}
      .board .adBox .item > div {margin-left: -10px;}
      .board .adBox .item p {font-size: 16px;}
  }
  @media (max-width: 480px) {
      .board .dBox .item {width: 100%;}
      .board .dBox1 .item {width: 100% !important;}
      .board .dBox1 .item .tBox span {font-size: 24px;}
  }
  @media (max-width: 420px) {
      .board .dBox .item {background-color: #f9f9f9; height: 190px;}
      .board .adBox {padding: 10px 0 0;}
  }
  
  
  
  
  body{
      font-family:"Pretendard-Regular";
      letter-spacing:-1px;
  }
  
  /*동영상강의만들기*/
  .eContTh.eCont header {display:flex; justify-content:space-between; width:100%;}
      .eContTh.eCont header .search-field.search3 {width:500px;}
      .eContTh .pptMakeBtn {background:#4E4BF1; color:#fff; padding:10px 20px; font-size:17px; border-radius:5px;}
      .eContTh .pptMakeBtn img {margin-left:10px;}
      .eContTh .pptMakeBtn:hover {transition:0.3s; background:#3f4552;}
      .eContTh .movieWrap {padding:20px;}
      .eContTh .thumbnailCont {width:100%;}
      .eContTh .thumListBox {display:flex; flex-direction:column; width:100%; height:auto;position: relative; overflow: visible; border:1px solid #e0e0e0;}
      .eContTh .thumListBox .tlist {border-bottom:1px solid #e0e0e0; padding:10px; height:auto; cursor:pointer; position:relative;}
      .eContTh .thumListBox .tlist:last-of-type {border-bottom:none;}
      .eContTh .thumListBox .tlist .sList {display:flex; align-items:center; justify-content:space-between; gap:20px;}
      .eContTh .thumListBox .tlist .sList .listCenter a {color:#000; font-size:17px;}
      .eContTh .thumListBox .tlist .sList .listCenter ul {display:flex; gap:10px;}
      .eContTh .thumListBox .tlist .sList .listCenter ul li {display:flex; align-items:center;}
      .eContTh .thumListBox .tlist .sList .listCenter ul li:after {display:inline-block; width:1px; height:13px; margin-left:10px;background:#dbdbdb; content:'';}
      .eContTh .thumListBox .tlist .sList .listCenter ul li:last-of-type:after {display:none;}
      .eContTh .thumListBox .tlist .sList .listCenter ul li img {width:16px; margin-right:5px;}
      .eContTh .thumListBox .tlist .sList .listCenter ul li span {font-weight:300; color:#687186; font-size:15px;}
      .eContTh .thumListBox .tlist .sList .listLeft {display:flex; align-items:center;}
      .eContTh .thumListBox .tlist .sList .listCenter { display:flex; flex-direction:column; margin-left:20px; gap:8px;}
      .eContTh .thumListBox .tlist .sList .listRight {display:flex; gap:15px; align-items:center; position:relative;}
      .eContTh .thumListBox .tlist .sList .listRight button {width:100px; background:#444460; padding:5px; color:#fff; margin-top:5px; font-family:'Pretendard-SemiBold'; }
      .eContTh .thumListBox .tlist .sList .listLeft .imgB img {width:100%; object-fit: cover;}
      .eContTh .thumListBox .tlist .sList .listLeft .imgB {width:90px; height:60px; overflow:hidden; border:1px solid #f0f0f0; margin-left:10px;}
      .eContTh .thumListBox .tlist .sList .listRight .fileChange {font-size:14px; margin-top:0; padding:5px 8px; width:auto; background:#f0f0f0; color:#000;}
      .eContTh .thumListBox .tlist .sList .listRight span {padding-top:5px;font-size:14px; background:#fff; display:flex; flex-direction:column; border:1px solid #e0e0e0; align-items:center; width:100px; justify-content:space-between;}
      .eContTh .thumListBox .tlist.active {background:#f8f8f9;}
      .eContTh .thumListBox .tlist.active .sList .listCenter a{color:#4e4bf1; font-size:17px;}
      .eContTh .thumListBox .tlist.active .sList .listRight button.fileChange {background:#4d525c; color:#fff;}
      .eContTh .listRight strong {color:#cecece; font-family:'Pretendard-SemiBold'; padding:5px; font-size:16px;}
      .eContTh .listRight strong.play {color:#4dbca5;}
      .eContTh .listRight strong.wait {color:red;}
      .eContTh .listRight button.complete {background:transparent;  color:#4e4bf1;}
      .eContTh .dropdown-menu ul li.disabled a {opacity:0.3;}
      .eContTh .dropdown-menu ul li .disabled:hover {background:#fff;}
      .eContTh .thumListBox .tlist .dropdown-menu { position: absolute;top: 60px;right:70px;z-index: 9999;background: #fff;border: 1px solid #ddd;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);left:auto;}
      .eContTh .thumListBox .tlist .dropdown-menu ul li {padding:10px 20px;}
      .eContTh .txt_ing {display:flex; gap:5px; font-size:16px;}
      .eContTh .thumListBox .tlist:hover {background:#f9f9f9; cursor:pointer;}
      .eContTh .pptModal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 9999;}
      .eContTh .pptModal .chModal {background: white;padding: 20px;text-align: center; height:auto;width: 600px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);position: relative;animation: fadeIn 0.3s ease; }
      .eContTh .pptModal .chModal h4 {font-size:24px; font-family:'Pretendard-SemiBold'; margin-bottom:20px; text-align:center;}
      .eContTh .pptModal .formBox2 {display:flex; width:100%; gap:10px; align-items:center; height:30px;}
      .eContTh .pptModal .formBox2 h5 {width:100px; display:flex; font-size:18px;}
      .eContTh .pptModal .filebox {height:30px; display:flex; gap:6px; width:calc(100% - 110px);}
      .eContTh .pptModal .filebox label {padding: 5px 35px 5px 15px; width:110px; align-items:center; color: #fff;line-height: 0.8em;vertical-align: middle;background: url(/assets/img/f2_22.png) no-repeat #4c6aff;background-size: 15px;background-position: 86% 51%;cursor: pointer;border-radius: 5px; height:30px; display:flex;}
      .eContTh .pptModal .filebox .upload-name {padding: 10px;font-size:13px; line-height: 0.9em;vertical-align: middle;background-color: #f5f5f5;height: 30px;border: 1px solid #ebebeb;border-radius: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #a9a9aa;width:calc(100% - 110px);}
      .eContTh .pptModal .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
      .eContTh .pptModal .titInput {width:calc(100% - 110px); height:100%; border:1px solid #e0e0e0; border-radius:5px; padding:5px 10px;}
      .eContTh .pptModal .formCont {display:flex; flex-direction:column; gap:6px;}
      .eContTh .pptModal .sFooter {margin-top:20px; height:35px; display:flex; gap:5px; justify-content:center;}
      .eContTh .pptModal .sFooter button{height:100%; display:flex; background:#363653; color:#fff; padding:5px 15px; align-items:center;}
      .eContTh .pptModal .pptCloseBtn {height:100%; display:flex; background:#a7adc2; color:#fff; cursor: pointer; align-items:center;padding:5px 15px; }
  @media (max-width:840px) {
      .eContTh .thumListBox .tlist .sList {flex-direction:column; align-items:flex-start; gap:10px;}
      .eContTh.eCont header .search-field.search3 {width:400px;}
      .eContTh .thumListBox .tlist .sList .listLeft .imgB {margin-left:0;}
      .eContTh .thumListBox .tlist .sList .listRight {justify-content:space-between; width:100%;}
      .eContTh .thumListBox .tlist .dropdown-menu {top:88px; right:63px; left:auto;}
      .eContTh .thumListBox .tlist .sList .listRight span {width:90px;}
      .eContTh .listRight strong {font-size:15px;}
      .eContTh .thumListBox .tlist .sList .listRight button {width:90px;}
      
  }
  @media (max-width:767px) {
      .eContTh .pptMakeBtn {font-size:15px;}
      .eContTh .thumListBox {max-height:inherit;}
  }
  @media (max-width:680px) {
      .eContTh .pptMakeBtn {padding:5px 10px;}
  }
  @media (max-width:640px) {
      .eContTh.eCont header .search-field.search3 {width:calc(100% - 170px);}
      .eContTh.eCont header {gap:10px;}
      .eContTh .pptMakeBtn {width:170px;}
      .eContTh .pptModal .chModal {width:100%;}
      .eContTh .pptModal .formBox2 h5 {width:60px;}
      .eContTh .pptModal .filebox {width:calc(100% - 60px);}
      .eContTh .pptModal .titInput{width:calc(100% - 60px);}
  }
  @media (max-width:580px) {
      .eContTh .thumListBox .tlist .sList .listCenter a {font-size:15px;}
      .eContTh .thumListBox .tlist .sList .listCenter {margin-left:12px;}
  }
  @media (max-width:500px) {
      .eContTh .thumListBox .tlist .sList .listLeft {width:100%; flex-direction:column; align-items:flex-start;}
      .eContTh .thumListBox .tlist .sList .listCenter {margin-left:0;width: 100%;padding-top: 10px;}
      .eContTh .thumListBox .tlist .sList .listLeft .imgB {width:100%; height:auto;}
      .eContTh .thumListBox .tlist .dropdown-menu {right:0; top:auto; bottom:60px;}
  }
   
  @media (max-width:460px) {
      .eContTh .movieWrap {padding:0;}
      .eContTh.eCont .eTit {padding:0; background:transparent;}
      .eContTh.eCont header .search-field.search3 input {background:#fff; border-radius:5px;}
      .eContTh.eCont header {margin-bottom:10px;}
      .eContTh .pptMakeBtn img {display:none;}
      .eContTh .pptMakeBtn {width:130px;}
      .eContTh.eCont header .search-field.search3 {width:calc(100% - 130px);}
      .eContTh .pptModal .filebox label {justify-content:center; width:80px; background:#4c6aff; padding:5px;}
      .eContTh .pptModal .filebox .upload-name {width:calc(100% - 80px);}
      .eContTh .pptModal .chModal h4 {font-size:20px;}
  
  }
  @media (max-width:420px) {
      .eContTh.eCont {padding:15px;}
      .eContTh.eCont header .search-field.search3 input {background:#f7f7f8;}
      .eContTh .pptModal .formBox2 {flex-direction:column;}
      .eContTh .pptModal .titInput {width:100%;}
      .eContTh .pptModal .filebox {width:100%;}
      .eContTh .pptModal .formBox2 {height:auto; align-items:flex-start; gap:5px;}
      .eContTh .pptModal .formCont {gap:10px;}
      .eContTh .pptMakeBtn {width:100%; height:42px;}
      .eContTh.eCont header .search-field.search3 {width:100%;}
      .eContTh.eCont header {display:flex; gap:8px; flex-direction:column;}
  }
  @media (max-width:360px) {
      .eContTh .thumListBox .tlist .sList .listCenter ul li span {font-size:13px;}
      .eContTh .thumListBox .tlist .sList .listCenter ul {gap:10px;}
      .eContTh .thumListBox .tlist .sList .listRight span {font-size:13px;}
      .eContTh .thumListBox .tlist .sList .listCenter ul li:nth-of-type(2) img {width:16px !important;}
      .eContTh .pptMakeBtn img {display:inline; width:19px;}
  }
  
  /* 라디오 버튼 컨테이너 */
  .radio-select {display: flex;gap: 20px;font-family: 'Pretendard', sans-serif;font-size: 18px;}
  /* 라디오 버튼 숨기기 */
  .custom-radio input[type="radio"] {display: none;}
  /* 라벨 스타일 */
  .custom-radio {display: flex;align-items: center;cursor: pointer;user-select: none;position: relative; width:90px;}
  /* 동그라미 커스텀 */
  .custom-radio .radio-circle {width: 20px;height: 20px;border: 2px solid #ddd;border-radius: 50%;margin-right: 10px;position: relative;display: flex;align-items: center;justify-content: center;transition: border-color 0.3s ease, box-shadow 0.3s ease;}
  /* 선택된 상태 애니메이션 */
  .custom-radio input[type="radio"]:checked + .radio-circle {border-color: #aec2ff;box-shadow: 0 0 8px rgba(76, 114, 235, 0.5);}
  /* 내부 점 표시 */
  .custom-radio .radio-circle::after {content: "";width: 10px;height: 10px;background-color: #4c72eb;border-radius: 50%;opacity: 0;transform: scale(0); transition: opacity 0.3s ease, transform 0.3s ease;
  }
  /* 선택된 상태 내부 점 표시 */
  .custom-radio input[type="radio"]:checked + .radio-circle::after {opacity: 1;transform: scale(1);}
  /* 호버 효과 */
  .custom-radio:hover .radio-circle {border-color: #4c72eb;box-shadow: 0 0 5px rgba(76, 114, 235, 0.3);}