@charset "utf-8";

/* -------------- [A] 992 이하 (원본 순서 유지, 값/선언 그대로) -------------- */
@media screen and (max-width: 992px) {

  /* 기업직업훈련카드 숨기기 */
  #companycard { display: none; }
  .review-wrap { display: none; }
  .board-wrap { flex-direction: column; }
  .notice-wrap { width: 100%; margin-right: 0; }

  /* PC 메뉴 관련 요소 강제 숨김 */
  .menu-bar { display: none !important; }

  /* PC 검색창 숨김 */
  .site-wrap #header .header_wrap .top-search { display: none !important; }

  /* PC 상단 보조 메뉴 숨김 */
  .ko-topmenu { display: none !important; }

  .layerpopup-wrap {
    position: absolute; right: 0; left: 0; margin: 0 auto;
    z-index: 9999; width: 80%;
  }
  .layerpopup-wrap img { width: 100% !important; height: 100% !important; }

  .jy_diagnosis{ font-size:11px; }
  .diagnosis_top02{ padding:0px; }
  .d_btn{
    position: relative; font-size:11px;
    margin-bottom: 5px; margin-left: 5px; margin-right: 5px;
  }

  .cert_img { font-size:9px; }
  .cert_img span{ font-size:10px; }

  /* 메인 배너 */
  .da-slider{ height:330px; }
  .da-slide h2{
    color:#fff; font-size:25px; width:50%; top:50px; white-space:nowrap; z-index:10;
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    font-family:'Economica', Arial, sans-serif; font-weight:700; margin-left:0;
  }
  .da-slide p{
    width:80%; top:100px; color:#916c05; font-size:14px; line-height:26px; height:80px; overflow:hidden;
    font-style:italic; font-family:'Economica', Arial, sans-serif; font-weight:400; margin-left:0;
  }
  .da-slide .da-link{
    top:220px; border-radius:30px; box-shadow:0 1px 1px rgba(0,0,0,0.1); color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2); border:8px solid rgba(255,255,255,0.8);
    padding:2px 20px 0; font-size:14px; line-height:30px; width:80px; text-align:center; background:rgba(255,255,255,0.2);
    margin-left:0;
  }
  .da-slide .da-img img{ margin-top:100px; margin-right:60px; width:180px; }
  /* 메인 배너 */

  .search-list-box .tag > ul > li > span{
    display:inline-flex; padding:0 5px; justify-content:center; align-items:center;
    height:22px; color:#999; font-size:10px; background:#f0f0f0; border-radius:15px;
  }

  #result_memo{ font-size:11px; line-height:9px; }

  .summary02{ font-size:12px; }
  .summary-top{ font-size:12px; }
  .sub-tab01{ font-size:12px; }

  .my_txt_box04_new{ vertical-align:middle; display:block; text-align:left; font-size:15px; font-weight:normal; line-height:1.5em; letter-spacing:-0.75px; color:#666; margin-top:30px; }
  .my_txt_box04_new h3{ vertical-align:middle; display:block; font-size:25px; color:#26336a; font-weight:normal; }
  .my_txt_box04_new table{ vertical-align:middle; border-collapse:collapse; border-spacing:0; border-top:2px solid #000; width:100%; }
  .my_txt_box04_new th{ vertical-align:middle; padding:15px 0; text-align:center; background:#f1f2f7; font-size:12px; border-bottom:1px solid #ddd; color:#000; border-right:1px solid #dddfe5; }
  .my_txt_box04_new th:last-child{ border-right:0; }
  .my_txt_box04_new td{ vertical-align:middle; padding:13px 0; text-align:center; background:#fff; border-bottom:1px solid #ddd; border-right:1px solid #dddfe5; font-size:11px; }
  .my_txt_box04_new td:last-child{ border-right:0; }
  .my_txt_box04_new .d_btn { font-size:10px; }

  .jy_not01{ display:none; }
  .main-banner-pc{ display:none; }
  .main-banner-mobile{ display:block; }
  .qna_memo{ display:none; }

  .site-wrap { padding-top:65px; }
  #header{
    position:fixed; z-index:99999; background:#fff; top:0;
    border-bottom:1px solid #e5e5e5; box-shadow:1px 3px 10px rgba(0,0,0,0.1);
  }
  .site-wrap #header .header_wrap{
    padding:10px 5px; height:65px; box-sizing:border-box;
  }
  .site-wrap #header .header_wrap .top-search{ display:none; }
  .board_menu{ display:none; }
  .bank-wrap{ display:none; }

  .site-wrap #header .header_wrap h1.logo a{ display:block; text-align:center; }
  .site-wrap #header #m_gnb a{ padding-top:5px !important; }
  .site-wrap #header .header_wrap .gnb-wrap{ justify-content:center; }
  .site-wrap #header .header_wrap .gnb-wrap ul.gnb{ display:none; }
  .site-wrap #header .header_wrap h1.logo a img{ width:80% !important; }
  .ko-topmenu{ display:none; }
  .site-wrap #header #m_gnb{ display:block; position:absolute; right:0; }

  .slick-slider .slick-next{
    right:-10px; z-index:9999; border-radius:1px;
    background:center/50% no-repeat rgba(66,122,183,0.5) url(/infile/img/main/ic-slide-right-w.png);
  }
  .slick-slider .slick-prev{
    left:-10px; z-index:9999; border-radius:1px;
    background:center/50% no-repeat rgba(66,122,183,0.5) url(/infile/img/main/ic-slide-left-w.png);
  }

  /* allmenu */
  #allmenu{ z-index:9999999 !important; }
  #allmenu .nav-close{ display:block !important; }
  #allmenu .bottom-menu{ display:block !important; z-index:9999; }
  #allmenu .ulDepth3{ display:none; padding:10px; background:#071123; }
  #allmenu{ display:none; }
  .site-wrap #allmenu{
    position:fixed; top:0; width:80%; height:100%; right:0; background:none; border-top:none;
  }
  .site-wrap .allmenu-wrap{
    position:relative; background:rgba(3,36,73,0.97); height:100%;
  }
  .site-wrap .allmenu-wrap .menuDepth1 > a{ display:block; color:#fff; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2{ display:none; padding:10px 0; background:#0d1b36; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2.open{ display:block !important; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2 .menuDepth2{ margin-bottom:10px; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2 .menuDepth2 > a{ color:#fff; padding:3px 0; }
  .site-wrap .allmenu-wrap .menuDepth2 > ul.ulDepth3 .menuDepth3 > a{ color:#8f9eb9; padding:3px 0; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2 .menuDepth2:hover a{ color:#8f9eb9; }
  .site-wrap .allmenu-wrap .menuDepth2 > ul.ulDepth3 .menuDepth3:hover > a{ color:aquamarine; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2 .menuDepth2:hover > a{ color:aquamarine; }
  .site-wrap .allmenu-wrap .menuDepth1 > ul.ulDepth2 .menuDepth2:hover a:before{ display:none; }
  .site-wrap .allmenu-wrap .allmenu-subtit{ display:none; }
  .site-wrap .allmenu-wrap ul.allmenu{
    padding-top:40px; flex-direction:column; padding-left:0; height:100%; background:none !important;
  }
  .site-wrap .allmenu-wrap ul.allmenu > li{ width:100%; background:none; }
  .site-wrap .allmenu-wrap ul.allmenu > li > a{
    display:inline-flex; justify-content:center; align-items:center; width:auto; height:50px; font-size:18px;
  }
  .site-wrap .allmenu-wrap ul.allmenu > li:after,
  .site-wrap .allmenu-wrap ul.allmenu > li:before{ display:none; }
  .site-wrap .allmenu-wrap ul.allmenu > li.on{ background:none; }
  .site-wrap .allmenu-wrap ul.allmenu > li.on > a{ border-bottom:2px solid aquamarine; }
  .nav-close{ position:absolute; right:20px; top:20px; z-index:9999999; }
  .bottom-menu{ position:absolute; bottom:0; width:100%; }
  .bottom-menu ul.bottom-menu-wrap{
    display:flex; flex-wrap:wrap; width:100%;
  }
  .bottom-menu ul.bottom-menu-wrap li{
    display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center;
  }
  .bottom-menu ul.bottom-menu-wrap li a{
    color:#fff; width:99%; height:97%; text-decoration:none;
    display:inline-flex; justify-content:center; align-items:center; background:rgba(15,25,50,0.8588235294);
  }
  .bottom-menu ul.bottom-menu-wrap li a img{ display:inline-block; margin:0 10px; }

  /* main bxslider */
  #mainVisual .bx-controls{ display:none; }

  /* quick */
  .quick-menu-aside{
    bottom:0; top:inherit !important; right:0; width:100%; z-index:9999;
    background:rgba(60,60,60,0.83); border-color:rgba(18,63,109,0.93);
  }
  .quick-menu-aside:after, .quick-menu-aside::before{ display:none; }
  .quick-menu-aside .quick-title{ display:none; }
  .quick-menu-aside .quick-menu-lists{ display:flex; border:0; background:none; }
  .quick-menu-aside .quick-menu-lists li{ background:none !important; width:25% !important; height:50px !important; }
  .quick-menu-aside .quick-menu-lists li a{ display:inline-flex !important; justify-content:center; align-items:center; width:100% !important; }
  .quick-menu-aside .quick-menu-lists li a span{ font-size:12px !important; padding-top:0 !important; }
  .quick-menu-aside .quick-menu-lists li span.icon-text{ line-height:normal !important; color:#fff !important; }
  .class-title{ font-size:20px; }

  /* slack width */
  .new-class .slick-initialized .slick-slide,
  .best-class .slick-initialized .slick-slide,
  .company-class .slick-initialized .slick-slide,
  .review-wrap .slick-initialized .slick-slide{
    width:325px !important; height:auto !important;
  }
  .new-class .slick-initialized .slick-slide,
  .best-class .slick-initialized .slick-slide,
  .company-class .slick-initialized .slick-slide,
  .slick-initialized .slick-slide{
    width:130px !important; height:auto !important;
  }

  .new-class .slick-initialized .slick-slide{
    width:150px; height:50px; margin:0 12px; border-radius:5px; overflow:hidden; cursor:pointer;
    border:1px solid #ddd; box-sizing:border-box;
  }
  .new-class .new-class-info{ padding:0 5px; }
  .new-class span.title{
    display:inline-block; width:100%; padding-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
    font-size:clamp(11px, 1.5254237288vw, 12px); color:#000;
  }
  .new-class img.class-thumb{
    display:inline-block; width:130px; height:80px; background:#e5e5e5;
  }
  .new-class .summary{ display:none; }

  .best-class img.class-thumb{
    display:inline-block; width:100%; height:100px; background:#e5e5e5;
  }

  .class-more{ top:0; }
  .best-class .class-more{ top:30px; }
  .new-class .slick-initialized .slick-slide{ margin:0 5px; }
  .best-class .slick-initialized .slick-slide{ margin:0 15px; }
  .company-class .slick-initialized .slick-slide{ margin:0 15px; }

  /* new/best/company padding */
  .new-class{ padding:0 25px; margin:30px 0; box-sizing:border-box; }
  .best-class{ height:225px; padding:0 25px; margin:30px 0; box-sizing:border-box; }
  .best-class .class-title{ padding-top:20px; }
  .company-class{ padding:0 25px; margin:30px 0; box-sizing:border-box; }

  /* board */
  .board{ padding:30px 15px; margin:0px 0; box-sizing:border-box; }
  .board .board-wrap{ flex-direction:column; }
  .board .board-wrap .notice-wrap{ width:100%; }
  .board .board-wrap .notice-wrap .notice-con .text-wrap a{ font-size:0.9rem; color:#000; }
  .board .board-wrap .notice-wrap .notice-con .notice-list li a{ font-size:0.9rem; color:#000; }
  .board .board-wrap .review-wrap{ margin-top:30px; width:100%; }
  .board .board-wrap .review-wrap .slick-slider .slick-next,
  .board .board-wrap .review-wrap .slick-slider .slick-prev{ top:-17px; }

  /* 수강후기 */
  .review-wrap .class-review-con .title a{ font-size:0.9rem; color:#000; text-decoration:none; }
  .review-wrap .class-review-con #hugim{ font-size:0.8rem; }

  /* customer */
  .customer{ flex-direction:column; padding:0; padding-bottom:30px; }
  .customer > div{
    width:100%; padding:0 15px; margin-bottom:20px; box-sizing:border-box; border-right:0 !important;
  }
  .customer .eduinfo-wrap h3{ margin-top:20px; }
  .customer .eduinfo-wrap .edu-list li a{ box-sizing:border-box; }
  .customer .class-title{ font-size:20px; }
  .customer .call-wrap .call-number{ font-size:30px; }

  /* footer */
  #footer{ padding:0 5px 10px 5px; }
  #footer .footer-menu-wrap .footer_address{
    padding-left:20px; padding-right:20px; padding-bottom:15px; text-align:left; box-sizing:border-box; font-size:13px; margin-top:0;
  }
  #footer .footer-menu-wrap .footer_address br{ display:block; }
  #footer .footer-menu-wrap .footer_address span{ display:none; }
  #footer .footer-menu-wrap .footer_sns ul.sns-list{
    margin-top:10px; display:flex; justify-content:flex-start; width:100%; padding:5px 20px; box-sizing:border-box;
  }
  #footer .footer-menu-wrap .footer_sns ul.sns-list li{ padding:0 10px; }
  .footer_sns{ margin-top:0 !important; text-align:center; flex-direction:column; }
  .footer_info_pc{ display:none; }
  .footer_info_m{ display:block; }

  .address-info{ margin-top:30px; border-top:2px solid #5da0cc; }
  .address-info li{ display:flex; height:50px; border-bottom:1px solid #e5e5e5; }
  .address-info li .tit{
    font-size:13px; color:#2885c2; font-weight:bold; width:100px; text-align:center; display:inline-flex; align-items:center; justify-content:center;
  }
  .address-info li .con{
    font-size:13px; padding-left:20px; display:inline-flex; align-items:center; color:#000;
  }

  #footer .footer-menu-wrap .footer_sns .txt{
    display:block; width:100%; padding:0 20px; text-align:left; box-sizing:border-box;
  }
  #footer .footer-menu-wrap .footer_menu-box{
    flex-direction:column; align-items:flex-start; padding:20px; box-sizing:border-box;
  }
  #footer .footer-menu-wrap .footer_menu-box ul.footer_menu{
    margin:0; flex-wrap:wrap; padding-bottom:10px;
  }
  #footer .footer-menu-wrap .footer_menu-box ul.footer_menu li{
    position:relative; padding:0; margin-right:20px; margin-bottom:5px;
  }
  #footer .footer-menu-wrap .footer_menu-box ul.footer_menu li:after{
    content:""; position:absolute; top:4px; right:-11px; display:inline-block; width:1px; height:10px; background:#fff;
  }
  #footer .footer-menu-wrap .footer_menu-box ul.footer_menu li a{ font-size:12px; }
  #footer .footer-menu-wrap .footer_menu-box{ box-sizing:border-box; }
  .class-detail-tab .class-detail-tabcontent .tabcon.on p{ font-size:13px; }

  /* sub visual */
  .sub_visu{ height:100px; }
  .sub_visu .sub_visu_wrap{ justify-content:center; }
  .sub_visu .sub_visu_wrap .sub_txt{ font-size:30px; }

  /* lnb */
  .lnb{ display:none; }

  /* sub layout */
  .subcon_wrap{ margin:30px auto; }
  .subcon_wrap .sub-content{ width:100%; padding:0 15px; box-sizing:border-box; }

  .subcon_wrap .sub-content .img-wrap img{ width:100%; }
  .subcon_wrap .sub-content .top h2.title{ font-size:17px; }

  .subcon_wrap .sub-content .ul-st01{ font-size:12px; }
  .subcon_wrap .sub-content .text-wrap{ font-size:12px; }

  /* 학습운영관리 */
  .ul-step{ flex-direction:column; }
  .ul-step .con{ width:100%; margin-bottom:30px; }

  /* 법정교육안내 */
  .sub-tab li{ width:100%; }

  .faq-menu li{ width:100%; }

  /* 교육과정 리스트 */
  /* 조회 */
  .search-list{ display:none; }

  .search-list-caption label{ font-size:14px; }

  .search-box .search-list > li{ flex-direction:column; margin-bottom:5px; }
  .search-box .search-list > li ul.options{ display:block; margin-top:20px; }
  .search-box .search-list > li ul.options li{ margin-bottom:5px; }
  .search-box .search-list > li ul.options li a{ width:100%; }
  .search-box .search-input{ padding:0 20px; box-sizing:border-box; }

  /* 리스트 */
  .search-list-box{ flex-direction:column; }
  .search-list-box img.class-img{ width:100%; height:100%; max-height:195px; }

  .search-list-box .class-infobox{ width:100%; }

  .search-list-box .class-infobox .title a{ font-size:1.1rem; color:#2490BF; }
  .search-list-box .bottom{
    display:inline-flex; width:100%; justify-content:center; flex-direction:column;
  }
  .search-list-box .bottom > div{
    width:100%; box-sizing:border-box; justify-content:center; text-align:right; margin-bottom:10px;
  }
  .search-list-box .bottom > div:last-child{ margin-bottom:0; }
  .search-list-box .info > ul{ flex-wrap:wrap; }
  .search-list-box .info > ul li{
    width:50% !important; margin-right:0 !important; box-sizing:border-box;
  }
  .badge-top{ flex-direction:column; }
  .badge-top .badge{ display:flex; justify-content:center; margin:10px 0; }
  .badge-top .location{ display:flex; justify-content:right; margin:1px 0; font-size:12px; }

  .class-detail-top-tbl th{ font-size:11px; }
  .class-detail-top-tbl td{ font-size:11px; }

  /* 페이징 시작 */
  .paging{
    display:flex; justify-content:center; margin:20px 0;
  }
  .paging span{
    border:1px solid #e5e5e5; margin:0 5px; width:22px; height:22px; background:#f5f5f5; font-size:0; cursor:pointer;
  }
  .paging span.prev{ position:relative; }
  .paging span.prev:after{
    content:"<"; position:absolute; display:inline-flex; justify-content:center; align-items:center;
    width:22px; height:22px; margin:0 auto; font-size:12px; font-family:serif; font-weight:bold; color:#96a0a9;
  }
  .paging span.next{ position:relative; }
  .paging span.next:after{
    content:">"; position:absolute; display:inline-flex; justify-content:center; align-items:center;
    width:22px; height:22px; margin:0 auto; font-size:12px; font-family:serif; font-weight:bold; color:#96a0a9;
  }
  .paging ul{ display:inline-flex; }
  .paging ul li{
    display:inline-flex; justify-content:center; align-items:center; border:1px solid #e5e5e5;
    width:22px; height:22px; margin:0 3px;
  }
  .paging ul li a{
    font-size:11px; display:block; width:100%; height:100%; text-align:center; text-decoration:none; height:19px;
  }
  .paging ul li.active{ background:#044f93; }
  .paging ul li.active a{ color:#fff; text-shadow:0.3px 0; }
  /* 페이징 끝 */

  /* 교육과정 상세 */
  .class-detail-top > div{ flex-direction:column; }
  .class-detail-top .class-detail-img{ width:300px; height:200px; position:relative; margin:0px auto; }
  .class-detail-top .class-detail-topcon{ width:100%; }
  .class-detail-btngroup .left-wrap{ }
  .class-detail-btngroup .left-wrap a.class-sample,
  .class-detail-btngroup .left-wrap a.class-print{
    width:50%; font-size:12px; margin-bottom:5px; margin-left:5px; margin-right:5px;
  }
  .class-detail-btngroup .right-wrap{ display:none; }
  .class-detail-btngroup .right-wrap a.class-apply{ width:33%; margin-bottom:5px; margin-right:0; }

  .class-detail-tab .class-detail-tabcontent .class-list li{
    font-size:11px; display:flex; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #ccc;
  }
  .class-detail-tab .class-detail-tabcontent .class-list-subject li{
    font-size:11px; display:flex; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #ccc;
  }

  .ul-st01 div.sub-con{ font-size:13px; }

  .ko-sub-tit00{ font-size:16px; }

  .ko-sub-tit04{ font-size:14px; }
  .ko-sub-tit04:before{
    position:absolute; content:""; display:block; width:5px; height:12px; top:5px; left:0; background:#4b83cc;
  }

  .quick-menu-aside .top-btn{ display:none; }

  /* table -> block */
  .ko-board-list,
  .ko-board-list tbody,
  .ko-board-list tr,
  .ko-board-list td{ display:block; width:100%; background:#fff; }
  .ko-board-list thead{ display:none; }
  .ko-board-list td{
    position:relative; height:auto !important; min-height:auto; padding:5px 20px; box-sizing:border-box; text-align:center;
  }
  .ko-board-list td:before{
    position:absolute; top:0; left:5px; width:30%; padding-right:10px; background-color:#fff;
  }
  .ko-board-list td:first-child{ background:#f8f8f8; color:#222; text-shadow:0.5px; }
  .ko-board-list td:last-child{ border-bottom:1px solid #222; }
  .ko-board-list td.left{ text-align:center !important; }
  .ko-board-list td a{ width:100% !important; }
  .ko-board-list th{
    position:relative; display:block; width:auto; height:auto; min-height:auto; padding:5px 20px; background:#f8f8f8; text-align:left;
  }

  /* table-notice */
  .ko-board-list.notice,
  .ko-board-list.notice tbody,
  .ko-board-list.notice tr,
  .ko-board-list.notice td{ display:block; width:100%; background:#fff; }
  .ko-board-list.notice tr{ border-bottom:1px solid #e5e5e5; }
  .ko-board-list.notice thead{ display:none; }
  .ko-board-list.notice td{
    position:relative; height:auto !important; min-height:auto; padding:5px 20px; box-sizing:border-box; border:none; text-align:left;
  }
  .ko-board-list.notice td:before{
    position:absolute; top:0; left:5px; width:30%; padding-right:10px; background-color:#fff;
  }
  .ko-board-list.notice td:first-child{ display:none; background:#f8f8f8; color:#222; text-shadow:0 .5px; }
  .ko-board-list.notice td:last-child{ display:none; border-bottom:1px solid #222; }
  .ko-board-list.notice td.left{ text-align:left !important; }
  .ko-board-list.notice td a{ width:100% !important; }
  .ko-board-list.notice th{
    position:relative; display:block; width:auto; height:auto; min-height:auto; padding:5px 20px; background:#f8f8f8; text-align:left;
  }

  /* table1 */
  .class-detail-main-tbl01,
  .class-detail-main-tbl01 tr,
  .class-detail-main-tbl01 td{ display:block; width:100%; background:#fff; font-size:12px; }
  .ko-board-listclass-detail-main-tbl01 thead{ display:none; }
  .class-detail-main-tbl01 td{
    position:relative; height:auto !important; min-height:auto; padding:5px 20px; box-sizing:border-box; text-align:center;
  }
  .class-detail-main-tbl01 td:before{
    position:absolute; top:0; left:5px; width:30%; padding-right:10px; background-color:#fff;
  }
  .class-detail-main-tbl01 td:first-child{ background:#f8f8f8; color:#222; text-shadow:0.5px; }
  .class-detail-main-tbl01 td:last-child{ border-bottom:1px solid #222; }
  .class-detail-main-tbl01 td.left{ text-align:center !important; }
  .class-detail-main-tbl01 td a{ width:100% !important; }
  .class-detail-main-tbl01 td .ul-st01 > li{ text-align:left; font-size:12px; }
  .class-detail-main-tbl01 td .modi-btn{ margin-left:0; }
  .class-detail-main-tbl01 th{
    position:relative; display:block; width:auto; height:auto; min-height:auto; padding:5px 20px; background:#f8f8f8; text-align:center;
  }
  .class-detail-main-tbl01 thead{ display:none; }
  .class-detail-main-tbl01 tbody{ display:block; width:100%; }

  /* table search */
  .tbl-bottom-search .search-wrap input{ width:70%; }
  .board-view-content{ width:100%; }
  .board-view-content pre{ width:100%; }
  .board-view-content pre #text{ width:100%; }

  .sub-tab{ display:none; }
  .sub-tab02{ display:block; }
  .sub-tab02 select{
    width:100%; height:40px; border:1px solid #e5e5e5; background-color:#f7f7f7; font-size:1rem; padding-left:3px; font-weight:bold;
  }

  .class-detail-tab .class-detail-tab-title ul li span{ font-size:0.8rem; font-weight:bold; }
  .class-detail-tab .class-detail-tab-title{ height:35px; }

  .class-detail-tab{ margin-top:30px; }

  .class-detail-main-tbl td{ font-size:0.6rem; height:30px; }
  .class-detail-main-tbl th{ height:30px; font-size:12px; }

  /* calendar */
  .ko-cal-tbl tbody td div.day .tit .today{ font-size:10px; }

  /* faq */
  .faq-wrap .faq-list li .question-wrap .mark{ display:none; }
  .faq-wrap .faq-list li .answer-wrap .mark{ display:none; }
  .faq-wrap .faq-list li .answer-wrap .con{ padding:0; }

  .join-form ul li{ /* 원본 유지 (주석) */ }
  .join-form ul li > span{ width:150px; }
  .join-form ul li > div{ padding:5px; }
  .join-form ul li > div input[type=text]{ width:100%; }
  .join-form ul li > div input[type=password]{ width:100%; }
  .join-form ul li > div span.phone-wrap input[type=text],
  .join-form ul li > div span.phone-wrap select{
    width:70px; margin-right:0; height:40px; border-color:#e5e5e5; padding-left:10px; border:1px solid #e5e5e5;
    color:#000; box-sizing:border-box; font-family:inherit;
  }
  .join-form ul li > div input[type=text],
  .join-form ul li > div select{
    width:100%; margin-right:0; height:40px; border-color:#e5e5e5; padding-left:10px; border:1px solid #e5e5e5; color:#000; box-sizing:border-box; font-family:inherit;
  }
  .join-form ul li > div select{ padding:5px; }

  .layer-pop-certify{
    position:fixed; top:30%; right:0; left:0; width:90%; margin:0 auto;
  }
  .layer-pop-certify .mobile-certify{ box-sizing:border-box; }
  .layer-pop-certify .class-detail-main-tbl01 td a.certify-phone,
  .layer-pop-certify .class-detail-main-tbl01 td a.certify-ipin{ box-sizing:border-box; }

  .faq-wrap .faq-list li .question-wrap .cate{ width:auto; padding:0 10px; }
  .faq-wrap .faq-list li .answer-wrap{ padding-left:0; padding-right:0; padding:20px; }
  .search-list-box .bottom .price{ background:none; }

  /* login */
  .login-tit{ padding:0 20px; font-size:25px; }
  .login-con-wrap{ padding:0 10px; box-sizing:border-box; }
  .login-box{
    height:auto; max-width:500px; width:100%; margin:20px auto 0; border:1px solid #d6d6d6; padding:50px; box-sizing:border-box;
  }

  .sub02-content{ padding-left:15px; padding-right:15px; }
  .sub02-content .top .title h2{ font-size:12px; }

  .login-bottom, .login-bottom-menu{ flex-direction:column; }
  .login-bottom .login-bottom-menu li{
    border:1px solid #cecece; padding:5px 0; margin:0; margin-bottom:3px; position:relative;
  }
  .login-bottom .login-bottom-menu li:after{
    position:absolute; top:4px; left:-11px; content:""; height:15px; width:0px; background:#d4d4d4;
  }
  .login-tit-sub{ font-size:14px; padding:30px 0 0px 0; }

  .join-con-wrap{ padding:0 10px; box-sizing:border-box; }
  .join-con-wrap .join-tit{ font-size:25px; }
  .join-con-wrap .join-step{ margin:50px 0 40px 0; }
  .join-con-wrap .join-step li{ margin:0 2px; }
  .join-con-wrap .join-step li a{ font-size:15px; }
  .join-con-wrap .certi-list{ flex-direction:column; }
  .join-con-wrap .certi-list li{ padding:10px 0; }
  .join-con-wrap .certi-list li div{
    flex-shrink:0; width:230px; height:180px; border-radius:0; flex-shrink:0;
  }
  .join-con-wrap .certi-list li div span.title{ padding-top:110px; font-size:16px; }
  .join-con-wrap .certi-list li div.phone{ background:url(/infile/img/sub/phone.png) #f2faff center 30px no-repeat; background-size:20%; }
  .join-con-wrap .certi-list li div.cert{ background:url(/infile/img/sub/phone.png) #f2faff center 30px no-repeat; background-size:20%; }
  .join-con-wrap .certi-list li div.pin{ background:url(/infile/img/sub/ipin.png) #f2faff center 30px no-repeat; background-size:35%; }
  .join-con-wrap .certi-list li div.success{ background:url(/infile/img/sub/success.png) #f2faff center 25px no-repeat; background-size:35%; }
  .join-con-wrap .certi-list li div.success span.title{
    padding-top:90px; font-size:16px; color:#044f93; text-align:center; text-shadow:1px 0;
  }
  .join-con-wrap .agree-form{ margin:20px 0; }
  .join-con-wrap .agree-form ul li span.form-title .top label{ font-size:14px; }
  .join-con-wrap .all-chk-agree{ flex-direction:column; }
  .join-con-wrap .all-chk-agree > div{ justify-content:center; }
  .join-con-wrap .all-chk-agree span{ text-align:center; }
  .join-form .join-confirm{ margin:5px 0; }
}

/* -------------- [A-1] (원본에 중첩돼 있던 992 블록 분리) -------------- */
@media screen and (max-width: 992px) {
  /* 원본: 중첩 @media → 바깥으로 추출 (값 변경 없음) */
  form[name="form_foot"] { display: none !important; }
}

/* -------------- [B] 회사소개/미션 등 992 블록 (원본 순서 유지) -------------- */
@media screen and (max-width: 992px) {
  .subcontent.greeting .img-wrap{ display:none; }
  .subcontent.greeting .txt-wrap{ position:static; width:100%; }

  .sub-content { /* 주석: 미션/조직도/연혁/map */ }
  .sub-content .mission-wrap img{ width:100%; }
  .sub-content .mission-wrap .vision-list{ flex-direction:column; }
  .sub-content .mission-wrap .vision-list li{ margin:20px auto; }
  .sub-content .group-wrap img{ width:100%; }
  .sub-content .history-wrap .main-his::after{ display:none; }
  .sub-content .history-wrap .sub-his{ padding:40px 0; }
  .sub-content .history-wrap .sub-his li{
    width:100% !important; text-align:left !important; margin:0; margin-top:0; font-size:16px; margin-bottom:10px;
  }
  .sub-content .history-wrap .sub-his li:before{ display:none !important; }
  .sub-content .history-wrap .sub-his li:nth-child(2n){
    width:100% !important; font-size:16px; text-align:left !important; margin:0; margin-top:0; padding-left:0; margin-bottom:10px;
  }
  .sub-content .history-wrap .sub-his li:nth-child(2n):before{ display:none !important; }
  .sub-content .history-wrap .sub-his li .month{ float:none; font-size:16px; }
  .sub-content .trans-wrap .trans li > div{ flex-direction:column; }
  .sub-content .trans-wrap .trans li > div > div{ width:100%; }

  #jy_mainVisual{ display:none !important; }
  .new-mobile-banner-section{
    display:block !important; width:100%; position:relative; overflow:hidden;
  }
}

/* -------------- [C] 1550 이하 (원본 순서 유지) -------------- */
@media screen and (max-width: 1550px) {
  .quick-menu{ display:none !important; }
  .top-button{ display:none !important; }
}

/* -------------- [D] 모바일 전용 배너 섹션 992 블록 (원본 순서 유지) -------------- */
@media screen and (max-width: 992px) {
  .new-mobile-banner-section{
    display:block; width:100%; max-height:250px; overflow:hidden;
  }
  .mobile-slider-wrapper{ width:100%; height:100%; }
  .mobile-slider-track{ display:flex; transition: transform 0.5s ease; }
  .mobile-banner-slide{ flex:0 0 100%; position:relative; }
  .mobile-banner-slide img{ width:100%; height:100%; object-fit:cover; }

  .class-sub-title{
    white-space:nowrap; overflow:visible; text-overflow:clip;
    font-size:clamp(14px, 1.6vw, 22px); line-height:1.4;
  }
}

/* -------------- [E] footer_info / form_foot 992 블록 (원본 순서 유지) -------------- */
@media screen and (max-width: 992px) {
  .footer_info_pc{ display:none; }
  .footer_info_m{
    display:block; white-space:nowrap; overflow:visible; text-overflow:clip;
    font-size:clamp(10px, 2.5vw, 13px); line-height:1.6; word-break:keep-all;
  }
  .form-foot-div{ display:none; }
}

/* -------------- [F] 768 이하 (원본 순서 유지) -------------- */
@media screen and (max-width: 768px) {
  .footer_menu{ transform-origin:left center; scale:0.85; }
  .footer_menu li a{ font-size:clamp(9px, 1.8vw, 11px); }
  .greeting .txt-wrap span.br{ display:inline !important; }
  .greeting .txt-wrap hr{ display:none !important; }
}

/* -------------- [G] 400 이하 (원본 순서 유지) -------------- */
@media screen and (max-width: 400px) {
  .footer_menu{ scale:0.75; }
}

/* -------------- [H] 모바일 전용: 슬라이딩 탭 + 가로 스크롤 차단 (원본 순서 유지) -------------- */
@media (max-width: 992px) {
  html, body{ max-width:100%; overflow-x:clip; }
  .ko-sub-content2{ padding:0 10px; max-width:100%; overflow-x:clip; box-sizing:border-box; }

  /* 드롭다운 숨김 */
  .sub-tab02{ display:none !important; }

  /* 탭 바 */
  .sub-tab{
    display:inline-flex !important; flex-wrap:nowrap !important; gap:8px;
    width:100%; max-width:100%; box-sizing:border-box;
    margin:12px 0 14px; padding:8px 12px; background:#f9fafb; border-radius:12px;
    border:none; outline:1px solid rgba(15,23,42,.06);
    overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity; contain:content;
  }
  .sub-tab::-webkit-scrollbar{ display:none; }
  .sub-tab{ scrollbar-width:none; }

  .sub-tab li{
    list-style:none; display:inline-flex !important; align-items:center; justify-content:center;
    flex:0 0 auto !important; width:auto !important; min-width:104px; max-width:70vw;
    padding:8px 12px; font-size:13px; line-height:1.2;
    border-radius:999px; background:#fff; border:1px solid #e5e7eb; color:#374151;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    scroll-snap-align:start; transition:background .2s, color .2s, border-color .2s;
  }
  .sub-tab li:hover{ background:#eff6ff; border-color:#bfdbfe; color:#2563eb; }
  .sub-tab li.on{ background:#2563eb; color:#fff; border-color:#2563eb; font-weight:600; }
}

/* -------------- [I] 탭 화살표 992 블록 (원본 순서 유지) -------------- */
@media (max-width: 992px){
  .tab-arrow{
    position:absolute; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:999px; border:0;
    background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.12);
    display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3;
  }
  .tab-arrow.prev{ left:6px; }
  .tab-arrow.next{ right:6px; }
}

/* -------------- [J] 슬라이딩 탭 보정 992 블록 (원본 순서 유지) -------------- */
@media (max-width: 992px){
  .sub-tab{
    padding:8px 12px; scroll-padding-inline:12px; padding-inline-end:16px; overscroll-behavior-x:contain;
  }
  .sub-tab::after{ content:""; flex:0 0 12px; }
  .sub-tab{
    -webkit-mask-image:none; mask-image:none;
  }
  .sub-tab li:last-child{ margin-right:2px; }
}

/* === 모바일 탭 최종 보정 === */
@media (max-width: 992px) {
  /* 드롭다운은 숨기고, 슬라이딩 탭은 보이기 */
  .sub-tab02 { display: none !important; }
  .sub-tab    { display: inline-flex !important; }

  /* pill 탭 깨지는 원인 제거: width:100% 강제 해제 */
  /* (이전에 선언된 .sub-tab li { width:100%; } 무력화) */
  .sub-tab li { width: auto !important; max-width: 70vw; }

  /* 고정 헤더와 겹침 방지 (필요 시 조정) */
  .ko-sub-content2 { padding-top: 10px; }
}

/* === slick 카드 폭 통일(모바일) === */
@media (max-width: 992px) {
  /* 한 번만 명확히 지정 */
  .new-class .slick-initialized .slick-slide,
  .best-class .slick-initialized .slick-slide,
  .company-class .slick-initialized .slick-slide {
    width: 150px !important;
    height: auto !important;
    margin: 0 8px !important;
  }
}

/* === 탭 바 스크롤 여백/마스크 보정 === */
@media (max-width: 992px) {
  .sub-tab { scroll-padding-inline: 12px; padding-inline-end: 16px; }
  .sub-tab::after { content: ""; flex: 0 0 12px; }
}
































@media (max-width: 992px) {
  /* === 모바일 공통 토큰 === */
  :root {
    --brand: #2563eb;         /* 포인트(버튼/강조) */
    --ink: #0f172a;           /* 본문 텍스트 */
    --muted: #475569;         /* 보조 텍스트 */
    --line: rgba(15,23,42,.08);
    --panel: #ffffff;
    --panel-alt: #f9fafb;
  }

  /* 기존 드롭다운/탭 숨김 */
  .sub-tab, .sub-tab02 { display: none !important; }

  /* 컨테이너 간격(고정 헤더 보정이 과하면 여기서만 조절) */
  .ko-sub-content2 {
    padding-top: 8px;
  }

  /* === 아코디언 === */
  .mobile-accordion {
    margin: 12px 0 18px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: var(--panel);
  }
  .mobile-accordion .acc-head {
    width: 100%;
    text-align: left;
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    background: #fff;
    border: 0; border-bottom: 1px solid var(--line);
    font-size: 16px; font-weight: 700;
    color: var(--ink);
    cursor: pointer;
    letter-spacing: -.2px;
  }
  .mobile-accordion .acc-head:hover { background: var(--panel-alt); }
  .mobile-accordion .acc-head[aria-expanded="true"] { background: #eff6ff; }

  .mobile-accordion .acc-title {
    display: inline-flex; align-items: center;
    line-height: 1.25;
  }

  /* 캐럿 아이콘 */
  .mobile-accordion .acc-caret {
    inline-size: 16px; block-size: 16px; position: relative;
  }
  .mobile-accordion .acc-caret::before,
  .mobile-accordion .acc-caret::after {
    content: ''; position: absolute; inset: 0; margin: auto;
    width: 10px; height: 2px; background: var(--muted);
    transition: transform .22s ease, opacity .22s ease;
  }
  .mobile-accordion .acc-caret::before { transform: rotate(90deg); }
  .mobile-accordion .acc-head[aria-expanded="true"] .acc-caret::before { transform: rotate(0deg); }
  .mobile-accordion .acc-head[aria-expanded="true"] .acc-caret::after { transform: rotate(180deg) scaleX(0); opacity: .0; }

  .mobile-accordion .acc-panel {
    background: #fff;
    padding: 0 16px;
    overflow: hidden;
    transition: max-height .25s ease;
    will-change: max-height;
  }
  .mobile-accordion .acc-panel-inner {
    padding: 12px 0 16px;
  }

  /* === 본문 타이포 통일 (가독 위주) === */
  .mobile-accordion .acc-panel-inner,
  .mobile-accordion .acc-panel-inner .stu-attention,
  .mobile-accordion .acc-panel-inner .list-box {
    font-size: 14.5px; line-height: 1.7; color: var(--ink);
    letter-spacing: -.2px;
  }
  .mobile-accordion .acc-panel-inner p { margin: 8px 0 10px; }

  /* 섹션 타이틀류(원본 클래스 유지, 모바일만 리셋) */
  .mobile-accordion .acc-panel-inner .ko-sub-tit,
  .mobile-accordion .acc-panel-inner .ko-sub-tit02 {
    display: block;
    font-size: 15.5px; line-height: 1.35; font-weight: 800;
    color: var(--ink);
    margin: 4px 0 10px;
    letter-spacing: -.2px;
  }
  .mobile-accordion .acc-panel-inner .ko-sub-tit03,
  .mobile-accordion .acc-panel-inner .ko-sub-tit04 {
    display: block;
    font-size: 14px; line-height: 1.3; font-weight: 700;
    color: #1f2937;
    margin: 14px 0 8px;
  }

  /* 리스트(ul-st01/05) – 들여쓰기/마커 통일 */
  .mobile-accordion .ul-st01 li,
  .mobile-accordion .ul-st05 li {
    position: relative;
    padding-left: 16px;
    margin: 6px 0;
  }
  .mobile-accordion .ul-st01 li::before,
  .mobile-accordion .ul-st05 li::before {
    content: "•";
    position: absolute; left: 0; top: .05em;
    color: var(--brand);
    font-weight: 700;
  }
  /* 서브 리스트 */
  .mobile-accordion .sub-ul li {
    padding-left: 14px; margin: 4px 0;
  }
  .mobile-accordion .sub-ul li::before {
    content: "-";
    position: absolute; left: 0; color: var(--muted); font-weight: 700;
  }

  /* 표/이미지 안전폭 */
  .mobile-accordion img { max-width: 100%; height: auto; }
  .mobile-accordion table { width: 100%; display: block; overflow-x: auto; border-spacing: 0; border-collapse: collapse; }
  .mobile-accordion table th,
  .mobile-accordion table td { font-size: 13px; line-height: 1.5; padding: 8px; }

  /* “학습환경설정” 섹션의 안내 문구 강조 */
  .mobile-accordion .acc-panel-inner span[style*="color:#ff0000"] {
    display: block;
    background: #fff1f2; color: #be123c; border: 1px solid #fecdd3;
    border-radius: 8px; padding: 10px 12px; font-weight: 700;
    margin: 8px 0 12px;
  }

  /* 링크/버튼류 미세 보정 */
  .mobile-accordion a {
    color: var(--brand); text-underline-offset: 2px;
  }


  /* 1) 콘텐츠 영역 안의 탭 패널은 강제로 보이게 */
  .sub-tab-content > .sub-tab01,
  .sub-tab-content > .sub-tab02,
  .sub-tab-content > .sub-tab03,
  .sub-tab-content > .sub-tab04 {
    display: block !important;
  }

  /* 2) 아코디언 내부로 이동한 경우도 커버 */
  .mobile-accordion .sub-tab01,
  .mobile-accordion .sub-tab02,
  .mobile-accordion .sub-tab03,
  .mobile-accordion .sub-tab04 {
    display: block !important;
  }

}

/* ─────────────────────────────────────────────────────────
   [A] 섹션 전체 폰트/렌더링 통일 (PC/모바일 공통)
   ───────────────────────────────────────────────────────── */
.ko-sub-content2,
.ko-sub-content2 * {
  font-family: "Pretendard Variable","Noto Sans KR",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.2px;
  color: #0f172a;
}

/* PC 기본 타이포 */
@media (min-width: 993px){
  .ko-sub-content2 { font-size: 15px; line-height: 1.7; }
}

/* 모바일 기본 타이포 */
@media (max-width: 992px){
  .ko-sub-content2 { font-size: 14.5px; line-height: 1.7; }
}

/* 섹션 타이틀 계층 통일 */
.ko-sub-content2 .ko-sub-tit,
.ko-sub-content2 .ko-sub-tit02 {
  font-size: 1.05em; line-height: 1.35; font-weight: 800;
  margin: 6px 0 10px;
}
.ko-sub-content2 .ko-sub-tit03,
.ko-sub-content2 .ko-sub-tit04 {
  font-size: 1em; line-height: 1.35; font-weight: 700;
  margin: 14px 0 8px; color:#1f2937;
}

/* 본문 단락 간격 */
.ko-sub-content2 p { margin: 8px 0 10px; }

/* 리스트 들여쓰기·마커 통일 */
.ko-sub-content2 .ul-st01 li,
.ko-sub-content2 .ul-st05 li {
  position: relative; padding-left: 16px; margin: 6px 0;
}
.ko-sub-content2 .ul-st01 li::before,
.ko-sub-content2 .ul-st05 li::before {
  content: "•"; position: absolute; left: 0; top: .05em;
  color:#2563eb; font-weight: 700;
}
.ko-sub-content2 .sub-ul li {
  position: relative; padding-left: 14px; margin: 4px 0;
}
.ko-sub-content2 .sub-ul li::before {
  content: "-"; position: absolute; left: 0; color:#64748b; font-weight: 700;
}

/* 표/이미지 안전폭 */
.ko-sub-content2 img { max-width:100%; height:auto; }
.ko-sub-content2 table { width:100%; border-collapse: collapse; border-spacing: 0; }
.ko-sub-content2 table th,
.ko-sub-content2 table td { font-size: .95em; line-height: 1.5; padding: 8px; }

/* 붉은 안내문(IE 경고) 시각 보정 */
.ko-sub-content2 span[style*="color:#ff0000"] {
  display:block; background:#fff1f2; color:#be123c; border:1px solid #fecdd3;
  border-radius:8px; padding:10px 12px; font-weight:700; margin:8px 0 12px;
}

/* ─────────────────────────────────────────────────────────
   [B] 모바일 전용 보정: 콘텐츠 패널 항상 보이게 + 드롭다운 이름 분리
   ───────────────────────────────────────────────────────── */
@media (max-width: 992px){

  /* 1) 콘텐츠 패널(섹션) 강제 표시 - 과거 .sub-tab02 숨김 규칙 무력화 */
  .sub-tab-content > .sub-tab01,
  .sub-tab-content > .sub-tab02,
  .sub-tab-content > .sub-tab03,
  .sub-tab-content > .sub-tab04 {
    display: block !important;
  }

  /* 2) 만약 아코디언을 쓰는 경우(내부 이동)도 커버 */
  .mobile-accordion .sub-tab01,
  .mobile-accordion .sub-tab02,
  .mobile-accordion .sub-tab03,
  .mobile-accordion .sub-tab04 {
    display: block !important;
  }

  /* 3) 드롭다운은 'tab-dropdown'으로만 제어 (이름 충돌 방지) */
  /*    - 드롭다운 자체를 쓰지 않는 페이지는 이 블록이 영향 없음 */
  .tab-dropdown { display:block; margin: 10px 0 14px; }
  .tab-dropdown select {
    width: 100%; height: 40px; border:1px solid #e5e5e5;
    background-color:#f7f7f7; font-size: 1rem; padding-left: 10px; font-weight: 600;
    border-radius: 8px; box-sizing: border-box;
  }

  /* 4) 모바일에서 상단 가로 탭을 숨기고 싶다면 */
  .sub-tab { display:none !important; }

  /* 5) 아코디언 스타일(사용 시) */
  .mobile-accordion {
    margin: 12px 0 18px; border-radius: 12px; overflow: hidden;
    border: 1px solid rgba(15,23,42,.08); background: #fff;
  }
  .mobile-accordion .acc-head {
    width:100%; display:flex; align-items:center; justify-content:space-between;
    gap:10px; padding:14px 16px; background:#fff; border:0; border-bottom:1px solid rgba(15,23,42,.08);
    font-size:16px; font-weight:700; color:#0f172a; cursor:pointer;
  }
  .mobile-accordion .acc-head:hover { background:#f9fafb; }
  .mobile-accordion .acc-head[aria-expanded="true"] { background:#eff6ff; }
  .mobile-accordion .acc-caret{ inline-size:16px; block-size:16px; position:relative; }
  .mobile-accordion .acc-caret::before,
  .mobile-accordion .acc-caret::after{
    content:''; position:absolute; inset:0; margin:auto; width:10px; height:2px; background:#475569;
    transition:transform .22s ease, opacity .22s ease;
  }
  .mobile-accordion .acc-caret::before{ transform: rotate(90deg); }
  .mobile-accordion .acc-head[aria-expanded="true"] .acc-caret::before{ transform: rotate(0deg); }
  .mobile-accordion .acc-head[aria-expanded="true"] .acc-caret::after{ transform: rotate(180deg) scaleX(0); opacity:.0; }
  .mobile-accordion .acc-panel{ background:#fff; padding:0 16px; overflow:hidden; transition:max-height .25s ease; }
  .mobile-accordion .acc-panel-inner{ padding:12px 0 16px; }


/* 책갈피 스크롤 시 상단 여백 보정 */
#notice-warn, #plagiarism-policy, #anti-cheating, #env-setup {
  scroll-margin-top: 80px;  /* PC */
}
@media (max-width: 992px){
  #notice-warn, #plagiarism-policy, #anti-cheating, #env-setup {
    scroll-margin-top: 72px; /* Mobile */
  }
}

/* optional: 전역 부드러운 스크롤 */
html { scroll-behavior: smooth; }


}








/* 반응형 미세 튜닝 */
@media (min-width: 960px) {
  .login-card {



/* 공통 스타일 */
.paging-responsive {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.paging-responsive .paging-inner {
  display: inline-flex;
  gap: 4px;
}
.paging-responsive .page-btn {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
}
.paging-responsive .page-current {
  background: #2563eb;
  border-color: #1d4ed8;
  color: #fff;
}
.paging-responsive .ico {
  font-size: 12px;
}

/* 모바일(예: 768px 이하)일 때: 숫자 5개 정도만 보이고, 버튼 크게 */
@media (max-width: 768px) {
  .paging-responsive .page-btn {
    min-width: 36px;
    height: 36px;
    font-size: 14px;
  }

  /* 필요하면 숫자 숨기기 예시 (많이 뜨면 줄여버리기) */
  /* .paging-responsive .page-num:nth-child(n+7):not(.page-current) { display:none; } */
}