@charset "utf-8"; /* 공통 및 강제선언 */ //.ui-widget{font-family: 'Noto Sans KR', sans-serif;} .btn,input,.form-control { border-radius: 0; } .blank { height: 30px; } a { color: #000000; cursor: pointer; } hr{margin:.5rem 0} input[type=checkbox] { width: 20px; height: 20px; vertical-align: sub; margin-right: .25rem} .rightTopBtn { position: absolute; right: .25rem; top: .25rem; font-size: 1rem} /** 정리안된 css ▼▼▼▼▼ **/ /*-------------------------------------------------------------------------- | index --------------------------------------------------------------------------*/ /**/ .navbar { background-color: #f5f5f5; } .navbar a { color: #000000; } .content-section { padding: 0 .5rem 80px .5rem; } /* 메인 슬라이드 */ .bx-wrapper { border: none; margin-bottom: 0; position: relative} .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager { bottom: 10px; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #c8c8c8} .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color: #ffffff} .bx-wrapper .bx-controls-direction a { z-index: 2 !important; } /* 메인 메뉴바로가기 버튼 */ .menu-btn a { padding: 35px 0; color: var(--maintext); text-align: center; height: 120px; font-size: 1.25rem} .menu-btn a p { margin-top: 47px; } .menu-btn a:nth-child(1) { background-color: #3a70ca; } .menu-btn a:nth-child(2) { background-color: #2aa6b5; } .menu-btn a:nth-child(3) { background-color: #d89443; } /* 메인 설정메뉴바로가기 버튼 */ .Qmenu-btn { margin: 1px 0 2px 0; } .Qmenu-btn a { padding: 20px 0; text-align: center; font-size: 1.25rem; color: #ffffff} .Qmenu-btn a i { font-size: 230%; } .Qmenu-btn a p { margin: 10px 0 0 0; padding: 0 3px; } .Qmenu-btn.roundType.count3 a { width: 30%; max-width: 32.4%} .Qmenu-btn.roundType.count2 a { max-width: 49%} .Qmenu-btn.roundType a { border-radius: 20px; } .Qmenu-btn.roundType a:nth-child(2) { margin-left: 5px; } .Qmenu-btn.roundType a:nth-child(3) { margin-left: 5px; } .Qmenu-btn.circleType { background-color: #f5f5f5; } .Qmenu-btn.circleType a { background-color: initial; padding: 10px 0} .Qmenu-btn.circleType div { border-radius: 50% !important; max-width: 90px; height: 90px; margin: 0 auto; } .Qmenu-btn.circleType div i { font-size: 200%; } .Qmenu-btn.circleType a p { color: #333333; margin-top: 3px; font-size: 1.15rem} .Qmenu-btn.circleType div:nth-child(1) { background-color: #657dad; } /* 메인아이콘 정의*/ .menu-btn .mobilemembernote { background: url(./images/icon/ico_mobilemembernote.png) no-repeat center 30%; background-size: 50%} .menu-btn .talk { background: url(./images/icon/ico_talk.png) no-repeat center 30%; background-size: 50%} .menu-btn .payment { background: url(./images/icon/ico_payment.png) no-repeat center 30%; background-size: 50%} .menu-btn .mall { background: url(./images/icon/ico_mall.png) no-repeat center 30%; background-size: 50%} .menu-btn .mymoim { background: url(./images/icon/ico_mymoim.png) no-repeat center 30%; background-size: 50%} .menu-btn .aroundmap { background: url(./images/icon/ico_aroundMap.png) no-repeat center 30%; background-size: 50%} .menu-btn .minihome { background: url(./images/icon/ico_minihome.png) no-repeat center 30%; background-size: 50%} .menu-btn .jobHunting,.menu-btn .findMember { background: url(./images/icon/ico_jobHunting.png) no-repeat center 30%; background-size: 50%} .menu-btn .namecard { background: url(./images/icon/ico_namecard.png) no-repeat center 30%; background-size: 50%} /* 게시판 미리보기 공통 */ .noResult { color: #a0a0a0; font-size: 1rem} .noResult .badge { border-radius: 50%; padding: 5px; } .bbs-preview { position: relative; background-color: #ffffff; border: 1px solid #e4e4e4; border-left: 0; border-right: 0; padding: 1rem 0} .bbs-preview .more { float: right; display: block; } .bbs-preview h5 { padding-bottom: .5rem; border-bottom: 1px solid #e4e4e4; padding: 0 .75rem .5rem} .bbs-preview li { position: relative; font-size: 1rem; line-height: 120%; padding: .35rem .75rem; } .bbs-preview li a { width: 75%; display: inline-block; } .bbs-preview li:hover { background-color: #f5f5f5; } .bbs-preview a { text-decoration: none; } .bbs-preview li a i { font-size: .25rem; color: #cdcdcd} .bbs-preview li>span.date { font-size: .85rem; color: #888888; } .bbs-preview li>span.badge { vertical-align: middle} .bbs-preview .bbs-smry { color: #606060; font-size: .95rem; 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: 3.0em; } /* 우측 바로가기(2개)- 연대법대기준 */ .POSITION_RIGHT .menu-btn { margin: .75rem .75rem 1rem 0; } .POSITION_RIGHT .menu-btn a { width: 100%; height: 94px; padding: 10px; display: block; border-radius: 10px; } .POSITION_RIGHT .menu-btn a:nth-of-type(1) { background: #4d6fbc url('/common/css/images/mobile/img_right_quick_mobilenote.png') no-repeat 10px 10px; background-size: 30%; margin-bottom: 10px; } .POSITION_RIGHT .menu-btn a:nth-of-type(2) { background: #2aa6b5 url('/common/css/images/mobile/img_right_quick_minihome.png') no-repeat 10px 10px; background-size: 30%; } .POSITION_RIGHT .menu-btn a p { font-size: 1rem; margin-top: 35%; text-align: left; margin-bottom: 0rem; } .POSITION_RIGHT .menu-btn a .more { display: block; background: url('/common/css/images/mobile/bg_right_quick_arrow.png') no-repeat bottom right; height: 30%; background-size: 25%; opacity: .5; padding: 0} /* 메인 - 광고 */ #section-ad .carousel-item { border: 1px solid #c8c8c8} /* 하단 푸터 고정 */ footer { position: fixed; bottom: 0; background-color: #ffffff; border-top: 1px solid #c9c9c9; color:#888888; color: var(--off); z-index:99990;} footer .row { padding: 0; } footer .row .col { width: 20%; padding: 0; position: relative; } footer .row .col a { width: 100%; height: 100%; display: block; padding-top: 10px; position: relative; color:#888888; color: var(--off); } footer .row .col a:hover { background-color:#1b51f0; background-color: var(--main); color: #ffffff; text-decoration: none; } footer .row .col a:hover p { color: #ffffff; } footer .row .col.active { background-color:#1b51f0; background-color: var(--main); } footer .row .col.active p { color:#1b51f0; color: var(--main)} footer .row .col a p { color:#888888; color: var(--off); font-size: .85rem; margin-bottom: 0} /* 2018-10-18 김순호 모바일로그인화면 작업진행 */ .ver_pc { display: none; } .mobile_login_wrap { font-family: 'Noto Sans KR', sans-serif; color: #000000; padding:1rem; padding-top:0;} .mobile_login_wrap input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; } /* 체크박스사이즈조정 */ .mobile_login_wrap input[type=text], .mobile_login_wrap input[type=password] { width: 100%; height: 45px; border: 1px solid #979797; padding: 1rem; font-size: 1rem; } .mobile_login_wrap .mpassWrap a { position: absolute; top: 8px; right: 2px; padding: 5px 7px 2px; color: #000000; display: block; font-size: .85rem; text-decoration: none; } .mobile_login_wrap .mobile_go_check_login .loginBtn { font-size: 1.25rem; background-color: #4d6fbc; color: #ffffff; height: 2.75rem; border-left: 0; border-right: 0; } .mobile_login_wrap input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } .mobile_login_wrap .findMyaccount { height: 2.75rem; font-size: 1.25rem} .mobile_login_wrap .account { background-color: #dddddd; } .mobile_login_wrap .contactUsList_button { padding-left: 13px; padding-right: 13px; padding-top: 7px; padding-bottom: 7px; font-size: 13px; } .btn-local-admin { width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 15px; top: 50%; padding-top: 5px} /* 회원가입 폼 */ .memberFormWrap .mpassWrap { width: 100%; } /* 탭 .nav-tabs.row { margin: 0; border-bottom: 0} .nav-tabs .col { padding: 0; } .tab2 .nav-link { background-color: #eef4f8; color: #333333; text-align: center; width: 100%; border-radius: 0; padding: .75rem 0; border: 0; font-size: .95rem; font-weight: bold; } .tab2 .nav-link:focus,.tab2 .nav-link:hover { border: none; box-shadow: 0 -3px 0 var(--active) inset; -webkit-box-shadow: 0 -3px 0 var(--active) inset; -moz-box-shadow: 0 -3px 0 var(--active) inset; background-color: #f9f9f9} .tab2 .nav-link.active { background-color: #eef4f8; color: var(--main); box-shadow: 0 -3px 0 var(--main) inset; -webkit-box-shadow: 0 -3px 0 var(--main) inset; -moz-box-shadow: 0 -3px 0 var(--main) inset; } .tab3 .nav-link { background-color: #4d6fbc; color: #f9f9f9; text-align: center; width: 100%; border-radius: 0; padding: .75rem 1rem; border: 0; font-size: 1.1rem; } .tab3 .nav-link:focus,.tab3 .nav-link:hover { border: none; box-shadow: 0 -6px 0 rgba(255, 207, 74, 1) inset; -webkit-box-shadow: 0 -6px 0 rgba(255, 207, 74, 1) inset; -moz-box-shadow: 0 -6px 0 rgba(255, 207, 74, 1) inset; } .tab3 .nav-link.active { background-color: #4d6fbc; border-bottom: 1px solid #4d6fbc; color: var(--maintext); border: none; box-shadow: 0 -6px 0 rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 -6px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 -6px 0 rgba(255, 255, 255, 0.5) inset; font-weight: bold; } .nonback-tab .nav-link { background-color: var(--nonback); color: var(--main); text-align: center; border: none; border-bottom: 4px solid var(--nonback); } .nonback-tab .nav-link.active { background-color: var(--nonback); border: none; border-bottom: 5px solid var(--main); color: var(--main); } */ .COMMON_TABS.ui-tabs>ul { background-color:#1b51f0; background-color: var(--main); } .COMMON_TABS.ui-tabs.item-length-1 .ui-tabs-tab { width: 100%; } .COMMON_TABS.ui-tabs.item-length-2 .ui-tabs-tab { width: 50%; } .COMMON_TABS.ui-tabs.item-length-3 .ui-tabs-tab { width: 33.3%; } .COMMON_TABS.ui-tabs.item-length-4 .ui-tabs-tab { width: 25%; } .COMMON_TABS.ui-tabs.item-length-5 .ui-tabs-tab { width: 20%; } .COMMON_TABS.ui-tabs .ui-tabs-tab { border:1px solid #1b51f0; border: 1px solid var(--main); } .COMMON_TABS.ui-tabs .ui-tabs-tab .ui-tabs-anchor { background-color:#1b51f0; background-color: var(--main); color:#b7b7b7; color: var(--cancle); text-align: center; width: 100%; border-radius: 0; border: 0px; border-bottom: 5px solid var(--main); } .COMMON_TABS.ui-tabs .ui-tabs-active .ui-tabs-anchor { color:#ffffff; color: var(--maintext); border-bottom:5px solid #ff6347; border-bottom: 5px solid var(--active); } .COMMON_TABS.ui-tabs .ui-tabs-nav li { padding: 0; margin: 0; } /* 게시판 말머리 탭 */ .boardListTabs.nav-tabs { border-bottom: none; font-family: 'Noto Sans KR', sans-serif; } .boardListTabs.nav-tabs .nav-link { border-radius: 0; padding: .5rem 0; text-align: center; min-width: 50px; background-color: #f4f4f4; border-color: #dbdbdb; border-bottom: 0; margin-right: 1px; color: #717171; } .boardListTabs.nav-tabs .nav-link.active { border-color: #c0c0c0 #c0c0c0 #fff; border-top: 3px solid #f46814; background-color: #fff; margin-top: -1px; font-weight: bold; color: #535353; } /* 버튼 */ .btn.agree { background-color:#1b51f0; background-color: var(--main); color:#ffffff; color: var(--maintext); } .btn.agree a { color:#ffffff; color: var(--maintext); } .btn.sub { background-color:#4ea2f0; background-color: var(--sub); color:#ffffff; color: var(--maintext); } .btn.cancle { background-color:#b7b7b7; background-color: var(--cancle); } .btn-s_del { background-color: #333333; color: #ffffff !important; } .btn-s_del:hover { background-color: #505050; } /* 회원 리스트, 모임리스트 */ .mem-list { position: relative; background-color: #ffffff; padding: 1rem; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; font-size: 1.15rem} .mem-list .on-mem { position: absolute; right: 5%; top: 0%; color:#ff6347; color: var(--active); } .mem-list .app-alert { position: absolute; right: 5%; bottom: 0%; } .mem-list-detail-view { position: absolute; top: 35%; right: 2%; color: #bebebe; } .mem-list div:first-child:not(.no-mem-list) { padding: 0; } .mem-list div:first-child .mem-main-photo { width: 80px; height: 80px; overflow: hidden; border: 1px solid #c8c8c8; text-align: center; } .mem-list div:first-child .mem-main-photo img { height: 100%; object-fit: cover} .mem-list div:first-child .mem-main-photo-square { width: 90px; height: 120px; border: 1px solid #c8c8c8; text-align: center; overflow: hidden; margin:0 auto;} .mem-list div:first-child .mem-main-photo-square img { height: 100%; object-fit: cover} .mem-list div:first-child .mem-main-photo-square + .BIZ_badge_wrap > .BIZ_badge {width: 90px; height: 30px;} .mem-list p { width: 93%; } .mem-list .badge { font-size: 75%; } .list-name { color: #000000; margin-right: 30px; } .list-name .badge-id { padding: 0; text-align: left; font-size: .8rem; line-height: 1.5} /* .moim-type{width:21px; height:21px; text-align:center; color:#ffffff; font-weight:bold; display:inline-block; vertical-align:top; line-height:21px; margin:2px 4px 0 2px} .mtype-blog{background-color:#ee477e; } .mtype-cafe{background-color:#e59d11} .mtype-home{background-color:#5ea3dd} */ /* 회원리스트에서 상세정보 화면 */ .memberInfo { font-size: 1.15rem} .memberInfo .Fieldname { color:#17a2b8; color: var(--cyan); font-size: .85rem; width:35% !important; padding:1rem 0.6rem !important; white-space:normal; word-break:keep-all; word-wrap:break-word; } .memberInfo .Fieldvalue { width:65% !important; padding:1rem 0.6rem !important; } .text-break { margin-bottom: 0; } .memberInfo .card { border-left: none; border-right: none; } /* 리스트형 게시판 미리보기 */ .bbs_list { position: relative; border-top: 1px solid #d5d5d5; } .bbs_list a { text-decoration: none; } .bbs_list li { position: relative; padding: 1rem 10px; overflow: hidden; border-bottom: 1px solid #d5d5d5; background-color: #ffffff} .write-info { color:#888888; color: var(--off); } .write-info ul { margin-bottom: .5rem} .origComment .write-info { font-size: .85rem} .write-info span:after { content: "|"; padding: 0 .75rem; } .write-info span.write_date:after { content: ""; padding: 0; } .bbs_list .media-body.secret-bbs { min-height: 100%; } .bbs_list .media img { width: 64px; height: 64px; } .fa-lock { color:#ffc107; color: var(--yellow); } .secret-bbs-title { color: #777777; } .cata-title { font-size: 1rem; color:#4ea2f0; color: var(--sub); vertical-align:middle;} /* 검색 바 타입1 */ .total_search input { border: 1px solid #999 !important; margin-left: -1px; } .total_search button#resetBtn { background-color: #868e96; border: 1px solid #868e96; } .total_search button,.total_search button[type="submit"] { background-color:#1b51f0; background-color: var(--main); color:#ffffff; color: var(--maintext); border:none !important;} .total_search button.resetBtn { background-color: #999 !important;} /* 검색 바 타입2 */ .total_search.type2 input { border: none; border-bottom:3px solid #1b51f0; border-bottom: 3px solid var(--main); } .total_search.type2 button { border: none; border-bottom:3px solid #1b51f0; border-bottom: 3px solid var(--main); color: var(--main); padding: .35rem .75rem; background-color: var(--maintext); } .total_search.type2 button:hover { background-color: var(--sub); color: var(--maintext); } /* 검색 바 타입3 */ .total_search.type3 .memseach-selcet { border: 1px solid #c8c8c8; height: 30px; } .total_search.type3 input { border: 1px solid #c8c8c8; padding: .25rem .5rem; height: 30px; } .total_search.type3 button { background-color: #c8c8c8; border: none; color: #333333} .total_search.type3 button:hover { background-color: var(--sub); color: var(--maintext); } .total_search.type3 button[type="submit"] { height: 30px; padding: .25rem .5rem; } /* 게시판에 삽입되는 뱃지들 */ .badge-notice { background-color: var(--teal); color: var(--maintext); } .badge-new { background-color: var(--orange); color: var(--maintext); font-weight: bold; font-size: .75rem} /* 셀렉트 박스 */ .custom-select { background-color: var(--sub); border: 1px solid var(--sub); color: var(--maintext); height: 50px; } .cata-select { background-color: #ffffff; border: 1px solid var(--sub); color: #000000; } .memseach-selcet { background-color: #ffffff; border: 1px solid var(--main); color: #000000; border:1px solid #999;} .mypage_photo .changePhoto { position: absolute; right: 2rem; bottom: 0; font-size: 2rem; } /* 입력폼 */ .inputForm { border-top: 2px solid var(--main); } .inputForm .form-group { border-bottom: 1px solid #bebebe; padding: 0 1rem 1rem; margin-bottom: 0} .inputForm .form-group label { margin-bottom: 0} .inputForm .form-group input[type=text] { margin-bottom: .25rem} /* 체크박스 */ .m-check input[type=checkbox] { width: 20px; height: 20px; } .m-check label { vertical-align: top} /*-------------------------------------------------------------------------- | 패널 --------------------------------------------------------------------------*/ .navMenuCont { padding-bottom: 65px; } .account .gnb,.account .info { background-color: #ffffff; } .guick-btn .row div { padding-top: .5rem} .btn-pannel-write { background-color: var(--active); color: var(--maintext); margin: 0} .btn-pannel-write:hover { color: var(--active); background-color: var(--maintext); border: 1px solid var(--active)} .rep-abs,.rep1-abs { position: relative; } .account>a.btn.bg-secondary>span.new-report { position: absolute; top: -15px; right: 100px; padding: 7px; } .new-report1 { position: absolute; top: 2px; right: 0px; padding: 5px; } .new-report2 { position: absolute; top: -6px; right: -6px; padding: 5px; border-radius: 10px; width: 20px; height: 20px; } /*-------------------------------------------------------------------------- | 게시판 --------------------------------------------------------------------------*/ /* 게시글 작성자 - 기존 작성자 앞에 있던 사람아이콘 삭제처리 */ body .shuvic_toolbar { background: none; padding-left: 0; z-index: 200; } .table th { background-color: #f5f5f5; font-weight: 500; min-width: 30%; } .table td { background-color: #ffffff; } .table .memChecked{background-color:#eeeeee} /* 게시글보기 - 투표형 */ .poll-box { background-color: #f7f7f7; padding: 1rem} /* 투표 */ .poll { background-color: #f7f7f7; border: 1px solid #bebebe; padding: 1rem} .poll ul li { position: relative; padding: .5rem; display: block; border: 1px solid #bebebe; margin-bottom: .25rem; } /* 상세보기(후원업체홍보) */ .detail-view-photo1 { position: relative; height: 200px; overflow: hidden; } .detail-view-photo1 p { position: absolute; top: 40%; font-size: 2rem; } .detail-view-list .info-title { font-weight: bold; color: var(--main)} .detail-view-mem-photo { position: relative; overflow: hidden; width: 120px; height: 120px; border: 1px solid #c8c8c8; margin-top: -50px; } .detail-view-mem-photo img { height: auto; width: 100%; object-fit: cover; } /* 게시판 - 알림, 비밀글 아이콘 관련 */ .alert-section input[type="checkbox"] { display: none; } .alert-section label { margin-bottom: 0; } .alert-section div { border: 1px solid #c8c8c8; padding: .5rem; margin: .5rem 1rem; background-color: #ffffff} .alert-section .mail-off,.alert-section .fa-bell-slash,.alert-section .fa-unlock{ color: var(--off)} .alert-section .mail-on,.alert-section .fa-bell,.alert-section .fa-lock { color: var(--active)} /* 게시판상세보기 */ .m-bbs-info { padding: 1rem 10px; border-top: 1px solid #ebebeb; background-color: #ffffff} .m-bbs-info .Info-top { border-bottom: 1px solid #bebebe; } .m-bbs-info .Info-top li { display: inline-block; padding-right: .75rem; content: "|"; } .m-bbs-info .Info-top li:after { content: "|"; padding-left: .75rem; color: #c8c8c8; } .m-bbs-info .Info-top li:last-child:after { content: ""; } .m-bbs-info .Info-top .badge,.m-bbs-info .Info-footer .bbs-share .badge{ border: 1px solid #bebebe; font-size: .80rem} .m-bbs-info .Info-body { padding: 20px 0 0; font-size: 1rem; min-height: 300px; word-wrap:break-word; } .m-bbs-info .bbs-info-btn .btn{margin:0 1px;} .m-bbs-info-ttl{word-wrap:break-word;} /* 작성자 이름 앞 사진 */ .media .writer-photo { width: 40px; height: 40px; overflow: hidden; border: 1px solid #bebebe; } .media .writer-photo img { width: 100%; height: auto; } /* 반응하기 아이콘 나열 */ .emoti-response { background-color: #e7edf9; padding: 1rem 0; border-top: 1px solid #3e5b93} .emoti-response div span { font-size: 90%; line-height: 100%; } .emoti-response h5 { color: #3e5b93; margin-bottom: 3px} .emoti-response ul { overflow: hidden; border-left: 1px solid #d0dbf0; clear: both; margin-top: 1rem} .emoti-response ul li { float: left; width: calc((100% + 8px) / 8); height: 65px; border: 1px solid #d0dbf0; margin-left: -1px; position: relative; } .emoti-response ul li:hover { background-color: #ffffff; cursor: pointer} .emoti-response ul li.active { background-color: #ffffff; } .emoti-check { position: absolute; right: .25rem; top: .25rem; color: green; font-size: 1rem} .boardReIcon1 { background: url(/common/css/images/emoticonbox/e_like_on.png) center no-repeat ; background-size: 100%; } .boardReIcon2 { background: url(/common/css/images/emoticonbox/e_congr_on.png) center no-repeat ; background-size: 95%; } .boardReIcon3 { background: url(/common/css/images/emoticonbox/e_sad_on.png) center no-repeat ; background-size: 95%; } .boardReIcon4 { background: url(/common/css/images/emoticonbox/e_yes2_on.png) center no-repeat ; background-size: 100%; } .boardReIcon5 { background: url(/common/css/images/emoticonbox/e_no_on.png) center no-repeat ; background-size: 100%; } .boardReIcon8 { background: url(/common/css/images/emoticonbox/e_unsettle_on.png) center no-repeat ; background-size: 100%; } .boardReIcon6 { background: url(/common/css/images/emoticonbox/e_Att_on.png) center no-repeat ; background-size: 100%; } .boardReIcon7 { background: url(/common/css/images/emoticonbox/e_nAtt2_on.png) center no-repeat ; background-size: 100%; } /* 게시판 상세보기 - 반응하기 반응한사람들 */ .now-reaction {/* border-top: 1px solid #3e5b93; */padding: .25rem; border-bottom: 1px solid #cdcdcd} .reactionList { background-color: #ffffff; padding-top: 1rem; padding-bottom: 1rem} .reactionList ul li { width: 20%; float: left; text-align: center; position: relative; } .reactionList ul li .boardReIcon { position: absolute; top: 25%; right: 0; display: block; width: 50%; height: 35%} .reactionList ul li p { width: 100%; margin-bottom: .5rem} .reactionList ul li .boardReIcon1 { background: url(/common/css/images/emoticonbox/e_like_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon2 { background: url(/common/css/images/emoticonbox/e_congr_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon3 { background: url(/common/css/images/emoticonbox/e_sad_on.pn g) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon4 { background: url(/common/css/images/emoticonbox/e_yes2_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon5 { background: url(/common/css/images/emoticonbox/e_no_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon8 { background: url(/common/css/images/emoticonbox/e_unsettle_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon6 { background: url(/common/css/images/emoticonbox/e_Att_on.png) top center no-repeat ; background-size: 100%; } .reactionList ul li .boardReIcon7 { background: url(/common/css/images/emoticonbox/e_nAtt2_on.png) top center no-repeat ; background-size: 100%; } .reactionList .media .writer-photo img { height: 120%; margin-top: -3px} /* 투표 :: 투표하기 각 버튼 삭제되어 width 60 -> 80 */ .poll { background-color: #ffffff; border: 1px solid #bebebe; padding: 1rem} .poll ul li { position: relative; padding: .5rem; display: block; border: 1px solid #bebebe; margin-bottom: .25rem} .poll ul li dl dt { width: 100%; display: inline-block; font-size: 1rem} .poll ul li dl dd:nth-child(2) { display: inline-block; width: 100%; vertical-align: middle} .poll-state { overflow: hidden; } /* 게시글 하단 */ .btn-reply { background-color: var(--main); color: var(--maintext) !important; line-height: 40px; } .reply_form { position: fixed; bottom: 54px; left: 0; border: 2px solid var(--main); z-index: 999} .reply_form .reply_txta { padding: .5rem; height: 60px; -webkit-appearance: none; border: none} .reply_form .form-control:focus { box-shadow: 0rem; border: 0; } .reply_active { display: none; padding: .5rem; border-bottom: 1px solid #bdbdbd} .reply_active label { margin-bottom: 0} .reply_form.active { background-color: #ffffff; } .reply_form.active .reply_txta { height: 80px; } .reply_form.active .btn-reply { line-height: 60px} @media (min-width: 1140px) { .reply_form {width: 480px !important; left: 50%; transform: translateX(-50%); bottom: 55px;} } /* FAQ 모바일 버튼 */ .fixed-faq-btn { position: fixed; bottom: 4rem; right: 1rem; z-index: 997; } /* 게시판리스트 - 글쓰기버튼 */ .memQuickMenuLinkWrap { position:relative; width:100%; height:0PX; } #mask { position: fixed; left: 0; top: 0; z-index: 999; background-color: #000000; opacity: .7; width: 100%; height: 100%; } .fixed-btn { position: fixed; bottom: 7rem; right:1rem; z-index:999; } .fixed-btn-up{bottom:7rem;} .fixed-btn a,.memQuickBtn a { line-height: 1.25; display: block; width: 65px; height: 65px; padding: 1rem 0; text-align: center; color: #ffffff; box-shadow: 1px 1px 5px #333; background-color: var(--main); } .fixed-btn a i{color:#fff;} .fixed-btn a.writeBtn { width: 80px; height: 80px; color:#fff; } .fixed-btn a.memIntsInqBtn { font-size: .8rem; width: 65px; height: 65px; background-color: #0055b1; padding-top: .5rem; } .memQuickBtn { } .memQuickBtn a { position: fixed; right: 1rem; z-index: 999; padding-top: 1rem; font-size: 87%; letter-spacing: -1px; line-height: 1.2; align-items: center !important; -webkit-box-align: center !important} .memQuickBtn a.memIntsInqBtn { bottom: 11.5rem; background-color: #0055b1; padding-top: .5rem; } .memQuickBtn a.prsnlcnntBtn { bottom: 16rem; background-color: #277eab; } .memQuickBtn a.dayAttntBtn { bottom: 20.5rem; background-color: #42a9b8; padding-top: .5rem; } .memQuickBtn a.memshpBtn { bottom: 25rem; background-color: #6b97c8; } .fixed-btn .ico_hot { position: absolute; right: -5px; top: -5px; background: url(/common/mobile/css/images/icon/ico_hot.png) no-repeat ; display: block; width: 22px; height: 22px; background-size: 100%; } @media screen and (min-width: 1140px) { .memQuickBtn a, .fixed-btn { left:50%; margin-left:155px; } .memQuickBtn .qucik_sub_ttl{ right: 50% !important; margin-right: -145px; } } /* 댓글 박스 */ .m-comm-info { padding: 1rem; border-top: 1px solid #ebebeb; border-bottom: ㄴ1px solid #ebebeb; background-color: #ffffff; margin-top: -1px} .m-comm-info.re { border-top: none !important; padding: 0 .5rem .5rem .5rem} .m-comm-info.re .media { border-top: 1px solid #ebebeb; padding: .5rem .5rem 0 .5rem; } .m-comm-info .writer-photo { width: 30px; height: 30px; } .ico-re { display: inline-block; width: 12px; height: 12px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; margin-right: 10px; margin-top: 2px} /* 20.06.16 댓글이 영역을 벗어나는 문제로 추가 */ .origComment{word-break:break-all;} /* 게시글 쓰기 */ .m-bbs-form { border-top: 2px solid #1c74cc; background-color: #ffffff} .m-bbs-form { border-top: none; } .m-bbs-form#boardFormAddFieldWrap { border-top: none; } .m-bbs-form div { padding: .5rem} .m-bbs-form .title { background-color: #f5f5f5; font-weight: 500; } .m-bbs-form .title span{vertical-align: middle} /* 게시글 쓰기- 투표영역 */ .pollWrap span a { color: #888888} .poll-set input[type=date] { letter-spacing: -1px; } .poll-set { line-height: 2.25rem; } /* 버튼(확인 )*/ a.btn-memFind { color: #ffffff; background-color: #2643c1; font-size: 1.25rem} /* 버튼(비번찾기에서로그인 )*/ a.btn-memLogin { color: #ffffff; background-color: #5d9a0e; font-size: 1.25rem} /*-------------------------------------------------------------------------- | 아이디비번찾기 --------------------------------------------------------------------------*/ /* 아이디비번찾기 */ #memInfoFindListTabWrap { background-color: #ffffff} #memInfoFindListTabWrap .form-control { height: 3rem} .memInfoFindBox { background-color: #f5f5f5; border: 1px solid #bebebe; padding: 20px; text-align: center; margin-bottom: 35px; } .memInfoFindBox input { font-size: 1.3rem; padding: .5rem} /* 아이디비번찾기 - 하단 문의건의하기,로그인하기 버튼 */ .links { font-size: 1rem; margin-bottom: 30px; } .links .badge { width: 113px; padding: 10px; letter-spacing: 0px; font-size: .85rem} .links .badge.faq_badge { width: 250px; font-size: .85rem} .links .hLine { border: 1px solid #2643c1; color: #2643c1; background-color: #Ffffff} .links .lg { border: 1px solid #555555; color: #555555; } .links .hLine:hover { background-color: #2643c1; color: #ffffff; text-decoration: none} .links .lg:hover { background-color: #555555; color: #ffffff; text-decoration: none} /* 아이디비번찾기 - 검색결과 후 */ .result-title { font-size: 27px; line-height: 1.2} .ok-true { color: #2643c1; } .result-false { color: #eb225b} .send { color: #000000} .result-comment { font-size: 18px; letter-spacing: -1px; } .tb-result { border-top: 1px solid #7badc4; border: 1px solid #7badc4; } .tb-result th { background-color: #7badc4; color: #ffffff; border-bottom: 1px solid #4a99be; border-top: 1px solid #4a99be; padding: .25rem} .tb-result td { border-right: 1px solid #7badc4; border-bottom: 1px solid #7badc4; padding: .25rem; border-top: 1px solid #4a99be; } .tb-result .btn { font-size: .8rem; letter-spacing: -1px; font-weight: bold} .tb-result td { font-weight: 800; } /* 아이디비번찾기 - 인증 단계 */ .codeBox { padding: 10px; text-align: center; position: relative} .codeBox input { font-size: 1.3rem; } .codeBox input[type=checkbox] { width: 20px; height: 20px; } .codeTime { position: absolute; right: 15%; top: 1.3rem; color: #ff0000; font-weight: 900} .code_confirm { border-bottom: 3px solid #000000; margin-bottom: 42px; } .codeAgain { font-weight: 900; padding-bottom: 5px; text-decoration: underline; } .viewPw { font-size: 1rem} /*회원가입 > 인증하기*/ .table.mt-4 { margin:0px auto; width:90%; border-bottom:1px solid #dee2e6; } .table.mt-4 th { padding:0px 10px 0px 10px; text-align:center; line-height:50px; vertical-align:middle; } .table.mt-4 td { padding:0px 10px 0px 10px; line-height:50px; vertical-align:middle; } .table.mt-4 td .form-control { vertical-align:middle; line-height:40px; } .text-center.mt-2.mb-5 { padding-top:10px; } .text-center.mt-2.mb-5 .btn { margin-left:5px; } .text-center.mt-2.mb-5 .btn:after { margin-left:0px; } /* 다이얼로그창 - 아이디비번틀렸을경우 */ .wrong_msg { font-family: 'Noto Sans KR', sans-serif; padding: 140px 15px 15px 15px; font-size: 20px; font-weight: normal; line-height: 150%; letter-spacing: -1px; } .w_idfw { background: url('/common/css/images/popup/img_wrong_idfw_msg.png') center 25px no-repeat ; background-size: 80%; } .no_data { background: url('/common/css/images/popup/img_no_data.png') top center no-repeat ; } .sms_pw { background: url('/common/css/images/popup/img_sms_pw_msg.png') top center no-repeat ; } .sms_code { background: url('/common/css/images/popup/img_sms_code_msg.png') top center no-repeat ; } .email_code { background: url('/common/css/images/popup/img_email_code_msg.png') top center no-repeat ; } .wrong_info { background: url('/common/css/images/popup/img_wrong_info_msg.png') top center no-repeat ; } .wrong_code { background: url('/common/css/images/popup/img_wrong_code_msg.png') 50% 20px no-repeat ; } .time_out { background: url('/common/css/images/popup/img_time_out_msg.png') top center no-repeat ; } .notagree_code { background: url('/common/css/images/popup/img_notagree_code_msg.png') 50% 30px no-repeat ; } .fail_pw { background: url('/common/css/images/popup/img_fail_pw_msg.png') top center no-repeat ; } .code_ok { background: url('/common/css/images/popup/img_code_ok_msg.png') top center no-repeat ; } .pw_ok { background: url('/common/css/images/popup/img_pw_ok_msg.png') top center no-repeat ; } .msg_comment { background-color: #e7e7e7; margin-top: 10px; padding: 10px; line-height: 130%; font-size: 20px; } .msg_comment a { color: #ff6347; text-decoration: underline; margin-top: 10px; } .msg_comment a:hover { background-color: #ff6347; color: #ffffff; } .wrong_msg .gd_join { font-size: 1.25rem; padding: 5px; } /* 첨부파일 */ .att-file .card-header { padding: .5rem; } .att-file .card-body { padding: .75rem; } .att-file .card-body ul {margin: 0; padding: 0;} .att-file .card-body ul .list-group-item {padding: 0rem 0rem .5rem 0rem; font-size: .85rem;} /* 미니홈피 */ .memberAdList { background-color: #ffffff; position: relative} .proBiz-Home .noResult { min-height: 1716px; position: relative; z-index: 1; text-align: center} .proBiz-Home .noResult:after { height: 100%; position: absolute; top: 0; left: 0; content: ""; background: url("/common/css/images/img_sample_moblie_bizhome.png") no-repeat ; opacity: .1; filter: alpha(opacity = 50); z-index: -1; width: 100%; background-size: cover; } .proBiz-Home .noResult .biz_sample_alert {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; margin-top: 0; white-space: nowrap; background: repeating-linear-gradient(135deg,#0000000d,#0000000d 1rem,#ffffff33 0,#ffffff33 2rem);} .proBiz-Home .noResult .biz_sample_alert > div {-webkit-text-stroke: 3px #4d6fbc; font-size: 5rem; color: transparent; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%);} .proBiz-Home .noResult .result_message { position: absolute; left: 50%; top: 5%; background-color: #ffffff; padding: 1rem 0; color: #333333; box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 2px 24px rgba(0, 0, 0, 0.4); } .proBiz-Home .noResult .result_message { width: 80%; margin-left: -40%; color: #5f5f5f} .proBiz-Home .noResult .result_message H2 { color: #333333} .account_login .go-page { font-weight: bold; background-color: #4d6fbc; color: #ffffff; border: 1px solid #4d6fbc; padding:7px 20px; border-radius: 20px; 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); } @media screen and (-webkit-min-device-pixel-ratio:0) { .proBiz-Home .noResult { min-height: 1716px; position: relative; z-index: 1; text-align: center} .proBiz-Home .noResult:before { height: 100%; position: absolute; top: 0; left: 0; content: ""; background: url('/common/css/images/img_sample_moblie_bizhome_opacity5.png') no-repeat ; opacity: 1; z-index: -1; width: 100%; background-size: cover; } } /*모바일 미니홈피 리스트 디자인 작업 19.01.18 작성자 : 이해봉*/ .miho_btn { background-color: #434e67; color: #fff; margin-left: 10px; } .miho_tot { color: #3860b8 !important} .miho_mold { background-color: #fff; border-radius: 10px; } .miho_goto { top: unset; } /*푸터영역 뱃지 장착 19.01.18 작성자 :이해봉*/ .badge_position { position: relative; } .badge_mobile { position: absolute; top: -9px; right: 10px; color: #fff; background-color: #27a232; width: 54px; height: 17px; font-weight: normal; font-size: 70%} .badge_app { position: absolute; top: -9px; right: 10px; color: #fff; background-color: #ff811c; width: 54px; height: 17px; font-weight: normal; font-size: 70%} .mobile_bottom_menu .ico_hot { position: absolute; right: 0; top: -9px; background: url(/common/mobile/css/images/icon/ico_hot.png) no-repeat ; display: block; width: 22px; height: 22px; background-size: 100%; z-index:99999; } /*모바일 미니홈피 리스트 디자인 작업 19.01.18 작성자 : 이해봉*/ .miho { font-family: 'Noto Sans KR', sans-serif;} .miho_blue { color: #4d6fbc} .miho_btn { background-color: #434e67; color: #fff; margin: auto; margin-right: 0; } .miho_mold { background-color: #fff; } .miho_mold>.card-body { padding: 20px; padding-top: 25px; } .miho_mold>.card-header { background-color: #4d6fbc; height: 45px; } .miho_mold>.card-header>.miho-hed1 { width: 80%; display: inline-block; height: 45px; } .miho_mold>.card-header>.miho-hed1>a { color: #fff !important; padding: 5px 10px; display: block; font-size: 1.4rem; height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .miho_mold>.card-header>.miho-hed2 { width: 20%; height: 45px; display: inline-block; float: right; position: relative; } .miho_mold>.card-header>.miho-hed2 img { float: right; } .miho_goto { top: 4px; color: #fff; padding: 8px 10px; font-size: 19px} .miho_tot { color: #3860b8 !important; } .miho_selfi { width: 40%; border: 1px solid #bebebe; height: 130px; overflow: hidden} .miho_profi { width: 60%; padding-left: 20px; } .miho_profi>.profi_name { font-size: 1.3rem; padding-bottom: 15px; font-weight: bold} .miho_profi>ul>li { padding-bottom: 7px; } .miho_profi>ul>li:last-child { padding: 0; } .miho_profi>ul>li>a { font-weight: bold; } .miho_profi>ul>li>i { width: 18px; height: 40px; text-align: center; float: left; margin-right: 5px; } .miho_profi>ul>li>.miho_address { font-weight: bold; height: 50px; overflow: hidden; text-overflow: ellipsis} /*-------------------------------------------------------------------------- | 글쓰기 상단 --------------------------------------------------------------------------*/ .m-boardForm-top .navbar { background-color: #FFF; padding: 0px; } .m-boardForm-top .navbar .logo { background-color: #fff; line-height: 52px; color: var(--b-title); font-size: 1.1rem; display: block; text-align: center; width: 100%; height: 52px; } .m-boardForm-top .navbar .logo { margin-bottom: 0; } .m-boardForm-top .navbar .navBackBtn { cursor: pointer; padding: 10px 35px 16px 0; margin: 0 0 0 10px; position: fixed; top: 0; left: 0; z-index: 102; color: var(--main); } .m-boardForm-top .navbar { height: 53px; border-bottom: 1px solid #777777; } .m-boardForm-top .saveTopBtn { text-decoration: none; background-color: var(--main); color: #fff; font-weight: bold; position: fixed; right: 10px; top: 10px; padding: 5px 10px} /*-------------------------------------------------------------------------- | OK톡 디폴트 배너 A,B,C 타입 --------------------------------------------------------------------------*/ .talkAD a.goOKTalk { display: block; width: 100%; } .talkAD.typeA a.goOKTalk { background: #254a97 url('/common/css/images/common/img_ad_talk_typeA.jpg') no-repeat center; background-size: 100%; min-height: 87px; } .talkAD.typeB a.goOKTalk { background: #254a97 url('/common/css/images/common/img_ad_talk_typeB.jpg') no-repeat center; background-size: 100%; min-height: 115px; } .talkAD.typeB .typeB-mall a { background: #6c544f url('/common/css/images/common/ico_mall.png') no-repeat center 15px; background-size: 40%; padding: 10px; width: 100%; height: 100%; display: block} .talkAD.typeB .typeB-mall p { text-align: center; color: #ffffff; margin-top: 65px; font-size: 1.25rem; margin-bottom: 0} .talkAD.typeC a.goOKTalk { background: #254a97 url('/common/css/images/common/img_ad_talk_typeC.jpg') no-repeat center; min-height: 170px; background-size: 100%} .talkAD.typeC .right-half-btn .mall { background: #6c544f url('/common/css/images/common/ico_mall.png') no-repeat center 17px; background-size: 35%; padding: 10px; display: block} .talkAD.typeC .right-half-btn p { text-align: center; color: #ffffff; margin-top: 55px; font-size: 1.15rem} .talkAD.typeC .capstone { position: absolute; bottom: 0; right: 0; } .talkAD.typeD a.goOKTalk { background: #254a97 url('/common/css/images/common/img_ad_talk_typeB.jpg') no-repeat center; background-size: 100%; min-height: 115px; } .talkAD.typeD .capstone { background: url('/common/css/images/common/img_capstone_bg.png') no-repeat center; background-size: cover; border: 3px solid #333333; min-height: 115px; display: block} .talkAD.typeE .capstone { background: url('/common/css/images/common/img_capstone_bg.png') no-repeat center; background-size: cover; border: 3px solid #333333; min-height: 87px; display: block} /* 머릿돌 협찬영역 */ .capstoneBox { /* background: url('/common/css/images/common/bg_capstone.png') no-repeat top; */ background-size: 100%; width: 100%; height: 100%; margin: 0 auto; padding-top:0px; } .capstoneBox div { font-family: "궁서"; resize: none; overflow: hidden; color: #000000; } .capstoneBox .capstone { min-height: 15rem; background:url("/common/css/images/common/bg_capstone2.png") no-repeat center top; background-size:100% auto; padding-top:80px; padding-bottom:20px; } .capstoneBox .txt-box { margin: 0 auto; font-size: 130%; line-height: 130%; width: 92%; min-height: 1rem; background-color:rgba(0, 0, 0, 0.2); padding:8px; } .capstoneBox .date-box { text-align: center; font-size: 80%; margin: .75rem 0; width: 90%; margin: 0 auto; margin-top:10px; } .capstoneBox .owner-box { text-align: center; font-size: 100%; margin: 75rem 0; width: 90%; margin: 0 auto; font-weight: bold; margin-top:0px; } .sponsor { clear: both; } .sponsor img { width: 100%; margin} .sponsor-stage { margin: 0; padding: 0; } .sponsor-stage div { display: block; margin-bottom: 5px; border: 1px solid #cdcdcd; } .sponsor-stage div p { display: block; padding: 20px; text-align: center; margin-bottom: 0; } /*2019.02.12 이해봉 FAQ 작업*/ /* faq 박스 */ .m_fatap { background-color: #fff !important; } .m_faqul { background-color: unset !important; border-bottom: none !important; } .m_faqul>li>a { background-color: unset !important; border-bottom: none !important} .faq a { font-size: 1rem} .faq .card { margin-top: -1px; border-left: none; border-right: none; border-radius:0; } .faq .card-header{padding:.75rem; border-bottom:none;} .faq .card-header:hover { background-color: #ebf0f3} .faq .card-body { font-size: 1rem; padding: 1rem; line-height: 180%} .faq .card-body p img{margin:0 auto;} .faq .card-body ol { padding-left: 23px; list-style: disc} .faq .card-body ol li { margin-bottom: .5rem} .faq .faq-title .faq-cata { color: #7f27ec; margin-right: 7px; font-weight: bold} .faq-title>.faq_cnt { display: inline-block; width: 90%; } .faq .catagory { font-size: .85rem} .faq .keyword-point { background-color: #e9f11a; font-weight: bold; padding: 3px; } .faq-search { width: 100%; padding: 1rem 2rem} .faq .faqUser { border: 1px solid #efac38; padding: 10px 15px; border-radius: 30px; width: 50%; text-align: center; margin: 0 auto 1rem; font-weight: bold; } .faq iframe{width:100% !important;} .scroll_Type{width:100%; overflow-x:auto} .faq_tabmenu{position:relative; margin:0; padding:0; display:table; width:100%; } .faq_tabmenu li{display:inline-block; width:calc(100% / 4); border:1px solid #ddd; border-right:0; text-align:center;} .faq_tabmenu li:nth-child(1){border-left:0;} .faq_tabmenu li:nth-child(5){border-left:0; border-top:0;} .faq_tabmenu li:nth-child(9){border-left:0; border-top:0;} .faq_tabmenu li:nth-child(6), .faq_tabmenu li:nth-child(7), .faq_tabmenu li:nth-child(8), .faq_tabmenu li:nth-child(10), .faq_tabmenu li:nth-child(11), .faq_tabmenu li:nth-child(12){border-top:0;} .faq_tabmenu li a{padding:10px 0; width:100%; display:block} .faq_tabmenu li a.active{font-weight:600; color:#1b51f0; box-shadow: 0 -3px 0 rgba(27, 81, 240, 1) inset; -webkit-box-shadow: 0 -3px 0 rgba(27, 81, 240, 1) inset; -moz-box-shadow: 0 -3px 0 rgba(27, 81, 240, 1) inset; } .search-keyword{color:#aa36bb; width:100%; text-align:center; } .search-keyword a{text-align:center; font-size:.9rem} .search-keyword a:after{content:"|"; color:#bebebe; padding:0 5px; } .search-keyword a:last-child:after{content:""; } #faqGuide .ui-widget-header { border-color: #344955} #faqGuide .ui-tabs-nav li { width: 50%; margin: 0; border: 1px solid #ccc; } #faqGuide .ui-tabs-nav li.ui-tabs-active { border-top: 4px solid #60a1d8; margin-top: -2px; background-color: #344955; } #faqGuide .ui-tabs-nav li a { text-align: center; width: 100%; color: unset} .faq .faq-title { display: block} .faq .faq-title:after { color: #96979c; } .faq .faq-title[aria-expanded="false"]:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f067"; font-weight: 900; transition: all linear 0.25s; float: right; } .faq .faq-title[aria-expanded="true"]:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f068"; font-weight: 900; transition: all linear 0.25s; float: right; } /* faq 컬러 선언 */ .f-mem { color: #7f27ec; } .f-sanha { color: #239c95 !important; } .f-etc { color: #777777 !important; } .f-money { color: #9c5f23 !important; } .f-home { color: #1a53d9 !important; } .f-info { color: #d42eed !important; } .f-log { color: #9c2354 !important; } .f-brd { color: #459c23 !important; } .f-useLaw { color: #5E610B !important; } .f-bssGud { color: #DF7401 !important; } .f-err { color: #DF013A !important; } .f-inet { color: #29088A !important; } /* 회원수첩 수정 */ .profile-badge { float: left; padding: .25rem; border: 1px solid #dee2e6; } .profile-content { display: inline-block; width: 60%; word-break: break-all; font-size: 1rem; line-height: 1.25rem; } .COMMON_UPLOAD_PRFL_MNGR_BTN { right: 35px; color: #b4387e; z-index: 4} //.COMMON_UPLOAD_PRFL_MNGR_BTN i { font-size: 1.8rem} /*아이디/패스워드가 기억안나는경우*/ .pc_find-id { display: none; } /* 톡 설치 팝업 */ .okTalkInfo .download_appstore2 { position: absolute; bottom: 22px; right: 10px; } /* 퀵 바로가기 민트색 동그라미3개 버전 */ .custom_quick.ver_3_round_mint { background-color: #79e3e4; padding: 15px 10px; } .custom_quick.ver_3_round_mint p { margin-bottom: 0; } .custom_quick.ver_3_round_mint p.cus1 { border-radius: 50%; background-color: #ffffff; width: 80px; height: 80px; margin: 0 auto .5rem; position: relative} .custom_quick.ver_3_round_mint .ico_hot { position: absolute; right: 0; bottom: 0; background: url(/common/mobile/css/images/icon/ico_hot.png) no-repeat ; display: block; width: 30px; height: 30px; background-size: 100%; } .custom_quick.ver_3_round_mint p.cus1 img { width: 80%} /* 태그 슬라이드 */ .tag-slide { background-color: #f8f4ff; } .tag-slide p { margin-bottom: .85rem} .tag-slide p .title-my-group { font-weight: bold; color: #6a519e; font-size: 1rem} .group-make { background-color: #6a519e; color: #ffffff; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8); } .group-badge { background-color: #6a519e; color: #ffffff; } .group-badge:hover { color: #ffffff} .tag-slide .group-cart { background-color: #fba16f; } .tag-slide .badge.group-make,.tag-slide .badge.group-cart,.tag-slide .badge.my-group-tag{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; padding: 5px 0; font-size: .85rem; font-weight: normal} .bx-wrapper.tag-slide .bx-pager { position: relative; height: 1px} .bx-wrapper.tag-slide .bx-controls-direction a { display: none} /* 상단고정정보 */ .m_toolbar { position: relative; background-color: #dddddd; } .m_toolbar p { margin-bottom: .5rem; margin-top: 1rem} .m_toolbar .fix-my-info { background-color: #ffffff; padding: 10px; } .m_toolbar .fix-quickmenu-slide { background-color: #ddf2f6; padding: .625rem 0; border-bottom: 8px solid #dddddd; display:table; width:100%; } .m_toolbar .fix-quickmenu-slide a { padding:0.25rem 0; border-right: 1px solid #c8c8c8; color: #314456; font-weight: 500; display:table-cell; } .m_toolbar .fix-quickmenu-slide a:last-child{border-right:0;} .m_toolbar .lout-section { position: absolute; left: 140px; top:100px; z-index: 2; } .m_toolbar .admin { color: #de2ba1; font-size: .95rem} .m_toolbar .logoutBtn { color: #5f5f5f; font-size: .95rem} .m_toolbar .go-page { background-color:#ffffff; 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); } /* 상단고정정보 슬라이드 */ .shuvic-swiper-container.fix-quickmenu-slide { height: 53px; width: 100%} .shuvic-swiper-container.fix-quickmenu-slide .swiper-scrollbar { display: none; } .m_toolbar .right-more { position: absolute; z-index: 2; right: 0px; bottom: 8px; width: 65px; height: 45px; background-image: linear-gradient(to left, #ddf2f6 20%, rgba(221, 242, 246, 0))} .shuvic-swiper-container.fix-quickmenu-slide .shuvic-swiper-wrapper { padding-right: 100px; } .shuvic-swiper-container.fix-quickmenu-slide .slide-next { position: absolute; right: 0; bottom: 8px; width: 30px; height: 53px; background-color: #ddf2f6; text-align: center; vertical-align: middle} .shuvic-swiper-container.fix-quickmenu-slide a { padding: 0 10px; } .shuvic-swiper-container.fix-quickmenu-slide a:last-child { margin-right: 35px; border-right: none; } /* 로그인 전 */ .lg_section { padding: 2rem; border-bottom: 8px solid #dddddd; margin-bottom: 0; } .lg_section .go-page { min-width: 107px; border: 1px solid #333333; padding: 5px 10px; 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); } .lg_section .go-page.loginPopBtn { background-color: #17a2b8; border: 1px solid #17a2b8; color: #ffffff} .lg_section .go-page.logoutBtn { border: 1px solid #5f5f5f; color: #5f5f5f; font-weight: bold; } /* 서브화면 상단 메뉴 출력되는 부분 */ .top_sub_menu { background-color: #204baf; } .top_sub_menu select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; padding: .7rem; } .top_sub_menu select { background-color:#204baf; background-image:url("/common/mobile/css/images/icon/sub_menu_select.png"); background-repeat:no-repeat; background-size:10px auto; background-position:95% 15px; color: #ffffff; border: none; width: 100%; font-size: .95rem; line-height: .95rem; } .top_sub_menu .h1 { padding: .5rem; font-size: 1.15rem; margin-bottom: 0} .top_sub_menu .s1 { position: relative; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } /*.top_sub_menu .s1:after { position: absolute; right: 10px; top: 3px; content: "\f0d7"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #ffffff; z-index: 99; }*/ .top_sub_menu a { color: #ffffff; } .top_sub_menu .s1 { border-left: 1px solid #4967ab; } /* 새로운 마이페이지 */ .toggleMypage { border-top: 1px solid #dfdfdf} .m_mypage .lg_section { background-color: #f9f9f9; color: #204baf; padding: 1rem 2rem; } .m_mypage .myPoint,.m_mypage .totBbs,.mypagelist.lg_section { background-color: #ffffff; } .m_mypage .lg_section h5 { margin-bottom: 0} .m_mypage .go-page { font-size: .75rem} .m_mypage .info-section li { display: inline; margin-right: .5rem; } .m_mypage .info-section li span { font-size: .8rem} .m_mypage .info-section li.noResult { color: #bebebe} .mypagelist { border-bottom: 8px solid #dddddd; padding-bottom: 1rem; } .mypagelist a { text-decoration: none; } .mypagelist P { margin-bottom: 0; } .mypagelist P span { font-size: .7rem; display: block; margin-top: -2px; font-weight: normal} .mypagelist .mypage-item { padding: 1rem 0 1rem 0; font-size: .85rem; font-weight: bold; } .mypagelist .mypage-item .item_icon { width: 50px; height: 50px; display: block; margin: 0 auto; } .mypagelist .mypage-item.mypage_12-icon .item_icon {background:url('/common/mobile/css/images/icon/ico_name_card.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_11-icon .item_icon {background:url('/common/mobile/css/images/icon/ico_Member_record.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_9-icon .item_icon {background:url('/common/mobile/css/images/icon/ico_member_management.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_15-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_mypage_item_peripersonal.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_7-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_Meeting_list.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_10-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_contact_information.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_6-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_My_meeting.png') center no-repeat ; background-size: 120%; } .mypagelist .mypage-item.mypage_2-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_view.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_3-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_Scrap_view.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_13-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_Notification.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_1-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_My_mailbox.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_14-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_schedule.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_16-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_MY_memo.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_17-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_Subscribed_bulletin.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_15-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_peripheral_member.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item.mypage_18-icon .item_icon { background: url('/common/mobile/css/images/icon/ico_member_jotter.png') center no-repeat ; background-size: 95%; } .mypagelist .mypage-item .use { position: absolute; top: 10%; right: 10%; font-size: .75rem} .mypagelist .mypage-item .use2 { position: absolute; top: -20%; right: 7%; padding: .5rem; font-size: .75rem} .mypagelist.listtype .mypage-item { position: relative; display: block; overflow: hidden; border-bottom: 1px solid #dddddd; font-size: 1rem; font-weight: normal; line-height: 30px; letter-spacing: 0px; } .mypagelist.listtype .mypage-item:after { position: absolute; right: 10px; top: 25%; color: #dddddd; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; } .mypagelist.listtype .mypage-item .item_icon { float: left; margin: 0 10px 0; width: 30px; height: 30px; } .mypagelist.listtype .mypage-item .use { position: relative; right: 0; top: 0; display: inline-block; margin-left: .5rem} .modify_section { letter-spacing: -1px; } .btn-home { background-color: #ffffff; border: 1px solid #5f5f5f; color: #5f5f5f; } .btn-home .badge { position: absolute; top: -5px; right: 10px; } .toggleMypage a { text-decoration: none; color: #5f5f5f; font-size: .85rem} .myPageTbbS.lg_section { background-color: #ffffff; } .myPageTbbS.lg_section .more { float: right; margin-top: 3px; display: block; background: url(/common/css/images/mobile/ico_bbs_more.png) no-repeat ; background-size: 100%; width: 20px; height: 20px; } .myPageTbbS.lg_section .more span { display: none; } .myPageTbbS ul { margin-bottom: 1rem} .myPageTbbS ul li { position: relative; font-size: 1rem; line-height: 150%; padding: 3px 0rem; width: 100%; } .myPageTbbS ul li a { width: 70%; color: var()} .myPageTbbS ul li i { font-size: .25rem; color: var(--main)} .myPageTbbS ul li.noResult i { font-size: 2rem; color: #c8c8c8} .myPageTbbS ul li .date { color: #5f5f5f; font-size: .8rem; position: absolute; right: 0; letter-spaing: -1px; width: 52px; } /* 마이페이지 > 내활동 */ .point_hb { background: url(/common/css/images/mypage/point.png) -13px 5px no-repeat ; background-size: 20%; height: 50px; margin: 0; padding-left: 45px; } .cashpoint_hb { padding-right: 0; padding-left: 0; padding-top: .65rem; /* background: url(/common/css/images/mypage/cash.png) no-repeat ; */ } .cashpoint_hb .cashpoint_p_hb { margin-bottom: 5px; font-weight: bold; font-size: 18px; } /* 문자보내기 */ .smsForm .cashpoint_hb { background: url(/common/css/images/mypage/cash.png) -20px -10px no-repeat ; padding: 0} .smsForm .cashpoint_hb h5 { padding-left: 3.75rem; height: 3rem; line-height: 3rem; margin-bottom: 0} #mobilebody .COMMON_SMS_INP_CONT { width: 80%; } /* 내글 반응보기 리스트 */ #COMMON_MOBILE_PAGING_WRAP .bbs_list li .viewIcon { width: 30px; height: 30px; display: inline-block; background-position: top center; background-size: 142%; margin-right: .5rem} #COMMON_MOBILE_PAGING_WRAP .bbs_list li .date { font-size: .95rem; color: #888888; } /* 내 인맥 (연락처 변경내역) */ .changeInfoList .card-header .changeDate { font-size: .85rem; color: #5f5f5f} .changeInfoList .card-body { padding: 10px; } .changeInfoList .card-body p { margin-bottom: 0; padding: .25rem; } .changeInfoList .card-body .col-5 { padding: 0} .changeInfoList .card-body .col-5 div { padding: 5px; } .changeInfoList .card-body .before p { background-color: #f5f5f5; color: #5f5f5f; border: 1px solid #5f5f5f} .changeInfoList .card-body .after p { background-color: #f0fffb; color: #17a2b8; font-weight: bold; border: 1px solid #17a2b8} .changeInfoList .card-body .before div { border: 1px solid #5f5f5f; border-top: none} .changeInfoList .card-body .after div { border: 1px solid #17a2b8; border-top: none} /* 컨텐츠 페이지 안내 박스 */ .conPageGuide { background-color: #f5f5f5; font-size: .85rem} /****** 회원리스트 - 타이틀 ******/ .memLstDetAlbumList .img-thumbnail { padding: 0; border: none; border-radius: 0; font-family: 'Noto Sans KR', sans-serif;} .mem_ttl_wrap {text-align:center;} .memLstDetAlbumList h4 , .memLstDetGridLineList h4 { border-radius: 50px; padding: .5rem .75rem; min-width: 50%; border: 1px solid #997252; display:inline-block; margin: 1rem auto 2rem; text-align: center; font-size: 1.15rem; font-weight: 600; color: #715136} .memLstDetAlbumList h5, .memLstDetGridLineList h5 { margin-top: 0rem; margin: .5rem 0 1rem; font-weight: 600} .memLstDetAlbumList h5 .bl, .memLstDetGridLineList h5 .bl { width: 18px; height: 18px; display: inline-block; margin-right: .5rem; background:#997252 url(/common/css/images/buss/bl_subtitle.png) no-repeat; background:var(--main) url(/common/css/images/buss/bl_subtitle.png) no-repeat ; } .memLstDetAlbumList .mem-list h5 span, .memLstDetGridLineList .mem-list h5 span, .mypage_member .mem-list h5 span { background-image: none; background-color: transparent; color: #204baf; font-weight: 600; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .memLstDetAlbumList h6 , .memLstDetGridLineList h6 { font-weight: bold; padding-left: 9%; } .memLstDetAlbumList h6:befor , .memLstDetGridLineList h6:befor { content: "-"; } .memLstDetAlbumList ul, .memLstDetAlbumList ul li,.memLstDetAlbumList label,.memLstDetAlbumList dl{ margin: 0; padding: 0; } .memLstDetAlbumList ul li + li{margin-top:20px;} .memLstDetAlbumList dd { margin-bottom: .2rem} .memLstDetAlbumList .NO_RESULT { margin-bottom: 3rem; color: #5f5f5f} .mem-list { position: relative; background-color: #ffffff; padding: 1rem; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; font-size: 1rem; margin-top: -1px} .mem-list .on-mem { position: absolute; right: 5%; top: 0%; color: var(--active); } .mem-list .badge { font-size: 75%; } .mem-list .profile-badge { white-space: normal; color: #5f5f5f; width: 35% !important; } .mem-list .callSendEmail { word-break: break-all; } .mem-list-detail-view { position: absolute; top: 35%; right: 2%; color: #bebebe; } .mem-list .profile-obj { width: 64%; } .call-ico { display: inline-block; border-radius: 50px; background-color: #b3702f; color: #ffffff !important; font-size: 70%; width: 80px; height: 22px; text-align: center; line-height: 22px; } .scrtvalu { font-size: 80%; color: #5f5f5f} /* 카드형 이름노출 부분 */ .prtSxnCd-0001 h5.list-name { width: 100px; margin:0 auto; } /****** 회원리스트 - 사진뿌려지는 부분 ******/ .memLstDetAlbumList .memQryLstWrap .memQryLst { margin-bottom:3rem; } .memQryLstWrap.prtSxnCd-0002 .album100p .album100p-lst{margin-top:-2px; padding:10px 1rem 30px 1rem; border:1px solid #d6d6d6;} .memQryLst.album100p .memLine { width:200px; margin:0px auto; margin-bottom:0.25rem;} .memQryLst .memQryImage { width: 100%; height: 200px; overflow: hidden; background-color: #e4e5e7; } .memQryLst .memQryImage img { object-fit: cover; height: 110%; width: 110%; } .memQryLst .memPhoto-section span { font-size: 1.25rem; margin: .5rem 0 0; color: #204baf; font-weight: 600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;} .memQryLst .memPhoto-section span.badge { font-size: .75rem; } .memQryLst .memPhoto-section input[type="checkbox"] { position: absolute; left: 1rem; top: 1rem; } .memQryLst .coln-nm{color: #5c3c23; font-weight: 600; vertical-align: top;} .memLstDetAlbumList .memQryLstWrap .memQryLst tr th, .memLstDetAlbumList .memQryLstWrap .memQryLst tr td{padding:0.75rem 0.3rem; word-break:keep-all; vertical-align:middle;} /***** 회원리스트 - 정보뿌려지는 부분 *****/ .memInfo-section { margin-bottom: 0; } .memQryLst .memInfo-section li { margin-bottom: .75rem} .memQryLst .memInfo-section li dt { color: #5c3c23; font-weight: 600; font-size: .85rem} .memQryLst .memInfo-section li dd span { color: #303030; } /****** 회원리스트 - 앨범 50% ******/ .memQryLst.album50p { margin-bottom: 3rem; } .memQryLst.album4>div,.memQryLst.album50p>div { border: 1px solid #d6d6d6; margin: -1px 0 0 -1px; padding: 1rem; background-color: #ffffff} .memQryLst.album50p .memInfo-section { margin-top: 1rem; } .memQryLst.album50p dt { background: url(/common/css/images/buss/bg_memQryLst_dt.jpg) 0 0 no-repeat ; padding-top: 7px; } .memQryLst.album50p dd { padding: 3px 0 5px; word-break:break-all;} .memQryLst.album50p .memInfo-section li:last-child dd { margin-bottom: 0; } .memQryLstWrap h5 { color: #204baf; } /**/ .memLstDetAlbumList ul.list-unstyled li .memQryLstWrap table.memQryLst tbody tr td a.COMMON_MOBILE_MEM_MENU_LIST { font-weight:bold; color:#204baf; } .memQryLst .memPhoto-section span /****** 회원리스트 - 앨범100% ******/ .memQryLst.album100p .row { border: 1px solid #d6d6d6; padding-top: 16px; background-color: #ffffff; margin-top: -1px; } .memQryLst.album100p dt { padding: 7px 0px; background: url(/common/css/images/buss/bg_memQryLst_dt.jpg) -10px 0 no-repeat ; } .memQryLst.album100p dd { padding: 5px 0px; } .memQryLst.album100p .memQryImage { width: 200px; height: 250px; margin: 0 auto; } /***** 회원찾기 > 전체보기 *****/ .mypage_member .row { margin: 0} .mypage_member .img-thumbnail { padding: 0; border: none; border-radius: 0; font-family: 'Noto Sans KR', sans-serif;} .mypage_member .memQryLst .col-6 { position: relative; background-color: #ffffff; border: 1px solid #d6d6d6; margin: -1px 0 0 -1px; padding: 1rem; } .mypage_member .memInfo-section .colnNm { display: none; color: #5c3c23; font-weight: 400} /* 지식산업센터형 */ .sortBar { z-index: 99; display: block; margin-bottom: .8rem; font-size: 1.15rem; font-weight: bold; color: #997252; text-align: center; } /* 설명형 */ .ttl_type_cd_0001 { margin-bottom: .5rem} .ttl_type_cd_0001 .row { display:table; width:100%; } .ttl_type_cd_0001 .row .header-ttl { background-color:#997252; background-color:var(--main); color: #ffffff; padding: 1rem .5rem; text-align:center; vertical-align:middle; display:table-cell; width:25%; } .ttl_type_cd_0001 .row .header-list { border: 1px solid #997252; border: 1px solid var(--main); padding: 1rem; margin-left: -2px; display:table-cell; } .ttl_type_cd_0001 .row .header-list ul { margin-left: 1rem; padding:0px; margin:0px;} .ttl_type_cd_0001 .row .header-list ul li { list-style:none; padding:0px; margin:0px; font-width:bold; } .ttl_type_cd_0001 .row .header-list ul li span { display:inline-block; font-weight:bold; } .ttl_type_cd_0001 .row .header-list ul li span:after { content:":"; display:inline-block; margin:0px 5px; } /* 프로필보기 다이얼로그창 정보영역*/ .memberInfo { font-size: 1rem} .memberInfo .Fieldname { color: var(--cyan); font-size: .85rem} .text-break { margin-bottom: 0; } .changeBtn { padding-right: 1rem} /* 내가 본 회원 /이미 등록된 인맥 */ .memQryLst>div { position: relative; } .memQryLst .interest_mark { z-index: 2; letter-spacing: -1px; font-size: .75rem; text-align: center} .memQryLst .interest_mark.after { position: absolute; top: -1px; left: -1px; color: #ff6347; margin-top: 0; } .memQryLst .interest_mark.before { margin-top: .5rem; width: 75%; font-size: .75rem; color: #6a519e; border: 1px solid #6a519e; display: inline-block; padding: 5px 0; font-weight: bold; } .memQryLst .interest_mark.before:hover { color: #ffffff; background-color: #6a519e} .memQryLst .delMemInqBtn { margin: auto; } .memQryLst .interest_del { text-align: center; font-size: .75rem; display: inline-block; background-color: #f5f5f5; width: 25%; padding: 5px 2px; border: 1px solid #6c757d; margin-left: -1px; margin-top: .5rem; color: #5f5f5f} /* 내가 본 회원 / 본 날짜 출력 라인*/ .noInterest { padding: 50px 0; text-align: center; color: #878787; font-size: 1rem} .interest-date { position: relative; background-color: #bebebe; height: 20px; border-top: 9px solid #ffffff; border-bottom: 9px solid #ffffff; border-origin: border-box; text-align: center; } .interest-date h6 { position: absolute; padding: 0 10px; top: -20px; left: 50%; background-color: #ffffff; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } /* 20190605 모바일 위젯 프로필 */ .prflWidgetWrap .prflWidgetPhoto {height: 0; padding-bottom: 56.26%; padding-top: 56.25%; overflow: hidden; width: 100%; background-color: #e4e5e7; } .prflWidgetWrap .prflWidgetPhoto > img { object-fit: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0;} .myPage_MemIntsInqList .BIZ_badge_wrap .BIZ_badge {width: 100%; padding-bottom: 30%; height: auto; border-radius: 5rem;} /* 2019.08.05 사진없음회원 사진등록화면 */ .memphotoUp { padding-top: 1.5rem; background: url(/common/css/images/mobile/bg_memphotoUp.png) top center no-repeat ; background-size: cover; font-size: 1rem; text-align: center; line-height: 1.3} .memphotoUp .topSection p:nth-child(1) { color: #cccccc; font-size:1.25rem; margin-bottom: 0rem} .memphotoUp .topSection p:nth-child(2) { color: #ffffff; font-size: 1.75rem} .memphotoUp .midSection { margin: 5rem 0 1rem; font-size: 110%; } .memphotoUp .midSection .finishMn { font-size: 1.5rem; padding-top: 5rem;} .memphotoUp .midSection .addPhoto { display: block; width: 170px; height: 226px; background: #c8c8c8 url(/common/css/images/mobile/bg_addPhoto.png) center no-repeat ; background-size: cover; margin: 1.5rem auto 0; } .memphotoUp .midSection .addPhoto img { width: 100%; height: auto; object-fit: cover; } .memphotoUp .midSection span { opacity: .7; font-size: 70%; } .memphotoUp .midSection a { margin-top: 1rem; font-size: 1rem; background-color: #5f5f5f; color: #ffffff; padding: .375rem 0; text-align: center;} .memphotoUp .midSection a:last-child { background-color: #1db9c3; } .memphotoUp .midSection div { width: 170px; } .memphotoUp .bottomSection { margin-top: 3rem; width: 100%; } .memphotoUp.lastPage .bottomSection { position: absolute; bottom: 0; left: 0; } .memphotoUp .bottomSection a { opacity: .5; text-decoration: underline; } .memphotoUp .bottomSection p { opacity: .3; font-size: 80%; margin-top: .5rem} .noResultBox span{margin-right:3px} /* 톡에서 연결되는 회원수첩 목록 */ .memLstBtn i { color: #997252} /* 모바일 슈빅툴바 */ .COMMON_MOBILE_SHUVIC_TOOL_BAR.ui-widget.ui-widget-content { border: none; } .COMMON_MOBILE_SHUVIC_TOOL_BAR .ui-resizable-handle { display: none; } .COMMON_MOBILE_SHUVIC_TOOL_BAR.ui-dialog { padding: 0; } .COMMON_MOBILE_SHUVIC_TOOL_BAR.ui-dialog .ui-dialog-titlebar { border-radius: 0; border: none; background-color: #204baf; color: #ffffff; font-size: 1.15rem} .COMMON_MOBILE_SHUVIC_TOOL_BAR.ui-dialog .ui-dialog-content { padding: 0; } .COMMON_MOBILE_SHUVIC_TOOL_BAR .list-group-item { border: none; border-top: 1px solid #eeeeee; border-radius: 0; font-size: 1.15rem} /** java 전버전 상단메뉴바 **/ .MOBILEMENUBAR_TYPE1 .navbar{background-color: #FFF;padding: 0px;} .MOBILEMENUBAR_TYPE1 .navbar .logo{background-color: #fff;line-height: 52px;color: var(--b-title);font-size: 1.1rem;width: 100%;display: block;text-align: center;width: 100%;height: 52px;box-shadow: 0 1px 4px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); margin-bottom:0;} .MOBILEMENUBAR_TYPE1 .navbar .navMenuBtn{cursor: pointer;position: fixed;right: 0;top: 0;padding: 10px 10px 5px 0;color: var(--main);} .MOBILEMENUBAR_TYPE1 .navbar .navHomeBtn,.MOBILEMENUBAR_TYPE1 .navbar .navBackBtn {cursor: pointer;padding: 10px 35px 16px 0;margin: 0 0 0 10px;position: absolute;top: 0;left: 0;z-index: 102;color: var(--main);} .MOBILEMENUBAR_TYPE1 .navMenuCont {min-height: calc(100vh - 108px ) !important; margin-top: 53px; display: none;overflow: hidden ;} .MOBILEMENUBAR_TYPE1 .menuList{list-style: none;margin: 0px;padding: 0px; } .MOBILEMENUBAR_TYPE1 .menuList > li {background-color: var(--main);} .MOBILEMENUBAR_TYPE1 .menuList > li > a{color: var(--maintext) !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;} .MOBILEMENUBAR_TYPE1 .menuList > li > a > i{cursor: pointer;position: absolute;right: 0;padding: 10px 10px 5px 0;color: var(--white);} .MOBILEMENUBAR_TYPE1 .menuList > li.on > a > i{color: var(--active);} .MOBILEMENUBAR_TYPE1 .menuList > li > ul {top: 48px;z-index: 1000;margin: 0px;padding: 0px;border: solid 1px #eeeeee;background-color: #fff;display: none;} .MOBILEMENUBAR_TYPE1 .menuList > li.on > ul{display: block;} .MOBILEMENUBAR_TYPE1 .menuList > li > ul > li{padding: 0 20px; } .MOBILEMENUBAR_TYPE1 .menuList > li > ul > li > a:BEFORE{content: "-"} .MOBILEMENUBAR_TYPE1 .menuList > li > ul > li > a {display:block;height: 50px;line-height: 50px;font-size: 1rem;border-bottom: 1px solid #f5f5f5;padding-left: 1rem;} .MOBILEMENUBAR_TYPE1 .menuList > li > ul > li > a.on {text-decoration: underline;font-weight: bold;} .MOBILEMENUBAR_TYPE2 .navbar{background-color: #FFF;padding: 0px;} .MOBILEMENUBAR_TYPE2 .navbar .logo{background-color: #fff;line-height: 52px;color: var(--b-title);font-size: 1.1rem;width: 100%;display: block;text-align: center;width: 100%;height: 52px;box-shadow: 0 1px 4px rgba(0,0,0,.5);-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);} .MOBILEMENUBAR_TYPE2 .navbar .logo{margin-bottom:0;} .MOBILEMENUBAR_TYPE2 .navbar .navMenuBtn{cursor: pointer;position: fixed;right: 0;top: 0;padding: 10px 10px 5px 0;color: var(--main);} .MOBILEMENUBAR_TYPE2 .navbar .navHomeBtn,.MOBILEMENUBAR_TYPE2 .navbar .navBackBtn {cursor: pointer;padding: 10px 35px 16px 0;margin: 0 0 0 10px;position: fixed;top: 0;left: 0;z-index: 102;color: var(--main);} .MOBILEMENUBAR_TYPE2 .navMenuCont {min-height: calc(100vh - 108px ) !important;margin-top: 53px;display: none;overflow: hidden ;} .MOBILEMENUBAR_TYPE2 .menuList{list-style: none;margin: 0px;padding: 0px;} .MOBILEMENUBAR_TYPE2 .menuList > li {background-color: var(--main);} .MOBILEMENUBAR_TYPE2 .menuList > li > a{color: var(--maintext) !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;} .MOBILEMENUBAR_TYPE2 .menuList > li > a > i{cursor: pointer;position: absolute;right: 0;padding: 10px 10px 5px 0;color: var(--white);} .MOBILEMENUBAR_TYPE2 .menuList > li.on > a > i{color: var(--active);} .MOBILEMENUBAR_TYPE2 .menuList > li > ul {top: 48px;z-index: 1000;margin: 0px;padding: 0px;border: solid 1px #eeeeee;background-color: #fff;display: none;} .MOBILEMENUBAR_TYPE2 .menuList > li.on > ul{display: block;} .MOBILEMENUBAR_TYPE2 .menuList > li > ul > li{padding: 0 20px; } .MOBILEMENUBAR_TYPE2 .menuList > li > ul > li > a:BEFORE{content: "-"} .MOBILEMENUBAR_TYPE2 .menuList > li > ul > li > a {display:block;height: 50px;line-height: 50px;font-size: 1rem;border-bottom: 1px solid #f5f5f5;padding-left: 1rem;} .MOBILEMENUBAR_TYPE2 .menuList > li > ul > li > a.on {text-decoration: underline;font-weight: bold;} /* 모바일 레이아웃 처리 */ #mobileBody .POSITION_TOP{height:53px;} /* 상단메뉴 로고 처리 */ #mobileBody .headerTitleBtn { padding-left:30px; background-position:left center; background-size:12%;} #mobileBody .headerTitleBtn span { font-size:1.2rem; white-space:nowrap;} /** 아래 주석 css는 다른 css파일로 옮기거나 필요없다 판단해서 주석처리해둔것 추후 완전히 필요없다 판단되면 삭제예정 */ /* 쪽지함 .memoList.card { border-left: 0; border-right: 0; margin-top: -2px} .memoList .card-header { padding: 10px; text-decoration: none; color: #5f5f5f} .memoList .card-header.memoDRead { color: var(--blue); background-color: #f0f9ff} .memoList .card-header div { text-decoration: none; color: #5f5f5f; font-size: 1rem; margin-top: .5rem} .memoList .card-header.memoDRead div { text-decoration: none; color: #000000; font-size: 1rem; margin-top: .5rem} .memoList .card-header h6 button span.badge { font-size: .65rem} .memoList .card-header .memoDate { color: #5f5f5f; font-size: .85rem; margin-top: .75rem; margin-bottom: 0; padding-left: 1.75rem} .memoList .receiveMemoinfo { font-size: .85rem; color: #5f5f5f; } .memoList .btnMemo a { font-size: .85rem; display: inline-block; background-color: #f5f5f5; padding: 5px 10px; color: #6c757d; border: 1px solid #6c757d; margin-left: -1px; margin-top: .5rem} .memoList .btnMemo a.btnReturnMemo { background-color: #204baf; color: #ffffff; border: 1px solid #204baf} .memoList .btnMemo a.btnStorageMemo { background-color: #17a2b8; color: #ffffff; border: 1px solid #17a2b8} */ /* 프로필보기 다이얼로그창 사진영역 .mypage_photo { margin: 0} .mypage_photo .photo { width: 100%; height: 230px; overflow: hidden; position: relative; border: 1px solid #eeeeee} .mypage_photo .photo .ico_zoom { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; line-height: 30px; color: #ffffff; background-color: #333333; opacity: .5; text-align: center; display: block} .mypage_photo img { object-fit: cover; height: 110%; width: 110%; } */ //.Btn { font-size: .75rem; font-weight: bold; border: 1px solid #bebebe; } /* 메모작성 .individualMemo { padding: 1rem; background-color: #f5f5f5; border-top: 2px solid #1c74cc} .memberMemoContLstWrap .memoDate { color: #606060; font-size: .75rem} .memberMemoContLstWrap .memoBtnWrap .memberMemoBtn { border: 1px solid #c8c8c8; font-size: .7rem; font-weight: bold} .memberMemoContLstWrap .memoBtnWrap .memberMemoBtn:hover { background-color: #f5f5f5; color: #333333} .memberMemoContLstWrap .memoBtnWrap .memoSaveBtn { border: inherit} .memberMemoContLstWrap .memoBtnWrap .memoSaveBtn:hover { background-color: #138496; color: #ffffff} .allViewBtn { font-size: .75rem; font-weight: bold; border: 1px solid #bebebe; background-color: #ffffff; } */ /* 메모작성 ver_2 .in-memoBox { background-color: #f5f5f5; border: 1px solid #d5d5d5; padding: 1rem} .in-memoBox .individualMemo { padding: 0 0 1rem 0; border-top: none} .in-memoBox .memberMemoContLstWrap { background-color: #ffffff; margin-bottom: .25rem} */ /* 행사참석 리스트 .attntDtListBox { position: relative; padding: 1rem; margin-bottom: 5px; } .attntDtListBox .attntDtMore { position: absolute; top: 40%; right: 3%; color: #bebebe} .attntDtListBox h4 a { color: #363636} .attntDtListBox h4 { border-bottom: 1px solid #eeeeee; width: 90%; padding-bottom: .7rem} .attntDt.interest-date h6 { top: -9px; } .attntDtListBox .rightTopBtn .btn { width: 80px; } */ /* 행사참석 > 참석시키기 다이얼로그 .addClubAuspcMem {padding: .25rem .5rem; background-color:#f5f5f5;} .addClubAuspcMem p { margin-bottom:0} .addClubAuspcMem>p>span { color: #ff6347; padding: 0 5px} .addClubAuspcMem .swiper-container { min-height:70px; } .addClubAuspcMem .swiper-wrapper div {position: relative; display: inline-block; margin: 3px .75rem 0 0; width: 50px !important; height: 50px; border-radius: 50%; line-height: 50px; font-weight: bold; background-color: #bcdee5; text-align: center; font-size: 80%; } .addClubAuspcMem .swiper-wrapper div a { position: absolute; width:20px; height:20px; text-align:center; background-color:#ffffff; border-radius: 50%; line-height:1; color:#606060; right: -5px; top: -1px; font-size:1.15rem; padding-top:1px} .addClubAuspcMem .swiper-wrapper div .tag-point{ position: absolute; line-height:1; bottom:0px; right:0; display:block} .addClubAuspcMem .swiper-wrapper div:nth-child(1){background-color:#a1dae1} .addClubAuspcMem .swiper-wrapper div:nth-child(4n+2){background-color:#bfcce9} .addClubAuspcMem .swiper-wrapper div:nth-child(4n+3){background-color:#acc5b6} .addClubAuspcMem .swiper-wrapper div:nth-child(4n+4){background-color:#debece} */ /* 행사참석 단계별버전 .clubAuspcMemSendSms{margin-right:0 !important} .step-nav2{height:50px; overflow:hidden; margin:.25rem 0} .step-nav2 h6{font-size:.75rem;} .step-nav2 div{padding:1rem 2rem; color:#333333; text-align:center} .step-nav2 div .step-num2{display:block; margin:0 auto; width:22px; height:22px; line-height:22px; font-size:.75rem} .step-nav2 .step1 div{padding:.25rem 0 .25rem 1rem;} .step-nav2 .step2 div{padding:.25rem 0 .25rem 1rem;} .step-nav2 .step3 div{padding:.25rem 0 .25rem 1rem;} .step-nav2 .step4 div{padding:.25rem 0 .25rem .3rem;} .step-nav2 .step1 div.nav-link:before{content:""; display:block; position:absolute; top:0;left:-5px; width:20px; height:50px; background:url(/common/css/images/bg_step_before_white.png) no-repeat center left; } .step-nav2 div.nav-link:before{content:""; display:block; position:absolute; top:0;left:-5px; width:20px; height:50px; background:url(/common/css/images/bg_step_before_gray.png) no-repeat center left; } .step-nav2 div.active.nav-link:after{z-index:1; content:""; display:block; position:absolute; top:0;right:-15px; width:20px; height:50px; background:url(/common/css/images/bg_step_after_blue.png) no-repeat center left; } .step-nav2 .step4 div.nav-link:after{content:""; display:block; position:absolute; top:0;right:0px; width:20px; height:50px; background:url(/common/css/images/bg_step_after_blank.png) no-repeat center left; } .clubAuspcMembox .card-body{min-height:300px; padding:.5rem; border::none;} */ /* 행사참석 개요, 결과 입력 .AuspcInfo{padding:.5rem} .AuspcInfo .alert{padding:.75rem .5rem} .AuspcInfo .AuspcIcon{margin:0} .AuspcInfo .AuspcIcon div{padding:0; font-size:.85rem} .AuspcInfo .AuspcIcon span{width:25px; height:25px; line-height:25px; font-size:.75rem} .AuspcSummary{margin: .5rem;} .AuspcSummary .bd-callout{padding:.85rem; margin:.5rem 0;} .AuspcSummary div:first-child{padding-right:8px;} .AuspcSummary div:last-child{padding-left:8px;} .AuspcSummary h6{font-weight:bold} .AuspcSummary .noResult{display:block; text-align:center;} .AuspcSummary a.notice{ color:inherit; 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; } */ /* 검수중 화면 .hosting_Area{height:100vh;} .hosting_Area .hosting_Img{text-align:center; padding:2rem 0 1rem} .hosting_Area h1{font-weight:normal; color:#333333; margin-top:.5rem} .hosting_Area .hosting_guide{margin:1rem; border:1px solid #cdcdcd; padding:1rem; border-radius:1rem; line-height:1.5} .hosting_Area .hosting_guide span.point{font-weight:500; color:#3b9b4d} .hosting_Area .hosting_guide u{padding:0 2px} .hosting_Area .nextPage{position:fixed; bottom:0; width:100%; padding:.75rem; font-size:1.15rem; font-weight:bold; background-color:#65a519;text-align:center;} .hosting_Area .nextPage a{ color:#ffffff; } .hosting_Area .btn-group a{margin:0 5px;} */ /*** [21.12.20 하단 퀵 버튼 공통 디자인 개선] ***/ /* 바디 영역 */ .tpl-loct-sxn-cd-0011.useQuickFunc .widget-mb-footer{padding-bottom:70px;} .tpl-loct-sxn-cd-0012.useQuickFunc #mobileBody{margin-bottom:70px;} /* 퀵 버튼 */ .fixed-btn a, .memQuickBtn a{width:50px !important; height:50px !important; line-height:12.25px !important; color:#fff !important; box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);} .disuseBookmark .fixed-btn, .disuseBookmark .memQuickBtn{bottom:4.5rem;} .widget-mb-bottommenu .JS-mem-quick-btn a{width:50px !important; height:50px !important; padding-top:1rem !important; font-size:1.125rem !important; background-color:#f4f6f8 !important; color:#333 !important;} .widget-mb-bottommenu .JS-mem-quick-btn .qucik_sub_ttl{position:fixed; right:75px; line-height:50px; color:#fff; z-index:999;} .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn + .qucik_sub_ttl{bottom:11.375rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn + .qucik_sub_ttl{bottom:15.75rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn + .qucik_sub_ttl{bottom:20.125rem !important;} .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn, .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn + .qucik_sub_ttl{bottom:24.5rem !important;} /* 홈 화면에 추가 바를 쓰지 않을때 */ .disuseBookmark .widget-mb-bottommenu .fixed-btn{bottom:4.5rem;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memIntsInqBtn + .qucik_sub_ttl{bottom:8.875rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.prsnlcnntBtn + .qucik_sub_ttl{bottom:13.25rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.dayAttntBtn + .qucik_sub_ttl{bottom:17.625rem !important;} .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn, .disuseBookmark .widget-mb-bottommenu .JS-mem-quick-btn a.memshpBtn + .qucik_sub_ttl{bottom:22rem !important;} /* 타입2 */ .widget-mb-bottommenu.widget-style-type2 .JS-mem-quick-btn .qucik_sub_ttl{display:none;} /** 회원수첩 퀵 버튼 **/ .memQuickMenuLinkWrap .memQuickBtn > a{width:50px !important; height:50px !important; padding-top:1rem !important; font-size:1.125rem !important; background-color:#f4f6f8 !important; color:#333 !important;} .memQuickMenuLinkWrap .memQuickBtn .qucik_sub_ttl{position:fixed; right:75px; line-height:50px; color:#fff; z-index:999;} .memQuickMenuLinkWrap a.memIntsInqBtn, .memQuickMenuLinkWrap a.memIntsInqBtn + .qucik_sub_ttl{bottom:11.375rem !important;} .memQuickMenuLinkWrap a.prsnlcnntBtn, .memQuickMenuLinkWrap a.prsnlcnntBtn + .qucik_sub_ttl{bottom:15.75rem !important;} .memQuickMenuLinkWrap a.dayAttntBtn, .memQuickMenuLinkWrap a.dayAttntBtn + .qucik_sub_ttl{bottom:20.125rem !important;} .memQuickMenuLinkWrap a.memshpBtn, .memQuickMenuLinkWrap a.memshpBtn + .qucik_sub_ttl{bottom:24.5rem !important;} /* 홈 화면에 추가 바를 쓰지 않을때 */ .disuseBookmark .memQuickMenuLinkWrap .fixed-btn{bottom:4.5rem;} .disuseBookmark .memQuickMenuLinkWrap a.memIntsInqBtn, .disuseBookmark .memQuickMenuLinkWrap a.memIntsInqBtn + .qucik_sub_ttl{bottom:8.875rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.prsnlcnntBtn, .disuseBookmark .memQuickMenuLinkWrap a.prsnlcnntBtn + .qucik_sub_ttl{bottom:13.25rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.dayAttntBtn, .disuseBookmark .memQuickMenuLinkWrap a.dayAttntBtn + .qucik_sub_ttl{bottom:17.625rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.memshpBtn, .disuseBookmark .memQuickMenuLinkWrap a.memshpBtn + .qucik_sub_ttl{bottom:22rem !important;} /** 회원수첩 퀵 버튼 끝 **/ /** [22.02 [하단 퀵 버튼 공통] 버튼 위치 수정] **/ .memQuickMenuLinkWrap a.board_module_list_btn, .memQuickMenuLinkWrap a.board_module_list_btn + .qucik_sub_ttl{bottom:15.75rem !important;} .disuseBookmark .memQuickMenuLinkWrap a.board_module_list_btn, .disuseBookmark .memQuickMenuLinkWrap a.board_module_list_btn + .qucik_sub_ttl{bottom:13.25rem !important;} /** [22.02 [하단 퀵 버튼 공통] 버튼 위치 수정 끝] **/ /*** [21.12.20 [하단 퀵 버튼 공통] 디자인 개선 끝] ***/ /*** [22.01.10 게시글 내 동영상 크기] ***/ #module_contents_mtext .note-video-clip{width:100%;} #module_contents_mtext a{word-break: break-word;} /*** [22.01.10 게시글 내 동영상 크기 끝] ***/ /*** [22.02.24 공지형 게시판 디자인 변경] ***/ .bbs_list .boardUseAnnc{margin-bottom:0 !important; padding-top:10px; padding-bottom:10px; background-color:#f9f9f8;} .bbs_list .boardUseAnnc > a:after{content:""; display:block; clear:both; overflow:hidden;} .bbs_list .boardUseAnnc .media, .bbs_list .boardUseAnnc .media .writer-photo{display:none; height:0;} .bbs_list .boardUseAnnc .media-body{display:none; margin-left:0 !important;} .bbs_list .boardUseAnnc .media-body > *:not(.write-info){display:none;} .bbs_list .boardUseAnnc .m-bbs-info-ttl{float:left; margin-top:0 !important; margin-bottom:0 !important;} .bbs_list .boardUseAnnc .board_brcnt_wrap, .bbs_list .boardUseAnnc .board-smry-wrap, .bbs_list .boardUseAnnc .board-lst-swiper, .bbs_list .boardUseAnnc .board-img-thumbnail-wrap{display:none; margin:0 !important; padding:0 !important;} /*** [22.02.24 공지형 게시판 디자인 변경 끝] ***/ /*** [상단으로 이동] ***/ .fixed-item{display:none; position:fixed; top:80px; left:50%; z-index:900; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .fixed-item .btn{padding:3px 15px; font-size:14px; letter-spacing:1; font-weight:400; background-color:#1accaa; color:#fff; border-color:#1accaa; border-radius:20px; outline:0; box-shadow:0 2px 7px 1px rgb(0 0 0 / 30%);} .fixed-item .btn i{font-weight:400;} .fixed-item .btn i + span{margin-left:5px;} /*** [상단으로 이동 끝] ***/ /* 23.01.31 관리자 퀵버튼 제작 */ .okdc_admin_mngt_mask {position: fixed; top: 50%; left: 50%; width: 100%; height: 100vh; transform: translate(-50%, -50%); background-color: #00000080; z-index: 98; display: none;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_btn_wrap {position: fixed; bottom: 7rem; right: 1rem; width: auto !important; z-index: 100;} .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_btn_wrap {bottom: 4.5rem;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap {position: fixed; bottom: 7.25rem; right: 1rem; z-index: 99; border-radius: 1rem;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap.on {box-shadow: 2px 2px 5px 3px rgb(0 0 0 / 15%);} .okdc_admin_mngt_tool_bar.disuseBookmark .okdc_admin_mngt_menu_lst_wrap {bottom: 4.75rem;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn {display: inline-block; font-size: 1.85rem; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #dfdfdf; position: relative; box-shadow: 2px 2px 3px rgba(0,0,0,15%);} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn.on {border: 0; box-shadow: inherit;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn > i {position: absolute; top: 52%; left: 49%; transform: translate(-50%, -50%); color: #929292; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;} .okdc_admin_mngt_btn_wrap > .okdc_admin_mngt_btn.on > i {color: #292929;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card {border-radius: 1rem; overflow: hidden; width: 0; height: 0; position: relative; background-color: #ffffffe6; border: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap.on .card {border: 1px solid rgba(0,0,0,.125);} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .card-body {padding-bottom: 4rem; width: 165px; height: 200px; position: absolute; bottom: 0; right: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap p {color: #929292;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst {margin: 0; padding: 0;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li {list-style: none;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li > a {display: block; font-size: 1rem; font-weight: 500;} .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap .okdc_admin_mngt_menu_lst > li:not(:first-child) {margin-top: 1rem;} @media (min-width: 1140px) { .okdc_admin_mngt_tool_bar .okdc_admin_mngt_btn_wrap, .okdc_admin_mngt_tool_bar .okdc_admin_mngt_menu_lst_wrap {right: calc(50% - 220px);} } /* 23.02.01 메인페이지 로그인폼 깨짐 수정사항 */ .m_toolbar .fix-my-info {min-height: 150px;}