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

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


body {
	background:#fff;
}

#wrap{}
	#wrap>.container{max-width:none;margin:0;}
	#body{position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:0 auto;
		padding:0;
		line-height:1.333;
	}
		#body [class*='mainbody']{position:relative;}
			#body .mainbody1{}
			#body .mainbody2{background:#fff;}
				#body .container{
					padding:0; /* ((( all.css 에서 .container 는 margin 값을 가지므로.. */
				}
					#body .mainbody1>.container{max-width:none;margin:0 auto;padding:0;}
					#body .mainbody2>.container{padding:0 0 20px;}
						/* #body [class*='mainwrap']{} */


/* #body */


/* ☆감춤 */
/* none */


/* ☆공용 */
/* none */


/* 비쥬얼.PR로테이터. 20170529 [JS] $('#vpr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#vpr1{display:block;
	z-index:0; /* ☆ */
	position:relative;margin:0 auto;
}
#vpr1 .wrap1{position:relative;
	height:180px; /* 화면확인값! ~=768*(595/2000) */
	margin:-30px auto 0;
}
#vpr1 .mView{z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	height:100%;
	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.on{display:block;}
#vpr1 .mContC .c{display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-decoration:none;}
#vpr1 .mContC a{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:0 auto;}
/* 고도화 */
#vpr1 .mContC .c:focus{border:1px dotted #000;overflow:hidden;}
#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:20;
	position:absolute;left:0;right:0;bottom:0;
	height:0; /* ☆ */
	margin:0 0 60px;
	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:transparent;
	line-height:1;vertical-align:middle;
	cursor:pointer;overflow:visible;
}
#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;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
#vpr1 .mControl{display:inline-block;
	margin:0 2px;
	vertical-align:middle;overflow:hidden;
}
#vpr1 .mControl .m{float:left;
	width:30px;height:30px;
	margin:0 1px;
	border-radius:9999px;
	/* background:#000; */
	/* background-color:rgba(0,0,0, .1); */
}
#vpr1 .mControl .m:focus{
	background-color:rgba(0,0,0, 1);
}
#vpr1 .mControl .m .ic1{width:24px;height:24px;margin:-12px;}
#vpr1 .mControl .stop{}
#vpr1 .mControl .play{}
#vpr1 .mControl .prev{}
#vpr1 .mControl .next{}
#vpr1 .mControl .stop .ic1{background-image:url(../../img/main/ic48c0pause1@2x.png);}
#vpr1 .mControl .play .ic1{background-image:url(../../img/main/ic48c0play1@2x.png);}
#vpr1 .mControl .prev .ic1{background-image:url(../../img/main/ic48c0left1@2x.png);}
#vpr1 .mControl .next .ic1{background-image:url(../../img/main/ic48c0right1@2x.png);}
/* 순번 */
#vpr1 .mNum{display:inline-block;vertical-align:middle;overflow:hidden;}
#vpr1 .mNum .m{display:inline-block;
	width:30px;height:30px;
	margin:0 2px 0 3px;
	background:url(../../img/main/b.png);
	vertical-align:middle;
	overflow:hidden;
}
#vpr1 .mNum .m .ic1{
	width:30px;height:3px;
	margin:-1.5px -15px;
	background:#fff;
	transition:.2s ease-in-out height;
}
#vpr1 .mNum .m.on .ic1{
	width:30px;height:7px;
	margin:-3.5px -15px;
	background:#ea3b8d;
}


/* 메뉴.픽1글1 20170530 */
#menu1{display:block;position:relative;margin:-8px -20px 20px;line-height:1.333;}
#menu1 .wrap1{text-align:center;}
#menu1 ul{font-size:0;overflow:hidden;}
#menu1 li{display:inline-block;position:relative;
	width:25%;
}
#menu1 li>a{display:block;
	margin:-1px 0 0 -1px;
	padding:5px 4px 4px;
	border:1px solid #003f78;
	border-width:1px 0 0 1px;
	background:#0055a2;
	color:#fff;
	font-size:14px;
}
#menu1 li .ic1{display:inline-block;position:relative;
	width:50px;height:50px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#menu1 li .t1{display:inline-block;position:relative;
	vertical-align:middle;
}
#menu1 li.m1 .ic1{background-image:url(../../img/main/menu1p03@2x.png);}
#menu1 li.m2 .ic1{background-image:url(../../img/main/menu1p01@2x.png);}
#menu1 li.m3 .ic1{background-image:url(../../img/main/menu1p02@2x.png);}
#menu1 li.m5 .ic1{background-image:url(../../img/main/menu1p04@2x.png);}
#menu1 li.m6 .ic1 { background-image: url("../../img/main/menu1p04@2x_20220922.png"); }

/* 일자리.탭콘텐츠. 20170809 */
#job1{display:block;position:relative;margin:0 auto 20px;line-height:1.333;}
#job1 .wrap1{}
#job1 .hg1{}
#job1 .h1{}

/* 탭 */
#job1tab1{margin:0 auto;
	border-bottom:1px solid #002157;
}
#job1tab1 ul{}
#job1tab1 li{float:left;width:50%;}
#job1tab1 li>a{display:block;position:relative;
	padding:0 0 12px;
	border-bottom:2px solid transparent;
	text-align:center;
}
#job1tab1 li .t1{display:block;
	height:1.333em;
	color:#666;
	font-weight:500;
	font-size:20px;
	vertical-align:middle;
}
#job1tab1 li .ic1{display:inline-block;
	width:50px;height:50px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#job1tab1 li.m1 .ic1{background-image:url(../../img/main/job1tab1p01@2x.png);}
#job1tab1 li.m2 .ic1{background-image:url(../../img/main/job1tab1p02@2x.png);}
/* 탭활성 */
#job1tab1 li.on>a{
	border-bottom-color:#002157;
	color:#000;
}
#job1tab1 li.m1.on .ic1{background-image:url(../../img/main/job1tab1p01on@2x.png);}
#job1tab1 li.m2.on .ic1{background-image:url(../../img/main/job1tab1p02on@2x.png);}
#job1tab1 li.on>a:after{content:'';
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:0 -8px;
	border:8px solid transparent;border-bottom-color:#333;border-top:0;
	overflow:hidden;text-indent:100%;
}

/* 탭콘텐츠 */
#job1 .job1tab1cont{}
#job1 .job1tab1pane{}
#job1 .job1tab1pane p{padding:1em 0;text-align:center;}

/* 카드(글3).자동순환. 20170529. 20170809 (#t3card1 를 .t3card1 로 변경)
 * #t3card1 와 CSS 같은데.. [IE11] 에서는 키보드 초점에 따른 .mCont 위치가 지그재그로 되다가 정상으로 운용됨.
 */
.t3card1[class]{ /* 우선순위 .init * 보다 높게 */
	display:block;position:relative;margin:0 auto 20px;
}
/* 메뉴 */
.t3card1 .menu{display:block;
	z-index:20;
	float:right;
	margin:10px 0;
	font-size:0;
	text-align:center;
}
.t3card1 .menu .m{display:inline-block;position:relative;
	margin:0;padding:0;border-radius:0;border:0;
	background:transparent;
	line-height:1;vertical-align:middle;
	cursor:pointer;overflow:visible;
}
.t3card1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}/* 제어 */
.t3card1 .mControl{display:inline-block;vertical-align:middle;overflow:hidden;}
.t3card1 .mControl .m{float:left;
	box-sizing:border-box;
	width:24px;height:24px;
	margin:0 0 0 2px;
}
.t3card1 .mControl .m>.ic1{}
.t3card1 .mControl .stop>.ic1{background-image:url(../../img/main/ic24c0pause1.png);}
.t3card1 .mControl .prev>.ic1{background-image:url(../../img/main/ic24c0left1.png);}
.t3card1 .mControl .next>.ic1{background-image:url(../../img/main/ic24c0right1.png);}
.t3card1 .mControl .more>.ic1{background-image:url(../../img/main/ic24c0plus1.png);}
.t3card1 .more{
	float:right;
	margin: 0;
	color:#555;
	font-size:14px;
}
.t3card1 .more .t1{vertical-align:middle;margin: 0 0 0 7px;}
.t3card1 .more .ic1{
	display:inline-block;
	width:24px;
	height:24px;
	margin: 0;
	background:url(../../img/main/ic24c0plus1.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
}

html.Mobile .t3card1 .mControl .stop>.ic1{background-image:url(../../img/main/ic48c0pause1@2x.png);}
html.Mobile .t3card1 .mControl .prev>.ic1{background-image:url(../../img/main/ic48c0left1@2x.png);}
html.Mobile .t3card1 .mControl .next>.ic1{background-image:url(../../img/main/ic48c0right1@2x.png);}
html.Mobile .t3card1 .mControl .more>.ic1{background-image:url(../../img/main/ic48c0plus1@2x.png);}
/* 뷰내용 */
.t3card1 .w1mView{
	clear:both;
	border:1px solid #ddd;
	border-width:0 1px 1px 0;
}
.t3card1 .mView{display:block;
	z-index:0; /* ☆ */
	clear:both;
	position:relative;
	height:330px;
	overflow:hidden;
}
.t3card1 .mCont{position:absolute;left:0;right:0;top:0;overflow:hidden;
	font-size:0; /* ☆ */
	text-align:center;
}
.t3card1 .mContC{display:inline-block;
	width:50%;
	height:165px;
	vertical-align:top;
	overflow:hidden;
}
.t3card1 .mContC.on{}
.t3card1 .mContC .a1{position:relative;display:block;
	height:164px; /* ☆ */
	border:1px solid #ddd;
	border-width:1px 0 0 1px;
	text-align:left;
	overflow:hidden;
}
.t3card1 .mContC .a1 .g1{display:inline-block;
	margin:0 10px;
	padding:.333em 1em;
	background:#888;
	color:#fff;
	font-weight:400;
	font-size:12px;
}
.t3card1 .mContC .a1 .g1b1{background:#d70;}
.t3card1 .mContC .a1 .g1b2{background:#497ccf;}
.t3card1 .mContC .a1 .t1{display:block;
	position:relative;height:2.666em;
	margin:.333em 10px;
	background:#fff;
	color:#002157;
	font-weight:500;
	font-size:16px;
	overflow:hidden;
}
.t3card1 .mContC .a1 .t1:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:1.333em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.t3card1 .mContC .a1 .lst2{
	padding:14px 15px;
	background:#f7f7f7;
	color:#444;
	font-size:13px;
}
.t3card1 .mContC .a1 .li2{
	height:1.333em;
	margin:2px 0;
	padding:0 0 0 10px;
	background:url(../../img/main/bu1.png) no-repeat 0 5px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 최근게시물. 20170529 [JS] jQtabCont2('click', '#bbs1', '.tab', 1, '.cont'); */
#bbs1{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 auto 20px;
}
#bbs1 .wrap1{position:relative;
	padding:55px 0 0 0;
	overflow:hidden;
}
#bbs1 .h1{}
/* 탭 */
#bbs1 .tab{z-index:10;display:table;
	border-collapse:collapse;border-spacing:0;
	position:absolute;top:0;
	width:100px;
	height:55px;
	font-size:16px;
}
#bbs1 .tab:nth-of-type(1){left:0;}
#bbs1 .tab:nth-of-type(2){left:100px;}
#bbs1 .tab:nth-of-type(3){left:200px;}
#bbs1 .tab>a{display:table-cell;
	min-height:1.166em;padding:0 .333em;
	background:#bfc7d5;
	color:#000;font-weight:400;line-height:1.166;
	text-align:center;vertical-align:middle;
}
#bbs1 .tab.on>a{background:#002157;color:#fff;}
#bbs1 .tab>a:hover,
#bbs1 .tab>a:focus{text-decoration:underline;}
/* 내용물 */
#bbs1 .cont{display:block;position:relative;
	height:149px;
	padding:20px;
	border:3px solid #002157;
}
#bbs1 ul{}
#bbs1 li{display:inline;}
#bbs1 li>a{display:block;
	padding:3px 28px 3px 10px;
	background:url(../../img/main/bu1.png) no-repeat 2px 50%;
	color:#555;
	font-size:14px;
	overflow:hidden;cursor:pointer;
}
#bbs1 li .t1{float:left;position:relative;width:100%;height:1.333em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
/* ☆ */
#bbs1 .new{float:left;
	width:20px;height:20px;margin:-1px -24px 1px 4px; /* 총높이18px=:=(13*1.333)  */
	background:url(../../img/main/new@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#bbs1 p{padding:.5em 0;} /* 내용 없으면 */
#bbs1 .more{display:table;
	z-index:20;
	float:left;
	position:absolute;
	right:-3px;
	top:-58px;
	width:80px;
	height:55px;
	background:#f7f7f7;
	overflow:hidden;
}
#bbs1 .more>.t1{display:table-cell;
	color:#777;
	font-weight:600;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
#bbs1 .more>.ic1{position:absolute;}


/* 알림판.PR로테이터. 20170529 [JS] $('#pr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#ppr1{display:block;position:relative;margin:0 auto 20px;line-height:1.333;}
#ppr1 .wrap1{}
#ppr1 .h1{display:block;
	float:left;
	margin:0 0 .333em;
	color:#000;
	font-weight:500;font-size:17px;
}
/* 메뉴 */
#ppr1 .menu{display:block;position:relative;
	z-index:20;
	float:right;
	margin:0 0 10px;
	font-size:0;
	text-align:center;
}
#ppr1 .menu .m{display:inline-block;position:relative;
	margin:0;padding:0;border-radius:0;border:0;
	background:transparent;
	line-height:1;vertical-align:middle;
	cursor:pointer;overflow:visible;
}
#ppr1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}/* 제어 */
#ppr1 .mControl{display:inline-block;vertical-align:middle;overflow:hidden;}
#ppr1 .mControl .m{float:left;
	box-sizing:border-box;
	width:24px;height:24px;
	margin:0 0 0 2px;
}
#ppr1 .mControl .m>.ic1{}
#ppr1 .mControl .stop{}
#ppr1 .mControl .prev{}
#ppr1 .mControl .next{}
#ppr1 .mControl .stop>.ic1{background-image:url(../../img/main/ic48c0pause1@2x.png);}
#ppr1 .mControl .prev>.ic1{background-image:url(../../img/main/ic48c0left1@2x.png);}
#ppr1 .mControl .next>.ic1{background-image:url(../../img/main/ic48c0right1@2x.png);}
/* 쪽수 */
#ppr1 .mPage{	float:left;
	box-sizing:border-box; /* ☆ */
	height:24px;
	padding:2px 8px 2px 7px;
	border-radius:9999px;
	background:#eee;
	text-align:right;
}
#ppr1 .mPage .text{display:inline-block;
	color:#000;
	font-size:15px;
	font-family:'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
		Arial,sans-serif;
	vertical-align:middle;
}
#ppr1 .mPage .text .on{font-weight:500;}
#ppr1 .mPage .text .sep{font-weight:200;}
#ppr1 .mPage .text .total{font-weight:500;}
/* 뷰내용 */
#ppr1 .mView{z-index:0; /* ☆ */
	clear:both;
	position:relative;
	padding:0 0 42.857%; /* =120/280 */
	overflow:hidden;
}
#ppr1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC{display:block/* why?키보드운용 */;position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC.on{display:block;}
#ppr1 .mContC .a1{float:left;position:absolute;left:0;right:0;top:0;bottom:0;
	border:1px solid transparent; /* ☆ */
	text-align:center;
}
#ppr1 .mContC .f1{display:block;
	z-index:-1; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-1px; /* ☆ */
	overflow:hidden;
}
#ppr1 .mContC .f1p1{position:absolute;left:0;top:0;width:100%;height:100%;}
#ppr1 .mContC .f1 img{position:absolute;left:0;top:0;width:100%;max-width:100%;height:auto;min-height:100%;}
#ppr1 .mContC .a1:hover,
#ppr1 .mContC .a1:focus{border:1px dotted #000;} /* ☆ */


/* 갤러리. 20170530 */
#t2f1card1{display:block;position:relative;margin:0 auto 20px;line-height:1.333;}
#t2f1card1 .wrap1{padding:15px 0 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#t2f1card1 .h1{float:left;
	margin:0 0 10px 0;
	padding:.5em 1em;
	background:#002157;
	color:#fff;
	font-weight:500;font-size:14px;
	vertical-align:middle;
}
#t2f1card1 .more{float:right;
	margin:0 0 5px;
	color:#555;
	font-size:14px;
}
#t2f1card1 .more .t1{vertical-align:middle;}
#t2f1card1 .more .ic1{display:inline-block;
	width:24px;height:24px;
	margin:4px 0 4px .333em;
	background:url(../../img/main/ic48c0plus1@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#t2f1card1 .lst1{clear:both;margin:0 -5px;overflow:hidden;}
#t2f1card1 .li1{float:left;width:50%;}
#t2f1card1 .li1 .a1{display:block;
	margin:0 10px 20px;
	background:#fff;
	position:relative;
}
#t2f1card1 .li1 .a1:focus{border:1px dotted #000;}
#t2f1card1 .a1 .f1{display:block;position:relative;
	padding:0 0 68%; /* =80/160 */
	overflow:hidden;
}
#t2f1card1 .a1 .f1p1{position:absolute;left:0;top:0;width:100%;height:100%;}
#t2f1card1 .a1 .f1 img{position:absolute;left:0;top:0;width:100%;max-width:100%;height:100%;min-height:100%;}
#t2f1card1 .a1 .texts{display:block;
	padding:2px 0;
	background:#fff;
}
#t2f1card1 .a1 .t1{display:block;height:1.333em;
	margin:.0;
	color:#333;
	font-weight:600;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#t2f1card1 .a1 .lst2{}
#t2f1card1 .a1 .li2{display:block;height:1.333em;
	color:#666;
	font-size:13px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 메뉴.픽1글1 20170530 */
#menu2{display:block;position:relative;margin:0 auto 20px;line-height:1.333;}
#menu2 .wrap1{}
#menu2 ul{border:1px solid #ddd;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#menu2 li{display:inline-block;width:50%;}
#menu2 li>a{display:block;
	margin:-1px 0 0 -1px;
	padding:5px 4px 4px;
	border:1px solid #ddd;
	border-width:1px 0 0 1px;
	background:#fff;
	color:#333;
}
#menu2 li .ic1{display:inline-block;
	width:40px;height:40px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#menu2 li .t1{display:inline-block;
	font-size:13px;
	vertical-align:middle;
}
#menu2 li.m1 .ic1{background-image:url(../../img/main/menu2p01@2x.png);}
#menu2 li.m2 .ic1{background-image:url(../../img/main/menu2p02@2x.png);}


/* 메뉴.픽1글2 20170530 */
#menu3{display:block;position:relative;margin:0 auto 20px;line-height:1.333;}
#menu3 .wrap1{}
#menu3 ul{border:1px solid #ddd;
	font-size:0;
	text-align:center;
	overflow:hidden;
}
#menu3 li{display:inline-block;width:100%;}
#menu3 li>a{display:block;
	margin:-1px 0 0 -1px;
	padding:5px 4px 4px;
	border:1px solid #ddd;
	border-width:1px 0 0 1px;
	background:#fff;
	color:#333;
}
#menu3 li .ic1{display:inline-block;
	width:80px;height:80px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#menu3 li .t1{display:inline-block;
	text-align:left;
	vertical-align:middle;
}
#menu3 li .t1t1{display:block;
	margin:0 0 0 10px;
	font-size:13px;
	vertical-align:middle;
}
#menu3 li .t1t2{display:block;
	margin:0 0 0 10px;
	font-size:20px;
	vertical-align:middle;
}
#menu3 li.m1 .ic1{background-image:url(../../img/main/menu3p01@2x.png);}


/* 배너(이미지) 20170530. 배너크기다변형.세로정렬중앙. [JS] $('#banner1').jQmTicker1(); */
#banner1{display:block;clear:both;position:relative;}
#banner1 .h1{display:inline-block;margin:0 auto;
	color:#000;
	font-weight:500;
	font-size:18px;
	vertical-align:middle;
}
/* 메뉴 */
#banner1 .mControl{display:inline-block;position:relative;
	z-index:20;
	vertical-align:middle;
	margin:0 0 0 10px;
	font-size:0;
	text-align:center;
}
#banner1 .mControl .b1{display:inline-block;position:relative;
	width:24px;height:24px;
	box-sizing:border-box;
	margin:0 0 0 2px;padding:0;
	border-radius:0;border:0;
	background:transparent;
	line-height:1;vertical-align:middle;
	cursor:pointer;overflow:visible;
}
#banner1 .mControl .b1>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
#banner1 .mControl .b1.stop>.ic1{background-image:url(../../img/main/ic48c0pause1@2x.png);}
#banner1 .mControl .b1.prev>.ic1{background-image:url(../../img/main/ic48c0left1@2x.png);}
#banner1 .mControl .b1.next>.ic1{background-image:url(../../img/main/ic48c0right1@2x.png);}
/* 뷰내용 */
#banner1 .mView{z-index:0;position:relative;
	height:50px;
	margin:20px auto;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
}
#banner1 .mCont{position:absolute;left:0;top:0;
	width:100%;
	overflow:hidden;
	transition:.2s ease-in-out;
}
#banner1 .mContC{display:inline-block;
	margin:0 5px;
}
#banner1 .mContC>a{display:inline-block;
	height:50px;
	vertical-align:middle;
}
#banner1 .mContC>a>img{width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;}
#banner1 .mContC>a:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}



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


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


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

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


#vpr1 .wrap1{position:relative;
	height:230px; /* 화면확인값! ~=768*(595/2000) */
	margin:-50px auto 0;
}


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


#body .mainbody1{}
#body .mainbody2{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{}


#vpr1{}
#vpr1 .wrap1{
	height:380px; /* 화면확인값! ~=1260*(595/2000) */
	margin:-80px auto 0;
}

#menu1{margin-top:-18px;}
#menu1 li{width:25%;}

#job1tab1 li{float:left;width:240px;}
#job1tab1 li .t1{display:inline-block;font-size:26px;}
.t3card1 .menu{margin:-42px 0 42px;}
.t3card1 .mContC{width:25%;}

#bbs1{}

#ppr1{}

#t2f1card1 .wrap1{padding:15px 10px 0;
	border:1px solid #ddd;
}
#t2f1card1 .li1{width:25%;}

#menu2{float:left;width:60%;}
#menu2 li>a{height:80px;}
#menu2 li .ic1{width:80px;height:80px;}

#menu3{float:left;width:40%;}
#menu3 .wrap1{margin:0 0 0 15px;}

#banner1 .h1{float:left;margin:13px 18px 13px 20px;}
#banner1 .mControl{float:left;margin:13px 0;}
#banner1 .mView{margin:20px 0 20px 180px;text-align:left;}


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


#head{height:88px;}
#body{}
#body .mainbody1{}
#body .mainbody2{}
	#body .container{max-width:1200px;
		margin:0 auto;
	}
		#body .mainbody1>.container{}
		#body .mainbody2>.container{}


#vpr1{width:1200px;}
#vpr1 .wrap1{
	width:2000px;
	height:595px;
	margin:-88px -400px 0; /* =(1200-2000)/2 */
}
#vpr1 .menu{margin:0 0 120px;}

#menu1{margin:-29px 0 24px;}
#menu1 li{width:25%;}
#menu1 li>a{font-size:16px;}

#job1{float:left;width:897px;margin:0 20px 20px 0;}
#job1tab1 li{float:left;width:240px;}
#job1tab1 li .t1{display:inline-block;font-size:26px;}
.t3card1 .menu{margin:-42px 0 42px;}
.t3card1 .mContC{width:25%;}

#bbs1{float:right;width:280px;margin:0 0 16px;}

#ppr1{float:right;width:280px;margin:0 0 20px;}

#t2f1card1{clear:both;float:left;
	width:897px;height:255px;
}
#t2f1card1 .wrap1{position:absolute;left:0;right:0;top:0;bottom:0;
	padding:15px 10px 0;
	border:1px solid #ddd;
}
#t2f1card1 .h1{margin-left:-10px;}
#t2f1card1 .more{margin-right:10px;}
#t2f1card1 .li1{width:25%;}
#t2f1card1 .li1 .a1{width:160px;margin:0 auto;}

#menu2{float:right;width:280px;margin:0 auto 15px;}
#menu2 li>a{height:124px;}
#menu2 li .ic1{width:80px;height:80px;margin:10px auto 0;}

#menu3{float:right;width:280px;}
#menu3 .wrap1{margin:0;}
#menu3 li .ic1{height:95px;}

#banner1 .h1{float:left;margin:13px 18px 13px 20px;}
#banner1 .mControl{float:left;margin:13px 0;}
#banner1 .mView{margin:20px 0 20px 180px;text-align:left;}



/* ◇◆ Only Desktop ◇◆ */



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