@charset "utf-8";


/* header */
#header {padding:3.75rem 0 0; text-align:center;}
#header h1 {font-size:1.625rem; font-weight:800; margin-bottom:2.81rem;}
#header h2 {font-size:2.875rem; line-height:1.2em; font-weight:400;}
#header h2 strong {display:block; font-size:3.75rem; line-height:1.2em; font-weight:800; margin-top:0.3125rem;}
#header .date {font-size:1.375rem; margin-top:0.9375rem;}
#header .btn_box {position:relative;}
#header .btn_box a {display:block; font-size:3.75rem; position:absolute; bottom:0;}
#header .btn_box a:before {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
#header .btn_box a.next_btn {right:3.75rem;}
#header .btn_box a.prev_btn {left:3.75rem;}
#header .btn_box a.next_btn:before {content:'\f105';}
#header .btn_box a.prev_btn:before {content:'\f104'}
#header .btn_box a.disabled {color:#e0e2e3;}


/* footer */
#footer {width:calc(100% - 7.5rem); margin:0 auto; border-top:1px solid #d5d5d5; padding:2.5rem 0 3.125rem;}
#footer ul {margin-bottom:4.375rem;}
#footer ul li {/*font-size:1.5rem;*/ font-size:13px; line-height:1.8em; padding-left:1.625rem; margin-bottom: 20px; position:relative;}
#footer ul li span, #footer ul li p {font-size:1em !important;}
#footer ul li:before {content:'※'; position:absolute; left:0; top:0;}
#footer ul li .copy_btn {font-size:1.125rem; margin-left:0.3125rem;}
#footer ul li .copy_btn:before {content:'\f0c5'; font-weight:400; font-family:'Font Awesome 6 Pro'}
#footer .f_logo {text-align:center;}
#footer .f_logo img {width:30rem;}


/* main */
#main_tab {display:flex; align-items:center; width:100%; padding:3rem 4.68rem; /*margin-bottom:17.5rem;*/}
#main_tab ul {width:100%;}
#main_tab ul li {margin-bottom:1.875rem;}
#main_tab ul li:last-child {margin-bottom:0;}
#main_tab ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:6.25rem; border:1px solid #acb1b4; border-radius:0.625rem; font-size:1.625rem; font-weight:800; text-align:center; transition:all 0.4s; transition-property:background, border, box-shadow, color;}
#main_tab ul li a:hover {background:#10a7e6; border-color:#10a7e6; box-shadow:0.18rem 0.5rem 1.25rem rgba(0,0,0,0.16); color:#fff;}


/* sub */
#sub_content {width:calc(100% - 4.5rem); min-height:50vh; padding:8.75rem 0 7.5rem; margin:0 auto;}

.s_txt1 {font-size:1.5rem; text-align:center;}

.btn_wrap {display:flex; justify-content:end; width:100%; margin-top:3.125rem;}
.btn_wrap a {display:block; padding:0.75rem 1.25rem; background:#10a7e6; font-size:1.5rem; color:#fff; border-radius:0.3125rem;}


/* 내 테이블 */
.sMytable_wrap .top_box {display:flex; align-items:start; width:100%; margin-bottom:2.25rem;}
.sMytable_wrap .top_box .screen {width:32%; line-height:3rem; border:3px dotted #ddd; font-size:1.375rem; text-align:center;}
.sMytable_wrap .top_box .stage {width:36%; line-height:5rem; border:3px dotted #ddd; font-size:1.375rem; text-align:center;}
.sMytable_wrap .table_box {}
.sMytable_wrap .table_box ul {display:flex; flex-wrap:wrap; gap:2rem 0; width:100%; counter-reset:counter;}
.sMytable_wrap .table_box ul li {width:10%;}
.sMytable_wrap .table_box ul li.case2 {width:15%;}
.sMytable_wrap .table_box ul li a {display:flex; justify-content:center; align-items:center; width:3.5rem; height:3.5rem; border:1px solid #ddd; border-radius:50%; font-size:1.25rem; text-align:center; margin:0 auto;}
.sMytable_wrap .table_box ul li a:before {content:counter(counter)'번'; counter-increment:counter;}
.sMytable_wrap .table_box ul li.find a {background:#10a7e6; border-color:#10a7e6; color:#fff;}
.sMytable_wrap .booths_box {display:flex; align-items:end; width:100%; margin-top:4rem;}
.sMytable_wrap .booths_box .entrance {display:block; width:15%; height:0.5rem; background:#121747; position:relative; margin-left:17%;}
.sMytable_wrap .booths_box .entrance span {width:100%; font-size:1.5rem; position:absolute; left:0; bottom:100%; transform:translate(0, -50%); text-align:center;}
.sMytable_wrap .booths_box .system {display:flex; justify-content:center; align-items:center; width:45%; min-height:3rem; border:3px dotted #ddd; font-size:1.375rem; line-height:1.5em; text-align:center; padding:0.625rem; margin-left:15%;}
/*.sMytable_wrap .screen {width:65%; line-height:3rem; border:3px dotted #ddd; font-size:1.375rem; text-align:center; margin:2.25rem auto 2.25rem;}
.sMytable_wrap .table_box {position:relative;}
.sMytable_wrap .table_box ul {display:flex; flex-wrap:wrap; width:100%; counter-reset:counter;}
.sMytable_wrap .table_box ul li {width:20%;}
.sMytable_wrap .table_box ul li:nth-child(4) ~ li {margin-top:3.125rem}
.sMytable_wrap .table_box ul li:nth-child(2), .sMytable_wrap .table_box ul li:nth-child(4n + 2) {margin-right:20%}
.sMytable_wrap .table_box ul li a {display:flex; justify-content:center; align-items:center; width:6rem; height:6rem; border:1px solid #ddd; border-radius:50%; font-size:1.25rem; text-align:center; margin:0 auto;}
.sMytable_wrap .table_box ul li a:before {content:counter(counter)'번'; counter-increment:counter;}
.sMytable_wrap .table_box ul li.find a {background:#10a7e6; border-color:#10a7e6; color:#fff;}
.sMytable_wrap .table_box .entrance {display:block; width:6rem; height:0.5rem; background:#121747; position:absolute; left:0rem; bottom:-6.25rem;}
.sMytable_wrap .table_box .entrance span {width:100%; font-size:1.5rem; position:absolute; left:0; bottom:100%; transform:translate(0, -50%); text-align:center;}
.sMytable_wrap .booths_box {display:flex; justify-content:end; width:100%; margin:2.25rem auto;}
.sMytable_wrap .booths_box p {display:flex; justify-content:center; align-items:center; min-height:3rem; border:3px dotted #ddd; font-size:1.375rem; line-height:1.5em; text-align:center; padding:0.625rem}
.sMytable_wrap .booths_box p.camera {width:20%;}
.sMytable_wrap .booths_box p.system {width:40%; margin-right:0.625rem;}*/
.sMytable_wrap .sch_txt {width:100%; background:#f8f9fc; font-size:1.125rem; line-height:1.5em; padding:1.25rem 1.25rem 2.25rem 3.25rem; margin:-3.25rem auto 0; position:relative; margin-bottom:2.25rem}
.sMytable_wrap .sch_txt:before {content:'※'; position:absolute; left:1.25rem; top:1.25rem;}
.sMytable_wrap .sch_box {display:flex; width:100%; border:1px solid #707070; margin:0.625rem auto 0;}
.sMytable_wrap .sch_box .form_txt {width:calc(100% - 4.375rem); height:4.375rem; border:0; border-radius:0; font-size:1.5rem; padding:0 1.25rem; font-family:'NanumSquareNeo', 'Pretendard';}
.sMytable_wrap .sch_box .sch_btn {display:block; width:4.375rem; font-size:1.5rem;}
.sMytable_wrap .sch_box .sch_btn:before {content:'\f002'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}


/* 고마운분들 */
.sThanks_wrap > div {margin-bottom:6.25rem;}
.sThanks_wrap > div:last-child {margin-bottom:0;}
.sThanks_wrap > div .tit {font-size:2.5rem; font-weight:600; text-align:center; margin-bottom:2.5rem;}
.sThanks_wrap > div table {width:calc(100% - 2.5rem); margin:0 auto;}
.sThanks_wrap > div table tbody td {font-size:1.25rem; padding:1rem 0;border-bottom: 1px solid #ddd;}
.sThanks_wrap > div table tbody td.num {width:2.5rem; text-align:left;}
.sThanks_wrap > div table tbody td.nameS {width:9.375rem; text-align:left;}
.sThanks_wrap > div table tbody td.nameM {width:13.125rem; text-align:left;}
.sThanks_wrap > div table tbody td.nameL {width:17.5rem; text-align:left;}
.sThanks_wrap > div table tbody td.price {text-align:right;}
.sThanks_wrap > div table tbody td.product {width:25rem; text-align:right;}


/* 주차정산 안내 */
.sParking_wrap .info_box {width:100%; background:#f8f9fc; padding:1.875rem 1.5rem 1.875rem 7rem; margin-bottom:1.875rem; position:relative;}
.sParking_wrap .info_box:before {content:'\f06a'; font-size:3.125rem; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; left:2rem; top:50%; transform:translateY(-50%)}
.sParking_wrap .info_box p {font-size:1.5rem; line-height:1.7em;}
.sParking_wrap .info_box p.t1 {font-weight:600;}
.sParking_wrap .img_box {text-align:center; margin-bottom:6.25rem;}
.sParking_wrap .img_box img {max-width:100%;}
.sParking_wrap .tit1 {font-size:2.5rem; font-weight:600;}
.sParking_wrap dl dt {font-size:1.5rem; font-weight:600; margin:2rem 0 0.875rem;}
.sParking_wrap dl dd {font-size:1.5rem; line-height:1.7em;}


/* madal popup */
.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:100;}
.modal_popup.active {display:flex;}
.modal_popup .popup_inner {width:calc(100% - 15rem); max-height:80vh; background:#fff; border-radius:0.625rem; padding-top:3.125rem; overflow:hidden;}
.modal_popup .tit {font-size:2.5rem; text-align:center; font-weight:800; margin-bottom:1.875rem;}
.modal_popup ul li {font-size:1.5rem; line-height:1.5em; margin-bottom:0.625rem; text-align:center;}
.modal_popup ul li:last-child {margin-bottom:0;}
.modal_popup .btn_box {display:flex; margin-top:3.125rem}
.modal_popup .btn_box a {display:flex; justify-content:center; align-items:center; width:100%; height:5rem; background:#f8f9fc; font-size:1.5rem; font-family:'NanumSquareNeo', 'Pretendard';}
.modal_popup .close_btn {display:block; width:100%; height:5rem; background:#121747; font-size:1.5rem; color:#fff; font-family:'NanumSquareNeo', 'Pretendard';}
.modal_popup .btn_box.case2 a, .modal_popup .btn_box.case2 .close_btn {width:50%;}

/* 동연회 */
.circle_list {display: flex;flex-wrap: wrap;width: 100%;counter-reset: counter;margin-top: -4rem }
.circle_list li {width: 50%; font-size: 1.25rem; text-align: center;}
.circle_list li:nth-child(2) ~ li {margin-top:5rem;}
/*.circle_list li a {display: block; font-size: 1.25rem; text-align: center; margin: 0 auto;}*/
.circle_list li img {width: 70%;}
.circle_list li h3 {font-size: 2.375rem;color: #121747;padding:10px 0 0;}
.circle_list li p {padding: 5px 4px; font-size: 1.375rem; line-height: 1.4; background: #f6f6f6; margin: 8px;}
.circle_list li .bank {display:inline-block; margin-bottom:10px;font-size: 1.125rem;line-height: 1.4;}
.circle_list li .cricle_btn {display:block; padding: 10px; border-radius: 20px; font-size: 1.375rem; background: #2b4591; border-color: #2b4591; color: #fff; display: block; width: 70%; margin: 0 auto;}
.circle_list li .cricle_btn.case2 {background:#9771b0; border-color:#9771b0; margin-top:3px;}
/*.circle_list li .cricle_btn:nth-of-type(2) {margin-top:3px;}*/


.sub_table_box {width:100%;}
.sub_table_box thead th {background:#121747; font-size:1.25rem; color:#fff; font-weight:600; padding:1.25rem 0;}
.sub_table_box tbody th {font-size:1.25rem; font-weight:500; padding:1rem 0;border-bottom: 1px solid #ddd;  border-right:1px solid #ddd;}
.sub_table_box tbody td {font-size:1.25rem; padding:1rem 0;border-bottom: 1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.sub_table_box tbody td:last-child {border-right:0;/*text-align:left;padding-left:6px;*/}