@charset "utf-8";

#header.on {position:fixed; background:#fff; border-bottom:1px solid #eee;}
#header.on .wfix {color:#444; padding:4px 0;  transition:0s;}
#header.on h1 a {width:54px; margin-top:3px;}
#header.on #topMenu a {font-size:13px;}
#header.on span {background:#333}

#board_visual {height:450px; background:url(../img/board_visual.jpg) 50% 100% no-repeat fixed; background-size:cover;}
#board_cont_visual {height:350px; padding-top:100px; background:rgba(0,0,0,0.7)}
#board_cont_visual .tit_visual {padding:95px 0; letter-spacing:0}
#board_cont_visual span {display:block; width:250px; margin:0 auto; border:1px solid #fff; border-radius:40px; line-height:38px; font-size:20px; font-weight:bold;}
#board_cont_visual h3 {margin:5px 0 10px; font-size:48px; font-weight:300}
#board_cont_visual p {font-size:18px; opacity:0.8; font-weight:bold;}
#board_contents {margin-top:450px;}

.list_board {padding:80px 0 100px;}
.list_board .list {overflow:hidden; margin-left:-30px}
.list_board .list li {float:left; width:33.3333%; margin:15px 0;}
.list_board .list li * {display:block;}
.list_board .list li a {position:relative; height:150px; margin-left:30px; border:1px solid #ddd; padding:40px; font-weight:bold; font-size:12px; letter-spacing:0; transition:0.3s}
.list_board .list li a:hover {box-shadow:0 0 15px rgba(0,0,0,0.15)}
.list_board .list li .cate {color:#17469e;}
.list_board .list li strong {margin-top:5px; font-size:18px; line-height:24px; letter-spacing:-0.04em; font-weight:bold; transition:0.4s}
.list_board .list li a:hover strong {color:#17469e}
.list_board .list li .date {position:absolute; left:40px; bottom:40px; color:#999}
.list_board .paging {margin-top:50px;}
.list_board .paging .bg {background:#17469e; color:#fff}

.view_board {padding:80px 0 120px;}
.hd_view {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ddd; letter-spacing:0}
.hd_view span {display:inline-block; vertical-align:top; font-weight:bold;}
.hd_view .cate {color:#17469e}
.hd_view .date {margin-left:20px; color:#999}
.tit_view {display:block; font-size:32px; font-weight:bold}
.cont_view {min-height:400px; max-width:1000px; padding:40px 0; color:#555; font-size:18px;}
.foot_view {position:relative; padding-top:60px; border-top:1px solid #ddd; text-align:center;}
.foot_view .link_arw {position:absolute; top:60px; height:50px; text-align:left; line-height:50px;}
.foot_view .link_arw.prev {left:0;}
.foot_view .link_arw.next {right:0}
.foot_view .link_arw span {display:inline-block; width:36px; height:28px; margin-top:11px; background:url(../img/arw4.png) 0 0 no-repeat; }
.foot_view .link_arw.prev span {float:left; margin-right:10px;}
.foot_view .link_arw.next span {float:right; margin-left:10px; background-position:right 0}
.foot_view .link_arw p {max-width:300px; font-weight:bold; color:#999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.foot_view .link_list {display:inline-block; line-height:50px; width:160px; border:1px solid #17469e; color:#17469e; font-weight:bold; vertical-align:top}

@media (max-width:800px){
  #board_visual {height:240px;}
  #board_cont_visual {height:180px; padding-top:60px;}
  #board_contents {margin-top:240px;}
  #board_cont_visual .tit_visual {padding:40px 0}
  #board_cont_visual span {width:160px; font-size:13px; line-height:24px;}
  #board_cont_visual h3 {margin:2px 0 8px; font-size:30px;}
  #board_cont_visual p {font-size:14px; font-weight:400}

  .list_board {padding:14px 14px 40px;}
  .list_board .list {margin:0}
  .list_board .list li {float:none; width:auto; margin:0}
  .list_board .list li + li {margin-top:10px;}
  .list_board .list li a {margin:0; padding:20px 20px 65px; height:auto; max-height:none;}
  .list_board .list li strong {font-size:15px; line-height:1.4}
  .list_board .list li .date {left:20px; bottom:20px;}
  .list_board .paging {margin-top:30px;}

  .view_board {padding:30px 14px 50px;}
  .hd_view {padding-bottom:10px; margin-bottom:24px; font-size:14px;}
  .tit_view {font-size:20px;}
  .cont_view {min-height:180px; font-size:15px; padding:24px 0}
  .foot_view {padding-top:30px;}
  .foot_view .link_arw {top:30px; height:40px;}
  .foot_view .link_arw span {margin-top:6px;}
  .foot_view .link_arw p {display:none}
  .foot_view .link_list {width:120px; line-height:40px;}
}