Code - itnAdmin/kopost

/* 리스트 */ @media screen and (max-width: 1150px) { .board_wrap {position:relative; padding:0 10px} } .board_search { width:100%; margin:20px 0; padding:20px 0 0; /*box-shadow:0px 3px 0px rgba(241,241,241,1);*/ overflow:hidden; display:flex; flex-direction: column-reverse; } .board_search form {float:right; width: 100%; text-align: right} .board_search select, .board_search input {height: 38px; padding:7px; border:1px solid #d9d9d9} .sch_btn {width: 50px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 17px; cursor:pointer; } #bo_list_total {position:relative;float:left; padding:0 0 0 20px; font-size:16px;} #bo_list_total span {} #bo_list_total:before{position: absolute; content:" "; width: 12px; height: 3px; background-color: var(--primary-color); left: 0; top:10px;} /*버튼*/ .btn_bo_user {clear:both; float:right; margin:30px 0} .btn_bo_user li {display:inline-block; } .btn {min-width:130px;padding:8px 20px; border:0; border-radius:0; font-size:16px; background:#686868; color:#fff; cursor:pointer; font-weight:bold; line-height: 40px;} .btn:hover {background:#333; color:#fff} .btn_more {padding:10px 20px; border:0; border-radius:0px; background:#686868; color:#fff; cursor:pointer; font-weight:bold} .btn_more:hover {background:#333; color:#fff} .btn_bo_user li a {color:#fff;} .btn_b02 {background:#005aab;} .btn_b02:hover {background:#004584; color:#fff} .btn_cancel {background:#686868; color:#fff} .btn_cancel:hover {background:#333;} .btn2 {padding:5px 10px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:14px !important} .btn2:hover {background:#222; color:#fff} .btn_cancel2 {background:#686868; color:#fff} .btn_cancel2:hover {background:#555;} .btn3a {padding:5px; border:0; background:#686868; color:#fff; cursor:pointer; border-radius:3px; font-size:14px} .btn3a:hover {background:#555; color:#fff} .btn3b {padding:5px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:14px} .btn3b:hover {background:#222; color:#fff} .btn_bo_write {clear:both; text-align:center; margin:30px 0} .btn_bo_write ul li {display:inline-block; } /*글쓰기*/ .write_wrap .bo_w_info {width:100%} .write_wrap .bo_w_info li {float:left; width:24.5%; margin-right:0.5%} .write_wrap .bo_w_info input {width:100%; height: 38px;} .write_wrap input { border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } input.wr_subject {width:99.5%; height: 38px; margin:10px 0} .bo_w_download {min-height:60px; padding:15px 30px 15px 120px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;background: #F5F5F5;} .bo_w_download input {width:100%; margin:5px 0 10px 0} .bo_w_download th{color:#666; font-weight:400;background:transparent!important;} .bo_w_download th a{color:#666; padding-left:16px; background:url('/images_new/common/ico-file.svg') 0 2px / 9px no-repeat;text-indent:-9999em;} .bo_w_download th a:hover{text-decoration:underline;} .ico-file-bx{position:absolute; left:40px;} .write_wrap textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; width: 99.5%; height: 300px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); } .bo_w_download{font-size:15px;} /*view*/ .view_wrap{position:relative;margin:20px 0 0; font-size:14px; border-top:1px solid #ddd;} .view_subject {position:relative; width:100%; margin-bottom:10px; padding:20px 0 0; font-size:24px;font-weight:500;line-height:30px;color:#000; font-family: var(--font-s-core);} .view_wrap .meta {margin:0;padding:8px 0 18px;border-bottom:1px solid #ddd; color:#666;} .view_wrap .meta .iconBox{display:none} .view_wrap .meta img{vertical-align:top;} .view_wrap .meta .author {margin-left:8px;} .view_content {border-bottom:1px solid #ddd; padding:50px 0;line-height: 150%;} .view_wrap .meta span{display:inline-block;} .view_wrap .meta span:after{content:'';display:inline-block;height:15px;margin:-4px 10px 0;border-left:1px solid #ddd;vertical-align: middle;} .view_wrap .meta span:last-child:after{display:none;} .view_content p img {max-width:100%} @media screen and (max-width: 700px) { .view_content p img {width:100%} } /*댓글*/ .comment_wrap {} .comment_text_wrap {position:relative; } .comment_text {color:#666; padding:15px 20px; border-bottom:1px solid #ddd} .comment_text li {padding-bottom:5px; font-size:14px;} .comment_text li:first-child {float:left; margin-right:30px} .comment_text li span {margin-right:10px; padding-right:10px; border-right:1px solid #ddd;color:#333; font-weight:bold} .comment_text li.con {word-break:break-all; border:0px solid red; width:100%; font-size:14px; margin-top:10px; margin-bottom:20px; } .comment_text_btn {position:absolute; right:10px; bottom:10px; } .comment_text_btn li {float:left; padding-right:7px} .comment_no_text {color:#666; padding:20px; border-bottom:1px solid #ddd} .comment_bo_write {padding:20px 0;padding-bottom: 0px;} .comment_bo_write textarea {border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; width: 100%; height: 50px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); margin:3px; } .comment_bo_write input {float:left; width:140px; height:38px; border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); margin:3px;} .board_number {margin-bottom:50px} .pg_wrap {clear:both; text-align:center; } .pg_wrap a {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#fff; cursor:pointer; } .pg_wrap *{ vertical-align:middle; line-height:0;} .sp_result_txt {display:none;} /*600px*/ @media screen and (max-width: 600px) { .board_search { width:100%; /*margin:20px 0; padding: 20px; border:1px solid #d9d9d9; box-shadow:0px 3px 0px rgba(241,241,241,1); overflow:hidden;*/ } .board_search form {float:none; width:100%} .board_search select, .board_search input {height: 38px; padding:7px; border:1px solid #d9d9d9} .sch_btn {width: 50px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 17px; cursor:pointer; } #bo_list_total {float:none; margin:15px 0 0; width:100%; padding:7px 0 0 20px; font-size:14px; /*background:url('../img/board_icon1.jpg') no-repeat 0 12px;*/} #bo_list_total span {font-weight:bold} .bo_basic_list colgroup col:first-child {width: 100% !important;} #bo_list_total:before {top:15px} /*설문조사*/ .th_sttus, .th_result, .th_result_cnt, .td_result {display:none;} .bo_basic_list td.td_sttus {padding:0px 10px; display:inline; text-align:center; width:65px; color:#666; } .bo_basic_list td.td_result_cnt {display:inline; text-align:center; width:97px; color:#666} /* .td_result_cnt:before { content:"참여수 : "; } */ .sp_result_txt { display: inline; } /* 댓글 */ .comment_text {color:#666; padding:15px 0px; border-bottom:1px solid #ddd} .comment_text li {padding-bottom:5px; font-size:14px;} .comment_text li:first-child {float:none; margin-right:0px} .comment_text li span {margin-right:10px; padding-right:10px; border-right:1px solid #ddd;color:#333; font-weight:bold} .comment_text li.con {font-size:14px; margin-top:10px} /* 글쓰기 */ .write_wrap .bo_w_info {width:100%} .write_wrap .bo_w_info li {float:left; width:49%; margin-right:1%; margin-bottom:1%} } /* 480px */ @media screen and (max-width:480px) { .board_search select {width:80px} .sch_input {width:110px;} } /* 320px */ @media screen and (max-width:320px) { /*.td_name {display:none;}*/ .view_wrap .meta .author{display:block; width:100%; margin-left:0px;} }