/* common */
.subWrap {padding: 25px 0 50px 0;}
.subWrap .s_center {margin: 0 auto; width: 1280px;}
.subWrap .sidemenu {padding: 0 10px; width: 170px; box-sizing: border-box;}
.sideTit {margin-bottom: 20px; border-radius: 5px; padding: 0 12px; height: 44px; background-color: var(--theme-color);}
.subWrap .sidemenu .sidemenu_list {margin-bottom: 40px;}
.subWrap .sidemenu .sidemenu_list li.content_box_a {font-weight: 700; color: var(--theme-color);}
.subWrap .sidemenu li {margin: 15px 0;}

/* .subWrap .sidemenu02 {width: 175px;}
.subWrap .sidemenu02 .sidemenu_list > li > a {font-size: 1.125rem; font-weight: 700;}
.subWrap .sidemenu02 .sidemenu_list li.content_box_a03 .depth2 {display: block;}
.subWrap .sidemenu02 .sidemenu_list li .depth2 {display: none;}
.subWrap .sidemenu02 .sidemenu_list li .depth2 li.on a {font-weight: 700; color: var(--theme-color);}
.subWrap .sidemenu02 .sidemenu_list li.content_box_a03 > img {transform: rotate(90deg);}
.subWrap .sidemenu02 li {position: relative; margin: 15px 0 10px;}
.subWrap .sidemenu02 .sidemenu_list li > img {position: absolute; top: 10px; right: 0; cursor:pointer;}
.subWrap .sidemenu02 .depth2 li:nth-child(1) {margin: 20px 0 8px 0;}
.subWrap .sidemenu02 .sidemenu_list {margin-bottom: 0;}
.subWrap .sidemenu02 .depth2 li {margin: 8px 0; padding-left: 10px; box-sizing: border-box;} */

.subWrap .s_cont {width: 1000px; min-height: 669px;}
.subWrap .s_cont_tit {margin-bottom: 30px;}
.subWrap .s_cont_tit:after {content:""; display: block; margin-top: 10px; width: 100%; height: 1px; background-color: #EFEFEF;}
.subWrap .s_cont_tit.nobrb:after {display: none;}

/* .subWrap .m_s_cont_tit {display: none;}
.subWrap .top_searchBar {margin: 10px 0 30px 0;}
.subWrap .inputwrap input.search {display: block; padding: 10px 20px; width: 390px; box-sizing: border-box; border-radius: 5px 0 0 5px; border: 1px solid #EFEFEF; font-size: 0.875rem; color: #000;}
.subWrap .inputwrap input::placeholder {font-size: 0.875rem; color: #bcbcbc;}
.subWrap .inputwrap .searchBtn {width: 60px; border-radius: 0 5px 5px 0; box-sizing: border-box; font-size: 14px;}
.subWrap .searchBtn02 {width: 170px; height: 35px; border-radius: 5px;} */

.subWrap .s_cont_tit02 {margin-bottom: 20px;}
.subWrap .s_cont_tit02.bor_bot {padding-bottom: 12px; border-bottom: 1px solid #EFEFEF;}
.subWrap .s_cont_tit02 .line::after {content: ""; display: block; margin: 0 10px; width: 1px; height: 26px; background-color: #EFEFEF;} 
/* .subWrap .all_list_wrap {margin-bottom: 30px;} */

.totalAmtWrap {margin-top: /*50*/100px; padding: 20px 10px 0 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box;}
.totalAmtWrap .totalAmt_tit {width: 49%;}
.totalAmtWrap .tableWrap {width: 49%;}

.tableWrap .subTbl {width: 100%; border-top: 2px solid #000; table-layout: fixed;}
.tableWrap .subTbl.brbt0 {border-top: 1px solid #000;}
.tableWrap .subTbl .thumbnail {width: 150px; height: 85px; border-radius: 5px; overflow:hidden;}
.tableWrap .subTbl .thumbnail img {width: 100%;}
.tableWrap .subTbl .cart_tit {width: calc(100% - 150px);}
.tableWrap .subTbl .cart_tit01 {margin-bottom: 3px;}

.tableWrap .subTbl tr.brb000 {border-bottom: 1px solid #000;}
.tableWrap .subTbl tr {border-bottom: 1px solid #EFEFEF;}
.tableWrap .subTbl tr th,
.tableWrap .subTbl tr td {position: relative; padding: 10px 20px; font-size: 0.875rem; text-align: center;}
.tableWrap .subTbl tr td p {width: 90%; margin: 0 auto;}
.tableWrap .subTbl tr.noResult {height: 84px;}
.tableWrap .subTbl tr.noResult td {color: #949494;}
.tableWrap .subTbl tr .replyStatus {margin: 0 auto; width: 76px; height: 26px; border-radius: 5px; border: 1px solid #949494; color: #949494;}
.tableWrap .subTbl tr .replyStatus.on {background-color: #949494; color: #fff;}
.tableWrap .subTbl tr .reviewWrt {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 76px; height: 26px; border-radius: 5px; font-size: 0.75rem;}

.tableWrap .subTbl02 {display:table; width: 100%;}
.tableWrap .subTbl02 .subTbl02__row {height: 50px;display: table-row;}
.tableWrap .subTbl02 .subTbl02__row .subTbl02__th {display: table-cell; text-align: left; color: #949494; font-size: 1rem; font-weight: 400;}
.tableWrap .subTbl02 .subTbl02__row .subTbl02__td {display: table-cell; text-align: right;}
.tableWrap .subTbl02 .subTbl02__row .total_amount,
.tableWrap .subTbl02 .subTbl02__row .total_amount {
  border-top: 1px dashed #949494;
  color: #000;
  font-weight: 700;
  height: 80px;
  vertical-align: middle;
}


.numWrap .prev_btn,
.numWrap .next_btn {margin: 0 5px; width: 30px; height: 30px; border-radius: 5px; background-color: #C8C8C8;}
.numWrap .num {margin: 0 5px; width: 30px; height: 30px; border-radius: 5px;}
.numWrap .num.on {background-color: var(--theme-color); color: #fff;}

.subWrap .detail_cont {width: 850px; padding: 0 10px; box-sizing: border-box;}
/* .subWrap .detail_cont .detail_sum {height: 440px;} */
.subWrap .detail_cont .detail_sum {height: 467px; border-radius: 5px; overflow: hidden; margin: 24px 0 40px 0;}
.subWrap .detail_cont .detail_sum img {width: 100%;}
.subWrap .detail_cont .detail_sum iframe {width: 100%; height: 100%;}
.subWrap .detail_cont .event_detail img {width: 100%;}
.subWrap .detail_right {margin: 24px 0 0 0;}
.subWrap .pin_box {padding: 30px 24px; width: 375px; border-radius: 0px 0px 5px 5px; border:1px solid #E9E9E9; box-sizing: border-box; background-color: #fff;}
.subWrap .pin_box .pin_box_tit {margin: 0 0 10px 0; font-size:1.250rem;}
.subWrap .pin_box .pin_box_det {margin: 0 0 30px 0; font-size: 0.875rem;} 
.subWrap .pin_box_btn {margin-bottom: 10px; border-radius: 5px; width: 100%; height: 50px; box-sizing: border-box;}
.subWrap .pin_box_btn:last-child {margin-bottom: 0;}
.subWrap .pin_box_btn.border {border: 1px solid var(--theme-color);}
.subWrap .detail_file {margin: 30px 0;}

#location {display: none;}
.mobile_detail_wrap {display: none;}

.caution_subcont,
.detail_subcont {
  margin-top: 20px;
}
.caution_subcont .caution_depth01 {
	margin-bottom: 20px;
}
.caution_subcont .caution_depth02 {
	padding: 0 0 0 20px;
	box-sizing:border-box;
}

.detail_cont_sub_tit {margin: 100px 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #EFEFEF;}
.detail_cont_sub_tit > span{border-radius: 3px 3px 0px 0px; box-sizing: border-box; padding: 5px 10px; font-size:1.250rem;}

/* end of common */


/* board */

/** index */
.section_sub {width:1280px;margin:0 auto; padding:40px 0;}
.section_sub .sub-nav {display:flex; align-items:center; margin:0 auto;border-bottom:1px solid #000;justify-content:space-between;}
.section_sub .sub-nav .class_tit {font-size:30px;font-weight:bold;margin-bottom:15px;}
/* .section_sub .sub-nav .class_tit::before {content:""; display:block; width:30px; height:4px; background-color:#333;margin-bottom:20px;} */
.section_sub .sub-nav ul {display:flex;}
.section_sub .sub-nav ul li {position:relative; font-size:1rem;}
.section_sub .sub-nav ul li:not(:first-child) {margin-left:40px; box-sizing:border-box;}
.section_sub .sub-nav ul li:not(:first-child):before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-20px; width:6px; height:6px; background:#bbbcbf; border-radius:50%;}

.search-wrap {
  margin: 10px 0;
  display: flex;
  width: 100%;
  height: 35px;
  gap: 0.2rem;
}
.board-input {
  border: 1px solid #bbb;
  border-radius: 2px;
}

.material-symbols-outlined {
  vertical-align: middle;
}

.btn-search {
  margin: 0;
  padding: 0;
  width: 100px;
}

.board-table {
  display: table;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.75rem;
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  border-collapse: collapse;
}

.board-table.fixed {
  table-layout: fixed;
}

.board-row {
  display: table-row;
  height: 3.375rem;
  border-bottom: 1px solid var(--gray-light);
}

.board-row.medium {
  height: 2.375rem;
}

.board-row:hover:not(.board-notice) {
  background-color: var(--light);
}

.board-row:last-child {
  border-bottom: none;
}

.board-row .hidden {
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-notice {
  background-color: var(--theme-color3);
}

.board-notice * {
  font-weight: 600;
}

.board-category,
.board-title,
.board-date,
.board-none,
.board-thumbnail {
  display: table-cell;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
	box-sizing:border-box;
}

.board-category {
  padding: 0px 1.5rem;
  width: 6.75rem;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--seed-scale-color-gray-900);
}

.board-title {
  padding: 0px 2rem;
  /* width: 55rem; */
  white-space: nowrap;
  font-size: 1rem;
  line-height: 140%;
}

.board-date {
  padding: 0px 1.5rem;
  width: 11.75rem;
  font-size: 1rem;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: var(--gray);
  font-variant-numeric: tabular-nums;
}

.board-thumbnail img {
  width: 120px;
  padding: 5px;
}

.board-small {
  padding: 0px 0.75rem;
  width: 1.75rem;
}

.board-star-pc {
  display: inline;
}

.board-star-tablet {
  display: none;
}

@media (max-width: 768px) {
  .board-content {
    display: -webkit-box;
    line-height: 1.6em;
    white-space: normal;
    /* height: 2.4em; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .board-star-pc {
    display: none;
  }
  .board-star-tablet {
    display: inline;
  }
}

/** view */

.board-wrap {width:100%; margin:20px auto;}
.board-wrap .board-info {font-weight:bold; padding-bottom:30px;border-bottom:1px solid #e8e8e8}
.board-wrap .b-cate {font-size:1rem;}
.board-wrap .b-tit {font-size:2rem;margin:20px auto;}
.board-wrap .b-thumbnail {margin-top: 10px;}
.board-wrap .b-thumbnail img {max-width: 400px; max-height: 200px;}
.board-wrap .info-wrap {display:flex;align-items:center;justify-content:flex-start;gap:30px; }
.board-wrap .b-cont {margin-top:30px;}
.reg_btn_wrap {display:flex; justify-content:flex-end;}
.reg_btn {width:initial; padding:8px 15px; margin-right:10px;}

/** gallery board */

#bo_gall #gall_ul {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1
}

#bo_gall #gall_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#bo_gall .gall_li {}

#bo_gall .gall_li .gall_chk {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  z-index: 1
}

#bo_gall .gall_box {
  position: relative;
  margin: 0 0 50px 0;
  border-radius: 0 0 2px 2px
}

#bo_gall .gall_con {
  position: relative
}

.gall_row .col-gn-0,
.gall_row .col-gn-1,
.gall_row .col-gn-2,
.gall_row .col-gn-3,
.gall_row .col-gn-4,
.gall_row .col-gn-5,
.gall_row .col-gn-6,
.gall_row .col-gn-7,
.gall_row .col-gn-8,
.gall_row .col-gn-9,
.gall_row .col-gn-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0
}

.gall_row .col-gn-0,
.latest_row .col-gn-1 {
  width: 100%
}

.gall_row .col-gn-2 {
  width: 50%
}

.gall_row .col-gn-3 {
  width: 33.33333333%
}

.gall_row .col-gn-4 {
  width: 24.999%
}

.gall_row .col-gn-5 {
  width: 20%
}

.gall_row .col-gn-6 {
  width: 16.66666667%
}

.gall_row .col-gn-7 {
  width: 14.28571428%
}

.gall_row .col-gn-8 {
  width: 12.5%
}

.gall_row .col-gn-9 {
  width: 11.11111111%
}

.gall_row .col-gn-10 {
  width: 10%
}

.gall_row .box_clear {
  clear: both
}

#bo_gall .gall_now .gall_text_href a {
  color: #ff3061
}

#bo_gall .gall_href a:link,
#bo_gall .gall_href a:focus,
#bo_gall .gall_href a:hover {
  text-decoration: none
}

#bo_gall .gall_img {
  border-bottom: 1px solid #eee;
  text-align: center;
  max-height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 뷰포트 높이에 따라 조절할 수 있음 */
}

#bo_gall .gall_img a,
#bo_gall .gall_img .no_image,
#bo_gall .gall_img .is_notice {
  display: block
}

#bo_gall .gall_img img {
  max-width: 100%;
  height: auto !important
}

#bo_gall .gall_img .notice-txt {
  /* display: inline-block;
  background: #eaeaea;
  text-align: center;
  line-height: 200px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25em;
  color: #777 */
}

#bo_gall .gall_img .notice-txt {
  width: 45px;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--theme-color3);
  color: #000;
}

#bo_gall .gall_text_href {
  margin: 10px 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#bo_gall .gall_text_href a {
  font-weight: bold
}

#bo_gall .gall_text_href img {
  margin: 0 0 0 4px
}

#bo_gall .bo_tit {
  display: block;
  line-height: 30px;
  font-weight: bold;
  color: #000;
  font-size: 1.2em
}

#bo_gall .bo_tit .cnt_cmt {
  background: #e9eff5;
  color: #3a8afd;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  border-radius: 3px;
  vertical-align: middle
}

#bo_gall .bo_cnt {
  color: #acacac;
  line-height: 18px
}

#bo_gall .profile_img img {
  border-radius: 50%
}

#bo_gall .bo_tit .fa-download {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #e89f31;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 2px;
  vertical-align: middle
}

#bo_gall .bo_tit .fa-link {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #ad68d8;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 2px;
  vertical-align: middle;
  font-weight: normal
}

#bo_gall .bo_tit .fa-link {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #ad68d8;
  color: #fff;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 2px;
  vertical-align: middle;
  margin-right: 2px
}

#bo_gall .bo_tit .new_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.825em;
  color: #23db79;
  background: #b9ffda;
  text-align: center;
  border-radius: 2px;
  margin-left: 2px;
  font-weight: bold;
  vertical-align: baseline
}

#bo_gall .bo_tit .hot_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #fff;
  background: #e52955;
  text-align: center;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 2px
}

#bo_gall .bo_tit .fa-lock {
  display: inline-block;
  line-height: 16px;
  color: #999;
  text-align: center;
  vertical-align: middle
}

#bo_gall .gall_info {
  line-height: 1.5em;
  line-height: 20px
}

#bo_gall .gall_info strong {
  display: inline-block;
  margin: 0;
}

#bo_gall .gall_info i {
  font-size: 14px;
  margin-right: 5px;
}

#bo_gall .gall_info .gall_date {
  margin-right: 10px;
}

#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {
  display: inline-block;
  color: #777
}

#bo_gall .gall_option {
  position: absolute;
  top: 10px;
  right: 10px
}

#bo_gall .gall_option strong {
  background: #fff;
  padding: 5px 10px;
  border-radius: 30px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

@media (min-width: 768px) and (max-width: 1199px) {
  .gall_row .col-gn-4 {
    width: 33.333%
  }
}

@media (max-width: 767px) {
  .gall_row .col-gn-4 {
    width: 49.999%
  }
  #bo_gall .gall_img {
    max-height: 26vw;
  }
}


/* end of board */


/* online */

/* index.php */
.subWrap .nVdSlickBox {margin-bottom: 20px; margin-right: 2.666%; width: 23%;}
.subWrap .nVdSlickBox:nth-child(4n) {margin-right: 0;}
.subWrap .nVdSlickBox .thumbnail {position: relative; width: 100%; height: 170px; border-radius: 5px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.subWrap .nVdSlickBox .nVdCont .nVdTop {padding-bottom: 5px;}
.subWrap .nVdSlickBox .nVdCont .nVdBot {padding-top: 5px; border-top: 1px solid #EFEFEF;}
.subWrap .nVdSlickBox .nVdCont .clickicon li span {color: #bcbcbc;}
.subWrap .nVdSlickBox .nVdCont .price_det {
  font-size: 1.325rem;
}
.subWrap .nVdSlickBox .nVdCont .discount_price_det {
}

/* view.php */
.prod_view_wrap {

}

.prod_info {
  margin-bottom: 50px;
}

.prod_info .thumbnail {
  width: 50%;
  height: auto;
  background: center/contain no-repeat;
  position: relative;
}

.prod_info .prod_content .title {
  font-size: 2.125rem;
}

.prod_info .prod_content .explanation {
  font-size: 1.125rem;
  color: var(--gray);
  padding-bottom: 20px;
  border-bottom: 1px solid #aaaaaa;
}

.prod_info .prod_content .prod_content_wrap {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.prod_info .prod_content .prod_content_wrap .row {
  display: -webkit-box;
  padding: 11px 0;
}

.prod_info .prod_content .prod_content_wrap .row .th {
  width: 166px;
  text-align: left;
}

.prod_info .prod_content .prod_content_wrap .row .td {

}

.prod_info .prod_content {
	width:46%;
}

.prod_info .submit_wrap {
  /* width: 595px; */
}
.class_buy {padding:10px 20px;width:100%; box-sizing:border-box;}


.product_detail {

}
.prod_tabBtn {gap:20px;}
.prod_tabBtn li {
}
.prod_tabBtn li a {
  width: 146px;
  height: 48px;
  border-radius: 48px;
  box-sizing: border-box;
  border: 1px solid #464646;
  color: #464646;
  font-weight: 700;
  font-size: 1.125rem;
}
.prod_tabBtn li.on a {
  border: 0;
  background-color: var(--theme-color);
  color: #fff;
}

.prod_tabCont_wrap .prod_tabCont {
  width: 100%;
  margin-top: 100px;
}

.prod_tabCont_wrap .prod_tabCont .prod_tabCont_subtitle {
  border-bottom: 1px solid var(--theme-color);
  padding-bottom: 7px;
}

.prod_tabCont_wrap .prod_tabCont .prod_tabCont_subtitle span {
  box-sizing: border-box;
  border-radius: 3px 3px 0px 0px;
  padding: 10px 15px;
  font-size: 1.250rem;
  color: #FFF;
  background-color: var(--theme-color);
}

/* .prod_tabCont_wrap .prod_tabCont .prod_tabCont_subcont img {
  max-width: 1280px;
  width: 100%;
} */
.prod_tabCont_wrap .prod_tabCont_subcont .curricul_box_wrap .curricul_box {
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
}


/* end of online */
/* course */
.s_cont_tit .s_cont_tabbtn li {position: relative; margin-right: 20px; font-size: 20px;}
.s_cont_tit .s_cont_tabbtn li.on:after {content:""; display: block; position: absolute; bottom: -11px; width: 100%; height: 2px; background-color: var(--theme-color2);}
.s_cont_tit .s_cont_tabbtn li.on {color: var(--theme-color2); font-weight: 700;}

.class_videoCont {padding: 5px; border-bottom: 1px solid #efefef;cursor: pointer;gap:20px;}
.class_videoCont:hover {background-color: var(--light);}
.class_videoCont.offline {cursor: unset;}
.class_videoCont.disabled {cursor: unset;background-color: var(--gray-light)}
.class_videoCont.disabled:hover {pointer-events: none}
.class_videoCont .class_thumbnail {position: relative; width: 26.5%; padding-bottom: 15%; border-radius: 5px; background-position: center center; background-size: contain; background-repeat:no-repeat}
.class_videoCont .class_thumbnail .likeMark {position: absolute; border: none; background-color: transparent; top: 8px; right: 8px; display: block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; background-image: url("../images/star_off.svg"); background-size: inherit; cursor: pointer;}
.class_videoCont .class_thumbnail .likeMark.on {background-image: url("../images/star_on.svg");}
.class_videoCont .video_progress {width:70%} 
.video_progress .play_titWrap .play_tit {margin-bottom: 3px; font-size: 1.125rem; font-weight: 700;}
.video_progress .progressBar_wrap {margin-top: 10px; gap: 0.45rem;}
.video_progress .progressBar_wrap .progressBar {position: relative; border-radius: 4px; width: 80%; height: 8px; background-color: #ECECEC; overflow: hidden;}
.video_progress .progressBar_wrap .progressBar_fill {border-radius: 4px; height: 100%; background-color: var(--theme-color);}
.class_video_tit_wrap {padding: 15px 0 20px 0;}
.playBtnWrap .play_status {position: relative; margin-right: 20px; border-radius: 5px; background-color: var(--gray); color: #fff; width: 170px; height: 36px; font-weight: 700; z-index: 40;}
.playBtnWrap .play_status.on {color: #fff; background-color: var(--theme-color);}
.noListShow {margin-top: 130px;margin-bottom: 130px;}
.noListShow p {margin-bottom: 5px;}
.noListShow .goClassList {margin: 15px auto 0; border-radius: 5px; width: 140px; height: 30px; border: 1px solid var(--theme-color); color: var(--theme-color); font-size: 0.875rem;}
.noListShow .goClassList:hover {background-color: var(--theme-color); color: #fff;transition: 0.25s ease;}
.class_searchBar .chkBoxTit::before {content: ""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--theme-color);}
.class_searchBar .chkBoxwrap {padding: 14px 20px; box-sizing: border-box; border: 1px solid #EFEFEF;}
.chkBoxwrap .inputwrap {margin: 0 15px;}
.chkBoxwrap .inputwrap label {display: block; font-size: 0.875rem;}
.class_searchBar .classRegiBtn {margin: 70px auto 0; width: 240px; height: 50px; border-radius: 5px; background-color: var(--theme-color); color: #fff;}
.class_searchBar .inputwrap input[type=checkbox] {margin-right: 10px; width: 20px; height: 20px; border: 1px solid #efefef;}
.tableWrap .testStatus {width: 76px; height: 26px; border-radius: 5px; border:1px solid var(--theme-color); color: var(--theme-color); cursor:pointer;}
.tableWrap .testStatus.on {background-color: var(--theme-color); color: #fff;}

.detail_cont_scroll_tit {margin-bottom: 10px; font-size:1.75rem;}
.subWrap .class_dayamount_info {margin-bottom: 30px; padding: 10px; border-radius: 5px;}
.subWrap .class_dayamount_info li:not(:first-child)::before {content: ""; display: block; margin: 0 10px; width:1px; height: 17px; background-color:#C8C8C8;}


.pin_scroll_box {width: 400px; height: calc(100vh - 279px); overflow-y: auto;}
.pin_scroll_box .now_class_status_wrap {margin-top: 10px; padding: 10px; border-radius: 5px; background-color: rgb(239 239 239 / 50%);}
.pin_scroll_box .now_class_status_wrap .now_class_status_play span {margin: 0 5px; font-size: 1rem;}
.pin_scroll_box .now_class_status_wrap .now_class_status_play .ncsp_line {display: block; width: 1px; height: 17px; background-color:#C8C8C8; }
.pin_scroll_box .now_class_status {top:0; right: 0; border-radius: 0px 5px 5px 0px; height: 100%; padding: 10px; font-size: 0.75rem; box-sizing: border-box;}
.pin_scroll_box .per_class_list .per_class_list_box {padding: 15px 5px; border-bottom: 1px solid #E9E9E9; cursor: pointer;}
.pin_scroll_box .per_class_list .per_class_list_box:hover {background-color: var(--gray-light);}
.pin_scroll_box .per_class_list .per_class_list_box.play {background-color: var(--theme-color3);}
.pin_scroll_box::-webkit-scrollbar{width:6px;height:6px;background-color:#e1e1e1} /* 스크롤 바 전체 너비 */
.pin_scroll_box::-webkit-scrollbar-thumb {background-color: #888; border-radius: 3px;}
/* end of course */

/* order */

.list-check-1{padding-bottom:20px;border-top:1px solid #000;}
.list-check-1:after{content:'';display:block;clear:both;}
.list-check-1 > li{float:left;box-sizing:border-box;width:25%;margin-top:26px;padding-left:10px;}

.list-check-1 input[type="radio"].ipt-radio-1{position:absolute;width:0;height:0;margin:0;padding:0;border:0;z-index:-1;overflow:hidden;opacity:0;}
.list-check-1 input[type="radio"].ipt-radio-1 + label{position:relative;display:inline-block;min-height:20px;padding-left:25px;font-size:12px;line-height:18px;color:#474747;font-weight:normal;cursor:pointer;}
.list-check-1 input[type="radio"].ipt-radio-1 + label .ico-radio{position:absolute;top:0;left:0;display:inline-block;width:18px;height:18px;border:1px solid #afafaf;border-radius:50%;cursor:pointer;vertical-align:top;}
.list-check-1 input[type="radio"].ipt-radio-1 + label .ico-radio > span{position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:transparent;border-radius:50%;transition:background-color 0.2s ease;}
.list-check-1 input[type="radio"].ipt-radio-1:checked + label .ico-radio{border-color: var(--theme-color);}
.list-check-1 input[type="radio"].ipt-radio-1:checked + label .ico-radio > span{background-color: var(--theme-color);}
.list-check-1 input[type="radio"].ipt-radio-1:disabled + label .ico-radio{opacity:0.33;}

.list-check-1 .info-box {
  /* display: none; */
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1000;
  width: 450px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-radius: 4px;
}
.list-check-1 .close-btn {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #aaa;
}
.list-check-1 .close-btn:hover {
  color: #000;
}

@media screen and (max-width:1024px) {
  .list-check-1 .info-box {
    width: 390px;
    padding: 5px;
    right: 10px;
  }
}

@media screen and (max-width:600px) {
  .list-check-1 .info-box {
    width: 90%;
    padding: 5px;
    left: 25px;
  }
}

.default_label {
  width: 40px;
  height: 20px;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
}

.default_label::before {
  content: '기본';
}

.payResult_title {
  text-align: center;
}
h4.payResult_title {
  margin-bottom: 2rem;
}
.payResult_Wrap {
	margin: 0 auto;
	width: 60%;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #EFEFEF;
}
.payResult_Wrap .payResult_box {
	margin-bottom: 40px;
}
.payResult_Wrap .payResult_box .tit:first-child {
  margin-top: 0;
}
.payResult_Wrap .payResult_box .tit {
	margin-top: 20px;
	margin-bottom: 8px;
}
.payResult_Wrap .payResult_box p {
	margin-bottom: 5px;
  font-weight: 600;
}
.payResult_Wrap .classBtn {
	width: 100%;
	padding: 5px;
	border-radius: 4px;
}

/* end of order */

/* account */
.account__row {
  padding: 5px 0;
}
.account__row #contact,
.account__row #pwd,
.account__row #pwdChk {
  margin: 0;
  padding: 10px;
}
.account__row .account__type {
  width: 20%;
}
.account__row .account__val {
  width: 80%;
}

/* end of acoount */

/*way*/
.location_wrap {width:100%;}
.location_img {border:1px solid #ccc; box-sizing:border-box;width:100%;}
.location_img img{max-width:900px; width:100%;}

.location_map {width:100%; margin:30px auto;border-bottom:1px solid #d7d7d7;}
.location_map > div {width:100%;}
.root_daum_roughmap .wrap_controllers {display:none;}

.location_real_img {width: 100%; margin: 2rem auto;}

.location_info {width:100%; display:flex; flex-flow:row wrap; gap:20px 0px; padding-bottom:30px;}
.location_info > li {width:50%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;box-sizing:border-box;}
.location_info > li:first-child {width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.loca_icon {width: 50px;text-align: center; height: 50px; background-color: #515151; vertical-align: middle; border-radius: 15px; display: flex; justify-content: center; align-items: center;}
.loca_icon img {width:30px; height:initial;}
.loca_txt {font-size:16px;padding-left:30px;line-height:1.5;color:#333;}
.loca_txt .loca_t_tit {font-size:18px; font-weight:bold;color:#000;}
/*end of way*/


/* orderlist */
.tableWrap .divTBL {border-top: 2px solid #000;}
.tableWrap .divTBL .row {border-bottom: 1px solid #EFEFEF;}
.tableWrap .divTBL .row .row_tit,
.tableWrap .divTBL .row .row_detWrap .row_det {text-align: center;}
.tableWrap .divTBL .row .row_tit {height: 40px; border-bottom: 1px solid #000;}
.tableWrap .divTBL .row .row_tit:nth-child(1) {width: 60%;} 
.tableWrap .divTBL .row .row_tit:nth-child(2) {width: 14%;} 
.tableWrap .divTBL .row .row_tit:nth-child(3) {width: 12%;} 
.tableWrap .divTBL .row .row_tit:nth-child(4) {width: 14%;} 
.tableWrap .divTBL .row .row_detWrap .row_det {padding: 27px 0;}
.tableWrap .divTBL .row .row_detWrap .row_det:nth-child(1) {width: 60%;} 
.tableWrap .divTBL .row .row_detWrap .row_det:nth-child(2) {width: 14%;} 
.tableWrap .divTBL .row .row_detWrap .row_det:nth-child(3) {width: 12%;} 
.tableWrap .divTBL .row .row_detWrap .row_det:nth-child(4) {width: 14%;} 
.paytblWrap .paytbl {width: 100%;}
.payDetailMore {display: block; width: 100px; background-repeat: no-repeat; background-position: 100% center; background-size: 10px 5px; background-image: url("../images/downArr.svg");}
.payDetailMore.on {background-image: url("../images/upArr.svg");}
.detailToggWrap {display: none; padding: 25px 20px;}
.detailToggWrap .paystatusBox {margin-bottom: 15px; width: 76px; height: 28px; border-radius: 5px;}
.detailToggWrap .paytblWrap .paytbl tr {height: 35px;}
.detailToggWrap .paytblWrap .paytbl th {width: 25%; text-align: left; color: #949494; font-weight: 400;}
.detailToggWrap .paytblWrap .paytbl td {width: 75%;}
.lastTotal {margin-top: 20px;}
.lastTotal .total_tit {font-weight: 700; width: 25%;}
.lastTotal .total_det {width: 75%;}
/* end of orderlist */


/* teacher */
.teacher_center {width:1280px; margin:0 auto;}
.teacher_wrap {width:100%;display:flex; flex-direction:column;}
.teacher_wrap .teacher_box{width:100%;display:flex; justify-content:center;gap:80px;position:relative;margin-bottom:50px;}
.teacher_wrap .teacher_box:before{content:"";position:absolute;bottom:0;left:0;background-color:#f1f1f1;width:100%;height:30%;z-index:0;}
.teacher_wrap .teacher_box:nth-child(2):before{content:"";position:absolute;bottom:0;left:0;background-color:#f1f1f1;width:100%;height:40%;z-index:0;}
.teacher_wrap .teacher_box:nth-child(even) {flex-direction:row-reverse;}
.teacher_wrap .teacher_box:nth-child(n+3) .teacher_img{width:20%;}
.teacher_wrap .teacher_box:nth-child(n+3):before {height:0%; border-bottom:1px solid #e0e0e0}

.teacher_wrap .teacher_box .teacher_img{width:30%;z-index:1;display:flex;align-items:end;}
.teacher_wrap .teacher_box .teacher_img img{width:100%;}
.teacher_wrap .teacher_box .teacher_txt {padding:20px 0; box-sizing:border-box;z-index:1;}
.teacher_wrap .teacher_box .teacher_txt .teacher_tit{position:relative;width:400px;padding:5px 30px; background-color:#2273c5;color:#fff; font-size:2.5rem;font-weight:bold;}
.teacher_wrap .teacher_box .teacher_txt .teacher_tit:after{content:'';display:inline-block;width:40px;height:100%;background-color:#0c4c8c;position:absolute; top:0; right:-40px;}
.teacher_wrap .teacher_box .teacher_txt .teacher_tit .teacher_position{font-size:1.125rem;font-weight:100; padding-left:20px;}
.teacher_wrap .teacher_box .teacher_txt .career_wrap {width:100%; display:flex; flex-direction: column; gap:50px;margin:30px auto;}
.teacher_wrap .teacher_box .teacher_txt .career_wrap .career_tit{color:#2273c5; font-size:1.275rem; padding-left:20px;font-weight:bold; padding-bottom:10px;}
.teacher_wrap .teacher_box .teacher_txt .career_wrap .teacher_career {line-height:1.5;font-size:1.175rem;}

@media screen and (max-width:1280px){
  .teacher_center {width:100%;}
}
@media screen and (max-width:768px){
  .teacher_wrap .teacher_box, .teacher_wrap .teacher_box:nth-child(even) {flex-direction:column; justify-content:space-between;gap:0;align-items:center;    border-bottom: 1px solid #e0e0e0;}
  .teacher_wrap .teacher_box .teacher_txt {width:100%;padding:0;}
  .teacher_wrap .teacher_box .teacher_img {width:40%}
  .teacher_wrap .teacher_box .teacher_txt .teacher_tit {width:100%;font-size:2rem;}
  .teacher_wrap .teacher_box .teacher_txt .teacher_tit:after {width:10%; right:0;}
  .teacher_wrap .teacher_box .teacher_txt .career_wrap {padding-left:20px;gap:20px;}
  .teacher_wrap .teacher_box:before {display:none}
  .teacher_wrap .teacher_box:nth-child(n+3) {flex-direction:row-reverse;align-items:flex-end}
  .teacher_wrap .teacher_box:nth-child(n+3) .teacher_txt {width:60%;}
  .teacher_wrap .teacher_box:nth-child(n+3) .teacher_img {width:30%;}
}
/* enc of teacher */