@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:800&display=swap');
* {
	font-family: 'Noto Sans KR', sans-serif;
	-webkit-text-size-adjust: 100%;
	counter-reset: chapter section 1 page;
}
html {
	font-size: 10px;
	box-sizing: border-box;
	overflow: scroll;
	overflow-x: auto;
	font-size: 10px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	font-family: 'noto';
	line-height: 1.25;
	color: #2f313c;
	font-family: 'NanumSquare', sans-serif;
}
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}
img {
	border: 0;
	vertical-align: middle;
	font-size: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
caption, legend {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
select, input, textarea {
	color: #454545;
	font-size: 1.6rem;
}
select, input {
	vertical-align: middle;
}
b, strong {
	font-weight: normal;
}
address, em, i {
	font-style: normal;
}
button {
	border: 0;
	outline: none;
	background: none;
	cursor: pointer;
}
hr {
	margin: 0;
	border: none;
	padding: 0;
	display: block;
}
figure, figcaption {
	padding: 0;
	margin: 0;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
header, footer, article, section, aside, nav, main {
	display: block;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0
}
.area {
	max-width: 94%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
#wrap {
	width: 100%;
	text-align: center;
	margin: 0;
	display: block;
	overflow: hidden;
}
.wrap_con {
	max-width: 640px;
	text-align: center;
	margin: auto;
	background: #f3f9ff;
}
header .util {
	background: #0d2a50;
	color: #99acc6;
	font-size: 14px;
	height: 40px;
	text-align: left;
	padding: 12px 4% 0;
}
header .util li {
	float: left;
	padding: 0 8px
}
header .util li:first-child {
	padding-left: 0px;
	border-right: 1px solid #324b6b;
}
header .header_m {
	background: #fff;
	height: 65px;
	padding: 0 4%;
}
header .header_m h1 {
	float: left;
	text-align: left;
	line-height: 60px;
}
header .header_m p {
	float: right;
	text-align: right;
	line-height: 60px;
}
#header #gnbM {
	display: block!important;
	overflow-y: auto;
	position: fixed;
	top: 0px;
	right: -82%;
	width: 80%;
	height: 100%;
	max-width: 280px;
	background-color: #fff;
	z-index: 999;
	box-shadow: -2px 1px 11px rgba(0, 0, 0, .3);
	transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
	visibility: hidden;
}
#gnbM.open {
	right: 0px!important;
	visibility: visible!important;
}
#gnbM .gnb_text {
	background: #00d0c2;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	text-align: left;
	padding: 40px 20px 25px;
}
#gnbM .gnb_m_join {
	background: #2f313c;
	color: #fff;
	font-size: 14px;
	line-height: 48px;
	font-weight: 400;
}
#gnbM .gnb_m_join ul {
	display: block;
	height: 48px;
}
#gnbM .gnb_m_join ul li {
	float: left;
	width: 50%;
}
#gnbM .gnb_m_join ul li:first-child {
	border-right: 1px solid #3e404a;
	margin-right: -1px;
}
#gnbM .gnb_m_join ul li a {
	color: #fff
}
#gnbM .gnb_m_join .icon1 {
	background: url(../images/main/icon_login.png) no-repeat 20% 50%;
}
#gnbM .gnb_m_join .icon2 {
	background: url(../images/main/icon_join.png) no-repeat 20% 50%;
}
#gnbM #navigation {}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#gnbM #navigation > li {
	border-bottom: 1px solid #e6eaf0;
}
#gnbM #navigation > li > a {
	position: relative;
	display: block;
	padding: 20px 25px;
	color: #2f313c;
	font-size: 17px;
	text-align: left;
}
#gnbM #navigation > li.active > a {
	color: #2f313c;
}
#gnbM #navigation > li.has-2dep > a {}
#gnbM #navigation > li.has-2dep.active > a {}
#gnbM #navigation > li .gnb-icon {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
#gnbM #navigation > li .gnb-icon i {
	font-size: 24px;
}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep {
	display: none;
	background-color: #e6eaf0;
}
#gnbM #navigation > li .gnb-2dep > li {
	border-bottom: 1px solid #fff;
}
#gnbM #navigation > li .gnb-2dep > li > a {
	display: block;
	text-align: left;
	color: ##2f313c;
	font-size: 16px;
	padding: 15px 25px;
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
#gnbM #navigation > li .gnb-2dep > li.on > a {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	text-decoration: underline;
}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep {
	display: none;
	padding: 10px 25px;
	background-color: #aaa;
	box-shadow: inset 0px 3px 9px rgba(0, 0, 0, .3);
}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a {
	display: block;
	padding: 8px 0;
	font-size: 13px;
	color: #fff;
}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before {
	display: inline-block;
	content: "-";
	margin-right: 5px;
}

#main_visual {height:auto; min-height:340px;background:url(./../img/bg_main.png) no-repeat; background-size:cover;}
#main_visual .notice{text-align:left;  padding:15px 4% 5px;overflow:hidden;      text-overflow:ellipsis;      white-space:nowrap;color:#fff;}
#main_visual p{display: inline;font-size: 12px;color:#fff;text-align: left; font-weight: normal; margin-left: 6px;}
#main_visual p a{display: inline;font-size: 12px;color:#fff;text-align: left; font-weight: normal; margin-left: 6px;}
#main_visual .hd {font-size: 12px;color:#fff; border:1px solid rgba(255, 255, 255, 0.2);padding: 3px 12px;border-radius: 30px; }



/*메인 메뉴탭*/
#menu_tab .pick {
	color: #fff!important;
	background: #1e7fd1 url(../img/bg_main_tab.png) right no-repeat!important;
	font-weight: 600;
	border: 0!important;
	padding: 21px 0!important;
}
#menu_tab {
	padding: 0 4%;
	margin-top: -40px;
	z-index: 3;
	position: relative;
}
#menu_tab img{width: 50px;}
#menu_tab button {
	text-align: center;
	float: left;
	width: 33.3%;
	font-size: 16px;
	line-height: 20px;
	background: #E4E9F3;
	padding: 20px 0;
	border: 1px solid #dce4ec;
	color: #7d8aa9;
	overflow: auto;
	outline: none;
}
#menu_tab .w3-container {
	background: #fff;
}
#menu_tab ul {
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 20px 0;
	border: 1px solid #dce4ec;
}
#menu_tab ul li {
	float: left;
	width: 33.3%;
	font-size: 14px;
	text-align: center;
	padding: 12px 0
}
#menu_tab ul li h1 {
	font-size: 14px!important;
	padding-top: 5px;
	font-weight: normal;
}

/*부산 주요경제 동향속보*/
#trend {text-align: left;margin: 40px 4%;border:1px solid #dce4ec;}
#trend h1{background: #13499f url(../img/bg_trend.png) right no-repeat; font-size: 20px ;color: #fff;padding: 20px;}
#trend .list{text-align: left; background: #fff;padding: 20px 0}
#trend .list li{padding: 15px 10px 15px 20px;font-size:14px;}
#trend .btn_down{font-size:13px;color:#0f3c8d;background:#f0f3f5 url(../img/icon_pdf.png) 10px no-repeat;background-size: 16px;padding:6px 8px 6px 30px; border-radius: 4px;margin-left: 10px;letter-spacing: -1px;}
#trend button{width: 100%; text-align: center;padding:15px; color:#a4adbc; font-size: 16px;background: #fff;border-top:1px solid #dce4ec;}


/*세미나*/
#seminar {padding: 10px 4% 0px;display: block;width: 100%;overflow: hidden;}
#seminar .tt{font-size: 20px ;color: #13499f; text-align: center;margin-bottom: 15px;}
#seminar ul li {clear: both;margin-bottom: 20px;display: block;overflow: hidden}
#seminar ul li div{float:left;}
#seminar .cal{width:70px;border:3px solid #e7edf1; background:#fff; text-align:center; color:#13499f!important;margin-right: 20px;padding: 4px 12px 6px;}
#seminar .cal .date{font-size:28px ;font-weight: bold;text-align: center;}
#seminar .cal .month{font-size:12px ;text-align: center;}
#seminar .cal_con{max-width:250px;}
#seminar ul li div > h1{font-size: 18px;line-height: 24px;color:#2f313c;padding: 8px 0 3px 0 ;text-align: left;}
#seminar ul li div > p{font-size: 16px;text-align: left;}

/*월별부산경제동향*/
#magazine{margin: 30px 4% 0;  background:#1e7fd1 url(../img/bg_mz_02.png) top right no-repeat; padding: 30px 20px 0 20px; }
#magazine ul{display: block; overflow: hidden;}
#magazine .img_mz {float:left;    margin-right: 20px;}
#magazine .mz_info {float:left; }
#magazine .mz_info h1{text-align:left; color:#fff; font-size: 24px; line-height: 28px;padding-bottom: 15px;padding-top: 20px; width:135px;}
#magazine .mz_info h2{text-align:left; color:#fff; font-size: 14px; line-height: 18px;padding-bottom: 20px;width:135px;}
#magazine p{font-size: 14px; background: #002d68 url(../img/icon_pdf_w.png) 20px no-repeat; color:#fff;border-radius: 30px; padding:6px 20px 6px 40px; background-size: 14px;}
#magazine button { clear: both;width: 100%; text-align: center;padding:15px; color:#fff; font-size: 16px;background: #1e7fd1;border-top:1px solid #358cd6;}


/*타기관 경제동향*/
#other {text-align: left;margin: 40px 4%;border:1px solid #dce4ec;}
#other h1{background: #fff; font-size: 20px ;color: #13499f;padding: 20px;border-bottom:1px solid #dce4ec;}
#other .list{text-align: left; background: #fff;padding: 20px 0}
#other .list li{padding: 10px 20px;font-size:14px; background: url(../img/icon_arr.png) right no-repeat;background-size: 24px;}
#other button{width: 100%; text-align: center;padding:15px; color:#a4adbc; font-size: 16px;background: #fff;border-top:1px solid #dce4ec;}



footer {
	background: #141720;
	padding: 20px 5%;
	text-align: left;
}
footer .f_logo {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	padding: 20px 0;
	display: block;
	overflow: hidden;
}
footer .f_logo li {
	float: left;
}
footer .f_logo li:last-child {
	float: right;
}
address {
	clear: both;
	font-size: 12px;
	color: #6f7177!important;
}
.copyright{
	font-size: 12px;
	line-height: 14px;
	color: #6f7177!important;
	padding: 10px 0 30px
}