.main_search_area {margin-top: 85px;}

.m_edu_s {background-color: ;}
.m_search_box {background-color:#0059a5;padding:30px;border-radius: 10px;}
.m_search_box span {color:#fff;font-size: 36px;font-weight: 600;float:left;line-height: 50px;}
.m_search_box ul li {background-color: #fff;border-radius: 50px;margin-left:170px;padding:10px 50px;}
.m_search_box ul li input.m_search_inp {font-size:24px;border:none;width:calc(100% - 40px)}
.m_search_box ul li input.m_search_inp::placeholder {   font-weight:500;    opacity: 0.3;    color: #000;  }

#slider-msearch-div .slick-list{padding:0;overflow: hidden;}
#slider-msearch-div .slick-slide {border-top:20px solid #fff !important;border-bottom:20px solid #fff !important;border-right:20px solid #fff !important}
#slider-msearch-div .slick-slide a {overflow: hidden !important; }
#slider-msearch-div { visibility: hidden; }   
    
.sc_type {overflow:hidden;text-align:center;vertical-align:middle;display:inline-block;min-width:24px;height:24px;line-height:24px;padding:0 5px;border-radius:2px;letter-spacing:-0.23px;color:#fff;background-color:#282828;font-size:13px;color:#fff;}
.sc_type.navy {background-color:#0663c3;}
.sc_type.online, .sc_type.area, .sc_type.blue {background-color:#2473a5;}
.sc_type.youtube, .sc_type.cyan {background-color:#388378;}
.sc_type.video, .sc_type.green {background-color:#3c624b;}
.sc_type.orange {background-color:#d34111;}
.sc_type.l_green {background-color:#587b5d;}
.sc_type.d_green {background-color:#44792d;}
.sc_type.red {background-color:#b03c51;}
.sc_type.gray {background-color:#6e7073;}
.sc_type.bk {background-color:#282828;}
.sc_type.d_gray {background-color:#5b5b5b;}

.sc_type.wd {min-width:68px;padding:0 10px;}
.edu_day {position:relative;margin:10px 0 0px 0;padding-left:95px;}
.edu_day .date {text-align:center;position:absolute;left:0;top:0;width:95px;height:104px;padding-top:25px;border-radius:10px 0 0 10px;color:#fff;background-color:#538e35;}
.edu_day .date .day {display:block;font-size:26px;font-weight:700;}
.edu_day .date .mon {display:block;padding-top:5px;}
.edu_day .list {border:2px solid #d8d8d8;border-left:0;border-radius:0 10px 10px 0;padding:8px 0 8px 10px}
.edu_day .tb {display:table;width:100%;height:100px;padding:0 20px;}
.edu_day .td {vertical-align:middle;display:table-cell;padding:0 10px;font-size:17px;}
.edu_day .td .lab {font-size:18px;font-weight:700;color:#212121;}
.edu_day .td li + li {padding-top:8px;}
.edu_day .capa {width:12%;white-space:nowrap;overflow:hidden}
.edu_day .capa .val {margin-left:5px;}
.edu_day .period .val {display:block;padding-top:8px;font-size:16px;letter-spacing:-0.3px;}
.edu_day .sub {width:50%;}
.edu_day .sub p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:580px;}
.edu_day .sub .text {font-size:18px;color:#0663c4;}
.edu_day .sc_type {height:38px;line-height:38px;margin-right:10px;border-radius:4px;padding:0 10px;font-size:18px;}
.edu_day .bar {display:none;position:absolute;}

.c_title3 {position:relative;line-height:1.4;margin-bottom:10px;padding-left:32px;font-size:20px;font-weight:700;letter-spacing:-0.5px;color:#538e35;}
.c_title3:before {content:" ";position:absolute;left:0;top:1px;width:26px;height:24px;background:url(https://edu.ssis.or.kr/common/images/www/common/bl_square.png) no-repeat 0 0;}
.c_btn {text-align:center;vertical-align:middle;display:inline-block;padding:0 10px;height:32px;line-height:32px;border-radius:2px;font-size:14px;letter-spacing:-0.3px;color:#fff;}
.c_btn.blue {background-color:#2a87c2;}


.edu_n_1dep_tab ul {display:flex}
.edu_n_1dep_tab ul li{width:33.3%;}
.edu_n_1dep_tab ul li a {border-bottom: 4px solid #d7d7d7;display:block;text-align: center;color:#9d9c9c;padding:10px 0;transition: 0.35s;height:100%}
.edu_n_1dep_tab ul li a.on,.edu_n_1dep_tab ul li a:hover {border-bottom: 4px solid #0059a5;color:#000;font-weight: 600;transition: 0.35s;}

.edu_n_2dep_tab ul {display:flex;margin-top:20px;gap: 4px;}
.edu_n_2dep_tab ul li{width:100%;font-size: 16px;}
.edu_n_2dep_tab ul li a {border:1px solid #d7d7d7;border-radius:50px;display:block;text-align: center;color:#8c9faf;padding:5px 0;transition: 0.35s;}
.edu_n_2dep_tab ul li a.on,.edu_n_2dep_tab ul li a:hover {border:1px solid #0059a5;color:#0059a5;font-weight: 600;transition: 0.35s;background-color: #eff7fe;}

.edu_n_cal_top {text-align: center;margin:30px 0 10px 0;position:relative}
span.edu_n_cal_date {font-size: 24px;font-weight: 600;color:#0059a5;margin:0 20px;vertical-align: middle;}
a.edu_n_cal_arr {border:1px solid #0059a5;border-radius:50px;display:inline-block;padding:0px 15px 5px 15px;text-align: center;vertical-align: middle;}

.mark_li {    position: absolute;    right: 0;    bottom: 4px;}
.mark_li li {    float: left;    margin: 0 5px 0 10px;}

.edu_n_cal_box {clear:both;width:100%}
.tbl_sche {width:100%;table-layout: fixed;border:1px solid #e4e8eb}
.tbl_sche th, .tbl_sche td {text-align:center;line-height:1.4;padding:0 !important}
.tbl_sche thead th {height:50px;padding:10px;font-size:15px;font-weight:500;color:#000;background-color:#f4f2f2;border-left:1px solid #e4e8eb}
.tbl_sche td {height:65px;border-bottom:1px solid #e4e8eb;border-left:1px solid #e4e8eb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_sche th:first-child, .tbl_sche td:first-child {border-left:0;}
.tbl_sche .day {position:relative;height:100%;padding:35px 0px 10px 10px;}
.tbl_sche .day.active {background-color:#eff7ff;}
.tbl_sche .day.past {background-color:#f5f5f5;}
.tbl_sche .day .count {position:absolute;right:5px;top:5px;font-size:16px;font-weight:500;color:#555;}
.tbl_sche .day.sun .count {color:#f45470;}
.tbl_sche .day.past .count {color:#888;}
.tbl_sche .sc_type {margin:2px 1px;}


.fx_box {clear: both;}
/* tbl_col */

.tbl_col thead th{border-top:2px solid #0059a5;border-bottom:1px solid #0059a5;}
.tbl_col th, .tbl_col td {text-align:center;line-height:1.4;padding:10px;}
.tbl_col th {height:50px;font-size:15px;font-weight:700;color:#212121;}
.tbl_col td {height:50px;border-bottom:1px solid #e5e5e5;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col th:first-child, .tbl_col td:first-child {border-left:0;}
.tbl_col tr:hover td {background-color:#f8f8f8;}
.tbl_col .mg {background-color:#f8f8f8;}
.tbl_col tfoot td {font-weight:500;color:#212121;background-color:#f8f8f9;}
.tbl_col td .lock {margin:-2px 5px 0 -3px;}
.tbl_col td .lock:before {color:#212121;}
.tbl_col td .icc.file:before {color:#2a87c2;transform:rotate(-45deg);}
.tbl_col.line td {border-right:1px solid #e5e5e5;}
.tbl_col.line td:last-child {border-right:0;}
.tbl_col.line td[rowspan], .tbl_col .mg {background-color:#f8f8f8;}
.tbl_col1 {border-top:2px solid #282728;}
.tbl_col1 th, .tbl_col1 td {text-align:center;line-height:1.4;padding:5px 10px;}
.tbl_col1 th {height:50px;border-bottom:1px solid #dbdbdb;font-size:16px;font-weight:500;background-color:#f1f1f1;}
.tbl_col1 td {height:50px;border-bottom:1px solid #dbdbdb;letter-spacing:-0.5px;color:#494949;background-color:#fff;}
.tbl_col1.line thead th {border-bottom:1px solid #282828;color:#212121;}
.tbl_col1 th:first-child, .tbl_col1 td:first-child {border-left:0;}
.tbl_col1 th.mg {border-top:1px solid #dbdbdb;}
.tbl_col1.bs td {padding:5px 10px;} /* basic */
.tbl_col1.row {border-top:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2;}
.tbl_col1.row th {background-color:#f5f5f5;}
.tbl_col1.sm th, .tbl_col1.sm td {height:36px;padding:5px;font-size:13px;}
.tbl_info th, .tbl_info td {text-align:left;padding:15px;border-bottom:1px solid #e5e5e5;}
.tbl_info th {position:relative;font-weight:500;color:#212121;}
.tbl_info th:before {content:" ";position:absolute;right:10px;top:50%;width:1px;height:14px;background-color:#ccc;transform:translateY(-50%);}
.tbl_info {border-top:2px solid #2d2d2d;}
.tbl_info .em {font-weight:500;color:#50b4b6;}
.tbl_info col.fx {width:150px;}

.edu_list_box {margin:30px 0 10px 0;clear:both}

.area_sel {margin:10px 0;padding:10px;background-color:#f1f6f8;border-radius: 10px;font-size:16px;position:relative}
.area_sel ul {overflow:hidden;width:90%}
.area_sel li {float:left;width:11.1%;padding:4px 2px;color:#364e6d;}
.area_sel div.area_sel_btn {position:absolute;right:30px;top: 50%;transform: translateY(-50%);}

@media screen and (max-width: 900px) {
    .mark_li {        overflow: hidden;        position: static;        padding-top: 10px;    }
    .edu_n_2dep_tab ul li {font-size: 14px;width: calc(50% - 4px)}
    .edu_n_2dep_tab ul {flex-wrap: wrap;}
    .edu_day .date {height:80px;padding:14px 0 0 0}
    .edu_day .sc_type{font-size:14px}
    .edu_day .sub .text {font-size:15px}
    #slider-msearch-div .slick-slide {border-top:12px solid #fff !important; border-bottom: 12px solid #fff !important; border-right:12px solid #fff !important}
/*     #slider-msearch-div .slick-slide a {border: 1px solid; height: 46px; vertical-align:top; } */
    .edu_day .list {padding:4px 0 4px 10px !important;}
    .m_search_box {padding:15px;}
    .m_search_box ul li {margin-left:0px;padding:5px 20px}
    .m_search_box ul li input::placeholder {font-size: 18px;}
    .m_search_box span {display: none;}
    #slider-msearch-div .slick-list {height: auto !important; max-height: 68px; overflow-y: hidden;}
/*     .edu_day .td {vertical-align:-webkit-baseline-middle;display:table-cell;padding:0 10px;font-size:17px;} */
    .edu_day .td {vertical-align:-moz-middle-with-baseline !important;display:table-cell;padding:0 10px;font-size:17px;}
}

@media screen and (max-width: 768px) {
 .area_sel li {width:20%}
 .area_sel div.area_sel_btn {right:10px;}
}
@media screen and (max-width: 460px) {
 .area_sel li {width:33%}
    
}