@charset "utf-8";
@font-face {
  font-family: 'RiaSans-ExtraBold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

h6 {font-size:2rem; font-weight:700; color:#333; background:url(/nabipark/img/common/h6.png)no-repeat 0 .3rem; padding-left:2.4rem; }
/* 프로그램 부분 - 달력 */
.cal-month {display:flex; justify-content: center; align-items:center; margin-top:5rem;}
.cal-month a {width:4rem; height:4rem; background-color:#f2f2f2; border-radius:1rem; display:flex; justify-content: center; align-items:center; margin:0 2rem; transition:all .2s;}
.cal-month a span {width:0; height:0; text-indent:-9999px;}
.cal-month a i {font-size:2.4rem;}
.cal-month a.prev-month {transform:rotate(45deg);}
.cal-month a.next-month {transform:rotate(-45deg);}
.cal-month strong {font-family: 'RiaSans-ExtraBold'; font-size:3.2rem;}
.cal-month strong em {color:#1455ac;}
.cal-month a:hover {background-color:#17255c; color:#fff;}

.cal-table {position:relative; margin-top:5rem;}
.cal-table table {width:100%;}
.cal-table thead th {border-top:2px solid #17255c; font-size:2rem; font-weight:700; background:#f8f8fc; padding:2rem 0; border-bottom:1px solid #dedede;}
.cal-table tbody td {text-align:Center; border-bottom:1px solid #dedede; padding:1rem; overflow:hidden; position:relative; height:8.0rem;}
.cal-table tbody td span {font-size:1.3rem; font-weight:700; color:#333;}
.cal-table table .sun span {color:#d00c18;}
.cal-table table .sat span {color:#1455ac;}

.cal-table tbody td div { font-size:1.3rem;}
.cal-table tbody td div a {display:inline-block; border-radius:3rem; background:#333; color:#fff;  font-weight:400; position:relative; padding:.2rem 1.4rem;}
.cal-table tbody td div.off a {background:#f5f7fa; color:#333; pointer-events: none;
  cursor: default;}
.cal-table tbody td div.done a {background:#787878; pointer-events: none; cursor: default;}
.cal-table tbody td div.on a {background:#004bd5; }
.cal-table tbody td div.on a.select:before {content:''; display:block; width:1.6rem; height:1.6rem;  position:absolute; top:calc(50% - 0.8rem); left:-0.8rem; border-radius:50%; border:1px solid #004bd5; background:#fff url(/nabipark/img/main/check.png) no-repeat 50% 50%;}
.cal-table tbody td div strong {display:block; font-weight:700;} 
.cal-table tbody td div strong em {color:#d00c18;} 
.cal-table tbody td div.done strong {display:none;}
.cal-table tbody td div.off strong {display:none;}

.cal-table tbody td.set {border-bottom:1px solid #333;}
.cal-table tbody td.set:after {content:''; display:block; width:1rem; height:1rem; background:#333; position: absolute; bottom:-0.6rem; left:calc(50% - 0.6rem); transform: rotate(45deg);}

.mot {display:none;}

@media (max-width:768px) {
  .cal-table {border-top:2px solid #333; border-bottom:1px solid #333; height:30rem; overflow-y:scroll; padding-right:1rem; margin-top:0;}
  .mot {display:block; background:#333; color:#fff; width:100%; line-height:3rem; margin-top:3rem; text-align:center; font-size:1.3rem; color:#ffff00;}
  .cal-table::-webkit-scrollbar { width:6px;}
  .cal-table::-webkit-scrollbar-track { background:rgba(0,0,0,0.2);border-radius: 10px; }
  .cal-table::-webkit-scrollbar-thumb {background: #004bd5;border-radius:3px; }
  .cal-table::-webkit-scrollbar-thumb:hover {background: #004bd5;}
  .cal-table colgroup {display:none;}
  .cal-table thead {display:none;}
  .cal-table td {display:none;}
  .cal-table td:has(span) {display:flex; flex-wrap:wrap; justify-content: space-between;     height: auto;}
  .cal-table tbody td span {width:3rem; text-align:left;}
  .cal-table tbody td div {display:flex; flex-direction: row-reverse;}
  .cal-table tbody td div a {margin-left:1.5rem;}
}

.cal-info h3 {text-align:Center; color:#fff; background:#1455ac; font-weight:700; font-size:2rem; padding:2rem 0; font-family: 'RiaSans-ExtraBold';}
.cal-info {position:relative; margin-top:3rem;  font-size:1.6rem; display:none;}
.cal-info .cal-info-tit {display:flex; flex-wrap:wrap;}
.cal-info .cal-info-tit p {width:25%; background:#41444b; color:#fff; text-align:center; padding:1.5rem 1rem; font-weight:700;}
.cal-info ul {display:flex; flex-wrap:wrap; border:1px solid #dedede; border-bottom:0;}
.cal-info ul li {width:50%; display:flex; flex-wrap:wrap; font-weight:500;}
.cal-info ul li div {width:50%; padding:1.5rem 1rem; border-bottom:1px solid #dedede; text-align:Center;}
.cal-info ul li div.ctime {background:#f9f9f9;}
.cal-info ul li div.cstate input {opacity:0; width:0; height:0;}
.cal-info ul li div.cstate label:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; border:0.5rem solid #999; margin-right:0.5rem; transform:translateY(0.2rem);}
.cal-info ul li div.cstate input:checked + label:before {border:0.5rem solid #004bd5;}
.cal-info ul li.off div.cstate input,
.cal-info ul li.off div.cstate label {pointer-events: none; cursor: default; color:#999;}
.cal-info ul li.off div.cstate label:before {border:0.5rem solid #dedede;}
@media (max-width:768px) {
  .cal-info .cal-info-tit p {width:50%;}
  .cal-info .cal-info-tit p:nth-of-type(3),
  .cal-info .cal-info-tit p:nth-of-type(4) {display:none;}
  .cal-info ul li {width:100%;}
}

.perbox {background:#f8f8fc; padding:4rem; border-radius:3rem;}
.perbox > div {overflow-y:auto; height:40rem; padding-right:3rem;}
.perbox > div::-webkit-scrollbar { width:6px;}
.perbox > div::-webkit-scrollbar-track { background:rgba(255,255,255,1);border-radius: 10px; }
.perbox > div::-webkit-scrollbar-thumb {background: #999;border-radius:3px; }
.perbox > div::-webkit-scrollbar-thumb:hover {background: #999;}

.percheckbox {margin-top:2rem; text-align:right;}
.percheckbox input[type="checkbox"] {opacity:0; width:0; height:0;}
.percheckbox label {font-size:1.5rem;}
.percheckbox label:before {content:''; display:inline-block; width:2.5rem; height:2.5rem; background:#ccc url(/nabipark/img/contents/checkedicon.png) no-repeat 50% 50%; border-radius:0.5rem; margin-right:1rem; transform: translateY(0.7rem);}
.percheckbox input:checked + label:before {background:#004bd5 url(/nabipark/img/contents/checkedicon.png) no-repeat 50% 50%; border:0;}

@media (max-width:768px) {
  .perbox {padding:2rem;}
  .perbox > div {padding-right:1.5rem;}
}

.graybox {background:#f8f8fc; padding:4rem; border-radius:3rem;}
.graybox p {padding-left:2.3rem; position:relative; margin:0.8rem 0;}
.graybox p:before {content:'!'; display:block; width:1.6rem; height:1.6rem; display:flex; justify-content:center; align-items:center; background:#1455ac; color:#fff; font-size:1.2rem; border-radius:0.4rem; position:absolute; top:0.5rem; left:0;}
.graybox .cred {color:#d00c18;}


.bod_write {position:relative;}
.bod_write .btnadd {background:#333; color:#fff; line-height:5rem; display:inline-block; padding:0 2rem; border-radius:0.5rem; transform:translateY(-0.1rem);}
.bod_write dt em { color:#E74C4C !important}
.bod_write dd span {font-size:1.4rem;}
@media (max-width:640px) {
  .bod_write .btnadd {line-height:4.8rem; transform:translateY(-0.2rem);}
}
@media (max-width:480px) {
  .bod_write .btnadd {line-height:4.4rem;}
}




/* 냅 */

.tab-menu > ul{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:5rem;}
.tab-menu > ul > li {width:23%;}
.tab-menu > ul > li > a{ cursor: pointer; border: 1px solid #ddd; border-radius: 1rem; font-size: 1.8rem; font-weight: 700; text-align: center; padding: 1.3rem 0; transition: all 0.5s; display:block;}
.tab-menu > ul > li > a:hover{border: 1px solid #000; box-shadow: 1px 1px 0 1px #000;}
.tab-menu > ul > li.active > a{ border: 1px solid #000 !important; box-shadow: 1px 1px 0 1px #000;}

.tab-content {display:none; text-align:center;margin-top: 6rem; padding-top: 6rem; }

.tab-content > h6{font-size: 3.6rem; color: #6a3b09; font-family: 'RiaSans-ExtraBold'; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(229, 217, 198, 1) 50%); line-height: 5.5rem; display: inline-block; padding: 0 1rem; position: relative; margin-bottom: 4rem;}
.tab-content > h6::before{content:''; display: block; width: 14.2rem; height: 13rem; background: url(/nabipark/img/contents/01/nibimgBg01.png) no-repeat center center; position: absolute; left: -15.8rem; bottom: 0;}
.tab-content > h6::after{content:''; display: block; width: 8.3rem; height: 11.8rem; background: url(/nabipark/img/contents/01/nibimgBg02.png) no-repeat center center; position: absolute; right: -10.8rem; bottom: 0;}

.nabi1{background: url(/nabipark/img/contents/01/nabiconBg01.png) no-repeat top center;}
.nabi2{background: url(/nabipark/img/contents/01/nabiconBg02.png) no-repeat top center;}
.nabi3{background: url(/nabipark/img/contents/01/nabiconBg03.png) no-repeat top center;}
.nabi4{background: url(/nabipark/img/contents/01/nabiconBg04.png) no-repeat top center;}

.nabi2 > h6{color: #184091; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(223, 234, 255, 1) 50%);}
.nabi2 > h6::before{width: 15.4rem; height: 15rem; background: url(/nabipark/img/contents/01/nibimgBg03.png) no-repeat center center; left: -16.8rem;}
.nabi2 > h6::after{content:''; display: block; width: 8.1rem; height: 13rem; background: url(/nabipark/img/contents/01/nibimgBg04.png) no-repeat center center; position: absolute; right: -9.8rem; bottom: 0;}

.nabi3 > h6{color: #d74343; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(255, 224, 224, 1) 50%);}
.nabi3 > h6::before{width: 14.1rem; height: 12.3rem; background: url(/nabipark/img/contents/01/nibimgBg05.png) no-repeat center center; left: -16.8rem;}
.nabi3 > h6::after{content:''; display: block; width: 14.9rem; height: 12.6rem; background: url(/nabipark/img/contents/01/nibimgBg06.png) no-repeat center center; position: absolute; right: -12.8rem; bottom: 0;}

.nabi4 > h6{color: #147f53; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(201, 239, 223, 1) 50%);}
.nabi4 > h6::before{display: none;}
.nabi4 > h6::after{content:''; display: block; width: 18.5rem; height: 10.7rem; background: url(/nabipark/img/contents/01/nibimgBg07.png) no-repeat center center; position: absolute; right: -20rem; bottom: 0;}

/* .tabSlide .swiper-wrapper {justify-content: center;} */
.tabSlide {overflow:hidden; justify-content: space-between; display:flex; padding:3rem 0; position:relative;}
.tabSlide .swiper-slide {position: relative;  transform: scale(0.75); display:flex; align-items:center; justify-content:center; transition-duration: 1s; padding:1rem;}
.tabSlide .swiper-slide img{border-radius:3rem; }
.tabSlide .swiper-slide:has(+ .swiper-slide-active) {transform:translateX(-3rem) scale(0.75);}
.tabSlide .swiper-slide-active { transform: scale(1.2);}
.tabSlide .swiper-slide-active + .swiper-slide {transform:translateX(3rem) scale(0.75);}

.tabSlide button {position:absolute; top:calc(50% - 2.1rem); z-index:10; width:4.2rem; height:4.2rem; overflow:hidden; text-indent:-9999px; transition:all .2s;}
.tabSlide button.prevb {background: url(/nabipark/img/common/slider2_arrow.png) no-repeat center center;left:calc(33% - 6.5rem);}
.tabSlide button.nextb {background: url(/nabipark/img/common/slider2_arrow2.png) no-repeat center center;right:calc(33% - 6.5rem);}

.tabSlide button.prevb:hover {background: url(/nabipark/img/common/slider2_arrow_h.png) no-repeat center center;}
.tabSlide button.nextb:hover {background: url(/nabipark/img/common/slider2_arrow2_h.png) no-repeat center center;right:calc(33% - 6.5rem);}

.tab-content .controll {display:flex; justify-content: center; align-items:center; margin-bottom:3rem;}
.tab-content .controll .line {width:30rem; height:.2rem; background:rgba(0,0,0,0.2); position:relative;}
.tab-content .controll .line span {background:#000;}
.tab-content .controll button { height:4rem; width:4rem; border-radius:50%; overflow:hidden; text-indent:-9999px; margin-left:2rem;}
.tab-content .controll button.play {background: url(/nabipark/img/common/slider2_start.png) no-repeat center center;}
.tab-content .controll button.stop {background: url(/nabipark/img/common/slider2_stop.png) no-repeat center center;}

@media (max-width:768px) {
  .tab-menu > ul > li {width:49%; margin-bottom:1rem;}
  .tabSlide {padding:0; }
  .tabSlide .swiper-slide-active { transform: scale(1);}
  .tabSlide button.prevb {left:0;}
  .tabSlide button.nextb {right:0;}
  .tab-content .controll .line {width:calc(100% - 6rem);}
}

@media (max-width:768px) {
  .bod_list.minwon tbody td:last-child:after{display:none;}
}