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

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


/* html,
body,
#container, #wrap, #body,
.container{
	height:100%;
} */

/* 배치.메인 20200311 */
#wrap{}
	#wrap>.container{
		width:auto; /* ☆ */
		max-width:none;
		margin:auto;
	}
	#body{
		/* z-index:0; ☆ z ( #go1mainbody > #foot ) */
		position:relative;
		margin:auto;
		padding:0;
		line-height:1.375;
	}
		/* #body>.container{} 없음. mainbody 있으므로 */
			[id^='mainbody']{
				position:relative;
				background:url() no-repeat center top;
				background-size:cover;
			}
			#mainbody1{}
			#mainbody2{background:#f1f5f9;}
			#mainbody3{}
			#mainbody4{background:#f1f5f9;}
				[id^='mainbody']>.container{
					padding:30px 0; /* (화면확인) */
				}
				#mainbody1>.container{}
				#mainbody2>.container{}
				#mainbody3>.container{}
				#mainbody4>.container{}
					/* [class*='mainwrap']{} */

#wing{}


/* ◇◆ 공통 조정 ◇◆ */
/* none  */


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


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


/* #body */


/* 비쥬얼.PR로테이터. 20200311 [JS] jQmPR1(); */
#vpr1{display:block;
	position:relative;
	margin:auto;
}
#vpr1 .wrap1{
	padding:0 0 30%; /* 어울림 (( 28.698% ((551/1920) */
}
#vpr1 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#vpr1 .mCont{position:relative;width:100%;height:100%;}
#vpr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;
	background:#fff;
}
#vpr1 .mContC:first-child{z-index:1;}
#vpr1 .mContC.on{display:block;}
#vpr1 .mContC .c,
#vpr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#vpr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#vpr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#vpr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 -1000px;
}
#vpr1 .mContC .f1p1 img{display:block;width:auto;height:100%;margin:auto;}
#vpr1 .mContC .tg1{
	display:table;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	margin:auto;
}
#vpr1 .mContC .t1{
	display:table-cell;
	padding:0 0 2%;
	text-align:center;
	vertical-align:middle;
}
/* 고도화 */
#vpr1 .mContC .c:focus,
#vpr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#vpr1 .mContC .c:focus .f1,
#vpr1 .mContC .a1:focus .f1{margin:-1px;}
#vpr1 .mContC.on .a1{}
#vpr1 .mContC.off .a1{}
#vpr1 .mContC.prev-on .a1{}
#vpr1 .mContC.next-on .a1{}
/* 메뉴 */
#vpr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;
	bottom:19%; /* ((160/930) */
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:0;
	max-width:1440px;
	margin:auto;
	padding:0;
	background:none;
	font-size:0;
	text-align:center;
	white-space:nowrap;
}
#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{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 쪽순 */
#vpr1 .mPage{display:inline-block;
	font-size:15px;
	width:148px; /* (36*3)+(20*2) */
	margin:0 -128px 0 0; /* (36*3)+(20) */
	color:#fff;
	font-weight:400;
	vertical-align:middle;
}
#vpr1 .mPage .on{
	float:left;
	margin:0 6px 0 0;
}
#vpr1 .mPage .sep{display:none;}
#vpr1 .mPage .total{
	float:right;
}
/* 순번 */
#vpr1 .mNum{display:inline-block;
	margin:0 6px 0 0;
	vertical-align:middle;
}
#vpr1 .mNum .m{display:inline-block;
	width:36px;
	height:20px;
	vertical-align:middle;
}
#vpr1 .mNum .m>.ic1{
	position:static;
	width:100%;
	height:1px;
	margin:-12px 0;
	background:rgba(0,0,0, .5);
	transition:.2s;
}
#vpr1 .mNum .m.on{}
#vpr1 .mNum .m.on>.ic1{
	height:2px;
	background:#fff;
}
/* 제어 */
#vpr1 .mControl{display:inline-block;
	margin:0 0 0 30px;
	vertical-align:middle;
}
#vpr1 .mControl .m{
	width:20px;height:20px;
	margin:0 2px;
}
#vpr1 .mControl .m>.ic1{
	width:10px;height:10px;
	margin:-5px;
}
#vpr1 .mControl .stop>.ic1{background-image:url(../../img/main/ic10a1c0pause1.png);}
/* 제어2 */
#vpr1 .mControl2{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:50%;
	width:100%;
	max-width:1440px;
	height:0;
	margin:auto;
}
#vpr1 .mControl2 .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:52px;
	height:52px;
	margin:-26px 0;
	padding:0;
	border:2px solid transparent;
	border-radius:9999px;
	background:transparent;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	transition:.2s;
}
#vpr1 .mControl2 .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:16px;height:16px;
	margin:-8px;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;overflow:hidden;
}
#vpr1 .mControl2 .prev{float:left;}
#vpr1 .mControl2 .next{float:right;}
#vpr1 .mControl2 .prev>.ic1{background-image:url(../../img/main/ic16a2c0left1.png);}
#vpr1 .mControl2 .next>.ic1{background-image:url(../../img/main/ic16a2c0right1.png);}
#vpr1 .mControl2 .m:hover,
#vpr1 .mControl2 .m:focus{
	border-color:#fff;
}
/* 고도화 */
#vpr1.nodo .menu,
#vpr1.nodo .mControl2{display:none;}


/* 공지사항. 20200311 */
#bbs1{display:block;
	position:relative;
	margin:0 auto 30px;
}
#bbs1 .wrap1{
	position:relative;
}
#bbs1 .h1{
	margin:0 0 .5em;
	color:#000;
	font-size:24px;
}
#bbs1 .cont{
	margin:0 -5px;
}
#bbs1 .lst1{
	font-size:0;
}
#bbs1 .lst1 li{
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:100%;
	padding:0 5px;
}
#bbs1 .lst1 a{display:block;
	box-sizing:border-box; /* ☆ */
	padding:24px;
	border:1px solid #eee;
	background:#fff;
}
#bbs1 .lst1 li~li a{
	margin:-1px 0 0;
}
#bbs1 .lst1 .time{display:inline-block;
	padding:.25em .5em;
	background:#046fd9;
	color:#fff;
	font-weight:300;
	font-size:15px;
}
#bbs1 .lst1 .t1{display:block;
	position:relative;
	max-height:52px;
	margin:.375em 0;
	color:#000;
	font-weight:400;
	font-size:20px;
	line-height:26px;
	overflow:hidden;
}
#bbs1 .lst1 .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:26px;
	width:3em;
	height:26px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
#bbs1 .lst1 .t2{display:block;
	position:relative;
	max-height:40px;
	color:#777;
	font-size:15px;
	line-height:20px;
	overflow:hidden;
	color:#777;
}
#bbs1 .lst1 .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%);
}
#bbs1 .lst1 .ic1{display:block;
	width:23px;height:23px;
	margin:10px 0 0 auto;
	background:url(../../img/main/ic23a1c1plus1.png) no-repeat center center;
}
#bbs1 .more{display:block;
	position:absolute;right:0;
	top:4px;
	padding:6px 10px;
	border-radius:5px;
	background:rgba(0,0,0, .42);
}
#bbs1 .more .t1{
	display:block;
	color:#fff;
	font-size:13px;
	line-height:1;
}
#bbs1 .more .ic1{display:block;
	width:64px;
	height:10px;
	margin:-8px 0 0;
	background:url(../../img/main/icw64a1c0right1.png) no-repeat center center;
}

/* 공지사항. 디자인 수정 */
#bbs2{margin:0 0 20px;}
#bbs2>.wrap1{position:relative;border:1px solid #ddd;padding:20px;background:#fff;}
#bbs2 .h1{color:#000;margin-bottom:20px;font-size:25px}
#bbs2 .h1:before{content:'';
	display:inline-block;
	width:44px;height:34px;
	margin:3px 5px 0 0;
	vertical-align:top;
	background:url(/_res/edu/img/main/h1bg1@2x.png) no-repeat 0 0 / contain;
}
#bbs2 li a{display:block;
	text-decoration:none;
	padding:3px 0;
}
#bbs2 li a .t1{display:block;
	color:#333;
	font-weight:normal;
	font-size:15px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#bbs2 li a .t1:before{content:'';
	display:inline-block;width:3px;height:3px;
	background:#333;
	margin:8px 5px 0 0;
	vertical-align:top;
}
#bbs2 li:first-child a{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;}
#bbs2 li:first-child a .t1{display:block;color:#000;font-weight:bold;font-size:18px;
	text-overflow:clip;white-space:normal;
	margin-bottom:10px;
}
#bbs2 li:first-child a .t1:before{display:none;}
#bbs2 li:first-child a .t2{display:block;
	color:#777;font-size:14px;
	margin-bottom:10px;
	height:60px;
	overflow:hidden;
}
#bbs2 li .time{display:block;color:#777;font-size:13px;}
#bbs2 .more{display:block;position:absolute;right:20px;top:15px;
	border:1px solid #ddd;
	border-radius:100%;
	width:30px;height:30px;
	box-sizing:border-box;	
}
#bbs2 .more:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-7px;
	width:14px;height:14px;
	background:url(https://www.gimhae.go.kr/_res/edu/img/main/ic23a1c1plus1.png) no-repeat 0 0 / contain;
}


/* 알림판.PR로테이터. 20200311 [JS] jQmPR1(); */
#ppr1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 -20px;
	background:url(../../img/inc/b.000000.opacity.10.pattern4slash1.png);
}
#ppr1 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	max-width:385px;
	margin:auto;
	overflow:hidden;
}
#ppr1 .w1mView{
	position:relative;
	z-index:0;
	padding:0 0 71.429%; /* (275/385) */
}
#ppr1 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#ppr1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC.on{display:block;}
#ppr1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#ppr1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ppr1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#ppr1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#ppr1 .mContC .f1p1 img{display:block;width:100%;height:100%;margin:auto;}
/* 고도화 */
#ppr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#ppr1 .mContC .a1:focus .f1{margin:-1px;}
#ppr1 .mContC.on .a1{}
#ppr1 .mContC.off .a1{}
#ppr1 .mContC.prev-on .a1{}
#ppr1 .mContC.next-on .a1{}
/* 메뉴 */
#ppr1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;
	bottom:40px;
	height:0;
	font-size:0;
	text-align:right;
}
#ppr1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#ppr1 .menu .m .ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url() no-repeat center center;
	/* background-size:contain; */
	overflow:hidden;
}
/* 제어 */
#ppr1 .mControl{display:inline-block;
	vertical-align:middle;
}
#ppr1 .mControl .m{
	width:40px;
	height:40px;
	margin:0 0 0 1px;
	background-color:rgba(0,0,0, .7);
}
#ppr1 .mControl .m .ic1{width:18px;height:18px;margin:-9px;}
#ppr1 .mControl .stop .ic1{background-image:url(../../img/main/ic18a1c0pause1.png);}
#ppr1 .mControl .prev .ic1{background-image:url(../../img/main/ic18a1c0left1.png);}
#ppr1 .mControl .next .ic1{background-image:url(../../img/main/ic18a1c0right1.png);}


/* 메뉴(픽1글1)중앙정렬. 20200311 */
#menu1{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto;
	line-height:1.375;
}
#menu1 .wrap1{}
#menu1 ul{
	list-style:none;
	margin:-6px;
	padding:0;
	font-size:0;
	text-align:center;
}
#menu1 li{display:inline-block;
	position:relative;
	vertical-align:top;
}
#menu1 li a{display:block;
	box-sizing:border-box; /* ☆ */
	min-width:140px;
	padding:6px;
	color:#000;
	font-size:15px;
}
#menu1 li .t1{display:block;
	margin:.5em 0;
	vertical-align:middle;
}
#menu1 li .ic1{display:block;
	width:70px;
	height:50px;
	margin:auto;
	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/menu1p11@2x.png);}

/* 제목그룹 20200311 */
.hgroup1{
	z-index:0;
	position:relative;
	margin:auto;
	color:#000;
	font-size:28px;
	text-align:center;
}
.hgroup1 .h1{
	position:relative;
	font-weight:400;
	font-size:1em;
	line-height:1.125;
}
.hgroup1 .em{
	font-weight:600;
}


/* 교육강좌조회 20200311 */
#ask1{
	position:relative;
	margin:20px auto;
	text-align:center;
}
#ask1 .wrap1{}
#ask1 .even-grid{
	margin:0 0 12px;
}
#ask1 .selectmenu1{
	width:100%;
	margin:0;
	background:none;
	font-size:16px;
}
#ask1 .selectmenu1 .title .a1{
	width:100%;
	border:1px solid #ccc;
	border-radius:5px;
	background:transparent;
	color:#222;
}
#ask1 .selectmenu1 .title .a1 .t1{
	padding:.6875em 18px;
	border-right:0;
}
#ask1 .selectmenu1 .title .a1 .ic1{
	width:8px;height:8px;
	margin:-4px 18px;
	border:0;
	background:url(../../img/main/ic8a1c2down1.png) no-repeat center center;
	transition:.2s;
}
/* 활성 */
#ask1 .selectmenu1 .title.on .a1{
	border-radius:5px 5px 0 0;
	background:#fff;
	color:#000;
	font-weight:600;
}
#ask1 .selectmenu1 .title.on .a1 .ic1{
	transform:rotate(180deg);
}
#ask1 .selectmenu1option{
	margin:-1px 0 0;
	border-top:1px solid #eee;
	border-radius:0 0 5px 5px;
	overflow:hidden;
}
#ask1 .selectmenu1option .options{
	max-height:203px;
	padding:0 0 1px;
	border-radius:0 0 5px 5px;
	border:1px solid #ccc;
	border-top:0;
	background:#fff;
	overflow:auto;
}
#ask1 .selectmenu1option .option .a1{display:block;
	position:relative;
	margin:0 0 -1px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:.5em 18px;
	color:#666;
	font-size:14px;
}
#ask1 .selectmenu1option .option:first-child .a1{display:block;
	border-top:0;
}
#ask1 .selectmenu1option .option:last-child .a1{display:block;
	border-bottom:0;
}
#ask1 .selectmenu1option .option .a1:before{content:'';
	display:inline-block;
	position:absolute;right:0;top:50%;
	width:5px;height:5px;
	margin:-2.5px 12px;
	background:url(../../img/main/ic5a1c1right1.png) no-repeat center center;
	opacity:.5;
}
/* ☆ */
#ask1 .selectmenu1option .option .a1:hover,
#ask1 .selectmenu1option .option .a1:focus{
	background:none;
	color:#000;
}
#ask1 .selectmenu1option .option.on .a1{
	z-index:10;
	border-color:transparent;
	background:#f1f5f9;
	color:#000;
}
/* 버튼들 */
#ask1 .btns{
	font-size:0;
}
#ask1 .b1{display:inline-block;
	margin:3px;
	padding:10px 18px;
	border-radius:5px;
	background:#21409a;
	color:#fff;
	font-weight:400;
	font-size:0;
	vertical-align:middle;
}
#ask1 .b1 .t1{display:inline-block;
	color:inherit;
	font-size:16px;
	vertical-align:middle;
}
#ask1 .b1 .ic1{display:inline-block;
	width:16px;height:16px;
	margin:0 0 0 22px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#ask1 .b1.all .ic1{background-image:url(../../img/main/ic16a1c0bars1.png);}
/* ☆ */
#ask1 .b1.on{
	border-color:transparent;
	background:#c9161e;
}


/* 카드(픽1글3). 20200311 [JS] jQmPrevNext3(); */
#fcard1{display:block;
	position:relative;
	margin:auto;
}
#fcard1 .wrap1{}
#fcard1 .hg1{}
#fcard1 .h1{}
#fcard1 .mView{
	z-index:0;
	position:relative;
	width:296px; /* (.mContC) */
	height:320px; /* (.mContC) */
	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:296px; /* 272+12*2 */
	height:320px;
	margin:0;
}
#fcard1 .mContC:last-child{ /* ☆ 2개 이상 보일 때는 살려준다. */
	margin:0;
}
#fcard1 .mContC.on{display:block;}
#fcard1 .mContC .w1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:320px;
	margin:0 12px;
	background:#fff;
}
#fcard1 .mContC .a1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
#fcard1 .mContC .a1 .f1{display:block;
	position:relative;
	height:172px;
	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;
	padding:26px 14px 14px;
	text-align:left;
}
/* s1 접수중 s2 홍보중 s3 접수마감 */
#fcard1 .mContC .g1{display:inline-block;
	position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:100px;
	height:30px;
	margin:-15px 15px;
	padding:.375em 12px;
	background:#579;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
/*#fcard1 .mContC .g1.s1{background:#3086c9;}
#fcard1 .mContC .g1.s2{background:#05a;}
#fcard1 .mContC .g1.s3{background:#405e60;}
*/

/* s1 접수중 s2 홍보중 s3 접수마감  s4 정원마감 5 대기자 접수중*/
#fcard1 .mContC .g1.s1{background-color:#12a975 !important;}
#fcard1 .mContC .g1.s2{background-color:#a916c7 !important;}
#fcard1 .mContC .g1.s3{background-color:#dde0e5 !important;}
#fcard1 .mContC .g1.s4{background-color:#3b4c57 !important;}
#fcard1 .mContC .g1.s5{background-color:#4575ca !important;}

#fcard1 .mContC .t1{display:block;
	position:relative;
	max-height:52px;
	margin:0 0 .5em;
	color:#000;
	font-weight:400;
	font-size:20px;
	line-height:26px;
	letter-spacing:-.0625em;
	overflow:hidden;
}
#fcard1 .mContC .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:26px;
	width:3em;
	height:26px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
#fcard1 .mContC .lst1{}
#fcard1 .mContC .li1{display:block;
	color:#888;
	font-size:15px;
	overflow:hidden;
}
/* #fcard1 .mContC .li1 .ic1{float:left;
	width:15px;height:15px;
	margin:2px 4px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
}
#fcard1 .mContC .edutime .ic1{
	background-image:url(../../img/main/ic15a5c2schedule1.png);
}
#fcard1 .mContC .receptiontime .ic1{
	background-image:url(../../img/main/ic15a5c2clock1.png);
} */
#fcard1 .mContC .li1t1{display:block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#fcard1 .mContC .btns{
	position:absolute;left:0;bottom:0;
	margin:19px 17.5px; /* 20-2.5 */
	font-size:0;
}
#fcard1 .mContC .b1{display:inline-block;
	margin:0 2.5px;
	width:50px;
	padding:5px 10px;
	border-radius:4px;
	background:#eee;
	color:#000;
	font-weight:400;
	font-size:15px;
	text-align:center;
	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:relative;
	height:auto; /* ☆ */
	margin:0 auto 20px;
	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{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
/* 제어 */
#fcard1 .mControl{display:inline-block;
	vertical-align:middle;
}
#fcard1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
#fcard1 .mControl .m:hover,
#fcard1 .mControl .m:focus{
	opacity:1;
}
#fcard1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
#fcard1 .mControl .stop>.ic1{background-image:url(../../img/main/ic9a1c1pause1.png);}
#fcard1 .mControl .play>.ic1{background-image:url(../../img/main/ic9a1c1play1.png);}
#fcard1 .mControl .prev>.ic1{background-image:url(../../img/main/ic9a1c1left1.png);}
#fcard1 .mControl .next>.ic1{background-image:url(../../img/main/ic9a1c1right1.png);}
/* 쪽수 */
#fcard1 .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;
}
/* 순번 */
#fcard1 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
#fcard1 .mPageNum .m{display:inline-block;
	margin:2px;
	width:24px;height:24px;
	vertical-align:middle;
}
#fcard1 .mPageNum .m>.ic1{
	width:8px;height:8px;
	margin:-7px;
	border-radius:9999px;
	border:3px solid #959595;
}
#fcard1 .mPageNum .m.on>.ic1{
	width:24px;height:24px;
	margin:-12px;
	border:0;
	background-image:url(../../img/main/ic24a1c2hexagon1.png);
}
/* 제어2 */
#fcard1 .mControl2{display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	height:0; /* ☆ */
	margin:210px -20px; /* (420/2) (화면확인) */
	font-size:0;
	text-align:center;
	height:0;
}
#fcard1 .mControl2 .m{display:inline-block;
	width:58px;height:58px;
	margin:-29px 0;
	border:0;
	border-radius:9999px;
	opacity:.5;
}
#fcard1 .mControl2 .m:hover,
#fcard1 .mControl2 .m:focus{
	opacity:1;
}
#fcard1 .mControl2 .m>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;
	margin:-50%;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
}
#fcard1 .mControl2 .prev{float:left;}
#fcard1 .mControl2 .next{float:right;}
#fcard1 .mControl2 .prev>.ic1{background-image:url(../../img/main/ic58a1c2left1.png);}
#fcard1 .mControl2 .next>.ic1{background-image:url(../../img/main/ic58a1c2right1.png);}
/* 제어숨김 */
#fcard1[data-total-page='NaN'] .menu,
#fcard1[data-total-page='0'] .menu,
#fcard1[data-total-page='1'] .menu,
#fcard1[data-total-page='NaN'] .mControl2,
#fcard1[data-total-page='0'] .mControl2,
#fcard1[data-total-page='1'] .mControl2{display:none;}
/* ◇◆ */
@media all and (max-width:336px){
	#fcard1 .mView{
		margin:0 -8px; /* ((280-296)/2) */
	}
}


/* 메뉴.선택검색. 20200311 */
#menu2{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto;
	background:#e5e8ef;
	line-height:1.375;
}
#menu2 .wrap1{
	box-sizing:border-box; /* ☆ */
	padding:24px 24px 20px;
}
#menu2 .hg1{
	position:relative;
	margin:0 0 10px;
	text-align:center;
}
#menu2 .hg1 .ic1{display:block;
	width:90px;
	height:60px;
	margin:auto;
	background:url(../../img/main/menu2p00@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu2 .h1{display:block;
	margin:.25em 0 .5em;
	color:#000;
	font-size:22px;
}
#menu2 .hg1 .t1{display:inline-block;
	color:#7c7b80;
	font-size:15px;
	line-height:1.5;
}
#menu2 fieldset{}
#menu2 select{
	float:left;
	width:64.744%; /* (202/312) */
}
#menu2 button{
	float:right;
	width:32.051%; /* (100/312) */
	border:1px solid #005cb7;
	background:#046fd9;
	color:#fff;
}


/* 메뉴.선택검색. 20200311 */
#menu3{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto;
	background:#fff;
	line-height:1.375;
}
#menu3 .wrap1{
	box-sizing:border-box; /* ☆ */
	padding:24px;
}
#menu3 .hg1{
	position:relative;
	margin:0 0 10px;
	text-align:center;
}
#menu3 .hg1 .ic1{display:block;
	width:90px;
	height:60px;
	margin:auto;
	background:url(../../img/main/menu3p00@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu3 .h1{display:block;
	margin:.25em 0 .5em;
	color:#000;
	font-size:22px;
}
#menu3 .hg1 .t1{display:inline-block;
	color:#7c7b80;
	font-size:15px;
	line-height:1.5;
}
#menu3 ul{
	text-align:center;
}
#menu3 li{display:inline;}
#menu3 .button{
	width:120px;
	margin-left:3px;
	margin-right:3px;
	border:1px solid #005cb7;
	background:#046fd9;
	color:#fff;
	text-align:center;
}
#menu3 .m2 .button{
	border:1px solid #ccc;
	background:#fff;
	color:#000;
}


/* 메뉴.선택검색. 20200311 */
#menu4{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto;
	background:#046fd9;
	line-height:1.375;
}
#menu4 .wrap1{
	box-sizing:border-box; /* ☆ */
	padding:24px;
}
#menu4 .hg1{
	position:relative;
	margin:0 0 10px;
	text-align:center;
}
#menu4 .hg1 .ic1{display:block;
	width:90px;
	height:60px;
	margin:auto;
	background:url(../../img/main/menu4p00@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#menu4 .h1{display:block;
	margin:.25em 0 .5em;
	color:#fff;
	font-size:22px;
}
#menu4 .hg1 .t1{display:inline-block;
	color:#cde2f7;
	font-size:15px;
	line-height:1.5;
}
#menu4 ul{
	text-align:center;
}
#menu4 li{display:inline;}
#menu4 .button{
	width:120px;
	margin-left:3px;
	margin-right:3px;
	border:1px solid transparent;
	background:#0a5;
	color:#fff;
	text-align:center;
}
#menu4 .m2 .button{
	border:1px solid transparent;
	background:#fff;
	color:#000;
}



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


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


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


[id^='mainbody']{}
	[id^='mainbody']>.container{
		padding:30px 0;
	}


#bbs1 .lst1 li{
	width:33.333%;
}

#bbs2>.wrap1{box-sizing:border-box;padding:35px;height:275px;}
#bbs2 ul{position:relative;padding-left:365px;}
#bbs2 li a{padding:5px 0;}
#bbs2 li:first-child{position:absolute;left:0;top:0;width:320px;padding:0}
#bbs2 li:first-child a{padding:0 35px 0 0;border-bottom:0;border-right:1px solid #ddd;}
#bbs2 .more{right:35px;top:30px;}


.hgroup1{
	font-size:36px;
}

#ask1 .even-grid{
	display:inline-block;
	width:666px;
	margin-bottom:0;
	vertical-align:middle;
}
#ask1 .btns{
	display:inline-block;
	vertical-align:middle;
}

#fcard1 .mView{
	width:592px; /* (296*2) */
	margin:auto;
}

#menu2,
#menu3,
#menu4{
	float:left;
	width:33.333%;
}


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


[id^='mainbody']{}
	[id^='mainbody']>.container{
		padding:40px 0;
	}

#fcard1 .mView{
	width:888px; /* (296*3) */
	margin:auto;
}


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


[id^='mainbody']{}
#mainbody1{}
#mainbody2{}
#mainbody3{}
#mainbody4{}
	[id^='mainbody']>.container{
		max-width:1200px; /* ☆ */
		margin:0 auto; /* ☆ */
		padding:40px 0;
	}
	#mainbody1>.container{
		height:313px;
		margin:-313px auto 0;
		padding:0;
	}
	#mainbody2>.container{padding:30px 0;}
	#mainbody3>.container{}
	#mainbody4>.container{padding:40px 0 70px;}


#vpr1 .wrap1{
	padding:0 0 551px;
}
#vpr1 .mContC .t1{
	padding:54px 0 0;
	vertical-align:top;
}

#bbs1{
	float:left;
	width:786px;
}
#bbs1 .lst1 a{
	height:230px;
	border:0;
}

#bbs2{float:left;width:786px;}

#ppr1{
	float:right;
	width:385px;
}

#menu1 li{
	width:16%;
}
#menu1 li~li:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:40px;
	margin:-20px 0;
	border-left:1px solid #d9e3ee;
}

#fcard1 .mView{
	width:1184px; /* (296*4) */
	margin:0 auto 40px;
}
#fcard1 .menu{
	position:absolute;left:0;right:0;bottom:0;
	margin:auto;
}
#fcard1 .mPage{display:none;}
#fcard1 .mPageNum{display:inline-block;}
#fcard1 .mControl2{
	top:0;
	bottom:auto;
	margin:210px -80px;
}

#menu2{
	float:left;
	width:392px;
	height:260px;
	margin:0 12px 0 0;
}
#menu3{
	float:left;
	width:392px;
	height:260px;
}
#menu4{
	float:right;
	width:392px;
	height:260px;
}


/* ◇◆◇◆ */



/* ◇◆ Only Desktop ◇◆ */



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


/* @keyframes [IE10+] 20200311 */
@keyframes kf1ymv1{
	50%{transform:translate3d(0, -20%, 0);}
}
@keyframes kf1vho0{
	100%{
		visibility:hidden;
		opacity:0;
	}
}
@keyframes kf1vvo1{
	100%{
		visibility:visible;
		opacity:1;
	}
}
@keyframes kf1vvo2{
	10%, 90%{
		visibility:visible;
		opacity:1;
	}
}


/* Animation [IE10+] 20200311 */
#vpr1 .mContC .t1,
.mj-ani{
	transform:translateY(-8%);
	opacity:0;
}
/* .on */
#vpr1 .mContC.on .t1,
.mj-ani.on{
	opacity:1;
	transform:none;
	transition:.6s .0s;
}
#vpr1 .mContC.on .t1{
	transition:.8s .6s; /* (버벅거림 방지 지연) */
}