@media (max-width: 1199px) {
  .container {
    position: relative;
    width: auto;
    margin: 0 auto;
  }
  #top-scroll {
    position: fixed;
    right: 0;
    bottom: 55px;
  }
  #logo_area {
    height: 70px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 25px;
  }
  #header {
    background: none;
  }
  #header h1 {
    position: relative;
    top: 0;
    height: 85px;
    padding-left: 10px;
  }
  #header h1 a {
    margin: 10px 0;
  }
  #header h1 img {
    margin-top: 10px;
  }
  #footer {
    border-top: 1px solid #d6d6d6;
    background: #fff;
  }
  .lnb-on {
    position: absolute;
    top: 0;
    left: 15px;
    width: 40px;
    height: 40px;
    margin: 23px 0;
    background: url("/layouts/research152_g/image/_import/btn-lnb1.png") 0 0 repeat-x;
  }
  .lnb-off {
    position: absolute;
    top: 0;
    left: 250px;
    width: 50px;
    height: 50px;
    margin: 0;
    background: url("/layouts/research152_g/image/_import/btn-lnb2.png") 0 0 repeat-x;
    cursor: pointer;
  }
  #lnb {
    z-index: 1011;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.4s;
    transition-property: left;
    transition-duration: 0.4s;
    transform: translateY(0);
  }
  #lnb a {
    padding: 0;
  }
  #lnb.active {
    left: 0;
  }
  #lnb ul {
    z-index: 999;
    position: fixed;
    top: 0;
    float: left;
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-width: 250px;
    padding: 0;
    background: #ff8656;
    box-sizing: border-box;
    overflow-y: auto;
  }
  #lnb li {
    display: block;
    float: none;
    margin-top: -1px;
    border-top: 1px solid #ffa27d;
    border-bottom: 1px solid #ffa27d;
    width: 100%;
  }
  #lnb li a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    font-size: 15px;
    text-align: left;
  }
  #lnb li a:hover, #lnb li a:focus {
    text-decoration: underline;
    background: #fff;
  }
  #lnb li.active {
    background: #fff;
  }
  #lnb li.active a {
    color: #333;
    font-weight: bold;
  }
  .gnb-on {
    position: absolute;
    top: 0;
    right: 15px;
    width: 40px;
    height: 20px;
    margin: 23px 0;
    background: url("/layouts/research153/image/m_menu.png") center center no-repeat;
    background-size: 30px 30px;
  }
  .gnb-off {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    background: url(/layouts/research153/image/arr_x2.png) center center no-repeat;
    cursor: pointer;
    background-size: cover;
    right: 0;
    z-index: 1000;
  }
  #top-wrap {
    z-index: 1011;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    -webkit-transition-property: right;
    -webkit-transition-duration: 0.4s;
    transition-property: right;
    transition-duration: 0.4s;
    transform: translateY(0);
  }
  #top-wrap.active {
    right: 0;
  }
  #top-wrap .top-box {
    z-index: 999;
    position: fixed;
    top: 0;
    float: right;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-width: 240px;
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    background: #fff;
    box-shadow: -1px 2px 5px 5px #f8f8f8;
  }
  #top-wrap.active .top-box {
    right: 0;
  }
  .mobile_snsbox {
    display: block;
  }
  #gnb {
    position: relative;
    height: 50px;
    z-index: 10;
  }
  ul#gnb {
    height: auto;
    margin-top: 0;
    padding: 30px 0 0;
  }
  ul#gnb:after {
    display: block;
    clear: both;
    content: "";
  }
  ul#gnb > li > ul > li img {
    vertical-align: middle;
    padding-left: 6px;
  }
  ul#gnb li {
    display: block;
    float: none;
    width: auto !important;
    margin-top: -1px;
    border-bottom: solid 1px #e1e4e5;
    text-align: left;
  }
  ul#gnb li ul {
    position: relative;
    top: 0;
    min-height: inherit;
  }
  ul#gnb li a {
    display: block;
    padding: 10px 20px;
    color: #000;
    font-size: 15px;
    word-wrap: normal;
    word-break: normal;
  }
  ul#gnb > li > ul, ul#gnb > li ul li ul, ul#gnb > li > ul > li > ul > li > ul > li {
    display: none !important;
  }
  ul#gnb > li.active > ul, ul#gnb > li.active li.active ul {
    display: block !important;
  }
  ul#gnb > li > ul > li > ul > li.active > ul > li {
    display: block !important;
  }
  ul#gnb > li > a {
    padding: 15px 18px;
  }
  ul#gnb > li > a span {
    color: #fff;
  }
  ul#gnb > li:first-child > ul {
    border: 0;
  }
  ul#gnb > li > ul > li {
    background: #fff;
  }
  ul#gnb > li > ul > li:first-child {
    padding-top: 0;
    border-top: 0;
  }
  ul#gnb > li > ul > li.more > a {
    background: url("/layouts/research152_g/image/_import/icon-menu2-on.png") center right no-repeat;
  }
  ul#gnb > li > ul > li.more.active > a {
    background: url("/layouts/research152_g/image/_import/icon-menu2-off.png") center right no-repeat;
  }
  ul#gnb > li > ul > li.active {
    border-top: 0;
    background: #45495b;
  }
  ul#gnb > li > ul > li.active > a {
    color: #fff !important;
  }
  ul#gnb > li > ul > li > a {
    margin-right: 20px;
    padding: 14px 20px 14px 30px;
    color: #45495b;
    font-size: 14px;
  }
  ul#gnb > li > ul > li:first-child > a {
    padding-top: 14px;
  }
  ul#gnb > li .subopener {
    position: absolute;
    display: block;
    top: 15px;
    right: 20px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: url("/layouts/research153/image/arr_plus2.png") center center no-repeat;
    background-size: 20px 20px;
    z-index: 11;
  }
  ul#gnb > li.active .subopener {
    background: url("/layouts/research153/image/arr_minus2.png") center center no-repeat;
    background-size: 20px 20px;
  }
  ul#gnb a:hover {
    text-decoration: underline;
  }
  div a:focus {
    text-decoration: underline;
  }
  ul#gnb > li > ul > li > a:hover, div > ul > li > ul > li > a:focus {
    background: none;
    color: #545454;
  }
  ul#gnb > li > ul > li.active a {
    background: none;
    color: #545454;
  }
  ul#gnb > li > ul > li > ul {
    background: #f8f8f8;
  }
  ul#gnb > li > ul > li > ul > li {
    background: #e4e4e4;
    border-top: 1px solid #c5c5c5;
    border-bottom: 0;
  }
  ul#gnb > li > ul > li > ul > li > a {
    margin-left: 35px;
    padding: 13px 20px;
    padding-left: 10px;
    background: url("/layouts/research152_g/image/_import/bul-menu1.png") left 21px no-repeat !important;
    color: #666;
    font-size: 14px;
  }
  ul#gnb > li > ul > li > ul > li.active > a {
    padding-bottom: 5px;
    color: #1363a4;
    font-weight: bold;
  }
  ul#gnb > li > ul > li > ul > li.active > ul {
    padding-top: 3px;
    padding-bottom: 10px;
  }
  ul#gnb > li > ul > li > ul > li.active > ul > li > a {
    padding: 5px 20px;
    padding-left: 45px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
  }
  ul#gnb > li > ul > li > ul > li > ul > li {
    border: 0;
  }
  ul#gnb > li > ul > li > ul > li > ul > li.active a {
    color: #666;
    font-weight: bold;
  }
  #top-menu {
    height: 35px;
    padding: 8px 0;
    background-color: #fff;
    top: 0;
    margin-top: 0;
    display: none;
  }
  #top-menu ul {
    position: relative;
    top: 44px;
    right: 0;
    height: 33px;
  }
  #top-menu ul.quickmenu {
    top: -1px;
  }
  #top-menu ul:after {
    display: block;
    clear: both;
    content: "";
  }
  #top-menu li {
    display: inline-block;
    float: left;
  }
  #top-menu li.language {
    margin-right: 18px;
  }
  #top-menu li.fb, #top-menu li.tt, #top-menu li.nb, #top-menu li.in {
    border: 1px solid #dddddd;
    text-align: center;
    margin-left: -8px;
    margin-right: 7px;
  }
  #top-menu li.fb img, #top-menu li.tt img, #top-menu li.nb img, #top-menu li.in img {
    margin-top: 10px;
  }
  #top-menu li.fb > a, #top-menu li.tt > a, #top-menu li.nb > a, #top-menu li.in > a {
    display: block;
    width: 34px;
    height: 33px;
  }
  #content {
    padding: 0 30px 0px;
    border-bottom: 0;
  }
  #content > .container {
    border: 0;
  }
  #content-wrap {
    float: none;
    width: auto;
    margin-left: 0;
    padding: 15px;
    border: 0;
  }
  .research > div div {
    position: relative;
    padding-right: 85px;
  }
  .research > div input[type=text] {
    width: 100%;
  }
  .research > div input[type=submit] {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 32px;
  }
  .process ul {
    height: auto;
  }
  .process-con {
    margin-top: 0 !important;
  }
  .process-con .w-m1 div {
    margin-top: 0 !important;
  }
  .process-con ul li {
    background: url(../images/sub/icon-arrow-process.png) 6px 20px no-repeat !important;
  }
  #main-visual .bxslider li div {
    height: 42px !important;
    visibility: hidden;
  }
  #main-visual .bxslider li div span.tit {
    font-size: 16px;
  }
  #main-visual .bxslider li div span.txt {
    display: none;
  }
  #quick-menu ul.set4 li .quick_icon, #quick-menu ul.set5 li .quick_icon {
    padding: 0 12px 0 30px;
  }
  #quick-menu ul.set4 li .quick_txt, #quick-menu ul.set5 li .quick_txt {
    margin-top: 45px;
  }
  #quick-menu ul li:nth-of-type(2n) {
    border-right: 1px solid #d5d5d5;
  }
  .board-search .reset-btn {
    width: 55px;
  }
}
@media (max-width: 1000px) {
  .gnb-off {
    right: 5px;
    top: 5px;
  }
  #content {
    padding: 0 30px 30px;
  }
  #content .posttab {
    max-width: 48%;
  }
  #content #published {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .m-none {
    display: none !important;
  }
  #content .posttab {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  #top-navi {
    display: none;
  }
  .content_wrap img {
    max-width: 100%;
  }
  #link-wrap {
    margin: 0;
  }
  #link-wrap div {
    width: 50%;
  }
  #link-wrap div p {
    margin: 0;
    font-size: 15px;
    letter-spacing: -0.04em;
  }
  #footer-banner {
    margin: 0 15px;
  }
  #footer {
    position: relative;
    height: 130px;
    background: #fff;
  }
  .footer-menu {
    margin-left: 0;
    padding: 20px 10px 0;
    text-align: left;
  }
  .footer-menu:after {
    display: block;
    clear: both;
    content: "";
  }
  .footer-menu > li {
    position: inherit;
    float: none;
  }
  .footer-menu > li > a {
    display: block;
    padding: 2px 10px;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.04em;
  }
  p.address {
    margin: 10px 10px 0 !important;
    line-height: 160%;
  }
  p.address a {
    display: block;
    margin: 0 1px;
    padding: 0 10px;
    color: #125f9c;
    font-size: 13px;
    background: none;
  }
  p.copyright {
    position: relative;
    margin: 8px 10px 15px !important;
    padding-bottom: 20px;
  }
  .main-work h2 {
    padding-bottom: 0;
    font-size: 18px;
  }
  .main-work li {
    display: block;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .main-work > div > div {
    margin: 10px 0;
  }
  .main-work .bx-wrapper {
    max-width: 100% !important;
  }
  #book-wrap {
    width: 100%;
    margin: 0;
  }
  #book-wrap:after {
    display: block;
    clear: both;
    content: "";
  }
  #book-wrap > div {
    display: inline-block;
    float: none;
    width: 100%;
    margin: 0;
  }
  #book-wrap > div > div {
    margin: 10px 0;
  }
  #book-wrap.bojon-wrap .bojon-box div {
    min-height: 105px;
    margin: 0;
    margin-top: -1px;
    margin-left: -1px;
    background-position: center 13px;
  }
  #book-wrap.bojon-wrap .wanju-box div {
    min-height: 105px;
    margin: 0;
    margin-top: -1px;
    margin-left: -1px;
    background-position: center 50px;
  }
  #book-wrap.bojon-wrap .bojon-box div h2 a {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  #content {
    padding: 0 10px 30px;
    overflow: hidden;
  }
  .posttab {
    margin-left: 0;
    width: 100%;
  }
  #posttab2 {
    margin-left: 0;
  }
  #content .re152_widget_tab01 .tab li a {
    font-size: 12px;
    padding: 10px 9px 10px;
  }
  #content .re152_widget_tab01 .tabpost ul {
    height: initial;
  }
  #published {
    width: 100%;
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    font-size: 0px;
  }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: 0px;
  }
  .mySwiper {
    margin-bottom: 5px;
  }
  #content-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .content_wrap img {
    max-width: 100%;
  }
  h3.tit {
    font-size: 25px;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .t-none {
    display: none !important;
  }
  .bx-wrapper .bx-controls-direction a, .bx-controls-direction .bx-prev {
    z-index: 888;
  }
  #lnb a {
    font-size: 13px;
  }
  #lnb .container div.snsbox {
    display: none;
  }
  #top-menu li.quickmenu {
    color: #fff;
  }
  #main-banner {
    top: -3000px;
    visibility: hidden;
  }
  #import-menu {
    float: none;
    width: 100%;
    margin: 0;
  }
  #link-wrap {
    margin: 0;
  }
  #link-wrap div {
    width: 50%;
  }
  #link-wrap div p {
    margin: 0;
  }
  .vision .txt li div {
    margin: 1px;
  }
  .goal .txt ul {
    width: 98%;
  }
  .goal .txt ul li ul {
    margin: 15px 25px 0;
  }
  .bbs_gallery ul.list li {
    width: 48.5%;
  }
  .bbs_gallery ul.list li a .photo {
    min-height: 210px;
  }
  .bbs_gallery ul.list li a .photo img {
    max-height: 240px;
  }
  .related-sites li {
    width: 48%;
  }
  .exhibit-wrap .txt-wrap dl dd {
    width: 80%;
  }
}
@media (min-width: 1201px) {
  .w-none {
    display: none !important;
  }
}
@media (min-width: 1001px) {
  .container {
    position: relative;
    margin: 0 auto;
    width: 1000px;
  }
  #header {
    width: 100%;
    max-height: 210px;
  }
  #lnb > .container {
    margin: 0 auto;
    width: 1000px;
  }
  #lnb ul:after {
    display: block;
    clear: both;
    content: "";
  }
  #lnb li {
    display: inline-block;
    float: left;
    width: 122px;
  }
  #lnb a {
    display: block;
    margin-left: -1px;
    padding: 13px 0 0;
    color: #000;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
  }
  #lnb a:hover, #lnb a:focus {
    text-decoration: underline;
  }
  ul#gnb > li.active, ul#gnb > li:hover {
    height: 50px;
  }
  #lnb li.active a {
    background: #fff;
    color: #333;
    font-weight: bold;
    text-decoration: none;
  }
  .fb a, .tt a, .nb a, .in a {
    display: none;
  }
  #gnb {
    position: relative;
    height: 50px;
    ndex: 999;
    text-align: center;
  }
  .bg-gnb {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    width: 100%;
    z-index: 50;
  }
  .bg-portal {
    display: none;
    position: absolute;
    top: 210px;
    left: 0;
    width: 100%;
    width: 100%;
    z-index: 50;
  }
  ul#gnb:after {
    display: block;
    clear: both;
    content: "";
  }
  ul#gnb > li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
    width: 14%;
    max-width: 140px;
  }
  ul#gnb > li > ul > li img {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
  }
  ul#gnb > li > a {
    display: block;
    padding: 15px;
    font-size: 16px;
    z-index: 10;
  }
  ul#gnb > li > a:hover {
    font-weight: bold;
  }
  div > ul > li > a:focus, div > ul > li.active > a {
    font-weight: bold;
  }
  ul#gnb > li > ul {
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    min-height: 250px;
    z-index: 999;
  }
  ul#gnb > li > ul > li {
    display: block;
    float: none;
  }
  ul#gnb > li > ul > li > a {
    display: block;
    padding: 5px 15px;
    color: #000;
    font-size: 15px;
    text-align: center;
  }
  ul#gnb > li > ul > li:first-child {
    padding-top: 20px;
  }
  ul#gnb li.portal > ul > li:first-child > a {
    padding-top: 0;
  }
  ul#gnb > li > ul > li > a:hover, ul#gnb > li > ul > li > a:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
    font-weight: bold;
  }
  #import-menu .report .content .img > div .tit {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .web-mt-75 {
    margin-top: -75px !important;
  }
  .web-mt-45 {
    margin-top: 45px !important;
  }
  #li1 {
    padding-top: 35px;
  }
  #content-wrap.sub {
    border-left: none;
  }
  .content-wrap.subleft {
    background: none;
  }
}
@media (max-width: 480px) {
  #content-wrap.sub {
    padding-left: 0;
    padding-right: 0;
  }
  .content_wrap h1, .content_wrap h2, .content_wrap h3, .content_wrap h4 {
    font-size: inherit;
  }
  .main-widget.lg h3 {
    text-align: left;
    font-size: 20px;
  }
  #paper.main-widget h3 {
    font-size: 20px;
  }
  #banners-wrap {
    flex-flow: column wrap;
  }
  #banners-wrap .banner {
    padding-right: 0;
    padding-bottom: 1em;
  }
}
@media (max-width: 320px) {
  #table-wrap > div > select {
    min-width: 140px !important;
    padding: 8px 28px 8px 10px;
  }
  #table-wrap > div > select:first-child {
    width: 140px !important;
  }
  #table-wrap > div > .btn99 {
    float: right !important;
    margin-top: 5px;
  }
}

/*# sourceMappingURL=sub.css.map */