@charset "utf-8";

/*검색*/
.search_form {margin:10px 0 26px;padding:10px 55px; border:1px solid #e8e8e8;background:#fbfbfb; box-sizing:border-box;}
.search_form::after, .search_input::after {display:block;clear:both;content:''}
/*.search_form .select_wrap {float:left; min-width:200px; padding-right:1%;}*/
.search_form .select_wrap {padding-right:1%;float:left;}
.search_form .select_wrap.w100{width:100%;}

.search_input input[type="text"] {display:block; float:left;height:43px;line-height:43px; width:calc(100% - 26rem);  padding:0 18px}
select, input, textarea{color: #454545; font-size: 16px; box-sizing:border-box; border:1px solid #e8e8e8}
.search_input button {display:block;float:left;background:#3a4042;border:1px solid #3a4042;color:#fff;  min-width:10rem;text-align:center;height:43px;line-height:43px;transition:all .4s; box-sizing:border-box;}
.search_input button:hover, .search_input button:focus {background:#fff;color:#3a4042}
.select_wrap {position:relative;cursor:pointer;display:inline-block;}
.select_wrap select {position:relative;height:43px;line-height:43px;width:100%;padding:0 53px 0 18px; border:1px solid #e8e8e8;border-right:0;background:url('/images/web/main/board/select-bg.gif') right center no-repeat #fff; box-sizing:border-box;}
.search_input button span.icon_search_wh {background:url('/images/web/main/board/icon_search_wh.png') no-repeat left center; padding-left:20px;}
.search_input button:hover span.icon_search_wh {background:url('/images/web/main/board/icon_search_bk.png') no-repeat left center; }



/*셀렉트상자 화살표삭제*/
.search_form .select_wrap select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;  }
.search_form .select_wrap select::-ms-expand { display: none; }

/*검색 교육정보화백서*/
.select_wrap select.w120 { width:120px;}
.select_wrap select.w130 { width:130px;}
.select_wrap select.w140 { width:140px;}
.select_wrap select.w150 { width:150px;}
.select_wrap select.w160 { width:160px;}
.select_wrap select.w170 { width:170px;}
.select_wrap select.w180 { width:180px;}
.select_wrap select.w190 { width:190px;}
.select_wrap select.w200 { width:200px;}
.select_wrap select.w300 { width:300px;}

.sch_group { float:left;}
.select_wrap .box1 { width:100%; margin-bottom:10px;}
.select_wrap .box2, .select_wrap .box3 { display:block; }
.select_wrap .box1 select { float:left; width:23%; margin-right:1%; }
.select_wrap .box1 input { width:75%;}
.select_wrap .box2 .search_input { float:left;}
.sch_group label { width:80px; float:left; top:10px;}
.sch_group span.dash { padding:0 10px; height:43px;line-height:43px; vertical-align:middle;}
.sch_group .search_input input[type="text"] {display:inline-block; height:43px;line-height:43px;  padding:0 18px}
.sch_group .search_input input[type="text"].hasDatepicker {display:inline-block; width:200px;}
.dateinput { width:100%;}
.search_input.sch_btn2  button{ float:right;}


/*총건 페이지*/
.board_top {margin-top:60px}
.board_top {overflow:hidden;margin:26px 0}
.board_top p {font-size:18px; color:#1d1614}
.board_top p span {font-weight:600;color:#e5271e}
.board_top .total {float:left;}
.board_top .research {float:left;}
.board_top .current {float:right}

/*게시판 list*/
.board_list {  border-top:1px solid #132331;margin-top:26px}
.board_list table {table-layout:fixed;}
.board_list thead th {position:relative;padding:19px 0 29px; font-size:18px;}
.board_list thead th::after {position:absolute;left:0;bottom:10px;width:100%; height:1px; background:#e4e4e4; content:''}
.board_list tbody tr.active,.board_list tbody tr:hover {box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0);-webkit-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);}
  
.board_list tbody tr.active a {text-decoration:underline}
.board_list td {text-align:center;color:#666; font-size:16px; border-bottom:1px solid #e4e4e4}
.board_list td.no-search {padding: 15px 0 20px;}
.board_list td.txt-pd {padding: 15px 0 20px;}
.board_list td strong.division { display:none}
.board_list .tit { text-align:left; font-family:NotoM; color:#333;}
.board_list .tit a {display:inline-block; padding:16px 0 17px; width:90%; text-overflow:ellipsis;white-space:nowrap; overflow:hidden;  color:#333; vertical-align:middle}

.board_list .date span {font-size:14px; color:#707786}
.board_list [class^="category"] span {display:inline-block;min-width:47px;height:24px;line-height:24px;border-radius:3px;font-size:1.4rem;color:#fff;padding:0 .5rem}
.board_list .category0 span {background:#d9534f}
.board_list .category1 span {background:#00407c}
.board_list .category2 span {background:#0564ac}
.board_list .category3 span {background:#0c9390}
.board_list .category4 span {background:#757e90}
.board_list .category5 span {background:#3a4042}
.board_list .answer {color:#c8d1de; font-size:16px;}
.board_list .answer.end {color:#0564ac}
.board_list .current-state {color:#0564ac}
.board_list .current-state.end {color:#e5451a}
.board_list td.notice {font-size:18px;}
.board_list .type span {display:block;width:11rem;margin:auto;background:#757e90;color:#fff;padding:2.5rem 0; font-size:16px; transition:background .4s}
.board_list .txt a {position:relative;display:block; padding:3rem 1.5rem}
.board_list .txt div:after{display:block;clear:both;content:''}
.board_list .txt div > * {float:left}
.board_list .txt div strong {font-size:18px; color:#333;}
.board_list .txt .util {font-size:16px; color:#666}
.board_list .txt .util .author {margin-right:1rem}
.board_list .txt .util p i {font-size:16px; color:#c8d1de;margin-right:.4rem}
.board_list .txt .util p span {color:#707786;}
.board_list .txt a > p {clear:both;font-size:18px; color:#999;margin:.6rem 0}
.board_list .txt .keyword {margin:-2px 0 0 11px;}
.board_list .txt .keyword span {display:inline-block;padding:4px 5px;background:#757e90;color:#fff;}
.board_list .txt .keyword span + span {margin-left:6px}
.board_list tbody tr:hover .type span,.board_list tbody tr.active .type span{background:#006cc8}

.board_list .link a + a {margin-left:3.4rem}
.board_list [class^='category'] span { font-size:14px;}

/*게시판 상세보기*/
.view_cont {padding:3rem;border-bottom:1px solid #ddd; line-height: 1.5;}
.view_page img, .view_cont img {max-width: 100% !important; /* height:auto !important; 190703 수정 jhk*/}
.view_page .info{overflow:hidden;border-top:1px solid #132331;border-bottom:1px solid #ddd;}
.view_page .info h1 {font-family:"NotoM"; font-size:20px; color:#333; padding:20px 15px;border-bottom:1px solid #ddd}
.view_page .info ul {display:block;overflow:hidden;padding:20px 0;}
.view_page .info ul li:first-child {margin-left:0}
.view_page [class^="info"] li {position:relative;float:left;padding-left:15px;margin-left:15px;font-weight:600}
.view_page [class^="info"] li::before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:15px;background:#e4e4e4;content:''}
.view_page [class^="info"] li:first-child::before {display:none}
.view_page [class^="info"] li span {margin-left:6px;font-weight:200;color:#666}
.view_page .info ul.file { padding-top:0; }
.view_page .info ul.file li{ font-weight:200;} 
.view_page .info ul.file li a {display:block; padding:2px 0 2px 24px; background:url("/images/web/main/board/down_icon.gif") no-repeat left 3px;}
.view_page .info .file li a:hover, 
.view_page .info .file li a:active, 
.view_page .info .file li a:focus {text-decoration:underline;}
.bv_contents .slide_img .big_photo{ position:relative; overflow:hidden;}
.bv_contents .slide_img .big_photo div.on{ display:block;}
.bv_contents .slide_img .big_photo div { display:none;}
.bv_contents .slide_img .big_photo div img{max-width:100%;}
.bv_contents .slide_img .bx-wrapper{position: relative; }
.bv_contents .slide_img {text-align:center; margin:40px 0;position: relative;padding:0 50px;}
.bv_contents .slide_img .bx-prev,
.bv_contents .slide_img .bx-next{position: absolute;display:block;background:center no-repeat; width:63px;height:63px; text-align:center; font-size: 0;margin-top: -32px;top:50%;}
.bv_contents .slide_img .bx-prev{left:-63px;background-image:url(/images/web/main/board/bbs_prev05.gif);}
.bv_contents .slide_img .bx-next{right:-63px;background-image:url(/images/web/main/board/bbs_next05.gif)}

.bv_contents .slide_img .bx-prev.disabled,
.bv_contents .slide_img .bx-next.disabled{opacity:.3;}
.bv_contents .slide_img .thumbnail .bx-controls { display:none;}
.bv_contents .slide_img .thumbnail{ position:relative; max-width:1085px; height:95px; margin:30px auto;}
.bv_contents .slide_img .thumbnail ul{ width:100%; height:95px ; overflow:hidden;}
.bv_contents .slide_img .thumbnail ul li{ display:inline-block; margin-right: 14px;}
.bv_contents .slide_img .thumbnail ul li:last-child{margin-right: 0;}
.bv_contents .slide_img .thumbnail ul li:first-child{margin-left: 0;}
.bv_contents .slide_img .thumbnail ul li img{width:143px; height:95px;}
.bv_contents .slide_img .thumbnail ul li a{display:block;position: relative;}
.bv_contents .slide_img .thumbnail ul li a::after{content: '';border:1px solid #ccc;left: 0;top: 0;bottom: 0;right: 0;position: absolute;}
.bv_contents .slide_img .thumbnail ul li a.on::after{border-color:#1e82c6;border-width:2px;}
.bv_contents .slide_img .thumbnail ul li a.on:focus::after,
.bv_contents .slide_img .thumbnail ul li a:focus::after{border-color:#333;border-width:2px;}

.big_photo img {width:55% !important; height:450px !important;}/* 190703 수정 jhk 사진게싶판 상세보기 이미지 사이즈 조정*/
.thumbnail img {height:95px;}/* 190703 수정 jhk 사진게싶판 상세보기 이미지 사이즈 조정*/

/*게시판 포토게시판 상세보기 파일첨부 아래있을 경우*/
.view_page .info.file_box { border-top:0; margin-top:20px;}

/* 게시판 상세보기 KERIS 발간물 */
.view_report { padding:21px 0 31px;border-top:1px solid #132331;border-bottom:1px solid #132331}
.view_report .info {padding-bottom:22px;border-bottom:1px solid #e5e5e5}
.view_report .info > * {display:inline-block;vertical-align:middle}
.view_report .info .img {width:248px;height:294px; padding-bottom:50px; overflow:hidden;} /*190805 수정*/
.view_report .info .img img{padding:22px 28px;background:#f2f4f6;width:100%;height:auto;text-align:center; box-sizing:border-box;}/*190805 수정*/
.view_report .info .txt_wrap {width:calc(100% - 288px);margin-left:36px;}
.view_report .info .txt_wrap p {line-height:1.6}
.view_report .info .txt_wrap h2 {font-size:20px;font-weight:600;color:#000; word-break:keep-all;}/*190805 수정*/
.view_report .info .txt_wrap ul {margin-top:20px;border-top:1px solid #e5e5e5}
.view_report .info .txt_wrap li {border-bottom:1px solid #e5e5e5;padding:15px 0 15px}
.view_report .info .txt_wrap li > * {display:inline-block;font-weight:200}
.view_report .info .txt_wrap li strong {position:relative;min-width:152px;padding-left:1.8rem;margin-right:4.2rem;color:#4e565d}
.view_report .info .txt_wrap li strong::after {position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:10px;background:#a6a6a6;content:''}
.view_report .info .txt_wrap li p {color:#333}
.view_report .info .txt_wrap li p + span {margin-left:18px}
.view_report .info .txt_wrap li span a {border-radius:30px; margin-left:0;}
.view_report .info .txt_wrap li span.size {padding:0 20px; height:25px;line-height:25px;border-radius:30px; color:#666;font-size:14px;font-weight:200;background:#efefef}
.view_report .info .txt_wrap li span.download{background:#4267b2}
.view_report .info .txt_wrap li span.download a{color:#fff;font-size:16px;}
.view_report .info .txt_wrap li span + span {margin-left:5px}
.view_report .info .txt_wrap li a:hover,.view_report .info .txt_wrap li a:focus {text-decoration:underline}
.view_report .util {margin:40px 0 38px}
.view_report .util::after {display:block;clear:both;content:''}
.view_report .util .mark {float:left;}
.view_report .util .mark > * {display:inline-block;vertical-align:middle}
.view_report .util .mark p {margin-left:17px;color:#555;line-height:1.5}
.view_report .util .mark p span {color:#008f8a}
.view_report .util .mark p a {position:relative;display:inline-block;}
.view_report .util .mark p a::after {position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#555;content:''}

.report_content {border:1px solid #d3dde6;background:#fbfbfb}
.report_content + .report_content {margin-top:19px;}
.report_content h3 {position:relative;height:77px;line-height:77px;padding-left:46px;font-size:30px;font-weight:600}
.report_content h3::before {position:absolute;left:0;top:-1px;width:19px;height:100%;content:''}
#list.report_content h3 {color:#4267b2}
#list.report_content h3::before {background:#4267b2}
#abstract.report_content h3 {color:#149c77}
#abstract.report_content h3::before {background:#149c77}
#writer.report_content h3 {color:#666}
#writer.report_content h3::before {background:#666}
#pblcteCn.report_content h3 {color:#f58220}
#pblcteCn.report_content h3::before {background:#f58220}
.report_content .txt_wrap {margin:0.2rem 4.3rem;height:100%;overflow:hidden;line-height:1.6}
.report_content .txt_wrap pre {word-wrap:break-word;height:100%}
#list.report_content .txt_wrap {height:200px}
#abstract.report_content .txt_wrap {height:200px}
#writer.report_content .txt_wrap {height:200px}
#pblcteCn.report_content .txt_wrap {height:200px}
.report_content.active .txt_wrap {height:100% !important}
.report_content .more {position:relative;display:block;height:50px;line-height:50px;padding:0 4rem;text-align:right;z-index:10}
.report_content .more span {margin-right:10px}
.report_content .more1 {position:relative;display:block;height:50px;line-height:50px;padding:0 4rem;text-align:right;z-index:10}
.report_content .more1 span {margin-right:10px}
.report_content .more2 {position:relative;display:block;height:50px;line-height:50px;padding:0 4rem;text-align:right;z-index:10}
.report_content .more2 span {margin-right:10px}
.report_content .more3 {position:relative;display:block;height:50px;line-height:50px;padding:0 4rem;text-align:right;z-index:10}
.report_content .more3 span {margin-right:10px}
#list.report_content h3 {color:#4267b2}
#list.report_content h3::before {background:#4267b2}
#abstract.report_content h3 {color:#149c77}
#abstract.report_content h3::before {background:#149c77}
#writer.report_content h3 {color:#666}
#writer.report_content h3::before {background:#666}
#pblcteCn.report_content h3 {color:#f58220}
#pblcteCn.report_content h3::before {background:#f58220}

/* 게시판 상세보기 KERIS 발간물 해외교육동향 */
.view_report.type2 {border-bottom:0}
.view_report.type2 .info {padding-bottom:22px;border-bottom:1px solid #e5e5e5}
.view_report.type2 .info .txt_wrap ul {margin-top:10px}
.view_report.type2 .info .txt_wrap li {padding:8px 0 0;border:0}
.view_report.type2 .info .txt_wrap li strong {margin:0;min-width:100px}
.view_report.type2 .info .txt_wrap li strong::after {display:none}
.view_report.type2 .info .btn-wrap {margin-left:20px}
.view_report.type2 .info .btn-wrap a {width:230px}
.view_report.type2 .info .btn-wrap a img {display:inline-block;margin:-3px 5px 0 0}
.view_report.type2 .info .btn-wrap a:hover {text-decoration:underline}


/*게시판 작성*/
.write_page {position:relative; margin-top:5px; font-family:"NotoR"; border-top:1px solid #132331; font-size:14px; overflow:hidden;}
.write_page table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.write_page caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.write_page th {padding:13px 20px; color:#444; font-family:"NotoM"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#fff;}
.write_page th.title {padding:16px 20px; font-size:16px; border-bottom:1px solid #0b4d93; background:#fff;}
.write_page td {padding:10px 20px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.write_page td ul.file li a {display:block; padding:2px 0 2px 24px; color:#444; background:url("/images/web/main/board/down_icon.gif") no-repeat left 3px;}
.write_page td ul.file li a:hover, 
.write_page td ul.file li a:active, 
.write_page td ul.file li a:focus {text-decoration:underline;}
.write_page td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #c2c2c2;}
.write_page td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #c2c2c2;}
.write_page td dl { width:38%; margin-left:2%; float:left; overflow:hidden;}
.write_page td dl:first-child { width:20%; margin-left:0;}

/* 게시판 글쓰기 파일첨부 */
.write_page .fileWrap { position:relative; }
.write_page .fileWrap .file { display:block; padding-right:93px;}
.write_page .fileWrap .file input { padding:0 5px; height:25px; width:97%; border:1px solid #c2c2c2;}
.write_page .fileWrap .fileBg { position:absolute; right:17px; top:0; width:65px; height:27px; display:inline-block; background:url('/images/web/main/board/btnFileSearch.gif') no-repeat 0 center;}
.write_page .fileWrap .fileBg input { filter:alpha(opacity:0); opacity:0; width:65px; height:27px; cursor:pointer; }
.write_page .fileWrap + .fileWrap { margin-top:10px;}

/* 포토갤러리 List */
.photo_list {margin-top:10px; padding:10px 0; border-top:1px solid #132331;  border-bottom:1px solid #c8d1db; overflow:hidden; }
.photo_list ul {width:104%; margin-left:-1.5%; }
.photo_list ul li {width:16.8%; margin:10px 1.5%; float:left;}
.photo_list ul li a  {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
.photo_list ul li img {width:100%; height:150px;}/*190715 수정*/
.photo_list ul li p {padding:13px 20px 5px; line-height:24px; font-size:16px; font-family:"NotoM"; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list ul li span {display:block; font-size:13px; color:#888; }

/* 포토갤러리 List2 (타이틀 + 내용) */
.photo_list2 {margin-top:10px; border-top:1px solid #132331; overflow:hidden; }
.photo_list2 ul li {padding:20px 0; border-bottom:1px solid #c8d1db;}
.photo_list2 ul li a {position:relative; display:block; height:120px; padding-left:240px;}/*190715 수정*/
.photo_list2 ul li img {position:absolute; left:0; top:0; width:200px; height:120px;}/*190715 수정*/
.photo_list2 ul li dt {line-height:40px; font-size:16px; font-family:"NotoM"; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list2 ul li dd.txt {height:44px; font-size:14px; line-height:22px; color:#666; overflow:hidden; }
.photo_list2 ul li dd.date {margin-top:10px; font-size:13px; color:#888;}
.photo_list2 ul li dd.date span {margin-left:10px; padding-left:10px;  background:url("/images/web/main/board/bgReplyInfo.gif") no-repeat left center;}



/*KERIS발간물_교육정보화백서 List */
.ebook_list {margin-top:10px; padding:10px 0; border-top:2px solid #2a384a; border-bottom:1px solid #c8d1db; overflow:hidden; }
.ebook_list ul {width:102%; margin-left:-1%; }
.ebook_list ul li {width:18%; height:306px;  padding-bottom:5px;  margin:10px 1%; float:left; overflow:hidden; }/*190708 수정*/
.ebook_list ul li a {display:block; text-align:center; margin-bottom:5px; border:1px solid #c8d1db;  box-sizing:border-box;}
.ebook_list ul li img {height:200px; }/*190708 수정*/
.ebook_list ul li p {padding:10px 20px 10px; line-height:24px; font-size:16px; font-family:"NotoM"; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  border-top:1px solid #c8d1db; }/*190715 수정*/
.ebook_list ul li span {display:block; font-size:13px; color:#888; }
.ebook_btn { width:100%; float:left; box-sizing:border-box;}/*190715 수정*/
.ebook_btn a{ width:32.4%; float:left; display:block;  box-sizing:border-box; font-size:13px !important; }/*190715 수정*/


/* 페이징 */
.BD_paging {position:relative; margin-top:15px; font-size:13px; text-align:center;}
.BD_paging a {width:33px; line-height:33px; display:inline-block; margin-right:-1px; padding:0; color:#666; text-align:center; vertical-align:middle; border:1px solid #9298af;}
.BD_paging a.on {font-weight:400; color:#fff; text-decoration:underline; border-color:#0467b3; background:#0467b3;}







/* 이전글 다음글 */
.BD_listNavi { clear:both; overflow:hidden; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;  }
.BD_listNavi li { overflow:hidden; }
.BD_listNavi li a { display:block; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:15px 20px; background:url('/images/web/main/board/bgPrevList.gif') no-repeat 20px center;}
.BD_listNavi li.next { border-top:1px solid #d7d7d7; }
.BD_listNavi li.next a { background:url('/images/web/main/board/bgNextList.gif') no-repeat 20px center;}
.BD_listNavi li a strong { display:inline-block; padding:0 20px;}
.BD_listNavi li a span { display:inline-block; padding-left:20px; }

/* 공통 댓글 */
.BD_replyWrap { position:relative; margin-top:40px;}
.BD_boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070; }
.BD_boxReply textarea {padding:8px; border:1px solid #abadb3; background:#fff; }
.BD_reply-head { overflow:hidden; padding:20px; color:#444; }
.BD_reply-head .info { overflow:hidden; }
.BD_reply-head .info span { float:left; display:block; font-size:0.9em; }
.BD_reply-head .info strong { margin-left:3px; color:#0072e6; line-height:160%; }
.BD_reply-head .info span.warning { float:right; font-family:'NotoR'; }

.BD_reply-head .write {position:relative;  overflow:hidden; }
.BD_reply-head .write textarea {width:84%; height:52px; }
.BD_reply-head .write button {position:absolute; right:0; top:0; width:13%; height:50px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#0072e6; }
.BD_reply-head p { margin-top:10px; }
.BD_reply-head  p strong { margin:0 3px 0 0; color:#0072e6;  }
.BD_reply-body { overflow:hidden; padding:0 20px; border-top:1px dashed #cfd0d0; background:#f7f7f7;  }
.BD_reply-body ul li { position:relative; overflow:hidden; padding:15px 0; border-top:1px solid #cfd0d0; }
.BD_reply-body ul li:first-child { border-top:0; }
.BD_reply-body ul li .user a { color:#222; font-weight:bold; }
.BD_reply-body ul li .user span { margin-left:15px; padding-left:15px; font-size:12px; background:url('/images/web/main/board/bgReplyInfo.gif') 0 center no-repeat; }
.BD_reply-body ul li div { padding-top:10px; }

.BD_reply-body ul li div p { width:80%; padding:0; line-height:160%; float:left;}
.BD_reply-body ul li div .btn {width:13%; height:50px; float:right; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#394b61;  }
.BD_reply-body ul li div textarea {width:84%; height:32px; float:left;}
.BD_reply-body .btnMore { margin-top:10px; background:url('/images/web/main/board/bgReplyMore.gif') center 0 no-repeat; }
.BD_reply-body .btnMore a { display:block; line-height:50px;font-family:'NotoM'; color:#333; text-align:center; }
.BD_reply-body .btnMore a img { margin-left:10px; }
.BD_reply-body ul li div textarea{height: 200px;} /* 190725 추가 */
.BD_reply-btn { position:absolute; right:20px; top:0; height:20px; font-family:'NotoR'; margin-top:0; padding-top:0; color:#666;}
.BD_reply-btn button { margin-left:8px; }
.BD_reply-btn .delete { padding-left:8px; background:url('/images/web/main/board/bgReplyBtn.gif') 0 center no-repeat; }
.BD_reply-btn .cancel { color:#666;  }
.BD_noReply {text-align:center; padding:20px 10px 20px; font-family:'NotoM'; }

/* 게시판 글쓰기 파일첨부 */
.BD_table .fileWrap { position:relative; }
.BD_table .fileWrap .file { display:block; padding-right:93px;}
.BD_table .fileWrap .file input { padding:0 5px; height:25px; width:97%; border:1px solid #9298af;}
.BD_table .fileWrap .fileBg { position:absolute; right:17px; top:0; width:65px; height:27px; display:inline-block; background:url('/images/web/main/board/btnFileSearch.gif') no-repeat 0 center;}
.BD_table .fileWrap .fileBg input { filter:alpha(opacity:0); opacity:0; width:65px; height:27px; cursor:pointer; }
.BD_table .fileWrap + .fileWrap { margin-top:10px;}

/* 달력_ 미래교육체험관_신청하기*/
.calendar_top {position:relative; width:220px; height:40px; margin:0 auto; text-align:center; font-size:26px;}
.calendar_top a.cal_prev {position:absolute; left:0; top:0; display:block; width:40px; height:40px; text-indent:-10000em; background:url("/images/web/main/board/btn_cal_l.png") no-repeat left top;}
.calendar_top a.cal_next {position:absolute; right:0; top:0; display:block; width:40px; height:40px; text-indent:-10000em; background:url("/images/web/main/board/btn_cal_r.png") no-repeat left top;}
.calendar_top span {color:#003875;}
.cal_table {position:relative; margin-top:5px; font-family:"NotoR"; border:2px solid #0b4d93; font-size:14px; overflow:hidden;}
.cal_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.cal_table table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.cal_table table thead th {padding:13px 10px; color:#111; font-family:"NotoM"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#e9f5ff;}
.cal_table table tbody th {padding:7px; color:#666; font-family:"NotoM"; font-size:15px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#fafbfb;}
.cal_table table tbody th.bg_none {color:#111; background:#fff;}
.cal_table table .red {color:#f25953;}
.cal_table table .blue {color:#003875;}
.cal_table table td {padding:7px; line-height:20px; color:#fff; font-size:13px; text-align:center; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.cal_table table td p a {display:block; color:#fff;}
.bg_purple {background:#7e7ee1;}
.bg_gray {background:#9298af;}
.bg_navy_uclass {background:#183e72;}
.bg_mint_cal {background:#00a1b9;}
.bg_mint span {color:#fff799;}
.cal_table table .op07 {opacity:0.7;}

/* 로그인 */
.login_box {position:relative;}
.login_top { width:270px; height:85px; margin: 0 auto; padding:15px 0 15px 120px;  background:url("/images/web/main/board/img_login.png") no-repeat left top;}
.login_top h3 {font-size:34px; color:#0b4d93; }
.login_top p {margin-top:5px; font-size:15px;}
.login_box .tab_st {position:absolute; right:0; top:40px; width:50%;}
.login_box .loginSecL {font-family:"NotoR";}
.login_box .loginFrm {position:relative;}
.login_box .loginFrm h4 {height:40px;}

.login_box .login_ty1 {position:relative; margin: 0 auto;  width:50%; height:217px; padding:20px 4% 30px; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;} /*190702 수정*/
.login_box .login_ty1 dl {width:70%; overflow:hidden;}
.login_box .login_ty1 dl dd {padding-left:40px; margin-top:5px; border:1px solid #b2b7c7; }
.login_box .login_ty1 dl dd.login_id {background:url("/images/web/main/board/ico_login_id.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd.login_pw {background:url("/images/web/main/board/ico_login_pw.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd input {width:96%; height:45px; border:none; font-family:"Dotum"; line-height:45px; vertical-align:middle;}
.login_box .login_ty1 a.btn_login {position:absolute; right:8%; top:75px; width:24%; height:100px; color:#fff; font-family:"NotoR"; font-size:20px; border:none; background:#394b61;} /*190702 수정*/
.login_box .login_ty1 a.btn_login span {color:#fff; font-family:"NotoR"; font-size:20px; border:none; line-height:102px; display:block; text-align:center;} /*190702 수정*/
.login_box .login_ty1 .idpw_search {margin-top:30px; overflow:hidden;}
.login_box .login_ty1 .idpw_search li.id_search {width:49%; float:left;}
.login_box .login_ty1 .idpw_search li.pw_search {width:49%; float:right;}
.login_box .login_ty1 .idpw_search li a {display:block; height:35px; line-height:35px; text-align:center; color:#333; border:1px solid #b2b7c7; background:#f5f7f8;}


.login_box .login_ty2 {position:relative; margin: 0 auto;  width:50%;  height:217px; padding:20px 4% 30px; border:1px solid #b2b7c7; border-top:2px solid #0b4d93; font-size:14px; overflow:hidden;}/*190702 수정*/
.login_box .login_ty2 dl {height:95px; padding:15px 20px 0 80px; overflow:hidden; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:url("/images/web/main/board/img_login2.png") no-repeat left center;}
.login_box .login_ty2 dl dt {margin-bottom:5px; font-size:18px; color:#042f5d; font-family:"NotoM";}
.login_box .login_ty2 dl dd {color:#555; font-size:13px;}
.login_box .login_ty2 a {display:block; height:35px; margin-top:15px; line-height:35px; text-align:center; color:#fff; background:#394b61;}

.login_box .login_ty2 .btn_epki {margin-top:10px; overflow:hidden;}
.login_box .login_ty2 .btn_epki li.epki_certi {width:49%; float:left;}
.login_box .login_ty2 .btn_epki li.epki_regis {width:49%; float:right; }
.login_box .login_ty2 .btn_epki li.epki_regis a {background:#394b61; color:#fff; border:0;}
.login_box .login_ty2 .btn_epki li a {display:block; height:35px; line-height:35px; text-align:center; color:#333; border:1px solid #b2b7c7; background:#f5f7f8;}


/* 컨텐츠 만족도 조사 & 담당자 정보 */
.satisfaction {font-family:"NotoM";}
.satisfaction .satisfaction_list {background:#626779;}
.satisfaction .satisfaction_list .question {padding: 14px 10px 14px 70px; background:#858a92 url("/images/web/main/board/satisfaction_question_icon.png")no-repeat 32px 11px; color:#fff; font-size:15px; line-height:18px;}
.satisfaction .satisfaction_list form {padding:33px;  border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3;  background:#fff;}
.satisfaction .satisfaction_list form fieldset .input_radio {float:left; font-size:0;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line {display:inline-block; margin:5px 0 0 10px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line:first-child {margin-left:0;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line input[type='radio'] {display:inline-block; width:auto; height:auto;  margin:0; padding:0; border:0; line-height:17px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .input_radio .input_line label {display:inline-block; margin-left:3px; color:#333; font-size:15px; line-height:17px; vertical-align:middle;}
.satisfaction .satisfaction_list form fieldset .opinion {float:right; font-size:0;}
.satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {display:inline-block; width:238px; height:29px; font-family:"NotoR";  border-bottom:1px solid #aaa;   border-top:1px solid #aaa;   border-left:1px solid #aaa;  color:#555; font-size:13px; line-height:16px; text-indent:8px;}
.satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {display:inline-block; width:90px; height:31px;  font-family:"NotoR"; background:#424655; color:#fff; font-size:14px; line-height:15px;  margin:0; padding:0; border:0; }
.satisfaction .manager_info {padding:14px 33px 19px;  border-bottom:1px solid #d3d3d3;  border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3;}
.satisfaction .satisfaction_list ~ .manager_info {border-top:1px solid #d3d3d3;  }
.satisfaction .manager_info ul li {float:left; margin:5px 25px 0 0;  padding-left:12px; background:url("/images/web/main/board/bul_blue.gif")no-repeat left 7px;  font-size:0;}
.satisfaction .manager_info ul li span, #container .colgroup .satisfaction .manager_info ul li time {display:inline-block; vertical-align:middle;}
.satisfaction .manager_info ul li .title {margin-right:12px; padding-right:14px; background:url("/images/web/main/board/satisfaction_managerTitle_line.gif")no-repeat right 3px; color:#333; font-size:13px; line-height:15px;}
.satisfaction .manager_info ul li .text {color:#333; font-size:13px; line-height:15px;}


@media (max-width:1800px) {	

	/*KERIS발간물_교육정보화백서 List */
   .ebook_list ul li {width:23%;}
	
	.big_photo img {width:100% !important;}/* 190703 수정 jhk 사진게싶판 상세보기 이미지 사이즈 조정*/


	
}


@media (max-width:1300px) {	
  
   /* 게시판 상세보기 KERIS 발간물 */
  .view_report .util {margin:20px 0}
  .view_report .util .mark {float:none}
  .view_report .util .mark p { margin-left:0;}
  .report_content h3 { font-size:20px;}
  .view_report .info > * {display:block;}
  .view_report .info .txt_wrap {margin:20px 0 0; width:100%}
  .view_report .info .txt_wrap ul {margin-top:20px}
  .report_content .txt_wrap { margin:20px 40px;}
  

  .bv_contents .slide_img .thumbnail .bx-controls { display:block;}
  	
	.bv_contents .slide_img{padding-left: 25px;padding-right: 25px;}
	.bv_contents .slide_img .bx-prev,
	.bv_contents .slide_img .bx-next{width: 15px;height: 19px;background-size:100%;margin-top: -9px;}
	.bv_contents .slide_img .bx-prev{left: -23px;}
	.bv_contents .slide_img .bx-next{right: -23px;}
	

	

	/* 포토갤러리 List */
	.photo_list ul {width:102%; margin-left:-1%; }
	.photo_list ul li {width:31.3%; margin:10px 1%;}
	.photo_list ul li img {height:180px;}

	
	/*KERIS발간물_교육정보화백서 List */
	.ebook_list ul li {width:31.3%}
	.ebook_list ul li img {height:180px;}
	
	


}


@media(max-width:1025px){

	/*검색*/
	.search_form > * {margin-top:10px}
	.search_form .select_wrap {padding:0; width:100%; float:none;}
	.search_form .select_wrap > select{ width:98%;  float:none; }
	.search_input input[type="text"] {  width:calc(100% - 10rem);}

	
     /*게시판 상세보기*/
	.view_page .info ul.file {text-align:left;padding-right:20px}
    .view_page .info ul.file li {display:block; width:100%;margin:0 !important;}
    .view_page .info li::before {display:none}



   /*게시판 list*/
  .board_list colgroup, .board_list thead {display:none}
  .board_list td strong.division { display:inline-block; padding: 0 10px; margin-right: 5px; background:url("/images/web/main/board/division_line.gif")no-repeat right 5px; } /*190808 수정*/
  .board_list tbody,.board_list tr,.board_list td {display:block;}
  .board_list tr {position:relative;width:100%;padding:20px 10px;border-bottom:1px solid #e4e4e4; box-sizing:border-box;}
  .board_list td {border:0;  text-align:left; display:block;} /*190807 수정*/
  .board_list td.notice,.board_list td.num,.board_list td.author,.board_list td.date,.board_list td.type,.board_list .current-state,.board_list .answer,.board_list .file,.board_list
  .pop-btn {display:inline-block;} /*190807 수정*/
  .board_list td.views{ display:none;}
  .board_list td.pdf, .board_list td.file,.board_list td.link,.board_list td.btns,.board_list td.pop-btn {position:absolute;top:20px;}
  .board_list td.pdf,.board_list td.file {right:12px}
  .board_list td.pop-btn {right:40px}
  .board_list td.link {right:40px}
  .board_list td.btns {right:30px}
  .board_list td.period,.board_list td.book {text-align:left}
  .board_list td.period::before {display:inline-block;content:'접수기간 : ';}
  .board_list td.count {display:inline-block;padding-left:1rem}
  .board_list td.count::before {display:inline-block;content:'신청자/인원 :  ';}
  .board_list td.view_count {display:none}
  .board_list .txt a {padding-bottom:0}
  .board_list .txt .keyword {float:right}
  .board_list td.type {}
  .board_list .tit a {width:78%;}
  .box .img {display:block;margin-bottom:30px}
  .box .txt_wrap {margin:2rem 0 0;text-align:center;}
  .box .txt_wrap .tit {text-align:left}
  .box .txt_wrap .tit br {display:none}
  .box .txt_wrap .txt {text-align:left}
  .box .txt_wrap ul {text-align:left}
  .org-chart .depth03 {padding:2rem 1.5rem}
  .site-map > div strong {display:block;width:100%;padding:1rem 0}
  .site-map > div > div {width:100%}
  .site-map div > ul > li {float:none;width:auto;min-height:inherit !important}
  .foundation li div {width:calc(50% - 4rem)}
  .foundation li:nth-of-type(odd) div {margin-left:2rem}
  .foundation li:nth-of-type(even) div {margin-right:2rem}
  .country-list > ul ul + strong {margin-top:57px}
  
  /* 포토갤러리 List *//*190715 수정*/
  .photo_list2 ul li a { padding-left:170px;}
  .photo_list2 ul li img {width:150px;}
  
  .board_list td.txt-pd {padding:0;}
	
}

@media (max-width:800px) {	
	  
	 /*검색*/
	 .search_form {padding:37px}
	 .search_form > div {margin-top:10px}
	
	/*검색 교육정보화백서*/
	.select_wrap select.w120 { width:99%;}
	.select_wrap select.w130 { width:99%;}
	.select_wrap select.w140 { width:99%;}
	.select_wrap select.w150 { width:99%;}
	.select_wrap select.w160 { width:99%;}
	.select_wrap select.w170 { width:99%;}
	.select_wrap select.w180 { width:99%;}
	.select_wrap select.w190 { width:99%;}
	.select_wrap select.w200 { width:99%;}
	.select_wrap select.w300 { width:99%;}
	.sch_group label { float:none; display:block; top:0; margin-bottom:10px;}
	.select_wrap .box1, .select_wrap .box2, .select_wrap .box3 { width:99%;}
	.select_wrap .search_input input[type="text"] { width:99%;}
	
	/* 게시판 상세보기 KERIS 발간물 *//*190805 수정*/
   .view_report .info .img{ text-align:center;}
   /*발간물 상세내용 반응형에서 순차적으로 떨어지는 css */
  /*.view_report .info .txt_wrap li strong {display:block;padding-left:14px; margin-right:0;}
   .view_report .info .txt_wrap li strong::after {display:none}
   .view_report .info .txt_wrap li p {display:block; margin:5px 0}
   .view_report .info .txt_wrap li p + span {margin-left:0}
   .view_report.type2 .info .txt_wrap li {margin-left:0}
   .report_content .txt_wrap {margin:20px 20px} */
   .view_report .info .txt_wrap li:last_child strong{ padding:20px 0; }
   .view_report .info .txt_wrap li:last-child strong::after { display:none;}
   
   .view_report .info .txt_wrap li strong {padding-left:1.8rem;margin-right:10px;}
   .view_report .info .txt_wrap li p + span {margin-left:10px}


	/* 포토갤러리 List */
	.photo_list ul {width:100%; margin-left:-1%; }
	.photo_list ul li {width:48%; margin:10px 1%;}
	.photo_list ul li img {height:180px;}
	
	/* 달력_ 미래교육체험관_신청하기*/
	.cal_table {overflow-x:auto;}
	.cal_table table {position:relative; width:800px; border-collapse:collapse; margin-left:-1px;}
	

	
	.BD_table td dl { width:100%; display:block; margin-left:0;}
	.BD_table td dl:first-child { width:100%;}
	
	/* 컨텐츠 만족도 조사 & 담당자 정보 */
	.satisfaction {padding-right:2.5%; padding-left:2.5%;}
	.satisfaction .satisfaction_list form {padding-top:20px; padding-bottom:20px;}
	.satisfaction .satisfaction_list form fieldset .input_radio {float:none;}
	.satisfaction .satisfaction_list form fieldset .opinion {float:none; position:relative; margin-top:20px; padding-right:90px;}
	.satisfaction .satisfaction_list form fieldset .opinion input[type='text'] {width:100%; box-sizing:border-box; height:31px;}
	.satisfaction .satisfaction_list form fieldset .opinion input[type='submit'] {position:absolute; top:0; right:0; }
	

    .bv_contents .slide_img .thumbnail{display: none;}
	
		
	/* 로그인 *//*190702 수정*/
	.login_box .tab_st {display:none; }
	.login_box .login_ty1 {width:100%;  height:auto; padding:20px 5% 30px; float:none; box-sizing:border-box;}
	.login_box .login_ty2 {width:100%;  height:auto; margin-top:20px; float:none; box-sizing:border-box;}
	.login_box .login_ty1 input.btn_login {right:5%;}
	.login_box .login_ty2 dl { height:auto; padding-bottom:10px;}
	
			
	/*KERIS발간물_교육정보화백서 List *//*190728 수정*/
   .ebook_list ul li {width:48%; }
   .board_list td.txt-pd {padding:0;}


}

@media (max-width:690px) {



	/* 포토갤러리 List2 (타이틀 + 내용) */
	/*.photo_list2 ul li a {padding-left:35%;}*/
	
     /*KERIS발간물*/ /*190805 수정 미리보기 반응형에서 삭제 리스트와 상세 (동일적용) */
	.view_report {  padding:0;}
	/*.type2.view_report { display:none;}*/ /*190807 수정*/
	/*.view_report .info .img { display:none;  padding:0;}*/
	
	/* 포토갤러리 List3 (타이틀 + 내용) 해외교육동향 섬네일 */
	.photo_list3 ul li a { height:auto;}
	.photo_list3 ul li { display:block;}
	.photo_list3 ul li dd.txt_list ul li { width:100%;}
	
	/*총건 페이지*//*190805 수정*/
   .board_top p {font-size:13px;}
	



	/* 공통 댓글 */
	.BD_reply-head .write textarea {width:70%; height:70px;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.BD_reply-head .write button {width:28%;}
	.BD_reply-body ul li div .btn {width:28%;}
	.BD_reply-body ul li div textarea {width:70%; height:50px;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	
		
	/*KERIS발간물_교육정보화백서 List *//*190728 수정*/
	.ebook_list ul {width:100%; margin-left:0;}
	.ebook_list ul li {width:100%;  margin:0; }
	.board_list td.txt-pd {padding:0;}

}

@media (max-width:480px) {

     /*검색*/
	.search_input input[type="text"] {float:none;  width:100%; }
	.search_input button { width:100%;}


    /*게시판 상세보기*/
	.view_page .info h1 { font-size:16px;}
	.view_page .info ul {text-align:left;padding-right:20px}
    .view_page .info li {display:block; width:100%;margin:7px 0 !important;}
    .view_page .info li::before {display:none}
    .view_page .attach p,.view_page .attach ul {float:none;width:100%;margin:0;text-align:left;padding-left:3rem}
	
	/* 포토갤러리 List */
	.photo_list ul {width:100%; margin-left:0; }
	.photo_list ul li {width:100%; margin:10px 0;}

	/* 포토갤러리 List2 (타이틀 + 내용) */
	.photo_list2 ul li a {padding:0 0 0 43%;}
	.photo_list2 ul li img {width:38%; height:120px;}
	
	/*KERIS발간물_교육정보화백서 List */
	.ebook_list ul {width:100%; margin-left:0;}
	.ebook_list ul li {width:100%;  margin:0; }


	/* 페이징 */
	.BD_paging a {width:27px; line-height:27px;}
	.BD_paging a img {width:27px;}
	
	.board_list td.txt-pd {padding:0;}

	
}

@media (max-width:380px) {
	
	



}