@charset "utf-8";
/* MOBILE ****/

/* VISUAL */
#sub_visual_tab , #SVT_visual , #SVT_visual_inner , #SVT_title { display:block ; width:100%  }
#SVT_tab { display:none }
#sub_visual_tab { margin-bottom:50px }
#SVT_visual , #SVT_visual_inner { height:300px }
#SVT_visual { 
    position:relative ;
    background:url(../images/s10_visual.jpg) no-repeat center center ; background-size:cover }
#SVT_visual_inner , #SVT_title { position:absolute }
#SVT_visual_inner { left:0px ; top:0px ; background-color:rgba(0,0,0,0.6) }
#SVT_title { 
    left:0px ; top:50% ; transform:translateY(-50%) ; 
    padding:0px ; text-align:center ; word-break:keep-all ;
    font-size:2.6em ; line-height:1.2em ; font-weight:500 ; color:#ffffff }

#SYP21 #SVT_visual , #SYP22 #SVT_visual , #SYP23 #SVT_visual , #SYP24 #SVT_visual , #SYP25 #SVT_visual { background-image:url(../images/s20_visual.jpg) }
#SYP31 #SVT_visual , #SYP32 #SVT_visual , #SYP33 #SVT_visual , #SYP34 #SVT_visual , #SYP35 #SVT_visual { background-image:url(../images/s30_visual.jpg) }
#SYP41 #SVT_visual , #SYP42 #SVT_visual , #SYP43 #SVT_visual , #SYP44 #SVT_visual , #SYP45 #SVT_visual { background-image:url(../images/s40_visual.jpg) }
#SYP51 #SVT_visual , #SYP52 #SVT_visual , #SYP53 #SVT_visual , #SYP54 #SVT_visual , #SYP55 #SVT_visual { background-image:url(../images/s50_visual.jpg) }
#SYP61 #SVT_visual , #SYP62 #SVT_visual , #SYP63 #SVT_visual , #SYP64 #SVT_visual , #SYP65 #SVT_visual { background-image:url(../images/s60_visual.jpg) }
#SYP71 #SVT_visual , #SYP72 #SVT_visual , #SYP73 #SVT_visual , #SYP74 #SVT_visual , #SYP75 #SVT_visual { background-image:url(../images/s70_visual.jpg) }
#SYP81 #SVT_visual , #SYP82 #SVT_visual , #SYP83 #SVT_visual , #SYP84 #SVT_visual , #SYP85 #SVT_visual { background-image:url(../images/s80_visual.jpg) }
#SYP91 #SVT_visual , #SYP92 #SVT_visual , #SYP93 #SVT_visual , #SYP94 #SVT_visual , #SYP95 #SVT_visual { background-image:url(../images/s90_visual.jpg) }
 


/* MAIN */
#SYP_main { 
    display:block ; overflow:hidden ; width:100% ; box-sizing:border-box ; 
    padding:0px 20px ; margin-bottom:80px  }

#SYP_sub_title { 
    display:block ; overflow:hidden ; margin-bottom:30px ; letter-spacing:-1.5px ;   
    font-size:2.4em ; line-height:1.2em ; text-align:center ; font-weight:500 ; color:#111111  }
.SS30_case{ position: relative;}
.SS30_case_h5{line-height: 2em;font-size:1em;margin-bottom: 1em;}
/* SUB STYLE */
.SS_div { display:block ; overflow:hidden ; margin-bottom:80px }
.SS_div:last-child { margin-bottom:0px }
.SS_div h2{line-height: 3rem;font-size:3rem}

.SS_div p{line-height: 2rem;}
.SS_div hr{background-color: #70AD47;    height: 2px; margin:1em 0}
/* SUBPAGE SEARCH */
#bbs_search , .bbs_search_box , .bbs_search_btn b , .bbs_search_btn span , .bbs_search_btn { display:block ; overflow:hidden }
#bbs_search { margin-bottom:30px }
.bbs_search_box { margin-bottom:5px  }
.bbs_search_select , .bbs_search_input , .bbs_search_btn { overflow:hidden ; border-radius:4px }
.bbs_search_select , .bbs_search_input { 
    width:100% ; box-sizing:border-box ;  
    font-size:1em ; line-height:38px ; height:38px ; padding:0px 10px ; border:solid 1px rgba(0,0,0,0.1) } 
.bbs_search_btn , .bbs_search_btn span { transition:0.3s all } 
.bbs_search_btn b , .bbs_search_btn span { width:40px ; height:40px }  
.bbs_search_btn b { background-position:0px 0px ; margin:auto }
.bbs_search_btn span { font-size:0em ; text-indent:-9999px ; background-image:url(../images/bbs_icon_search.png) ; background-repeat:no-repeat }
.bbs_search_btn.search { background-color:#111111 ; float:left ; width:70%  } 
.bbs_search_btn.reload { background-color:#f7f7f7 ; float:right ; width:28%  }  
.bbs_search_btn.search span { background-position:-40px 0px ; opacity:0.9 }
.bbs_search_btn.reload span { background-position:-80px 0px ; opacity:0.3 }

.bbs_search_btn.search:hover { background-color:#2b51a3 } 
.bbs_search_btn.reload:hover { background-color:#eeeeee } 
.bbs_search_btn.search:hover span { opacity:1 } 
.bbs_search_btn.reload:hover span { opacity:0.6 } 



/* BBS GALLERY */
#bbs_gallery , #bbs_gallery_ul , .bbs_gallery_box , .bbs_gallery_img , .bbs_gallery_title , .bbs_gallery_title span ,
.bbs_gallery_link , .bbs_gallery_link b , .bbs_gallery_link span { display:block ; overflow:hidden }
#bbs_gallery , #bbs_gallery_ul { width:100% }
.bbs_gallery_link b , .bbs_gallery_title , .bbs_gallery_img img , .bbs_gallery_title span , .bbs_gallery_link span { transition:0.3s all }
.bbs_gallery_box , .bbs_gallery_link b { position:relative }
#bbs_gallery_ul { text-align:center }
.bbs_gallery_li { display:inline-block ; overflow:hidden ; margin:10px ; width:100% ; max-width:340px ; text-align:center }
.bbs_gallery_img , .bbs_gallery_img img , .bbs_gallery_link b { height:360px }
.bbs_gallery_img { width:100% ; position:relative ; border-radius:4px 4px 0px 0px }
.bbs_gallery_img img { width:340px ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.bbs_gallery_title { 
    padding:20px 15px ; box-sizing:border-box ; border-radius:0px 0px 4px 4px ;  
    border:solid 1px #d5d5d5 ; border-top:0px ; border-bottom:solid 2px #2b51a3  }
.bbs_gallery_title span { font-size:1.2em ; line-height:1.4em ; font-weight:400 ; color:#444444 ; letter-spacing:-0.5px  }
.bbs_gallery_link { position:absolute ; left:0px ; top:0px ; width:100% ; height:100%  }
.bbs_gallery_link b { background-color:rgba(0,0,0,0.5) ; opacity:0 ; border-radius:4px 4px 0px 0px }
.bbs_gallery_link span { 
    position:absolute ; left:50% ; top:65% ; transform:translate(-50%,-50%) ; opacity:0.9 ;   
    font-size:0em ; text-indent:-9999px ; width:60px ; height:60px ; border-radius:30px; 
    background:url(../images/icon_more.png) no-repeat center center ; background-color:#49a93c }
.bbs_gallery_li:hover .bbs_gallery_link b { opacity:1 }
.bbs_gallery_li:hover .bbs_gallery_title { border-bottom:solid 2px #49a93c }
.bbs_gallery_li:hover .bbs_gallery_title span { color:#111111 }
.bbs_gallery_link:hover span { top:50% }


/* BBS PAGE */
#bbs_page { display:block ; overflow:hidden ; text-align:center ; padding-top:20px }
.bbs_page {
    transition:0.3s all ; 
    display:inline-block ; overflow:hidden ; line-height:30px ; border-radius:4px ;    
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ; margin:1px } 
.bbs_page.home , .bbs_page.prev , .bbs_page.next , .bbs_page.end { 
    width:30px ; font-size:0em ; text-indent:-9999px ;
    background:url(../images/bbs_icon_page.png) no-repeat 0px 0px } 
.bbs_page.home { background-position:0px 0px  }
.bbs_page.prev { background-position:-30px 0px ; margin-right:5px  } 
.bbs_page.next { background-position:-60px 0px ; margin-left:5px   } 
.bbs_page.end { background-position:-90px 0px  }
.bbs_page.now , .bbs_page.num { padding-left:8px ; padding-right:8px } 
.bbs_page:hover { background-color:#f7f7f7 ; border-color:rgba(0,0,0,0.2) ; color:#111111 }
.bbs_page.now , .bbs_page.now:hover { background:#2b51a3 ; border-color:#2b51a3 ; color:#ffffff ; font-weight:500 }



/* BBS VIEW */
#bbs_view_header , #bbs_VH_title , .bbs_VH_list , .bbs_VH_list li , .bbs_VI_list , .bbs_VI_list li , 
#bbs_view_img , #bbs_view_ctns , #bbs_view_cts { display:block ; overflow:hidden }
#bbs_view_header { border-top:solid 2px #49a93c }
#bbs_view_header p{line-height: 2em;}
#bbs_view_header p strong{font-weight: bold;    line-height: 2em;}
#bbs_VH_title , .bbs_VH_list li , .bbs_VI_list li { border-bottom:solid 1px #d5d5d5 }
#bbs_VH_title { 
    padding:15px 10px ; 
    color:#444444 ; font-size:1.4em ; line-height:1.4em ; text-align:center ; font-weight:500 ; letter-spacing:-1px }
.bbs_VH_list li , .bbs_VI_list li  { padding:15px 0px }
.bbs_VH_list b , .bbs_VH_list span , .bbs_VI_list b , .bbs_VI_list span , .bbs_VH_FL { font-size:1em ; line-height:1.4em }
.bbs_VH_list b , .bbs_VI_list b { 
    font-weight:500 ; color:#41a134 ; padding-right:15px ; padding-left:10px  ; margin-right:15px ;
    background:url(../images/dot_b10.png) no-repeat right center ; background-size:1px 10px }

#bbs_view_img , #bbs_view_ctns { display:block ; overflow:hidden ; text-align:center ; padding:40px 0px ; border-bottom:solid 1px #d5d5d5  } 
#bbs_view_ctns { text-align:left }
#bbs_view_ctns { font-size:1em ; line-height:1.6em }
#bbs_view_ctns * { font-size:inherit ; line-height:inherit  }
#bbs_view_img img { width:100% ; height: 255px; margin:10px ; max-width:340px ; border-radius:4px }
#bbs_view_cts { border-bottom:solid 2px #49a93c ; text-align:left ; padding:40px 10px }
#bbs_view_cts , #bbs_view_cts * { font-size:1em ; line-height:1.6em }

#bbs_view_infor , #bbs_VI_title { display:block ; overflow:hidden }
#bbs_VI_title { font-size:2em ; line-height:1.4em ; font-weight:600 ; color:#111111 ; text-align:center ; padding:25px 5px ; letter-spacing:-1px }
.bbs_VI_list { border-top:solid 2px #111111 }
.bbs_VH_FL , .bbs_VH_FL > span { transition:0.3s all }
.bbs_VH_FL { vertical-align:middle }
.bbs_VH_FL > span { 
    display:inline-block ; width:20px ; height:20px ; opacity:0.5 ; margin-right:5px ; 
    background:url(../images/bbs_icon_view.png) no-repeat 0px 0px }
.bbs_VH_FL:hover { color:#444444 ; text-decoration:underline }
.bbs_VH_FL:hover > span { opacity:0.8 }


/* BBS BTNS */
#bbs_btns , .bbs_btn , .bbs_btn b , .bbs_btn span:last-child { display:block ; overflow:hidden }
.bbs_btn , .bbs_btn b , .bbs_btn span { transition:0.3s all }
#bbs_btns { padding-top:30px ; padding-bottom:5px ; text-align:center }
.bbs_btn span { vertical-align:middle }
.bbs_btn , .bbs_btn span:last-child { border-radius:4px }
.bbs_btn , .bbs_btn span:nth-child(1) , .bbs_btn span:nth-child(2) { display:inline-block }
.bbs_btn { margin:10px ; box-sizing:border-box ; box-shadow:0px 1px 3px rgba(0,0,0,0.2)  ; background-color:#ffffff }
.bbs_btn b { position:relative ; padding:15px 30px }
.bbs_btn span:nth-child(1) { width:20px ; height:20px ; background:url(../images/bbs_icon_view.png) no-repeat 0px 0px ; margin-right:5px ; opacity:0.6  }
.bbs_btn span:nth-child(2) { font-size:1.1em ; font-weight:400 ; line-height:1em  ; color:#444444 }
.bbs_btn span:nth-child(3) { 
    opacity:0.1 ; background-color:#000000 ;  
    width:90% ; height:100% ; position:absolute ; left:50% ; top:145% ; transform:translate(-50%,-50%) }
.bbs_btn:hover span:nth-child(1) { opacity:1 }
.bbs_btn:hover span:nth-child(2) { color:#ffffff }
.bbs_btn:hover span:nth-child(3) { top:100% ; opacity:0.1 ; background-color:#ffffff   }
 
.bbs_btn.white span:nth-child(1) { background-position:-20px 0px } 
.bbs_btn.white span:nth-child(2) { color:#111111 }
.bbs_btn.white:hover { background-color:#eeeeee }   

.bbs_btn.green { background-color:#49a93c }
.bbs_btn.green span:nth-child(2) { color:#ffffff ; text-shadow:0px 0px 3px rgba(0,0,0,0.3)  }
.bbs_btn.green span:nth-child(1) { background-position:-40px 0px }
.bbs_btn.green:hover { background-color:#429836 } 
.bbs_btn.enter span:nth-child(1) { background-position:-120px 0px }


/* BBS LIST */
#bbs_list , .bbs_list_link , .bbs_list_file , .bbs_list_file span , .bbs_list_infor { display:block ; }
.bbs_list_infor { font-size:0.9em ; line-height:2em ; text-align:left ; margin-bottom:10px }
#bbs_list table { width:100% ; border-spacing:0px ; border-collapse:collapse }
#bbs_list thead th { 
    font-size:0.8em ; line-height:1.2em ; text-align:center ; font-weight:400px ; 
    background:url(../images/dot_b10.png) no-repeat right center ; background-size:1px 10px ;  
    padding:13px 5px ; border-top:solid 1px #d5d5d5 ; border-bottom:solid 2px #49a93c }
#bbs_list thead th:last-child { background:none }
#bbs_list thead th , #bbs_list tbody th , #bbs_list tbody td { vertical-align:middle }
#bbs_list tbody th , #bbs_list tbody td { 
    font-size:1em ; line-height:1.2em ; text-align:center ; 
    border:solid 1px #d7d7d7 ; border-top:0px ; border-left:0px ;
    padding:15px 5px ; border-bottom:solid 1px #d5d5d5 } 

.bbs_list_link { 
    padding:0px 10px ; 
    text-align:left ; font-size:inherit ; line-height:inherit ; font-weight:400 ; color:inherit }
.bbs_list_link:hover { text-decoration:underline }
tr.notice th , tr.notice td { background-color:#f7f7f7  }
#bbs_list tbody tr.notice th { font-weight:500 ; color:#444444 ; font-size:0.9em  }
#bbs_list tbody tr:hover th , #bbs_list tbody tr:hover td { border-bottom:solid 1px rgba(0,0,0,0.5) }

.bbs_list_file , .bbs_list_file span { 
    width:30px ; height:30px ; transition:0.3s all ; 
    background:url(../images/bbs_icon_file.png) no-repeat 0px 0px }
.bbs_list_file { background-position:-30px 0px ; background-color:#49a93c ; border-radius:4px ; margin:auto }
.bbs_list_file span { opacity:0.8 ; font-size:0em ; text-indent:-9999px }
.bbs_list_file:hover { background-position:-40px 0px }
.bbs_list_file:hover span { opacity:1 ; background-color:rgba(0,0,0,0.1) }

.no_data { 
    display:block ; overflow:hidden ; width:100% ; padding:10px 5px ; box-sizing:border-box ;  
    text-align:center ; font-size:1.2em ; line-height:1.6em ; font-weight:400 }

    .more { 
        transition:0.3s all ;    width:120px ; padding:12px 5px ; border:solid 1px #ccc; box-sizing:border-box ; margin:auto ;     font-size:0.9em ; line-height:1em ; font-weight:500; text-align:center;position:absolute; right: 10px; top: 5px; }
    .more:hover { color:#ffffff ; border-color:rgba(0,0,0,0.4) ; background-color:#2b51a3 }
    
    


/* PC ****/
@media all and (min-width:1100px){
    
    /* VISUAL */
    #sub_visual_tab { position:relative ; padding-bottom:35px ; margin-bottom:70px ;   }
    #SVT_visual , #SVT_visual_inner { height:600px } 
    #SVT_title { font-size:3.4em ; font-weight:400 ; padding:0px }
 
    #SVT_tab { display:block }
    #SVT_tab ul , #SVT_tab li , #SVT_tab a { display:block ; overflow:hidden }
    #SVT_tab , #SVT_tab ul { width:100% }
    #SVT_tab { max-width:1100px ; position:absolute ; left:50% ; bottom:0px ; transform:translateX(-50%) }
    #SVT_tab ul { background-color:#ffffff ; box-shadow:0px 0px 3px rgba(0,0,0,0.3) } 
    #SVT_tab li { 
        float:left ;  
        background:url(../images/dot_b10.png) no-repeat right center #ffffff ; background-size:1px 10px   } 
    #SVT_tab li:last-child { background:#ffffff } 
    #SVT_tab.all2 li { width:50% }
    #SVT_tab.all3 li { width:33% }
    #SVT_tab.all3 li:nth-child(2) { width:34% }
    #SVT_tab.all4 li { width:25% }
    #SVT_tab.all5 li { width:20% } 
    #SVT_tab a { 
        font-size:1em ; line-height:1em ; font-weight:400 ; text-align:center ; padding:25px 10px ;  
        transition:0.3s all }
    #SVT_tab a:hover , #SVT_tab a:focus { background-color:#f7f7f7 ; color:#111111 }
    #SVT_tab li.now a { background-color:#2b51a3 ; color:#ffffff ; font-weight:500 }
    

    
    /* MAIN */
    #SYP_main { padding:0px ; width:1100px ; margin:auto ; margin-bottom:80px }
    #SYP_sub_title { margin-bottom:50px }
    
    
    
    /* SUBPAGE SEARCH */
    #bbs_search { text-align:center }
    .bbs_search_box { margin:0px ; display:inline-block }
    .bbs_search_select { width:auto }
    .bbs_search_select , .bbs_search_input { height:40px ; line-height:40px }
    .bbs_search_input { width:200px }
    .bbs_search_btn.search , .bbs_search_btn.reload { width:40px ; display:inline-block ; float:none }
    .bbs_search_box:last-child { margin-left:2px }
    .bbs_search_btn b { background-image:url(../images/bbs_icon_search.png) }
    
    
    
    /* BBS GALLERY */
    #bbs_gallery .bbs_list_infor { box-sizing:border-box ; padding-left:20px ; margin:0px }
    .bbs_gallery_li { display:block ; float:left ; margin:20px }
    .bbs_gallery_li.center {
        margin:auto ; margin-top:15px ; margin-left:20px ; padding:15px 0px ;  
        max-width:1100px ; border:solid 1px #d5d5d5 ; border-left:0px ; border-right:0px }
    .bbs_gallery_title { padding:25px 10px }
    .bbs_gallery_title span { word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }



    /* BBS VIEW */
    #bbs_view { max-width:1100px ; margin:auto }
    #bbs_view_cts { padding:50px 20px }
    .bbs_VH_list li , .bbs_VI_list li { position:relative ; box-sizing:border-box ; width:100% ; float:left } 
    .bbs_VH_list li.dd30  , .bbs_VI_list li.dd30 { width:30% }
    .bbs_VH_list li.dd40  , .bbs_VI_list li.dd40 { width:40% }
    .bbs_VH_list li.dd50  , .bbs_VI_list li.dd50 { width:50% }
    .bbs_VH_list li.dd60  , .bbs_VI_list li.dd60 { width:60% }
    .bbs_VH_list li.dd70  , .bbs_VI_list li.dd70 { width:70% }
    .bbs_VH_list b , .bbs_VI_list b { 
        width:100px ; padding:0px ; text-align:center ; line-height:1em ; 
        position:absolute ; left:0px ; top:50% ; transform:translateY(-50%) }
    .bbs_VI_list b { font-size:1.1em }
    .bbs_VH_list span , .bbs_VI_list span { display:block ; box-sizing:border-box ; padding-left:120px } 
    .bbs_VH_FL { 
        display:block ; overflow:hidden ; margin-left:110px ;
        word-wrap:break-word ; white-space:nowrap ; text-overflow:ellipsis }
    .bbs_VH_FL > span { width:15px ; height:15px ; float:left ; padding:0px }
    
    .bbs_VI_list li { padding-top:20px ; padding-bottom:20px }
    
}
@media all and (max-width:768px){
    .more{ width: 100%; border: 0px; display: block;position: relative; right: inherit; top: auto;}
}