@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.10.01 | 송현정 | 요구반영. menu1 수정, #ncard1 .h1 
 * 2018.10.16 | 송현정 | 요구반영. vpr5 추가 사이즈 수정  줄168, 1840 
 * 2020.02.17 | 문영신 | (( 운영서버 main.css 복제
 * 2020.02.20 | 문영신 | 디자인개편
 * 2020.07.01 | 김효진 | 김해톡톡 #lbs1 추가
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Overwrite (( all.css ◇◆ */


/* 20200220 */
#quickmenu1c{
	margin-top:-58px;
}
#quickmenu1 .talktalk, #quickmenu1.close .talktalk {display:none;}
#quickmenu1 .b1.toggle{
	top:160px;
}
#quickmenu1 .bangsa{top:368px;}
#gotop2{
	top:336px; /* 화면확인 */
}
#quickmenu1.open .talktalk {top:186px;display:block;}
#quickmenu1.open .bangsa {top:367px;display:block;}
#quickmenu1.open .b1.toggle {top:159px}
#quickmenu1.open #gotop2 {top:335px}

/* ◇◆ */
@media all and (min-width:768px){
	#quickmenu1c{
		margin-top:0;
	}
	#quickmenu1 .b1.toggle {top:148px}
	#quickmenu1 .bangsa{top:250px;}
	#gotop2 {top:366px}

	#quickmenu1.open .talktalk {top:149px;}
	#quickmenu1.open .bangsa {top:149px;}
	#quickmenu1.open .b1.toggle {top:271px}
	#quickmenu1.open #gotop2 {top:380px}
}
@media all and (min-width:1000px){
	#quickmenu1 .talktalk, #quickmenu1.close .talktalk {display:block;top:295px}
	#quickmenu1 .bangsa, #quickmenu1.close .bangsa {display:block;top:523px;}
	#quickmenu1 .b1.toggle{
		top:419px;
	}
	#gotop2{
		top:641px; /* 화면확인 */
	}
}


/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */


.brn{display:block;}
@media all and (min-width:768px){
	.brn{display:none;}
}


/* 배치.메인 20200220 */
#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{
				/* height:0; */
				background:#eee;
			}
			#body .mainbody3{background:#fff;}
			#body .mainbody4{background:#e9f2fc;}
			#body .mainbody5{background:#fff;}
			#body .mainbody6{background:#f4f4f4;}
			#body .mainbody7{
				background:#fff url(../../img/main2020/bg7.jpg) no-repeat center top;
				background-size:cover;
			}
			#body .mainbody8{
				/* background:#fff url(../../img/main2020/bg8.jpg) no-repeat center bottom; */
			}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{margin:auto;}
					#body .mainbody2>.container{padding:40px 0;}
					#body .mainbody3>.container{padding:40px 0;}
					#body .mainbody4>.container{padding:40px 0;}
					#body .mainbody5>.container{padding:40px 0;}
					#body .mainbody6>.container{} /* 20200220 */
					#body .mainbody7>.container{padding:40px 0;}
					#body .mainbody8>.container{padding:50px 0;}
						/* #body [class*='mainwrap']{} */

#wing{}


/* #body */


/* ☆감춤 20180713 */
/* none ★☆ToEdit) 나중에 작업할거 ☆  */


/* ☆공용 20180713 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 비쥬얼.PR로테이터. 20180713 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:336px; /* 정보 안잘리게 >=768*(840/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{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#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 .tg1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:90px 20px 0;
	color:#fff;
	text-align:center;
	overflow:hidden;
	text-shadow:0 0 2px rgba(0,0,0, .5);
}
#vpr1 .mContC .t1{display:block;
	position:relative;
	font-weight:500;
	font-size:20px;
}
#vpr1 .mContC .t1:before{content:'';display:block;
	position:relative;
	width:36px;
	height:2px;
	margin:0 auto 16px;
	background:#fff;
}
#vpr1 .mContC .t2{display:block;
	margin:.5em 0 1.25em;
	font-size:14px;
}
#vpr1 .mContC .b1{display:inline-block;
	padding:.75em 2em;
	border:1px solid #fff;
	background:rgba(0,0,0, .2);
	color:#fff;
	font-weight:600;
	font-size:15px;
}
/* 고도화 */
#vpr1 .mContC .c:focus{border:1px dotted #000;}
#vpr1 .mContC .c: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;top:0;
	width:90%;
	max-width:500px;
	margin:30px auto; /* ☆ */
	font-size:0;
	text-align:center;
}
#vpr1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/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;
	background:url() no-repeat center center;background-size:contain;overflow:hidden;
}
/* 제어 */
#vpr1 .mControl{display:block;
	height:0;
	vertical-align:middle;
}
#vpr1 .mControl .m{
	width:22px;height:44px;
}

/*#vpr1 .mControl .m{
	width:44px;height:44px;
}*/

#vpr1 .mControl .m .ic1{
	width:25px;height:25px;
	margin:-12.5px;
}
#vpr1 .mControl .prev{float:left;}
#vpr1 .mControl .next{float:right;}
#vpr1 .mControl .prev .ic1{background-image:url(../../img/main2020/ic25a1c0left1.png);}
#vpr1 .mControl .next .ic1{background-image:url(../../img/main2020/ic25a1c0right1.png);}
/* 순번 */
#vpr1 .mNum{display:block;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
}
#vpr1 .mNum .m{display:inline-block;
	width:44px;height:44px;
	padding:13px 0;
	background:url(../../img/main2020/b.png);
	color:#fff;
	font-size:14px;
	line-height:18px;
	text-align:center;
}
#vpr1 .mNum .m .ic1{display:none;
	width:100%;height:100%;
	margin:-50%;
	background-image:url(../../img/main2020/ic44a1c1hexagon1.png);
}
#vpr1 .menu .m .t1{position:relative;}
#vpr1 .mNum .m.on{
	font-weight:600;
}
#vpr1 .mNum .m.on .ic1{
	display:inline-block;
}
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}


/* 알림판. 20180718 [JS] jQmPrevNext3(); */
#ppr1{display:block;position:relative;
	margin:auto;
}
#ppr1 .wrap1{
	margin:0 -3px;
}
#ppr1 .mView{
	z-index:0;
	position:relative;
	width:285px; /* ☆ */
	height:350px;
	margin:auto;
	overflow:hidden;
}
#ppr1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.6s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#ppr1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#ppr1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:285px; /* ☆ */
	height:350px;
	margin:0 20px 0 0;
}
#ppr1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#ppr1 .mContC.on{display:block;}
#ppr1 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ppr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
	overflow:hidden;
}
#ppr1 .mContC .a1 .f1{display:block;position:relative;
	height:270px;
	overflow:hidden;
}
#ppr1 .mContC .a1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
#ppr1 .mContC .a1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:0 auto;}
/* 글 */
#ppr1 .mContC .tg1{display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:80px;
	background:#fff;
}
#ppr1 .mContC .t1{display:block;
	height:1.375em;

	padding:12px 16px;
	color:#363940;
	font-size:15px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
 #ppr1 .mContC .ic1{display:block;
	width:25px;height:25px;
	margin:-7px auto 0;
	background:url(../../img/main2020/more1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
}
/* 초점 */
#ppr1 .mContC .a1:focus{border:1px dotted #000;}
#ppr1 .mContC .a1:focus .f1{margin:-1px;}
/* 메뉴 */
#ppr1 .menu{display:block;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:0 auto 18px;
	font-size:0;
	text-align:center;
}
#ppr1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/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;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
#ppr1 .mControl{display:inline-block;
	vertical-align:middle;
}
#ppr1 .mControl .m{display:inline-block;
	width:25px;height:25px;
	margin:2px 1px;
	border-radius:9999px;
	background:#000;
	background-color:rgba(0,0,0, .42);
}
#ppr1 .mControl .m.on{}
#ppr1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#ppr1 .mControl .stop>.ic1{background-image:url(../../img/main2020/ic9a1c0pause1.png);}
#ppr1 .mControl .play>.ic1{background-image:url(../../img/main2020/ic9a1c0play1.png);}
#ppr1 .mControl .prev>.ic1{background-image:url(../../img/main2020/ic9a1c0left1.png);}
#ppr1 .mControl .next>.ic1{background-image:url(../../img/main2020/ic9a1c0right1.png);}
#ppr1 .mControl .more>.ic1{background-image:url(../../img/main2020/ic9a1c0more1.png);background-size:contain;}

#ppr1 .mControl a:focus{position:relative;border:2px solid #ffffff;margin:1px;}
#ppr1 .mControl a:focus:after{content:'';position:absolute;border-radius:9999px;left:0;right:0;top:0;bottom:0;border:1px solid #000;}

/* 쪽수 */
#ppr1 .mPage{display:inline-block;
	margin:2px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#ppr1 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#ppr1 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#ppr1 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border: 3px solid #bdbebf;
}
#ppr1 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2020/ic24a1c2hexagon1.png);
}
#ppr1 .mPageNum a:focus{border:2px dotted coral; margin:2px;}
/* 제어숨김 */
#ppr1[data-total-page='NaN'] .menu,
#ppr1[data-total-page='0'] .menu,
#ppr1[data-total-page='1'] .menu{display:none;}


/* 최근게시물.탭. 20200220 [JS] jQtabCont2(); */
#bbs1{display:block;position:relative;
	height:295px;
	margin:auto;
}
#bbs1 .wrap1{position:relative;
	margin:0 50px 0 0;
	padding:50px 0 0 0;
}
#bbs1 .h1{}
/* 탭 */
#bbs1 .tab{display:table;
	z-index:10;
	position:absolute;left:0;top:0;
	width:20%;
	height:50px;
	margin:0 -1px 0 0;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
}
#bbs1 .tab:nth-of-type(1){left:0%;}
#bbs1 .tab:nth-of-type(2){left:20%;}
#bbs1 .tab:nth-of-type(3){left:40%;}
#bbs1 .tab:nth-of-type(4){left:60%;}
#bbs1 .tab:nth-of-type(5){left:80%;}
#bbs1 .tab>a{display:table-cell;
	padding:0 .5em;
	color:#555;
	font-weight:600;
	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;
	border-color:#ed4865;
	background:#ed4865;
}
#bbs1 .tab.on>a{
	color:#fff;
}
#bbs1 .tab.on>a:before{content:''; /* ▽ */
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-7px;
	border:7px solid transparent;border-top-color:#ed4865;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
/* 내용물 */
#bbs1 .cont{display:none; /* 초기 감출거 잠깐 보임 방지 */
	position:relative;
	margin:0 -50px 0 0;
	background:#fff;
}
#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:5px 94px 5px 10px;
	background:url(../../img/main2020/bu1.png) no-repeat 0 50%;
	color:#555;
	font-size:14px;
	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:70px;
	margin:0 -94px 0 20px;
	text-align:right;
}
#bbs1 .lst1 a:hover .t1,
#bbs1 .lst1 a:focus .t1{text-decoration:underline;}
/* 부각 */
#bbs1 .hot{}
#bbs1 .hot li{
	margin:0 0 12px;
	border-bottom:1px solid #eee;
}
#bbs1 .hot a{display:block;
	overflow:hidden;
}
#bbs1 .hot .ic1{
	float:left;
	width:42px;height:42px;
	margin:0 12px 18px 6px;
	background:url(../../img/main2020/ic168a1c1megaphone1@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#bbs1 .hot .t1{display:block;float:none;
	width:auto;
	height:1.375em;
	margin:.25em 0 .5em;
	color:#000;
	font-weight:500;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#bbs1 .hot .t2{display:block;position:relative;
	max-height:40px;
	margin:0 0 18px;
	color:#666;
	font-size:15px;
	line-height:20px;
	overflow:hidden;
}
#bbs1 .hot .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:20px;
	width:3em;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* 새글.more */
#bbs1 .new{float:left;
	width:20px;height:20px;
	margin:0 -20px 0 0;
	background:url(../../img/main2020/new.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#bbs1 .more{float:right;
	z-index:15;
	position:absolute;
	right:0;
	top:-50px;
	width:48px;
	height:50px;
	border:1px solid #ccc;
	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:19px;height:19px;
	margin:-9.5px;
	background:url(../../img/main2020/more.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#bbs1 a:focus{border:2px dotted coral; margin:0;}


/* 메뉴 (픽1글1)(픽1글1) 20200220 */
#menu1{display:block;position:relative;
	margin:0 auto 30px;
}
#menu1 .wrap1{}
#menu1 ul{
	margin:0 -4px;
	font-size:0;
	text-align:center;
}
#menu1 li{display:inline-block;
	width:33.333%;
	vertical-align:top;
}
#menu1 a{display:block;
	margin:0 4px;
	padding:4px 0;
	border:1px solid #ccc;
}
#menu1 a:focus{border:2px dotted coral; margin:0;}
#menu1 .t1{display:inline-block;
	margin:0 2px;
	color:#333;
	font-size:16px;
	vertical-align:middle;
}
#menu1 .ic1{display:inline-block;
	width:50px;
	height:50px;
	margin:0 2px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu1 .m1 .ic1{	background-image:url(../../img/main2020/menu1p01@2x.png);}
#menu1 .m2 .ic1{	background-image:url(../../img/main2020/menu1p02@2x.png);}
#menu1 .m3 .ic1{	background-image:url(../../img/main2020/menu1p03@2x.png);}


/* 열린시장실. 20200220 */
#mayor1{display:block;
	position:relative;
	max-width:365px;
	margin:0 auto 30px;
}
#mayor1 .wrap1{
	color:#fff;
}
#mayor1 .a1{display:block;
	color:#fff;
	overflow:hidden;
}
#mayor1 .a1:focus{border:1px dotted #000;}
#mayor1 .a1:focus .f1{margin:-1px;}
#mayor1 .h1{z-index:10;
	position:absolute;left:0;top:0;
	margin:32px 0 0 48px;
	padding:.375em .75em;
	color:#000;
	font-weight:800;
	font-size:16px;
	font-family:'Nanum Square';
}
#mayor1 .h2{z-index:10;
	position:absolute;
	left:0;right:0;
	top:77px;
	margin:4% 0; /* (감) */
	margin:0 0 0 22px;
	font-weight:600;
	font-size:18px;
}
/*#mayor1 .h2:before{content:'';display:block;
	position:absolute;
	left:4.5em;
	top:.625em;
	width:3em;height:0;
	border-top:1px solid #fff;
} */

#mayor1 .h2t1{
	display:block;
	margin:0 0 .25em;
}
#mayor1 .h2t2,
#mayor1 .h2t3{
	display:inline-block;
	vertical-align:middle;
}
#mayor1 .h2t2 img{
	width:183px;
}
#mayor1 .f1{display:block;position:relative;
	padding:0 0 97.260%; /* =(355/365) */
	overflow:hidden;
}
#mayor1 .f1p1{position:absolute;left:0;top:0;width:100%;height:100%;}
#mayor1 .f1 img{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
#mayor1 ul{
	position:absolute;left:0;right:0;bottom:0;
	margin:0 0 11.619% 37px; /* 0 0 (30/365) () */
	font-size:15px;
	font-weight:600;
}
#mayor1 li{clear:both;
	float:left;
}
#mayor1 li>a{display:block;
	margin:10px 0;
	padding:0 0 0 10px;
	border-radius:9999px;
	color:#fff;
	width:140px;
}

html.IE8 #mayor1 li>a{
	padding:0 .25em 0 0;
}


/* 메뉴 (픽1글1)(픽1글1) 20200220 */
#menu2{display:block;position:relative;
	margin:auto;
	overflow:hidden;
}
#menu2 .wrap1{
	border:1px solid #d3dae4;
	background:#f7f7f7;
	overflow:hidden;
}
#menu2 .w1{
	padding:17px 20px;
	background:#fff;
}
#menu2 .w2{
	padding:0 20px;
	overflow:hidden;
}
#menu2 .a1{display:block;
	text-align:center;
}
#menu2 .deco1{display:block;
	width:69px;height:69px;
	margin:auto;
	background:url(../../img/main2020/menu2p00@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu2 .a1t1{display:inline-block;
	margin:4px 0;
	color:#000;
	font-weight:600;
	font-size:16px;
}
#menu2 .deco2{}
#menu2 .deco2ic1{}
#menu2 .w2 ul{
	font-size:0;
	text-align:left;
	overflow:hidden;
}
#menu2 .w2 li{display:inline-block;
	width:100%;
	vertical-align:top;
}
#menu2 .w2 li a{display:block;
	margin:-1px 0 0;
	padding:11px 10px 11px 30px;
	border-top:1px solid #e7e7e7;
	background:url(../../img/main2020/ic23a1c1right1.png) no-repeat 0 11px;
	text-align:left;
}
#menu2 .w2 li .t1{display:inline-block;
	color:#444;
	font-size:16px;
	vertical-align:middle;
}


/* 소셜 (픽2글2) 20200220 */
#sns1{display:block;position:relative;
	margin:0px 0px 20px 0px;
}
#sns1 .wrap1{
	text-align:center;
	padding:23px 20px;
	background:#ffd8d9;
	color:#333333;
}
#sns1 .hg1{
	margin:0 0px 6px 0px;
	overflow:hidden;
}
#sns1 .h1{float:none;
	font-weight:600;margin:0 0 0 0px;
	font-size:20px;letter-spacing:-1px;
}
 #sns1 .link{float:none;
	margin:5px 0 0px 0px;
	font-size:0;
}
#sns1 .link li{display:inline-block;
	vertical-align:top;
}
#sns1 .link a{display:block;
}
#sns1 .link .ic1{display:inline-block;
	width:30px;height:30px;
	margin:0 0 0 9.5px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* #sns1 .link .blog .ic1{background-image:url(../../img/main2020/ic48a3c0blog1.png);}
#sns1 .link .twitter .ic1{background-image:url(../../img/main2020/ic48a3c0twitter1.png);}
#sns1 .link .facebook .ic1{background-image:url(../../img/main2020/ic48a3c0facebook1.png);}
#sns1 .link .kakaostory .ic1{background-image:url(../../img/main2020/ic48a3c0kakaostory1.png);}
#sns1 .link .instagram .ic1{background-image:url(../../img/main2020/ic48a3c0instagram1.png);} */

#sns1 .link .blog .ic1{background-image:url(../../img/inc2020/bn1blog@3x.png);}
#sns1 .link .twitter .ic1{background-image:url(../../img/inc2020/bn1twitter@3x.png);}
#sns1 .link .facebook .ic1{background-image:url(../../img/inc2020/bn1facebook@3x.png);}
#sns1 .link .kakaostory .ic1{background-image:url(../../img/inc2020/bn1kakaostory@3x.png);}
#sns1 .link .instagram .ic1{background-image:url(../../img/inc2020/bn1instagram@2x.png);}
#sns1 .link .youtube .ic1{background-image:url(../../img/inc2020/bn1youtube@2x.png);}

/* ☆ */
#sns1lst1{
	position:relative;
	padding: 0;
}
#sns1lst1 .mView{
	display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:236px;
	margin: 0;
	overflow:hidden;
}
#sns1lst1 .mView p{} /* 내용 없으면 */
#sns1lst1 .mCont{
	position:absolute;left:0;right:0;top:0;
	text-align:center;
	font-size:0;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#sns1lst1 .mContC{display:inline-block;
	margin:0;padding:0;
	vertical-align:top;
}

#sns1lst1 .mContC.on{}
#sns1lst1 li .w1{
	display:block;
	padding: 10px 0;
	overflow:hidden;
}
#sns1lst1 li .a1{
	display:block;
	color:#000;
	width:236px;
	height: 210px;
	margin:0;
	overflow:hidden;
	padding: 0;
}
#sns1lst1 li .w1 .a1:focus{border:2px dotted coral; margin:2px;}
#sns1lst1 li .w1 .a1:focus:before{content:'';
	position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;
	border:3px dotted coral;margin:1px;
	z-index:1;
}

#sns1lst1 li .f1{display:block;position:relative;margin:auto;
	padding:0 0 59.916%; /* (142/237) */
	background:#eee;
	text-align:center;
}
#sns1lst1 li .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#sns1lst1 li .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
#sns1lst1 li .g1{
	display:
	inline-block;
	z-index:10;
	position:
	absolute;right:0;bottom:0;
	width: 46px;height:46px;
	background:#000;
}
#sns1lst1 li .g1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#sns1lst1 li .g1.blog{background:#00c753;}
#sns1lst1 li .g1.twitter{background:#16191e;}
#sns1lst1 li .g1.facebook{background:#1777f1;}
#sns1lst1 li .g1.kakaostory{background:#ffffff;}
#sns1lst1 li .g1.instagram{background:#dd307f;}
#sns1lst1 li .g1.youtube{background:#f20000;}

#sns1lst1 li .g1.blog .ic1{background-image:url(../../img/main2020/ic48a3c0blog2.png);}
#sns1lst1 li .g1.twitter .ic1{background-image:url(../../img/main2020/ic48a3c0twitter2.png);}
#sns1lst1 li .g1.facebook .ic1{background-image:url(../../img/main2020/ic48a3c0facebook2.png);}
#sns1lst1 li .g1.kakaostory .ic1{background-image:url(../../img/main2020/ic48a3c0kakaostory2.png);}
#sns1lst1 li .g1.instagram .ic1{background-image:url(../../img/main2020/ic48a3c0instagram1.png);}
#sns1lst1 li .g1.youtube .ic1{background-image:url(../../img/main2020/ic48a3c0youtube1.png);}
#sns1lst1 li .tg1{display:block;
	position:relative;
	text-align:left;
}
#sns1lst1 li .t1{display:block;
	position:relative;
	max-height:40px;
	margin:.5em 0 .25em;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
#sns1lst1 li .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:20px;
	width:3em;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(0,170,136, 0) 0, #ffd8d9 100%);
}
#sns1lst1 li .time{display:block;
	font-size:13px;
	vertical-align:middle;
}
/* 메뉴 */
#sns1lst1 .menu{display:block;
	z-index:10;
	position:absolute;bottom:0;
	width:100%;height:auto; /* ☆ */
	font-size:0;
	text-align:center;
}
#sns1lst1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	background:none;
}
#sns1lst1 .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;
}
/* 제어 */
#sns1lst1 .mControl1{display:block;}
#sns1lst1 .mControl1 .m{display:block;
	position:absolute;top:-170px;
	width:35px;height:35px;
	border-radius:100%;
	background:url(../../img/lib/b.000000.opacity.30.png);
	overflow:hidden;
}
#sns1lst1 .mControl1 .m>.ic1{
	width:30px;height:30px;
	margin:-15px;
}
#sns1lst1 .mControl1 .prev{left:-15px}
#sns1lst1 .mControl1 .next{right:-15px}
#sns1lst1 .mControl1 .prev>.ic1{background-image:url(../../img/lib/ic60a1left1.png);}
#sns1lst1 .mControl1 .next>.ic1{background-image:url(../../img/lib/ic60a1right1.png);}

#sns1lst1 .mControl2{display:inline-block;
	vertical-align:middle;
}
#sns1lst1 .mControl2 .m{display:inline-block;
	width:20px;height:20px;
}
#sns1lst1 .mControl2 .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#sns1lst1 .mControl2 .stop>.ic1{background-image:url(../../img/main2022/ic9a1c0pause1.png);background-size:contain;}
#sns1lst1 .mControl2 .play>.ic1{background-image:url(../../img/main2022/ic9a1c0play1.png);background-size:contain;}

/* 쪽수 */
#sns1lst1 .mPage{display:none;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#283155;
	color:#fff;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#sns1lst1 .mPageNum{display:inline-block;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#sns1lst1 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#sns1lst1 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #666666;
}
#sns1lst1 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2022/ic24a1c0hexagon1.png);
}
/* 제어숨김 */
#sns1lst1[data-total-page='NaN'] .menu,
#sns1lst1[data-total-page='0'] .menu,
#sns1lst1[data-total-page='1'] .menu{display:none;}

.cv01{color:#C30C00 !important;}

/* 소셜 (픽2글2) 20200220 */
#sns2{display:block;position:relative;
	margin:0px 0px 20px 0px;
}
#sns2 .wrap1{
	padding:20px;
	color:#333333;
	background: #ffd3c2;
	background-position: 50% 100px;
	width: auto;
	height:305px;
}
#sns2 .a1{}
#sns2 .hg1{
	margin:13px 0 0px 0px;
	overflow:hidden;
}
#sns2 .h1{text-align:center;
	font-weight:600;
	font-size:21px;letter-spacing:-2px;
}

#sns2 .h1 [href]{color:#333;cursor:pointer;}

 #sns2 .link{float:right;
	margin:0 -3px;
	font-size:0;
}
#sns2 .link li{display:inline-block;
	vertical-align:top;
}
#sns2 .link a{display:block;
}
#sns2 .link .ic1{display:inline-block;
	width:30px;height:30px;
	margin:4px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* #sns2 .link .blog .ic1{background-image:url(../../img/main2020/ic48a3c0blog1.png);}
#sns2 .link .twitter .ic1{background-image:url(../../img/main2020/ic48a3c0twitter1.png);}
#sns2 .link .facebook .ic1{background-image:url(../../img/main2020/ic48a3c0facebook1.png);}
#sns2 .link .kakaostory .ic1{background-image:url(../../img/main2020/ic48a3c0kakaostory1.png);}
#sns2 .link .instagram .ic1{background-image:url(../../img/main2020/ic48a3c0instagram1.png);} */

#sns2 .link .blog .ic1{background-image:url(../../img/inc2020/bn1blog@2x.png);}
#sns2 .link .twitter .ic1{background-image:url(../../img/inc2020/bn1twitter@2x.png);}
#sns2 .link .facebook .ic1{background-image:url(../../img/inc2020/bn1facebook@3x.png);}
#sns2 .link .kakaostory .ic1{background-image:url(../../img/inc2020/bn1kakaostory@3x.png);}
#sns2 .link .instagram .ic1{background-image:url(../../img/inc2020/bn1instagram@2x.png);}
#sns2 .link .youtube .ic1{background-image:url(../../img/inc2020/bn1youtube@2x.png);}

/* ☆ */
#sns2lst1{position:relative;
	padding:0 0 16px;
}
#sns2lst1 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:220px;
	margin:0 -10px;
	overflow:hidden;
}
#sns2lst1 .mView p{} /* 내용 없으면 */
#sns2lst1 .mCont{
	position:absolute;left:0;right:0;top:0;
	text-align:center;
	font-size:0;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#sns2lst1 .mContC{display:inline-block;
	margin:0;padding:0;
	vertical-align:top; margin-top:20px;
}

#sns2lst1 .mContC.on{}
#sns2lst1 li a{display:block;
	color:#000;
	width:200px;
	height:200px;
	margin:0px 0px 0px 0px;
}
#sns2lst1 li .f1{display:block;position:relative;margin:auto;
	padding:0 0 99.916%; /* (142/237) */
	background:#eee;
	text-align:center;
}
#sns2lst1 li .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#sns2lst1 li .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
#sns2lst1 li .g1{display:inline-block;
	z-index:10;
	position:absolute;right:0;bottom:0;
	width:46px;height:46px;
	background:#000;
}
#sns2lst1 li .g1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}

#sns2lst1 li .g1.blog{background:#00c753;}
#sns2lst1 li .g1.twitter{background:#16191e;}
#sns2lst1 li .g1.facebook{background:#1777f1;}
#sns2lst1 li .g1.kakaostory{background:#ffffff;}
#sns2lst1 li .g1.instagram{background:#dd307f;}
#sns2lst1 li .g1.youtube{background:#f20000;}

#sns2lst1 li .g1.blog .ic1{background-image:url(../../img/main2020/ic48a3c0blog2.png);}
#sns2lst1 li .g1.twitter .ic1{background-image:url(../../img/main2020/ic48a3c0twitter2.png);}
#sns2lst1 li .g1.facebook .ic1{background-image:url(../../img/main2020/ic48a3c0facebook2.png);}
#sns2lst1 li .g1.kakaostory .ic1{background-image:url(../../img/main2020/ic48a3c0kakaostory2.png);}
#sns2lst1 li .g1.instagram .ic1{background-image:url(../../img/main2020/ic48a3c0instagram1.png);}
#sns2lst1 li .g1.youtube .ic1{background-image:url(../../img/main2020/ic48a3c0youtube1.png);}
#sns2lst1 li .tg1{display:block;
	position:relative;
	text-align:left;
}
#sns2lst1 li .t1{display:block;
	position:relative;
	max-height:40px;
	margin:.5em 0 .25em;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
#sns2lst1 li .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:20px;
	width:3em;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(0,170,136, 0) 0, #ffd8d9 100%);
}
#sns2lst1 li .time{display:block;
	font-size:13px;
	vertical-align:middle;
}
/* 메뉴 */
#sns2lst1 .menu{display:block;
	z-index:10;
	position:absolute;bottom:0;
	width:100%;height:auto; /* ☆ */
	font-size:0;
	text-align:center;
}
#sns2lst1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	background:none;
}
#sns2lst1 .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;
}
/* 제어 */
#sns2lst1 .mControl1{display:block;}
#sns2lst1 .mControl1 .m{display:block;
	position:absolute;top:-170px;
	width:35px;height:35px;
	border-radius:100%;
	background:url(../../img/lib/b.000000.opacity.30.png);
	overflow:hidden;
}
#sns2lst1 .mControl1 .m>.ic1{
	width:30px;height:30px;
	margin:-15px;
}
#sns2lst1 .mControl1 .prev{left:-15px}
#sns2lst1 .mControl1 .next{right:-15px}
#sns2lst1 .mControl1 .prev>.ic1{background-image:url(../../img/lib/ic60a1left1.png);}
#sns2lst1 .mControl1 .next>.ic1{background-image:url(../../img/lib/ic60a1right1.png);}

#sns2lst1 .mControl2{display:inline-block;
	vertical-align:middle;
}
#sns2lst1 .mControl2 .m{display:inline-block;
	width:20px;height:20px;
}
#sns2lst1 .mControl2 .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#sns2lst1 .mControl2 .stop>.ic1{background-image:url(../../img/main2022/ic9a1c0pause1.png);}
#sns2lst1 .mControl2 .play>.ic1{background-image:url(../../img/main2022/ic9a1c0play1.png);}

/* 쪽수 */
#sns2lst1 .mPage{display:none;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#283155;
	color:#fff;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#sns2lst1 .mPageNum{display:inline-block;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#sns2lst1 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#sns2lst1 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #666666;
}
#sns2lst1 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2022/ic24a1c0hexagon1.png);
}
/* 제어숨김 */
#sns2lst1[data-total-page='NaN'] .menu,
#sns2lst1[data-total-page='0'] .menu,
#sns2lst1[data-total-page='1'] .menu{display:none;}

.cv01{color:#C30C00 !important;}




/* 북카드. 20200220 */
#bcard1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 30px;
}
#bcard1>.wrap1{position:relative;
	box-sizing:border-box; /* ☆ */
	height:345px;
	padding:30px;
	background:#fff;
}
#bcard1>.wrap1:before{content:'';
	display:block;
	position:absolute;right:25px;top:0;
	width:24px;
	height:36px;
	background:url(../../img/main2020/bcard1deco1.png) no-repeat 0 50%;
}
#bcard1 .hg1{}
#bcard1 .h1{
	position:relative;
	margin:0 0 16px;
	color:#000;
	font-size:22px;
}
/* ☆ */
#bcard1 .lst1{
	clear:both; /* ☆ */
}
#bcard1 .li1{}
#bcard1 .li1 .a1{display:block;
	position:relative;
	color:#666;
	overflow:hidden;
}
#bcard1 .li1 .f1{display:block;
	float:left;
	position:relative;
	width:120px;
	height:180px;
	margin:0 13px 12px 0;
	background:#eee;
	overflow:hidden;
}
#bcard1 .li1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#bcard1 .li1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
#bcard1 .li1 .tg1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-height:184px;
	margin:0 0 .5em;
	overflow:hidden;
}
#bcard1 .li1 .tg1:after{content:'…';display:block;
	position:absolute;left:0;right:0;
	top:136px; /* (184-48) */
	width:100%;
	height:48px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to bottom, rgba(255,255,255, 0) 0, #fff 100%);
}
#bcard1 .li1 .t1{display:inline;
	font-size:16px;
}
#bcard1 .li1 .t2{display:inline;
	font-size:16px;
}
#bcard1 .li1 .t3{display:block;
	margin:.5em 0 .75em;
	font-size:13px;
	opacity:.6;
}
#bcard1 .li1 .t3t1{display:inline-block;
	vertical-align:middle;
}
#bcard1 .li1 .t3sep{
	margin:0 .25em;
	opacity:.5;
}
#bcard1 .li1 .t3t1:first-child .t3sep{
	display:none;
}
#bcard1 .li1 .t4{display:block;
	font-size:14px;
	opacity:.8;
	padding:10px 0 0 0;
}
#bcard1 .a1:hover .t3,
#bcard1 .a1:focus .t3,
#bcard1 .a1:hover .t4,
#bcard1 .a1:focus .t4{
	opacity:1;
}
/* ☆ */
#bcard1 .fg1{display:block;
	text-align:center;
}
#bcard1 .b1{display:inline-block;
	margin:12px auto 6px;
	padding:6px 24px;
	background:#d06b00;
	color:#fff;
	font-size:0;
}
#bcard1 .b1:hover,
#bcard1 .b1:focus{
	box-shadow:inset 0 0 999px 0 rgba(0, 0, 0, .2);
}
 #bcard1 .b1 .t1{display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
 #bcard1 .b1 .ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 8px;
	background:url(../../img/main2020/ic15a1c0newwindow2.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 시보 20200220 */
#ncard1{display:block;
	position:relative;
	width:310px;
	height:345px;
	margin:auto;
	/* background:#7885a0 url(../../img/main2020/ncard1bg1.jpg) no-repeat 0 50%; */
	color:#fff;
	overflow:hidden;
}
#ncard1 .wrap1{
	padding:50px 40px;
	text-align:center;
}
#ncard1 .hg1{}
#ncard1 .h1{
	position:absolute;left:15px;top:15px;
	z-index:10;
	box-sizing:border-box; /* ☆ */
	width:60px;
	height:60px;
	padding:13px 15px;
	background:#4545a2;
	font-weight:500;
	font-size:15px;
	line-height:1.25;
}
#ncard1 .hg1 .t1{
	display:block;
}
#ncard1 .hg1 .t1t1{display:block;
	font-weight:600;
	font-size:50px;
}
#ncard1 .hg1 .t1t2{display:block;
	font-size:16px;
}
#ncard1 .hg1 .t1t1{display:block;
	font-weight:600;
	font-size:38px;
}
#ncard1 .hg1 .t1t2{display:block;
	font-size:13px;
	letter-spacing:0;
}
#ncard1 .tg1{}
#ncard1 .tg1 .t1{display:block;
	margin:24px 0 2px;
	font-weight:600;
	font-size:18px;
}
#ncard1 .tg1 .b1{display:inline-block;
	margin:.75em 0;
	padding:.5em .75em;
	background:rgba(255,255,255,.19);
	color:inherit;
	font-size:14px;
}
#ncard1 .b1:hover,
#ncard1 .b1:focus{
	box-shadow:inset 0 0 999px 0 rgba(88, 98, 118, 1);
}
#ncard1 .mn1 .b2{display:inline-block;
	position:absolute;right:15px;bottom:15px;
	width:125px;
	height:35px;
	background:#c51f25;
	/* text-indent:-9999px; */
	overflow:hidden;
	z-index:10;
	color:#fff;
	font-size: 15px;
}
#ncard1 .mn1 .b2t1{
	display:block;
	margin:8px 0;
	padding:0 0 0 32px;
}
#ncard1 .mn1 .ic1{display:inline-block;
	position:absolute;left:17%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url(../../img/main2020/ic24a2c0list1.png) no-repeat center center;
	background-size:contain;
}
#ncard1 .f1{
	display:block;
	padding: 0 0 100%; /* =(355/365) */
	overflow:hidden;
}
#ncard1 .f1p1{position:absolute;left:0;top:0;width:100%;height:100%;}
#ncard1 .f1 img{position:absolute;left:0;top:0;width:100%;height:100%;min-height:100%;}

#ncard1 .f1p1 a{
	display:block;
	width: 310px;
	height: 345px;
	margin:0;
}

#ncard1 .f1p1 a:focus{position:relative;border:1px dotted coral;margin:0;}
#ncard1 .f1p1 a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:2px dotted coral;}

/* 글카드 20200220 */
#tcard1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 30px;
}
#tcard1>.wrap1{position:relative;
	box-sizing:border-box; /* ☆ */
	/* height:330px; */
	padding:24px 24px 16px;
	border:1px solid #d3dae4;
}
#tcard1 .hg1{
	padding:0 0 10px;
	margin:0 0 20px;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
#tcard1 .h1{
	float:left;
	position:relative;
	margin:0 0 .25em;
	color:#000;
	font-size:22px;
}
/* 내용뷰 */
#tcard1 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:210px; /* (35*6) */
	overflow:hidden;
}
#tcard1 .mView p{margin:80px 0 0;text-align:center;} /* 내용 없으면 */
#tcard1 .mCont{
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#tcard1 .mContC{display:block;
	margin:0;
	padding:0;
	text-align:left;
}
#tcard1 .mContC.on{}
#tcard1 .mContC .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:35px;
	color:#333;
}
/* 분류 */
#tcard1 .g1{
	float:left;
	margin:0 .5em 0 0;
	padding:.25em .375em;
	background:#0091c6;
	color:#fff;
	font-weight:400;
	font-size:13px;
}
#tcard1 .g1.s1{background:#1d5ec4;}
#tcard1 .g1.s2{background:#f2526e;}
/* ☆ */
#tcard1 .mContC .t1{display:block;
	position:relative;
	height:22px;
	margin:0 20px 0 0;
	color:#333;
	font-size:15px;
	line-height:22px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#tcard1 .mContC .new{display:inline-block;
	position:absolute;right:0;top:1px;
	width:20px;height:20px;
	background:url(../../img/main2020/new@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
/* 메뉴 */
#tcard1 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:auto;
	font-size:0;
	text-align:center;
}
#tcard1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#tcard1 .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;
}
/* 제어 */
#tcard1 .mControl{display:inline-block;
	vertical-align:middle;
}
#tcard1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
#tcard1 .mControl .m:hover,
#tcard1 .mControl .m:focus{
	opacity:1;
}
#tcard1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#tcard1 .mControl .stop>.ic1{background-image:url(../../img/main2020/ic9a1c1pause1.png);}
#tcard1 .mControl .play>.ic1{background-image:url(../../img/main2020/ic9a1c1play1.png);}
#tcard1 .mControl .prev>.ic1{background-image:url(../../img/main2020/ic9a1c1left1.png);}
#tcard1 .mControl .next>.ic1{background-image:url(../../img/main2020/ic9a1c1right1.png);}
/* 쪽수 */
#tcard1 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#tcard1 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#tcard1 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#tcard1 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #959595;
}
#tcard1 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2020/ic24a1c1hexagon1.png);
}
/* 제어숨김 */
#tcard1[data-total-page='NaN'] .menu,
#tcard1[data-total-page='0'] .menu,
#tcard1[data-total-page='1'] .menu{display:none;}
/* ☆ */
#tcard1 .fg1{display:block;
	text-align:center;
}
#tcard1 .b1{display:inline-block;
	margin:12px auto 0;
	padding:5px 16px;
	border:1px solid #444;
	color:#000;
	font-size:0;
}
#tcard1 .b1 .t1{display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
#tcard1 .b1 .ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 8px;
	background:url(../../img/main2020/ic15a1c1newwindow2.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 글카드 20200220 */
#tcard2{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 30px;
}
#tcard2>.wrap1{position:relative;
	box-sizing:border-box; /* ☆ */
	/* height:330px; */
	padding:24px 24px 16px;
	border:1px solid #d3dae4;
}
#tcard2 .hg1{
	padding:0 0 10px;
	margin:0 0 20px;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
#tcard2 .h1{
	float:left;
	position:relative;
	margin:0 0 .25em;
	color:#000;
	font-size:22px;
}
/* 내용뷰 */
#tcard2 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:210px; /* (35*6) */
	overflow:hidden;
}
#tcard2 .mView p{margin:80px 0 0;text-align:center;} /* 내용 없으면 */
#tcard2 .mCont{
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#tcard2 .mContC{display:block;
	margin:0;
	padding:0;
	text-align:left;
}
#tcard2 .mContC.on{}
#tcard2 .mContC .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:35px;
	color:#333;
}
/* 분류 */
#tcard2 .g1{
	float:left;
	margin:0 .5em 0 0;
	padding:.25em .375em;
	background:#eef4fa;
	color:#777a7d;
	font-weight:400;
	font-size:13px;
}
/* ☆ */
#tcard2 .mContC .t1{display:block;
	position:relative;
	height:22px;
	margin:0 20px 0 0;
	color:#333;
	font-size:15px;
	line-height:22px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#tcard2 .mContC .new{display:inline-block;
	position:absolute;right:0;top:1px;
	width:20px;height:20px;
	background:url(../../img/main2020/new@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
/* 메뉴 */
#tcard2 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:auto;
	font-size:0;
	text-align:center;
}
#tcard2 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#tcard2 .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;
}
/* 제어 */
#tcard2 .mControl{display:inline-block;
	vertical-align:middle;
}
#tcard2 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
#tcard2 .mControl .m:hover,
#tcard2 .mControl .m:focus{
	opacity:1;
}
#tcard2 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#tcard2 .mControl .stop>.ic1{background-image:url(../../img/main2020/ic9a1c1pause1.png);}
#tcard2 .mControl .play>.ic1{background-image:url(../../img/main2020/ic9a1c1play1.png);}
#tcard2 .mControl .prev>.ic1{background-image:url(../../img/main2020/ic9a1c1left1.png);}
#tcard2 .mControl .next>.ic1{background-image:url(../../img/main2020/ic9a1c1right1.png);}
/* 쪽수 */
#tcard2 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#tcard2 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#tcard2 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#tcard2 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #959595;
}
#tcard2 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2020/ic24a1c1hexagon1.png);
}
/* 제어숨김 */
#tcard2[data-total-page='NaN'] .menu,
#tcard2[data-total-page='0'] .menu,
#tcard2[data-total-page='1'] .menu{display:none;}
/* ☆ */
#tcard2 .fg1{display:block;
	text-align:center;
}
#tcard2 .b1{display:inline-block;
	margin:12px auto 0;
	padding:5px 16px;
	border:1px solid #444;
	color:#000;
	font-size:0;
}
#tcard2 .b1 .t1{display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
#tcard2 .b1 .ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 8px;
	background:url(../../img/main2020/ic15a1c1newwindow2.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 메뉴. 20200220 */
#menu3{display:block;
	clear:both;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
}
#menu3>.wrap1{
	box-sizing:border-box; /* ☆ */
	padding:24px 25px;
	background:#1399cb;
	background:linear-gradient(135deg, #1399cb 0, #00a899 100%);
}

#menu3 .hg1{float:left;
	position:relative;
}
#menu3 .h1{
	position:relative;
	margin:0 0 20px;
	color:#fff;
	font-size:22px;
}
/* 내용뷰 */
#menu3 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:237px; /* (79*3) */
	margin:0 -20px 0 0;
	overflow:hidden;
}
#menu3 .mView p{} /* 내용 없으면 */
#menu3 .mCont{
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:left;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
#menu3 .mContC{display:inline-block;
	text-align:left;
	vertical-align:top;
}
#menu3 .mContC.on{}
#menu3 .mContC .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:164px;
	height:64px;
	margin:0 10px 15px 0;
	font-size:0;
	overflow:hidden;
}
/* ☆ */
#menu3 .mContC .t1{display:inline-block;
	width:90px;
	color:#fff;
	font-size:15px;
	vertical-align:middle;
}
#menu3 .mContC .ic1{display:inline-block;
	width:64px;height:64px;
	margin:0 10px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu3 .m1 .ic1{background-image:url(../../img/main2020/menu3p01@2x.png);}
#menu3 .m2 .ic1{background-image:url(../../img/main2020/menu3p02@2x.png);}
#menu3 .m3 .ic1{background-image:url(../../img/main2020/menu3p03@2x.png);}
#menu3 .m4 .ic1{background-image:url(../../img/main2020/menu3p04@2x.png);}
#menu3 .m5 .ic1{background-image:url(../../img/main2020/menu3p05@2x.png);}
#menu3 .m6 .ic1{background-image:url(../../img/main2020/menu3p06@2x.png);}
#menu3 .m7 .ic1{background-image:url(../../img/main2020/menu3p07@2x.png);}
#menu3 .m8 .ic1{background-image:url(../../img/main2020/menu3p08@2x.png);}
#menu3 .m9 .ic1{background-image:url(../../img/main2020/menu3p09@2x.png);}
#menu3 .m10 .ic1{background-image:url(../../img/main2020/menu3p10@2x.png);}
#menu3 .m11 .ic1{background-image:url(../../img/main2020/menu3p11@2x.png);}
#menu3 .m12 .ic1{background-image:url(../../img/main2020/menu3p12@2x.png);}
#menu3 .m13 .ic1{background-image:url(../../img/main2020/menu3p13@2x.png);}
#menu3 .m14 .ic1{background-image:url(../../img/main2020/menu3p14@2x.png);}
#menu3 .m15 .ic1{background-image:url(../../img/main2020/menu3p15@2x.png);}
#menu3 .m16 .ic1{background-image:url(../../img/main2020/menu3p16@2x.png);}
#menu3 .m17 .ic1{background-image:url(../../img/main2020/menu3p17@2x.png);}
#menu3 .m18 .ic1{background-image:url(../../img/main2020/menu3p18@2x.png);}
#menu3 .m19 .ic1{background-image:url(../../img/main2020/menu3p19@2x.png);}
#menu3 .m20 .ic1{background-image:url(../../img/main2020/menu3p20@2x.png);}
#menu3 .m21 .ic1{background-image:url(../../img/main2020/menu3p21@2x.png);}
#menu3 .m22 .ic1{background-image:url(../../img/main2020/menu3p22@2x.png);}
#menu3 .m23 .ic1{background-image:url(../../img/main2020/menu3p23@2x.png);}
#menu3 .m24 .ic1{background-image:url(../../img/main2020/menu3p24@2x.png);}
#menu3 .m25 .ic1{background-image:url(../../img/main2020/menu3p25@2x.png);}
#menu3 .m26 .ic1{background-image:url(../../img/main2020/menu3p26@2x.png);}
#menu3 .m27 .ic1{background-image:url(../../img/main2020/menu3p27@2x.png);}
#menu3 .m28 .ic1{background-image:url(../../img/main2020/menu3p28@2x.png);}
#menu3 .m29 .ic1{background-image:url(../../img/main2020/menu3p29@2x.png);}
#menu3 .m30 .ic1{background-image:url(../../img/main2020/menu3p30@2x.png);}
#menu3 .m31 .ic1{background-image:url(../../img/main2020/menu3p31@2x.png);}

/* 메뉴 */
#menu3 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:0 auto 10px;
	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/main2020/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 .mControl{display:inline-block;
	vertical-align:middle;
}
#menu3 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
}
#menu3 .mControl .m:hover,
#menu3 .mControl .m:focus{
	opacity:1;
}
#menu3 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#menu3 .mControl .stop>.ic1{background-image:url(../../img/main2020/ic9a1c0pause1.png);}
#menu3 .mControl .play>.ic1{background-image:url(../../img/main2020/ic9a1c0play1.png);}
#menu3 .mControl .prev>.ic1{background-image:url(../../img/main2020/ic9a1c0left1.png);}
#menu3 .mControl .next>.ic1{background-image:url(../../img/main2020/ic9a1c0right1.png);}
/* 쪽수 */
#menu3 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(255,255,255, .9);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
#menu3 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#menu3 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#menu3 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #fff;
}
#menu3 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main2020/ic24a1c0hexagon1.png);
}
#menu3 .mPageNum a:focus{border:2px dotted coral; margin:2px;}
/* 제어숨김 */
#menu3[data-total-page='NaN'] .menu,
#menu3[data-total-page='0'] .menu,
#menu3[data-total-page='1'] .menu{display:none;}


/* 카드(픽1글3). 20200220 [JS] jQmPrevNext3(); */
#fcard1{display:block;position:relative;
	margin:auto;
}
#fcard1 .wrap1{}
#fcard1 .hg1{
	text-align:center;
}
#fcard1 .h1{display:block;
	position:relative;
	color:#000;
	font-weight:600;
	font-size:26px;
}
#fcard1 .hg1 .t1{display:block;
	margin:.5em 0 2em;
	font-size:14px;
}
#fcard1 .mView{
	z-index:0;
	position:relative;
	width:249px; /* ☆ */
	height:468px;
	margin:auto;
	overflow:hidden;
}
#fcard1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.8s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#fcard1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#fcard1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:249px; /* ☆ */
	height:448px;
	margin:0 15px 0 0;
}
#fcard1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#fcard1 .mContC.on{display:block;}
#fcard1 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#fcard1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#fcard1 .mContC .g1{display:block;position:relative;
	z-index:10;
	width:70px;
	height:60px;
	margin:0 0 -46px;
	padding:0 5px;
	background:#c92026;
	color:#fff;
	font-weight:400;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#fcard1 .mContC .g1.s1{background:#046fd9;}
#fcard1 .mContC .g1.s2{background:#00a899;}
#fcard1 .mContC .g1.s3{background:#f2526e;}
#fcard1 .mContC .g1.s4{background:#97d;}
#fcard1 .mContC .g1 .t1{display:inline-block;
	font-size:15px;
	vertical-align:middle;
}
#fcard1 .mContC .g1:after{content:'';display:inline-block;
	width:0;height:100%;
	vertical-align:middle;
}
#fcard1 .mContC .a1 .f1{display:block;position:relative;
	height:310px;
	overflow:hidden;
}
#fcard1 .mContC .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#fcard1 .mContC .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
/* 글 */
#fcard1 .mContC .a1 .tg1{display:block;position:relative;
	height:95px;
	padding:14px 20px;
	border:1px solid #e7e7e7;
	border-top:0;
	background:#fff;
	text-align:center;
}
#fcard1 .mContC .tg1 .t1{display:block;position:relative;
	max-height:44px;
	margin:0 0 .75em;
	color:#333;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
#fcard1 .mContC .tg1 .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%);
}
#fcard1 .b1{display:inline-block;
	margin:auto;
	padding:5px 12px;
	border:1px solid #444;
	color:#000;
	font-size:0;
}
#fcard1 .b1 .b1t1{display:inline-block;
	font-size:15px;
	vertical-align:middle;
}
#fcard1 .b1 .ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 0 0 8px;
	background:url(../../img/main2020/ic15a1c1newwindow2.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 초점 */
#fcard1 .mContC .a1:focus{border:1px dotted #000;}
#fcard1 .mContC .a1:focus .f1{margin:-1px;}
/* 메뉴 */
#fcard1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:50%;
	height:auto; /* ☆ */
	margin:auto;
	font-size:0;
	text-align:center;
}
#fcard1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#fcard1 .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;
}
/* 제어 */
#fcard1 .mControl{display:block;
	height:0;
	margin:33px -20px; /* (화면확인) */
}
#fcard1 .mControl .m{display:inline-block;
	width:58px;height:58px;
	margin:-29px 0;
	border-radius:9999px;
	opacity:.5;
}
#fcard1 .mControl .m:hover,
#fcard1 .mControl .m:focus{
	opacity:1;
}
#fcard1 .mControl .m>.ic1{
	width:100%;height:100%;
	margin:-50%;
}
#fcard1 .mControl .prev{float:left;}
#fcard1 .mControl .next{float:right;}
#fcard1 .mControl .stop{width:15px;height:15px;top:250px;margin:0 5px;}
#fcard1 .mControl .play{width:15px;height:15px;top:250px;margin:0 5px;}
#fcard1 .mControl .prev>.ic1{background-image:url(../../img/main2020/ic58a1c1left1.png);}
#fcard1 .mControl .next>.ic1{background-image:url(../../img/main2020/ic58a1c1right1.png);}
#fcard1 .mControl .stop>.ic1{background-image:url(../../img/main2020/ic58a1c1pause1.png);}
#fcard1 .mControl .play>.ic1{background-image: url(../../img/main2020/ic58a1c1play1.png);}
/* 제어숨김 */
#fcard1[data-total-page='NaN'] .menu,
#fcard1[data-total-page='0'] .menu,
#fcard1[data-total-page='1'] .menu{display:none;}


@media all and (min-width:1000px){/* ie종료안내 팝업 ◇◆◇◆◇◆◇◆◇◆ */
  #wingpopup{display:block; z-index:20; position:absolute;}
  #wingpopup .popupBg{display:block; position:fixed; bottom:0; width:100%; height:80px; background:url(/_res/portal/img/main/wingpopupBg.png) no-repeat top center; background-size:cover; }
  #wingpopup .popupBg .wingTxtbox{text-align:center; margin-top:9px;}
  #wingpopup .popupBg .wingTxtbox p{font-size:16px; line-height:20px; color:#13294f;}
  #wingpopup .popupBg .wingTxtbox .ico{display:inline-block; width:25px; height:25px; vertical-align:middle;}
  #wingpopup .popupBg .wingTxtbox .ico.edge{background:url(/_res/portal/img/main/edgelogo_img2x.png) no-repeat; background-size:contain;}
  #wingpopup .popupBg .wingTxtbox .ico.chrome{background:url(/_res/portal/img/main/chromelogo_img2x.png) no-repeat; background-size:contain;}
  #wingpopup .popupBg .wingTxtbox .wingclose{font-size:13px; position:absolute; bottom:0; left:50%; margin-left:350px;}
   #wingpopup .popupBg .wingTxtbox .wingclose .closebtn{background:#fff; border:1px solid #555; margin-left:5px; border-radius:5px; padding:2px 7px;}
}



/* 30일 인기차트 20200220 */
#hotchart1{}
#hotchart1>.wrap1{position:relative;}
#hotchart1 .hg1{position:relative;}
#hotchart1 .h1{
	position:relative;
	margin:0 0 26px;
	color:#000;
	font-size:26px;
}
#hotchart1 .w1{
	margin:0 0 20px;
}
#hotchart1 .w2{}
#hotchart1 .w1 div{display:block;
	position:relative;
	height:45px;
	padding:0 0 0 65px;
	margin:0 0 10px;
}
#hotchart1 .w1 .ic1{display:block;
	position:absolute;left:0;top:0;
	width:60px;height:45px;
	background:url() no-repeat;
	background-size:contain;
}
#hotchart1 .w1 .t1{display:block;
	font-size:13px;
	color:#555;
}
#hotchart1 .w1 .t2{display:block;
	font-size:22px;
	color:#000;font-weight:bold;
	margin:-2px 0 0;
}
#hotchart1 .w1 .counter1 .ic1{background-image:url(../../img/main2020/ic120a1people1.png)}
#hotchart1 .w1 .link1 .ic1{background-image:url(../../img/main2020/ic120a1search1.png)}
/* ☆ */
#hotchart1 .mView{
	z-index:0;
	position:relative;
	width:250px; /* ☆ */
	height:230px;
	margin:auto;
	overflow:hidden;
}
#hotchart1 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.8s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#hotchart1 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#hotchart1 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:250px; /* ☆ */
	height:230px;
	margin:0 10px 0 0;
}
#hotchart1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#hotchart1 .mContC.on{
	display:block;
}
/* ☆ */
#hotchart1 .box1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:230px;
	padding:20px;
	border:1px solid #d3dae4;
	background:#fff;
}
#hotchart1 .h2{
	position:relative;
	margin:0 0 20px;
	color:#000;
	font-size:20px;
}
#hotchart1 .ol1{
	/* list-style:decimal-leading-zero; [IE8]bug) margin:0;padding:0; 했던거는 list-style 안됨 */
	color:#000;
	font-size:15px;
	text-align:left;
}
#hotchart1 .ol1>li{}
#hotchart1 .ol1>li>a{display:block;
	position:relative;
	margin:0;
	padding:2px 0 2px 1.25em;
	color:#000;
}
#hotchart1 .ol1>li .t1{display:inline-block;
	width:90%;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#hotchart1 .ol1>li .t2{display:block;
	position:absolute;right:0;top:50%;
	width:10px;height:10px;
	margin:-5px 0 0 0;
}
#hotchart1 .ol1>li .t2 .ic1{display:block;
	position:absolute;left:0;top:0;right:0;bottom:0;
	width:100%;height:100%;
	background:url(../../img/main2020/ic10a1zero1.png) no-repeat;
}
#hotchart1 .ol1>li .t2.up .ic1{background-image:url(../../img/main2020/ic10a1up1.png);}
#hotchart1 .ol1>li .t2.down .ic1{background-image:url(../../img/main2020/ic10a1down1.png);}
#hotchart1 .ol1>li>a:before{content:'';
	font-style:italic;
	display:inline-block;
	position:absolute;left:0;top:2px;
	box-sizing:border-box; /* ☆ */
	font-size:15px; /* =14/16 */
	font-weight:800;
}
#hotchart1 .ol1>li.m1>a:before{content:'1';
	font-size:20px;color:#c92026;
	line-height:1em;
	vertical-align:top;
}
#hotchart1 .ol1>li.m2>a:before{content:'2';
	color:#000;
}
#hotchart1 .ol1>li.m3>a:before{content:'3';
	color:#000;
}
#hotchart1 .ol1>li.m4>a:before{content:'4';
	color:#888;
}
#hotchart1 .ol1>li.m5>a:before{content:'5';
	color:#888;
}
#hotchart1 .more{display:block;
	position:absolute;right:12px;top:20px;
	width:25px;height:25px;
}
#hotchart1 .more .ic1{display:block;
	width:25px;height:25px;
	background:url(../../img/main2020/more2.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 메뉴 */
#hotchart1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;
	bottom:115px; /* (230/2) */
	height:0; /* ☆ */
	margin:auto;
	font-size:0;
	text-align:center;
}
#hotchart1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main2020/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#hotchart1 .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;
}
/* 제어 */
#hotchart1 .mControl{display:block;
	height:0;
}
#hotchart1 .mControl .m{display:inline-block;
	width:40px;height:25px;
	margin:-12.5px 0;
	border-radius:9999px;
}
#hotchart1 .mControl .m:hover,
#hotchart1 .mControl .m:focus{}
#hotchart1 .mControl .m>.ic1{
	width:40px;
	height:25px;
	margin:-12.5px -20px;
}
#hotchart1 .mControl .prev{float:left;}
#hotchart1 .mControl .next{float:right;}
#hotchart1 .mControl .prev>.ic1{background-image:url(../../img/main2020/icw40c1left1.png);}
#hotchart1 .mControl .next>.ic1{background-image:url(../../img/main2020/icw40c1right1.png);}
/* 제어숨김 */
#hotchart1 [data-total-page='NaN'] .menu,
#hotchart1 [data-total-page='0'] .menu,
#hotchart1 [data-total-page='1'] .menu{display:none;}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* ☆작업확인용 */
/*
	#body [class*='mainbody2']>.container>[id]:nth-child(1){display:none;}
 */



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:480px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:480px) */
@media all and (min-width:670px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#ppr1 .wrap1{
	margin:0 0 0 20px;
}
#ppr1 .mView{
	width:610px; /* (285+20)*2 */
}
#ppr1 .mContC[class]{ /* ☆ */
	margin:0 20px 0 0;
}

#menu2 .w1{
	float:left;
}
#menu2 .w2 li{
	width:50%;
}

#fcard1 .wrap1{
	margin:0 0 0 15px;
}
#fcard1 .mView{
	width:528px; /* (249+15)*2 */
}
#fcard1 .mContC[class]{ /* ☆ */
	margin:0 15px 0 0;
}
#fcard1 .mControl{
	margin:50px auto; /* (화면확인) */
}
#fcard1 .mControl .m{
	opacity:1;
}


#hotchart1 .w1{position:absolute;right:-10px;top:-10px;}
#hotchart1 .w1 div{display:inline-block;
	margin:0 10px 0 0;
	vertical-align:top;
}
#hotchart1 .w1 div.link1{
	border-left:1px solid #ddd;
	padding-left:75px;
}
#hotchart1 .w1 .link1 .ic1{left:10px;}
#hotchart1 .mView{
	left:5px; /* (10/2) */ 
	width:520px; /* (250+10)*2 */
}
#hotchart1 .mContC:last-child{
	margin-right:10px;
}


} /* /(min-width:670px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1{}
#body .mainbody2{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{}
#body .mainbody7{}
#body .mainbody8{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{}
	#body .mainbody4>.container{}
	#body .mainbody5>.container{}
	#body .mainbody6>.container{}
	#body .mainbody7>.container{}
	#body .mainbody8>.container{}


#vpr1 .mView{height:552px;} /* >=1260*(840/1920) */
#vpr1 .mContC .t1{font-size:42px;}
#vpr1 .mContC .t2{font-size:21px;}
#vpr1 .menu{margin:60px auto;}
#vpr1 .mContC .tg1{margin:130px 20px 0;}
#vpr1 .mControl{margin:0 -22px;}
#vpr1 .mNum .m{margin:0 22px;}
#vpr1 .mNum .m:before{content:'';display:inline-block;
	position:absolute;left:-22px;top:50%;
	width:5px;height:5px;
	margin:-2.5px;
	border-radius:9999px;
	background:#fff;
}

/*#vpr1 .mControl{margin:0 -33px;}
#vpr1 .mNum .m{margin:0 33px;}
#vpr1 .mNum .m:before{content:'';display:inline-block;
	position:absolute;left:-33px;top:50%;
	width:5px;height:5px;
	margin:-2.5px;
	border-radius:9999px;
	background:#fff;
}*/


#vpr1 .mNum .m:first-child:before{display:none;}

.mainwrap1{margin:0 390px 0 0;}

#mayor1{float:right;
	width:365px;
	margin:-385px 0 0;
}

#menu2{clear:both;}

#sns1{
	margin:0 0 30px;
}

	
#sns2{
	margin:0 0 30px;
}

#bcard1{
	margin:0 325px 0 0;
}

#ncard1{
	margin:-345px 0 0;
	float:right;
}

#tcard1{
	float:left;
	width:50%;
	padding:0 12.5px 0 0;
}
#tcard1>.wrap1{
	height:330px;
}

#tcard2{
	float:right;
	width:50%;
	padding:0 0 0 12.5px;
}
#tcard2>.wrap1{
	height:330px;
}

#menu3>.wrap1{
	height:330px;
}

#fcard1 .h1{
	font-size:42px;
}
#fcard1 .hg1 .t1{
	font-size:16px;
}



} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1>.container{
	max-width:none; /* ☆ */
}


#ppr1 .wrap1{
	margin:0 0 0 20px;
}
#ppr1 .mView{
	width:915px; /* (285+20)*3 */
}
#ppr1 .mContC[class]{ /* ☆ */
	margin:0 20px 0 0;
}

#bbs1 .tab{
	font-size:16px;
}
#bbs1 .hot .ic1{
	width:84px;height:84px;
}

#fcard1 .mView{
	width:792px; /* (249+15)*3 */
}


} /* /(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{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{}
#body .mainbody7{}
#body .mainbody8{}
	#body .mainbody1>.container{
		width:auto;
		max-width:none;
		margin:auto;
	}
	#body .mainbody2>.container{
		height:0;
		margin:-840px auto 848px;
		padding:0;
	}
	#body .mainbody3>.container{}
	#body .mainbody4>.container{}
	#body .mainbody5>.container{}
	#body .mainbody6>.container{}
	#body .mainbody7>.container{}
	#body .mainbody8>.container{padding:50px 0 70px;}


#vpr1 .mView{
	height:840px;
}


#ppr1{
	margin-top:380px;
}
#ppr1 .wrap1{
	margin:0;
}
#ppr1 .mView{
	width:1220px; /* (285+20)*4 */
}
#ppr1 .mContC[class]{ /* ☆ */
	margin:0 20px 0 0;
}
#ppr1 .menu{
	position:absolute;left:0;right:0;bottom:-66px;
}
#ppr1 .mPage{display:none;}
#ppr1 .mPageNum{display:inline-block;}

.mainwrap1{float:left;
	width:550px;
	margin:0 25px 0 0;
}

#bbs1 .tab{
	font-size:16px;
}

#mayor1{float:left;
	width:365px;
	margin:0;
}

#menu2{clear:none;float:right;
	width:235px;
}
#menu2 .w1{
	float:none;
}
#menu2 .w2 li{
	width:100%;
}

#sns1{
	float:left;
	width:286px;
	margin:0 12px 0 0;
}
#sns1lst1 li:nth-of-type(3){display:inline-block;}

#sns2{
	float:left;
	width:252px;
	margin:0 15px 0 0;
}
#sns2 .wrap1{width:215px;height:305px;}
#sns2 .a1{
	display:block;
	width: 255px;
	height: 345px;
	margin:0;
	}
#sns2 .a1:focus{border:2px dotted coral; margin:0;}
#sns2lst1 li:nth-of-type(3){display:inline-block;}	

#bcard1{float:left;width:310px;}

#ncard{float:right;}

#tcard1{
	float:left;
	width:380px;
	margin:0 25px 0 0;
	padding:0;
}
/* #tcard1 .mControl .play,
#tcard1 .mControl .prev,
#tcard1 .mControl .next,
#tcard1 .mPage{display:none;}
#tcard1 .mPageNum{display:inline-block;} */

#tcard2{
	float:left;
	width:380px;
	margin:0;
	padding:0;
}
/* #tcard2 .mControl .play,
#tcard2 .mControl .prev,
#tcard2 .mControl .next,
#tcard2 .mPage{display:none;}
#tcard2 .mPageNum{display:inline-block;} */

#menu3{
	clear:none;
	float:right;
	width:390px;
}

#menu3 .mControl .play,
#menu3 .mControl .prev,
#menu3 .mControl .next,
#menu3 .mPage{display:none;}
#menu3 .mPageNum{display:inline-block;}


#fcard1 .mView{
	width:1056px; /* (249+15)*4 */
}
#fcard1 .mContC:nth-child(2n-1){ /* ☆ */
	margin-top:20px;
}
#fcard1 .mControl{
	margin:54px auto; /* (화면확인) */
}

#hotchart1 .w1{right:0;}
#hotchart1 .mView{
	left:0;
	width:auto;
	margin:0 -10px 0 0;
}
#hotchart1 .mContC{width:260px}
#hotchart1 .mContC:nth-child(2){width:455px}
#hotchart1 .mContC:nth-child(3){width:455px}


/* ◇◆ Only Desktop ◇◆ */


} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

#lbs1 {display:block;position:fixed;bottom:0;left:0;width:100%;z-index:100;}
#lbs1 #lbs1s {padding:10px 15px 10px;text-align:center;background:rgba(32,106,174,.95);}
#lbs1 .logo img {height:44px;}
#lbs1 .close {position:absolute;top:15px;right:15px;width:20px;height:20px;}
#lbs1 .close:before, #lbs1 .close:after {position:absolute;top:calc(50% - 10px);left:calc(50% - 1px);content:"";display:block;width:2px;height:20px;background:#fff;}
#lbs1 .close:before {transform:rotate(-45deg)}
#lbs1 .close:after {transform:rotate(45deg)}
#lbs1 p.text {font-size:15px;letter-spacing:-.075em;color:#fff;margin:10px 0 5px;font-weight:bold;}
#lbs1 #input1 {position:relative;}
#lbs1 #input1 textarea {padding:12px 10px;border-radius:24px;box-sizing:border-box;}
#lbs1 #input1 .submit {position:absolute;top:calc(50% - 18px);right:10px;width:35px;height:35px;background:#009491 url(/_res/portal/img/main2020/lbs1/ic70a1submit.png);border-radius:50%;margin:0;padding:0;background-size:contain;}
@media all and (min-width:1000px){
	#lbs1 {display:none;}
}

/* @-webkit-keyframes kfx1{} [CSS3]invalid)
 * [IE10+]
 */
@keyframes kfx1move1vertic1{
	0%{margin-bottom:40px;}
	50%{margin-bottom:60px;}
	100%{margin-bottom:40px;}
}
@keyframes kfx1move1vertic2{
	0%{transform: translateY(0);}
	50%{transform: translateY(2px);}
	100%{transform: translateY(0);}
}
@keyframes kfx1opacity1{
	0%{opacity:0;}
	100%{opacity:1;}
}


@media all and (min-width:405px) and (max-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */
#mayor1 li>a{display:block;
	margin:10px 0;
	padding:0 0 0 10px;
	border-radius:9999px;
	color:#fff;
}
}

@media all and (min-width:0px) and (max-width:375px){/* ◇◆◇◆◇◆◇◆◇◆ */
#mayor1 li>a{display:block;
	margin:8px 0;
	padding:0 0 0 3px;
	border-radius:9999px;
	color:#fff;
}
}





/* 에스코어드림 */
@font-face {
     font-family: 'S-CoreDream';
     src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
  

/* 이슈팝업 */
.corona1{font-family: 'S-CoreDream';display:none; position:relative; z-index:30;
background: #f0e5f8 url(/_res/covid19/img/2022/bg.jpg) no-repeat bottom; 
text-align:center; font-size:0; line-height:0;padding: 10px 0 0px 0;}

.iss_wrap{width: 1230px;  margin: 0 auto;}
.corona1:before{display:block; position:absolute; top:0; left:0; width:100%; height:54px; border-bottom:1px dotted #999;}
.corona1 .corona1_content{/* padding-top:89px; *//* padding-bottom:40px; */display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.corona1 .corona1_intro{}
.corona1 .corona1_intro:before{display:block; position:absolute; top:8px; left:0; width:115px; height:115px; background-image:url('../images/common/corona1_sprite.png'); background-repeat:no-repeat; background-size:100% 155.75%;}
.corona1 .corona1_intro:after{ content:"";  display:none; width:115px; height:85px;
background: url(/_res/covid19/img/2022/img.png);position: absolute;bottom: 20px;left:37%;}
.corona1 .corona1_state{position:relative; padding-top:8px; padding-right:7px; font-family:'GmarketSans'; color:#007081; font-size:17px; line-height:19px; letter-spacing:-0.035em; font-weight:400;}
.corona1 .corona1_state:before{display:block; position:absolute; top:0; right:0; width:7px; height:7px; background-color:#007081; border-radius:50%;}
.corona1 .corona1_title{padding-left:32px; margin: 30px 0 2px 0;}
.corona1 .corona1_title p{padding-top:17px;font-size: 16px; text-align: left;  font-weight: 500; margin-bottom: 9px; color: #414141;}
.corona1 .corona1_title span{color:#da4551;}
.corona1 .corona1_more{padding-left:240px; margin: -32px 0 30px 0px;float: left;  margin-right: 0%;}
.corona1 .corona1_listbox{display:inline-block;margin-left:50px;width: 60%; text-align:left;}
.corona1 .corona1_accent{display:inline-block; position:relative; margin-left:21px; margin-bottom:5px; padding-left:25px;  font-family:'GmarketSans'; font-size:15px; line-height:22px;  letter-spacing:-0.035em; color:#000;}
.corona1 .corona1_accent:before{display:inline-block; position:absolute; left:0; top:0; width:18px; height:19px; background-repeat:no-repeat; background-image:url('/site/www/images/common/corona1_accent.png');}

/*.corona1 .corona1_list{display:block; background-color:#fff; border-radius:10px;*/
/*box-shadow:0 0 35px rgba(0, 0, 0, 0.15);*/ /*vertical-align:bottom;}*/
.corona1 .corona1_list
{margin-right:14px;display:block; background-color:#fff; border-radius:10px; /*box-shadow:0 0 35px rgba(0, 0, 0, 0.15);*/ vertical-align:bottom;}

.corona1 .corona1_list.type2{margin-top: 18px;}
.corona1 .corona1_item{display:inline-block;position:relative;width: 16.6%;margin-top: 10px;margin-bottom: 8px;text-align:center;}
.corona1 .corona1_item:before{display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#ccc;}
.corona1 .corona1_item:first-child:before{display:none;}
.corona1 .corona1_subject{display:block; color:#000;font-size: 14px; line-height:26px; letter-spacing:-0.035em; font-weight:500;}
.corona1 .corona1_number{display:block;/* margin-top:7px; */ /*font-family:'GmarketSans'; */ font-family: 'S-CoreDream'; 
color:#000;font-size: 19px;line-height:42px; letter-spacing:-0.035em; font-weight:600;margin-top: -5px;}
.corona1 .corona1_number span{ font-size: 16px;font-family: 'S-CoreDream'; line-height:12px; }
.corona1 .corona1_item .corona1_subject{font-size: 16px;font-family: 'S-CoreDream';}
.corona1 .corona1_item.n1 .corona1_subject,
.corona1 .corona1_item.n1 .corona1_number{color: #f45655;}
.corona1 .corona1_list.type2 .corona1_item.n1 .corona1_subject,
.corona1 .corona1_list.type2 .corona1_item.n1 .corona1_number{color:#000;}
.corona1 .corona1_more:before{display:block; position:absolute; top:0; bottom:0; right:20px; width:14px; height:8px; margin-top:auto; margin-bottom:auto; background-image:url('../images/common/corona1_sprite.png'); background-repeat:no-repeat; background-position:left 73.21%; background-size:821.42% 2200%;}
.corona1 .corona1_more.type3:before{display:none;}
.corona1 .corona1_more.type4:before{display:none;}
.corona1 .corona1_more:hover{text-decoration:underline;}
.corona1 .corona1_today{position:absolute;bottom: 116px; right:16.5%;}
.corona1 .corona1_checkbox{width: 12px; height: 12px; position:relative; top:8px;}
.corona1 .corona1_label{margin-left:4px; color:#292e42; font-size:15px; line-height:35px; vertical-align:middle;}
.corona1 .corona1_close{margin-top: 12px; border:0; display:inline-block;width: 27px;height: 27px;
margin-left: 4px;margin-right: 32px;
background-image: url('/_res/covid19/img/2022/close.png');font-size: 0;background-repeat:no-repeat;
/* background-position:left 100%; *//* background-size:328.57% 502.85%; */}

.corona1 .corona1_item.n1 .corona1_subject:after{content:'';display:inline-block;
	position:absolute;right:0;top:50%;
	width:0;height:55px;
	margin:-27px 0;
	border-right:1px solid #d2d2d2;
}
.corona1 .corona1_item.new .corona1_subject,
.corona1 .corona1_item.new .corona1_number{color:#155fcd;}
.corona1 .corona1_item.new .corona1_subject:after{content:'';display:inline-block;
	position:absolute;right:0;top:50%;
	width:0;height:55px;
	margin:-27px 0;
	border-right:1px solid #d2d2d2;
}

@media all and (max-width:1230px) {
	.corona1{  padding: 0 0 50px 0;}
	.iss_wrap{width: 98%;}
	.corona1 .corona1_listbox{width: 100%;margin-left: 0;}
	.corona1 .corona1_close{   margin-right: 10px;}
	.corona1 .corona1_content{ display: flex;  flex-direction: column;  align-items: center; padding-top: 0px;}
	.corona1 .corona1_intro{margin-bottom: 20px;text-align: center;width: 100%;}
	.corona1 .corona1_more{ float: none;}
	.corona1 .corona1_intro:after{display:none;}
	.corona1 .corona1_title p{
    text-align: center;
    font-size: 15px;
}
	
}

@media all and (max-width:800px) {
	.corona1:before{height:46px;}
	.corona1 .corona1_intro{margin-top:0;margin-bottom: 0;}
	.corona1 .corona1_listbox{margin-top:10px; margin-left:0;/*width:380px;*//* width:523px; */}
	.corona1 .corona1_item{margin-top:20px; margin-bottom:15px;}
	.corona1 .corona1_item .corona1_subject{font-size:14px; line-height:16px;}
	.corona1 .corona1_number{font-size: 16px;line-height: 35px;}
	.corona1 .corona1_label{font-size:14px; line-height:30px;}
	.corona1 .corona1_number span{ font-size: 15px;}
}

@media all and (max-width:640px) {
	.corona1 .corona1_item.n1{width: 100%;margin: 0;padding: 10px 0 0 0;}
	.corona1 .corona1_item.n1 span{/* font-size: 15px; */}
	.corona1 .corona1_item .corona1_subject{ font-size: 13px;}
	.corona1 .corona1_item.n1 span br{display:none;}
	.corona1 .corona1_item{width: 33.3%;margin: 10px 0;}
	.corona1 .corona1_more{/* display:block; */}
	.corona1 .corona1_more.type2, .corona1 .corona1_more.type4{margin-left:0;}
	.corona1 .corona1_more.type3, .corona1 .corona1_more.type4{text-align:left;padding-left:15px;width: 245px;}
	.corona1 .corona1_more.type3:before{display:block;}
	.corona1 .corona1_more.type4:before{display:block;}
	.corona1 .corona1_item.new .corona1_subject:after{height:38px;margin:-21px 0;}
}

@media all and (max-width:480px) {
	.corona1 .corona1_title img{height: 20px;}
	.corona1 .corona1_listbox{width:100%;}
	.corona1 .corona1_more img{height: 29px;}
	.corona1 .corona1_content{  padding-top: 2px;}
	.corona1 .corona1_item.n1{}
	.corona1 .corona1_number span{ font-size: 15px;}
	.corona1 .corona1_today{position:absolute;bottom: 135px; right:0%;}
}


@media all and (min-width:0px) and (max-width:1625px){/* ◇◆◇◆◇◆◇◆◇◆ */
/*.corona1 .corona1_intro:after{ content:"";  display:block; width:96px; height:133px;background: url(https://www.gyeongnam.go.kr/01_potal/images/gne_new2019/main/co_ai.png);position: absolute;bottom: 0;left:11%;}*/
}

@media all and (min-width:0px) and (max-width:1230px){/* ◇◆◇◆◇◆◇◆◇◆ */
/*.corona1 .corona1_intro:after{display:none;}*/
.corona1 .corona1_today{position:absolute; bottom: 8px; margin-left:180px; }
.corona1 .corona1_more{padding-left:3%; margin: -30px 0 0px 0px;float: right; margin-right: 6%;}
.corona1 .corona1_title p{padding-top:15px;font-size: 15px; text-align: left; margin-left: -3%; font-weight: 500; margin-bottom: 5px; color: #414141;}
.corona1 .corona1_checkbox{width: 12px; height: 12px; position:relative; top:4px;}
.corona1 .corona1_list{margin-right:0px;}
}




@media all and (min-width:0px) and (max-width:480px){/* ◇◆◇◆◇◆◇◆◇◆ */
.corona1 .corona1_item.n1 .corona1_subject:after{ display:none;
/*	.corona1 .corona1_today{position:absolute; bottom: 135px;   width:190px; margin-right:19%; }*/}
}

@media all and (min-width:0px) and (max-width:480px){/* ◇◆◇◆◇◆◇◆◇◆ */
.corona1 .corona1_item.n1 .corona1_subject:after{ display:none;
/*	.corona1 .corona1_today{position:absolute; bottom: 135px;   width:190px; margin-right:19%; }*/
}
	
#search1c{display:block;z-index:0;}
h1#logo>a{position:relative;z-index:0;}
#lankingword1c{	z-index:99;}											 
#gotop2{margin-top:125px;}
#quickmenu1 .b1.toggle{margin-top:125px;}
#lbs1 {display:block;position:fixed;bottom:0;left:0;width:100%;z-index:100;}

	/* 콘텐츠 */
#quickmenu1c{top:-90px;bottom:0;}
.corona1 .corona1_title{ margin: 14px 0 0px 0;}
.corona1 .corona1_list{margin-right:0px;}
}


/* 추모 */
#condolence {top:-12px;position:relative; z-index:111; transition:all 0.3s ease-in-out;}
#condolence .condolenceInner {display:block;  width:100%; height:100%; margin:0 auto; overflow:hidden;}
#condolence .condolenceInner > a {height:100%; display:none;}
#condolence.active .condolenceInner > a {display:block;}
#condolence .condolenceTitle {font-size:1.4em; color:#fff; margin-bottom:1em; text-align: center;}
#condolence .condolenceTitle > span {display:inline-block; vertical-align:top; border-bottom:3px solid #fff; margin-left:2.5em; position: relative;}
#condolence .condolenceTitle > span:before {content:""; display:block; width:2em; height:2em; background:url(../../assets/img/common/ico_condolence.png) no-repeat center center; position:absolute; top:50%; right:calc(100% + 0.5em); transform:translateY(-50%);}
#condolence .condolenceContents {font-size:1.1em; line-height:1.4; color:#fff; word-break: keep-all;}
#condolence[data-type] .condolenceInner {max-width:1200px;}
#condolence[data-type] .condolenceInner > a {padding:2em 1em 4em;}
#condolence[data-type='1'] {background:url(../../assets/img/common/bg_condolence.jpg) no-repeat center bottom / cover;}
#condolence[data-type='2'] {background:url(../../assets/img/common/bg_condolence_warn.jpg) no-repeat center bottom / cover;}
#condolence img[data-response='pc'] {display:block; width:100%;}
#condolence img[data-response='ta'] {display:none; width:100%;}
#condolence img[data-response='mo'] {display:none; width:100%;}
#condolence .condolenceClose {position:absolute; bottom:1em; right:1em; color:#fff; line-height:1; background:rgba(0,0,0,.5); padding:0 0 0 0.5em; font-size:0.9em;}
#condolence .condolenceClose label {display:inline-block; height:3em; line-height:3em; white-space:nowrap;}
#condolence .condolenceClose button {width:3em; height:3em; text-indent:-9999px; overflow:hidden; background:url(/humanframe/global/assets/img/common/ico_close_w.png) no-repeat center center;}


/* condolenceOn 
#condolence {position: relative; width:100vw; height:100px; background: #000;}
#condolence .condolenceInner img {width: auto; height:100%; margin:0 auto; max-width:none;}
 condolenceOn */



@media all and (max-width:1200px) {
	
	#condolence ~ #navBack {top:8.5em;}
	#condolence ~ .headerTop {height:3.5em;}
	#condolence ~ .headerBottom #topNav {top:8.5em;}
	#condolence.active ~ #navBack {top:calc(8.5em + 149px);}
	#condolence.active ~ .headerBottom #topNav {top:calc(8.5em + 149px);}
	#condolence img[data-response='pc'] {display:none;}
	#condolence img[data-response='ta'] {display:block;}
	#condolence img[data-response='mo'] {display:none;}
	
	#header.condolenceOn ~ #container {margin-top:calc(8.5em + 149px);}

}
@media all and (max-width:768px){	
#condolence {top:-3px;}
	#condolence img[data-response='pc'] {display:none;}
	#condolence img[data-response='ta'] {display:none;}
	#condolence img[data-response='mo'] {display:block;}	
}