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

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


/* 배치.서브 20170829 */
#wrap{background:#fff;}
	#wrap>.container{margin:0 auto;}
		#sidebar{display:none; /* ☆ */
			position:relative;
		}
		#body{
			padding:0;
		}
			#body>.container{}
				#body_head{
					position:relative;
				}
					#body_head>.container{margin:0 auto;}
						#body_head_s1{padding:0 0 30px;}
							#body_head_s1>.container{margin:0 auto;}
							#body_head_s1:after{content:'';display:block;
								clear:both;
								height:7px;
								background:url(../../img/inc/b1slash1.png);
							}
				#body_content{clear:both;position:relative;
					padding:0 0 3.666em 0;
					min-height:50px; /* ☆ 화면확인! */
				}
					#body_content>.container{margin:0 auto;}
				#body_foot{position:relative;padding:10px 0;background:#fff;}
					#body_foot>.container{margin:0 auto;}
		#aside{}


/* ☆ 모바일 감춤 20170829 */
#character1{display:none;}


/* #visual 20170829 */
#visual{display:block;position:relative;
	box-sizing:border-box; /* ☆ */
	height:130px; /* >=325*(768/2000) */
}
#visual [class*='v1']{
	position:relative;
	height:100%;
	margin:0 -400px; /* =(2000-1200)/2 */
}
#visual [class*='v1'] img{display:block;
	width:auto;
	height:100%;
	margin:0 auto;
}

#visual .tg1{display:block;
	position:absolute;left:0;right:0;top:0;
	color:#fff;
	text-align:center;
}
#visual .t1{display:block;padding:1em 0 0;font-weight:600;font-size:24px;}
#visual .t2{display:block;padding:.333em 1em;font-size:12px;line-height:1.416;}

/* 현재위치. 20170829. */
#location1{z-index:30;position:relative;
	height:50px;
	margin:-50px 0 0;
	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:#fff;
	font-size:14px;
	line-height:1; /* [Android4.2.x] 아래로 치우침 개선 */
}
#location1 .breadcrumb .cont>.sep{float:left;
	width:8px;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;
}


/* #sidebar */


/* #body_head */


/* 본문제목. 20170829 */
#body_title{clear:both;position:relative;
	margin:0 100px 0 0;
	line-height:1.333;
}
#body_title h1{position:relative;
	margin:20px 0;
	padding:0;
	border:0;
	background:transparent;
	color:#000;
	font-weight:500;
	font-size:30px;
	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);
} */


/* 본문유틸. 20170829 */
#bn1{float:right;
	z-index:40; /* ☆ */
	position:relative;
	margin:-59px 0 0;
}
#bn1 ul{float:left;}
#bn1 li{float:left;}
#bn1 a{float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	margin:0 0 0 5px;
	border-radius:50%;
	border:1px solid #ddd;
}
#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;}


/* #body_foot */



/* #body_content */


/* 본문메뉴1.드롭다운.갭0.활성배경 20170516 */
.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:1px solid #000;
	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:#000;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:#000;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 #07913b;
	color:#000;
}
.cnb1 li.on>a{z-index:10;position:relative;
	border:1px solid #07913b;
	background-color:#07913b;
	color:#fff;
	font-weight:500;
	cursor:default;
}


/* 본문메뉴2.드롭다운.갭0.활성배경 20170413 */
.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.활성배경 20170413 */
.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 ◇◆◇◆◇◆◇◆◇◆ */


#visual{
	height:205px; /* >=325*(1260/2000) */
}

#visual .t1{padding-top:1.333em;font-size:36px;}
#visual .t2{padding-top:.666em;font-size:24px;}


#body_title h1{font-size:44px;}
#bn1{margin:-65px 0 0;}


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


/* 본문메뉴1.갭0.활성바촉.보더랩 20170516 */
.cnb1{font-size:18px;margin:1em 0 2em !important;}
.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 #07913b;
	background:#07913b;
	color:#fff;
	font-weight:500;
	cursor:default;
}
/* .cnb1 li.on>a:hover,
.cnb1 li.on>a:focus{
	border:3px solid #07913b;
	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.갭.불릿 20170413 */
.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.갭.불릿 20170413 */
.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:1260px){/* xlarge ◇◆◇◆◇◆◇◆◇◆ */


#wrap{}
	#wrap>.container{margin:0 auto;}
		#sidebar{display:block;
			position:relative;
			height:50px;
			margin:-50px -400px 0;
			background:url(../../img/inc/b.28090fopacity.70.png);
		}
		#body{display:block;
			position:relative;
			padding:0 0 50px;
		}
		#body>.container{
			min-height:200px;
			padding:0 0 40px; /* ☆ */
		}
			#body_head{}
				#body_head>.container{margin:0 auto;}
					#body_head_s1{}
						#body_head>.container{margin:0 auto;}
					#body_head_s2{margin:0 auto;
						border-top:0;
						text-align:center;
					}
						#body_head_s2:after{
							margin:15px 0 0;
						}
			#body_content{
				min-height:200px; /* 좌 높이 맞춤 */
				padding:0;
			}
			#body_foot{position:absolute;right:0;left:0;bottom:0;margin:0;padding:0;background:#fff;}


#visual{z-index:-1;height:325px;}

#location1{
	margin:-116px 0 66px; /* (화면확인) (=116-50) */
}
#location1 .breadcrumb{width:100%;text-align:center;}
#location1 .breadcrumb .cont{display:inline-block;float:none;}

#body_title{margin:30px 0 0;text-align:center;}
#body_title h1{font-weight:600;font-size:44px;}
#body_title h1 .t1{display:inline-block;vertical-align:middle;}
#body_title h1 .ic1{display:inline-block;
	width:50px;height:50px;
	background:url(../../img/inc/ic50a1c1sweet1persimmon1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
	}

.cnb1{margin:2em 0 4em !important;}

#visual .t1{padding-top:2em;}

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


/* 캐릭터 20170829 */
#character1{display:inline-block;
	z-index:10;
	position:absolute;right:-27px;top:-231px;
}


/* 사이드제목 20170829 */
#side_title{display:block;height:0;overflow:hidden;text-indent:-9999px;}


/* 사이드메뉴 20170829 */
#snb1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:100%;
}
/* depth2 */
#snb1 div.d2{height:100%;margin:0 auto;}
#snb1 div.d2>ul{height:100%;
	text-align:center;
}
#snb1 div.d2>ul>li{display:inline-block;position:relative;
	height:100%;
	margin:6px 14px;
}
#snb1 div.d2>ul>li>a{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:38px;
	padding:9px 6px;
	color:#fff;font-weight:normal;font-size:15px;
	text-align:center;
}
#snb1 div.d2>ul>li.hasSub>a{
	/* background:url(../../img/inc/snb1d3bg1has.png) no-repeat 91% 50%; */
}
#snb1 div.d2>ul>li>a:hover,
#snb1 div.d2>ul>li>a:focus{color:#fe0;}
#snb1 div.d2>ul>li.on>a{border-bottom:2px solid #fff;}


/* 20170829 새 창 */
#snb1 div.d2>ul>li>a[target='_blank']:after,
#snb1 div.d3>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:11px;height:10px;
	margin:0 0 3px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}



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