@charset "UTF-8";

* {margin: 0; padding: 0; letter-spacing: -.03em; word-break:break-all; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; /* page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; break-inside: avoid-page; break-before: avoid-page; break-after: avoid-page; */}
html {width: 100%; height: 100%;}
body {position: relative; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 18px; color: #1E1E1E; line-height: 24px; height: 100%; -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 {font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; vertical-align: top;}
input {padding: 3px 20px; height: 50px;}
input[type="text"]::-ms-clear {display:none;}
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: #8a8a8a;}
input[type="password"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="password"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="password"]::placeholder {color: #8a8a8a;}
input[type="password"]:disabled {color: #999; background-color: #F7F8FA;}
input[type="password"].readonly {color: #999; background-color: #F7F8FA;}
input[type="password"][readonly=readonly] {color: #999; background-color: #F7F8FA;}
input[type="text"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="text"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="text"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="text"]::placeholder {color: #8a8a8a;}
input[type="text"]:disabled {color: #999; background-color: #F7F8FA;}
input[type="text"]:-moz-read-only {color: #999; background-color: #F7F8FA;}
input[type="text"]:read-only {color: #1e1e1e; background-color: #F7F8FA;}
input[type="text"].readonly {color: #999; background-color: #F7F8FA;}
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: #8a8a8a;}
input[type="tel"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="tel"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="tel"]::placeholder {color: #8a8a8a;}
input[type="tel"]:disabled {color: #999; background-color: #F7F8FA;}
input[type="tel"]:-moz-read-only {color: #999; background-color: #F7F8FA;}
input[type="tel"]:read-only {color: #999; background-color: #F7F8FA;}
input[type="tel"].readonly {color: #999; background-color: #F7F8FA;}
input[type="tel"]:disabled + .cal_btn {opacity: .5;}
input[type="number"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="number"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="number"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="number"]::placeholder {color: #8a8a8a;}
input[type="number"]:disabled {color: #999; background-color: #F7F8FA;}
input[type="number"]:-moz-read-only {color: #999; background-color: #F7F8FA;}
input[type="number"]:read-only {color: #999; background-color: #F7F8FA;}
input[type="number"].readonly {color: #999; background-color: #F7F8FA;}
select {/* min-width: 160px; height: 50px; padding: 5px 40px 5px 20px; */ 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: 10px 20px; font-family: "line-regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; color: #333; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; vertical-align: top; background: #fff; border: 1px solid #e5e5e5; resize: none;}
textarea:focus, textarea:active {outline: none;}
textarea::-webkit-input-placeholder {color: #8a8a8a;}
textarea:-ms-input-placeholder {color: #8a8a8a;}
textarea::-ms-input-placeholder {color: #8a8a8a;}
textarea::placeholder {color: #8a8a8a;}
textarea:disabled {color: #999; background-color: #F7F8FA;}
textarea:-moz-read-only {color: #999; background-color: #F7F8FA;}
textarea:read-only {color: #999; background-color: #F7F8FA;}
a {text-decoration: none; color: #333;}
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 ;}

body {overflow-x: auto;}
body.dimd {overflow: hidden;}
#wrap {overflow: hidden; position: relative; min-width: 1500px; width: 100%;}
#wrap.looking_map_pop {min-height: 100vh;}

.narrow-inner{position:relative; margin:0 auto; width:386px;}
.inner{margin:0 auto; padding:156px 0 120px;; width:1200px;}
#wrap > .inner{min-height:calc(100vh - 100px);}

.sub-sec{margin-top:32px;}
.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-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 .txt{color:#424345}

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


/* ------------------------------------------ header Start ------------------------------------------ */
header{position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ECEFF2; z-index:2;}
header .inner{position:relative; margin:0 auto; padding:0; width:1200px; height:80px;}
header .inner .logo{position:absolute; top:28px; left:0;}
header .inner nav{display:flex; position:absolute; top:28px; left:246px;}
header .inner nav .one-depth{margin-right:40px;}
header .inner nav .one-depth > a{color:#A2A5AA; font-size:18px; line-height: 24px;}
header .inner nav .one-depth.on > a{color:#0066FF; font-family: "line-bold", sans-serif;}
header .inner .mypage{position:absolute; right:0; top:22px;}
header .inner .mypage .txt{padding:10px 12px 6px; font-size:14px; line-height:20px; color:#0066FF; border:1px solid #0066FF; border-radius: 8px;}
header .inner .mypage .txt.login{border:1px solid #CCCFD3}
header .inner .mypage .txt.login.on{border:1px solid #0066FF}
header .inner .mypage .txt.login span{padding-left:26px; color:#1E1E1E; background:url("../images/icon-header-login.svg") no-repeat left center;}
header .inner .mypage .txt.login.on span{color:#0066FF; background:url("../images/icon-header-login-on.svg") no-repeat left center;}
header .page-tab-area{border-top:1px solid #ECEFF2;}
header .page-tab-area .inner{display:flex; justify-content: space-between; align-items: flex-end; height:auto; min-height:57px;}
header .page-tab-area .filter-btn-div{display:flex; margin:20px 0 24px;}
header .page-tab-area .filter-btn-div .btn{margin-right:8px; padding:7px 12px 3px;font-size:14px; line-height:20px; border:1px solid #CCCFD3; border-radius:15px;}
header .page-tab-area .filter-btn-div .btn:last-child{margin-right:8px;}
header .page-tab-area .filter-btn-div .btn.on{color:#1e1e1e; border:1px solid #1E1E1E; font-family: "line-bold", sans-serif;}
header .page-tab-area .page-btn{display:inline-block; position:relative; padding-bottom:12px; margin-right:40px; color:#A2A5AA; font-family: "line-bold", sans-serif;}
header .page-tab-area .page-btn.on{color:#0066FF;}
header .page-tab-area .page-btn.on:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#0066FF}
header .page-tab-area .notice{display:inline-block; padding:0 0 12px 24px; font-size:14px; line-height:20px; background:url("../images/icon-notice.svg") no-repeat left top}
header .page-tab-area .notice span{font-family: "line-bold", sans-serif;}
/* ------------------------------------------ header End ------------------------------------------ */





/* ------------------------------------------ footer Start ------------------------------------------ */
footer{background:#F7F8FA;}
footer .inner{display:flex; align-items: center; justify-content: space-between; padding:27px 0 31px; width:931px;}
footer .inner .left .txt{margin-top:8px; color:#424345; font-size:12px; line-height:17px;}
footer .inner .left .txt:first-child{margin-top:0;}
footer .inner .right{display:flex;}
footer .inner .right .txt-div{margin-right:16px;}
footer .inner .right .txt{color:#424345; font-size:12px; line-height:17px;}
footer .inner .right .tit{margin-top:4px; color:#424345; font-size:14px; line-height:20px; font-family: "line-bold", sans-serif;}
/* ------------------------------------------ footer End ------------------------------------------ */






/* ------------------------------------------ form Start ------------------------------------------ */
.input-wrap .input-div-w{margin-top:64px;}
.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.no-flex{display:block;}
.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 .sub-tit{margin-top:8px; color:#424345; font-size:14px; line-height:20px;}
.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:24px;}
.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:10px;}
.input-wrap .input-div .tit-wrap + 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{display:flex;}
.input-wrap .input-div.half .half-box{display:block; width:calc((100% - 16px) / 2)}
.input-wrap .input-div.half .half-box:nth-child(1){margin-right:16px;}
.input-wrap .input-div.half .half-box:nth-child(2){margin-top:0;}
.input-wrap .input-div.half .half-box > div{width:100%;}
.input-wrap .input-div .half-box{display:flex;}
.input-wrap .input-div .half-box > div{width:calc((100% - 16px) / 2)}
.input-wrap .input-div .half-box > div:nth-child(1){margin-right:16px;}

.apply-input-wrap .apply-input-w{margin-top:16px;}
.apply-input-wrap .apply-input-w.include{padding-left:33px; background:url("../images/icon-apply-include.svg") no-repeat left top 5px}
.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; height:44px; border:1px solid #CCCFD3;}
.apply-input-wrap .border-btn span{font-size:14px; 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 16px; 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/icon-input-delete.svg") no-repeat center center}

.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-input.confirm input{padding-right: 90px;}
.form-input.confirm .confirm-txt{position:absolute; right:16px; top: 8px; 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-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/icon-checkbox.svg") left top no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox input:checked + label {background: url("../images/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/icon-circle-checkbox.svg") left top -1px no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox.circle input:checked + label {background: url("../images/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: 16px; font-size:14px; line-height:19px; background: url("../images/icon-square-checkbox.svg") left top no-repeat; z-index: 1; cursor: pointer;}
.form-checkbox.square input:checked + label {background: url("../images/icon-square-checkbox-on.svg") left top no-repeat;}

.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/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; font-size:14px; line-height:20px;}
.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:1;}
.form-select .select-con-w .select-con{overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:220px; max-height:70vh; background:#fff; border-radius:8px;}
.form-select .select-con-w .select-con .scroll-area{overflow-y:auto; padding:8px 0 !important; height:100%;}
.form-select .select-con-w .select-con .scroll-area .select-txt{display:block; padding:8px 16px; font-size:14px; line-height:20px;}
.form-select .select-con-w .select-con .scroll-area .select-tit-txt{padding:8px 16px; font-size:14px; line-height:20px; color:#A2A5AA}
.form-select .select-con-w .select-con .scroll-area .wrap .select-txt{padding-left:30px;}
.form-select.select .select-tit span{color:#1E1E1E}

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

.form-table {overflow: hidden; border-radius: 12px;}
.form-table table {table-layout: fixed;}
.form-table thead th {padding: 14px 5px 10px; text-align: center; font-size: 12px; line-height:17px; background: #eceff2;}
.form-table td {padding: 14px 20px; text-align: center;background:#f7f8fa; word-break: break-all;}
.form-table thead th:last-child {border-right: 0;}
.form-table tbody th {padding: 15px 20px; text-align: left; border-right: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1); word-break: break-all; background: #f7f2ef;}
.form-table tbody tr:first-child th {border-top: 0;}
.form-table tbody td {padding: 14px 5px 10px; font-size:12px; line-height:17px; border-right: 1px solid #eceff2;}
.form-table tbody td:last-child {border-right: 0;}
.form-table tbody th + td {border-top: 0;}
.form-table tbody tr:last-child td {border-bottom: 0;}
.form-table tbody td .no-data-txt{color:#A2A5AA; font-size:12px; line-height:17px;}
.form-table tbody td .card-remove{display:inline-block; padding:4px 7px 1px; font-family: "line-bold", sans-serif; color:#FF453A; background:#fff; border-radius:8px;}

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

.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:14px 44px 10px 16px; font-size:14px; 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-time{display:flex; align-items: center; justify-content: space-between;}
.form-date-time > div{position:relative; padding:14px 44px 10px 16px; font-size:14px; width:calc((100% - 10px) / 2); background:#F7F8FA; border-radius:8px;}
.form-date-time .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 End ------------------------------------------ */





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

.align-center{text-align: center !important;}
/* ------------------------------------------ font End ------------------------------------------ */





/* ------------------------------------------ button Start ------------------------------------------ */
.btn-wrap{margin-top:48px;}
.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:17px; line-height:23px; font-family: "line-bold", sans-serif;}
.color-btn.blue{background:#0066FF}
.color-btn.blue span{color:#fff;}
.color-btn.skyblue{background:rgba(0, 132, 255, 0.15)}
.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:17px; line-height:23px; 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/icon-link.svg") no-repeat left center;}
/* ------------------------------------------- button End ------------------------------------------- */





/* ------------------------------------------ layer-popup Start ------------------------------------------ */
.layer-popup{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index: 9998}
.layer-popup .pop-wrap{ overflow:hidden;  position:absolute; top:50%; left:50%;  transform:translate(-50%, -50%);  width:387px; max-height:70vh; background:#fff; border-radius:8px; z-index: 99999}
.layer-popup .pop-wrap .pop-head{padding:32px 60px 24px 26px;}
.layer-popup .pop-wrap .pop-head .tit{font-size:24px; line-height:30px; font-family: "line-bold", sans-serif;}
.layer-popup .pop-wrap .pop-head .tit span{margin-left:12px; font-size:12px; line-height:17px; color:#A2A5AA; font-family: "line-regular", sans-serif;}
.layer-popup .pop-wrap .pop-cont .txt-con{padding:24px 6px 0 26px; height:100%;}
.layer-popup .pop-wrap .pop-head + .pop-cont .txt-con{padding:0 6px 0 26px;}
.layer-popup .pop-wrap .pop-cont .txt-con .scroll-area{overflow-y:auto; padding:0 20px 24px 0; height:100%;}
.layer-popup .pop-wrap .pop-cont .txt-con .scroll-area::-webkit-scrollbar {width: 4px;}
.layer-popup .pop-wrap .pop-cont .txt-con .scroll-area::-webkit-scrollbar-thumb {border-radius: 2px; -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: #c0c0c0;}

.layer-popup .pop-wrap .pop-cont .txt-con .txt{font-size:16px; line-height:22px; word-break: keep-all; text-align: center;}
.layer-popup .pop-wrap .pop-cont .btn-wrap{margin-top:24px;}
.layer-popup .pop-wrap .pop-cont .btn-wrap .color-btn + .color-btn{margin-top:8px}
.layer-popup .pop-wrap .pop-cont .btn-wrap.flex{display:flex; justify-content: space-between;}
.layer-popup .pop-wrap .pop-cont .btn-wrap.flex .color-btn{margin-top:0; width:calc((100% - 20px) / 2)}
.layer-popup .pop-wrap .pop-cont .blue-btn-area .btn{margin-right:6px;}
.layer-popup .pop-wrap.no-btn{width:65%;}
.layer-popup .pop-wrap.no-btn .txt-con{padding:50px 45px;}
.layer-popup .pop-wrap .x-btn{position:absolute; top:33px; right:26px;}

.layer-popup.small .pop-wrap{width:303px;}
.layer-popup.small .pop-wrap .pop-cont .tit{margin-bottom:8px; font-size:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.layer-popup.small .pop-wrap .pop-cont .btn-wrap{overflow:hidden; margin-top:0; border-radius:0 0 8px 8px;}
.layer-popup.small .pop-wrap .pop-cont .btn-wrap .color-btn{border-radius:0 0 8px 8px;}
.layer-popup.small .pop-wrap .pop-cont .btn-wrap.flex .color-btn{width:50%; border-radius:0;}


.layer-popup.large .pop-wrap{width:738px}
/* ------------------------------------------- layer-popup End ------------------------------------------- */





/* ------------------------------------------ 공통 영역 Start ------------------------------------------ */
.page-tit-wrap{margin-bottom:40px; text-align: center;}
.page-tit-wrap .big-tit{font-size:32px; line-height:38px; font-family: "line-bold", sans-serif;}
.page-tit-wrap .sub-tit{margin-top:8px; font-size:16px; line-height:22px; color:#6E6F73;}

.page-prev-area{display:flex; position:relative; align-items: center; margin-bottom:94px;}
.page-prev-area .page-title{margin-left:10px; font-size:18px; line-height:24px; font-family: "line-bold", sans-serif;}


/* 뉴스리스트 공통 */
.news-list{display:flex; align-items: flex-start;margin-top:8px; padding:24px 20px; width:100%; border-bottom:1px solid #ECEFF2; border-radius:8px;}
.news-list:first-child{margin-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 .con{font-size:14px; line-height:20px;}
.news-list .news-con .date{margin-top:2px; color:#A2A5AA; font-size:14px; line-height:20px;}
.news-list .news-con .fixed-txt{margin-top:2px; padding-left:18px; font-size:14px; line-height:20px; color:#0066FF; background:url("../images/icon-news-fixed.svg") no-repeat left top 2px;}
.news-list.fixed{background:rgba(0, 102, 255, 0.1); border-top:0;}
.news-list.fixed .img{border:1px solid transparent}


/* 페이징 */
.paging {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin-top:40px;}
.paging .btn-page {display: block; width: 32px; height: 32px;}
.paging .btn-page.prev {margin-right:20px; background: url("../images/btn-paging-prev.svg") center center no-repeat; transition:all 0.4s ease;}
.paging .btn-page.next {margin-left:20px; background: url("../images/btn-paging-next.svg") center center no-repeat; transition:all 0.4s ease;}
.paging .num {color: #1e1e1e; font-size: 14px; width:39px; line-height:44px; text-align: center; border-radius:8px;}
.paging .num.active {background:#F7F8FA;}


/* 화살표 리스트 */
.arrow-list-wrap .arrow-list{display:block; padding:26px 25px 22px 0; border-bottom:1px solid #ECEFF2; background:url("../images/icon-arrow-list.svg") no-repeat right center;}
.arrow-list-wrap .arrow-list.on{background:url("../images/icon-arrow-list-on.svg") no-repeat right center;}
.arrow-list-wrap .arrow-list.on .tit{color:#0066FF}


/* 파란 버튼 탭 */
.blue-btn-area{display:flex; flex-wrap:wrap; margin-top:-8px; width:100%;}
.blue-btn-area .btn{margin:8px 8px 0 0; padding:9px 14px 5px; width:auto; color:#424345; font-size:14px; line-height:20px; border:1px solid #CCCFD3; border-radius:18px; background:#fff;}
.blue-btn-area .btn.on{background:rgba(50, 172, 241, 0.1); color:#0066FF; font-family: "line-bold", sans-serif; border:1px solid #0066FF}
.blue-btn-area .btn:last-child{margin-right:0;}
.blue-btn-area.arrow-ver .btn span{padding-right:20px; color:#000; background:url("../images/icon-select-arrow-on.svg") no-repeat right top -1px;}
/* .blue-btn-area.arrow-ver .btn.on span{color:#0066FF; background:url("../images/icon-select-arrow-blue.svg") no-repeat right top -1px;} */


/* join-div */
.join-div{display:flex;}
.join-div .join{display:flex; align-items: center; margin-right:4px; font-size:12px; line-height:17px; color:#6E6F73;}
.join-div .join:last-child{margin-right:0;}


/* 라벨 */
.label{padding:7px 0 5px; width:42px; text-align:center; font-size:10px; line-height:1; font-family: "line-bold", sans-serif; border-radius:8px;}
.label.red{color:#FF453A; background:#FFEDEC;}
.label.blue{color:#0066FF; background:rgba(0, 102, 255, 0.1);}
.label.gray{color:#1e1e1e; background:#ECEFF2;}
.label.big{padding:9px 0 7px; width:54px; font-size:12px;}


/* 예약 카드형 리스트 */
.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:16px; line-height:22px; font-family: "line-bold", sans-serif;}
.reserve-card-list .card .top-area .tit-wrap .location{margin-left:4px; font-size:10px; line-height:14px; color:#6E6F73}
.reserve-card-list .card .top-area .status{margin-left:12px; padding:6px 7px 2px; white-space: nowrap; font-size:10px; line-height:14px; font-family: "line-bold", sans-serif; background:#fff; border-radius:8px;}
.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-area .left .time{font-family: "line-bold", sans-serif; font-size:16px;}
.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:12px; line-height:17px;}
.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{margin-top:8px;}
.reserve-card-list .card .bottom-area .left .info-w .info{padding-left:12px; margin-top:2px; font-size:10px; line-height:14px; color:#6E6F73; background:url("../images/icon-info.svg") no-repeat left top 1px;}
.reserve-card-list .card .bottom-area .left .join-div{margin-top:8px;}
.reserve-card-list .card .bottom-area .right{position:relative; margin-left:12px; 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;}
.reserve-card-list .card .bottom-area .right .price-info{font-size:10px; line-height:14px;}
.reserve-card-list .card .bottom-area .name{position:absolute; bottom:9px; right:12px; font-size:12px; 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 .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}


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


/* 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; font-size:14px; line-height:20px;}
.table-flex-area .table-list .txt{width:calc(100% - 100px); font-size:14px; line-height:20px;}
.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 ------------------------------------------ */

.hidden{position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;}

.calendar-cont {position:absolute; z-index:3;background:#fff; border:1px solid #ddd; top:5.5em; width:40em; padding:2em 1.5em 1.5em 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); left: -1em; font-size:10px;}
.calendar-cont:before {z-index: 1; content:""; position:absolute; top:-1.2em; left: 7em; transform: rotate(45deg); border:1px solid #ddd; width:2em; height:2em; background:#fff;}
.calendar-cont:after {z-index:2; content:""; position:absolute; top:0;  left: 6em; width:4em; height:2em; background:#fff;}
.calendar {width:100%;}
.calendar tr th { text-align:right; padding:1em; font-size:1.8em;}
.calendar tr td { text-align:right; font-size:1.6em;}
.calendar tr td.bg {background-color: #eee;}
.calendar tr td div {position: relative;}
.calendar tr td a { display:block; padding:.7em 1em 1.2em; text-align: center;}
.calendar tr td div span {    font-size: 0.6em;
    font-weight: 700;
    position: absolute;
    bottom: 3.5em;
    left: 3.6em;
    width: 2em;
    height: 2em;
    line-height: 2.1em;
    text-align: center;
    border-radius: 2.4em;
    color: #fff;
    background: #0084ff;}
.calendar tr th:nth-of-type(1),
.calendar tr th:nth-of-type(7),
.calendar tr td:nth-of-type(1),
.calendar tr td:nth-of-type(7) {color:#d24e4b; }
.calendar tr td .none { color:#ccc; padding:.7em 1em 1.2em;}
.datepicker-title {padding:.5em 0 2em; text-align: center; position: relative;}
.datepicker-title span {font-size:2em; font-weight:700; }
.datepicker-prev {position:absolute; left:9em; top: .5em; border: solid 1px #222; width:2em; height:2em; border-radius:2.4em; background:url('/homepage/images/feather-arrow-left.png') no-repeat 50% 50%;}
.datepicker-next {position:absolute; right:9em; top:.5em; border: solid 1px #222; width:2em; height:2em; border-radius:2.4em; background:url('/homepage/images/feather-arrow-right.png') no-repeat 50% 50%;}
.btn-calendar-close {position:absolute; top: 0.5em; right: 0.8em; width:3em; height:3em; background:url('/homepage/images/icon-close-s.png') no-repeat 50% 50%;}