.main_wrap > section .marti_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}


/* 4개바로가기 */
.spot_bn_01 {position:relative; }
.spot_bn_01 ul:after {content:''; display:block; clear:both;}
.spot_bn_01 ul li {float:left; width:50%; background:#fff;}
.spot_bn_01 ul li a {position:relative; display:block; height:190px; color:#000; font-size:14px; padding:20px; box-sizing:border-box; }
.spot_bn_01 ul li a span {display:block; letter-spacing:-.5px;}
.spot_bn_01 ul li a span.bn_title {font-size:19px; font-weight:bold; color:#333;  margin-bottom:20px;  letter-spacing:-1px}
.spot_bn_01 ul li a span.bn_txt {font-size:13px; color:#888;}
.spot_bn_01 ul li a span.bn_go {position:absolute; right:20px; bottom:10px; color:#333; opacity: .5; font-size:40px;}
.spot_bn_01 ul li:hover a span.bn_go {opacity: 0;}
.spot_bn_01 ul li.bn_01 {background:#f8c426; }
.spot_bn_01 ul li.bn_01 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_01 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_02 {background:#0070bf;  }
.spot_bn_01 ul li.bn_02 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_02 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_03 {background:#0070bf;}
.spot_bn_01 ul li.bn_03 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_03 a span.bn_txt {color:#fff;}
.spot_bn_01 ul li.bn_04 {background:#f8c426;}
.spot_bn_01 ul li.bn_04 a span.bn_title {color:#fff;}
.spot_bn_01 ul li.bn_04 a span.bn_txt {color:#fff;}

.spot_bn_01 ul li.bn_03,
.spot_bn_01 ul li.bn_04 {opacity: 1;}

@media screen and (min-width: 768px) {
	.spot_bn_01 {width:100%; margin:0 auto; padding-top:0px;}
	.spot_bn_01 ul li {width:25%;}
	.main_02 {width: 100%}
	.spot_bn_01 ul:after {content:''; display:block; clear:both;}

}
@media screen and (min-width: 1300px) {
	.spot_bn_01 {position:absolute; top:10px; left:50%; margin-left:235px; width:415px; padding-top:30px; height:280px }
	.spot_bn_01 ul li {width:50%;}
	.spot_bn_01 ul li.bn_03,
	.spot_bn_01 ul li.bn_04,
	.spot_bn_01 ul li.bn_05 {opacity: .98;}
}



.mainblock_wrap2 {width:100%; clear:both; height:400px; margin-top: 10px}

.mainblock{width: 1300px; max-width: 100%; margin: 0px auto; clear:both;}





/*20210408추가*/


.mspot_bn_01 {position:relative; }
.mspot_bn_01 ul:after {content:''; display:block; clear:both;}
.mbn_01{float:left; width:50%;}
.mbn_02{float:left; width:50%;}
.mbn_03{float:left; width:50%;}
.mbn_04{float:left; width:50%;}



.mspot_bn_01 ul li a {position:relative; display:block; height:190px; color:#000; font-size:14px; padding:20px; box-sizing:border-box;text-align: center;
    display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mspot_bn_01 ul li a span {display:block; letter-spacing:-.5px;}
.mspot_bn_01 ul li a span.mbn_title {font-size:21px; font-weight:bold; color:#fff;}
.mspot_bn_01 ul li a span.mbn_txt {font-size:13px; color:#888;}
.mspot_bn_01 ul li a span.mbn_go {position:absolute; right:20px; bottom:10px; color:#333; opacity: .5; font-size:40px;}

.mspot_bn_01 ul li.mbn_01 {background-image: url(/images/bg_1.jpg); background-size: cover; background-repeat: no-repeat; background-position:center;}
.mbn:hover .mbn_title{color:#bfff00;}
.mspot_bn_01 ul li.mbn_02 {background-image: url(/images/bg_2.jpg); background-size: cover; background-repeat: no-repeat; background-position:center;}

.mspot_bn_01 ul li.mbn_03 {background-image: url(/images/bg_3.jpg); background-size: cover; background-repeat: no-repeat; background-position:center;}

.mspot_bn_01 ul li.mbn_04 {background-image: url(/images/bg_4.jpg); background-size: cover; background-repeat: no-repeat; background-position:center;}

.mspot_bn_01 ul li.mbn_03,
.mspot_bn_01 ul li.mbn_04 {opacity: 1;}

@media screen and (min-width: 768px) {
	.mspot_bn_01 {width:100%; margin:0 auto; padding-top:0px;}
	.mbn_01{float:left; width:25%;}
	.mbn_02{float:left; width:25%;}
	.mbn_03{float:left; width:25%;}
	.mbn_04{float:left; width:25%;}
	.main_02 {width: 100%}
	.mspot_bn_01 ul:after {content:''; display:block; clear:both;}

}
@media screen and (min-width: 1300px) {
	.mspot_bn_01 {position:absolute; top:10px; left:50%; margin-left:235px; width:415px; padding-top:30px; height:280px }
	.mspot_bn_01 ul li {width:50%;}
	.mspot_bn_01 ul li:nth-child(3){float:left; width:50%;}

}


























/* 게시판들 */
.board_width_wrap {
	width: 1330px; max-width: 100%;margin: 0px auto;  margin-top: 10px; }
.mblock_style_03 > div > ul:after {content:''; display:block; clear:both;}
.mblock_style_03 > div > ul > li {float:left; display: block; width:100%; overflow:hidden; -moz-box-sizing: border-box; box-sizing:border-box; padding: 15px; }
.mblock_style_03 > div > ul > li > div {padding:0px; box-sizing:border-box;  position:relative;}
.mblock_style_03 > div > ul > li > div > a {display:block;}

.mblock_style_03 > div > ul > li > div.block{ }

/* cont_banner */
.cont_banner{
	width: 100.5%;
	height: 110px;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: #fedcdb;
}
.cont_banner .cont_banner_wrap{
	box-sizing: border-box;
	padding: 15px;
	margin: 0 20px;
	height: 100%;
	background-image:url(/images/main/cont_banner.png);
	background-repeat: no-repeat;
    background-position: right center;
}
.cont_banner .cont_banner_wrap a{
	box-sizing: border-box;
}
.cont_banner .cont_banner_wrap a h3{
	padding-top: 10px;
	font-size: 24px;
	color: #9a0021;
}
.cont_banner .cont_banner_wrap a span{}
.cont_banner .cont_banner_wrap a span:after{
	content: '';
	display: inline-block;
	width: 36px;
    height: 15px;
	transform: translateX(5px) translateY(2px);
	background-image:url(/images/main/banner_more.png);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.cont_banner .cont_banner_wrap a h3{
		padding-top: 5px;
		font-size: 20px;
	}
}
@media screen and (max-width: 800px) {
	.cont_banner{
		height: 85px;
	}
}
@media screen and (max-width: 767px) {
	.cont_banner{
		height: 110px;
	}
	.cont_banner .cont_banner_wrap a h3{
		padding-top: 12px;
	}
}

@media screen and (min-width: 1000px) {
	.mblock_style_03 > div > ul > li > div  {/*min-height:310px;*/}
	.mblock_style_03 > div > ul > li.block {width:66.66%;  }
	.mblock_style_03 > div > ul > li.last {width:33.33%; }
}

@media screen and (min-width: 1100px) {
  .mblock_style_03 > div > ul > li > div  {/*min-height:295px;*/}
}

@media screen and (max-width: 640px) {
  .mblock_style_03 { margin-top: 20px}
}

/* 공지사항 */
.cont_notice{width: 100%; position: relative; border:1px solid #dedede; }
.cont_notice h3{font-size: 24px;letter-spacing: -1pt;line-height: 120%;color: #000; padding-top: 13px;padding-right: 0;padding-bottom: 0px;padding-left: 20px; }
.cont_notice .more{	position: Absolute;	top: 20px;	right: 20px;}
.cont_notice .more img{ width:24px; height:24px}
.notice_first{	overflow: hidden; clear:both; width:100%; height:70px; border-bottom:1px solid #dedede;}

.notice_first .img{display: block;width:5%;height: 85px;float: left;}
.notice_first .img img{ width:45px; height:45px; padding:10px 0 0 15px}
.notice_first > div{width:95%; float:right; padding-top:10px;}
.notice_first p{overflow:hidden; clear:both; }
.notice_first p span.firsttitle a{display:block; float:left; color:#000; line-height:180%;  font-size: 18px; background:url(/images/main/ico_dot03.gif) no-repeat 0px 15px; padding-left: 10px}
.notice_first p span.firsttitle a:hover{ text-decoration:underline}
.notice_first dt a{font-size:14px; letter-spacing:-0.9pt; line-height:100%; color:#666; text-indent:2px; font-family:"Malgun Gothic","맑은 고딕" ; }
.notice_first dd a{font-size:13px; letter-spacing:-0.8pt; line-height:100%; color:#666; text-indent:2px  }

.notice_first p span.firsttitle a img{ padding-top:12px}


.cont_notice .notice_list{padding:10px 20px;}
.notice_list li{position: relative; line-height:30px; background:url(/images/main/ico_dot.gif) no-repeat 0px 15px; padding-left:8px; font-family:"Malgun Gothic","맑은 고딕"}
.notice_list li a{	display: block;	margin-right: 90px;	letter-spacing: -0.75pt; font-size:14px; line-height:30px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#666;}
.notice_list li a:hover {color:#000;}
.notice_list .date{position: absolute; right:0; top:0; color:#999;  font-size:14px; line-height:30px; }

.notice_list li a img{vertical-align:middle}



/*210615 추가*/
@media screen and (max-width: 400px) {
 .notice_first p span.firsttitle a{font-size:16px;}
}

@media screen and (min-width: 401px) {
 .notice_first p span.firsttitle a{font-size:18px;}
}



@media screen and (max-width: 1210px) {
/* .notice_first p span.firsttitle a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%;} */
}


/* 센터소식 */
.cont_news{width: 100%; position: relative;border:1px solid #dedede;}
.cont_news h3{font-size: 24px;letter-spacing: -1pt;line-height: 120%;color: #000; padding-top: 13px;padding-right: 0;padding-bottom: 0px;padding-left: 20px; }
.cont_news .more{	position: Absolute;	top: 20px;	right: 20px;}
.cont_news .more img{ width:24px; height:24px}
.news_first{	overflow: hidden; clear:both; width:100%; height:70px; border-bottom:1px solid #dedede;}

.news_first .img{display: block;width:5%;height: 85px;float: left;}
.news_first .img img{ width:45px; height:45px; padding:10px 0 0 15px}
.news_first > div{width:95%; float:right; padding-top:10px;}
.news_first p{overflow:hidden; clear:both; }
.news_first p span.firsttitle a{display:block; float:left; color:#000; line-height:180%;  font-size: 18px; background:url(/images/main/ico_dot03.gif) no-repeat 0px 15px; padding-left: 10px}
.news_first p span.firsttitle a:hover{ text-decoration:underline}
.news_first dt a{font-size:14px; letter-spacing:-0.9pt; line-height:100%; color:#666; text-indent:2px; font-family:"Malgun Gothic","맑은 고딕" ; }
.news_first dd a{font-size:13px; letter-spacing:-0.8pt; line-height:100%; color:#666; text-indent:2px  }

.news_first p span.firsttitle a img{ padding-top:12px}


.cont_news .news_list{padding:10px 20px;}
.news_list li{position: relative; line-height:30px; background:url(/images/main/ico_dot.gif) no-repeat 0px 15px; padding-left:8px; font-family:"Malgun Gothic","맑은 고딕"}
.news_list li a{	display: block;	margin-right: 90px;	letter-spacing: -0.75pt; font-size:14px; line-height:30px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#666;}
.news_list li a:hover {color:#000;}
.news_list .date{position: absolute; right:0; top:0; color:#999;  font-size:14px; line-height:30px; }

.news_list li a img{vertical-align:middle}





 /*qm주요메뉴링크 */
.qm_width_wrap {width: 1330px; max-width: 100%;margin: 0px auto; margin-top:20px; margin-bottom:10px;}
.qmblock > div > ul:after {content:''; display:block; clear:both;}
.qmblock > div > ul > li {float:left; display: block; width:33.3%; overflow:hidden; padding:0px; -moz-box-sizing: border-box; box-sizing:border-box;}
.qmblock > div > ul > li > div {padding:0px; box-sizing:border-box; border:1px solid #e7e7e7; position:relative; height:110px }
.qmblock > div > ul > li > div > a {display:block;}

.qblock .qm { text-align:center;  font-size:15px; height:110px;}
.qblock .qm a {color:#333; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:90px; padding-top:20px}
.qblock .qm a:hover {color:#ddffff; background:#47cac9; height:90px;}


@media screen and (min-width: 768px) {
	.qmblock > div > ul > li > div  {min-height:110px;}
	.qmblock > div > ul > li {width:16.5%; }
}
@media screen and (min-width: 1100px) {
  .qmblock > div > ul > li > div  {min-height:110px;}
}

@media screen and (max-width: 960px) {
	.cont_notice h3{font-size: 20px;letter-spacing: -1pt;line-height: 120%;color: #000; padding-top: 13px;padding-right: 0;padding-bottom: 0px;padding-left: 20px; }

}

@media (min-width:768px) and (max-width:1100px){
	
	.qblock .qm { text-align:center; margin-top:20px; font-size:12px}

}



 /*mi배너링크 */
.miblock H3 {background:#FFFFFF; padding-left:25px}
.miblock H3::before {
	border-radius: 100%; border: 3px solid #275da2; border-image: none; left: 5px; top: 12px; width: 12px; height: 12px; position: absolute; content: ""; box-sizing: border-box;
}

.mi_width_wrap {width: 100%;margin: 0px auto; margin-top:20px; margin-bottom:10px;}
.miblock > div > ul:after {content:''; display:block; clear:both;}
.miblock > div > ul > li {float:left; display: block; width:100%; overflow:hidden; padding:0px; -moz-box-sizing: border-box; box-sizing:border-box;}
.miblock > div > ul > li > div {padding:0px; box-sizing:border-box; border:1px solid #e7e7e7; position:relative; height:80px }
.miblock > div > ul > li > div > a {display:block;}

.iblock .mi01 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi01 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#00b6b3}
.iblock .mi01 a:hover {color:#fff; background:#60d8d6; height:60px;}

.iblock .mi02 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi02 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#008db8}
.iblock .mi02 a:hover {color:#fff; background:#57b2ce; height:60px;}

.iblock .mi03 { text-align:left;  font-size:15px; height:80px;}
.iblock .mi03 a {color:#fff; -webkit-transition: .3s ease-out; -o-transform: .3s ease-out; -moz-transform: .3s ease-out; transition: .3s ease-out; height:60px; padding-top:20px; padding-left:25px; background:#285f9a}
.iblock .mi03 a:hover {color:#fff; background:#517fb1; height:60px;}

.miblock ul li a span.bn_go {position:absolute; right:20px; bottom:10px; color:#333; opacity: .5; font-size:40px;}
.miblock ul li:hover a span.bn_go {opacity: .9;}
@media screen and (min-width: 768px) {
	.miblock > div > ul > li > div  {min-height:80px;}
	.miblock > div > ul > li {width:100%; }
}
@media screen and (min-width: 1100px) {
  .miblock > div > ul > li > div  {min-height:80px;}
}

@media screen and (max-width: 768px) {
	.miblock H3 {background:#FFFFFF; padding-left:25px; margin-top:-10px}
.miblock H3::before {
	border-radius: 100%; border: 3px solid #275da2; border-image: none; left: 5px; top: 12px; width: 12px; height: 12px; position: absolute; content: ""; box-sizing: border-box;
}
}

@media (min-width:768px) and (max-width:1100px){
	
	.iblock .mi { text-align:center; margin-top:20px; font-size:12px}

}


/* 라인 */
.line_wrap {width:100%;margin: 0px auto; margin-top:20px; margin-bottom:0px; }
.line { width:1300px; margin: 0px auto; border-top:3px solid #000;}

@media screen and (max-width: 768px) {
.line_wrap{ display:none}
}




/* 퀵메뉴와 센터일정 */
.board_width_wrap2 {width: 1300px; max-width: 100%;margin: 0px auto; clear: both; height: 296px; margin-top: 10px}
.qmenuwrap {float: left; width:66% }
.calendarwrap{width: 100%; float: right}


/* 퀵메뉴 */
.mb02_link {display: table; table-layout: fixed;}
.mb02_link > a {transition:0.001s; height: 266px; text-align: center; color: rgb(64, 64, 64); font-size: 18px; vertical-align: middle; display: table-cell; box-sizing: border-box;width: 215px}
.mb02_link > a::before {height: 90px; margin-bottom: 15px; display: block; content: ""; }
.mb02_link > a.mbl01 {border-top-color: rgb(255, 255, 255); border-right-color: rgb(219, 219, 219); border-top-width: 0px; border-right-width: 1px; border-top-style: solid; border-right-style: solid;line-height: 28px; 	}
.mb02_link > a.mbl01 span {font-size: 13px; color: #afafaf}
.mb02_link > a.mbl02 {border-top-color: rgb(255, 255, 255); border-right-color: rgb(219, 219, 219); border-top-width: 0px; border-right-width: 1px; border-top-style: solid; border-right-style: solid;line-height: 28px; }
.mb02_link > a.mbl02 span {font-size: 13px; color: #afafaf; }
.mb02_link > a.mbl03 {border-top-color: rgb(255, 255, 255); border-right-color: rgb(219, 219, 219); border-top-width: 0px; border-right-width: 1px; border-top-style: solid; border-right-style: solid;line-height: 28px; }
.mb02_link > a.mbl03 span {font-size: 13px; color: #afafaf; }
.mb02_link > a.mbl04 {	border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid;line-height: 28px;}
.mb02_link > a.mbl04 span {font-size: 13px; color: #afafaf; }
		  
.mb02_link > a.mbl01::before {background: url("/images/main/qmenu05.png") no-repeat top / auto 100%; }
.mb02_link > a.mbl02::before {background: url("/images/main/qmenu06.png") no-repeat top / auto 100%;}
.mb02_link > a.mbl03::before {background: url("/images/main/qmenu03.png") no-repeat top / auto 100%; }
.mb02_link > a.mbl04::before {background: url("/images/main/qmenu04.png") no-repeat top / auto 100%;}
		  
.mb02_link > a.mbl01:hover {border:3px solid #f04b85;}	  
.mb02_link > a.mbl01:focus {border:3px solid #f04b85;}	  
.mb02_link > a.mbl02:hover {border:3px solid #a3c055;}
.mb02_link > a.mbl02:focus {border:3px solid #a3c055;}
.mb02_link > a.mbl03:hover {border:3px solid #47cec3;}
.mb02_link > a.mbl03:focus {border:3px solid #47cec3;}
.mb02_link > a.mbl04:hover {border:3px solid #1f7fb1;}
.mb02_link > a.mbl04:focus {border:3px solid #1f7fb1;}
@media screen and (max-width: 1024px) {
.mb02_link > a.mbl01 span {display: none}
.mb02_link > a.mbl02 span {display: none}
.mb02_link > a.mbl03 span {display: none}
.mb02_link > a.mbl04 span {display: none}
}


/*메인 센터일정*/
#calendar { float:right; width: 99.45%;height: 268px;position:relative; font-size:14px; background:#fff; border:1px solid #dedede; border-top:none;box-shadow:2px 2px 2px #d4d4d4;}
#calendar .more{position: Absolute;	top: 20px;	right: 20px;}

#calendar h3{font-size: 24px;;color: #fff;font-weight: bold;padding-top: 5px;padding-right: 0;padding-bottom: 20px;padding-left: 10px;height:28px; margin-top:0; border-bottom:2px solid #fff; margin:0 30px 0 30px;}

#calendar td.d_eleven {font-size: 12px; font-weight:bold; color:#888888;text-align:center;  }
#calendar td.sunday_red{color: #e20404; font-size:12px;text-align:center;  }
#calendar td.saturday_blue{color: #7baded;; font-size:12px; text-align:center; }
#calendar  table {background:#fff; margin-top:0px; width:92%; margin-left:4%;margin-right:4%}
#calendar  table tr td { text-align:center; color:#888888;font-size:12px;}
#calendar  table tr td a{color:#000; size:12px; font-weight:600; text-decoration:underline}

#calendar .month {position:absolute;top: 16px;right: 90px; color:#333; font-size:14px; font-weight:600;}
#calendar .month span {color:#0d60bf; font-size:28px; font-weight:600; margin-left: 5px}
#calendar .left{position:absolute;top: 22px;right: 180px;}
#calendar .right{ position:absolute;top: 22px;right: 65px;}
.calbox {width:80%; margin-left:10%; margin-top:7%; background:url(/images/main/img_clock.png) no-repeat right bottom}
@media screen and (max-width: 768px) {
	#calendar { padding-bottom:15px}
	
	.qmenuwrap { display: none}
	.calendarwrap {width: 100%}
}





 /* 포토갤러리 */
.board_width_wrap3 {
	width: 1300px; max-width: 100%;margin: 0px auto; margin-top: 0px }
.whereWrap {text-align: left;} 
.whereWrap h2 { color:#000; text-align:center; font-size: 30px; padding-top:0px; height:100px}
.whereWrap h2 p{ color:#929292; font-size: 14px; }

.whereWrap > ul {
	margin: 0px 0px;
}
.whereWrap > ul:first-child {
	margin-top: 0px;
}
.whereWrap > ul > li > a {
	
}
.whereWrap ul::after {
	clear: both; display: block; content: "";
}
.whereWrap ul li {
	width: 23.59%; margin-right: 1.5%; margin-bottom: 20px; vertical-align: top; display: inline-block;transition:all 0.3s;
}
.whereWrap ul li:nth-child(4n) { margin-right: 0; 
}
.whereWrap ul li:nth-child(8n) { margin-right: 0; 
}
.whereWrap ul li a {
	display: block; position: relative; min-height: 70px; border-width:1px; border-style: solid; border-color:#e2e2e2;  transition:0.4s;
}
.whereWrap ul li a:hover{
	border-width:1px; border-style: solid; border-color: #abcf2d; 
}
.whereWrap ul li:first-child a {
	margin-left: 0px;
}
.whereWrap ul li a .region {
	background: rgb(1, 62, 149); padding: 0px 10px; left: 15px; top: 0px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; letter-spacing: -0.3px; font-size: 13px; position: absolute; z-index: 2;
}
.whereWrap ul li a .region::before {
	height: 32px; vertical-align: middle; display: inline-block; content: "";
}
.whereWrap ul li a .pic {
	width: 100%; height: 185px; overflow: hidden;
}
.whereWrap ul li a .pic span {
	left: 0px; top: 0px; display: none; position: absolute;
}
.whereWrap ul li a .cnt {
	background: rgb(255, 255, 255);padding: 15px; border-image: none; text-align: left; min-height: 30px;
}
.whereWrap ul li a:hover .cnt{
	background:#abcf2d; padding: 15px; border-image: none; text-align: left; min-height: 30px; 
}

.whereWrap ul li a .cnt .exp {
	 color: rgb(119, 119, 119); line-height: 25px; overflow: hidden; font-size: 14px;  transition:0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%
}

.whereWrap ul li a:hover .cnt .exp{
	 color:#fff; 
}	

.whereWrap ul li a .cnt .course {
	width: 100%; height: 80px; overflow: hidden;
}
.event .whereWrap ul li a .cnt {
	min-height: 90px;
}
.whereWrap .cnt {
	position: relative;
}
.whereWrap ul li a:focus {
	outline: rgb(102, 102, 102) dotted 1px;
}
.whereWrap ul li a:hover .region {
	background-position: 0px -59px; color: rgb(255, 255, 255);
}
.whereWrap ul li a:hover .pic span {
	display: block;
}
.whereWrap ul li a:hover .cnt {
}
.whereWrap ul li a:hover .cnt * {
	
}
.whereWrap ul li a:hover .info {
	color: rgb(255, 255, 255);
}

.whereWrap ul li a:hover .cnt p span.first {
	background-image: none;
}
.whereWrap ul li a:hover .cnt .price span {
	color: rgb(255, 212, 7);
}

.pic img {
	width: 100%; max-width: none;
}
.thumb img {
	width: 100%; max-width: none;
}
.course_thumb img {
	width: 100%; max-width: none;
}
.whereWrap .rBox {
	margin: 0px;
}
.pic > img {
	transition:0.3s ease-in-out; width: 100%; height: 100%;
}

.whereWrap ul li:hover{transform:translate(0px, -3px);box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 15%);}



	.btn-group-sm>.btn, .btn-ssm {
	padding: .5rem 1.9rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: 0rem; margin-bottom:20px
}
	.btn-group-sm>.btn, .btn-ssm a{
	transition:0.4s
}

.btn-mbt {color: #fff; background-color: #abcf2d; transition:0.4s; margin-bottom: 50px
	}
.btn-mbt a{
	color: #fff; background-color: #abcf2d; transition:0.4s;  }
.btn-mbt:hover {
	color: #fff;
	background-color: #74a711;
}



@media screen and (min-width:1200px)
{
.whereWrap > ul { margin-left:0%
}
}
@media screen and (max-width:1200px)
{

.pageNavWrap .pageNavSubWrap {
	width: 100%;
}
.whereWrap ul li {
	margin: 0px 0% 15px;
}
.whereWrap ul li a .pic:not(.drawg_img) {
	min-height: 200px;
}
.whereWrap .rBox {
	display: none;
}

}
@media screen and (max-width:950px)
{
.whereWrap {
	text-align: center;
}
.whereWrap ul li {
	width: 49%; display: inline-block;
}

}
@media screen and (max-width:768px)
{

.whereWrap ul li a .pic:not(.drawg_img) {
	max-height: 170px;
}


.whereWrap ul li:nth-child(5n) { display:none
}
.whereWrap ul li:nth-child(6n) { display:none
}
.whereWrap ul li:nth-child(7n) { display:none	
}
.whereWrap ul li:nth-child(8n) { display:none	
}

.whereWrap h2 p{ color:#929292; font-size: 12px; }

}
@media screen and (max-width:480px)
{
.whereWrap ul li {
	margin: 0px 0px 15px; width: 90%; display: inline-block;
}
.whereWrap ul li a .pic {
	height: auto;
}

}





.calenar_head{width:100%; height:105px; background:#fedcdb; box-shadow:2px 2px 2px #d4d4d4; position:relative; cursor:pointer;}
.calenar_head h2{position:absolute; top:15px; left:30px; color:#a40035; font-weight:bold;}
.calenar_head p{position:absolute; top:55px; left:30px; color:#a40035; line-height:20px;}
.calenar_head .jb{position:absolute; top:15px; right:35px;}



@media (min-width:768px) and (max-width:1000px){
	
	.calenar_head{width:100%; height:195px;}
	.calenar_head .jb{position:absolute; top:100px; right:35px;}
}



.wh_index{background:#fedcdb; color:#a40035; display:inline-block; padding:2px 5px; border-radius:5px;}