@media (max-width: 480px) {
    br{display:none;}
} 

/* 서브 비주얼 */
.s_visual{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(../image/sub_bg.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; height:180px; transition: .2s; z-index: 1;}
.s_visual .slogan{font-family: Jalnan2; text-align: center; color: #031542; font-size: clamp(32px, 6vw, 43px); letter-spacing: -0.6px; margin-top: 5px;}
.s_visual .deco{position: absolute; transition: .2s; z-index: -1;}
.s_visual .deco01{left: 16%; top: 24px;}
.s_visual .deco02{right: 14%; top: 5%;}
.s_visual .deco03{right: 8%; top: 30px;}
.s_visual .deco01 i{display: block; background:url(../image/v_img3.png) no-repeat; background-size: contain; width: 160px; height: 100px; transition: .2s;}
.s_visual .deco02 i{display: block; background:url(../image/v_img4.png) no-repeat; background-size: contain; width: 160px; height: 140px; transition: .2s;}
.s_visual .deco03 i{display: block; background:url(../image/v_img5.png) no-repeat; background-size: contain; width: 54px; height: 81px;}

@media (max-width: 1324px){
    .s_visual .deco01{left: 10%; top: 40px;}
    .s_visual .deco02{right: 10%; top: 13%;}
    .s_visual .deco03{right: 3%; top: 30px;}
    .s_visual .deco03 i{width: 45px;}
}
@media (max-width: 1080px){
    .s_visual .deco01{left: 5%;}
    .s_visual .deco02{right: 7%;}
    .s_visual .deco03{right: 0; top: 30px;}
}
@media (max-width: 768px){
    .s_visual{height: 180px;}
    .s_visual .deco01{left: 0; top: 10%;}
    .s_visual .deco02{right: 0; top: 8%;}
    .s_visual .deco03{display: none}
    .s_visual .deco01 i{width: 120px;}
}
@media (max-width: 540px){
    .s_visual .deco{display: none;}
}

/* 브레드 크럼 */
.breadcrumb_wr{display: flex; width: calc(100% - 40px); max-width: 1400px; margin: 0 auto; height: 65px; margin-bottom: 30px;}
.breadcrumb_wr .breadcrumb{width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 5px;}
.breadcrumb_wr .breadcrumb li{display: flex; align-items: center; gap: 5px;}
.breadcrumb_wr .breadcrumb li a{color: #444;}
.breadcrumb_wr .breadcrumb .home::before,
.breadcrumb_wr .breadcrumb li:not(:last-child)::after{display: inline-flex; align-items: center; content: ''; width: 20px; height: 20px;}
.breadcrumb_wr .breadcrumb .home::before{background: url(../image/ico_home.svg) no-repeat;}
.breadcrumb_wr .breadcrumb li:not(:last-child)::after{background: url(../image/ico_arrow.svg) no-repeat;}

@media (max-width: 768px){
    .breadcrumb_wr{margin-bottom: 30px;}
    .breadcrumb_wr .breadcrumb{gap: 0;}
    .breadcrumb_wr .breadcrumb li a{font-size: 14px;}
}

/* 로그인 */
.account_wr{width: 100%; height: 100%; background-color: #F9F9F9;}
.account_wr2{display: flex; align-items: center; width: 100%; min-height: 500px; height: calc(100dvh - 90px - 137px); background-color: #F9F9F9;}
.account_wr .account_inner{width: calc(100% - 40px); max-width: 1000px; margin:0 auto; padding: 150px 0;}
.account_wr .account_inner.log_inner{max-width: 500px;}
.account_wr .account_inner h2{font-family: Jalnan2; text-align: center; font-size: clamp(30px, 8vw, 50px); margin-bottom: 20px;}
.account_wr .account_inner .form{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 60px 40px; border-radius: 20px; background-color: #fff;}
.account_wr .account_inner form .loginput{width: 100%;}
.account_wr .account_inner form .log_lnk{display: flex; gap: 15px; color: #888; margin-top: 30px;}
.account_wr .account_inner form .log_lnk .link_item:hover{color: #444; text-decoration: underline;}
.account_wr .account_inner form .log_lnk .join{color: #12a3b0; font-weight: 700;}
.account_wr .account_inner form .log_lnk .join:hover{text-decoration: underline;}
.account_wr .account_inner form .id_btn{max-width: 420px;}
.account_wr .account_inner form .id_btn button{display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; gap: 10px; font-size: 18px; font-weight: 600; padding: 30px 0;}
.account_wr .account_inner form .id_btn button::before{content: ''; display:block; width:24px; height: 24px; background: url(../image/ico_lock.svg) no-repeat;}
.account_wr .account_inner form .tx{font-size: 18px; text-align: center; word-break: keep-all; line-height: 140%;}

@media (max-width: 768px){
    .account_wr .account_inner{padding: 100px 0;}
    .account_wr .account_inner .form{padding: 30px;}
    .account_wr .account_inner form .log_lnk{gap: 8px; margin-top: 20px; font-size: 15px;}
    .account_wr .account_inner form .id_btn button{font-size: 16px;}
}
@media (max-width: 390px){
    .account_wr .account_inner form .log_lnk{gap: 5px; font-size: 14px;}
    
}

/* 회원가입 */
.progress{position: relative; width: 100%; max-width: 1400px; display: flex; justify-content: space-between; padding: 20px; }
.progress2{max-width: 665px; padding: 30px; margin: 0 auto 50px auto;}
.progress.progress2 .group{position: relative; width: calc((100% - 50px) /3); display: flex; flex-direction: column; gap: 15px; z-index: 1;}
.progress.progress2 .group:last-child{width: 50px;}
.progress.progress2 .group .tx,
.progress.history .group .tx{display: flex; flex-direction: column; gap: 5px; margin-top: 10px;}
.progress.history .group .tx{gap: 10px; margin-top: 15px;}
.progress.history .group .tx strong{color: #0B318F; font-size: 20px;}
.progress.progress2 .group .tx ul{margin-top: 10px;}
.progress .group .tx ul li{color: #555;}
.progress .group .tx ul li:last-child{margin-top: 5px;}
.progress .group .dot{position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: #0B318F;}
.progress2 .group .dot{background-color: #D8D8D8;}
.container .progress::before{position: absolute; content: ''; top: 30px; width: 100%; height: 1px; background-color: #0B318F;}
.account_wr .account_inner .progress2 .group:not(:last-child)::before{position: absolute; content: ''; top: 10px; width: 100%; max-width: 200px; height: 1px; background-color: #ddd;}
.account_wr .account_inner .progress .group.sucess::before,
.account_wr .account_inner .progress .group.sucess .dot{background-color: #1BA2F5;}
.account_wr .account_inner .progress .group.on .dot{background-color: #f9f9f9; border: 1px solid #1BA2F5;}
.account_wr .account_inner .progress .group.on .dot::before,
.account_wr .account_inner .progress .group.sucess .dot::before{position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background-color: #1BA2F5;}
.account_wr .account_inner .progress .group.sucess .dot::before{background: url(../image/ico_progress.svg) no-repeat;}
.account_wr .account_inner .progress .group span{font-size: 14px; color: #555;}

@media (max-width: 1080px){
    .progress.history{flex-direction: column; gap: 30px;}
    .progress.history .group{gap: 0;}
    .progress.history .group .tx{margin-left: 50px; transform: translateY(-20px);}
    .container .progress::before{width: 1px; height: 100%; top: 0; left: 30px;}
}

@media (max-width: 480px){
    .progress{padding: 20px; margin-bottom: 30px;}
    .progress::before{width: calc(100% - 55px); top: 30px;}
    .progress2 .group .tx strong{font-size: 15px;}
}

/* 회원가입 테이블 */
.table,
.board,
.board3 {width: 100%; background-color: #fff; border-top: 2px solid #0B318F; border-bottom: 1px solid #ddd;}
.table .thead{display: flex;}
.table .thead > th{flex: 0 0 auto;}
.table .tr {display: flex; align-items: stretch;}
.table .tr + .tr {border-top: 1px solid #ddd;}
.table .td {padding: 20px; width: 100%;}
.table .inp_box{display: flex; gap: 5px;}
.table .th {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 180px; font-weight: bold; background-color: #F9F9F9; text-align: center;  border-right: 1px solid #ddd;}
.table .table_tit{background-color: #f9f9f9; text-align: center; font-weight: 500; font-size: 18px; line-height: 140%; word-break: keep-all;}
.table .table_cnt{padding: 10px; line-height: 140%; word-break: keep-all;}
form .form_wr .tit_chck{color: #0B318F; font-weight: 600; font-size: 18px;}
form .form_wr .tit_chck2{margin-bottom: 10px;}
form .form_wr .table .inp_boxWr{display: flex; flex-direction: column; gap: 5px;}
form .form_wr .table .addr_tx{display: flex; gap: 5px; justify-content: space-between;}
form .form_wr .table .addr_tx .addr_chk{margin-top: 10px;}
form .form_wr .table .inp_box > .btn3{flex: 0 0 200px;}
.radio_group{display: flex; gap: 15px;}
.radio_group > .ex2{margin-top: 0;}
form .form_group{margin-top: 80px;}
form .form_group,
form .form_wr{width: 100%;}
form .form_wr:not(:first-child){margin-top: 10px;}
form .lineBox{margin-top: 15px;}
.agree_box{overflow-y: scroll; display: flex; flex-direction: column; gap: 30px; height: 250px; border: 1px solid #ddd; padding: 20px; margin-top: 10px;}
.agree_chk{margin-top: 15px;}
.agree_chk.chk_box{text-align: center; padding: 14px 10px; background-color: #f9f9f9; border-radius: 5px; width: 100%; margin-top: 50px; font-size: 18px;}
form .icoImg{display: block; background-size: contain; width: 100px; height: 100px; margin-bottom: 10px; background: url(../image/phone_img.png) no-repeat;}
form > strong{font-size: 30px; margin-bottom: 30px; text-align: center; line-height: 140%;}
form .ex{margin-top: 20px; text-align: center; word-break: keep-all;}
.top{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px;}
.top > .btn_wr{margin: 0;}
.tit{display: flex; gap: 15px; align-items: flex-end; margin-bottom: 20px;}
.tit > h3{margin-bottom: 0px;}
.tit > p{color: #444; font-size: 15px; font-weight: 300;}
.line_r{border-right: 1px solid #ddd;}
.td_left td{text-align: left !important; padding: 20px 25px !important;}
.td_pd25{padding: 25px !important;}

/* 테이블, 개인정보처리방침, 이용안내 공통 */
h3.bullet01{font-size: 22px;}
h3.bullet01::before{height: 20px;}
.inner{display: flex; flex-direction: column; gap: 15px; line-height: 130%;}
.inner .info_group{display: flex; flex-direction: column; gap: 7px; padding-left: 10px;}
.inner h4,
.inner h5{font-size: 18px; font-weight: 600;}
.inner h5{text-decoration: underline; color: #0B318F;}

/* 팝업 */
.pop{position: relative; padding-right: 15px;}
.pop button::after{position: absolute; top: 50%; right: 40px; transform: translateY(-50%); content: ''; background: url(../image/ico_help.svg) no-repeat; width: 24px; height: 24px;}

@media (max-width: 768px){
    form .agree_chk.chk_box{margin-top: 30px;}
    form .form_wr h3.bullet01{font-size: 20px;}
    .table .tr{flex-direction: column;}
    .table .th{flex: 0 0 50px; border-right: none;}
    .table .table_tit{background-color: #fff;}
    form .form_wr .table .addr_tx{flex-direction: column;}
    form .form_wr .table .addr_tx .addr_chk{margin-top: 0;}
    form .form_wr .table .inp_box > .btn3{flex: 0 0 100px;}
    .tit{flex-direction:column; align-items: flex-start; margin-bottom: 20px; gap: 10px;}
    
}
@media (max-width: 480px){
    form .form_wr h3.bullet01{font-size: 18px;}
    form .tit{flex-direction: column; align-items: flex-start;}
}

/* 컨텐츠 테이블 */
.board_wr{overflow-x: auto;}
.board_wr table{width: 100%; min-width: 1280px;} /* s2-이용안내 테이블 해당 */
.board .b_head,
.board3 thead{width: 100%; background-color: #f9f9f9; border-bottom: 1px solid #ddd;}
.board .b_head th,
.board .b_body th,
.board .b_body td,
.board3 thead{height: 55px; text-align: center; vertical-align: middle; padding: 10px;}
.board3 thead{line-height: 55px;}
.board2 .b_head th,
.board2 .b_body td{padding: 0px;} /* 마이페이지 예약내역 테이블만 해당 */
.board2 .b_body th{background-color: #f9f9f9; font-weight: 600;}
.board .b_head th{font-weight: 600;}
.board .b_head th:not(:last-child),
.board .b_body th:not(:last-child),
.board .b_body td:not(:last-child){border-right: 1px solid #ddd;}

/* .board .b_body tr td span{text-align: center; font-weight: 600;}
.board .b_body tr td.fin{background-color: #f1f1f1; color: #777;}
.board .b_body tr td.chos{color:#0538b5;}
.board .b_body tr td.wait{color: #159b0e;}
.board .b_body tr td span{display: block; padding: 10px 25px; margin: 0 auto; border-radius: 6px; text-align: center; transition: .2s;width: 120px; color: #fff;} */


.board .b_body tr + tr,
.board3 .b_list tr + tr{border-top: 1px solid #ddd;}
.board2 .b_body.td_left .btn6{margin: 0;}
.board2 input[type="text"]{height: 40px;}
.board2 .inp_flex{display: flex; align-items: center; gap: 10px;}
.board2 .inp_flex > input,
.inp_flex2 > input{flex: 0 0 300px;}

@media (max-width: 768px){
    .container .board2 colgroup col,
    .container > .board .b_head{display: none;}
    .container > .board .b_body tr th,
    .container > .board .b_body tr td,
    .container .board2 .b_body tr th,
    .container .board2 .b_body tr td{display: block; width: 100%; height: auto; padding: 20px 0; border-right: 0 !important;}
    .container > .board .b_body tr td:not(:last-child){border-bottom: 1px solid #ddd;}
    .container > .board .td_left td{text-align: center !important;}
    .container > .board .b_body .btn6{margin: 10px auto 0 auto; padding: 0 15px; height: 40px; line-height: 40px;}
    .container > .board2 .inp_flex{justify-content: center;}
    .container > .board2 .radio_group{justify-content: center; gap: 10px;}
    .container .board2 .inp_flex > input,
    .inp_flex2 > input{flex: 1 1 auto;}
}

/* 안내사항 */
.list_count{text-align: right; color: #555; font-size: 15px; margin-bottom: 10px;}
.search_wr{display: flex; gap: 10px; align-items: center; justify-content: center; background-color: #F9F9F9; border-radius: 5px; padding: 15px; margin-bottom: 40px;}
.search_wr .date_form{width: 20%; height: 40px; border: 1px solid #BDBDBD; border-radius: 5px; box-sizing: border-box;}
.search_wr select,
.search_wr input{width: 10%; padding-left: 10px; height: 40px; border-radius: 5px; border: 1px solid #BDBDBD; box-sizing: border-box;}
.search_wr input{width: 40%;}
.board3 thead{background-color: #f9f9f9;}
.board3 .b_list tr:hover{background-color: #fafafa; transition: .2s;}
.board3 .b_list tr td{height: 55px; line-height: 55px; padding: 0 8px; text-align: center;}
.board3 .b_list tr td.title a{display: block;}
.board3 .b_list tr td.title .board_tit{max-width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.board3 .b_list tr td.title .board_tit:hover{font-weight: 500; text-decoration: underline;}
.board3 .b_list tr td.file a{display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;}
.board3 .b_list tr td.file a::before{display: block; content: ''; background: url(../image/ico_file.svg) no-repeat; width: 22px; height: 22px;}


@media screen and (max-width: 1080px){
    .search_wr select{width: 25%;}
}
@media screen and (max-width: 768px){
    .search_wr{flex-direction: column;}
    .search_wr select,
    .search_wr input,
    .search_wr .btn_5,
    .search_wr .date_form{width: 100%;}
    .board3 [data-cell-header]:before {content: attr(data-cell-header); display: inline-block; font-size: 15px; margin-right: 5px;}
    .board3 colgroup col{display: none;}
    .board3 thead{display: none;}
    .board3 .b_list tr{display:block; width:100% !important; padding: 10px;}
    .board3 .b_list tr td{padding: 10px 0; width: 100%; height: auto; line-height: 1; text-align: left;}
    .board3 .b_list tr td.title::before{font-weight: 600}
    .board3 .b_list tr td.title .board_tit{padding: 0; display: inline-block; font-weight: 600;}
    .board3 .b_list tr td{display: inline-block;}
    .board3 .b_list tr td.title{display: block;}
    .board3 .b_list tr td.write,
    .board3 .b_list tr td.date,
    .board3 .b_list tr td.file{display: block;}
    .board3 .b_list tr td.file{position: relative; padding-right: 22px;}
    .board3 .b_list tr td.file img{position: absolute; top: 50%; transform: translateY(-50%); left: 35px;}
    .board3 .b_list tr td.file a{display: inline-block;}
}

/* 페이지네이션 */
.paging_wrap {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px;}
.paging_wrap .paging_btn{width: 28px; height: 28px; display: block; border: 1px solid #ddd; border-radius: 5px;}
.paging_wrap .paging_btn.btn_prev2{background: url(../image/prev2_btn.svg) no-repeat center;}
.paging_wrap .paging_btn.btn_prev{background: url(../image/prev_btn.svg) no-repeat center;}
.paging_wrap .paging_btn.btn_next{background: url(../image/next_btn.svg) no-repeat center;}
.paging_wrap .paging_btn.btn_next2{background: url(../image/next2_btn.svg) no-repeat center;}
.paging_wrap .page-item .num{border: 1px solid #ddd; border-radius: 5px;}
.paging_wrap .page-item .num.on{color: #fff; background: #0B318F;}
.paging_wrap .num span{display:block; width: 28px; height: 28px; line-height: 28px; color: #6B6B6B; border-radius: 5px; text-align: center; font-size: 15px; border: 1px solid #ddd;}
.paging_wrap .num span.on {color: #fff; background: #0B318F; border: 0;}


/* 마이페이지 */
.tab_box{margin-bottom: 80px;}
.tab_wr{display: flex; max-width: 400px; border-radius: 50px; margin: 0 auto 30px auto; background-color: #f9f9f9;}
.tab_menu .tab_item{width: 100%; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: center;  box-sizing: border-box; display: block; text-align: center;}
.tab_menu .tab_item::after{position: absolute; width: 100%; height: 2px; bottom: -1px; left: 0; content: ''; background-color: #0B318F; opacity: 0;}
.tab_menu .tab_item button.on{color: #0B318F; font-weight: 600;}
.tab_menu .tab_item button.on::after{position: absolute; width: 100%; height: 2px; bottom: -1px; left: 0; content: ''; background-color: #0B318F;}
.tab_wr .tab_item{width: 100%; height: auto;}
.tab_wr .tab_item button{font-size: 18px; padding: 20px 30px; width: 100%; border-radius: 50px; background-color: #f9f9f9;}
.tab_wr .tab_item button.on{background-color: #0B318F; color: #fff; font-weight: 600;}
.condition{text-decoration: underline; font-weight: 600;}
.condition.complete{color:#067500;}
.condition.cansel{color:#D10000;}

@media (max-width: 768px){
    .tab_box{margin: 70px 0 50px 0;}
    .tab_wr .tab_item button{padding: 18px 10px; font-size: 16px;}
}
@media (max-width: 480px){
    .tab_box{margin: 60px 0 40px 0;}
    .tab_wr{flex-direction: column; gap: 5px; background-color: inherit;}
}


/* 서브 컨텐츠 */
.container{width: calc(100% - 40px); max-width: 1400px; margin:0 auto;}
.container .cnt_wr + .cnt_wr{margin-top: 60px;}
.container .cnt_wr .notice_tx{display: block; width: 100%; text-align: center; color: #A51800; font-size: 17px; border-radius: 5px; padding: 14px 10px; background-color: #FFF7F5; margin-top: 20px;}

@media (max-width: 768px){
    .container .cnt_wr + .cnt_wr{margin-top: 50px;}
}

/* s1 - 꿈자람터 실내놀이터 */
.container .info{margin-bottom: 50px;}
.container .info .info_img{background: url(../image/s1_img.jpg) no-repeat center/cover; width: 100%; max-width: 1400px; border-radius: 30px; height: 420px; transition: .2s;}
.container .info .info_tx{display: flex; position: relative; margin-left: 80px;}
.container .info .info_tx .info_tit{display: flex; justify-content: center; align-items: center; transform: translateY(-50px); flex: 0 0 340px; height: 180px; padding: 20px; background-color: #0B318F; border-radius: 30px; text-align: center; transition: .2s;}
.container .info .info_tx .info_tit span{display: block; font-size: 24px; font-weight: 600; color: #fff;}
.container .info .info_tx p{padding: 30px; line-height: 140%; font-size: 18px;}
.container .cnt_wr .img_box{display: flex; gap: 20px; margin-top: 40px;}
.container .cnt_wr .img_box .img{width: calc((100% - 40px) / 3); height: 325px; border-radius: 30px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.container .cnt_wr .img_box .img1{background-image: url(../image/img1.jpg);}
.container .cnt_wr .img_box .img2{background-image: url(../image/img2.jpg);}
.container .cnt_wr .img_box .img3{background-image: url(../image/img3.jpg);}
.container .map{width: 100%; max-width: 1400px; height: 645px; /* background: url(../image/map.jpg) no-repeat center/cover; */ transition: .2s;}
.container .map_box{margin-top: 30px; padding: 50px;}
.container .map_box .map_tit{font-family: Jalnan2; font-size: clamp(18px, 5vw, 22px);}
.container .map_box .map_info{display: flex; gap: 80px; margin-top: 30px;}
.container .map_box .map_info .info_item{display: flex; gap: 30px; font-size: 20px; align-items: center;}
.container .map_box .map_info .info_item > strong{display: inline-flex; justify-content: center; align-items: center; gap: 15px; }
.container .map_box .map_info .info_item > strong::before{display: block; content: ''; background: url(../image/ico_location.svg) no-repeat; width: 38px; height: 38px;}
.container .map_box .map_info .info_item > strong.phone::before{background: url(../image/ico_phone.svg) no-repeat;}


@media (max-width: 1080px){ 
    .container .info{margin-bottom: 0px;}
    .container .info .info_img{height: 340px;}
    .container .info .info_tx{margin-left: 50px;}
    .container .info .info_tx .info_tit{flex: 0 0 280px; height: 170px; padding: 10px; transform: translateY(-30px);}
    .container .info .info_tx .info_tit span{font-size: 22px;}
    .container .info .info_tx p{padding: 30px 20px;}
    .container .cnt_wr .img_box{flex-direction: column;}
    .container .cnt_wr .img_box .img{width: 100%;}
    .container .map{height: 500px;}
    .container .map_box{padding: 30px;}
    .container .map_box .map_info .info_item > strong{flex: 0 0 115px; justify-content: flex-start;}
    .container .map_box .map_info{flex-direction: column; gap: 20px;}
}
@media (max-width: 768px){
    .container .info .info_img{height: 250px;}
    .container .info .info_tx{margin: 0 20px; flex-direction: column;}
    .container .info .info_tx .info_tit{flex: 0 0 100px; width: 300px; border-radius: 25px; transform: translateY(-60px);}
    .container .info .info_tx .info_tit span{font-size: 20px;}
    .container .info .info_tx p{font-size: 16px; padding: 0; transform: translateY(-40px);}
    .container .map{height: 300px;}
    .container .map_box .map_info .info_item{flex-direction: column; align-items: flex-start; gap: 0;}
    .container .map_box .map_info .info_item > strong{flex: 0 0 auto;}
    .container .map_box .map_info .info_item > span{margin-top: 10px;}
    
}

/* s2 - 이용안내 */
.container .card{display: flex; align-items: center; gap: 30px; margin-bottom: 60px;}
.container .card .card_item{display: flex; align-items: center; flex-direction: column; justify-content: center; width: calc(100% / 3); height: 320px; border: 1px solid #ddd; border-radius: 30px; padding: 30px; gap: 20px;  transition: .2s;}
.container .card .card_item dt{text-align: center; font-size: 20px; font-weight: 700; color: #555;}
.container .card .card_item dt .icoImg{display: block; background-size: contain; width: 100px; height: 100px; margin-bottom: 20px;}
.container .card .card_item dt .ico01{background: url(../image/card_ico01.png) no-repeat;}
.container .card .card_item dt .ico02{background: url(../image/card_ico02.png) no-repeat;}
.container .card .card_item dt .ico03{background: url(../image/card_ico03.png) no-repeat;}
.container .card .card_item dd{font-size: 18px; display: flex; flex-direction: column; gap: 8px; text-align: center;}
.notice {margin-top: 20px;}
.notice .notice_tit{display: inline-flex; justify-content: center; align-items: center; gap:10px; color: #0B318F; font-size: 18px;}
.notice .notice_tit::before,
.notice .notice_ico::before{content:''; display: block; background: url(../image/ico_notice.svg) no-repeat; width: 32px; height: 32px;}
.notice .flexBox{display: flex; align-items: center; gap: 30px;}
.accent{font-size: 20px;}
.border_left{border-left: 1px solid #ddd;}


@media (max-width: 1324px){
    .container .card{gap: 15px;}
    .container .card .card_item{padding: 15px;}
}
@media (max-width: 1141px){
    .container .card{flex-wrap: wrap;}
    .container .card .card_item{width: calc((100% - 30px) / 2);}
    .container .card .card_item:last-child{width: 100%;}
    .container .card,
    .container .cnt_wr{margin-top: 40px;}
}
@media (max-width: 800px){
    .container .card{flex-direction: column; gap: 10px;}
    .container .card .card_item{width: 100%; height: 250px; padding: 35px 15px; gap: 15px;}
    .container .card .card_item dt{font-size: 20px;}
    .container .card .card_item dt .icoImg{margin-bottom: 10px;}
    .container .card .card_item dd{font-size: 16px; gap: 5px;}
}
@media (max-width: 768px){
    .notice .flexBox{flex-direction: column; gap: 10px;}
}

/* s3 - 예약하기 */
.container .resDate{display: block; text-align: center; font-size: 25px; color: #fff; background-color: #0B318F; padding: 14px 10px; width: 100%; border-radius: 10px; margin-bottom: 60px;}
.container .resDate br{display: none;}
.container .fin_tx{width: 100%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center;gap: 10px; text-align: center; font-size: clamp(28px, 5vw, 35px); font-weight: 700; margin-bottom: 20px;}
.container .fin_tx::before{content: ''; display:block; width:50px; height: 50px; background: url(../image/ico_sucess.svg) no-repeat;}
.container .cal_top{display: flex; justify-content: flex-end; margin-bottom: 20px;}
.container .cal_caption{display: flex; gap: 10px; justify-content: flex-end;}
.container li .cpt{display: inline-block; padding: 3px 4px; margin-right: 5px; color: #fff; font-size: 14px; border-radius: 5px;}
.container li .cpt.cpt01{background-color: #00c818;}
.container li .cpt.cpt02{background-color: #235AE0;}
.container li .cpt.cpt03{background-color: #939393;}
.container .round {display: flex; gap: 10px;align-items: center;}
.container .round dl{display: flex; gap: 5px;}
.container .round dl + dl{border-left: 1px solid #ccc; padding-left: 10px;}
.container .round dl dt{color: #0B318F; font-weight: 600; }
.container .cal_btn{display: flex; justify-content: flex-end;}
.container .cal_btn .btn6{margin: 0;}

@media (max-width: 768px){
    .container .resDate{font-size: clamp(16px, 3vw, 22px); line-height: 140%;}
    .container .resDate br{display: block;}

}

ul.noti li{font-size: 12px;} 


/* 예약달력 */
.cal-wrap {position:relative;display:block;width:100%;}		
.cal-wrap .cal_tt {position:relative;padding:0 0 25px 0;text-align:center;}
.cal-wrap .cal_tt .month {position:relative;display:inline-block;color:#101010;font-size:35px;font-weight:600;line-height:54px;}
.cal-wrap .cal_tt a {position:absolute;top:15px;width:36px;height:27px;font-size:0;}
.cal-wrap .cal_tt .prev {left:-70px;background:url("../images/contents/prev3.gif") no-repeat;}
.cal-wrap .cal_tt .next {right:-70px;background:url("../images/contents/next3.gif") no-repeat;}
.cal-wrap .cal_con {clear:both;position:relative;width:100%;}
.cal-wrap .cal_con table {position:relative;table-layout:fixed;width:100%;border-top:2px solid #202020;border-bottom:1px solid #dfe0e3;border-collapse:collapse;z-index:20;}
.cal-wrap .cal_con table thead tr {float:none;width:100%;border-bottom:1px solid #dfe0e3;background:#fff;}
.cal-wrap .cal_con table tbody tr {float:none;width:100%;border-top:1px solid #dfe0e3;}
.cal-wrap .cal_con table th {color:#4f5051;font-size:17px;font-weight:500;line-height:20px;border-left:1px solid #dfe0e3;}
.cal-wrap .cal_con table th:first-child {border-left:0;}
.cal-wrap .cal_con table thead th {padding:16px 0;}
.cal-wrap .cal_con table td {height:130px;background:#f1f2f4;color:#4f5051;font-size:15px;line-height:20px;border-left:1px solid #dfe0e3;vertical-align:top;z-index:10;}
.cal-wrap .cal_con table td:first-child {border-left:0;}	
.cal-wrap .cal_con table td .dateCell {cursor:auto;display:block;height:150px;}
.cal-wrap .cal_con table td .num {display:inline-block;padding:18px 10px 8px 20px;}
.cal-wrap .cal_con table th.sun,
.cal-wrap .cal_con table td.sun .num,
.cal-wrap .cal_con table td.holiday .num {color:#c32b2b !important;}
.cal-wrap .cal_con table th.sat,
.cal-wrap .cal_con table .sat .num {color:#4771d2 !important;}
.cal-wrap .cal_con table .ok {background:#e1edfd;}
.cal-wrap .cal_con table .ok .dateCell {cursor:pointer !important;}
.cal-wrap .cal_con table .on {background:#fff;border:1px solid #202020;}
.cal-wrap .cal_con table .on .num {color:#101010;}
.cal-wrap .cal_con table .schedule .con {display:block;padding:0 15px 0 20px;}
.cal-wrap .cal_con table .schedule .con ul {overflow:hidden; /* height:60px; */}
.cal-wrap .cal_con table .schedule .con .xList {overflow:hidden; height:20px;}
.cal-wrap .cal_con table .schedule .con ul li .txt {overflow:hidden;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;padding-left:6px;background:url("../images/sub/conList5.gif") no-repeat left 11px;vertical-align:top;box-sizing:border-box;}
.cal-wrap .cal_con table .schedule .con ul li .time {display:none;} 
.cal-wrap .cal_con table .schedule .con ul li .name {display:none;}
.cal-wrap .cal_con table .schedule:hover .dateCell {cursor:pointer;position:relative;}
.cal-wrap .cal_con table .schedule:hover .num {position:relative;z-index:11;}
.cal-wrap .cal_con table .schedule:hover .con {display:block;position:absolute;top:0;left:0;width:calc(100%);height:calc(100%);padding:0 10px 0 20px;background:#fff;border:4px solid #129cf2;z-index:10;}
.cal-wrap .cal_con table .schedule:hover .con ul {overflow:visible;height:100%;margin-top:42px;padding-bottom:30px;}
.cal-wrap .cal_con table .schedule .con ul li {margin-bottom:2px;}
.cal-wrap .cal_con table .schedule:hover .con ul li .txt {overflow:visible;display:block;position:relative;white-space:normal;text-overflow:clip;padding-left:12px;background:url("../images/sub/conList4.gif") no-repeat left 6px;font-weight:500;vertical-align:top;box-sizing:border-box;}
.cal-wrap .cal_con table .schedule:hover .con ul li .time {display:block;padding-left:12px;color:#6f7073;font-size:14px;font-weight:200;}
.cal-wrap .cal_con table .schedule:hover .con ul li .name {display:block;padding-left:12px;color:#6f7073;font-size:14px;font-weight:200;}
.cal-wrap .cal_con table .rs_btn {display:none;text-align:center;}
.cal-wrap .cal_con table .rs_btn a {display:inline-block;margin:0 3px;width:64px;height:36px;line-height:36px;font-size:14px;font-weight:200;}
.cal-wrap .cal_con table .rs_btn a.btn1 {background:#199688;color:#fff;}
.cal-wrap .cal_con table .rs_btn a.btn2 {background:#2f3036;color:#fff;}
.cal-wrap .cal_con table .hide {display:none;position:absolute;top:10px;right:10px;}
.cal-wrap .cal_con table .hide a {display:block;width:31px;height:31px;background:#2f3036 url("../images/common/hide.gif") no-repeat center 6px;font-size:0;border-radius:60px;}
.cal-wrap .cal_info {position:relative; margin-top: 15px;display: flex;justify-content: space-between;}
.cal-wrap .cal_info .noti {float:left;}
.cal-wrap .cal_info .noti.pc {display:block;}
.cal-wrap .cal_info .noti.tm {display:none;}
.cal-wrap .cal_info .mark {display: flex; align-items: center;}
.cal_top .mark span {display:inline-block;position:relative;padding-left:20px;font-size:17px;}
.cal_top .mark span + span{margin-left:10px;}
.cal_top .mark span:before {content:'';display:block;position:absolute;top:50%;transform: translateY(-50%);left:0;width:13px;height:13px;}
.cal_top .mark span.select:before {background:#fff;border:1px solid #202020;}
.cal_top .mark span.possible:before {background:#d2ecfb;border:1px solid #a5b9c4;}
.cal_top .mark span.impossible:before {background:#eff0f4;border:1px solid #b6b7bb;}
.cal-wrap .btn_w {display:block;padding-top:25px;}

/* pop style */
.bullet01.pop{font-size: 20px; margin-bottom: 10px;}
.bullet01.pop::before{height: 20px;}
.btnPop {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 700px; min-width: 350px; padding: 20px 10px; background: white; border: 1px solid #ccc; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  z-index: 1000;}
.overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000;}
.pop_gr + .pop_gr{margin-top: 30px;}
.close_btn{width: 100%; display: flex; justify-content: flex-end;}
.close_btn .close{font-size: 18px;}
.close_btn .close .close_ico{display: inline-block; vertical-align: middle; background: url(../image/ico_close.svg) no-repeat; width: 22px; height:22px; margin-left: 3px;}
.btnPop .pop_gr .popList02{padding: 25px 30px; margin-top: 10px;}
.pop_table input{height: 45px;}
.pop_boardwr{overflow-x: auto;}
.pop_boardwr .pop_board{min-width: 546px !important;}
.scrollbar{overflow-y: auto; max-height: 550px; scrollbar-width: thin; padding: 10px;}