File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
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:var(--primary-color);}
.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:var(--primary-color);border-radius:3px;}
.pop_wrap .area_cont .user_table {table-layout:fixed;width:100%;border-top:2px solid var(--primary-color);}
.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:var(--primary-color);border:1px solid var(--primary-color);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:var(--gray-color);border:1px solid var(--gray-color);border-radius:3px;}
.pop_wrap .area_cont .user_table tbody tr td .button_box button.fill {width:100px;height:25px;color:#fff;border-color:var(--gray-color);background:var(--gray-color);}
.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:var(--gray-color);background:var(--gray-color);}
.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:var(--gray-color);background:var(--gray-color);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:var(--primary-color);border:1px solid var(--primary-color);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:var(--primary-color);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:var(--primary-color);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 tbody tr td .button_box2 {
display: inline-flex;
justify-content: flex-end;
width: auto;
}
.pop_wrap .area_cont .user_table tbody tr td .button_box2 button {
width: 60px;
height: 25px;
font-size: 13px;
text-align: center;
color: var(--gray-color);border: 1px solid var(--gray-color);border-radius: 3px;
}
.pop_wrap .area_cont .user_table_col {table-layout:fixed;width:100%;border-top:2px solid var(--primary-color);}
.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:var(--primary-color);border-color:var(--primary-color);}
.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:var(--primary-color);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:var(--primary-color);}
.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:var(--primary-color);}
.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 var(--primary-color);}
.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:var(--primary-color);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:var(--primary-color);}
.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:var(--primary-color);}
.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:var(--primary-color);border-color:var(--primary-color);}
.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:var(--primary-color);}
.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:var(--primary-color);border-color:var(--primary-color);}
.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;}