/** pc, 모바일 공통 css 요소 선언 */ /** width % 선언 */ .w-5{width:5%;} .w-10{width:10%;} .w-15{width:15%;} .w-20{width:20%;} .w-25{width:25%;} .w-30{width:30%;} .w-35{width:35%;} .w-40{width:40%;} .w-45{width:45%;} .w-50{width:50%;} .w-55{width:55%;} .w-60{width:60%;} .w-65{width:65%;} .w-70{width:70%;} .w-75{width:75%;} .w-80{width:80%;} .w-85{width:85%;} .w-90{width:90%;} .w-95{width:95%;} .h-50px{height: 50px !important;} .m-h-20px{max-height: 20px !important;} .m-h-30px{max-height: 30px !important;} .m-h-40px{max-height: 40px !important;} .m-h-50px{max-height: 50px !important;} .m-h-70px{max-height: 70px !important;} .h-100px{height: 100px !important;} .m-h-100px{max-height: 100px !important;} .m-h-150px{max-height: 150px !important;} .m-h-200px{max-height: 200px !important;} .m-h-300px{max-height: 300px !important;} .min-h-70px{min-height: 70px !important;} .h-70px{height: 70px !important;} .h-150px{height: 150px !important;} .h-180px{height: 180px !important;} .h-200px{height: 200px !important;} .h-300px{height: 300px !important;} .h-400px{height: 400px !important;} .h-450px{height: 450px !important;} .h-500px{height: 500px !important;} .h-600px{height: 600px !important;} .h-700px{height: 700px !important;} .h-800px{height: 800px !important;} /* 보더 제거 */ .border-none {border: 0 !important;} .color_basicBlue{color:#0048a3;} /** 뱃지형 버튼 */ .cus-round-badge{padding-right:.6rem; padding-left:.6rem; border-radius:10rem; font-size:80%} .badge-borderBtn{ border:1px solid #666666;} .badge-borderBtn-danger{border:1px solid #dc3545; color:#dc3545 !important} .badge-borderBtn-light{background-color:#f8f9fa; border:1px solid #dee2e6} .badge-violet{background-color: #a68eb9; color: #fff; border-color:#a68eb9;} .badge-violet:hover{background-color: #9775b2; color: #fff; border-color:#9775b2;} .badge-skyblue{background-color: #3b9de2; color: #fff; border-color:#3b9de2;} .badge-skyblue:hover{background-color: #3b8cc5; color: #fff; border-color:#3b8cc5;} /** [공통] */ .License{display:none;}/* 이미지 라이센스 표시 */ i{margin:0 1px;} /* 폰트어썸아이콘 기본 마진값 선언 */ /** [공통] 컨텐츠 - 하단 버튼 영역 - pc, 모바일 */ .Bottom_btn_section{text-align:center; margin:2rem 0;} .Bottom_btn_section a{margin:0 1px;} /* .SHUVIC_JQUERY_DIALOG.ui-dialog>.ui-dialog-content{padding:0;} */ .ui-dialog .ui-dialog-buttonpane{margin:0} .okTalkInfo{position: relative;} .COMMON_LIST{list-style: none;margin: 0px;padding: 0px; } .COMMON_LIST > li {background-color: #fff; border: none; } .COMMON_LIST > li > a{color: #000 !important;font-size: 1.2rem;padding: .2rem .2rem .2rem 1rem;line-height: 40px;border-bottom: 1px solid;border-bottom-color: rgba(0,0,0,0.13);text-align: left;border-right: solid 0;background-color: transparent;display: block;} .COMMON_LIST > li > a > i{cursor: pointer;padding: 10px 10px 5px 0;color: #000;} .COMMON_LIST > li.on > a > i{color: #ff6347;} .COMMON_LIST > li > ul {top: 48px;z-index: 1000;margin: 0px;padding: 0px;border: solid 1px #eeeeee;background-color: #fff;display: none;} .COMMON_LIST > li > ul.subMenuList{border:0;} .COMMON_LIST > li.on > ul{display: block;} .COMMON_LIST > li > ul > li{padding: 0 20px; list-style:none; border-bottom: 1px solid #f5f5f5;} .COMMON_LIST > li > ul > li > a {display:block;height: 50px; font-size: 1rem;padding-left: 1rem; padding:12px 1rem;} .COMMON_LIST > li > ul > li > a.on {text-decoration: underline;font-weight: bold;} .COMMON_LIST > li > ul > li > a span{margin-left:0.5rem} .COMMON_LIST.list-group > .list-group-item:not(:last-child){border-bottom:0;} /*회원수첩 리스트 파랑배경 : 시안이 붉은 계열과는 안어울려서 모던하게 변경*/ .mem_qry_list > li { background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.25); } /* .mem_qry_list > li:first-child { border-top:2px solid rgba(0,0,0,0.25); } */ .mem_qry_list > li a.menu_name { color:#000 !important; border-bottom:0px solid rgba(0,0,0,0.13); } .mem_qry_list > li a.menu_name i { color:#007bff; } .mem_qry_list li ul.subMenuList { } .mem_qry_list li ul.subMenuList li { border-bottom:1px solid #f5f5f5; padding:0; margin:0 20px; } .mem_qry_list li ul.subMenuList li a { border-bottom:0px solid #f5f5f5; } /* 텍스트 카운트 */ .text-count{font-weight:bold;} .text-count span{color:#333; margin:0 2px;} /* 참고사항 안내 가이드 */ .guide {font-size:.85rem} .guide ul li{margin-left:38px;} /* 회원수첩 분류화면 */ .memGroupList li { line-height:2rem; font-size:1.2rem; } .memGroupList li.disabled > a:hover, .memGroupList li.disabled > a:focus {opacity: 1; background-color: inherit;} .memGroupList li a{display:block; width:100%; height:100%; padding:.75rem 1.25rem; } .memGroupList li.disabled{background-color: #EEE;} /* 회원수첩 톡 설치자 구분 */ .COMMON_OKTLK_COMN_BTN{color:#1b51f0} /* 회원수첩 앨범형 */ .mypage_member .memPhoto-section ul .memPhoto-user-nm {max-width:80%; text-align: left;} .memInfo-section .coln-mjkeyword p.coln-mjkeyword{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;} /* 모바일 멤버십카드*/ .memberShip{background:url('/common/css/images/mobile/bg_membership.png') no-repeat left top; min-height: 600px; padding:4.5rem 0 0; max-height: calc(100vh - 86px) !important; position: relative; max-width: 600px; margin: 0 auto;} .memberShip > div{position:relative; margin:0rem auto; color:#ffffff; text-align:center;} .memberShip .memberPhoto{ width:200px; height:0; padding-bottom: 200px; overflow:hidden; margin:1rem auto 0; background-color:#c8c8c8} .memberShip .memberPhoto > img{object-fit: cover; width:200px; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .memberShip .memberQR{ margin-top:-50px; width:280px; height:80px; text-align:right} .memberShip .memberQR img{width:80px; height:80px; background-color:#ffffff; padding:2px; border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);} .memberShip .memberProve{margin-top:1rem; padding-left: 0.25rem; padding-right: 0.25rem;} .memberShip .memberAdListBtn{background-color:#eedb0c; padding:.5rem 1rem; box-shadow: 2px 2px 33px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 33px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 33px rgba(0, 0, 0, 0.5); font-size:1rem; margin-bottom:1rem } .memberShip .mc-footer{padding:.75rem; border-top:1px solid #cdcdcd; margin-top:1rem; position: absolute; bottom: 0;} .memberShip .mc-footer .logo {position: relative; width: 30px; height: 30px; margin-right: 0.25rem; overflow: hidden; border-radius: 50%; vertical-align: middle;} .memberShip .mc-footer img{width:30px; height:30px; border-radius:30px; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .sitemap .list-style{ display:inline-block; margin-right:3px; line-height:15px; height:15px; vertical-align:top; } .sitemap a {color: #343a40;} .sitemap .fa-link {color: #17a2b8;} /* 코멘트 공통 */ .memlist-comm{font-size:.85rem; margin-top:.5rem; color:#606060} .memlist-comm span{display:inline-block; vertical-align:top; margin-left:.35rem} /* 커스텀 컬러 선언 */ .custom-back-color{background-color:#4d6fbc;} .custom-line-color{border:1px solid #4d6fbc;} .custom-text-color{color:#4d6fbc;} .custom-back-color2{background-color:#15aba6;} .custom-text-color2{color:#15aba6; font-weight:800;} /* 커스텀 버튼 */ .btn-pink{background-color:#ee477e; color:#ffffff;} .btn-purple{background-color: #7584ba; color:#ffffff;} .btn-purple:hover{background-color:#6070a8; color:#ffffff} .btn-clubAuspc{background-color:#e67715; color:#ffffff} .btn-clubAuspc:hover{color:#ffffff; background-color:#e65a15} /* 내용없음 */ .noResultBox{font-size:1rem; text-align:center;} /*모임리스트 , 행사참석명함 개요 결과*/ .bd-callout{overflow:hidden; padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #bebebe; border-left-width:.35rem; border-radius:.25rem; } /* 모임리스트 */ .bd-callout-type_c{border-left-color:#e59d11} .bd-callout-type_b{border-left-color:#ee477e} .bd-callout-type_h{border-left-color:#4da242} .bd-callout-type_l{border-left-color:#5ea3dd} /* 로그인 화면 - 컨텐츠 영역에 박혀 잇는 로그인 창 */ .log_wrap{width:445px; margin:100px auto;} .log_wrap .log_need{font-size:13px;} .log_wrap .log_need span.log_ftbig{font-size:1.5rem; font-weight:800;} .log_wrap .gd_log_btn{border:none; padding:10px 0; color:#fff; width:100%; font-size:18px; } .log_wrap .gd_logbox i{color:#bebebe;} .log_wrap .gd_logbox input{font-size:17px; height:44px; width:67%; width:65%\0/IE9; border:none;} .log_wrap .gd_logbox input::-ms-clear { display:none; } .log_wrap .gd_logbox input::-ms-reveal { display:none; } .log_wrap .mpassWrap{width:87%; display:inline-block\0/IE9;} .log_wrap .mpassWrap i{color:#000000} .log_wrap .mpassWrap a{position:absolute; top:0px; right:0px; height:44px; font-size:.85rem; font-weight:600; padding:12px 10px 3px 8px; color:#000000; display:block; text-decoration:none;} .log_wrap label{margin-bottom:0; font-weight:600} .gd_join{display:block; font-size:16px; text-align:center; padding:5px 10px; color:#000; border-color:#4d6fbc} input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;} a.mpassEyeBtn{text-decoration:none; vertical-align:middle; color:#000000;} /* 아이디비번찾기 버튼 강조 2019-05-02*/ .findMyaccount{background-color:#cc2467; border:1px solid #cc2467; color:#ffffff !important} .findMyaccount:hover{background-color:#e64988; border:1px solid #e64988; color:#ffffff} /* 폐쇄형 로그인 화면 pc */ .not_open_loginEx h1{color: #1d6bd0;} .not_open_loginEx input{border: 1px solid #dadada; background-color:#ffffff; font-size:1.25rem; height:50px} .not_open_loginEx .mpassWrap a{position:absolute; top:0px; right:0px; height:44px; font-size:.85rem; font-weight:600; padding:12px 10px 3px 8px; color:#000000; display:block; text-decoration:none;} .not_open_loginEx .login_guide{font-size:.9rem} .not_open_loginEx label{margin-bottom:0; font-weight:600; font-size:1rem} .not_open_loginEx .loginBtn{font-size:1.25rem; background-color:#4d6fbc; color:#ffffff; border-left: 0; border-right: 0;} .not_open_loginEx .account{background-color:#dddddd; color:#333333} /* 파일업로드 */ .upload-section i{color:#dddddd} .upload-section input{display:inline-block;} .fileRegiBtn label {width:100%; margin-bottom:0; color: #ffffff; background-color: #333333; line-height:34px; display: block;} .fileRegiBtn input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} #mobileBody .fileRegiBtn label{padding:.45rem 0;} /* 첨부파일 */ .att_file{font-size:.9rem} .att_file .card-body{padding:.5rem} .att_file .all-download{font-weight:300} .att_file .list-group{margin-bottom:0;} .att_file .list-group-item{border:none;padding:.25rem} .att_file .list-group-item a{color:#666666} .file-size{color:#5992c3;} #mobileBody .att_file .file-name{ word-break:break-all;} /* ON 카메라 라인 */ .album4 .memLine{width:140px; margin:0 auto .25rem;} .memLine{font-size:80%; margin:0; overflow:hidden; height:20px; margin-bottom:.25rem; position: relative; font-size:1rem; line-height:1; text-align:left;} .memLine .onMem{color:#28a745} .memLine .onMem a{color:#28a745} .memLine .offMem a{color:#606060} .memLine .memAction{position:absolute; top:0rem; right:0rem} /* //.memLine .memAction a{margin-left:.25rem} */ .memLine .memAction i{font-size:1.25rem;} .memLine .COMMON_UPLOAD_PRFL_MNGR_BTN{ color:#4c527d} .memLine .COMMON_MEM_CHG_REQ_FORM{ color:#4c527d} .memLine .memAction .attdDelBtn i{color:#868686; font-size:1.1rem; vertical-align: bottom} /* 게시글 공유 */ /* 20. 06. 19 트위터, 페이스북 아이콘 이미지화 (밴드, 카카오톡과 맞추기 수월하게 변경) */ .board_comt_tool_lst + .board_comt_sns_lst > .sns_share {margin-left: 0.5rem;} .board_comt_sns_lst > li {vertical-align: middle;} .board_comt_sns_lst > li > a > span:first-of-type {margin: 0 auto;} .board_comt_sns_lst > li > a > span:last-of-type {font-size: 0.85rem;} .sns-share{padding:1rem 0;} .sns-share a{margin-left:3px; display:inline-block; vertical-align:bottom;} .message-ico {display:block; background:url(/common/css/images/icon/message-ico.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} .twitter-ico {display:block; background:url(/common/css/images/icon/ico_twitter.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} .facebook-ico {display:block; background:url(/common/css/images/icon/ico_facebook.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} .naver-band-ico {display:block; background:url(/common/css/images/icon/ico_naver_band.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} .kakaoTalk-ico {display:block; background:url(/common/css/images/icon/ico_kakaotalk.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} .share-ico{display:block; background:url(/common/css/images/icon/ico_share.png) 0 0 no-repeat; width:30px; height:30px; background-size:100%;} /* 21.09 게시글 공유 업데이트 표시 */ .type_kakao{position:relative; display:inline-block;} .type_kakao .noti-update{position:absolute; bottom:40px; left:50%; width:170px; font-family:'Noto Sans KR',sans-serif; font-size:14px; text-align:center; background-color:#ff6541; color:#fff; border-radius:10px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .type_kakao .noti-update:after{content:""; display:block; position:absolute; bottom:-10px; left:50%; width:5px; height:5px; border: 10px solid transparent; border-bottom-width: 0; border-top-color:#ff6541; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .fadeInOut{-webkit-animation:fadeInOut 2s linear; -moz-animation:fadeInOut 2s linear; animation:fadeInOut 2s linear;} @keyframes fadeInOut { 0% { opacity: 1; } 40% { opacity: 1; } 60% { opacity: 0; } 80% { opacity: 1; } 100%{ opacity: 0;} } /* 회원탈퇴 */ .pl-45{padding-left:2.6rem !important} .memberWtd h5{line-height:1.5} .memberWtd input[type=password]{font-size:1.25rem; padding:.65rem .75rem .375rem .75rem !important} /* 모임리스트 */ .moim-type a.home_link{color:#333333} .moim-type p{font-size:.85rem} .moim-type span.home_icon{display:inline-block; padding:2px 6px; color:#ffffff; font-weight:600; line-height:100%; margin-right:2px} .moim-type ul li{display:inline-block; padding:0} .moim-type ul li i, .moim-type .svg-inline--fa{color:#aacfef} .moim-type .bd-callout .btn{position:absolute; bottom:.5rem; right:.5rem} /* .moim-type .bd-callout p{max-height:40px; overflow:hidden;} */ /* .moim-type .bd-callout span.badge{position:absolute; right:1rem; top:1rem} */ .type_c{background-color:#e59d11;} .type_b{background-color:#ee477e} .type_h{background-color:#4da242} .type_l{background-color:#5ea3dd} .type_s{background-color:#5ea3dd} .moim-type-sm{font-size:80%} /* 관리자 - 모바일 관리자 PANEL / 사용자 - 회원수첩 모아보기 앨범형 */ .navMenuCont {min-height: calc(100vh - 108px ) !important; margin-top: 52px; overflow: hidden; display: none;} .mngt_menu_item {position: relative;} .mngt_menu_item > a {display: block; text-align: center; border:NONE; margin: 5px; border-radius:15px; height:175px; text-decoration:none;} .mngt_menu_item > a > i,.mngt_menu_item > a > span{display: block;text-align: center;color: #fff;} .mngt_menu_item .obj_sm_font{margin-top:-3px !important;} .mngt_menu_item > a > .mngt-icon{text-align:left; padding:10px 0 ;} .mngt_menu_item > a > .mngt-icon >i{color:#fff;} .mngt_menu_item > a > span{text-align:left; font-size:1.2rem; font-weight:bold; padding:20px 5px; white-space:pre-line; line-height:1.2; } .mngt_menu_item > a > .new_icon{position:absolute; top:-5px; right:-6px; width:37px; height:37px; text-align:center; font-size:1rem; padding:8px;} .mngt-arrow{position:absolute; bottom:25px; right:20px; opacity:0.5;} .mngt_menu_item .card{min-height:280px; border-radius:0;} .mngt_menu_item .card-img-top{height:203px; overflow:hidden} .mngt_menu_item .card-body{text-align:left; color: #fff; padding:5px 10px;} .mngt_menu_item .card-body .card-title{font-size:1.2rem; font-weight:bold; margin-bottom:.75rem} .mngt_menu_item .imgUpSet{position:absolute; top:1rem; right:1rem;} .mngt_menu_item .imgUpSet a{background-color:transparent !important} .memMixAlbumType .mngt_menu_item > a > span{text-align:left; font-size:1.2rem; font-weight:bold; padding:20px; white-space:pre-line; line-height:1.2} .memMixAlbumType .mngt_menu_item > a > span.memNum{position:absolute; bottom:30px; left:25px; font-weight:normal; opacity:0.7; padding:0} /* 모바일 관리자 PANEL > 메뉴버튼 컬러 선언 */ .mbg-stblue{background-color:#4d6fbc} .mbg-liblue{background-color:#30a5dc} .mbg-stgreen{background-color:#00aba9} .mbg-ligreen{background-color:#2cc16f} .mbg-purple{background-color:#7f69c7} .mbg-pink{background-color:#df5eb3} .mbg-licoral{background-color:#F08080} .mngt_menu_item:nth-child(1) a{background-color:#4d6fbc} .mngt_menu_item:nth-child(7n+2) a{background-color:#30a5dc} .mngt_menu_item:nth-child(7n+3) a{background-color:#00aba9} .mngt_menu_item:nth-child(7n+4) a{background-color:#F08080} .mngt_menu_item:nth-child(7n+5) a{background-color:#bda08e} .mngt_menu_item:nth-child(7n+6) a{background-color:#a18ebd} .mngt_menu_item:nth-child(7n+7) a{background-color:#8ebda0} .mngt_menu_item:nth-child(7n+8) a{background-color:#bdb58e} .mngt_menu_item:nth-child(1) a:hover{background-color:#6b85c2} .mngt_menu_item:nth-child(7n+2) a:hover{background-color:#62aed1} .mngt_menu_item:nth-child(7n+3) a:hover{background-color:#23bfbd} .mngt_menu_item:nth-child(7n+4) a:hover{background-color:#e5a1a1} .mngt_menu_item:nth-child(7n+5) a:hover{background-color:#a08a7c} .mngt_menu_item:nth-child(7n+6) a:hover{background-color:#8979a0} .mngt_menu_item:nth-child(7n+7) a:hover{background-color:#7ba28a} .mngt_menu_item:nth-child(7n+8) a:hover{background-color:#9f9878} /* 회칙형 */ #front .moduleHistLstLis-wrap ul{font-size:.85rem} #front .moduleHistLstLis-wrap.type0003 .hist-quick-link{margin-bottom:4rem} .moduleHistLstLis-wrap.type0003 dl{margin-bottom:0} .moduleHistLstLis-wrap.type0003 dd{font-size:.95rem; margin-bottom:0} .moduleHistLstLis-wrap.type0003 h5{color:#434672;} .moduleHistLstLis-wrap.type0003 ul li{display:block; padding: 60px 0 0 0 ;} /* 연혁 기본CSS */ .moduleHistLstLis-wrap .moduleHistLst-header{background-color: #ddd;font-weight: bold;text-align: center;font-size: 1rem;} .moduleHistLstLis-wrap ul{margin-bottom:0;} .moduleHistLstLis-wrap li:last-child dl{margin-bottom:0;} .moduleHistLstLis-wrap .moduleHistLst-item .ttl-wrap span{color:#17a2b8; font-weight: bold; vertical-align: middle !important; display: block; height: 100%;} .moduleHistLstLis-wrap .moduleHistLst-item .ttl-wrap span:before {content:""; display:inline-block; vertical-align:middle; height:100%;} .moduleHistLstLis-wrap .moduleHistLst-item > .row{padding: 5px 0;} /* 회비관리 */ .fee-search{background-color: #eeeeee; padding:1rem; margin-bottom:2rem} .fee-search .col{padding:0;} .fee-search .form-group{margin:0; margin-bottom:.25rem; } .fee-search .form-group label{font-weight:bold} .fee-date{border-top:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#f9f9f9; padding:7px 0; color:#606060} .paySuccess h4 i{color:#7584ba} /* 비밀번호 힌트 관련 작업 */ .msg-account{padding:1rem;} .msg-account i{text-align:center; color:#cdcdcd; margin-bottom:.5rem;} .msg-account h5{font-weight:bold; color:#333333} .HintBox{margin:10px 0; padding:10px; border:3px solid #bebebe;} .HintBox h5{color:#2582ea; font-weight:bold; margin-top:1rem} .simpleFindPW{margin-top:1rem} .simpleFindPW p{font-weight:bold;} .simpleFindPW a{background-color:#2582ea; color:#ffffff; padding:1rem; text-align:center; font-weight:bold;} .simpleFindPW a span{font-size:1.25rem;} .machingInfo table td{font-weight:bold} /* 정사각형 버튼 */ a.btn-sqaure{position:relative; width:80px; padding:10px 0; font-size:.8rem; margin:0 auto; line-height:1.4; margin-bottom:1rem; } a.btn-sqaure-danger{border:1px solid #d24545; color:#d24545} a.btn-sqaure-danger:hover{background-color:#d24545; color:#ffffff} a.btn-sqaure-blue{border:1px solid #0000FF; color:#0000FF} a.btn-sqaure-blue:hover{background-color:#0000FF; color:#ffffff} a.btn-sqaure-dark{border:1px solid #606060; color:#606060;} a.btn-sqaure-dark:hover{background-color:#606060; color:#ffffff} .go-page{font-weight:400; border:1px solid #333333; padding:7px 20px; border-radius:20px; color:#333333; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2) ;} .btn.go-page.btn-sm .fa-lock { color:#333; } .go-page:hover{background-color:#4d6fbc; color:#ffffff; border:1px solid #4d6fbc; text-decoration:none} /* 행사참석 > 회원검색 */ .evt_attd_mem_addn_wrap li:nth-child(1){width:40%;} .evt_attd_mem_addn_wrap li:nth-child(2){width:45%; margin-left:-1px;} /* 행사참석 > 회원추가시키기 */ .addClubAuspcMem .col-2{padding-top:12%;} .addClubAuspcMem table{font-size:90%} .addClubAuspcMem table th, .addClubAuspcMem table td{padding:.5rem 0} .addClubAuspcMem .col-5 p{position:relative; display:inline-block; width:80px; height:50px; padding:0 3px; border-radius:5px; margin-right:.87rem; background-color:#bcdee5; text-align:center; line-height:50px; font-weight:bold} .addClubAuspcMem .col-5 p span{width:100%; display:inline-block; overflow:hidden} .addClubAuspcMem .col-5 p i{position: absolute; right:-8px; top:-5px; font-size:1.25rem; color:#989898; border-radius:50%; background-color:#ffffff;} /* [완료] 행사참석, 내인맥관리 회원추가 소스 */ .add_mem_Wrap{position:relative;} .add_mem_Wrap .wrap_title{min-height:34px;} .add_mem_Wrap .wrap_title h6{margin-bottom:0;} .add_mem_Wrap .wrap_title > div:last-child{text-align:right} .add_mem_Wrap .addedMembox{margin:1rem 0 .5rem; padding:.75rem; border:1px solid rgba(0,0,0,.125); min-height:700px;} .add_mem_Wrap .toggle_mem_accordion.addedMembox{padding:0;} .add_mem_Wrap .addedMembox .card{margin-top:-1px; border:none;} .add_mem_Wrap .addedMembox .card-header{padding:0; border-bottom:none} .add_mem_Wrap .addedMembox .card-header button{font-weight:bold; color:#333333; width:100%; text-align:left; padding:.75rem; text-decoration:none; border:1px solid rgba(0,0,0,.125); border-left:0; border-right:0;} .add_mem_Wrap .addedMembox .card-header button[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: "\f0d7"; font-weight: 900; transition: all linear 0.25s; float:right;} .add_mem_Wrap .addedMembox .card-header button[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: "\f0d8"; font-weight: 900; transition: all linear 0.25s; float:right;} .add_mem_Wrap .addedMembox .card-header button[aria-expanded="true"]{background-color:#3c969c; color:#ffffff} .add_mem_Wrap .addedMembox .card-header button[aria-expanded="false"]{color:#3c969c} .add_mem_Wrap .addedMembox .card-body{padding:.75rem; } .add_mem_Wrap .addedMembox .table{font-size:.8rem} .add_mem_Wrap .addedMembox .table th, .add_mem_Wrap .addedMembox .table td{padding:.5rem 0;} a.COMMON_MEMBER_INFO{color:black} .borderBtn{border:1px solid #c8c8c8; padding:.375rem .5rem; font-size:.8rem; font-weight:bold; margin:1px; color:inherit;} .borderBtn:hover{background-color:#f5f5f5; color:#333333} .del1{background-color:#cdcdcd;} .del1:hover{background-color:#606060; color:#ffffff; border:1px solid #606060} .add1{background-color:#c86392; border:1px solid #c86392; color:#ffffff} .add1:hover{background-color:#a84573; color:#ffffff; border:1px solid #a84573} .tag-point{color:#ff6347;} .tag-me-point{font-size:.5rem; color:#ffffff; background-color:#17a2b8; width:18px; height:18px; line-height:20px; text-align:center; border-radius:50%;letter-spacing:0; } /* 서브 컨텐츠 - 하단 버튼 영역 */ .Bottom_btn_section{text-align:center; margin:3rem 0;} /* 행사참석 단계별 탭() */ .step-nav2{background-color:#cdcdcd;} .step-nav2 .col, .step-nav2 .col-3{padding:0;} .step-nav2 div{ color:#333333; text-align:center; padding:0;} .step-nav2 div.active{color:#ffffff; background-color:#68a5e9;} .step-nav2 .step-num2{color:#666666; border-radius:50%; width:30px; height:30px; line-height:30px; display:inline-block; text-align:center; background-color:#ffffff;; font-size:1rem; margin-right:.2rem} .step-nav2 div.active .step-num2{color:#68a5e9;} .step-nav2 h6{margin-bottom:0; font-weight:bold; line-height:1.25rem} .step-nav2 .step1 div.nav-link:before{content:""; display:block; position:absolute; top:0;left:0; width:20px; height:62px; background:url(/common/css/images/bg_step_before_white.png) no-repeat left; } .step-nav2 div.nav-link{padding:1rem} .step-nav2 div.nav-link:before{content:""; display:block; position:absolute; top:0;left:0; width:20px; height:62px; background:url(/common/css/images/bg_step_before_gray.png) no-repeat left; } .step-nav2 div.active.nav-link:after{z-index:1; content:""; display:block; position:absolute; top:0;right:-20px; width:20px; height:62px; background:url(/common/css/images/bg_step_after_blue.png) no-repeat left; } .step-nav2 .step4 div.nav-link:after{content:""; display:block; position:absolute; top:0;right:0px; width:20px; height:62px; background:url(/common/css/images/bg_step_after_blank.png) no-repeat left; } .step-nav3{background-color:#cdcdcd;} .step-nav3 .col, .step-nav3 .col-3, .step-nav3 .col-4{padding:0;} .step-nav3 a{ color:#333333; text-align:center; padding:0;display: block;} .step-nav3 a.active{color:#ffffff; background-color:#68a5e9;} .step-nav3 .step-num2{color:#666666; border-radius:50%; width:30px; height:30px; line-height:30px; display:inline-block; text-align:center; background-color:#ffffff;; font-size:1rem; margin-right:.2rem} .step-nav3 a.active .step-num2{color:#68a5e9;} .step-nav3 h6{margin-bottom:0; font-weight:bold; line-height:1.25rem; } .step-nav3 .step1 a.nav-link:before{content:""; display:block; position:absolute; top:0;left:0; width:20px; height:62px; background:url(/common/css/images/bg_step_before_white.png) no-repeat left; } .step-nav3 a.nav-link{padding:1rem} .step-nav3 a.nav-link:before{content:""; display:block; position:absolute; top:0;left:0; width:20px; height:62px; background:url(/common/css/images/bg_step_before_gray.png) no-repeat left; } .step-nav3 a.active.nav-link:after{z-index:1; content:""; display:block; position:absolute; top:0;right:-20px; width:20px; height:62px; background:url(/common/css/images/bg_step_after_blue.png) no-repeat left; } .step-nav3 .step3 a.nav-link:after{content:""; display:block; position:absolute; top:0;right:0px; width:20px; height:62px; background:url(/common/css/images/bg_step_after_blank.png) no-repeat left; } /*행사참석 공유*/ .clubauspc_share { border-top:1px dotted #aaa; margin-top:20px; padding-top:15px; text-align: center; } .clubauspc_share p { padding:0px; margin:0px; color:#0e6bb2; } .clubauspc_share div.inner_btns { padding-top:10px; } .clubauspc_share div.inner_btns a { display:inline-block; margin-left:15px; margin-right:0px !important; } .clubauspc_share div.inner_btns a:first-child { margin-left:0px; } .clubauspc_share div.inner_btns a:hover { text-decoration:underline; color:#b20e0e; } /* 행사참석_ 캘린더 */ .cal-top a{color:#5f5f5f; text-decoration:none} .cal-top a:hover i{color:#70c7c3} .evtCal ul {position:relative; padding:0; margin:0 0 0rem 0; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; overflow:hidden} .evtCal ul li{position:relative; float:left; display:block; width:calc(100% / 7 ); border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;} .evtCal ul.evtWeek{text-align:center; font-weight:500; background-color:#70c7c3; color:#ffffff; border-top:5px solid #60ada8; border-left:1px solid #70c7c3; padding:10px 0} .evtCal ul.evtWeek li{border:none} .evtCal ul.evtDay{margin-bottom:5rem} .evtCal ul.evtDay li{min-height:50px;} .evtCal ul li p{position:absolute; top:50%; left:50%; margin:-11px 0 0 -11px; width:22px; height:22px; text-align:center; line-height:25px; color:#000000;} .evtCal ul li p.today{border-radius:50%; width:25px; height:25px; background-color:#70c7c3; color:#ffffff; font-weight:500} .evtCal ul li p.unSelected{color:#d9d9d9 !important;} .evtCal ul li:nth-child(7n) p{color:blue} .evtCal ul li:nth-child(7n+1) p{color:red} .evtTable{border-top:2px solid #60ada8; width:100%} .evtTable tr.closeEvt{background-color:#eeeeee} .evtTable tr.closeEvt td, .evtTable tr.closeEvt td a{color:#a7a7a7} .evtTable th{text-align:center; padding:10px 0; color:#5f5f5f; border-bottom:1px solid #c8c8c8; background-color:#f5f5f5; } .evtTable td{padding:10px; border-bottom:1px solid #c8c8c8;} .evtTable td h6 a{color:#000000} .evtTable td h6 i{color:#ff9813} .evtCal ul li ul{position:relative; width:100%;text-align:center; margin:40px 0 0 0; line-height:10px; z-index:99; border:none} .evtCal ul li ul li.sch{display:inline-block; width:5px; height:5px; min-height:5px; border-radius:50%; background-color:#df64b2; margin:0 1px;} .evtCal ul li ul li:nth-child(2){background-color:#46afd1;} .evtCal ul li ul li:nth-child(3){background-color:#4c8d6c;} .evtCal ul li ul li:nth-child(4){background-color:#97b729;} .evtCal ul li ul li:nth-child(5){background-color:#ae86ba;} /* 행사참석 - 참석회원추가 */ .JS-mem_search_alert{word-break:keep-all;} /* 스크롤이 무조건 */ .scrollSection{overflow-y:auto;} /**미니홈피*/ .s-line{display:block; width:10%; height:5px; background-color:#333333; margin:auto} #memberAdInfoAdcompany{padding-top:100px; width:80%; margin:0 auto .5rem;} #member_ad_info > .member_ad_info_top {position: relative; height:auto; height:auto; max-height:250px; overflow:hidden; } #member_ad_info > .member_ad_info_top img { width:100%; height:100%; object-fit:cover; } #member_ad_info > .member_ad_info_intro { background-color: #f5f5f5; min-height: 200px; position: relative; border:1px solid #f5f5f5} #member_ad_info > .member_ad_info_intro > .ad_img_wrap > .ad_img_inner_wrap{ position: absolute; left:50%; margin:-75px 0 0 -75px; z-index: 4; display: block; width: 150px; height: 150px; overflow: hidden;border-radius:50%; background-color:#fff;} #member_ad_info > .member_ad_info_intro > .ad_img_wrap > .ad_img_inner_wrap img{position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} #member_ad_info > .member_ad_info_intro > .ad_send_btn { background-color:#d6d6d6; display: inline-block; border-radius: 50%; width:70px; height:70px; z-index:50;} #member_ad_info > .member_ad_info_intro > .adtel{ position: absolute; left:25px; top:40px; background-size:50%; background-position: 45% center} #member_ad_info > .member_ad_info_intro > .ademail{ position: absolute; right:25px; top:40px; background-size:50%; background-position:center center} #member_ad_info > .member_ad_info_intro > .ad_img_wrap > .ad_intro{ color:#333333;text-align: center; padding:1rem; text-align:center; display:block} #member_ad_info > .member_ad_info_map_keyword{background: #c4dbf7; padding:1rem 0; min-height: 150px;} #member_ad_info > .member_ad_info_map_keyword .s-line{background-color: #0072ff} #member_ad_info > .member_ad_info_map_keyword.memship{background: #f7d9e6; padding:1rem 0;} #member_ad_info > .member_ad_info_map_keyword H4{color: #333333; text-align: center; padding:1rem 0; margin: 0px; font-weight:bold} #member_ad_info > .member_ad_info_map_keyword.memship .s-line{background-color: #d94084} #member_ad_info > .member_ad_info_map_keyword .member_ad_keyword{color: #333333; text-align: center;} #member_ad_info > .member_ad_info_map_keyword.ADinfo-photo{background:#fff;} #member_ad_info > .member_ad_info_map_keyword.ADinfo-photo .s-line{margin-bottom:1rem; background:#8f44b5;} #member_ad_info > .member_ad_info_map_keyword.ADinfo-photo img{margin:0 auto 0.625rem;} #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_map_wrap > .googleMap{ position: relative;z-index: 6} #member_ad_info > .member_ad_info_map_keyword .member_ad_infoList{background-color:rgba(255,255,255,0.5); margin:0 1rem; padding:1rem 1.25rem;} #member_ad_info > .member_ad_info_map_keyword .member_ad_infoList ul{padding:0; margin:0;} #member_ad_info > .member_ad_info_map_keyword .member_ad_infoList ul li { line-height:30px; margin-bottom:.5rem; vertical-align:top; display:block !important; } #member_ad_info > .member_ad_info_map_keyword .member_ad_infoList ul li span { } #member_ad_info > .member_ad_info_map_keyword .member_ad_infoList ul li span.ml-1 { display:inline; margin-left:3px !important; } .mem_keyword_icon{ width:20px; height:30px; display:block; margin-right:.5rem; vertical-align:top; float:left; } .mem_ad_tel{background:url('/common/css/images/ico_member_ad_call.png') no-repeat center center; background-size:100%} .mem_ad_mail{background:url('/common/css/images/ico_member_ad_mail.png') no-repeat center center; background-size:100%} .mem_ad_website{background:url('/common/css/images/ico_member_ad_website.png') no-repeat center center; background-size:100%} .mem_ad_map{background:url('/common/css/images/ico_member_ad_map.png') no-repeat center center; background-size:100%} /* 구독자게시판 > 톡 설치자 안내 */ .talkUser{border-radius:50%; width:20px; height:20px; background-color:#1d5eb7; text-align:center; line-height:20px; color:#ffffff; font-size:.65rem; display:inline-block; margin:0 1px} /* help */ .shv_help:after{ font-size:1rem; color:#606060; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f059"; vertical-align: middle; margin:0 1px} .shv_help{position:absolute;; right:0; top:0;} /* //.help_wrap{position:relative; overflow:hidden} //.help_wrap > .shv_help{position:relative; float:right; top:0px;} */ /**게시판 비디오 100%적용*/ .Info-body video, .note-editing-area .note-editable video{max-width: 100%;width: auto;} /*행사참석*/ /*.Info-body{margin-bottom:3rem !important;} .Info-body:after{content:''; display:block; width:100%; margin-top:3rem; border:.5px dashed #ccc;} font.css와 겹치는 부분이라 삭제하고 한곳에서 제어*/ .fa-comment.text-primary{margin-right:0.625rem; color:#084B80 !important;} .Info-body h4{margin-bottom:1.5rem; padding-top:7px;} .tlkPhotoMoreBtn-wrap{padding:0;} .tlkPhotoMoreBtn{margin-top:1rem !important; padding:0; font-weight:bold; font-size:1rem; color:#202020 !important;} .tlkPhotoMoreBtn .far.fa-plus-square{margin-right:.625rem;} .memQryLst .text-right{margin:0 .625rem .625rem 0; font-weight:bold;} .memQryLst .text-right .fas.fa-download{margin-right:.315rem; color:#00a0d1;} .Info-body .actionImg2 img{width:100%;} .clubAuspcMemSendSms{margin-right:.625rem !important;} .ok_talkOP .col-3.text-left{margin-bottom:12px;} .ok_talkOP .btn-group.btn-group-md{margin-bottom:3px;} .Ok_talkList h4{padding-top:7px; } .Ok_talkList .totPhotoDownload, .memLstMoreBtn{padding:.375rem .75rem; font-size:1rem;} .Ok_talkList .totPhotoDownload{background-color:#084B80 !important; border:1px solid #084B80;} .Ok_talkList .totPhotoDownload .fas.fa-download{margin-right:.625rem;} .Ok_talkList .text-count-wrap{margin-bottom:.625rem !important;} #memSrchLstListWrap table td{padding:.5rem .1rem;} /* 자동로그인 만료 안내*/ .re_login .ico:before{display:inline-block; font-style:normal; font-variant:normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .re_login .noti:before{font-family: "Font Awesome 5 pro"; font-weight: 900; content: "\f071"; margin-right:0.625rem;} .re_login .card .card-body{padding:3rem 1.25rem !important; text-align:center;} .re_login .card .card-body i{margin-bottom:0.625rem; font-size:5rem;} .re_login .card .card-body .idprt{margin-bottom:1rem; display:block; font-size:1.25rem;} .re_login .card .card-body .pw_wrap{width:30%; margin:0 auto 0.625rem; padding:0.5rem 0; border:1px solid #ccc;} .re_login .card .card-body input{margin:0 !important; border:0; outline:none;} .re_login .card .card-body .pw_wrap .eyes:before{font-family: "Font Awesome 5 pro"; font-weight: 900; content: "\f06e";} .re_login .card .card-body .btn_wrap .gd_log_btn{font-size:21px; font-weight:bold; background-color:inherit; border:0; outline:none; color:#666;} .re_login .card .card-body .btn_wrap .gd_log_btn:hover{color:#2257c6} .re_login .card .card-body .btn_wrap .gd_log_btn:after{content:"|"; margin-left:0.625rem; color:#ddd;} .re_login .card .card-body .btn_wrap .gd_log_btn:last-child:after{display:none;} .re_login .card .card-body .btn_wrap .gd_log_btn.sessExprtExtnBtn{display:block; margin:0 auto 1rem; padding:0.625rem 4.3rem; background-color:#2257c6; color:#fff;} .re_login .card .card-body .btn_wrap .gd_log_btn.sessExprtExtnBtn:after{display:none;} @media screen and (max-width: 1140px) { .re_login{padding:1.25rem 1rem;} .re_login .card .card-body .pw_wrap{width:250px; margin:0 auto 0.625rem; padding:0; border:1px solid #ccc;} .re_login .card .card-body input{width:80%; padding-left:0 !important;} .re_login .card .card-body .btn_wrap .gd_log_btn:not(.sessExprtExtnBtn){display:block; margin:0 auto; font-size:0.9rem;} .re_login .card .card-body .btn_wrap .gd_log_btn:after{display:none;} .re_login .card .card-body .btn_wrap .gd_log_btn.sessExprtExtnBtn{width:250px; padding:0.625rem 0;} } /* 행사참석 */ .AuspcInfo .AuspcIcon .col{text-align:center;} .AuspcInfo .AuspcIcon span{width:35px; height:35px; line-height:35px; border-radius:50%; display:inline-block; text-align:center; background-color:#ffffff; font-size:.9rem; margin-right:.5rem; border:1px solid #a0a0a0} /**내인맥 관리*/ .table .memChecked{background-color:#eeeeee} /* 문자보내기 */ #JS-mem-join-lst{border-bottom:4px solid rgba(0,0,0,.1);} #JS-mem-join-lst .JS-mem-join-lst-tb-wrap {position:relative; padding-top:45px;} #JS-mem-join-lst .JS-mem-join-lst-tb-box {max-height:210px; overflow-y:scroll;} #JS-mem-join-lst .JS-mem-join-lst-top {position:absolute; top:0; display:inline-table;} .msgSendg-wrap table th{background-color:#f5f5f5;} .msgSendg-wrap table td{padding:0.75rem;} /* 관리자 > 고급설정 > 메인 레이아웃 설정 */ #tplSetMngtWrap .layout-preview-lst > label{position:relative; margin-right:0.625rem;} #tplSetMngtWrap .layout-preview-lst > label span{position:absolute; left:50%; bottom:5px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} #tplSetMngtWrap .layout-preview-lst .ui-state-active, #tplSetMngtWrap .layout-preview-lst .ui-widget-content .ui-state-active, #tplSetMngtWrap .layout-preview-lst .ui-widget-header .ui-state-active, #tplSetMngtWrap .layout-preview-lst a.ui-button:active, #tplSetMngtWrap .layout-preview-lst .ui-button:active, #tplSetMngtWrap .layout-preview-lst .ui-button.ui-state-active:hover{color:#003eff;} /* 인증 메시지 */ .mjoin_confirm_popmsg{padding:1.25rem !important; text-align:center;} .mjoin_confirm_popmsg-img{background: url(/common/css/images/common/mjoin_confirm_popmsg.png) no-repeat center; padding:65px 0;} .mjoin_confirm_popmsg .mjoin_box{padding:1.25rem 0.3rem; background-color:#e7e7e7;} .mjoin_confirm_popmsg .mjoin_box > div{margin:0 auto; padding:0 3rem; text-align:left;} .mjoin_confirm_popmsg .mjoin_box p{font-size:1.5rem; text-align:center;} .mjoin_confirm_popmsg .mjoin_box > span{font-size:1.25rem;} .mjoin_confirm_popmsg .joinBtn{width:400px; margin:0 auto; padding:1rem 0; font-size:1.5rem; color:#fff; background-color:#4b62d8; border:1px solid #4b62d8;} .mjoin_confirm_popmsg .mjoin_btn_box{margin-top:16px !important; text-align:center !important;} .mjoin_confirm_popmsg .mjoin_btn_box a{margin:0 auto;} @media all and (max-width:560px) { .mjoin_confirm_popmsg{word-break:keep-all;} .mjoin_confirm_popmsg h3{font-size:1.5rem;} .mjoin_confirm_popmsg .mjoin_box > div{width:90%; padding:0; font-size:1.15rem;} .mjoin_confirm_popmsg .mjoin_box p{font-size:1.25rem;} .mjoin_confirm_popmsg .mjoin_box span{font-size:1.05rem;} .mjoin_confirm_popmsg .join-apv-gud{font-size:0.9rem;} .mjoin_confirm_popmsg .joinBtn{width:100%; padding:0.8rem 0; font-size:1.25rem;} .mjoin_confirm_popmsg .mjoin_btn_box a{font-size:90%;} } /*바로가기메뉴(quickMenuDetSet) 아이콘 설정*/ i.shi { display:inline-block; line-height:1; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; min-width:66px; width:auto; height:100%; background-size:contain; vertical-align:middle; } i.shi:before { content:""; display:inline-block; } .shi-bidding-information.shc-piper { background-image:url("/common/css/images/widget/icon/sh-bidding-information.png"); } .shi-fusion-society.shc-piper { background-image:url("/common/css/images/widget/icon/sh-fusion-society.png"); } .shi-knowledge-industry-center.shc-piper { background-image:url("/common/css/images/widget/icon/sh-knowledge-industry-center.png"); } .shi-local-association.shc-piper { background-image:url("/common/css/images/widget/icon/sh-local-association.png"); } .shi-collaboration-support-project.shc-piper { background-image:url("/common/css/images/widget/icon/sh-collaboration-support-project.png"); } .shi-sh-calendar.shc-piper { background-image:url("/common/css/images/widget/icon/sh-calendar.png"); } .shi-sh-market.shc-piper { background-image:url("/common/css/images/widget/icon/sh-market.png"); } .shi-mymember-click.shc-piper { background-image:url("/common/css/images/widget/icon/sh-mymember-click_piper.png"); } .shi-folder-setting.shc-piper { background-image:url("/common/css/images/widget/icon/sh-folder-setting_piper.png"); } .shi-member-notebook-write.shc-piper { background-image:url("/common/css/images/widget/icon/sh-member-notebook-write_piper.png"); } .shi-member-notebook-check.shc-piper { background-image:url("/common/css/images/widget/icon/sh-member-notebook-check_piper.png"); } .shi-near-member.shc-piper { background-image:url("/common/css/images/widget/icon/sh-near-member_piper.png"); } .shi-member-presentation.shc-piper { background-image:url("/common/css/images/widget/icon/sh-member-presentation_piper.png"); } .shi-mymember-click.shc-white { background-image:url("/common/css/images/widget/icon/sh-mymember-click_white.png"); } .shi-folder-setting.shc-white { background-image:url("/common/css/images/widget/icon/sh-folder-setting_white.png"); } .shi-member-notebook-write.shc-white { background-image:url("/common/css/images/widget/icon/sh-member-notebook-write_white.png"); } .shi-member-notebook-check.shc-white { background-image:url("/common/css/images/widget/icon/sh-member-notebook-check_white.png"); } .shi-near-member.shc-white { background-image:url("/common/css/images/widget/icon/sh-near-member_white.png"); } .shi-member-presentation.shc-white { background-image:url("/common/css/images/widget/icon/sh-member-presentation_white.png"); } .shi-member-view.shc-white { background-image:url("/common/css/images/widget/icon/sh-member-view_white.png"); } .shi-bulb-on.shc-orange { background-image:url("/common/css/images/widget/icon/sh-bulb-on_orange.png"); } .shi-magnifying-glass.shc-orange { background-image:url("/common/css/images/widget/icon/sh-magnifying-glass_orange.png"); } .shi-pencil.shc-orange { background-image:url("/common/css/images/widget/icon/sh-pencil_orange.png"); } .shi-speech-bubble.shc-orange { background-image:url("/common/css/images/widget/icon/sh-speech-bubble_orange.png"); } .shi-folder-write.shc-orange { background-image:url("/common/css/images/widget/icon/sh-folder-write_orange.png"); } .shi-target-arrow.shc-orange { background-image:url("/common/css/images/widget/icon/sh-target-arrow_orange.png"); } .shi-bulb-on.shc-black { background-image:url("/common/css/images/widget/icon/sh-bulb-on_black.png"); } .shi-magnifying-glass.shc-black { background-image:url("/common/css/images/widget/icon/sh-magnifying-glass_black.png"); } .shi-pencil.shc-black { background-image:url("/common/css/images/widget/icon/sh-pencil_black.png"); } .shi-speech-bubble.shc-black { background-image:url("/common/css/images/widget/icon/sh-speech-bubble_black.png"); } .shi-folder-write.shc-black { background-image:url("/common/css/images/widget/icon/sh-folder-write_black.png"); } .shi-target-arrow.shc-black { background-image:url("/common/css/images/widget/icon/sh-target-arrow_black.png"); } .shi-bulb-on.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-bulb-on_outrageousOrange.png"); } .shi-magnifying-glass.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-magnifying-glass_outrageousOrange.png"); } .shi-pencil.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-pencil_outrageousOrange.png"); } .shi-speech-bubble.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-speech-bubble_outrageousOrange.png"); } .shi-folder-write.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-folder-write_outrageousOrange.png"); } .shi-target-arrow.shc-outrageousOrange { background-image:url("/common/css/images/widget/icon/sh-target-arrow_outrageousOrange.png"); } .custom_icon_info_division_line { display:block; width:100% !important; padding:0px; } .custom_icon_info_division_line a { display:block; width:100% !important; padding:0px; text-align:center; font-weight:bold; font-size:1rem; background:#ff5400; } .custom_icon_info_division_line a i.custom_icon_info { display:inline; padding:0px; font-style:normal; } .custom_icon_info_division_line a i.custom_icon_info:after { content:"이곳부터 커스텀(이미지)아이콘입니다.( P-5, M-9, M-10, M-11)"; display:inline; } /* 서울고 바로가기 메뉴 (퀵메뉴) 아이콘 추가 */ .shi-search{background:url('/common/css/images/widget/icon/shi-search.png') no-repeat center;} .shi-cash{background:url('/common/css/images/widget/icon/shi-cash.png') no-repeat center;} .shi-memcard{background:url('/common/css/images/widget/icon/shi-memcard.png') no-repeat center;} .shi-save{background:url('/common/css/images/widget/icon/shi-save.png') no-repeat center;} .shi-book{background:url('/common/css/images/widget/icon/shi-book.png') no-repeat center;} .shi-youtube{background:url('/common/css/images/widget/icon/shi-youtube.png') no-repeat center;} @media screen and (max-width: 720px) { .shi-youtube{background:url('/common/css/images/widget/icon/shi-mobile-youtube.png') no-repeat center;} } .shi-hold-hands{background:url('/common/css/images/widget/icon/shi-hold-hands.png') no-repeat center;} .shi-virtual{background:url('/common/css/images/widget/icon/shi-virtual.png') no-repeat center;} .shi-account{background:url('/common/css/images/widget/icon/shi-account.png') no-repeat center;} /* 경신고 바로가기 메뉴 (퀵메뉴) 아이콘 추가 */ .shi-user-card-mineShaft{background:url('/common/css/images/widget/icon/shi-user-card-mineShaft.png') no-repeat center;} .shi-user-mineShaft{background:url('/common/css/images/widget/icon/shi-user-mineShaft.png') no-repeat center;} .shi-pen-underline-mineShaft{background:url('/common/css/images/widget/icon/shi-pen-underline-mineShaft.png') no-repeat center;} .shi-biz-mineShaft{background:url('/common/css/images/widget/icon/shi-biz-mineShaft.png') no-repeat center;} .shi-untact-mineShaft{background:url('/common/css/images/widget/icon/shi-untact-mineShaft.png') no-repeat center;} .shi-search-mineShaft{background:url('/common/css/images/widget/icon/shi-search-mineShaft.png') no-repeat center;} /* 중소 기업 융합회 바로가게 미뉴 (퀵메뉴) 아이콘 추가 */ .shi-user-gray{background:url('/common/css/images/widget/icon/shi-user-gray.png') no-repeat center;} .shi-writePen-gray{background:url('/common/css/images/widget/icon/shi-writePen-gray.png') no-repeat center;} .shi-nameCardPen-gray{background:url('/common/css/images/widget/icon/shi-nameCardPen-gray.png') no-repeat center;} .shi-holdHands-gray{background:url('/common/css/images/widget/icon/shi-holdHands-gray.png') no-repeat center;} .shi-camMeet-gray{background:url('/common/css/images/widget/icon/shi-camMeet-gray.png') no-repeat center;} .shi-userCard-gray{background:url('/common/css/images/widget/icon/shi-userCard-gray.png') no-repeat center;} .shi-mapt-gray{background:url('/common/css/images/widget/icon/shi-mapt-gray.png') no-repeat center;} /* 프로필비즈홈피 버전 */ .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 .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) ; text-align:center;} .proBiz-Home .noResult .result_message{width:500px; margin-left:-250px; color:#5f5f5f} .proBiz-Home .noResult .result_message H2{font-size:1.8rem; 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;} /* 경조 서비스 안내 */ .cdlc_srv_flow_box_wrap{width:858px; margin:0 auto 3rem;} .cdlc_srv_flow_box_wrap > div{display:inline-block; vertical-align:middle;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap{width:330px; min-height:70px; padding:0.8rem 0; text-align:center; background-color:#343a40; color:#fff; border:1px solid #343a40; border-radius:5px; box-shadow:-2px 2px 10px rgba(0, 0, 0, 0.2);} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap em{font-size:1.5rem;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap span{display:block; font-size:1.125rem;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_out_info{display:block; margin-top:0.3rem; padding-left:45px; font-size:0.9rem; color:#999;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_icon{margin:0 5rem; font-size:1.5rem;} .cdlc_srv_flow_img_sm_wrap{width:722px; margin:0 auto 5rem;} .cdlc_srv_flow_img_sm_wrap > div{display:inline-block; vertical-align:middle;} .cdlc_srv_flow_img_sm_wrap .cdlc_srv_desc_img p{font-size:1.5rem; text-align:center;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps{position:relative; min-width:230px;} .cdlc_srv_flow_wrap{margin-bottom:3rem; padding-top:3rem; background-color:#fdfdfd; border:1px solid #ddd; border-radius:5px;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps span{display:block; width:84px; height:118px; margin:0.5rem auto 0; text-indent:-9999px; background:url('/common/css/images/cdlcSrvMngtInfo/icon_pay.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps p{margin-top:6px;} .cdlc_srv_flow_img_sm_wrap .img_minus{margin:0 7rem;} .cdlc_srv_flow_img_sm_wrap .img_minus span{display:block; width:25px; height:8px; text-indent:-9999px; background:url('/common/css/images/cdlcSrvMngtInfo/icon_minus.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps{position:relative;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps span{display:block; width:151px; height:100px; text-indent:-9999px; background:url('/common/css/images/cdlcSrvMngtInfo/icon_divy.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps p{margin-top:0.5rem; margin-bottom:-0.8rem;} .cdlc_srv_flow_img_lg_wrap{margin:0 auto 3rem;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_icon{position:relative;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_icon span{position:absolute; top:112.5px; margin-left:220px; display:block; width:26px; height:25px; text-indent:-9999px; background:url('/common/css/img/icon_groh.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img{width:250px; margin:0 auto; text-align:center;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img h3{margin-bottom:0.8rem; font-weight:bold; font-size:2rem; color:#343a40;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img span{display:block; width:196px; height:186px; text-indent:-9999px; background:url('/common/css/images/cdlcSrvMngtInfo/icon_dnat.png') no-repeat center; background-size:contain;} .cdlc_srv_info{margin:0 auto 3rem;} .cdlc_srv_info span{display:block; font-weight:bold;} /* 링크 버튼 */ .cdlc_srv_link_wrap ul{text-align: center;} .cdlc_srv_link_wrap ul li{display:inline-block; margin:0 1rem;} .cdlc_srv_link_wrap ul li a{display:block; width:150px; padding:0.8rem 0; text-align:center; background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:5px;} .cdlc_srv_link_wrap ul li a:hover{background-color:#fff; color:#4da13d; text-decoration:none;} .cdlc_admin_btn_wrap .cdlc_srv_link_wrap ul li a:hover{color:#2157d0;} /* 팝업 */ .ui-widget-overlay { background:rgba(0, 0, 0, 0.5) !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;} /* 충전하기 */ .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt:after{content:""; display:block; clear:both; overflow:hidden;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt{margin-bottom:1rem; font-size:1.125rem;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt > *{line-height:36px;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt > h1{float:left; margin-bottom:0; font-size:22px;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt > p{float:right; margin-bottom:0;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dt .cashpoint_span_hb{font-size:24px;} .cashpoint_span_hb{font-weight:bold; font-size:20px; color:#1134a6; padding-left:10px;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div{width:100%;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div > label{width:calc(100% / 6); margin-left:-2px} .charg_btm_ardy_2nd_dfnt_lst:after{content:""; display:block; width:100%; height:1px; background-color:#c6c6c6;} .charg_btm_ardy_2nd_dfnt_lst dt{display:none;} .charg_btm_ardy_2nd_dfnt_lst dd{font-size:0;} .charg_btm_ardy_2nd_dfnt_lst dd > *{display:inline-block; font-size:1rem;} .charg_btm_ardy_2nd_dfnt_lst dd > input{width:95%;} .charg_btm_ardy_2nd_dfnt_lst dd > span{width:5%; text-align:right;} .charg_btm_ardy_2nd_dfnt_lst dd > p{margin-top:11px; color:#636363; word-break:keep-all;} .charg_btm_ardy_2nd_dfnt_lst dd .point_bullet{display:inline-block; margin-right:5px; width:20px; height:20px; line-height:20px; text-align:center; font-size:8px; background-color:#6d6e71; color:#fff; border-radius:50%; vertical-align:middle;} .charg_btm_ardy_3rd_dfnt_lst{margin-bottom:10px;} .charg_btm_ardy_3rd_dfnt_lst dt{display:none;} .charg_btm_ardy_3rd_dfnt_lst dd > div{width:100%;} .charg_btm_ardy_3rd_dfnt_lst dd > div > label{width:176px;} .charg_btm_ardy_3rd_dfnt_lst dd > div > label:nth-child(2){margin:0 8.5% !important;} /* 충전하기 > 무통장입금 */ .nil_bank_rcpt_gud_wrap .nil_bank_rcpt_annc{font-size:1.125rem; text-align:center; color:#373737;} .nil_bank_rcpt_gud_wrap .nil_bank_rcpt_annc strong{font-size:22px; color:#ff0517;} .nil_bank_rcpt_gud{margin:20px 0; padding:26px 0.3rem 22px; text-align:center; color:#111; border:1px solid #b7b7b7;} .nil_bank_rcpt_gud .nil_bank_rcpt_gud_lst{margin:0; padding:0;} .nil_bank_rcpt_gud .nil_bank_rcpt_gud_lst > li{list-style:none;} .nil_bank_rcpt_gud .nil_bank_rcpt_gud_lst > li:first-child{margin-bottom:1rem;} .nil_bank_rcpt_gud .nil_bank_rcpt_gud_lst > li p{margin-bottom:0; font-size:24px; font-weight:bold;} .nil_bank_rcpt_gud_sms_srv_wrap:after{content:""; display:block; width:100%; height:1px; margin-bottom:30px; background-color:#b7b7b7; clear:both; overflow:hidden;} .nil_bank_rcpt_gud_sms_srv_outer{float:left; font-size:0;} .nil_bank_rcpt_gud_sms_srv_outer > *{display:inline-block; line-height:59px; font-size:1.125rem; color:#373737;} .nil_bank_rcpt_gud_sms_srv_outer .nil_bank_rcpt_gud_sms_srv{width:355px; margin:0 11px;} .nil_bank_rcpt_gud_sms_srv_outer .nil_bank_rcpt_gud_sms_srv input{width:100%; padding:11px 0 11px 20px; border:1px solid #b7b7b7;} .nil_bank_rcpt_gud_sms_srv_wrap .btn_nil_bank_rcpt_gud_sms_srv{float:right; width:105px;} .nil_bank_rcpt_gud_sms_srv_wrap .btn_nil_bank_rcpt_gud_sms_srv a{display:block; text-align:center;} .nil_bank_rcpt_gud_form_btn_wrap .nil_bank_rcpt_gud_form_btn_lst{font-size:0; margin:0 auto; text-align:center;} .nil_bank_rcpt_gud_form_btn_wrap .nil_bank_rcpt_gud_form_btn_lst li{list-style:none; display:inline-block; font-size:1.125rem;} .nil_bank_rcpt_gud_form_btn_wrap .nil_bank_rcpt_gud_form_btn_lst li:first-child{margin-right:20px;} .nil_bank_rcpt_gud_form_btn_wrap .nil_bank_rcpt_gud_form_btn_lst li a{display:block; width:170px; padding:13px 0;} @media screen and (max-width: 720px) { .charg_btm_ardy_wrap{padding:20px;} .charg_btm_ardy_wrap .container{padding:0;} .charg_btm_ardy_wrap .COMMON_BUTTONSET label{margin-bottom:0; background-color:#ddd; border:1px solid #999; border-right:0;} .charg_btm_ardy_wrap .COMMON_BUTTONSET label:last-child{border-right:1px solid #999;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div{display:table; width:100%; table-layout:fixed;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div > label{display:table-cell; width:auto; text-align:center;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div > label.checked{background:#007fff; color:#fff; border:1px solid #003eff;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div > label:nth-child(4){display:none;} .charg_btm_ardy_wrap .charg_btm_ardy_1st_dfnt_lst dd > div > label input[type="radio"]{width:1px; height:1px;} .charg_btm_ardy_3rd_dfnt_lst dd > div{display:table; width:100%; table-layout:fixed;} .charg_btm_ardy_3rd_dfnt_lst dd > div > label{display:table-cell; width:auto; padding:5px 0; font-size:90%; text-align:center; background-color:#ddd; border:1px solid #999;} .charg_btm_ardy_3rd_dfnt_lst dd > div > label.checked{background:#007fff; color:#fff; border:1px solid #003eff;} .charg_btm_ardy_3rd_dfnt_lst dd > div > label input[type="radio"]{width:1px; height:1px;} } .board_shrg_prev_wrap{margin:1rem 1.125rem 0.5rem;} .board_shrg_prev_wrap .board_shrg_prev_cont{margin:1rem 0;} .board_shrg_prev_wrap .board_shrg_prev_cont textarea{width:100%; height:120px; padding:0.8rem; border:none; outline:1px solid #e5e5e5;} .board_shrg_prev_wrap .board_shrg_prev_cont textarea:focus{outline:1px solid #e5e5e5;} .board_shrg_prev_wrap .board_shrg_url_wrap > *{display:inline-block; margin-bottom:1rem;} .board_shrg_prev_wrap .board_shrg_url_wrap .board_shrg_url{width:100%; height:60px; padding:0.8rem; background-color:#fafafa; color:#1b1b1b; border:1px solid #e5e5e5; white-space:nowrap; overflow:hidden; overflow-x:scroll;} .board_shrg_prev_wrap .board_shrg_copy_btn_wrap{display:block; width:100px; margin:50px auto 0;} .board_shrg_prev_wrap .board_shrg_copy_btn_wrap a{height:100%; display:block; padding:0.3rem; text-align:center; background-color:#e5e5e5; color:#333; border:1px solid #e5e5e5;} .board_shrg_sns_lst_wrap{margin-top:1rem;} .board_shrg_sns_lst_wrap .board_shrg_sns_lst{text-align:center;} /*** [버튼 가로 정렬] ***/ .align_btn_lst{padding-left:0; font-size:0;} .align_btn_lst > *{display:inline-block; font-size:16px; vertical-align:middle;} .align_btn_lst li{margin-right:12px;} .align_btn_lst li:last-child{margin-right:0;} .align_btn_lst li a{text-align:center;} /*** [버튼 가로 정렬 끝] ***/ /*** [게시판 뷰 :: 기능 버튼] ***/ .board_tool_btn_lst{display:table; width:100%; margin-bottom:0; border:1px solid #bebebe;} .board_tool_btn_lst > li{display:table-cell; margin-right:0; border-right:1px solid #bebebe;} .board_tool_btn_lst > li:last-child{border-right:0;} .board_tool_btn_lst > li > a{display:block; min-width:50px; padding:5px; font-size:14px; text-align:center; color:#6c757d;} .board_tool_btn_lst .board_shrg_info_btn{background-color:#034c9d; color:#fff;} /* 게시판 상단 > 댓글보기 */ .cont_cmt{position:relative;} .cont_cmt .img_wrap{position:absolute; top:45%; right:3px; display:inline-block; width:25px; height:20px; margin-left:5px; font-size:12px; text-align:center; background:url('/common/css/images/mobile/ico_cmt_wrap.png') no-repeat center; background-size:contain; color:#fff; letter-spacing:-1px; webkit-transform:translateY(-55%); -moz-transform:translateY(-55%); -o-transform:translateY(-55%); transform:translateY(-55%);} /*** [게시판 뷰 :: 기능 버튼 끝] ***/ /*** [게시판 뷰 :: 본문 자세히 보기] ***/ /* 본문 말줄임 */ .m-bbs-info .Info-body.JS-overWord > span{max-height:360px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical; word-wrap:break-word; /*line-height: 1.5em; text-align: left; text-indent: 40px; direction: rtl; */} /* 본문 자세히 보기 버튼 */ .btn_func_cont{display:block; width:130px; margin:15px auto 0; padding:5px; font-size:14px; font-weight: bold; background-color:#f8f9fa; color:#000 !important; border:1px solid #808080; border-radius:3px;} .btn_func_cont:after{margin-left:8px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; font-weight: 500;} .JS-more-cont.btn_func_cont:after{content: "\f107";} .JS-simpl-cont.btn_func_cont:after{content:"\f106";} /*** [게시판 뷰 :: 본문 자세히 보기 끝] ***/ /*** [게시판 뷰 :: 상단 토글 툴바] ***/ .Info-top{position:relative;} .Info-top .article_tool{position:absolute; bottom:12px; right:0;} .article_tool .btn_article_tool{position:relative;} .article_tool .btn_article_tool > i.fa-ellipsis-v{font-size:22px; color:#034c9d;} .item_lst{display:none; position:absolute; top:4px; right:15px; z-index:3; width:126px; padding:10px 0; background-color:#fff; border:1px solid #bebebe; box-shadow:0 0 10px rgb(0 0 0 / 13%);} .item_lst:after{content:""; display:inline-block; position:absolute; top:4px; right:-8.5px; z-index:4; width:9px; height:8px; background:url('/common/css/images/mobile/speech_bubble_right.png') no-repeat center; background-size:contain;} .m-bbs-info .Info-top .item_lst li{display:block;} .m-bbs-info .Info-top .item_lst li, .m-bbs-info .Info-top .item_lst li:after{content:""; content:none; padding:0;} .item_lst li{line-height:36px;} .item_lst .img_wrap{display:inline-block; margin-right:15px; text-indent:-9999px; width:17px; height:17px; vertical-align:middle;} .item_lst .img_wrap.img_pen{background:url('/common/css/images/mobile/ico_pen.png') no-repeat center; background-size:contain;} .item_lst .img_wrap.img_board{background:url('/common/css/images/mobile/ico_board.png') no-repeat center; background-size:contain;} .item_lst .img_wrap.img_close{background:url('/common/css/images/mobile/ico_close.png') no-repeat center; background-size:contain;} .item_lst a{display:block; text-align:center;} /*** [게시판 뷰 :: 상단 토글 툴바 끝] ***/ /* 파일 첨부 더보기 */ .JS-moreBoardFile.JS-hidden{height:60px; overflow:hidden;} .JS-btnMoreFile{display:block; width:70px; margin:15px auto 0; padding:5px; font-size:14px; text-align:center; border-radius:3px; cursor:pointer;} .JS-moreBoardFile +.JS-btnMoreFile:after{content: "\f106"; margin-left:8px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; font-weight: 500;} .JS-moreBoardFile.JS-hidden +.JS-btnMoreFile:after{content: "\f107"; margin-left:8px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; font-weight: 500;} @media screen and (max-width: 720px) { .JS-moreBoardFile.JS-hidden{height:100px;} } /* [수정] 게시판 첨부파일 더보기 */ .float-right .JS-btnMoreFile{width:auto; margin-top:0; padding:5px 8px;} .JS_hiddenLst{height:50px; overflow:hidden;} /* 간편복사 */ .board_shrg_info_btn{display: block; min-width: 50px; padding: 5px; font-size: 16px; text-align: center; background-color:#034c9d; color:#fff;} /* 부트스트랩 버튼들과 함께 있을 경우 */ .btn.board_shrg_info_btn{padding: 6px 12px; color:#fff !important;} /*** [2021 팝업 리뉴얼] ***/ .SHUVIC_JQUERY_DIALOG{border:1px solid #ccc !important; border-top:2px solid #000 !important; border-radius:0 !important; -webkit-box-shadow:0px 0px 15px 2px rgb(0 0 0 / 11%); -moz-box-shadow:0px 0px 15px 2px rgb(0 0 0 / 11%); -o-box-shadow:0px 0px 15px 2px rgb(0 0 0 / 11%); box-shadow:0px 0px 15px 2px rgb(0 0 0 / 11%);} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{background-color:#f1f2f7 !important; border-radius:0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{margin:0.5rem 0 !important; padding-left:30px !important; font-size:1.125rem !important; font-weight:normal !important; color:#000 !important; background:none !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:30px !important; width:23px !important; height:21px !important; background:url('/common/css/images/ico-close-black.png') no-repeat !important; background-size:contain !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-widget-content{border:0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button{background-color:#fff !important; color:#333 !important; border:1px solid #333 !important; border-radius: 0 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_conf{background-color:#333 !important; color:#fff !important; border:1px solid #333 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_blue{background-color:#0085d9 !important; color:#fff !important; border:1px solid #0085d9 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} /* (요청) 팝업 중앙정렬 */ #DIALOG_ALERT, #DIALOG_CONFIRM{text-align:center;} @media screen and (max-width: 720px) { .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{padding-left:20px !important; font-size:18px !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:15px !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-url-copy {right: 3rem;} } /*** [2021 팝업 리뉴얼 끝] ***/ /*** [(모바일) 팝업] ***/ @media screen and (max-width: 720px) { .ui-dialog .index_pop_up.ui-dialog-content{max-height:500px !important; padding:20px 20px !important; overflow-y:scroll;} } /*** [(모바일) 팝업 끝] ***/ /* 21.05 회원수첩 목록형 너비 조정 */ .memQryLst .coln-mjmname p.text-truncate{overflow: auto; text-overflow: unset; white-space: normal; word-break: keep-all;} /* 팝업 */ .form_inline_block{font-size:0;} .form_inline_block > *{display:inline-block; font-size:16px; vertical-align:middle;} .form_inline_block > input{width:13px;} .form_inline_block > label{width:calc(100% - 13px); margin-right:0 !important; font-size:0;} .form_inline_block label > *{display:inline-block; font-size:16px; vertical-align:middle;} .form_inline_block label > span{max-width:60px;} .form_inline_block label .inputFormWrap{width:calc(100% - 60px);} /*** [2021 자동 로그인 연장 리뉴얼] ***/ /* 영역 */ .re_login .form .card{border:0; border-radius:0;} /* 제목글 */ .re_login .card-header{padding:0; text-align:center; background-color:transparent; border:0;} .re_login .card-header h1{margin-bottom:0; font-size:36px; font-weight:500; color:#221613;} /* 내용 영역 */ .re_login .card .card-body{padding:27px 0 !important;} /* 이미지 */ .prfl_img_wrap .img_wrap{width:150px; height:150px; margin:0 auto; background:url('/common/css/images/user_prfl_sample_pic.png') no-repeat center; background-size:contain;} .prfl_img_wrap .img_wrap span{display:none;} /* 아이디 */ .re_login .card .card-body .idprt{margin-bottom:0; font-size:26px; color:#000;} /* 비밀번호 */ .re_login .card .card-body .pw_wrap{width:100%; margin:0; margin-top:20px;} .re_login .card .card-body .pw_wrap input{width:70%; padding:11px; font-size:16px;} .re_login .card .card-body .pw_wrap input::placeholder{color:#a8a8a8} .re_login .card .card-body .pw_wrap .eyes{width:30%; font-size:15px; color:#666;} .re_login .card .card-body .pw_wrap .eyes:before{margin-right:5px; font-weight:500;} /* 비번보기 안내문 */ .re_login .gud_wrap{margin-top:10px; padding:7px 0; font-size:16px; font-weight:normal; text-align:center; background-color:#e3e3e3; color:#114886; border:1px solid #e3e3e3;} /* 자동로그인 연장 버튼 */ .re_login .card .card-body .btn_wrap .gd_log_btn.sessExprtExtnBtn{width:100%; margin-top:20px; margin-bottom:26px; padding:19px 0; font-size:21px; font-weight:500; text-align:center; background-color:#163962; color:#fff; border:1px solid #163962;} /* 버튼 리스트 */ .re_login .card .card-body .btn_wrap > ul{margin:0; padding:0;} .re_login .card .card-body .btn_wrap > ul li{list-style:none; margin-bottom:10px;} .re_login .card .card-body .btn_wrap > ul li:last-child{margin-bottom:0;} .re_login .card .card-body .btn_wrap > ul li button{display:block !important; width:100%; padding:7px 0 !important; font-size:16px !important; font-weight:normal !important; background-color:#c0c0c0 !important; color:#fff !important; border:1px solid #c0c0c0 !important; border-radius:20px;} .re_login .card .card-body .btn_wrap > ul li button.non_active{background-color:#ff9256 !important; border-color:#ff9256 !important;} /* 안내문 */ .re_login .alert{font-size: 16px; font-weight: normal; text-align: center; background-color: #e3e3e3; color: #114886; border: 1px solid #e3e3e3; } /*** [2021 자동 로그인 연장 리뉴얼 끝] ***/ /*** [2021 리뉴얼 :: 공통] ***/ .btn_bg_gray{display:inline-block; padding:6px 10px; background-color:#484e55; font-weight:300; color:#fff !important; border:1px solid #484e55; white-space: nowrap;} .btn_bg_white{display:inline-block; padding:6px 10px; background-color:#fff; font-weight:300; color:#666; border:1px solid #e7e7e7;} .btn_bg_poloBlue{display:inline-block; padding:6px 10px; background-color:#7ea5d0; font-weight:300; color:#fff; border:1px solid #7ea5d0;} /*** [2021 리뉴얼 :: 공통 끝] ***/ /*** [비즈배지 폼] ***/ /* 비즈배지 */ .BIZ_badge_form_wrap .BIZ_user_prfl_outer_wrap{width:150px; padding:0;} .BIZ_badge_wrap{position:relative; margin-top:-15px; z-index:10;} .BIZ_badge{width:143px; height:40px; margin:0 auto; background:url('images/biz_init_badge.png') no-repeat center; background-size:cover; border-radius:20px; box-shadow:0px 0px 3px 0px rgb(0, 0, 0, 0.3);} .BIZ_badge span{display:none;} /*** [비즈배지 폼 끝] ***/ /*** [프로필보기 다이얼로그창 사진영역] ***/ .mypage_photo .photo .BIZ_badge_wrap{position:absolute; bottom:10px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .mypage_photo .photo .BIZ_badge_wrap{margin-top:0;} .mypage_photo .photo .BIZ_badge_wrap .BIZ_badge{width:155px; height:43px;} /*** [프로필보기 다이얼로그창 사진영역 끝] ***/ /*** [회원목록 비즈배지] ***/ .memPhoto-section{position:relative;} .memPhoto-section .area_hei_wrap{min-height:202px;} .memPhoto-section .BIZ_badge_wrap {margin-top:-65px;} #mobileBody .memPhoto-section .BIZ_badge_wrap {margin-top:-31px; } .memPhoto-section .BIZ_badge{width:100%; padding-bottom: 25%; margin:0 auto;} .memQryLst label .BIZ_badge span{display:none;} @media (min-width: 1024px) { .memPhoto-section .BIZ_badge{width: 135px; padding-bottom: 20px; margin:25px auto 0;} } /*** [회원목록 비즈배지 끝] ***/ /*** [화상회의 회원목록 비즈배지] ***/ .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap a{height:100%;} .cam_meet_det_dspy_attd_lst_div_outer .cam_meet_det_dspy_attd_lst_img_wrap img{height:100%; object-fit:cover;} .cam_meet_det_dspy_attd_lst_img_wrap .memPhoto-section .area_hei_wrap{height:180px; min-height:auto;} .cam_meet_det_dspy_attd_lst_img_wrap .memPhoto-section .BIZ_badge_wrap{margin-top:-38px;} /*** [화상회의 회원목록 비즈배지 끝] ***/ /*** [회원가입 완료 안내] ***/ .mem_join_fn_wrap{padding:50px 0; text-align:center; background-color:#fff; border:1px solid #e7e7e7; border-radius:20px;} .mem_join_fn_wrap .ico_wrap i{font-size:5rem; color:#7ea4d1;} .mem_join_fn_wrap .txt_wrap{margin-top:30px; font-size:1.125rem;} .mem_join_fn_wrap .txt_wrap p{margin-bottom:0;} .mem_join_fn_wrap .txt_wrap ul{margin:0; margin-top:30px; padding:0;} .mem_join_fn_wrap .txt_wrap ul > li{display:inline-block; margin-right:10px;} .mem_join_fn_wrap .txt_wrap ul > li:last-child{margin-right:0;} /* 모바일 */ @media screen and (max-width: 720px) { .mem_join_fn_wrap{border:0; border-radius:0;} } /*** [회원가입 완료 안내 끝] ***/ /*** [(모바일) 회원가입 단계별 탭] ***/ .mem_join_step_gud_wrap{position:relative; margin-bottom:20px; padding:10px; font-size:1.125rem; font-weight:normal; text-align:center; background-color:#373737; color:#fff;} .mem_join_step_gud_wrap:after{content:"\f0d7"; position:absolute; bottom:-15px; left:50%; color:#373737; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); font-family: "Font Awesome 5 Pro"; font-weight:900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /*** [(모바일) 회원가입 단계별 탭 끝] ***/ /* 임원진 */ .memQryLstWrap .ttl_wrap{padding-left:0; padding-bottom:10px; border:0;} /*** [이용약관] ***/ .pre_table{margin:5px 0; border:1px solid #ddd; border-collapse:collapse;} .pre_table tr th{padding:5px 15px; text-align:center; border:1px solid #ddd;} .pre_table tr td{padding:5px 15px; border:1px solid #ddd;} /*** [이용약관 끝] ***/ /***** [회원가입, 로그인, 아이디/비밀번호 찾기] *****/ /*** [공통] ***/ /* 영역 내 리셋 */ .mem_card ul, .mem_card ol, .mem_card dl, .mem_card dt, .mem_card dd, .mem_card p{list-style:none; margin:0; padding:0;} .mem_card a, .mem_card a:hover{text-decoration:none;} .mem_card button{border:0; outline:none;} .mem_card .card{border:none; border-radius:0;} .mem_card label{margin:0; cursor:pointer;} /* 정렬 */ .in-block{font-size:0;} .in-block > *{display:inline-block; font-size:16px; vertical-align:middle;} /* 입력 */ .mem_card input[type="text"], .mem_card input[type="password"]{width:100%; padding:13px 14px; font-size:16px; border:1px solid #c1c1c1 !important;} .mem_card input[type="text"].form-control, .mem_card input[type="password"].form-control{height:auto; font-size:16px !important; line-height:revert; border:0; box-shadow:none;} .mem_card input[type="text"]::placeholder, .mem_card input[type="password"]::placeholder{color:#a8a8a8;} /* 텍스트 색상 */ .cr_AzureRadiance{color:#019df6;} .cr_Amaranth{color:#eb225b;} /* 버튼 */ .btn_bg_AtomicTangerine{background-color:#ff9256 !important; color:#fff !important; border:1px solid #ff9256 !important;} /* 영역 */ .container_mem_card{width:700px; margin:0 auto; padding:0;} .mem_card{background-color:#fff; border:1px solid #c6c6c6;} .mem_card .card_header{padding:15px 100px; font-size:26px; font-weight:500; text-align:center; color:#1d1d1d; background-color:#fafafa; border-bottom:1px solid #c6c6c6; letter-spacing:-0.5px;} .mem_card .card_body{padding:50px 85px 60px;} /* 카드 이름 */ .mem_card h1.card_ttl{margin-bottom:32px; font-size:24px; font-weight:500 !important; text-align:center; color:#221613; letter-spacing:-0.5px;} .mem_card dl.card_ttl{margin-bottom:24px;} .mem_card dl.card_ttl dt{font-size:36px; font-weight:500; text-align:center; color:#221613; letter-spacing:-0.5px;} .mem_card dl.card_ttl dd{margin-top:4px; font-size:21px; text-align:center; color:#221613; letter-spacing:-0.5px;} /* 하단 버튼 */ .area_botm_btn button{width:100%; margin-bottom:20px; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .area_botm_btn button:last-child{margin-bottom:0;} .area_botm_btn .btn_border_Diesel{background-color:#fff; color:#333; border:1px solid #040000;} /* 버튼 리스트 */ .btn_area_outer{margin:0 -5px;} .btn_lst{display:inline-block;} .btn_lst > li{display:inline-block; font-size:1rem; vertical-align:middle;} .btn_lst > li a{display:block; margin:0 5px; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff !important; border:1px solid #32a6b5;} /* 버튼 텍스트 리스트 */ .btn_txt_area_outer{margin:0 -15px;} .btn_txt_lst{width:100%; display:inline-block; text-align:center;} .btn_txt_lst > li{position:relative; display:inline-block; margin:0 15px; font-size:1rem; vertical-align:middle;} .btn_txt_lst > li:after{content:""; position:absolute; top:50%; right:-15px; width:1px; height:12px; background-color:#e1e1e1; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .btn_txt_lst > li:last-child:after{display:none;} .btn_txt_lst > li a, .btn_txt_lst .findMyaccount, .btn_txt_lst .findMyaccount:hover{display:block; padding:0; font-size:18px; text-align:center; background-color:transparent; color:#696969 !important; border:0;} /* 몬의&건의*/ .qust_ppsl{width:380px; margin:0 auto;} .mem_info .qust_ppsl{width:76%;} .qust_ppsl p{font-size:18px; font-weight:500 !important; color:#000; letter-spacing:-0.5px;} .qust_ppsl div + .area_btn{margin-left:6px;} .qust_ppsl .area_btn button{padding:4.5px 44px; font-size:18px; font-weight:500; text-align:center; background-color:#e3e3e3; color:#000; border:1px solid #e3e3e3; border-radius:20px; letter-spacing:-0.5px;} /* 관리자 로그인 */ .btn_sAdmin a{display:block; width:100%; padding:0 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff !important; border:1px solid #32a6b5;} /* 단독 페이지 */ .mem_card_rltv{position:relative; width:100%; height:100%; min-height:100vh; background-color:#f9f9f9;} .mem_card_rltv > .container_mem_card{position:absolute; top:50%; left:50%; box-shadow: 4px 4px 30px 6px rgb(0 0 0 / 9%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} @media screen and (max-width: 720px) { /* 영역 */ .container_mem_card{width:100%;} .mem_card{border:0;} .mem_card .card_header{position:relative; padding:9px 20px;} .mem_card .card_header .area_back{position:absolute; top:50%; left:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .mem_card .card_header .area_back i{font-size:40px; color:#c5ccd1;} .mem_card .card_body{padding:40px 20px 50px;} /* 카드 이름 */ .mem_card dl.card_ttl dt{font-weight:500; color:#221613; word-break:keep-all;} /* 버튼 텍스트 리스트 */ .btn_txt_lst{margin-bottom:-10px; text-align:center;} .btn_txt_lst > li{margin-bottom:10px;} /* 몬의&건의*/ .qust_ppsl{width:100%; text-align:center;} .qust_ppsl div + .area_btn{margin-top:20px; margin-left:0px;} /* 관리자 로그인 */ .btn_sAdmin a{width:50%; margin:0 auto; border-radius:20px;} } /* 영역 */ #mobileBody .container_mem_card{width:100%;} #mobileBody .mem_card{border:0;} #mobileBody .mem_card .card_header{position:relative; padding:9px 20px;} #mobileBody .mem_card .card_header .area_back{position:absolute; top:50%; left:20px; -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%);} #mobileBody .mem_card .card_header .area_back i{font-size:40px; color:#c5ccd1;} #mobileBody .mem_card .card_body{padding:40px 20px 50px;} /* 카드 이름 */ #mobileBody .mem_card dl.card_ttl dt{font-weight:500; color:#221613;} /* 몬의&건의*/ #mobileBody .qust_ppsl{width:100%; text-align:center;} #mobileBody .qust_ppsl div + .area_btn{margin-top:20px; margin-left:0px;} /* 관리자 로그인 */ #mobileBody .btn_sAdmin a{width:50%; margin:0 auto; border-radius:20px;} /** 팝업 **/ .SHUVIC_JQUERY_MOBLE_DIALOG .container_mem_card{width:100%;} .SHUVIC_JQUERY_MOBLE_DIALOG .mem_card .card_body{padding:40px 20px 50px;} .SHUVIC_JQUERY_MOBLE_DIALOG {left: 50%; transform: translateX(-50%);} .SHUVIC_JQUERY_HOSTING_MOBLE_DIALOG {left: 50%; transform: translateX(-50%); z-index:9999;} /*** [공통 끝] ***/ /*** [로그인] ***/ /* 영역 */ .func_login .inp_lst_outer{margin-bottom:16px;} .func_login .set_lst_outer{margin-bottom:30px;} /* 로그인 입력 */ .inp_lst_outer li{margin-bottom:15px;} .inp_lst_outer li:last-child{margin-bottom:0;} .inp_lst_outer li input[type="text"], .inp_lst_outer li input[type="password"]{border:0; outline:0;} /* 로그인 상단 로고 조정 */ /* .container_mem_card dl.JS-header-title-btn {height: 200px; overflow: hidden; position: relative;} .container_mem_card dl.JS-header-title-btn > img {object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */ /* 비번보기 */ .area_bss_pass_eye{position:relative;} .area_pass_eye{position:absolute; top:50%; right:20px; font-size:15px; color:#666; letter-spacing:-0.5px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .area_pass_eye input[type="checkbox"]{display:none;} .area_pass_eye label:before{content:""; display:inline-block; width:25px; height:19px; margin-right:5px; background:url('/common/css/images/eyes_border.png') no-repeat; background-size:contain; vertical-align:middle;} .area_pass_eye label.checked:before{background:url('/common/css/images/eyes_bg.png') no-repeat;} /* 로그인 편리 기능 */ .set_lst_outer ul{display:table; width:100%; table-layout:fixed;} .set_lst_outer ul > li{display:table-cell; font-size:18px; color:#666; letter-spacing:-0.5px;} .set_lst_outer ul > li input[type="checkbox"], .set_lst_outer ul > li input[type="radio"]{display:none;} .set_lst_outer ul > li label:before{content:""; display:inline-block; width:24px; height:24px; margin-right:5px; background:url('images/ico_checkbox_uncheck_ver2.png') no-repeat; background-size:contain; vertical-align:sub;} .set_lst_outer ul > li label.checked:before{background:url('images/ico_checkbox_check_ver2.png') no-repeat; background-size:contain;} /* 로그인 버튼 */ .loginBtn, .sessExprtExtn{width:100%; padding:19.5px 5px; font-size:21px; background-color:#163962; color:#fff; border:1px solid #163962; letter-spacing:-0.5px;} /** 로그인 안내문 **/ /* 영역 */ .sec_gud{margin-top:20px;} .mv_form_lst_outer + .area_gud{margin-top:13px;} /* 회원가입, 찾기 버튼 */ .mv_form_lst_outer{margin:0 -10px;} .mv_form_lst_outer ul{display:table; width:100%; table-layout:fixed;} .mv_form_lst_outer ul > li{display:table-cell;} .mv_form_lst_outer ul > li > a{display:block; margin:0 10px; padding:5.5px 5px; font-size:18px; text-align:center; background-color:#fff; color:#666; border:1px solid #b8b8b8; border-radius:20px; letter-spacing:-0.5px;} /* 안내문 */ .area_gud .point_bullet{display:inline-block; margin-right:10px; width:20px; height:20px; line-height:20px; text-align:center; font-size:8px; background-color:#979796; color:#fff; border-radius:50%; vertical-align:middle;} .area_gud > ul > li{margin-bottom:12px;} .area_gud > ul > li:last-child{margin-bottom:0;} .area_gud .in-block > *{vertical-align:top;} .area_gud dl dt{font-size:18px; font-weight:500; color:#333; letter-spacing:-0.5px;} .area_gud dl dd{margin-top:3px; font-size:16px; color:#666; letter-spacing:-0.5px;} /* 문의 요청하기 버튼 */ .area_gud .area_btn{margin-top:12px;} .area_gud .area_btn a{display:block; width:100%; padding:6px 5px; font-size:18px; font-weight:500; text-align:center; background-color:#e3e3e3; color:#000; border:1px solid #e3e3e3; border-radius:20px; letter-spacing:-0.5px;} @media screen and (max-width: 720px) { /* 로그인 편리 기능 */ .set_lst_outer ul > li{text-align:center;} /* 회원가입, 찾기 버튼 */ .mv_form_lst_mb_db_outer ul{display:block;} .mv_form_lst_mb_db_outer ul > li{display:inline-block;} .mv_form_lst_mb_db_outer ul > li:first-child{width:63%;} .mv_form_lst_mb_db_outer ul > li:last-child{width:37%;} /* 문의 요청하기 버튼 */ .area_gud{margin-top:18px; padding-top:23px; text-align:center; border-top:1px solid #eee;} .area_gud > p{font-size:16px; text-align:center; color:#000;} .area_gud .area_btn a{display:inline-block; width:auto; margin:0 auto; padding:5.5px 39px;} } /* 로그인 편리 기능 */ #mobileBody .set_lst_outer ul > li{text-align:center;} /* 회원가입, 찾기 버튼 */ #mobileBody .mv_form_lst_mb_db_outer ul{display:block;} #mobileBody .mv_form_lst_mb_db_outer ul > li{display:inline-block;} #mobileBody .mv_form_lst_mb_db_outer ul > li:first-child{width:63%;} #mobileBody .mv_form_lst_mb_db_outer ul > li:last-child{width:37%;} /* 문의 요청하기 버튼 */ #mobileBody .area_gud{margin-top:18px; padding-top:23px; text-align:center; border-top:1px solid #eee;} #mobileBody .area_gud > p{font-size:16px; text-align:center; color:#000;} #mobileBody .area_gud .area_btn a{display:inline-block; width:auto; margin:0 auto; padding:5.5px 39px;} /*** [로그인 끝] ***/ /*** [아이디/비밀번호 찾기, 가입 정보] ***/ /* 이미지 */ .mem_info_form .area_img{margin-top:-12px;} .img_wrap.find{width:155px; height:155px; margin:0 auto; background:url('images/ico_mem_card_find.png') no-repeat; background-size:contain;} .img_wrap.warn{width:155px; height:155px; margin:0 auto; background:url('images/ico_mem_card_warn.png') no-repeat; background-size:contain;} .img_wrap.user{width:150px; height:150px; margin:0 auto; background:url('/common/css/images/user_prfl_sample_pic.png') no-repeat; background-size:contain;} /* 설명 */ .mem_info_form .area_img + .area_info{margin-top:14px;} .mem_info_form .area_info .gud{font-size:22px; font-weight:500; text-align:center; color:#221613;} .mem_info_fs .area_info .gud{font-size:24px; font-weight:400; color:#eb225b;} .mem_info_tr .area_info .gud{font-size:24px;} /* 입력 */ .mem_info_form .area_info + .func_inp{margin-top:38px;} .func_inp .area_btn{margin-top:20px;} /* 가입정보 기타 안내 */ .mem_info_form .sec_gud{margin-top:35px; padding-top:30px; border-top:1px solid #eee;} .mem_info_form .sec_gud .mv_form_lst_outer + .qust_ppsl{margin-top:20px;} .mem_info_form .sec_gud + .area_btn{margin-top:33px;} /* 사용자 가입 정보 */ .area_info + .area_info_user{margin-top:33px;} .area_info_user > ul{border:1px solid #d8d8d8;} .area_info_user > ul > li{position:relative; border-bottom:1px solid #d8d8d8;} .area_info_user > ul > li:last-child{border-bottom:0;} .area_info_user dl{font-size:0;} .area_info_user dl > *{display:inline-block; font-size:16px; vertical-align:middle;} .area_info_user dl dt{width:25%; padding:0 16px; font-size:16px; font-weight:normal; background-color:#f1f2f7; color:#666;} .area_info_user dl dd{width:75%; padding:14px 16px; padding-right:107px; font-size:16px; background-color:#fff; color:#666; word-break:break-all;} .area_info_user dl dd select{margin:-6px 0; padding:0 5px; outline:0; -webkit-box-shadow:none; box-shadow:none;} .area_info_user > ul > li .func_find_pw{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .func_find_pw button{padding:6px 10px; font-size:16px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .area_info_user p{margin-top:24px; font-size:16px; font-weight:500 !important; text-align:center; color:#000; letter-spacing:-0.5px;} @media screen and (max-width: 720px) { /* 입력 */ .mem_info_form .area_info + .func_inp{margin-top:70px;} /* 설명 */ .mem_info_fs .area_info .gud{font-size:22px; color:#221613;} /* 사용자 가입 정보 */ .area_info_user dl dt{width:25%;} .area_info_user dl dd{width:75%;} } /* 입력 */ #mobileBody .mem_info_form .area_info + .func_inp{margin-top:70px;} /* 설명 */ #mobileBody .mem_info_fs .area_info .gud{font-size:22px; color:#221613;} /* 사용자 가입 정보 */ #mobileBody .area_info_user dl dt{width:25%;} #mobileBody .area_info_user dl dd{width:75%;} /*** [아이디/비밀번호 찾기, 가입 정보 끝] ***/ /*** [회원가입] ***/ /* 영역 */ .mem_card.mem_card_join .card_body{padding-top:37px; } /* 약관 */ .mem_card_join .pre-scrollable{margin-bottom:30px; padding:20px; border:1px solid #6c757d;} .mem_card_join h1.card_ttl{margin-bottom:37px;} .mem_card .card_body .pre-scrollable{margin-left:-75px; margin-right:-75px;} .mem_card .card_body .pre-scrollable.non-x-scrollable{overflow-x: hidden} /* 회원가입 입력 */ .mem_card_join_form h1.card_ttl{margin-bottom:29px; text-align:left;} .mem_card_join .sec_form > ul > li{margin-bottom:30px;} .mem_card_join .sec_form > ul > li:last-child{margin-bottom:0;} .mem_card_join .sec_form dt{font-size:14px; font-weight:500; color:#000; letter-spacing:-0.5px;} .mem_card_join .sec_form dt i{margin-left:10px;} .mem_card_join .sec_form dd > .set_lst_outer{margin-top:20px;} .mem_card_join .sec_form input{padding-left:0; padding-right:0; font-size:15px !important; border:0 !important; border-bottom:1px solid #c1c1c1 !important;} .mem_card_join .sec_form input[type="text"].form-control, .mem_card_join .sec_form input[type="password"].form-control{font-size:15px !important;} /* 비밀번호 입력 가이드 */ .pass_gud{margin-top:15px;} .pass_gud{padding:8px 0; font-size:16px; text-align:center; background-color:#e3e3e3; color:#114886; border:1px solid #e3e3e3; word-break:keep-all;} /* 공개여부 영역 */ input[type="text"] + .set_lst_outer, .inpEmailWrap ul + .set_lst_outer{margin-top:10px;} .mem_card_join .set_lst_outer ul{display:block; font-size:0;} .mem_card_join .set_lst_outer ul > li{display:inline-block; margin-right:30px; font-size:16px; vertical-align:sub;} .mem_card_join .set_lst_outer ul > li:last-child{margin-right:0;} /* 셀렉트 태그형식 */ .mem_card select{width:100% !important; padding:0; font-size:15px !important; color:#555; border:0 !important; border-bottom:1px solid #c1c1c1 !important; outline:none; box-shadow:none;} /** 이메일 **/ .email_lst{font-size:0;} .email_lst > li{display:inline-block; margin:0 3px; font-size:16px; vertical-align:bottom;} .email_lst > li:first-child{margin-left:0;} .email_lst > li:not(.alpha){width:30%;} .email_lst > li.alpha{width:5%; padding-bottom:12px; text-align:center;} .zipCodeBtn i{margin-right:5px; font-weight:400;} /** 주소 **/ /* 폼태그 초기화 */ .mem_card_join .inpZipCodeWrap .form-control[disabled], .mem_card_join .inpZipCodeWrap .form-control[readonly], .mem_card_join .inpZipCodeWrap fieldset[disabled] .form-control{background-color:#fff;} /* 부트스트랩 초기화 */ .mem_card_join .inpZipCodeWrap .list-inline > li{padding:0;} /* 영역 */ .mem_card_join .inpZipCodeWrap + .set_lst_outer{margin-top:10px;} /* 스타일 */ .mem_card_join .inpZipCodeWrap #adzip{width:113px;} .mem_card_join .inpZipCodeWrap .md_btn_wrap .zipcodeBtn{width:100%; margin-left:10px; padding:5px 12.5px; font-size:16px; font-weight:400; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .mem_card_join .inpZipCodeWrap .md_btn_wrap .zipcodeBtn i{font-weight:400;} .mem_card_join .inpZipCodeWrap .md_btn_wrap .zipcodeBtn i + span{margin-left:10px;} /** 주소 끝 **/ /* 생년월일 */ .mem_card_join .mbirth .hasDatepicker{width:100% !important; padding-left:30px !important; text-align:left; background:url('/common/css/images/ico_hasDatepicker.jpg') no-repeat left;} .mem_card_join .mbirth > div + .set_lst_outer{margin-top:10px;} .mem_card_join .mbirth .set_lst_outer + .area_gud{margin-top:9px; font-size:16px; color:#666;} /* 사진 */ .mem_card_join .inp_photo_outer{margin-left:-20px; margin-right:-20px;} .mem_card_join .inp_photo_inner{display:table; width:100%; margin-top:20px; table-layout:fixed;} .mem_card_join .inp_photo_inner > *{display:table-cell; vertical-align:top;} .mem_card_join .inpPhotoWrap .inp_photo{margin:0 20px; padding-bottom:20px; border:1px solid #ced4da;} .mem_card_join .inpPhotoWrap .inp_photo .photo{position:relative; width:186px; height:248px; margin:0 auto; text-align:center; overflow:hidden;} .mem_card_join .inpPhotoWrap .inp_photo .photo img{position:absolute; top:50%; left:50%; max-width:none; height:100%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .mem_card_join .inpPhotoWrap .inp_photo + .area_botm_btn{margin-top:20px; margin-left:20px; margin-right:20px;} /* 인사 & 내소개 */ .mem_card_join .textarea_wrap{margin-top:20px;} .mem_card_join .textarea_wrap textarea{min-height:225px; padding:13px 14px; border:1px solid #ced4da;} /** 자동 등록 방지 **/ /* 자동 등록 방지 이미지 */ .auto_regs_rm_plac_wrap .auto_regs_rm_plac_img_wrap{margin-right:12.5px;} .auto_regs_rm_plac_wrap .auto_regs_rm_plac_img_wrap .img_wrap{width:105px; height:32px; background:url('img/img_auto_regs_rm_plac.jpg') no-repeat center; background-size:100%;} .auto_regs_rm_plac_wrap .auto_regs_rm_plac_img_wrap .img_wrap span{display:none;} /* form field */ .auto_regs_rm_plac_inp_wrap{width:calc(100% - 187px); margin-right:12.5px;} .auto_regs_rm_plac_inp_wrap input[type="text"]{padding:6.5px 5px; border:1px solid #c1c1c1 !important;} /* 새로고침 버튼 */ .auto_regs_rm_plac_refh_wrap{width:42px;} .auto_regs_rm_plac_refh_wrap .ico_wrap{width:100%; margin:0 !important; padding:8.5px 0 !important; text-align:center; background-color:#6c757d; color:#fff; border-radius:3px;} .auto_regs_rm_plac_refh_wrap .ico_wrap:hover{opacity:0.9;} /* 자동 등록 방지 코드 가이드 */ .auto_regs_rm_plac_wrap + .area_gud{margin-top:9px; font-size:16px; color:#666;} /** 자동 등록 방지 끝 **/ /* 회원가입 버튼 */ .mem_card_join .sec_form .area_btn{margin-top:50px;} /* 22.04.06 안내문구 */ .text-guide{margin-top:5px !important; margin-bottom:0; font-size:11px; color:#114886; word-break:keep-all; letter-spacing:-0.05em;} @media screen and (max-width: 720px) { /* 약관 */ .mem_card_join h1.card_ttl{padding:25px 5px; background-color:#f7f7f7; border-top:1px solid #e5e5e5;} .mem_card .card_body .pre-scrollable{margin-left:0; margin-right:0; max-height: 300px;} /* 회원가입 입력 */ .mem_card_join_form h1.card_ttl{text-align:center;} /* 주소 */ .mem_card_join .inpZipCodeWrap .list-inline > li{display:inline-block;} /* 자동 등록 방지 코드 가이드 */ .auto_regs_rm_plac_wrap + .area_gud{text-align:left;} /* 이메일 */ .email_lst > li:not(.alpha){width:29%;} /* 사진 */ .mem_card_join .inp_photo_outer{margin-left:0; margin-right:0;} .mem_card_join .inp_photo_inner{display:block;} .mem_card_join .inp_photo_inner > *{display:block;} } /* 약관 */ #mobileBody .mem_card_join h1.card_ttl{padding:25px 5px; background-color:#f7f7f7; border-top:1px solid #e5e5e5;} #mobileBody .mem_card .card_body .pre-scrollable{margin-left:0; margin-right:0;} /* 회원가입 입력 */ #mobileBody .mem_card_join_form h1.card_ttl{text-align:center;} /* 주소 */ #mobileBody .mem_card_join .inpZipCodeWrap .list-inline > li{display:inline-block;} /* 자동 등록 방지 코드 가이드 */ #mobileBody .auto_regs_rm_plac_wrap + .area_gud{text-align:left;} /* 이메일 */ #mobileBody .email_lst > li:not(.alpha){width:29%;} /* 사진 */ #mobileBody .mem_card_join .inp_photo_outer{margin-left:0; margin-right:0;} #mobileBody .mem_card_join .inp_photo_inner{display:block;} #mobileBody .mem_card_join .inp_photo_inner > *{display:block;} #mobileBody .mem_card_join .inp_photo_inner .inpPhotoWrap + .inpPhotoWrap{margin-top:40px;} /*** [회원가입 끝] ***/ /*** [자동 로그인 연장] ***/ /* 영역 */ .mem_card_auto_login .prfl_img_wrap + .inp_lst_outer{margin-top:20px;} .mem_card_auto_login .inp_lst_outer + .area_btn{margin-top:20px;} /* 카드 이름 */ .mem_card_auto_login h1.card_ttl{font-size:36px; color:#221613;} /* 이미지 */ .prfl_img_wrap .img_wrap{width:150px; height:150px; margin:0 auto; background:url('/common/css/images/user_prfl_sample_pic.png') no-repeat center; background-size:contain;} .prfl_img_wrap .img_wrap span{display:none;} /* 단체명 */ .mem_card_auto_login .user{font-size:26px; font-weight:500; text-align:center; color:#000;} /* 기능 버튼 리스트 */ .mem_card_auto_login .mv_form_lst_outer ul{display:block;} .mem_card_auto_login .mv_form_lst_outer ul > li{display:block; margin-bottom:10px;} .mem_card_auto_login .mv_form_lst_outer ul > li:last-child{margin-bottom:0;} .mem_card_auto_login .mv_form_lst_outer ul > li > a{background-color:#c5c5c5; color:#fff; border-color:#c5c5c5;} @media screen and (max-width: 720px) { /* 비밀번호 입력 가이드 */ .mem_card_auto_login .area_bss_pass_eye + .pass_gud{margin-top:8px;} /* 영역 */ .mem_card_auto_login .area_btn + .sec_gud{margin-top:27px;} } /* 비밀번호 입력 가이드 */ #mobileBody .mem_card_auto_login .area_bss_pass_eye + .pass_gud{margin-top:8px;} /* 영역 */ #mobileBody .mem_card_auto_login .area_btn + .sec_gud{margin-top:27px;} /*** [자동 로그인 연장 끝] ***/ /*** [(21.09 추가) 로그인 실패] ***/ /* 재선언 */ .findMyaccount, .findMyaccount:hover{display:block; width:100%; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5;} .simpleFindPW{margin-top:0;} .HintBox{border:1px solid #dee2e6;} /* 영역 */ .mem_card_fail .area_info + *{margin-top:41px;} .mem_card_fail .sec_gud{margin-top:29px;} /* 간편하게 비밀번호 찾기 */ .mem_card_fail .area_gud{margin-bottom:20px;} /* 문의건의 */ .mem_card_fail .sec_gud .mv_form_lst_outer+.qust_ppsl{margin-top:19px;} .mem_card_fail .qust_ppsl{width:100%; margin-bottom:10px; text-align:center;} .mem_card_fail .qust_ppsl:last-child{margin-bottom:0;} .mem_card_fail .qust_ppsl p{text-align:left;} .mem_card_fail .qust_ppsl .area_btn button{min-width:160px; padding:6px 3px;} .mem_card_fail .qust_ppsl .area_btn button a{font-weight:500;} @media screen and (max-width: 720px) { /* 버튼 리스트 */ .btn_area_outer{margin:0} .btn_lst{display:block;} .btn_lst > li{display:block; margin-bottom:10px;} .btn_lst > li:last-child{margin-bottom:0;} .btn_lst > li a{width:100%; margin:0; padding:16.5px 0;} .mem_card_fail .btn_txt_lst > li:nth-child(2):after{display:none;} /* 문의건의 */ .mem_card_fail .qust_ppsl p{text-align:center;} } /*** [(21.09 추가) 로그인 실패 끝] ***/ @media screen and (max-width: 419px) { .mv_form_lst_outer.res_sm ul > li > a{font-size:1rem; word-break:keep-all;} } /***** [회원가입, 로그인, 아이디/비밀번호 찾기 끝] *****/ /* 에디터 버튼 간격 */ .note-btn-group.note-view > *{margin-right:5px;} /*** [SNS 공유 이미지] ***/ /* 에디터 버튼 */ button[aria-label="SNS-share-template"], button[aria-label="SNS-share-template"]:focus, button[aria-label="SNS-share-template"]:hover{padding:5px 8px; font-size:14px; font-weight:600; background-color:#fae100 !important; color:#3c1e1e !important;} .ico_sns_share{display:inline-block; width:23px; height:22px; margin-right:5px; background:url('/common/css/images/shareTemplate/ico_sns_share.jpg') no-repeat center; background-size:contain; vertical-align:middle;} /* 모달 헤드 */ .share-template .modal-header{position:relative; display:block; padding:12.5px 10px; background-color:#f3f3f3; border-radius:0;} .share-template .modal-header .modal-title{font-size:28px; font-weight:600; text-align:center;} .share-template .modal-header .close{position:absolute; top:16px; right:20px; width:32px; height:32px; margin:0; padding:0; line-height:32px; text-align:center; background-color:#142330; color:#fff; border-radius:50%; opacity:1;} .share-template .modal-header .close span{display:block; font-size:16px;} /* 모달 바디 */ .share-template .modal-body{padding:27px 30px; height:520px; overflow-y:auto;} .share-template .modal-body .heading{margin-bottom:18px; font-size:18px; text-align:center; color:#323232;} .share-template .modal-body .img-item{margin-bottom:18px; cursor:pointer;} .share-template .modal-body .thumbnail{border:1px solid #e0e0e0;} .share-template .modal-body .sub_heading{margin-bottom:0; text-align:center; color:#323232;} /* 게시판 폼 영역 이미지 센터 정렬 */ .share-template-img{display:block; margin:0 auto 20px;} @media screen and (max-width: 720px) { .modal-content{border:0; box-shadow: 2px 4px 8px -1px rgb(0 0 0 / 20%);} .share-template .modal-body{height: calc(100vh - 215px);} .share-template .modal-body .col-4{flex:0 0 100%; max-width:100%;} .share-template-img{padding-left:20px; padding-right:20px;} .share-template + .ui-tooltip{opacity:0;} .m-fileupload i.fa-upload{color:#000 !important;} } /*** [SNS 공유 이미지 끝] ***/ /*** [행사참석 > 행사 갤러리 팝업 문구] ***/ form[name=uploadTlkRmLstPhotoListForm] .alert.alert-success{word-break:keep-all;} @media screen and (max-width: 720px) { form[name=uploadTlkRmLstPhotoListForm] .alert.alert-success{margin:20px;} } /*** [행사참석 > 행사 갤러리 팝업 문구] 끝 ***/ /*** [페이징] ***/ .mobilePaging .common_pager{text-align:center;} /* 공통 */ .mobilePaging .pagination{justify-content:center;} .mobilePaging .pagination .page-link{font-size:16px; color:#1d1d1d;} .mobilePaging .pagination > li > a, .mobilePaging .pagination > li > span{margin-right:4px; border:1px solid #e6e6e6;} .mobilePaging .pagination > li:last-child > a, .mobilePaging .pagination > li:last-child > span{margin-right:0; border-radius:0;} /* 현재 페이지 */ .mobilePaging .pagination > .active > a, .mobilePaging .pagination > .active > span, .mobilePaging .pagination > .active > a:hover, .mobilePaging .pagination > .active > span:hover, .mobilePaging .pagination > .active > a:focus, .mobilePaging .pagination > .active > span:focus{background-color:#484e55 !important; color:#fff !important; border:1px solid #484e55 !important; border-radius:0;} /* 처음, 이전 페이지 */ .mobilePaging .pagination > li:first-child > a, .mobilePaging .pagination > li:first-child > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .mobilePaging .pagination > li:first-child > a:after, .mobilePaging .pagination > li:first-child > span:after{content:"\f100"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .mobilePaging .pagination > li:nth-child(2) > a, .mobilePaging .pagination > li:nth-child(2) > span{font-size:0; background-color:#adadad; color:transparent; border:1px solid #adadad; border-radius:0;} .mobilePaging .pagination > li:nth-child(2) > a:after, .mobilePaging .pagination > li:nth-child(2) > span:after{content:"\f104"; font-size:16px; color:#fff; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /* 다음, 마지막 페이지*/ .mobilePaging .pagination > li:last-child > a, .mobilePaging .pagination > li:last-child > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .mobilePaging .pagination > li:last-child > a:after, .mobilePaging .pagination > li:last-child > span:after{content:"\f101"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .mobilePaging .pagination > li:nth-last-child(2) > a, .mobilePaging .pagination > li:nth-last-child(2) > span{font-size:0; background-color:#f4f6f6; color:transparent; border:1px solid #e6e6e6; border-radius:0;} .mobilePaging .pagination > li:nth-last-child(2) > a:after, .mobilePaging .pagination > li:nth-last-child(2) > span:after{content:"\f105"; font-size:16px; color:#8b8c8c; font-family: "Font Awesome 5 Pro"; font-weight: 400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /*** [페이징] ***/ /* 사진 등록 관리자 화면 수정 (memMngtForm.do) */ @media screen and (max-width: 720px) { .mypage_photo{display:table; width:100%;} .mypage_photo > *{display:table-cell;} .inpPhotoWrap > *{width:150px; margin:0 auto;} .mem_card.mem_card_join .inpPhotoWrap > *{width:auto;} .inpPhotoWrap h6{margin-bottom:0.625rem;} } /* 상호명으로 주소 검색 */ .cmn_srch_addr_item_wrap .cmn_srch_addr_item_link:hover { text-decoration: underline; color: #FF0000;} .cmn_srch_addr_item_wrap ul {padding-left: 0} .cmn_srch_addr_item_wrap ul li{list-style: none;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item {border-top: 0.2px solid #bcbcbc;padding-top: 20px;padding-bottom: 20px;height: 100%;font-size: 15px} .cmn_srch_addr_item_wrap .cmn_srch_addr_item dl{margin-bottom: 0} .cmn_srch_addr_item_wrap .d-flex, #cmnSrchAddrForm .d-flex { display: -ms-flexbox!important; display: flex!important;} .cmn_srch_addr_srch_btn {width: 20%; border-radius: 0px 5px 5px 0px; color: #fff !important; border-color: #007bff; background-color: #007bff;} .cmn_srch_addr_input_form {border-radius: 5px 0px 0px 5px} /*회원가입양식 변경*/ .mem_card .card_body .pre-scrollable{margin-left:0; margin-right:0;} .mem_card.mem_card_join.mem_card_join_agr .card_body{padding-left: 20px; padding-right:20px; } .mem_card.mem_card_join h1.card_ttl{text-align:left; } .mem_card.mem_card_join .area_bg{margin-bottom:20px; background-color: #f7f7f7; border-top: 1px solid #e5e5e5; padding: 10px 15px;} .mem_card.mem_card_join .area_bg h1.card_ttl{margin-bottom:0;} #mobileBody .mem_card_join .card_ttl{padding:10px 5px; background-color:#f7f7f7; border-top:1px solid #e5e5e5;} #mobileBody .mem_card_join .card_ttl h1{margin-bottom:0; font-size:18px;} /*** [회원 및 회원사 검색] ***/ /* 영역 */ .biz-search-wrap-outer{padding:40px 0; background-color:#f2f2f2;} .biz-search-wrap{width:80%; margin:0 auto;} /* 서브 타이틀 */ .widget-sub-ttl{margin-right:23px; margin-bottom:0; font-size:24px; font-weight:500; word-break:keep-all; letter-spacing:-1.1px;} /* 검색 */ .search-box-wrap{position:relative; width:calc(100% - 210px); font-size:0; background-color:#fff; border:1px solid #adadad; border-radius:50px;} .search-box-wrap > *{display:inline-block; font-size:initial; vertical-align:middle;} .search-box-wrap input{width:100%; height:auto; padding:15px 60px 15px 20px; font-size:16px !important; border:0; border-radius:50px;} .search-box-wrap input::placeholder{color:#8b8b8b;} .search-box-wrap button{position:absolute; top:50%; right:20px; padding:0; font-size:27px !important; background-color:transparent; color:#777; border:0; outline:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .search-box-wrap button i{font-weight:300;} .search-box-wrap button span{display:inline-block; text-indent:-9999px;} /* 비즈홈피에 있을때 */ .biz_view_wrap .widget-sub-ttl{margin-bottom:10px; font-size:21px; font-weight:normal; color:#2d2d2d;} .biz_view_wrap .search-box-wrap{display:block; width:100%;} /** col-6 일떄 **/ /* 영역 */ .col-6 .biz-search-wrap-outer{padding:38px 0;} .col-6 .biz-search-wrap{width:90%;} /* 서브 타이틀 (비즈 홈피에 있을때) */ .col-6 .widget-sub-ttl{font-size:21px;} /* 검색 */ .biz_view_wrap .col-6 .search-box-wrap{width:calc(100% - 185px);} /** col-6 일떄 끝 **/ /* 모바일버전보기 */ .use-mbbottommenu .member_search_area{padding:20px; background-color:#f2f2f2} .use-mbbottommenu .biz-search-wrap{width:100%;} .use-mbbottommenu .widget-sub-ttl{margin-bottom:10px;} .use-mbbottommenu .member_search_area div.wedget-card div.wedget-card-body{padding-bottom:0;} /* 모바일 */ @media screen and (max-width: 720px) { .member_search_area{padding:20px; background-color:#f2f2f2;} .biz-search-wrap{width:100%;} .widget-sub-ttl{margin-bottom:10px;} } /*** [회원 및 회원사 검색 검색 끝] ***/ /*** [sns 공유 리스트] ***/ .sns_share_ul{display:table; width:70%; margin:0 auto; padding:0; table-layout:fixed;} .sns_share_ul > li{display:table-cell; text-align:center; vertical-align:middle;} .sns_share_ul > li a{display:block;} .sns_share_ul > li span{display:inline-block; text-indent:-9999px;} @media screen and (max-width: 720px){ .sns_share_ul{width:90%;} } /*** [sns 공유 리스트 끝] ***/ /*** [게시글 공유 / 알림 서비스] ***/ /* 산하모임 게시판으로 공유 > 공유하기 */ .board_fn_form .set_lst_outer ul{margin:0; padding:0;} #boardShareList{margin-top:1rem;} #boardShareList .set_lst_outer ul{padding-left:15px;} @media screen and (max-width: 720px){ .board_fn_form .set_lst_outer ul > li{text-align:left;} #boardShareList{margin-left:0; padding-left:0;} #boardShareList .set_lst_outer ul{padding-left:0;} } /*** [게시글 공유 / 알림 서비스 끝] ***/ /*** [2022.02 개선) 아이디, 비밀번호 찾기] ***/ /* 설명 */ .mem_info_form .area_info .gud{font-size:20px;} .mem_info_form .area_info .gud-sub{font-size:24px; font-weight:500; text-align:center;} /* 본인 정보 */ .join_yn_cfm_wrap{margin-top:24px; border-top:2px solid #000; border-bottom:1px solid #c4c4c4; overflow-y:auto !important;} .join_yn_cfm_wrap .set_lst_outer{text-align:center;} .join_yn_cfm_wrap .set_lst_outer ul > li label:before{width:40px; height:40px; margin-top:6px; margin-right:0; border-radius: 0.5rem; overflow: hidden; background:url('images/icon/ico_checkbox_uncheck_ver4.png') no-repeat; background-size:contain; vertical-align:middle;} .join_yn_cfm_wrap .set_lst_outer ul > li label.checked:before{background:url('images/icon/ico_checkbox_check_ver3.png') no-repeat; background-size:contain;} .join_yn_cfm{padding:15px 10px 15px 0;} .join_yn_cfm + .join_yn_cfm{border-top:1px solid #c4c4c4;} .join_yn_cfm_wrap .join_yn_cfm_chk_wrap{cursor: pointer;} @media screen and (max-width: 720px) { .join_yn_cfm{padding:8px 10px 8px 0;} } /* 비밀번호 설정 링크 버튼 */ .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a, .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a:hover, .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a.hover, .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a:focus, .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a.focus, .area_join_yn_cfm_botm_btn_wrap .btn-primary:not(:disabled):not(.disabled):active, .area_join_yn_cfm_botm_btn_wrap .btn-primary:not(:disabled):not(.disabled).active, .area_join_yn_cfm_botm_btn_wrap .show > .btn-primary.dropdown-toggle{width:100%; margin-bottom:20px; padding:16.5px 5px; font-size:18px; text-align:center; background-color:#32a6b5; color:#fff; border:1px solid #32a6b5; border-radius:10px; box-shadow:none;} .area_join_yn_cfm_botm_btn_wrap .area_join_yn_cfm_botm_btn_wrap .area_botm_btn a:last-child{margin-bottom:0;} /*** [2022.02 개선) 아이디, 비밀번호 찾기 끝] ***/ /*** [2022.02 행사 참석에 달력 추가로 인한 화면 정리] ***/ /* 달력 버튼 */ body .fullCalendarWrap{padding-top:0 !important;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button, body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button{padding:0 14px; line-height:30px; border-radius:0;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button{right:122px !important;} body .fullCalendarWrap.calendar_s_desg_ty_cd_1 {margin-top: -70px} /* 행사 추가 버튼*/ body .attntDtWrap a{position:relative; margin:0; background-color:#fff !important; color:#007bff !important; border:1px solid #007bff !important; overflow:hidden;} body .attntDtWrap a:hover span{position:relative; z-index:3; color:#fff !important;} body .attntDtWrap a:after{content:""; opacity:0; position:absolute; top:0; left:50%; z-index:1; width:0; height:100%; background-color:#007bff !important; color:#fff !important; border:1px solid #007bff !important; -webkit-transform:skewX(-40deg); -moz-transform:skewX(-40deg); -o-transform:skewX(-40deg); transform:skewX(-40deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} body .attntDtWrap a:hover:after{opacity:1; left:3%; width:95%;} body .attntDtWrap .btn-primary:focus, body .attntDtWrap .btn-primary.focus{box-shadow:none !important;} /* 일정 (clubAuspcBasList) */ body .fullCalendarWrap + .fullCalendarWrap{padding-top:46px !important;} body .fullCalendarWrap .fc-header-toolbar .fc-left .fc-today-button{opacity:1; color:gray; border:1px solid gray; border-radius:0;} body .fullCalendarWrap .fc-header-toolbar .fc-left .fc-today-button:hover{background-color:rgba(0,0,0,0.05); color:#333;} /* 일정 > 행사추가 */ body .fullCalendarWrap + .fullCalendarWrap .fc-header-toolbar .fc-right{margin-top:-45px; padding-top:0;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button{position:relative; display:inline-block; margin:0; height:auto; padding:0.5rem 1rem; font-size:1.25rem !important; line-height:1.5; background-color:#fff !important; color:#007bff !important; border:1px solid #007bff !important; border-radius:0; overflow:hidden;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:hover span{position:relative; z-index:3; color:#fff !important;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:before{content:""; margin-right:0;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:after{content:""; opacity:0; position:absolute; top:0; left:50%; z-index:1; width:0; height:100%; background-color:#007bff !important; color:#fff !important; border:1px solid #007bff !important; -webkit-transform:skewX(-40deg); -moz-transform:skewX(-40deg); -o-transform:skewX(-40deg); transform:skewX(-40deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button:hover:after{opacity:1; left:3%; width:95%;} /* 페이지 열었을때 행사 추가 버튼 효과 */ body a.JS-btnHover:after{content:""; opacity:1; position:absolute; top:0; left:3%; z-index:1; width:95%; height:100%; background-color:#007bff !important; color:#fff !important; border:1px solid #007bff !important; -webkit-transform:skewX(-40deg); -moz-transform:skewX(-40deg); -o-transform:skewX(-40deg); transform:skewX(-40deg); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} body a.JS-btnHover span{position:relative; z-index:3; color:#fff !important;} /* 일정에서 확인하는 화면과 동기화 */ body .sched_wrap .fullCalendarWrap .fc-header-toolbar{position:relative;} body .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-left{margin-top:93px;} body .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-right{margin-top:48px; padding-top:0;} body .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-center{position:absolute; top:94px; left:50%; margin-left:23px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /**- 모바일 버전 보기 -**/ /* 달력 버튼 */ body.use-mbbottommenu .fullCalendarWrap{padding:0 !important;} body.use-mbbottommenu .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button{right:103.8px !important;} body.use-mbbottommenu .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button{right:0 !important;} body.use-mbbottommenu .fullCalendarWrap button:focus{outline: 0 !important;} /* 행사 추가 버튼 */ body.use-mbbottommenu .fullCalendarWrap + .fullCalendarWrap .fc-toolbar.fc-header-toolbar{margin-top:61px;} body.use-mbbottommenu .attntDtWrap a{padding:3px 16.8px;} /* 일정 > 행사추가 */ body.use-mbbottommenu .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button{padding:0 16.5px; font-size:16px !important; line-height:30px;} /* 행사 참석 명함 영역 */ body.use-mbbottommenu .clubauspc-mb-wrap{padding-top:0;} /* 일정에서 확인하는 화면과 동기화 */ body.use-mbbottommenu .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button{right:0 !important;} body.use-mbbottommenu .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button{right:109px !important;} body.use-mbbottommenu .sched_wrap .fc-toolbar.fc-header-toolbar{margin-bottom:29px;} /**- 모바일 버전 보기 끝-**/ @media screen and (max-width: 720px) { /* 달력 버튼 */ body .fullCalendarWrap{padding:0 12.8px !important;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button{right:121.8px !important;} body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button{right:0.8rem !important;} body .fullCalendarWrap button:focus{outline: 0 !important;} /* 행사 추가 버튼 */ body .attntDtWrap a{padding:3px 16.8px;} /* 일정 > 행사추가 */ body .fullCalendarWrap .fc-header-toolbar .fc-right .fc-myCustomButton-button{padding:0 16.5px; font-size:16px !important; line-height:30px;} /* 행사 참석 명함 영역 */ body .clubauspc-mb-wrap{padding-top:0;} /* 일정에서 확인하는 화면과 동기화 */ body .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-right .fc-listMonth-button{right:0 !important;} body .sched_wrap .fullCalendarWrap .fc-header-toolbar .fc-right .fc-month-button{right:109px !important;} body .sched_wrap .fc-toolbar.fc-header-toolbar{margin-bottom:29px;} } /*** [2022.02 행사 참석에 달력 추가로 인한 화면 정리 끝] ***/ /*** [명예의 전당] ***/ /* 영역 */ .tpl-widget-body .fee-hnr-temple-list-wrap{margin-left:-5px; margin-right:-5px;} .content-body .fee-hnr-temple-list-wrap{margin-left:-15px; margin-right:-15px;} .tpl-widget-body .content-body .fee-hnr-temple-list-wrap{margin-left:-20px; margin-right:-20px;} .fee-hnr-temple-list-wrap{margin:18px 0 70px;} .fee-hnr-temple-list + .fee-hnr-temple-list{margin-top:52px;} .fee-hnr-temple-list .card{margin:0; padding:0; font-size:16px; font-weight:400; background-color:#fff; border:0; outline:0;} /* 헤더 */ .fee-hnr-temple-list .card-header{margin:0; padding:0; font-size:32px; font-weight:400; text-align:center; background:#fff; border:0; outline:0;} .fee-hnr-temple-list .card-header p:before{content:""; display:inline-block; width:22px; height:58px; margin-right:40px; background:url('/common/css/images/img_laurel_leaves.png') no-repeat; vertical-align:middle;} .fee-hnr-temple-list .card-header p:after{content:""; display:inline-block; width:22px; height:58px; margin-left:40px; background:url('/common/css/images/img_laurel_leaves.png') no-repeat; vertical-align:middle;} .fee-hnr-temple-list .card-header strong{font-weight:600;} /* 바디 */ .fee-hnr-temple-list .card-body:before{content:""; display:block; width:100%; height:5px; background:#888;} .fee-hnr-temple-list .card-body{margin:0; margin-top:10px; padding:0; background-color:#f4f4f4; border:0; outline:0;} /* 납부자 리스트 */ .pymtg-persn-lst{margin:0; margin-top:-20px; padding:28px 0 21px; font-size:0;} .pymtg-persn-lst > li{display:inline-block; width:calc(100% / 5); margin-top:20px; font-size:16px; vertical-align:top;} .pymtg-persn-dfnt-lst{margin:0; padding:0;} .pymtg-persn-dfnt-lst dt{font-size:18px; font-weight:500; text-align:center; color:#333;} .pymtg-persn-dfnt-lst dd{font-size:18px; font-weight:400; text-align:center; color:#333;} /* 첫번째 */ .fee-hnr-temple-list.first .card-header p{color:#886e0f;} .fee-hnr-temple-list.first .card-header p:before{background-position:-9px -5px;} .fee-hnr-temple-list.first .card-header p:after{background-position:-51px -5px;} .fee-hnr-temple-list.first .card-body:before{background:linear-gradient(90deg, rgba(242,237,224,1) 0%, rgba(224,187,88,1) 10%, rgba(255,254,165,1) 30%, rgba(199,145,10,1) 50%, rgba(255,254,165,1) 70%, rgba(224,187,88,1) 90%, rgba(242,237,224,1) 100%);} .fee-hnr-temple-list.first .card-body{background-color:#f8f7ee;} /* 두번째 */ .fee-hnr-temple-list.second .card-header p{color:#63625d;} .fee-hnr-temple-list.second .card-header p:before{background-position:-10px -72px;} .fee-hnr-temple-list.second .card-header p:after{background-position:-51px -72px;} .fee-hnr-temple-list.second .card-body:before{background:linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(207,208,208,1) 10%, rgba(246,247,247,1) 30%, rgba(177,177,178,1) 50%, rgba(246,247,247,1) 70%, rgba(207,208,208,1) 90%, rgba(248,248,248,1) 100%);} .fee-hnr-temple-list.second .card-body{background-color:#f4f4f4;} /* 세번째 */ .fee-hnr-temple-list.third .card-header p{color:#955e40;} .fee-hnr-temple-list.third .card-header p:before{background-position:-10px -137px;} .fee-hnr-temple-list.third .card-header p:after{background-position:-50px -137px;} .fee-hnr-temple-list.third .card-body:before{background:linear-gradient(90deg, rgba(249,244,240,1) 0%, rgba(226,202,180,1) 10%, rgba(252,218,193,1) 30%, rgba(218,126,51,1) 50%, rgba(252,218,193,1) 70%, rgba(226,202,180,1) 90%, rgba(249,244,240,1) 100%);} .fee-hnr-temple-list.third .card-body{background-color:#f7f1eb;} /* 명예의 전당 바로가기 버튼 */ .fee-hnr-temple-direct{margin-bottom:30px;} .fee-hnr-temple-direct:after{content:""; display:block; width:100%; height:5px; background:linear-gradient(90deg, rgba(242,237,224,1) 0%, rgba(224,187,88,1) 10%, rgba(255,254,165,1) 30%, rgba(199,145,10,1) 50%, rgba(255,254,165,1) 70%, rgba(224,187,88,1) 90%, rgba(242,237,224,1) 100%);} .fee-hnr-temple-direct a{position:relative; display:block; padding-left:10px; padding-bottom:5px; font-size:32px; font-weight:400; color:#886e0f;} .fee-hnr-temple-direct a:hover{color:#886e0f;} .fee-hnr-temple-direct a:before{position:absolute; top:50%; right:10px; font-size:24px; content:"\f061"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 500; font-family:"Font Awesome 5 Pro"; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} @media screen and (max-width: 720px) { /* 영역 */ .fee-hnr-temple-list-wrap{margin-left:20px !important; margin-right:20px !important;} /* 납부자 리스트 */ .pymtg-persn-lst > li{display:inline-block; width:calc(100% / 2);} } @media screen and (max-width: 360px) { /* 명예의 전당 바로가기 버튼 */ .fee-hnr-temple-direct a{font-size:24px;} .fee-hnr-temple-direct a:before{font-size:18px;} } /*** [에디터(글쓰기 폼/뷰) 초기화 복구] ***/ .board-reset-revert-wrap dl{margin:16px 0; padding:inherit; font-weight:normal;} .board-reset-revert-wrap dl dd{margin-left:40px; font-weight:normal;} .board-reset-revert-wrap ol, .board-reset-revert-wrap ul{margin:16px 0; padding:inherit; padding-left:40px; font-weight:normal;} .board-reset-revert-wrap dl dt, .board-reset-revert-wrap ol li, .board-reset-revert-wrap ul li{list-style:inherit;} .board-reset-revert-wrap label{margin-bottom:inherit;} .board-reset-revert-wrap input[type="checkbox"]{margin:3px 3px 3px 4px;} .board-reset-revert-wrap input[type="radio"]{margin:3px 3px 0px 5px;} .board-reset-revert-wrap strong, .board-reset-revert-wrap b{font-weight:bold;} .board-reset-revert-wrap em, .board-reset-revert-wrap i{font-style:italic;} .board-reset-revert-wrap a{color:blue !important; text-decoration:none !important;} .board-reset-revert-wrap a:focus{color:red !important;} /* 써머노트-form page 재선언 */ .note-editor.note-frame{position:relative;} .note-editing-area{border:0 !important; overflow-y:auto;} .note-toolbar.JS-scolling{position:sticky; top:0; z-index:9999; width:100%;} .note-editor.note-frame .note-editing-area .note-editable{margin-top:0; margin-bottom:0; padding:2rem; word-break: break-all;} /* 써머노트-view page 재선언 */ .board-standard-view .note-editable{padding:0 !important;} .board-standard-view .note-editing-area{border:0;} .board-standard-view .note-editing-area .note-editable{overflow-y:auto !important;} .board-standard-view .note-editor.note-frame, .board-standard-view.note-editor.note-airframe{border-color:transparent !important; border:0;} .board-standard-view .note-editor dt, .board-standard-view .note-editor dd{line-height:1.5 !important;} /* 써머노트-view page 재선언 - 행사 참석 */ .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card{padding:0 !important;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card-header{padding:2rem; padding-bottom:0;} .clubauspc-wrap .clubauspc-board-lst .clubauspc-board-card-body{padding:2rem; padding-top:0;} @media screen and (max-width: 720px) { /* 써머노트-form page 재선언 */ .note-editor.note-frame{border:0;} .editorBox .note-editor.note-frame{box-shadow: 0 0 0 1px #00000032;} .note-toolbar.JS-scolling{top:60px;} .note-editor.note-frame .note-editing-area .note-editable{padding-left:20px; padding-right:20px;} .note-editor .note-toolbar{background-color:#f1f1f1;} /* 써머노트-view page 재선언 */ .board-standard-view.m-bbs-info .Info-body{padding-left:17.5px; padding-right:17.5px;} /* 써머노트-view page 재선언 - 행사 참석 */ .clubauspc-mb-wrap .clubauspc-board-lst .clubauspc-board-card{padding-left:19px !important; padding-right:19px !important;} } /* 에디터 페이지 영역 */ .editor-page .content-body{padding-right:0;} /* 에디터 스크롤바 */ .editor-page .note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar{width:15px !important;} .editor-page .note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-track-piece{background-color:#f1f1f1 !important;} .editor-page .note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-thumb{margin:0 1px !important; background-color:#c1c1c1 !important; cursor:pointer !important;} /* 에디터 저장 */ .editor-page .editor-btn-wrap a{margin:0 4px; padding:8px 40px !important; font-size:1.125rem; font-weight:400; background-color:transparent !important; color:#000 !important; border:1px solid #d0d0d0 !important;} .editor-page .editor-btn-wrap .btn:focus, .editor-page .editor-btn-wrap .btn.focus{box-shadow:none !important;} .editor-page .editor-btn-wrap .btn-secondary{background-color:#fff !important; color:#000 !important; border:1px solid #d0d0d0 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .editor-page .editor-btn-wrap .btn-secondary:hover, .editor-page .editor-btn-wrap .btn-secondary.hover, .editor-page .editor-btn-wrap .btn-secondary:focus, .editor-page .editor-btn-wrap .btn-secondary.focus{background-color:#f5f5f5 !important; color:#000 !important; border:1px solid #d0d0d0 !important;} .editor-page .editor-btn-wrap .btn-primary{background-color:#0085d9 !important; color:#fff !important; border:1px solid #0085d9 !important; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .editor-page .editor-btn-wrap .btn-primary:hover, .editor-page .editor-btn-wrap .btn-primary.hover, .editor-page .editor-btn-wrap .btn-primary:focus, .editor-page .editor-btn-wrap .btn-primary.focus{background-color:#0174bc !important; color:#fff !important; border:1px solid #0174bc !important;} /* 팝업 에디터 */ .ui-dialog .content-body{padding-left:7.5px; padding-right:7.5px;} /*** [에디터(글쓰기 폼/뷰) 초기화 복구 끝] ***/ /** 22.04 문자공지 */ .dialog-mngt-notice { padding: 30px 20px !important; font-size: 16px; font-weight: 400; line-height: 1.8; letter-spacing: -0.5px; word-break: keep-all; } .dialog-mngt-notice p { margin-bottom: 0; } .dialog-mngt-notice p+p { margin-top: 15px; } .dialog-mngt-notice .font-size-18px { font-size: 18px; } /*** [비밀번호 변경하기] ***/ /* 비번보기 숨김 처리 */ .memberFormWrap .mpassEyeBtn i.fa-square, .memberFormWrap .mpassEyeBtn .ver_pc, .memberFormWrap .mpassEyeBtn .ver_m{display:none;} /*** [비밀번호 변경하기 끝] ***/ /*** [회비 검색] ***/ /* 기간 */ .fee-search .fee-search-date .search-box input{display:inline-block; width:calc(100% / 2 - 10px) !important; min-width:unset;} .fee-search .fee-search-date .search-box input.non-width{display:inline-block; width:auto !important; min-width:unset;} .fee-search .fee-search-date .search-box input + span{display:inline-block; width:20px; text-align:center;} /* 회비 내역 보기 */ .fee-dsc-list-vertical *{font-size:16px !important; line-height:35px; font-weight:400 !important;} .fee-dsc-list-vertical input + label{margin-left:3px;} /* 추가 화면 정리 */ .fee-search{margin-bottom:35px; padding:20px; padding-bottom:25px; background-color:#f1f2f7;} .fee-search .form-group{margin-bottom:0;} .fee-search .form-group + .form-group{margin-top:13px;} .fee-search .form-group .col-form-label{margin-top:9px; font-size:16px !important; font-weight:400 !important; letter-spacing:-0.5px;} .fee-search .form-group .form-control[disabled], .fee-search .form-group .form-control[readonly], .fee-search .form-group fieldset[disabled] .form-control{background-color:#fff; background-position-x:10px;} .fee-search .form-group .form-control{height:auto; padding:10.5px 12px; font-size:16px; color:#000; -webkit-box-shadow:none; box-shadow:none;} .fee-search .form-group .form-control::placeholder{colro:#666;} .fee-search .form-group .form-control:hover, .fee-search .form-group .form-control:focus{border-color:#000;} .fee-search .btn-wrap{margin-top:20px !important;} .fee-search .btn-wrap button{min-width:100px; font-size:16px; font-weight:400; background-color:#fff !important; color:#000 !important; border:1px solid #000 !important;} .fee-search .btn-wrap button + button{margin-left:10px;} .fee-search .btn-wrap button:hover, .fee-search .btn-wrap button:focus, .fee-search .btn-wrap .btn:not(:disabled):not(.disabled):active, .fee-search .btn-wrap .btn:not(:disabled):not(.disabled).active, .fee-search .btn-wrap .show > .btn.dropdown-toggle{color:#0085d9 !important; border-color:#0085d9 !important;} @media screen and (max-width: 720px) { /* 기간 */ .fee-search .fee-search-date .search-box{font-size:0;} .fee-search .fee-search-date .search-box > *{display:inline-block; font-size:16px; vertical-align:middle;} .fee-search .fee-search-date .search-box input{width:calc(100% / 2 - 18px) !important; padding-left:5px !important; background-image:none;} /* 추가 화면 정리 */ .fee-search{margin:20px 0;} } /*** [회비 검색 끝] ***/ /* cursor */ .cursor-pointer{cursor:pointer;} .shuvic_toolbar_context_menu{position: absolute;z-index: 999999; transform: translate(-50%, 20px);} .shuvic_toolbar_context_menu > li {white-space: nowrap;} /* 서브 페이지 조회수 카운트 */ .count-page-inq{font-size:0.85rem; color:#666;} @media screen and (min-width: 721px) { .count-page-inq{padding-right:1.25rem;} } /*** [solution.css] ***/ /* 버튼 :: 회색 계열 */ .btn-skyGray{background-color:#6c757d; color:#fff !important; border:1px solid #6c757d;} /* 버튼 :: 파란 계열 */ .btn-coolBlue{background-color:#0085d9; color:#fff !important; border:1px solid #0085d9;} /* 버튼 :: 하늘색 선 */ .btn-border-skyBlue{background-color:#fff; color:#000; border:2px solid #6bade8;} .btn-border-skyBlue i{color:#4377bd;} .btn-border-skyBlue:hover{background-color:#6bade8; color:#fff; border-color:#6bade8;} .btn-border-skyBlue:hover i{color:#fff;} /* 버튼 :: 진회색 선 */ .btn-border-charcoalGray, .btn-border-charcoalGray:hover, .btn-border-charcoalGray:focus, .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;} /*** [solution.css 끝] ***/ /*** [파일 업로드] ***/ /* 영역 */ .editor-page .board_form_func{position:relative;} /* 파일 업로드 버튼 */ .editor-page .board_form_func .uploadBtnWrap{margin-top:0;} body.editor-page .board_form_func .file-upload-btn{margin-top:6px; font-size:1rem; font-weight:400; background-color:#1accaa !important; color:#fff !important; border:1px solid #1accaa !important; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .editor-page .board_form_func .file-upload-btn:hover, .editor-page .board_form_func .file-upload-btn:focus, .editor-page .board_form_func .file-upload-btn:active{background-color:#1dc2a3 !important; color:#fff !important; border:1px solid #1dc2a3 !important;} .editor-page .board_form_func .file-upload-btn:focus, .editor-page .board_form_func .file-upload-btn.focus{box-shadow:none !important;} /* 파일 크기 */ .editor-page .board_form_func .requiredHeader{position:absolute; top:0; right:0; text-align:right;} /** 파일리스트 **/ /* @media screen and (min-width: 721px) { (PC) 파일 리스트 .editor-page .board_file_lst_wrap .ui-sortable{max-height:270px; margin-top:20px; padding:20px 4px 10px; overflow-y:auto;} .editor-page .board_file_lst_wrap .ui-sortable.hasList{border:1px solid #ccc;} .editor-page .board_file_lst_wrap .ui-sortable li{position:relative; display:inline-block; width:92px; height:140px; margin:0 9px 20px; padding:20px 0; border:1px solid #ccc;} .editor-page .board_file_lst_wrap .ui-sortable li .ajax-file-upload-progress{display:none !important;} .editor-page .board_file_lst_wrap .ui-sortable li .ajax-file-upload-filename{display:block; margin-bottom:0; padding:0.25rem; font-size:0.75rem; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .editor-page .ajax-file-upload-statusbar .ajax-file-upload-content{position:absolute; bottom:0; left:0; width:92px; background-color:#fff; border-top:1px solid #ccc;} .editor-page .ajax-file-upload-btn-wrap{padding:0 5px 5px; text-align:center;} .editor-page .ajax-file-upload-btn-wrap > a{margin:0 !important; padding:0 !important;} .editor-page .ajax-file-upload-btn-wrap > a + a{margin-left:10px !important;} .editor-page .ajax-file-upload-btn-wrap i.mr-2.ml-2{margin-left:10px !important; margin-right:0 !important;} .editor-page .ajax-file-upload-btn-wrap .moveLabel{height:auto; vertical-align:middle; cursor:pointer;} .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap > a.btn-success, .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap > a.btn-danger{font-size:1rem; background-color:transparent !important; color:#000 !important; border:0 !important; box-shadow:none !important;} .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap .btn-title{display:none;} } */ /* 23.05.30 추가사항 */ /*파일첨부*/ .ajax-file-upload-filename{margin-top:1rem; margin-left:.5rem} .ajax-file-upload-progress{width:88%; margin-left:.5rem; vertical-align:middle} .ajax-file-upload-content .txtLink{background-color:#ff6347; color:#ffffff; padding:9px 15px; font-size:13px; vertical-align:middle} .ajax-file-upload-content .menu_del{background-color:#333333; padding:7px 15px;} .ico_menu.menu_del .hide_txt{color:#ffffff; padding:0;} /* @media screen and (max-width: 720px) { (MO) 파일 리스트 .editor-page .board_file_lst_wrap .ui-sortable{display:block; max-height:300px; padding:10px; overflow-y:scroll;} .editor-page .board_file_lst_wrap .ui-sortable.hasList{border:1px solid #ccc;} .editor-page .board_file_lst_wrap .ui-sortable li{display:inline-block; width:calc(100% / 2 - 10px); margin:5px; padding-left:0 !important; text-align:center; background-color:#f8f8f8; border:1px solid #ccc;} .editor-page .board_file_lst_wrap .ui-sortable li .ajax-file-upload-progress{display:none !important;} .editor-page .board_file_lst_wrap .ui-sortable li .ajax-file-upload-filename{display:block; margin-bottom:0; padding:0.25rem; font-size:0.75rem; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .editor-page .board_file_lst_wrap .ui-sortable li .ajax-file-upload-view{position:static;} .editor-page .board_file_lst_wrap .ajax-file-upload-content{text-align:center; background-color:#fff; border-top:1px solid #ccc;} .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap{padding:0; text-align:center;} .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap > a.btn-success, .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap > a.btn-danger{font-size:1rem; background-color:transparent !important; color:#000 !important; border:0 !important; box-shadow:none !important;} .editor-page .board_file_lst_wrap .ajax-file-upload-btn-wrap .btn-title{display:block; font-size:0.75rem; font-weight:400;} } */ /** 파일리스트 끝 **/ /* 파일 기능 버튼 */ .editor-page #board .ajax-file-upload-btn-wrap > a{min-width:auto; margin-left:0; margin-right:0;} .editor-page #board .ajax-file-upload-btn-wrap > a + a{margin-left:10px;} /*** [파일 업로드 끝] ***/ /*** [회비 내역 보기 / 회비 납부하기] ***/ /* 폰트 굵기 */ .font-weight-500{font-weight:500 !important;} /* 폰트 :: 주황 계열 */ .color-orange{color:#fe6601;} /* 버튼 :: 진회색 선 이벤트 */ .fee .btn-border-charcoalGray:hover, .fee .btn-border-charcoalGray:focus, .fee .btn:not(:disabled):not(.disabled):active, .fee .btn:not(:disabled):not(.disabled).active, .fee .show > .btn.dropdown-toggle{color:#0085d9 !important; border-color:#0085d9 !important;} /* 버튼 :: 초록 계열 */ .fee .btn-mintBlue, .fee .btn-hover-mintBlue, .fee .btn-hover-mintBlue:hover, .fee .btn-hover-mintBlue:focus{background-color:#1accaa; color:#fff; border:1px solid #1accaa;} /* 셀렉트 박스 */ .fee .form-control{height:auto; padding:5px 12px; font-size:16px; color:#000; -webkit-box-shadow:none; box-shadow:none;} .fee .form-control::placeholder{colro:#666;} .fee .form-control:hover, .fee .form-control:focus{border-color:#000;} /* 탭 */ .fee .nav-tabs .nav-link.active{font-weight:500; border-top:3px solid #000;} .fee .nav-tabs .nav-link{font-weight:400; background-color:#f1f2f7; color:#114886;} .fee .nav-tabs .nav-item .nav-link:hover{border-color:#dbdbdb;} .fee .nav-tabs .nav-item .nav-link.active:hover{border-color:#000 #c0c0c0 #fff;} /* 테이블 */ .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 .d-flex-align-end{display:flex; align-items:end;} .fee .text-underline{text-decoration:underline;} /* 검색된 내역 납부금 총액 */ .fee .fee-amount-wrap{margin:0; padding:0; font-size:1rem; font-weight:400; background-color:transparent;} /* 알림창 */ .fee .base-alert{margin-bottom:30px; padding:27px 20px; font-size:18px; font-weight:500; text-align:center; background-color:#f1f2f7; color:#114886;} .fee .alarm-alert{padding:12px 20px; font-size:16px; font-weight:500; text-align:left; background-color:#e3e3e3; color:#114886;} /* 데이터가 없을때 */ .fee .no-data{margin:150px 0; padding:0; font-size:24px; font-weight:400; text-align:center; color:#000;} .fee .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 .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;} /*** [회비 내역 보기 / 회비 납부하기 끝] ***/ /* 에디터 form 태그 */ .note-modal .form-control{color:#000;} .note-modal .form-control::placeholder{color:#ccc;} /* 작성자이름 누를때 */ #JS-shuvicToolbarContextMenu .JS-memInfoSetBtn:hover{cursor:pointer} /* 관리자 문자 전송문자 예시 */ .sms_tmp_cont_focus_border { border: 1px solid blue; background-color: white;} /* 그룹 회원추가/삭제 */ .btn-sqaure-wrap{margin-top:15%;} /* 어플 인트로 화면 */ #front_logo_mask {position: fixed; z-index: 9999; background-color: #f6f7fb; width: 100%; height: 100vh; top:0; left:0;} #front_logo_mask #front_logo_wrap {position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; background-repeat: no-repeat; background-size: contain;} #front_logo_mask .front_logo_grp_nm > p {margin-top: 50%; font-size: 1.5rem; font-weight: 700; width: 100%; text-align: center; color:#b3b2b2;} #front_logo_mask #front_logo_img {width: 100%; height: 65vw; background-repeat: no-repeat; background-size: contain; background-position: center;} body.front_logo_body_wrap{opacity: 0; overflow-y: hidden} /* 22.08.18 회원 정보 일괄 변경 알럿창 수정 */ .mem_info_bat_chg {max-height: 60vh; overflow: auto;} /* 동문 칼럼 폼 */ .gyh_alm_col {display: table; table-layout: fixed; width: 100%; padding-left: 0;} .gyh_alm_col ul {padding-left: 0 !important;} .gyh_alm_col li {list-style: none !important;} .gyh_alm_col > li {display: table-cell; vertical-align: middle;} .gyh_alm_col > li:first-child {width: 70%; border-left: 5px solid rgb(62, 74, 236);} .gyh_alm_col > li:last-child {text-align: right;} /* 23.01.05 수정사항 */ /* 회원가입 이미지 등록 폼 */ .area_botm_btn.area_botm_btn_type_01 > ul {display: table; table-layout: fixed; width: 100%;} .area_botm_btn.area_botm_btn_type_01 > ul > li {display: table-cell;} .area_botm_btn.area_botm_btn_type_01 > ul > li:first-child {width: 100%;} .area_botm_btn.area_botm_btn_type_01 > ul > li:nth-child(2) {width: 90px; padding-left: 10px;} /* 23.01.18 수정사항 */ /* 아이디, 비밀번호 찾기 */ .pwd_custom_type_01 input[type="password"], .pwd_custom_type_01 input[type="text"] {border-color: #66afe9; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);} .pwd_custom_type_01 input[type="password"]:focus, .pwd_custom_type_01 input[type="text"]:focus {border-color: #4b98e8; box-shadow: inset 0 1px 1px rgb(0 0 0 / 20%), 0 0 10px #4b98e8;} /* 23.01.26 부트스트랩 추가 */ .border-radius {border-radius: 0.25rem !important;} .border-radius-1 {border-radius: 0.5rem !important;} .btn-dark-blue {color: #fff !important; background-color: #163962 !important; border-color: #163962 !important;} .btn-dark-blue:hover, .btn-dark-blue:focus {opacity: 0.8;} .font-sm {font-size: 0.9rem !important;} .font-xs {font-size: 0.8rem !important;} .font-2xs {font-size: 0.7rem !important;} .font-3xs {font-size: 0.6rem !important;} .font-md {font-size: 1rem !important;} .font-lg {font-size: 1.125rem !important;} .font-xl {font-size: 1.25rem !important;} .font-2xl {font-size: 1.5rem !important;} .font-3xl {font-size: 1.75rem !important;} .font-4xl {font-size: 2rem !important;} .font-wt-300 {font-weight: 300 !important;} .font-wt-400 {font-weight: 400 !important;} .font-wt-500 {font-weight: 500 !important;} .font-wt-600 {font-weight: 600 !important;} .font-wt-700 {font-weight: 700 !important;} .font-wt-bold {font-weight: bold !important;} /* 23.01.26 로그인폼 수정사항 */ .mem_info_fix_form input.form-control, .authTkn-change-Pw-new-form input.form-control {border-color: #747474 !important;} .memberFormWrap .set_lst_outer.custom_radio_optn_form ul > li {display: inline-block; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-right: 1rem;} @media (max-width: 480px) { .join_yn_cfm_wrap .set_lst_outer ul>li label:before {width: 30px; height: 30px;} } /* 23.02.16 로그인창 폼 수정 */ .mem_info_form_renewal.mem_info_fs .area_info {text-align: center;} .mem_info_form_renewal.mem_info_fs .area_info .gud {color: #000; font-size: 1.25rem; font-weight: 700;} .mem_info_form_renewal.mem_info_fs .area_info .gud + span {display: inline-block; color: #717171; margin-top: 1rem;} .mem_info_form_renewal.mem_info_form .area_btn.area_botm_btn {margin-top: 0;} .mem_info_form_renewal.mem_info_form .area_btn.area_botm_btn > a {display: block; padding: 16.5px 5px; font-size: 1rem; font-weight: 400;} .mem_info_form_renewal.mem_info_form .set_lst_outer_lst > li:hover, .mem_info_form_renewal.mem_info_form .no_mem_card_form_wrap:hover {border-color: #193354;} .mem_info_form_renewal.mem_info_form .set_lst_outer_lst > li:hover > a > .card, .mem_info_form_renewal.mem_info_form .no_mem_card_form_wrap:hover > a > .card {background-color: rgba(0,0,0,0.05);} #smsAuthMphonForm > div > dl {text-align: center;} #smsAuthMphonForm > div > dl > dt {font-size: 1.25rem;} #smsAuthMphonForm > div > dl > dd {margin-top: 1rem; color: #717171;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul {background-color: #fff; border: 0; padding: 0; border-radius: 0 !important;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul.ui-tabs-nav > li {width: 50%; background-color: #fff; margin-right: 0; border: 1px solid #c5c5c5 !important;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul.ui-tabs-nav > li:last-child {margin-left: -1px;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul.ui-tabs-nav > li.ui-state-active {border: 2px solid #999 !important; background-color: #eee !important;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul.ui-tabs-nav > li > a {display: block; width: 100%; text-align: center; color: #000 !important; background-color: transparent !important; border-bottom: 0 !important;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS > .Body_Tab > ul.ui-tabs-nav > li.ui-state-active > a {font-weight: 500; padding: 9px 20px;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS.ui-tabs .ui-tabs-panel {margin-top: 0.5rem;} .authTkn-change-renewal-form > #smsAuthMphonForm .COMMON_TABS.ui-tabs .ui-tabs-panel .form-control, .authTkn-change-renewal-form > #smsAuthMphonForm .form-control{height: 2.5rem;} .mem_info_form_renewal .join_yn_cfm_wrap.pre-scrollable {border-top: 0; border-bottom: 0;} .mem_info_form_renewal .set_lst_outer_lst .card > .card-body > ul > li:first-child > div {width: 30px; height: 30px; border-radius: 50%; overflow: hidden;} .mem_info_form_renewal .set_lst_outer_lst > li, .mem_info_form_renewal .no_mem_card_form_wrap {border: 1px solid rgba(201, 201, 201, 1); box-shadow: 0px 0px 5px rgb(69 69 69 / 35%); border-radius: 0.5rem; margin-bottom: 0.5rem; overflow: hidden;} .mem_info_form_renewal .list-inline {margin-left: -0.25rem; margin-right: -0.25rem;} .mem_info_form_renewal .list-inline > * {display: inline-block; padding: 0 0.25rem;} /* 24.02.05 모바일 자동로그인 팝업 수정 */ .okdc_auto_login_chk_popup.SHUVIC_JQUERY_DIALOG.NON_HEADER {border: none !important; width: 90% !important; min-width: 340px !important; max-width: 450px !important; box-shadow: 2px 2px 3px rgba(0,0,0,0.25) !important;} .okdc_auto_login_chk_popup .okdc_auto_login_chk {padding: 1.25rem !important;} .okdc_auto_login_chk_popup .okdc_auto_login_chk dl {margin-bottom: 0;} .okdc_auto_login_chk_popup .okdc_auto_login_chk dl > dt {font-size: 1.125rem} .okdc_auto_login_chk_popup .okdc_auto_login_chk dl > dd {font-size: 1rem; font-weight: 500;} .okdc_auto_login_chk_popup .okdc_auto_login_chk dl > dd > p:nth-of-type(3) {font-size: 1.125rem;} .okdc_auto_login_chk_popup .ui-dialog-buttonpane {padding: 0 !important;} .okdc_auto_login_chk_popup .ui-dialog-buttonpane .ui-dialog-buttonset {margin-right: -1px;} .okdc_auto_login_chk_popup .ui-dialog-buttonpane .ui-dialog-buttonset > button {width: 50%; margin: 0; padding: 0.5rem 1rem;} /* 24.04.16 게시판 상세 줄바꿈 처리 */ #module_contents_mtext {word-break: break-all;} /* 상생/제휴 공지 */ .JS-AlliSrvNoticeWrap .notice-list { border-top: 1px solid #ddd; } .JS-AlliSrvNoticeWrap .notice-item { padding: 20px 0; border-bottom: 1px solid #ddd; } .JS-AlliSrvNoticeWrap .notice-item-category { font-size: 14px; color: #999; } .JS-AlliSrvNoticeWrap .notice-item-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; line-height: 1.4; } .JS-AlliSrvNoticeWrap .notice-item-date { font-size: 14px; margin-bottom: 5px; color: #999; } .alli_srv_mngt_nav-tabs .nav-link { border: 1px solid #ccc; border-bottom: none; border-radius: 8px 8px 0 0; background-color: #eee; color: #777; margin-right: 5px; margin-bottom: -1px; padding: 0.5rem 1rem; text-align: center; } .alli_srv_mngt_nav-tabs .nav-link:hover { background-color: #ddd; text-decoration: none; } .alli_srv_mngt_nav-tabs .nav-link.active { background-color: #fff; border: 1px solid #ccc; border-bottom-color: #fff; color: #000; z-index: 1; font-weight: bold; } .alli_srv_ord_mngt_sta_text { position: absolute; top: 0; left: 0; z-index: 1; background: #666666; color: white; padding: 4px 8px; font-size: 12px; border-radius: 0 0 4px 0; } .alli_srv_ord_mngt_sta_fn_text { position: absolute; top: 0; left: 0; z-index: 1; background: #007bff; color: white; padding: 4px 8px; font-size: 12px; border-radius: 0 0 4px 0; } .alli_srv_ord_mngt_sta_stop_text { position: absolute; top: 0; left: 0; z-index: 1; background: #dc3545; color: white; padding: 4px 8px; font-size: 12px; border-radius: 0 0 4px 0; }