@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 label {margin-bottom: 0;}

.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;}

.bil_recpt_inf_form_sub_tab_lst {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem !important;}
.bil_recpt_inf_form_sub_tab_lst > li {display: flex; justify-content: flex-start; align-items: center;}

/* 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:not(:first-child) {margin-top: 0.75rem;}
.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;}


.okdc_alli_srv_main_ttl > dl > dt {display: flex; align-items: center; gap: 0.25rem; }
.okdc_alli_srv_main_ttl > dl > dt > a {font-size: 1.25rem;}
.okdc_alli_srv_main_ttl > dl > dd {margin-top: 0.25rem; text-align: right;}
.okdc_alli_srv_main_ttl > dl > dd a + a {margin-left: 0.25rem;}

.alli_srv_prd_ttl {text-align: left; font-weight: bold !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin-bottom: 0.25rem;}
.alli_srv_ori_pr {text-align: left; font-size: 0.9rem; color: #6c757d; margin-bottom: 0;}
.alli_srv_ori_pr > span {margin-left: 0.5rem; text-decoration: line-through;}
.alli_srv_dis_pr {text-align: left; font-size: 1rem; font-weight: bold !important; color: #333; margin-bottom: 0; white-space: nowrap;}

/* 아코디언 */
.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;}


/* 상생/제휴 서비스 구매내역 상세보기 */
.alli_srv_ord_det_info .product-image { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #e9ecef; }
.alli_srv_ord_det_info .info-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f1f3f4; }
.alli_srv_ord_det_info .info-row:last-child { border-bottom: none; }
.alli_srv_ord_det_info .info-label { color: #666; font-size: 14px; font-weight: 500; min-width: 100px; }
.alli_srv_ord_det_info .info-value { color: #333; font-size: 15px; font-weight: 600; text-align: right; flex: 1; }
.alli_srv_ord_det_info .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid #333; }
.alli_srv_ord_det_info .product-section { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 24px; border: 1px solid #e9ecef; }
.alli_srv_ord_det_info .order-info-section { background: #fff; border-radius: 12px; padding: 24px; border: 1px solid #e9ecef; }
.alli_srv_ord_det_info .price-highlight { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white !important; padding: 12px 16px; border-radius: 8px; font-size: 16px; font-weight: 700; text-align: center; }
.alli_srv_ord_det_info .price-negotiable { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; padding: 12px 16px; border-radius: 8px; font-size: 16px; font-weight: 700; text-align: center; }
.alli_srv_ord_det_info .address-container { background: #f8f9fa; border-radius: 8px; padding: 16px; margin-top: 8px; }
.alli_srv_ord_det_info .product-layout { display: flex; align-items: flex-start; }
.alli_srv_ord_det_info .product-image-container { flex-shrink: 0; margin-right: 15px; }
.alli_srv_ord_det_info .product-image-placeholder { width: 120px; height: 120px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; display: none; align-items: center; justify-content: center; color: #666; font-size: 12px; }
.alli_srv_ord_det_info .product-info-container { flex: 1; min-width: 0; }
.alli_srv_ord_det_info .product-name { color: #333; line-height: 1.4; font-weight: bold; margin: 0 0 20px 0; word-break: break-word; }
.alli_srv_ord_det_info .product-detail { margin-bottom: 12px; }
.alli_srv_ord_det_info .product-detail:last-child { margin-bottom: 0; }
.alli_srv_ord_det_info .detail-label { color: #666; font-size: 14px; }
.alli_srv_ord_det_info .detail-value { color: #333; font-size: 14px; font-weight: bold; }
.alli_srv_ord_det_info .detail-value-amount { color: #666; font-size: 14px; font-weight: bold; }
.alli_srv_ord_det_info .info-value-input { color: #333; width: auto; max-width: 200px; border: 0; background: transparent; text-align: right; font-weight: bold; }
.alli_srv_ord_det_info .address-section { padding: 16px 0; border-bottom: none; }
.alli_srv_ord_det_info .address-label { margin-bottom: 12px; }
.alli_srv_ord_det_info .address-item { line-height: 1.5; margin-bottom: 8px; }
.alli_srv_ord_det_info .address-item:last-child { margin-bottom: 0; }
.alli_srv_ord_det_info .address-type { color: #666; font-size: 13px; margin-bottom: 4px; }
.alli_srv_ord_det_info .address-text { color: #333; width: 100%; font-size: 15px; font-weight: bold; border: 0; background: transparent; }
.alli_srv_ord_det_info .address-detail { color: #333; width: 100%; font-size: 14px; border: 0; background: transparent; }
.alli_srv_ord_det_info .product-layout { display: flex; align-items: flex-start; }
.alli_srv_ord_det_info .product-image-wrapper { flex-shrink: 0; margin-right: 15px; }
.alli_srv_ord_det_info .product-image { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #e9ecef; display: block; }
.alli_srv_ord_det_info .product-image-placeholder { width: 120px; height: 120px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; display: none; align-items: center; justify-content: center; color: #666; font-size: 12px; }
.alli_srv_ord_det_info .product-content { flex: 1; min-width: 0; }
.alli_srv_ord_det_info .product-title { color: #333; line-height: 1.4; font-weight: bold; margin: 0 0 20px 0; word-break: break-word; }
.alli_srv_ord_det_info .product-detail-row { margin-bottom: 12px; }
.alli_srv_ord_det_info .product-detail-row:last-child { margin-bottom: 0; }
.alli_srv_ord_det_info .detail-label { color: #666; font-size: 14px; margin-right: 8px; }
.alli_srv_ord_det_info .detail-value { color: #333; font-size: 14px; font-weight: bold; }
.alli_srv_ord_det_info .detail-value-gray { color: #666; font-size: 14px; font-weight: bold; }
.alli_srv_ord_det_info .info-input { color: #333; width: auto; max-width: 200px; }
.alli_srv_ord_det_info .address-section { padding: 16px 0; border-bottom: none; }
.alli_srv_ord_det_info .address-header { margin-bottom: 12px; }
.alli_srv_ord_det_info .address-box { background: #f8f9fa; border-radius: 8px; padding: 16px; width: 100%; }
.alli_srv_ord_det_info .address-row { margin-bottom: 8px; line-height: 1.5; }
.alli_srv_ord_det_info .address-row:last-child { margin-bottom: 0; }
.alli_srv_ord_det_info .address-label-small { color: #666; font-size: 13px; margin-bottom: 4px; }
.alli_srv_ord_det_info .address-input-main { color: #333; width: 100%; font-size: 15px; word-wrap: break-word; }
.alli_srv_ord_det_info .address-input-detail { color: #333; width: 100%; font-size: 14px; word-wrap: break-word; }

/* 모던화 임시 css */
.btn-primary {background-color: #343a40 !important; border-color: #343a40 !important; color: #fff !important;}
.btn-primary:hover,
.btn-primary:focus {background-color: #23272b !important; border-color: #23272b !important; color: #fff !important;}

.btn-outline-primary {background-color: transparent !important; border-color: #343a40 !important; color: #343a40 !important;}
.btn-outline-primary:hover,
.btn-outline-primary:focus {background-color: #23272b !important; border-color: #23272b !important; color: #fff !important;}

.badge-sm {font-size: 0.65rem !important; padding: 0.125rem 0.25rem !important;}