body { font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; font-family:'Nanum Gothic', 맑은고딕, Malgun gothic; font-weight:300} /* 공통사용 css */ input{outline:0;} input[type=checkbox]{width:20px; height:20px; vertical-align:middle} /* 체크박스사이즈조정 */ .sel-count{padding:.4rem .55rem .65rem .55rem} /* 셀렉트박스 */ .sel-bbs{padding:.25rem;} .form-control, .btn{border-radius:0;} .ui-widget-content a:not(.btn){color:#333;} .badge{font-size:.75rem} .badge-notice{padding:.1rem;} .ver_m{display:none;} .pl-45{padding-left:2.6rem !important} a.moduleNmBtn, a.memberMsgMsg{color:#333;} a.moduleNmBtn:hover, a.memberMsgMsg:hover{text-decoration:underline !important;} /* 20.08.03 추가*/ p{margin-block-start:auto; margin-top:0\0/IE9;} /* 폰트 재설정 */ .ui-widget-content{color:#000000} .USER_CONTENT{font-size:.85rem;} /* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .ui-widget{font-family:'Nanum Gothic', 맑은고딕, Malgun gothic;} */ /* 탭 공통 */ .COMMON_TABS.ui-tabs .ui-tabs-nav li{margin:1px 2px 0px 0} /* 코멘트 공통 */ .comm{color:#237af0; margin-bottom:0; font-size:90%;} /* 팝업 */ .ui-widget-overlay { background:rgba(0, 0, 0, 0.9) !important; } .ui-widget-content{border-radius:6px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{border-top-left-radius:6px; border-top-right-radius:6px;} /* 버튼(확인 )*/ a.btn-memFind{color:#ffffff; background-color:#2643c1; font-size:1.25rem;} /* 버튼(비번찾기에서로그인 )*/ a.btn-memLogin{color:#ffffff; background-color:#5d9a0e; font-size:1.25rem} /* 게시물이 없습니다. 데이터가 없습니다. */ .noResult{color:#a0a0a0; font-size:1rem; text-align:center;} .noResult .badge{border-radius:50%; padding:5px;} .noResultBox{font-size:1rem; text-align:center;} /* TOP 버튼 */ #back_top_wrap{position:fixed;z-index:100;top:0;right:0;width:0;height:0; } #back_top{display: none; position:fixed;bottom:-80px;right:0;width:70px;height:70px;z-index:99;cursor:pointer;-webkit-animation: hide 350ms ease-out forwards 1; animation: hide 350ms ease-out forwards 1;} #back_top_wrap.fixed #back_top{bottom:0px;filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;} #back_top span .btn_off{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;transition:all .5s 1s ease;-webkit-transition:all .5s 1s ease;} #back_top span:hover .btn_off{filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition-delay:.1s;-webkit-transition-delay:.1s;transform:rotate(360deg);-webkit-transform:rotate(360deg);} #back_top span .btn_on{position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;transition:all .5s 1s ease;-webkit-transition:all .5s 1s ease;} #back_top span:hover .btn_on{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;transition-delay:.1s;-webkit-transition-delay:.1s;transform:rotate(360deg);-webkit-transform:rotate(360deg);} /* 비공개 아이콘 */ .info-lock{color:#ffba00} /* 페이징 */ .dspySxnCdBtn{padding:.35rem .5rem} .pagination-sm .page-link{font-size:.75rem} /* 검색 박스 영역 스타일 */ .form-control.form-sm, .date-search .btn{font-size:.85rem; font-family:'Nanum Gothic', 맑은고딕, Malgun gothic;} .date-search{width:80%;} .total_search select, .total_search input{border:1px solid #999; background-color:#ffffff; font-size:1rem; } .total_search .btn{color:#ffffff; background-color:#1472d1; margin:0;} .total_search .resetBtn { background-color: #999;} .total_search ul li{padding:0; vertical-align:middle} /* 통합검색 - 기간*/ .search-term a{display:inline-block; width:8%; border:1px solid #bebebe; text-align:center; margin-right:2.9px; padding:3px 0; background-color:#f5f5f5; color:#333;} .search-term a:nth-child(12){margin-right:0;} .search-term a.all{background-color:#ffffff; color:#333333; font-weight:bold; border:1px solid #333333;} .search-term a:hover{background-color:#ffffff; border:1px solid #b1b1b1;} /* 통합검색 - 검색결과*/ .total_search_result_bar{border-bottom:2px solid #bebebe} .total_search_result_bar h5 span{color:#ff6347; font-weight:700;} .total_search_result_bar a:hover{color:#f4223b !important; text-decoration:underline} .total_search_result{font-size:1rem; } .total_search_result .title a{color:#1472d1; font-weight:700} .total_search_result .search_point{background-color:#f4e822; color:#333333; padding:1px 3px} .total_search_result .obj a{width:100%; height:50px; overflow:hidden; color:#333333} .total_search_result ul{overflow:hidden; border-bottom:1px solid #bebebe} .total_search_result ul li:nth-child(3){color:#555555; font-size:.75rem; padding-bottom:10px;} /* 모임신청하기 */ .clbCreSxnInfo .card > .card-body{min-height: 376px;} .graduate_album{background-color:#f5f5f5; padding:1rem} .graduate_album .row div div{border:1px solid #bebebe; width:100%; height:120px; padding:0; margin-bottom:.25rem; text-align:center; overflow:hidden} .graduate_album .row div div img{max-width:103px;} .graduate_album .row p{text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .graduate_album .row p a{color:#333333} .graduate_album .row p a > i{color:#1c74cc; font-size:.75rem; margin-right:2px} /* 서브 화면 탭 처리 */ .sub_container.nav-tabs{border-bottom:2px solid #555555} .sub_container.nav-tabs .nav-item{margin-bottom:-2px} .sub_container.nav-tabs .nav-link.active{border-color:#555555 #555555 #fff; border-width:2px; font-weight:bold} .sub_container.nav-tabs .nav-link{border:1px solid #bebebe; border-bottom:none; margin-right:2px; min-width:70px; text-align:center;} /* 지역별 회원 광고 , 후원업체 홍보 */ .areamem_map, .areajob_map{text-align:center; padding-top:20px;} .rowlist_result_count > a{padding:0 .75rem;} .rowlist_result_count p{font-size:1rem} .rowlist_result_count p span{color:#ff6347;} /* 지역별 회원보기 */ .areaMemList td img{max-width:80px; vertical-align:top} .detail_areaMemList td img{max-width:200px;} /* 달력 */ .fc-view>table{border-top:2px solid #1c74cc; margin-bottom:2rem; margin-top:1rem; } .fc-view>table th{background-color:#e9ecef; padding:.5rem} .fc-unthemed td.fc-today{background-color:#faeead} .fc-view>table th, .fc-view>table td{font-family:'Nanum Gothic', 맑은고딕, Malgun gothic;} .fc-event{color:#ffffff !important} /* 회원찾기 */ .memQryList input[type=checkbox]{width:20px; height:20px; vertical-align:middle} .memQryList td img{width:110px; vertical-align:top} .detail-member{overflow:hidden; width:100%; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe; margin-bottom:-1px;} .detail-member li{display:inline-block; padding:.5rem .75rem; border-bottom:1px solid #bebebe; box-sizing:border-box} .detail-member li.title{background-color:#f5f5f5; font-weight:800} /* 회원목록 - 가입일,수정일 */ .mem-date{padding:.25rem; font-size:.85rem} .mem-date span{color:#3498cc} /* 테이블 디자인 */ .table, .sub-table{/*font-family:'Nanum Gothic', 맑은고딕, Malgun gothic; font-size:.85rem; letter-spacing:.5px; */} .table th{background-color:#f5f5f5; font-weight:500; vertical-align:middle !important;} .table tr{border-bottom:1px solid #ddd;} .sub-table{border-bottom:1px solid #95b6d8;} .sub-table td{border-top:1px solid #95b6d8;} .sub-table td.title{background-color:#dee7f1; color:#1c74cc; font-weight:800} .table-memList{font-family:'Nanum Gothic', 맑은고딕, Malgun gothic; width:100%; border:1px solid #bebebe; font-size:.85rem; border-top:none} .table .table-memList th, .table .table-memList td{padding:.5rem .85rem !important; border-bottom:1px solid #bebebe;} .bbs-info .wrtiBtn{display: none;} .fee-table{width:100%; font-size:.85rem; } .fee-table th{background-color:#e0d9e9; font-weight:800; padding:.6rem 0; text-align:center; border-bottom:1px solid #bec3d2; color:#382b48} .fee-table td{border-bottom:1px solid #bebebe; padding:.6rem 0; } .fee-amount-wrap{margin-bottom:3px; padding:6px 20px; background-color:#eae0f1;} .fee-amount{font-weight:500; color:#7030a0;} /* 연락처 돕기 */ .comm-memInfoChgList{font-size:1rem} /* 한줄메모 */ .commentList .writeBox textarea{border:1px solid #bebebe; font-family:'Nanum Gothic', 맑은고딕, Malgun gothic; height:80px;} .commentList .comment-option .svg-inline--fa{font-size:1rem; vertical-align:middle} /* .commentList .comment-option .fa-registered{color:#488e14} */ /* .commentList .comment-option .fa-edit{color:#efa133} .commentList .comment-option .fa-trash-alt{color:#666666} .commentList .comment-option .fa-comment{color:#f16a90} .commentList .comment-option .fa-mobile-alt{color:#2f81de} .commentList .comment-option .fa-envelope{color:#333333} .commentList .comment-option .btn:hover{border:1px solid #c8c8c8} */ .commentList .fa-lock{color:#ffc107} .commentList .comment-list{border:1px solid #dbdbdb; border-top:2px solid #1472d1; padding:.75rem; position:relative} .commentList .comment-time{color:#888888; position:absolute; bottom:0rem; right:0rem} .commentList .comment-option button{cursor:pointer;} .commentList .comment-contents{border-top:1px dashed #bebebe; position:relative} .comment-re-list{border-top:1px solid #c8c8c8; background-color:#f5f5f5; padding:1rem; position:relative} /* 20.06.16 댓글이 영역을 벗어나는 문제로 추가 */ .origComment{word-break:break-all;} /* 게시판 공통 */ .bbs .table{margin-bottom:0;} .bbs .table td{font-size:1rem} .bbs .table td .writer{font-size:.85rem;} .bbs .table td.title .catagory{color:#1472d1; font-size:.8rem} .bbs .table td.title a{color:#000000;} .bbs .table td.file .svg-inline--fa{color:#555555} .bbs-list-option{background-color:#f5f5f5; padding:.5rem; border-bottom:2px solid #bebebe} .bbs-list-option .btn-sm{line-height:normal} .bbs .table.bbs-type-list .check{width:5%;} .bbs .table.bbs-type-list .no{width:8%;} .bbs .table.bbs-type-list .file{width:7%;} .bbs .table.bbs-type-list .writer{width:10%;} .bbs .table.bbs-type-list .date{width:10%;} .bbs .table.bbs-type-list .hit{width:8%;} .blindUser{color:#939393} .fa-lock{color:#ffc107;} /*비공개글자물쇠아이콘*/ /* 게시판 말머리 탭 */ .boardListTabs.nav-tabs{border-bottom:1px solid #c0c0c0; font-family:'Nanum Gothic',맑은고딕,Malgun gothic;} .boardListTabs.nav-tabs .nav-link{border-radius:0; padding:.5rem 1.5rem; min-width:50px; background-color:#f4f4f4; border-color:#dbdbdb; border-bottom:0; margin-right:1px; color:#717171;} .boardListTabs.nav-tabs .nav-link.active{border-color:#c0c0c0 #c0c0c0 #fff; border-top:3px solid #f46814; background-color:#fff; margin-top:-1px; font-weight:bold; color:#535353;} .nav .nav-link{border-radius:0; padding:.5rem 1.5rem; min-width:50px; background-color:#f4f4f4; border-color:#dbdbdb; border-bottom:0; margin-right:1px; color:#717171;} .nav .nav-link.active{border-color:#c0c0c0 #c0c0c0 #fff; border-top:3px solid #f46814; background-color:#fff; margin-top:-1px; font-weight:bold; color:#535353;} .nav-tabs{border-color:#c0c0c0;} .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .blogNav .nav-item{width:100%;} .blogNav .nav-item .dropdown-menu{paddding-left:10px;} .blogNav .nav-item .dropdown-menu > a{margin:0 10px;} /* 제목제외 글씨크기 조절 */ .bbs.nomalList td:nth-child(2), .bbs.nomalList td:nth-child(3), .bbs.nomalList td:nth-child(4), .bbs.review td:nth-child(4), .bbs.review td:nth-child(5), .bbs.review td:nth-child(6), .bbs.guestList td:nth-child(2), .bbs.guestList td:nth-child(3), .bbs.guestList td:nth-child(4), .bbs.anonList td:nth-child(2), .bbs.anonList td:nth-child(3), .bbs.pollList td:nth-child(2), .bbs.pollList td:nth-child(3), .bbs.pollList td:nth-child(4), .bbs.totalList td:nth-child(3), .bbs.totalList td:nth-child(4){font-size:.85rem} /* 리뷰형 게시판 보기 */ .bbs.reviewType h5{color:#000000} .bbs.reviewType .review-thumbnail{overflow:hidden; padding:0;} .bbs.reviewType .review-thumbnail-noimg{background-color:#d0e2f2; text-align:center; padding-top:27px; font-size:1rem; color:#a4a4a4} .bbs.reviewType .review-smry{color:#000000; font-size:1rem; height:100px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 4.5em;} .bbs.reviewType .review-writeInfo{font-size:.75rem; color:#666;} .bbs.reviewType .list-group-item{padding:1rem;} .bbs.reviewType .list-group-item:first-child, .bbs.reviewType .list-group-item:last-child{border-radius:0;} /* 게시판 쓰기 */ .bbs-info{padding:2rem 1rem; border:1px solid #ebebeb;} .bbs-info .Info-top { border-bottom:1px solid #bebebe; word-break:nowrap; white-space:nowrap; overflow:hidden; } .bbs-info .Info-top li { display:inline-block; padding-right:.5rem; } .bbs-info .Info-top li:after{content:"|"; padding-left:.5rem; color:#c8c8c8; } .bbs-info .Info-top li:last-child:after{content:""; padding-left:.0rem; color:#c8c8c8; } .bbs-info .Info-top .badge{border:1px solid #bebebe;} .Info-body{/* font-size:1rem; */ min-height:150px; position:relative; margin-bottom:2rem;} /* .Info-body:after{content:''; display:block; width:100%; margin-top:3rem; border:.5px dashed #ccc; position:absolute; bottom:0px; } */ .bbs-info .Info-body img {width:auto; max-width:100%} /* 게시글 컨텐츠에 속한 이미지 사이즈 */ .emoti-response{background-color:#e7edf9; padding:1rem; border-top:1px solid #3e5b93} .emoti-response h5{color:#3e5b93} .emoti-response ul{overflow:hidden; clear:both; margin-top:1rem; margin-bottom:0; padding-left:.5rem} .emoti-response ul li{width:calc(100% / 8); padding:0;} .emoti-response ul .boardReIcon{float:left; width:100%; height:70px; border:1px solid #d0dbf0; margin-left:-1px; position:relative} .boardReIcon1{background:url(/common/css/images/emoticonbox/e_like_on.png) center no-repeat; background-size:60%;} .boardReIcon2{background:url(/common/css/images/emoticonbox/e_congr_on.png) center no-repeat; background-size:60%;} .boardReIcon3{background:url(/common/css/images/emoticonbox/e_sad_on.png) center no-repeat; background-size:60%;} .boardReIcon4{background:url(/common/css/images/emoticonbox/e_yes2_on.png) center no-repeat; background-size:60%;} .boardReIcon5{background:url(/common/css/images/emoticonbox/e_no_on.png) center no-repeat; background-size:60%;} .boardReIcon6{background:url(/common/css/images/emoticonbox/e_Att_on.png) center no-repeat; background-size:60%;} .boardReIcon7{background:url(/common/css/images/emoticonbox/e_nAtt2_on.png) center no-repeat; background-size:60%;} .boardReIcon8{background:url(/common/css/images/emoticonbox/e_unsettle_on.png) center no-repeat; background-size:60%;} .emoti-response ul .boardReIcon:hover{background-color:#ffffff; cursor:pointer} .emoti-response ul .boardReIcon.active{background-color:#ffffff;} .emoti-check{position:absolute; right:.25rem; top:.25rem; color:green; font-size:1rem} #bmannddt{display:inline-block} /* 에디터 스타일 */ #CONTENT_FORM_EDIT { } #CONTENT_FORM_EDIT .COMMON_DIALOG_LAYOUT { width:868px; margin:0px auto; } #CONTENT_FORM_EDIT .COMMON_DIALOG_LAYOUT .note-frame { width:100% !important; } .note-editing-area .note-editable {margin-top:2px; margin-bottom:2px; word-break:break-all;} .note-editing-area{border:1px solid #ededed; } .note-editing-area .note-editable { width:100%; overflow-y:scroll !important } /* 게시판 폼/부 화면 동기화 .note-editing-area .note-editable p, .note-editing-area .note-editable div { font-size:1rem !important; } #boardMtext.Info-body p{font-size:1rem !important;} #boardMtext *{word-break:break-all; } */ .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child { margin:0px 5px 0px 0px; } .note-modal-backdrop { z-index:990; } .note-popover .popover-content .note-dropdown-menu.dropdown-fontname, .note-editor .note-toolbar .note-dropdown-menu.dropdown-fontname { min-width:180px; } /* 공통 - 사진이 표현되는 리스트 */ .media .writer-photo{border:1px solid #cdcdcd} .media .writer-photo img{width:100%; } /* 반응하기 리스트 */ #boardReListWrap .media .writer-photo{overflow:hidden; width:60px; height:60px; margin:0 auto;} .reList_meminfo{font-weight:bold;} .reList_meminfo .card-body{padding-bottom:0;} .reList_meminfo .boardReIcon{width:30px; height:90%; display:inline-block; vertical-align:middle; background-size:100%; background-position:top;} /* //.reList_meminfo .media .writer-photo img{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%;)} */ .reList_meminfo .media a{font-size:14px;} .reList_meminfo .list-inline > li{width:125px; margin-bottom:1.25rem;} .reList_meminfo .shuvic_toolbar{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:none; padding-left:0; text-align:center;} .reList_meminfo .shuvic_toolbar i{margin-right:2px; color:#545454} /* 반응하기 다이얼로그 창 */ .dialog_reList_meminfo .media .writer-photo{overflow:hidden; width:60px; height:60px;} .dialog_reList_meminfo .list-inline-item{padding:10px 10px 30px 10px; position:relative} .dialog_reList_meminfo .reInfo-date{position:absolute; bottom:3px; right:3px; font-size:.7rem} /* 투표 :: 투표하기 각 버튼 삭제되어 width 60 -> 80 */ .poll{background-color:#f7f7f7; border:1px solid #bebebe; padding:1rem} .poll ul li{position:relative; padding:.5rem; display:block; border:1px solid #bebebe; margin-bottom:.25rem} .poll ul li dl dt{width:20%; display:inline-block; font-size:1rem} .poll ul li dl dd:nth-child(2){display:inline-block;width:80%; vertical-align:middle} /* 아이디비번찾기 */ #memInfoFindListTabWrap .ui-tabs-nav li{width:33%} #memInfoFindListTabWrap .ui-tabs-nav li a{width:100%; text-align:center;} .memInfoFindBox{background-color:#f5f5f5; border:1px solid #bebebe; padding:20px; text-align:center; margin-bottom:35px;} .memInfoFindBox input{font-size:1.3rem; height:45px;} .findOption{font-size:18px;} .findOption input[type=radio]{width:20px; height:20px; vertical-align:middle} /* 아이디비번찾기 - 하단 문의건의하기,로그인하기 버튼 */ .links{font-size:.85rem; margin-bottom:30px;} .links .badge{width:113px; padding:10px; letter-spacing:0px;} .links .badge.faq_badge{width:250px; font-size:.85rem} .links .hLine{border:1px solid #2643c1; color:#2643c1} .links .lg{border:1px solid #555555; color:#555555;} .links .hLine:hover{background-color:#2643c1; color:#ffffff; text-decoration:none} .links .lg:hover{background-color:#555555; color:#ffffff; text-decoration:none} /* 아이디비번찾기 - 검색결과 후 */ .result-title{font-size:30px; line-height:1.5} .result-true{color:#2643c1;} .result-false{color:#eb225b} .result-send{color:#000000} .result-comment{font-size:18px;} .result-table{width:100%; text-align:center;} .tb-result{border-top:none; border:1px solid #7badc4;} .tb-result th{background-color:#7badc4; color:#ffffff; border-bottom:none} .tb-result td{border-right:1px solid #7badc4; border-bottom:1px solid #7badc4} .tb-result .btn{font-size:.75rem; letter-spacing:-1px; font-weight:bold} .tb-result td:nth-child(1){font-weight:800;} /* 아이디비번찾기 - 인증 단계 */ .codeBox{padding:10px; text-align:center; position:relative} .codeBox input{font-size:1.3rem; height:45px} .codeTime{position:absolute; right:2rem; top:1.45rem; color:#ff0000; font-weight:900; z-index:999;} .code_confirm{border-bottom:3px solid #000000; margin-bottom:42px;} .codeAgain{font-weight:900; padding-bottom:5px; text-decoration:underline;} .viewPw{font-size:1rem} /* 아이디 비번찾기 - 비번변경 - 인증번호 입력 카운트 .timeLimit{position:absolute;left:55%; top:27%; z-index:999;}*/ /* 포토갤러리 */ /* .photo .card{border:0px !important; width: 25%;} .photo .card:hover{border:1px solid #17a2b8} .photo .card-body{padding:.8rem .5rem 2.5rem .5rem} .photo .photoNotice{position:absolute; top:-1px; left:-1px; color:#ffffff; padding:.25rem .5rem; font-size:.75rem} .photo .card .date{position:absolute; bottom:10px; left:10px;} .photo .card .hit{position:absolute; bottom:10px; right:10px; font-size:.7rem;} */ .photo div.col-3 > div{position:relative;} .photo .photoNotice{position:absolute; top:0; left:0; z-index:1; padding:1px 5px; color:#fff;} .photo .border:hover{border:1px solid #b0b0b0 !important;} .photo .photoBbs-thumnail{width:100%; overflow:hidden} .photo .photoBbs-thumnail .boardInfo{position:relative; display:block; height: 120px; margin:0.25rem 0; overflow:hidden;} .photo .photoBbs-thumnail .boardInfo .img-thumbnail{position:absolute; top:50%; left:50%; padding:0 0.25rem; border:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:-webkit-fill-available; object-fit:cover;} .photo h6{height:40px;} .photo .hit{display:inline-block; width:40%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align: bottom;} /* 내정보변경 */ .inpPhotoWrap .card-body{position:relative} /* .inpPhotoDelBtn{position:absolute; right:.4rem; top:1.25rem} */ /* 2018.12.21 마이페이지 디자인적용 css 작업자 : 이해봉 */ .mypage_hb{border:2px solid #dbdbdb; margin:auto; border-top:2px solid #23416e; margin-top:30px; padding:20px 0; font-family:'Nanum Gothic',맑은고딕,Malgun gothic; height:220px;} .mypage_hb .hi_hb{font-family:'Nanum Gothic',맑은고딕,Malgun gothic; margin-bottom:5px; font-size:17px; font-weight:bold; padding-left:5px;} .mypage_hb .btn4_hb{padding-top:20px; padding-left:25px; border-right:1px solid #cccccc;} .mypage_hb .btn4_hb .img_member_hb{overflow:hidden; width:77px; height:77px;} .mypage_hb .btn4_hb .img_member_hb img{width:100%} .mypage_hb .btn4_hb .btn_info_hb{margin:5px; display:inline-block; padding:5px 0; width:90px; text-decoration:none; color:#000; text-align: center; position:relative; background-color:#f3f3f3; border:1px solid #bdc1cb;} .mypage_hb .btn4_hb .btn_info_hb:hover{background-color:#4d6fbc; color:#fff; border:1px solid #4d6fbc;} .mypage_hb .btn4_hb .btn_info_hb > .badge_unuse{position:absolute; top:-12px; right:-20px; display:none;} .mypage_hb .btn4_hb .btn_info_hb > .badge_using{position:absolute; top:-12px; right:-10px; background-color:#ff6c00; color:#fff;} .mypage_hb .cash_hb{height:85px;} .mypage_hb .cash_hb .img_cash_hb{background:url(/common/css/images/mypage/cash.png) no-repeat; max-width:22%} .mypage_hb .point_hb{height:85px; padding-top:10px;} .mypage_hb .point_hb .img_point_hb{background:url(/common/css/images/mypage/point.png) no-repeat; max-width:22%} .mypage_hb .cashpoint_hb{padding-left:0;} .mypage_hb .cashpoint_hb .cashpoint_p_hb{margin-bottom:5px; font-weight:bold; font-size:18px;} .mypage_hb .cashpoint_hb .cashpoint_p_hb .cashpoint_span_hb{font-weight:bold; font-size:20px; color:#1134a6; padding-left:10px;} .mypage-bbs{margin:0;} .mypage-bbs .card1_hb{padding-left:0; padding-right:8px;} .mypage-bbs .card2_hb{padding-right:0; padding-left:8px;} .mypage-bbs .card{border-top:1px solid #4d6fbc; min-height:213px;} .mypage-bbs .card .card_recent_hb{padding:5px; font-size:17px; line-height:1.5} .mypage-bbs .card .card_recent_hb i.fa-pen , i.fa-comment-dots{color:#4d6fbc; padding:0 10px} .mypage-bbs .write_list_hb{list-style:none; padding-left:0} .mypage-bbs .write_list_hb li{background:url(/common/css/images/mypage/dot.png) no-repeat; background-position:left; margin:0 10px; padding-left:20px;} .mypage-bbs .write_list_hb .write_title_hb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; width:75%; padding-top:5px; color:#000; } .mypage-bbs .write_list_hb .write_date_hb{display:inline-block; float:right; padding-top:5px; color:#676767;} /* 2019.07.01 마이페이지 */ .mypage_section{padding:2rem; border:1px solid #c8c8c8; margin-bottom:2rem} .mypage_section .memQryLst{height:187px;} .mypage-membook{background-color:#ff6347; padding:10px;} /* 마이페이지 > 내 비즈홈피 */ .myBizhome-section{ text-align:center;} .myBizhome-section div{background-color:#458af5; padding:1rem; height:187px; color:#ffffff;} .myBizhome-section div.Disable{background:#4d6fbc url(/common/css/images/mypage/ico_mypage_item_bizHome_wh.png) center 15px no-repeat; background-size:30%; padding-top:80px;} .myBizhome-section .imgBizmain{width:172px; height:120px; overflow:hidden; padding:0;} /* 마이페이지 > 내 비즈홈피 (20.10.06 간격 수정) */ .myBizhome-section .gobizHp{width:200px; margin:0 auto; padding:1rem 0;} .myBizhome-section .imgBizmain{margin:0 auto;} .memBook_myMoim_wrap{padding-left:0.5rem;} /** 2022.01 (추가) 비즈홈피 승인대기 */ .myBizhome-section div.gobizHp_apv_idle{position:relative;} .gobizHp_apv_idle .imgBizmain .apv_idle_txt{position:absolute; top:50%; left:50%; z-index:3; width:100%; font-size:1.5rem; font-weight:bold; color:yellow; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .gobizHp_apv_idle .imgBizmain .apv_idle_txt span{display:block; font-size:1.25rem; font-weight:normal;} .gobizHp_apv_idle_bg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; display:inline-block; text-indent:-9999px; background-color:rgba(0, 0, 0, 0.7) !important;} /* 마이페이지 > 내 모임 리스트 */ .myMoim-list p{font-weight:bold; margin-bottom:.25rem;} .myMoim-list div {border:1px solid #bebebe; overflow-y:auto; height:163px;} .myMoim-list div ul{padding:.5rem} .myMoim-list div ul li{border-bottom:1px solid #dddddd; padding:.5rem; } .myMoim-list div ul li a{color:#000000} .myMoim-list div ul li i{color:#f19d19} .myMoim-list div.noMoim{border:none; background-color:#f5f5f5} /* 마이페이지 > 내활동,내캐쉬 영역 */ .cashArea{background:url(/common/css/images/mypage/cash_02.png) center left no-repeat; padding-left: 6rem; position:} .pointArea{background:url(/common/css/images/mypage/point_02.png) center left 40px no-repeat; padding-left: 8rem;} .cashArea p, .pointArea p{margin-bottom:15px; font-weight:bold; font-size:18px;} .btn_coin_hb{background-color:#fff; color:#000; margin-right:5px; border:1px solid #000; height:25px; padding:3px 10px; font-size:14px; text-decoration:none;} .btn_coin_hb:hover{background-color:#4d6fbc; color:#fff; border:1px solid #4d6fbc; text-decoration:none} .cashpoint_span_hb{font-weight:bold; font-size:20px; color:#1134a6; padding-left:10px;} .mypage_section_cash_info {padding: 2rem 3rem;} .mypage_section_cash_info .d-table {padding-left: 0; margin-bottom: 0;} .mypage_section_cash_info .d-table > * {vertical-align: middle;} /* 마이페이지에서 사진 뿌려지는 영역 > 내가본회원, 인맥관리 */ .mypageViewlist{margin-bottom:4rem} .mypageViewlist .card .card-header{background-color:#ffffff; padding:0; border-bottom:2px solid #bebebe; padding-bottom:1rem;} .mypageViewlist .card .card-header button{padding:0; font-size:1.5rem; color:#000000; font-weight:bold; text-decoration:none;} .mypageViewlist .card .card-header i{position:absolute; right:0; top:10px; color:#5f5f5f} .mypageViewlist .card .card-body{padding:0;} .mypageViewlist .card, .mypageViewlist .noInterest{border:none;} /* //.mypageViewlist .memQryLst.album4>div, .mypageMemnetwork .memQryLst.album50p>div{border:none;} */ .mypageViewlist .card .card-body .more{border:1px solid #606060; color:#606060; font-weight:bold; padding:.25rem 1rem; margin:.5rem 0; font-size:.75rem} .mypageViewlist tr a{word-break: break-all; color:#333;} .mypageViewlist tr a:hover{text-decoration:underline !important;} /* 마이페이지 > 게시글 영역 */ .mypageBbs .col-6{padding:0;} .mypageBbs .col-6 div{background-color:#f4f4f4; border:1px solid #e3e3e3; padding:1rem; height:235px;margin: 5px;;} .mypageBbs .col-6 p{font-weight:bold; font-size:17px; border-bottom:1px solid #bababa; padding-bottom:.5rem; margin-bottom:0;} .mypageBbs .write_list_hb{list-style:none; padding-left:0} .mypageBbs .write_list_hb li{background:url(/common/css/images/mypage/dot.png) no-repeat; background-position:left; margin:0 10px; padding-left:20px; margin:0 5px;} .mypageBbs .write_list_hb .write_title_hb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; width:75%; padding-top:5px; color:#000; } .mypageBbs .write_list_hb .write_date_hb{display:inline-block; float:right; padding-top:5px; color:#676767;} .mypageBbs .write_list_hb .write_title_hb .viewIcon{display:inline-block; width:20px; height:20px; vertical-align:bottom; background-position:top center; background-size:150%} #accoView-totBbs .table{border-top:2px solid #676767;} /**미니홈피 #member_ad_info > .member_ad_info_top {position: relative;} #member_ad_info > .member_ad_info_top > .top_label{ top: 15%;position: absolute; width: 100%;z-index: 4} #member_ad_info > .member_ad_info_top > .bg_img_shahow{ top: 0;left:0;position: absolute; width: 100%;height: 100%;z-index: 3;} #member_ad_info > .member_ad_info_intro { background-color: #212121;min-height: 200px;border-top: 5px solid #080808; position: relative;} #member_ad_info > .member_ad_info_intro > .ad_img_wrap{ position: absolute;top: -75px;width: 100%;z-index: 5} #member_ad_info > .member_ad_info_intro > .ad_img_wrap > .ad_img_inner_wrap{ position: relative;display: block;width: 150px;height: 150px;margin: 0 auto;overflow: hidden;border-radius: 75px;box-shadow: 0px 0px 50px #212121;} #member_ad_info > .member_ad_info_intro > .ad_img_wrap > .ad_img_inner_wrap img{ width: 150px;height: 150px} #member_ad_info > .member_ad_info_intro > .ad_send_btn{ color: #FFF;border: 3px solid #080808;display: inline-block;padding: 20px; border-radius: 50%;} #member_ad_info > .member_ad_info_intro > .adtel{ position: absolute; left:10px;top:25%;} #member_ad_info > .member_ad_info_intro > .ademail{ position: absolute; right:10px; top:25%;} #member_ad_info > .member_ad_info_intro > h4{ color:#FFF;display: block;text-align: center;margin-top: 120px;} #member_ad_info > .member_ad_info_intro > .ad_intro{ color:#FFF;text-align: center; padding-bottom: 10px;} #member_ad_info > .member_ad_info_map_keyword{background: #0e3749;min-height: 150px;} #member_ad_info > .member_ad_info_map_keyword.memship{background: #862a5d;} #member_ad_info > .member_ad_info_map_keyword H3{color: #FFF; text-align: center;padding: 10px 0;margin: 0px;} #member_ad_info > .member_ad_info_map_keyword hr{color: #FFF; border-top: 1px solid #FFF; width: 98%; margin: 0 auto;} #member_ad_info > .member_ad_info_map_keyword .member_ad_keyword{color: #FFF;text-align: center;padding-top: 10px;} #member_ad_info > .member_ad_info_map_keyword .list-unstyled{color: #FFF;padding: 10px 0; padding-left: 10%;margin: 0px;} #member_ad_info > .member_ad_info_map_keyword .list-unstyled >li > i{width: 25px;text-align: center;} #member_ad_info > .member_ad_info_map_wrap{ } #member_ad_info > .member_ad_info_map_wrap > .googleMap{ position: relative;z-index: 6} #member_ad_info > .member_ad_info_top > .top_label > h1,#member_ad_info > .member_ad_info_top > .top_label > h2{text-align: center;color:#FFF;font-weight: bold;font-size: 40px; word-break: normal;white-space: pre-wrap;} */ #member_ad_info > .member_ad_info_top {max-height:450px; z-index:1;} /* 머릿돌 사용자화면*/ /* 머릿돌 입력 폼*/ .capstoneBox{width:100%; vertical-align:top} .capstone{background:url('/common/css/images/common/bg_capstone2.png') no-repeat top; background-size:cover; width:700px; min-height:618px; margin:0 auto; padding-top:165px; padding-bottom:30px;} /* //.capstone div{font-family:"궁서"; resize: none; overflow:hidden; color:#000000} */ .capstone .txt-box{margin:0px 30px 0px 30px; font-size:2rem; width:640px; min-height:420px; background-color:rgba(0,0,0,.2); padding:1rem; font-family:Gungsuh, "궁서"; } .capstone .date-box{text-align:center; font-size:120%; margin:40px 40px 0px 40px;} .capstone .owner-box{text-align:center;font-size:150%; margin:5px 40px 0px 40px; font-weight:bold} .sponsor-stage{margin:0; padding:0;} .sponsor-stage div{display:block; border:1px solid #cdcdcd; width:650px; margin:0 auto 5px;} .sponsor-stage div p{display:block; padding:20px; text-align:center; margin-bottom:0;} /* faq 박스 */ .faq a{font-size:1rem} .faq .card{margin-top:-1px; display:block; border-radius:0;} .faq .card-header{padding:1rem; border-bottom:none;} .faq .card-body{font-size:1rem; padding:1rem; line-height:180%;} .faq .card-body ol{padding-left:23px; list-style:disc} .faq .card-body ol li{margin-bottom:.5rem} .faq .faq-title a .faq-cata{color:#7f27ec; margin-right:7px; font-weight:bold} .faq .catagory{font-size:.85rem} .faq .keyword-point{background-color:#e9f11a; font-weight:bold; padding:3px;} .faq-search{width:100%; border:3px solid #c8c8c8; padding:1rem 2rem; margin-bottom:3rem} .faq_tabmenu{position:relative; margin:0rem 0 3rem 0; padding:0; display:table; width:100%; border-bottom:1px solid #ddd;} .faq_tabmenu li{display:inline-block; width:calc(100% / 4); text-align:center;} .faq_tabmenu li:nth-child(4), .faq_tabmenu li:nth-child(8), .faq_tabmenu li:last-child{border-right:1px solid #ddd;} .faq_tabmenu li a{padding:10px 0; width:100%; display:block; color:#333; border:1px solid #ddd; border-right:0; border-bottom:0;} .faq_tabmenu li a.active{font-weight:600; background-color:#1472d1; color:#fff;} .total_search #srchBtn{background-color:#999} .total_search #reSrchBtn{background-color:#666} .faq_tabmenu li a:not(.active):hover{background-color:rgba(0,0,0,0.1);} .contact_icon{display:inline-block; width:23px; height:23px;border-radius:3rem; line-height:23px; text-align:center; margin-left:.15rem; font-size:.8rem} .contact_icon i{color:#fff !important;} .contact_privacy, .contact_link{ background-color:#ffc107; } .contact_user{ background-color:#45598d; } .contact_device_android{background-color:#5da557} .contact_device_ios{background-color:#a3afb5} .contact_device_pc{background-color:#80b5ce} .search-keyword{color:#aa36bb; text-align:center} .search-keyword span{font-weight:bold; float:left; margin-right:20px; margin-left:10px;} .search-keyword ul li{display:inline-block} .search-keyword ul li a{color:#333} .search-keyword ul li:after{content:"|"; color:#bebebe; padding:0 10px;} .search-keyword ul li:first-child:after{content:"";} .search-keyword ul li:last-child:after{content:"";} #faqGuide .ui-widget-header{border-color:#344955} #faqGuide .ui-tabs-nav{} #faqGuide .ui-tabs-nav li{width:50%; margin:0;} /*#faqGuide .ui-tabs-nav li:nth-child(2){margin:0 4px;}*/ #faqGuide .ui-tabs-nav li.ui-tabs-active{border-top:4px solid #60a1d8; margin-top:-2px; background-color:#344955;} #faqGuide .ui-tabs-nav li a{text-align:center; width:100%} .faq .faq-title:after{color:#96979c;} .faq .faq-title[aria-expanded="false"]:after {display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; content: "\f067"; font-weight: 900; transition: all linear 0.25s; float:right;} .faq .faq-title[aria-expanded="true"]:after {display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; content: "\f068"; font-weight: 900; transition: all linear 0.25s; float:right;} .faq .card-header:hover{background-color:#ebf0f3} .faq .faqUser{border:1px solid #efac38; padding:10px 15px; border-radius:30px; width:20%; text-align:center; margin:0 auto 1rem; font-weight:bold;} /* faq */ .btn-faq{border-radius:20px; font-weight:bold; padding:.375rem 1rem; font-size:.85rem;} /* 글작성시 faq */ .faq_v_pc{padding:.5em .65em; font-size:.75rem} .boardFormBox{position:relative;} /* //.boardFormBox .faq_v_pc{position:absolute; right:300px; top:-41px; } */ /* Q & A 컬러 선언 19.01.16 작성자 :이해봉*/ .f-mem{color:#7f27ec;} .f-sanha{color:#239c95 !important;} .f-etc{color:#777777 !important;} .f-money{color:#9c5f23 !important;} .f-home{color:#1a53d9 !important;} .f-info{color:#d42eed !important;} .f-log{color:#9c2354 !important;} .f-brd{color:#459c23 !important;} .f-useLaw{color:#5E610B !important;} .f-bssGud{color:#DF7401 !important;} .f-err{color:#DF013A !important;} .f-inet{color:#29088A !important;} /*2019 01.15 작성자 : 이해봉*/ /* 커스텀 컬러 선언 */ .custom-back-color{background-color:#4d6fbc;} .custom-line-color{border:1px solid #979797;} .custom-text-color{color:#4d6fbc;} .custom-back-color2{background-color:#15aba6;} .custom-text-color2{color:#15aba6; font-weight:800;} /* 내 정보 변경 */ .gd_info_chn{width:100%; height:260px; border:1px solid #bebebe;} .gd_info_chn > .gd_brdtp{height:2px; margin-top:-1px;} .gd_info_chn > div > .gd_use_con{background-color:#f7f7f7; height:90px; padding:15px; font-size:17px; text-align:center;} .gd_radius{color:#fff; font-size:25px; padding:15px; border-radius:30px; width:60px; height:60px; text-align:center;} .gd_change{background-color:#f7f7f7; color:#000; padding:5px; border:1px solid #dddddd;} .pt_chn{font-size:19px; font-weight:bold;} .gd_info_chn .row p{font-size:16px; letter-spacing:-1px;} /* -------------------------------------------------------------------------------------- ie 9 버전 바로잡기 작성자 : 이해봉 ---------------------------------------------------------------------------------------*/ .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{float:left\0/IE8+9;} /* ie 9 버전 바로잡기 */ .quick-search .row .col-7, .find-id .row .col-7, .find-pw .row .col-7 {margin:0 auto\0/IE9;} .links div{padding:0 8px\0/IE8+9;} /* 내 정보 변경 */ .gd_info_chn:first-child{display:inline-block\0/IE9;} .gd_info_chn:nth-last-child(1){float:right\0/IE9;} .gd_info_chn:nth-last-child(1) > div > .gd_use_con > p{padding-top:15px\0/IE9;} #memberLoginForm > div > div > .gd_input2 > div{vertical-align:top\0/IE9;} #memberLoginForm > div > div > .gd_input2 > div > .log_ftaw2{height:40px\0/IE9;} #sessExprtExtnForm #memberLoginMpass{width: 190px;} /* 톡 설치 팝업 */ .okTalkInfo .download_appstore2 {position: absolute; bottom: 67px; right:0px; width:75%;} .okTalkInfo .download_appstore2 div{display:inline-block; width:49%;} .okTalkInfo .download_appstore2 div a{display:block; text-align:center;} .okTalkInfo .download_appstore2 div a img:hover{box-shadow: 4px 5px 7px rgba(0, 0, 0, 0.5); border-radius:13px;} /* -------------------------------------------------------------------------------------- ie 9 버전 바로잡기 끝 ---------------------------------------------------------------------------------------*/ /* bx-slide 버전 css */ .SLIDE_TYPE2 .bx-wrapper{position:relative; max-height:300px; overflow:hidden;} .SLIDE_TYPE2 .bx-wrapper img{width:1000px; min-height:300px; } .SLIDE_TYPE2 .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{position:absolute; bottom:20px; width:100%} /* 관리용사이트 */ .closeMain_admincenter { position:relative; margin-top:120px; margin-left:calc(50% - 286px); width:573px; height:422px; } .closeMain_admincenter .go_adminCenter{position:absolute; bottom:70px; right:70px; background:url("/common/css/images/common/btn_closeMain_admincenter.png") no-repeat; width:271px; height:60px;} .closeMain_admincenter .go_adminCenter:hover{bottom:68px; right:68px;} .m-fileupload, .m-fileupload:hover, .m-fileupload:active, .m-fileupload:visited, .m-fileupload:focus{background-color:#ee477e; color:#ffffff; border:1px solid #ee477e} /*아이디/패스워드가 기억안나는경우*/ .mb_find-id{display:none;} /* -------------------------------------------------------------------------------------- 임원진 ---------------------------------------------------------------------------------------*/ /* 공통 */ .memLstDetAlbumList{padding:.5rem 1rem} .memLstDetAlbumList .row{margin:0} .memLstDetAlbumList label, .memLstDetAlbumList dl, .memLstDetAlbumList ul{margin:0; padding:0;} .memLstDetAlbumList ul li{margin:0 0 5rem 0; padding:0} /* 탭 */ .WIDGET_TAB_MENU_LIST >.nav{margin-top:1rem; background-color:#f5f5f5;} .WIDGET_TAB_MENU_LIST >.nav > a{border-radius:0; color:#717171; font-size: 1rem; background-color:#f5f5f5; padding:1rem; border:none;} .WIDGET_TAB_MENU_LIST >.nav > a.active{font-weight:600; color:#535353; background-color:#ffffff; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-top:4px solid #136cb7; margin-bottom:-2px; } /* 임원진 - 헤더 */ .memQryLstWrap{clear:both;} .memLstDetAlbumList .ttl_type_cd_0001{border: 1px solid #997252 ; } .memLstDetAlbumList .ttl_type_cd_0001 >.row{margin: 0px;} .memLstDetAlbumList .ttl_type_cd_0001 >.row >.header-ttl{background-color: #997252;padding: 10px;text-align: center;color: #FFF;font-size: 1.5rem; word-break:keep-all;} .memLstDetAlbumList .ttl_type_cd_0001 >.row >.header-list{background-color: #FFF;padding: 10px;} .memLstDetAlbumList .ttl_type_cd_0001 >.row >.header-list ul li{list-style: square ; display: inline-block; margin:0;} .memLstDetAlbumList .ttl_type_cd_0001 >.row >.header-list li span{font-weight: bold;padding: 0 5px} /* 임원진 - 타이틀 */ .memLstDetAlbumList .mem_ttl_wrap, .memLstDetGridLineList .mem_ttl_wrap{text-align: center;} .memLstDetAlbumList h4, .memLstDetGridLineList h4{border-radius:50px; padding:.5rem 1rem; border:2px solid #997252; min-width:20%; margin:1rem auto 1rem; text-align:center; font-size:1.15rem; font-weight:600; color:#715136; display: inline-block; } .memLstDetAlbumList h5, .memLstDetGridLineList h5{margin-top:0rem; margin-bottom:1rem; font-weight:600} .memLstDetAlbumList h5 span, .memLstDetGridLineList h5 span{width:18px; height:18px; display:inline-block; margin-right:.5rem; background:#997252 url(/common/css/images/buss/bl_subtitle.png)no-repeat; } .memLstDetAlbumList h6, .memLstDetGridLineList h6{font-weight:bold; padding-left:27px;} /* 임원진 - 앨범형 */ .memQryLst { } .memQryLst > div{ border:1px solid #bebebe; border-collapse:collapse; margin:0px; padding:1.25rem 1rem; position:relative; margin-right:-1px; margin-top:-1px;} /* 임원진 - 앨범형 - 100% */ .memQryLst.album100p .row{border:1px solid #bebebe; } .memQryLst.album100p .col-3{ padding:0} .memQryLst.album100p .row > div{padding:1.25rem} .memQryLst.album100p .row div.memInfo-section{margin-top:1.25rem;} .memQryLst.album100p dt{width:20%; display:inline-block;padding:7px 0px;background:url("/common/css/images/buss/bg_memQryLst_dt.jpg") 0 0 no-repeat;} .memQryLst.album100p dd{width:80%; display:inline-block; padding:5px 10px;} /* 임원진 - 앨범형 - 50% */ .memQryLst.album50p .row > div{padding:0} .memQryLst.album50p dt{background:url("/common/css/images/buss/bg_memQryLst_dt.jpg") 0 0 no-repeat; padding-top:7px;} .memQryLst.album50p dd{padding:3px 0 5px} .memQryLst.album50p .memInfo-section{margin-left:1rem; } /* 임원진 - 사진영역 */ .memQryLst .memQryImage{width:135px; height:180px; overflow:hidden; background-color:#e4e5e7; margin:0 auto; display:block;} .memQryLst .card_form_mem_lst_img_wrap {vertical-align: middle;} .memQryLst .card_form_mem_lst_img_wrap .memQryImage {width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 50%; overflow: hidden; background-position: center !important;box-shadow: 0 0 10px #bfbfbf;} /* 명함형(사각형) */ .memQryLst .card_form_mem_lst_img_wrap.non_style .memQryImage {height: 0; padding-bottom: 135%; border-radius: 0; box-shadow: none;} /* 앨범형 비율 수정 */ .memer_grid_lst_list_wrap .memLstDetGridList .memQryLst .memQryImage {padding-bottom: 135%; height: 0; width: 100%;} .memQryLst .memQryImage img{object-fit: cover; height:100%; max-width:100%;} .memQryLst .card_form_mem_lst_img_wrap .memQryImage img{object-fit: cover; height:100%; max-width:100%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 임원진 - 사진영역 > 아래 이름 들어가는 부분 가운데 정렬 -> 배경에 들어간 아이콘을 가상클래스로 대체 (D20.05.27)*/ .memQryLst label span{ padding:0px; background:none; text-align:center; font-size:1rem; font-weight:normal; /* margin:1rem 0 0 7px; */ margin:0; display:inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:middle;} .memQryLst .card_form_mem_lst_wrap label span {max-width: 160px;} .memQryLst .card_form_mem_lst_img_wrap .BIZ_badge_wrap {margin-top: -20px;} .memQryLst .card_form_mem_lst_img_wrap .BIZ_badge_wrap > .BIZ_badge {width: 106px; height: 30px;} .memQryLst label span.shuvic_toolbar:before { content:""; display:inline-block; width:11px; height:12px; background:url('/common/css/images/common/icon_user_add.png') no-repeat center left; } .ico_zoom{position:absolute; right:0; bottom:0; width:30px; height:30px; line-height:30px; color:#ffffff; background-color:#333333; opacity:.5; text-align:center; display:block} /* 21.08 임원진 스타일 추가 */ * + .memQryUserInfo{margin-top:10px;} .memQryUserInfo p{display:inline-block; max-width:calc(100% - 20% - 0.25rem); margin-bottom:0; vertical-align:middle;} .memQryUserInfo p span{display:block;} .memInfo-section .list-group > li{padding-left:0; border:0; border-bottom:1px solid #ddd;} .memQryLst label span.interest_mark:before{display:none;} /* 임원진 - 정보출력영역 */ //.memQryLst.album4 .memInfo-section{margin-left:7px;} //.memQryLst.album4 .memInfo-section ul{margin-top:1rem} .memQryLst .memInfo-section ul li{margin-bottom:.5rem;} .memQryLst .memInfo-section ul li:last-child{margin:0} .memQryLst .memInfo-section ul li dl{ font-size:.75rem; margin-bottom:.5rem} .memQryLst .memInfo-section ul li dt{color:#5c3c23; font-weight:600; vertical-align:top} .memQryLst .memInfo-section ul li dd{font-weight:800; font-size:.9rem;} .memQryLst .memInfo-section ul li dd p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 3em; white-space: break-spaces;} .memQryLst .memInfo-section ul li dd span{color:#303030; font-size:.825rem; word-break:break-all; font-weight:normal;} .memQryLst .memInfo-section ul li dd span.noInfo{color:#b4b4b4; font-weight:normal} .memQryLst .memInfo-section .coln-mjkeyword p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 3em;} /**입력형식이 메모형태는 내용이 잘리지 않도록 처리 */ .memQryLst .memInfo-section .memInfoInpTyCd-0012 .text-truncate{ word-break:break-all;white-space:inherit;text-overflow: inherit;overflow:inherit; font-weight:normal;} /* 임원진 - 테이블 */ .memLstDetAlbumList .table{border-top:2px solid #997252; } .memLstDetAlbumList .table th{border-bottom:1px solid #d5b8a0; text-align:center;} .memGroupList{margin:1rem 0} .memGroupList li a{color:#333333 !important;} .memGroupList li a:hover{background-color:#f5f5f5} .memGroupList li a i{color:#997252} /* 회원포토리스트 _ 관심회원 */ .memQryLst .memPhoto-section .interest_mark{position:absolute; top:-1px; left:-1px; color:#ff6347; z-index:200;} .noInterest{border:1px solid #bebebe; padding:50px 0; text-align:center; color:#878787; font-size:1rem} .interest-member-tag{font-size:85%; width:140px;} .interest-date{position:relative; background-color:#bebebe; height:20px; border-top:9px solid #ffffff; border-bottom:9px solid #ffffff;border-origin:border-box; text-align:center} .interest-date h6{position:absolute; padding:0 10px; top:-10px; left:50%; background-color:#ffffff;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);} .memQryLst .memPhoto-section .interest_del{font-size:.75rem; display:inline-block; background-color:#f5f5f5; width:20%; padding:5px 2px; border:1px solid #6c757d; margin-left:-1px; margin-top:.5rem; color:#5f5f5f !important;} /* 회원명 가운데 정렬 */ .memQryLst .memPhoto-section ul li{margin:0 auto;} /* 지식산업센터형 */ .sortBar{z-index:99;display:block; margin-bottom:.8rem;} .sortBar span{font-size:1.15rem; font-weight:bold; color:#997252; text-align:center; padding-bottom:5px} /* 블로그 형 타입1 */ .blogTyle1 .navbar{background-color:#1463e6} .blog.container{min-width:1140px; max-width:1140px; margin:0 auto; padding:0;} /* 회원사진 마우스오버시 프로필보기 화면 출력관련 css */ .actionImg2 {position:relative;} .actionImg2 img {display:block; width:auto; height:100%;} .actionImg2 .hover {z-index:9; position:absolute; top:0; left:1px; background-color:rgba(0,0,0,0.5); width:100%; height:100%; color:#efefef; text-align:center; padding-top:65.2%; box-sizing:border-box; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out; -moz-transition:opacity .2s ease-out;} .memer_grid_lst_list_card .actionImg2 .hover {padding-top: 0;} .memer_grid_lst_list_card .actionImg2 .hover > .sub_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; width: 100%;} .actionImg2 .hover .sub_tit{ position:relative; font-size:14px; color:#fff; opacity:0; transition:animation 1s ease .2s,opacity .5s ease-out .3s; -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s; -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;} .actionImg2:hover .hover { opacity:1;} .actionImg2:hover .hover .sub_tit {animation:translateHover .8s .2s;-webkit-animation:translateHover .8s .2s;-moz-animation:translateHover .8s .2s; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; opacity:1;} /* 회원수첩 명함형 */ .memer_grid_lst_list_card .card_form_mem_lst_join_yn {position: absolute; top: 0.75rem; right: 0.75rem; width: auto;} .memer_grid_lst_list_card > ul {margin-left: -1rem; margin-right: -1rem;} .memer_grid_lst_list_card > ul > li {padding-left: 0.5rem; padding-right: 0.5rem; vertical-align: top;} .memer_grid_lst_list_card > ul > li:nth-child(n+3) {margin-top: 1rem;} .memer_grid_lst_list_card > ul > li > .card_form_mem_lst_wrap {background-color: #ffffffa8; border-radius: 0.5rem; overflow: hidden; box-shadow: 2px 5px 10px rgba(0,0,0,30%); position: relative;} .memer_grid_lst_list_card > ul > li > .card_form_mem_lst_wrap:hover {transform: translateY(-5px); box-shadow: 4px 7px 10px rgba(0,0,0,35%); transition: all 0.25s ease-out;} .memer_grid_lst_list_card .card_form_mem_lst_img_wrap > div {position: relative;} .memer_grid_lst_list_card .card_form_mem_lst_wrap > ul {padding: 2rem 1rem 0rem; min-height: 140px;} .memer_grid_lst_list_card .card_form_mem_info_btn_lst {border-top: 1px solid #d4daea;} .memer_grid_lst_list_card .card_form_mem_info_btn_lst > li {border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .memer_grid_lst_list_card .card_form_mem_info_btn_lst > li a {width: 100%; display: block; padding: 0.5rem 0;} .memer_grid_lst_list_card .card_form_mem_info_btn_lst > li:first-child a {border-right: 1px solid #d4daea;} .memer_grid_lst_list_card .card_form_mem_info_btn_lst > li:nth-child(3) a {border-left: 1px solid #d4daea;} .memer_grid_lst_list_card .card_form_mem_lst_img_wrap .upload_prof_btn {position: absolute; bottom: -0.25rem; right: -0.75rem; font-size: 1.5rem; padding: 0.5rem; z-index: 10;} .memer_grid_lst_list_card .card_form_mem_lst_det_info > li:first-child {padding-top: 0.5rem; border-top: 1px solid #dee2e6;} /* 프로필보기 다이얼로그창 사진영역*/ .mypage_photo .photo{width:186px; height:248px; overflow:hidden; position:relative; margin:0 auto;} .mypage_photo .photo .ico_zoom{position:absolute; right:0; bottom:0; width:30px; height:30px; line-height:30px; color:#ffffff; background-color:#333333; opacity:.5; text-align:center; display:block} .mypage_photo img{position: absolute; left: 50%; top: 0%; height: 100%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); max-width:unset;} /* 메모작성 */ .individualMemo{padding:1rem; background-color:#f5f5f5; border-top:2px solid #1c74cc} .memberMemoContLstWrap .memoDate{color:#606060; font-size:.75rem} .memberMemoContLstWrap .memoBtnWrap .memberMemoBtn{border:1px solid #c8c8c8; font-size:.7rem; font-weight:bold; margin:1px;} .memberMemoContLstWrap .memoBtnWrap .memberMemoBtn:hover{background-color:#f5f5f5; color:#333333} .memberMemoContLstWrap .memoBtnWrap .memoSaveBtn{border:inherit} .memberMemoContLstWrap .memoBtnWrap .memoSaveBtn:hover{background-color:#138496; color:#ffffff} .allViewBtn{font-size:.75rem; font-weight:bold; border:1px solid #bebebe;} /* 카테고리 탭 */ .tabCata{background-color:#ffffff; border:1px solid red; padding:.5rem} .tabCata .swiper-button-next{background-color:#ffffff; width:44px; right:0;} .tabCata .swiper-button-prev{background-color:#ffffff; width:44px; left:0px} .tabCata .swiper-wrapper div:first-child{margin-left:44px;} .fixed_info{display:block; width:} /* 메인 설정메뉴바로가기 버튼 */ .Qmenu-btn{position:relative; width:100%; margin:1px 0 2px 0; clear:both; font-size:1.15rem; background-color:#f5f5f5; text-align:center;} .Qmenu-btn a{padding:20px 0; text-align:center; float:left; font-size:1.25rem; color:#ffffff; text-decoration:none; width:16.666%; max-width:16.666%; margin-left:1px} .Qmenu-btn a i{font-size:3rem;} .Qmenu-btn a p{ padding:0 3px; margin:10px 0 0 0;width:95%;} .Qmenu-btn div{line-height:1} .Qmenu-btn.default.mouseOverType a{background-color:#aeaeae;} .Qmenu-btn.default.mouseOverType a:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);} .Qmenu-btn.circleType a{height:initial; margin-left:0;} .Qmenu-btn.circleType a p{color:#333333; width:95%; font-size:80%; font-weight:bold; } .Qmenu-btn.circleType div{border-radius:50% !important; margin:0 auto; width:70%;} .Qmenu-btn.circleType div i{font-size:230%;} .Qmenu-btn.circleType.mouseOverType div{background-color:#aeaeae;} .Qmenu-btn.circleType.mouseOverType div:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);} .Qmenu-btn.roundType a{border-radius:20px;} .Qmenu-btn.roundType a:nth-child(2), .Qmenu-btn.roundType a:nth-child(3), .Qmenu-btn.roundType a:nth-child(4), .Qmenu-btn.roundType a:nth-child(5){margin-left:5px;} .Qmenu-btn.roundType.mouseOverType a{background-color:#aeaeae;} .Qmenu-btn.roundType.mouseOverType a:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);} .Qmenu-btn.count1 a{margin-left:40%} .Qmenu-btn.count2 a:first-child{margin-left:32%} .Qmenu-btn.count3 a:first-child{margin-left:24%} .Qmenu-btn.count4 a:first-child{margin-left:16%} .Qmenu-btn.count5 a:first-child{margin-left:8%} .Qmenu-btn.count6 a:first-child{margin-left:0} /* 프로필비즈홈피 버전 */ .memberInfoWrap{word-break:break-all;} .profileBizHome{margin:0; padding:1rem; background-color:#f5f5f5;} .profileBizHome .proBiz-Info, .profileBizHome .proBiz-Home{background-color:#ffffff; border:1px solid #e7e7e7; padding:0 10px; display:block; height:100%} .profileBizHome .proBiz-Home h5{border-bottom:2px solid #1c74cc; padding-bottom:.5rem; margin-bottom:0} .profileBizHome .mypage_photo .col{padding:0;} .profileBizHome .col-4 .mypage_photo .photo{width:140px; height:187px; margin:0 auto;} .profileBizHome .table th{font-size:.75rem;} .profileBizHome .table p{margin-bottom:0;} //.proBiz-Home {min-height:650px;} .proBiz-Home .noResult{min-height:1716px; position:relative; z-index:1;} .proBiz-Home .noResult:after{height:90%; position:absolute; top:0; left:0;content:""; background:url('/common/css/images/img_sample_bizhome.png') no-repeat; opacity:0.5; filter:alpha(opacity=50); z-index:-1; width:100%; background-size:100%;} .proBiz-Home .noResult .result_message{position:absolute; left:50%; top:5%; background-color:#ffffff; padding:3rem 0; color:#333333;box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; -webkit-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; -moz-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4) ; } .proBiz-Home .noResult .result_message{width:500px; margin-left:-250px; color:#5f5f5f} .proBiz-Home .noResult .result_message H2{color:#333333} #front .col-12 .proBiz-Info .row.mypage_photo{width:70%; margin:0 auto;} .profileBizHome .col-4 .proBiz-Info .row.mypage_photo{margin:0;} .profileBizHome .col-12 .proBiz-Info .changeBtn{/* padding-right:87px; */ display:block;} .profileBizHome .col-4 .proBiz-Info .changeBtn{padding-right:16px;} /* faq링크 아이콘 */ .faqLinkBtn .fa-question-circle {color:#D39E00; font-size:1.25rem; margin-left: 5px;} /* 행사참석 */ .AuspcSummary{margin:0} .AuspcSummary .bd-callout{ color:inherit; padding:1.25rem; display:block; min-height:136px; margin:.5rem 0} .AuspcSummary div:first-child{padding-right:8px;} .AuspcSummary div:last-child{padding-left:8px;} .AuspcSummary div h5{font-weight:bold; } .AuspcSummary div a{display:block} .AuspcSummary div a.notice:hover, .AuspcSummary div a:hover{text-decoration:none; color:#5ea3dd} .AuspcSummary div a.notice{color:inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 4.5em; } /* 문의건의하기 */ .contactUs_detail_view .card{border:none; color:#000;} .contactUs_detail_view .card-header span{vertical-align:middle; line-height:25px;} .contactUs_detail_view .card-header a{vertical-align:middle; line-height:23px; font-size:0.75rem;} .contactUs_detail_view .card-header .contact_status{float:right; background-color:#a68eb9; color:#fff; min-width:80px; text-align:center;} .contactUs_detail_view .card-body{padding:1rem} .contactUs_detail_view .card-body ul li{display:block;} .contactUs_detail_view .card-body ul li dl{margin-bottom:0; border-bottom:1px solid #ddd; padding:.5rem 0;} .contactUs_detail_view .card-body ul li dl dt{display:inline-block; width:25%; color:#666; font-weight:400} .contactUs_detail_view .card-body ul li dl dd{display:inline-block; width:75%; color:#000; margin-bottom:0;} .contactUs_detail_view .card-body ul li dl dd a{color:inherit;} .contactUs_detail_view .contact_kind{color:#5770c2} .contactUs_detail_view .contact_icon{display:inline-block; width:25px; height:25px;border-radius:3rem; line-height:25px; text-align:center; margin-left:.35rem; font-size:.85rem} .contactUs_detail_view .contact_icon i{color:#fff !important;} .contactUs_detail_view .contact_privacy{ background-color:#ffc107; } .contactUs_detail_view .contact_device{background-color:#5da557} .contactUs_detail_view .contact_con{font-size:1.15rem} .contactUs_detail_view .contact_answer{border:1px solid #ddd; margin-top:3rem; color:#1472d1; padding:1rem} .contactUs_detail_view .contact_answer.answer_No{text-align:center;} .contactUs_detail_view .contact_answer strong{color:#000; font-size:.85rem;} .contactUs_detail_view .contact_Btn a{margin:0 2px; color:#fff; padding:.375rem 1rem} .contactUs_detail_view .contact_Btn a:nth-child(1){background-color:#1472d1;} .contactUs_detail_view .contact_Btn a:nth-child(2){background-color:#666666;} .contactUs_detail_view .mem-list .mem-main-photo-square{vertical-align:top;} .contactUs_detail_view .chkBtn{position:absolute; top:1rem; right:1rem;} .btn-contact{background-color:#1472d1;} .contact_device_android, .contact_device_mobile{background-color:#5da557} .contact_device_ios{background-color:#a3afb5} .contact_device_pc{background-color:#80b5ce} .badge-sitn-cmn{width:56px;} .contactUs_detail_view .card-header span{vertical-align: middle; line-height: 25px;} /* myaicenter 내 메모 */ .mypage-mymemo-wrap{height:2px; background-color:#1c74cc;} .mypage-mymemo{padding:1rem; background-color:#f5f5f5;} .mypage-mymemo textarea{height:525px;} /* 경기여고 - 영매상 기능 */ .kk_laureate { width: 100%; border: 2px solid #e7525c; border-radius: 1rem; padding: 12px 20px 20px 20px;} .laureate { border-collapse: collapse; width: 100%;} .laureate dl { margin-bottom: 0;} .laureate dl dt { font-size: 1rem; margin: .5rem 0; font-weight: 500; vertical-align: middle; color: #333;} .laureate dl dt i { font-size: .25rem; line-height: 16px; color: #e7525c; vertical-align: middle; margin-right:.25rem} .laureate dl dd { border: 1px solid #ccc; padding: 1rem; margin-left: -1px;} .laureate dl dd label { margin-right: .5rem} .laureate dl dd input[type="text"] {width: 100px; border: 1px solid #ccc; display: inline-block;} .laureate .btn{margin:0 0 0 -1px;} .laureate_guide_list dl ul{list-style:none; padding:1.15rem;} /* .laureate_guide_list dl ul li{background:url('/common/css/images/blet_02.gif') left center no-repeat; padding-left:10px;} */ /* 행사일정 / 특별일정 / 전체일정 페이지 /sched/schedList.do 구버전자바때문에 // 나중에 tpl.base.common.css 로 이동*/ .sched_wrap { position:relative; } .sched_wrap #schedSearch { } .sched_wrap button { outline:none; } .sched_wrap button:focus { outline:none; box-shadow:none !important; } .sched_wrap button:active { outline:none; box-shadow:none; } .sched_wrap button.btn.btn-secondary:active { background-color:transparent !important; color:#404040 !important; outline:none; } .sched_wrap .sched_cat { position:absolute; left:0; top:0; } .sched_wrap .sched_cat:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .sched_wrap .sched_cat select { width:auto; height:32px; line-height:22px; float:left; padding:5px 5px; border:1px solid #cbcbcb; border-radius:0.25rem; color:#404040; } .sched_wrap .sched_cat select option { padding:0 10px; } .sched_wrap .sched_cat button { height:32px; line-height:32px; float:left; padding:0 10px; margin-left:3px; background-color:transparent !important; border:1px solid #cbcbcb; border-radius:0.25rem; color:#404040 !important; border-raidus:0;} .sched_wrap .sched_cat button i { margin-right:5px; } .fullCalendarWrap { padding-top:50px !important; } .fullCalendarWrap .fc-header-toolbar { } .fullCalendarWrap .fc-header-toolbar .fc-button { background-position 0.1s linear; background-image:none; box-shadow:none; } .fullCalendarWrap .fc-header-toolbar .fc-button.fc-state-hover { background-position: 0 0px; transition: } .fullCalendarWrap .fc-header-toolbar .fc-left { padding-top:7px; } .fullCalendarWrap .fc-header-toolbar .fc-left .fc-today-button { background-color:transparent; border:1px solid #cbcbcb; color:#404040; padding:0 10px; height:32px; line-height:32px; } .fullCalendarWrap .fc-header-toolbar .fc-center { width:280px; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 { width:auto; display:inline-block; float:none; padding:0px 0px; margin:0px 0px 0px 0px; margin:0px auto; box-sizing:content-box; white-space:nowrap; color:#204baf; vertical-align:middle; } .fullCalendarWrap .fc-header-toolbar .fc-center h2:after { content:""; display:block; clear:both; height:0px; overflow:hidden; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_l { float:left; padding-right:3px; font-size:40px; font-weight:bold; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r { float:right; text-align:left; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y { display:block; padding:5px 0px 0px 0px; font-size:16px; font-weight:normal; position:relative; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y { position:absolute; left:0; top:0; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y select { opacity:0; /* filter:alpha(option=0); */ padding:0; margin:0; cursor:pointer; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_y div.fc_select_y select option { padding:0; margin:0; cursor:pointer; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_r div.fc_title_m_en { display:block; padding:0px 0px 0px 0px; font-size:16px; } .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_d { position:absolute; top:-99999px; } /* .sched_wrap.basicDay .fullCalendarWrap .fc-header-toolbar .fc-center h2 div.fc_title_d { position:static; float:left; vertical-align:bottom; padding-top:20px; font-size:16px; font-weight:bold; text-decoration:underline; } */ .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button { width:40px; vertical-align:middle; padding:0px; background-color:transparent; border:0px solid transparent; color:#cacaca; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button { float:right; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon { font-size:52px; font-weight:100; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:before, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:before { dispay:inline-block; font-family:"Font Awesome 5 Pro"; font-weight:100; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:after, .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:after { display:none; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-prev-button span.fc-icon:before { content:"\f104"; } .fullCalendarWrap .fc-header-toolbar .fc-center .fc-next-button span.fc-icon:before { content:"\f105"; } .fullCalendarWrap .fc-header-toolbar .fc-center > :not(:first-child) { margin-left:0px; } .fullCalendarWrap .fc-header-toolbar .fc-right { padding-top:7px; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button, .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button { position:absolute; top:0px; width:auto; height:32px; line-height:32px; padding:0 10px; background-color:transparent; border:1px solid #808080; border-radius:0.25rem; color:#808080; font-size:13px; white-space:nowrap; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-button.fc-state-active { border:1px solid #f13631; color:#f13631; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button:hover, .fullCalendarWrap .fc-header-toolbar .fc-right .fc-button.fc-state-active:hover{background-color:rgba(0, 0, 0, 0.05); color:#333;} .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button { right:103px; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button { right:0px; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button:before { content:"\f073"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button:before { content:"\f00b"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button { background:#fb413c; border:1px solid #f13631; border-radius:0.25rem; padding:0 10px; height:32px; line-height:30px; vertical-align:top; color:#fff; text-shadow:none; } .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:before { content:"\f271"; display:inline-block; margin-right:3px; font-family:"Font Awesome 5 Pro"; font-weight:100; vertical-align:top; } .fullCalendarWrap .fc-view-container { } .fullCalendarWrap .fc-view-container .fc-month-view { } .fullCalendarWrap .fc-view-container .fc-month-view .fc-scroller { } .fullCalendarWrap .fc-view-container .fc-month-view > table { border-top:0px solid #1c74cc; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header { } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sun { background-color:#ffeceb; color:#ff3c32; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sun span:after { content:"SUN"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-mon { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-mon span:after { content:"MON"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-tue { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-tue span:after { content:"TUE"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-wed { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-wed span:after { content:"WED"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-thu { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-thu span:after { content:"THU"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-fri { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-fri span:after { content:"FRI"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sat { background-color:#ebf8ff; color:#29acf9; } .fullCalendarWrap .fc-view-container .fc-month-view > table thead.fc-head tr td.fc-head-container div.fc-row table th.fc-day-header.fc-sat span:after { content:"SAT"; display:inline-block; margin-left:3px; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-sun { background-color:#fffbfb; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-mon { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-tue { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-wed { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-thu { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-fri { } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-bg table td.fc-sat { background-color:#fbfeff; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td a { float:none; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a { margin:2px 2px; padding:0px 5px; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a:not(.fc-event-count-badge):hover { margin:2px 2px; padding:0px 5px; background-color:#f1f3f4; border-radius:50%; text-decoration:none; } .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table thead td.fc-day-top a.fc-event-count-badge {margin: 5px 5px 0 0 !important; padding: 1.5px 4px; float: right; border-radius: 50%; display: inline-block; color: #fff !important; line-height: 0.9;} .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-row div.fc-content-skeleton table tbody td a.fc-day-grid-event:hover { opacity:0.9; } /* .fullCalendarWrap .fc-view-container .fc-month-view > table tbody.fc-body tr td.fc-widget-content div.fc-day-grid-container div.fc-day-grid div.fc-bg table tbody tr td.fc-day:hover { background-color:#fefefe; } */ .fullCalendarWrap .fc-view-container .fc-listMonth-view { border:0px solid #ddd; } .fullCalendarWrap .fc-view-container .fc-listMonth-view .fc-scroller { } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table { border:0px solid #fff; border-collapse:separate; border-spacing:0; width:100%; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading { border:0px solid #fff; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header { border:0px solid #ddd; vertical-align:middle; position:relative; border-top:10px solid #fff; padding:8px 14px 8px 14px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header:before { content:""; display:block; position:absolute; left:0px; top:0px; height:calc(100% - 2px); width:calc(100% - 2px); border:1px solid #ddd; border-radius:0.25rem 0.25rem 0 0; overflow:hidden; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-sun td.fc-widget-header { background-color:#ffeceb; color:#ff3c32; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-mon td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-tue td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-wed td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-thu td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-fri td.fc-widget-header { background-color:#f8f8f8; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading.fc-sat td.fc-widget-header { background-color:#ebf8ff; color:#29acf9; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a { } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-main { display:inline-block; float:left; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-main:before { content:"\f274"; display:inline-block; margin-right:5px; font-family:"Font Awesome 5 Pro"; font-weight:100; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-heading td.fc-widget-header a.fc-list-heading-alt { display:inline-block; float:right; font-size:13px; line-height:24px; color:#808080; vertical-align:middle; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item { border:0px solid #ddd; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item:hover td { background-color:#fcfcfc; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker { width:1px; text-align:center; /* border-radius:0 0 0 0.25rem; */ border:1px solid #ddd; border-top:0px solid #ddd; border-right:0px solid #ddd; overflow:hidden; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker span.fc-event-dot { display:inline-block; width:auto; height:auto; padding:5px 5px; color:#fff; border-radius:10px; font-size:0.9rem; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker span.fc-event-dot.fc-cat { padding:0 10px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-title { /* border-radius:0 0 0.25rem 0; */ border:1px solid #ddd; border-top:0px solid #ddd; border-left:0px solid #ddd; overflow:hidden; padding-left:7px; } .fullCalendarWrap .fc-view-container .fc-listMonth-view table.fc-list-table tr.fc-list-item td.fc-list-item-marker a { } /* 찾아오시는 길 */ .repnCtc a{color:#333; text-decoration:underline !important;} /* 기능메뉴 > 지점 업체 관리 */ .table-br-cop-mngt > thead > tr > th, .table-br-cop-mngt > tbody > tr > th, .table-br-cop-mngt > tfoot > tr > th, .table-br-cop-mngt > thead > tr > td, .table-br-cop-mngt > tbody > tr > td, .table-br-cop-mngt > tfoot > tr > td{vertical-align:middle;} .table-br-cop-mngt td a{word-break:break-all;} .table-br-cop-mngt td a:not(.btn):hover{text-decoration:underline;} /* 간편복사 sns 공유 리스트 */ .board_shrg_prev_wrap{position:relative;} .board_shrg_sns_lst_wrap{position:absolute; margin-top:0; bottom:50px; right:0;} /*** [컨텐츠 공통 :: 리스트 테이블] ***/ /* 검색 결과 및 컨텐츠 옵션 정렬 */ .cont_align_wrap:after{content:""; display:block; clear:both; overflow:hidden;} .cont_align_wrap{margin-bottom:10px;} .cont_align_wrap .left_align_wrap{float:left;} .cont_align_wrap .right_align_wrap{float:right;} /* 검색 결과 통계 */ .rsul_stats{margin-bottom:0; line-height:36px;} /* 버튼 정렬 */ .btn_lst_wrap{padding-left:0; font-size:0;} .btn_lst_wrap > li{display:inline-block; margin-right:10px; font-size:1rem;} .btn_lst_wrap > li:last-child{margin-right:0;} .btn_lst_wrap > li a{padding:5px 10px;} /* (테이블이 아닐때) 컨텐츠 상단 테이블처럼 */ .comn_table_cont_top_wrap{background-color:#ececec; border-top:2px solid #000; border-bottom:1px solid #e7e7e7;} .comn_table_cont_top_lst{display:table; width:100%; margin-bottom:0; padding-left:0;} .comn_table_cont_top_lst > li{display:table-cell; padding:16.5px 0; vertical-align:middle;} .comn_table_cont_top_lst > li p{margin-bottom:0; font-size:16px; font-weight:normal; color:#000;} /* 체크박스 기본 스타일*/ .chck_wrap{position:relative; width:80px;} .chck_wrap input[type="checkbox"]{position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);} .chck_wrap input[type="checkbox"] + label:before {content:""; display:block; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c1c1c1;} .chck_wrap input[type="checkbox"] + label {position:absolute; top:50%; left:50%; display:inline-block; cursor:pointer; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .chck_wrap input[type="checkbox"] + label span{font-size:16px;} /* 체크박스 선택 시 스타일 */ .chck_wrap input[type="checkbox"]:checked + label:before{background:#0075ff; border-color:#0075ff;} .chck_wrap input[type="checkbox"]:checked + label:after{content: "\f00c"; position:absolute; top:50%; left:50%; font-size:12px; color:#fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro";} /*** [컨텐츠 공통 :: 리스트 테이블] ***/ /*** [페이징] ***/ .common_pager{text-align:center;} /* 공통 */ .pagination .page-link{font-size:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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;} /*** [페이징] ***/ /*** [회원가입 단계별 탭] ***/ /* 기본 */ .mem_join_step_lst_wrap{margin:10px -20px 30px;} .mem_join_step_lst{display:table; width:100%; margin-bottom:0; padding-left:0; background-color:#fff;} .mem_join_step_lst > li{position:relative; display:table-cell; table-layout:fixed; font-size:18px; color:#666; text-align:center;} .mem_join_step_lst > li:after{content:""; position:absolute; top:50%; right:16px; display:block; width:32px; height:32px; background:url('/common/css/images/ico_arrow_right.png') no-repeat; -webkit-transform:translate(100%,-50%); -moz-transform:translate(100%,-50%); -o-transform:translate(100%,-50%); transform:translate(100%,-50%);} .mem_join_step_lst > li:last-child:after{display:none;} .mem_join_step_lst > li span{display:inline-block; padding:20px 0; border-top:3px solid #c6c6c6;} /* 기본 활성화 */ .mem_join_step_lst li.active{font-size:21px; font-weight:500; color:#7ea4d1;} .mem_join_step_lst li.active span{border-top-color:#7ea4d1;} .mem_join_step_lst li.active:after{background:url('/common/css/images/ico_arrow_right_active_PoloBlue.png') no-repeat;} /* 텍스트 크기가 작을때 */ .mem_join_step_lst_wrap.resize .mem_join_step_lst > li:after{right:10px; width:20px; height:20px; background-size: contain;} .mem_join_step_lst_wrap.resize .mem_join_step_lst > li.active{font-size:18px;} /*** [회원가입 단계별 탭] ***/ /* 프로필 보기 > 비즈홈피 등록 시 */ #MEMBER_INFO_DIALOG .BIZ_form_wrap, #MEMBER_INFO_DIALOG .BIZ_home_view_wrap{margin-left:0; margin-right:0;} /* MY AI CENTER 캐시 이동 팝업 */ .okshot_noti_form .acrd:after{content:"\f107"; margin-left:10px; font-size:24px; color:#6f7073; vertical-align:middle; font-family: "Font Awesome 5 Pro"; font-weight: 100; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .okshot_noti_form .acrd.acrd_down:after{content:"\f106";} /*** [게시판 폼 화면 정리] ***/ /* 영역 */ #board .board_form_func{position:relative;} /* 파일 업로드 */ #board .COMMON_FILEUPLOAD{margin:0; margin-bottom:10px;} #board .uploadBtnWrap{margin-top:10px; text-align:left;} #board .ajax-file-upload-btn-wrap > a{margin-left:8px; margin-right:2px; min-width:70px;} /* #board .ajax-file-upload-btn-wrap > a.btn-success{background-color:#484e55 !important; color:#fff !important; border-color:#484e55 !important;} */ /* 계좌 정보 */ #board .board_form_func .cd_account{position:absolute; top: 82px; left: 125px;} #board .cd_account a{display: inline-block; background-color: #51639c; color: #fff; padding:7px 10px; text-align: center; font-size: 1rem;} /* 구디자인 계좌 정보 */ #front #board .board_form_func .cd_account{top:70px;} #front #board .board_form_func .cd_account a{padding-top:5px; padding-bottom:5px;} /** 22.05 KB #3457 계좌등록 버튼을 위로 올리기 **/ /* 계좌 등록 */ .boardFormBox .cd_info_wrap{margin:20px 0; padding-bottom:20px; border-bottom:1px dashed #ccc;} /* 파일업로드 */ .COMMON_FILEUPLOAD .requiredHeader .maxInfo br{display:none;} /** 22.05 KB #3457 계좌등록 버튼을 위로 올리기 끝 **/ /*** [게시판 폼 화면 정리 끝] ***/ /*** [팝업 폰트 재정의] ***/ .ui-dialog, .ui-dialog .ui-dialog-content, .ui-widget, button{font-family:'Noto Sans KR',sans-serif !important; font-size:1rem !important; font-weight:400 !important;} /*** [팝업 폰트 재정의 끝] ***/ /*** [다른 회원 사진, 연락처 변경해주기] ***/ .memChgInfo .alert{background-color:#f8f8f8;} .memChgInfo .card-title{font-size:1.25rem; font-weight:500; color:#000;} .memChgInfo .title{font-size:1.125rem; font-weight:500; color:#17a2b8;} .memChgInfo .div + .div{margin-top:50px; padding-top:30px; border-top:1px solid #d3d3d3;} /*** [다른 회원 사진, 연락처 변경해주기 끝] ***/ /*** [계좌 정보] ***/ /* 버튼 */ .boardFormBox .cd_account a{font-size:1rem; font-weight:400; background-color:#1accaa !important; color:#fff !important; border:1px solid #1accaa !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .boardFormBox .cd_account a:hover, .boardFormBox .cd_account a:focus, .boardFormBox .cd_account a:active{background-color:#1dc2a3 !important; color:#fff !important; border:1px solid #1dc2a3 !important;} .boardFormBox .cd_account a:focus, .boardFormBox .cd_account a.focus{box-shadow:none !important;} /* 계좌 입력란 영역 */ .boardFormBox .cd_account + .cd_deposit{margin-top:10px;} /* 계좌 입력란 폼 스타일 */ .boardFormBox .cd_info_wrap .form-control, .boardFormBox .cd_info_wrap input{color:#000 !important;} /*** [계좌 정보 끝] ***/ /*** [솔루션 화면 통일 기준 :: 2022 my ai center 개선 디자인 ***/ /* 폰트 굵기 */ .solu_scrn_unity .font-weight-500{font-weight:500 !important;} /* 폰트 :: 주황 계열 */ .solu_scrn_unity .color-orange{color:#fe6601;} /* 버튼 :: 회색 계열 */ .solu_scrn_unity .btn-primary{background-color:#484e55; color:#fff !important; border:1px solid #484e55;} .solu_scrn_unity .btn-skyGray{background-color:#6c757d; color:#fff !important; border:1px solid #6c757d;} /* 버튼 :: 진회색 선 */ .solu_scrn_unity .btn-border-charcoalGray, .solu_scrn_unity .btn-border-charcoalGray:hover, .solu_scrn_unity .btn-border-charcoalGray:focus, .solu_scrn_unity .COMMON_BUTTONSET label.ui-checkboxradio-checked.btn-border-charcoalGray{font-size:0.875rem; font-weight:400; background-color:#fff; color:#000; border:1px solid #333;} /* 버튼 :: 진회색 선 이벤트 */ .solu_scrn_unity .btn-border-charcoalGray:hover, .solu_scrn_unity .btn-border-charcoalGray:focus, .solu_scrn_unity .btn-border-charcoalGray:not(:disabled):not(.disabled):active, .solu_scrn_unity .btn-border-charcoalGray:not(:disabled):not(.disabled).active, .solu_scrn_unity .show > .btn-border-charcoalGray.dropdown-toggle{color:#0085d9 !important; border-color:#0085d9 !important;} /* 버튼 :: 초록 계열 */ .solu_scrn_unity .btn-mintBlue, .solu_scrn_unity .btn-hover-mintBlue, .solu_scrn_unity .btn-hover-mintBlue:hover, .solu_scrn_unity .btn-hover-mintBlue:focus{background-color:#1accaa; color:#fff; border:1px solid #1accaa;} /* 컨텐츠 정렬 기준 */ .solu_scrn_unity .d-flex-align-end{display:flex; align-items:end;} /* 알림창 */ .solu_scrn_unity .base-alert{margin-bottom:30px; padding:27px 20px; font-size:18px; font-weight:500; text-align:center; background-color:#f1f2f7; color:#114886;} .solu_scrn_unity .alarm-alert{padding:12px 20px; font-size:16px; font-weight:500; text-align:left; background-color:#e3e3e3; color:#114886;} /* 테이블 */ .solu_scrn_unity .table .thead-light th, .solu_scrn_unity .table > thead > tr > th, .solu_scrn_unity .table > tbody > tr > th, .solu_scrn_unity .table > tr > th{padding:16px 8.5px; font-size:16px; font-weight:500; background-color:#f1f2f7; color:#000; border-bottom:1px solid #dddfe5; word-break:keep-all;} .solu_scrn_unity .table > tfoot > tr > th, .solu_scrn_unity .table > thead > tr > td, .solu_scrn_unity .table > tbody > tr > td, .solu_scrn_unity .table > tfoot > tr > td, .solu_scrn_unity .table td{padding:20px 8.5px; font-size:16px; font-weight:500; background-color:#fff; color:#000; border-bottom:1px solid #dddfe5; word-break:keep-all;} /* 테이블 선 */ .solu_scrn_unity .border-top-2px{border-top:2px solid #000;} .solu_scrn_unity .border-top-none{border-top:0;} /* form-control */ .solu_scrn_unity .form-control{display:block; width:100%; height:auto; font-size:14px !important; line-height:1.5; background-color:#fff; color:#000; border:1px solid #c1c1c1; border-radius:0; -webkit-box-shadow:none; box-shadow:none;} .solu_scrn_unity select.form-control{padding:6px 12px;} .solu_scrn_unity input.form-control{padding:6.5px 12px;} .solu_scrn_unity input.form-control.form-tall{padding-top:12px; padding-bottom:12px;} .solu_scrn_unity .form-control:hover, .solu_scrn_unity .form-control:focus{border-color:#5c5c5c; -webkit-box-shadow:none; box-shadow:none;} /* 탭 */ .solu_scrn_unity .nav-tabs .nav-item .nav-link{font-size:1rem; font-weight:400; background-color:#f1f2f7; color:#114886;} .solu_scrn_unity .nav-tabs .nav-item .nav-link:hover{background-color:#f5f5f5; border-color:#dbdbdb;} .solu_scrn_unity .nav-tabs .nav-item .nav-link.active{font-weight:500; background-color:#fff; border-top:3px solid #000;} .solu_scrn_unity .nav-tabs .nav-item .nav-link.active:hover{background-color:#f5f5f5; border-color:#000 #c0c0c0 #fff;} /* 셀렉트 박스 */ .solu_scrn_unity .form-control{height:auto; padding:5px 12px; font-size:16px; color:#000; -webkit-box-shadow:none; box-shadow:none;} .solu_scrn_unity .form-control::placeholder{colro:#666;} .solu_scrn_unity .form-control:hover, .solu_scrn_unity .form-control:focus{border-color:#000;} /* 텍스트 효과 */ .solu_scrn_unity .text-underline{text-decoration:underline;} /* 데이터가 없을때 */ .no-data{padding:100px 0; font-size:1rem; font-weight:400; text-align:center; color:#333;} .solu_scrn_unity .no-data{margin:150px 0; padding:0; font-size:24px; font-weight:400; text-align:center; color:#000;} .solu_scrn_unity .no-data:before{content:"\f119"; margin-right:8px; font-size:30px; color:#333; vertical-align:middle; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro";} /*** [솔루션 화면 통일 끝] ***/ /*** [회비 내역 보기 / 회비 납부하기] ***/ /* 테이블 */ .fee .fee-table{border-top: 2px solid #000;} .fee .fee-table th{padding:16px 8.5px; font-size:16px; font-weight:500; background-color:#f1f2f7; color:#000; border-bottom:1px solid #dddfe5; word-break:keep-all;} .fee .fee-table td{padding:20px 8.5px; font-size:16px; font-weight:500; background-color:#fff; color:#666; border-bottom:1px solid #dddfe5; word-break:keep-all;} /* 검색된 내역 납부금 총액 */ .fee .fee-amount-wrap{margin:0; padding:0; font-size:1rem; font-weight:400; background-color:transparent;} /* 수수료 안내 */ .fee .comsnGud{text-align:right;} .fee .comsnGud .comsnGudBtn{position:static; background-color:#1accaa; color:#fff; border:1px solid #1accaa;} .fee .comsnGud .comsnGudBtn:hover{background-color:#1accaa; color:#fff; border:1px solid #1accaa;} .fee .comsnGud .comsnGudBtn:focus{background-color:#f8ed96; color:#000; border:1px solid #f8ed96;} /* 금액 */ .amt_info_wrap input{display:inline-block; width:80%; border:0; border-bottom:1px solid #000;} /* 결제 안내 */ .sttl_guid_dfnt_lst dt{font-size:1.125rem; font-weight:400;} .sttl_guid_dfnt_lst dd{font-size:1; font-weight:400;} /* 결제 테이블 */ .fee .table-pd th, .fee .table-pd td{padding:10px 20px;} /*** [회비 내역 보기 / 회비 납부하기 끝] ***/ /* 23.01.26 로그인폼 수정사항 */ .mem_card_new_fail_form .area_info > dl > dd {color: #717171 !important; margin-top: 1rem; text-align: center;} .mem_card_new_fail_form .btn_txt_area_outer > ul > li {text-align: center;} .mem_card_new_fail_form .btn_txt_area_outer > ul > li:last-child {margin-top: 1.5rem;} .mem_card_new_fail_form .findMyaccount {display: inline-block; width: auto; padding: 0; font-size: 1.125rem; color: #717171 !important; text-decoration: underline; background-color: transparent; border: 0;} .mem_card_new_fail_form .findMyaccount:hover, .mem_card_new_fail_form .findMyaccount:focus {text-decoration: underline;} /* 23.01.31 관리자 퀵버튼 제작 */ .okdc_admin_mngt_tool_bar .okdc_admin_mngt_btn_wrap {position: fixed; bottom: 15px; right: 20px; width: auto !important; z-index: 100;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap {position: fixed; bottom: 20px; right: 20px; z-index: 99; border-radius: 1rem;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap.on {box-shadow: 2px 2px 5px 3px rgba(0,0,0,15%);} .okdc_admin_mngt_tool_bar.on .okdc_admin_mngt_btn_wrap {bottom: 80px;} .okdc_admin_mngt_tool_bar.on .okdc_admin_mngt_menu_lst_wrap {bottom: 85px;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn {display: inline-block; font-size: 1.85rem; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #dfdfdf; position: relative; box-shadow: 2px 2px 3px rgba(0,0,0,15%);} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn:not(.on):hover > i {color: #292929;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn.on {border: 0; box-shadow: inherit;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn > i {position: absolute; top: 52%; left: 49%; transform: translate(-50%, -50%); color: #929292; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card {border-radius: 1rem; overflow: hidden; width: 0; height: 0; position: relative; background-color: #ffffffe6; border: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card.on {border: 1px solid rgba(0,0,0,.125);} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card-body {padding-bottom: 4rem; width: 165px; height: 238px; position: absolute; bottom: 0; right: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap p {color: #929292;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst {margin: 0; padding: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li {list-style: none;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li > a {display: block; font-size: 1rem; text-shadow: 1px 1px 2px rgba(0,0,0,10%);} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li > a:hover {font-weight: 600;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li:not(:first-child) {margin-top: 1rem;} /* 24.08.29 검색필터 추가 + 검색바 커스텀 */ .okdc_srch_filter_wrap {margin-bottom: 1rem;} .okdc_srch_bar_wrap {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem; margin-bottom: 1rem;} .okdc_srch_optn_btn {padding: 0.8125rem 0.75rem; border-radius: 3rem; margin: 0 !important; font-weight: 500 !important;} .okdc_srch_bar {position: relative; flex: 1;} .okdc_srch_bar input.form-control {height: auto; padding: 0.75rem 4.5rem 0.75rem 1.5rem; border: 1px solid #000; border-radius: 3rem; font-size: 1rem !important;} .okdc_srch_bar button {position: absolute; top: 50%; right: 2.25rem; transform: translate(50%, -50%); border: none; background-color: transparent; font-size: 1.25rem !important; padding: 0 !important;} .okdc_srch_filter_lst_wrap {display: none;} .okdc_srch_filter_lst {display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; margin-bottom: 0;} .okdc_srch_filter_lst > * {flex: 1;} .okdc_srch_filter_lst button.custom-select:focus {border-color: #6c757d; box-shadow: none;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn) {text-align: left; font-size: 16px !important; padding: 0.5rem 1.5rem 0.5rem 0.75rem ; height: auto; background: none; position: relative;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn):after {content: "\f078"; display: block !important; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; right: 1rem; transform: translate(50%, -50%); font-weight: bold;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn) > span:before {display: inline-block; font-family: "Font Awesome 5 Pro"; margin-right: 0.25rem; color: #9e9e9e;} .okdc_srch_filter_lst .form-control-multiselect[data-value="0000"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f007";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0001"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f19d";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0002"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f02b";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0003"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f518";} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn) {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid #6c757d; font-weight: bold !important;} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn):after {content: "\f077";} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn) > span:before {color: #000;} .okdc_srch_filter_lst .dropdown-menu {border-color: #004596; border-bottom: none; position: static; margin-top: -1px; border-radius: 0; width: 100%; max-height: 190px; overflow-y: auto; padding-bottom: 0.5rem;} .okdc_srch_filter_lst .dropdown-menu > button {background-color: #f5f5f5; width: 95%; margin: 0.5rem auto; border-radius: 3rem; text-align: center; padding: 0.25rem 0.75rem;} .okdc_srch_filter_lst .dropdown-menu > button .form-check {padding: 0;} .okdc_srch_filter_lst .dropdown-menu > button .form-check > input[type="checkbox"] {display: none;} .okdc_srch_filter_lst .dropdown-menu > button:hover {background-color: #d6d6d6;} .okdc_srch_filter_lst .dropdown-menu > button.active {background-color: #6c757d; position: relative;} .okdc_srch_filter_lst .dropdown-menu > button.active:after {content: "●"; position: absolute; top: 50%; left: 0.75rem; color: #fff; transform: translateY(-50%); line-height: 0; font-size: 0.5rem;} .okdc_srch_filter_lst .btn-group {display: block;} .okdc_srch_filter_lst .btn-group > .multiselect_srch_btn {display: none; float: none; width: 100%; text-align: center; margin: -2px 0 0;} .okdc_srch_filter_lst .btn-group.show > .multiselect_srch_btn {display: block;} .memer_grid_lst_list_card > li {list-style: none;} .checked_cat_items_wrap {background-color: #f7f7f7; padding: 1.25rem; margin: 1rem 0.25rem 0;; display: table; table-layout: fixed; width: 100%;} .checked_cat_items_wrap > div {display: table-cell; vertical-align: top;} .checked_cat_items_wrap > div:first-child {width: 100px;} .checked_cat_items_wrap > div > a {color: ; font-weight: bold; font-size: 17px;} .checked_cat_items_wrap > div > a > i {transform: rotate(270deg) scaleX(-1);} .checked_cat_items_wrap ul {padding-left: 0; margin-bottom: 0; margin-left: -0.25rem; margin-top: -0.25rem;} .checked_cat_items_wrap ul > li {list-style: none; display: inline-block; padding: 0.25rem;} .checked_cat_items_wrap ul > li > a {padding: 0.25rem 0.75rem; font-size: 0.85rem; background-color: #818181; border-radius: 3rem; color: #fff; font-weight: 500;} .checked_cat_items_wrap ul > li > a > i {font-size: 0.75rem; display: inline-block; line-height: 1.25rem;} /* 스위치 */ .toggle_switch_wrap {position: relative; display: inline-block; vertical-align: middle;} .toggle_switch_wrap input[type="checkbox"] {display: none;} .toggle_switch_wrap label {display: block;} .toggle_switch_wrap label::before, .toggle_switch_wrap label::after {content: ""; display: block; position: absolute; cursor: pointer;} .toggle_switch_wrap label::before { /* 배경 */ width: 54px; height: 28px; margin-top: 0px; background-color: #7f7f7f; border-radius: 1em; -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; /* 배경색 애니메이션*/} .toggle_switch_wrap label::after { /* 스위치 */ top: 4px; left: 4px; width: 20px; height: 20px; border-radius: 50%; background-color: #bbb; box-shadow: 0 0 4px rgba(0, 0, 0, 0.45); -webkit-transition: left 0.25s ease; transition: left 0.25s ease; /* 스위치 이동 애니메이션 */} .toggle_switch_wrap label > span {display: block; margin-left: 3.75rem; font-size: 17px; font-weight: 500;} /* toggle_switch_wrap input[type="checkbox"] ~ label::before {background-color: skyblue; 켠 상태 배경색} */ .toggle_switch_wrap input[type="checkbox"]:checked ~ label::after { /* 켠 상태 스위치 위치 */ left: 30px; background-color: #fff;}