@charset "utf-8";
/**
 * @File Name : sub.css
 * @Description : Layout[sub]
 * @Modification Information
 * <pre>
 * 2016.12.13 | 김소화 | 최초 등록
 * </pre>
 * @author 디자인팀 김소화
 * @since 2016.12.13
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

#head_s3{background:#f5f5f5;border-bottom:1px solid #ddd;}

#wrap{}
	#wrap>.container{margin:0;}
		#sidebar{display:none; /* ☆ */
			position:relative;
		}
		#body{/* position:relative; 안하다. #body_foot 을 #wrap 하단에 붙이기위해 */
			padding:0;
		}
			#body_head{z-index:20;position:relative;}
				#body_head_s1>.container{margin:0}
				
			#body_content{clear:both;position:relative;
				padding:1em 0 1.666em 0;
				min-height:360px; /* ☆ 화면확인! */
				background:#fff;
			}
			#body_foot{z-index:20;position:relative;padding:10px 0;background:#fff;}
		#aside{}
#wing{position:fixed;left:50%;bottom:0;margin:0 0 220px 620px;}




/* #sidebar */



/* #body_head */


/* 현재위치. 20160523
 ☆ #location1 보다 .breadcrumb 폭이 클 때 터치로 .breadcrumb 로 좌값 조정 기능 넣으면..
     .breadcrumb 를 하위 펼침메뉴 ([id^="lnb1d"]) 위치의 기준으로 사용하면 안되므로,
     position:absolute; left:값; 으로 위치를 잡지않고 margin-left: 값; 을 이용한다.
 */
#location1{position:relative;height:40px;margin:0;padding:0;overflow:hidden;}
#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 *{
	line-height:1; /* 20160325. 글이 아래로 치우침 개선 */
}
#location1 .breadcrumb .cont{float:left;height:100%;}
#location1 .breadcrumb .cont>a{float:left;position:relative;
	height:14px;padding:13px 5px;
	color:#666;font-size:13px;
	/* letter-spacing:-1px; */}
#location1 .breadcrumb .cont>.sep{float:left;width:5px;height:100%;
	background:url(/_res/portal/img/inc/location1sep@2x.png) no-repeat right center; /* [~IE8] center )) right 하여 background-size:contain 적용전 개선 */
	background-size:contain;
	text-align:center;overflow:hidden;text-indent:-9999px;}
#location1 .breadcrumb .cont>.home{float:left;width:20px;
	height:40px; /* [IE8]fix) 100% 는 간혹 결함 발생하여 수정 */
	margin:0 5px 0 0;padding:0;
	background:url(/_res/portal/img/inc/location1home@2x.png) no-repeat center center;
	background-size:contain;
	overflow:hidden;text-indent:-9999px;
}
#location1 .breadcrumb .cont>.home img{}
/* #location1 .breadcrumb a:last-child{font-weight:bold;text-decoration:none;cursor:default;} */
#location1 .breadcrumb .cont>a .ic1{}
#location1 .breadcrumb .cont>a.on{}
#location1 .breadcrumb .cont>a.on .ic1{}



/* 본문유틸. 20161031 */

#wrap1bn1fontsize1{margin:15px 0;}

#bn1{position:relative;}
#bn1 li{display:inline;}
#bn1 a{float:left;position:relative;margin:0 3px;width:33px;height:33px;}
#bn1 a>.ic1{float:left;position:absolute;left:50%;top:50%;width:33px;height:33px;margin:-16px;border-radius:33px;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;
}
#bn1 .facebook>a>.ic1{background-color:#2550af;background-image:url(/_res/portal/img/inc/bn1facebook1@2x.png);}
#bn1 .twitter>a>.ic1{background-color:#418be2;background-image:url(/_res/portal/img/inc/bn1twitter1@2x.png);}
#bn1 .google>a>.ic1{background-color:#df4a32;background-image:url(/_res/portal/img/inc/bn1google1@2x.png);}
#bn1 .print>a>.ic1{background-color:#aaa;background-image:url(/_res/portal/img/inc/bn1print1@2x.png);}
#bn1 .share>a>.ic1{background-color:#24a610;background-image:url(/_res/portal/img/inc/bn1share1@2x.png);}
#bn1 .plus>a>.ic1, #bn1 .mius>a>.ic1{border-radius:0;text-indent:0;}
#bn1 .kakaostory>a>.ic1{background-color:#ffca08;background-image:url(/_res/portal/img/inc/bn1kakaostory1@2x.png);}
#bn1 .kakaotalk>a>.ic1{background-color:#ffca08;background-image:url(/_res/portal/img/inc/bn1kakaotalk1@2x.png);}
/* #bn1 .kakaotalk{display:none;} PC환경에서도 보이게 주석 */ 

/* 모바일 */
html.Mobile #bn1 .print{display:none;}
html.Mobile #bn1 .kakaotalk{display:block;}

#fontsize1{position:relative;float:right;}
#fontsize1 li{display:inline;}
#fontsize1 a{float:left;position:relative;margin:0 3px;width:33px;height:33px;}
#fontsize1 a .ic1{display:block;
	width:33px;height:33px;
	border:1px solid #ddd;background:#fff;
	color:#999;text-align:center;line-height:33px;font-weight:bold;
}
#fontsize1 a .ic1:after{content:'';display:inline-block;
	vertical-align:top;font-size:10px;
	margin:-8px 0 0;
}
/*#fontsize1 a:hover .ic1, */#fontsize1 a:focus .ic1{color:#333}
#fontsize1 .plus .ic1:after{content:'+';}
#fontsize1 .minus{font-size:10px;}
#fontsize1 .minus .ic1:after{content:'-';}


/* 본문제목. 20161031 */
#body_title{z-index:-1;clear:both;position:relative;margin:0 0 0;line-height:1.333;}
#body_title h1{position:relative;
	margin:.333em 0;
	padding:.166em 0 .5em;
	border:0;background:transparent;
	color:#222;
	font-weight:500;
	font-size:36px;
	letter-spacing:-2px; background:url(/_res/portal/img/lib/t1bg.png) no-repeat left bottom;
}
/*#body_title h1:after{content:'';position:absolute;left:0;bottom:0;height:0;width:50px;border-bottom:2px solid #333}*/




/* #body_foot */


/* 담당자. 20161019 */
#charge1{position:relative;margin:0 0 -1px 0;padding:1em;border:1px solid #e7e7e7;font-size:13px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
#charge1 dl{float:left;margin:0;padding:.166em 0;color:#666;}
#charge1 dt{float:left;margin:0;width:3em;padding:0 .666em 0 0;}
#charge1 dd{float:left;margin:0;padding:0 .666em 0 .666em;background:url(/_res/portal/img/inc/charge1s.png) no-repeat;}
#charge1 .w1{display:inline-block;margin:0 1em 0 0;}
#charge1 .w1~.w1{margin-top:.333em;}
#charge1 dl.contact1{padding-left:3.666em;}
#charge1 dl.contact1>dt{margin-left:-3.666em;}
#charge1 dl.contact1>dt>.ic1{}
#charge1 dl.contact1>dd{}
#charge1 dl.contact1>dd .t1{margin-right:.333em;}
#charge1 dl.contact1 .phone1{letter-spacing:0;white-space:nowrap;}
#charge1 dl.update1>dt{white-space:nowrap;}
#charge1 dl.update1>dt .t1{position:absolute;left:-9999px;}
#charge1 dl.update1>dd{white-space:nowrap;letter-spacing:0;}
#charge1 strong{font-weight:normal;}
#charge1 a{color:#666;}


/* 만족도조사. 20161019 */
#satisfy1{clear:both;position:relative;margin:0;padding:1em;border:1px solid #e7e7e7;background:#f4f4f4;font-size:13px;line-height:1.333;letter-spacing:-1px;}
#satisfy1 *{vertical-align:middle;}
#satisfy1 fieldset{position:relative;}
#satisfy1 legend{}
#satisfy1 .question{margin:0;padding:0;color:#333;}
#satisfy1 .question .form-text1{margin-bottom:0}
#satisfy1 dl.answer{position:relative;padding:0;}
#satisfy1 .grade{margin:0;padding:0;color:#666;}
#satisfy1 .grade label{padding-left:.2em;margin-right:1em;font-size:13px;}
#satisfy1 .grade input[type=radio]{margin:0;}
#satisfy1 dl.opinion{position:relative;margin:0;padding:0;}
#satisfy1 textarea{float:left;
	width:100%;height:32px;
	margin:8px 0;padding:6px 1px;
	border:1px solid #999;border-radius:0;background:#fff;color:#666;letter-spacing:-1px;
}
#satisfy1 .btns{float:right;width:100%;margin:0;overflow:hidden;}
#satisfy1 .bt1{ /* ((lib.css .button 참조해서 만든다. */
	display:inline-block;float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;height:32px;
	margin:0;padding:0 .731em; /* ☆ (((32-2)/13)-1.333)/2) (((32-13)/2)/13) */
	border-radius:0;border:1px solid transparent;
	background:#555;
	color:#fff !important;font-size:13px;text-decoration:none;text-align:center;
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}
#satisfy1 .h1{background:url(/_res/portal/img/inc/satisfy1s@2x.png) no-repeat center center;}




/* #body_content */


/* 본문메뉴1.드롭다운.갭0.활성배경 20161020 */
.cnb1{display:block;position:relative;margin:0 0 1.333em 0;font-size:15px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
.cnb1>.note{display:block;
	height:20px;
	margin:0;padding:10px 20px 10px 10px;
	border:1px solid #222;background:#333;
	color:#fff;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(/_res/portal/img/lib/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 10px;border:5px solid transparent;border-top-color:#fff;overflow:hidden;text-indent:100%;}
.cnb1>.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:#fff;overflow:hidden;text-indent:100%;}
.cnb1 ul{list-style:none;margin:0;padding:0 0 0 1px;border-top:1px solid #d7d7d7;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 #d7d7d7;background:#fff;color:#666;text-decoration:none !important;}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:20;position:relative;background-color:#fff;border:1px solid #000;color:#000;}
.cnb1 li.on>a{z-index:10;position:relative;border-color:#ddd;background-color:#ddd;color:#000;font-weight:500;cursor:default;}


/* 본문메뉴2.드롭다운.갭0.활성배경 20160601 */
.cnb2{display:block;position:relative;margin:0 0 1.333em 0;border:1px solid #999;background:#fcfcfc;font-size:14px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
.cnb2>.note{display:block;
	height:19px;
	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;
}
.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(/_res/portal/img/lib/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:#f1f3f5;background-color:#f1f3f5;color:#345;}
.cnb2 li.on>a{z-index:10;position:relative;border-color:#58c;background-color:#58c;color:#fff;font-weight:500;cursor:default;}

/* 입회안내 본문메뉴 20180228 */
.cnb222{display:block;position:relative;margin:0 0 1.333em 0;border:1px solid #999;background:#fcfcfc;font-size:17px;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
.cnb222>.note{display:block;
	height:19px;
	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;
}
.cnb222>.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(/_res/portal/img/lib/b.png);color:#000;text-align:left;text-decoration:none !important;
	overflow:hidden;text-indent:-9999px;
}
.cnb222>.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%;}
.cnb222>.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%;}
.cnb222 ul{list-style:none;margin:0;padding:0;overflow:hidden;}
.cnb222>.toggle~ul{border-top:1px solid #999;}
.cnb222 li{display:inline;margin:0;padding:0;}
.cnb222 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb222 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;}
.cnb222 li:last-child>a{border-bottom-color:transparent;}
.cnb222 li>a:hover,
.cnb222 li>a:focus{z-index:20;position:relative;border-color:#333;background-color:#333;color:#fff;}
.cnb222 li.on>a{z-index:10;position:relative;border-color:#000;background-color:#333;color:#000;font-weight:500;cursor:default;margin-left:0;}



/* 본문메뉴3.드롭다운.갭0.활성배경 20160531 */
.cnb3{display:block;position:relative;margin:0 0 1.333em 0;border:1px solid #ddd;background:#fff;font-size:13px;line-height:1.333;letter-spacing:-1px;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(/_res/portal/img/lib/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:#666;
	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:#345;}
.cnb3 li.on>a{z-index:10;position:relative;border-color:#deb;background-color:#deb;color:#480;font-weight:500;cursor:default;}


.cnb4{display:block;width:100%;margin:0 0 1em;overflow:hidden;}
.cnb4 ul{list-style:none;margin:0;padding:0;}
.cnb4 li{position:relative;float:left;width:25%;padding:0}
.cnb4 li>a{display:block;text-align:center;padding:1em 0;color:#555;font-size:15px;background:#f7f7f7;}
.cnb4 li.on>a{font-size:600;background:#008b00;color:#fff;}


/* ETC */


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



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

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

#body{padding:0 0 20px;}
#body_content{padding:1em 0 1.666em 0}

#wrap1bn1fontsize1{float:right;}
#bn1, #fontsize1{float:left;}

#charge1 dl{margin-left:10px;}
#charge1 dt{width:auto;}
#charge1 .w1~.w1{margin-top:0;}
#charge1 dl.contact1{padding-left:0;}
#charge1 dl.contact1>dt{margin-left:0;}
#charge1 dl.contact1>dd{margin-right:1em;}
#charge1 dl.update1>dt .t1{position:static;left:auto;}

#satisfy1{padding:10px 20px 20px 120px;}
#satisfy1 legend{display:block;position:static !important;overflow:visible;}
#satisfy1 .h1{float:left;position:absolute;left:-90px;top:5px;
	width:70px;height:70px;
	border-radius:50%;
	background:#fff url(/_res/portal/img/inc/satisfy1s@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#satisfy1 .question{float:left;margin-right:1em;font-size:15px;}
#satisfy1 .answer{float:left;font-size:15px;}
#satisfy1 dl.opinion{padding:0 90px 0 0;}
#satisfy1 .btns{float:right;width:90px;margin:8px -90px 0 0;}




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


/* 본문메뉴1.갭0.활성바촉.보더랩 20161020 */
.cnb1{font-size:15px;}
.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(/_res/portal/img/lib/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:.833em;background:#fff;}
.cnb1 li.on>a{
	border-color:#000000;background:#464646;
	color:#fff;font-weight:bold;
}
.cnb1 li.on>a:before{content:'';
	float:left;position:absolute;left:0;bottom:0;width:0;height:0;margin:0;border:1em solid transparent;
		border-left-color:rgba(0,0,0, .2);
		border-bottom-width:0;
		overflow:hidden;text-indent:100%;
}
.cnb1 li.on>a:after{}
/* ☆(100/(column1~12))% */
.cnb1 .col-1 > li{width:100%;text-align:left;}
.cnb1 .col-2 > li{width:50%;}
.cnb1 .col-3 > li{width:33.33333%;}
.cnb1 .col-4 > li{width:25%;}
.cnb1 .col-5 > li{width:20%;}
.cnb1 .col-6 > li{width:16.66666%;}
.cnb1 .col-7 > li{width:14.28571%;}
.cnb1 .col-8 > li{width:12.5%;}
.cnb1 .col-9 > li{width:11.11111%;}
.cnb1 .col-10 > li{width:10%;}
.cnb1 .col-11 > li{width:9.09091%;}
.cnb1 .col-12 > li{width:8.33333%;}
.cnb1 .col-13 > li{width:8.33333%;}
.cnb1 .col-14 > li{width:8.33333%;}
.cnb1 .col-15 > li{width:8.33333%;}
.cnb1 .col-16 > li{width:8.33333%;}
.cnb1 .col-17 > li{width:8.33333%;}
.cnb1 .col-18 > li{width:8.33333%;}
.cnb1 .col-19 > li{width:8.33333%;}
.cnb1 .col-20 > li{width:8.33333%;}

/* 본문메뉴2.갭.불릿 20160531 */
.cnb2{padding:1.666% 2%;border:1px solid #ddd;}
.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{display:inline-block /* ☆ [IE7]bugFix */;float:left;width:auto;height:auto;margin:0;padding:0 .1% .3%;text-align:left;}
*+html .cnb2 li{display:inline /* ☆ [IE7]bugFix */;float:none;margin-right:-1px;vertical-align:top;}
.cnb2 li>a{display:block;
	margin:0 .333em 0 0;padding:.333em .666em;
	border:0;
	background:url(/_res/portal/img/lib/cnb2bg1.png) no-repeat 0 .666em;
	color:#666;
	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;}
.cnb2 li.on>a{background-color:transparent;background-image:url(/_res/portal/img/lib/cnb2bg1on.png);
	color:#cc4343;font-weight:600;
	text-decoration:underline !important;
}
/* ☆(-0.2+(100/(column1~12)))% */
.cnb2 .col-1 > li{width:99.8%;text-align:left;} /* (-0.2+100)% */
.cnb2 .col-2 > li{width:49.8%;} /* (-0.2+50)% */
.cnb2 .col-3 > li{width:33.13333%;} /* (-0.2+33.33333)% */
.cnb2 .col-4 > li{width:24.8%;} /* (-0.2+25)% */
.cnb2 .col-5 > li{width:19.8%;} /* (-0.2+20)% */
.cnb2 .col-6 > li{width:16.46667%;} /* (-0.2+16.66667)% */
.cnb2 .col-7 > li{width:14.08571%;} /* (-0.2+14.28571)% */
.cnb2 .col-8 > li{width:12.3%;} /* (-0.2+12.5)% */
.cnb2 .col-9 > li{width:10.91111%;} /* (-0.2+11.11111)% */
.cnb2 .col-10 > li{width:9.8%;} /* (-0.2+10)% */
.cnb2 .col-11 > li{width:8.89091%;} /* (-0.2+9.09091)% */
.cnb2 .col-12 > li{width:8.13333%;} /* (-0.2+8.33333)% */
.cnb2 .col-13 > li{width:7.49231%;}/* (-0.2+7.69231)% */
.cnb2 .col-14 > li{width:6.94286%;}/* (-0.2+7.14286)% */
.cnb2 .col-15 > li{width:6.46667%;}/* (-0.2+6.66667)% */
.cnb2 .col-16 > li{width:6.46667%;}/* (-0.2+6.66667)% */
.cnb2 .col-17 > li{width:6.46667%;}/* (-0.2+6.66667)% */


/* 입회안내 본문메뉴 20180228 */
.cnb222{padding:1.666% 2%;border:1px solid #ddd;}
.cnb222>.note{display:none;}
.cnb222>.toggle{display:none;}
.cnb222 ul{display:block !important;position:relative;
	padding:0 .333em;
	border:0;
}
.cnb222>.toggle~ul{border:0;}
.cnb222 li{display:inline-block /* ☆ [IE7]bugFix */;float:left;width:auto;height:auto;margin:0; padding:0 .1% .3%;text-align:center;}
*+html .cnb222 li{display:inline /* ☆ [IE7]bugFix */;float:none;margin-right:-1px;vertical-align:top;}
.cnb222 li>a{display:block;
	margin:0 .333em 0 0; padding:.333em .666em;
	border:1;
	border-radius:4px;
	border-color:#006500;
	background-color:#008a00;
	color:#fff;
	text-decoration:none !important;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cnb222 li>a:hover,
.cnb222 li>a:focus{padding-left:1em 1em 1em 1em;background-position:.333em .666em;}
.cnb222 li.on>a{
	background-color:#333;
	color:#fff;font-weight:600;
	/*text-decoration:underline !important;*/
}
/* ☆(-0.2+(100/(column1~12)))% */
.cnb222 .col-1 > li{width:99.8%;text-align:left;} /* (-0.2+100)% */
.cnb222 .col-2 > li{width:49.8%;} /* (-0.2+50)% */
.cnb222 .col-3 > li{width:33.13333%;} /* (-0.2+33.33333)% */
.cnb222 .col-4 > li{width:24.8%;} /* (-0.2+25)% */
.cnb222 .col-5 > li{width:19.8%;} /* (-0.2+20)% */
.cnb222 .col-6 > li{width:16.46667%;} /* (-0.2+16.66667)% */
.cnb222 .col-7 > li{width:14.08571%;} /* (-0.2+14.28571)% */
.cnb222 .col-8 > li{width:12.3%;} /* (-0.2+12.5)% */
.cnb222 .col-9 > li{width:10.91111%;} /* (-0.2+11.11111)% */
.cnb222 .col-10 > li{width:9.8%;} /* (-0.2+10)% */
.cnb222 .col-11 > li{width:8.89091%;} /* (-0.2+9.09091)% */
.cnb222 .col-12 > li{width:8.13333%;} /* (-0.2+8.33333)% */
.cnb222 .col-13 > li{width:7.49231%;}/* (-0.2+7.69231)% */
.cnb222 .col-14 > li{width:6.94286%;}/* (-0.2+7.14286)% */
.cnb222 .col-15 > li{width:6.46667%;}/* (-0.2+6.66667)% */
.cnb222 .col-16 > li{width:6.46667%;}/* (-0.2+6.66667)% */
.cnb222 .col-17 > li{width:6.46667%;}/* (-0.2+6.66667)% */




/* 본문메뉴3.갭.불릿 20160531 */
.cnb3{padding:1.666% 2%;}
.cnb3>.note{display:none;}
.cnb3>.toggle{display:none;}
.cnb3 ul{display:block !important;position:relative;
	padding:0 .333em;
	border:0;
}
.cnb3 li{display:inline-block /* ☆ [IE7]bugFix */;float:left;width:auto;height:auto;margin:0;padding:0 .1% .3%;text-align:left;}
*+html .cnb3 li{display:inline /* ☆ [IE7]bugFix */;float:none;margin-right:-1px;vertical-align:top;}
.cnb3 li>a{display:block;
	margin:0 .333em 0 0;padding:.333em .666em;
	background:url(/_res/portal/img/lib/cnb3bg1.png) no-repeat 0 .666em;
	color:#666;
	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(/_res/portal/img/lib/cnb3bg1on.png);color:#480;text-decoration:underline !important;}
/* ☆(-0.2+(100/(column1~12)))% */
.cnb3 .col-1 > li{width:99.8%;text-align:left;} /* (-0.2+100)% */
.cnb3 .col-2 > li{width:49.8%;} /* (-0.2+50)% */
.cnb3 .col-3 > li{width:33.13333%;} /* (-0.2+33.33333)% */
.cnb3 .col-4 > li{width:24.8%;} /* (-0.2+25)% */
.cnb3 .col-5 > li{width:19.8%;} /* (-0.2+20)% */
.cnb3 .col-6 > li{width:16.46667%;} /* (-0.2+16.66667)% */
.cnb3 .col-7 > li{width:14.08571%;} /* (-0.2+14.28571)% */
.cnb3 .col-8 > li{width:12.3%;} /* (-0.2+12.5)% */
.cnb3 .col-9 > li{width:10.91111%;} /* (-0.2+11.11111)% */
.cnb3 .col-10 > li{width:9.8%;} /* (-0.2+10)% */
.cnb3 .col-11 > li{width:8.89091%;} /* (-0.2+9.09091)% */
.cnb3 .col-12 > li{width:8.13333%;} /* (-0.2+8.33333)% */


.cnb4 li{position:relative;float:left;width:12.5%;padding:0}
.cnb4 li>a{display:block;padding:1em 0;
	font-size:15px;color:#555;text-align:center;
	border:solid #d7d7d7;border-width:1px 0;
}
.cnb4 li.on>a{font-weight:600;color:#008b00;background:#fff;border-bottom:1px solid #fff}
.cnb4 li.on>.deco1{display:block;position:absolute;left:0;top:0;width:0;height:100%;border-left:1px solid #d7d7d7}
.cnb4 li.on>.deco2{display:block;position:absolute;right:0;top:0;width:0;height:100%;border-left:1px solid #d7d7d7}





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


	
	


#wrap>.container{margin:30px auto 0;}

		#sidebar{display:block; /* ☆ */
			float:left;
			position:relative;
			width:230px;
		}
		#body{float:right;
			width:970px;
			margin:0;padding:0 0 50px;
			background:#fff;
		}
			#body_head{}
				#body_head_s1{}
				#body_head_s2{}
				#head_s3>.container{max-width:1240px;}
			#body_content{
				padding:1em 0;
				min-height:500px; /* 좌 높이 맞춤 */
			}
			#body_foot{}




#body_title h1{font-size:40px;margin-top:0;padding-top:0}

#wrap1bn1fontsize1{position:absolute;right:0;top:0;}

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


/* 사이드제목 20160524 */

#side_title{display:block;position:relative;
	background:url(/_res/seoul/img/inc/side_title_bg.png) no-repeat;
}
#side_title>a{display:block;
	margin:0 auto;
	color:#fff;font-size:24px;text-align:center;letter-spacing:-2px;font-weight:normal;
	height:auto;padding:33px 5px 35px;
}


/* 사이드메뉴 20160524 */
#snb1{padding:0 0 100px;}
/* depth2 */
#snb1 div.d2>ul>li{display:inline;}
#snb1 div.d2>ul>li>a{display:block;
	margin:0;padding:13px 30px 14px 20px;
	background:#fff;
	color:#555;font-weight:normal;font-size:15px;
	border-bottom:1px solid #ddd;
}
#snb1 div.d2>ul>li>a:hover{color:#000}
#snb1 div.d2>ul>li.hasSub>a{
	background:url(/_res/portal/img/inc/snb1d2bg1has.png) no-repeat 91% 15px; /* (191(좌기준위치)/210(메뉴폭)) ((50(메뉴1줄높이)-9(이미지높이))/2) */
}
#snb1 div.d2>ul>li.on>a{
	margin:0;
	background-color:#f8f8f8;
	color:#004c82;font-weight:bold;

}
#snb1 div.d2>ul>li.hasSub.on>a{
	background-image:url(/_res/portal/img/inc/snb1d2bg1hason.png);
}
/* depth3 */
#snb1 div.d2>ul>li.on>div.d3{
	display:block; /* 활성 */
}
#snb1 div.d3{display:none;padding:10px 20px;border-bottom:1px solid #ddd}
#snb1 div.d3>ul>li{display:inline;}
#snb1 div.d3>ul>li>a{display:block;
	padding:4px 10px 4px 15px;
	color:#666;font-weight:normal;font-size:14px;
	background:url(/_res/portal/img/inc/snb1d3bg1.png) no-repeat 0 50%;
}
#snb1 div.d3>ul>li>a:hover,
#snb1 div.d3>ul>li>a:focus{
	background-color:#fff;
	color:#000;
}

#snb1 div.d3>ul>li.on>a{
	color:#000;font-weight:bold;
	text-decoration:underline !important;
}

#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(/_res/portal/img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}

body.site_portal #side_title{background-image:url(/_res/portal/img/inc/side_title_bg.png);}
body.site_portal #snb1 div.d2>ul>li.on>a{color:#329a59;}

.cnb4{display:none;}

} /* /(min-width:1256px) */

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


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

@media print{ /* 20150903. )) @media all{} /share/ui/printpage.html */
	/* hide */
	#head, #visual, #foot, #wing, #sidebar, #side, #aside,
	#body_foot,
	/* #body_head>#body_title, */
	#body_head>#location1,
	#tnb1,
	#bn1,
	#wrap1bn1fontsize1,
	.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;}
	#body_content{min-width:768px !important}
}