@charset "utf-8";

/* 타이틀 */
/* 190904 수정*/
.tit01 {padding-left:32px; font-size:20px; line-height:1.6; font-family:"NotoR"; color:#111; background:url("/images/co/na/tit_1.png") no-repeat left 7px; }
.tit02 {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NotoR"; color:#111; background:url("/images/co/na/tit_2.png") no-repeat left 4px; }
.tit02r {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NotoR"; color:#2452a7; background:url("/images/co/na/tit_2r.png") no-repeat left 4px; }
.tit03 {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NotoR"; color:#111; background:url("/images/co/na/tit_3.png") no-repeat left 3px; }

/* 필수 항목 */
.ess_itm {color:#f25953; padding-right:5px}

/************************** 인풋박스 ******************************/
/* px */
.input_50 { width:50px !important}
.input_80 { width:80px !important}
.input_100 { width:100px !important}
.input_150 { width:150px !important}
.input_200 { width:200px !important}
.input_250 { width:250px !important}
.input_300 { width:300px !important}
.input_350 { width:350px !important}
.input_400 { width:400px !important}
.input_450 { width:450px !important}
.input_500 { width:500px !important}

/* % */
.input_w5 { width:5% !important}/*190112추가 jhk*/
.input_w10 { width:10% !important}
.input_w20 { width:20% !important}
.input_w30 { width:30% !important}
.input_w40 { width:40% !important}
.input_w50 { width:50% !important}
.input_w60 { width:60% !important}
.input_w70 { width:70% !important}
.input_w80 { width:80% !important}
.input_w90 { width:90% !important}
.input_w100 { width:100% !important}

/* px */
.height10 { height:10px !important}
.height15 { height:15px !important}/*190112추가 jhk*/
.height20 { height:20px !important}
.height30 { height:30px !important}
.height40 { height:40px !important}
.height50 { height:50px !important}
.height80 { height:80px !important}
.height100 { height:100px !important}
.height150 { height:150px !important}
.height200 { height:200px !important}
.height250 { height:250px !important}
.height300 { height:300px !important}
.height350 { height:350px !important}
.height400 { height:400px !important}
.height450 { height:450px !important}
.height500 { height:500px !important}

/************************** 셀렉트박스 ******************************/
.select_50 { width:50px !important}
.select_80 { width:80px !important}
.select_100 { width:100px !important}
.select_150 { width:150px !important}
.select_200 { width:200px !important}
.select_250 { width:250px !important}
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}
.cboth { clear:both !important} 
.dis_ib { display:inline-block; *display:inline; zoom:1} 

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.ta_r {text-align:right !important;} 
.ta_l {text-align:left !important;} 
.ta_c {text-align:center !important;}

/* 검색 */
.BD_Top {position:relative; padding:15px 25px; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:10px; overflow:hidden;}
.BD_Top .BD_total {float:left; line-height:30px; font-size:14px; font-family:"NotoR";}
.BD_Top .BD_total select {height:32px; padding:2px; border:1px solid #c8d1db;}
.BD_Top .BD_srch {float:right;}
.BD_Top .BD_srch select {height:30px; padding:0 2px; vertical-align:middle; border:1px solid #c8d1db; font-size:14px; font-family:"NotoR";}
.BD_Top .BD_srch input {width:200px; height:30px; vertical-align:middle; border:1px solid #c8d1db; font-size:14px; font-family:"NotoR";}
.BD_Top .BD_srch button {width:80px; height:32px; line-height:32px; padding:0; vertical-align:middle; border:none; color:#fff; background:#333; cursor: pointer;}
.BD_Top .BD_srch button:hover {cursor: pointer; text-decoration:underline;}

.BD_Top .BD_srch .BD_term .inpTerm {color: black;font-weight: bold;height: 23px;width:120px;text-align: center;}
.BD_Top .BD_srch .BD_term button {padding-top:2px;margin-top:3px;width:50px}

/* 게시판 list */
.BD_list {position:relative; margin-top:10px; border-top:2px solid #80705D; word-break:break-all;} /* 191114 break-all 추가 jslee */
.BD_list th {padding:13px 0 18px; font-size:14px; font-family:"NotoB"; background:url("/images/co/na/pt_diagonal.png") repeat-x left bottom;}
.BD_list td {padding:10px 10px; font-family:"NotoR"; font-size:13px; color:#555; text-align:center; border-bottom:1px solid #b2b7c7;}
.BD_list td {padding:10px 10px; font-family:"NotoR"; font-size:13px; color:#555; border-bottom:1px solid #b2b7c7;}
.BD_list td a {width:90%; display:block; color:#333;} 
.BD_list td a:hover, 
.BD_list td a:active, 
.BD_list td a:focus {text-decoration:underline;}
.ta_l {text-align:left !important;}

/* 학급홈페이지 게시판  list */
.clasHmpg_List {position:relative; margin-top:10px; border-top:2px solid #80705D;}
.clasHmpg_List th {padding:13px 0 18px; font-size:14px; background:url("/images/co/na/pt_diagonal.png") repeat-x left bottom;}
.clasHmpg_List td {padding:10px 10px; font-family:"NotoR"; font-size:12px; color:#555; border-bottom:1px solid #b2b7c7;}
.clasHmpg_List td {padding:10px 10px; font-family:"NotoR"; font-size:12px; color:#555; border-bottom:1px solid #b2b7c7;}

/* 첨부파일 */
/* .listFileDown {background:url('/images/co/na/down_icon.gif') no-repeat; } */ 
.popover {	position: absolute; z-index: 1060; background-color: #fff; border: 1px solid #ccc; border-radius: 6px; right:0px !important; margin-right: 50px; left:auto !important;} 
.popover.top {	margin-top: -10px}
.popover.right {margin-left: 10px}
.popover.bottom {margin-top: 10px}
.popover.left {	margin-left: -10px}
.popover-title {padding: 8px 14px;	margin: 0;	font-size: 14px; background-color: #f7f7f7;	border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }
.popover-content {	padding: 9px 14px; text-align: left; word-break:keep-all;}
.popover-content a{	display:inline-block; width:100% !important;}
.popover>.arrow, .popover>.arrow:after {position: absolute;	display: block;	width: 0; height: 0; border-color: transparent;	border-style: solid}
.popover>.arrow { border-width: 11px}
.popover>.arrow:after {	content: ""; border-width: 10px}
.popover.top>.arrow {bottom: -11px;	left: 50%;	margin-left: -11px;	border-top-color: #999;	border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0}
.popover.top>.arrow:after {	bottom: 1px; margin-left: -10px; content: " ";	border-top-color: #fff;	border-bottom-width: 0}
.popover.right>.arrow {	top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25);	border-left-width: 0}
.popover.right>.arrow:after {bottom: -10px;	left: 1px;	content: " ";	border-right-color: #fff;	border-left-width: 0}
.popover.bottom>.arrow {top: -11px;	left: 50%;	margin-left: -11px;	border-top-width: 0; border-bottom-color: #999;	border-bottom-color: rgba(0, 0, 0, .25)}
.popover.bottom>.arrow:after {top: 1px;	margin-left: -10px;	content: " "; border-top-width: 0; border-bottom-color: #fff}
.popover.left>.arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0;	border-left-color: #999; border-left-color: rgba(0, 0, 0, .25)}
.popover.left>.arrow:after { right: 1px; bottom: -10px;	content: " "; border-right-width: 0; border-left-color: #fff}
/* 첨부파일 */

/* 페이징 */
.pagination {display: inline-block; padding-left: 0; margin:20px 0 0; border-radius: 3px; white-space: nowrap; font-family:NotoDL}
.pagination > li {color: #7a878e}
.pagination > li {display: inline}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 3px; border-bottom-left-radius: 3px}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 3px; border-bottom-right-radius: 3px}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{z-index:2; color:#23527c; background-color:#eee; border-color:#ddd}

.pagination .disabled > a, .pagination .disabled > span {box-shadow: none !important; color: #dbdee0 !important;}
.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {color: #777 !important; cursor: not-allowed; background-color: #fff; border-color: #ddd;}

.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.4285; color: #7a878e; text-decoration: none; background-color: #fff;
   border: 1px solid #ddd}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {background-color: #25476a; border-color: #25476a; z-index:3; color:#fff !important; cursor:default}
/* 페이징 */


/* 포토갤러리 List 20170825 */
.photo_list {margin-top:10px; padding:10px 0; border-top:2px solid #2a384a; border-bottom:1px solid #c8d1db; overflow:hidden; }
.photo_list ul {width:104%; margin-left:-1.5%; }
.photo_list ul li {width:30%; 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:200px;}
.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; }
.photo_list ul li span.btn_S {display:inline-block; *display:inline;zoom:1;margin:0;font-family:"NotoR";font-size:12px;color:#fff;line-height:20px;text-align:center;border-radius:3px;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border:1px solid transparent;white-space:nowrap;padding:0 8px;}

/* 포토갤러리 List2 (타이틀 + 내용) 20170825 */
.photo_list2 {margin-top:10px; border-top:2px solid #2a384a; 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:27%;}
.photo_list2 ul li img {position:absolute; left:0; top:0; width:23%; height:120px;}
.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/co/na/bgReplyInfo.gif") no-repeat left center;}

/* 영상갤러리 PREVIEW 191021 */
.video_preview{position:relative; margin:0 0 20px; overflow:hidden;}
.video_preview .video_box{width:62%; height:343px; float:left;}/* 191028 jhw */
.video_preview .cont_box{width:35%; float:right;}
.video_preview .cont_box h4{line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111; font-family: 'NotoM';}
.video_preview .cont_box .date{font-size:14px;}
.video_preview .cont_box .subtitles{ margin:10px 0 0; padding:20px; height:238px; line-height:24px; font-size:14px; border:1px solid #ddd; background:#fafafa; overflow:auto;}/* 191028 jhw */

/* 영상갤러리 List 191021 */
.video_list {margin-top:10px; padding:10px 0; border-top:2px solid #2a384a; border-bottom:1px solid #c8d1db; overflow:hidden; }
.video_list ul {width:104%; margin-left:-1.5%; }
.video_list ul li {width:30%; margin:10px 1.5%; float:left;}
.video_list ul li a { display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
.video_list ul li .img{position:relative; padding:0;}
.video_list ul li .img::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/co/na/btn_play.png') no-repeat center; transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -webkit-transition: all .2s ease;}
.video_list ul li a:hover .img::before{background:rgba(0,0,0,0.3) url('/images/co/na/btn_play.png') no-repeat center;}
.video_list ul li img {width:100%; height:200px;}
.video_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; }
.video_list ul li span {display:block; font-size:13px; color:#888; }
.video_list ul li span.btn_S {display:inline-block; *display:inline;zoom:1;margin:0;font-family:"NotoR";font-size:12px;color:#fff;line-height:20px;text-align:center;border-radius:3px;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border:1px solid transparent;white-space:nowrap;padding:0 8px;}

/* 페이징 */
.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;}

/* 게시판 VIew */
.BD_table {position:relative; margin-top:5px; font-family:"NotoR"; border-top:2px solid #80705D; font-size:14px; overflow:hidden; word-break:break-all;} /* 191114 break-all 추가 jslee */
.BD_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.BD_table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.BD_table th {padding:13px 20px; color:#80705D; font-family:"NotoM"; font-size:14px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc; vertical-align:middle;}/*190930 수정*/
.BD_table th.title {padding:16px 20px; font-size:16px; border-bottom:1px solid #80705D; background:#fff;}
.BD_table td {padding:13px 20px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}		
.BD_table td ul.file li {position:relative; padding:3px 0;} /* 191021 추가 */
.BD_table td ul.file li a {display:block; padding:2px 0 2px 24px; color:#444; background:url("/images/co/na/down_icon.gif") no-repeat left 3px;}
.BD_table td ul.file li a.btn_view {position:absolute; top:2px; right:0; font-size:12px; font-weight:bold; letter-spacing:-1px; padding:2px 8px; color:#fff; background:#757e9b; border-radius:3px;} /* 191021 추가 */
.BD_table td ul.file li a:hover, 
.BD_table td ul.file li a:active, 
.BD_table td ul.file li a:focus {text-decoration:underline;}
.BD_table td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #9298af; padding:0 3px 0 3px;}
.BD_table td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #9298af;}
.BD_table td img.thumbview {width:auto;max-width:800px;margin:5px;height:auto;} /* 191210 width 수정 jslee*/
.BD_table td .replcFileNmView {display: inline-block; width:60%; text-align: left; margin-left: 5px; margin-bottom: 10px;} /* 191120 추가 hkw */
.BD_table td p img {width:auto;max-width:800px;} /* 191204 게시판 추가된 img width 변경 */
.BD_table td table{width:auto; max-width: 100%;} /* 200728 jhk 에디터상의 테이블 width 변경 */
.BD_table td strong{font-weight: bold;}/* 210323 jsl 추가 */
.BD_table td b{font-weight: bold;}/* 210812 hansolko 추가 */
/* .BD_table td img {width:100%;} 191030 jhk 에디터상의 이미지 width 고정 */

/* 포토갤러리 뷰 */
.photo_top_list {position:relative; margin-top:20px;}
.photo_top_list ul {padding:15px 50px 0; overflow:hidden;}
.photo_top_list ul h3 span {float:right}
.photo_top_list ul li {width:100%; float:left; text-align:center; border-top:1px solid #b2b7c7;} /* 191212 jhk 사진 레이어 팝업 투명도 삭제 */
.photo_top_list ul li h3 {float:left}
.photo_top_list ul li.on {opacity:1;}
.photo_top_list .img {width:75%;height:600px;position:relative;margin-top:15px;text-align:center;}
.photo_top_list .btn_prev {position:absolute; left:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/co/na/btn_page_l.gif') no-repeat;}
.photo_top_list .btn_next {position:absolute; right:0; top:50%; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; border:1px solid #b2b7c7; background:url('/images/co/na/btn_page_r.gif') no-repeat;}

/* 포토갤러리 - 썸네일 페이지 뷰 */
.photo_thumb_list {position:relative; margin-top:30px;}
.photo_thumb_list ul {padding:15px 50px 0; overflow:hidden;}
.photo_thumb_list ul h3 span {float:right}
.photo_thumb_list ul li {width:100%; float:left; text-align:center; opacity:0.7;border-top:1px solid #b2b7c7;}
.photo_thumb_list ul li.on {opacity:1;}
.photo_thumb_list .thumbImg {width:50px;height:50px;position:relative;margin-top:15px;text-align:center;}
.thumbSlider .thumb_btn_prev {position:absolute; left: 280px; top:55px; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; background:url('/images/co/na/btn_page_l.gif') no-repeat;}
.thumbSlider .thumb_btn_next {position:absolute; right: 280px; top:55px; margin-top:-17px; display:block; width:33px; height:33px; text-indent:-10000em; font-size:0; background:url('/images/co/na/btn_page_r.gif') no-repeat;}

/* 이전글 다음글 */
.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/co/na/bgPrevList.gif') no-repeat 20px center;border:1px dotted transparent;} /* 220218 FS수정(focus 점선 안보이는 오류 수정) */
.BD_listNavi li.next { border-top:1px solid #d7d7d7; }
.BD_listNavi li.next a { background:url('/images/co/na/bgNextList.gif') no-repeat 20px center;}
.BD_listNavi li a strong { display:inline-block; padding:0 20px;   font-family:'NotoM'; color:#555;}/*190930 수정*/
.BD_listNavi li a span { display:inline-block; padding-left:20px; }
.BD_listNavi li a:focus{border:1px dotted #000000;} /* 220218 FS수정(focus 점선 안보이는 오류 수정) */

/* 공통 댓글 */
.BD_replyWrap { position:relative; margin-top:40px;}
.BD_boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070; font-family:'NotoM';}
.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:'NotoDL'; }

.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:70px; display:block; overflow:hidden; text-align:center; color:#fff; font-size:14px; background:#0072e6; cursor: pointer;}
.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/co/na/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:#333; box-sizing:border-box;  }
.BD_reply-body ul li div textarea {width:84%; height:32px; float:left;}
.BD_reply-body .btnMore { margin-top:10px; background:url('/images/co/na/bgReplyMore.gif') center 0 no-repeat; }
.BD_reply-body .btnMore a { display:block; line-height:50px;font-family:'NotoR'; color:#333; text-align:center; }
.BD_reply-body .btnMore a img { margin-left:10px; }
.BD_reply-btn { position:absolute; right:20px; top:0; height:20px; font-family:'NotoDL'; margin-top:0; padding-top:0; color:#666;}
.BD_reply-btn button { margin-left:8px; }
.BD_reply-btn button:hover {text-decoration:underline; cursor: pointer; }
.BD_reply-btn .delete { padding-left:8px; background:url('/images/co/na/bgReplyBtn.gif') 0 center no-repeat; }
.BD_reply-btn .cancel { color:#666;  }
.BD_noReply {text-align:center; padding:20px 10px 20px; font-family:'NotoR'; }

/* 게시판 글쓰기 파일첨부 */
.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/co/na/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;}

/* 버튼 */
.btn { display:inline-block; *display:inline; zoom:1; /*margin:0 5px 5px 0;*/ font-family:"NotoR"; font-size:14px; color:#fff; line-height:20px; text-align:center; /* border-radius:3px; */ vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:6px 12px; cursor: pointer;}
.btn:hover{text-decoration:underline;}/* 191022 jhk*/
.btn span { color: #ffff;}
.btn_S {display:inline-block; *display:inline; zoom:1; margin:0; font-family:"NotoR"; font-size:12px; color:#fff; line-height:20px; text-align:center; /* border-radius:3px; */ vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:0 8px; cursor: pointer;}
.btn_S:hover{text-decoration:underline;}/* 191022 jhk*/
.btn_default {background-color:#fff; border-color:#ccc; color:#364c60 !important}
.btn_blue { background-color:#1A82C3; border-color:#1A82C3}
.btn_blue2 { background-color:#5d61ea; border-color:#5d61ea}
.btn_green { background-color:#26B99A; border-color:#4cae4c}
.btn_green2 {background-color: #27d02d;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_green3 {background-color: #11a216;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_sky {background-color:#5bc0de; border-color:#46b8da}
.btn_yellow {background-color:#936A30; border-color:#936A30} /* 220218 FS수정 */
.btn_orange {background-color:#f59307; border-color:#f0ad4e}
.btn_white {background-color:#fff; border-color:#000; color:#000;}
.btn_red {background-color:#d9534f; border-color:#d9534f}
.btn_pink {background-color: #d027c7;border-color: #d027c7;color: #f3f4f5 !important;}
.btn_dark {background-color:#4b5e70; border-color:#364c60; color:#e9edef !important}
.btn:hover, .btn_S:hover { opacity:0.9}

/* 버튼스타일 1 */
.btn_st {display:block; overflow:hidden; padding:0; }
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:15px; font-family:'NotoR'; text-align:center; color:#fff;  background:#45495b; /* border-radius:3px; */} /* 191022 버튼모양 통일 jhk*/
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; background:#FF875E;}
.btn_st a.green {color:#fff;border-bottom:1px solid #3e9416;border-right:1px solid #3e9416;background: #4EA626;}/* 210423 */
.btn_st a.yellow {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background-color:#f0ad4e; border-color:#f0ad4e}
.btn_st a.red {background-color:#d9534f; border-color:#d9534f}

.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}

.btn_st a.mini {padding:2px 8px; font-family:'NotoR'; font-size:12px; font-weight:bold; }

/* 기본입력 한국어 시작 */
.setKorea { ime-mode:active; }
/* 기본입력 한국어 끝 */

/* 정보공개 목록 190822 추가*/
.openapiloading {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,0,0,.15)}
.openapiloading span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(/images/co/na/loading.gif) no-repeat center center; z-index:9999;}

.unidocsloading {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,0,0,.15)}
.unidocsloading span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(/images/co/na/loadingunidocs.gif) no-repeat center center; z-index:9999;}

.unidocsloading2 {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,0,0,.15)}
.unidocsloading2 span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(/images/co/na/loadingunidocs2.gif) no-repeat center center; z-index:9999;}

.nstdeptlist {display:none; position:absolute; top:10%; left:50%; width:350px; height:475px; padding:10px; margin-left:-177px; background-color:white; border:1px solid #afafaf; box-sizing: border-box}
.nstdeptlist .nstdept {top: 0; left: 0; width: 330px; height: 350px; overflow: scroll; overflow-x: hidden}
.nstdeptlist .nstfooter {width: 100%; padding: 10px 0; text-align: center}
.nstdeptlist h3 {font-size: 19px; width: 100%; margin: 0 0 15px 0; color: #0072bc; line-height: 25px}

.nstdeptlistofcdc {display:none; position:absolute; top:10%; left:50%; width:360px; height:505px; padding:10px; margin-left:-177px; background-color:white; border:1px solid #afafaf; box-sizing: border-box}
.nstdeptlistofcdc .nstdept {top: 0; left: 0; width: 330px; height: 350px; overflow: scroll; overflow-x: hidden}
.nstdeptlistofcdc .nstfooter {width: 100%; padding: 10px 0; text-align: center}
.nstdeptlistofcdc h3 {font-size: 19px; width: 100%; margin: 0 0 15px 0; color: #0072bc; line-height: 25px}
/* //정보공개 목록 190822 추가 */

.bul { font-size:13px; font-family:"NotoM"; color:#000; line-height:22px; letter-spacing:-1px; background:url("/images/ap/bul.png") no-repeat 0 4px; padding-left:22px} /* 블렛 */

/* 안내문 */
.nttinfo-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px; font-family:NotoR;}
.nttinfo-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/co/na/infobox_ico.png') no-repeat -90px 0}
.nttinfo-box.ico01:before { background-position:0 0}
.nttinfo-box.ico03:before { background-position:-180px 0}
.nttinfo-box.ico04:before { background-position:-270px 0}
.nttinfo-box.ico05:before { background-position:-360px 0}
.nttinfo-box p.bullTy01 {position:relative; font-size:14px; line-height:140%; padding-left:11px; margin:6px 0; color:#333}
.nttinfo-box p.bullTy01:before {content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#2183e0;}
.nttinfo-box p.bullTy02{position:relative; font-size:14px; line-height:140%; padding-left:10px; margin:5px 0; color:#444}
.nttinfo-box p.bullTy02:before {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; background:#2b405b;}
.nttinfo-box p.bullTy03 {position:relative; font-size:13px; line-height:140%; padding-left:13px; margin:1px 0; color:#666}
.nttinfo-box p.bullTy03:before {content:''; position:absolute; top:9px; left:0; width:6px; height:1px; background:#666}

/* text타입 기본 한글입력  191024 jhk*/
input[type='text']{ime-mode:active}

/*경북교육소식지 ebook*/
.ebook_preview { width:100%; margin-bottom:20px; overflow:hidden;}
.ebook_preview .img_box { float:left; width:30%; height:auto;  border:1px solid #c8d1db; box-sizing:border-box; padding:10px; background:f2f2f2;}
.ebook_preview .img_box img{ width:100%; height:auto;}
.ebook_preview dl { width:66%; float:right; margin-left:4%;}
.ebook_preview dl dt { width:100%; padding:5px 20px;   background:#3c90d9; color:#fff; box-sizing:border-box;}
.ebook_preview dl dd { margin-top:20px;}
.ebook_preview dl dd.txt { border-bottom: dashed 1px #d1d1d1; padding-bottom:30px; font-size:14px;}
.ebook_preview .cont_box .subtitles{margin: 10px 0 0;padding: 20px; height: 155px; line-height: 24px;font-size: 14px; border: 1px solid #ddd; background: #fafafa;overflow: auto;}

.ebook_list {margin-top:10px; padding:10px 0; border-top:2px solid #2a384a; border-bottom:1px solid #c8d1db; overflow:hidden; }
.ebook_list ul {width:104%; margin-left:-1.5%; }
.ebook_list ul li {width:30%; margin:10px 1.5% 20px 1.5%; float:left;}
.ebook_list ul li a {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db;}
.ebook_list ul li img {width:100%; height:200px;}
.ebook_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; }
.ebook_list ul li span {display:block; font-size:13px; color:#888; }
.photo_list ul li span.btn_S {display:inline-block; *display:inline;zoom:1;margin:0;font-family:"NotoR";font-size:12px;color:#fff;line-height:20px;text-align:center;border-radius:3px;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border:1px solid transparent;white-space:nowrap;padding:0 8px;}
.ebook_btn { width:100%; float:left; box-sizing:border-box; margin-top:10px;}
.ebook_btn a{ width:49%; float:left; display:block;  box-sizing:border-box; font-size:13px !important; }

.ebook_btn_manage a{ width:32%; float:left; display:block;  box-sizing:border-box; font-size:13px !important; }/* 191027 관리자 접속시 버튼 너비값 수정 jhk */

#sttusDt{width:100px; padding:0px 0px 2.7px 5px;} /* 191210 jhk 처리날짜 */

/* 로딩-사용자페이지에서 사용 201117 jhk  */
.setupLoading {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,0,0,.2)}
.setupLoading span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(/images/com/loding.gif) no-repeat center center; z-index:9999;}

@media (max-width:800px) {	

	/* 안내문 */
	.nttinfo-box {margin-bottom:20px}

	/* 영상갤러리 PREVIEW 191021 */
	.video_preview .video_box{width:100%; height:300px;}
	.video_preview .cont_box{width:100%; margin:10px 0 0;}
	.video_preview .cont_box .subtitles{ height:55px;}
	
	.BD_table td p img:not(.ui-datepicker-trigger) {width: 100%;} /* 191204 게시판 추가된 img width 변경 */ /* 201224 jhk 날짜선택 이미지는 모바일 사이즈 조정 제외처리  */
}

@media (max-width:690px) {

	/* 안내문 */
	.nttinfo-box {padding:16px}
	.nttinfo-box:before { background-image:none}
	
	/* 검색 */
	.BD_Top .BD_total {float:none; text-align:center;}
	.BD_Top .BD_srch {float:none; text-align:center;}
	.BD_Top .BD_srch select {width:100%; margin-top:.25rem; }
	.BD_Top .BD_srch input {width:100%; margin-top:.25rem; }
	.BD_Top .BD_srch button {width:100%; margin-top:.25rem; }

	/* 게시판 list */
	.BD_list td {font-family:"NotoDL"; font-size:13px}
	.BD_tm_none {display:none;}
	.widS15 {width:20% !important; }
	.widS15Ir {width:15% !important; } /* 200604 ir관련 css 추가 jhk */

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

	/* 영상갤러리 List 191021 */
	.video_list ul {width:102%; margin-left:-1%; }
	.video_list ul li {width:48%; margin:10px 1%;}
	.video_list ul li img {height:180px;}

	/* 포토갤러리 List2 (타이틀 + 내용) 20170825 */
	.photo_list2 ul li a {padding-left:35%;}
	.photo_list2 ul li img {width:30%; height:120px;}
	
     /*경북교육소식지 ebook*/ 
	.ebook_preview .img_box { float:none; width:100%;}
	.ebook_preview .img_box img{ width:100%; height:auto;}
	.ebook_preview dl { width:100%; float:none; margin:20px 0 0;}
	.ebook_preview dl dt { width:100%; padding:5px 20px;   background:#3c90d9; color:#fff; box-sizing:border-box;}
	.ebook_preview dl dd { margin-top:20px;}
	.ebook_preview dl dd.txt { border-bottom: dashed 1px #d1d1d1; padding-bottom:30px; font-size:14px;}
	.ebook_list ul {width:102%; margin-left:-1%; }
	.ebook_list ul li {width:48%; margin:10px 1%;}
	.ebook_list ul li img {height:180px;}

	/* 게시판 VIew */
	.BD_table th, .BD_table td {display:block;}
	.BD_table table td table th, .BD_table table td table td {display:table-cell;}/* 210831 jsl 게시물 내용의 table태그 반응형 오류 수정 */
	/* .BD_table td table tr, .BD_table td table th, .BD_table td table td{width:100%;} 191030 jhk 게시물 에디터상으로 테이블 넣을시 모바일 화면에서 깨지는 부분 수정 */
	.nttView img {width:100% !important;} /* 190819 추가 */
	.BD_table td .replcFileNmView {width:95%;} /* 191120 추가 hkw */

	/* 공통 댓글 */
	.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; }
	
	.BD_table td p img:not(.ui-datepicker-trigger) {width: 100% !important;} /* 200106 크기 고정 이미지 화면비율로 변경 dglee */ /* 201224 jhk 날짜선택 이미지는 모바일 사이즈 조정 제외처리  */
}

@media (max-width:480px) {

	/* 영상갤러리 PREVIEW 191021 */
	.video_preview .video_box{height:200px;}		
	
	/* 영상갤러리 List 191021 */
	.video_list ul {width:100%; margin-left:0; }
	.video_list ul li {width:100%; margin:10px 0;}
	
	/* 포토갤러리 List 20170825 */
	.photo_list ul {width:100%; margin-left:0; }
	.photo_list ul li {width:100%; margin:10px 0;}

	/* 포토갤러리 List2 (타이틀 + 내용) 20170825 */
	.photo_list2 ul li a {padding:0 0 0 43%;}
	.photo_list2 ul li img {width:38%; height:120px;}
	
	  /*경북교육소식지 ebook*/ 
    .ebook_list ul li {width:98%;}
	.ebook_list ul li img {height:180px;}

	/* 페이징 */
	.BD_paging a {width:27px; line-height:27px;}
	.BD_paging a img {width:27px;}

	.BD_table td .replcFileNmView {width:90%;} /* 191120 추가 hkw */
	
	.BD_table td p img:not(.ui-datepicker-trigger) {width: 100% !important;} /* 200106 크기 고정 이미지 화면비율로 변경 dglee */ /* 201224 jhk 날짜선택 이미지는 모바일 사이즈 조정 제외처리  */
}

@media (max-width:380px) {
		



}