@charset "utf-8"; 
@import url(bootstrap.min.css); 
@import url(bootstrap-icons.min.css); 
@import url(font.css); 
@import url(common.css); 
@import url(layout.css); 
@import url(bbs.css); 

:root { 
--font-play: 'Play', sans-serif; 
--font-noto: 'Noto Sans KR', sans-serif;
 } 
/* common */
h3.content-title{color:#222529; font-size:38px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 80px; display: block; width: 100%;}
h5.h5-style1{font-weight:400; font-size:28px; color:#222; margin-top: 30px; text-align: left;}
.border01{padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
h5.h5-style2 {border-top: 2px solid #7f7f7f; position: relative; padding: 35px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style2:before {content: ""; position: absolute; top: 50%; margin-top: -15px; left: 40px; width: 36px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

.gray-box {padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 30px;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 17.5px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 15px; color: #214399;}
.gray-box .p1 strong{display: inline-block; position: relative;}
.gray-box .p1 strong::after{content: ""; position: absolute; bottom: 7px; left: 0; width: 100%;  height: 10px; background: #ffbb28; opacity: 0.3}
.gray-box .p1 span strong::after{display: none;}

@media (max-width: 1020px) { 
h3.content-title{color:#222529; font-size:18px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 30px; display: block; width: 100%;}
h5.h5-style1{font-weight:400; font-size:22px; color:#222; margin-top: 30px; text-align: left;}
.border01{padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
h5.h5-style2 {border-top: 2px solid #7f7f7f; position: relative; padding: 25px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h5.h5-style2:before {content: ""; position: absolute; top: 50%; margin-top: -17px; left: 20px; width: 32px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

.gray-box {padding: 30px 20px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 14px; color: #214399;}

    
}

.table1 {width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;}
.table1 thead {background:linear-gradient(90deg,#1f3f9a 0%,#41a986 100%);}
.table1 th {padding:16px 10px;text-align:center;color:#fff;font-weight:600;background:transparent;}
.table1 th + th {border-left:1px solid rgba(255,255,255,0.35);}
.table1 td {padding:22px 16px;text-align:center;vertical-align:middle;border-top:1px solid #e9e9e9;}
.table1 td + td {border-left:1px solid #efefef;}
.table1 tbody tr:hover td {background:#f9fbfb;}




.table2 { clear:both; margin:0; padding:0; width:100%; border-collapse:collapse; border-top:#004795 2px solid; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #ccc; }
.table2 th { border:1px #d7d7d7 solid; padding:18px 0; background:#f6f6f6; text-align:center; color:#004795; font-weight: 500; }
.table2 td { border:1px #d7d7d7 solid; padding:15px 15px; text-align:center; letter-spacing:-0.5px; }
.table2 td.lt { text-align:left; }
.table2 td li{ text-align:left;}

@media (max-width: 1020px) { 
    .table1 th, .table1 td{white-space: nowrap;}
}
.visual { position: relative; overflow: hidden; height: 95vh; background: #000; }
.visual::after { content: url("/assets/img/visual-bottom.svg"); width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: 2; }
.visual .txt { position: absolute; left:50%; top: 50%; width: 100%; max-width: 1400px; text-align: left; z-index: 3; transform:translate(-50%, -80%); }
.visual .txt h3 { font-family:var(--font-play); font-size: 75px; font-weight: 700; color: #fff; letter-spacing: 5px; line-height: 1; }
.visual .txt p { margin: 40px 0 0; font-size: 18px; font-weight: 500; color: #fff; }
.visual .control-box { position: absolute; left:50%; top: 65%; width: 100%; max-width: 1400px; text-align: left; z-index: 3; transform:translate(-50%, -80%); }
.visual .control-box .control { width: 240px; display: flex; align-items: center; justify-content: space-between; }
.visual .control-box .control .progress-bar { width: 100%; height: 2px; background-color: rgba(255,255,255, 50%); margin-right: 15px; }
.visual .control-box .control .progress-inner { display: block; width: 100%; height: 100%; background-color: #fff; transform: scaleX(0); transform-origin: 0%; }
.visual .control-box .control .progress-inner.active { animation: progress 10s linear infinite; }
@keyframes progress { 100% { transform: scaleX(1); } }
.visual .control-box .control .video-play { color: #fff; font-size: 22px; cursor: pointer; }
.mouse-box { position: absolute; bottom: 50px; left: 50%; width: 50px; transform: translateX(-50%); height: 50px; z-index: 9; }
.mouse-box .mouse { margin: 0 auto; height: 44px; width: 30px; border-radius: 22px; border: 2px solid #fff; }
.mouse-box .mouse .wheel { height: 8px; width: 2px; display: block; margin: 8px auto; background-color: #fff; animation: mouse-wheel 0.8s linear infinite; position: relative; }
@keyframes mouse-wheel { 0% { top: 1px } 25% { top: 2px } 50% { top: 3px } 75% { top: 2px } 100% { top: 1px } }
.video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.video-background iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 1020px) { .visual { height: 70vh; } .visual::after { display: none; } .visual .txt { padding: 0 20px; } .visual .txt h3 { font-size: 38px; } .visual .txt p { display: none; } .visual .control-box { top: 80%; } .mouse-box { bottom: 20px; } .mouse-box .mouse { height: 26px; width: 16px; border-radius: 8px; } .mouse-box .mouse .wheel { height: 5px; width: 2px; margin: 3px auto; } }



.welcome-section{min-height:500px; position: relative; z-index: 111;}
.welcome-section::before{content: ""; position: absolute; height: 449px; bottom: 0; width: 100%; background: #ebf8ec;}
.welcome-inner{padding:0 0 100px 0; margin-top: -150px;}
.welcome-mascots{max-width:500px;width:100%;height:auto;}
.welcome-title{font-weight:800;color:#7b8f2d;letter-spacing:-0.5px;font-size:56px;line-height:1;}
.welcome-text{color:#2f3a2f;font-size:18px;line-height:1.7;margin-top:16px;}
.quick-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-top:200px;}
.quick-item{width:220px;text-align:center;}
.quick-circle{width:180px;height:180px;border-radius:50%;background:#fff;box-shadow:0 14px 0 rgba(0,0,0,0.06);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;transition:transform .2s ease;}
.quick-item:hover .quick-circle{transform:translateY(-4px);}
.quick-icon{width:78px;height:78px;display:block;}
.quick-label{margin-top:14px;font-weight:800;font-size:18px;line-height:1.1;color:#2f3a2f;}
@media (max-width:991.98px){
.quick-grid{justify-content:center; margin-top:100px;}
	
.welcome-inner{padding:0 0 100px 0; margin-top: -100px;}	
.welcome-mascots{ width: 80%;}
.welcome-title{font-weight:800;color:#7b8f2d;letter-spacing:-0.5px;font-size:35px;line-height:1;}
	
}
@media (max-width:575.98px){
  .quick-grid{
    gap:0;                 /* ✅ 줄바꿈 원인 제거 */
  }

  .quick-item{
    width:50%;
    padding:0 6px;         /* ✅ 좌우 여백(거터) */
    box-sizing:border-box;
    margin-bottom:12px;    /* ✅ 세로 간격 */
  }

  .quick-circle{width:160px;height:160px;}
  .quick-icon{width:72px;height:72px;}
  .quick-label{font-size:17px;}
}




.notice-quick{ padding: 80px 0; background: #fff;}
/* 기존 스타일 그대로 */
.notice { padding: 0; } 
.notice h3 { font-size: 40px; font-weight: 700; } 
.notice h3 a { margin-left: 20px; } 
.notice .swiper { padding: 70px 1px;  } 
.notice .swiper .item { font-size: 20px; padding: 45px 30px; border: 1px solid #d4d4d4; border-radius: 25px; } 
.notice .swiper .item:last-child { border-right: 0; } 
.notice .swiper .item p { display: flex; margin-bottom: 30px; } 
.notice .swiper .item p span { background-color: #092a4d; text-align: center; padding: 8px 20px; color:#fff; font-size: 16px; display: block; border-radius: 25px; } 
.notice .swiper .item p span.no-cate {background-color: #fff;}

.notice .swiper .item p span.cate-notice {background-color: #092a4d;}
.notice .swiper .item p span.cate-recruit {background-color: #a23b4d;}
.notice .swiper .item p span.cate-default {background-color: #555;}
.notice .swiper .item em { font-size: 14px; font-style: normal; margin-bottom: 15px; display: block; } 
.notice .swiper .item h5 { margin: 0; line-height: 1.8; height: 135px; font-size: 20px; } 
.notice .swiper .item h6 { margin: 15px 0 0; color: var(--bs-warning) } 
.notice .swiper-button { position: absolute; z-index: 10; top: 0; right:50px; cursor: pointer; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 36px; } 
.notice .swiper-button.next { left: auto; right: 0; } 
.notice .swiper-pagination-bullet { width: 12px; height: 12px; } 
.notice .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fab744; } 
.swiper-button-disabled { opacity: 0.3; } 

.info-wrap { display: flex; justify-content: space-between; gap: 40px; border-top: 2px solid #111; border-bottom: 1px solid #ddd; padding: 30px 0; margin-top: 70px; }
.info-left { flex: 1; }
.info-right { width: 160px; display: flex; align-items: center; justify-content: center; }

.info-title { font-size: 40px; font-weight: 700; margin-bottom: 25px; }

.info-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
.info-icon { font-size: 20px; margin-top: 3px; color: #111; }

.info-label { font-weight: 600; margin-bottom: 5px; }
.info-time { font-size: 30px; font-weight: 700; }

.info-text { margin-bottom: 15px; font-size: 15px; }
.info-text strong { display: inline-block; width: 60px; }
.info-text p { margin: 5px 0 0; line-height: 1.5; }
.info-text small { color: #666; }

.info-call { display: flex; align-items: center; gap: 10px; margin-top: 25px; padding-top: 15px; border-top: 1px solid #ddd; }
.call-num { font-size: 18px; font-weight: 700; letter-spacing: 1px; }

/* 오른쪽 이미지 */
.pet-img { max-width: 200px; width: 100%; height: auto; }

/* 반응형 */
@media (max-width: 768px) {
  .info-wrap { flex-direction: column; }
  .info-right { margin-top: 20px; }
}



.movie {margin:0; padding: 60px 0 80px 0; background: url(/assets/img/bg-video.jpg); background-size: cover; background-position: bottom center;  overflow: hidden; }

.movie  h3 { color:#FFF; display:block; font-size:38px; margin-bottom: 50px;}
.movie .vlist ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.movie .vlist ul li { margin:0; padding:20px 15px; display:block;  border-bottom:1px dashed #567b5b; font-size:17px; line-height:1.6; cursor:pointer; color: #fff; }
.movie .vlist ul li span { display:block; color:#84c06f; font-size: 14px; padding-top: 6px; }

.movie .vlist ul li:hover, .movie .vlist ul li.active { background-color:rgba(0,0,0,.2); }

.youtube-wrap{position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 25px;}
.youtube-wrap iframe{ position: absolute; width: 100%; height: 100%;}

.news { padding: 60px 0 160px; } 
.news h3 { font-family: var(--font-play); font-weight: 700; font-size: 66px; color: #000; } 
.news p { margin: 55px 0 0; font-size: 24px; font-weight: 400; } 
.news .swiper-arrow { margin: 60px 0 60px; display: flex; color: #000; } 
.news .swiper-arrow .arrow { margin: 0 8px; } 
.news .swiper-arrow .swiper-button-disabled { opacity: 0.3; } 
.news .item { width: 430px; padding-right: 25px; border-right: 1px solid #ddd; } 
.news .bg-img { height: 330px; border-radius: 25px; } 
.news a { display: block; } 
.news .info-head { padding: 40px 0; display: flex; align-items: center; justify-content: space-between; } 
.news .info-head .recent { font-family: var(--font-play); font-size: 18px; background-color: #006877; padding: 5px 30px; color: #fff; border-radius: 34px; } 
.news .info-body { height: 170px; display: flex; flex-direction: column; justify-content: space-between; } 
.news .info-body h4 { font-size: 21px; font-weight: 400; line-height: 1.5; } 
.news .info-body .more { font-family: var(--font-play); font-weight: 700; } 
.news .all-more { position: absolute; right:0; top: 10px; display: block; padding: 15px 30px; color: #000; font-family: var(--font-play); font-size: 21px; font-weight: 700; border: 1px solid #000; border-radius: 32px; } 

@media (max-width: 1020px) { 
	.news { padding: 40px 0; } 
	.news h3 { font-size: 34px; margin-bottom: 20px; } 
	.news p { margin: 20px 0 30px; font-size: 16px; } 
	.news .swiper-arrow { display: none; } 
	.news .item { width: 340px; padding-right: 5px; border-right: 0; } 
	.news .bg-img { height: 240px; } 
	.news .info-head { padding: 20px 0; font-size: 14px; } 
	.news .info-head .recent { font-size: 12px; padding: 5px 15px; border-radius: 25px; } 
	.news .info-body { height: 70px; display: flex; flex-direction: column; justify-content: space-between; } 
	.news .info-body h4 { font-size: 16px; } 
	.news .info-body .more { display: none; } 
	.news .all-more { position: relative; right:0; top: 0; display: block; margin:30px 0 0; padding: 10px 30px; color: #000; text-align: center; font-size: 16px; font-weight: 700; border: 1px solid #000; border-radius: 23px; } 
} 

.main-partner { background: url("/assets/img/bg-partner.jpg")no-repeat center; height: 609px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; color: #fff; }
.main-partner h2 { font-weight: 500; font-size: 37px; line-height: 1.5; margin-bottom: 50px; }
.main-partner .btn_group a { margin: 0 10px 0 0; font-weight: 400; color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.7); padding: 15px 33px; transition-duration: .4s; }
.main-partner .btn_group a.btn_down:hover { background: #FFFFFF; color: #0E2071 }
.main-partner .btn_group a.btn_link { color: #fff; font-weight: 500; }
.main-partner .btn_group a.btn_link:hover { background: #FFFFFF; color: #0E2071; }
.main-partner .btn_group a::after { display: none; }
@media (max-width: 1020px) { 
.main-partner { background: url("/assets/img/bg-partner.jpg")no-repeat center; background-size:cover; height: 300px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; color: #fff; }
.main-partner h2 { font-weight: 500; font-size: 20px; line-height: 1.5; margin-bottom: 30px; }
.main-partner .btn_group a { margin: 0 10px 0 0; font-weight: 400; font-size: 14px; color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.7); padding: 7px 23px; transition-duration: .4s; }
.main-partner .btn_group a.btn_down:hover { background: #FFFFFF; color: #0E2071 }
.main-partner .btn_group a.btn_link { color: #fff; font-weight: 500; }
.main-partner .btn_group a.btn_link:hover { background: #FFFFFF; color: #0E2071; }
.main-partner .btn_group a::after { display: none; }
}



/* 비전 */

.wrap-vision{margin-top:0; position:relative;}

.wrap-vision div{border:1px solid #DDD;border-radius:10px;position:relative;margin-top:5.6rem;text-align:center;height:13rem;padding:3rem 1rem 1rem;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-text-justify:center;justify-content:center;background:#fff;color:#000}
.wrap-vision div .tt{border:8px solid #EBF3FC;border-radius:40px;min-width:17.4rem;display:inline-block;top:-3.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;height:6.6rem;letter-spacing:1.5px;font-size:2.4rem;font-weight:800;color:#fff;text-align:center;line-height:5.2rem;padding:0px 2.6rem;-webkit-print-color-adjust:exact}
.wrap-vision div > b{color:#000;font-size:2.5rem;font-weight:bold}

.cont01{display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center; margin-top: 40px;}
.cont01 .tt{border:13px solid #DEF1EB; width:17.1rem; height:17.1rem; display:inline-block;border-radius:50%;color:#FFF;font-weight:600;font-size:2.3rem;letter-spacing:-0.23px;background:linear-gradient(142deg, rgba(8, 150, 106, 1) 0%, rgba(0, 126, 116, 1) 100%);text-align:center;display:flex;display:-ms-flexbox;-ms-text-justify:center;justify-content:center;-ms-flex-align:center;align-items:center; margin-right:5.7rem;position:relative;}
.cont01 .tt:before{content:'';width:7rem;background:#048A6F;height:1px;position:absolute;right:-7rem;top:50%}
.cont01 .tt:after{content:'';width:1.2rem;background:#048A6F;height:1.2rem;position:absolute;right:-7rem;top:50%;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center}
.cont01 .depth1{background:#F0F2F5;border-radius:110px;border:1px solid #E8E8E8;min-height:14.3rem;float:left;width:calc(100% - 22.8rem);display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;padding:2rem 8.2rem;line-height:1.7;font-size:1.8rem}
.cont01 .depth1 ul{ margin: 0; padding: 0;}	
.cont01 .depth1 ul li{font-size: 20px;}	
.cont01 .depth1 ul li p{font-size: 16px;}	

.color1{background:#2B76CE !important}
.color3{background:#3261BD !important}
.color5{background:#2A4BA6 !important}
.color7{background:#11368B !important}

.trust{height:291px;flex:1;-ms-flex:1;color:#fff;font-weight:600;font-size:24px;line-height:1.5;padding:53px 16px 48px;text-align:center}

.box-3{border:1px solid #DDD;border-radius:10px;padding:80px;margin-top:80px}

.box-3 .title-1st{font-size:0;overflow:hidden}
.box-3 .title-1st > b{
  background:#EFF2F5;
  text-align:center;
  height:96px;
  line-height:96px;
  border-radius:5px;
  display:inline-block;
  color:#333;
  font-size:24px;
  font-weight:600;
  letter-spacing:-0.36px;
  margin-bottom:26px
}

.box-3 .title-1st > b:nth-child(1){width:291px;float:left}
.box-3 .title-1st > b:nth-child(2){width:calc(100% - 342px);float:left;margin-left:51px}

.box-3 .wrap-1st{margin:0;padding:0}
.box-3 .wrap-1st > li{display:flex;overflow:hidden}

.box-3 .wrap-1st > li > .trust{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:291px;
  height:auto;
  border-radius:5px;
  float:left;
  flex:0 0 288px
}

.box-3 .wrap-1st > li .txtbox{
  float:left;
  width:calc(100% - 342px);
  margin-left:51px;
  border-radius:5px;
  border:1px solid #DDD;
  height:100%;
  padding:45px
}

.box-3 .wrap-1st > li .txtbox > li{
  padding-left:48px;
  position:relative;
  font-size:19px;
  list-style:none
}

.box-3 .wrap-1st > li .txtbox > li > em{
  color:#fff;
  border-radius:50%;
  width:34px;
  height:34px;
  text-align:center;
  line-height:35px;
  font-weight:500;
  font-size:24px;
  display:inline-block;
  position:absolute;
  left:0;
  top:5px
}

.box-3 .wrap-1st > li .txtbox > li + li{margin-top:13px}
.box-3 .wrap-1st > li + li{margin-top:24px}

@media (max-width:575.98px){

.wrap-vision{}
.wrap-vision div{border:1px solid #DDD;border-radius:10px;position:relative;margin-top:48px;text-align:center;height:auto;padding:32px 16px 20px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000}
.wrap-vision div .tt{border:6px solid #EBF3FC;border-radius:40px;min-width:200px;display:inline-block;top:-32px;left:50%;transform:translateX(-50%);position:absolute;height:56px;letter-spacing:1px;font-size:18px;font-weight:700;color:#fff;text-align:center;line-height:44px;padding:0 24px}
.wrap-vision div > b{color:#000;font-size:18px;font-weight:500}

.cont01{display:flex;align-items:center;margin-top:16px;flex-direction:column}
.cont01 .tt{border:8px solid #DEF1EB; margin: 0 auto; height:64px;border-radius:40px;color:#FFF;font-weight:600;font-size:18px;letter-spacing:-0.2px;background:linear-gradient(142deg,rgba(8,150,106,1) 0%,rgba(0,126,116,1) 100%);text-align:center;display:flex;justify-content:center;align-items:center;position:relative}
.cont01 .tt:before{display:none}
.cont01 .tt:after{display:none}
.cont01 .depth1{background:#F0F2F5;border-radius:10px;border:1px solid #E8E8E8;min-height:auto;width:100%;display:flex;align-items:flex-start;padding:20px;line-height:1.6;font-size:14px;margin-top:16px}
.cont01 .depth1 ul{margin:0;padding:0}
.cont01 .depth1 ul li{font-size:14px}
.cont01 .depth1 ul li p{font-size:14px}

.box-3{padding:0;border:0 none}
.box-3 .title-1st{display:none}

.box-3 .wrap-1st{margin:0;padding:0}
.box-3 .wrap-1st > li{display:flex;flex-direction:column;margin-top:16px}
.box-3 .wrap-1st > li > .trust{width:100%;height:auto;border-radius:8px;font-size:16px;padding:20px}
.box-3 .wrap-1st > li .txtbox{width:100%;margin-left:0;margin-top:12px;border-radius:8px;border:1px solid #DDD;padding:16px}
.box-3 .wrap-1st > li .txtbox > li{padding-left:32px;position:relative;font-size:14px;list-style:none}
.box-3 .wrap-1st > li .txtbox > li > em{width:24px;height:24px;line-height:24px;font-size:14px;top:2px}
.box-3 .wrap-1st > li .txtbox > li + li{margin-top:8px}

	  .trust{height:auto;flex:none;padding:20px 16px;font-size:16px}
  .box-3 .wrap-1st > li{display:flex;flex-direction:column;overflow:visible}
  .box-3 .wrap-1st > li > .trust{width:100%;flex:none;float:none}
  .box-3 .wrap-1st > li .txtbox{width:100%;margin-left:0;margin-top:12px;height:auto}
  .box-3 .wrap-1st > li .txtbox > li{word-break:keep-all;line-break:strict}
}





.facility-intro {margin:0 0 22px;line-height:1.7;color:#333;font-size:16px;}
.facility-grid {display:flex;flex-wrap:wrap;margin:-14px;}
.facility-item {width:50%;padding:14px;box-sizing:border-box;}
.facility-card {background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.06);height:100%;}
.facility-thumb {width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
.facility-body {padding:18px 18px 20px;}
.facility-title {margin:0 0 8px;font-size:18px;font-weight:700;color:#111;}
.facility-desc {margin:0;font-size:14px;line-height:1.6;color:#555;}
@media (max-width:768px){
	.graybox{padding:18px;border-radius:16px;}
	.facility-intro{font-size:15px;}
	.facility-item{width:100%;}
	.facility-body{padding:16px;}
	.facility-title{font-size:17px;}
}


.bg-color1{ background: #2f5e4f;}
.bg-color2{ background: #fff;}
.text-color-white{color: #fff !important;}
.text-color-black{color: #111 !important;}
.text-color1{color: #77d8a7 !important;}
.text-color2{color: #f79825 !important;}

.c-detail-view  {padding:30px 0 80px 0;}
.c-detail-view .sub-coment { background: #36b049; border-radius: 20px; display: inline-block; padding: 8px 25px;}
.c-detail-view .ex-title h3 { margin:0 0 25px 0; font-weight:500; font-size:25px; text-align:left; color:#fff;}
.c-detail-view .ex-title h3 a{ border-radius: 30px; margin-left: 15px; padding: 6px 12px;}

.c-detail-view .row .col { padding-left:15px; padding-right:15px; }
.c-detail-view .row .col p { font-weight: 400; line-height: 180%;}

.c-detail-view  h4.sub-title-h4 { margin:0; text-align:left; font-weight:500; font-size:25px; }
.c-detail-view  h5.sub-title-h5 { margin:0; text-align:left; font-weight:500; font-size:18px; }

.c-detail-view .reserve { padding-bottom: 30px;}
.c-detail-view .reserve .btn { width: 100%; border-radius: 7px; }

.wrap-detail-option{ padding-top: 20px; margin-bottom: 60px;}
.detail-option-item-container {  margin-bottom: 40px;}
.detail-option-item {  display: flex; margin-bottom: 20px;}
.info-icon-wrap {  min-width: 50px;  max-width: 50px;  height: 50px;  margin-right: 8px; line-height: 1;}
.info-icon-wrap i{ font-size: 40px;  font-weight: 300;}

.info-description-wrap {  display: flex;  flex-direction: column;  width: 100%;}
.info-description-title { margin-bottom: 8px; font-size: 17px; font-weight: 500; text-align: left;  }
.info-description-contents {  font-size: 15px; font-weight: 400; text-align: left;  }

.root_daum_roughmap{border-radius: 20px;}

@media (max-width: 1020px) {
	
.c-visual .f-bg {height:350px;}
.c-visual .f-bg:after {height:350px;}
.c-visual .f-bg a img{width: 65px;}
.embed-container { margin-top: 60px;}
.c-detail-view .ex-title h3 { font-size:28px; text-align: center;}
.c-detail-view .ex-title h3 a { font-size:13px; margin-top: 10px;}
.c-detail-view .row .col { padding-left:0; padding-right:0; }
.wrap-photo-swiper .swiper-wrapper img {border-radius: 10px;}	
.wrap-photo-swiper .swiper-button-next{ right: 20px; }
.wrap-photo-swiper .swiper-button-prev{ left: 20px;}
.c-detail-view .reserve {padding-bottom: 0;margin-top: 0;position: fixed;bottom: 15px;right: 15px;z-index: 9990;width: calc(100% - 30px);}

}

 /* 장소예약 */

.box-style0{ border: 2px solid #f15922; border-radius: 20px; overflow: hidden;}
.box-style0-head{ background:#F0F0F0; padding: 20px;}
.box-style0-head h4{ font-size: 25px;}
.box-style0-body{ padding: 25px;}

.box-style1{ border: 1px solid #ccc; border-radius: 20px; overflow: hidden;}
.box-style1-head{ background:#F0F0F0; padding: 20px;}
.box-style1-head h4{ font-size: 25px; }
.box-style1-body{ padding: 25px;}
.box-style1-body label{font-weight: 500;}

.box-style11{ clear:both; border:1px solid #e4cfcf; padding:20px 15px; margin:20px 0 0 0; background:#fff2f2; text-align:center; border-radius:10px; font-size: 18px; }
.box-style11 .inner{ clear:both; border:1px solid #e4cfcf; padding:15px; margin:20px 0; background:#fff; font-weight:700; border-radius:20px; }

.box-style2{border: 1px solid #ccc; border-radius: 20px; padding: 30px;}
.box-style3{border-radius: 20px; padding: 30px; background: #f5f7f9; }

/* ticket ====================================================================================*/
.btn-ticket, .btn-ticket:hover, .btn-ticket:focus { background-color:#103255; border-color:transparent; color:#fff; position:relative; }
.btn-ticket .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -9px; }
.box-dot { border:2px dashed #ccc; height:582px; box-shadow:none; text-align:center; padding-top:280px; font-size:18px; }
.step { height:630px; }

.ticket-calendar-btn { text-align:center; height:50px; }
.ticket-calendar-btn ul { margin:0; padding:0; list-style:none; display:inline-block }
.ticket-calendar-btn ul li { display:inline-block; }
.ticket-calendar-btn ul li h4 { display:block; margin:0; padding:0 25px; }
.ticket-calendar-btn ul li .btn, .ticket-calendar-btn ul li .btn:hover, .ticket-calendar-btn ul li .btn:active { background-color:transparent; font-size:30px; margin-bottom:6px; padding:0 12px; }

.ticket-calendar-note { margin-top:16px; text-align:right; background-color:#f4f8fb; border-radius: 20px; padding:10px 20px;}
.ticket-calendar-note ul { margin:0; padding:0; list-style:none; display:inline-block; }
.ticket-calendar-note ul li { margin-left:3px; display:inline-block; }
.ticket-calendar-note ul li span { display:table-cell; text-align:center; font-size:11px; font-weight:700; width:44px; height:44px; line-height:1.2; border-radius:50%; vertical-align:middle; letter-spacing:-1px; }
.ticket-calendar-note ul li span.open { border:2px solid #06abba; }
.ticket-calendar-note ul li span.week { border:2px solid #f65579; }
.ticket-calendar-note ul li span.season { border:2px solid #63C; }
.ticket-calendar-note ul li span.close2 { border:2px solid #777; }

.ticket-calendar-date { font-size:16px; font-weight:700; padding:20px 0; text-align:center; height:65px; }
.ticket-calendar-date span { color:#f65579; display:inline-block; padding-right:15px;  }

.ticket-calendar-info h5{ font-size: 18px;}

.ticket-calendar-wrap { height:285px; }
.ticket-calendar { width:100%; border-collapse:collapse; }
.ticket-calendar th:nth-of-type(1), .ticket-calendar td:nth-of-type(1) { color:red; }
.ticket-calendar th:nth-of-type(7), .ticket-calendar td:nth-of-type(7) { color:blue; }
.ticket-calendar th { text-align:center; padding:10px 5px; background-color:#fff; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; height:49px; }
.ticket-calendar td { position:relative; width:14.33333%; text-align:center; padding:11px; font-family: var(--play-font); }
.ticket-calendar td.date-open { cursor:pointer;  }

.ticket-calendar td:after { content:''; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; width:32px; height:32px; border-radius:50%; }
.ticket-calendar td.date-open:after { border:2px solid #06abba; }
.ticket-calendar td.date-week:after { border:2px solid #f65579; }
.ticket-calendar td.date-season:after { border:2px solid #63C; }
.ticket-calendar td.date-close{ color:#999}
.ticket-calendar td.date-close a{ color:#bebebe}
.ticket-calendar td.date-close:after { border:2px solid #ccc; }
.ticket-calendar td.click:after { border-radius:0; border-width:3px;  }
.ticket-calendar td.date-open-check::after {display: inline-block;width:32px; height:32px; border-radius:30%;border:5px solid #f65579;}

.timecheck-container { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 auto; }
.timecheck-container label { flex: 1 1 30%; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; padding: 0; cursor: pointer; transition: background-color 0.3s; }
.timecheck-container input[type="checkbox"] { display: none; }
.timecheck-container input[type="checkbox"]:checked + span { background-color: #f66418; color: white; border: 1px solid #f66418; }
.timecheck-container input[type="checkbox"]:disabled + span { background-color: #b3b3b3; border: 1px solid #777; cursor: not-allowed; text-decoration: line-through; }
.timecheck-container input[type="checkbox"].disabled:disabled + span { background-color: #e5e5e5; border: 1px solid #ccc; cursor: not-allowed; text-decoration: none; }


.timecheck-container span { display: block; width: 100%; height: 100%; padding: 10px; text-align: center; line-height: 1.5; }

.agree-box{padding:10px; margin:0 0 10px; border:1px solid #ccc; background:#fff; height:150px; overflow-y:scroll;  color:#666;}
.agree {font-weight: 500; font-size: 1.1rem;}
.agree input[type=checkbox] {width: 24px; height: 24px; border-width: 2px; border-color: #262626;}
.agree .form-check-label {vertical-align: sub; padding-left: 35px;}

.agree-form{max-width: 70%; margin-left: auto; margin-right: auto;}
.agree-form .extra-fields {display: none; }
.agree-form i {color: #FF0004; font-style: normal; padding-right: 10px;}
.agree-form input[type="radio"] { width: 1.2em; height: 1.2em; border-color: #1E327B;}
.form-check-input {
    position: absolute;
    margin-top: .3rem;
     margin-left: 0px; 
}

.agree-form label.col-sm-2 { text-align: right; padding-right: 20px; font-size: 1.05em; padding-top: 7px;}
.col-lg-6 {
	padding:0px 15px;
}
@media (min-width: 576px) {
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
		font-weight: 600 !important;
		
		padding-right: 30px;
    }
	    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}
@media (max-width: 780px) {

    .col-sm-2 {
     font-weight: 600;

        width: 100%;
    }
	    .col-sm-10 {
      width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
    }
}

@media (max-width: 1020px) { 
.col-lg-6 {
	padding:0px;
}
.agree-form{max-width: 100%; margin-left: auto; margin-right: auto;}
.agree-form label.col-sm-2 { text-align:left; padding-bottom: 5px;}
}


 


/* 팝업레이어 */
#hd_pop {z-index:5800;position:relative;margin:0 auto;height:0; text-align:left;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops .ul-10 { margin:0; padding:0; list-style:none; }
.hd_pops .ul-10 li { margin:0; padding:0 0 5px 17px; position:relative; text-align:left; font-size:15px; }
.hd_pops .ul-10 li:before { content:''; position:absolute; left:5px; top:14px; width:4px; height:4px; background-color:#bd4146; }
.hd_pops .ul-10 li strong { font-weight:400; color:#bd4146; display:block; padding-right:10px; font-size:16px; }
.hd_pops img{max-width:100%}
.hd_pops_con { padding:12px;}
.hd_pops_con h4{ font-size:17px;}
.hd_pops_con h5{ font-size:16px; color:#d62925; border-bottom:1px dotted #d62925; border-top:1px dotted #d62925; padding:10px 0;}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff;  font-size:13px;}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left;}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

@media (max-width: 991px) {
.hd_pops { left: 50% !important;  margin-left: -150px !important;}
.hd_pops_con { width: 300px !important; height: 343px !important;}	
.hd_pops img{width:300px;}	
	#hd_pops_6{top: 60px !important;}
	#hd_pops_7{top: 110px !important;}
	#hd_pops_8{top: 160px !important;}
	#hd_pops_9{top: 160px !important;}
	
}

/* 사이트맵 */
.sitemap{display: flex; flex-wrap: wrap;}
.sitemap ul{list-style: none; padding:30px; margin: 0;  flex-basis: 350px; flex-grow: 0;}
.sitemap ul li{}
.sitemap ul li a{display: block; padding: 15px 0; position: relative; }
.sitemap ul li a::before{content: '-'; opacity: 0; position: absolute; left: 0; top: 15px;}
.sitemap ul li a:hover{ padding-left: 12px;}
.sitemap ul li a:hover::before{opacity: 1;  left: 0;}
.sitemap ul li a br{display: none;}
.sitemap ul li.title{padding: 25px 0; margin-bottom: 15px; border-top: 1px solid #111; border-bottom: 1px solid #ddd; font-size: 20px; color: cadetblue;}

/* 개인정보보호방침 */

.privacy .privacy-box{padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex;  align-items: center;}
.privacy i{ font-size: 45px; flex-shrink: 0; width: 150px; text-align: center;}
.privacy .privacy-box p{margin-bottom: 0 !important; flex-grow: 1;}
.privacy h3{ font-size: 16px; margin-bottom: 10px; font-weight: 600;}
.privacy p{ margin-bottom: 30px; line-height: 2;}
.privacy .inner-p { margin-left: 16px;}
@media (max-width: 1020px) { 
.privacy .privacy-box{padding: 20px 10px; flex-wrap: wrap;}
.privacy i{ font-size: 45px; flex-grow: 1; flex-shrink: 0; width: 100%;}
}


/* 페이지 */
.greeting h4{font-family: var(--font-play); text-transform: uppercase; color: #00AC99; margin: 150px 0 20px 0; letter-spacing: 5px;}
.greeting h5{font-size: 50px; line-height: 1.5; font-weight: 500;}
.greeting p{font-size: 17px; line-height: 2.5; margin-top: 30px;}
@media (max-width: 1020px) { 
.greeting h4{font-family: var(--font-play); text-transform: uppercase; color: #00AC99; margin: 0 0 20px 0; letter-spacing: 5px; font-size: 13px;  text-align: center}
.greeting h5{font-size: 25px; line-height: 1.5; font-weight: 500; text-align: center;}
.greeting p{font-size: 15px; line-height: 2; margin-top: 30px;}
.greeting p br{display: none;}
}

.photo-swiper-row1 {overflow: hidden !important; margin-bottom: 30px; border-radius: 30px;}
.photo-swiper-row1 .item { overflow: hidden; } 
.photo-swiper-row1 .bg-img { height: 400px; } 
.photo-swiper-row1 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

.photo-swiper-row2 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row2 .item { overflow: hidden; } 
.photo-swiper-row2 .bg-img { height: 500px; } 
.photo-swiper-row2 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

.photo-swiper-row3 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row3 .item { overflow: hidden; } 
.photo-swiper-row3 .bg-img { height: 300px; } 
.photo-swiper-row3 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 
@media (max-width: 1020px) { 
.photo-swiper-row1 .bg-img { height: 220px; } 
.photo-swiper-row2 .bg-img { height: 220px; } 
.photo-swiper-row3 .bg-img { height: 220px; } 
}


/* 예약 */

.p-reserve{padding:15px;}
.p-reserve .item{position:relative;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #e8e8e8;padding:0 0 10px 0;}
.p-reserve .item .item-caption{padding:20px 20px 0;}
.p-reserve .item .item-caption span{font-size:14px;}
.p-reserve .img_bg{width:100%;height:300px;}
h3.p_title{margin:0 0 15px 0; padding:0; font-size:22px; font-weight:500; letter-spacing:-2px;}
.p-reserve ul{margin: 0; padding: 0;}
.p-reserve ul li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px dashed #ddd;padding:16px 0;}
.p-reserve ul li:first-child{border-top:0;}

.p-reserve .reserve-left{flex:1 1 auto;}
.p-reserve .reserve-left h5{margin:0 0 4px 0;padding:0;font-size:17px;font-weight:500;letter-spacing:-1px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.p-reserve .reserve-left em{font-size:13px;font-style:normal;display:block;line-height:2; letter-spacing: -0.5px; color: #555;}
.p-reserve .reserve-left p{margin:2px 0 0 0;font-size:13px;line-height:1.4; letter-spacing:  -0.5px; color: #555;}

.p-reserve .reserve-right{flex:0 0 auto;display:flex;align-items:flex-start;}

.p-reserve .reserve-right span{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:34px;padding:0 14px;border-radius:18px;background:#e6a36c;border:1px solid #e6a36c;color:#fff;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;}

.p-reserve .reserve-right span.tel{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:34px;padding:0 14px;border-radius:18px;border:1px solid #dfdfdf !important;background:#fff;color:#000;font-size:13px;line-height:1;margin-top:6px;}

@media (max-width:780px){
.p-reserve ul li{flex-direction:column;}
.p-reserve .reserve-right{margin-top:8px;}
}