@charset "utf-8";

section{display:block;}
section *{box-sizing:border-box;}

section .inr{margin:0 auto;width:100%;max-width:1280px;}

.mainVisual{width:160rem;height:63.6rem;margin:auto;background:url(/pspace/assets/images/main_renew/imgVisual.jpg) no-repeat;position:relative;}
.mainVisual .txtBox{background:rgba(5,169,128,.95);position:absolute;width:70rem;height:100%;padding-left:19rem;padding-right:9rem;}
.mainVisual .txtBox span{display:block;font-family:'NanumSquare';}
.mainVisual .txtBox .en{text-transform:uppercase;color:rgba(255,255,255,.8);font-weight:700;font-size:3.4rem;margin-top:15rem;}
.mainVisual .txtBox .tit{margin-top:.6rem;}
.mainVisual .txtBox .tit span{color:#fff;font-weight:700;font-size:4.2rem;line-height:1.4;}
.mainVisual .txtBox .con{margin-top:3.4rem;color:rgba(255,255,255,.9);font-family:'NanumSquare';font-weight:300;font-size:2.3rem;word-break:keep-all;line-height:1.4;position:relative;padding-top:4.6rem;}
.mainVisual .txtBox .con::before{position:absolute;top:0;left:0;width:4rem;height:.2rem;background:rgba(255,255,255,.5);display:block;content:'';}

.navBanner{margin-top:10rem;}
.navBanner::after{clear:both;display:table;content:'';}
.navBanner .boxL, .navBanner .boxC, .navBanner .boxR{float:left;text-align:center;}
.navBanner .boxL{width:29.6rem;}
.navBanner .boxC{width:62.4rem;}
.navBanner .boxR{width:29.6rem;}
.navBanner li{background:#f5f5f5;border-radius:1.5rem;height:23.8rem;}
.navBanner li:last-child{margin-top:3.3rem;}
.navBanner li a{display:block;padding-top:17.7rem;}
.navBanner li a span{font-family:'NanumSquare';font-weight:700;font-size:2.2rem;color:#000;display:inline-block;}
.navBanner .icon01 a{background:url(/pspace/assets/images/main_renew/iconNavBnr01.png) center 3.4rem no-repeat;background-size:14.4rem 12.4rem;}
.navBanner .icon02 a{background:url(/pspace/assets/images/main_renew/iconNavBnr02.png) center 3.2rem no-repeat;background-size:12.6rem 11.6rem;}
.navBanner .icon03 a{padding-top:27.2rem;display:block;background:url(/pspace/assets/images/main_renew/iconNavBnr03.png) center 5.1rem no-repeat;background-size:16.9rem 19.2rem;}
.navBanner .icon04 a{background:url(/pspace/assets/images/main_renew/iconNavBnr04.png) center 3.5rem no-repeat;background-size:15.3rem 12.1rem;}
.navBanner .icon05 a{background:url(/pspace/assets/images/main_renew/iconNavBnr05.png) center 3.2rem no-repeat;background-size:13.4rem 12.1rem;}
.navBanner .icon03{background:#f5f5f5;border-radius:1.5rem;height:50.9rem;margin:0 3.2rem;}
.navBanner .icon03 span{font-family:'NanumSquare';display:block;}
.navBanner .icon03 .tit{font-weight:700;color:#000;font-size:2.5rem;}
.navBanner .icon03 .con{color:#666;font-size:2rem;line-height:1.4;margin-top:1rem;}
.navBanner .icon03 .btn{display:inline-block;line-height:4.6rem;color:#000;font-size:1.7rem;background:url(/pspace/assets/images/main_renew/btnNavMore.png) top right no-repeat;background-size:9.1rem 4.6rem;padding-right:10.6rem;margin-top:1.5rem;}

.notice{background:#f0f0f0;padding-top:8.5rem;padding-bottom:11rem;margin-top:10rem;}
.notice h2{color:#000;font-family:'NanumSquare';font-weight:700;font-size:3.5rem;text-align:center;margin-bottom:2.2rem;}
.notice ul::after{clear:both;display:table;content:'';}
.notice li{float:left;width:calc(100% / 4 - 2.4rem);margin-right:3.2rem;background:#fff;border-radius:1.5rem;padding:4.2rem 3rem;}
.notice li:last-child{margin-right:0;}
.notice .inr{position:relative;}
.notice .btnMore{position:absolute;top:0;right:0;display:inline-block;line-height:4.6rem;color:#000;font-size:1.7rem;background:url(/pspace/assets/images/main_renew/btnNavMore.png) top right no-repeat;background-size:9.1rem 4.6rem;padding-right:10.6rem;}
.notice li a{}
.notice li a span{display:block;line-height:1.4;text-align:left;}
.notice .tit{font-size:2rem;color:#333;font-family:'notokrMedium';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:5.6rem;}
.notice .con{margin-top:3.4rem;font-size:1.7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;height:7.2rem;}
.notice .date{margin-top:3.4rem;display:inline-block;font-size:1.7rem;color:#018a63;padding-right:8rem;background:url(/pspace/assets/images/main_renew/notiLiMore.png) right 8px no-repeat;background-size:6.5rem 1rem;}

.schedule{margin-top:11.4rem;}
.scdDate{position:relative;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.scdDateLi{font-size:0;text-align:center;}
.scdPrev, .scdNext{width:55px;height:100px;display:inline-block;vertical-align:top;border:0;background-color:#fff;font-size:0;position:relative;}
.scdPrev:hover, .scdNext:hover{opacity: 0.5;}
.scdNext:before, .scdNext:after, .scdPrev:after, .scdPrev:before{content:'';width:13px;height:2px;background:#000;position:absolute;top:52px;left:20px;}
.scdNext:before{transform:rotate(45deg);margin-top:-8px;}
.scdNext:after{transform:rotate(-45deg);}
.scdPrev:after{transform:rotate(45deg);}
.scdPrev:before{transform:rotate(-45deg);margin-top:-8px;}
.scdDateUl{display:inline-block;vertical-align:top;}
.scdDateUl>li{width:82px;height:100px;display:inline-block;vertical-align:top;position:relative;color:#000000;}
.scdDateUl>li.today span, .scdDateUl>li.active span{font-family:'notokrBold';}
.scdDateUl span{color:inherit;}
.scdDateUl>li.blueDay{color:#07348c;}
.scdDateUl>li.redDay{color:#e85e54;}
.scdDateUl>li:hover::after{content:'';width:100%;height:3px;background-color:#000;position:absolute;left:0;bottom:0;}
.scdDateUl>li:hover{background-color:#f7f7f7;}
.scdDateUl>li:hover span{font-family:'notokrBold';}
.scdDateUl>li>button{width:100%;height:100%;font-size:20px;font-weight:inherit;border:0;background-color:transparent;color:inherit;transition:.2s;}
.scdDateUl .month{position:absolute;top:-15px;left:0;font-size:14px;color:#000000;background-color:#fff;border:1px solid #e4e4e4;border-radius:5px;width:82px;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;}
.scdDateUl .date{display:block;}
.scdDateUl .text{display:block;}
.scdCon{margin-top:6.2rem;}
.scdCon::after, .scdCon .tabMenu::after{display:block;clear:both;content:'';}
.scdCon .tabMenu{float:left;width:30rem;border-top:1px solid #d9d9d9;}
.scdCon .tabMenu>li{float:left;width:33.33333333333333%;}
.scdCon .tabMenu>li>a{display:table;width:100%;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;height:5rem;transition:.2s;vertical-align:middle;}
.scdCon .tabMenu>li:nth-child(3n+1)>a {border-left:1px solid #d9d9d9}
.scdCon .tabMenu>li>a>span{display:table-cell;font-family:'NanumSquare';color:#777;font-size:1.8rem;vertical-align:middle;}
.scdCon .tabMenu>li.active>a, .scdCon .tabMenu>li>a:hover{background:#5ab98d;}
.scdCon .tabMenu>li.active>a>span, .scdCon .tabMenu>li>a:hover>span{color:#fff;}
.scdCon .tabConWrap{float:right;width:calc(100% - 33rem);}
.scdTable table{width:100%;table-layout:fixed;}
.scdTable table thead th{border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-family:'NanumSquare';font-weight:normal;font-size:1.7rem;background:#f5f5f5;height:5rem;color:#000;}
.scdTable table thead th:first-child{border-left:1px solid #dfdfdf;}
.scdTable table tbody td{border-bottom:1px solid #dfdfdf;height:5rem;text-align:center;}
.scdTable td.area{color:#018a63;font-family:'notokrMedium';}
.scdTable .subject{text-align:left;padding:0 3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}


@media all and (max-width : 1600px){
  .mainVisual{width:142rem;}
  .mainVisual .txtBox{width:62rem;padding-left:14rem;padding-right:5rem;}
}

@media all and (max-width : 1280px){
  .mainVisual{width:100%;}
  section .inr{width:96%;}
  .navBanner .boxL{width:28%;}
  .navBanner .boxC{width:40%;}
  .navBanner .boxR{width:28%;}
  .navBanner .icon03 .tit{font-size:2.2rem;}
  .navBanner .icon03 .con{font-size:1.8rem;word-break:keep-all;}
  .navBanner .icon03{margin:0 2%;}
  .scdDateUl>li>button{font-size:18px;}
  .scdPrev, .scdNext{width:45px;}
  .scdDateUl>li, .scdDateUl .month{width:54px;}
  .scdNext:before, .scdNext:after, .scdPrev:after, .scdPrev:before{left:15px;}
}

@media all and (max-width : 1024px){
  .navBanner, .schedule, .scdCon{margin-top:5rem;}
  .navBanner li a span{font-size:2rem;}
  .navBanner .boxL{width:24%;}
  .navBanner .boxC{width:48%;}
  .navBanner .boxR{width:24%;}
  .scdCon .tabMenu{float:none;width:100%;}
  .scdCon .tabConWrap{float:none;width:100%;margin-top:3rem;}
  .notice{padding-top:5rem;padding-bottom:5rem;margin-top:5rem;}
  .scdDateUl>li.mHide{display:none;}
  .mainVisual{height:52.8rem;}
  .mainVisual .txtBox{width:48rem;padding-left:6rem;padding-right:6rem;}
  .mainVisual .txtBox .en{margin-top:8rem;font-size:2.8rem;}
  .mainVisual .txtBox .tit span{font-size:3.8rem;}
  .mainVisual .txtBox .con{font-size:2rem;}
}

@media all and (max-width : 960px){
  .navBanner .boxL{width:20%;}
  .navBanner .boxC{width:56%;}
  .navBanner .boxR{width:20%;}
  .notice li{width:49%;margin-right:0;margin-bottom:1.5rem;}
  .notice li:nth-child(even){margin-left:2%;}
}

@media all and (max-width : 768px){
  .navBanner .boxL{width:22%;}
  .navBanner .boxC{width:52%;}
  .navBanner .boxR{width:22%;}
  .navBanner .icon03 .con{font-size:1.6rem;}
}

@media all and (max-width : 640px){
  .mainVisual .txtBox{padding-bottom:6rem;width:80vw;height:auto;top:10vw;}
  .mainVisual .txtBox .en{margin-top:6rem;font-size:2.4rem;}
  .mainVisual .txtBox .tit span{font-size:3.2rem;}
  .mainVisual .txtBox .con{font-size:1.8rem;padding-top:3.8rem;}
  .navBanner .boxL{width:24%;}
  .navBanner .boxC{width:48%;}
  .navBanner .boxR{width:24%;}
  .navBanner .icon01 a{background-size:9.6rem 8.3rem;}
  .navBanner .icon02 a{background-size:8.4rem 7.7rem;}
  .navBanner .icon03 a{background-size:11.3rem 12.8rem;}
  .navBanner .icon04 a{background-size:10.2rem 8.1rem;}
  .navBanner .icon05 a{background-size:9.0rem 8.1rem;}
  .navBanner li a span{font-size:1.8rem;}
  .navBanner .icon03 .tit{font-size:2rem;}
  .navBanner .icon03 a{padding-top:20.2rem;}
  .navBanner .icon03{height:43.1rem;}
  .navBanner li a{padding-top:14.7rem;}
  .navBanner li{height:20.8rem;}
  .navBanner li:last-child{margin-top:1.5rem;}
  .notice h2{font-size:3.2rem;line-height:4.6rem;}
  .notice li{padding:3rem;}
  .notice .tit{font-size:1.8rem;height:auto;}
  .notice .con, .notice .date{margin-top:1.5rem;}
  .notice .date{font-size:1.6rem;}
}

@media all and (max-width : 487px){
  .scdDateUl .month{font-size:13px;}
  .scdDateUl>li>button, .scdCon .tabMenu>li>a>span{font-size:16px;}
  .scdCon .tabMenu>li>a{height:4rem;}
  .scdDateUl>li, .scdDateUl .month{width:50px;}
  .notice .btnMore{position:static;}
  .notice .inr{text-align:center;}
  .notice li{float:none;width:100%;}
  .notice li:nth-child(even){margin-left:0;}
  .notice .date{display:block;}
}

@media all and (max-width : 460px){
  .navBanner .boxL, .navBanner .boxC, .navBanner .boxR{float:none;width:100%;}
  .navBanner .boxC{margin:1.5rem 0;padding:0 1rem;}
  .scdDateUl>li, .scdDateUl .month{width:45px;}
  .scdDateUl>li, .scdPrev, .scdNext{height:80px;}
  .scdPrev, .scdNext{width:40px;}
  .scdNext:before, .scdNext:after, .scdPrev:after, .scdPrev:before{top:42px;left:14px;}
  .navBanner li, .navBanner .icon03{height:auto;padding-bottom:2rem;}
  .navBanner .icon01 a{background-position-y:2rem;padding-top:12rem;}
  .navBanner .icon02 a{background-position-y:2rem;padding-top:11.5rem;}
  .navBanner .icon03 a{background-position-y:2rem;padding-top:16.2rem;}
  .navBanner .icon04 a{background-position-y:2rem;padding-top:11.5rem;}
  .navBanner .icon05 a{background-position-y:2rem;padding-top:12rem;}
  .navBanner .icon03 .btn{font-size:1.6rem;margin-top:1rem;}
  .mainVisual .txtBox{padding:4rem;top:15vw;}
  .mainVisual .txtBox .en{margin-top:0;}
  .mainVisual .txtBox .tit span{font-size:3rem;}
  .mainVisual .txtBox .con{padding-top:3rem;}
  .navBanner, .scdCon{margin-top:3rem;}
  .scdTable table thead th{font-size:1.6rem;}
  .scdTable .subject{padding:0 1rem;}
  .notice{padding-top:3rem;margin-top:3rem;}
  .notice .btnMore, .notice .con{font-size:1.6rem;}
  .mainVisual .txtBox{background:rgba(5,169,128,.8)}
}

@media all and (max-width : 414px){
  .scdDateUl .month{font-size:12px;}
  .scdDateUl>li{width:40px;}
  .scdPrev, .scdNext{width:36px;}
  .scdNext:before, .scdNext:after, .scdPrev:after, .scdPrev:before{left:12px;}
  .mainVisual .txtBox{top:25vw;}
  .mainVisual .txtBox .en{font-size:2rem;}
  .mainVisual .txtBox .tit span{font-size:2.6rem;}
  .mainVisual .txtBox .con{font-size:1.6rem;}
  .scdTable table thead th{font-size:1.4rem;}
  .notice li{padding:3rem 2.4rem;}
}

@media all and (max-width : 374px){
  .scdPrev, .scdNext{width:30px;}
  .scdNext:before, .scdNext:after, .scdPrev:after, .scdPrev:before{left:8px;}
}


/* 전체 지도 추가 20240528 */
.mapWrap{position:relative;min-height:665px;}
.mapWrap .infoTxt{position:absolute;left:82px;top:50px;background:#f2f2f2;padding:30px 60px;}
.mapWrap .infoTxt>span{display:block;font-size:2.2rem;}
.mapWrap .infoTxt>span>em{color:#8268d6;font-style:normal;}
.mapWrap .map{width:402px;height:665px;position:absolute;right:70px;top:0;background:url(/pspace/assets/images/main_renew/imgMap.gif) no-repeat;}
.mapWrap .map li a{display:block;position:absolute;}
.mapWrap .map li a span{display:block;text-align:center;}
.mapWrap .map .num{width:36px;height:46px;background:url(/pspace/assets/images/main_renew/coordinate.png) no-repeat;color:#fff;font-size:1.8rem;padding-top:5px;}
.mapWrap .map .area{font-size:1.6rem;}

.mapWrap .map .seoul a{left:98px;top:87px;}
.mapWrap .map .incheon a{left:40px;top:90px;}
.mapWrap .map .bucheon a{left:70px;top:110px;}
.mapWrap .map .chuncheon a{left:180px;top:45px;}
.mapWrap .map .hwaseong a{left:107px;top:157px;}
.mapWrap .map .wonju a{right:167px;top:118px;}
.mapWrap .map .yeongwol a{right:107px;top:134px;}
.mapWrap .map .cheongju a{left:159px;top:213px;}
.mapWrap .map .sejong a{left:112px;top:234px;}
.mapWrap .map .seocheon a{left:63px;top:283px;}
.mapWrap .map .jeonju a{left:113px;bottom:260px;}
.mapWrap .map .gangjin a{left:52px;bottom:90px;}
.mapWrap .map .gwangju a{left:82px;bottom:150px;}
.mapWrap .map .damyang a{left:115px;bottom:167px;}
.mapWrap .map .daegu a{right:88px;bottom:328px;}
.mapWrap .map .pohang a{right:27px;bottom:298px;}
.mapWrap .map .ulsan a{right:19px;bottom:217px;}
.mapWrap .map .geumjeong a{right:53px;bottom:183px;}
.mapWrap .map .busan a{right:86px;bottom:162px;}
.mapWrap .map .changwon a{right:124px;bottom:164px;}
.mapWrap .map .jeju a{left:28px;bottom:5px;}/* 20241016 제주 추가 */

@media all and (max-width : 1200px){
  .mapWrap .infoTxt{left:0;top:0;padding:30px;}
}

@media all and (max-width : 1080px){
  .mapWrap .infoTxt>span{font-size:1.8rem;}
}

@media all and (max-width : 680px){
  .mapWrap{min-height:735px;}
  .mapWrap .map{top:70px;left:50%;right:auto;margin-left:-201px;}
  .mapWrap .infoTxt{position:static;padding:10px 20px;text-align:center;}
  .mapWrap .infoTxt>span{display:inline-block;}
}

@media all and (max-width : 487px){
  .mapWrap .infoTxt>span{font-size:1.6rem;}
  .mapWrap .map{width:340px;height:562px;background:url(/pspace/assets/images/main_renew/imgMapMo.gif) no-repeat;margin-left:-170px;}
  .mapWrap .map .area{font-size:1.5rem;}

  .mapWrap .map .chuncheon a{left:50%;top:30px;margin-left:-18px;}
  .mapWrap .map .incheon a{left:50%;top:70px;margin-left:-140px;}
  .mapWrap .map .gangjin a{left:50%;bottom:75px;margin-left:-128px;}
  .mapWrap .map .gwangju a{left:50%;bottom:125px;margin-left:-102px;}
  .mapWrap .map .damyang a{left:50%;bottom:140px;margin-left:-70px;}
  .mapWrap .map .seocheon a{left:50%;top:233px;margin-left:-120px;}
  .mapWrap .map .bucheon a{left:50%;top:85px;margin-left:-112px;}
  .mapWrap .map .seoul a{left:50%;top:65px;margin-left:-85px;}
  .mapWrap .map .wonju a{right:50%;top:95px;margin-right:-30px;}
  .mapWrap .map .yeongwol a{right:50%;top:98px;margin-right:-80px;}
  .mapWrap .map .daegu a{right:50%;bottom:275px;margin-right:-100px;}
  .mapWrap .map .ulsan a{right:50%;bottom:182px;margin-right:-158px;}
  .mapWrap .map .pohang a{right:50%;bottom:250px;margin-right:-150px;}
  .mapWrap .map .geumjeong a{right:50%;bottom:150px;margin-right:-128px;}
  .mapWrap .map .busan a{right:50%;bottom:134px;margin-right:-98px;}
  .mapWrap .map .changwon a{right:50%;bottom:140px;margin-right:-65px;}
  .mapWrap .map .hwaseong a{left:50%;top:130px;margin-left:-80px;}
  .mapWrap .map .cheongju a{left:50%;top:173px;margin-left:-35px;}
  .mapWrap .map .sejong a{left:50%;top:194px;margin-left:-80px;}
  .mapWrap .map .jeonju a{left:50%;bottom:218px;margin-left:-78px;}
  .mapWrap .map .jeju a{left:50%;bottom:3px;margin-left:-152px;}/* 20241016 제주 추가 */
}
/* // 전체 지도 추가 20240528 */



/* // 예약현황 추가 20250618 */

.section-booking {
    position: relative;

    padding: 5rem 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-booking:after,.section-booking:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0
}

.section-booking:before {
    background-image: url(../images/main/sec4_bg1.png);
    width: 12.5rem;
    height: 9.4375rem;
    top: 10%;
    left: 0
}

.section-booking:after {
    background-image: url(../images/main/sec4_bg2.png);
    width: 12.1875rem;
    height: 11.9375rem;
    top: 0;
    right: 0
}

.section-booking .inner {
    position: relative;
    width: 100%;
    height: 100%
}

.section-booking .inner:after,.section-booking .inner:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 9.4375rem;
    height: 19.6875rem;
    bottom: -11%;
    z-index: 10
}

.section-booking .inner:before {
    background-image: url(../images/main/sec4_bg3.png);
    left: 1%
}

.section-booking .inner:after {
    background-image: url(../images/main/sec4_bg4.png);
    right: 1%
}

.section-booking .container {
    position: relative;
    z-index: 50
}

.section-booking.active:before {
    animation-name: slideInLeft;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    opacity: 1
}

.section-booking.active:after {
    animation-name: slideInRight;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    opacity: 1
}

.section-booking.active .inner:after,.section-booking.active .inner:before {
    animation-name: tossing;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.section-booking .sec-tit {
    position: relative;
    z-index: 11
}

.section-booking .btn-bx {
    /*display: flex;*/
    align-items: center;
    justify-content: center;

}

.section-booking .btn-bx a {
    font-size: 1.25em;
    color: #999;
    border: none;
    margin: 0.625rem 0.625rem;
    font-family: 'NanumSquare';
    padding: 5px 0;
}

.section-booking .btn-bx a:not(.on):hover {
    background-color: #fff!important;
    color: #8268d6!important
}

.section-booking .btn-bx a.on {
    color: #fff;
    background-color: #8268d6;
    font-family: 'NanumSquare';
}

.section-booking .booking-wrap {
    background-color: #fff;
    border-radius: 30px;
    padding: 2.5rem;
    position: relative;
    z-index: 11;
    margin-top: 30px;
    display: flex;
}

.section-booking .booking-wrap .calendar_wrap_b .control_bx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    letter-spacing: 0;
    padding: 1.2em 0
}

.section-booking .booking-wrap .calendar_wrap_b .control_bx .text {
    font-size: 1.375em;
    font-family:'NanumSquare';
    font-weight: bold;
    color: #333
}
.section-booking .booking-wrap .calendar_wrap_b .control_bx .text span {color: #333}

.section-booking .booking-wrap .calendar_wrap_b .control_bx .text:first-of-type {
    margin-right: 0.625rem;



}

.section-booking .booking-wrap .calendar_wrap_b .control_bx a {
    font-size: 1em;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 2.375rem;
    border-radius: 50%;
    background-color: #e0e0e0;
    text-align: center;
    margin: 0 1.25rem;
    display: flex;
    justify-content;
    center;
    justify-content: center;
}

.section-booking .booking-wrap .calendar_wrap_b .control_bx a i {
    line-height: 2.375rem
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b {
    margin-top: 4px;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b thead tr th {
    padding: 0.8333333333em 0.1111111111em;
    color: #666;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td {
    vertical-align: top;
    font-weight: 500;
    padding: 0.2777777778em 0.1111111111em;
    font-size: 1.125em;
    letter-spacing: 0;
    color: #666;
    text-align: center;

}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td.on {
    opacity: 1
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td.today {
    background-color: #dcdcdc
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td.select .date {
    color: #fff
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td.select .date:before {
    opacity: 1
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .date {
    display: inline-block;
    padding: 0.6666666667em 0;
    position: relative;
    z-index: 1
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .date:before {
    content: "";
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: #8268d6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    font-weight: bold
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .sun {
    color: #c00
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .sat {
    color: #09c
}

.section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .off {
    font-size: 1rem;
    color: rgb(233,10,10)
}

@media (max-width: 1024px) {
    .section-booking .booking-wrap .calendar_wrap_b {
        background-color:#fff;
        border-radius: 15px;
        padding: 0 1em
    }
}

@media (max-width: 768px) {
    .section-booking .booking-wrap .calendar_wrap_b .control_bx a {


    }

    .section-booking .booking-wrap .calendar_wrap_b .schedule_type_b thead tr th {
        font-size: 0.9375em
    }

    .section-booking .booking-wrap .calendar_wrap_b .schedule_type_b tbody tr td {
        word-break: break-all;
        font-size: 0.9375em
    }

    .section-booking .booking-wrap .calendar_wrap_b .schedule_type_b .off {
        font-size: 0.875rem
    }
}

@media (max-width: 1200px) {
    .section-booking .booking-wrap {
        padding:2.5rem 1.25rem
    }
}

@media (max-width: 1024px) {
    .section-booking {
        padding-bottom:7.5rem
    }

    .section-booking .booking-wrap {
        background-color: transparent;
        padding: 2.5rem 0.625rem
    }
}

@media (max-width: 768px) {
    .section-booking {
        padding-bottom:6.25rem
    }

    .section-booking .inner:after,.section-booking .inner:before {
        bottom: -10%
    }

    .section-booking .inner:before {
        left: -3%
    }

    .section-booking .inner:after {
        right: -3%
    }
}

@media (max-width: 576px) {
    .section-booking {
        padding-bottom:3.125rem
    }

    .section-booking .inner:after,.section-booking .inner:before {
        bottom: -7%
    }

    .section-booking .inner:before {
        left: -5%
    }

    .section-booking .inner:after {
        right: -5%
    }

.section-booking .btn-bx {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow-y:hidden;
        white-space:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        flex-direction: row;
    }
 .section-booking .btn-bx::-webkit-scrollbar{display:none;}

    .section-booking .btn-bx a {
        font-size: 0.9375em;
        min-width: 7.5rem;
        margin: 0 0.3125rem;
    }
}

    .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .mt-lg-0,.my-lg-0 {
        margin-top: 0rem!important
    }


    @media (min-width: 1024.02px) {
    .col-lg-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
        }
      }

  .btn-border-02 {
    border: 1px solid #8268d6;
    background-color: #fff;
    color: #8268d6;
    padding: 0.75rem 0.3125rem
}

.btn-border-02:hover {
    background-color: #e2c500!important;
    color: #fff
}

.btn-border-02:hover:after {
    color: #fff
}


[class*=" btn-border-"],[class*=" btn-type-"],[class^=btn-border-] {
    border: 0;
    min-width: 5em;
    border-radius: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.0625rem;
    padding: 0 0.9375rem;
    vertical-align: middle;

    -webkit-transition: 0.3s;
    transition: 0.3s
}

[class*=" btn-border-"].__small,[class*=" btn-type-"].__small,[class^=btn-border-].__small,[class^=btn-type-].__small {
    font-size: 0.875rem
}

[class*=" btn-border-"].__xsmall,[class*=" btn-type-"].__xsmall,[class^=btn-border-].__xsmall,[class^=btn-type-].__xsmall {
    font-size: 0.8125rem
}

@media (max-width: 768px) {
    [class*=" btn-border-"],[class*=" btn-type-"],[class^=btn-border-],[class^=btn-type-] {
        min-width:10em
    }
}
.mainSchedule {background: #c1eee2 ; background-image: url(../images/main_renew/bg.png);background-position: left 95% bottom 5px;background-size: 15%;background-repeat: no-repeat;}
.mainSchedule h2{color:#000;font-family:'NanumSquare';font-weight:700;font-size:3.5rem;text-align:center;}
.mainSchedule .text_detail{color:#666;font-size:2rem;line-height:1.4;margin-top:1rem; font-family:'NanumSquare'; text-align: center;margin-bottom: 30px}
.xi-angle-left {position: relative;}

.xi-angle-left:before {
  content: "";
  position: absolute;
    top: 11px; /* 원하는 위치값  */
    left: -1px; /* 원하는 위치값 */
    display: inline-block;
    content: '';
    width: 9px; /* 만들 화살표의 넓이*/
    height: 9px; /* 만들 화살표의 넓이 */
    border-top: 2px solid #333; /* rotate 했을때 왼쪽선 두께와 색상 */
    border-right: 2px solid #333; /*rotate 했을때 오른쪽선 선 두께 */
    transform: rotate(225deg); /* 각도 */
}
.xi-angle-right {position: relative;}
.xi-angle-right:before {content: "";
position: absolute;
  top: 11px; /* 원하는 위치값  */
  left: -7px; /* 원하는 위치값 */
  display: inline-block;
  content: '';
  width: 9px; /* 만들 화살표의 넓이*/
  height: 9px; /* 만들 화살표의 넓이 */
  border-top: 2px solid #333; /* rotate 했을때 왼쪽선 두께와 색상 */
  border-right: 2px solid #333; /*rotate 했을때 오른쪽선 선 두께 */
  transform: rotate(45deg); /* 각도 */
}



.calendar_text_b {
    background-color: #eeeeee;
    border-radius: 15px;
    padding: 1.3636363636em 1.8181818182em
}

.calendar_text_b .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 2rem
}

.calendar_text_b .title .tit {
    font-size: 1.375em;
    font-weight: 500;
    color: #333;
    font-weight: bold;
}
.calendar_text_b .title .tit span {color: #333}

.calendar_text_b .bookig_list .bookig_list_item {
    background-color: #fff;
    border-radius: 10px;
    font-size: 1.7rem;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.1rem 1.875rem;
    margin-bottom: 1.3rem
}

.calendar_text_b .bookig_list .bookig_list_item.off {
    color: #999
}

.calendar_text_b .bookig_list .bookig_list_item.off .type {
    color: #f4415c;
    font-weight: 500
}

.calendar_text_b .bookig_list .bookig_list_item.off .type:before {
    background-color: #f4415c
}

.calendar_text_b .bookig_list .place {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 3.125rem;
    flex: 1 0 3.125rem;
    max-width: 3.125rem;
    position: relative;
    font-weight: bold;
    color: #8268d6
}

.calendar_text_b .bookig_list .place:before {
    content: "";
    display: block;
    height: 1.8rem;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    right: -40%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.calendar_text_b .bookig_list .study,.calendar_text_b .bookig_list .name,.calendar_text_b .bookig_list .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.calendar_text_b .bookig_list .study:before,.calendar_text_b .bookig_list .name:before,.calendar_text_b .bookig_list .type:before {
    margin-right: 0.5em
}

.calendar_text_b .bookig_list .study,.calendar_text_b .bookig_list .name {
    position: relative
}

.calendar_text_b .bookig_list .study:before,.calendar_text_b .bookig_list .name:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.25rem;
    height: 1.25rem
}

.calendar_text_b .bookig_list .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 10rem;
    flex: 1 0 10rem;
    max-width: 20rem;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top: -10px
}

.calendar_text_b .bookig_list .name:before {
    background-image: url(../images/icon/name_i.png)
}

.calendar_text_b .bookig_list .study {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 5.9375rem;
    flex: 1 0 5.9375rem;
    max-width: 10rem;
    /*margin-top: -10px*/
}

.calendar_text_b .bookig_list .study:before {
    background-image: url(../images/icon/people_i.png)
}

.calendar_text_b .bookig_list .type {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 5.3125rem;
    flex: 1 0 5.3125rem;
    max-width: 5.3125rem;
    font-size: 0.9em;
    color: #f4445d;

    position: relative
}

.calendar_text_b .bookig_list .type:before {
    content: "";
    display: block;
    width: 0.4375rem;
    height: 0.4375rem;
    background-color: #f4445d;
    border-radius: 50%
}

.calendar_text_b .booking_btn {
    font-size: 17px;
    height: 3.75rem;
    line-height: 3.75rem;
    width: 100%;
    margin-top: 1.5625rem;
    display: block;
    text-align: right;
    padding-right:8rem;background:url(../images/main_renew/calendar_detail.png) right 12px no-repeat;background-size:6.5rem 1rem;
}
.calendar_text_b .booking_btn span{
  color: #8268d6

}

.calendar_text_b.calendar-yam .bookig_list_item {
    min-height: 6.875rem
}

.calendar_text_b.calendar-yam .bookig_list_item .txt-bx:nth-of-type(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-width: 60%;
    padding-left: 1.5625rem
}

.calendar_text_b.calendar-yam .study,.calendar_text_b.calendar-yam .name {
    max-width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.calendar_text_b.calendar-yam .study .tit,.calendar_text_b.calendar-yam .name .tit {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    max-width: 100px;
    position: relative
}

.calendar_text_b.calendar-yam .study .tit:before,.calendar_text_b.calendar-yam .name .tit:before {
    content: "";
    display: block;
    height: 1rem;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    right: 18%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1200px) {
    .calendar_text_b.calendar-yam .bookig_list_item {
        min-height:auto
    }

    .calendar_text_b.calendar-yam .bookig_list_item .txt-bx:nth-of-type(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 70%;
        flex: 1 0 70%;
        max-width: 70%
    }
}

@media (max-width: 576px) {
    .calendar_text_b.calendar-yam .bookig_list_item {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .calendar_text_b.calendar-yam .bookig_list_item .txt-bx:nth-of-type(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
        padding-left: 0
    }

    .calendar_text_b.calendar-yam .study .tit,.calendar_text_b.calendar-yam .name .tit {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 70px;
        flex: 1 0 70px;
        max-width: 70px;
        position: relative
    }
}

@media (max-width: 1350px) {
    .calendar_text_b .bookig_list .bookig_list_item {
        font-size:1.125em;
        padding: 0.9375rem 0.625rem
    }
    .calendar_text_b .bookig_list .place{max-width:inherit;}

    .calendar_text_b .bookig_list .place:before {
        right: -30%
    }
}

@media (max-width: 1200px) {
    .calendar_text_b {
        padding:1.3636363636em 0.9090909091em
    }

    .calendar_text_b .bookig_list .place:before {
        right: -20%
    }
}

@media (max-width: 1024px) {
    .calendar_text_b {
        padding:1.5em 2em
    }

    .calendar_text_b .bookig_list .bookig_list_item {
        padding: 0.9375rem 1.875rem
    }

    .calendar_text_b .bookig_list .place:before {
        display: none
    }
}

@media (max-width: 576px) {
    .calendar_text_b {
        padding:1.5em 1.5em
    }

    .calendar_text_b .bookig_list .bookig_list_item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 1em;
        padding: 0.625rem 0.9375rem;
        display: inherit;

    }


    .calendar_text_b .bookig_list .bookig_list_item .place {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 0 100%!important;
        flex: 1 0 100%!important;
        max-width: 100%!important
    }

    .calendar_text_b .bookig_list .bookig_list_item>div {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 0.3125rem
    }
}

.sub-main--booking-yum .calendar_wrap_b .control_bx a:hover {
    border-color: #3389ff;
    color: #3389ff
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b thead tr th {
    border-top: 2px solid #3389ff
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b thead tr th:first-child,.sub-main--booking-yum .calendar_wrap_b .schedule_type_b thead tr th:last-child {
    color: #3389ff
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.off {
    background-color: #eff6ff;
    color: #3389ff;
    opacity: 0.6
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.off .date {
    color: rgba(51,137,255,0.7)
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.off .text {
    font-size: 1.125em;
    color: #3389ff
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.not {
    background-color: #f6f6f6;
    color: #999999;
    opacity: 0.6
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.not .date {
    color: #666
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b tbody tr td.not .text {
    font-size: 1.125em
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b .date {
    color: rgba(153,153,153,0.7)
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b .link .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 1.5625rem;
    flex: 1 0 1.5625rem;
    max-width: 1.5625rem
}

.sub-main--booking-yum .calendar_wrap_b .schedule_type_b .link.on {
    color: #3389ff
}

@media (max-width: 768px) {
    .sub-main--booking-yum .calendar_wrap_b .schedule_type_b .link {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}


.pt-xl-15,.py-xl-15 {
       padding-top: 3.75rem!important
   }

   .pr-xl-15,.px-xl-15 {
       padding-right: 3.75rem!important
   }

   .pb-xl-15,.py-xl-15 {
       padding-bottom: 3.75rem!important
   }

   .pl-xl-15,.px-xl-15 {
       padding-left: 3.75rem!important;
   }

   .calendar_text_a {
    background-color: #eeeeee;
    border-radius: 15px;
    padding: 1.3636363636em 1.8181818182em
}

.calendar_text_a .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1rem
}

.calendar_text_a .title .tit {
    font-size: 1.375em;
    font-weight: 500;
    color: #333;
    font-weight: bold;
}
.calendar_text_a .title .tit span{

    color: #333;

}
.calendar_text_a .title .tit .color_point {display: block; color: #8268d6}
.calendar_text_a.calendar_text_b .bookig_list .bookig_list_item .title .tit span {color: #333}
.calendar_text_a .bookig_list .bookig_list_item {
  background-color: #fff;
  border-radius: 10px;
  font-size: 1.7rem;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  width: 15%;
  margin-right: 5px;
  float: left;
  flex-direction: column;
  margin: 1rem 0.45rem
}
.calendar_text_a .num{width:62px;height:46px;background:url(../images/main_renew/coordinate.png) top center no-repeat;color:#fff;font-size:1.8rem;padding-top:5px;display:block;text-align: center;}
.calendar_text_a .area {text-align: center;width: 62px; display: block;}
.calendar_text_a .bookig_list {overflow: hidden}
@media (max-width: 1023px) {
.section-booking .booking-wrap {display:inherit; }
.calendar_text_b, .calendar_text_a {margin-top: 30px}
.mainSchedule {background-image: none}
.calendar_text_b .bookig_list .study {max-width:inherit;margin-top: inherit;}
.calendar_text_b .bookig_list .name {max-width:inherit;margin-left: 30px}
.section-booking {display:inherit;}
.calendar_text_a .bookig_list .bookig_list_item {width: inherit;}
}
@media (max-width: 576px) {
.calendar_text_b .bookig_list .name {margin-left: inherit;}
.calendar_text_b .bookig_list .study {display: inline}
.calendar_text_b .booking_btn {padding-right: 0; background: none}
.xi-angle-left:before, .xi-angle-right:before {width: 7px; height: 7px;}




}