@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

  
html {height:100%}
body {height:100%}


@media all and (min-width:1100px){

	.tab {width:100%; display:flex;   margin:30px 0; align-items:flex-end; justify-content:center; float:left; height:50px;}
	.tab  li  {background-color:#f1f1f1; width:20%; text-align:Center; height:52px; position:relative;  display:inline-block ; margin:0 1px; transition: all 0.1s ease-out;} 
	.tab li a {display:inline-block; width:100%; line-height:52px; font-size:1.1rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out;}
	.tab li:hover {/* height:60px; */ background-color:#2478be; }
	.tab li a:hover {/* line-height:60px; */ color:#fff}
	.tab li:nth-child(2):hover {background-color:#f1844b; }
	.tab li:nth-child(3):hover {background-color:#7a69ad; }
	.tab li:nth-child(4):hover {background-color:#92a923; }
	.tab li:nth-child(5):hover {background-color:#1ba29e; }
 
	.tab  li.ov {background-color:#2478be; }
 	.tab  li.ov a {color:#fff }
	.tab li:nth-child(2).ov {background-color:#f1844b; }
	.tab li:nth-child(3).ov {background-color:#7a69ad; }
	.tab li:nth-child(4).ov {background-color:#92a923; }
	.tab li:nth-child(5).ov {background-color:#1ba29e; }

	.navigatonBox {display:none;}
}



 
.tab2 {width:100%; display:flex; margin:30px 0 40px 0; align-items:flex-end;   overflow-x: auto;   white-space: nowrap; position:relative}
.tab2:after {width:100%; height:2px; background-color:#2478be; content:''; display:inline-block; position:absolute; left:0; bottom:0}
.tab2  li  {background-color:#fff;  text-align:Center;  display:inline-block;  transition: all 0.1s ease-out; 0; border-radius:7px 7px 0 0;   } 
.tab2 li a {display:inline-block;  line-height:45px; font-size:1.1em; padding:0 20px;    transition: all 0.1s ease-out; color:#333; }


@media all and (min-width:900px){
	 .tab2  li.ov {border:2px solid #2478be; font-weight:600; border-bottom:2px solid #fff; position:Relative; z-index:99 }
	 .tab2  li.ov a {color:#2478be }
}
@media all and (max-width:900px){
	.tab2 {border-bottom:none; margin-bottom:30px}
	.tab2:after {display:none}
	.tab2  li  {background-color:#fff; border:1px solid #ddd; border-radius:4px;  margin-right:10px; font-size:0.95rem} 
	.tab2 li a {padding:0 15px; color:#555; line-height:35px;  }
	.tab2  li.ov {border:1px solid #333}
	.tab2  li.ov a {color:#333; font-weight:600; font-size:1rem}

}


 
.tab3 {width:100%; display:flex; margin:0 0 20px 0; align-items:flex-end;   overflow-x: auto;   white-space: nowrap; position:relative; }
.tab3  li  {background-color:#f5f5f5;  text-align:Center;  display:inline-block; margin-right:5px; transition: all 0.1s ease-out; 0;  } 
.tab3 li a {display:inline-block;  line-height:45px; font-size:1.05em; padding:0 30px;    transition: all 0.1s ease-out; color:#333; }
.tab3  li.ov {background-color:#2478be}
.tab3 li.ov a {color:#fff}


.tab3 li:nth-child(1):hover {background-color:#444; }
.tab3 li:nth-child(2):hover {background-color:#f1844b; }
.tab3 li:nth-child(3):hover {background-color:#7a69ad; }
.tab3 li:nth-child(4):hover {background-color:#92a923; }
.tab3 li:nth-child(5):hover {background-color:#1ba29e; }
.tab3 li:nth-child(6):hover {background-color:#2478be; }
.tab3 li:nth-child(1):hover a {color:#fff}
.tab3 li:nth-child(2):hover a {color:#fff}
.tab3 li:nth-child(3):hover a {color:#fff}
.tab3 li:nth-child(4):hover a {color:#fff}
.tab3 li:nth-child(5):hover a {color:#fff}
.tab3 li:nth-child(6):hover a {color:#fff}


.tab3 li:nth-child(1).ov {background-color:#444; }
.tab3 li:nth-child(2).ov {background-color:#f1844b; }
.tab3 li:nth-child(3).ov {background-color:#7a69ad; }
.tab3 li:nth-child(4).ov {background-color:#92a923; }
.tab3 li:nth-child(5).ov {background-color:#1ba29e; }
.tab3 li:nth-child(6).ov {background-color:#2478be; }


@media all and (max-width:900px){
	 .tab3  li  {  margin-right:1px;   } 
     .tab3 li a {font-size:1rem; padding:0 15px }
 
}


/**/

.navigatonBox {  width:100%; float:left; position:relative;  margin:20px 0 10px 0  }


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

 
.navButton a {font-size:1.05em; line-height:30px; font-weight:400; color:#777; }
.navButton a.ov {font-weight:700; color:#333 !important; }

.navButton:last-child {
  margin-right:20px;
}

 

 

footer {width:100%; display:inline-block; background-color:#f9f9f9;  padding:40px 0; box-sizing:border-box; color:#666;  font-size:0.92rem; line-height:1.5; letter-spacing:0px;  }
footer div.box {width:100%; max-width:1500px; padding:0 3%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box;}
footer div.box  div p {width:100%; display:inline-block; margin-bottom:5px; font-size:1rem}
footer div.box select {height:30px; margin-left:auto; font-size:0.88rem; color:#555; border:1px solid #ddd }


footer a {color:#444 !important; font-weight:600; display:inline-block; padding-right:10px }

 @media all and (max-width:1100px) {
  footer {padding:30px 3%; font-size:0.9rem;  line-height:1.4; margin-top:30px}
  footer div.box {flex-wrap:wrap;   }
  footer div.box div {width:100%; order:2}
  footer div.box select {display:block; margin-left:0; order:1; margin-bottom:13px}
}



 @media all and (min-width:800px) {
   .m {display:none !important}
   .fixed_top {position:fixed; bottom:0; right:20px; z-index:99999999999999999999999999999999999999999}
}

 @media all and (max-width:800px) {
	.pc {display:none !important}
	.m {display:block !important}
	.fixed_top {display:none}

}

 
/*스케쥴*/

 
.schedule_wrap { display:flex; justify-content:space-between; width:100%; margin-top:15px;   }

.cal_wrap {width:60%; display:flex; justify-content:space-between; position:Relative;  border-top:2px solid #333 }
.jzdbox1 {width:50%; display:inline-block;  border:1px solid #ddd; }

.jzdcal { padding:25px;  box-sizing:border-box; }

.jzdcalt {
  font-size:1.5rem; font-family: 'Montserrat', 'Pretendard'; 
  font-weight:700; 
  color:#333; 
  display:block; 
   border-bottom:1px solid #ddd; 
  text-transform:uppercase;  padding-bottom:15px;
  text-align:center; 
  letter-spacing:1px; width:100%; position:relative;
  

}

.jzdcalt a:first-child {position:absolute; left:10px; margin-top:-3px }
.jzdcalt a:last-child {position:absolute; right:10px; margin-top:-3px }



.jzdcal span {
  font-size:0.8rem;
  font-weight:400; 
  color:#555; 
  text-align:center; 
  width:14.25%;  letter-spacing:0;
  height:42px; 
  display:inline-block; 
  float:left; 
  position:relative;
  line-height:40px;
}
.jzdcal span a {width:100%; height:100%;  display:inline-block}

.jzdcal .jzdb:before {
  opacity:0.3; 
  content:'o';
}

.circle {
 background-color:#e7f1f7;  
  box-sizing:border-box!important; 
 
}

.circle[data-title]:hover:after {
  font-size:0.9rem; 
  font-weight:400; 
  content:attr(data-title); 
  position:absolute; 
  margin:0 0 0; 
  background:#282423; 
  border:1px solid #f7f3eb; 
  color:#f7f3eb;  
  padding:5px; 
  z-index:999999999999999999999999; 
  min-width:150px; line-height:1.3; padding:10px; 
  max-width:150px; right:0;
}

.circle[data-title]:hover:after {left:50%; margin-left:-75px; }
   

.pop_wrap {  width:50%; display:inline-block ; background-color:#fff; box-sizing:border-box; position:relative; overflow-y:auto; border-left:none; border:1px solid #ddd; border-left:none }

.pop_wrap  h3 {font-size:1.5rem; font-family: 'Montserrat', sans-serif;  letter-spacing:0.5px; font-weight:700; width:100%; display:inline-block; padding-bottom:10px; margin-bottom:10px;  color:#333; border-bottom:1px solid #ddd }
.pop_wrap  b {font-size:1.1rem; letter-spacing:0; font-weight:700; width:100%; display:inline-block; padding-bottom:5px; color:#333; margin-top:5px}
.pop_wrap p {margin-bottom:5px; width:100%; display:inline-block }

.pop_wrap span.t {width:100%; display:inline-block; box-sizing:border-box; 
       color:#777; font-size:0.95rem; font-weight:400; line-height:1.3;
	     display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word;
		max-height:43px;
		overflow:hidden;
		}


.pop { width:100%; top:0; right:0;  padding:30px; position:absolute;  box-sizing:border-box}
  
 .no_data {text-align:left;  font-size:.92em; color:#555; width:100%;}


.schedule ul {width:100%; border:1px solid #ddd; box-sizing:border-box;   margin-top:0; border-top:1px solid #333}

.schedule li {width:100%; display:flex; justify-content:space-between; border-bottom:1px solid #ddd; padding:15px 10px;  align-items:center; font-size:1rem; box-sizing:border-box}
.schedule li:last-child {border-bottom:none}
 
.schedule li p {width:calc(100% - 80px); font-size:0.95rem; color:#666; line-height:1.2; font-weight:400 }
.schedule li p b {font-weight:700; padding-bottom:5px; font-size:1.15em; color:#333; width:100%; display:inline-block;  }
.schedule li p.n_date {width:65px;    font-size:0.9rem; font-weight:500; text-align:center; font-family: 'Montserrat', sans-serif ; letter-spacing:0; line-height:0.9}
.schedule li p.n_date b {font-size:2rem; width:100%; display:inline-block; font-weight:700; line-height:1.1; letter-spacing:0; font-family: 'Montserrat', sans-serif ;   padding-bottom:0; }




@media all and (max-width:1100px) {
    .cal_wrap {width:100%;  }
	.schedule_wrap  {margin-top:20px; flex-wrap:wrap}
	.bn {width:100%; display:none}

}

 @media all and (max-width:800px) {
     .schedule_wrap { flex-wrap:wrap; border-top:none; }
	 .cal_wrap {width:100%; flex-wrap:wrap;  }
	 .jzdbox1 {width:100%}
	 .pop_wrap {width:100%; height:200px; overflow-y:auto; border-top:none ; border-left:1px solid #ddd} 
	.pop { padding:25px }
    .pop_wrap p {margin-bottom:10px; }

	span[data-title]:hover:after, 
	div[data-title]:hover:after  {display:none}
}