@charset "UTF-8";

/* 로그인 */
.login-area{position:relative; width:100%; height:100vh; min-height:1000px;}
.login-area .narrow-inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:156px 0;}
.login-area .narrow-inner-main{position:absolute; width:85%; top:20%; left:50%; transform:translate(-50%, -50%); padding:156px 0;}
.login-area .btn-wrap{margin-top:48px;}
.login-area .pw-srch-btn{margin-top:8px; text-align: center;}
.login-area .pw-srch-btn a{color:#A2A5AA; font-size:12px; line-height:17px;}
.login-area .sns-area{margin:54px auto 0; width:282px;}
.login-area .sns-area .tit{position:relative; margin-bottom:16px; text-align: center; font-size:14px;}
.login-area .sns-area .tit:before{display:block; content:""; position:absolute; left:0; top:10px; width:80px; height:1px; background:#CCCFD3}
.login-area .sns-area .tit:after{display:block; content:""; position:absolute; right:0; top:10px; width:80px; height:1px; background:#CCCFD3}
.login-area .sns-area .sns-wrap{display:flex; justify-content: center;}
.login-area .sns-area .sns-wrap .sns-icon:not(:last-child){margin-right:16px;}


/* 번호인증 */
.num-certify-wrap .input-div{margin-top:40px;}
.num-certify-wrap .input-div:first-child{margin-top:40px;}
.num-certify-wrap .input-info-txt{padding-left:8px; margin-top:8px; font-size:12px; line-height:17px;}


/* 수신동의 */
.msg-agree-area{margin-top:52px;}
.msg-agree-area .total-checkbox > .form-checkbox{padding-bottom:16px; border-bottom:1px solid #ECEFF2}
.msg-agree-area .agree-list{display:flex; align-items: flex-start; margin-top:24px; width: 100%;}
.msg-agree-area .agree-list .form-checkbox{margin-top:0; width:calc(100% - 20px)}
.msg-agree-area .agree-list .form-checkbox + .more-btn img{position:relative; top:3px;}
.msg-agree-area .total-checkbox .total-wrap .more-btn{margin-left:4px;}


/* 수신동의 - 약관내용 */
.terms-div .big-title{padding-top:20px; font-size:18px; line-height:24px; font-family: "line-bold", sans-serif;}
.terms-div .tit{margin-top:15px; font-size:16px; font-family: "line-bold", sans-serif; color:#242424}
.terms-div .txt{margin-top:4px; font-size:16px; color:#555555}
.terms-div > *:first-child{padding-top:0; margin-top:0;}


/* 비밀번호 찾기 */
.join-create-btn{margin-top:8px; text-align: center; color:#6E6F73}
.join-create-btn > a{color:#6E6F73; font-size:14px; line-height:18px;}


/* 완료 페이지 */
.complete-area {position:relative; width:100%; height:100vh; min-height:1000px;}
.complete-area .inner{height:100%;}
.complete-area .bg{position:absolute; left:50%; top:0; transform:translateX(-50%);}
.complete-area .complete-wrap{padding-top:130px;}
.complete-area .complete-wrap .txt-div{position:relative; z-index:1;}
.complete-area .complete-wrap .txt-div .icon{text-align: center;}
.complete-area .complete-wrap .txt-div .txt{margin-top:19px; text-align: center; font-size:24px; line-height:34px;}
.complete-area .btn-wrap{margin-top:100px;}


/* 마이페이지_프로필수정 */
.mypage-area{display:flex; justify-content: flex-end; position:relative;}
.mypage-area .left{position:absolute; top:12px; left:0; padding:32px 26px; width:387px; background:#fff; border:1px solid #ECEFF2; box-shadow:0 2px 20px 0 rgba(159,164,170,0.2); border-radius:12px;}
.mypage-area .mypage-box .my-blue-box{position:relative; padding:18px 50px 18px 16px; border-radius:12px; background:rgba(0,102,255,0.1)}
.mypage-area .mypage-box .my-blue-box .name{display:inline-block; padding-right:22px; font-size:16px; font-family: "line-bold", sans-serif; background:url("../images/icon-mypage-name.svg") no-repeat right top 2px}
.mypage-area .mypage-box .my-blue-box .birth{margin-top:4px; font-size:12px; line-height:17px; color:#6E6F73;}
.mypage-area .mypage-box .my-blue-box .phone-num{margin-top:4px; font-size:12px; line-height:17px; color:#6E6F73;}
.mypage-area .mypage-box .my-blue-box .modify-btn{position:absolute; top:50%; right:16px; transform:translateY(-50%); padding:6px 14px 2px; font-size:14px; font-family: "line-bold", sans-serif; color:#0066FF; border:1px solid #0066FF; border-radius:18px;}
.mypage-area .mypage-box .prev-area{display:flex; align-items: center; margin-bottom:16px;}
.mypage-area .mypage-box .prev-area .txt{position:relative; top:2px; margin-left:8px; font-family: "line-bold", sans-serif;}
.mypage-area .mypage-box .mypage-list{margin-top:16px;}
.mypage-area .mypage-box .mypage-list .list{display:flex; padding:24px 0; width:100%; border-bottom:1px solid #ECEFF2;}
.mypage-area .mypage-box .mypage-list .list .icon{width:24px; height:24px;}
.mypage-area .mypage-box .mypage-list .list:nth-child(1) .icon{background:url("../images/icon-mypage-penalty.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list:nth-child(2) .icon{background:url("../images/icon-mypage-credit-card.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list:nth-child(3) .icon{background:url("../images/icon-mypage-news.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list:nth-child(4) .icon{background:url("../images/icon-mypage-terms.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list.on:nth-child(1) .icon{background:url("../images/icon-mypage-penalty-on.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list.on:nth-child(2) .icon{background:url("../images/icon-mypage-credit-card-on.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list.on:nth-child(3) .icon{background:url("../images/icon-mypage-news-on.svg") no-repeat left top}
.mypage-area .mypage-box .mypage-list .list .tit{position:relative; top:2px; margin-left:8px;}
.mypage-area .mypage-box .mypage-list .list.on .tit{color:#0066FF}
.mypage-area .mypage-box .login-btn{display:inline-block; margin-top:16px; font-size:14px; line-height:20px; color:#6E6F73; text-decoration: underline;}
.mypage-area .right{margin-left:121px; width:calc(100% - 508px)}
.mypage-area .mypage-tit-wrap{margin-bottom:24px;}
.mypage-area .mypage-tit-wrap .tit{font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.mypage-area .mypage-tit-wrap .txt{margin-top:8px; font-size:14px; line-height:20px; color:#424345;}
.mypage-area .card-info-txt{margin-top:24px; text-align: center; font-size:14px; line-height:20px; color:#6E6F73;}
.red-warning-box{padding:16px; background:rgba(255, 69, 58, 0.05); border-radius:8px;}
.red-warning-box .icon-txt{color:#FF453A; font-size:14px; line-height:20px; text-align: center;}
.red-warning-box .icon-txt span{display:inline-block; padding-left:20px; font-family: "line-bold", sans-serif; background:url("../images/icon-info-red.svg") no-repeat left top 1px/16px auto}
.red-warning-box .txt{margin-top:4px; color:#FF453A; font-size:12px; line-height:17px; text-align: center;}
.red-warning-box .txt span{font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}
.gray-warning-box{padding:16px; background:#F7F8FA; border-radius:8px;}
.gray-warning-box .icon-txt{color:#6E6F73; font-size:14px; line-height:20px; text-align: center;}
.gray-warning-box .icon-txt span{display:inline-block; padding-left:20px; font-family: "line-bold", sans-serif; background:url("../images/icon-info-gray.svg") no-repeat left top 1px/16px auto}
.gray-warning-box .txt{margin-top:4px; color:#6E6F73; font-size:12px; line-height:17px; text-align: center;}
.gray-warning-box .txt span{font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}


/* 카드 추가 팝업 */
.card-add-txt-w{margin-top:72px;}
.card-add-txt-w .tit{margin-bottom:10px; color:#424345; font-size:16px; line-height:22px;}
.card-add-txt-w .txt{color:#A2A5AA; font-size:14px !important; line-height:20px !important; text-align: left !important;}
.card-add-txt-w .color-btn{margin-top:24px;}


/* 뉴스 상세 */
.news-detail-area .detail-tit-area .tit .prev-btn{margin-right:8px;}
.news-detail-area .detail-tit-area .tit span{position:relative; top:3px; font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.news-detail-area .detail-tit-area .fixed-txt{margin-top:10px; padding-left:22px; color:#0066FF; font-size:14px; line-height:20px; background:url("../images/icon-news-fixed.svg") no-repeat left top;}
.news-detail-area .detail-tit-area .date{margin-top:8px; color:#A2A5AA; font-size:14px; line-height:20px;}
.news-detail-area .detail-con-area{margin-top:16px; padding:24px 20px 49px; border-radius:8px;}
.news-detail-area .detail-con-area .txt{font-size:16px; line-height:22px;}
.news-detail-area .detail-con-area .img{max-width:100%;}
.news-detail-area .detail-con-area .img img{max-width:100%;}


/* 티업앤조이 소개 */
.page-intro-area{padding:48px 0 53px; text-align: center; color:#6E6F73; font-size:14px; line-height:20px; background:#EEF7FF; border-radius:8px;}
.page-intro-area .icon{margin-bottom:24px;}


/* 이용약관 */
.terms-div{padding:24px 20px; border-radius: 8px; background:#F7F8FA;}
.layer-popup .terms-div{padding:0; border-radius:0; background:transparent;}
.terms-div .txt{text-align: left !important;}


/* 조인 */
.thr-course-area{display:flex; /* align-items: flex-start; */ justify-content: space-between;}
.thr-course-area > .left{width:387px;}
.thr-course-area > .center{width:390px;}
.thr-course-area > .right{width:354px;}
.thr-course-area .filter-sel-div .blue-btn-area + .form-date{margin-top:24px;}
.thr-course-area .filter-sel-div .form-date + .blue-btn-area{margin-top:24px;}
/* .thr-course-area .filter-sel-div .form-date{margin-top:24px;} */
.thr-course-area .filter-sel-div .arrow-ver{margin-top:24px;}
.thr-course-area .filter-sel-div .date-list-sec{margin-top:44px;}
.thr-course-area .filter-sel-div .date-list-sec .date-title{padding-bottom:12px; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif; border-bottom:2px solid #1e1e1e}
.thr-course-area .filter-sel-div .date-list-sec .price-div{display:flex; align-items: center; padding:24px 0 16px; justify-content: space-between}
.thr-course-area .filter-sel-div .date-list-sec .price-div .price{position:relative; top:2px; margin-left:8px; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif; color:#0066FF}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div{display:flex; padding:9px 0 5px; border-top:1px solid #ECEFF2; border-bottom:1px solid #ECEFF2;}
.thr-course-area .filter-sel-div .date-list-sec .date-list + .date-list .date-table .th-div{border-top:0;}
.thr-course-area .filter-sel-div .date-list-sec .date-list + .date-list .price-div + .date-table .th-div{border-top:1px solid #ECEFF2;}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th{font-size:14px; text-align: center; color:#6E6F73;}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(1){width:14%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(2){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(3){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(4){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(5){width:21%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .th-div .th:nth-child(6){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .th-div .th:nth-child(1){width:18%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .th-div .th:nth-child(2){width:18%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .th-div .th:nth-child(3){width:27%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .th-div .th:nth-child(4){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .th-div .th:nth-child(5){width:21%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div{display:flex; align-items: center; padding:17px 0 13px; border-bottom:1px solid #ECEFF2;}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div.on{background:rgba(0,102,255,0.08)}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td{font-size:14px; text-align: center;}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(1){width:14%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(2){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(3){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(4){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(5){width:22%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td:nth-child(6){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .td-div .td:nth-child(1){width:18%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .td-div .td:nth-child(2){width:18%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .td-div .td:nth-child(3){width:27%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .td-div .td:nth-child(4){width:16%}
.thr-course-area .filter-sel-div .date-list-sec .date-table.fiv .td-div .td:nth-child(5){width:21%}
.thr-course-area .filter-sel-div .date-list-sec .date-table .td-div .td .join-div{justify-content: center;}
.thr-course-area .filter-sel-div .color-btn{margin-top:44px;}
.thr-course-area .no-data-div{position:relative; min-height:900px; height:100%; border:1px solid #EEF7FF; border-radius:12px;}
.thr-course-area .no-data-div .step{margin-top:48px; text-align: center; font-size:24px; line-height:30px; font-family: "line-bold", sans-serif; color:#A2A5AA}
.thr-course-area .no-data-div .no-data{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding-top:146px; text-align: center; font-size:24px; line-height:30px; color:#A2A5AA; background:url("../images/icon-reset.svg") no-repeat center top;}
.thr-course-area .no-data-div.reserve{border:0;}
.thr-course-area .no-data-div.reserve .no-data{top:43%; padding-top:194px; background:url("../images/icon-no-join-reserve.svg") no-repeat center top;}
.thr-course-area .reserve-management-area{padding:24px; border:1px solid #EEF7FF; border-radius:8px;}
.thr-course-area .reserve-management-area .table-flex-area{margin-top:24px;}


/* 필터 지역 팝업 */
.location-filter-area .location-list .form-checkbox{display:inline-block;}
.location-filter-area .location-list .form-checkbox.circle input + label{min-height:24px; padding-left:30px; line-height:25px; background-size:24px 24px;}
.location-filter-area .location-list .form-checkbox.circle input:checked + label{background-size:24px 24px;}
.location-filter-area .location-list .list-tit{position:relative; padding:18px 22px 18px 0; border-bottom:1px solid #EEF7FF}
.location-filter-area .location-list .list-tit:after{display:block; content:""; position:absolute; top:20px; right:0; transform:rotate(0deg); width:16px; height:16px; background:url("../images/icon-select-arrow-on.svg") no-repeat center center; transition:transform 0.3s ease;}
.location-filter-area .location-list .list-con{display:none;}
.location-filter-area .location-list .list-con .checkbox-div{padding:18px 12px; border-bottom:1px solid #EEF7FF}
.location-filter-area .location-list.on .list-tit:after{transform:rotate(180deg);}


/* 필터 티타임 팝업 */
.tea-time-area .tit-wrap{display:flex; align-items: center; justify-content: space-between; margin-bottom:12px;}
.tea-time-area .tit-wrap .tit{font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}


/* 조인 대기 등록 팝업 */
.golf-sel-w{display:flex;}
.golf-sel-w > *:not(:first-child){margin-left:20px;}
.golf-sel-w .form-input{width:335px;}
.golf-sel-w .border-btn{width:82px; height:44px;}
.golf-sel-w .border-btn span{font-size:14px; line-height:20px;}
.golf-sel-w .recent-keyword{width:237px; font-size:12px; line-height:17px; color:#6E6F73}
.golf-sel-w .recent-keyword > a{font-size:12px; line-height:17px; color:#6E6F73; text-decoration: underline;}
.join-wait-info{margin-top:24px;}
.join-wait-info .info-txt{font-size:12px; line-height:17px; color:#6E6F73;}


/* 즐겨찾기 팝업 */
.golf-srch-area .srch-area{display:flex;}
.golf-srch-area .srch-area .form-input-w{position:relative; width:calc(100% - 85px)}
.golf-srch-area .srch-area .form-input-w .srch-con{position:absolute; top:58px; left:0; width:100%; background:#fff; /* box-shadow: 0 1px 10px 0 rgba(0,0,0,0.25); */ border:1px solid #CCCFD3; border-radius:8px; z-index:1;}
.golf-srch-area .srch-area .form-input-w .srch-con a{display:block; padding:8px 10px 8px 16px; font-size:14px; line-height:20px;}
.golf-srch-area .srch-area .form-input-w .srch-con .scroll-area{padding:8px 6px 8px 0;}
.golf-srch-area .srch-area .border-btn{margin-left:12px; width:73px; height:44px;}
.golf-srch-area .srch-area .border-btn span{font-size:14px;}
/* .golf-srch-area .word-area{margin-top:24px;} */
.golf-srch-area .word-area .register-div{margin-top:24px;}
.golf-srch-area .word-area .register-div .register{display:flex; margin-top:10px; padding:7px 0; width:100%; border-bottom:1px solid #ECEFF2;}
.golf-srch-area .word-area .register-div .register:first-child{margin-top:0;}
.golf-srch-area .word-area .register-div .register .txt{width:calc(100% - 42px); font-size:12px; line-height:17px;}
.golf-srch-area .word-area .register-div .register .label{width:32px;}
.golf-srch-area .word-area .gray-info-txt{margin-top:24px; font-size:12px; line-height:17px; color:#A2A5AA}
.golf-srch-area .word-area .word-div{display:flex; flex-wrap:wrap; justify-content: space-between;}
.golf-srch-area .word-area .word-div .word{display:flex; margin-top:10px; padding:6px 0; width:calc((100% - 24px) / 2); border-bottom:1px solid #ECEFF2;}
.golf-srch-area .word-area .word-div .word span{position:relative; top:4px; width:calc(100% - 30px); font-size:12px; line-height:17px;}

/* 조인 목록 */
.participant-wrap{display:flex;}
.participant-wrap > div{display:flex; align-items: center; margin-right:8px;}
.participant-wrap > div:last-child{margin-right:0;}
.participant-wrap > div img{vertical-align: middle;}
.participant-wrap > div .txt{position:relative; top:1px; margin-left:4px; font-size:12px; line-height:17px; color: #424345;}
.participant-info-div{padding:24px 0 16px; border-bottom:1px solid #ECEFF2}
.participant-info-div:first-child{padding-top:0;}
.participant-info{padding-bottom:8px; margin-top:8px;}
.participant-info:first-child{margin-top:0;}
.participant-info .name-div{display:flex; flex-wrap:wrap; align-items: center;}
.participant-info .name-div .img{margin-right:8px;}
.participant-info .name-div .img img{width:21px; height:21px;}
.participant-info .name-div .name{position:relative; top:1px; margin-right:4px; font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}
.participant-info .name-div .label{margin:0 0 0 4px; font-family: "line-regular", sans-serif;}
.participant-info .info-div{margin-top:6px; color:#6E6F73; font-size:14px; line-height:20px;}
.participant-info .from{margin-top:4px; font-size:12px; line-height:17px; color:#6E6F73}
.participant-info .from .underline{color:#0066FF; text-decoration: underline;}
.participant-info.include{padding-left:34px; background:url("../images/icon-apply-include.svg") no-repeat left top}
.participant-info .from-w{display:flex; justify-content: space-between; align-items: flex-start;}
.participant-info .from-w .from{width:calc(100% - 83px);}
.participant-info .from-w .sns-div{display:flex; align-items: center;}
.participant-info .from-w .sns-div > a{margin-left:4px;}
.participant-info .from-w .sns-div .sms{width:42px; height:24px; text-align: center; font-size:12px; line-height:26px; color:#fff; background:#0066FF; border-radius:8px;}
.participant-info .from-w .sns-div .kakao{padding-top:3px; width:33px; height:24px; text-align: center;background:#F9E000; border-radius:8px;}
.info-select-w{display:flex; flex-wrap:wrap;}
.info-select-w .btn{display:flex; padding:6px 8px 2px; margin:6px 6px 0 0; border-radius:8px; border:1px solid #CCCFD3;}
.info-select-w .btn:last-child{margin-right:0;}
.info-select-w .btn .icon{margin-right:8px;}

.join-name-info{border-bottom:0;}
.join-name-info > *{margin-top:4px;}
.join-name-info .name{margin-top:0; color:#000; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.join-name-info .name-div{display:flex; align-items: center;}
.join-name-info .name-div .label{position:relative; top:-2px; margin-left:8px; padding:7px 8px 5px; width:auto; font-family: "line-regular", sans-serif;}
.join-name-info .blue-txt{font-size:14px; line-height:20px;}
.join-name-info .txt{font-size:14px; line-height:20px;}
.join-name-info .input-div{margin-top:12px;}
.join-name-info .input-div .tit{margin-bottom:4px;}
.join-name-info .date{color:#6E6F73; font-size:12px; line-height:17px;}
.acco-area.join-apply .acco-div{padding-bottom:0; border-bottom:0;}
.acco-area.join-apply .acco-con{padding-bottom:0;}
.acco-area.join-apply .acco-tit{padding:24px 0;}
.acco-area.join-apply .total-checkbox > .form-checkbox{padding:16px 0; border-top:1px solid #ECEFF2;}
.acco-area.join-apply .agree-list{display:flex; align-items: center; justify-content: space-between; padding:16px 0; border-top:1px solid #ECEFF2;}
.acco-area.join-apply .agree-list .form-checkbox{margin-top:0;}
.acco-area.join-apply .agree-list .more-btn{display:flex; align-items: center;}

.golf-detail-area{overflow:hidden; box-shadow:0 2px 20px 0 rgba(159,164,170,0.2); border-radius:8px;}
.golf-detail-area .view-img-area{position:relative; padding-top:70%}
.golf-detail-area .view-img-area img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.golf-detail-area .view-con-area{padding:24px 24px 32px 24px;}
.golf-detail-area .view-con-area .name-div{display:flex; align-items: center;}
.golf-detail-area .view-con-area .name-div .name{margin-right:9px; font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.golf-detail-area .view-con-area .name-div .status{padding:5px 7px 3px;white-space: nowrap; font-size:12px; line-height:17px; font-family: "line-bold", sans-serif; background:#F7F8FA; border-radius:8px;}
.golf-detail-area .view-con-area .table-flex-area{padding:24px 0; border-bottom:1px solid #ECEFF2;}
.golf-detail-area .view-con-area .total-checkbox{margin-top:24px;}
.golf-detail-area .view-con-area .total-checkbox > .form-checkbox{padding:16px 0;}
.golf-detail-area .view-con-area .agree-list{display:flex; align-items: center; justify-content: space-between; padding:16px 0; border-top:1px solid #ECEFF2;}
.golf-detail-area .view-con-area .total-checkbox .form-checkbox{margin-top:0;}
.golf-detail-area .view-con-area .total-checkbox .form-checkbox.square input {width: 24px; height: 24px;}
.golf-detail-area .view-con-area .total-checkbox .form-checkbox.square input + label {padding-left: 32px; min-height: 24px; font-size:16px; line-height:26px; background: url("../images/icon-square-checkbox.svg") no-repeat left top/24px auto; z-index: 1; cursor: pointer;}
.golf-detail-area .view-con-area .total-checkbox .form-checkbox.square input:checked + label {background: url("../images/icon-square-checkbox-on.svg") no-repeat left top/24px auto;}
.golf-detail-area .view-con-area .agree-list .more-btn{display:flex; align-items: center;}
.golf-detail-area .view-con-area .btn-wrap{margin-top:24px}
.golf-detail-area .view-con-area .red-warning-box{margin-top:8px;}


/* 맞춤조인 등록 */
.right .info-sel-area{box-shadow: 0 2px 20px 0 rgba(159,164,170,0.2);}
.info-sel-area{padding:24px; border:1px solid #ECEFF2; border-radius: 8px;}
.info-sel-area .tit-area .tit{font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.info-sel-area .tit-area .tit span{display:inline-block; position:relative; top:-3px; margin-right:3px; width:24px; height:24px; font-size:16px; line-height:28px; text-align: center; color:#fff; background:#0066FF; border-radius: 50%;}
.info-sel-area .tit-area .sub-txt{margin-top:8px; font-size:14px; line-height:20px; color:#424345;}
.info-sel-area .input-wrap .input-div{margin-top:24px;}
.info-sel-area .btn-wrap{margin-top:24px;}


/* 예약 히스토리 */
.reserve-history-w .history-list{padding:24px 0; font-size:14px; line-height:20px; border-bottom:1px solid #ECEFF2}
.reserve-history-w .history-list .date{margin-top:2px; color:#A2A5AA;}


/* 나의 조인 예약 - 맞춤조인 */
.myjoin-info-area{border:1px solid #ECEFF2; border-radius:8px;}
.myjoin-info-area .top-area{padding:24px; border-bottom: 1px solid #ECEFF2;}
.myjoin-info-area .top-area.blue{background:rgba(50, 172, 241, 0.1)}
.myjoin-info-area .top-area.green{background:rgba(1, 186, 119, 0.1)}
.myjoin-info-area .top-area .name-div{display:flex; align-items: center;}
.myjoin-info-area .top-area .name-div .name{margin-right:12px; font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.myjoin-info-area .top-area .name-div .location{font-size:14px; line-height:20px;}
.myjoin-info-area .top-area .join-div{margin-top: 8px;}
.myjoin-info-area .top-area .course{margin-top: 10px; font-family: "line-bold", sans-serif; color:#0066FF;}
.myjoin-info-area .top-area .course span{font-size:14px; line-height:20px; color:#1e1e1e; font-family: "line-regular", sans-serif;}
.myjoin-info-area .bottom-area{padding:32px 24px 0;}
.myjoin-info-area .bottom-area .join-name-info{padding-bottom:24px; border-bottom: 1px solid #ECEFF2;}
.myjoin-info-area .bottom-area .table-flex-area .table-list .tit{color:#424345}
.myjoin-info-area .bottom-area .table-flex-area .table-list .txt{color:#1e1e1e}
.myjoin-confirm-area{padding:24px; border:1px solid #ECEFF2; border-radius:8px; box-shadow:0 2px 20px 0 rgba(159,164,170,0.2);}
.myjoin-confirm-area .title{font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.myjoin-confirm-area .table-flex-area{margin-top:24px;}
.myjoin-confirm-area .btn-wrap.flex{display:flex; justify-content: space-between; margin-top:24px;}
.myjoin-confirm-area .btn-wrap.flex > a{margin-top:0; width:calc((100% - 12px) / 2)}
.myjoin-confirm-area .comments-area{margin-top:24px;}
.myjoin-confirm-area .comments-area .tit{font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.myjoin-confirm-area .comments-area .comments-div{padding:12px 0; margin-bottom:12px; border-bottom: 1px solid #ECEFF2;}
.myjoin-confirm-area .comments-area .comments-div .name-div{display:flex; align-items: center;}
.myjoin-confirm-area .comments-area .comments-div .name-div .name{font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}
.myjoin-confirm-area .comments-area .comments-div .name-div .date{margin-left:4px; font-size:12px; line-height:17px; color:#6E6F73;}
.myjoin-confirm-area .comments-area .comments-div .comment{margin-top:4px; font-size:14px; line-height:20px;}
.myjoin-confirm-area .comments-area .form-textarea .wrap-for-msg{height:100px;}
.myjoin-confirm-area .comments-area .form-checkbox{margin-top:2px;}
.myjoin-confirm-area .comments-area .btn-wrap{margin-top:12px;}