@import url("reset.css");
@import url("slick.css");
@import url("swiper.css");

:root{
    --point-color-1:#377CC0;
    --point-color-2:#E63232;
    --point-color-3:#FFCC04;
    --point-color-4:#FF904B;
    --header_h : 90px;
    --width:1480px;
    --padding:20px;
    --font:'Binggrae';
}
@media screen and (max-width: 768px) {
:root {
    --header_h: 60px;
}
}

/* header */
.header{position:fixed; left:0; top:0; width:100%; height:var(--header_h); background-color:#fff; z-index:10;  padding:0 2.6%; display:flex; align-items: center;  justify-content: space-between; box-sizing:border-box;}
.gnb_wrap .mb_area{display:none;}
.gnb{width:960px;  display:Flex;  }
.gnb>li{position:relative; width:16.66%; text-align:center;}
.gnb>li>a{height:var(--header_h); display:flex; align-items: center; justify-content:center; font-size:1.125rem;}
.gnb_wrap:before{position:absolute; left:0; top:var(--header_h); width:100%; height:270px; background-color:#f2f7fb; display:block; content:""; z-index:10; border-radius:0 0 20px 20px; visibility: hidden; opacity:0; transition: all 0.2s ease-out;}
.s_gnb{position:absolute; left:0; top:var(--header_h); z-index:12; width:100%; padding-top:20px; visibility: hidden; opacity:0; transition: all 0.2s ease-out;}
.s_gnb>ul>li{line-height:2;}
.s_gnb>ul>li>a{position:relative; font-size:1rem; display: inline-block; color:#616161; transition: all 0.3s ease-out; word-break: keep-all;}
.s_gnb>ul>li>a:before{position:absolute; left:0; bottom:0; width:0; height:1px;  background-color:var(--point-color-1); transition: all 0.3s ease-out; display:block; content:"";}
.s_gnb>ul>li>a:hover{color:var(--point-color-1);}
.s_gnb>ul>li>a:hover:before{width:100%;}
.header .right_area{display:flex; align-items: center;}
.header .util_menu ul{display:flex; align-items: center;}
.header .util_menu ul li{position:relative; padding:0 20px; }
.header .util_menu ul li:before{position:absolute; left:0; top:50%; width:1px; height:15px; background-color:#d9d9d9; display:block; content:""; transform:translateY(-50%)}
.header .util_menu ul li:first-child:before{display:none;}
.header .util_menu ul li a{font-size:1rem; color:#9E9E9E; }
.header .btn_search_open{margin-left: 30px; width:35px; height:35px; background:url(../img/ic_search.svg) no-repeat center center; display:block; }
.header .menu_open{margin-left:30px; width:40px; height:40px; background:url(../img/ic_menu.svg) no-repeat center center; display:block; background-size: 100%;}
.header .menu_open.on{background: url(../img/ic_menu_close.svg) no-repeat center center; background-size:100%;}

.gnb_wrap.active .s_gnb,
.gnb_wrap.active:before{visibility: visible; opacity:1;}

@media screen and (min-width: 1301px) {
.gnb_wrap:hover .s_gnb,
.gnb_wrap:hover:before{visibility: visible; opacity:1;}
}

@media screen and (max-width: 1660px) {
.gnb{width:700px;}
.header .menu_open,
.header .btn_search_open{margin-left:15px;}
.header .util_menu ul li{padding:0 10px;}
}
@media screen and (max-width: 1300px){
.gnb{position:absolute; left:0; top:var(--header_h); z-index:12; padding-top:20px; width:100%; visibility:visible; opacity:0; transition: all 0.3s ease-out; display: none;}
.gnb>li>a{height:auto; padding:10px 0 0; }
.s_gnb{position:relative; left:auto; top:auto; }
.gnb_wrap.active .gnb{visibility: visible; opacity:1;  display: flex ;}
}
@media screen and (max-width: 768px){
.header .util_menu{display:none;}
.gnb_wrap{position:fixed; left:0; top:0; z-index:20; width:100%; height:100vh; background-color:#f2f7fb;  visibility: hidden; opacity:0; transition: all 0.2s ease-out; display:none;}
.gnb_wrap.active{visibility: visible; opacity:1; display:block;}
.gnb_wrap:before{display:none;}
.gnb_wrap .mb_area{display:block;}
.gnb_wrap .logo_area{display:Flex; align-items: center; height:var(--header_h); padding:0 2.6%; }
.gnb_wrap .menu_close{margin-left:auto; width:34px; height:34px; display:block; background:url(../img/ic_menu_close.svg) no-repeat center center; background-size:100%; display:block; }
.gnb_wrap .util{padding:10px 0; background-color:#fff;}
.gnb_wrap .util ul{display:Flex; align-items: center;;}
.gnb_wrap .util ul li{position:relative; flex-grow:1; text-align:center; }
.gnb_wrap .util ul li:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#ddd; display:block; content:""; transform:translateY(-50%);}
.gnb_wrap .util ul li:First-child:before{display:none;}
.gnb{position:relative; left:0; top:auto; width:100%; padding-top:0; display:block; }
.gnb>li{width:100%;  text-align:left; border-bottom:1px solid rgba(55,124,192,0.3);}
.gnb>li>a{padding:15px 2.6%; justify-content: flex-start; font-size:1.25rem; background:url(../img/gnb_arrow.svg) no-repeat right 2.5% center; background-size:20px;}
.s_gnb{padding:10px 2.6%; background-color:var(--point-color-1); display:none; transition:none;}
.s_gnb>ul>li>a{font-size:1.125rem; color:#fff;}
.header .menu_open,
.header .btn_search_open{margin-left:10px; width:32px; height:32px;}
.header .logo img{max-width:220px;}
.gnb_wrap.active .gnb{display:block;}
}


/* main */
.main_visual{position:relative; }
.main_visual .list{display:none;}
.main_visual .list:first-child{display:block;}
.main_visual .list{position:relative; aspect-ratio: 1/0.364;}
.main_visual .list img{width:100%; height:100%; object-fit: cover;}
.main_visual .slick-dots{position:absolute; left:0; bottom:40px; width:100%; z-index:4; display:flex; align-items: center; justify-content: center;}
.main_visual .slick-dots li{margin:0 8px; }
.main_visual .slick-dots li button{width:10px;height:10px; background-color:#fff; border-radius:50%; display:block; text-indent:-9999px;}
.main_visual .slick-dots li.slick-active button{width:15px;height:15px; background-color:var(--point-color-3);}
.main_vs_txt{position:absolute; left:0; top:50%; z-index:3; width:100%; text-align:center; transform:translateY(-50%);}
.main_vs_txt .txt_1{margin-bottom:20px; font-size:1.5625rem; color:#fff;}
.main_vs_txt .txt_2{font-size:3.125rem; color:#fff; font-weight:bold; font-family:var(--font); line-height:1.4;}
.main_vs_txt .txt_2 strong{color:var(--point-color-3);}
.main_vs_txt .btn_area{margin-top:60px; display:flex; align-items: center; justify-content: center;}
.main_vs_txt .btn_area a{margin:0 10px; width:180px; height:55px; display:flex; justify-content: center; align-items:center; border-radius:10px; font-size:1rem;}
.main_vs_txt .btn_area a:before{margin-right:15px; width:26px; height:26px; display:block; content:"";}
.main_vs_txt .btn_area a.icon_1:before{background:url(../img/ic_monthly.svg) no-repeat center center;}
.main_vs_txt .btn_area a.icon_2:before{background:url(../img/ic_breakdown.svg) no-repeat center center;}
.main_vs_txt .btn_area a.icon_1{background-color:var(--point-color-3);}
.main_vs_txt .btn_area a.icon_2{background-color:var(--point-color-4);}

.main_container{background-color:#f5f5f5; }
.main_title{padding-bottom:20px;}
.main_title h1{font-size:1.5625rem; font-family:var(--font); font-weight:bold;}
.main_title p{margin-top:20px; font-size:0.9375rem; color:#616161;}
.main_cont_1{padding:120px 0;}
.main_cont_1 .cont{display:flex;}
.main_notice{position:relative; padding:40px; width:49%; box-sizing:border-box; border-radius:10px; background-color:#fff;}
.main_notice .more{position:absolute; right:40px; top:40px; width:25px; height:25px; background:url(../img/icon_more.svg) no-repeat center center #BDBDBD;  opacity:0.7; display:block;}
.main_notice .main_title h1{color:#616161;}
.main_notice ul li{padding:20px 0; min-height:75px; display:flex; align-items: center; border-top:1px solid #E0E0E0; box-sizing:border-box;}
.main_notice ul li:first-child{border-top:1px solid #616161;}
.main_notice ul li a{width:calc(100% - 120px); display:block; text-overflow:ellipsis; white-space:nowrap;  word-wrap:normal; overflow:hidden; font-size:0.9375rem; line-height:1.46; display:flex; align-items: center; font-weight:600;}
.main_notice ul li .date{margin-left:auto; padding-left:22px; background:url(../img/ic_time.svg) no-repeat 0 center; font-size:1rem; display:block; color:#9E9E9E;}
.main_notice ul li .icon_notice{margin-right:20px; width:35px; height:35px; background:url(../img/ic_notice.svg) no-repeat center center var(--point-color-1);  border-radius:50%; display:inline-block; }
.main_education{margin-left:auto; padding:40px; width:49%; background:url(../img/main_education_bg.png) no-repeat center center; background-size:cover; border-radius:10px; box-sizing:border-box;}
.main_education p{font-size:0.9375rem; color:#616161;}
.main_education .btn_area{margin-top:40px;}
.btn_more{padding:0 20px; width:180px; height:50px; line-height:50px; display:flex; align-items: center; justify-content: space-between; color:#616161; font-weight:500; background-color:#fff; border-radius:10px; box-sizing:border-box; transition: all 0.3s ease-out;}
.btn_more:after{width:25px; height:25px; display:block; content:""; background:url(../img/arrow.svg) no-repeat center center; }
.btn_more:hover{background-color:#FFC19B;}
.main_cont_2{position:relative;  overflow:hidden; display:flex;}
.main_cont_2:before{position:absolute; left:0; top:0; width:43%; height:100%; background:url(../img/main_illust_car.png) no-repeat right -10% bottom var(--point-color-4); background-size:100%; display:block; content:""; border-radius:0 10em 10em 0;}
.main_cont_2:after{position:absolute; left:38%; top:0; width:62%; height:100%; background-color:var(--point-color-3); display:block; content:""; border-radius: 10em 0 0  10em;}
.main_cont_2 .cont{position:relative; z-index:2;}
.main_reservation{position:absolute; z-index:3; padding:100px 0; width:100%; height:100%;}
.main_reservation:before{position:absolute; }
.main_reservation .inner{position:relative;}
.main_reservation .btn_area{position:relative; max-width:375px; }
.main_reservation .btn_area:before{position:absolute; right:0; bottom:0; width:128px; height:128px; background: url(../img/icon_illust_calander.svg) no-repeat right bottom; background-size:100%; display:block; content:"";}
.main_reservation .btn_area a{width:200px;}
.main_reservation .btn_area li{margin-bottom:15px;}
.main_facilities{position:relative; z-index:5; margin-left:auto; padding:120px 0; width:57.7%; overflow:hidden; }
.main_facilities .main_title{position:relative; max-width:830px;}
.main_facilities .more{position:absolute; right:0; top:0px;}
.main_facilities_slide{padding-right:200px;}
.main_facilities_slide .list{padding-right:24px; display:none; box-sizing:border-box;}
.main_facilities_slide .list:first-child{display:block; }
.main_facilities_slide .list img{width:100%;}
.main_facilities_slide .slick-list{overflow:inherit;}

.main_cont_3{position:relative; padding:120px 0 20px; overflow:hidden;}
.main_cont_3:before{position:absolute; left:-350px; top:-50px; width:700px; aspect-ratio: 1/1; background-color:#fff; display:block; content:""; border-radius:50%;}
.main_cont_3 .cont{position:relative; }
.main_cont_3 .img_area a{position:relative; aspect-ratio: 1/0.72; display:block; }
.main_cont_3 .img_area img{width:100%; height:100%; object-fit: cover; display:block;}
.main_cont_3 .txt_area{padding:25px 6%; background-color:#fff;}
.main_cont_3 .slick-slide{padding-right: 24px;}
.main_cont_3 .list{ display:block !important; border-radius:1.875rem; overflow:hidden; box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.main_cont_3 .txt_area .tit{font-size:1.125rem; font-weight:600; color:#616161; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.main_cont_3 .date{margin-top:10px; padding-left:22px; background:url(../img/ic_time.svg) no-repeat 0 center; color:#9e9e9e;}
.main_cont_3 .more{position:absolute; right:var(--padding); top:0;}
.main_cont_3 .slick-list{overflow:inherit;}
.main_photo_slide{position:Relative; }
.main_photo_slide .slick-prev{position:absolute; left:-50px; z-index:5; top:50%; width:40px; height:40px; background:url(../img/main_rolling_prev.svg) no-repeat center center #272727; border-radius:50%; display:block; text-indent: -9999px; transform: translateY(-50%);}
.main_photo_slide .slick-next{position:absolute; right:-30px; z-index: 5; top:50%; width:40px; height:40px; background:url(../img/main_rolling_next.svg) no-repeat center center #272727; border-radius:50%; display:block; text-indent: -9999px; transform: translateY(-50%);}

.main_cont_4{position:relative; padding:140px 0 40px; }
.main_cont_4 .cont{position:Relative; }
.main_cont_4 .d-flex{background-color: #8bb4dd;}
.main_cont_4 .map_area{width:50%;}
.main_cont_4 .map_area iframe{width:100%; height:620px; display:block; }
.main_cont_4 .location{padding-left:80px; width:50%; box-sizing:border-box;}
.main_cont_4 .location h2{margin-bottom:50px; font-size:1.875rem; font-weight:700;}
.main_cont_4 .location .info li{position:relative; padding-left:32px; margin-bottom:20px; font-size:1.125rem; display:Flex; }
.main_cont_4 .location .info li strong{width:150px; font-size:1.25rem; font-weight:600;  display:inline-block; color:#24325E;}
.main_cont_4 .location .info li span{width:calc(100% - 150px); display: inline-block; font-weight:500;}
.main_cont_4 .location .info li.icon_1{background:url(../img/ic_add.svg) no-repeat 0 center;}
.main_cont_4 .location .info li.icon_2{background:url(../img/ic_tel.svg) no-repeat 0 center;}
.main_cont_4 .location .info li.icon_3{background:url(../img/ic_tel_3.svg) no-repeat 0 center;}
.main_cont_4 .location .info li.icon_4{background:url(../img/ic_mail.svg) no-repeat 0 center;}
.main_cont_4 .location .btn_list{padding-top:60px;}
.main_cont_4 .location .btn_list ul{display:flex; align-items: center;}
.main_cont_4 .location .btn_list ul li{width:200px; margin-right:20px;}
.main_cont_4 .location .btn_list ul li a{width:100%; height:70px; display:flex; align-items: center; justify-content: center; background-color:#fff; border-radius:10px; font-weight:600; transition: all 0.3s ease-out;}
.main_cont_4 .location .btn_list ul li a:hover{background-color:#A7C9E9;}
.main_cont_4 .location .btn_list ul li a:before{margin-right:10px; width:32px; aspect-ratio: 1/1; display:block; content:""; border-radius:50%; }
.main_cont_4 .location .btn_list ul li a.icon_1:before{background:url(../img/icon_kakao.png) no-repeat center center #FAE200; }
.main_cont_4 .location .btn_list ul li a.icon_2:before{background:url(../img/icon_naver.svg) no-repeat center center #00C300; }
.main_cont_4 .location .btn_list ul li a.icon_3:before{background:url(../img/icon_google.png) no-repeat center center #ECECEC; }

@media screen and (max-width: 1560px) {
.main_photo_slide .slick-next{right:0;}
.main_photo_slide .slick-prev{left:0;}
}

@media screen and (max-width: 1200px) {
.main_visual .list{aspect-ratio: 1/0.7;}
.main_vs_txt .txt_2 strong{display:block;}
.main_facilities_slide{padding-right:100px;}
.main_cont_4 .location{padding-left:40px;}
}
@media screen and (max-width: 1024px) {
.main_cont_4 .d-flex{display:block;}
.main_cont_4 .map_area{width:100%;}
.main_cont_4 .location{padding:100px var(--padding); width:100%;}
.main_cont_2{display:block;}
.main_cont_2 .cont{display:block; padding:0;}
.main_cont_2:after,
.main_cont_2:before{display:none;}
.main_reservation{position:relative; padding:60px var(--padding); width:100%; box-sizing:border-box; background-color:#FF904B;}
.main_facilities{padding:60px var(--padding); width:100%; box-sizing: border-box; background-color:var(--point-color-3);}
.main_facilities_slide .list{padding-right:10px;}
}
@media screen and (max-width:960px) {
.main_cont_1{padding:60px 0; }
.main_cont_1 .cont{display:block; }
.main_notice{width:100%; margin-bottom:40px; }
.main_education{width:100%;}
.main_cont_4{padding:60px 0 40px;}
}

@media screen and (max-width: 768px) {
.main_visual .list{aspect-ratio: 1/1.2;}
.main_vs_txt .txt_1{font-size:1.2rem;}
.main_vs_txt .txt_2{font-size:2rem;}
.main_vs_txt .btn_area{margin-top:30px; }
.main_vs_txt .btn_area a{width:120px; height:44px;border-radius:5px;}
.main_notice{padding:30px;}
.main_notice ul li{padding:10px 0; min-height:auto;}
.main_notice .more{right:30px; top:30px;}
.main_education{padding:20px;}
.btn_more{padding:0 10px; width:140px; height:40px; line-height:40px; border-radius:5px;}
.main_cont_3{padding:60px 0 20px;}
.main_cont_3:before{left:-160px; width:320px; }
.main_cont_4 .map_area iframe{height:300px;}
.main_cont_4 .location{padding:50px var(--padding);}
.main_cont_4 .location h2{margin-bottom:20px;}
.main_cont_4 .location .info li strong{width:80px;}
.main_cont_4 .location .info li span{width:calc(100% - 80px);}
.main_cont_4 .location .btn_list{padding-top:0; }
.main_cont_4 .location .btn_list ul{display:block; }
.main_cont_4 .location .btn_list ul li{width:100%; margin-bottom:5px; border-radius:5px;}
.main_cont_4 .location .btn_list ul li a{height:40px; }
}


/* footer */
.footer{border-top:1px solid #E0E0E0; padding:20px 0 50px;}
.footer .cont{position:relative; }
.footer .menu{margin-bottom:50px;}
.footer .menu ul{display:flex; align-items: center;}
.footer .menu ul li{margin-right:10px; }
.footer .menu ul li a{width:120px; height:32px; line-height:32px; display:inline-block; font-size:0.875rem; color:#fff; text-align:center; font-weight:600;}
.footer .menu ul li:nth-child(1) a{background-color:#EC6363; border-radius:10px 10px 10px 0; }
.footer .menu ul li:nth-child(2) a{background-color:#377ABE; border-radius:10px 10px 10px 0; }
.footer .menu ul li:nth-child(3) a{background-color:#BDBDBD; border-radius:10px 10px 0 10px; }
.footer .menu ul li:nth-child(4) a{background-color:#1B1B1B; border-radius:10px 10px 0 10px; }
.footer .info ul{display:flex; flex-wrap:wrap;}
.footer .info ul li{position:relative; margin-bottom:3px;  padding:0 12px 0 15px; display:flex; font-size:1rem; color:#9E9E9E; }
.footer .info ul li:first-child{padding-left:0;}
.footer .info ul li:first-child:before{display:none;}
.footer .info ul li strong{margin-right:10px; font-size:1rem; font-weight:500; color:#757575; display:inline-block;}
.footer .info ul li:before{position:absolute; left:0; top:50%; width:5px; height:5px; background-color:#ddd; display:block; content:""; transform:translateY(-50%); border-radius:50%;}
.footer .copyright{margin-top:15px; font-size:1rem; color:#9E9E9E; }
.footer .copyright a{font-size:inherit; color:inherit; }
.footer .right_area{position:absolute; right:var(--padding); top:0; }
.footer .right_area .sns_list{margin-bottom:50px;}
.footer .right_area .sns_list ul{display:flex; align-items: center; justify-content: flex-end;}
.footer .right_area .sns_list ul li{margin-left:10px; }
.footer .right_area .sns_list ul li a{width:35px; height:35px; line-height:33px; border:1px solid #6299D1; border-radius:50%; box-sizing:border-box; display:block; text-align:center;}
@media screen and (max-width: 1260px) {
.footer .right_area .sns_list{margin-bottom:10px;}
.footer .menu{margin-bottom:60px;}
}
@media screen and (max-width: 960px) {
.footer .right_area{position:relative; right:auto; top:auto; margin-bottom:40px; }
.footer .right_area .sns_list{margin-bottom:20px;}
.footer .right_area .sns_list ul{justify-content: flex-start;}
}
@media screen and (max-width: 768px) {
.footer .menu{margin-bottom:30px;}
.footer .menu ul{flex-wrap:wrap;}
.footer .menu ul li{width:48%; margin:0 0 10px;}
.footer .menu ul li:nth-child(2n){margin-left:auto;}
.footer .menu ul li a{width:100%;}
}

/* layout */
.cont{margin:0 auto; padding:0 var(--padding); max-width:var(--width); box-sizing:border-box; }
.container{padding-top:var(--header_h);}
.sub_container{padding:80px 0 180px;}

.navi{background-color:var(--point-color-1);}
.navi>ul{margiN:0 auto; max-width:1440px; display:flex; }
.navi>ul>li{position:Relative;width:240px; border-right:1px solid rgba(225,255,255,0.5);}
.navi>ul>li.home{width:50px; border-left: 1px solid rgba(225, 255, 255, 0.5); display:flex; align-items: center; justify-content: center;}
.navi>ul>li>button{padding:0 20px; width:100%; height:50px; background:url(../img/navi_arrow.svg) no-repeat right 20px center; font-size:1rem; color:#fff;  display:flex; align-items: center;}
.s_navi{position:absolute; left:0; top:50px; z-index:5; width:100%; border:1px solid var(--point-color-1); padding:20px; display:none; background-color:#fff;}
.s_navi ul li{margin-bottom:5px;}
.s_navi ul li:last-child{margin-bottom:0;}
.sub_visual{position:relative; height:200px; display:flex; align-items: center; justify-content: center; background:url(../img/sub_visual.png) no-repeat center center; background-size:cover;}
.sub_vs_txt{text-align:center; padding:0 var(--padding); width:100%; box-sizing:border-box; }
.sub_vs_txt h1{font-size:2.1875rem; font-weight:700; }
.sub_vs_txt p{font-size:1rem; color:#616161; }
@media screen and (max-width: 768px) {
.sub_container{padding:50px 0 80px;}
.sub_visual{height:160px;}
.navi>ul>li>button{height:40px; line-height:40px;}
.s_navi{top:40px;}
}


/* intro */
.intro_cont{display:flex; align-items: center;}
.intro_cont .img_area{margin-left:auto; width:40.6%;}
.intro_cont .txt_area{width:56%;}
.intro_cont .txt_area .txt_1{margin-bottom:35px;font-size:1.75rem; font-weight:600;}
.intro_cont .txt_area .txt_1 strong{font-weight:600; color:var(--point-color-4);}
.intro_cont .txt_area p{font-size:1rem; line-height:1.5625;}

@media screen and (max-width: 960px) {
.intro_cont{display:block; }
.intro_cont .txt_area{width:100%;}
.intro_cont .img_area{margin-top:50px; width:100%; text-align:center;}
}
@media screen and (max-width: 768px) {
.intro_cont .txt_area .txt_1 br{display:none;}
.intro_cont .txt_area .txt_1 {word-break: keep-all;}
}

/* facility */
.facility .box{margin-bottom:50px; width:100%; padding:50px 5%; background:url(../img/facility_img1.png) no-repeat right bottom #F5F5F5; background-size:auto 100%; box-sizing:border-box;}
.facility .box .txt_1{margin-bottom:20px; font-size:1.75rem; font-weight:600;}
.facility .box .txt_1 strong{font-weight:600; color:var(--point-color-4);}
.facility .box p{font-size:1rem; line-height:1.5625;}
.facility .list{padding:0 5%; margin-bottom:100px;}
.facility .list ul li{position:relative; margin-bottom:10px;  padding-left:40px; display:flex;}
.facility .list ul li:before{position:absolute; left:0; top:4px; width:25px; aspect-ratio: 1/1; background:url(../img/ic_check.svg) no-repeat center center; background-size:100%; display:block ;content:"";}
.facility .list ul li .tit{width:100px; display:block; font-size:1.0625rem; font-weight:600; line-height:2; display:inline-block; }
.facility .list ul li .txt{margin-left:auto; width:calc(100% - 115px); font-size:1rem; line-height:2.125;}
.facility .program{position:relative; padding-top:124px; text-align:center;}
.facility .program:before{position:absolute; left:0; top:0; z-index:1; width:100%; height:424px; background:url(../img/facility_img2.png) no-repeat center top 30%; background-size:cover; display:block; content:"";}
.facility .program .cont{position:relative; z-index:2;}
.facility .program h2{margin-bottom:80px; font-size:1.875rem; font-weight:700; }
.facility .program ul{display:flex;}
.facility .program ul li{width:390px; margin-left:-40px;}
.facility .program ul li:first-child{margin-left:0;}
.facility .program ul li .circle{aspect-ratio: 1/1; width:100%; padding:50px; box-sizing:border-box;  border-radius:50%;}
.facility .program ul li .circle .inner{background-color:#fff; aspect-ratio: 1/1; display:flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%;}
.facility .program ul li:nth-child(1) .circle{background:rgba(245,175,175,0.5); border:1px solid #EE8B8B;}
.facility .program ul li:nth-child(2) .circle{background:rgba(255,1212,185,0.5); border:1px solid #FFC19B;}
.facility .program ul li:nth-child(3) .circle{background:rgba(255,235,157,0.5); border:1px solid #FFE372;}
.facility .program ul li:nth-child(4) .circle{background:rgba(175,203,232,0.5); border:1px solid #8BB4DD;}
.facility .program ul li .name{margin-top:20px; font-size:1.125rem; font-family:var(--font); font-weight:bold;}
.facility .program ul li .txt_area{margin-top:40px; line-height:1.5625;}
@media screen and (max-width: 1200px) {
.facility .program ul li .circle{padding:10%;}
.facility .program ul li .txt_area{padding:0 40px; word-break: keep-all;}
.facility .program ul li .txt_area br{display:none;}
}
@media screen and (max-width: 960px) {
.facility .box{margin-bottom:25px; background-image:none;}
.facility .list{margin-bottom:50px;}
.facility .list ul li{flex-wrap:wrap;}
.facility .list ul li .txt{width:100%; margin-top:10px; }
.facility .box .txt_1 br{display:none;}
.facility .box .txt_1 {word-break: keep-all;}
.facility .program{padding-top:10%;}
.facility .program h2{margin-bottom:5%;}
.facility .program:before{aspect-ratio: 1/0.3; height:auto;}
.facility .program ul{flex-wrap:wrap;}
.facility .program ul li{width:52%; margin-left:0;}
.facility .program ul li:nth-child(2n){margin-left:-4%}
.facility .program ul li .txt_area{padding:0 20px; margin:20px 0; word-break: keep-all;}
.facility .program ul li .name{margin-top:10px; }
}

/* location */
.location .btn_list{margin-bottom:40px;}
.location .btn_list ul{display:Flex; justify-content: flex-end; align-items: center;}
.location .btn_list ul li{margin-left:20px;}
.location .btn_list ul li a{width:200px; height:70px; display:flex; align-items: center; border:1px solid #E0E0E0; border-radius:10px; font-size:1rem; font-weight:600; justify-content: center; transition: all 0.3s ease-out;}
.location .btn_list ul li a:hover{background-color:#afcbe8;}
.location .btn_list ul li a:before{margin-right:12px; width:32px; height:32px; display:block; border-radius:50%; content:"";}
.location .btn_list ul li.icon_1 a:before{background:url(../img/icon_naver.svg) no-repeat center center #00C300;; }
.location .btn_list ul li.icon_2 a:before{background:url(../img/icon_google.png) no-repeat center center #eee;; }
.location .btn_list ul li.icon_3 a:before{background:url(../img/icon_kakao.png) no-repeat center center #FAE200;; }
.location .map_area iframe{width:100%; height:600px; }
.location_cont{margin-top:100px;}
.location_cont h2{margin-bottom:30px; font-size:1.5625rem; font-weight:bold; font-family:var(--font);}
.location_cont .left_area{width:48%;}
.location_cont .left_area ul li{position:relative; padding-left:70px; margin-top:20px; display:flex; flex-wrap:wrap; align-items: center; min-height:50px;}
.location_cont .left_area ul li:before{position:absolute; left:0; top:0; width:50px; height:50px; display:block; content:"";}
.location_cont .left_area ul li .tit{width:130px; font-size:1.25rem; color:var(--point-color-1); font-weight:600;}
.location_cont .left_area ul li .txt{width:calc(100% - 130px); font-size:1.125rem; }
.location_cont .left_area ul li.icon_1:before{background:url(../img/location_add2.svg) no-repeat center center;}
.location_cont .left_area ul li.icon_2:before{background:url(../img/location_tel.svg) no-repeat center center;}
.location_cont .left_area ul li.icon_3:before{background:url(../img/location_talk.svg) no-repeat center center;}
.location_cont .left_area ul li.icon_4:before{background:url(../img/location_mail.svg) no-repeat center center;}
.location_cont .right_area{margin-left:auto; width:50%;}
.location_cont .right_area ul li{margin-bottom:20px; padding:25px 8%; display:flex; align-items: center; background-color:#FAFAFA; }
.location_cont .right_area ul li .tit{width:150px;}
.location_cont .right_area ul li .txt{width: calc(100% - 150px); display:flex; flex-wrap:wrap; align-items: center;}
.location_cont .right_area ul li .txt span{margin-right:15px; padding:5px 8px; line-height:1.375rem; color:#fff; font-weight:500; display:inline-block; border-radius:5px; background-color:#3668B2;}
.location_cont .right_area ul li .txt span.green_bg{background-color:#73D04F;}
@media screen and (max-width: 960px) {
.location .btn_list ul li{margin-left:10px; }
.location .btn_list ul li a{padding: 0 10px; width:100%; box-sizing:border-box;}
.location .btn_list ul li a:before{margin-right:5px;}
.location .map_area iframe{height:300px;}
.location_cont{margin-top:50px;}
.location_cont .d-flex{display:block; }
.location_cont .left_area{margin-bottom:40px; width:100%;}
.location_cont .right_area{width:100%;}
.location_cont .left_area ul li .tit{width:100%; }
.location_cont .right_area ul li{padding:10px 5%; margin-bottom:10px; }
.location_cont .right_area ul li .tit{width:100px; }
.location_cont .right_area ul li .txt{width: calc(100% - 100px);}
}

/* sbuType1 */
.subType1{margin-bottom:70px; display:flex; }
.subType1 .title_area{position: Relative; width:23.75%; padding:30px 20px; box-sizing:border-box; }
.subType1 .title_area:before{position:absolute; left:0; top:0; width:100%; height:3px;  background-color:var(--point-color-1); display:block; content:"";}
.subType1 .title_area h2{font-size:1.5625rem; font-weight:bold; font-family:var(--font); display:Flex; }
.subType1 .title_area h2 strong{margin-right:20px; display:inline-block; color:var(--point-color-1);}

.subType1 .table_area{position:relative; margin-left:auto; width:74.6%;}
.subType1 .txt_area{position:relative; margin-left:auto; width:74.6%; padding:30px; box-sizing:border-box;}
.subType1 .txt_area:before{position:absolute; left:0; top:0; width:100%; height:1px;  background-color:#E0E0E0; display:block; content:"";}
.subType1 .list_1 ul li{position:relative; margin-bottom:10px;  padding-left:40px; display:flex;}
.subType1 .list_1 ul li:before{position:absolute; left:0; top:4px; width:25px; aspect-ratio: 1/1; background:url(../img/ic_check.svg) no-repeat center center; background-size:100%; display:block ;content:"";}
.subType1 .list_1 ul li .tit{width:110px; display:block; font-size:1.0625rem; font-weight:600; line-height:2; display:inline-block; }
.subType1 .list_1 ul li .txt{margin-left:auto; width:calc(100% - 115px); font-size:1rem; line-height:2.125;}
.subType1 .list_1 ul li .txt strong.c-blue{color:var(--point-color-1);}
.subType1 .list_2{margin-top:30px; }
.subType1 .list_2 ul li {position:relative; padding-left:10px; font-size:0.9375rem; color:#757575; line-height: 1.5625;}
.subType1 .list_2 ul li:before{position:absolute; left:0; top:0; content:"*"; color:var(--point-color-1); display:block; }
.subType1  th{height:60px; background-color:#F2F7FB; text-align:center; font-size:1.0625rem; font-weight:600;}
.subType1  td{padding:13px 10px; text-align:center; font-size:1rem; line-height:2.215rem; color:#1B1B1B; border-bottom:1px solid #E0E0E0;}
.subType1 .type2 tr:first-child td{border-top:1px solid #E0E0E0;}
.subType1 .type2 td strong{font-weight:500;}

.step_list ul{display:flex; }
.step_list ul li{width:25%; text-align:center; }
.step_list ul li .icon{margin-bottom:30px; }
.step_list ul li .step_num{padding:10px; width:150px; box-sizing:border-box;  font-size:1.125rem; font-weight:700; display:inline-block; border-radius:2em;}
.step_list ul li .tit{margin:30px 0 15px; font-size:1.25rem; font-weight:700;}
.step_list ul li .txt{line-height:1.5625; color:#1B1B1B;}
.step_list ul li:nth-child(1) .step_num{border:1px dashed var(--point-color-2); color: var(--point-color-2);}
.step_list ul li:nth-child(2) .step_num{border:1px dashed var(--point-color-4); color:var(--point-color-4);}
.step_list ul li:nth-child(3) .step_num{border:1px dashed var(--point-color-3); color: var(--point-color-3);}
.step_list ul li:nth-child(4) .step_num{border:1px dashed var(--point-color-1); color: var(--point-color-1);}
@media screen and (max-width: 1024px) {
.subType1{display:block; margin-bottom:40px; }
.subType1 .title_area{padding:20px 0; width:100%; }
.subType1 .table_area,
.subType1 .txt_area{padding:30px 0; width:100%; }
.subType1 thead th{height:40px;}
.subType1 tbody td{height:40px; font-size:0.937rem; line-height:1.6;}

}

/* rollingType1 */
.rollingType1{margin-bottom:70px; }
.rollingType1 .slider-for{position:relative; margin-bottom:30px; }
.rollingType1 .slider-for .list{position:relative; aspect-ratio: 1/0.416; background:url(../img/no_image.svg) no-repeat center center #F5F5F5; }
.rollingType1 .slider-for .slick-dots{position:absolute; left:0; bottom:40px; z-index:3; width:100%; display:flex; align-items: center; justify-content: center;}
.rollingType1 .slider-for .slick-dots li{margin:0 7px;}
.rollingType1 .slider-for .slick-dots li button{width:10px; height:10px; background-color:#fff; display:block; content:""; display:block; content:""; border-radius:50%; text-indent:-9999px;}
.rollingType1 .slider-for .slick-dots li.slick-active button{width:15px; height:15px; background-color:var(--point-color-3);}
.rollingType1 .slider-nav .slick-slide>div{padding:0 12px; box-sizing:border-box;}
.rollingType1 .slider-nav .list{position:relative; aspect-ratio: 1/0.7; background:url(../img/no_image.svg) no-repeat center center #F5F5F5; background-size:80%;}
.rollingType1 .slider-nav .list:before{position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid var(--point-color-3); box-sizing:border-box;  display:block; content:""; opacity:0; transition: all 0.3s ease-out;}
.rollingType1 .slider-nav .slick-current .list:before{opacity:1;}

.rollingType1 .slider-nav .list img {height: 100%; object-fit: cover;}

@media screen and (max-width: 1024px) {
.rollingType1{margin-bottom:40px; }
.rollingType1 .slider-for{margin-bottom:10px;}
.rollingType1 .slider-nav .slick-slide>div{padding:0 4px;}
.subType1 .list_1 ul li .tit{width:90px;}
.subType1 .list_1 ul li .txt{width: calc(100% - 100px);}
}

.caution_box{padding:50px 5%; background-color:#FAFAFA; display:flex; align-items: center;}
.caution_box .title_area{width:290px; font-size:1.5625rem; font-family:var(--font); font-weight:bold; }
.caution_box .title_area h2{font-size:1.5625rem; font-family:var(--font); font-weight:bold; }
.caution_box .list_1{width: calc(100% - 290px); padding-left:30px; box-sizing:border-box;}
.caution_box .list_2 ul li {position:relative; padding-left:10px; font-size:0.9375rem; color:#757575; line-height:1.5625;}
.caution_box .list_2 ul li:before{position:absolute; left:0; top:0; content:"*"; color:var(--point-color-1); display:block; }

.inquiry_guide{margin-bottom:50px; padding:40px 9%; background:url(../img/inquiry_guide_bg.png) no-repeat right bottom #fff8dc;  display:flex; align-items: center; border-radius:20px;}
.inquiry_guide .tit{width:150px; font-size:1.5625rem; font-family: var(--font); font-weight:bold;}
.inquiry_guide .txt{width: calc(100% - 150px); font-size:1.25rem; font-weight:500; line-height:1.5;}

@media screen and (max-width:960px) {
.inquiry_guide{padding:30px; background-image:none;}
}
@media screen and (max-width:768px) {
.step_list ul{flex-wrap:wrap;}
.step_list ul li{margin-bottom:40px; width:50%;}
.caution_box{display:block;}
.caution_box .title_area{width:100%;}
.caution_box .txt_area{width:100%;}
.caution_box .list_2{margin-top:20px; }
.inquiry_guide{display:block; }
.inquiry_guide .tit{width:100%; margin-bottom:10px;}
.inquiry_guide .txt{width:100%;}
.step_list ul li .step_num{width:120px;}
.step_list ul li .icon{margin-bottom:10px;}
.step_list ul li .icon img{max-width:120px;}
.step_list ul li .tit{margin:10px 0 5px;}
.caution_box{padding:25px 5%;}
}


.use_facilities .img_area{margin-bottom:70px;}

/* reservation_cont */
.reservation_cont .inquiry_guide{margin-bottom:20px; }
.reservation_cont .check_txt{position:relative; margin-bottom:70px;  padding-left:40px; display:flex; font-size:1rem; line-height:2.125;}
.reservation_cont .check_txt:before{position:absolute; left:0; top:4px; width:25px; aspect-ratio: 1/1; background:url(../img/ic_check.svg) no-repeat center center; background-size:100%; display:block ;content:"";}
.reservation_cont .step_list{margin-bottom:70px;}
.reservation_cont .step_list li{padding:30px; border:1px solid #E0E0E0; box-sizing:border-box; border-left:none;}
.reservation_cont .step_list li:first-child{border-left:1px solid #e0e0e0;}

@media screen and (max-width:1200px) {
.reservation_cont .step_list li .txt{word-break: keep-all;}
.reservation_cont .step_list li .txt br{display:none;}
.reservation_cont .step_list li{padding:30px 15px;}
}
@media screen and (max-width:768px) {
.reservation_cont .step_list{margin-bottom:30px;}
.reservation_cont .check_txt{margin-bottom:30px;}
.reservation_cont .step_list li{margin:-1px 0 0;}
.reservation_cont .step_list li{padding:15px;}
}

/* btn */
.basic-btn01{max-width:360px; width:100%; height:50px; line-height:50px; text-align:center; border-radius:10px; font-weight:600; display:inline-block;}
.btn-blue-bg{background-color:var(--point-color-1); color:#fff !important;}