@charset "utf-8";

/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 커스텀 */
a { text-decoration: none; }
select { font-size: 14px; }

.container{min-width: 1200px!important;}

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }

.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
.topbar {font-size: 11px; height: 40px;}
.topbar .nav-link{padding-right: 3px; padding-left: 3px; font-size: 12px!important; color: #999!important;}
.topbar .nav-link{padding-right: 3px; padding-left: 3px; --bs-nav-link-color:#333}

/* 메인 2*/
.main2 .select_years table{width: 100%; height: 310px;}
.main2 .select_years td {
    border: 1px solid #e2e2e2;
    width: 201px;
    text-align: left;
    color: #333;

}
.main2 .select_years a { color: #333;}

.navbar .nav-link{font-size: 18px; font-weight: 700; color: #333}

    /*
    .dropdown-item { font-size: 1rem; }
    .title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
    */

.row-main{max-width: 1280px!important; margin: 0 auto;}
.row-main img{width: 100%;}

#program .swiper-slide img {width: 100%;}

.goal td{text-align: left!important;}

@media (min-width: 1400px) {
    .container {
        max-width: 1280px !important;
    }
}
#plans{ width: 1000px; margin: 0 auto;}
#plans .font12{font-size: 12px;}
#plans table {width: 100%; max-width: 1000px; }
#plans .td1 {width: 400px}
/*#plans .td2 {width: 400px}*/
#plans .td3 {width: 120px}
#plans th{background-color: #0070c0; color: #fff; padding: 7px 10px; text-align: center; font-size: 18px;}
#plans td{border: 1px solid #cfcfcf; padding: 7px 10px; font-size: 14px;}


.plan_years td{border:1px #ddd solid; width: 160px; height: 40px;}
.plan_years .nav-pills, .plan_years .nav-link{border-radius: 0px;}
.plan_years a, .plan_years a:active{color: inherit; }
.plan_years td.active{background-color: #1B91FF; color: #fff!important;}

.plan_subject td{background-color: #f6f6f6; border:1px #ddd solid; height: 50px; line-height: 50px; min-width: 180px}
.plan_subject a, .plan_subject a:active{color: inherit; }
.plan_subject td.active{background-color: #1B91FF; color: #fff!important;}

.season_subject td{background-color: #f6f6f6; border:1px #ddd solid; height: 50px; line-height: 50px; min-width: 180px}
.season_subject a, .plan_subject a:active{color: inherit; }
.season_subject td.active{background-color: #1B91FF; color: #fff!important;}
.season_subject td.active1{background-color: #f6accd; color: #fff!important;}
.season_subject td.active2{background-color: #d8e69b; color: #fff!important;}
.season_subject td.active3{background-color: #b8e2e1; color: #fff!important;}
.season_subject td.active4{background-color: #d3bedd; color: #fff!important;}

.main2 .swiper {
    width: 100%;
    height: 100%;
}

.main2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main2 a { color: #000; }
.main2 li {list-style:none}
.main2 .main_list_title {
    font-size: 16px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    line-height: 40px;
}
.main2 .main_list_body{ width: 800px; height: 300px; display: block; border-bottom: 1px solid #e2e2e2}
.main2 .main_list_content{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break:break-all;
    width: 200px;
    font-size: 12px;
}

.main2 .new_list{overflow: hidden}

.main2 #notice {
    font-size: 12px;
}
.main2 #notice_content{ min-height: 220px; background-color: #fff;}
.main2 #notice_content li{
    font-size: 12px;
    border: none;
}
.main2 #notice_content a{font-size: 12px;}

#timetable{ margin: 0 auto;}
#timetable h3 {font-size: 15px; margin: 0; padding: 0}
#timetable hr{border-top:3px solid; color: #1B91FF; margin: 0; opacity: 100;}
#timetable .font12{font-size: 12px;}
#timetable table.re_list {width: 100%; border-top:3px solid #1b91ff; display: block }
#timetable .td1 {width: 250px}
#timetable .td2 {width: 700px}
#timetable .td3 {width: 320px}
#timetable th{background-color: #E0F0FF; padding: 7px 10px; text-align: center; font-size: 18px;}
#timetable td.row1{border: 1px solid #cfcfcf; padding: 7px 10px; font-size: 14px; background-color: #fff}
#timetable td.row2{border: 1px solid #cfcfcf; padding: 7px 10px; font-size: 14px; background-color: #E0F0FF}

#timetable .time-table{width: 100%}
#timetable .time-table th{background-color: #EAEAEA; font-size: 14px; width: 60px; border: 1px solid #cfcfcf; height: 60px;}
#timetable .time-table td.row1{border: 1px solid #cfcfcf; padding: 7px 10px; font-size: 14px; background-color: #E0F0FF; text-align: center; height: 50px;}
#timetable .time-table td.row2{border: 1px solid #cfcfcf; padding: 7px 15px; font-size: 14px; background-color: #fff}
.time-table a { color: #000; }
.time-table .bold {font-weight: bold}

.font11 {font-size:12px}
.font12 {font-size:12px}
.title {font-size: 14px; font-weight: bold; color: #333; margin: 0; padding: 0;}
.font16 {font-size:16px}

.free_programs{width: 100%}
.free_programs td{width: 33%}