@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 */
/* 게시판에 삽입되는 뱃지들 */
.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: 12.7%; 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 { position: relative; 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;}