@charset "utf-8";

.bx-wrapper{ position:relative;}
.bx-controls{}
.vis{ width:100%;}

.content_wrap .vis .bx-wrapper .bx-prev { position: absolute; top: -1px; right:113px; display:block; width:39px; height:39px; background: url(/_img_n/btn_pre.png) no-repeat center center; }
.content_wrap .vis .bx-wrapper .bx-next { position: absolute; top: -1px; right:-1px;  display:block; width:39px; height:39px;  background: url(/_img_n/btn_next.png) no-repeat center center; }
.content_wrap .vis .bx-wrapper .bx-start { position: absolute; top: -1px;  right:75px; display:block; width:39px; height:39px;  background: url(/_img_n/btn_play.png) no-repeat center center; }
.content_wrap .vis .bx-wrapper .bx-stop { position: absolute; top: -1px; right:37px;  display:block; width:39px; height:39px;  background: url(/_img_n/btn_pause.png) no-repeat center center; }
.img100{ width:100%;}

.bbg_wrap{background:#116bb2; padding: 15px; overflow:hidden;}
.bbg_tit{font-size:22px; color:#fff; text-align:center; font-weight:bold; padding-bottom:30px; }
.bbg_tit span{color:#fff100;}
.bbg_left{ float:left;width: 200px;  padding-left: 30px; }
.bbg_left ul li{ font-size:19px; font-weight:bold; color:#fff; line-height: 30px; vertical-align:middle;  height:30px; margin-bottom:5px;}
.bbg_left ul li img{vertical-align:top;}
.bbg_right{ float:left;  width: calc( 100% - 200px ) ;}
.bbg_right ul li{  float:left; width:25%; text-align:center; border-right: 1px solid #88b5d9;}
.bbg_right ul li:last-child{border-right:0;}
.bbg_right ul li  img{ display:inline-block;  padding-bottom: 5px; }
.bbg_right ul li a { font-size:17px; color:#fff; }

.cal_tit{color:#232323; font-size:23px; font-weight:bold; text-align:center; padding: 20px; }
.cal_list ul{ padding:20px; padding-bottom:0; text-align:center;overflow:hidden;}
.cal_list ul li{ float:left; width: 280px; margin:5px; border:1px solid #ccc; padding: 20px; background:#fff;}
.cal_list ul li:last-child{margin-right:0;}
.cali, .calt{ float:left; height:43px; line-height:43px; text-align:left;}
.cali { width: 55px;}
.calt{ border-left:1px solid #ccc; font-size:17px; color:#232323; padding-left:15px;}


.ncal_wrap{overflow:hidden;}
.ncal_list{float:left; width: 280px; margin-right: 20px;}
.ncal_list ul{ padding:0px 20px; padding-bottom:0; text-align:center;overflow:hidden;}
.ncal_list ul li{ float:left; width: 250px;  border:1px solid #ccc;  background:#fff; padding:15px; margin-bottom:12px;}

.event_wrap{ float:left; width:calc( ( 100% - 340px ) / 2) ; margin-right: 20px;  border:1px solid #ccc; height:335px;}
.event_tit, .bus_tit{color: #232323;font-size: 19px; padding:10px;}
.event_btn{ float:right;}
.event_btn ul li{ float:left; padding:5px 10px; border:1px solid #ccc; font-size: 14px;}
.event_btn ul li.on{ background: #e60012;color: #fff;}
.event_btn ul li.on a{color: #fff;}
.bus_wrap{ float:left; width:calc( ( 100% - 340px ) / 2) ;  border:1px solid #ccc; height:335px;}
#event2{display:none;}

.bbs_list{ padding: 6px 20px; font-size:14px;color: #232323; }
.bbs_list li{ text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.bbs_list li:before { content:'- ';} 

.nbbs_list{ padding: 2px 20px; font-size:14px;color: #232323; }
.nbbs_list li{vertical-align: top;}
.nbbs_list li span{   vertical-align: top;width: 100px;display:inline-block; height: 21px; line-height:21px; text-align:right;}
.nbbs_list li a{  text-overflow: ellipsis; white-space: nowrap;overflow: hidden; display:inline-block; width:calc( 100% - 120px ); height: 21px; line-height:21px;  }
.nbbs_list li:before { content:'- ';} 

.gall_list li{  width: 48%; margin:1%; text-align:center; float:left; padding:5px; }
.gall_list li img{ max-width:100%; }
.gall_tit{ margin-top:5px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }

.p_tit{ margin-top:10px; color:#232323; font-size:19px; padding-bottom: 20px; line-height:19px;  }
.photo_wrap{ padding:20px;}
.photo_bx_wrap{ width:100%;}

.content_wrap .photo_wrap .bx-wrapper .bx-prev { position: absolute; top: -31px; right:75px; display:block; width:8px; height:14px; background: url(/_img_n/photo_b.png) no-repeat center center; }
.content_wrap .photo_wrap .bx-wrapper .bx-next { position: absolute; top: -31px; right:0px;  display:block; width:8px; height:14px;  background: url(/_img_n/photo_n.png) no-repeat center center; }
.content_wrap .photo_wrap .bx-wrapper .bx-start { display:none; }
.content_wrap .photo_wrap .bx-wrapper .bx-stop { display:none; }
.content_wrap .photo_wrap .bx-wrapper .bx-pager { position: absolute; top: -36px; right:22px;  display:block; font-size:17px; color:#232323;  }

.content_wrap .photo_wrap .bx-viewport div{ position:relative;}
.content_wrap .photo_wrap .bx-viewport div img.movie_cover{ position:absolute; top:0; left:0;}

.bbg_right ul li a div{
	transition: all 0.3s ease-in-out;
}
.bbg_right ul li a div:hover{
	transform: scale(1.1); 
	background:#085fa3;
}
.cal_list ul li {
	transition: all 0.3s ease-in-out;
}
.cal_list ul li:hover {
	transform: scale(1.1); 
}
.photo_bx_wrap div img{
	transition: all 0.3s ease-in-out;
}
.photo_bx_wrap div img:hover {
	transform: scale(1.1); 
}



.main-visual {  text-align: center; }
.slogan-text {  padding: 20px; font-size: 26px; font-weight: bold;  background-color: #001a4d;  color:#fff; padding-bottom: 80px;}
.slogan-text span { color: #fff100; }

/* Àüü Ä«µå ÄÁÅ×ÀÌ³Ê */
.card-wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; align-items: stretch;  margin-top: -60px; margin-bottom: 40px;}

.card-wrapper > a{ flex: 1 1 165px; }

/* °øÅë Ä«µå ½ºÅ¸ÀÏ */
.card-base {  height: 100%; width:100%; border-radius: 15px; padding: 12px; box-sizing: border-box; display: flex; flex-direction: column; transition: transform 0.2s; position:relative;}

.card-banner { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.3); text-align: left; justify-content: space-between; }
.banner-row { border-bottom: 1px solid #576c8f; padding-bottom: 8px; margin-bottom: 8px; font-size:19px; color:#fff; width:100%;}
.banner-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.card-banner.card-dark { background: #001a4d;  align-items: baseline; border:0;  border-radius: 0 0 60px 0;}

.card-white { background: #fff; color: #000; align-items: center; justify-content: center; box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2); }
.card-white .card-title { font-weight: bold; font-size: 21px; margin-top: 15px;  width: 80%; padding-bottom: 5px; }
.card-white .card-click { position:absolute;     bottom: -12px;}

.card-wrapper a:nth-child(6) { margin-right: 20px; }



.ncal_list ul li {padding:9px 15px;}
.cali {width:30px;}
.cali > img {width:100%;}
.calt {margin-left:15px;}
.cali, .calt {height:37px; line-height:37px;}
.cal_tit{position:relative; z-index:8; padding-bottom:0; }
.bear1, .bear2{ display:inline-block; }
.ncal_wrap{margin-top: -8px;}

@media (max-width: 1220px) {
.card-wrapper > a { flex: 0 0 calc(33.33% - 15px); min-height: auto; }
.card-wrapper a:nth-child(6) { margin-right: 0; }

.card-banner.card-dark {   border-radius:15px;}
}

@media (max-width: 680px) {
.card-wrapper > a { flex: 0 0 calc(50% - 15px);  }
.slogan-text {   font-size: 24px;}

}

@media screen and (max-width: 700px){
.bear1 img{ width: 160px; }
.bear2 img{ width: 160px; }
}

@media screen and (max-width: 600px){
.bear1 img{ width: 140px; }
.bear2 img{ width: 140px; }
}

@media screen and (max-width: 550px){
.bear1 img{ width: 120px; }
.bear2 img{ width: 120px; }
}


@media screen and (max-width: 1420px) {
.content_wrap .vis .bx-wrapper .bx-prev { right:114px;}
.content_wrap .vis .bx-wrapper .bx-next { right:0px;}
.content_wrap .vis .bx-wrapper .bx-start { right:76px;}
.content_wrap .vis .bx-wrapper .bx-stop { right:38px;}
.cal_list ul li{ float:none;display:inline-block;}

}

@media screen and (max-width: 1000px) {
	
	.event_wrap{ float:left; width:calc( ( 100% - 60px ) / 2) ; margin-left:20px; }
	.bus_wrap{ float:left; width:calc( ( 100% - 60px ) / 2) ; }

	.ncal_list{width: 100%; }
	.ncal_list ul li{ width:calc( ( 100% - 60px ) / 2) ; margin-left:20px;}
	.ncal_list ul {margin-bottom:20px; padding:0;}
}


@media screen and (max-width: 800px) {
	
	.event_wrap{ float:left; width:calc( ( 100% - 60px ) / 2) ; margin-left:20px; }
	.bus_wrap{ float:left; width:calc( ( 100% - 60px ) / 2) ; }
}


@media screen and (max-width: 700px) {
	.bbg_left{ float:left;width: 160px; padding-left:0;}
	.bbg_right{ float:left;  width: calc( 100% - 170px ) ;}
}


@media screen and (max-width: 600px) {
	.bbg_left{ float:left;width: 100%; }
	.bbg_left ul{ overflow:hidden; margin-bottom:20px;}
	.bbg_left ul li{ width: 33%; float:left; letter-spacing: -2px;}
	.bbg_right{ float:left;  width: 100% ;}
}

@media screen and (max-width: 600px) {
	
	.ncal_list{width: 100%;}
	.event_wrap{ float:left; width: calc( 100% - 40px ) ; margin-left:20px; margin-right:20px; margin-bottom:20px;}
	.bus_wrap{ float:left; width:calc( 100% - 40px )  ;  margin-left:20px; margin-right:20px;}
}