@charset "utf-8";
table.general_board thead th { font-weight:500; }
table.general_board tbody td.title a { font-weight:400; }
.board_title { padding:10px 20px; font-size:24px; font-weight:400; }


.board_list .etcList { overflow:hidden }
.board_list .etcList>li { float:left; display:table; table-layout:fixed; margin:1% 0px; padding:2.5% 3%; width:49%; min-height:182px; border:1px solid #ddd; box-sizing:border-box }
.board_list .etcList>li:nth-child(even) { float:right }
.board_list .etcList>li:nth-child(1) { border-top:2px solid #333 }
.board_list .etcList>li:nth-child(2) { border-top:2px solid #333 }
.board_list .etcList>li .logo { display:table-cell; vertical-align:middle; text-align:center; width:25%; }
.board_list .etcList>li .logo img { max-width:100%; }
.board_list .etcList>li .con { display:table-cell; vertical-align:middle; }
.board_list .etcList>li .logo+.con { padding-left:10%; width:65%; }

.board_list .etcList>li p.tit { margin-top:3px; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; }
.board_list .etcList>li p.tit a { font-size:1.4em; color:#333; line-height:130%; white-space:nowrap }
.board_list .etcList>li ul.list_info { overflow:hidden; height:95px; }
.board_list .etcList>li ul.list_info li { position:relative; padding-left:8px; margin-top:5px; line-height:150%; box-sizing:border-box }
.board_list .etcList>li ul.list_info li:after { display:block; content:''; position:absolute; left:0px; top:9px; width:3px; height:3px; background:#aaa }
.board_list .etcList>li ul.list_info li.sbtn { margin-top:10px; }
.board_list .etcList>li ul.list_info li.sbtn:hover { background-color:#f3692b; border-color:#d0463b; }
.board_list .etcList>li ul.list_info li.sbtn:hover a { color:#fff; }
.board_list .etcList>li ul.list_info li.sbtn:after,
.board_list .etcList>li ul.list_info li.sbtn a:hover:after { display:none; }

.board_view.state { overflow:hidden; margin-top:15px; }
.board_view.state .board_title { position:relative; font-size:30px; padding-right:200px; margin-bottom:0; word-break:break-all; }
.board_view.state .board_title img { vertical-align:middle; max-width:130px; max-height:60px; margin-right:5px; }
.board_view.state .board_title span { position:absolute; right:0; top:15%; font-size:.8em; opacity:.2; }
.board_view.state .board_title+.board_table { margin-top:0; border-top:none; }
.board_view.state .board_table { float:left; width:70%; margin-right:5%; }
.board_view.state .board_table.nophoto { float:none; width:100%; margin-right:0; }
.board_view.state .map_wrap #map { margin-top:10px; width:100%; height:300px; }
.board_view.state .photo_list { float:left; width:25%; margin-top:25px; }
.board_view.state .photo_list li { position:relative; overflow:hidden; height:135px; margin-bottom:15px; border:1px solid #ccc; box-sizing:border-box; }
.board_view.state .photo_list img { position:absolute; top:50%; min-height:135px; max-width:100%; transform:translateY(-50%); }

.photo_slide { text-align:center; position:relative; overflow:hidden; margin-top:20px; height:500px; }
.photo_slide>img { height:100%; }
.photo_slide .list_box { position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:20px 0; background:rgba(0,0,0,.8); }
.photo_slide .list_box>a { position:absolute; bottom:40px; display:block; width:40px; height:40px; border-radius:50%; border:2px solid #fff; background-image:url('/se/images/sub/photo_slide.png'); background-repeat:no-repeat; background-position:center center; }
.photo_slide .list_box>a.prev { left:5%; }
.photo_slide .list_box>a.next { right:5%; transform:rotate(180deg); }
.photo_slide .list_box .list { width:80%; margin:0 auto; overflow:hidden; }
.photo_slide .list_box .list>ul { position:relative; font-size:0; line-height:0; white-space:nowrap; }
.photo_slide .list_box .list>ul>li { display:inline-block; width:16%; height:70px; margin-left:1%; overflow:hidden; box-sizing:border-box; }
.photo_slide .list_box .list>ul>li.on { border:2px solid #ff007d; }
.photo_slide .list_box .list>ul>li img { width:100%; min-height:100%; }
.photo_slide .list_box .list>ul>li:first-child { margin-left:.5%; }

@media all and (max-width:768px)  { 
.board_list .etcList>li { float:none; width:100%; min-height:auto; }
.board_list .etcList>li:nth-child(2) { border-top:1px solid #ddd; }
.board_list .etcList>li .con { height:auto; }
.board_view.state .board_title { padding-right:0; margin-top:40px; font-size:20px; }
.board_view.state .board_title span { top:-40px; opacity:.5; }
.board_view.state .board_title img { max-height:40px; }
.board_view.state .board_table, .board_view.state .photo_list { float:none; width:100%; margin-right:0; }
.board_view.state .photo_list li { display:inline-block; width:47.5%; margin:1%; }
 }