@charset "utf-8";
/* CSS Document */

/* Size of PC */
@media screen and (max-width:1600px){	

}


/* Size of Laptop */
@media screen and (max-width:1440px){
  /* INC Style Class */
  

  .box1 {
    width: 92%;
  }  
  .box2 {
    width: 92%;
    margin: 0 auto;
  }
  /**/

  /* Quick */
  #quickMenu {
    width: 150px;
    border-right: 1px solid #ddd;
    box-shadow: 1px 0 30px rgba(0,0,0,.1);
    left: -150px;
    transition: left 0.3s;
  }
  #quickMenu.open {
    left: 0;
  }
  #quickMenu .mo-side-btn {
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--siteC3);
    box-shadow: 0 0 10px rgba(0,0,0,0.1),
    inset 5px 0 5px rgba(0,0,0,.05);
    border-radius: 0 10px 10px 0;
    padding: 1em 0.5em;
    color: #fff;
  }
  #quickMenu .mo-side-btn .xi {
    font-size: 1rem;
    transition: 0.3s;
  }
  #quickMenu.open .mo-side-btn .xi {
    transform: rotate(180deg);
  }
  #quickMenu .btn_open {
    display: none;
    justify-content: flex-start;
    text-align: left;
    padding-left: 1.25em;
  }
  #quickMenu .btn_open .tt {
    padding-left: 0.625em;
    width: auto;
  }
  #quickMenu .menu_wrap {
    text-align: left;
  }
  #quickMenu .menu_wrap > li > a .tt {
    opacity: 1;
    padding-left: 0.625em;
    width: auto;
  }
  #quickMenu .menu_wrap > li > a {
    padding-left: 1.25em;
  }
  /**/

  /* Main - visual Slider */
  .visualSlider_wrap .main_search_wrap {
    width: 100%;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1),
  .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) {
    width: 10em;
  }
  .visualSlider_wrap .main_search_wrap .ms_link {
    width: 13em;
  }
  /**/
  

  /* Sub - Top */
  .hotclassSlider_wrap .swiperBtn.prev {
    left: 0;
  }
  /**/

  /* Sub - Company */
  .summary-wrap .wrap-in {
    flex-wrap: wrap;
    gap: 1.5em;
  }
  .summary-wrap .left,
  .summary-wrap .right {
    flex: 1 1 100%;
  }  



  /* .info-zgzg .list > li:nth-child(2), 
  .info-zgzg .list > li:nth-child(5), 
  .info-zgzg .list > li:nth-child(8) {
    margin-top: 7.75rem;
  } */
  .info-zgzg .list > li:nth-child(4), 
  .info-zgzg .list > li:nth-child(6), 
  .info-zgzg .list > li:nth-child(7) {
    margin-top: -11.75rem;
  }
  .info-zgzg .list > li .txt-area > p.fwR {
    font-size: 1.125rem;
  }
  /**/
  

  /*  */

}
@media screen and (max-width:1280px){
  /*sub - Company*/
  .info-lay .txt-area {
    flex: 0 0 auto;
}
  /* Prod View */
  .page_prod_view .detail_wrap .thumb_teacher{ position:absolute; top: 30px;; left:1.5em; width:8em; height:8em; transform:translateY(-50%);}

}
@media screen and (max-width:1150px){

  /*main_video*/
  .main_video .vod_wrap {
    width: 100%;
    min-height: auto;
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}

     /* VisualSlider */
     .visualSlider_wrap .slogan .t1 {
      font-size: 1.25rem;
    }
    .visualSlider_wrap .slogan .t2 {
      font-size: 2em;
    }
    body.main .visualSlider_wrap .main_search {
      width: 92%;
      gap: 2em;
      /* top: 50%;
      transform: translate(-50%, -50%); */
    }
    .main_con .main_quick_icon_wrap .inner {
      margin-top: 2em;
    }
    .visualSlider_wrap .main_search_wrap .inpst {
      height: 3em;
    }
  
    .visualSlider_wrap .swiperBtn {
      display: none;
    }
    .visualSlider_wrap .swiperPG {
      bottom: 1em;
    }
  
    .visualSlider_wrap .main_search_wrap .ms_inner {
      flex-wrap: wrap;
    }
    .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1) {
      display: none;
    }
    .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) {
      width: 6em;
    }
    .visualSlider_wrap .main_search_wrap .ms_inner > li:first-child .inpst {
      border-radius: .5em .5em 0 0;
    }
    .visualSlider_wrap .main_search_wrap .ms_f .xi {
      transform: rotate(90deg);
    }
    .visualSlider_wrap .label_select select {
      padding-right: 1.5em !important;
    }
    .visualSlider_wrap .main_search_wrap .ms_inner > li:last-child .inpst {
      border-radius: 0 0.5em 0.5em 0;
    }
    .visualSlider_wrap .main_search_wrap .ms_inner .label_select {
      border-radius: 0.5em 0 0 0.5em;
    }
    /**/

    /*Prod View*/
    .logo_list > li .logo_wrap .imgfix {width: auto;}
    .page_prod_view .detail_wrap .thumb_teacher {top: 35px;width: 7em;height: 7em;transform: translateY(-50%);}
}

/* Size of Tablet */
@media screen and (max-width:1024px){
  .pc_hide {
    display: block;
  }

  /* Loading */
  #div_loading {
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
    width: 100vw;
  }
  /**/

  /* Header */
  html.allGnbOn {
    overflow-y: hidden;
  }
  #header {
    z-index: 1002;
  }
  #header .h_menu_wrap {
    display: none;
  }
  #header .all_wrap .allBtn {
    font-size: 1.25rem;
  }
  #header .all_layer {
    position: fixed;
    right: -100%;
    top: 0;
    background: #fff;
    width: 50vw;
    min-height: 100vh;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: 0.3s;
  }
  .allGnbOn #header .all_layer {
    right: 0;
  }
  
  #header .all_layer .gnb {
    flex-wrap: wrap;
  }
  #header .all_layer .gnb > li {
    width: 100%;
  }
  #header .all_layer .gnb > li .dp2 {
    flex-wrap: wrap;
  }
  #header .all_layer .gnb > li .dp2 > li {
    width: 100%;
  }
  #header .all_layer .gnb li a {
    justify-content: flex-start;
  }
  #header .all_layer .gnb .dp1 {
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
    background: #f5f5f5;
    color: #111;
    font-weight: 500;
  }
  #header .all_layer .gnb .m_leveltest .dp1 {
    background: var(--siteC3);
    color: #fff;
  }
  #header .all_layer .gnb .dp2 a {
    padding: 1rem 2rem;
    font-size: 1rem;
    border-bottom: 1px solid #ddd;
  }
  #header .all_layer .close_btn {
    justify-content: flex-end;
    padding: 1em;
    font-size: 1.25rem;
  }
  #header .all_layer .all_member {
    padding-left: 1.5rem;
    gap: 0.5em;
  }
  #header .all_layer .all_member > li > a {
    background: var(--siteC);
    color: #fff;
    font-weight: 500;
    padding: 0.5em 1em;
    border-radius: 100px;
    font-size: .875rem;
  }
  #header .all_layer .all_member > li:last-child > a {
    background: #fff;
    border: 1px solid var(--siteC);
    color: var(--siteC);
  }
  #header .all_layer .all_member > li > a .tt {
    margin-left: 5px;
  }
  /**/
  #contents .sub_page_menu .gnb .dp2 {display: none;}

  #footer .page_bottom_wrap .inner > div{position: relative;}
  #footer .page_bottom_wrap .inner > div:not(:first-child){ padding-left:3em; border:solid var(--siteBg2); border-width:0 0 0 0px;}
  #footer .page_bottom_wrap .inner > div:not(:last-child)::before{ content: ""; width: 100%; position: absolute; bottom: -15px; left: 0;  border:solid var(--siteBg2); border-width:0 0 1px 0;}
  /* Sub - Top */
  .hotclassSlider .el .tit_wrap .t2 {
    font-size: 2rem;
  }
  body.sub .img_layer {
    top: -50px;
    right: 0;
  }
  .hotclassSlider {
    height: 40vh;
  }
  .hotclassSlider .el .img_wrap .img {
    display: none;
  }
  .hotclassSlider .el .back_img:after {
    background: rgba(0,0,0,.3);
    backdrop-filter: none;
  }
  .hotclassSlider .el .tit_wrap .t1 {
    opacity: 0.8;
  }
  .hotclassSlider_wrap .pd {
    padding: 0 0 0 4em;
  }
  .hotclassSlider-pagination {
    justify-content: flex-end;
  }
  .hotclassSlider .el .img_wrap {
    width: 0;
  }
  /**/

  /* Sub - Company */
  .summary-wrap .right .list-wrap > li {
    flex: 1 1 calc(50% - 1.25em);
  }
  .about_wrap .about_tbox {
    padding: 2em;
  }
  .about_wrap .about_tbox .in_logo {
    width: 40%;
  }
  .summary-wrap .left .tit > h3 {
    font-size: 1.5rem;
  }
  .info-lay {
    flex-wrap: wrap;
  }
  .info-lay > div {
    flex: 1 1 100%;
  }
  .info-tit {
    margin-bottom: 1.5rem;
  }
  .info-tit .en {
    font-size: 1.125rem;
  }
  .info-tit .tit {
    font-size: 1.5rem;
  }
  .info-lay .txt-area {
    flex: 0 0 50%;
}
  .info-lay .txt-area .txt-in > p {
    font-size: 1rem;
  }
  .info-lay .img-area .imgfix {
    height: 40vh;
  }
  .info-zgzg .list {
    gap: 2em;
  }
  .info-zgzg .list > li {
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 1em);
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .info-zgzg .list > li {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    border-radius: 1rem;
    overflow: hidden;
  }
  .info-zgzg .list > li .txt-area {
    box-shadow: none;

  }
  /**/


  /* Sub - Cate */
  .page_cate {
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    margin-left: -4%;
    padding: 0 4%;
    border: none;
    width: 100vw;
    gap: 1em;
  }
  .page_cate::-webkit-scrollbar {
    display: none;
  }
  .page_cate > li {
    border-radius: 100px;
    border: 1px solid #ddd;
    width: auto;
    min-width: 22.5vw;;
  }
  .page_cate > li:before {
    border-radius: 100px;
  }
  .page_cate > li > a {
    padding: 1em 0.5em;
  }
  .page_cate > li:not(:nth-child(n+7)):last-child, 
  .page_cate > li:nth-child(7n) {
    border-width: 1px;
  }
  .page_search .form {
    flex-wrap: wrap;
  }
  .label_search {
    width: 100%;
    flex: 1 1 100% !important;
  }
  .page_search .form .label_select {
    flex: 1 1 100%;
  }
  .page_search .form .label_select select {
    width: 100%;
    border: 1px solid #ddd;
  }
  .page_search .form .input_st {
    font-size: 1rem;
  }
  /**/

  /* Sub - Review */
  #contents .review_list {
    overflow-x: hidden;
    flex-wrap: wrap !important;
    padding: 0;
    gap: 3em 1em;
  }
  #contents .review_list > li {
    width: calc(50% - 0.5em);
    min-width: 0;
    margin: 0;
  }
  #contents .review_list > li:last-child {
    padding-right: 0;
  }
  #contents .review_list > li:nth-last-of-type(-n+4) {
  }
  /**/
  

  /* Board Event */
  .board_Event > li {
    width: 50%;
  }
  /**/


  /* Prod View */
  .page_prod_view .view_layout .view_cont {
    flex: 1 1 100%;
  }
  .page_prod_view .view_layout .view_side {
    width: 100%;
  }
  .MsoListParagraph {
    margin-left: 1rem !important;
  }
  /**/


  /* Footer */
  #footer .goTop {
    right: 1em;
    bottom: 7em;
  }
  #footer .footer_info_wrap {
    padding: 3em 0 7.5em;
  }
  /**/

  /* Quick Mobile */
  #QuickMoblie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.3s;
  }
  .scroll #QuickMoblie {
    opacity: 1;
    transform: translateY(0);
  }
  #QuickMoblie .all_menu {
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
  }
  #QuickMoblie .all_menu .menu > li {
    display: flex;
    justify-content: center;
  }
  #QuickMoblie .all_menu .menu > li .vm_tt > i {
    display: block;
    width: 100%;
    text-align: center;
    color: #555;
  }
  #QuickMoblie .all_menu .menu > li .vm_tt > .tt {
    font-size: .75rem;
    margin-top: 8px;
  }
  #QuickMoblie .all_menu .menu > li > a {
    padding: 1em 1em 2em;
  }
  /**/


  /* Main - VisualSlider */
  body.main .visualSlider .el .resize {
    padding-bottom: 100%;
  }
  .visualSlider_wrap .main_search_wrap {
    flex-wrap: wrap;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner,
  .visualSlider_wrap .main_search_wrap .ms_link {
    flex: 1 1 100%;
    width: 100%;
  }
  /**/

  /* Main - Quick Menu */
  .main_con .main_quick_icon_wrap .inner {
    border-radius: 1em;
    padding: 2em 0;
  }
  .main_con .main_quick_icon_wrap .list {
    gap: 2em 0;
  }
  .main_con .main_quick_icon_wrap .list > li {
    flex: 0 0 33%;
  }
  .main_con .main_quick_icon_wrap .list > li:nth-child(3) .in {
    border: none;
  }
  /**/


  /* Main - Cate List */
  .main_con_cate_list_wrap .main_con_cate {
    width: auto;
    flex: 1;
  }
  ul.page_prod > li {
    width: 50%;
  }
  /**/

  /* Main - Review */
  /* .main_con2 .box1 {
    width: 100%;
  } */
  .review_list {
    overflow-x: scroll; 
    flex-wrap: nowrap !important;
    padding: 0 4%;
  }
  .review_list::-webkit-scrollbar {
    display: none;
  }
  .review_list > li {
    min-width: 40vw;
    width: 100%;
  }
  .review_list > li:last-child {
    padding-right: 4%;
  }
  /**/

  /* Main - Link */
  .main_con3 .box1 {
    width: 100%;
  }
  .main_link_list {
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    /* justify-content: flex-start !important; */
    padding: 0 4%;
  }
  .main_link_list::-webkit-scrollbar {
    display: none;
  }
  .main_link_list > li {
    width: auto;
    flex: 0 0 auto;
    /* min-width: 21.5vw; */
  }
  .main_link_list > li:not(:last-child) .in {
    border-width: 0;
  }
  /**/


  /* Footer */
  #footer .page_bottom_wrap .inner > div {
    flex: 1 1 100%;
  }
  #footer .page_bottom_wrap .notice_box {
    order: 1;
  }
  #footer .page_bottom_wrap .cs_box {
    order: 2;
    flex: 1 1 100% !important;
  }
  #footer .page_bottom_wrap .quick_link_box {
    order: 3;
  }
  #footer .page_bottom_wrap .inner > div:not(:first-child) {
    padding-left: 0;
  }
  #footer .page_bottom_wrap .quick_link_box .list > li {
    width: auto;
    flex: 1;
  }

  
  /* // */



  /* sub - online */
  .page_onlineT .onlineT-sec {
    flex-wrap: wrap;
  }
  .page_onlineT .page_tit {
    flex: 1 1 100%;
  }
  .page_onlineT .onlineT-sec .cont_wrap {
    flex: 1 1 100%;
    padding-left: 1em;
    margin-top: 1.5em;
  }
  /**/

  /* 나의 강의실 START */
  .intro_top .intro_top_info > div {
    width: auto;
    flex: 1;
  }
  .lm_wrap {
    padding: 1.5em 0 0 0;
    flex-wrap: wrap;
  }
  .lm_wrap .lm_sticky {
    top: 1em;
    left: -4%;
    width: 100vw;
    z-index: 99;
   
  }
  .lm_wrap .left_menu_wrap .gnb > li .dp1.link {
    display: none !important;
  }
  .lm_wrap .left_menu_wrap {
    width: 100%;
  }
  .lm_wrap .left_menu_wrap .gnb, 
  .lm_wrap .left_menu_wrap .gnb ul {
    display: flex;
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 {
    overflow-x: scroll;
    box-shadow: 10px 10px 20px rgba(0,0,0,.1);
    padding: 1em 3em 1em 0;
    /* background: transparent; */
  }
  .lm_wrap .left_menu_wrap .gnb .dp2::-webkit-scrollbar {
    display: none;
  }
  /* .lm_wrap .left_menu_wrap .gnb .dp2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: var(--siteBg2);
    filter: blur(5px);
    z-index: -1;
  } */
  .lm_wrap .left_menu_wrap .gnb .dp2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 5vw;
    height: 100%;
    background: linear-gradient(to left, var(--siteBg2), transparent);
    z-index: 123;
  }
  /* .lm_wrap .left_menu_wrap .gnb .dp2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10vw;
    height: 100%;
    background: linear-gradient(to right, var(--siteBg2), transparent);
    z-index: 123;
  } */
  .lm_wrap .left_menu_wrap .gnb .dp2 > li {
    min-width: fit-content
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li > a {
    word-break: keep-all;
    white-space: nowrap;
    min-width: fit-content
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li > a .in:before {
    width: 100%;
    top: auto;
    bottom: -0.5em;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li.act > a .in:before, 
  .lm_wrap .left_menu_wrap .gnb .dp2 > li.on > a .in:before {
    transform: translateX(-50%) scaleX(1);
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li.act > a .in, 
  .lm_wrap .left_menu_wrap .gnb .dp2 > li.on > a .in {
    padding-left: 0;
  }
  .intro_top .intro_top_info > div .text_wrap .num_st {
    font-size: 1.125rem;
  }
  .intro_top .intro_top_info > div .text_wrap .tt {
    font-size: 1rem;
  }
  .intro_top .intro_top_info > div .ico_wrap {
    width: 4.5em;
    height: 4.5em;
  }

  .l_ing_wrap .page_prod > li {
    width: 33%;
  }
  .l_end_wrap .page_prod > li {
    width: 33%;
  }

  .myapge_people {
    flex-wrap: wrap;
  }
  .writePhoto.st2 {
    width: 30vw;
  }
  .myapge_people .exTxt {
    width: 100%;
  }



  .mypageCTT .table_wrap .board_st col {
    display: none;
  }
  .mypageCTT .table_wrap .board_st thead {
    display: none;
  }
  .mypageCTT .table_wrap .board_st tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 3em 1em;
  }
  .mypageCTT .table_wrap .board_st tr {
    /* display: flex; */
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 0.5em);
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-sizing: border-box;
  }
  .mypageCTT .table_wrap.order_list .board_st tr {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .mypageCTT .table_wrap .board_st tr:has(.noc) {
    flex: 1 1 100%;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0;
  }
  .mypageCTT .table_wrap .board_st td {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    align-items: center;
    text-align: right !important;
    box-sizing: border-box;
  }
  .mypageCTT .table_wrap .board_st td:last-child {
    border-bottom: none;
  }
  .mypageCTT .table_wrap .board_st td::before {
    content: attr(data-th);
    font-family: 'score','notokr',sans-serif;
    min-width: 4em;
    text-align: left !important;
  }
  .mypageCTT .table_wrap .board_st td .input_row_btn {
    width: 100%;
  }
  .mypageCTT .table_wrap .board_st td .input_row_btn .input_st {
    width: 100%;
    text-align: center !important;
  }
  .mypageCTT .table_wrap .board_st td.w_btn3 {
    flex-wrap: wrap;
    gap: 1em;
  }
  .mypageCTT .table_wrap .board_st td.w_btn {
    border-bottom: none;
  }
  .mypageCTT .table_wrap .board_st td.w_btn::before {
    display: none;
  }
  .mypageCTT .table_wrap .board_st td.noc {
    justify-content: center;
    border-bottom: none;
  }
  .mypageCTT .table_wrap .board_st td.noc::before {
    display: none;
  }
  .mypageCTT .table_wrap .board_st td.w_auto::before {
    display: none;
  }
  .mypageCTT .table_wrap .board_st td.f_score::before {
    display: block;
  }
  .mypageCTT .table_wrap .board_st td.lec_name::before {
    display: block;
  }
  .mypageCTT .table_wrap .board_st td.pric::before {
    display: block;
  }

  .order_list .info_wrap .info_in {
    flex-wrap: wrap;
  }
  .order_list .info_wrap .info_in .info_l {
    width: 100%;
    flex: 1 1 100%;
  }

  .mypageCTT .table_wrap.order_list .board_st td .input_row_btn {
    flex-direction: row;
    padding: 0;
  }

  .mypageCTT .ing_st {
    flex-wrap: wrap;
    border: 1px solid #ddd;
    padding-top: 0;
  }
  .mypageCTT .ing_head {
    display: none;
  }
  .mypageCTT .ing_st .board_st tr {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .mypageCTT .ing_st .ts_l {
    width: 100%;
  }
  .mypageCTT .ing_st .ts_l .table_student {
    border: none;
    box-shadow: none;
  }
  .mypageCTT .ing_st .ts_l .table_student tr {
    border: none;
    box-shadow: none;
  }
  .mypageCTT .ing_st .ts_r {
    width: 100%;
    flex: 1 1 100%;
  }
  .mypageCTT .ing_st .ts_r table col {
    display: none;
  }
  .mypageCTT .ing_st .ts_r table tbody {
    gap: 0;
  }
  .mypageCTT .ing_st .ts_r table th {
    width: 100%;
    display: flex;
    height: auto;
  }
  .mypageCTT .ing_st .ts_r table th:has(.at_ok) {
    padding-top: 1em;
  }
  .mypageCTT .ing_st .ts_r table tr.ing_num {
    display: none;
  }
  .mypageCTT .ing_st .ts_r table tr {
    display: flex;
    border: none;
    box-shadow: none;
    padding: 0 1.5em;
  }
  .mypageCTT .ing_st .ts_r table tr:has(input) {
    padding: 1.5em 0;
  }
  .mypageCTT .ing_st .ts_r table tr:has(.at) {
    padding: 1.5em 0;
  }
  .mypageCTT .ing_st .ts_r table tr td {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    gap: 0.5em;
    border-right: 1px solid #ddd;
    flex: 1;
    min-width: 0;
    max-width: 100%;
  }
  .mypageCTT .ing_st .ts_r table tr td:last-child {
    border-right: none;
  }
  .mypageCTT .ing_st .ts_r table tr td::before {
    text-align: center !important;
  }



  .addLecture col {
    display: none;
  }
  .addLecture tbody tr {
    display: flex;
    border-bottom: 1px solid #eee;
  }
  .addLecture tbody tr:last-child {
    border-bottom: none;
  }
  .addLecture tbody tr th {
    min-width: 25vw;
  }
  .addLecture tbody tr#edu_set {
    flex-wrap: wrap;
  }
  .addLecture tbody tr#edu_set td {
    width: 100%;
    flex: 1 1 100%;
  }
  .addLecture tbody tr#edu_table td {
    padding: 1em 0;
  }
  .lecture_detail_opt {
    border-bottom: none;
  }
  .lecture_detail_opt col {
    display: none;
  }
  .lecture_detail_opt thead {
    display: none;
  }
  .lecture_detail_opt tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em 1em;
  }
  .lecture_detail_opt tr {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 0.5em);
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    padding: 1em;
    box-sizing: border-box;
  }
  .lecture_detail_opt td::before {
    content: attr(data-th);
    font-family: 'score','notokr',sans-serif;
    min-width: 4em;
    text-align: left;
    color: #555;
  }
  .lecture_detail_opt td {
    width: 100%;
    border: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
  }
  .lecture_detail_opt td:last-child {
    border-bottom: none;
  }
  .lecture_detail_opt .edu_th {
    display: none;
  }
  .group_inp {
    width: 100%;
  }


  .addLecture td {
    flex: 1;
  }
  .addLecture textarea {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 1em;
    box-sizing: border-box;
  }

  /* Intro */
  ul.page_prod {
    margin: 0 0 -1em -1em;
  }
  ul.page_prod > li .in {
    margin: 0 0 1em 1em;
  }
  /**/


  /* Board */
  .input_st.w3_1 {
    width: 33vw;
  }
  .input_st.w3 {
    width: 60vw;
  }
  /**/

  /* Mypage Student */
  .page_tit .t3 {
    font-size: 1.25rem;
  }
  .page_tit .t5 {
    font-size: 1.125rem;
  }
  .page_prod_view .detail_layout {
    gap: 1.5em;
    flex-wrap: wrap;
  }
  .page_prod_view .detail_layout > div {
    width: 100%;
    flex: 1 1 100%;
  }

  .mypageCTT .table_wrap .board_st td.price-info {
    padding-bottom: 0;
  }
  .mypageCTT .table_wrap .board_st td.price-info > .flex > div:first-child {
    text-align: left !important;
  }
  .mypageCTT .table_wrap .board_st td.price-info > .flex > div:last-child {
    text-align: right !important;
  }
  .mypageCTT .table_wrap .board_st td.price-info::before {
    display: none;
  }
  .mypageCTT .table_wrap .board_st td.price-info > .flex {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .board_st.list.tit tr:has(.total_price) {
    display: flex;
    border: none;
    padding: 0;
    box-shadow: none;
    margin-top: 1em;
  }
  .board_st.list.tit th:has(.total_price) {
    width: 100%;
  }
  /**/


  .input_row_btn.col .input_st {
    width: 100%;
  }

  .dif-lay {
    margin-top: 3em;
  }
  .dif-lay .dif-box ul {
    height: 40vh;
  }
  .curri-wrap .curri-lay {
    flex-direction: column;
  }
  .curri-wrap .curri-lay.gap5 {
    gap: 1.5em;
  }

  .cate-curri .cate-curri-con {
    flex-wrap: wrap;
  }
  .cate-curri .cate-curri-con .tit-info {
    flex: 1 1 100%;
    width: 100%;
  }
  .cate-curri .curriSliderWrap {
    flex: 1 1 100%;
    width: 100%;
  }
  .cate-curri .cate-curri-con .tit-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
  }
  .cate-curri .tit-info > .in {
    margin-top: 0;
  }

  .cate-curri .curriSlider .swiper-slide {
    width: 33vw;
  }
  .curri-wrap .curri-lay .title > h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width:968px){
  /*sub - Company*/
  .info-lay .txt-area {
    flex: 1 1 100%;
}
}
@media screen and (max-width:880px){
/***main***/

/*link*/
.main_link_list > li .in .ico {width: 5.5em;height: 5.5em;}
.main_link_list > li .in .txt .tt {font-size: 1.05em;}

}
/* Size of Mobile & Foldable */
@media screen and (max-width:768px){
  /* Header */
  #header .logo img {
    width: 25vw;
  }
  #header .top_wrap, 
  #header .h_menu_wrap, 
  #header .gnb_wrap .gnb > li .dp1, 
  .header_pd {
    height: 4.5em;
  }

  #header .all_layer {
    width: 70vw;
  }
  #header .all_header {
    border-bottom: 1px solid #ddd;
  }
  #header .all_gnb {
    overflow-y: scroll;
    height: calc(100vh - 4.47rem);
  }
  #header .all_layer .gnb {
    padding-bottom: 10vh;
  }
  /**/

  /* VisualSlider */
  .visualSlider_wrap .slogan .t1 {
    font-size: 1.25rem;
  }
  .visualSlider_wrap .slogan .t2 {
    font-size: 2em;
  }
  body.main .visualSlider_wrap .main_search {
    width: 92%;
    gap: 2em;
    /* top: 50%;
    transform: translate(-50%, -50%); */
  }
  .main_con .main_quick_icon_wrap .inner {
    margin-top: 2em;
  }
  .visualSlider_wrap .main_search_wrap .inpst {
    height: 3em;
  }

  .visualSlider_wrap .swiperBtn {
    display: none;
  }
  .visualSlider_wrap .swiperPG {
    bottom: 1em;
  }

  .visualSlider_wrap .main_search_wrap .ms_inner {
    flex-wrap: wrap;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(1) {
    display: none;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner > li:nth-child(2) {
    width: 6em;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner > li:first-child .inpst {
    border-radius: .5em .5em 0 0;
  }
  .visualSlider_wrap .main_search_wrap .ms_f .xi {
    transform: rotate(90deg);
  }
  .visualSlider_wrap .label_select select {
    padding-right: 1.5em !important;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner > li:last-child .inpst {
    border-radius: 0 0.5em 0.5em 0;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner .label_select {
    border-radius: 0.5em 0 0 0.5em;
  }
  /**/

  /* Main - Quick */
  .main_con .main_quick_icon_wrap .list > li .in .ico img {
    width: 2.5em;
  }
  /**/

  /* Main - Main Title */
  .main_con_wrap .main_con_tit_wrap {
    padding: 0 4%;
  }
  .main_con_wrap .main_con_tit_wrap .t1 {
    font-size: 1.5rem;
  }
  /**/

  /* Main - Cate */
  .main_con1 .box1 {
    width: 100%;
  }
  .main_con_cate_list_wrap {
    justify-content: flex-start !important;
    gap: 0.5em;
    padding: 0 4% 3em;
    overflow-x: scroll;
  }
  .main_con_cate_list_wrap::-webkit-scrollbar {
    display: none;
  }
  .main_con_cate_list_wrap .main_con_cate:first-child,
  .main_con_cate_list_wrap .main_con_cate:last-child,
  .main_con_cate_list_wrap .main_con_cate {
    border-radius: 100px;
    min-width: fit-content;
    flex: auto;
    padding: 0.75em 1.5em;
  }
  .main_con_cate_list_wrap .main_con_cate .text_wrap .tt {
    font-size: 0.875rem;
  }

  ul.page_prod {
    margin: 0 0 -2em -1em;
  }
  ul.page_prod > li .in {
    margin: 0 0 2em 1em;
  }

  .main_con_wrap .main_con_ctt_wrap #load_list {
    padding: 0 4%;
  }
  /**/


  /* Main - Review */
  .review_list > li .in .con_wrap .con_t3 {
    font-size: 0.875rem;
  }
  /**/

  /* Contents */
  #contents .sub_page_tit {
    height: 30vh;
  }
  #contents .doc {
    padding: 0 0 5em;
  }
  .dp1_customer #contents .sub_page_top {
    height: 25vh;
  }
  .dp1_customer #contents .sub_page_tit {
    padding: 2.75em 0;
    height: auto;
  }
  .dp1_customer #contents .sub_page_tit .tt {
    font-size: 1.5rem;
  }
  .dp1_customer #contents .sub_page_menu .box0 {
    width: 100%;
  }
  .dp1_customer #contents .sub_page_menu .gnb .dp2 > li > a .tt {
    font-size: 0.875rem;
  }
  #contents .sub_page_con .con_tit:before {
    height: 1.5em;
  }
  #contents .sub_page_con .con_tit .tt {
    font-size: 1.5rem;
  }
  #contents .sub_page_con + .doc {
    padding-top: 1.5em;
  }
  /**/

  /* Sub - Top */
  .hotclassSlider_wrap .pd {
    padding-left: 1em;
  }
  .hotclassSlider .el .tit_wrap .t3 {
    font-size: 0.875rem;
  }
  .hotclassSlider .el .tit_wrap .t2 {
    font-size: 1.5rem;
  }
  .hotclassSlider .el .tit_wrap .t1 {
    font-size: 1rem;
  }
  .hotclassSlider .el .tit_wrap .more {
    padding: 0.5em 1em;
  }
  body.sub .img_layer .in {
    width: 3em;
  }
  body.sub .img_layer .t1 {
    font-size: 0.75rem;
  }
  .swiperBtn .xi {
    display: none;
  }
  .swiperPG .paging {
    gap: 0 0.5em;
  } 

  .page_tit .t1 {
    font-size: 1.5rem;
  }
  .page_tit .t2 {
    font-size: 1rem;
  }
  .page_cate {
    gap: 0.5em;
  }
  .page_cate > li {
    min-width: fit-content;
    margin: 0;
  }
  .page_cate > li > a {
    padding: 0.75em 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page_cate > li > a .icon {
    font-size: 0.875rem;
    height: auto;
  }
  .page_search .form .input_st {
    height: 3rem;
    line-height: calc(1.5em - 2px);
  }
  /**/


  /* Prod - View */
  .page_prod_view .detail_wrap .prod_tit .t2 {
    font-size: 1.5rem;
  }
  .page_prod_view .detail_wrap .prod_info .info .info_tt {
    width: 4em;
  }
  .page_prod_view .teacher_layout .inPhoto {
    width: 100%;
  }
  .page_prod_view .teacher_layout .inPhoto .thumb_teacher {
    width: 35%;
  }
  .page_prod_view .teacher_layout .inCon {
    flex: 1 1 100%;
  }
  .review_wrap_sm .review_ctt {
    padding: 0;
  }
  .page_tit .t5 {
    font-size: 1.125rem;
  }
  .comment_area .comment_tit .tit .t2 {
    font-size: 0.75rem;
    margin-top: 10px;
  }
  .comment_area .comment {
    padding-right: 80px;
  }
  .comment_area .comment .comment_btn {
    width: 70px;
    font-size: 0.875rem;
    padding: .5em;
  }
  .MsoListParagraph {
    font-size: 0.875rem !important;
  }
  .page_prod_view .price_wrap .info .info_tt .tt {
    font-size: 0.875rem;
  }
  .page_prod_view .price_wrap .info .price {
    font-size: 1.25rem;
  }
  /**/

  /* Sub - Prod - list */
  ul.page_prod > li {
    width: 100%;
  }
  /**/

  /* Sub - Board */
  .board_st.list.list.tit thead {
    display: none;
  }
  .board_st.list.notice col {
    display: none;
  }
  .board_st.list.notice .w_no,
  .board_st.list.notice .w_name {
    display: none;
  }
  .board_st.list.notice tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 1.25em 0;
  }
  .board_st.list.notice tr td {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: left;
    border-bottom: none;
    background: #fff;
    padding: 0;
  }
  .board_st.list td.w_tit > a {
    max-width: 100%;
    font-size: 1rem;
  }
  .board_st.list.notice tr td.w_date {
    font-size: 0.75rem;
    margin-top: 10px;
  }
  .board_search_wrap .right button {
    padding: 0.5em 1em;
    border-radius: 5px;
  }
  .board_search_wrap .right button .xi {
    margin-right: 0;
  }
  .board_search_wrap .right button .tt {
    display: none;
  }
  /**/

  /* Board View */
  .board_view_top .tit {
    font-size: 1.125rem;
  }
  .board_view_top .board_info .tt {
    font-size: 0.75rem;
  }
  .board_info > li {
    padding-right: 1em;
  }
  .board_info > li:before {
    display: none;
  }
  .board_view_bottom i {
    font-size: 0.875rem;
  }
  .board_view_bottom .xi {
    font-size: 0.875rem;
    margin-left: 5px;
  }
  .board_view_bottom .board_st a {
    font-size: 0.875rem;
  }
  .board_btn_wrap {
    margin-top: 2em;
  }
  .board_btn_wrap .input_st.s1 {
    font-size: 1rem;
    height: 3em;
    line-height: calc(1.5em - 2px);
    padding: 0.5em 1.25em;
  }
  .board_btn_wrap > div + div {
    margin: 0 auto;
  }

  .label_select select {
    font-size: 0.875rem;
  }
  .board_search_wrap .right .input_st[type=text] {
    font-size: 0.875rem;
  }
  .board_st.faq .faq_tit {
    font-size: 1.5rem;
  }
  .board_st.faq .w_btn {
    width: 3em;
  }
  .board_st .w_faq {
    width: 3em;
  }

  .board_st.list.response col {
    display: none;
  } 
  .board_st.list.response tr {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25em 0;
    border-bottom: 1px solid #ddd;
  }
  .board_st.list.response td {
    border-bottom: none;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .board_st.list.response td.w_no {
    display: none;
  }
  .board_st.list.response td.w_tit {
    flex: 1 1 100%;
    margin-bottom: 10px;
  }
  .board_st.list.response td.w_name,
  .board_st.list.response td.w_date {
    flex: 0 0 auto;
    font-size: 0.75rem;
  }
  .board_st.list.response tr.reply {
    padding: 1.25em 1em;
  }
  .board_st.list.response tr.reply td.w_tit > a::before {
    font-family: 'xeicon';
    content: '\e981';
    color: #aaa;
    width: 10px;
  }
  .board_st.list.response tr.reply td.w_name {
    padding-left: 12px;
  }

  .board_Event .con_wrap .t1 {
    font-size: 1rem;
  }
  .board_Event .con_wrap .t2 {
    text-align: left;
  }
  /**/

  /* Footer */
  #footer .page_bottom_wrap .pb_tt {
    margin-bottom: 10px;
  }
  #footer .page_bottom_wrap .quick_link_box .list {
  }
  #footer .page_bottom_wrap .quick_link_box .list > li {
    flex: 0 0 fit-content;
  }

  #footer .footer_info_wrap {
    padding: 1.5em 0 7.5em;
  }
  #footer .footer_info_wrap > .inner {
    gap: 1.5em;
  }
  #footer .footer_info_wrap .info_box {
    order: 2;
    flex: 1 1 100%;
  }
  /**/

  /* Login */
  .login_wrap {
    padding-top: 3em;
    padding-bottom: 5.5em;
  }
  .login_wrap .login {
    width: 92%;
  }
  .form_st.st1 > li .in_tit {
    font-size: 1rem;
  }
  /**/


  /* Sub - Company */
  .summary-wrap .right .list-wrap > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .info-zgzg .list > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .info-zgzg .list > li .img-area {
    height: 30vh;
  }
  .info-zgzg .list > li .txt-area > p.fwB {
    font-size: 1.25rem;
  }
  .info-zgzg .list > li .txt-area > p.fwR {
    font-size: 1rem;
  }
  .info-tit {
    flex-wrap: wrap;
    gap: 1.5em;
  }
  .info-tit .tit,
  .info-tit .txt {
    flex: 1 1 100%
  }
  .company-location-wrap .info-tit .txt {
    font-size: 1rem;
  }
  .info-lay .txt-area {
    width: 100%;
    flex: 1 1 100%
  }
  
  .about_wrap .about_tbox .in_tx > p br {
    display: none;
  }
  /**/


  /* Sub - b2b */
  .addLecture col {
    display: none;
  }
  .addLecture tr {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25em 0;
  }
  .addLecture tr td,
  .addLecture tr th {
    flex: 1 1 100%;
    padding: 0;
    border-bottom: none;
  }

  .lecture_detail_opt#edu_table td {
    padding: 1em 0;
    border-bottom: 1px solid #eee;
  }
  .addLecture tr th {
    
    padding-bottom: 1em;
  }
  .addLecture tr td .input_st {
    width: 100% !important;
  }
  .mypageCTT .agree > li {
    padding-left: 0;
  }
  /**/

  /* sub - online */
  .page_onlineT .onlineT-sec {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
  }
  .page_onlineT .cont_wrap > p {
    font-size: 1rem;
  }
  .page_onlineT .cont_wrap ul > li {
    font-size: 1rem;
  }

  .addLecture tr td .btn_calendar {
    display: none;
  }

  .down-form {
    flex-wrap: wrap;
  }
  .down-form > p {
    flex: 1 1 100%;
  }
  .down-form > a {
    flex: 1 1 100%;
    text-align: center;
  }

  /**/



  /* Login */
  .login_wrap .btn_wrap .btn.s1 {
    font-size: 1.125rem;
  }
  /**/


  /* Main Request */
  .main_con .main_quick_icon_wrap .list > li {
    flex: 1 1 50%;
  }
  .main_con .main_quick_icon_wrap .list > li:nth-child(even) .in {
    border-width: 0 0 0 0;
  }
  .main_con .main_quick_icon_wrap .list > li:nth-child(odd) .in {
    border: dashed rgba(0,0,0,.2);
    border-width: 0 1px 0 0;
  }
  .main_con .main_quick_icon_wrap .list > li .in .s-tt {
    display: none;
  }
  /**/





  /* Mypage */
  .intro_top {
    padding: 1em 0 1em 0;
  }
  .intro_top .intro_top_info {
    padding: 1.5em 0 0 0;
    border-radius: 1em 1em 0 0;
  }

  .mypage_box .title_wrap .mypageTT {
    font-size: 1.125rem;
  }

  .intro_top .intro_top_info > div .text_wrap {
    flex-wrap: wrap;
  }
  .intro_top .intro_top_info > div .text_wrap .tt {
    flex: 1 1 100%;
  }
  
  .lm_wrap .left_menu_wrap .gnb .dp2 > li {
    height: auto;
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li > a {
    padding: 0 1em;
  }
  .lm_wrap .left_menu_wrap .gnb .dp2 > li > a .tt {
    font-size: 0.875rem;
  }


  .l_ing_wrap .page_prod > li {
    width: 50%;
  }
  .l_end_wrap .page_prod > li {
    width: 50%;
  }
  .mypageCTT .table_wrap .board_st tr {
    padding: 1em;
  }

  .page_tab_wrap .tab > li {
    flex: 1;
  }
  .page_tab_wrap .tab > li .in {
    min-width: 0;
  }


  .writePhoto.st2 {
    width: 100%;
  }
  .writePhoto .write_img .photoBtn .xi {
    font-size: 4.5em;
  }
  .myapge_people .resize.s1 {
    padding-bottom: 56.6666%;
  }


  .addLecture tr td .input_st[name=price_ori],
  .addLecture tr td .input_st[name=price],
  .addLecture tr td .input_st#edu_num, 
  .addLecture tr td .input_st[name=edu_app] {
    width: 95% !important;
  }
  .addLecture tr td .input_st.datepicker {
    width: calc(50% - 1.25em) !important;
  }
  .input_st.c3.re {
    border-radius: 5px !important;
  }
  .mypageCTT .table_wrap .board_st td {
    align-items: flex-start;
  }

  .mypageCTT .table_wrap .board_st td font {
    width: 100%;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.25rem;
  }


  .order_list td.w_auto > .flex {
    flex-wrap: wrap;
    width: 100%;
    gap: 1.5em;
  }
  .order_list .thumb_wrap {
    width: 100%;
    margin-right: 0;
  }
  .order_list .thumb_wrap .thumb_img {
    padding-bottom: 56.66%;
  }
  .order_list .info_wrap {
    flex: 1 1 100%;
  }
  .lecture_detail_opt tr {
    padding: 1em;
    /* gap: 1em; */
  }
  .group_inp {
    justify-content: center;
  }
  .group_inp select.input_st {
    flex: 1 1 100%;
  }


  .lecture_detail_opt tr {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .lecture_detail_opt .input_row_btn.col .input_st {
    width: 100%;
  }
  .lecture_detail_opt .devel {
    padding-top: 0;
  }
  .lecture_detail_opt .devel .input_row_btn {
    width: 100%;
  }
  .mypageCTT .table_wrap .board_st td.noc {
    align-items: center;
  }
  .order_list td.w_auto > p {
    justify-content: flex-end;
  }

  .mypageCTT .table_wrap .board_st td.state_btn {
    padding: .75em 0;
  }
  .mypageCTT .table_wrap .board_st td.state_btn::before {
    display: none;
  }
  .mypageCTT .table_wrap .board_st td.state_btn .w_account_btn {
    width: 100%;
  }

  .myapge_people {
    justify-content: center;
  }
  .myapge_people .exTxt {
    text-align: center;
  }

  .addLecture tbody tr .input_st.c1 {
    margin-top: 10px;
  }
  .addLecture tbody tr .group_inp > .group_inp {
    justify-content: flex-start;
  }
  .addLecture tbody tr .group_inp > .group_inp .input_st.w4 {
    width: 68% !important;
  }
  .addLecture tbody tr .group_inp > .group_inp .input_st.c3 {
    width: 30% !important;
  } 


  /* Mypage - Student */ 
  .order_list .info_wrap .info_in .s-info {
    width: 100%;
    flex-direction: row;
  }
  .order_list .info_wrap .info_in .s-info .link_lecture {
    justify-content: center;
    text-align: center;
  }


  .page_prod_view.st2 .detail_wrap .prod_tit .t2 {
    font-size: 1.25rem;
  }
  .page_prod_view .view_round {
    padding: 1em;
  }

  .order_list .label_st > .xi {
    font-size: 2rem;
  }
  .mypageCTT .table_wrap .board_st td:has(.chkchk) {
    padding: 0;
  }
  .mypageCTT .table_wrap .board_st td:has(.chkchk)::before {
    display: none;
  }

  .order_list td.w_auto > .flex > .grow {
    width: 100%;
    flex: 1 1 100%
  }
  .order_list td.w_auto > .flex .link_lecture {
    flex: 0 0 fit-content;
  }
  .writePhoto .write_img {
    width: 100%;
  }
  .myapge_people {
    width: 92vw;
  }
  .myapge_people > * {
    box-sizing: border-box;
  }
  .writePhoto .write_img .photoView .modify_wrap {
    box-sizing: border-box;
  }
  .writePhoto .write_img .photoView .modify_wrap {
    padding: 0;
  /**/
  }

  .payment_point .page_tit .t5 {
    font-size: 1rem;
    text-align: left;
  }
  .payment_point .group_inp {
    flex-wrap: wrap;
  }
  .payment_point .group_inp .input_st {
    width: 100%;
    flex: 1 1 100%;
  }
  .payment_point .bank_info select {
    width: 100%;
  }
  .txt_small {
    margin-top: 10px;
    text-align: left;
  }
  .order_step_wrap .order_step_tit {
    flex: 1 1 100%;
  }
  .order_step_wrap .order_step_tit .tit .tt {
    font-size: 1.25rem;
  }
  .order_step_wrap .order_step_tit .tit .xi {
    width: 2em;
    height: 2em;
  }
  .order_step_wrap .order_step > li .in .tt {
    font-size: 0.875rem;
  }
  .order_step_wrap .order_step {
    width: 100%;
  }
  .order_step_wrap .order_step > li {
    flex: 1;
    justify-content: center;
    position: relative;
  }
  .order_step_wrap .order_step > li .arrow {
    position: absolute;
    left: -10%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0.5em;
    font-size: 1rem;
  }
  .order_step_wrap .order_step > li .in {
    flex-direction: column;
  }
  .order_fin {
    padding-top: 0;
  }
  .order_fin .fin_ment1 {
    font-size: 1.5rem;
  }


  /* curriculum */
  .dif-lay {
   flex-wrap: wrap;
  }
  /* .dif-lay.gap5 {
    gap: 2em;
  } */
  .dif-lay .dif-box {
    flex: 1 1 100%;
  }
  .dif-lay .dif-box ul {
    height: auto;
    min-height: auto;
  }
  .versus {
    top: calc(50% - 2rem);
  }
  .dif-lay .dif-box.douki {
    padding-top: 2.5em;
  }
  .curri-wrap .curri-lay .title > .tt {
    font-size: 1rem;
  }

  .cate-curri {
    padding: 3em 0;
  }

  .cate-curri .curri-tab {
    width: 100vw;
    padding: 0 4%;
    box-sizing: border-box;
    margin-left: -4%;
    overflow-x: scroll;
  }
  .cate-curri .curri-tab::-webkit-scrollbar {
    display: none;
  }
  .cate-curri .curri-tab > li {
    flex: auto;
    min-width: fit-content;
    font-size: 0.875rem;
  }
  .cate-curri .cate-curri-con {
    padding: 1.5rem 0;
  }
  .cate-curri .curriSlider .swiper-slide {
    width: 60vw;
  }
  .cate-curri .tit-info > h3 {
    font-size: 1.25rem;
  }
  .cate-curri .tit-info > .in {
    font-size: 1rem;
  }
  .conIdx .curri-table:has(.board_st.curri-table) {
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
  }
  .curri-wrap .curri-table .table-wrap {
    overflow-x: scroll;
    margin-left: -4%;
    padding: 0 4%;
    
  }
  .conIdx .board_st.curri-table {
    min-width: 660px;
  }

  /**/

}

@media screen and (max-width:650px){
  .curri-wrap .curri-table tbody tr td {word-break: break-all;}
}
/* Size of Mobile */
@media screen and (max-width:500px){
  /* Header */
  #header .all_layer {
    width: 75vw;
  }
  #header .all_layer .gnb .dp1 {
    font-size: 1rem;
  }
  #header .all_layer .gnb .dp2 a {
    font-size: 0.875rem;
  }
  #header .all_layer .all_member {
    padding-left: 1rem;
  }
  #header .all_layer .close_btn {
    padding: 0.75em;
  }
  #header .all_layer .all_member > li > a .vm_tt {
    display: flex;
    align-items: center;
  }
  #header .all_layer .all_member > li > a .vm_tt .xi {
    display: none;
  }
  #header .all_layer .all_member > li > a .tt{
    margin-left: 0;
  }

  /**/
  #SubmitForm .question-group .optList > li > button{ font-size: .915em;}
  #SubmitForm .cenT{ font-size: 1.215em;}
  #OnlineSubmit .subBtn .tit{ font-size: .956em;}


  /* Main - Inc Style */
  .main_con_wrap {
    padding: 3.5em 0 3.5em;
  }
  .main_con_wrap .main_con_tit_wrap .t2 {
    font-size: 1rem;
  }
  /**/


  /* Main - Visual Slider */
  .visualSlider {
    height: 60vh;
  }
  .visualSlider_wrap .slogan .t1 {
    font-size: 1.125rem;
  }
  .visualSlider_wrap .slogan .t2 {
    font-size: 1.5rem;
  }
  .visualSlider_wrap .slogan .t3 {
    font-size: 1rem;
  }
  .label_select select {
    font-size: 0.875rem;
  }
  .visualSlider_wrap .main_search_wrap .ms_inner .inpst {
    font-size: 1rem;
  }
  .visualSlider_wrap .main_search_wrap .inpst.c1 {
    font-size: 1rem;
  }
  /**/


  /* Main - Quick */
  .main_con .main_quick_icon_wrap .inner {
    padding: 0;
  }
  .main_con .main_quick_icon_wrap .list {
    padding: 0;
  }
  .main_con .main_quick_icon_wrap .list > li .in {
    gap: 0.5em;
  }
  .main_con .main_quick_icon_wrap .list > li .in .tt {
    font-size: 0.875rem;
    height: 2.125rem;
  }
  /**/

  /* Main - Cate */
  .page_prod .in .con_wrap {
    padding: 1em 1em 2em;
  }
  .page_prod .in .con_wrap .cate {
    font-size: 0.75rem;
  }
  .page_prod .in .con_wrap .con_t2 {
    font-size: 1rem;
  }
  ul.page_prod {
    margin: 0 0 -2em -1em;
  }
  ul.page_prod > li .in {
    margin: 0 0 2em 1em;
  }
  /**/

  /* Main - Review */
  .review_list > li .in .con_wrap .user_prof_wrap .thumb_wrap {
    width: 20px;
    height: 20px;
  }
  .review_list > li .in .con_wrap .user_prof_wrap .user_name {
    font-size: 0.875rem;
  }
  /**/
  

  /* Main - link */
  .main_link_list {
    justify-content: flex-start !important;
  }
  .main_link_list > li .in .ico {
    width: 5.5em;
    height: 5.5em;
  }
  .main_link_list > li .in .txt .tt {
    font-size: 1rem;
  }
  /**/

  .board_Event .con_wrap .t2 .date {
    font-size: 0.875rem;
  }
  .label_st.s2 {
    gap: 0 0.25em;
  }
  .label_st.st2 input ~ span {
    font-size: 0.875rem;
  }
  .page_sort .sort_list > li:not(:last-child) .in:after {
    margin: 0 0.5em;
  }
  .page_search_wrap {
    padding: 0 0 1.5em 0;
  }


  /* Sub - Top */
  #contents .sub_page_menu .gnb .dp2 {
    overflow-x: scroll;
    justify-content: flex-start;
    padding: 0 4%;
    width: 100vw;
    margin-left: -4%;
  }
  #contents .sub_page_menu .gnb .dp2::-webkit-scrollbar {
    display: none;
  }
  #contents .sub_page_menu .gnb .dp2 > li {
    min-width: fit-content;
    width: fit-content;
  }
  #contents .sub_page_menu .gnb .dp2 > li > a {
    padding: 0 1em;
    height: 3em;
  }
  #contents .sub_page_menu .gnb .dp2 > li.on > a {
    height: 3em;
  }
  .hotclassSlider {
    height: 55vh;
  }
  /**/

  /* Prod View */
  .page_prod_view {
    padding-top: 1.5em;
  }
  .page_prod_view .view_round {
    padding: 1em;
  }
  .page_prod_view .detail_wrap .thumb_teacher {
    top: 15px;
    left: 1em;
    width: 4em;
    height: 4em;
  }
  .page_prod_view .detail_wrap {
    padding-top: 4em;
  }
  .page_prod_view .detail_wrap .prod_tit .t2 {
    font-size: 1.25rem;
  }
  .star_wrap > .star_num {
    font-size: 0.875rem;
  }
  .page_box {
    padding: 1em 1.25em;
  }
  .page_tit .t7 {
    font-size: 1rem;
  }
  .page_prod_view .teacher_layout .inCon .name .tt {
    font-size: 1.125rem;
  }
  .comment_area .inner {
    padding: 12px;
  }
  .comment_area .comment {
    padding-right: 0;
  }
  .comment_area .comment .comment_btn {
    position: relative;
    width: 100%;
    margin-top: 5px;
  }
  #QuickMoblie .all_menu .menu > li > a {
    padding: 0.5em 0.125em 2em;
  }

  .recomSlider_wrap {
    padding: 3em 0;
  }
  .recomSlider_wrap .fs28 {
    font-size: 1.5rem !important;
  }
  /**/


  /* Sub - Review */
  .review_wrap_sm .review_user .review_head {
    position: relative;
    align-items: center;
  }
  .review_wrap_sm .review_user .review_head button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .75rem;
    padding: 0.25em 0.5em;
  }
  .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date {
    flex-wrap: wrap;
    gap: 5px;
  }
  .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_star {
    width: 100%;
  }
  .review_wrap_sm .review_user .review_head .r_head_info_wrap .r_head_star_date .r_head_date {
    width: 100%;
  }
  /**/

  /* Board - Search */
  .board_search_wrap .right .input_st[type=text] {
    width: 100%;
  }
  .board_search_wrap .right button {
    width: 100%;
    height: auto;
    padding: 0 1em;
  }
  .label_select {width: 100%;}
  .label_select .input_st{width: 100%;}
  .label_select select {
    width: 100%;
    padding-right: 1.5em !important;
  }

  .board_search_wrap .right {
    flex-wrap: wrap;
  }
  .board_search_wrap .right .btn_write {
    width: 100%;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
  }
  .board_search_wrap .right .btn_write .tt {
    display: block;
  }
  /**/
  
  /* Board - Notice */
  .board_st.list.notice tr td.w_date {
    color: #aaa;
  }
  /**/

  /* Board - FaQ */
  .board_st.faq .BStit .w_tit {
    font-size: 1rem;
  }
  
  /* Footer */
  #footer .goTop {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    right: 0.5em;
  }
  #footer .goTop .xi {
    font-size: 1rem;
  }
  /**/


  /* Sub - Company */
  .about_wrap .about_tbox {
    margin-top: -12em;
    padding: 1.5em;
  }
  .info-zgzg .list > li .txt-area {
    padding: 1.5em 1em;
  }
  .summary-wrap .right .list-wrap > li {
    padding: 1.5em;
  }
  #contents .sub_page_tit .tt {
    font-size: 1.5rem;
  }
  /**/

  /* sub - online */
  .down-form > p {
    font-size: 0.875rem;
  }
  /**/



  /* Mypage */
  .intro_top .intro_top_info > div .text_wrap .tt {
    font-size: 0.875rem;
  }

  .l_ing_wrap .page_prod > li > .in .btn_wrap2,
  .l_end_wrap .page_prod > li > .in .btn_wrap2 {
    flex-wrap: wrap;
  }
  .l_ing_wrap .page_prod > li > .in .btn_wrap2 .btn,
  .l_end_wrap .page_prod > li > .in .btn_wrap2 .btn {
    width: 100%;
    flex: 1 1 100%;
  }
  .l_ing_wrap .page_prod .in .con_wrap,
  .l_end_wrap .page_prod .in .con_wrap {
    padding: 1em;
  }


  .mypageCTT .table_wrap .board_st tr {
    flex: 1 1 100%;
    max-width: 100%;
  }


  .page_tab_wrap .tab > li .in {
    padding: 0.5em;
  }


  .addLecture tr td .input_st[name=price_ori], 
  .addLecture tr td .input_st[name=price], 
  .addLecture tr td .input_st#edu_num, 
  .addLecture tr td .input_st[name=edu_app] {
    width: 90% !important;
  }
  /**/


  /* pop */
  .popCon .addLecture tr td .input_st.w3 {
    margin-top: 10px;
  }
  .popCon .addLecture tr td .label_st.st2 {
    margin-top: 10px;
  }

  .addLecture tbody tr .group_inp > .group_inp .input_st.w4 {
    width: calc(70% - 0.5em) !important;
  }
  .addLecture tbody tr .group_inp > .group_inp .input_st.c3 {
    padding: 0.5em;
  }
  /**/


  /* POP 다듬기 */
  body.pop .popWrap .popTit {
    padding: 1em;
  }
  body.pop .popWrap .popIn {
    padding: 1em 1em 2em 1em;
  }
  /**/
  

  /* Board 다듬기 */
  .ts_r.scrollst .board_st {
    min-width: 500px;
  }
  /**/



  /* Mypage - Student */
  .order_list td.w_auto > .flex .link_lecture {
    flex: 1;
  }
  .page_tab_wrap .tab > li .in .tt {
    font-size: 0.875rem;
  }
  .page_prod_view .view_btn .fix:nth-child(1) {
    flex: 0 0 calc(20% - .375em);
  }
  .page_prod_view .view_btn .grow {
    flex: 0 0 calc(80% - .375em);
  }
  .page_prod_view .view_btn .fix:nth-child(3),
  .page_prod_view .view_btn .fix:nth-child(4) {
    flex: 0 0 calc(50% - .375em);
  }

  .order_list td.w_auto > .flex .link_lecture.purch {
    flex: 0 0 fit-content;
  }
  .total_price_cal {
    text-align: left;
    font-size: 0.875rem;
  }
  .board_st.list.tit.mtm1 th {
    height: auto;
  }

  .order_table.st2 col {
    display: none;
  }
  .order_table.st2 tr {
    display: flex;
  }
  .order_table.st2 tr th,
  .order_table.st2 tr td {
    height: auto;
  }
  .order_table.st2 tr th {
    min-width: 7em;
  }
  .order_table.st2 tr td {
    flex: 1;
    text-align: right;
  }
  /**/


  .total_price_cal {
    font-size: 0.75rem;
    color: #666;
  }
  .order_list .flex.vc:has(.total_price_cal) {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
  .order_list .flex.vc:has(.total_price_cal) .total_price {
    width: 100%;
  }
  .order_num_info {
    gap: 1em;
  }
  .order_num_info > li:not(:last-child) .in:after {
    display: none;
  }


  .dif-lay .dif-box ul > li {
    font-size: 1rem;
  }
  .w_date6 {
    width: 30vw;
  }
  .curri-wrap .curri-table tbody tr td {
    padding: 1rem;
  }
  .cate-curri .curri-controls {
    display: none;
  }
  .cate-curri .curriSlider .imgfix {
    height: 85vw;
  }

  .coupon_con{ display: flex; flex-direction: column;}
}
@media screen and (max-width:400px){
  .versus {
    top: calc(50% - 4rem);
}

}
/* Size of Flip */
@media screen and (max-width:320px){
  /* Header */
  #header .logo img {
    width: 35vw;
  }
  #header .top_wrap, 
  #header .h_menu_wrap, 
  #header .gnb_wrap .gnb > li .dp1, 
  .header_pd {
    height: 3.5em;
  }

  #header .all_layer {
    width: 100vw;
  }
  #header .all_layer .all_member > li > a .tt {
    font-size: 0.75rem;
  }
  #header .all_layer .gnb .dp1 {
    padding: 1rem 1rem;
  }
  #header .all_layer .gnb .dp2 a {
    padding: 1rem 1.5rem;
  }
  /**/

  /* Main - Inc Style */
  .main_con_wrap .main_con_tit_wrap .link_btn {
    padding: 0.5em 1em;
    font-size: 0.875rem;
  }
  /**/

  /* Main - Visual Slider */
  .visualSlider_wrap .main_search_wrap .ms_inner .inpst {
    font-size: 0.875rem;
  }
  .visualSlider_wrap .main_search_wrap .ms_link .ms_f .tt {
    font-size: 0.875rem;
  }
  /**/


  /* Main - Cate */
  .main_con_cate_list_wrap .main_con_cate:first-child, 
  .main_con_cate_list_wrap .main_con_cate:last-child, 
  .main_con_cate_list_wrap .main_con_cate {
    padding: 0.5em 1em;
  }
  ul.page_prod > li {
    width: 100%;
  }
  /**/

  /* Main - Review */
  .review_list > li {
    min-width: 75vw;
  }
  /**/

  /* Quick */
  #QuickMoblie .all_menu .menu > li .vm_tt > i {
    font-size: 1rem;
  }
  #QuickMoblie .all_menu .menu > li > a {
    padding: 0.5em 0.5em 1.5em;
  }
  #QuickMoblie .all_menu .menu > li:nth-child(2) {
    display: none;
  }
  #QuickMoblie .all_menu .menu > li {
    flex: 1;
  }
  /**/

  /* Board - Notice */
  .board_search_wrap .right .label_select {
    width: 100%;
  }
  .board_search_wrap .right .label_select select {
    width: 100%;
  }
  /**/

  /* Board - FaQ */
  .board_st.faq .board_more .xi {
    font-size: 1.25em;
  }
  .board_st.faq .faq_tit {
    font-size: 1.125rem;
  }
  .board_st.faq .BScon .w_tit {
    line-height: 1.5em;
  }
  /**/


  /* Sub - Review */
  #contents .review_list > li {
    width: 100%;
  }
  /**/

  /* Sub - Event */
  .event_tab_wrap {
    gap: 0.5em;
  }
  .event_tab_wrap > li {
    min-width: auto;
    flex: 1;
  }
  .event_tab_wrap > li a {
    font-size: 0.875rem;
  }
  .board_Event > li {
    width: 100%;
  }
  /**/

  /* Footer */
  #footer .goTop {
    bottom: 5.5em;
  }
  /**/
}

/* Size of Flip & other */
@media screen and (max-width:280px){

}