@charset "utf-8";


.main_content {padding: 50px 0; background: #dfe6fe; box-sizing: border-box;}

.search {margin: 0 0 50px; display: flex; justify-content: space-between; align-items: center;}
.search h4 {font-size: 38px; font-weight: 600;}
.search fieldset {display: flex; width: 960px; height: 70px; background: #fff; border: 3px solid #2661ad; border-radius: 35px; box-sizing: border-box; overflow: hidden;}
.search .sel {position: relative; float: left; width: 175px; }
.search .sel:before,
.search .sel:after{z-index:1; content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:24px; background:#ccc; transform:translateY(-50%);}
.search .sel:before{right:28px; width:8px; height:8px; margin:-2px 0 0 0; border-bottom:2px solid #333; border-right:2px solid #333; background:none; transform:translateY(-50%) rotate(45deg);}
.search .sel select{ -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}


.search input[type="date"], .search input[type="number"], .search input[type="text"], .search input[type="password"], .search select {border: none;width: 100%;height: 67px;line-height: 67px;padding: 0 30px;font-size: 20px;font-weight: 500;letter-spacing: -0.05em;}
.search input[type="text"] {width: calc(100% - 600px);}
.search .submit {width: 64px;height: 64px;font-size: 0;background: url(/images/assembly/main/ico_search.png)no-repeat center;}



.board_wrap #board {float: left; width: 47.14%; height: 712px; border: 2px solid #85d5dc; background: #fff; border-radius: 35px; overflow: hidden;}
#board .tit_wrap {position: relative; height: 150px; background: #85d5dc url(/images/assembly/main/bg_list1.png)no-repeat bottom left; background-size: 61%;}
#board .tit_wrap h4 {position: absolute; top: 48px; right: 52px; display: inline-block; font-size: 45px; font-weight: 500; color: #fff; text-align: right;}
#board .tit_wrap h4:before {content: ''; display: block; position: absolute; top: 50%; left: -38px; transform: translateY(-50%); width: 25px; height: 5px; background: url(/images/assembly/main/bg_tit.png)no-repeat;}
#board .list_wrap {padding: 30px 28px; background: #fff; box-sizing: border-box;}
#board .list_wrap .title {position: relative;}
#board .list_wrap .title:after, #board .list_wrap .tabmenu:after {content: ''; display: block; position: absolute; bottom: 0; left: 100px; width: calc(100% - 100px); height: 2px; background: #85d5dc;}
#board .list_wrap .title strong {display: block; width: 140px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 500; color: #fff; text-align: center; background: #85d5dc; border-radius: 25px;}
#board .list_wrap .more {position: absolute; top: 0; right: 0; display: block; font-size: 0; width: 35px; height: 35px; background: url(/images/assembly/main/ico_plus.png)no-repeat; background-size: contain;}

#board .list_wrap .dot {padding:10px 20px; box-sizing: border-box;}
#board .list_wrap .dot > li {padding-bottom: 9px;}
#board .list_wrap .dot > li:before {top: 11px;width: 5px; height: 5px; background: #4c4a6e;}
#board .tit{display:inline-block;vertical-align: middle;width: calc(100% - 130px);font-size: 18px;color: #333;font-weight: 300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
#board .date {position: absolute; top: 0; right: 0; font-size: 18px; color: #333;}

#board.board2 {float: right; border-color: #8599dc;}
#board.board2 .tit_wrap {background: #8599dc url(/images/assembly/main/bg_list2.png)no-repeat bottom left; background-size: 47%;}
#board.board2 .list_wrap:last-child {padding-top: 0;}
#board.board2 .list_wrap .title strong, #board.board2 .list_wrap .title:after {background: #8599dc;}

#board .list_wrap .tabmenu:after {width: calc(100% - 140px); left: 140px; bottom: auto; top:48px; background: #8599dc;}
.tabmenu{position:relative;overflow:hidden;width:100%;box-sizing:border-box;border-radius:5px;margin-bottom: 10px;}
.tabmenu > li > a{display:block; position:absolute; top:0; left:0; width:140px; height:50px; line-height:50px; font-size: 20px; font-weight: 500; color: #fff; background: #ccc; border-radius: 25px 0 0 25px; box-sizing:border-box; text-align:center; text-decoration:none;}
.tabmenu > li:nth-child(2) > a {left: 140px; border-radius: 0 25px 25px 0;}
.tabmenu > li.on > a{background:#8599dc;}
.tabmenu > li > .con{display:none; padding:50px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

.tab_type2 > li > a{position:static; float:left;}

.tab_type5 > li > a{position:static;float:left;width: 20%;border-radius: 0;font-size: 0.9em;}
.tab_type5 > li:first-child > a {border-radius: 25px 0 0 25px;}
.tab_type5 > li:nth-child(2) > a {border-radius: 0;}
.tab_type5 > li:last-child > a {border-radius: 0 25px 25px 0;}

@media all and (max-width:1330px){
    .search {display: block;}
    .search h4 {font-size: 35px; margin: 0 0 10px;}
    .search fieldset {width: 100%;}
    #board .tit_wrap h4 {right: 40px; font-size: 40px;}
}
@media all and (max-width:1024px){
    .search .sel {width: 140px;}
    .search input[type="date"], .search input[type="number"], .search input[type="text"], .search input[type="password"], .search select {padding: 0 20px;}
    .search input[type="text"] {width: calc(100% - 484px);}
    
    .board_wrap #board {width:100%;}
    #board .tit_wrap, #board.board2 .tit_wrap {background-size: auto;}
    #board.board2 {margin: 50px 0 0;}
    #board .tit, #board .date {font-size: 16px;}
}
@media all and (max-width:768px){
    .main_content {padding: 35px 0;}
    .search h4 {font-size: 30px;}
    .search fieldset {display: block; height: auto; border-radius: 15px;}
    .search .sel {width: 100%;}
    .search input[type="date"], .search input[type="number"], .search input[type="text"], .search input[type="password"], .search select {width: 100%; height: 50px; line-height: 50px; font-size: 18px;}
    .search input[type="text"] {width: calc(100% - 60px);}
    .search .submit {width: 50px; height: 50px; background-size: 28px;}
    
    .board_wrap #board {height: auto;}
    #board .tit_wrap {height: 120px; background-size: 54%;} 
    #board.board2 .tit_wrap {background-size: 42%;}
    #board .tit_wrap h4 {top: 36px; font-size: 36px;}
    #board .list_wrap {padding: 25px 20px;}

    .tab_type5 > li:first-child > a,
    .tab_type5 > li:nth-child(2) > a,
    .tab_type5 > li:nth-child(3) > a { width: 33%; margin-bottom: 5px; }
    .tab_type5 > li:nth-child(4) > a,
    .tab_type5 > li:last-child > a { width: 50%; }
}
@media all and (max-width:568px){
    .main_content {padding: 25px 0;}
    .search {margin: 0 0 35px;}
    .search h4 {font-size: 24px;}
    #board .tit_wrap {height: 100px;}
    #board .tit_wrap h4 {top: 32px; right: 25px; font-size: 28px;}
    #board .list_wrap .dot {padding: 8px 12px;}
    #board .list_wrap .title strong, .tabmenu > li > a {width: 125px; height: 43px; line-height: 43px; font-size: 18px;}
    #board .tit, #board .date {font-size: 15px;}
    #board .tit {width:calc(100% - 100px);} 
    
    #board.board2 {margin: 35px 0 0;}
    
    .tabmenu > li:nth-child(2) > a {left: 125px;}
    #board .list_wrap .tabmenu:after {top: 41px; left: 125px; width: calc(100% - 125px);}

    .tab_type5 > li > a:first-child { font-size: 0.9em; }
}
@media all and (max-width:430px){
    .search h4 {font-size: 22px;}
    .search input[type="date"], .search input[type="number"], .search input[type="text"], .search input[type="password"], .search select {height: 46px; line-height: 46px; font-size: 16px;}
    .search .submit {height: 46px;}
    
    #board .list_wrap .title strong, .tabmenu > li > a {width: 100px; height: 38px; line-height: 38px; font-size: 16px;}
    #board .list_wrap .title:after, #board .list_wrap .tabmenu:after {left: 80px; width: calc(100% - 80px);}
    .tabmenu > li:nth-child(2) > a {left: 100px;}
    #board .list_wrap .tabmenu:after {top: 36px; left: 100px; width: calc(100% - 100px);}
    .tabmenu > li > .con {padding: 40px 0 0;}
    
    #board .list_wrap .more {width: 30px; height: 30px;}

    .tab_type5 > li > a:first-child { font-size: 0.7em; }
}