/*
* 로그인
*/
.login_wrap .logo_txt h2{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 1.3em;
}
.login_wrap .logo_txt h3{
  font-size: 12px;
  color: #999;
  line-height: 1.3em;
}
.login_wrap #frame_content{
  float: none;
  width: 100%;
}
#login_area {
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0;
}
.login_tit{
  text-align: center;
}
.login_tit h2{
  font-size: 80px;
  line-height: normal;
}
.login_tit h3{
  padding-top: 20px;
  line-height: 1.5em;
}
.login_input{
  margin: 50px auto 0;
}
.login_input li:last-child{
  margin-top: 10px;
}
.login_input label, .login_input input{
  display: inline-block;
  color: #666;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
  vertical-align: middle;
}
.login_input label{
  width: 30%;
  height: 46px;
}
.login_input input{
  width: 70%;
  border-radius: 0;
}
.login_ck{
  padding: 10px 0 30px;
}
.login_ck p{
  display: inline-block;
}
.login_ck p:first-child{
  width: 50%;
  padding-top: 10px;
}
.login_ck button {
  border-radius: 30px;
  width: 120px;
}
.login_btn {
  width: 100%;
  padding: 15px;
  font-size: 16px;
}
.login_wrap #frame_footer {
  position: absolute;
  bottom: 30px;
}
/* login - mediaQuery */
@media all and (max-width:980px) {
  .login_wrap {
    padding: 30px !important;
  }
  .login_wrap #frame_content {
    padding: 0;
    margin-left: 0;
  }
  #login_area{
    margin-top: 70px;
  }
  .login_wrap #frame_footer{
    text-align: left;
    padding: 0;
  }
}

@media all and (max-width:600px) {
  .login_tit h2 {
    font-size: 60px;
  }
  .login_wrap #frame_footer {
    position: static;
    padding-top: 60px;
  }
}
@media all and (max-width:430px) {
  #logo_wrap h1 a {
    display: block;
    width: 40px;
  }
  #logo_wrap h1 a img {
    width: 100%;
  }
  .login_wrap .logo_txt {
    padding-top: 5px;
  }
  .login_wrap .logo_txt h2 {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .login_wrap .logo_txt h2 br{
    display: none;
  }
  .login_tit h2 {
    font-size: 40px;
  }
  .login_tit h3{
    padding-top: 10px;
  }
  .login_input {
    margin: 20px auto 0;
  }
}

/*
* 모임 리스트
*/
.club_list_wrap #logo_wrap {
  position: absolute;
}
.club_list_wrap .logo_txt h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 1.3em;
}
.club_list_wrap .logo_txt h3 {
  font-size: 12px;
  color: #999;
  line-height: 1.3em;
}
.club_list_wrap #frame_footer {
  position: absolute;
  bottom: 30px;
}

.club_list_wrap .search_box input {
  width: 400px;
}
.club_add, .club_list{
  float: left;
  height: 250px;
}
.club_add {
  width: calc(25% - 15px);
  background: #fff;
  margin-right: 15px;
  box-sizing: border-box;
  border: 2px dashed #d7d7d7;
}
.club_list {
  width: 100%;
  position: relative;
}
/* 모임 생성 */
.club_add a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.club_add a .club_add_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.club_add_txt span::before{
  content: '+';
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 22px;
  background: #f8f8f8;
  line-height: 38px;
  margin-bottom: 10px;
}
/* 모임 리스트 */
.club_list_swiper{
  height: 100%;
}
.club_list_swiper .swiper-slide{
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  background: #fff;
}
.club_list .swiper_arrow {
  top: -37px;
  width: 12px;
  height: 20px;
  margin-top: 0;
  background-size: 100%;
}
.club_list .swiper-button-next{
  background-image: url('../image/arrow_next.png');
  right: 0;
}
.club_list .swiper-button-prev{
  background-image: url('../image/arrow_prev.png');
  left: 95%;
}
.club_list_swiper .swiper-slide:hover{
  border-color: #f97061;
}

.club_list_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dedede;
  position: relative;
}
.club_list_icon::after{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('../image/club_icon.png') no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.club_list_title {
  padding: 15px 0 20px;
}
.club_list_titleWrap .title_txt {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
  word-break: break-word;
}

.auth_txt{
  font-size: 12px;
  line-height: 1.8em;
}
.club_member_list{
  padding-top: 15px;
}
.club_member_list a{
  display: block;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: bold;
  color: #999;
  line-height: 45px;
  border-radius: 50%;
  border: 2px dashed #d7d7d7;
  text-align: center;
}
.club_member_list li{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin-left: -20px;
  vertical-align: middle;
  line-height: 45px;
}
.club_member_list li .profile_img {
  width: 47px;
  height: 47px;
  margin-right: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.club_member_list li:first-child {
  margin-left: 0;
}
.club_member_list li.club_mb_count {
  border: 2px dashed #d7d7d7;
  background: #fff;
}
.club_member_list li.club_mb_count span {
  font-size: 12px;
  color: #999;
  font-weight: bold;
}
.club_list_swiper .swiper-slide:hover .club_list_icon{
  background: #f97061;
}

/* club_list.html 추가사항 */
.club_wrap .club_list_swiper .swiper-slide {
  padding:0;
}
.club_wrap .club_list_titleWrap {
  padding:30px 30px 0 30px;
}
.club_wrap .club_member {
  padding: 0 30px 30px 30px;
}

@media (max-width: 1550px) {
  .club_wrap .club_list_swiper .swiper-slide {
    padding:0;
  }
  .club_wrap .club_list_titleWrap {
    padding:20px 20px 0 20px;
  }
  .club_wrap .club_member {
    padding: 0 20px 20px 20px;
  }
}
/* //club_list.html 추가사항 */

/* 모임 리스트 popup */
/* 모임생성 popup */
.new_club_manager ul{
  clear: both;
  padding-top: 20px;
}
.new_club_manager li:last-child{
  padding-bottom: 20px;
}
.new_club_intro {
  padding: 20px 0;
  border-top: 1px solid #474950;
  border-bottom: 1px solid #474950;
}
.new_club_agree li {
  clear: both;
  padding: 20px 0;
  border-bottom: 1px solid #474950;
}
.new_club_agree li:last-child{
  padding-bottom: 0;
  border-bottom: none;
}
.new_club_agree .popup_con {
  text-align: right;
}
/* 멤버추가 popup */
#club_member_add .popup_contents{
  padding-top: 0;
  border-top: none;
}
.mb_add_wrap {
  clear: both;
  padding-top: 20px;
}
.mb_add_count {
  padding-bottom: 10px;
  border-bottom: 1px solid #474950;
}
.mb_add_wrap .popup_contents_tit {
  padding-top: 10px;
}
.mb_add_list {
  padding-top: 20px;
}
.mb_add_list li{
  clear: both;
  padding: 10px 0;
  border-bottom: 1px solid #474950;
  margin-bottom: 0 !important;
}
.mb_add_list li .mb_add_info {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4em;
}
.mb_add_list li .mb_add_info span {
  display: block;
  color: #a5a5a5;
}
.mb_add_list li p.pop_ck_wrap{
  line-height: 36px;
}
.mb_del_btn{
  text-align: right;
  padding-top: 10px;
}
#excel_file_add .excel_file_box {
  position: relative;
  padding-top: 30px;
}
#excel_file_add .excel_file_box .btn_file{
  position: absolute;
  right: 0;
  bottom: 10px;
}
.excel_file_notice {
  padding-top: 20px;
  line-height: 1.6em;
}
.excel_file_notice a{
  color: #eee;
  text-decoration: underline;
}
@media all and (max-width:1550px) {
  .club_add, .club_list{
    float: none;
  }
  .club_list{
    width: 100%;
    height: 230px;
    margin-top: 50px;
  }
  .club_add {
    position: absolute;
    left: 0;
    top: 65px;
    margin-right: 0;
    width: 150px;
    height: 35px;
    padding: 10px 0;
    background: #222731;
    border: none;
  }
  .club_add a{
    font-size: 13px;
    color: #fff;
  }
  .club_add a .club_add_txt {
    position: static;
    transform: translate(0,0);
    width: 100%;
  }
  .club_add_txt span::before{
    content: none;
  }
  .club_list_swiper .swiper-slide{
    padding: 20px;
  }
  .club_member_list li, .club_member_list a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .club_member_list li .profile_img{
    width: 35px;
    height: 35px;
    border-width: 1px;
  }
  .club_member_list li.club_mb_count{
    border-width: 1px;
  }
  .club_member_list li.club_mb_count span {
    font-weight: normal;
  }
  .club_member_list a {
    border-width: 1px;
    font-weight: normal;
    font-size: 16px;
  }
  .club_list .tooltip{
    top: 20px;
    right: 15px;
  }
}
@media all and (max-width:1400px) {
  .club_list_wrap #logo_wrap {
    position: static;
  }
  .club_list_wrap .logo_txt {
    display: none;
  }
  .club_list_wrap #frame_content {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .club_list_wrap .content_title {
    padding: 40px 0;
  }
  .club_list_wrap #info_member {
    top: 30px;
  }
}
@media all and (max-width:980px) {
  .club_list_wrap {
    padding: 30px !important;
  }
  .club_list_wrap #frame_content {
    padding: 0;
  }

  .club_add a{
    font-size: 12px;
  }
  .club_list{
    height: 200px;
  }
  .club_list .swiper_arrow{
    top: -30px;
  }
  .club_list .swiper-button-prev {
    left: 93%;
  }
  .club_list_icon{
    width: 35px;
    height: 35px;
  }
  .club_list_title {
    padding: 10px 0;
  }
  .club_member_list {
    padding-top: 7px;
  }

  .club_list_wrap #frame_footer {
    position: static;
    padding: 30px 0;
  }
}
@media all and (max-width:690px) {
  .club_list_wrap .search_tit {
    display: none;
  }
  .club_list_wrap .search_box input, .club_list_wrap .search_btn_wrap button {
    width: 100%;
  }
  .club_list_wrap .search_btn_wrap {
    float: none;
    margin-top: 10px;
  }
}
@media all and (max-width:600px) {
  .club_list_wrap {
    padding: 20px 30px !important;
  }
  .club_list_wrap #info_member {
    position: absolute;
    top: 20px;
    padding: 0;
  }

  .club_list .swiper-button-prev {
    left: 88%;
  }
}
@media all and (max-width:480px) {
  .club_add{
    top: 25px;
  }
  .new_club_agree .popup_con_title, .new_club_agree .popup_con {
    display: inline-block;
    width: calc(50% - 4px);
  }
  .new_club_agree .popup_con_title {
    margin-bottom: 0;
  }
}


/*
* 대시보드
*/
/* content_bottom '대시보드 - 모임일정', '대시보드 - 게시글'*/
.club_schedule, .club_board{
  float: left;
}
.club_schedule{
  width: calc(30% - 20px);
  margin-right: 20px;
}
.club_board{
  width: 70%;
}
.club_schedule .section_contain, .club_board .section_contain {
  max-height: 580px;
  min-height: 580px;
}
.club_schedule .section_contain {
  padding: 30px 20px;
}


/* 대시보드 - 모임 일정 */
.club_schedule_info div {
  display: inline-block;
}
.schedule_title{
  font-family: 'century gothic', 'sans-serif';
  font-size: 18px;
  font-weight: bold;
}
.schedule_title p{
  display: inline-block;
}
.schedule_title p:last-child{
  padding-left: 5px;
}
.schedule_event{
  float: right;
}

.club_schedule_content {
  margin-top: 30px;
  max-height: 470px;
  padding: 0 10px;
  overflow-y: auto;
}
.club_schedule_content ul > li{
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.schedule_data, .schedule_desc {
  display: inline-block;
  vertical-align: top;
}
.schedule_data{
  width: 10%;
  color: #fff;
  font-size: 12px;
}
.schedule_data ul{
  width: 25px;
  text-align: center;
  line-height: 25px;
  overflow: hidden;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.schedule_data li{
  background: #b3a396;
  padding: 7px 0 !important;
  border-bottom: none !important;
}
.day_after li {
  background: #f97061;
}
.golf_day li{
  background: #ccd8d6;
}
.schedule_data li:first-child{
  padding-top: 0 !important
}
.schedule_data li:last-child{
  padding-bottom: 0 !important
}
.schedule_desc h4{
  padding-top: 5px;
  word-break: keep-all;
}
.schedule_time{
  position: relative;
  padding-top: 20px;
}
.schedule_time::before{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../image/time_icon.png')no-repeat center center;
  vertical-align: middle;
}
.schedule_time p {
  display: inline-block;
}
/* 모임일정 없을 경우 */
.club_schedule_no li{
  border-top: 1px solid #e5e5e5;
}
.club_schedule .scrollWrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important;
  border-radius: 10px !important;
  background-color: transparent !important;
}
.club_schedule .scrollWrap::-webkit-scrollbar {
  width: 4px !important;
  background-color: transparent !important;
  -webkit-appearance: none;
}
.club_schedule .scrollWrap::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3) !important;
  background-color: #fff !important;
}

/* 대시보드 - 게시글 */
.club_board_cate li {
  display: inline-block;
  padding: 0 15px 5px 15px;
}
.club_board_cate li:first-child{
  padding-left: 0;
}
.club_board_cate li a{
  padding-bottom: 7px;
  font-weight: bold;
  opacity: .5;
  position: relative;
}
.club_board_cate li a.active{
  opacity: 1;
}
.club_board_cate li a.active::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url(../image/check_b.png) no-repeat center center;
  margin-right: 7px;
}
.club_board_cate li a.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.club_board_contain{
  padding-top: 30px;
}
.club_board_contain li a{
  display: block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  opacity: 0.6;
}
.club_board_contain li:last-child a{
  border-bottom: 1px solid #e5e5e5;
}
.club_board_contain a .club_board_data{
  font-size: 12px;
  float: right;
}
.club_board_contain li a:hover{
  opacity: 1;
}
.club_list .tooltip{
  position: absolute;
  top: 30px;
  right: 20px;
}
.club_list .tooltip_box {
  right: 0;
  top: 15px;
}
/* 대시보드 user - mediaQuery */
@media all and (max-width:1610px) {
  /* 모임 일정 */
	.schedule_data, .schedule_desc{
    display: block;
  }
  .schedule_desc {
    padding-top: 10px;
  }
  .schedule_data, .schedule_data ul.day_after{
    width: 100%;
  }
  .schedule_data ul.day_after {
    text-align: left;
  }
  .schedule_data ul.day_after li{
    display: inline-block;
    float: left;
    padding: 0 7px !important;
  }
  .schedule_data ul.day_after li:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
@media all and (max-width:1550px) {
  .club_schedule, .club_board {
    float: none;
    width: 100%;
  }
  .club_schedule{
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media all and (max-width:980px) {
  .schedule_title{
    font-size: 16px;
  }
  .club_schedule_content{
    margin-top: 20px;
  }
  .club_schedule_content ul > li{
    padding: 15px 0;
  }
  .schedule_time{
    padding-top: 10px;
  }
  .club_schedule .section_contain {
    min-height: 490px;
  }
  .club_board .section_contain {
    min-height: 470px;
  }
}


/*
* 대시보드 - 본사용
*/
.auth_company .club_list {
  width: 100%;
  max-width: 100%;
  float: none;
}
.manager_wrap {
  padding-top: 60px;
}
.approv_list, .mng_list_wrap {
  float: left;
}
.approv_list {
  width: 70%;
}
.mng_list_wrap {
  width: calc(30% - 20px);
  margin-left: 20px;
}
.manager_wrap .board_section, .mng_list_wrap .section_contain {
  min-height: 483px;
}
.manager_list {
  padding-top: 20px;
}
.manager_list li {
  display: inline-block;
  text-align: center;
  width: calc(20% - 4px);
  margin-bottom: 10px;
}
.manager_list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.manager_list li span {
  display: block;
}
.manager_list li .profile_img {
  width: 50px;
  height: 50px;
  margin: 0 auto 5px;
}
.board_body > li > a.txt{
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
  word-break: break-word;
}

.approv_list .board_wrap > ul > li.checkbox {
  width: 4%;
}
.approv_list .board_wrap > ul > li.apply_data {
  width: 13%;
}

/* 대시보드 본사용 - popup */
/* 모임 정보 */
#club_info .new_club_intro {
  border-bottom: none;
  padding-bottom: 0;
}
/* 운영자 정보 */
.club_manager {
  padding-bottom: 20px;
  border-bottom: 1px solid #474950;
}
.club_manager .profile_img {
  display: block;
  margin: 0 auto 30px;
  width: 70px;
  height: 70px;
}
.mng_club_list {
  padding: 20px 0;
  border-bottom: 1px solid #474950;
}
.mng_club_list .popup_con {
  width: 100%;
  margin-top: 10px;
}
/* // 대시보드 본사용 - popup */

@media all and (max-width:1550px) {
  .club_approv_list .board_wrap > ul > li.checkbox {
    width: 4%;
  }
  .club_approv_list .board_wrap > ul > li.approval {
    width: 6%;
  }
  .club_approv_list .board_wrap > ul > li.apply_data {
    width: 12%;
  }

  .approv_list, .mng_list_wrap {
    float: none;
    width: 100%;
  }
  .manager_wrap .board_section, .mng_list_wrap .section_contain {
    min-height: auto;
  }
  .mng_list_wrap {
    padding-top: 60px;
    margin-left: 0;
  }
  .manager_list {
    padding-top: 30px;
  }
  .manager_list li{
    width: calc(10% - 4px);
  }
}
@media all and (max-width:1150px) {
  .club_approv_list .board_wrap > ul > li.no,
  .club_approv_list .board_wrap > ul > li.approval {
    display: none;
  }
  .club_approv_list .board_wrap > ul > li.apply_data {
    width: 14%;
  }
}
@media all and (max-width:980px) {
  .auth_company .club_list{
    margin-top: 0;
  }
  .mng_list_wrap .section_contain{
    padding: 20px;
  }
  .manager_list {
    padding-top: 20px;
  }
}
@media all and (max-width:800px) {
  .auth_company .board_info_wrap{
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .auth_company .section_btn_wrap li:last-child {
    margin-left: 3px;
  }
  .auth_company .board_wrap > ul > li.club_desc {
    display: none;
  }
  .auth_company .board_wrap > ul > li.checkbox {
    width: 8%;
  }
  .auth_company .board_wrap > ul > li.apply_data{
    width: 20%;
  }
  .auth_company .board_wrap > ul > li.manager_info {
    width: 17%;
  }
  .manager_list li {
    width: auto;
    margin: 0 10px 10px;
  }
}
@media all and (max-width:750px) {
  .auth_company .content_bottom button {
    width: 100px;
  }
}
@media all and (max-width:480px) {
  .auth_company .board_info_wrap, .manager_list {
    padding-top: 0;
  }
}
@media all and (max-width:450px) {
  .mng_list_wrap, .manager_wrap {
    padding-top: 40px;
  }
  .auth_company .content_bottom button {
    padding: 7px 0;
  }

  .auth_company .board_wrap > ul > li.checkbox {
    width: 10%;
  }
  .auth_company .board_wrap > ul > li.club_name {
    width: 38%;
  }
  .auth_company .board_wrap > ul > li.manager_info {
    width: 20%;
  }
  .auth_company .board_wrap > ul > li.apply_data {
    width: 23%;
  }
  .manager_list li .profile_img{
    width: 45px;
    height: 45px;
  }
}



/*
* 권한
*/
.auth_type, .auth_wrap .btn_wrap{
  display: inline-block;
  vertical-align: middle;
}

.auth_wrap_slide .swiper-button-next,.auth_wrap_slide .swiper-button-prev {
  width:12px;
  height:20px;
  top:40px;
  background-size: 100%;
}
.auth_wrap_slide .swiper-button-prev {
  background-image: url(../image/arrow_prev.png);
  left:10px;
}
.auth_wrap_slide .swiper-button-next {
  background-image: url(../image/arrow_next.png);
  left:40px;
}

.auth_type {
  margin-right: 20px;
}
.auth_type li {
  display: inline-block;
}
.auth_type li:first-child{
  margin-right: 10px;
}
.auth_type span {
  margin-right: 5px;
}
.auth_wrap .auth_add_btn{
  display: inline-block;
  color: #fff;
  text-align: center;
}

.auth_list > ul > li {
  float: left;
  width: calc(33.3% - 13px);
  background: #fff;
  padding: 30px 20px;
  margin-right: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 20px;
}
.auth_list ul > li:last-child{
  margin-right: 0;
}
.auth_list > ul > li:hover {
  border-color: #f97061;
}
.auth_tit_wrap, .auth_type_list {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.auth_tit_wrap {
  width: calc(35% - 4px);
  min-width: 110px;
  padding-left: 35px;
  line-height: 1.4em;
  background: url('../image/auth_icon.png') no-repeat left center;
}
.auth_type_list {
  width: 65%;
  padding-left: 30px;
  border-left: 1px solid #d7d7d7;
}
.auth_type_list li {
  display: inline-block;
  width: calc(50% - 4px);
  padding: 10px 0;
  color: #999;
}
.auth_type_list li .auth_text{
  padding-left: 17px;
  background: url('../image/check_g.png') no-repeat left center;
}
/* 조회, 편집 권한 다 있을 경우 */
.auth_type_list li.auth_all .auth_text, .auth_type_list li.auth_view .auth_text {
  background: url('../image/check_c.png') no-repeat left center;
  color: #f97061;
}
.auth_list .tooltip{
  position: absolute;
  top: 30px;
  right: 20px;
}
.auth_list .tooltip_box {
  right: 0;
  top: 15px;
}
/* 권한페이지 - mediaQuery */
@media all and (max-width:1540px){
  /* 권한리스트 */
  .auth_tit_wrap {
    display: block;
    margin: 0 auto 20px;
  }
  .auth_type_list {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #d7d7d7;
    padding-top: 10px;
  }
}
@media all and (max-width:1360px) {
  /* 권한리스트 */
  .auth_list > ul > li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    padding: 30px 0 30px 30px;
  }
  .auth_list > ul > li:last-child{
    margin-bottom: 0;
  }
  .auth_tit_wrap{
    display: inline-block;
  }
  .auth_type_list{
    border-left: 1px solid #d7d7d7;
    border-top: 0;
    padding-top: 0;
  }
  .auth_tit_wrap{
    width: calc(14% - 4px);
  }
}
@media all and (max-width:1200px) {
  .auth_type_list{
    padding-left: 20px;
  }
}

@media all and (max-width:1170px) {
  /* 권한별 회원관리 */
  .search_box li{
    margin-right: 20px;
  }
}
@media all and (max-width:1150px) {
  /* 권한리스트 */
  .auth_type_list li {
    width: calc(50% - 4px);
    padding: 8px 0;
  }
}
@media all and (max-width:980px) {
  /* 권한리스트 */
  .auth_list > ul > li{
    padding: 20px 10px 20px 30px;
  }
}
@media all and (max-width:785px) {
  /* 권한페이지 search box */
  .auth_membeer .search_box ul{
    display: block;
  }
  .auth_membeer .search_box li{
    display: block;
    margin-right: 0;
  }
  .auth_membeer .search_box li:last-child{
    margin-top: 10px;
  }
  .auth_membeer .search_box li .search_tit{
    display: inline-block;
    padding-right: 0;
    width: 15%;
  }
  .auth_membeer .search_box input, .auth_membeer .search_box select{
    width: calc(85% - 4px);
  }
  .auth_membeer .search_btn_wrap{
    float: none;
    margin-top: 15px;
  }
  .auth_membeer .search_btn{
    width: 100%;
  }
}

@media all and (max-width:480px) {
  .auth_type li{
    display: block;
    line-height: 1.4em;
  }
  .auth_type li:first-child {
    margin-right: 0;
  }
}
@media all and (max-width:450px) {
  /* 권한리스트 */
  .auth_list > ul > li{
    padding: 20px;
  }
  .auth_tit_wrap {
    display: block;
    margin: 0 auto 20px;
  }
  .auth_type_list {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #d7d7d7;
    padding-top: 10px;
  }
  .auth_wrap_slide .swiper-button-next, .auth_wrap_slide .swiper-button-prev {
    top: 30px;
  }

  /* 권한 설정 board */
  .auth_membeer .board_wrap ul li.state, .auth_membeer .board_wrap ul li.auth_set_data {
    display: none;
  }
  .auth_membeer .board_wrap ul li.checkbox {
    width: 8%;
  }
  .auth_membeer .board_wrap ul li.company {
    width: 25%;
  }
  .auth_membeer .board_wrap ul li.phone {
    width: 35%;
  }
}
@media all and (max-width:425px) {
  /* 권한 리스트 */
  .auth_list > ul > li {
    padding: 15px;
    margin-bottom: 10px;
  }
  /* 권한 설정 search box */
  .auth_membeer .search_box li .search_tit{
    display: none;
  }
  .auth_membeer .search_box input, .auth_membeer .search_box select{
    width: 100%;
  }
}

/* 권한 추가 */
.auth_set_wrap .content_bottom {
  padding-top: 0;
}
.auth_set{
  padding: 20px 30px;
  background: #fff;
}
.auth_set.info_setting dd{
  margin:10px 0;
}
.auth_sel_wrap {
  margin-top: 30px;
}
.info_setting dt span {
  font-weight: normal;
  font-size: 12px;
  padding-left: 3px;
}
.auth_sel_wrap .info_setting dt {
  vertical-align: top;
  line-height: 22px;
}
/* 메뉴 접근 권한 */
.auth_set.info_setting dd.menu_access {
  margin-bottom: 30px;
}
.menu_access li {
  display: inline-block;
  width: calc(15% - 4px);
  margin-bottom: 10px;
}
.menu_access li:last-child{
  margin-right: 0;
}
/* 상세 권한 설정 */
.detail_access a span{
  font-size: 12px;
}
.detail_access a span::before{
  content: '▶';
  display: inline-block;
  margin: 0 5px 0 10px;
  transition: .1s;
  transform: rotate(90deg);
}
.detail_btn.active::before {
  transform: rotate(0);
}
.auth_sel_list {
  margin-top: 10px;
}
.auth_sel_list.active{
  display: none;
}
.auth_sel_header{
  padding: 15px 0;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}
.auth_sel_title, .auth_sel_ck {
  float: left;
}
.auth_sel_title {
  display: block;
  width: 50%;
  padding-left: 20px;
  box-sizing: border-box;
}
.auth_sel_ck {
  width: 25%;
  text-align: center;
}

.auth_sel_body{
  border-bottom: 1px solid #ccc;
}
.auth_sel_body::after{
  content: '';
  display: block;
  clear: both;
}
.auth_sel_body .auth_sel_title {
  line-height: 22px;
  padding: 10px 0 10px 20px;
  cursor: auto;
}
.auth_sel_body .depth_wrap{
  cursor: pointer;
}
.auth_sel_body .depth_wrap::before {
  content: '▶';
  display: inline-block;
  margin-right: 5px;
  transition: .1s;
  font-size: 10px;
  vertical-align: bottom;
}
.auth_sel_body .depth_wrap.active::before {
  transform: rotate(90deg);
}
.auth_sel_body .auth_ck_wrap {
  float: right;
  width: 50%;
  padding: 10px 0;
}
.auth_ck_wrap .auth_sel_ck{
  width: 50%;
}
.auth_sel_list input[type="checkbox"].bd_ck+label span::before {
  margin-right: 0;
}
.auth_sel_list .depth {
  padding: 5px 0;
}
.auth_sel_list .depth li{
  padding: 0;
}
.depth li::after{
  content: '';
  display: block;
  clear: both;
}
.depth .auth_sel_title {
  line-height: 22px;
  padding: 7px 0 ;
  padding-left: 30px;
  color: #888;
}
.depth .auth_ck_wrap{
  padding: 7px 0 ;
}

/* 하위메뉴 > 하위메뉴 */
.auth_sel_list .depth .depth {
  background: #f9f9f9;
  border-bottom: 1px solid #e5e5e5;
}

/* 권한 추가 - mediaQuery */
@media all and (max-width:1210px) {
  .auth_set_wrap .info_setting dt,
  .auth_set_wrap .info_setting dd {
    width: 100%;
  }
  .auth_set_wrap .info_setting dt {
    margin-bottom: 10px;
  }
}
@media all and (max-width:800px) {
  .menu_access li {
    width: calc(25% - 4px);
  }
}
@media all and (max-width:600px) {
  .auth_set.info_setting dd.menu_access {
    margin-bottom: 10px;
  }
  .menu_access li{
    width: calc(33.3% - 4px);
    margin-bottom: 5px;
  }
  .depth .auth_sel_title{
    width: calc(50% - 15px);
    padding: 5px 0;
    padding-left: 15px;
  }
  .depth .auth_ck_wrap{
    padding: 5px 0;
  }
}
@media all and (max-width:500px) {
  .auth_set_wrap .info_setting dl {
    padding-top: 0;
  }
  .auth_set{
    padding: 20px 30px;
  }
}

/*
* 회원 리스트
*/
/* 그룹 리스트 */
.member_list > ul:after{
  content:'';
  display: block;
  clear: both;
}
.member_list > ul > li{
  float: left;
  width: calc(20% - 10px);
  padding: 10px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
}
.member_list li .group_color{
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.member_list li:first-child .group_color{
  background: #4a82c8;
}
.member_list li:nth-child(2) .group_color{
  background: #4daf5e;
}
.member_list li:nth-child(3) .group_color{
  background: #f7a338;
}
.member_list .tooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  z-index: 2;
}
.member_list .tooltip > a{
  transform: rotate(90deg);
}

/* 회원 리스트 */
.add_btn_wrap li {
  display: inline-block;
  vertical-align: middle;
}
.member_add_btn span {
  padding-left: 20px;
  vertical-align: middle;
  background: url('../image/member_add.png') no-repeat left center;
  background-size: contain;
}
.mb_top_wrap div{
  display: inline-block;
  vertical-align: middle;
}
.mb_search_wrap input {
  padding: 10px 15px 10px 35px;
  width: 250px;
  height: 38px;
  background: #fff url('../image/search_icon_g.png') no-repeat 10px center;
}
.filter_btn {
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  background: #fff url('../image/filter_icon.png') no-repeat center center;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  vertical-align: top;
}
.mb_list_type ul{
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.mb_list_type li{
  float: left;
}
.mb_list_type li a{
  display: block;
  width: 38px;
  height: 38px;
  opacity: 0.3;
}
.mb_list_type li.list_type a{
  background: url('../image/list_type_l.png') no-repeat center;
}
.mb_list_type li.list_type a.on{
  background: #e5e5e5 url('../image/list_type_l.png') no-repeat center;
  opacity: 1;
}
.mb_list_type li.gallery_type a{
  background: url('../image/list_type_g.png') no-repeat center;
}
.mb_list_type li.gallery_type a.on{
  background: #e5e5e5 url('../image/list_type_g.png') no-repeat center;
  opacity: 1;
}
/* 회원 리스트 - board */
.all_member_list .board_section{
  clear: both;
}
.profile_img, .profile_name{
  vertical-align: middle;
}
.profile_img{
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url('../image/profile_img.png') no-repeat center;
  background-size: 100%;
  margin-right: 5px;
}
.all_member_list .board_wrap ul li.name , .all_member_list .board_wrap ul li.phone {
  width: 15%;
}
.all_member_list .board_wrap ul li.auth .p_color{
  color: #888;
}
.all_member_list .board_wrap ul li.setting {
  position: relative;
}
.all_member_list ul.board_body li.company span,
.all_member_list ul.board_body li.cate span,
.all_member_list ul.board_body li.join_data span,
.all_member_list ul.board_body li.state span{
  display: none;
}

/* gallery type - list */
.board_g_type{
  background: none;
}
.board_g_type .board_wrap{
  display: block;
  border-top: none;
}
.board_g_type .board_wrap::after{
  content: '';
  display: block;
  clear: both;
}
.board_g_type ul.board_header {
  display: none;
}
.board_g_type ul.board_body {
  clear: none;
  display: block;
  float: left;
  width: calc(25% - 15px);
  background: #fff;
  padding: 20px 30px;
  margin: 7px;
  border-radius: 30px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #fff;
}
.board_g_type ul.board_body:hover{
  border-color: #f97061;
}
.board_g_type ul.board_body li {
  display: block;
  border-bottom: none;
  text-align: left;
  padding: 5px 0;
}
.board_g_type .board_wrap ul li.name,
.board_g_type .board_wrap ul li.phone{
  width: 100%;
  text-align: center;
}
.board_g_type .board_wrap ul li.auth .p_color{
  color: #f97061;
}
.board_g_type .board_wrap ul li.name span{
  display: block;
}
.board_g_type  span.profile_img{
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;;
}
.all_member_list .board_g_type ul.board_body li.company span,
.all_member_list .board_g_type ul.board_body li.cate span,
.all_member_list .board_g_type ul.board_body li.join_data span,
.all_member_list .board_g_type ul.board_body li.state span{
  display: inline-block;
  width: 22%;
  font-weight: bold;
  color: #666;
}
.board_g_type .board_wrap ul li.phone {
  padding-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.board_g_type .board_wrap ul li.company{
  padding-top: 20px;
}
.board_g_type .board_wrap ul li.setting{
  position: absolute;
  top: 20px;
  right: 20px;
}
.board_g_type .board_wrap ul li.auth{
  padding-top: 20px;
  text-align: right;
}
/* 회원리스트 - tooltip */
.all_member_list .tooltip.on .tooltip_box{
  top: 30px;
  right: 10px;
}
.all_member_list .board_g_type .tooltip.on .tooltip_box {
  top: 20px;
  right: 0;
}
.all_member_list .tooltip_box ul {
  display: block;
}
.all_member_list .tooltip_box ul li {
  display: block;
  border-bottom: none;
  padding: 0;
}
/* 그룹추가 - popup */
.group_add_wrap {
  position: relative;
}
.group_add_wrap .popup_name_wrap input[type="text"] {
  width: 75%;
}
.group_add_wrap .group_color {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #4a82c8;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 10px;
}
/* color picker */
.evo-pop {
  width: 100%;
}
.evo-palette2 td {
  padding: 0;
  width: 17px;
  height: 14px;
}

.evo-color{
  width: auto;
  padding: 0;
}
.evo-color:last-child {
  display: none;
}
.evo-more{
  padding: 0;
  padding-top: 20px;
}
.evo-more a {
  font-size: 12px;
  color: #c7c7c7;
}
.evo-more a::after {
  content: '>';
  padding-left: 7px;
  vertical-align: middle;
  font-size: 10px;
}
.evo-more a:hover{
  text-decoration: underline;
}
a.evo-hist {
  margin-left: 20px;
}
.evo-color {
  width: auto;
  padding: 0;
  position: absolute;
  top: 4px;
  right: 30px;
}
.evo-color div{
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 0;
  margin-bottom: 0;
}
.evo-color span{
  display: none;
}
/* color - palette, history */
.evo-palette td, .evo-cHist div {
  border: none;
  padding: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.evo-palette td {
  display: inline-block;
  margin: 5px;
}

/* 상세검색 - popup */
.filter_sc_wrap > ul > li {
  padding: 20px 0;
  border-bottom: 1px solid #474950;
}
.filter_sc_wrap > ul > li:first-child{
  padding-top: 0;
}
.filter_sc_wrap > ul > li:last-child{
  padding-bottom: 0;
  border-bottom: none;
}
.filter_sc_wrap select {
  width: 100%;
  padding: 12px 15px;
  background-position: 95% center;
}
.filter_sc_wrap .age_input{
  width: 50px;
}
.filter_sc_wrap .age_input:last-child{
  margin-left: 5px;
}
.filter_sc_wrap .age_input input {
  max-width: 60px;
  margin-right: 5px;
}
.filter_sc_wrap .gender_wrap li{
  display: inline-block;
  width: calc(33% - 4px);
}
.filter_sc_wrap .gender_wrap li:last-child{
  padding-right: 0;
  vertical-align: middle;
}
/* 회원리스트 - mediaQuery */
@media all and (max-width:1440px) {
  .board_g_type ul.board_body{
    width: calc(33.3% - 15px);
  }
}
@media all and (max-width:1210px) {
  .board_g_type ul.board_body{
    width: calc(50% - 15px);
  }
}
@media all and (max-width:1150px) {
  .member_list > ul > li{
    width: calc(33.3% - 10px);
    margin: 5px;
  }
}
@media all and (max-width:1080px) {
  /* 회원리스트 - board */
  .add_btn_wrap {
    float: none;
    text-align: right;
    margin-bottom: 10px;
  }
  .board_list_type .board_wrap ul li.name {
    width: 12%;
  }
  .board_list_type span.profile_img{
    display: none;
  }
  .board_list_type .board_wrap ul li.phone {
    width: 22%;
  }
  .board_list_type .board_wrap ul li.state {
    display: none;
  }
}
@media all and (max-width:980px) {
  .add_btn_wrap li .member_add_btn {
    font-size: 12px;
  }
  .board_g_type .board_wrap ul li.phone{
    padding-bottom: 15px;
  }
  .board_g_type .board_wrap ul li.company {
    padding-top: 15px;
  }
  .board_g_type .board_wrap ul li.auth{
    padding-top: 10px;
  }
}
@media all and (max-width:600px) {
  .all_member_list .board_info{
    line-height: 24px;
  }
  .member_list > ul > li{
    width: calc(50% - 10px);
  }
  .board_list_type .board_wrap ul li.join_data, .board_list_type .board_wrap ul li.cate {
    display: none;
  }
  .board_list_type .board_wrap ul li.name {
    width: 15%;
  }
  .board_list_type .board_wrap ul li.company {
    width: 33%;
  }
}
@media all and (max-width:555px) {
  .member_list_wrap .board_footer .section_btn_wrap {
    max-width: 120px;
  }
  .member_list_wrap .board_footer .section_btn_wrap button{
    width: 100%;
  }
}
@media all and (max-width:530px) {
  .board_list_type .board_wrap ul li.auth {
    display: none;
  }
  .board_list_type .board_wrap ul li.phone {
    width: 40%;
  }
  .board_g_type ul.board_body{
    width: 100%;
    padding: 20px;
  }
}
@media all and (max-width:480px) {
  /* 그룹추가 - popup */
  .group_add_wrap .popup_name_wrap input[type="text"] {
    width: 84%;
  }
  .evo-palette2 td {
    padding: 0;
    width: 15px;
    height: 12px;
  }
  .evo-color{
    top: 24px;
    right: 20px;
  }
  .evo-palette td, .evo-cHist div, .evo-color div{
    width: 28px;
    height: 28px;
  }
  .evo-palette td, .evo-cHist div {
    margin: 3px;
  }
  .evo-more{
    padding-top: 10px;
  }

  /* 상세검색 - popup */
  .filter_sc_wrap > ul > li {
    margin-bottom: 0;
  }
}
@media all and (max-width:415px) {
  .mb_search_wrap {
    width: 70%;
  }
  .mb_search_wrap input {
    background-image: none;
    padding: 10px 15px;
    width: calc(100% - 42px);
  }
}

/* 회원 - 휴면 회원 관리 */
.rest_wrap .search_box input {
  width: 400px;
}
.rest_wrap .board_wrap > ul > li.checkbox{
  width: 5%;
}
.rest_wrap .board_wrap > ul > li.rest_data{
  width: 13%;
}
.rest_wrap .board_wrap > ul > li.name {
  width: 7%;
}
.rest_wrap .board_wrap > ul > li.company {
  width: 45%;
}
.rest_wrap .board_wrap > ul > li.phone {
  width: 16%;
}

@media all and (max-width:980px) {
  .rest_wrap .search_box input {
    width: calc(100% - 174px);
  }
  .rest_wrap .board_wrap > ul > li.rest_data{
    width: 18%;
  }
  .rest_wrap .board_wrap > ul > li.name {
    width: 15%;
  }
  .rest_wrap .board_wrap > ul > li.company {
    width: 28%;
  }
  .rest_wrap .board_wrap > ul > li.phone {
    width: 20%;
  }
}
@media all and (max-width:690px) {
  .rest_wrap .search_tit{
    display: none;
  }
  .rest_wrap .search_box input, .rest_wrap .search_btn_wrap button{
    width: 100%;
  }
  .rest_wrap .search_btn_wrap {
    float: none;
    margin-top: 10px;
  }
}
@media all and (max-width:500px) {
  .rest_member .board_wrap ul li.age,
  .rest_member .board_wrap ul li.auth{
    display: none;
  }
  .rest_wrap .board_wrap > ul > li.checkbox {
    width: 7%;
  }
  .rest_wrap .board_wrap > ul > li.company {
    width: 25%;
  }
  .rest_wrap .board_wrap > ul > li.phone {
    width: 25%;
  }
}
@media all and (max-width:450px) {
  .rest_wrap .board_wrap > ul > li.company{
    display: none;
  }
}

/* 회원 - 탈퇴 회원 관리 */
.out_member .search_box li li {
  margin-right: 0;
  width: 70px;
}
.out_wrap .board_wrap > ul > li.checkbox{
  width: 4%;
}
.out_wrap .board_wrap > ul > li.rest_data{
  width: 11%;
}
.out_wrap .board_wrap > ul > li.company {
  width: 27%;
}
.out_wrap .board_wrap > ul > li.phone {
  width: 14%;
}
.out_wrap .board_wrap > ul > li.auth {
  width: 7%;
}
.out_wrap .board_wrap > ul > li.reason {
  text-align: left;
  width: 30%;
}

@media all and (max-width:1080px) {
  .out_wrap .search_box ul {
    width: calc(100% - 100px);
  }
  .out_wrap .search_box ul li {
    width: 100%;
    margin-right: 0;
  }
  .out_wrap .search_box li input, .out_wrap .cal_wrap {
    width: calc(100% - 74px);
  }
  .out_member .search_cal{
    margin-top: 10px;
  }
  .out_wrap .cal_wrap p {
    width: calc(50% - 9px);
  }
  .out_wrap .cal_wrap p input {
    width: 100%;
  }
}
@media all and (max-width:1020px) {
  .out_wrap .board_wrap > ul > li.rest_data {
    width: 15%;
  }
  .out_wrap .board_wrap > ul > li.company {
    width: 24%;
  }
  .out_wrap .board_wrap > ul > li.phone {
    width: 17%;
  }
  .out_wrap .board_wrap > ul > li.reason {
    width: 27%;
  }
}
@media all and (max-width:690px) {
  .out_wrap .search_box ul,
  .out_wrap .search_box li input, .out_wrap .cal_wrap,
  .out_member .search_btn_wrap button {
    width: 100%;
  }
  .out_member .search_box li .search_tit{
    display: none;
  }
  .out_member .search_btn_wrap {
    float: none;
    margin-top: 10px;
  }

  .out_member .search_box > ul > li {
    display: block;
    margin-right: 0;
  }
  .out_member .search_box > ul > li.search_ck {
    margin-bottom: 10px;
  }
  .out_wrap .board_wrap > ul > li.reason {
    display: none;
  }
  .out_wrap .board_wrap > ul > li.checkbox {
    width: 5%;
  }
  .out_wrap .board_wrap > ul > li.rest_data {
    width: 15%;
  }
  .out_wrap .board_wrap > ul > li.name {
    width: 8%;
  }
  .out_wrap .board_wrap > ul > li.company {
    width: 21%;
  }
  .out_wrap .board_wrap > ul > li.phone {
    width: 20%;
  }
  .out_wrap .board_wrap > ul > li.auth {
    width: 8%;
  }
}
@media all and (max-width:500px) {
  .out_member .board_wrap ul li.auth{
    display: none;
  }
}
@media all and (max-width:450px) {
  .out_wrap .board_wrap > ul > li.company {
    display: none;
  }
}

/* 회원 - 운영진 리스트 */
.manager_list_wrap .content_bottom {
  padding-top: 0;
}
.manager_list_wrap .member_add_btn {
  line-height: 40px;
}
.manager_list_wrap .board_wrap > ul > li.checkbox {
  width: 5%;
}
.manager_list_wrap .board_wrap > ul > li.phone {
  width: 30%;
}
.manager_list_wrap .board_wrap > ul > li.auth {
  width: 40%;
}
.manager_list_wrap .board_wrap > ul > li.setting {
  width: 7%;
}

@media all and (max-width:655px) {
  .manager_list_wrap .section_top .section_l{
    float: none;
    text-align: right;
    margin-bottom: 10px;
  }
}
@media all and (max-width:530px) {
  .manager_list_wrap .board_list_type .board_wrap ul li.auth {
    display: table-cell;
  }
  .manager_list_wrap .board_wrap > ul > li.checkbox {
    width: 10%;
  }
  .manager_list_wrap .board_wrap > ul > li.name {
    width: 12%;
  }
  .manager_list_wrap .board_wrap > ul > li.phone {
    width: 27%;
  }
  .manager_list_wrap .board_wrap > ul > li.auth {
    width: 30%;
  }
  .manager_list_wrap .board_wrap > ul > li.setting {
    width: 10%;
  }
}
@media all and (max-width:380px) {
  .manager_list_wrap .board_wrap > ul > li.auth {
    display: none !important;
  }
}

/* 회원 - 회장 리스트 */
.cheif_list_wrap .content_bottom {
  padding-top: 0;
}
.cheif_list_wrap .section_top .section_l {
  line-height: 40px;
}
/* 회장 등록 - pop */
#cheif_add .popup_con li {
  display: inline-block;
  width: calc(50% - 4px);
}
#cheif_add .add_msg_btn button {
  padding: 0;
  padding-bottom: 20px;
}
@media all and (max-width:1080px) {
  .cheif_list_wrap .board_list_type .board_wrap ul li.state {
    display: table-cell;
  }
  .cheif_list_wrap .board_list_type .board_wrap ul li.cate {
    display: none;
  }
}
@media all and (max-width:655px) {
  .cheif_list_wrap .section_top .section_l{
    float: none;
    text-align: right;
    margin-bottom: 10px;
  }
}
@media all and (max-width:530px) {
  .cheif_list_wrap .board_list_type .board_wrap ul li.phone {
    width: 35%;
  }
}
@media all and (max-width:700px) {
  .cheif_list_wrap .board_list_type .board_wrap ul li.company {
    display: none;
  }
}

/* 회원관리 */
.member_set_wrap .content_bottom{
  padding-top: 30px;
}
.member_set_wrap .tabs {
  text-align: right;
}
.member_set_wrap .tabs li{
  display: inline-block;
}
.member_set_wrap .tabs li:last-child {
  margin-left: 10px;
}
.member_set_wrap .tabs li a {
  display: block;
  background: #ccd8d6;
  padding: 10px 40px;
  border-radius: 30px;
  color: #fff;
}
.member_set_wrap .tabs li a.active{
  background: #222731;
}

.member_info_wrap > ul > li{
  position: relative;
  width: calc(50% - 10px);
  min-height: 900px;
  float: left;
  background: #fff;
  padding: 30px;
}
.member_info_wrap > ul > li:last-child{
  margin-left: 20px;
}
.member_info_wrap .member_info {
  padding-top: 50px;
}
.member_info dl {
  padding-top: 30px;
}
.info_setting dl::after{
  content: '';
  display: block;
  clear: both;
}
.info_setting dt, .info_setting dd{
  display: inline-block;
  vertical-align: middle;
}
.info_setting dt{
  width: 20%;
  font-weight: bold;
  color: #666;
}
.info_setting dd{
  width: calc(80% - 4px);
  margin-bottom: 12px;
}
.info_setting .info_half{
  width: calc(30% - 6px);
  vertical-align: sub;
}
.info_setting .info_desc{
  width: 100%;
  color: #666;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}
.info_setting select{
  color: #666;
  background-position: 98% center;
}
.info_setting textarea{
  color: #666;
  height: 100px;
  resize: none;
}
.info_setting .info_half select {
  background-position: 94% center;
}

.profile_wrap {
  text-align: center;
}
.profile_wrap .profile_imgWrap{
  position: relative;
  display: inline-block;
  width: 105px;
  height: 105px;
  background: url('../image/profile_img.png') no-repeat center;
  background-size: 100%;
}
.profile_wrap .profile_upload{
  display: block;
  width: 25px;
  height: 25px;
  background: #606060 url('../image/edit_icon_w.png') no-repeat center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.profile_wrap .profile_auth{
  padding-top: 10px;
}
.profile_wrap .profile_auth::before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../image/crown_icon.png');
  vertical-align: middle;
  margin-right: 3px;
}
.member_info .state_wrap{
  margin: 10px 0 20px;
}
.member_info .state_wrap li{
  display: inline-block;
  width: calc(33% - 4px);
}
.member_info .pw_setting button {
  width: 100%;
  max-width: 200px;
  padding: 15px 20px;
  background: #f5f5f5;
}
.member_info .pw_setting .info_desc{
  margin-top: 10px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  display: none;
}
.member_info .pw_setting .info_desc.on{
  display: block;
}
.member_info .info_age{
  text-align: right;
  padding: 0 10px;
  box-sizing: border-box;
}

/* 회원관리 - 후원내역 */
.sponsor_list_wrap li:last-child .sponsor_list_header{
  border-top: none;
}
.sponsor_list_wrap .depth{
  border-top: none;
}
.sponsor_list_header {
  background: #fafafa;
  padding: 20px 30px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.sponsor_view {
  display: inline-block;
  width: 50%;
}
.sponsor_view ul, .sponsor_view li{
  display: inline-block;
  vertical-align: middle;
}
.sponsor_view select{
  margin-left: 0 !important;
}
.sponsor_view_btn{
  vertical-align: middle;
  width: 80px;
  padding: 7px 0;
  border-radius: 30px;
  margin-left: 20px;
}
.sponsor_tatal {
  padding: 7px 0;
}
.sponsor_tatal_txt {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-left: 5px;
}

.sponsor_list_body{
  padding: 20px 30px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.4em;
}
.sponsor_list_body:last-child {
  border-bottom: none;
}
.sponsor_title, .sponsor_content_wrap, .sponsor_profile {
  display: inline-block;
  vertical-align: middle;
}
.sponsor_title, .sponsor_profile{
  width: 30%;
}
.sponsor_title h3{
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}
.sponsor_content_wrap{
  width: calc(70% - 4px);
}
.sponsor_content_wrap dl::after {
  content: "";
  display: block;
  clear: both;
}
.sponsor_content_wrap dt, .sponsor_content_wrap dd {
  display: inline-block;
}
.sponsor_content_wrap dd{
  font-weight: bold;
  float: right;
}

/* 회원관리 - tooltip */
.member_info_wrap .tooltip{
  position: absolute;
  right: 30px;
}
.member_info_wrap .tooltip_box{
  width: 180px;
  padding: 15px;
  right: 0;
  top: 15px;
}
.member_info_wrap .tooltip_box li {
  font-size: 12px;
  padding-bottom: 10px;
  line-height: 1.4em;
}
.member_info_wrap .tooltip_box a{
  padding: 0 !important;
  text-align: left !important;
  font-size: 12px;
}
.member_info_wrap .tooltip_box a:hover{
  background: #fff !important;
}
.member_info_wrap .tooltip_box .detail_title{
  color: #999;
}
.member_info_wrap .tooltip_box .p_color{
  float: right;
}

.member_etc {
  margin-top: 20px;
  padding: 30px;
  background: #fff;
}
.card_wrap, .hobby_wrap {
  float: left;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
.card_wrap h3, .card_box{
  float: left;
}
.card_wrap h3 {
  width: 20%;
}
.card_box{
  width: 80%;
}
/* 명함 업로드 */
.image_upload .fileName {
  width: 100%;
  max-width: 300px;
  height: 36px;
  font-size: 14px;
  margin-right: 5px;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
  padding: 5px;
  border-radius: 5px;
}
.image_upload .btn_file {
  color: #fff;
  background: #f97061;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
}
.card_img{
  width: 100%;
  max-width: 385px;
  border-radius: 10px;
  background: #ccc;
  margin-top: 10px;
  overflow: hidden;
}
.card_img img {
  width: 100%;
}

.hobby_wrap h3{
  display: inline-block;
}
.hobby_wrap button {
  font-size: 12px;
  padding: 5px 20px;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #aaa;
}
.hobby_wrap button span::before{
  content:'';
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url('../image/setting_icon.png');
  vertical-align: middle;
  margin-right: 3px
}
.hobby_list {
  padding-top: 20px;
  clear: both;
}
.hobby_list li{
  display: inline-block;
  text-align: center;
  margin: 0px 5px 10px;
}
.hobby_list .hobby_img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
}
/* 관심사 리스트 */
.hobby_list li.hobby_01 .hobby_img{
  background: #d3d3d3 url('../image/hobby_01.png') no-repeat center center;
}
.hobby_list li.hobby_01.on .hobby_img{
  background-color: #f2d1b3;
}
.hobby_list li.hobby_02 .hobby_img{
  background: #d3d3d3 url('../image/hobby_02.png') no-repeat center center;
}
.hobby_list li.hobby_02.on .hobby_img{
  background-color: #e2aa89;
}
.hobby_list li.hobby_03 .hobby_img{
  background: #d3d3d3 url('../image/hobby_03.png') no-repeat center center;
}
.hobby_list li.hobby_03.on .hobby_img{
  background-color: #f08d75;
}
.hobby_list li.hobby_04 .hobby_img{
  background: #d3d3d3 url('../image/hobby_04.png') no-repeat center center;
}
.hobby_list li.hobby_04.on .hobby_img{
  background-color: #e7d19c;
}
.hobby_list li.hobby_05 .hobby_img{
  background: #d3d3d3 url('../image/hobby_05.png') no-repeat center center;
}
.hobby_list li.hobby_05.on .hobby_img{
  background-color: #c1a077;
}
.hobby_list li.hobby_06 .hobby_img{
  background: #d3d3d3 url('../image/hobby_06.png') no-repeat center center;
}
.hobby_list li.hobby_06.on .hobby_img{
  background-color: #949458;
}
.hobby_list li.hobby_07 .hobby_img{
  background: #d3d3d3 url('../image/hobby_07.png') no-repeat center center;
}
.hobby_list li.hobby_07.on .hobby_img{
  background-color: #8aa7a3;
}
.hobby_list li.hobby_08 .hobby_img{
  background: #d3d3d3 url('../image/hobby_08.png') no-repeat center center;
}
.hobby_list li.hobby_08.on .hobby_img{
  background-color: #6d93a3;
}
.hobby_list li.hobby_09 .hobby_img{
  background: #d3d3d3 url('../image/hobby_09.png') no-repeat center center;
}
.hobby_list li.hobby_09.on .hobby_img{
  background-color: #657495;
}
.hobby_list li.hobby_10 .hobby_img{
  background: #d3d3d3 url('../image/hobby_10.png') no-repeat center center;
}
.hobby_list li.hobby_10.on .hobby_img{
  background-color: #4e5378;
}
/* 관심사 - popup */
#hobby_popup .hobby_list{
  text-align: center;
}
#hobby_popup .hobby_list li{
  cursor: pointer;
}

@media all and (max-width:1500px) {
  .card_wrap, .hobby_wrap{
    float: none;
    width: 100%;
    padding: 0;
  }
  .card_wrap h3, .card_box{
    float: none;
    width: 100%;
  }
  .card_box{
    margin-top: 20px;
  }
  .hobby_wrap{
    padding-top: 50px;
  }
}
@media all and (max-width:1190px) {
  .member_info_wrap > ul > li{
    float: none;
    width: 100%;
    min-height: auto;
  }
  .member_info_wrap > ul > li:last-child {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media all and (max-width:980px) {
  /* 후원내역 */
  .my_sponsor_wrap .board_info_wrap{
    padding-top: 0;
  }
  .sponsor_list_header{
    padding: 15px 20px;
  }
  .sponsor_view_btn{
    width: 70px;
    padding: 5px 0;
    margin-left: 15px;
  }
  .sponsor_tatal_txt{
    font-size: 16px;
  }
  .sponsor_title h3{
    font-size: 14px;
  }
}
@media all and (max-width:600px) {

  .member_info_wrap > ul > li, .member_etc{
    padding: 30px 20px;
  }
  .info_setting .info_desc{
    padding: 12px;
  }
  .info_setting dd{
    margin-bottom: 7px;
  }
  .info_setting select{
    background-position: 96% center;
  }
  .member_info_wrap .member_info {
    padding-top: 30px;
  }
  .profile_wrap .profile_imgWrap{
    width: 80px;
    height: 80px;
  }
  .hobby_list .hobby_img{
    width: 55px;
    height: 55px;
    background-size: 55% !important;
  }
  .card_wrap h3, .card_box{
    float: none;
    width: 100%;
  }
  .card_box{
    margin-top: 20px;
  }
}
@media all and (max-width:540px) {
 /* 후원내역 */
 .sponsor_view,
 .sponsor_list_body .sponsor_title,
 .sponsor_list_body .sponsor_content_wrap,
 .sponsor_profile{
   display: block;
   width: 100%;
 }
 .sponsor_view{
   text-align: right;
   margin-bottom: 10px;
 }
 .sponsor_view li {
    width: calc(50% - 4px);
  }
 .sponsor_tatal {
   float: none;
   text-align: right;
 }
 .my_sponsor_wrap .sponsor_title, .sponsor_profile{
   margin-bottom: 10px;
 }
 .support_wrap .sponsor_title{
   width: 100% !important;
 }
 .sponsor_profile .profile_img{
   display: none;
 }
}
@media all and (max-width:500px) {
  .info_setting dl {
    padding-top: 20px;
  }
  .info_setting dt{
    width: 25%;
  }
  .info_setting dd{
    width: calc(75% - 4px);
  }
  .info_setting .info_half{
    width: calc(25% - 6px);
  }
  .member_info .state_wrap li span{
    margin-right: 0;
  }
  .member_info .mb_section li {
    width: calc(50% - 4px);
  }
  .member_set_wrap .image_upload .fileName{
    max-width: 100%;
  }
  .member_set_wrap .image_upload .btn_file{
    display: block;
    margin-top: 5px;
    text-align: center;
  }
}

/* 회원 - 운영진 관리 */
.other_info_list {
  background: #fff;
  padding: 30px;
  position: relative;
}
.other_info_list .info_setting dt {
  margin-bottom: 10px;
  text-indent: 30px;
}
.other_info_list .info_setting dd {
  width: calc(30% - 8px);
}
.other_info_list .member_info .state_wrap li {
  display: inline-block;
  width: calc(50% - 4px);
}
@media all and (max-width:1190px) {
  .other_info_list .info_setting dd {
    width: calc(80% - 4px);
  }
  .other_info_list .info_setting dt {
    text-indent: 0;
  }
}
@media all and (max-width:600px) {
  .other_info_list {
    padding: 30px 20px;
  }
}
@media all and (max-width:500px) {
  .other_info_list .info_setting dd {
    width: calc(75% - 4px);
  }
}

/*
* 게시글
*/
/* 게시글 리스트 */
.board_cate .tabs{
  padding: 0 30px;
  background: #fff;
}
.board_cate .tabs{
  margin-bottom: 10px;
}
.board_cate .tabs li {
  display: inline-block;
}
.board_cate .tabs li a {
  display: block;
  padding: 30px;
  font-size: 16px;
  font-weight: bold;
  opacity: .5;
  position: relative;
}
.board_cate .tabs li a.active {
  opacity: 1;
}
.board_cate .tabs li a.active::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url('../image/check_b.png') no-repeat center center;
  margin-right: 7px;
}
.board_cate .tabs li a.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.board_list_wrap .tab_content {
  position: relative;
}
.board_list_wrap .tab_content .tooltip{
  position: absolute;
  top: 0;
  right: 0;
}
.board_list_wrap .tab_content .tooltip li{
  display: block;
}
.board_list_wrap .tab_content .tooltip.on .tooltip_box{
  top: 15px;
  right: 0;
}
.board_cate .cate_info {
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.board_cate .cate_info h3{
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
}
.board_cate .cate_info li{
  display: inline-block;
}
.cate_info a.board_cate_edit::before {
  content:'';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../image/edit_icon.png');
  vertical-align: top;
}
.cate_info a.board_cate_del::before {
  content:'';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../image/del_icon.png');
  vertical-align: top;
}

.board_cate .cate_list{
  padding-top: 30px;
}
.board_cate .cate_list > li{
  float: left;
  width: calc(20% - 10px);
  padding: 15px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  margin: 0 5px 10px;
  position: relative;
}
.board_cate .cate_list .tooltip > a {
  width: 45px !important;
  height: 45px !important;
}
.board_cate .cate_list .tooltip > a .tooltip_box {
  top: 22px;
  right: 10px;
}

.all_board_list .board_body li.subject{
  text-align: left;
}
.all_board_list .board_body li.subject a{
  color: #888;
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
  word-break: break-word;
}
.all_board_list .board_paging {
  padding-top: 30px;
  float: none;
  clear: both;
}
/* 게시글 - 숨김처리 */
.all_board_list .hide li.subject a {
  color: #ccc;
}
.all_board_list .hide li.subject a span::after{
  content: '숨김';
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background: #b3a396;
  border-radius: 30px;
  padding: 5px 10px;
  margin-left: 7px;
}

/* 게시글리스트 - popup */
.category_wrap > ul > li:last-child{
  padding-top: 20px;
}
.category_wrap select {
  width: 100%;
  padding: 12px 15px;
  background-position: 95% center;
}
.cate_auth li {
  display: inline-block;
  padding-right: 30px;
  margin-bottom: 0 !important;
}

@media all and (max-width:1150px) {
  .board_cate .cate_list > li {
    width: calc(33.3% - 10px);
    margin: 5px;
  }
  .all_board_list .board_body li.subject{
    width: 30%;
  }
}
@media all and (max-width:980px) {
  .board_cate .tabs{
    padding: 0 20px;
  }
  .board_cate .tabs li a{
    padding: 15px;
    font-size: 14px;
  }
}
@media all and (max-width:660px) {
  .all_board_list .board_wrap ul li.no,
  .all_board_list .board_wrap ul li.view{
    display: none;
  }
}
@media all and (max-width:600px) {
  .board_list_wrap .board_cate .cate_info{
    padding-bottom: 15px;
  }
  .board_list_wrap .board_cate .cate_list{
    padding-top: 15px;
  }
  .board_cate .cate_list > li {
    width: calc(50% - 10px);
  }
  .all_board_list .board_wrap ul li.setting{
    display: none;
  }
}
@media all and (max-width:460px) {
  .cate_info_check li {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .cate_info_check li:last-child{
    margin-top: 5px;
  }
}
@media all and (max-width:425px) {
  /* 일정 등록 -popup */
  #bd_add_sch .popup_contain .tabs li {
    max-width: 100px;
  }
  #bd_add_sch .popup_contain .tabs li:first-child {
    margin-right: 5px;
  }
}
@media all and (max-width:415px) {
  .all_board_list .section_top .section_l{
    float: none;
  }
  .all_board_list .mb_search_wrap{
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .all_board_list .mb_search_wrap input {
    width: 100%;
  }
}
@media all and (max-width:390px) {
  .board_cate .tabs li a{
    padding: 15px 10px;
  }
  .all_board_list .title_txt{
    float: none;
    padding-bottom: 10px;
  }
  .all_board_list .board_wrap ul li.data{
    display: none;
  }
  .all_board_list .board_wrap ul li.subject {
    width: 42%;
  }
  .all_board_list .board_wrap ul li.category {
    width: 25%;
  }
}


/* 나의 게시글 */
.my_profile, .my_info{
  float: left;
}
.my_profile{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  background: url('../image/profile_img.png') no-repeat center center;
  background-size: 100%;
}
.my_info {
  width: calc(100% - 90px);
  padding: 15px 20px;
  box-sizing: border-box;
}
.my_auth {
  padding: 5px 0 10px;
}
.my_count {
  color: #999;
}

.my_board_filter ul::after {
  content: '';
  display: block;
  clear: both;
}
.my_board_filter li{
  float: left;
  width: 33%;
  max-width: 110px;
  text-align: center;
  border-right: 1px solid #ccc;
}
.my_board_filter li a{
  color: #999;
  padding: 0 10px;
}
.my_board_filter li:first-child a{
  padding-left: 0;
}
.my_board_filter li a.active{
  color:#f97061;
}

@media all and (max-width:600px) {
  .my_profile{
    width: 70px;
    height: 70px;
  }
  .my_info {
    padding: 7px 20px;
  }
  .my_board_filter li {
    max-width: 90px;
  }
  .my_board_filter li a{
    padding: 0 5px;
  }
}
@media all and (max-width:390px) {
  .my_board_wrap .board_wrap ul li.category {
    width: 37%;
  }
  .my_profile, .my_info {
    float: none;
  }
  .my_profile{
    margin: 0 auto;
  }
  .my_info{
    width: 100%;
    text-align: center;
  }
  .my_auth {
    padding: 5px 0;
  }
}

/*
* 게시글 상세
*/
/* 게시글 - 골프 */
.golf_course_mb .tooltip .tooltip_box{
  background: #222731;
  color: #fff !important;
  top: 68px !important;
}
/* 참석하기 (게스트초청) - popup */
.bd_schedule_pop .info_add_btn {
  width: 100%;
  padding: 12px 20px;
  margin-top: 20px;
}
.sc_info {
  padding: 15px 20px 20px;
  border-radius: 5px;
  background: #303440;
}
.sc_info_top{
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #6d6d6d;
  margin-bottom: 20px;
}
.del_btn {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background: url('../image/close_icon_w.png') no-repeat center center;
  right: 0;
  top: 0;
}
.bd_schedule_pop input[type="text"]{
  border :none;
  background: #414552;
}
/* 코스설정 - popup */
.add_course_wrap .time_sel {
  width: calc(50% - 2px);
  border: none;
  background: #414552 url('../image/select_arrow_w.png') no-repeat 93% center;
}
.add_course_wrap input[type="text"].limit{
  width: 85%;
  margin-right: 10px;
}
/* 조편성 하기 - popup */
.group_set_wrap .popup_desc span{
  display: block;
  font-size: 12px;
}
.group_set_wrap .profile_img {
  width: 50px;
  height: 50px;
  margin-right: 0;
}
.group_set_wrap .profile_name {
  font-size: 12px;
}
/* 골프 참여리스트 */
.golf_attend_list {
  position: absolute;
  top: 68px;
  left: 0;
  z-index: 2;
  height: calc(100% - 68px);
  background: #414552;
  text-align: center;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.golf_attend_list ul{
  overflow-y: auto;
  height: 100%;
  padding: 20px 25px 0;
  box-sizing: border-box;
}
.golf_attend_list li {
  margin-bottom: 12px;
  padding: 5px 5px;
  cursor: pointer;
  border-radius: 10px;
}
#group_set02 .popup_contain, #group_set02 .popup_btn {
  box-sizing: border-box;
  width: calc(100% - 104px);
  margin-left: 104px;
}
#group_set02 .golf_course{
  margin-top: 0;
}
.group_set_wrap .golf_course > ul > li {
  border-color: #474950;
  margin-bottom: 0;
  padding-top: 15px;
}
.group_mb_set .golf_course_mb li {
  margin-bottom: 0;
}
.pop button.golf_mb_add_btn {
  display: block;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #999;
  line-height: 50px;
  border-radius: 50%;
  border: 1px dashed #d7d7d7;
  text-align: center;
}
.group_set_wrap .popup_btn button:first-child{
  margin-right: 10px;
}
@media all and (max-width:980px) {
  .golf_attend_list {
    height: calc(100% - 65px);
    top: 65px;
  }
  #group_set02 .popup_contain, #group_set02 .popup_btn{
    width: calc(100% - 94px);
    margin-left: 94px;
  }
}
@media all and (max-width:480px) {
  .group_set_wrap .profile_img {
    width: 40px;
    height: 40px;
  }
  .pop button.golf_mb_add_btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .golf_attend_list {
    height: calc(100% - 55px);
    top: 55px;
    padding-bottom: 10px;
  }
  .golf_attend_list ul{
    padding: 20px 20px 0;
  }
  #group_set02 .popup_contain, #group_set02 .popup_btn{
    width: calc(100% - 74px);
    margin-left: 74px;
  }
}
@media all and (max-width:390px) {
  #group_set02 .golf_course_mb li {
    margin: 0 3px 0;
  }
  #group_set02 .popup_btn button {
    padding: 8px 0;
    max-width: 80px;
  }
  .group_set_wrap .popup_btn button:first-child {
    margin-right:0;
  }
}

/* 참석자 리스트 - popup */
#attend_list li {
  display: inline-block;
  width: calc(20% - 14px);
  text-align: center;
  margin: 0px 5px 20px;
  cursor: pointer;
  position: relative;
}
.attend_list_wrap .attend_img{
  width: 60px;
  height: 60px;
  background: url('../image/profile_img.png') no-repeat center center;
  background-size: 100%;
  margin: 0 auto 7px;
}
.attend_list_wrap .tooltip .tooltip_box{
  box-shadow: none;
  width: 125px;
  padding: 7px 10px;
  line-height: 1.3em;
  color: #333;
  top: 67px;
  left: 50%;
  transform: translateX(-50%);
}
.guest .profile_img{
  position: relative;
  background: none;
  border-radius: 50%;
  border: 3px solid #ccd8d6;
  box-sizing: border-box;
}
.guest .profile_img::after{
  content: 'G';
  color: #ccd8d6;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
/* 투표 참여자 */
.vote_info {
  padding-bottom: 20px;
}
#vote_take_list .popup_contents > ul > li{
  border-bottom: 1px solid #474950;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#vote_take_list .popup_contents > ul > li:last-child{
  border-bottom: none;
  margin-bottom: 0;
}
#vote_take_list .popup_contents li ul > li{
  display: inline-block;
  margin: 0 5px 0;
  text-align: center;
}
#vote_take_list .profile_img{
  width: 60px;
  height: 60px;
  margin: 0 0 5px;
}

/* 메세지 보내기 */
.msg_send_wrap .tabs li a {
  padding: 10px;
}
#msg_send .popup_btn button{
  max-width: 160px;
}
#sample_text li {
  border-top: 1px solid #474950;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
  word-wrap: keep-all;
}
#sample_text li:last-child{
  padding-bottom: 0;
}
#sample_text li:hover{
  background: #303440;
}
#sample_text li.active{
  background: #303440;
}

#sample_text li.active::after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url(../image/check_c.png) left center no-repeat;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width:480px) {
  /* 참석자 리스트 */
  #attend_list li {
    margin-bottom: 12px;
  }
  .attend_list_wrap .attend_img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
  }

  /* 투표자 참여자 */
  #vote_take_list .profile_img {
    width: 50px;
    height: 50px;
  }

  /* 메세지 보내기 */
  #sample_text li {
    padding: 10px 30px 10px 10px;
  }
  #sample_text li.active::after{
    right: 10px;
  }
}


/*
* 게시글 쓰기
*/
.board_write_wrap .board_footer .section_btn_wrap {
  float: none;
  width: 100%;
}
/* 이미지 등록 - popup */
.add_img_wrap ul {
  text-align: center;
}
.add_img_wrap ul li{
  display: inline-block;
  margin-bottom: 0;
}
.add_img_wrap ul li:first-child{
  margin-right: 50px;
}
.add_img_wrap ul li a{
  color: #eee;
  display: block;
}
.add_img_tab {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #303440;
  margin-bottom: 10px;
}
.direct_img .add_img_tab{
  background: #303440 url('../image/direct_img.png')no-repeat center center;
}
.sample_img .add_img_tab{
  background: #303440 url('../image/sample_img.png')no-repeat center center;
}
.add_img_wrap ul li a:hover .add_img_tab {
  background-color: #5a5e6b;
}
.add_img_input {
  margin-top: 30px;
}

/* 일정 등록 - popup */
.sch_tab_content .popup_name_wrap {
  padding: 20px 0;
}
.sch_club_wrap{
  padding-bottom: 25px;
}
.sch_club_option {
  padding-top: 25px;
  border-top: 1px solid #474950;
}
.sch_club_wrap input[type="text"].sch_address {
  width: calc(100% - 64px);
  vertical-align: middle;
  margin-right: 4px;
}
button.sch_address_btn {
  width: 60px;
  padding: 12px 0;
  vertical-align: middle;
  font-size: 14px;
  background: #575c6b;
}
.sch_tab_content .cal_data {
  padding: 12px 15px;
  width: calc(50% - 8px);
}
.sch_tab_content .time_sel {
  width: 25%;
  background-position: 86% center;
}
.allday_btn{
  margin-top: 10px;
}
.sch_tab_content input[type="text"].limit{
  width: 60px;
  margin-right: 5px;
}
.anyone_btn{
  display: inline-block;
  float: right;
  padding: 9px 0;
}
/*
.sch_tab_content .sch_club_wrap li:last-child{
  padding-top: 10px;
}
*/
/* 골프 일정 */
/*
.sch_golf_wrap li:nth-child(2) {
  margin-bottom: 20px;
}
.sch_golf_wrap li:nth-child(4){
  padding: 20px 0;
  border-top: 1px solid #474950;
  border-bottom: 1px solid #474950;
  margin-bottom: 20px;
}
*/
.sch_golf_wrap li .place_tit{
  padding-top: 10px;
}
.sch_golf_wrap input[type="text"].sch_address {
  width: calc(100% - 64px);
  vertical-align: middle;
  margin-right: 4px;
}


#sch_golf .sch_club_option{
  margin-top: 20px;
}

/* 투표하기 등록 - popup */
.add_vote_wrap {
  padding-bottom: 25px;
  border-bottom: 1px solid #474950;
}
.add_vote_wrap button{
  width: 100%;
  margin-top: 15px;
  padding: 12px;
}
.add_vote_wrap div.button_100{
  width: 100%;
  margin-top: 15px;
  padding: 12px;
}
.vote_state_wrap ul {
  padding: 25px 0;
}
.end_time_wrap p {
  display: inline-block;
}
.end_time_wrap .pop_ck_wrap {
  width: 125px;
}
.end_time_set {
  width: calc(100% - 129px);
  text-align: right;
}
.end_time_set .cal_data {
  width: 110px;
  padding: 6px 15px;
}
.vote_report {
  padding-top: 25px;
  border-top: 1px solid #474950;
}

/* 후원 등록 - popup */
#bd_add_spon .del_btn {
  right: 20px;
  top: 20px;
}
.add_spon_wrap,.add_memb_wrap {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  background: #303440;
  margin-bottom: 14px;
}
.add_spon_wrap:last-child{
  margin-bottom: 0;
}
.spon_data_wrap {
  padding-bottom: 20px;
}

.add_spon_btn li {
  display: inline-block;
  width: calc(50% - 5px);
  margin-bottom: 0;
}
.add_spon_btn li:first-child {
  margin-right: 5px !important;
}
.add_spon_btn .tabs li a {
  font-size: 12px;
}
.add_spon_btn li button {
  width: 100%;
  border-radius: 30px;
}
.spon_info_top {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #6d6d6d;
  margin-bottom: 20px;
}
.spon_info_top button {
  width: auto;
  padding: 0;
  border: none;
}
.spon_info_top .profile_img {
  width: 36px;
  height: 36px;
}
.add_spon_wrap input[type="text"] {
  border: none;
  background: #414552;
}
.add_spon_wrap select {
  border: none;
  background-color: #414552;
}
.add_spon_wrap select.spon_kind {
  font-size: 12px;
  width: 13%;
  padding: 12px 10px;
  background-position: 85%;
}
.add_spon_wrap input[type="text"].spon_desc,
.add_spon_wrap input[type="text"].spon_amount {
  width: calc(29% - 5px);
  font-size: 12px;
  margin-right: 5px;
}
.add_spon_wrap input[type="text"].spon_quan {
  width: 14%;
  font-size: 12px;
}
button.spon_del {
  width: 7%;
  border: none;
  font-size: 24px;
  padding: 0;
  vertical-align: middle;
}
button.spon_plus {
  font-size: 16px;
}
button.spon_desc_add{
  width: 100%;
  background: #414552 !important;
}
.spon_info_desc {
  margin-bottom: 20px;
}
.spon_cho_acc {
  padding: 10px 0;
  border-top: 1px solid #6d6d6d;
}

/* 메세지 보내기 - popup */
.add_msg_btn {
  text-align: center;
}
.add_msg_btn button {
  width: 100%;
  font-size: 14px;
  border: none;
  background: none;
}
.add_msg_btn button span{
  display: block;
}
.add_msg_btn button span.profile_img {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}
@media all and (max-width:980px) {
  button.sch_address_btn,
  .add_msg_btn button span {
    font-size: 12px;
  }
}
@media all and (max-width:610px) {
  .cate_info_check label span {
    margin-right: 3px;
  }
}
@media all and (max-width:500px) {
  /* 투표 등록 */
  .end_time_wrap p {
    display: block;
  }
  .end_time_set{
    width: calc(100% - 29px);
    text-align: left;
    margin-top: 10px;
    margin-left: 29px;
  }
}
@media all and (max-width:490px) {
  /* 후원 등록 */
  .add_spon_wrap select.spon_kind {
    display: block;
    width: 100%;
    background-position: 96%;
    margin-bottom: 5px;
  }
  .add_spon_wrap input[type="text"].spon_desc,
  .add_spon_wrap input[type="text"].spon_amount{
    width: calc(35% - 5px);
  }
  button.spon_del{
    width: 8%;
  }
}
@media all and (max-width:480px) {
  /* 이미지등록 */
  .add_img_tab{
    width: 60px;
    height: 60px;
  }
  .direct_img .add_img_tab {
    background-size: 50%;
  }
  /* 일정등록 - 모임 */
  .sch_club_wrap {
    padding-bottom: 20px;
  }
  .sch_club_option{
    padding-top: 20px;
  }
  button.sch_address_btn{
    padding: 10px 0;
  }
  .sch_tab_content .cal_data {
    padding: 10px 15px;
  }
  /* 일정등록 - 골프 */
  .sch_golf_wrap .cal_data {
    width: 100%;
  }
  /* 후원등록 */
  .add_spon_btn {
    padding-top: 20px;
  }
}
@media all and (max-width:390px) {
  /* 투표 등록 */
  .end_time_set .cal_data {
    width: 100%;
    margin-bottom: 5px;
  }
  .end_time_set .time_sel {
    width: calc(50% - 2px);
  }
}


/*
* 회비
*/
.account_list_wrap .tab_content{
  position: relative;
}
.account_list_wrap .tab_content .tooltip {
  position: absolute;
  top: 0;
  right: 0;
}
.account_list_wrap .tab_content .tooltip li{
  display: block;
}
.account_list_wrap .tab_content .tooltip.on .tooltip_box{
  top: 15px;
  right: 0;
}

.account_info{
  display: inline-block;
}
.account_info li:last-child{
  padding-left: 10px;
}
.account_bank {
  padding-right: 5px;
  font-weight: bold;
}
.amount_wrap {
  background: #f5f5f5;
  margin-top: 20px;
  padding: 20px 30px;
  border-radius: 5px;
}
.amount_wrap li {
  display: inline-block;
  color: #888;
}
.amount_wrap li button {
  display: inline-block;
  font-size: 12px;
  color: #999;
  width: auto;
  padding: 5px 10px;
  min-width: 80px;
  border-radius: 30px;
  margin-left: 5px;
}
.amount_wrap .amount_txt{
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding: 0 5px;
}
.amount_wrap li:last-child{
  padding-left: 30px;
}
.fee_info {
  padding-top: 30px;
  position: relative;
}
.fee_info > ul > li {
  padding-bottom: 5px;
}
.fee_info > ul > li:last-child {
  padding-bottom: 0;
}
.fee_tit {
  display: inline-block;
  width: 10%;
  font-weight: bold;
  word-break: keep-all;
}
.fee_info_detail a::before{
  content: '▶';
  display: inline-block;
  margin-right: 5px;
  transition: .1s;
  transform: rotate(90deg);
}
.fee_info_detail a{
  display: block;
  width: 100%;
}
.fee_info_detail a.active::before {
  transform: rotate(0);
}
.fee_info_list{
  margin-top: 20px;
}
.fee_info_list.active{
  display: none;
}
.fee_info_list li::after {
  content: '';
  display: block;
  clear: both;
}
.fee_info li ul {
  display: inline-block;
  width: 80%;
}
.fee_info li li {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #ccc;
}
.fee_info li li:first-child {
  padding-left: 0;
  border-left: 0;
}
.fee_info li li span{
  color: #f97061;
  padding-left: 5px;
}
.fee_info .fee_detail {
  float: right;
}
.fee_info .fee_detail button {
  display: inline-block;
  font-size: 12px;
  color: #999;
  width: auto;
  padding: 5px 0;
  min-width: 80px;
  border-radius: 30px;
}

.fee_set_btn {
  position: absolute;
  right: 0;
  top: 30px;
}
.fee_set{
  display: inline-block;
  font-size: 12px;
  width: auto;
  padding: 5px 10px;
  min-width: 80px;
  border-radius: 30px;
  background: #b3a396;
  color: #fff;
  border: none;
}
.all_fee_list .search_box {
  margin-top: 15px;
}
.fee_choice{
  margin-right: 10px;
}
.month_data_wrap{
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.month_data {
  border-radius: 30px;
  width: 80px;
}
/* 지출입 리스트 */
.all_fee_list .minus{
  color: #ff6464;
}
.all_fee_list .plus{
  color: #4da344;
}
.all_fee_list .board_body .subject{
  text-align: left;
}
.all_fee_list .board_body .amount{
  text-align: right;
}
.all_fee_list .board_wrap > ul > li.checkbox, .all_fee_list .board_wrap > ul > li.category {
  width: 4%;
}
.all_fee_list .board_wrap > ul > li.use_data, .all_fee_list .board_wrap > ul > li.amount {
  width: 10%;
}
.board_body .use .bill_img{
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../image/bill_icon.png') no-repeat center;
  vertical-align: middle;
  margin-left: 5px;
}
.board_wrap li a {
  color: #888;
  display: block;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-word;
}

/*
* 지출입 popup
*/
/* 계좌 추가 */
#account_add .popup_contents > ul {
  padding-bottom: 20px;
}
.account_option {
  padding-top: 19px;
  border-top: 1px solid #474950;
}
.account_option li {
  margin-bottom: 0 !important;
  display: inline-block;
  width: calc(50% - 4px);
}

/* 주소 검색 */
#address_find .search_btn {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  width: 50px;
  height: 40px;
  padding: 0;
  background: transparent;
}
#address_find .search_btn_wrap {
  position: relative;
}
#address_find .popup_con input[type="text"] {
  border: none;
  background: #414552;
}
#address_find .popup_contents {
  margin:30px 0 0;
  padding:0;
  max-height: calc(55vh - 90px);
  min-height: 300px;
  overflow: hidden scroll;
}
#address_find .popup_contents ul li {
  padding:15px 10px;
}
#address_find .popup_contents ul li div {
  display: inline-block;
}
#address_find .popup_contents ul li div p {
  display: inline-block;
  width: calc(50% - 60px);
}
#address_find .popup_contents ul li .box_ck {
  width: 30px;
}
#address_find .popup_contents ul li .profile_wrap {
  width: calc(100% - 35px);
}
#address_find .popup_contents ul li .profile_wrap .box_profile {
  text-align: left;
  width: 100px;
}

/* 회원 설정 */
#member_add .search_btn {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  width: 50px;
  height: 40px;
  padding: 0;
  background: transparent;
}
#member_add .search_btn_wrap {
  position: relative;
}
#member_add .popup_con input[type="text"] {
  border: none;
  background: #414552;
}
#member_add .popup_contents {
  margin:30px 0 0;
  padding:0;
  max-height: calc(55vh - 90px);
  min-height: 300px;
  overflow: hidden scroll;
}
#member_add .popup_contents ul li {
  padding:15px 10px;
}
#member_add .popup_contents ul li div {
  display: inline-block;
}
#member_add .popup_contents ul li div p {
  display: inline-block;
  width: calc(50% - 60px);
}
#member_add .popup_contents ul li .box_ck {
  width: 30px;
}
#member_add .popup_contents ul li .profile_wrap {
  width: calc(100% - 35px);
}
#member_add .popup_contents ul li .profile_wrap .box_profile {
  text-align: left;
  width: 100px;
}


/* 회비 설정 */
#fee_setting .pop_ck_wrap {
  margin-bottom: 20px;
}
#fee_setting .popup_contents > ul {
  padding-bottom: 20px;
}
.payment_push {
  width: calc(100% - 93px) !important;
  margin-left: 10px;
}

.pay_member {
  padding-top: 19px;
  border-top: 1px solid #474950;
}
.pay_member_list {
  padding-top: 10px;
}
.pay_member_list .pay_member_btn {
  display: block;
  width: 40px;
  height: 40px;
  color: #eee;
  line-height: 40px;
  border-radius: 50%;
  border: 1px dashed #d7d7d7;
  text-align: center;
}
.pay_member_list li {
  display: inline-block;
  width: calc(14% - 14px);
  text-align: center;
  margin: 0px 5px 10px;
  position: relative;
}
.pay_member_list li .pay_mb_del {
  display: none;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -2px;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  line-height: 13px;
}
.pay_member_list li .pay_mb_del::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url('../image/close_icon_g.png') no-repeat center center;
  background-size: 100%;
}
.pay_member_list span {
  display: block;
  margin: 0 auto;
}
.pay_member_list span.profile_img {
  width: 40px;
  height: 40px;
}
.pay_member_list span.profile_name {
  font-size: 12px;
}
.pay_member_list li:hover .pay_mb_del {
  display: block;
}

/* 미납회비 상세 */
.payment_member a{
  display: block;
  width: 100%;
  color: #eee;
  box-sizing: border-box;
}
#unpaid_list .popup_contents{
  padding: 0;
}
.payment_data_sel {
  padding-bottom: 10px;
}
.payment_member > ul > li {
  border-bottom: 1px solid #474950;
  margin-bottom: 0 !important;
}
.payment_member > ul > li:last-child{
  border: none;
}
#unpaid_list a{
  padding: 15px 10px;
}
.payment_member a p {
  display: inline-block;
  vertical-align: middle;
}
.payment_member a .unpaid_total {
  float: right;
  padding: 7px 0;
}
.payment_member .unpaid_list_desc{
  padding: 10px;
  background: #303440;
  margin-top: 10px;
  display: none;
}
.payment_member .unpaid_list_desc li{
  margin-bottom: 0;
}
.payment_member .depth.unpaid_list_desc{
  border-color: #474950;
}
#unpaid_list .unpaid_money{
  float: right;
}

/* 회비납부 현황 */
#payment_list .popup_contents {
  padding: 0;
}
.payment_mb_no {
  line-height: 30px;
  text-align: right;
}
.payment_mb_no span:nth-child(2){
  padding: 0 5px;
}
.payment_mb_list li {
  background: #303440;
  padding: 15px 10px;
  margin-bottom: 0 !important;
}
.payment_member a .payment_btn{
  float: right;
  line-height: 56px;
}
.payment_btn button{
  width: 80px;
  color: #888;
  font-size: 14px;
  padding: 8px;
}
.payment_btn button::before {
  content: '미납';
}
.payment_mb_list li.active{
  background: none;
}
.payment_mb_list li.active .payment_btn button{
  color: #eee;
}
.payment_mb_list li.active .payment_btn button::before {
  content: '완료';
  display: inline-block;
  background: url('../image/check_c.png') no-repeat left center;
  padding-left: 15px;
}
.payment_mb_list li:last-child{
  padding-bottom: 15px !important;
}
.payment_member a p.payment_data_wrap {
  display: block;
  font-size: 12px;
  color: #bbb;
  padding-top: 5px;
}
.payment_member a p.payment_data_wrap::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #bbb;
  border-radius: 50%;
}
.payment_member a p.payment_data_wrap span.payment_title{
  padding: 0 5px;
  border-right: 1px solid #666;
}
.payment_member a p.payment_data_wrap span{
  padding-left: 5px;
}

/* 지출입 등록 */
.acc_list_tabs {
  text-align: center;
  padding-bottom: 30px;
}
.acc_list_tabs li {
  display: inline-block;
  margin-bottom: 0;
  width: 50%;
  max-width: 150px;
}
.acc_list_tabs li a{
  display: block;
  padding: 10px 20px;
  color: #eee;
  background: #303440;
  border: 1px solid #6d6d6d;
  border-radius: 30px;
}
.acc_list_tabs li a.active {
  background: #575c6b;
}
.acc_list_tabs li a.active::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url('../image/check_w.png') no-repeat left center;
  margin-right: 5px;
}


.bill_upload {
  position: relative;
}
.bill_upload input[type="text"] {
  border: none;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #6d6d6d;
  padding: 20px 0;
}
.bill_upload .btn_file {
  position: absolute;
  right: 0;
  bottom: 10px;
  margin-right: 0;
}

@media all and (max-width:1640px) {
  .all_fee_list .search_box li{
    display: block;
  }
  .all_fee_list .search_cal{
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media all and (max-width:1210px) {
  /* 회비 리스트 */
  .fee_tit{
    display: block;
    width: 100%;
  }
  .fee_info li ul {
    line-height: 26px;
  }

  /* 지출입 리스트 */
  .all_fee_list .board_wrap > ul > li.category,
  .all_fee_list .board_wrap > ul > li.setting {
    width: 7%;
  }
  .all_fee_list .board_wrap > ul > li.subject {
    display: none;
  }
  .all_fee_list .board_wrap > ul > li.amount,
  .all_fee_list .board_wrap > ul > li.use_data{
    width: 15%;
  }
}
@media all and (max-width:1140px) {
  .all_fee_list .search_btn_wrap {
    float: none;
    margin-top: 15px;
  }
  .all_fee_list .search_btn_wrap button {
    width: 100%;
  }
}
@media all and (max-width:1050px) {
  .all_fee_list .search_cal{
    margin-bottom: 20px;
  }
  .all_fee_list .month_data_wrap {
    display: block;
    margin-top: 10px;
    padding-left: 45px;
  }
}
@media all and (max-width:750px) {
  /* 회비리스트 */
  .amount_wrap .amount_txt{
    font-size: 16px;
  }
  .amount_wrap li{
    display: block;
  }
  .amount_wrap li:last-child {
    padding-left: 0;
    margin-top: 10px;
  }
  .amount_tit{
    display: inline-block;

    width: 50px;
  }
  .fee_info {
    padding-top: 10px;
  }
  .fee_info ul {
    width: 100%;
  }
  .fee_info p{
    margin-top: 10px;
  }
  .fee_set_btn {
    margin-top: 0 !important;
    top: 20px;
  }
  .fee_info > ul > li {
    padding-bottom: 10px;
  }
  .fee_info li li{
    display: block;
    padding: 0;
    border: none;
  }
  .fee_info li ul {
    line-height: 1.4em;
  }

  /* 지출입리스트 */
  .all_fee_list .board_wrap > ul > li.category{
    display: none;
  }
  .all_fee_list .board_wrap > ul > li.checkbox {
    width: 8%;
  }
  .all_fee_list .board_wrap > ul > li.amount,
  .all_fee_list .board_wrap > ul > li.use_data {
    width: 18%;
  }
  .all_fee_list .board_wrap > ul > li.desc{
    width: 23%;
  }
  .all_fee_list .board_wrap > ul > li.setting{
    width: 10%;
  }
}
@media all and (max-width:555px) {
  .all_fee_list .board_footer .section_btn_wrap {
    max-width: 120px;
  }
}
@media all and (max-width:535px) {
  .board_cate .cate_info{
    padding-bottom: 20px;
  }
  .account_info, .account_info li {
    display: block !important;
  }
  .account_info{
    margin-top: 10px;
  }
  .account_info li:last-child {
    padding-left: 0;
  }
  .account_info li span{
    display: inline-block;
    margin-left: 0 !important;
  }
  .account_info li span.account_bank{
    width: 50px;
    font-weight: bold;
  }
  .account_info li span:last-child {
    width: calc(100% - 60px);
  }
  .amount_wrap{
    padding: 20px;
  }
  .amount_wrap .amount_txt{
    display: block;
    padding: 5px 0;
  }
  .amount_wrap li button[rel="unpaid_list"] {
    margin-left: 0;
  }
  .fee_info_list {
    margin-top: 10px;
  }

  .all_fee_list .search_box ul, .all_fee_list .cal_wrap, .all_fee_list .cal_wrap p input{
    width: 100%;
  }
  .all_fee_list .cal_wrap p, .all_fee_list .search_box input, .all_fee_list .search_box select  {
    width: calc(50% - 8px);
  }

  .all_fee_list .search_box li .search_tit {
    display: none;
  }
  .all_fee_list .month_data_wrap{
    padding-left: 0;
  }
  .all_fee_list .month_data{
    padding: 7px 0;
    width: 70px;
  }

  .board_body .use .bill_img{
    display: none;
  }
}
@media all and (max-width:480px) {
  /* 미납회비 리스트 */
  #unpaid_list a {
    padding: 10px;
  }
  #unpaid_list .depth li{
    padding: 5px 0;
  }
  .payment_member .unpaid_list_desc {
    margin-top: 0;
  }
  /* 회비 납부현황 */
  .payment_mb_list li{
    padding: 10px;
  }
  .payment_btn button{
    width: 70px;
    font-size: 12px;
  }

  /* 지출입리스트 */
  .all_fee_list .board_wrap > ul > li.desc {
    display: none;
  }
  .all_fee_list .board_wrap > ul > li.amount,
  .all_fee_list .board_wrap > ul > li.use_data {
    width: 28%;
  }
}
@media all and (max-width:360px) {
  .search_box input.cal_data{
    background-image: none;
    padding: 15px 10px;
    text-align: center;
  }
}

/*
* 후원 리스트
*/
.support_wrap .sponsor_title h3, .support_wrap .sponsor_title h4{
  display: inline-block;
  vertical-align: middle;
}
.support_wrap .sponsor_title{
  width: 60%;
  padding: 8px 0;
}

@media all and (max-width:1440px) {
  .support_wrap .search_box ul{
    width: 100%;
  }
  .support_wrap .search_box li{
    display: block;
  }
  .support_wrap .search_box li.search_cal{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .support_wrap .search_box li .search_tit{
    width: 50px;
  }
}
@media all and (max-width:1160px) {
  .support_wrap .search_btn_wrap {
    float: none;
    margin-top: 15px;
  }
  .support_wrap .search_btn_wrap button {
    width: 100%;
  }
}
@media all and (max-width:1075px) {
  .support_wrap .month_data_wrap {
    display: block;
    margin-top: 10px;
    padding-left: 70px;
  }
  .support_wrap .search_box li.search_cal{
    margin-bottom: 20px;
  }
  .support_wrap .cal_wrap,
  .support_wrap .search_box input {
    width: calc(100% - 70px);
  }
  .support_wrap .cal_wrap p {
    width: calc(50% - 9px);
  }
  .support_wrap .cal_wrap p input {
    width: 100% !important;
  }
}
@media all and (max-width:540px) {
  .support_wrap .search_box li .search_tit{
    display: none;
  }
  .support_wrap .cal_wrap, .support_wrap .search_box input {
    width: 100%;
  }
  .support_wrap .month_data_wrap{
    padding-left: 0;
  }
  .support_wrap .month_data {
    padding: 7px 0;
    width: 70px;
  }
  .support_wrap .search_btn_wrap{
    margin-top: 10px;
  }
  .support_wrap .sponsor_list_body{
    padding: 20px 0;
  }
}

/*
* 기타
*/
/* 기타 */
.etc_wrap .board_setting {
  margin-bottom: 0;
}
.etc_wrap .org_wrap .board_setting {
  text-align: center;
}
.etc_wrap .org_wrap .board_setting img {
  width: 100%;
  max-width: 600px;
}
.etc_wrap .rule_wrap textarea {
  resize: none;
}

/* 기타 설정 */
.etc_set_wrap .board_setting {
  margin-bottom: 0;
}
.rule_wrap {

}
.etc_set_wrap .info_title{
  vertical-align: top;
}
.rule_wrap dd {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.rule_wrap .scrollWrap {
  width: 100%;
  min-height: 400px;
  max-height: 600px;
  overflow:scroll;
}
.rule_wrap textarea {
  width: 100%;
  min-height: 400px;
  border: none;
}

@media all and (max-width:675px) {
  .org_wrap .image_upload .fileName{
    max-width: 100%;
    margin-bottom: 5px;
    padding: 12px 30px;
    height: 38px;
  }
  .org_wrap .image_upload .btn_file {
    display: block;
    text-align: center;
  }
}
@media all and (max-width:450px) {
  .etc_set_wrap .board_setting{
    padding: 20px;
  }
  .etc_wrap .board_setting {
    padding: 20px 10px;
  }
  .rule_wrap {
    padding-top: 40px;
  }
  .rule_wrap textarea {
    min-height: 300px;
  }
  .etc_wrap .rule_wrap textarea {
    padding: 10px;
    box-sizing: border-box;
  }
}

/* 조직도 설정 */
.org_tree, .org_list {
  float: left;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  min-height: 600px;
}
.org_tree {
  width: 30%;
}
.org_list {
  width: calc(70% - 20px);
  margin-left: 20px;
}
.org_tree a.active {
  color: #f97061;
  background: rgba(249, 112, 97,0.07);
}
.org_tree a {
  display: block;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 3px;
}
.org_depth::before{
  content:'';
  display: inline-block;
  width: 7px;
  height: 7px;
  background: url('../image/depth_bullet.png') center;
  margin-right: 7px;
}
.org_count {
  font-size: 12px;
  color: #f97061;
}
.org_tree li li > ul {
  margin-left: 20px;
}
.org_tree_group {
  padding-bottom: 10px;
  min-height: 492px;
}
.org_tree_add {
  text-align: center;
}
.org_tree_add li {
  display: inline-block;
}
.org_tree_add li:first-child {
  margin-right: 10px;
}
.org_tree_add button{
  width: 120px;
  padding: 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

/* 조직도 list */
.org_info {
  text-align: right;
  margin-bottom: 20px;
}
.org_info button {
  background: #fff;
  padding-left: 20px;
  background: url('../image/del_icon.png') no-repeat left center;
}
.org_mb_list .org_mb_add{
  display: block;
  color: #999;
  line-height: 45px;
  border: 1px dashed #d7d7d7;
  text-align: center;
}


/**/
.board_body li.club_desc button {
  background: url(../image/save_icon_g.png) no-repeat;
  width: 17px;
  height: 17px;
}

div.pop table td button.save_btn {
  background: url(../image/save_icon_g.png) no-repeat;
  width: 17px;
  height: 17px;
}


.modal {
	display: none;
	z-index: 500;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.modal button {
	position: absolute;
	top: 3rem;
	right: 3rem;
	background: transparent;
	border: 0;
	color: #ffffff;
	font-size: 3rem;
}

.modalBox {
	position: relative;
	background-color: #ffffff;
	text-align: center;
}

.modalBox img {
	width: 100%;
}

.modalBox p {
	color: #ffffff;
	background-color: #000;
	font-size: 2rem;
	padding: .2rem;
}


@media all and (max-width:1440px) {
  .org_tree, .org_list {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .org_list{
    margin-left: 0;
    margin-top: 20px;
  }
  .org_tree_group{
    min-height: auto;
  }
}
@media all and (max-width:980px) {
  .org_tree, .org_list {
    padding: 20px;
  }
}
@media all and (max-width:600px) {
  .org_tree_add {
    margin-top: 20px;
  }
  .org_tree_add button {
    padding: 7px;
  }
}
@media all and (max-width:360px) {
  .org_mb_list .profile_img {
    display: none;
  }
  .org_tree_add {
    margin-top: 10px;
  }
  .org_tree_add button {
    width: 90px;
  }
  .org_info {
    margin-bottom: 10px;
  }
}

/* 권한 역할 선택 */
.auth_name_wrap .role_sel {
  width: calc(50% - 2px);
  border: none;
  background: #fff url('../image/select_arrow_w.png') no-repeat 98% center;
}

.auth_name_wrap select {
  width: 100%;
  padding: 12px 15px;
  background-position: 95% center;
}

.info_setting .role_sel {
    width: 100%;
    color: #666;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}