@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'NotoT';
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoL';
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoDL';
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot); 
    src: url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoR';
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoM';
    src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot);
   	src: url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoB';
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'NotoBK';
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot);
    src: url(/font/NotoSansKR/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.woff) format('woff'),
    	 url(/font/NotoSansKR/NotoSansKR-Black-Hestia.otf) format('opentype');
}

.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_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}
.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} 
.ta_l {text-align:left !important; padding-left:10px !important;}

/* 타이틀 */
/*
.tit1 {padding-left:32px; font-size:20px; line-height:1.6; font-family:"NanumSquareB"; color:#111; background:url("/images/co/na/tit_1.png") no-repeat left 7px; }
.tit2 {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NanumSquareB"; color:#111; background:url("/images/co/na/tit_2.png") no-repeat left 4px; }
.tit2r {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NanumSquareB"; color:#2452a7; background:url("/images/co/na/tit_2r.png") no-repeat left 4px; }
.tit3 {padding-left:30px; font-size:16px; line-height:1.6; font-family:"NanumSquareB"; color:#111; background:url("/images/co/na/tit_3.png") no-repeat left 3px; }
*/
/* 
.tit1 {padding-left:32px; font-size:16px; line-height:1.6; font-family:"NotoR"; color:#111; background:url("/images/co/na/tit_1.png") no-repeat left 7px; }
.tit2 {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; }
.tit2r {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; }
.tit3 {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; }
 */
/*식단등록 231102*/
.today_box {
    position: relative;
}
.today_box .date1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width :640px) {
	.today_box .date1 {position: relative;}
	.today_box .btn_st {text-align:center !important; margin:0.5rem 0;}
}

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

/* 검색 */
.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;}
.BD_Top .BD_total select {height:30px; padding:2px; border:1px solid #c8d1db;}
.BD_Top .BD_srch {float:right;}
.BD_Top .BD_srch select {height:30px; padding:2px; border:1px solid #c8d1db;}
.BD_Top .BD_srch input {width:200px; height:28px; border:1px solid #c8d1db;}
.BD_Top .BD_srch button {width:80px; height:32px; line-height:32px; border:none; color:#fff; background:#394b61;}
.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 #0b4d93;}
.BD_list th {padding:13px 0 18px; font-size:14px; background:url("/images/co/na/pt_diagonal.png") repeat-x left bottom;}
.BD_list td {padding:10px 10px; font-family:"Dotum"; font-size:12px; color:#555; text-align:center; border-bottom:1px solid #b2b7c7;}
.BD_list td {padding:10px 10px; font-family:"Dotum"; font-size:12px; 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;}

/* 학급홈페이지 게시판  list */
.clasHmpg_List {position:relative; margin-top:10px; border-top:2px solid #0b4d93;}
.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:"Dotum"; font-size:12px; color:#555; border-bottom:1px solid #b2b7c7;}
.clasHmpg_List td #clasHmpgNm {width:50%; height:26px; line-height:26px; border:1px solid #9298af;}
.clasHmpg_List td .input_txt {width:75%; height:26px; line-height:26px; border:1px solid #9298af;}

/* 첨부파일 */
/* .listFileDown {font-size:0; background:url('/images/co/na/down_icon.gif') no-repeat; } */
/* .listFileDown {background:url('/images/co/na/down_icon.gif') no-repeat; } */
/* 첨부파일 */

select {padding:1px 1px 1px 0;height:23px; /**height:23px;*/font-size:1em;color:#333;line-height:23px; /**line-height:23px;*/vertical-align:middle;font-family:Dotum; /**margin-top:1px;*/}
.blind { width:1px; height:1px; line-height:0; text-indent:-9999em; position:absolute; left:-999px}/*200221수정*/

/* 페이징 */
.pagination {display: inline-block; padding-left: 0; margin:20px 0 0; border-radius: 3px; white-space: nowrap; font-family:NanumSquareR}
.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}
/* 페이징 */


/* 페이징 */
.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:10px; font-family:"NanumSquareR"; border-top:2px solid #2c2c2c; font-size:12px; overflow:hidden;}
.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 {word-break: keep-all; padding:13px 20px; color:#333; font-family:"NanumSquareB"; font-size:12px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc;}
.BD_table th.title {padding:16px 20px; border-bottom:1px solid #9298af; background:#fff;}
.BD_table td {padding:10px 20px; color:#444; border-left:1px solid #9298af; border-bottom:1px solid #9298af;}
.BD_table td ul.file li a {padding:2px 0 2px 17px; color:#444; background:url("/images/co/na/down_icon.gif") no-repeat left 3px;}
.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 ul.fileimg li a {padding:2px 0 2px 17px; color:#444;}
.BD_table td ul.fileimg li {padding-bottom :3px;}
.BD_table td ul.fileimg li a {padding:10px 0 2px 0px; color:#444;} 
.BD_table td ul.fileimg li a:hover, 
.BD_table td ul.fileimg li a:active, 
.BD_table td ul.fileimg li a:focus {text-decoration:underline;}

.BD_table td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #9298af;}
.BD_table td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #9298af;}

/* 식단관리 231110 */
.food_table {position:relative; margin-top:10px; font-family:"NanumSquareR"; border-top:2px solid #2c2c2c; font-size:12px; overflow:hidden;}
.food_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.food_table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.food_table th {word-break: keep-all; padding:13px 20px; color:#333; font-family:"NanumSquareB"; font-size:12px; border-bottom:1px solid #9298af; border-left:1px solid #9298af; background:#f7f8fc;}
.food_table th.title {padding:16px 20px; border-bottom:1px solid #9298af; background:#fff;}
.food_table td {padding: 10px 10px;color:#444;border-left:1px solid #9298af;border-bottom:1px solid #9298af;}
.food_table td ul.file li a {padding:2px 0 2px 17px; color:#444; background:url("/images/co/na/down_icon.gif") no-repeat left 3px;}
.food_table td ul.file li a:hover, 
.food_table td ul.file li a:active, 
.food_table td ul.file li a:focus {text-decoration:underline;}

.food_table td ul.fileimg li a {padding:2px 0 2px 17px; color:#444;}
.food_table td ul.fileimg li {padding-bottom :3px;}
.food_table td ul.fileimg li a {padding:10px 0 2px 0px; color:#444;} 
.food_table td ul.fileimg li a:hover, 
.food_table td ul.fileimg li a:active, 
.food_table td ul.fileimg li a:focus {text-decoration:underline;}

.food_table td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #9298af;}
.food_table td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #9298af;}

@media screen and (max-width :740px) {
	.food_table {overflow-x:auto; font-size:13px; }
 }

/* 포토갤러리 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:14px; font-family:"NotoR"; color:#333; 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:"NanumBold";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:14px; font-family:'NotoR'; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list2 ul li dd.txt {height:48px; font-size:12px; line-height:22px; color:#666; overflow:hidden; }
.photo_list2 ul li dd.date {margin-top:10px; font-size:12px; color:#888;}
.photo_list2 ul li dd.date span {margin-left:10px; padding-left:10px;  background:url("../images/board/bgReplyInfo.gif") no-repeat left center;}


/* 포토갤러리 뷰 */
.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;}
/* .photo_top_list ul li {width:100%; float:left; text-align:center; opacity:0.7;border-top:1px solid #b2b7c7;} */
.photo_top_list ul li h3 {float:left}
.photo_top_list ul li.on {opacity:1;}
.photo_top_list .img {width:75%;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;}
.imgStyle{padding-bottom:15px;}

/* 포토갤러리 - 썸네일 페이지 뷰 */
.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;}

.photo tr td p.viewTxt{ font-weight: bold; color: #434343; font-size: 18px; vertical-align: middle; padding: 0px 0px 15px 25px;margin-top: 15px;}
.tempimg{width: 100%;height: auto;}

/* 이전글 다음글 */
.BD_listNavi { clear:both; margin:20px 0; border:1px solid #999; border-left:0; border-right:0;font-size:12px;  }

.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;}
.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;}
.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:'Nanum'; }

.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; }
.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:#394b61;  }
.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:'NanumBold'; 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:'Nanum'; 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/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:'NanumBold'; }

/* 게시판 글쓰기 파일첨부 */
.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:"NanumBold"; 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}
.btn span { color: #ffff;}
.btn_S {display:inline-block; *display:inline; zoom:1; margin:0; font-family:"NanumBold"; font-size:11px; 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 2px}
.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}
/*230807 웹접근성*/
.btn_green { background-color:#2F7B32; border-color:#106c13}
.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:#f0ad4e; border-color:#f0ad4e}
.btn_orange {background-color:#f59307; border-color:#f0ad4e}
.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_white {background-color:#fff; border-color:#000; color:#000;}
.btn:hover, .btn_S:hover { opacity:0.9}

/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:12px; font-family:'NanumSquareB'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st a.green {color:#fff;border-bottom: 1px solid #1e4d0e;border-right: 1px solid #1e4d0e;background: #315525;}/* 250808 웹접근성 */
.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:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 기본입력 한국어 시작 */
.setKorea { ime-mode:active; }
/* 기본입력 한국어 끝 */
/* 블렛 */
.bul { font-size:13px; font-family:"NanumBold"; color:#000; line-height:22px; letter-spacing:-1px; background:url("/images/ap/bul.png") no-repeat 0 4px; padding-left:22px}
 

.board_box {position:relative; font-family:'NotoR'; font-size:14px; }

/* 게시판 상단 */
.boardTop {position:relative; font-size:14px; overflow:hidden; margin-bottom:15px; z-index:1; font-family:'NotoR'; }
.boardTop .board-total {position:absolute; left:0; top:13px; z-index:2; }
.boardTop .board-total span {margin:0 10px 0 0; }
.boardTop .board-total strong {color:#005fe6; font-weight:normal; font-family:'NotoM'; }


/* 버튼스타일 1 */
.board_btn {overflow:hidden;}
.board_btn a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; border-radius:3px;}
.board_btn a:hover {text-decoration:underline;}
.board_btn a.blue {color:#fff; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.board_btn a.red {color:#fff; border-bottom:1px solid #d9534f; border-right:1px solid #d9534f; background:#d9534f;}
.board_btn a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}
.board_btn a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.board_btn a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.board_btn a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}
.board_btn a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 게시판 : 검색 */
.board-srch { position:relative; z-index:2; overflow:hidden;}
.board-srch div {position:relative; overflow:hidden; text-align:right; padding-right:50px;}
.board-srch select {width:80px; padding:1px 0; height:35px; font-size:12px; border:1px solid #d7d7d7; color:#666; background:#fff; }
.board-srch input.txt {width:140px; height:33px; margin:0 2px; line-height:26px; padding:0 5px; background:#f7f7f7; border:1px solid #d7d7d7;  }
.board-srch button.btnSearch {position:absolute; right:0; top:0; width:50px; height:35px; line-height:35px; color:#fff; font-family:'NotoM'; background:#394b61;}

/*****************************************************************************************************************************************************************************************/
/* 게시판 : 리스트  ***********************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/

.board_box .fileOn { display:inline-block; width:16px; height:13px; margin-left:10px; font-style:normal; text-indent:-1000px; background:url('/images/co/na/icoFile.png') 0 center no-repeat; }
.board_box .newData { display:inline-block; width:18px; height:18px; margin-left:10px; font-style:normal; text-indent:-1000px; background:url('/images/co/na/icoNew.png') 0 center no-repeat; }


/* 게시판 : 텍스트 */
.board-text {position:relative; border-top:2px solid #2c2c2c;}
.board-text > table {width:100%;}
.board-text table tr.noti {background:#f7f7f7;}
.board-text > table thead th, .board-text td {padding:10px 0; text-align:center; font-size:12px; background:url('/images/co/na/bgTxtList.png') left bottom no-repeat; }
.board-text > table  tr th:first-child, .board-text  tr td:first-child { background-image:none; }
.board-text > table thead th {font-family:'NotoM'; color:#111; font-weight:normal; border-bottom:1px solid #999;}
.board-text > table  td {color:#444; border-bottom:1px solid #d9d9d9;}
.board-text > table  td.link {padding:10px 15px; text-align:left;}
.board-text > table  td.link a {color:#444;}
.board-text > table td a{color: #333;}
.board-text table tr.noti td.link a {color:#111;}
.board-text > table  td.link a:hover,
.board-text > table  td.link a:focus,
.board-text > table  td.link a:active {color:#111; border-bottom:1px solid #111;}
.board-text > table  td a:hover,
.board-text > table  td a:focus,
.board-text > table  td a:active {color:#111; border-bottom:1px solid #111;}
.board-text > table .tm_data {display:none}

/*****************************************************************************************************************************************************************************************/
/* 게시판 : 보기  ***********************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************/
.board-view {position:relative; border-top:2px solid #2c2c2c; overflow:hidden;}
.board-view .board_view_tit {padding:12px 15px; line-height:1.4; font-size:16px; border-bottom:1px solid #999; background:#f5f7f8;}
.board-view .board_view_tit img {vertical-align:middle; margin-right:5px;}
.board-view .view_data {padding:10px 15px; line-height:1.4; border-bottom:1px solid #d9d9d9; background:#fafbfb; overflow:hidden;}
.board-view .view_data li  {width:30%; margin-right:5%; float:left; color:#666;}
.board-view .view_data li:nth-child(3n+3) {margin-right:0;}
.board-view .view_data li span {font-family:'NotoM'; color:#333; margin-right:5px;}
.board-view .view_data2 {padding:10px 15px; line-height:1.4; border-bottom:1px solid #d9d9d9; background:#fafbfb;}
.board-view .view_data2 li {position:relative; color:#666;}
.board-view .view_data2 li span {font-family:'NotoM'; color:#333; margin-right:5px;}
.board-view .view_data2 li a {display:inline-block; margin-right:20px; padding-left:18px; color:#333; background:url('/images/co/na/icoFile_view.png') left center no-repeat; }
.board-view .view_data2 li a:hover {text-decoration:underline; }
.board-view .view_con {padding:15px; border-bottom:1px solid #d9d9d9;}
.board-view .view_list {line-height:1.4; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fafbfb; overflow:hidden;}
.board-view .view_list li {position:relative; padding:10px 15px 10px 65px; border-top:1px dashed #d9d9d9;}
.board-view .view_list li:first-child {border-top:none;}
.board-view .view_list li span {position:absolute; left:15px; top:10px; width:50px; line-height:1.4; }
.board-view .view_list li a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board-view .view_list li a:hover {text-decoration:underline; }

#nttViewForm .BD_table tr td p {line-height: 25px;}

/* 공통 댓글 */
.board_reply {position:relative; margin-top:20px; padding:10px 15px; font-family:'NotoR'; border:1px solid #b3bcc4; }
.board_reply .reply_info {position:relative; }
.board_reply .reply_info strong {font-family:'NotoM'; font-weight:normal; color:#0072e6;}
.board_reply .reply_info span {display:block; margin-top:5px; color:#666;}
.board_reply .reply_write {position:relative; margin-top:10px; padding-right:80px;}
.board_reply .reply_write textarea {width:99%; height:50px; padding:0; border:1px solid #cfd0d0; }
.board_reply .reply_write a {position:absolute; right:0; top:0; display:block; width:80px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:14px; background:#0072e6; }
.board_reply ul {margin-top:10px; border-top:1px solid #999;}
.board_reply ul li {position:relative; padding:10px 0; border-top:1px dashed #cfd0d0;}
.board_reply ul li:first-child {border-top:none;}
.board_reply ul li p.data {position:relative; height:22px; font-family:'NotoM'; line-height:25px; color:#222; }
.board_reply ul li p.data span {margin-left:10px; padding-left:10px; color:#666; font-family:'NotoR'; background:url('/images/co/na/bgReplyInfo.gif') no-repeat 0 center; }
.board_reply ul li .btn_reply {position:absolute; right:0; top:10px; display:inline-block; padding:2px 0; text-align:center; line-height:18px; font-family:'Dotum'; font-size:12px; color:#555; font-weight:bold; border:1px solid #cfd0d0; background:#fff; border-radius:3px;}
.board_reply ul li .btn_reply.re_cancel {width:78px;}
.board_reply ul li .btn_reply.re_modi {right:41px; width:37px;}
.board_reply ul li .btn_reply.re_del {width:37px; color:#fff; border:1px solid #606a8a; background:#757e9b;}
.board_reply ul li .reply_con {margin-top:10px; color:#444;}

@media (max-width:800px) {	
	
	/*****************************************************************************************************************************************************************************************/
	/* 게시판 : 리스트  ***********************************************************************************************************************************************************************************/
	/*****************************************************************************************************************************************************************************************/
	/* 게시판 : 텍스트 */
	.board-text > table td {width:10%;}
	.board-text > table td.link {width:90%;  }
	.board-text > table td.link a {font-family:'NotoM'; font-size:15px;}
	.board-text > table td.link .tm_data {margin-top:8px; font-family:'NotoR'; overflow:hidden;}
	.board-text > table td.link .tm_data li {width:30%; margin-right:5%; float:left; color:#666;}
	.board-text > table td.link .tm_data li:nth-child(3n+3) {margin-right:0;}
	.board-text > table td.link .tm_data li span {color:#333; margin-right:5px;}
	.board-text > table .pc_data {display:none}
	.board-text > table .tm_data {display:block}
	
	.photo_list ul li {width:46%; margin:10px 1.5%; float:left;}
	.photo_list ul li img {width:100%; height:150px;}
}

@media (max-width:690px) {
	
	.board-srch input.txt{width: 62%;}
	
	.photo_list2 ul li dd.txt {height:48px; font-size:12px; line-height:22px; color:#666; overflow:hidden; }
	.photo_list2 ul li img {position:absolute; left:0; top:0; width:30%; height:120px;}
	.photo_list2 ul li a {position:relative; display:block; height:120px; padding-left:33%;}
	
	
	/* 게시판 상단 */
	.boardTop {padding-bottom:20px;}
	.boardTop .board-total {top:auto; bottom:0;}
	
	/* 검색 */
	.BD_Top .BD_total {float:none; text-align:center;}
	.BD_Top .BD_srch {float:none; text-align:center;}
	.BD_Top .BD_srch select {width:25%}
	.BD_Top .BD_srch input {width:45%;}
	.BD_Top .BD_srch button {width:20%;}

	/* 게시판 list */
	.BD_list td {font-family:"NanumSquareR"; font-size:13px}
	.BD_tm_none {display:none;}
	.widS15 {width:20% !important; }
	.widS3 {width:3% !important; }
	.widS5 {width:3% !important; }
.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 7px; margin-left: -1px; line-height: 1.4285; color: #7a878e; text-decoration: none; background-color: #fff;}
	/* 게시판 VIew */
	.BD_table th, .BD_table td {display:block;}

	/* 공통 댓글 */
	.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; }
	
	
	/* 게시판 : 텍스트 */
	.board-text > table  td.link .tm_data li {width:47.5%;}
	.board-text > table  td.link .tm_data li:nth-child(3n+3) {margin-right:5%;}
	.board-text > table  td.link .tm_data li:nth-child(2n+2) {margin-right:0;}
		
}

@media (max-width:480px) {
	
	
	
	/* 페이징 */
	.BD_paging a {width:27px; line-height:27px;}
	.BD_paging a img {width:27px;}
	
}

@media (max-width:380px) {
		



}