@charset "utf-8";

/*공통*/
 .t_box{clear: both; word-break: keep-all; overflow: auto;}
 .bottom_field{width:100%; overflow:hidden; margin:40px 0 20px 0;}
 .cursor_btn{cursor:pointer;}

/*버튼*/
button.mylist{display:block; width: 170px; height: 43px; font-family: "Noto Sans KR"; font-size: 16px; font-weight: 300; background-color: #434d6b; color: #fff; border-radius: 5px;}
button.mylist:hover{background-color: #fb6156;}

.list_btn{width: 125px; height: 45px; line-height: 38px; font-family: 'Noto Sans KR'; font-size: 16px; letter-spacing: -0.5px;  text-align: center; box-sizing: border-box; background-color:#024a62; color:#fff; font-weight: 500; border-radius:0 10px 0 0;}
.list_btn:hover{background-color:#0083af; color:#fff;}

.write_btn{width:125px;height: 45px;line-height: 38px; background:#005a9a; font-family: 'Noto Sans KR'; box-sizing:border-box;  font-size:16px; color:#fff; letter-spacing:-0.5px; text-align:center; font-weight: 500; border-radius:0 10px 0 0;}
.write_btn:hover{background:#0a40ff;}

.btn_field .cancel_btn{width:125px; height:45px; line-height:38px; font-family:'Noto Sans KR'; font-size:16px; letter-spacing:-0.5px; color: #484848; text-align: center; font-weight: 300; background-color: #e4463b; color: white; border: 1px #e4463b solid; box-sizing: border-box;}
.btn_field .cancel_btn:hover{background-color: #fff7f6; color: #e4463b; border: 1px #e4463b solid;}

.common_btn{width:125px; height:45px; line-height:38px; background-color:#ffffff; font-family:'Noto Sans KR'; font-size:16px; letter-spacing:-0.5px; color:#616161; text-align: center; font-weight: 300; float: left; border: 1px #c8c8c8 solid; box-sizing: border-box; margin-right:10px;}
.common_btn:hover{border:1px #3F51B5 solid; color:#3F51B5;}


.s_exceldown{width:125px; height:45px; line-height:38px; font-family:'Noto Sans KR'; font-size:16px; letter-spacing:-0.5px; border:2px solid #06736b; color:#06736b; text-align: center; font-weight: 300; box-sizing: border-box;}
.s_exceldown:hover{background-color:#06736b; color:#fff;}



.btn_field{width:100%; margin-top: 30px; margin-bottom: 30px; display: inline-block;}
.btn_field .left_zone{float:left;}
.btn_field .right_zone{float:right;}
#board_normal_view .btn_field > div{font-size:0;}
#board_normal_view .btn_field #list_btn_view{background-color: #f7f7f8; color: #484848;border: 1px #c8c8c8 solid;}
#board_normal_view .btn_field #list_btn_view:hover{border:1px #3F51B5 solid; color:#3F51B5; background-color: #f7f7ff;}

#board_normal_view .btn_field #edit_btn_view{background-color: #0089a2;}
#board_normal_view .btn_field #edit_btn_view:hover{background-color: #005e6f; color:#fff;}

#delete_btn{background:#c81852; color: #fff; word-break:keep-all;} 
#delete_btn:hover{background: #ef5158; color:#fff;}

#reply_btn{background: #1a6da7; color:#fff;}
#reply_btn:hover{background: #1e567d; color:#fff;}

#board_normal_view .btn_field #replay_btn{background: #3f51b5; color: white; border: 1px #2d3c8f solid;}
#board_normal_view .btn_field #replay_btn:hover{background: #fff7f6; color: #e4463b; border: 1px #3f51b5 solid; box-sizing:border-box;}

#board_normal_view .btn_field button:last-child{margin-right:0;}

input:-internal-autofill-selected{background:none;}
select{padding: 3px 30px 5px 5px; background: url(/edu/images/board/search_category_arrow.png) no-repeat; background-size: 10px 8px;  background-position: right 7px center; border: 1px solid #cccaca;}

/*게시판 검색 영역*/
.search_field{width: 100%; margin: 0 auto; box-sizing: border-box; text-align:center;overflow:hidden; padding:12px 15px; border:5px solid #eee;}
.search_field .search_here{display:inline-block; width:100%; margin:0 auto;}
.search_field #search_category{width: 130px; height: 45px; float:left; line-height: 40px; box-sizing:border-box; border: 1px #d8d8d8 solid; padding:0 35px 0 15px; font-family: 'Noto Sans KR'; font-size:15px; color:black; font-weight:300; margin-right:-1px; background: url(/edu/images/board/search_category_arrow.png) no-repeat; background-position: right 10px center; background-color: white; margin-right:3px;}
.search_field #search_word{width: calc(100% - 237px); height: 45px; float:left; line-height: 45px; border: 1px #d8d8d8 solid; padding:0 10px; margin:0; box-sizing:border-box; font-family: 'Noto Sans KR'; font-size:15px; color:black;}
.search_field input::placeholder{color:#545454; font-size:14px;}
.search_field #btn_search{width:100px; height: 45px; float:left; line-height: 40px; text-align:center; margin-left:-1px; font-family: 'Noto Sans KR'; font-size:16px; color:#fff; font-weight:500; background: linear-gradient(135deg, #00859a, #00549a); box-sizing: border-box;}
.search_field #btn_search img{margin-bottom: 3px; margin-right: 4px;}
.total_field{width:100%; margin-top:25px; margin-bottom:10px; font-size:16px; letter-spacing:-0.5px; font-weight:300;}
.total_field .bold{font-weight:500; color:#df4675;}
 
/*페이징*/
 .paging_field{width:100%; text-align:center; overflow:hidden; margin-top:40px;}
 .paging{display:inline-block; text-align:center;}
 .paging ul{display:inline-block; font-size:0; margin: 0 auto;}
 .paging ul li{display:inline-block; vertical-align:middle; width:38px; height:38px; text-align:center; box-sizing: border-box; line-height:38px;}
 .paging ul li a.prev_btn:after{display:none;}
 .paging ul li a.next_btn:after{display:none;}
 .paging ul li a.prev_btn:hover{background:none;}
 .paging ul li a.next_btn:hover{background:none;}
 .paging ul li:nth-last-child(2) a:after{display:none;}
 .paging ul li a{letter-spacing: -0.5px; display:block; width:100%; height:100%; font-size: 15px; position: relative; cursor:pointer; box-sizing: border-box;}
 .paging ul li a:after{display:block; content:""; position:absolute; width:1px; height:15px; border-radius:50%; right:0; top:50%; transform:translateY(-50%); background-color:#bbb;}
 .paging ul li a.prev_btn{border-bottom:none;}
 .paging ul li a.prev_btn:hover{border-bottom:none;}
 .paging ul li a.next_btn{border-bottom:none;}
 .paging ul li a.next_btn:hover{border-bottom:none;}
 .paging ul li a:hover{background:#9bdbe6;}
 .paging ul li a img{margin-bottom: 1px;}
 .paging ul .select a{color:#fff; font-weight:500; background-color: #007d91;}
 .paging ul li.select a:after{display:none;}

 
 /*나의학습이력제*/
.my_resume .tb_list li div.num{width:5%;}
.my_resume .tb_list li div.Field{width:13%}
.my_resume .tb_list li div.Lecture{width:32%;}
.my_resume .tb_list li div.Course_period{width:15%;}
.my_resume .tb_list li div.isu_term{width:15%}
.my_resume .tb_list li div.Attendance_rate{width:10%;}
.my_resume .tb_list li div.Whether{width:10%;}
.my_resume .tb_list li div.info_box{width:100%;}

.my_resume .tb_list li div.info_box .num{width:5%;}
.my_resume .tb_list li div.info_box .Field{width:13%;}
.my_resume .tb_list li div.info_box .Lecture{width:32%;}
.my_resume .tb_list li div.info_box .Course_period{width:15%;}
.my_resume .tb_list li div.info_box .isu_term{width:15%;}
.my_resume .tb_list li div.info_box .Attendance_rate{width:10%;}
.my_resume .tb_list li div.info_box .Whether{width: 10%;}

.my_resume .tb_list li div .apply_mark{display:inline-block; padding:5px 6px; width: 55px; margin-right:8px; color:#fff; text-align:center;}
.my_resume .tb_list li div .in_training_m{background: #00549a;}
.my_resume .tb_list li div .deadline_m{background: #4c4c4c;}
.my_resume .tb_list li div .applying_m{background: #009a80;}

.my_resume .tb_list li div.lecture_l{text-align:left;}
.my_resume .tb_list li a{display: inline;}
 .my_resume .tb_list li .lsu_btn:hover{background:#cff5f0; color:#000;}
 .my_resume .tb_list li a:hover{color:#f7454a;}

.my_resume .txt_red{display:inline-block;}

.Isu{color:#0725ab !important; font-weight: 500 !important; margin-bottom: 5px;}
.No_Isu{color:#d72b45 !important; font-weight: 500 !important; margin-bottom: 5px;}

.my_resume .tb_list li .my_lsu_btn{background: #eeebff; display: inline-block; border: 1px solid #401db9; border-radius: 10px; padding: 4px 0; text-align: center; width:150px;}
.my_resume .tb_list li .my_lsu_btn:hover{background:#e1dbfe; color:#000;}

.my_resume #survey_cal input{height: 45px; line-height:40px; box-sizing:border-box; border: 1px #d8d8d8 solid; width:90px;}
.my_resume .search_field #search_category{margin-left:5px;}
.my_resume #survey_cal{}
.my_resume .isu_search_bar{width: calc(100% - 246px); display:inline-block;}



#board_normal_write input#address_search_btn{cursor:pointer; height:27px; line-height:18px; box-sizing:border-box; border-radius:5px;}
#board_normal_write input#address_search_btn:hover{background-color:#fffbe1;}

/*비밀글 비밀번호 입력*/
#board_lock{font-size:0; margin:20px auto; margin-bottom: 70px; width:80%; text-align:center;}
#board_lock > div{display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
#board_lock > div.bl_pw{width:70%; font-size:16px; font-weight:300; padding:40px 30px; z-index:1; text-align:center; border-radius:0 45px 0 0; position:relative; overflow:hidden;}
#board_lock > div.bl_pw::after{width:100%; height:238px; display:block; content:"";  position:absolute; z-index:-1; bottom:0; left:0; background: linear-gradient(90deg, #f1f6fd, #f1faf9);}
#board_lock > div.bl_pw .lock_info{margin-bottom:13px; margin-top: 15px;}
#board_lock > div.bl_pw .lock_info .pass_input{font-size:25px; font-weight:500; color:#0f314a; margin-bottom: 3px;}
#board_lock > div.bl_pw .lock_info p span{color:#f6004b;}
#board_lock > div.bl_pw .pw_here input{border:1px solid #9699a7; padding:5px; width:165px; height:23px;}
#board_lock > div.bl_pw #btn_here{margin-top:20px;}
#board_lock > div.bl_pw #btn_here button{display:inline-block; vertical-align:middle; width:85px; height:38px; line-height:28px; background-color: #024a62; color:#fff; font-family:"Noto Sans KR"; font-size:15px;}
#board_lock > div.bl_pw #btn_here button:hover{background-color: #005a9a;}
#board_lock > div.bl_pw #btn_here button#list_back{margin-right:5px;}
#board_lock > div.bl_pw div.bl_bg img{}


/*이전글 다음글*/
#prnx{width:100%;  border:1px solid #ddd; font-size:0; box-sizing: border-box; margin-bottom:45px; display:flex; flex-wrap:wrap;}
#prnx > div{display:inline-block; vertical-align:top; font-size:15px; width:50%; box-sizing:border-box; font-weight:300; padding:15px 15px 20px 15px; position:relative; overflow:hidden;}
#prnx > div:after{position: absolute; display:block; content:""; bottom: 0; width: 100%; height: 5px; transition-duration: 0.5s; transition-timing-function: ease;}
#prnx > div:hover span.listtit{color:#003587; transition:0.3s;}
#prnx > div.prev_box{border-right:1px solid #ddd;}
#prnx > div a{font-weight: 300; position:relative;}
#prnx > div a:before{display:inline-block; vertical-align:middle; position:relative; content:""; width:0px; height:100%;}
#prnx > div span{display:inline-block; vertical-align:middle; box-sizing:border-box;}
#prnx > div span.arrimg{width:32px; text-align:center; font-size:15px; position:relative;}
#prnx > div span.listtit{width:calc(100% - 35px); word-break:keep-all;}
#prnx > div.prev_box span.listtit{text-align:right; padding:0 15px 0 25px;}
#prnx > div.prev_box:after{background:linear-gradient(90deg, #5ca3ff, #00b3c8); right:100%; margin-right:-200%; transition-property: margin-right;}
#prnx > div.prev_box:hover:after{margin-right:-100%;}
#prnx > div.next_box span.listtit{padding:0 25px 0 15px;}
#prnx > div.next_box:after{background:linear-gradient(90deg, #00b3c8, #5ca3ff); left:100%; margin-left:-200%; transition-property: margin-left;}
#prnx > div.next_box:hover:after{margin-left:-100%;}
#prnx > div, #prnx > div span.arrimg { transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}


.lb_line{width:100%; position:relative;}
.all_select{display:inline-block; position:absolute; left:0;}
.all_select button{color:#fff; background-color:#004c82; padding: 5px 10px; letter-spacing: -1px; font-family: "Noto Sans KR";}

/*뉴스형 게시판 목록*/
#board_news_list{width:100%; margin-bottom: 80px; position:relative; font-size:0;}
#board_news_list .all_select.top{top:-40px;}
#board_news_list .all_select.bottom{bottom:-55px;}

#board_news_list .total_field{text-align:right;}
#board_news_list .news_list_box{width:100%; position:relative; margin-bottom:60px;}
#board_news_list .news_list_box:before{content: ''; position: absolute; top: -4px; left: 0;  width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
#board_news_list .news_list_box:after{display:block; content:""; position:absolute; width:100%; height:1.5px; bottom:0; background: #333; left:0; z-index:-1;}

#board_news_list .news_list_box > li{width:100%; display:inline-block; vertical-align:top; box-sizing:border-box; padding:25px 15px; border-bottom:1px solid #a5a5a5; position:relative; font-size:0;}
#board_news_list .news_list_box > li > div{display:inline-block; vertical-align:middle;}
#board_news_list .news_list_box > li:last-child{border-bottom:0;}
#board_news_list .news_list_box > li.nothing{text-align:center; font-size: 15px; height: auto; word-break:keep-all;}
#board_news_list .news_list_box > li > div.chkbox{display:none;}

#board_news_list .news_list_box > li > div.num_area{width:80px; box-sizing:border-box; text-align:center; position:relative;}
#board_news_list .news_list_box > li > div.num_area p.num{font-size:17px; font-weight:700; font-family: "NanumSquare";}
#board_news_list .news_list_box > li > div.num_area p.num .notice{width:55px; height:55px; border-radius:50%; background-color:#fcff47; line-height:55px; display:inline-block; color: #000000;}

#board_news_list .news_list_box > li > div.news_txt{width:calc(100% - 80px); box-sizing:border-box; position:relative; padding-left:10px;}
#board_news_list .news_list_box > li > div.news_txt .subject .title{font-size:20px; font-weight:500; margin-bottom:7px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
#board_news_list .news_list_box > li > div.news_txt .subject:hover a{color:#ff4500;}
#board_news_list .news_list_box > li > div.news_txt .subject .title .real_tit{display:inline-block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
#board_news_list .news_list_box > li > div.news_txt .subject .title .board_file_icon img{margin-top:-4px;}
#board_news_list .news_list_box > li > div.news_txt .subject .in_txt{font-size:15px; display:block; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
#board_news_list .news_list_box > li > div.news_txt .info{font-size:0;}
#board_news_list .news_list_box > li > div.news_txt .info li{display:inline-block; vertical-align:middle; position:relative; font-size:15px; padding-right:17px; margin-left:10px;}
#board_news_list .news_list_box > li > div.news_txt .info li:first-child{margin-left:0;}
#board_news_list .news_list_box > li > div.news_txt .info li:after{display:block; content:""; position:absolute; width:6px; height:6px; border-radius:50%; background-color:#9b9b9b; top:7px; right:0;}
#board_news_list .news_list_box > li > div.news_txt .info li:last-child{padding-right:0;}
#board_news_list .news_list_box > li > div.news_txt .info li:last-child:after{display:none;}


#board_news_list .news_list_box > li.adm_on > div.chkbox{display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:10;}
#board_news_list .news_list_box > li.adm_on > div.news_txt{}

#board_news_list .news_list_box > li, #board_news_list .news_list_box > li > div, #board_news_list .news_list_box > li > div.news_txt .subject a{transition:0.3s all ease;}


/*프로그램 신청 - 목록*/
.Lifelong_Learning_Course .tb_list li div.lecture{width:35%;}
.Lifelong_Learning_Course .tb_list li div.receipt_t{width:16%;}
.Lifelong_Learning_Course .tb_list li div.education_t{width:16%;}
.Lifelong_Learning_Course .tb_list li div.tuition{width:10%;}
.Lifelong_Learning_Course .tb_list li div.personnel{width:9%;}
.Lifelong_Learning_Course .tb_list li div.ago{width:14%;}
.Lifelong_Learning_Course .tb_list li div.info_box{width:65%;}
/*.Lifelong_Learning_Course .tb_list li div.info_box .classification{width:23%;}*/
.Lifelong_Learning_Course .tb_list li div.info_box .receipt_t{width:25%;}
.Lifelong_Learning_Course .tb_list li div.info_box .education_t{width:25%;}
.Lifelong_Learning_Course .tb_list li div.info_box .tuition{width: 14%;}
.Lifelong_Learning_Course .tb_list li div.info_box .personnel{width:15%;}
.Lifelong_Learning_Course .tb_list li div.info_box .ago{width:21%;}

.Lifelong_Learning_Course .tb_list li div .lecture_title{display:inline-block; width: calc(100% - 75px); text-align: left; 
word-break: keep-all;}
.Lifelong_Learning_Course .tb_list li div .apply_mark{display:inline-block; padding:5px 6px; width: 55px; margin-right:8px; color:#fff; text-align:center;
vertical-align: top;}
.Lifelong_Learning_Course .tb_list li div .in_training_m{background: #00549a;}
.Lifelong_Learning_Course .tb_list li div .deadline_m{background: #4c4c4c;}
.Lifelong_Learning_Course .tb_list li div .applying_m{background: #028d75;}
.Lifelong_Learning_Course .tb_list li div .repeat_m{background: #cd4219;}
.Lifelong_Learning_Course .tb_list li div .recruitment_m{background:#7347c9;}
.Lifelong_Learning_Course .tb_list li div .complete_m{background: #0467cd;}
.Lifelong_Learning_Course .tb_list li div .guide_m{background: #9a0080;}

.Lifelong_Learning_Course .tb_list li div .prg_br{display:block !important;}

.Lifelong_Learning_Course .tb_list li div.lecture_l{text-align:left;}
.Lifelong_Learning_Course .tb_list li a{display: inline;}
.Lifelong_Learning_Course .tb_list li .Lifelong_btn{background:#4a59b4; color:#fff; display: inline-block; border-radius:10px; padding: 6px 0; width:80px;}
.Lifelong_Learning_Course .tb_list li .Lifelong_btn .line_bk {display:block;}
.Lifelong_Learning_Course .tb_list li .Lifelong_btn:hover{background:#1d2b7e;}


.Lifelong_Learning_Course .txt_red{display:inline-block;}





.Lifelong_Learning_Course #board_normal_list table tbody tr td{word-break:keep-all;}
.Lifelong_Learning_Course .reply_board table tbody tr td.reply_this a {}
.Lifelong_Learning_Course .reply_board table tbody tr td.reply_this .ellipsis{max-width:100%;
   white-space: inherit;
    text-overflow: clip;
    overflow: hidden;
    width: auto;
    vertical-align: middle;}
.Lifelong_Learning_Course .reply_board table tbody tr td.reply_this a{width: 100% !important;}
.Lifelong_Learning_Course .reply_board table tbody tr td.reply_this .apply_mark{padding: 2px 6px; margin-right:5px; color: #fff;  display: inline-block;}
.Lifelong_Learning_Course .reply_board table tbody tr td.reply_this .in_training_m{background: #00549a; }
 .Lifelong_Learning_Course .reply_board table tbody tr td.reply_this .deadline_m{background: #4c4c4c;}
 .Lifelong_Learning_Course .reply_board table tbody tr td.reply_this .applying_m{background: #009a80; }
.Lifelong_Learning_Course #board_normal_list table tbody tr td .Lifelong_btn span{background:#ecfbf9; padding: 5px 10px; border-radius: 10px; color: #0c4037;
border: 1px solid #1e8573; font-weight: 500; transition: 0.3s; display:inline-block;}
.Lifelong_Learning_Course #board_normal_list table tbody tr td .Lifelong_btn span:hover{background:#d0ede8;}
.Lifelong_Learning_Course #board_normal_list table tbody tr td.subject{padding:15px 0%;}

/*일반게시판 - 목록*/
.myprolist{overflow-x:auto; width: 100%; padding-top:5px;}
#board_normal_list{width:100%; margin-bottom: 80px;}
#board_normal_list table{width:100%; position:relative; margin-bottom:40px; table-layout: fixed;}
#board_normal_list table:before{content: ''; position: absolute; top: -4px; left: 0;  width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
#board_normal_list table .num_w{width:5%;}
#board_normal_list table .title_w{width:55%;}
#board_normal_list table .writer_w{width:15%;}
#board_normal_list table .date_w{width:15%;}
#board_normal_list table .view_w{width:10%;}
#board_normal_list table thead tr{padding:20px 0; text-align:center; position:relative; background-color: #f7fdff;}
/*#board_normal_list table thead tr th:before{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #a0add4;}
#board_normal_list table thead tr th:first-child:before{display:none;}
#board_normal_list table thead tr th:last-child:before{display:none;}*/
#board_normal_list table thead tr th{padding: 13px 0; font-weight:500; color:#000; font-size:16px; position:relative; border-bottom:1px solid #555;}
#board_normal_list table tbody tr th.subject{padding: 0 3%; box-sizing: border-box;}
#board_normal_list table tbody tr{border-bottom:1px #e3e3e3 solid;}
#board_normal_list table tbody tr td{text-align:center; font-weight:300; color:black; font-size:15px; letter-spacing:-0.5px; padding:17px 0;}
#board_normal_list table tbody tr td.left{text-align:left;}
#board_normal_list table tbody tr td.pd5{padding:0 10px; box-sizing:border-box;}
#board_normal_list table tbody tr td.programfile li{margin: 5px 0;}
#board_normal_list table tbody tr td.programfile li a{display: block;}
#board_normal_list table tbody tr td.programfile li a img{width:11px; display:inline-block; vertical-align:top; margin-right: 1px; margin-top: 2px;}
#board_normal_list table tbody tr td.programfile li a span{ display:inline-block; vertical-align:top; width:calc(100% - 15px); line-height: 1.2em; word-break: keep-all;}
#board_normal_list table tbody tr td.subject{text-align:left; padding: 15px 1%; box-sizing: border-box;}
#board_normal_list table tbody tr td.subject a{display: inline-block; width:100%; letter-spacing:-0.5px; transition:0.3s all ease;}
#board_normal_list table tbody tr td.subject a:hover{color:#ff4500;}
#board_normal_list table tbody tr:last-child{border-bottom:2px #00549a solid;}
#board_normal_list table.min940{min-width:850px;}


/*일반게시판 - 보기*/
#board_normal_view{width:100%; overflow:hidden; padding-top:4px;}
#board_normal_view .top_list_btn{display:inline-block; padding:5px 15px 5px 28px; margin-bottom:8px; background:url(/edu/images/board/top_list_btn_icon.png)no-repeat; background-position:15px center; background-color:#179398; font-family:"Noto Sans Kr"; font-weight:500; color:#fff;}
#board_normal_view .top_field{width: 100%; position:relative; border-bottom: 1px #e3e3e3 solid;}
#board_normal_view .top_field:before{content:''; position:absolute; top:-4px; left:0; width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
#board_normal_view .top_field .title_here{box-sizing:border-box; padding: 20px 20px 0 20px; text-align: center;}
#board_normal_view .top_field .title_here span{display:inline-block; vertical-align:middle; font-size:22px; line-height:30px; box-sizing:border-box; font-weight:500; word-break:keep-all;}
#board_normal_view .top_field .title_here span.real_tit{width:100%; text-align:center;}

#board_normal_view .top_field .title_here span.ing_box{ font-size: 21px !important; border-radius: 10px 5px 10px 5px; margin-right: 10px;}
#board_normal_view .top_field .i_detail_here{min-height:50px; padding:0 10px; box-sizing:border-box; padding: 0 20px; text-align:center;}
#board_normal_view .top_field .i_detail_here dl{display:inline-block;}
#board_normal_view .top_field .i_detail_here dt{float: left; line-height: 50px; font-size: 14px; font-weight: 500; padding-right:10px; position: relative;}
#board_normal_view .top_field .i_detail_here dd{color: #555; font-size:15px; line-height:50px; padding-left:10px; padding-right:15px; margin-right:8px; float:left;}
#board_normal_view .top_field .i_detail_here dt:after {content: ''; position: absolute; width: 5px; height: 5px; border-radius: 100%; background-color: #9b9b9b; top: 50%; right:-2px; transform: translateY(-50%);}
#board_normal_view .top_field .i_detail_here dl:last-child dd{margin-right:0; padding-right:0;}
#board_normal_view .top_field .i_detail_con{border-bottom:1px #e2e2e2 solid; padding: 50px 30px; box-sizing: border-box;}



#board_normal_view .post_here{width:100%; min-height:199px; float:left; font-size:15px; font-weight:300; padding:0 10px 30px 10px; box-sizing:border-box; border-bottom: 3px #c8c8c8 solid;}
#board_normal_view .post_here > img{max-width:100%; height:auto; margin:0 auto; display:block;}
#board_normal_view .photo_in{text-align:center;}
#board_normal_view .photo_in img{max-width:100%; height:auto; margin:5px auto; }
#board_normal_view .post_here > a{line-height: 18px; margin: 5px 0; float: left; color:#484848;}
#board_normal_view .post_here .txt_in{width:100%; margin-top:15px; word-break:keep-all; margin-bottom:50px; position:relative;}

.iframe_wrap{position:relative; padding-bottom:56.25%; width:100%; height:0; overflow:hidden;}
.iframe_wrap iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.iframe_wrap iframe{border:none;}

#board_normal_view .post_here .link_zone{width: 100%; background-color: #fdfdfd; padding:0; box-sizing: border-box; overflow:hidden; margin: 10px auto; border:2px solid #ddd; border-bottom:1px solid #ddd;}
#board_normal_view .post_here .link_zone ul{width:100%;}
#board_normal_view .post_here .link_zone ul li{font-size:15px; padding:10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
#board_normal_view .post_here .link_zone ul li a{display:inline-block; vertical-align:top; word-break:break-all; width:calc(100% - 75px);}
#board_normal_view .post_here .link_zone ul li a:hover{color:#00a3af;}
#board_normal_view .post_here .link_zone ul li span{font-weight:700; color:#40435c; padding-right:5px; padding-left:25px; background:url(/edu/images/board/link_icon.png) no-repeat; background-position:0 2px; width: 70px;  display: inline-block; vertical-align: top; box-sizing: border-box;}

#board_normal_view .post_here .file_zone{width: 100%; background-color: #fbfbfb; padding: 15px 10px; box-sizing: border-box; overflow:hidden; margin-top: 15px; border:1px solid #2a7ca4;}
#board_normal_view .post_here .file_zone ul{width:100%;}
#board_normal_view .post_here .file_zone ul li{display:inline-block; vertical-align:middle;  font-size: 16px; margin:10px; font-weight:500; color:#383838;}
#board_normal_view .post_here .file_zone ul li img{margin:-2px 3px 0 0;}
#board_normal_view .post_here .file_zone ul li:first-child{display:none;}
#board_normal_view .post_here .file_zone ul li a{margin:0;}
#board_normal_view .post_here .file_zone ul li a:hover{color:#005bab;}


#board_normal_view .etc_info_here{width:100%; text-align:left; padding: 13px 20px 12px 20px; box-sizing:border-box; overflow: hidden;}
#board_normal_view .etc_info_here .etc_info{display:inline-block; float:left;}
#board_normal_view .etc_info_here .etc_info div{font-size:15px; font-weight:300; color:#545454;}
#board_normal_view .etc_info_here .etc_info > div{margin-right:20px;}
#board_normal_view .etc_info_here .etc_info .bold{font-weight:500; margin-right:10px; color:black;}
#board_normal_view .etc_info_here .etc_info .writer{display:inline-block; float:left;}
#board_normal_view .etc_info_here .etc_info .date{display:inline-block; float:left;}
#board_normal_view .etc_info_here .etc_info .num_view{display:inline-block; float:left;}
#board_normal_view .bottom_field{width:100%; min-height:65px; float:left; border-bottom: 1px #e3e3e3 solid; margin:0;}
#board_normal_view .bottom_field dl{width:100%; display: table; min-height:65px;}
#board_normal_view .bottom_field dl dt{width:200px; height:100%; display: table-cell; text-align:center; background-color:#f7f7f8; vertical-align: middle; font-weight:500;}
#board_normal_view .bottom_field dl dd{width: calc(100% - 200px); height:100%; display: table-cell; padding: 10px 0 10px 25px; box-sizing: border-box; letter-spacing:-0.5px;  vertical-align: middle;}
#board_normal_view .bottom_field dl dd ul li{}
#board_normal_view .bottom_field dl dd a{display:inline-block; padding-left:31px; font-weight:300; color:#646464; background:url(/edu/images/com/file_down.png) no-repeat 2px 6px; background-size:21px 15px; margin:5px 0;}
#board_normal_view .bottom_field dl dd a:hover{color:#3f51b5;}
#board_normal_view .bottom_field .file_here li{padding: 10px 0; border-bottom: 1px #e3e3e3 dashed;}
#board_normal_view .bottom_field .file_here li:last-child{border-bottom:none;}
#board_normal_view .btn_field{width:100%; margin-top: 30px; margin-bottom: 30px; display: inline-block;}

/*일반게시판 - 쓰기*/
#board_normal_write{width:100%; position:relative; margin-bottom:20px; font-size:15px;}
#board_normal_write:before{content:''; position:absolute; top:-4px; left:0; width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
#board_normal_write input{color: #000; border: 1px solid #cccaca; background: #fff; vertical-align: middle; padding:7px 5px; margin-bottom: 1px; margin-right:3px;}
#board_normal_write .longest_w{width:100%;}
#board_normal_write .longer_w{width:80%;}
#board_normal_write .long_w{width:50%;}
#board_normal_write .short_w{width:20%;}
#board_normal_write th {width:20%; background-color:#fafcfe; padding:11px 20px; color:#163959; font-weight: 400; border-bottom:1px solid #ccc; word-break:keep-all; font-size: 15px; font-weight: 500; letter-spacing: -0.5px; text-align: left; min-width:90px;}
#board_normal_write td {color:#121212; padding:10px 15px; border-bottom:#ccc 1px solid; font-weight:300; word-break: keep-all;}
#board_normal_write td select{padding: 7px 30px 7px 5px; margin-top:-1px;}
#board_normal_write tr:last-child{border-bottom: 3px solid #ccc;}
#board_normal_write textarea{border: 1px solid #cccaca; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 15px; font-weight:300;}
#board_normal_write .check_txt{font-size: 15px; color:#5c5c5c; display:inline-block; margin:6px 0 0 0; line-height: 20px; padding-left:19px; background: url(/edu/images/board/board_ex_info.png) no-repeat; background-position: 2px 4px;}
#bottom_field_write{width:100%; overflow:hidden; margin:20px 0; text-align:center;}
#bottom_field_write .center{display: inline-block;}
#board_normal_write input[type=file]{width:80%;}
#board_normal_write input.p_num_box{width:45px;}
.must_write img {width: 17px; height: 17px; margin-top: 3px; margin-left: 5px; float: right;}

/*갤러리 게시판 */
#board_photo_list{width: 100%; margin-bottom: 80px;}
#board_photo_list .all_select.top{top:-35px;}
#board_photo_list .all_select.bottom{bottom:0;}
#board_photo_list .total_field{text-align:right;}

#board_photo_list .board_gallery{width:100%; margin: 0 auto; padding-bottom:20px; overflow: hidden; position:relative; padding-top: 40px; font-size:0;}
#board_photo_list .board_gallery:before{content:''; position:absolute; top:0; left:0; width: 100%; height: 5px; background: linear-gradient(90deg, #00859a, #00549a);}


#board_photo_list .board_gallery li.nothing{width:100%; border-radius:0; padding:0 15px 35px 15px; text-align:center; margin-right:0; font-size:15px; margin-bottom:0; border-bottom:2px solid #00549a;}
#board_photo_list .board_gallery li.nothing:before{display:none;}
#board_photo_list .board_gallery li.nothing:hover{box-shadow: none;}


#board_photo_list .board_gallery li{width: calc((100% - 100px)/3); margin-right:50px; box-sizing:border-box; position:relative; display:inline-block; border-radius: 0 55px 0 0; margin-bottom:3%;}
#board_photo_list .board_gallery > li:hover{transition: 0.3s all ease;}
#board_photo_list .board_gallery li:before {display:block; content:""; position:absolute; border-left:40px solid #fff; border-bottom:40px solid transparent; left:0; top:0; width:0; height:0; z-index:1;}
#board_photo_list .board_gallery li:after {display:block; content:""; position:absolute; border-right:40px solid #fff; border-top:40px solid transparent; right:0; bottom:0; width:0; height:0; z-index:1;}
#board_photo_list .board_gallery li:last-child{margin-right:0;}
#board_photo_list .board_gallery li .pic_zone{width:100%; overflow: hidden; position:relative; padding-top:100%; box-sizing:border-box; overflow: hidden; float: left; display: inline-block;}
#board_photo_list .board_gallery li .pic_zone img{width:100%; position: absolute; top: 50%;left: 50%; transition:transform; transform: translate(-50%, -50%); min-height:100%;}
#board_photo_list .board_gallery li .pic_detail{width:100%; height: 83px; padding: 0 15px; box-sizing: border-box; display:block; position:absolute; z-index:1; left:0; bottom:0;}
#board_photo_list .board_gallery li .pic_detail:before{width:100%; height: 100%; display:block; position:absolute; content:""; z-index:-1; left:0; top:0; background-color:#fff; opacity:0.85;}
#board_photo_list .board_gallery li .title_this{margin: 15px 0 10px 0; letter-spacing:-0.5px; color:#001740;}
#board_photo_list .board_gallery li .title_this > span{display:inline-block; vertical-align:middle; font-size:18px; box-sizing:border-box; font-weight:700; font-family:"NanumSquare"; width: 100%; overflow: hidden; text-align:left; text-overflow: ellipsis; white-space: nowrap;}
#board_photo_list .board_gallery li .date_this{display:inline-block; font-size:15px; color: #536078; line-height: 1em; letter-spacing: -0.5px; padding-bottom:1px; position:relative; margin-right:20px;}
#board_photo_list .board_gallery li .date_this:after{width:6px; height:6px; border-radius:50%; background-color:#536078; position:absolute; right:-13px; top:4px; display:block; content:"";}
#board_photo_list .board_gallery li .writer_this{display:inline-block; font-size:15px; color: #536078; line-height: 1em; letter-spacing: -0.5px; padding-bottom:1px; padding-right:5px;}
#board_photo_list .board_gallery li a:hover .title_this{color:#009892;}
#board_photo_list .board_gallery li:nth-child(3){clear: right; margin-right: 0;}
#board_photo_list .board_gallery li:nth-child(3n){margin-right: 0;}
#board_photo_list .board_gallery li:hover .pic_zone::after{display:block; content:""; position:absolute; width:100%; height:100%; background-color:#fff; opacity:0.5; top:0; left:0;}
#board_photo_list .board_gallery li a{transition: 0.3s all ease;}
#board_normal_view .post_here .oneline{padding:10px; width:100%; box-sizing:border-box; background-color:#f9f9f9; border-radius:5px; text-align:center; margin-top: -15px; margin-bottom: 15px;}

#board_photo_list .board_gallery li .chkbox{position:absolute; top:-17px; left:0;}

.play_area{width:100%; margin:0 auto 30px auto;}
.play_area .play_here{width:100%; margin-bottom: 20px;}





/*답변게시판*/
.board_reply_icon{width:40px; height:22px; background:#3a3d5e; float:left; font-size: 14px; color:#fff; box-sizing: border-box; margin-right:18px; line-height: 22px; font-weight:500; background-position:right center; text-align:center; position:relative;}
.board_reply_icon:before{display:block; content:""; position:absolute; width:1px; height:37px; bottom:0; left:0; background-color:#3a3d5e;}
.board_reply_icon:after{display:block; content:""; position:absolute; width:0; height:0; border-left:10px solid #3a3d5e; border-top:11px solid transparent; border-bottom:11px solid transparent; top:0; right:-10px;}
.board_lock_icon{margin-bottom: 4px; margin-left: 6px;}
.reply_board table tbody tr td.subject a{display: inline-block; width:100%;}
.reply_board table tbody tr td.reply_this  a{display: inline-block; width: calc(100% - 66px) !important;} 
.reply_board table tbody tr td.reply_this  a span{max-width: calc(100% - 23px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:auto; vertical-align:middle;} 
.reply_board table tbody tr td.subject span{display:inline-block;}
#board_news_list.reply_board .news_list_box > li > div.news_txt .info li.writer:after{display:none;}


.ipin_chk{padding: 3px 10px; height: 28px; box-sizing: border-box; display: inline-block; vertical-align: top; color: #000; border-radius: 3px; line-height: 18px; cursor: pointer; border: 3px solid #77c8cc; letter-spacing: -1px; font-family: "Noto Sans KR"; font-weight: 300; font-size: 15px;}
.ipin_chk:hover{background-color:#77c8cc;}
.cell_chk{padding: 3px 10px; height: 28px; box-sizing: border-box; display: inline-block; vertical-align: top; color: #000; border-radius: 3px; line-height: 18px; cursor: pointer; border: 3px solid #0072a9; letter-spacing: -1px; font-family: "Noto Sans KR"; font-weight: 300; font-size: 15px;}
.cell_chk:hover{background-color:#0072a9; color:#fff;}


/*FAQ 게시판*/
#board_faq_list{margin-bottom:20px; width:100%; position:relative;}
#board_faq_list .all_select.top{top:85px}
#board_faq_list .all_select.bottom{bottom:120px}


#board_faq_list .total_field{width:100%; margin-top:25px; margin-bottom:10px; font-size:16px; letter-spacing:-0.5px; font-weight:300;}
#board_faq_list .total_field .bold{font-weight:500; color:#df4675;}

#board_faq_list .board_faq{margin-bottom: 30px; position:relative; margin-top:40px;}
#board_faq_list .board_faq:before{content:''; position:absolute; top:0; left:0; width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
#board_faq_list .board_faq > li:last-child{border-bottom: 3px solid #ccc;}
#board_faq_list .board_faq > li {border-bottom: 1px solid #e2e2e2; position:relative;}
#board_faq_list .board_faq > li.nothing {font-size:16px; text-align:center; padding:25px 15px; box-sizing:border-box;}
#board_faq_list .board_faq > li input{position:absolute; left:0; top:20px;}
#board_faq_list .board_faq > li dl > dt{position: relative; box-sizing: border-box; width:100%;
										  font-size:15px; line-height: 23px; word-break: keep-all; overflow:hidden;} 
#board_faq_list .board_faq > li dl dt{position:relative;}
#board_faq_list .board_faq > li dl dt:before {content: ''; position: absolute; width: 27px; height: 15px; top:50%; transform:translateY(-50%); right:35px; background: url(/edu/images/board/board_faq_close.png) no-repeat; background-size: 27px;}
#board_faq_list .board_faq > li dl > dt a{display: flex; flex-wrap: wrap; width:100%; align-items: center;height:100%;float:left;word-break:break-all;font-weight:300;padding: 20px 85px 20px 25px;box-sizing: border-box;}
#board_faq_list .board_faq > li dl > dd{display:none; padding: 20px 25px; background: #f8fcfd; font-size: 15px; word-wrap:break-word; word-break: break-all; line-height: 23px; min-height:70px; font-weight:300;}
#board_faq_list .board_faq > .active dl > dt > a > span.question_info{font-weight:500; color: #436584;}
#board_faq_list .board_faq > .active dl > dd{display:block !important; border-top: 1px solid #e2e2e2;}
#board_faq_list .board_faq > .active dl dt{position:relative;}
#board_faq_list .board_faq > .active dl dt:before {content: ''; position: absolute; width: 27px; height: 15px; top:50%; transform:translateY(-50%); right:35px; background: url(/edu/images/board/board_faq_open.png) no-repeat; background-size: 27px;}
#board_faq_list .board_faq .question_icon{display: inline-block; width: 45px; height: 31px; text-align: center; line-height: 30px; margin-right: 15px;}
#board_faq_list .board_faq .answer_icon{display: inline-block; float:left; width: 45px; height: 31px; text-align: center; line-height: 30px; margin-right: 15px;}
#board_faq_list .board_faq .question_info{width: calc(100% - 65px) !important; display: inline-block; word-break:keep-all; box-sizing:border-box; padding-left:5px;}
#board_faq_list .board_faq .answer_info{line-height: 1.3em; width: calc(100% - 60px) !important; display: inline-block; padding-top:5px;}
#board_faq_list .board_faq .answer_info .faq_link{display:block; margin-top:10px; padding-left:23px; background:url(/edu/images/board/link_icon.png) no-repeat; background-position:0 1px; background-size: 17px;}
#board_faq_list .board_faq .answer_info .faq_link a:hover{color:#ff4500;}
.faq_manager{display: inline-block; float: right; margin: 0px 94px 25px 15px;}
.faq_list_btn{display:inline-block; font-size:14px; border-radius: 5px;}
.faq_list_btn a{padding:7px !important;}
.del_btn_faq{border:1px #f7454a solid; margin-left:3px; background-color:#fff9f9; margin-bottom: 3px;}
.del_btn_faq a{color:#f7454a;}
.edit_btn_faq{border:1px #0d6aab solid; background-color:#f0feff;}
.edit_btn_faq a{color:#0d4257;}
.faq_ul li {background: url(/images/com/bullet_3.png) no-repeat; background-position: 0px 10px; font-weight: 300; font-size: 15px; margin: 5px 0 10px 0; letter-spacing: -0.5px;}
.faq_img_pc img{width:100%; max-width:884px; margin-top:10px;}
.faq_img_m{display:inline-block; width:100%; text-align:center;}
.faq_img_m img{width:100%; max-width:285px; margin-bottom:10px;}

/*자원지도관리*/
.map_board{margin-top:30px;}

.map_tab{width:100%; margin: 15px auto; box-sizing: border-box; border-left: 1px solid #ddd; border-top:3px solid #ddd; border-bottom:3px solid #ddd; position:relative; background-color:#fdfdfd;}
.map_tab:before{display:block; content:""; position:absolute; top:-3px; left:0; width:70px; height:3px; background-color:#008b77;}
.map_tab:after{display:block; content:""; position:absolute; bottom:-3px; right:0; width:70px; height:3px; background-color:#3d6886;}
.map_tab ul{font-size:0;}
.map_tab ul li{display:inline-block; vertical-align:top; width:25%; position:relative; box-shadow: 1px 1px 0 0 #ddd;}
.map_tab ul li a{display:block; padding:13px; width:100%; height:100%; font-size:17px; font-weight:500; text-align:center; box-sizing:border-box;}
.map_tab ul li a:hover{font-weight:500; background:; color:#005e9a;}
.map_tab ul li.on a{background: #005e9a; color:#fff; font-weight:700;}
.map_b_write #board_normal_write .longer_w_c{width: calc(100% - 97px); margin-right:0;}
.addr_btn{display: inline-block; width: 70px; background:#333d85; padding: 5px 6px; color: #fff; text-align: center;}
.lib_info{padding:5px;}

/*혁신교육지구-신청하기*/
#board_normal_write input#school{width:100px;}
#board_normal_write input#grade{width:30px;}

#board_normal_view.he_app_view  .top_field .title_here{padding:15px;}

.grade_zone {width:100%; box-sizing:border-box; border:2px solid #6bc6d6; margin-top:10px; background-color:#fcfeff; padding:0 10px;}
.grade_zone ul{display:flex; flex-wrap:wrap;}
.grade_zone ul li{display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; padding:12px 10px; border-bottom:1px dashed #ccc; position:relative;}
/*.grade_zone ul li:first-child{border-right:1px solid #6bc6d6;}*/
.grade_zone ul li span{display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:16px;}
.grade_zone ul li span.gz_tit{font-weight:700; color: #27436b; width:80px;}
.grade_zone ul li span.gz_cont{width:calc(100% - 83px);}
.grade_zone ul li:last-child{border-bottom:none;}
.grade_zone ul li:nth-child(2n):before{display:block; content:""; position:absolute; left:-5px; top:50%; transform:translateY(-50%); height:20px; width:1px; background-color:#00819a;}



/*설문조사*/
.survey{width:100%; position:relative;}
.survey:before{content: ''; position: absolute; top: -4px; left: 0;  width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
.survey li{width:100%; font-size:0; box-sizing:border-box; border-bottom:1px solid #ccc; padding:20px 0;}
.survey li:last-child{border-bottom:2px solid #00549a;}
.survey li > div{display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center;}
.survey li > div.num{width:70px; font-size:16px;}
.survey li > div.subject{width:calc(100% - 160px); text-align:left;}
.survey li > div.subject a{font-size:18px; font-family:"NanumSquare"; font-weight:700; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.survey li > div.subject a:hover{color:#ff4500;}
.survey li > div.subject p{font-size:16px; margin-top:5px;}
.survey li > div.subject p span{font-weight:500; color:#00859a; padding-right:5px;}
.survey li > div.now{width:90px; font-size:16px;}
.survey li > div.now span{font-weight:500; color:#fff; padding:7px 10px; width:65px; text-align:center; display:inline-block; box-sizing:border-box; border-radius: 23px; line-height: 1em;}
.survey li > div.now span.before{background-color:#4f4f4f;}
.survey li > div.now span.ing{background-color:#0065b2;}
.survey li > div.now span.end{background-color:#e42355;}

.fr_sv_box{display:block; width:100%; margin-bottom:20px; text-align:center; box-sizing:border-box; border:1px solid #ddd; padding:10px;}
.fr_sv_box #search{display:inline-block; vertical-align:middle;}
.fr_sv_box #search select{height: 32px; margin-right: 2px; margin-top: -1px;}
.fr_sv_box .shbox{display:inline-block; vertical-align:middle;}
.fr_sv_box .shbox div{display: inline-block; vertical-align:middle;}
.fr_sv_box .shbox #btn_search{width:55px; height: 32px; line-height: 30px; text-align:center; font-family: 'Noto Sans KR'; font-size:15px; color:#fff; font-weight:500; background: linear-gradient(135deg, #00859a, #00549a); box-sizing: border-box; vertical-align: middle; display: inline-block; margin-top:-1px;}
#survey_cal{display: inline-block; float: left; font-size:15px;}
#survey_cal .title_survey{display:inline-block; vertical-align:middle;  margin-right: 10px; font-size: 16px; font-weight: 500; color: #00629a; vertical-align: middle;}
.fr_sv_box input{height: 22px; border: 1px #cccaca solid; padding: 4px; display: inline-block; vertical-align: middle;}
.fr_sv_box input.short{width:100px;}
#survey_cal img{margin-left: 5px;}
#survey_cal .btw_span{padding:0 7px; margin-top: 5px; display: inline-block;}


.btn_sv_mng{display: inline-block; box-sizing: border-box; font-size: 14px;}
.btn_sv_mng a{display:inline-block; width:100%; height:100%; padding: 3px 10px; box-sizing: border-box;}
.sv_edit_btn{border: 1px #0d6aab solid; background-color: #f0feff;}
.sv_edit_btn a{color:#0d4257;}
.sv_delete_btn{border: 1px #f7454a solid; background-color: #fff9f9;}
.sv_delete_btn a{color:#f7454a;}
.sv_q_edit_btn{border: 1px #8e8e8e solid; background-color: #f9f9f9;}
.sv_q_edit_btn a{color:black;}
.mgl_2{margin-left:2px;}
.bor_b_sv{border-bottom: 1px #d8d8e8 solid;}
.span_sv{display:inline-block;}
.lh_custom{line-height: 27px; font-size:16px;}
.sv_q_p{display: inline-block; float: left; margin-top: 5px; width: calc(100% - 115px); font-size: 17px; font-family: "NanumSquare"; font-weight: 700; color: #146b81;}
.sv_q_btn{display: inline-block; float: right; width: 100px; font-size:0;}

#board_normal_write.survey_write tbody th.last{border-bottom: 3px solid #ccc;}
#board_total_survey{padding-left: 20px; background: url(/edu/images/board/board_total_icon.png)no-repeat; background-position: 1px;}


#board_normal_write.survey_view .title_here span.real_tit{width:calc(100% - 55px); text-align:left; font-size:18px; display:inline-block; vertical-align:middle; font-family:"NanumSquare"; font-weight:700;}
#board_normal_write.survey_view th.survey_tit{background-color:#fff; padding:15px;}
#board_normal_write.survey_view th{width:auto;}
#board_normal_write.survey_view dl dt.res_h{border:1px solid #7c7c7c; padding:10px 10px 10px 20px; margin-bottom:15px; border-radius:5px; font-size:17px;}
#board_normal_write.survey_view tbody dd dl{box-sizing: border-box;padding-right: 10px;line-height: 22px;}
#board_normal_write.survey_view tbody dd dl dd.pd_custom {text-align:center;}
#board_normal_write.survey_view .res_h{width:100%;padding: 10px 20px 10px 29px;border: 1px #b7cada solid;background-color: white;border-radius: 10px;margin-bottom: 10px;overflow: hidden;box-sizing: border-box;box-shadow: 0px 2px #f4f4fb;position:relative; line-height: 22px;}
#board_normal_write.survey_view .res_h:before{content:""; position:absolute; left: 10px; top: 18px; width: 4px; height: 4px; background-color: #34bdcb; box-shadow: 0px 2px #f4f4fb;}
#board_normal_write.survey_view .num{display: inline-flex; width: 100%; margin: 5px 0; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
#board_normal_write.survey_view  .sv_pd_custom1{padding: 20px;}
#board_normal_write.survey_view .sv_pd_custom2{padding: 0 10px;}
.C_bar1 { display:block; margin-top:2px; background-color:#5056ff; height:10px;}
.C_bar2 { display:block; margin-top:2px; background-color:#fc3777; height:10px;}
.C_bar3 { display:block; margin-top:2px; background-color:#7db3ce; height:10px;}
.C_bar4 { display:block; margin-top:2px; background-color:#0960bb; height:10px;}
.C_bar5 {display:block;margin-top:2px;background-color: #f67801;height:10px;}
.C_bar6 { display:block; margin-top:2px; background-color:#ff7f00; height:10px;}
#user_sv_view .bv_info_custom{display: block; padding: 10px; box-sizing: border-box; overflow: hidden; text-align: center;}
#user_sv_view .sv_num_total{display: inline-block; margin-top: 3px;}
#user_sv_view #bv_content{padding-top:6px;}
.sv_color{color: rebeccapurple; margin-right: 4px;}
#survey_infozone{padding: 20px 15px; border:1px solid #ff3737; margin-bottom:15px; background-color:#fffbfb; line-height:1.5em;}
#survey_zone{padding: 10px; border: 1px solid #bac7ce;}
#researchPop{padding: 10px; background-color: #f8fafb;}
#survey_zone #researchPop dl dt{padding: 10px 20px 10px 21px;margin: 0 10px;border-bottom: 1px #b8c9d8 solid;margin-bottom: 10px;overflow: hidden;box-shadow: 0px 2px #f4f4fb;position: relative;line-height: 22px;color: #000;margin-top: 5px;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;font-size: 17px;}
#survey_zone #researchPop dl dt:before{content:""; position:absolute; left: 8px; top: 18px; width: 4px; height: 4px; background-color: #34bdcb; box-shadow: 0px 2px #f4f4fb;}
#survey_zone #researchPop dl dd{box-sizing: border-box; padding: 10px 10px 10px 20px; border: 1px #d7dde0 solid; background-color: white; overflow: hidden; margin: 0 10px 30px 10px;}
#survey_zone #researchPop dl dd input{line-height:22px;float: left;display: inline-block;margin-top: 4px;}
#survey_zone #researchPop dl dd  label{margin-top: 1px;margin-left: 9px;line-height: 22px;display: inline-block;float: left;width: calc(100% - 30px); word-break: keep-all;}
#survey_zone #researchPop dl dd .researchPop_q{margin: 5px 0;overflow: hidden;}
#survey_zone .subjective_input{width: 100%; max-width: 95%; margin-bottom: 4px; border: 1px #bdbdbd solid;}
#board_normal_view #survey_zone .btn_final{display: block; text-align: center; margin-bottom: 16px;}
#board_normal_view #survey_zone .btn_final a{display: inline-block; padding: 12px 45px; background-color: #087ea9;  color: white; font-size: 18px; float:none; font-weight:500;}
#board_normal_view #survey_zone .btn_final a:hover{background-color: #065875;}
#board_btn #s_exceldown{background-color:#06736b;color:white;}
#board_btn #s_exceldown:hover{background-color:#175954;}
#board_btn{height:45px;}



/*강사은행 목록*/
.t_bank_search #search_field{width: 130px; height: 45px; float:left; line-height: 40px; box-sizing:border-box; border: 1px #d8d8d8 solid; padding:0 35px 0 15px; font-family: 'Noto Sans KR'; font-size:15px; color:black; font-weight:300; margin-right:-1px; background: url(/edu/images/board/search_category_arrow.png) no-repeat; background-position: right 10px center; background-color: white; margin-right:3px;}
.t_bank_search #search_category{width: 100px;}
.t_bank_search #search_word{width: calc(100% - 335px);}

.tb_list{width: 100%; position:relative; margin-top:5px;}
.tb_list:before{content: ''; position: absolute; top: -4px; left: 0;  width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
.tb_list li{width:100%; font-size:0; padding:15px 0;}
.tb_list li.nothing div.info_box{width:100% !important; box-sizing:border-box; text-align:center; font-size:16px; padding:0 10px;}
.tb_list li.thead{padding:13px 0; border-bottom:1px solid #555; background-color: #f7fdff;}
.tb_list li.thead div{font-weight:500; font-size:16px;}
.tb_list li.thead div.where{width:20%;}
.tb_list li.thead div.field{width:15%;}
.tb_list li.thead div.study{width:20%;}
.tb_list li.thead div.email{width:25%;}

.tb_list li{border-bottom:1px solid #ccc;}
.tb_list li:last-child{border-bottom: 2px solid #00549a;}
.tb_list li div{display:inline-block; vertical-align:middle; text-align:center; font-size:16px;}
.tb_list li div.num{width:7%;}
.tb_list li div.name{width:13%;}
.tb_list li div.info_box{width:80%; font-size:0;}
.tb_list li div.info_box .where{width:25%; font-size:16px;}
.tb_list li div.info_box .field{width:18.25%; font-size:16px;}
.tb_list li div.info_box .study{width:25%; font-size:16px;}
.tb_list li div.info_box .email{width:31.25%; font-size:16px;}
.tb_list li div span{display:none;}
.tb_list li a{width: 100%; display: inline-block;}
.tb_list li a:hover{background-color:#fffcad;}


/*강사은행 보기*/
#board_normal_view.t_bank_view .top_field{font-size:0; box-sizing:border-box; padding:10px; border-bottom:1px solid #00549a;}
.t_bank_view .top_field > div{display:inline-block; vertical-align:top;}
.t_bank_view .top_field > div.t_pic{width:170px; height:210px; background-color:#fafafa; overflow:hidden;}
.t_bank_view .top_field > div.t_pic img{width:100%; max-height:210px;}
.t_bank_view .top_field > div.t_info{width:calc(100% - 170px); box-sizing:border-box; padding-left:20px; padding-top:15px;}
.t_bank_view .top_field > div.t_info .t_name{font-size:22px; font-family:"NanumSquare"; font-weight:700; margin-bottom:10px;}
.t_bank_view .top_field > div.t_info .t_detail{width:100%; display:flex; flex-wrap:wrap;}
.t_bank_view .top_field > div.t_info .t_detail li{display:inline-block; vertical-align:top; width:50%; padding:12px 0; box-sizing:border-box; border-bottom:1px solid #ddd;}
.t_bank_view .top_field > div.t_info .t_detail li:last-child{}
.t_bank_view .top_field > div.t_info .t_detail li:last-child > span.txt{word-break:break-all; font-size:15px;}
.t_bank_view .top_field > div.t_info .t_detail li > span{display:inline-block; vertical-align:top; font-size:17px;}
.t_bank_view .top_field > div.t_info .t_detail li > span.tit{font-weight:500; color:#00859a; width:70px;}
.t_bank_view .top_field > div.t_info .t_detail li > span.txt{width:calc(100% - 70px);}
.t_bank_view .top_field > div.t_info .t_detail li > span.txt a:hover{color:#ff4500;}

#board_normal_view.t_bank_view .post_here{padding:10px;}
.t_bank_view .etc_info{width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid #b1b1b1;}
.t_bank_view .etc_info:last-child{border-bottom:none;}
.t_bank_view .etc_info dt, .t_bank_view .etc_info dd{display:inline-block; vertical-align:top; box-sizing:border-box;}
.t_bank_view .etc_info dt{width:170px; background-color:#e1f8ea; text-align:center; font-weight:500; font-size:17px; padding-top:17px; color:#024a62;}
.t_bank_view .etc_info dd{width:calc(100% - 170px); padding:15px; font-size:16px; line-height:1.5em;}



/*강사은행 신청*/
.agree_area{width:100%; box-sizing:border-box; padding:20px; background-color:#fafafa; text-align:center;}
.agree_area  .agree_zone > p{font-size:17px; margin-bottom:5px; font-weight:500;}
.agree_area .cont_list{display:inline-block; padding:15px 0; border-radius:7px; margin-bottom:10px; text-align:left;}
.agree_area .agree_notice{border-top:1px dashed #575757; padding-top:10px;}
.agree_area .agree_notice p{font-size:17px; color:#e8185d; margin-bottom:5px;}
.agree_area .agree_btn{margin-top:10px;}
.agree_area .agree_btn label, .agree_area .agree_btn input{display:inline-block; vertical-align:middle;}
.agree_area .agree_btn label{margin-right:3px; font-weight:500; font-size:17px;}
#board_normal_write .agree_area .agree_btn input{margin-right:0;}
#board_normal_write .agree_area .agree_btn input.mgr_25{margin-right:25px;}

.agree_zone{text-align:left; padding: 0 15px}




/*본인인증*/
.certification{width:100%; display:flex; flex-wrap:wrap; margin-bottom:50px;}
.certification > div{display:inline-block; vertical-align:top; width:calc((100% - 15px)/2); box-sizing:border-box; padding:25px 0 70px 0; text-align:center; position:relative; background-color:#fafbfc;}
.certification > div.ipin{margin-right:15px;}
.certification > div .tit{font-size:25px; font-family:"NanumSquare"; font-weight:700; margin-bottom:20px; box-sizing:border-box; padding:0 25px;}
.certification > div img{margin-bottom:15px;}
.certification > div .txt{font-size:16px; word-break:keep-all; margin-bottom:20px; box-sizing:border-box; padding:0 25px;}
.certification > div a.chkbtn{display:block; width:100%; height:55px; line-height:55px; color:#fff; font-size:18px; font-weight:500; position:absolute; bottom:0; left:0;}
.certification > div.ipin .tit{color:#2c3d63;}
.certification > div.ipin a.chkbtn{background-color:#2c3d63;}
.certification > div.ipin a.chkbtn:hover{background-color:#1e47a2;}
.certification > div.phone .tit{color:#0e554f;}
.certification > div.phone a.chkbtn{background-color:#0e554f;}
.certification > div.phone a.chkbtn:hover{background-color:#0c9186;}



/*평생 동아리 목록*/
.club_search #search_field{width: 130px; height: 45px; float:left; line-height: 40px; box-sizing:border-box; border: 1px #d8d8d8 solid; padding:0 35px 0 15px; font-family: 'Noto Sans KR'; font-size:15px; color:black; font-weight:300; margin-right:-1px; background: url(/edu/images/board/search_category_arrow.png) no-repeat; background-position: right 10px center; background-color: white; margin-right:3px;}
.club_search #search_category{width: 110px;}
.club_search #search_word{width: calc(100% - 345px);}

#cl_list li.thead div.field{width:15%;}
#cl_list li.thead div.where{width:20%;}
#cl_list li.thead div.top{width:15%;}
#cl_list li.thead div.hm{width:10%;}
#cl_list li.thead div.date{width:15%;}


#cl_list li div.num{width:5%;}
#cl_list li div.name{width:20%;}
#cl_list li div.info_box{width:75%;}
#cl_list li div.info_box .field{width:20%; font-size:16px;}
#cl_list li div.info_box .where{width:26.5%; font-size:16px;}
#cl_list li div.info_box .top{width:20%; font-size:16px;}
#cl_list li div.info_box .hm{width:13.5%; font-size:16px;}
#cl_list li div.info_box .date{width:20%; font-size:16px;}




/*평생 동아리 보기*/
#board_normal_view.club_view .top_field{font-size:0; box-sizing:border-box; padding:10px; border-bottom:1px solid #00549a;}
.club_view .top_field > div{display:inline-block; vertical-align:bottom;}
.club_view .top_field > div.t_info{width:100%; box-sizing:border-box;}
.club_view .top_field > div.t_info .t_name{font-size:22px; font-family:"NanumSquare"; font-weight:700; margin-bottom: 5px; margin-top: 10px; padding-bottom: 16px; border-bottom: 1px dashed #555;}
.club_view .top_field > div.t_info .t_detail{width:100%; display:flex; flex-wrap:wrap;}
.club_view .top_field > div.t_info .t_detail li{display:inline-block; vertical-align:top; width:calc(100% / 3); padding:12px 0; box-sizing:border-box; border-bottom:1px solid #ddd;}
.club_view .top_field > div.t_info .t_detail li:last-child{width:100%; border-bottom:0;}
.club_view .top_field > div.t_info .t_detail li > span{display:inline-block; vertical-align:top; font-size:17px;}
.club_view .top_field > div.t_info .t_detail li > span.tit{font-weight:500; color:#00859a; width:80px;}
.club_view .top_field > div.t_info .t_detail li > span.txt{width:calc(100% - 80px);}
.club_view .top_field > div.t_info .t_detail li > span.txt a:hover{color:#ff4500;}

#board_normal_view.club_view .post_here{padding:10px;}
.club_view .etc_info{width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid #b1b1b1;}
.club_view .etc_info:last-child{border-bottom:none;}
.club_view .etc_info dt, .club_view .etc_info dd{display:inline-block; vertical-align:top; box-sizing:border-box;}
.club_view .etc_info dt{width:170px; background-color:#e1f8ea; text-align:center; font-weight:500; font-size:17px; padding-top:17px; color:#024a62;}
.club_view .etc_info dd{width:calc(100% - 170px); padding:15px; font-size:16px; line-height:1.5em;}


/*나의학습시민학위*/
.citizenship .tb_list li div.num{width:8%;}
.citizenship .tb_list li div.Lecture{width:35%;}
.citizenship .tb_list li div.Course_period{width:27%;}
.citizenship .tb_list li div.Whether{width:30%;}

.citizenship .tb_list li div.info_box{width:100%;}

.citizenship .tb_list li div.info_box .num{width:8%;}
.citizenship .tb_list li div.info_box .Lecture{width:35%;}
.citizenship .tb_list li div.info_box .Course_period{width:27%;}
.citizenship .tb_list li div.info_box .Whether{width:30%;}

.citizenship .year_month{display:inline-block; vertical-align: top;}
.citizenship .year_month .yemo{width: 110px; height: 45px; font-family: 'Noto Sans KR'; line-height: 40px; padding: 0 35px 0 15px; font-weight: 300; font-size:14px;}


/*자원지도관리*/
.map_b #board_normal_list table .num_w{width:5%;}
.map_b #board_normal_list table .writer_w{width:35%; text-align:center; padding: 20px 1%;}
.map_b #board_normal_list table .title_w{width:30%; padding: 20px 1%;}
.map_b #board_normal_list table .date_w{width:15%; padding: 20px 1%;}
.map_b #board_normal_list table .view_w{width:15%; padding: 20px 1%;}

.map_btn{background:#097e8f; color:#fff; display: inline-block;  border-radius: 10px; border-radius: 50px; padding: 8px 0; width: 80px;}
.map_btn:hover{background:#104e4e;}



@media  screen and (max-width:1200px)
{
	/*일반게시판 - 목록*/
	 .search_field{width:100%; text-align:center;}
	 .search_field .search_here{max-width:850px; float:none;}

    /*뉴스형 게시판 목록*/
	#board_news_list .news_list_box > li{width:100%; display:block; margin-right:0;}
	#board_news_list .news_list_box:after{bottom:0;}


	/*갤러리 게시판*/

}



@media  screen and (max-width:1150px)
{
	    
	/*통합검색*/
	#search_area{width:90%;}

}



@media  screen and (max-width:1050px)
{

/*프로그램 신청*/
.Lifelong_Learning_Course .tb_list li div{text-align: left; display:block;}
.Lifelong_Learning_Course .tb_list li div > span{display: inline-block; font-weight: 500; color: #00859a; margin-right: 4px;}
.Lifelong_Learning_Course .tb_list li.thead{display:none;}
.Lifelong_Learning_Course .tb_list li div.info_box{text-align:left;}
.Lifelong_Learning_Course .tb_list li div.lecture{width:100%;}
.Lifelong_Learning_Course .tb_list li div.lecture{padding-bottom:15px; border-bottom: 1px dashed #186d7a;}
.Lifelong_Learning_Course .tb_list li div.info_box{margin-top:15px; width:100%;}
.Lifelong_Learning_Course .tb_list li div.info_box .classification{width:100%}
.Lifelong_Learning_Course .tb_list li div.info_box .receipt_t{width:100%}
.Lifelong_Learning_Course .tb_list li div.info_box .education_t{width:100%}
.Lifelong_Learning_Course .tb_list li div.info_box .tuition{width:100%}
.Lifelong_Learning_Course .tb_list li div.info_box .personnel{width:100%}
.Lifelong_Learning_Course .tb_list li div.info_box .ago{width:100%}
.Lifelong_Learning_Course .tb_list li .Lifelong_btn{width:auto; text-align: center; margin-left: 10px; padding: 5px 20px;}
.Lifelong_Learning_Course .tb_list li .Lifelong_btn .line_bk {display:inline; margin-right:0 !important; color:#fff !important; font-weight:300 !important;}

.Lifelong_Learning_Course .txt_red{display:inline-block; color: #d82a00 !important; }
.Lifelong_Learning_Course .tb_list li div.info_box div{margin-bottom:5px;}

.Lifelong_Learning_Course .tb_list li div .prg_br{display: inline-block !important; font-weight:300; color: #000;}

}


@media  screen and (max-width:1000px)
{

	/*갤러리 게시판*/
	#board_photo_list .board_gallery li{width:calc((100% - 50px)/2);}
	#board_photo_list .board_gallery li:nth-child(2n){margin-right:0;}
	#board_photo_list .board_gallery li:nth-child(3n){margin-right:50px;}
	#board_photo_list .board_gallery li:nth-child(6n){margin-right:0 !important;}

	/*강사은행 보기*/
	.t_bank_view .top_field > div.t_pic{width:120px; height:148px;}
	.t_bank_view .top_field > div.t_info{width:calc(100% - 120px); padding-left:15px;}
	.t_bank_view .top_field > div.t_info .t_name{font-size:20px;margin-bottom: 5px;}
	.t_bank_view .top_field > div.t_info .t_detail li{padding:8px 0;}
	.t_bank_view .top_field > div.t_info .t_detail li > span{font-size:16px;}

	.t_bank_view .etc_info dt{width:120px; padding-top:15px;}
	.t_bank_view .etc_info dd{width:calc(100% - 120px);}


	/*평생동아리 보기*/
	.club_view .top_field > div.t_info .t_detail li{padding:8px 0;}
	.club_view .top_field > div.t_info .t_detail li > span{font-size:16px;}

	.club_view .etc_info dt{width:120px; padding-top:15px;}
	.club_view .etc_info dd{width:calc(100% - 120px);}

/*평생교육프로그램*/
.Lifelong_Learning_Course .Lifelong_Learning_Course #board_normal_list table tbody tr td .Lifelong_btn span{line-height: 1.2; font-size: 13px;}




}






@media  screen and (max-width:900px)
{
	
	
	/* 비밀글 */
	#board_lock > div.bl_pw{width:80%;}

	/*평생 동아리 보기*/
	.club_view .top_field > div.t_info .t_detail li{width:50%;}


 


	
}




@media  screen and (max-width:800px) {

  #board_normal_view .top_field .title_here{text-align:left;}
  #board_normal_view .top_field .title_here span.real_tit{text-align:left;}
  #board_normal_view .top_field .i_detail_here{text-align:left;}

  /*갤러리 게시판*/
	#board_photo_list .board_gallery li{width:calc((100% - 25px)/2); margin-right:25px;}
	#board_photo_list .board_gallery li:nth-child(3n){margin-right:25px;}

  /* 비밀글 */
  #board_lock > div.bl_pw{width:80%;}



  /*강사은행*/
  .tb_list li{padding:15px 0;}
  .tb_list li.thead{display:none;}
  .tb_list li div{vertical-align:top;}
  .tb_list li div.num{width:7%;}
  .tb_list li div.name{width:16%; font-size:18px;}
  .tb_list li div.info_box{width:77%; text-align:left;}
  .tb_list li div.info_box div{display:block; text-align:left; margin-bottom: 3px;}
  .tb_list li div.info_box .where{width:100%;}
  .tb_list li div.info_box .field{width:100%;}
  .tb_list li div.info_box .study{width:100%;}
  .tb_list li div.info_box .email{width:100%; margin-bottom: 0;}
  .tb_list li div span{display:inline-block; font-weight:500; color:#00859a; margin-right:4px;}


 /*나의학습이력제*/
  .my_resume .tb_list li div.info_box .num{display:none;}
  .my_resume .Isu{display:inline-block; margin-right:5px;}
  .my_resume .No_Isu{display:inline-block; margin-right:5px;}
  .my_resume .tb_list li .my_lsu_btn{text-align:center; display:inline-block; width:100px;}
  .my_resume .noisu_btn{display:inline-block;}
  .my_resume .tb_list li div.info_box .Lecture{width:100%;}
  .my_resume .tb_list li div.info_box .Course_period{width:100%;}
  .my_resume .tb_list li div.info_box .Attendance_rate{width:100%;}
  .my_resume .tb_list li div.info_box .Whether{width: 100%;}

  .my_resume .isu_search_bar{width: 100%; margin-top: 10px; display: inline-block;}

  .citizenship .isu_search_bar{width: calc(100% - 246px); margin-top: 0; vertical-align: middle;}
  .citizenship .year_month{vertical-align: middle;}


  /*평생 동아리 목록*/
  #cl_list li div.name{width:35%;}
  #cl_list li div.info_box{width:60%;}
  #cl_list li div.info_box div{display:block; text-align:left; margin-bottom: 3px;}
  #cl_list li div.info_box .field{width:100%;}
  #cl_list li div.info_box .field span{color:#e4463b;}
  #cl_list li div.info_box .where{width:100%;}
  #cl_list li div.info_box .top{width:100%;}
  #cl_list li div.info_box .hm{width:100%;}
  #cl_list li div.info_box .date{width:100%; margin-bottom:0;}

}


@media  screen and (max-width:770px)
{    

/* 비밀글 */
  #board_lock > div.bl_pw{width:100%;}

  /*강사은행 보기*/
  .t_bank_view .top_field > div{display:block;}
  .t_bank_view .top_field > div.t_info{margin-top:15px; width:100%; padding-left:0;}
  #board_normal_view.t_bank_view .post_here{padding:10px 0;}

/*나의 학습이력제*/
.my_resume #survey_cal{width:100%;}

}


@media  screen and (max-width:750px)
{    
 
	/*공통*/
	.list_btn{width:100px;}
	.write_btn{width:100px;}
	.cancel_btn{width:100px;}



	/*이전글 다음글*/
	#prnx > div{display:block; width:100%;}
	#prnx > div.prev_box{border-bottom:1px solid #ddd; border-right:none;}

   /*자원지도관리*/
    .map_b #board_normal_list table .view_w{display: revert;}
	.map_b #board_normal_list table .view_w:before{display: revert;}
	.map_b .map_table{width: 98%; margin: 0 auto 15px auto; overflow: auto;}
	#board_normal_list table:before{content: ''; position: absolute; top: 0px; z-index:2; left: 0;  width: 100%; height: 4px; background: linear-gradient(90deg, #00859a, #00549a);}
	.map_btn{width:100%;}
	.map_b #board_normal_list table{width:600px;}

	/*일반게시판 - 목록*/
	#board_normal_list{margin-bottom:40px;}
	#board_normal_list table thead tr th{font-size:15px; padding: 12px 0;}
	#board_normal_list table tbody tr td.subject{padding:20px 2%;}
	 .search_field #search_category{width: 90px; background-position: right 10px center; padding: 0 10px;}
	 .search_field #search_word{width: calc(100% - 177px);}
	 .search_field #btn_search{width:85px;}
	#board_normal_list table .num_w{display:none;}
	#board_normal_list table .title_w{width:65%;}
	#board_normal_list table .date_w{width:20%; font-size: 15px; box-sizing:border-box;}
	#board_normal_list table .view_w{display:none;}
	#board_normal_list table .view_w:before{display:none;}
	#board_normal_list table thead tr th.mobile_first{border-radius: 5px 0px 0 5px; position:relative; overflow:hidden;}
	#board_normal_list table thead tr th.mobile_first:before{content: ''; position: absolute; bottom: 0; left: 0; width: 25px; height: 100%; background-color: #f2be26;}
	#board_normal_list table thead tr th.mobile_last{border-radius: 0 5px 5px 0;}
	#board_normal_list table thead tr th{position:relative;}
	/*#board_normal_list table thead tr th:before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #a0add4;}*/
	#board_normal_view .post_here .file_zone{padding: 10px 15px;}

    /*나의학습이력제*/
     .my_resume .search_field #search_word{width:calc(100% - 182px);}
	 
	 .my_resume #survey_cal input{width:130px;}

	/*일반게시판 - 보기*/
	#board_normal_view .top_field #board_normal_write span{font-size:19px;}
	#board_normal_view .top_field .title_here{text-align: left; padding: 25px 3% 0 3%;}
	#board_normal_view .top_field .title_here span{font-size:19px; line-height:25px; box-sizing:border-box;}
	#board_normal_view .top_field .i_detail_here{display:flex; flex-wrap:wrap; margin:0 auto; padding:0 3%; margin-top:10px;}
	#board_normal_view .top_field .i_detail_here dt{padding-right:5px; line-height:45px;}
	#board_normal_view .top_field .i_detail_here dt:after{right:-5px;}
	#board_normal_view .top_field .i_detail_here dd{line-height:45px; letter-spacing:-0.75px; margin-right:0;}
	#board_normal_view .etc_info_here{padding: 10px 20px 15px 20px;}
	#board_normal_view .etc_info_here .etc_info div{font-size:14px;}
	#board_normal_view .etc_info_here .etc_info .bold{margin-right:5px;}
	#board_normal_view .etc_info_here .etc_info > div{margin-right:15px;}
	#board_normal_view .bottom_field dl dt{width:100px;}
	#board_normal_view .bottom_field dl dd{width:-webkit-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); padding: 5px 0 5px 15px;}
	#board_normal_view .bottom_field dl dd a{font-size:15px; background-position:2px 4px;}
	#board_normal_view .btn_field{margin-top: 20px; margin-bottom:30px;}
	#board_normal_view .btn_field button{width:100px;}


	


	/*faq게시판*/
	#board_faq_list{margin-bottom: 40px;}
	#board_faq_list .board_faq > li dl > dt a{padding: 20px 60px 20px 20px;}
	#board_faq_list .board_faq > li dl dt:before{width: 20px; height: 11px; right:18px; background-size: 20px;}
	#board_faq_list .board_faq > .active dl dt:before{width: 20px; height: 11px; right:18px; background-size: 20px;}
	#board_faq_list .board_faq > li dl > dt a{font-size:16px;}
	#board_faq_list .board_faq > li dl > dd{font-size:14px;}



	/*강사은행*/
	.t_bank_search #search_word {width: calc(100% - 310px);}

	/*평생 동아리 목록*/
    .club_search #search_word{width: calc(100% - 310px);}
 
	

}



@media  screen and (max-width:700px) {

	#board_notice_list .box_info{width:100%; padding: 175px 30px 30px 30px; margin-top: 40px;}
	#board_notice_list .img_in{position: absolute; left: 50%; top: 0px; z-index: 100; transform: translateX(-50%);}
	#board_notice_list .no_img .box_info{margin-top:0 !important;}
	#board_notice_list .tit{margin-top:10px;}


	/*나의학습시민학위*/
	 .citizenship .isu_search_bar{width: 100%; margin-top: 10px; display: inline-block;}
	 .citizenship .year_month{width:100%; font-size:0px;}
	 .citizenship .year_month .yemo{font-size:15px; width:49%;}
	 .citizenship .year_month .year{margin-right:1%;}

}


@media  screen and (max-width:680px) {    

  /*페이징*/
 .paging{width:100%;}
 .paging ul{margin:0 auto;}
 .paging ul li{width:35px;}
 .paging ul li a{font-size: 14px;}
 .paging ul li a img{width:85%;}

}



@media  screen and (max-width:650px) {

    /*일반게시판 - 보기*/
    #board_normal_view .post_here{padding:25px 10px;}


	/*뉴스형 게시판 목록*/
	#board_news_list .all_select.bottom{bottom:-40px;}
	#board_news_list .news_list_box{margin-bottom:60px;}

	#board_news_list .news_list_box > li{height:auto;}
	#board_news_list .news_list_box > li > div{display:block;}
	#board_news_list .news_list_box > li > div.num_area{text-align:left; }
	#board_news_list .news_list_box > li > div.num_area p.num .notice{height:30px; border-radius:5px; line-height:30px; text-align:center;}
	#board_news_list .news_list_box > li > div.news_txt{width:100%; padding-left:0; margin-top:5px;}

	#board_news_list .news_list_box > li.adm_on > div.chkbox{top:10px; transform:inherit;}
	#board_news_list .news_list_box > li.adm_on > div.news_txt{padding-left:0;}
	#board_news_list .news_list_box > li.adm_on.no_image > div.news_txt{padding-left:0;}



	


   	/*갤러리 게시판*/	
    #board_photo_list .all_select.bottom{bottom:-5px;}
	#board_photo_list .board_gallery{margin-bottom:0; text-align: center; box-sizing: border-box; padding-top: 30px; padding-bottom: 10px; margin-top: 10px;}
	#board_photo_list .board_gallery li{width: 95%; margin-bottom:10%; clear:both; float:none; margin-right: auto; max-width: 420px; display: inline-block; text-align: left;}
	#board_photo_list .board_gallery li .title_this{font-size: 18px; font-weight: 400; margin-bottom:13px; box-sizing:border-box;}
	#board_photo_list .board_gallery li .date_this{font-size:15px;}
	#board_photo_list .board_gallery li .writer_this{font-size:15px;}
	#board_photo_list .board_gallery li:nth-child(3){margin-right:0;}
	#board_photo_list .board_gallery li:nth-child(6){margin-right:0;}
	#board_photo_list .board_gallery ul{max-width: 350px;}
	#board_photo_list .board_gallery li .title_this{font-size:17px;}

	/* 비밀글 */
	#board_lock{width:100%;}



	/*강사은행 보기*/
	#board_normal_view.t_bank_view .top_field{padding:20px 10px 10px 10px;}
	.t_bank_view .top_field > div.t_info .t_name{font-size:20px;margin-bottom: 5px;}
	.t_bank_view .top_field > div.t_info .t_detail li{width:100%;}
    
	.t_bank_view .etc_info{border-bottom:none;}
	.t_bank_view .etc_info dt{width:100%; padding:10px;}
	.t_bank_view .etc_info dd{width:100%; padding:15px 10px 25px 10px;}


	/*평생동아리 보기*/
	#board_normal_view.club_view .top_field{padding:20px 10px 10px 10px;}
	.club_view .top_field > div.t_info .t_name{margin-top:3px;}
	.club_view .top_field > div.t_info .t_detail li{width:100%;}
    
	.club_view .etc_info{border-bottom:none;}
	.club_view .etc_info dt{width:100%; padding:10px;}
	.club_view .etc_info dd{width:100%; padding:15px 10px 25px 10px;}

}



@media  screen and (max-width:590px)
{   
    /*일반게시판 - 보기*/
	.top_field_bg{display:none;}
	#board_normal_view .top_field:before {top: 0px;}
	#board_normal_view .top_field:after {top: 0px;}


	/*비밀글 비밀번호 입력*/
	#board_lock{width:100%; margin-top: 60px;}
	#board_lock > div{display:block;}
	#board_lock > div.bl_pw{text-align:center;}
	#board_lock > div.bl_pw .lock_info{margin-bottom:10px;}
	#board_lock > div.bl_pw #btn_here{margin-top:10px;}
	#content_in .info_field .first_ul li{margin: 6px 5px 10px 5px; font-size:15px; line-height: 19px;}
	#content_in .info_field .first_ul li .small2_f{font-size:14px;}


	/*설문조사*/
	.survey li > div.num{display:none;}
	.survey li > div.subject{width:calc(100% - 90px);}


	/*faq 목록*/
	#board_faq_list .board_faq{margin-top:36px;}



	/*강사은행*/
    .t_bank_search #search_field{width:calc((100% - 3px)/2); margin-bottom:3px;}
    .t_bank_search #search_category{width:calc((100% - 3px)/2) !important; margin-right:0; margin-bottom:3px;}
    .t_bank_search #search_word{width: calc(100% - 84px);}

    .tb_list li div.num{display:none;}
    .tb_list li div.name{width:25%; font-weight:500;}
    .tb_list li div.info_box{width:75%;}
	

	/*본인인증*/
	.certification > div{display:block; width:100%; padding:25px 0 60px 0;}
	.certification > div.ipin{margin-right:0; margin-bottom:15px;}


	/*평생 동아리 목록*/
	.club_search #search_field{width:calc((100% - 3px)/2); margin-bottom:3px;}
	.club_search #search_category{width:calc((100% - 3px)/2) !important; margin-right:0; margin-bottom:3px;}
	.club_search #search_word{width: calc(100% - 84px);}

	#cl_list li{padding:15px; box-sizing:border-box;}
	#cl_list li div.num{display:none;}
	#cl_list li div.name{display:block; width:100%; text-align:left; font-size:20px; margin-bottom:10px;}
	#cl_list li div.info_box{display:block; width:100%; box-sizing:border-box; padding-left:10px;}


	/*혁신교육지구-신청하기*/
	#board_normal_view.he_app_view .post_here{padding:0 10px 20px 10px;}
	.grade_zone ul li{display:block; width:100%;}
	.grade_zone ul li span.gz_tit{width:80px;}
	.grade_zone ul li span.gz_cont{width:calc(100% - 83px);}
	.grade_zone ul li:nth-child(2n):before{display:none;}


}


@media  screen and (max-width:500px)
{   
    /*뉴스형 게시판 목록*/    
	#board_news_list .news_list_box > li > div.news_img{width:100%; height:auto; max-height:250px; margin-bottom:20px;}
	#board_news_list .news_list_box > li > div.news_img img{max-width: 100%; position: relative; left: auto; top: auto; transform: inherit;}

   	/*일반게시판 - 보기*/
	#board_normal_view .btn_field #prev_btn_view{display:none;}
	#board_normal_view .btn_field #next_btn_view{display:none;}
	
	/*일반게시판 - 쓰기*/
	#board_normal_write input[type=file]{width:100%;}

	/*답변 게시판*/	
	#board_normal_list table .title_w{width:80%;}
	#board_normal_list table .writer_w{width:20%;}
	#board_normal_list table .date_w{display:none;}

    /*평생자원지도*/
    .map_b #board_normal_list table .date_w{display: revert;}

	/*검색영역*/
	.search_field{margin-top:0;}


	/*통합검색*/
	.search_list .news_list_box > li > div.news_txt .where{font-size:15px;}

	/*통합검색*/
	#search_area{width:100%;}
	.search_list .news_list_box > li > div.news_txt .subject{margin-bottom:10px !important;}
	.search_list .news_list_box > li.no_image .news_txt .subject{margin-bottom:15px !important;}
	.search_list .news_list_box > li .where{bottom:7px;}


	/*자원지도관리*/
	.map_tab ul li a{font-size:16px; padding:10px;}

}


@media  screen and (max-width:485px)
{
	/*공통*/
	.check_box_span{display:inline-block; float:left; clear:both; margin-top:3px; font-size:13px;}

	
}


@media  screen and (max-width:450px)
{

     /*페이징*/
	 .paging ul li{width:24px;}

     #board_normal_view .btn_field button{width:65px;}
	 .bottom_field a{width:75px;}
	 .bottom_field button{width:80px;}
     
	 /*뉴스형 게시판 목록*/ 
	#board_news_list .news_list_box > li > div.news_img{max-height:185px;}

	/*일반게시판-목록*/
	 .search_field #search_category{width:100%; margin-right: 0;}
	 .search_field #search_word{width: calc(100% - 85px); margin-top:10px;}
	 .search_field #btn_search{margin-top:10px;}

	/*일반게시판-보기*/
	#board_normal_view .top_field .i_detail_here dt{line-height:20px;}
	#board_normal_view .top_field .i_detail_here dd{line-height:20px;}
	#board_normal_view .top_field .title_here{padding-bottom:5px;}
	#board_normal_view .top_field .title_here span{font-size: 17px; line-height: 24px;}

	/*갤러리 게시판 - 목록*/
	#board_photo_list .board_gallery li .title_this{font-size: 16px; margin-bottom:10px;}
	#board_photo_list .board_gallery li .date_this{font-size:13px;}


	/*공지사항게시판 - 목록*/
	#board_notice_list .tit{font-size: 18px;}
	#board_notice_list .content{font-size:15px;}
	#board_notice_list .box_info{padding: 135px 30px 30px 30px;}
	#board_notice_list .img_in{width: 240px; height: 160px;}

	/*비밀글*/
	#board_lock > div.bl_pw div.bl_bg img{width:80px; height:113px;}
	#board_lock > div.bl_pw .lock_info p{font-size:14px;}
	#board_lock > div.bl_pw .lock_info .pass_input{font-size:23px;}


	/*설문조사*/	
    .survey li > div.subject p span{display:block; padding-right:0;}


	/*강사은행*/
	.t_bank_search #search_word{margin-top:0;}
	.t_bank_search #btn_search{margin-top:0;}

	/*나의학습이력제*/
	.my_resume #survey_cal input{width:90px;}
	.my_resume .search_field #search_category{margin-left:0px;}
	.my_resume .search_field #search_word{width:calc(100% - 85px);}
	
	
}