@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean'); /** 기능메뉴 또는 모바일 환경(위젯은 넣지말것) */ /** 폰트사이즈 - 디바이스 영향 안받게 처리 */ /* 2018.09.07 박혜영 본 스타일은 메인컬러로 블루컬러입니다. 블루컬러에는 흰색글자 적용 컬러당 하나의 css 파일로 구성되어야 하며 다른 컬러테마를 이용할시 별도의 css파일을 생성하여 root 부분에 새로운 컬러를 선언해주어야 화면에 전체 적용됩니다. */ :root{--main:#1b51f0;--sub:#4ea2f0;--active:#ff6347;--cancle:#b7b7b7;--nonback:#f5f5f5;--maintext:#ffffff;--b-title:#000000;--off:#888888;} * {max-height: 999999px;} html{ text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } body { font-size: 1rem; background-color: #ffffff; font-family: 'Noto Sans KR', sans-serif; font-weight:400;text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } body *{ text-size-adjust: none !important; -webkit-text-size-adjust: none !important; -moz-text-size-adjust: none !important; -ms-text-size-adjust: none !important; } .ui-widget{font-family: 'Noto Sans KR', sans-serif;} img{max-width:100%;} /* 부트스트랩 */ /* 컬러 */ /* gray */ .text-gray { color: #757889 !important; } .bg-gray { background: #757889 !important; } /* dark-gray */ .text-dark-gray { color: #42475a !important;} /* 폰트 */ .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-bold { font-weight: 700 !important; } .font-sm { font-size: 0.9rem !important; } .font-xs { font-size: 0.8rem !important; } .font-2xs { font-size: 0.7rem !important; } .font-md { font-size: 1rem !important; } .font-lg { font-size: 1.125rem !important; } .font-xl { font-size: 1.25rem !important; } .font-2xl { font-size: 1.5rem !important; } .font-3xl { font-size: 1.75rem !important; } .font-4xl { font-size: 2rem !important; } /* list-group */ .list-group-flush {border-top: 1px solid rgba(0,0,0,.125);} .list-group-flush > li {border-bottom: 1px solid rgba(0,0,0,.125); padding: 0.75rem 0.5rem !important;} .list-group-dashed {border-top: 1px dashed rgba(0,0,0,.125);} .list-group-dashed > li {border-bottom: 1px dashed rgba(0,0,0,.125); padding: 0.75rem 0.5rem !important;} /** 로딩창 */ #AJAX_LOADING {position:fixed; top:calc( 100vh / 3); left:0; z-index:9999999;width:100%; height:100%;text-align:center; padding-top:50%;} #AJAX_LOADING .load_img {font-size:150px;} @keyframes loading_cir {100% {transform: rotate(360deg);}} @keyframes loading_letter {25% {top:50px} 50% {top:65px}} .COMMON_BUTTONSET label {margin-bottom: inherit;background-color: inherit;font-size: inherit;border: inherit;margin: 0 5px;} /* .SHUVIC_JQUERY_DIALOG.ui-dialog>.ui-dialog-content{padding: 0px;} */ .loading_layer {width:150px;margin:0 auto;background: rgba(255,255,255,0.3);border-radius: 75px;} .loading_cir {width:150px; height:150px;background:url('/common/mobile/css/images/loading/loading_cir.png') no-repeat;background-size: contain;animation: loading_cir 2s infinite; background-color:rgba(255, 255, 255, 0.9); border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.5)} .loading_cir img {width:100%;} .loading_letter {position:absolute; top:65px; height:30px; } .loading_letter1.letter1 {left:30px; animation: loading_letter 2s infinite;} .loading_letter1.letter2 {left:50px; animation: loading_letter 2s infinite; animation-delay: 0.2s;} .loading_letter1.letter3 {left:68px; animation: loading_letter 2s infinite; animation-delay: 0.4s;} .loading_letter1.letter4 {left:93px; animation: loading_letter 2s infinite; animation-delay: 0.6s;} .loading_letter2 {position:absolute; top:65px; height:25px;} .loading_letter2.letter1 {left:26px; animation: loading_letter 2s infinite;} .loading_letter2.letter2 {left:36px; animation: loading_letter 2s infinite; animation-delay: 0.15s;} .loading_letter2.letter3 {left:54px; animation: loading_letter 2s infinite; animation-delay: 0.30s;} .loading_letter2.letter4 {left:71px; animation: loading_letter 2s infinite; animation-delay: 0.45s;} .loading_letter2.letter5 {left:88px; animation: loading_letter 2s infinite; animation-delay: 0.6s;} .loading_letter2.letter6 {left:94px; animation: loading_letter 2s infinite; animation-delay: 0.75s;} .loading_letter2.letter7 {left:113px; animation: loading_letter 2s infinite; animation-delay: 0.9s;} /*모바일 하단에 <홈화면가기추가> 있을때*/ #mobileBody.add_btmBookmark { padding-bottom:42px; } /** [환경] 모바일버전을 pc에서 지원 미디어쿼리 */ /* @media screen and (min-width: 1140px) { html{position:ralative; width:100%; height:100%; overflow-y:scroll;} body { background-color: #f5f5f5 !important} #mobileBody { position: relative; width: 480px; margin: 52px auto 0; min-height:100vh; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #ffffff} #mobileBody .POSITION_TOP { position: relative; width: 480px !important; margin: 0 auto 0 -1px; } #mobileBody .fixed-top{width: 480px;} #mobileBody .LAYOUT-5 .POSITION_CENTER { height: 100%; overflow-y: none; } .navMenuCont { position: relative; height: 100%; } nav { position: relative; width: 480px; margin: 0 auto; } .MOBILEMENUBAR_TYPE1 .navbar .logo { box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); } .MOBILEMENUBAR_TYPE1 .navbar .navBackBtn,.MOBILEMENUBAR_TYPE1 .navbar .navMenuBtn,.MOBILEMENUBAR_TYPE2 .navbar .navBackBtn,.MOBILEMENUBAR_TYPE2 .navbar .navMenuBtn,.m-boardForm-top .saveTopBtn,.m-boardForm-top .navbar .navBackBtn{ position: absolute !important} #mobileBody .fixed-btn,.memQuickBtn a { left: 58%; } .fixed-btn { width: 65px; height: 65px; } .POSITION_BOTTOM { position: fixed; bottom: 0; width: 480px !important; margin: 0 auto 0 -1px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; } .POSITION_BOTTOM footer { position: relative; } .emoti-response ul li { width: 12.7%} body.use-mbmenubar .widget-mb-menubar{height:auto !important;} .widget-mb-menubar.widget-style-type1 .navbar .JS-menu-back-btn{position:absolute; top:0; left:0; padding:.625rem .625rem 5px .625rem} .widget-mb-menubar.widget-style-type1 .navbar .menu-navi-btn{position:absolute !important;} .widget-mb-bottommenu.widget-style-type1 .mb-bottom-menu-wrap, .menu-navi-wrap{width:480px !important; margin:0 auto; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; } .widget-mb-menubar{width:480px !important; margin:0 auto; } .m_myPage_ver2 .myPage_MemIntsInqList{overflow:hidden} 검수중 화면 .hosting_Area{width:480px; margin:0 auto; background-color:#fff; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;} .hosting_Area .bottom_fixed_btn{width:480px;} } */ @media screen and (min-width: 1140px) { /* 기본 세팅 */ html{position:ralative; width:100%; height:100%; min-height:100vh; overflow-y:scroll;} body{background-color: #f5f5f5 !important;} #mobileBody{position: relative; width: 480px; height:100%; min-height:100vh; margin: 0 auto; background-color: #ffffff; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;} /* 상단 메뉴바 */ .widget-mb-menubar{position: relative; width: 480px !important; margin: 0 auto 0 -1px;} nav{position: relative; width: 480px; margin: 0 auto;} .widget-mb-menubar .navbar .logo{box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);} .widget-mb-menubar.widget-style-type1 .navbar .JS-menu-back-btn{position:absolute; top:0; left:0; padding:.625rem .625rem 5px .625rem;} .widget-mb-menubar.widget-style-type1 .navbar .menu-navi-btn{position:absolute !important;} /* 서브메뉴*/ body.use-mbmenubar .widget-mb-menubar{height:auto !important;} .widget-mb-menubar{width:480px !important; margin:0 auto;} /* 버튼 */ .MOBILEMENUBAR_TYPE1 .navbar .navBackBtn, .MOBILEMENUBAR_TYPE1 .navbar .navMenuBtn, .MOBILEMENUBAR_TYPE2 .navbar .navBackBtn, .MOBILEMENUBAR_TYPE2 .navbar .navMenuBtn, .m-boardForm-top .saveTopBtn, .m-boardForm-top .navbar .navBackBtn{position: absolute !important;} /*#mobileBody .fixed-btn, .memQuickBtn a{left: 58%;} .fixed-btn{width: 80px; height: 80px;}*/ /* 홈페이지 하단 .widget-mb-bottommenu{position: fixed; z-index:9999; width: 480px !important; bottom: 0; margin: 0 auto 0 -1px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}*/ .widget-mb-bottommenu .mb-bottom-menu-wrap {left: 50% !important; transform: translate(-50%, 0);} .widget-mb-bottommenu .mb-bottom-menu-wrap, .menu-navi-wrap{width:480px !important; margin:0 auto; border:1px solid #cdcdcd;} /* 검수중 화면 */ .hosting_Area{width:480px; margin:0 auto; background-color:#fff; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;} .hosting_Area .bottom_fixed_btn{width:480px;} /* 마이페이지 */ .m_myPage_ver2 .myPage_MemIntsInqList{overflow:hidden;} /* 회원 사진 */ .memPhoto-section .memQryImage{height:263px !important;} } /** 20.06.11 모바일 상단 로고 출력 **/ /* (기본) 파비콘+단체명 출력 */ .widget-mb-menubar h5.logo.title-visible.logo-visible a.JS-header-title-btn, .widget-mb-menubar h5.logo.title-invisible.logo-invisible a.JS-header-title-btn{padding-left:40px; background-position:left center; height:100%;} /* 타이틀만 출력 */ .widget-mb-menubar h5.logo.title-visible.logo-invisible a.JS-header-title-btn{padding-left:0; background-image:none; height:100%;} /* 파비콘만 출력 */ .widget-mb-menubar h5.logo.title-invisible.logo-visible a.JS-header-title-btn{margin:11.5px auto; background-position:center; height:100%;} .widget-mb-menubar h5.logo.title-invisible.logo-visible a.JS-header-title-btn span{display:block; color:transparent; text-indent:-9999px;} /* 시스템 로고 출력 */ .widget-mb-menubar h5.system-logo-visible{margin:6px auto;} .widget-mb-menubar h5.system-logo-visible img{height:40px;} .widget-mb-menubar h5.system-logo-visible a.JS-header-title-btn {background:none; height:100%;} /** [공통] 모바일 상단 counter , btn 영역 */ .Top_btn_section{padding:.5rem .5rem .25rem .5rem;} .text-count{font-weight:bold;} .text-count span{color:#ff6347; margin:0 1px;} /** [공통] 결과없음 화면 */ .noResult{color:#666666; text-align:center;} .noResult > div{margin:4rem auto 2rem;} .noResult h4{font-weight:500; color:#333333;} .empty_myGroupTag{width:100px; height:100px; background:url("/common/css/images/icon/friendship.png") no-repeat; background-size:cover;} /* 그룹태그 없음 */ /** [공통] 모바일 서브네비게이션 바로 밑 탭 */ .nav-tabs{border-bottom:none;} .nav-tabs.row { margin: 0; border-bottom: 0} .nav-tabs .col { padding: 0; } .nav-tabs .nav-link{border:none; background-color: #eef4f8; color:#1b51f0; color: var(--main); text-align: center; padding: .75rem 0; font-size: .9rem; font-weight: bold;} .nav-tabs .nav-link.active{background-color: #eef4f8; color:#1b51f0; color: var(--main); -webkit-box-shadow:0 -3px 0 var(--main) inset;} .widget-mb-navigator .tab2.dept3 { display:flex; flex-wrap:nowrap; overflow-x:scroll; } .widget-mb-navigator .tab2.dept3 .nav-link{background-color:#EEEEEE; color:#666 !important; white-space:nowrap; padding:0.5rem 0.5rem; } .widget-mb-navigator .tab2.dept3 .nav-link.active{-webkit-box-shadow:0 -3px 0 #333 inset !important; color:#333 !important; } .widget-mb-cafenavigator.tab2.dept3 { display:flex; flex-wrap:nowrap; overflow-x:scroll; } .widget-mb-cafenavigator .tab2.dept3 .nav-link{background-color:#EEEEEE; color:#666 !important; white-space:nowrap; padding:0.5rem 0.5rem; } .widget-mb-cafenavigator .tab2.dept3 .nav-link.active{-webkit-box-shadow:0 -3px 0 #333 inset !important; color:#333 !important; } /** 기능메뉴 - 내 회원메모 */ .memoList.card { border-left: 0; border-right: 0; margin-top:-2px;} .memoList .card-header { padding: 10px; text-decoration: none; color: #333333} .memoList .card-header.memoDRead { color:#007bff; color: var(--blue); background-color: #f0f9ff} .memoList .card-header div:nth-child(2) p{font-size: 1.15rem; margin-bottom:0;} .memoList .card-header p span.badge { font-size: .65rem; margin-right:.25rem} .memoList .card-header .memoDate { color: #5f5f5f; font-size: .85rem; margin-bottom: 0; margin-top:.25rem} .memoList .card-header .memoDate span.memoName{font-weight:bold; min-width:45px; text-align:center;} .memoList .receiveMemoinfo { font-size: .8rem; color: #5f5f5f; } .memoList .card-body{padding: 10px;} .memoList .card-body .memoContent{margin-bottom:.25rem;} .memoList .card-body .memoContent .form-control{font-size:1.15rem} .memoList .card-body.detail a{font-weight:bold} .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 .memo_lst_toggle_btn {top: 5px; right: 10px;} .MainPhoto_circle {position: relative; overflow:hidden; text-align: center; white-space: nowrap; width:45px; height:45px; border-radius:50%; display:inline-block; border:1px solid #eeeeee; margin-bottom:0;} .MainPhoto_circle .IMG_VALIGN {visibility: hidden;} .MainPhoto_circle .gallery_img_thumb {vertical-align: middle; border: 0;max-width:100%;} /** 기능메뉴 - 내 인맥그룹 */ .myGroup_tag_list li.list-group-item{display:-ms-flexbox!important; display:flex; align-items:center!important; -webkit-box-align:center!important; -ms-flex-align:center!important} .myGroup_tag_list li.list-group-item a{font-weight:700; } .myGroup_tag_list li.list-group-item a:first-child span{padding:0 .25rem; color:#666666} .myGroup_tag_list li.list-group-item a:last-child{color:#1850a2;} .myGroup_tag_list li.list-group-item a.add_Mygroup{width:100%; text-align:center;} .myGroup_tag_list li.list-group-item a.total_list{font-weight:500} .myGroup_tag_list li.list-group-item:last-child{border-bottom:1px solid rgba(0,0,0,.125) !important} .myGroup_tag_list li.list-group-item input[type=text]{margin-right:.25rem; width:60%;} #collapseInsert .input-group{padding:.25rem 1rem .5rem;} .myMemCatagoryList .swiper-container{padding:1rem 1.1rem;} .myMemCatagoryList .swiper-wrapper{ width:100%; white-space: nowrap;} .myMemCatagoryList .swiper-wrapper .swiper-slide{margin-right:5px !important;} .myMemCatagoryList .swiper-button-next{width:15px; height:30px; background-size:15px 30px; right:5px; margin-top:-19px; } .myMemCatagoryList .swiper-button-prev{width:15px; height:30px; background-size:15px 30px; left:5px; margin-top:-19px;} .myMemCatagoryList input[type=radio] {display: none;} .myMemCatagoryList input[type=radio]+label { min-width:106px; text-align:center; display: inline-block; padding: 4px 0; background-color: #e7e7e7; border-color: #ddd; border-radius: 10rem; white-space: nowrap;} .myMemCatagoryList input[type=radio]:checked+label { background-image: none; background-color: #1850a2; color:#ffffff} /** 기능메뉴 - 다이얼로그 - 회원정보 상세보기 */ a.memInfoOmoreBtn{border:1px solid #007bff; color:#007bff} a.COMMON_MEMBER_INFO_CHG_BTN{border:1px solid #dc3545;} /** 기능메뉴 - 다이얼로그 - 회원정보 상세보기 - 개별메모 */ .allViewBtn { font-size: .75rem; font-weight: bold; border: 1px solid #bebebe; background-color: #ffffff; } .memberMemoContLstWrap .memoDate { color: #606060; font-size: .75rem; margin:.25rem 0} .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} .in-memoBox { background-color: #f5f5f5; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding:1rem} .in-memoBox .individualMemo {border-top: none;} .in-memoBox .memberMemoContLstWrap { background-color: #ffffff; margin-bottom: .25rem} .in-memoBox .memberMemoBtn{height:100px; width:100%; line-height:90px; text-align:center;} /** 기능메뉴 - 내 정보 변경 - 기본정보 */ #vDefault > .card{border-left:0; border-right:0; border-bottom:5px solid #eeeeee; font-size:1.1rem} #vDefault > .card .card-header{padding:.5rem; background-color:#fff; font-weight:700} #vDefault > .card > .card-body{padding:1rem 0.5rem; font-size:1rem} #vDefault > .card > .card-body ul li{padding:.5rem} #vDefault > .card > .card-body ul.list-inline li{padding:0rem} #vDefault .card .card-body .infoTitle{color:#666;} #vSubject .card{border-left:0; border-right:0; border-bottom:5px solid #eeeeee; font-size:1.1rem} #vSubject .card .card-header{padding:.5rem; background-color:#fff; font-weight:500} #vSubject .card .card-body{padding:1rem 0.5rem; font-size:1rem} /* ▼ 변경 시 /common/mobile/okdcMngt/css/common.css 도 같이 변경해줘야 함 */ .mypage_photo { margin: 0} .mypage_photo .inpPhotoWrap{margin:.5rem;} .mypage_photo .photo { overflow: hidden; position: relative; background-color:#eeeeee; margin:0 auto; width:170px; height:227px;} .mypage_photo .photo.once { width:100%; text-align:center; } .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; position: absolute; top: 50%; left: 50%; height: 100%; -wekbit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mypage_photo .btn{margin:0} .photoImageUploadBtn { text-align:center; padding-left:0px; padding-right:0px; } /** 기능메뉴 - 다이얼로그 - 다른 회원 사진,연락처 변경해주기 */ .memChgInfo .card{margin-bottom:1rem} .memChgInfo .card-text span{color:#ff6347; display:block} .memChgInfo > .card-body{padding:1rem;} .memChgInfo .mypage_photo .inpPhotoWrap{margin:0rem; padding:0;} .memChgInfo .card-body .card-header, .memChgInfo .card-body .card-body{padding:10px;} .memChgInfo .inpPhotoUpBtn{width:150px;} @media screen and (max-width: 360px) { .memChgInfo .mypage_photo .inpPhotoWrap{display:block; max-width:100%; margin:0 auto 1.5rem;} .memChgInfo .mypage_photo .inpPhotoWrap:last-child{margin-bottom:1.5rem;} } /** 기능메뉴 - 행사참석 행사 리스트 */ .attntDtListBox { position: relative; padding: 1rem; margin-bottom: 5px; border:1px solid #dee2e6;} .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; overflow:hidden; text-overflow:ellipsis; } .attntDt.interest-date h6 { top: -9px; } .attntDtListBox .rightTopBtn .btn {min-width: 80px;} /** 기능메뉴 - 행사참석 행사추가 - 회원추가 */ .addClubAuspcMemTable.table { font-size: 80%} .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 a.crow_icon{left: -1px; right:auto; } .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} .addClubAuspcMem .club-auspc-mem-item {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 .club-auspc-mem-item 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 .club-auspc-mem-item a.crow_icon{left: -1px; right:auto; } .addClubAuspcMem .club-auspc-mem-item .tag-point{ position: absolute; line-height:1; bottom:0px; right:0; display:block} .addClubAuspcMem .club-auspc-mem-item:nth-child(1){background-color:#a1dae1} .addClubAuspcMem .club-auspc-mem-item:nth-child(4n+2){background-color:#bfcce9} .addClubAuspcMem .club-auspc-mem-item:nth-child(4n+3){background-color:#acc5b6} .addClubAuspcMem .club-auspc-mem-item:nth-child(4n+4){background-color:#debece} /*행사등록 + 모든 폼 라벨문제 - display:flex */ .form-inline label { display:inline-block; margin-left:5px; } /** 기능메뉴 - 4단계별 (행사추가) */ .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;} .step-nav3{height:50px; overflow:hidden; margin:.25rem 0} .step-nav3 h6{font-size:.75rem;} .step-nav3 a{padding:1rem 2rem; color:#333333; text-align:center} .step-nav3 a .step-num2{display:block; margin:0 auto; width:22px; height:22px; line-height:22px; font-size:.75rem} .step-nav3 .step1 a{padding:.25rem 0 .25rem 1rem;} .step-nav3 .step2 a{padding:.25rem 0 .25rem 1rem;} .step-nav3 .step3 a{padding:.25rem 0 .25rem 1rem;} .step-nav3 .step4 a{padding:.25rem 0 .25rem .3rem;} .step-nav3 .step1 a.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-nav3 a.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-nav3 a.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-nav3 .step3 a.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; } /** 기능메뉴 - 행사참석 상세 - 개요, 갤과 보기 */ .AuspcInfo{padding:.5rem} .AuspcInfo .alert{padding:.75rem .5rem} .AuspcInfo .AuspcIcon{margin:0} .AuspcInfo .AuspcIcon div{padding:0; font-size:1rem; margin-top:.25rem} .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; } /** 기능메뉴 - 회비납부/회비내역 */ .comsnGud { position:relative; color:rgba(0,0,0,0.6); text-align:center; } .comsnGud * { font-size:0.9rem; } .comsnGud .comsnGudBtn { position:absolute; left:50%; top:-55px; width:40px; height:40px; padding:5px 0px; margin-left:-20px; background-color:#ff1929; border-radius:20px; font-size:10px; line-height:10px; word-break:keep-all; color:#fff; } .comsnGud .comsnGudBtn:after { content:""; display:inline-block; position:absolute; left:-4px; top:17px; border-top:10px solid transparent; border-right:10px solid #ff1929; border-bottom:10px solid transparent; border-left:0px solid transparent; transform:rotate(-20deg); } @media screen and (min-width: 320px){ .comsnGud .comsnGudBtn { margin-left:-30px; } } @media screen and (min-width: 375px){ .comsnGud .comsnGudBtn { margin-left:-45px; } } @media screen and (min-width: 420px){ .comsnGud .comsnGudBtn { margin-left:-55px; } } .comsnGud .comsnGudBtn i { display:block; font-size:10px; } .comsnGud .comsnGudBtn span { display:block; font-size:10px; } /* .comsnGud .comsnGudBtn:hover { background-color:#cb121f; } */ .comsnGud .comsnGudWrap { position:static; top:auto; width:100%; padding:7px 10px 10px 10px; background-color:#fff; border:1px solid #f8ed96; /* border-radius:10px; box-shadow:3px 3px 5px 3px rgba(0,0,0,0.1); */ z-index:99; } .comsnGud .comsnGudWrap.soff { position:absolute; top:-99999px; } .comsnGud .comsnGudWrap:after { content:""; display:inline-block; position:absolute; left:50%; margin-left:-16px; top:-30px; width:0px; height:0px; border-style:solid; border-color:rgba(0,0,0,0); border-bottom-color:#f8ed96; border-width:15px; } @media screen and (min-width: 320px){ .comsnGud .comsnGudWrap:after { margin-left:-26px; } } @media screen and (min-width: 375px){ .comsnGud .comsnGudWrap:after { margin-left:-41px; } } @media screen and (min-width: 420px){ .comsnGud .comsnGudWrap:after { margin-left:-51px; } } .comsnGud .comsnGudWrap table { width:100%; border-radius:7px; overflow:hidden; text-align:left; } .comsnGud .comsnGudWrap table caption { text-align:center; caption-side:top; } .comsnGud .comsnGudWrap table caption strong { font-size:20px; } .comsnGud .comsnGudWrap table thead tr th { background-color:#faf3ae; padding:3px 8px; text-align:center; font-weight:normal; color:rgba(0,0,0,0.8); } .comsnGud .comsnGudWrap table thead tr th:nth-child(odd) { background-color:#f8ed96; } .comsnGud .comsnGudWrap table thead tr th:first-child { border-radius:7px 0px 0px 0px; overflow:hidden; } .comsnGud .comsnGudWrap table thead tr th:last-child { border-radius:0px 7px 0px 0px; overflow:hidden; } .comsnGud .comsnGudWrap table tbody tr th { background-color:#f8ed96; padding:3px 5px; text-align:center; font-weight:normal; color:rgba(0,0,0,0.8); } .comsnGud .comsnGudWrap table tbody tr td { background-color:#f6f5fa; padding:3px 5px; text-align:center; color:#ff1929; } .comsnGud .comsnGudWrap table tbody tr td:nth-child(odd) { background-color:#f2f3f7; } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) th { background-color:#faf3ae; } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) td { background-color:#fafafc; text-align:left; color:rgba(0,0,0,0.6); } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) td:nth-child(odd) { background-color:#f6f7fb; } .comsnGud .comsnGudWrap table tbody tr:nth-of-type(1) td { font-size:0.8rem; } .comsnGud .comsnGudWrap p { padding:10px 0px 0px 0px; margin:0px; } .comsnGud .comsnGudWrap p span { display:block; } .comsnGud .comsnGudWrap .comsnGudWrap_close { display:inline-block; position:absolute; right:13px; top:5px; color:#000; } .comsnGud .comsnGudWrap .comsnGudWrap_close span { display:inline-block; position:absolute; top:-9999px; } .comsnGud .comsnGudWrap .comsnGudWrap_close:hover i { transform:rotate(90deg); transition:all 0.5s; } .board-lst-swiper{width: 100%;overflow-x: scroll;} .board-lst-swiper > ul{white-space:nowrap;margin: 0px;padding: 0px;} .board-lst-swiper > ul > li{display: inline-block;border: 0px;} .board-lst-swiper > ul > li > img{height: 100px;} .shrg-check{position:absolute; top:50%; left:50%; width:90%; background-color:#ffffff; z-index:9999; padding:1rem; -webkit-transform:translate(-50%, -50%); --moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .shrg-area .btn{border-radius:3rem; padding:.375em 1rem; font-size:.85rem; margin:3px 3px 3px 0px; color:#333; background-color:#fff; border-color:#ccc;} .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .w-auto{width: auto !important;} .w-1px{width: 1px !important;} .w-10px{width: 10px !important;} .w-20px{width: 20px !important;} .w-30px{width: 30px !important;} .w-40px{width: 40px !important;} .w-50px{width: 50px !important;} .m-w-20px{max-width: 20px !important;} .m-w-30px{max-width: 30px !important;} .m-w-40px{max-width: 40px !important;} .m-w-50px{max-width: 50px !important;} .m-w-70px{max-width: 70px !important;} .m-w-100px{max-width: 100px !important;} .w-60px{width: 60px !important;} .w-70px{width: 70px !important;} .w-100px{width: 100px !important;} .w-120px{width: 120px !important;} .w-130px{width: 130px !important;} .w-150px{width: 150px !important;} .w-200px{width: 200px !important;} .w-300px{width: 300px !important;} .w-400px{width: 400px !important;} .w-500px{width: 500px !important;} .w-600px{width: 600px !important;} .w-700px{width: 700px !important;} body .badge-pink ,body .btn-pink {color: #fff ;background-color: #ee477e ;border-color: #ee477e ;} body .badge-pink:hover ,body .btn-pink:hover {color: #fff ;} .bg-f4f4f4{background-color: #f4f4f4;} .text-red{color: #d82e2e;} .text-underline{text-decoration: underline;} .text-gray-666{color: #666;} .text-gray-333{color: #333;} /* 메인 하단 배치 홈화면에 추가 */ .alert-bookmark { position:fixed; left:0px; bottom:0px; width:100%; margin-bottom:0; padding:0; background-color:tomato; border:none; border-radius:0;margin-bottom: 54px; text-align:center; z-index:998; } .alert-bookmark a { display:display; padding:0px 1rem;margin-bottom:3px; color:#fff !important; line-height:2.5rem; text-align:center;} .alert-bookmark:after { content:""; display:block; height:0px; overflow:hidden; } .al-bo-btn-close { display:inline-block; position:absolute; right:0px; top:0px; padding:0px 1rem 0 0; line-height:2.5rem; color:#fff; cursor:pointer; text-shadow:none; color:#fff } .sh_cookies_homeShortcut { width:100%; padding:0.4rem 0rem; background-color:#666; color:#fff; display:table; clear:both; display:none; text-align:center; } .sh_cookies_homeShortcut a { padding:0rem 1rem; border-left:1px solid #888; text-align:center; display:inline-block; line-height:1.8rem; } .sh_cookies_homeShortcut a:first-child { border-left:0px solid #fff; } @media (min-width: 1140px) { .alert-bookmark {width: 480px !important; left: 50%; transform: translateX(-50%); bottom: 1px;} } body .text-orange{color: #f05823;} body .text-lemon{color: #e59d11 !important;} body .text-yellow{color: #ffc107 !important;} body .text-pink{color: #ee477e;} body .text-green{color: #4da242;} body .text-sky{color: #5ea3dd;} body .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } body .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } body .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } body .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } body .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } body .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } body .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } body .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } body .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } body .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } body .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } body .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } body .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } body .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } body .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } body .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } body .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } body .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } body .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } body .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } body .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } body .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } body .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } body .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } body .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } body .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } body .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } body .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } body .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } body .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } body .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } body .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } body .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } body .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } body .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } body .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } body .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } body .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } body .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } body .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } body .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } body .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } body .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } body .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } body .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } body .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } body .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } body .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } body .btn-orange { background:#e67715; color:#fff; } body .btn-yellow{background-color: #f0cc23; border-color: #f0cc23;} body .btn-gray-c8c8c8{background-color: #c8c8c8; border-color:#c8c8c8;} body .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } body .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } body .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } body .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } body .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } body .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } body .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } body .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } body .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } body .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } body .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } body .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } body .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } body .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } body .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } body .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } body .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } body .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } body .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } body .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } body .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } body .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } body .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } body .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } body .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } body .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } body .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } body .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } body .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } body .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } body .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } body .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } body .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } body .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } body .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } body .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } body .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } body .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } body .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } body .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } body .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } body .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } body .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } body .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } body .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } body .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } body .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } body .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } /*모바일 html컨텐츠 : 내용에 테이블이 있을때 좌우스크롤 생김*/ .TABLE-SCROLL .scrollable.has-scroll { position:relative; overflow:hidden; } .TABLE-SCROLL .scrollable.has-scroll:after { position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:10px 0 0 10px / 50% 0 0 50%; box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25); content:''; } .TABLE-SCROLL .scrollable.has-scroll > div { overflow-x:auto; } .TABLE-SCROLL .scrollable > div::-webkit-scrollbar { height:12px; } .TABLE-SCROLL .scrollable > div::-webkit-scrollbar-track { box-shadow:0 0 2px rgba(0,0,0,0.15) inset; background:#f0f0f0; } .TABLE-SCROLL .scrollable > div::-webkit-scrollbar-thumb { border-radius:6px; background:#ccc; } /*모바일+어플 // 내정보에 사진이 등록되지 않았을때 // 사진등록팝업해주세요 팝업*/ /* .tpl-loct-sxn-cd-0011 #MAIN_UPDATE_PHOTO_FORM, .tpl-loct-sxn-cd-0012 #MAIN_UPDATE_PHOTO_FORM { padding-top:51px; padding-bottom:33px; } .tpl-loct-sxn-cd-0011 #MAIN_UPDATE_PHOTO_FORM .ui-dialog-buttonpane, .tpl-loct-sxn-cd-0012 #MAIN_UPDATE_PHOTO_FORM .ui-dialog-buttonpane { margin-top:-140px; } */ /*페이지 사용안내문구 등록 및 사용권한 설정하기*/ .Page_Auth .pageAuthSetWrap .pageAuthGidxList ul li { white-space:nowrap; width:auto !important; } /* .widgetPageAuthBtn.conPageBtn { border:1px solid #e8e7e7; border-radius:15px; padding:2px 10px; margin:5px; font-size:0.8rem; } .widgetPageAuthBtn.conPageBtn:hover { background-color:#e8e7e7; } */ /*서브페이지 > 모듈 안내문/권한설정*/ .widgetPageAuthBtn_wrap{display:block; padding:0.3rem 2.5%; text-align:right; /* background-color:#f5f5f5; border-bottom:1px solid #ebebeb; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) ;*/ border-bottom:1px solid #c1c1c1; } .widgetPageAuthBtn{background-color:#f8f8f8; border:1px solid #d6d4d4; border-radius:6px !important;} .widgetPageAuthBtn i{margin-right:3px;} .container .widgetPageAuthBtn_wrap{margin-left:-2.5%; margin-right:-2.5%;} .page_gud_cnts{padding:0 0.5rem} .page_gud_cnts .toggleMypage{border-top:0;} .page_gud_cnts .toggleMypage a{display:block; min-width:175px;} .page_gud_cnts .toggleMypage span{display:block; width:200px; margin:0 auto; background-color:#f8f8f8; color:#333; border:1px solid #d6d4d4; border-radius:6px !important;} /* cropme */ .cropme_rotate_btn { position: absolute; display: block; top: 27px; left: 26px; z-index: 10; height : 42px; } .crop_image_btn { position: absolute;} /*** [컨텐츠 공통 :: 상단 버튼 리스트] ***/ /* 버튼 */ .btn_lst_wrap{width:100%; margin-bottom:10px; padding-left:0; font-size:0;} .btn_lst_wrap > li{display:inline-block; font-size:16px; vertical-align:middle;} .btn_lst_wrap.float-right{width:auto;} /* 버튼 리스트 가운데 정렬 */ .btn_center_lst{width:auto; text-align:center;} /* 버튼 간격 10px */ .btn_mr_10_lst > li{margin-right:10px;} .btn_mr_10_lst > li:last-child{margin-right:0;} /* 버튼 3개 정렬 */ .btn_align_three_lst{display:block; width:auto; margin-right:-10px;} .btn_align_three_lst > li{width:calc(100% / 3);} .btn_align_three_lst > li a{display:block; margin-right:10px; text-align:center;} .btn_align_three_lst > li i + span{margin-left:5px;} /* 버튼 4개 정렬 */ .btn_align_four_lst{display:block; width:auto; margin-right:-10px;} .btn_align_four_lst > li{width:calc(100% / 4);} .btn_align_four_lst > li a{display:block; margin-right:10px; text-align:center;} .btn_align_four_lst > li i + span{margin-left:5px;} /*** [컨텐츠 공통 :: 상단 버튼 리스트] ***/ /*** [체크박스] ***/ /* 체크박스 기본 스타일*/ .chck_wrap{position:relative;} .chck_wrap input[type="checkbox"]{position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0);} .chck_wrap input[type="checkbox"] + label:before {content:""; display:block; width:30px; height:30px; text-align:center; background:#fff; border:1px solid #c1c1c1;} .chck_wrap input[type="checkbox"] + label {position:absolute; top:0; left:0; display:inline-block; margin-bottom:0; cursor:pointer;} .chck_wrap input[type="checkbox"] + label span{font-size:16px;} /* 체크박스 선택 시 스타일 */ .chck_wrap input[type="checkbox"]:checked + label:before{background:#0075ff; border-color:#0075ff;} .chck_wrap input[type="checkbox"]:checked + label:after{content: "\f00c"; position:absolute; top:50%; left:50%; font-size:18px; color:#fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 500; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro";} /*** [체크박스] ***/ /*** [모바일 버전 보기) 회원가입 폼] ***/ #mobileBody .form-inline .form-control{width:100%;} #mobileBody #memberInfo > .container{padding-left:0; padding-right:0;} #mobileBody #memberInfo .row{margin-left:0; margin-right:0; padding-bottom:1.5rem; border-bottom:1px solid #cdcdcd;} #mobileBody #memberInfo .mobile_login_wrap{padding:0;} #mobileBody #memberInfo .mobile_login_wrap input{height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; } /*** [모바일 버전 보기) 회원가입 폼 끝] ***/ /*** [게시판 폼 화면 정리] ***/ /* 영역 */ #board .board_form_func{position:relative;} /* 파일 업로드 */ #board .COMMON_FILEUPLOAD{margin:0 15px;} #board .uploadBtnWrap{margin-top:10px; text-align:left;} #board .COMMON_FILEUPLOAD .ajax-file-upload{width:47%;} #board .ajax-file-upload-btn-wrap > a{margin-left:8px; margin-right:2px; min-width:70px;} #board .ajax-file-upload-btn-wrap > a.btn-success{background-color:#484e55; color:#fff; border-color:#484e55;} /* 계좌 정보 */ #board .cd_deposit{padding-left:15px; padding-right:15px;} #board .cd_deposit .cd_account{margin:0;} #board .cd_account{position:absolute; right:0; z-index: 1; display:inline-block; width:47%; margin-top:81px !important; margin-right:15px; padding:7.5px 10px; font-size:1rem; text-align:center; background-color:#51639c; color:#fff;} #board .cd_account a{width:100%; padding: 8px 10px; color:#fff !important;} #board #boardBankInfoWrap{margin:21px 15px 0;} /** 22.05 KB #3457 계좌등록 버튼을 위로 올리기 **/ /* 계좌 등록 */ #board .cd_info_wrap{margin:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;} #board .cd_account{position:static; margin-top:0 !important;} #board .cd_info_wrap .cd_deposit{margin-top:10px; padding:0;} #board #boardBankInfoWrap{margin:0;} /* 파일업로드 */ .COMMON_FILEUPLOAD .requiredHeader .maxInfo br{display:none;} /** 22.05 KB #3457 계좌등록 버튼을 위로 올리기 끝 **/ /*** [게시판 폼 화면 정리 끝] ***/ /*** [다른 회원 사진, 연락처 변경해주기] ***/ .memChgInfo .alert{background-color:#f8f8f8;} .memChgInfo .card-title{font-size:1.25rem; font-weight:500; color:#000;} .memChgInfo .title{font-size:1.125rem; font-weight:500; color:#17a2b8;} .memChgInfo .div + .div{margin-top:50px; padding-top:30px; border-top:1px solid #d3d3d3;} /*** [다른 회원 사진, 연락처 변경해주기 끝] ***/ /* 계좌 입력란 폼 스타일 */ .editor-page .cd_info_wrap .form-control.fonrm_cd_bank_num{width:69%;} .editor-page .cd_info_wrap .form-control.fonrm_cd_bank_user{width:29%; margin-left:2%;} /*** [솔루션 화면 통일 기준 :: 2022 my ai center 개선 디자인] ***/ /* form-control */ .solu_scrn_unity .form-control{display:block; width:100%; height:auto; font-size:14px !important; line-height:1.5; background-color:#fff; color:#000; border:1px solid #c1c1c1; border-radius:0; -webkit-box-shadow:none; box-shadow:none;} .solu_scrn_unity select.form-control{padding:6px 12px;} .solu_scrn_unity input.form-control{padding:6.5px 12px;} .solu_scrn_unity input.form-control.form-tall{padding-top:12px; padding-bottom:12px;} .solu_scrn_unity .form-control:hover, .solu_scrn_unity .form-control:focus{border-color:#5c5c5c; -webkit-box-shadow:none; box-shadow:none;} /* 컨텐츠 정렬 기준 */ .solu_scrn_unity .d-flex-align-end{display:flex; align-items:end;} /* 탭 */ .solu_scrn_unity .nav-tabs{border-bottom:1px solid #ddd; border-radius:0;} .solu_scrn_unity .nav-tabs .nav-item{margin-bottom:0;} .solu_scrn_unity .nav-tabs .nav-item .nav-link{font-size:1rem; font-weight:400; background-color:#f1f2f7; border-top:3px solid #f1f2f7; color:#114886; border-radius:0; box-shadow:none;} .solu_scrn_unity .nav-tabs .nav-item .nav-link:hover{background-color:#f5f5f5; border-top-color:#f5f5f5;} .solu_scrn_unity .nav-tabs .nav-item .nav-link.active{font-weight:500; background-color:#fff; border-top:3px solid #000;} .solu_scrn_unity .nav-tabs .nav-item .nav-link.active:hover{background-color:#f5f5f5; border-color:#000 #c0c0c0 #fff;} /* 알림창 */ .solu_scrn_unity .base-alert{margin:20px 0; padding:20px; font-size:0.938rem;; font-weight:500; text-align:center; background-color:#f1f2f7; color:#114886; word-break:keep-all;} .solu_scrn_unity .alarm-alert{padding:12px 20px; font-size:16px; font-weight:500; text-align:left; background-color:#e3e3e3; color:#114886;} /* 폰트 굵기 */ .solu_scrn_unity .font-weight-500{font-weight:500 !important;} /* 폰트 :: 주황 계열 */ .solu_scrn_unity .color-orange{color:#fe6601;} /* 버튼 :: 진회색 선 이벤트 */ .solu_scrn_unity .btn-border-charcoalGray:hover, .solu_scrn_unity .btn-border-charcoalGray:focus, .solu_scrn_unity .btn:not(:disabled):not(.disabled):active, .solu_scrn_unity .btn:not(:disabled):not(.disabled).active, .solu_scrn_unity .show > .btn.dropdown-toggle{color:#0085d9 !important; border-color:#0085d9 !important;} /* 데이터가 없을때 */ .solu_scrn_unity .no-data{margin:150px 0; padding:0; font-size:24px; font-weight:400; text-align:center; color:#000;} .solu_scrn_unity .no-data:before{content:"\f119"; margin-right:8px; font-size:30px; color:#333; vertical-align:middle; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Pro";} /*** [솔루션 화면 통일 끝] ***/ /*** [회비 내역 보기 / 회비 납부하기] ***/ /* 영역 */ .container-x{margin-left:20px; margin-right:20px;} /* 공통 */ .fee-list{margin-bottom:0;} .fee-list > li{position:relative; padding:1rem; border-bottom:1px solid #dedede;} /* 회비 납부하기 */ .fee-list .fee-list-nm{font-size:1.25rem; color:#000;} .fee-list .fee-list-bankaccnt{font-size:0.938rem; color:#000;} .fee-list .fee-list-date{font-size:0.75rem; color:#666;} .fee-list .fee-list-amt{font-size:1.25rem;} /* 납부내역 조회 */ .fee-list .fee-list-rsl{background-color:#f9f9f9; border-top:1px solid #dedede;} .fee-list .fee-list-rsl-ttl{font-size:1.125rem;} .fee-det-dsc-list-wrap .fee-list .fee-list-user{font-size:1.25rem; color:#000;} .fee-det-dsc-list-wrap .fee-list .fee-list-info{font-size:0.938rem; color:#666;} .fee-det-dsc-list-wrap .fee-list .fee-list-info span + span:before{content:"|"; margin-left:5px; margin-right:5px; color:#ddd;} /*** [회비 내역 보기 / 회비 납부하기 끝] ***/ /* 영역 */ .content-body{margin-top:20px;} .cmn_join_cnt_wrap {width: 100%; z-index: 30; padding: 15px; background-color: white; box-shadow: 0px 10px 10px rgb(0 0 0/ 15%);} .cmn_srch_grp_mngt_wrap{margin-top: 2rem;} .mypage_info_upd_list ul li {border-bottom: 1px solid rgba(0, 0, 0, .2);padding: 20px 10px 15px 10px;} .mypage_info_upd_list ul li:first-child {border-top: 1px solid black;} /* 23.04.07 회원수첩 인포폼 추가 */ body.mbok_info_on div.mbok_info_form {width: 90%; max-width: 500px; bottom: 60px; left: 50%; transform: translate(-50%, 0); z-index: 999; animation: mbokInfoForm 0.5s ease-out; animation-fill-mode: forwards; box-shadow: 2px 2px 3px rgba(0,0,0,25%); position: relative; overflow: hidden; color: #fff; text-align: center;} /* body.mbok_info_on div.mbok_info_form:before {content: ""; position: absolute; bottom: -1px; width: 100%; height: 5px; background-color: #D7F9DB;} */ body.mbok_info_on div.mbok_info_form:after {content: ""; position: absolute; bottom: -1px; left: -8px; width: 0; height: 5px; background-color: #19ce60; animation: mbokInfoFormBar 8s linear; animation-delay: 0.5s; animation-fill-mode: forwards; border-right: 8px solid #00BF93; border-top-right-radius: 2rem; border-bottom-right-radius: 2rem;} body.mbok_info_on div.mbok_info_form .mbok_info_close_btn_wrap {position: absolute; top: 5px; right: 10px;} body.mbok_info_on div.mbok_info_form .mbok_info_close_btn_wrap a {color: #fff;} body.mbok_info_on div.mbok_info_form .mbok_info_text {padding: 0.5rem 1rem; font-size: 0.9rem; animation: mbokInfoText 0.5s ease-out; animation-delay: 0.25s; animation-fill-mode: forwards; opacity: 0;} body.mbok_info_on div.mbok_info_form .mbok_info_text p {margin-bottom: 0;} body.mbok_info_on div.mbok_info_form .mbok_info_text > p:last-child {margin-top: 0.5rem;} @keyframes mbokInfoForm { from { transform: translate(-50%, 100%); } to { transform: translate(-50%, 0); } } @keyframes mbokInfoText { from { opacity: 0; } to { opacity: 1; } } @keyframes mbokInfoFormBar { from { width: 0px; left: -8px; } to { width: 100%; left: 0; } } /* 23.05.08 회원가입 폼 수정 */ .alert-light-gray {background-color: #f7f7f7;} .fee_det_dsc_info > .alert {display: block !important; font-size: 0.9rem;} /* 23.07.21 PC용 모바일 폼 다이얼로그 커스텀 */ #mobileBody ~ .ui-dialog.isOnlyMobile {width: 476px !important;} #mobileBody ~ .ui-dialog.isOnlyMobile ~ .ui-widget-overlay {width: 476px; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} /* 라디오 탭 폼 */ .COMMON_RADIO_TABS > ul > li {display: inline-block; width: 50%;} .COMMON_RADIO_TABS > ul > li:not(:first-child) {margin-left: -1px;} .COMMON_RADIO_TABS > ul > li > label {cursor: pointer; display: block; padding: 0.5rem 1rem; border: 1px solid #c5c5c5; background-color: #fff; position: relative; text-align: center;} .COMMON_RADIO_TABS > ul > li:first-child > label {} .COMMON_RADIO_TABS > ul > li:last-child > label {} .COMMON_RADIO_TABS > ul > li > input {display: none;} .COMMON_RADIO_TABS > ul > li > input:checked + label {border-color: #999; background-color: #eee; z-index: 1; font-weight: 600;} /* 23.05.19 영수증 폼 제작*/ /* 라디오 버튼 커스텀 */ .COMMON_RADIO_BTN_TYPE1 {display: none;} .COMMON_RADIO_BTN_TYPE1 + .COMMON_RADIO_BTN_LABEL_TYPE1 {display: inline-block; width: 20px; height: 20px; background-image: url("/common/okdcMngt/css/images/COMMON_RADIO_BTN_TYPE1_UNCHECKED.png"); background-size: 100% 100%; vertical-align: middle;} .COMMON_RADIO_BTN_TYPE1:checked + .COMMON_RADIO_BTN_LABEL_TYPE1 {background-image: url("/common/okdcMngt/css/images/COMMON_RADIO_BTN_TYPE1_CHECKED.png");} /* 부트스트랩 재선언 */ .d-table {display: table; table-layout: fixed; width: 100%; } .d-table > * {display: table-cell;} .hp_set_mngt_sttl_info_form ul {padding-left: 0; margin-bottom: 0;} .hp_set_mngt_sttl_info_form ul > li {list-style: none;} .d-flex-form {display: flex; justify-content: space-between; align-items: center;} .hp_set_mngt_sttl_info_form .list-inline > * {display: inline-block; vertical-align: top;} .hp_set_mngt_sttl_info_form .card {border-radius: 1rem; overflow: hidden;} .hp_set_mngt_sttl_info_form .card > .card-body {padding: 1rem;} .hp_set_mngt_sttl_info_form .min-160px {min-width: 160px;} .hp_set_mngt_sttl_info_form {background-color: #f7f7f7; padding: 2rem 0;} .hp_set_mngt_sttl_info_form > .container > dl > dt {width: 150px;} .hp_set_mngt_sttl_info_form > .container > ul > li {margin-top: 1.25rem;} .hp_set_mngt_tot_sttl_amt {margin-top: 1rem; padding-top: 0.5rem; border-top: 2px solid #cdcdcd;} .hst_tab_form > li {display: inline-block; width: 50%;} .hst_tab_form > li:not(:first-child) {margin-left: -1px;} .hst_tab_form > li > input {display: none;} .hst_tab_form > li > label {padding: 0.5rem; display: block; font-weight: 300; font-size: 1rem; border: 1px solid #797979; text-align: center; cursor: pointer; letter-spacing: -0.5px;} .hst_tab_form > li > label:hover, .hst_tab_form > li > label:focus {font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .hst_tab_form > li > input:checked + label {background-color: rgba(236, 236, 236, 1); font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .tab_body_text_wrap {display: none;} input:checked ~ .tab_body_text_wrap {display: block;} .custm_ceregrt_upload_btn {display: block; height: 200px; border: 1px solid #cdcdcd; border-radius: 0.5rem; position: relative; margin: 1rem 0.5rem 0.5rem; padding: 0.5rem;} .custm_ceregrt_upload_btn img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% - 1rem); object-fit: contain; border: 1px solid #000;} .custm_ceregrt_upload_btn > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;} .custm_ceregrt_upload_btn > .custm_ceregrt_upload_text > i {display: block; margin-bottom: 0.25rem; color: #999;} .custm_ceregrt_upload_btn > .custm_ceregrt_upload_text > span {white-space: nowrap; color: #333; font-weight: 300;} .custm_ceregrt_upload_btn > .custm_ceregrt_upload_del_btn {width: 200px; height: 50px; border: 1px solid #797979; line-height: 48px; background-color: #ffffffcc;} .hp_set_mngt_sttl_info_lst_wrap {margin-top: 1rem;} .hp_set_mngt_sttl_info_lst_wrap > ul > li {padding: 0.75rem 0.25rem;} .hp_set_mngt_sttl_info_lst_wrap > ul > li > dl > dt {font-weight: 500; font-size: 0.9rem;} .hp_set_mngt_sttl_info_lst_wrap > ul > li > dl > dd {margin-top: 0.25rem;} .hp_set_mngt_sttl_info_lst_wrap > ul > li > dl > dd input {border-top: 0; border-left: 0; border-right: 0; padding: 0.375rem 0.25rem;} .hp_set_mngt_sttl_info_lst_wrap > ul > li > dl > dd input::placeholder {color: #999;} .hp_set_mngt_bil_list {margin-top: 1rem;} .hp_set_mngt_bil_list_header {padding: 0 0.125rem 0.5rem; border-bottom: 2px solid #1b51f0; margin-left: -0.125rem; margin-right: -0.125rem;} .hp_set_mngt_bil_list .card > .card-body {padding: 1rem 0;} .hp_set_mngt_bil_item_lst > li {border-bottom: 1px solid #cbcbcb;} .hp_set_mngt_bil_item_lst > li a.btn {padding: 0.25rem 0.75rem 0.25rem 1rem;} .hp_set_mngt_bil_item_det_info_lst {margin-top: 0.75rem;} .hp_set_mngt_bil_item_det_info_lst > li:not(:first-child) {margin-top: 0.5rem;} .hp_set_mngt_bil_item_det_info_lst dl {font-size: 0.95rem;} .hp_set_mngt_bil_item_det_info_lst dl > dt {font-weight: 400;} .hp_set_mngt_sttl_det_sta .badge {font-size: 1rem; font-weight: 400; padding: 0.375rem 1rem;} .hp_set_mngt_sttl_det_info li > dl {font-size: 0.95rem;} .hp_set_mngt_sttl_det_info li > dl > dt, .hp_set_mngt_sttl_det_info li > dl > dd {font-weight: 500;} .hp_set_mngt_sttl_det_info_top_lst {margin-top: 0.5rem;} .hp_set_mngt_sttl_det_info_top_lst > li:not(:first-child) {margin-top: 0.5rem;} .hp_set_mngt_sttl_det_info_bottom_lst {margin-top: 1rem; padding-top: 0.5rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-top: 2px solid #cbcbcb; border-bottom: 2px solid #cbcbcb;} .hp_set_mngt_sttl_det_info_bottom_lst > li:not(:first-child) {margin-top: 0.5rem;} .hp_set_mngt_sttl_det_info_bottom_lst > li > dl > dt > span {line-height: 1; margin-right: 0.375rem; font-size: 1.25rem;} /* 23.12.13 회원수첩 검색바 수정사항 */ .mem_qry_det_list {padding: 0.5rem;} .mem_qry_det_list select {height: 38px; width: 100%;} .mem_qry_det_list #srchValu {margin-left: 0;} /* 23.12.13 회원가입 지역설정 수정사항 */ .mem_join_sub_form_ara_lst .set_lst_outer.custom_radio_optn_form > ul {padding-left: 0; margin-bottom: 0; display: block; margin-top: 0.5rem;} .mem_join_sub_form_ara_lst .set_lst_outer.custom_radio_optn_form > ul > li {display: block !important; text-align: left !important; margin-right: 0; padding-bottom: 0;} /* 24.03.19 파일 업로드 폼 수정 */ #board .uploadBtnWrap {margin-top: 0; margin-left: 0 !important; margin-right: 0 !important; justify-content: space-between;} #board .uploadBtnWrap select {position: absolute !important; top: 0; left: 0; margin-left: 0 !important;} .editor-page .board_form_func .requiredHeader {position: static;} /* 글쓰기폼 파일업로드 sortable item css 커스텀 작업 */ .board_form_sortable_custom .ui-state-highlight { height: 107px; line-height: 1.2em; background-color: #E6F4F1;} .board_form_sortable_custom .highlight:after { content: ''; display: block; clear:both; } .board_form_sortable_custom .ui-sortable-helper { opacity: 0.5;} /* 핫라인 만족도 평가 다이얼로그 */ #dialogBoardHotlnCusSatftEvalBas {padding: 0 !important;} .hotln_cus_satft_eval_bas_form {width: 100%; text-align: center;} .hotln_cus_satft_eval_bas_form ul {padding-left: 0; margin-bottom: 0;} .hotln_cus_satft_eval_bas_form ul > li {list-style: none;} .hotln_cus_satft_eval_bas_form_top {padding: 0.75rem 0.75rem 0;} .hotln_cus_satft_eval_bas_form .satft_eval_img {display: inline-block; background-size: 100% 100%; width: 100px; height: 110px;} .hotln_cus_satft_eval_bas_form ul > li {vertical-align: middle;} .hotln_cus_satft_eval_bas_form dl {margin-bottom: 0; margin-top: 0.5rem;} .hotln_cus_satft_eval_bas_form dl > dt {font-size: 1.25rem; font-weight: 500;} .hotln_cus_satft_eval_bas_form dl > dd {margin-top: 0.5rem;} .hotln_cus_satft_eval_bas_form dl > dd > ul {margin-left: -0.25rem; margin-right: -0.25rem;} .hotln_cus_satft_eval_bas_form dl > dd > ul > li {padding: 0 0.25rem; display: inline-block; vertical-align: middle;} .hotln_cus_satft_eval_bas_form dl > dd > ul > li > a {font-size: 1.5rem;} .hotln_cus_satft_eval_bas_form .srv_score_btn:hover {opacity: 1;} .hotln_cus_satft_eval_bas_form .srv_score_btn i {color: #ddd;} .hotln_cus_satft_eval_bas_form .srv_score_btn.hover:not(.active) i {color: #ffbc00; opacity: 0.5;} .hotln_cus_satft_eval_bas_form .srv_score_btn.active i {color: #ffbc00;} .hotln_cus_satft_eval_bas_form .bhb_cus_satft_cont {justify-content: center; align-items: center;display: flex;width: 100%;height: 100%;} .hotln_cus_satft_eval_bas_form .bhb_cus_satft_cont > textarea {font-size: 1rem !important; font-weight: 300;} .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn {font-size: 1.25rem; width:160px; border-radius: 0.25rem; background-color: #169BD5; color: #fff;} .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn:hover, .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn:focus {filter: brightness(1.3);} .hotln_cus_satft_eval_bas_form .cus_satft_eval_cancle_btn {font-size: 1rem; color: #169bd5; text-align: center; padding: 0.6875rem 0.75rem; text-decoration: underline !important;} /* 제휴서비스 좌측 메뉴 배너 */ .okdc_alli_srv_shop_mov_btn {display: block; position: relative;} .okdc_alli_srv_shop_mov_btn > img {display: block; width: 100%; object-fit: contain;} .okdc_alli_srv_shop_mov_btn.type_01 > div {width: 100%; height: 0; padding-bottom: 122%; background-image: url("/common/css/images/mo_okdc_alli_srv_main_banner_01.png"); background-repeat: no-repeat; background-size: contain;} .okdc_alli_srv_shop_mov_btn.type_02 > div {width: 100%; height: 0; padding-bottom: 122%; background-image: url("/common/css/images/mo_okdc_alli_srv_main_banner_02.png"); background-repeat: no-repeat; background-size: contain;} .okdc_alli_srv_shop_mov_btn:hover {filter: brightness(1.05);} .okdc_alli_srv_shop_mov_btn:hover:after {content: ""; width: 2rem; height: 100%; display: block; position: absolute; top: 0; left: -100%; transform: skewX(-30deg) translateX(0); background-color: rgba(255,255,255,0.3); animation: btnEfct01 .75s linear; animation-delay: 0.15s;} @keyframes btnEfct01 { 0% { left: -100%; } 100% { left: 100%; } } .COMMON_ALLI_BANNER_WRAP {padding-left: 0; margin-bottom: 0; margin: 0.5rem 0; display: flex; justify-content: center; align-items: center; gap: 0.5rem;} .COMMON_ALLI_BANNER_WRAP > li {list-style: none; flex: 1;} /* 게시판 뷰 퍼가기 */ .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst:after{content:""; display:block; clear:both; overflow:hidden;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst{float:right; font-size:0; padding-left: 0; margin-bottom: 0;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li{font-size:1rem;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li .board_comt_ico_txt{display:none; font-size:16px; text-align:center; color:#666;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share{vertical-align:top;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .share-ico, .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share .board_comt_ico_txt{display:inline-block; vertical-align:middle;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share .board_comt_ico_txt{margin-left:5px;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li a{display:block;} /* 댓글 상단 툴*/ /* 간편복사 */ .alli_srv_mann_info .btn_base.board_shrg_info_btn {color:#333; padding: 2px 8px; font-size: 1rem; font-weight: 400; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.25rem;} .alli_srv_mann_info .btn_base.board_shrg_info_btn:hover {background-color: #dedede; transition: all 0.15s ease-in-out;} .alli_srv_mann_info .board_comt_tool{margin-bottom:0.625rem; padding:0 0 0.625rem 0; border-bottom:1px solid #efefef;} .alli_srv_mann_info .board_comt_tool:after{content:""; display:block; clear:both; overflow:hidden;} .alli_srv_mann_info .board_comt_tool em{font-style:normal;} .alli_srv_mann_info .board_comt_tool .board_comt_tool_lst{float:left; margin:0; padding:0;} .alli_srv_mann_info .board_comt_tool ul li{display:inline-block; margin-right:0.625rem;} .alli_srv_mann_info .board_comt_tool ul li:last-child{margin-right:0;} .alli_srv_mann_info .board_comt_tool ul li em span{margin-left:3px;} .alli_srv_mann_info .board_comt_tool ul li a:hover{text-decoration:none;} .alli_srv_mann_info .board_comt_tool .board_comt{position:relative; float:right;} .alli_srv_mann_info .board_comt_tool .board_comt em{margin-left:3px;} .alli_srv_mann_info .board_comt_tool .board_comt ul{display:none; position:absolute; top:30px; right:5px; z-index:3; width:120px; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);} .alli_srv_mann_info .board_comt_tool .board_comt ul li{display:block; margin-right:0;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a{display:block; height:36px; padding:3px 0 3px 10px; font-weight:400;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a:hover{background-color:#efefef;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a span{display:inline-block; margin-right:7px; background-position:center;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a .board_comt_ico_txt{ vertical-align: super;} /* 다플몰 */ .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_left_top_ico {position: absolute; top: 1rem; left: 1rem; width: 20%; z-index: 1} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_left_main_logo_wrap {position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 40%); width: 60%; height: 0; padding-bottom: 60%;} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_left_main_logo_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;} .okdc_alli_srv_shop_mov_btn.type_01 > .okdc_alli_srv_shop_mov_btn_left_form, .okdc_alli_srv_shop_mov_btn.type_01 > .okdc_alli_srv_shop_mov_btn_right_form {background-color: transparent; width: 50%;} .okdc_alli_srv_shop_mov_btn.type_01 > .okdc_alli_srv_shop_mov_btn_middle_form {display: none;} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_right_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_right_cont dl > dt {font-size: 1rem;} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_right_cont dl > dd {margin-top: 1rem;} .okdc_alli_srv_shop_mov_btn.type_01 .okdc_alli_srv_shop_mov_btn_right_cont dl > dd > span {padding: 0.15rem 0.5rem; border-radius: 3rem; font-weight: bold; background-color: #c82333;} /* 단체몰 */ .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_left_form > img, .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_left_main_logo_wrap {display: none;} .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_left_top_ico {position: absolute; top: 1rem; left: 1rem; width: 40%; z-index: 1} .okdc_alli_srv_shop_mov_btn.type_02 > .okdc_alli_srv_shop_mov_btn_left_form, .okdc_alli_srv_shop_mov_btn.type_02 > .okdc_alli_srv_shop_mov_btn_right_form {background-color: transparent; width: 50%;} .okdc_alli_srv_shop_mov_btn.type_02 > .okdc_alli_srv_shop_mov_btn_middle_form {display: none;} .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_right_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;} .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_right_cont dl > dt {font-size: 1rem;} .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_right_cont dl > dd {margin-top: 1rem;} .okdc_alli_srv_shop_mov_btn.type_02 .okdc_alli_srv_shop_mov_btn_right_cont dl > dd > span {padding: 0.15rem 0.5rem; border-radius: 3rem; font-weight: bold; background-color: #c82333; color: #fff;} .alli_srv_divy_list em {font-style: normal;} .alli_srv_divy_list .row.no-gutters {align-items: center;} .alli_srv_prd_mngt_form_img_wrap {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;} .alli_srv_prd_mngt_form_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;} .alli_srv_divy_list .board-lst-swiper a {position: relative;} .alli_srv_divy_list .aspb_prd_regs_badge {position: absolute; top: 0.5rem; left: 0.5rem; color: #79C0CB; border: 1px solid #79C0CB; border-radius: 3rem; z-index: 10; background-color: #ffffffe6; padding: 0.25rem 0.5rem; font-size: 14px; font-weight: 500;} .alli_srv_use_guid_dl_btn {display: block; border-radius: 0.5rem !important; margin: 0 !important;} .prd_regs_form {max-width: 600px;} .prd_regs_form > dl > dt {font-size: 18px; font-weight: bold;} .prd_regs_form > dl > dd {margin-top: 1rem;} .prd_regs_wrap {display: flex; justify-content: flex-start; align-items: stretch; gap: 0.5rem; position: relative; margin-bottom: 2rem;} .prd_regs_wrap > label {padding: 1rem; border: 1px solid #E1E1E1; border-radius: 10px; flex: 1;} .prd_regs_wrap input[type="radio"] {width: 1.25rem; height: 1.25rem;} .prd_regs_wrap label {display: block; margin-top: 0.5rem;} .prd_regs_wrap label dl {margin-bottom: 0;} .prd_regs_wrap label dl > dt {font-size: 16px; font-weight: bold; white-space: nowrap;} .prd_regs_wrap label dl > dd {font-size: 15px; margin-top: 1rem; padding-top: 0.5rem; border-top: 1px solid #e1e1e1;} .prd_regs_wrap > label.active {box-shadow: 0px 0px 4px rgba(0,0,0,0.4); border-color: #217AF2;} .prd_regs_wrap > label.active dl > dt {color: #217AF2;} .member-ad-body .biz_alli_cont {height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 행사참석 카테고리 관리 */ .club_auspc_step1 .form-group {border-bottom: 4px solid #ddd; padding-bottom: 0.5rem; margin-top: 0.5rem; border-top: none;} .club_auspc_step1 .form-group label {border-bottom: none;} #clubAuspcCatLstList {border :1px solid #ddd; margin-top: 1rem;} #clubAuspcCatLstList > li {padding: 0.75rem; margin: 0;} #clubAuspcCatLstList > li:not(:first-child) {border-top: 1px solid #ddd;} #clubAuspcCatLstList > li > div {position: relative;} #clubAuspcCatLstList > li > div > div:nth-child(3) {margin-top: 0.5rem;} #clubAuspcCatLstList > li > div > div:nth-child(2), #clubAuspcCatLstList > li > div > div:nth-child(3) {padding-right: 3rem;} #clubAuspcCatLstList > li > div > div:not(.non-flex) {flex: 1 0 auto;} #clubAuspcCatLstList > li > div a {display: inline-block; position: absolute;} #clubAuspcCatLstList > li > div a:first-of-type {top: 0; right: 0; margin-right: 0 !important;} #clubAuspcCatLstList > li > div a:first-of-type > i {font-size: 1.5rem;} #clubAuspcCatLstList > li > div a:last-of-type {top: 50%; right: 0; transform: translateY(-50%);} .club_auspc_cat_nm {font-style: normal; font-weight: bold;} /* 단체상품판매 */ .alli_srv_divy_form {padding-bottom: 7.5rem;} .alli_srv_divy_form_top_info ul, .alli_srv_divy_form_top_info dl {padding-left: 0; margin-bottom: 0;} .alli_srv_divy_form_top_info ul > li {list-style: none;} .alli_srv_divy_form_top_info dl > dd {margin-bottom: 0;} .alli_srv_divy_form_top_info p {margin-bottom: 0;} /* 슬라이드 */ .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #dfdfdf;} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .alli_srv_divy_form_top_info .swiper_img_paging_box {margin-top: 1rem; position: relative;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap {width: 75%; margin: 0 auto;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li {cursor: pointer;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #dfdfdf;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li.swiper-slide-active:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 3px solid rgb(var(--color-primary));} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_slide_counter_wrap {position: absolute; bottom: 5%; left: 50%; transform: translatex(-50%); z-index: 99; display: none;} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_slide_counter {display: inline-block; padding: 0.125rem 0.75rem; background-color: #ffffffc9; border-radius: 1rem; font-size: 1rem; font-weight: 600; box-shadow: 0 0 1.5px rgb(0 0 0 / 40%);} .alli_srv_divy_form_top_info .swiper-button-next, .alli_srv_divy_form_top_info .swiper-button-prev {width: 1.25rem; height: 2.5rem; background-size: 100% 100%;} .alli_srv_divy_form_top_info .swiper-button-prev {background-image: url("/common/css/images/main_arrow_left.png");} .alli_srv_divy_form_top_info .swiper-button-next {background-image: url("/common/css/images/main_arrow_right.png");} .alli_srv_divy_form_top_info .alli_srv_divy_form_top_info_badge {background-color: #eaeaea; padding: 0.25rem 0.75rem; font-size: 14px; font-weight: 500;} .alli_srv_divy_form_top_info h3 {font-weight: bold !important; margin-top: 0.5rem;} .alli_srv_divy_form_top_det_info {margin-top: 1.5rem;} .alli_srv_divy_form_top_det_info > * {margin-top: 1rem;} .alli_srv_divy_form_top_det_info > .alli_srv_divy_form_top_det_info_right {margin-top: 2rem;} .alli_srv_divy_form_top_det_info_box {border-top: 1px solid #000;} .alli_srv_divy_form_top_det_info_box > ul {padding: 1.5rem 0.5rem; border-bottom: 1px solid #e3e3e3;} .alli_srv_divy_form_top_det_info_box > ul > li:not(:first-child) {margin-top: 1rem;} .alli_srv_divy_form_top_det_info_box > ul > li > dl {display: table; table-layout: fixed; width: 100%;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > * {display: table-cell; vertical-align: middle; font-size: 1rem; font-weight: 400;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > dt {width: 120px;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > dd > span {font-weight: 900; font-size: 1.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) {margin-top: 1.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl {padding-left: 0.5rem; padding-right: 0.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dt {font-size: 1rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd {margin-top: 0.75rem; font-size: 0.9rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd > ul > li > span:first-of-type {font-weight: bold;} .alli_srv_divy_form_top_det_info_box > .card {margin-top: 2rem; border-radius: 0.5rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body {padding: 0.75rem 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div, .alli_srv_divy_form_top_det_info_box > .card > .card-body > div {display: flex; justify-content: flex-start; gap: 0.75rem; align-items: center;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div {gap: 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div > dl {gap: 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card div > .img_wrap {width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; position: relative;} .alli_srv_divy_form_top_det_info_box > .card div > .img_wrap > img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); display: block; object-fit: cover;} .alli_srv_divy_form_top_det_info_box > .card div > dl {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .alli_srv_divy_form_top_det_info_box > .card + .card {margin-top: 1rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header {background-color: transparent;} .alli_srv_divy_form_top_det_info_box > .card > .card-header .img_wrap {width: 3rem; height: 3rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header dl {font-size: 1.125rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li:not(:first-child) {margin-top: 0.75rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl {display: table; width: 100%;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > * {display: table-cell; vertical-align: top;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > dt {font-weight: 400; width: 100px;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > dd {font-weight: 500;} .alli_srv_btn_wrap {position: fixed; bottom: 55px; left: 0; width: 100%; z-index: 10;} .alli_srv_btn_wrap > a.btn {display: block; width: 100%; padding: 0.75rem 1.25rem; font-size: 1.25rem; font-weight: bold;} .alli_srv_divy_form_cont_wrap {margin-top: 5rem;} .alli_srv_divy_form_cont_tab {display: table; width: 100%; table-layout: fixed; margin-bottom: 2rem !important;} .alli_srv_divy_form_cont_tab > li {display: table-cell; vertical-align: middle;} .alli_srv_divy_form_cont_tab > li > a {padding: 0.75rem 0; font-size: 1.125rem; text-align: center; display: block; border: 1px solid #dedede;} .alli_srv_divy_form_cont_tab > li > a.active {background-color: #565656; color: #fff; font-weight: 500; border-color: #565656;} /* 구매신청서 다이얼로그 */ .alli_srv_divy_commen_form_wrap {left: 0 !important; transform: none !important;} .alli_srv_divy_commen_wrap {padding: 1.25rem 1.25rem 5rem !important;} .alli_srv_divy_commen_wrap ul, .alli_srv_divy_commen_wrap dl {padding-left: 0; margin-bottom: 0;} .alli_srv_divy_commen_wrap ul > li {list-style: none;} .alli_srv_divy_commen_form_lst > li:last-child {margin-top: 1.25rem;} .alli_srv_divy_commen_form_lst > li .card {border-radius: 0.25rem; box-shadow: 0px 0px 2px rgba(0,0,0,0.35); overflow: hidden;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dt {font-size: 1.125rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd {margin-top: 1rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li:not(:first-child) {margin-top: 0.75rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl {display: table; table-layout: fixed; width: 100%;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl > * {display: table-cell; vertical-align: top; font-size: 15px;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl > dt {line-height: 34px; width: 80px;} .alli_srv_divy_commen_left_form .card > .card-body {padding-bottom: 25px;} .alli_srv_divy_commen_left_form .card > .card-body > dl > dd > ul > li > dl {display: block;} .alli_srv_divy_commen_left_form .card > .card-body > dl > dd > ul > li > dl > * {display: block;} .alli_srv_divy_commen_left_form .card > .card-body > dl > dd > ul > li > dl > dt {line-height: normal;} .alli_srv_divy_commen_left_form .card > .card-body > dl > dd > ul > li > dl > dd {margin-top: 0.375rem;} .alli_srv_divy_commen_right_form .card-body > dl + dl {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e6e6e6;} .alli_srv_divy_commen_right_form .card > .card-body > dl > dd > ul > li:not(:first-child) {margin-top: 0.25rem;} .alli_srv_divy_commen_right_form .card > .card-body > dl > dd > ul > li > dl > dd {line-height: 34px;} .alli_srv_divy_commen_btn_wrap {position: fixed; bottom: 0; left: 0; width: 100%;} .alli_srv_divy_commen_btn_wrap > a.btn {width: 100%; text-align: center; font-size: 1.25rem; padding: 0.75rem 1.25rem; font-weight: bold;} .alli_srv_divy_commen_cnt_form {display: flex; justify-content: flex-start; align-items: center;} .alli_srv_divy_commen_cnt_form > a {width: 34px; height: 34px; background-color: #f2f2f2; border: 1px solid #dbdbdb; text-align: center; line-height: 32px; font-size: 1.125rem; font-weight: 500;} .alli_srv_divy_commen_cnt_form > input {width: 34px; height: 34px; text-align: center; background-color: #fff; border: 1px solid #dbdbdb; border-left: none; border-right: none; font-weight: 500;} .alli_srv_comment_list {margin-top: 3rem; padding: 1.5rem 0.5rem; border-top: 1px solid #000;} .alli_srv_comment_list p {margin-bottom: 0;} .alli_srv_comment_list > dl > dt {font-size: 1.25rem; font-weight: 500;} .alli_srv_comment_list > dl > dd {margin-top: 1rem;} .alli_srv_comment_list > dl > dd > ul {border-bottom: 1px solid #333;} .alli_srv_comment_list > dl > dd > ul > li {border-top: 1px solid #e3e3e3; padding: 1rem 0.5rem;} .alli_srv_comment_list > dl > dd > ul > li > ul {display: table; table-layout: fixed; width: 100%;} .alli_srv_comment_list > dl > dd > ul > li > ul > li {display: table-cell; vertical-align: top;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:first-child {width: 60px;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child {font-size: 0.9rem;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:first-child {font-weight: bold;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:nth-child(2), .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:nth-child(3) {display: inline-block;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:nth-child(3) {margin-left: 0.5rem;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:nth-child(3):before {content: ""; display: inline-block; width: 2px; height: 1rem; background-color: #cccccc; vertical-align: middle; margin-right: 0.5rem;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:nth-child(4) {margin-top: 0.25rem; font-size: 1rem;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child > ul > li:last-child {margin-top: 0.25rem; font-size: 0.85rem;} .alli_srv_comment_list .img-wrap {width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 1px solid #e6e6e6;} /* 24.08.29 검색필터 추가 + 검색바 커스텀 */ .okdc_srch_filter_wrap {margin-bottom: 1rem;} .okdc_srch_bar_wrap {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;} .okdc_srch_optn_btn {padding: 0.5rem 0.625rem; border-radius: 3rem !important; margin: 0 !important; font-weight: 500 !important; font-size: 0.9rem !important;} .okdc_srch_bar {position: relative; flex: 1;} .okdc_srch_bar input.form-control {height: auto; padding: 0.5rem 2.5rem 0.5rem 1rem; border: 1px solid #000; border-radius: 3rem; font-size: 1rem !important;} .okdc_srch_bar button {position: absolute; top: 50%; right: 1.25rem; transform: translate(50%, -50%); border: none; background-color: transparent; font-size: 1.25rem !important; padding: 0 !important;} .okdc_srch_filter_lst_wrap {display: none;} .okdc_srch_filter_lst {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; margin-bottom: 0;} .okdc_srch_filter_lst > li:last-child:nth-child(odd) {grid-column: 1 / -1;} .okdc_srch_filter_lst button.custom-select:focus {border-color: #6c757d; box-shadow: none;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn) {text-align: left; font-size: 15px !important; padding: 0.375rem 2rem 0.375rem 1rem ; height: auto; background: none; position: relative;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn):before {content: "\f078"; display: block !important; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; right: 1.25rem; transform: translate(50%, -50%); font-weight: bold;} .okdc_srch_filter_lst .btn-group > button:not(.multiselect_srch_btn) > span:before {display: inline-block; font-family: "Font Awesome 5 Pro"; margin-right: 0.25rem; color: #9e9e9e;} .okdc_srch_filter_lst .form-control-multiselect[data-value="0000"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f007";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0001"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f19d";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0002"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f02b";} .okdc_srch_filter_lst .form-control-multiselect[data-value="0003"] + .btn-group > button:not(.multiselect_srch_btn) > span:before {content: "\f518";} .okdc_srch_filter_lst .btn-group.show {display: block;} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn) {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid #6c757d; font-weight: bold !important;} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn):before {content: "\f077";} .okdc_srch_filter_lst .btn-group.show > button:not(.multiselect_srch_btn) > span:before {color: #000;} .okdc_srch_filter_lst .dropdown-menu {border-color: #004596; position: static !important; margin-top: -1px; border-radius: 0; width: 100%; max-height: 175px; overflow-y: auto; padding-bottom: 0.5rem; border-bottom: none;} .okdc_srch_filter_lst .dropdown-menu.show {transform: none !important;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn) {background-color: #f5f5f5; width: 65%; margin: 0.5rem auto; border-radius: 3rem; text-align: center; font-size: 14px;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn) .form-check {padding: 0;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn) .form-check > input[type="checkbox"] {display: none;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn):hover {background-color: #d6d6d6;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn).active {background-color: #6c757d; position: relative;} .okdc_srch_filter_lst .dropdown-menu > button:not(.multiselect_srch_btn).active:after {content: "●"; position: absolute; top: 50%; left: 0.75rem; color: #fff; transform: translateY(-50%); line-height: 0; font-size: 0.5rem;} .okdc_srch_filter_lst .btn-group > .multiselect_srch_btn {display: none; float: none; width: 100%; text-align: center; margin: -2px 0 0;} .okdc_srch_filter_lst .btn-group.show > .multiselect_srch_btn {display: block; padding: 0.25rem 0.75rem;} @media (min-width: 1140px) { .okdc_srch_filter_lst {grid-template-columns: repeat(1, 1fr);} } @media (max-width: 600px) { .okdc_srch_filter_lst {grid-template-columns: repeat(1, 1fr);} } .memer_grid_lst_list_card > li {list-style: none;} .checked_cat_items_wrap {background-color: #f7f7f7; padding: 0.75rem; margin: 1rem 0.25rem; display: table; table-layout: fixed; width: 100%;} .checked_cat_items_wrap > div {display: table-cell; vertical-align: top;} .checked_cat_items_wrap > div:first-child {width: 80px;} .checked_cat_items_wrap > div > a {color: #6c757d; font-weight: bold !important; font-size: 15px;} .checked_cat_items_wrap > div > a > i {transform: rotate(270deg) scaleX(-1);} .checked_cat_items_wrap ul {padding-left: 0; margin-bottom: 0; margin-left: -0.25rem; margin-top: -0.25rem;} .checked_cat_items_wrap ul > li {list-style: none; display: inline-block; padding: 0.25rem;} .checked_cat_items_wrap ul > li > a {padding: 0.25rem 0.5rem; font-size: 0.75rem; background-color: #818181; border-radius: 3rem; color: #fff; font-weight: 500;} .checked_cat_items_wrap ul > li > a > i {font-size: 0.75rem; display: inline-block; line-height: 1.25rem;} /* 스위치 */ .toggle_switch_wrap {position: relative; display: inline-block; vertical-align: middle;} .toggle_switch_wrap input[type="checkbox"] {display: none;} .toggle_switch_wrap label {display: block;} .toggle_switch_wrap label::before, .toggle_switch_wrap label::after {content: ""; display: block; position: absolute; cursor: pointer;} .toggle_switch_wrap label::before { /* 배경 */ width: 48px; height: 24px; margin-top: 0px; background-color: #7f7f7f; border-radius: 1em; -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; /* 배경색 애니메이션*/} .toggle_switch_wrap label::after { /* 스위치 */ top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background-color: #bbb; box-shadow: 0 0 4px rgba(0, 0, 0, 0.45); -webkit-transition: left 0.25s ease; transition: left 0.25s ease; /* 스위치 이동 애니메이션 */} .toggle_switch_wrap label > span {display: block; margin-left: 3.5rem; font-size: 16px; font-weight: 500;} /* toggle_switch_wrap input[type="checkbox"] ~ label::before {background-color: skyblue; 켠 상태 배경색} */ .toggle_switch_wrap input[type="checkbox"]:checked ~ label::after { /* 켠 상태 스위치 위치 */ left: 28px; background-color: #fff;} /* 마이페이지 - 내 상생/제휴서비스 */ .my_page_alli_srv_main ul, .my_page_alli_srv_main p, .my_page_alli_srv_main dl {padding-left: 0; margin-bottom: 0;} .my_page_alli_srv_main ul > li {list-style: none;} .my_page_alli_srv_main_card_lst > li dl {text-align: center;} .my_page_alli_srv_main_card_lst > li dl > dt {font-size: 1.125rem;} .my_page_alli_srv_main_card_lst > li dl > dd {margin-top: 0.75rem; margin-bottom: 0;} .my_page_alli_srv_main_card_lst > li ul {display: flex; justify-content: center; align-items: center; gap: 0.5rem;} .my_page_alli_srv_main_card_lst .card {box-shadow: 2px 2px 3px rgba(0,0,0,0.15);} .my_page_alli_srv_main_card_lst + .my_page_alli_srv_main_card_lst {margin-top: 0.75rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;} .my_page_alli_srv_main_card_lst a.btn {box-shadow: 0px 0px 4px rgba(0,0,0,0.35);} .my_page_alli_srv_main_info_lst {margin-top: 3rem; margin-bottom: 5rem !important;} .my_page_alli_srv_main_info_lst > li > dl > dt {display: flex; justify-content: space-between; align-items: center;} .my_page_alli_srv_main_info_lst > li > dl > dt > div {font-size: 1.125rem;} .my_page_alli_srv_main_info_lst > li > dl > dt > div > span {font-size: 0.9rem; font-weight: 400;} .my_page_alli_srv_main_info_lst > li > dl > dd {margin-top: 0.5rem;} .my_page_alli_srv_main_info_lst > li > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .my_page_alli_srv_main_info_lst .accordion_header ul {display: flex; justify-content: space-between; gap: 0.75rem; width: 100%;} .my_page_alli_srv_main_info_lst .accordion_header ul > li {max-width: 50%;} .my_page_alli_srv_main_info_lst > li:not(:first-child) {margin-top: 2rem;} /* 아코디언 */ .accordion_wrap {border: 1px solid #E4E4E4; padding-bottom: 0.75rem; box-shadow: 1px 1px 2px rgba(0,0,0,0.15); position: relative;} .accordion_wrap.disabled .invt_accordion_header_wrap {background-color: #e2e2e2;} .accordion_wrap.disabled .invt_accordion_header {cursor: not-allowed; color: #999;} .accordion_header {padding: 0.75rem 2rem 0rem 0.75rem; width: 100%; font-size: 0.9rem;} .accordion_header > span {font-size: 0.8rem;} .accordion_header > i {font-size: 0.9rem; position: absolute; top: 50%; right: 0.75rem; transform: translateY(-50%);} .accordion_body {padding: 0.25rem 0.75rem 0; background-color: #fff; font-size: 0.9rem;} @media (max-width: 600px) { .my_page_alli_srv_main_card_lst + .my_page_alli_srv_main_card_lst {grid-template-columns: repeat(1, 1fr);} } @media (min-width: 1140px) { .my_page_alli_srv_main_card_lst + .my_page_alli_srv_main_card_lst {grid-template-columns: repeat(1, 1fr);} } /* 상생 협약 서비스 솔루션 소개 */ .alli_srv_intro_info {font-size: 12px; margin-bottom: 3rem;} .alli_srv_intro_info p, .alli_srv_intro_info ul, .alli_srv_intro_info dl {padding-left: 0; margin-bottom: 0;} .alli_srv_intro_info ul > li {list-style: none;} .alli_srv_intro_info em {font-style: normal;} .alli_srv_intro_main_info_lst {margin-top: 3rem; margin-bottom: 3rem !important;} .alli_srv_intro_main_info_lst > li:not(:first-child) {margin-top: 5rem;} .alli_srv_intro_main_info_lst > li {position: relative;} .alli_srv_intro_main_info_lst > li:after {position: absolute; top: -1rem; right: 0.5rem; font-size: 4.5em; color: #b1b1b180; font-weight: bolder;} .alli_srv_intro_main_info_lst > li:first-child:after {content: "01";} .alli_srv_intro_main_info_lst > li:nth-child(2):after {content: "02";} .alli_srv_intro_main_info_lst > li:nth-child(3):after {content: "03";} .alli_srv_intro_main_info_lst > li:nth-child(4):after {content: "04";} .alli_srv_intro_main_info_lst > li:nth-child(5):after {content: "05";} .alli_srv_intro_main_title {color: #223559;} .alli_srv_intro_main_title > span {display: block; font-size: 0.75em; margin-bottom: 0.5rem;} .alli_srv_intro_main_title > span > em {margin-right: 0.5rem;} .alli_srv_intro_main_title > span > em:nth-of-type(2) {color: #bac3d1;} .alli_srv_intro_main_title > p {margin-left: 0.5rem; font-weight: bold !important; font-size: 1.75em;} .alli_srv_intro_sub_title {font-size: 1.5em; font-weight: bold; color: #223559; margin-top: 3rem;} .alli_srv_intro_sub_title > span {font-size: 0.75em; display: inline-block; vertical-align: middle; margin-right: 0.375rem;} .alli_srv_intro_sub_cont {margin-top: 2em;} .alli_srv_intro_sub_cont .card {border: none; border-radius: 1rem; overflow: hidden;} .alli_srv_intro_sub_cont .card > .card-body {background-color: #f7fcff;} .alli_srv_intro_sub_cont .card > .card-body > p {font-size: 1.25em; word-break: keep-all; font-weight: 500;} .alli_srv_intro_sub_cont_lst > li:not(:first-child) {margin-top: 1rem;} .alli_srv_intro_sub_cont_lst > li {display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.75rem;} .alli_srv_intro_sub_cont_lst > li > span {font-size: 0.75em; line-height: 1.3125rem;} .alli_srv_intro_sub_cont_lst > li > p {font-size: 1.125em; font-weight: 500 !important;} .alli_srv_intro_sub_cont_lst > li > p span {color: #5489f6;} .alli_srv_intro_img_wrap {position: relative;} .alli_srv_intro_img_title {position: absolute; top: 5%; left: 48%; transform: translateX(-50%); font-size: 2em; font-weight: 500; color: #fff; background-color: #ec4233; padding: 0.25rem; border-radius: 0.25rem;} .alli_srv_intro_img_sm_title {position: absolute; top: 5%; left: 48%; transform: translateX(-50%); font-size: 2em; font-weight: 500; color: #fff; background-color: #ec4233; padding: 0.25rem; border-radius: 0.25rem;} @media (min-width: 1140px) { .alli_srv_intro_img_title {font-size: 1.25em; top: 2.5%;} .alli_srv_intro_img_sm_title {font-size: 0.7em; top: 2.5%;} } @media (max-width: 991px) { .alli_srv_intro_img_title {font-size: 1.5em;} .alli_srv_intro_img_sm_title {font-size: 1.5em;} } @media (max-width: 767px) { .alli_srv_intro_img_title {font-size: 1.25em;} .alli_srv_intro_img_sm_title {font-size: 0.9em;} } @media (max-width: 480px) { .alli_srv_intro_img_title {font-size: 1.125em; top: 2.5%;} .alli_srv_intro_img_sm_title {font-size: 0.8em; top: 2.5%;} } @media (max-width: 400px) { .alli_srv_intro_img_title {font-size: 1em;} .alli_srv_intro_img_sm_title {font-size: 0.7em;} } /* 아코디언 */ .invt_accordion_wrap {border: 1px solid #DEDEDE; border-radius: 0.5rem; overflow: hidden;} .invt_accordion_header_wrap {display: flex; justify-content: flex-start; align-items: center; background-color: #fff;} .invt_accordion_header {padding: 0.75rem 1rem; display: flex; width: 100%; justify-content: space-between; align-items: center; font-size: 15px; gap: 0.75rem; flex-wrap: nowrap;} .invt_accordion_header > p:first-of-type {font-weight: 500 !important; margin-bottom: 0; white-space: nowrap;} .invt_accordion_header > p:last-of-type {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; flex: 1; color: #767676; font-size: 14px; line-height: 1;} .invt_accordion_header > i {font-size: 0.9rem;} .invt_accordion_body {padding: 0.5rem 1rem !important; background-color: #fff; border-top: 1px solid #DEDEDE !important; border-radius: 0 !important; margin-bottom: 0 !important; font-size: 15px;} /* 기존 css 초기화 */ .invt_accordion_header .module-page-msg-wrap {margin-bottom: 0 !important; padding: 0 !important; background-color: transparent !important; background: none !important; border-radius: 0 !important; color: inherit !important; border: none !important; margin: 0 !important;} .invt_accordion_header .module-page-msg-wrap .module-page-msg-wrap-alert {position: relative; width: 1.5rem; height: 1.5rem; border-radius: 50%; padding: 0; display: block; margin-right: 0;} .invt_accordion_header .module-page-msg-wrap .module-page-msg-wrap-alert > i {font-size: 0.9rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; margin: 0;} /* 상생,제휴 서비스 수정 */ .alli_srv_divy_list_top_btn_form {text-align: right;} .alli_srv_divy_list_top_btn_form > * {display: inline-block; vertical-align: middle;} .alli_srv_divy_list_top_btn_form > a.btn + a.btn, .alli_srv_divy_list_top_btn_form > a.btn + .alli_srv_mngt_func_wrap {margin-left: 0.25rem;} .alli_srv_divy_list_top_btn_form > .alli_srv_apv_guid_form {display: block;} .alli_srv_mngt_func_wrap {position: relative;} .alli_srv_mngt_func_lst_wrap {display: none; position: absolute; bottom: -2px; right: 0; transform: translateY(100%); z-index: 10; box-shadow: 0px 4px 8px rgba(0,0,0,14%);} .alli_srv_mngt_func_btn.active + .alli_srv_mngt_func_lst_wrap {display: block;} .alli_srv_mngt_func_lst_wrap > ul {margin-bottom: 0; padding-left: 0; background-color: #fff; border: 1px solid #D9D9D9; border-radius: 0.5rem; overflow: hidden;} .alli_srv_mngt_func_lst_wrap > ul > li {list-style: none;} .alli_srv_mngt_func_lst_wrap > ul > li > a {padding: 0.625rem 1rem; display: block; white-space: nowrap; text-align: left;}