@charset "utf-8";

/* 타이틀 
.tit1 {font-size:20px; line-height:1.6; color:#111; }
.tit2 {font-size:16px; line-height:1.6; color:#111; }
.tit2r {padding-left:30px; font-size:16px; line-height:1.6; 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; color:#111; background:url("/images/co/na/tit_3.png") no-repeat left 3px; }*/

/* 필수 항목 */
.ess_itm {color:#f25953; padding-right:5px}
 
/* 검색 2021.10.05 SY,CHo 리터칭 */
.BD_Top {position:relative; overflow:hidden; font-family:"NotoSans"; }
.BD_Top .BD_total {float:left; line-height: 2rem; font-size: 0.75rem;}
.BD_Top .BD_total > a { display:inline-block; vertical-align:middle; height:25px; }
.BD_Top .BD_total > a img { display:block;}
.BD_Top .BD_total .pc_blue {color: #0768ca;}
.BD_Top .BD_total select {height: 2rem; line-height: 1.9rem; border: 1px solid #cacaca; border-radius: 3px;}
.BD_Top .BD_srch {float: right; text-align: right;}
.BD_Top .BD_srch select {height: 2rem; line-height: 1.9rem; vertical-align: top; font-size: 0.75rem; background-color: #fff; border: 1px solid #cacaca; border-radius: 3px;}
.BD_Top .BD_srch input {padding: 0 0.75rem; width: 10rem; height: 2rem; line-height: 1.9rem; vertical-align: top; font-size: 0.75rem; border: 1px solid #cacaca; border-radius: 3px;}
.BD_Top .BD_srch button {width: 4rem; height: 2rem; color: #fff; background: #0768ca; border: none; border-radius: 3px; cursor: pointer;}
.BD_Top .BD_srch button:hover {text-decoration: underline; cursor: pointer;}
.BD_Top .BD_srch button i {margin-right: 0.25rem;}

/* 게시판 list 2021.10.05 SY,CHo 리터칭 */
.BD_list {position: relative; border-top: 1px solid #0768ca; word-break: break-all; font-family:"NotoSans"; }
.BD_list th {padding: 0.75rem 0; text-align: center; font-size: 0.8rem; font-weight: 400; color: #182161; background: #f5f6f8; border-bottom: 1px solid #ddd;}
.BD_list td {padding: 0.75rem; text-align: center; font-size: 0.75rem; color: #45494b; border-bottom: 1px solid #ddd; vertical-align: middle;}
.BD_list td a {display: block; color: #333;} 
.BD_list td a:hover, 
.BD_list td a:active, 
.BD_list td a:focus {text-decoration: underline;}
.BD_list td.nttView a {color: #0040ff; text-decoration: underline;}
.BD_list td.nttView a:visited {color:#8904b1;}

.BD_list .listFileDown { display:inline-block; font-size:0; padding:0.3rem; vertical-align: middle;}
.BD_list .view { display:inline-block; font-size:0; padding:0.3rem; vertical-align: middle; }

.fs_up th { font-size:0.9rem;}
.fs_up td { font-size:0.8rem;}

.BD_Top + .BD_list {margin-top: 0.5rem;} 
.ta_l {text-align:left !important;}

/* 학급홈페이지 게시판  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-size:12px; color:#555; border-bottom:1px solid #b2b7c7;}
.clasHmpg_List td {padding:10px 10px;  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;}
.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}
.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; }
.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;}

/* 페이징 - 스킨A */
.bbs_pagerA {margin:20px 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong {display:inline-block; margin:0 2px; border-radius:40px; vertical-align:middle;}
.bbs_pagerA div {display:inline-block; margin:0 0.25rem;}
.bbs_pagerA .bbs_arr {width:38px; height:38px; line-height:38px; text-indent:-10000em; border:1px solid #bfbfbf; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus {background-color:#f7f7f7; border-color:#b1b1b1; }
.bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus {background-position:-3px center;}
.bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus {background-position:3px center;}
.bbs_pagerA .pgeL1 {background:url('/images/board/bbs_PAarrL1.png') no-repeat center;}
.bbs_pagerA .pgeL2 {background:url('/images/board/bbs_PAarrL2.png') no-repeat center;}
.bbs_pagerA .pgeR1 {background:url('/images/board/bbs_PAarrR1.png') no-repeat center;}
.bbs_pagerA .pgeR2 {background:url('/images/board/bbs_PAarrR2.png') no-repeat center;}
.bbs_pagerA .bbs_pge_num {min-width:40px; height:40px; line-height:40px; font-size:0.8rem; }
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus {color:#555; background:#ededed;}
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {color:#fff; font-weight:400; background:#044ca4;} /* color */
 
/* 게시판 VIew */
.BD_table {position:relative; border-top: 1px solid #0768ca; font-size: 0.75rem; overflow:hidden; word-break:break-all;} 
.BD_table table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px; table-layout:fixed;}
.BD_table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.BD_table th {padding: 0.65rem 1rem; color:#333; font-weight:400; font-size: 0.75rem; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f5f6f8; vertical-align:middle;} 
.BD_table th.title {padding: 0.8rem 1rem; font-size: 0.8rem; font-weight: 400; color: #182161; background: #f5f6f8; border-bottom: 1px solid #ddd; text-align:center;}
.BD_table td {padding: 0.5rem 1rem; color:#444; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.BD_table td.noLine { border-bottom:none; }
.BD_table td.nttView {padding: 1rem 0.5rem; line-height:1.5;}
.BD_table td ul.file li {position: relative; padding: 0.25rem 0;}
.BD_table td ul.file li a {display:inline-block; padding: 2px 0 2px 24px; color:#444; background:url("../../../images/co/na/down_icon.gif") no-repeat left 0.4rem;}
.BD_table td ul.file li a.btn_view { font-size: 0.65rem; letter-spacing:-1px; padding: 0.25rem 0.5rem; color:#fff; background:#757e9b; border-radius: 0.15rem; margin-left:24px; }
.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%; border:1px solid #b2b7c7; padding:0 3px 0 3px;}
.BD_table td .write_txt {width:99%; border:1px solid #b2b7c7;}
.BD_table img {max-width:100%; width:100%; height:auto !important; }
.BD_table table table th,
.BD_table table table td {border:1px solid #000;} 
.veiw_table > table .scroll_table { padding-left:1px; overflow-y:auto; scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
.veiw_table > table .scroll_table::-webkit-scrollbar { width: 5px; }
.veiw_table > table .scroll_table::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
.veiw_table > table .scroll_table::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

/*230221 게시글 내부 표 수정*/
.BD_table .scroll_table table {table-layout:auto}
.BD_table .scroll_table table td {padding:0 0;vertical-align: middle;}

/* 포토갤러리 List 20170825 */
.photo_list {margin-top:10px; padding:10px 0; border-top:1px solid #0768ca; border-bottom:1px solid #c8d1db; overflow:hidden; }
.photo_list ul {margin-left:-0.5rem; }
.photo_list ul li {width:20%; margin:0.5rem 0; padding:0 0.5rem; float:left;}
.photo_list ul li a {display:block; text-align:center; padding:0 0 15px; border:1px solid #c8d1db; border-radius:0.5rem; overflow:hidden;}
.photo_list ul li .img { position:relative; display:block; height:10rem; overflow:hidden; font-size:0; }
.photo_list ul li img {width:100%; height:100%; -webkit-transition:0.3s; transition:0.3s;}
.photo_list ul li .txt {padding:13px 20px 5px; line-height:24px; font-size:16px;  color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list ul li span {position:relative; display:inline-block; font-size:13px; color:#888; }
.photo_list ul li span + span { padding-left:0.5rem; }
.photo_list ul li span + span:before {content:""; position:absolute; top:0.3rem; left:0.25rem; width:1px; height:0.5rem; background:#ddd; }
.photo_list ul li span.btn_S {display:inline-block; zoom:1;margin:0;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;}
.photo_list ul li a:hover,
.photo_list ul li a:focus { border:1px solid #0768ca; }
.photo_list ul li a:hover img,
.photo_list ul li a:focus img{ -webkit-transform:scale(1.1); transform:scale(1.1);}


/* 포토갤러리 List2 (타이틀 + 내용) 20170825 */
.photo_list2 {margin-top:10px; border-top:2px solid #0b4d93; overflow:hidden; }
.photo_list2 ul li {padding: 20px 0 65px;border-bottom:1px solid #c8d1db;}
.photo_list2 ul li a {position:relative;display:block;/* height:120px; */padding-left:16.5rem;}
.photo_list2 ul li .img { position:absolute; left:0; top:0; width:15rem; height:8rem; overflow:hidden; background:#eee; } 
.photo_list2 ul li .img:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/co/na/img_photo_plus.png') no-repeat center; opacity:0; z-index:1; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.photo_list2 ul li .img img {position:absolute; left:50%; top:50%; width:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:transform 0.3s; transition:transform 0.3s; }
.photo_list2 ul li dt {line-height:40px; font-size:16px;  color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo_list2 ul li dd.txt {height:3.6rem;font-size:0.7rem;line-height:1.2rem;color:#666;overflow:hidden;}
.photo_list2 ul li dd.date {margin-top:10px;font-size:13px;color:#888;/* margin-left: 80%; */float: right;/* height: 250px; *//* margin-bottom: 10px; */}
.photo_list2 ul li dd.date span {margin-left:10px; padding-left:10px;  background:url("../images/board/bgReplyInfo.gif") no-repeat left center;}
.photo_list2 ul li .new {display: inline-block; padding: 0 0.4rem; border-radius: 0.3rem; background: #cb3800; color: #fff; font-size: 0.6rem; line-height: 1.1rem; margin-left: 0.2rem; }
.photo_list2 ul li a:hover .img:before,
.photo_list2 ul li a:focus .img:before { opacity:1; }
.photo_list2 ul li a:hover .img img,
.photo_list2 ul li a:focus .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1);}

/* 포토갤러리 뷰 */
.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; 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%;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;}
.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_listNavi li a:focus {outline-offset:-2px;} /*240816 웹접근성 포커싱 관련 수정*/

/* 공통 댓글 */
.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;  }

.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; 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;  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;  }

/* 게시판 글쓰기 파일첨부 */
.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 { 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-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-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}
.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:#f0ad4e; border-color:#f0ad4e}
.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 {overflow:hidden}
.btn_st:before { display:none; }
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; text-align:center; color:#fff !important; 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 !important; border-bottom:1px solid #1e5ebc; border-right:1px solid #1e5ebc; background:#2f71d2;}
.btn_st a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background:#52ae27;}
.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-size:12px; font-weight:bold; }

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

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

/*faq게시판 스타일*/
.faqLst{margin:1rem 0 0; }
.faqLst > li{padding:.5rem 0; }
.faqLst > li .toggle_btn{position:relative; display:block; min-height:2rem; padding:0.3rem 2.25rem 0.3rem 3rem; background:#d9eef7; border-radius:1rem; }
.faqLst > li .toggle_btn:before{position:absolute; top:50%; right:1rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; color:#797979; font-size:.8rem; content:"\e930"; -webkit-transition:transform .3s; transition:transform .3s; }
.faqLst > li.active .toggle_btn:before{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
.faqLst > li .toggle_btn .question{position:absolute; top:0; left:0; width:2rem; height:2rem; border-radius:50%; background:#0098d9; color:#fff; font-size:.75rem; font-weight:700; text-align:center; line-height:2rem; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;}
.faqLst > li .toggle_btn > span{display:block; color:#333; font-size:.75rem; font-weight:600; }
.faqLst > li .toggle_cont{position:relative; display:none; margin-top:1rem; border:1px solid #ddd; border-radius:1rem; padding:1rem 1rem 1rem 4rem; background:#fff;}
.faqLst > li .toggle_cont .answer {position:absolute; top:.7rem; left:1rem; width:2rem; height:2rem; border-radius:50%; background:#7a7a7a; color:#fff; font-size:.75rem; font-weight:700; text-align:center; line-height:2rem;}
.faqLst > li .toggle_btn:hover .question,
.faqLst > li .toggle_btn:focus .question{ background:#1d57aa; }
.faqLst > li .toggle_btn:hover > span,
.faqLst > li .toggle_btn:focus > span { font-weight:700;}

/* 요람게시판 */
.prg_lst { margin: 1.5rem -.75rem 0; overflow: hidden; }
.prg_lst > li { position:relative; width: 25%; float: left; padding: .75rem; } 
.prg_lst > li .imgBox { position: relative; display: block; padding:0.5rem; border: 1px solid #dbdbdd; border-bottom:none;}
.prg_lst > li .img { position:relative; display: block; width: 100%; height:16rem; text-align: center; overflow:hidden; }
.prg_lst > li .img img { width:100%; height:100%; }
.prg_lst > li .nttInfoBtn {border-top:none; }
.prg_lst > li .txt { display: block; width: 100%; border: 1px solid #dbdbdd; padding:0.5rem; border-top:none; }
.prg_lst > li .prg_tit { display: block; text-align:center; font-family: "SCDream"; font-size: 1rem; font-weight: 600; color: #000; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } 
.prg_lst > li .nttInfoBtn:hover .prg_tit,
.prg_lst > li .nttInfoBtn:focus .prg_tit { color:#1e5ebc; }
.prg_lst > li .prg_info { overflow: hidden; margin-top: 1rem; text-overflow:ellipsis; white-space:nowrap; }
.prg_lst > li .prg_info > li { color: #4a4a4a; font-size: .8rem; }
.prg_lst > li .prg_info > li + li { margin-top: .25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prg_lst > li .prg_info > li i { display: inline-block; margin-right: .25rem; }
.addView > li .view { padding:0; position:absolute; right:1.5rem; bottom:1.5rem; width:1.5rem; height:1.5rem; background:#d93030; border:none; line-height:1.5rem; text-align:center; color:#fff; border-radius:50%; }
.addView > li .view:hover,
.addView > li .view:focus { background:#e20f0f; }
.addView > li .prg_tit { padding-right:3rem; }

/*240305 게시판 유튜브 영상 반응형 추가*/
.ytb_vid { padding-top: 56.25%; position: relative;}
.ytb_vid iframe { position: absolute;top: 0;left: 0; width: 100%;height: 100%;}

@media (max-width:1240px) {  
	/* 포토갤러리 List  */ 
	.photo_list ul li { width:25%; }
}
@media (max-width:1024px) { 
	/* 포토갤러리 List  */ 
	.photo_list ul li { width:33.333%; }

	/* 요람게시판 */ 
	.prg_lst > li { width:33.333%; }
}
@media (max-width:768px) { 
    /*faq게시판 스타일*/
	.faqLst > li .toggle_cont{padding:0.5rem 1rem;}

}
@media (max-width:800px) { 
	/* 검색 */
	.BD_Top .BD_total,
	.BD_Top .BD_srch {float: none;}
	.BD_Top .BD_srch select,
	.BD_Top .BD_srch input {margin-bottom: 0.25rem; width: 100%;}
	.BD_Top .BD_srch .btnSearch {width: 100%;} 
 
	/* 게시판 list */
	.BD_list table,
	.BD_list table tbody,
	.BD_list table tr {display: block;}
	.BD_list table tr {padding: 0.75rem 0; border-bottom: 1px solid #ddd; overflow: hidden;}
	.BD_list table td {position: relative; float: left; display: inline-block; margin-top: 0.25rem; padding: 0 0.5rem; border: none;}
	.BD_list table td:before {position: absolute; top: 15%; left: 0; width: 1px; height: 70%; background: #ddd; content: "";} 

	.BD_list table td.ta_l {display: block; margin-top: 0; width: 100%; text-align: left;}
	.BD_list table td.ta_l:before,
	.BD_list table td.ta_l ~ td.BD_tm_none + td:before,
	.BD_list table td.ta_l + td:before {display: none;}
	.BD_list table td.ta_l ~ td.ta_l {margin-top: 0.25rem;}
	.BD_list table thead,
	.BD_list table td.BD_tm_none {display: none;}

	/* 페이징 - 스킨A */
	.bbs_pagerA .bbs_pge_num {display:none; }
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {display:inline-block; min-width:auto; color:#3e4e6f; background:none; } /* color */
	.bbs_pagerA div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:15px; background:url('/common/images/board/bbs_pgeNum_mb.png') no-repeat 4px center; }
	
	/* 요람게시판 */ 
	.prg_lst > li { width:50%; } 
}

@media (max-width:690px) { 

	/* 게시판 VIew */
	.BD_table colgroup { display:none; }
	.BD_table th, .BD_table td {display:block;}  
	.BD_table > table table th, .BD_table > table table td {display:table-cell;}

	/* 공통 댓글 */
	.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; }
	
	/* 포토갤러리 List 20170825 */ 
	.photo_list ul li { width:50%; }
}
@media (max-width:580px) {  
	.photo_list2 ul li { padding-bottom:2.5rem;}
	.photo_list2 ul li a { padding-left:0;}
	.photo_list2 ul li .img { position:relative; left:auto; top:auto; display:block; width:100%; height:10rem; }
	.photo_list2 ul li dd.txt { height:auto; max-height:3.6rem; }
 
}
@media (max-width:480px) {  
	
	/* 페이징 */
	.BD_paging a {width:27px; line-height:27px;}
	.BD_paging a img {width:27px;} 
}
@media (max-width:430px) { 
	.photo_list ul li { width:100%; } 
     
	/*faq게시판 스타일*/
	.faqLst > li .toggle_btn{padding:0 1.5rem 0 2rem; }
	.faqLst > li .toggle_btn .question{width:1.75rem; height:1.75rem; line-height:1.75rem; }
	.faqLst > li .toggle_btn > span{font-size:.7rem; line-height:1.75rem; }
	.faqLst > li .toggle_btn:before{right:.5rem; } 

	/* 요람게시판 */ 
	.prg_lst > li { width:100%; }
}