@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2017.04.28 | 문영신 | 최초 등록
 * 2017.05.10 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2017.05.16 | 양미정 | PC부분 #tnb1 div.d1>ul → padding-left값 추가, 
                             h1#logo>a, h1#logo>a>img → margin 값, img 높이값 수정  / #tnb1logo1 img 높이값 수정 
							 foot 부분로고 추가  → #author1 수정
							 #tnb1 div.d1>ul>li.m5>a{color:#f97105;} 추가
 * 2017.06.19 | 양미정 | #tnb1 모바일버전 주메뉴 색상수정
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2017.04.12
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{}
 | RWD ◇◆
 */

/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

@font-face{
	font-family:"NanumSquareR";
	src:url(../../font/NanumSquareR.eot);
	src:url(../../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	url(../../font/NanumSquareR.woff) format('woff'),
	url(../../font/NanumSquareR.ttf) format('truetype');
	src:local('?'), url(../../font/NanumSquareR.woff) format('woff');
}

@font-face{
	font-family:"NanumSquareB";
	src:url(../../font/NanumSquareB.eot);
	src:url(../../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(../../font/NanumSquareB.woff) format('woff'),
	url(../../font/NanumSquareB.ttf) format('truetype');
	src:local('?'), url(../../font/NanumSquareB.woff) format('woff');
}

/* ☆@import url(base.css); */

/* base.css )) Overwrite. 20170324. ◆◆◆ */

body {
	background:#fff;
	color:#555;
  font-weight:400;
  font-size:140%; /* 14px */
  line-height:1.666;
	letter-spacing:-1px; /* ☆ 맑은고딕-1, 나눔고딕0, 외국어0 */
	overflow:hidden; /* ★ Avoid horizontal scrolling */
}

html[lang='ko'] body,
html *[lang='ko']{
	font-family:'Open Sans',
		'Apple SD Gothic Neo','Microsoft JhengHei',
		'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
		Helvetica,Arial,sans-serif;
}

/* ☆공용 */
.ffns{
	font-family:'Open Sans',
		'Apple SD Gothic Neo','Microsoft JhengHei',
		NanumSquare,
		'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
		Helvetica,Arial,sans-serif;
}


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


/* 배치.전체 20170508. ☆ 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	max-width:1240px; /* ☆ 디자인폭(1200)+패딩좌우(20*2) */
	margin:0 20px; /* ☆ */
}
#container{position:static;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;position:relative;}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{ /* #gn1, #logo */
			position:relative;
		}
		#head_s2{ /* #tnb1 */
			position:relative;
		}
		#head_s3{ /* #visual */
			z-index:-1;position:relative;
		}
			[id*='head_']>.container{margin:0 auto;}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼침콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
  /* ((( sub.css */
	#wing{display:block;z-index:10;position:relative;}
	#foot{clear:both;position:relative;border-top:1px solid #ccc;}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot>.container{padding:20px 0 40px;}


/* ☆ 모바일 감춤 20170502 */
#gn1{display:none;}
/* #visual{display:none;} */


/* only Desktop BG image Preload 20170502 */
/* none */


/* #head */


/* 로고 20170428 */
h1#logo{display:block;
	z-index:10;
	position:relative;
	margin:5px 40px 5px 20px;text-align:left;
}
h1#logo>a{}
h1#logo>a>img{width:auto;height:80px;}


/* 주메뉴 20170428. makeActive2ClickHover('#tnb1'); */
#tnb1{z-index:100; /* ☆ */
	float:left;position:absolute;right:0;top:0;width:100%;line-height:1.333;
}
#tnb1 .b1.toggle{z-index:10;float:left;
	position:absolute;right:19px;top:-65px; /* 화면확인:=(90+40)/2 */
	width:40px;height:40px;
	overflow:hidden;text-indent:-9999px;
}
#tnb1 .b1.toggle .ic1{float:left;position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(/bonghapark/img/inc/ic80a1c1menus@2x.png) no-repeat;background-size:contain;
}
#tnb1 .b1.toggle .ic1 img{ /* [~IE8]fix) */
	left:0;right:0;top:0;bottom:0;
}
#tnb1c{display:block;visibility:hidden;
	z-index:10;
	position:fixed;left:auto;right:0;top:0;
	width:320px;height:100%;
	overflow-y:visible; /* ☆ */
}
#tnb1c.on{display:block;visibility:visible;
	right:0;
}
#tnb1c>.bg{position:fixed;left:0;right:0;top:0;bottom:0;
	background:url(/bonghapark/img/inc/b.000000.opacity.70.png);
}
#tnb1c.on>.bg{}
#tnb1c .b2{z-index:110;float:left;position:absolute;right:0;top:0;width:40px;height:40px;}
#tnb1c .b2>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url() no-repeat;background-size:contain;
}
#tnb1c .b2.close{}
#tnb1c .b2.close>.ic1{background-image:url(/bonghapark/img/inc/ic80a1c0close@2x.png);}
#tnb1c>div.cont{
	position:relative;
	right:-100%;
	width:320px;
	height:100%;
	background:#ffcb05;
	overflow-y:auto; /* ☆ */
}
#tnb1c.on>div.cont{
	right:0;
}

/* tnb1head_s1 */
#tnb1head_s1{padding:28px 20px;background:#d89f00;text-align:center;overflow:hidden;}

#tnb1logo1{display:inline-block;}
#tnb1logo1 img{display:block;width:auto;height:100px;margin:0 auto;}

#tnb1gn1{position:relative;margin:10px 0 0;}
#tnb1gn1 ul{text-align:center;}
#tnb1gn1 li{display:inline-block;padding:0 0 0 1px;background:url(/bonghapark/img/inc/tnb1gn1s.png) no-repeat 0 50%;}
#tnb1gn1 li:first-child{background:none;}
#tnb1gn1 li>a{display:block;padding:.666em 1em;color:#fff;font-size:13px;}

/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{clear:both;position:relative;min-height:100%;}
#tnb1 div.d1>ul{position:relative;overflow:hidden;}
#tnb1 div.d1>ul>li{display:inline;position:relative;} /* ☆ */
#tnb1 div.d1>ul>li>a{display:table;table-layout:fixed; /* ☆ */
	z-index:20; /* .d2 보다 높여준다 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	border-bottom:1px solid #f4d86c;
	background:url() no-repeat 95% 50%;
	color:#3d1b00;font-size:16px;line-height:1.333;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.t1{display:table-cell; /* ☆ */
	padding:.833em 20px; /* ☆ */
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{
	background-image:url(/bonghapark/img/inc/tnb1d1bg1has.png);
}
#tnb1 div.d1>ul>li.m5>a{color:#c92026;font-weight:bold;}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}
/* depth1 활성 */
#tnb1 div.d1>ul>li.on>a{
	background-image:url(/bonghapark/img/inc/tnb1d1bg1on.png);
	font-weight:700;
}
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:none;visibility:hidden;
	height:0;opacity:0;
	/* transition:.2s; */
}
#tnb1 li.on>div[class^='d']{
	display:block;visibility:visible;
	height:auto;opacity:1;
}
/* depth2 */
#tnb1 li>div.d2{
	box-sizing:border-box; /* ☆ */
	padding:0 0 0px; /* 상하공백 */
	background:#eee;
}
#tnb1 div.d2>.bg{display:none;} /* ☆ */
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 div.d2>ul{}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:.583em 20px;
	border-bottom:1px solid #ddd;
	background:url() no-repeat 95% 50%; /* ../../img/inc/tnb1d2bg1.png */
	color:#333;font-size:15px;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(); /* ../../img/inc/tnb1d2bg1has.png */
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(); /* ../../img/inc/tnb1d2bg1on.png */
	color:#86131e;
	font-weight:700;
	text-decoration:underline;
}


/* #wing */


/* 위로. 20170510. */
#gotop1{display:inline-block;
	position:absolute;right:0;bottom:0;
	margin:0 20px -15px;line-height:1.333;
}
#gotop1 .ic1{display:inline-block;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:30px solid #000;}
#gotop1 .t1{display:inline-block;
	position:absolute;left:0;right:0;top:50%;
	margin:-.5em 0 0;
	color:#fff;
	font-weight:700;
	font-size:10px;
	font-family:'Open Sans';
	letter-spacing:0;
	text-align:center;
}


/* #foot */


/* 소셜링크 20170502 */
#snslink1{float:left;position:relative;margin:.666em 0;line-height:1.333;}
#snslink1 ul{overflow:hidden;}
#snslink1 li{float:left;
	padding:0 13px;
	background:url(/bonghapark/img/inc/snslink1s.png) no-repeat left center;
}
#snslink1 li:first-child{margin:0 0 0 -19px;}
#snslink1 a{float:left;}
#snslink1 a>.ic1{float:left;width:30px;height:30px;
	background:url() no-repeat center center;background-size:contain;
	overflow:hidden;text-indent:-9999px;cursor:pointer;
}
#snslink1 .blog>a>.ic1{background-image:url(/bonghapark/img/inc/snslink1blog@2x.png);}
#snslink1 .facebook>a>.ic1{background-image:url(/bonghapark/img/inc/snslink1facebook@2x.png);}
#snslink1 .twitter>a>.ic1{background-image:url(/bonghapark/img/inc/snslink1twitter@2x.png);}


/* 패밀리사이트. 20170502 */
#familysite1{float:right;
	z-index:10;
	position:relative;
	margin:.416em 0;line-height:1.333;
}
#familysite1 a{display:block;padding:.5em 1em;color:#000;font-size:15px;
	white-space:nowrap;;
}
#familysite1 a.toggle{z-index:10;position:relative;
	padding:10px 30px 10px 30px;
	letter-spacing:0;
}
#familysite1 a.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin:-2px 12px;border:4px solid transparent;border-top-color:#000;overflow:hidden;text-indent:100%;}
#familysite1 a.toggle.on>.ic1{margin:-7px 12px;border-color:transparent;border-bottom-color:#000;}
#familysite1c{display:none;position:absolute;right:0;bottom:0;
	border:1px solid #000;
	background:#fff;
}
#familysite1c ul{float:left;margin:0 10px 40px;padding:10px 0;border-bottom:1px solid #000;}
#familysite1c li{float:left;width:100%;}
#familysite1c li>a{margin:0 -10px;padding:.333em 10px;color:#555;font-size:13px;}
#familysite1c li>a:hover,
#familysite1c li>a:focus{background:#f7f7f7;}


/* 하단메뉴 20170502 */
#fn1{clear:both;
	z-index:10;
	position:relative;
	padding:10px 0;
	font-size:14px;line-height:1.333;
	overflow:hidden;
}
#fn1 ul{float:right;position:relative;text-align:right;overflow:hidden;}
#fn1 li{display:inline-block;margin:0 0 0 -1px;padding:0 0 1px;background:url(/bonghapark/img/inc/fn1s.png) no-repeat 0 .5em;}
*+html #fn1 li{display:inline;}
#fn1 li:first-child{background:transparent;}
#fn1 li>a{display:block;padding:.333em .5em;
	color:#666;
	font-size:13px;
	white-space:nowrap;
}
#fn1 li>a b{}


/* 작성자(연락처/저작권) 20170502 */
#author1{clear:both;position:relative;color:#666;font-size:14px;line-height:1.5;}
#author1 a{color:#333;} /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
#author1 .address{margin:0 0 .666em;font-weight:600;}
#author1 .nophishing{font-size:13px;}
#author1 .copyright{display:block;
	margin:2em 0 0 0;
	padding:1.5em 0 0;
	border-top:1px solid #d7d7d7;
	color:#666;font-size:12px;letter-spacing:0;
	text-transform:uppercase;
}
#author1 br{display:none;}
#author1 .logo_b{margin:20px 40px;text-align:center;}
#author1 .logo_b img{height:40px;}

/* ETC */


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


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


h1#logo{margin:5px 40px 5px;text-align:center;}
h1#logo>a>img{height:101px;}

#fn1{position:absolute;right:0;top:80px;padding:0;}
#fn1 li{display:block;margin:0;padding:0;background:transparent;}

#author1{margin:0 200px 0 0;padding:20px 0 0;}
#author1 .logo_b{position:absolute;left:0;top:40px;padding:0;margin:0;width:120px;}
#author1 .logo_b img{height:49px;}
#author1 .copyright{margin-right:-200px;}
#author1 br{display:block;}
#author1 .address{margin:0 0 .666em 150px;}
#author1 .nophishing{margin-left:150px;}



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


.container{max-width:1200px;margin:0 auto;}

	#head{height:390px;}
		#head_s1{position:static;height:0;}
		#head_s2{position:static;height:130px;}
		#head_s3{position:static;}

h1#logo{position:absolute;left:0;top:0;margin:20px 0 0 2px;text-align:left;}
h1#logo>a>img{height:101px;}


/* 주메뉴 20170502. makeActive2ClickHover('#tnb1'); */
#tnb1{z-index:100; /* ☆ */
	float:left;position:absolute;left:240px;right:0;top:60px;width:900px;
	font-family:/* 'Open Sans',Helvetica, */
		'Apple SD Gothic Neo','Microsoft JhengHei',
		NanumSquare,
		'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
		Arial,sans-serif;
	line-height:1.333;
}
#tnb1 .b1.toggle{display:none;}
#tnb1c{display:block !important;visibility:visible;
	z-index:auto; /* ☆ */
	position:absolute;left:0;right:0;top:0;
	width:auto;min-height:70px;
	overflow-y:visible; /* ☆ */
}
#tnb1c.on{display:block;visibility:visible;
	right:0;
}
#tnb1c>.bg{display:none;}
#tnb1c .b2{display:none;}
#tnb1c>div.cont{
	position:relative;
	right:0;
	width:100%;
	height:100%;
	background:none;
	overflow-y:visible; /* ☆ */
}
#tnb1c.on>div.cont{
	right:0;
}

/* tnb1head_s1 */
#tnb1head_s1{display:none;}

/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{clear:both;position:absolute;
	left:0;right:0;
	top:0;
	height:70px;
	min-height:100%;
	/* overflow:hidden; */
	/* transition:.2s .4s; */ /* [~IE11] 페이지 로딩시 transition-delay 값만큼 지연됨. */
}
#tnb1 div.d1.over{
	height:260px; /* =190+70 ☆ auto 하면안됨 */
	/* transition:.2s .2s; */
}
#tnb1 div.d1>.bg{position:absolute;
	left:-360px;right:-420px; /* = (1920-1200)/2  ((1920-1200)/2)+60 */
	top:70px; /* ☆ 1차메뉴높이 */
	bottom:0;
	margin:0 0 0 -240px;
	background:#eabf1c;
}
#tnb1 div.d1>ul{position:relative;width:100%;
	margin:0 auto;overflow:hidden;padding-left:100px;
}
#tnb1 div.d1>ul>li{display:inline;float:left;position:relative;} /* ☆ */
#tnb1 div.d1>ul>li:nth-child(7),
#tnb1 div.d1>ul>li:last-child{display:none;} /* ☆ */
#tnb1 div.d1>ul>li>a{display:table;table-layout:fixed; /* ☆ */
	z-index:auto; /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:170px; /* ☆ */
	height:70px; /* ☆ */
	padding:0 0 18px 60px; /* ☆ */
	border-bottom:0;
	font-weight:500;
	color:#000;font-size:20px;line-height:1.333;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.t1{display:table-cell; /* ☆ */
	padding:.666em 10px; /* ☆ */
	text-align:center;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{background:none;}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}
/* depth1 활성 */
#tnb1 div.d1>ul>li.on>a{background:transparent;}
#tnb1 div.d1.over>ul>li.on>a{}
#tnb1 div.d1.over>ul>li.over>a{
	/* background:#fdd208; */
	color:#c82;
	/* text-decoration:underline; */
}
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:block;visibility:hidden;
	height:0;opacity:0;
	/* transition:.2s; */
}
#tnb1 div.d1.over li>div[class^='d']{ /* 1차메뉴 오버하면 2차메뉴 전체열림 */
	display:block;visibility:visible;
	height:auto;
	opacity:1;
	/* transition:.2s; */
}
#tnb1 li.on>div[class^='d']{
	display:block;visibility:visible;
	height:auto;
	opacity:1;
	/* transition:.2s; */
}
#tnb1 li.over>div[class^='d']{
	display:block;visibility:visible;
	height:auto;
	opacity:1;
	/* transition:.2s; */
}
/* depth2 */
#tnb1 li>div.d2{
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:0 !important; /* ☆ 최대높이값 */
	padding:0; /* 상하공백 */
	border-top:0;
	background:transparent;
	/* transition:all .2s 1s, background .2s; */ /* ☆ */
}
#tnb1 div.d1.over li>div.d2{
	height:189px !important; /* ☆ 최대높이값 - 1 ([IE11]fix) */
	padding:16px 0; /* 상하공백 */
}
#tnb1 li.on>div.d2{}
#tnb1 li.over>div.d2{
	background:#e8b905;
	/* transition:all .2s 1s, background .2s; */ /* ☆ */
}
#tnb1 div.d2>.bg{display:none;} /* ☆ */
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 li.over>div.d2>.bg{display:block;position:absolute;
	top:70px; /* 1차메뉴높이 */
	left:50%;
	width:0;height:0;
	margin:-8px;
	border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid #e8b905;
}
#tnb1 div.d2>ul{}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:.416em 20px;
	border-bottom:0;
	background:url() no-repeat 20px .916em; /* ../../img/inc/tnb1d2bg1.png */
	color:#3d1b00;font-size:15px;
	text-align:left;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(); /* ../../img/inc/tnb1d2bg1has.png */
}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{
	color:#fff;
	text-decoration:underline;
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(); /* ../../img/inc/tnb1d2bg1on.png */
	color:#fff;
	font-weight:400;
	text-decoration:underline;
}

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

/* 작업확인용.★☆ToEdit) */
/* #tnb1 div.d1>ul>li.on>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */


#gotop1{right:50%;
	margin-right:-600px;
}


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


/* 20170502 */
#gn1{display:block;float:right;
	z-index:10;
	position:absolute;right:0;top:18px;
}
#gn1 ul{text-align:left;}
#gn1 li{display:inline-block;padding:0 0 0 1px;background:url(/bonghapark/img/inc/gn1s.png) no-repeat 0 50%;}
#gn1 li:first-child{background:none;}
#gn1 li>a{display:block;padding:.666em 1em;color:#666;font-size:13px;}


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