@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.05.10 | 문영신 | 최초 등록
 * 2019.05.21 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.07.24 | 문영신 | #sns1 블로그 카드 별도 배치
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.05.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


/* 코로나바이러스현황판 20200221 */

/*코로나 바이러스 topbanner*/
    a.topbanner_btn:hover{text-decoration: none;}
	a.topbanner_btn{color:#333; font-weight:bold;}
    .topbanner{height:111px}
    .topbanner_inner{margin: 0 auto; width: 956px;}
    .corona{background: url(/_res/portal/img/main/coronabg.png)no-repeat 100% 100%;}
    .corona p.headtit{margin:0; padding: 15px 0 8px;color: #fff;text-align: center;font-size: 20.61px;}
    .corona p.headtit > .date{margin-left: 6px;font-size: 18px;color: #333; letter-spacing: 1px;}
    .topbanner_inner::after{content: ''; display: block; clear: both;}
    .topbanner_inner > div{float: left; padding: 8px 19px 6px 8px;margin-right: 1.24%;height: 32px;background: #fff;border-radius: 7px;}
    .topbanner_inner > div::after{content: ''; display: block; clear: both;}
    
    .corona .topbanner_inner > div.corona_box1{width: 25%;}
    .corona .topbanner_inner > div.corona_box1  span.tit{background: #166fc6}
    
    .corona .topbanner_inner > div span.tit{float: left;width: 89px;height: 31px;font-size: 15px;line-height: 33px;text-align: center;color: #fff;background: #7a7a7a;border-radius: 7px;}
    .corona .topbanner_inner > div > ul{float: right;width: 46%;}
    .corona .topbanner_inner > div > ul > li{font-size: 14px; line-height: 1.15;}
    .corona .topbanner_inner > div > ul > li span{}
    .corona .topbanner_inner > div > ul > li .count{float: right; margin-right:0.3em; display: inline-block;text-align: right;}
    .corona .topbanner_inner > div > ul > li span.stit{float: left;padding: 5px 9px;font-size: 13px;color: #014d97;background: #ccdff1; border-radius: 30px;}
    .corona .topbanner_inner > div ul.coronalist{float:right; margin:0;}
    .corona .topbanner_inner > div ul.coronalist >li{font-size: 14px; line-height: 1.15;}
    .corona .topbanner_inner > div ul.coronalist >li.nationwide{ padding-top: 1px; font-size: 0.9em;}

    
    .corona .topbanner_inner > div.corona_box2{width: 40%;}
    .corona .topbanner_inner > div.corona_box2 span.tit{background:#e46969}
    .corona .topbanner_inner > div.corona_box2 > ul{padding-top: 5px;width: 73%;}
    .corona .topbanner_inner > div.corona_box2 > ul::after{content: ''; display: block; clear: both;}
    .corona .topbanner_inner > div.corona_box2 > ul > li{float: right; width: 55%;}
    .corona .topbanner_inner > div.corona_box2 ul.coronalist > li{text-align: right;line-height: 1.5;}
    .corona .topbanner_inner > div.corona_box2 > ul > li:first-child{float: left;padding-right: 11px;margin-right: 3%;border-right: 1px solid #ddd;width: 36%;;}
    
    
    .corona .topbanner_inner > div.corona_box3{margin-right: 0;width: 23.32%;}
    .corona .topbanner_inner > div.corona_box3::after{content: ''; display: block; clear: both;}
    .corona .topbanner_inner > div.corona_box3 > div{float: left;width: 100%;}
    .corona .topbanner_inner > div.corona_box3 > div:last-child{width: 48%;display: none;}
    .corona .topbanner_inner > div.corona_box3 > div > ul{float: right;padding-top: 8px; padding-right: 12px;text-align: right;}
    .corona .topbanner_inner > div.corona_box3 > div:last-child > ul{padding-right: 0;}
    .corona .topbanner_inner > div.corona_box3 > div:first-child{margin-right: 8px;/* border-right: 1px solid #ddd; */} 




/*코로나 바이러스 topbanner*/    
@media only screen and (max-width: 1230px){
    .topbanner_inner{width: 98%;}
    .topbanner_inner > div{padding: 8px 9px 6px 8px;}
     .corona .topbanner_inner > div span.tit{margin-right: 9px;width: 80px;}
    .corona .topbanner_inner > div.corona_box2 > ul{width: 76%}
    .corona .topbanner_inner > div.corona_box3 > div:first-child {margin-right: 5px;}
    .corona .topbanner_inner > div.corona_box3 > div > ul{padding-right: 7px;}

}
    
    
@media only screen and (max-width: 1024px){
    .corona{height: 271px; background: #e2ebf4;}
    .corona .topbanner_inner{width: 70%;}
    .corona .topbanner_inner > div{padding: 8px 16px 6px 8px;margin-bottom: 7px;width: 94% !important;height: 46px;}
    .corona .topbanner_inner > div span.tit{margin-right: 9px;width: 41%;height: 45px;line-height: 45px;}
    .corona .topbanner_inner > div > ul{width: 48%;}
    .corona .topbanner_inner > div ul.coronalist >li{line-height: 1.6}
    .corona .topbanner_inner > div.corona_box2 > ul{padding-top: 3px;width: 55%; height: 100%;}
    .corona .topbanner_inner > div.corona_box2 > ul > li{padding: 8px 0px; height: 100%}
    .corona .topbanner_inner > div.corona_box3 > div > ul{padding-top: 11px;}
   
    
}
    
@media only screen and (max-width: 900px){
    .corona .topbanner_inner{width: 80%;}    
}

@media only screen and (max-width: 700px){
    .corona .topbanner_inner{width: 90%;}   
    .corona .topbanner_inner > div.corona_box3 > div {width: 100%;}
    .corona .topbanner_inner > div.corona_box3 > div:last-child {width: 46%;}
}

@media only screen and (max-width: 526px){
    .corona{height: 311px;}
    .corona .topbanner_inner{width: 92%;}    
    .corona .topbanner_inner > div span.tit{width: 38%; float:left;}
    .corona .topbanner_inner > div > ul {width: 57%;}
    .corona .topbanner_inner > div.corona_box2{height: 64px;}
    .corona .topbanner_inner > div.corona_box2 > ul{width: 59%;}
    .corona .topbanner_inner > div.corona_box2 > ul > li{padding: 0;width: 100%;height: auto;}
    .corona .topbanner_inner > div.corona_box2 > ul > li:first-child {padding-right: 0;margin-bottom: 3px;}
    .corona .topbanner_inner > div.corona_box2 span.tit {background: #e46969;height: 55px;line-height: 55px;}
    .corona .topbanner_inner > div.corona_box2 > ul > li:first-child{width: 100%;border-right: 0}
    .corona .topbanner_inner > div.corona_box3 span.tit{width: 53%;}

}


@media only screen and (max-width: 475px){
.corona p.headtit > .date{display: block; }

}


@media only screen and (max-width: 330px){
	.corona .topbanner_inner > div > ul {  width: 58%;}
	.corona .topbanner_inner > div.corona_box2 > ul {width: 58%;}
}                


/* 코로나19 상황알림 팝업 20200916 */

	/* ☆ */
	.pr1{
		position:relative;
		width:500px;
		margin:0px auto;
		padding:0;
	}
	.pr1 .hg1{
		font-size:22px;
		/*margin:0 0 1em;*/
		background-color:#152e5b;/*#2b569b url(top_01.jpg) no-repeat bottom right;*/
	   text-align:center;
		/*border-radius:20px;*/
		overflow:hidden;
	} 
	.pr1 .hg1 .h1{
		color:#ffefbf;
		font-size:0em;
		letter-spacing:-.0625em;
		margin:0;
	}
	.pr1 .hg1 .h1>.logo{display:inline-block;vertical-align:middle;}
	.pr1 .hg1 .h1>.logo img{width:auto;height:20px;}
	.pr1 .hg1 .h1>.t2{display:inline-block;vertical-align:middle;}
	.pr1 .hg1 .t1{
		color:#ffefbf;
		font-size:18px;font-weight:600;
		margin:0;padding:0px 0 10px 0; 
	}

	/* ☆ */
	#pop20200916{ position:absolute; z-index:100;}
	#pop20200916 .info1{
		background:#f7f7f7;
		position:relative;
		font-weight:600;
		text-align:center;
		padding:20px;
	}
	#pop20200916 .info1 dl{
		background:#fff;
		border-radius:20px;
		margin:0;
		overflow:hidden;
		position:relative;
	}
	#pop20200916 .info1 dl dt{
		position:absolute;left:0;top:0;bottom:0;
		width:9em;
		padding:.375em;
		background:#666;
		color:#fff;
		font-size:18px;
	}
	#pop20200916 .info1 dl dt span{display:inline-block;
		vertical-align:middle;
	}
	#pop20200916 .info1 dd{
		padding:2px 5px 10px 8em;
		letter-spacing:0;
		overflow:hidden;
		font-size:20px;
	}
	#pop20200916 .info1 .dl1 dt{background:#e53c3c;}
	#pop20200916 .info1 .dl2 dt{background:#5aba26;}
	#pop20200916 .info1 .dl3 dt{background:#2f71a8;}
	#pop20200916 .info1 .dl4 dt{background:#f8810d;}
	#pop20200916 .info1 .dl5 dt{background:#662d91;}
	#pop20200916 .info1 .dl1 .em{color:#003464;}
	#pop20200916 .info1 .dl2 .em{color:#046fd9;}
	#pop20200916 .info1 .dl3 .em{color:#000;}
	#pop20200916 .info1 .dl4 .em{color:#392ebd;}
	#pop20200916 .info1 .dl5 .em{color:#662d91;}

	/* ☆ */
	#pop20200916 .menu1{
		width:500px;
		position:relative;
		margin:0 auto;
		padding:0px;
		background:#fff;
 
	}
	#pop20200916 .menu1 a{
		display:block;
		padding:0.5em;
		border-bottom:3px solid #ccc;
		border-radius:50px;
		background:#666;
		color:#fff !important;
		line-height:1.25em;
		text-decoration:none !important;;
	}
	#pop20200916 .menu1 .a1{background:#48348a;}
	#pop20200916 .menu1 .a2{background:#384aa0;}
	#pop20200916 .menu1 .a3{background:#0059b3;}
	#pop20200916 .menu1 .a4{background:#008db3;}

	#pop20200916 .menu1 a:hover, .menu1 a:focus{background:#555}

	/* ☆ */
	#pop20200916 .hb1.h2{
		margin:0 0 .75em;
		color:#00136f;
		font-weight:600;
		font-size:30px;

	}

	/* ☆ */
	#pop20200916 .info2{
		position:relative;
		margin:0 auto 20px;
		border:2px solid #444f5d;
		color:#333;
	}
	#pop20200916 .info2 .even-grid{
		margin:2%;
	}
	#pop20200916 .info2 .column:nth-child(2n){
		border-top:1px dashed #444f5d;
	}
	#pop20200916 .info2 .h1{
		position:relative;
		padding:.5em 1.2em;
		background:#444f5d;
		color:#fff;
		font-weight:400;
		font-size:26px;
		margin:0 0 .75em;
	}
	#pop20200916 .info2 .h1 .em{
		color:#222;
	}
	#pop20200916 .info2 .h2{
		display:inline-block;
		padding:.25em .5em;
		background:#444f5d;
		font-size:20px;
	}
	#pop20200916 .info2 .h6{font-size: 25px;
    margin: 22px 0 0 20px;
	}
	#pop20200916 .info2 .h3{
		margin:.5em auto 0;
		font-size:18px;
	}
	
	#pop20200916 .info2 .h4{display: inline-block;
    padding:.25em 1em;
    background: #444f5d;
    font-size:18px;
    color: #fff;
	margin:0;
	border-radius:20px;
	}

	#pop20200916 .info2 .h5{margin: .5em auto 13px;
         font-size: 17px;
		 line-height: 1.5em;
		 color: #666;
	}

	#pop20200916 .info2 dl{
		background:#fff;
		margin:0 0 15px;
		font-size:14px;
		overflow:hidden;
	}
	#pop20200916 .info2 dl dt{clear: both;
    float: left;
    padding: 1.0px 0.375em .155em 4px;
    font-weight: bold;
    background: #444f5d;
    color: #fff;
	}
	#pop20200916 .info2 dd{
		padding:4px .375em;
		overflow:hidden;
		font-weight: bold;
	}
	
	







	/* ☆ */
#pop20200916 .h2.hb1.h2{
		margin:0 0 .75em;
		color:#00136f;
		font-weight:600;
		font-size:30px;

	}

	/* ☆ */
	#pop20200916 .info3{
		position:relative;
		margin:0 auto 20px;
		border:2px solid #444f5d;
		color:#333;
	}
	#pop20200916 .info3 .even-grid{
		margin:2%;
	}
	#pop20200916 .info3 .column:nth-child(2n){
		border-top:1px dashed #444f5d;
	}
	#pop20200916 .info3 .h1{
		position:relative;
		padding:.5em 1.2em;
		background:#444f5d;
		color:#fff;
		font-weight:400;
		font-size:26px;
		margin:0 0 .75em;
	}
	#pop20200916 .info3 .h1 .em{
		color:#222;
	}
	#pop20200916 .info3 .h2{
		display:inline-block;
		padding:.25em .5em;
		background:#444f5d;
		font-size:20px;
	}
	#pop20200916 .info3 .h6{font-size: 25px;
    margin: 22px 0 0 20px;
	}
#pop20200916 .info3 .h3{
		margin:.5em auto 0;
		font-size:18px;
	}
	
	#pop20200916 .info3 .h4{display: inline-block;
    padding:.25em 1em;
    background: #444f5d;
    font-size:18px;
    color: #fff;
	margin:0;
	border-radius:20px;
	}

	#pop20200916 .info3 .h5{margin: .5em auto 13px;
         font-size: 17px;
		 line-height: 1.5em;
		 color: #666;
	}

	#pop20200916 .info3 dl{
		background:#fff;
		margin:0 0 15px;
		font-size:14px;
		overflow:hidden;
	}
	#pop20200916 .info3 dl dt{clear: both;
    float: left;
    padding: 1.0px 0.375em .155em 4px;
    font-weight: bold;
    background: #444f5d;
    color: #fff;
	}
	#pop20200916 .info3 dd{
		padding:4px .375em;
		overflow:hidden;
		font-weight: bold;
	}
	.popClose0918 {margin: 0 0 0 0px; padding: 0 0 0 0px; left: 0px; top:0; width:100%; height:24px; background: #000; font-size: 12px; color: #ffffff; text-align:center; }
	.popClose0918 a{position:absolute; right:0;}
	.popClose0916 { position:absolute; margin: 0 0 0 0px; padding: 0 0 0 0px; left: 0px; top:745px; width:100%; height:24px; background: #000; font-size: 12px; color: #ffffff; text-align:center; }
	@media all and (min-width:640px){ /* ◇◆◇◆◇◆◇◆◇◆ */


		#pop20200916 .info2 .column:nth-child(2n){
			border:0;
			border-left:1px dashed #1b3f73;
		}


	} /* /(min-width:640px) */
	@media all and (min-width:1000px){ /* ◇◆◇◆◇◆◇◆◇◆ */


		#pop20200916{
			margin:auto;
		}
		/*#pop20200916 .pr1 .hg1{ margin:0 0 .5em;}*/
		#pop20200916.pr1 .hg1 .h1>.logo img{height:65px;}
		#pop20200916.pr1 .hg1 .t1{/*font-size:25px;*/}	
		
		/*.info1 dl dt{width:8em;font-size:20px;}

		.info1 dd{font-size:26px;	padding:5px 5px 10px 6em;}

		.menu1 a{font-size:20px;}

		.info2{margin:0 auto 30px;}*/
		



	} /* /(min-width:1000px) */


/* 코로나19 상황알림 팝업끝 20200916 */ 



/* 배치.메인 20190524 */
#wrap{}
	#wrap>.container{
		max-width:none;
	}
	#body{
		position:relative;
		margin:auto;
		line-height:1.375;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{background:#eee;}
			#body .mainbody2{}
			#body .mainbody3{}
			#body .mainbody4{background:#ddedfc;}
			#body .mainbody5{
				border-bottom:3px solid #a4aeb5;
				background:#002d5f;
			}
			#body .mainbody6{background:#f0ede5;}
			#body .mainbody7{}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{margin:auto;}
					#body .mainbody2>.container{padding:20px 0;}
					#body .mainbody3>.container{padding:20px 0;}
					#body .mainbody4>.container{padding:20px 0;}
					#body .mainbody5>.container{padding:30px 0;}
					#body .mainbody6>.container{padding:20px 0;}
					#body .mainbody7>.container{margin:auto;}
						/* #body [class*='mainwrap']{} */

#wing{}


/* #body */


/* ☆감춤 20190524 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */


/* ☆공용 20190524 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 비쥬얼.PR로테이터. 20190524 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:162px; /* 정보 보이게 >=480*(647/1920) */
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;
	background:#fff;
}
#vpr1 .mContC:first-child{z-index:1;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC .c,
#vpr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#vpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 -1000px;
}
#vpr1 .mContC .f1p1 img{display:block;width:auto;height:100%;margin:auto;}
/* 고도화 */
#vpr1 .mContC .c:focus,
#vpr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#vpr1 .mContC .c:focus .f1,
#vpr1 .mContC .a1:focus .f1{margin:-1px;}
#vpr1 .mContC.on .a1{}
#vpr1 .mContC.off .a1{}
#vpr1 .mContC.prev-on .a1{}
#vpr1 .mContC.next-on .a1{}
/* 메뉴 */
#vpr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;
	bottom:40px; /* (메뉴높이+여백) */
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:0;
	margin:auto;
	background:#ee0;
	font-size:0;
	text-align:center;
	white-space:nowrap;
}
#vpr1 .menu .w1{
	position:relative;display:inline-block;height:inherit;
}
#vpr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border:0;border-radius:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#vpr1 .menu .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
/* 제어 */
#vpr1 .mNum {display:inline-block;padding-left:45px;}
#vpr1 .mNum .m {display:inline-block;width:20px;height:20px;margin:0 3px;}
#vpr1 .mNum .m .ic1 {display:inline-block;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;margin:-8.5px;}
#vpr1 .mNum .m.on .ic1 {background:#fff;}

#vpr1 .mControl{
	display:inline-block;margin-left:5px
}
#vpr1 .mControl .m{
	width:22.5px;height:22.5px;
	margin:0 4px;text-align:center;
}
#vpr1 .mControl .m>.ic1{
	width:15px;height:15px;
	margin:-7.5px;
}
#vpr1 .mControl .prev {position:absolute;top:0;left:5px;}
#vpr1 .mControl .stop>.ic1 {text-indent:0}
#vpr1 .mControl .stop>.ic1:before, #vpr1 .mControl .stop>.ic1:after {content:"";display:inline-block;vertical-align:middle;width:3px;height:15px;background:#fff;margin:0 2px}
#vpr1 .mControl .play>.ic1 {width:0;border-width:7px;height:0;border-style:solid;border-color:transparent transparent transparent #fff;margin-left:-2px;}
#vpr1 .mControl .prev>.ic1 {border:2px solid #fff;box-sizing:border-box;border-right:0;border-bottom:0;transform:rotate(-45deg);margin:-7px -9px -7px -3px}
#vpr1 .mControl .next>.ic1 {border:2px solid #fff;box-sizing:border-box;border-right:0;border-bottom:0;transform:rotate(135deg);margin:-7px -3px -7px -9px}
#vpr1 .mControl .m.on {display:none;}

/* #vpr1 .mControl .stop>.ic1{background-image:url(../../img/main/ic45a2c2pause1.png);}
#vpr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic45a1c2left1.png);}
#vpr1 .mControl .next>.ic1{background-image:url(../../img/main/ic45a1c2right1.png);} */
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl{display:none;}


.mainwrap1{
	box-sizing:border-box; /* ☆ */
	margin:-20px;
	padding:20px;
	background:rgba(0,0,0, .3);
	overflow:hidden;
}


/* 메뉴 20190524 */
#menu1{display:block;
	position:relative;
	margin:0 auto 12px;
	text-align:center;
	overflow:hidden;
}
#menu1 .wrap1{
	padding:20px 10px 16px;
	background:url(../../img/main/menu1bg1.jpg) no-repeat 0 50%;
	background-size:cover;
	color:#fff;
}
#menu1 .hg1{}
#menu1 .h1{
	display:inline-block;
	margin:0 0 10px;
	text-align:center;
	color:#253443;
	font-size:20px;
}
#menu1 ul{
	margin:auto -3px;
	font-size:0;
	text-align:center;
}
#menu1 li{display:inline-block;
	width:165px;
	vertical-align:top;
}
#menu1 li a{display:block;
	position:relative;
	margin:3px;
	padding:10px;
	border:1px solid #3fac98;
	border-radius:9999px;
	background:rgba(255,255,255, .9);
	color:#000;
	font-weight:400;
	font-size:13px;
	letter-spacing:-1px;
	text-align:left;
	text-decoration:none;
	overflow:hidden;
}
#menu1 li a:before{content:'';
	display:inline-block;
	position:absolute;right:0;top:0;bottom:0;
	width:30px;
	margin:-1px;
	background:#3fac98 url(../../img/main/ic11a1c0right1.png) no-repeat center center;
	vertical-align:middle;
}
#menu1 li .t1{display:inline-block;
	vertical-align:middle;
}
#menu1 li .ic1{display:inline-block;
	width:24px;height:24px;
	margin:0 2px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu1 .m1 .ic1{background-image:url(../../img/main/menu1p01@2x.png);}
#menu1 .m2 .ic1{background-image:url(../../img/main/menu1p02@2x.png);}
#menu1 .m3 .ic1{background-image:url(../../img/main/menu1p03@2x.png);}
#menu1 .m4 .ic1{background-image:url(../../img/main/menu1p04@2x.png);}
#menu1 .m5 .ic1{background-image:url(../../img/main/menu1p05@2x.png);}

/* 열린○○실. 20190524 */
#mayor1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:360px; /* (360-20*2) */
	margin:auto;
	overflow:hidden;
}
#mayor1 .wrap1{}
#mayor1 .a1{display:block;
	overflow:hidden;
}
#mayor1 .a1:focus{border:1px dotted #000;}
#mayor1 .a1:focus .p1{margin:-1px;}
#mayor1 .h1{}
#mayor1 ul{
	position:absolute;
	left:6.389%; /* (23/360) */
	top:60.194%; /* (124/206) */
	font-size:0;
	text-align:left;
}
#mayor1 li{display:block;
	position:relative;
	/*margin:2px 0;*/
}
#mayor1 li>a{display:block;
	padding:.375em .75em;
	border-radius:9999px;
	/*background:#e15546;*/
	color:#263d73;
	font-size:14px;
	font-weight: 600;
}
#mayor1 li>a .t1{}


/* 알림판.PR로테이터. 20190524 [JS] jQmPR1(); */
#ppr1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
}
#ppr1 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
#ppr1 .w1mView{
	position:relative;
	z-index:0;
	padding:0 0 100%; /* (360/360) */
}
#ppr1 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#ppr1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC.on{display:block;}
#ppr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#ppr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ppr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#ppr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ppr1 .mContC .f1p1 img{display:block;width:100%;height:100%;margin:auto;}
/* 고도화 */
#ppr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#ppr1 .mContC .a1:focus .f1{margin:-1px;}
#ppr1 .mContC.on .a1{}
#ppr1 .mContC.off .a1{}
#ppr1 .mContC.prev-on .a1{}
#ppr1 .mContC.next-on .a1{}
/* 메뉴 */
#ppr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	/* background-color:rgba(0,0,0, .42); */
	font-size:0;
	text-align:right;
	overflow:hidden;
}
#ppr1 .menu:before{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;top:0;
	margin:0 16px;
	border-top:1px solid rgba(255,255,255, .4);
}
#ppr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border:0;border-radius:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#ppr1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 쪽수 */
#ppr1 .mPage{display:inline-block;
	/* margin:0 1px; */
	padding:8px 16px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#ppr1 .mPage .sep{
	margin:.125em;
	font-size:16px;
	vertical-align:middle;
}
#ppr1 .mPage .on{
	font-size:20px;
	line-height:24px;
	vertical-align:middle;
}
#ppr1 .mPage .total{
	font-size:20px;
	vertical-align:middle;
}
/* 제어 */
#ppr1 .mControl{display:inline-block;
	padding:8px 16px 8px 0;
	vertical-align:middle;
}
#ppr1 .mControl .m{
	width:26px;height:26px;
	margin:0 2px;
	border:2px solid #fff;
	border-radius:9999px;
}
#ppr1 .mControl .m .ic1{
	width:12px;height:12px;
	margin:-6px;
}
#ppr1 .mControl .stop .ic1{background-image:url(../../img/main/ic12a1c0pause1.png);}
#ppr1 .mControl .prev .ic1{background-image:url(../../img/main/ic12a1c0left1.png);}
#ppr1 .mControl .next .ic1{background-image:url(../../img/main/ic12a1c0right1.png);}


/* 메뉴 20190524 */
#menu2{display:block;
	position:relative;
	margin:0 auto 20px;
	text-align:center;
	overflow:hidden;
}
#menu2 .wrap1{
	box-sizing:border-box; /* ☆ */
	height:360px;
	padding:21px 34px;
	border:1px solid #ccc;
}
#menu2 .hg1{}
#menu2 .h1{
	display:inline-block;
	margin:0 0 16px;
	text-align:center;
	color:#00004c;
	font-size:24px;
	letter-spacing:-.0625em;
}
#menu2 .deco1{display:block;
	width:207px;height:117px;
	margin:0 auto -10px;
	background:url(../../img/main/menu2deco1@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu2 ul{
	margin:auto -3px;
	font-size:0;
	text-align:center;
}
#menu2 li{
	/* display:inline-block; */
	width:194px;
	margin:auto;
	vertical-align:top;
}
#menu2 li a{display:block;
	position:relative;
	margin:0 2px 4px;
	padding:7px 10px;
	border:1px solid #ccc;
	border-radius:9999px;
	background:#fff;
	color:#000;
	font-weight:600;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}
#menu2 li a:hover,
#menu2 li a:focus{
	border-color:#cc4343;
	background:#cc4343;
	color:#fff;
}
#menu2 li .t1{}


/* 최근게시물.탭. 20190524 [JS] jQtabCont2(); */
#bbs1{display:block;
	clear:both;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
	overflow:hidden;
}
#bbs1 .wrap1{
	position:relative;
	overflow:hidden;
}
#bbs1 .wrap2{
	position:relative;
	margin:0 60px 0 0; /* ☆ */
	padding:50px 0 0 0; /* ☆ */
}
#bbs1 .h1{}
/* 탭 */
#bbs1 .tab{display:table;
	z-index:10;
	position:absolute;left:0;top:0;
	width:33.333%;
	height:50px; /* ☆ */
	font-size:16px;
}
#bbs1 .tab:nth-of-type(1){left:0%;}
#bbs1 .tab:nth-of-type(2){left:33.333%;}
#bbs1 .tab:nth-of-type(3){left:66.666%;}
#bbs1 .tab>a{display:table-cell;
	padding:0 .25em;
	color:#000;
	font-weight:400;
	line-height:1.125;
	text-align:center;
	vertical-align:middle;
}
#bbs1 .tab:nth-of-type(1)>a{}
#bbs1 .tab>a:hover,
#bbs1 .tab>a:focus{text-decoration:none;}
#bbs1 .tab.on{
	z-index:20;
}
#bbs1 .tab.on>a{
	font-weight:600;
	color:#000;
}
#bbs1 .tab.on>a:before{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:0;
	margin:0 0 -3px;
	border-bottom:5px solid #034ea1;
}
/* 내용물 */
#bbs1 .cont{display:none; /* 초기 감출거 잠깐 보임 방지 */
	position:relative;
	border-top:3px solid #ccc;
	margin:0 -60px 0 0; /* ☆ */
}
#bbs1 .cont .w1{
	height:auto; /* 화면확인 */
	padding:20px 0;
	/* overflow-y:scroll; */
}
#bbs1 p{} /* 내용 없으면 */
#bbs1 .lst1{}
#bbs1 .lst1 li{display:inline;}
#bbs1 .lst1 li+li+li+li+li~li{display:none;}
#bbs1 .lst1 a{display:block;
	position:relative;
	padding:4px 100px 4px 18px;
	background:url(../../img/main/bu1.png) no-repeat 6px 50%;
	color:#555;
	font-size:15px;
	overflow:hidden;
	cursor:pointer;
}
#bbs1 .lst1 .t1{float:left;
	position:relative;
	width:100%;
	height:1.375em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#bbs1 .lst1 .time{float:left;
	width:80px;
	margin:0 -100px 0 20px;
	text-align:right;
}
#bbs1 .lst1 a:hover .t1,
#bbs1 .lst1 a:focus .t1{text-decoration:underline;}
/* 부각 */
#bbs1 .hot{
	margin:0 0 14px;
	padding:0 0 20px;
	border-bottom:1px dotted #d7d7d7;
}
#bbs1 .hot li{}
#bbs1 .hot a{display:block;
	text-decoration:none;
	overflow:hidden;
}
#bbs1 .hot .tg1{
	float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:114px;height:114px;
	padding:18px 5px;
	margin:0 12px 0 0;
	border:4px solid #263d73;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
#bbs1 .hot .tg1 .t1{display:block;
	color:#000;
	font-size:16px;
}
#bbs1 .hot .tg1 .t2{display:block;
	margin:4px 0 0;
	border-top:1px solid #ddd;
	color:#000;
	font-size:40px;
	letter-spacing:-.0625em;
}
#bbs1 .hot .tg2{display:block;
	margin:0 0 0;
	overflow:hidden;
}
#bbs1 .hot .tg2 .t1{display:block;
	width:auto;
	height:1.375em;
	margin:.5em 0 .75em 0;
	color:#000;
	font-weight:500;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#bbs1 .hot .tg2 .t2{display:block;
	position:relative;
	max-height:63px;
	color:#666;
	font-size:15px;
	line-height:21px;
	overflow:hidden;
}
#bbs1 .hot .tg2 .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:42px;
	width:3em;
	height:21px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
#bbs1 .hot a:hover .tg2 .t1,
#bbs1 .hot a:focus .tg2 .t1{text-decoration:underline;}
/* new */
#bbs1 .new{float:left;
	width:20px;height:20px;
	margin:0 -24px 0 0;
	background:url(../../img/main/new.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#bbs1 .hot .new{display:inline-block;
	position:absolute;left:0;top:0;
	width:50px;height:50px;
	margin:-4px;
	background:url(../../img/main/bbs1new1.png) no-repeat center center;
}
/* more */
#bbs1 .more{float:right;
	z-index:15;
	position:absolute;
	right:0;
	top:-50px; /* ☆ */
	box-sizing:border-box; /* ☆ */
	width:26px;height:26px;
	margin:10px 2px;
	border:2px solid #000;
	border-radius:9999px;
	background:#fff;
	text-align:center;
	overflow:hidden;
}
#bbs1 .more>.t1{display:inline-block;
	position:absolute;left:-9999px;
}
#bbs1 .more>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	background:url(../../img/main/more.png) no-repeat center center;
	vertical-align:middle;
}


/* 뉴스카드(픽1글2) 20190524 [JS] jQmPrevNext3(); */
#ncard1{display:block;
	position:relative;
	margin:0 auto 20px;
}
#ncard1 .wrap1{}
#ncard1 .hg1{
	text-align:center;
}
#ncard1 .h1{display:block;
	position:relative;
	margin:0 auto 16px;
	color:#333;
	font-weight:600;
	font-size:24px;
	letter-spacing:-.0625em;
}
#ncard1 .mView{
	z-index:0;
	position:relative;
	width:300px; /* ☆ */
	height:260px;
	margin:auto;
	overflow:hidden;
}
#ncard1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.8s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#ncard1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#ncard1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:300px; /* ☆ */
	height:260px;
	margin:0 30px 0 0;
}
#ncard1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#ncard1 .mContC.on{display:block;}
#ncard1 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ncard1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
/* ☆ */
#ncard1 .mContC .a1 .f1{display:block;
	position:relative;
	height:190px;
	overflow:hidden;
}
#ncard1 .mContC .a1 .f1p1{display:block;position:absolute;background:#eee;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#ncard1 .mContC .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
#ncard1 .mContC .a1 .f1 .longImg{min-width:auto;}
/* 글 */
#ncard1 .mContC .a1 .tg1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:120px;
	padding:14px 0;
	background:#fff;
	text-align:left;
}
#ncard1 .mContC .t1{display:block;
	margin:0 0 .25em;
	color:#000;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#ncard1 .mContC .t2{display:block;
	position:relative;
	color:#666;
	font-size:13px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* 고도화 */
#ncard1 .mContC .a1:focus{border:1px dotted #000;}
#ncard1 .mContC .a1:focus .f1{margin:-1px;}
#ncard1 .mContC.on{}
/* 메뉴 */
#ncard1 .menu{display:block;
	z-index:10;
	margin:0 0 24px;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#ncard1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border:0;border-radius:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#ncard1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 쪽수 */
#ncard1 .mPage{display:inline-block;
	/* margin:0 1px; */
	padding:0 16px;
	color:#000;
	text-align:center;
	vertical-align:middle;
}
#ncard1 .mPage .sep{
	margin:.125em;
	font-size:16px;
	vertical-align:middle;
}
#ncard1 .mPage .on{
	font-size:20px;
	line-height:24px;
	vertical-align:middle;
}
#ncard1 .mPage .total{
	font-size:20px;
	vertical-align:middle;
}
/* 제어 */
#ncard1 .mControl{display:inline-block;
	padding:0 16px 0 0;
	vertical-align:middle;
}
#ncard1 .mControl .m{
	width:26px;height:26px;
	margin:0 2px;
	border:2px solid #000;
	border-radius:9999px;
}
#ncard1 .mControl .m .ic1{
	width:12px;height:12px;
	margin:-6px;
}
#ncard1 .mControl .prev .ic1{background-image:url(../../img/main/ic12a1c1left1.png);}
#ncard1 .mControl .next .ic1{background-image:url(../../img/main/ic12a1c1right1.png);}
#ncard1 .mControl .more .ic1{background-image:url(../../img/main/ic12a1c1plus1.png);}
/* 제어숨김 */
#ncard1[data-total-page='NaN'] .menu,
#ncard1[data-total-page='0'] .menu,
#ncard1[data-total-page='1'] .menu{display:none;}


/* 메뉴.탭. 20190524 [JS] jQtabCont2(); */
#menu3{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
	border:1px solid #ccc;
	background:#fff;
	overflow:hidden;
}
#menu3 .wrap1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	border:0 solid #fff;
	border-top-width:55px; /* ((#menu3 .tab{height})-1) */
}
#menu3 .h1{
	position:absolute;left:0;right:0;
	top:-120px;
	padding:.8125em;
	color:#000;
	font-size:22px;
	text-align:center;
}
/* 탭 */
#menu3 .tab{display:table;
	z-index:10;
	position:absolute;left:0;
	top:-57px;
	box-sizing:border-box; /* ☆ */
	width:34%; /* (( 25% 화면확인. 소수점1px오차 계상 */
	height:56px;
	margin:0;
	border:1px solid #ddd;
	font-size:16px;
}
#menu3 .tab:nth-of-type(1){left:0%;border-left:0;}
#menu3 .tab:nth-of-type(2){left:33.333%;}
#menu3 .tab:nth-of-type(3){left:66.666%;}
#menu3 .tab>a{display:table-cell;
	padding:0 .75em;
	background:#f4f4f4;
	color:#333;
	font-weight:400;
	line-height:1.125;
	text-align:center;
	vertical-align:middle;
}
#menu3 .tab:nth-of-type(1)>a{}
#menu3 .tab>a:hover,
#menu3 .tab>a:focus{text-decoration:none;}
#menu3 .tab.on{
	border-bottom-color:transparent;
}
#menu3 .tab.on>a{
	z-index:20;
	position:relative;
	background:#fff;
	color:#263d73;
	font-weight:600;
}
/* 내용물 */
#menu3 .cont{display:none; /* 초기 감출거 잠깐 보임 방지 */
	position:relative;
	background:#fff;
}
#menu3 .cont .w1{
	box-sizing:border-box; /* ☆ */
	height:auto; /* 화면확인 */
	padding:20px 29px;
	/* overflow-y:scroll; */
}
#menu3 p{} /* 내용 없으면 */
/* ☆ */
#menu3 .mn1{
	margin:0 -29px;
	font-size:0;
	text-align:center;
}
#menu3 .mn1 li{display:inline-block;
	position:relative;
	width:120px;
	vertical-align:top;
}
#menu3 .mn1 li a{display:block;
	margin:0 auto 10px;
	color:#263d73;
	font-weight:600;
	font-size:14px;
	overflow:hidden;
}
#menu3 .mn1 li .ic1{display:block;
	width:60px;height:60px;
	margin:0 auto 2px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu3 .mn1 li .t1{display:inline-block;
	vertical-align:middle;
}
#menu3 .mn1 .c1m1 .ic1{background-image:url(../../img/main/menu3c1p01@2x.png);}
#menu3 .mn1 .c1m2 .ic1{background-image:url(../../img/main/menu3c1p02@2x.png);}
#menu3 .mn1 .c1m3 .ic1{background-image:url(../../img/main/menu3c1p03@2x.png);}
#menu3 .mn1 .c1m4 .ic1{background-image:url(../../img/main/menu3c1p04@2x.png);}
#menu3 .mn1 .c2m1 .ic1{background-image:url(../../img/main/menu3c2p01@2x.png);}
#menu3 .mn1 .c2m2 .ic1{background-image:url(../../img/main/menu3c2p02@2x.png);}
#menu3 .mn1 .c2m3 .ic1{background-image:url(../../img/main/menu3c2p03@2x.png);}
#menu3 .mn1 .c2m4 .ic1{background-image:url(../../img/main/menu3c2p04@2x.png);}
#menu3 .mn1 .c3m1 .ic1{background-image:url(../../img/main/menu3c3p01@2x.png);}
#menu3 .mn1 .c3m2 .ic1{background-image:url(../../img/main/menu3c3p02@2x.png);}
#menu3 .mn1 .c3m3 .ic1{background-image:url(../../img/main/menu3c3p03@2x.png);}
#menu3 .mn1 .c3m4 .ic1{background-image:url(../../img/main/menu3c3p04@2x.png);}
#menu3 .mn1 .c4m1 .ic1{background-image:url(../../img/main/menu3c4p01@2x.png);}
#menu3 .mn1 .c4m2 .ic1{background-image:url(../../img/main/menu3c4p02@2x.png);}
#menu3 .mn1 .c4m3 .ic1{background-image:url(../../img/main/menu3c4p03@2x.png);}
#menu3 .mn1 .c4m4 .ic1{background-image:url(../../img/main/menu3c4p04@2x.png);}
/* ☆ */
#menu3 .mn2{
	margin:10px 0 0 -10px;
	padding:20px 0 0;
	border-top:1px solid #eee;
	font-size:0;
	text-align:center;
}
#menu3 .mn2 li{display:inline-block;
	width:140px;
	margin:0 0 0 10px;
	vertical-align:top;
}
#menu3 .mn2 a{display:block;
	position:relative;
	padding:4px 0 4px 22px;
	background:url(../../img/main/bu2.png) no-repeat 0 50%;
	color:#000;
	font-size:15px;
	text-align:left;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	cursor:pointer;
}
/* ☆ */
#menu3 .mn1 a:hover .t1,
#menu3 .mn2 a:hover .t1{
	text-decoration:underline;
}


/* 메뉴 20190524 */
#menu4{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
	overflow:hidden;
}
#menu4 .wrap1{
	background:#fff;
}
#menu4 ul{
	padding:10px 0;
	font-size:0;
	text-align:center;
}
#menu4 li{display:inline-block;
	position:relative;
	width:125px;
	vertical-align:top;
}
#menu4 li a{display:block;
	box-sizing:border-box; /* ☆ */
	height:110px;
	padding:10px;
	background:#fff;
	color:#000;
	font-size:14px;
	text-align:center;
	overflow:hidden;
}
#menu4 li .ic1{display:block;
	width:60px;height:60px;
	margin:2px auto;
	background:url() no-repeat center center;
	background-size:contain;
}
#menu4 li .t1{display:block;}
#menu4 .m1 .ic1{background-image:url(../../img/main/menu4p01@2x.png);}
#menu4 .m2 .ic1{background-image:url(../../img/main/menu4p02@2x.png);}
#menu4 .m3 .ic1{background-image:url(../../img/main/menu4p03@2x.png);}
#menu4 .m4 .ic1{background-image:url(../../img/main/menu4p04@2x.png);}


/* 행사공연 20190524 */
#timelist1{display:block;
	position:relative;
	margin:0 auto 20px;
	overflow:hidden;
}
#timelist1 .wrap1{
	background:#fff;
}
#timelist1 .h1{
	float:left;
	padding:16px 0 0 20px;
	color:#000;
	font-weight:600;
	font-size:21px;
	letter-spacing:-.0625em;
}
/* 메뉴 */
#timelist1 .menu{
	float:right;
	font-size:0;
	text-align:right;
}
#timelist1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border:0;border-radius:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#timelist1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 제어 */
#timelist1 .mControl{display:inline-block;
	vertical-align:middle;
}
#timelist1 .mControl .m{
	width:60px;height:60px;
	margin:-1px -1px -1px 0;
	border:1px solid #e8ebf2;
}
#timelist1 .mControl .m .ic1{
	width:18px;height:18px;
	margin:-9px;
}
#timelist1 .mControl .more .ic1{background-image:url(../../img/main/ic18a4c1bars1.png);}
#timelist1 .mControl .prev .ic1{background-image:url(../../img/main/ic18a4c1left1.png);}
#timelist1 .mControl .next .ic1{background-image:url(../../img/main/ic18a4c1right1.png);}
/* ☆ */
#timelist1 .cont{
	clear:both;
	overflow:hidden;
}
#timelist1 .tg1{
	float:left;
	width:100px;
	height:120px;
	background:#d2e2f2;
	text-align:center;
}
#timelist1 .tg1 .t1{display:block;
	margin:15px 0 0;
	color:#175fa5;
	font-weight:600;
	font-size:50px ;
	text-indent:-10px;
}
#timelist1 .tg1 .t2{display:block;
	color:#343d4c;
	font-size:16px ;
}
#timelist1 .tg2{
	box-sizing:border-box; /* ☆ */
	height:120px;
	padding:10px 18px 18px;
	border-top:1px solid #e8ebf2;
	overflow:hidden;
	overflow-y:scroll;
}
#timelist1 .lst1{}

#timelist1 .li1 a{display:block;
	margin:5px 0;
	/* padding:0 0 0 8px; */
	/* background:url(../../img/main/bu4.png) no-repeat 0 8px; */
	color:#000;
	font-size:14px;
	overflow:hidden;
}
/* #timelist1 .li1{
	margin:0 0 10px;
	font-size:14px;
	overflow:hidden;
} */
#timelist1 .g1{float:left;
	padding:.25em 1em;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-weight:400;
}
#timelist1 .g1.s1{
	background:#0080bf;
}
#timelist1 .g1.s2{
	background:#ee596c;
}
#timelist1 .t1{display:block;
	padding:3px 0 0 10px;
	color:#000;
	overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
}


/* 교육카드(픽1글2) 20190524 [JS] jQmPrevNext3(); */
#ecard1{display:block;
	position:relative;
	margin:0 auto 20px;
}
#ecard1 .wrap1{}
#ecard1 .hg1{
	text-align:center;
}
#ecard1 .h1{display:block;
	position:relative;
	margin:0 auto 16px;
	color:#333;
	font-weight:600;
	font-size:24px;
	letter-spacing:-.0625em;
}
#ecard1 .mView{
	z-index:0;
	position:relative;
	width:210px; /* ☆ */
	height:270px;
	margin:auto;
	overflow:hidden;
}
#ecard1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.8s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#ecard1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#ecard1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:210px; /* ☆ */
	height:270px;
	margin:0 20px 0 0;
}
#ecard1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#ecard1 .mContC.on{display:block;}
#ecard1 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ecard1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
	text-decoration:none;
	overflow:hidden;
}
/* ☆ */
#ecard1 .mContC .a1 .f1{display:block;
	position:relative;
	height:140px;
	overflow:hidden;
}
#ecard1 .mContC .a1.eduNodata{background:url(../../img/main/edu_nodata.jpg) no-repeat;}
#ecard1 .mContC .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#ecard1 .mContC .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
/* 글 */
#ecard1 .mContC .a1 .tg1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:120px;
	padding:20px 14px;
	text-align:left;
}
#ecard1 .mContC .t1{display:block;
	margin:0 0 .5em;
	color:#000;
	font-size:17px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#ecard1 .mContC .lst2{}
#ecard1 .mContC .li2{display:block;
	position:relative;
	padding:0 0 0 10px;
	background:url(../../img/main/bu3.png) no-repeat 0 50%;
	color:#555;
	font-size:14px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* 고도화 */
#ecard1 .mContC .a1:hover .t1{text-decoration:underline;}
#ecard1 .mContC .a1:focus{border:1px dotted #000;}
#ecard1 .mContC .a1:focus .f1{margin:-1px;}
#ecard1 .mContC.on{}
/* 메뉴 */
#ecard1 .menu{display:block;
	z-index:10;
	margin:0 0 24px;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#ecard1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border:0;border-radius:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#ecard1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 쪽수 */
#ecard1 .mPage{display:inline-block;
	/* margin:0 1px; */
	padding:0 16px;
	color:#000;
	text-align:center;
	vertical-align:middle;
}
#ecard1 .mPage .sep{
	margin:.125em;
	font-size:16px;
	vertical-align:middle;
}
#ecard1 .mPage .on{
	font-size:20px;
	line-height:24px;
	vertical-align:middle;
}
#ecard1 .mPage .total{
	font-size:20px;
	vertical-align:middle;
}
/* 제어 */
#ecard1 .mControl{display:inline-block;
	padding:0 16px 0 0;
	vertical-align:middle;
}
#ecard1 .mControl .m{
	width:26px;height:26px;
	margin:0 2px;
	border:2px solid #000;
	border-radius:9999px;
}
#ecard1 .mControl .m .ic1{
	width:12px;height:12px;
	margin:-6px;
}
#ecard1 .mControl .prev .ic1{background-image:url(../../img/main/ic12a1c1left1.png);}
#ecard1 .mControl .next .ic1{background-image:url(../../img/main/ic12a1c1right1.png);}
#ecard1 .mControl .more .ic1{background-image:url(../../img/main/ic12a1c1plus1.png);}
/* 제어숨김 */
#ecard1[data-total-page='NaN'] .menu,
#ecard1[data-total-page='0'] .menu,
#ecard1[data-total-page='1'] .menu{display:none;}


/* 메뉴 20190524 */
#menu5{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto;
	overflow:hidden;
}
#menu5 .wrap1{
	font-size:0;
	text-align:center;
}
/* ☆ */
#menu5 .cont{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 10px;
	padding:30px;
	background:#fff;
	text-align:left;
}
#menu5 .hg1{
	position:relative;
	overflow:hidden;
}
#menu5 .h1{
	float:left;
	color:#0080bf;
	font-size:21px;
	letter-spacing:-.0625em;
}
#menu5 .more{/*float:right;*/
	position:absolute;
	width:26px;height:26px;
	border-radius:9999px;
	background:#0080bf;
	vertical-align:middle;
	top:30px;
	right:30px;
}
#menu5 .more .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	background:url(../../img/main/ic12a1c0plus1.png) no-repeat center center;
	vertical-align:middle;
}
#menu5 ul{
	position:relative;
	margin:20px 0 0;
}
#menu5 li{}
#menu5 li a{display:block;
	margin:3px 0;
	padding:0 0 0 8px;
	background:url(../../img/main/bu4.png) no-repeat 0 50%;
	color:#000;
	font-size:15px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
#menu5 .ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:180px;height:180px;
	background:url() no-repeat center center;
	background-size:contain;
}
#menu5c1 .ic1{background-image:url(../../img/main/menu5c1p00@2x.png);}
#menu5c2 .ic1{background-image:url(../../img/main/menu5c2p00@2x.png);}
#menu5c3 .ic1{background-image:url(../../img/main/menu5c3p00@2x.png);}
#menu5c4 .ic1{background-image:url(../../img/main/menu5c4p00@2x.png);}


/* 메뉴(픽1글1)중앙정렬. 20190524 */
#menu6{display:block;position:relative;margin:auto;}
#menu6 .wrap1{}
#menu6 ul{
	margin:-6px;
	font-size:0;
	text-align:center;
}
#menu6 li{display:inline-block;
	vertical-align:top;
}
#menu6 li a{display:block;
	min-width:90px;
	margin:6px;
	color:#fff;
	font-size:15px;
}
#menu6 li .t1{display:block;
	margin:.5em 0;
	vertical-align:middle;
}
#menu6 li .ic1{display:block;
	width:60px;height:60px;
	margin:auto;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu6 .m1 .ic1{background-image:url(../../img/main/menu6p01@2x.png);}
#menu6 .m2 .ic1{background-image:url(../../img/main/menu6p02@2x.png);}
#menu6 .m3 .ic1{background-image:url(../../img/main/menu6p03@2x.png);}
#menu6 .m4 .ic1{background-image:url(../../img/main/menu6p04@2x.png);}
#menu6 .m5 .ic1{background-image:url(../../img/main/menu6p05@2x.png);}
#menu6 .m6 .ic1{background-image:url(../../img/main/menu6p06@2x.png);}
#menu6 .m7 .ic1{background-image:url(../../img/main/menu6p07@2x.png);}
#menu6 .m8 .ic1{background-image:url(../../img/main/menu6p08@2x.png);}
#menu6 .m9 .ic1{background-image:url(../../img/main/menu6p09@2x.png);}


/* SNS (제목.링크.카드) 20190724 */
#sns1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
}
#sns1 .wrap1{}
#sns1 .hg1{
	overflow:hidden;
}
#sns1 .h1{}
#sns1 .hg1 .t1{
	width:80%;
	margin:auto;
}
#sns1 .hg1 .t1 img{display:block;
	width:100%;
	max-width:323px;
	height:auto;
	margin:auto;
}
#sns1 .link{
	float:right;
	margin:22px 0;
	font-size:0;
	border-radius:9999px;
	overflow:hidden;
}
#sns1 .link li{display:inline-block;
	vertical-align:top;
}
#sns1 .link a{display:block;}
#sns1 .link .ic1{display:inline-block;
	width:50px;height:44px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#sns1 .link .facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns1 .link .facebook_tour .ic1{background-image:url(../../img/main/sns1facebook_tour@2x.png);}
#sns1 .link .blog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns1 .link .instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
/* 카드 */
#sns1lst1{
	position:relative;
}
#sns1lst1 ul{
	margin:-5px;
	font-size:0;
}
#sns1lst1 li{
	/* display:inline-block; */
	float:left;
	box-sizing:border-box; /* ☆ */
	width:50%;
	padding:5px;
	vertical-align:top;
}
#sns1lst1 li a{display:block;
	background:#fff;
	color:#333;
	overflow:hidden;
}
#sns1lst1 li .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 173px; /* ((173/285) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
#sns1lst1 li .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#sns1lst1 li .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
/* ☆ */
#sns1lst1 li .tg1{display:block;
	position:relative;
	height:43px; /* (87-22*2) */
	padding:22px 6.316%; /* () (18/285) */
	/* border-top:1px solid #d7d7d7; */
	text-align:left;
	overflow:hidden;
}
#sns1lst1 li .g1{
	float:left;
	position:relative;
	margin:-7px 8px 0 0;
}
#sns1lst1 li .g1:before{content:''; /* ▷ */
	float:left;
	position:absolute;right:0;bottom:0;
	border:solid transparent;
	border-left-color:#333;
	border-width:4px 0 4px 8px;
	transform:rotate(45deg);
}
#sns1lst1 li .g1 .ic1{display:inline-block;
	width:39px;height:36px;
	border-radius:100%;
	background:url() no-repeat center center;
	background-size:cover;
	vertical-align:middle;
	overflow:hidden;
}
#sns1lst1 .g1.facebook:before{border-left-color:#3c466e;}
#sns1lst1 .g1.facebook_tour:before{border-left-color:#5f7c95;}
#sns1lst1 .g1.blog:before{border-left-color:#00c73c;}
#sns1lst1 .g1.instagram:before{border-left-color:#ed3967;}
#sns1lst1 .g1.facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns1lst1 .g1.facebook_tour .ic1{background-image:url(../../img/main/sns1facebook_tour@2x.png);}
#sns1lst1 .g1.blog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns1lst1 .g1.instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
#sns1lst1 li .t1{display:block;
	position:relative;
	max-height:44px; /* (22*2) */
	font-size:14px;
	line-height:22px;
	overflow:hidden;
}
#sns1lst1 li .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:22px;
	width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* ☆ */
#sns1lst1 li.blog .tg1{display:block;
	position:relative;
	height:85px; /* ((173+87)/2-20*2-5) */
	padding-top:20px;
	padding-bottom:20px;
}

#sns1lst1 li.blog .t1{display:block;max-height:90px; /* (22*4) */}
#sns1lst1 li.blog .t1:after{top:66px;}
#sns1lst1 li.blog .t2 {display:block;color:#000;font-size:1.142em;line-height:22px;height:40px;overflow:hidden;margin-bottom:8px;}

/* 문화관광 비주얼 20190524 [JS] jQmCarousel1(); + Script */
#vpr2{display:block;
	position:relative;
	margin:auto;
	line-height:1.375;
}
#vpr2>.wrap1{}
#vpr2 .figure{
	display:block;
	height:300px; /* 정보 보이게 >=768*(450/1920) */
}
#vpr2 .figure .loading{}
#vpr2 .figure .p1{
	display:block;
	height:100%;
	margin:0 -200%;
	text-align:center;
}
#vpr2 .figure img{
	display:block;
	width:auto;
	height:100%;
	margin:auto;
}
/* 섬네일 회전목마 */
#vpr2nav1{
	display:block;
	z-index:10;
	position:absolute;left:0;right:0;
	bottom:48px; /* (96/2) */
	height:0;
	font-size:0;
	text-align:center;
}
#vpr2nav1>.wrap1{
	display:inline-block; /* ☆ */
	position:relative;
	height:96px; /* (내부최대높이) */
	margin:-48px 0; /* (96/2) () */
	padding:0; /* 0 50px */
	overflow:hidden;
}
#vpr2nav1 .herebar{} /* )) script */
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
#vpr2nav1 .owl-carousel{
	list-style:none;
	z-index:20;
	position:relative;
	width:278px; /* ((64+18)*(3-1)+96+18) */
	height:96px;
	margin:auto;
	padding:0;
}
/* 내용 */
#vpr2nav1 .owl-item{
	width:64px; /* ☆ */
	height:64px; /* ☆ */
	margin:16px 0; /* (96-64)/2 */
	transition:.2s;
	transition-property: width, height, margin;
	transition-timing-function: cubic-bezier(.5,0,1,.5);
}
#vpr2nav1 .item{display:block;
	position:relative;
	left:-16px; /* (64-96)/2 */
	width:100%;
	height:100%;
}
#vpr2nav1 .item .a1{display:block;
	width:100%;
	height:100%;
}
#vpr2nav1 .item .f1{display:block;
	box-sizing:border-box;
	width:64px; /* ☆ 100% 하면 결함 ( JS 계산으로 인해 img 폭값으로 됨 ) */
	height:64px; /* ☆ */
	/* background:#fff url(../../img/main/loading.gif) no-repeat center center; */
	background-size:100%;
	border-radius:9999px;
	text-align:center;
	overflow:hidden;
	transition:.2s;
	transition-property: width, height, margin;
	transition-timing-function: cubic-bezier(.5,0,1,.5);
}
#vpr2nav1 .item .f1p1{display:block;
	margin:0 -100%;
	height:100%;
	text-align:center;
}
#vpr2nav1 .item .f1 img{
	width:auto;
	max-width:none;
	height:100%;
	margin:auto !important;
	opacity:0;
	transition:opacity .4s ease;
}
#vpr2nav1 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
#vpr2nav1 a:focus{
	border:1px dotted #000;
}
/* 활성 : 크기 다르면 중앙 계산 다르다. */
#vpr2nav1 .owl-item.center{
	width:96px;
	height:96px;
	margin:0;
}
#vpr2nav1 .owl-item.center .item .f1{
	width:96px;
	height:96px;
	border:3px solid #fff;
}
/* 도트(플러그인생성) */
#vpr2nav1 .owl-dots{
	display:none; /* ☆ */
}
/* 메뉴 */
#vpr2nav1 .menu{
	display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:50%;
	height:0;
	font-size:0;
	text-align:center;
}
#vpr2nav1 .menu .w1{}
/* 제어 */
#vpr2nav1 .mControl{
	display:none;/* ☆ */
	position:absolute;left:0;right:0;top:50%;
	height:0;
}
#vpr2nav1 .mControl .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:38px;
	height:38px;
	margin:-19px 0;
	padding:0;
	border:2px solid #fff;
	border-radius:9999px;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	transition:.2s;
}
#vpr2nav1 .mControl .m:hover,
#vpr2nav1 .mControl .m:focus{
	opacity:1;
}
#vpr2nav1 .mControl .m .ic1{
	float:left;position:absolute;left:50%;top:50%;
	width:19px;height:19px;margin:-9.5px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
#vpr2nav1 .mControl .prev{float:left;}
#vpr2nav1 .mControl .next{float:right;}
#vpr2nav1 .mControl .prev .ic1{background-image:url(../../img/main/ic19a1c0left1.png);}
#vpr2nav1 .mControl .next .ic1{background-image:url(../../img/main/ic19a1c0right1.png);}

.layer_m{display:block;}
.layer_p{display:none;}

/* ◇◆ */
@media all and (min-width:768px){
	#vpr2 .figure{
		height:450px; /* 정보 보이게 >=1260*(450/1920) */
	}
	#vpr2nav1{
		bottom:86px;
	}
	#vpr2nav1>.wrap1{
		padding:0 50px;
	}
	#vpr2nav1 .owl-carousel{
		width:606px; /* ((64+18)*(7-1)+96+18) */
	}
	#vpr2nav1 .mControl{
		display:block;
	}

.layer_m{display:none;}
.layer_p{display:block;}
}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* ☆작업확인용 */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:480px){/* ◇◆◇◆◇◆◇◆◇◆ */


#vpr1 .mView{
	height:216px; /* >=640*(647/1920) */
}
.layer_m{display:none;}
.layer_p{display:block;}

} /* /(min-width:480px) */
@media all and (min-width:520px){/* ◇◆◇◆◇◆◇◆◇◆ */


#ecard1 .wrap1{
	margin:0 0 0 20px;
}
#ecard1 .mView{
	width:460px; /* (210+20)*2 */
}
#ecard1 .mView:after{content:''; /* 우여백가림 */
	display:block;
	position:absolute;right:0;top:0;bottom:0;
	width:10px;
	background:#ddedfc;
}
#ecard1 .mContC[class]{ /* ☆ */
	width:210px;
	margin:0 20px 0 0;
}
.layer_m{display:none;}
.layer_p{display:block;}

} /* /(min-width:520px) */
@media all and (min-width:640px){/* ◇◆◇◆◇◆◇◆◇◆ */


#vpr1 .mView{
	height:260px; /* >=768*(647/1920) */
}
.layer_m{display:none;}
.layer_p{display:block;}

} /* /(min-width:640px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1{}
#body .mainbody2{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{}
#body .mainbody7{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{padding:30px 0;}
	#body .mainbody4>.container{padding:30px 0;}
	#body .mainbody5>.container{padding:30px 0;}
	#body .mainbody6>.container{padding:30px 0;}
	#body .mainbody7>.container{}


#vpr1 .mView{
	height:338px; /* >=1000*(647/1920) */
}
#vpr1 .menu{
	bottom:70px;; /* (메뉴높이+여백) */
}
/* #vpr1 .mControl .m{
	width:27px;height:27px;
	margin:0 6px;
} */


#menu1{
	height:206px;
	margin:0 360px 0 0;
}
#menu1 .h1{
	margin:10px;
}
#menu1 .wrap1{
	position:absolute;left:0;right:0;top:0;bottom:0;
}

#mayor1{
	float:right;
	margin:-206px 0 0;
}

#ppr1{
	float:left;
	width:360px;
	margin:0 20px 0 0;
}

#bbs1 .wrap1{
	padding:20px 30px;
	border:1px solid #ddd;
}
#bbs1 .tab{
	font-size:18px;
}

#ncard1 .wrap1{
	margin:0 0 0 30px;
}
#ncard1 .mView{
	width:700px; /* (320+30)*2 */
}
#ncard1 .mView:after{content:''; /* 우여백가림 */
	display:block;
	position:absolute;right:0;top:0;bottom:0;
	width:30px;
	background:#fff;
}
#ncard1 .mContC[class]{ /* ☆ */
	width:320px;
	margin:0 30px 0 0;
}

.mainwrap2{ /* ☆ */
	overflow:hidden;
}

#menu4{ 
	float:left;
	width:300px;
	margin:0 20px 0 0;
}

#timelist1 .tg1{
	width:112px;
	height:182px;
}
#timelist1 .tg2{
	height:182px;
	padding:16px 30px 24px;
}

#ecard1 .mView{
	width:690px; /* (210+20)*3 */
}

#menu5 .wrap1{
	margin:0 -10px -20px;
}
#menu5 .cont{display:inline-block;
	width:325px;
	margin:0 10px 20px;
	vertical-align:top;
}

#sns1 .hg1 .t1{
	float:left;
	width:auto;
}
#sns1 .link{
	margin:22px 0 36px;
}
#sns1lst1 li{
	width:25%;
}
.layer_m{display:none;}
.layer_p{display:block;}

} /* /(min-width:768px) */
@media all and (min-width:800px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:800px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1>.container{
	max-width:none; /* ☆ */
}
#body .mainbody2>.container{padding:30px 0 0;}
#body .mainbody3>.container{}
#body .mainbody4>.container{}
#body .mainbody5>.container{}
#body .mainbody6>.container{}
#body .mainbody7>.container{}


#vpr1 .mView{
	height:426px; /* >=1260*(647/1920) */
}

.mainwrap1{
	margin:0;
}

#ppr1{
	float:left;
	width:340px;
	margin:0;
}

#menu2{
	float:left;
	width:260px;
	margin:0 30px 0 0;
}
#menu2 .wrap1{
	height:340px;
	border:0;
	border-right:1px solid #eee;
}

#bbs1{
	clear:none;
}
#bbs1 .wrap1{
	padding:0;
	border:0;
}
#bbs1 .tab{
	font-size:18px;
}

#ecard1 .mView{
	width:920px; /* (210+20)*4 */
}

#menu5 .cont{
	width:440px;
}
.layer_m{display:none;}
.layer_p{display:block;}

} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#wrap>.container,
	#body>.container{
		width:auto; /* ☆ */
	}

	#body .mainbody1{}
	#body .mainbody2{
		height:433px;
		margin-top:-433px;
	}
	#body .mainbody3{}
	#body .mainbody4{}
	#body .mainbody5{}
	#body .mainbody6{}
	#body .mainbody7{
		margin-bottom:0;
		padding-bottom:0;
	}
		#body .mainbody1>.container{
			width:auto;
			max-width:none;
			margin:auto;
		}
		#body .mainbody2>.container{padding:0;}
		#body .mainbody3>.container{padding:50px 0;}
		#body .mainbody4>.container{padding:50px 0;}
		#body .mainbody5>.container{padding:30px 0;}
		#body .mainbody6>.container{padding:50px 0;}
		#body .mainbody7>.container{}


#vpr1 .mView{
	height:647px;
}
#vpr1 .menu{
	bottom:330px;
}

#vpr1 .menu .w1 {position:relative;display:block;max-width:1200px;text-align:left;margin:0 auto;}

/* #vpr1 .w1{
	transform:translate(-500px);
}
 */

.mainwrap1{
	float:right;
	width:400px;
	height:433px;
	margin:0 -20px 0 0;
}

#menu1{
	height:180px;
	margin:0 0 12px;
}
#menu1 .h1{
	margin:0 0 10px;
}
#menu1 .wrap1{
	position:absolute;left:0;right:0;top:0;bottom:0;
}

#mayor1{
	float:none;
	margin:0;
}

#ppr1{
	float:left;
	width:360px;
	margin:0 30px 0 0;
}

#menu2{
	float:left;
	width:280px;
	margin:0 30px 0 0;
}
#menu2 .wrap1{
	height:360px;
	border:1px solid #ccc;
}

#bbs1{
	clear:none;
	float:right;
	width:500px;
	height:360px;
	margin:-8px auto 38px;
}
#bbs1 .cont .w1{
	padding:30px 0 0;
}
#bbs1 .hot{
	margin:0 0 24px;
	padding:0 0 30px;
	border-bottom:1px dotted #d7d7d7;
}

#ncard1{
	clear:left;
	float:left;
	width:700px;
	margin:30px 0 0;
}
#ncard1 .wrap1{
	margin:0;
}
#ncard1 .hg1{
	margin:4px 0 0;
	float:left;
}
#ncard1 .menu{
	float:right;
	margin:7px 14px 0 0; /* (30-16) */
}

.mainwrap2{
	float:left;
	width:500px;
}

#menu4{
	float:none;
	width:auto;
	margin:0 0 20px;
}
#menu4 ul{
	padding: 0;
}
#menu4 li a{
	border-left:1px solid #e7e7e7;
}
#menu4 li:first-child a{
	border-left:0;
}

#timelist1 .tg1{
	height:122px;
}
#timelist1 .tg2{
	height:122px;
}

#ecard1{
	float:right;
	width:690px;
	margin-bottom:45px;
}
#ecard1 .mView{
	width:690px; /* (210+20)*3 */
}
#ecard1 .hg1{
	margin:0 0 -9px;
	float:left;
}
#ecard1 .menu{
	float:right;
	margin:0;
}
#ecard1 .mControl{
	padding:0;
}

#menu5{
	clear:both;
}
#menu5 .wrap1{
	margin:0 -13px;
}
#menu5 .cont{display:inline-block;
	width:280px;
	margin:0 13px;
	vertical-align:top;
}
#menu5 ul{
	margin:20px 0 73px;
}

#menu6 ul{
	margin:-24px;
}
#menu6 li a{
	margin:23px;
}
#menu6 li .ic1{
	width:90px;height:90px;
}
.layer_m{display:none;}
.layer_p{display:block;}

/* ◇◆ Only Desktop ◇◆ */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */