@CHARSET "UTF-8";

/* 공지사항 리스트 */
.sub_notice_list{width: 90%;padding:4% 5%;}
.sub_notice_list .sub_notice_total{padding: 2.5% 0;}
.sub_notice_total p{font-weight: 500;color: #9797a7;}
.sub_notice_total .sub_notice_total_bar{display: inline-block;margin: -1.3% 1.5% 0;font-size: 0.8em;color: #9797a7;}
.sub_notice_total .sub_notice_total_num{display: inline-block;vertical-align: top;font-size: 1em;font-weight: 600;}
.sub_notice_list .sub_com_table .sub_com_table_txt1{width: auto;max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_notice_list .sub_com_table .sub_com_table_txt1 span{font-size: 1em;vertical-align: top;color:#3b48c9;}
.sub_notice_list .sub_com_table .list_new{width: 6.5%;padding-bottom: 6.5%;margin-top: 1%;margin-left: 2%;}
.sub_notice_list .sub_com_table .sub_com_table_txt2{width:100%;}
.sub_notice_list .sub_com_table .sub_com_table_txt2 span{display: inline-block;margin: -1.5% 2% 0;font-size: 0.7em;color: #9797a7;}
.sub_notice_list .sub_com_table .sub_com_table_txt5{font-family: 'Noto Sans KR';font-weight:500;}

/* 공지사항 썸네일 리스트 */
.sub_wrapper .notice_thumb_wrapper .sub_content .sub_notice_thumb_top{text-align: left;}
.sub_notice_thumb_list{width: 90%;padding:0 5% 7%;}
.sub_notice_thumb_list_wrap{width:100%;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr{padding:5.5% 0;border-bottom: 1px solid #e6e9ec;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_img{float: left;width:35.9%;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_img img{width:100%;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_txt{float: left;width:57.1%;padding: 2% 3.5%;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_num{font-family: 'RobotoR';color: #9797a7;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_num .bar{display: inline-block;margin:-1.9% 2% 0;font-size: 0.7em;color: #9797a7;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_tit{padding: 7% 0 3%;line-height: 115%;}
.sub_notice_thumb_list_wrap .sub_notice_thumb_list_tr .sub_notice_thumb_list_date{font-family: 'RobotoR';color: #9797a7;}

/* 공지사항 상세보기 */
.sub_comView_top{padding: 4% 5%;background: #fff;text-align: center;border-bottom:1px solid #e6e9ec;}
.sub_comView_top .sub_comView_title{font-weight: 400;}
.sub_comView_top .sub_comView_txt{color: #9797a7; margin-top:1%;}
.sub_comView_content{padding: 4% 8.5%;background: #fff;border-bottom:1px solid #e6e9ec; margin-top:4%;}
.sub_comView_content img{width: 100%;margin-bottom: 4%;}
.sub_comView_content .sub_comView_txt_download{margin-bottom: 4%; color: #3b48c9;}
.sub_comView_content .sub_comView_content_name{color:#9797a7;font-weight: 500;margin-bottom: 3%;}
.sub_comView_content pre{line-height: 120%;}
.currBoardView_modify{background: #3b48c9;margin-right: 1.5%;}
.currBoardView_delete{background: #0c0451;margin-right: 1.5%;}
.sub_comView_reply{padding:5% 8.5% 5%;background: #fafbfc;}
.sub_comView_reply .sub_comView_reply_list{padding: 4% 0;border-bottom: 1px solid #e6e9ec;}
.sub_comView_reply .sub_comView_reply_list:first-child{padding-top:0;}
.sub_comView_reply .sub_comView_reply_list:last-child{border-bottom:0;}
.sub_comView_reply .sub_comView_reply_list .sub_comView_reply_name{margin-bottom: 1.5%;}
.sub_comView_reply .sub_comView_reply_list .sub_comView_reply_txt{color:#9797a7;}
.sub_comView_reply .sub_comView_reply_list .sub_comView_reply_date{line-height:100%;font-family: 'RobotoR';}
.sub_comView_title_detail{word-break:break-all; line-height:20px; margin-top:2%;}
.sub_comView_reply_txt_box{}
.sub_comView_reply_txt_box .sub_comView_reply_txt_name{display:none;text-align:left;font-size: 2em;margin-bottom: 1.5%;font-weight: 500;}
.sub_comView_reply_txt_box textarea{float: left;color:#9797a7;width:70%;overflow-y: auto; line-height:102px; height:102px;}
.sub_comView_reply_txt_box .sub_comView_reply_txt_btn{float: left;width:23%; height:146px; line-height:146px; color: #fff;text-align: center;}

.sub_comView_bot{padding: 5%;background:#fff;border-top:1px solid #e6e9ec;text-align: center;}
.sub_comView_bot a{display:inline-block;/*width:10.8%;padding-bottom:10%;*/}
.sub_comView_bot .sub_comView_bot_prev{background:url(/app/images/sub/view_btn_prev.png) no-repeat;background-position:center;background-size:contain;margin-right: 2%;}
.sub_comView_bot .sub_comView_bot_list{background:url(/app/images/sub/view_btn_list.png) no-repeat;background-position:center;background-size:contain;margin-right: 2%;}
.sub_comView_bot .sub_comView_bot_next{background:url(/app/images/sub/view_btn_next.png) no-repeat;background-position:center;background-size:contain;}


/* 공지사항 쓰기 */
.sub_modifybox_table{}
.sub_modifybox_table .sub_content{background: #fff;}
.sub_modifybox_table .sub_modifybox{background: #fafbfc;}
.sub_modifybox_table .sub_modifybox textarea{width:92%;height:150px; overflow-y:scroll;border: 0;}
.sub_modifybox_table .sub_modifybox .sub_comForm_file_wrap{width: 100%;background: #fff;position: relative;background:#fff url(/app/images/sub/file_btn.jpg) no-repeat;background-position:right;background-size:auto 100%;}
.sub_modifybox_table .sub_modifybox .sub_comForm_file_wrap .filename{width:69%;color:#9797a7;}
.sub_modifybox_table .sub_modifybox .sub_comForm_file_wrap .sub_conForm_filebtn{position: absolute;right: 0;top: 0;display:block;width:21.5%;padding-bottom:15%;}
.sub_modifybox_table .sub_modifybox .sub_noticeForm_td_txt{line-height: 130%;padding: 2% 0 0;border: 0;background: 0;color:#9797a7;}
.sub_comFrom_bot_txt{width:90%;margin: 2% auto 4%;text-align: center;font-size: 1.8em;letter-spacing: -2px;line-height: 130%;}
.sub_comFrom_btn{text-align: center;padding: 5% 0 4%; background:#fff;}
.sub_comFrom_btn .btn_lg{margin-top: 0;}
.sub_comFrom_btn .sub_comFrom_btn_confirm{margin-right: 1%;}
.sub_comFrom_btn .sub_comFrom_btn_cancel{}

/*학습동영상 상세보기*/
#mediaView_wrap{position:relative; padding-bottom:52.5%; padding-top:30px; height:0; margin:0; overflow:hidden;}
#mediaView_wrap .mediaView_play{position:absolute; top:0; left:0;  width:100%; height:100%;}
.title_information{width:100%; height:auto; margin-bottom:7%;}
.title_information .title{margin-top:2%;}
.title_information .title_detail{font-weight:bold;word-break: break-all;}
.title_information .day{margin-top:4%;font-weight:300; color:#9797a7;letter-spacing:-1.5px;}
.title_information .title_content{margin-top:5%; line-height:120%;}

/* 미디어쿼리 */
 @media screen and (min-width:1200px) and (max-width:1440px){
.sub_comView_reply_txt_box .sub_comView_reply_txt_btn{width:21.5%;}

.title_information .title{font-size:2.1em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.5em;}	
.title_information .title_content{font-size:1.3em;}

.sub_comView_bot a{width:7%;padding-bottom:7%;}
}

 @media screen and (min-width:1024px) and (max-width:1200px){

.sub_comView_bot a{width:10.8%;padding-bottom:11%;}
}

@media all and (max-width:960px) {

.sub_comView_bot a{width:10.8%;padding-bottom:11%;}
}

@media all and (max-width:800px) {
#mediaView_wrap{padding-bottom:51.8%;}
.sub_comFrom_bot_txt{font-size: 1.4em;}

.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:10.8%;padding-bottom:10%;}
}

@media all and (max-width:700px) {
#mediaView_wrap{padding-bottom:52.10%;}

.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:10.8%;padding-bottom:10%;}	
}

@media all and (max-width:640px) {
#mediaView_wrap{padding-bottom:51%;}

.sub_comView_title_detail{line-height:26px;}
.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:11%;padding-bottom:11%;}
}
@media all and (max-width:600px) {

#mediaView_wrap{padding-bottom:50.3%;}

.sub_comView_title_detail{line-height:26px;}
.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:10.8%;padding-bottom:10%;}
}

@media all and (max-width:560px) {
#mediaView_wrap{padding-bottom:52.10%;}

.sub_comView_title_detail{line-height:22px;}
.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:10.8%;padding-bottom:10%;}
}

@media all and (max-width:480px) {
#mediaView_wrap{padding-bottom:49%;}

.sub_comView_title_detail{line-height:20px;}
.title_information .title{font-size:1.2em;}
.title_information .title_detail{font-size:2.2em;line-height:31px;}
.title_information .day{font-size:1.2em;}

.sub_comView_bot a{width:10.8%;padding-bottom:10%;}
}

@media all and (max-width:414px) {
#mediaView_wrap{padding-bottom:47%;}

.sub_comView_title_detail{line-height:20px;}
.title_information .title{font-size:0.9em;}
.title_information .title_detail{font-size:1.2em;line-height:25px;}
.title_information .day{font-size:0.9em;}
.sub_comFrom_bot_txt{font-size: 0.9em;letter-spacing:-1px;}

.sub_comView_bot a{width:11.5%;padding-bottom:11%;}
}

@media all and (max-width:375px) {

#mediaView_wrap{padding-bottom:46.3%;}

.sub_comView_title_detail{line-height:20px;}
.title_information .title{font-size:1.0em;}
.title_information .title_detail{font-size:1.2em;line-height:20px;}
.title_information .day{font-size:0.8em;}

.sub_comFrom_bot_txt{font-size: 0.8em;}

.sub_comView_bot a{width:11.5%;padding-bottom:12%;}
}

@media all and (max-width:320px) {
#mediaView_wrap{padding-bottom:45.5%;}

.sub_comView_title_detail{line-height:18px;}
.title_information .title{font-size:1.0em;}
.title_information .title_detail{font-size:1.2em;line-height:20px;}
.title_information .day{font-size:0.8em; line-height:10px;} 
.sub_comView_bot a{width:11.7%; padding-bottom:11.5%;}

}