@charset "utf-8";
#m-header {position: relative;}
#m-header .logo {text-align: center;padding: 10px 0;}
#m-header .logo img {height: 50px;}
#all_menu .all_btn { position: absolute;top: 0px;left: 10px;}
#all_menu .allm_btn {display: inline-block;width: 78px;height: 78px;line-height: 78px;color: #fff;font-size: 17px;background: #412505 url(btn_all.png) no-repeat 50% 50%;text-align: center;text-indent: -9999px}
#all_menu .allm_btn.on {background: #b63f3f url(allmenu_close_1.png) center center no-repeat;background-size: 25px}
.allM_Box {overflow: hidden;background: #fff}
.allM_Box > li {position: relative;box-sizing: border-box;float: left;width: 14.27%;padding: 40px 1% 10px;border-right: 1px solid #b4b4b4;min-height: 850px;text-align: center}
.allM_Box > li:first-child {border-left: 1px solid #b4b4b4}
.allM_Box > li > a {position: absolute;left: 0;top: 0;width: 100%;height: 45px;line-height: 45px;display: block;font-size: 1.2em;font-weight: bold;color: #885c11;background: #f1f1f1;border-bottom: 1px solid #b4b4b4}
.allM_Box > li > ul {padding-top: 15px}
.allM_Box > li > ul > li {padding-bottom: 10px;text-align: left}
.allM_Box > li > ul > li > a {color: #333;font-size: 16px;font-weight: 400}
.allM_Box > li > ul > li > ul > li {padding-left: 13px;background: url(bul_m_3dep.gif) 5px 9px no-repeat;text-align: left;padding-top: 2px;}
.allM_Box > li > ul > li > ul > li > a {color: #444;font-size: 14px;}
.allMenu_close {width: 100%;background-color: #3c3f50;border-top: 1px solid #6f9bd6;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2)}
.m_sns {display: none}
.close_btn {width: 100%;max-width: 1200px;height: 25px;margin: 0 auto;padding: 10px 0;text-align: right}
.close_btn button {width: 25px;height: 25px;margin-right: 10px;background: url(allmenu_close.png) no-repeat;border: 0;transition: all .4s}
.close_btn button:hover,
.close_btn button:focus {transform: rotate(180deg)} 
.mobile_link {display: none;background: #fff;margin-bottom: 5px}
.mobile_link h2 {padding: 10px 0;background-color: #1b1814;}
.mobile_link h2 a img {width: 150px}
.mobile_link ul:after {content: "";display: block;clear: both}
.mobile_link ul li {float: left;width: 50%;box-sizing: border-box;border-width: 1px 0 1px 1px;border-style: solid;border-color: #e7e7e7}
.mobile_link ul li:first-child {border-left: 0}
.mobile_link ul li:first-child,
.mobile_link ul li:nth-child(2) {width: 50%;border-bottom: 0}
.mobile_link ul li a {display: block;font-size: 13px;color: #666;height: 45px;line-height: 45px}
.mobile_link ul li a.msns {display: inline-block;}
.mobile_link ul li a.msns:last-child {margin-left: 11px;}
.mobile_link ul li a img {width: 30px;margin-top: 8px;}
.mobile_link ul li.wp_50 {width: 50%;margin-top: -1px;}
.mobile_link ul li a img.inno_gov {width: auto;height: auto;vertical-align: middle;margin-top: -5px;}

/* 1024 */
#m-header .logo {height: 45px}
#m-header .logo a {margin-left: 10px}
#wrap.main .inner,
#wrap.main .dep2 .in {padding: 0 12px;max-width: 768px;width: auto;box-sizing: border-box;}
#wrap.main #footer1 .inner {padding: 0;}
#m-header {display: block;  background-color: #946d32;height: 70px;}
#m-header .logo {text-align: center}
#header1 {display: none}
#header1 a {height: 25px;line-height: 24px;font-size: 11px;}
#header2 {display: none;}

.mobile_link {display: block; text-align: center;}
#all_menu .allm_btn {top: 5px;}
#all_menu .btn a {right: 1%}
#all_menu .allm_btn,
#all_menu .allm_btn.on {background: url(btn_m_nav.png) no-repeat 50% 50%;}
#all_menu .allm_btn {width:50px;height: 60px;z-index: 999;left:10px}
#allMenu {overflow-y: auto;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1000}
#allMenu > div {width: 280px;height: 100%;position: absolute;left: 0;padding: 0;background: #f2f2f2;z-index: 9999;}
#allMenu > div > div > div {margin-right: 0;text-align: center}
#allMenu .link {display: block}
.allM_Box > li > a {position: static;left: inherit;top: inherit;border-bottom: 0;color: inherit;text-decoration: none;background: #1b1814 url(dep2_more.png) 93% center no-repeat;}
.allM_Box > li > a.on {color: #fff;background: #1b1814 url(dep2_close.png) 93% center no-repeat}
.allM_Box > li > a.empty {background: #2c3e7e}
.allM_Box > li {width: 100%;text-align: left;padding: 0;}
.allM_Box > li > a {display: block;padding: 0 15px;height: 50px;line-height: 50px;text-decoration: none;color: #fff;font-size: 17px}
.allM_Box > li:hover > a,
.allM_Box > li:active > a,
.allM_Box > li:visited > a {text-decoration: none}
.allM_Box > li > ul {padding: 0;background: #738399;}
.allM_Box > li > ul > li {padding-bottom: 0;border-bottom: 1px solid #4d5268;background: url(bul_mobile_2dep.gif) 20px 18px no-repeat}
.allM_Box > li > ul > li > a {display: block;padding: 10px 0 10px 32px;text-decoration: none;color: #fff;background: url(dep2_more.png) 93% center no-repeat}
.allM_Box > li > ul > li > a.on {background: url(dep2_close.png) 93% center no-repeat;}
.allM_Box > li > ul > li > a.empty {background: none}
.allM_Box > li > ul > li > ul {padding: 7px 25px;background: #4f556b}
.allM_Box > li > ul > li > ul > li {background: url(bul_mobile_3dep.gif) 5px center no-repeat}
.allM_Box > li > ul > li > ul > li > a {display: block;font-size: 13px;padding: 5px 0;text-decoration: none;color: #fff}
#allMenu .gnb_wrap {display: block}
#allMenu .allM_Box > li {float: none;min-height: inherit;border-left: 0;border-right: 0;border-bottom: 1px solid #e5e5e5}
#allMenu .allM_Box > li > ul,
#allMenu .allM_Box > li > ul > li > ul {display: none}
.allMenu_close {display: none}

#footer1 .inner {height: auto;}
#footer1 p {text-align: center;}
#footer1 p a {float: none;display: inline-block;vertical-align: middle;padding: 0;margin: 0 8px;font-size: 12px;background: none;}
#footer1 .btn-chat {position: static;display: block;text-align: center;}
#wrap.main #footer2 .inner {padding: 15px}
#footer2 .inner {padding: 15px;box-sizing: border-box;}
#footer2 .logo {position: static;}
#footer2 .addr {padding: 0;font-size: 13px;width: 90%;}
.ft_logo {right: 10px !important;}
.ft_logo > img {width: 65px;right: 10px;}
.right-wrap {display: none;}