@charset "UTF-8"; .clubauspc-wrap a{color:#333;} .widget-item-new{font-size:0.8rem !important; color:#fff !important;} /**************************************** 이미지 크롬 브라우저 공통 ****************************************/ .clubauspc-attnt-slide-lst .img-wrap img, .clubauspc-wrap .clubauspc-slide-lst div .img-wrap img, .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-body .img-wrap img{width:-webkit-fill-available; object-fit:cover;} /* [공통] 행사 참석 버튼 */ .ausp-attd{background-color:#f16510; border:1px solid #f16510;} .ausp-cncl{background-color:#333; border:1px solid #333;} .ausp-to{background-color:#666; border:1px solid #666; color:#cfcfcf !important;} /* 인포메이션 */ .clubauspc-wrap .info-card{margin-bottom:70px; border:1px solid #999999; border-bottom:0; border-radius:0;} .clubauspc-wrap .info-card .card-header{position:relative; padding:1.25rem; background-color:#f4f4f4; border-top:2px solid #333; border-bottom:1px solid #999;} .clubauspc-wrap .info-card .card-header h4{margin:0 6rem; color:#0e6bb2; text-align:center; font-weight:bold;} .clubauspc-wrap .info-card .card-header ul{position:absolute; top:50%; right:25px; margin-top:-17.5px;} .clubauspc-wrap .info-card .card-header ul span{width:35px; height:35px; line-height:35px; border-radius:50%; display:inline-block; text-align:center; background-color:#fff; font-size:.9rem; border:1px solid #fff; color:#141414;} .clubauspc-wrap .info-card .card-header ul span:hover{color:#fff; background-color:#3e89c1; border-color:#3e89c1;} .clubauspc-wrap .info-card .card-header ul span i{font-size:1.05rem;} .clubauspc-wrap .info-card .card-body{padding:0.625rem 1.25rem; border-bottom:1px solid #999999;} .clubauspc-wrap .info-card .card-body div{margin-bottom:8px;} .clubauspc-wrap .info-card .card-body div.type_kakao{margin-bottom:0;} .clubauspc-wrap .info-card .card-body .point-mark{width:35px; height:35px; line-height:32px; border-radius:50%; display:inline-block; text-align:center; background-color:#ffffff; font-size:.9rem; border:1px solid #a0a0a0} .clubauspc-wrap .info-card .card-body .point-border-btn{padding:2px 8px; font-size:80%; color:#3e89c1; border:1px solid #3e89c1; border-radius:20px;} .clubauspc-wrap .info-card .card-body .point-border-btn:hover{color:#fff; background-color:#3e89c1; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .clubauspc-wrap .info-card .card-body .ausp-btn-wrap{margin-bottom:8px; text-align:center;} .clubauspc-wrap .info-card .card-body .ausp-btn{min-width:215px; margin:0; padding:6px 0; font-size:1.25rem; border-radius:5px; box-shadow:1px 1px 3px #939393;} .clubauspc-wrap .info-card .card-body .ausp-btn:hover{opacity:0.9;} /* 제목 기본 스타일 */ .clubauspc-head .clubauspc-ttl{display:block; margin-bottom:1.25rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .clubauspc-head .clubauspc-ttl span{color:#0e6bb2;} .clubauspc-head .more-btn{line-height:26px; font-size:90%;} .clubauspc-head .more-btn i{font-size:80%;} .clubauspc-head .more-btn span{vertical-align: middle;} /* 22.12.09 행사참석 수정사항 */ .club_auspc_head_none_btn #JS-clbTtl + div > ul {display: none;} /** 행사 BOARD **/ /* 행사 BOARD - 기본 스타일 */ .clubauspc-wrap .clubauspc-board-lst{margin-bottom:50px;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card{width:100%; margin-bottom:0.5rem; padding:1.25rem; background-color:#edf5f9; border:1px solid #aac2d2; border-radius:5px;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card:last-child{margin-bottom:0;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card > a{display:block; padding:1.25rem;} /* 행사 BOARD - 관리자 초기 화면 */ .clubauspc-wrap .clubauspc-board-lst .clubauspc-adm-init dt{font-size:1.125rem; margin-bottom:1.625rem; color:#82b4cd;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-adm-init:hover dt{color:#f16510; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-adm-init dd{color:#666;} /* 행사 BOARD - 글이 1개 이상 등록 된 화면 */ .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header{margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #aac2d2;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header .clubauspc-board-card-header-ttl h5 a{display:block; margin-bottom:0.625rem; font-size:1.25rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header .clubauspc-board-card-header-ttl h5 a:hover{text-decoration:underline !important;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header .clubauspc-board-card-header-ttl span{font-size:90%; color:#666;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header .clubauspc-board-card-header-ttl span:after{content:"|"; margin:0 7px;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header .clubauspc-board-card-header-ttl span:last-child:after{display:none;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header ul{margin-top:11.5px;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header ul span{width:35px; height:35px; line-height:35px; border-radius:50%; display:inline-block; text-align:center; background-color:#fff; font-size:.9rem; border:1px solid #fff; color:#141414;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-header ul span:hover{color:#fff; background-color:#3e89c1; border-color:#3e89c1; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-body .clubauspc-board-cnts{max-height:72px;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-body .clubauspc-board-cnts a{display:block; line-height: 24px; height:72px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-body .img-wrap{position:relative; width:100%; height:60px; overflow:hidden; display:block;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card .clubauspc-board-card-body .img-wrap img{position:absolute; top:50%; left:50%; height:100%; display:block; max-width:inherit; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /* 행사 BOARD - 글이 1개 이상 등록 된 화면 최상단 보드 (위치 바꾸지 말것) */ .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-first-card{padding:0} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-first-card a{display:block; font-size:1.125rem; color:#82b4cd;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-first-card:hover a{color:#f16510; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} /* 행사 BOARD - 더보기 */ .clubauspc-wrap .clubauspc-board-card.clubauspc-board-card-more .clubauspc-board-card-header .clubauspc-board-card-header-ttl h5 a{text-overflow:inherit; white-space:inherit; overflow:inherit;} .clubauspc-wrap .clubauspc-board-card.clubauspc-board-card .clubauspc-board-card-body .clubauspc-board-cnts{max-height:inherit;} .clubauspc-wrap .clubauspc-board-card.clubauspc-board-card-more .clubauspc-board-card-body .clubauspc-board-cnts a{line-height: inherit; height:auto; text-overflow:inherit; overflow:inherit; white-space:inherit; word-wrap:inherit; -webkit-line-clamp:inherit; -webkit-box-orient:inherit;} .clubauspc-wrap .clubauspc-board-card.clubauspc-board-card-more .clubauspc-board-card-body .clubauspc-board-cnts img{display:block; margin:0 auto;} /* 행사 BOARD - 첨부파일 */ .clubauspc-wrap .clubauspc-board-atcf a{text-decoration:underline !important;} /** 행사 BOARD 끝**/ /* 행사 알리기 */ .clubauspc-pann{margin-bottom:52px;} .clubauspc-pann .clubauspc-board-card{width:100%; padding:1.25rem; background-color:#edf5f9; border:1px solid #aac2d2; border-radius:5px;} .clubauspc-pann .clubauspc-board-card dt{margin-bottom:0.5rem; font-size:1.5rem; color:#0e6bb2;} .clubauspc-pann .clubauspc-board-card dd{color:#666;} .clubauspc-pann .clubauspc-board-card a{display:block; width:215px; margin:30px auto 0; padding:0.625rem 0; color:#f16510; font-weight:bold; text-align:center; background-color:#fff; bordeR:1px solid #f16510; border-radius:5px;} .clubauspc-pann .clubauspc-board-card a:hover{color:#fff; background-color:#f16510; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} /** 기본 슬라이드 스타일 **/ //.clubauspc-wrap .clubauspc-slide-wrap img { width:100%; height:100%; object-fit:cover; margin:0px auto;} /* 슬라이드 페이저 */ .clubauspc-wrap .bx-wrapper .bx-controls-direction a.bx-prev, .clubauspc-wrap .bx-wrapper .bx-controls-direction a.bx-next{z-index:88px !important;} .clubauspc-wrap a.bx-prev{display:block; width:48px !important; height:47px !important; left:-25px; background:url("images/btn_profile_photo_board_left_gray.png") no-repeat left top;} .clubauspc-wrap a.bx-next{display:block; width:48px !important; height:47px !important; right:-25px; background:url("images/btn_profile_photo_board_right_gray.png") no-repeat right top;} .clubauspc-wrap a.bx-prev:hover, .clubauspc-wrap a.bx-prev:active, .clubauspc-wrap a.bx-prev:focus{background:url("images/btn_profile_photo_board_left_blue.png") no-repeat left top;} .clubauspc-wrap a.bx-next:hover, .clubauspc-wrap a.bx-next:active, .clubauspc-wrap a.bx-next:focus{background:url("images/btn_profile_photo_board_right_blue.png") no-repeat right top;} .clubauspc-wrap .bx-wrapper .bx-next:focus, .clubauspc-wrap .bx-wrapper .bx-next:hover{background-position:right top !important;} .clubauspc-wrap .bx-wrapper .bx-pager.bx-default-pager a{background-color:#666 !important; border-color:#666 !important;} .clubauspc-wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#0e6bb2 !important; border-color:#0e6bb2 !important;} .clubauspc-wrap .bx-wrapper .bx-controls-auto, .clubauspc-wrap .bx-wrapper .bx-pager{bottom:-1rem;} /* 슬라이드 기본 프레임 */ .clubauspc-wrap .clubauspc-slide-lst div .img-wrap{position:relative; display:block; width:190px; height:190px; margin:0 auto 0.5rem; border:1px solid #ddd; overflow:hidden;} .clubauspc-wrap .clubauspc-slide-lst div .img-wrap img{position:absolute; top:50%; left:50%; width: 100%; height:100%; display:block; max-width:inherit; object-fit: cover; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .clubauspc-wrap .clubauspc-slide-lst div .img-wrap:hover{box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} /* 행사갤러리 */ .clubauspc-wrap .clubauspc-gall{min-height:260px; margin-bottom:52px;} /* 행사 참석자 */ .memInfo-section dl, .memInfo-section dt, .memInfo-section dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .memInfo-section dl{margin-top:1rem;} .memInfo-section dt{font-size:0.75rem; font-weight:bold; color:#5c3c23; vertical-align:top;} .memInfo-section dd{font-size:0.825rem; color:#303030; word-break:break-all;} .memInfo-section .noInfo{color:#b4b4b4;} /* 슬라이드 참석자 프레임 */ .clubauspc-wrap .clubauspc-attd{min-height:354px; margin-bottom:52px;} .clubauspc-wrap .clubauspc-attd .bx-wrapper .bx-controls-auto, .clubauspc-wrap .clubauspc-attd .bx-wrapper .bx-pager{bottom:-1.25rem;} .clubauspc-wrap .clubauspc-attnt-slide-lst > div{position:relative; margin:-1px 0 0 -1px; border:1px solid #bebebe;} .clubauspc-wrap .clubauspc-attnt-slide-lst{margin:1px 1px 0 1px;} .clubauspc-attnt-slide-lst > div .clubauspc-attnt-lder{position:absolute; top:-1px; left:-1px; color:#fe624c;} .clubauspc-attnt-slide-lst > div > div{width:135px; margin:0 auto; padding:1.25rem 0;} .clubauspc-attnt-slide-lst .clubauspcOnMem{font-size:85%; color:#2fa64d;} .clubauspc-attnt-slide-lst .clubauspcOnMem .club-auspc-on-mem{font-size:85%; color:#2fa64d;} .clubauspc-attnt-slide-lst .clubauspcOffMem{font-size:85%; color:#606060;} .clubauspc-attnt-slide-lst .clubauspcOnMem .club-auspc-off-mem{font-size:85%; color:#606060;} .clubauspc-attnt-slide-lst .clubauspc-optin .fa-comment{color:#0023e9;} .clubauspc-attnt-slide-lst .clubauspc-optin .fa-camera{color:#4c537b;} .clubauspc-attnt-slide-lst .clubauspc-optin .fa-minus{color:#868686;} .clubauspc-attnt-slide-lst .img-wrap{position:relative; display:block; margin:0 auto; width:100%; height:200px; border:1px solid #f5f5f5; overflow:hidden;} .clubauspc-attnt-slide-lst .img-wrap img{position:absolute; top:50%; left:50%; height:100%; display:block; max-width:inherit; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .clubauspc-attnt-slide-lst .img-wrap div{position:absolute; z-index:9; opacity:0; top:0; left:0; width:100%; height:100%; padding-top:60%; text-align:center; color:#efefef; background-color:rgba(0,0,0,0.5); box-sizing: border-box; transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .2s ease-out;} .clubauspc-attnt-slide-lst .img-wrap:hover div{opacity:1;} /* 행사장 위치 */ .clubauspc-loct{padding-top:40px} .clubauspc-loct .clubauspc-loct-map{position:relative;} .clubauspc-loct .clubauspc-loct-info{position:absolute; z-index:30; top:-40px; left:0; width:250px; min-height:160px; padding:1.5rem; color:#fff; background-color:rgba(0, 0, 0, 0.8);} #googleMap{margin-bottom:1rem} .clubauspc-loct .clubauspc-loct-info .row div:first-child span{padding-bottom:5px; font-size:1.5rem; border-bottom:1px solid #0e6bb2;} .clubauspc-loct .clubauspc-loct-info a{display:block; margin-top:7.5px; font-size:90%; color:#fff; opacity:0.8;} .clubauspc-loct .clubauspc-loct-info > span{display:block; margin-top:1.5rem;} .clubauspc-loct .card{margin-bottom:0.625rem; padding:1.25rem 2rem; background-color:#f4f4f4; border:1px solid #c8c8c8; border-radius:10px;} .clubauspc-loct .card:last-child{margin-bottom:0;} .clubauspc-loct .card-loct-body dl dt{display:inline-block; width:20%; vertical-align:top;} .clubauspc-loct .card-loct-body dl dt .card-loct-img{width:78px; height:44px;} .clubauspc-loct .card-loct-body dl dt .card-loct-img-car{background:url("images/car.png") no-repeat; background-position:center;} .clubauspc-loct .card-loct-body dl dt .card-loct-img-train{background:url("images/train.png") no-repeat; background-position:center;} .clubauspc-loct .card-loct-body dl dt .card-loct-img-bus{background:url("images/bus.png") no-repeat; background-position:center;} .clubauspc-loct .card-loct-body dl dt span{font-weight:bold; color:#0e6bb2;} .clubauspc-loct .card-loct-body dl dt span:before{content:""; display:block; width:80px; border-top:2px solid #0e6bb2;} .clubauspc-loct .card-loct-body dl dd{display:inline-block; width:80%;} .clubauspc-loct .card-loct-body dl dd a:before{content:"\f068"; font-size:50%; margin-top:-3px; margin-right:3px; color:#0e6bb2; 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";} .clubauspc-loct .card-loct-body dl dd a{display:block; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .clubauspc-loct .card-loct-body dl dd a span{font-size:85%; color:#4363b3;} .clubauspc-init-loct a{display:block; width:100%; height:400px; background:url("images/clubauspcinitloct.jpg") no-repeat center;} /* 행사 참석자 목록 카드 */ .clubauspc-lst-card{position:relative; padding:1.25rem 1rem; border:1px solid #dee2e6;} .clubauspc-lst-card:hover{border:1px solid #999; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .clubauspc-lst-card .auspc-mark{position:absolute; top:-1px; right:-1px; min-width:12%; padding:0.5rem;} .clubauspc-lst-card .auspc-mark:not(.ausp-to):hover{opacity:0.9;} .clubauspc-lst-card .auspc-mark-angle{position:absolute; top:34%; right:2%; color:#8e8e8e;} .clubauspc-lst-card a{color:#333;} .clubauspc-lst-card dl, .clubauspc-lst-card dt, .clubauspc-lst-card dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .clubauspc-lst-card dl dt{font-size:80%; color:#17a2b8;} .clubauspc-lst-card .clubauspc-lst-card-header{margin-right:5%; margin-bottom:0.8rem; padding-bottom:0.8rem; border-bottom:1px solid #dee2e6;} .clubauspc-lst-card .clubauspc-lst-card-header dd{font-size:1.5rem; font-weight:bold;} .clubauspc-lst-card .clubauspc-lst-card-body dt, .clubauspc-lst-card .clubauspc-lst-card-body dd{display:inline-block;} .clubauspc-lst-card .clubauspc-lst-card-body dt{width:5%; vertical-align:text-top;} .clubauspc-lst-card .clubauspc-lst-card-body .wide_dfnt_lst dt{width:12%;} .clubauspc-lst-card .clubauspc-lst-card-body .wide_dfnt_lst dd{width:20%;} .clubauspc-lst-card .clubauspc-lst-card-body dd{width:95%;} .clubausp-to-evt-card{background-color:#eee;} .clubausp-to-evt-card dl dt{color:#777;} .clubauspc-gall-mngr .img-wrap{position:relative;} .clubauspc-gall-mngr .img-overlay{display:none;} .clubauspc-gall-mngr .item-checked .img-overlay{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.65); color:#fff;} .clubauspc-gall-mngr .item-checked .img-overlay span{position:absolute; top:50%; left:50%; width:50%; padding:0.3rem 0.5rem; text-align:center; border:1px solid #fff; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .clubauspc-gall-mngr .img-expand {position:absolute; right:0; bottom:0; z-index:15; padding:0.2rem 0.6rem; font-size:1.2rem; background-color:rgba(0, 0, 0, 0.8); color:#fff;} .clubauspc-gall-mngr .img-expand i{font-size:1rem;} .clubauspc-gall-mngr .img-expand span{display:none;} .clubauspc-gall-mngr .clubauspc-slide-lst li{position:relative;} .clubauspc-gall-mngr .img-check-show{position:absolute; top:0; left:5px;} /* 에디터 안내문 */ .clubauspc-edit-gud .clubauspc-head > span{font-size:1.05rem;} /* 추가 */ .auspc-main-lst li{position:relative;} .auspc-main-lst .auspc-mark{position:absolute; top:6px; right:6px; padding:0.3rem 0.5rem;} /*** [비즈홈피 뷰 (22.2 개선)] ***/ .clubauspc-attnt-slide-lst .img-wrap img{width:100%; height:100%; object-fit:cover;} /*** [비즈홈피 뷰 (22.2 개선) 끝] ***/ /*** [22.03 대표님 요청] ***/ /* 행사 제목에 작성자 추가 */ .clubauspc-wrap .info-card .card-header h4 span{font-size:14px; font-weight:500; color:#202020;} /* 구분선 */ .sxn-dotted-pre{height:0; margin:0 !important; padding:0 !important; border-top: 1px dotted #aaa;} .sxn-dotted-pre span{display:inline-block; text-indent:-9999px;} /* 재선언 */ .clubauspc_share{margin-top:0; border-top:0;} /*** [22.03 대표님 요청 끝] ***/ .clubauspc_delete_btn{position: absolute; top: 1px; right: 5px;} /* 행사참석 */ .club_auspc_bas_notc_wrti_info {font-size: 1rem; border-radius: 2rem; vertical-align: 0.125rem;}