@charset "utf-8";
/*총무수첩*/
/* BAISIC LAYOUT*/
#wrap{width:100%}
#header{width:100%}
#content{width:100%; position:relative;}
#content2{width:100%; position:relative; margin-top:115px;}
#content3{width:100%; position:relative; margin-top:70px;}
#footer{width:100%}
/* .site-wrap{position:relative; padding:0 15px} */
.site-wrap2 {position:relative; padding:0 15px}
/*새모임등록에서 타이틀 추가 17.09.27*/
.new_title {text-align:center; font-size:20px; color:#34a5fc; letter-spacing:0.4em; border-bottom: 2px solid #95d0fe; padding:10px 0; }
.new_title2 {font-size:15px; color: #4aaaf5; padding:20px 15px 5px 15px; }
.new_title2 font {font-size:15px;}

/*인트로*/
#intro{position:relative; width:100%; height:100vh; background:#56b3fb}
#intro li{width:100%; height:100vh;}
#intro li.bg1{background:#56b3fb url(../images/common/bg_intro1.png) no-repeat 0 bottom; background-size:contain}
#intro li.bg2{background:#56b3fb url(../images/common/bg_intro2.png) no-repeat 0 bottom; background-size:contain}
#intro li.bg11{background:#56b3fb url(../images/common/bg_intro11.png) no-repeat 0 bottom; background-size:contain}
#intro li .inner{position:relative; width:100%; height:100vh; text-align:center}
#intro li .logo{width:100%; margin:0 auto; padding-top:70px}
#intro li .logo1{width:270px; margin:0 auto; padding-top:130px}
#intro li .logo2{width:115px; margin:0 auto; padding-top:130px}
#intro li .l_tit{margin-top:4px; font-size:11px; color:#fff; letter-spacing:1px; opacity:0.78}
#intro li .title{margin-top:21px; font-size:22px; font-weight:900; color:#fff; letter-spacing:-1.4px}
#intro li p{margin-top:13px; font-size:15px; color:#fff; line-height:24px; letter-spacing:-0.8px}
#intro li .btnset{position:absolute; bottom:14px; width:100%}
#intro li .btnset .inner1{padding:0 14px}
/* #intro li .btnset .btn{width:calc(50% - 4px); height:41px; border:1px solid #eee; text-align:center; border-radius:3px; box-sizing:border-box} */
#intro li .btnset .btn{width:calc(100% - 4px); height:41px; border:1px solid #eee; text-align:center; border-radius:3px; box-sizing:border-box}
#intro li .btnset .btn a{display:block; font-size:14px; font-weight:bold; line-height:39px}
#intro li .btnset .btn1{float:left; border-color:#56b3fb; background:#56b3fb}
#intro li .btnset .btn1 a{color:#fff}
#intro li .btnset .btn2{float:right; border-color:#56b3fb; background:#fff}
#intro li .btnset .btn2 a{color:#56b3fb}

/*INTRO-BX CUSTOM*/
#intro .bx-wrapper .bx-pager{bottom:64px}
#intro .bx-wrapper .bx-pager.bx-default-pager a{width:9px; height:9px; border-radius: 9px; -moz-border-radius:9px; -webkit-border-radius: 9px; margin: 0 4px; background:#dedede}
#intro .bx-wrapper .bx-pager.bx-default-pager a:hover,
#intro .bx-wrapper .bx-pager.bx-default-pager a.active{background:#46acf3}

/*HEADER*/
.header{position:relative;}
.page_top{position:relative; padding-bottom:50px}  /*일반, 모임등록수정*/
.page_top .titlebar_club3{position:fixed; width:100%; z-index:5} /*모임 리스트*/
.page_top .titlebar_club3 .site-wrap2 {overflow:hidden; background:#56b3fb; }
.page_top .titlebar_club3 .site-wrap2 h2{float:left; padding:14px 0 14px 34px; font-size:17px; color:#fff; background:url(../images/common/img-logo7.png) no-repeat 0 center; background-size:28px 28px}
.page_top .titlebar_club3 .notice_bar {width:100%; box-sizing:border-box; padding:0 15px; height:42px; box-shadow:0px 2px 6px #bbbbbb; background:#fff;}
.page_top .titlebar_club3 .notice_bar a {display:block; line-height:42px; font-size:15px; font-weight:bold;}
.push {position:absolute; top:0px; right:13px; display:block; width:50px; height:50px;}
.push .bell {width:26px; height:auto; position:relative; top:12px; left:21px;}
.push .new {width:17px; height:auto; position:relative; top:8px; left:3px; z-index:2;}

.header .tit_site1{padding:39px 0 53px}  /*로그인 - MEMBER 사이트 타이틀*/
.header .tit_site1 h1{}
.header .tit_site1 h1 img{width:161px; height:auto; margin:0 auto; display:block;}

.member_top{padding-bottom:36px}  /*회원가입폼, 가입 약관, 아이디,비번 찾기*/
.member_top .titlebar_member{position:fixed; width:100%; background:#56b3fb; z-index:5}
.member_top .titlebar_member h2{padding:13px 0; font-size:19px; color:#fff; text-align:center}
.member_top .titlebar_member .btn_prev{position:absolute; top:15px; left:15px}
.member_top .titlebar_member .btn_prev img{width:23px; height:20px}
.member_top .title_txt{padding-top:30px}
.member_top .title_txt .txt1{padding-top:19px; border-top:none; font-size:15px; color:#fff; text-align:center; line-height:23px}
.member_top .title_txt strong{font-weight:bold}

.page_top .titlebar_club1{position:fixed; width:100%; background:#56b3fb; z-index:5} /*모임 리스트*/
.page_top .titlebar_club1 .site-wrap2 {overflow:hidden;}
.page_top .titlebar_club1 .site-wrap2 h2{float:left; padding:14px 0 14px 34px; font-size:17px; color:#fff; background:url(../images/common/img-logo7.png) no-repeat 0 center; background-size:28px 28px}
.page_top .titlebar_club1 .btn_setting{position:absolute; top:11px; right:13px}
.page_top .titlebar_club1 .btn_setting img{width:26px; height:26px}
.page_top .titlebar_club1 .test {float:left; margin:12px 0 0 15px;}
.page_top .titlebar_club1 .test a {display:block; color:#21a6f7; font-size:16px; font-weight:bold; background:#fff7d6; border-radius:5px; width:70px;height:24px; line-height:24px; text-align:center; letter-spacing:0.06em; padding-top:2px;}
.page_top .titlebar{position:fixed; width:100%; background:#56b3fb; z-index:5}
.page_top .titlebar h2{padding:13px 0; font-size:19px; color:#fff; text-align:center}
.page_top .titlebar h2 a {color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; display: block; margin: 0 auto;}
.page_top .titlebar .btn_left{position:absolute; top:15px; left:15px}
.page_top .titlebar .btn_left img{width:23px; height:20px}
.page_top .titlebar .btn_right{position:absolute; top:11px; right:13px}
.page_top .titlebar .btn_right img{width:26px; height:26px}
.page_top .titlebar .btn_right .img1{width:24px; height:24px}
.page_top .titlebar .btn_right .img2{width:17px; height:17px}
.page_top .titlebar .btn_right #top_menu {width:40px; height:33px; opacity:0.9;}
.page_top .title_txt{padding-top:18px; border-top:1px solid #abd9fd; font-size:15px; color:#fff; text-align:center; line-height:23px}
.page_top .title_txt strong{font-weight:bold}

.page_top_view{padding-bottom:150px}  /*모임 F자세히 보기*/
.page_top_view.wnv{padding-bottom:150px}
.page_top_view .titlebar_club2{position:fixed; width:100%; background:#56b3fb; z-index:15}
.page_top_view .titlebar_club2 h2{padding:10px 0 7px 0;}
.page_top_view .titlebar_club2 h2 a{color:#fff; display:block; font-size:19px; text-align:center;
                                  letter-spacing:0.1em; overflow:hidden; text-overflow:ellipsis;
                                  white-space:nowrap; width:270px; margin:0 auto 4px;}
.page_top_view .titlebar_club2 h2 span {color:#fff; font-size:14px; font-weight:normal; border-left:1px solid rgba(255,255,255,0.5);
                                        border-right:1px solid rgba(255,255,255,0.5); text-align:center;
                                         display:block; width:110px; margin:0 auto; padding-left:1px;
                                        letter-spacing:0.1em; }
.page_top_view .titlebar_club2 .btn_left{position:absolute; top:17px; left:15px}
.page_top_view .titlebar_club2 .btn_left img{width:23px; height:20px}

/*메뉴버튼 슬라이드에서 새창 열어서 아이콘배치식으로 변경*/
.page_top_view .titlebar_club2 .btn_right{position:absolute; top:17px; right:15px}
.page_top_view .titlebar_club2 .btn_right img{width:23px; height:18px}

.page_top_view .titlebar_club2 .btn_right2{position:absolute; top:10px; right:15px; }
.page_top_view .titlebar_club2 .btn_right2 a { display:block;}
.page_top_view .titlebar_club2 .btn_right2 a img {width:40px; height:33px; opacity:0.9;}

/*위 디자인 종료*/

.page_top_view .titlebar_club2 .btn_right .btn_setting-r{width:23px; height:23px}
.page_top_view .navi_view{position:relative; }
.page_top_view .navi_view ul{position:relative; z-index:5}
.page_top_view .navi_view ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.page_top_view .navi_view li{position:relative; float:left; width:50%; box-sizing:border-box; text-align:center; }
.page_top_view .navi_view li:last-child{background:none}
.page_top_view .navi_view li a{display:block; font-weight:300; }
.page_top_view .navi_view li.on .arrow{position:absolute; bottom:0px; left:50%;  margin-left:-8px;  width:17px; height:9px; background:url(../images/common/icon_money_arrow.png) no-repeat center bottom; background-size:17px 9px;}
.page_top_view .navi_view li span{font-size:15px; color:#fff; line-height:18px; display:block; padding:10px 0 8px;}
.page_top_view .navi_view li:hover span, .page_top_view .navi_view li.on span{font-weight:normal}
.page_top_view .navi_view .fee:first-child {background:#f4649c; padding-bottom:13px; border-right:1px solid #fff; }
.page_top_view .navi_view .fee:first-child li:first-child {background:url(../images/common/sep2-a.png) no-repeat 100% center; background-size:1px 20px}
.page_top_view .navi_view .fee:last-child li:first-child {background:url(../images/common/sep2-b.png) no-repeat 100% center; background-size:1px 20px}
.page_top_view .navi_view .fee:last-child {background:#2c90ee; padding-bottom:13px; }
.page_top_view .navi_view .fee:first-child strong {display:block; font-weight:bold; padding:10px 0 8px; font-size:16px; color:#fff; line-height:18px; border-bottom:1px solid #feb8d3; width:93%; margin:0 auto;}
.page_top_view .navi_view .fee:last-child strong {display:block; font-weight:bold; padding:10px 0 8px; font-size:16px; color:#fff; line-height:18px; border-bottom:1px solid #87befb; width:93%; margin:0 auto;}
.page_top_view .navi_view .fee ul {border-top:none;}
.page_top_view .navi_view .fee {height:73px; }

.section_bsc {position:relative; top:0; padding:15px 15px 22px; margin-top:8px; margin-bottom:30px; }
.tablewrap {height:calc(100vh - 130px);}
.site-wrap2 .tip {margin-top:12px; font-size:15px; letter-spacing:0.02em;}

/*공지사항*/
.section_bsc table {text-align:center; width:100%; /* border:1px solid #e0e0e0; */ border-collapse:collapse;
                    margin-top:40px;}
.section_bsc table thead tr th {padding:9px 0 7px 0; color:#fff; background:#55b3fa;}

.section_bsc table thead th:nth-child(1) { width:10%; }
.section_bsc table thead th:nth-child(2) {width:43%}
.section_bsc table thead th:nth-child(3) {width:17%}
.section_bsc table thead th:nth-child(4) { width:30%; }

.section_bsc table tbody tr {border-bottom:1px dotted #e0e0e0; }
.section_bsc table tbody tr:last-child {border-bottom:1px solid #e0e0e0; }
.section_bsc table tbody td {padding:9px 0 7px 0; }
.section_bsc table tbody tr td:nth-child(2) span {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
                                          width:130px; display:block;  padding:0 2px; margin:0 auto;}




/*MEMBER*/
/*LOGIN*/
.section_member1 {position:relative; top:-15px; padding:15px 15px 22px}   /*top, padding-top 값이 다름*/
.member .login_input input{margin-bottom:8px; background-repeat:no-repeat; background-position:right 11px center; background-size:12px 16px}
.member .login_input input[type='text']{background-image:url(../images/member/ico_account1.png)}
.member .login_input input[type='password']{background-image:url(../images/member/ico_pw1.png)}

/*아이디 기억하기*/
.section_member1 #checkWrap {overflow:hidden; height:30px; }
.section_member1 #checkWrap .real-check {float:left; box-sizing:border-box; margin-right:5px; width:25px;  height:30px;  position:relative}
.section_member1 #checkWrap .real-check label {width:17px; height:17px; display:inline-block; border:2px solid #b5c1c6;
                       cursor:pointer; border-radius:20px;
                       background:url(../images/common/check3.png) no-repeat center;
                       background-size:18px 18px; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.section_member1 #checkWrap .real-check input[type="checkbox"]:checked + label {border:2px solid #199cf4;
           background:url(../images/common/check4-on_id.png) no-repeat center;
           background-size:18px 18px;}
.section_member1 #checkWrap .real-check input[type="checkbox"] {display:none;}
.section_member1 #checkWrap .remember_id {float:left; line-height:30px; padding-top:1px;}


.member .btn_login{margin-top:8px; }
.member .find_info{margin-top:10px}
.member .find_info:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.member .find_info li{float:left; width:50%; padding:3px 0; text-align:center; background:url(../images/member/sep_login1.png) no-repeat 100% center}
.member .find_info li:last-child{background:none}
.member .find_info li a{font-size:14px; color:#4ea8ed}
.member .sns_login{margin-top:15px; text-align:center; background:url(../images/member/sep_login2.png) repeat-x 0 10px}
.member .sns_login .title span{display:inline-block; width:80px; font-size:11px; color:#aeaeae; background:#fff}
.member .sns_login .btnset{margin-top:16px}
.member .sns_login .btn_sns1{margin-bottom:8px; border-color:#f2ca00; background-color:#fedd35}
.member .sns_login .btn_sns2{border-color:#395fa4; background-color:#4c72b6}
.member .sns_login .btnset .f_style2 span{display:inline-block; background-repeat:no-repeat; background-position:0 center}
.member .sns_login .btn_sns1 span{padding-left:24px; color:#3b1d1e; background-image:url(../images/member/ico_kakao.png); background-size:17px 15px}
.member .sns_login .btn_sns2 span{padding-left:20px; background-image:url(../images/member/ico_facebook.png); background-size:10px 21px}
.member .btn_join{border-color:#61baf7; background-color:#61baf7; margin-top:15px;}
.member .btn_join span {display:inline-block; padding-left:22px; background:url(../images/member/ico_join1.png) no-repeat 0 center; background-size:14px 14px}
.member .btn_join .test_around {display:inline-block; padding-left:22px; background:url(../images/member/ico_test.png) no-repeat 0 center; background-size:18px 18px}

/*회원가입 약관*/
.section_member2{position:relative; top:-20px; padding:20px 15px}
.member .terms li{margin-bottom:15px}
.member .terms li .cont_top:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.member .terms .title{float:left; padding-left:22px; background:url(../images/member/ico_join2.png) no-repeat 0 1px; background-size:16px 16px}
.member .terms .title span{font-size:15px; color:#666666}
.member .terms .cb_terms{float:right}
.member .terms .cont{margin-top:10px}
.member .terms .cont textarea{height:100px; border-left:none; border-right:none; background:#f7f7f7}
.member .cb_all{padding-top:18px; margin-top:20px; border-top:1px solid #dadada;
                padding-bottom:18px; border-bottom:1px solid #dadada; margin-bottom:15px;}
.member .cb_all:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.member .cb_all .title{float:left}
.member .cb_all .title span{font-size:16px; color:#222}
.member .cb_all .cb_terms{float:right;}
.member .btn_agree{position:relative; top:-20px; margin:11px 0 25px; }
.member .btn_agree .btn1{display:inline-block; width:calc(50% - 4px); margin-right:4px; border:1px solid #c6deef; background-color:#fff; border-radius:3px}
.member .btn_agree .btn2{display:inline-block; width:calc(50% - 4px); margin-left:4px; border:1px solid #6dbbf6; background-color:#56b3fb; border-radius:3px}
.member .btn_agree span{font-size:15px}
.member .btn_agree .btn1 span{color:#56b3fb}
.member .btn_agree .btn2 span{color:#fff}

/*회원가입 동의 페이지에 추천인 부분 추가*/
.section_member2 .reco .item {margin:10px 0 4px; font-size:14px; color:#4aaaf5}
.section_member2 .reco .input{margin-bottom:10px}
.section_member2 .reco .input .btn1{border-color:#56b3fb; background:#fff}
.section_member2 .reco .input .btn1 span{color:#4aaaf5}
.section_member2 .reco .warning {color:#ed1414; font-size:13px; margin-top:15px;}
.section_member2 .reco .warning img {width:20px; height:20px; position:relative; top:-3px; margin-right:3px;}

/*입력폼 : 회원가입,아이디 비번 찾기*/
.member .profile{padding-top:18px}
.member .profile li{padding:0 0 5px;}
.member .profile li .confirm {font-size:12px; color:#f4143f;}
.member .profile li.em {font-size:15px; font-weight:bold; letter-spacing:0.15em;
                      color:#f4143f; border-bottom:3px solid #d6d6d6; margin-bottom:22px; margin-top:7px;}
.member .profile li:last-child{padding-bottom:0;}
.member .profile li:last-child .input:last-child{margin-bottom:0;}   /*맨 마지막 입력폼의 마지막 인풋의 margin-bottom 제거*/
.member .profile li .item{margin:10px 0 4px; font-size:14px; color:#4aaaf5}
.member .profile li:first-child .item{margin-top:0}
.member .profile li .input{margin-bottom:10px}
.member .profile li .input .btn1{border-color:#56b3fb; background:#fff}  /*인증버튼 타입*/
.member .profile li .input .btn1 span{color:#4aaaf5}
.member .profile li .input .btn1.complete{border-color:#db4c3f; background:#db4c3f}  /*확인 타입*/
.member .profile li .input .btn1.complete span{color:#fff}
.member .profile input[type='password']{background-repeat:no-repeat; background-position:right 11px center}
.member .profile input.ico1{background-image:url(../images/member/ico_pw2.png); background-size:16px 16px}
.member .profile input.ico2{background-image:url(../images/member/ico_pw3.png); background-size:12px 16px}
.member .profile input.ico3{background-image:url(../images/member/ico_pw4.png); background-size:12px 16px}
.member .btn_complete{position:relative; top:-20px; margin:11px auto 25px; border-color:#f4649c; background-color:#f4649c; width: calc(100% - 30px);}
.member .btn_complete span{display:inline-block; padding-left:30px; background:url(../images/member/ico_join3.png) no-repeat 0 center; background-size:21px 14px}
.member .btn_find_idpw{position:relative; top:-20px; margin:11px 15px 25px; border-color:#f4649c; background-color:#f4649c;}
.member .btn_find_idpw.complete{border-color:#f4649; background:#f4649}
.member .btn_find_idpw span{display:inline-block; background-repeat:no-repeat; background-position:0 center; background-size:16px 16px}
.member .btn_find_idpw span.ico1{padding-left:23px; background-image:url(../images/member/ico_account2.png)}
.member .btn_find_idpw span.ico2{padding-left:23px; background-image:url(../images/member/ico_account3.png); background-position:0 50%}

/*가입경로 추가 17.11.03*/
.member .profile li .path {-webkit-appearance: none; vertical-align: middle; width: 100%; height: 42px; padding-left: 12px; font-size: 14px; font-weight: 300; color: #333; border: 1px solid #eaeaea; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 10px center; background-size: 15px auto;}

.member .list1{padding-top:0; padding-bottom:16px}  /*아이디 찾기 결과*/
.member .list1 li{padding:16px 0; border-bottom:1px solid #ebebeb}
.member .list1 li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.member .list1 li .find_list{float:left}
.member .list1 li .find_list label{padding-left:28px}
.member .list1 li .find_list span{display:inline-block; position:relative; top:-1px; font-size:15px; font-weight:bold; color:#222}
.member .list1 li .join_date{float:right; position:relative; top:3px; font-size:13px; font-weight:300; color:#999}
.member .list1 li .join_date span{color:#333}

/*팝업 공통*/
.layer1{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer1 .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=70);}
.layer1 .pop-layer {display:block;}
.layer2{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer2 .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=70);}
.layer2 .pop-layer {display:block;}

/*팝업 : 인증확인*/
.pop-layer {display:none; position:absolute; top:50%; left:50%; height:auto; background-color:#fff; z-index: 10; overflow:hidden}

.pop_member1 .pop-layer{width:calc(100% - 70px); border-radius:10px} /*너비 등 커스텀*/
.pop_member1 .pop-header{position:relative; border-bottom:1px solid #e5e5e5; background:#56b3fb}
.pop_member1 .pop-header .title{height:48px; line-height:48px}
.pop_member1 .pop-header .title span{font-size:15px; color:#fff; padding-left:17px}
.pop_member1 .pop-header .btn-r{position:absolute; top:17px; right:15px}
.pop_member1 .pop-header .btn-r img{width:14px}

.pop_member1 .pop-cont{background:#fff}
.pop_member1 .pop-cont .ctf_result{display:table; width:100%; height:100%}
.pop_member1 .pop-cont .ctf_result .inner{display:table-cell; text-align:center; vertical-align:middle; padding:33px 0}
.pop_member1 .pop-cont .ctf_result .ico1{width:34px; height:23px; margin:0 auto; background:url(../images/member/ico_pop_member1.png) no-repeat 0 0; background-size:34px 23px}
.pop_member1 .pop-cont p{margin-top:12px; font-size:15px; color:#333; text-align:center}

.pop_member1 .pop-footer{margin:0; padding:13px;  text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1}
.pop_member1 .pop-footer .btn_pop1{height:44px; border-color:#6db9f4; border-radius:5px; background-color:#56b3fb}
.pop_member1 .pop-footer .btn_pop1 a{line-height:44px}
.pop_member1 .pop-footer .btn_pop1 span{font-size:15px}

/*모임 리스트*/
.section_list_drag1{position:relative; top:15px; margin-bottom:20px; }
.section_list_drag1 li{padding-bottom:10px; overflow:hidden; border-bottom:1px solid #dbeaf4; background:#fff; box-sizing:border-box; width:100%;}
.section_list_drag1 li a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.section_list_drag1 li.ui-sortable-placeholder {border-color:#f9f9f9; background:#f9f9f9}
.section_list_drag1 .left_photo{position:relative; float:left; width:130px; height:120px;  margin:18px 0 0 0px; box-sizing:border-box}
.section_list_drag1 .left_photo img {display:block; width:90px; height:90px; margin:0 auto; border-radius:3px; border:1px solid #bec5d3; box-sizing:border-box}
.section_list_drag1 .left_photo p {font-size:14px; letter-spacing:0.05em; position:absolute; top:46px; left:39px; color:#fff; font-weight:bold;}
.section_list_drag1 .left_photo .pick_group { box-sizing:border-box; line-height:30px; padding-left:25px; height:30px; margin-left:27px;}
.section_list_drag1 .left_photo .golf_team {background:url(../images/common/golf_group.png) no-repeat 0px 3px; background-size:23px 23px; }
.section_list_drag1 .left_photo .premium_team {background:url(../images/common/icon_money_premium.png) no-repeat 0px 2px; background-size:24px 24px; }
.section_list_drag1 .left_photo .basic_team {background:url(../images/common/icon_money_light.png) no-repeat 0px 2px; background-size:25px 25px; }
.section_list_drag1 .left_photo .pick_both {box-sizing:border-box; height:30px; line-height:30px; padding-left:25px; background:url(../images/common/golf&com_group.png) no-repeat 0px 3px; background-size:23px 23px; margin-left:10px;}
.section_list_drag1 .left{float:right; box-sizing:border-box; width:calc(100% - 130px); margin-top:7px;}
.section_list_drag1 .left a {display:block; float:right; width:70%;  box-sizing:border-box;}
.section_list_drag1 .left a .left_under {width:157px; float:right; }
/*모임리스트 이동아이콘 추가*/
.section_list_drag1 .left .ico_move {float:right; margin:53px 11px 0 11px; width:20px; height:20px; background:url(../images/common/ico_move1.png) no-repeat; background-size:20px 20px;}

.section_list_drag1 .left .item{padding-top:5px}
.section_list_drag1 .left .item span.auth {display:block; font-size:17px; color:#333; overflow:hidden; text-overflow:ellipsis; padding-top:2px; white-space:nowrap; width:130px; padding-left:27px; background:url(../images/common/icon_money_authority4.png) no-repeat; background-size:24px 24px;}
.section_list_drag1 .left .item span.mem {display:block; font-size:17px; color:#333; overflow:hidden; text-overflow:ellipsis; padding-top:2px; white-space:nowrap; width:130px; padding-left:27px; background:url(../images/common/icon_money_read2.png) no-repeat; background-size:24px 24px;}
.section_list_drag1 .left .item span.au_mem {display:block; font-size:17px; color:#333; overflow:hidden; text-overflow:ellipsis; padding-top:2px; white-space:nowrap; width:130px; padding-left:27px; background:url(../images/common/icon_money_authority5.png) no-repeat; background-size:24px 24px;}
.section_list_drag1 .left .item .expire{display:block; font-size:17px; color:#bababa; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:157px; }
.section_list_drag1 .left .item span.it_hidden{display:block; background:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:157px;}
                                /*권한이 없는 일반 회원일 경우 만료상황 디자인*/
.section_list_drag1 .left .item span.it_hidden_expire2 {display:block; font-size:17px; color:#bababa; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:157px;}

/*모임리스트 총무, 회원 아이콘 구분 디자인*/
.section_list_drag1 .left_photo span{display:block;background:url(../images/common/icon_money_authority4.png) no-repeat;
                                background-size:25px 25px; position:absolute; width:25px; height:25px; top:-10px; left:-10px;}
.section_list_drag1 .left_photo .expire{display:block; background:url(../images/common/icon_money_authority_grey3.png) no-repeat;
                                background-size:25px 25px; }
.section_list_drag1 .left_photo span.it_hidden{display:block; background:url(../images/common/icon_money_read2.png) no-repeat;
                                background-size:25px 25px;}
                                /*권한이 없는 일반 회원일 경우 만료상황 디자인*/
.section_list_drag1 .left_photo span.it_hidden_expire2 {display:block;  background:url(../images/common/icon_money_read_grey2.png) no-repeat;
                                background-size:25px 25px; }
.section_list_drag1 .left_photo .au_mem {display:block;background:url(../images/common/icon_money_authority5.png) no-repeat;
                                background-size:25px 25px; position:absolute; width:25px; height:25px; top:-10px; left:-10px;}

.section_list_drag1 .left .status{margin-top:2px; font-size:14px; color:#787878; width:155px;}
.section_list_drag1 .left .status div {overflow:hidden;}
.section_list_drag1 .left .date {font-weight:bold; color:#db4c3f}
.section_list_drag1 .left .status .tatal-date {font-size:12px;}
.section_list_drag1 .left .status .number {font-weight:bold; color:#56b3fb}
.section_list_drag1 .left .array {display:block; width:95px; text-align:right; float:right;}
.section_list_drag1 .left .end {font-weight:bold;}
.section_list_drag1 .left .three {letter-spacing:0.05em;}
.section_list_drag1 .left .status .pay_title {display: block; float:left;}
.section_list_drag1 .left .status .pay_time {font-weight: bold; color: #56b3fb; display: block; text-align: right; float: right;}
.section_list_drag1 .left .status .p_golf {background: url(../images/common/golf_group.png) no-repeat top right; background-size: 16px auto; padding-right:18px;}
.section_list_drag1 .left .status .p_club {background: url(../images/common/img-logo7.png) no-repeat top right; background-size: 14px auto; padding-right:16px;}

.section_list_drag1 .left .status_grey {margin-top:2px; font-size:14px; color:#bababa; }
.section_list_drag1 .left .status_grey div {overflow:hidden;}
.section_list_drag1 .left .status_grey .nocolor {font-weight:bold; color:#bababa;}

.section_list_drag1 .right{float:right; box-sizing:border-box}
.section_list_drag1 .right:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.section_list_drag1 .right .btn_modify{float:right; padding-right:12px; margin-right:5px; background:url(../images/common/sep4.png) no-repeat right center; background-size:1px 16px}
.section_list_drag1 .right .btn_modify a {display:block; height:68px; line-height:68px; font-size:14px; color:#4ea8ed}
.section_list_drag1 .right .btn_modify2 {float:right; padding-right:12px; margin-right:5px; background:url(../images/common/sep4.png) no-repeat right center; background-size:1px 16px}
.section_list_drag1 .right .btn_modify2 a {display:block; height:68px; line-height:68px; font-size:14px; color:#bababa;}


/*유료모임기간 만료시  결제유도창*/
#pop-up {width:300px; background:#fff; z-index:5; border-radius:5px; padding:25px 0;
         display:none; margin:0 auto;}
#pop-up p {text-align:center; line-height:150%; margin-bottom:20px;}
#pop-up .box {width:80%; margin:0 auto;}
#pop-up .box .yes {display:inline-block; width:calc(50% - 10px); height:40px; border-radius:5px; line-height:40px;
           background:#6bbdfc; color:#fff; text-align:center; float:left; margin-right:10px; box-sizing:border-box;
           margin-left:5px;}
#pop-up .box .no {display:inline-block; width:calc(50% - 10px); height:40px; border-radius:5px; line-height:40px;
           background:#fbfdff; color:#56b3fb; text-align:center; float:left; border: 1px solid #dbe2e6; box-sizing:border-box;}



/*회비입금 팝업창*/
.popup {position:fixed; box-shadow: 3px 3px 3px #afafaf; top:115px; right:0; left:0; bottom:0; margin:auto; width:83%; background:#eaf6ff;  border-radius:10px; height:230px; z-index:101;}
.popup .title{height:35px; line-height:35px; font-size:16px; letter-spacing:0.1em; font-weight:bold; color:#fff; text-align:center; background:#56b3fb; border-radius:10px 10px 0 0;}
.popup form { width:85%; margin:15px auto 15px;}
.popup form div {overflow:hidden; }
.popup form .money_date span:first-child {display:block; float:left; height: 30px; line-height:30px; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.popup form .money_date span:last-child {display:block; float:right; width: 65%; position:relative;}
.popup form .money_date span:last-child input {display:block; width:100%; height: 30px; font-size: 14px; color: #333; background: #fff; border: 1px solid #eaeaea; font-weight: normal; padding-left: 35px; }
.popup form .money_date img {width: 17px; height: 17px; position: absolute; top: 6px; left: 11px;}
.popup form .money_divide {margin:10px 0 0px 0;}
.popup form .money_divide select {float:right; width: 65%; height: 30px; font-size: 14px; color: #333; border: 1px solid #eaeaea; font-weight: normal; padding-left: 31px; background: #fff url(../images/common/icon_money_fee.png) no-repeat 11px 4px; background-size: 17px 17px;}
.popup form .money_divide .money_tit {display:block; float:left; height: 30px; line-height:30px; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.popup form .money_divide .money_change {display:block; float:right; width: 65%;}
.popup form .money_divide .money_change input {display:block; width:100%; height: 30px; background: #fff; border: 1px solid #eaeaea;}
.popup .pop-footer {margin:0; padding:0 13px; text-align:center; width:100%; box-sizing:border-box; }
.popup .pop-footer a {display:inline-block; width:calc(50% - 3px); height:35px; line-height:35px; border-radius:4px; box-sizing:border-box; text-align:center}
.popup .pop-footer .btn1{margin-left:3px; border:1px solid #db4c3f; background-color:#f4649c}
.popup .pop-footer .btn2{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.popup .pop-footer span{font-size:15px}
.popup .pop-footer .btn1 span{color:#fff}
.popup .pop-footer .btn2 span{color:#41a3ef}
.popup .con_wrap {margin:50px 0;}
.popup .con_wrap p {text-align:center; color: #e50c26; margin-bottom:5px;}



/*.section_list_drag1 .right .btn_modify.btn_modify{visibility:hidden}*/
.section_list_drag1 .right .ico_move{float:right; display:block; width:20px; height:68px; padding-left:14px; margin-right:12px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px}

/*플러스버튼 누르고 카톡추천, 둘러보기, 사용설명서(동영상) 아이콘 나옴*/
#more_options {width:55px; height:55px; position:fixed; bottom:70px; right: 10px; display:block;}
#more_options_off {width:55px; height:55px; position:fixed; bottom:70px; right: 10px; display:block; z-index:5; display:none;}

.show_options {position:fixed; bottom:135px; right:15px; z-index:5; display:none;}
.show_options a {overflow:hidden; display:block; margin-bottom:5px;}
.show_options a span.one_lines {float:right; display:block; color:#fff; font-size:15px; letter-spacing:0.08em; height:50px; line-height:50px;}
.show_options a span.two_lines {float:right; display:block; color:#fff; font-size:15px; letter-spacing:0.08em; text-align:center; margin-top:6px;}
.show_options a img {float:right; display:block; width:50px; height:50px; margin-left:5px;}

/*카톡추천 이미지 위치 지정*/
#kakao-reco {width:55px; height:55px; position:fixed; bottom:70px; right: 10px; display:block;}
#sample_test {width:55px; height:55px; position:fixed; bottom:70px; left: 10px; display:block;}

.pop_info {display:none; width:210px; height:180px; border:1px solid #ededed; border-radius:5px; background: #edf8ff; position:fixed; bottom:125px; left:25px; padding:0 5px; box-shadow: 3px 3px 3px #afafaf;}
.pop_info p {text-align:center; font-size:15px; margin:32px auto 18px; width:170px; line-height:150%; letter-spacing:0.03em;}
.pop_info p em {color:#ea062c;}
.pop_info a {font-weight:bold; font-size:15px; letter-spacing:0.1em; display:block; text-align:center; width:100%;  height:35px; line-height:35px; color:#fff; background:#56b3fb; border-radius:5px; }
.pop_info img {position:absolute; top:3px; right:3px; width:25px; height:25px; }

.club .btn_rgt_club{position:fixed; bottom:12px; width:calc(100%); border-color:#f4649c; background-color:#f4649c; }
.club .btn_rgt_club span{display:inline-block; padding-left:31px; font-size:15px; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}

.btn_rgt_club_view {position:absolute; bottom:12px; width:calc(100% - 30px); left:15px; border-color:#f4649c; background-color:#f4649c; height:51px; line-height:51px; border-radius:3px; box-sizing:border-box; }
.btn_rgt_club_view a {display:block; }
.btn_rgt_club_view span{display:inline-block; padding-left:31px; font-size:16px; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px; color:#fff;}

/*CSS3 ALIGN*/
/*
.club .list_empty{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 50px)}
.club .list_empty .section_msg{text-align:center}
.club .list_empty .section_msg .ico1{width:32px; height:32px; margin:0 auto; background:url(../images/common/ico_book1.png) no-repeat 100% 0; background-size:32px 32px}
.club .list_empty .section_msg p{margin-top:10px; font-size:14px; color:#4e7fa1; line-height:22px; }
.club .list_empty .section_msg .btn_rgt{width:121px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.club .list_empty .section_msg .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.club .list_empty .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}
*/

/*CSS3 ALIGN*/
.club .list_empty{display:flex; justify-content:center; align-items:center; width:100%; }
.club .list_empty .section_msg{text-align:center}
.club .list_empty .section_msg .ico1{width:50px; height:50px; margin:0 auto; background:url(../images/common/icon_money_manual2.png) no-repeat 100% 0; background-size:50px 50px}
.club .list_empty .section_msg p{margin:10px; font-size:14px; color:#4e7fa1; line-height:22px;}
.club .list_empty .section_msg .btn_rgt{width:121px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box; margin-bottom:75px;}
.club .list_empty .section_msg .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_check3.png) no-repeat 12px 8px; background-size:23px 23px}
.club .list_empty .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}

/*입력폼 : 회원가입,아이디 비번 찾기*/
.form1{padding-top:12px}
.form1 li{padding:0 0 5px; border-bottom:1px solid #ebebeb; overflow:hidden}
.form1 li:last-child{padding-bottom:0; border-bottom:none}
.form1 li:last-child .input:last-child{margin-bottom:0;}   /*맨 마지막 입력폼의 마지막 인풋의 margin-bottom 제거*/
.form1 li .item{margin:10px 0 4px; font-size:14px; color:#4aaaf5}
.form1 li:first-child .item{margin-top:0}
.form1 li .input{margin-bottom:10px}

/*모임 수정 뷰페이지*/
.site-wrap3 {width:100%; padding:0 15px; box-sizing:border-box;}
.site-wrap3 .view_table2 { border-collapse:collapse; width:100%; margin:15px 0 18px 0;}
.site-wrap3 .view_table2 th {width:30%; font-size: 14px; color: #4aaaf5; border-bottom:1px solid #eaeaea; padding-left:10px; height:45px; text-align:left;}
.site-wrap3 .view_table2 td {font-size: 15px; font-weight: 300; color: #333; height: 42px; border-bottom:1px solid #eaeaea; padding-left:10px;}
.site-wrap3 .view_table2 td.rule {font-size:14px; color:#b5b5b5;}
.site-wrap3 .view_table2 th span {display:block; color:red; font-weight:normal;}
.site-wrap3 .view_table2 td .ellips {width:200px; display:block;}

/*미납회비 조회하기 라디오 버튼 추가*/
.form1 li .input .unpay_memt {font-size:15px; letter-spacing:0.03em; padding-left:5px; margin-top:7px; display:block;}
.form1 li .input .unpay_memt2 {position:relative; position:absolute; top:-14px; left:calc(50% - 65px); font-size:17px; font-weight:bold; letter-spacing:0.03em; display:block; text-align:center; width:130px; background:#000; color:#fff; padding-top:2px;}
.form1 li .input .unpay_memt2 img {display:block; width:45px; height:auto; position:absolute; top:-13px; left:-20px;}
.form1 li .input .radioWrap {overflow:hidden; }
.form1 li .input .radioWrap .rg {float:left; width:50%; box-sizing:border-box;}
.form1 li .input .radioWrap .rg .radio_center {background:#fff; z-index:10; width:60px; padding-left:5px; margin:0 auto; overflow:hidden;}
.form1 li .input .radioWrap .rg .radio_center div {float:left;}
.form1 li .input .radioWrap .rg .rd_content {border:1px solid #000; border-radius:5px; width:95%; margin:0 auto; padding-top:20px; height:130px;}
.form1 li .input .radioWrap .rg .rd_content p {overflow:hidden; margin-bottom:5px; font-size:15px;}
.form1 li .input .radioWrap .rg .rd_content p:first-child {}
.form1 li .input .radioWrap .rg .rd_content p span {display:block; box-sizing:border-box; line-height:140%;}
.form1 li .input .radioWrap .rg .rd_content p span:first-child {width:12%; float:left; text-align:center; }
.form1 li .input .radioWrap .rg .rd_content p span:last-child {width:88%; float:right;}
.form1 li .input .radioWrap .team {position:relative; width:21px; height: 39px; margin-right:3px;}
.form1 li .input .radioWrap .team label { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:19px; height:18px; background:url(../images/common/bg_radio_off2.png) no-repeat; background-size:19px 18px;}
.form1 li .input .radioWrap .team input[type="radio"] {position:absolute; top:0; left:-9999px;}
.form1 li .input .radioWrap .team input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on2.png) no-repeat center; background-size:19px 18px;}
.form1 li .input .radioWrap .fore { line-height:37px; height:37px; padding-top:2px; font-weight:bold; font-size:16px; letter-spacing:0.04em;}

/*모임개설잔액 마이너스 경우로 수정*/
.form1 li .item_wrap {overflow:hidden; margin-top:4px;}
.form1 li .item_wrap p {float:left; height:35px;}
.form1 li .item_wrap p:nth-child(1) {font-size: 14px; color: #4aaaf5; line-height:35px;}
.form1 li .item_wrap p:nth-child(2) {color:red; padding-left:4px; line-height:35px;}
.form1 li .item_wrap p:nth-child(2) span {display:inline-block; width:15px; height:15px; background:url(../images/common/minus.png) no-repeat center 3px;
                       background-size:15px 15px; margin-right:2px;}
.form1 li .item_wrap p:nth-child(3) {width:20px; background:url(../images/common/minus_check_grey.png) no-repeat 0px 6px; background-size:20px 20px; margin:0 2px 0 5px;}
.form1 li .item_wrap p:nth-child(4) {color:red; line-height:35px;}
.form1 li .money_wrap {overflow:hidden; margin-top:2px;}
.form1 li .money_wrap .type_new {display:block; float:right; width: 77%; height: 42px; line-height: 42px; text-align: right; padding-right: 10px; background-color: #fff; margin-bottom:10px;}

/*모임개설잔액 체크박스 디자인*/
.form1 li .money_wrap .minus_check {float:right; margin:8px 8px 0 0;}
.form1 li .money_wrap .minus_check label {width:25px; height:25px; display:inline-block;
                       cursor:pointer;
                       background:url(../images/common/minus_check_grey.png) no-repeat center;
                       background-size:25px 25px;}
.form1 li .money_wrap .minus_check input[type="checkbox"]:checked + label {
                       background:url(../images/common/minus_check.png) no-repeat center;
                       background-size:25px 25px;}
.form1 li .money_wrap .minus_check input[type="checkbox"] {display:none;}

/*미납회비 조회하기 라디오 버튼 추가-수정함 17.08.31*/
.form1 li .check_em {border:1px solid #f4649c; background:#f4649c; margin-top:10px; position:relative; margin-bottom:15px; border-radius:5px;}
.form1 li .input table {border-collapse:collapse; width:94%; margin:20px auto 15px; box-sizing:border-box; background:#fff;}
.form1 li .input table td {border:1px solid #c2c2c2; padding:15px 5px 15px 5px; font-size:15px; letter-spacing:0.04em; line-height:150%; text-align:left;}
.form1 li .input table tr:first-child td {padding:12px 0; border-bottom:3px solid #a3a3a3; }
.form1 li .input table td.center {text-align:center;}
.form1 li .input table td font {font-weight:bold; color:#ee0303; font-size:16px;}
.form1 li .input table td:nth-child(1) { width:50%;}
.form1 li .input table td:nth-child(2) {width:50%;}
.form1 li .input table td .radio_center {overflow:hidden; margin:0 auto;}
.form1 li .input table td .radio_center2 {overflow:hidden; display:inline-block; margin-top:7px;}
.form1 li .input table td .radio_center2:first-child {margin:0 5px;}
.form1 li .input table td .option1 {width:60px;}
.form1 li .input table td .option2 {width:75px;}
.form1 li .input table td .team {float:left; position:relative; width:19px; height:18px; margin-right:5px;}
.form1 li .input table td .team label { position:absolute; top:0; left:0; width:19px; height:18px; background:url(../images/common/bg_radio_off2.png) no-repeat; background-size:19px 18px;}
.form1 li .input table td .team input[type="radio"] {position:absolute; top:0; left:-9999px;}
.form1 li .input table td .team input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on2.png) no-repeat center; background-size:19px 18px;}
.form1 li .input table td .fore {float:left; font-weight:bold; font-size:16px; letter-spacing:0.04em;}
.form1 li .input table td.sample span {height: 24px; line-height: 22px; display: block; color: #2e9ef4;border: 1px solid #2e9ef4; font-weight: bold; box-sizing: border-box; width:80px; text-align:center; border-radius:3px; margin:6px auto 0;}
.form1 li .input table .deact {color:#c9c9c9;}
.form1 li .input table .deact font {color:#c9c9c9;}
.form1 li .input table .deact .team input[type="radio"]:checked + label {background:url(../images/common/bg_radio_off2.png) no-repeat center; background-size:19px 18px;}
.form1 li .input table td.sample .deact {height: 24px; line-height: 22px; display: block; color:#c9c9c9; border: 1px solid #c9c9c9; font-weight: bold; box-sizing: border-box; width:80px; text-align:center; border-radius:3px; margin:6px auto 0;}

.form1 li .pop_unpay {position:relative; width:330px; height:auto; z-index:201; box-sizing:border-box; display:none;}
.form1 li .pop_unpay .pop_con {width:310px; height:auto; display:block; margin:30px auto 0;}
.form1 li .pop_unpay .delete {position:absolute; top:-6px; right:7px; width:35px; height:35px; display:block;}
.form1 li .pop_payment {position:relative; width:330px; height:auto; display:none; z-index:201}
.form1 li .pop_payment .pop_con2 {width:310px; height:auto; display:block; margin:30px auto 0;}
.form1 li .pop_payment .delete {position:absolute; top:-6px; right:7px; width:35px; height:35px; display:block;}

.form1 .attach{display:none; position:relative; top:8px; padding-top:4px}
.form1 .attach.on{display:block}
.form1 .attach:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.form1 .attach span{display:inline-block; }
.form1 .attach .atc_left{float:left; }
.form1 .attach .atc_left span{padding:2px 0 2px 23px; font-size:13px; font-weight:300; color:#333; background:url(../images/common/ico_attach1.png) no-repeat 0 center; background-size:16px 17px}
.form1 .attach .atc_right{float:right}
.form1 .attach .atc_right span{width:18px; height:18px; padding:2px 0; background:url(../images/common/ico_cancel1.png) no-repeat 0 center; background-size:18px 18px}
.form1 .warning {font-size:12px; color:red; padding-bottom:5px;}
.form1 .warning span {padding-left:9px;}

.form1 input.ico{background-repeat:no-repeat; background-position:right 11px center; background-size:16px 16px}
.form1 input.ico1{background-image:url(../images/common/ico_calendar1.png)}
.form1 input.ico2{background-image:url(../images/common/ico_reminder1.png)}
.form1 input.ico3{/* background:url(../images/common/ico_w1.png) no-repeat left 10px center; */ background-size:15px 12px}

.form1 select{vertical-align:middle; width:calc(100% - 127px); padding-left:6px; height:42px; font-size:14px; color:#333; border:1px solid #eaeaea; background:#fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size:12px 7px}
.form1 select:invalid{color:red}
.form1 select{
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
.form1 select:required:invalid{color:#d8d7d7}
.form1 select option{padding-left:50px;color:#333}
.form1 input.type1{}
.form1 input.type2{padding-right:10px}
.form1 input.wslt{width:119px; margin-right:3px}
.club .btn_confirm{position:relative; top:0; margin: 0px 10px 35px;}
.club .btn_confirm a{display:inline-block; width:calc(50% - 3px); height:53px; line-height:53px; border-radius:3px; box-sizing:border-box; text-align:center}
.club .btn_confirm .btn1{border:1px solid #f4649c; background-color:#f4649c}
.club .btn_confirm .btn2{margin-right:6px; border:1px solid #d9e4ec; background-color:#fff}
.club .btn_confirm .btn3{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c}
.club .btn_confirm .btn4{margin-right:3px; border:1px solid #cf4c41; background-color:#cf4c41}
.club .btn_confirm .btn5{margin-left:3px; border:1px solid #db4c3f; background-color:#db4c3f}
.club .btn_confirm span{font-size:17px}
.club .btn_confirm .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.club .btn_confirm .btn1 .invite{color:#fff; padding-left:28px; background:url(../images/common/invite.png) no-repeat 0 -2px; background-size:21px auto;}
.club .btn_confirm .btn2 span{color:#888888}
.club .btn_confirm .btn3 span{color:#fff; padding-left:21px; background:url(../images/common/ico_delete1.png) no-repeat 0 center; background-size:14px 16px}
.club .btn_confirm .btn4 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.club .btn_confirm .btn5 span{color:#fff; padding-left:30px; background:url(../images/common/ico_blk1.png) no-repeat 0 center; background-size:23px 19px}

/*엑셀 다운로드 페이지 버튼*/
.club .btn_confirm_excel {position:fixed; bottom:12px; width:100%; padding:0 15px;}
.club .btn_confirm_excel a {display:inline-block; width:calc(100% - 30px); height:53px; line-height:53px; border-radius:3px; box-sizing:border-box; text-align:center}
.club .btn_confirm_excel .btn1 {border:1px solid #f4649c; background-color:#f4649c}
.club .btn_confirm_excel .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px; font-size:17px; font-weight:300;}

/*스크롤 막기*/
.not_scroll {position:fixed; overflow:hidden; width:100%; height:100%; }

/*모임 삭제 페이지*/
.section_bsc .section_bsc_mypage {position:relative; top:0; width:100%; }
.section_bsc .section_bsc_mypage .p_wrap {position:relative; width:300px; margin:30px auto 60px; padding:40px 8px 40px 8px; border:1px solid #f0f0f0; background:url(../images/common/test_bg4.gif) repeat left top; box-sizing:border-box;}
.section_bsc .section_bsc_mypage .p_wrap .p_title {position:absolute; top:-18px; left:96px; background:#b9bdc1 url(../images/common/warning_white.png) no-repeat 20px center; padding-left:48px; background-size:25px 25px; color:#fff; width:63px; height:37px; line-height:37px; border-radius:3px; font-weight:bold; font-size:18px;}
.section_bsc .section_bsc_mypage .p_wrap .p_content {letter-spacing:0.02em; line-height:160%; font-size:15px; text-align:justify;}

/*모임보기 사이드 네비게이션*/
.sidebar_section{right:-60%; background:#fff; }  /*메뉴 비율 너비, js 2곳도 같이 수정*/
.sidebar .navigation{position:relative}
.sidebar .navigation li{border-bottom:1px solid #e2e2e2; background:#fff url(../images/common/arrow_sidebar1.png) no-repeat right 15px center; background-size:7px 12px}
.sidebar .navigation li a{display:block; height:47px; line-height:47px; font-size:15px; font-weight:300; color:#333; padding-left:38px}
.sidebar .navigation li.home{height:120px; padding:26px 0 0 0; border-bottom:1px solid #d2ecfd; background:#e5f4ff; box-sizing:border-box}
.sidebar .navigation li.home a{width:53px; height:72px; margin:0 auto; font-size:14px; font-weight:normal; text-align:center; color:#56b3fb; padding-left:0; padding-top:42px; cursor:pointer; background:url(../images/common/ico_home2.png) no-repeat center 0; background-size:53px 53px; box-sizing:border-box}
.sidebar .navigation li.highlight{border-bottom:none; background-color:#56b3fb; background-image:url(../images/common/arrow_sidebar2.png)}
.sidebar .navigation li.highlight a{font-size:16px; font-weight:normal; color:#fff}
.sidebar .navigation li .ico{background-repeat:no-repeat; background-position: 15px center}
.sidebar .navigation li .ico1{background-image:url(../images/common/ico_sidebar1.png); background-size:13px 16px}
.sidebar .navigation li .ico2{background-image:url(../images/common/ico_sidebar2.png); background-size:14px 16px}
.sidebar .navigation li .ico3{background-image:url(../images/common/ico_sidebar3.png); background-size:16px 16px}
.sidebar .navigation li .ico4{background-image:url(../images/common/ico_sidebar4.png); background-size:14px 16px}
.sidebar .navigation li .ico5{background-image:url(../images/common/ico_sidebar5.png); background-size:14px 16px}
.sidebar .navigation li .ico6{background-image:url(../images/common/ico_sidebar6.png); background-size:15px 14px}
.sidebar .navigation li .ico7{background-image:url(../images/common/ico_sidebar7.png); background-size:15px 13px}
.sidebar .navigation li .ico8{background-image:url(../images/common/ico_sidebar8.png); background-size:13px 15px}
.sidebar .navigation li .ico9{background-image:url(../images/common/ico_sidebar9.png); background-size:16px 10px}
.sidebar .navigation li .ico10{background-image:url(../images/common/ico_sidebar10.png); background-size:16px 16px}


.sidebar .navigation li.highlight .ico1{background-image:url(../images/common/ico_sidebar1_on.png); background-size:13px 16px}
.sidebar .navigation li.highlight .ico2{background-image:url(../images/common/ico_sidebar2_on.png); background-size:14px 16px}
.sidebar .navigation li.highlight .ico3{background-image:url(../images/common/ico_sidebar3_on.png); background-size:16px 16px}
.sidebar .navigation li.highlight .ico4{background-image:url(../images/common/ico_sidebar4_on.png); background-size:14px 16px}
.sidebar .navigation li.highlight .ico5{background-image:url(../images/common/ico_sidebar5_on.png); background-size:14px 16px}
.sidebar .navigation li.highlight .ico6{background-image:url(../images/common/ico_sidebar6_on.png); background-size:15px 14px}
.sidebar .navigation li.highlight .ico9{background-image:url(../images/common/ico_sidebar9_on.png); background-size:16px 10px}
.sidebar .navigation li.highlight .ico10{background-image:url(../images/common/ico_sidebar10_on.png); background-size:16px 16px}

/*모임 보기*/
.section_view_club{position:relative; top:-15px; padding-top:4px; background:#fff}
.section_view_club li{padding:13px 15px; border-bottom:1px solid #ebebeb; }
.section_view_club li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.section_view_club li a {display:block; cursor:pointer; overflow:hidden;}
.section_view_club li .item{float:left; margin:0;}
.section_view_club li .item span{padding-left:23px; font-size:14px; color:#4aaaf5}
.section_view_club li .item .ico1{color:#dd564a; background:url(../images/common/ico_people1.png) no-repeat 0 0; background-size:16px 16px; padding-bottom:3px;}
.section_view_club li .item .ico2{background:url(../images/common/icon_money_rule.png) no-repeat 0 0; background-size:16px 16px; padding-top:1px;}
.section_view_club li .item .ico3{background:url(../images/common/ico_dps2.png) no-repeat 0 center; background-size:16px 12px}
.section_view_club li .item .ico4{background:url(../images/common/icon_money_fee.png) no-repeat 0 1px; background-size:17px 17px; padding-top:2px; padding-bottom:3px; }
.section_view_club li .item .ico5{background:url(../images/common/ico_reminder2.png) no-repeat 0 0; background-size:16px 16px; padding-top:2px;}
.section_view_club li .item .ico6{background:url(../images/common/icon_money_max_people2.png) no-repeat 0 0; background-size:17px 17px; padding-top:2px;}
.section_view_club li .item .ico7{background:url(../images/common/icon_money_rank_small.png) no-repeat 0 0; background-size:20px 20px; padding-top:5px;}
.section_view_club li .item .ico8{background:url(../images/common/icon_money_manage2_small.png) no-repeat 0 0; background-size:20px 20px; padding-top:2px;}
.section_view_club li .item .ico9{background:url(../images/common/icon_money_control_small.png) no-repeat 0 0; background-size:20px 20px; padding-top:3px;}
.section_view_club li .item .ico10{background:url(../images/common/icon_inout_manage_small.png) no-repeat 0 0; background-size:20px 20px; padding-top:5px;}
.section_view_club li .item .ico11{background:url(../images/common/icon_money_change_small.png) no-repeat 0 0; background-size:20px 20px; padding-top:3px; padding-bottom:4px; }
.section_view_club li .item .ico12{background:url(../images/common/icon_money_credit_point_small.png) no-repeat 0 0; background-size:18px 18px; padding-top:1px; padding-bottom:6px; }
.section_view_club li .item .ico13{background:url(../images/common/icon_money_basic_info.png) no-repeat 0 0; background-size:19px 19px; padding-top:3px; padding-bottom:4px; }
.section_view_club li .item .ico14{background:url(../images/common/icon_money_trash.png) no-repeat 0 0; background-size:16px 16px; padding-top:1px; padding-bottom:6px; }
.section_view_club li .item .ico15{background:url(../images/common/icon_money_delay2.png) no-repeat 0 -2px; background-size:20px 20px; padding-top:1px; padding-bottom:6px; }
.section_view_club li .item .ico16{background:url(../images/common/icon_money_speaker_small2.png) no-repeat 0 0; background-size:20px 20px; padding-top:3px;}
.section_view_club li .v_value{float:right}
.section_view_club li .v1 span{font-size:15px; color:#333}
.section_view_club li .v1 a{margin-left:8px}
.section_view_club li .v1 img{position:relative; top:1px; width:18px; height:18px}
.section_view_club li .v2 span{font-size:13px; color:#56b3fb}
.section_view_club li .v2 img{position:relative; top:1px; width:16px; height:16px; margin-left:7px}
.section_view_club li .v3 span{font-size:14px; color:#333}
.section_view_club li .v3 a{margin-left:8px}
.section_view_club li .v3 img{width:18px; height:18px}
.section_view_club li .v4 {background:url(../images/common/arrow_sidebar1.png) no-repeat; background-size: 9px 16px; width:9px; height:16px;}
.section_view_club li.summary{border-bottom:none; padding:0}
.section_view_club li.summary:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.section_view_club li.summary .s_item{width:50%; text-align:center; padding:0 15px; box-sizing:border-box}
.section_view_club li.summary .s_item .title{padding:8px 0}
.section_view_club li.summary .s_item .amount{padding:8px 0}
.section_view_club li.summary .s_item .title span{font-size:14px; color:#fff; /* padding-left:18px; */ /* background:url(../images/common/ico_w2.png) no-repeat 0 4px; */ background-size:15px 12px}
.section_view_club li.summary .s_item .amount span{font-size:19px; font-weight:bold; color:#fff}
.section_view_club li.summary .pay_sur{float:left; border-right:1px solid #fff; background:#f4649c}
.section_view_club li.summary .pay_sur .title{background:url(../images/common/sep3-a.png) repeat-x 0 bottom; }
.section_view_club li.summary .dft_sur{float:right; background:#56b3fb}
.section_view_club li.summary .dft_sur .title{background:url(../images/common/sep3.png) repeat-x 0 bottom}


/*회원리스트*/
.top_wrap {margin:7px 0 5px 0; overflow:hidden; }
.top_wrap .left_member {float:left; margin-top:5px;}
.top_wrap .left_member .search{margin-left:9px; font-size:16px; font-weight:300; color:#56b3fb; padding-top:2px; padding-right:1px;}
.top_wrap .left_member .count {font-size:15px; color:#000; position:relative; top:-1px;}
.top_wrap .left_member .count strong {color:#f4649c; margin-right:2px;}

.top_wrap .right_help {float:right; margin-right:9px;}
.top_wrap .right_help span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:24px; line-height:24px; padding-top:2px; width:50px; text-align:center; }

/*순서변경 셀렉트 박스 추가 17.10.19*/
.summary_list_member .summary_top .left_order {overflow:hidden; width:95%; margin:8px auto 0; box-sizing:border-box; }
.summary_list_member .summary_top .left_order .sort {-webkit-appearance: none; float:left; vertical-align: middle; width: 48%; height: 30px; padding-left: 5px; font-size: 14px; font-weight: 300; color: #333; border: 1px solid #d6d6d6; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 5px center; background-size: 12px 7px;}
.summary_list_member .summary_top .left_order .sort_modi {-webkit-appearance: none; float:right; vertical-align: middle; width: 48%; height: 30px; padding-left: 5px; font-size: 14px; font-weight: 300; color: #333; border: 1px solid #d6d6d6; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 5px center; background-size: 12px 7px;}

.summary_list_member {}
.summary_list_member .summary_top {height:42px; line-height:40px; overflow:hidden; box-sizing:border-box; width:100%; }
.summary_list_member .summary_top:after {content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.summary_list_member .summary_top span {display:inline-block}

.summary_list_member .summary_top .right{float:right; padding-right:12px}
.summary_list_member .summary_top .right span{padding-right:30px; font-size:14px; color:#aeaeae; background:url(../images/common/ico_plus3.png) no-repeat right 9px; background-size:24px 24px}
.summary_list_member .summary_cont{padding:7px 15px}
.summary_list_member .summary_cont .s_item:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.summary_list_member .summary_cont .title{float:left}
.summary_list_member .summary_cont .title span{padding-left:7px; font-size:14px; font-weight:300; color:#555; line-height:27px; background:url(../images/common/dot1.png) no-repeat 0 8px; background-size:3px 3px}
/*회원조회 상단 도움말 버튼 추가, 코딩 수정*/
.summary_list_member .summary_top .s_value_wrap {float:right; overflow:hidden; box-sizing:border-box; width:48%; padding-right:10px;}
.summary_list_member .summary_top .s_value_wrap .right_cate {float:right; }
.summary_list_member .summary_top .s_value_wrap .right_cate a {display:block; color:#2e9ef4; border:1px solid #2e9ef4; font-weight:bold; height:24px; line-height:24px; padding-top:2px; width:85px; text-align:center; margin:7px 0 0 7px;}

.summary_list_member .summary_top .s_value_wrap .help_answ {display:none; position: absolute; top: 48px; right:0; width: 190px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 2; box-shadow: 3px 3px 3px #afafaf;}
.summary_list_member .summary_top .s_value_wrap .help_answ p {text-align: justify; position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.summary_list_member .summary_top .s_value_wrap .help_answ p span {display: inline-block; position: absolute; top: -7px; right:24px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}
.summary_list_member .summary_top .s_value_wrap .help_answ p img {width:20px; height:20px; padding-right:2px;}

/*도움말 디자인 변경 17.12.07*/
.summary_list_member .summary_top .s_value_wrap .help_answ .help_inner {text-align: justify; position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.summary_list_member .summary_top .s_value_wrap .help_answ .help_inner span {display: inline-block; position: absolute; top: -7px; right:24px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}
.summary_list_member .summary_top .s_value_wrap .help_answ .help_inner img {width:20px; height:20px; padding-right:2px;}
.summary_list_member .summary_top .s_value_wrap .help_answ .help_inner .under_line {border-bottom:1px dashed #000; padding-bottom:10px; margin-bottom:10px;}

.summary_list_member .summary_cont .s_value .slt_date{padding-left:20px; color:#56b3fb; background:url(../images/common/ico_calendar1.png) no-repeat 0 3px; background-size:16px 16px}
.summary_list_member .summary_bottom{background:#76c2ff}
.summary_list_member .summary_bottom{height:44px; line-height:44px}
.summary_list_member .summary_bottom:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.summary_list_member .summary_bottom span{display:inline-block}
.summary_list_member .summary_bottom .left{float:left; padding-left:15px}
.summary_list_member .summary_bottom .left span{padding-left:21px; font-size:14px; color:#fff; /* background:url(../images/common/ico_w2.png) no-repeat 0 17px; */ background-size:15px 12px}
.summary_list_member .summary_bottom .right{float:right; padding-right:14px}
.summary_list_member .summary_bottom .right span{font-size:17px; color:#fff}
.summary_list_member .summary_bottom .right strong{font-weight:bold}

/*탈퇴회원이 없을 경우 디자인*/
.wrap-no-member {padding:0 15px;}
.wrap-no-member .no-member {background:#fff; width:100%; height:270px; padding-top:160px;
                            position:relative; top:-15px;}
.wrap-no-member .no-member p {text-align:center;  font-size:15px; letter-spacing:0.1em;
                              color:#2fa4ff; font-weight:bold; border:2px dashed #d6d6d6;
                              width:200px; padding:10px 0; margin:0 auto; border-radius:5px;}

.list_member{position:relative; top:0; margin-top:-60px; width:100%; padding-top:44px; background:#e4f4ff; z-index:1;}
.list_member .accordion{border-top:1px solid #5f5f5f; margin-bottom:40px;}
.list_member .accordion li{height:51px; background:#fff; border-bottom:1px solid #e2e2e2;}
.list_member .accordion li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.list_member .accordion li.hgt{height:100%}
.list_member .accordion li.ui-sortable-placeholder {border-color:#f9f9f9; background:#f9f9f9}
.list_member .panel-title a{display:block; height:50px; line-height:50px;  padding:0; background:#fff}
.list_member .panel-title a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*.list_member .panel-title a.active{border-bottom:1px solid #e2e2e2}
.list_member .panel-title a:hover, .panel-title a:focus, .panel-title a.active{color: #ff5252}
.list_member .panel-title a.active{background:url(../images/ico_faq_open.png) no-repeat 97.8% center}*/
.list_member .panel-title .left{float:left; overflow:hidden;}
.list_member .panel-title .right{float:right; padding-right:10px}
.list_member .panel-title span{display:inline-block; font-size:15px; line-height:51px; box-sizing:border-box;}
.list_member .panel-title .pst{width:50px; margin-left:10px; color:#5ca3de; float:left; font-size:14px; line-height:51px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_member .panel-title .p_name{font-weight:300; color:#333; float:left; font-size:14px; line-height:51px; box-sizing:border-box; width:75px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_member .panel-title .p_number{font-size:14px; font-weight:300; color:#333; padding-right:19px; background:url(../images/common/ico_mobile1.png) no-repeat right 18px; background-size:10px 16px}
.list_member .panel-title .sep{position:relative; top:3px; width:1px; height:16px; margin:0 6px; background:url(../images/common/sep4.png) no-repeat 0 0; background-size:1px 16px}
.list_member .panel-title .ico_move{position:relative; top:5px; width:20px; height:20px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px}

.list_member .panel-content{padding:7px 16px; background:#f3f4f5}
.list_member .panel-content p{padding:4px 0}
.list_member .panel-content p span{display:inline-block; font-size:13px; line-height:20px; vertical-align:top}
.list_member .panel-content p .p_item{width:69px; color:#777}
.list_member .panel-content p .p_value{width:calc(100% - 69px); font-weight:300; color:#333}
.list_member .panel-content p .p_value.txt1{color:#5ca3de}
.list_member .panel-content .btnset_pnl{margin-top:6px; padding:11px 0 7px; border-top:1px solid #e2e2e2}
.list_member .panel-content .btnset_pnl:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.list_member .panel-content .btnset_pnl .btn{width:calc(100%); border:1px solid #e8e8e8; background:#fff; box-sizing:border-box}
.list_member .panel-content .btnset_pnl .left{float:left}
.list_member .panel-content .btnset_pnl .center{float:left}
.list_member .panel-content .btnset_pnl .right{}
.list_member .panel-content .btnset_pnl a{display:block; text-align:center; line-height:37px}
.list_member .panel-content .btnset_pnl span{font-size:14px; font-weight:300; color:#333}
.list_member .panel-content .btnset_pnl .ico{padding-left:19px; background-repeat:no-repeat; background-size:16px 16px; padding-bottom:2px;}
.list_member .panel-content .btnset_pnl .ico1{background-image:url(../images/common/ico_setting2.png)}
.list_member .panel-content .btnset_pnl .ico2{background-image:url(../images/common/ico_cancel2.png)}
.list_member .panel-content .btnset_pnl .ico3{background-image:url(../images/common/ico_circle_black.png)}

.list_member .btn_rgt_member{width:100%; margin:20px 0; border-color:#cb2e20; background-color:#cb2e20; opacity:0.85}
.list_member .btn_rgt_member span{display:inline-block; padding-left:31px; font-size:15px; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}

.list_member .empty_member{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 320px)}
.list_member .empty_member .section_msg{text-align:center}
.list_member .empty_member .section_msg .ico1{width:27px; height:27px; margin:0 auto; background:url(../images/common/ico_member2.png) no-repeat 0 0; background-size:27px 27px}
.list_member .empty_member .section_msg p{margin-top:11px; font-size:14px; font-weight:300; color:#949494; line-height:22px;}
.list_member .empty_member .section_msg .btn_rgt{width:121px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.list_member .empty_member .section_msg .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.list_member .empty_member .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}

/*회원리스트 수정한 페이지 시작*/
.list_member_revise {margin-bottom:40px;}
.accordion_revise #sortable_revise li {border-bottom: 1px solid #dbeaf4;}
.accordion_revise #sortable_revise li:last-child {border-bottom:none;}
.accordion_revise #sortable_revise li .panel-title2 {overflow:hidden; background:#fff; width:100%; padding:15px 0;}
.accordion_revise #sortable_revise li .panel-title2 .left1 {float:left; display:block; margin:4px 15px 0 10px;}
.accordion_revise #sortable_revise li .panel-title2 .left1 img {width:80px; height:80px; border-radius:50px; border:2px solid #56b3fb;}
.accordion_revise #sortable_revise li .panel-title2 .left1 p {color:#56b3fb; font-weight:bold; border:1px solid #56b3fb; text-align:center; width:45px; height:22px; line-height:22px; padding-top:2px; border-radius:5px; margin:8px 0 0 17px; letter-spacing:0.15em; padding-left:2px;}
.accordion_revise #sortable_revise li .panel-title2 .left1 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}
/*회원이 사진 올린 경우 사진 테두리 색 변경*/
.accordion_revise #sortable_revise li .panel-title2 .left11 {float:left; display:block; margin:4px 15px 0 10px;}
.accordion_revise #sortable_revise li .panel-title2 .left11 img {width:80px; height:80px; border-radius:50px; border:2px solid #f4649c;}
.accordion_revise #sortable_revise li .panel-title2 .left11 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}

/*회원과 총무가 같이 사진 올린 경우 사진 테두리 색 변경*/
.accordion_revise #sortable_revise li .panel-title2 .left12 {float:left; display:block; margin:4px 15px 0 10px;}
.accordion_revise #sortable_revise li .panel-title2 .left12 img {width:80px; height:80px; border-radius:50px; border:2px solid #04d226;}
.accordion_revise #sortable_revise li .panel-title2 .left12 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}

.accordion_revise #sortable_revise li .panel-title2 .left2 {overflow:hidden; float:left;}
.accordion_revise #sortable_revise li .panel-title2 .left2 .member3 {float:left; width:50px; margin-left:10px; color:#5ca3de; font-size:14px; line-height:51px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_revise li .panel-title2 .left2 .member3_name {float:left; font-weight:300; color:#333; float:left; font-size:14px; line-height:51px; box-sizing:border-box; width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_revise li .panel-title2 .left2 p {padding:2px 0}
.accordion_revise #sortable_revise li .panel-title2 .left2 .dateOut .red {color:#e50c26;}
.accordion_revise #sortable_revise li .panel-title2 .left2 p span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_revise li .panel-title2 .left2 p .p_item{width:62px; color:#777}
.accordion_revise #sortable_revise li .panel-title2 .left2 p .p_value{width:calc(100% - 62px); font-weight:300; color:#333}
.accordion_revise #sortable_revise li .panel-title2 .left2 p .p_value.txt1{color:#5ca3de}
.accordion_revise #sortable_revise li .panel-title2 .left2 p .p_value.txt2{color:#5ca3de; width:140px; }
.accordion_revise #sortable_revise li .panel-title2 .left2 .tel_phone {display:block; padding:2px 0;}
.accordion_revise #sortable_revise li .panel-title2 .left2 .tel_phone span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_revise li .panel-title2 .left2 .tel_phone .p_item{width:62px; color:#777}
.accordion_revise #sortable_revise li .panel-title2 .left2 .tel_phone .p_value{width:calc(100% - 62px); font-weight:300; color:#333}
.accordion_revise #sortable_revise li .panel-title2 .left2 .tel_phone img {width:20px; height:20px; }

/*골프숨김목록 페이지 수정 들어옴 18.05.02*/
.accordion_revise #sortable_revise li .panel-title2 .left_golf {overflow:hidden; float:left; width:56%;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .member3 {float:left; width:50px; margin-left:10px; color:#5ca3de; font-size:14px; line-height:51px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .member3_name {float:left; font-weight:300; color:#333; float:left; font-size:14px; line-height:51px; box-sizing:border-box; width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p {padding:2px 0; width:100%;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .dateOut .red {color:#e50c26;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p .p_item{width:75px; color:#777}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p .p_value{width:calc(100% - 75px); font-weight:300; color:#333}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p .p_value.txt1{color:#5ca3de}
.accordion_revise #sortable_revise li .panel-title2 .left_golf p .p_value.txt2{color:#5ca3de; width:140px; }
.accordion_revise #sortable_revise li .panel-title2 .left_golf .tel_phone {display:block; padding:2px 0; width:100%;}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .tel_phone span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .tel_phone .p_item{width:75px; color:#777}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .tel_phone .p_value{width:calc(100% - 75px); font-weight:300; color:#333}
.accordion_revise #sortable_revise li .panel-title2 .left_golf .tel_phone img {width:20px; height:20px; }


.accordion_revise #sortable_revise li .panel-title2 .right2 {overflow:hidden; float:right; margin-right:10px;}
.accordion_revise #sortable_revise li .panel-title2 .right2 div {float:left; line-height:51px;}
.accordion_revise #sortable_revise li .panel-title2 .right2 .ico_move {position:relative; top:15px; width:20px; height:30px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px; margin-left:10px;}

.list_member_revise .panel-content2 .btnset_pnl{margin-top:6px; padding:11px 0 7px; border-top:1px solid #e2e2e2}
.list_member_revise .panel-content2 .btnset_pnl:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.list_member_revise .panel-content2 .btnset_pnl .btn{width:calc(100%); border:1px solid #e8e8e8; background:#fff; box-sizing:border-box}
.list_member_revise .panel-content2 .btnset_pnl .left{float:left}
.list_member_revise .panel-content2 .btnset_pnl .center{float:left}
.list_member_revise .panel-content2 .btnset_pnl .right{}
.list_member_revise .panel-content2 .btnset_pnl a{display:block; text-align:center; line-height:37px}
.list_member_revise .panel-content2 .btnset_pnl span{font-size:14px; font-weight:300; color:#333}
.list_member_revise .panel-content2 .btnset_pnl .ico{padding-left:19px; background-repeat:no-repeat; background-size:16px 16px; padding-bottom:2px;}
.list_member_revise .panel-content2 .btnset_pnl .ico1{background-image:url(../images/common/ico_setting2.png)}
.list_member_revise .panel-content2 .btnset_pnl .ico2{background-image:url(../images/common/ico_cancel2.png)}
.list_member_revise .panel-content2 .btnset_pnl .ico3{background-image:url(../images/common/ico_circle_black.png)}

.list_member_revise .btn_rgt_member{width:100%; margin:20px 0; border-color:#cb2e20; background-color:#cb2e20; opacity:0.85}
.list_member_revise .btn_rgt_member span{display:inline-block; padding-left:31px; font-size:15px; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}

/*회원리스트 수정한 페이지 시작*/


.trg_rgt{}  /*하단 회원등록 패널 트리거 */
.bg_rgt_bt{display: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.498039);}
.section_rgt_bt{position:fixed; left:0; bottom:-173px; width:100%; height:173px; text-align:center; background:#fff; z-index:6}
.section_rgt_bt .ico1{width:48px; height:44px; margin:30px auto 8px; background:url(../images/common/ico_member3.png) no-repeat 0 0; background-size:48px 44px}
.section_rgt_bt .title{font-size:15px; color:#56b3fb}

.section_rgt_bt .btnset_rgt{position:absolute; left:0; bottom:0; width:100%}
.section_rgt_bt .btnset_rgt a{display:inline-block; height:50px; line-height:50px; text-align:center}
.section_rgt_bt .btnset_rgt .btn1{width:50%; margin-right:1px; background:#56b3fb}
.section_rgt_bt .btnset_rgt .btn2{width:calc(50% - 1px); background:#d34d41}
.section_rgt_bt .btnset_rgt span{font-size:15px; color:#fff}

.tit_detail_member{position:relative; top:-4px; margin-top:100px; width:100%; height:45px; line-height:45px; padding:0 12px 0 15px; background:#fff; box-sizing:border-box; z-index:1}
.tit_detail_member:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.tit_detail_member .left{float:left}

/*도움말 버튼 추가*/
.help_wrap {width:calc(100% - 30px); height:28px; position:relative; margin:0 auto 10px;}
.help_wrap .right_help {float:right;}
.help_wrap .right_help span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:28px; line-height:28px; width:50px; text-align:center; box-sizing:border-box;}
.help_wrap .regi_btn {float:right; display:block; margin-right:8px; }
.help_wrap .regi_btn span {height:28px; line-height:28px; padding:0 6px; display: block; color: #2e9ef4; border: 1px solid #2e9ef4; font-weight: bold; box-sizing: border-box;}
.help_wrap .help_answ {display:none; position:absolute; top: 36px; right:0; width: 230px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 3; box-shadow: 3px 3px 3px #afafaf;}
.help_wrap .help_answ p { position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.help_wrap .help_answ p span {display: inline-block; position: absolute; top: -7px; right:15px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}

/*도움말 버튼 받을 회비 등록 부분 따로 디자인*/
.help_wrap .help_answ2 {display:none; position: absolute; top: 38px; right:0; width: 300px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 2; box-shadow: 3px 3px 3px #afafaf; line-height:25px;}
.help_wrap .help_answ2 .answ_under {text-align: justify; position: relative; font-size: 14px; color: #666; }
.help_wrap .help_answ2 .answ_under div {padding:5px;}
.help_wrap .help_answ2 .answ_under span {display: inline-block; position: absolute; top: -7px; right:18px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}

/*회원순, 월별순 추가*/
.help_wrap2 {width:calc(100% - 30px); height:28px; position:relative; margin:0 auto 10px;}
.help_wrap2 .right_help {float:left; margin-right:8px;}
.help_wrap2 .right_help span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:28px; line-height:28px; width:50px; text-align:center; box-sizing:border-box;}
.help_wrap2 .regi_btn {float:left; display:block;}
.help_wrap2 .regi_btn span {height:28px; line-height:28px; padding:0 6px; display: block; color: #2e9ef4; border: 1px solid #2e9ef4; font-weight: bold; box-sizing: border-box;}
.help_wrap2 .help_answ {display:none; position:absolute; top: 36px; right:0; width: 230px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 10; box-shadow: 3px 3px 3px #afafaf;}
.help_wrap2 .help_answ p { position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.help_wrap2 .help_answ p span {display: inline-block; position: absolute; top: -7px; right:15px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}
.help_wrap2 .help_answ2 {display:none; position: absolute; top: 38px; left:0; width: 300px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 2; box-shadow: 3px 3px 3px #afafaf; line-height:25px;}
.help_wrap2 .help_answ2 .answ_under {text-align: justify; position: relative; font-size: 14px; color: #666; }
.help_wrap2 .help_answ2 .answ_under div {padding:5px;}
.help_wrap2 .help_answ2 .answ_under span {display: inline-block; position: absolute; top: -7px; left:18px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}

.help_wrap2 .btn_area {float:right; overflow:hidden;}
.help_wrap2 .btn_area .mem_btn {float:left; border-top:1px solid #e54184; border-right:1px solid #e54184; border-bottom:1px solid #e54184; border-left:1px solid #e54184; line-height: 25px; padding: 1px 9px 0; font-size: 14px; color:#e54184; font-weight:bold;}
.help_wrap2 .btn_area .mon_btn {float:left; border-top:1px solid #c9d6e6; border-right:1px solid #c9d6e6; border-bottom:1px solid #c9d6e6;line-height: 25px; padding: 1px 9px 0; font-size: 14px; color:#c9d6e6; font-weight:normal;}


/*출석내용 페이지에서 내용이 없을 시 디자인*/
.wrap-no-content .no-content {background:#fff; width:100%; height:270px; padding-top:160px;
                            position:relative; top:10px;}
.wrap-no-content .no-content p {text-align:center;  font-size:15px; letter-spacing:0.1em;
                              color:#2fa4ff; font-weight:bold; border:2px dashed #d6d6d6;
                              width:200px; padding:10px 0; margin:0 auto; border-radius:5px;}

/*제목 부분 디자인 수정*/
.tit_detail_member .left{ text-align:right; float:left;}
.tit_detail_member .left .date span {background-image:url(../images/common/ico_note1.png);
                                   background-size:14px 16px;font-size:17px; font-weight:300;
                              color:#56b3fb; padding-left:20px; background-repeat:no-repeat;
                               background-position:0 center; top:3px; position:relative;}



.tit_detail_member .left span{font-size:17px; font-weight:300; color:#56b3fb; padding-left:20px; background-repeat:no-repeat; background-position:0 center; top:3px; position:relative;}
.tit_detail_member .left .ico1{background-image:url(../images/common/ico_sidebar2.png); background-size:14px 16px}
.tit_detail_member .left .ico2{background-image:url(../images/common/ico_sidebar3.png); background-size:16px 16px}
.tit_detail_member .left .ico3{background-image:url(../images/common/ico_sidebar4.png); background-size:14px 16px}
.tit_detail_member .left .ico4{background-image:url(../images/common/ico_sidebar5.png); background-size:14px 16px}
.tit_detail_member .left .ico5{background-image:url(../images/common/ico_note1.png); background-size:14px 16px}
.tit_detail_member .left .ico6{background-image:url(../images/common/ico_calendar1.png); background-size:16px 16px}
.tit_detail_member .left .ico7{background-image:url(../images/common/ico_dps2.png); background-size:14px 16px}
.tit_detail_member .left .ico8{background-image:url(../images/common/ico_sidebar6.png); background-size:15px 14px}
.tit_detail_member .left .ico9{background-image:url(../images/common/ico_reload1.png); background-size:15px 13px}
.tit_detail_member .left .ico10{background-image:url(../images/common/ico_sidebar8.png); background-size:13px 15px}
.tit_detail_member .left .ico11{background-image:url(../images/common/ico_note8.png); background-size:14px 16px}
.tit_detail_member .left .ico12{background-image:url(../images/common/ico_sidebar10.png); background-size:16px 16px}


.tit_detail_member .right{float:right}
.tit_detail_member .right a{display:block}
.tit_detail_member .right a.it_hidden{display:none}
.tit_detail_member .right img{width:19px; height:16px; margin-top:15px}
.tit_detail_member .right span{font-size:14px; color:#aeaeae; padding-right:23px; background:url(../images/common/ico_list1.png) no-repeat right 0px; background-size:16px 16px; padding-bottom:2px;}
.tit_detail_member .right .ico1{display:inline-block; position:relative; top:2px; padding-right:31px; background:url(../images/common/ico_plus3.png) no-repeat right 9px; background-size:24px 24px}
.tit_detail_member .right .ico2{display:inline-block; position:relative; top:3px; width:19px; height:16px; padding-right:0; background:url(../images/common/ico_check3.png) no-repeat 0 0; background-size:19px 16px}
.tit_detail_member .right .ico3{display:inline-block; position:relative; top:2px; padding-right:25px; background:url(../images/common/ico_check3.png) no-repeat right 14px; background-size:19px 16px}
.tit_detail_member .right .ico4{display:inline-block; position:relative; top:2px; padding-right:24px; background:url(../images/common/ico_note2.png) no-repeat right 14px; background-size:16px 16px}
.tit_detail_member .right .ico5{display:inline-block; position:relative; top:2px; padding-right:24px; background:url(../images/common/ico_note4.png) no-repeat right 14px; background-size:16px 16px}
.tit_detail_member .right .ico6{display:inline-block; position:relative; top:2px; padding-right:28px; background:url(../images/common/ico_plus3.png) no-repeat right 10px; background-size:24px 24px}

.tit_detail_member .s_right{float:right}
.tit_detail_member .s_right a{font-size:13px; color:#999}
.tit_detail_member .s_right a.selected{color:#4aadf9}
.tit_detail_member .s_right .sep{font-size:13px; color:#d8d8d8; margin:0 7px}

/*연락처에서 가져오기 버튼*/
.detail_member{position:relative; top:0; margin-top:10px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member .form_rgt{padding:11px 15px 15px;}
.detail_member .form_rgt li{padding:0 0 5px; }
.detail_member .form_rgt li:last-child{padding-bottom:0; border-bottom:none}
.detail_member .form_rgt li:last-child .input:last-child{margin-bottom:0;}   /*맨 마지막 입력폼의 마지막 인풋의 margin-bottom 제거*/
.detail_member .form_rgt li .item{margin:10px 0 4px; font-size:14px; color:#4aaaf5}
.detail_member .form_rgt li .item span {color:#e50c26; font-size:13px; display:block; margin-top:4px;}
.detail_member .form_rgt li:first-child .item{margin-top:0}
.detail_member .form_rgt li .input{margin-bottom:10px}
.detail_member .form_rgt li .input input{font-size:14px; font-weight:300; color:#333}
.detail_member .form_rgt .mem_hide {position:relative; border: 1px solid #eaeaea; padding:5px 0 10px 10px; margin:10px 0;}
input[type='checkbox'].css-checkbox3 + label.css-label-golf {position:absolute; top:5px; right:10px;
width:20px; height:55px; display:inline-block; line-height:55px; background-repeat:no-repeat; background-position:right 17px;
                                            background-size: 20px 75px; box-sizing:border-box; }
input[type='checkbox'].css-checkbox3:checked + label.css-label-golf{background-position: right -26px; }
label.css-label-golf{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*골프 성별 선택 추가*/
.detail_member .form_rgt li .input .gender {box-sizing: border-box; padding-left:12px; overflow:hidden;}
.detail_member .form_rgt li .input .gender .radioWrap2 {float:left;}
.detail_member .form_rgt li .input .gender .radioWrap2:first-child {margin-right:13px;}
.detail_member .form_rgt li .input .gender .radioWrap2 .answ {float:left; line-height:55px; font-size:16px; margin-right:5px;}
.detail_member .form_rgt li .input .gender .radioWrap2 .team {float:left; position:relative; width:19px; height:55px;}

/*회원목록수정 뷰페이지 추가 17.11.20*/
.detail_member .form_rgt li .view_table { border-collapse:collapse; width:100%; margin:15px 0;}
.detail_member .form_rgt li .view_table th {width:30%; font-size: 14px; color: #4aaaf5; border-bottom:1px solid #eaeaea; padding-left:10px; height:45px;}
.detail_member .form_rgt li .view_table td {width:70%; font-size: 14px; font-weight: 300; color: #333; height: 42px; border-bottom:1px solid #eaeaea; padding-left:10px;}

/*회원 사진 넣기*/
.detail_member .form_rgt li.person_pic {width:200px; margin:0 auto; position:relative;  }
.detail_member .form_rgt li.person_pic .first {display:block; width:100px; height:100px; border-radius:50px; margin:15px auto 15px;}
.detail_member .form_rgt li.person_pic .second {width:30px; height:30px; position:absolute; top:82px; left:119px;}
.image_popup {display:none; width:80%; z-index:201; background:#fff; border-radius:5px;}
.image_popup ul { }
.image_popup ul li {height:50px; line-height:50px; padding:0px; font-size:15px; font-weight:bold; text-align:center; letter-spacing:0.05em;}
.image_popup ul li:nth-child(1) {background: #56b3fb; color:#fff; font-size:18px; font-weight:bold; letter-spacing:0.1em; border-radius:5px 5px 0 0; height:45px; line-height:45px;}
.image_popup ul li:nth-child(2) {border-bottom:1px solid #e6e6e6;}

/*공지사항 팝업*/
.notice_popup {display:none; z-index:12; width:300px; height:320px; background:#fff; border-radius:6px; margin:0 auto;} /*너비 등 커스텀*/
.notice_popup .pop-header{background:#56b3fb; border-radius:5px 5px 0 0; position:relative;}
.notice_popup .pop-header img {display:block; width:30px; height:auto; position:absolute; top:8px; right:7px;}
.notice_popup .pop-header .title{height:48px; line-height:48px}
.notice_popup .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.notice_popup .cont_title {text-align:center; font-size:16px; font-weight:bold; margin-top:30px; padding:0 10px;}
.notice_popup .content {font-size:15px; width:250px; margin:20px auto 0;  line-height:1.45em; height:4.4em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.notice_popup .contentLink {font-size:15px; width:250px; margin-left:20px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.notice_popup .pop-footer{ position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.notice_popup .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.notice_popup .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.notice_popup .pop-footer .btn2{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c}
.notice_popup .pop-footer span{font-size:15px}
.notice_popup .pop-footer .btn1 span{color:#41a3ef}
.notice_popup .pop-footer .btn2 span{color:#fff}


/*골프 연배, 핸디 변경 클릭 시 뜨는 팝업*/
.golf_change {display:none; z-index:12; width:300px; height:220px; background:#fff; border-radius:6px; position:relative;} /*너비 등 커스텀*/
.golf_change .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_change .pop-header .title{height:48px; line-height:48px}
.golf_change .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_change .del_msg {text-align:center; font-size:16px; margin-top:40px;}
.golf_change .pop-footer{position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_change .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_change .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.golf_change .pop-footer .btn2{margin-left:3px; border:1px solid #33afb1; background-color:#33afb1;}
.golf_change .pop-footer span{font-size:15px}
.golf_change .pop-footer .btn1 span{color:#41a3ef}
.golf_change .pop-footer .btn2 span{color:#fff}

/*골프 시상종류 삭제버튼 클릭 시 뜨는 팝업*/
.dp_data {display:none; z-index:12; width:340px; height:80%; background:#fff; border-radius:6px; position:relative; overflow-y: auto } /*너비 등 커스텀*/
.dp_data .del_msg {text-align:center; font-size:16px; }

/*골프 시상종류 삭제버튼 클릭 시 뜨는 팝업*/
.golf_delpop {display:none; z-index:12; width:300px; height:220px; background:#fff; border-radius:6px; position:relative;} /*너비 등 커스텀*/
.golf_delpop .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_delpop .pop-header .title{height:48px; line-height:48px}
.golf_delpop .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_delpop .del_msg {text-align:center; font-size:16px; margin-top:40px;}
.golf_delpop .pop-footer{position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_delpop .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_delpop .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.golf_delpop .pop-footer .btn2{margin-left:3px; border:1px solid #33afb1; background-color:#33afb1;}
.golf_delpop .pop-footer span{font-size:15px}
.golf_delpop .pop-footer .btn1 span{color:#41a3ef}
.golf_delpop .pop-footer .btn2 span{color:#fff}

/*골프 시상종류 회원 클릭 시 뜨는 팝업*/
.golf_update {display:none; z-index:12; width:300px; height:220px; background:#fff; border-radius:6px; position:relative;} /*너비 등 커스텀*/
.golf_update .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_update .pop-header .title{height:48px; line-height:48px}
.golf_update .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_update .del_msg {text-align:center; font-size:16px; margin-top:40px;}
.golf_update .pop-footer{position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_update .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_update .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.golf_update .pop-footer .btn2{margin-left:3px; border:1px solid #33afb1; background-color:#33afb1;}
.golf_update .pop-footer span{font-size:15px}
.golf_update .pop-footer .btn1 span{color:#41a3ef}
.golf_update .pop-footer .btn2 span{color:#fff}

/*골프페이지에서 팝업창-가로 세로 페딩으로 처리*/
.golf_warn {display:none; z-index:12; width:85%; background:#fff; border-radius:6px;}
.golf_warn .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_warn .pop-header .title{height:48px; line-height:48px}
.golf_warn .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_warn .del_msg {text-align:center; font-size:15px; padding:30px 10px; line-height:160%;}
.golf_warn .pop-footer{width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_warn .pop-footer a{display:inline-block; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_warn .pop-footer .btn1{margin-right:3px; width:calc(50% - 3px); border:1px solid #dedede; background-color:#fff}
.golf_warn .pop-footer .btn2{margin-left:3px; width:calc(50% - 3px); border:1px solid #33afb1; background-color:#33afb1;}
.golf_warn .pop-footer .btn3{margin-left:3px; width:100%; border:1px solid #33afb1; background-color:#33afb1;}
.golf_warn .pop-footer span{font-size:15px}
.golf_warn .pop-footer .btn1 span{color:#41a3ef}
.golf_warn .pop-footer .btn2 span{color:#fff}
.golf_warn .pop-footer .btn3 span{color:#fff}

/*골프 시상종류 자동선정 클릭시 뜨는 팝업*/
.golf_first_update {display:none; z-index:12; width:85%; background:#fff; border-radius:6px;}
.golf_first_update .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_first_update .pop-header .title{height:48px; line-height:48px}
.golf_first_update .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_first_update .del_msg {text-align:center; font-size:15px; padding:30px 10px; line-height:160%;}
.golf_first_update .pop-footer{width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_first_update .pop-footer a{display:inline-block; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_first_update .pop-footer .btn1{margin-right:3px; width:calc(50% - 3px); border:1px solid #dedede; background-color:#fff}
.golf_first_update .pop-footer .btn2{margin-left:3px; width:calc(50% - 3px); border:1px solid #33afb1; background-color:#33afb1;}
.golf_first_update .pop-footer .btn3{margin-left:3px; width:100%; border:1px solid #33afb1; background-color:#33afb1;}
.golf_first_update .pop-footer span{font-size:15px}
.golf_first_update .pop-footer .btn1 span{color:#41a3ef}
.golf_first_update .pop-footer .btn2 span{color:#fff}
.golf_first_update .pop-footer .btn3 span{color:#fff}

/*신페리오 변환페이지-선택이 맞지 않을 경우*/
.golf_warn2 {display:none; z-index:12; width:85%; background:#fff; border-radius:6px;}
.golf_warn2 .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.golf_warn2 .pop-header .title{height:48px; line-height:48px}
.golf_warn2 .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.golf_warn2 .del_msg {text-align:center; font-size:15px; padding:30px 10px; line-height:160%;}
.golf_warn2 .pop-footer{width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.golf_warn2 .pop-footer a{display:inline-block; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.golf_warn2 .pop-footer .btn3{margin-left:3px; width:100%; border:1px solid #33afb1; background-color:#33afb1;}
.golf_warn2 .pop-footer .btn3 span{color:#fff; font-size:15px}

/*미납안내의 질문 팝업*/
.question_popup {z-index:12; width:300px; height:225px; background:#fff; border-radius:6px; margin:0 auto; position:relative;} /*너비 등 커스텀*/
.question_popup .pop-header{background:#56b3fb; border-radius:5px 5px 0 0; position:relative;}
.question_popup .pop-header img {display:block; width:30px; height:auto; position:absolute; top:8px; right:7px;}
.question_popup .pop-header .title{height:48px; line-height:48px}
.question_popup .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.question_popup .pop-contents {font-size:18px; text-align:center; padding-top:40px; letter-spacing:0.04em;}
.question_popup .pop-footer{ position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.question_popup .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.question_popup .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.question_popup .pop-footer .btn2{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c}
.question_popup .pop-footer span{font-size:15px}
.question_popup .pop-footer .btn1 span{color:#41a3ef}
.question_popup .pop-footer .btn2 span{color:#fff}

/*설문조사 팝업*/
.survey_popup { z-index:12; width:300px; height:300px; background:#fff; border-radius:6px; margin:0 auto; position:relative;} /*너비 등 커스텀*/
.survey_popup .survey-header{background:#56b3fb; border-radius:5px 5px 0 0;}
.survey_popup .survey-header .title{height:48px; line-height:48px}
.survey_popup .survey-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.survey_popup .survey-con {margin-top:40px;}
.survey_popup .survey-con .sec {overflow:hidden; }
.survey_popup .survey-con .sur1 {margin-bottom:30px;}
.survey_popup .survey-con .sec .left {margin:7px 10px 0 22px; float:left; font-size: 14px; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.survey_popup .survey-con .sec select {float:left; vertical-align: middle; width: 180px; height: 34px; padding-left: 10px; font-size: 14px; font-weight: 300; border: 1px solid #eaeaea; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 5px center; background-size: 12px 7px; -webkit-appearance: none;}
.survey_popup .survey-footer{ position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.survey_popup .survey-footer a{display:inline-block; width:100%; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.survey_popup .survey-footer .survey-close{margin-right:3px; border:1px solid #dedede; background-color:#fff}
.survey_popup .survey-footer .btn2{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c}
.survey_popup .survey-footer span{font-size:15px}
.survey_popup .survey-footer .survey-close span{color:#41a3ef}
.survey_popup .survey-footer .btn2 span{color:#fff}

/*인포 팝업*/
.info_popup {position:relative; z-index:6; width:340px; height:480px;  box-sizing:border-box; background:#fff; border-radius:6px; margin:0 auto;}
.info_popup .pop_title {width:100%; height:45px; border-radius:6px 6px 0 0; background: #56b3fb; }
.info_popup .pop_title img {display:block; width:70%; height:auto; margin:0 auto; padding-top:7px;}
.info_popup .under_con {padding:10px; }
.info_popup .under_con p {font-size:15px; padding:0 10px; line-height:150%;}
.info_popup .under_con p strong {font-size:16px;}
.info_popup .under_con p span {color:#0098ff; font-weight:bold;}
.info_popup .under_con p:nth-child(1) {margin-top:15px; margin-bottom:10px;}
.info_popup .under_con p:nth-child(2) {margin-bottom:10px;}
.info_popup .under_con p:nth-child(3) {margin-bottom:10px;}
.info_popup .under_con .tax {display:block; float:right; margin-top:2px;}
.info_popup .event_pay {width:100%; text-align:center; border: 1px solid #ededed; border-collapse: collapse;}
.info_popup .event_pay thead th {letter-spacing: 0.08em; font-size: 14px; background: #f6f6f6; border: 1px solid #ededed; padding:7px 0;}
.info_popup .event_pay thead th:nth-child(1) {width:15%;}
.info_popup .event_pay thead th:nth-child(2) {width:35%;}
.info_popup .event_pay thead th:nth-child(3) {width:50%;}
.info_popup .event_pay thead th span {display:block; font-size:13px; font-weight:normal; letter-spacing:-0.01em; margin-top:3px;}
.info_popup .event_pay tbody tr td { padding: 9px 0 7px 0; border: 1px solid #ededed;}
.info_popup .event_pay tbody tr td:nth-child(2) {text-decoration: line-through; font-style: italic; color: #8e8e8e;}
.info_popup .event_pay tbody tr td:nth-child(3) {font-size: 15px; font-weight: bold; color: #dd0808;}
.info_popup .delete {position:absolute; bottom:-40px; right:5px; display:block; width:35px; height:auto;}

/*골프장 추가/수정 요청 팝업*/
.change_box {display:none; z-index:12; width:92%; background:#fff; border-radius:6px;}
.change_box .pop-header{background: #c4d76c; border-radius:5px 5px 0 0; position:relative;}
.change_box .pop-header .title{height:48px; line-height:48px}
.change_box .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color: #187273;}
.change_box .del_msg {text-align:center; font-size:15px; padding:30px 10px; line-height:160%;}
.change_box .pop-footer{width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.change_box .pop-footer a{display:inline-block; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center; font-size:15px}
.change_box .pop-footer .btn1{margin-right:3px; width:calc(50% - 3px); border:1px solid #dedede; background-color:#fff; color:#41a3ef}
.change_box .pop-footer .btn2{margin-left:3px; width:calc(50% - 3px); border:1px solid #33afb1; background-color:#33afb1; color:#fff}

.bg-overlay3 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:4;}

.detail_member .form_rgt li .item1{margin:10px 0 4px}
.detail_member .form_rgt li .item1:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member .form_rgt .item1 .left{float:left}
.detail_member .form_rgt .item1 .left span{font-size:14px; color:#4aaaf5; padding-left:22px; background:url(../images/common/ico_sidebar3.png) no-repeat 0 0; background-size:16px 16px; padding-bottom:2px;}
.detail_member .form_rgt li .item1 .right{float:right; font-size:15px; font-weight:300; color:#333}
.detail_member .form_rgt li .item1 .right span{color:#999999}
.detail_member .form_rgt .btn_slt_pst{margin:13px 0 10px; border:1px solid #6bb6f2}
.detail_member .form_rgt .btn_slt_pst a{display:block; width:100%; height:40px; text-align:center; line-height:40px; background:#77c2ff}
.detail_member .form_rgt .btn_slt_pst span{font-size:14px; color:#fff; padding-left:23px; background:url(../images/common/ico_plus4.png) no-repeat 0 center; background-size:16px 16px}

.detail_member .form_rgt input.ico1{background-image:url(../images/member/ico_pw2.png); background-size:16px 16px}
.detail_member .form_rgt input.ico2{background-image:url(../images/member/ico_pw3.png); background-size:12px 16px}
.detail_member .form_rgt input.ico3{background-image:url(../images/member/ico_pw4.png); background-size:12px 16px}
.detail_member .form_rgt input.ico4{/* background:url(../images/common/ico_w1.png) no-repeat left 10px center; */ background-size:15px 12px}

/*직책선택 셀렉트 부분*/
.detail_member .form_rgt select {width:100%; height:42px; font-size:14px;
                              background:#fff; border:1px solid #eaeaea; margin-bottom:10px;
                              padding-left:13px; letter-spacing:0.07em; color:#333;}
.detail_member .form_rgt .date {position:relative; }
.detail_member .form_rgt .date input {width:100%; height:42px; font-size:14px; color:#333;
                              background:#fff; border:1px solid #eaeaea; margin-bottom:10px;
                              font-weight:normal; padding-left:35px;}
.detail_member .form_rgt .date img {width:20px; height:20px; position:absolute; top:10px;
                                left:9px;}
.detail_member .form_rgt .date span {margin-bottom:10px; border-color: #56b3fb; background: #fff; display: inline-block; width: 86px; height: 42px; line-height: 42px; border: 1px solid #56b3fb; border-radius: 3px; vertical-align: middle; box-sizing: border-box; text-align: center; color: #4aaaf5; font-size: 14px;}

/*탈퇴일 삭제 버튼 추가 17.12.07*/


/*항목별 수정*/
.detail_member .tit_cate {overflow: hidden; background: url(../images/common/test_bg8.png) repeat left top; padding:15px 20px 15px 20px; border-bottom:1px solid #dbeaf4;}
.detail_member .tit_cate div:first-child {float:left; margin-top:10px; font-size: 16px; font-weight:bold; letter-spacing:0.05em;}
.detail_member .tit_cate div:last-child {float:right; width:185px;}
.detail_member .tit_cate div:last-child select { width:100%; height:37px; background:#fff; border:1px solid #eaeaea; font-size:15px; padding:2px 0 0 10px;}

.detail_member .list_cate {margin-bottom:20px;}
.detail_member .list_cate li {overflow:hidden; border-bottom:1px solid #dbeaf4; padding:10px 20px 10px 20px;}
.detail_member .list_cate li:last-child {border-bottom:none;}
.detail_member .list_cate li div:first-child {float:left; font-size: 15px; font-weight:bold; margin-top:10px; width:95px;}
.detail_member .list_cate li div:not(:first-child) {float:right; width:185px;}
.detail_member .list_cate li div:not(:first-child) select { width:100%; height:37px; background:#fff; border:1px solid #eaeaea; font-size:15px; padding-left:5px;}
.detail_member .list_cate li .date_wrap {position:relative;}
.detail_member .list_cate li .date_wrap input.date_cate {width: 100%; height: 37px; font-size: 15px; background: #fff; border: 1px solid #eaeaea; font-weight: normal; padding-left: 35px;}
.detail_member .list_cate li .date_wrap img {width: 20px; height: 20px; position: absolute; top: 10px; left: 9px;}

/*팝업 : 직책선택*/
.pop_club1 .pop-layer{width:calc(100% - 70px); border-radius:10px} /*너비 등 커스텀*/
.pop_club1 .pop-header{position:relative; background:#56b3fb}
.pop_club1 .pop-header .title{height:48px; line-height:48px}
.pop_club1 .pop-header .title span{font-size:15px; color:#fff; padding-left:17px}
.pop_club1 .pop-header .btn-r{position:absolute; top:17px; right:15px}
.pop_club1 .pop-header .btn-r img{width:14px}

.pop_club1 .pop-cont{background:#fff}
.pop_club1 .pop-cont .slt_pst ul{padding:0 15px; padding-bottom:16px}  /*아이디 찾기 결과*/
.pop_club1 .pop-cont .slt_pst li{border-bottom:1px solid #ebebeb}
.pop_club1 .pop-cont .slt_pst li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.pop_club1 .pop-cont .slt_pst li .item_pst{float:left}
.pop_club1 .pop-cont .slt_pst li .item_pst label{padding-left:28px}
.pop_club1 .pop-cont .slt_pst li .item_pst span{display:inline-block; position:relative; top:-1px; font-size:15px; font-weight:300; color:#333}
.pop_club1 .pop-cont .slt_pst li .cost{float:right; position:relative; top:3px; }
.pop_club1 .pop-cont .slt_pst li .cost span{font-size:15px; font-weight:300; color:#333}

/*직책선택*/
input[type='radio'].css-checkbox2 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox2 + label.css-label2 {
padding-left:27px;  width:100%; height:49px; display:inline-block; line-height:49px; background-repeat:no-repeat; background-position: 0 14px; background-size: 20px 75px; box-sizing:border-box}
input[type='radio'].css-checkbox2:checked + label.css-label2{background-position: 0 -29px}
label.css-label2{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pop_club1 .pop-footer{margin:0; padding:13px;  text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1}
.pop_club1 .pop-footer .btn_pop1{height:44px; border-color:#6db9f4; border-radius:5px; background-color:#56b3fb}
.pop_club1 .pop-footer .btn_pop1 a{line-height:44px}
.pop_club1 .pop-footer .btn_pop1 span{font-size:15px}

/*회원등급~지출항목*/
.detail_member1{position:relative; top:0; margin-top:70px; width:100%; background:#fff; box-sizing:border-box; z-index:1; margin-bottom:70px;}
.detail_member1 .list_dm li{height:44px; line-height:44px; padding:0 13px 0 9px; border-bottom:1px solid #dbeaf4; background:#fff;
                           overflow:hidden;}
.detail_member1 .list_dm .item{float:left}
.detail_member1 .list_dm .item span{font-size:15px; color:#5ca3de}
.detail_member1 .list_dm .dm_value{float:right; }
.detail_member1 .list_dm .dm_value span{display:inline-block; font-size:15px; font-weight:300; color:#333}
.detail_member1 .list_dm .dm_value span.it_hidden{display:none}
.detail_member1 .list_dm .dm_value strong{font-size:14px; font-weight:300; color:#333}
.detail_member1 .list_dm .dm_value .no_revise_wrap {padding-right:10px; margin-right:9px;
                                                background: url(../images/common/sep4.png) no-repeat right 15px;
                                                background-size:1px 16px; }
.detail_member1 .list_dm .dm_value .no_revise_wrap .no_revise {font-size:13px; color:#ed1414; padding-left:23px;
                                           background: url(../images/common/icon_money_impossible.png) no-repeat 0 11px;
                                           background-size:20px 20px; font-weight:bold; letter-spacing:0.08em;}
.detail_member1 .list_dm .dm_value .btn_delete img{width:18px; height:18px; margin-top:14px}
.detail_member1 .list_dm .dm_value .ico_move{position:relative; top:5px; width:20px; height:20px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px}
.detail_member1 .list_dm .dm_value .mdf a{font-size:13px; color:#666; padding-left:17px; background:url(../images/common/ico_mdf1.png) no-repeat 0 center; background-size:15px 13px}
.detail_member1 .list_dm .dm_value .cost.sep{padding-right:10px; margin-right:9px; background:url(../images/common/sep4.png) no-repeat right 15px; background-size:1px 16px}
.detail_member1 .list_dm .dm_value .btn_delete.sep{padding-right:10px; margin-right:9px; background:url(../images/common/sep4.png) no-repeat right 15px; background-size:1px 16px}
.detail_member1 .list_dm .dm_value .mdf.sep{padding-right:10px; margin-right:9px; background:url(../images/common/sep4.png) no-repeat right 15px; background-size:1px 16px}
.detail_member1 li.ui-sortable-placeholder {border-color:#f9f9f9; background:#f9f9f9}
.detail_member1 .empty{width:100%; height:40px; background:#fff}

/*회원구분 디자인 오류로 인해서 다시 작업*/
.detail_member1 .list_dm .dm_value_change {float:right; }
.detail_member1 .list_dm .dm_value_change span{display:inline-block; font-size:15px; font-weight:300; color:#333}
.detail_member1 .list_dm .dm_value_change .sep{padding-right:10px; margin-right:9px; background:url(../images/common/sep4.png) no-repeat right 15px; background-size:1px 16px}
.detail_member1 .list_dm .dm_value_change .mdf a{font-size:13px; color:#666; padding-left:17px; background:url(../images/common/ico_mdf1.png) no-repeat 0 center; background-size:15px 13px}
.detail_member1 .list_dm .dm_value_change .btn_delete img{width:18px; height:18px; margin-top:14px}
.detail_member1 .list_dm .dm_value_change .ico_move{position:relative; top:5px; width:20px; height:20px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px}


.club .ipbttset{position:fixed; left:0; bottom:0; width:100%; box-sizing:border-box; z-index:2}
.club .ipbttset .inner{padding:0 12px; background:#56b3fb;}
.club .ipbttset .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .ipbttset .left{float:left; width:41%; box-sizing:border-box}
.club .ipbttset .right{float:right; width:59%; text-align:right; box-sizing:border-box}
.club .ipbttset input{height:34px; font-size:14px; margin:12px 0; font-weight:normal; line-height:34px; border-color:#e4f4ff; background:#e4f4ff; box-sizing:border-box}
.club .ipbttset .t1{width:calc(100% - 16px);  padding-left:11px}
.club .ipbttset .t2{width:calc(100% - 81px); padding-right:11px; text-align:right}
.club .ipbttset .right span{display:inline-block; vertical-align:middle}
.club .ipbttset .right .stk1{width:15px; margin-right:7px; background:#56b3fb}
.club .ipbttset .right .stk1 img{width:15px; vertical-align:middle}
.club .ipbttset .right .stk2{width:20px; font-size:15px; font-weight:300; color:#dfefff; background:#56b3fb}
.club .ipbttset .right .ico1{width:23px; height:58px; padding-left:10px; margin-left:6px; text-align:center; cursor:pointer}
.club .ipbttset .right .ico1 img{width:23px; margin-top:18px}
.club .ipbttset input::-webkit-input-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/
.club .ipbttset input::-moz-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/



/*팝업 : 삭제확인*/
.pop_club2 .pop-layer{width:calc(100% - 70px); border-radius:10px} /*너비 등 커스텀*/
.pop_club2 .pop-header{position:relative; background:#56b3fb}
.pop_club2 .pop-header .title{height:48px; line-height:48px}
.pop_club2 .pop-header .title span{font-size:15px; color:#fff; padding-left:17px}
.pop_club2 .pop-header .btn-r{position:absolute; top:17px; right:15px}
.pop_club2 .pop-header .btn-r img{width:14px}

.pop_club2 .pop-cont{border-top:1px solid #e5e5e5; background:#fff}
.pop_club2 .pop-cont .copy_delete{padding:30px 0; text-align:center}
.pop_club2 .pop-cont .copy_delete p{font-size:15px; font-weight:300; color:#333; padding-top:35px; background:url(../images/common/ico_delete2.png) no-repeat center 0; background-size:23px 25px}

.pop_club2 .pop-footer{margin:0; padding:13px;  text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1}
.pop_club2 .pop-footer a{display:inline-block; width:calc(50% - 3px); height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.pop_club2 .pop-footer .btn1{margin-right:3px; border:1px solid #f4649c; background-color:#f4649c}
.pop_club2 .pop-footer .btn2{margin-left:3px; border:1px solid #dedede; background-color:#fff}
.pop_club2 .pop-footer span{font-size:15px}
.pop_club2 .pop-footer .btn1 span{color:#fff}
.pop_club2 .pop-footer .btn2 span{color:#41a3ef}

/*연락처 불러오기*/
.contact{position:relative; top:0px; height:calc(100vh - 110px)}
.contact ul{padding-bottom:75px; background:#e4f4ff; padding:0 15px;
            position:relative; top:-14px; margin-bottom:75px;}
.contact li{width:100%; height:55px; border-bottom:1px solid #e2e2e2; background:#fff;
           box-sizing:border-box; }
.contact li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.contact li .left{float:left}
.contact li .right{float:right; padding-right:15px}
.contact li span{display:inline-block; font-size:15px; font-weight:300; line-height:49px; box-sizing:border-box}

input[type='checkbox'].css-checkbox1 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='checkbox'].css-checkbox1 + label.css-label1 {
padding-left:42px;  width:100%; height:55px; display:inline-block; line-height:55px; background-repeat:no-repeat; background-position: 15px 17px; background-size: 20px 75px; box-sizing:border-box}
input[type='checkbox'].css-checkbox1:checked + label.css-label1{background-position: 15px -26px}
label.css-label1{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.contact li .p_name{color:#333}
.contact li .p_number{font-size:14px; color:#333; padding-right:19px; background:url(../images/common/ico_mobile1.png) no-repeat right 15px; background-size:10px 16px}
.contact .btn_add{position:fixed; bottom:0; width:100%; padding:0 15px 15px; box-sizing:border-box; }
.contact .btn_add a{display:inline-block; width:100%; height:48px; line-height:48px; text-align:center; border-radius:3px; background-color:#f4649c; box-sizing:border-box}
.contact .btn_add span{display:inline-block; padding-left:30px; font-size:16px; font-weight:300; color:#fff; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}


/*모임 출석~*/
.detail_member2{position:relative; top:0; margin-bottom:10px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member2 .list_dm li{height:44px; line-height:44px; border-bottom:1px solid #dbeaf4; background:#fff; /* background:#fff url(../images/common/arrow_sidebar1.png) no-repeat right 13px center; background-size:7px 12px */}
.detail_member2 .list_dm li a{display:block; cursor:pointer}
.detail_member2 .list_dm li a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member2 .list_dm .item{padding-left:12px; overflow:hidden; }
.detail_member2 .list_dm .item .date-number {font-size:16px; font-weight:300; color:#333; float:left;
                                              display:block; width:100%; overflow:hidden;}
.detail_member2 .list_dm .item .date-number div {float:left;}
.detail_member2 .list_dm .item .date-number div:nth-child(1) {margin-right:10px;}
.detail_member2 .list_dm .item .date-number div:nth-child(2) { color:#56b3fb; overflow:hidden;}
.detail_member2 .list_dm .item .date-number div:nth-child(2) img {width:12px; height:14px; margin-right:2px;
                                                margin-top:14px; display:block; float:left;}
.detail_member2 .list_dm .item .date-number div:nth-child(3) {margin-left:10px; width:160px;}
.detail_member2 .list_dm .item1{float:left; padding-left:15px}
.detail_member2 .list_dm .item1 span{font-size:16px; font-weight:300; color:#333}
.detail_member2 .list_dm .date{float:right; margin-right:31px;  /* background:url(../images/common/sep11.png) no-repeat right center */}
.detail_member2 .list_dm .date span{font-size:13px; color:#888}
.detail_member2 .list_dm .date strong{font-weight:normal; color:#8ebdf0}

.detail_member2 .empty_member{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 179px)}
.detail_member2 .empty_member .section_msg{text-align:center}
.detail_member2 .empty_member .section_msg .ico1{width:27px; height:27px; margin:0 auto; background:url(../images/common/ico_calendar1.png) no-repeat 0 0; background-size:27px 27px}
.detail_member2 .empty_member .section_msg .ico2{width:26px; height:26px; margin:0 auto; background:url(../images/common/ico_plus6.png) no-repeat 0 0; background-size:26px 26px}
.detail_member2 .empty_member .section_msg p{margin-top:11px; font-size:14px; font-weight:300; color:#949494; line-height:22px;}
.detail_member2 .empty_member .section_msg .btn_rgt{width:121px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.detail_member2 .empty_member .section_msg .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.detail_member2 .empty_member .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}

.club .btn_attend{position:fixed; bottom:12px; width:calc(100% - 30px); border-color:#cb2e20; background-color:#cb2e20; opacity:0.85; z-index:10}
.club .btn_attend span{display:inline-block; padding-left:31px; font-size:15px; background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}


.calendar{padding:0 11px 20px}
.calendar .month{width:100%; height:62px; line-height:62px; border-bottom:1px solid #333333; background:#fff}
.calendar .month ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.calendar .month img{width:11px; height:22px}
.calendar .month .yearmonth{text-align:center}
.calendar .month .yearmonth span{font-size:17px; font-weight:500; color:#333}
.calendar .month .yearmonth .y{margin-right:6px}
.calendar .month .yearmonth .m{color:#d34d41}
.calendar .month .prev img, .calendar .month .next img{margin-top:20px}
.calendar .month .prev{float:left; padding-left:9px}
.calendar .month .next{float:right; padding-right:9px}

.calendar .weekdays{width:100%; height:43px; line-height:43px; border-bottom:1px solid #e8e8e8; background:#fff}
.calendar .weekdays:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.calendar .weekdays li{float:left; width:14.2857143%; font-size:14px; font-weight:300; color:#333; text-align:center}
.calendar .weekdays li.sun{color:#e20000}
.calendar .weekdays li.sat{color:#0875f0}

.calendar .days{padding:7px 0; border-bottom:1px solid #e8e8e8; background:#fff}
.calendar .days:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.calendar .days li{float:left; width:14.2857143%; height:39px; line-height:39px; text-align:center; margin-bottom:5px; font-size:14px; color:#333}
.calendar .days li.registerd{font-weight:600; color:#d34d41; background:url(../images/common/dot2.png) no-repeat center 0; background-size:5px 5px}
.calendar .days li.on{font-weight:600; color:#fff; background:url(../images/common/ico_rtc1.png) no-repeat center; background-size:37px 37px}

.club .btn_attend2{position:relative; top:0; margin:10px 0 25px}
.club .btn_attend2 a{display:inline-block; width:calc(50% - 3px); height:53px; line-height:53px; border-radius:3px; box-sizing:border-box; text-align:center}
.club .btn_attend2 .btn1{margin-right:3px; border:1px solid #57a8e6; background-color:#56b3fb}
.club .btn_attend2 .btn2{margin-left:3px; border:1px solid #d9e4ec; background-color:#fff}
.club .btn_attend2 span{font-size:17px; font-weight:300}
.club .btn_attend2 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.club .btn_attend2 .btn2 span{color:#888888}

.club .at_status{clear:both; position:relative;
                  background:#fff; box-sizing:border-box;
                 z-index:2; }
.club .at_status:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .at_status .left{float:left; height:40px; line-height:40px}
.club .at_status .left:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .at_status .left .sts{float:left; width:75px; text-align:center; background:url(../images/common/sep5.png) no-repeat right center; background-size:1px 14px}
.club .at_status .left .sts:last-child{background:none}
.club .at_status .left .sts span{font-size:14px; font-weight:300; color:#494949}
.club .at_status .left .sts .ico{padding-left:19px; background-repeat:no-repeat}
.club .at_status .left .sts .count{margin-left:6px; font-size:16px; font-weight:bold}
.club .at_status .left .sts1 .ico{background-image:url(../images/common/ico_member4.png); background-position:left 0px; background-size:14px 14px; padding-bottom:2px}
.club .at_status .left .sts1 .count{color:#4da7ec}
.club .at_status .left .sts2 .ico{background-image:url(../images/common/ico_member5.png); background-position:left 0px; background-size:13px 15px; padding-bottom:2px}
.club .at_status .left .sts2 .count{color:#d34d41}
.club .at_status .left .sts3 .ico{background-image:url(../images/common/ico_member6.png); background-position:left 0px; background-size:13px 15px; padding-bottom:2px}
.club .at_status .left .sts3 .count{color:#cccccc}


.club .at_status .right{float:right}
/* .club .at_status .right .btn_view_cfc{padding-right:10px}
.club .at_status .right .btn_view_cfc a{display:block; width:80px; height:40px; line-height:40px; border-color:#6fbefc; border-radius:2px; background:#6fbefc}
.club .at_status .right .btn_view_cfc span{display:inline; font-size:15px; font-weight:300; color:#fff; line-height:40px; padding-left:22px; background:url(../images/common/ico_bubble1.png) no-repeat 0 3px; background-size:16px 16px}
 */

/*모임 날짜, 장소, 시간등 입력 부분 추가*/
.club .at_status .sum_rgt{clear:both; position:relative; padding:0px 0 15px;  background:#fff; box-sizing:border-box; z-index:2; border-top:none;}
.club .at_status .sum_rgt ul{padding:0 15px}
.club .at_status .sum_rgt li{line-height:34px; margin-top:3px}
.club .at_status .sum_rgt li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*sum_rgt1 계상 뷰*/
.club .at_status .sum_rgt.sum_rgt1 {padding-top:7px}
.club .at_status .sum_rgt.sum_rgt1 li{line-height:23px}
.club .at_status .sum_rgt.sum_rgt2 .left{width:17%}
.club .at_status .sum_rgt.sum_rgt2 .right{width:83%}
.club .at_status .sum_rgt .left{float:left; width:30%}
.club .at_status .sum_rgt .left .item{font-size:14px; font-weight:300; color:#555; padding-left:8px; background:url(../images/common/dot1.png) no-repeat 0 center; background-size:3px 3px}
.club .at_status .sum_rgt .right{float:right; width:70%; text-align:right}
.club .at_status .sum_rgt .right .nmb{font-size:14px; font-weight:300; color:#333}
.club .at_status .sum_rgt .right .nmb span{font-weight:700; color:#56b3fb}
.club .at_status .sum_rgt .right .nmb span.sep{font-weight:300; color:#ccc}
.club .at_status .sum_rgt .right .nmb span.all{font-weight:300; color:#333}
.club .at_status .sum_rgt .right input{width:100%; height:34px; line-height:34px; padding-left:10px; padding-right:10px; font-size:14px; font-weight:300; color:#333}
.club .at_status .sum_rgt .right .plc input{width:100%; text-align:right}
.club .at_status .sum_rgt .right .cost input{width:158px; text-align:right}
.club .at_status .sum_rgt .right .cost span{display:inline-block; position:relative; top:7px; width:16px; height:12px; margin-right:7px; font-size:0; /* background:url(../images/common/ico_w3.png) no-repeat 0 0; */ background-size:16px 12px}
.club .at_status .sum_rgt .right .date {width:100%; position:relative;}
.club .at_status .sum_rgt .right .date input {width:100%;  vertical-align:middle;
                                                  border: 1px solid #eaeaea;}
.club .at_status .sum_rgt .right .date img{width:16px; height:16px; padding:8px; vertical-align:middle} /*DATAPICKER*/
.club .at_status .sum_rgt .right .time span{color:#56b3fb}

.club .at_status .sum_rgt .right select{vertical-align:middle; width:100%; height:34px; padding-left:10px; font-size:14px; font-weight:300; color:#333; border:1px solid #eaeaea; background:#fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size:12px 7px}
.club .at_status .sum_rgt .right select option{font-weight:300; color:#333}
.club .at_status .sum_rgt .right select{
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

input[type='radio'].css-checkbox6 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox6 + label.css-label6 {
display:inline-block; height:34px; line-height:34px; font-size:13px; color:#666; padding-left:25px; background-repeat:no-repeat; background-position: 0 6px; background-size: 20px 75px; box-sizing:border-box}
input[type='radio'].css-checkbox6:checked + label.css-label6{background-position: 0 -36px}
label.css-label6{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.club .at_status .sum_rgt .right .time1 select{width:55px; margin-left:4px}

/*회의내용*/
.club .at_status .exr_club_write1 {clear:both; position:relative; top:-15px; background:#fff; box-sizing:border-box}
.club .at_status .exr_club_write1 .cont {padding:15px; font-size:15px; font-weight:bold; color:#fff; line-height:23px; letter-spacing:-0.5px}
.club .at_status .exr_club_write1 .cont textarea{height:96px; padding:7px 13px; font-size:14px; color:#a9a9a9; background:#fafafa}




.club .exr_club_memo{clear:both; position:relative; top:-2px; background:#76c2ff; box-sizing:border-box; z-index:2}
.club .exr_club_memo .cont{padding:15px; font-size:15px; font-weight:bold; color:#fff; line-height:23px; letter-spacing:-0.5px}

.club .at_status1{clear:both; position:relative; top:-2px; padding:13px 10px; background:#fff; box-sizing:border-box; z-index:2}
.club .at_status1:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .at_status1 .sts{float:left; width:33.33333%; text-align:center; background:url(../images/common/sep5.png) no-repeat right center; background-size:1px 14px}
.club .at_status1 .sts:last-child{background:none}
.club .at_status1 .sts span{font-size:14px; font-weight:300; color:#494949}
.club .at_status1 .sts .ico{padding-left:19px; background-repeat:no-repeat}
.club .at_status1 .sts .count{position:relative; top:1px; margin-left:6px; font-size:16px; font-weight:bold}
.club .at_status1 .sts1 .ico{background-image:url(../images/common/ico_member4.png); background-position:left 0; background-size:14px 14px}
.club .at_status1 .sts1 .count{color:#4da7ec}
.club .at_status1 .sts2 .ico{background-image:url(../images/common/ico_member5.png); background-position:left 0; background-size:13px 15px}
.club .at_status1 .sts2 .count{color:#d34d41}
.club .at_status1 .sts3 .ico{background-image:url(../images/common/ico_member6.png); background-position:left 0; background-size:12px 16px}
.club .at_status1 .sts3 .count{color:#999}

.detail_member2 .accordion{}
.detail_member2 .accordion li{height:52px; background:#fff}
.detail_member2 .accordion li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member2 .accordion li.hgt{height:100%}
.detail_member2 .panel-title a{display:block; height:51px; line-height:50px; padding:0 0 0 8px; border-bottom:1px solid #dbeaf4; background:#fff url(../images/common/arrow_sidebar1.png) no-repeat right 10px center; background-size:7px 11px; overflow:hidden; cursor:default}
.detail_member2 .accordion li:last-child .panel-title a {border-bottom:none;}
.detail_member2 .panel-title a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member2 .panel-title a.active{background:#fff url(../images/common/ico_arrow6.png) no-repeat right 14px center; background-size:11px 7px}
.detail_member2 .panel-title .left{float:left}
.detail_member2 .panel-title .right{float:right; }
.detail_member2 .panel-title .right.count{padding-right:10px;}
.detail_member2 .panel-title span{display:inline-block; box-sizing:border-box}
.detail_member2 .panel-title .p_name{font-size:15px; font-weight:300; color:#333;
                                  padding-left:15px;
                                  background:url(../images/common/ico_member4.png) no-repeat left center;
                                  background-size:14px 14px; overflow:hidden; white-space:nowrap;
                                   width:115px; overflow:hidden; text-overflow:ellipsis;}
.detail_member2 .panel-title .leftLine {border-left:2px solid #56b3fb;}
.detail_member2 .panel-title .barWrap {display:block; height:51px; line-height:50px; padding:0 0 0 8px; border-bottom:1px solid #dbeaf4; overflow:hidden;}
.detail_member2 ul li:last-child .panel-title .barWrap {border-bottom:none;}

/* 1: 선택 / 2: 미정 / 3:참석 / 4:불참 */
.detail_member2 li.active1 .panel-title .p_name{background:url(../images/common/ico_member3.png) no-repeat left center; background-size:13px 15px}
.detail_member2 li.active2 .panel-title .p_name{background:url(../images/common/ico_member6.png) no-repeat left center; background-size:13px 15px}
.detail_member2 li.active3 .panel-title .p_name{background:url(../images/common/ico_member4.png) no-repeat left center; background-size:13px 15px}
.detail_member2 li.active4 .panel-title .p_name{background:url(../images/common/ico_member5.png) no-repeat left center; background-size:13px 15px}

.detail_member2 .panel-title .p_txt{width:90px; font-size:13px; font-weight:300; color:#777; padding-left:8px; /* background:url(../images/common/sep6.png) no-repeat left center; background-size:1px 15px */}
.detail_member2 .panel-title .btn_tg_attend{margin-top:12px; z-index:25; padding-right:26px}
.detail_member2 .panel-title .btn_tg_attend span{width:49px; height:28px; font-size:14px; font-weight:300; color:#fff; line-height:26px; text-align:center; border:1px solid #eee; border-radius:2px; box-sizing:border-box;}
.detail_member2 .panel-title .btn_tg_attend .a_yes{display:none; border-color:#50a5e9; background:#61b3f5}
.detail_member2 .panel-title .btn_tg_attend .a_no{display:none; border-color:#ce4b41; background:#ce4b41}
.detail_member2 .panel-title .btn_tg_attend .a_or{display:none; border-color:#cccccc; background:#cccccc}
.detail_member2 .panel-title .btn_tg_attend .a_al{display:none; border-color:#808080; background:#808080}

.detail_member2 .panel-title .btn_tg_attend.atd4 .a_no{display:block}
.detail_member2 .panel-title .btn_tg_attend.atd2 .a_or{display:block}
.detail_member2 .panel-title .btn_tg_attend.atd3 .a_yes{display:block}
.detail_member2 .panel-title .btn_tg_attend.atd1 .a_al{display:block}

/* 뷰용도 수정불가 */
.detail_member2 .panel-title .btn_tg_attend2{margin-top:12px; z-index:25; padding-right:26px}
.detail_member2 .panel-title .btn_tg_attend2 span{width:49px; height:28px; font-size:14px; font-weight:300; color:#fff; line-height:26px; text-align:center; border:1px solid #eee; border-radius:2px; box-sizing:border-box;}
.detail_member2 .panel-title .btn_tg_attend2 .a_yes{display:none; border-color:#50a5e9; background:#61b3f5}
.detail_member2 .panel-title .btn_tg_attend2 .a_no{display:none; border-color:#ce4b41; background:#ce4b41}
.detail_member2 .panel-title .btn_tg_attend2 .a_or{display:none; border-color:#cccccc; background:#cccccc}
.detail_member2 .panel-title .btn_tg_attend2 .a_al{display:none; border-color:#808080; background:#808080}

.detail_member2 .panel-title .btn_tg_attend2.atd4 .a_no{display:block}
.detail_member2 .panel-title .btn_tg_attend2.atd2 .a_or{display:block}
.detail_member2 .panel-title .btn_tg_attend2.atd3 .a_yes{display:block}
.detail_member2 .panel-title .btn_tg_attend2.atd1 .a_al{display:block}


.detail_member2 .panel-content {padding:10px 10px 0; background:#fff}
.detail_member2 .panel-content textarea{width:100%; height:87px; font-size:13px; font-weight:300; color:#333; line-height:22px; padding:9px 15px; background-color:#edf4fa; border:none; resize: none; box-sizing:border-box}

.detail_member2 .panel-content2 {padding:10px 10px 0; background:#fff}
.detail_member2 .panel-content2 textarea{width:100%; height:87px; font-size:13px; font-weight:300; color:#333; line-height:22px; padding:9px 15px; background-color:#edf4fa; border:none; resize: none; box-sizing:border-box}

/*팝업 : 회의내용*/
.pop_cont_cfc .pop-layer{width:calc(100% - 70px); border-radius:10px} /*너비 등 커스텀*/
.pop_cont_cfc .pop-header{position:relative; background:#56b3fb}
.pop_cont_cfc .pop-header .title{height:48px; line-height:48px}
.pop_cont_cfc .pop-header .title span{font-size:15px; color:#fff; padding-left:17px}
.pop_cont_cfc .pop-header .btn-r{position:absolute; top:17px; right:15px}
.pop_cont_cfc .pop-header .btn-r img{width:14px}
.pop_cont_cfc .pop-cont{background:#fff}
.pop_cont_cfc .pop-cont .txtara textarea{width:100%; height:200px; padding:8px 14px; font-size:14px; font-weight:300; color:#333; line-height:22px; border:none; background:#fff; resize: none; overflow:auto; box-sizing:border-box}
.pop_cont_cfc .pop-cont .btnset{border-top:1px solid #e9e9e9}
.pop_cont_cfc .pop-cont .btnset a{display:inline-block; width:50%; height:47px; line-height:47px; text-align:center; border-right:1px solid #e3e3e3; box-sizing:border-box}
.pop_cont_cfc .pop-cont span{font-size:14px; font-weight:300; color:#333; padding-left:19px; background-repeat:no-repeat; background-position:0 2px; background-size:16px 16px}
.pop_cont_cfc .pop-cont .btnset .btn1 span{background-image:url(../images/common/ico_setting2.png)}
.pop_cont_cfc .pop-cont .btnset .btn2 span{background-image:url(../images/common/ico_cancel2.png)}
.pop_cont_cfc .pop-footer{margin:0; padding:13px;  text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1}
.pop_cont_cfc .pop-footer a{display:inline-block; width:100%; height:41px; text-align:center; line-height:41px; border-radius:5px; background-color:#56b3fb; box-sizing:border-box}
.pop_cont_cfc .pop-footer span{font-size:15px; color:#fff}

/*회비계상*/
.detail_member3{position:relative; top:0; width:100%; box-sizing:border-box; z-index:1;}
.detail_member3 .list_dm{border-top:1px solid #dbeaf4;}
.detail_member3 .list_dm li{height:54px; line-height:55px; border-bottom:1px solid #dbeaf4; background-color:#fff; overflow:hidden}
.detail_member3 .list_dm li a{display:block}
.detail_member3 .list_dm li a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member3 .list_dm .item{float:left; padding-left:8px; margin-left:5px;}
.detail_member3 .list_dm .item span{display:inline-block}
.detail_member3 .list_dm .item .date{font-size:15px; font-weight:300; color:#333}
.detail_member3 .list_dm .item .count_sum{position:relative; top:-1px; margin-left:10px; padding-left:12px; background:url(../images/common/sep7.png) no-repeat 0 center; background-size:1px 16px}
.detail_member3 .list_dm .item .count_sum span{font-size:14px; font-weight:300; color:#42a3ee; padding-left:16px; background:url(../images/common/ico_people1.png) no-repeat 0 center; background-size:13px 13px}

.detail_member3 .list_dm .classify{float:right; overflow:hidden; }
.detail_member3 .list_dm .classify span:first-child {font-size:15px; font-weight:300; color:#666; margin-right:8px; display:block; float:right;
                                                    width:53px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }
.detail_member3 .list_dm .classify span:last-child {font-size:15px; font-weight:300; color:#666; margin-right:10px; display:block; float:right;}

.detail_member3 .empty_sum{display:flex; justify-content:center; align-items:center; width:100%; height:calc(105vh - 220px)}
.detail_member3 .empty_sum .section_msg{text-align:center}
.detail_member3 .empty_sum .section_msg .ico1{width:26px; height:26px; margin:0 auto; background:url(../images/common/ico_plus6.png) no-repeat 0 0; background-size:26px 26px}
.detail_member3 .empty_sum .section_msg p{ width:110%; margin-bottom:11px; font-size:14px; font-weight:300; color:#949494; line-height:22px; text-align:center;}
.detail_member3 .empty_sum .section_msg .btn_rgt{width:153px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.detail_member3 .empty_sum .section_msg .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.detail_member3 .empty_sum .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}

/*money, in.jsp 페이지 버튼 디자인*/
.detail_member3 .empty_sum .section_msg button {padding:2px 0 0 26px; width:110%; height:40px; font-size: 16px; letter-spacing:0.1em; background: url(../images/common/ico_plus2.png) no-repeat 10px center; background-size: 24px 24px; box-sizing:border-box; border-color: #6bbdfc; background-color: #6bbdfc; border-radius:3px; color:#fff;}

/*사진첩*/
.club .photo_view {clear: both; position: relative; padding:2px 0 5px 5px; margin-bottom:40px; background: #fff; box-sizing: border-box; z-index: 2;}
.club .photo_view .date { margin:13px 0 14px 15px; }
.club .photo_view .date span {font-size:15px; display:inline-block; height:16px; line-height:16px;}
.club .photo_view .date .detail_date {overflow:hidden;}
.club .photo_view .date .ellips {width:160px; margin-left:13px; border-left: 2px solid #56b3fb; padding-left:10px;}
.club .photo_view .line {width:98%; height:2px; background:#dbdbdb; margin-bottom:20px;}
.club .photo_view ul {overflow:hidden;}
.club .photo_view ul li {float:left; width:calc(100%/2); height:160px; }
.club .photo_view ul li img {width:97%; height:97%;}


.club .sum_rgt{clear:both; position:relative; top:-2px; background:#fff; box-sizing:border-box; z-index:1; margin-bottom:15px;}
.club .sum_rgt ul{padding:0 15px}
.club .sum_rgt li{line-height:34px; margin-top:3px}
.club .sum_rgt li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*sum_rgt1 계상 뷰*/
.club .sum_rgt .left {float:left; width:30%; overflow:hidden; position:relative;}
.club .sum_rgt .left .item {float:left; font-size:14px; margin-right:3px; font-weight:300; color:#555; padding-left:8px; background:url(../images/common/dot1.png) no-repeat 0 center; background-size:3px 3px}
.club .sum_rgt .left img {margin-top:7px; width:18px; height:18px; display:block; float:left;}
.club .sum_rgt .here_wrap {position:relative;}
.club .sum_rgt .here_wrap .question { display:none; position:absolute; top:32px; left:0; width:240px; height:30px; border:1px solid #e50c26; border-radius:5px; background:#fff; z-index:10; box-shadow:3px 3px 3px #afafaf}
.club .sum_rgt .here_wrap .question p {text-align:center; position:relative; font-size:13px; padding:2px 5px 3px 5px; color:#666; line-height:30px; }
.club .sum_rgt .here_wrap .question p span {display:inline-block; position:absolute; top:-7px; left:62px; width:14px; height:7px; background:url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size:15px 9px}

/*실행버튼 부분*/
.club .sum_rgt .here_wrap .right_new {float:right; overflow:hidden; width:70%; margin-top:3px;}
.club .sum_rgt .here_wrap .right_new input {display:block; float:right; padding-right:10px; width:77%; height:34px; line-height:34px; text-align:right; font-size:14px; font-weight:300; color:#333; box-sizing:border-box;}
.club .sum_rgt .here_wrap .right_new a {display:block; float:right; width:23%; height:34px; text-align:center; background: #56b3fb; color:#fff; font-weight:bold;}

.club .sum_rgt .right{float:right; width:70%; text-align:right}
.club .sum_rgt .right .nmb{font-size:14px; font-weight:300; color:#333}
.club .sum_rgt .right .nmb span{font-weight:700; color:#56b3fb}
.club .sum_rgt .right .nmb span.sep{font-weight:300; color:#ccc}
.club .sum_rgt .right .nmb span.all{font-weight:300; color:#333}
.club .sum_rgt .right input{width:100%; height:34px; line-height:34px; padding-left:10px; padding-right:10px; font-size:14px; font-weight:300; color:#333}
.club .sum_rgt .right .plc input{width:100%; text-align:right}
.club .sum_rgt .right .cost input{width:158px; text-align:right}
.club .sum_rgt .right .cost span{display:inline-block; position:relative; top:7px; width:16px; height:12px; margin-right:7px; font-size:0; /* background:url(../images/common/ico_w3.png) no-repeat 0 0; */ background-size:16px 12px}
.club .sum_rgt .right .date {width:100%; position:relative; }
.club .sum_rgt .right .date input{width:100%; border:1px solid #eaeaea; vertical-align:middle; box-sizing:border-box;  padding-left:28px;}
.club .sum_rgt .right .date img{position:absolute; top:2px; left:0; width:16px; height:16px; padding:8px; vertical-align:middle;} /*DATAPICKER*/
.club .sum_rgt .right .time span{color:#56b3fb}

.club .sum_rgt .right select{vertical-align:middle; width:100%; height:34px; padding-left:10px; font-size:14px; font-weight:300; color:#333; border:1px solid #eaeaea; background:#fff url(../images/common/ico_arrow1.png) no-repeat right 5px center; background-size:12px 7px}
.club .sum_rgt .right select option{font-weight:300; color:#333}
.club .sum_rgt .right select{-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;}

input[type='radio'].css-checkbox6 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox6 + label.css-label6 {
display:inline-block; height:34px; line-height:34px; font-size:13px; color:#666; padding-left:25px; background-repeat:no-repeat; background-position: 0 6px; background-size: 20px 75px; box-sizing:border-box}
input[type='radio'].css-checkbox6:checked + label.css-label6{background-position: 0 -36px}
label.css-label6{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.club .sum_rgt .right .time1 select{width:55px; margin-left:4px}

/*모임출석 뷰페이지 만들기 17.11.20*/
.club .sum_rgt ul .group {border-bottom:1px solid #eaeaea;}
.club .sum_rgt ul .group .right2 {float:left; width:70%; font-size:15px;}
.club .sum_rgt ul .group .left .item {color: #4aaaf5;}
.club .exr_club_write1 .cont .inner {width:100%; padding:10px; box-sizing: border-box; border: 1px solid #ebebeb; vertical-align: middle; background: #fafafa;}
.club .exr_club_write1 .cont .inner span {font-size: 15px; font-weight:normal; line-height:190%; color:#000;}

/*전체선택 체크박스 디자인-회비등록 페이지*/
.whole {overflow:hidden; background:#f6f6f6; padding:0 13px 0 10px; font-size:15px; height:40px;
        line-height:40px; border-top: 1px solid #dbeaf4;}
.whole .section {float:left; color:#5ca3de; width:55px; }
.whole .keyMember {float:left; margin-left:5px;}
.whole #checkWrap { float:right; overflow:hidden; height:40px; line-height:40px;}
/* .whole #checkWrap div {position:absolute; top:-3px; right:2px; } */
.whole #checkWrap .meetingMoney {float:right;}
.whole #checkWrap .whole2 {margin-right:4px; margin-left:52px; font-weight:bold; font-size:14px; float:right;}
.whole #checkWrap .real-check {float:right; height:40px; width:21px; box-sizing:border-box; position:relative; }
.whole #checkWrap .real-check label {width:17px; height:17px; display:inline-block; border:2px solid #b5c1c6;
                       cursor:pointer; border-radius:17px;
                       background:url(../images/common/check3.png) no-repeat center;
                       background-size:18px 18px; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.whole #checkWrap .real-check input[type="checkbox"]:checked + label {border:2px solid #199cf4;
           background:url(../images/common/check4-on.png) no-repeat center;
           background-size:18px 18px;}
.whole #checkWrap .real-check input[type="checkbox"] {display:none;}

/*전체선택 체크박스 디자인-입금등록 페이지*/
.whole-inmoney {overflow:hidden;     background: #f6f6f6; padding:0 10px 0 10px; font-size:15px; height:35px;
        line-height:35px; border-bottom:1px solid #e4f4ff; border-top:1px solid #e4f4ff;}
.whole-inmoney .member {float:left; color:#5ca3de; width:68px;}
.whole-inmoney .money {float:left; color:#5ca3de; }
.whole-inmoney .postpone_money {float:right; width:65px;  font-size:12px; text-align:center; color: #4aadf9;
                             background: url(../images/common/ico_dps2.png) no-repeat 0px center; background-size: 13px 14px; padding-left:3px;}
.whole-inmoney .today_money {float:right; width:65px; font-size:12px; text-align:center; color: #cf4c41;
                            background: url(../images/common/ico_dps1.png) no-repeat 0px center; background-size: 13px 14px; padding-left:3px;}
.whole-inmoney #checkWrap { float:right; overflow:hidden; margin-right:2px; }
.whole-inmoney #checkWrap .wrap_under {float:right; position:relative; width:21px; height:33px;}
.whole-inmoney #checkWrap .whole3 {font-weight:bold; font-size:14px; float:right; }
.whole-inmoney #checkWrap .wrap_under label {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:17px; height:17px; display:inline-block; border:2px solid #b5c1c6;
                       cursor:pointer; border-radius:17px;
                       background:url(../images/common/check3.png) no-repeat center;
                       background-size:18px 18px;}
.whole-inmoney #checkWrap .wrap_under input[type="checkbox"]:checked + label {border:2px solid #199cf4;
           background:url(../images/common/check4-on.png) no-repeat center;
           background-size:18px 18px;}
.whole-inmoney #checkWrap .wrap_under input[type="checkbox"] {display:none;}


/*개인별 선택 체크박스 디자인*/
.list_dm .dm_value .btn_delete {position:relative; width:18px; height:52px;}
.list_dm .dm_value .btn_delete label {width:16px; height:16px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; display:inline-block;
                       cursor:pointer; border-radius:9px; border:1px solid #b5c1c6;
                       background:url(../images/common/check4-small.png) no-repeat center;
                       background-size:16px 16px;}
.list_dm .dm_value .btn_delete input[type="checkbox"]:checked + label {border:1px solid #199cf4;
                       background:url(../images/common/check3-small-on.png) no-repeat center;
                       background-size:16px 16px;}
.list_dm .dm_value .btn_delete input[type="checkbox"] {display:none;}




.detail_member4{position:relative; top:0; width:100%; padding-bottom:10px; background:#fff; box-sizing:border-box; z-index:1}
.detail_member4 .list_dm {border-top:1px solid #dbeaf4;}
.detail_member4 .list_dm li {height:54px; line-height:55px; padding:0 10px; border-bottom:1px solid #dbeaf4; background:#fff; overflow:hidden}
.detail_member4 .list_dm li:last-child {border-bottom:none;}
.detail_member4 .list_dm li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member4 .list_dm .item{float:left}
.detail_member4 .list_dm .item .positionName{font-size:15px; color:#5ca3de; width:55px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
.detail_member4 .list_dm .item .dm_name{width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
.detail_member4 .list_dm .dm_value{float:right; overflow:hidden;}
.detail_member4 .list_dm .dm_value span{display:block; font-size:15px; font-weight:300; color:#333;
                                        float:left;}
.detail_member4 .list_dm .dm_value strong{font-size:15px; font-weight:300; color:#333}

.detail_member4 .list_dm .dm_value .cost{position:relative; height:52px; width:97px;}
.detail_member4 .list_dm .dm_value .cost-won {margin-right:4px;}
.detail_member4 .list_dm .dm_value .cost1{margin-right:0}
.detail_member4 .list_dm .dm_value .cost1 strong{font-size:15px; font-weight:bold; color:#56b3fb}
.detail_member4 .list_dm .dm_value .cost input{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:93px; height:34px; line-height:34px; margin-right:4px; text-align:right; font-size:14px; font-weight:300; color:#333}
.detail_member4 .list_dm .dm_value .btn_delete{padding-right:0px; margin-right:5px}
.detail_member4 .list_dm .dm_value .btn_delete img{width:18px; height:18px; margin-top:19px}
/*가입, 미가입 표시 */
.detail_member4 .list_dm .dm_value .join{position:relative; height:30px; line-height:30px; width:70px; border:1px solid #c0c0c0; /* background:#f6fcff; */ text-align:center; border-radius:3px; margin:11px 35px 0 0;}
.detail_member4 .list_dm .dm_value .mem_no{background-color: #56b3fb; border: 1px solid #56b3fb; color:#fff;}
/*미납알립탭 총미납금*/
.detail_member4 .list_dm .send-unpay {float:right; margin-right:15px; text-align:right;}
.detail_member4 .list_dm .send-unpay strong {color: #24a1ed;}

.detail_member4 .list_bt_deposit{padding:0 15px}
.detail_member4 .list_bt_deposit ul{border-top:2px solid #333}
.detail_member4 .list_bt_deposit li{height:47px}
.detail_member4 .list_bt_deposit li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member4 .list_bt_deposit .item{float:left; line-height:47px}
.detail_member4 .list_bt_deposit .item span{display:inline-block; font-size:16px; color:#333; line-height:47px}
.detail_member4 .list_bt_deposit .item .title{padding-left:20px; background-repeat:no-repeat; background-position:left center; background-size:14px 16px}
.detail_member4 .list_bt_deposit .item .txt1{}
.detail_member4 .list_bt_deposit .total{float:right; font-size:14px; font-weight:300; color:#666}
.detail_member4 .list_bt_deposit .total span{display:inline-block; line-height:47px; font-size:16px; font-weight:bold}

.detail_member4 .list_bt_deposit li.t1{border-bottom:1px solid #eaeaea}
.detail_member4 .list_bt_deposit li.t1 .title{background-image:url(../images/common/ico_dps2.png)}
.detail_member4 .list_bt_deposit li.t1 .txt1{color:#4aadf9}
.detail_member4 .list_bt_deposit li.t1 .total span{color:#339beb}
.detail_member4 .list_bt_deposit li.t2 .title{background-image:url(../images/common/ico_dps1.png)}
.detail_member4 .list_bt_deposit li.t2 .txt1{color:#d34d41}
.detail_member4 .list_bt_deposit li.t2 .total span{color:#cf4c41}


.club .btn_confirm1{position:relative; margin:0px 10px 35px;}
.club .btn_confirm1 a{display:inline-block; width:calc(50% - 3px); height:48px; line-height:48px; border-radius:3px; box-sizing:border-box; text-align:center}
.club .btn_confirm1 .btn1{ border:1px solid #f4649c; background-color:#f4649c}
.club .btn_confirm1 .btn2{margin-right:6px; border:1px solid #dbe2e6; background-color:#fbfdff}
.club .btn_confirm1 .btn3{margin-right:3px; border:1px solid #6bbdfc; background-color:#6bbdfc}
.club .btn_confirm1 .btn4{margin-left:3px; border:1px solid #dbe2e6; background-color:#fbfdff}
.club .btn_confirm1 span{font-size:15px; font-weight:300}
.club .btn_confirm1 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.club .btn_confirm1 .btn2 span{color:#56b3fb}
.club .btn_confirm1 .btn3 span{color:#fff; padding-left:19px; background:url(../images/common/ico_setting3.png) no-repeat 0 center; background-size:16px 16px}
.club .btn_confirm1 .btn4 span{color:#56b3fb; padding-left:21px; background:url(../images/common/ico_out1.png) no-repeat 0 center; background-size:16px 16px}

.club .btn_confirm3{position:relative; margin:0px 10px 35px;}
.club .btn_confirm3 a{display:inline-block; width:calc(97%/3); height:48px; line-height:48px; border-radius:3px; box-sizing:border-box; text-align:center}
.club .btn_confirm3 .btn1{margin-right:3px; border:1px solid #db4c3f; background-color:#db4c3f}
.club .btn_confirm3 .btn2{margin-right:3px; border:1px solid #dbe2e6; background-color:#fbfdff}
.club .btn_confirm3 .btn3{border:1px solid #f4649c; background-color:#f4649c}
.club .btn_confirm3 .btn5{margin-right:3px; border:1px solid #6bbdfc; background-color:#6bbdfc}
.club .btn_confirm3 .btn4{margin-right:3px; border:1px solid #dbe2e6; background-color:#fbfdff}
.club .btn_confirm3 span{font-size:15px; font-weight:300}
.club .btn_confirm3 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.club .btn_confirm3 .btn2 span{color:#56b3fb}
.club .btn_confirm3 .btn3 span{color:#fff; padding-left:19px; background:url(../images/common/ico_setting3.png) no-repeat 0 center; background-size:16px 16px}
.club .btn_confirm3 .btn4 span{color:#56b3fb; padding-left:21px; background:url(../images/common/ico_out1.png) no-repeat 0 center; background-size:16px 16px}
.club .btn_confirm3 .btn5 span{color:#fff; padding-left:19px;}

.btn_confirm4{position:fixed; bottom:20px; width:100%; padding:0 15px; box-sizing:border-box;}
.btn_confirm4 a{display:inline-block; width:calc(50% - 3px); height:48px; line-height:48px; border-radius:3px; box-sizing:border-box; text-align:center}
.btn_confirm4 .btn1{ border:1px solid #f4649c; background-color:#f4649c}
.btn_confirm4 .btn2{margin-right:6px; border:1px solid #dbe2e6; background-color:#fbfdff}
.btn_confirm4 span{font-size:15px; font-weight:300}
.btn_confirm4 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.btn_confirm4 .btn2 span{color:#56b3fb}

.btn_confirm5{width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:20px;}
.btn_confirm5 a{display:inline-block; width:calc(50% - 3px); height:48px; line-height:48px; border-radius:3px; box-sizing:border-box; text-align:center}
.btn_confirm5 .btn1{ border:1px solid #f4649c; background-color:#f4649c}
.btn_confirm5 .btn2{margin-right:6px; border:1px solid #dbe2e6; background-color:#fbfdff}
.btn_confirm5 span{font-size:15px; font-weight:300}
.btn_confirm5 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.btn_confirm5 .btn2 span{color:#56b3fb}

/*회비입금*/
.club .deposit_smr{clear:both; position:relative; top:-2px; border-top:1px solid #fff; background:#eee; box-sizing:border-box; z-index:2}
.club .deposit_smr li{height:46px; line-height:46px; overflow:hidden}
.club .deposit_smr li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .deposit_smr .left{float:left; width:67%; background:#4aadf9}
.club .deposit_smr .left:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .deposit_smr .left .item{float:left; width:31%; padding-left:14px; box-sizing:border-box}
.club .deposit_smr .left .item span{font-size:14px; font-weight:300; color:#fff; padding-left:20px; background:url(../images/common/ico_money1.png) no-repeat left center; background-size:12px 16px}
.club .deposit_smr .left .cost{float:right; width:69%; text-align:center; font-size:14px; color:#fff; box-sizing:border-box}
.club .deposit_smr .left .cost span{font-size:17px; font-weight:bold}
.club .deposit_smr .right{float:left; width:33%; background:#6fbfff}
.club .deposit_smr .right .btn_out{font-size:14px; font-weight:300; color:#333}
.club .deposit_smr .right .btn_out a{display:block; line-height:46px; text-align:center}
.club .deposit_smr .right .btn_out span{font-size:14px; font-weight:300; color:#fff; padding-right:24px; background:url(../images/common/ico_blk1.png) no-repeat right center; background-size:16px 16px}

.detail_member5{position:relative; top:0; width:100%; background:#fff;
            box-sizing:border-box; z-index:1; margin-top:5px; margin-bottom:40px;}
.detail_member5 .list_dm{}
.detail_member5 .list_dm li{height:54px; line-height:54px; border-bottom:1px solid #dbeaf4; background-color:#fff; overflow:hidden; box-sizing:border-box}
.detail_member5 .list_dm li a{display:block}
.detail_member5 .list_dm li a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member5 .list_dm .item{float:left; padding-left:10px; overflow:hidden;}
.detail_member5 .list_dm .item span{display:block; float:left;}
.detail_member5 .list_dm .item .date{font-size:15px; font-weight:300; color:#333}
.detail_member5 .list_dm .d_value{float:right}
.detail_member5 .list_dm .d_value .cost{font-size:15px; font-weight:300; color:#666; margin-right:8px}
.detail_member5 .list_dm .d_value .cost strong{font-size:15px; font-weight:bold; color:#d34d41}
/*입금리스트 사람 숫자, 이름 추가 디자인*/
.detail_member5 .list_dm .item .count_sum{position:relative; top:-1px; margin-left:6px; padding-left:8px; background:url(../images/common/sep7.png) no-repeat 0 center; background-size:1px 16px}
.detail_member5 .list_dm .item .count_sum span{font-size:14px; font-weight:300; color:#42a3ee; padding-left:16px; background:url(../images/common/ico_people1.png) no-repeat 0 center; background-size:13px 13px}
.detail_member5 .list_dm .item .people_name {width:80px; margin-left:5px;}

.detail_member6{position:relative; top:0; margin-top:8px; padding-bottom:2px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member6 .money_regi_go {width: calc(100% - 30px); height: 28px; position: relative; margin: 0 auto 10px;}
.detail_member6 .money_regi_go .regi_btn {float:right; display:block; }
.detail_member6 .money_regi_go .regi_btn span {padding:5px 6px 3px; display: block; color: #2e9ef4; border: 1px solid #2e9ef4; font-weight: bold; box-sizing: border-box;}
.detail_member6 .list_top_deposit{height:49px; border-bottom:1px solid #dbeaf4; border-top:1px solid #dbeaf4; background:#fbfbfb; box-sizing:border-box; overflow:hidden}
.detail_member6 .list_top_deposit:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member6 .list_top_deposit .item{float:left; width:83px; line-height:48px; text-align:center; border-right:1px solid #d1e8f8; background:#fff}
.detail_member6 .list_top_deposit .item span{font-size:14px; color:#4aadf9}
.detail_member6 .list_top_deposit .date{float:left; width:137px;}
.detail_member6 .list_top_deposit .date input{width:calc(100% - 31px); height:48px; border-color:#fbfbfb; font-size:16px; font-weight:bold; color:#333; padding-left:13px; background:#fbfbfb}
.detail_member6 .list_top_deposit .date img{width:16px; height:16px; vertical-align:middle}  /*DATAPICKER*/

.detail_member6 .list_deposit .list_top_item{height:35px; border-bottom:1px solid #dbeaf4; background:#fbfbfb; overflow:hidden; line-height:35px;}
.detail_member6 .list_deposit .list_top_item:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member6 .list_deposit .list_top_item .member {float: left; color: #5ca3de; margin-left: 5px; width: 68px;}
.detail_member6 .list_deposit .list_top_item .money {float: left; color: #5ca3de;}
.detail_member6 .list_deposit .list_top_item .left{float:left}
.detail_member6 .list_deposit .list_top_item .right{float:right}
.detail_member6 .list_deposit .list_top_item span{display:inline-block; line-height:35px; font-size:12px; font-weight:300; color:#777; text-align:center}
.detail_member6 .list_deposit .list_top_item .it1{width:130px}
.detail_member6 .list_deposit .list_top_item .it2{width:65px; color:#4aadf9; background:url(../images/common/ico_dps2.png) no-repeat 0px center; background-size:13px 14px; padding-left:4px;}
.detail_member6 .list_deposit .list_top_item .it3{width:65px; color:#cf4c41; background:url(../images/common/ico_dps1.png) no-repeat 0px center; background-size:13px 14px; padding-left:4px;}

.detail_member6 .list_deposit ul{}
.detail_member6 .list_deposit li{height:50px; box-sizing:border-box; border-bottom:1px solid #dbeaf4; background-color:#fff; overflow:hidden; padding:0 10px;}
.detail_member6 .list_deposit li:last-child {border-bottom:none;}
.detail_member6 .list_deposit li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member6 .list_deposit .item{float:left; line-height:50px}
.detail_member6 .list_deposit .item span{display:inline-block; font-size:14px; font-weight:300}
.detail_member6 .list_deposit .item .d_name{color:#333; overflow:hidden; text-overflow:ellipsis;
                                    white-space:nowrap; width:68px; text-align:left; font-size:13px; margin-right:5px;}
.detail_member6 .list_deposit .item .d_item{color:#000; text-align:left;
                                           overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90px; }
.detail_member6 .list_deposit .d_value{float:right; text-align:right; overflow:hidden;}
.detail_member6 .list_deposit .d_value span{display:block; float:right; line-height:50px; font-size:14px; font-weight:bold; text-align:right}
.detail_member6 .list_deposit .d_value .dft{width:79px; color:#4aadf9}
.detail_member6 .list_deposit .d_value .add{width:79px; color:#cf4c41}
.detail_member6 .list_deposit .d_value .dft1{font-size:14px; font-weight:bold; color:#4aadf9;
                                            margin-right:2px;}
.detail_member6 .list_deposit .d_value .input_wrap {float:right; position:relative; width:72px; height:50px;}
.detail_member6 .list_deposit .d_value input{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:70px; height:34px; padding-right:2px; text-align:right; font-size:14px; font-weight:bold; color:#cf4c41}
.detail_member6 .list_deposit .d_value .btn_delete img{width:18px; height:18px; margin-top:16px}

/*개인별 선택 체크박스 디자인*/
.detail_member6 .d_value .btn_delete {position:relative; width:18px; height:50px; margin-left:2px; }
.detail_member6 .d_value .btn_delete label {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:16px; height:16px; display:inline-block;
                       cursor:pointer; border-radius:9px; border:1px solid #b5c1c6;
                       background:url(../images/common/check4-small.png) no-repeat center;
                       background-size:16px 16px;}
.detail_member6 .d_value .btn_delete input[type="checkbox"]:checked + label {border:1px solid #199cf4;
                       background:url(../images/common/check3-small-on.png) no-repeat center;
                       background-size:16px 16px;}
.detail_member6 .d_value .btn_delete input[type="checkbox"] {display:none;}


.detail_member6 .list_bt_deposit{padding:0 15px}
.detail_member6 .list_bt_deposit ul{border-top:2px solid #333}
.detail_member6 .list_bt_deposit li{height:47px; overflow:hidden;}
.detail_member6 .list_bt_deposit .item{float:left; line-height:47px}
.detail_member6 .list_bt_deposit .item span{display:inline-block; font-size:16px; color:#333; line-height:47px}
.detail_member6 .list_bt_deposit .item .title{padding-left:20px; background-repeat:no-repeat; background-position:left center; background-size:14px 16px}
.detail_member6 .list_bt_deposit .item .txt1{}
.detail_member6 .list_bt_deposit .total{float:right; font-size:14px; font-weight:300; color:#666}
.detail_member6 .list_bt_deposit .total span{display:inline-block; line-height:47px; font-size:16px; font-weight:bold}

.detail_member6 .list_bt_deposit li.t1{}
.detail_member6 .list_bt_deposit li.t1 .title{background-image:url(../images/common/ico_dps2.png)}
.detail_member6 .list_bt_deposit li.t1 .txt1{color:#4aadf9}
.detail_member6 .list_bt_deposit li.t1 .total span{color:#339beb}
.detail_member6 .list_bt_deposit li.t2 .title{background-image:url(../images/common/ico_dps1.png)}
.detail_member6 .list_bt_deposit li.t2 .txt1{color:#d34d41}
.detail_member6 .list_bt_deposit li.t2 .total span{color:#cf4c41}





/*기타입출금*/
.detail_member7{position:relative; top:0; margin-top:8px;  width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member7 .list_dm li{height:65px; border-bottom:1px solid #dbeaf4; background-color:#fff; overflow:hidden; box-sizing:border-box}
.detail_member7 .list_dm li a{display:block; height:64px}
.detail_member7 .list_dm li a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member7 .list_dm .item{float:left; padding-left:13px}
.detail_member7 .list_dm .item span{display:inline-block}
.detail_member7 .list_dm .item .t_item{margin-top:10px; font-size:14px; padding-left:2px; overflow:hidden;}
.detail_member7 .list_dm .item .b_item{margin-top:5px}
.detail_member7 .list_dm .item .date{display:block; float:left; font-weight:bold; color:#333; }
.detail_member7 .list_dm .item .csf{display:block; float:left; width:110px; margin-left:8px; padding-left:8px; color:#222; background:url(../images/common/sep4.png) no-repeat 0 center; background-size:1px 16px}
.detail_member7 .list_dm .item .memo{width:160px; padding-left:20px; font-size:13px; color:#999; }
.detail_member7 .list_dm .item .memo-on{width:160px; padding-left:20px; font-size:13px; color:#999; background:url(../images/common/cam_photo.png) no-repeat 0 -2px; background-size:16px 16px}
.detail_member7 .list_dm .d_value{float:right; line-height:54px}
.detail_member7 .list_dm .d_value span{display:inline-block}
.detail_member7 .list_dm .d_value .cost{font-size:15px; font-weight:bold; margin-right:6px}
.detail_member7 .list_dm .d_value .cost.c1{color:#d34d41}
.detail_member7 .list_dm .d_value .cost.c2{color:#56b3fb}
.detail_member7 .list_dm .d_value .arrow{position:relative; top:4px; width:18px; height:18px; margin-right:12px; background:url(../images/common/ico_arrow3.png) no-repeat 0 0; background-size:18px 18px}
.list_empty7{width:100%; height:80px}

.sc_btn_deposit1{position:fixed; bottom:0; width:100%; padding:12px 15px 9px; border-top:1px solid #daecf8; background:#fff; box-sizing:border-box; z-index:2}
.sc_btn_deposit1:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_btn_deposit1 a, .sc_btn_deposit1 span{display:inline-block}
.sc_btn_deposit1 .btnset1{width:93%; margin:0 auto; }
.sc_btn_deposit1 .btnset1 a{width:48%; height:40px; line-height:40px; text-align:center; border-radius:2px}
.sc_btn_deposit1 .btnset1 .btn1{margin-right:4px; background:#cf4c41; margin-left:2px;}
.sc_btn_deposit1 .btnset1 .btn2{background:#56b3fb}
.sc_btn_deposit1 .btnset1 span{font-size:15px; color:#fff; padding-left:19px; background-repeat:no-repeat; background-position:0 center; background-size:14px 16px}
.sc_btn_deposit1 .btnset1 .btn1 span{background-image:url(../images/common/ico_sidebar4_on.png)}
.sc_btn_deposit1 .btnset1 .btn2 span{background-image:url(../images/common/ico_sidebar5_on.png)}
.sc_btn_deposit1 .btnset2{float:right}
.sc_btn_deposit1 .btnset2 a{width:40px; height:40px; border-radius:20px}
.sc_btn_deposit1 .btnset2 .btn1{margin-right:1px; background-color:#56b3fb}
.sc_btn_deposit1 .btnset2 .btn2{background-color:#dddede}
.sc_btn_deposit1 .btnset2 span{width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:16px 16px}
.sc_btn_deposit1 .btnset2 .btn1 span{background-image:url(../images/common/ico_arrow7.png)}
.sc_btn_deposit1 .btnset2 .btn2 span{background-image:url(../images/common/ico_arrow8.png)}

.detail_member8{position:relative; top:0; margin-top:8px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member8 .list_dm{}
.detail_member8 .list_dm li{height:55px; border-bottom:1px solid #dbeaf4; padding:0 11px 0 15px; background-color:#fff; overflow:hidden; box-sizing:border-box}
.detail_member8 .list_dm li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member8 .list_dm li:last-child{border-bottom:none}
.detail_member8 .left{float:left; width:33%; line-height:54px}
.detail_member8 .left .item, .detail_member8 .title .item{font-size:14px; font-weight:300; color:#555; padding-left:8px; background:url(../images/common/dot1.png) no-repeat 0 center; background-size:3px 3px}
.detail_member8 .right{float:right; width:67%; padding:10px 0; text-align:right}
.detail_member8 .date input{width:calc(100% - 34px); height:34px; padding-left:10px; line-height:34px; color:#333; border-right:none}
.detail_member8 input::-webkit-input-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/
.detail_member8 input::-moz-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/
.detail_member8 .date img{width:16px; height:16px; padding:8px; border:1px solid #eaeaea; border-left:none}
.detail_member8 .cost input{width:calc(100% - 25px); height:34px; line-height:34px; padding-right:2px; border-right:none; font-size:14px; font-weight:300; color:#333; background-size:15px 12px}
.detail_member8 .cost .stk{display:inline-block; width:25px; height:34px; font-size:14px; vertical-align:middle; padding-top:7px; padding-right:8px; color:#777; border:1px solid #eaeaea; border-left:none; box-sizing:border-box}
.detail_member8 .right select{vertical-align:middle; width:100%; height:34px; padding-left:10px; font-size:14px; font-weight:300; color:#333; border:1px solid #eaeaea; background:#fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size:12px 7px}
.detail_member8 .right select option{font-weight:300; color:#333}
.detail_member8 .right select:required:invalid{color:#999}
.detail_member8 .right select{
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
.detail_member8 .list_dm li.sc_txtarea{height:auto; padding:17px 10px 16px 10px}
.detail_member8 .title{padding-left:5px}
.detail_member8 .title .item{}
.detail_member8 .txtarea{margin-top:8px}
.detail_member8 .txtarea textarea{width:100%; height:108px; font-size:14px; font-weight:300; color:#333; line-height:22px; padding:9px 15px; background-color:#edf4fa; border:none; resize: none; box-sizing:border-box}
.detail_member8 .list_dm li.sc_attach{height:auto; padding:15px 10px}
.detail_member8 .sc_attach .btn_attach{width:100%; height:44px; border-radius:5px; background:#56b3fb}
.detail_member8 .sc_attach .btn_attach a{display:block; line-height:44px; text-align:center}
.detail_member8 .sc_attach .btn_attach span{font-size:15px; color:#fff; padding-left:24px; background:url(../images/common/ico_plus4.png) no-repeat 0 center; background-size:16px 16px}

.detail_member8 .sc_attach .form1{padding:0}
.detail_member8 .sc_attach .attach{margin-top:7px; padding:9px 0 4px}
.detail_member8 .sc_attach .attach .at_row{padding:4px 0}
.detail_member8 .sc_attach .attach .at_row:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}

.detail_member_view1{position:relative; top:0; margin-top:8px; padding:15px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member_view1 .dm_view_top{padding-bottom:9px; border-bottom:1px solid #151515}
.detail_member_view1 .dm_view_top:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member_view1 .dm_view_top span{font-size:15px; color:#333}
.detail_member_view1 .dm_view_top .left{float:left}
.detail_member_view1 .dm_view_top .left span{font-size:16px; font-weight:bold}
.detail_member_view1 .dm_view_top .right{float:right}
.detail_member_view1 .dm_view_middle{height:47px; padding-bottom:9px; border-bottom:1px solid #dbeaf4; box-sizing:border-box}
.detail_member_view1 .dm_view_middle:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member_view1 .dm_view_middle span{display:inline-block; font-size:14px; color:#333}
.detail_member_view1 .dm_view_middle .left{float:left; line-height:46px}
.detail_member_view1 .dm_view_middle .left .cost1{padding-left:19px; background:url(../images/common/ico_dps1.png) no-repeat 0 center; background-size:14px 16px}
.detail_member_view1 .dm_view_middle .left .cost2{padding-left:19px; background:url(../images/common/ico_dps2.png) no-repeat 0 center; background-size:14px 16px}
.detail_member7 .list_dm .d_value .cost.c1{color:#d34d41}
.detail_member7 .list_dm .d_value .cost.c2{color:#56b3fb}

.detail_member_view1 .dm_view_middle .right{float:right; line-height:46px}
.detail_member_view1 .dm_view_middle .right:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member_view1 .dm_view_middle .right .cost{float:left; font-size:14px; color:#666}
.detail_member_view1 .dm_view_middle .right .cost span{font-size:15px; font-weight:bold}
.detail_member_view1 .dm_view_middle .right .cost .cost1{color:#d34d41}
.detail_member_view1 .dm_view_middle .right .cost .cost2{color:#3599e5}
.detail_member_view1 .dm_view_middle .right .d_name{float:left; margin-left:13px; padding-left:15px; background:url(../images/common/sep5.png) no-repeat 0 center; background-size:1px 14px}
.detail_member_view1 .dm_view_middle .right .d_name span{padding-left:32px; background:url(../images/common/ico_people5.png) no-repeat 0 center; background-size:12px 16px}
.detail_member_view1 .dm_view_bottom{padding:15px 0}
.detail_member_view1 .dm_view_bottom .title{font-size:14px; color:#333; padding-left:20px; background:url(../images/common/ico_bubble3.png) no-repeat 0 center; background-size:16px 16px}
.detail_member_view1 .dm_view_bottom .txtarea{padding:0 2px; margin-top:8px; font-size:14px; color:#666; line-height:22px}

.detail_member_view1 .dm_view_attach{border-top:1px solid #e7e7e7; padding:12px 0 5px; overflow:hidden}
.detail_member_view1 .dm_view_attach img{width:100%}

/*출납장 조회*/
.club .slt_date_ledger{margin-top:8px; padding-bottom:5px; border-bottom:1px solid #56b3fb; background:#fff; box-sizing:border-box; z-index:2; overflow:hidden}
.club .slt_date_ledger .inner{height:49px; line-height:49px; width:245px; float:left; margin-left:15px;}
.club .slt_date_ledger .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .slt_date_ledger .left{}
.club .slt_date_ledger .left input{width:80px; height:34px; border-color:#eee; font-size:13px; color:#333; padding-top:2px; padding-left:5px; background:#fff}
.club .slt_date_ledger .left img{width:16px; height:16px; margin-left:6px; vertical-align:middle}  /*DATAPICKER*/
.club .slt_date_ledger .left span{display:inline-block; margin:0 3px; font-size:15px; color:#333; vertical-align:middle}
.club .slt_date_ledger .right{float:right; width:48px; padding-left:11px; background:url(../images/common/sep8.png) no-repeat left center; background-size:1px 23px; box-sizing:border-box}
.club .slt_date_ledger .right a{display:inline-block; position:relative; top:4px; width:36px; height:16px; line-height:16px;  cursor:pointer}
.club .slt_date_ledger .right span{display:inline-block; width:36px; height:16px; background-repeat:no-repeat; background-position:center; background-size:36px 16px}
.club .slt_date_ledger .right .btn_sort span{background-image:url(../images/common/ico_updown1.png)}
.club .slt_date_ledger .right .btn_sort.down span{background-image:url(../images/common/ico_updown1-1.png)}

/*도움말 버튼 추가 17.12.07*/
.club .slt_date_ledger .right_help_new3 {float:right; margin:10px 15px 0 0;}
.club .slt_date_ledger .right_help_new3 span {display:inline-block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:24px; line-height:24px; padding-top:2px; width:50px; text-align:center; }
.club .slt_date_ledger .right_help_new3 span.print {color: #2e9ef4; border: 1px solid #2e9ef4; margin-right:10px;1}

.detail_member9{position:relative; top:0; width:100%}
.detail_member9 .item_ledger{padding:0 15px 150px; background:#fff; box-sizing:border-box; z-index:1}
.detail_member9 .item_ledger .date{text-align:center; border-bottom:1px solid #eaeaea; padding:10px 0;}
.detail_member9 .item_ledger .date span{font-size:16px; font-weight:bold; color:#333}
.detail_member9 .item_ledger .ledger_smr li{overflow:hidden}
.detail_member9 .item_ledger .ledger_smr li:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.detail_member9 .item_ledger .ledger_smr div{float:left; text-align:center; box-sizing:border-box}
.detail_member9 .item_ledger .ledger_smr .w1{width:32%}
.detail_member9 .item_ledger .ledger_smr .w2{width:30%}
.detail_member9 .item_ledger .ledger_smr .w3{width:38%}
.detail_member9 .item_ledger .ledger_smr li:first-child{height:32px; padding:7px 0; box-sizing:border-box; border-left: 1px solid #e6e3e3; border-right: 1px solid #e6e3e3;}
.detail_member9 .item_ledger .ledger_smr li:first-child span{font-size:12px; color:#666}


.detail_member9 .item_ledger .ledger_smr li:last-child{height:41px; line-height:41px; border:1px solid #e6e3e3; border-top:1px solid #e6e3e3}
.detail_member9 .item_ledger .ledger_smr li:last-child span{font-size:15px; }
.detail_member9 .item_ledger .ledger_smr li:last-child .w2, .detail_member9 .item_ledger .ledger_smr li:last-child .w3{border-left:1px solid #e6e3e3}
.detail_member9 .item_ledger .ledger_smr li:last-child .w2 span{}
.detail_member9 .item_ledger .ledger_smr li:last-child .w3 span{font-size:16px; font-weight:bold; color:#333}
.detail_member9 .item_ledger .ledger_smr li:last-child span.c1{color:#cf4c41}
.detail_member9 .item_ledger .ledger_smr li:last-child span.c2{color:#888}


/*입출금 결산조회 새로 디자인 시작*/
.detail_member9 .list_ledger{margin-top:6px}
.detail_member9 .list_ledger .panel-title-revise {overflow:hidden; display:block; height:45px; border-bottom:1px solid #333; padding:0; background:url(../images/common/arrow_sidebar1.png) no-repeat right 6px center; background-size:6px 11px; overflow:hidden}
.detail_member9 .list_ledger .panel-title-revise.active {background-image:url(../images/common/ico_arrow6.png); background-position:right 3px center; background-size:11px 6px}
.detail_member9 .list_ledger .panel-title-revise .left{float:left; padding-top:12px}
.detail_member9 .list_ledger .panel-title-revise .right{float:right; padding-right:10px; padding-top:12px}
.detail_member9 .list_ledger .panel-title-revise span{position:relative; top:1px; display:inline-block; font-size:14px; box-sizing:border-box}
.detail_member9 .list_ledger .panel-title-revise .item{font-size:14px; color:#333; width:60px;}
.detail_member9 .list_ledger .panel-title-revise .p_info{margin-left:4px; padding-left:5px; font-size:14px; font-weight:300; color:#222;
                                               background:url(../images/common/sep4.png) no-repeat left center;
                                               background-size:1px 16px; width:120px;}
.detail_member9 .list_ledger .panel-title-revise .p_cost{font-size:15px; font-weight:bold; color:#3599e5; padding-right:7px}
.detail_member9 .list_ledger .panel-title-revise .c1{color:#cf4c41}
.detail_member9 .list_ledger .panel-title-revise .c2{color:#3599e5}


.detail_member9 .list_ledger .panel-content-revise{width:100%; padding:0; box-sizing:border-box}
.detail_member9 .list_ledger .panel-content-revise li{position:relative; width:100%; height:43px; line-height:43px; border-bottom:1px solid #eaeaea;}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap {overflow:hidden;}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left{float:left}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left span{display:inline-block; font-size:15px; color:#222; vertical-align:middle}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left .ledger_time{margin-right:3px;}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left .p_name{width:140px;}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left .small {width:70px;}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .left .trg_p_memo{width:90px; font-size:14px; color:#666; padding-left:16px; background:url(../images/common/ico_bubble4.png) no-repeat left center; background-size:13px 13px}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .right{float:right}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .right span{display:inline-block; font-size:15px; vertical-align:middle}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .right .c1{color:#cf4c41}
.detail_member9 .list_ledger .panel-content-revise li .lineWrap .right .c2{color:#3599e5}
.detail_member9 .list_ledger .panel-content-revise li .cont_p_memo{display:none; position:absolute; top:43px; left:0; width:100%; border:1px solid #82c3f6; border-radius:5px; background:#fff; z-index:10; box-shadow:3px 3px 3px #afafaf}
.detail_member9 .list_ledger .panel-content-revise li .cont_p_memo p{position:relative; font-size:14px; padding: 9px 13px 10px; color:#666; line-height:22px; }
.detail_member9 .list_ledger .panel-content-revise li .cont_p_memo p span{display:inline-block; position:absolute; top:-7px; left:72px; width:12px; height:7px; background:url(../images/common/ico_arrow11.png) no-repeat 0 0; background-size:15px 9px}
.detail_member9 .list_ledger .panel-content-revise li .cont_p_memo.on{display:block}

/*입출금 결산조회 새로 디자인 끝*/
.detail_member9 .empty_sum{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 282px); margin-top:10px; background:#fff}
.detail_member9 .empty_sum .section_msg{text-align:center}
.detail_member9 .empty_sum .section_msg .ico1{width:27px; height:27px; margin:0 auto; background:url(../images/common/ico_calendar2.png) no-repeat 0 0; background-size:27px 27px}
.detail_member9 .empty_sum .section_msg p{margin-top:11px; font-size:14px; font-weight:300; color:#949494; line-height:22px;}
.detail_member9 .empty_sum .section_msg p span{font-size:13px; color:#555}

.empty_ldg{width:100%; height:152px;}

.sc_bottom_ledger{position:fixed; bottom:0; width:100%; background:#fff; z-index:3}
.sc_bottom_ledger .tit_smr_lgr{height:40px; font-size:15px; color:#fff; line-height:40px; text-align:center; background:#56b3fb; overflow:hidden}
.sc_bottom_ledger .dt_smr_lgr{ padding:13px 15px; border-bottom:1px solid #dbeaf4; overflow:hidden}
.sc_bottom_ledger .dt_smr_lgr:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_bottom_ledger .dt_smr_lgr .item span{font-size:14px; color:#333; vertical-align:middle}
.sc_bottom_ledger .dt_smr_lgr .s_value{font-size:14px; color:#666}
.sc_bottom_ledger .dt_smr_lgr .s_value span{font-size:15px; font-weight:bold; vertical-align:middle}
.sc_bottom_ledger .dt_smr_lgr .left{float:left; width:50%;  }
.sc_bottom_ledger .dt_smr_lgr .left:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_bottom_ledger .dt_smr_lgr .left .item{float:left}
.sc_bottom_ledger .dt_smr_lgr .left .item span{padding-left:19px; background:url(../images/common/ico_dps1.png) no-repeat left 0; background-size:14px 16px; padding-bottom:2px;}
.sc_bottom_ledger .dt_smr_lgr .left .s_value{float:right; font-size:14px; color:#666; padding-right:13px}
.sc_bottom_ledger .dt_smr_lgr .left .s_value span{color:#cf4c41}
.sc_bottom_ledger .dt_smr_lgr .right{float:left; width:50%; padding-left:16px; background:url(../images/common/sep6.png) no-repeat left center; background-size:1px 15px; box-sizing:border-box}
.sc_bottom_ledger .dt_smr_lgr .right:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_bottom_ledger .dt_smr_lgr .right .item{float:left}
.sc_bottom_ledger .dt_smr_lgr .right .item span{padding-left:19px; background:url(../images/common/ico_dps2.png) no-repeat left 0; background-size:14px 16px; padding-bottom:2px;}
.sc_bottom_ledger .dt_smr_lgr .right .s_value{float:right}
.sc_bottom_ledger .dt_smr_lgr .right .s_value span{color:#3599e5}
.sc_bottom_ledger .sum_smr_lgr{height:45px; padding:0 15px; line-height:45px}
.sc_bottom_ledger .sum_smr_lgr:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_bottom_ledger .sum_smr_lgr .left{float:left}
.sc_bottom_ledger .sum_smr_lgr .left span{color:#333; vertical-align:top; padding-left:21px; background:url(../images/common/ico_wallet1.png) no-repeat left 0; background-size:16px 16px; padding-bottom:2px;}
.sc_bottom_ledger .sum_smr_lgr .right{float:right; font-size:14px; color:#666}
.sc_bottom_ledger .sum_smr_lgr .right span{font-size:18px; font-weight:bold; color:#333; vertical-align:top}

/*팝업 : 첨부 이미지*/
.pop_club1 .pop-cont{background:#fff}
.pop_club1 .pop-cont .sc-attach1{position:relative}
.pop_club1 .pop-cont .sc-attach1 .file_attach{padding:10px; border-bottom:1px solid #e9e9e9}
.pop_club1 .pop-cont .sc-attach1 .file_attach .image{position:relative; width:100%; height:270px; background:#f1f1f1 url(../images/common/ico_note5.png) no-repeat center; background-size:16px 16px; overflow:hidden}
.pop_club1 .pop-cont .sc-attach1 .file_attach .image img{}
.pop_club1 .pop-cont .sc-attach1 .file_attach .image img{position:absolute; left:50%; top:50%; width:auto; height:100%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.pop_club1 .pop-cont .sc-attach1 .file_attach .image img.wt{width:100%; height:auto}
.pop_club1 .pop-cont .sc-attach1 .file_attach .image img.ht{height:100%; width:auto}

.pop_club1 .pop-cont .sc-attach1 .btn_attach{width:100%; height:47px}
.pop_club1 .pop-cont .sc-attach1 .btn_attach a{display:inline-block; width:50%; height:47px; line-height:47px; text-align:center; box-sizing:border-box}
.pop_club1 .pop-cont .sc-attach1 .btn_attach .btn1{border-right:1px solid #e3e3e3}
.pop_club1 .pop-cont .sc-attach1 .btn_attach span{font-size:14px; color:#333; padding-left:21px; background-repeat:no-repeat; background-position:0 center}
.pop_club1 .pop-cont .sc-attach1 .btn_attach .btn1 span{background-image:url(../images/common/ico_camera1.png); background-size:16px 14px}
.pop_club1 .pop-cont .sc-attach1 .btn_attach .btn2 span{background-image:url(../images/common/ico_photo1.png); background-size:16px 16px}

/*모임리스트 설정 사이드 네비게이션*/
.sidebar .top_sidebar1{width:100%; height:50px; padding-right:15px; line-height:50px; text-align:right; background:#56b3fb url(../images/common/ico_people6.png) no-repeat 10px center; background-size:29px 29px; box-sizing:border-box}
.sidebar .top_sidebar1 span{font-size:14px; font-weight:bold; color:#fff}
.sidebar .btn_logout{padding:12px 13px}
.sidebar .btn_logout .inner{width:100%; height:44px; border:1px solid #dbe2e8; border-radius:2px; background:#fff}
.sidebar .btn_logout a{display:block; line-height:44px; text-align:center}
.sidebar .btn_logout span{font-size:15px; color:#56b3fb; padding-left:18px; background:url(../images/common/ico_power1.png) no-repeat left center; background-size:14px 15px}

.sidebar .navigation1{position:relative; }
.sidebar .navigation1 li{border-bottom:1px solid #e2e2e2; background:#fff url(../images/common/arrow_sidebar1.png) no-repeat right 15px center; background-size:7px 12px}
.sidebar .navigation1 li a{display:block; height:47px; line-height:47px; font-size:15px; font-weight:300; color:#333; padding-left:16px}
.sidebar .navigation1 li.highlight{background-color:#d34d41; background-image:url(../images/common/arrow_sidebar2.png)}
.sidebar .navigation1 li.highlight a{font-size:16px; font-weight:normal; color:#fff}
.sidebar .navigation1 li.n_cs a{padding-left:16px}
.sidebar .navigation1 li .ico{background-repeat:no-repeat; background-position: 15px center}
.sidebar .navigation1 li .ico1{/* background-image:url(../images/common/ico_sidebar1.png); background-size:13px 16px */}
.sidebar .navigation1 li .ico2{background-image:url(../images/common/ico_sidebar2.png); background-size:14px 16px}
.sidebar .navigation1 li .ico7{/* background-image:url(../images/common/ico_sidebar7.png); background-size:15px 13px */}
.sidebar .navigation1 li .ico8{background-image:url(../images/common/ico_sidebar8.png); background-size:13px 15px}
.sidebar .navigation1 li.highlight .ico1{background-image:url(../images/common/ico_sidebar1_on.png); background-size:13px 16px}
.sidebar .navigation1 li.highlight .ico2{background-image:url(../images/common/ico_sidebar2_on.png); background-size:14px 16px}
.sidebar .navigation1 li.highlight .ico7{background-image:url(../images/common/ico_sidebar7_on.png); background-size:15px 13px}
.sidebar .navigation1 li.highlight .ico8{background-image:url(../images/common/ico_sidebar8_on.png); background-size:13px 15px}

.bottom_info {position:fixed; bottom:12px; width:100%; background-color:#e4f4ff; opacity:0.85; font-size: 12px;}


/*공유하기, 승인요청*/
.detail_member10{position:relative; top:0; margin-top:70px; margin-bottom:80px; width:100%; background:#fff; box-sizing:border-box; z-index:1}
.detail_member10 .contact1{position:relative; top:0; height:auto}
.detail_member10 .contact1 ul{padding:2px 15px 12px; background:#fff}
.detail_member10 .contact1 li{width:100%; height:52px; border-bottom:1px solid #e2e2e2; background:#fff}
.detail_member10 .contact1 li .p_name span{font-size:16px; font-weight:300; color:#333; line-height:52px}
input[type='checkbox'].css-checkbox3 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='checkbox'].css-checkbox3 + label.css-label3 {
width:96%; height:55px; display:inline-block; line-height:55px; background-repeat:no-repeat; background-position:right 17px;
                                            background-size: 20px 75px; box-sizing:border-box; }
input[type='checkbox'].css-checkbox3:checked + label.css-label3{background-position: right -26px; }
label.css-label3{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.detail_member10 .contact2{position:relative; top:0; padding-bottom:12px; height:auto; background:#fff}
.detail_member10 .contact2 > table{width:100%; font-size:14px}
.detail_member10 .contact2 > table tr{border-bottom:1px solid #e2e2e2}
.detail_member10 .contact2 > table tr:last-child {border-bottom:none;}

.detail_member10 .contact2 > table th,
.detail_member10 .contact2 > table td{text-align:center; background:url(../images/common/sep10.png) no-repeat right center}
.detail_member10 .contact2 > table th:first-child,
.detail_member10 .contact2 > table td:first-child{text-align:left; background:none}
.detail_member10 .contact2 > table th:last-child,
.detail_member10 .contact2 > table td:last-child{background:none}
.detail_member10 .contact2 > table th:first-child{padding-left:6px}
.detail_member10 .contact2 > table th{height:46px; font-size:13px; font-weight:normal; color:#666; letter-spacing:-0.5px}
.detail_member10 .contact2 > table td{height:50px}
.detail_member10 .contact2 > table td.t_name {font-size:15px; font-weight:300; color:#333;
                                            width:78px; overflow:hidden; text-overflow:ellipsis;
                                            white-space:nowrap; display:block; line-height:50px;}

input[type='radio'].css-checkbox5 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox5 + label.css-label5 {
width:100%; height:50px; display:inline-block; line-height:50px; background-repeat:no-repeat; background-position:center 17px; background-size: 20px 75px; box-sizing:border-box}
input[type='radio'].css-checkbox5:checked + label.css-label5{background-position: center -26px}
label.css-label5{
	background-image:url(../images/common/cb2-a.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.club .btn_share1{position:fixed; bottom:10px; width:calc(100% - 30px); box-sizing:border-box; opacity:0.95; z-index:5; padding-bottom:5px;}
.club .btn_share1 a{display:block; width:100%; height:48px; line-height:48px; text-align:center; border-radius:3px; background-color:#f4649c; box-sizing:border-box}
.club .btn_share1 span{display:inline-block; padding-left:24px; font-size:16px; font-weight:300; color:#fff; background-repeat:no-repeat; background-position:0 15px}
.club .btn_share1 .ico1{background-image:url(../images/common/ico_share1.png); background-size:17px 17px}
.club .btn_share1 .ico2{background-image:url(../images/common/ico_reload2.png); background-size:18px 16px}
.club .btn_share1 .ico3{background-image:url(../images/common/ico_note6.png); background-size:15px 17px}
.club .btn_share1 .ico4{padding-left:22px; background-image:url(../images/common/ico_note8-1.png); background-size:14px 16px; background-position:0 18px}
.club .btn_share1 .ico5{padding-left:30px; background-image:url(../images/common/ico_plus2.png); background-size:24px 24px; background-position:0 center}
.club .btn_share1 .ico6{padding-left:28px; background-image:url(../images/common/invite.png); background-size:21px auto; background-position:0 13px}

.detail_member10 .confirm{position:relative; top:0; height:auto}
.detail_member10 .confirm ul{padding:2px 15px 12px; background:#fff}
.detail_member10 .confirm li{width:100%; height:116px; padding-top:15px; border-bottom:1px solid #e2e2e2; background:#fff; overflow:hidden; box-sizing:border-box}
.detail_member10 .confirm li .p_name{font-size:15px; font-weight:300; color:#333; line-height:23px; letter-spacing:-1px}
.detail_member10 .confirm li .p_name span{font-size:16px; color:#2891e2}
.detail_member10 .confirm li .p_name strong{font-size:15px; font-weight:bold}
input[type='checkbox'].css-checkbox4 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='checkbox'].css-checkbox4 + label.css-label4 {
width:100%; height:23px; display:inline-block; line-height:23px; background-repeat:no-repeat; background-position:99% 4px; background-size: 20px 75px; box-sizing:border-box}
input[type='checkbox'].css-checkbox4:checked + label.css-label4{background-position: 99% -39px}
label.css-label4{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.detail_member10 .confirm li .toggle_adr{width:100%; height:45px; margin-top:15px; border:1px solid #e9e9e9; box-sizing:border-box}
.detail_member10 .confirm li .toggle_adr a{display:inline-block; width:50%; text-align:center; line-height:43px; background:#f8f8f8; box-sizing:border-box}
.detail_member10 .confirm li .toggle_adr span{font-size:14px; color:#777; padding-left:20px; background-repeat:no-repeat; background-position:0 center}
.detail_member10 .confirm li .toggle_adr .btn1{border-right:1px solid #e9e9e9}
.detail_member10 .confirm li .toggle_adr .btn1 span{background-image:url(../images/common/ico_eye1.png); background-size:16px 10px}
.detail_member10 .confirm li .toggle_adr .btn2 span{background-image:url(../images/common/ico_cloud1.png); background-size:16px 12px}
.detail_member10 .confirm li .toggle_adr a.on{background:#fff}
.detail_member10 .confirm li .toggle_adr a.on span{color:#333}
.detail_member10 .confirm li .toggle_adr .btn1.on span{background-image:url(../images/common/ico_eye2.png)}
.detail_member10 .confirm li .toggle_adr .btn2.on span{background-image:url(../images/common/ico_cloud2.png)}

/*고객센터*/
.sc_customer{position:relative; top:0; margin-top:10px; width:100%; height:calc(100vh - 60px); background:#fff; box-sizing:border-box; z-index:1}
.sc_customer .tab_customer ul:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_customer .tab_customer li{float:left; width:50%; height:44px; border:1px solid #d3edff; border-left:none; background:#f9fdff; box-sizing:border-box}
.sc_customer .tab_customer li:last-child{width:50%; border-right:none}
.sc_customer .tab_customer li a{display:block; font-size:15px; color:#777; line-height:44px; text-align:center}
.sc_customer .tab_customer li.on{background:#fff; border-top:1px solid #56b3fb; border-bottom:1px solid #fff}
.sc_customer .tab_customer li.on a{color:#333}

/*공지사항*/
.sc_customer .lv_customer1{margin-top:22px}
.sc_customer .lv_customer1 ul{padding-bottom:20px; background:#fff}
.sc_customer .lv_customer1 li:first-child{/* border-top:2px solid #56b3fb */}
.sc_customer .lv_customer1 li{padding:10px 0 14px; border-bottom:1px solid #dbeaf4; background:#fff}
.sc_customer .lv_customer1 li a{display:block}
.sc_customer .lv_customer1 li .title{font-size:15px; color:#555; line-height:27px;}
.sc_customer .lv_customer1 li .list_info{margin-top:1px; font-size:13px; color:#8c959d}
.sc_customer .lv_customer1 li .list_info strong{font-size:14px; font-weight:normal; color:#49a9f3}
.sc_customer .lv_customer1 li .list_info span{color:#d9dada; margin:0 10px}
.sc_customer .lv_customer1 .cont_customer{border-bottom:1px solid #ebebeb;}
.sc_customer .lv_customer1 .cont_customer p{padding:11px 1px 17px; font-size:14px; color:#555; line-height:24px}
.sc_customer .lv_customer1 .pag_customer{position:relative}
.sc_customer .lv_customer1 .pag_customer .view_list{padding:23px 0 0; text-align:center}
.sc_customer .lv_customer1 .pag_customer .view_list span{display:inline-block; font-size:16px; color:#56b3fb; padding-left:21px; background:url(../images/common/ico_note7.png) no-repeat 0 center; background-size:16px 16px}
.sc_customer .lv_customer1 .pag_customer .btn_left{position:absolute; top:24px; left:5px}
.sc_customer .lv_customer1 .pag_customer .btn_left span{display:inline-block; font-size:14px; color:#999; padding-left:15px; padding-top:1px; background:url(../images/common/ico_arrow12-prev.png) no-repeat 0 0; background-size:10px 18px}
.sc_customer .lv_customer1 .pag_customer .btn_right{position:absolute; top:24px; right:5px}
.sc_customer .lv_customer1 .pag_customer .btn_right span{display:inline-block; font-size:14px; color:#999; padding-right:15px; padding-top:1px; background:url(../images/common/ico_arrow12-next.png) no-repeat right 0; background-size:10px 18px}
.sc_customer .lv_customer1 .pag_customer .btn_right img{width:10px; height:18px}
/*FAQ,문의하기*/
.sc_customer .lv_customer2{margin-top:22px}
.sc_customer .lv_customer2 ul{padding-bottom:20px; background:#fff}
.sc_customer .lv_customer2 .panel-title{width:100%; border-bottom:1px solid #eaeaea; box-sizing:border-box}
.sc_customer .lv_customer2 .panel-title a{display:block; padding:8px 30px 9px 0; background:url(../images/common/arrow_sidebar1.png) no-repeat right 6px center; background-size:6px 11px; overflow:hidden}
.sc_customer .lv_customer2 .panel-title a:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_customer .lv_customer2 .panel-title a.active{background-image:url(../images/common/ico_arrow6.png); background-position:right 3px center; background-size:11px 6px}
.sc_customer .lv_customer2 .panel-title .item{float:left; width:28px; line-height:27px}
.sc_customer .lv_customer2 .panel-title .item span{font-size:15px; font-weight:bold; color:#56b3fb}
.sc_customer .lv_customer2 .panel-title .title{float:left; width:calc(100% - 28px); font-size:15px; color:#333; line-height:27px}
.sc_customer .lv_customer2 .panel-content{width:100%; padding:0; border-bottom:1px solid #dbeaf4}
.sc_customer .lv_customer2 .panel-content:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_customer .lv_customer2 .panel-content .item{float:left; width:28px; line-height:25px; padding:9px 0; box-sizing:border-box}
.sc_customer .lv_customer2 .panel-content .item span{font-size:15px; font-weight:bold; color:#d34d41}
.sc_customer .lv_customer2 .panel-content .txt{float:left; width:calc(100% - 28px); font-size:14px; color:#666; line-height:25px; padding:9px 0px 9px 0; box-sizing:border-box}

.sc_customer .lv_customer2  ul.acd2{padding-bottom:76px}
.sc_customer .lv_customer2 .acd2 .panel-title .title{width:100%}
.sc_customer .lv_customer2 .acd2 .panel-content .item{width:17px}
.sc_customer .lv_customer2 .acd2 .panel-content .item span{font-size:14px; font-weight:normal}
.sc_customer .lv_customer2 .acd2 .panel-content .txt{width:calc(100% - 17px)}
.sc_customer .lv_customer2 .btn_inquiry{position:fixed; bottom:0; width:100%; padding:10px 0; box-sizing:border-box; opacity:0.95; z-index:5}
.sc_customer .lv_customer2 .btn_inquiry a{display:block; width:100%; height:48px; line-height:48px; text-align:center; border-radius:3px; background-color:#f4649c; box-sizing:border-box}
.sc_customer .lv_customer2 .btn_inquiry span{display:inline-block; font-size:16px; font-weight:300; color:#fff; padding-left:24px; background:url(../images/common/ico_note3.png) no-repeat 0 center; background-size:16px 16px}
.sc_customer .lv_customer2 .inquiry_txtarea textarea{height:223px; font-size:14px; color:#999; line-height:24px}

.sc_customer .lv_customer2 .btn_confirm1{position:relative; margin:12px 0 25px}
.sc_customer .lv_customer2 .btn_confirm1 a{display:inline-block; width:calc(50% - 3px); height:48px; line-height:48px; border-radius:3px; box-sizing:border-box; text-align:center}
.sc_customer .lv_customer2 .btn_confirm1 .btn1{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c}
.sc_customer .lv_customer2 .btn_confirm1 .btn2{margin-right:3px; border:1px solid #dbe2e6; background-color:#fbfdff}
.sc_customer .lv_customer2 .btn_confirm1 span{font-size:15px; font-weight:300}
.sc_customer .lv_customer2 .btn_confirm1 .btn1 span{color:#fff; padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}
.sc_customer .lv_customer2 .btn_confirm1 .btn2 span{color:#56b3fb}

.lv_customer2 .empty_sum{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 179px)}
.lv_customer2 .empty_sum .section_msg{text-align:center}
.lv_customer2 .empty_sum .section_msg .ico1{width:26px; height:26px; margin:0 auto; background:url(../images/common/ico_plus6.png) no-repeat 0 0; background-size:26px 26px}
.lv_customer2 .empty_sum .section_msg p{margin-top:11px; font-size:14px; font-weight:300; color:#949494; line-height:22px;}
.lv_customer2 .empty_sum .section_msg .btn_rgt{width:153px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.lv_customer2 .empty_sum .section_msg .btn_rgt a{display:block;  line-height:39px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.lv_customer2 .empty_sum .section_msg .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}


/*회원정보수정*/
.btn_bsc.btn_modify1{margin-top:11px; height:55px; background:#56b3fb; border-color:#56b3fb; cursor:pointer}
.btn_bsc.btn_modify1 a{line-height:51px; cursor:pointer}
.btn_bsc.btn_modify1 span{padding-left:30px; background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size:23px 19px}

.form1 li.modify_member1{padding:14px 0}
.form1 li.modify_member1:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.form1 li.modify_member1 .m_item{float:left; font-size:14px; color:#4aaaf5}
.form1 li.modify_member1 .m_value{float:right; font-size:14px}

.form1 input.ico{background-repeat:no-repeat; background-position:right 11px center; background-size:16px 16px}
.form1 input.ico1{background-image:url(../images/common/ico_calendar1.png)}
.form1 input.ico2{background-image:url(../images/common/ico_reminder1.png)}
.form1 input.ico3{/* background:url(../images/common/ico_w1.png) no-repeat left 10px center; */ background-size:15px 12px}

.form1 input.ico4{background-image:url(../images/common/ico_key1.png)}
.form1 input.ico5{background-image:url(../images/common/ico_key2.png)}
.form1 input.ico6{background-image:url(../images/common/ico_lock1.png); background-size:12px 16px}


/*추가모임 내용*/
.detail_member10 .exr_club1{position:relative; top:0; height:auto; background:#fff}
.detail_member10 .exr_club1 > table{width:100%; font-size:14px}
.detail_member10 .exr_club1 > table tr{border-bottom:1px solid #dbeaf4}
.detail_member10 .exr_club1 > table th,
.detail_member10 .exr_club1 > table td{text-align:center}
.detail_member10 .exr_club1 > table th:first-child,
.detail_member10 .exr_club1 > table td:first-child{}
.detail_member10 .exr_club1 > table th:last-child{padding-right:13px; background:none}

.detail_member10 .exr_club1 > table td:nth-child(3),
.detail_member10 .exr_club1 > table td:nth-child(4),
.detail_member10 .exr_club1 > table td:last-child{background:none; padding-right:13px;}
.detail_member10 .exr_club1 > table th:first-child{}
.detail_member10 .exr_club1 > table th{height:43px; font-size:15px; font-weight:bold; color:#555; letter-spacing:0.08em; background:url(../images/common/sep10.png) no-repeat right 18px}
.detail_member10 .exr_club1 > table td{height:50px; background:url(../images/common/sep10.png) no-repeat right 19px}
.detail_member10 .exr_club1 > table td.t_name{}
.detail_member10 .exr_club1 > table td.t_name span {font-size:14px; color:#333; text-align:left; padding-left:17px;
                                         width:73px; display:block;
                                         overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.detail_member10 .exr_club1 > table td.cost{font-size:15px; font-weight:bold; text-align:right; padding-right:9px}
.detail_member10 .exr_club1 > table td.cost.c1{color:#4da7ec}
.detail_member10 .exr_club1 > table td.cost.c2{color:#d34d41}
.detail_member10 .exr_club1 > table td.conc a{display:inline-block; width:16px; height:16px; font-size:0; background:url(../images/common/ico_bubble5.png) no-repeat 0 0; background-size:16px 16px; vertical-align:middle}
.detail_member10 .exr_club1 > table td.conc a.on{background-image:url(../images/common/ico_bubble5-1.png)}

.detail_member10 .exr_club1 > table td .btn_tg_attend1{display:inline-block; z-index:25}
.detail_member10 .exr_club1 > table td .btn_tg_attend1 span{width:49px; height:28px; font-size:14px; font-weight:300; color:#fff; line-height:26px; text-align:center; border:1px solid #eee; border-radius:2px; box-sizing:border-box}
.detail_member10 .exr_club1 > table td .btn_tg_attend1 .a_atd1{display:none; border-color:#bcbcbc; background:#c7c7c7}
.detail_member10 .exr_club1 > table td .btn_tg_attend1 .a_atd2{display:none; color:#aaa; border-color:#d3d3d3; background:#fff}
.detail_member10 .exr_club1 > table td .btn_tg_attend1 .a_yes{display:none; border-color:#50a5e9; background:#61b3f5}
.detail_member10 .exr_club1 > table td .btn_tg_attend1 .a_no{display:none; border-color:#ce4b41; background:#ce4b41}

.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd1 .a_atd1{display:block}  /*참석*/
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd1 .a_atd2,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd1 .a_yes,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd1 .a_no{display:none}

.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd2 .a_atd2{display:block}  /*미정*/
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd2 .a_atd1,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd2 .a_yes,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd2 .a_no{display:none}

.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd3 .a_yes{display:block}  /*참석*/
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd3 .a_atd1,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd3 .a_atd2,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd3 .a_no{display:none}

.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd4 .a_no{display:block}  /*불참*/
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd4 .a_atd1,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd4 .a_atd2,
.detail_member10 .exr_club1 > table td .btn_tg_attend1.atd4 .a_yes{display:none}



.club .exr_club_wmemo{clear:both; position:relative; top:-2px; background:#fff; box-sizing:border-box}
.club .exr_club_wmemo .cont{padding:15px; font-size:15px; font-weight:bold; color:#fff; line-height:23px; letter-spacing:-0.5px}
.club .exr_club_wmemo .cont textarea{height:169px; padding:7px 13px; font-size:14px; color:#999}

.club .exr_club_write1{clear:both; position:relative; background:#fff; box-sizing:border-box; margin-bottom:10px;}
.club .exr_club_write1 .cont{padding:7px; font-size:15px; font-weight:bold; color:#fff; line-height:23px; letter-spacing:-0.5px}
.club .exr_club_write1 .cont textarea{height:96px; padding:7px 13px; font-size:14px; color:#a9a9a9; background:#fafafa}



/*사진첨부 스와이프*/
.photo_part { padding:7px 7px 10px 7px; clear: both; position: relative; top: -2px; background: #fff; box-sizing: border-box;}
.photo_part .title_wrap {overflow:hidden; }
.photo_part .title_wrap .photo_add {float:left;}
.photo_part .title_wrap .photo_add .photo_title {margin-left:8px;font-size: 14px; font-weight: 300; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.photo_part .title_wrap .photo_add .append-slide img {width:22px; height:22px; position:absolute; top:4px; left:77px}

.photo_part .title_wrap .photo_num {float:right; overflow:hidden; margin-right:8px;}
.photo_part .title_wrap .photo_num p {float:right; }
.photo_part .title_wrap .photo_num p:last-child {margin-right:5px; font-size: 14px; font-weight: 300; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.photo_part .title_wrap .photo_num p:first-child {font-weight:bold; font-size:16px; color:#41a6f3;}

.photo_part .title_wrap .photo_num2 {float:left; overflow:hidden; margin-right:8px;}
.photo_part .title_wrap .photo_num2 p {float:right; }
.photo_part .title_wrap .photo_num2 p:last-child {margin-right:5px; font-size: 14px; font-weight: 300; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.photo_part .title_wrap .photo_num2 p:first-child {font-weight:bold; font-size:16px; color:#41a6f3;}

.photo_part .swiper-container {margin-top:10px; border:1px solid #eaeaea; width:100%; height:103px; box-sizing:border-box; }
.photo_part .swiper-container .ico_add {width: 25px; height: 25px; margin: 23px auto 3px;  background: url(../images/common/photo_add.png) no-repeat 0 0; background-size: 25px 25px;}
.photo_part .swiper-container p {text-align:center; }
.photo_part .swiper-slide {position:relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.photo_part .swiper-slide img:first-child {height:100%; width:100%; vertical-align:middle;}
.photo_part .swiper-slide img:last-child {position:absolute; top:3px; right:3px; width:22px; height:22px; }

.sc_payment{}
.sc_payment .payment_vis{padding:34px 0 30px; text-align:center}
.sc_payment .payment_vis img{width:100%}
.sc_payment .slt_payment1{height:49px; border:1px solid #d1e0eb}
.sc_payment .slt_payment1:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_payment .slt_payment1 .p_left{float:left; width:40%; height:49px; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box}
.sc_payment .slt_payment1 .p_right{float:left; width:60%; height:49px; background:#fff; box-sizing:border-box}

input[type='radio'].css-checkbox7 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox7 + label.css-label7 {
display:inline-block; width:100%; height:49px; line-height:49px; font-size:15px; color:#586b7c; padding-left:59px; background:#fff url(../images/common/cb3-1.png) no-repeat 15px 15px; background-size:20px 20px; box-sizing:border-box}
input[type='radio'].css-checkbox7:checked + label.css-label7{color:#fff; background:#e84a4a url(../images/common/cb3-2.png) no-repeat 15px 15px; background-size:20px 20px; box-sizing:border-box}




/* .sc_payment .slt_payment2 li{width:100%; height:49px; border-bottom:1px solid #e2e2e2; background:#fff}

.sc_payment .slt_payment2 li .info_slt:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.sc_payment .slt_payment2 li .info_slt .info1{float:left; font-size:16px; color:#333}
.sc_payment .slt_payment2 li .info_slt .info2{float:right; padding-right:37px; font-size:15px; font-weight:bold; color:#3599e5}

.sc_payment .slt_payment2 li .p_name span{font-size:16px; font-weight:300; color:#333; line-height:49px}
 */

input[type='radio'].css-checkbox8 {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox8 + label.css-label8 {
width:100%; height:49px; display:inline-block; line-height:49px; background-repeat:no-repeat; background-position:99% 15px; background-size: 20px 75px; box-sizing:border-box}
input[type='radio'].css-checkbox8:checked + label.css-label8{background-position: 99% -28px}
label.css-label8{
	background-image:url(../images/common/cb2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.footerWrap { display:flex; justify-content:center; height: calc(55vh - 80px); width:100%}
footer {background:rgba(255,255,255,0.6); padding:10px 0; position:absolute; bottom:0; width:100%}
footer address {font-size:11px; text-align:center; }

/*사용설명서*/
#guide_detail {width:350px; height:290px; display:block; margin:20px auto 15px; }
#guide_title {width:350px; height:72px; display:block; margin:5px auto 5px; }

#use-info {padding:15px; margin-bottom:50px;}
#use-info .main {background:#fff; width:100%; margin-top:20px; }
#use-info .main li .info_title {border-bottom: 1px solid #dbeaf4; height:60px; line-height:60px;
                          font-size:15px; border-left: 3px solid #56b3fb;
                          background:url(../images/common/arrow_sidebar1.png) no-repeat right 15px center;
                         background-size: 9px 16px;}

#use-info .main li .info_title2 {border-bottom: 1px solid #dbeaf4; height:60px; line-height:60px;
                          font-size:15px; border-left: 3px solid #56b3fb;
                          background:#fff url(../images/common/arrow_sidebar1.png) no-repeat right 15px center;
                         background-size: 9px 16px;}

#use-info .main li .info_title.active {background-image:url(../images/common/ico_arrow6.png);
                                background-position:right 15px center; background-size:16px 9px}
#use-info .main li .info_title2.active {background-image:url(../images/common/ico_arrow6.png);
                                background-position:right 15px center; background-size:16px 9px}

#use-info .main li .info_title img {width:35px; height:35px; position:relative; top:10px; margin: 0 4px 0 15px;}
#use-info .main li .info_title2 img {width:35px; height:35px; position:relative; top:10px; margin: 0 4px 0 15px;}


#use-info .main li .note {border-bottom: 1px solid #dbeaf4;  font-size:14px; letter-spacing:0.05em;
                          padding:15px 12px 15px 12px; line-height:150%;}
#use-info .main li .note img {max-width:100%; max-height:100%; display:block; margin:0 auto;}

#use-info .main li .note2 {border-bottom: 1px solid #dbeaf4;  font-size:14px; letter-spacing:0.05em;
                          padding:15px 12px 15px 12px; line-height:150%; border-left: 3px solid #56b3fb;}
#use-info .main li .note2 img {max-width:100%; max-height:100%; display:block; margin:0 auto;}

/*사용설명서-사장님 수정본*/
.new_description {font-size:15px; letter-spacing:0.04em; padding:0 15px; box-sizing:border-box;}
.new_description h1 {font-size:19px; text-align:center;}
.new_description h1 span {color:#56b3fb; font-size:20px;}
.new_description .part1 {margin:15px 0;}
.new_description .part1 p {overflow:hidden; margin-bottom:5px;}
.new_description .part1 p span {display:block; float:left;}
.new_description .part1 p span:first-child {margin-right:1px; width:17px; height:17px; background:url(../images/common/red_check.png); background-size:100%; position:relative; top:2px;}
.new_description .part1 p span:last-child {width:93%; line-height:150%; }

.new_description .part2 {margin:15px 0;}
.new_description .part2 p {overflow:hidden; margin-bottom:5px;}
.new_description .part2 p span {display:block; float:left;}
.new_description .part2 p span:first-child {margin-right:1px; width:17px; height:17px; position:relative; top:2px;}
.new_description .part2 p span:last-child {width:93%; line-height:150%; }

.new_description .part3 {margin:15px 0;}
.new_description .part3 p {overflow:hidden; margin-bottom:5px;}
.new_description .part3 p span {display:block; float:left;}
.new_description .part3 p span:first-child {margin-right:1px; width:5px; height:5px; background:#56b3fb; margin:7px 5px 0 0;}
.new_description .part3 p span:last-child {width:93%; line-height:150%; }



/*모임공지 등록*/
.site-wrap .meetup {background:#fff; box-sizing:border-box;
                           margin-top:15px; }

.site-wrap .meetup .meetup_title {padding:20px 15px 15px 15px; overflow:hidden;}
.site-wrap .meetup .meetup_title span {font-size: 14px; font-weight: 300; color: #555;
                        padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center;
                         background-size: 3px 3px; display:inline-block; margin-top:8px;}
.site-wrap .meetup .meetup_title input {float:right; width:80%; height:35px; padding-left:8px;}

.site-wrap .meetup .meetup_memo {padding:15px 15px 35px 15px; overflow:hidden;}
.site-wrap .meetup .meetup_memo span {font-size: 14px; font-weight: 300; color: #555;
                        padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center;
                         background-size: 3px 3px; display:inline-block; margin-top:8px;}
.site-wrap .meetup .meetup_memo textarea {float:right; width:80%; height:200px; resize:none;
                                      padding:8px 0 0 8px; }


/*모임공지 리스트*/
.site-wrap .lv_customer1{margin-top:22px}
.site-wrap .lv_customer1 ul{ background:#fff}
.site-wrap .lv_customer1 li{padding:10px 15px 14px; border-bottom:1px solid #dbeaf4; background:#fff}
.site-wrap .lv_customer1 li a{display:block}
.site-wrap .lv_customer1 li .title{font-size:15px; color:#555; line-height:27px;}
.site-wrap .lv_customer1 li .list_info{margin-top:1px; font-size:13px; color:#8c959d}
.site-wrap .lv_customer1 li .list_info strong{font-size:14px; font-weight:normal; color:#49a9f3}
.site-wrap .lv_customer1 li .list_info span{color:#d9dada; margin:0 10px}
.site-wrap .lv_customer1 .cont_customer{border-bottom:1px solid #ebebeb;}
.site-wrap .lv_customer1 .cont_customer p{padding:11px 1px 17px; font-size:14px; color:#555; line-height:24px}
.site-wrap .lv_customer1 .pag_customer{position:relative}
.site-wrap .lv_customer1 .pag_customer .view_list{padding:23px 0 0; text-align:center}
.site-wrap .lv_customer1 .pag_customer .view_list span{display:inline-block; font-size:16px; color:#56b3fb; padding-left:21px; background:url(../images/common/ico_note7.png) no-repeat 0 center; background-size:16px 16px}
.site-wrap .lv_customer1 .pag_customer .btn_left{position:absolute; top:24px; left:5px}
.site-wrap .lv_customer1 .pag_customer .btn_left span{display:inline-block; font-size:14px; color:#999; padding-left:15px; padding-top:1px; background:url(../images/common/ico_arrow12-prev.png) no-repeat 0 0; background-size:10px 18px}
.site-wrap .lv_customer1 .pag_customer .btn_right{position:absolute; top:24px; right:5px}
.site-wrap .lv_customer1 .pag_customer .btn_right span{display:inline-block; font-size:14px; color:#999; padding-right:15px; padding-top:1px; background:url(../images/common/ico_arrow12-next.png) no-repeat right 0; background-size:10px 18px}
.site-wrap .lv_customer1 .pag_customer .btn_right img{width:10px; height:18px}

/*모인헤더*/
#wrap .moinHeader {width:100%; background:#56b3fb; padding:10px 0 10px;}
#wrap .moinHeader .circleWrap {overflow:hidden; width:285px; margin:0 auto;}
#wrap .moinHeader .circleWrap .circleNum {float:left; padding-top:1px; color:#fff; font-size:20px; font-weight:bold; border:1px solid #fff; width:25px; height:24px; line-height:24px; border-radius:14px; text-align:center; }
#wrap .moinHeader .circleWrap .em {border:2px solid #fff800; background:#fff800; color:#56b3fb}
#wrap .moinHeader .circleWrap .middleBar {float:left; width:18px; height:2px; background:#fff; margin:12px 3px 0 3px; }

/*둘러보기 헤더*/
#wrap .moinHeader .circleWrap2 {overflow:hidden; width:318px; margin:0 auto;}
#wrap .moinHeader .circleWrap2 .circleNum {float:left; padding-top:1px; color:#fff; font-size:20px; font-weight:bold; border:1px solid #fff; width:25px; height:24px; line-height:24px; border-radius:14px; text-align:center; }
#wrap .moinHeader .circleWrap2 .em {border:2px solid #fff800; background:#fff800; color:#56b3fb}
#wrap .moinHeader .circleWrap2 .middleBar2 {float:left; width:15px; height:2px; background:#fff; margin:12px 3px 0 3px; }


/*모인페이지 구분입력, 금액입력 디자인*/
.club .ipbttset-moin{width:100%; box-sizing:border-box; z-index:2; padding:0 12px 35px;}
.club .ipbttset-moin .inner-moin{padding:0 12px; background:#efefef;}
.club .ipbttset-moin .inner-moin:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .ipbttset-moin .left{float:left; width:41%; box-sizing:border-box}
.club .ipbttset-moin .right{float:right; width:59%; text-align:right; box-sizing:border-box}
.club .ipbttset-moin input{height:34px; font-size:14px; margin:12px 0; font-weight:normal; line-height:34px; border-color:#fff; background:#fff; box-sizing:border-box}
.club .ipbttset-moin .t1{width:calc(100% - 16px);  padding-left:11px}
.club .ipbttset-moin .t2{width:calc(100% - 81px); padding-right:11px; text-align:right}
.club .ipbttset-moin .right span{display:inline-block; vertical-align:middle}
.club .ipbttset-moin .right .stk1{width:15px; margin-right:7px; background:#56b3fb}
.club .ipbttset-moin .right .stk1 img{width:15px; vertical-align:middle}
.club .ipbttset-moin .right .stk2{width:20px; font-size:15px; font-weight:300; color:#000; background:#efefef}
.club .ipbttset-moin .right .ico1{width:23px; height:58px; padding-left:10px; margin-left:6px; text-align:center; cursor:pointer}
.club .ipbttset-moin .right .ico1 img{width:23px; margin-top:18px}
.club .ipbttset-moin input::-webkit-input-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/
.club .ipbttset-moin input::-moz-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/

/*모인등록 완료페이지*/
#wrap .moinHeader_end {height: 44px; width:100%; background:#56b3fb; padding-top:14px; position:relative;}
#wrap .moinHeader_end .h1Wrap {overflow:hidden; width:163px; height:30px; margin:0 auto;}
#wrap .moinHeader_end .h1Wrap h1 {float:left; color:#fff; font-size:18px; letter-spacing:0.2em; line-height:30px; margin-right:2px; padding-top:2px;}
#wrap .moinHeader_end .h1Wrap .check_complete {float:left; width:30px; height:30px; display:block;}

#wrap .moinHeader_end .btn_right2{position:absolute; top:14px; right:12px; }
#wrap .moinHeader_end .btn_right2 a { display:block;}
#wrap .moinHeader_end .btn_right2 a .complete_menu {width:40px; height:33px; opacity:0.9;}

/*모임생성 완료후 모임이름을 알려주는 부분*/
.moinName{position:relative; top:0; width:100%; box-sizing:border-box; z-index:1; margin-top:15px; margin-bottom:30px;}
.moinName .contentWrap{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 80px)}
.moinName .contentWrap .section_main{text-align:center}
.moinName .contentWrap .section_main .realName {margin:0 auto; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; letter-spacing:0.1em;}
.moinName .contentWrap .section_main p.up {margin-top:6px; font-size:15px; font-weight:300; line-height:22px;}
.moinName .contentWrap .section_main p.down {font-size:14px; border:1px solid #cfcfcf; margin:40px auto 0; border-radius:5px; padding:12px 0; line-height:19px; width:200px;}
.moinName .contentWrap .section_main p.down .tel {background: url(../images/common/tel.png) no-repeat 0 -3px; background-size:18px 18px; padding-left:20px; }
.moinName .contentWrap .section_main .btn_rgt{width:153px; height:41px; margin:20px auto 0; border:1px solid #a4ceeb; border-radius:20px; background:#fff; box-sizing:border-box}
.moinName .contentWrap .section_main .btn_rgt a{display:block;  line-height:41px; text-align:center; background:url(../images/common/ico_plus1.png) no-repeat 12px 8px; background-size:23px 23px}
.moinName .contentWrap .section_main .btn_rgt span{display:inline-block; padding-left:22px; font-size:15px; color:#56b3fb}

/*임금등록 새페이지 in.jsp*/
.tab_wrap {width:100%; height:50px; position:relative; box-sizing:border-box;}
.tab_wrap div:first-child {width:52.5%; height:50px; line-height:45px; position:absolute; box-sizing:border-box; top:0; left:0;  text-align:center; box-sizing:border-box;}
.tab_wrap div:first-child span {font-weight:bold; color:#fff; letter-spacing:0.1em; font-size:15px; position:relative; top:3px; left:-5px;}
.tab_wrap div:last-child {width:52.5%; height:50px; line-height:45px; position:absolute; box-sizing:border-box; top:0; right:0;  text-align:center; box-sizing:border-box;}
.tab_wrap div:last-child span {font-weight:bold; color:#fff; letter-spacing:0.1em; font-size:15px; position:relative; top:3px; left:-5px;}

.tab_wrap .on {background:url(../images/common/tab_on2.png) no-repeat; background-size:100% 50px; z-index:2;}
.tab_wrap .off {background:url(../images/common/tab_off2.png) no-repeat; background-size:100% 50px; z-index:1;}

/*표 조회 페이지 추가 되면서 탭3개로 수정*/
.tab_wrap2 {width:100%; height:45px; overflow:hidden; box-sizing:border-box; }
.tab_wrap2 div {float:left; width:calc(100%/3 - 1px); height:45px; line-height:45px; box-sizing:border-box; text-align:center;}
.tab_wrap2 div span {font-weight:bold; color:#fff; letter-spacing:0.1em; font-size:15px; position:relative; top:1px; left:-5px;}

.tab_wrap2 .on {background:url(../images/common/tab_on3.png) no-repeat; background-size:100% 50px; z-index:2;}
.tab_wrap2 .off {background:url(../images/common/tab_off3.png) no-repeat; background-size:100% 50px; z-index:1;}

/*표조회 탭, 연도*/
.load_tit {width:100%; padding:3px 15px 15px; box-sizing:border-box; overflow:hidden; }
.load_tit .year {box-sizing:border-box; float:left; width:31%; letter-spacing:0.1em; margin:7px 0 7px;  font-size: 15px; font-weight:bold;  }
.load_tit .year_wrap {float:left; width:45%; position:relative;}
/* .load_tit .year_wrap select { width:48%; height:37px; border:1px solid #eaeaea; font-size:15px; padding:2px 0 0 33px; background:#fff url(../images/common/ico_calendar1.png) no-repeat 10px center; background-size:20px 20px}
.load_tit .year_wrap select:first-child {float:left;}
.load_tit .year_wrap select:last-child {float:right;}*/
.load_tit .year_wrap input { width: 100%; height: 35px; font-size: 15px; color: #333; background: #fff; border: 1px solid #eaeaea; font-weight: normal; padding-left: 35px; display: block; box-sizing: border-box;}
.load_tit .year_wrap img {width: 20px; height: 20px; position: absolute; top: 7px; left: 10px;}
.load_tit .right_help_new2 {float:right; margin-top:3px;}
.load_tit .right_help_new2 span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:24px; line-height:24px; padding-top:2px; width:50px; text-align:center; }

/* .tab_wrap span:last-child {z-index:1; top:0; right:0;} */
.inb {display:none;}

/*안내*/
.info {padding:10px 0 10px 10px; background:#fff;}
.info p:first-child {font-size:13px; margin-top:10px; }
.info p:first-child img {width:23px; height:23px; position:relative; top:-5px;}
.info p:last-child {font-size:13px; line-height:130%; }
.info p:last-child img {width:13px; height:auto; }

/*엑셀 등록 페이지*/
.excel_form {width:65%; margin:0 auto 37px; }
.excel_form a {display:block; width:100%; color: #2e9ef4; border: 2px solid #2e9ef4; font-weight: bold; box-sizing: border-box; text-align:center; height:40px; line-height:40px; font-size:16px; border-radius:6px; margin-bottom:20px;}
.excel_form div {font-size: 14px; font-weight: 300; color: #555; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 5px; background-size: 3px 3px; margin-left:5px;}
.excel_form .bottom_dn {margin-bottom:4px;}
#excelUploadForm #positionCode {display:block; width:85%; margin:0 auto 10px; -webkit-appearance: none; vertical-align: middle; height: 44px; padding-left: 8px; letter-spacing:0.1em; font-size: 14px; border: 1px solid #eaeaea; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 5px center; background-size: 12px 7px;}

.title_pt {width:85%; margin:0 auto 10px;}
.title_pt span {font-size: 14px; color: #4aaaf5; padding-left: 22px; background: url(../images/common/ico_sidebar3.png) no-repeat 0 0; background-size: 16px 16px; padding-bottom: 2px;}

/*견본 그리고 유료전환하기버튼*/
.wrap_free {position:fixed; top:0; right:0; left:0; bottom:0; z-index:200; margin:auto; width:255px; height:130px;}
.wrap_free .sample_free {text-align:center; font-size:80px; font-weight:bold; color:rgba(255, 0, 0, 0.6); width:250px; height:100px; line-height:100px; border:3px solid rgba(255, 0, 0, 0.6); border-radius:10px;}
.wrap_free .under_ment {text-align:center; font-size:15px; font-weight:bold; color:rgba(255, 0, 0, 0.6); margin-top:5px;}
.payWrap {padding:0 15px; width:100%; box-sizing:border-box; position:fixed; bottom:12px; z-index:200;}
.payWrap .pay_change {width:100%; height:48px; line-height:48px; border-radius: 3px; box-sizing: border-box; text-align: center; border: 1px solid #f4649c; background:#f4649c;}
.payWrap .pay_change span {background:url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; color:#fff; font-size:15px; font-weight:bold; padding-left: 30px;}

/*회원가입 축하 메세지  17.11.23-다시 수정 18.02.20*/
.welcome {width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:100; box-sizing:border-box; display:none;}
.welcome .title {text-align:center; background: #56b3fb; color:#fff; font-weight:bold; font-size:16px; height:47px; line-height:47px;}
.welcome .part {padding:0 8px;}
.welcome .part p {overflow:hidden; margin-bottom:5px;}
.welcome .part p span {display:block; float:left; font-size:16px;}
.welcome .part p span:first-child {margin-right:6px; width:17px; height:17px; position:relative; top:2px;}
.welcome .part p span:last-child {width:93%; line-height:150%; }
.welcome .part .sub {text-align:center; color:#f21670; font-size:21px; font-weight:bold; margin:40px 0 15px 0;}
.welcome .part p.box {padding:0 6px; line-height:150%;}
.welcome .part p.last {text-align:center; font-weight:bold; padding-bottom:6px;}
.welcome .close {position:fixed; bottom:12px; width:100%; padding:0 15px; height:40px; line-height:40px;  box-sizing:border-box; }
.welcome .close a {display:block; font-size:16px; text-align:center; color:#fff; border-color: #f4649c; background-color: #f4649c; border-radius:3px;}

/*도움말 각 페이지 추가 작업 17.12.07*/
.right_help_new {position:absolute; top:-2px; right:15px;}
.right_help_new span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:24px; line-height:24px; padding-top:2px; width:50px; text-align:center; }

.help_answ_new {display:none; position: absolute; top: 35px; right:15px; width: 190px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 2; box-shadow: 3px 3px 3px #afafaf;}
.help_answ_new p {text-align: justify; position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.help_answ_new p span {display: inline-block; position: absolute; top: -7px; right:24px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}
.help_answ_new p img {width:20px; height:20px; padding-right:2px;}

/*모임리스트 페이지에서 하단 아이콘들 정렬*/
.site-wrap2 .bottom_icons {width:100%; height:55px; position:fixed; bottom:0; background: url(../images/common/test_bg4.gif) repeat left top; border-top:1px solid #d4d4d4;}
.site-wrap2 .bottom_icons ul {overflow:hidden; width:100%;}
.site-wrap2 .bottom_icons ul li {box-sizing:border-box; width:25%; float:left;}
.site-wrap2 .bottom_icons ul li a {display:block;}
.site-wrap2 .bottom_icons ul li a img {display:block; width:30px; height:auto; margin:3px auto;}
.site-wrap2 .bottom_icons ul li a span {text-align:center; display:block; font-size:13px;}

/*새모임 클릭 후 일반모임, 골프모임 버튼 나옴*/
.site-wrap2 .choice_group {width:calc(75%); height:180px; z-index:100; display:none;}
.site-wrap2 .choice_group ul li {width:100%; height:70px; line-height:70px; border-radius:5px; text-align:center; font-size:17px; font-weight:bold; letter-spacing:0.05em;}
.site-wrap2 .choice_group ul li:first-child {margin-bottom:40px; background: #56b3fb;}
.site-wrap2 .choice_group ul li:last-child {background:#c4d76c; }
.site-wrap2 .choice_group ul li:first-child a span {color:#fff; background: url(../images/common/com_make.png) no-repeat left -4px; background-size:25px 25px; padding-left:28px;}
.site-wrap2 .choice_group ul li:last-child a span {color:#187273; background: url(../images/common/golf_make.png) no-repeat left -4px; background-size:25px 25px; padding-left:28px;}


/*새모임 클릭 후 일반모임, 골프모임 버튼 나옴*/
.site-wrap2 .choice_guide {width:calc(75%); height:180px; z-index:100; display:none;}
.site-wrap2 .choice_guide ul li {width:100%; height:70px; line-height:70px; border-radius:5px; text-align:center; font-size:17px; font-weight:bold; letter-spacing:0.05em;}
.site-wrap2 .choice_guide ul li:first-child {margin-bottom:40px; background: #56b3fb;}
.site-wrap2 .choice_guide ul li:last-child {background:#c4d76c; }
.site-wrap2 .choice_guide ul li:first-child a span {color:#fff; background: url(../images/common/com_make.png) no-repeat left -4px; background-size:25px 25px; padding-left:28px;}
.site-wrap2 .choice_guide ul li:last-child a span {color:#187273; background: url(../images/common/golf_make.png) no-repeat left -4px; background-size:25px 25px; padding-left:28px;}


/*입출금 공지 알림 여부*/
.push_title {color: #4aaaf5; font-weight:bold; font-size:16px; float:left; line-height:28px;}
.push_wrap {width:100%; }

/*알림 히스토리 사용 여부*/
.push_wrap .history_deci {height:80px; overflow:hidden; border-bottom:3px solid #bcbcbc; margin-bottom:5px;}
.push_wrap .history_deci p {float:left; font-size:15px; margin-left:25px; line-height:80px; font-weight:bold;}
.push_wrap .history_deci .under_deci {float:right; margin-right:14px;}
.push_wrap .history_deci .radioWrap2 {height:40px;}
.push_wrap .history_deci .radioWrap2 .answ {float:left; line-height:40px; font-size:16px; margin-right:5px; font-weight:normal;}
.push_wrap .history_deci .radioWrap2 .team {float:right; position:relative; width:19px; height:40px;}

.push_wrap .push_decide {width:100%; height:80px; overflow:hidden; margin-bottom:5px;}
.push_wrap .push_decide p {float:left; font-size:15px; margin-left:25px; line-height:80px; font-weight:bold;}
.push_wrap .push_decide .push_radioWrap {float:right; margin-right:14px;}
.push_wrap .push_decide .push_radioWrap .radioWrap2 {height:40px;}
.push_wrap .push_decide .push_radioWrap .radioWrap2 .answ {float:left; line-height:40px; font-size:16px; margin-right:5px; }
.push_wrap .push_decide .push_radioWrap .radioWrap2 .team {float:right; position:relative; width:19px; height:40px;}

.push_wrap label {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:19px; height:18px; background:url(../images/common/bg_radio_off.png) no-repeat; background-size:19px 18px;}
.push_wrap input[type="radio"] {position:absolute; top:0; left:-9999px;}
.push_wrap input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on.png) no-repeat center; background-size:19px 18px;}
.push_wrap .yes_wrap {height:50px; overflow:hidden; width:140px; margin:0 auto;}
.push_wrap .yes_wrap .radioWrap3:first-child {float:left;}
.push_wrap .yes_wrap .radioWrap3:last-child {float:right;}
.push_wrap .yes_wrap .radioWrap3 .notice {float:left; line-height:49px; font-size:16px; margin-right:5px;}
.push_wrap .yes_wrap .radioWrap3 .team {float:left; position:relative; width:19px; height:45px;}
.push_wrap .push_warning {color: #e50c26; font-size:15px; text-align:center; margin-bottom:10px;}

.btn_push {position:fixed; bottom:10px; z-index:2; width:calc(100% - 16px); height:48px; line-height:48px; border-radius:3px; background-color: #f4649c; box-sizing: border-box;}
.btn_push a {display:block; width:100%; text-align:center;}
.btn_push a span {color: #fff; padding-left: 30px; background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; font-size:17px;}

.detail_member4 .list_dm .border_style {border-bottom:1px dashed #e5e5e5;}
.detail_member4 .list_dm .border_style:last-child {border-bottom:none;}
.deact {color:#c9c9c9;}
.act {color:#000;}
.whole .deact2 {float:left; color:#c9c9c9; width:55px;}
.detail_member4 .list_dm .item .position_deact {font-size: 15px; color:#c9c9c9; width: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}

/*푸쉬 히스토리 내역*/
.push_history {width:100%; padding:0 10px; box-sizing:border-box; margin-top:60px;}
.push_history li {background:#fff; margin-bottom:10px;}
.push_history li .up_title {height:45px; border-bottom:1px dashed #788e9b;}
.push_history li .up_title div {float:left; height:45px; line-height:45px; box-sizing:border-box;}
.push_history li .up_title .wide:nth-child(1) {padding-left:5px; width:25%; font-weight:bold; font-size:15px; background: url(../images/common/push_bar.png) no-repeat right center; }
.push_history li .up_title .wide:nth-child(2) {width:40%; }
.push_history li .up_title .wide:nth-child(2) .positionName {font-size: 15px; color:#5ca3de; display:block; width:35%; box-sizing:border-box; float:left; height:45px; text-align:center;}
.push_history li .up_title .wide:nth-child(2) .dm_name {display:block; width:65%; box-sizing:border-box; float:left; height:45px;}
.push_history li .up_title .wide:nth-child(3) {width:35%; text-align:center; background: url(../images/common/push_bar.png) no-repeat left center;}
.push_history li .up_title .wide:nth-child(3) span:last-child {color:#5ca3de;}
.push_history li .dn_content {padding:15px 15px; font-size:15px; line-height: 150%; word-break:break-all;}

/*푸쉬 히스토리 내역-모임명이 없을 경우*/
.push_history li .up_title .short:nth-child(1) {width:50%; }
.push_history li .up_title .short:nth-child(1) .positionName {font-size: 15px; color:#5ca3de; display:block; width:35%; box-sizing:border-box; float:left; height:45px; text-align:center;}
.push_history li .up_title .short:nth-child(1) .dm_name {display:block; width:65%; box-sizing:border-box; float:left; height:45px;}
.push_history li .up_title .short:nth-child(2) {width:50%; text-align:center; background: url(../images/common/push_bar.png) no-repeat left center;}
.push_history li .up_title .short:nth-child(2) span:last-child {color:#5ca3de;}

/*골프페이지 디자인 시작*/

/*골프 헤더*/
.golf_headWrap {position:fixed; top:0; width:100%; z-index:2;}
.golf_headWrap .golf_header {background:#c4d76c; position:relative; height:52px; }
.golf_headWrap .golf_header .left_back img {position: absolute; top: 12px; left: 12px; display:block; width:28px; height:auto;}
.golf_headWrap .golf_header h1 a {line-height:52px; color: #187273; font-size: 19px; font-weight:bold; letter-spacing: 0.1em; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 270px; margin: 0 auto;}
/*골프 헤더-탭2개*/
.golf_headWrap .tap2 {width:100%; height:42px;}
.golf_headWrap .tap2 li {position:relative; float:left; width:50%; box-sizing:border-box; background: linear-gradient(to top, #28797a, #358e8e 85%); height:42px; line-height:42px;}
.golf_headWrap .tap2 li:last-child a {background:none}
.golf_headWrap .tap2 li a{display:block; color:#fff; font-size:15px; letter-spacing:0.08em; text-align:center;}
.golf_headWrap .tap2 li.on {background: linear-gradient(to top, #45bbbd, #55c9c6 85%); height:47px; line-height:47px; top:-3px; border-radius:4px 4px 0 0; }
.golf_headWrap .tap2 li.on a {background:none; font-weight:bold; font-size:16px;}
/*골프 헤더-탭4개*/
.golf_headWrap .tap4 {width:100%; height:42px;}
.golf_headWrap .tap4 li {position:relative; float:left; width:25%; box-sizing:border-box; background: linear-gradient(to top, #28797a, #358e8e 85%); height:42px; line-height:42px;}
.golf_headWrap .tap4 li:last-child a {background:none}
.golf_headWrap .tap4 li a{display:block; background:url(../images/common/sep12.png) no-repeat 100% center; background-size:1px 23px; color:#fff; font-size:15px; letter-spacing:0.08em; text-align:center;}
.golf_headWrap .tap4 li.on {background: linear-gradient(to top, #45bbbd, #55c9c6 85%); height:47px; line-height:47px; top:-3px; border-radius:4px 4px 0 0; }
.golf_headWrap .tap4 li.on a {background:none; font-weight:bold; font-size:16px;}
.golf_headWrap .golf_headBm {width:100%; height:9px; background:#45bbbd;}

.content1 {padding-top:52px;}
.content2 {padding-top:103px;}

/*도움말*/
.golf_help {position:relative; height:28px; padding:12px 15px 12px 0; z-index:1}
.golf_help .help_tl {float:right;}
.golf_help .help_tl span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:28px; line-height:28px; width:50px; text-align:center; box-sizing:border-box;}
.golf_help .golf_answ {display:none; position:absolute; top:48px; right:10px; width: 230px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 3; box-shadow: 3px 3px 3px #afafaf;}
.golf_help .golf_answ p { position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.golf_help .golf_answ p span {display: inline-block; position: absolute; top: -7px; right:12px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}

/*골프페이지 제목과 도움말*/
.golf_help2 {position:relative; padding:20px 15px 10px 0; z-index:1;}
.golf_help2 .gf_title2 {text-align:center; font-size:18px;}
.golf_help2 .gf_title2 span {font-weight:normal; font-size:15px; margin-left:3px;}
.golf_help2 .help_tl {position:absolute; top:12px; right:15px;}
.golf_help2 .help_tl span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:28px; line-height:28px; width:50px; text-align:center; box-sizing:border-box;}
.golf_help2 .golf_answ {display:none; position:absolute; top:48px; right:10px; width: 230px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 3; box-shadow: 3px 3px 3px #afafaf;}
.golf_help2 .golf_answ p { position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.golf_help2 .golf_answ p font {color: #e50c26;}
.golf_help2 .golf_answ p .left_room {color:#000; padding-left:10px; color:#199cf4;}
.golf_help2 .golf_answ p span {display: inline-block; position: absolute; top: -7px; right:12px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}

/*기본정보등록*/
.golf_info {margin-top:5px;}
.golf_info li{padding:0 0 5px; overflow:hidden}
.golf_info li .item {margin:10px 0 4px; font-size:15px; font-weight:bold; color: #187273;}
.golf_info li .item font {color:red; padding-left:4px; font-weight:normal; font-size:14px;}
.golf_info li .input{margin-bottom:10px}

.golf_info select{vertical-align:middle; width:calc(100% - 127px); padding-left:6px; height:42px; font-size:14px; color:#333; border:1px solid #eaeaea; background:#fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size:12px 7px}
.golf_info select:invalid{color:red}
.golf_info select{
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
.golf_info select:required:invalid{color:#d8d7d7}
.golf_info select option{padding-left:50px;color:#333}

/*버튼2개 하단 고정*/
.btn2_fixed {position:fixed; width:calc(100% - 30px); bottom:12px; left:15px;}
.btn2_fixed a {display:block; width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; }
.btn2_fixed a span {font-size: 15px; display:inline-block;}
.btn2_fixed a:first-child {float:left; border: 1px solid #dbe2e6; background-color: #fbfdff;}
.btn2_fixed a:first-child span {color: #56b3fb;}
.btn2_fixed a:last-child {float:right; background:#33afb1;}
.btn2_fixed a:last-child .check_done {color:#fff; padding-left: 30px; background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px;}
.btn2_fixed a:last-child .revise {color:#fff; padding-left: 19px; background: url(../images/common/ico_setting3.png) no-repeat 0 center; background-size: 16px 16px;}
.btn2_fixed a:last-child .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}

/*버튼2개 하단 고정-신페리오 변환*/
.periobt2_fixed {position:fixed; width:calc(100% - 30px); bottom:12px; left:15px;}
.periobt2_fixed a {display:block; width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; }
.periobt2_fixed a span {font-size: 15px; display:inline-block;}
.periobt2_fixed a:first-child {float:left; border: 1px solid #33afb1; background:#33afb1;}
.periobt2_fixed a:first-child span {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}
.periobt2_fixed a:last-child {float:right; background: #8369b3;}
.periobt2_fixed a:last-child span {background: url(../images/common/auto_ico.png) no-repeat 0 center; background-size: 20px auto; padding-left: 25px; color: #fff;}

/*버튼2개 고정 아님*/
.btn2_unfixed {width:calc(100% - 30px); margin:0 auto 30px; overflow:hidden;}
.btn2_unfixed a {display:block; width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; }
.btn2_unfixed a span {font-size: 15px; display:inline-block;}
.btn2_unfixed a:first-child {float:left; border: 1px solid #dbe2e6; background-color: #fbfdff;}
.btn2_unfixed a:first-child span {color: #56b3fb;}
.btn2_unfixed a.perio_btn {float:left; background:#33afb1; border:none;}
.btn2_unfixed a.perio_btn .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}
.btn2_unfixed a:last-child .register_again {background: url(../images/common/perio_again.png) no-repeat 0 center; background-size: 20px auto; padding-left:25px; color:#fff;}
.btn2_unfixed a:last-child {float:right; background:#33afb1;}
.btn2_unfixed a:last-child span {color:#fff; padding-left: 19px;}
.btn2_unfixed a:last-child .revise {background: url(../images/common/ico_setting3.png) no-repeat 0 center; background-size: 16px 16px;}
.btn2_unfixed a:last-child .check_done {color:#fff; padding-left: 30px; background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px;}
.btn2_unfixed a:last-child .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}

/*버튼2개 고정 아님-a태그 클릭 후 오류 수정*/
.btn2_unfixed2 {width:calc(100% - 30px); margin:0 auto 30px; overflow:hidden;}
.btn2_unfixed2 #delete {display:block; width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; float:left; border: 1px solid #dbe2e6; background-color: #fbfdff;}
.btn2_unfixed2 #delete span {color: #56b3fb; font-size: 15px; display:inline-block;}
.btn2_unfixed2 a {display:block; width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; float:right; background:#33afb1;}
.btn2_unfixed2 a span {font-size: 15px; display:inline-block; color:#fff; padding-left: 19px;}
.btn2_unfixed2 a .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}

/*버튼2개 고정 아님-버튼태그사용*/
.btn2_unfixed button {width:calc(50% - 5px); height: 48px; line-height: 48px; border-radius: 3px; box-sizing: border-box; text-align: center; }
.btn2_unfixed button span {font-size: 15px; display:inline-block;}
.btn2_unfixed button:first-child {float:left; border: 1px solid #dbe2e6; background-color: #fbfdff;}
.btn2_unfixed button:first-child span {color: #56b3fb;}
.btn2_unfixed button:last-child {float:right; background:#33afb1;}
.btn2_unfixed button:last-child span {color:#fff; padding-left: 19px;}
.btn2_unfixed button:last-child .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px; padding-left:30px; color:#fff;}

/*버튼1개 하단 고정*/
.btn1_fixed {position:fixed; bottom:12px; width:calc(100% - 30px); left:15px; background:#33afb1; border-radius: 3px; z-index:2;}
.btn1_fixed a {text-align:center; font-size:16px; font-weight:bold; color:#fff; display:block; letter-spacing:0.1em; height: 48px; line-height: 48px; }
.btn1_fixed a span {padding-left:30px; display:inline-block;}
.btn1_fixed a span.mem_regi {background:url(../images/common/ico_plus2.png) no-repeat 0 center; background-size:24px 24px}
.btn1_fixed a span.register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px;}
.btn1_fixed a span.authority {padding-left: 18px; background: url(../images/common/ico_note8-1.png) no-repeat; background-size: 14px 16px; background-position: 0 16px;}
.btn1_fixed a span.trash {background:url(../images/common/ico_delete3.png) no-repeat 0 center; background-size:18px auto; padding-left:23px;}

/*버튼1개 고정 아님*/
.btn1_unfixed {width:calc(100% - 30px); background:#33afb1; border-radius: 3px; margin:0 auto 30px;}
.btn1_unfixed a {text-align:center; font-size:16px; font-weight:bold; color:#fff; display:block; letter-spacing:0.1em; height: 48px; line-height: 48px; }
.btn1_unfixed a span {padding-left:30px; display:inline-block;}
.btn1_unfixed a .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px;}
.btn1_unfixed a .trash {background:url(../images/common/ico_delete3.png) no-repeat 0 center; background-size:18px auto; padding-left:23px;}
.btn1_unfixed a .distri {background:url(../images/common/golf_distri.png) no-repeat 0 center; background-size:18px auto; padding-left:23px;}

/*버튼1개 고정 아니고 비활성화*/
.btn1__off {width:calc(100% - 30px); background:#8f8f8f; border-radius: 3px; margin:0 auto 30px;}
.btn1__off a {text-align:center; font-size:16px; font-weight:bold; color:#fff; display:block; letter-spacing:0.1em; height: 48px; line-height: 48px; }
.btn1__off a span {padding-left:30px; display:inline-block;}
.btn1__off a .register_ico {background: url(../images/common/ico_check1.png) no-repeat 0 center; background-size: 23px 19px;}

/*코스선택 안 입력버튼*/
.btn_course {width:calc(100% - 30px); background:#efefef; border-radius: 3px; margin:30px auto 15px;}
.btn_course a {text-align:center; font-size:16px; font-weight:bold; color:#33afb1; display:block; letter-spacing:0.1em; height: 48px; line-height: 48px; }
.btn_course a span {padding-left:30px; display:inline-block;}
.btn_course a span.mem_regi {background:url(../images/common/ico_plus_put2.png) no-repeat 0 center; background-size:24px 24px}

/*골프장 즐겨찾기페이지 골프장 추가/수정 요청*/
.field_change {width:calc(100% - 30px); border-radius: 3px; margin:20px auto 20px; text-align:center; height: 43px; line-height: 43px; background:#8369b3;}
.field_change span {display:inline-block; font-size:16px; font-weight:bold; color:#fff; letter-spacing:0.15em;}

/*모임만들기 완료*/
.contentWrap{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh)}
.contentWrap .section_main{text-align:center}
.contentWrap .section_main .realName {margin:0 auto; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #187273; font-size: 19px; font-weight:bold; letter-spacing:0.1em;}
.contentWrap .section_main p.up {margin-top:6px; font-size:15px; font-weight:300; line-height:22px;}
.contentWrap .section_main p.gf_empty {font-size:15px; color: #949494; background: url(../images/common/ico_plus6.png) no-repeat 0 0; background-size: 26px 26px; padding-left:30px; height:26px; line-height:26px;}

/*등록된 값이 없을 경우*/
.contentWrap2{display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 155px)}
.contentWrap2 .section_main{text-align:center}
.contentWrap2 .section_main p.gf_empty {font-size:15px; color: #949494; background: url(../images/common/ico_plus6.png) no-repeat 0 0; background-size: 26px 26px; padding-left:30px; height:26px; line-height:26px;}

/*조편성에서 등록된 값이 없을 경우*/
.contentWrap3 {display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh - 235px)}
.contentWrap3 .section_main{text-align:center}
.contentWrap3 .section_main p.gf_empty {font-size:15px; color: #949494; background: url(../images/common/ico_plus6.png) no-repeat 0 0; background-size: 26px 26px; padding-left:30px; height:26px; line-height:26px;}

/*골프아이콘 페이지*/
.gficons_bg {background:#fffde6;}
.rope img {display:block; width:9px; height:auto; position:absolute; top:38px; z-index:2;}
.rope img:first-child {left:40px;}
.rope img:last-child {right:40px;}
.golf_wood {width:calc(100% - 54px); margin:0 auto; height:47px; padding-top:35px;}
.golf_wood div {float:left;}
.golf_wood .wood_left {width:6px; height:47px; background: url(../images/common/wood_left.png) no-repeat 0 center;}
.golf_wood .wood_right {width:6px; height:47px; background: url(../images/common/wood_right.png) no-repeat 0 center;}
.golf_wood .golf_mem {float:left; width:calc(100% - 12px); height:47px; background: url(../images/common/wood_middle.png) no-repeat 0 center; background-size:cover; overflow:hidden;}
.golf_wood .golf_mem .item {float:left; margin:13px 0 0 20px; display:block;}
.golf_wood .golf_mem .item .ico1 {background: url(../images/common/golf_people1.png) no-repeat 0 0; background-size: 17px 17px; padding-bottom: 3px; padding-left: 23px; font-size: 15px; font-weight:bold;}
.golf_wood .golf_mem .v_value {float:right; display:block;  margin:13px 20px 0 0;}
.golf_wood .golf_mem .v1 span {font-size: 15px; font-weight:bold;}
.golf_wood .golf_mem .v1 img {width: 13px; height: auto; position:relative; top:1px;}
.golf_icons {margin-top:15px; overflow:hidden;}
.golf_icons li {width:calc(100%/3); float:left; height:110px;}
.golf_icons li a {display:block;}
.golf_icons li img {display:block; width:55px; height:55px; margin:0 auto; }
.golf_icons li span {display:block; text-align:center; letter-spacing:0.05em; }

/*골프아이콘 페이지 설명서*/
.ex_btn {overflow:hidden;}
.ex_btn p {float:right; margin:15px 29px 0 0; text-align:center; height: 28px; line-height: 28px; width: 56px; color:#33afb1; border:2px solid #33afb1; letter-spacing:0.05em; font-size:15px; font-weight:bold;}
.explain {width:340px; background:#fff; z-index:12; display:none; /* background: #fffde6; */}
.explain h2 {text-align:center; margin-bottom:30px; font-size:19px; padding:13px 0; background: #c4d76c; color: #187273; position:relative; }
.explain h2 img {position:absolute; display:block; top:10px; right:10px; width:30px; height:auto;}
.explain h3 {text-align:center; margin-bottom:10px; font-size:17px; padding-top:5px;}
.explain .ex_outer {margin:10px 0 0 10px;}
.explain .ex_outer >li {margin-bottom:10px; font-size:15px;}
.explain .ex_detail {padding-left:15px; margin-bottom:20px;}
.explain .ex_detail >li {margin-bottom:7px; font-size:14px;}
.explain p {margin-bottom:25px; text-align:center; font-weight:bold; font-size:15px; color: #e50c26;}

/*공통-리스트 제목 디자인*/
.tle_design {width:100%; background: #f6f6f6; font-size: 15px; height: 40px; line-height: 40px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4;}
.tle_design span {display:block; float:left; box-sizing:border-box; text-align:center;}

/*공통-리스트 내용 디자인*/
.li_design li {width:100%; height: 50px; line-height: 50px; border-bottom: 1px solid #dbeaf4; overflow: hidden; box-sizing:border-box;}
.li_design div {float:left; box-sizing:border-box; text-align:center; height: 50px; line-height: 50px; font-size:15px;}

/*골프장등록 목록 타이틀*/
.gflist_title {margin-top:30px; overflow:hidden;}
.gflist_title span:nth-child(1) {width:36%;}
.gflist_title span:nth-child(2) {width:32%;}
.gflist_title span:nth-child(3) {width:32%;}

/*골프장등록 목록 타이틀 밑 리스트*/
.field_list {margin-bottom:40px;}
.field_list li a {display:block; width:94%; overflow:hidden;}
.field_list li a span {display:block; float:left; box-sizing:border-box;}
.field_list li a span:nth-child(1) {width:36%; text-align:center;}
.field_list li a span:nth-child(2) {width:32%; text-align:center; background: url(../images/common/sec_bar.png) no-repeat left center; background-size:1px 20px;}
.field_list li a span:nth-child(3) {width:32%; text-align:center; background: url(../images/common/sec_bar.png) no-repeat left center; background-size:1px 20px;}

/*신페리오 성적 추가*/
.perio_register {padding:0 5px; margin-bottom:35px;}
.perio_register li {width:100%; overflow:hidden; margin-bottom:15px;}
.perio_register li:nth-child(1) {border-bottom:1px solid #e4e4e4; padding-bottom:15px;}
.perio_register li:nth-child(2) {border-bottom:1px solid #e4e4e4; padding-bottom:15px;}
.perio_register li:nth-child(4) {border-bottom:1px dashed #e4e4e4; padding-bottom:15px;}
.perio_register li:nth-child(6) {border-bottom:1px solid #e4e4e4; padding-bottom:15px;}
.perio_register li .left {float:left; width:25%; height:34px; line-height:34px; box-sizing:border-box; padding-left: 18px; background: url(../images/common/dot1.png) no-repeat 10px 14px; background-size: 3px 3px;}
.perio_register li .right {float:right; width:75%; box-sizing:border-box;}
.perio_register li .right input {border: 1px solid #eaeaea; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-right:8px; text-align:right;}
.perio_register li .right .perio_box {float:left; display:block; border: 1px solid #eaeaea; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-right:8px; text-align:right;}
.perio_register li .right .perio_box .real_num {color:#000; text-align:right; display:block;}
.perio_register li .right .meter {float:left; display:block; height:34px; line-height:34px;}
.perio_register li .right font {width:30%; height:34px; line-height:34px; padding-right:2px; box-sizing:border-box; text-align:right; display:inline-block; font-size:16px;}
.perio_register li .right span {font-size:16px; margin-left:4px;}
.perio_register li .right_perio {float:right; width:75%; box-sizing:border-box; overflow:hidden;}
.perio_register li .right_perio input {float:left; disply:block; width:calc(53% - 5px); margin-right:5px; border: 1px solid #eaeaea; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.perio_register li .right_perio select {float:left; width:47%; border: 1px solid #eaeaea; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.perio_register li .right_perio p {width:100%; font-size:15px; height:34px; line-height:32px; box-sizing:border-box;}
.perio_register table {width:100%; border-collapse: collapse;}
.perio_register table td {border: 1px solid #e3e3e3; padding:12px 5px 12px 0; box-sizing:border-box;  text-align:right;}
.perio_register table th {background:#f3f3f3; border: 1px solid #e3e3e3; padding:12px 5px 12px 0; box-sizing:border-box;  text-align:right;}
.perio_register table tr.perio_head td {background:#f3f3f3;}
.perio_register table tr.unchan th {color:#adadad;}
.perio_register table tr.unchan td {color:#adadad;}
.perio_register table th.center {text-align:center; padding:12px 0;}
.perio_register table th.on {background: #fdffd6;}
.perio_register table td.on {background: #fdffd6;}
.perio_register table tr th:nth-child(1) {width:10%;}
.perio_register table tr th:nth-child(11) {width:10%;}
.perio_register table tr th:nth-child(2) {width:calc(80%/9);}
.perio_register table tr th:nth-child(3) {width:calc(80%/9);}
.perio_register table tr th:nth-child(4) {width:calc(80%/9);}
.perio_register table tr th:nth-child(5) {width:calc(80%/9);}
.perio_register table tr th:nth-child(6) {width:calc(80%/9);}
.perio_register table tr th:nth-child(7) {width:calc(80%/9);}
.perio_register table tr th:nth-child(8) {width:calc(80%/9);}
.perio_register table tr th:nth-child(9) {width:calc(80%/9);}
.perio_register table tr th:nth-child(10) {width:calc(80%/9);}

/*신페리오 숫자 입력 팝업창*/
.perio_pop {display:none; width:100%; padding:0 5px; box-sizing:border-box; z-index:5;}
.perio_pop .calc_info {width:100%; overflow:hidden;  font-size:15px; box-sizing:border-box; color:#fff;}
.perio_pop .calc_info .left {height:34px; line-height:34px; float:left; width:25%; box-sizing:border-box; padding-left: 18px; background: url(../images/common/dot1.png) no-repeat 10px 14px; background-size: 3px 3px; font-weight:bold;}
.perio_pop .calc_info .right {height:34px; line-height:34px; float:right; width:75%; box-sizing:border-box;}
.perio_pop .calc_info .right input {background:#fff; border: 1px solid #eaeaea; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-right:8px; text-align:right;}
.perio_pop .calc_info .right span {font-size:16px; margin-left:4px;}
.perio_pop .tb_record {width:100%; border-collapse: collapse; margin-bottom:40px; margin-top:10px;}
.perio_pop .tb_record th, .tb_record td {border: 1px solid #e3e3e3; padding:12px 5px 12px 0; box-sizing:border-box;  text-align:right;}
.r_minus {color: #e50c26;}
.perio_pop .tb_record th {background:#f3f3f3;}
.perio_pop .tb_record td {background:#fff;}
.perio_pop .tb_record .on {background: #fdffd6;}
.perio_pop .tb_record thead .unchan th {color:#adadad;}
.perio_pop .tb_record tbody .unchan td {color:#adadad;}
.perio_pop .tb_record th.center {text-align:center; padding:12px 0;}
.perio_pop .tb_record tr th:nth-child(1) {width:10%;}
.perio_pop .tb_record tr th:nth-child(11) {width:10%;}
.perio_pop .tb_record tr th:nth-child(2) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(3) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(4) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(5) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(6) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(7) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(8) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(9) {width:calc(80%/9);}
.perio_pop .tb_record tr th:nth-child(10) {width:calc(80%/9);}
.perio_pop .calc {width:100%; border-collapse: collapse;}
.perio_pop .calc td {border: 1px solid #e3e3e3; padding:12px 0; box-sizing:border-box;  text-align:center; width:25%; font-size:18px; font-weight:bold; background:#fff;}
.perio_pop .calc .pop_off {background:#f3f3f3; position:relative; height:40px;}
.perio_pop .calc .pop_off img {display:block; position:absolute; width:17px; height:auto; top:10px; right:10px;}
.perio_pop .calc .on_minus {background:#e4e4e4;}
.perio_pop .calc tr:last-child td {font-weight:normal; font-size:15px; background: #33afb1; color:#fff;}
.perio_pop .calc tr:last-child td img {display:block; width:35px; height:auto; margin:0 auto;}

.perio_pop2 {display:none; width:100%; padding:0 5px; box-sizing:border-box; z-index:5;}
.perio_pop2 .calc_info {width:100%; overflow:hidden;  font-size:15px; box-sizing:border-box; color:#fff;}
.perio_pop2 .calc_info .left {height:34px; line-height:34px; float:left; width:25%; box-sizing:border-box; padding-left: 18px; background: url(../images/common/dot1.png) no-repeat 10px 14px; background-size: 3px 3px; font-weight:bold;}
.perio_pop2 .calc_info .right {height:34px; line-height:34px; float:right; width:75%; box-sizing:border-box;}
.perio_pop2 .calc_info .right input {background:#fff; border: 1px solid #eaeaea; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-right:8px; text-align:right;}
.perio_pop2 .calc_info .right .perio_box {float:left; display:block; background:#fff; border: 1px solid #eaeaea; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-right:8px; }
.perio_pop2 .calc_info .right .perio_box .real_num {color:#000; text-align:right; display:block;}
.perio_pop2 .calc_info .right .cur {background: #feffea;}
.perio_pop2 .calc_info .right .meter {float:left; display:block; height:34px; line-height:34px;}
.perio_pop2 .calc_info .right span {font-size:16px; margin-left:4px;}
.perio_pop2 .perio_near {margin:10px 0;}
.perio_pop2 .perio_long {margin-bottom:40px;}
.perio_pop2 .calc {width:100%; border-collapse: collapse;}
.perio_pop2 .calc td {border: 1px solid #e3e3e3; padding:12px 0; box-sizing:border-box;  text-align:center; width:25%; font-size:18px; font-weight:bold; background:#fff;}
.perio_pop2 .calc .pop_off {background:#f3f3f3; position:relative; height:40px;}
.perio_pop2 .calc .pop_off img {display:block; position:absolute; width:17px; height:auto; top:10px; right:10px;}
.perio_pop2 .calc tr:last-child td {font-weight:normal; font-size:15px; background: #33afb1; color:#fff;}
.perio_pop2 .calc tr:last-child td img {display:block; width:35px; height:auto; margin:0 auto;}
.perio_pop2 .calc .on_minus {background:#e4e4e4;}

/*신페리오 선택된 홀 정보*/
.perio_wrap {margin-bottom:80px;}
.perio_course:first-child {border-top:none;}
.perio_course {border-top: 1px dashed #e4e4e4;}
.perio_hole {margin-bottom:10px;}
.perio_hole li {overflow:hidden; height:30px; line-height:30px;}
.perio_hole li div {float:left;}
.perio_hole li div:first-child {padding-left:23px; font-size: 15px; font-weight: bold;}
.perio_hole li div:last-child {padding-left:5px; font-size: 15px}
.perio_hole li div.r_minus {color: #e50c26; font-size:18px; font-weight: bold;}
.perio_hole li div span {display:inline-block;}

/*골프장등록-헤더탭있음*/
.field_register {padding:0 15px; margin-bottom:50px;}
.field_register li {width:100%; overflow:hidden; margin-bottom:15px;}
.field_register li .left {float:left; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.field_register li .right {float:right; width:70%; box-sizing:border-box;}
.field_register li .right input {border: 1px solid #eaeaea; width:100%; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.field_register li .right .regi_num {border: 1px solid #eaeaea; width:calc(100%/3 - 15px); height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.field_register li .right .put_sec {display:inline-block; width:12px; height:2px; margin:16px 5px 0 5px;}
.field_register li .right_team {float:right; width:70%; box-sizing:border-box;}
.field_register li .right_team input {border: 1px solid #eaeaea; width:60px; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px; margin-right:5px;}
.field_register li .r_course {float:right; width:70%; box-sizing:border-box;}
.field_register li .r_course input {width:85%; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px;}
.field_register li .r_course .gf_plus {width:25px; height:auto; display:inline-block; margin:3px 0 0 5px;}
.field_register li .r_course div {margin-top:10px; overflow:hidden;}
.field_register li .r_course div p {float:left; font-size:16px; font-weight:bold; margin:4px 10px 0 5px; letter-spacing:0.05em;}
.field_register li .r_course div img {display:block; float:left; width:25px; height:auto; }
.field_register li textarea {width:100%; height: 96px; padding: 7px 13px; font-size: 14px; color: #a9a9a9; background: #fafafa; line-height:22px; resize:none; border-color: #eaeaea; margin-top:10px;}
/*전국골프장 선택하는 selec박스 추가-18.06.19*/
.field_register li .right .field_name {float: left; disply: block; width: calc(53% - 5px); margin-right: 5px;}
.field_register li .right .total_field {float: left; width: 47%;}
/*신페리오 골프장 input과 select 나란히*/
.field_register li .right_perio {float:right; width:70%; box-sizing:border-box; overflow:hidden;}
.field_register li .right_perio input {float:left; disply:block; width:calc(53% - 5px); margin-right:5px; border: 1px solid #eaeaea; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.field_register li .right_perio select {float:left; width:47%; border: 1px solid #eaeaea; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}

/*라운딩등록-골프장과 티업시간 추가*/
.field_register li .right select {border: 1px solid #eaeaea; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.field_register li .right select.big_box {width:100%;}
.field_register li .t_right {float:right; width:70%; box-sizing:border-box;}
.field_register li .t_right select {float:left; width:60px; height: 34px; padding-left: 10px; color: #333; border: 1px solid #eaeaea; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.field_register li .t_right p {float:left; height: 34px; line-height:34px; font-size:15px; font-weight:bold; padding:0 10px 0 5px;}
/*시상종류 디자인으로 수정*/
.field_register li .right_type {float:right; width:70%; box-sizing:border-box;}
.field_register li .right_type input {border: 1px solid #eaeaea; width:70%; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px; margin-right:5px;}
.field_register li .right_type select {border: 1px solid #eaeaea; width:70%; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.field_register li .right .choice {float:left; width:100%; box-sizing: border-box; padding-left:5px; }
.radioWrap_golf .answ2 {float:left; line-height:34px; font-size:14px; margin-right:5px;}
.radioWrap_golf .team2 {float:left; position:relative; width:19px; height:34px;}
.field_register li .handi_warp {overflow:hidden;}
.handi_yes {width:100%; border: 1px solid #eaeaea; box-sizing:border-box; margin-top:12px; padding:15px 10px; background: url(../images/common/test_bg4.gif) repeat left top;}
.handi_yes input[type='number'] {border: 1px solid #eaeaea; width:40px; height:30px; line-height:30px; box-sizing:border-box; padding-left:8px;}
.handi_yes .warn {border: 1px solid #eaeaea; background:#fff; padding:8px; box-sizing:border-box; line-height:150%; margin-bottom:20px; font-size:14px;}
.handi_yes p {margin-top:10px;}

/*코스 입력*/
.course_put {border: 1px solid #eaeaea; width:calc(100% - 30px); margin:20px auto 20px; padding-top:15px;}
/*코스입력 후 결과*/
.course_out {border: 1px solid #eaeaea; width:calc(100% - 30px); margin:20px auto 30px; padding:5px 0; background:#fffde6;}
.guest_list li .cour_del img {margin-left:10px;}

/*골프장등록한 거 보기-헤더탭없음*/
.field_view {padding:20px 15px 0 15px; margin-bottom:80px;}
.field_view li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea;}
.field_view li:last-child {border-bottom:none;}
.field_view li .left {float:left; width:30%; height:45px; line-height:45px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.field_view li .right {float:right; width:70%; box-sizing:border-box; font-size:15px; line-height:45px;}
.field_view li .left2 {float:left; width:25%; height:37px; line-height:37px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.field_view li .right2 {float:right; width:75%; box-sizing:border-box; font-size:15px; line-height:37px;}
.field_view li .right2 .left_con {display:block; float:left; width:80%;}
.field_view li .right2 .map {height:37px; display:block; float:left; width:20%; background: url(../images/common/golf_map.png) no-repeat center; background-size: 30px auto;}
.field_view li .right2 .tel {height:37px; display:block; float:left; width:20%; background: url(../images/common/golf_tel.png) no-repeat center; background-size: 30px auto;}
.field_view li .r_course {float:right; width:70%; box-sizing:border-box; }
.field_view li .r_course p {font-size:15px; line-height:45px; border-top:1px dashed #d1d1d1;}
.field_view li .r_course p:first-child {border-top:none;}
.field_view li .r_course span {font-size:15px; height:35px; line-height:35px; border-top:1px dashed #d1d1d1; display:block;}
.field_view li .r_course span:first-child {border-top:none;}
.field_view li .etc_ment {width:100%; padding: 10px; box-sizing: border-box; border: 1px solid #ebebeb; vertical-align: middle; background: #fafafa; margin-top:20px;}
.field_view li .etc_ment span {font-size: 15px; line-height: 150%; }

/*골프장수정-헤더탭없음*/
.field_revise {padding:20px 15px 0 15px; margin-bottom:80px;}
.field_revise li {width:100%; overflow:hidden; margin-bottom:15px;}
.field_revise li .left {float:left; width:30%; height:34px; line-height:34px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/dot1.png) no-repeat 0 center; background-size: 3px 3px;}
.field_revise li .right {float:right; width:70%; box-sizing:border-box;}
.field_revise li .right input {border: 1px solid #eaeaea; width:100%; box-sizing:border-box; height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.field_revise li .right .regi_num {border: 1px solid #eaeaea; width:calc(100%/3 - 15px); height:34px; line-height:34px; box-sizing:border-box; padding-left:8px;}
.field_revise li .right .put_sec {display:inline-block; width:12px; height:2px; margin:16px 5px 0 5px;}
.field_revise li .r_course {float:right; width:70%; box-sizing:border-box;}
.field_revise li .r_course input {width:85%; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px;}
.field_revise li .r_course .gf_plus {width:25px; height:auto; display:inline-block; margin:3px 0 0 5px;}
.field_revise li .r_course div {margin-top:10px; overflow:hidden;}
.field_revise li .r_course div p {float:left; font-size:16px; font-weight:bold; margin:4px 10px 0 5px; letter-spacing:0.05em;}
.field_revise li .r_course div img {display:block; float:left; width:25px; height:auto; }
.field_revise li textarea {width:100%; height: 96px; padding: 7px 13px; font-size: 14px; color: #a9a9a9; background: #fafafa; line-height:22px; resize:none; border-color: #eaeaea; margin-top:10px;}
.field_revise li .right select {border: 1px solid #eaeaea; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.field_revise li .right select.big_box {width:100%;}
/*전국골프장 선택하는 selec박스 추가-18.06.19*/
.field_revise li .right .field_name {float: left; disply: block; width: calc(53% - 5px); margin-right: 5px;}
.field_revise li .right .total_field {float: left; width: 47%;}
/*골프장등록 목록 타이틀*/
.rounding_title {margin-top:30px;}
.rounding_title span:nth-child(1) {width:20%;}
.rounding_title span:nth-child(2) {width:36%;}
.rounding_title span:nth-child(3) {width:20%;}
.rounding_title span:nth-child(4) {width:12%;}
.rounding_title span:nth-child(5) {width:12%;}

/*보유쿠폰 목록 타이틀*/
.coupon_title span {box-sizing:border-box;}
.coupon_title span:nth-child(1) {width:25%;}
.coupon_title span:nth-child(2) {width:25%;}
.coupon_title span:nth-child(3) {width:20%; text-align:right; padding-right:15px;}
.coupon_title span:nth-child(4) {width:30%;}

/*신페리오 라운딩 스케쥴 목록 타이틀*/
.perio_rounding {margin-top:30px;}
.perio_rounding span:nth-child(1) {width:25%;}
.perio_rounding span:nth-child(2) {width:60%;}
.perio_rounding span:nth-child(3) {width:15%;}

/*신페리오 성적 리스트 타이틀*/
.perio_record {margin-top:30px; width:100%; background: #f6f6f6; font-size: 15px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4; overflow:hidden;}
.perio_record p {box-sizing: border-box; height: 40px; float: left;}
.perio_record p span {display:block;}
.perio_record p .space {padding-right:4px;}
.perio_record p .space2 {padding-right:2px;}
.perio_record p:nth-child(1) {width:46%; text-align:left; padding-left:12px; line-height:40px;}
.perio_record p:nth-child(2) {width:18%; text-align:right; padding-right:12px; line-height:40px;}
.perio_record p:nth-child(3) {width:18%; text-align:right; padding-right:12px;}
.perio_record p:nth-child(4) {width:18%; text-align:right; padding-right:12px;}

/*골프장등록 목록 타이틀 밑 리스트*/
.rounding_list {margin-bottom:40px;}
.rounding_list li a {display:block; width:100%; overflow:hidden;}
.rounding_list li a span {display:block; float:left; box-sizing:border-box; background: url(../images/common/sec_bar.png) no-repeat left center; background-size:1px 20px;}
.rounding_list li a span:first-child {background:none;}
.rounding_list li a span:nth-child(1) {width:20%; text-align:center;}
.rounding_list li a span:nth-child(2) {width:36%; text-align:center; padding:0 5px;}
.rounding_list li a span:nth-child(3) {width:20%; text-align:right; padding-right:10px;}
.rounding_list li a span:nth-child(4) {width:12%; text-align:right; padding-right:10px;}
.rounding_list li a span:nth-child(5) {width:12%; text-align:right; padding-right:10px;}

/*보유쿠폰 목록 타이틀*/
.coupon_list li span {display:block; float:left; box-sizing:border-box; text-align:center; font-size:15px;}
.coupon_list li span:nth-child(1) {width:25%;}
.coupon_list li span:nth-child(2) {width:25%;}
.coupon_list li span:nth-child(3) {width:20%; text-align:right; padding-right:15px;}
.coupon_list li span:nth-child(4) {width:30%; color: #53baf9; font-weight:bold;}

/*신페리오 라운딩 스케쥴 목록 타이틀 밑 리스트*/
.perio_list {margin-bottom:40px;}
.perio_list li a {display:block; width:100%; overflow:hidden;}
.perio_list li a span {display:block; float:left; box-sizing:border-box; background: url(../images/common/sec_bar.png) no-repeat left center; background-size:1px 20px;}
.perio_list li a span:first-child {background:none;}
.perio_list li a span:nth-child(1) {width:25%; text-align:center;}
.perio_list li a span:nth-child(2) {width:60%; text-align:center; padding:0 5px;}
.perio_list li a span:nth-child(3) {width:15%; text-align:right; padding-right:15px;}

/*호기 타이틀*/
.hoegi_rounding {margin-top:30px; width:100%; padding:0 15px; box-sizing:border-box;}
.hoegi_rounding span:nth-child(1) {width:25%;}
.hoegi_rounding span:nth-child(2) {width:60%;}
.hoegi_rounding span:nth-child(3) {width:15%;}
/*시상조회 타이틀*/
.hoegi_rounding div {width:50%; float: left; box-sizing: border-box; text-align: center;}

/*호기 리스트*/
.hoegi_list {margin-bottom:80px;}
.hoegi_list li {width:100%; padding:0 15px; box-sizing:border-box;}
.hoegi_list li a {float:left; display:block; width:85%; overflow:hidden; box-sizing:border-box; font-size:15px;}
.hoegi_list li a span {display:block; float:left; box-sizing:border-box; background-size:1px 20px; text-align:center; height:50px;}
.hoegi_list li a span:nth-child(1) {width:30%;}
.hoegi_list li a span:nth-child(2) {width:70%;}
.hoegi_list li .hoegi_radio {width:15%; position:relative; float:left;}
.hoegi_list li .hoegi_radio label {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:19px; height:18px; background:url(../images/common/bg_radio_off.png) no-repeat; background-size:19px 18px;}
.hoegi_list li .hoegi_radio input[type="radio"] {position:absolute; top:0; left:-9999px;}
.hoegi_list li .hoegi_radio input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on.png) no-repeat center; background-size:19px 18px;}


/*호기 타이틀*/
.rounding_list2 {width:100%; padding:0 15px; box-sizing:border-box;}
.rounding_list2 span:nth-child(1) {width:21.25%;}
.rounding_list2 span:nth-child(2) {width:42.5%;}
.rounding_list2 span:nth-child(3) {width:21.25%;}
.rounding_list2 span:nth-child(4) {width:15%;}
/*시상조회 타이틀*/
.hoegi_rounding div {width:50%; float: left; box-sizing: border-box; text-align: center;}

/*호기 리스트*/
.rounding_list2 li {width:100%; box-sizing:border-box;}
.rounding_list2 li a {float:left; display:block; width:85%; overflow:hidden; box-sizing:border-box; font-size:15px;}
.rounding_list2 li a span {display:block; float:left; box-sizing:border-box; background-size:1px 20px; text-align:center; height:50px;}
.rounding_list2 li a span:nth-child(1) {width:25%;}
.rounding_list2 li a span:nth-child(2) {width:50%;}
.rounding_list2 li a span:nth-child(3) {width:25%;}
.rounding_list2 li a span:nth-child(4) {width:15%;}
.rounding_list2 li .hoegi_radio {width:15%; position:relative; float:left;}
.rounding_list2 li .hoegi_radio label {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:19px; height:18px; background:url(../images/common/bg_radio_off.png) no-repeat; background-size:19px 18px;}
.rounding_list2 li .hoegi_radio input[type="radio"] {position:absolute; top:0; left:-9999px;}
.rounding_list2 li .hoegi_radio input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on.png) no-repeat center; background-size:19px 18px;}



/*시상조회 리스트*/
.hoegi_list li a font {height:50px; width:50%; display:block; float:left; box-sizing:border-box; text-align:center;}

/*호기 추가*/
.hoegi_explain {width:100%; padding:0 15px; box-sizing:border-box;}
.hoegi_explain p {background:#f7f7f7; border:1px solid #ddd; line-height:150%; font-size:15px; padding:10px;}
.hoegi_explain2 {width:100%; padding:0 15px; box-sizing:border-box; margin-top:20px;}
.hoegi_explain2 p {background:#fefff0; border:1px solid #ddd; line-height:150%; font-size:15px; padding:10px; }

/*신페리오 성적 리스트*/
.perio_record_list {margin-bottom:80px;}
.perio_record_list li a {display:block; width:100%; overflow:hidden; font-size:15px;}
.perio_record_list li a span {display:block; float:left; box-sizing:border-box;}
.perio_record_list li a span:nth-child(1) {width:46%; text-align:left; padding-left:12px;}
.perio_record_list li a span:nth-child(2) {width:18%; text-align:right; padding-right:12px;}
.perio_record_list li a span:nth-child(3) {width:18%; text-align:right; padding-right:12px;}
.perio_record_list li a span:nth-child(4) {width:18%; text-align:right; padding-right:12px;}

/*라운딩관리 메뉴페이지*/

/*라운딩관리 메뉴페이지*/
.rounding_manage {padding:10px 15px 0 15px; }
.rounding_manage li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; padding:15px 0;}
.rounding_manage li a {font-size:15px; font-weight:bold; text-align:center; display:block;}
.rounding_manage li a span {display:block; text-align:center; }
.rounding_manage li:nth-child(1) a {letter-spacing:1em; }
.rounding_manage li:nth-child(2) a {letter-spacing:2em; padding-left:16px;}
.rounding_manage li:nth-child(3) a {letter-spacing:0.55em; padding-right:6px;}
.rounding_manage li:nth-child(4) a {letter-spacing:3em; padding-left:32px;}
.rounding_manage li:nth-child(5) a {letter-spacing:3em; padding-left:32px;}
.rounding_manage li:nth-child(6) a {letter-spacing:3em; padding-left:32px;}
/* .rounding_manage li:nth-child(5) {padding:6px 0 6px 0;}
.rounding_manage li:nth-child(5) span:first-child {letter-spacing:0.55em; padding-left:5px;}
.rounding_manage li:nth-child(5) span:last-child {letter-spacing:0.2em; font-weight:normal; font-size:14px;}
 */
/*신페리오 라운딩관리 메뉴페이지*/
.perio_manage {padding:10px 15px 0 15px; }
.perio_manage li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; padding:15px 0;}
.perio_manage li a {font-size:15px; font-weight:bold; text-align:center; display:block;}
.perio_manage li a span {display:block; text-align:center;}
.perio_manage li:nth-child(1) a {letter-spacing:0.5em;}
.perio_manage li:nth-child(2) a {letter-spacing:1.9em; padding-left:20px;}
.perio_manage li:nth-child(3) .change {letter-spacing:0.8em; padding-left:3px;}
.perio_manage li:nth-child(4) .search {letter-spacing:0.3em; padding-right:6px;}
/*환경설정 리스트*/
.setting_manage {padding:20px 15px 0 15px; }
.setting_manage li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; padding:15px 0;}
.setting_manage li a {font-size:15px; font-weight:bold; text-align:center; display:block; letter-spacing:1em; padding-left:5px;}

/*골프페이지 제목만*/
.gf_title {padding:20px 0;}
.gf_title span {text-align:center; display:block; font-size:18px;}

/*참석자 등록*/
.rounding_info {padding:0 15px;}
.rounding_info li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea;}
.rounding_info li .left {float:left; width:30%; height:45px; line-height:45px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.rounding_info li .right {float:right; width:70%; box-sizing:border-box; font-size:15px; height:45px; line-height:45px;}
.rounding_info li .right input {display:block; float:left; border: 1px solid #eaeaea; width:50px; box-sizing:border-box; height:32px; padding-right:8px; text-align:right; margin:6px 5px 0 0;}
.rounding_info li .right span {display:block; float:left;}


/*참석자 등록 인포정보 rounding_manage페이지에 추가 18.05.02*/
.manage_info {padding:15px 0 15px 30px; background: #efefef;}
.manage_info li {width:100%; overflow:hidden;}
.manage_info li .left {float:left; width:30%; height:35px; line-height:35px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.manage_info li .right {float:right; width:70%; box-sizing:border-box; font-size:15px; height:35px; line-height:35px;}
.manage_info li .right input {display:block; float:left; border: 1px solid #eaeaea; width:50px; box-sizing:border-box; height:32px; padding-right:8px; text-align:right; margin:6px 5px 0 0;}
.manage_info li .right span {display:block; float:left;}

/*신페리오 인포정보*/
.perio_info {padding:15px 0 15px 15px; background: #efefef;}
.perio_info li {width:100%; overflow:hidden;}
.perio_info li:first-child .left {float:left; width:23%; height:35px; line-height:35px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info li:first-child .right {float:right; width:77%; box-sizing:border-box; font-size:15px; height:35px; line-height:35px;}
.perio_info li:last-child {overflow:hidden;}
.perio_info li:last-child .first {float:left; width:65%; box-sizing:border-box;}
.perio_info li:last-child .first .left {float:left; width:35%; height:35px; line-height:35px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info li:last-child .first .right {float:right; width:65%; box-sizing:border-box; font-size:15px; height:35px; line-height:35px;}
.perio_info li:last-child .second {float:left; width:35%; box-sizing:border-box; padding-left:5px;}
.perio_info li:last-child .second .left {float:left; width:40%; height:35px; line-height:35px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info li:last-child .second .right {float:right; width:60%; box-sizing:border-box; font-size:15px; height:35px; line-height:35px;}

/*신페리오 변환 인포정보*/
.perio_info2 {background:none; padding: 0 15px;}
.perio_info2 li {width:100%; overflow:hidden; border-bottom: 1px solid #eaeaea; }
.perio_info2 li:first-child .left {float:left; width:23%; height:45px; line-height:45px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info2 li:first-child .right {float:right; width:77%; box-sizing:border-box; font-size:15px; height:45px; line-height:45px;}
.perio_info2 li:last-child {overflow:hidden;}
.perio_info2 li:last-child .first {float:left; width:65%; box-sizing:border-box;}
.perio_info2 li:last-child .first .left {float:left; width:35%; height:45px; line-height:45px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info2 li:last-child .first .right {float:right; width:65%; box-sizing:border-box; font-size:15px; height:45px; line-height:45px;}
.perio_info2 li:last-child .second {float:left; width:35%; box-sizing:border-box; padding-left:5px;}
.perio_info2 li:last-child .second .left {float:left; width:40%; height:45px; line-height:45px; box-sizing:border-box; padding-left: 8px; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.perio_info2 li:last-child .second .right {float:right; width:60%; box-sizing:border-box; font-size:15px; height:45px; line-height:45px;}

/*참석자 등록-서브제목*/
.gf_subtitle {padding:25px 0 5px 0; text-align:center; font-size:16px; font-weight:normal;}
.gf_subtitle2 {padding:25px 0 5px 0; position:relative;}
.gf_subtitle2 .gf_gue {text-align:center; font-size:16px; font-weight:normal; display:block;}
.gf_subtitle2 .gf_num {position:absolute; right:10px; top:27px; display:block; font-size:14px; font-weight:normal;}

/*참석자등록-참석,불참,미정,전원참석*/
.gf_status {clear:both; position:relative; background:#fff; box-sizing:border-box; z-index:1; margin-bottom:5px;}
.gf_status:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.gf_status .left{float:left; height:40px; line-height:40px;}
.gf_status .left:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.gf_status .left .sts{float:left; width:75px; text-align:center; background:url(../images/common/sep5.png) no-repeat right center; background-size:1px 14px}
.gf_status .left .sts:last-child{background:none}
.gf_status .left .sts span{font-size:14px; font-weight:300; color:#494949}
.gf_status .left .sts .ico{padding-left:19px; background-repeat:no-repeat}
.gf_status .left .sts .count{margin-left:6px; font-size:16px; font-weight:bold}
.gf_status .left .sts1 .ico{background-image:url(../images/common/ico_member4.png); background-position:left 0px; background-size:14px 14px; padding-bottom:2px}
.gf_status .left .sts1 .count{color:#4da7ec}
.gf_status .left .sts2 .ico{background-image:url(../images/common/ico_member5.png); background-position:left 0px; background-size:13px 15px; padding-bottom:2px}
.gf_status .left .sts2 .count{color:#d34d41}
.gf_status .left .sts3 .ico{background-image:url(../images/common/ico_member6.png); background-position:left 0px; background-size:13px 15px; padding-bottom:2px}
.gf_status .left .sts3 .count{color:#cccccc}

/*전체선택 체크박스 디자인-회비등록 페이지*/
.gf_status .checkGolf {float:right; overflow:hidden; height:40px; line-height:40px; margin-right:15px;}
.gf_status .checkGolf .whole2 {float:left;margin-right:4px; font-weight:bold; font-size:14px;}
.gf_status .checkGolf .real-check {float:left; height:40px; width:21px; box-sizing:border-box; position:relative; }
.gf_status .checkGolf .real-check label {width:17px; height:17px; display:inline-block; border:2px solid #b5c1c6;
                       cursor:pointer; border-radius:17px;
                       background:url(../images/common/check3.png) no-repeat center;
                       background-size:18px 18px; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.gf_status .checkGolf .real-check input[type="checkbox"]:checked + label {border:2px solid #199cf4;
           background:url(../images/common/check4-on.png) no-repeat center;
           background-size:18px 18px;}
.gf_status .checkGolf .real-check input[type="checkbox"] {display:none;}

/*참석자등록 목록 타이틀*/
.attend_title span:nth-child(1) {width:35%;}
.attend_title span:nth-child(2) {width:21%;}
.attend_title span:nth-child(3) {width:13%; text-align:right; padding-right:5px;}
.attend_title span:nth-child(4) {width:13%;}
.attend_title span:nth-child(5) {width:18%; text-align:right; padding-right:17px;}

/*참석자등록 목록 타이틀 밑 리스트*/
.attend_list li {width:100%;  border-bottom: 1px solid #dbeaf4; overflow: hidden; }
.attend_list li div {float:left; box-sizing:border-box; height: 50px; line-height: 50px;}
.attend_list li div:nth-child(1) {width:35%; text-align:center; padding:0 5px;}
.attend_list li div:nth-child(2) {width:21%; text-align:center; padding:0 5px;}
.attend_list li div:nth-child(3) {width:13%; text-align:right; padding-right:8px;}
.attend_list li div:nth-child(4) {width:13%; text-align:center;}
.attend_list li div:nth-child(5) {width:18%; }
/*참석,불참,미정 나옴*/
.attend_list li div:nth-child(5) .btn_tg_attend{}
.attend_list li div:nth-child(5) .btn_tg_attend span{width:40px; height:28px; font-size:14px; font-weight:300; color:#fff; line-height:28px; text-align:center; border:1px solid #eee; border-radius:2px; box-sizing:border-box; margin:11px 6px 0 3px;}
.attend_list li div:nth-child(5) .btn_tg_attend .a_yes{display:none; border-color:#50a5e9; background:#61b3f5}
.attend_list li div:nth-child(5) .btn_tg_attend .a_no{display:none; border-color:#ce4b41; background:#ce4b41}
.attend_list li div:nth-child(5) .btn_tg_attend .a_or{display:none; border-color:#cccccc; background:#cccccc}
.attend_list li div:nth-child(5) .btn_tg_attend .a_al{display:none; border-color:#808080; background:#808080}
.attend_list li div:nth-child(5) .btn_tg_attend.atd4 .a_no{display:block}
.attend_list li div:nth-child(5) .btn_tg_attend.atd2 .a_or{display:block}
.attend_list li div:nth-child(5) .btn_tg_attend.atd3 .a_yes{display:block}
.attend_list li div:nth-child(5) .btn_tg_attend.atd1 .a_al{display:block}
.attend_list li div:nth-child(5) .right{float:right; display:block;}

/*게스트 타이틀*/
.guest_title {margin-top:10px; width:100%; padding:0 80px 0 40px; box-sizing:border-box; background: #f6f6f6; font-size: 15px; height: 40px; line-height: 40px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4;}
.guest_title span {display:block; float:left; box-sizing:border-box; text-align:center;}
.guest_title span:nth-child(1) {width:70%;}
.guest_title span:nth-child(2) {width:30%; text-align:left; padding-left:6px;}
/*게스트 리스트*/
.guest_list li {width:100%; padding:0 80px 0 40px; box-sizing:border-box; height: 50px; line-height: 50px; overflow: hidden;}
.guest_list li div {float:left; box-sizing:border-box; text-align:center; height: 50px; line-height: 50px; font-size:15px;}
.guest_list li div:nth-child(1) {width:70%;}
.guest_list li div:nth-child(2) {width:15%; text-align:left; padding-left:13px;}
.guest_list li div:nth-child(3) {width:15%; padding-left:10px;}
.guest_list li div:nth-child(3) img {display:block; width:24px; height:auto; margin-top:11px;}
.guest_regi {width:100%; box-sizing:border-box; padding:0 15px; height:55px; line-height:55px; border-bottom: 1px solid #dbeaf4; margin-bottom:30px;}
.guest_regi input {display:block; float:left; border: 1px solid #eaeaea; width:50%; height: 34px; line-height: 34px; box-sizing: border-box; padding-left: 8px; margin-top:9px;}
.guest_regi .gender {float:left; width:35%; box-sizing: border-box; padding-left:12px;}
.guest_regi .gender .radioWrap2 {float:left;}
.guest_regi .gender .radioWrap2:first-child {margin-right:13px;}
.guest_regi .gender .radioWrap2 .answ {float:left; line-height:55px; font-size:16px; margin-right:5px;}
.guest_regi .gender .radioWrap2 .team {float:left; position:relative; width:19px; height:55px;}
.guest_regi img {display:block; float:left; width:26px; height:auto; margin:14px 0 0 5px;}

/*조편성 등록*/
.pick_team {width:100%; padding:0 15px; box-sizing:border-box; margin-top:20px; overflow:hidden;}
.pick_team select {float:left; border: 1px solid #eaeaea; width:calc(100% - 120px); box-sizing:border-box; height:40px; line-height:40px; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.pick_team .btn_auto {float:right; width:110px; background:#8369b3; box-sizing:border-box; border-radius: 3px; height:40px; line-height:40px; text-align:center;}
.pick_team .btn_auto span {padding-left:21px; display:inline-block; background:url(../images/common/auto_ico.png) no-repeat 0 center; background-size:18px auto; color:#fff; font-size:15px; font-weight:bold;}
/*보기,닫기 버튼*/
.btns_wrap {width:100%; padding:0 15px; box-sizing:border-box; margin:15px 0; overflow:hidden;}
.btns_wrap .btn_area {float:right; overflow:hidden;}
.btns_wrap .btn_area div {box-sizing:border-box; text-align:center; width:55px; height:35px; line-height:35px; float:left; border-top:2px solid #53baf9; border-right:2px solid #53baf9; border-bottom:2px solid #53baf9; font-size:15px; font-weight:bold;}
.btns_wrap .btn_area .show_btn {border-left:2px solid #53baf9; color:#53baf9;}
.btns_wrap .btn_area .hide_btn {color:#53baf9;}
.btns_wrap .btn_area .on { color:#fff; background:#53baf9}

/*조편성 리스트*/
.distri_mem {border-top:1px solid #dbeaf4;}
.distri_mem li {width:100%;}
.distri_mem li .dis_off {font-size:16px; font-weight:bold; color:#969696; border-bottom:1px solid #dbeaf4; height:50px; line-height:50px; width:100%; padding:0 15px; box-sizing:border-box;}
.distri_mem li .dis_off div:nth-child(1) {float:left; margin-right:7px;}
.distri_mem li .dis_off div:nth-child(1) img {width:20px; height:auto; display:inline-block; margin-top:14px;}
.distri_mem li .dis_off div:nth-child(2) {float:left;}
.distri_mem li .dis_off div:nth-child(3) {float:right; margin-left:20px;}
.distri_mem li .dis_off div:nth-child(4) {float:right;}
/*조편성 리스트 활성화*/
.distri_mem li .dis_on {font-size:16px; font-weight:bold; border-bottom:1px solid #dbeaf4; height:50px; line-height:50px; width:100%; padding:0 15px; box-sizing:border-box; background:#f3faff;}
.distri_mem li .dis_on div:nth-child(1) {float:left; margin-right:7px;}
.distri_mem li .dis_on div:nth-child(1) img {width:20px; height:auto; display:inline-block; margin-top:14px;}
.distri_mem li .dis_on div:nth-child(2) {float:left;}
.distri_mem li .dis_on div:nth-child(3) {float:right; margin-left:20px;}
.distri_mem li .dis_on div:nth-child(3) span {color:#53baf9;}
.distri_mem li .dis_on div:nth-child(4) {float:right;}
/*조편성 회원리스트 제목*/
.dis_title {margin-top:20px;}
.dis_title span.dis1 {width:40%}
.dis_title span.dis2 {width:20%; text-align:right; padding-right:10px;}
.dis_title span.dis3 {width:20%}
.dis_title span.dis4 {width:20%;}
.dis_title span.dis4 .dis_count {display:block; float:left; width:50%; text-align:right; box-sizing:border-box; color:#53baf9; font-size:16px; font-weight:bold;}
.dis_title span.dis4 .dis_peo {display:block; float:left; width:50%; text-align:left; box-sizing:border-box;}
/*조편성 회원리스트 내용*/
.team_list {margin-bottom:40px;}
.team_list li div:nth-child(1) {width:40%; padding:0 7px;}
.team_list li div:nth-child(2) {width:20%; text-align:right; padding-right:17px;}
.team_list li div:nth-child(3) {width:20%}
.team_list li div:nth-child(4) {width:20%}
.team_list li div:nth-child(4) img {display:block; width:25px; height:auto; margin:12px auto 0;}
/*조편성 회원 추가 후 나타나는 리스트*/
.mem_add {}
.mem_add div {width:100%; height:45px; line-height:45px; box-sizing:border-box; padding:0 50px; border-bottom:1px dashed #dbeaf4;}
.mem_add div:last-child {border-bottom:1px solid #dbeaf4;}
.mem_add div span {display:block; float:left; text-align:center; font-size:15px; box-sizing:border-box;}
.mem_add div span:nth-child(1) {width:50%;}
.mem_add div span:nth-child(2) {width:17%; text-align:right; padding-right:5px;}
.mem_add div span:nth-child(3) {width:17%;}
.mem_add div span:nth-child(4) {width:16%;}
.mem_add div span:nth-child(4) img {display:block; width:25px; height:auto; margin:10px auto 0;}

/*조편성 조회*/
.each_cour {margin-bottom:20px;}
.search_title div {text-align:center;}
.search_title div font:first-child {margin-right:10px; font-size:16px; font-weight:bold; letter-spacing:0.08em;}
.search_list {border-bottom:1px solid #9c9c9c;}
/* .search_list li div {border:1px solid #000;} */
.search_list li div:nth-child(1) {width:15%;}
.search_list li div:nth-child(2) {width:40%;}
.search_list li div:nth-child(3) {width:20%; text-align:right}
.search_list li div:nth-child(4) {width:25%;}
.search_text {display:block; width:calc(100% - 30px); margin:0 auto 15px; height: 96px; padding: 7px 13px; font-size: 14px; color: #a9a9a9; background: #fafafa; line-height:22px; resize:none; border-color: #eaeaea;}
.send_regi {width:100%; box-sizing:border-box; padding:0 15px; height:55px; line-height:55px; margin-bottom:25px;}
.send_regi .gender {float:left; width:30%; box-sizing: border-box; padding-left:5px; font-size:15px; color: #187273; font-weight:bold;}
.radioWrap_golf {float:left;}
.radioWrap_golf:first-child {margin-right:20px;}
.radioWrap_golf .answ {float:left; line-height:55px; font-size:16px; margin-right:5px;}
.radioWrap_golf .team {float:left; position:relative; width:19px; height:55px;}
.send_regi input {display:block; float:left; border: 1px solid #eaeaea; width:70%; height: 34px; line-height: 34px; box-sizing: border-box; padding-left: 8px; margin-top:9px;}

/*성적등록*/
.record_title {z-index:2; width:100%; background: #f6f6f6; font-size: 14px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4; overflow:hidden;}
.record_title span {box-sizing:border-box; height:40px; text-align:center; float:left; display:block;}
.record_title span:nth-child(1) {width:25%; line-height:40px;}
.record_title span:nth-child(2) {width:12%; line-height:40px;}
.record_title span:nth-child(3) {width:12%; line-height:40px;}
.record_title span:nth-child(4) {width:11%; line-height:40px; text-align:right; padding-right:6px;}
.record_title span:nth-child(5) {width:14%; padding-top:2px; padding-right:5px;}
.record_title span:nth-child(6) {width:16%; padding-top:2px; padding-left:5px;}
.record_title span:nth-child(7) {width:10%; padding-top:2px;}
.record_list {margin-bottom:30px;}
.record_list li {width:100%; height: 50px; border-bottom: 1px solid #dbeaf4; overflow: hidden; box-sizing:border-box;}
.record_list div {float:left; box-sizing:border-box; text-align:center; font-size:15px;}
.record_list li div input {border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; height: 34px; line-height: 34px; margin-top:8px; text-align:right; padding-right:5px;}
.record_list li div:nth-child(1) {width:25%; line-height: 50px; padding-left:5px;}
.record_list li div:nth-child(2) {width:12%;}
.record_list li div:nth-child(2) input {width:calc(100% - 5px); display:block;}
.record_list li div:nth-child(3) {width:12%;}
.record_list li div:nth-child(3) input {width:calc(100% - 5px); display:block; float:right;}
.record_list li div:nth-child(4) {width:11%; line-height: 50px; text-align:right; padding-right:8px;}
.record_list li div:nth-child(5) {width:14%;}
.record_list li div:nth-child(5) input {width:calc(100% - 5px); display:block;}
.record_list li div:nth-child(6) {width:16%;}
.record_list li div:nth-child(6) input {width:calc(100% - 5px); display:block; float:right;}
.record_list li div:nth-child(7) {width:10%;}
.record_list li div:nth-child(7) .except {position:relative; width:100%; height:50px; display:block;}
.record_list li div:nth-child(7) .except label {width:20px; height:20px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; display:inline-block; background:url(../images/common/team_check_off.png) no-repeat center; background-size:20px auto;}
.record_list li div:nth-child(7) .except input[type="checkbox"]:checked + label { background:url(../images/common/except_checkon.png) no-repeat center; background-size:20px auto;}
.record_list li div:nth-child(7) .except input[type="checkbox"] {display:none;}
.em_red {color:#df2635; font-weight:bold;}

/*전체자동선정 버튼*/
.au_on {background:#8369b3;}
.au_off {background:#8f8f8f;}
.allauto {width:calc(100% - 30px); border-radius: 3px; margin:10px auto 20px; text-align:center; height: 48px; line-height: 48px;}
.allauto span {padding-left:23px; display:inline-block; font-size:16px; font-weight:bold; color:#fff; letter-spacing:0.15em; background: url(../images/common/auto_ico.png) no-repeat 0 center; background-size: 18px auto;}
.select_wrap {width:100%; padding:0 15px; box-sizing: border-box; margin-bottom:30px; overflow:hidden;}
.select_wrap select {border: 1px solid #eaeaea; width:100%; box-sizing: border-box; height: 40px;line-height: 40px; padding-left: 8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
/* .select_wrap select:first-child {float:left;}
.select_wrap select:last-child {float:right;} */

/*시상등록*/
.award_title {z-index:2; width:100%; background: #f6f6f6; font-size: 14px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4; overflow:hidden;}
.award_title span {box-sizing:border-box; height:40px; text-align:center; float:left; display:block;}
.award_title span:nth-child(1) {width:19%; line-height:40px;}
.award_title span:nth-child(2) {width:10%; line-height:40px; text-align:right;}
.award_title span:nth-child(3) {width:11%; line-height:40px; text-align:right;}
.award_title span.long {width:14%; padding-top:2px; text-align:right;}
.award_title span.long font:first-child {display:block; padding-right:11px}
.award_title span.long font:last-child {display:block; padding-right:6px}
.award_title span.near {width:14%; padding-top:2px; text-align:right;}
.award_title span.near font:first-child {display:block; padding-right:4px}
.award_title span.near font:last-child {display:block; padding-right:6px}
.award_title span.record {width:14%; line-height:40px; text-align:right;}
.award_title span:nth-child(5) {width:21%; line-height:40px;}
.award_title span:nth-child(6) {width:12%; padding-top:2px;}
.award_title span:nth-child(7) {width:13%; padding-top:2px;}
.award_list {margin-bottom:30px;}
.award_list li {width:100%; height: 50px; border-bottom: 1px solid #dbeaf4; overflow: hidden; box-sizing:border-box;}
.award_list div {float:left; box-sizing:border-box; text-align:center; font-size:15px;}
.award_list li div input {border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; height: 34px; line-height: 34px; text-align:right; padding-right:5px; margin:8px auto 0; display:block;}
.award_list li div:nth-child(1) {width:19%; line-height: 50px; padding-left:5px;}
.award_list li div:nth-child(2) {width:10%; line-height: 50px; text-align:right;}
.award_list li div:nth-child(3) {width:11%; line-height: 50px; text-align:right;}
.award_list li div:nth-child(4) {width:14%; line-height: 50px; text-align:right;}
.award_list li div:nth-child(5) {width:21%; line-height: 50px; font-weight:bold; padding:0 5px;}
.award_list li div.others {color:#4ca8ed;}
.award_list li div.era_red {color:#df2635;}
.award_list li div:nth-child(6) {width:12%;}
.award_list li div:nth-child(6) input {width:calc(100% - 5px);}
.award_list li div:nth-child(7) {width:13%;}
.award_list li div:nth-child(7) input {width:calc(100% - 15px);}

/*시상종류*/
.awtype_title {margin-top:30px; width:100%; background: #f6f6f6; font-size: 14px; border-top: 1px solid #dbeaf4; border-bottom: 1px solid #dbeaf4; overflow:hidden;}
.awtype_title span {box-sizing:border-box; height:45px; text-align:center; float:left; display:block;}
.awtype_title span:nth-child(1) {width:24%; padding-top:5px; padding-left:5px;}
.awtype_title span:nth-child(2) {width:13%; padding-top:5px; text-align:right; padding-right:7px;}
.awtype_title span:nth-child(3) {width:13%; padding-top:5px; text-align:right; padding-right:7px;}
.awtype_title span:nth-child(4) {width:13%; padding-top:5px;}
.awtype_title span:nth-child(5) {width:13%; padding-top:5px;}
.awtype_title span:nth-child(6) {width:12%; line-height:45px;}
.awtype_title span:nth-child(7) {width:12%; line-height:45px;}
.awtype_list {margin-bottom:85px;}
.awtype_list li {width:100%; height: 50px; border-bottom: 1px solid #dbeaf4; overflow: hidden; box-sizing:border-box;}
.awtype_list div {float:left; box-sizing:border-box; text-align:center; font-size:15px; line-height: 50px;}
.awtype_list li div:nth-child(1) {width:24%; padding-left:5px; color: #4ca8ed; font-weight: bold;}
.awtype_list li div:nth-child(2) {width:13%; text-align:right; padding-right:11px;}
.awtype_list li div:nth-child(3) {width:13%; text-align:right; padding-right:8px;}
.awtype_list li div:nth-child(4) {width:13%;}
.awtype_list li div:nth-child(5) {width:13%;}
.awtype_list li div:nth-child(6) {width:12%;}
.awtype_list li div:nth-child(6) img {display:inline-block; width:25px; height:auto; margin-top:11px;}
.awtype_list li div:nth-child(7) {width:12%;}
.awtype_list li div:nth-child(7) img {display:inline-block; width:20px; height:auto; margin-top:14px;}

/*골프 회원구분*/
.club .ipbttset2{position:fixed; left:0; bottom:0; width:100%; box-sizing:border-box; z-index:2}
.club .ipbttset2 .inner{padding:0 15px; background:#33afb1;}
.club .ipbttset2 .inner:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.club .ipbttset2 .left{width:100%; box-sizing:border-box}
.club .ipbttset2 input{height:37px; font-size:14px; margin:12px 0; font-weight:normal; line-height:37px; border-color:#33afb1; background:#fff; box-sizing:border-box}
.club .ipbttset2 .t1{width:calc(100% - 50px);  padding-left:11px; margin-right:10px;}
.club .ipbttset2 .left .ico1 img{width:30px; height:auto; display:inline-block; margin-top:15px;}
.club .ipbttset2 input::-webkit-input-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/
.club .ipbttset2 input::-moz-placeholder{font-size:14px; font-weight:300; color:#999}  /*placeholer*/

/*헤더와 리스트타이틀 상단고정*/
/*골프 헤더*/
.top_fixed {width:100%; z-index:3; box-sizing:border-box;}
.top_fixed .golf_header {background:#c4d76c; position:relative;}
.top_fixed .golf_header .left_back img {position: absolute; top: 12px; left: 12px; display:block; width:28px; height:auto;}
.top_fixed .golf_header h1 {padding: 15px 0 13px 0;}
.top_fixed .golf_header h1 a {color: #187273; font-size: 19px; font-weight:bold; letter-spacing: 0.1em; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 270px; margin: 0 auto;}
/*골프페이지 제목과 도움말*/
.top_fixed .golf_help2 {position:relative; padding:15px 15px 15px 0; background:#fff;}
.top_fixed .golf_help2 .gf_title2 {text-align:center; font-size:18px;}
.top_fixed .golf_help2 .gf_title2 span {font-weight:normal; font-size:15px; margin-left:3px;}
.top_fixed .golf_help2 .help_tl {position:absolute; top:12px; right:15px;}
.top_fixed .golf_help2 .help_tl span {display:block; color:#e50c26; border:1px solid #e50c26; font-weight:bold; height:28px; line-height:28px; width:50px; text-align:center; box-sizing:border-box;}
.top_fixed .golf_help2 .golf_answ {display:none; position:absolute; top:48px; right:10px; width: 230px; padding: 0 5px; border: 1px solid #e50c26; border-radius: 5px; background: #fff; z-index: 3; box-shadow: 3px 3px 3px #afafaf;}
.top_fixed .golf_help2 .golf_answ p { position: relative; font-size: 14px; padding: 10px 5px 10px 5px; color: #666; line-height: 20px;}
.top_fixed .golf_help2 .golf_answ p span {display: inline-block; position: absolute; top: -7px; right:12px; width: 14px; height: 7px; background: url(../images/common/ico_arrow12.png) no-repeat 0 0; background-size: 15px 9px;}
#blank {display:none; height:105px;}
/*참석자 등록*/
.rounding_scroll {padding:0 15px 20px 15px;}
.rounding_scroll li {width:100%; overflow:hidden; border-bottom:1px solid #eaeaea; height:45px; box-sizing:border-box;}
.rounding_scroll li .left {float:left; width:30%; line-height:45px; padding-left: 8px; box-sizing:border-box; background: url(../images/common/gf_dot.png) no-repeat 0 center; background-size: 3px 3px; font-size: 15px; font-weight: bold; color: #187273;}
.rounding_scroll li .right {float:right; width:70%; font-size:15px; line-height:45px; box-sizing:border-box;}

/*회원리스트 수정한 페이지 시작*/
.accordion_revise #sortable_golf li {border-bottom: 1px solid #dbeaf4;}
.accordion_revise #sortable_golf li:last-child {border-bottom:none;}
.accordion_revise #sortable_golf li .panel-title2 {overflow:hidden; background:#fff; width:100%; padding:15px 0;}
.accordion_revise #sortable_golf li .panel-title2 .left1 {float:left; display:block; padding:4px 15px 0 10px; width:105px; box-sizing:border-box;}
.accordion_revise #sortable_golf li .panel-title2 .left1 img {width:80px; height:80px; border-radius:50px; border:2px solid #56b3fb;}
.accordion_revise #sortable_golf li .panel-title2 .left1 p {color:#56b3fb; font-weight:bold; border:1px solid #56b3fb; text-align:center; width:45px; height:22px; line-height:22px; padding-top:2px; border-radius:5px; margin:8px 0 0 17px; letter-spacing:0.15em; padding-left:2px;}
.accordion_revise #sortable_golf li .panel-title2 .left1 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}
/*회원이 사진 올린 경우 사진 테두리 색 변경*/
.accordion_revise #sortable_golf li .panel-title2 .left11 {float:left; display:block; padding:4px 15px 0 10px; width:105px; box-sizing:border-box;}
.accordion_revise #sortable_golf li .panel-title2 .left11 img {width:80px; height:80px; border-radius:50px; border:2px solid #f4649c;}
.accordion_revise #sortable_golf li .panel-title2 .left11 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}

/*회원과 총무가 같이 사진 올린 경우 사진 테두리 색 변경*/
.accordion_revise #sortable_golf li .panel-title2 .left12 {float:left; display:block; padding:4px 15px 0 10px; width:105px; box-sizing:border-box;}
.accordion_revise #sortable_golf li .panel-title2 .left12 img {width:80px; height:80px; border-radius:50px; border:2px solid #04d226;}
.accordion_revise #sortable_golf li .panel-title2 .left12 a {margin:10px 0 0 10px; text-align:center; width:60px; padding:3px 0 2px 0; border-radius:3px; display:block; border:1px solid #5ca3de; font-size:14px; color:#5ca3de}

.accordion_revise #sortable_golf li .panel-title2 .left2 {overflow:hidden; float:left; width:calc(100% - 155px); box-sizing:border-box;}
.accordion_revise #sortable_golf li .panel-title2 .left2 .member3 {float:left; width:50px; margin-left:10px; color:#5ca3de; font-size:14px; line-height:51px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_golf li .panel-title2 .left2 .member3_name {float:left; font-weight:300; color:#333; float:left; font-size:14px; line-height:51px; box-sizing:border-box; width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accordion_revise #sortable_golf li .panel-title2 .left2 p {padding:2px 0}
.accordion_revise #sortable_golf li .panel-title2 .left2 .dateOut .red {color:#e50c26;}
.accordion_revise #sortable_golf li .panel-title2 .left2 p span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .p_item{width:70px; color:#777}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .p_value{width:calc(100% - 70px); color:#333}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .p_value.txt1{color:#5ca3de}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .p_value.txt2{color:#5ca3de; width:calc(100% - 70px);}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .p_value.txt3{color:#5ca3de; width:calc(100% - 95px);}
.accordion_revise #sortable_golf li .panel-title2 .left2 p .gender {color:#5ca3de; width:25px;}

.accordion_revise #sortable_golf li .panel-title2 .left2 .tel_phone {display:block; padding:2px 0;}
.accordion_revise #sortable_golf li .panel-title2 .left2 .tel_phone span{display:inline-block; font-size:14px; line-height:20px; vertical-align:top}
.accordion_revise #sortable_golf li .panel-title2 .left2 .tel_phone .p_item{width:70px; color:#777}
.accordion_revise #sortable_golf li .panel-title2 .left2 .tel_phone .p_value{width:calc(100% - 70px); font-weight:300; color:#333}
.accordion_revise #sortable_golf li .panel-title2 .left2 .tel_phone img {width:20px; height:20px; }

.accordion_revise #sortable_golf li .panel-title2 .right2 {overflow:hidden; float:left; box-sizing:border-box; width:50px;}
.accordion_revise #sortable_golf li .panel-title2 .right2 div {float:left; line-height:51px;}
.accordion_revise #sortable_golf li .panel-title2 .right2 .ico_move {position:relative; top:15px; width:20px; height:30px; background:url(../images/common/ico_move1.png) no-repeat center; background-size:20px 20px; margin-left:10px;}

/*총무수첩,골프 아이콘 배열 페이지 하단 아이콘 고정*/
.icon_fix {width:100%; border-top:1px solid #dbdbdb; height:50px; background: url(../images/common/test_bg4.gif) repeat left top; position:fixed; bottom:0;}
.icon_fix ul {overflow:hidden;}
.icon_fix ul li {float:left; width:50%; height:50px;}
.icon_fix a {display:block; height:50px; line-height:50px; text-align:center; }
.icon_fix a span {display:inline-block; height:50px; line-height:50px;}
.icon_fix ul li:first-child a .premium {background: url(../images/common/icon_money_premium.png) no-repeat left 7px; background-size:30px auto; padding-left:35px;}
.icon_fix ul li:first-child a .basic {background: url(../images/common/icon_money_light.png) no-repeat left 8px; background-size:30px auto; padding-left:33px;}
.icon_fix ul li:last-child {background: url(../images/common/sec_bar.png) no-repeat left 12px; background-size:1px 27px;}
.icon_fix ul li:last-child a span {background: url(../images/common/icon_money_golf.png) no-repeat left 8px; background-size:30px auto; padding-left:32px;}
.icon_fix a .com_meet {background: url(../images/common/com_group2.png) no-repeat left 10px; background-size:25px auto; padding-left:30px; font-size:15px; letter-spacing:0.06em;}

.icon_fix2 {width:100%; border-top:1px solid #dbdbdb; height:50px; background: url(../images/common/test_bg4.gif) repeat left top; position:fixed; bottom:0;}
.icon_fix2 ul {overflow:hidden;}
.icon_fix2 ul li {float:left; width:50%; height:50px;}
.icon_fix2 a {display:block; height:50px; line-height:50px; text-align:center; }
.icon_fix2 a span {display:inline-block; height:50px; line-height:50px;}
.icon_fix2 ul li:first-child a .premium {background: url(../images/common/icon_money_premium.png) no-repeat left 7px; background-size:30px auto; padding-left:35px;}
.icon_fix2 ul li:first-child a .basic {background: url(../images/common/icon_money_light.png) no-repeat left 8px; background-size:30px auto; padding-left:33px;}
.icon_fix2 ul li:last-child {background: url(../images/common/sec_bar.png) no-repeat left 12px; background-size:1px 27px;}
.icon_fix2 ul li:last-child a span {background: url(../images/common/icon_money_golf.png) no-repeat left 8px; background-size:30px auto; padding-left:32px;}
.icon_fix2 a .com_meet {background: url(../images/common/icon_money_golf.png) no-repeat left 10px; background-size:25px auto; padding-left:30px; font-size:15px; letter-spacing:0.06em;}



/*총무수첩 아이콘 배열 페이지 안내 팝업 4개*/
.spec_popup {z-index:12; width:300px; background:#fff; border-radius:6px; margin:0 auto; position:relative; display:none;}
.spec_popup .pop-header{background:#56b3fb; border-radius:5px 5px 0 0; position:relative;}
.spec_popup .pop-header .title{height:48px; line-height:48px}
.spec_popup .pop-header .title span{display:block; letter-spacing:0.1em; font-size:18px; font-weight:bold; text-align:center; color:#fff;}
.spec_popup .pop-contents {font-size:16px; text-align:center; padding:35px 0 100px 0; line-height:150%;}
.spec_popup .pop-footer{ position:absolute; bottom:0; width:100%; padding:13px; box-sizing:border-box; text-align:center; border-top:1px solid #e5e5e5; background:#f1f1f1; border-radius:0 0 5px 5px;}
.spec_popup .pop-footer a{display:inline-block; height:41px; line-height:41px; border-radius:4px; box-sizing:border-box; text-align:center}
.spec_popup .pop-footer .btn1{margin-right:3px; border:1px solid #dedede; background-color:#fff; width:calc(50% - 3px);}
.spec_popup .pop-footer .btn2{margin-left:3px; border:1px solid #f4649c; background-color:#f4649c; width:calc(50% - 3px);}
.spec_popup .pop-footer .btn3 {border:1px solid #f4649c; background-color:#f4649c; width:calc(100%);}
.spec_popup .pop-footer span{font-size:15px}
.spec_popup .pop-footer .btn1 span{color:#41a3ef}
.spec_popup .pop-footer .btn2 span{color:#fff}
.spec_popup .pop-footer .btn3 span{color:#fff}

/*전국 골프장 찾기*/
.fix_wrap {position: fixed; top: 103px; width: 100%; z-index: 2; background:#fff;}
.wide_box {width:100%; padding:0 15px 12px 15px; box-sizing:border-box;}
.wide_box select {width:100%; border: 1px solid #eaeaea; box-sizing:border-box; height:34px; line-height:34px; padding-left:8px; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}
.wide_div {font-size:17px; text-align:center; letter-spacing:0.1em;}
.wide_field {padding:0 15px;}
.wide_field li {border-bottom: 1px dashed #dbeaf4; overflow:hidden;}
.wide_field li:last-child {border-bottom:none;}
.wide_field li span {display:block; float:left; box-sizing:border-box; height:45px; line-height:45px;}
.wide_field li span.f_name {width:80%; padding-left:15px; font-size:15px; letter-spacing:0.05em;}
.wide_field li span.favo {width:20%; background-position:50% 50%;}
.star {background: url(../images/common/favo.png) no-repeat; background-size:25px auto;}
.star_out {background: url(../images/common/favo_out.png) no-repeat; background-size:25px auto;}
/*전국골프장 이름 클릭 후-가로 세로 페딩으로 처리*/
.wide_pop {display:none; z-index:12; width:93%; position:relative; }
.wide_pop .wide_msg {border-radius:3px; background:#fff; width:100%; height:525px; overflow:hidden;}
.wide_pop .wide_msg .wide_tit {font-size:16px; font-weight:bold; height:35px; line-height:35px; text-align:center; padding-top:10px;}
.wide_pop .wide_msg .wide_tit span {background-position:100% 47%; padding-right:30px; display:inline-block;}
.wide_pop .wide_bottom {position:relative;}
.wide_pop .wide_bottom .btn_left {position: absolute; top: 10px; left:0;}
.wide_pop .wide_bottom .btn_left span {color:#fff; font-size:16px; font-weight:bold; display: inline-block; padding-left: 17px; padding-top: 2px; background: url(../images/common/golf-prev.png) no-repeat left center; background-size:10px 18px}
.wide_pop .wide_bottom .btn_right {position: absolute; top: 10px; right:0;}
.wide_pop .wide_bottom .btn_right span {color:#fff; font-size:16px; font-weight:bold; display: inline-block; padding-right: 17px; padding-top: 2px; background: url(../images/common/golf-next.png) no-repeat right center; background-size:10px 18px}
.wide_pop .wide_bottom .view_list {padding:10px 0 0; text-align: center;}
.wide_pop .wide_bottom .view_list span {color:#fff; font-size:16px; font-weight:bold; display: inline-block; padding-left: 21px; background: url(../images/common/golf-list.png) no-repeat 0 center; background-size: 16px 16px;}
.wide_pop #map {display:none; width:100%; height:525px; border-radius:3px; z-index:13; box-sizing:border-box;}
.wide_pop .map_off {display:none; z-index:14; position:absolute; top:5px; right:5px; width:35px; height:35px; background: url(../images/common/map_off.png) no-repeat center; background-size: 35px auto;}

/*골프, 총무 결제페이지 18.07.01*/
.golf_pay {width:calc(100% - 30px); margin:0 auto 80px;}
.golf_pay tr th {width:25%; font-size:14px; background:#ededed; height:40px;}
.golf_pay tr td {width:75%; font-size:14px; overflow:hidden; height:40px; padding-left:11px;}
/* .golf_pay tr.coupon_list {display:none;} */
.golf_pay tr th, .golf_pay tr td {border:1px solid #dcdcdc; border-collapse:collapse;}
.golf_pay tr td .radioWrap2 {float:left; overflow:hidden;}
.golf_pay tr td .radioWrap2:nth-child(1) {margin-right:10px;}
.golf_pay tr td .radioWrap2:nth-child(2) {margin-right:10px;}
.golf_pay tr td .radioWrap2:nth-child(3) {margin-right:10px;}
.golf_pay tr td .radioWrap2 .team {float:left; position:relative; width:19px; height:22px; margin-right:3px;}
.golf_pay tr td .radioWrap2 .team label {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:19px; height:18px; background:url(../images/common/bg_radio_off.png) no-repeat; background-size:19px 18px;}
.golf_pay tr td .radioWrap2 .team input[type="radio"] {position:absolute; top:0; left:-9999px;}
.golf_pay tr td .radioWrap2 .team input[type="radio"]:checked + label {background:url(../images/common/bg_radio_on.png) no-repeat center; background-size:19px 18px;}
.golf_pay tr td .radioWrap2 .radio_duo {float:left; height:22px; line-height:22px;}
.golf_pay tr td.money {font-size:15px;}
.golf_pay tr td.coupon_choi span {display:block; font-size:15px; background: url(../images/common/arrow_sidebar1.png) no-repeat right 18px center; background-size: 8px auto;}
.golf_pay tr td.coupon_choi span.on {font-size:15px; background: url(../images/common/arrow_sidebar_wide.png) no-repeat right 18px center; background-size: auto 8px;}
.golf_pay tr td.coupon_type {padding:5px 8px;}
.golf_pay tr td .coubox li {border-bottom: 1px dashed #dbeaf4; overflow:hidden; height:40px; line-height:40px; font-size:15px;}
.golf_pay tr td .coubox li:last-child {border-bottom:none;}
.golf_pay tr td .coubox li div {box-sizing:border-box;}
.golf_pay tr td .coubox li .left {float:left; width:55%; padding-left:5px; letter-spacing:0.05em;}
.golf_pay tr td .coubox li .right {float:right; width:45%;}
.golf_pay tr td .coubox li .right span {display:block; float:left;}
.golf_pay tr td .coubox li .right .cou_mon {width:calc(100% - 35px); text-align:right; padding-right:5px;}
.golf_pay tr td .coubox li .right .cou_chek {position:relative; height:40px; width:30px;}
.golf_pay tr td .coubox li .right .cou_chek label {width:20px; height:20px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; display:inline-block; background:url(../images/common/team_check_off.png) no-repeat center; background-size:20px auto;}
.golf_pay tr td .coubox li .right .cou_chek input[type="checkbox"]:checked + label { background:url(../images/common/team_check_on.png) no-repeat center; background-size:20px auto;}
.golf_pay tr td .coubox li .right .cou_chek input[type="checkbox"] {display:none;}
.golf_pay tr td .cou_total li {border-top:1px solid #dcdcdc; height:40px; line-height:40px; font-size:15px;}
.golf_pay tr td .cou_total li div {box-sizing:border-box;}
.golf_pay tr td .cou_total li .left {float:left; width:55%; padding-left:5px; letter-spacing:0.05em; font-weight:bold; font-size:16px;}
.golf_pay tr td .cou_total li .right {float:right; width:45%; padding-right:35px; text-align:right; font-weight:bold; font-size:16px;}
.golf_pay tr td .cou_total li .em {color: #53baf9;}
.golf_pay tr td.total_pay {font-size:16px; font-weight:bold; color:#dd0808;}


/* 190306수정 - 원형 동적 리스트 */
.circle_listadd{width: 100%; }
.circle_listadd ul::after{content: ""; display: block; clear: both;}
.circle_listadd ul li{width: 33.33%; float: left; text-align: center; margin-bottom: 25px;}
.circle_listadd ul li .clWrap{position: relative; display: inline-block; width: 95px; height: 95px;  border-radius: 200px; line-height: 95px; font-size: 22px; font-weight: 700; background: #45bbbd;}
.circle_listadd ul li .clWrap .del{display: block; position: absolute; width: 25px; height: 25px; border-radius: 25px; background: #fff; border: 2px solid #ccc; color: #aaa; top: 0; right: 0; z-index: 1; line-height: 20px; font-weight: 700; font-size: 25px;}
.circle_listadd ul li .clWrap .circle{display: block; width: 100%; height: 100%;  color: #fff;}
.circle_listadd ul li.default_cl .clWrap{background: #eee;}
.circle_listadd ul li.default_cl .clWrap .circle{ line-height: 15px; padding-top: 20px; box-sizing: border-box;}
.circle_listadd ul li.default_cl .clWrap .circle .t1{font-size: 40px; color: #ccc; font-weight: 400;}
.circle_listadd ul li.default_cl .clWrap .circle .t2{font-size: 15px; color: #999; font-weight: 400; margin-top: 10px; display: inline-block;}

/* 190228추가 - 코스등록 */
.course_add{width: 90%; margin: 40px auto 0 auto;}
.course_add .fix_course{width: 100%; margin-bottom: 35px;}
.course_add .fix_course th,
.course_add .fix_course td{border-bottom: 1px solid #ccc; height: 40px;}
.course_add .fix_course th{color: #33afb1; text-align: left; padding-left: 10px;}
.course_add .fix_course td{padding: 0 10px; font-weight: 700;}

.course_add .course_list{width: 100%;}
.course_add .course_list table{width: 100%; text-align: center;}
.course_add .course_list .head_table th{width: 33.33%; border: 1px solid #ccc; border-width: 1px 0; height: 30px; background: #f4f4f4;}
.course_add .course_list .list_table td{width: 33.33%; border-bottom: 1px solid #ccc; height: 35px;}
.course_add .course_list .list_table td input[type="number"]{width: 60px; text-align: center; font-weight: 400;}
.course_add .course_list .list_table td select {width:44px; height: 34px; padding-left: 2px; color: #333; border: 1px solid #eaeaea; background: #fff url(../images/common/ico_arrow1.png) no-repeat right 11px center; background-size: 12px 7px;}