@charset "utf-8";

/*header - bar*/
.lnb_basic {display:flex; padding:0 0 0 10px; height:56px; background:#fff; border-bottom:1px solid #e4e4e4; justify-content:flex-start; align-items:center; box-sizing:border-box; }
.lnb_basic h1 {flex:1; position:static;}
.lnb_basic h1 a {width:140px; height:56px;}
.lnb_basic .logo {display:none; position:static;}
/*lnb 전체메뉴(a 링크)*/
.lnb_basic a[href="#lnb"] {display:flex; font-size:0; width:56px; height:56px; align-items:center;}
.lnb_basic a[href="#lnb"]:after {vertical-align:0;}
/*lnb 전체메뉴(팝업)*/
#lnb:target {padding-top:60px;}
/*lnb 전체메뉴(버튼)*/
#lnb > div:nth-of-type(1) {left:10px; top:17px;}
#lnb > div:nth-of-type(1) a {padding:0 9px; line-height:26px;}

/*lnb 대메뉴*/
#lnb nav {display:block;}
#lnb nav > div {overflow:hidden; display:flex; width:150px; border-right:none;}
#lnb h2 {flex:none; padding:0; width:150px;}
#lnb h2 a {padding-left:0; font-size:22px; text-indent:14px; line-height:54px;}
#lnb h3 a {padding:0 5px; line-height:34px;}
#lnb ul .sub h3 a:after {content:""; display:inline-block; margin-left:7px; width:8px; height:8px; background:url(../images/icoNav.png) no-repeat right -135px bottom -256px; transition:0.6s;}
#lnb nav div > ul {flex:none; overflow:hidden; position:absolute; left:0; top:67px; width:0; height:400px; opacity:0; transition-duration:0.8s;}
#lnb ul .sub {overflow:hidden; height:34px; transition:ease-in 0.5s;}
#lnb ul .sub ul {opacity:0; transition-duration:0.6s}
#lnb ul .sub li a {padding:0 5px 0 16px; line-height:30px;}
#lnb nav div:hover {width:100%;}
#lnb nav div:hover > ul {left:150px; width:auto; opacity:1;}
#lnb ul .sub:hover {height:auto;}
#lnb ul .sub:hover ul {opacity:1;}
#lnb h3 a:hover {font-weight:bold;}
#lnb .sub:hover h3 a:after {background-position: right -135px bottom -220px; vertical-align:4px;} 

/*lnb-sns*/
#lnb > div:nth-of-type(2) {padding:10px;}
#lnb > div:nth-of-type(2) p {float:none; padding:16px 0; line-height:100%; }
#lnb > div:nth-of-type(2) div {display:block; float:none;}
#lnb > div:nth-of-type(2) a {display:inline-block; position:relative; padding-top:26px; margin-left:0; margin-right:15px; width:26px; font-size:0;}
#lnb > div:nth-of-type(2) a:hover {color:#fff;}
#lnb > div:nth-of-type(2) a:before {content:""; position:absolute; left:50%; top:0; background:url(../images/icoSocial.png) no-repeat; transition-duration:0.6s;}
/*lnb 전체메뉴 (닫기)*/
#lnb > a {left:100%; top:9px; margin-left:-50px;}
#lnb > a:before {transform:scale(0.8,0.8);}

/*lnb 자주찾는 메뉴*/
.lnb_basic a[href="#favor"] {display:none;}

/*lnb search*/
a[href="#lnb_search"] {display:flex; width:56px; height:56px; justify-content:center; align-items:center;}
a[href="#lnb_search"]:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -47px bottom -83px;}
a[href="#lnb_search"]:hover:before {width:26px; height:26px; background-position:left -87px bottom -86px;}
#lnb_search {overflow:hidden; position:absolute; left:0; top:56px; width:100%; z-index:-1; height:0; opacity:0; transition-duration:0.6s;}
.lnb_basic input {width:100%; height:0;}
.lnb_basic input::-webkit-input-placeholder {color:#999;}
#lnb_search:target {z-index:1; height:50px; background:#fff; opacity:1;}
#lnb_search:target input {height:50px; background:none; border:none; border-bottom:1px solid #e4e4e4;}
#lnb_search > a {display:flex; width:50px; height:50px; align-items:center; justify-content:center;}
#lnb_search > a:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -7px bottom -83px;}
#lnb_search > a:hover:before { background-position:left -47px bottom -83px;}

/*lnb 뒤로가기,공유*/
.lnb_sub {top:56px; padding:0 15px; height:50px; background:#fff; border-bottom:1px solid #e4e4e4;}
.lnb_sub .back {flex:none;}
.lnb_sub .back a:before {transform:scale(.8, .8);}
.lnb_sub .share {overflow:visible; flex:1; width:auto; text-align:right; transition-duration:0.6s;}
.lnb_sub .share > a:before {display:none;}
.lnb_sub .share div {display:inline-block; position:static; right:45px; width:180px; height:auto; opacity:1;}

/*포토뉴스*/
.photonews  .bbs_search:after {display:none;}
.photonews  .bbs_search ul {float:none; width:100%;}
.photonews article div {font-size:14px; line-height:22px;}
.photonews article > ul li {width:100%}
.photonews article > ul li:nth-child(3n) {width:100%;}
.list_ccc {display:none;}
.list_move h3 { overflow:hidden; height:30px; padding-bottom:30px; font-size:14px;}

/*h1~h6*/
.h2_bar + p {padding-top:40px;}
.h2_bar + ul {padding-top:30px;}
.h2_bar + form .bbs_search {padding-top:45px;}
.h2_bar + .list_data {padding-top:30px;}
.h2_bar + .tab_type1 {margin-top:70px;}
.h3_list {padding:30px 0; font-size:20px; text-align:left;}

/*btn*/
.btn {padding:0 20px; font-size:13px;}
.btn.ico {padding:0 15px; font-size:0;}
.btn.ico:after {margin-left:0; vertical-align:-5px;}

/*btn(개별)*/
.btn_score {padding:0 65px;}
.btn_go1 {padding:0 15px; font-size:12px;}
.btn_fax {padding:0 10px; font-size:12px;}
.btn_go2 {padding:0 7px; font-size:12px;}
.btn_go3 {padding:0 7px;}
.btn_search {padding:0 10px;}

/*list-정보공개제도 안내*/
.link_list li a {padding:0 10px; font-size:13px;}
.link_list li a:after {margin-left:5px;}
.link_list li:first-child a:hover {text-decoration:underline;}
/*list-총 게시물*/
.list_data { display:block; padding:0;}
.list_data > p {flex:none; padding-bottom:13px;  font-size:13px; line-height:100%;}
.list_data > p > span {color:#e75100;}
.list_data > div {flex:none;}
.list_data > div > a {margin-left:0; margin-right:2px;}
.list_data li {padding-left:0; padding-right:25px;}
.list_data li a {font-size:13px;}
/*list-해명자료*/
.list_type1 li > a {padding:50px 10px; width:100%;}
.list_type1 h3 {font-size:20px;}
.list_type1 h3 > span {padding-right:0; max-height:64px; line-height:32px;}
.list_type1 h3:after {margin-top:24px;}
.list_type1 a > div p {max-height:68px; font-size:14px;}
.list_type1 a ul {padding-top:40px;}
.list_type1 a li {font-size:13px;}
.list_type1 a li:before {margin:0 22px;}
.list_type1 a li:first-child:before {display:none;}
.list_type1 a b{display:none;}
.list_type1 .visual {padding:0; width:100%; }
.list_type1 > ul > li:nth-child(odd) .visual {float:none;}
.list_type1 > ul > li:nth-child(odd) .visual + div { float:none; width:100%;}
.list_type1 > ul > li:nth-child(even) .visual {float:none;}
.list_type1 > ul > li:nth-child(even) .visual + div {float:none; width:100%;}
/*list -목록형 보기 (이미지 없음)*/
.list_type2 {padding:0; box-sizing:border-box;}
.list_type2 > ul > li {padding:10px;}
.list_type2 li > span {margin-bottom:7px; }
.list_type2 h3 {font-size:16px; line-height:22px;}
.list_type2 h3 a {font-size:16px; line-height:22px;}
.list_type2 li > div {display:block; padding-top:10px;}
.list_type2 li ul {flex:none;}
.list_type2 .right,
.list_type2 div > p { padding-top:10px; flex:none;}
.list_type2 div > div a {transform:scale(0.8);}
/*list-카드뉴스*/
.list_type3 {padding:30px 0 0; box-sizing:border-box;}
.list_type3 li {padding:5px; width:50%; height:auto;}
.list_type3 li:nth-child(3n-1) {width:50%;}
.list_type3 li > a {height:370px;}
.list_type3 li img {min-width:200px;}
.list_type3 a > div {font-size:12px; }
.list_type3 h3 {font-size:14px;}
.list_type3 li:hover {height:auto;}
.list_type3 li:hover > a {height:370px;}
.list_type3 li:hover img {transform:scale(1.1) ; filter:brightness(1.0);}
.list_type3 li:hover > div {display:none;}
/*list_Type4*/
.list_type4 {width:100%;}
.list_type4 li {width:50%;}
.list_type4 li > a {height:320px;}
.list_type4 h3 {font-size:14px;}
.list_type4 li b {height:160px;}
.list_type4 li img {min-width:216px;}
.list_type4 a > div {height:160px;}
.list_type4 li > div {display:none;}
.list_type4 .big {width:100%;}
.list_type4 li:hover a > div {position:static;}
.list_type4 li:hover.big a > div {position:absolute; bottom:0;}
/*list_type5*/
.list_type5 {padding:0 10px;}
.list_type5 .visual > div {text-align:left;}

/*list-주요공개목록*/
.list_type13 {display:block; padding:20px 20px; box-sizing:border-box;}
.list_type13 div {display:none;}
.list_type13 li a {font-size:14px;}
/*list-일일 경제지표, 해외투자*/
.list_type14 li {display:block; width:100%;}

/*list-paging*/
.list_page ul {padding:30px 0;}
.list_page a {width:34px; height:34px; font-size:13px; line-height:34px; line-height:34px;}
/*form*/
.bbs_search li {display:block;}
.bbs_search li > label {display:none;}
.bbs_search li > div {flex:none;}
.bbs_search li > div > label {display:block;}
.bbs_search input {width:140px;}
.bbs_search input + a {right:0; top:3px;}
.bbs_search .date > div {display:block;}
.bbs_search .date > div > div {display:inline-block; padding:3px 0;}
.bbs_search .date > div > div:last-child {display:block;}
.bbs_search .tag a {right:3px; top:0;}
.bbs_search > a {display:block; position:static; text-align:center;}
.bbs_search.sp li > label {display:block;}
.bbs_search.sp .tag > label {display:block;}
.bbs_search.sp .tag > div {display:block;}
.bbs_search.sp select {margin-bottom:5px; width:100%;}
.bbs_search.sp .tag input + a {right:0;}
.bbs_search.sp .tag > div > div {padding:0;}

.bbs_survey {padding:40px;}
.bbs_survey > div {display:block;}
.bbs_survey > div:after {content:""; display:block; clear:both;}
.bbs_survey > div p {padding-bottom:15px; line-height:100%;}
.bbs_survey > div label {float:left; padding-left:0; width:50%; line-height:22px; box-sizing:border-box;}
.bbs_survey input[type="text"] {margin-top:15px; padding-right:0;}
.bbs_survey input + a {position:static; margin-top:5px; width:100%; text-align:center;}

/*tab*/
.tab_type1 {padding:10px 0; border:1px solid #e4e4e4; border-left:0; border-right:0;}
.tab_type1:before {position:static; width:0; opacity:0;}
.tab_type1:after {content:""; position:absolute; right:0; bottom:-6px; width:11px; height:11px; background-color:#bebebe; border-radius:11px;}
.tab_type1 ul {padding:0 20px;}
.tab_type1 ul:before {top:-6px;}
.tab_type1 ul:after {display:none;}
.tab_type1 li {display:block; padding:1px 0;}
.tab_type1 li a {display:block; padding:0 20px;}
.tab_type1.fit li {padding:1px 0; margin:0;}
.tab_type1.mini li a {font-size:14px;}

/*table*/
.list_data + div {padding-top:30px;}
table.type1 th {font-size:13px;}
table.type1 td {font-size:12px;}
table.type2 col {display:none;}
table.type2 col:nth-child(2) {display:table-column; width:25% !important; }
table.type2 col:nth-child(5) {display:table-column; width:40%;}
table.type2 col:nth-child(8) {display:table-column; width:40% !important;}
table.type2 th:nth-child(1), 
table.type2 th:nth-child(3), 
table.type2 th:nth-child(4), 
table.type2 th:nth-child(6), 
table.type2 th:nth-child(7) {display:none;}
table.type2 tr td {display:none;}
table.type2 tr td:nth-child(2) {display:table-cell; border-left:none;}
table.type2 tr td:nth-child(5) {display:table-cell;}
table.type2 tr td:nth-child(8) {display:table-cell;}

/*정부관련기관 및 유관기관*/
.menu_btm {margin:0; width:100%; border-top:1px solid #ddd;}
.menu_btm > b {padding:0 15px; box-sizing:border-box;}
.menu_btm > div > div {padding:116px 10px 0; margin:0; width:100%; box-sizing:border-box;}

/*footer*/
footer {background:#333;}
footer .menu {display:table; padding:0 10px 34px; width:100%; height:auto; opacity:1; box-sizing:border-box;}
footer .menu > div {display:table-row;}
footer .menu > div div {display:table-cell; float:left; padding:34px 5px 0 5px; width:33.3%; font-size:0; box-sizing:border-box;}
footer h2 {padding-bottom:10px; color:#fff; font-size:17px; font-weight:normal;}
footer .menu a {color:#c7c7c7; font-size:13px; line-height:20px; }
footer .menu .ico a:after {content:""; display:inline-block; margin-left:4px; width:11px; height:12px; background:url(../images/icoSmall.png)no-repeat right -2px top -2px; transition-duration:0.6s;}
footer .menu a:hover {color:#fff;}
footer .menu .ico a:hover:after {background-position: right -17px top -2px;}
footer .top {padding:0 15px; border-top:1px solid #2a2a2a;box-sizing:border-box;}
footer .top ul {padding:20px 0;}
footer .top ul li {display:none;}
footer .top .mobile {display:inline-block;}
footer .top li:nth-child(4):after {margin:0; height:0;}
footer .top ul a {color:#fff; font-size:13px;}
footer .btm { display:block; padding:0 10px; background:#212121;}
footer .btm address {padding:25px 0; color:#c7c7c7; line-height: 20px; }
footer .btm b {padding-left:12px;}
footer .btm address a {color:#c7c7c7;}
footer .btm > div {padding:15px 0; flex:none;}
footer .btm picture {padding:0 10px;}

@media (min-width:0px) and (max-width:589px) 
{	
	/*정보공개*/
	.info_sys .h5 + ul {padding-left:0;}
	/*포토.비디오 뉴스*/
	.list_view .remove {display:none;}
	.plannews article {padding:20px 0; font-size:14px;}

	/*h1~h6*/
	.h2_bar {font-size:24px}
	.h2_bar:after {margin-top:17px; height:16px; background-size:98px auto;}
	.h2_bar.pop {font-size:24px;}
	.h2_bar.pop:after {margin-top:14px;}
	.h5 > span {padding:0 20px;}

	/*list-총 게시물*/
	.list_data { display:flex;}
	.list_data > p {flex:1; padding-bottom:0; line-height:40px;}
	.list_data > div {flex:none;}
	.list_data > div > a {margin-left:2px; margin-right:0;}
	.list_data li {padding-left:25px; padding-right:0;}

	/*list-갤러리형 보기*/
	.list_type1 li > a {padding:30px 10px;}
	.list_type1 h3 {padding-top:25px; font-size:16px;}
	.list_type1 h3 > span {max-height:56px; line-height:28px;}
	.list_type1 a > div p {max-height:90px; font-size:13px; line-height:22px;}
	.list_type1 a ul {padding-top:24px;}
	.list_type1 a li:before {margin:0 18px;}

	/*목록형 보기*/
	.list_type2 > ul > li {padding:30px 10px;}
	.list_type2 div li:after {margin:0 8px;}
	.list_type2 .right,
	.list_type2 div > p {font-size:13px;}

	/*list_type3 ~ type4*/
	.list_type3 h3 {font-size:13px;}
	.list_type4 {padding:0;}
	.list_type4 li > a {height:270px;}
	.list_type4 li b {height:110px;}
	.list_type4 li img {min-width:160px;}
	.list_type4 div p {font-size:12px;}
	
	/*list_type5*/
	.list_type5 > ul > li { display:block; padding:15px; border-radius:2px;}
	.list_type5 .visual {display:block; padding:0; width:auto; justify-content:flex-start;}
	.list_type5 .visual a {text-align:left;}
	.list_type5 .visual + div {flex:none; padding:0; border-left:none; }
	.list_type5 h3 {padding-top:13px;}
	.list_type5 h3 a {display:block; margin:16px 0 20px;}
	.list_type5 .type1 > li {padding-right:30px; padding-left:30px;}
	.list_type5 .type1 .visual + div div {border-top:1px dotted #ebebeb; min-height:50px;}
	.list_type5 .type2 .visual {border-bottom:1px solid #ebebeb;}
	
	/*list-bullet*/
	.list_type7 li {font-size:14px;}
	.list_type8 li {display:block;}
	.list_type8 li > div {width:auto;}
	.list_type9 li {font-size:14px;}
	.list_type10 li {font-size:13px;}
	.list_type12 li {font-size:14px;}
	/*list-주요공개목록*/
	.list_type13 li {display:block; width:100%;} 
	/*list- 일일 경제지표/해외투자*/
	.list_type14 {display:block;}
	.list_type14 > b {display:none;}
	.list_type14 > div {flex:1; }
	.list_type14 p {padding-bottom:30px; color:#6b6b6b; font-size:16px; line-height:22px;}

	/*paging*/
	.list_page ul {padding:30px 0;} 
	.list_page a {width:30px; height:30px; line-height:30px;}
	/*form*/
	.h2_bar + form .bbs_search {padding-top:30px;}
	.bbs_search {padding-bottom:30px;}
	.bbs_search li > label {display:block;}
	.bbs_search li > div {display:block;}
	.bbs_search #cal2 {left:-160px;}
	.bbs_search select {margin-bottom:5px; width:100%;}
	.bbs_search .tag input + a {right:0;}
	.bbs_search .tag > div > div {padding:0;}
	
	/*table*/
	.table_type1 {overflow:auto;}
	table.type1 {min-width:590px;}
	table.type3 col {display:none;}
	table.type3 col:nth-child(1) {display:table-column; width:33.4% !important;}
	table.type3 col:nth-child(8) {display:table-column; width:33.3% !important;}
	table.type3 col:nth-child(9) {display:table-column; width:33.3% !important;}
	table.type3 th:nth-child(2), 
	table.type3 th:nth-child(3), 
	table.type3 th:nth-child(4),
	table.type3 th:nth-child(5),
	table.type3 th:nth-child(6), 
	table.type3 th:nth-child(7) {display:none;}
	table.type3 tr td {display:none;}
	table.type3 tr td:nth-child(1) {display:table-cell;}
	table.type3 tr td:nth-child(8) {display:table-cell;}
	table.type3 tr td:nth-child(9) {display:table-cell;}

	/*정부관련기관, 유관기관*/
	.menu_btm {margin-top:30px;}
	.menu_btm > div li {width:50%; height:40px;}
	.menu_btm > div li:nth-child(3n-1) {width:50%;}
	.menu_btm > div li a {font-size:13px; line-height:20px; }

	/*footer*/
	footer > ul > li {padding:; height:270px; }
	footer > ul > li a {font-size:12px;}
}