@charset "utf-8";

/********** 사이즈 **********/
.wrap {width:clamp(0px, 100%, 1400px);margin:0 auto;}
  @media only screen and (max-width:1199px){
    .wrap {padding:0 15px;}
  }

  
/********** skip_nav **********/
.skip_nav {position:absolute;z-index:1000;left:0;right:0;top:0;display:block;overflow:hidden;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}


/********** 레이어팝업 오픈시 스크롤 숨김 **********/
.scrolldisable {height:100%;min-height:100%;overflow:hidden;touch-action:none;}


/********** 말줄임 **********/
[class^="ellipsis"] {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */
.ellipsis2 {-webkit-line-clamp:2;}/* 2줄 */
.ellipsis3 {-webkit-line-clamp:3;}/* 3줄 */
.ellipsis4 {-webkit-line-clamp:4;}/* 4줄 */


/********** 타이틀 **********/
h4 {font-size:1.625em;font-weight:700;color:#111;}
.h4 {position:relative;padding-left:30px;font-size:1.625em;font-weight:700;color:#111;}
.h4:before {content:"";position:absolute;left:7px;top:9px;display:block;width:10px;height:10px;background:#2f975c;border-radius:100%;}
.h4:after {content:"";position:absolute;left:0;top:9px;display:block;width:10px;height:10px;background:#7ec198;border-radius:100%;}
h5,.h5 {font-size:1.125em;font-weight:500;color:#222;}
h6,.h6 {position:relative;padding-left:12px;font-size:1em;font-weight:400;color:#444;}
.h6:after {content:"";position:absolute;left:0;top:8px;width:6px;height:10px;background:#1a5286;border-radius:50px;}


/********** 버튼 **********/
.btn_bace {display:inline-block;height:50px;line-height:50px;padding:0 20px;background:#00b649;border-radius:5px;border:0;vertical-align:middle;color:#fff;cursor:pointer;}
input[type="submit"].btn_bace,button[type="button"].btn_bace {line-height:42px;}
.btn_line {display:inline-block;height:50px;line-height:50px;padding:0 20px;background:#fff;border-radius:5px;border:1px solid #ddd;vertical-align:middle;color:#222;cursor:pointer;}
.btn_blue {background:#5568bf;}
.btn_black {background:#444;}


/********** 정렬 **********/
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}


/********** 색상 **********/
.cr_red {color:#e54444;}


/********** 가로값 **********/
.wh50p {width:50% !important;}
.wh100p {width:100% !important;}
  @media only screen and (max-width:767px) {
    .wh50p {width:100% !important;}
  }

/********** 테이블 **********/
.overflow_box {overflow:hidden;padding:40px;box-shadow:10px 10px 20px rgba(0,0,0,0.1);border-radius:50px;}
.tableA {overflow:hidden;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1.111em;border-radius:20px;}
.tableA tbody th {padding:20px 10px;border-top:1px solid #64b082;background:#30985b;vertical-align:middle;font-weight:500;color:#fff;}
.tableA tbody td {padding:20px 10px;border-top:1px solid #ddd;}
.tableA tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableA thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableA tbody tr th.bd_left,.tableA tbody tr td.bd_left,
.tableA thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #cdd2d5;}
  @media only screen and (max-width:1023px){
    .tableA tbody th {padding:15px 10px;}
    .tableA tbody td {padding:15px 10px;}
  }
  @media only screen and (max-width:767px){
    .overflow_box {padding:20px;border-radius:20px;}
    .tableA {border-left:1px solid #ddd;}
    .tableA colgroup {display:none;}
    .tableA tbody th {display:block;}
    .tableA tbody td {display:block;}
  }
/* 페이지넘버 */
.table_box .pagenum {margin-top:30px;text-align:center;}
.table_box .pagenum a {padding:0 10px;font-size:0.875em;font-family:"SCDream";font-weight:300;color:#666;}
.table_box .pagenum .on,
.table_box .pagenum a:hover,
.table_box .pagenum a:focus,
.table_box .pagenum a:active {text-decoration:underline;font-weight:600;color:#2d5aad;}
.table_box .pagenum .first_prev {color:#999;}
.table_box .pagenum .prev {color:#999;}
.table_box .pagenum .next {color:#999;}
.table_box .pagenum .last_next {color:#999;}


/********** 레이어팝업 **********/
.layer_pop_wrap {display:none;overflow-y:auto;position:fixed;left:0;top:0;bottom:0;right:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.layer_pop {position:absolute;left:0;top:15px;right:0;padding:0 40px 40px 40px;width:100%;max-width:1200px;margin:0 auto;background:#fff;border-radius:10px;}
/* 타이틀 */
.layer_pop .stit {display:block;padding:25px 0;margin-bottom:25px;border-bottom:1px solid #222;font-size:1.56em;font-family:"SCDream";font-weight:600;color:#222;}
/* 닫기 */
.layer_pop .pop_close {display:block;position:absolute;right:40px;top:25px;width:24px;height:24px;}
.layer_pop .pop_close:before {content:"";display:block;width:1px;height:30px;background:#222;transform:rotate(45deg) translate3d(5px,-10px,0);-webkit-transform:rotate(45deg) translate3d(5px,-10px,0);}
.layer_pop .pop_close:after {content:"";display:block;width:1px;height:30px;background:#222;transform:rotate(-45deg) translate3d(31px,-17px,0);-webkit-transform:rotate(-45deg) translate3d(31px,-17px,0);}
/* 내용 */
.layer_pop .pop_item {display:flex;flex-wrap:wrap;}
.layer_pop .pop_item div.pop_list1 {width:100%;}
.layer_pop .pop_item div.pop_list2 {width:50%;}
.layer_pop .pop_item .pop_tit {}
.layer_pop .pop_item .pop_tit strong {display:inline-block;margin-bottom:20px;font-family:"SCDream";font-weight:400;font-size:1.25em;color:#222;}
.layer_pop .pop_item .pop_tit strong:before {content:"";display:inline-block;width:2px;height:2px;margin:-2px 10px 0 0;background:#222;vertical-align:middle;}
.layer_pop .pop_item .pop_tit strong span {display:inline-block;line-height:30px;padding:0 15px;margin-left:10px;background:#3a4e80;border-radius:50px;font-size:0.7em;color:#fff;transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.layer_pop .pop_item .pop_tit input {display:inline-block;line-height:30px;padding:0 15px;margin-left:16px;border-radius:5px;transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.layer_pop .pop_item .cont {margin-bottom:45px;padding-left:10px;}
.layer_pop .pop_item .cont .ckbox {display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.layer_pop .pop_item .cont .ckbox input {margin:8px 5px;}
.layer_pop .pop_item .cont .ckbox label {margin-right:20px;}
.layer_pop .pop_item .cont .ckbox input:first-child {margin-left:5px;}
.layer_pop .pop_item .cont.money {display:flex;justify-content:space-between;align-items:flex-end;}
.layer_pop .pop_item .cont.money > div {}
.layer_pop .pop_item .cont.money > div input {margin-left:0;width:100%;margin-top:5px;}
.layer_pop .pop_item .cont.money > div:nth-child(1) {width:50%;height:33px;padding-right:30px;}
.layer_pop .pop_item .cont.money > div:nth-child(2) {width:24%;padding-right:10px;color:#6d6d6d;}
.layer_pop .pop_item .cont.money > div:nth-child(3) {width:4%;height:45px;padding-top:15px;text-align:center;}
.layer_pop .pop_item .cont.money > div:nth-child(4) {width:24%;padding-left:10px;color:#bf2626;}
.layer_pop .pop_item div.pop_list1 table {width:100%;text-align:center;border-bottom:1px solid #ddd;}
.layer_pop .pop_item div.pop_list1 table th {background:#ddd;font-weight:600;padding:10px 0;}
.layer_pop .pop_item div.pop_list1 table td {padding:10px 10px;}
.layer_pop .pop_item div.pop_list1 .time_box {display:flex;align-items:center;}
.layer_pop .pop_item div.pop_list1 .time_box select {margin:0 4px;width:80px;height:40px;border-radius:5px;}
/* 수강료범위, 강의기간 */
.layer_pop .ui-widget.ui-widget-content {height:1px;}
.layer_pop .ui-slider-horizontal .ui-slider-range {}
.layer_pop .ui-slider-horizontal .ui-slider-handle + .ui-slider-handle {background:#bf2626;}
.layer_pop .ui-state-default,.layer_pop .ui-widget-content .ui-state-default,.layer_pop .ui-widget-header .ui-state-default,.layer_pop .ui-button,.layer_pop .ui-button.ui-state-disabled:hover,.layer_pop .ui-button.ui-state-disabled:active {border:0;border-radius:100%;background:#2d5aad;margin-top:-4px;cursor:pointer;}
  @media only screen and (max-width:1199px){
    .layer_pop {position:absolute;left:15px;right:15px;padding:0 40px 40px 40px;width:auto;max-width:none;}
  }
  @media only screen and (max-width:1023px){
    .layer_pop {padding:0 30px 30px 30px;}
    .layer_pop .pop_item .cont {margin-bottom:35px;}
    .layer_pop .pop_item div.pop_list1 .table_box {overflow-x:auto;}
    .layer_pop .pop_item div.pop_list1 .table_box table {width:900px;}
    .layer_pop .pop_close {right:30px;}
  }
  @media only screen and (max-width:767px){
    .layer_pop {padding:0 20px 20px 20px;}
    .layer_pop .pop_item div.pop_list2 {width:100%;}
    .layer_pop .pop_item .cont {margin-bottom:30px;}
    .layer_pop .pop_item .cont.money {flex-wrap:wrap;}
    .layer_pop .pop_item .cont.money > div:nth-child(1) {width:100%;height:33px;padding-right:30px;}
    .layer_pop .pop_item .cont.money > div:nth-child(2) {width:48%;padding-right:10px;color:#6d6d6d;}
    .layer_pop .pop_item .cont.money > div:nth-child(3) {width:4%;height:45px;padding-top:15px;text-align:center;}
    .layer_pop .pop_item .cont.money > div:nth-child(4) {width:48%;padding-left:10px;color:#bf2626;}
    .layer_pop .pop_item div.pop_list1 .table_box table {width:700px;}
    .layer_pop .pop_close {right:20px;}
  }
  @media only screen and (max-width:499px){
    .layer_pop .pop_item .pop_tit strong span {display:block;padding:5px 15px;margin-top:5px;line-height:normal;transform:translateY(0);-webkit-transform:translateY(0);}
  }


/********** 가장자리_외부(margin) **********/
/* 위 */
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}
@media only screen and (max-width:1023px){
  .mt15 {margin-top:5px !important;}
  .mt20 {margin-top:10px !important;}.mt25 {margin-top:15px !important;}
  .mt30 {margin-top:20px !important;}.mt35 {margin-top:25px !important;}
  .mt40 {margin-top:30px !important;}.mt45 {margin-top:35px !important;}
  .mt50 {margin-top:40px !important;}.mt55 {margin-top:45px !important;}
  .mt60 {margin-top:50px !important;}.mt65 {margin-top:55px !important;}
  .mt70 {margin-top:60px !important;}.mt75 {margin-top:65px !important;}
  .mt80 {margin-top:70px !important;}.mt85 {margin-top:65px !important;}
}
@media only screen and (max-width:767px){
  .mt30 {margin-top:10px !important;}.mt35 {margin-top:15px !important;}
  .mt40 {margin-top:20px !important;}.mt45 {margin-top:25px !important;}
  .mt50 {margin-top:30px !important;}.mt55 {margin-top:35px !important;}
  .mt60 {margin-top:40px !important;}.mt65 {margin-top:45px !important;}
  .mt70 {margin-top:50px !important;}.mt75 {margin-top:55px !important;}
  .mt80 {margin-top:60px !important;}.mt85 {margin-top:35px !important;}
}
/* 우측 */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
/* 좌측 */
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}