@charset "utf-8";

#newsletter {clear: both; padding: 0; margin: 0; width: 100%; background: #fff; font-family:PTD}

input,select,label,textarea{font-family:PTD,NSK,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0; border-radius:0}
button{font-family:PTD,NSK,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;cursor:pointer}

input[type=text] {border: 1px solid #ccc;}

/*공통버튼*/
button.common_btn {color: #fff; text-align: center; font-size: 1em; height:3.5em; line-height:3.5em; vertical-align: middle; border-radius: 4px; width:auto; min-width:100px; font-size:1.077em; font-weight:500}

button.btn_st01 {border: 1px solid #8022c1; background: #8b29d7;}
button.btn_st02 {border: 1px solid #b9b9b9; background: #fff; color: #5d5d5d;}
button.btn_st03 {border: 1px solid #5f5f5f; background: #242121;}
button.btn_st04 {border: 1px solid #1b669a; background: #3082bb;}
button.btn_st05 {border: 1px solid #d73737; background: #fb5858;}
button.btn_st06 {border: 1px solid #3d1262; background: #5c208f;}
button.btn_st08 {border: 1px solid #8b8b8b; background: #9b9b9b}
button.btn_st09 {border: 1px solid #545252; background: #656565}

/*가정통신문 공지사항*/
#newsletter div#noticeWrap {width: 100%;}
#newsletter div#noticeWrap div.noticeBox {width: auto; border:2px solid #ececec; background: #fff; padding: 15px 20px; border-radius:10px; font-size:1.077em}
#newsletter div#noticeWrap div.noticeBox ul {padding: 0; margin: 0;}
#newsletter div#noticeWrap div.noticeBox ul li {background: url(../images/newletter_blt.gif) 0 11px no-repeat; line-height: 150%; padding: 2px 0 3px 15px; margin: 0; color: #363333; font-weight:400}
#newsletter div#noticeWrap div.noticeBox ul li span {font-weight: bold;}
#newsletter div#noticeWrap div.noticeBox ul li span.col1 {color: #ee3b19;}
#newsletter div#noticeWrap div.noticeBox ul li.m_txt {display: none;}

/*상단 게시물 수 및 검색*/
#newsletter div#list_top{*zoom:1;  padding: 10px 0;position:relative;}
#newsletter div#list_top:after {content:""; clear:both; display:block; height:0; visibility:none;}
#newsletter div#list_top p.pageNum {line-height: 30px; font-weight:500; /*width: 110px;*/}
#newsletter div#list_top p.pageNum span {color: #ee3b19;}
#newsletter div#list_top div#searchFormNews{background:none; padding:0;}
#newsletter div#list_top div#searchFormNews div.selectArea{
	width:85%; float:left; position:static; margin:0; padding:0;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#newsletter div#list_top div#searchFormNews div.selectArea div.wdt60{width:49% !important; margin-right:1%}
#newsletter div#list_top div#searchFormNews div.selectArea div.wdt38{width:49% !important}
#newsletter div#list_top div#searchFormNews div.selectArea:after {content:""; clear:both; display:block; height:0; visibility:none;}
#newsletter div#list_top div#searchFormNews div.selectArea div.selectCon{float:left;}
#newsletter div#list_top div#searchFormNews .jqTransformSelectWrapper {height:30px;}
#newsletter div#list_top div#searchFormNews .jqTransformSelectWrapper  a.jqTransformSelectOpen {height:30px;}
#newsletter div#list_top div#searchFormNews .jqTransformSelectWrapper {background: url('../images/select_arrow.png') no-repeat right center #fff; margin-top:0;}
#newsletter div#list_top div#searchFormNews .jqTransformSelectWrapper.select {background: url('../images/select_arrow.png') no-repeat right center #fff;}

#newsletter div#list_top div#searchFormNews div.inputCell{width:33%; float:left; .margin-top:-1px;}
#newsletter div#list_top div#searchFormNews div.inputCell input[type=text]{
	height:30px; line-height:30px; padding:0; border:1px solid #9f9d98; width:100%;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#newsletter div#list_top div#searchFormNews div.buttonCell{width:14%; float:right; margin:0; padding:0; position:static;}
#newsletter div#list_top div#searchFormNews div.buttonCell button{
	width:100%;background:#666e72 ; height:30px; font-size:1em; line-height:30px; border:none; padding:0; margin:0; color:#fff; box-sizing:border-box; border-radius:5px}

#newsletter div#list_top h4 {font-size: 1.5em;  font-weight: normal; float: left; line-height: 30px;}
#newsletter div#list_top h4 span {font-weight: bold; color: #4953d5;}

/*조건 검색*/
#searchDetail {overflow:hidden; border: 1px solid #ccc; position: relative; margin-bottom: 10px; border-radius:10px; background:#ff8985/*#22526d*/; font-family:PTD}
#searchDetail label {font-family:PTD; font-weight:500}
#searchDetail .search_area {background:#fff; margin-left:70px; padding:10px}
#searchDetail .search_area button, #searchDetail .search_area select, #searchDetail .search_area input {font-family:PTD}
#searchDetail h4 {position: absolute; left:0; top:50%; margin-top:-30px; width:70px; font-size: 1.154em; padding:40px 0 5px 0; background: url(../images/bg_search_tit.png) 50% 0 no-repeat; color:#fff; text-align:center}
#searchDetail div.inputCell table {width: 100%; table-layout: auto;}
#searchDetail div.inputCell table th {font-weight: normal; text-align: left; vertical-align: middle;}
#searchDetail div.inputCell table td {vertical-align: middle; .text-align:center;}
#searchDetail div.inputCell table td.space_td {height:8px;}
#searchDetail div.inputCell div.selectArea:after {content:""; clear:both; display:block; height:0; visibility:none;}
#searchDetail div.inputCell div.selectArea span.select_name {float: left; height:30px; line-height:30px; margin-right: 5px;}
#searchDetail div.inputCell div.selectCon{float:left; width: 100px}
#searchDetail div.inputCell .jqTransformSelectWrapper {background: url('../images/select_arrow.png') no-repeat right center #fff; margin-top:0; height: 22px;}
#searchDetail div.inputCell .jqTransformSelectWrapper.select {background: url('../images/select_arrow.png') no-repeat right center #fff;}
#searchDetail div.inputCell .jqTransformSelectWrapper .container {margin-top: 20px !important;}
#searchDetail div.inputCell div.selectCon .jqTransformSelectWrapper  a.jqTransformSelectOpen {height:30px; line-height:30px;}
#searchDetail div.inputCell div.selectCon .jqTransformSelectWrapper div span {height: 30px; line-height:30px;}
#searchDetail div.inputCell input[type=text] {display: block; height:30px; line-height:30px; width: 100%; box-sizing: border-box; padding:4px; box-sizing:border-box}
#searchDetail div.inputCell input[type=radio] {margin-right:2px; .margin-right:0;}
#searchDetail div.buttonCell button {
	font-weight: bold; color: #fff; background: #f97229; font-size: 1.077em;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;
}
#newsletter .selectCon select {height:30px; font-size:1.077em}

/*가정통신문 목록*/
#newsletter div#listTable{clear:both; width:100%; padding:0;}
#newsletter div#listTable table{width:100%; border-collapse:collapse; border-top:2px solid #f36d68; table-layout: auto;}
#newsletter div#listTable table thead tr th{background:#f9f9f9 url(../images/newsletter_theadBg.gif) repeat-x left bottom; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;  color:#333; text-align:center; line-height:130%; padding:7px 8px; vertical-align: middle; font-size:1.154em; font-weight:600}
#newsletter div#listTable table thead tr th:first-child{border-left:none; border-left:0;}
#newsletter div#listTable table tbody tr td{background:#fff; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#000; text-align:center; line-height:150%; padding:5px 8px; vertical-align: middle; font-size:1.077em}
#newsletter div#listTable table tbody tr td:first-child{border-left:none; border-left:0;}
#newsletter div#listTable table tbody tr td span.modiTxt{color:#fd8a8a;}
#newsletter div#listTable table button {font-family:PTD; font-size:13px}
#newsletter div#listTable table button.sign_btn {line-height: 17px; border: 1px solid #c81f3f; background: #f75775; color: #fff; border-radius: 2px; white-space: nowrap; font-size:13px;padding: 1px 6px; display:inline-block;}
#newsletter div#listTable table button.list_del_btn {line-height: 17px; border: 1px solid #ccc; background: #ccc; color: #fff; border-radius: 2px; white-space: nowrap; font-size:13px;padding: 1px 6px; display:inline-block;}
#newsletter div#listTable table span.done_btn {line-height: 17px; border: 1px solid #0b6f1a; background: #11a327; color: #fff; border-radius: 2px; white-space: nowrap; font-size:13px;padding: 1px 6px; display:inline-block;}
#newsletter div#listTable table span.ready_btn {line-height: 17px; border: 1px solid #0e6098; background: #2a8cd0; color: #fff; border-radius: 2px; white-space: nowrap; font-size:13px; padding: 1px 6px; display:inline-block; font-family: PTD;}
#newsletter div#listTable table button.down_btn {width: 19px; height:20px; overflow: hidden; text-indent: -9999px; background: url(../images/filedownbtn.gif) 0 0 no-repeat; padding: 0;.display:block;}
#newsletter div#listTable table button.no_file{width: 19px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(../images/filedownbtn02.gif) 0 0 no-repeat; padding: 0;.display:block;}

	.printDiv {width:96% !important; margin:10px auto !important;}
	.printTit {font-size:1.2em;padding-top:10px;}
	.printTit span {font-weight:bold;color:#ee3b19;}

	.noData {height:30px;}
	

/*가정통신문 하단 버튼*/	
#newsletter div#list_bottom{clear:both; padding:0; margin:0; *zoom:1;}
#newsletter div#list_bottom:after {content:""; clear:both; display:block; height:0; visibility:none;}
#newsletter div#list_bottom p.leftBtn{float:left; border:1px solid #ccc; border-radius:5px}
#newsletter div#list_bottom p.leftBtn .set_btn {display: inline-block; padding: 10px 10px 10px 30px; border:none; background:#fff url(../images/setmg_btn_bg.gif) 10px 50% no-repeat; color:#4e4e4e; line-height:16px; height:40px; margin:0}
#newsletter div#list_bottom p.rightBtn{float:right;}
#newsletter div#list_bottom p.rightBtn .del_btn {padding: 0 25px 0 42px; .padding-right:10px; background:#6b6b6b url(../images/trash_ico.png) 20px 50% no-repeat; color:#fff; border:none}


/*가정통신문 범위 설정*/
#newsletter div#rangeArea{clear:both; padding:0; margin:20px 0; width:100%;}
#newsletter div#rangeArea div.rangeBox{padding:10px 15px; margin:0; width:auto; border:1px solid #d9d9d9; background:#f9f9f9;}
#newsletter div#rangeArea div.rangeBox table{width:100%; padding:0; margin:0; border-collapse:separate; table-layout: auto;}
#newsletter div#rangeArea div.rangeBox table thead th{padding: 5px 0; text-align: center;}
#newsletter div#rangeArea div.rangeBox table tbody th{padding:0 5px 0 0; margin:0; text-align:right; font-weight:bold;}
#newsletter div#rangeArea div.rangeBox table tbody td{line-height:30px; height:30px; text-align:center;}
#newsletter div#rangeArea div.rangeBox table tbody td.btnCell{padding: 0; margin:0; border: none;}
#newsletter div#rangeArea div.rangeBox table tbody td.txtCell{text-align:center; width:17px; vertical-align:middle;}
#newsletter div#rangeArea div.rangeBox table tbody td.inputCell{border:1px solid #d2cdc7; line-height:28px; height:28px; background:#fff;.width: 23%;}
#newsletter div#rangeArea div.rangeBox table tbody td.inputCell input[type=text]{border:0; border:none; width:95%; margin:0 auto; background:#fff;}
#newsletter div#rangeArea div.rangeBox table .p_none {display: none;}
#newsletter div#rangeArea div.rangeBox table .td_space {height: 8px;}
#newsletter div#rangeArea div.rangeBox table button {padding: 7px 17px !important; white-space: nowrap; margin-left: 5px;.padding: 7px 10px !important;}

/*가정통신문 등록 타이틀*/
#newsletter div.titBox {padding:22px 5px 15px 5px; position: relative;}
#newsletter div.titBox h4 {font-size: 1.5em; line-height: 20px;  padding: 0 0 0 23px; background: url(../images/write_ico01.gif) 0 50% no-repeat;}
#newsletter div.titBox P {color: #ee3b19; position: absolute; right: 5px; bottom: 10px; font-size:1.077em}

/*가정통신문 등록 폼*/
#newsletter div#writeTable{clear:both; padding:0; margin:0 0 20px;border-top:2px solid #f36d68; }
#newsletter div#writeTable table{width:100%; border-collapse:collapse; padding:0; margin:0;}
#newsletter div#writeTable table tbody tr th{background:#f9f9f9 url(../images/newsletter_theadBg.gif) repeat-x left bottom; border-bottom:1px solid #d3d3d3; color:#333; text-align:left; line-height:150%; padding:0 20px 0 20px; width:100px; vertical-align: middle; font-size:1.077em}
#newsletter div#writeTable table tbody tr th label {font-family:PTD}
#newsletter div#writeTable table tbody tr td{background:#fff; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#333; text-align:left; line-height:150%; padding:10px 15px; font-size:1.077em}
#newsletter div#writeTable table tbody tr td div.titBox{width:100%; padding:0; margin:0;}
#newsletter div#writeTable table tbody tr td div.titBox div.titCell{line-height:20px; border:1px solid #d3d3d3; width:auto;}
#newsletter div#writeTable table tbody tr td div.titBox div.titCell input[type=text]{border:0; border:none; line-height:26px; height:26px; width:98%; margin:0 0 0 1%; vertical-align:middle;}
#newsletter div#writeTable table tbody tr td div.nameBox{width:150px; padding:0; margin:0; float:left; .width: 160px;}
#newsletter div#writeTable table tbody tr td div.nameBox div.s_name{line-height:20px; border:1px solid #d3d3d3; width:auto;.margin-right: 5px;}
#newsletter div#writeTable table tbody tr td div.nameBox div.s_name input[type=text]{border:0; border:none; line-height:26px; height:26px; width:95%; margin:0 0 0 1%; vertical-align:middle;}
#newsletter div#writeTable table tbody tr td p.desTxt{padding:2px 0 0 155px; color:#949494; line-height:20px;}
#newsletter div#writeTable table tbody tr td span.colTxt{color:#fd3f3f; font-weight:bold;}
#newsletter div#writeTable table tbody tr td input[type=radio]{vertical-align:middle; margin:-2px 0 0 0; padding:0;}
#newsletter div#writeTable table tbody tr td label{line-height:20px; padding:0 15px 0 5px;}
#newsletter div#writeTable table tbody tr td div.fileBox{*zoom:1; padding:0; margin:0; width:100%;position:relative;}
#newsletter div#writeTable table tbody tr td div.fileBox:after {content:""; clear:both; display:block; height:0; visibility:none;}
#newsletter div#writeTable table tbody tr td div.fileBox .file_inputbox{width:148px; border:1px solid #d3d3d3; height:20px; line-height:20px; position:static; float:left;}
#newsletter div#writeTable table tbody tr td div.fileBox span.file_btn_ {float:left; margin:0; padding:0; position:static;}
#newsletter div#writeTable table tbody tr td p.desTxt2{padding:2px 0 0 0; color:#949494; line-height:20px; clear:both;}
#newsletter div#writeTable input#uploadfile {position: absolute; left: 0; top: 0; z-index: 1; width:250px; opacity: 0;
-ms-filter: alpha(opacity=0); /* IE 8 */
filter: alpha(opacity=0); /* IE 7 and olders */}
#newsletter div#writeTable table tbody tr td div.fileBox button.button {font-size: 1em;  line-height: 22px; background: #787777; color: #fff;.line-height: 17px; .height:24px; width:70px;}
#newsletter div#writeTable table tbody tr td div.fileListBox{width:100%; margin:0; padding:5px 0 0 0;}
#newsletter div#writeTable table tbody tr td div.fileListBox div.fileWrap{width:auto; padding:10px; background:#f7f5f3; color:#716e6e;}
#newsletter div#writeTable table tbody tr td div.fileListBox div.fileWrap input[type=checkbox]{vertical-align:middle; margin:-2px 5px 0 0;}
	

/*관리자 설정*/
#newsletter div.adminsetWrap{width:100%;}
#newsletter div.adminsetWrap div.adminsetBox{background:#f1f1f1; width:auto; padding:20px; *zoom:1; border-top:2px solid #f36762; border-radius:0 0 10px 10px}
#newsletter div.adminsetWrap div.adminsetBox:after {content:""; clear:both; display:block; height:0; visibility:none;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox {width:50%; float:left; margin:0; padding:0;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div.adminBox2{padding:0 10px 0 0; margin:0; width:auto;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div.adminBox3{padding:0 0 0 10px; margin:0; width:auto;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.adminsetTit{position:relative; width:100%; color:#fff; font-weight:bold; text-align:center; height:36px; line-height:36px; border-radius:  5px 5px 0 0; font-size:1.077em}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.adminsetTit p span{color:#fff000;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.teacherLi{background: #f36762;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.adminLi{background: #64696d;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.listWrap{width:100%; padding:0; margin:0;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.listWrap div.listBox{width:auto; padding:0 10px; border:1px solid #dcdcdc; height:345px; background:#fff; overflow-y:scroll; overflow-x:hidden;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.listWrap div.listBox ul li{line-height:150%; padding:3px 10px 6px 10px; border-bottom:1px solid #e4e3e3; width:auto; color:#484848;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.listWrap div.listBox ul li label span{font-size:0.95em; color:#d0b3b3; padding:0 5px 0 0;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.listWrap div.listBox ul li input[type=checkbox]{vertical-align:middle;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.btnBox{padding:10px 0 0 0; margin:0;}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.btnBox button {width: 100%; margin:0; padding:0; background:#64696d}
#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.btnBox button.btn_st06 {background:#f4716c; border: 1px solid #de3d37;}
	


/*가정통신문 등록 하단 버튼*/
#newsletter div#list_bottom {padding: 15px; border-radius:0 0 10px 10px}
#newsletter div#list_bottom p.centerBtn {text-align: center;}
#newsletter div#list_bottom p.centerBtn button {width: 100px;.margin: 0 3px;}
#newsletter div#list_bottom .btn_st06,#newsletter div#list_bottom .btn_st01 {background:#f47470; border:1px solid #ee4c47;}

/* 가정통신문 MJH 20200717 */
.a_left {text-align:left !important}
#newsletter div#list_bottom .btn_st07 {background:#458acb; border:1px solid #10599f}
#newsletter #listTable a.activ {font-weight:500}
#newsletter #listTable a.disa {color:#818181}

.homeboard .homeboard_tit {border-top: 2px solid #f36d68; position:relative}
.homeboard .contentsarea {padding:0 10px}
.homeboard .homeboard_tit h4 {font-size:1.385em; font-weight:600; color:#4d4d4d; padding:22px 5px}
.homeboard .homeboard_tit .appr table {position:absolute; right:5px; top:5px; text-align:center; border:1px solid #ccc; border-radius:10px}
.homeboard .homeboard_tit .appr table th {background:#f1f1f1; padding:2px 10px; font-size:1em; box-sizing:border-box}
.homeboard .homeboard_tit .appr table td {font-size:1em; padding:1px}
.homeboard .homeboard_tit .appr table .th01 {border-right:1px solid #d0d0d0; vertical-align:middle}
.homeboard .homeboard_tit .appr table .th02 {border-bottom:1px solid #d0d0d0; padding:2px 15px}
.homeboard .homeboard_tit .appr table .wait {color:#ff214b}
.homeboard .homeboard_tit .appr table .ack {color:#095aff}

.homeboard .homeboard_tit dl {position:absolute; right:0; top:2px}
.homeboard .homeboard_tit dd {float:left}
.homeboard .homeboard_tit dd button {background:none; font-size:1.077em; text-align:center; border-radius:5px; border:1px solid #c0c0c0; padding:10px 30px}
.homeboard .homeboard_tit dd .backbtn {background:url(../images/mbackbtn.gif) no-repeat left 7px center; margin-right:3px}
.homeboard .homeboard_tit dd .nextbtn {background:url(../images/mnextbtn.gif) no-repeat right 7px center}
.homeboard .boardfile {border:1px solid #dfdfdf; margin:35px 0 0; padding:10px; border-radius:10px}
.homeboard .boardfile dt {overflow:hidden; position:relative; background:#f5f5f5; padding:12px 10px 12px 60px; margin-bottom:10px; /*height:30px; line-height:30px; */ font-size:1.077em; color:#000;box-sizing:border-box; border-radius:10px; font-weight:600}
.homeboard .boardfile dt:after {content:""; display:block; position:absolute; top:0; left:0; width:50px; height:100%; background:#d5d5d5 url(../../images/board/bg_attach_file.png) no-repeat 50% 50%}
.homeboard .boardfile dd {position:relative; padding:3px 0;border-bottom:1px dotted #ccc; font-size:0.923em}
.homeboard .boardfile dd:last-child {border:none;}
.homeboard .boardfile dd a {display:inline-block; padding:5px 10px 5px 40px; color:#4d4d4d; font-weight:400; background:url(../images/fileicon01.gif) no-repeat 14px 9px}
.homeboard .boardfile dd a:hover {color:#005eeb}
.homeboard .boardfile dd span.downtxt {display:block; padding-right:100px}
.homeboard .boardfile dd .downbtn {position:absolute; top:50%; right:0; color:#fff; border-radius:5px; background:#51aced; padding:3px 10px; margin:-13px 0 0 0}
.homeboard .btnbox {border-top:1px solid #c0c0c0; padding-top:20px}
.homeboard .btnbox > p {text-align:center}


.upfile_list_area {height:80px !important; border:1px solid #ccc; margin:10px 0; padding:0.5em; overflow-y: scroll}
.newfileup20 {font-weight:500; height:30px; padding:5px 12px; background:#58a1ed; border-radius:5px; color:#fff}
.write_right {position:absolute; top:5px; right:5px}
.write_right .filecnt {font-weight:500; color:#ff0831}
#newsletter div#writeTable table tbody tr td.file > div {position:relative}
#newsletter div#writeTable table tbody tr td .init_input {width:100%; padding:10px; box-sizing:border-box}
#newsletter div#writeTable table tbody tr td.file #multiFileUp {top:0 !important; left:0; width:80px}
.roval {position:relative; padding-left:75px; margin-bottom:20px; border-bottom:1px dotted #c0c0c0; padding-bottom:20px}
.roval h5 {position:absolute; font-size:1.231em; left:5px}
.roval .btnBox button {position:absolute; left:200px; top:-4px; border-radius:5px; padding:5px 10px; background:#5ba1ff; color:#fff}
.homeboard .homeboard_tit .appr table td span {margin:3px 0}
.homeboard .homeboard_tit .appr table td .sign_btn {line-height: 17px; border: 1px solid #c81f3f; background: #f75775; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1em; padding: 1px 6px; display:inline-block;}
.homeboard .homeboard_tit .appr table td .list_del_btn {line-height: 17px; border: 1px solid #ccc; background: #ccc; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1em; padding: 1px 6px; display:inline-block;}
.homeboard .homeboard_tit .appr table td .done_btn {line-height: 17px; border: 1px solid #0b6f1a; background: #11a327; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1em; padding: 1px 6px; display:inline-block;}
.homeboard .homeboard_tit .appr table td .ready_btn {line-height: 17px; border: 1px solid #0e6098; background: #2a8cd0; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1em; padding: 1px 6px; display:inline-block; font-family: NGW;}

.delnoti {display:block; padding:5px; background:#ececec; border-radius:3px; margin:5px 0}
#view_t_bar{
	clear:both; position:relative; display:block; border-bottom:1px solid #dbe0e3; padding:10px; font-size:1em; *zoom:1;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#view_t_bar p{
	padding:3px 0; margin:0; text-align:center; background:url(../images/list_line.gif) left 50% no-repeat;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#view_t_bar p.v_id{width:75%; padding:3px 0; float:left; background:none;}
#view_t_bar p.v_date{width:15%;}
#view_t_bar p.v_date span{font-weight:bold;}

.homeboard .hb_txt {border-top:1px solid #aeafaf; border-bottom:1px solid #d0d0d0; position:relative; margin-bottom:20px}

/*MOBILE small MODE*/
@media only screen and (min-width:0) and (max-width:1024px){

    /*가정통신문 공지사항*/
    #newsletter div#noticeWrap div.noticeBox ul li.m_txt {display: block;}

    /*조건검색 모바일*/
	#searchDetail h4 {display: none;}
	#searchDetail div.inputCell table {width: 100%;}
	#searchDetail div.buttonCell {margin-top: 10px;}
	#searchDetail div.buttonCell button {width: 100%; padding: 7px 0;}
	#searchDetail div.buttonCell button.print_btn {display: none;}
	#searchDetail div.buttonCell button.save_ex_btn {display: none;}	

	#searchDetail .search_area {margin:0}

    /*리스트 상단*/
    #newsletter div#listTop div.searchBox input.nameInput {display: none;}
    

    /*가정통신문 목록*/
    #newsletter div#listTable table .m_none {display: none;}
    #newsletter div#listTable table thead tr th{border-right:1px solid #d3d3d3; font-size:1em; padding:7px 3px}
    #newsletter div#listTable table tbody tr td {border-right:1px solid #d3d3d3; font-size:1em}

    /*가정통신문 하단 버튼*/
    #newsletter div#list_bottom p {float: none !important;}
    #newsletter div#list_bottom p button {display: block; width:100%}
    #newsletter div#list_bottom p.rightBtn {margin-top: 5px;}
    #newsletter div#list_bottom p.leftBtn {text-align:center}
    #newsletter div#list_bottom p.rightBtn .m_none {display: none;}
    button.common_btn {height:3em; line-height:3em}
    
    /*가정통신문 등록 폼*/
    #newsletter div#writeTable table tbody tr th {padding: 0 10px 0 10px;}
    #newsletter div#writeTable table tbody tr td {padding: 10px 12px;}
	#newsletter div#writeTable table tbody tr td div.nameBox div.nameCell {.margin:0;}
    #newsletter div#writeTable table tbody tr td p.desTxt {clear: both; padding: 2px 0 0 0;}
    #newsletter div#writeTable table tbody tr td div.fileBox .file_inputbox {width: 100px;}
    #newsletter div#writeTable table tbody tr td div.fileListBox div.fileWrap {padding: 5px;}

    /*가정통신문 등록 하단 버튼*/
    #newsletter div#list_bottom p.centerBtn button {width: 100%;}
    #newsletter div#list_bottom p.centerBtn button.common_btn {margin:0 0 5px 0;}
    #newsletter div#writeTable table tbody tr td div.nameBox {width: 100%;}

    /*관리자 설정*/
    #newsletter div.adminsetWrap div.adminsetBox div.adminBox {width:100%; float:none; margin:0; padding:0;}
    #newsletter div.adminsetWrap div.adminsetBox div.adminBox div.adminBox2 {padding: 0; margin-bottom: 20px;}
    #newsletter div.adminsetWrap div.adminsetBox div.adminBox div.adminBox3 {padding: 0;}
    #newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.btnBox {padding: 6px 0 0 0;}
    span.memGrade{display:none;}
     #newsletter div#list_bottom button {margin-bottom:3px}
    #view_t_bar {padding:10px 0}
	#view_t_bar p.v_id{width:55%;}
    
    .homeboard .homeboard_tit dl {position:inherit; right:inherit; top:inherit; margin-bottom:10px}
    .homeboard .homeboard_tit dd {width:50%}
    .homeboard .homeboard_tit dd button {padding:5px 0; width:98%; margin:0 auto}
}



/* tablet layout
@media only screen and (min-width:768px) and (max-width:1024px)  {

    
    #newsletter div#noticeWrap div.noticeBox ul li.m_txt {display: block;}


	#searchDetail h4 {position: absolute; left: 15px; top: 15px;  font-size: 1.167em; padding: 35px 0 3px 0; background: url(../images/search_tit_bg.gif) 50% 5px no-repeat;}
	#searchDetail div.buttonCell {width: 216px; position: absolute; right: 15px; top: 15px;}
	#searchDetail div.buttonCell button {width: 65px; padding: 29px 0 7px 0; line-height:16px; border: 1px solid #ccc; color: #4e4e4e; margin-left: 4px;}
	#searchDetail div.buttonCell button:hover {color: #fff; border: 1px solid #d74d03;}
	#searchDetail div.buttonCell button.search_btn {background: #fff url(../images/search_btn_bg.png) 50% 7px no-repeat;}
	#searchDetail div.buttonCell button.search_btn:hover {background: #f97229 url(../images/search_btn_bg_a.png) 50% 7px no-repeat;}
	#searchDetail div.buttonCell button.print_btn {background: #fff url(../images/print_btn_bg.png) 50% 7px no-repeat;}
	#searchDetail div.buttonCell button.print_btn:hover {background: #f97229 url(../images/print_btn_bg_a.png) 50% 7px no-repeat;}
	#searchDetail div.buttonCell button.save_ex_btn {background: #fff url(../images/ex_btn_bg.png) 50% 7px no-repeat;}
	#searchDetail div.buttonCell button.save_ex_btn:hover {background: #f97229 url(../images/ex_btn_bg_a.png) 50% 7px no-repeat;}
	#searchDetail .search_area {margin:50px 0 0 0}


	#newsletter div#list_top p{float:left; clear:none; width:40%;}
	#newsletter div#list_top div#searchForm{background:none; padding:0; float:right; width:340px;}
	#newsletter div#list_top div#searchFormNews{width:355px; float:right;}
	#newsletter div#list_top div#searchFormNews div.selectArea{width:300px;}
	#newsletter div#list_top div#searchFormNews div.selectArea div.wdt60{margin-right:5px;}
	
	#newsletter div#list_top div#searchFormNews div.inputCell{width:135px;}
	#newsletter div#list_top div#searchFormNews div.buttonCell{width:50px;}


    #newsletter div#list_bottom p.rightBtn .btn_st06 {width: 100px;}
    #newsletter div#list_bottom .btn_st07 {width:119px}
    
	#view_t_bar p.v_date{width:12%;}
} */

/* pc layout */
@media only screen and (min-width:1025px) {
    /*조건 검색*/	
	#searchDetail div.inputCell {width: auto; margin:0 205px 0 0;font-size:14px}
	#searchDetail div.buttonCell {width: 200px; position: absolute; right:10px; top:10px}
	#searchDetail div.buttonCell button {width: 62px; padding:40px 0 10px 0; line-height:16px; border: 1px solid #ccc; color: #4e4e4e; margin-left: 2px; font-weight:600; letter-spacing:-0.5px}
	#searchDetail div.buttonCell button:hover {color: #fff; border: 1px solid #d74d03;}
	#searchDetail div.buttonCell button.search_btn {background: #fff url(../images/search_btn_bg.png) 50% 16px no-repeat;}
	#searchDetail div.buttonCell button.search_btn:hover {background: #f97229 url(../images/search_btn_bg_a.png) 50% 16px no-repeat; transition:.4s}
	#searchDetail div.buttonCell button.print_btn {background: #fff url(../images/print_btn_bg.png) 50% 16px no-repeat;}
	#searchDetail div.buttonCell button.print_btn:hover {background: #f97229 url(../images/print_btn_bg_a.png) 50% 16px no-repeat; transition:.4s}
	#searchDetail div.buttonCell button.save_ex_btn {background: #fff url(../images/ex_btn_bg.png) 50% 16px no-repeat;}
	#searchDetail div.buttonCell button.save_ex_btn:hover {background: #f97229 url(../images/ex_btn_bg_a.png) 50% 16px no-repeat; transition:.4s}

    /*상단 게시물 수 및 검색*/
	#newsletter div#list_top p{float:left; clear:none; width:40%;}
	#newsletter div#list_top div#searchForm{background:none; padding:0; float:right; width:340px;}
	#newsletter div#list_top div#searchFormNews{width:355px; float:right;}
	#newsletter div#list_top div#searchFormNews div.selectArea{width:300px;}
	#newsletter div#list_top div#searchFormNews div.selectArea div.wdt60{ margin-right:5px;}
	
	#newsletter div#list_top div#searchFormNews div.inputCell{width:135px;}
	#newsletter div#list_top div#searchFormNews div.buttonCell{width:50px;}
	
	#view_t_bar p.v_date{width:12%;}
    #newsletter div#list_bottom p.rightBtn .del_btn {width:120px}

	#newsletter div.adminsetWrap div.adminsetBox div.adminBox div div.btnBox {font-size:1.077em}
	#newsletter div#list_bottom p.leftBtn .set_btn {height:50px}
	#newsletter div#list_bottom {border-radius:10px; margin-top:10px; border-top:0}
    
}

/* lowest layout fixed */
@media only screen and (min-width:0) and (max-width:450px){
	/* 조건검색 */
	#searchDetail div.inputCell input[type=text] {.width:95%;}
    /*.homeboard .homeboard_tit .appr table {position:inherit; right:0; top:0; width:100%; border-top:1px solid #c0c0c0}
    .homeboard .boardfile dd .downbtn {padding:3px 10px; width:100%}*/
    .homeboard .boardfile dd a {padding: 10px 10px 10px 25px; background: url(../images/fileicon01.gif) no-repeat 0px 9px}
    .homeboard .boardfile dd {padding:0}
    .write_right {position:inherit; top:inherit; right:inherit}
	#view_t_bar p.v_id{width:100%;}
	#view_t_bar p.v_date{padding-top:3px;width:50%;}
	.homeboard .boardfile dd a {padding:5px 10px 5px 28px; background-position:0 8px}
}