@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.04.19 | 문영신 | 최초 등록
 * 2019.05.02 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.06.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.12.18 | 양미정 | [lang|='en'] #bbs1 .tab>a .dpip  추가 
 
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.04.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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


/* 코로나19 헤더팝업 추가 - 20200222 */
#cohead_pop {display: none;text-align:center;padding:0 0 5px 0;width:100%;background-color:#cfe9e5;}
#cohead_pop .area {position:relative;left:50%;top:0;margin-left:-700px;width:1400px;font-family:"NanumSB";letter-spacing:-0.02em;}
#cohead_pop .area .title{display:inline-block;height:35px;line-height:35px;padding:0 25px;margin-top:20px;background-color:#d93536;border-radius:20px;font-size:17px;color:#fff;}
#cohead_pop .area .text{line-height:22px;font-size:16px;color:#fff;}
#cohead_pop .area .text ul{display:inline-block;}
#cohead_pop .area .more_btn{margin-top:10px;}
#cohead_pop .area .more_btn a{display:inline-block;padding:12px 15px;font-size:14px;color:#fff;background-color:#0a3761;}
#cohead_pop .area .exit{display:inline-block;position:absolute;width: 200px;height: 2.5em;line-height: 2.5em;background: rgba(0,0,0,0.2);border-radius: 10px;top:150px;right:150px;}
#cohead_pop .area .exit > .head_pop_exit {color:#fff;}
#cohead_pop .area .exit > a {margin-left:10px;}
@media all and (max-width: 1024px){
	#cohead_pop {height:auto;}
	#cohead_pop .area {left:0;margin-left:0;width:100%;}
	#cohead_pop .area .title{height:34px;line-height:34px;padding:0 25px;margin-top:15px;background-color:#d93536;border-radius:20px;font-size:16px;color:#fff;}
	#cohead_pop .area .text{height:auto;line-height:inherit;font-size:15px;}
	#cohead_pop .area .more_btn{margin-top:5px;}
	#cohead_pop .area .more_btn a{display:inline-block;margin-bottom:40px;}
	#cohead_pop .area .exit{display:inline-block;text-align:center;width:100%;top:auto;bottom: -7px;right:0;}
}
#cohead_pop .area .text .coronaLink{width:41%; height:auto; position:absolute; left:50%;}
#cohead_pop .area .text .coronaLink.link01{top:40%; margin-left:-41%;}
#cohead_pop .area .text .coronaLink.link02{top:40%; margin-left:3%;}
#cohead_pop .area .text .coronaLink.link03{top:68%; margin-left:3%;}

@media all and (min-width:670px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
	#cohead_pop .area .text .coronaLink{width:289px;}
	#cohead_pop .area .text .coronaLink.link01{margin-left:-289px;}
	#cohead_pop .area .text .coronaLink.link02{margin-left:20px;}
	#cohead_pop .area .text .coronaLink.link03{margin-left:20px;}
} 
/*끝*/

/*레이어팝업*/
#pop20200922{ position: relative; display: block; float: left; visibility: visible; z-index: 9999;}
#pop20200922 .popimg_01{position:absolute;top:0px; left:0px;width:500px;}
#pop20200922 .popclose{position:absolute; width:500px; height:33px; left:0px; top:479px;z-index:9999;background:#000;}
#pop20200922 .popclose01{position:absolute; padding:3px 0 0 5px;}
#pop20200922 .popclose02{position:relative; top:4px; left:452px; width:100px; z-index: 9999;}


/* 배치.메인 20190502 */
#wrap{}
	#wrap>.container{max-width:none;margin:auto;}
	#body{
		z-index:0; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		line-height:1.375;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{}
			#body .mainbody2{}
			#body .mainbody3{}
			#body .mainbody4{background:#ebf3fc;}
				#body .mainbody4:before{content:'';
					position:absolute;left:50%;bottom:0;
					width:500px;
					height:228px;
					margin:0 0 0 -46%;
					background:url(../../img/main/bg4deco1.png) no-repeat center center;
					opacity:.5;
					zoom:.625;
				}
			#body .mainbody5{}
			#body .mainbody6{background:url(../../img/main/bg6.png) center center;}
			#body .mainbody7{
				margin-bottom:-57px;
				padding-bottom:57px;
				background:url(../../img/main/bg7.jpg) no-repeat center center;
				background-size:cover;

			}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{margin:auto;}
					#body .mainbody2>.container{padding:20px 0 0;}
					#body .mainbody3>.container{padding:20px 0;}
					#body .mainbody4>.container{padding:20px 0;}
					#body .mainbody5>.container{padding:20px 0;}
					#body .mainbody6>.container{padding:20px 0;}
					#body .mainbody7>.container{padding:20px 0;}
						/* #body [class*='mainwrap']{} */

#wing{}


/* #body */


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


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


/* 비쥬얼.PR로테이터. 20190502 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:304px; /* 정보 보이게 >=768*(760/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:3px dotted coral;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:30px;
	font-size:0;
	text-align:center;
	overflow:hidden;
    left:5%;
}
#vpr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#vpr1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	 }
/* 쪽수 */
#vpr1 .mPage{display:inline-block;
	/* margin:0 1px; */
	padding:8px 16px;
	background:#000;
	background-color:rgba(0,0,0, .42);
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#vpr1 .mPage .sep{
	margin:.125em;
	font-size:15px;
}
#vpr1 .mPage .on{
	font-size:18px;
	line-height:24px;
}
#vpr1 .mPage .total{
	font-size:15px;
}
/* 제어 */
#vpr1 .mControl{display:inline-block;
	padding:2px 2px 2px 2px;
	background:#000;
	background-color:rgba(0,0,0, .42);
	vertical-align:middle;
}

#vpr1 .mControl .m{width:24px;height:24px;}
#vpr1 .mControl .m .ic1{width:14px;height:14px;margin:-7px;}
#vpr1 .mControl .stop .ic1{background-image:url(../../img/main/ic14a1c0pause1.png);}
#vpr1 .mControl .prev .ic1{background-image:url(../../img/main/ic14a1c0left1.png);}
#vpr1 .mControl .next .ic1{background-image:url(../../img/main/ic14a1c0right1.png);}


/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}

.mainwrap1{border-radius:20px;
	width:100%;
	max-width:920px;
	margin:0 auto 20px;
	background:#09a;
	overflow:hidden;
}


/* 메뉴(픽1글1)중앙정렬. 20190502 */
#menu1{display:block;
	position:relative;
	margin:auto;
	background:#09a;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
#menu1 .wrap1{
	margin:0 20px;
	padding:20px 0 16px;
}
#menu1 .hg1{
	display:inline-block;
	margin:0 0 16px;
	text-align:left;
}
#menu1 .h1{display:block;}
#menu1 .h1ic1{display:inline-block;
	width:46px;height:41px;
	margin:0 .125em 0 0;
	background:url(../../img/main/menu1deco1@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu1 .h1t1{display:inline-block;
	font-size:20px;
	margin:0 0 4px;
	vertical-align:middle;
}
#menu1 .hg1 .t1{display:block;
	margin:-4px 0 0 16px;
	color:#e0f7f9;
	font-size:14px;
}
#menu1 ul{
	width:100%;
	max-width:320px;
	margin:auto;
	font-size:0;
	text-align:center;
}
#menu1 li{display:inline-block;
	width:20%;
	vertical-align:top;
}
#menu1 li a{display:block;
	margin:0 0 6px;
	color:#fff;
	font-weight:400;
	font-size:14px;
	overflow:hidden;
}
#menu1 li .ic1{display:block;
	width:59px;height:59px;
	margin:0 auto 8px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu1 li .t1{display:block;
	vertical-align:middle;
}
#menu1 .m1 .ic1{background-image:url(../../img/main/menu1p01@2x.png);}
#menu1 .m2 .ic1{background-image:url(../../img/main/menu1p02_1@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_2@2x.png);}

@media all and (min-width:1260px){
	#menu1 .m5{display:block;}
}

@media all and (min-width:1259px){
	#menu1 .m5{display:none;}
	#menu1 li{width: 25%;}
 }


/* 검색.민원처리. 20190502 */
#search1complain1{display:block;
	position:relative;
	margin:auto;
	background:#09a;
	color:#fff;
	overflow:hidden;
}
#search1complain1 .wrap1{
	margin:0 26px;
	padding:16px 0 30px;
	border-top:1px solid rgba(0,0,0, .2);
}
#search1complain1 .hg1{}
#search1complain1 .h1{display:block;}
#search1complain1 .h1t1{display:inline-block;
	margin:0 0 .5em;
	font-size:16px;
	vertical-align:middle;
}
#search1complain1 .w1{display:block;
	position:relative;
	padding:0 74px 0 0;
	overflow:hidden;
}
#search1complain1 select{
	width:100%;
	height:30px;
	margin:0 0 5px;
	padding:2px;
	border:0;
	border-radius:0;
	font-size:14px;
}
#search1complain1 [type='text']{
	width:100%;
	height:30px;
	margin:0;
	padding:2px;
	border:0;
	border-radius:0;
	font-size:14px;
}
#search1complain1 .b1{
	position:absolute;right:0;top:0;
	width:68px;
	height:65px;
	margin:0;
	border:0;
	background:#f15c22;
	color:#fff;
	font-size:16px;
}


/* 알림판.PR로테이터. 20190502 [JS] jQmPR1(); */
#ppr1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 15px;
}
#ppr1 .wrap1{border-radius:20px;
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
#ppr1 .w1mView{
	position:relative;
	z-index:0;
	padding:0 0 53.167%; /* (325/600) */
}
#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{content:'';
	display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	border:4px dotted coral;z-index:9999999 !important;box-sizing:border-box;}
	#ppr1 .mContC>.a1:focus{margin:-1px;}
	
	
#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:auto;right:0;bottom:0;
	font-size:0;
	text-align:right;
	overflow:hidden;
	width:175px;/* 20200122추가- 조작버튼옆 공간 클릭 */
}
#ppr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border: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;
	background:#000;
	background-color:rgba(0,0,0, .42);
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#ppr1 .mPage .sep{
	margin:.125em;
	font-size:15px;
}
#ppr1 .mPage .on{
	font-size:18px;
	line-height:24px;
}
#ppr1 .mPage .total{
	font-size:15px;
}
/* 제어 */
#ppr1 .mControl{display:inline-block;
	padding:8px 12px 8px 0;
	background:#000;
	background-color:rgba(0,0,0, .42);
	vertical-align:middle;
}

#ppr1 .mControl .m{width:24px;height:24px;}
#ppr1 .mControl .m.on {display:none}
#ppr1 .mControl .m .ic1{width:14px;height:14px;margin:-7px;}
#ppr1 .mControl .stop .ic1{background-image:url(../../img/main/ic14a1c0pause1.png);}
#ppr1 .mControl .play .ic1 {left:10px;margin-left:0;margin-right:0;width:0;height:auto;border-style:solid;border-width:7px;border-color:transparent transparent transparent #fff}
#ppr1 .mControl .prev .ic1{background-image:url(../../img/main/ic14a1c0left1.png);}
#ppr1 .mControl .next .ic1{background-image:url(../../img/main/ic14a1c0right1.png);}
#ppr1 .mControl .more{background-image: url(../../img/main/ici_more.png);background-repeat: no-repeat;width: 14px;height: 14px;}


/* 열린○○실. 20190502 */
#mayor1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:300px; /* (360-20*2) */
	margin:auto;
}
#mayor1 .wrap1{border-radius:20px;
	background:#0d5cab; 
}
#mayor1 .a1{display:block;
border-top-left-radius:20px;
border-top-right-radius:20px;
padding:0px 0px;
margin:0px;
overflow:hidden;
}

#mayor1 .a1:focus{border:3px dotted coral;}
#mayor1 .a1:focus .p1{margin:-1px;}
#mayor1 .h1{}
#mayor1 ul{
	position:relative;
	height:45px;
	font-size:0;
	text-align:center;
}
#mayor1 li{display:inline-block;
	position:relative;
	width:50%;
}
#mayor1 li:first-child{width:50%;}
#mayor1 li:first-child+li{width:50%;}
#mayor1 li:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:12px;
	margin:-6px 0;
	border-left:1px solid #fff;
	border-color:rgba(255,255,255, .5);
}
#mayor1 li:first-child:before{
	display:none;
}
#mayor1 li>a{display:block;
	padding:14px;
	color:#fff;
	font-size:16px;
	line-height:17px;
}
#mayor1 li>a .t1{}


/* 최근게시물.탭. 20190502 [JS] jQtabCont2(); */
#bbs1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:920px;
	margin:0 auto 20px;
}
#bbs1 .wrap1{
	position:relative;
	border:1px solid #e7eaed;
	background:#fff;
	overflow:hidden;
}
#bbs1 .wrap2{
	position:relative;
	margin:0 40px 0 0; /* ☆ */
	padding:60px 0 0 0; /* ☆ */
}
#bbs1 .h1{}
/* 탭 */
#bbs1 .tab{
	display:table;
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	width: 14.2%;
	height:60px; /* ☆ */
	margin:-1px 0 0 -1px;
	border:1px solid #e7eaed;
	background:#fff;
	font-size:13px;
}
#bbs1 .tab:before{
	content:''; /*│*/
	display:none;
	position:absolute;
	left:0;
	top:50%;
	width:0;
	height:12px;
	margin:-6px -1px;
	border-left:1px solid #ccc;
}
#bbs1 .tab:nth-of-type(1){left:0%;}
#bbs1 .tab:nth-of-type(2){left: 14.4%;}
#bbs1 .tab:nth-of-type(3){left: 28.8%;}
#bbs1 .tab:nth-of-type(4){left: 43.2%;}
#bbs1 .tab:nth-of-type(5){left: 57.6%;}
#bbs1 .tab:nth-of-type(6){left: 71.4%;}
#bbs1 .tab:nth-of-type(7){left: 85.9%;}
#bbs1 .tab>a{
	display:table-cell;
	padding: 0 .15em;
	color:#666;
	font-weight:500;
	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{
	background:#fff;
}
#bbs1 .tab.on>a{
	color:#f15c22;
	font-weight:600;
}
#bbs1 .tab.on>a .ic1{content:''; /* ▽ */
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-7px -6px;
	border:6px solid transparent;border-top-color:#f15c22;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
#bbs1 .tab.on>a:after{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:0;
	margin:0 0 -1px;
	border-bottom:4px solid #f15c22;
}


#bbs1 .tab.on>a:focus{outline:none;border:2px dotted coral;box-sizing:border-box;}
#bbs1 .tab>a:focus{outline:none;border:2px dotted coral;box-sizing:border-box;}


[lang|='auto'] #bbs1 .tab>a .dpib{vertical-align:middle !important;}
[lang|='en'] #bbs1 .tab>a .dpib{vertical-align:middle !important;}
[lang|='zh'] #bbs1 .tab>a .dpib{vertical-align:middle !important;}
[lang|='ja'] #bbs1 .tab>a .dpib{vertical-align:middle !important;}


/* 내용물 */
#bbs1 .cont{display:none; /* 초기 감출거 잠깐 보임 방지 */
	position:relative;
	margin:0 -40px 0 0; /* ☆ */
	font-size:14px;
}
#bbs1 .cont .w1{
	height:auto; /* 화면확인 */
	padding:20px;
	/* overflow-y:scroll; */
}
#bbs1 p{} /* 내용 없으면 */
#bbs1 .lst1{}
#bbs1 .lst1 li{display:inline;}
#bbs1 .lst1 a{display:block;
	position:relative;
	height:1.375em;
	padding:5px 90px 5px 14px;
	background:url(../../img/main/bu1.png) no-repeat 0 50%;
	color:#444;
	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 .new{float:left;
	position:absolute;left:0;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/main/new.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#bbs1 .lst1 .time{float:left;
	width:90px;
	margin:0 -90px 0 0;
	color:#888;
	text-align:right;
}
#bbs1 .lst1 .time2{float:left;
	width:90px;
	margin:0 -90px 0 0;
	color:#f15c22;
	text-align:right;
}
#bbs1 .lst1 a:hover .t1,
#bbs1 .lst1 a:focus .t1{text-decoration:underline;}
/* more */
#bbs1 .more{float:right;
	z-index:15;
	position:absolute;
	right:0;
	top:-60px; /* ☆ */
	width:40px; /* ☆ */
	height:60px; /* ☆ */
	margin:-1px;
	border:1px solid #e7eaed;
	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:15px;height:15px;
	margin:-7.5px;
	background:url(../../img/main/ic15a2c1bars1.png) no-repeat center center;
	vertical-align:middle;
	/* opacity:.42; */
}


/* 알림판(항목2) 20190502 [JS] jQmPrevNext1() */

/* #ppr2_2 .mContC>.a1:focus:before{content:'';
	display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	border:2px dotted coral;z-index:9999999 !important;box-sizing:border-box;}
#ppr2_2 .mContC>.a1:focus{padding:1px;margin:-1px;} 
#ppr2_2 .mContC>.a1:after{content:'';display:block;z-index:20;position:absolute;left:0;right:0;top:0;bottom:0;}*/

#ppr2_2 .mContC>.a1:focus, #ppr2_2 .mContC>.a1:focus-visible {outline-offset:-2px;}



#ppr2_2{display:block;
	width:265px; /* (265*1) */
	position:relative;
	margin:auto;
}
#ppr2_2>.wrap1{}
#ppr2_2 .w1{
	margin:0 auto 10px;
	overflow:hidden;
}
#ppr2_2 .h1{float:left;
	position:relative;
	margin:0 0 .25em;
	color:#000;
	font-weight:400;
	font-size:16px;
}
/* 내용뷰 */
#ppr2_2 .mView{display:block;
	clear:both;
	z-index:0;
	position:relative;
	height:275px;
	background:#eee;
	overflow:hidden;
}
#ppr2_2 .mView p{} /* 내용 없으면 */
#ppr2_2 .mCont{
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:left; /* ☆ */
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#ppr2_2 .mContC{display:inline-block;
	text-align:center;
	vertical-align:top;
}
#ppr2_2 .mContC.on{}
#ppr2_2 .mContC .a1{display:block;
	position:relative;
	width:265px;
	height:275px;
}

#ppr2_2 .mContC .f1{}
#ppr2_2 .mContC .f1p1{}
#ppr2_2 .mContC .f1 img{}
/* 메뉴 */
#ppr2_2 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:auto;
	font-size:0;
	text-align:center;
}
#ppr2_2 .menu .m{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:	url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#ppr2_2 .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;
	text-indent:-9999px;
	overflow:hidden;
}
/* 제어 */
#ppr2_2 .mControl{display:inline-block;
	vertical-align:middle;
}
#ppr2_2 .mControl .m{
	display:inline-block;
	width:46px;height:46px;
	margin:0 0 0 2px;
	background:rgba(0,0,0, .60);
}
#ppr2_2 .mControl .m.on {display:none}
#ppr2_2 .mControl .m:hover,
#ppr2_2 .mControl .m:focus{
	background:rgba(0,0,0, .42);
}
#ppr2_2 .mControl .m>.ic1{
	width:21px;height:21px;
	margin:-10.5px;
}
#ppr2_2 .mControl .stop>.ic1{background-image:url(../../img/main/ic21a2c0pause1.png);}
#ppr2_2 .mControl .play>.ic1 {left:20px;margin-left:0;margin-right:0;width:0;height:auto;border-style:solid;border-width:12px;border-color:transparent transparent transparent #fff}
#ppr2_2 .mControl .prev>.ic1{background-image:url(../../img/main/ic21a2c0up1.png);}
#ppr2_2 .mControl .next>.ic1{background-image:url(../../img/main/ic21a2c0down1.png);}
#ppr2_2 .mControl .more2{
    background-image: url(../../img/main/ici_more2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    }

#ppr2_2 .mControl .more2:hover,
#ppr2_2 .mControl .more2:focus{background-image: url(../../img/main/ici_more3.png);
	 background-repeat: no-repeat;
    background-position: 50%;
   }



/* 쪽수 */
#ppr2_2 .mPage{display:inline-block;
	box-sizing:border-box; /* ☆ */
	min-width:46px;
	height:46px;
	padding:.8125em .25em;
	background:rgba(0,0,0, .60);
	color:#fff;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
}
#ppr2_2 .mPage:hover,
#ppr2_2 .mPage:focus{
	color:#fff;
}
/* 제어숨김 */
#ppr2_2[data-total-page='NaN'] .menu,
#ppr2_2[data-total-page='0'] .menu,
#ppr2_2[data-total-page='1'] .menu{display:none;}
/* ◇◆ */
@media all and (min-width:570px){
	#ppr2_2{
		width:530px; /* (265*2) */
	}
}


/* 제목그룹 20190502 */
.hgroup1{
	display:none; /* ☆ */
	position:relative;
	margin:auto;
}
.hgroup1 .h1{}
.hgroup1 img{
	display:block;
	width:149px;
	margin:0 auto 20px;
}


/* 카드뉴스.PR로테이터. 20190502 [JS] jQmPR1(); */
#npr1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:600px; /* ☆ */
	margin:0 auto 20px;
}
#npr1 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
#npr1 .w1mView{
	position:relative;
	z-index:0;
	padding:0 0 100%; /* (300/300) */
}
#npr1 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#npr1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#npr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#npr1 .mContC.on{display:block;}
#npr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#npr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#npr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#npr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#npr1 .mContC .f1p1 img{display:block;width:100%;height:100%;margin:auto;}
/* 고도화 */
#npr1 .mContC .a1:focus{border:3px dotted coral;overflow:hidden;}
#npr1 .mContC .a1:focus .f1{margin:-1px;}
#npr1 .mContC.on .a1{}
#npr1 .mContC.off .a1{}
#npr1 .mContC.prev-on .a1{}
#npr1 .mContC.next-on .a1{}
/* 메뉴 */
#npr1 .menu{display:block;
	z-index:10;
	position:relative;
	margin:0 0 8px;
	font-size:0;
	text-align:right;
	overflow:hidden;
}
#npr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#npr1 .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;
}
/* 쪽수 */
#npr1 .mPage{display:inline-block;
	margin:0 6px;
	padding:.1875em 1em;
	background:#fff;
	border-radius:9999px;
	color:#888;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#npr1 .mPage .sep{
	margin:.125em;
	font-size:15px;
}
#npr1 .mPage .on{}

#npr1 .mPage .total{}
/* 순번 */
#npr1 .mNum{display:inline-block;
	vertical-align:middle;
}
#npr1 .mNum .m{display:inline-block;
	height:20px;
	vertical-align:middle;
}
#npr1 .mNum .m>.ic1{display:block;
	position:static;
	width:9px;
	height:9px;
	margin:5px;
	border-radius:9999px;
	background:#b7b7b7;
}
#npr1 .mNum .m.on>.ic1{
	background:#000;
}
/* 제어 */
#npr1 .mControl{display:inline-block;
	margin:0 0 0 4px;
	vertical-align:middle;
}
#npr1 .mControl .m{
	width:25px;height:25px;
	margin:0 0 0 2px;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#fff;
}
#npr1 .mControl .m .ic1{width:9px;height:9px;margin:-4.5px;}
#npr1 .mControl .stop .ic1{background-image:url(../../img/main/ic9a1c1pause1.png);}
#npr1 .mControl .prev .ic1{background-image:url(../../img/main/ic9a1c1left1.png);}
#npr1 .mControl .next .ic1{background-image:url(../../img/main/ic9a1c1right1.png);}


/* 군정뉴스.PR로테이터. 20190502 [JS] jQmPR1(); */
#npr2{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:600px; /* ☆ */
	margin:0 auto 20px;
}

#npr2 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
#npr2 .w1mView{
	position:relative;
	z-index:0;
	padding:60.274% 0 80px; /* (220/365) (캡션) */
	margin-top:33px; /* 이미지 링크로 변경 - 20241015 추가 */
}
#npr2 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#npr2 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#npr2 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#npr2 .mContC.on{display:block;}
#npr2 .mContC a[href]{text-decoration:none;cursor:pointer;}
#npr2 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#npr2 .mContC .f1{display:block;
	/*position:absolute;left:0;right:0;top:0;
	bottom:80px;*/
	overflow:hidden;
}
#npr2 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#npr2 .mContC .f1p1 img{display:block;width:100%;height:100%;margin:auto;}
#npr2 .mContC .tg1{display:block;
	position:absolute;left:0;right:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	height:80px;
	padding:12px 18px;
	background:#252525;
	color:#fff;
	overflow:hidden;
}
#npr2 .mContC .g1{display:inline-block;
	padding:.25em .75em;
	border-radius:9999px;
	background:#f17022;
	font-weight:400;
	font-size:13px;
}
#npr2 .mContC .t1{display:block;
	margin:8px 0 0;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#npr2 .mContC .time{display:inline-block;
	position:absolute;right:18px;top:12px;
	font-size:16px;
}
/* 고도화 */
#npr2 .mContC .a1:focus{border:3px dotted coral;overflow:hidden;}
#npr2 .mContC .a1:focus .f1{margin:-1px;}
#npr2 .mContC.on .a1{}
#npr2 .mContC.off .a1{}
#npr2 .mContC.prev-on .a1{}
#npr2 .mContC.next-on .a1{}
/* 메뉴 */
#npr2 .menu{display:block;
	z-index:10;
	position:relative;
	margin:0 0 8px;
	font-size:0;
	text-align:right;
	overflow:hidden;
}
#npr2 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#npr2 .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;
}
/* 쪽수 */
#npr2 .mPage{display:inline-block;
	margin:0 6px;
	padding:.1875em 1em;
	background:#fff;
	border-radius:9999px;
	color:#888;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#npr2 .mPage .sep{
	margin:.125em;
	font-size:15px;
}
#npr2 .mPage .on{}
#npr2 .mPage .total{}
/* 순번 */
#npr2 .mNum{display:inline-block;
	vertical-align:middle;
}
#npr2 .mNum .m{display:inline-block;
	height:20px;
	vertical-align:middle;
}
#npr2 .mNum .m>.ic1{display:block;
	position:static;
	width:9px;
	height:9px;
	margin:5px;
	border-radius:9999px;

	background:#b7b7b7;
}
#npr2 .mNum .m.on>.ic1{
	background:#000;
}
/* 제어 */
#npr2 .mControl{display:inline-block;
	margin:0 0 0 4px;
	vertical-align:middle;
}
#npr2 .mControl .m{
	width:25px;height:25px;
	margin:0 0 0 2px;
	border:1px solid #ddd;
	border-radius:9999px;
	background:#fff;
}
#npr2 .mControl .m .ic1{width:9px;height:9px;margin:-4.5px;}
#npr2 .mControl .play .ic1{background-image:url(../../img/main/ic9a1c1pause2.png);}
#npr2 .mControl .stop .ic1{background-image:url(../../img/main/ic9a1c1pause1.png);}
#npr2 .mControl .prev .ic1{background-image:url(../../img/main/ic9a1c1left1.png);}
#npr2 .mControl .next .ic1{background-image:url(../../img/main/ic9a1c1right1.png);}


/* 래퍼 #sns1, #ncard1, #link1 20190502 */
.mainwrap2{}
.mainwrap2:after{content:'';display:table;clear:both;}




/* 링크(픽1) 20190502 */
#link1{display:block;
	position:relative;
	width:100%;
	max-width:265px;
	margin:0 auto 20px;
	overflow:hidden;
}
#link1 .wrap1{}
#link1 img{
	width:100%;
	height:auto;
}


/* (탭)메뉴 이전다음 대응 내용 20190502 [JS] jQmTicker2trigger1() + JS */
#mpr1{display:block;
	position:relative;
	max-width:750px;
	margin:0 auto 20px;
	line-height:1.375;
	overflow:hidden;
}
#mpr1 .wrap1{
	box-sizing:border-box; /* ☆ */
	padding:24px 30px;
	border:1px solid #eee;
}
#mpr1 .tabs{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	max-width:540px;
	margin:auto;
	padding:0 36px;
}
#mpr1 .h1{
	margin:0 0 .75em;
	color:#000;
	font-size:20px;
	text-align:center;
}
#mpr1 .mView{z-index:0;
	position:relative;
	width:100%;
	max-width:446px;
	height:38px; /* ☆ */
	margin:auto;
	border-radius:9999px;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#mpr1 .mView:before{content:'';
	display:block;
	z-index:10; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:1px solid #ddd;
	border-radius:9999px;
}
#mpr1 .mCont{display:block;
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;right:0;top:0;
}
#mpr1 .mItem{display:inline-block;
	position:relative;
	width:150px; /* ☆ */
	margin:0;
}
#mpr1 .mItem .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:38px; /* ☆ */
	border:1px solid #ddd;
	margin:0 -1px;
	padding:0;
	background:#fff;
	color:#959595;
	text-decoration:none;
	font-weight:400;
	font-size:15px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	transition:.2s;
}
#mpr1 .mItem.on .a1{
	z-index:20; /* ☆ */
	background:#0a70ba;
	border-color:transparent;
	color:#fff;
	text-decoration:underline;text-underline-offset:4px
}
#mpr1 .mItem .t1{display:block;
	z-index:20; /* ☆ */
	position:relative;
	padding:.5em;
	font-weight:inherit;
}

#mpr1 .mItem.on .a1:focus {outline:none;border:3px dotted coral;box-sizing:border-box;} 
#mpr1 .mItem .a1:focus {outline:none;border:3px dotted coral;box-sizing:border-box;} 

/* 제어 */
#mpr1 .mControl{display:block;
	z-index:30;
	position:absolute;left:0;right:0;top:50%;
	margin:0;
	height:0; /* ☆ */
	font-size:0;
	text-align:center;
}
#mpr1 .mControl .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:32px;height:32px;
	margin:-16px 0;
	padding:0;
	border:0;
	border-radius:9999px;
	background:#0a70ba;
	line-height:1;vertical-align:middle;
	cursor:pointer;overflow:visible;
}
#mpr1 .mControl .m .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:14px;height:14px;
	margin:-7px;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
#mpr1 .mControl .prev{float:left;}
#mpr1 .mControl .next{float:right;}
#mpr1 .mControl .prev .ic1{background-image:url(../../img/main/ic14a1c0left1.png);}
#mpr1 .mControl .next .ic1{background-image:url(../../img/main/ic14a1c0right1.png);}
/* 대응 내용 */
#mpr1 .conts{display:block;
	padding:17px 0 0;
}
#mpr1 .cg1{display:none; /* ☆ */
	overflow:hidden;
	font-size:0; /* ☆ */
}
#mpr1 .cg1.on{display:block;
	height:auto;
	opacity:1;
}
#mpr1 .lst1{display:inline-block;
	list-style:none;
	width:100%;
	margin:0 0 20px;
	padding:0;
	vertical-align:top;
}
#mpr1 .lst1 li{display:inline-block;
	width:100%;
	vertical-align:top;
}
#mpr1 .lst1 .b1{display:inline-block;
	width:100%;
	vertical-align:top;
}
#mpr1 .lst1 a{display:block;
	height:1.375em;
	margin:.375em 1em .375em 0;
	padding:0 0 0 20px;
	background:url(../../img/main/bu2.png) no-repeat 0 50%;
	color:#444;
	font-size:14px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#mpr1 .lst2{display:inline-block;
	list-style:none;margin:0;padding:0;
	width:100%;
	vertical-align:top;
}
#mpr1 .lst2 li{}
#mpr1 .lst2 a{display:block;
	margin:5px 0 0;
	padding:.5em;
	border:1px solid #ddd;
	background:#f4f4f4;
	color:#111;
	font-size:14px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:480px){
	#mpr1 .tabs{
		padding:0 46px;
	}
	#mpr1 .lst1 li{
		width:50%;
	}
}
@media all and (min-width:640px){
	#mpr1 .lst1{
		width:75%; /* ((520/690) */
		margin:0;
	}
	#mpr1 .lst2{
		width:25%;
	}
}
@media all and (min-width:750px){
	#mpr1 {max-width:none}
	#mpr1 .wrap1{
		height:340px;
	}
	#mpr1 .lst1 li{
		width:33.333%;
	}
	#mpr1 .lst1 li:nth-child(3n-2){
		width:28%;
	}
	#mpr1 .lst1 li:nth-child(3n-1){
		width:36%;
	}
	#mpr1 .lst1 li:nth-child(3n-0){
		width:36%;
	}
	#mpr1 .lst1 .b1{
		width:50%;
	}
	#mpr1 .lst1 .b1:nth-child(3n-2){
		width:50%;
	}
	#mpr1 .lst1 .b1:nth-child(3n-0){
		width:50%;
	}
	.mainwrap1 {max-width:none;}
}


/* 메뉴(픽1글1)중앙정렬. 20190502 */
#menu2{display:block;
	position:relative;
	margin:auto;
}
#menu2 .wrap1{}
#menu2 ul{
	margin:-5px;
	font-size:0;
	text-align:center;
}
#menu2 li{display:inline-block;
	width:50%;
	vertical-align:top;
}
#menu2 li a{display:block;
	height:150px;
	margin:5px;
	color:#fff;
	font-weight:600;
	font-size:16px;
	overflow:hidden;
}
#menu2 li .ic1{display:block;
	width:100px;height:100px;

	margin:10px auto -6px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu2 li .t1{display:block;
	vertical-align:middle;
}
#menu2 .m1 a{background:#0a70b9;}
#menu2 .m2 a{background:#09b;}
#menu2 .m3 a{background:#485671;}
#menu2 .m4 a{background:#005baa;}
#menu2 .m1 .ic1{background-image:url(../../img/main/menu2p1@2x.png);}
#menu2 .m2 .ic1{background-image:url(../../img/main/menu2p02@2x.png);}
#menu2 .m3 .ic1{background-image:url(../../img/main/menu2p03@2x.png);}
#menu2 .m4 .ic1{background-image:url(../../img/main/menu2p04@2x.png);}
#menu2 li a:hover .t1{
	text-decoration:underline;
}


/* 메뉴. 20190502 [JS] jQmPrevNext1(); */
#menu3{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
}
#menu3>.wrap1{
	color:#fff;
}
#menu3 .hg1{
	float:left; /* .menu 배치 위해 */
	position:relative;
}
#menu3 .h1{
	display:inline-block;
	position:relative;
	margin:0 .5em .375em 0;
	font-weight:400;
	font-size:27px;
	letter-spacing:-.0625em;
	vertical-align:bottom;
}
#menu3 .hg1 .t1{
	display:inline-block;
	position:relative;
	margin:0 .5em 1em 0;
	font-size:14px;
	vertical-align:bottom;
}
/* 내용뷰 */
#menu3 .mView{
	display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:256px; /* ((120+4*2)*2) */
	margin:0 0 -4px;
	overflow:hidden;
}
#menu3 .mView p{} /* 내용 없으면 */
#menu3 .mCont{
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#menu3 .mContC{display:inline-block;
	text-align:center;
	vertical-align:top;
}
#menu3 .mContC.on{}
#menu3 .mContC .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:98px; /* (320/3)-4*2 */
	height:120px;
	margin:4px;
	color:#555;
}
/* ☆ */
#menu3 .mContC .t1{display:block;
	margin:.5em 0 0;
	color:#fff;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#menu3 .mContC .ic1{display:inline-block;
	width:76px;height:76px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu3 .m1 .ic1{background-image:url(../../img/main/menu3p01@2x.png);}
#menu3 .m2 .ic1{background-image:url(../../img/main/menu3p02@2x.png);}
#menu3 .m3 .ic1{background-image:url(../../img/main/menu3p03@2x.png);}
#menu3 .m4 .ic1{background-image:url(../../img/main/menu3p04@2x.png);}
#menu3 .m5 .ic1{background-image:url(../../img/main/menu3p05@2x.png);}
#menu3 .m6 .ic1{background-image:url(../../img/main/menu3p06@2x.png);}
#menu3 .m7 .ic1{background-image:url(../../img/main/menu3p07@2x.png);}
#menu3 .m8 .ic1{background-image:url(../../img/main/menu3p08@2x.png);}
#menu3 .m9 .ic1{background-image:url(../../img/main/menu3p09@2x.png);}
#menu3 .m10 .ic1{background-image:url(../../img/main/menu3p10@2x.png);}
#menu3 .m11 .ic1{background-image:url(../../img/main/menu3p11@2x.png);}
#menu3 .m12 .ic1{background-image:url(../../img/main/menu3p12@2x.png);}
#menu3 .m13 .ic1{background-image:url(../../img/main/menu3p13@2x.png);}
#menu3 .m14 .ic1{background-image:url(../../img/main/menu3p14@2x.png);}
#menu3 .m15 .ic1{background-image:url(../../img/main/menu3p15@2x.png);}
#menu3 .m16 .ic1{background-image:url(../../img/main/menu3p16@2x.png);}
#menu3 .m17 .ic1{background-image:url(../../img/main/menu3p17@2x.png);}
#menu3 .m18 .ic1{background-image:url(../../img/main/menu3p18@2x.png);}
#menu3 .m19 .ic1{background-image:url(../../img/main/menu3p19@2x.png);}
#menu3 .m20 .ic1{background-image:url(../../img/main/menu3p20@2x.png);}
/* 메뉴 */
#menu3 .menu{display:block;
	z-index:10;
	position:relative;
	margin:14px 0;
	font-size:0;
	text-align:center;
}
#menu3 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#menu3 .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;text-indent:-9999px;overflow:hidden;
}
/* 쪽순 */
#menu3 .mPageNum{display:inline-block;
	vertical-align:middle;
}
#menu3 .mPageNum .m{display:inline-block;
	height:20px;
	vertical-align:middle;
}
#menu3 .mPageNum .m>.ic1{display:block;
	position:static;
	width:10px;
	height:10px;
	margin:5px;
	border-radius:9999px;
	background:#fff;
}
#menu3 .mPageNum .m.on>.ic1{
	width:36px;
}
/* 제어숨김 */
#menu3[data-total-page='NaN'] .menu,
#menu3[data-total-page='0'] .menu,
#menu3[data-total-page='1'] .menu{display:none;}


/* 제목그룹 20190502 */
.hgroup2{
	display:block;
	position:relative;
	margin:auto;
}
.hgroup2 .h1{}
.hgroup2 img{
	display:block;
	width:90%;
	max-width:396px;
	margin:0 auto 20px;
}


/* 문화관광.홍보카드 20190502 [JS] owlCarousel(); */
#mcard1carousel1{
	display:block;
	position:relative;
	/* padding:0 0 40px; */ /* 메뉴영역 */
	margin:0 0 20px;
	line-height:1.375;
}
#mcard1carousel1 .wrap1{
	position:relative; /* overflow:hidden; 위해 필요 */
	margin:0 -20px;
	/* overflow:hidden; */
}
#vpr2 .herebar{} /* )) script */
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
#mcard1carousel1 .owl-carousel{
	list-style:none;
	margin:auto;
	padding:0;
}
#mcard1carousel1 .owl-stage-outer{
	/* overflow:visible; */ /* ☆ */
}
#mcard1carousel1 .owl-stage{
	/* transition-duration:.75s !important; */
}
#mcard1carousel1 .owl-item{}
#mcard1carousel1 .owl-item.cloned{
	/* visibility:hidden; ☆ ))) 키보드 포커스인에만 동작하도록 JS 처리 */
}
#mcard1carousel1 .animated{animation-duration:1s;}
#mcard1carousel1 .owl-animated-in{
	z-index:0;
	animation-duration:1s;
}
#mcard1carousel1 .owl-animated-out{
	z-index:1;
	animation-duration:1s;
}
/* 내용 */
#mcard1carousel1 .item{display:block;
	position:relative;
}
#mcard1carousel1 .item .a1{display:block;
	position:relative;
	width:265px;
	height:391px;
	margin:10px; /* (그림자) */
	border-radius:6px;
	background:#fff;
	text-decoration:none;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .1);
}
#mcard1carousel1 .item .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 75%;
	background:#eee url(../../img/lib/noimage.png) center center;
	background-size:cover;
	text-align:center;
	overflow:hidden;
}
#mcard1carousel1 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#mcard1carousel1 .item .f1 img{
	display:block;
	/* 	width:100%;
	height:auto;
	min-height:100%;
	*/
	position:absolute;
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	margin:auto;
	vertical-align:top;
	opacity:0;
	transition:opacity .4s ease;
}
#mcard1carousel1 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
#mcard1carousel1 a:focus{
	border:3px dotted coral;
}
#mcard1carousel1 .item .g1{
	display:block;
	z-index:10;
	position:absolute;left:0;top:0;
	margin:0;
	padding:1em;
	background:rgba(0,0,0, .42);
	color:#fff;
	font-weight:400;
}
#mcard1carousel1 .item .tg1{display:block;
	padding:24px 18px;
}
#mcard1carousel1 .item .t1{display:block;
	height:1.375em;
	margin:.25em 0;
	color:#000;
	font-weight:400;
	font-size:22px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#mcard1carousel1 .item .t2{display:block;
	position:relative;
	max-height:48px;
	color:#555;
	font-size:16px;
	line-height:24px;
	overflow:hidden;
}
#mcard1carousel1 .item .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:22px;
	width:3em;
	height:24px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
#mcard1carousel1 .item .ic1{
	display:inline-block;
	position:absolute;right:0;bottom:0;
	width:15px;height:15px;
	margin:18px;
	background:url(../../img/main/ic15a3c2newwindow1.png) no-repeat center center;
}
/* 스킨1 */
#mcard1carousel1 .item .a1.s1 .f1{
	position:absolute;left:0;bottom:28px;

	width:244px;
	height:201px;
	padding:0;
}
#mcard1carousel1 .item .a1.s1 .ic1{
	position:absolute;right:0;top:0;bottom:auto;
}
/* 스킨2 */
#mcard1carousel1 .item .a1.s2 .f1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	padding:0;
}
#mcard1carousel1 .item .a1.s2 .tg1{
	position:absolute;left:-9999px;
}
/* 스킨3 */
#mcard1carousel1 .item .a1.s3 .f1{
	width:244px;
	height:191px;
	margin:30px 0 0 21px;
	padding:0;
}
#mcard1carousel1 .item .a1.s3 .f1{
	width:244px;
	height:191px;
	margin:30px 0 0 21px;
	padding:0;
}
/* 스킨4 */
#mcard1carousel1 .item .a1.s4 .f1{
	position:absolute;left:21px;bottom:20px;
	width:223px;
	height:240px;
	padding:0;
}
#mcard1carousel1 .item .a1.s4 .ic1{
	position:absolute;right:0;top:0;bottom:auto;
}
/* 도트(플러그인생성) */
#mcard1carousel1 .owl-dots{
	display:none; /* ☆ */
	margin:16px 0;
	font-size:0;
}
#mcard1carousel1 .owl-dot{
	height:auto;
	margin:0;
	padding:0;
}
#mcard1carousel1 .owl-dot span{
	margin:7px;
}
/* 제어2 */
#mcard1carousel1 .mControl2{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	height:0;
	margin:0 -120px;
	padding:0 10px; /* (카드 그림자 고려) */
	background:none;
	font-size:0;
	opacity:.5;
}
#mcard1carousel1 .mControl2.show{
	margin:0;
	opacity:1;
	transition:margin .2s;
}
#mcard1carousel1 .mControl2 .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:60px;
	height:60px;
	margin:-30px -10px;
	padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	background-color:rgba(0,0,0, 0);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	opacity:.5;
	transition:.2s;
}
#mcard1carousel1 .mControl2 .m:hover,
#mcard1carousel1 .mControl2 .m:focus{
	background-color:rgba(0,0,0, 0);
	opacity:1;
}
#mcard1carousel1 .mControl2 .m .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:60px;height:60px;
	margin:-30px;
	background:url() no-repeat center center;
	overflow:hidden;
}
#mcard1carousel1 .mControl2 .prev{float:left;}
#mcard1carousel1 .mControl2 .next{float:right;}
#mcard1carousel1 .mControl2 .prev.page .ic1{background-image:url(../../img/main/ic58a1c1left1.png);}
#mcard1carousel1 .mControl2 .next.page .ic1{background-image:url(../../img/main/ic58a1c1right1.png);}
/* ◇◆ */
@media all and (min-width:0){
	#mcard1carousel1 .owl-carousel{
		max-width:285px; /* (카드) = (265+10*2) */
	}
	#mcard1carousel1 .mControl2 .prev {margin-left:10px}
	#mcard1carousel1 .mControl2 .next {margin-right:10px}
}
@media all and (min-width:640px){
	#mcard1carousel1 .owl-carousel{
		max-width:586px; /* (카드2+갭1) = (285*2+16) */
	}
}
@media all and (min-width:960px){
	#mcard1carousel1 .owl-carousel{
		max-width:887px; /* (카드3+갭2) = (285*3+16*2) */
	}
}
@media all and (min-width:1260px){
	#mcard1carousel1 .owl-carousel{
		width:1188px; /* (카드4+갭3) = (285*4+16*3) */
		max-width:none;
	}
	#mcard1carousel1 .mControl2 .m{
		margin:-30px -50px;
	}
}


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


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


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:640px){/* ◇◆◇◆◇◆◇◆◇◆ */
} /* /(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{padding:30px 0 20px;}
	#body .mainbody3>.container{padding:0px 0 30px;}
	#body .mainbody4>.container{padding:30px 0;text-align:center}
	#body .mainbody5>.container{padding:30px 0;}
	#body .mainbody6>.container{padding:30px 0;}
	#body .mainbody7>.container{padding:30px 0;}


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


.mainwrap1 {width:calc(100% - 325px);margin-left:0}


#menu1{
	float:none;width:100%;
}
#menu1 ul {max-width:none}
#menu1 .wrap1 {padding-bottom:5px}

#search1complain1{
}
#search1complain1 .wrap1{
	padding:0 0 20px;
	border-top:0;
}
#search1complain1 .hg1{
	margin:0 0 10px;
}
#search1complain1 .h1t1 {margin-bottom:0}

#ppr1{
	clear:both;
}

#mayor1{
	position:absolute;top:30px;right:0;
}

#bbs1{
	float:left;margin:0 auto 20px 0;max-width:none;clear:inherit;
	width:calc(100% - 365px);
}
#bbs1 .wrap1{
	height:275px; /* ((#mayor1높이)-1*2) */
}
#bbs1 .tab{
	font-size:15px;
}
#bbs1 .cont .w1{
	padding:24px 30px;
}


#ppr2_2{
	float:right;
	width:265px; /* (265*2) */
	padding:0 77px 0 0; /* (.w1) */
}
#ppr2_2 .w1{
	z-index:10;
	position:absolute;right:0;top:0;bottom:0;
	width:77px;
}
#ppr2_2 .h1{
	position:absolute;right:0;top:0;
	margin:0;
	font-size:14px;
}
#ppr2_2 .h1 br{
	display:none;
}
#ppr2_2 .h1ic1{display:block;
	position:absolute;right:6px;top:95px;
	width:1px;
	height:95px;
	background:#ccc;
}
#ppr2_2 .h1t1{display:block;
	transform:rotate(-90deg) translate(-2px, -15px);
	transform-origin:100% 0;
}
#ppr2_2 .menu{
	position:absolute;right:21px;top:0;
	width:46px;
}
#ppr2_2 .mControl .m{
	margin:2px 0 0;
}

.hgroup1 {display:block}

#npr1{
	display:inline-block;vertical-align:top;
	width:calc(36% - 10px);
}

#npr2{
	display:inline-block;vertical-align:top;
	width:calc(36% - 10px);margin-right:10px;margin-bottom:0;
}

.mainwrap2 {display:inline-block;vertical-align:top;width:27%;text-align:left}



#link1{
	width:auto;
	max-width:none;
}

#menu2 li{
	width:25%;
}


#menu3 .mView{
	height:158px; /* ((150+4*2)*1) */
}
#menu3 .mContC .a1{
	width:120px;
	height:150px;
}
#menu3 .mContC .ic1{
	width:114px;height:114px;
}
#menu3 .menu{
	float:right;
}


} /* /(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:40px 20px 0;max-width:none;}
#body .mainbody3>.container{padding:40px 20px;max-width:none;}
#body .mainbody4>.container{padding:40px 20px;max-width:none;text-align:center;}
#body .mainbody5>.container{padding:40px 20px;max-width:none;}
#body .mainbody6>.container{padding:40px 20px;max-width:none;}
#body .mainbody7>.container{padding:40px 20px;max-width:none;}


#ppr1{
	clear:both;
/* 	float:left;
	width:590px; */
	margin:0;
}

#mayor1{
	width:300px;
	margin:0;top:40px;right:20px;
}
#bbs1 .wrap1{
	height:273px;
}
#bbs1 .wrap2{
	margin:0 60px 0 0;
}
#bbs1 .tab{
	border-width:1px 0;
	font-size:15px;
	/* font-size:17px; */
}
#bbs1 .tab:before{
	display:block;
}
#bbs1 .tab.on>a:after{
	margin:0 10px -1px;
}
#bbs1 .cont{
	margin:0 -60px 0 0;
	font-size:16px;
}
#bbs1 .cont .w1{
	padding:24px 30px;
}
#bbs1 .lst1 a{
	padding:3px 80px 3px 14px;
}
#bbs1 .more{
	width:60px;
}


.hgroup1{
	display:inline-block;vertical-align:top;margin-top:-20px;
	/* position:absolute;left:20px;top:24px; */
}
.hgroup1 img{
	width:208px;
}

#npr1{
	float:none;
	margin:0 10px 0 -50px;max-width:none;
	padding:0;width:calc(25% - 10px)
}

#npr2{
	float:none;width:calc(30% - 10px)
}


.mainwrap2{float:none;}


#link1{
	float:right;
	width:265px;
	max-width:none;
	margin:0;
}


} /* /(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:394px;
		margin-top:-394px;
	}
	#body .mainbody3{}
	#body .mainbody4{}
		#body .mainbody4:before{display:none;}
	#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:40px 0;}
		#body .mainbody4>.container{padding:40px 0;}
		#body .mainbody5>.container{padding:40px 0;}
		#body .mainbody6>.container{padding:40px 0;}
		#body .mainbody7>.container{padding:40px 0;}


#vpr1 .mView{
	height:760px;
}
#vpr1 .menu{
	top:37.5%; /* (285/760) */
}
#vpr1 .mControl2{
	bottom:39.474%; /* (300/760) */
}


.mainwrap1{ border-radius:20px;
	float:left;
	width:290px;
	height:320px;
	margin:0;
}

#menu1{
	float:none;
	width:auto;
	z-index:14;
}
#menu1 .wrap1{
	padding:20px 0 10px;
}

#menu2 li a{
	height:165px;
}

#search1complain1{
	float:none;
	width:auto;
	z-index:15;
}
#search1complain1 .wrap1{
	padding:10px 0 20px;
	border-top:1px solid rgba(0,0,0, .2);
}
#search1complain1 .hg1{
	margin:0;
}

#ppr1{padding: 0 5px 0 5px;
	clear:none;
	float:left;
	width:610px;
	margin:0;
	z-index:16;
}

#mayor1{
	float:right;
	width:300px;
	margin:0;
	z-index:17;
	top:0;right:0;
}

#bbs1{
	float:left;
	width:574px;
	margin:0;
}

#ppr2_2{
	clear:none;
	float:right;
	width:530px; /* (265*2) */
	margin:0;
}


.mainwrap2{
	width:265px;
}

#ncard1{
	margin:0 0 10px;
}



#mpr1{
	float:left;
	width:750px;
	margin:0;
}

#menu2{
	float:right;
	width:430px;
}
#menu2 li{
	width:50%;
}



#menu3 .hg1{
	width:176px; /* (1200-1024) */
	margin:13px 0 0;
}
#menu3 .mView{
	clear:none;
	float:right;
	width:1024px; /* (128*8) */
	height:158px; /* ((150+4*2)*1) */
	margin-right:-10px;
}
#menu3 .mCont{
	text-align:left;
}
#menu3 .mContC .a1{
	width:120px; /* (128-4*2) */
	height:150px;
	margin:0 4px 8px;
}
#menu3 .mContC .t1{
	font-size:17px;
	margin:.75em 0 0;
}
#menu3 .mContC .ic1{
	width:114px;height:114px;
}
#menu3 .menu{
	position:absolute;left:0;bottom:0;
	margin:0 0 10px;
}
#menu3 .menu:before{
	right:auto;left:100%;
}


/* ◇◆ Only Desktop ◇◆ */


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


#mainbody8 {background:#f4f4ef url(/_res/portal/img/main/mainbody8_bg.png) no-repeat 50% 0;padding:50px 0}
#mainbody8>.container {max-width:1200px;}
#menu4 {padding:0 65px;background:url(/_res/portal/img/main/menu4_bg.png) no-repeat 50% bottom;}
#menu4:after {clear:both;content:"";display:block}
#menu4 li {position:relative;float:left;width:calc(25% - 70px);margin:0 35px;text-align:center;}
#menu4 li a {display:block;width:180px;height:180px;border-radius:50%;margin:auto auto 40px;text-align:center;color:#fff;font-size:18px;font-weight:bold;letter-spacing:-.05em;box-sizing:border-box;}
#menu4 li a:before {position:absolute;top:16px;right:5px;content:"";display:block;width:40px;height:40px;background:url(/_res/portal/img/main/menu4_sprite.png) no-repeat -448px 0;opacity:0;transition:all .35s ease .05s}
#menu4 li a:after {position:absolute;bottom:-7px;left:calc(50% - 9px);content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #63cd29;box-sizing:border-box;transition:all .35s ease;}
#menu4 li.m1 a {background-color:#044f90}
#menu4 li.m2 a {background-color:#0a7da7}
#menu4 li.m3 a {background-color:#c52426}
#menu4 li.m4 a {background-color:#4a8414}
#menu4 li a .t1 {position:relative;display:block;padding-top:22px;height:calc(100% - 22px);}
#menu4 li a .t1:before {content:"";display:block;width:110px;height:95px;background:url(/_res/portal/img/main/menu4_sprite.png) no-repeat;margin:auto auto 5px;}
#menu4 li a .t1:after {position:absolute;bottom:-39px;left:calc(50% - 10px);content:"";display:block;width:0;border-style:solid;border-width:20px 10px;}
#menu4 li.m1 a .t1:before {background-position:0 0}
#menu4 li.m2 a .t1:before {background-position:-112px 0}
#menu4 li.m3 a .t1:before {background-position:-224px 0}
#menu4 li.m4 a .t1:before {background-position:-336px 0}
#menu4 li.m1 a .t1:after {border-color:#044f90 transparent transparent transparent}
#menu4 li.m2 a .t1:after {border-color:#0a7da7 transparent transparent transparent}
#menu4 li.m3 a .t1:after {border-color:#c52426 transparent transparent transparent}
#menu4 li.m4 a .t1:after {border-color:#4a8414 transparent transparent transparent}
#menu4 li a:hover {box-shadow:5px 5px 18px 0 rgb(0,0,0,.08)}
#menu4 li a:hover:before {opacity:1;}
#menu4 li a:hover:after {background-color:#63cd29}
@media all and (max-width:1259px){
	#body .mainbody7 {margin-bottom:0}
	#mainbody8 {margin-bottom:-57px}
	#menu4 {padding:0}
}
@media all and (max-width:1229px){
	#mainbody8>.container {padding-left:15px;padding-right:15px}
	#menu4 li {margin:auto;width:25%}
}
@media all and (max-width:999px){
	#mainbody8 {padding:35px 0}
	#mainbody8>.container {padding:0}
	#menu4 {background-image:none;padding:0}
	#menu4 li a {margin-bottom:0}
	#menu4 li a:after, #menu4 li a .t1:after {display:none}
}
@media all and (max-width:768px){
	#menu4 li a {font-size:16px;width:144px;height:144px;}
	#menu4 li a .t1:before {width:88px;height:76px;background-size:auto 76px}
	#menu4 li.m2 a .t1:before {background-position:-90px 0}
	#menu4 li.m3 a .t1:before {background-position:-179px 0}
	#menu4 li.m4 a .t1:before {background-position:-269px 0}
}
@media all and (max-width:599px){
	#menu4 li a {width:108px;height:108px;}
	#menu4 li a .t1 {padding-top:10px}
	#menu4 li a .t1:before {width:66px;height:57px;background-size:auto 57px}
	#menu4 li.m2 a .t1:before {background-position:-67px 0}

	#menu4 li.m3 a .t1:before {background-position:-134px 0}
	#menu4 li.m4 a .t1:before {background-position:-202px 0}
}
@media all and (max-width:499px){
	#menu4 li {width:50%;margin-top:5px}
}



/* 메인배너 모달 */
#modal1ppr {display:none;position:absolute;top:0;left:0;width:100%;height:100%;;z-index:9999}
#modal1ppr:after {position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
#modal1ppr.on {display:block;}
#modal1ppr .container {position:relative;max-width:1300px;height:850px;margin:140px auto;border-radius:30px;overflow:hidden}
#modal1ppr .container .h1 {height:100px;line-height:100px;background: linear-gradient(-180deg, #5093d3, #126acb);color:#fff;font-size:36px;padding:4px 50px 0;font-family:"TTWanjudaedunsanche", sans-serif;font-weight:500;box-sizing:border-box}
#modal1ppr .container .cont {background:#fff;padding:30px 50px 65px;}
#modal1ppr .container .cont .info2 {position:relative;color:#000;font-weight:500;padding-left:34px;margin-bottom:30px}
#modal1ppr .container .cont .info2:before {position:absolute;top:-3px;left:0;content:"";display:block;width:24px;height:24px;background:url(https://www.gimhae.go.kr/_res/portal/img/main2023/main_sprite.png) no-repeat -123px -98px}
#modal1ppr .container .cont .info2 span {font-weight:800;color: #d93536;}
#modal1ppr .container .cont .datalist {height:600px;overflow-y:auto;padding-right:60px}
#modal1ppr .container .cont .datalist li {float:left;width:calc(33.33% - 20px);margin-left:30px;margin-top:30px;}
#modal1ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:0}
#modal1ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:0}
#modal1ppr .container .cont .datalist li a {display:block;width:100%;height:100%;border-radius: 10px;overflow:hidden}
#modal1ppr .container .cont .datalist li a img {width:100%;height:100%}
#modal1ppr .container .b1.close {position:absolute;top:41px;right:50px;width:24px;height:24px;background:url(https://www.gimhae.go.kr/_res/portal/img/main2023/main_sprite.png) no-repeat -61px -142px}
@media screen and (min-width:1260px){
	html.modal #wrap {z-index:101} /* 팝업존 모달팝업 열렸을때 z-index */
}

@media screen and (max-width:999px){
	#modal1ppr .container .h1 {height:80px;line-height:80px;font-size:30px;}
	#modal1ppr .container .cont {padding-left:30px;padding-right:30px;padding-bottom:40px;}
	#modal1ppr .container .cont .datalist li {width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
	#modal1ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:10px;}
	#modal1ppr .container .cont .datalist li:nth-child(odd) {margin-left:0}
	#modal1ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:10px}
	#modal1ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:0}
	#modal1ppr .container .b1.close {top:30px;right:35px;}
}
@media screen and (max-width:649px){
	#modal1ppr .container .h1 {height:70px;line-height:70px;font-size:24px;padding:4px 35px 0}
	#modal1ppr .container .cont {padding:25px 20px 30px}
	#modal1ppr .container .cont .info2 {margin-bottom:20px;}
	#modal1ppr .container .cont .datalist li {width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
	#modal1ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:10px;}
	#modal1ppr .container .cont .datalist li:nth-child(odd) {margin-left:0}
	#modal1ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:10px}
	#modal1ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:0}
	#modal1ppr .container .b1.close {top:25px;right:30px;}
}
@media screen and (max-width:499px){
	#modal1ppr .container .h1 {height:60px;line-height:60px;font-size:22px;padding-left:25px;padding-right:25px}
	#modal1ppr .container .cont {padding:25px 20px 30px}
	#modal1ppr .container .cont .info2 {margin-bottom:10px;}
	#modal1ppr .container .cont .datalist {padding-right:25px}
	#modal1ppr .container .cont .datalist li {float:none;width:100%;margin-left:0;}
	#modal1ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:0;}
	#modal1ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:0}
	#modal1ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:10px} 
	#modal1ppr .container .b1.close {top:20px;right:25px;}
}

/* 팝업존 모달 */
#modal2ppr {display:none;position:absolute;top:0;left:0;width:100%;height:100%;;z-index:9999}
#modal2ppr:after {position:fixed;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
#modal2ppr.on {display:block;}
#modal2ppr .container {position:relative;max-width:1300px;height:850px;margin:140px auto;border-radius:30px;overflow:hidden}
#modal2ppr .container .h1 {height:100px;line-height:100px;background: linear-gradient(-180deg, #5093d3, #126acb);color:#fff;font-size:36px;padding:4px 50px 0;font-family:"TTWanjudaedunsanche", sans-serif;font-weight:500;box-sizing:border-box}
#modal2ppr .container .cont {background:#fff;padding:30px 50px 65px;}
#modal2ppr .container .cont .info2 {position:relative;color:#000;font-weight:500;padding-left:34px;margin-bottom:30px}
#modal2ppr .container .cont .info2:before {position:absolute;top:-3px;left:0;content:"";display:block;width:24px;height:24px;background:url(https://www.gimhae.go.kr/_res/portal/img/main2023/main_sprite.png) no-repeat -123px -98px}
#modal2ppr .container .cont .info2 span {font-weight:800;color: #d93536;}
#modal2ppr .container .cont .datalist {height:600px;overflow-y:auto;padding-right:60px}
#modal2ppr .container .cont .datalist li {float:left;width:calc(33.33% - 20px);margin-left:30px;margin-top:30px;}
#modal2ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:0}
#modal2ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:0}
#modal2ppr .container .cont .datalist li a {display:block;width:100%;height:100%;border-radius: 10px;overflow:hidden}
#modal2ppr .container .cont .datalist li a img {width:100%;height:100%}
#modal2ppr .container .b1.close {position:absolute;top:41px;right:50px;width:24px;height:24px;background:url(https://www.gimhae.go.kr/_res/portal/img/main2023/main_sprite.png) no-repeat -61px -142px}
@media screen and (min-width:1260px){
	html.modal #wrap {z-index:101} /* 팝업존 모달팝업 열렸을때 z-index */
}

@media screen and (max-width:999px){
	#modal2ppr .container .h1 {height:80px;line-height:80px;font-size:30px;}
	#modal2ppr .container .cont {padding-left:30px;padding-right:30px;padding-bottom:40px;}
	#modal2ppr .container .cont .datalist li {width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
	#modal2ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:10px;}
	#modal2ppr .container .cont .datalist li:nth-child(odd) {margin-left:0}
	#modal2ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:10px}
	#modal2ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:0}
	#modal2ppr .container .b1.close {top:30px;right:35px;}
}
@media screen and (max-width:649px){
	#modal2ppr .container .h1 {height:70px;line-height:70px;font-size:24px;padding:4px 35px 0}
	#modal2ppr .container .cont {padding:25px 20px 30px}
	#modal2ppr .container .cont .info2 {margin-bottom:20px;}
	#modal2ppr .container .cont .datalist li {width:calc(50% - 5px);margin-left:10px;margin-top:10px;}
	#modal2ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:10px;}
	#modal2ppr .container .cont .datalist li:nth-child(odd) {margin-left:0}
	#modal2ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:10px}
	#modal2ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:0}
	#modal2ppr .container .b1.close {top:25px;right:30px;}
}
@media screen and (max-width:499px){
	#modal2ppr .container .h1 {height:60px;line-height:60px;font-size:22px;padding-left:25px;padding-right:25px}
	#modal2ppr .container .cont {padding:25px 20px 30px}
	#modal2ppr .container .cont .info2 {margin-bottom:10px;}
	#modal2ppr .container .cont .datalist {padding-right:25px}
	#modal2ppr .container .cont .datalist li {float:none;width:100%;margin-left:0;}
	#modal2ppr .container .cont .datalist li:nth-child(3n+1) {margin-left:0;}
	#modal2ppr .container .cont .datalist li:nth-child(-n+3) {margin-top:0}
	#modal2ppr .container .cont .datalist li:nth-child(-n+2) {margin-top:10px} 
	#modal2ppr .container .b1.close {top:20px;right:25px;}
}

@media all and (min-width:375px) and (max-width:1260px){/* ◇◆◇◆◇◆◇◆◇◆ */
	#mayor1 .a1{display:block;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:0px 0px;
	margin:0px;
	overflow:hidden;}
}


#ppr2 {position:relative;float:right;width:530px;height:275px;padding-right:77px;overflow:hidden}
#ppr2 .wrap1 {height:100%;}
#ppr2 .h1 {position:absolute;top:0;right:0;margin:0;font-size:14px;color:#000;font-weight:400}
#ppr2 .h1 .h1ic1 {position:absolute;top:95px;right:6px;width:1px;height:95px;background:#ccc;}
#ppr2 .h1 .h1t1 {display:block;transform:rotate(-90deg) translate(-2px, -15px);transform-origin:100% 0}
#ppr2 .h1 .h1t1 br {display:none}
#ppr2 .mView .mContC {vertical-align:top;height:100%;}
#ppr2 .mView .mContC a {display:block;width:100%;height:100%;box-sizing:border-box}
#ppr2 .mView .mContC a .f1 {position:relative;width:100%;height:0;padding-bottom:103.77%;overflow:hidden;box-sizing:border-box}
#ppr2 .mView .mContC a .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#ppr2 .mView .mContC a .f1 .f1p1 img {display:block;object-fit:cover;object-position:top;}
#ppr2 .mView .mContC a:focus-visible {outline-offset:-2px;padding:2px;}
#ppr2 .mView .mContC a:focus-visible .f1 {padding:2px 2px calc(103.77% - 4px)}
#ppr2 .menu {position:absolute;top:0;right:21px;width:46px;height:auto;font-size:0;text-align:center}
#ppr2 .mPage {display:block;min-width:46px;height:46px;padding:.8125em .25em;background:rgba(0,0,0,.6);color:#fff;font-size:15px;box-sizing:border-box}
#ppr2 .mControl .m {display:block;width:46px;height:46px;background:rgba(0,0,0,.6);margin:2px 0 0;padding:0;}
#ppr2 .mControl .m>.ic1 {position:absolute;top:50%;left:50%;width:21px;height:21px;margin:-10.5px;background-repeat:no-repeat;background-size:contain;}
#ppr2 .mControl .play {display:none}
#ppr2 .mControl .stop>.ic1 {background-image:url(../../img/main/ic21a2c0pause1.png);}
#ppr2 .mControl .play>.ic1 {left:20px;margin-left:0;margin-right:0;width:0;height:auto;border-style:solid;border-width:12px;border-color:transparent transparent transparent #fff}
#ppr2 .mControl .prev>.ic1 {background-image:url(../../img/main/ic21a2c0up1.png);}
#ppr2 .mControl .next>.ic1 {background-image:url(../../img/main/ic21a2c0down1.png);}
#ppr2 .mControl .more2 {background-image: url(../../img/main/ici_more2.png);background-repeat: no-repeat;background-position: 50%;}
#ppr2 .mControl .more2:hover,
#ppr2 .mControl .more2:focus {background-image: url(../../img/main/ici_more3.png);background-repeat: no-repeat;background-position: 50%;}
@media screen and (max-width:1259px){
	#ppr2 {width:265px;}
}
@media screen and (max-width:768px){
	#ppr2 {width:530px;height:auto;margin:auto;float:none;padding-right:0}
	#ppr2 .h1 {position:relative;top:auto;right:auto;margin-bottom:10px;float:left;}
	#ppr2 .h1 .h1ic1 {display:none}
	#ppr2 .h1 .h1t1 {transform:none;}
	#ppr2 .h1 .h1t1 br {display:block}
	#ppr2 .menu {position:static;top:auto;right:auto;float:right;width:auto;}
	#ppr2 .menu *, #ppr2 .mControl .m {display:inline-block;vertical-align:top;}
	#ppr2 .mControl .m {margin-top:0;margin-left:2px;}
	#ppr2 .mView {clear:both}
}
@media screen and (max-width:569px){
	#ppr2 {width:265px;text-align:center}
	#ppr2 .h1, #ppr2 .menu {float:none}
	#ppr2 .menu {text-align:right;margin-bottom:10px}
	#ppr2 .mPage {text-align:center}
	#ppr2 .h1 .h1t1 br {display:none}
}



#sns1{display:block;}
#sns1 .link{font-size:0;margin-bottom:20px;text-align:right;}
#sns1 .link li{display:inline-block;vertical-align:top;}
#sns1 .link a{display:block;margin:0 0 0 5px;}
#sns1 .link .ic1{display:inline-block;vertical-align:middle;width:30px;height:30px;background:url() no-repeat center center / contain;border-radius:50%}
#sns1 .link .twitter .ic1{background-image:url(../../img/main/sns1twitter@2x.png);}
#sns1 .link .facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns1 .link .naverblog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns1 .link .naverblog2 .ic1{background-image:url(../../img/main/sns1naverblog2@2x.png);}
#sns1 .link .instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
#sns1 .link .youtube .ic1{background-image:url(../../img/main/sns1youtube@2x.png);}

#ncard1{display:block;position:relative;}
#ncard1 li a{display:block;width:100%;height:100%;padding:25px 20px 0;box-sizing:border-box;}
#ncard1 li a:focus {outline:none;border:2px dotted coral;box-sizing:border-box;} 
#ncard1 li a .tg1 .h1{color:#fff;font-size:22px;font-weight:600}
#ncard1 li a .tg1 .t1{display:block;position:relative;padding:0 0 0 8px;font-size:16px;color:#fff;}
#ncard1 li a .tg1 .t1:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:15px;margin:3px 1px;border-left:2px solid #fff;}
#ncard1 li a .tg1 .b1{display:inline-block;padding:.25em .75em;background:#101f3c;color:#fff;font-size:14px;margin-top:8px}

#ncard1 .li1{height:140px;margin-bottom:10px;background:#4f95dd url(../../img/main/news1bg1.png) no-repeat 100% 100%}
#ncard1 .li2{height:120px;background:#083058 url(../../img/main/smartphoto_bg1.png) no-repeat 100% 100% / cover}

@media screen and (max-width:767px){
	#ncard1 ul{display:flex;gap:10px;}
	#ncard1 li{flex:1;height:140px !important;}
}
@media screen and (max-width:499px){
	#ncard1 ul{display:block;}
}