@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); body{font-size:1rem; font-weight:normal; /* font-family: 'Noto Sans KR', sans-serif; */} /*** [2021.05 리뉴얼 :: 페이징] // 영역 .common_pager{text-align:center;} // 공통 .common_pager .pagination{margin-top:40px; border-radius:0;} .pagination .page-link{font-size:16px; color:#1d1d1d;} .pagination > li > a, .pagination > li > span{margin-right:4px; border:1px solid #e6e6e6;} .pagination > li:last-child > a, .pagination > li:last-child > span{margin-right:0; border-radius:0;} // 현재 페이지 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#484e55; border:1px solid #484e55; border-radius:0;} // 처음, 이전 페이지 .pagination > li:first-child > a, .pagination > li:first-child > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .pagination > li:first-child > a:after, .pagination > li:first-child > span:after{content:"\f100"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .pagination > li:nth-child(2) > a, .pagination > li:nth-child(2) > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .pagination > li:nth-child(2) > a:after, .pagination > li:nth-child(2) > span:after{content:"\f104"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} // 다음, 마지막 페이지 .pagination > li:last-child > a, .pagination > li:last-child > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .pagination > li:last-child > a:after, .pagination > li:last-child > span:after{content:"\f101"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .pagination > li:nth-last-child(2) > a, .pagination > li:nth-last-child(2) > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .pagination > li:nth-last-child(2) > a:after, .pagination > li:nth-last-child(2) > span:after{content:"\f105"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} ***/ /*** [2021.05 리뉴얼 :: 페이징] ***/ /*** [2021.05 댓글 리뉴얼] ***/ /* 리뉴얼 재선언 */ .board_comt_wrap .cmt_inp_wrap{padding:0; background:transparent;} /* 영역 */ .comn_cmt_wrap{width:100%; padding:30px 20px 15px; background-color:#f3f3f3; border-top:2px solid #484e55; border-bottom:1px solid #e7e7e7;} .comn_cmt_wrap.reply_form{border:0;} .comn_cmt_wrap.reply_form.active{background-color:inherit;} /* 댓글 입력 */ .cmt_wrir_wrap textarea{display:block; width:100%; height:80px; margin:0 auto; padding:10px; font-size:16px; font-style:normal; font-weight:normal; background-color:#fff; border:1px solid #d1d1d1; outline:0;} .cmt_wrir_wrap textarea::placeholder{color:#bebebe;} /** 댓글 기능 **/ .cmt_func_wrap{margin-top: 0.5rem;} /* 체크박스 영역 */ .cmt_func_wrap .cmt_func_btn_lst{font-size:0;} .cmt_func_wrap .cmt_func_btn_lst > li{display:inline-block; margin-right:10px; font-size:16px; vertical-align:middle;} .cmt_func_wrap .cmt_func_btn_lst > li:after{margin-right:0;} /* 체크박스 */ .cmt_func_btn_lst > li{position:relative;} .cmt_func_btn_lst > li input[type="checkbox"]{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);} .cmt_func_btn_lst > li input[type="checkbox"] + label:before {content:""; position:absolute; top:5px; left:0; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #c7c7c7;} .cmt_func_btn_lst > li input[type="checkbox"] + label {position:relative; display:inline-block; padding-left:1.25rem; cursor: pointer;} .cmt_func_btn_lst > li input[type="checkbox"] + label span{font-size:16px;} /* 선택 시 스타일 */ .cmt_func_btn_lst > li input[type="checkbox"]:checked + label:before{background: #fff;} .cmt_func_btn_lst > li input[type="checkbox"]:checked + label:after{content:"\f00c"; position:absolute; top:2px; left:1px; font-size:14px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antia> divased; font-family: "Font Awesome 5 Pro"; font-weight: 500;} /* 댓글 등록 */ .cmt_save_btn_wrap a{display:block; padding:11px 40px; font-size:0; text-align:center; background-color:#484e55; color:#fff; border:1px solid #484e55;} .cmt_save_btn_wrap a > *{font-size:16px; vertical-align:middle;} .cmt_save_btn_wrap a .img_wrap{display:inline-block; text-indent:-9999px; width:12px; height:12px; background:url('/common/css/images/smartBoard/ico_pen_White_saveCmt.png') no-repeat; background-size:contain;} .cmt_save_btn_wrap a .img_wrap + span{margin-left:10px;} /** 댓글 기능 끝 **/ /* 로그아웃 상태 */ .cmt_log_wrap .cmt_wrir_wrap{width:100%;} .cmt_log_wrap .cmt_wrir_wrap textarea{height:60px;} /*** 등록된 댓글 ***/ /** 영역 **/ .comn_regs_cmt_wrap{padding:1rem 0.5rem 1.25rem; background-color:#fff; border-top:0;} .comn_regs_cmt_wrap .cmt_align_wrap{font-size:0;} .comn_regs_cmt_wrap .cmt_align_wrap > *{display:inline-block; font-size:16px; vertical-align:top;} .cmtWrtiArea #clubAuspcCommentBas, .cmtWrtiArea #comment {background-color: #f5f5f5; margin-left: -1.25rem; margin-right: -1.25rem; padding: 1rem; margin-top: 1rem;} /** 등록된 댓글 **/ /* 프로필 */ .cmt_prfl_wrap{width:80px; vertical-align:top;} .cmt_prfl_wrap .img_wrap{position:relative; display:block; width:80px; height:80px; border-radius:50%; overflow:hidden;} .cmt_prfl_wrap .img_wrap img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /* 사용자 정보 영역 */ .comn_regs_cmt_wrap .cmt_align_wrap .cmt_wrir_wrap{width:calc(100% - 80px); padding-left:12px;} .cmt_wrir_tool_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .comn_regs_cmt_wrap .cmt_align_wrap .cmt_wrir_inner{position:relative;} .cmt_wrir_tool_wrap .cmt_wrir_info_wrap{float:left; margin-top:12px;} .cmt_wrir_tool_wrap .cmt_wrir_func_wrap{position:absolute; top:0; right: 0;} /* 댓글 등록 정보 */ .cmt_wrir_info_lst{list-style:none; margin:0; padding:0; font-size:0;} .cmt_wrir_info_lst > *{display:inline-block; font-size:16px; vertical-align:middle;} .cmt_wrir_info_lst > li{margin-right:5px;} .cmt_wrir_info_lst > li:last-child{margin-right:0;} /* 댓글 */ .cmt_view{margin-bottom:0;} .cmt_wrir_tool_wrap + .cmt_view{margin-top:15px;} /* 사용자 */ .cmt_wrir_info_lst .cmt_wrir_user{display:block;} .cmt_wrir_info_lst .cmt_wrir_user a, .cmt_wrir_info_lst .cmt_wrir_user > span {font-size:1.125rem; color:#333; text-decoration:none; font-weight: 500;} .cmt_wrir_info_lst .cmt_wrir_user a.shuvic_toolbar {padding-left: 1rem; background: url('/common/css/images/common/icon_user_add.png') no-repeat center left;} /* 날짜 */ .cmt_wrir_info_lst .cmt_wrir_date{font-size:16px; color:#b4b4b4;} /* new 뱃지 */ .cmt_wrir_info_lst .cmt_wrir_new span{display:block; width:12px; height:12px; line-height:12px; font-size:10px; text-align:center; background-color:#ff6347; color:#fff; border-radius:50%;} /* 비밀글 */ .cmt_wrir_info_lst .cmt_wrir_scrt{color:#f73e3e;} .reply_wrap_renewal > .card > .card-header {padding: 0.5rem; position: relative;} .reply_wrap_renewal > .card > .card-header > a {display: inline-block; min-width: auto; padding: 0.5rem; position: absolute; top: -0.25rem; right: 0; background-color: transparent; font-size: 1.125rem; border: none; line-height: 1;} /* 댓글 기능 */ .cmt_wrir_func_wrap {position: relative;} .cmt_wrir_func_lst {list-style:none; margin:0; padding:0; border: 1px solid #dcdcdc; position: absolute; top: 2rem; right: -0.5rem; z-index: 1;} .cmt_wrir_func_lst > * {font-size:16px; vertical-align:middle; white-space: nowrap; background-color: #fff;} .cmt_wrir_func_lst li:not(:first-child) {border-top: 1px solid #dcdcdc;} .cmt_wrir_func_lst li a{display:block; text-align:center; color:#505151; padding: 0.5rem 0.75rem; line-height: 1;} .cmt_wrir_func_lst li a > span {display: inline-block; vertical-align:middle; padding: 0.25rem; position: relative; margin-right: 0.5rem;} .cmt_wrir_func_lst li a > span > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;} .cmt_wrir_func_lst li a em + span{margin-left:10px;} .cmt_wrir_func_lst li a > p {display: inline-block; vertical-align: middle; margin-bottom: 0;} .cmt_wrir_func_lst .btn_upd_wrap i{display:inline-block; text-indent:-9999px; width:1rem; height:1rem; background:url('/common/css/images/smartBoard/ico_penDashLine_CapeCod.png') no-repeat; background-size:contain; background-position: center;} .cmt_wrir_func_lst .btn_del_wrap i{display:inline-block; text-indent:-9999px; width:15px; height:15px; background:url('/common/css/images/smartBoard/ico_trash_CapeCod.png') no-repeat; background-size:contain; background-position: center;} .cmt_wrir_func_lst .btn_cncl_wrap i{display:inline-block; text-indent:-9999px; width:15px; height:15px; background:url('/common/css/images/smartBoard/ico_close_SlateGray.png') no-repeat; background-size:contain; background-position: center;} .cmt_func_wrap .btn_cncl_wrap > a, .cmt_func_wrap .cmt_save_btn_wrap > a {display: block; text-align: center; padding: 0.25rem 0;} .cmt_func_wrap .btn_cncl_wrap > a {background-color: #dcdcdc; border: 1px solid #dcdcdc;} .cmt_wrir_func_wrap .cmt_wrir_tool_wrap_btn {font-size: 1.25rem; padding: 0.5rem;} /* 등록된 댓글 내용 */ .cmt_view{margin-top:13px;} /* 등록된 댓글 수정 */ .comn_regs_cmt_wrap .cmt_func_btn_lst{padding-left:0;} #cacText[name="cacText"] {margin-top: 13px;} /* 답글 달기 */ .reply_wrap{margin-top:13px;} .reply_wrap a{display:inline-block; min-width:80px; padding:3px 6px; text-align:center; background-color:#fff; color:#74828d; border:1px solid #c1c1c1;} /* 답글로 등록된 댓글 */ .comn_rply_cmt_wrap{font-size:0;} .comn_rply_cmt_wrap > *{display:inline-block; font-size:16px; vertical-align:top;} .comn_rply_cmt_wrap .rply_wrap{width:5%;} .comn_rply_cmt_wrap .rply_not_wrap{width:95%;} .comn_cmt_nm_reply_form_wrap > ul {padding-left: 0;} .comn_cmt_nm_reply_form_wrap > ul > li {list-style: none;} .chk_pwd_comment_wrap {display: flex; justify-content: between;} .chk_pwd_comment_wrap > input.form-control {font-size: 0.8rem;} .chk_pwd_comment_wrap > a.chk_pwd_comment_btn {min-width: inherit; font-size: 0.9rem; line-height: 30px; border-left: 0;} /* 댓글 하단 info */ .board_comt_info {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; margin-top: 0.5rem;} .board_comt_info a.btn {font-size: 15px;} .comn_rply_cmt_wrap {display: none;} /*** 등록된 댓글 끝 ***/ /*** [2021.05 댓글 리뉴얼 끝] ***/ /*** [비즈배지] ***/ .comn_cmt_wrap .BIZ_badge{width:75px; height:21px; background:url('/common/css/images/smartBoard/biz_init_sm_badge.png') no-repeat center; background-size:contain;} /*** [비즈배지] ***/ /*** [첨부 파일 리스트] ***/ /* 영역 */ .att_file .card-body{padding:0;} .board-file-lst{padding:0.5rem; padding-bottom:0;} .board-file-lst > li:last-child{position:relative; z-index:1; padding-bottom:0.5rem; background-color:#fff;} /* 스크롤이 있을 때*/ .board-file-lst.lst-max-height{position:relative; max-height:200px; overflow-y:auto;} .board-file-lst.lst-max-height:after{content:""; position:sticky; bottom:0; left:0; display:block; width:100%; box-shadow:0 0 20px 5px rgb(0 0 0 / 9%); border-radius:10px;} .board-file-lst.lst-max-height li{padding-right:10px;} .board-file-lst.lst-max-height::-webkit-scrollbar{width:10px;} .board-file-lst.lst-max-height::-webkit-scrollbar-thumb{height:30%; background:#c1c1c1; border-radius:10px;} .board-file-lst.lst-max-height::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px;} /*** [첨부 파일 리스트 끝] ***/