/*preset*/
* {line-height:100%;}
img {width:100%;}
.inline {font-size:0;}
.inline > li {display:inline-block; font-size:12px;}
.inline > li a {display:inline-block; font-size:12px;}
.blue {color:#5674ab;}
.orange {color:#ec5931;}
.txt_left {text-align:left;}
.txt_center {text-align:center;}
.txt_right {text-align:right;}

body.hidden {overflow:hidden;}

/*header - bar*/
.lnb_basic {display:flex; position:fixed; left:0; top:0; z-index:20; padding:0 170px; width:100%; height:60px; background:#fff; border-bottom:1px solid #e4e4e4; justify-content:center; align-items:center; box-sizing:border-box; }
.lnb_basic h1 {position:absolute; right:20px; top:0; }
.lnb_basic h1 a {display:block; width:160px; height:60px; background:url(../images/headerLogo.png) no-repeat center / contain; font-size:0;}
.lnb_basic > a span {font-size:0;}
.lnb_basic > a:after,
.lnb_basic > a:before
  {background-repeat:no-repeat; transition-duration:0.6s;}

/*lnb-전체메뉴(a링크)*/
.lnb_basic .lnb_menu {height:60px; font-size:14px; line-height:60px;}
.lnb_basic .lnb_menu:after {content:""; display:inline-block; margin:0 14px; width:32px; height:21px; background:url(../images/icoNav.png) no-repeat left -4px bottom -249px; vertical-align:-5px;}
.lnb_basic .lnb_menu:hover:after {background-position:left -45px bottom -249px;}

/*lnb-전체메뉴(팝업)*/
#lnb {overflow:auto; display:none;  position:fixed; left:0; top:0; z-index:30;  padding:120px 0 0; width:100%; height:100%; background:rgba(0,0,0,0.8);box-sizing:border-box;}
/*lnb 전체메뉴(대메뉴)*/
#lnb nav {display:table; padding-bottom:10px; width:100%;}
#lnb nav > div {display:table-cell; width:14%; border-right:1px solid #494a4b; box-sizing:border-box;}
#lnb nav > div:last-child {border-right:none;}
#lnb h2 {padding:7px 0 19px 20px; font-size:27px; color:#fff; box-sizing:border-box;}
#lnb h3 a {padding:0 20px; color:#ccc; font-size:14px; font-weight:normal; line-height:38px;}
#lnb ul a {display:block; transition-duration:0.6s;}
#lnb li > a {color:#ccc;}
#lnb ul .sub li a:before {content:""; display:inline-block; margin-right:4px; width:4px; height:1px; background:#757575; vertical-align:5px; transition-duration:1s;}
#lnb ul .sub li a {padding:0 10px 0 30px; font-size:13px; line-height:27px; text-indent:-8px;}
#lnb .ico a:after {content:""; display:inline-block; margin-left:4px; width:11px; height:12px; background:url(../images/icoSmall.png) no-repeat -2px -2px; transition-duration:0.6s;}
#lnb ul > li a:hover {color:#fff;}
#lnb ul .sub li a:hover:before {background-color:#fff;}
#lnb .ico a:hover:after {transform:rotate(30deg);}

/*lnb 전체메뉴(버튼)*/
#lnb > div:nth-of-type(1) {position:absolute; right:20px; top:34px; font-size:0;}
#lnb > div:nth-of-type(1) a {display:inline-block; padding:0 15px; margin-left:2px; background:#464646; color:#aaaaaa; font-size:12px; line-height:30px;}

/*lnb 전체메뉴(sns)*/
#lnb > div:nth-of-type(2) {padding:10px 20px; width:100%; height:auto; background:rgba(0,0,0,0.8); box-sizing:border-box;}
#lnb > div:nth-of-type(2) p {float:left; color:#999; line-height:44px;}
#lnb > div:nth-of-type(2) div {display:flex; float:right;}
#lnb > div:nth-of-type(2) a {display:block; position:relative; padding-top:32px; margin-left:33px; color:#aaa; font-size:12px;}
#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 > div:nth-of-type(2) .blog:before {width:25px; height:23px; margin-left:-12.5px; background-position: left -5px bottom -7px;}
#lnb > div:nth-of-type(2) .blog:hover:before {background-position:left -5px bottom -37px;}
#lnb > div:nth-of-type(2) .facebook:before {width:13px; height:23px; margin-left:-6.5px;background-position: left -46px bottom -7px;}
#lnb > div:nth-of-type(2) .facebook:hover:before {background-position:left -46px bottom -38px;}
#lnb > div:nth-of-type(2) .twitter:before {width:22px; height:19px; margin-left:-11px; background-position: right -40px bottom -12px;}
#lnb > div:nth-of-type(2) .twitter:hover:before {background-position:left -78px bottom -40px;}
#lnb > div:nth-of-type(2) .youtube:before {width:19px; height:23px; margin-left:-9.5px; background-position: right -8px bottom -7px;}
#lnb > div:nth-of-type(2) .youtube:hover:before {background-position:right -8px bottom -39px;}

/*lnb 전체메뉴 (닫기)*/
#lnb > a {position:absolute; left:50%; top:30px; margin-left:-19.5px; width:39px; height:40px; font-size:0; transition: ease-in 0.6s ;}
#lnb > a:before {content:""; position:absolute; left:0; top:0; width:39px; height:40px; background:url(../images/icoClose.png) no-repeat left bottom; }
#lnb > a:hover {width:40px; transform:rotateZ(180deg);}
#lnb > a:hover:before {background-position:left -40px bottom;}

/*lnb - slogan*/
.lnb_basic .logo {position:absolute; left:20px; top:0; width:144px; height:60px; background:url(../images/header-wording.png) no-repeat center;}

/*lnb - search*/
.lnb_search {display:none;}
#lnb_search {position:relative;}
.lnb_basic input {padding-right:40px; width:320px; height:40px; background:#909090; box-sizing:border-box;}
.lnb_basic input::-webkit-input-placeholder {color:#fff; font-size:14px;
	text-indent:11px;}
#lnb_search > a {position:absolute; right:0; top:0; padding:5px; width:40px; height:40px; font-size:0; box-sizing:border-box; }
#lnb_search > a:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -7px bottom -163px;transition-duration:0.6s;}
#lnb_search > a:hover:before { background-position:left -47px bottom -163px;}

/*자주 찾는 메뉴*/
.lnb_basic .lnb_favor {display:block; padding:5px; margin-left:8px; width:40px; height:40px; box-sizing:border-box;}
.lnb_basic .lnb_favor:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -5px bottom -205px;}
.lnb_basic .lnb_favor:hover:before {background-position:left -45px bottom -205px;}
#favor {overflow:auto; display:none;  position:fixed; left:0; top:0; z-index:30; width:100%; height:100%; background:rgba(255,255,255, 0.9);}
#favor > div {width:850px; margin:0 auto;}
#favor h2 {padding-top:116px;}
#favor h2 > span {margin-left:10px; color:#909090; font-size:14px; }

/*자주 찾는 메뉴(소메뉴)*/
#favor > div > ul {padding:20px 0; border-bottom:1px solid #ddd;}
#favor > div > ul li {padding:0 30px; width:20%; box-sizing:border-box;}
#favor > div > ul a {display:block; position:relative; padding-top:89px; color:#555; font-size:13px; text-align:center; }
#favor > div > ul a:before {content:""; position:absolute; left:50%; top:0; margin-left:-40px; width:80px; height:80px; border:1px dotted #555; border-radius:90px; box-sizing:border-box;transition-duration:0.3s; }
#favor > div > ul a:after {content:""; position:absolute; left:50%; bottom:42px; background:url(../images/icoNav.png) no-repeat; }
#favor > div .reveal a:after {width:42px; height:38px; margin-left:-21px; background-position:right -58px top -19px;}
#favor > div .news a:after {width:41px; height:39px; margin-left:-20.5px; background-position:right -59px top -102px;}
#favor > div .plan a:after {width:41px; height:40px; margin-left:-20.5px; background-position:right -59px top -180px;}
#favor > div .complain a:after {width:48px; height:34px; margin-left:-24px; background-position:right -55px bottom -102px;}
#favor > div .agency a:after {width:37px; height:44px; margin-left:-18.5px; background-position:right -61px bottom -17px;}
#favor > div > ul a:hover:before {border-width:3px; border-style:outset; opacity:0.5}
/*자주찾는 메뉴(메뉴 고르기)*/
.menu_favor {display:flex; padding-top:10px;}
.menu_favor > ul {flex:1; border-right:1px solid #ddd;} 
.menu_favor > ul > li {float:left; padding-bottom:8px; width:33.3%; height:220px;}
.menu_favor h3 {padding:12px 0; font-size:15px; }
.menu_favor label {color:#555; font-size:13px; line-height:24px;}
.menu_favor > div {flex:none; width:200px; font-size:0; text-align:right; }
.menu_favor > div p {padding-bottom:25px; color:#555; font-size:13px; line-height:21px;}
.menu_favor > div a {margin-left:3px; height:35px; line-height:35px;}

/*자주찾는 메뉴(닫기)*/
#favor > a {position:absolute; right:50%; top:30px; margin-right:-20px; width:40px; height:40px; background:url(../images/icoClose.png) no-repeat left bottom;font-size:0; transition: ease-in 0.6s;}
#favor > a:hover {width:40px; transform:rotateZ(270deg);}

body {background:#f1f1f1;}
main {padding:60px 0 0; }
section {padding:0 10px; margin:0 auto;  width:1200px; box-sizing:border-box;}

/*index_list*/
.list_index {position:relative; padding:30px 0 0;}
.list_index ul:after {content:""; display:block; clear:both;}
.list_index ul li {float:left; padding:35px 10px 0; width:25%; min-height:380px; box-sizing:border-box;}
.list_index h2 {font-size:17px; font-weight:normal;}
.list_index h2:after {content:""; display:block; margin:7px 0 17px; height:15px; background:url(../images/titleimg.png) no-repeat left top; background-size:70px auto; border-top:1px solid #555; }
.list_index li .visual {overflow:hidden; text-align:center;}
.list_index li img {width:auto; height:240px; }
.list_index p {overflow:hidden; padding-top:8px; height:36px; font-size:14px; line-height:18px;}
.banner_idx {position:absolute; right:0; bottom:0; padding:0 10px; width:25%; box-sizing:border-box;}
.banner_idx a {display:block; margin-top:5px; font-size:0;}

/*h1~h6*/
h2, h3, h4, h5, h6 {color:#555;}
.h2_bar {font-size:35px;}
.h2_bar:after {content:""; display:block; margin-top:20px; height:20px; background:url(../images/titleimg.png) no-repeat left top; background-size:130px auto; border-top:1px solid #555;}
.h2_bar.pop {font-size:28px; }
.h2_bar.pop:after {height:14px; background-size:67px auto;}
.h2_bar + p {padding-top:50px; color:#565656; font-size:14px; line-height:19px;}
.h2_bar + ul {padding-top:40px;}
.h2_bar + form .bbs_search {padding-top:50px;}
.h2_bar + .list_data {padding-top:40px;}
.h2_bar + .tab_type1 {margin-top:80px;}

/*btn*/
.btn {display:inline-block; font-size:14px; padding:0 24px; box-sizing:border-box; height:40px; line-height:40px; transition-duration:0.5s;}
.btn.type1 {background:#555; color:#fff;}
.btn.type2 {background:#fff; border:1px solid #d7d7d7; color:#555; line-height:38px;}
.btn.type3 {background:#909090; color:#fff;}
.btn.type4 {background:#dfdfdf; color:#555;}

/*btn(개별)*/
.btn_score {padding:0 70px; background:#555; color:#fff;}
.btn_go1 {padding:0 20px; height:33px; background:#e0e0e0; color:#000; font-size:12px; line-height:33px;}
.btn_fax {padding:0 16px; height:44px; background:#f1f1f1; border:1px solid #ddd; border-radius:3px; color:#555; font-size:12px; line-height:42px; }
.btn_go2 {padding:0 11px; height:32px; background:#f1f1f1; border:1px solid #bbb; box-shadow:0 2px 1px #d0d0d0;font-size:12px; line-height:30px; color:#434343;}
.btn_go3 {padding:0 10px; height:30px; background:#f1f1f1; border:1px solid #ddd; color:#555; line-height:28px;}
.btn_search {padding:0 16px; height:35px; background:#555; line-height:35px; color:#fff;}

/*btn.ico*/
.btn.ico:after {content:""; display:inline-block; margin-left:7px;}
.btn.type1:after {width:15px; height:13px; background:url(../images/ico_file_download.png) no-repeat;}
.btn.type3:after {width:12px; height:12px; background:url(../images/ico_file_download2.png) no-repeat;}
.btn_go2:after {width:7px; height:4px; background:url(../images/btn_desc.png) no-repeat; vertical-align:middle;}
.btn_go3:after {margin-left:60px; width:7px; height:4px; background:url(../images/btn_desc.png) no-repeat; vertical-align:middle;}

/*btn:hover*/
.btn.ico:hover:after {opacity:0.8;}
.btn.type1:hover {background:#4696f0;}
.btn.type2:hover {background:#4696f0; color:#fff; border-color:#4696f0;}
.btn.type3:hover {background:#555;}
.btn_score:hover {background:#4696f0;}
.btn_search:hover {background:#4696f0;}

/*input*/
input,
select {box-sizing:border-box;}
input[type="checkbox"],
input[type="radio"] {position:absolute; left:-3000%;}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {content:""; display:inline-block; margin-right:6px; vertical-align:-1px; box-sizing:border-box;transition-duration:0.4s;}
input[type="checkbox"] + label:before {width:12px; height:12px; border:1px solid #b1b1b1;}
input[type="checkbox"]:hover + label:before {border-color:#434343;}
input[type="checkbox"]:checked + label:before {background:url(../images/ico_checkbox_checked.png) no-repeat center #5783b3/7px auto; border-color:#5783b3;}
input[type="radio"] + label:before {width:13px; height:13px; border:1px solid #bbb; border-radius:13px; vertical-align:middle; }
input[type="radio"]:hover + label:before {border-color:#757575; border-width:4px;}
input[type="radio"]:checked + label:before {border-color:#5883b3; border-width:4px;}

/*정부기관 및 유관기관 안내*/
.menu_btm {display:flex; margin:40px auto 0; width:1200px; border-top:1px solid #ddd;}
.menu_btm b {display:flex; flex:1; height:auto; font-size:0;}
.menu_btm b:nth-of-type(2) {justify-content:center;}
.menu_btm b:last-of-type {justify-content:flex-end;}
.menu_btm b > a {position:relative;}
.menu_btm b > a:before {content:""; margin:25px 0; display:inline-block; width:30px; height:30px; background:url(../images/icoNav.png) no-repeat left -5px bottom -125px; transition:0.8s;}
.menu_btm b > a:hover:before {background-position:left -45px bottom -125px;}
.menu_btm > div {display:none; overflow:auto; position:fixed; left:0; top:0; z-index:30; width:100%; height:100%; background:rgba(255,255,255,0.9);}
.menu_btm > div > a {position:absolute; right:50%; top:30px; margin-right:-20px; width:40px; height:40px; background:url(../images/icoClose.png) no-repeat left bottom;font-size:0; transition: ease-out 0.6s;}
.menu_btm > div > a:hover {transform:rotateZ(180deg);}
.menu_btm > div > div { padding-top:116px; margin:0 auto; width:850px;}
.menu_btm h2 {padding-bottom:20px;}
.menu_btm > div li { float:left; width:33.3%;}
.menu_btm > div li:nth-child(3n-1) {width:33.4%;}
.menu_btm > div li a {padding-left:5px; color:#555; font-size:14px; line-height:40px; text-indent:-5px; transition-duration:0.6s;}
.menu_btm > div li a:before {content:""; display:inline-block; margin-right:6px; width:4px; height:1px; background:#555; vertical-align:5px;}
.menu_btm > div li a:hover {color:#3975CF;}

/*footer*/
footer {background:#fff;}
footer .menu {overflow:hidden; height:0; opacity:0; transition-duration:0.6s;}
footer .top {text-align:center;}
footer .top ul {display:inline-block; padding:33px 0;}
footer .top ul li:after {content:""; display:inline-block; margin:0 19px; width:1px; height:15px; background:#ddd; vertical-align:middle; }
footer .top ul li:last-child:after {margin:0; height:0;}
footer .top ul a {color:#555; font-size:14px;}
footer .top .blue {color:#3975CF;}
footer .btm { display:flex; padding:14px 0; margin:0 auto; width:1200px; align-items:center; }
footer .btm address {flex:1; color:#555; text-align:left;}
footer .btm b {padding-left:12px;}
footer .btm > div {flex:none;}
footer .btm picture {padding-left:21px;}
footer .btm picture:first-child img {width:62px;}
footer .btm picture:last-child img {width:72px;}

@media (min-width:0px) and (max-width:1220px) {
	section {margin:0; width:100%;}
	#favor > div {padding:0 10px; margin:0; width:100%; box-sizing:border-box;}
	.menu_btm {margin-left:0; margin-right:0; width:100%;}
	footer .btm {padding:10px; margin:0; width:100%; box-sizing:border-box;}
}