@charset "UTF-8";

* {margin: 0; padding: 0; letter-spacing: -.01em; -webkit-box-sizing: border-box; box-sizing: border-box;}
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}
html {width: 100%; height: 100%;}
body {overflow-x:hidden; position: relative; height: 100%; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 14px; color: #1e1e1e; line-height: 20px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
textarea, button {vertical-align: middle;}
input, select {width: 100%; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; color: #222; vertical-align: top; box-sizing: border-box;}
input {padding: 3px 20px; height: 50px;}
input:focus, input:active {outline: none;}
.attach_area .file_div input[readonly] {pointer-events: none;}
option {padding: 3px 10px;}
option:focus, option:active {outline: none;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; height: auto; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"] {height: 40px; border: 1px solid #e5e5e5; color: #888; background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"]::-webkit-input-placeholder {color: #808080;}
input[type="password"]:-ms-input-placeholder {color: #808080;}
input[type="password"]::-ms-input-placeholder {color: #808080;}
input[type="password"]::placeholder {color: #808080;}
input[type="password"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="password"].readonly {color: #999; background-color: #f3f3f3;}
input[type="password"][readonly=readonly] {color: #999; background-color: #f3f3f3;}
input[type="text"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]::-webkit-input-placeholder {color: #808080;}
input[type="text"]:-ms-input-placeholder {color: #808080;}
input[type="text"]::-ms-input-placeholder {color: #808080;}
input[type="text"]::placeholder {color: #808080;}
input[type="text"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="text"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="text"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="text"].readonly {color: #999; background-color: #f3f3f3;}
input[type="text"]:disabled + .cal_btn {opacity: .5;}
input[type="tel"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="tel"]::-webkit-input-placeholder {color: #808080;}
input[type="tel"]:-ms-input-placeholder {color: #808080;}
input[type="tel"]::-ms-input-placeholder {color: #808080;}
input[type="tel"]::placeholder {color: #808080;}
input[type="tel"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="tel"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"].readonly {color: #999; background-color: #f3f3f3;}
input[type="tel"]:disabled + .cal_btn {opacity: .5;}
input[type="number"]::-webkit-input-placeholder {color: #808080;}
input[type="number"]:-ms-input-placeholder {color: #808080;}
input[type="number"]::-ms-input-placeholder {color: #808080;}
input[type="number"]::placeholder {color: #808080;}
input[type="number"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="number"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="number"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="number"].readonly {color: #999; background-color: #f3f3f3;}
select {width: 100%; font-size: 18px; color: #888; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; vertical-align: top; border: 1px solid #e5e5e5;}
select::-ms-expand {display: none;}
select:focus, select:active {outline: none;}
select:disabled {color: #999; background-color: #f8f8f8; opacity: 1;}
textarea {padding: 16px; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 14px; color: #222; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; vertical-align: top; background: #fff; border: 1px solid #D9D9D9; resize: none;}
textarea:focus, textarea:active {outline: none;}
textarea::-webkit-input-placeholder {color: #808080; font-size: 14px;}
textarea:-ms-input-placeholder {color: #808080; font-size: 14px;}
textarea::-ms-input-placeholder {color: #808080; font-size: 14px;}
textarea::placeholder {color: #808080; font-size: 14px;}
textarea:disabled {color: #999; background-color: #f3f3f3;}
textarea:-moz-read-only {color: #999; background-color: #f3f3f3;}
/* textarea:read-only {color: #999; background-color: #f3f3f3;} */
a {text-decoration: none; color: #222;}
a:hover, a:focus, a:active {text-decoration: none;}
table {width: 100%; border-collapse: collapse;}
button {background: none; border: none; padding: 0; margin: 0; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; cursor: pointer; overflow: visible; white-space: nowrap;}
/* button:focus, button:active { outline: none; } */
button::-moz-focus-inner {padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
::selection {color: #fff; background-color: #1D81A5 ;}

/*html.lock {position: fixed; height: 100%;}*/ /* 2022-03-02 ios safari 하단 여백 생기는 문제 해결 위해 주석 */
html.stop-scroll{overflow:hidden;}
body.stop-scroll{overflow:hidden;}
.dimd{display:none; position:fixed; top:0; left:0;  width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10;}
.inner{position:relative; padding:0 20px;}
.cont-wrap{position:relative; padding-bottom:32px;}
.sub-sec:not(:first-child){margin-top:32px;}
.sub-sec .sub-tit-wrap{margin-bottom:16px;}
.sub-sec .sub-tit-wrap.flex{display:flex; align-items: center; justify-content: space-between;}
.sub-sec .sub-tit-wrap .tit{font-size:18px; line-height:25px; font-family: "line-bold", sans-serif;}
.sub-sec .sub-tit-wrap .tit.info-icon{padding-right:28px; background:url("../images_m/icon-info.svg") no-repeat right top 1px/20px auto;}
.sub-sec .sub-tit-wrap .sub-tit{margin-top:8px; color:#6E6F73;}
.sub-border-sec{padding:24px 0; border-bottom:1px solid #ECEFF2}
.sub-border-sec .sub-tit-wrap{margin-bottom:16px;}
.sub-border-sec .sub-tit-wrap.flex{display:flex; align-items: center; justify-content: space-between;}
.sub-border-sec .sub-tit-wrap .tit{font-size:18px; line-height:25px; font-family: "line-bold", sans-serif;}
.sub-border-sec .sub-tit-wrap .tit.info-icon{padding-right:28px; font-family: "Pretendard-Bold"; background:url("../images_m/icon-info.svg") no-repeat right top 3px/20px auto}
.sub-border-sec .sub-tit-wrap .tit.small{font-size:14px; line-height:20px;}
.sub-border-sec .txt{color:#424345}

.no-mt{margin-top:0 !important}
.no-mb{margin-bottom:0 !important}
.no-pb{padding-bottom:0 !important}
.no-pt{padding-top:0 !important}
.no-border-t{border-top:0 !important}
.no-border-b{border-bottom:0 !important}

/* ------------------------------------------ form Start ------------------------------------------ */
.input-wrap .input-div-w{margin-top:48px;}
.input-wrap .input-div-w:first-child{margin-top:24px;}
.input-wrap .input-div-w .tit-area{display:flex; align-items: center; margin-bottom:24px;}
.input-wrap .input-div-w .tit-area .title{color:#000000; font-size:18px; line-height:25px; font-family: "line-bold", sans-serif;}
.input-wrap .input-div-w .tit-area .tit-info{margin-left:8px; padding:5px 8px 3px; color:#6E6F73; font-size:12px; line-height:17px; background:#ECEFF2; border-radius:8px;}
.input-wrap .input-div-w .tit-area .tit-info.blue{color:#0066FF; background:rgba(50, 172, 241, 0.1);}
.input-wrap .input-div-w .red-warning-box{margin-top:16px;}
.input-wrap .input-div{margin-top:16px;}
.input-wrap .input-div:first-child{margin-top:0;}
.input-wrap .input-div .tit-wrap{display:flex; justify-content: space-between;}
.input-wrap .input-div .tit{margin-bottom:4px; font-size:14px; line-height:20px;}
.input-wrap .input-div > div + div{margin-top:4px;}
.input-wrap .input-div .form-textarea .wrap-for-msg{height:144px}
.input-wrap .input-div .total-checkbox .total-wrap{display: flex; flex-wrap:wrap;}
.input-wrap .input-div .total-checkbox .total-wrap .form-checkbox{margin-right:15px;}
.input-wrap .input-div .form-checkbox-w{display:flex;}
.input-wrap .input-div .form-checkbox-w .form-checkbox{margin-right:8px;}
.input-wrap .input-div .gray-txt{margin-top:10px; color:#A2A5AA}
.input-wrap .input-div .half-box{display:flex;}
.input-wrap .input-div .half-box > div{width:calc((100% - 12px) / 2)}
.input-wrap .input-div .half-box > div:first-child{margin-right:12px;}
.input-wrap.half{display:flex; flex-wrap:wrap;}
.input-wrap.half .input-div{width:calc((100% - 12px) / 2)}
.input-wrap.half .input-div:nth-child(2n){margin:16px 0 0 12px;}
.input-wrap.half .input-div:nth-child(2){margin:0 0 0 12px;}

.apply-input-wrap .apply-input-w{margin-top:16px;}
.apply-input-wrap .apply-input-w.include{padding-left:33px; background:url("../images_m/icon-apply-include.svg") no-repeat left top}
.apply-input-wrap .apply-input-div{display:flex; align-items: center; margin-top:8px;}
.apply-input-wrap .apply-input-div:first-child{margin-top:0;}
.apply-input-wrap .apply-input-div > *:nth-child(1){margin-right:8px; width:40%;}
.apply-input-wrap .apply-input-div > *{width:calc(60% - 8px)}
.apply-input-wrap .apply-input-div.name .icon{width:21px;}
.apply-input-wrap .apply-input-div.name .form-input{width:calc(100% - 29px)}
.apply-input-wrap .info-select-w .btn{margin:8px 6px 0 0;}
.apply-input-wrap .delete-btn{display:inline-block; padding:6px 8px 2px; margin-top:8px; color:#ff453a; border:1px solid #CCCFD3; border-radius:8px;}
.apply-input-wrap .border-btn{margin-top:16px; border:1px solid #CCCFD3;}
.apply-input-wrap .border-btn span{font-family: "line-regular", sans-serif;}


.participant-info-w .apply-input-w{margin-top:16px;}
.participant-info-w .apply-input-w.include{padding-left:33px; background:url("../images_m/icon-apply-include.svg") no-repeat left top}
.participant-info-w .apply-input-div{display:flex; align-items: center; margin-top:8px;}
.participant-info-w .apply-input-div:first-child{margin-top:0;}
.participant-info-w .apply-input-div > *:nth-child(1){margin-right:8px; width:40%;}
.participant-info-w .apply-input-div > *{width:calc(60% - 8px)}
.participant-info-w .apply-input-div.name .icon{width:21px;}
.participant-info-w .apply-input-div.name .form-input{width:calc(100% - 29px)}
.participant-info-w .info-select-w .btn{margin:8px 6px 0 0;}
.participant-info-w .delete-btn{display:inline-block; padding:6px 8px 2px; margin-top:8px; color:#ff453a; border:1px solid #CCCFD3; border-radius:8px;}
.participant-info-w .border-btn{margin-top:16px; border:1px solid #CCCFD3;}
.participant-info-w .border-btn span{font-family: "line-regular", sans-serif;}

.form-btn-wrap{display:flex; align-items: center;}
.form-btn-wrap > a{margin-left:12px; width:104px;}
.form-btn-wrap > div{width:calc(100% - 116px)}
.form-btn-wrap + .form-btn-wrap{margin-top:10px !important;}
.form-btn-wrap.success > div{width:100%;}

.form-input {position: relative; width: 100%;}
.form-input input {font-family: "line-regular", sans-serif; width: 100%; height: 44px; padding: 0 40px 0 12px; font-size: 14px; line-height:47px; color: #1e1e1e; border: 1px solid #CCCFD3; border-radius: 8px;}
.form-input input::placeholder {font-size: 14px; line-height:47px; color:#A2A5AA; font-family: "line-regular", sans-serif;}
.form-input input:focus {border: 1px solid #1e1e1e;}
.form-input input:disabled {color: #808080; -webkit-text-fill-color: #808080; background-color: #F6F6F6; border: 1px solid #D9D9D9;}
.form-input input[type="number"]::-webkit-outer-spin-button, .form-input input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form-input .input-btn-wrap .btn-delete {display:none; position:absolute; top:10px; right:12px; width:24px; height:24px; background: url("../images_m/icon-input-delete.svg") no-repeat center center}


.form-input.confirm input{padding-right: 90px;}
.form-input.confirm .confirm-txt{position:absolute; right:16px; top: 10px; padding:3px 7px 1px; font-size:12px; color:#0066FF; background:rgba(50, 172, 241, 0.1); border-radius:8px;}
.form-input.confirm .input-btn-wrap .btn-delete {right:65px;}


.form-input.pw input{padding-right:70px;}
.form-input.pw.success input{color:#1e1e1e}
.form-input.pw .pw-eye{position:absolute; top:14px; right:16px;}
.form-input.pw .input-btn-wrap .btn-delete {right:40px;}


.form-input.success input{color:#0066FF; border:1px solid #0066FF;}

.form-input.certi-num input{padding-right:75px;}
.form-input.certi-num .time{position:absolute; top:14px; right:16px; font-size:12px; line-height:17px; color:#ff453a}
.form-input.certi-num .input-btn-wrap .btn-delete {right:50px;}

.form-checkbox {position: relative;}
.form-checkbox input {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: .001;}
.form-checkbox input + label {position: relative;  display: inline-block; padding-left: 36px; min-height: 20px; width: auto; color: #333; font-size: 14px; line-height:20px; background: url("../images_m/icon-checkbox.svg") left top no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox input:checked + label {background: url("../images_m/icon-checkbox-on.svg") left top no-repeat;}
.form-checkbox input + label.bold{font-family: "line-bold", sans-serif; color:#000;}

.form-checkbox.circle input {width: 32px; height: 32px;}
.form-checkbox.circle input + label {padding-left: 42px; min-height: 32px; font-size:16px; line-height:32px; background: url("../images_m/icon-circle-checkbox.svg") left top -1px no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox.circle input:checked + label {background: url("../images_m/icon-circle-checkbox-on.svg") left top -1px no-repeat;}

.form-checkbox.square input {width: 16px; height: 16px;}
.form-checkbox.square input + label {padding-left: 22px; min-height: 17px; font-size:14px; line-height:19px; background: url("../images_m/icon-square-checkbox.svg") left top 1px no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox.square input:checked + label {background: url("../images_m/icon-square-checkbox-on.svg") left top 1px no-repeat;}

.total-checkbox + .total-checkbox{margin-top:20px;}
.total-checkbox .total-wrap .form-checkbox{margin-top:10px;}
.total-checkbox .two-d-checkbox{padding-left:30px;}
.total-checkbox .two-d-checkbox .form-checkbox input + label{padding-left:25px; font-size:14px; background-size:18px auto;}

.checkbox-list{display:flex; justify-content: space-between; margin-top:8px;}
.checkbox-list:first-child{margin-top:0;}
.checkbox-list .form-checkbox{width:16px;}

.agree-chk{display:flex; align-items: center; padding:16px 0;}
.agree-chk .agree-con-btn{margin-left:8px;}

.form-select .select-tit{display:block; position:relative; padding:12px 40px 12px 16px; height:44px; border:1px solid #cccfd3; border-radius:8px;}
.form-select .select-tit:after{display:block; content:""; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:16px; height:16px; background:url("../images_m/icon-select-arrow.svg") no-repeat center center;}
.form-select .select-tit span{overflow:hidden; display:block; color:#6E6F73; white-space: nowrap; text-overflow: ellipsis;}
.form-select .select-con-w{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.1); z-index:99;}
.form-select .select-con-w .select-con{overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70%; max-height:70vh; background:#fff; border-radius:8px;}
.form-select .select-con-w .select-con .scroll-area{overflow-y:auto; padding:8px 0; height:100%;}
.form-select .select-con-w .select-con .scroll-area .select-txt{display:block; padding:8px 16px;}
.form-select.select .select-tit:after{background:url("../images_m/icon-select-arrow-on.svg") no-repeat center center;}
.form-select.select .select-tit span{color:#1E1E1E}

.form-select.disabled .select-tit{cursor: auto;}
.form-select.disabled .select-tit:after{background:url("../images_m/icon-select-arrow-disabled.svg") no-repeat center center;}
.form-select.disabled .select-tit span{color:#A2A5AA;}

.form-select.filter .select-tit{display:inline-block; padding:0 0 0 18px; height:auto; border:0;}
.form-select.filter .select-tit:after{right:auto; left:0; background:url("../images_m/icon-filter.svg") no-repeat center center;}
.form-select.filter .select-tit span{color:#424345;}

.form-search{position:relative;}
.form-search .srch-btn{position:absolute; top:50%; left:16px; transform:translateY(-50%);}
.form-search input{padding-left:48px; width:100%; height:48px; background:#F7F8FA; border:0; border-radius:12px; font-size:15px;}
.form-search input::placeholder{color:#a2a5aa}

/* 검색 입력창과 버튼을 나란히 배치하는 Flexbox 컨테이너 */
.form-search.search-with-btn {
    display: flex; /* 자식 요소를 가로로 나란히 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    padding: 0; /* 기존 form-search에 있던 불필요한 패딩 제거 (필요 시 조정) */
    border: 0; /* 기존 form-search에 있던 불필요한 테두리 제거 (필요 시 조정) */
}

.form-search.search-with-btn input#schTxt {
    flex-grow: 1; /* 입력창이 남은 공간을 모두 차지 */
    border-radius: 4px 0 0 4px; /* 왼쪽 모서리만 둥글게 */
    border: 1px solid #ccc; /* 테두리 추가 */
    padding: 10px; /* 적절한 패딩 */
}

.form-search.search-with-btn .search-action-btn {
    /* 버튼 스타일 */
    padding: 10px 15px;
    background-color: #007bff; /* 원하는 색상 */
    color: white;
    border: 1px solid #007bff;
    border-radius: 0 4px 4px 0; /* 오른쪽 모서리만 둥글게 */
    cursor: pointer;
    height: 100%; 
    white-space: nowrap;
}

.form-time{display:flex; align-items: center;}
.form-time .bar{margin:0 10px; width:7px; height:14px; color:#a2a5aa; border-radius:1px;}
.form-time > div{position:relative; padding:12px 44px 12px 16px; width:calc((100% - 27px) / 2); background:#F7F8FA; border-radius:8px;}
.form-time > div.disabled{color:#A2A5AA}
.form-time .icon{position:absolute; top:12px; right:16px;}

.form-date{display:flex; align-items: center;}
.form-date .bar{margin:0 10px; width:7px; height:14px; color:#a2a5aa; border-radius:1px;}
.form-date > div{position:relative; padding:14px 44px 10px 16px; width:calc((100% - 27px) / 2); background:#F7F8FA; border-radius:8px;}
.form-date > div.disabled{color:#A2A5AA}
.form-date .icon{position:absolute; top:12px; right:16px;}

.form-textarea {position: relative; width: 100%;}
.form-textarea .wrap-for-msg {overflow: hidden; position: relative; padding: 10px; width: 100%; height: 286px; border: 1px solid #CCCFD3; background: #fff; border-radius: 4px; transition: border .3s ease;}
.form-textarea .wrap-for-msg textarea {position: relative; padding: 0 10px 0 0; width: 100%; height: 100%; border: 0; font-size: 14px; line-height: 20px;}  
.form-textarea .wrap-for-msg textarea::-webkit-scrollbar {width: 4px;/*  background: #e8e8e8;  */border-radius: 2px;}
.form-textarea .wrap-for-msg textarea::-webkit-scrollbar-thumb {border-radius: 3px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); background-color: #A2A5AA; border-radius: 2px;}
.form-textarea .wrap-for-msg textarea::-webkit-input-placeholder {color: #A2A5AA;}
.form-textarea .wrap-for-msg textarea:-ms-input-placeholder {color: #A2A5AA;}
.form-textarea .wrap-for-msg textarea::-ms-input-placeholder {color: #A2A5AA;}
.form-textarea .wrap-for-msg textarea::placeholder {color: #A2A5AA;}
/* .form-textarea.focus .wrap-for-msg {border: 1px solid rgba(0, 0, 0, .72);} */

.form-toggle{position:relative; width:48px; height:24px; border-radius:32px; background:#A2A5AA; transition:background 0.3s ease;}
.form-toggle .toggle-circle{position:absolute; top:2px; left:2px; width:20px; height:20px; background:#fff; border-radius: 50%; transition:left 0.3s ease;}
.form-toggle.on{background:#0066FF}
.form-toggle.on .toggle-circle{left:26px;}
/* ------------------------------------------- form End ------------------------------------------- */




/* ------------------------------------------ button Start ------------------------------------------ */
.btn-wrap > a{margin-top:8px;}
.btn-wrap > a:first-child{margin-top:0;}

.fixed-btn-wrap{padding:12px 20px 40px}
.fixed-btn-wrap.fixed{position:fixed; bottom:0; left:0; width:100%; background:#fff; box-shadow: 0 -5px 20px rgba(0,0,0,0.08); z-index:1;}
.fixed-btn-wrap > a+a{margin-top:8px;}
.fixed-btn-wrap .red-warning-box{margin-bottom:18px;}

.color-btn{display:flex; align-items: center; justify-content: center; position:relative; width:100%; height:54px; border-radius: 8px;}
.color-btn span{display:inline-block; padding-top:3px; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.color-btn.blue{background:#0066FF}
.color-btn.blue span{color:#fff;}
.color-btn.skyblue{background:#D9EDFF}
.color-btn.skyblue span{color:#0084ff;}
.color-btn.gray{background:#A2A5AA}
.color-btn.gray span{color:#fff;}
.color-btn.red{background:#FF453A}
.color-btn.red span{color:#fff;}

.color-btn.disabled{background:#ECEFF2; cursor:auto;}
.color-btn.disabled:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.color-btn.disabled span{color:#A2A5AA}

.border-btn{display:flex; align-items: center; justify-content: center; position:relative; width:100%; height:54px; border-radius: 8px;}
.border-btn span{display:inline-block; padding-top:3px; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.border-btn.black{border:1px solid #1e1e1e}
.border-btn.black span{color:#1e1e1e}

.color-btn.small, .border-btn.small{height:44px;}
.color-btn.small span, .border-btn.small span{font-size:14px; line-height:20px;}

.color-btn span.share{padding-left:22px; background:url("../images_m/icon-link.svg") no-repeat left center;}
/* ------------------------------------------- button End ------------------------------------------- */



/* ------------------------------------------ font Start ------------------------------------------ */
.blue-txt{color:#0066FF !important}
.red-txt{color:#FF453A !important}

.align-left{text-align: left !important;}

.big-tit{font-size:24px; line-height:34px;}
.big-sub-tit{font-size:16px; line-height:22px; color:#6E6F73}

.page-tit-wrap{padding-top:32px;}
.page-tit-wrap .big-sub-tit{margin-top:8px;}

.bar-txt-w .bar-txt{position:relative; /*padding-left:10px;*/ color:#6E6F73;}
/*.bar-txt-w .bar-txt:before{display:block; content:"-"; position:absolute; top:0; left:0;}*/

.dot-txt{position:relative; padding-left:10px;}
.dot-txt:before{display:block; content:""; position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:50%; background:#6E6F73;}
.dot-txt.red-txt:before{background:#FF453A;}
/* ------------------------------------------- font End ------------------------------------------- */




/* ------------------------------------------ layer-popup Start ------------------------------------------ */
.layer-popup{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 999999}
.layer-popup .pop-wrap{overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%; max-height:80vh; background:#fff; border-radius:8px;}
.layer-popup .pop-wrap .pop-head{padding:20px 20px 16px 0; text-align: center; border-bottom:1px solid #F7F8FA;}
.layer-popup .pop-wrap .pop-head .tit{font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.layer-popup .pop-wrap .pop-cont .txt-con{padding:40px 0 40px 20px; height:100% !important;}
.layer-popup .pop-wrap .pop-head + .pop-cont .txt-con{padding:20px 0 20px 20px;}
.layer-popup .pop-wrap .pop-cont .txt-con .scroll-area{overflow-y:auto; padding-right:20px; height:100%;}
.layer-popup .pop-wrap .pop-cont .txt-con .txt{font-size:16px; line-height:22px; text-align:center; word-break: keep-all;}
.layer-popup .pop-wrap .pop-cont .txt-con textarea{width: 100%;
  height: 100%;
  border: 1px solid #00000033;}
.layer-popup .pop-wrap .pop-cont .btn-wrap{display:flex;}
.layer-popup .pop-wrap .pop-cont .btn-wrap .color-btn{margin-top:0; border-radius:0;}
.layer-popup .pop-wrap.no-btn{width:65%;}
.layer-popup .pop-wrap.no-btn .txt-con{padding:50px 45px;}
/* ------------------------------------------- layer-popup End ------------------------------------------- */




/* ------------------------------------------ header Start ------------------------------------------ */
header{padding:0 20px; background:#fff;}
header .page-prev-area{display:flex; position:relative; height:62px; align-items: center;}
header .page-prev-area .page-title{margin-left:10px; font-size:18px; line-height:25px; font-family: "line-bold", sans-serif;}
header .page-prev-area .update-btn{display:flex; align-items: center; justify-content: center; position:absolute; top:15px; right:0; width:32px; height:32px; border-radius:50%; background:#fff; border: 1px solid #CCCFD3}
header .page-prev-area .home-btn-area{
  text-align:center;
}
header .page-prev-area .home-btn-area .txt{
  color:#a2a5aa;
  margin-top:-4px;
}
header .page-prev-area .home-btn-area .icon{
  height:24px;
}
header .page-prev-area .home-btn-area .icon span{
  display:inline-block; width:22px; height:22px; background:url("/www/common/images_m/icon-navi-home.svg") no-repeat center center;
}

header.fixed{position:fixed; top:0; left:0; width:100%; background:#fff; z-index:2;}
header.fixed .logo-area{display:flex; align-items: center; justify-content: space-between; height:62px;}
header.fixed .logo-area .alarm{position:relative;}
header.fixed .logo-area .alarm.new:after{display:block; content:""; position:absolute; top:0; right:0; width:6px; height:6px; background:#ff453a; border-radius:50%;}
header.fixed .tab-btn-area{position:relative; left:50%; transform:translateX(-50%); margin-top:4px; width:100vw;}
header.fixed .prev-btn-w{display:flex; align-items: center; position:absolute; top:0; left:-20px; padding-left:20px; height:62px; background:#fff; z-index:2;}
header.fixed .prev-btn-w .prev-btn{margin-right:12px;}
header.fixed .page-prev-area .blue-btn-slide{margin-left:44px;}
header.fixed .join-srch-box{margin:4px 0;}

header.detail{background:transparent}
header.detail .page-prev-area{justify-content: space-between;}
header.detail .page-prev-area .heart{display:flex; align-items: center; justify-content: center; width:32px; height:32px; border:1px solid #CCCFD3; border-radius: 50%; background:#fff; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);}
header.detail .page-prev-area .news-alarm{display:flex; align-items: center; justify-content: center; width:32px; height:32px; border:1px solid #CCCFD3; border-radius: 50%; background:#fff; box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);}
header.bg{background:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.08);}
/* ------------------------------------------- header End ------------------------------------------- */




/* ------------------------------------------ navi-bar Start ------------------------------------------ */
.navi-bar{position:fixed; bottom:0; left:0; padding-bottom:env(safe-area-inset-bottom); padding-bottom:constant(safe-area-inset-bottom); width:100%; border-top:1px solid #ECEFF2; background:#fff; z-index:1;}
.navi-bar .navi-wrap{display:flex; padding-bottom:32px; width:100%; text-align: center; background: #fff;}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .navi-bar .navi-wrap {
        padding-bottom: max(28px, env(safe-area-inset-bottom));
    }
}
.navi-bar .navi-wrap .navi-btn{padding-top:5px; width:25%;}
.navi-bar .navi-wrap .navi-btn .icon{text-align: center;}
.navi-bar .navi-wrap .navi-btn:nth-child(1) .icon{height:24px;}
.navi-bar .navi-wrap .navi-btn:nth-child(1) .icon span{display:inline-block; width:24px; height:24px; background:url("../images_m/icon-navi-home.svg") no-repeat center center;}
.navi-bar .navi-wrap .navi-btn:nth-child(2) .icon{height:26px;}
.navi-bar .navi-wrap .navi-btn:nth-child(2) .icon span{display:inline-block; width:26px; height:26px; background:url("../images_m/icon-navi-join.svg") no-repeat center center;}
.navi-bar .navi-wrap .navi-btn:nth-child(3) .icon{height:24px;}
.navi-bar .navi-wrap .navi-btn:nth-child(3) .icon span{display:inline-block; width:24px; height:24px; background:url("../images_m/icon-navi-reserve-management.svg") no-repeat center center;}
.navi-bar .navi-wrap .navi-btn:nth-child(4) .icon{height:24px;}
.navi-bar .navi-wrap .navi-btn:nth-child(4) .icon span{display:inline-block; width:24px; height:24px; background:url("../images_m/icon-navi-mypage.svg") no-repeat center center;}
.navi-bar .navi-wrap .navi-btn .txt{margin-top:4px; font-size:14px; line-height:14px; color:#a2a5aa}
.navi-bar .navi-wrap .navi-btn.on:nth-child(1) .icon{height:30px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(1) .icon span{width:42px; height:30px; background:url("../images_m/icon-navi-home-on.svg") no-repeat center center rgba(0, 102, 255, 0.1); border-radius:15px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(2) .icon{height:30px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(2) .icon span{width:42px; height:30px; background:url("../images_m/icon-navi-join-on.svg") no-repeat center center rgba(0, 102, 255, 0.1); border-radius:15px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(3) .icon{height:30px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(3) .icon span{width:42px; height:30px; background:url("../images_m/icon-navi-reserve-management-on.svg") no-repeat center center rgba(0, 102, 255, 0.1); border-radius:15px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(4) .icon{height:30px;}
.navi-bar .navi-wrap .navi-btn.on:nth-child(4) .icon span{width:42px; height:30px; background:url("../images_m/icon-navi-mypage-on.svg") no-repeat center center rgba(0, 102, 255, 0.1); border-radius:15px;}
/* ------------------------------------------- navi-bar End ------------------------------------------- */




/* ------------------------------------------ swiper 공통 Start ------------------------------------------ */
/* 파란 버튼 swiper */
.blue-btn-slide{width:100%;}
.blue-btn-slide .swiper-container{overflow:visible;}
.blue-btn-slide .swiper-container .swiper-slide{display:flex; align-items: center; margin-right:6px; padding:0 12px; min-height:35px; width:auto; color:#424345; border:1px solid #CCCFD3; border-radius:18px; background:#fff;}
.blue-btn-slide .swiper-container .swiper-slide.on{background:rgba(50, 172, 241, 0.1); color:#0066FF; font-family: "line-bold", sans-serif; border:1px solid #0066FF}
.blue-btn-slide .swiper-container .swiper-slide.disabled{text-decoration: line-through; cursor: auto; color:#A2A5AA; background:#ECEFF2;}
.blue-btn-slide .swiper-container .swiper-slide:last-child{margin-right:0;}
.blue-btn-slide.arrow-ver .swiper-slide span{padding-right:20px; color:#000; background:url("../images_m/icon-select-arrow-on.svg") no-repeat right top 2px;}
.blue-btn-slide.arrow-ver .swiper-slide.on span{color:#0066FF; background:url("../images_m/icon-select-arrow-blue.svg") no-repeat right top 2px;}
.blue-btn-slide.filter-ver .swiper-wrapper{flex-wrap:wrap;}
.blue-btn-slide.filter-ver .swiper-container .swiper-slide{margin:8px 6px 0 0;}

/* 카드형 swiper - small.ver */
.small-card-slide{width:100%;}
.small-card-slide .swiper-container{overflow:visible;}
.small-card-slide .swiper-container .swiper-slide{margin-right:12px; width:29%; border:1px solid #ECEFF2; border-radius:12px; background:#F7F8FA; box-shadow: 0 2px 10px 0 
  rgba(159, 164, 170, 0.1);}
.small-card-slide .swiper-container .swiper-slide:last-child{margin-right:0;}
.small-card-slide .swiper-container .swiper-slide .img{overflow:hidden; width:100%; border-radius:12px 12px 0 0;}
.small-card-slide .swiper-container .swiper-slide .img img{width:100%; height:100%; object-fit: cover;}
.small-card-slide .swiper-container .swiper-slide .txt-div{padding:9px 9px 7px; text-align: center;}
.small-card-slide .swiper-container .swiper-slide .txt-div .tit{margin-bottom:2px;}

/* 카드형 swiper - large.ver */
.large-card-slide{width:100%;}
.large-card-slide .swiper-container{overflow:visible;}
.large-card-slide .swiper-container .swiper-slide{margin-right:12px; width:68%; border:1px solid #ECEFF2; border-radius:12px; background:#fff; box-shadow: 0 2px 10px 0 
  rgba(159, 164, 170, 0.1);}
.large-card-slide .swiper-container .swiper-slide:last-child{margin-right:0;}
.large-card-slide .swiper-container .swiper-slide .img{overflow:hidden; width:100%; border-radius:12px 12px 0 0;}
.large-card-slide .swiper-container .swiper-slide .img img{width:100%; height:100%; object-fit: cover;}
.large-card-slide .swiper-container .swiper-slide .txt-div{padding:14px 12px;}
.large-card-slide .swiper-container .swiper-slide .txt-div .tit{margin-bottom:2px; font-size:16px; line-height:22px; color:#000; font-family: "line-bold", sans-serif;}
.large-card-slide .swiper-container .swiper-slide .txt-div .distance{color:#424345}
.large-card-slide .swiper-container .swiper-slide .txt-div .price{color:#0066FF; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.large-card-slide .swiper-container .swiper-slide .txt-div .price .sale{position:relative; top:-2px; margin-left:4px; color:#FF9900; font-size:12px; line-height:17px; font-family: "line-bold", sans-serif;}
.large-card-slide .swiper-container .swiper-slide .txt-div .remain{display:flex;}
.large-card-slide .swiper-container .swiper-slide .txt-div .remain > *{margin:4px 4px 0 0;padding:5px 7px 3px; font-size:12px; line-height:17px; border-radius:8px;}
.large-card-slide .swiper-container .swiper-slide .txt-div .remain > *:last-child{margin-right:0;}
.large-card-slide .swiper-container .swiper-slide .txt-div .remain .gray{background:#ECEFF2;}
.large-card-slide .swiper-container .swiper-slide .txt-div .remain .blue{color:#0066FF; background:rgba(50, 172, 241, 0.1);}
/* ------------------------------------------- swiper 공통 End ------------------------------------------- */




/* ------------------------------------------ 공통 페이지 Start ------------------------------------------ */
/* 완료 페이지 */
.complete-area .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:100vw;}
.complete-area .bg img{width:100%;}
.complete-area .complete-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.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;}

/* 페이지 이동 리스트 */
.arrow-list-wrap .arrow-list{display:block; position:relative; padding:24px 24px 24px 0; border-bottom:1px solid #ECEFF2}
.arrow-list-wrap .arrow-list:after{display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(-90deg); width:16px; height:16px; background:url("../images_m/icon-page-detail-list-arrow.svg") no-repeat center center}
.arrow-list-wrap .arrow-list .tit-wrap{display:flex; align-items: center;}
.arrow-list-wrap .arrow-list .tit-wrap > *{margin-left:10px; font-size:18px; line-height:25px;}
.arrow-list-wrap .arrow-list .tit-wrap .tit{margin-left:0; color:#000;}

/* 탭 공통 */
.tab-func-area.fixed-tab{position:relative; padding-top:50px;}
.tab-func-area.fixed-tab .tab-btn-area{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; background:#fff; z-index:2;}
.tab-func-area.fixed-tab .tab-btn-area.fixed{position:fixed; width:calc(100% - 40px)}

.tab-btn-area{display:flex; height:50px; border-bottom:1px solid #ECEFF2}
.tab-btn-area .tab-btn{display:flex; align-items: center; justify-content: center; position:relative; color:#A2A5AA; font-family: "line-bold", sans-serif;}
.tab-btn-area .tab-btn.on{color:#0066FF;}
.tab-btn-area .tab-btn.on:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#0066FF;}
.tab-btn-area .tab-btn span{position:relative; top:2px;}
.tab-btn-area.two .tab-btn{width:50%;}
.tab-btn-area.thr .tab-btn{width:calc(100% / 3);}
.tab-btn-area.fou .tab-btn{width:25%;}
.tab-con-area .tab-con{display:none;}
.tab-con-area .tab-con.on{display:block;}

/* 뉴스리스트 공통 */
.news-list{display:flex; align-items: flex-start; padding:24px 20px; width:100%; border-top:1px solid #ECEFF2}
.news-list:first-child{border-top:0}
.news-list .img{overflow:hidden; margin-right:12px; width:68px; height:68px; border-radius:12px; border:1px solid #ECEFF2}
.news-list .img img{width:100%; height:100%; object-fit: cover;}
.news-list .news-con{width:calc(100% - 80px)}
.news-list .news-con .date{margin-top:2px; color:#A2A5AA;}
.news-list .news-con .fixed-txt{margin-top:2px; padding-left:18px; color:#0066FF; background:url("../images_m/icon-news-fixed.svg") no-repeat left center;}
.news-list.fixed{background:rgba(0, 102, 255, 0.1); border-top:0;}
.news-list.fixed .img{border:1px solid transparent}

/* 일자 선택 */
.calendar-area{display:flex; align-items: center; padding-bottom:20px;}
.calendar-area .month-btn{padding-right:10px; width:60px; white-space: nowrap; border-right:1px solid #ECEFF2;}
.calendar-area .month-btn a{font-family: "line-bold", sans-serif;}
.calendar-area .month-btn a span{padding-right:22px; background:url("../images_m/icon-select-arrow.svg") no-repeat right center}
.calendar-area .date-area{padding-left:12px; width:calc(100% - 60px)}
.calendar-area .date-area .list{margin-right:8px; padding:4px 2px; width:calc((100% - 48px) / 7); text-align: center;}
.calendar-area .date-area .list:last-child{margin-right:0;}
.calendar-area .date-area .list .week-day{font-size:12px; line-height:18px;}
.calendar-area .date-area .list .day{margin-top:2px; font-family: "line-bold", sans-serif;}
.calendar-area .date-area .list.weekend{color:#FF453A;}
.calendar-area .date-area .list.saturday{color:#0066FF;}
.calendar-area .date-area .list.selected{color:#fff; background:#1E1E1E; border-radius:20px;}

/* 예약 카드형 리스트 */
.reserve-card-list{margin-top:20px;}
.reserve-card-list .card{display:block; margin-top:16px; border:1px solid #ECEFF2; border-radius:12px;}
.reserve-card-list .card:first-child{margin-top:0;}
.reserve-card-list .card .top-area{display:flex; align-items: flex-start; justify-content: space-between; padding:10px 12px; width:100%; border-bottom:1px solid rgba(0, 102, 255, 0.1)}
.reserve-card-list .card .top-area .tit-wrap{display:flex; align-items: center;}
.reserve-card-list .card .top-area .tit-wrap .tit{font-size:18px; line-height:22px; font-family: "line-bold", sans-serif;}
.reserve-card-list .card .top-area .tit-wrap .location{margin-left:4px; font-size:14px; line-height:14px; color:#6E6F73}
.reserve-card-list .card .top-area .status{display:flex; align-items: center; justify-content: center; min-height:22px; margin-left:12px; padding:0 7px; white-space: nowrap; font-size:12px; line-height:14px; font-family: "Pretendard-Bold"; background:#fff; border-radius:8px;}
.reserve-card-list .card .top-area .status span{display:inline-block; line-height:20px; vertical-align: -1em;}
.reserve-card-list .card .bottom-area{display:flex; align-items: flex-start; justify-content: space-between; position:relative; padding:10px 12px;}
.reserve-card-list .card .bottom-area2{display:block; position:relative; padding:0px 12px 10px;}
.reserve-card-list .card .bottom-area .left .time{font-family: "line-bold", sans-serif; font-size:20px;}
.reserve-card-list .card .bottom-area .left .time .day{position:relative; top:-1px; margin:0 5px 0 3px; font-family: "line-regular", sans-serif; font-size:14px; line-height:20px;}
.reserve-card-list .card .bottom-area .left .time .blue-txt{margin-right:6px;}
.reserve-card-list .card .bottom-area .left .txt{margin-top:2px; font-size:16px; line-height:22.4px;}
.reserve-card-list .card .bottom-area .left .txt span{margin-top:2px; font-family: "line-bold", sans-serif;}
.reserve-card-list .card .bottom-area .left .info-w, .reserve-card-list .card .bottom-area2 .left .info-w{margin-top:8px;}
.reserve-card-list .card .bottom-area .left .info-w .info, .reserve-card-list .card .bottom-area2 .left .info-w .info{padding-left:12px; margin-top:2px; font-size:15px; line-height:18.8px; color:#6E6F73; font-family: "Pretendard-Regular"; background:url("../images_m/icon-info.svg") no-repeat left top 5px;}
.reserve-card-list .card .bottom-area .left .join-div, .reserve-card-list .card .bottom-area2 .left .join-div{margin-top:8px;}
.reserve-card-list .card .bottom-area .right{position:relative; margin-left:8px; height:100%; text-align: right;}
.reserve-card-list .card .bottom-area .right .price{margin-bottom:4px; color:#0066FF; font-family: "line-bold", sans-serif; white-space: nowrap; font-size:18px;}
.reserve-card-list .card .bottom-area .right .price-info{font-size:12px; line-height:14px;}
.reserve-card-list .card .bottom-area .name, .reserve-card-list .card .bottom-area2 .name{position:absolute; bottom:9px; right:12px; font-size:16px; line-height:17px; color:#424345;}
.reserve-card-list .card .card-btn{display:block; padding:13px 0 11px; color:#0066ff; text-align: center; background:#fff; border-radius:0; border-bottom:1px solid #ECEFF2;}
/*.reserve-card-list .card .card-btn:last-child{border-radius:0 0 12px 12px; border-bottom:0;}*/
/*.reserve-card-list .card .bottom-btn .card-btn:last-child{border-radius:0 0 12px 12px; border-bottom:0;}*/
.reserve-card-list .card .card-btn.red{color:#FF453A}
.reserve-card-list .card .card-btn.gray{color:#6E6F73;}
.reserve-card-list .card.green{background:rgba(1, 186, 119, 0.1)}
.reserve-card-list .card.blue{background:rgba(50, 172, 241, 0.1)}
.reserve-card-list .card.gray{background:#ECEFF2}
.reserve-card-list .card.green .top-area .status{color:#01BA77}
.reserve-card-list .card.blue .top-area .status{color:#0066FF}
.reserve-card-list .card.gray .top-area .status{color:#6E6F73}

/* 조인 */
.join-div{display:flex; align-items: center; margin-top: 6px;}
.join-div .join{margin-right:4px; font-size:16px; line-height:17px; color:#6E6F73;}
.join-div .join:last-child{margin-right:0;}
.join-div .join img{width:18px;}

/* 별점 */
.star-div{display:flex;}
.star-div .star:not(:first-child){margin-left:-2px;}
.star-div .star.full{width:16px; height:16px; background: url("../images_m/icon-star-full.svg") no-repeat center center;}
.star-div .star.half{width:16px; height:16px; background: url("../images_m/icon-star-half.svg") no-repeat center center;}
.star-div .star.defalut{width:16px; height:16px; background: url("../images_m/icon-star-defalut.svg") no-repeat center center;}

/* 아코디언 */
.acco-area .acco-div{padding-bottom:8px; border-bottom:1px solid #ECEFF2}
.acco-area .acco-tit{display:block; position:relative; padding:24px 0 16px;; font-size:18px; line-height:25px; color:#000;}
.acco-area .acco-tit:after{display:block; content:""; position:absolute; right:0; top:29px; transform:rotate(0); width:16px; height:16px; background:url("../images_m/icon-select-arrow-on.svg") no-repeat center center; transition:transform 0.3s ease;}
.acco-area .acco-con{display:none; padding-bottom:16px; color:#6E6F73}
.acco-area .acco-div.on .acco-tit{font-family: "line-bold", sans-serif;}
.acco-area .acco-div.on .acco-tit:after{transform:rotate(180deg)}

/* 라벨 */
.label-list-area{display:flex; flex-wrap:wrap;}
.label{margin:8px 8px 0 0; padding:0 7px; font-size:12px; line-height:24px; font-family: "Pretendard-Regular"; border-radius:8px;}
.label:last-child{margin-right:0;}
.label.red{color:#FF453A; background:rgba(255, 69, 58, 0.1)}
.label.green{color:#01BA77; background:rgba(1, 186, 119, 0.1)}
.label.gray{background:#ECEFF2}

/* 회색 금액 설명 박스 */
.gray-price-con{position:relative; left:50%; transform:translateX(-50%); width:100vw;}
.gray-price-con + .gray-price-con{margin-top:16px;}
.gray-price-con .title{padding:0 20px; margin-bottom:12px; color:#000; font-size:16px; line-height:22px;}
.gray-price-con .date{padding:0 20px; margin-bottom:8px; color:#0066FF;}
.gray-price-con .con{padding:12px 20px; background:#F7F8FA;}
.gray-price-con .flex-box{display:flex; align-items: center; justify-content: space-between; margin-top:12px;}
.gray-price-con .flex-box:first-child{margin-top:0;}
.gray-price-con .flex-box > div{width:calc((100% - 10px) / 2)}
.gray-price-con .flex-box .left{margin-right:10px;}
.gray-price-con .flex-box .right{text-align: right;}
.gray-price-con .flex-box .right.blue-txt{font-size:18px; line-height:25px;font-family: "line-bold", sans-serif;}
.gray-price-con .flex-box .right.big{font-size:18px; line-height:25px;}
.gray-price-con .flex-box.thr > div{width:calc((100% - 20px) / 3)}
.gray-price-con .flex-box.thr .center{margin-right:10px; text-align: center;}
.gray-price-con .flex-box.tit > div{color:#6E6F73}
.gray-price-con .flex-box.total{padding-top:12px; border-top:1px solid #ECEFF2}
.gray-price-con .flex-box.total > div{color:#424345; font-family: "line-bold", sans-serif;}
.gray-price-con.total .con{padding:20px;}
.gray-price-con.total .total-txt{font-size:16px; line-height:22px; color:#000; font-family: "line-bold", sans-serif;}
.gray-price-con.total .flex-box .left{color:#424345}

/* table flex area */
.table-flex-area .tit-wrap{display:flex; justify-content: space-between; margin-bottom:20px;}
.table-flex-area .tit-wrap .tit{font-size:18px; line-height:24px; font-family: "line-bold", sans-serif;}
.table-flex-area .tit-wrap .date{font-size:12px; line-height:17px; color:#6E6F73;}
.table-flex-area .table-list{display:flex; align-items: flex-start; margin-top:6px;}
.table-flex-area .table-list:first-child{margin-top:0;}
.table-flex-area .table-list .tit{margin-right:10px; width:90px; color:#1e1e1e;}
.table-flex-area .table-list .txt{width:calc(100% - 100px)}
.table-flex-area .table-list.large .tit{width:110px;}
.table-flex-area .table-list.large .txt{width:calc(100% - 120px);}
.table-flex-area .table-list .gray{color:#6E6F73;}
.table-flex-area .table-list .txt > a{color:#0066FF; text-decoration: underline;}
.table-flex-area .table-info-txt{margin-top:12px; color:#424345}
.table-flex-area.half .table-list-w{display:flex; flex-wrap:wrap; margin-top:6px;}
.table-flex-area.half .table-list-w:first-child{margin-top:0;}
.table-flex-area.half .table-list{margin-top:0; width:50%}
.table-flex-area.half .table-list .tit{margin-right:8px; width:64px; color:#6E6F73;}
.table-flex-area.half .table-list .txt{width:calc(100% - 72px);}
/* ------------------------------------------- 공통 페이지 End ------------------------------------------- */

/**
  추가
 */
#loading-bg {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 9999998;
  text-align: center; }

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top:-50px;
  margin-left:-50px;
  z-index: 9999999; }

.calendar-area .month-btn span {
  padding-right: 22px;
  background: url(/www/common/images_m/icon-select-arrow.svg) no-repeat right center;
  font-family: "line-bold", sans-serif;
  border: none;
  padding: unset;
  height: unset;
  color: unset;
  font-size: unset;
  display: block;
}

.datepick-month-header{
  height: 2.5em;
}

.datepick-month-header select {
  -webkit-appearance: unset;
  width: unset;
  appearance: auto;
}

.pop-semi-area { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: rgba(0,0,0,.7); z-index: 9998; }

.apply-input-w .name-area img {
  width: 21px;
  height: 21px;
}

.form-time input[type=time]{
  padding: unset;

}

.form-time span[class=disabled]{
  color: #00000040

}

#reserve18HoleTransferList.reserve-card-list .card .bottom-btn:not(.display-none) a:last-child,
#reserve18PkgTransferList.reserve-card-list .card .bottom-btn:not(.display-none) a:last-child,
.reserve-card-list .card .bottom-btn:last-child a
{
  border-radius: 0 0 12px 12px;
  border-bottom: 0;
}

.no-data-div_mo .no-data{top:43%; padding-top:194px; background:url("/www/common/images_m/icon-no-join-reserve.svg") no-repeat center top;}
.no-data-div_mo {
  padding-top:10em;
}
.no-data-div_mo .no-data p{
  text-align: center;
  font-size: 18px;
  line-height: 23px;
  font-family: "line-bold", sans-serif;
  color: #A2A5AA;
}

@media (max-width: 390px){
  .reserve-card-list .card .bottom-area .left .time{
    font-size: 16px;
  }

  .reserve-card-list .card .bottom-area .right .price-info {
    white-space: nowrap;
  }
}

@media (max-width: 395px){
  .reserve-card-list .card .bottom-area .left .time{
    font-size: 18px;
  }

  .reserve-card-list .card .bottom-area .right .price-info {
    white-space: nowrap;
  }
}

.calendar-area p{
  font-size: 16px;
}

.input-sm {
  background-color: #fff797a3 !important;
}
.reserve-warning .txt {
  margin-top: 4px;
  line-height: 14px;
  text-align: center;
}