@charset "utf-8";
/**
 * @File Name : sub.css
 * @Description : Layout[sub]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.08.09 | 문영신 | 현재위치 펼침메뉴로 변경
 * 2018.10.23 | 송현정 | #body_title .h1  수정
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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


/* 배치.서브 20180808 */
#wrap{
	background:#fff;
	border-bottom:1px solid #2a2f42;
}
	#wrap>.container{margin:auto;}
		#sidebar{display:none; /* ☆ */
			position:relative;
		}
		#body{
			position:relative;
		}
			#body>.container{} /* all.css 의 .container 값 상속 */
				#body_head{position:relative;}
					#body_head>.container{margin:auto;}
						#body_head_s1{position:relative;
							margin:0 -20px;
							border-bottom:1px solid #eee;
						}
							#body_head_s1>.container{}
						#body_head_s2{position:relative;
							margin:30px 0;
						}
							#body_head_s2>.container{}
				#body_content{clear:both;position:relative;
					min-height:300px; /* 화면확인 */
					word-wrap:break-word; /* ☆ */
					padding:0 0 60px;
				}
					#body_content>.container{margin:auto;}
				#body_foot{position:relative;}
					#body_foot>.container{margin:auto;
						margin:0 0 60px;
						border:1px solid #363940;
					}
		#aside{}


/* 지진대피장소 추가 */
.mapCont {width: 100%; height: 450px; position: relative; overflow: hidden;
        background: url("https://t1.daumcdn.net/mapjsapi/images/bg_tile.png");}

/* ☆ 모바일 감춤 20180709 */
/* none */


/* #visual 20180709 */
#visual{display:block;
	z-index:-1; /* ☆ */
	position:relative;
	height:92px; /* 보여줄거 고려 ((( >=768*(230/1920) */
	margin:auto;
}
#visual:after{content:'';
	display:block;
	position:absolute;left:50%;bottom:0;
	width:1920px;
	margin:0 -960px;
}
#visual [class*='v1']{display:block; /* ☆ */
	position:relative;
	height:100%;
	margin:0 -400px; /* =(2000-1200)/2 */
}
#visual img{display:block;
	width:auto;
	height:100%;
	margin:auto;
}

#visual .tg1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#visual .tg1 .t1{display:block;padding:28px 0 0;text-align:center;color:#fff;font-family:'GimhaeGaya';font-weight:600;font-size:27px;letter-spacing:-2px;line-height:1;}


/* #sidebar */


/* #body_head */


/* 현재위치.with.펼침메뉴. 20180808.
 ☆ #location1 보다 .breadcrumb 폭이 클 때 터치로 .breadcrumb 로 좌값 조정 기능 넣으면..
     .breadcrumb 를 하위 펼침메뉴 ([id^='lnb1d']) 위치의 기준으로 사용하면 안되므로,
     position:absolute; left:값; 으로 위치를 잡지않고 margin-left: 값; 을 이용한다.
 */
#location1{z-index:11;
	position:relative;
	margin:0;
	padding:0;
	background:#0170e0;
	line-height:1.375;
}
#location1 *{ /* ☆ */
	box-sizing:border-box;
}
#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;
}
#location1 .breadcrumb .cont>a{float:left;position:relative;
	height:100%;
	padding:12px 20px;
	border-right:1px solid #4194e8;
	color:#fff;
	font-size:13px;
	line-height:1; /* 아래로 치우침 개선 */
	vertical-align:middle;
}
#location1 .breadcrumb .cont .sep{float:left;
	width:0;
	height:100%;
	margin:0;
	background-size:contain;
	text-align:center;overflow:hidden;text-indent:-9999px;
}
/* #location1 .breadcrumb a:last-child{font-weight:600;text-decoration:none;cursor:default;} */
#location1 .breadcrumb .cont>a .t1{display:inline-block;
	vertical-align:middle;
}
#location1 .breadcrumb .cont>a .ic1{display:inline-block;
	width:11px;height:11px;
	margin:0 0 2px .5em;
	background:url(../../img/inc/ic11a1c0plus1.png) no-repeat center center;
	vertical-align:middle;
}
#location1 .breadcrumb .cont>a.on .ic1{
	background-image:url(../../img/inc/ic11a1c0minus1.png);
}

/* 열기/닫기 */
#location1 .breadcrumb .cont>a .sw.sw-on{display:block;}
#location1 .breadcrumb .cont>a .sw.sw-off{display:none;}
#location1 .breadcrumb .cont>a.on .sw.sw-on{display:none;}
#location1 .breadcrumb .cont>a.on .sw.sw-off{display:block;}
#location1 .breadcrumb .cont>a .sw{
	position:Absolute;left:-9999px;top:-9999px;
	text-indent:-9999px;
}


#location1 .breadcrumb .cont .home{
	width:40px;
	margin:0 0 0 -1px;
	padding:0;
	border-left:1px solid #4194e8;
	overflow:hidden;text-indent:-9999px;
}
#location1 .breadcrumb .cont .home .ic1{display:inline-block;
	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;
}
/* 현재위치펼침메뉴 [JS] 20180808 */
#location1 [id^='lnb1d'] *{
	box-sizing:content-box; /* ☆ */
}
[id^='lnb1d']{display:none;
	z-index:10;
	position:absolute;
	left:0;right:auto;
	top:40px;
}
[id^='lnb1d'] ul{display:block;
	padding:.666em;
	border:1px solid #d7d7d7;
	background:#fff;
	font-size:13px;
	overflow:hidden;
}
[id^='lnb1d'] li{display:block;}
[id^='lnb1d'] li>a{display:block;position:relative;padding:.375em .75em;color:#000;}
[id^='lnb1d'] li>a .t1{display:inline-block;}
[id^='lnb1d'] li>a .t1:after{content:'';display:block;
	width:0;
	height:3px;
	border-bottom:1px solid #06c;
	transition:.2s;
}
[id^='lnb1d'] li>a:hover,
[id^='lnb1d'] li>a:focus{}
[id^='lnb1d'] li.on>a{color:#06c;font-weight:600;}
[id^='lnb1d'] li>a:hover .t1:after,
[id^='lnb1d'] li>a:focus .t1:after,
[id^='lnb1d'] li.on>a .t1:after{
	width:100%;
}
#location1 .breadcrumb [id^='lnb1d']{
	white-space:normal; /* ☆ */
}


/* 본문제목 20180709 */
#body_title{clear:both;position:relative;
	font-size:26px;
	line-height:1.375;
	letter-spacing:-.0625em;
}
#body_title .h1{display:block;position:relative;
	margin:0;
	padding:0 0 .375em;
/*	border-bottom:2px solid #363940;*/
	border-bottom:1px solid #bfbfbf;
	background:none;
	color:#000;
	font-weight:400;
	font-family:'GimhaeGaya';
	font-size:1em;
	letter-spacing:-2px;
}


/* 미술작품 정보검색 20190819 */

.searchArt{position:relative;padding:0 .75em;}
.searchArt:before{content:'';display:inline-block;
	position:absolute;left:0;top:11px;
	width:5px;height:5px;
	background:#ff5a5a;
	border-radius:100%;
}

.searchartBtn{text-align:center;}
.searchartBtn .submit{    width: 17%; height: 46px; margin: .5%; padding-left: 0; padding-right: 0;}

/* 본문유틸. 20180709 */
#bn1{clear:both;
	position:relative;
}
#bn1:after{content:'';display:table;clear:both;}
#bn1 ul{float:right;position:relative;}
#bn1 li{float:left;position:relative;}
#bn1 a{float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:30px;height:30px;
	margin:18px 0 0 10px;
}
#bn1 .share1 ul{display:none;}
#bn1 .share1 li a{
	background:none;
	border:0;
}
#bn1 .share1>a.on{}
#bn1 a>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin:-15px;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;
}
#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 .blog>a>.ic1{background-image:url(../../img/inc/bn1blog@2x.png);}
#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 .pdf>a>.ic1{background-image:url(../../img/inc/bn1pdf@2x.png);}
#bn1 .kakaotalk>a>.ic1{background-image:url(../../img/inc2020/bn1kakaotalk@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;}
/* ☆ */
html.Desktop #bn1 .print>a>.ic1{background-image:url(../../img/inc/bn1print.png);}


/* #body_foot */


/* 담당자. 20180709 */
#charge1{position:relative;
	margin:18px 19px 0;
	padding:12px;
	border:1px solid #d7d7d7;
	background:#fff;
	font-size:14px;
	line-height:1.375;
	overflow:hidden;
}
#charge1 .wrap1{overflow:hidden;}
#charge1 .wrap1w1{margin:0 0 0 -.75em;}
#charge1 dl{float:left;
	padding:.1875em 0;
}
#charge1 dt{float:left;
	margin:0;
	padding:0 0 0 .75em;
	background:url(../../img/inc/charge1s.png) no-repeat 0 50%;
}
#charge1 dd{display:block;
	margin:0;
	padding:0 .75em 0 .375em;
	overflow:hidden;
}
#charge1 dl.contact{}
#charge1 dl.phone{}
#charge1 dl.phone{letter-spacing:0;white-space:nowrap;}
#charge1 dl.update{}
#charge1 dl.update dd{letter-spacing:0;}
#charge1 a{color:#333;}
#charge1 .ic1{}
#charge1 .t1{}


/* 만족도조사. 20180709 */
#satisfy1{clear:both;position:relative;
	padding:8px 20px 20px;
		background:#fff;
	font-size:14px;
	line-height:1.375;
}
#satisfy1 *{vertical-align:middle;}
#satisfy1 fieldset{position:relative;}
#satisfy1 legend{}
#satisfy1 .h1{float:left;
	position:absolute;left:0;top:0;
	width:20px;height:20px;
	margin:8px 0 0 -4px;
	background:url(../../img/inc/satisfy1deco1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
html.Mobile #satisfy1 .h1:before{background-image:url(../../img/inc/satisfy1deco1@2x.png);}
#satisfy1 .question{display:block;
	position:relative;
	margin:0 0 -10px;
	padding:0 0 0 24px;
	color:#333;
	font-weight:400;
	overflow:hidden;
}
#satisfy1 dl.answer{position:relative;
	margin:0;padding:0;
}
#satisfy1 .grade{
	margin:8px 0;
	color:#555;
}
#satisfy1 .grade label{padding-left:.2em;margin-right:1em;}
#satisfy1 .grade input[type='radio']{
	margin:8px 0;
}
#satisfy1 dl.opinion{clear:both;
	position:relative;
	padding:0 100px 0 0;
	overflow:hidden;
}
#satisfy1 textarea{float:left;
	width:100%;
	max-width:100%;
	height:30px;
	margin:0 0 6px;
	padding:6px 1px;
	border-radius:0;
	border:1px solid #bbb;
	background:#fff;color:#666;
}
#satisfy1 .btns{display:block;
	position:absolute;right:0;top:0;
	width:100px;
	overflow:hidden;
}
#satisfy1 .bt1{ /* ((lib.css .button 참조해서 만든다. */
	display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;height:30px;
	margin:0;
	padding:0;
	border-radius:0;
	border:0;
	background:#006bb7;
	color:#fff !important;
	font-size:13px;
	text-decoration:none;
	text-align:center;
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}
#satisfy1 .bt1 .ic1{}
#satisfy1 .bt1 .t1{vertical-align:top;}


/* #body_content */


/* 본문메뉴1.드롭다운.갭0.활성배경 20180712 */
.cnb1{display:block;position:relative;
	margin:0 auto 1.375em;
	font-size:16px;
	line-height:1.375;
	overflow:hidden;
}
.cnb1>.note{display:block;
	height:21px;
	margin:0;padding:10px 30px 10px 10px;
	border:3px solid #555;
	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:6px solid transparent;border-top-color:#000;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb1>.toggle.on>.ic1{
	border-bottom:6px solid #000;border-top:0;
}
.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;}
.cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cnb1 li>a{display:block;
	position:relative;
	min-height:1.375em;
	margin:-1px 0 0 -1px;padding:9px;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#555;
	text-decoration:none !important;
}
.cnb1 li>a:hover,
.cnb1 li>a:focus{z-index:20;position:relative;
	border:1px solid #363940;
	color:#000;
}
.cnb1 li.on>a{z-index:10;position:relative;
	border:1px solid #c9161e;
	background-color:#c9161e;
	color:#fff;
	cursor:default;
}


/* 본문메뉴2.드롭다운.갭0.활성배경 20180712 */
.cnb2{display:block;position:relative;margin:0 auto 1.375em;
	border:1px solid #999;
	background:#fff;
	font-size:15px;
	line-height:1.375;
	overflow:hidden;
}
.cnb2>.note{display:block;
	height:19px;
	margin:0;padding:10px 30px 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 15px;
	border:6px solid transparent;border-top-color:#666;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb2>.toggle.on>.ic1{
	border-bottom:6px solid #666;border-top:0;
}
.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.375em;
	margin:-1px -1px 0 -1px;
	padding:.5em .75em;
	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:#444;
	background-color:#444;
	color:#fff;
	cursor:default;
}


/* 본문메뉴3.드롭다운.갭0.활성배경 20180712 */
.cnb3{display:block;position:relative;margin:0 auto 1.375em;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	line-height:1.375;
	overflow:hidden;
}
.cnb3>.note{display:block;
	height:17px;
	margin:0;padding:10px 30px 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 15px;
	border:6px solid transparent;border-top-color:#666;border-bottom:0;
	overflow:hidden;text-indent:100%;
}
.cnb3>.toggle.on>.ic1{
	border-bottom:6px solid #666;border-top:0;
}
.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 .75em;
	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;
	cursor:default;
}


/* ETC */


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


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


@media print{ /* 20180717 )) @media all{} /share/ui/printpage.html */
	/* hide */
	#head, #visual, #foot, #wing, #sidebar, #side, #aside,
	#body_foot,
	#tnb1,
	#quickmenu1,
	/* #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: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:152px; /* >=1260*(230/1920) */
}

#visual .tg1 .t1{padding-top:7%;font-size:42px;}

#body_title{
	font-size:34px;
}

#charge1{position:relative;
	padding:12px 16px;
}

#satisfy1 fieldset{padding:0 0 0 90px;}
#satisfy1 .h1{width:60px;height:60px;
	margin:10px;
}
#satisfy1 .question{float:left;
	margin-right:1em;
	padding-left:0;
	font-size:16px;
}
#satisfy1 .answer{float:left;white-space:nowrap;}


/* 제목 옆 오른쪽정렬 버튼(768px부터) */

.rightTitbtn{float:right !important; margin-top:-68px;}

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

/* ☆(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%;}


/* 본문메뉴1.갭0.불릿. 20180712 */
.cnb1{}
.cnb1>.note{display:none;}
.cnb1>.toggle{display:none;}
.cnb1 ul{display:block !important; /* ☆ */
	position:relative;
	z-index:0;
	margin:0 -1px -1px 0; /* 우측오차1px보정 */
	padding:1px;
	border:0;
	background:#fff url(../../img/inc/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
.cnb1 ul:before,
.cnb1 ul:after{content:'';display:table;} /* [IE8+] */
.cnb1 ul:after{clear:both;}
.cnb1 li{width:auto;text-align:left;}
.cnb1 li>a{
	padding:18px 43px 18px 18px;
	border-color:#d7d7d7; /* #666 */
	background:#fff;
}
.cnb1 li.on>a{
	padding:18px 43px 18px 18px;
	border:1px solid #363940;
	background:#363940;
	color:#fff;
	font-weight:500;
	cursor:default;
}
.cnb1 li>a:after{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px 10px;
	background:url(../../img/inc/cnb1bg1.png) no-repeat;
}
.cnb1 li.on>a:after{background-image:url(../../img/inc/cnb1bg1on.png);}


/* 본문메뉴2.갭 20180712 */
.cnb2{
	border:1px solid #ddd;
}
.cnb2>.note{display:none;}
.cnb2>.toggle{display:none;}
.cnb2 ul{display:block !important; /* ☆ */
	position:relative;
	margin:-1px; /* 우측오차1px보정 */
	padding:0;
	border:0;
	background:#fff url(../../img/inc/b.000000.opacity.10.pattern4slash1.png);
	overflow:visible;
}
.cnb2 ul:before,
.cnb2 ul:after{content:'';display:table;} /* [IE8+] */
.cnb2 ul:after{clear:both;}
.cnb2 li{width:auto;text-align:left;}
.cnb2 li>a{
	margin:-1px -1px 0 0;
	padding:11px 43px 11px 18px;
	border:1px dotted #ccc; /* #666 */
	background:#fff;
}
.cnb2 li>a:hover,
.cnb2 li>a:focus{
	border:1px solid #ddd;
}
.cnb2 li.on>a{
	padding:11px 43px 11px 18px;
	border:1px solid #ddd;
	background:#f7f7f7;
	color:#000;
	font-weight:500;
	cursor:default;
}
.cnb2 li>a:after{content:'';display:block;
	position:absolute;right:0;top:50%;
	width:10px;height:20px;
	margin:-10px 15px;
	background:url(../../img/inc/cnb2bg1.png) no-repeat center center;
}
.cnb2 li.on>a:after{background-image:url(../../img/inc/cnb2bg1on.png);}


/* 본문메뉴3.갭.불릿 20180712 */
.cnb3{padding:1em 1.375em;
	border:1px solid #ddd;
	border-radius:2px;
}
.cnb3>.note{display:none;}
.cnb3>.toggle{display:none;}
.cnb3 ul{display:block !important;
	position:relative;
	padding:0 .375em;
	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:.375em .75em;
	background:url(../../img/inc/cnb3bg1.png) no-repeat 0 .75em;
	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:-.375em;
	padding-left:1.125em;
	background-position:.375em .75em;
}
.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 ◇◆◇◆◇◆◇◆◇◆ */


#body_head_s1{
	margin:0 0 30px;
}


#location1{
	background:#fff;
}
#location1 .breadcrumb .cont>a{
	border-right:1px solid #eee;
	color:#666;
}
#location1 .breadcrumb .cont>a .ic1{
	background-image:url(../../img/inc/ic11a1c1plus1.png);
	opacity:.5;
}
#location1 .breadcrumb .cont>a.on .ic1{
	background-image:url(../../img/inc/ic11a1c1minus1.png);
}
#location1 .breadcrumb .cont .home{
	border-left:1px solid #eee;
}
#location1 .breadcrumb .cont .home .ic1{
	background:url(../../img/inc/location1home09.png) no-repeat center center;
	opacity:1;
}
.pcpdl7em{padding-left:7em;}

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


#wrap{}
		#sidebar{display:block;
			float:left;
			width:220px;
			padding:0 0 40px;
		}
		#body{display:block;
			float:right;
			width:920px;
		}
			#body .container{
				width:auto; /* ☆ */
				max-width:1200px; /* ☆ */
			}
			#body>.container{
				min-height:200px;
				padding:0 0 280px; /* ☆ #body_foot 높이 */
			}
				#body_head{}
					#body_head_s1{
						margin:0 0 30px;
					}
						#body_head_s2{
							margin:0 0 30px;
						}
			#body_foot{position:absolute;left:0;right:0;bottom:0;}


#visual{
	height:230px;
}

#visual .tg1 .t1{padding-top:7%;font-size:52px;text-shadow: 2px 2px 2px #000000;}

#location1{
	background:#fff;
}
#location1 .breadcrumb .cont>a{
	border-right:1px solid #eee;
	color:#666;
}
#location1 .breadcrumb .cont>a .ic1{
	background-image:url(../../img/inc/ic11a1c1plus1.png);
	opacity:.5;
}
#location1 .breadcrumb .cont>a.on .ic1{
	background-image:url(../../img/inc/ic11a1c1minus1.png);
}
#location1 .breadcrumb .cont .home{
	border-left:1px solid #eee;
}
#location1 .breadcrumb .cont .home .ic1{
	background:url(../../img/inc/location1home09.png) no-repeat center center;
	opacity:1;
}


#body_title  .h1{
	padding-right:320px;
}

#bn1{
	position:absolute;right:0;top:-8px;
}


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


/* 사이드제목 20180712 */
#side_title{display:block;position:relative;
	margin:-130px 0 0;
}
#side_title>a{	display:block;
	margin:0 0 5px;
	padding:57px 10px;
	background:#0170e0;
	background-size:cover;
	color:#fff;
	font-weight:600;
	font-size:30px;
	line-height:1.375;
	letter-spacing:-.0625em;
	text-align:center;
	word-break:keep-all;
	word-wrap:break-word;
}


/* 사이드메뉴 20180712 */
#snb1{position:relative;
	overflow:hidden;
	margin:0 0 40px;
}
/* depth2 */
#snb1 div.d2>ul{}
#snb1 div.d2>ul>li{
	margin:0 0 5px;
}
#snb1 div.d2>ul>li>a{display:block;
	padding:11px 40px 11px 18px;
	border:1px solid #ddd;
	background:url(../../img/inc/snb1d2bg1.png) no-repeat 95% 50%;
	color:#333;
	font-weight:400;
	font-size:16px;
	word-break:keep-all;
	word-wrap:break-word;
}
#snb1 div.d2>ul>li.hasSub>a{
	background-image:url(../../img/inc/snb1d2bg1has.png);
}
#snb1 div.d2>ul>li.on{
	position:relative;
}
#snb1 div.d2>ul>li.on>a{
	background-color:#363940;
	background-image:url(../../img/inc/snb1d2bg1on.png);
	color:#fff;
}
#snb1 div.d2>ul>li.hasSub.on>a{
	border-color:transparent;
	background-image:url(../../img/inc/snb1d2bg1hason.png);
}
/* depth3 */
#snb1 div.d3{display:none;}
#snb1 div.d2>ul>li.on>div.d3{display:block;
	padding:14px 20px;
	background:#e8f4ff;
}
#snb1 div.d3>ul>li{display:inline;}
#snb1 div.d3>ul>li>a{display:block;
	margin:0;
	padding:6px 0 6px 12px;
	background:url(../../img/inc/snb1d3bg1.png) no-repeat 0 13px;
	color:#333;
	font-size:15px;
}
#snb1 div.d3>ul>li>a:hover,
#snb1 div.d3>ul>li>a:focus{
	color:#000;
	text-decoration:underline;
}
#snb1 div.d3>ul>li.on>a{
	background-image:url(../../img/inc/snb1d3bg1on.png);
	color:#cb252d;
	font-weight:600;
}
/* depth4 */
#snb1 div.d4{display:none;}
#snb1 div.d3>ul>li.on>div.d4{display:block;
	padding:10px 13px;
	background:#fff;
}
#snb1 div.d4>ul>li{display:inline;}
#snb1 div.d4>ul>li>a{display:block;
	margin:0;
	padding:4px 0 4px 10px;
	background:url(../../img/inc/snb1d4bg1.png) no-repeat 0 9px;
	color:#555;
	font-size:14px;
}
#snb1 div.d4>ul>li>a:hover,
#snb1 div.d4>ul>li>a:focus{
	color:#000;
}
#snb1 div.d4>ul>li.on>a{
	background-image:url(../../img/inc/snb1d4bg1on.png);
	color:#222;
	font-weight:bold;
}

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


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