@charset "utf-8"; body{font-size:1rem; font-weight:normal;} /* 영역 설정 */ .tpl-area-container #position-center .widget-navigator.widget-style-type1{margin-bottom:0;} /* .tpl-area-container #position-center .col-12 .tpl-widget-body{margin-left:0; margin-right:0;} .tpl-area-container #position-center .col-12 .tpl-widget-body .content-body{padding-left:0; padding-right:0;} */ .width_content{width:100%; margin:20px auto 0; padding-bottom:10rem;} /* 슈빅 툴바 */ .shuvic_toolbar{font-size:14px; font-weight:400;} .shuvic_toolbar i{color:#0c389e;} /* 색상 선언 */ .color_red{color:#ff0000;} /***-- 버튼 -***/ .shuvic_btn{padding:3px 8px; font-size:1rem; font-weight:400; border-radius:6px;} .shuvic_btn:hover{color:#333;} /* 기본 버튼 */ .btn_base{padding:5px 8px; font-size:1rem; font-weight:400; background-color:#fff; border:1px solid #ebebeb;} .btn_base:hover{background-color:#dedede; border-color:#bebebe;} /***-- 버튼 끝-***/ /* 페이징 .common_pager{margin-bottom:2.5rem; text-align:center;} .common_pager ul{display:inline-block; *display:inline; zoom:1; margin:0; padding:0; overflow:hidden; clear:both;} .common_pager ul li{list-style:none; float:left; min-width:55px; margin-left:-1px; text-align:center; z-index:1;} .common_pager ul li a{padding:0 7px; border:1px solid transparent;} .common_pager ul li a:hover{text-decoration:underline;} .common_pager ul li.active a, .common_pager ul li.active a:focus, .common_pager ul li.active a:active{font-weight:bold; background-color:#ebebeb; border-radius:6px;} .common_pager ul li.active a:hover{text-decoration:none;} .common_pager ul li.arrow_pager a:focus{background-color:transparent; border-color:transparent} .common_pager ul li.arrow_pager a:hover{color:#000;} */ /* 하단 검색바*/ .common_search_bar{width:100%; margin:0 auto 2.5rem;} .common_search_bar ul:after{content:""; display:block; clear:both; overflow:hidden;} .common_search_bar > ul{margin:0; padding:0;} .common_search_bar > ul > li{list-style:none; float:left;} .common_search_bar .term, .common_search_bar .cond{width:30%;} .common_search_bar .search_bar{width:40%;} .common_search_bar .search_bar:after{content:""; display:block; clear:both; overflow:hidden;} .common_search_bar .search_bar input{float:left; width:70%; height:34px; padding-left:10px; border:1px solid #ddd;} .common_search_bar .search_bar input:focus{outline-color:#ddd; /* box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1); */} .common_search_bar .search_bar button{float:left; width:30%; padding:5.5px 0; background-color:#f5f5f5; border:1px solid #ddd; border-left:0; outline:0; font-size: 14px !important;} .common_search_bar .chosen-container-single .chosen-single{height:34px; line-height:30px;} .common_search_bar .focus-shadow{box-shadow:3px 3px 10px rgba(0, 0, 0, 0.1);} /* 게시판 사용자 정보 */ .board_user_info{margin:0; padding:0;} .board_user_info > li{list-style:none;} .board_user_info .shuvic_toolbar{font-size:14px; font-weight:400;} .board_user_info .shuvic_toolbar i{color:#0c389e;} .board_user_info .board_save_date, .board_user_info .board_hit, .board_user_info .board_recmd{display:inline-block; font-size:14px; color:#666;} .board_user_info .board_save_date:after, .board_user_info .board_recmd:before{content:"·"; margin:0 2px;} /* 게시판 모드 선택 */ .mode_tab_wrap{margin-bottom:1rem;} .mode_tab_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .mode_tab{float:right;} .mode_tab label{margin-bottom:0;} .mode_tab label, .mode_tab ul, .mode_tab ul li{display:inline-block; color:#666; vertical-align:middle;} .mode_tab label{margin-bottom:0; font-size:14px;} .mode_tab label input, .mode_tab label span{vertical-align:middle;} .mode_tab ul{margin-left:10px;} .mode_tab ul li{width:14px; height:26px; margin:0 3px;} .mode_tab ul li a{display:block;} .mode_tab ul li.mode_thum a{background:url('/common/css/images/smartBoard/mode_thum_off.png') no-repeat center; background-size:contain;} .mode_tab ul li.mode_album a{background:url('/common/css/images/smartBoard/mode_album_off.png') no-repeat center; background-size:contain;} .mode_tab ul li.mode_list a{background:url('/common/css/images/smartBoard/mode_list_off.png') no-repeat center; background-size:contain;} .mode_tab ul li.mode_thum.active a{background:url('/common/css/images/smartBoard/mode_thum_on.png') no-repeat center; background-size:contain;} .mode_tab ul li.mode_album.active a{background:url('/common/css/images/smartBoard/mode_album_on.png') no-repeat center; background-size:contain;} .mode_tab ul li.mode_list.active a{background:url('/common/css/images/smartBoard/mode_list_on.png') no-repeat center; background-size:contain;} .mode_tab ul li span{font-size:0; color:transparent;} /***-- 게시판 게시글 공통 -***/ /* 댓글, new, file */ .cmn_cnt{padding-left:3px; font-size:14px; font-weight:bold !important; color:#f05823;} .ico_new{vertical-align:middle;} .ico_new span{display:block; width:15px; height:15px; margin-left:3px; font-size:10px; text-align:center; vertical-align:middle; background-color:#ff6347; color:#fff; border-radius:100%; font-style:normal;} .ico_flie{color:#989898; vertical-align: middle;} /* 공지사항 */ .tbl_ntc{background-color:#f5f5f5;} .fix_notc{display:inline-block; width:35px; margin:0 auto; text-align:center; font-size:13px; font-weight:bold; background-color:#fff; color:#ff4e59; border:1px solid #ff4e59; border-radius:3px;} /* 카테고리 */ .tbl_cat{width:auto; margin-right:3px; font-size:13px; color:#959595; white-space:nowrap;} /* 비즈홈피 아이콘 */ .biz_hp{} .biz_hp i{color:#3d57a1;} /***-- 게시판 게시글 공통 끝 -***/ /***- 일반게시판 -***/ .board_base_wrap{margin-bottom:2.5rem;} .board_base_wrap .base_table{width:100%; border-top:1px solid #bbb;} .board_base_wrap .base_table tr{border-bottom:1px solid #efefef;} .board_base_wrap .base_table tr th{font-size:13px; text-align:center;} .board_base_wrap .base_table tr th, .board_base_wrap .base_table tr td{padding:0.5rem 0;} .board_base_wrap .base_table td.tbl_num, .board_base_wrap .base_table td.tbl_wrir, .board_base_wrap .base_table td.tbl_dt, .board_base_wrap .base_table td.tbl_recmd, .board_base_wrap .base_table td.tbl_inq{width:60px; font-size:11px; text-align:center; word-break:break-word;} .board_base_wrap .base_table td.tbl_ttl{width:calc(100% - 300px); word-break:break-word;} .board_base_wrap .base_table .tbl_num span{font-size:0; color:transparent;} /* 공지사항 */ .board_base_wrap .base_table .tbl_ntc .fix_notc{display:block;} .board_base_wrap .base_table .tbl_ntc .tbl_base_ttl{font-weight:bold; color:#2d2d2d;} /* 제목 나열 */ .board_base_wrap .base_table td.tbl_ttl{padding-right:5px;} .board_base_wrap .base_table .tbl_inner, .board_base_wrap .base_table .tbl_ttl_info_wrap{font-size:0;} .board_base_wrap .base_table .tbl_inner > *, .board_base_wrap .base_table .tbl_ttl_info_wrap > *{display:inline; font-size:13px; vertical-align:middle;} .board_base_wrap .base_table .tbl_cafe{margin-right:5px; padding:2px 3px; font-size:13px; font-weight:bold; color:#1958eb; background-color:#fff; border:1px solid #1958eb; border-radius:3px;} .board_base_wrap .base_table .tbl_inner .ico_new{display:inline-block; width:15px;} /* 기타 스타일*/ .board_base_wrap .base_table .tbl_base_ttl{font-size:16px; color:#000;} /***- 일반게시판 끝 -***/ /***- 포토게시판 -***/ /* 포토게시판 - 리스트 */ .board_photo_wrap .board_photo_lst_wrap{margin:0; padding:0; overflow:hidden; clear:both;} .board_photo_wrap .board_photo_lst_wrap > li{list-style:none; float:left; width:calc(100% / 4); min-height:290px; margin-bottom:2.5rem; padding:0 0.5rem;} .board_photo_wrap .board_photo_img_wrap{display:block; position:relative; display:block; width:184px; height:184px; margin:0 auto; border:1px solid #ebebeb; overflow:hidden;} .board_photo_wrap .board_photo_img_wrap:hover{border-color:#bebebe;} .board_photo_wrap .board_photo_img_wrap img{position:absolute; top:50%; left:50%; display:block; padding:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .board_photo_wrap .board_photo_txt{width:184px; margin:0 auto; padding-top:0.625rem;} .board_photo_wrap .board_photo_txt dt{display:table;} .board_photo_wrap .board_photo_txt dt a{display:table-cell; font-size:14px; font-weight:bold; vertical-align:middle;} .board_photo_wrap .board_photo_txt dt .board_photo_ttl{color:#000;} .board_photo_wrap .board_photo_txt dt .board_photo_ttl span{display: block; max-height: 18px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .board_photo_wrap .board_photo_txt dt .ico_new, .board_photo_wrap .board_photo_txt dt .ico_flie{display:table-cell;} /* (통합 앨범형) 산하카페 */ .board_photo_wrap .board_photo_lst_wrap > li{position:relative;} .board_photo_wrap .board_photo_lst_wrap .tbl_cafe{position:absolute; top:0; left:0.5rem; z-index:3; padding:3px 8px; font-size:13px; font-weight:bold; color:#1958eb; background-color:#fff; border:1px solid #1958eb; border-radius:3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);} /***- 포토게시판 끝 -***/ /* (통합 썸네일형) 산하카페 */ .board_photo_thum_lst_wrap .tbl_cafe{margin-right:3px; padding:0 3px; font-size:13px; font-weight:bold; color:#1958eb; background-color:#fff; border:1px solid #1958eb; border-radius:3px;} /***- 포토게시판 썸네일형 -***/ /* 포토게시판 썸네일형 - 리스트 */ .board_photo_thum_lst_wrap{margin-bottom:2.5rem; border-top: 1px solid #bbb; padding:0; list-style:none;} .board_photo_thum_lst_wrap > li{border-bottom:1px solid #efefef;} .board_photo_thum_wrap{position:relative; display:table; width:100%;} .board_photo_thum_wrap > div{display:table-cell;} .board_photo_thum_wrap .board_photo_thum_info{width:70%; padding:1rem 0 1rem 0.8rem; vertical-align:top;} .board_photo_thum_wrap .board_photo_thum_img{width:30%; padding:10px 10px 10px 0; vertical-align:middle;} .board_photo_thum_wrap .board_photo_thum_info .ico_new_wrap{display:inline-block; margin-top:-4px; vertical-align:middle;} .board_photo_thum_wrap .board_photo_thum_info dt a{font-weight:bold;} .board_photo_thum_wrap .board_photo_thum_info dd{margin-top:3px;} .board_photo_thum_wrap .board_photo_thum_info .base_con{display: block; max-height: 75px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info{position:absolute; left:0.8rem; bottom:1rem; margin:0; padding:0;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info > li {list-style:none; display:inline-block;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info > li:after{content:"·"; margin:0 2px; font-size:14px; color:#666;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info > li:last-child:after{display:none;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info > li.board_recmd:before{display:none;} .board_photo_thum_wrap .board_photo_thum_info .board_user_info > li.cmn_cnt a{font-size:14px; font-weight:normal; color:#666; text-decoration:underline;} .board_photo_thum_wrap .board_photo_img_wrap{margin-right:0;} /* 공지사항 */ .board_photo_thum_lst_wrap .tbl_ntc .fix_notc{margin-right:3px;} /* 게시판 - 뷰 */ .board_view_wrap{padding:2rem; border:1px solid #ebebeb; border-radius:6px;} .board_view_wrap > dl{margin-bottom:0;} .board_view_wrap .board_article_sbjct{margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid #efefef; clear:both;} .board_view_wrap .board_article_sbjct:after{content:""; display:block; overflow:hidden; clear:both;} .board_view_wrap .board_article_sbjct h4{font-size:1.8rem; word-wrap:break-word;} .board_view_wrap .board_article_sbjct .board_user_info{list-style:none; float:left; margin:0; padding:0;} .board_view_wrap .board_article_sbjct .article_tool{float:right;} .board_view_wrap .board_article_sbjct .article_tool li{display:inline-block;} .board_view_wrap .board_article_sbjct .article_tool > li:after{content: "/"; margin-right: 3px; color: #bbbbbb; font-size: 14px; vertical-align: middle;} .board_view_wrap .board_article_sbjct .article_tool > li:nth-last-child(2):after, .board_view_wrap .board_article_sbjct .article_tool > li:last-child:after{display:none;} .board_view_wrap .board_article_sbjct .article_tool > li:not(.article_tool_more_btn) a{margin-right:6px;} .board_view_wrap .board_article_sbjct .article_tool li a:hover{text-decoration:underline;} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn{position:relative;} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn > a{width:15px; display:block; text-align:center; vertical-align:middle;} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn ul{display:none; position:absolute; top:30px; right:5px; z-index:3; list-style:none; width:90px; margin:0; padding:0; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn ul li, .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn ul li a{display:block;} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn ul li a{padding:3px 0; font-weight:400; text-align:center;} .board_view_wrap .board_article_sbjct .article_tool li.article_tool_more_btn ul li a:hover{background-color:#efefef; text-decoration:none;} /* 영역 여백 */ .board_view_wrap .board_article_cont .Info-body{margin-bottom:2rem; word-wrap:break-word;} /* 이미지 첨부 */ .board_view_wrap .board_article_cont img{max-width:100%;} /* 파일 첨부*/ .file_atch_lst .file_capy{font-size:12px; color:#666;} .file_atch_lst dl{margin-bottom:0;} .file_atch_lst dt{font-weight:500;} .file_atch_lst dt:after{content:""; display:block; overflow:hidden; clear:both;} .file_atch_lst dt em{cursor:pointer;} .file_atch_lst dt em i{margin-right:3px;} .file_atch_lst .file_total_cont{margin-left:3px; font-weight:bold; color:#1958eb;} .file_atch_lst .file_total_save{margin-left:0.625rem; color:#888;} .file_dl_cnt{font-size:11px; font-weight:normal; color:#666; float:right;} .file_dl_cnt span{margin-left:3px;} .file_atch_lst dd{padding-left:1rem;} .file_atch_lst dd ul{list-style:none; margin:0; padding:0;} .file_atch_lst dd li{border-bottom:1px solid #efefef;} .file_atch_lst dd li:last-child{border-bottom:0;} .file_atch_lst dd li a{width:100%; display:block; padding:0.3rem 0;} .file_atch_lst dd li a:after{content:""; display:block; overflow:hidden; clear:both;} .file_atch_lst dd li .file_info_wrap{float:left; display:table; max-width:85%;} .file_atch_lst dd em{display:table-cell; margin-left:3px; white-space:nowrap;} .file_atch_lst dd .file_dl_cnt{float:right; margin-top:5px;} .file_atch_lst dd li a .file_name{display: block; max-height: 24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; word-wrap: break-word; word-break: break-word;} .file_atch_lst dd li a i{margin-right:5px; font-size:14px;} .file_atch_lst dd .file_capy{margin-left:5px;} /***- 댓글 리스트 -***/ .board_comt_wrap{margin-top:-6px; background:#fff; border:1px solid #ebebeb; border-top:1px solid #fff; border-radius:6px; border-top-left-radius:0; border-top-right-radius:0;} .board_view_wrap + .board_comt .board_comt_wrap{padding:1rem 0 0;} /* 댓글 상단 툴*/ .board_comt_tool{margin-bottom:0.625rem; padding:0 2rem 0.625rem 2rem; border-bottom:1px solid #efefef; display: flex; justify-content: flex-start; align-items: center;} .board_comt_tool em{font-style:normal;} .board_comt_tool .board_comt_tool_lst{float:none; margin:0; padding:0;} .board_comt_tool ul li{display:inline-block; margin-right:0.625rem;} .board_comt_tool ul li:last-child{margin-right:0;} .board_comt_tool ul li em span{margin-left:3px;} .board_comt_tool ul li a:hover{text-decoration:none;} .board_comt_tool .board_comt{position:relative; float:right;} .board_comt_tool .board_comt em{margin-left:3px;} .board_comt_tool .board_comt ul{display:none; position:absolute; top:30px; right:5px; z-index:3; width:120px; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);} .board_comt_tool .board_comt ul li{display:block; margin-right:0;} .board_comt_tool .board_comt ul li a{display:block; height:36px; padding:3px 0 3px 10px; font-weight:400;} .board_comt_tool .board_comt ul li a:hover{background-color:#efefef;} .board_comt_tool .board_comt ul li a span{display:inline-block; margin-right:7px; background-position:center;} .board_comt_tool .board_comt ul li a .board_comt_ico_txt{ vertical-align: super;} /* 댓글 하단 info */ .board_comt_info {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; margin-top: 0.5rem;} .comn_rply_cmt_wrap {display: none;} /* 등록된 댓글*/ .board_comt_wrap .board_comt_lst{list-style:none; margin:0; padding:0;} .board_comt_wrap .board_comt_lst > li:after{content:""; display:block; clear:both; overflow:hidden;} .board_comt_wrap .board_comt_lst > li{padding:0.625rem 1rem; border-bottom:1px solid #f2f2f2;} .board_comt_wrap .board_comt_lst > li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} .board_comt_wrap .board_comt_lst .prfl_user_info{float:left;} .board_comt_wrap .board_comt_lst .prfl_info{display:inline-block; width:80px;} .board_comt_wrap .board_comt_lst .prfl_photo_wrap{display:block; width:80px; height:80px; line-height:80px; border-radius:50%; overflow:hidden;} .board_comt_wrap .board_comt_lst .prfl_photo_wrap img{width:100%; display:block;} .board_comt_wrap .board_comt_lst .prfl_user_det_info{display:inline-block; margin-left:10px; padding:20px 0 0 5px; vertical-align:top;} .board_comt_wrap .board_comt_lst .prfl_user_det_info dt{font-weight:normal;} .board_comt_wrap .board_comt_lst .prfl_user_det_info dt a:hover{text-decoration:none;} .board_comt_wrap .board_comt_lst .prfl_user_det_info dd .board_comt_dt{display:inline; font-size:14px; color:#666;} .board_comt_wrap .board_comt_lst .prfl_user_det_info dd .ico_new{display:inline-block;} .board_comt_wrap .board_comt_lst .board_comt_det_tool{float:right;} .board_comt_wrap .board_comt_lst .board_comt_det_tool li{display:inline-block; margin-right:3px; line-height:80px;} .board_comt_wrap .board_comt_lst .board_comt_det_tool li:last-child{margin-right:0;} .board_comt_wrap .board_comt_lst .board_comt_det_tool li a{padding:3px 8px; background-color:#fff; border:1px solid #c8c8c8;} .board_comt_wrap .board_comt_lst .board_comt_det_tool li a:hover{background-color:#f5f5f5; text-decoration:none;} .board_comt_wrap .board_comt_lst .board_comt_cont{padding-top:0.8rem; padding-bottom:0.3rem; clear:both; margin-top: 0;} /* 등록된 댓글 > 내가 쓴 댓글 */ .board_comt_wrap .board_comt_lst .comt_submin_me{background-color:#eff3f7;} /* 등록된 댓글 > 답댓글 */ .board_comt_wrap .board_comt_cont_cont{margin:auto -1rem; } .board_comt_wrap .board_comt_cont_cont > li{padding:0.625rem 1rem 0.625rem 3rem;} /* 등록된 댓글 > 답댓글 수정 */ .board_comt_wrap .board_comt_cont_cont .cmt_inp{margin-left:0;} /* 비밀글 */ .board_comt_wrap .prfl_user_info .fa-lock-alt{color:#f73e3e;} /* 댓글 입력칸 */ .board_comt_wrap .cmt_inp_wrap{background-color:#f5f5f5; padding:1.5rem 0; clear:both;} .board_comt_wrap .cmt_inp{margin:0 1rem; background-color:#fff; } .board_comt_wrap .cmt_inp:after{content:""; display:block; clear:both; overflow:hidden;} .board_comt_wrap .cmt_inp textarea{width:100%; height:80px; padding:0.5rem; border:0; resize:none;} .board_comt_wrap .cmt_inp ul{float:right; margin:0.5rem;} .board_comt_wrap .cmt_inp ul li{display:inline-block; margin-right:5px;} .board_comt_wrap .cmt_inp ul li:last-child{margin-right:0;} .board_comt_wrap .cmt_inp ul .btn_cmt_submit_wrap{margin-left:5px;} .board_comt_wrap .cmt_inp ul .btn_cmt_submit_wrap a{padding:3px 8px; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:5px; text-decoration:none;} .board_comt_wrap .cmt_inp ul .btn_cmt_submit_wrap:hover{background-color:#d6d4d4; color:#040404;} /* 등록 완료한 댓글을 수정할떄 댓글 입력칸 */ .board_comt_wrap .board_comt_lst > li .cmt_inp_wrap{background-color:inherit;} .board_comt_wrap .board_comt_lst > li .cmt_inp_wrap .cmt_inp{border:2px solid #ebebeb; border-radius:5px;} /***- 댓글 리스트 끝 -***/ /* 댓글 안내창 (로그인 후 댓글을 등록 할 수 있습니다.)*/ .board_comt_wrap .cmt_auth_alert{margin-bottom:0; background-color:#f5f5f5; border:1px solid #f5f5f5;} /* 투표하기 */ .board_vote_wrap{margin-top:-6px; padding:1.5rem 0; background:#fff; border:1px solid #ebebeb; border-top:0; border-bottom-left-radius:6px; border-bottom-right-radius:6px;} .board_vote_wrap .board_vote{width:80%; margin:0 auto;} .board_vote_wrap h1{margin-left:3px; margin-bottom:0.8rem; font-size:1.25rem; font-weight:bold;} .board_vote_wrap .board_vote_box{padding:1.25rem 1rem; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:10px;} .board_vote_wrap .vote_mark{font-size:1.25rem; color:#666;} .board_vote_wrap .vote_prog{display:inline-block; min-width:60px; font-size:14px; font-weight:normal; text-align:center; color:#fff; border-radius:10px;} .board_vote_wrap .vote_prog_on{background-color:#ff6347; border:1px solid #fd5334;} .board_vote_wrap .vote_prog_off{background-color:#666; border:1px solid #656565;} .board_vote_wrap .board_vote_box dd{margin:0.5rem 0; font-size:14px; color:#666;} .board_vote_wrap form > div{margin-bottom:0.5rem; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px;} .board_vote_wrap form > div:after{content:""; display:block; clear:both; overflow:hidden;} .board_vote_wrap form > div:last-child{margin-bottom:0;} .board_vote_wrap form > div label{margin-bottom:0;} .board_vote_wrap form > div label, .board_vote_wrap form > div span{float:left;} .board_vote_wrap form > div label{width:85%; min-height:41px; margin-bottom:0; padding:0.5rem; word-break:break-all;} .board_vote_wrap form > div label.active:after{content: "\f058"; margin-left:3px; color:#1958eb; 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: 900;} .board_vote_wrap form > div span{width:15%; padding:0.5rem; text-align:center; background-color:#eee; border-left:1px solid #e5e5e5;} .board_vote_wrap .vote_btn_wrap{text-align:center;} .board_vote_wrap .vote_btn_wrap li{display:inline-block; margin:0 0.5rem;} .board_vote_wrap .vote_btn_wrap li a{display:block; padding: 3px 8px; font-size:0.8rem; background-color: #fff; border: 1px solid #c8c8c8; text-decoration: none;} /* 반응하기 */ .board_pcptn_wrap{margin-top:-6px; margin-bottom:1rem; padding:1.5rem 0; text-align:center; background-color:#fff; border:1px solid #ebebeb ; border-top:0; border-bottom-left-radius:6px; border-bottom-right-radius:6px;} .board_pcptn_wrap hr{width:90%; margin:0 auto;} .board_pcptn_wrap .board_pcptn_emotion{list-style:none; width:100%; margin:0; padding:0 2rem;} .board_pcptn_wrap .board_pcptn_emotion:after{content:""; display:block; clear:both; overflow:hidden;} .board_pcptn_wrap .board_pcptn_emotion li{float:left; width:calc(100% / 8); margin-right:-1px;} .board_pcptn_wrap .board_pcptn_emotion li.active{background-color:#eff3f7;} .board_pcptn_wrap .board_pcptn_emotion li:hover{background-color:#f5f5f5;} .board_pcptn_wrap .board_pcptn_emotion li a{display:block; padding:3rem 0.5rem; width:100%; height:70px;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon1{background:url('/common/css/images/emoticonbox/e_like_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon2{background:url('/common/css/images/emoticonbox/e_congr_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon3{background:url('/common/css/images/emoticonbox/e_sad_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon4{background:url('/common/css/images/emoticonbox/e_yes2_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon5{background:url('/common/css/images/emoticonbox/e_no_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon6{background:url('/common/css/images/emoticonbox/e_Att_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon7{background:url('/common/css/images/emoticonbox/e_nAtt2_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a.boardReIcon8{background:url('/common/css/images/emoticonbox/e_unsettle_on.png') no-repeat center;} .board_pcptn_wrap .board_pcptn_emotion li a span{display:none;} .board_pcptn_wrap .board_pcptn_info{margin-top:0.8rem;} .board_pcptn_wrap .board_pcptn_info a{display:inline-block; margin:0.5rem auto; padding:3px 8px; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:6px; text-decoration:none;} .board_pcptn_wrap .board_pcptn_info a:hover{background-color:#d6d4d4; border-color:#bfbfbf; color:#040404;} .board_pcptn_wrap .board_pcptn_fst{font-size:1.25rem;} /* 반응 전체보기 */ .board_pcptn_wrap .board_pcptn_lst{margin-top:3rem; padding:2rem; padding-bottom:1.95rem; background-color:#f8f8f8;} .board_pcptn_wrap .board_pcptn_lst dt{position:relative; width:100%; margin-bottom:1rem; padding-bottom:0.5rem; text-align:left; border-bottom:1px solid #d6d4d4;} .board_pcptn_wrap .board_pcptn_lst dt span{font-size:1.5rem; font-weight:normal;} .board_pcptn_wrap .board_pcptn_lst dt a{position:absolute; top:2px; right:0; padding:3px 8px; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:5px; text-decoration:none;} .board_pcptn_wrap .board_pcptn_lst dt a:hover{background-color:#fff;} .board_pcptn_wrap .board_pcptn_lst dd ul{list-style:none; width:100%; margin:0; padding:0; text-align:center;} .board_pcptn_wrap .board_pcptn_lst dd ul:after{content:""; display:block; clear:both; overflow:hidden;} .board_pcptn_wrap .board_pcptn_lst dd ul li{width:calc(100% / 6); float:left; margin-bottom:0.5rem; overflow:hidden;} .board_pcptn_wrap .board_pcptn_lst .prfl_info{position:relative; display:inline-block; width:80px;} .board_pcptn_wrap .board_pcptn_lst .prfl_photo_wrap{display:block; width:60px; height:60px; margin:0 auto; line-height:60px; border-radius:50%; overflow:hidden;} .board_pcptn_wrap .board_pcptn_lst .prfl_photo_wrap img{width:100%; display:block;} .board_pcptn_wrap .board_pcptn_lst div[class^="emoIcon"]{position:absolute; bottom:-5px; right:-10px; width:40px; height:37px;} .board_pcptn_wrap .board_pcptn_lst .emoIcon1{background:url('/common/css/images/emoticonbox/e_like_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon2{background:url('/common/css/images/emoticonbox/e_congr_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon3{background:url('/common/css/images/emoticonbox/e_sad_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon4{background:url('/common/css/images/emoticonbox/e_yes2_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon5{background:url('/common/css/images/emoticonbox/e_no_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon6{background:url('/common/css/images/emoticonbox/e_Att_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon7{background:url('/common/css/images/emoticonbox/e_nAtt2_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst .emoIcon8{background:url('/common/css/images/emoticonbox/e_unsettle_on.png') no-repeat top center; background-size:140%;} .board_pcptn_wrap .board_pcptn_lst div[class^="emoIcon"] span{display:none;} .board_pcptn_wrap .board_pcptn_lst .prfl_user_info{width:100%; padding:0 0.3rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 계좌정보 */ .board_bankaccnt_wrap{margin-top:-1px; padding:1.5rem 0; text-align:center; background-color:#fff;} .board_bankaccnt_wrap dl{margin-bottom:0;} .board_bankaccnt_wrap dt{margin-bottom:0.8rem;} .board_bankaccnt_wrap dt i, .board_bankaccnt_wrap dt h1{display:inline-block; font-size:1.5rem;} .board_bankaccnt_wrap dt i{margin-right:3px;} .board_bankaccnt_wrap dd{margin:0 auto; padding:1.5rem 0; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:10px;} .board_bankaccnt_wrap dd ul li{display:inline-block; font-size:1.125rem; vertical-align:middle; line-height:28px;} .board_bankaccnt_wrap dd .board_bankaccnt_user_info{list-style:none; margin:0; padding:0;} .board_bankaccnt_wrap dd .board_bankaccnt_user_info li:after{content:""; display:inline-block; width:1px; height:14px; margin:0 0.8rem; background:#c8c8c8;} .board_bankaccnt_wrap dd .board_bankaccnt_user_info li:last-child:after{display:none;} .board_bankaccnt_wrap dd .board_bankaccnt_user_info .board_bankaccnt_user_bank_nm img{float:left; overflow:hidden;} .board_bankaccnt_wrap .board_bankaccnt_btn{list-style:none; margin-top:0.8rem; margin-bottom:0; padding:0;} .board_bankaccnt_wrap .board_bankaccnt_btn li{margin:0 0.5rem; line-height:inherit;} .board_bankaccnt_wrap .board_bankaccnt_btn li a{display:block; padding: 3px 8px; font-size:0.8rem; background-color: #fff; border: 1px solid #c8c8c8; text-decoration: none;} /* 게시판 뷰 상단 및 하단 목록 - 글쓰기 툴 */ .board_base_tool{margin:0.8rem auto;} .board_base_tool:after{content:""; display:block; clear:both; overflow:hidden;} .board_base_tool ul{float:right; list-style:none; margin:0; padding:0;} .board_base_tool ul li{display:inline-block; margin:0 2px;} .board_base_tool ul li a{display:block; text-decoration:none; cursor: pointer;} .board_base_tool ul.board_left_cont{float:left; list-style:none; margin:0; padding:0;} .board_base_tool ul.board_left_cont li{display:inline-block; margin:0 2px;} .board_base_tool ul.board_left_cont li a{display:block; text-decoration:none; cursor: pointer;} /* [수정] => 요청사항 : 댓글 상단 툴을 사진 첨부 리스트 위로 이동 */ .board_view_wrap{padding-bottom:0;} .board_comt_tool{margin-bottom:0; padding:0; border-bottom:0;} .file_atch_lst{padding:2rem; padding-top:0;} .board_pcptn_wrap{border:0;} .board_pcptn_wrap .board_pcptn_lst{margin-left:-2rem; margin-right:-2rem;} /* 게시판 뷰 상단 툴 > 댓글보기 */ .cont_cmt .img_wrap{top:-10px; right:-10px; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} .cont_cmt .img_wrap span{display:block; margin-top:-1px; margin-left:-2.5px;} /* 한줄 메모 */ .board_comt{margin-top: -6px; padding: 1rem 0 0; background: #fff; border: 1px solid #ebebeb; border-top: 1px solid #fff; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0;} .board_comt em{font-style:normal;} .board_comt .board_comt_wrap{border:0;} /* 간편복사 */ .btn_base.board_shrg_info_btn{color:#333;} /*** [2021.05 리뉴얼 :: 댓글] ***/ /* 리뉴얼 재선언 .board_comt_wrap .cmt_inp_wrap{padding:0; background:transparent;} */ /* 영역 */ .comn_cmt_wrap{padding:15px 20px; background-color:#f3f3f3; border-top:2px solid #484e55; border-bottom:1px solid #e7e7e7;} .cmt_align_wrap{font-size:0;} .cmt_align_wrap > *{display:inline-block; font-size:16px; vertical-align:middle;} .comn_cmt_nm_form_wrap {width: calc(83% - 80px); margin: 0 auto 0 80px;} .comn_cmt_nm_form_wrap > ul {width: 95% !important; margin: auto;} .comn_cmt_nm_reply_form_wrap {width: 83%;} .comn_cmt_nm_reply_form_wrap > dl {width: 97.5%;} .comn_cmt_nm_reply_form_wrap > dl > dt {font-size: 0.8rem; width: 70px;} /* 프로필 */ .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%);} /* 댓글 입력 */ .cmt_wrir_wrap{width:calc(83% - 80px);} .cmt_wrir_wrap textarea{display:block; width:95%; 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_wrir_wrap .cmt_func_btn_lst{margin-top:7px; padding-left:2.5%; font-size:0;} .cmt_wrir_wrap .cmt_func_btn_lst > li{display:inline-block; margin-right:10px; font-size:16px; vertical-align:middle;} .cmt_wrir_wrap .cmt_func_btn_lst > li:last-child{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; margin-bottom:0; padding-left:1.25rem; cursor: pointer;} .cmt_func_btn_lst > li input[type="checkbox"] + label span{font-size:14px;} /* 선택 시 스타일 */ .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_func_wrap{width:17%; vertical-align:top;} .cmt_func_wrap .cmt_func_btn_lst{margin-top:-5px;} /* 댓글 등록 */ .cmt_save_btn_wrap a{display:block; height:80px; line-height:75px; padding:2px 0; 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:70px;} /*** 등록된 댓글 ***/ /** 영역 **/ .comn_regs_cmt_wrap {padding: 0; background-color:#fff; border-top:0;} .comn_regs_cmt_wrap > .okdc_rply_form {padding:1rem 1.25rem 1rem; display: table; width: 100%; table-layout: fixed;} .comn_regs_cmt_wrap > .okdc_rply_form > * {display: table-cell; vertical-align: top;} .comn_regs_cmt_wrap .okdc_rply_form > .rply_wrap {width: 2rem;} .comn_regs_cmt_wrap > .writeBox {background-color: #f5f5f5;} .comn_regs_cmt_wrap > .writeBox .cmt_wrir_wrap {width: 82.5%; padding-right: 0.5rem;} .comn_regs_cmt_wrap > .writeBox .cmt_func_wrap {width: 15%;} .comn_regs_cmt_wrap > .writeBox .reply_wrap .cmt_save_btn_wrap .saveClubAuspcCommentBasBtn {background-color: #484e55; border-color: #484e55; color: #fff;} .comn_regs_cmt_wrap .reply_wrap {display: table; width: 100%; table-layout: fixed; padding: 1rem 1.25rem 1rem 3rem; margin-top: 0;} .comn_regs_cmt_wrap .reply_wrap > * {display: table-cell;} .comn_regs_cmt_wrap .rply_wrap {width: 2rem; vertical-align: top;} .comn_regs_cmt_wrap .rply_wrap .ico-re {margin: 0; width: 1rem; height: 1rem; border-color: #bcbcbc;} .comn_regs_cmt_wrap .comn_cmt_nm_reply_form_wrap {width: 100%;} .comn_regs_cmt_wrap .okdc_scrt_rply_form {padding: 1rem 1.25rem 1rem;} /** 등록된 댓글 **/ /* 영역 */ .comn_regs_cmt_wrap .cmt_wrir_wrap{width:calc(100% - 80px);} .comn_regs_cmt_wrap .cmt_wrir_wrap .cmt_wrir_inner{width:98%; margin-left:2%;} .cmt_wrir_tool_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .cmt_wrir_tool_wrap .cmt_wrir_info_wrap{float:left; margin-top:5px;} .cmt_wrir_tool_wrap .cmt_wrir_func_wrap{float:right;} /* 댓글 등록 정보 */ .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:7px;} /* 사용자 */ .cmt_wrir_info_lst .cmt_wrir_user{margin-right:10px;} .cmt_wrir_info_lst .cmt_wrir_user a{color:#333; text-decoration:none;} .cmt_wrir_info_lst .cmt_wrir_user > * {font-size: 1.125rem; font-weight: 500;} /* 날짜 */ .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;} /* 댓글 기능 */ .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; box-shadow: 1px 1px 2px rgba(0,0,0,0.25);} .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.75rem 1rem; 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 > p{font-size: 1rem; vertical-align:middle; margin-bottom: 0; display: inline-block;} .cmt_wrir_func_lst .btn_upd_wrap i{display:inline-block; text-indent:-9999px; width:15px; height:15px; background:url('/common/css/images/smartBoard/ico_penDashLine_SlateGray.png') no-repeat; background-size:contain;} .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_SlateGray.png') no-repeat; background-size:contain;} .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;} .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 textarea{width:100%;} .comn_regs_cmt_wrap .cmt_func_btn_lst{padding-left:0;} /* 답글 달기 */ .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%;} .rply_wrap .ico-re{display:inline-block; width:12px; height:12px; border-bottom:1px solid #000000; border-left:1px solid #000000; margin-right:10px; margin-top:2px;} /* 2021.07 추가 수정 - 답글에 등록 버튼 레이아웃 설정 */ .comn_regs_cmt_wrap .cmt_wrir_wrap .reply_wrap .rply_wrap{width:5%; display:inline-block; vertical-align:top;} .comn_regs_cmt_wrap .cmt_wrir_wrap .reply_wrap .cmt_wrir_outer{width:95%; display:inline-block;} .comn_regs_cmt_wrap .cmt_wrir_wrap .reply_wrap .cmt_wrir_wrap{width:calc(100% - 17%);} .comn_regs_cmt_wrap .cmt_wrir_wrap .reply_wrap .cmt_wrir_wrap textarea{width:97.5%; margin-top:0; margin-left:0;} .comn_regs_cmt_wrap .cmt_wrir_wrap .reply_wrap .cmt_func_wrap .cmt_save_btn_wrap a{display:block; background-color:#484e55; color:#fff; border:1px solid #484e55;} /*** 등록된 댓글 끝 ***/ /*** [2021.05 리뉴얼 댓글 끝] ***/ /*** [2021.05 리뉴얼 :: 페이징] ***/ /* 영역 */ .common_pager{text-align:center;} /* 공통 */ .common_pager .pagination{margin-top:20px; 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 리뉴얼 :: 페이징] ***/ /*** [비즈배지] ***/ .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;} /*** [비즈배지] ***/ /*** [2022.03 검색바 영역] ***/ /* 영역 */ .common_search_bar{width:80%; margin-bottom:20px;} * + .common_search_bar{margin-top:40px;} .common_search_bar .term, .common_search_bar .cond{width:20%;} .common_search_bar .search_bar{width:60%;} @media screen and (min-width:1425px) { .common_search_bar{width:70%;} } /*** [2022.03 검색바 영역 끝] ***/ /*** [게시판 구독 기능] ***/ /* 구독자명단 버튼 */ .sbscr_persn_lst_txt{font-size:15px; font-weight:500 !important;} #sbscrLstBtn{padding:5.6px 8px; font-size:16px; background-color:#fff !important; color:#000 !important; border:1px solid #ebebeb !important; border-radius:6px;} #sbscrLstBtn:hover, #sbscrLstBtn:focus{background-color:#dedede !important; border-color:#bebebe !important; box-shadow:none;} .saveSbscrBtn{padding:5.6px 8px; font-size:16px; background-color:#f0f8ff !important; color:#000 !important; border:1px solid #9da9b3 !important; border-radius:6px;} .saveSbscrBtn:hover, .saveSbscrBtn:focus{background-color:#f0f8ff !important; color:#000 !important; border:1px solid #9da9b3 !important; box-shadow:none;} .saveSbscrBtn.btn-secondary:not(:disabled):not(.disabled):active:focus, .saveSbscrBtn.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .saveSbscrBtn.btn-secondary.dropdown-toggle{color:#000 !important; box-shodow:none;} .delSbscrBtn{padding:5.6px 8px; font-size:16px; background-color:#f9eeee !important; color:#000 !important; border:1px solid #b39d9d !important; border-radius:6px;} .delSbscrBtn:hover, .delSbscrBtn:focus, .delSbscrBtn:active{background-color:#e3c9c9 !important; color:#000 !important; border:1px solid #b39d9d !important; box-shadow:none;} .delSbscrBtn.btn-secondary:not(:disabled):not(.disabled):active:focus, .delSbscrBtn.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .delSbscrBtn.btn-secondary.dropdown-toggle{color:#000 !important; box-shodow:none;} /*** [게시판 구독 기능 끝] ***/ /*** [첨부 파일 리스트] ***/ /* 영역 */ .file_atch_lst dd ul{margin-right:10px;} .file_atch_lst dd li:last-child{position:relative; z-index:1; background-color:#fff;} /* 스크롤이 있을 때*/ .board-file-lst.lst-max-height{position:relative; margin-right:-10px; 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;} /*** [첨부 파일 리스트 끝] ***/