.contents{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;margin-top:15px;}
.con_tit{font-weight:400;font-size:18px;margin-bottom:15px;}
.con_tit span{display:inline-block;font-size:13px;color:#666;margin-left:20px;}

.site_map .site_tit{font-size:20px;font-weight:500;}
.site_map .site_tit:nth-child(n+2){margin-top:30px;}
.site_map .menu{font-size:0;}
.site_map .menu li a{padding-left:10px;}
.site_map .menu > li{display:inline-block;vertical-align:top;width:calc(25% - 60px);margin-right:80px;}
.site_map .menu > li:nth-child(4n){margin-right:0;}
.site_map .menu > li:nth-child(n+5){margin-top:20px;}
.site_map .menu > li > a{font-size:16px;font-weight:600;color:#555;}
.site_map .menu .lnb{margin-top:10px;padding-top:10px;border-top:1px solid #eee;}
.site_map .menu .lnb li{font-size:14px;}
.site_map .menu .lnb li + li{margin-top:15px;}
.site_map .menu .lnb li a{transition:.3s all;}
.site_map .menu .lnb li:hover a{color:#999;}
.site_map .menu .lnb .icon_lb{margin-left:5px;}

.sub_info:after{content:"";display:block;clear:both;}
.sub_info .sub_tit{float:left;font-weight:400;font-size:20px;}
.sub_info .location{float:right;}
.sub_info.flex{display:flex;align-items:center;justify-content:space-between;}
.sub_info.flex > div:first-child{margin-right:auto;}
.location li{display:inline-block;font-size:14px;line-height:20px;}
.location li:nth-child(n+2):before{content:"";display:inline-block;width:6px;height:10px;background:url("../images/icon_arrow_right.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:6px 5px 0;}
.location li.home{position:relative;width:20px;height:20px;background:#333 url("../images/icon_home.gif") 50% 50% / 10px 10px no-repeat;border-radius:50%;vertical-align:top;}
.location li:hover a{text-decoration:underline;text-underline-position:under;}
.location li.home a{display:block;width:100%;height:100%;}

.board_search .search_form:after{content:"";display:block;clear:both;}
.board_search .search_form .item{float:left;display:table;width:50%;height:50px;border:1px solid #ccc;}
.board_search .search_form .item:nth-child(2n){margin-left:-1px;}
.board_search .search_form .item:nth-child(n+3){margin-top:-1px;}
.board_search .search_form .item.w_1{width:100%;}
.board_search .search_form .item:after{content:"";display:block;clear:both;}
.board_search .search_form .item100{float:left;display:table;width:100%;height:50px;border:1px solid #ccc;margin-top:-1px;}
.board_search .search_form .item100:first-child{margin-top:0px;}
.board_search .search_form .item_table{display:table-row;width:100%;height:50px;border:1px solid #ccc;margin-top:-1px;}
.board_search .search_form .item_table:first-child{margin-top:0px;}
.board_search .search_form .tit{display:table-cell;width:150px;font-size:14px;font-weight:400;text-align:center;background:#f5f5f5;vertical-align:middle;}
.board_search .search_form .con{display:table-cell;padding:0 10px;width:calc(100% - 150px);vertical-align:middle;}
.board_search .btn_box{text-align:center;margin-top:20px;}
.board_search .btn_box .btn{width:160px;}

.search_form .con.period .date_box{display: table-cell;}
.search_form .con.period .check_box{display: table-cell;}

.board_btn{text-align:right;margin-bottom:10px;}
.board_btn .btn{width:100px;}

.board_list{width:100%;white-space:nowrap;overflow-x:auto;}
.board_list table{width:100%;}
.board_list table tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board_list table tr:hover{background:rgba(59,133,209,.05)}
.board_list table tr.on{background:rgb(202, 236, 252);}
.board_list table tr.sum{background:rgb(255, 168, 168);}
.board_list table th{height:50px;font-size:13px;font-weight:500;background:#f5f5f5;padding:0 5px;}
.board_list table td{height:40px;font-size:12px;text-align:center;padding:0 5px;}
.board_list table td.tit{text-align:left;padding:0 10px;}
.board_list table td.tit a{display:inline-block;}
.board_list table td.tit:hover a{text-decoration:underline;text-underline-position:under;}
.board_list .icon_lb.noti{margin-right:5px;}
.board_list .icon_lb.new{background:#e9470d;padding:0 3px;border-radius:50%;height:13px;line-height:13px;font-size:8px;margin-left:3px;}
.board_list .btn{box-shadow:0 2px 4px rgba(0,0,0,.05);}

.board_detail table tr{height:40px;}
.board_detail table tr th{width:15%;min-width:80px;font-size:14px;font-weight:500;background:#f5f5f5;}
th span.hint {display: inline-block; color: #666; font-weight:400;  font-size: 12px; margin:5px 0;}
.board_detail table tr td{font-size:14px;padding:0 10px;}
.board_detail table tr th, .board_detail table tr td{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board_detail table tr td.con{padding:20px;}
.board_detail table tr td.con img{width:auto;max-width:100%;}
.board_detail .board_nav{margin-top:20px;}
.board_detail .board_nav .item{height:40px;line-height:38px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;}
.board_detail .board_nav .item:after{content:"";display:block;clear:both;}
.board_detail .board_nav .item:nth-child(2){border-top:0;}
.board_detail .board_nav .item em{float:left;width:130px;font-size:14px;color:#666;padding-left:20px;}
.board_detail .board_nav .item em:before{content:"";display:inline-block;width:10px;height:6px;color:#666;background:url("../images/icon_nav_prev.png") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:17px 15px 0 0;}
.board_detail .board_nav .item.next em:before{transform:rotate(180deg);}
.board_detail .board_nav .item .tit{display:block;width:calc(100% - 130px);float:left;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px;}
.board_detail .board_nav .icon_lb{vertical-align:top;margin:11px 5px 0 0;}
.board_detail .btn_box{text-align:center;margin:50px 0 30px;}
.board_detail .btn_box .btn{width:auto;}

.board_write table tr{height:40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board_write table tr th{width:15%;min-width:80px;font-size:14px;font-weight:500;background:#f5f5f5;}
.board_write table tr td{font-size:14px;padding:0 10px;}
.board_write .input_box{display:inline-block;width:500px;padding:5px 0;}
.board_write .input_box input[type='text']{width:100%;height:30px;border:1px solid #ccc;padding:0 10px;}
.board_write .input_box_w_1{display:inline-block;padding:5px 0; width: 100%;}
.board_write .input_box_w_1 input[type='text']{width:100%;height:30px;border:1px solid #ccc;padding:0 10px;}
.board_write .input_box_w_1 input[type='number']{width:90%;height:30px;border:1px solid #ccc;padding:0 10px;}
.board_write .input_box_w_1 input[type='file']{width:99%;height:30px;border:1px solid #ccc;padding:0 10px;}
.board_write .con{padding:5px 10px;}
.board_write textarea{width:100%;min-height:30px;font-size:14px;border:1px solid #ccc;resize:vertical;padding:5px;}
.board_write .check_box{display:inline-block;}
.board_write .btn_box{text-align:center;margin:50px 0 30px;}
.board_write .btn_box .btn{width:100px;}

/*class_timetable*/
.timetable .search_box:after{content:"";display:block;clear:both;}
.timetable .search_box .year{float:left;}
.timetable .search_box span{font-size:14px;vertical-align:middle;margin-right:5px;}
.timetable .search_box .color{float:right;font-size:14px;line-height:30px;}
.timetable .search_box .color li{display:inline;margin-right:10px;}
.timetable .search_box .color li:last-child{margin-right:0;}
.timetable .search_box .color li:before{content:"";display:inline-block;width:15px;height:15px;border-radius:50%;margin-right:5px;vertical-align:top;margin-top:9px;}
.timetable .search_box .color li.holiday:before{background:#ffff00;}
.timetable .search_box .color li.sun:before{background:#ffc0cb;}
.timetable .search_box .color li.sat:before{background:#87ceeb;}
.timetable .search_box .color li.mon:before{background:#e1e1e1;}
.timetable .search_box .color li.admin_holiday:before{background:#89d989;}
.timetable .check{position:relative;}
.timetable .check input[type='checkbox']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.timetable .check input[type='checkbox'] + label{position:relative;display:block;line-height:1;font-size:14px;}
.timetable .check input[type='checkbox'] + label:before{content:"";display:block;width:16px;height:16px;border-radius:3px;background:#fff url("../images/icon_check_off.png") 50% 50% / 10px 8px no-repeat;border:1px solid #ccc;box-sizing:border-box;margin:0 auto 5px;}
.timetable .check input[type='checkbox']:checked + label:before{background:#555 url("../images/icon_check_on.png") 50% 50% / 10px 8px no-repeat;border-color:#555;}
.timetable .cal_year_tb{overflow-x:auto;}
.timetable .cal_year_tb tr{border:1px solid #ccc;}
.timetable .cal_year_tb th, .timetable .calendar td{height:50px;text-align:center;border:1px solid #ccc;}
.timetable .cal_year_tb th{min-width:50px;}
.timetable .cal_year_tb td{min-width:40px;}
.timetable .cal_year_tb .holiday{background:#ffff00;}
.timetable .cal_year_tb .sun{background:#ffc0cb;}
.timetable .cal_year_tb .sat{background:#87ceeb;}
.timetable .cal_year_tb .mon{background:#e1e1e1;}
.timetable .cal_year_tb .admin_holiday{background:#89d989;}

/*calendar_tb*/
.timetable .calendar .cal_header{position:relative;}
.timetable .calendar .month_box{text-align:center;}
.timetable .calendar .month_box .txt{display:inline-block;font-size:22px;margin:0 10px;}
.timetable .calendar .month_box .btn_month{display:inline-block;width:22px;height:22px;vertical-align:top;margin-top:2px;background:url("../images/icon_arrow_right.png") 50% 50% / 9px 15px no-repeat;cursor:pointer;}
.timetable .calendar .month_box .btn_month.prev{transform:rotate(2700deg);}
.timetable .calendar .btn_today{position:absolute;top:0;right:0;display:block;height:32px;line-height:32px;background:#666;border-radius:3px;color:#fff;font-size:12px;padding:0 15px;cursor:pointer;transition:.3s all;}
.timetable .calendar .btn_today:hover{background:#333;}
.timetable .cal_month_tb{width:100%;border-spacing:0;border-collapse:collapse;margin-top:20px;}
.timetable .cal_month_tb th, 
.timetable .cal_month_tb td{width:14.285%;border:1px solid #ccc;}
.timetable .cal_month_tb th{height:40px;font-size:14px;background:#dedede;}
.timetable .cal_month_tb td{position:relative;height:90px;vertical-align:top;}
.timetable .cal_month_tb .sat{background:rgba(135,206,235,.2);color:#0082d8;}
.timetable .cal_month_tb .sun{background:rgba(255,192,203,.2);color:#ff4262;}
.timetable .cal_month_tb .mon{background:rgba(225,225,225,.3);color:#858585;}
.timetable .cal_month_tb .today{border:2px solid #999;box-shadow:2px 4px 8px rgba(0,0,0,.1);background:#fbfbfb;}
.timetable .cal_month_tb .today .date{background:#555;width:25px;height:25px;line-height:23px;text-align:center;color:#fff;border-radius:50%;margin:3px;}
.timetable .cal_month_tb .date{display:block;font-size:12px;text-align:left;margin:7px 7px 10px 7px;}
.timetable .cal_month_tb .event{display:block;font-size:11px;background:#999;color:#fff;text-align:left;padding:3px 5px;}
.timetable .cal_month_tb .holiday .event{background:#ffff00;color:#333;}
.timetable .cal_month_tb .admin_holiday .event{background:#89d989;}
.timetable .cal_month_tb .check{position:absolute;top:5px;right:5px;}
.timetable .cal_month_tb .check input[type='checkbox'] + label:before{width:20px;height:20px;}

/*ranking*/
.ranking:after{content:"";display:block;clear:both;}
.ranking .item{position:relative;float:left;width:20%;min-height:150px;border:1px solid #ccc;padding:35px 150px 35px 35px;overflow:hidden;margin-right:-1px;}
.ranking .item:nth-child(5n){margin-right:0;}
.ranking .item:nth-child(n+6){margin-top:-1px;}
.ranking .item .idx{position:absolute;top:0;left:0;display:block;font-size:14px;font-weight:600;color:#fff;z-index:1;padding:10px;}
.ranking .item .idx:before{content:"";display:block;position:absolute;top:0;left:0;background:#3B85D1;border:25px solid #3B85D1;border-bottom-color:#fff;border-right-color:#fff;z-index:-1;}
.ranking .item .info{position:relative;z-index:10;}
.ranking .item .info .name{display:block;font-size:14px;line-height:1.2;font-weight:600;border-bottom:1px solid #ccc;padding-bottom:10px;}
.ranking .item .info .name em{color:#555;}
.ranking .item .info .score{font-size:14px;margin-top:10px;}
.ranking .item .info .score strong{font-size:20px;color:#3B85D1;}
.ranking .item .info .btn_info{display:block;width:100%;height:30px;line-height:26px;text-align:center;/*color:#3b85d1;border:2px solid #3b85d1;*/background:#3b85d1;color:#fff;margin-top:10px;transition:.3s all;}
.ranking .item .info .btn_info:hover{background:#056dd4;}
.ranking .item .avatar{position:absolute;bottom:0;right:0;}
.ranking .item .avatar img{position:absolute;bottom:0;right:0;}

/*login*/
.login_box{position:absolute;top:50%;left:50%;width:600px;text-align:center;background:#fff;border:7px solid #777;margin:0 auto;transform:translate(-50%,-50%);padding:50px;}
.login_box img{width:140px;}
.login_box h3{font-size:16px;color:#777;font-weight:500;margin-top:10px;}
.login_box p{font-size:14px;color:#999;margin-top:10px;}
.login_box .login_form{width:300px;margin:20px auto 0;}
.login_box .login_form .input_box{position:relative;height:50px;}
.login_box .login_form .input_box + .input_box{margin-top:10px;}
.login_box .login_form .input_box label{position:absolute;top:16px;left:20px;font-size:16px;color:#777;}
.login_box .login_form .input_box input{width:100%;height:100%;font-size:16px;color:#555;border:2px solid #ddd;background:#fefefe;border-radius:30px;padding:0 30px 0 55px;}
.login_box .login_form .btn_login{display:block;width:100%;height:50px;line-height:50px;text-align:center;background:#555;color:#fff;font-size:18px;border-radius:30px;margin-top:10px;transition:.3s all;}
.login_box .login_form .btn_login:hover{background:#333;}
@media screen and (max-width: 768px){
.login{padding:0;overflow:hidden;}
.login_box{position:relative;top:0;left:0;width:100%;height:100vh;transform:translate(0);border:0;padding:50px 20px 0;}
.login_box .login_form{width:100%;}
}

/*form 요소*/
.btn{display:inline-block;text-align:center;transition:.3s all;vertical-align:middle;cursor:pointer;border-radius:3px;box-sizing:border-box;}
.btn.x_sm{min-width:40px;width:auto!important;height:25px;line-height:23px;font-size:11px;padding:0 10px;}
.btn.sm{min-width:50px;width:auto!important;height:30px;line-height:28px;font-size:12px;padding:0 10px;}
.btn.md{min-width:70px;width:auto!important;height:40px;line-height:38px;font-size:14px;padding:0 15px;}
.btn.lg{min-width:100px;width:auto!important;height:50px;line-height:48px;font-size:16px;padding:0 15px;}
.btn.xx_sm{margin-right: 10px;padding: 0 2px 1px 2px;vertical-align: unset;margin-left: 1px;}
.btn.grey{color:#fff;background:#666;}
.btn.grey:hover{background:#333;}
.btn.blue{color:#fff;background:#0072EF;}
.btn.blue:hover{background:#025fc2;}
.btn.red{color:#fff;background:#fb9b9b;}
.btn.red:hover{background:#d93434;}
.btn.line_blue{color:#0072EF;border:1px solid #0072EF;background:#fff;}
.btn.line_blue:hover{background:#0072EF;color:#fff;}
.btn.line_grey{color:#333;border:1px solid #999;background:#fff;}
.btn.line_grey:hover{background:#666;color:#fff;}
.btn_box .btn + .btn{margin-left:5px;}

table{width:100%;border-spacing:0;border-collapse:collapse;}
select{display:inline-block;min-width:80px;width:auto;height:30px;font-size:14px;border:1px solid #ccc;padding:0 25px 0 10px;background:#fff url("../images/icon_select.png") 90% 50% no-repeat;vertical-align:middle;appearance:none;}
.table_box .board_list{display:inline-block;margin-right:-4px;vertical-align:top;}
.table_box .board_list:nth-child(n+2){padding-left:10px;}

.input_box + .input_box{margin-top:5px;}
.input_box input{width:100%;height:30px;font-size:14px;color:#333;padding:0 10px;}
.input_box select{width:100%;background-position:98% 50%;}
.input_box select.w_1{width:47.5%; background-position: 95% 50%;;}
.input_box textarea{width:100%;height:60px;font-size:14px;padding:10px;resize:vertical;}
.input_column,.input_label,.input_btn{display:flex;}
.input_column span{font-size:14px;line-height:30px;margin:0 5px;}
.input_label label{line-height:30px;}
.input_label input{flex:1;margin-left:15px;}
.input_btn input{flex:1;}
.input_btn .btn{vertical-align:top;border-radius:0;}
.input_btn.auto{display:block;}
.input_btn.auto input{width:auto;margin-right:-4px;}

.search_box{position:relative;font-size:0;}
.search_box select{display:inline-block;width:80px;height:30px;font-size:14px;color:#333;border:1px solid #ccc;padding:0 10px;background:#fff url("../images/icon_select.png") 90% 50% no-repeat;vertical-align:middle; margin-right: 15px;}
.search_box select.w_1{width: 80%;}
.search_box select.w_2{width: 40%;}
.search_box select.w_4{width: 20% !important;}
.search_box input[type='text']{display:inline-block;width:calc(100% - 85px);height:30px;border:1px solid #ccc;vertical-align:middle;padding:0 10px;margin-left:5px;}
.search_box .auto_list{display:none;position:absolute;top:32px;left:0;width:100%;max-height:152px;background:#fff;border:1px solid #ccc;overflow-y:auto;z-index:1;}
.search_box .auto_list li{width:100%;height:30px;line-height:30px;font-size:12px;color:#333;padding:0 10px;}
.search_box .auto_list li:hover{background:#f5f5f5;}
.search_box .auto_list li.on{background:#f5f5f5}
.search_box .auto_list .c_txt{color:#0f57f1;}

.date_box{font-size:0;}
.date_box .date{position:relative;display:inline-block;width:calc(50% - 12px);height:30px;vertical-align:top;}
.date_box .date:after{position:absolute;top:5px;right:5px;content:"";display:block;width:19px;height:20px;background:url("../images/icon_calendar.gif") 0 0 / 19px 20px no-repeat;}
.date_box input[type='text']{width:100%;height:100%;border:1px solid #ccc;color:#333;padding:0 30px 0 10px;}
.date_box span{display:inline-block;font-size:14px;line-height:30px;margin:0 5px;}

.radio_box .radio{position:relative;display:inline-block;margin-right:15px;}
.radio_box .radio:last-child{margin-right:0;}
.radio_box .radio label{position:relative;display:inline-block;line-height:16px;font-size:14px;}
.radio_box .radio input[type='radio']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.radio_box .radio input[type='radio'] + label:before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin:1px 5px 0 0;}
.radio_box .radio input[type='radio']:checked + label:before{border:2px solid #555;}
.radio_box .radio input[type='radio']:checked + label:after{position:absolute;top:6px;left:5px;content:"";display:block;width:6px;height:6px;border-radius:50%;background:#555;}

.check_box .check{position:relative;display:inline-block;margin-right:15px;}
.check_box .check:last-child{margin-right:0;}
.check_box .check label{position:relative;display:inline-block;line-height:16px;font-size:14px;}
.check_box .check input[type='checkbox']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.check_box .check input[type='checkbox'] + label:before{content:"";display:inline-block;width:16px;height:16px;border-radius:3px;background:#fff url("../images/icon_check_off.png") 50% 50% / 10px 8px no-repeat;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin:1px 5px 0 0;}
.check_box .check input[type='checkbox']:checked + label:before{background:#555 url("../images/icon_check_on.png") 50% 50% / 10px 8px no-repeat;border-color:#555;}

.toggle_box .toggle{position:relative;display:inline-block;margin-right:15px;}
.toggle_box .toggle:last-child{margin-right:0;}
.toggle_box .toggle input[type="checkbox"]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.toggle_box .toggle input[type="checkbox"] + label{position:relative;font-size:14px;height:20px;line-height:18px;color:#121212;cursor:pointer;display:block;}
.toggle_box .toggle input[type="checkbox"] + label:before{content:"";display:inline-block;width:48px;height:20px;background-color:#ddd;border-radius:15px;box-shadow:0 .5px 2px 0 rgba(96,97,112,.16), 0 0 1px 0 rgba(40,41,61,.08);transition:all 0.5s;vertical-align:top;margin-right:5px;}
.toggle_box .toggle input[type="checkbox"] + label:after{position:absolute;top:3px;left:3px;content:"";display:block;width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px 0 rgba(96,97,112,.16),0 0 1px 0 rgba(40,41,61,.04);transition:all 0.5s;}
.toggle_box .toggle input[type="checkbox"]:checked + label:before{background-color:#555;box-shadow:none;} 
.toggle_box .toggle input[type="checkbox"]:checked + label:after{left:31px;} 
.toggle_box .toggle input[type="checkbox"]:disabled + label:after{background-color:#e1e1e1;}

.file_box{padding:5px 0;}
.file_box .upload_file{display:inline-block;width:250px;height:30px;padding:0 10px;vertical-align:middle;border:1px solid #ccc;color:#555;}
.file_box label{display:inline-block;color:#fff;font-size:12px;background-color:#555;cursor:pointer;height:30px;line-height:30px;margin-left:2px;padding:0 10px;vertical-align:middle;}
.file_box input[type='file']{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.file_box .f_txt{display:inline-block;font-size:12px;color:rgb(245, 45, 45);margin-left:5px;}

.chart_box{min-height:100px;border:1px solid #ccc;margin:20px 0;}

.loading{width:100px;height:100px;background:url("../images/loading.png") 0 0 / 100% 100% no-repeat;animation:loading_spinner 3s linear infinite;}
@keyframes loading_spinner {
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}

.pagination{text-align:center;margin-top:30px;}
.pagination:after{content:"";display:inline-block;clear:both;}
.pagination .btn_paging{display:inline-block;width:20px;height:20px;vertical-align:top;}
.pagination .number{display:inline-block;vertical-align:top;margin:0 5px;}
.pagination .number a{display:inline-block;width:20px;height:20px;line-height:20px;font-size:15px;transition:.3s all;}
.pagination .number a.on{color:#3b85d1;text-decoration:underline;text-underline-position:under;}
.pagination .prev{background:url("../images/icon_prev.png") 50% 50% / 16px 22px no-repeat;}
.pagination .next{background:url("../images/icon_next.png") 50% 50% / 16px 22px no-repeat;}

.tooltip_box{position:relative;}
.tooltip_box .btn:hover + .tooltip{display:block;}
.tooltip_box .tooltip{display:none;position:absolute;left:10px;top:-40px;min-height:24px;line-height:30px;font-size:14px;color:#555;font-weight:500;background:#fff;border-radius:5px;background:#fff;border:1px solid #555;text-align:left;padding:0 10px;z-index:10;}
.tooltip_box .tooltip:after{content:"";position:absolute;border-style:solid;border-width:0 7px 7px 8px;border-color:#fff transparent;display:block;width:0;z-index:1;top:29px;left:12px;transform:rotate(180deg);}
.tooltip_box .tooltip:before{content:"";position:absolute;border-style:solid;border-width:0 7px 7px 8px;border-color:#555 transparent;display:block;width:0;z-index:0;top:30px;left:12px;transform:rotate(180deg);}

.tab_box{box-shadow:2px 4px 6px rgba(133, 133, 133, 0.1);}
.tab_box .tab_menu_box:after{content:"";display:block;clear:both;}
.tab_box .tab_menu_box ul{display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:1px solid #E9EAEC;}
.tab_box .tab_menu_box .tab_menu{display:table-cell;height:50px;text-align:center;vertical-align:middle;cursor:pointer;}
.tab_box .tab_menu_box .tab_menu:not(.on){background:#F7F8FA;border:1px solid #E9EAEC;}
.tab_box .tab_con_box .tab_con{display:none;padding:30px;}
.tab_box .tab_con_box .tab_con.on{display:block;}

.ui-datepicker{padding:0;}
.ui-datepicker .ui-datepicker-header{height:40px;padding:5px 0;border-radius:0;margin-bottom:5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:5px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{background:url("../images/icon_arrow_right.png") 50% 50% / 6px 12px no-repeat;}
.ui-datepicker .ui-datepicker-prev span{transform:rotate(180deg);}
.ui-datepicker .ui-datepicker-prev-hover{left:2px;}
.ui-datepicker .ui-datepicker-next-hover{right:2px;}
.ui-datepicker .ui-datepicker-title select{height:25px;color:#333;border:1px solid #ccc;background:#fff url("../images/icon_select.png") 90% 50% / 10px 7px no-repeat;padding:0 10px;margin:0;}
.ui-datepicker .ui-datepicker-title select + select{margin-left:5px;}
.ui-datepicker table{font-size:14px;padding:10px;margin:0;}
.ui-datepicker td{height:30px;line-height:30px;}
.ui-datepicker td a{display:block;width:100%;height:100%;text-align:center;padding:0;}
.ui-datepicker .ui-datepicker-week-end:first-child a{color:rgb(223, 46, 46);}
.ui-datepicker .ui-datepicker-week-end:last-child a{color:rgb(51, 51, 221);}
.ui-state-default, .ui-widget-content .ui-state-default{background:#fff;border:0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{background:#999;color:#fff;border-radius:50%;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#555;color:#fff !important;border-radius:50%;}
.ui-state-default.ui-state-hover:not(.ui-state-highlight,.ui-state-active,.ui-datepicker-buttonpane button){background:#eee;border-radius:50%;}
.ui-datepicker .ui-datepicker-buttonpane{margin:10px 0 0;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{background:#eee;}
.ui-datepicker .ui-datepicker-buttonpane button{background:#dedede;}
.ui-timepicker-div.ui-timepicker-oneLine .ui-state-default{width:auto;border:1px solid #ddd;background:#fff url("../images/icon_select.png") 85% 50% / 9px 6px no-repeat;padding-right:20px;}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{font-size:12px;line-height:30px;padding:0 0 0 7px;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary{font-weight:500;}
.ui-widget button{font-family:'Noto Sans KR';font-size:13px;}
.ui-datepicker .ui-datepicker-buttonpane button{padding:0.2em 0.8em 0.3em;}

.popup_wrap .pop_header{position:relative;height:60px;line-height:60px;background:#333;color:#fff;padding:0 20px;}
.popup_wrap .pop_header .tit{font-size:24px;font-weight:500;}
.popup_wrap .pop_header .btn_close{position:absolute;top:15px;right:20px;width:30px;height:30px;background:url("../images/icon_close_w.png") 50% 50% / 23px 23px no-repeat;cursor:pointer;}
.popup_wrap .pop_contents{padding:20px;}
.popup_wrap .pop_contents .contents{margin:0;}
.popup_wrap .pop_contents table tr:hover{background:#fff;}
.popup_wrap .pop_contents table th{width:15%;min-width:100px;}
.popup_wrap .pop_contents table td{padding:5px;}
.popup_wrap .pop_contents textarea{width:100%;min-height:50px;font-size:12px;resize:vertical;padding:5px;}
.popup_wrap .pop_contents .btn_close{display:block;width:120px;height:50px;line-height:48px;text-align:center;font-size:18px;background:#666;color:#fff;border-radius:5px;margin:30px auto 0;transition:.3s all;}
.popup_wrap .pop_contents .btn_close:hover{background:#333;}

.modal{max-width:440px;text-align:center;overflow:hidden;padding:0;}
.jquery-modal.blocker{z-index:100;}
.modal a.close-modal{display:none;top:15px;right:15px;background-image:url("../images/icon_close_g.png");background-size:20px 20px;}
.modal h1.tit{font-size:26px;line-height:1.2;}
.modal .tit + .txt{margin-top:20px;}
.modal .txt{font-size:16px;line-height:1.6;margin-bottom:40px;}
.modal .btn{width:100px;}
.modal .icon{display:block;width:60px;height:60px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;margin:0 auto 20px;}
.modal .icon.complete{background-image:url("../images/icon_complete.png");}
.modal .icon.error{background-image:url("../images/icon_error.png");}
.modal .btn{width:100%}
.modal .btn_box{font-size:0;border-top:1px solid #ddd;}
.modal .btn_box .btn{width:50%;margin:0 !important;}
.modal .btn_box .btn:nth-child(1){border-right:1px solid #ddd;border-top-right-radius:0;}
.modal .btn_box .btn:nth-child(2){border-top-left-radius:0;}
.modal .btn_box .btn:hover{background:#eee;}
.modal .txt_box{padding:30px 15px;}
.modal .txt_box .txt{margin:0;}
.modal .sub_title_box{padding:15px; text-align:left;}
.modal .input_box{margin-top:10px;}
.modal .input_box input{width:100%;height:30px;padding:0 10px;}
.modal[data-type='alert']{padding:50px 20px 20px;}
.modal[data-type='list']{padding:0;}
.modal[data-type='list'] .close-modal{display:none;}
.modal[data-type='list'] ul{width:100%;height:150px;overflow:auto;border-bottom:1px solid #ddd;}
.modal[data-type='list'] ul li{height:45px;line-height:45px;font-size:16px;border-bottom:1px solid #ddd;cursor:pointer;}
.modal[data-type='list'] ul li:last-child{border:0;}
.modal[data-type='list'] ul li.on{background:#999;color:#fff;}
.modal[data-type='board']{max-width:800px;padding-bottom:20px;}
.modal[data-type='board'] .content_box{padding:0 20px;}
.modal[data-type='board']:not(.except) .content{max-height:500px;overflow-x:auto;overflow-y:auto;}
.modal[data-type='board'].except .content{max-height:50vh;padding-bottom:16px;overflow-y:auto;}
.modal[data-type='board'] .content_box ~ .btn{margin-top:20px;}


@media screen and (max-width: 1600px){
.ranking .item{width:33.333%;margin-right:-1px!important;}
.ranking .item:nth-child(3n){margin-right:0;}
.ranking .item:nth-child(n+4){margin-top:-1px;}
}
@media screen and (max-width: 1400px){
.timetable .search_box .year{float:none;}
.timetable .search_box .color{float:none;}
}
@media screen and (max-width: 1080px){
.board_search .search_form .tit{width:70px;}
.board_search .search_form .con{width:calc(100% - 70px);}
.board_write .input_box{width:240px;}
.file_box .upload_file{width:200px;}
.file_box .f_txt{display:block;margin:5px 0 0;}
.ranking .item{width:50%;margin-right:-1px!important;}
.ranking .item:nth-child(2n){margin-right:0;}
.ranking .item:nth-child(n+3){margin-top:-1px;}
}
@media screen and (max-width: 768px){
.contents{padding:15px;margin-top:10px;}
.con_tit{font-size:14px;}
.con_tit span{font-size:10px;margin-left:10px;}
.site_map .site_tit{font-size:16px;}
.site_map .site_tit:nth-child(n+2){margin-top:20px;}
.site_map .menu > li{width:calc(50% - 10px);margin-right:20px;}
.site_map .menu > li:nth-child(2n){margin-right:0;}
.site_map .menu > li:nth-child(n+3){margin-top:20px;}
.site_map .menu > li > a{font-size:14px;}
.site_map .menu li a{padding-left:5px;}
.site_map .menu .lnb{margin-top:5px;padding-top:5px;}
.site_map .menu .lnb li{font-size:12px;}
.site_map .menu .lnb li + li{margin-top:10px;}

.sub_info .sub_tit{font-size:14px;}
.sub_info .location li{font-size:11px;line-height:13px;}
.sub_info .location li.home{width:13px;height:13px;background-size:6px 6px;margin-top:2px;}
.sub_info .location li:nth-child(n+2):before{width:4px;height:8px;margin:3px 3px 0;}

.board_search .search_form .item{float:none;width:100%;height:35px;}
.board_search .search_form .item:nth-child(2n){margin-left:0;}
.board_search .search_form .item:nth-child(n+2){margin-top:-1px;}
.board_search .search_form .item .tit{font-size:12px;}
.board_search .btn_box{margin-top:15px;}
.board_search .btn_box .btn{width:80px;}

/*.board_list table{width:auto;}*/
.board_list table th{height:35px;font-size:12px;}
.board_list table td{height:30px;font-size:11px;}
.board_list .icon_lb.new{font-size:7px;}

.board_detail table tr{height:30px;}
.board_detail table tr th{min-width:70px;font-size:12px;}
.board_detail table tr td{font-size:12px;}
.board_detail table tr td.con{padding:10px;}
.board_detail .board_nav{margin-top:10px;}
.board_detail .board_nav .item{height:30px;line-height:28px;}
.board_detail .board_nav .item .icon_lb{vertical-align:top;margin-top:8px;}
.board_detail .board_nav .item em{width:80px;font-size:12px;padding-left:15px;}
.board_detail .board_nav .item em:before{width:8px;height:5px;margin:12px 5px 0 0;}
.board_detail .board_nav .item .tit{width:calc(100% - 80px);font-size:12px;}
.board_detail .btn_box{margin:40px 0 20px;}
.board_detail .btn_box .btn{width:85px;height:35px;line-height:33px;font-size:12px;}
.board_detail .btn_box .btn + .btn{margin-left:2px;}

.board_write table tr th{min-width:60px;font-size:12px;}
.board_write table tr td{font-size:12px;}
.board_write .input_box {width:calc(100% - 55px);}
.board_write textarea{font-size:12px;}
.board_write .btn_box{margin:30px 0 20px;}
.board_write .btn_box .btn{width:85px;}

/*btn*/
.btn.x_sm{min-width:35px;height:20px;line-height:18px;font-size:10px;padding:0 7px;}
.btn.sm{min-width:45px;height:25px;line-height:23px;font-size:11px;padding:0 7px;}
.btn.md{min-width:65px;height:35px;line-height:33px;font-size:13px;padding:0 10px;}
.btn.lg{min-width:90px;height:45px;line-height:43px;font-size:15px;padding:0 10px;}
.btn.xx_sm{margin-right: 10px;padding: 0 2px 1px 2px;vertical-align: unset;margin-left: 1px;}

.table_box .board_list{display:block;width:100%!important;margin-right:0;}
.table_box .board_list:nth-child(n+2){padding:0;margin-top:10px;}
.table_box .board_list table{width:100%;}

.input_btn .btn{height:30px;line-height:28px;}

.search_box select{height:25px;font-size:12px;background-size:8px 5px;}
.search_box input[type='text']{height:25px;font-size:12px;}
.search_box .auto_list{top:27px;}
.search_box .auto_list li{height:25px;line-height:25px;font-size:10px;}

.date_box .date{width:calc(50% - 7px);height:25px;}
.date_box .date:after{top:5px;width:14px;height:15px;background-size:14px 15px;}
.date_box input[type='text']{font-size:12px;padding:0 22px 0 5px;}
.date_box span{font-size:12px;line-height:25px;margin:0 3px;}

.radio_box .radio{margin-right:10px;}
.radio_box .radio label{font-size:12px;}
.radio_box .radio input[type='radio'] + label:before{width:13px;height:13px;margin:2px 3px 0 0;}
.radio_box .radio input[type='radio']:checked + label:after{top:6px;left:4px;width:5px;height:5px;}

.check_box .check label{font-size:12px;}
.check_box .check input[type='checkbox'] + label:before{width:13px;height:13px;background-size:7px 5px;margin:2px 3px 0 0;}
.check_box .check input[type='checkbox']:checked + label:before{background-size:7px 5px;}

.file_box .upload_file{width:calc(100% - 65px);font-size:12px;}
.file_box label{font-size:10px;}
.file_box .f_txt{font-size:10px;}

.pagination .number{margin:0;}
.pagination .number a{font-size:12px;}

.timetable .search_box span{font-size:12px;}
.timetable .search_box .color{font-size:12px;line-height:18px;margin-top:7px;}
.timetable .search_box .color li:before{width:12px;height:12px;margin-right:3px;margin-top:4px;}
.timetable .cal_year_tb th{font-size:12px;}
.timetable .cal_year_tb input[type='checkbox'] + label{font-size:12px;}
.timetable .calendar .month_box .txt{font-size:16px;}
.timetable .calendar .month_box .btn_month{background-size:7px 13px;margin-top:-2px;}
.timetable .calendar .btn_today{top:-3px;height:25px;line-height:25px;font-size:12px;}
.timetable .cal_month_tb{margin-top:10px;}
.timetable .cal_month_tb th{height:25px;font-size:12px;}
.timetable .cal_month_tb td{height:65px;}
.timetable .cal_month_tb .date{font-size:10px;margin:5px 5px 8px 5px;}
.timetable .cal_month_tb .today .date{width:20px;height:20px;line-height:18px;}
.timetable .cal_month_tb .event{font-size:10px;}
.timetable .cal_month_tb .check{top:3px;right:3px;}
.timetable .cal_month_tb .check input[type='checkbox'] + label:before{width:16px;height:16px;}

.ranking .item{width:100%;margin-right:0!important;}
.ranking .item:nth-child(n+2){margin-top:-1px;}

.popup_wrap .pop_contents{padding:15px;}
.popup_wrap .pop_header{height:50px;line-height:50px;padding:0 15px;}
.popup_wrap .pop_header .tit{font-size:18px;}
.popup_wrap .pop_header .btn_close{top:10px;right:10px;background-size:18px 18px;}
.popup_wrap .pop_contents .btn_close{width:100px;height:40px;line-height:38px;font-size:16px;}

.modal h1.tit{font-size:20px;}
.modal .tit + .txt{margin-top:5px;}
.modal .txt{font-size:14px;margin-bottom:30px;}
.modal .btn{width:100%;}
.modal .icon{width:40px;height:40px;margin-bottom:10px;}

.modal[data-type='alert']{padding:40px 15px 15px;}
.modal[data-type='list'] ul li{height:40px;line-height:40px;font-size:14px;}
.modal[data-type='board']{width:100%;}
.modal[data-type='board'] .content_box{padding:0 12px;}
.modal[data-type='board']:not(.except) .content{max-height:350px;}
.modal[data-type='board'].except .content{max-height:50vh;}
}

.red-txt{color:red;}
.site_tit:nth-child(n+2){margin-top:30px;}
.btn-area-right{text-align: right; padding:20px 0; width:100%;}
input[type='text'].half{width:45% !important;}
input[type='text'].quarter{width:24% !important;}
.modal_search_box{width: 100%; display: table; padding: 20px 0;}
.modal_search_box .modal-search-input{display: table-cell;}
.modal_search_box .modal-search-input input[type='text']{width: 100%; height: 29px;}
.modal_search_box .modal-search-btn{display: table-cell; width: 80px;}
.modal_search_box .modal-search-btn a{margin-top: -3px;}


/* Lim */

.institue_search_form { line-height:40px; }
.institue_search_cateogry { float:left; }
.institue_search_input { clear:both; float:left; width:calc(80% - 5px); margin-right:5px; }
.institue_search_input input {  height: 30px; width:100%; }
.institue-search-btn { float:left; line-height:37px; }

/* #detail_modal { min-width:1000px; }
#detail_modal .board_list { min-height:140px; } */
.popup_wrap .pop_header .tit.half { width:50%; float:left;}

.admin_search .search_form:after{content:"";display:block;clear:both;}
.admin_search .search_form .item{float:left;display:table;width:100%;height:50px;border:1px solid #ccc;}
.admin_search .search_form .item:nth-child(2n){margin-left:-1px;}
.admin_search .search_form .item:nth-child(n+3){margin-top:-1px;}
.admin_search .search_form .item.w_1{width:100%;}
.admin_search .search_form .item:after{content:"";display:block;clear:both;}
.admin_search .search_form .tit{display:table-cell;width:150px;font-size:14px;font-weight:400;text-align:center;background:#f5f5f5;vertical-align:middle;}
.admin_search .search_form .con{display:table-cell;padding:0 10px;width:calc(100% - 150px);vertical-align:middle;}
.admin_search .btn_box{text-align:center;margin-top:20px;}
.admin_search .btn_box .btn{width:160px;}

.search_box select.long{width:unset !important; padding-right: 35px;}
.search_box select.long:nth-child(2){margin-left:5px;}
.input_box .w_3{width: 80% !important;}
.input_box .fl { float:left; }
.input_box .second:nth-child(2){margin-left:3px;}

.no_border {  border-top:0 !important; border-bottom:0 !important; border-right:0 !important; border-left:0 !important; }
/* Lim */

.search_box input:nth-child(2) { width:calc(98% - 75px); }

/* bsu-20240328 */
.teacher_list .class_wrap{padding:0}
.teacher_list .txt_class{position:relative;display:-webkit-box; -webkit-line-clamp:3;  -webkit-box-orient:vertical;max-height:46px;padding:0 36px;overflow: hidden;white-space:normal;line-height:1.3}
.teacher_list .btn_classmore{display:none}
.teacher_list .btn_classmore.show{position:absolute;bottom:0;right:0;display:block;width:40px !important;min-width:unset;height:20px;padding:0;line-height: 16px;}
#class_list_modal{max-width:600px}
#class_list_modal .content{max-height:50vh;overflow:hidden;overflow-y: auto;}
#class_list_modal .class_list{margin-bottom:10px}
#class_list_modal .class_list>li{position:relative;padding-left:12px;color:#333;font-size:16px;font-weight: 500;text-align: left;}
#class_list_modal .class_list>li:not(:last-child){margin-bottom:10px;}
#class_list_modal .class_list>li::before{content:"";display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background:#333;border-radius: 100%;}
@media screen and (max-width: 768px){
    .teacher_list .btn_more.show{font-size:10px;width:35px !important;}
}