Code - 2025_PROJECT/mjgo

input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],select{height:30px;border:1px solid #dbdcdf;vertical-align:middle;color:#555;font-weight:500;padding:0 20px 0 9px;border-radius:3px;box-sizing:border-box;} input[type="text"]:read-only,input[type="number"]:read-only,input[type="tel"]:read-only,input[type="email"]:read-only,input[type="password"]:read-only{background:#f5f5f5;} select{width:100%;padding-right:40px;background-image: url(/pb/img/common/selectIcon.png);background-repeat:no-repeat;background-position:93% center;} .ellipsis_line {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-height:72px;} .pop_wrap {letter-spacing:-0.025em;color:#222;background:#fff;} .pop_wrap .area_cont {overflow:hidden;overflow-x:auto;position:relative;min-width:840px;padding:0 0 40px;} .pop_wrap .area_cont .area_left {width:calc(100% - 225px);min-width:620px;padding:30px 15px 0 20px;box-sizing:border-box;} .pop_wrap .area_cont .area_left .area_top {display:flex;margin:0 0 20px;padding:14px 20px;border:1px solid #d5d5d5;background:#f5f5f5;border-radius:5px;} .pop_wrap .area_cont .area_left .area_top p {font-size:16px;line-height:30px;} .pop_wrap .area_cont .area_left .area_top p span {font-weight:700;color:#456ded;} .pop_wrap .area_cont .area_left .area_top .area_search {display:flex;padding:0 0 0 15px;} .pop_wrap .area_cont .area_left .area_top .area_search select {width:120px;margin:0 5px;} .pop_wrap .area_cont .area_left .area_top .area_search input {width:180px;} .pop_wrap .area_cont .area_left .area_top .area_search button {width:60px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:#456ded;border-radius:3px;} .pop_wrap .area_cont .user_table {table-layout:fixed;width:100%;border-top:2px solid #456ded;} .pop_wrap .area_cont .user_table tbody tr th {padding:7px 0 7px 10px;font-size:14px;line-height:25px;text-align:left;vertical-align:middle;color:#222;border-bottom:1px solid #d5d5d5;background:#f7f7f7;} .pop_wrap .area_cont .user_table tbody tr th button {display:inline-block;height:25px;margin:0 0 0 5px;padding:0 5px;font-size:13px;text-align:center;vertical-align:top;color:#456ded;border:1px solid #456ded;border-radius:3px;} .pop_wrap .area_cont .user_table tbody tr td {padding:5px 10px;font-size:14px;text-align:left;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;} .pop_wrap .area_cont .user_table tbody tr td .button_box {display:flex;margin:8px 0 0;justify-content:space-between;} .pop_wrap .area_cont .user_table tbody tr td .button_box button {width:60px;height:25px;font-size:13px;text-align:center;color:#8595b0;border:1px solid #8595b0;border-radius:3px;} .pop_wrap .area_cont .user_table tbody tr td .button_box button.fill {width:100px;height:25px;color:#fff;border-color:#8595b0;background:#8595b0;} .pop_wrap .area_cont .user_table tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:#8595b0;background:#8595b0;} .pop_wrap .area_cont .user_table_col tbody tr td .button_box button.thinfill {width:60px;height:25px;margin:-6px 0 0;color:#fff;border-color:#8595b0;background:#8595b0;border-radius:3px;} .pop_wrap .area_cont .button_rightbox {margin:10px 0 0;text-align:right;} .pop_wrap .area_cont .button_rightbox button {display:inline-block;height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#456ded;border:1px solid #456ded;background:#fff;border-radius:3px;} .pop_wrap .area_cont .title_box {display:flex;margin:30px 0 7px;justify-content:space-between;} .pop_wrap .area_cont .title_box p {padding:10px 0 0;font-size:16px;font-weight:500;} .pop_wrap .area_cont .title_box button {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#456ded;border-radius:3px;} .pop_wrap .area_cont .title_box .button_box .fillBlue {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#456ded;border-radius:3px;} .pop_wrap .area_cont .title_box .button_box .fillRed {height:32px;padding:0 18px;font-size:15px;line-height:30px;text-align:center;color:#fff;background:#e40000;border-radius:3px;} .pop_wrap .area_cont .user_table_col {table-layout:fixed;width:100%;border-top:2px solid #456ded;} .pop_wrap .area_cont .user_table_col thead tr th {height:30px;font-size:14px;vertical-align:middle;color:#222;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;background:#f7f7f7;} .pop_wrap .area_cont .user_table_col thead tr th:first-child {border-left:0 none;} .pop_wrap .area_cont .user_table_col tbody tr td {padding:10px 5px;font-size:14px;text-align:center;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;word-wrap:break-word;line-height:18px;} .pop_wrap .area_cont .user_table_col tbody tr td:first-child {border-left:0 none;} .pop_wrap .area_cont .user_table_col tbody tr td .state {display:inline-block;height:25px;padding:0 11px;font-size:14px;font-weight:500;line-height:23px;text-align:center;color:#e40000;border:1px solid #e40000;border-radius:25px;box-sizing:border-box;} .pop_wrap .area_cont .user_table_col tbody tr td .state.complete {color:#456ded;border-color:#456ded;} .pop_wrap .area_cont .area_right {position:absolute;right:0;top:0;width:225px;height:100%;padding:30px 15px;background:#eee;box-sizing:border-box;} .pop_wrap .area_cont .area_right .area_top {position:relative;font-size:16px;font-weight:500;color:#222;} .pop_wrap .area_cont .area_right .area_top:before {content:'';display:inline-block;width:5px;height:14px;margin:3px 6px 0 0;vertical-align:top;background:#2453ea;border-radius:5px;} .pop_wrap .area_cont .area_right .search_box {display:flex;margin:13px 0 10px;justify-content:space-between;} .pop_wrap .area_cont .area_right .search_box input {width:calc(100% - 50px);} .pop_wrap .area_cont .area_right .search_box button {width:45px;height:30px;margin:0 0 0 5px;font-size:15px;text-align:center;color:#fff;background:#456ded;border-radius:3px;} .pop_wrap .area_cont .area_right .memo_area {padding:0 10px;border:1px solid #d5d5d5;background:#fff;border-radius:5px;} .pop_wrap .area_cont .area_right .memo_area ul li {position:relative;padding:8px 0 7px;font-size:14px;line-height:19px;color:#555;border-top:1px solid #e5e5e5;} .pop_wrap .area_cont .area_right .memo_area ul li:first-child {border-top:0 none;} .pop_wrap .area_cont .area_right .memo_area ul li span {margin:0 3px 0 0;font-weight:500;color:#456ded;} .pop_wrap .area_cont .area_right .memo_area ul li button {position:absolute;right:0;top:8px;width:19px;height:19px;background:url(/publish/images/popup/pop_memo_deleteicon.png) no-repeat left top;} .popup_mask {position:fixed;left:-9999em;top:-9999em;width:100%;height:100%;background:#000;opacity:0;transition:opacity 0.4s;} .popup_mask.active {left:0;top:0;opacity:0.5;} .layer_popup {position:fixed;left:-9999em;top:-9999em;width:400px;background:#fff;transform:translate(-50%,-50%);opacity:0;transition:opacity 0.4s;} .layer_popup.active {left:50%;top:50%;opacity:1;} .layer_popup .title_box {position:relative;height:40px;padding:0 20px;font-size:18px;font-weight:500;line-height:40px;color:#fff;background:#456ded;} .layer_popup .title_box .close_btn {position:absolute;right:10px;top:0;width:40px;height:40px;background:url(/publish/images/popup/popup_layer_closebtn.png) no-repeat center center;} .layer_popup .layer_content {padding:30px 20px;} .layer_popup .layer_content table {table-layout:fixed;width:100%;border-top:2px solid #456ded;} .layer_popup .layer_content table tbody tr th {padding:11px 0 11px 10px;font-size:14px;text-align:left;vertical-align:top;color:#222;border-bottom:1px solid #d5d5d5;background:#f7f7f7;} .layer_popup .layer_content table tbody tr td {padding:5px 20px 5px 10px;font-size:14px;text-align:left;vertical-align:middle;color:#555;border-bottom:1px solid #d5d5d5;} .layer_popup .layer_content table tbody tr td input[type=text], .layer_popup .layer_content table tbody tr td input[type=tel], .layer_popup .layer_content table tbody tr td input[type=email], .layer_popup .layer_content table tbody tr td input[type=password] {width:100%;} .layer_popup .layer_content table tbody tr td ul {display:flex;margin:5px 0 0;justify-content:space-between;} .layer_popup .layer_content table tbody tr td ul li input[type=radio] {width:16px;height:16px;} .layer_popup .layer_content table tbody tr td ul li input[type=radio] + label {margin:-2px 0 0;padding:0 0 0 7px;font-size:14px;vertical-align:middle;color:#555;} .layer_popup .layer_content table tbody tr td textarea {width:100%;height:90px;margin:10px 0 0;border:1px solid #dbdcdf;vertical-align:middle;color:#555;padding:5px;border-radius:3px;box-sizing:border-box;resize:none;font-family:'Noto Sans KR', sans-serif;font-size:14px;line-height:18px;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block {padding:0px;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad {overflow:hidden;overflow-y:auto;max-height:400px;padding:5px 10px;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad ul {display:block;margin:0;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad ul li {margin:0 0 5px;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad ul li img {vertical-align:top;} .layer_popup .layer_content table tbody tr td.rev_pop_in_block .spamBlockMemoPopLoad .rev_cont {line-height:18px;} .layer_popup .layer_content .button_box {margin:20px 0 0;text-align:center;} .layer_popup .layer_content .button_box button {height:35px;padding:0 20px;font-size:16px;line-height:35px;text-align:center;color:#fff;background:#456ded;border-radius:5px;} .layer_popup .layer_content .fileWrap table thead tr th{background-color: #f7f7f7;font-size: 1.125em;padding: 20px 10px 20px 25px;color: #222;font-weight: 500;text-align:left} .layer_popup .layer_content .fileWrap table tbody tr td{vertical-align: middle;font-size: 1em;font-weight: 400;color: #555;padding: 8px 0 8px 20px;} .layer_popup .layer_content .fileWrap{width:100%;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%} .layer_popup .layer_content .fileWrap.fileAfter{background-image: none;} .layer_popup .layer_content .fileWrap table{width: 100%;text-align: center;} .layer_popup .layer_content .fileWrap table thead tr th{font-size: 14px;height: 40px;padding: 0;vertical-align: middle;text-align:center;} .layer_popup .layer_content .fileWrap table thead tr th:first-child{padding-left: 20px;text-align: left} .layer_popup .layer_content .fileWrap table tbody tr td{height: 40px;padding: 0;text-align:left;font-size:14px;white-space:nowrap;} .layer_popup .layer_content .fileWrap table tbody tr td.file_name{text-align: left;padding-left: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layer_popup .layer_content .fileWrap table tbody tr td.file_name img{margin-right: 5px;vertical-align: middle;} .layer_popup .layer_content .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;} .layer_popup .layer_content .fileWrap .delBtn:hover{background-image: url(/pb/img/common/delBtnHover.png);background-color: #e40000;border: 1px solid #e40000;transition: all 0.5s;} .layer_popup .layer_content .fileWrap+.fileInfo{width: 81%;text-align: right;height: 30px;} .layer_popup .layer_content .fileWrap+.fileInfo ul{float: right;width: 60%;} .layer_popup .layer_content .fileWrap+.fileInfo ul li{width: 50%;} .pop_wrap .area_cont.area_cont2 {padding:10px 20px;} .pop_wrap .area_cont.area_cont2 .area_top {display:flex;margin:0 0 20px;padding:14px 20px;border:1px solid #d5d5d5;background:#f5f5f5;border-radius:5px;} .pop_wrap .area_cont.area_cont2 .area_top p {font-size:16px;line-height:30px;} .pop_wrap .area_cont.area_cont2 .area_top p span {font-weight:700;color:#456ded;} .pop_wrap .area_cont.area_cont2 .title_box {margin-top:15px;} /* 로딩바 */ .loading_layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;} .loading_layer.active {display:block;} .loading_layer:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:0.5;filter:opacity(50);} .loading_layer .loading_container {position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);z-index:1;} .loading_layer .loading_container .bar {position:absolute;left:0;top:0;width:100%;height:100%;border:6px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:60px;box-sizing:border-box;animation:rotate-loading 1.5s linear infinite;} .loading_layer .loading_container .text {font-size:15px;line-height:108px;text-align:center;color:#fff;animation:text-loading 1s ease-in infinite;} .pop_wrap .send_message_wrap .title_box {margin-top:10px;margin-bottom:10px;} .pop_wrap .send_message_wrap .title_box .tab_box {position:relative;display:flex;} .pop_wrap .send_message_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:#456ded;} .pop_wrap .send_message_wrap .title_box .tab_box li button {border:1px solid #d5d5d5;color:#555;background:#fff;border-radius:0 5px 5px 0;} .pop_wrap .send_message_wrap .title_box .tab_box li:first-child button {border-right:0 none;border-radius:5px 0 0 5px;} .pop_wrap .send_message_wrap .title_box .tab_box li.active button {color:#456ded;border-color:#456ded;} .pop_wrap .send_message_wrap .send_message_box {display:none;} .pop_wrap .send_message_wrap .send_message_box.active {display:block;} .pop_wrap .send_message_wrap .send_message_box .title_box {display:block;margin-top:-42px;text-align:right;} /* 카카오톡 발송 내역 */ .pop_wrap .send_kakao_wrap .title_box {margin-top:10px;margin-bottom:10px;} .pop_wrap .send_kakao_wrap .title_box .tab_box {position:relative;display:flex;} .pop_wrap .send_kakao_wrap .title_box .tab_box:after {content:'';position:absolute;left:50%;top:0;width:1px;height:100%;margin-left:-1px;background:#456ded;} .pop_wrap .send_kakao_wrap .title_box .tab_box li button {border:1px solid #d5d5d5;color:#555;background:#fff;border-radius:0 5px 5px 0;} .pop_wrap .send_kakao_wrap .title_box .tab_box li:first-child button {border-right:0 none;border-radius:5px 0 0 5px;} .pop_wrap .send_kakao_wrap .title_box .tab_box li.active button {color:#456ded;border-color:#456ded;} .pop_wrap .send_kakao_wrap .send_kakao_box {display:none;} .pop_wrap .send_kakao_wrap .send_kakao_box.active {display:block;} .pop_wrap .send_kakao_wrap .send_kakao_box .title_box {display:block;margin-top:-42px;text-align:right;}