/* com2zoa design KYJ 210804 부분 수정 및 규칙에따라 부분정리 */ #newsletter {clear: both; padding: 0; margin: 0; width: 100%; font-size:13px} input,select,label,textarea{font-family:NSK,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;border-radius:0} input[type=text] {border: 1px solid #ccc} /*공통버튼*/ button{font-family:NSK,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;cursor:pointer; font-weight:400} button.common_btn {color: #fff; text-align: center; font-size:14px; height:40px; line-height:40px; vertical-align: middle;border-radius: 4px; width:auto; min-width:120px; font-weight:400} 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: 1px solid #e5d6ca; background: #f7f5f3; padding: 15px 20px} #newsletter div#noticeWrap div.noticeBox ul {padding: 0; margin: 0} #newsletter div#noticeWrap div.noticeBox ul li {background: url(../images/newletter_blt.gif) 0 9px no-repeat; line-height: 150%; padding: 2px 0 3px 15px; margin: 0; color: #363333} #newsletter div#noticeWrap div.noticeBox ul li span {font-weight: 500} #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{ 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} #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} #newsletter div#list_top div#searchFormNews div.selectArea div.wdt60{width:48% !important; margin-right:1%} #newsletter div#list_top div#searchFormNews div.selectArea div.wdt38{width:48% !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} #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:#22526d ; height:30px; font-size:1.000em; line-height:30px; border:none; padding:0; margin:0; color:#fff;box-sizing:border-box} #newsletter div#list_top h4 {font-size: 1.462em; font-family: NSK; font-weight: 400; float: left; line-height: 30px} #newsletter div#list_top h4 span {font-weight: 500; color: #4953d5} /*조건 검색*/ #searchDetail {border: 1px solid #e3e3e3; padding: 15px; position: relative; margin-bottom: 10px; border-radius: 5px} #searchDetail div.inputCell table {width: 100%; table-layout: auto} #searchDetail div.inputCell table th {font-weight: 400; text-align: left; vertical-align: middle} #searchDetail div.inputCell table td {vertical-align: middle} #searchDetail div.inputCell table td.space_td {height: 10px} #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: 22px; line-height: 22px; margin-right: 5px} #searchDetail div.inputCell div.selectCon{float:left; width: 95px; height: 22px !important} #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: 22px; line-height: 22px} #searchDetail div.inputCell div.selectCon .jqTransformSelectWrapper div span {height: 22px; line-height: 22px} #searchDetail div.inputCell input[type=text] {display: block; height: 22px; line-height: 20px; width: 100%; box-sizing: border-box} #searchDetail div.inputCell input[type=radio] {margin-right:2px} #searchDetail div.buttonCell button {color: #fff; background: #f97229; font-size: 1.077em;border-radius:5px} /*가정통신문 목록*/ #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:#f4f4f4; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-family: NSK; color:#000; text-align:center; line-height:150%; padding:5px 8px; vertical-align: middle; font-weight:500} #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 #e5e5e5; border-bottom:1px solid #e5e5e5; color:#000; text-align:center; line-height:150%; padding:5px 8px; vertical-align: middle} #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.sign_btn {line-height: 17px; border: 1px solid #c81f3f; background: #f75775; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1.000em; 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: 1.000em; 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: 1.000em; 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: 1.000em; padding: 1px 6px; display:inline-block; font-family: NSK} #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} #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} .printDiv {width:96% !important; margin:10px auto !important} .printTit {font-size:1.154em;padding-top:10px} .printTit span {font-weight:bold;color:#ee3b19} .noData {height:30px} /*가정통신문 하단 버튼*/ #newsletter div#list_bottom{clear:both; padding:0; margin:0} #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: 13px 10px 13px 30px; border:none; line-height: 16px;background: url(../images/setmg_btn_bg.gif) 10px 50% no-repeat; color:#4e4e4e; line-height:16px; height:45px} #newsletter div#list_bottom p.rightBtn{float:right} #newsletter div#list_bottom p.rightBtn .del_btn {padding: 0 25px 0 42px; 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} #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} /*가정통신문 등록 타이틀*/ #newsletter div.titBox {padding: 15px 5px 15px 5px; position: relative} #newsletter div.titBox h4 {font-size: 1.462em; line-height: 20px; font-family: NSK; 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: 15px} /*가정통신문 등록 폼*/ #newsletter div#writeTable{clear:both; padding:0; margin:0;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:#000; text-align:left; line-height:150%; padding:0 20px 0 20px; width:100px; vertical-align: middle; font-weight:500} #newsletter div#writeTable table tbody tr td{background:#fff; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; color:#000; text-align:left; line-height:150%; padding:10px} #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:18px; height:18px; 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:18px; height:18px; 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: 1.000em; font-family: NSK; line-height: 22px; background: #787777; color: #fff; 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 border-top:2px solid #f36762} #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:33px; line-height:33px; border-radius: 5px 5px 0 0} #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 0} #newsletter div#list_bottom p.centerBtn {text-align: center} #newsletter div#list_bottom p.centerBtn button {width: 100px} #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:#1864ac; border:1px solid #003d76} #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.308em; font-weight:500; color:#4d4d4d; margin-bottom:15px; padding-top:15px} .homeboard .homeboard_tit .appr table {position:absolute; right:0; top:0; text-align:center} .homeboard .homeboard_tit .appr table th {background:#f1f1f1; padding:2px 10px; font-size:1.000em; box-sizing:border-box} .homeboard .homeboard_tit .appr table td {font-size:1.000em; padding:1px} .homeboard .homeboard_tit .appr table .th01 {border-right:1px solid #d0d0d0} .homeboard .homeboard_tit .appr table .th02 {border-bottom:1px solid #d0d0d0; padding:5px 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 #e4e4e4; margin:50px 0 20px 0} .homeboard .boardfile dt {font-size:1.154em; /* font-weight:500; */ color:#212121; padding:10px 0 10px 45px; background:url(../images/fileicon02.gif) no-repeat 10px 5px #efefef} .homeboard .boardfile dd {padding:3px 0;border-bottom:1px dotted #ccc} .homeboard .boardfile dd:last-child {border:none} .homeboard .boardfile dd a {display:inline-block; padding:5px 10px 5px 40px; color:#4d4d4d; font-weight:350; background:url(../images/fileicon01.gif) no-repeat 14px 9px} .homeboard .boardfile dd a:hover {color:#005eeb} .homeboard .boardfile dd span.downtxt {width:80%;display:inline-block} .homeboard .boardfile dd .downbtn {float:right;color:#fff; border-radius:5px; background:#ff8338; padding:3px 10px; margin:4px 20px 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 0; padding:0.5em; overflow-y: scroll} .newfileup20 {font-size:1.077em;font-weight:500; height:30px; padding:5px 10px 5px 30px; background:url(../images/filedowncion.gif) no-repeat 7px 8px #fc661c; 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%} #newsletter div#writeTable table tbody tr td.file #multiFileUp {top:0; left:10px; width:83px} .roval {position:relative; padding-left:75px; margin-bottom:20px; border-bottom:1px dotted #c0c0c0; padding-bottom:20px} .roval h5 {position:absolute; font-size:1.231.000em; 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 .sign_btn {line-height: 17px; border: 1px solid #c81f3f; background: #f75775; color: #fff; border-radius: 2px; white-space: nowrap; font-size: 1.000em; 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: 1.000em; 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: 1.000em; 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: 1.000em; padding: 1px 6px; display:inline-block; font-family: NSK} #view_t_bar{clear:both; position:relative; display:block; border-bottom:1px solid #dbe0e3; padding:0.818em 0 0.818em 1.667em; font-size:0.917em; box-sizing:border-box} #view_t_bar:after {content:""; clear:both; display:block; height:0; visibility:none} #view_t_bar p{padding:3px 0; margin:0; text-align:center; background:url(../images/list_line.gif) left 3px no-repeat; 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} /* lowest layout fixed */ @media only screen and (min-width:0) and (max-width:767px){ /*가정통신문 공지사항*/ #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} /*리스트 상단*/ #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} #newsletter div#listTable table tbody tr td {border-right:1px solid #d3d3d3} /*가정통신문 하단 버튼*/ #newsletter div#list_bottom p {float: none !important} #newsletter div#list_bottom p button {display: block; width:100%; margin-bottom:5px} #newsletter div#list_bottom p.rightBtn {margin-top: 5px} #newsletter div#list_bottom p.leftBtn {text-align:center; margin-top:8px} #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 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 .btn_st07 {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} } /*MOBILE small MODE*/ @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: 5px 10px 10px 10px} .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%} } /* 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-family: NSK; font-size: 1.167em; padding: 35px 0 3px 0; background: url(../images/search_tit_bg.gif) 50% 5px no-repeat} #searchDetail div.inputCell {width: auto; margin:0 223px 0 65px} #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} /*상단 게시물 수 및 검색*/ #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 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.inputCell {width: auto; margin:0 223px 0 70px} #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} /*상단 게시물 수 및 검색*/ #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} }