@charset "euc-kr";
@media screen and (max-width: 992px) {
  .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:0px;
}
.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;
	font-style: italic;
	margin-left:0px;
}

.da-slide .da-link{
	top: 220px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 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 0px;
	font-size: 14px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
	margin-left:0px;
}

.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{vertical-align: middle;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{vertical-align: middle; 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*/
  .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: 0px 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-class*/
  .new-class {
    padding: 0 25px;
    margin: 30px 0;
    box-sizing: border-box;
  }
  /*best-class*/
  .best-class {
    height: 225px;
    padding: 0 25px;
    margin: 30px 0;
    box-sizing: border-box;
  }
  .best-class .class-title {
    padding-top: 20px;
  }
  /*company-class*/
  .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;
  }


/* ¼ö°­Èıâ Start*/
.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;


}

/* ¼ö°­Èıâ End */


  /*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 80px 5px;
  }
  #footer .footer-menu-wrap .footer_address {
    padding: 20px;
    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*/
  .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;
    text-align: center;
    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 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,
  .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 {
/*    flex-direction: column; 
    height: auto; */
  }
  .join-form ul li > span {
    width: 150px;

  }
  .join-form ul li > div {
    padding: 5px;
 /*   flex-direction: column; */
  }
  .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;
  }
  .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;
  }
}
@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%;
  }


}