@charset "utf-8";

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

/*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 a[href="#lnb"] {height:60px; font-size:14px; line-height:60px;}
.lnb_basic a[href="#lnb"]: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 a[href="#lnb"]:hover:after {background-position:left -45px bottom -249px;}

/*lnb-전체메뉴(팝업)*/
#lnb {overflow:hidden; position:fixed; left:0; top:-100%; z-index:-1; width:100%; height:0; opacity:0; transition:all 0.6s; box-sizing:border-box;}
#lnb:target {overflow:auto; top:0; z-index:30; padding:120px 0 0; height:100%; background:rgba(0,0,0,0.8); opacity:1; 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;}
#lnb h2 a {display:block; padding-left:20px; font-size:27px; color:#fff;}
#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; 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*/
a[href="#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 a[href="#favor"] {display:block; padding:5px; margin-left:8px; width:40px; height:40px; box-sizing:border-box;}
.lnb_basic a[href="#favor"]:before {content:""; display:block; width:30px; height:30px; background:url(../images/icoNav.png) left -5px bottom -205px;}
.lnb_basic a[href="#favor"]:hover:before {background-position:left -45px bottom -205px;}
#favor {overflow:hidden; position:fixed; left:0; top:0; z-index:-1; width:100%; height:0; opacity:0; transition-duration:0.6s;}
#favor:target {overflow:auto; z-index:30; height:100%; opacity:1; 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-left:-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);}

/*lnb 뒤로가기,공유*/
.lnb_sub {display:flex; position:absolute; left:0; top:97px; padding:0 35px; width:100%; height:0; font-size:0; align-items:center; box-sizing:border-box;}
.lnb_sub a {display:inline-block; box-sizing:border-box;}
.lnb_sub a:before {content:""; display:block; background:url(../images/icoNav.png); transition-duration:0.6s;}
.lnb_sub .back {flex:1;}
.lnb_sub .back a:before {width:31px; height:33px; background-position:left -4px bottom -42px;}
.lnb_sub .back a:hover:before {background-position:left -44px bottom -42px;}
.lnb_sub .share {overflow:hidden; flex:none; position:relative; width:auto; text-align:right; transition-duration:0.6s;}
.lnb_sub .share > a:before {width:30px; height:30px; background-position:left -4px bottom -4px;}
.lnb_sub .share:hover {flex:1;}
.lnb_sub .share:hover > a:before {background-position:left -45px bottom -4px;}
.lnb_sub .share div {overflow:hidden; position:absolute; right:-180px; top:0; width:0; height:0; font-size:0; opacity:0;}
.lnb_sub .share:hover div {right:45px; width:180px; height:auto; opacity:1;} 
.lnb_sub .share div a {margin-left:12px; width:29px; height:29px; background:url(../images/icoShare.png)}
.lnb_sub .share div a:hover {transition-duration:0.8s;}
.lnb_sub .share .facebook {background-position:left -5px top -5px;}
.lnb_sub .share .facebook:hover {background-position:left -5px top -46px;}
.lnb_sub .share .twitter {background-position:left -46px top -5px;}
.lnb_sub .share .twitter:hover {background-position:left -46px top -46px;}
.lnb_sub .share .band {background-position:left -86px top -5px;}
.lnb_sub .share .band:hover {background-position:left -86px top -46px;}
.lnb_sub .share .kakako {background-position:left -126px top -5px;}
.lnb_sub .share .kakako:hover {background-position:left -126px top -46px;}

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

/*정보공개제도*/
.info_head > p {font-size:15px; color:#555; line-height:18px;}
.info_head .blue {color:#5674ab; text-decoration:underline;}
.info_sys .link_list {padding:30px 0;}
.info_sys .h5 + ul {padding-top:9px; padding-left:45px;}
.info_sys li h5 {color:#505050; font-size:15px; font-weight:normal;}
.info_sys li > div {padding-left:15px; color:#505050; font-size:14px; text-indent:-5px; line-height:18px;}
.info_sys > ul:nth-of-type(1) li {padding-top:18px;}
.info_sys > ul:nth-of-type(1) li:first-child {padding-top:0;}

/*포토뉴스*/
.photonews  .bbs_search:after {content:""; display:block; clear:both;}
.photonews  .bbs_search ul {float:right; width:50%;}
.photonews article div { color:#555; font-size:15px; line-height:25px;}
.photonews article > ul {padding-top:50px; font-size:0;}
.photonews article > ul:after {content:""; display:block; clear:both;}
.photonews article > ul li {float:left; padding:10px; width:33.3%; box-sizing:border-box;}
.photonews article > ul li:nth-child(3n) {width:33.4%;}
.photonews article > ul a {display:block; position:relative;}
.photonews article > ul a:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.3); transition-duration:0.5s;}
.photonews article > ul a:hover:after {background-color:rgba(255,255,255,0);}
.photonews .txt_center {padding:30px 0 50px;}
.list_ccc {padding:25px 40px 25px 280px; background:url(../images/new_img_opencode4.jpg)no-repeat 40px center #e0e0e0; border:1px solid #bbb; border-top:none; color:#555; font-size:14px; line-height:22px;}
.list_move {display:flex; padding-top:30px;}
.list_move a {display:block; flex:1; padding:30px 10px; border-left:1px solid #bbb; text-align:center; box-sizing:border-box; }
.list_move a > * {transition-duration:0.5s;}
.list_move h3 {padding-bottom:50px; font-size:14px; font-weight:normal; line-height:22px;}
.list_move span {display:inline-block; width:50px; height:35px; background:url(../images/contPage.png) no-repeat right top; font-size:0;}
.list_move .next {border-left:none;}
.list_move .next span {transform:rotateY(180deg);}
.list_move a:hover h3 {color:#2684c6;}
.list_move a:hover span {background-position:right bottom;} 

/*정책사용설명서*/
.plannews video {width:100%;}
.plannews article {padding:30px 0; margin-top:20px; border-top:1px solid #bbb; font-size:15px; line-height:22px; color:#555;}
.plannews .txt_center {padding:30px 0 50px;}

/*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:50px 0 30px;}
.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;}
.h3_type1 {font-size:32px; line-height:43px;}
.h3_type2 {font-size:22px;}
.h3_type2.light {font-weight:normal;}
.h3_type2.blue {color:#1c5fa9;}
.h3_list {padding:50px 0 65px; border-bottom:1px solid #ccc; font-size:30px; font-weight:normal; text-align:center; }
.h4_bar {font-size:20px; color:#1c5fa9; font-weight:normal;}
.h4_bar:before {content:""; display:block; margin-bottom:12px; width:64px; height:2px; background:#1c5fa9;}
.h4 {font-size:17px; color:#1c5fa9; font-weight:normal;}
.h5 {padding-top:30px; color:#3f3e3c; font-size:14px; font-weight:normal;}
.h5 > span {display:inline-block; padding:0 45px; background:#d1d1d1; border-radius:30px; line-height:30px;}

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

/*list_style*/
/*list-상세정보*/
.list_view {padding:16px 0 50px; font-size:0;}
.list_view:after {content:""; display:block; clear:both; }
.list_view > div {color:#333; font-size:13px; line-height:40px;}
.list_view .left {float:left; }
.list_view .right {float:right;}
.list_view span {padding:0 10px;}
.list_view a {margin-right:6px; vertical-align:middle;}
.list_view i {padding-right:6px; font-size:0; vertical-align:-1px;}
.list_view i:after {content:""; display:inline-block; width:22px; height:13px; background:url(../images/icoBoard_list.png) no-repeat -25px -6px;}
.list_view u {padding-right:12px; font-size:0;} 
.list_view u:after {content:""; display:inline-block; width:15px; height:15px; background:url(../images/icoBoard_list.png) no-repeat -4px -5px;}
/*list-총 게시물*/
.list_data { display:flex; padding-bottom:20px; box-sizing:border-box;}
.list_data > p {flex:1; line-height:40px; font-size:14px;}
.list_data > p > span {color:#e75100;}
.list_data > div {display:flex; flex:none; font-size:0;}
.list_data > div > a {display:flex; margin-left:3px; width:40px; height:40px; font-size:0; align-items:center; justify-content:center; box-sizing:border-box; transition-duration:0.6s;  }
.list_data > div > a:after {content:""; display:inline-block; transition-duration:0.6s;}
.list_data .list {border:1px solid #9b9b9b;}
.list_data .list:after {width:24px; height:19px; background:url(../images/ico_list_view.png) no-repeat left -4px bottom -4px;}
.list_data .list.on {border-color:#555;}
.list_data .list.on:after {background-position:left -4px bottom -29px;}
.list_data .list:hover {border-color:#555;}
.list_data .list:hover:after {background-position:left -4px bottom -29px;}
.list_data .gallery {border:1px solid #9b9b9b;}
.list_data .gallery:after {width:24px; height:19px; background:url(../images/ico_list_view.png) no-repeat left -35px bottom -4px;}
.list_data .gallery.on {border-color:#555;}
.list_data .gallery.on:after {background-position: left -35px bottom -29px;}
.list_data .gallery:hover {border-color:#555;}
.list_data .gallery:hover:after {background-position: left -35px bottom -29px;}
.list_data ul {font-size:0;}
.list_data li {display:inline-block; padding-left:25px;}
.list_data li a {display:inline-block; color:#757575; font-size:14px; line-height:40px; transition-duration:0.6s;}
.list_data ul .on a {color:#555;}
.list_data .rss a {font-size:0; width:17px; height:17px; background:url(../images/icoNav.png) no-repeat right -10px top -172px; vertical-align:-6px;}
.list_data li a:hover {text-decoration:underline;}
.list_data .rss a:hover {background-position:right -10px top -212px;}
.list_data > div select { padding-left:9px; height:35px; background:url(../images/bu_select.png) no-repeat right 6px center #fff; border-color:#ccc; color:#000; font-size:12px;  box-sizing:border-box;}
.list_data > div label {padding:0 4px; color:#555; font-size:13px; line-height:35px;}
.list_data .btn_search {padding:0 16px; margin-left:8px;}

/*list- 정보제도 공개안내*/
.link_list li a {display:inline-block; padding:0 16px; margin-left:-1px;height:35px; background:#fff; border:1px solid #d1d1d1; color:#555; font-size:14px;   line-height:33px; box-sizing:border-box; box-shadow: 0 2px 1px #dadada; transition-duration:0.4s;}
.link_list li a:after {content:""; display:inline-block; margin-left:7px; width:15px; height:11px; background:url(../images/ico_info_tab.png) no-repeat left bottom; transition-duration:0.4s;}
.link_list li:first-child a {position:relative; color:#fff; background:#8d919f; border:none; line-height:35px;}
.link_list li:first-child a:after {position:absolute; left:50%; bottom:1px; margin-left:-1.5px; width:3px; height:2px; background:url(../images/bu_process_tab.png)no-repeat center; }
.link_list .process a:after {width:11px; height:12px; background-position: left -2px top -2px;}
.link_list li a:hover {background:#e2e2e2; border-color:#e2e2e2;}
.link_list li a:hover:after {transform:rotate(15deg);}
.link_list li:first-child a:hover {background:#6e717c;}

/*list - 갤러리형 목록*/
.list_type1 li > a {display:block; position:relative; padding:55px 15px; margin:0 auto; width:1200px; box-sizing:border-box;}
.list_type1 li > a:after {content:""; display:block; clear:both;}
.list_type1 h3 { font-size:24px;}
.list_type1 h3 > span {overflow:hidden; display:block; padding-right:150px; max-height:80px; line-height:40px; box-sizing:border-box;}
.list_type1 h3:after {content:""; display:block; margin-top:35px; width:100%; height:16px; background:url(../images/titleimg.png) no-repeat left bottom / 90px auto; border-top:1px solid #555;}
.list_type1 a > div p {overflow:hidden; margin-top:35px; max-height:45px; color:#555; font-size:15px; line-height:22px;}
.list_type1 a ul {padding-top:35px; font-size:0;}
.list_type1 a li {display:inline-block; font-size:13px; color:#757575;}
.list_type1 a li:before {content:""; display:inline-block; margin:0 22px; width:1px;height:15px; background:#d7d7d7; vertical-align:middle;}
.list_type1 a li:first-child:before {display:none;}
.list_type1 a > b {position:absolute; right:15px; top:57px;}
.list_type1 a > b {display:flex; width:40px; height:40px; border:1px solid #aeaeae; font-size:0; align-items: center; justify-content:center; transition-duration:0.6s;}
.list_type1 a > b:after {content:""; display:inline-block; width:20px; height:19px; background:url(../images/icoBoard.png) left -9px top -92px; transition-duration:0.6s;}
.list_type1 a:hover > b {border-color:#555;}
.list_type1 a:hover > b:after {background-position: left -49px top -92px;}
.list_type1 .visual {padding:5px 30px; width:50%; height:auto; box-sizing: border-box;}
.list_type1 > ul > li:nth-child(odd) {background:#fff;}
.list_type1 > ul > li:nth-child(odd) .visual {float:left;}
.list_type1 > ul > li:nth-child(odd) .visual + div {display:inline-block; float:right; width:50%;}
.list_type1 > ul > li:nth-child(even) .visual {float:right;}
.list_type1 > ul > li:nth-child(even) .visual + div {float:left; width:50%;}
.list_type1 > ul > li:nth-child(even) .visual + div + b {right:50%;}

/*리스트 - 문서목록(이미지 없음)*/
.list_type2 > ul {border-top:2px solid #555;}
.list_type2 > ul > li {padding:44px 10px; position:relative; border-bottom:1px solid #ddd;  box-sizing:border-box;}
.list_type2 li > span {display:inline-block; padding:0 10px; margin-bottom:9px; color:#fff; font-size:14px; font-weight:normal; line-height:30px; }
.list_type2 li .ico1 {background:#4b6498;}
.list_type2 li .ico2 {background:#fb5818;}
.list_type2 h3 {font-size:20px;}
.list_type2 h3 a {font-size:20px; color:#555;}
.list_type2 li > div {display:flex;  padding-top:17px; font-size:0;}
.list_type2 li ul {flex:1;}
.list_type2 div li {display:inline-block; color:#555; font-size:15px;}
.list_type2 div li:after {content:""; display:inline-block; margin:0 14px; background:#cbcbcb; width:1px; height:15px; vertical-align:-3px;}
.list_type2 div li:last-child:after {display:none;}
.list_type2 .right {flex:none;}
.list_type2 .gray {color:#888;}
.list_type2 div > p {flex:none; color:#555; font-size:14px;}
.list_type2 div > div {position:absolute; right:10px; top:50%; font-size:0; transform:translateY(-50%);  width:auto; height:auto;}
.list_type2 div > div a {display:inline-block; margin-left:14px; width:29px; height:26px; background:url(../images/infoFile.png) no-repeat; transition:ease-out 0.5s;}
.list_type2 div .download {background-position:left -5px top -7px;}
.list_type2 div .download:hover {background-position:left -45px top -7px;}
.list_type2 div .view {background-position: left -5px bottom -7px; }
.list_type2 div .view:hover {background-position: left -45px bottom -7px;}

/*list- 카드뉴스*/
.list_type3 { padding:0 5px; font-size:0; box-sizing:border-box;}
.list_type3 li {overflow:hidden; display:inline-block; padding:5px; width:33.3%; height:auto; box-sizing:border-box;}
.list_type3 li:nth-child(3n-1) {width:33.4%;}
.list_type3 li > a {overflow:hidden; display:block; height:370px; position:relative; transition-duration:0.6s;}
.list_type3 li img {transition-duration:2s;}
.list_type3 a > div {position:absolute; left:0; bottom:0; padding:20px;width:100%; height:160px; background:#fff; color:#8e8e8e; font-size:14px; box-sizing:border-box; transition-duration:0.3s;}
.list_type3 h3 {font-size:16px; font-weight:normal; line-height:22px;}
.list_type3 div p {position:absolute; left:20px; bottom:20px; color:#8e8e8e; font-size:14px}
.list_type3 div p:before {content:""; display:block; margin-bottom:14px; width:26px; height:1px; background:#ddd;}
.list_type3 li > div {overflow:hidden; height:0; opacity:0; font-size:0; transition-duration:0.3s;}
.list_type3 li > div a {display:inline-block; padding:12px 0; height:40px; box-sizing:border-box;}
.list_type3 li > div a:before {content:""; display:inline-block; width:52px; height:16px; background:url(../images/icoPhoto.png) no-repeat left -2px bottom -32px; transition-duration:0.5s;}
.list_type3 li:hover {height:380px;}
.list_type3 li:hover > a {height:330px;}
.list_type3 li:hover img {transform:scale(1.2) ; filter:brightness(1.3);}
.list_type3 li:hover > a > div { background:#1997ed; color:#fff;}
.list_type3 li:hover h3 {color:#fff;}
.list_type3 li:hover h3:after {background:#fff;}
.list_type3 li:hover div p {color:#fff;}
.list_type3 li:hover > div {padding:0 14px; height:auto; background:#1787d3; text-align:right; box-sizing:border-box; opacity:1;}
.list_type3 li > div a:hover:before {background-position: left -2px bottom -6px;}

/*list_type4*/
.list_type4 {padding:0 5px; font-size:0; box-sizing:border-box;}
.list_type4 ul:after {content:""; display:block; clear: both;}
.list_type4 li {float:left; position:relative; padding:5px; width:25%; box-sizing:border-box; transition-duration:0.5s;}
.list_type4 li > a {overflow:hidden; display:block; position:relative; height:380px;}
.list_type4 li b {overflow:hidden; display:block; height:210px;}
.list_type4 li img {min-width:270px; transition-duration:0.6s;}
.list_type4 a > div {padding:20px; width:100%; height:170px; background:#fff; ; box-sizing:border-box; transition:0.3s;}
.list_type4 h3 {font-size:16px; font-weight:normal; line-height:22px;}
.list_type4 div p {position:absolute; left:20px; bottom:20px; color:#8e8e8e; font-size:14px}
.list_type4 div p:before {content:""; display:block; margin-bottom:14px; width:26px; height:1px; background:#ddd;}
.list_type4 .big { width:50%;}
.list_type4 .big h3 {color:#fff;}
.list_type4 .big b {height:370px;}
.list_type4 .big a {position:relative;}
.list_type4 .big a > div {position:absolute; left:0; bottom:0; width:100%; height:120px; background:rgba(0,0,0,0.8); transition-duration:0.5s;} 
.list_type4 li > div {display:flex; position:absolute; left:0; bottom:0; overflow:hidden; height:0; opacity:0; font-size:0; transition-duration:0.3s;}
.list_type4 li > div > a {display:inline-block; flex:none; margin-right:9px; padding:12px 0; height:40px; box-sizing:border-box;}
.list_type4 li > div > a:before {content:""; display:inline-block; width:52px; height:16px; background:url(../images/icoPhoto.png) no-repeat left -2px bottom -32px; transition-duration:0.5s;}
.list_type4 li > div > div {display:flex; flex:1; margin-left:9px; text-align:left; align-items:center;}
.list_type4 li > div > div a {display:inline-block; margin-right:18px; background:url(../images/icoPhoto.png) no-repeat; transition-duration: 0.5s;}
.list_type4 li > div .facebook {width:9px; height:20px; background-position: left -9px top -4px; }
.list_type4 li > div .twitter {width:20px; height:15px; background-position: left -3px top -34px;}
.list_type4 li > div .press {width:17px; height:17px; background-position: left -5px top -59px; }
.list_type4 li:hover img {transform:scale(1.2) ; filter:brightness(1.3);}
.list_type4 li:hover a > div { position:absolute; left:0; bottom:40px;  background:#1997ed; color:#fff;}
.list_type4 li:hover h3 {color:#fff;}
.list_type4 li:hover p {color:#fff;}
.list_type4 li:hover p:before {background:#fff;}
.list_type4 li:hover > div {bottom:5px; padding:0 5px; width:100%; height:auto; background:#1787d3; text-align:right;  opacity:1; box-sizing:border-box; background-clip:content-box;}
.list_type4 li > div > a:hover:before {background-position: left -2px bottom -6px;}
.list_type4 li > div .facebook:hover {background-position: left -37px top -4px; }
.list_type4 li > div .twitter:hover {background-position: left -32px top -34px; }
.list_type4 li > div .press:hover {width:17px; height:17px; background-position: left -32px top -59px; }

/*list_type5*/
.list_type5 > ul > li { display:flex; padding:15px 0; margin-top:30px; background:#fff; border:1px solid #e7e7e7; border-radius:6px; box-shadow:0 2px 1px #e4e4e4;}
.list_type5 > ul > li:last-of-type{margin-bottom: 30px}
.list_type5 .visual {display:flex; flex:none; padding:0 20px; width:240px; box-sizing:border-box; align-items:center; justify-content:center; }
.list_type5 .visual > div {text-align:center;}
.list_type5 .visual img {display:block; width:auto;}
.list_type5 .visual a {color:#555; font-size:12px; line-height:44px; }
.list_type5 .visual a:after {content:""; display:inline-block; margin-left:5px; width:9px; height:8px; background:url(../images/ico_nwin.gif) no-repeat;}
.list_type5 .visual + div {flex:1; padding:0 30px; border-left:1px solid #ebebeb;  box-sizing:border-box;}
.list_type5 h3 {font-size:20px; font-weight:normal; line-height:24px;}
.list_type5 h3 a {margin-left:3px; color:#5d6b98; font-size:13px;text-decoration:underline;}
.list_type5 h3 a:after {content:""; display:inline-block; margin-left:3px; width:11px; height:11px; background:url(../images/ico_rrcs_nwin.gif) no-repeat; vertical-align:middle;}
.list_type5 .visual + div div {padding-top:16px; min-height:60px; color:#555; font-size:13px; line-height:20px;}
.list_type5 li ol {padding-top:18px;}
.list_type5 li ul {padding-top:18px;}
.list_type5 li li {padding-left:10px; color:#555; line-height:20px;  text-indent:-10px;}

/*list(bullet)*/
.list_type6 li {padding-left:8px; color:#37393f; font-size:14px; line-height:25px; text-indent:-8px;}
.list_type6 li:before {content:""; display:inline-block; margin-right:8px; width:2px; height:2px; background:#cecece; vertical-align:middle;}
.list_type7 li {padding: 0 0 10px 10px; font-size:15px; color:#565656; line-height:20px; text-indent:-10px;}
.list_type7 .red {color:#b65959;}
.list_type7 li a {color:#565656;} 
.list_type7 li:before {content:""; display:inline-block; margin-right:6px; width:3px; height:5px; background:url(../images/bu_list_angle.png) no-repeat ; vertical-align:3px;}
.list_type7 li a:hover {color:#464646; text-decoration:underline;}
.list_type8 li {display:flex; font-size:14px; }
.list_type8 li > div {flex:none; width:210px; color:#515971; line-height:25px;}
.list_type8 li > div:before {content:""; display:inline-block; margin-right:2px; height:1px; width: 5px; background:#515971; vertical-align:4px;}
.list_type8 li > span {flex:1; padding-left:10px; color:#797a7b; text-indent:-10px; line-height:25px; }
.list_type9 li {padding-left:8px; color:#555; font-size:15px; line-height:25px;text-indent:-8px; }
.list_type9 li:before {content:""; display:inline-block; margin-right:4px; width:5px; height:1px; background:#555; vertical-align:5px;}
.list_type10 li {padding-left:11px; color:#555; font-size:14px; text-indent:-11px; line-height:20px;}
.list_type10 li:before { content:""; display:inline-block; margin-right:5px; width:6px; height:6px; background:url(../images/bu_list_square.png) no-repeat; vertical-align:middle;}
.list_type11 li {padding-left:8px; color:#555; font-size:13px; line-height:21px; text-indent:-7px;}
.list_type11 li strong {display:block; padding-top:19px; margin-bottom:4px;}
.list_type11 li strong:before {content:""; display:inline-block; margin-right:4px; width:3px; height:5px; background:url(../images/bu_list_angle2.png) no-repeat; vertical-align:4px;}
.list_type12 li {padding:5px 0 0 8px; color:#555; font-size:15px; line-height:22px; text-indent:-8px; }
.list_type12 li:before {content:""; display:inline-block; width:3px; height:5px; background:url(../images/bu_list_angle2.png) no-repeat; margin-right:4px; vertical-align:4px;}
.list_type12 li span {color:#b65959; text-decoration:underline;}

/*list-주요공개목록*/
.list_type13 {display:flex; padding:20px 0; margin-top:30px; background:#f8f8fa; border:1px solid #e3e3e3;}
.list_type13 div {flex:none; width:270px; background:url(../images/ico_bil_tab2.png) no-repeat center;}
.list_type13 ul {flex:1; font-size:0;}
.list_type13 li {display:inline-block; padding-left:10px; width:50%; text-indent:-10px; box-sizing:border-box;}
.list_type13 li a {color:#555; font-size:15px; line-height:33px; }
.list_type13 li a:before {content:""; display:inline-block; width:2px; height:2px; background:#555; margin-right:8px; vertical-align:5px;}
.list_type13 li a:hover {color:#425db5; text-decoration:underline;}
.list_type13 li a:hover:before {background:#425db5;}
.list_type13.info {background:#f5f5f5;}
.list_type13.info li a {font-size:14px;}
.list_type13.info .on a {color:#425db5; text-decoration:underline;}
.list_type13.info div {background-image:url(../images/ico_bil_tab.gif);}

/*list- 일일 경제지표/해외투자*/
.list_type14 {display:flex;}
.list_type14 > b {display:block; flex:none; width:140px; height:auto; background:url(../images/ico_daily_kospi.png) no-repeat center;}
.list_type14 > div {flex:1; }
.list_type14 p {padding-bottom:30px; color:#6b6b6b; font-size:16px; line-height:22px;}
.list_type14 ul {font-size:0; border-bottom:1px solid #e6e6e6;}
.list_type14 li {display:inline-block; padding-right:30px; width:50%; border-top:1px solid #e6e6e6; font-size:12px; box-sizing:border-box;}
.list_type14 li > div {display:flex;}
.list_type14 li > div > * {line-height:30px;}
.list_type14 li h3 {flex:none; width:70px; font-weight:normal; color:#555; font-size:12px; box-sizing:border-box;}
.list_type14 li h3:before {content:""; display: inline-block; margin-right:5px; width:2px; height:2px; background:#6974b0; vertical-align:7px;}
.list_type14 li div > div {flex:1; text-align:right;}
.list_type14 li div span {flex:1; text-align:right;}
.list_type14 li div span:before {content:""; display:inline-block; margin-right:15px; width:6px; height:4px; vertical-align:middle;}
.list_type14 .up > div > div,
.list_type14 .up span {color:#e12900;}
.list_type14 .up span:before {background:url(../images/bu_daily_kospi.png) no-repeat left top -13px;}
.list_type14 .down > div > div,
.list_type14 .down span {color:#6974b0;}
.list_type14 .down span:before {background:url(../images/bu_daily_kospi.png) no-repeat left bottom -12px;}
/*paging*/
.list_page {padding:50px 0; font-size:0; text-align:center; }
.list_page li {display:inline-block; padding:0 2px; vertical-align:bottom; }
.list_page a {display:inline-block; margin-left:-1px; width:40px; height:40px; border:1px solid #ccc; color:#555; font-size:14px; line-height:39px; box-sizing:border-box; transition:ease-in 0.5s;}
.list_page .on a {background:#555; border:1px solid #555; color:#fff;}
.list_page .move a {display:flex;  border:none; font-size:0;  align-items:center; justify-content:center;}
.list_page .move a:after {content:""; display:inline-block; width:10px; height:14px; background:url(../images/icoBoard.png) no-repeat; transition:linear 0.5s;}
.list_page .first a:after {background-position: right -14px bottom -131px;}
.list_page .prev a:after {width:8px; background-position: right -15px bottom -51px}
.list_page .next a:after {width:8px; background-position: right -15px bottom -11px;}
.list_page .last a:after { background-position: right -13px bottom -90px;}
.list_page a:hover {background:#555; border:1px solid #555; color:#fff;}
.list_page .first a:hover:after {background-position: right -56px bottom -131px;} 
.list_page .prev a:hover:after {background-position: right -57px bottom -51px;}
.list_page .next a:hover:after {background-position: right -57px bottom -11px;}
.list_page .last a:hover:after {background-position: right -55px bottom -90px;}

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

/*form*/
.tab_type1 + form .bbs_search {padding-top:60px;}
.bbs_search {padding-bottom:50px; font-size:0;}
.bbs_search li {display:flex; padding:3px 0; color:#555; font-size:14px;}
.bbs_search li > label {flex:none; width:120px; line-height:40px;}
.bbs_search li > div {display:flex; flex:1; align-items: center;}
.bbs_search li > div > label {margin-right:2px;}
.bbs_search.sp li > label {display:none;}
.bbs_search li > div > div { position:relative; padding:0 3px; flex:none;}
.bbs_search input {width:160px; height:40px; border-color:#d8d6d6; text-indent:10px;}
.bbs_search input + a {position:absolute; right:3px; top:0; font-size:0; width:40px; height:40px;}
.bbs_search input + a:before {content:""; display:block; position:relative; left:50%; top:50%; width:24px; height:21px; background:url(../images/icoBoard.png) no-repeat left -8px top -9px; transform:translate(-50%, -50%);}
.bbs_search a + div { overflow:hidden; height:0; position:absolute; left:0; top:40px; height:0; z-index:-1; background:#fff; box-sizing:border-box; opacity:0; transition-duration:0.6s;}
.bbs_search a + div:target {z-index:5; padding:4px; width:320px; height:auto; background:#fff; border:1px solid #adadad; border-radius:4px; opacity:1; box-shadow:0 1px 5px #c5c5c5;}
.bbs_search a + div > div {display:flex;}
.bbs_search a + div > div > a {display:block; flex:none; width:44px; background:no-repeat center; font-size:0;}
.bbs_search a + div > div > a:hover {background-color:#f1f1f1; border-radius:3px;}
.bbs_search a + div .prev {background-image:url(../images/bu_cal_prev.png);}
.bbs_search a + div .next {background-image:url(../images/bu_cal_next.png);}
.bbs_search a + div h3 {padding:0; flex:1; font-weight:normal; text-align:center;}
.bbs_search a + div h3 a {display:block; font-size:13px; line-height:40px;}
.bbs_search a + div h3:hover {background-color:#f1f1f1; border-radius:3px;}
.bbs_search a + div th {color:#333; font-size:13px; font-weight:normal; text-align:center; line-height:40px;}
.bbs_search a + div td {width:auto; border-radius:3px; color:#333; font-size:13px;  text-align:center; line-height:40px; cursor:pointer;}
.bbs_search a + div td:hover {background:#f1f1f1;}
.bbs_search a + div .other {color:#757575;}
.bbs_search a + div .on {background:#3276b1; color:#fff;}
.bbs_search a + div .on:hover {background:#3276b1;}
.bbs_search a + div .today {background:#ffdb99;}
.bbs_search a + div .today:hover {background:#fcc156;}
.bbs_search li > div > a {margin-right:2px;}
.bbs_search select {flex:none; padding:0 10px; width:150px; height:40px; background:url(../images/bu_select2.png) no-repeat right 8px center #fff; border-color:#d8d6d6; text-indent:0; box-sizing:border-box;}
.bbs_search input::-webkit-input-placeholder { color:#555; font-size:13px; text-indent:10px;}
.bbs_search .tag > div > div {flex:1; padding:0;}
.bbs_search .tag input {padding-right:40px;}
.bbs_search .tag input + a:before {width:23px; height:23px; background-position: right -8px top -8px; }

.bbs_search > a {position:absolute; right:0; top:0;}
.bbs_survey {padding:40px 50px 50px; background:#fff; border:1px solid #bbb; box-sizing:border-box; font-size:0;}
.bbs_survey > div {display:flex; position:relative; font-size:14px;}
.bbs_survey > div p {flex:1; line-height:50px;}
.bbs_survey > div label {padding-left:8px; line-height:50px; vertical-align:middle;}
.bbs_survey input + a {position:absolute; right:0; top:0;}
.bbs_survey input[type="text"] {padding-right:190px; height:40px; border-color:#ccc; text-indent:5px;}
.bbs_survey input::-webkit-input-placeholder {color:#757575; font-size:12px; text-indent:5px;}

/*tab*/
.tab_type1 {position:relative; font-size:0;}
.tab_type1:before {content:""; position:absolute; top:20px; width:100%; height:1px; background-color:#e4e4e4;}
.tab_type1 ul {padding:0 30px; box-sizing:border-box; text-align:center;}
.tab_type1 ul:before,
.tab_type1 ul:after {content:""; position:absolute; top:15px; width:11px; height:11px; background:#bebebe; border-radius:11px;}
.tab_type1 ul:before {left:0; top:15px;}
.tab_type1 ul:after {right:0; top:15px;}
.tab_type1 li {display:inline-block; position:relative; z-index:1; padding:0 2px;}
.tab_type1 li a {display:inline-block; padding:0 30px; background-color:#d1cec9; border-radius:40px; color:#000; font-size:15px; line-height:40px; transition-duration:0.5s;}
.tab_type1 .ico a:after {content:""; display:inline-block; margin-left:9px; width:11px; height:12px; background:url(../images/ico_tablink_nwin.png) no-repeat center;}
.tab_type1 li a:hover {background-color:#6b7bb6; color:#fff;}
.tab_type1 .on a {background-color:#6b7bb6; color:#fff;}
.tab_type1.fit li {padding:0; margin:0 -8px;}
.tab_type1.mini li {padding:2px;}
.tab_type1.mini li a {font-size:12px;}
.tab_type2 {background:#fff; border:1px solid #d7d7d7; font-size:0;}
.tab_type2 li {display:inline-block;}
.tab_type2 li:before {content:""; display:inline-block; width:1px; height:12px; background-color:#d7d7d7; }
.tab_type2 li:first-child:before {display:none;}
.tab_type2 li a {display:inline-block; padding:0 16px; color:#555; font-size:14px; line-height:35px; transition-duration:0.5s;}
.tab_type2 li a:hover {color:#578ecd;}

/*table*/
.table_type1 {padding:20px 0;}
table.type1 {border-top:1px solid #555;}
table.type1 th {padding:18px 10px; border:1px solid #ddd; border-right:none; color:#505050; font-size:14px; font-weight:normal;background:#f5f5f5;}
table.type1 td {padding:18px 10px; background:#fff; border:1px solid #ddd; border-right:none; border-top:none; color:#505050; font-size:14px; text-align:right;}
table.type1 tr th:nth-of-type(1) {border-left:none;}
table.type1 thead tr:nth-child(1) th {border-top:none;}
table.type1 tfoot th, table.type1 tfoot td {background:#828cd2; color:#fff;}
table.type1 tbody th {background:#f1f1f1;}
table.type1 th > a {color:#425db6; text-decoration:underline;}
table.type2 {border-top:1px solid #555;}
table.type2 th {padding:18px 10px; background:#e1e1e1; border:1px solid #ccc; border-right:none; border-top:none; color:#555; font-size:14px; font-weight:normal;}
table.type2 thead th:first-child {border-left:none;}
table.type2 td { border:1px solid #ccc; border-top:none; border-right:none; padding:18px 10px; color:#555; font-size:14px; text-align:center;}
table.type2 tr td:first-child {border-left:none;}
table.type2 td:nth-child(6),
table.type2 td:nth-child(7),
table.type2 td:nth-child(8) { text-align:right;}
table.type3 {border:2px solid #5d6b98; border-left:none; border-right:none;}
table.type3 th {padding:15px 10px; border-bottom:1px solid #e2e2e2; color:#3f3f3f; font-size:14px; font-weight:normal; line-height:22px;}
table.type3 th br {display:none;}
table.type3 td {padding:15px 10px; border-bottom:1px solid #e2e2e2; color:#555; font-size:13px; line-height:22px;}
table.type3 tr:last-child td {border-bottom:none;}

/*정부기관 및 유관기관 안내*/
.list_page +.menu_btm {margin-top:0;}
.menu_btm {display:flex; margin:40px auto 0; width:1200px; border-top:1px solid #ddd;}
.menu_btm b {display:flex; flex:1; padding:0 15px; height:auto; font-size:0; box-sizing:border-box;}
.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 {overflow:hidden; position:fixed; left:-100%; top:0; height:100%; width:0; transition-duration: 0.6s;} 
.menu_btm > div:target {overflow:auto; left:0; z-index:30; height:100%; width: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%;}
	.list_type1 li > a {margin:0; width:100%;}
	.list_type3 {padding:0; width:100%;}
	footer .btm {padding:10px; margin:0; width:100%; box-sizing:border-box;}
}