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

/* ◇◆ Layout[sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.서브 20170602 */
#wrap{background:#fff;}
	#wrap>.container{margin:0 auto;}
		#sidebar{display:none; /* ☆ */
			position:relative;
		}
		#body{max-width:960px;margin:0 auto;}
			#body>.container{}
				#body_head{
					position:relative;
					margin:0 auto;
				}
					#body_head>.container{margin:0 auto;}
						#body_head_s1{
							margin:0 -20px; /* ☆ */
							border-bottom:1px solid #ddd;
						}
							#body_head_s1>.container{margin:0 auto;}
						#body_head_s2{padding:0;}
							#body_head_s2>.container{margin:0}
				#body_content{clear:both;position:relative;
					padding:0 0 3.666em 0;
					min-height:50px; /* ☆ 화면확인! */
				}
					#body_content>.container{margin:20px;}
				#body_foot{position:relative;padding:10px 0;background:#fff;}
					#body_foot>.container{margin:0 auto;}
		#aside{}


/* 메인 인듯 메인 같은 메인 아닌 서브. 20170602 */

body.d1_0 #body_head{display:none;}


/* #visual 없음 */
#visual{}


/* #sidebar */


/* #body_head */


/* 현재위치. 20170602. */
#location1{z-index:30;position:relative;margin:0;padding:0;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
#location1 *{box-sizing:border-box;} /* ☆ */

#location1:before{content:'';
	z-index:10;position:absolute;left:0;top:0;bottom:0;
	width:10px;
	background:linear-gradient(to right, #fff 0, rgba(255,255,255,0) 100%);
}
#location1:after{content:'';
	z-index:10;position:absolute;right:0;top:0;bottom:0;
	width:10px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}

#location1 .breadcrumb{
	/* position:absolute;left:0;top:0; */
	width:2000px; /* ☆))JS) */
	height:100%;
	margin-left:0; /* Touch Swipe 변이값 */
	color:#fff;
	white-space:nowrap;
	/* overflow:hidden; */
}
#location1 .breadcrumb .cont{float:left;height:40px;
	margin:0 0 0 12px;
}
#location1 .breadcrumb .cont>a{float:left;position:relative;
	height:100%;
	padding:14px .666em 13px;
	color:#363940;
	font-weight:600;
	font-size:13px;
	line-height:1; /* [Android4.2.x] 아래로 치우침 개선 */
}
#location1 .breadcrumb .cont>.sep{float:left;
	width:6px;height:100%;
	background:url(../../img/inc/location1sep.png) no-repeat left center;
	/* background-size:contain; */ /* [~IE11]bug)so) 주석 */
	text-align:center;overflow:hidden;text-indent:-9999px;
}
#location1 .breadcrumb .cont>.sep img{ /* [~IE8]fix */
	display:block;position:static !important;margin:0 auto;
}
#location1 .breadcrumb .cont>.home{width:30px;height:40px;padding:0;overflow:hidden;text-indent:-9999px;}
#location1 .breadcrumb .cont>.home:before{content:'';
	float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url(../../img/inc/location1home.png) no-repeat center center;
	background-size:contain;
}
html.Mobile #location1 .breadcrumb .cont>.home:before{
	background-image:url(../../img/inc/location1home@2x.png);
}
#location1 .breadcrumb a:last-of-type{
	text-decoration:none;cursor:default;
}


/* 본문유틸. 20170602 */
#bn1{float:right;
	z-index:40; /* ☆ */
	position:relative;
	margin:0 4px 0 0;
}
#bn1 ul{float:left;}
#bn1 li{float:left;}
#bn1 a{float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:50px;height:40px;
	margin:0 0 0 -1px;
	background:url(../../img/inc/bn1s.png) no-repeat left center;
}
#bn1 #bn1share1{display:none;float:left;}
#bn1 .share1 a{background:url(../../img/inc/bn1s2.png) no-repeat left center;}
#bn1 .share1>a.on{}
#bn1 a>.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;text-indent:-9999px;cursor:pointer;
}
#bn1 .facebook>a>.ic1{background-image:url(../../img/inc/bn1facebook@2x.png);}
#bn1 .twitter>a>.ic1{background-image:url(../../img/inc/bn1twitter@2x.png);}
#bn1 .kakaostory>a>.ic1{background-image:url(../../img/inc/bn1kakaostory@2x.png);}
#bn1 .print>a>.ic1{background-image:url(../../img/inc/bn1print@2x.png);}
#bn1 .link>a>.ic1{background-image:url(../../img/inc/bn1link@2x.png);}
#bn1 .share1>a>.ic1{background-image:url(../../img/inc/bn1share1@2x.png);}
#bn1 .share1>a.on>.ic1{background-image:url(../../img/inc/bn1share1on@2x.png);}
/* [~IE8] */
#bn1 a>.ic1>div{height:100%;}
#bn1 a>.ic1>div>img{display:block;position:static !important;margin:0 auto;}
/* 모바일 */
html.Mobile #bn1 .print{display:none;}


/* 본문제목. 20170602 */
#body_title{clear:both;position:relative;line-height:1.333;}
#body_title h1{position:relative;
	margin:.5em 0;
	padding:0;
	border:0;
	background:transparent;
	color:#000;
	font-weight:500;
	font-size:28px;
	letter-spacing:-2px;
}
/* #body_title h1:after{content:'';float:left;
	position:absolute;left:0;right:0;bottom:0;
	height:5px;
	background:url(../../img/inc/b1slash1.png);
} */


/* 날짜기간 20170605 */
.daterange1{display:block;position:relative;margin:0 auto 40px;
	padding:9px 20px;
	border-radius:9999px;
	color:#fff;
	line-height:1.333;
	background:#a6afb7;
}
.daterange1 .t1{vertical-align:middle;}
.daterange1 .ic1{display:none;
	width:20px;height:20px;
	margin-left:-.333em;
	background:url(../../img/lib2/ic40a1c1pie1@2x.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}




/* #body_foot */





/* #body_content */


/* 본문메뉴1.드롭다운.갭0.활성배경 20170602 */
.cnb1{display:block;position:relative;margin:0 auto 1.333em;
	font-size:16px;
	line-height:1.333;
	overflow:hidden;
}
.cnb1>.note{display:block;
	height:21px;
	margin:0;padding:10px 30px 10px 10px;
	border:3px solid #034ea1;
	background:#fff;
	color:#222;font-weight:bold;text-align:left;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb1>.toggle{display:block;
	position:absolute;left:0;top:0;
	width:100%;
	height:44px;
	margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb1>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 15px;border:5px solid transparent;border-top-color:#152475;overflow:hidden;text-indent:100%;}
.cnb1>.toggle.on>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-8px 15px;border:5px solid transparent;border-bottom-color:#152475;overflow:hidden;text-indent:100%;}
.cnb1 ul{list-style:none;margin:0;padding:1px 0 0 1px;overflow:hidden;}
.cnb1>.toggle~ul{border:0;}
.cnb1 li{float:left;width:100%;margin:0;padding:0;}
*+html .cnb1 li{margin-right:-1px;}
.cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;
	min-height:1.333em;
	margin:-1px 0 0 -1px;padding:9px;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#444;
	text-decoration:none !important;
}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:20;position:relative;
	border:1px solid #034ea1;
	color:#000;
}
.cnb1 li.on>a{z-index:10;position:relative;
	border:1px solid #034ea1;
	background-color:#034ea1;
	color:#fff;
	font-weight:500;
	cursor:default;
}


/* 본문메뉴2.드롭다운.갭0.활성배경 20170602 */
.cnb2{display:block;position:relative;margin:0 auto 1.333em;
	border:1px solid #999;
	background:#fff;
	font-size:15px;
	line-height:1.333;
	overflow:hidden;
}
.cnb2>.note{display:block;
	height:19px;
	margin:0;padding:10px 20px 10px 10px;
	border:0;background:#f7f7f7;
	color:#000;font-weight:bold;
	text-align:left;text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb2>.toggle{display:block;
	position:absolute;left:0;top:0;
	box-sizing:content-box;
	width:100%;
	height:39px;
	margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb2>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 10px;border:5px solid transparent;border-top-color:#666;overflow:hidden;text-indent:100%;}
.cnb2>.toggle.on>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-8px 10px;border:5px solid transparent;border-bottom-color:#666;overflow:hidden;text-indent:100%;}
.cnb2 ul{list-style:none;margin:0;padding:0;overflow:hidden;}
.cnb2>.toggle~ul{border-top:1px solid #999;}
.cnb2 li{display:inline;margin:0;padding:0;}
.cnb2 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb2 li>a{display:block;min-height:1.333em;
	margin:-1px -1px 0 -1px;padding:.5em .666em;
	border:1px solid #e6eaee;
	background:#fff;
	color:#666;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb2 li:last-child>a{border-bottom-color:transparent;}
.cnb2 li>a:hover,
.cnb2 li>a:focus{z-index:20;position:relative;border-color:#eee;background-color:#f7f7f7;color:#444;}
.cnb2 li.on>a{z-index:10;position:relative;
	border-color:#58c;
	background-color:#58c;
	color:#fff;
	font-weight:500;
	cursor:default;
}


/* 본문메뉴3.드롭다운.갭0.활성배경 20170602 */
.cnb3{display:block;position:relative;margin:0 auto 1.333em;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	line-height:1.333;
	overflow:hidden;
}
.cnb3>.note{display:block;
	height:17px;
	margin:0;padding:10px 20px 10px 10px;
	border:0;background:#f4f4f4;
	color:#000;font-weight:bold;
	text-align:left;text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3>.toggle{display:block;
	position:absolute;left:0;top:0;
	box-sizing:content-box;
	width:100%;
	height:37px;
	margin:0;padding:0;border:0;background:url(../../img/inc/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb3>.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 10px;border:5px solid transparent;border-top-color:#666;overflow:hidden;text-indent:100%;}
.cnb3>.toggle.on>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-8px 10px;border:5px solid transparent;border-bottom-color:#666;overflow:hidden;text-indent:100%;}
.cnb3 ul{display:block;list-style:none;margin:0;padding:0;border-top:1px solid #ddd;overflow:hidden;}
.cnb3 li{display:inline;margin:0;padding:0;}
.cnb3 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb3 li>a{display:block;
	margin:0;
	padding:.5em .666em;
	color:#767676;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3 li>a:hover,
.cnb3 li>a:focus{background-color:#f5f7f9;color:#000;}
.cnb3 li.on>a{z-index:10;position:relative;
	border-color:#deb;
	background-color:#deb;
	color:#000;
	font-weight:500;
	cursor:default;
}


/* ETC */


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


/* ◇◆ @media print{} ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

@media print{ /* 20150903. )) @media all{} /share/ui/printpage.html */
	/* hide */
	#head, #visual, #foot, #wing, #sidebar, #side, #aside,
	#body_foot,
	#tnb1,
	/* #location1, */
	#bn1,
	#fontsize1,
	/* #body_title, */
	.bg, .noprint{display:none !important;}
	/* show */
	html{background:#fff !important;}
	body,
	#container, #wrap, 	#body,
	#body_head,
	#body_content{float:none !important;left:0 !important;top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;box-shadow:none !important;}
	#body_title{display:block !important;position:static !important;left:0 !important;top:0 !important;height:auto !important;margin:0 0 1em 0 !important;padding:0 0 1em 0 !important;border:0 !important;}
	table{border-color:#999 !important;}
	table th,
	table td{border-color:#999 !important;}
	/* transparent */
	#head_below{background:transparent !important;}
}


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

.subtitle{float:left;}
.daterange1{float:right;margin:35px 0 0}






#location1{height:55px;margin:0 200px -55px 0;border:0;}
#location1 .breadcrumb .cont{float:left;height:40px;margin:8px 0 7px 12px;}

#bn1{margin:0;}
#bn1 a{height:55px;}

#body_title{margin:30px 0 20px;}
#body_title h1{font-size:34px;}


/* ☆ 자동균등폭 .mj-menu-even-width 20160531 */
.mj-menu-even-width ul{opacity:0;} /* 변이 모습 감춤. makeEvenWidthMenus(); 실행 후 opacity:1; */


/* 본문메뉴1.갭0.활성바촉.보더랩 20170602 */
.cnb1{font-size:18px;}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important; /* ☆ */
	position:relative;
	min-height:0; /* [IE7]fix */
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff url(../../img/inc/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
*+html .cnb1 ul{margin:0 -5px 0 -1px;}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:center;}
*+html .cnb1 li>a{margin:-1px 0;}
.cnb1 li>a{padding:16px 13px;
	border-color:#ddd;
	background:#fff;
}
.cnb1 li.on>a{padding:14px 11px;
	border:3px solid #034ea1;
	background:#fff;
	color:#034ea1;
	font-weight:500;
	cursor:default;
}
.cnb1 li.on>a:hover,
.cnb1 li.on>a:focus{
	border:3px solid #034ea1;
	background:#fff;
}
/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}


/* 본문메뉴2.갭.불릿 20170602 */
.cnb2{padding:1em 1.333em;
	border:1px solid #bbb;
	border-radius:2px;
}
.cnb2>.note{display:none;}
.cnb2>.toggle{display:none;}
.cnb2 ul{display:block !important;position:relative;
	padding:0 .333em;
	border:0;
}
.cnb2>.toggle~ul{border:0;}
.cnb2 li{float:left;
	box-sizing:border-box; /* ☆ */
	width:auto;height:auto;
	margin:0;padding:0 .25em;
	text-align:left;
}
.cnb2 li>a{display:block;
	margin:0 1em 0 0;
	padding:.333em .666em;
	border:0;
	background:url(../../img/inc/cnb2bg1.png) no-repeat 0 .666em;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb2 li>a:hover,
.cnb2 li>a:focus{margin-left:-.333em;padding-left:1em;
	background-position:.333em .666em;
	color:#000;
}
.cnb2 li.on>a{background-color:transparent;
	background-image:url(../../img/inc/cnb2bg1on.png);
	color:#26a;
	font-weight:600;
	text-decoration:underline !important;
}


/* 본문메뉴3.갭.불릿 20170602 */
.cnb3{padding:1em 1.333em;
	border:1px solid #ddd;
	border-radius:2px;
}
.cnb3>.note{display:none;}
.cnb3>.toggle{display:none;}
.cnb3 ul{display:block !important;
	position:relative;
	padding:0 .333em;
	border:0;
}
.cnb3 li{float:left;
	box-sizing:border-box; /* ☆ */
	width:auto;height:auto;
	margin:0;padding:0 .25em;
	text-align:left;
}
.cnb3 li>a{display:block;
	margin:0 1em 0 0;
	padding:.333em .666em;
	background:url(../../img/inc/cnb3bg1.png) no-repeat 0 .666em;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb3 li>a:hover,
.cnb3 li>a:focus{margin-left:-.333em;padding-left:1em;background-position:.333em .666em;}
.cnb3 li.on>a{background-color:transparent;
	background-image:url(../../img/inc/cnb3bg1on.png);
	color:#480;
	font-weight:600;
	text-decoration:underline !important;
}


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


#wrap{}
	#wrap>.container{margin:28px auto 0;background:url(../../img/inc/bg_wrap.png) repeat-y 50% 0;}
		/* #head2 가 PC에서 좌메뉴 형태이므로 #sidebar 내용은 없다. */
		#sidebar{display:block;
			float:left;
			position:relative;
			width:200px;
			min-height:800px; /* #head2 는 absolute 이므로 최대 높이 이상 여기서 정의한다. */
			margin:-1px 0 0;
		}
		#body{display:block;
			float:right;
			position:relative;
			width:960px;
			padding:0;
		}
		#body>.container{
			min-height:200px;
			padding:0 0 40px; /* ☆ */
		}
			#body_head{}
				#body_head>.container{margin:0 auto;}
					#body_head_s1{position:relative;
						margin:0 0 0 -30px;
						border:0;
					}
						#body_head_s1>.container{}
					#body_head_s2{margin:0 auto;border-top:1px solid #ddd;}
						#body_head_s2>.container{margin:0}
			#body_content{
				min-height:200px; /* 좌 높이 맞춤 */
			}
				#body_content>.container{margin:0;}
			#body_foot{position:absolute;right:0;left:0;bottom:0;margin:0;padding:0;background:#fff;}


#location1{height:55px;margin:0 200px -55px 0;border:0;}
#location1 .breadcrumb .cont{float:left;height:40px;margin:8px 0 7px 30px;}

#bn1{margin:0;}
#bn1 a{height:55px;}

#body_title{margin:30px 0 20px;}
#body_title h1{font-size:34px;}


/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */





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