Code - 2025_PROJECT/mjgo

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css"); @import url(/pb/css/style.css); /* 공통 레이아웃 */ .contWrap{position:absolute;width:calc(100% - 240px);min-height:986px;padding:30px 40px;background:#F2F2F2;top:70px;left:240px;} .contWrap:after{position:absolute;content:'';width:240px;height:100%;background:#0D488B;left:-240px;top:0;} .cont{margin:30px auto 0 0;} .pageTitle{min-height:62px;} .pageIcon{width: 62px;height: 62px;background-color: #fff;text-align: center;position: relative;box-shadow: 1.5px 2.6px 5px 0 rgba(0,0,0,0.1);border-radius: 5px;float: left;margin: 0 20px 0 0;} .pageIcon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .pageTitle h2{font-weight:700;padding: 5px 0 10px 0;} .pageTitle p{font-weight: 300;} .pageTitle02 {display:flex;margin:35px 0 0;justify-content:space-between;align-items:center;} .pageTitle02.type01 {margin:0;} .pageTitle02 h3 {padding:5px 0 10px;font-family:'Noto Sans KR', sans-serif;font-size:20px;font-weight:500;} .pageTitle02 p {font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;} .pageNav{text-align: right;width: 85%;color: #888;margin-top: -15px;} .pageNav *{display: inline-block;font-size: 14px;vertical-align: bottom;} .pageNav .subDepth{color: #234dd5;} .pageCont{/* width: 85%; */min-height: 650px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);margin: 0 auto 0 0;border-radius: 5px;margin-top: 26px;padding: 40px 30px;} .listSerch{margin-bottom: 35px;letter-spacing:6px;} .listSerch h3{display:inline-block;font-size: 1em;margin-right: 8px;} .listSerch input[type="button"]{background-color: var(--primary-color);/* border-radius: 0 3px 3px 0;margin-left: -20px; */margin-left:3px;height: 42px;} .listSerch input[type="button"].btnType2{border: 1px solid var(--primary-color); background-color: #fff; color: var(--primary-color);} .listSerch input[type="button"].btnType2:hover{background-color: var(--primary-color-hover);} .listSerch input[type="button"].btnType3{margin-left: 0;border:none;color:#fff;border-radius: 3px;vertical-align:middle;} .listSerch input[type="button"]:hover{background-color:var(--primary-color-hover);} .listTop p{display: inline-block;vertical-align: middle;margin-bottom: 8px;} .listTop .rightWrap{float: right;vertical-align: middle;margin-top: -25px;margin-bottom: 00px;} .listTop input[type="button"]{border: 1px solid #aaa;border-radius: 3px;background-color: #fff;min-width: 40px;height: 40px;vertical-align: middle;background-position: center center;background-repeat: no-repeat;margin-right: 3px;} input[type="button"]{cursor:pointer;} input[type="button"].readBtn{border:1px solid var(--primary-color);color:var(--primary-color);font-weight: 600;border-radius: 3px;background-color: #fff;min-width: 40px;height: 40px;vertical-align: middle;background-position: center center;background-repeat: no-repeat;margin-right: 3px;} input[type="button"].readBtn:hover{background-color:#f2f4f7;} input[type="button"].excelBtn{border: 1px solid #207245;background-image: url(/pb/img/excelIcon.png);} input[type="button"].printBtn{border: 1px solid #686b72;background-image: url(/pb/img/printIcon.png)} .pageCont .tbType1{border-top: 2px solid var(--primary-color);text-align: center;width: 100%;table-layout: fixed;} .pageCont .tbType1 thead tr{border-bottom: 2px solid #e6e6e6} .pageCont .tbType1 thead tr th{height:42px;padding: 5px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;vertical-align:middle;} .sort{padding-left:8px;cursor:pointer;} .sortBtn{background-image: url(/pb/img/common/sortImg1.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;} .sortBtnAsc{background-image: url(/pb/img/common/sortImgupon.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;} .sortBtnDesc{background-image: url(/pb/img/common/sortImgdownon.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor:pointer;} .pageCont .tbType1 tbody tr{border-bottom: 1px solid #e6e6e6;} .pageCont .tbType1 tbody tr td{padding: 5px 0;color: #555;font-weight: 400;height:40px;vertical-align:middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .pageCont .tbType1 tbody tr td input[type="button"]{height: 30px;font-size: 0.813em;width: auto;padding: 0 8px;vertical-align: middle;margin-right: 2px;letter-spacing: -1px;} .pageCont .tbType1 tbody tr td input[type="button"].btnType1{background-color: var(--gray-color);} .pageCont .tbType1 tbody tr td input[type="button"].btnType1:hover{background-color: var(--gray-color-hover);} .pageCont .tbType1 tbody tr td input[type="button"].serchBtn{background-image: url(/pb/img/common/serchBtn.png);background-repeat: no-repeat;background-position: center;width: 32px;height: 32px;} .pageCont .tbType1 tbody tr td input[type="button"].btnType2{border: 1px solid var(--gray-color);color: var(--gray-color);} .pageCont .tbType1 tbody tr td input[type="button"].btnType2:hover{background-color: #f2f4f7;} .pageCont .tbType1 tbody tr td button.btnType{min-width: 0; height:30px;font-size:14px;width:auto;padding:0 8px;vertical-align:middle;margin:0 2px;letter-spacing:-1px;font-weight:500;border-radius:3px;} .pageCont .tbType1 tbody tr td button.btnType20{background-color:var(--primary-color);} .pageCont .tbType1 tbody tr td button.btnType20:last-child {color:var(--gray-color);border:1px solid var(--gray-color);background:#fff;} .pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:var(--primary-color-hover)} .pageCont .tbType1 tbody tr td button.btnType20:last-child {color:var(--gray-color);border:1px solid var(--gray-color);background:#fff;} .pageCont .tbType1 tbody tr td button.btnType20:last-child:hover{background-color:#f2f4f7} .pageCont .tbType1 tbody tr td button.btnType21{background-color:var(--primary-color);} .pageCont .tbType1 tbody tr td button.btnType21:last-child {color:#d57b7b;border:1px solid #fb0f0f;background:#fff;} .pageCont .tbType1 tbody tr td button.btnType21:hover{background-color:var(--primary-color-hover)} .pageCont .tbType1 tbody tr td button.btnType21:last-child {color: #d57b7b;border: 1px solid #fb0f0f;background:#fff;} .pageCont .tbType1 tbody tr td button.btnType21:last-child:hover{background-color:#f7f2f4} .pageCont .tbType1 tbody tr td button.btnType.red.line{border:1px solid var(--red-color);color:var(--red-color);} .pageCont .tbType1 tbody tr td button.btnType.red.line:hover{background:var(--red-light-color);} .pageCont .tbType1 tbody tr td .id_box {height:30px;line-height:30px;text-align:left;} .pageCont .tbType1 tbody tr td .id_box a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100% - 23px);vertical-align:top;} .pageCont .tbType1 tbody tr td .id_box:before {content:'';display:inline-block;width:20px;height:20px;margin:6px 3px 0 0;vertical-align:top;} .pageCont .tbType1 tbody tr td .id_box.vip:before {background:url(/pb/img/icon_vip.png) no-repeat left top;} .pageCont .tbType1 tbody tr td .id_box.bMark:before {background:url(/pb/img/icon_bmark.png) no-repeat left top;} .pageCont .tbType1 tbody tr td .id_box.vip.bMark:before{width: 45px; background: url(/pb/img/icon_vip.png),url(/pb/img/icon_bmark.png); background-position: left top, 24px top; background-repeat: no-repeat;} .pageCont .tbType1 tbody tr.biz_hover_wrap {border:0 none;} .pageCont .tbType1 tbody tr.biz_hover_wrap td {overflow:inherit;position:relative;height:0;padding:0;border:0 none;} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content {display:none;position:fixed;left:0;top:0;padding:20px;border:1px solid #e5e5e5;background:#fff;border-radius:5px;box-shadow:0px 3px 10px 0px rgba(0 0 0 / 0.2);z-index:1;} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl {line-height:24px;border-bottom:1px solid #e5e5e5;} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl:after {content:'';display:block;clear:both;} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dt {float:left;margin:0 5px 0 0;text-align:left;} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dt:after {content:' : ';} .pageCont .tbType1 tbody tr.biz_hover_wrap td .biz_hover_content dl dd {float:left;text-align:left;white-space:nowrap;} .pageCont .tbType1 tbody tr:hover + tr.biz_hover_wrap td .biz_hover_content {display:block;} .pageCont .tbType1 tbody tr td.smishing, .pageCont .tbType1 tbody tr td.smishing *, .pageCont .tbType1 tbody tr td .smishing {color:#ff6a00 !important;} .pageCont .tbType1+.btnWrap{margin-top: -30px;} .pageCont .tbType1+.page{margin-top: 20px;} .pageCont .tableWrap:has(>.tbType1)+.btnWrap input[type="button"]{min-width:90px;height:50px;font-size:1.125em;} .pageCont .tbType2{border-top: 2px solid var(--primary-color);width: 100%;table-layout: fixed;text-align: left;} .pageCont .tbType2:last-child{margin-bottom: 0;} .pageCont .tbType2 tbody tr{border-bottom: 1px solid #e5e5e5;} .pageCont .tbType2 tbody tr th{background-color: #f7f7f7;font-size: 1.125em;padding: 20px 10px 20px 25px;color: #222;font-weight: 500;text-align:left} .pageCont .tbType2 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;line-height:1.4;padding: 8px 0 8px 20px;} .pageCont .tbType2 tbody tr td .imgBox{width: 81%;height: 180px;overflow: hidden;text-align: center;border: 2px dashed #dbdcdf;border-radius: 3px;margin: 10px 0;vertical-align: middle;background-image: url(/pb/img/noImg.png);background-repeat: no-repeat;background-position: center;} .pageCont .tbType2 tbody tr td input[type="text"]{width: 80%;} .pageCont .tbType2 tbody tr td input[type="text"].dateInput{width: 8% !important;min-width:5%;margin: 0 3px;} .pageCont .tbType2 tbody tr td select{width: 15%;padding-right:20px;}/* select 湲蹂濡 ш린 대 寃寃 */ .pageCont .tbType2 tbody tr td select.date_format{width:8% !important;min-width:5%;margin: 0 3px 0 10px;} .pageCont .tbType2 tbody tr td .refund_cehck {display:inline-block;line-height:40px;vertical-align:top;} .pageCont .tbType2 tbody tr td .refund_cehck input[type=radio]+label+label {display:inline-block;} .pageCont .tbType2 tbody tr td .refund_confirm {display:inline-block;margin:2px 0 0;vertical-align:top;} .pageCont .tbType2 tbody tr td .refund_confirm li {display:none;} .pageCont .tbType2 tbody tr td .refund_confirm li select {width:200px;margin:0 8px 0 0;} .pageCont .tbType2.tbType2_refund {margin:30px 0 0;} .pageCont .tbType2.tbType2_refund tbody tr td textarea.refund_memo {width:calc(100% - 155px);height:100px;margin:0 10px 0 0;padding:5px 10px;resize:none;box-sizing:border-box;} .pageCont .tbType2.tbType2_refund tbody tr td .btnType1 {height:100px;padding:0 27px;font-size:18px;} .calBtn{border: none;background-color: transparent;background-image: url(/pb/img/common/calendarIcon.png);background-repeat: no-repeat; width: 25px;height: 25px;vertical-align: middle;margin-left: -38px;margin-top: -2px;cursor: pointer} .pageCont .tbType2+.btnWrap{margin-bottom: 80px;} .pageCont .tbType2+.btnWrap input[type="button"]{min-width: 90px;min-height:50px;font-size: 1.125em;word-break:keep-all;} .pageCont .tbType3{border-top: 2px solid var(--primary-color);width: 100%;text-align: center;} .pageCont .tbType3 thead tr{background-color: #edf0f5;border-bottom: 2px solid #e6e6e6;} .pageCont .tbType3 thead tr th{color: #555;font-size: 1em;font-weight: 500; height: 45px;vertical-align: middle;letter-spacing: -1px;} .pageCont .tbType3 tbody tr{border-bottom: 1px solid #e6e6e6;} .pageCont .tbType3 tbody tr th{background-color: #f3f6fa;color: #222;vertical-align: middle;letter-spacing: -1px;} .pageCont .tbType3 tbody tr td{color: #222;height: 45px;vertical-align: middle;} .pageCont .tbType4{text-align: center; width: 100%; table-layout: fixed; margin:0 0 50px 0;} .pageCont .tbType4 thead tr th{border-top:2px solid var(--primary-color); border-bottom:3px double #e6e6e6; padding: 13px 0; font-size: 1em; font-weight: 500;color: #555; white-space: nowrap; border-left:1px solid #d5d5d5; text-align:center;} .pageCont .tbType4 thead tr th:first-child {border-left:none;} .pageCont .tbType4{border-top: 2px solid var(--primary-color);width: 100%;table-layout: fixed;text-align: left;} .pageCont .tbType4 tbody tr{border-bottom: 2px solid #e5e5e5;} .pageCont .tbType4 tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 12px 0; border-left:1px solid #d5d5d5; text-align:center;} .pageCont .tbType4 tbody tr td:first-child {border-left:none;} .ipStatus .contBox{margin-right: 30px;margin-bottom: 50px;flex-grow: 2 1;width: auto;float: left;} .ipStatus .contBox:nth-child(1){width: 65%;} .ipStatus .contBox:nth-child(2){width: 30%;} .ipStatus .contBox .boxWrap{border: 1px solid #e5e5e5;border-radius: 5px;padding: 60px 50px;text-align: center;margin: 0 auto;margin-top: 15px;width: 100%;} .ipStatus .contBox.lastBox{margin-right: 0;} .ipStatus .tableWrap{margin-top: 15px;} .ipStatus .tbWrap{width: 100%;} .ipStatus .chartArea{background-color: #efefef;width: 100%;height: 340px;overflow: hidden} .ipStatus .chartArea img{width: 100%;height: auto;}/* img ъ 댁 李⑦ ㅼ 닿 硫 */ .chartBg{width: 14px;height: 14px;border-radius: 3px;background-color: #1ccab8;display: inline-block;vertical-align: bottom;margin-right: 5px;} .chartColor{color: #1ccab8;font-size: 18px;font-weight: 600;} /*.pageCont .tableWrap+.btnWrap{margin-top: -20px;}*/ .pageCont .btnWrap{display:flex;margin:40px 0 0 0;;gap:8px;} .pageCont .btnWrap.left{justify-content:flex-start;} .pageCont .btnWrap.right{justify-content:flex-end;} .pageCont .btnWrap.center{justify-content:center;} .pageCont .btnWrap input[type="button"]{display:flex;padding: 0 20px;font-weight: 500;font-size: 1em;align-items:center;justify-content:center;} .pageCont .btnWrap .btnType1{background-color: var(--primary-color); float: right;} .pageCont .btnWrap .btnType1:hover{background-color: var(--primary-color-hover);} .pageCont .btnWrap .btnType2{border: 1px solid var(--primary-color);color: var(--primary-color);} .pageCont .btnWrap .btnType2:hover{background-color:var(--primary-light-color);} .pageCont .btnWrap1 {text-align:center; padding:20px 0 0 0;} /* 미니팝업 버튼 영역 추가*/ .pageCont .btnWrap1 .btnType3 {background-color:var(--primary-color); color:#fff; height:45px; border-radius:5px; min-width:70px; margin:0 5px 0 0;} /* 미니팝업 버튼 영역 추가*/ .tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;} .page{display:flex;margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;justify-content:center;} .page ul{display:flex;gap:8px;} .page ul li{display:flex;border:0;font-size:1em;color:#444;width: 36px;height: 36px;border-radius:3px;cursor: pointer;align-items:center;justify-content:center;} .page ul li strong {display:flex;width:100%;height:100%;border-radius:3px;color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color);justify-content:center;align-items:center;} .page ul li:hover{background-color: var(--primary-light-color);color:var(--primary-color);} .page ul li input[type="button"]{border: none;height: 33px;width: 33px;background-color: transparent;background-position: center;background-repeat: no-repeat;} .pageFirst{background-image: url(/pb/img/common/pageFirst.png)} .page ul li:hover .pageFirst{background-image: url(/pb/img/common/pageFirstHover.png)} .pageBefore{background-image: url(/pb/img/common/pageBefore.png)} .page ul li:hover .pageBefore{background-image: url(/pb/img/common/pageBeforeHover.png)} .pageNext{background-image: url(/pb/img/common/pageNext.png)} .page ul li:hover .pageNext{background-image: url(/pb/img/common/pageNextHover.png)} .pageLast{background-image: url(/pb/img/common/pageLast.png)} .page ul li:hover .pageLast{background-image: url(/pb/img/common/pageLastHover.png)} .orgWrap{width: 20%;display: inline-block;margin-right: 2%;vertical-align: top;margin-top: 30px;} .orgWrap .btnWrap{margin-top: 0;height: 30px} .orgWrap .btnWrap input[type="button"]{padding: 5px 8px; font-size: 14px;text-align: center;letter-spacing: -1px; float: none;height: auto;width: auto;box-sizing: border-box;} .orgWrap .btnWrap .btnType1{background-color: var(--secondary-color);} .orgWrap .btnWrap .btnType1:hover{background-color:var(--secondary-color-hover);;} .orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid var(--secondary-color);color: var(--secondary-color);} .orgCont{width: 100%;min-height: 300px;border: 1px solid #d5d5d5;margin-top: 10px;border-radius: 5px;overflow:auto;} .tbWrap{width: 77%;display: inline-block;margin-top: 36px;vertical-align: top;} .tbWrap table tbody input[type="text"]{width: 80%;} .tbTit{position: relative;font-size: 20px;color: #222;letter-spacing: -0.5px;padding-left: 15px;font-weight: 800;} .tbTit::before{position: absolute;content: " ";width: 5px;height: 18px;border-radius: 2px;background-color: var(--primary-color);left: 0;top: 50%;transform: translateY(-49%)} .tbTit+table,p.right.fwMd+table{margin-top: 15px;margin-bottom: 40px;} .pageCont .tbType1 tbody tr td input[type="button"].editBtn{width: 32px;height: 32px;border-radius: 3px; background-color: var(--gray-color);background-image: url(/pb/img/common/editIcon.png);background-repeat: no-repeat;background-position: center;border: none;padding: 5px;} .tbTit+p.right.fwMd{margin-bottom: 15px;margin-top: -15px;} .tbWrap+.btnWrap{text-align: right;} .tbWrap+.btnWrap input[type="button"]{float: none;padding: 10px 20px;font-size:1.125em;} .galleryListWrap{border-top: 2px solid var(--primary-color);border-bottom: 1px solid #e6e6e6;padding: 40px 0 20px 0;width: 100%;margin: 0 auto;} .galleryListWrap::before,.galleryListWrap::after,.galleryListWrap+.btnWrap::after,.galleryListWrap ul{clear: both;overflow: hidden} .galleryListWrap ul li{position: relative;width: 24%;height: 330px;overflow: hidden;margin-right: 1.3%;margin-bottom: 1.3%;} .galleryListWrap ul li:nth-child(4n){margin-right: 0;} .galleryListWrap ul li .imgBox{position:relative;text-align: center;width:100%;height:100%;overflow:hidden;background-color:#f7f7f7;} .galleryListWrap ul li .imgBox img{width:100%;height: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .galleryListWrap ul li .imgBox img[src*="noImg"]{width:55%;height:auto;} .galleryListWrap .check{position: absolute;z-index: 2;left: 3%;top: 3%;} .galleryListWrap .check input[type="checkbox"]+label{background-color: #fff;width: 20px;height: 20px;border:1px solid #555;} .galleryListWrap .check input[type="checkbox"]:checked+label{border: 1px solid var(--primary-color);background-color: var(--primary-color);position: relative;} .galleryListWrap .check input[type="checkbox"]:checked+label::after{background-image: url(/pb/img/common/check.png);background-repeat: no-repeat;background-position: center;position: absolute;content: " ";display: inline-block;width: 12px;height: 10px;top: 50%;left: 50%;transform: translate(-50%,-50%)} .galleryListWrap .listCategory{position: absolute;right: 0;top: 0; z-index: 2;width: 50%;height: 30px;background-color: #ddd;font-size: 0.875em;color: #fff;} .galleryListWrap .listCategory li{display: table-cell;width: 60%;height: 100%;text-align: center;vertical-align: middle;padding: 7.4px 5px;background-color: #1db5a4;margin-right: 0;font-weight: 600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .galleryListWrap .listCategory li.useCg{width: 40%;background-color: #f9844b} .galleryListWrap .listCategory li.unUseCg{width: 40%;background-color: #888} .galleryListWrap ul li .listInfo{position: absolute;z-index: 2;background-color: rgba(0,0,0,0.5);width: 100%;bottom: 0;color: #fff;padding: 23px 22px;} .galleryListWrap ul li .listInfo h3{font-size: 18px;text-align: center;padding-bottom: 20px;font-weight: 500;color: #dbdbdb;} .galleryListWrap ul li table{width: 100%;font-size: 0.875em;letter-spacing: 0px;color: #dbdbdb;font-weight: 400;} .galleryListWrap ul li table tr:first-child td{padding-bottom: 10px;} .fileWrap{width: 81%;border: 1px solid #dbdcdf;border-radius: 3px;overflow: hidden;margin: 10px 0 5px 0;min-height: 160px;background-image: url(/pb/img/fileBg.png);background-repeat: no-repeat;background-position: center 62%} .fileWrap.fileAfter{background-image: none;} .fileWrap table{width: 100%;text-align: center;} .tbType2 .fileWrap table thead tr th{font-size: 1em;height: 40px;padding: 0;vertical-align: middle;} .tbType2 .fileWrap table thead tr th:first-child{padding-left: 20px;text-align: left} .tbType2 .fileWrap table tbody tr td{height: 40px;padding-left: 0;text-align:left} .tbType2 .fileWrap table tbody tr td.file_name{text-align: left;padding-left: 20px;} .tbType2 .fileWrap table tbody tr td.file_name img{margin-right: 5px;vertical-align: middle;} .fileWrap .delBtn{border: 1px solid #ccc;width: 28px;height: 28px;border-radius: 3px;background-image: url(/pb/img/common/delBtn.png);background-repeat: no-repeat;background-position: center;background-color: #fff;} .fileWrap .delBtn:hover{background-image: url(/pb/img/common/delBtnHover.png);background-color: #e40000;border: 1px solid #e40000;transition: all 0.5s;} .fileWrap+.fileInfo{width: 81%;text-align: right;height: 30px;} .fileWrap+.fileInfo ul{float: right;width: 60%;} .fileWrap+.fileInfo ul li{width: 50%;} .file_download{display:flex;align-items:center;justify-content:center;} .listView{margin-top: 50px;} .listView table.tbType1{text-align: left;} .listView table.tbType1 tr th{vertical-align: middle;padding-left: 30px;background-color: #f7f7f7;font-size: 1.125em;font-weight: 500;padding: 20px 5px 20px 30px;} .listView table.tbType1 tr td{padding-left: 30px;font-size: 1em;} .cmmt_wrap2{margin-top: 30px;} .cmmt_tit2{display: flex; align-items: center;} .cmmt_tit2 img{margin-right: 6px;} .cmmt_tit2 span{color: #ea5404; font-weight: bold; font-size: 20px;} .cmmt_list2{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;} .cmmt_list2 li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;} .cmmt_person2{min-width: 70px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;} .cmmt_person2::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;} .cmmt_detail2{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;} .cmmt_date2{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #999;} .cmmt_detail2 .btn_wrap{float: right; margin-top: 15px;} .cmmt_detail2 .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;} .cmmt_input2{width: 100%; margin-top: 30px;} .cmmt_input2 textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;} .cmmt_input2 .cmmt_add2{width: 80px; height: 80px; border-radius: 5px; background-color: var(--primary-color); border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;} .cmtWrap{margin-top: 35px;} .cmtTop{border-bottom: 1px solid #e6e6e6;padding-bottom: 16px;} .cmtTop *{display: inline-block;} .cmtTop img{margin-bottom: -6px;} .cmtTop p{font-size: 1em;margin-left: 8px;font-weight: 500;} .cmtTop p span{font-size: 1.250em;} .cmtBox{padding: 20px 15px;border-bottom: 1px solid #e6e6e6;} .cmtBox h3{font-size: 1.125em;font-weight: 500;position: relative;width: 8%;display: inline-block;} .cmtBox h3::after{position: absolute;content: " ";width: 1px;height: 13px;background-color: #b2b2b2;right: 0;top: 50%;transform: translateY(-50%);} .cmtArea{display: inline-block;width: 91%;vertical-align: top;padding-left: 30px;margin-top: -0.5em;} .cmtTxt.tType4{font-weight: 300;line-height: 1.625em;-webkit-line-clamp:2;-webkit-box-orient:vertical;display: -webkit-box;word-wrap: break-word;height: 3.25em;overflow-y: hidden;} .cmtDate.tType5{font-size: 1em;font-weight: 300;margin-top: 20px;} .cmtBtm{margin-top: 30px;} .cmtBtm textarea{width: 92.6%;height: 70px;border: 2px solid #e5e5e5;border-radius: 3px;} .cmtBtm input[type="button"]{width: 80px;height: 80px;margin-left: 10px;} /* #menuType{margin-top:8px;} */ #showUrl{display: block; margin-top: -12px;margin-bottom:8px;} /* jstree */ .jstree-default .jstree-themeicon{background-image:url(/pb/img/common/folderClose.png);background-position:center center !important} .jstree-default .jstree-closed a.jstree-anchor i.jstree-icon.jstree-themeicon{background-image:url(/pb/img/common/folderClose.png)} .jstree-default .jstree-open a.jstree-anchor i.jstree-themeicon{background-image:url(/pb/img/common/folderOpen.png)} .stats_table tr{border-bottom: 1px solid #e5e5e5 !important;} .stats_table th{vertical-align: middle; border-right: 1px solid #e5e5e5} .stats_table th:last-child[rowspan]{border-right: 0;} .stats_table td{border-right: 1px solid #e5e5e5;} .stats_table td:last-child{border: 0;} /*운영관리 > 게시글관리 수정*/ .pageTitle .post_tit{padding: 20px 0 9px 0;} .change_number{margin:20px 0 0 0;} .change_number input{height:32px;} .change_number+.btnWrap input{min-width:90px;height:50px;font-size:1.125em !important;} @media screen and (max-width:1570px){ /* .listSerch .calendar_wrap{margin-bottom: 8px;} */ .listSerch{margin: -8px 0 35px 0;} .listSerch>*{margin: 8px 0 0 0; vertical-align: middle;} .listSerch>a .date_format, .listSerch>a.date_select_btn input{margin: 8px 0 0 0;} .listSerch>a .calBtn{margin: 6px 0 0 -41px !important;} .listSerch>a+a{margin: 0 0 0 10px !important; vertical-align: sub;} .listSerch span{vertical-align: sub;} .listSerch br{display: none;} .listSerch input[type="checkbox"]+label{margin: 6px 0 0 0;} .listSerch input[type="checkbox"]+label+label{vertical-align: sub;} } @media print{ @page {size: landscape} }