Code - chominsoo4245/mjon

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* 怨듯�� */ @media print{ @page {size: landscape} } .titType1{font-size: 1.375em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 22px;*/ .titType2{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/ /*.bgTitType1*/ .tType1{font-size: 2.750em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 44px;*/ .tType2{font-size: 1.500em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 24px;*/ .tType3{font-size: 1.188em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 19px;*/ .tType4{font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 18px;*/ .tType5{font-size: 1em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 16px;*/ .tType6{font-size: 0.875em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 14px;*/ .tType7{font-size: 0.813em; font-family: 'Noto Sans KR', sans-serif;}/*font-size: 13px;*/ .cfText{font-size:0.875em;font-weight: 500;}/* �ㅻ��ㅽ�명�대��(鍮④��쇨꼍�� 대�� c_ed4555 �대�� 異�媛�) */ .fwMd{font-weight: 500;} .fwBold{font-weight: 600;} .fwExtBold{font-weight: 700;} .c_222222{color: #222} .c_333333{color: #333} .c_999999{color: #999} .c_b4b4b4{color: #b4b4b4} .c_456ded{color: #456ded} .c_e40000{color: #e40000;} .c_ed4555{color: #ed4555} .bg_888888{background-color: #888 !important;color: #fff !important;} .bg_888888:hover{background-color:#555 !important} .bg_ed4545{background-color: #ed4545 !important;color: #fff !important;} .bg_ed4545:hover{background-color:#e82323 !important;} .bg_456ded{background-color: #456ded !important;color: #fff !important;} .bg_456ded:hover{background-color: #1c4ce7 !important} .center{text-align: center !important;margin: 0 auto;} .left{text-align: left !important;} .right{text-align: right !important;} .block{display: block;width: 100%;} .listType1 li{list-style: url(/pb/img/common/listType1.png);text-align: left;vertical-align: middle;} .listType2 li{list-style: url(/pb/img/common/listType2.png);text-align: left;} .reqArea{position: relative;} .reqArea::after{position: absolute;content: "*";color: #e40000;left: -10px;top: 50%;transform: translateY(-30%);} .btnType{min-width: 70px; height: 45px; background-color: #888; color: #fff; font-size: 16px; border-radius: 5px; margin: 0 2px;} .btnType:last-child{margin: 0 0 0 2px;} .btnType:first-child{margin: 0 2px 0 0;} .btnType.bluefill{background-color: #456ded;} .btnType.bluebor{background-color: #fff; border: 1px solid #456ede; color: #456ede;} .btnType.redfill{background-color: #e40000;} .btnType.redbor{background-color: #fff; border: 1px solid #e40000; color: #e40000;} /* 硫�� 蹂대�� */ .contWrap{width: calc(100% - 240px);background-color: #e7ebf1;position: absolute;top: 70px;left: 240px;padding: 30px 40px;min-height: 986px;} .contWrap:after {content:'';position:absolute;left:-240px;top:0;width:240px;height:100%;background:#343742;} .cont{/* width: 85%; */margin: 30px auto 0 0;} .dashBoard .cont{/* width: 88%; */display: flex;flex-flow: row wrap;;} .box{flex-basis: 31%; height: 300px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;display: inline-block;margin: 0 13.5px 27px 0;} .box:nth-child(3n) {flex-basis:34%;} .boxTitle{width: 100%;background: linear-gradient(to bottom, rgba(248,249,252,1) 0%, rgba(243,244,247,1) 100%);border-bottom: 1px solid #f1f4fa; line-height: 50px;height: 50px;} .boxTitle h3{padding-left: 25px;color: #222;display: inline-block;} .boxTitle input[type="button"]{border: none;background-color: transparent;width: 20px;height: 20px;float: right;background-image: url(/pb/img/common/plusBtn.png);background-repeat: no-repeat;margin: 15px;cursor: pointer;} .boxCont{padding: 25px 20px;text-align: center;margin: 0 auto;width: 100%;} .todayStatus{height: 320px;} .todayStatus .boxCont{padding: 25px 5px;} .todayStatus ul{height: 100%;width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;} .todayStatus ul li{border-right: 1px dashed #e5e5e5;height: 100%;width: calc((100% - 3px)/3);} .todayStatus ul li:last-child{border: none;} .todayStatus .icon{width: 60px;height: 60px;border-radius: 100%;text-align: center;line-height: 75px;margin: 0 auto;margin-bottom: 15px;} .todayStatus ul li:first-child .icon{background-color: #fbf4e4;} .todayStatus ul li:nth-child(2) .icon{background-color: #ffecf5;} .todayStatus ul li:nth-child(3) .icon{background-color: #ebeeff;} /* .todayStatus ul li p:nth-child(2){padding-bottom: 15px;} .todayStatus ul li p:nth-child(3){padding-bottom: 5px;} */ .todayStatus.todayStatus02 ul li:first-child .icon {background-color: #ffecf5;} .todayStatus.todayStatus02 ul li:nth-child(2) .icon {background-color: #ffe8db;} .todayStatus.todayStatus02 ul li:nth-child(3) .icon {background-color: #e2f1f1;} .todayStatus.todayStatus03 ul li .icon {line-height:86px;} .todayStatus.todayStatus03 ul li:first-child .icon {background-color: #ecf3ff;} .todayStatus.todayStatus03 ul li:nth-child(2) .icon {background-color: #e2f1f1;} .todayStatus.todayStatus03 ul li:nth-child(3) .icon {background-color: #ffe7e7;} .dashBoard .todayStatus .boxCont{height: calc(100% - 50px);} .dashBoard .todayStatus02 .boxCont{height: auto;} .dashBoard .todayStatus .small_text{font-size: 0.875em; color: #b6b6b6;} .dashBoard .todayStatus01 .small_text{margin: 0 0 11px 0;} .dashBoard .todayStatus .middle_text{font-size: 1em; color: #222222; font-weight: 400; margin: 0 0 11px 0;} .dashBoard .todayStatus .large_text{font-size: 2.2em; color: #222222; font-weight: 700; margin: 0 0 14px 0;} .dashBoard .todayStatus01 .large_text{font-size: 1.875em;} .dashBoard .todayStatus .total_box_wrap{width: calc(100% - 20px); border: 1px solid #e5e5e5; border-radius: 5px;margin: 15px auto 0 auto; padding: 2.5px 13px; font-size: 0.813em; color: #666; font-weight: 400; flex-wrap: wrap;} .dashBoard .todayStatus .total_box_wrap li{display: inline-block; width: auto; text-align: left; padding: 2.5px 4px 2.5px 0; border: 0; letter-spacing: -0.5px;} .boxCont table{width: 100%;text-align: left;font-size: 1em;color: #555;table-layout: fixed;margin: 0 auto;} .boxCont table.tbType1 tr{border-bottom: 1px solid #e5e5e5;cursor: pointer;} .boxCont table.tbType1 tr td{padding: 16px 2px 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;letter-spacing: -1px;} .boxCont table.tbType1 tr:first-child td{padding-top: 0} .boxCont table.tbType1 tr td:first-child{padding-right: 20px;} .boxCont02 table.tbType1 tbody tr td {padding:9px 2px 8px;font-size:15px;vertical-align:middle;} .boxCont02 table.tbType1 tbody tr:first-child td {padding:0 2px 10px 0;font-size:16px;} .boxCont02 table.tbType1 tbody tr td:first-child {padding-right:10px;font-size:16px;} .boxCont table.tbType2{border-left: 3px solid #e5e5e5;font-size: 0.875em;overflow: visible} .boxCont table.tbType2 tr td{text-align: center;padding: 10px 0;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .boxCont table.tbType2 tr td:first-child{padding-left: 10px;} .chartBox .boxCont{padding:15px;} .chartInfo{float: right;color: #222;} .chartInfo ul li{position: relative;margin-left: 20px;padding-left: 18px;} .chartInfo ul.inline li::after{position: absolute;content: " ";width: 13px;height: 13px;background-color: #aaa;border-radius: 3px;top: 50%;transform: translateY(-50%);left: 0;} .chartInfo ul li:nth-child(1)::after{background-color: #fd3c97;} .chartInfo ul li:nth-child(2)::after{background-color: #6d81f5;} .chartType1 .chartArea{width: 100%;background-color: #fff;height: 200px;margin-top: 20px;overflow: hidden;} .chartType2 .boxCont{padding: 25px 0} .chartType2 .chartArea,.chartType2 .chartInfo{display: inline-block;vertical-align: middle;} .chartType2 .chartArea{margin-left: -9%;} .chartType2 .chartArea canvas{margin-top: 17px;margin-left: 8%;} .chartType2 .chartInfo{width: 50%;margin-top:-25px} .chartType2 .chartInfo ul.inline{background-color: #fff;display: block;height: 30px;margin: 20px 0 15px 0} .chartType2 .chartInfo ul.inline li{padding-left: 18px;border: none;margin-left: 20px;width: 28%;text-align: left;} .chartType2 .chartInfo ul{background-color: #eff2f6;border-radius: 5px;display: block;width: 90%;} .chartType2 .chartInfo ul li{padding: 20px 0;border-bottom: 1px solid #dee1e6;margin-left: 0;width: 80%;text-align: center;margin: 0 auto} .chartType2 .chartInfo ul li:last-child{border: none;} .chartType2 .chartInfo ul li span.tType2{margin-left: 20px;vertical-align: text-bottom;} .chartType2 .chartInfo ul li:nth-child(1)::after{background-color: #6d81f5;} .chartType2 .chartInfo ul li:nth-child(2)::after{background-color: #1ccab8;} .manageCont .boxCont{padding: 20px} .manageCont ul li{width: 48%;height: 100px;border: 1px solid #e5e5e5;box-shadow: 1.5px 2.6px 5px 0 rgba(0,0,0,0.1);border-radius: 8px;margin:0 10px 10px 0;cursor: pointer;} .manageCont ul li:nth-child(2n){margin-right: 0;} .manageCont .iconWrap{float: left;width: 66px;height: 100%;background-color: #f6f6f6;line-height: 120px;border-radius: 5px 0 0 5px;} .manageCont ul li p{text-align: right;padding-right: 15px;} .manageCont ul li p.tType4{margin-top: 22px;margin-bottom: 5px;} .manageCont ul li p.tType7{width: 86%;word-break: keep-all;padding-right: 0;margin: 0 auto;} .box .listType2 li{margin-right: 20px;} .box .listType2 li:first-child{background-image: url(/pb/img/dashBoardImg8.png);background-repeat: no-repeat;list-style: none;padding-left: 25px} .box .tbInfo{display: block;height: 20px;} .box .tbType3{margin-top: 8px;text-align: center;} .box .tbType3 thead tr{background-color: #f6f7f9;border-top: 1px solid #dddee0;border-bottom: 1px solid #dddee0;} .box .tbType3 thead tr th{font-size: 1em;padding: 10px 0;font-weight: 500;color: #000;} .box .tbType3 tbody tr{border-bottom: 1px solid #e5e5e5;} .box .tbType3 tbody tr td{padding: 9px 0;font-size: 0.938em;color: #666;} .box.boxType2{background-color: transparent;box-shadow: none;border-radius: 0;} .box.boxType2 ul{width: 100%;} .box.boxType2 ul li{text-align: center;width: 48.5%;background-color: #fff;height: 145px;margin: 0 15px 10px 0;padding: 20px 10px;word-break: keep-all;border-radius: 8px;border-top: 4px solid #aaa;letter-spacing: -0.3px;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);cursor: pointer;} .box.boxType2 ul li:nth-child(1){border-top: 4px solid #eab74a;} .box.boxType2 ul li:nth-child(2){border-top: 4px solid #f43a92;} .box.boxType2 ul li:nth-child(3){border-top: 4px solid #6d81f5;} .box.boxType2 ul li:nth-child(4){border-top: 4px solid #1db5a4;} .box.boxType2 ul li:nth-child(2n){margin-right: 0;} .box.boxType2 ul li h3{margin: 15px 0 8px 0;font-weight: 500;} .box.surveyCont .boxCont{padding: 15px 20px;font-size: 1em;} .box.surveyCont table{table-layout: fixed;} .box.surveyCont table tr{border-bottom: 1px solid #e5e5e5;} .box.surveyCont table tr td{font-size: 1em;font-weight: 500;color: #555;letter-spacing: -0.5px;word-break: keep-all;vertical-align: middle;padding: 15px 0;} .box.surveyCont table tr td p{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;line-height: 20px;} .box.surveyCont table tr td input[type="button"]{width: 100px;height: 35px;border: none;background-color: #6d81f5;border-radius: 5px;color: #fff;font-weight: 500;cursor: pointer} .box.surveyCont table tr td input[type="button"]:hover{background-color: #5568dc;} .box.surveyCont table tr td input[type="button"]:active{box-shadow: inset 0.5px 1px 3px 0 rgba(0,0,0,0.3)} /* //硫�� 蹂대�� */ /* ��釉��댁� */ .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{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: #456ded;/* border-radius: 0 3px 3px 0;margin-left: -20px; */margin-left:3px;height: 42px;} .listSerch input[type="button"].btnType2{border: 1px solid #456ded; background-color: #fff; color: #456ded;} .listSerch input[type="button"].btnType2:hover{background-color: #f0f4fe;} .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:#1c4ce7;} .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"].readBtn{border:1px solid #456ded;color:#456ded;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 #456ded;text-align: center;width: 100%;table-layout: fixed;} .pageCont .tbType1 thead tr{border-bottom: 2px solid #e6e6e6} .pageCont .tbType1 thead tr th{padding: 15px 0; font-size: 1em;font-weight: 500;color: #555;white-space: nowrap;} .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: #8595b0;} .pageCont .tbType1 tbody tr td input[type="button"].btnType1:hover{background-color: #5d7091} .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 #8595b0;color: #8595b0;} .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;color:#fff;border-radius:3px;} .pageCont .tbType1 tbody tr td button.btnType20{background-color:#456ded;} .pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;} .pageCont .tbType1 tbody tr td button.btnType20:hover{background-color:#2454ef} .pageCont .tbType1 tbody tr td button.btnType20:last-child {color:#8595b0;border:1px solid #8595b0;background:#fff;} .pageCont .tbType1 tbody tr td button.btnType20:last-child:hover{background-color:#f2f4f7} .pageCont .tbType1 tbody tr td button.btnType21{background-color:#456ded;} .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:#2454ef} .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 .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 .tbType2{border-top: 2px solid #456ded;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;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"]{margin-left: 5px;min-width: 90px;padding: 14.5px 20px; font-size: 1.125em;word-break:keep-all;} .pageCont .tbType3{border-top: 2px solid #456ded;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;} .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{margin-top: 10px;height: 45px;} .pageCont .btnWrap input[type="button"]{margin-left: 5px;padding: 14.5px 20px;height: auto;font-weight: 500;font-size: 1em;} .pageCont .btnWrap .btnType1{background-color: #456ded !important; float: right;} .pageCont .btnWrap .btnType1:hover{background-color: #1c4ce7;} .pageCont .btnWrap .btnType2{border: 1px solid #456ded;color: #456ded;} .pageCont .btnWrap .btnType2:hover{background-color: #f2f4f7;} .tbType2 tbody tr td input[type="radio"]+label+label{font-size: 1.125em;font-weight: 400;margin-left: 5px;} .page{margin: 0 auto 20px auto;width: 100%;text-align: center;position: relative;} .page ul{position: absolute;left: 50%;transform: translateX(-50%);} .page ul li{border: 1px solid #e6e6e6;font-size: 0.875em;color: #555;width: 34px;height: 34px;line-height: 33px;margin-left: -1px;cursor: pointer;} .page ul li strong {display:block;width:100%;height:100%;color:#fff;border:1px solid #456ded;background-color:#456dfd} .page ul li:hover{background-color: #456ded;color: #fff;border-color:#456ded;} .page ul li:first-child{margin-left: 0;border-radius: 5px 0 0 5px;} .page ul li:last-child{border-radius: 0 5px 5px 0;} .page ul li:only-child{border-radius: 5px 5px 5px 5px;} .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: #8595b0;} .orgWrap .btnWrap .btnType1:hover{background-color:#5d7091;} .orgWrap .btnWrap .btnType2{background-color: #fff;border: 1px solid #8595b0;color: #8595b0;} .orgWrap .btnWrap .btnType2:hover{background-color:#f2f4f7;} .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: #456ded;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: #8595b0;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;} .galleryListWrap{border-top: 2px solid #456ded;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 #456ded;background-color: #456ded;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%;} /* �댁��湲�/�ㅼ��湲� */ .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: #456ded; 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;} @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 screen and (max-width:1510px) { .boxCont table.tbType2 tr td:first-child{padding-left: 10px;white-space: normal;} } @media screen and (max-width:1400px){ .pageCont .tbType1 thead tr th{white-space: normal;} .ipStatus .contBox:nth-child(1){width: 100%;} .ipStatus .contBox:nth-child(2){width: 100%;} .ipStatus .chartArea{height: auto;} .ipStatus .contBox:nth-child(2) .chartArea img{height:300px;width: auto;} } @media screen and (max-width:1100px){ .downBtn{display:none;} div.contWrap{left: 0;} div.pageCont{width: 100%;} .listSerch input[type="button"]{margin-left: -4%;position: absolute;} .listSerch input[type="text"]{width: 40%;} .pageCont .tbType2 tbody tr td input[type="text"]{width: 93%} .pageCont .tbType2 tbody tr td .imgBox{width: 95%;} .fileWrap{width: 95%;} .fileWrap+.fileInfo{width: 94.5%;} .galleryListWrap ul li{width: 32.4%;} .galleryListWrap ul li:nth-child(3n){margin-right: 0;} .galleryListWrap ul li:nth-child(4n){margin-right: 1.3%;} .galleryListWrap .listCategory{width: 65%;} .galleryListWrap .listCategory li{white-space: nowrap;padding: 7px 5px;text-overflow: ellipsis;} } @media screen and (max-width:1024px){ .orgWrap{width: 100%;display: block;} .orgWrap+.tbWrap{width: 100%} } @media screen and (max-width:916px){ .pageNav{width: 100%;margin-top: 20px;} .pageNav+.pageCont{margin-top: 8px;} .pageCont .tableWrap{overflow-x: scroll;width: 100%;height: 100%;} .pageCont .tableWrap table{width: 200%;table-layout: auto;white-space: nowrap;} .pageCont .tableWrap table thead tr th{padding: 15px 2%;} .pageCont .tableWrap table tbody tr td{padding: 5px 2%;white-space: nowrap;} .pageCont .tbType1 thead tr th{white-space: nowrap;} .pageCont .tbType1 tbody tr td{white-space: nowrap !important;} .pageCont .tbType1 tbody tr td:first-child{white-space: normal !important; overflow: visible; text-overflow:inherit;} .pageCont .tableWrap .tbType1 tbody tr td{text-overflow: inherit;} .pageCont table.tbType2{width: 100%;} .pageCont .tbType2 tbody tr td input[type="text"]{width: 95%} .pageCont .tbType2 tbody tr td .imgBox{width: 98%;} .fileWrap{width: 98%;overflow-x: scroll;} .fileWrap+.fileInfo{width: 98%;} .fileWrap+.fileInfo ul li{width: 45%;} .galleryListWrap ul li{width: 49%;} .galleryListWrap ul li:nth-child(2n){margin-right: 0%;} .galleryListWrap ul li:nth-child(3n){margin-right: 1.3%} .galleryListWrap .listCategory li:nth-child(2n){margin-right: 0;} } @media screen and (max-width:787px){ .titType1{font-size: 1.750em;} .tType5{font-size: 1.375em;} .pageTitle h2{padding: 3px 0 10px 0} .pageNav{margin-top: 20px;width: 100%;} .pageNav+.pageCont{margin-top: 15px;} .listSerch{display: flex;flex-flow: row wrap;justify-content: space-between;} .listSerch select{width: 49%;} .listSerch select{margin-right: 0;} .listSerch input[type="text"]{width: 88.7%;margin-top: 2%;} .listSerch input[type="button"]{position: inherit;margin-top: 2%;margin-left: -50%;height: 62px;width: 97px;font-size: 1.375em;} .listTop{height: 40px;margin-top: 50px;} .listTop.resisterList{margin-top: 0;} .listTop p{margin-top: 10px;letter-spacing: -1px;} .listTop .rightWrap input[type="button"]{width: 60px;height: 60px;} input[type="button"].excelBtn{background-image: url(/pb/img/tExcelIcon.png)} input[type="button"].printBtn{background-image: url(/pb/img/tPrintIcon.png)} .pageCont{margin-bottom: 50px;} .pageCont .tableWrap .tbType1{width: 200%;} .pageCont .tableWrap .tbType1 thead tr th{font-size: 1.250em;letter-spacing: -1px;padding: 15px 8px} .sortBtn{background-image: url(/pb/img/common/tSortImg1.png);width: 17px;height: 16px;} .pageCont .tableWrap .tbType1 tbody tr td{font-size: 1.250em;font-weight: 300;padding: 8px;white-space:nowrap !important;} .pageCont .tbType1 tbody tr td input[type="button"]{height: 40px} .pageCont table.tbType2{width: 100%;table-layout: fixed} .pageCont .tbType2 colgroup{display: none;} .pageCont .tbType2 tbody tr th{width: 35%;font-size: 1.250em;letter-spacing: -1px;} .pageCont .tbType2 tbody tr td{width: 65%;padding: 8px 0 8px 15px;} .pageCont .tbType2 tbody tr td input[type="text"]{width: 80%;} .pageCont .tbType2 tbody tr td select{font-size: 1.250em;} .pageCont .tbType2 tbody tr td ul li{margin: 5px;} .pageCont .tbType2 tbody tr td input[type="text"]{width: 85%} .pageCont .tbType2 tbody tr td .imgBox{width: 93%;} .fileWrap{width: 93%;overflow-x: scroll;} .fileWrap+.fileInfo{width: 80%;} .fileWrap+.fileInfo ul{ float: left;} .pageCont .btnWrap{margin-top: 15px;} .pageCont .btnWrap input[type="button"]{font-size: 1.250em;font-weight: 500;} .orgWrap .btnWrap{height: 65px} .page{margin: 25px auto;padding-bottom: 20px;} .page ul{position: inherit;display: flex;flex-flow: row;justify-content: center;} .page ul li{width: 60px;height: 60px;font-size: 1.250em;line-height: 60px;} .page ul li input[type="button"]{height: 60px} .pageFirst{background-image: url(/pb/img/common/tPageFirst.png)} .page ul li:hover .pageFirst{background-image: url(/pb/img/common/tPageFirstHover.png)} .pageBefore{background-image: url(/pb/img/common/tPageBefore.png)} .page ul li:hover .pageBefore{background-image: url(/pb/img/common/tPageBeforeHover.png)} .pageNext{background-image: url(/pb/img/common/tPageNext.png)} .page ul li:hover .pageNext{background-image: url(/pb/img/common/tPageNextHover.png)} .pageLast{background-image: url(/pb/img/common/tPageLast.png)} .page ul li:hover .pageLast{background-image: url(/pb/img/common/tPageLastHover.png)} } @media screen and (max-width:640px){ div.contWrap{top: 90px;} .listSerch h3{margin-bottom: 10px;} .listSerch select{width: 100%;margin-bottom: 10px;} .listSerch input[type="text"]{width: 88.7%;margin-top: 0;} .listSerch input[type="button"]{position: inherit;margin-top: 0;margin-left: -50%;height: 62px;width: 97px;font-size: 1.375em;} .listTop.resisterList{margin-top: 20px;height: 18px;} .listTop p{width: 25%;margin-top: -20px;line-height: 25px;} .pageCont{padding: 25px 15px;} .pageCont .tableWrap .tbType1{width: 250%;} .listTop p.right{width: 100%;} .pageCont table.tbType2{table-layout: auto;} .galleryListWrap ul li{width: 100%;} .galleryListWrap ul li:nth-child(2n){margin-right: 0%;} .galleryListWrap ul li:nth-child(3n){margin-right: 0} .galleryListWrap .listCategory li:nth-child(2n){margin-right: 0;} } */