@media all and (max-width: 1440px) {
  .m_visual .swiper-slide .txt h2 {padding: 0 0 0 8rem;}

  .m_visual .swiper-arrow {max-width: 100%;}
  .m_visual .swiper-button-prev {left: 20px;}
  .m_visual .swiper-button-next {right: 20px;}

  .user-profile-wrap .level-box .mark-wrap .mark-info {
    left: auto;
    right: -20px;
    transform: 0;
    -webkit-transform: 0;
    -moz-transform: 0;
    -ms-transform: 0;
    -o-transform: 0;
}
}

@media all and (max-width: 1280px) {
  body {
    font-size: 15px;
  }

  /* header */
  header .top-search {width: 80%;}
  /* header .top-search h1 img {height: 30px;} */
  header .top-search .search-box button img {height: 15px;}

  /* MAIN */
  .m_visual {
    height: auto;
    padding-bottom: 36.5%;
    position: relative;
  }
  .m_visual .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }
  .m_visual .swiper-slide {
    background-size: cover!important;
  }
}

@media all and (max-width: 1240px){
 .split-detail-wrap .detail-top.fixed {top: 124px;}
}

@media all and (max-width: 1024px) {
  html,body {
    font-size: 14px;
    overflow-x: hidden;
    position: relative;
    max-width: 100%;
  }

  header .top-search .search-box {
    display: none;
  }
  .m_visual-pc {display: none;}
  .m_visual-mobile {display: block;}
  .m_visual .swiper-controls {
    right: auto;
    left: 20px;
  }

  /* sub */
  .class-wrap ul.flex-box li {width: calc((100% - 1.9375rem) /2);}

  .event-list li {width: calc(50% - 0.9375rem);}
}

@media all and (max-width: 900px) {
  /* header */
  header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding:0 20px;
    align-items: center;
    height: 60px;
  }
  header .top_inner {height: 60px;}
  header .user_menu {display: none;}
  header .top_container {width: calc(100% - 100px); }
  header .top_inner {padding: 0; margin: 0;}
  header .top-search .search-box input {font-size: 0.875rem; line-height: 1;}
  header .container {width: auto; margin: 0; height: auto; padding: 0;}

  /* main */
  .m_content .m-title {font-size: 1.875rem;}
  .m_visual .swiper-slide .txt h2 {font-size: 2.4rem; line-height: 3rem;}
  .m_visual .swiper-button-prev {width: 3.6rem; height: 3.6rem;}
  .m_visual .swiper-button-next {width: 3.6rem; height: 3.6rem;}
  .m_content05 .community-wrap {justify-content: center; gap: 20px;}
  .m_content05 .community-wrap .left-box {width: 100%; padding: 2.25rem 20px;}
  .m_content05 .community-wrap .right-box {width: 100%; gap: 20px;}
  /* .m_content05 .community-wrap .right-box .m_banner {padding-bottom: 60%;} */
  .m_content05 .community-wrap .left-box ul li {gap: 10px;     padding: 1.125rem 1.5rem;}
  .m_content05 .community-wrap .left-box ul li p {width: calc(100% - 1.2rem - 20px);}



  /* sub */

  .split-detail-wrap .detail-top.fixed {top: 80px;}

  .refundPolicy-wrap {font-size: 0.9375rem;}

  .leader-content01 > ul {align-items: center; gap: 40px; justify-content: center;}

  .leader-content01 .leader-box {width: 100%;}

  .split-community-left {width: 100%; order: 2;}

  .split-community-right {width: 100%; order: 1; max-width: 768px;}

  .user-profile-wrap {display: flex;flex-flow: row wrap;gap: 12px;}

  .user-profile-wrap .profile-picture {margin: 0;}

  .user-profile-wrap .name {text-align: left; margin-top: 0;}

  .user-profile-wrap .level-box {justify-content: flex-start;}

  .user-profile-wrap > a {margin-top: 10px;}

  .split-payment-box .buy-button {margin-top: 10px;}

  /* .split-wrap .split-detail-left .thumbnail {height: 23rem;} */

  .recomment-list {display: flex; overflow: auto; scrollbar-width: none;       /* Firefox */

    -ms-overflow-style: none;  }
    .split-detail-wrap .detail-top.fixed {top: 60px;}
    .split-detail-wrap .detail-top {gap: 1.25rem; justify-content: space-between;}

  .split-community-right .recommend-box {margin-bottom: 0; padding-bottom: 0; border: none; margin-right: 20px; width: 

    40vw;}

    .split-community-right .recommend-box a {

      flex-flow: nowrap;

    }

  .split-community-right .recommend-box.on a > h5 {width: 7px;}

  .split-community-right .recommend-box .text-wrap {width: 220px;}

  .community-list-wrap > div {order: 2;}

  .community-list-wrap .search-wrap {order: 1; margin-bottom: 20px; margin-top: 10px;}

  .search-wrap .search-box,

  .search-wrap .select-dropdown-toggle {width: 100%;}

  .search-wrap .search-box input,

  .search-wrap .select-dropdown-toggle {padding: 10px;}

  .search-wrap .select-dropdown,

  .search-wrap select {width: calc(50% - 1.5px);}

  .search-wrap .search-box input {width: calc(100% - 45px);}

  .search-wrap .search-box button {width: 45px;}


  .user-profile-wrap .level-box .mark-wrap .mark-info {
    left: 0;
  }
  #S_container .sc-title {line-height: 1.3; word-break: keep-all;}



  /* 마이페이지 */

  .mypage-wrap {padding-bottom: 0;}

  .mypage-split-left {width: 100%; max-width: 100%;}

  .mypage-split-right {width: 100%; margin-top: 20px;}

  .mypage-split-left > ul {display: flex; overflow: auto; margin-top: 20px;}

  .mypage-split-left > ul li a {display: flex; flex-flow: row wrap; width: 145px; gap: 4px; align-items: center; padding: 2px 10px 0;}

  .mypage-split-left > ul li a span {width: 85px;}

  .mypage-split-left .link-wrap {display: flex; align-items: center; justify-content: center; flex-flow: row wrap; margin-top: 15px;}

  .mypage-split-left .link-wrap a {width: 50%; display: block; text-align: center;}

}





@media all and (max-width: 768px) {

  /* body {

    font-size: 12px;

  } */



  .scroll-wrap {overflow: auto;}



  .mobile {display: inline-block;}



  /* header */

  header .top-search {width: 100%;}

  /* header .top-search h1 img {height: 30px;} */



  .system-popup .alert-inner {padding-left: 20px!important; padding-right: 20px!important;}



  /* main */
  .m_visual-mobile {padding-bottom: 70%;}

  .m_visual .swiper-slide .txt h2 {padding: 0 0 0 5rem; font-size: 1.6rem; line-height: 2.6rem;}

  .m_content01 ul.flex-box {
	gap: 1.5rem;
    /*gap: 2rem;*/

  }

  .m_content .swiper-btn {

    width: 2.5rem;

    height: 2.5rem;

  }

  .m_content .swiper-btn img {max-width: 30%;}

  .m_content01 ul.flex-box li .icon-wrap {

    width: 7.1875rem;

    height: 7.1875rem;

  }

  .m_content01 ul.flex-box li .icon-wrap img {
width: 100%;
    /*width: 65%;*/

  }

  .m_content02 {padding: 3rem 0;}

  .m_content02 ul.flex-box {

    overflow: auto;

    width: max-content;

  }

  .m_content02 ul.flex-box li {

    width: 70vw;

  }

  .m_content03 {padding: 4rem 0;}

  .m_content06 {position: relative; padding-bottom: 60px; margin-bottom: 6.25rem;}

  .m_content06 .img-wrap.gray {height: 350px;}

  .m_content06 .m-title-wrap a {position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px);}



  /* sub */

  #S_container {margin: 4rem 0;}

  .live-content01 ul.flex-box {gap: 20px; width: max-content;}

  .live-content01 ul.flex-box li {width: 70vw;}

  .live-content01 ul.flex-box li .state-wrap {margin-top: 10px;}

  /* .live-content02 .replay-search .search-box {justify-content: space-between;} */

  .live-content02 .replay-search .search-box .select-dropdown .select {width: 110px; line-height: 22px;}

  .select-dropdown-text .flex-box {gap: 3px; align-items: center;}

  .live-content02 .replay-search .search-box button {width: 45px;}

  .live-content02 .replay-search .search-box input {width: calc(50% - 31px);}

  .live-content02 .replay-content {display: flex; flex-flow: row wrap; gap: 1.125rem;}

  .live-content02 .replay-content li {width: calc((100% - 1.125rem)/2)}

  .live-content02 .replay-content li .left-box {width: 100%; gap: 15px; flex-flow: row wrap;}

  .live-content02 .replay-content li .left-box .img-wrap {width: 100%;}

  .live-content02 .replay-content li .txt-wrap {width: 100%;}

  .live-content02 .replay-content li .txt-wrap p::before {display: none;}

  .live-content02 .replay-content li a {padding: 2rem 0;}

  .live-content02 .replay-content li .replay-btn {margin-right: 0; margin-left: 0; width: 100%;}

  .leader-content01 .scroll-wrap > ul {gap: 1.9375rem;}
  .split-wrap {justify-content: center;}

  .split-wrap .split-detail-left {width: 100%;}

  .split-wrap .split-detail-right {display: none;}
  .split-wrap .split-detail-right.mobile {display:block; width: 100%; max-width: 100%; margin-top: 20px;}
  .lecture-detail-wrap .split-detail-left .video-wrap {
    height: 58vw;
  }

  .split-mobile-box {display: block;}

  .split-mobile-box .fixed-btn {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 0px 20px 10px;

    background-color: #fff;

    z-index: 8888;

    border-top: 1px solid #ddd;

  }



  .community-list-wrap .table-wrap .thead-wrap {display: none;}

  .community-list-wrap .table-wrap .tr-wrap .list-category {width: 100%;}

  .community-list-wrap .table-wrap .tr-wrap .list-subject {width: 100%;}

  .community-list-wrap .table-wrap .tr-wrap .list-writer {width: auto;}

  .community-list-wrap .table-wrap .tr-wrap .list-date {width: auto;}

  .community-list-wrap .table-wrap .tr-wrap .list-view {width: auto; }

  .community-list-wrap .table-wrap .tr-wrap .list-like {width: auto;}

  .community-list-wrap .table-wrap .tbody-wrap .tr-wrap {padding: 15px 20px;}

  .community-list-wrap .table-wrap .tbody-wrap .td-wrap {height: auto; text-align: left;}

  .w-full {width: 100%;}

  .community-list-wrap .table-wrap .tbody-wrap .td-wrap:first-child span {

    margin: 0;

  }

  .community-list-wrap .table-wrap .tbody-wrap .td-wrap {

    margin: 0; justify-content: flex-start; margin-bottom: 10px; margin-right: 5px;

  }

  .event-list li {width: calc(100%);}

  .event-list li .img-wrap {padding-bottom: 70%;}

  .payment-wrap .payment-split-left {width: 100%;}

  .payment-wrap .payment-split-right {width: 100%; margin-top: 3.75rem; max-width: none;}

  .payment-split-left .payment-bottom-box.method .button-wrap button img {display: none;}

  .payment-split-left .payment-bottom-box.method .button-wrap button {height: 3rem; font-size: 11px;}



  /* 마이페이지 */

  .mypage-wrap .mypage-main-content-wrap {gap: 20px;}

  .mypage-wrap .mypage-main-content-wrap li {width: 100%;}

  .mypage-purchase-content-wrap li .date-wrap p:last-child {margin-top: 5px;}

  .mypage-info-content-wrap {padding:35px 20px;}



  .mypage-notice-content-wrap .table-wrap .thead-wrap {display: none;}

  .mypage-notice-content-wrap .table-wrap .tr-wrap .category {width: 100%;}

  .mypage-notice-content-wrap .table-wrap .tr-wrap .subject 

  {width: 100%;}

  .mypage-notice-content-wrap .table-wrap .tr-wrap .comment {width: 100%;}

  .mypage-notice-content-wrap .table-wrap .tr-wrap .date {width: auto;}

  .mypage-notice-content-wrap .table-wrap .tr-wrap .view {width: auto; }

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .tr-wrap .td-wrap:nth-child(2) {padding: 0;}

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .tr-wrap {padding: 15px 20px;}

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .tr-wrap .td-wrap {text-align: left;}

  .mypage-notice-content-wrap .table-wrap .th-wrap,

  .mypage-notice-content-wrap .table-wrap .td-wrap {padding: 0; text-align: left;}

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .td-wrap {height: auto; text-align: left;}

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .td-wrap:first-child span {

    margin: 0;

  }

  .mypage-notice-content-wrap .table-wrap .tbody-wrap .td-wrap {

    margin: 0; justify-content: flex-start; margin-bottom: 10px; margin-right: 5px;

  }

  .ess {
    width: 100%;
    /* padding: 15px 0; */
    font-size: 11px!important;
    background-color: #fff;
    margin-top: -1px!important;
  }



  /* footer */

  footer.detailPage {

    padding-bottom: calc(2rem + 20px);

  }

  footer #footer {

    padding-bottom: 3.5rem;

  }

  footer .foot-right {width: 100%; margin-top: 20px;}

}



@media all and (max-width: 480px) {

  /* body {

    font-size: 1px;

  } */



  /* main */

  .m_content01 ul.flex-box li .icon-wrap {
	/*
    width: 56px;
    height: 56px;
	*/

	  width: 60px;
    height: 60px;

  }
  .m_content01 ul.flex-box li p {/*font-size: 12px;*/font-size: 14px; line-height: 1.2}

  .m_content03 .class-wrap .img-wrap img {
    height: auto;
    max-height: none;
    margin-top: -8%;
  }
  .m_content03 .class-wrap .img-wrap {height: 15rem;}



  /* sub */

  .payment-split-left .payment-top {gap: 2rem;}

  .payment-split-left .payment-top .thumbnail-wrap {width: 100%; height: auto;}

  .payment-split-left .payment-top .txt-wrap {width: 100%;}

  .class-wrap ul.flex-box li {width: 100%}
  .class-wrap ul.flex-box li .img-wrap {
    align-items: flex-start;
  }
  .class-wrap ul.flex-box li .img-wrap img {
    height: auto;
    max-height: none;
    
  }

  .split-wrap .split-detail-left .thumbnail {
    height: auto;
  }

  .split-wrap .split-detail-left .thumbnail img {
    height: auto;
  }
  .leader-content01 .leader-box .btn-wrap a img {
    max-width: 15px;
    height: auto;
  }
  .community-list-wrap .table-wrap .tbody-wrap .td-wrap.list-subject {
    font-size: 1.25rem;
    font-weight: 700;
  }
  .community-detail-wrap .community-info h4 {
    font-size: 1.5rem;
    padding-bottom: 10px;
  }
  



  /* footer */

  footer #footer .foot_bottom p.info span {line-height: 1.4;}

}



@media all and (max-width: 350px) {

  body,html {

    font-size: 3.2vw;

  }

  }