@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 .lnb_menu {display:flex; font-size:0; width:56px; height:56px; align-items:center;}
.lnb_basic .lnb_menu:after {vertical-align:0;}
/*lnb 전체메뉴(팝업)*/
#lnb {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;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 .lnb_favor {display:none;}

/*lnb search*/
.lnb_search {display:flex; width:56px; height:56px; justify-content:center; align-items:center;}
.lnb_search:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -47px bottom -83px;}
.lnb_search.hover:before {width:26px; height:26px; background-position:left -87px bottom -86px;}
#lnb_search {display:none; position:absolute; left:0; top:56px; z-index:1; width:100%; height:50px; background:#fff;}
.lnb_basic input {width:100%; height:50px;background:none; border:none;border-bottom:1px solid #e4e4e4;}
.lnb_basic input::-webkit-input-placeholder {color:#999;}
#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;}
/*list_index*/
.list_index ul li {padding-top:15px; width:50%; min-height:auto;}
.list_index .none {display:none;}
.banner_idx {display:none;}

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

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

/*정부관련기관 및 유관기관*/
.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; margin:0; width:100%; background:#212121; box-sizing: border-box;}
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) 
{	
	.list_index ul li {padding-top:30px; width:100%;}
	.list_index .visual {overflow:hidden; height:240px;}
	.list_index li img {width:100%; height:auto;}
	.banner_idx {display:block; position:static; padding-top:30px; width:100%;}
	/*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;}

	/*정부관련기관, 유관기관*/
	.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;}
}