@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.08.08 | 문영신 | 최초 등록
 * 2018.08.14 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.10.12 | 송현정 | #vpr1 .mContC .t1 .deco1 수정 (1433줄, 112줄수정) 
  * 2018.10.23 | 송현정 | #body_title .h1  수정 #fcard2 .hg1  #fcard1 .hg1 폰트사이즈수정
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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


/* 배치.메인 20180813 */
#wrap{
	background:#fff;
	border-bottom:1px solid #2a2f42;
}
	#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; */
			}
			#body .mainbody3{background:#ddd;}
			#body .mainbody4{background:url(../../img/main/bg4.jpg) no-repeat center top;}
			#body .mainbody5{}
			#body .mainbody6{background:#09e;}
			#body .mainbody7{}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값으로 좌우여백 만드므로.. */
				}
					#body .mainbody1>.container{margin:auto;}
					#body .mainbody2>.container{padding:0 0 40px;}
					#body .mainbody3>.container{padding:0 0 40px;}
					#body .mainbody4>.container{padding:40px 0;}
					#body .mainbody5>.container{padding:0 0 40px;}
					#body .mainbody6>.container{padding:40px 0;}
					#body .mainbody7>.container{padding:40px 0;}
						/* #body [class*='mainwrap']{} */

#wing{}


html.IE8 #body .mainbody7{}


/* #body */


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


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


/* 비쥬얼.PR로테이터. 20180813 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 140px; /* .menu 자리 */
	overflow:hidden;
}
#vpr1 .wrap1{}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:relative;
	height:288px; /* 정보 안잘리게 >=768*(720/1920) */
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;
	z-index:0;
	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:
	auto;
	padding:50px 20px 0;
	color:#fff;
	text-align:
	left;
	text-shadow:0 0 5px
	rgba(0,0,0, .7);
}
#vpr1 .mContC .t1{display:inline-block;
	position:relative;
	font-weight:600;
	font-size:18px;
	line-height:1.25;
	letter-spacing:-.0625em;
}
#vpr1 .mContC .t1t1{
	z-index:2;
	position:relative;
}
#vpr1 .mContC .t2t1{
	z-index:2;
}
#vpr1 .mContC .t1 .deco1{content:'';display:block;
	position:absolute;right:0;top:0;
	width:97px;
	height:65px;
	margin:-32px -90px 0 0;
	background:url(../../img/main/vpr1/vpr1deco1.png) no-repeat center center;
}
#vpr1 .mContC .t2{display:block;
	margin:.25em 0 .5em;
	font-weight:600;
	font-size:32px;
	line-height:1.125;
	letter-spacing:-.0625em;
}
#vpr1 .mContC .b1{
	display:
	inline-block;
	color:#fff;
	font-weight:600;
	font-size:18px;
}
#vpr1 .mContC .b1t1{display:inline-block;
	vertical-align:middle;
}
#vpr1 .mContC .b1t1 .t1 {
    color: #121212;
    font-size: 1.2em;
    background: #fffffffa;
    border-radius: 1em;
    padding: 3px 15px 3px 15px;
    text-shadow: 0 0 BLACK;
    font-family: 'GimhaeGaya';
    }

#vpr1 .mContC .b1t1 .tt2 {
    font-size: 1em;
    padding: 0 12px 0px 12px;
    background: #0000003b;
    border-radius: 1em;
    }


#vpr1 .mContC .ic1{display:inline-block;
	width:21px;height:27px;
	margin:0 2px 0 0;
	background:url(../../img/main/ich54a1c1mapmarker1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
/* 고도화 */
#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;bottom:0;
	margin:auto; /* ☆ */
	padding:20px 10px 18px;
	background:#2a2f42;
	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/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;
	background:url() no-repeat center center;background-size:contain;overflow:hidden;
}
#vpr1 .menu .m .t1{position:relative;}
/* 순번 */
#vpr1 .mNum{display:block;
	position:relative;
	height:80px;
	margin:0 0 8px;
	overflow:hidden;
}
#vpr1 .mNum .m{display:inline-block;
	width:65px;
	height:80px;
	margin:0 4px;
	background:url(../../img/main/b.png);
	color:#fff;
	text-align:center;
}
#vpr1 .mNum .m .ic1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:auto;height:auto;
	margin:0;
	background:url(../../img/main/b.000000.opacity.30.png);
}
#vpr1 .mNum .m.on{}
#vpr1 .mNum .m.on .ic1{
	border:2px solid #c92026;
	background:none;
}
/* 순번쪽수 */
#vpr1 .mPageNum{display:inline-block;
	margin:0 2px;
	vertical-align:middle;
}
#vpr1 .mPageNum .m{display:inline-block;
	margin:0 2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#vpr1 .mPageNum .m .ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #fff;
}
#vpr1 .mPageNum .m.on .ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main/ic24a1c2hexagon1.png);
}
/* ☆ 순번쪽수활성 */
/*
#vpr1.page1 .mNum .m:nth-child(n+5):nth-child(-n+8),
#vpr1.page2 .mNum .m:nth-child(n+1):nth-child(-n+4){ [IE8]bug) 아래로 변경
*/
#vpr1.page1 .mNum .m5,
#vpr1.page1 .mNum .m6,
#vpr1.page1 .mNum .m7,
#vpr1.page1 .mNum .m8,
#vpr1.page2 .mNum .m1,
#vpr1.page2 .mNum .m2,
#vpr1.page2 .mNum .m3,
#vpr1.page2 .mNum .m4,
#vpr1.page3 .mNum .m9,
#vpr1.page3 .mNum .m10,
#vpr1.page3 .mNum .m11,
#vpr1.page3 .mNum .m12{
	display:none;
}

#vpr1.page1 .mPageNum .m1 .ic1,
#vpr1.page2 .mPageNum .m2 .ic1,
#vpr1.page3 .mPageNum .m3 .ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main/ic24a1c2hexagon1.png);
}
/* 제어 */
#vpr1 .mControl{display:inline-block;
	vertical-align:middle;
}
#vpr1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
}
#vpr1 .mControl .m:hover,
#vpr1 .mControl .m:focus{
	opacity:1;
}
#vpr1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#vpr1 .mControl .stop>.ic1{background-image:url(../../img/main/ic9a1c0pause1.png);}
#vpr1 .mControl .play>.ic1{background-image:url(../../img/main/ic9a1c0play1.png);}
#vpr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic9a1c0left1.png);}
#vpr1 .mControl .next>.ic1{background-image:url(../../img/main/ic9a1c0right1.png);}
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}


/* 메뉴(픽1글1)중앙정렬. 20180813 */
#menu1{display:block;position:relative;
	margin:0 -20px;
	padding:30px 10px;
	background:#0170e0;
	color:#fff;
	text-align:center;
}
#menu1 .wrap1{}
#menu1 .hg1{}
#menu1 .h1{
	font-size:26px;
}
#menu1 .hg1 .t1{
	margin:4px 0 20px;
	font-size:18px;
}
#menu1 ul{
	font-size:0;
}
#menu1 li{display:inline-block;
	vertical-align:top;
}
#menu1 li a{display:block;
	margin:10px;
	color:inherit;
	font-weight:600;
	font-size:15px;
}
#menu1 li .t1{display:block;
	vertical-align:middle;
}
#menu1 li .ic1{display:inline-block;
	width:70px;height:70px;
	margin:0 0 4px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu1 .m1 .ic1{background-image:url(../../img/main/menu1p01@2x.png);}
#menu1 .m2 .ic1{background-image:url(../../img/main/menu1p02@2x.png);}
#menu1 .m3 .ic1{background-image:url(../../img/main/menu1p03@2x.png);}
#menu1 .m4 .ic1{background-image:url(../../img/main/menu1p04@2x.png);}
#menu1 .m5 .ic1{background-image:url(../../img/main/menu1p05@2x.png);}
#menu1 .m6 .ic1{background-image:url(../../img/main/menu1p06@2x.png);}
#menu1 .m7 .ic1{background-image:url(../../img/main/menu1p07@2x.png);}
#menu1 .m8 .ic1{background-image:url(../../img/main/menu1p08@2x.png);}


/* 제목그룹. 20180813 */
.hgroup1{display:block;position:relative;
	color:#000;
	text-align:center;
}
.hgroup1 .h1{
	padding:40px 0 30px;
	font-size:25px;
	line-height:1.25;
}


/* 메뉴.사진. 20180813 */
#menu2{display:block;position:relative;
	max-width:590px;
	margin:auto;
}
#menu2 .wrap1{}
#menu2 ul{}
#menu2 li{}
#menu2 li a{display:block;
	position:relative;
	overflow:hidden;
}
#menu2 li.m1 a{
	height:250px;
	margin:0 auto 20px;
	color:#fff;
}
#menu2 li.m1 a img{
	width:100%;
	height:auto;
}
#menu2 li.m1 .tg1{display:table;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;height:100%;
	text-shadow:0 0 2px rgba(0,0,0, .5);
}
#menu2 li.m1 .t1{display:table-cell;
	font-weight:600;
	font-size:26px;
	text-align:center;
	vertical-align:middle;
}
/* ☆ */
#menu2 li.m2 a{
	max-width:320px;
	height:115px;
	margin:0 auto 20px;
	text-align:left;
}
#menu2 li.m2 .f1{float:left;
	margin:0 14px 0 0;
}
#menu2 li.m2 .tg1{display:block;
	overflow:hidden;
}
#menu2 li.m2 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:18px;
}
#menu2 li.m2 .t2{display:block;
	margin:.125em 0;
	color:#555;
	font-size:13px;
}
 #menu2 li.m2 .tg1 .ic1{display:inline-block;
	width:29px;height:8px;
	background:url(../../img/main/icw29c1right1.png) no-repeat center center;
	background-size:contain;
}
#menu2 li.m3 a{
	max-width:320px;
	height:115px;
	margin:0 auto 20px;
	text-align:left;
}
#menu2 li.m3 .f1{float:left;
	margin:0 14px 0 0;
}
#menu2 li.m3 .tg1{display:block;
	overflow:hidden;
}
#menu2 li.m3 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:18px;
}
#menu2 li.m3 .t2{display:block;
	margin:.375em 0;
	color:#555;
	font-size:14px;
}
 #menu2 li.m3 .tg1 .ic1{display:inline-block;
	width:29px;height:8px;
	background:url(../../img/main/icw29c1right1.png) no-repeat center center;
	background-size:contain;
}


/* 메뉴.사진. 20180813 */
#menu3{display:block;position:relative;
	max-width:590px;
	margin:auto;
}
#menu3 .wrap1{}
#menu3 ul{}
#menu3 li{}
#menu3 li a{display:block;
	position:relative;
	overflow:hidden;
}
#menu3 li.m1 a{
	height:250px;
	margin:0 auto 20px;
	color:#fff;
}
#menu3 li.m1 a img{
	width:100%;
	height:auto;
}
#menu3 li.m1 .tg1{display:table;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;height:100%;
	text-shadow:0 0 2px rgba(0,0,0, .5);
}
#menu3 li.m1 .t1{display:table-cell;
	font-weight:600;
	font-size:26px;
	text-align:center;
	vertical-align:middle;
}
/* ☆ */
#menu3 li.m2 a{
	max-width:320px;
	height:115px;
	margin:0 auto 20px;
	text-align:left;
}
#menu3 li.m2 .f1{float:left;
	margin:0 14px 0 0;
}
#menu3 li.m2 .tg1{display:block;
	overflow:hidden;
}
#menu3 li.m2 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:18px;
}
#menu3 li.m2 .t2{display:block;
	margin:.375em 0;
	color:#555;
	font-size:14px;
}
 #menu3 li.m2 .tg1 .ic1{display:inline-block;
	width:29px;height:8px;
	background:url(../../img/main/icw29c1right1.png) no-repeat center center;
	background-size:contain;
}
#menu3 li.m3 a{
	max-width:320px;
	height:115px;
	margin:0 auto 20px;
	text-align:left;
}
#menu3 li.m3 .f1{float:left;
	margin:0 14px 0 0;
}
#menu3 li.m3 .tg1{display:block;
	overflow:hidden;
}
#menu3 li.m3 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:18px;
}
#menu3 li.m3 .t2{display:block;
	margin:.375em 0;
	color:#555;
	font-size:14px;
}
 #menu3 li.m3 .tg1 .ic1{display:inline-block;
	width:29px;height:8px;
	background:url(../../img/main/icw29c1right1.png) no-repeat center center;
	background-size:contain;
}


/* 메뉴.사진. 20180813 */
#menu4{
	display:block;
	position:relative;
	max-width: 1180px;
	margin:0 auto 20px;
}
#menu4 .wrap1{}
#menu4 ul{}
#menu4 li{}
#menu4 li a{display:block;
	position:relative;
}
#menu4 li a:hover,
#menu4 li a:focus{
	outline:1px dotted #000;
}
#menu4 li.m1 a{
	height:150px;
	margin:auto;
	color:#fff;
	overflow:hidden;
}
#menu4 li.m1 .f1{display:block;
	position:absolute;left:0;top:0;bottom:0;
}
#menu4 li.m1 .f1 img{
	display:block;
	max-width: none;
	height:150px;
}
#menu4 li.m1 .tg1{display:block;
	position:absolute;right:0;top:0;
	width:240px;
	height:60px;
	margin:45px 0 0;
	text-shadow:0 0 2px rgba(0,0,0, .5);
}
#menu4 li.m1 .t1{display:block;
	font-weight:600;
	font-size:16px;
}
#menu4 li.m1 .t2{display:block;
	font-weight:600;
	font-size:26px;
}


/* 메뉴.사진. 20180813 */
#menu5{display:block;position:relative;
	max-width:590px;
	margin:auto;
}
#menu5 .wrap1{}
#menu5 ul{}
#menu5 li{}
#menu5 li a{display:block;
	position:relative;
}
#menu5 li.m1 a{
	height:150px;
	margin:auto;
	color:#fff;
	overflow:hidden;
}
#menu5 li a:hover,
#menu5 li a:focus{
	outline:1px dotted #000;
}
#menu5 li.m1 .f1{display:block;
	position:absolute;left:0;top:0;bottom:0;
}
#menu5 li.m1 .f1 img{display:block;
	max-width:none;
	height:150px;
}
#menu5 li.m1 .tg1{display:block;
	position:absolute;right:0;top:0;
	width:240px;
	height:60px;
	margin:45px 0 0;
	text-shadow:0 0 2px rgba(0,0,0, .5);
}
#menu5 li.m1 .t1{display:block;
	font-weight:600;
	font-size:16px;
}
#menu5 li.m1 .t2{display:block;
	font-weight:600;
	font-size:26px;
}


/* 메뉴(글1). 20180813 */
#menu6{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
	text-align:center;
}
#menu6 .wrap1{
	padding:30px 20px 70px;
	background:#b2dff2 url(../../img/main/menu6bg_20250926.jpg) no-repeat center bottom;
}
#menu6 .hg1{
	overflow:hidden;
	height: 130px;
}
#menu6 .h1{
	color:#000;
	font-size:26px;
}
#menu6 .hg1 .t1{
	margin:4px 0 20px;
	font-size:16px;
}
#menu6 ul{
	clear:both;
	font-size:0;
}
#menu6 li{display:inline-block;
	vertical-align:top;
}
#menu6 li a{display:block;
	margin:3px;
	padding:.375em .75em;
	border:1px solid #364040;
	background:#d9fffe;
	background-color:rgba(217,255,254, .8);
	color:#000;
	font-size:14px;
}
#menu6 li .t1{display:block;
	vertical-align:middle;
}


/* 메뉴(글1). 20180813 */
#menu7{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
	text-align:center;

}
#menu7 .wrap1{
	padding:30px 20px 70px;
	background:#9e978f url(../../img/main/menu8bg_2024.jpg) no-repeat center bottom;
}
#menu7 .hg1{
	overflow:hidden;
}
#menu7 .h1{
	color:#000;
	font-size:26px;
}
#menu7 .hg1 .t1{
	margin:4px 0 20px;
	font-size:16px;
}
#menu7 ul{
	clear:both;
	font-size:0;
}
#menu7 li{display:inline-block;
	vertical-align:top;
}
#menu7 li a{display:block;
	margin:3px;
	padding:.375em .75em;
	border:1px solid #364040;
	background:#9e978f;
	background-color:rgb(209 199 179);
	color:#000;
	font-size:14px;
}
#menu7 li .t1{display:block;
	vertical-align:middle;
}

/*menu10추가*/
#menu10{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
	text-align:center;
}
#menu10 .wrap1{
	padding:30px 20px 70px;
	background:#fab3d7 url(../../img/main/menu10bg.png) no-repeat center bottom;
}
#menu10 .hg1{
	overflow:hidden;
}
#menu10 .h1{
	color:#000;
	font-size:26px;
}
#menu10 .hg1 .t1{
	margin:4px 0 20px;
	font-size:16px;
}
#menu10 ul{
	clear:both;
	font-size:0;
}
#menu10 li{display:inline-block;
	vertical-align:top;
}
#menu10 li a{display:block;
	margin:3px;
	padding:.375em .75em;
	border:1px solid #364040;
	background:#f18dc0;
	background-color:rgba(250,179,215, .8);
	color:#000;
	font-size:14px;
}
#menu10 li .t1{display:block;
	vertical-align:middle;
}


/* 카드(픽1글3). 20180813 [JS] jQmPrevNext3(); */
#fcard1{display:block;position:relative;
	margin:auto;
}
#fcard1 .wrap1{}
#fcard1 .hg1{
	text-align:center;
}
#fcard1 .h1{display:block;
	position:relative;
	margin:0 0 30px;
	color:#fff;
	font-size:32px;
	line-height:1.25;
}
#fcard1 .hg1 .t1{display:block;
	margin:.5em 0 2em;
	font-size:14px;
}
#fcard1 .mView{
	z-index:0;
	position:relative;
	width:266px; /* ☆ */
	height:350px; /* ☆ */
	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:266px; /* (8+250+8) */
	height:350px; /* (330+20) */
	margin:0;
}
#fcard1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#fcard1 .mContC.on{display:block;}
#fcard1 .mContC .w1{display:block;
	position:relative;
	width:250px; /* ☆ */
	height:330px;
	margin:auto;
	background:#fff;
	box-shadow:0 10px 15px 0 rgba(0, 0, 0, .1);
}
#fcard1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#fcard1 .mContC .a1 .f1{display:block;position:relative;
	height:180px;
	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 .tg1{display:block;position:relative;
	height:110px;
	padding:20px;
	background:#fff;
	text-align:left;
}
html.IE8 #fcard1 .mContC .tg1{
	border:1px solid #ddd;	
	border-top:0;
	padding:20px 19px 19px;
}
#fcard1 .mContC .t1{display:block;position:relative;
	margin:0 0 .5em;
	color:#000;
	font-size:18px;
	line-height:22px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#fcard1 .mContC .t2{display:block;position:relative;
	max-height:40px;
	margin:0 0 .75em;
	color:#555;
	font-size:15px;
	line-height:20px;
	overflow:hidden;
}
#fcard1 .mContC .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%);
}
#fcard1 .mContC .t3{display:block;
	color:#555;
	font-size:14px;
	overflow:hidden;
}
#fcard1 .mContC .t3 .ic1{float:left;
	width:18px;height:18px;
	margin:0 2px 0 -2px;
	background:url(../../img/main/ic36a1c1mapmarker1.png) no-repeat center center;
	background-size:contain;
}
#fcard1 .mContC .t3 .t3t1{display:block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* 초점 */
#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;bottom:0;
	height:0; /* ☆ */
	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/main/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:-171px -20px; /* (350/2) (화면확인) */
}
#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 .prev>.ic1{background-image:url(../../img/main/ic58a1c1left1.png);}
#fcard1 .mControl .next>.ic1{background-image:url(../../img/main/ic58a1c1right1.png);}
/* 제어숨김 */
#fcard1[data-total-page='NaN'] .menu,
#fcard1[data-total-page='0'] .menu,
#fcard1[data-total-page='1'] .menu{display:none;}


/* 카드(픽1글2+). 20180813 [JS] jQmPrevNext3(); */
#fcard2{display:block;position:relative;
	margin:auto;
}
#fcard2 .wrap1{}
#fcard2 .hg1{
	text-align:center;
}
#fcard2 .h1{display:block;
	position:relative;
	margin:0 0 20px;
	color:#000;
	font-size:27px;
	line-height:1.25;
}
#fcard2 .hg1 .t1{display:block;
	margin:.5em 0 2em;
	font-size:14px;
}
#fcard2 .mView{
	z-index:0;
	position:relative;
	width:280px; /* ☆ */
	height:400px; /* ☆ */
	margin:auto;
	overflow:hidden;
}
#fcard2 .mCont{
	list-style:none;margin:0;padding:0;
	position:absolute;left:0;top:0;
	width:30000px;
	height:100%;
	transition:.6s; /* ☆ */
}
/* [IE11] 초점 아이템 페이지로 이동 시 시간차 있으면 접근성 결함 해결 */
#fcard2 .mView.mj-keyboard-in .mCont{ /* [JS] */
	transition:0s; /* ★ */
}
#fcard2 .mContC{display:block; /* why?키보드운용 */
	float:left;position:relative;left:0;top:0;
	width:280px; /* ☆ */
	height:400px; /* ☆ */
	margin:0 20px 0 0;
}
#fcard2 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#fcard2 .mContC.on{display:block;}
#fcard2 .mContC .w1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#fcard2 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	background:#fff;
	overflow:hidden;
}
#fcard2 .mContC .a1 .f1{display:block;position:relative;
	height:250px;
	overflow:hidden;
}
#fcard2 .mContC .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
#fcard2 .mContC .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
/* 글 */
#fcard2 .mContC .tg1{display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:150px;
	background:#fff;
}
#fcard2 .mContC .t1{display:block;
	height:1.375em;
	padding:30px 0 9px;
	color:#000;
	font-size:26px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#fcard2 .mContC .t2{display:block;position:relative;
	max-height:40px;
	margin:0 0 .75em;
	color:#555;
	font-size:15px;
	line-height:20px;
	overflow:hidden;
}
#fcard2 .mContC .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%);
}
 #fcard2 .mContC .ic1{display:block;
	position:absolute;right:0;top:-30px;
	width:60px;
	height:60px;
	background:#c92026 url(../../img/main/ic23a2c1plus1.png) no-repeat center center;
	vertical-align:middle;
}
/* 초점 */
#fcard2 .mContC .a1:focus{border:1px dotted #000;}
#fcard2 .mContC .a1:focus .f1{margin:-1px;}
/* 메뉴 */
#fcard2 .menu{display:block;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:0 auto 18px;
	font-size:0;
	text-align:center;
}
#fcard2 .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;
}
#fcard2 .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;
}
/* 제어 */
#fcard2 .mControl{display:inline-block;
	vertical-align:middle;
}
#fcard2 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
#fcard2 .mControl .m:hover,
#fcard2 .mControl .m:focus{
	opacity:1;
}
#fcard2 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#fcard2 .mControl .stop>.ic1{background-image:url(../../img/main/ic9a1c1pause1.png);}
#fcard2 .mControl .play>.ic1{background-image:url(../../img/main/ic9a1c1play1.png);}
#fcard2 .mControl .prev>.ic1{background-image:url(../../img/main/ic9a1c1left1.png);}
#fcard2 .mControl .next>.ic1{background-image:url(../../img/main/ic9a1c1right1.png);}
/* 쪽수 */
#fcard2 .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;
}
/* 순번 */
#fcard2 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#fcard2 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#fcard2 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #959595;
}
#fcard2 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main/ic24a1c1hexagon1.png);
}
/* 제어숨김 */
#fcard2[data-total-page='NaN'] .menu,
#fcard2[data-total-page='0'] .menu,
#fcard2[data-total-page='1'] .menu{display:none;}


/* 메뉴(픽1글1)중앙정렬. 20180813 */
#menu8{display:block;position:relative;
	margin:0 -20px;
	padding:0 20px;
	color:#fff;
	text-align:center;
}
#menu8 .wrap1{}
#menu8 .hg1{}
#menu8 .h1{
	font-size:32px;
}
#menu8 .hg1 .t1{
	margin:4px 0 20px;
	font-size:16px;
}
#menu8 ul{
	font-size:0;
}
#menu8 li{display:inline-block;
	vertical-align:top;
}
#menu8 li a{display:block;
	width:96px;
	height:96px;
	border-radius:9999px;
	border:2px solid #000;
	background:#fff;
	margin:15px;
	color:inherit;
	color:#000;
	font-size:14px;
	text-align:center;
}
#menu8 li .t1{display:block;
	vertical-align:middle;
}
#menu8 li .ic1{display:inline-block;
	width:70px;height:70px;
	margin:2px 0 -8px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu8 .m1 .ic1{background-image:url(../../img/main/menu8p01@2x.png);}
#menu8 .m2 .ic1{background-image:url(../../img/main/menu8p02@2x.png);}
#menu8 .m3 .ic1{background-image:url(../../img/main/menu8p03@2x.png);}
#menu8 .m4 .ic1{background-image:url(../../img/main/menu8p04@2x.png);}


/* 최근게시물. 20180813 */
#bbs1{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:440px;
	margin:0 auto 30px;
	overflow:hidden;
}
#bbs1 .wrap1{position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border:1px solid #ccc;
}
#bbs1 .h1{
	margin:0 0 10px;
	color:#000;
	font-size:22px;
}
/* 내용물 */
#bbs1 .cont{}
#bbs1 p{} /* 내용 없으면 */
#bbs1 ul{}
#bbs1 li{display:inline;}
#bbs1 li>a{display:block;
	position:relative;
	padding:.375em 30px .375em 14px;
	background:url(../../img/main/bu1.png) no-repeat 5px 50%;
	color:#666;
	font-size:14px;
	overflow:hidden;cursor:pointer;
}
#bbs1 li .t1{float:left;position:relative;width:100%;
	height:1.375em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#bbs1 li .time{
	display:none; /* ☆ */
	float:left;
	width:80px;
	margin:0 -110px 0 30px;
	color:#888;
	text-align:right;
}
#bbs1 li>a:hover .t1,
#bbs1 li>a:focus .t1{text-decoration:underline;}
/* new more */
#bbs1 .new{float:left;
	width:14px;height:14px;
	margin:0 -30px 0  10px;
	background:url(../../img/main/new@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#bbs1 .more{display:inline-block;
	position:absolute;right:0;top:0;
	width:25px;height:25px;
	margin:20px;
	color:#fff;
	text-indent:-9999px;
	overflow:hidden;
}
#bbs1 .more .t1{}
#bbs1 .more .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:25px;height:25px;
	margin:-12.5px;
	background:url(../../img/main/more1.png) no-repeat center center;
	vertical-align:middle;
}


/* 축제. 20180813 */
#fest1{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:440px;
	margin:0 auto 30px;
	overflow:hidden;
}
#fest1 .wrap1{}
#fest1 ul{}
#fest1 li{}
#fest1 .a1{}
#fest1 .f1{}
#fest1 .f1p1{}
#fest1 .f1 img{}


/* 메뉴(픽1글1)격자. 20180813 */
#menu9{display:block;position:relative;
	max-width:440px;
	margin:auto;
	background:#4c2bad;
	color:#fff;
	text-align:center;
}
#menu9 .wrap1{}
#menu9 ul{
	font-size:0;
	overflow:hidden;
}
#menu9 li{display:inline-block;
	position:relative;
	width:50%;
	height:125px;
	vertical-align:top;
}
#menu9 li a{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-1px 0 0 -1px;
	border:1px solid #826bc6;
	border-width:1px 0 0 1px;
	color:inherit;
	font-weight:600;
	font-size:14px;
}
#menu9 li .t1{display:block;
	vertical-align:middle;
}
#menu9 li .ic1{display:inline-block;
	width:70px;height:70px;
	margin:12px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu9 .m1 .ic1{background-image:url(../../img/main/menu9p01@2x.png);}
#menu9 .m2 .ic1{background-image:url(../../img/main/menu9p02@2x.png);}
#menu9 .m3 .ic1{background-image:url(../../img/main/menu9p03@2x.png);}
#menu9 .m4 .ic1{background-image:url(../../img/main/menu9p04@2x.png);}


#lbs1s{
	z-index:10;
	display:block;position:fixed;left:0;right:0;bottom:0;
	color:#fff;
	text-align:center;
	padding:20px;
}
#lbs1s .bg01{display:block;
	z-index:-1;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#0f2644;
	opacity:.9;
}
#lbs1s a.close{display:block;position:absolute;right:10px;top:10px;
	width:30px;height:30px;
}
#lbs1s a.close>.ic1{display:block;
	width:100%;height:100%;
	background:url(/_res/portal/img/inc/ic80a1c0close@2x.png) no-repeat;
}
#lbs1s a.a1{display:block;
	width:150px;
	margin:10px auto 0;
	padding:10px 0;
	color:#fff;text-align:Center;
	background:#00aeef;
	border-radius:20px;
	font-size:14px;
	letter-spacing:-1px;
}
#lbs1s .text b{color:#ffd200;}

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


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

@media all and (max-width:639px){
	#menu1 li{width:25%}

	#menu8 li{width:25%;}
	#menu8 li a{width:85px;height:85px;margin:0 auto;}
	#menu8 li .ic1{width:60px;height:60px;}
}

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


.hgroup1 .h1{
	padding:42px 0 36px;
	font-size:38px;
	letter-spacing:-2px;
}

#menu2{width:590px;}
#menu2 li.m1{
	float:left;
	margin:0 20px 0 0;
}

#menu3{width:590px;}
#menu3 li.m1{
	float:left;
	margin:0 20px 0 0;
}

#menu4{width: 100%;}

	    #menu4 li.m1 .f1 img {
        display: block;
        width: 1180px;
        height: 150px;

}

#menu5{width:590px;}

/*#menu6{float:left;
	width:38%;
	margin:0;
	padding:0 10px 0 0;
}

#menu7{float:left;
	width:38%;
	padding:0 0 0 10px;
}

#menu10{float:left;
	width:24%;
	padding:0 0 0 10px;
}*/

#fcard1 .h1{
	margin:3px 0 39px;
	font-size:38px;
	letter-spacing:-2px;
}
#fcard1 .mView{
	width:532px; /* 266*2 */
}
#fcard1 .mControl{
	margin:-171px 0;
}
#fcard1 .mControl .m{
	opacity:1;
}

#fcard2 .h1{
	font-size:38px;
	letter-spacing:-2px;
}
#fcard2 .mView{
	width:600px; /* (280+20)*2 */
}
#fcard2 .mContC[class]{ /* ☆ */
	margin:0 20px 0 0;
}


} /* /(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:0 0 60px;}
	#body .mainbody3>.container{padding:0 0 60px;}
	#body .mainbody4>.container{}
	#body .mainbody5>.container{}
	#body .mainbody6>.container{padding:30px 0;}
	#body .mainbody7>.container{padding:60px 0;}


#vpr1{padding:0;}
#vpr1 .mView{height:474px;} /* >=1260*(720/1920) */
#vpr1 .mContC .tg1{padding:90px 40px 0;}
#vpr1 .mContC .t1{font-size:32px;}
#vpr1 .mContC .t2{font-size:60px;}
#vpr1 .mContC .t1 .deco1{
	width:146px;
	height:90px;
	margin:-45px -130px 0 0;
}
#vpr1 .menu{
	left:auto;right:0;bottom:0;
	width:320px;
	background:url(../../img/main/b.000000.opacity.60.png);
}


#bbs1{float:left;
	width:100%;
	max-width:none;
	margin:0 0 60px 0;
	padding:0 0 0 0;
}
#bbs1 .wrap1{
	height:250px;
	padding:30px 20px;
}
#bbs1 .h1{
	margin:0 0 20px;
}
#bbs1 .more{
	margin:30px 20px;
}

#fest1{float:right;
	width:440px;
}

#menu9{
	clear:both;
	max-width:none;
}
#menu9 li{
	width:25%;
}

#lbs1{display:none;}

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


#body .mainbody1>.container{
	max-width:none; /* ☆ */
}


#vpr1 .mContC .tg1{
	width:940px;
}
#vpr1 .menu{
	left:50%;right:auto;bottom:0;
	width:320px;
	margin:0 0 0 150px; /* (940/2-320) */
}

#menu1 li .ic1{width:90px;height:90px;}

#fcard1 .mView{
	width:798px; /* 266*3 */
}

#fcard2 .mView{
	width:900px; /* (280+20)*3 */
}
#fcard2 .mContC[class]{ /* ☆ */
	margin:0 20px 0 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{}
#body .mainbody3{}
#body .mainbody4{}
#body .mainbody5{}
#body .mainbody6{
	height:160px;
	background:#09e url(../../img/main/bg6.jpg) no-repeat center top;
}
#body .mainbody7{}
	#body .mainbody1>.container{
		width:auto;
		max-width:none;
		margin:auto;
	}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{}
	#body .mainbody4>.container{}
	#body .mainbody5>.container{padding:0 0 80px;}
	#body .mainbody6>.container{}
	#body .mainbody7>.container{}


#vpr1 .mView{
	height:720px;
}
#vpr1 .mContC .tg1{
	width:1200px;
	padding:170px 0 0;
}
#vpr1 .mContC .t1{font-size:35px;}
#vpr1 .mContC .t2{font-size:60px;}
#vpr1 .mContC .t1 .deco1{
	width:185px;
	height:120px;
	margin:-80px -100px 0 0;
}
#vpr1 .mContC .b1{
	position:absolute;left:0;bottom:140px;
}
#vpr1 .menu{
	left:50%;right:auto;bottom:0;
	width:320px;
	margin:0 0 130px 280px; /* (1200/2-320) */
}


#menu1{
	margin:-85px 0 0;
	padding:18px;
}
#menu1 .hg1{
	float:left;
	margin:32px 0 0 40px;
	text-align:left;
}
#menu1 ul{
	overflow:hidden;
}

#menu2{float:left;width:590px;}
#menu2 li.m1{
	float:left;
	margin:0 20px 0 0;
}

#menu3{float:right;width:590px;}
#menu3 li.m1{
	float:left;
	margin:0 20px 0 0;
}

#menu4{
	clear:both;
	float:left;
	width: 1180px;
	margin:0;
}

	#menu4 li.m1 .f1 img {
    display: block;
    width: 1180px;
    height: 150px;
}
	
#menu5{float:right;
	width:590px;
}

#menu6{float:left;
	width:33%;
	margin:0;
	padding:0 10px 0 0;
	text-align:left;
}
#menu6 .wrap1{
	height:170px;
	padding:30px 35px;
}
/*#menu6 .h1{
	float:left;
	margin:0 .5em 16px 0;
}
#menu6 .hg1 .t1{
	margin:10px 0 0 0;
	padding:0 0 0 .75em;
	border-left:1px solid #999;
	line-height:1;
	overflow:hidden;
}*/
#menu6 li a{
	background-color:#fff;
}

#menu7{float:left;
	width:33%;
	padding:0 10px 0 0;
	text-align:left;
}
#menu7 .wrap1{
	height:170px;
	padding:30px 35px;
}
/*#menu7 .h1{
	float:left;
	margin:0 .5em 16px 0;
}
#menu7 .hg1 .t1{
	margin:10px 0 0 0;
	padding:0 0 0 .75em;
	border-left:1px solid #999;
	line-height:1;
	overflow:hidden;
}*/
#menu7 li a{
	background-color:#fff;
}

#menu10{float:left;
	width:33%;
	padding:0 10px 0 0;
	text-align:left;
}
#menu10 .wrap1{
	height:170px;
	padding:30px 35px;
}
/*#menu10 .h1{
	float:left;
	margin:0 .5em 16px 0;
}
#menu10 .hg1 .t1{
	margin:10px 0 0 0;
	padding:0 0 0 .75em;
	border-left:1px solid #999;
	line-height:1;
	overflow:hidden;
}*/
#menu10 li a{
	background-color:#fff;
}

#fcard1 .mView{
	width:1064px; /* 266*4 */
}


#fcard2 .h1{
	margin:3px 0 36px;
	font-size:38px;
	letter-spacing:-2px;
}
#fcard2 .mView{
	width:1221px; /* (386+21)*3 */
}
#fcard2 .mContC[class]{ /* ☆ */
	width:386px;
	height:400px;
	margin:0 21px 0 0;
}
#fcard2 .menu{
	position:absolute;left:0;right:0;bottom:-48px;
}
#fcard2 .mPage{display:none;}
#fcard2 .mPageNum{display:inline-block;}


#menu8{
	text-align:left;
}
#menu8 .hg1{float:left;
	width:390px;
	margin:12px 0 0;
}
#menu8 li a{
	margin:0 15px;
}

#bbs1{
	width:750px;
	margin:0 20px 0 0;
	padding:0;
}
#bbs1 .wrap1{
	padding:30px;
}
#bbs1 .more{
	margin:30px;
}

#fest1{float:left;
	width:440px;
	margin:0;
}

#menu9{
	clear:none;
	float:right;
	width:430px;
}
#menu9 li{
	width:50%;
}


/* ◇◆ Only Desktop ◇◆ */


/* ☆ 재정의
 * [~IE8] 미디어쿼리를 JS 로 작동하는거의 결함 방지를 위해.. 동일한 미디어쿼리 안에서 재정의한다.
 */
#quickmenu1c{
	margin-top:0; /* (서브페이지 #visual 높이 상쇄 제거) */
}


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


/* @-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;}
}


/* 롤링팝업 추가 2021-08-09 김효진 */
#ppr1 {position:absolute;bottom:300px;left:50%;margin-left:280px;z-index:1;padding:20px 20px 17px;background:rgba(0,0,0,.6);width:340px;box-sizing:border-box}
#ppr1 .mView {position:relative;width:100%;height:100%}
#ppr1 .mCont {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
#ppr1 .mContC {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;}
#ppr1 .mContC:first-child {z-index:1}
#ppr1 .mContC a {display:block;width:100%;height:100%;}
#ppr1 .mContC a img {width:100%;height:100%}
#ppr1 .menu {margin-top:8px;text-align:center}
#ppr1 .menu .mNum {}
#ppr1 .mNum {display:inline-block;margin:0 2px;vertical-align:middle;}
#ppr1 .mNum .m {position:relative;display:inline-block;margin:0 2px;width:24px;height:24px;vertical-align:middle;}
#ppr1 .mNum .m .ic1 {position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);display:block;width:8px;height:8px;border-radius:9999px;border:3px solid #fff;}
#ppr1 .mNum .m.on .ic1 {top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;border:0;background-image:url(../../img/main/ic24a1c2hexagon1.png);}
#ppr1 .mControl {display:inline-block;vertical-align:middle;}
#ppr1 .mControl .m {position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;border:0;background:transparent;line-height:1;text-indent:-9999px}
#ppr1 .mControl .m.on {display:none}
#ppr1 .mControl .m:before {position:absolute;top:50%;left:50%;content:"";display:block;width:9px;height:9px;margin:-4.5px;}
#ppr1 .mControl .stop:before {background-image:url(../../img/main/ic9a1c0pause1.png);}
#ppr1 .mControl .play:before {background-image:url(../../img/main/ic9a1c0play1.png);}
#ppr1 .mControl .prev:before {background-image:url(../../img/main/ic9a1c0left1.png);}
#ppr1 .mControl .next:before {background-image:url(../../img/main/ic9a1c0right1.png);}
#ppr1.nodo .menu {display:none}
@media all and (max-width:1259px){
	#ppr1 {margin-left:150px;bottom:150px;padding-bottom:7px;}
}
@media all and (max-width:999px){
	#ppr1 {position:relative;bottom:auto;left:auto;margin:0;width:100%;background:#22273a}
	#ppr1 .mView {max-width:340px;margin:auto;}
}