@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.css");
@import url(animation.css);

.visual_sub { width: 100%; height: 7.5rem; margin-top: 8.125rem; background: url(../images/sub/visual_bg.png) no-repeat; background-size: cover;}
.subTitle_wrap,
.breadcrumb,
.sub_contentsWrap { width: 100%; max-width: 82.5rem; margin: 0 auto; }

.subTitle_wrap { position: relative; }
.subTitle_h2 { position: absolute; left: 2.8125rem; top: 2.5rem; font-size: 3rem; font-weight: 700; color: var(--main-Cl04); display: flex; flex-direction: column; align-items: center; }
.subTitle_h2::after { content: ""; width: 1.25rem; height: 1.25rem; margin-top: 1.25rem; background-color: var(--white); transform: rotate(45deg); }
/* .subTitle_h2 { webkit-animation: tracking-in-expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; } */

/* 현재위치 */
.breadcrumb { padding: 12px 20px 30px; display: flex; justify-content: end; /* gap: 8px; */ } 
.breadcrumb a { font-size: 0.875rem; color: var(--sub-Cl01); /* line-height: 1.125rem;  */display: flex; align-items: center; }
.breadcrumb a:last-child { font-weight: 500; }
.breadcrumb .nav_2 { font-weight: 500;} 
.breadcrumb a::before { content: ''; width: 1.125rem; height: 1.125rem; background: url('../images/common/ico_right.svg') center no-repeat; } 
.btn-breadcrumbhome { width: 1.125rem; /* height: 1.125rem;  */background: url('../images/common/ico_home.svg') center no-repeat; } 
.btn-breadcrumbhome::before { display: none; } 

/* Contents */
.sub_contentsWrap { padding: 0 1.125rem; display: flex; gap: 4.375rem; flex-wrap: nowrap; }

/* 왼쪽메뉴 */
.lnb_wrap {  }
.lnb,
.banner { margin-bottom: 50px; }
.lnb { width: 260px; padding: 25px 20px 50px; border-radius: 6px; border: 1px solid var(--graye5); }
.lnb_ul > li { width: 100%; padding: 14px 5px 0; border-bottom: 1px solid var(--graydb); }
.lnb_ul > li a { height: 36px; color: var(--gray19); font-weight: 700; display: flex; justify-content: space-between; align-items: center; transition: all .3s ease; }
.lnb_ul > li a::after { content: ""; width: 30px; height: 30px; background: url(../images/common/arw_lnb.svg); opacity: 0; transition: all .3s ease; }
.lnb_ul > li a.on,
.lnb_ul > li a:hover { color: var(--main-Cl01); }
.lnb_ul > li a.on:after,
.lnb_ul > li a:hover:after { opacity: 1; }

/* banner */
.banner { width: 100%;}
.banner_swcsc { width: 100%; padding: 10px 15px 30px; border-radius: 6px; background-color: rgba(240, 239, 221, .8); }
.banner_swcsc li{ padding: 25px 0 15px; border-bottom: 1px dotted var(--sub-Cl01); }
.banner_swcsc li:last-child { padding-bottom: 0; border-bottom: 0; display: flex; justify-content: center; }
.banner_time,
.banner_tel { font-family: 'Lato', sans-serif; text-align: center;}
.banner_timeTitle { padding-left: 30px; padding-bottom: 20px; font-size: 36px; font-weight: 700; color: var(--sub-Cl01); text-align: center; position: relative; }
.banner_timeTitle::before { content: ''; width: 40px; height: 40px; background: url(../images/sub/aside_ico01.svg) no-repeat; position: absolute; left: 20px; top: 0; }
.banner_timeTitle > span,
.banner_tel > span { display: block; margin-top: 0.3125rem; font-size: 1.25rem; font-weight: 500; }
.banner_timeNum { font-family: 'Lato', sans-serif; font-size: 1.75rem; font-weight: 700; color: var(--sub-Cl01) }
.banner_timeWinter,
.banner_timeSummer { color: var(--sub-Cl01); }
.banner_timeWinter { padding-bottom: 5px;}
.banner_timeWinter em,
.banner_timeSummer em { padding-left: 10px; font-size: 1.125rem; font-weight: 500;}
.banner_tel { font-size: 30px; font-weight: 700; color: var(--main-Cl02); line-height: 1; /* letter-spacing: -1px; */}
.banner_way { display: flex; align-items: center; }
.banner_way p { padding-left: 10px; font-weight: 300; color: var(--sub-Cl01); }
.banner_way::before { content: ''; width: 40px; height: 40px; background: url(../images/sub/aside_ico02.svg) no-repeat; }
.banner_way em { display: block; font-size: 1.125rem; font-weight: 500; margin-top:  0.3125rem;}

/* sub Contents */
.sub_contents { width: 100%; padding: 1.4375rem 0 6.25rem; }
/* .contents_title01 { width: 100%; padding: 11px 0; margin-bottom: 2.8125rem; font-size: 1.75rem; font-weight: 500; color: var(--black); border-bottom: 2px solid var(--main-Cl02); } */
.contents_title01 { font-family: 'OneMobile-Title';  font-size: 2rem; font-weight: 700; color: var(--main-Cl02); margin: .6875rem 0 2.8125rem; position: relative; }
 .contents_title01 span { background: #fff; padding-right: 1.25rem; position: relative; /* z-index: 10; */ }
.contents_title01:after { content: ''; width: 100%; height: 2px; background: var(--main-Cl02); position: absolute; left: 0; top: 50%; z-index: -1; }
.contents_title02,
.contents_title03 { margin-top: 15px; margin-bottom: 10px; font-weight: 700; }
.contents_title02 { font-size: 1.5rem; }
.contents_title03 { font-size: 1.125rem; color: var(--gray50); line-height: 1.75rem; position: relative; padding-left: 10px; margin-left: 10px; }
.contents_title03:before { content: ""; width: .25rem; height: .25rem; border-radius: 100%; position: absolute; left: 0; top: .5625rem; background-color: var(--main-Cl02); }
.contents_title04 { font-size: 1rem; color: var(--gray42); line-height: 1.5rem; position: relative; padding-left: 10px; margin-left: 15px; text-indent: -13px;}
.contents_title04::before { content: "-"; margin-right: .3125rem; }

/* 센터안내 > 인사말 */
.greet_wrap { position: relative; width: 100%; }
.greet_imgWrap { width: calc(100% - 3.75rem); max-width: 55.625rem; height: 23.75rem; margin: 0 auto; border-radius: 0.375rem; background: center / cover no-repeat url("../images/sub/01_greet_img01.png"); transition: all .3s ease-in;}
.greet_imgWrap img { max-width: 100%; }
.greet_imgBg { width: 100%; height: 19.375rem; border-radius: 0.375rem; background: var(--main-Cl02); position: absolute; z-index: -1; bottom: -3.75rem; }
.greet_imgBg > p { width: max-content;     position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 3.35rem; font-weight: 700; letter-spacing: -.03125rem; line-height: .5;
    -webkit-text-stroke: 0.03125rem #fff; 
    -webkit-text-fill-color: transparent; 
    text-transform: uppercase;
    -webkit-animation: txt_expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; 
            animation: txt_expand 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; }
.greet_txtWrap { margin-top: 4.375rem; padding: 0 2rem; line-height: 1.5rem; word-break: keep-all;}
.greet_txtTitle { padding-bottom: 1.25rem; font-size: 2.25rem !important; line-height: 2.625rem; }
.greet_txtTitle > span { font-weight: 700; }
.greet_txtWrap > p { padding-top: 1.875rem; font-size: 1rem;}

/* 센터안내 > 이용안내 */
.use_infoWrap { width: 100%; margin-top: 10px; }
.use_infoWrap .use_infoUl { display: flex; justify-content: center; flex-wrap: wrap; align-content: stretch; }
.use_infoWrap .use_infoUl li { flex: 1 0 25%; max-width: 25%; min-height: 170px; padding: 20px; font-weight: 500; line-height: 1.5; background-size: 70px; background-position: right 20px bottom 20px; background-repeat: no-repeat;}
.use_infoWrap .use_infoUl li:nth-child(1) { background-color: #c7db95; background-image: url(../images/sub/01_use_icon01.svg); border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.use_infoWrap .use_infoUl li:nth-child(2) { background-color: #9fd18b; background-image: url(../images/sub/01_use_icon02.svg); }
.use_infoWrap .use_infoUl li:nth-child(3) { background-color: #40a969; background-image: url(../images/sub/01_use_icon03.svg); }
.use_infoWrap .use_infoUl li:nth-child(4) { background-color: #2d975f; background-image: url(../images/sub/01_use_icon04.svg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.use_infoWrap .use_infoUl li span { font-size: 14px; font-weight: 300; display: block; margin-top: 5px;}

/* 센터안내 > 찾아오시는 길 */
.map_wrap { }
.map_infoWrap { margin-bottom: 3.125rem; }
.map_infoUl { display: flex; flex-wrap: wrap; }
.map_infoLi { margin-bottom: 10px; margin-right: 12.5rem; /* display: flex; align-items: center; justify-content: flex-start; */ }
.map_infoLi > i { position: relative; margin-right: .6rem; width: 2.1875rem; height: 2.1875rem; border-radius: 50%; background: var(--main-Cl02); display: inline-block; vertical-align: middle; }
.map_infoLi:nth-child(1) > i { background: var(--main-Cl01);}
.map_infoLi > i img { width: 1.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.map_infoLi > em { font-size: 1.125rem; font-weight: 700; /* display: contents; */ }
.map_infoLi > p { font-size: 1rem; font-weight: 300; display: inline; }
.map_infoLi br { display: none;}

/* 층별배치도 */
.floor_wrap { }
.floor_ul { }
.floor_li { display: flex; margin-top: 2.5rem; background-repeat: no-repeat; background-position: right top 3.75rem;}
.floor_li:first-child { margin-top: 0; }
.floor_li:nth-child(1) { background-image: url(../images/sub/02_floor_img01.png);}
.floor_li:nth-child(2) { background-image: url(../images/sub/02_floor_img02.png);}
.floor_f1Title,
.floor_f2Title,
.floor_f3Title { width: 3.75rem; height: 3.75rem; margin-right: 1.0625rem; border-radius: 50%; text-align: center; line-height: 2.2; font-size: 1.875rem; font-weight: 700; color: var(--main-Cl04); }
.floor_f1Title {background-color: var(--aux-Cl02); }
.floor_f2Title { background-color: var(--sub-Cl02); }
.floor_f3Title { background: var(--main-Cl02) url(../images/sub/02_floor_ico02.svg) center no-repeat; background-size: 1.875rem; }
.floor_f1Dl { width: 50%;}
.floor_f1Dl > dt,
.floor_f3Dl > dt { font-size: 1.5rem; font-weight: 700; line-height: 3.75rem;}
.floor_f1Dl .floor_btn,
.floor_f1Dl .floor_vr a { display: inline-block; position: relative; min-width: 11rem; padding: 0.875rem 1.25rem; margin: 0 .875rem .625rem .4375rem; background-color: var(--main-Cl05); color: var(--black);}
.floor_f1Dl .floor_btn:after,
.floor_f1Dl .floor_vr a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: var(--main-Cl05);}
.floor_f1Dl .bg { display: block; position: absolute; top: 0; bottom: .5625rem; right: -.875rem; width: .875rem; background-color: var(--main-Cl05); }
.floor_f1Dl .bg::after  { content: ""; position: absolute; right: 0; bottom: 0; width: 1rem; height: 1rem; background-color: var(--main-Cl05); border-bottom: 1px solid var(--main-Cl05); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(-33deg); -ms-transform: rotate(-33deg); transform: rotate(-33deg); z-index: -1;}
.floor_f1Dl .floor_vr { display: inline-block; }
.floor_f1Dl .floor_vr a { background-image: url(../images/sub/02_floor_ico01.svg); background-size: 1.5rem; background-position: right; background-repeat: no-repeat; transition: all .3s;}
.floor_f1Dl .floor_vr:hover a,
.floor_f1Dl .floor_vr:hover a::after,
.floor_f1Dl .floor_vr:hover .bg,
.floor_f1Dl .floor_vr:hover .bg::after { background-color: var(--aux-Cl01); }
.floor_f1Dl .floor_vr:hover .bg::after { border-bottom: 1px solid var(--aux-Cl01); }
.floor_f1Dl .floor_vr:hover a { color: var(--white); font-weight: 500; background-image: url(../images/sub/02_floor_ico02.svg); }
.floor_f1Dl .floor_vr:hover a::after { }

.floor_f3Dl { width: calc(100% - 3.75rem); font-size: 0; line-height: 0; }
.floor_f3Dl > dd { display: inline-block; width: calc(25% - 1.875rem); margin-right: 2.5rem; transition: all .3s; }
.floor_f3Dl > dd:nth-child(5),
.floor_f3Dl > dd:nth-child(9) { margin-right: 0;}
.floor_f3Dl > dd a { width: 100%; height: auto; display: block;}
.floor_f3Dl > dd a img { width: max(100%, 190px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.floor_f3Dl > dd a:hover img { 
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.floor_f3Dl > dd a:hover .floor_f3DlTitle { font-weight: 700;}
.floor_f3Dl .floor_f3DlTitle { padding: .625rem .625rem 1.25rem; font-size: 1rem; line-height: 2.4rem; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.open { cursor: pointer;}
.popup { /* display: none; */ position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100vh; opacity:0; transition: all 0.5s;}
.popup .popup__txt { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1rem; position: absolute; z-index: 1; background: rgba(0, 0, 0, .5);}
.popup .popup__txt p { font-size: 2rem; font-weight: 500; color: var(--white); line-height: 3rem; text-decoration: none;}
.popup .popup__txt .close { width: 2.8rem; height: 2.8rem; background: url(../images/common/ico_close20.svg) center no-repeat;}
.popup:target { opacity: 1; z-index: 10001;}
.popup:target { opacity: 1; z-index: 1000;}
.floor_iframe { width: 100%; height: 100vh;}
/* .popup:target ~ .dim { opacity: 1; z-index: 1000;} */
/* .dim { position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); opacity:0; transition: all 0.5s;} */


/* 주요시설안내 */
.major_title { margin-bottom: 2.5rem; font-size: 2.25rem; font-weight: 700; color: var(--main-Cl02); }
.major_infoWrap { display: flex; justify-content: space-between; align-items: start;}
.major_info { margin-top: -.9375rem; padding-right: 1.25rem;}
.major_infoStitle { padding-left: .625rem; line-height: 1.4rem; }
.major_imgSlide { position: relative; padding-right: 1.25rem; padding-bottom: 1.25rem; }
.major_imgSlideBg {position: absolute; right: 0; bottom: -1.25rem; width: 30rem; height: 10rem; border-radius: .375rem; background-color: var(--main-Cl02);}
.slide1 { width: 30rem; overflow: hidden;}
.slide1 .swiper-pagination-progressbar { background-color: red;}
.slide1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: pink;}
.slide1 .paging1 { margin-top: .625rem; position: absolute; left: 50%; transform: translateX(-50%);  z-index: 1;}
.slide1 .swiper-pagination-bullet { width: .625rem; height: .625rem; margin-right: .3125rem; border: 1px solid #fffef2; background-color: rgba(255, 254, 242, 0); }
.slide1 .swiper-pagination-bullet > span { font-size: 0;}
.slide1 .swiper-pagination-bullet-active { width: 1.875rem; height: .625rem; border-radius: .3125rem; background-color: rgba(255, 254, 242, 1); } 
.swiper-slide img { width: 100%; border-radius: .375rem;}

.major_cncInfo {  margin-top: 3.125rem; }

.major_caution { margin-top: 1.875rem;}
.major_cautionTitle { padding-left: 1.875rem; font-size: 1.5rem; font-weight: 700; color: var(--black); background: url(../images/sub/02_major_ico01.svg) left no-repeat; background-size: 1.5625rem;}
.major_cautionInfo { width: 100%; margin-top: 2.5rem; padding: 1.25rem 1.875rem 1.25rem 2.8125rem; background-color: var(--grayf7); }
.major_cautionLi { line-height: 1.5rem; text-indent: -.9375rem; margin-bottom: .3125rem; }
.major_cautionLi:last-child { margin-bottom: 0; }

/* 체험안내 */
.experience_wrap { border-radius: .375rem; background-color: var(--main-Cl02); display: flex;  justify-content: space-between;  align-items: center; padding: 1.125rem 1.875rem; }
.experience_title {  font-family: 'OneMobile-Title', sans-serif;  font-weight: 700; font-size: 1.5rem;  color: var(--main-Cl04); }
.experience_btn { display:inline-block; border-radius: 1.375rem;  background-color: var(--main-Cl05);  padding: .75rem 1.5625rem .6225rem;  transition: all .2s; }
.experience_btn span { font-weight: 700; display: flex; align-items: center; }
.experience_btn span::after { content: ''; width: 1.0625rem; height: 1.5rem; background: url(../images/sub/03_info_icon01.svg) no-repeat; margin-left: 1.25rem; }
.experience_btn:hover { background-color: var(--main-Cl04);  box-shadow: 3px 6px 10px 0 rgb(0 0 0 / 20%); }
.experience_btn:hover span { color: var(--sub-Cl02); }
.experience_btn:hover span::after { background: url(../images/sub/03_info_icon01_hover.svg) no-repeat; }
.experience_info { margin-top: 2.1875rem; }
.experience_timetable { position: relative; margin: 1.25rem; border-top: 2px solid var(--gray33) }

.experience_ul { width: 100%; margin-bottom: 20px; display: flex; justify-content: center; flex-wrap: wrap; align-content: stretch; }
.experience_ul li { flex: 1 0 33%; max-width: 33%; padding: 10px 10px 9px 10px; margin-left: -1px; font-weight: 500; line-height: 1.5; text-align: center; border: 1px solid #9fd18b; background: #e5f3e0; }
.experience_ul li:nth-child(1) { /* background-color: #c7db95; */ border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
.experience_ul li:nth-child(2) { /* background-color: #9fd18b; */ background: #fffef2;}
.experience_ul li:nth-child(3) { /* background-color: #2d975f; */ border-top-right-radius: 100px; border-bottom-right-radius: 100px; }
.experience_ul li span { font-size: 14px; font-weight: 300; display: block; margin-top: 5px;}

/* 체험예약 > 예약안내 */
.reserv_process { position: relative; width: 100%;}
.reserv_processUl { width: 100%; padding: 1.0625rem; border-radius: .375rem; background-color: #68813c; display: flex; justify-content: space-evenly; position: relative; z-index: -1; }
.reserv_processUl::after { content: ''; width: 69%; height: .25rem; background: #f0efdd; position: absolute; top: 1.75rem; left: 50%; transform: translateX(-50%); z-index: -1; }
.reserv_processUl li { display: flex; flex-direction: column; align-items: center; gap: .3125rem; position: relative;}
.reserv_processUl li p { text-align: center; font-family: 'OneMobile-Title', sans-serif; font-weight: 700; word-break: keep-all; }
.reserv_processUl .reserv_processNum { width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #f15b40; line-height: 1.5rem; font-size: .875rem; color: #f0efdd; position: relative; }
.reserv_processUl .reserv_processTxt { font-size: 1.125rem; color: #fffef2;}
.reserv_processUl .reserv_processTxt br { display: none;}

.reserv_refund { margin-bottom: 1.25rem; padding-left: .625rem; }
.reserv_refund dt { color: #505050; line-height: 1.5; margin-bottom: .625rem; }
.reserv_refund dd { margin-bottom: .3125rem; position: relative; padding-left: 15px; text-indent: -10px; line-height: 1.4; }
.reserv_infoTel { color: #f15b40; display: flex; align-items: center; margin-top: .3125rem;}
.reserv_infoTel::before { content: "※"; margin-right: .1875rem; }
.reserv_manner { display: flex; justify-content: space-between; gap: 2.5rem; flex-wrap: wrap; margin-top: 1.5625rem; }
.reserv_manner li { padding: 12px; width: calc(33.3333333333% - 1.66666666667rem); min-height: 100px; border: 1px solid #9fd18b; border-radius: .625rem; background: #fffef2; display: flex; justify-content: center; align-items: center; gap: 1.25rem; line-height: 1.5;}
.reserv_manner li:nth-child(2n) { background: #e5f3e0;}
.reserv_manner li i { width: 100%; max-width: 2.6875rem; height: auto; min-height: 2.6875rem; background-position: center; background-repeat: no-repeat; }
.reserv_manner li:nth-child(1) i { background-image: url(../images/sub/04_order_icon01.svg);}
.reserv_manner li:nth-child(2) i { background-image: url(../images/sub/04_order_icon02.svg);}
.reserv_manner li:nth-child(3) i { background-image: url(../images/sub/04_order_icon03.svg);}
.reserv_manner li:nth-child(4) i { background-image: url(../images/sub/04_order_icon04.svg);}
.reserv_manner li:nth-child(5) i { background-image: url(../images/sub/04_order_icon05.svg);}
.reserv_manner li:nth-child(6) i { background-image: url(../images/sub/04_order_icon06.svg);}

/* 체험예약 */
.program_wrap_all { display: flex; gap: 40px; flex-wrap: wrap; }
.program_wrap { width: calc(25% - 30px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.program_info_wrap { width: 100%; }
.img_wrap { margin-bottom: 1.25rem; }
.img_wrap img { border-radius: 10px; width: 100% !important; height: 150px !important; }
.age_wrap,
.inwon_wrap,
.detail_wrap { margin-bottom: 0.3125rem; }
.name_wrap { font-size: 1.125rem; font-weight: 700; word-break: keep-all; margin-bottom: 0.75rem; }
.age_wrap { }
.inwon_wrap { }
.detail_wrap { }
.time_wrap { margin-bottom: 1.875rem; }

/* 체험예약 입력신청 */
.reserve_writeWrap { }
.reserve_writeWrap .reserve_writeP { font-size: 0.875em; margin-bottom: 1.25rem;}
.reserve_writeWrap .reserve_writeP span { color: var(--sub-Cl02); font-weight: bold;}
.reserve_write th span { color: var(--sub-Cl02); padding-left: .1875rem; }
.reserve_write .select_reservePeople { width: 6.25rem; border-radius: .1875rem;}
.reserve_write .reserv_writeP2 { font-size: .875rem; font-weight: 500; color: var(--sub-Cl02); margin-top: 5px; }

.more_table { margin-bottom: 50px !important;}
.more_table .gender > label,
.more_table td .age input { margin-left: 0.3125rem; margin-right: 0.3125rem; }
.more_table td .age { margin-left: 1.25rem; }

.checkWrap { line-height: 1.6; }
.checkWrap dt { font-size: .9375rem; }
.checkWrap dt strong { color: var(--main-Cl01);}
.checkWrap dd { font-size: .875rem; padding-left: 0.9375rem; text-indent: -0.625rem; }
.checkWrap dd span { color: var(--sub-Cl02);}
.cCheck { margin-top: .625rem; display: flex; align-items: center; }
.cContent { border: 1px solid var(--grayde); background-color: #fdfdfd; padding: 1.25rem; }
.cCheck input {  }
.cCheck .cCheck-label { font-size: 1rem; color: var(--gray50); margin-left: 0.3125rem;}

.btn_wrap { position: relative; padding: 0.8125rem 1.4375rem; border-radius: 2.125rem; border: 1px solid var(--main-Cl01); display: inline-block; cursor: pointer; }
.btn_wrap span { display: block; padding-top: 2px; padding-right: 1.875rem; font-size: 1rem; font-weight: 700; color: var(--main-Cl01); transition-property: padding-right; transition-duration: 0.2s; transition-timing-function: ease-out; }
.btn_wrap:after { content: ''; width: 1rem; height: 1rem; background: var(--white) url(../images/common/arw04.svg) no-repeat; position: absolute; top: 50%; right: 1.4375rem; transform: translateY(-50%); }
.btn_wrap:active,
.btn_wrap:hover { background-color: var(--main-Cl01); /* padding-right: 20px; */ }
.btn_wrap:active span,
.btn_wrap:hover span { color: var(--main-Cl04); padding-right: 2.5rem; } 
.btn_wrap:active::after,
.btn_wrap:hover::after { background: url(../images/common/arw03.svg); }
.btn_wrap .login_input { font-size: 1rem; font-weight: 700; color: var(--main-Cl01); background-color: transparent; cursor: pointer;  }
.btn_wrap:hover .login_input { color: var(--main-Cl04); }

/* Login */
.login_title { font-family: 'OneMobile-Title', sans-serif; font-weight: 700; font-size: 1.5rem; color: var(--gray19); margin-bottom: 20px; }
.login_ul { margin-bottom: 3.125rem; /* width: 100%; padding: 30px; background: #f7f7fa; border: 1px solid #dbdbdb; border-radius: 10px; */ }
.login_ul > li { position: relative; padding-left: 15px; margin-bottom: 7px; line-height: 1.5; word-break: keep-all; }
.login_ul > li::before { content: ""; display: block; width: 3px; height: 3px; background-color: #fff; border-radius: 50%; border: 1px solid #68813c; position: absolute; top: 8px; left: 5px; }
.txt_alignLeft { text-align: left !important;}

/* 마이페이지 */
/* .info_notice { margin-bottom: 10px; display: block; }
.chkBox { width: 17px; height: 17px; margin-right: 5px; }
.select_type2 { margin-right: 5px;}
#userZipCode { margin-left: 5px;} */
/* #useEmail { display: block; }
#useEmail ~ label { display: inline-block; } */

/* 마이페이지 > 예약현황 */
table.mypage { }
table.mypage th,
table.mypage td { word-break: keep-all; }
table.mypage tr:hover { background-color: unset !important;}
table.mypage .btn_cancel,
table.table_detail .btn_cancel,
table.table_detail .btn_reserve
 { font-size: 14px; text-align: center; border: 1px solid rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .1); padding: 5px 10px; min-width: 72px; border-radius: 30px; display: inline-block; transition: all .2s; }
table.mypage .btn_cancel:hover,
table.mypage .btn_cancel:active,
table.table_detail .btn_reserve:hover,
table.table_detail .btn_reserve:active { background: rgba(0, 0, 0, .2); }

/* 사이트맵 */
.sitemap a { display: block; }
.sitemap > ul {font-size:0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.sitemap > ul > li { width: calc(20% - 32px);}
.sitemap > ul > li > a { width:100%; padding:20px 0; font-size:18px; font-weight: 500; text-align:center; color: #fff; border: 1px solid #607c4f; border-radius: 3px; background: #68813c; }
.sitemap > ul > li > ul.depth2 { }
.sitemap > ul > li > ul.depth2 > li { padding-left: 15px; }
.sitemap > ul > li > ul.depth2 > li > a { width:100%; padding:15px 10px; position: relative;}
.sitemap > ul > li > ul.depth2 > li > a:before { content: ""; width: .25rem; height: .25rem; border-radius: 100%; position: absolute; left: 0; top: 20px; border: 1px solid var(--main-Cl02); background-color: var(--white); }
.sitemap > ul > li > ul.depth2 > li > ul.depth3 {padding:10px 0;}
.sitemap > ul > li > ul.depth2 > li > ul.depth3 > li {}
.sitemap > ul > li > ul.depth2 > li > ul.depth3 > li > a {color:#505050; margin-left:5%; font-size:14px; font-weight:300; padding:10px 10px; position: relative;}
.sitemap > ul > li > ul.depth2 > li > ul.depth3 > li > a::before { content: ""; width: .25rem; height: .25rem; border-radius: 100%; position: absolute; left: 0; top: 15px; background-color: var(--main-Cl02); }
.sitemap a:hover { background: #fff; color: #607c4f !important;}

/* 개인정보처리방침 */
.protection_wrap { line-height: 1.8;}
.protection_ul01 { margin-top: 10px;}
.protection_ul01 li { color: #505050; position: relative; padding-left: 15px; text-indent: -10px; }
.protection_ul01 li:before { content: '·'; font-weight: 500; margin-right: 5px;}
.protection_liIn { padding-left: 10px; }
.protection_liIn p { color: #505050; padding-left: 20px; text-indent: -15px;}

/* 저작권보호정책 */
.protection_tableWrap { position: relative; margin: 1.25rem; border-top: 2px solid var(--gray33);}

/* 이메일 무단 수집거부 안내 */
.protection_dl { margin-top: 10px;}
.protection_dl dt { font-size: 18px; font-weight: 500; }
.protection_dl dd { color: #505050; position: relative; padding-left: 20px; text-indent: -15px; }
.protection_dl dd:before { content: '‥'; margin-right: 5px; }

/* 서브 콘텐츠 공통 */
table { width: 100%; }

table thead th,
table tbody th { padding: 13px 10px 12px 9px; border-bottom: solid 1px var(--graybc); border-right: solid 1px var(--graybc); background: var(--grayf7); font-weight: 700; font-size: 1rem; color: var(--gray33); }

table tbody th { border-bottom: solid 1px var(--graydb); border-right: solid 1px var(--graydb); text-align: center;}
table td { padding: 11px 7px 10px 6px; border-bottom: solid 1px var(--graydb); border-right: solid 1px var(--graydb); background: #fff; font-size: 1rem; color: var(--gray42); text-align: center; line-height: 1.5rem; }
table .border-none { border-right: 0; }
table td br { display: none;}


@media (max-width: 1280px) {
/* Contents */
.sub_contentsWrap { display: block; }

/* 왼쪽메뉴 */
.lnb_wrap { display: none;  }

/* 센터안내 > 인사말 */
.greet_imgWrap { max-width: 1184px; height: 450px;}

/* 센터안내 > 찾아오시는 길 */
.map_infoUl { flex-direction: column;}
.map_infoLi { margin-right: 0;}

}

@media (max-width: 1023px) {

    /* Sub 공통 */
    .visual_sub { margin-top: 0; }
    .subTitle_h2 { width: 100%; left: 50%; transform: translateX(-50%); word-break: keep-all; }
    .breadcrumb { justify-content: center; position: relative; z-index: 1;}
    
    /* 센터안내 > 인사말 */
    .greet_imgWrap { height: 350px;}
    .greet_imgBg > p { font-size: 5.5vw;}

    /* 시설안내 > 층별배치도 */
    .floor_f3Dl > dd { width: calc(33.3333333333% - 1.33333333333rem); margin-right: 2rem;}
    .floor_f3Dl > dd:nth-child(4),
    .floor_f3Dl > dd:nth-child(7) { margin-right: 0;}
    .floor_f3Dl > dd:nth-child(5),
    .floor_f3Dl > dd:nth-child(9) { margin-right: 2rem;}
    .floor_f3Dl > dd a img { width: 100%;}

    .major_infoWrap { flex-direction: column; gap: 3rem;}
    .major_imgSlide { width: 100%;}
    .slide1 { width: 100%;}
    .swiper-slide { width: calc(100% - 20px);}
    .swiper-slide img { width: 100%;}
    .major_imgSlideBg { width: calc(100% - 20px); }
    .major_caution { margin-top: 5rem;}

    /* 주요시설안내 */
    .major_cautionLi { text-indent: -1rem; }

    /* 체험예약 > 예약신청 */
    .reserv_refund dd { text-indent: -14px;}

    /* 체험예약 > 예약신청 */
    .program_wrap { width: calc(33.3333333333% - 26.6666666667px); }

    /* 마이페이지 */
    /* #emailDomainChoise { margin-top: 5px; margin-bottom: 5px; display: block; }
    #userAddr1,
    #userAddr2 { width: calc(50% - 3px) !important;} */
}

@media (max-width: 767px) {

    /* 센터안내 > 인사말 */
    .greet_imgWrap { height: 300px;}

    /* 센터안내 > 이용안내 */
    .use_infoWrap .use_infoUl { flex-direction: column; }
    .use_infoWrap .use_infoUl li { flex: 1 0 100%; max-width: 100%; border-radius: 10px !important; margin-bottom: 1.25rem; }
    /* .use_infoWrap .use_infoUl li span { margin-top: 5px;} */

    /* 시설안내 > 층별배치도 */
    .floor_f1 { }
    .floor_f3Dl > dd { width: calc(50% - .75rem); margin-right: 1.5rem;}
    .floor_f3Dl > dd:nth-child(2n+1){ margin-right: 0;}
    .floor_f3Dl > dd:nth-child(4) { margin-right: 1.5rem; }

    /* 체험예약 > 예약안내 */
    .reserv_manner { gap: 1.5rem;}
    .reserv_manner li { width: calc(50% - 0.75rem);}

    /* 체험예약 > 예약신청 */
    .program_wrap { width: calc(50% - 20px); }
    .reserve_write .reserve_tel { width: 100%; }
    .reserve_write .reserve_tel > input[type=text] { width: calc(33% - 22.6666666667px); }

    /* 마이페이지 > 예약현황 */
    table.mypage { }
    table.mypage th,
    table.mypage td { border-bottom: unset !important; }
    table.mypage th { padding: 12px 13px !important;}
    table.mypage td { padding: 9px 10px !important;}
    table.mypage tr,
    table.mypage .myorder_date,
    table.mypage .myorder_state { border-bottom: 1px solid #bcbec0 !important; }
    table.mypage thead tr { border-bottom: 1px solid #bcbec0 !important;}
    table.mypage th,
    table.mypage td { height: unset !important; min-height: 35px; display: block; }
    table.mypage .myorder_num,
    table.mypage .myorder_name { display: table-cell; border-right: 1px solid #bcbec0; }
    table.mypage .myorder_num { width: 40px; padding: 9px 5px !important; }
    
    table.table_detail th:first-child,
    table.table_detail td:first-child, 
    table.table_detail th:last-child,
    table.table_detail td:last-child { display: table-cell;}
    table.table_detail th,
    table.table_detail td { /* display: table-cell !important; */ border: unset !important;}
    table.table_detail tr { border: 1px solid #bcbec0;}
    table.table_detail th,
    table.table_detail td { border-bottom: 1px solid #bcbec0 !important;}
    table.table_detail th:last-child,
    table.table_detail td:last-child { border-bottom: unset !important; border-left: 1px solid #bcbec0 !important;}
    table.table_detail th:first-child,
    table.table_detail td:first-child { border-right: 1px solid #bcbec0 !important;}
    table.table_detail th:nth-child(4),
    table.table_detail td:nth-child(4) { border-bottom: none !important;}

    /* 사이트맵 */
    .sitemap > ul > li { width:calc(33.3333333333% -  26.6666666667px); margin-bottom: 30px; }

    /* 저작권보호정책 */
    table.protection_table { margin-top: -1px;}
    table.protection_table colgroup { display: none;}
    table.protection_table th,
    table.protection_table td { display: block; border: none; }
    table.protection_table th:first-child, 
    table.protection_table td:first-child { width: 80px; display: table-cell; border-right: 1px solid var(--graydb); }
    table.protection_table th:last-child, 
    table.protection_table td:last-child { border-top: 1px solid var(--graydb);}
    table.protection_table tr { border: 1px solid var(--graydb);}
    table.protection_table tr { border-left: none; border-right: none;}

}

@media (max-width: 600px) {

    /* 센터안내 > 인사말 */
    .greet_imgWrap { height: 15.625rem;}

    /* 시설안내 > 층별배치도 */
    .floor_li:nth-child(1),
    .floor_li:nth-child(2) { background-position: left 3.75rem top 1rem; }

    .floor_f1Dl { width: calc(100% - 3.75rem); }
    .floor_f1Dl > dt:first-child { padding-top: 21.5rem;}

     /* 체험안내 */
    .experience_wrap { flex-direction: column; gap: .625rem; }
    .experience_timetable > table td br { display: block;}

     /* 체험예약 > 예약안내 */
    .reserv_processUl .reserv_processTxt br { display: block;}

}

@media (max-width: 520px) {

    /* 센터안내 > 찾아오시는 길 */
    .map_infoLi br { display: block; }
    .map_infoLi p span { display: block; padding-left: 5.6rem; }

}

@media (max-width: 480px) {
    
    /* 센터안내 > 인사말 */
    .greet_imgWrap { height: 9.5rem;}
    .greet_imgBg { height: 100px; bottom: -2rem; }

     /* 시설안내 > 층별배치도 */
    .floor_li:nth-child(1),
    .floor_li:nth-child(2) { background-size: auto; background-position: left 0 top 1rem;}
    .floor_f3Dl > dd { width: 100%; margin-right: 0 !important;}

    /* 체험예약 > 예약안내 */
    .reserv_manner li { width: 100%; justify-content: flex-start;}

    /* 체험예약 > 예약신청 */
    .program_wrap { width: 100%; }
    .more_table td .age { display: block; margin-left: 0; margin-top: 5px;}

        /* 사이트맵 */
        .sitemap > ul > li { width:calc(50% -  20px) }
    
}

@media (max-width: 400px) {
    
     /* 시설안내 > 층별배치도 */
     .floor_li:nth-child(1),
     .floor_li:nth-child(2) { background-size: contain; }
     
    }
    
    @media (max-width: 360px) {
        
    /* 센터안내 > 찾아오시는 길 */
    .map_infoLi > i { width: 2rem; height: 2rem; }
    .map_infoLi > i img { width: 1rem; }
    
    /* 시설안내 > 층별배치도 */
    .floor_f1Dl > dt:first-child { padding-top: 18.5rem; }
}